/* Yellowshop - responsive */
.mobile-show {display:none;}
iframe {max-width:100%;}

@media screen and (min-width: 480px){
  .shop .column{width:50%;float:left}/*#logo a{width:150px}*/.newletter{margin:0 auto 40px;/*width:470px*/}.newletter input[type="email"]{width:300px;font-size:1rem}.newletter input[type="submit"]{padding:0 30px;width:auto;margin:0}.desc-shop .column,.filter-content .column{width:50%;float:left}.recent-post .column{width:50%;float:left}.list-blog .column{width:50%}.list-blog p.bottom a.comment{display:inline-block}

}
@media screen and (min-width: 768px){#footer .bottom .column{display:inline-block;vertical-align:middle;float:none;margin:0 -2px}#footer .bottom .column.right{margin-left: -5px;}#footer .bottom .column img{float:right;margin-left:15px;}/*#logo{padding:0}*/.wrap-cart{top:13px}.slider ul.item li.slick-slide{height:500px}.slider .content{bottom:150px}.slider .content p{font-size:2.5rem;line-height:0.7714}.slider .content p strong{font-size:0.7rem;line-height:1.6785}.slider .content .link{font-size:1.2rem}.slick-dots{display:block !important;right:20px}.blog p a{font-size:1.8rem}.mfp-bg{top:100px}.list-comment li{position:relative}.list-comment li p{padding-right:100px;padding-left:0}.list-comment .reply{position:absolute;top:0;right:0;padding:0}.reply-form input[type="text"],.reply-form input[type="email"]{width:50%}.recent-post p.author{padding:20px 0}.recent-post .column{margin:0 0 50px}p.top{font-size:0.65rem;padding:40px 0 30px}p.top span{padding:0 10px}.mix-match .list .column{padding:0 20px 0px}.mix-match .list .img{position:relative;display:block}.mix-match .list .plus{position:absolute;right:-28px;top:calc(50% - 20px);bottom:auto;left:auto;margin:-6px 0 0}.pro-img>a{display:block}.pro-img img{width:100%}
.index .blog p a {    
  text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 102px;
}
}
@media screen and (min-width: 992px){
  #footer .footer-inner{padding:70px 60px 50px}#footer .top{margin:0 0 50px}#main-navigation{width:33.3333%;position:inherit;top:auto;left:auto;overflow:inherit;padding:0}#main-navigation .primary-menu{padding:0}#main-navigation .primary-menu>li{display:inline-block;vertical-align:top}#main-navigation .primary-menu>li a:before{content:"";position:absolute;bottom:2px;left:0;height:1px;width:0;background-color:#333;transition:width .2s ease}#main-navigation .primary-menu>li a:hover:before{width:100%}
#main-navigation .primary-menu .sub-menu{position:absolute;left:0;right:0;top:40px;padding:30px 70px 30px;z-index:100;width:100%;height:0;opacity:0;visibility:hidden;display:table;transition:all 0.2s ease-in-out}
#main-navigation .primary-menu .sub-menu li{padding:5px 0}
#main-navigation .primary-menu .sub-menu>li{display:table-cell;vertical-align:top;padding:5px 10px;    
  display: block;float: left;width: 16.66%;}
#main-navigation .primary-menu .sub-menu ul ul {margin-left:20px;} 
#main-navigation .primary-menu li:hover .sub-menu{opacity:1;visibility:visible;background:#fff;z-index:9999;}/*.wrap-cart{position:inherit}*/.wrap-cart ul.item{padding:10px 0 0}.select2-container{margin:0}.header-inner{padding:25px 70px}.wrap-cart .select2,.wrap-cart .item{display:inline-block}/*#logo{padding:5px 20px 0}*/.toggle-nav{display:none}.blog .column img{margin:0 0 17px}.blog .column p{padding:0 0 10px}.slider .content{left:110px;bottom:225px}.slider .content p{font-size:3.5rem;line-height:0.7714}.slider .content p strong{font-size:0.7rem;line-height:1.6785}.slider .content .link{font-size:1.2rem;margin:50px 0 0;display:inline-block}.slider .content .link:before{bottom:-5px}.slider .arrow{bottom:55px;transition:all 0.2s ease-in-out}.slider .arrow:hover{bottom:50px}.slick-dots{right:60px}.slick-prev{left:110px;background-position:-180px 0}.slick-next{right:110px}.slick-arrow{top:390px}.shop .column{width:25%;cursor:pointer}.banner{font-size:3.5rem;line-height:1}.banner a{font-size:1.2rem}.newletter{margin:0 auto 80px}
.popup-inner{width:500px;left:auto;padding:20px;top:100px}.popup-bag-inner{width:500px;padding:20px;}
.inner-search {width:97%;}
.inner-search form{width:500px}
#popup-search input[type="text"],#popup-search input[type="email"],#popup-search input[type="password"],#popup-search textarea{font-size:3.5rem}.mfp-wrap .mfp-close{right:30px}.site-breadcrumb,.desc-shop,.filter-content,.product-detail,.mix-match,.blog,.shop,.gui{padding-right:80px;padding-left:80px}.filter-content .column{width:25%}.category .brand h1{margin-top:-18px}.category .shop .pro-img{margin:0 0 15px}.category .hover-content{bottom:20px}.category .hover-content a{display:inline-block}.editor-content .desc,.editor-content .blockquote{font-size:1.5rem;line-height:1.6}.editor-content .reply-form p.desc{font-size:0.85rem;padding:0 0 40px}.editor-content .reply-form p.title{padding-bottom:4px}.editor-content .reply-form input,.editor-content .reply-form textarea{margin:0 0 25px}.editor-content p{font-size:1rem;line-height:1.55}.editor-content .author{font-size:0.8rem}
.editor-content p,.editor-content h2,.editor-content h3,.editor-content ul,.list-comment,.reply-form,.recent-post,.editor-content{padding-left:80px;padding-right:80px}.journal-detail .about{padding:0 80px 20px}.journal-detail .social{margin:20px 80px}.list-blog{padding:0 80px}.list-blog p{font-size:1rem;line-height:1.55}.list-blog p.title{font-size:1.8rem;line-height:1.27777}.list-blog .row{margin-bottom:85px}
h1,.gui-page-title,.brandtitle{font-size:3.5rem}
#main-navigation .primary-menu li.mobile-link,
.mobile-search {display:none;}

.popup-modal-hover:hover .fade-hide {visibility:visible;opacity:1;}
.shop .column:hover img{opacity:0.6;filter:alpha(opacity=60);position:relative;}
.shop .column a.product-img:after {transition: all 0.2s ease-in-out;content:'';display:block;position:absolute;left:0;bottom:0px;right:0;top:0;}
.shop .column:hover a.product-img:after {background:rgba(51,51,51,0.4);}
.accordion .content a:hover:before{width:100%}
#footer .menu a:before{content:"";position:absolute;bottom:0;left:0;height:1px;width:0;background-color:#fff;transition:width .2s ease}
#footer .menu a:hover:before{width:100%}
.gui a.gui-button-large.gui-button-action:hover,
.gui-checkout .gui-form a.gui-button-action:hover {background:none;color:#333;}
.gui a.gui-button-small:hover {background:#2c2c2e;color:#FFF;}

}
@media screen and (min-width: 1200px){
  .desc-shop p{font-size:1.5rem;line-height:1.6}.news-block p{font-size:1rem;line-height:1.55}.pro-img ul{left:25px;right:25px;bottom:30px}.filter-content .column{margin:0 0 15px}.category .paging{margin:40px 0 80px}#footer .card{text-align:right}.slider{margin:0 0 84px}.slider ul.item li.slick-slide{height:888px}.slick-arrow{display:block !important}.blog,.shop,.banner{padding:0 80px 0}.blog{padding-bottom:70px}.shop p.title{padding:0 0 15px}.shop .column:hover .hover-content{display:block}.shop .see-all{margin:10px 0 100px}.recent-post .column{width:25%;margin:0}.recent-post p{line-height:1.5909}.recent-post p.title{padding:0 0 35px}.recent-post p.author{padding:15px 0 5px}
.list-comment,.reply-form,.editor-content p,.editor-content h2,.editor-content h3,.editor-content ul{padding-left:220px;padding-right:220px}.editor-content blockquote{margin:0 0 60px;font-size:1.5rem}.editor-content blockquote p{font-size:1.5rem;padding:40px 0 0px}.editor-content blockquote p.author{font-size:0.825rem;padding:10px 0 0}.editor-content p{padding-bottom:30px}.editor-content p.desc{padding:45px 150px 55px}.editor-content p.title{padding-bottom:20px}.journal-detail .social{margin:10px 220px 30px}.journal-detail .social li{margin:0 12px}.journal-detail .about{padding:0 220px 110px}.list-comment li{margin:0 0 35px}.list-comment li p.bold{padding-bottom:5px}.reply-form{margin:0 0 100px}.product-detail{padding-bottom:55px;margin-bottom:55px}.product-detail h1,.product-detail .brandtitle{font-size:1.8rem}.product-detail h1 {display:block;padding:0}.pro-info{padding:60px 40px}.ship p{padding:0 0 45px}.ship p.button{padding:0 0 30px}.pro-info .journal-detail .social{margin:0}.pro-info .journal-detail .social li:first-child{margin-left:0}.mix-match{margin:0 0 95px}.mix-match p.small{padding:0 0 24px;margin:-6px 0 0}.mix-match p.price{padding:5px 0 27px}.mix-match .column.right{padding-left:60px}
}

@media (max-width: 1390px){
  .product-configure label {float:none;width:100%;}
  .product-configure input[type="text"], .product-configure textarea,
  .product-configure .select2-container,
  .product-configure select[multiple] {width:100%!important;}
  .product-configure .product-configure-custom-option-item {margin-left:0;padding-left:0;}

  .product-configure-custom-option-date-day + .select2,
  .product-configure-custom-option-date-month + .select2,
  .product-configure-custom-option-date-year + .select2 {width:32%!important;}
  .product-configure-custom-option-time-hour + .select2,
  .product-configure-custom-option-time-minute + .select2 {width:47.5%!important;}
}

@media (max-width: 991px){
#main-navigation .primary-menu li {padding:0;}
    #main-navigation .primary-menu li+li{border-top:1px solid #ccc}#main-navigation .primary-menu li a{display:block}

#main-navigation .primary-menu li a i{transition:all 0.4s ease-in-out;
    width: 33px;
    height: 33px;
    margin: 0;
    top: 0;
    right: 0;
    position: absolute;
    text-align: center;
    line-height: 33px;
    border-left: 1px solid #ccc;}
#main-navigation .primary-menu li a i.open:before {content: "\f068";}
#main-navigation .primary-menu li.active{transition:all 0.4s ease-in-out}
#main-navigation .primary-menu li.active>ul{height:100%}
#main-navigation .p.wrap-cart ul.itemrimary-menu>li{padding:0}
#main-navigation .primary-menu>li>a{padding:10px}
#main-navigation .primary-menu>li:focus>a{background-color:#eee;transition:background-color 0.3s ease-in-out}
#main-navigation .primary-menu .sub-menu{border-top:1px solid #ccc;margin:0;}
#main-navigation .primary-menu .sub-menu>li {padding:0;}
#main-navigation .primary-menu .sub-menu>li a{color:#38393b;font-size:0.7rem;margin:0;padding:5px 0 5px 20px}
#main-navigation .primary-menu .sub-menu>li ul li{border:0}
#main-navigation .primary-menu .sub-menu>li.active>a {border-bottom:1px solid #ccc;}

#main-navigation .primary-menu .sub-menu>li ul{display:none!important;}
#main-navigation .primary-menu .sub-menu>li.active>ul{display:block!important;}

.cart .currency,.cart .language,.cart .select2,
.wrap-cart ul.item .myaccount,.wrap-cart ul.item .heart,.wrap-cart ul.item .search {display:none;}
h1, .gui-page-title,.brandtitle {font-size:1.8rem;}
.mobile-show {display:block;}
}
@media (max-width: 479px){
/* #footer .card a {margin-left:15px;} */
 #footer .card a:first-child, #footer .card a:nth-child(6n) {margin-left:0;}

.product-detail .title li {width:100%;}
.product-detail h1,.product-detail .brandtitle {margin-bottom:10px;}
.product-detail .title li.price {text-align: left;margin-bottom: 10px;}
.accordion h2 span {display: block;float: none;text-align: left;margin-top: 10px;max-width:100%;}

.shop .content li.title p.desc {display:none;}
.btn-2, .reply-form input[type="submit"]{width: 100%;text-align: center;}

.filter a:before {background:url(icon-filterx2.png) no-repeat top left;background-size:24px;}
.filter a:hover:before {background-position:top left;}

.list-blog p.title {margin-bottom:10px;}
.list-blog p.bottom {margin-top:10px;}

.gui-table {position:relative;}
.gui-div-cart-coupons {margin-bottom:20px!important;}

.mobile-hide {display:none;}
.mobile-block {display:block;width:100%;}
  
  .wrap-cart ul.item li.bag { position: absolute; top: 0; right: 0;white-space: nowrap; }
  
  #logo a img { width: 20%; max-width: 65px; }
}


@media print{
  *{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}@page{margin:0.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}
}

@media screen and (min-width: 992px){ #config-dropdown .select2-container--open .select2-dropdown--above {border-bottom: 0;}}

.newletter input[type="email"]{font-size: 0.7rem;}
@media screen and (min-width: 480px){.newletter input[type="email"]{font-size: 0.78rem;}}

@media screen and (max-width:920px) {
  #logo { width: 13vw; left: 42%; padding-top: 0px;}
}
@media screen and (max-width:500px) {
#logo { position: absolute; top: 14px; left: 37vw; width: 200px;  }
}