@media only screen and ( max-width: 1600px){
    .banner-silder .banner-content{ width: 50%;}
    .dropdown-megamenu .mega-menu{ left:  -550px; right: -420px; }
}
@media only screen and ( max-width: 1400px){
    .dropdown-megamenu .mega-menu{ left:  -550px; right: -420px; }
    .container{ max-width: 95%; }
    .side-bar-container {padding-right: 0px; margin-left: 0px;}
}
@media only screen and ( max-width: 1250px){
    .dropdown-megamenu .mega-menu{ left:  -500px; right: -400px; }
    .banner-section{min-height: 650px; }
    .banner-silder .banner-content{width: 55%;padding: 160px 0px; }
    .service-items-container{gap: 15px;grid-template-columns: repeat(2,1fr); }
    .testimonials-section .testimonial-container{padding: 0px; }
    .breadcrumb-content .description{width: 60%; }
}

@media only screen and ( max-width: 1150px){
    .heading-tag{ font-size: 15px;}
    .heading{ font-size: 28px;}
    .breadcrumb-content .heading{ font-size: 28px;}
    .img-text-up{ bottom: 40px; left: 0px; }
    .img-text-up i{ font-size: 26px; }
    .img-text-up p{ font-size: 14px; }
    .img-text-up p span{ font-size: 20px; }

    .dropdown-megamenu .megamenu-open{ margin-top: -2px; display: block;}

    .ham { display: block; z-index: 20; }
    .menu{width: 100%; height: 100vh; position: fixed; display: block; background-color: var(--thm-white); left: -100%; bottom: -100%; padding: 100px 60px; z-index: 5; transition: 0.5s; border-radius: 50%; }
    .menu.show-menu{ left: 0; bottom: 0; border-radius: 0; }
    .menu li{ padding: 6px 0px; margin: 5px 0px;}
    .menu li:hover{ color: var(--thm-base);}
    .menu li:hover a::before{ width: 0%; }
    .menu > .active{ display: inline; background-color: transparent; }

    .dropdown-megamenu .mega-menu{ display: none; top: 45px !important; width: 900px; left: 0px;}
    .dropdown-megamenu .mega-menu.show-drop-down{ display: block;}

    .top-header{display: flex;justify-content: center; }
    .top-header .social-media-container{display: none; }
    .banner-content h1{font-size: 40px; }
    .banner-img{ min-height: 600px; }
    .banner-silder .banner-content{width: 60%;padding: 160px 0px; }
    .founder-img img{width: 90%;border-radius: 20px 0px 0px 20px; }
    .breadcrumb-content .description{width: 70%; }
}

@media only screen and ( max-width: 991px){
    .dropdown-megamenu .mega-menu{ width: 700px; height: 73vh; overflow-y: scroll; }

    .founder-img img{ width: 100%; border-radius: 20px; margin-top: 40px; }
    .img-text-up{ bottom: 80%; left: 70% }
    .about-section .about-img img{ border-radius: 20px; margin-top: 30px; }
    .about-section .section-container{ margin-left: 0px; }
    .about-section .row{ flex-direction: column-reverse; }

    .counter-section .counter-items{ border-right: none; padding: 20px; }
    .counter-section .row > div:first-child,
    .counter-section .row > div:nth-child(2){ border-bottom: 1px solid var(--thm-light);}
    .counter-section .row > div:first-child{ border-right: 1px solid var(--thm-light);}

    .wcu-section .section-container { margin-bottom: 40px; }
    .testimonials-section .accordion{ margin-bottom: 40px; }
    .our-mission-section .mv-container{ display: grid; gap: 20px; grid-template-columns: repeat(1, 1fr); }
    .service-detail-steps-items{ margin: 10px 0px; }
}

@media only screen and ( max-width: 768px){
    .top-header .top-header-mail{ display: none;}
    .dropdown-megamenu .mega-menu{ width: 500px;}

    .banner-content h6{ font-size: 12px; padding: 7px 15px; }
    .banner-content h1{ font-size: 25px; }
    .banner-silder .banner-content{ width: 60%; padding: 100px 0px; }
    .banner-section{ min-height: 550px; }

    .breadcrumb-section .breadcrumb-heading { font-size: 70px;}
    .breadcrumb-content{ margin-top: -50px;}
}

@media only screen and ( max-width: 550px){
    .mb-80{ margin-bottom: 50px;}
    .mt-80{ margin-top: 50px;}
    h3{ font-size: 17px;} 
    h4{ font-size: 15px;}
    .tag-line:before { width: 10px; height: 3px; top: -14px;}
    .tag-line:after { width: 45px; height: 3px; top: -14px; margin-left: 15px;}
    .section-container:hover .tag-line:before{ width: 45px;}
    .section-container:hover .tag-line::after{ width: 10px; margin-left: 50px;}
    .heading-tag{ font-size: 12px; margin-bottom: 5px;}
    .heading{ font-size: 18px; margin-bottom: 10px;}
    .breadcrumb-content .heading{ font-size: 18px;}
    .description{ font-size: 13px; margin-bottom: 10px;}
    .btn-box { padding: 7px 10px; font-size: 12px;}
    .btn-box i{ font-size: 10px;}

    .top-header .top-header-mail{ display: none; }
    .top-header .header-contact-info div{ padding: 5px 8px; }
    .top-header .header-contact-info p { font-size: 12px; }
    .top-header a { font-size: 10px; }
    .top-header i{ font-size: 13px; margin-top: 1px; }

    .nav-bar .container .logo a img{ max-width: 100px;}
    .toggle-container{ display: flex; gap: 8px; align-items: center; }
    .ham { width: 52px; }
    .dropdown-megamenu .mega-menu{ width: 300px; }
    .menu{ padding: 100px 30px;}
    .mega-menu .mega-menu-content{ padding: 20px 15px; }
    .mega-menu .mega-menu-content .content-items{ display: flex; gap: 10px; padding: 8px; border-radius: 10px; margin-bottom: 5px; }
    .mega-menu .mega-menu-content .content-items a{ font-size: 15px; }
    .mega-menu .mega-menu-content .content-items .megamenu-subline{ font-size: 13px; }
    .mega-menu .mega-menu-content h6{ margin-bottom: 10px; padding-left: 10px; }

    .highlight-header-items p{ font-size: 10px; }
    .highlight-header-items img{ max-width: 18px; }
    .highlight-header-items a{ font-size: 10px; }

    .banner-section{ min-height: 350px; }
    .banner-img{ min-height: 400px; }
    .banner-silder .banner-content{ width: 85%; padding: 200px 0px 30px 20px;  text-align: left; margin: auto 0;}
    .banner-content h6{ font-size: 10px; padding: 7px 15px; }
    .banner-content h1{ font-size: 22px; margin-bottom: 7px; }
    .banner-content p{ font-size: 13px; margin-bottom: 10px; }
    .banner-btn{ gap: 7px; justify-content: start;}

    .founder-section{ margin-top: 18px; }
    .founder-name{ padding-right: 20px; }
    .founder-name h5{ font-size: 13px; }
    .founder-name p{ font-size: 12px; }
    .video-section{ gap: 12px; padding: 0px 20px; }
    .video-section p{ font-size: 13px; }
    .video-icon { font-size: 28px; padding: 18px; }
    @keyframes pulse {
        0% { box-shadow: 0 0 0 8px #0b75bb30; }
        80% { box-shadow: 0 0 0 13px rgba(37, 211, 102, 0); }
    }
    .img-text-up{ bottom: 65%; left: 55%;  padding: 7px; border-radius: 6px; gap: 6px;}
    .img-text-up i{ font-size: 18px; padding: 6px; border-radius: 4px;}
    .img-text-up p{ font-size: 10px; }
    .img-text-up p span{ font-size: 14px; }
    .founder-img img{ width: 100%; border-radius: 10px; margin-top: 30px; }
    .about-section .about-img img{ border-radius: 10px; margin-top: 10px; }
    .about-section .section-container{ margin-left: 0px; }

    .counter-section{ padding: 20px 0px; }
    .counter-section .counter-items { padding: 20px 0px; }
    .counter-section .counter-items h4{ font-size: 35px; }
    .counter-section .counter-items .counter-title{ font-size: 12px; margin-left: 0px; }
    
    .our-services-section{ padding: 50px 0px; }
    .our-services-section.mb-80{ margin-bottom: 0px; }
    .service-items-container{ gap: 15px; grid-template-columns: repeat(1,1fr); }
    .service-items{ padding: 10px 15px; }
    .service-icon{ gap: 12px; margin-bottom: 0px; }
    .service-icon a{ font-size: 14px; }
    .service-icon a::before{ width: 3px; height: 30px; left: -12px; }

    .wcu-points{ gap: 10px; grid-template-columns: repeat(1, 1fr); }
    .wcu-points p{ font-size: 14px; font-weight: 500; padding: 8px 15px; box-shadow: none; }

    .form-section { padding: 15px; }
    .form-heading { font-size: 16px; margin-bottom: 0px;}
    .form-control{ margin-top: 0px; padding: 7px 15px; font-size: 14px; border: 1px solid var(--thm-footer);}
    .form-select { margin-top: 0px; padding: 7px 15px; font-size: 14px; border: 1px solid var(--thm-footer);}
    .form-select:focus { border: 1px solid var(--thm-color);}
    .form-control:focus { border: 1px solid var(--thm-color);}

    .benefits-section{ padding: 40px 0px; }
    .benefits-items{ margin-bottom: 15px; padding: 15px; }
    .benefits-items img{ max-width: 65px; background-color: #ffffff; margin-bottom: 10px; }

    .accordion-item .accordion-button { font-size: 14px; padding: 10px; }
    .accordion-item { border: none; margin-bottom: 10px; }
    .accordion-body { font-size: 14px; padding: 10px; margin-bottom: 10px; }

    .testimonials-section .testimonial-container .testimonials-silder-div { padding: 15px; margin: 2px; }
    .testimonials-section .testimonial-container .testimonials-silder-div .person-info{ margin-bottom: 10px; }
    .testimonials-section .testimonial-container .testimonials-silder-div .person-info div h5{ font-size: 13px; }
    .testimonials-section .testimonial-container .testimonials-silder-div .comma-img{ width: 50% !important; margin: auto; }
    .testimonials-section .testimonial-container .testimonials-silder-div .person-info .reating{ font-size: 10px; }
    .testimonials-section .testimonial-container .testimonials-silder-div .person-info div img{ max-width: 40px; }
    .testimonials-section .testimonial-container .testimonials-silder-div .person-info .google-icon{max-width: 24px; }

    .contact-section{ padding: 20px 0px; }
    .contact-section-container{ display: block; text-align: center; }
    .contact-section-btn{ gap: 10px; margin-top: 10px; }
    .style2 img{ max-width: 20px; }

    .footer-container{ padding: 30px 10px 0px 10px; }
    .footer-logo a img{ max-width: 118px; margin-bottom: 10px; }
    .footer-services{ border-top: 1px solid #ffffff20; border-bottom: 1px solid #ffffff20; padding: 15px 0px;}
    .footer-services li{ margin-bottom: 5px; }
    .footer-services li a{ font-size: 13px; }
    .footer-contact p a{ font-size: 13px; }
    .footer-contact p{ font-size: 13px; }
    .footer-bottom-section{ padding: 20px 0px; }
    .footer-bottom-section p { font-size: 12px; }
    .footer-social-media{ gap: 14px; }
    .footer-social-media a img{ max-width: 20px; }

    #back-to-top-button { width: 38px; height: 38px; bottom: 25px; right: 20px; }
    #back-to-top-button::after { font-size: 18px; line-height: 40px; }
    .btn-whatsapp-pulse { bottom: 25px; left: 25px; font-size: 30px; padding: 20px; }

    .breadcrumb-section { padding: 70px 0px;}
    .breadcrumb-section .breadcrumb-heading { font-size: 40px;}
    .breadcrumb-content{ margin-top: -20px;}
    .breadcrumb-content .description{ width: 95%;}
    .breadcrumb-section .breadcrumb {padding: 8px;}
    .breadcrumb-section .breadcrumb .breadcrumb-item a { font-size: 12px;}
    .breadcrumb-section .breadcrumb .breadcrumb-item.active { font-size: 12px;}
    .breadcrumb-section .breadcrumb .symbol-breadcrumb { font-size: 10px;}

    .our-mission-section .mv-container .mv-content { padding: 15px; background-color: #18658f; border-radius: 10px; }
    .our-mission-section .mv-container .mv-content .heading{ font-size: 15px; }
    .our-mission-section .mv-container .mv-content.mv-content2 .mv-content2-container { padding: 15px; }

    .about-founder-img { padding: 10px; box-shadow: rgba(0, 0, 0, 0.14) 0px 3px 8px; background-color: var(--thm-white); margin-bottom: 20px; }

    .contact-get-container { background-color: #0098DB30; padding: 15px; border-radius: 6px; margin: 20px 0px;}
    .contact-info-items{ gap: 7px; margin-bottom: 15px;}
    .contact-info-items div i{ padding: 12px; font-size: 17px;}
    .contact-info-items .contact-info-content p{ font-size: 13px;}
    .contact-info-items div a{ font-size: 13px;}
    .heading-tag.Get-in-touch-heading{ margin-bottom: 15px;}

    .service-detail-page .heading{ margin-bottom: 10px;}
    .service-detail-page .service-sub-heading{ margin: 20px 0px 8px 0px; font-size: 15px;}
    .service-detail-page .service-sub-heading .gradient {
        font-size: 16px;
    }
    .service-detail-steps-items{ gap: 10px; padding: 0px; margin: 0px 0px;}
    .service-detail-steps-items > div{ margin: 10px 0px;}
    .service-detail-steps-items > div i{ font-size: 22px; padding: 12px; border-radius: 6px;}
    .service-detail-steps-items h5{ font-size: 15px; margin-bottom: 0px;}
    .service-detail-steps-items .description{ font-size: 13px;}
    .service-detail-faq{ padding: 0px; border-radius: 0px; border: none; border-top: 2px solid #198AC810; padding-top: 20px;}
    .service-detail-faq .faq-heading { font-size: 18px;}
    .side-bar{ padding: 35px 15px 15px 15px; margin-bottom: 20px;}
    .side-bar ul li { margin-top: 6px; margin-bottom: 0px;}
    .side-bar ul li a{ font-size: 13px; padding: 12px;}
    .service-detail-page .side-bar li a::before{ font-size: 12px;}
    .side-bar .heading-tag{ margin-bottom: 12px;}


    /* ==================== Whatsapp & pdf ===================================== */
    .social-btn { width: 40px; padding: 10px 11px;}
    .color-linkdin { border-radius: 6px 0px 0px 0px;}
    .color-fb { border-radius: 0px 0px 0px 6px;}
    .social-btn img { width: 20px; }
}