@media screen and (max-width: 480px) {
 #slider_sec .slider_banner{height: auto;}
 .mar-lg-40 {margin-left: 0px;margin-right: 0px;}
 #why{padding: 30px 0px;}
 header.scrolled .logo img {max-width:100px;filter: brightness(1) invert(0);}
 #why .heading h3, #about .blue .heading h3, #directors .blue .heading h3, #sec_five .heading h4, #certificate .heading h5, #sec_fourth .services-section h2{font-size: 22px;font-weight: 600;}
 #about{padding: 30px 0px;}
 #about .blue .heading{padding: 40px 0px 20px 0px}
 #about .blue .heading p+h3+p{font-size: 18px;}
 #directors{padding: 30px 0px;}
 #directors .blue .heading{padding: 10px;}
 .pad-lg-40{padding-left: 10px;padding-right: 10px;}
 #directors .img1 .image-wrapper {position: relative; margin-bottom: 30px;}
 #directors .d_name .description p{text-align: left;}
 #directors .d_name .description .read-more-link {padding: 10px 13px;font-weight: 500;font-size: 14px;}
 #sec_five{padding: 30px 0px;}
 #sec_five .heading h4+p{font-size: 18px;}
 #sec_five .cta a.redcta, #sec_five .cta a.red2cta{padding: 10px 12px;font-size: 12px;}
 #sec_fourth .services-section{padding: 30px 10px;}
 #certificate{padding: 30px 0px;}
 .content .banner-text {display: none !important;}
 #banner .content {padding: 25px 10px 15px;}
 #banner {height: 140px;}
#banner img {object-fit: contain;}
.pad-tb{padding-top:30px;padding-bottom: 30px;}
.mar-lg-30 {margin-left: 0px;margin-right: 0px;}
#exampleModal .modal-dialog {min-width: auto;}
.contact-text address, .footer h5, .contact-text h5{text-align: left;}
.social-icons {justify-content: center;}
.social-icons a{width: 25px;height: 25px;font-size: 12px;}
#slider_sec .owl-dots {position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;
    bottom: -4px;
    margin-top: 0;
}
#slider_sec .owl-theme .owl-dots .owl-dot span {width: 15px;}
#slider_sec .owl-theme .owl-dots .owl-dot.active span { width: 25px;background: #00D0E4;}


#card_slider .owl-theme .owl-dots .owl-dot.active span  { width: 20px;background: #00D0E4;}
#card_slider .owl-dots .owl-dot span{width: 10px;}
#card_slider .owl-dots {width: 100%;text-align: center;}

}

/* Default: hide both initially to avoid flicker */
.mobile_view, .banner1 {
    display: none;
}

/* Mobile: 767px and below */
@media (max-width: 767px) {
    .mobile_view {
        display: block;
    }
    .banner1 {
        display: none!important;
    }
}

/* Desktop/Tablet: 768px and above */
@media (min-width: 768px) {
    .mobile_view {
        display: none;
    }
    .banner1 {
        display: block;
    }
}


@media screen and (min-width: 1369px) and (max-width: 1920px) {
  #slider_sec .bg1, #slider_sec .bg2, #slider_sec .bg3, #slider_sec .bg4, #slider_sec .bg5{background-size: contain;}
}