@media only screen and ( max-width: 1240px){
    .container{ max-width: 95%;}
}

@media only screen and ( max-width: 991px){
    .mb-80{ margin-bottom: 60px;}
    .mt-80{ margin-top: 60px;}
    h2{ font-size: 24px;}
    h3{ font-size: 20px;}
    h4{ font-size: 18px; font-weight: 500;}
    h5{ font-size: 18px; font-weight: 500;}
    h6{ font-size: 15px;}

    .social-media-container div:first-child{display: none;}
    .ham { display: block; z-index: 102;}
    header .nav-bar .menu-section .menu{
        width: 100%;
        height: 100vh;
        position: fixed;
        display: block;
        background-color: var(--thm-white);
        left: -100%;
        bottom: -100%;
        padding: 100px 60px;
        z-index: 101;
        transition: 0.5s;
        border-radius: 50%;
    }
    header .nav-bar .menu-section .menu.show-menu{ left: 0; bottom: 0; border-radius: 0; }
    header .nav-bar .menu-section .menu > li{ padding: 6px 0px; margin: 5px 0px; }
    header .nav-bar .menu-section .menu .active::before,
    header .nav-bar .menu-section .menu li:hover::before{width: 0;}
    
    .dropdown-megamenu .mega-menu{ width: 100%;  display: none; opacity: 1; visibility: visible;}
    .dropdown-megamenu .mega-menu.show-drop-down{ top: 40px; left:  0%; transform: translatex(0%); display: block; opacity: 1; z-index: 10; visibility: visible;}

    .main-banner .content h1 { font-size: 22px; padding: 10px 0px; margin-bottom: 25px;}
    .main-banner .content h1 sup{ font-size: 12px;}

    .table-above-content{ padding: 10px 10px; height: 200px;}
    table.table-bordered.table-white tr td, table.tblbaselinemean.table-white tr td { font-size: 14px;}
    td{ padding: 5px 10px; }
    table, th, td{ font-size: 14px;}

    .pop-Content-container #popup { width: 95%; margin: auto; }
    
}

@media only screen and ( max-width: 800px){
    .dsi-celtafer-section .row-reverse{flex-direction: column-reverse;}
    .dsi-celtafer-section .dsi-celtafer-treatment .col-header { padding-left: 15px;}
    .dsi-celtafer-section .dsi-celtafer-treatment .image-left .desktop { position: static; top: -23px; left: 20%;}
}

@media only screen and ( max-width:768px){
    .row-reverse{flex-direction: column-reverse;}

    .mb-50{ margin-bottom: 30px;}
    .mt-50{ margin-top: 30px;}
    .mb-80{ margin-bottom: 40px;}
    .mt-80{ margin-top: 40px;}
    h4{ font-size: 16px;}
    .btn-display-none{ display: none;}

    .description{font-size: 13px;margin-bottom: 10px; }
    .heading-tag{font-size: 14px;margin-bottom: 5px; }
    .heading{font-size: 20px;margin-bottom: 10px; }
    h5.heading{font-size: 15px;}
    .btn-box {padding: 6px 14px;font-size: 13px; }
    .btn-box i{font-size: 12px; }
    .owl-dot {width: 15px; margin-top: 15px !important;}

    .nav-bar .menu-section .nav-connect .call a:last-child{display: none;}
    .nav-bar .menu-section { display: flex; gap: 10px; align-items: center;}
    header{ padding: 6px 0px;}
    header .nav-bar .container .logo{ max-width: 140px; }
    header .nav-bar .nav-connect .btn-box.style3{ display: none;}

    .main-banner img{ display: none;}
    .call-connect .container div{gap: 6px 10px;}
    .call-connect .container div h3{ font-size: 15px;}
    .call-connect .container div img{ max-width: 50px;}

    .table-above-content{ height: auto;}

    .diagnosing-and-treating-ida .dandt-ida { padding: 20px;}
    .diagnosing-and-treating-ida .dandt-ida-item { padding: 15px; margin-bottom: 15px;}
    .diagnosing-and-treating-ida .dandt-ida-box2 { padding: 15px; margin-bottom: 25px;}
    .diagnosing-and-treating-ida .dandt-ida-box2 .dandt-ida-item2 { gap: 15px;}
    .diagnosing-and-treating-ida .dandt-ida-box2 .dandt-ida-item2 img { max-width: 50px;}

    .imp-safety-info .imp-safety-info-container { padding: 5px; box-shadow: none; border-radius: 10px; padding-top: 20px; border-top: 2px solid var(--thm-base);}
    .imp-safety-info .imp-safety-info-container .description { padding: 10px 10px; margin-bottom: 10px; border-radius: 8px;}
    .imp-safety-info .imp-safety-info-container h5 { font-size: 16px; margin: 20px 0px 3px;}
    .imp-safety-info .imp-safety-info-container h6 { font-size: 14px; margin-bottom: 10px;}


    
    .footer-section .footer-container .footer-services { border: 1px solid #ffffff20; padding: 10px; margin: 0px; text-align: center;}
    .footer-container{
        padding: 40px 10px 10px 10px;
    }
    .footer-container .description{
        font-size: 13px;
        margin-bottom: 0px;
    }
    .footer-container .sub-heading{
        font-size: 17px;
        margin-bottom: 15px;
    }
    .footer-services li{
        margin-bottom: 5px;
        overflow: hidden;
    }
    .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 .container{
        display: block;
        text-align: center;
    }
    .footer-bottom-section p {
        font-size: 12px;
    }
    .footer-bottom-section .social-media{
        margin-top: 10px;
        justify-content: center;
    }
    .footer-bottom-section .social-media i{
        font-size: 16px;
    }
    .footer-bottom-section .social-media a:hover::before{
        width: 35px;
        height: 35px;
    }
   
    .contact-info-page .contact-info{
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
    .contact-info-page .contact-info .contact-info-items i{
        font-size: 18px;
    }
    .contact-info-page .contact-info .contact-info-items p{
        font-size: 16px;
    }
    .contact-info-page .contact-info .contact-info-items a{
       font-size: 14px;
    }
    .contact-info-page .contact-info-social h4{
        font-size: 18px;
    }
    .form-heading {
        font-size: 18px;
    }
    .contact-info-page .form-section .row{
        padding: 15px;
    }
    .contact-info-page .form-section,
    .form-section { padding: 20px 15px;}
    .form-heading { display: inline-block; font-size: 16px; margin-bottom: 10px; padding-bottom: 2px; border-bottom: 1px solid var(--thm-base);}
    .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);}
    .form-section .btn-box{ width: 100%; margin-top: 5px;}

    
    #back-to-top-button { width: 40px; height: 40px; bottom: 20px; right: 20px;}
    #back-to-top-button::after { font-size: 20px; line-height: 40px;}

}

@media only screen and ( max-width: 550px){
    header .nav-bar .menu-section .menu{ padding: 60px 20px;}
    
    .mega-menu { padding: 20px;}
    .mega-menu .mega-menu-items { gap: 15px; grid-template-columns: repeat(1, 1fr);}
	.mega-menu .mega-menu-items .mega-btn:last-child{ grid-column: span 1;}
    .mega-menu .mega-head { gap: 0px; margin-bottom: 30px;}
    .mega-menu .mega-head img { max-width: 70px;}

}