@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: #edefe1;

        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: 65px;

        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: 35px;

        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;

    }

    #brandSlider .owl-nav .owl-prev {

        top: 123%;

        left: 35%;

    }

    #brandSlider .owl-nav .owl-next {

        top: 123%;

        right: 35%;

    }

    .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;

    }

	

	.banner-btn-02 {padding: 8px 10px;}

	.banner-btn-03 {padding: 8px 10px;}

	.product-area .left {top: 28px;}

.where-to-by-area .right .text p {	font-size: 20px;}

.where-to-by-area .right .text {padding: 20px 20px 20px 40px;}	

.where-to-by-area .left { top: 60px;}	

.new-look-area .left {width: 45%;}	

.new-look-area .right img { margin-top: 0px;}	

.new-look-area {  padding-top: 0px;}	

.logo-section { padding: 2rem 0rem;	}

.store-locator .left h2 { font-size: 20px;	}

.request-area {  padding: 1rem;	}

.talk-area { margin-right: 0px;	}

.talk-area p { font-size: 16px;	}

.disclaimer { padding: 10px;}	

.nusyllium-fiber-section h2 { padding-top:0px;}	

.blend-section { padding: 4rem 0rem 14rem 0rem; margin:0px;}

.our-product-section { padding: 4rem 0rem 6rem 0rem;}

.blend-area .left { width:100%;top: 300px;}

.blend-area .right { width:100%;}

.request-section h2 { font-size: 45px;}

.daily-dose-section {background: #e2e2e2;}

.pa-left {padding: 25px 10px 0px 10px;}

.our-story-section h2 { font-size: 32px;padding-top: 0px;}

.our-vision-section h2{ font-size: 22px;padding-top: 0px;}

.trusted-section h2{ font-size: 22px;padding-top: 0px;}


.why-choose-us{  background:#fff !important;}








	

	

}

@media only screen and (max-width: 591px){

.div-n,.header-top{ display: flex;}

.hmail {
    display:none;
}
.sm1 {
    display:none;
}
.sm2 {
    display:none;
}
.sm3 {
    display:none;
}
.sm4 {
    display:none;
}


.navbar-brand img{ padding-left:15px;}

.mobile{ display:block}

.carousel-container h2{ margin-top:200px; font-size:26px; color:#333}

.carousel-container h2{ margin-bottom:5px; color:#333}


.carousel-container h3 { margin-bottom:10px;font-size: 20px;}

.carousel-container p{font-size:14px;}

.carousel-container p{ margin-bottom:10px; color:#333  }

.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:2rem 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: 160px;}.blend-area .right img{ border:none}

	.blend-area .left .text{ padding:0px 0px 20px 0px; }

	.request-area{ padding:20px;}

	.footerbox{padding: 20px 0px; }

	.inner-banner {background: #bb272d url(../images/about-banner.jpg) no-repeat top left;}

	.navbar-brand img {width: 140px;}

	.inner-banner-where { padding: 20px;}

	.inner-content h2 { font-size: 30px;padding-bottom: 10px;}

.menu-button {top: 38px; right: 35px;}

#directorSlider .owl-nav .owl-prev { display:none}

#directorSlider .owl-nav .owl-next {display:none}

.where-to-by-area .left {top: 40px;}

.where-to-by-area .right .text { padding: 20px 20px 20px 60px;}

.inner-banner-facts{ padding: 20px;}

.daily-dose-section {background: #e2e2e2;}

.nusyllium-fiber-section h2 { padding-top:0px;}

.pa-left {padding: 25px 10px 0px 10px;}

.daily-dose-section {padding: 2rem 0rem;}

.daily-dose-section p {margin-bottom:0px;}

.pa-top {padding-top: 2rem;}

.btn-area-01 {margin-bottom: -20px;}

.our-product-section { padding:0rem 0rem 5rem 0rem;}

.testimonials-section { padding: 2rem 0rem;}

.testimonials-section h2 { font-size: 22px;padding-bottom: 28px;}

.daily-dose-section h2 {   font-size: 22px;}

.blend-section {padding: 4rem 0rem 4rem 0rem; margin: 0px;}

.support-area { width: 100%;  margin-bottom: 40px;}

.nusyllium-fiber-section h2 span {color: #ac3f38; font-size: 36px;}

.choose-area h2 { font-size: 32px; color: #000; padding-top:90px}

.choose-area p { padding-bottom: 40px; color: #000;}

.why-choose-us {padding: 2rem 0rem; background:#fff !important}

.our-package { padding: 2rem 0rem;}

.our-package h2 {  font-size:32px;}

.choose-box-area {margin-bottom: 20px;}

.our-package p {padding: 0px;padding-bottom: 20px;}

.space-top{padding-top:90px;}

.package-box-area { margin:10px}

.package-box-silver {margin:10px}

.package-box-gold {margin:10px}

.director-section h2 {font-size: 32px;}

.f-b-right{margin:0px; border:none;}

.f-b-right-no {margin:0px}

.trusted-section {padding: 2rem 0rem;}

.our-story-section {padding: 2rem 0rem;}

.space50 { padding-top: 0px;}

.stories-02 .right { padding-right: 40px; border-left:0px; padding-left:10px;}

.stories-01 h2 { padding-top: 20px;}

.stories-01 .right {padding-right: 40px; border-left:0px; padding-left:10px;}

.stories-01 {padding: 2rem 0rem;}

.stories-02 {padding: 2rem 0rem;}

.stories-01 p { padding-bottom: 5px;}

.stories-02 h2{ padding-top: 20px;}

.stories-02 p { padding-bottom: 5px;}

.contact-us-section { padding:2rem 0rem;}



.carousel-container{ position:inherit; left:0px; right:0px;}

.space-top{ padding-top:40px;}

.carousel-container h2{ margin-top:0px;  }

.carousel-container p{color:#000}

.carousel-container img{display:none;}

.form-area{ background:#ac3f38}

.carousel-indicators{ display:none}

.form-area input{ width:100%}


.copy-border{ padding:0px;}

.count-area, .b-right{ border-top:0px; border-right:0px;border-left:0px;}

#brandSlider .owl-nav { margin-top:40px} 
.footer-right-side-whatsapp{ display:block;top:75%}
 
.why-choose-us{  background:#fff !important;}

.footer-right-side-call{ display:block; width:auto;    position:fixed; left:23px; top:90%; 
  z-index:99999999;border-radius: 100%;font-size: 48px; }
  .footer-right-side-call a i{color:#900 !important}
 .mobile-none{ display:none !important}
.product-area .left img{ width:65% !important;}
}



@media(max-width: 768px){
    body{
        padding-top: 95px;
    }
    .header-top{
        display:block;
    }
    .menu-navigation .menu-call {
        display: block !important;
    }
    .hero-phone-bar {
        display:none;
    }
    
}

.menu-navigation .menu-call {
    display: none !important;
}

.fa-whatsapp  {
  color:#fff;
  background:
   linear-gradient(#25d366,#25d366) 14% 84%/16% 16% no-repeat,
   radial-gradient(#25d366 60%,transparent 0);
}

@media screen and (min-width: 992px) {
    .menu-navigation li.menu-call {
        display: none !important;
    }
}

/* Mobile: show call link */
@media screen and (max-width: 991px) {
    .menu-navigation li.menu-call {
        display: list-item !important;
    }
}