

@media only screen and (max-width:2500px){
    .gl-ttl .position-relative img {
        height: 250px;
        object-fit: cover;
    }
}
@media only screen and (max-width:1200px){
    #banner .banner .banner-inner .hero_sectionSlider .swiper-wrapper .swiper-slide .swiper-slider-herobanner .herobanner-image img {
        height: 100%;
    }
    #banner .banner .banner-inner .hero_sectionSlider .swiper-wrapper .swiper-slide .swiper-slider-herobanner .herobanner-image .herobanner-txt {
        width: 50%;
    }
    .page-head .page-head-inner .page-head-txt {
        left: 30px;
    }
    header .head-bot .navbar .menu-inner .main-bot-links .droapmain .nav-likdsgn {
        padding: 28px 10px;
    }
    header .head-bot .navbar .navbar-brand .nav-brand-img {
        width: 220px;
    }
}

@media only screen and (max-width:992px){
    header .navbar .navbar-collapse {
        margin-left: auto;
        text-align: end;
        position: fixed;
        top: 70px;
        width: 100%;
        animation-name: slide-down;
        animation-duration: 1s;
        animation-fill-mode: forwards;
        border: 5px solid white;
        left: 0;
        background: linear-gradient(90deg, #023151 35%, #00000094 100px 0%);
        animation: move-right 1s forwards;
        transition: all 1s ease;
    }
    header .head-bot .navbar .menu-inner {
        padding-bottom: 100vh;
        padding-top: 40px;
    }

    @keyframes move-right {
        0% {
            transform: translatex(-50%);
            border-bottom-right-radius: 50%;
        }
        100% {
            transform: translatex(0);
            border-bottom-right-radius: 0%;
        }
      }
    header .head-bot .navbar .menu-inner .main-bot-links .droapmain .nav-likdsgn .lnkimg img {
        filter: invert(1);
    }
    header .head-bot .navbar .menu-inner .main-bot-links .droapmain .nav-likdsgn {
        padding: 0px 0 30px 30px;
        width: fit-content;
    }
    header .head-bot .navbar .menu-inner .main-bot-links .droapmain {
        width: fit-content;
    }
    header .head-bot .navbar .menu-inner .main-bot-links .droapmain .nav-likdsgn {
        color: #fff;
    }
    header .head-bot .navbar .menu-inner .main-bot-links .droapmain .nav-likdsgn .lnkimg img {
        filter: invert(1);
    }
    header .head-bot .navbar .menu-inner .main-bot-links .droapmain .dropdown-menu li {
        padding: 0px 0 15px 60px;
        border-bottom: none;
    }
    header .head-bot .navbar .menu-inner .main-bot-links .droapmain:hover .dropdown-menu {
        border: none;
        margin-top: -10px;
    }
    header .head-bot .navbar .menu-inner .main-bot-links .droapmain .nav-likdsgn .lnktxt p {
        font-size: 16px;
    }
    .dropdown-toggle::after {
        filter: brightness(1);
    }
    header .head-bot .navbar .menu-inner .main-bot-links .droapmain .dropdown-menu li .dropdown-item {
        padding: 0;
    }
    header {
    position: fixed;
    top: -40px;
    }
    .new-class {
        animation: none;
    }
    .page-head {
        margin-top: 70px;
    }
    .blog {
        padding: 70px 0 50px;
        background: linear-gradient(180deg, #ecf6ff 100%, transparent 0);
    }
    .banner{
        margin-top: 70px;
    }
    #banner .banner .banner-inner .hero_sectionSlider .swiper-wrapper .swiper-slide .swiper-slider-herobanner .herobanner-image .herobanner-txt {
        top: 18%;
    }
    header .head-bot .navbar .navbar-brand .nav-brand-img {
        width: 240px;
    }
    .appointment .apomnt-inner .apomnt-right {
        box-shadow: 0px -6px 13px 1px rgba(43, 119, 134, 0.4117647059);
    }
    .appointment .apomnt-inner {
        flex-direction: column-reverse;
    }
    .appointment .apomnt-inner .apomnt-left .apomnt-lef-inn {
        padding: 30px 20px 0;
    }
    .contact .contact-inner .contact-left .contact-left-inn .contact-cont .cont-itm .icn {
        width: 7%;
    }
    header .head-bot .navbar .menu-inner .main-bot-links .droapmain .active {
    color: #ef8e04 !important;
    background: #023151;
    }

}
@media only screen and (max-width:892px){
    #banner .banner .banner-inner .hero_sectionSlider .swiper-wrapper .swiper-slide-active .swiper-slider-herobanner .herobanner-image .herobanner-txt .bounce-dow {
        line-height: 40px;
        font-size: 30px;
    }
    .footer-top .footer-top-inner .footer-top-left {
        padding: 20px 25px !important;
    }
    .expn .expn-inn .expn-cont .expn-right {
        padding-left: 10px;
    }
}
@media only screen and (max-width:767px){
    header .navbar .navbar-collapse {
        background: linear-gradient(90deg, #023151 50%, #00000094 100px 0%);
    }
    .acvmnt .acvmnt-inner .acv-item .acv-grid {
        flex-direction: column;
    }
    .acvmnt .acvmnt-inner .acv-item .acv-grid .acv-right {
        margin-left: 30px !important;
        width: 100%;
        margin-bottom: 20px;
    }
    .acvmnt .acvmnt-inner .acv-item .acv-grid .rig-mar {
        margin-left: 0px;
    }
    .acvmnt .acvmnt-inner .acv-item .acv-grid .acv-left {
        width: 0;
    }
    .acvmnt .acvmnt-inner .acv-item .acv-grid::before {
        left: 0;
    }   
    .acvmnt .acvmnt-inner .acv-item .acv-grid::after {
        left: 0;
    } 
    .acvmnt .acvmnt-inner .acv-item .acv-grid .lif-mar::after {
        right: auto;
        left: -20px;
        transform: rotate(90deg);
    }
    .footer .footer-inner .footer-grid .footer-item{
        padding-left: 0 !important;
    }
    .spc .spc-inner .spc-greed .spc-item .spc-item-in .spc-itm-top img {
        height: 100%;
    }
    .scp-pop {
        overflow: scroll;
    }
    .contact .contact-inner .contact-left .contact-left-inn .contact-cont .cont-itm .icn {
        width: 40px;
    }
    .map .map-inner {
        height: 250px;
    }
    #banner .banner .banner-inner .hero_sectionSlider .swiper-wrapper .swiper-slide .swiper-slider-herobanner .herobanner-image .herobanner-txt {
        width: 70%;
    }

}
@media only screen and (max-width:660px){
    #banner .banner .banner-inner .hero_sectionSlider .swiper-wrapper .swiper-slide .swiper-slider-herobanner .herobanner-image img {
        height: 350PX;
    }
}
@media only screen and (max-width:576px){
    .lightboxOverlay {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 9999;
        background-color: black;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
        opacity: 0.8;
        display: none;
        height: 100vh !important;
        width: 100% !important;
    }
    .lightboxOverlay {
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: black;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    display: none;
}
.lb-close {
    position: absolute;
    top: -11%;
    right: 4%;
    z-index: 99999;
}
    
    
    
    
    
    .testimonial .testi-inner .testi-cont .swiper {
        padding: 10px 10px 50px;
    }
    .footer-top .footer-top-inner .footer-top-left .quck-ct .wapper {
        justify-content: flex-start;
    }
    .footer-top .footer-top-inner .footer-top-left {
        border-left: none;
        border-bottom: 1px solid rgba(43, 119, 134, 0.6196078431);
    }
    .footer {
        border-top: none;
    }
    .footer .footer-inner .footer-grid .footer-item {
        padding: 0;
        margin-bottom: 20px;
    }
    .acvmnt .acvmnt-inner .acv-item .acv-grid .acv-right {
        width: 90%;
    }
    header .navbar .navbar-collapse {
        background: linear-gradient(90deg, #023151 60%, #00000094 100px 0%);
    }
    #banner .banner .banner-inner .hero_sectionSlider .swiper-wrapper .swiper-slide .swiper-slider-herobanner .herobanner-image img {
        height: 100%;
    }
    #banner .banner .banner-inner .hero_sectionSlider .swiper-wrapper .swiper-slide .swiper-slider-herobanner .herobanner-image:after {
        background: linear-gradient(88deg, rgba(0, 0, 0, 0.75), transparent);
    }
    .spc .spc-inner .spc-greed .spc-item .spc-item-in .spc-itm-bot h5{
        font-size: 14px;
    }
    .spc .spc-inner .spc-greed .spc-item .spc-item-in .spc-itm-bot {
        padding: 20px 8px 20px 8px;
    }
    .spc .spc-inner .spc-greed .spc-item .spc-item-in .spc-itm-bot p{
        font-size: 13px;
        margin-bottom: 0;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    #banner .banner .banner-inner .hero_sectionSlider .swiper-wrapper .swiper-slide .swiper-slider-herobanner .herobanner-image .herobanner-txt {
        top: 70%;
    }
    #banner .banner .banner-inner .hero_sectionSlider .swiper-wrapper .swiper-slide-active .swiper-slider-herobanner .herobanner-image .herobanner-txt .bounce-dow {
        width: 100%;
    }
    #banner .banner .banner-inner .hero_sectionSlider .swiper-wrapper .swiper-slide .swiper-slider-herobanner .herobanner-image .herobanner-txt {
        width: 80%;
    }
    .heading h2 {
        font-weight: var(--weight-600);
    }
    .abt .abt-inner .abt-right{
        margin-top:30px;
    }
    .event{
        padding: 40px 0 50px;
    }
}
@media only screen and (max-width:460px){
    .testimonial .testi-inner .testi-cont .swiper .swiper-slide .test-slider .test-slider-cont .test-top p {
        margin-bottom: 15px;
    }
    #banner .banner .banner-inner .hero_sectionSlider .swiper-wrapper .swiper-slide-active .swiper-slider-herobanner .herobanner-image .herobanner-txt .bounce-dow {
        animation: bounceInDown 1000ms ease-in-out;
        width: 95%;
    }
    #banner .banner .banner-inner .hero_sectionSlider .swiper-wrapper .swiper-slide .swiper-slider-herobanner .herobanner-image .herobanner-txt {
        width: 80%;
    }
    #banner .banner .banner-inner .hero_sectionSlider .swiper-wrapper .swiper-slide .swiper-slider-herobanner .herobanner-image .herobanner-txt {
        top: 35%;
    }
    #banner .banner .banner-inner .hero_sectionSlider .swiper-wrapper .swiper-slide-active .swiper-slider-herobanner .herobanner-image .herobanner-txt .bounce-dow {
        line-height: 30px;
        font-size: 25px;
    }
    .spc .spc-inner .spc-greed .spc-item .spc-item-in .spc-itm-bot .btnn a {
        font-size: 12px;
    }
    #banner .banner .banner-inner .hero_sectionSlider .swiper-wrapper .swiper-slide .swiper-slider-herobanner .herobanner-image .herobanner-txt {
        width: 90%;
        top: 70%;
    }
    .footer-bot .footer-bot-inner .footer-bot-grid .footer-bot-item h6 {
    font-size: 14px;
    }
    .footer-bot {
    padding: 25px 0 60px;
    }
    .spc .spc-inner .spc-greed .spc-item .spc-item-in .spc-itm-bot h5 {
        height: 100%;
    }
}
@media only screen and (max-width:420px){
    .inner-vdo iframe{
        width: 95%;
    }
    .close {
        top: 4rem;
        right: 1rem;
        cursor: pointer;
    }
    .close img {
        width: 23px;
    }

    header .navbar .navbar-collapse {
        background: linear-gradient(90deg, #023151 70%, #00000094 100px 0%);
    }
    .expn .expn-inn .expn-cont .expn-left .expn-lef-inn {
        text-align: center;
    }
    .expn .expn-inn .expn-cont .expn-left .expn-lef-inn img {
        width: 80%;
    }
    .award .awad-inner .award-left .award-left-inn {
        padding: 50px 20px;
    }
    .spz-head {
        background-position: bottom;
    }
    .page-head {
        height: 200px;
    }
    .appointment .apomnt-inner {
        padding: 0px 0px 40px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }
    .appointment .apomnt-inner .apomnt-right {
        box-shadow: 0px 6px 13px 1px rgba(43, 119, 134, 0.4117647059);
    }
    .contact .contact-inner .contact-left .contact-left-inn .contact-cont .cont-itm .add {
        width: 86%;
    }
    .contact .contact-inner .contact-left .contact-left-inn .contact-cont .cont-itm {
    gap: 15px;
    }
    .expn .expn-inn .expn-cont .expn-left .expn-lef-inn {
    box-shadow: none;
    }
    .footer .footer-inner .footer-grid .footer-item .footer-item-img img {
    width: 80%;
    }
    .footer .footer-inner .footer-grid .footer-item .footer-item-img{
        text-align: start;
    }
    .footer .footer-inner .footer-grid .footer-item .social {
    width: 75% !important;
}
    .footer-top .footer-top-inner .footer-top-left .quck-ct .wapper .wap-left img{
        width: 45px;
    }
    .footer-top .footer-top-inner .footer-top-left .quck-ct .wapper .wap-right h5{
        font-size: 16px;
    }
    .footer-top .footer-top-inner .footer-top-left .quck-ct .wapper .wap-right p{
        font-size: 14px;
    }
    .footer-top .footer-top-inner .footer-top-left {
        padding: 15px 25px !important;
    }
    .footer-top .footer-top-inner .footer-top-left .quck-ct .wapper {
        gap: 20px;
    }
    .appointment .apomnt-inner .apomnt-right {
        padding: 20px 10px;
    }
    .contact .contact-inner .contact-left .contact-left-inn .contact-cont .cont-itm {
        align-items: flex-start;
    }
    .footer {
            padding: 40px 20px 20px;
    }
    .footer .footer-inner .footer-grid .footer-item .social {
        margin-left: 0;
    }
    #banner .banner .banner-inner .hero_sectionSlider .swiper-wrapper .swiper-slide .swiper-slider-herobanner .herobanner-image .herobanner-txt {
        width: 90%;
        top: 65%;
    }
}
@media only screen and (max-width:400px){
    .heading h2 {
        font-size: 20px;
    }
    .abt .abt-inner .abt-left .abt-left-inner ul {
        padding-left: 0px;
    }
    .scp-pop .spc-inner {
        padding: 3rem 0rem;
    }
    .scp-pop .spc-inner .ldr {
        right: 5px;
    }
    .test-detl .test-detail-inner .test-itm .test-itm-top {
        flex-direction: column;
        margin-bottom: 20px;
    }
    .test-detl .test-detail-inner .test-itm .test-itm-top .item-right{
        text-align: center;
    }
    .test-detl .test-detail-inner .test-itm .test-itm-top .test-itm-bot{
        text-align: center;
    }
    .test-detl .test-detail-inner .test-itm .test-itm-bot{
        text-align: center;
    }
    .test-detl .test-detail-inner {
        padding: 30px 15px;
    }
    .testimonial .testi-inner .testi-cont .swiper .swiper-slide .test-slider {
        padding: 70px 10px 40px 10px;
    }
    .acvmnt .acvmnt-inner .acv-item .acv-grid::after {
        left: 5px;
    }
    .acvmnt .acvmnt-inner .acv-item .acv-grid::before {
        left: 5px;
    }
    .acvmnt .acvmnt-inner .acv-item .acv-grid .rig-mar::after {
        top: 50px;
    }
    .acvmnt .acvmnt-inner .acv-item .acv-grid .lif-mar::after {
        top: 50px;
    }
    .scp-pop .spc-inner .spc-cont .spc-img {
        text-align: center;
        margin-bottom: 30px;
    }
    .scp-pop .spc-inner .spc-cont .spc-img img {
        width: 90%;
    }
    
    .contact .contact-inner .contact-left .contact-left-inn {
        padding: 25px 15px;
    }
    .contact .contact-inner .contact-left .contact-left-inn .contact-cont .cont-itm .icn i {
        font-size: 15px;
    }
    .abt .abt-inner .abt-left .abt-left-inner h6 {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .heading p {
        font-size: 14px;
    }
    .head-botn a {
        font-size: 12px !important;
    }
    .testimonial .testi-inner .testi-cont .swiper .swiper-slide .test-slider .test-slider-cont .test-top p a {
        font-size: 12px;
    }
    .testimonial .testi-inner .testi-cont .swiper .swiper-slide .test-slider .test-slider-cont .test-top p a {
        font-size: 12px;
    }
    #banner .banner .banner-inner .hero_sectionSlider .swiper-wrapper .swiper-slide-active .swiper-slider-herobanner .herobanner-image .herobanner-txt .bounce-dow {
        font-size: 22px;
    }
    #banner .banner .banner-inner .hero_sectionSlider .swiper-wrapper .swiper-slide .swiper-slider-herobanner .herobanner-image .herobanner-txt {
        width: 90%;
        top: 68%;
        left: 5%;
    }
    #banner .banner .banner-inner .hero_sectionSlider .swiper-wrapper .swiper-slide-active .swiper-slider-herobanner .herobanner-image .herobanner-txt .bounce-u {
        font-size: 14px;
    }
    #banner .banner .banner-inner .hero_sectionSlider .swiper-pagination {
        bottom: 20px;
    }
}
    