@media (min-width: 500px) {
    .item.product.col-xs-12{
        text-align: center;
    }
    .item.product.col-xs-12 > div{
        max-width: 320px;
        display: inline-block;
        text-align: left;
    }
}
@media (min-width: 768px) {
    .vertical-align {
        display: flex;
        align-items: center;
    }
    .collapse.flex-item {
        display: flex !important;
        flex-direction: column;
        justify-content: end;
        align-items: stretch;
        padding-left: 0px;
        padding-right: 0px;
    }

    .row.equal {
		display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
       -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
		
    }
	
	/*.equal > div {
		 -webkit-flex: 0 1 33%;
        -ms-flex: 0 1 33%;
        flex: 0 1 33%;
	}*/
	#index-products-section  .info-panel {
		 -webkit-flex: 0 1 66% !important;
        -ms-flex: 0 1 66% !important;
        flex: 0 1 66% !important;
	}
	
	
    .flex-container {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .m-img{
        display: none;
    }
}

@media (min-width: 950px) and (max-width: 1330px){
    .container {
        width: 900px;
    }
    .navbar-default .navbar-nav > li > a{
        font-size: 16px;
    }
    #nav_menu-4 .navbar-footer{
        display: none;
    }
}

@media (min-width: 950px) {
    .mobile-logo{
        display: none;
    }
    .desktop-logo{
        display: inline-block;
    }
    .flex-item {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
    }
    .flex-item:nth-child(2) {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }
    .navbar-collapse {
		display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .collapse.flex-item > div {
        display: -ms-flexbox !important;
        display: -webkit-flex !important;
        display: flex !important;
		-webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;        
    }
    .collapse.flex-item > .navbar-top{
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .collapse.flex-item > .navbar-top > ul{
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
		 -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;  
    }

    .collapse.flex-item > .navbar-bottom{
         -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    /*.mobile-navbar-header{
        display: none;
    }*/
    .desktop-navbar-header{
        display: inherit;
    }

    .index-pills-list > div{
        max-height: none;
    }
}



@media (min-width: 1200px){

    .index-pills-list > div{
        max-height: 540px;
    }

    #office-herbal-section {
        max-height: 810px;
    }
    #office-info-section {
        max-height: 771px;
    }
    #office-top-section {
        height: 558px;
    }

    #quality-diffrence-section{
        max-height: 810px;
    }
    #quality-concentration-section{
        max-height: 810px;

    }
    #quality-study-section{
        max-height: 727px;
    }

    .header-section .small{
        display: none;
    }
    .header-section .large{
        display: inline-block;
    }
    #index-foundations-section{
        max-height: 811px;
    }
}

@media (min-width: 1350px) {
    .container {
        width: 1330px;
    }
}

@media (max-width: 1350px) {
    .container {
        padding: 0 30px;
        width: 100%;
    }
    .council-members .member {
        -webkit-flex: 0 1 33%;
        -ms-flex: 0 1 33%;
        flex: 0 1 33%;
    }
}

@media (max-width: 1200px) {

    #main-news .news-item {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #company-discount-section .pig-img {
        position: relative;
        display: inline-block;
        max-width: 100%;
    }

    .navbar-default .navbar-nav > li > a {
        font-size: 14px;
    }
    #company-discount-section .option {
        border: none;
    }
    #company-discount-section .option-text{
        text-align: center;
    }

    #company-council-section {
        background: #1c202c;
    }

    #company-discount-section h2 {
        font-size: 54px;
        line-height: 54px;
    }

    #company-extract-section {
        background: #2c1a1a;
        padding: 0 0 50px 0;
    }

    #company-history-section {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5f5b5a+0,403e41+50,27262b+100 */
        background: #5f5b5a; /* Old browsers */
        background: -moz-linear-gradient(top, #5f5b5a 0%, #403e41 50%, #27262b 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #5f5b5a 0%, #403e41 50%, #27262b 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #5f5b5a 0%, #403e41 50%, #27262b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5f5b5a', endColorstr='#27262b', GradientType=0); /* IE6-9 */
        padding: 0 0 50px 0;
    }
    .m-img-wrapper{
        height: 60vw;
        overflow: hidden;
    }
    .m-img {
        display: inline-block;
        width: 100%;
    }



    .m-bg-gray {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f5f5f5+51,d9d9d9+100 */
        background: #ffffff !important; /* Old browsers */
        background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 51%, #d9d9d9 100%) !important; /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #ffffff 0%, #f5f5f5 51%, #d9d9d9 100%) !important; /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #ffffff 0%, #f5f5f5 51%, #d9d9d9 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d9d9d9', GradientType=0) !important; /* IE6-9 */
    }

    #office-top-section{
        background: #ffffff;
        padding: 0px;
    }

    #office-top-section .container{
        padding-bottom: 40px;
    }
    #office-herbal-section{
        padding: 32px 0 50px;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#758c4b+0,222127+100 */
        background: #758c4b; /* Old browsers */
        background: -moz-linear-gradient(top, #758c4b 0%, #222127 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #758c4b 0%,#222127 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #758c4b 0%,#222127 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#758c4b', endColorstr='#222127',GradientType=0 ); /* IE6-9 */
    }
    #office-herbal-section img{
        display: none;
    }
    #office-active-section{
        background: #24232b;
        padding: 0px;
    }
    #office-active-section .container{
        padding: 70px 30px;
    }
    #office-info-section{
        background: #ffffff;
        padding-top: 0px;
    }
    #office-info-section .container{
        padding: 70px 30px;
    }
    #office-info-section h2{
        font-size: 48px;
        line-height: 48px;
    }


    #quality-top-section{
        background: #ffffff;
        padding-bottom: 0px;
    }

    .header-section .small{
        display: block;
        text-align: center;
    }
    .header-section .large{
        display: none;
    }
    #quality-top-section .quality-cert{
        text-align: center;
        margin: 30px 0;
    }
    #quality-diffrence-section{
        padding: 32px 0 50px;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#758c4b+0,222127+100 */
        background: #758c4b; /* Old browsers */
        background: -moz-linear-gradient(top, #758c4b 0%, #222127 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #758c4b 0%,#222127 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #758c4b 0%,#222127 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#758c4b', endColorstr='#222127',GradientType=0 ); /* IE6-9 */
    }
    #quality-concentration-section{
        background: #24232b;
        padding: 0px;
    }
    #quality-concentration-section .container{
        padding: 70px 30px;
    }
    .concentration{
        display: none;
    }
    #quality-study-section{
        background: #ffffff;
    }
    #quality-bottom-section{
        display: none;
    }

    #index-foundations-section{
        background: #77a106;
        padding: 0px;
    }
    #index-foundations-section .container{
        padding: 50px 30px;
    }
    .bodysearch-bar {
        position: relative;
        background-color: #a50200;
        height: auto;
        text-align: center;
        font-size: 48px;
        line-height: 48px;
    }
    .bodysearch-bar .content .minus{
        display: none;
    }
    .bodysearch-bar .shuman{
        height: 180px;
        right: 30px;
        top: -120px;
    }
    .bodysearch-bar .shuman + .shuman {
        right: -30px;
    }

    .bodysearch-bar h4 {
        margin-left: -30px;
        padding-right: 40px;
        text-align: left;
        padding-left: 0px;
    }
    .bodysearch-bar h4 img{
        float: left;
        margin-right: 5px;
        width: 30px;
        padding-bottom: 20px;
    }
    .bodysearch-bar .content>div{
        display: inline-block;
        max-width: 300px;
        position: relative;
    }
    .bodysearch-bar .content>div>*{
        display: block;
    }
    .bodysearch-bar a,
    .bodysearch-bar a:hover,
    .bodysearch-bar a:active{
        background: #e00300;
        box-shadow: 2px 3px 65.36px 10.64px rgba(0, 0, 0, 0.35);
        text-shadow: 2px 3px 65.36px rgba(0, 0, 0, 0.35);
        border: none;
        margin: 20px 0;
    }
    #index-medicine-section .plus-line{
        margin-bottom: 20px;
    }

    #index-medicine-section{

        padding: 0px;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dfc6a6+0,2f2822+100 */
        background: #dfc6a6; /* Old browsers */
        background: -moz-linear-gradient(top, #dfc6a6 0%, #2f2822 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #dfc6a6 0%,#2f2822 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #dfc6a6 0%,#2f2822 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfc6a6', endColorstr='#2f2822',GradientType=0 ); /* IE6-9 */
        color: white;
    }

    #index-history-section{
        background-size: cover;
    }
    #index-medicine-section .right-side{

        box-shadow: none;
        background: none;
        padding-bottom: 40px;
    }
    .history-people{
        max-width: 100%;
    }
    #main-news .news-item > div:nth-child(1){
        -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        margin: 0px;
    }

    #contact-section{
        background: white;
    }
    #contact-section .m-img{
        max-width: 100%;
    }
    #contact-section .right-side{
        text-align: center;
    }
    #contact-section .m-img-wrapper{
        height: auto;
    }
    #education-top-section{
        background: white;
    }
    #education-health-section{
        background: white;
        padding-bottom: 0px;
    }
    #education-universities-section{
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#231e1f+0,56719d+100 */
        background: #231e1f; /* Old browsers */
        background: -moz-linear-gradient(top, #231e1f 0%, #56719d 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #231e1f 0%,#56719d 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #231e1f 0%,#56719d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#231e1f', endColorstr='#56719d',GradientType=0 ); /* IE6-9 */
    }
    #education-locations-section{
        padding-top: 0px;
        background: #221d1d;
    }
    #education-market-section{
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#221d1d+0,6eab17+100 */
        background: #221d1d; /* Old browsers */
        background: -moz-linear-gradient(top, #221d1d 0%, #6eab17 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #221d1d 0%,#6eab17 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #221d1d 0%,#6eab17 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#221d1d', endColorstr='#6eab17',GradientType=0 ); /* IE6-9 */
    }
    #education-stories-section{
        background: white;
    }
    #education-market-section .herbal-small{
        margin: 50px auto;
    }
    #products-top-section{
        background: none;
    }

}
@media (min-width: 992px) {
    /*====================================================================================*/
    /*                        header cart                                                 */
    /*====================================================================================*/
    .header-cart {
        text-align: right;

        margin-bottom: 0;
    }
    #contact-section  .m-img{
        display: none;
    }
    #contact-section .right-side{
        text-align: right;
    }
}
@media (max-width: 992px) {

    .sh1.md-r{
        margin-left: 0px !important;
        padding-left: 0px;
        margin-right: 44px;
    }
    .sh1.md-r:before{
        display: none;
    }
    .sh1.md-r:after{
        content: '';
        background: url(../img/plus.png);
        background-size: auto auto;
        width: 36px;
        height: 36px;
        background-size: 36px;
        vertical-align: middle;
        bottom: -21px;
        right: -44px;
        font-weight: bold;
        position: absolute;
    }
    #products-top-section .sh1{
        display: block;

    }
    #products-top-section .info{
        padding-left: 0px;
    }

    .abs, .out {
        display: none;
    }

    .products-section .green1 {
        padding-left: 20px;
    }


    .index-products-import
    {
        display: none;
    }

    #production-info img{
       margin-bottom: 15px;
        max-height: 120px;
    }

    #index-foundations-section .sh1{
        font-size: 8vw;
        line-height: 8vw;
        margin-left: 30px;
        padding-bottom: 20px;
    }
    .news-item{
        text-align: center;
    }

    .news-item > div{
        width: 500px;
        display: inline-block;
        text-align: left;

    }
    .news-item .news-item-image a{
        display: inline-block;
    }
    .news-item .news-item-image{
        text-align: center;
    }

    .news-item-container{
        text-align: center;
    }
    .news-item-container > div{
        margin: 0 auto;
        width: 600px;

    }
}





@media (max-width: 950px) {
    .desktop-logo{
         display: none;
     }
    .mobile-logo {
        display: inline-block;
    }
    .mobile-logo img{
        max-height: 35px;
    }
    .navbar-toggle{
        margin:20px 0;
    }
    .navbar-fixed-top .equal{
        display: block;
    }
    .navbar-default .navbar-top a{
        border: none;
    }
    .navbar-default .navbar-top a{
        padding: 0px;
    }
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 0px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
    .mobile-navbar-header{
        display: inherit;
    }
    .desktop-navbar-header{
        display: none;
    }
    #body-wrap{
        margin-top:72px;
    }
    .navbar-toggle {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .navbar-top{
        background: rgb(255,255,255);
        text-align: center;
        border-bottom: 1px solid #e7e7e7;
        padding-right:0px;
    }

    .navbar-default .navbar-nav > li > a{
        border: none;
        padding: 0px;
        line-height: 30px;
        text-align: center;
    }
    .navbar-default.navbar-fixed-top.fixed-full{
        position: fixed;
        height: 100vh;
        overflow-y: auto;
    }
    .header-cart,
    .permit-picker{
        width: 100%;
        border-top: 1px solid #e7e7e7;
        padding: 15px;
    }
    .view_cart-btn{
        position: relative;
    }
    /*====================================================================================*/
    /*                        HEADER CART                                                 */
    /*====================================================================================*/
    .view_cart-btn[data-items]:after {
        top: -6px;
    }
    #nav_menu-4{
        display: none;
    }

    .council-members .member {
        -webkit-flex: 0 1 50%;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%;
    }
}

@media (max-width: 768px) {

    .education-list .education-item{
        text-align: center;
    }
    .owl-item > .main-content{
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;

    }

    .owl-item > .main-content > div{
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
        position: relative;
        box-shadow: none;
        left:auto;
        bottom: auto;
        width: 100%;

    }
    .owl-item > .main-content > div:first-child{
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        height: 300px !important;
    }

    .owl-item > .main-content > div:last-child{
        font-size: 6vw;
        text-align: center;
        line-height: 7vw;
        padding: 25px;

        background: rgba(72,42,27,1);
        background: -moz-linear-gradient(top, rgba(72,42,27,1) 0%, rgba(84,52,36,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(72,42,27,1)), color-stop(100%, rgba(84,52,36,1)));
        background: -webkit-linear-gradient(top, rgba(72,42,27,1) 0%, rgba(84,52,36,1) 100%);
        background: -o-linear-gradient(top, rgba(72,42,27,1) 0%, rgba(84,52,36,1) 100%);
        background: -ms-linear-gradient(top, rgba(72,42,27,1) 0%, rgba(84,52,36,1) 100%);
        background: linear-gradient(to bottom, rgba(72,42,27,1) 0%, rgba(84,52,36,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#482a1b', endColorstr='#543424', GradientType=0 );

    }


    .sh1.xs-r{
        margin-left: 0px !important;
        padding-left: 0px;
        margin-right: 44px;
    }
    .sh1.xs-r:before{
        display: none;
    }
    .sh1.xs-r:after{
        content: '';
        background: url(../img/plus.png);
        background-size: auto auto;
        width: 36px;
        height: 36px;
        background-size: 36px;
        vertical-align: middle;
        bottom: -21px;
        right: -44px;
        font-weight: bold;
        position: absolute;
    }

    /*====================================================================================*/
    /*                        CONTACT                                                     */
    /*====================================================================================*/
    section.contact {
        margin-bottom: 30px;
    }

    section.contact #address-data {
        padding: 0 0 50px 0;
    }

    /*====================================================================================*/
    /*                        HEADER                                                      */
    /*====================================================================================*/
    .navbar .calendar, .navbar .permit {
        border-right: 0px;
        border-left: 0px;
    }

    /*====================================================================================*/
    /*                        HEADER CART                                                 */
    /*====================================================================================*/
    .permit-picker {
        text-align: center;
    }

    .permit-picker i.fa-user {
        vertical-align: middle;
        margin-right: 10px;
    }

    [data-permitcart]:after {
        position: inherit;
        vertical-align: middle;
    }

    .navbar .permit {
        padding: 0;
    }

    .navbar .permit-picker ul {
        position: relative;
        border: none;
        box-shadow: none;
        top: 0px;
    }
    #company-council-section h2,
    #quality-study-section h2{
        font-size: 60px;
        line-height: 60px;
    }

    #company-top-section .sh1{
        font-size: 100px;
    }
    #products-top-section .sh1{
        font-size: 8vw;
        line-height: 8vw;
    }
    #education-top-section .sh1{
        font-size: 15vw;
        line-height: 15vw;
        display: block;

    }
    #office-top-section .info,
    #education-top-section .info{
        padding-left: 0px;
    }
    #office-top-section .sh1{
        font-size: 15vw;
        line-height: 15vw;
        display: block;
    }
    #office-top-section .info-header{
        font-size: 8vw;
        line-height: 8vw;
    }
    #quality-top-section .sh1{
        font-size: 15vw;
        line-height: 15vw;
        display: block;
    }
    #contact-section .sh1{
        font-size: 15vw;
        line-height: 15vw;
        display: block;
    }
    #main-news .sh1r{
        font-size: 12vw;
        line-height: 12vw;
        display: block;
    }

    .council-members .member {
        -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        padding: 20px 0;
    }
    #company-discount-section .option .option-number img{
        display: none;
    }

    #company-top-section{
        padding: 0 0 50px 0;
    }
    #company-extract-section .company-link{
        word-break: break-all;
    }
    .m-img-wrapper{
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .m-img {
        display: inline-block;
        max-width: 100%;
    }
    .products-section .green1{
        background-image: none;
        text-align: center;
    }

    .bottle-container, .pill-container{
        text-align: center;
    }


    #products-top-section{
        background: none;
    }
    .products-section .info-panel{
        width: 100vw;
        margin-left: -15px;
        margin-right: -15px;
        padding: 0px;
    }
    .products-section .info-panel > div{
        padding: 30px 15px;
    }
    .products-section .info-panel  img{
        max-width: 100%;
    }
    .info-panel .gray1 .gray-herbal{
        float: none;
        display: block;
        margin: 5px auto;
    }
    .navbar-brand img{
        max-width: 100%;
    }
    .bodysearch-bar h4{
        text-align: center;
        padding: 0 10px;
        margin: 0px;
    }
    .bodysearch-bar .content h4 img{
        display: none;
    }
    .bodysearch-bar .shuman{
        position: relative;
        display: inline-block !important;
        margin-top: 20px;
        top:0px;
    }
    .bodysearch-bar .shuman + .shuman {
        right: 0px;
    }

    .calculations.sm img{
        display: inline-block;
        margin-bottom: 8px;
    }
    #company-discount-section .calculations.sm span{
        display: block;
        width: 100%;
        text-align: center;
    }

    .index-product-herbals{
        background-size: 100% auto;
    }
    .news-item > div {
        width: auto;
    }

    .news-item-container > div{

        width: auto;

    }
    .bok-info{
        border: none;
        padding: 20px 0px;
    }
    #contact-section .right-side {

        font-size: 20px
    }
}



/*====================================================================================*/
/*                        RESPONSIVE TEXT CENTER                                      */
/*====================================================================================*/

.text-xs-left { text-align: left; }
.text-xs-right { text-align: right; }
.text-xs-center { text-align: center; }
.text-xs-justify { text-align: justify; }
.fl-xs-1, .fl-sm-1, .fl-md-1, .fl-lg-1, .fl-xs-2, .fl-sm-2, .fl-md-2, .fl-lg-2, .fl-xs-3, .fl-sm-3, .fl-md-3, .fl-lg-3, .fl-xs-4, .fl-sm-4, .fl-md-4, .fl-lg-4, .fl-xs-5, .fl-sm-5, .fl-md-5, .fl-lg-5, .fl-xs-6, .fl-sm-6, .fl-md-6, .fl-lg-6, .fl-xs-7, .fl-sm-7, .fl-md-7, .fl-lg-7, .fl-xs-8, .fl-sm-8, .fl-md-8, .fl-lg-8, .fl-xs-9, .fl-sm-9, .fl-md-9, .fl-lg-9, .fl-xs-10, .fl-sm-10, .fl-md-10, .fl-lg-10, .fl-xs-11, .fl-sm-11, .fl-md-11, .fl-lg-11, .fl-xs-12, .fl-sm-12, .fl-md-12, .fl-lg-12 {


    padding-right: 15px;
    padding-left: 15px;
}
.fl-xs-1{
    -webkit-flex: 0 1 8.33%;
    -ms-flex: 0 1 8.33%;
    flex: 0 1 8.33%;
}
.fl-xs-2{
    -webkit-flex: 0 1 16.66%;
    -ms-flex: 0 1 16.66%;
    flex: 0 1 16.66%;
}
.fl-xs-3{
    -webkit-flex: 0 1 24.99%;
    -ms-flex: 0 1 24.99%;
    flex: 0 1 24.99%;
}
.fl-xs-4{
    -webkit-flex: 0 1 33.33%;
    -ms-flex: 0 1 33.33%;
    flex: 0 1 33.33%;
}
.fl-xs-5{
    -webkit-flex: 0 1 41.66%;
    -ms-flex: 0 1 41.66%;
    flex: 0 1 41.66%;
}
.fl-xs-6{
    -webkit-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
}
.fl-xs-7{
    -webkit-flex: 0 1 58.33%;
    -ms-flex: 0 1 58.33%;
    flex: 0 1 58.33%;
}
.fl-xs-8{
    -webkit-flex: 0 1 66.66%;
    -ms-flex: 0 1 66.66%;
    flex: 0 1 66.66%;
}
.fl-xs-9{
    -webkit-flex: 0 1 74.99%;
    -ms-flex: 0 1 74.99%;
    flex: 0 1 74.99%;
}
.fl-xs-10{
    -webkit-flex: 0 1 83.33%;
    -ms-flex: 0 1 83.33%;
    flex: 0 1 83.33%;
}
.fl-xs-11{
    -webkit-flex: 0 1 91.66%;
    -ms-flex: 0 1 91.66%;
    flex: 0 1 91.66%;
}
.fl-xs-12{
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
}

@media (min-width: 768px) {
    .text-sm-left { text-align: left; }
    .text-sm-right { text-align: right; }
    .text-sm-center { text-align: center; }
    .text-sm-justify { text-align: justify; }
    .fl-sm-1{
        -webkit-flex: 0 1 8.33%;
        -ms-flex: 0 1 8.33%;
        flex: 0 1 8.33%;
    }
    .fl-sm-2{
        -webkit-flex: 0 1 16.66%;
        -ms-flex: 0 1 16.66%;
        flex: 0 1 16.66%;
    }
    .fl-sm-3{
        -webkit-flex: 0 1 24.99%;
        -ms-flex: 0 1 24.99%;
        flex: 0 1 24.99%;
    }
    .fl-sm-4{
        -webkit-flex: 0 1 33.33%;
        -ms-flex: 0 1 33.33%;
        flex: 0 1 33.33%;
    }
    .fl-sm-5{
        -webkit-flex: 0 1 41.66%;
        -ms-flex: 0 1 41.66%;
        flex: 0 1 41.66%;
    }
    .fl-sm-6{
        -webkit-flex: 0 1 50%;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%;
    }
    .fl-sm-7{
        -webkit-flex: 0 1 58.33%;
        -ms-flex: 0 1 58.33%;
        flex: 0 1 58.33%;
    }
    .fl-sm-8{
        -webkit-flex: 0 1 66.66%;
        -ms-flex: 0 1 66.66%;
        flex: 0 1 66.66%;
    }
    .fl-sm-9{
        -webkit-flex: 0 1 74.99%;
        -ms-flex: 0 1 74.99%;
        flex: 0 1 74.99%;
    }
    .fl-sm-10{
        -webkit-flex: 0 1 83.33%;
        -ms-flex: 0 1 83.33%;
        flex: 0 1 83.33%;
    }
    .fl-sm-11{
        -webkit-flex: 0 1 91.66%;
        -ms-flex: 0 1 91.66%;
        flex: 0 1 91.66%;
    }
    .fl-sm-12{
        -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
    }

}

@media (min-width: 992px) {
    .text-md-left { text-align: left; }
    .text-md-right { text-align: right; }
    .text-md-center { text-align: center; }
    .text-md-justify { text-align: justify; }
    .fl-md-1{
        -webkit-flex: 0 1 8.33%;
        -ms-flex: 0 1 8.33%;
        flex: 0 1 8.33%;
    }
    .fl-md-2{
        -webkit-flex: 0 1 16.66%;
        -ms-flex: 0 1 16.66%;
        flex: 0 1 16.66%;
    }
    .fl-md-3{
        -webkit-flex: 0 1 24.99%;
        -ms-flex: 0 1 24.99%;
        flex: 0 1 24.99%;
    }
    .fl-md-4{
        -webkit-flex: 0 1 33.33%;
        -ms-flex: 0 1 33.33%;
        flex: 0 1 33.33%;
    }
    .fl-md-5{
        -webkit-flex: 0 1 41.66%;
        -ms-flex: 0 1 41.66%;
        flex: 0 1 41.66%;
    }
    .fl-md-6{
        -webkit-flex: 0 1 50%;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%;
    }
    .fl-md-7{
        -webkit-flex: 0 1 58.33%;
        -ms-flex: 0 1 58.33%;
        flex: 0 1 58.33%;
    }
    .fl-md-8{
        -webkit-flex: 0 1 66.66%;
        -ms-flex: 0 1 66.66%;
        flex: 0 1 66.66%;
    }
    .fl-md-9{
        -webkit-flex: 0 1 74.99%;
        -ms-flex: 0 1 74.99%;
        flex: 0 1 74.99%;
    }
    .fl-md-10{
        -webkit-flex: 0 1 83.33%;
        -ms-flex: 0 1 83.33%;
        flex: 0 1 83.33%;
    }
    .fl-md-11{
        -webkit-flex: 0 1 91.66%;
        -ms-flex: 0 1 91.66%;
        flex: 0 1 91.66%;
    }
    .fl-md-12{
        -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
    }

}

@media (min-width: 1200px) {
    .text-lg-left { text-align: left; }
    .text-lg-right { text-align: right; }
    .text-lg-center { text-align: center; }
    .text-lg-justify { text-align: justify; }
    .fl-lg-1{
        -webkit-flex: 0 1 8.33%;
        -ms-flex: 0 1 8.33%;
        flex: 0 1 8.33%;
    }
    .fl-lg-2{
        -webkit-flex: 0 1 16.66%;
        -ms-flex: 0 1 16.66%;
        flex: 0 1 16.66%;
    }
    .fl-lg-3{
        -webkit-flex: 0 1 24.99%;
        -ms-flex: 0 1 24.99%;
        flex: 0 1 24.99%;
    }
    .fl-lg-4{
        -webkit-flex: 0 1 33.33%;
        -ms-flex: 0 1 33.33%;
        flex: 0 1 33.33%;
    }
    .fl-lg-5{
        -webkit-flex: 0 1 41.66%;
        -ms-flex: 0 1 41.66%;
        flex: 0 1 41.66%;
    }
    .fl-lg-6{
        -webkit-flex: 0 1 50%;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%;
    }
    .fl-lg-7{
        -webkit-flex: 0 1 58.33%;
        -ms-flex: 0 1 58.33%;
        flex: 0 1 58.33%;
    }
    .fl-lg-8{
        -webkit-flex: 0 1 66.66%;
        -ms-flex: 0 1 66.66%;
        flex: 0 1 66.66%;
    }
    .fl-lg-9{
        -webkit-flex: 0 1 74.99%;
        -ms-flex: 0 1 74.99%;
        flex: 0 1 74.99%;
    }
    .fl-lg-10{
        -webkit-flex: 0 1 83.33%;
        -ms-flex: 0 1 83.33%;
        flex: 0 1 83.33%;
    }
    .fl-lg-11{
        -webkit-flex: 0 1 91.66%;
        -ms-flex: 0 1 91.66%;
        flex: 0 1 91.66%;
    }
    .fl-lg-12{
        -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
    }

}

@media (min-width: 1366px) {
    .text-xlg-left { text-align: left; }
    .text-xlg-right { text-align: right; }
    .text-xlg-center { text-align: center; }
    .text-xlg-justify { text-align: justify; }
    .fl-xlg-1{
        -webkit-flex: 0 1 8.33%;
        -ms-flex: 0 1 8.33%;
        flex: 0 1 8.33%;
    }
    .fl-xlg-2{
        -webkit-flex: 0 1 16.66%;
        -ms-flex: 0 1 16.66%;
        flex: 0 1 16.66%;
    }
    .fl-xlg-3{
        -webkit-flex: 0 1 24.99%;
        -ms-flex: 0 1 24.99%;
        flex: 0 1 24.99%;
    }
    .fl-xlg-4{
        -webkit-flex: 0 1 33.33%;
        -ms-flex: 0 1 33.33%;
        flex: 0 1 33.33%;
    }
    .fl-xlg-5{
        -webkit-flex: 0 1 41.66%;
        -ms-flex: 0 1 41.66%;
        flex: 0 1 41.66%;
    }
    .fl-xlg-6{
        -webkit-flex: 0 1 50%;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%;
    }
    .fl-xlg-7{
        -webkit-flex: 0 1 58.33%;
        -ms-flex: 0 1 58.33%;
        flex: 0 1 58.33%;
    }
    .fl-xlg-8{
        -webkit-flex: 0 1 66.66%;
        -ms-flex: 0 1 66.66%;
        flex: 0 1 66.66%;
    }
    .fl-xlg-9{
        -webkit-flex: 0 1 74.99%;
        -ms-flex: 0 1 74.99%;
        flex: 0 1 74.99%;
    }
    .fl-xlg-10{
        -webkit-flex: 0 1 83.33%;
        -ms-flex: 0 1 83.33%;
        flex: 0 1 83.33%;
    }
    .fl-xlg-11{
        -webkit-flex: 0 1 91.66%;
        -ms-flex: 0 1 91.66%;
        flex: 0 1 91.66%;
    }
    .fl-xlg-12{
        -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
    }

}