/**/

.wrapper{

    width: 100%;

    padding-left: 90px;

    padding-right: 90px;
}

/**************************************************/
@media (min-width: 1200px) and (max-width: 1440px) {


    .wrapper{

        padding-left: 60px;

        padding-right: 60px;
    }

    p{

        font-size: 13px;

        line-height: 24px;
    }

    header .navbar {

        padding: 15px 0px 15px 0px;
    }

    header .navbar .navbar-brand{

        max-width: 90px;
    }

    header .navbar li{

        padding: 0px 15px;
    }

    header .navbar li .nav-link{

        font-size: 13px;
    }

    /**/

    section.banner{

        margin-top: 86px;

        height: calc(100vh - 86px);

        width: calc(100% - 275px);        
    }

    section.banner .banner-inn .center h2{

        font-size: 65px;

        line-height: 65px;
    }

    section.banner .banner-inn .center .btn{

        max-width: 345px;

        font-size: 14px;

        line-height: 14px;

        margin-top: 15px;

        padding: 12px;
    }

    section.home-pro{

        margin-top: 86px;

        height: calc(100vh - 86px);

        width: calc(275px); 
    }

    section.home-pro .cntnt{

        padding: 60px 100px 30px 0px; /*r b l t*/
    }

    section.home-pro .cntnt .item-inn{

        height: calc(calc(100vh - 86px - 59px - 100px - 20px) / 2); /*cntnt - cntnt_padding of both divided by 2*/
    }

    section.home-pro .exp-btn{

        bottom: 40px;
    }

    /**/

    section.about-pge{

        margin-top: 86px;

        min-height: calc(100vh - 86px);
    }

    section.about-pge .about-inn .center h3{

        font-size: 20px;

        line-height: 20px;

        margin-bottom: 15px;
    }

    section.about-pge .about-inn .center h2{

        font-size: 36px;

        line-height: 40px;

        margin-bottom: 15px;
    }

    section.about-pge .about-inn .center h6{

        font-size: 15px;

        line-height: 15px;

        margin-bottom: 15px;
    }

    section.about-pge .misvis{

        margin-top: 20px;
    }

    section.about-pge .misvis h4{

        font-size: 14px;

        margin-bottom: 10px;
    }

    /**/

    section.norm-pge{

        margin-top: 86px;

        height: calc(100vh - 86px);
    }

    section.norm-pge .inner-head h3{

        font-size: 20px;

        line-height: 40px;
    }

    section.norm-pge .inner-head h2{

        font-size: 36px;

        line-height: 40px;
    }

    section.norm-pge .inner-head .srch input{

        font-size: 14px;

        height: 40px;
    }

    section.norm-pge .inner-head .srch .srch-btn{

        height: 40px;

        background-size: 18px;
    }

    section.norm-pge .prdct-sec{

        height: calc(100% - 100px);
    }

    section.norm-pge .prdct-sec aside{

        width: 300px;
    }

    section.norm-pge .prdct-sec aside .head h3{

        font-size: 20px;

        line-height: 20px;
    }

    section.norm-pge .prdct-sec aside .categ-list ul li a{

        line-height: 35px;
    }

    section.norm-pge .prdct-sec .scroll-box{

        width: calc(100% - 300px);
    }

    section.norm-pge .prdct-sec .item-inn h4{

        font-size: 14px;
    }

    /**/

    section.news-pge .news-dtls .cntnt h2{

        font-size: 24px;

        line-height: 32px;
    }

    /**/

    section.cntct-pge{

        margin-top: 86px;

        min-height: calc(100vh - 86px);
    }

    section.cntct-pge .cntct-inn .center h3{

        font-size: 20px;

        line-height: 20px;

        margin-bottom: 15px;
    }

    section.cntct-pge .cntct-inn .center h2{

        font-size: 36px;

        line-height: 40px;

        margin-bottom: 15px;
    }

    section.brands-pge .inner-head h2{

        max-width: 460px;
    }

    section.brands-pge .inner-head .srch{

         margin-top: 32px;
    }

    /**/

    section.brand-dtls .inner-head .srch {

        margin-top: 10px;
    }

    section.brand-dtls .brand-inn .tab-pane .about-brand .cntnt h2{

        font-size: 28px;

        line-height: 28px;

        margin-bottom: 15px;
    }

    section.brand-dtls .brand-inn .tab-pane .about-brand .cntnt h6{

        font-size: 15px;

        line-height: 15px;

        margin-bottom: 15px;
    }

    section.brand-dtls .brand-inn .tab-pane .recipe{

        width: calc(100% - 300px);
    }

    section.brand-dtls .brand-inn .tab-pane .recipe .cntnt h2{

        font-size: 28px;

        line-height: 28px;

        margin-bottom: 20px;
    }

    section.brand-dtls .brand-inn .tab-pane .recipe .cntnt h5{

        font-size: 15px;

        line-height: 15px;

        margin-top: 20px;
    }

    section.brand-dtls .brand-inn .tab-pane .recipe .cntnt h6{

        font-size: 13px;

        line-height: 13px;
    }

}


/**************************************************/
@media (min-width: 0px) and (max-width: 1199px) {

    p{

        font-size: 13px;

        line-height: 24px;
    }

    header .navbar {

        padding: 15px 0px 15px 0px;
    }

    header .navbar .navbar-brand{

        max-width: 90px;
    }

    header .navbar li{

        padding: 0px 0px;

        background-color: rgb(255 255 255 / 0.8);
    }

    header .navbar li:hover,
    header .navbar li.active{

        padding: 0px 10px;

        background-color: #e4f6f9;
    }

    header .navbar li .nav-link{

        font-size: 13px;
    
        text-align: right;
    }

    /**/

    section.news-pge .news-sec .item figure{

        height: 200px;
    }

    section.news-pge .news-sec .item figcaption .cap-inn h2{

        font-size: 16px;

        line-height: 24px;
    }

    section.news-pge .news-sec .item figcaption h3{

        font-size: 13px;

        line-height: 13px;
    }

}/*min-width: 0px*/



/**************************************************/
@media (min-width: 992px) and (max-width: 1199px) {

    .wrapper{

        padding-left: 40px;

        padding-right: 40px;
    }

    /**/

    section.banner{

        margin-top: 86px;

        height: calc(100vh - 86px);

        width: calc(100% - 275px);        
    }

    section.banner .banner-inn{

        height: calc(100vh - 86px);
    }

    section.banner .banner-inn .center h2{

        font-size: 65px;

        line-height: 65px;
    }

    section.banner .banner-inn .center .btn{

        max-width: 270px;

        font-size: 14px;

        line-height: 14px;

        margin-top: 15px;
    }

    section.home-pro{

        margin-top: 86px;

        height: calc(100vh - 86px);

        width: calc(275px); 
    }

    section.home-pro .cntnt{

        padding: 60px 80px 30px 0px; /*r b l t*/
    }

    section.home-pro .cntnt .item-inn{

        height: calc(calc(100vh - 86px - 59px - 80px - 20px) / 2); /*cntnt - cntnt_padding of both divided by 2*/
    }

    section.home-pro .exp-btn{

        bottom: 30px;
    }

    /**/

    section.norm-pge .dtls-sec .pro-img{

        width: 400px;
    }

    section.norm-pge .dtls-sec .cntnt{

        width: calc(100% - 400px);
    }

    section.norm-pge .dtls-sec .cntnt h2{

        font-size: 26px;

        margin-bottom: 15px;
    }

    section.norm-pge .dtls-sec .cntnt h5{

        margin-bottom: 15px;
    }

    section.norm-pge .dtls-sec .cntnt ul li.price p,
    section.norm-pge .dtls-sec .cntnt ul li.link .btn{

        font-size: 15px;

        padding: 12px 20px;
    }

    /**/

    section.about-pge{

        margin-top: 86px;

        min-height: calc(100vh - 86px);
    }

    section.about-pge .about-inn .center h3{

        font-size: 18px;

        line-height: 20px;

        margin-bottom: 15px;
    }

    section.about-pge .about-inn .center h2{

        font-size: 32px;

        line-height: 40px;

        margin-bottom: 15px;
    }

    section.about-pge .about-inn .center h6{

        font-size: 15px;

        line-height: 15px;

        margin-bottom: 15px;
    }

    section.about-pge .misvis{

        margin-top: 20px;
    }

    section.about-pge .misvis h4{

        font-size: 14px;

        margin-bottom: 10px;
    }

    /**/

    section.norm-pge{

        margin-top: 86px;

        height: calc(100vh - 86px);
    }

    section.norm-pge .inner-head h3{

        font-size: 18px;

        line-height: 40px;
    }

    section.norm-pge .inner-head h2{

        font-size: 32px;

        line-height: 40px;
    }

    section.norm-pge .inner-head .srch input{

        font-size: 14px;

        height: 40px;
    }

    section.norm-pge .inner-head .srch .srch-btn{

        height: 40px;

        background-size: 18px;
    }

    section.norm-pge .prdct-sec{

        height: calc(100% - 100px);
    }

    section.norm-pge .prdct-sec aside{

        width: 250px;
    }

    section.norm-pge .prdct-sec aside .head h3{

        font-size: 20px;

        line-height: 20px;
    }

    section.norm-pge .prdct-sec aside .categ-list ul li a{

        line-height: 35px;
    }

    section.norm-pge .prdct-sec .scroll-box{

        width: calc(100% - 250px);
    }

    section.norm-pge .prdct-sec .item-inn h4{

        font-size: 14px;
    }

    /**/

    section.cntct-pge{

        margin-top: 86px;

        min-height: calc(100vh - 86px);
    }

    section.cntct-pge .cntct-inn .center h3{

        font-size: 18px;

        line-height: 20px;

        margin-bottom: 15px;
    }

    section.cntct-pge .cntct-inn .center h2{

        font-size: 32px;

        line-height: 40px;

        margin-bottom: 15px;
    }

    /**/

    section.brands-pge .inner-head h2{

        max-width: 420px;
    }

    section.brands-pge .inner-head .srch{

         margin-top: 32px;
    }

    /**/


    section.brand-dtls .inner-head .srch {

        margin-top: 5px;
    }

    section.brand-dtls .brand-inn .tab-pane .about-brand .brand-img{

        width: 350px;
    }

    section.brand-dtls .brand-inn .tab-pane .about-brand .cntnt{

        width: calc(100% - 350px);
    }

    section.brand-dtls .brand-inn .tab-pane .about-brand .cntnt h2{

        font-size: 28px;

        line-height: 28px;

        margin-bottom: 15px;
    }

    section.brand-dtls .brand-inn .tab-pane .about-brand .cntnt h6{

        font-size: 15px;

        line-height: 15px;

        margin-bottom: 15px;
    }

    section.brand-dtls .brand-inn .tab-pane .recipe{

        width: calc(100% - 250px);
    }

    section.brand-dtls .brand-inn .tab-pane .recipe .cntnt h2{

        font-size: 28px;

        line-height: 28px;

        margin-bottom: 20px;
    }

    section.brand-dtls .brand-inn .tab-pane .recipe .cntnt h5{

        font-size: 15px;

        line-height: 15px;

        margin-top: 20px;
    }

    section.brand-dtls .brand-inn .tab-pane .recipe .cntnt h6{

        font-size: 13px;

        line-height: 13px;
    }
}


/**************************************************/
@media (min-width: 768px) and (max-width: 991px) {

    .wrapper{

        padding-left: 30px;

        padding-right: 30px;
    }

    /**/

    section.banner{

        margin-top: 86px;

        height: calc(100vh - 86px);

        width: calc(100% - 255px);        
    }

    section.banner:before{

        width: 45%;
    }

    section.banner:after{

        width: 35%;
    }

    section.banner .banner-inn .center h2{

        font-size: 45px;

        line-height: 45px;
    }

    section.banner .banner-inn .center .btn{

        max-width: 215px;

        font-size: 13px;

        line-height: 13px;

        margin-top: 15px;

        padding: 12px;
    }

    section.home-pro{

        margin-top: 86px;

        height: calc(100vh - 86px);

        width: calc(255px); 
    }

    section.home-pro .heading{

        width: 255px;
    }

    section.home-pro h3{

        font-size: 18px;
    }

    section.home-pro .cntnt{

        height: 255px;

        padding: 40px 80px 30px 0px; /*r b l t*/

        margin-left: 255px;
    }

    section.home-pro .cntnt .item-inn{

        height: calc(calc(100vh - 86px - 59px - 80px - 20px) / 2); /*cntnt - cntnt_padding of both divided by 2*/
    }

    section.home-pro .exp-btn{

        bottom: 30px;
    }

    /**/

    section.norm-pge .dtls-sec .pro-img{

        width: 270px;
    }

    section.norm-pge .dtls-sec .cntnt{

        width: calc(100% - 270px);
    }

    section.norm-pge .dtls-sec .cntnt h2{

        font-size: 24px;

        line-height: 28px;

        margin-bottom: 15px;
    }

    section.norm-pge .dtls-sec .cntnt h5{

        font-size: 16px;

        line-height: 16px;

        margin-bottom: 15px;
    }

    section.norm-pge .dtls-sec .cntnt ul li.price p,
    section.norm-pge .dtls-sec .cntnt ul li.link .btn{

        font-size: 15px;

        padding: 12px 20px;
    }

    /**/

    section.banner .brand-scroll .heading h3{

        font-size: 18px;
    }

    section.banner .brand-scroll .heading,
    section.banner .brand-scroll .cntnt{

        padding-right: 0px;
    }

    section.banner .brand-scroll .exp-btn{

        right: 0px;

        bottom: 10px;
    }

    /**/

    section.about-pge{

        margin-top: 86px;

        min-height: calc(100vh - 86px);

        padding-top: 250px;
    }

    section.about-pge:after{

        background-image: url(../images/about-img.png);

        background-size: 55%;
    }

    section.about-pge:before,
    section.about-pge:after{

        left: 0;

        height: 250px;

        width: 100%;
    }

    section.about-pge .about-inn{

        width: 100%;

        min-height: calc(100vh - 350px);
    }

    section.about-pge .about-inn .center{

        position: relative;

        float: left;

        width: 100%;

        top: unset;

        left: unset;

        transform: none;

        padding: 50px 0px;
    }

    section.about-pge .about-inn .center h3{

        font-size: 20px;

        line-height: 20px;

        margin-bottom: 15px;
    }

    section.about-pge .about-inn .center h2{

        font-size: 36px;

        line-height: 40px;

        margin-bottom: 15px;
    }

    section.about-pge .about-inn .center h6{

        font-size: 15px;

        line-height: 15px;

        margin-bottom: 15px;
    }

    section.about-pge .about-inn .center p{

        width: 100%;
    }

    section.about-pge .misvis{

        margin-top: 20px;

        width: 100%;
    }

    section.about-pge .misvis h4{

        font-size: 14px;

        margin-bottom: 10px;
    }
    

    /**/

    section.norm-pge{

        margin-top: 86px;

        height: calc(100vh - 86px);
    }

    section.norm-pge .inner-head h3{

        font-size: 18px;

        line-height: 40px;
    }

    section.norm-pge .inner-head h2{

        font-size: 32px;

        line-height: 40px;
    }

    section.norm-pge .inner-head .srch input{

        font-size: 14px;

        height: 40px;
    }

    section.norm-pge .inner-head .srch .srch-btn{

        height: 40px;

        background-size: 18px;
    }

    section.norm-pge .prdct-sec{

        height: calc(100% - 100px);
    }

    section.norm-pge .prdct-sec aside{

        width: 250px;
    }

    section.norm-pge .prdct-sec aside .head h3{

        font-size: 20px;

        line-height: 20px;
    }

    section.norm-pge .prdct-sec aside .categ-list ul li a{

        line-height: 35px;
    }

    section.norm-pge .prdct-sec .scroll-box{

        width: calc(100% - 250px);
    }

    section.norm-pge .prdct-sec .item-inn h4{

        font-size: 14px;
    }

    /**/

    section.cntct-pge{

        margin-top: 86px;

        min-height: calc(100vh - 86px);
    }

    section.cntct-pge .cntct-inn .center h3{

        font-size: 20px;

        line-height: 20px;

        margin-bottom: 15px;
    }

    section.cntct-pge .cntct-inn .center h2{

        font-size: 36px;

        line-height: 40px;

        margin-bottom: 15px;
    }

    /**/

    section.norm-pge .brand-sec{

        height: calc(100% - 220px);
    }

    section.brands-pge .inner-head h2{

        max-width: 420px;
    }

    section.brands-pge .inner-head .srch{

         margin-top: 32px;
    }
    

    /**/

    section.brand-dtls .brands-tab{

        max-width: 325px;
    }

    section.brand-dtls .brands-tab .nav-link{

        font-size: 13px;

        padding: 10px 10px;

        min-width: 100px;
    }

    section.brand-dtls .inner-head .srch {

        margin-top: 5px;
    }

    section.brand-dtls .brand-inn .tab-pane .about-brand .brand-img{

        width: 300px;
    }

    section.brand-dtls .brand-inn .tab-pane .about-brand .cntnt{

        width: calc(100% - 300px);
    }

    section.brand-dtls .brand-inn .tab-pane .about-brand .cntnt h2{

        font-size: 24px;

        line-height: 24px;

        margin-bottom: 15px;
    }

    section.brand-dtls .brand-inn .tab-pane .about-brand .cntnt h6{

        font-size: 15px;

        line-height: 15px;

        margin-bottom: 15px;
    }

    section.brand-dtls .brand-inn .tab-pane .recipe{

        width: calc(100% - 250px);
    }

    section.brand-dtls .brand-inn .tab-pane .recipe .cntnt h2{

        font-size: 28px;

        line-height: 28px;

        margin-bottom: 20px;
    }

    section.brand-dtls .brand-inn .tab-pane .recipe .cntnt h5{

        font-size: 15px;

        line-height: 15px;

        margin-top: 20px;
    }

    section.brand-dtls .brand-inn .tab-pane .recipe .cntnt h6{

        font-size: 13px;

        line-height: 13px;
    }

    /**/

    section.cntct-pge:before, section.cntct-pge:after{

        left: 0;

        height: 250px;

        width: 100%;
    }

    section.cntct-pge .cntct-inn,
    section.cntct-pge .map-bx{

        width: 50%;

        margin-top: 250px;

        height: calc(100vh - 250px);

        min-height: unset;

        margin-left: 0%;
    }
}


/**************************************************/
@media (min-width: 0px) and (max-width: 767px) {

    .wrapper{

        padding-left: 20px;

        padding-right: 20px;
    }

    /**/

    section.banner{

        margin-top: 86px;

        height: unset;

        min-height: calc(100vh - 86px);

        width: calc(100%);        
    }

    section.banner:before{

        width: 45%;
    }

    section.banner:after{

        width: 35%;
    }

    section.banner .banner-inn{

        height: unset;

        min-height: calc(100vh - 125px);
    }

    section.banner .banner-inn .center h2{

        font-size: 45px;

        line-height: 45px;
    }

    section.banner .banner-inn .center .btn{

        max-width: 215px;

        font-size: 13px;

        line-height: 13px;

        margin-top: 15px;

        padding: 12px;
    }

    section.home-pro{

        margin-top: 0px;

        height: unset;

        width: 100%; 
    }

    section.home-pro .heading{

        width: 100%;

        padding: 40px 20px 0px 20px;
    }

    section.home-pro h3{

        font-size: 18px;
    }

    section.home-pro .cntnt{

        width: 100%;

        height: unset;

        padding: 15px 20px;

        margin-left: unset;

        transform: unset;

        transform-origin: unset;
    }

    section.home-pro .cntnt .item{

        padding: 0px;

        padding-top: 100%;
    }

    section.home-pro .cntnt .item-inn{

        position: absolute;

        width: calc(100% - 10px);

        height: calc(100% - 10px);

        left: 5px;

        top: 5px;

        transform: unset;

        transform-origin: unset;
    }

    section.home-pro .cntnt .item-inn h4{

        font-size: 13px;
    }

    section.home-pro .cntnt .item-inn img{

        max-height: calc(100% - 50px);
    }

    section.home-pro .exp-btn{

        position: relative;

        float: left;

        padding-left: 20px;

        bottom: unset;

        left: unset;

        margin-bottom: 40px;
    }

    /**/

    section.norm-pge .dtls-sec{

        height: unset;
    }

    section.norm-pge .dtls-sec .pro-img{

        max-width: 325px;

        margin-bottom: 20px;
    }

    section.norm-pge .dtls-sec .cntnt{

        width: 100%;

        padding: 10px 0px 10px 0px;
    }

    section.norm-pge .dtls-sec .cntnt h2{

        font-size: 24px;

        line-height: 28px;

        margin-bottom: 15px;
    }

    section.norm-pge .dtls-sec .cntnt h5{

        font-size: 16px;

        line-height: 16px;

        margin-bottom: 15px;
    }

    section.norm-pge .dtls-sec .cntnt ul li.price p,
    section.norm-pge .dtls-sec .cntnt ul li.link .btn{

        font-size: 15px;

        padding: 12px 20px;
    }

    /**/

    section.banner .brand-scroll .heading h3{

        font-size: 18px;
    }

    section.banner .brand-scroll .heading,
    section.banner .brand-scroll .cntnt{

        padding-right: 0px;
    }

    section.banner .brand-scroll .exp-btn{

        right: 0px;

        bottom: 10px;
    }

    /**/

    section.about-pge{

        margin-top: 86px;

        min-height: calc(100vh - 86px);

        padding-top: 250px;
    }

    section.about-pge:after{

        background-image: url(../images/about-img.png);

        background-size: 70%;
    }

    section.about-pge:before,
    section.about-pge:after{

        left: 0;

        height: 250px;

        width: 100%;
    }

    section.about-pge .about-inn{

        width: 100%;

        min-height: calc(100vh - 350px);
    }

    section.about-pge .about-inn .center{

        position: relative;

        float: left;

        width: 100%;

        top: unset;

        left: unset;

        transform: none;

        padding: 50px 0px;
    }

    section.about-pge .about-inn .center h3{

        font-size: 20px;

        line-height: 20px;

        margin-bottom: 15px;
    }

    section.about-pge .about-inn .center h2{

        font-size: 36px;

        line-height: 40px;

        margin-bottom: 15px;
    }

    section.about-pge .about-inn .center h6{

        font-size: 15px;

        line-height: 15px;

        margin-bottom: 15px;
    }

    section.about-pge .about-inn .center p{

        width: 100%;
    }

    section.about-pge .misvis{

        margin-top: 20px;

        width: 100%;
    }

    section.about-pge .misvis .mission, 
    section.about-pge .misvis .vision{

        margin-bottom: 15px;
    }

    section.about-pge .misvis h4{

        font-size: 14px;

        margin-bottom: 10px;
    }

    /**/

    section.norm-pge{

        margin-top: 86px;

        height: calc(100vh - 86px);

        overflow-y: auto;
    }

    section.norm-pge .inner-head .srch{

        max-width: 375px;
    }

    section.norm-pge .inner-head h3{

        font-size: 20px;

        line-height: 40px;

        margin-bottom: 10px;
    }

    section.norm-pge .inner-head h2{

        font-size: 32px;

        line-height: 40px;
    }

    section.norm-pge .inner-head .srch input{

        font-size: 14px;

        height: 40px;
    }

    section.norm-pge .inner-head .srch .srch-btn{

        height: 40px;

        background-size: 18px;
    }

    section.norm-pge .prdct-sec{

        height: unset;
    }

    section.norm-pge .prdct-sec aside{

        position: absolute;

        float: none;

        top: 0;

        bottom: 0;

        left: -260px;

        width: 260px;

        padding-left: 25px;

        background-color: #fff;

        transition: all 0.5s ease-in-out;

        z-index: 1;
    }

    section.norm-pge .prdct-sec aside.open{

        box-shadow: 2px 2px 5px #e0e0e0;

        left: 0px;

        transition: all 0.3s ease-in-out;
    }


    button.fltr-btn{

        display: block !important;

        position: absolute;

        right: -40px;

        top: 0px;

        width: 40px;

        height: 40px;

        background-color: #fff;

        border: 0px !important;

        border-radius: 0px 15px 15px 0px;

        box-shadow: 2px 2px 5px #e0e0e0;

        background-image: url(../images/filter-icon.png);

        background-size: 20px;

        background-position: center;

        background-repeat: no-repeat;
    }

    section.norm-pge .prdct-sec aside .head h3{

        font-size: 20px;

        line-height: 20px;
    }

    section.norm-pge .prdct-sec aside .categ-list ul li a{

        line-height: 35px;
    }

    section.norm-pge .prdct-sec .scroll-box{

        width: calc(100%);

        padding-left: 15px;

        height: unset; 

        overflow: unset; 

        overflow-y: unset;
    }

    section.norm-pge .prdct-sec .item-inn h4{

        font-size: 14px;
    }

    /**/

    section.news-pge .news-dtls{

        height: unset;
    }

    section.news-pge .news-dtls .wrapper, 
    section.news-pge .news-dtls .container-fluid, 
    section.news-pge .news-dtls .container-fluid .row, 
    section.news-pge .news-dtls .container-fluid .row div{

        height: unset;

        max-height: unset;
    }

    section.news-pge .news-dtls figure{

        max-width: 375px;

        float: none;

        margin: 0 auto;

        margin-bottom: 20px;
    }

    section.news-pge .news-dtls .cntnt h2{

        font-size: 20px;

        line-height: 30px;
    }

    /**/

    section.cntct-pge{

        margin-top: 86px;

        min-height: calc(100vh - 86px);

        padding-top: 250px;
    }

    section.cntct-pge:before,
    section.cntct-pge:after{

        left: 0;

        height: 250px;

        width: 100%;
    }

    section.cntct-pge .cntct-inn{

        width: 100%;

        min-height: calc(100vh - 350px);
    }

    section.cntct-pge .cntct-inn .center{

        position: relative;

        float: left;

        width: 100%;

        top: unset;

        left: unset;

        transform: none;

        padding: 50px 0px;
    }

    section.cntct-pge .cntct-inn .center h3{

        font-size: 20px;

        line-height: 20px;

        margin-bottom: 15px;
    }

    section.cntct-pge .cntct-inn .center h2{

        font-size: 36px;

        line-height: 40px;

        margin-bottom: 15px;
    }

    section.cntct-pge .cntct-inn .center p{

        width: 100%;
    }

    /**/
    section.norm-pge .brand-sec,
    section.norm-pge .brand-sec .scroll-box,
    section.norm-pge .brand-sec .wrapper, 
    section.norm-pge .brand-sec .container-fluid, 
    section.norm-pge .brand-sec .row{

        height: unset;

        overflow: unset;
    }

    section.brands-pge .inner-head h2{

        max-width: 420px;
    }

    section.brands-pge .inner-head .srch{

         margin-top: 32px;
    }


    /**/

    section.brand-dtls .brand-inn{

        height: calc(100% - 214px);
    }

    section.brand-dtls .brands-tab{

        max-width: 325px;
    }

    section.brand-dtls .brands-tab .nav-link{

        font-size: 13px;

        padding: 10px 10px;

        min-width: 100px;
    }

    section.brand-dtls .inner-head .srch {

        margin-top: 10px;
    }

    section.brand-dtls .brand-inn .tab-pane .about-brand{

        height: unset;
    }

    section.brand-dtls .brand-inn .tab-pane .about-brand .brand-img{

        width: 200px;
    }

/*    section.brand-dtls .brand-inn .tab-pane .about-brand .wrapper,
    section.brand-dtls .brand-inn .tab-pane .about-brand .container-fluid,
    section.brand-dtls .brand-inn .tab-pane .about-brand .row, 
    section.brand-dtls .brand-inn .tab-pane .about-brand .col-md-12{

        height: unset;
    }*/

    section.brand-dtls .brand-inn .tab-pane .about-brand .cntnt{

        width: calc(100% - 200px);

        height: unset;
    }

    section.brand-dtls .brand-inn .tab-pane .about-brand .cntnt h2{

        font-size: 24px;

        line-height: 24px;

        margin-bottom: 15px;
    }

    section.brand-dtls .brand-inn .tab-pane .about-brand .cntnt h6{

        font-size: 15px;

        line-height: 15px;

        margin-bottom: 15px;
    }

    section.brand-dtls .brand-inn .tab-pane .prdct-sec{

        height: unset;
    }

    section.brand-dtls .brand-inn .tab-pane .prdct-sec aside{

        left: -280px;
    }

    section.brand-dtls .brand-inn .tab-pane .prdct-sec aside.open{

        left: -20px;
    }

    section.brand-dtls .brand-inn .tab-pane .dtls-sec{

        height: unset;
    }

    section.brand-dtls .brand-inn .tab-pane .recipe{

        width: 100%;
    }

    section.brand-dtls .brand-inn .tab-pane .recipe .cntnt{

        padding: 10px 10px 0px 20px;
    }

    section.brand-dtls .brand-inn .tab-pane .recipe .cntnt h2{

        font-size: 22px;

        line-height: 24px;

        margin-bottom: 20px;
    }

    section.brand-dtls .brand-inn .tab-pane .recipe .cntnt h5{

        font-size: 15px;

        line-height: 15px;

        margin-top: 20px;
    }

    section.brand-dtls .brand-inn .tab-pane .recipe .cntnt h6{

        font-size: 13px;

        line-height: 13px;
    }

    /**/

    section.cntct-pge:before, section.cntct-pge:after{

        left: 0;

        height: 250px;

        width: 100%;
    }


    section.cntct-pge .map-bx{

        float: left;

        width: 100%;

        height: 350px;

        min-height: unset;
    }

    section.cntct-pge .cntct-inn{

        float: left;

        width: 100%;

        min-height: unset;

        margin-left: 0%;
    }

    section.cntct-pge .cntct-inn .center{

        padding-left: 15px;

        padding-right: 15px;
    }
    
}

/**************************************************/
@media (min-width: 0px) and (max-width: 575px) {

    .wrapper {

        padding-left: 0px;

        padding-right: 0px;
    }

    section.banner .banner-inn .center h2{

        font-size: 40px;

        line-height: 40px;
    }

    /**/

    section.norm-pge .inner-head h2 {

        font-size: 30px;

        line-height: 35px;
    }

    /**/

    section.about-pge .about-inn .center h2{

        font-size: 28px;

        line-height: 32px; 
    }

    /**/

    section.norm-pge .dtls-sec .cntnt h2 {

        font-size: 20px;

        line-height: 26px;

        margin-bottom: 15px;
    }

    /**/
    section.brand-dtls .brand-inn .tab-pane .about-brand .cntnt{

        width: 100%;

        padding: 5% 0px 10px 0px;
    }

    section.brand-dtls .brand-inn .tab-pane .recipe figure{

        width: 225px;

        padding-top: 225px;
    }

        section.brand-dtls .brand-inn .tab-pane .prdct-sec aside{

        left: -260px;
    }

    section.brand-dtls .brand-inn .tab-pane .prdct-sec aside.open{

        left: 0px;
    }

    section.brand-dtls .brand-inn .tab-pane .recipe .cntnt{

        width: 100%;

        padding: 15px 0px 0px 0px;
    }
}

/**************************************************/
@media (min-width: 0px) and (max-width: 470px) {

    section.banner:before{

        width: 50%;
    }

    section.banner:after {

        display: none;

        width: 90%;

        top: unset;

        bottom: 30px;

        height: 200px;
    }

    section.banner .banner-inn{

        padding-bottom: 200px;
    }

    section.banner .banner-inn .center h2{

        font-size: 30px;

        line-height: 30px;
    }

    section.banner .banner-inn .center{

        position: relative;

        float: left;

        left: unset;

        top: unset;

        transform: none;

        margin-top: 50px;
    }

    section.banner .banner-inn .center p{

        max-width: unset;
    }

    /**/

    section.banner .brand-scroll{

        width: 100%;

        padding: 15px 15px 15px 0px;

        border-radius: 5px;
    }

    /**/

    section.norm-pge .dtls-sec .cntnt ul li.price p,
    section.norm-pge .dtls-sec .cntnt ul li.link .btn {

        font-size: 14px;

        padding: 10px 12px;
    }


    /**/

    section.norm-pge .prdct-sec .scroll-box li{

        flex: 0 0 100%;

        max-width: 100%;
    }

    section.news-pge .news-dtls .cntnt h2{

        font-size: 18px;

        line-height: 26px;
    }

    section.brand-dtls .brands-tab{

        padding: 10px 7px;
    }

    section.brand-dtls .brands-tab .nav-link {

        font-size: 12px;

        padding: 10px 10px;
        
        min-width: 90px;
    }
}