@media only screen and (min-width: 1400px){
.custom-container{max-width: 100%; margin-left:120px;}
}
@media only screen and (min-width: 1200px){
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1200px;
    }
    /* .custom-container{
        max-width: 1340px;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    } */
}

/* @media only screen and (min-width: 992px){
    .mobile_primary li.menu-item-has-children > a:first-child::after{
        content: '\f0d7';
        font-family: 'FontAwesome';
        margin-left: 5px;
        color: #fff;
    }
        .mobile_primary > ul > li > a::before {
            content: "";
            position: absolute;
            width: 0;
            height: 2px;
            bottom: 3px;
            left: 0;
            background-color: #f82249;
            visibility: hidden;
            transition: all 0.3s ease-in-out 0s;
        }
        .mobile_primary > ul > li:hover > a::before {
            visibility: visible;
            width: 100%;
        }
} */

@media only screen and (min-width: 992px){
    .pt-150{
        padding-top: 150px !important;
    }
    .pb-150{
        padding-bottom: 150px !important;
    }
    .pt-100{
        padding-top: 100px !important;
    }
    .pb-100{
        padding-bottom: 100px !important;
    }
    .pt-120{
        padding-top: 120px !important;
    }
    .pb-120{
        padding-bottom: 120px !important;
    }
    .pt-125{
        padding-top: 125px !important;
    }
    .pb-125{
        padding-bottom: 125px !important;
    }
    .pt-90{
        padding-top: 90px !important;
    }
    .pb-90{
        padding-bottom: 90px !important;
    }
    .pt-70{
        padding-top: 70px !important;
    }
    .pb-70{
        padding-bottom: 70px !important;
    }
    .pt-80{
        padding-top: 80px !important;
    }
    .pb-80{
        padding-bottom: 80px !important;
    }
    .pt-65{
        padding-top: 65px !important;
    }
    .pb-65{
        padding-bottom: 65px !important;
    }
    .pt-60{
        padding-top: 60px !important;
    }
    .pb-60{
        padding-bottom: 60px !important;
    }
}

@media only screen and (max-width: 1024px){
    .mobile_primary {
        width: 100%;
        height: 100vh;
        position: absolute;
        top: 0;
        left: -100%;
        background-color: #fff;
        transition: .5s;
        z-index: 999;
        display: block;
        padding: 0;
        border-radius: 0;
        float: none;
        overflow-y: auto;
        margin-left: 0;
    }
    .mobile_primary.active{
        display: block !important;
        left: 0;
    }
    .mobile_primary .sub-menu{
        position: relative;
        top: 0;
        left: 0;
        width: auto;
        text-align: left;
        list-style: outside none none;
        margin: 0;
        padding: 15px;
        visibility: inherit;
        opacity: inherit;
        border-radius: 0;
        border-bottom: 0;
        transform: inherit;
        transition: inherit;
        box-shadow: none;
        transform-origin: 0 0 0;
        -webkit-transform-origin: 0 0 0;
    }
    .mobile_primary .sub-menu{
        display: none;
    }
    .mobile_primary ul{
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .mobile_primary ul.menu-navigation{
        position: relative;
        height: calc(100vh - 50px);
        padding-bottom: 54px;
        overflow: scroll;
    }
    .mobile_primary li:first-child{
        border-top: none;
    }
    .mobile_primary .sub-menu li{
        display: block;
        border: 0;
    }
    .mobile_primary ul li{
        display: block;
        position: relative;
        padding: 0;
        margin: 0;
        background: none;
        border-bottom: 1px solid #dbdbdb;
    }
    /* .mobile_primary.active ul li.current-menu-item{
        background-color: #faa831;
    } */
    .mobile_primary ul li a{
        padding: 15px 10px 10px 30px;
        color: #141616;
        text-align: left;
        font-size: 14px;
        font-weight: 600;
        line-height: 15px;
    }
    .mobile_primary .sub-menu-button{
        cursor: pointer;
        display: inline-flex;
        justify-content: flex-start;
        align-items: center;
        height: 40px;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 999;
        padding: 0 0 0 15px;
    }
    .sub-menu-button::after{
        content: '\f0da';
        font-family: 'FontAwesome';
        font-weight: 400;
        font-style: normal;
        font-size: 14px;
        line-height: normal;
        transition: all.5s ease-in-out;
        color: #fff;
    }
    .sub-menu-button::after {
        transform: rotate(0deg);
    }
    .sub-menu-button.open::after {
        transform: rotate(90deg);
        color: #fff;
    }
    .menu-button{
        position: absolute;
        top: 20px;
        right: 20px;
        display: block;
        background-color: transparent;
        border: 0;
        cursor: pointer;
        transition: all .3s ease;
        font-size: 18px;
        line-height: 30px;
        color: #fff;
        padding: 0;
        z-index: 9999;
        margin-top: 0;
        scale: .75;
    }
    .menu-button.toggle{
        top:2px;
        right: 25px;
    }
    .menu-button .toggle-bar{
        width: 35px;
        height: 3px;
        background-color: #141616;
        display: block;
        margin: 6px auto;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .menu-button.toggle .toggle-bar:nth-child(1){
        -webkit-transform: translateY(11px) rotate(45deg);
        -ms-transform: translateY(11px) rotate(45deg);
        -o-transform: translateY(11px) rotate(45deg);
        -moz-transform: translateY(11px) rotate(45deg);
        transform: translateY(11px) rotate(45deg);
    }
    .menu-button.toggle .toggle-bar:nth-child(2){
        opacity: 0;
    }
    .menu-button.toggle .toggle-bar:nth-child(3){
        -webkit-transform: translateY(-8px) rotate(-45deg);
        -ms-transform: translateY(-8px) rotate(-45deg);
        -o-transform: translateY(-8px) rotate(-45deg);
        -moz-transform: translateY(-8px) rotate(-45deg);
        transform: translateY(-8px) rotate(-45deg);
    }
}
@media only screen and (max-width: 991px){
    .brand-content{
        padding: 30px 25px 30px 25px;
    }
    
    .about-content {
        padding: 50px 25px 50px 40px;
    }
    .about-content h2{
        font-size: 30px;
        line-height: normal;
    }
    .vission-content{
        padding: 50px 50px 50px 50px;
    }
    .vission-content h2{
        font-size: 40px;
    }
    .vission-content p{
        font-size: 20px;
    }
    #goalSlider .owl-nav .owl-prev {
        top: 102%;
        left: 35%;
    }
    #goalSlider .owl-nav .owl-next {
        top: 102%;
        right: 35%;
    }
    .journey-section h2{
        font-size: 32px;
        line-height: normal;
    }
    .journey-section p{
        font-size: 32px;
        line-height: 35px;
    }
	.no-ipad{ display:none !important}
	.mobile-view{ display:block}
	.ipad-no{ display:none !important}
	
	.banner-section .middle h2{ font-size:26px; text-align:center; padding-bottom:10px;}
.banner-section .middle h3 {font-size:16px;  text-align:center; }
.banner-section .middle .box strong {
    font-size: 18px;
    font-weight: 600;
}.banner-section{ padding:40px 0px;}
.ali-irani-section .right h2, .book-apointment h2, .service-section h2, .feature-section h2, .expert-section h2, .faq-section h1 { font-size:26px;}
.book-apointment .form-area{ padding:0px;}
.light-sky-bg img{ width:22px; }
.feature-table tr, td{ font-size:16px;}
.expert-section .expert-box { width: 31%; margin-bottom:50px;}
.expert-section{ padding:4rem 0rem 0rem 0rem}
.textimonials-box .text-area p{padding:80px 0px 0px 0px; font-size:14px;}
.faq-section h1{ padding-top:25px;}
.textimonials-box .founder-area .right h5 {font-size:14px;}
.textimonials-box .founder-area {padding: 20px 0px 0px 0px;}
.textimonials-box .founder-area .right{padding: 6px 0px 0px 20px;}
.contact-btn {
    background: none;
    border-radius: 0px;
    padding: 15px 10px 10px 30px;
    color: #141616 !important;
    margin-left: 0px;
}
}
@media only screen and (max-width: 591px){
.div-n,.header-top{ display:none}
.navbar-brand img{ padding-right:25px;}
.mobile{ display:block}
.desktop{ display:none}
.carousel-container h2{ margin-top:200px; font-size:26px;}
.carousel-container{ left:10px;}
.carousel-container h2{ margin-bottom:5px;}
.carousel-container h3 { margin-bottom:10px;font-size: 20px;}
.carousel-container p{font-size:14px;}
.carousel-container p{ margin-bottom:10px;}
.banner-btn a  {font-size: 11px;
     border-radius: 4px;
    padding: 6px 15px;}
	.banner-btn-01 a, .banner-btn-03, .banner-btn-02 {font-size: 11px;
     border-radius: 4px;
    padding: 6px 15px; margin-bottom:25px;}

	.nusyllium-fiber-section{ padding:0rem 0rem;}
	.nusyllium-fiber-section h2, .our-product-section h2, .blend-area .left .text h3, .request-section h2 { font-size:22px;  }
	.blend-area .left .text h3{ padding-bottom:15px;}
 	.nusyllium-fiber-section p, .request-section p {  font-size:14px;}
	.request-section h2{ padding-bottom:20px;}
	.blend-area .left{ width:100%}
	.blend-area .right{ width:100%}
	.blend-area .left{ top: 196px;}.blend-area .right img{ border:none}
	.blend-area .left .text{ padding:0px 0px 20px 0px; }
	.request-area{ padding:20px;}
	.footerbox{padding: 20px 0px; }
.mobile-device{ display:block; display: inline-block;float: right;}
.mobile-device img{ width:50px; float:right}
.banner-section{ padding:20px;}
.doctor-pic{ margin-top:0px; padding-bottom:25px;}
.banner-section .middle h2{ font-size:26px;}
.banner-section .middle h3 {font-size:16px; padding-bottom:10px;}
.banner-section .middle .box{ margin-bottom:25px;}
.gallery-section img{ margin-bottom:20px;}
.gallery-section, .book-apointment, .ali-irani-section, .service-section, .faq-section, .footer {padding:40px 20px;}
.ali-irani-section .right h2, .book-apointment h2, .service-section h2, .feature-section h2, .expert-section h2, .our-expert-area h2, .faq-section h1 { font-size:22px;}
.expert-section{padding:40px 20px 0px 20px;}
.faq-section h1{ padding-top:25px;}
.book-apointment .form-area{ padding:0px;}
.service-section p{ padding-top:25px;}
.div-n{ display:none !important}
.ipad-no{ display:block !important}
 .expert-section .expert-box{ width:100%; margin-bottom:50px;}
.textimonials-box .text-area p{padding:80px 0px 0px 0px; font-size:14px;}
 
.form-right{ width:100%; margin-top:20px;}
.banner-right{ padding-top:25px}
.additional-services-area .main-area{ width:100%}
.box-middle-space{ padding-top:0px !important;}
.benifits-area{ background:none; padding-bottom:0px;}
.benifits-area .box{ margin:0px auto; margin-bottom:60px;}
.benifits-area h2 { margin-bottom:40px;}
.additional-services-area{ background:none}
.advantage-area ul li{display: flex;
    align-items: baseline;}
	.advantage-area ul li img{ margin-right:10px; display:none}
	.navbar-brand{ width:100%}
.advantage-area h2{ font-size:22px;}
.check-box .text-check-box{     width: 248px;}
.additional-services-area p{ font-size:16px;}
.benifits-area .box img{
    margin-top: -20px;}

}