@charset "utf-8";
/* CSS Document */
/* Responsive */

@media only screen and (max-width:1366px) {
    #service p {
        font-size: 22px;
    }
    .tab-detail button {
        padding: 10px 20px;
        font-size: 23px;
    }
}

/* 1280px*/
@media only screen and (max-width: 1280px) {
ul.menu-products li {
    margin-left: 2px;
}
.promo-detail span {
    font-size: 14px!important;
}	
.wishlist-product-detail .product-id, .wishlist-product-detail .product-name {
    font-size: 14px;
}	
.wishlist-product img {
    height: auto;
}	
.step3-box .cart-amount span {
    padding-top: 15px;
}	
.memberedit-content select {
    background: none!important;
}	
#country, #tax_country {
	background: #cdcdcd;	
}	
ul.type li {
    margin: 0 0 20px 14px;
}
	
}

/*------------------------End---------------------------*/


@media only screen and (max-width: 1230px) {
.content {
	width: 95%;
}
h1.text-day {
    width: 100%;
    text-align: left;
    padding-left: 0;
	font-size: 28px;
}	
#gp-banner {
    width: 75%;
}	
#gp-boxprice {
    width: 25%;
}	
.gp-price {
    padding: 0 0 0 15px;
}	
.content .content {
    width: 100%;
}	
	
	
}

/*------------------------End---------------------------*/
@media only screen and (max-width: 1112px) {
#cate-select {
	width: 67%;
}
ul.type li {
    width: 120px;
}
ul.type li a, ul.type li a:hover {
    width: 120px;
    height: 120px;
}
.text-type {
    font-size: 20px;
}
#cate-pic {
    width: 33%!important;
}
ul.product-box li {
    width: 23.9%;
}
.step-status {
    width: 115px;
}
.step-line-status {
    margin-left: 65px;
}
}



/* 1098px*/
    
@media only screen and (max-width: 1098px) {
#gp-banner {
    width: 100%;
}

#gp-boxprice {
    width: 100%;
	padding-bottom: 15px;
	border-bottom: 1px solid #f7b400;
}
.gp-price {
    padding: 0 30px;
	width: 100%;
}	
.gp-day {
    padding: 15px 30px;
}		
.cate-box {
    width: 100%;
}	
.cate-box img {
    width: 100%;
}	
.font-catedetail {
    font-size: 27px;
}	
ul.product-box li {
    width: 23.9%;
}	
.customer-text {
    font-size: 30px;
}	
ul.payment-list {
    margin: 20px 0 0 -10px;
}
ul.payment-list li {
    margin-left: 10px;
}	
ul.delivery-list {
    margin: 20px 0 0 -10px;
}
ul.delivery-list li a {
    margin-left: 10px;
}	
.block-QRcode {
    padding-left: 20px;
}
.news-content {
    width: 90%;
}	
ul.news-topic-index li {
	width: 48%;
	margin: 0 0 10px 10px;
}
ul.news-topic-index li:first-child {
	margin-left: 0!important;
}	
#cate-select {
    margin-right: 0;
}	
#cate-select .text-title {
    margin-right: 0;
}		
.txtbrife {
    width: 90%;
}	
ul.menu-products li .text-type {
    padding: 15px 0 15px 5px;
}
ul.menu-products li a {
    padding: 0 14px;
}	
	
.promotion-detail-banner {
	width: 100%;
}
span.head-promo-detail {
	display: inline-block; width: 73%;
}
ul.news-box li {
    width: 23.5%;
    margin-bottom: 15px;
    margin-left: 15px;
}	
.box-text-news {
    min-height: 155px;
}	
ul.news-box li a img {
    height: auto;
}	
.login-content {
    width: 95%;
}	
.content-formlogin a .btn-form, a .btn-facebook {
    width: 150px;
}	
.block {
    width: 35px;
}	
.content-formlogin {
    margin: 25px auto;
}	
.login-leftbox img {
    width: 105%;
}	
.box-step {
    width: 100%;
}	
.cart-product-detail, .wishlist-product-detail {
    padding-top: 0;
}	
.cart-table-head, .wishlist-table-head, .cart-table-head h2 {
    font-size: 24px;
}	
.total-price {
    width: 45%;
}	
.box-cart-nextstep {
    width: 29%;
}	
.memberedit-editbox {
    width: 60%;
}	
.register-content input, .label-right, .register-content textarea, .register-content select {
    width: 65%;
	float: right;
}	
.register-content label {
    width: 30%;
}	
.label-guide br {
    display: none;
}	
.label-right br {
    display: none;
}	
.label-right .btn-form {
    width: 125px;
}
.btn-left .btn-form {
    width: 125px;
}		
.memberedit-editbox .label-right {
    width: 70% !important;
}	
table.order-table th {
	font-size: 24px;	
}
.product-detail-text {
    width: 39%;
}
.gift-box {
    margin: 0 15px 18px 15px;
}
.grid li {
    margin-left:20px;
}	
.grid li a, .grid li img {
    width: 100%!important;
}	
.knowledge-content {
    width: 95%;
}	
.menu-research {
    width: 100%;
    text-align: center;
}	
.btn-research-video, .btn-research-video-active, .btn-research-doc-active, .btn-research-doc {
    box-sizing: border-box;
	float: unset;
	width: 100%;
}
.menu-research a {
    width: 25%;
	display: inline-block;
	margin: 0 5px 20px 5px;
}	
.cover-video {
    background: url(../images/icons/cover-video.png) no-repeat center;
    width: 100%;
    height: 60%;
}	
ul.knowledge-video li {
    margin-left: 23px;
	position: relative;
}	
.howto-content img {
    width: 100%;
}
.text-howto img {
    width: auto!important;
}
.contact-content {
    width: 100%;
	box-sizing: border-box;
}
.contact-left img {
    width: 100%;
}
.contact-box img {
    width: auto!important;
}
.contact-right {
    width: 60%;
    margin-left: 0;
    padding-left: 50px;
    box-sizing: border-box;
}
.product-img-box {
    min-height: 188px;
}
#pd-special .product-img-box {min-height: 180px;}
.step-status {
    width: 112px;
}
}

/*------------------------End---------------------------*/






/* 1024px*/
    
@media only screen and (max-width: 1024px) {	
#cate-select {
    width: 60%;
}
#cate-pic {
    width: 40% !important;
}
ul.type {
    margin: 0;
}	
ul.type li {
    margin: 0 0 10px 10px;
	width: 110px;
}	
ul.type li a, ul.type li a:hover {
    height: 110px;
}
ul.cat li {
    margin: 0 0 10px 10px;
	width: 110px;
}	
ul.cat li a, ul.cat li a:hover {
    height: 110px;
}					
ul.product-box li {
    width: 23.8%;
}
.box-knowledge {
    width: 75%;
}
.logo {
    width: 150px;
}	
#knowledge {
    min-height: 590px;
}	
ul.delivery-list li:first-child a {
    margin-left: 0!important;
}	
ul.delivery-list {
    margin: 20px 0 0 0;
}	
ul.payment-list li img, ul.delivery-list li a img {
    width: 95px;
}	
.customer-text {
    font-size: 30px;
}	
.review {
    width: 95%;
    box-sizing: border-box;
}	
.txtbrife {
    width: 100%;
}	
.box-mile-left .bullet-point {
    margin-right: -46px;
}
.box-mile-right .bullet-point-right {
    margin-left: -46px;
}	
ul.menu-products li img {
    padding: 17px 0 0 0;
    width: 40px !important;
}	
ul.menu-products li .text-type {
    padding: 15px 5px;
}	
ul.menu-products li a {
    padding: 0 12px;
}	
.product-detail-text {
    width: 38%;
}	
ul.news-box li {
    width: 23%;
	margin-bottom: 20px;
	margin-left: 19px;
}	
.block {
    width: 10px;
}	
.login-rightbox {
    background: #ffffff;
	position: relative;
}	
.login-leftbox img {
    width: 115%;
}	
.content-formlogin label {
    margin-left: -10px;
}	
.link-forgot {
    width: 30%;
}	
.cart-table-head, .wishlist-table-head {
    line-height: 20px;
}	
.cart-table-head-totalprice, .wishlist-table-head-totalprice {
    width: 17%;
}	
.cart-table-head-fee, .wishlist-table-head-fee {
    width: 17%;
}	
.cart-fee, .wishlist-fee {
    width: 17%;
}
.cart-totalprice {
    width: 16%;
}
.box-cart-nextstep {
    width: 32%;
}	
.step {
    width: 200px;
}	
.wrapper-menumember {
    font-size: 27px;
}	
.member-boxfull label {
    width: 25%;
}	
.member-boxfull span {
    width: 70%;
}	
.label-right .btn-form {
    margin-right: 5px;
}
.btn-left .btn-form {
    margin-right: 5px;
}		
.register-content label {
    width: 40%;
    margin-right: 0;
}	
.register-content input, .label-right, .register-content textarea, .register-content select {
    width: 58%;
    float: right;
}	
.register-content .label-right:last-child, .memberedit-editbox .label-right:last-child {
	margin-left: 0!important;	
	width: 100%;
}	
table.order-table th {
    line-height: 24px;
    vertical-align: top;
}	
.btn-research-doc-active {
    background: url(../images/icons/doc-download-active.png) no-repeat #552505 25px 20px;
}
.btn-research-doc {
    background: url(../images/icons/doc-download.png) no-repeat #ffffff 25px 20px;
}
.btn-research-video {
    background: url(../images/icons/btn-video.png) no-repeat #ffffff 35px 20px;
}
.btn-research-video {
    background: url(../images/icons/btn-video-active.png) no-repeat #552505 35px 20px;
}	
ul.knowledge-video li {
    margin-left: 21px;
}	
.contact-form {
	width: 50%;
    padding-right: 10px;
	margin-right: 0;
    box-sizing: border-box;
}	
ul.menu {
    width: 79%;
}	
ul.menu li {
    font-size: 27px;
}	
.block-sitemap {
    width: 37%;
}	
.product-img-box {
    min-height: 175px;
}	
.step-status {
    width: 105px;
}	
}

@media only screen and (max-width:736px) {
    #service ul li {
        width: 50%;
    }
    #service ul li:nth-last-child(-n + 3) {
        margin-bottom: 35px;
    }
    #service ul li:nth-last-child(-n + 2) {
        margin-bottom: 0;
    }
}



/* 980*/

@media screen and (max-width: 980px) {
ul.menu {
    width: 735px;
}	
.menu li {
    margin-right: 15px;
    font-size: 27px;
}		
.footer-payment {
    width: 50%;
}	
.footer-delivery {
    width: 50%;
}	
.block-sitemap {
    width: 36%;
}
.box-mile-left .bullet-point {
    margin-right: -43px;
}
.box-mile-right .bullet-point-right {
    margin-left: -43px;
}	
.search-left {
    margin-right: 35px;
}	
/*.select-product-menu {
	display: block!important;
	
}*/	
ul.menu-products {
    display: none;
}
.select-product-menu select {
   margin: 0 0 20px 0;
}	
.menu-product-sub {
	display: block!important;	
}		
.product-detail-name {
    font-size: 37px;
}	
ul.news-box li {
    margin-bottom: 15px;
    margin-left: 15px;
}	
.block {
    width: 15px;
    padding: 40px 5px;
}	
.box-btn hr {
    width: 30%;
}
.btn-long-form {
    width: 85%!important;
}	
.step {
    margin: 0 30px 0 0;
}	
.total-price {
    width: 50%;
	margin: 15px 30px 30px 30px !important;
}	
.register-leftbox {
    width: 100%;
    margin-right: 0;
}	
.register-leftbox img {
    display: none;
}	
.register-rightbox {
    width: 100%;
}	
.register-content label {
    width: 30%;
}	
.register-content input, .label-right, .register-content textarea, .register-content select {
    width: 70%;
    float: left;
}	
.gift-box {
    margin: 0 14px 18px 14px;
}	
.send-to-gift {
    width: 22%;
    text-align: left;
}	
.menu-research a {
    width: 27%;
}	
.group-tabhead {
    width: 85%;
}	
.logo {
    width: 130px;
}
.box-text-productdetail {
    min-height: 130px;
}
.product-img-box {
    min-height: 170px;
}	
#pd-special .product-img-box {min-height: 165px;}	
.menu-product-mb-inner {display: block;}	
.box-top-main, .productmenu-inner {display: none;}
.menu-product-mb {display: block;}
#cate-select .type {display: none;}	
#cate-select .cat {display: none;}	
#cate-select {
    width: 100%;
    padding: 0;
}	
.status-box-head-status {
    padding: 20px 0 0 0;
}
.box-step-status {
    width: 60%;
	padding: 10px 0;
}	
.logo-view {
    width: 100%;
    text-align: center;
	float: unset;
}	
.step-status {
    width: 135px;
}	
.step-line-status {
    width: 75%;
}	
.box-step-status {
    width: 60%;
    padding: 10px 0;
    float: unset;
}	
.d-flex-center {
    display: block;
}
.slide-product-mb .item, .slide-product-mb-inner .item {
    width: 170px;
}	
.pd-mb-menu, .pd-mb-menu-inner  {
    width: 170px;  
}
.pd-mb-menu a, .pd-mb-menu-inner a {
    width: 170px; 
    height: 170px;
}
.pd-mb-menu a:hover, .pd-mb-menu-inner a:hover  {
    width: 170px; 
    height: 170px;
}
.slide-product-mb.owl-carousel .owl-item, .slide-product-mb-inner.owl-carousel .owl-item {
    width: 200px !important;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}
.pt-0 {
    padding-top: 70px;
}
.slide-product-mb.owl-theme .owl-controls .owl-buttons div,  .slide-product-mb-inner.owl-theme .owl-controls .owl-buttons div {
    top: -25px;
}
ul.cat {
    display: none;
}
}

/*------------------------End---------------------------*/


@media screen and (max-width: 820px) {
    .box-tel {
        display: inline-block;
    }

    .slide-product-mb .item, .slide-product-mb-inner .item {
        width: 150px;
    }	
    .pd-mb-menu, .pd-mb-menu-inner {
        width: 150px;  
    }
    .pd-mb-menu a, .pd-mb-menu-inner a {
        width: 150px; 
        height: 150px;
    }
    .pd-mb-menu a:hover, .pd-mb-menu-inner a:hover {
        width: 150px; 
        height: 150px;
    }

    .slide-product-mb.owl-carousel .owl-item, .slide-product-mb-inner.owl-carousel .owl-item {
        width: 170px !important;
    }
    .contact-social {
        display: block;
    }
    .contact-social .contact {
        width: 100%;
        margin-top: 15px;
    }
    .ml-10 {
        margin-left: 10px !important;
    }
    .tab-detail {
        margin-top: 40px;
    }
}




/* 800*/
    
@media screen and (max-width: 800px) {
.logo {
    width: 10%;
	padding: 0;
    position: relative;
    z-index: 9995;
	margin-left: 20px;
}
.price-tab-box-mb {
    position: relative;
    z-index: 9995;
}
.logo img, .header-none-fixed-bg .logo img {
    width: 100%;
}
.header-none-fixed-bg .logo img {
    margin: 0 auto;
}
.group-tabhead {
    width: 100%;
    float: left;
    margin: 0 auto;
}
#header {
    padding: 0;
	z-index: 9999;
}
#mn-mobile {
    display: block !important;
    width: 100%;
}
ul.menu {
	display: none;
}
.price-tab-box-mb a {
	width: 100%;
    margin: 0 0 5px 0!important;
    float: left!important;
}	
.header-none-fixed-bg .group-tabhead {
    margin: 0!important;
}
ul.icon-top {
    text-align: center;
    display: block;
}
#menumobile #head-mobile {
    padding-right: 20px!important;
}
.hide-800 {
	display: none;
}
.show-800 {
	display: block!important;
}
#contianner, #contianer {
    padding: 105px 0 0 0;
}
#menumobile ul {
    padding-top: 105px!important;
}	
#cate {
    background: #ffffff;
}	
#cate-select {
    width: 100%;
	padding: 0;
}		
.cate-box {
    width: 100%;
    margin: 0 auto;
    float: unset;
}	
.cate-box-sub {
    width: 50%;
    float: left;
}
.font-catedetail {
    font-size: 31px;
	padding-top: 15px;
}	
.store img {
	width: 30%;
	margin: 0 5px;
}	
#cate-select .underline {
    margin: 0 auto 30px auto;
}
ul.type li {
    width: 120px;
}	
ul.type li a, ul.type li a:hover {
    height: 120px;
}		
ul.product-box li {
    width: 24%;
	margin-bottom: 5px;
	margin-left: 5px;
}
.box-text-productdetail {
    padding: 5px 10px;
    min-height: 125px;
}	
ul.product-box {
    margin-left: 0;
}	
#knowledge {
    min-height: unset;
    width: 100%;
    padding-bottom: 180px;
}	
#news {
    width: 100%;
}	
ul.news-topic-index li {
    margin: 0 0 10px 25px;
}	
.review {
    padding: 35px 10px;
}	
.personal {
    position: absolute;
    margin: 0 40px;
    width: 70%;
}	
ul.payment-list li img, ul.delivery-list li a img {
    width: 85px;
}
.footer-sitemap {
    width: 100%;
}	
.block-QRcode {
    width: 15%;
}	
.block-sitemap:first-child {
    width: 30%;
}	
.block-sitemap {
    width: 35%;
}		
.footer-sitemap2 {
    width: 100%;
    margin-top: 15px;
}	
.tab-social {
    right: 0;
}
.about-text {
    font-size: 28px;
}	
.box-mile-right .bullet-point-right, .box-mile-left .bullet-point, .box-mile-left .arrow-left, .box-mile-right .arrow-right {
    display: none;
}	
.about-content {
    background: none;
	margin: 0 0 0 0!important;
	padding-bottom: 80px!important;
}	
.box-mile, .box-mile-right {
    width: 100%;
	margin: 0 0 20px 0!important;
}
.box-mile-detail {
    text-align: left;
}	
#search-avd-box {
    padding: 40px 40px;
}	
.search-left {
    margin-right: 30px;
}	
.product-detail-text {
    width: 40%;
	margin-right: 0;
}	
.product-detail-name {
    font-size: 31px;
}	
.product-detail-discount {
    font-size: 29px;
}	
.underline-detail {
    margin: 15px auto!important;
}
.amount-left {
    width: 20%;
}	
.flex-direction-nav .flex-next {
    right: -15px!important;
}	
.flex-direction-nav .flex-prev {
    left: -15px!important;
}	
span.head-promo-detail {
    width: 66%;
}	
.promo-detail-title h1 {
    font-size: 37px;
}	
ul.news-box li {
    margin-bottom: 17px;
    margin-left: 17px;
    width: 31%;
}	
.news-detail-title h1 {
    font-size: 31px;
}	
.login-rightbox {
    width: 100%;
    float: left;
}	
.login-leftbox {
    display: none;
}	
.block {
    width: 30%;
}	
.content-formlogin a .btn-form, a .btn-facebook {
    width: 180px;
}	
.cart-product-detail, .wishlist-product-detail {
    width: 100%;
}	
.cart-product-pic, .wishlist-product-pic {
    width: 100%;
    padding: 0 0 10px 0;
}	
.cart-product, .cart-table-head-product, .wishlist-table-head-product, .wishlist-product {
    width: 25%;
}	
.cart-table-head-price, .cart-price {
    width: 17%;
    text-align: center;
}
.wishlist-table-head-price, .wishlist-price {
    width: 30%;
    text-align: center;
}
.cart-table-head-fee, .cart-fee, .wishlist-table-head-fee, .wishlist-fee {
    width: 21%;
	text-align: center;
}	
.cart-table-head-totalprice, .cart-totalprice, .wishlist-table-head-totalprice, .wishlist-totalprice {
    text-align: center;
}	
.total-price label {
    font-size: 26px;
}	
.total-price {
    width: 56%;
}	
.box-cart-nextstep {
    width: 40%;
}
.box-step {
    padding: 10px 0;
}	
.step {
    margin: 0 15px 0 0;
    width: 170px;
}	
.active-step-line {
    margin-left: 95px;
}	
.menu-member a {
    box-sizing: border-box;
    position: relative;
	text-align: center;
}
.menu-member img, .menu-member a.menu-member-active img {
    margin: 0 auto 10px auto;
}	
.menu-member a span {
    display: block;
}	
.menu-member img.pichover, .menu-member a.menu-member-active img.pichover {
    margin-top: 0;
}	
.member-content label {
    width: unset;
    margin-right: 0;
}	
.member-content span {
    width: 100%;
}	
.memberedit-editbox {
    width: 100%;
}	
.company-address {
    padding: 0 0 0 30px;
    box-sizing: border-box;
}	
.cart-address-data {
    padding-right: 40px;
}	
.menu-member a {
    height: auto;
	min-height: 118px;
}	
.menu-member a.menu-member-active img {
    vertical-align: unset;
}	
.order-table td {
    padding: 10px;
    font-size: 14px;
}	
.memberedit-content label {
    width: 27%;
}
.step-addressguide {
	margin-left: 27%!important;	
}	
.detail-order {
    font-size: 24px;
    width: 60%;
}	
.title-order {
    font-size: 27px;
    width: 30%;
}	
.gift-box {
    margin: 0 10px 18px 10px;
}	
.lang-box {
    display: inline-block !important;
}	
.icon-top-member-mb {
	text-align: right;
}
.icon-member-mb {
    display: inline-block;
    margin-left: 20px;
}
.icon-top-member-mb img {
    width: 30px;
	vertical-align: middle;
	padding-right: 5px;
}
.icon-top-lang-mb img {
    width: 21px;
}		
#icon-top-member-mb:first-child {
	text-align: right;
}
.icon-member-mb a {
    font-size: 24px !important;
    display: inline-block;
	width: unset!important;
	text-transform: none!important;
}
.content-mobile	{
	width: 100%!important	
}
#navigate {
    display: none;
}	
.grid li {
    width: 47%;
	margin-left: 15px;
}	
.box-knowledge-left {
    float: unset;
	width: 60%;
}	
.box-knowledge-right {
    width: 100%;
}	
.knowledge-text-right {
    padding-left: 0;
}	
.menu-research a {
    width: 35%;
}	
.btn-research-doc-active {
    background: url(../images/icons/doc-download-active.png) no-repeat #552505 35px 20px;
}
.btn-research-doc {
    background: url(../images/icons/doc-download.png) no-repeat #ffffff 35px 20px;
}	
.btn-research-video {
    background: url(../images/icons/btn-video.png) no-repeat #ffffff 45px 20px;
}	
.btn-research-video-active {
    background: url(../images/icons/btn-video-active.png) no-repeat #552505 45px 20px;
}	
#menumobile #head-mobile {
    background: #ffffff;
    content: "";
    /*height: 120px;*/
}
ul.knowledge-video {
    margin-left: 0;
}	
ul.knowledge-video li {
    margin-left: 15px;
	margin-bottom: 15px;
}	
.box-text-knowledge-video {
    padding: 20px 10px;
	color: rgba(0,0,0,0.55)
}	
.cover-video {
    background: url(../images/icons/cover-video.png) no-repeat center;
    width: 100%;
    height: 60%;
}	
.wrapper-conntent {
    padding-top: 50px;
}	
.contact-box img {
    width: 30px !important;
}
.contact-content {
    font-size: 14px;
}	
.contact-content h1 {
    font-size: 27px;
}	
.select-style select {
    margin-top: 10px;
}	
.gg-map, .gg-map:hover {
    background-size: 30px;
	padding: 10px 10px 25px 45px;
}	
.underline-form {
    margin-bottom: 20px;
}	
.box-cover-research-box, .box-cover-knowledge-box {
    font-size: 27px;
}	
.box-cover-research-box br, .box-cover-knowledge-box br {
    display: none;
}	
.txtbrife {
    padding-top: 30px;
	margin-top: 0;
}
.memberedit-content input, .memberedit-content textarea, .memberedit-editbox .label-right, .memberedit-content select {
    float: right;
}
.header-none-fixed-bg .logo {
    padding: 0 0 5px 0;
}
.gitlogo {
    width: 20%;
    padding-left: 43px;
}
.product-img-box {
    min-height: 135px;
}
.br-hide800 {display: none;}
.gp-title-header {
	margin: 0!important;
	padding: 5px 0!important;
	line-height: 19px;
}
#cate-pic {
    width: 100% !important;
	margin-top: 25px;
}
ul.type li {
    margin: 0 0 10px 8px;
}
.box-step-status {
    width: 75%;
}
.gp-title-header {
    display: block;
    width: 100%;
}
}
/*------------------------End---------------------------*/








/* 768*/
    
@media screen and (max-width: 768px) {
ul.payment-list li, ul.delivery-list li a {
    margin-left: 5px;
}
.about-text {
    font-size: 27px;
}
.group-share-right {
    width: 25%;
}
ul.share-this-right li a img.icon {
    margin-left: -20px;
}	
.block {
    width: 27%;
}	
.step {
    width: 165px;
}	
.menu-member a {
    padding: 20px 10px;
}	
.cart-address-data h1 {
    font-size: 27px;
}	
.send-to-gift {
    width: 25%;
}	
.send-to-gift-detail {
    width: 70%;
}
.send-to-gift-detail label {
    width: 30%;
}
.send-to-gift-detail span {
    width: 65%;
}	
.show-768 {
	display: block;
}		
.hide-index-mobile {display: none;}	
.show-index-mobile {display: block;}	
#index-moble-wrap #header {
    -webkit-box-shadow: 0 10px 10px -10px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 10px 10px -10px rgba(0,0,0,0.5);
    box-shadow: 0 10px 10px -10px rgba(0,0,0,0.5);
}	
#pd-special .product-img-box {min-height: 125px;}	
.box-step-status {
    width: 85%;
}
.step-status {
    width: 25%;
    float: left;
}	
.status-box-L, .status-box-R {
    width: 100%;
}	
.box-step-status {
    margin: 10px auto 30px auto;
}	
}

/*------------------------End---------------------------*/


/* 740*/
    
@media screen and (max-width: 740px) {	
.customer-topic {
    width: 100%;
}	
.box-comment {
    width: 615px;
}	
.personal {
    margin: 0 140px;
    width: 55%;
}	
ul.payment-list li img, ul.delivery-list li a img {
    width: 80px;
}	
p.about-talk {
    font-size: 110px;
    width: 8%;
}		
.promo-text {
    font-size: 27px;
}	
.first-promo-text {
    font-size: 31px;
}	
ul.share-this-right li {
    width: 100%;
}	
ul.news-box li {
    margin-bottom: 15px;
    margin-left: 15px;
}
.block {
    width: 23%;
}	
.step {
    width: 160px;
}	
.total-price {
    width: 60%;
}	
.box-cart-nextstep {
    width: 43%;
}	
.memberedit-editbox .label-right {
    margin-left: 29%;
}	
.wishlist-table-head-fee, .wishlist-fee {
    width: 25%;
}	
.cart-content {
    font-size: 14px;
}
.cart-address-data h1 {
    font-size: 27px;
}	
#header {
    padding: 0;
}	
.fancybox-slide--video .fancybox-iframe {
    width: 90%!important;
    height: 50%!important;
    max-width: 90%!important;
    max-height: 50%!important;
}	
.text-howto {
    font-size: 27px;
}	
.text-howto img {
    width: 120px !important;
}
.text-howto br {
    display: none;
}
.contact-box img {
    width: 25px !important;
	margin-top: 0px;
}
.contact-text {
    width: 83%;
    margin-bottom: 20px;
}	
.gg-map, .gg-map:hover {
    background-size: 25px;
    padding: 5px 10px 25px 35px;
}	
.btn-re-code {
    padding: 0;
    width: 140px;
}	
.underline-form {
    margin-bottom: 10px;
}
.contact-right .btn-form {
    width: 120px;
    margin-right: 5px;
    box-sizing: border-box;
}
.tab-social {
    display: none;
}	
.box-text-productdetail {
    min-height: 170px;
}	
.product-img-box {
    min-height: 125px;
}	
}

/*------------------------End---------------------------*/

/* 686px*/
    
@media screen and (max-width: 686px) {
ul.news-topic-index li {
    margin: 0 0 10px 20px;
}	
.box-text-news {
    min-height: 160px;
}		
.tel, .fax {
    font-size: 25px;
}
.tel a, .fax a {
    color: #ffffff;
}
.block-QRcode {
    width: 20%;
}	
p.about-talk {
    font-size: 100px;
    width: 5%;
}	
ul.payment-list li img, ul.delivery-list li a img {
    width: 76px;
}
.select-search-style, .input-search-style {
    width: 29%;
}
.product-detail-text {
    width: 45%;
}	
.btn-plus {
    background: url(../images/icons/plus.png) no-repeat #d9d9d9 10px 15px;
    height: 40px;
}	
.btn-minus {
    background: url(../images/icons/minus.png) no-repeat #d9d9d9 9px 20px;
    height: 40px;
}	
td.box-amount {
    width: 75px;
    height: 40px;
}	
.amount-right {
    width: 65%;
}
.amount-left {
    width: 25%;
}	
.product-detail-pic {
    width: 50%;
    padding-left: 20px;
}	
span.head-promo-detail {
    width: 55%;
}	
.box-news-left {
    width: 100%;
}	
.box-news-right {
    width: 100%;
}	
.block {
    width: 18%;
}	
.step {
    width: 145px;
}
.total-price {
    width: 65%;
}	
.box-cart-nextstep {
    width: 47%;
}	
.cart-amount td.box-amount {
    width: 40px;
    height: 40px;
}	
.step {
    width: 140px;
}	
.wrapper-menumember {
    font-size: 24px;
}	
.table-show686 {
	display: block;	
}	
tr.order-head {
    display: none!important;
}
table.order-table tr {
    background: #f5f5f5;
	margin-bottom: 10px;
	margin-right: 10px;
    width: 48%;
    float: left;
    display: block;
    padding: 20px;
	box-sizing: border-box;
}	
.table-order-mobile table, .table-order-mobile td, .table-order-mobile th {
    border: none;
}	
.order-table td {
    text-align: left;
    padding: 4px 0;
    border-bottom: none;
    width: 100%;
    display: block;
}	
.order-table td span {
    display: inline-block;
}	
.order-table td a {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
	color: rgba(0,0,0,0.00)
}	
.cart-content h1 {
    font-size: 27px;
}
.cart-address-data h1 {
    font-size: 24px;
    line-height: 27px;
	padding-bottom: 0;
}	
.cart-address-data {
    padding-right: 20px;
}	
.gift-box {
    margin: 0 6px 18px 6px;
    width: 31%;
}
.send-to-gift {
    width: 28%;
}	
.button-mb {
    margin-top: 10px!important;
}	
#contianner, #contianer {
    padding: 105px 0 0 0;
}	
.btn-research-doc-active {
    background: url(../images/icons/doc-download-active.png) no-repeat #552505 20px 20px;
}	
.btn-research-doc {
    background: url(../images/icons/doc-download.png) no-repeat #ffffff 20px 20px;
}	
.btn-research-video {
    background: url(../images/icons/btn-video.png) no-repeat #ffffff 30px 20px;
}	
.btn-research-video-active {
    background: url(../images/icons/btn-video-active.png) no-repeat #552505 30px 20px;
}
.contact-content {
    padding: 25px;
}	
.contact-right {
    width: 55%;
    padding-left: 25px;
}
.contact-left {
    width: 45%;
}
.products-branch .box-text-productdetail {
    min-height: 170px!important;
}
.table-feedback td {
    padding: 10px;
}
.table-feedback .promo-text {
    font-size: 24px;
}
.table-feedback strong {
    font-size: 28px;
}
.table-feedback .address-title {
    font-size: 24px;
}
.btn-sf {
    padding: 5px 10px;
}
.gitlogo {
    width: 25%;
    padding-left: 30px;
}
.product-img-box {
    min-height: 118px;
}	
.menu-product-mb-inner {
    padding: 25px 0;

}
}

/*------------------------End---------------------------*/

/* 667*/
    
@media screen and (max-width: 667px) {
.personal {
    margin: 0 125px;
}	
ul.payment-list li img, ul.delivery-list li a img {
    width: 72px;
}	
#footer {
    padding: 30px 0 20px 0;
}	
.about-text {
    font-size: 26px;
}	
ul.news-box {
    margin-left: -10px;
}	
ul.news-box li {
    margin-bottom: 12px;
    margin-left: 12px;
    width: 48%;
}	
.block {
    display: none;
}	
.cart-address-data {
    padding-right: 15px;
}	
.menu-research a {
    width: 40%;
}	
.btn-research-doc-active {
    background: url(../images/icons/doc-download-active.png) no-repeat #552505 30px 20px;
}	
.btn-research-doc {
    background: url(../images/icons/doc-download.png) no-repeat #ffffff 30px 20px;
}
.btn-research-video {
    background: url(../images/icons/btn-video.png) no-repeat #ffffff 40px 20px;
}
.btn-research-video-active {
    background: url(../images/icons/btn-video-active.png) no-repeat #552505 40px 20px;
}
.knowledge-table-list th, .knowledge-table-list h3 {
    font-size: 27px;
}	
.knowledge-table-list td {
    font-size: 14px;
}	
ul.knowledge-video li {
    margin-left: 12px;
}	
.products-branch .box-text-productdetail {
    min-height: 210px !important;
}	
	
	
	
}

/*------------------------End---------------------------*/


/* 640px*/
    
@media screen and (max-width: 640px) {
p.about-talk {
    font-size: 90px;
    width: 7%;
    margin: 10px 0;
}
.about-text br {
    display: none;
}
.about-text {
    width: 85%;
}
.product-detail-pic {
    width: 53%;
    padding-left: 0;
}
.page {
    width: 30%;
}	
.step {
    width: 135px;
}
.total-price label, .total-price span {
    font-size: 24px;
}
.box-cart-nextstep {
    width: 50%;
}
.menu-member a {
    margin: 0 5px 5px 0;
    width: 49%;
}
.memberedit-editbox .label-right {
    margin-left: 30%;
}	
.cart-address-data {
    padding-right: 0;
	padding-bottom: 15px;
    width: 100%;
}	
.title-order {
    font-size: 24px;
}	
.detail-order {
    font-size: 22px;
}	
ul.type li {
    margin: 0 0 15px 20px;
}
.product-img-box {
    min-height: 108px;
}
.slide-product-mb .item, .slide-product-mb-inner .item {
    width: 120px;
}	
.pd-mb-menu, .pd-mb-menu-inner  {
    width: 120px;  
}
.pd-mb-menu a, .pd-mb-menu-inner a {
    width: 120px; 
    height: 120px;
}
.pd-mb-menu a:hover, .pd-mb-menu-inner a:hover {
    width: 120px; 
    height: 120px;
}
.slide-product-mb.owl-carousel .owl-item, .slide-product-mb-inner.owl-carousel .owl-item  {
    width: 150px !important;
}
.slide-product-mb.owl-theme .owl-controls .owl-buttons div, .slide-product-mb-inner.owl-theme .owl-controls .owl-buttons div {
    top: 0;
}	
}



@media screen and (max-width: 600px) {
ul.product-box li {
    width: 49%;
}
.box-text-productdetail {
    min-height: 145px;
}
ul.type li {
    margin: 0 0 15px 15px;
}
ul.news-box li {
    width: 47%;
}
.clear600 {
	display: block;
}
.product-img-box {
    min-height: 210px;
}	
}



/*------------------------End---------------------------*/


/* 568px*/	
		
@media only screen and (max-width: 568px) {
.tab-social {
    width: 30px;
}
ul.type li {
    margin: 0 0 10px 15px;
}	
.owl-theme .owl-controls {
    bottom: 10px!important;
}		
ul.product-box li {
    width: 48%;
    margin-bottom: 10px;
    margin-left: 10px;
}	
.box-text-productdetail {
    padding: 15px 20px;
}	
.personal {
    margin: 0 105px;
}	
ul.payment-list li img, ul.delivery-list li a img {
    width: 62px;
}	
.block-sitemap:first-child {
    width: 25%;
}
.block-sitemap {
    width: 36%;
}	
	
ul.payment-list {
    margin: 20px 0 0 0;
}	
ul.payment-list li:first-child {
    margin-left: 0!important;
}	
.about-text {
    float: unset;
    vertical-align: top;
	width: 78%;
}	
p.about-talk {
    float: unset;
}	
.select-search-style select, .input-search-style {
    padding: 5px 0;
}
.box-search {
    width: 100%;
	float: left;
}
.btn-search, .btn-adv-search {
    width: 48%;
    margin-top: 10px;
}
.btn-search {
    margin-left: 0;
	float: left;
}	
.search-tab {
    margin-bottom: 0;
}	
.select-search-style select option {
    padding: 5px 0;
}	
.search-left {
    margin-right: 25px;
}	
.product-detail-text {
    width: 100%;
}	
.product-detail-name br:first-child {
    display: none;
}	
.amount-left {
    width: 15%;
}	
.product-detail-pic {
    width: 100%;
	margin-top: 30px;
}	
.promo-text {
    font-size: 24px;
    line-height: 30px;
}	
.first-promo-text {
    font-size: 27px;
}	
.promo-detail-title h1 {
    font-size: 31px;
}
.head-promo-detail {
    width: 100%;
}	
.group-share-right {
    width: 100%;
    float: left;
	margin-top: 10px;
}	
ul.share-this-right {
    float: left;
	width: 250;
}	
ul.share-this-right li {
    text-align: left;
	float: left;
	width: 90%;
}	
ul.news-box li {
    margin-bottom: 15px;
    margin-left: 15px;
    width: 47%;
}	
.step {
    width: 120px;
}	
.active-step-line {
    margin-left: 60px;
}	
.cart-delete a img, .wishlist-delete a img, .wishlist-addcart a img {
    width: 25px;
}	
.cart-table-head, .wishlist-table-head, .cart-table-head h2 {
    font-size: 20px;
}
.cart-table-content, .wishlist-table-content {
    font-size: 14px;
}	
.cart-table-head, .wishlist-table-head {
    padding: 15px 15px;
}	
.total-price {
    width: 90%;
}	
.box-cart-nextstep {
    width: 58%;
}	
.member-content {
    padding: 30px;
	box-sizing: border-box;
}	
.member-boxleft, .member-boxright {
    width: 100%;
    padding: 0;
}	
.member-content span {
    width: 70%;
}	
.member-content label {
    width: 27%;
}	
.btn-formedit, .btn-formadd {
    margin: 30px 0 0 0;
}	
.member-boxfull {
    padding: 0;
}	
.tax-box label {
	width: 40%;	
}	
.tax-box span {
    width: 55%;
}	
.register-content label, .memberedit-content label {
    width: 35%;
	margin-right: 0;
}
.register-content input, .label-right, .register-content textarea, .register-content select, .memberedit-content input, .memberedit-content textarea, .memberedit-editbox .label-right, .memberedit-content select {
    width: 65%!important;
}	
.label-right, .memberedit-editbox .label-right {
    margin-left: 35%;
}	
.register-content .label-right:last-child, .memberedit-editbox .label-right:last-child {
    width: 100%!important;
}	
.wishlist-table-content {
    padding: 20px 25px;
}	
.cart-address-data h1 {
    font-size: 24px;
}
.step-addressguide {
    margin-left: 35% !important;
}	
.company-logo {
    width: 18%;
}	
.cart-content-sub {
    border-bottom: none;
}	
.gift-box {
    margin: 0 5px 18px 5px;
	font-size: 19px;
}	
.btn-giftsend a {
    margin: unset;
}	
.send-to-gift {
    width: 100%;
	margin-bottom: 10px;
}	
.send-to-gift-detail {
    width: 100%;
}	
.send-to-gift-detail span {
    width: 70%;
}	
.logo {
    width: 15%;
}
#contianner, #contianer {
    padding: 120px 0 0 0;
}	
.btn-research-doc-active, .btn-research-video, .btn-research-doc, .btn-research-video-active {
    font-size: 27px;
    background-size: 25px;
}	
.menu-research a {
    margin: 0 5px 50px 5px;
}	
.btn-research-doc-active, .btn-research-video, .btn-research-doc, .btn-research-video-active {
	margin: 0;
}
.knowledge-table-list th, .knowledge-table-list h3 {
    font-size: 24px;
    line-height: 20px;
	padding: 10px 5px;
}
.knowledge-table-list td {
    padding: 10px 5px;
}
.knowledge-table-list td img {
    width: 15px;
}	
.knowledge-topic {
    font-size: 14px;
}	
ul.knowledge-video {
    margin-left: -5px;
}	
.fancybox-slide--video .fancybox-iframe {
    width: 100% !important;
    max-width: 100% !important;
}
.contact-left {
    width: 100%;
}	
.contact-right {
    width: 100%;
    padding-left: 0;
}	
.products-branch .box-text-productdetail {
    min-height: 145px !important;
}	
.box-cover-research, .box-cover-knowledge {
    width: 100%;
}
.box-cover-research-box {
    width: 90%;
}
.box-cover-research-box br, .box-cover-knowledge-box br {
    display: block;
}
#menumobile ul {
    padding-top: 127px !important;
}

#gp-boxprice {
	padding: 10px;	
}
.gp-day, #gp-boxprice, .gp-price {
    box-sizing: border-box;
}
.table-feedback .promo-text {
    width: 100%;
    padding: 15px 0;
    min-height: unset;
}
.table-feedback .promo-text {
    width: 100%;
    padding: 15px 0;
    min-height: unset;
}
.table-feedback td {
    padding: 10px 0;
}	
.page-knowledge .btn-search, .page-knowledge .btn-adv-search {
    width: 70px;
    margin-top: 0;
	float: unset!important;
}	
.menu-research a {
    width: 45%;
}	
.menu-research { display: none;}
.menu-research-mb { display: block!important; }
.menu-research-mb select { width:100%; -webkit-appearance: none; -moz-appearance: none;  padding:5px 10px; border:none; color:#ffffff; background:url(../images/icons/arrow-down.png) no-repeat right 10px center #552505; font-family: 'psl_kittithada_probold'; font-size: 24px; margin-bottom: 40px;}
.menu-research-mb select option { font-family:Tahoma !important; font-size:14px !important; }	
.member-content label, .member-content span {
    width: 100%;
}
.register-content label, .memberedit-content label {
    width: 100%;
}
.register-content input, .label-right, .register-content textarea, .register-content select, .memberedit-content input, .memberedit-content textarea, .memberedit-editbox .label-right, .memberedit-content select {
    width: 100%!important;
}	
.label-right, .memberedit-editbox .label-right {
    margin-left: 0;
}	
label.tax-edit {
    padding: 10px 0;
}	
.product-img-box {
    min-height: 195px;
}	
#pd-special .product-img-box {min-height: unset;}	
.slide-product-mb .owl-controls {
    bottom: 100px!important;
}
.slide-product-mb-inner .owl-controls {
    bottom: 90px !important;
}
.box-tel {
    display: flex;
}
.consent-policy-guest {
    width: 100%;
}
.btn-left {
    width: 100%;
}
.button-mb {
    margin-top: 15px!important;
}
br.show-568 {
    display:block;
}
#box-search .box-search {
    width: 90%;
}
}

@media only screen and (max-width:425px) {
    #service p {
        font-size: 20px;
    }
    #service img {
        width: 45%;
    }
}





@media screen and (max-width: 560px) {
ul.type li {
    margin: 0 0 10px 40px;
}
ul.news-topic-index li {
    width: 47%;
}	
}







/*------------------------End---------------------------*/


/* 533px*/	
		
@media screen and (max-width: 533px) {
ul.type li {
    width: 115px;
	margin: 0 0 10px 5px;
}
ul.type li a, ul.type li a:hover {
    height: 115px;
}		
ul.product-box {
    margin-left: -6px;
}	
.box-text-productdetail {
	min-height: 150px;
}#knowledge {
    padding-bottom: 100px;
}
ul.news-topic-index li {
    margin: 0 0 10px 15px;
}	
.review {
    width: 100%;
}	
ul.payment-list li img, ul.delivery-list li a img {
    width: 58px;
}	
.footer-sitemap2 {
    padding-bottom: 20px;
}	
.personal {
    margin: 0 100px;
}	
.box-text-news {
    min-height: 145px;
}
.content-formlogin a .btn-form, a .btn-facebook {
    width: 160px;
}	
.cart-price, .cart-fee, .cart-totalprice, .cart-delete, .wishlist-price, .wishlist-fee, .wishlist-delete {
    padding-top: 25px;
}	
.cart-amount, .wishlist-addcart, .wishlist-addcart, .wishlist-delete {
    padding-top: 15px;
}	
.cart-table-content, .wishlist-table-content {
    padding: 15px 15px;
}	
.cart-amount td.box-amount {
    width: 30px;
    height: 30px;
    padding: 10px;
}	
.step {
    font-size: 24px;
}
.step-circle {
    width: 30px;
    height: 30px;
    padding: 0;
	margin: 5px auto 0 auto;
}	
.step {
    width: 110px;
}	
.step-line {
    width: 70%;
}	
table.order-table tr {
    margin-right: 0;
    width: 100%;
}
#contianner, #contianer {
    padding: 115px 0 0 0;
}
.menu-research a {
    width: 45%;
    margin: 0 2px 50px 2px;
}	
ul.knowledge-video li {
    margin-left: 10px;
}
.cover-video {
    height: 55%;
}
	
}


@media screen and (max-width: 525px) {
.menu-member a {
    width: 48.7%;
}
.step {
    width: 105px;
}
ul.news-box li, .grid li {
    width: 46.5%;
}	
}





@media screen and (max-width: 519px) {
ul.product-box li {
    margin-bottom: 8px;
    margin-left: 8px;
}
ul.type li {
    margin: 0 0 10px 30px;
}	
}


@media screen and (max-width: 500px) {
.step {
    width: 100px;
}	
}



/*------------------------End---------------------------*/


/* 480px*/	
		
@media screen and (max-width: 480px) {
ul.type li {
    width: 105px;
	 margin: 0 0 0 2px;
}
ul.type li a, ul.type li a:hover {
    height: 105px;
}		
ul.product-box li {
    width: 47%;
	margin-left: 0;
	margin-right: 10px;
}	
.news-content {
    width: 95%;
}	
.box-text-news {
    min-height: 140px;
}	
#knowledge {
    padding-bottom: 230px;
    background: url(../images/bg-knowledge.png) no-repeat top center;
    background-size: cover;
}	
.customer-text {
    font-size: 28px;
}	
.personal {
    margin: 0 65px;
    width: 65%;
}	
.footer-payment {
    width: 100%;
	text-align: center;
}
.footer-delivery {
    width: 100%;
	margin-top: 15px;
	text-align: center;
}
ul.delivery-list {
    margin: 10px 0 0 0;
}
ul.payment-list {
    margin: 10px 0 0 0;
}	
ul.payment-list li, ul.delivery-list li a, ul.delivery-list li {
    float: unset;
    display: inline-block;
	margin-left: 0;
}	
ul.payment-list li img, ul.delivery-list li a img {
    width: 70px;
}	
.site-map li a, .text-company {
    font-size: 24px;
}	
ul.site-sub li a {
    font-size: 14px;
}	
.block-sitemap:first-child {
    width: 22%;
}
.block-sitemap {
    width: 39%;
}	
.about-text {
    width: 83%;
}		
.select-search-style, .input-search-style {
    width: 100%;
    margin-right: 0;
}		
.select-search-style select, .input-search-style {
    margin-bottom: 10px;
}	
#search-avd-box {
    padding: 25px 35px;
}	
.page {
    width: 40%;
}	
ul.news-box li {
    margin-bottom: 10px;
    margin-left: 10px;
}	
.content-formlogin a .btn-form, a .btn-facebook {
    width: 145px;
}	
.step {
    width: 97px;
}
.box-cart-nextstep {
    width: 65%;
}
.member-content label {
    width: 30%;
}	
.member-content span {
    width: 65%;
}	
.tax-box label, .tax-box span {
	width: 100%;	
}	
.menu-member a {
    margin: 0 8px 8px 0;
    width: 48%;
}
.member-boxleft, .member-boxright {
    margin-bottom: 10px;
}	
.cart-amount, .wishlist-addcart, .wishlist-addcart, .wishlist-delete {
    padding-top: 10px;
}	
.cart-address-box label {
    width: 100%;
}
.cart-address-box span {
    width: 100%;
}	
.cart-address-box .add-address label, .cart-address-box .edit-address-tax label {
    width: unset;
}	
.cart-address-box .memberedit-content {
    padding: 30px 0;
}	
.add-address {
    margin: 30px 0;
}	
.cart-address-box .memberedit-editbox label {
    width: 30%;
}	
.step-addressguide {
    margin-left: 30% !important;
}
.gift-box {
    margin: 0 5px 18px 5px;
    font-size: 21px;
    width: 47%;
}	
#contianner, #contianer {
    padding: 110px 0 0 0;
}	
#menumobile ul {
    padding-top: 110px !important;
}
.grid li {
    width: 45%;
}	
.knowledge-topic {
    font-size: 14px;
}	
.knowledge-table-list td {
    font-size: 12px;
}	
.knowledge-table-list th, .knowledge-table-list h3 {
    font-size: 21px;
}
.menu-research a {
    width: 48%;
    margin: 0 2px 50px 2px;
}
.cover-video {
    height: 50%;
}	
.menu-video h3 {
    font-size: 27px;
}	
.menu-video a, .menu-video a:hover {
    margin: 0 10px;
}	
.table-feedback .promo-text input {
    display: block;
	margin: 0 auto;
}	
.gitlogo {
    padding-left: 15px;
}
ul.product-box {
    margin-left: 0;
	width: 104%;
}	
.product-img-box {
    min-height: 165px;
}
#privancy .text-head {
    font-size: 22px;
}
#privancy .accordion {
    padding: 15px;
}
#privancy .panel {
    padding: 0 20px;
}
#privancy h2, #privancy h3 {
    font-size: 25px;
}
.accordion-titel {
    padding: 15px;
}
.accordion-contant {
    padding: 20px;
}
.menu-policy a {
    display: block;
    margin-right: 0;
}
.button-mb {
    margin-top: 10px!important;
}
.contact-social .contact {
    display: block;
}
.contact-social .contact .link {
    margin-left: 0;
}
.contact-social .contact a {
    margin-top: 10px;
}
.ml-10 {
    margin-left: 0px !important;
}
.tab-detail button {
    padding: 10px 10px;
}	
}

/*------------------------End---------------------------*/


@media screen and (max-width: 469px) {
.step {
    width: 90px;
}
ul.type li {
    margin: 0 0 10px 25px;
}
.popup-fes-pc {display: none!important;}
.popup-fes-mb {display: block!important;}

}



@media screen and (max-width: 439px) {
.step {
    width: 85px;
    min-height: 101px;
    vertical-align: top;
}
.step h5 {
	line-height: normal;
}
}

@media screen and (max-width: 425px) {
.slide-product-mb.owl-carousel .owl-item, .slide-product-mb-inner.owl-carousel .owl-item  {
    width: 135px !important;
}
.menu-product-mb-inner {
    padding: 10px;
}
.discount {
    font-size: 11px;
    padding: 3px;
}
}

@media screen and (max-width: 420px) {
.step {
    width: 80px;
}
.menu-member a {
    width: 47%;
}
.step-line {
    width: 65%;
}
ul.news-box li {
    width: 47%;
}	
.box-text-news {
    min-height: 160px;
}	
}

/* 414px*/	

@media screen and (max-width: 414px) {
.owl-theme .owl-controls {
    bottom: 0 !important;
}
.gp-day {
    padding: 15px 15px;
}	
.gp-price {
    padding: 0 15px;
}	
ul.type li {
    width: 115px;
    margin: 0 0 10px 15px;
}	
ul.type li a, ul.type li a:hover {
    height: 115px;
}	
.text-title {
    padding-top: 40px!important;
}	
#cate-select, #knowledge {
    padding-bottom: 40px;
}	
.review {
    padding: 35px 35px;
}	
.block-sitemap:first-child, .block-sitemap {
    width: 100%;
}	
ul.site-map {
    width: 100%;
}	
.block-sitemap:first-child ul.site-sub li a {
    width: 20%;
    float: left;
    margin-right: 0;
	text-align: left !important;
}
ul.site-sub li a {
    width: 100%;
    margin-right: 0;
}	
ul.site-map {
    margin: 0 0 10px 0;
}	
.show-414 {
	display: block!important;
}	
.block-QRcode {
    width: 27%;
}	
p.about-talk {
    display: none;
}	
.hide-414 {
    display: block!important;
}
.about-text {
    width: 100%;
    font-size: 24px;
	margin-top: 0;
	line-height: 30px;
}
.about-text	span {
	display: inline-block!important;
	font-size: 40px;
}
.about-content {
    font-size: 14px;
}	
.box-mile-detail, .box-mile-detail-right {
    padding: 15px 20px;
}				
.select-search-style select, .input-search-style {
    border-radius: 0;
}	
.page {
    width: 50%;
}	
.box-promo-left, .box-promo-right {
    width: 100%;
}	
.promo-text {
    min-height: unset;
}	
ul.news-box {
    margin-left: 0;
}	
ul.news-box li, ul.news-topic-index li {
    margin-bottom: 10px;
    margin-left: 0;
    width: 100%;
}	
.box-text-news {
    min-height: unset;
}	
.link-forgot {
    width: 35%;
}
.checkbox-box {
    width: 65%;
}	
.content-formlogin a .btn-form, a .btn-facebook {
    width: 100%;
    margin: 0 0 10px 0;
}	
.box-btn {
    margin-top: 25px;
}	
.box-btn hr {
    width: 27%;
}	
.btn-long-form {
    width: 100% !important;
	margin-top: 20px!important;
}	
a .btn-facebook {
    margin: 0 0 20px 0;
}	

.step {
    width: 81px;
}
.step-line {
    width: 63%;
}	
.step-circle {
    width: 40px;
    height: 40px;
    padding: 5px 0;
    margin: 0 auto;
}	
.cart-table-head, .wishlist-table-head, .cart-table-head h2 {
    font-size: 16px;
}	
.cart-table-content, .wishlist-table-content {
    font-size: 12px;
}	
.cart-amount td.box-amount {
    width: 25px;
    height: 25px;
    padding: 10px;
}	
.total-price label, .total-price span, .total-price {
    font-size: 22px;
}	
.label-detail {
    font-size: 20px;
}	
.total-price-all {
    font-size: 25px;
}	
.box-cart-nextstep {
    width: 77%;
}	
.total-price {
    margin: 5px 15px 30px 0 !important;
}	
.total-price:first-child {
    margin: 15px 15px 0 0 !important;
}	
.cart-table-mb {
	width: 100%;
	display: block!important;
	text-align: left;
	font-size: 27px;
	background-color: #154571;
    color: #ffffff;
	padding: 10px 20px;
	font-weight: normal;
	box-sizing: border-box;
	font-family: "psl_kittithada_probold";
	line-height: 30px;
}
.cart-table-head, .wishlist-table-head {
    display: none;
}	
.cart-price, .cart-fee, .cart-totalprice, .cart-amount, .wishlist-addcart {
	width: 20%;	
	padding-top: 15px;
}
.wishlist-price, .wishlist-fee, .wishlist-addcart {
	width: 30%;	
	padding-top: 15px;
	text-align: left;
}
.wishlist-addcart {
	text-align: center;
}
.cart-fee, .wishlist-fee {
	width: 35%;	
}
.cart-amount span {
	padding-top: 0;
	margin-bottom: 5px;
}	
.cart-delete, .wishlist-delete {
    width: 91%;
    padding-top: 0;
    position: absolute;
	top: 5px;
	text-align: right;
}
.cart-product, .wishlist-product {
    width: 100%;
}	
.cart-table-content, .wishlist-table-content {
    font-size: 14px;
}	
.cart-table-content span, .wishlist-table-content span {
    min-height: 30px;
    margin-bottom: 15px;
}	
.cart-table-content, .wishlist-table-content {
    padding: 35px 15px;
	position: relative;
}	
.step {
    width: 92px;
	margin: 0;
}	
.menu-member a {
    padding: 25px 20px;
    min-height: 150px;
}
.menu-member a span {
    line-height: 25px;
}	
.menu-member a {
    margin: 0 3px 3px 0;
    width: 49%;
}	
	
.register-content h2 {
    margin-bottom: 5px;
}		
	
.wishlist-addcart img {
    width: 40px!important;
}	
.step3-box .cart-amount span {
    padding-top: 0;
}	
.step-addressguide {
    margin-left: 0 !important;
}	
.cart-address-box .memberedit-editbox label {
    width: 100%;
}	
.cart-content h1, .cart-content h2 {
    font-size: 24px;
}	
.company-logo {
    width: 30%;
    margin: 0 auto 20px auto;
    float: unset;
}	
.company-address {
    padding: 0 0 0 0;
    width: 100%;
}	
.cart-content-sub {
    padding-bottom: 20px;
    margin-bottom: 0;
}	
.title-order {
    width: 40%;
}	
.detail-order {
    width: 50%;
}	
.tab-price-border {
    padding-bottom: 15px;
}	
.icon-top-member-mb {
    text-align: left;
}	
.icon-member-mb {
    display: block;
    margin-left: 0;
    margin-bottom: 10px;
}
.button-mb {
    margin-top: 5px!important;
}
.logo {
    margin-left: 10px;
}	
#menumobile #head-mobile {
    padding-right: 10px !important;
}	
/*#contianner, #contianer {
    padding: 110px 0 0 0;
}*/	
.grid li {
    width: 100%;
    margin-left: 0;
}	
.box-text-knowledge, .knowledge-topic {
    height: auto;
}	
.box-knowledge-left {
    width: 100%;
}	
.knowledge-detail-title {
    font-size: 30px;
}	
.knowledge-table-list td img {
    display: block;
    margin: 0 auto;
    float: unset;
}	
.btn-research-doc-active {
    background: url(../images/icons/doc-download-active.png) no-repeat #552505 20px 25px;
}
.btn-research-doc {
    background: url(../images/icons/doc-download.png) no-repeat #ffffff 20px 25px;
}
.btn-research-video {
    background: url(../images/icons/btn-video.png) no-repeat #ffffff 30px 25px;
}
.btn-research-video-active {
    background: url(../images/icons/btn-video-active.png) no-repeat #552505 30px 25px;
}	
.btn-research-video, .btn-research-doc, .btn-research-video-active, .btn-research-doc-active {
    font-size: 24px;
    background-size: 23px;
    padding: 20px 15px 20px 50px;
}

table.knowledge-table-list {
    margin-top: 40px;
}
ul.knowledge-video li {
    width: 46%;
}	
ul.knowledge-video .clear {
    display: none;
}	
ul.knowledge-video li {
    margin-left: 15px;
}	
ul.knowledge-video {
    margin-left: -10px;
}	
/*#menumobile #head-mobile {
    min-height: 100px;
}*/
/*#menumobile ul {
    padding-top: 100px!important;
}*/
#menumobile ul ul li a {
    padding: 10px 0 0 10px !important;
}
#menumobile ul li:first-child {
    padding-bottom: 0;
}
.icon-top-lang-mb img {
    vertical-align: middle;
}
.text-title-mb {
    padding-top: 0!important;
}	
.text-howto {
    font-size: 24px;
}	
.text-howto img {
    width: 100px !important;
}	
.contact-text {
    width: 85%;
    margin-bottom: 15px;
}	
.contact-box {
    width: 100%;
    margin-top: 20px;
}	
.gg-map {
    margin-top: 10px;
}	
.personal img {
    margin: 0 10px 0;
	display: inline-block;
	vertical-align: middle;
	float: unset;
}	
.personal p {
    vertical-align: middle;
	display: inline-block;
}
.personal {
    margin: 0;
    width: 85%;
    left: 5%;
    text-align: center;
}
.cart-amount span {
    margin-bottom: 5px!important;
}
.products-branch .box-text-productdetail {
    padding: 5px 10px;
}
ul.menu-branch li .text-type {
    padding: 0 0 0 10px;
    min-width: 150px;
    text-align: left;
	padding-top: 7px;
}	
ul.menu-branch li a {
    line-height: normal;
}	
ul.menu-branch li img {
    padding: 0;
}	
ul.menu-branch li a, ul.menu-branch li a:hover {
    padding: 5px 0 0px 7px;
}	
.content-formlogin label {
    margin-left: 0;
}	
.step3-box .cart-amount span.show-414 {
    margin-bottom: 15px !important;
}
.cart-conntent {
    padding-top: 50px;
}
.gp-title-header {
	padding-top: 5px!important;	
}
.tab-social {
    width: 30px;
}
.text-title-research {
    margin: 0 0 5px 0;
}
.box-cover-knowledge-box {
    width: 90%;
}
.gp-title-header { 
	font-size: 18px;
	line-height: 21px;
}	
.table-feedback img {
    width: 35%;
}	
.table-feedback .promo-text {
    font-size: 21px;
}
.table-feedback textarea {
    width: 90%!important;
}
.block-address {
    width: 100%;
}
.block-QRcode {
    padding-left: 0;
}
.gitlogo {
    padding-left: 25px;
    width: 35%;
}
ul.product-box {
    margin-left: 0;
	width: 104%;
}	
ul.product-box li a {
    margin-right: 0;
}	
.product-id, .product-name {
    font-size: 12px;
}	
.box-text-productdetail {
    padding: 10px;
}	
.box-text-productdetail {
    min-height: 140px;
}
.news-topic-index {
    min-height: unset;
}
.gp-title-header {
    font-size: 15px;
	line-height: 18px;
	padding: 0!important;
}	
#cate-pic {
    margin-top: 0;
}
.menu-product-mb {
    padding: 0 65px;
}
.slide-product-mb .owl-prev {
    margin-left: 0;
    left: -50px;
}
.slide-product-mb .owl-next {
    margin-right: 0;
    right: -50px;
}
.menu-product-mb-inner {
    padding: 20px 65px;
}
.slide-product-mb-inner .owl-prev {
    margin-left: 0;
    left: -50px;
}
.slide-product-mb-inner .owl-next {
    margin-right: 0;
    right: -50px;
}	
#cate-select {
    padding-bottom: 0;
}
.slide-product-mb .owl-controls {
    bottom: 100px !important;
}
.slide-product-mb-inner .owl-controls {
    bottom: 90px !important;
}	
.slide-product-mb  {
    margin-bottom: 25px;
}
.label-sale img {width: 40px!important;}
.box-step-status {
    width: 100%;
}
.step-line-status {
    width: 70%;
}
.logo-view img {
    width: 100px;
}
.tel {
    display: flex;
    margin-bottom: 15px;
}
.pt-0 {
    padding-top: 40px;
}
.slide-product-mb.owl-carousel .owl-item {
    width: 145px !important;
}
.tab-detail button {
    line-height: 20px
}	
}
/*------------------------End---------------------------*/


@media screen and (max-width: 412px) {
#promo_code {
    width: 100%;
	border: 1px solid #b3b3b3;
}

}

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

}

@media screen and (max-width: 403px) {
ul.type li {
    width: 30%;
    float: left;
}	
}



@media screen and (max-width: 400px) {
.step {
    width: 85px;
    min-height: 101px;
    vertical-align: top;
}
.step h5 {
	line-height: normal;
}	
}



@media screen and (max-width: 393px) {
ul.type li a, ul.type li a:hover {
    height: 110px;
}
.step {
    width: 90px;
}	
.total-price label {
    width: 34%;
}	
.total-price span {
    width: 52%;
}
.box-cart-nextstep {
    width: 78%;
}
.gift-box {
    width: 46.8%;
}	
.member-content .member-content {
    padding: 0;
}	
.send-to-gift-detail label {
    width: 100%;
}	
.send-to-gift-detail span {
    width: 100%;
}	
label.tax-edit br {
    display: none;
}	
.research-calendar {
    height: 41px;
}	
.product-img-box {
    min-height: 140px;
}	
.step-line-status {
    margin-left: 45px;
}
.slide-product-mb.owl-carousel .owl-item, .slide-product-mb-inner.owl-carousel .owl-item {
    width: 140px !important;
}
.menu-product-mb-inner {
    padding: 10px 50px;
}	
}

/* 375px*/

@media screen and (max-width: 375px) {		
.text-title, .font-catetitle2 {
    font-size: 37px;
}	
.font-catedetail, .box-knowledge {
    font-size: 24px;
}	
/*ul.product-box li, ul.product-box li a {
    width: 100%;
    margin-left: 0;
	margin-right: 0;
	display: block;
	box-sizing: border-box;
}*/	
ul.product-box {
    margin-left: 0;
}	
ul.news-topic-index li {
    width: 100%;
    margin: 0 0 10px 0;
}	
.news-topic-index, .box-text-news {
    min-height: unset;
}	
.about-text {
    width: 92%;
    line-height: 27px;
}		
.flex-direction-nav .flex-next {
    right: -10px !important;
}	
.flex-direction-nav .flex-prev {
    left: -10px !important;
}	
.checkbox-box, .link-forgot {
    width: 50%;
}	
.content-formlogin {
    width: 80%;
}	

.active-step-line {
    margin-left: 40px;
}	
.step-line {
    width: 75%;
    margin-left: 30px;
}	
.cart-amount td.box-amount {
    width: 15px;
    height: 15px;
    padding: 6px;
}	
.cart-table-content span, .wishlist-table-content span {
    min-height: 50px;
}	
.cart-amount span {
    min-height: 40px;
}	
.cart-table-mb {
    padding: 10px 20px;
}
.total-price label, .total-price span, .total-price {
    font-size: 20px;
}
.total-price {
    width: 95%;
}
.total-price:first-child {
    margin: 15px 5px 0 0 !important;
}
.total-price {
    margin: 15px 10px 30px 0 !important;
}
.box-cart-nextstep {
    width: 91%;
}

.member-content h1, .member-boxfull h1, .member-content h2, .member-boxfull h2 {
    font-size: 28px;
}	
.register-content, .memberedit-content {
    padding: 25px 20px;
}	
.label-right .btn-form, .memberedit-editbox .label-right .btn-form {
    width: 120px;
}
.btn-left .btn-form {
    width: 120px;
}		
.gift-box {
    margin: 0 0 18px 0;
    width: 100%;
}	
.send-to-gift-detail label {
    width: 35%;
}	
.send-to-gift-detail span {
    width: 65%;
	min-height: unset;
}	
/*#contianner, #contianer {
    padding: 95px 0 0 0;
}*/	
.knowledge-table-list td {
    line-height: 15px;
}	
.knowledge-table-list td img {
    margin: 0 auto 5px auto;
}	
ul.knowledge-video li {
    margin-left: 14px;
}	
.menu-video h3 {
    font-size: 24px;
}
.menu-video a, .menu-video a:hover {
    margin: 0 5px;
}		
.personal img {
    width: 60px;
}	
.cart-table-content span, .wishlist-table-content span {
    margin-bottom: 0;
}
.products-branch .box-text-productdetail {
    padding: 15px 20px;
}		
.step3-box .cart-amount span.show-414 {
    margin-bottom: 10px !important;
}
.box-cover-knowledge-box br {
    display: none;
}
#contianner, #contianer {
    padding: 90px 0 0 0;
}	
#menumobile ul {
    padding-top: 95px !important;
}
.box-text-productdetail {
    min-height: 130px;
}
ul.type li {
    margin: 0 0 10px 10px;
}	
ul.type li a, ul.type li a:hover {
    height: 105px;
}	
.step {
    width: 80px;
}
.product-img-box {
    min-height: 130px;
}
.product-price-discount {
    font-size: 16px;
}
}




@media screen and (max-width: 368px) {
}	





/*------------------------End---------------------------*/


/* 360px*/	
		
@media screen and (max-width: 360px) {
ul.type li {
    width: 120px;
    margin: 0 0 15px 40px;
}
ul.type li a, ul.type li a:hover {
    height: 120px;
}
.box-knowledge {
    width: 80%;
}		
#search-avd-box {
    padding: 20px 25px;
}	
.amount-left {
    width: 20%;
}	
.promo-detail-title h1 {
    font-size: 27px;
}	
.total-price img {
    width: 30px;
}	
.step {
    width: 80px;
    margin: 0 0 0 0;
}
.menu-member a {
    padding: 20px 10px;
    min-height: 140px;
}	
.select-address-delivery {
    width: 80%;
}	
.cart-address-box {
    padding: 30px 15px;
}	
.logo {
    width: 20%;
}	
/*#contianner, #contianer {
    padding: 110px 0 0 0;
}*/	
ul.knowledge-video li {
    margin-left: 0;
    width: 100%;
}	
ul.knowledge-video {
    margin-left: 0;
}	
.box-text-knowledge-video {
    min-height: unset;
	margin-top: 0;
}	
.cover-video {
    height: 80%;
}
/*#menumobile ul {
    padding-top: 105px!important;
}
}*/
.contact-right .contact-form {
    width: 100%;
    padding-right: 0;
    margin-right: 0;
    box-sizing: border-box;
}	
.contact-right .btn-re-code {
    margin-right: 0;
}
.personal img {
    margin: 0 auto;
}
#contianner, #contianer {
    padding: 105px 0 0 0;
}
#menumobile ul {
    padding-top: 105px !important;
}		
.product-id, .product-name {
    font-size: 11px;
}
.product-img-box {
    min-height: 125px;
}	
}

/*------------------------End---------------------------*/

@media screen and (max-width: 350px) {
.step {
    width: 75px;
}	
}

@media screen and (max-width: 337px) {
ul.product-box li {
    width: 46%;
}
}

/* 320px*/	
		
@media screen and (max-width: 329px) {
ul.type li {
    margin: 0 0 15px 20px;
}
.store img {
    width: 28%;
}
.review {
    padding: 35px 10px;
}	
	
.block-sitemap:first-child ul.site-sub li a {
    width: 26%;
}	
.block-QRcode {
    width: 35%;
}		
.subpdmenu a {
	min-width: 118px!important;	
}
.submenu-active {
    border: none!important;
}	
.flex-direction-nav .flex-next {
    right: -5px !important;
    width: 30px;
    height: 30px;
    background-size: 100%;
}	
.flex-direction-nav .flex-prev {
    left: -5px !important;
    width: 30px;
    height: 30px;
    background-size: 100%;
}	
.cart-amount td.box-amount {
    width: 20px;
    height: 20px;
}	
.total-price label {
    width: 44%;
    margin-right: 0;
}
.total-price span {
    width: 42%;
}	
.box-cart-nextstep {
    width: 100%;
}	
.step {
    width: 70px;
}	
.btn-cart {
    margin-left: 5px;
}	
.title-order {
    font-size: 22px;
}	
.detail-order {
    font-size: 20px;
}	
.send-to-gift-detail label {
    width: 40%;
}	
.send-to-gift-detail span {
    width: 60%;
    margin-bottom: 10px;
}		
	
.icon-top-member-mb img {
    width: 25px;
}	
.page {
    width: 55%;
}	
.cover-video {
    height: 75%;
}

/*#menumobile ul {
    padding-top: 100px!important;
}*/
/*#contianner, #contianer {
    padding: 100px 0 0 0;
}*/
.contact-content {
    padding: 25px 20px;
}
.menu-member a {
    padding: 20px 10px 10px 10px;
    min-height: 140px;
}
.box-btn hr {
    width: 25%;
}
.checkbox-box label {
    margin-left: 0;
}
.personal img {
    display: block;
}
.cart-amount span {
    margin-bottom: 4px !important;
}
#promo_code {
    margin-left: -25px;
}
.first-promo-text {
    font-size: 24px;
}
.cart-feed {
    padding: 30px 0!important;
}
ul.product-box li {
    width: 46%;
}
.box-text-productdetail {
    min-height: 150px;
}	
.product-img-box {
    min-height: 110px;
}
.box-text-productdetail {
    min-height: 135px;
}	
}
/*------------------------End---------------------------*/