/* this is for the above large screens */
@media only screen and (min-width: 1920px) {
.serv-block .row .blocks { /* this is for serive icons */
    margin-top: 36px;
}
.blocks ul li.Service_icons{
	padding: 18px 10px;
    width: 212px;
}
.SerivceSectionbox {
    height: 300px;
   	width: 390px;
}
.SerivcesList{
    gap: 2%;
}
.serviceIcon {
    width: 40px;
    height: 40px;
}
.TittleServiceSection {
    font-size: 18px;
}
.ServiceSerctionSubHeading {
    font-size: 14px;
    margin-top: 10px;
}
.ServiceSectionIncludesBenifits {
    margin-top: 6px;
}
.ServiceBenifits {
    font-size: 13px;
    line-height: 25px;
}
.LearnMoreSection button {
    padding: 4px;
    font-size: 14px;
}

.footer-column h4 {
    font-size: 20px;
    margin: 6px 0px;
}
.footer-column ul li {
    line-height: 28px;
}
.footer-column ul li a {
    font-size: 14px;
}

/* for new and announcements */
.news-container {
    height: 300px;
}
.mainservicepage {
    height: 64vh;
}
} /* this is for the above large screens end */



@media only screen and (min-width: 767px) and (max-width: 1366px){ /* this is for the laptop or small screens ============================================================================ */
#cssmenu>ul>li>a {
    padding: 7px;
    font-size: 12px !important;
}
.mainLogo img {
    width: 30px;
}
.companyName span:nth-child(1) {
    font-size: 16px;
}
.companyName span:nth-child(2) {
    font-size: 11px;
}
.CM_image img {
    width: 42px !important;
}
.loginSelect.login-herd.newstyle button {
    padding: 2px 12px;
}
.main-menu .top-menu li a {
    font-size: 11px;
    padding: 0px 4px;
}
.main-menu>ul>li.has-child>ul.sub-menu>li>a, .main-menu>ul>li.has-child>ul.sub-menu>li>ul.menu-sub li a {
    font-size: 10px;
}
.main-menu>ul>li.has-child>ul.sub-menu>li>a, .main-menu>ul>li.has-child>ul.sub-menu>li>ul.menu-sub li a {
    padding: 4px 15px;
}
.main-menu>ul>li.has-child>ul.sub-menu>li:hover>a, .main-menu>ul>li.has-child>ul.sub-menu>li>ul.menu-sub li:hover a {
    padding: 4px 15px;
}
.MainBannerTittle {
    top: 20%;
}
.MainBannerTittle {
    font-size: 34px;
}
.small_textforHeading {
    font-size: 14px;
}
.homePageBannersButtons button {
    font-size: 12px;
    padding: 2px 12px;
    margin-top: 14px;
}
.IconsSocial span {
    font-size: 12px;
    left: 36px;
}
.IconsSocial i {
    font-size: 14px;
    margin: 8px;
}
.SocialMediaIcons .IconsSocial:hover span {
    width: 83px;
    padding: 3px;
}
.ForChartBot img {
    width: 24px;
}
.ForChartBot {
    width: 40px;
    height: 40px;
}
.blocks ul li.Service_icons {
    width: 160px;
    margin: 14px;
   margin: 8px 10px;
}
.Service_icons a .image {
    width: 34px;
    height: 34px;
}
.Service_icons a .image i {
    font-size: 14px;
}
.Service_icons .Bottom_title span:nth-child(1) {
    font-size: 12px;
}
.Service_icons .Bottom_title span:nth-child(2) {
    font-size: 10px;
}
.heading .tittle {
    font-size: 34px;
}
.SerivceSectionbox {
    width: 300px;
    height: 218px;
    margin: 4px;
}
.serviceIcon {
    width: 30px;
    height: 30px;
}
.serviceIcon i {
    font-size: 14px;
}
.TittleServiceSection {
    font-size: 14px;
}
.ServiceSerctionSubHeading {
    font-size: 10px;
}
.ServiceSectionIncludesBenifits {
    margin-top: 0px;
}
.ServiceBenifits {
    font-size: 10px;
    line-height: 18px;
}
.LearnMoreSection a {
    padding: 0px;
    font-size: 12px;
}

.footer.ForQuick_Facts .Quick_facts {
    width: 130px;
    height: 124px;
}
.footer.ForQuick_Facts .Quick_facts i {
    margin-top: 14px;
    font-size: 20px;
}
.footer.ForQuick_Facts .Quick_facts h5 {
    margin-top: 16px;
    font-size: 18px;
}
.footer-main {
    padding: 20px 0px;
}
.form-group input, .enter-numbr input, #Billsignin, #txtCaptcha, #compId, #inputcaptcha, .viewBtnComplaintStatus {
    font-size: 14px !important;
    height: 40px;
}
.register1#LT_login .userInput, #HT_login.register .userInput {
    height: 36px;
    margin-top: unset;
}
.login-block .modal-content {
    margin-top: unset;
}
.login-block .modal-dialog {
    top: 20%;
}
.heading {
    margin-bottom: 0px;
}
.heading .tittle {
    font-size: 30px;
    margin: 4px;
}
#section0.section.fp-section{
	overflow: hidden;
}





} /* this is for the laptop or small screens end ============================================================================ */