/*-----------------------------------*
  English style text
\*------------------------------------*/
@charset "UTF-8";
.myriad-text {
    font-family: 'myriad-set-pro_text';
    font-weight: normal;
}
@font-face {
    font-family: "myriad-set-pro_text";
    src: url('../fonts/myriad-set-pro_text.eot');
    src: url('../fonts/myriad-set-pro_text.eot?#iefix') format('embedded-opentype'), url('../fonts/myriad-set-pro_text.svg#Myriad Set Pro') format('svg'), url('../fonts/myriad-set-pro_text.woff') format('woff'), url('../fonts/myriad-set-pro_text.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.myriad-med {
    font-family: 'myriad-set-pro-500-medium';
    font-weight: normal;
}
@font-face {
    font-family: "myriad-set-pro-500-medium";
    src: url('../fonts/myriad-set-pro-500-medium.eot');
    src: url('../fonts/myriad-set-pro-500-medium.eot?#iefix') format('embedded-opentype'), url('../fonts/myriad-set-pro-500-medium.svg#Myriad Set Pro') format('svg'), url('../fonts/myriad-set-pro-500-medium.woff') format('woff'), url('../fonts/myriad-set-pro-500-medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.myriad-pro {
    font-family: 'myriad-set-pro_semibold';
    font-weight: normal;
}
@font-face {
    font-family: "myriad-set-pro_semibold";
    src: url('../fonts/myriad-set-pro_semibold.eot');
    src: url('../fonts/myriad-set-pro_semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/myriad-set-pro_semibold.svg#Myriad Set Pro') format('svg'), url('../fonts/myriad-set-pro_semibold.woff') format('woff'), url('../fonts/myriad-set-pro_semibold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*-----------------------------------*
    Brand color & elments
\*------------------------------------*/
::-webkit-input-placeholder {color: #5C3C2D;}
:-moz-placeholder {color: #5C3C2D;}
::-moz-placeholder {color: #5C3C2D;}
:-ms-input-placeholder {color: #5C3C2D;}
::-moz-selection {background: #fec54e;color: #fff;}
::selection {background: #fec54e;color: #fff;}
.ie-placeholder { color: #5C3C2D; }

a[href^="mailto:"] {color: #fad000;}
a[href^="http:"] {color: #2e1206;}
a[class="tel"]{color: #fad000;}
a[class="pop"] {color: #fad000;border-bottom: 1px #fad000 solid;}
a[class="popup"]{color: #2e1206;}
a[class="btn-pop"]{display: block;}
.btn-link {display: inline-block;}
.btn-link img {width: auto;height: 48px;}
img, img.svg {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-o-user-select: none;user-select: none;pointer-events: none;}
img.ajax{padding: 7px 0; ;height: auto;display: table;text-align: center;margin: 0 auto;display: none;}
/* ==========================================================================
   /* =Preloader
   ========================================================================== */
#preloader {display:none;-webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;position: fixed;width: 100%;height: 100%;z-index: 999;top: 0;background-color: #fad000;}
#preloader .wrap {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
#preloader .txt{min-height: 90px;padding-top: 40px;}
#preloader .txt-perc {font-size: 3em;font-family: Helvetica, Helvetica Neue, Arial, sans-serif;opacity: 1;margin: 0 0 6px 0;max-width: 400px;text-align: center;letter-spacing: 3px;}
#preloader .txt .well{   font-family:'myriad-set-pro-500-medium' sans-serif;text-align: center;font-size: 1.9em;padding: 10px 0 0;}
#preloader .progress {width: 140px;height: 3px;background-color: rgba(85, 48, 6, 0.5);margin: 0 auto 15px auto;}
#preloader .progress span {display: block;width: 0;height: 100%;background-color: rgb(85, 48, 6);}
#preloader.is-hidden {visibility: hidden;display: none;opacity: 0;}
.is-loading {overflow: hidden;}
/*loading*/
.r {display: block;width: 48px;height: 48px;margin: 0 auto;z-index: 2;animation-delay: .1s;animation: bounce .5s cubic-bezier(.68, .06, .68, .42) infinite alternate;position: relative;will-change: transform;}
@keyframes bounce {0%, 10% {top: 20px;transform: scaleX(1) scaleY(1.15);}100% {top: 50px;transform: scaleX(1.15) scaleY(1);}}
.shadow {position: relative;top: 42px;margin: 0 auto;border-radius: 50%;width: 100px;height: 28px;background-color: rgba(0,0,0,0.5);animation: fade .5s cubic-bezier(.68, .06, .68, .42) infinite alternate;}
@keyframes fade {0%, 40% {opacity: 0;width: 0px;height: 0px;}100% {opacity: 0.4;width: 55px;height: 12px;filter: blur(1px);}}
/*------------------------------------*
    Hero Banner
\*------------------------------------*/
.slide img {width: auto;}
.arrow {position: absolute;bottom: 10%;cursor: pointer;left: 50%;z-index: 98;margin-left: -20px;width: 50px;height: 50px;background: url(../images/img/icon/icon-scroll.svg)no-repeat;background-size: contain;}

.arrow-wrap{max-height: 90vh;width: 100%;position:absolute; }
.hero-banner .slide img {width: 100%;display: block;}
.hero-banner {max-height: 90vh;width: auto;position: relative;overflow: hidden;z-index: 90;display: block;}
.hero-banner.desktop .slick-slider {height: 100%;}
.hero-banner.desktop .slide .bgImg {padding-bottom: 52%;background: no-repeat center top;background-size: cover !important;}
.hero-banner.mobile{display: none;}

/*sub banner */
.hero-desc-banner .contact_no {border-radius: 10px;background: rgba(255, 255, 255, .3);display: inline-block;padding: 10px 30px;margin-top: 20px;}
.hero-desc-banner .text .svg {margin-bottom: 0;}
.hero-desc-banner .text {width: 40%;margin: 50px 0;margin-right: 10%;margin-top: 100px;margin-bottom: 100px;float: right;}
.hero-desc-banner .text.left{float:left;}
.hero-sub-banner .hero-overlay {position: absolute;top: 0;left: 0;background: rgba(0,0,0,1);right: 0;z-index: 9;opacity: 0;bottom: 0;}
.hero-sub-banner .slide .title {z-index: 8;text-align: center;}
.hero-sub-banner .slide {background-size: cover;display: block;width: 100%;position: absolute;padding-bottom: 350px;}
.hero-sub-banner .slide.current {opacity: 1;}
.hero-sub-banner .svg{margin: 0 auto;}
.hero-sub-banner {display: block;padding-bottom: 350px;overflow: hidden;position: relative;background: #523528;width: 100%;}

/*------------------------------------*
   Product slider
\*------------------------------------*/
.product-wrap {padding: 20px 0 0;}
.product-wrap .product-slider {text-align: left;}
.product-wrap li {max-width: 30%;padding: 0 24px;vertical-align: top;text-align: center;display: inline-block;position: relative;}
.product .product-wrap li p{max-width: 180px;margin:0 auto;}
.product-wrap li  img{width: 100%;margin: 0 auto;max-width: 200px;}

.product-wrap .content-wrap section p {text-align: center;line-height: 1.6;}
.product-wrap .content-wrap section {padding: 2em 0;}
.product-wrap .icon {position: absolute;left: 50px;z-index: 10;}
.product-wrap .pull-right{float: right!important;}
.product-wrap .right {float: right;}
.product-wrap .slick-list:after {display: block;right: 0;position: absolute;background-image: linear-gradient(to right,rgba(254, 249, 243,0) 0%, rgba(254, 249, 243,.5) 100%);top: -20px;z-index: 9;width: 100px;content: "";height: 140%;}
.product-wrap .slick-list:before {display: block;position: absolute;background-image: linear-gradient(to left,rgba(254, 249, 243,0) 0%, rgba(254, 249, 243,.5) 100%);top: -20px;z-index: 9;width: 100px;content: "";height: 140%;left: 0;}
/*------------------------------------*
    Fix button
\*------------------------------------*/

.btn-fix .svg {height: 30px;width: 30px;}
.btn-fix .wrap >a {margin: 20px 0;display: block;}
.btn-fix .wrap {transition-duration: .3s;list-style: none;margin: 0;display: table-cell;vertical-align: middle;}
.btn-fix div.circle p {font-size: 0.667em;color: #411a09;font-family: "myriad-set-pro_semibold";}
.btn-fix div.circle {background: #fff;padding: 10px 8px;text-align: center;border: 8px solid #ffcb02;}
.btn-fix {display: table;position: fixed;right: 2%;top: 27.5%;z-index: 100;transition: all .3s ease;}
.btn-member .svg {height: 34px;width: 34px;}
.btn-location p{padding-top: 5px;}
/*----------------------------------
    Default tab style
\*------------------------------------*/
.tabs nav a img {vertical-align: middle;}
.tabs nav a p {vertical-align: middle;font-size: 1em;font-weight: bold;}
.tabs nav a {position: relative;display: inline-table;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 1;font-size: 1em;padding: 12px 0;color: #3e1909;}
.tabs nav a:focus {outline: none;}
.tabs nav a:hover{opacity:1;}
.tabs nav ul li {position: relative;z-index: 1;display: inline-block;margin: 0;padding: 0;}
.tabs nav ul {position: relative;text-align: right;margin: 0 auto;padding: 0;list-style: none;border-bottom: 1px solid #ece5de;}
.tabs {position: relative;overflow: hidden;margin: 0 auto;width: 100%;}

.show-mobile,
.f-tab .show-mobile,
.f-tab.show-mobile{display: none;}
/* Content */
.content-wrap section p {margin: 0;padding: 15px 0;font-size: 0.778em;line-height: 1;text-align: left;letter-spacing: 1px;}
.content-wrap section {display: none;margin: 0 auto;text-align: center;padding-bottom: 40px;}
.content-wrap section.content-current {display: block;}
.content-wrap {position: relative;}

/*****************************/
/* Moving Line */
/*****************************/
.tabs-style-linemove nav a {color: #afa39d;-webkit-transition: color 0.3s, -webkit-transform 0.3s;transition: color 0.3s, transform 0.3s;}
.tabs-style-linemove nav li.tab-current ::before {position: absolute;bottom: 0;left: 0;width: 100%;height: 3px;background: #2e1206;content: '';-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;}
.tabs-style-linemove nav li.tab-current a {color: #3e1909;-webkit-transform: translate3d(0,2px,0);transform: translate3d(0,2px,0);}
.tabs-style-linemove.tabs {padding-bottom: 30px;border-bottom: 1px solid #eee;}
.tabs.tabs-style-linemove nav li {padding: 0 20px;}
/*****************************/
/* Bar */
/*****************************/
.tabs-style-bar nav ul li a {transition: background-color 0.2s, color 0.2s;padding: 24px 0;}
.tabs-style-bar nav ul li a.tab-current {color: #fff;}
.tabs-style-bar nav ul li a:hover, .tabs-style-bar nav ul li a:focus {opacity: .5;}
.tabs-style-bar nav ul {border: 4px solid transparent;}
.tabs-style-bar nav {background: rgba(40,44,42,0.05);}
/*****************************/
/* Flip */
/*****************************/
.tabs-style-flip .content-wrap {background: #fff;}
.tabs-style-flip .content-wrap{border-top:0;}
.tabs-style-flip nav .tab-current a {border: 1px solid #fad000;border-bottom: 1px solid #fff;background:#fff;}
.tabs-style-flip nav a {padding: 1.1em 8em .9em;background: rgba(250,205,0,.2);border: 1px solid transparent;border-bottom: 1px solid #fad000;}
.tabs-style-flip nav a::after {position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;background-color: #fcf0c4;content: '';}
.tabs-style-flip nav a:hover, .tabs-style-flip nav a:focus, .tabs-style-flip nav li.tab-current a {color: #fad000;}
.tabs-style-flip nav li.tab-current a::after {background-color: #fff;}
.tabs-style-flip nav ul li{margin: 0 5px;margin-bottom: -1px;}
.tabs-style-flip nav ul {text-align: center;border-bottom: 1px solid #fad000;}
.tabs-style-flip {text-align: center;margin: 0 auto;}
/*------------------------------------*
    parallax banner
\*------------------------------------*/
.fullslider {display: block;overflow: hidden;width: 100%;height: 100%;position: absolute!important;top: 0;bottom: 0;left: 0;right: 0;z-index: 5;}
.parallax {position: relative;overflow: hidden;}
.parallax-banner {height: 400px;display: block;position: relative;}
.parallax_image, .parallax_pattern {position: absolute;top: 0;left: 0;right: 0;height: 100%;background-position: center center;will-change: transform;z-index: 5;background-repeat: no-repeat;}


/*------------------------------------*
    Header
\*------------------------------------*/
.index header {bottom: 0;}
header .btn-lan a {padding: 10px;font-size: 0.778em;color: #Fff;display: block;}
header .btn-lan {display: inline-block;text-align: center;-webkit-border-radius: 9px;-moz-border-radius: 9px;border-radius: 9px;margin-left: 60px;margin-right: 40px;}
header .logo img {width: auto;}
header .logo span {color: transparent!important;line-height: 1;}
header .logo {display: inline-block;padding: 34px 0 0 30px;}
header .mobile {display: none;}
header .nav-menu > li:last-child{padding: 40px 0;}
header .navigation-portrait .btn-lan a{font-size:1em;}
header .navigation-portrait .btn-lan {background: #51270e;margin-left: 50px;width: 180px;margin-right: 20px;}
header .wrap {padding: 0 40px;}
header {background: #523528;position: absolute;z-index: 99;top: initial;width: 100%;transition: all .3s ease;  height: 120px;}
header.fixed {position: fixed;top:0;bottom: initial!important;}
/*------------------------------------*
    Footer
\*------------------------------------*/
/* back to top */

#footer1_menu li:not(:nth-child(-n+2)){padding-left: 0;list-style-position: inside;margin-left: 0;padding: 0 0 0 17px;background-image: url(../images/img/dot.png);background-repeat: no-repeat;background-size: 30px;background-position: left 4px;}
.btn-btp a img {width: 16px;}
.btn-btp a p {font-size: 0.667em;padding-top: 5px;}
.btn-btp a {color: #ffde01;display: inline-block;background: #4e2907;border-radius: 50%;position: absolute;top: -50px;padding: 5px;height: 80px;width: 80px;left: 0;cursor: pointer;right: 0;}
.btn-btp a:before {position: absolute;content: "";background: url(../images/img/icon/icon-mango.svg)no-repeat;height: 70px;width: 70px;background-size: 100% auto;margin-left: 75px;top: -8px;display: block;}
.btn-btp {position: relative;width: 100%;text-align: center;}
.tnc .content{transition: none;}
footer .bottom-links a {color: #Fff;padding: 0;}
footer .bottom-links li {vertical-align: top;font-size: 0.667em;padding-right: 20px;}
footer .bottom-links li:nth-child(2) {padding-right: 6px;}
footer .bottom-links {padding: 20px 0;color: #fff;background: #523528;}
footer .box {width: 20%;padding: 0 0 20px;display: inline-block;vertical-align: top;}
footer .box.links a {color: #4e2907;font-size: 0.889em;}
footer .box:nth-child(4){text-align: right;width: 38.5%;}
footer .holder .mobile{display: none;}
footer .holder {padding: 50px 0;}
footer nav ul li a {padding: 6px 0;display: inline-block;}
footer ul.social li a{display:block;}
footer ul.social li {display: inline-block;}
footer {background: url(../images/img/bg/bg-footer.jpg)repeat;position: relative;}

/*--------------- ---------------------*
  home page
\*------------------------------------*/
.index .content {padding: 120px 0 60px;min-height: 440px;}
.about-wrap ul li div {max-width: 400px;display: inline-block;}
.index .tabs nav a p {padding-right: 10px;}
.index .product-slider.show-mobile{display: none!important;}
/*section 1*/
.about-wrap p {font-size: 1em;}
.about-wrap ul {padding: 0 0 20px;}
.about-wrap ul li:nth-child(odd) {margin-top: 60px;}
.about-wrap ul li div {padding: 10px;}
/*section 3*/
.news-wrap {padding: 20px 0;}
.news-wrap section ul li>a {padding: 24px 14px 0;display: block;color: inherit;}
.news-wrap section ul li>a img {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.below3{text-align: center;margin: 0 auto;}
.below3 li{max-width:33%;}
#section-news p{line-height:1.5;}
/*--------------- ---------------------*
  about page
\*------------------------------------*/
.about .pagetitle.tabs nav {background: #ffd42f;border: 0;}
.about .pagetitle.tabs nav.show-mobile{display:none;}
.about .slogn {padding: 120px 0 20px;}
.about .tabs nav ul li {padding: 0 40px;}
.about .tabs nav ul {text-align: center;}

/* // tab1 */
.about .block-content {padding: 0 15px;text-align: left;display: table;margin: -30px 0;}
.about .block-content.ytoday{margin: 60px 0;}
.about .block-img {margin: 0 auto;padding: 0;vertical-align: middle;position: relative;float: none;width: auto;}
.about .block-img.mobile{display: none;}
.about .cert-wrap .svg {padding-bottom: 40px;}
.about .cert-wrap {padding: 40px 0 120px;}
.about .t-cell p {line-height: 1.6;font-size: 0.887em;text-align: justify;}
.about .t-cell {vertical-align: middle;padding: 0 70px;display: table-cell;float: none;}
.about img.at-width {padding: 20px 0;display: block;margin: 0 auto;}

/* //tab2 */

#section-concept .banner-block .container{display: table;text-align:justify;}
#section-concept .banner-block .mobile{display: none;}
#section-concept .banner-block .left-t .col-md-5,
#section-concept .banner-block .right-t .col-md-5{position: relative;vertical-align: middle;padding: 100px 20px 60px;display: table-cell;float: none;}
#section-concept .banner-block .right-t .col-md-7,
#section-concept .banner-block .left-t .col-md-7{margin: 0 auto;padding: 0;vertical-align: middle;position: relative;float: none;width: auto;/* top: 23px; */}
#section-concept .banner-block:nth-child(1){background: #513529;}
#section-concept .banner-block:nth-child(2){background: #fef2cc;}
#section-concept .banner-block:nth-child(3) .text-wrap{padding-bottom: 110px;}
#section-concept .img-wrap img{max-width:600px;display:block;margin:0 auto;}

/* tab3 */

#section-footprint .pull-right {float: right;}
#section-footprint {padding-bottom: 0;text-align: justify;}
.foot-wrap .content-wrap section {padding: 0;}
.foot-wrap .f-tab nav ul li {padding: 0 15px;}
.foot-wrap .f-tab nav {padding-bottom: 30px;}
.foot-wrap .social-wrap a {margin: 0 10px;}
.foot-wrap .social-wrap {padding: 0;}
.foot-wrap p.leadin {padding-bottom: 40px;text-align: justify;}
.foot-wrap section p {font-size: 1em;line-height: 1.6;height: 160px;padding: 0;}
.foot-wrap {background: url(../images/img/about/bg-footprint1.png)no-repeat;background-size: cover;padding: 60px 0 60px;min-height: 450px;}
.map-wrap .desktop {display:block;}
/*--------------- ---------------------*
  news page
\*------------------------------------*/
.news .list-row  {padding-bottom: 100px;}
.news .list-row .row .news-content .btn-more img,
.news .list-row .row .news-content .btn-more {display:inline-block;vertical-align:middle;}
.news .list-row .row .news-content .btn-more {width: 100%;position: absolute;bottom: 0;display: block;text-align: right;}
.news .list-row .row .news-content .wrap {padding: 40px 0;position: relative;min-height: 240px;text-align: justify;}
.news .list-row .row .news-content .wrap> p {font-size: 1em;padding: 24px 0;color: #523528;line-height: 1.6;}
.news .list-row .row .news-content h3 {color: #2e1206;text-align: center;position: relative;padding: 0 0 20px;letter-spacing: -1px;font-size: 1.333em;}
.news .list-row .row .news-content h3:after {content: "";text-align: center;height: 1px;width: 90px;display: inline-block;border-bottom: 2px solid #fad000;position: absolute;margin: 0 auto;left: 0;right: 0;bottom: 0;}
.news .list-row .row .news-content {margin: 20px auto;background: #fff;height: 368px;padding: 0 60px 0 80px;}
.news .list-row .row .news-img {-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px;overflow: hidden;}
.news .list-row .row {padding: 30px 10px;}
.news .list-row .row:first-child {padding-top: 120px;}
/*--------------- ---------------------*
  news pop up
\*------------------------------------*/
.f-pop-up .col-md-10 div p{font-size: 1em;}
.f-pop-up .col-md-10 div.mscrollcontent {padding: 30px 40px;max-height: 240px;font-size: 1em;}
.f-pop-up .col-md-10{margin:0 auto;float:none;width: 100%;}
.f-pop-up .slick-dots li button{position: relative;margin: 5px auto;width:14px;height:14px;}
.f-pop-up .slick-dots li {display:inline-block;margin:0 5px;}
.f-pop-up .slick-dots li.slick-active button{background: #fbe801;border: none;height: 14px;width: 14px;}
.f-pop-up .slick-dots{position: absolute;left: 0;bottom: 10px;right: 0;top: auto;}
.f-pop-up .slide img{width: 100%;display: block;}
.f-pop-up h3{color: #2e1206;font-size: 1.333em;padding-bottom: 10px;}
.f-pop-up{background:url(../images/img/bg/bg-pattern.jpg) repeat;height: 100%;width: 100%;}
.hidden{display: none;}
a.fancybox-close{top: 20px;right: 20px;width: 48px;height: 48px;background-size: 100% auto;}
/*--------------- ---------------------*
  product page
\*------------------------------------*/
.product section {padding: 120px 0;position: relative;}
.product section .product-info p {padding-top: 10px;text-align: left;font-size: 0.887em;letter-spacing: 0;}
.product .float-element {position: absolute;z-index: 3;}
.product .ele1 {top: -35%;left: -5%;}
.product .ele2 {top: -20%;right: -4%;}
.product .ele3 {bottom: -36%;left: -8%;}
.product .ele4 {bottom: -55%;right: -2%;}
.product .ele5 {bottom: -28%;left: -5%;}
.freshfruit-wrap {background: #fae5e5;}
.freshfruit-wrap .slick-prev:before {background: url(../images/img/icon/icon-larrow-pink.svg) 0% 0% / 20px no-repeat;}
.freshfruit-wrap .slick-next:before {background: url(../images/img/icon/icon-rarrow-pink.svg) 0% 0% / 20px no-repeat;}
.freshfruit-wrap .slick-list:before {background-image: linear-gradient(to left,rgba(250, 229, 229,0) 0%, rgb(250, 229, 229) 100%);}
.freshfruit-wrap .slick-list:after {background-image: linear-gradient(to right,rgba(250, 229, 229,0) 0%, rgb(250, 229, 229) 100%);}
.snack-wrap {background: #becfeb;}
.snack-wrap .slick-prev:before {background: url(../images/img/icon/icon-larrow-dark.svg) 0% 0% / 20px no-repeat;}
.snack-wrap .slick-next:before {background: url(../images/img/icon/icon-rarrow-dark.svg) 0% 0% / 20px no-repeat;}
.snack-wrap .slick-list:before {background-image: linear-gradient(to left,rgba(190, 207, 235,0) 0%, rgb(190, 207, 235) 100%);}
.snack-wrap .slick-list:after {background-image: linear-gradient(to right,rgba(190, 207, 235,0) 0%, rgb(190, 207, 235) 100%);}
.handdrink-wrap {overflow: hidden;}
.guiling-wrap {color: #fff;background: url(../images/img/bg/bg-guiling-ele1.jpg) center right #161211 no-repeat;}
.guiling-wrap .slick-prev:before {background: url(../images/img/icon/icon-larrow-white.svg) 0% 0% / 20px no-repeat;}
.guiling-wrap .slick-next:before {background: url(../images/img/icon/icon-rarrow-white.svg) 0% 0% / 20px no-repeat;}
.guiling-wrap .slick-list:before,
.guiling-wrap .slick-list:after {display:none;}
/*--------------- ---------------------*
  Icheck
\*------------------------------------*/
.icheckbox_flat {background: url(../images/img/btn_checkbox.svg) no-repeat;background-position: 0 0;margin-left: 0px;margin-right: 10px;margin-top: 0px;}
.icheckbox_flat, .iradio_flat {display: inline-block;*display: inline;vertical-align: middle;margin: 0;padding: 0;width: 24px;height: 24px;border: none;cursor: pointer;margin-right: 0px;margin-top: -5px;margin-left: 0;}
.icheckbox_flat.checked {background-position: -24px 0;}
.icheckbox_flat.checked.disabled {background-position: -24px 0;}
.icheckbox_flat.disabled {background-position: -24px 0;cursor: default;}
.iradio_flat {background: url(../images/img/btn_checkbox.svg) no-repeat;background-position: 0 0;}
.iradio_flat.checked {background-position: -24px 0;}
.iradio_flat.checked.disabled {background-position: -24px 0;}
.iradio_flat.disabled {background-position: 0px 0;cursor: default;}

/*--------------- ---------------------*
  map
\*------------------------------------*/

#map-canvas,.map .store-search-wrap .col-md-3,.map .store-search-wrap{min-height: 880px;max-height: 880px;}
.map .btn-btp{display: none;}
.map .form-field .form-line {background: #fff;position: relative;display: block;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;overflow: hidden;padding: 5px 10px;}
.map .form-field input{width: 82%;}
.map .mCSB_inside > .mCSB_container{margin: 0;}
.map .place-select .form-field .form-line{padding: 16px;padding-right: 0;margin-bottom: 30px;}
.map .pull-right{float: right}
.map .search-step2:after{display: block;position: absolute;background-image: linear-gradient(to bottom,rgba(254, 249, 243,.0) 0%, rgba(254, 249, 243,.8) 100%);bottom: 60px;z-index: 8;right: 0;width: 82%;margin: 0 auto;content: "";height: 60px;left: 0;}
.map .search-step2:before{display: block;position: absolute;background-image: linear-gradient(to top,rgba(254, 249, 243,.0) 0%, rgba(254, 249, 243,.8) 100%);top: 82px;z-index: 8;right: 0;width: 82%;margin: 0 auto;content: "";height: 60px;left: 0;}
.map .store-search-wrap .btn {position: relative;width: 100%;z-index: 9;background: #523528;border-radius: 5px;color: #fbd72d;padding: 14px;}
.map .store-search-wrap .col-md-3 .mscrollcontent {max-height: 700px;}
.map .store-search-wrap .col-md-3 >div.wrap {padding: 0px 35px;margin: 0;}
.map .store-search-wrap .place-select ul li {background: transparent;text-align: center;width: 48%;display: inline-block;opacity: .5;float: left;cursor: pointer;border-radius: 5px;overflow: hidden;margin-right: 4%;}
.map .store-search-wrap .place-select ul li.active{background:#fff;opacity:1;}
.map .store-search-wrap .place-select ul li:nth-child(2){margin:0;}
.map .store-search-wrap .place-select ul {margin:0 auto;text-align:center;display: block;padding-bottom: 30px;}
.map .store-search-wrap .place-select {}
.map .store-search-wrap .search-icon {position: absolute;right: 18px;top: 22px;display: block;cursor: pointer;}
.map .store-search-wrap .search-step1 .btn{margin-top: 20px;}
.map .store-search-wrap .search-step1 .wrap {padding-bottom: 40px;}
.map .store-search-wrap .search-step2{min-height: 800px;overflow: hidden;}
.map .store-search-wrap .wrap .card .icon{width: 18px;display:inline-block;padding: 0 10px 0 0;vertical-align:middle;}
.map .store-search-wrap .wrap .card img {width: 80px;padding-bottom: 20px;}
.map .store-search-wrap .wrap .card span{font-size: 0.778em;display: block;padding-bottom: 5px;}
.map .store-search-wrap .wrap .card {padding: 20px;display: block;margin: 5px 20px 20px 10px;background: #fff;-webkit-box-shadow: 0 0 3px rgba(0,0,0,.17);-moz-box-shadow: 0 0 3px rgba(0,0,0,.17);box-shadow: 0 0 3px rgba(0,0,0,.17);}
.map .store-search-wrap .wrap .card.active{border: 3px solid #fad000;box-shadow: none;}
.map .store-search-wrap .wrap .title {padding: 30px 0 30px;}



/*--------------- ---------------------*
  form__field
\*------------------------------------*/
.form-field .have-icon {display: inline-block;vertical-align: bottom;}
.form-field .input-icon img {margin: 0 auto;display: block;}
.form-field .input-icon {padding: 14px 5px;position: relative;text-align: center;display: inline-block;vertical-align: top;}
.form-field div.input select.country{width:98%;}
.form-field div.input select{width: 95.5%;}
.form-field div.input, .form-field input {padding: 12px 0px;}
.form-field select {-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;width: 98%;border-radius: 0;-webkit-appearance: none;background: url(../images/img/icon/icon-darrow.svg) center right;background-size: 30px auto;background-repeat: no-repeat;background-position: right center;padding: 0;}
.place-select ul li div img{width:100%;margin:0 auto;}
.place-select ul li div {padding: 30px ;border: 3px #efe8e3 solid;}
.place-select ul li.active div {border: 3px #ffd100 solid;}
.place-select ul li.active {background: #fff; opacity: 1;}
.place-select ul li:last-child {margin: 0;}
select::-ms-expand {display: none;}
select{-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;background-image: none\9\0;}


/*--------------- ---------------------*
  contactus
\*------------------------------------*/
.contactus .content .intro .svg {padding-bottom: 30px;}
.contactus .content .intro {padding-top: 80px;width: 600px;margin: 0 auto;}
.contactus .input p{display: inline-block;padding-right: 50px;}
.contactus .input_name input[type="text"] {width: 75%;}
.contactus .input_name select {width: 20%;border-left: 1px solid #FBD600;padding-left: 10px;}
.contactus a.info {background: rgba(220, 215, 212, 1);min-width: 20px;height: 20px;text-align: center;line-height: 1;border-radius: 50%;position: absolute;right: 10px;cursor: pointer;top: 32%;}
.contactus a.info.pop-tooltip span {color: #523528 !important;font-size: .6em;padding: 0;margin-left: 1px;line-height: 20px;}
.contactus form {padding: 50px 0;}
.contactus input[type="checkbox"], input[type="radio"] {margin-right: 5px;}
.contactus input[type="email"], input[type="tel"],input[type="text"], select {width: 96%;border: none;border-radius: 0px;-webkit-appearance: none;-moz-appearance: none;}
.contactus textarea {width: 98%;border: none;height: 100px;}
.contactus ul.form li {background: #fff;border-radius: 5px;padding: 5px 10px;width: 47.5%;margin-bottom: 20px;display: inline-block;position: relative;}
.contactus ul.form li.check .iradio_flat{margin-left:0;}
.contactus ul.form li.check {background: none;}
.contactus .aggre .iradio_flat {margin-left: 0;}
.contactus .aggre label {margin-left: 5px;vertical-align: middle;}
.contactus .aggre {padding: 20px 0;}
.contactus .contact-info .pull-right {float: right;}
.contactus .contact-info {padding: 40px 0 100px;font-size: 0.889em;}
.contactus .fill_out {color: #e3b40a;text-align: right;padding-bottom: 15px;}
.contactus .function-bar {padding: 40px 0;}
.contactus .place-select ul li:last-child{margin:0;}
.contactus .place-select ul li{width: 30%;vertical-align: middle;display: inline-block;text-align: center;cursor: pointer;margin-right: 3%;border-radius: 5px;overflow: hidden;}
.contactus .place-select ul {margin:0 auto;text-align: center;}
.contactus .place-select{padding-top: 50px;}
.contactus .tooltips-wrap.active {display:block;}
.contactus .tooltips-wrap:after{content: "";width: 0px;height: 0px;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #f9d54a;position: absolute;top: -10px;text-align: right;right: 12px;margin: 0 auto;}
.contactus .tooltips-wrap{font-size:0.889em;line-height:1.6;display: none;text-align: justify;top: 105%;position: absolute;left: 0;width: 95%;padding: 15px;border-radius: 5px;z-index: 10;background: #f9d54a;}
.contactus form .btn {border-radius: 5px;text-align: center;width: 300px;color: #5C3C2D;line-height: 2.5em;}
.contactus input {border: none;outline: none;}
.contactus ul.form li label {margin-left: 14px;padding-right: 30px;}
.contactus ul.form li span {color: #FBD600;}
.contactus ul.form li.full_input {width: 98.4% !important;}
/*--------------- ---------------------*
  franchising // form page
\*------------------------------------*/
#section-joinrules .info li span{color: #523528;}
#section-joinrules .info li{font-size:0.889em;color: #fad000;list-style: DISC;}
.china p{color:#523528;}
.china{background: #fff; padding: 80px;border-radius: 5px;}
.contactus  ul.form li label[class="upload"]{padding: 0;min-height: 44px;margin-left: 0px;max-height: 54px;}
.fill_out { color:#FBD600; text-align:right;}
.input_name input[type="text"] { width:75%;}
.input_name select { width:20%; border-left:1px solid #FBD600; padding-left:10px;}
.inputfile + label .btn {width: 50px;float: right;color: #5C3C2D;position: relative;font-size: 0.887em;margin-top: 0;right: 0;line-height: 2.8em;}
.inputfile + label span { color:#5C3C2D !important;}
.inputfile + label { width: 100%; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display: inline-block; overflow: hidden;  }
.inputfile:focus + label, .inputfile.has-focus + label { outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px; }
.join-brand-tab .content-wrap section .show-mobile{display: none; }
.join-brand-tab .content-wrap section{padding: 80px 0;}
.join-brand-tab{padding-bottom:120px; }
.js .inputfile {width: 0.1px;height: 0.1px;opacity: 0;overflow: hidden;position: absolute;z-index: -1;padding: 0;}
.no-js .inputfile + label { display: none; }
.sub-form ul li.last{padding: 5px 10px 0px;}
.sub-form { margin-top:50px; }
.up-text {text-align:right;position:absolute;right:0;top: 75px;}
button.info span { color:#523528 !important; font-size:.6em;}
button.info { background:rgba(220, 215, 212, 1);  min-width:20px; height:20px; border-radius:50%; position:absolute; right:10px; top:10px;}
input { border:none; outline:none;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}
label[class="upload"] span{float:left;margin: 10px 0px 2px 5px;max-width: 70%;display: inline-block;position: relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
select, option { border:none; background:none; outline:none; color:#5C3C2D; }



.brand-slider #pagenavi a {display: inline-block;background-color: #e5e1de;width: 10px;font-size: 0;line-height: 0;vertical-align: middle;margin: 0 3px;cursor: pointer;color: transparent;border-radius: 50%;outline: none;height: 10px;border: 1px solid transparent;}
.brand-slider #pagenavi a.active {background: #fad000;}
.brand-slider #pagenavi {text-align: center;margin: 0 auto;height: 30px;}
.brand-slider #slider li {width: 300px;float: left;}
.brand-slider .active .circle{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);position: relative;z-index: 10;}
.brand-slider .brand-message p.hidden{opacity: 0;}
.brand-slider .brand-message p{text-align: justify;margin:0 auto;padding: 60px 0 40px;display: block;transition: all .3s ease;opacity: 1;position: absolute;}
.brand-slider .brand-message{min-height: 180px;}
.brand-slider .circle{-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.brand-slider .slide{text-align: center;margin: 0 auto;display: inline-table;height: auto;}
.brand-slider .swipe div div div {padding: 40px 0;}
.brand-slider .swipe li img {max-width: 100%;}
.brand-slider .swipe li {margin: 0 -40px;}
.brand-slider .swipe ul {display: block;opacity: 0;visibility: hidden;transition: all .3s ease;}
.brand-slider .swipe ul.shows{opacity: 1;visibility: visible;}
.brand-slider .swipe {overflow: hidden;position: relative;width: 100%;}
.brand-slider div.circle img{padding: 65px 0;}
.brand-slider div.circle.main{background: #51270e;}
.brand-slider div.circle{background: #fff;-webkit-box-shadow: 0 0 8px #fdefc3;-moz-box-shadow: 0 0 8px #fdefc3;box-shadow: 0 0 8px #fdefc3;margin: 0 auto;width: 260px;padding: 40px 0;cursor: pointer;/* margin: 0 -14px; */text-align: center;}
.brand-slider{padding: 70px 0;}


/*--------------- ---------------------*
  member
\*------------------------------------*/
.member #section-tab2 .container .list-row{padding: 0 50px;}
.member  .fb-pop,.member .app-wrap{width: 68%;margin: 10px 0;display: block;}
.member .btn-app .btn-pop{display: inline-block;width: 38%;}
.member .btn-app{position: absolute;top: 75px;display: block;left: 15px;z-index: 2;}
.member .hero-desc-banner .text{margin-top: 55px;margin-bottom: 0;}
.member .member-wrap .content-wrap .show-mobile{display:none;}
.member .member-wrap .content-wrap img{display:block;text-align:center;margin:0 auto;}
.member .member-wrap .content-wrap{padding: 100px 0;}
.member .member-wrap {padding-top: 60px;}
.member .news .list-row .row .news-content{background:#fffeec;}
.member .news .list-row .row .news-content p{font-size:1em;}
.member .news .list-row .row:first-child{padding: 0;}
.member .tabs-style-flip nav a{width:100%;padding: 1.1em 0em .9em;}
.member .tabs-style-flip nav ul li{max-width: 22%;width: 100%;}



/*--------------- ---------------------*
pop up
\*------------------------------------*/

.table{display: block;margin: 0 auto;margin-bottom: 0px;border: 3px solid #fad000;padding: 25px;min-height: 70px;}
.table .block-img{position: relative;float: left;text-align: center;}
.cell{vertical-align: middle;padding: 0;display: table-cell;float: none;color: #624526;}
.f-message{min-width: 480px;}
.msg-wrap strong{border-bottom: 1px solid;font-size: 125%;line-height: 2.5;}
br.show-mobile{display:none;}



.captcha-wrap{margin-left: 20px;margin-top: 10px;}
.captcha-wrap img{width: auto;margin-left: 5px;display: inline-block;user-select: auto;vertical-align: middle;pointer-events: auto;}
@media (max-width: 1680px) {
   .hero-banner.desktop .slide .bgImg{
        padding-bottom: 50%;
    }
    .brand-slider div.circle{padding: 40px 0;}

    /*****************************/
    /* product */
    /*****************************/
    .product .ele1 {top: -45%;left: -15%;}
    .product .ele2 {top: -25%;right: -5%;}
    .product .ele3 {bottom: -35%;left: -10%;}
    .product .ele4 {bottom: -50%;right: -2%;}
    .product .ele5 {bottom: -18%;left: -10%;}
}

@media (max-width: 1440px) {
    /*------------------------------------*
        member
    \*------------------------------------*/
    .member .member-wrap{padding-top: 40px;}
    /*------------------------------------*
        Hero Banner
    \*------------------------------------*/
    .hero-banner.desktop .slide .bgImg {padding-bottom: 48%;}
    .hero-sub-banner .svg{width: 100%;margin:0;}
    /*****************************/
    /* Flip */
    /*****************************/
    .tabs-style-flip nav a{padding:1em 6em;}
    /*****************************/
    /* product */
    /*****************************/
    .guiling-wrap{background-position: 103% center;background-size: 250px auto;}
    .product .ele1 {top: -36%;left: -22%;}.product .ele1 img{width: 95%;}
    .product .ele2 {top: -25%;right: -11%;}.product .ele2 img{width: 95%;}
    .product .ele3 {bottom: -35%;left: -15%;}.product .ele3 img{width: 95%;}
    .product .ele4 {bottom: -85%;right: -5%;}.product .ele4 img{width: 95%;}
    .product .ele5 {bottom: -30%;left: -15%;}.product .ele5 img{width: 95%;}
    /*****************************/
    /* map */
    /*****************************/
    .map .store-search-wrap .col-md-3{width: 30%;}
    .map .store-search-wrap .col-md-9{width: 70%;}
    /*****************************/
    /* fancybox popup */
    /*****************************/
    .fancybox-wrap{max-width: 500px;}
    .f-pop-up .col-md-6{width: 100%;}
    .f-pop-up .col-md-6 div{padding: 20px 40px 0 40px;}
    .f-pop-up .col-md-6:last-child div{padding-bottom:40px;}

    /*****************************/
    /* form //contacuts
    /*****************************/
    .brand-slider
    div.circle{padding: 60px 0;}
    .brand-slider
    div.circle img{padding: 45px 0;}
    .brand-slider .brand-message{
    min-height:210px;}
}


@media (max-width: 1366px) {
    .parallax-banner{height: 320px;}
    /*------------------------------------*
        Hero Banner
    \*------------------------------------*/
    .hero-banner.desktop .slide .bgImg {padding-bottom: 41%;}
    /*****************************/
    /* product */
    /*****************************/
    .guiling-wrap{background-position: 105% center;}
    .product .ele1 {top: -32%;left: -25%;}.product .ele1 img{}
    .product .ele2 {top: -18%;right: -12%;}.product .ele2 img{width: 90%;}
    .product .ele3 {bottom: -32%;left: -15%;}.product .ele3 img{width: 90%;}
    .product .ele4 img{width: 90%;}
    .product .ele5 {bottom: -35%;left: -13%;}.product .ele5 img{width: 90%;}
    /*****************************/
    /* map */
    /*****************************/
    .map .store-search-wrap .search-step1 .btn{margin-top: 170px;}
}


@media (max-width: 1280px) {
    .index .content{padding:60px 0;}
    .index .tabs.tabs-style-linemove nav li{padding:0 14px;}
    .index .tabs-style-linemove nav a{font-size:0.887em;}
    /*****************************/
    /* Flip */
    /*****************************/
    .tabs-style-flip nav a{padding: 1em 5em;}
    /*------------------------------------*
        header
    \*------------------------------------*/
    header .nav-menu > li > a{}
    header .navigation{height: 100px;}
    header .btn-lan{margin-left: 20px;margin-right: 20px;}
    header .mobile {display: block;position: relative;padding: 0;}
    header.fixed .mobile .menu-section .logo{padding: 36px 30px 0;}
    header.fixed .menu-section .pull-right li{padding: 9px 0;}
    header.fixed .menu-section .pull-right li:last-child{padding: 6px 0;}
    header.fixed .btn-menu{padding: 20px 28px;}
    /*------------------------------------*
        Hero Banner
    \*------------------------------------*/
    .hero-banner.desktop .slide .bgImg {padding-bottom: 46%;}
    /*****************************/
    /* product */
    /*****************************/
    .guiling-wrap{background-size: 270px auto;}
    .product .ele1 {top: -28%;left: -28%;}
    .product .ele2 {top: -22%;right: -18%;}
    .product .ele3 {bottom: -29%;left: -15%;}.product .ele3 img{width: 80%;}
    .product .ele4 {bottom: -85%;right: -8%;}
    .product .ele5 {bottom: -40%;left: -13%;}
    .product-wrap .right{margin: 0 auto;float: none;}
    .product-wrap li{padding: 0 8px;}
    /*--------------- ---------------------*
      contactus
    \*------------------------------------*/
    .brand-slider .brand-message{min-height: 240px;}
    .contactus .input p{padding-right: 30px;}
    .contactus form{padding: 50px;}
    .contactus ul.form li.full_input{width: 98.2% !important;}
    /*****************************/
    /* map */
    /*****************************/
    .map .store-search-wrap .col-md-3{width:35%;}
    .map .store-search-wrap .col-md-9{width:65%;}
}


@media (max-width: 1024px) {
    .btn-location p{padding-top: 0;}
    header{height: auto;}
    .f-pop-up .col-md-10 div.mscrollcontent{max-height: 280px;}
    .f-message .textContainer{width:100%;}
    .navigation-portrait .nav-menus-wrapper{width: 70%;}
    a:hover, a:focus {opacity: 1;}
    /*------------------------------------*
        index
    \*------------------------------------*/
    .index .content .col-md-3 img.svg{width: 70%;margin-left: 0;}
    .index .content .col-md-3{text-align: left;}
    .index .content-wrap section p{line-height: 1.6;}
    .index .content{height: auto;min-height: auto;}
    /*------------------------------------*
        tabs content
    \*------------------------------------*/
    .about .tabs-style-linemove.tabs{padding-bottom:40px;}
    .content-wrap section img:not([.svg]) {width: 100%;}
    .join-brand-tab .content-wrap section img{width:100%;}
    .join-brand-tab .content-wrap section{padding: 80px 60px;}
    .join-brand-tab{padding-bottom: 10px;}
    .tabs-style-linemove.tabs{padding-bottom: 0;}
    /*------------------------------------*
        Hero Banner
    \*------------------------------------*/
    .arrow{bottom: 12%;}
    .banner-block .svg.title{width: auto;height: 30px;}
    .brand-slider .swiper-slide{width: 180px!important;}
    .brand-slider .swiper-wrapper{width: 580px!important;}
    .hero-banner.desktop .slide .bgImg {  padding-bottom: 60%;}
    .hero-desc-banner .text{margin-top: 80px;margin-bottom: 80px;}
    .hero-desc-banner {height: 380px;}
    .hero-sub-banner .slide{padding-bottom: 220px;}
    .hero-sub-banner .svg{width: 70%;margin:0 auto;}
    .hero-sub-banner{padding-bottom: 220px;}
    /*------------------------------------*
        header
    \*------------------------------------*/
    .btn-fix{display: none;}
    .navigation-portrait .nav-menu > li > a{font-size: 1.5em;padding: 20px 0 20px 50px;}
    header .logo img{max-width: 120px;}
    header .logo{padding: 30px 20px 0;}
    header .nav-btn-fix{display:block;float: right;}
    header .nav-header{width:100%;}
    ul.nav-btn-fix  li{padding: 15px 22px;}
    header{top:0;bottom: initial!important;position: fixed;}

    /*****************************/
    /*footer-wrap*/
    /*****************************/
    #section-footprint .foot-wrap  .col-md-6{width: 74%;}
    .foot-wrap{background-size: cover;padding: 80px 0 40px;background-position: 30% 0;}
    /*****************************/
    /* news */
    /*****************************/
    .news .list-row .row .news-img img{display:block;}
    .news .list-row .row:first-child{padding-top: 50px;}
    .news .list-row{padding-bottom: 80px;}
    .news .list-row .row .news-content .btn-more{font-size:0.889em;}
    .news .list-row .row .news-content .wrap> p {overflow: hidden;text-overflow: ellipsis;font-size: 0.889em;}
    .news .list-row .row .news-content .wrap{min-height: auto;padding: 30px 0  10px;}
    .news .list-row .row .news-content{height: 298px;padding: 0 50px 0 60px;}
    /*****************************/
    /* map */
    /*****************************/
    #map-canvas,.map .store-search-wrap .col-md-3,.map .store-search-wrap{min-height: 710px;}
    .map .store-search-wrap .col-md-3 .mscrollcontent {max-height: 500px;}
    .map .store-search-wrap .col-md-3{width:40%;}
    .map .store-search-wrap .col-md-9{width:60%;float: right;}
    .map .store-search-wrap .search-step1 .btn{margin: 0;}
    .map .store-search-wrap .search-step2{min-height: 600px;overflow: hidden;}
    /*****************************/
    /* product */
    /*****************************/

    .guiling-wrap{background-position: 105% center;background-size: 265px auto;}
    .product .ele1 {top: -22%;left: -16%;}.product .ele1 img{width: 60%;}
    .product .ele2 {top: -22%;right: -26%;}
    .product .ele3 {bottom: -25%;left: -15%;}.product .ele3 img{width: 70%;}
    .product .ele4 {bottom: -58%;right: -12%;}.product .ele4 img{width: 70%;}
    .product .ele5 {bottom: -22%;left: -13%;}.product .ele5 img{width: 70%;}
    .product-wrap .right{margin: 0 auto;float: none;}

    /*------------------------------------*
        contactus
    \*------------------------------------*/
    .brand-slider .brand-message{width: 60%;min-height: 160px;}
    .brand-slider{padding: 30px 0 50px;}
    .contactus .contact-info div:nth-child(2){width: 28%;}
    .contactus .content .intro{padding-top: 50px;}
    .contactus .input_name input[type="text"] {width: 70%;}
    .contactus .input_name select {width: 25%;}
    .contactus form .container-fluid.bg-pattern1 .container{width:100%;}
    .contactus textarea{width: 97%;}
    .contactus ul.form li label{padding-right: 10px;}
    .contactus ul.form li.full_input{width: 97.7% !important;}
    .contactus ul.form li{width: 46.5%;}
    .member #section-tab2 .container .list-row{padding:0;}
    .member .app-wrap .btn-app a img{width: 100%;display: block;}
    .member .app-wrap img{width: 100%;margin:0 auto;}
    .member .btn-app .btn-pop{width: 110px;margin-right: 5px;}
    .member .btn-app{top: 94px;left: 15px;}
    .member .content-wrap section .container{width: 100%;margin: 0 auto;padding: 0;}
    .member .content-wrap section{padding: 0 60px 40px;}
    .member .hero-desc-banner .text{margin:50px 0;}
    .member .news .list-row .row{padding:40px 0;}
    .member  .fb-pop{display: none;}
    .member .app-wrap{width: 100%;}
    /*------------------------------------*
        footer
    \*------------------------------------*/
    #section-concept .banner-block .left-t .col-md-5, #section-concept .banner-block .right-t .col-md-5{padding: 60px 0px;}
    .about .block-content {margin:0 auto;}
    .about .t-cell{padding:0 20px;}
    .f-pop-up .col-md-6 div{padding: 25px 40px 0 40px;}
    .f-pop-up .col-md-6:last-child div{padding-bottom: 25px;}
    .f-pop-up h3{font-size: 1.333em;}
    .f-pop-up .col-md-10 div p{font-size: 0.889em;}
    .fancybox-wrap{max-width: 100%;}
    .news-slider,.textContainer{width: 50%;display:inline-block;float:left;}
    a.fancybox-close{top: -48px;right: 0;}
    footer .box:nth-child(4){width: 37.5%;}
    footer .holder{padding: 40px 5px;}
}


@media (max-width: 800px) {
    .tnc .content img.svg{height:36px;width:auto;}
     ul.form{margin-top:30px;}
    .contactus form .container-fluid.bg-pattern1 .container{width:auto;}
    .join-brand-tab{padding-bottom: 30px;}
    .tnc .content{width: 90%;margin: 0 auto;}
    /*------------------------------------*
        header
    \*------------------------------------*/
    header .logo img{max-width:100px;}
    header .logo{padding: 17px 20px 0;}
    header .nav-toggle{width:70px;height:70px;padding: 23px;}
    header .navigation{height: 70px;overflow: hidden;}
    header ul.nav-btn-fix  li .svg{width:30px;height:30px;}
    header ul.nav-btn-fix  li{padding: 6px 12px 8px;}


    /*------------------------------------*
     ohter
    \*------------------------------------*/
    .arrow{bottom: 5%;margin: 0 auto;top: inherit;left: 0;width: 80px;height: 80px;right: 0;background: url(../images/img/icon/m-icon-scroll.svg)no-repeat;background-size: 100% auto;}
    .hero-banner .slick-dots{display: none!important;}
    .hero-banner.desktop{display: none;}
    .hero-banner.mobile{display: block;max-height: 93vh;}
    .hero-desc-banner .text .svg{height: 28px;width: auto;margin-bottom: 0px;}
    .hero-desc-banner {height: auto;}
    .parallax-banner{height:240px;}
    .parallax_image{background-size: cover;height: 240px!important;background-position: top center;}
    .tabs-style-flip nav ul li{margin: 0 0 -1px 0px;}
    footer .box:nth-child(4){width: 36.5%;}
   /*****************************/
    /* index */
    /*****************************/
    .index .about-wrap{padding-bottom: 40px; }
    .index .about-wrap p{font-size:1.333em;padding: 0 40px;}
    .index .about-wrap ul{width: 90%;margin: 0 auto;float: none;}
    .index .about-wrap ul li:nth-child(even){margin-top: -50px;}
    .index .about-wrap .col-md-3{width: 49%;display: inline-block;vertical-align: middle;}
    .index .product-wrap .col-md-3,
    .index .news-wrap .col-md-3{width: 22%;float: left;text-align: center;}
    .index .product-wrap .col-md-9,
    .index .news-wrap .col-md-9{width: 78%;float: left;}
    .index .col-md-9 >div{width: 100%;margin: 0;}
    .index .content-wrap section p{font-size: 1.333em;}
    .index .news-wrap .slick-dots{top: initial;width: 100%;position: relative;left: 0;}
    .index .news-wrap .content-wrap{width: 70%;text-align: c;margin: 0 auto;}
    .index .slick-slide img{width: 100%;}
    .index .news-wrap .slick-list:before {display: block;position: absolute;background-image: linear-gradient(to left,rgba(254, 249, 243,0) 0%, rgba(254, 249, 243,.5) 100%);top: -20px;z-index: 9;width: 50px;content: "";height: 140%;left: 0;}
    .index .news-wrap .slick-list:after {display: block;right: 0;position: absolute;background-image: linear-gradient(to right,rgba(254, 249, 243,0) 0%, rgba(254, 249, 243,.5) 100%);top: -20px;z-index: 9;width: 50px;content: "";height: 140%;}
    .index .tabs nav a {padding-right: 18px;font-size: 1.333em;}
    .index .tabs nav a  p{padding-right:10px;}
    .index .product-wrap li{padding: 0 0;}
    .index .product-wrap .icon{left: 0;}
    .index .news-wrap .slick-dots li{display:inline-block;margin: 20px 10px;}
    .index .news-wrap .slick-dots li button{width: 16px;height: 16px;border: none;}
    .index .slick-prev, .index .slick-next{top:40%;}
    .index .news-wrap .slick-prev{left:-10%;}
    .index .news-wrap .slick-next{right: -10%;}
    .index .f-tab nav{display: none;}
    .f-tab .show-mobile{display: block;position: relative;text-align: right;margin: 0 auto;padding: 0;list-style: none;border-bottom: 1px solid #eee7e0;}
    .f-tab .show-mobile select {font-size: 1.5em;padding: .5em 0;background-size: 48px auto;text-align: left;width: 100%;}


    /*****************************/
    /*about*/
    /*****************************/
    #section-concept  .banner-block:nth-child(3) .img-wrap img{max-width: 580px;margin-top: -60px;}
    #section-concept .banner-block .desktop{display: none;}
    #section-concept .banner-block .left-t .col-md-5,
    #section-concept .banner-block .mobile{display: block;}
    #section-concept .banner-block .right-t .col-md-5{width: 100%;margin: 0 auto;display: block;padding: 20px 0 20px;}
    #section-concept .banner-block:nth-child(3) .text-wrap{padding:0;}
    #section-concept .img-wrap img{max-width: 480px;}
    #section-footprint .foot-wrap  .col-md-6{width: 55%;padding-right: 20px;font-size: 1.15em;}
    .about .banner-block .text-wrap p{font-size:1.15em;}
    .about .banner-block .text-wrap{float:none;}
    .about .block-content.ytoday{margin:0 auto;}
    .about .block-content{display: block;}
    .about .block-content{padding-bottom: 60px;}
    .about .block-img.desktop{display: none;}
    .about .block-img.mobile{display: block;}
    .about .block-img{width: 80%;}
    .about .slogn{padding: 60px 0 20px;width: 80%;}
    .about .t-cell p{font-size: 1em;}
    .about .t-cell{padding-top: 20px;}
    .about .tabs-style-linemove.tabs.desktop{display: none;}
    .about .tabs-style-linemove.tabs.show-mobile p{min-height: 120px;line-height: 1.6;text-align: justify;}
    .about .tabs-style-linemove.tabs.show-mobile{display: block;width: 85%;margin: 0 auto;}
    .about .tabs-style-linemove.tabs{padding: 50px 0 20px;}
    .about .social-wrap a{margin-left:20px;}
    .about .y20 .block-img{margin-bottom: -20px;}
    .about .y60 .block-img{margin-bottom: -80px;}
    .about .y70 .block-img{margin-bottom: -70px;}
    .about .y90 .block-img{margin-bottom: -60px;}
    .about img.at-width{padding: 30px 0 10px;}
    .foot-wrap{min-height: 100%;height: auto;}
    .map .store-search-wrap .place-select ul{width: 50%;margin:0;}
    .map-wrap img{width: 162%;margin-left: -30%;}
    /*****************************/
    /*product*/
    /*****************************/

    .guiling-wrap  .product-info{margin:0 auto;float: none;width: 65%;}
    .guiling-wrap .col-md-8{float: none;width: 90%;padding: 50px 0 0;margin: 0 auto;}
    .guiling-wrap {background-position: 620px 0;background-size: 350px auto;}
    .hero-sub-banner, .hero-sub-banner .slide{padding-bottom: 160px;}
    .product .ele1 {top: -15%;left: -15%;}.product .ele1 img{width: 45%;}
    .product .ele2 {top: -18%;right: -30%;}.product .ele2 img{width: 60%;}
    .product .ele3 {bottom: -19%;left: -20%;}.product .ele3 img{width: 60%;}
    .product .ele4 {bottom: -48%;right: -16%;}.product .ele4 img{width: 60%;}
    .product .ele5 {bottom: -22%;left: -10%;display: none;}.product .ele5 img{width: 60%;}
    .product .page-content .container{padding: 0;width: 100%;}
    .product .slick-next{right:-4.5%;}
    .product .slick-prev{left: -4.5%;}
    .product section:last-child{padding-bottom:100px;}
    .product section{padding: 60px 0;}
    .product-wrap .col-md-8 {width: 85%;text-align: center;margin: 0 auto;}
    .product-wrap .col-xs-9{width: 65%;}
    .product-wrap .product-slider{padding: 40px 0;}
    .product-wrap .pull-right{float: none!important;}
    .product-wrap .slick-list:after{width: 30px;}
    .product-wrap .slick-list:before{width: 30px;}
   /*****************************/
    /* map */
    /*****************************/
    #map-canvas{min-height: 400px;}
    .map .store-search-wrap .col-md-3 .mscrollcontent {max-height: 500px;}
    .map .store-search-wrap .col-md-3,.map .store-search-wrap{min-height: 685px;}
    .map .store-search-wrap .col-md-3{width:100%;}
    .map .store-search-wrap .col-md-9{width:100%;}
    .map .store-search-wrap .search-step1 .btn{margin: 0;}
    .map .store-search-wrap .search-step2{min-height: 600px;overflow: hidden;}

   /*****************************/
    /* form // contact us //gobal
    /*****************************/


    .brand-slider #slider li{width: 230px;margin: 0 -40px;}
    .brand-slider .brand-message p{padding: 45px 0;text-align: justify;}
    .brand-slider .brand-message{min-height: 160px;width: 75%;}
    .brand-slider div.circle{width: 180px;padding: 15px 0;}
    .brand-slider div.circle{}
    .brand-slider{padding: 10px 0 30px;}
    .contactus .contact-info div:nth-child(2){margin-left:30px;width: 24%;}
    .contactus .contact-info div:nth-child(3){width: 26%;}
    .contactus .contact-info div{width: 36%;float: left;}
    .contactus .contact-info,
    .contactus .fill_out{text-align: left;}
    .contactus .input_name input[type="text"]{width: 68%;}
    .contactus .input_name select{width: 27.4%;}
    .contactus form .btn{padding: 9px 0;}
    .contactus form{padding: 50px 0;position: relative;}
    .contactus input{width: 96%;}
    .contactus textarea,
    .contactus ul.form li span{padding-left: 10px;}
    .contactus ul.form li.full_input,
    .contactus ul.form li{width: 100%!important;float: none;padding: 5px 0px;display: block;}
    .content-wrap section p{font-size:1em;}
    .form-field div.input select.country{padding-left:16px;}
    .form-field div.input select{width: 96%;padding-left: 0px;}
    .inputfile + label .btn{padding:2px 0;margin-right: 8px;}
    .member  .fb-pop{display: none;}
    .member  .hero-desc-banner .text{margin: 110px 10px;}
    .member .app-wrap img{width:100%;}
    .member .app-wrap{width: 120%;}
    .member .btn-app .btn-pop{width: 96px;}
    .member .btn-app{top: 84px;left: 15px;}
    .member .content-wrap section .container{width: 100%;}
    .member .hero-desc-banner{height: 400px;background-size: cover;}
    .member .member-wrap .content-wrap .hide-mobile{display:none;}
    .member .member-wrap .content-wrap .show-mobile{display:block;}
    .member .member-wrap .content-wrap img:not(.svg){width: 100%;}
    .member .member-wrap .content-wrap{padding:50px 0; }
    .member .tabs-style-flip nav a{font-size:0.887em;}
    .member a[class="btn-pop"]{display:none;}
    .sub-form ul li.last{padding: 6px 0px 0;    }
   /*****************************/
    /* news */
    /*****************************/

    .f-pop-up h3{font-size: 1.5em;}
    .news .list-row .row .col-md-6{width: 70%;padding-left: 30%;float: left;}
    .news .list-row .row .news-content .btn-more{font-size:1em;}
    .news .list-row .row .news-content .wrap> p{font-size:1em;padding-bottom: 3em;}
    .news .list-row .row .news-content h3{font-size:1.5em;}
    .news .list-row .row .news-content{height: auto;margin: 0;padding: 0 50px 30px 80px;}
    .news .list-row .row .news-img{width: 32%;padding: 0;z-index: 9;margin-top: 7%;position: absolute;}
    .news .list-row .row:first-child{padding-top:60px;}
    .news .page-content .container{width: 90%;margin:0 auto;}
    .news-slider,.textContainer{width: 100%;display:block;float:none;}
}


@media (max-width: 640px) {
    .f-pop-up .col-md-10 div p{font-size: .75em;}
    .f-pop-up .col-md-10 div.mscrollcontent{padding: 30px 20px 30px 30px;}
    .index .tabs nav a{font-family: 1em;}
    .index .col-md-9 >div{width:90%;margin:0 auto;}
    .index .news-wrap .slick-next,
    .index .news-wrap .slick-prev{top: 35%;}
    .parallax-banner{height:180px;padding-bottom: 0;}
    .parallax_image{height: 180px!important;}
    .about .banner-block .text-wrap p{font-size:1em;}
    #section-concept .banner-block .container{padding:0 30px;}
    /*****************************/
    /**/
    /*****************************/
    .hero-sub-banner .svg{width: auto;height: 30px;}
    header .logo img{max-width: 90px;}
    header .logo{padding: 20px 0 17px 17px;}

   /*****************************/
    /* news */
    /*****************************/

    .brand-slider .brand-message p{padding: 20px 0;}
    .brand-slider .brand-message{min-height: 160px;}
    .brand-slider div.circle img{padding: 50px 0;/* max-width: 102px; */}
    .brand-slider div.circle{padding: 12px 0;}
    .brand-slider{padding: 50px 0 50px;}
    .join-brand-tab .content-wrap section .desktop{display: none; }
    .join-brand-tab .content-wrap section .hide-mobile{display: none; }
    .join-brand-tab .content-wrap section .show-mobile{display: block;border: none;}
    .join-brand-tab .content-wrap section{padding: 50px 25px;font-size: 1.15em;}

   /*****************************/
    /* form
    /*****************************/
    .contactus form{padding: 20px 0;}
/*    .captcha-wrap img{width:100%;}*/
    .captcha-wrap{padding: 20px 0 40px;width: 100%;margin: 0 auto;}
    .captcha-wrap img{vertical-align: middle;}
    .contactus .aggre label,
    .contactus .contact-info div,
    .contactus .contact-info div:nth-child(2),
    .contactus .contact-info div:nth-child(3){width: 100%;margin: 0;float: none;}
    .contactus .remarks{font-size: 0.889em;}
    .contactus form button.btn{display: block;margin: 0 auto;width: 50%;float: none;}
    .contactus textarea{width: 96%;}
    .hero-desc-banner .contact_no{padding: 10px 20px;margin-top: 10px;}
    .hero-desc-banner .text p{font-size: 18px;}
    .member .app-wrap{width: 100%;}
    .member .btn-app .btn-pop {width: 90px;}
    .member .btn-app{top: 86px;left: 15px;}
    .member .hero-desc-banner .text {margin: 50px auto;width: 90%;float: none;}
   /*****************************/
    /*  product
    /*****************************/
    .product .slick-next{right:3.5%;}
    .product .slick-prev{left: 3.5%;}
    .product-wrap .col-md-8{width: 100%;padding: 20px 0 0;}
    .product .ele1 {top: -15%;left: -30%;}.product .ele1 img{width: 45%;}
    .product .ele2 {top: -18%;right: -55%;}.product .ele2 img{width: 50%;}
    .product .ele3 {bottom: -19%;left: -28%;}.product .ele3 img{width: 50%;}
    .product .ele4 {bottom: -48%;right: -36%;}.product .ele4 img{width: 40%;}
    .product .ele5 {bottom: -22%;left: -10%;display: none;}.product .ele5 img{width: 60%;}

    .about .map-wrap img.desktop{display:none;}
    .about .map-wrap img.show-mobile{display:block;}
    .about .map-wrap img{width: 100%;margin:0 auto;}
    .about img.hide-mobile{display: none;}
    .arrow{bottom: 8%;margin: 0 auto;top: inherit;left: 0;width:48px;height: 48px;right: 0;}
   /*****************************/
    /* footer
    /*****************************/
    .tnc .content{width: 90%; margin: 0 auto;}
    footer .box:last-child:after{clear:both;display:table;}
    footer .box:nth-child(3){float: left;}
    footer .box:nth-child(4){width:50%;float: left;text-align:left;padding-top: 70px;}
    footer .box{width: 50%;float: left;padding: 0;}
    footer .holder .mobile{display: block;}
    /*--------------- ---------------------*
      pop up
    \*------------------------------------*/
    .about img.hide-mobile{display: none;}
    .f-pop-up .slick-dots li button,
    .f-pop-up .slick-dots li.slick-active button{height: 10px;width: 10px;}

}


@media (max-width: 480px) {
    .f-pop-up .col-md-10 div p{font-size: 1em;}
    .index .product-slider.show-mobile{display: block!important;}
    .index .news-wrap .slick-prev{left:1%;}
    .index .news-wrap .slick-next{right: 1%;}
    .tnc .content img.svg{height:28px;width:auto;}
    .about .pagetitle.tabs nav.show-mobile{display:block;}
    .brand-slider #pagenavi a{margin: 0 2px;}
    .map .store-search-wrap .place-select ul{width: 100%;}
    .navigation-portrait .nav-menu > li > a{padding: 14px 0 14px 30px;font-size: 1.25em;}
    .navigation-portrait .submenu-indicator {top: 5px;}
    br.show-mobile{display: block;}
    header .nav-menu > li:last-child{padding: 18px 0;}
    header .navigation-portrait .btn-lan{margin-left: 30px;width: 120px;}
    header ul.nav-btn-fix  li p{line-height:1;}
    header ul.nav-btn-fix  li{min-width: 84px;width: auto;padding: 10px  0 10px;}

    /*****************************/
     /* index
    /*****************************/
    .about-wrap ul li:nth-child(odd){margin-top:0;}
    .product-wrap  .col-md-8.show-mobile,
    .product-slider.show-mobile{display: block;}
    .below3{display: none;}
    .idnex .about-wrap ul li div{padding:10px;}
    .index .about-wrap p{font-size:1em;padding: 0 20px;}
    .index .about-wrap ul{width:100%;}
    .index .about-wrap{padding-top: 60px;}
    .index .content .col-md-3 img.svg{width: 80%;padding-left: 10px;width: 100%;}
    .index .content-wrap section p{font-size: 1em;}
    .index .content{padding: 20px 0;min-height: auto;}
    .index .news-wrap .content-wrap{width:100%;}
    .index .news-wrap .slick-dots{margin-top: -5%;}
    .index .product-wrap .icon img{width: 100%;}
    .index .product-wrap .icon{left: 40px;}
    .index .product-wrap{padding: 20px 0 60px;}
    .index .tabs nav a img.svg{width:auto;}
    .news-wrap section ul li>a{padding: 20px 35px;}
    .product-wrap .content-wrap section{padding: 1em 0;}
    .product-wrap .product-slider{padding: 20px 0 0;}
    .product-wrap .product-info .svg{height: 30px;width:auto;}
    /*****************************/
     /* about
    /*****************************/
    #section-concept .banner-block:nth-child(3){padding-bottom:50px;}
    #section-footprint .foot-wrap  .col-md-6{width: 70%;}
    .about .block-content{padding: 0;padding-bottom: 40px;}
    .about .block-img{width: 100%;}
    .about .cert-wrap .col-xs-6{width:90%;}
    .about .slogn{width:90%;}
    .about .social-wrap a img{height: 42px;}
    .about .social-wrap a:last-child{margin-right:0;}
    .about .social-wrap a{width: 47%;margin-right: 20px;margin-left: 0;float:left;text-align: left;}
    .about .t-cell{padding: 0 10px;display: block;}
    .about .tabs nav ul li{padding: 0;width: 32%;}
    .about .tabs-style-linemove.tabs.show-mobile{padding: 40px 0;margin-bottom: 40px;}
    .about .y20 .block-img{margin-bottom: -10px;}
    .about .y60 .block-img{margin-bottom: -40px;}
    .about .y70 .block-img{margin-bottom: -30px;}
    .about .y90 .block-img{margin-bottom: -30px;}
    .about img.at-width{width:100%;}

    /*****************************/
     /* form
    /*****************************/
    #map-canvas{min-height: 400px;}
    #member_card{padding-left:20px;}
    .brand-slider .brand-message p{padding:30px 0;}
    .brand-slider .brand-message{width: 85%;min-height: 200px;}
    .contactus  ul.form li label[for="file-1"] .btn{padding: 2px 0;margin-right: 6px;}
    .contactus .contact-info div, .contactus .contact-info div:nth-child(2), .contactus .contact-info div:nth-child(3){padding-bottom: 10px;    }
    .contactus .contact-info{padding: 30px 0 50px;}
    .contactus .content .intro{width: 90%;}
    .contactus .input_name select{width: 20%;}
    .contactus .tooltips-wrap{width: 92%;}
    .contactus form button.btn{width: 100%;}
    .contactus input[type="email"], input[type="text"], select,textarea{width: 90%;}
    .contactus textarea{width: 92%;padding: 0;}
    .contactus input{font-size: 1em;width: 90%;}
    .f-tab .show-mobile select{font-size:1.333em;width: 100%;}
    .form-field div.input select.country{padding-left: 20px;}
    .form-field div.input select{width: 93%;padding-left: 0;}
    .hero-desc-banner .text{width: 90%;float: none;margin: 0 auto;}
    .member .content-wrap section .container{width: 90%;}
    .member .content-wrap section{padding: 0 36px 40px;}
    .member .member-wrap .content-wrap img.svg{height: 16px;}
    .member .member-wrap .content-wrap{padding: 50px 0;}
    .member .tabs-style-flip nav a{padding: 1em 0;font-size: 0.889em;}
    .member .tabs-style-flip nav ul li{max-width: 23%;}
    .sub-form{margin-top: 10px;}
    .tabs-style-flip nav a{padding: 1em 2em;}
    .up-text{left: 15px;font-size: 0.889em;float: left;text-align: left;}
    form.franchising .form-field div.input select{padding-left:20px;width: 99%;}
    /*****************************/
     /* product
    /*****************************/
    .product-wrap .icon{left: 25%;}
    .guiling-wrap{background-position: 310px 0;background-size: 380px auto;}
    .product-wrap li{padding:0;max-width: 100%;}
    .product .ele1 {top: -10%;left: -32%;}
    .product .ele2 {top: -18%;right: -60%;}
    .product .ele3 {bottom: -32%;left: -52%;}
    .product .ele4 {bottom: -71%;right: -40%;}



   /*****************************/
    /* news */
    /*****************************/


    .f-message{min-width: 420px;}
    .f-pop-up .col-md-10,
    .news .list-row .row .col-md-6{width: 100%;padding-left: 0;float: none;}
    .news .list-row .row .news-content .btn-more{font-size:1em;}
    .news .list-row .row .news-content .wrap> p{font-size:1em;padding-bottom: 3em;}
    .news .list-row .row .news-content h3{font-size:1.333em;}
    .news .list-row .row .news-content{height: auto;margin: 0;padding: 0 30px 20px 30px;border: 0;}
    .news .list-row .row .news-img{width: 100%;padding: 0;z-index: 9;margin-top: 0;border-radius: 14px 14px 0 0;position: relative;}
    .news .list-row .row:first-child{padding-top: 40px;}
    .news .page-content .container{width: 86%;margin:0 auto;}
    .table .block-img img{width: 80px;}
    .table .block-img{padding: 0 10px 0 20px;width: 100%;float: none;}
    a.fancybox-close{top: 10px;width: 48px;height: 48px;right: 10px;}
    footer .bottom-links li{float:left;}

}

@media (max-width:414px){
    label[class="upload"] span{max-width:240px; }
    .f-message{min-width: 370px;}
}
@media (max-width: 375px) {
    /*------------------------------------*
        header
    \*------------------------------------*/
    header .logo img{max-width: 80px;}
    header .logo{padding: 18px 0 0 17px;}
    header ul.nav-btn-fix  li .svg{width: 25px;height: 25px;}
    header ul.nav-btn-fix  li{padding: 6px 0 12px;}
    header .nav-toggle{width: 64px;height: 64px;padding: 20px;}
    header .navigation{height: 60px;}

   /*****************************/
    /*about
    /*****************************/
    .about .tabs nav ul li{max-width: 33%;}
    .about .social-wrap a{width: 100%;margin: 0;margin-bottom: 20px;}
    .about .social-wrap a img{height: 50px;width: auto;}
    .about .banner-block .text-wrap p{font-size: 1em;}

    /*****************************/
    /* product
    /*****************************/

    #map-canvas{min-height: 360px;}
    .brand-slider .brand-message p{padding:40px 0;}
    .brand-slider .brand-message{min-height: 200px;}
    .contactus .input_name select{width: 23%;background-size: 26px auto;}
    .guiling-wrap{background-size: 370px auto;background-position: 280px 0px;}
    .member .btn-app .btn-pop {width: 85px;}
    .member .btn-app{top: 76px;}
    .member .tabs-style-flip nav a{font-size: 0.778em;}
    .product .ele1 {top: -12%;left: -44%;}
    .product .ele2 {top: -18%;right: -74%;}
    .product .ele3 {bottom: -16%;left: -42%;}
    .product .ele4 {bottom: -32%;right: -49%;}
    .product-wrap .product-info .svg{height: 30px;width:auto;}
    .product-wrap li{padding:0;max-width: 100%;}

   /*****************************/
    /* map */
    /*****************************/
    .map .store-search-wrap .col-md-3 >div.wrap{padding: 0 20px;}

    footer ul.social li a .svg{width: 36px;}
    footer .bottom-links li:nth-child(1){padding-bottom: 20px;}

    /*****************************/
    /*popup*/
    /*****************************/
    .f-message{min-width: 330px;}
    .table .block-img{padding: 0 10px;}
    .table .block-img img{width: 64px;}
}

@media (max-width:360px){
    .f-message{min-width: 300px;}
}


@media (max-width: 320px) {
    label[class="upload"] span{max-width:160px; }
    header .logo img{max-width: 70px;}
    header .logo{padding: 20px 0 0 17px;}
    .tabs nav a{font-size: .889em;}
    .navigation-portrait .nav-menu > li > a{font-size: 1em;}

    header .navigation-portrait .btn-lan{width: 120px;}

    /*****************************/
    /* product
    /*****************************/

     .tabs-style-flip nav ul li{margin:0;}
    .brand-slider .brand-message{min-height: 200px;}
    .brand-slider div.circle{padding: 30px 0;width: 180px;}
    .brand-slider div.circle img {padding: 30px 0;}
    .cell{padding-right: 10px;}
    .contactus .input_name input[type='text']{width: 65%;}
    .contactus .input_name select{width: 25%;background-size: 25px auto;}
    .contactus input{width: 90%;}
    .contactus textarea,
    .f-message{min-width: 280px;}
    .form-field div.input select{width: 92%;}
    .member .btn-app .btn-pop {width: 72px;}
    .member .btn-app{top: 65px;}
    .product .ele1{top: -14%;left: -24%;}
    .product .ele2{top: -18%;right: -82%;}
    .product .ele3{bottom: -16%;left: -55%;}
    .product .ele4{right: -56%;bottom: -38%;}
    .table .block-img img{width: 48px;}
    header ul.nav-btn-fix  li{min-width: 74px;width: auto;}
}



/* ==========================================================================
   Ie Hack
   ========================================================================== */
.form-field select{
    background-image: none!important\0\9;
}
@media screen\0 {
    .form-field select{
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        background-image: none\9\0;
    }
    .bouncing-r .shadow{display: none;}
    .bouncing-r  .r{top: 50px;}
    .hero-sub-banner .slide .title{margin-left: -8%\9\0;margin-top: -2%\9\0;}
    .hero-sub-banner .svg{width: 130%;margin: 0 auto;margin-left: 0%;}
    .product-wrap .icon img.svg{width: 48px;height: 48px;}
/*    header .logo img{height: 100%;}*/
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .bouncing-r .shadow{display: block;}
    .index header{
        bottom: inherit!important;
    }

 }


/* ==========================================================================
   other Hack
   ========================================================================== */
@media screen and ( min-height: 720px ){
   .hero-banner.desktop .slide .bgImg{
        padding-bottom: 45%;
   }
}
@media screen and ( min-height: 980px ){
   .hero-banner.desktop .slide .bgImg{
        padding-bottom: 48%;
   }
}
.btn-fix div.circle {background: #fff;padding: 10px 0 0 0;text-align: center;border: 8px solid #ffcb02;width: 75px;height: 65px;line-height: 1;}
.btn-btp a{line-height:1}

#captcha_code_reload,
#captcha_code2_reload{
    cursor: pointer;
}