/**************************************************************
          CMS Pages Styles
***************************************************************/
#cms #center_column img.banner_clerance{
  margin-top: 8%;
}
#cms #center_column .block-cms {
  padding-bottom: 20px; }
#cms #center_column h1 {
  margin-bottom: 25px; }
/*#cms #center_column h3 {
  font-size: 16px;
  border-bottom: none;
  margin: 0;
  padding: 0 0 17px 0; }*/
/*#cms #center_column p {
  line-height: 18px; }*/
#cms #center_column .list-1 li {
  padding: 4px 0 6px 0;
  font-weight: bold;
  color: #46a74e;
  border-top: 1px solid #d6d4d4; }
  #cms #center_column .list-1 li:first-child {
    border: none; }
  #cms #center_column .list-1 li em {
    font-size: 20px;
    line-height: 20px;
    padding-right: 15px;
    vertical-align: -2px; }
#cms #center_column img {
  margin: 4px 0 17px;
  /*height: auto;*/ }
#cms #center_column .testimonials {
  border: 1px solid;
  border-color: #dfdede #d2d0d0 #b0afaf #d2d0d0;
  margin: 4px 0 13px 0;
  position: relative; }
  #cms #center_column .testimonials .inner {
    border: 1px solid white;
    padding: 19px 18px 11px 18px;
    background: #fbfbfb;
    background: -moz-linear-gradient(top, #fbfbfb 0%, #fefefe 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb), color-stop(100%, #fefefe));
    background: -webkit-linear-gradient(top, #fbfbfb 0%, #fefefe 100%);
    background: -o-linear-gradient(top, #fbfbfb 0%, #fefefe 100%);
    background: -ms-linear-gradient(top, #fbfbfb 0%, #fefefe 100%);
    background: linear-gradient(to bottom, #fbfbfb 0%, #fefefe 100%); }
    #cms #center_column .testimonials .inner span {
      text-indent: -5000px;
      display: inline-block;
      width: 20px;
      height: 15px; }
      #cms #center_column .testimonials .inner span.before {
        background: url(../img/bl-before-bg.png) no-repeat;
        margin-right: 8px; }
      #cms #center_column .testimonials .inner span.after {
        background: url(../img/bl-after-bg.png) no-repeat;
        margin-left: 8px; }
  #cms #center_column .testimonials:after {
    content: ".";
    display: block;
    text-indent: -5000px;
    position: absolute;
    bottom: -16px;
    left: 21px;
    width: 15px;
    height: 16px;
    background: url(../img/testimon-after.gif) no-repeat; }
  #cms #center_column .testimonials + p {
    padding-left: 45px;
    margin-bottom: 18px; }
#cms #center_column p.bottom-indent {
  margin-bottom: 18px; }
#cms #center_column #admin-action-cms {
  background: none repeat 0 0 #F6F6F6;
  border: 1px solid #d2d0d0;
  padding: 10px; }
  #cms #center_column #admin-action-cms p {
    margin: 0; }
    #cms #center_column #admin-action-cms p span {
      display: block;
      padding-bottom: 10px;
      font-size: 14px;
      font-weight: bold;
      color: #333333; }
    #cms #center_column #admin-action-cms p .button {
      font: 700 17px/21px Arial, Helvetica, sans-serif;
      padding: 0;
      border: 1px solid;
      padding: 10px 14px;
      display: inline-block; }
      #cms #center_column #admin-action-cms p .button.publish_button {
        color: white;
        text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
        border-color: #0079b6 #006fa8 #012740 #006fa8;
        background: #009ad0;
        background: -moz-linear-gradient(top, #009ad0 0%, #007ab7 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009ad0), color-stop(100%, #007ab7));
        background: -webkit-linear-gradient(top, #009ad0 0%, #007ab7 100%);
        background: -o-linear-gradient(top, #009ad0 0%, #007ab7 100%);
        background: -ms-linear-gradient(top, #009ad0 0%, #007ab7 100%);
        background: linear-gradient(to bottom, #009ad0 0%, #007ab7 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009ad0', endColorstr='#007ab7',GradientType=0); }
        #cms #center_column #admin-action-cms p .button.publish_button:hover {
          border-color: #01314e #004b74 #0079b6 #004b74;
          filter: none;
          background: #0084bf; }
      #cms #center_column #admin-action-cms p .button.lnk_view {
        color: #333333;
        text-shadow: 1px 1px white;
        border-color: #cacaca #b7b7b7 #9a9a9a #b7b7b7;
        background: #f7f7f7;
        background: -moz-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ededed));
        background: -webkit-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
        background: -o-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
        background: -ms-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
        background: linear-gradient(to bottom, #f7f7f7 0%, #ededed 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#ededed',GradientType=0); }
        #cms #center_column #admin-action-cms p .button.lnk_view:hover {
          border-color: #9e9e9e #9e9e9e #c8c8c8 #9e9e9e;
          filter: none;
          background: #e7e7e7; }


/*forum*/
@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@400;500;600;700;800;900&display=swap');
body{overflow-x: hidden;}

h2{text-transform: uppercase;}
p {
    margin: 0 0 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 26px;
}

.navi{background: #ffce00;padding: 0 !important;}

.jumbotron{padding: 0; margin: 0; position: relative}
/*.jumbotron:after{background: rgba(0,0,0,.5); position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: '';}*/
.jumbotron .container { max-width: 100%; /*height: 100%;*/}
.home-ban{position: relative;}
.home-ban img{width: 100%;}
.home-ban .ban-text{text-align: center; position: absolute; margin: 0 auto 0; color: #FFFFFF; font-size: 16px; z-index: 1; width: 1320px; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.home-ban .ban-text h1{font-size: 42px; line-height: 62px; margin: 0; font-weight: bold;}
.home-ban .ban-text h1 span{display: block;}
.customslider .carousel{padding: 0px !important;}
.carousel{background: #929292 !important; padding: 40px !important;}
.carousel-item{border: 10px solid #FFFFFF; background-image: linear-gradient(to top, #44412f , #d9c674);}
.carousel-item .left, .carousel-item .right{width: 48%}
.carousel-item .left img{width: 100%;}
.carousel-item .right{margin: 125px 0}
.carousel-item h1{font-size: 63px; line-height: 60px; font-weight: 900; color: #000000; text-transform: uppercase; font-family: 'Big Shoulders Display', cursive;}
.carousel-item p{font-size: 22px; line-height: 32px;}
.carousel-caption{position: relative !important; top: 0 !important; left: 0 !important; bottom: 0 !important;  margin: 0 auto; padding: 0 10%;}
.carousel-control-next, .carousel-control-prev{width: 74px; height: 74px; opacity: 1}
.carousel-control-next{background: url(../img/next.png) no-repeat; top: 50%; right: 0%; transform: translate(0%,-50%); -webkit-transform: translate(0%,-50%);}
.carousel-control-prev{background: url(../img/pre.png) no-repeat; top: 50%; left: 0%; transform: translate(0%,-50%); -webkit-transform: translate(0%,-50%);}
.carousel-control-prev-icon{display: none}
.carousel {
 position:relative
}
.carousel .carousel-inner {
 position:relative;
 width:100%;
 overflow:hidden;
 height: auto;
}
#cms .centercontain .carousel-caption .left img{
    margin: 4px 0 17px;
}
#content .overview .centercontain{
  background: none !important;
}
.carousel-inner .carousel-item {
    border: 10px solid #FFFFFF;
    background-image: linear-gradient(to top, #44412f , #d9c674);
}
.carousel-item {
 position:relative;
 display:none;
 -ms-flex-align:center;
 align-items:center;
 width:100%;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 -webkit-perspective:1000px;
 perspective:1000px
}
.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
 display:block;
 transition:-webkit-transform .6s ease;
 transition:transform .6s ease;
 transition:transform .6s ease,-webkit-transform .6s ease
}
@media screen and (prefers-reduced-motion:reduce) {
 .carousel-item-next,
 .carousel-item-prev,
 .carousel-item.active {
  transition:none
 }
}
.carousel-item-next,
.carousel-item-prev {
 position:absolute;
 top:0
}
.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
 -webkit-transform:translateX(0);
 transform:translateX(0)
}
@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
 .carousel-item-next.carousel-item-left,
 .carousel-item-prev.carousel-item-right {
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
}
.active.carousel-item-right,
.carousel-item-next {
 -webkit-transform:translateX(100%);
 transform:translateX(100%)
}
@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
 .active.carousel-item-right,
 .carousel-item-next {
  -webkit-transform:translate3d(100%,0,0);
  transform:translate3d(100%,0,0)
 }
}
.active.carousel-item-left,
.carousel-item-prev {
 -webkit-transform:translateX(-100%);
 transform:translateX(-100%)
}
@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
 .active.carousel-item-left,
 .carousel-item-prev {
  -webkit-transform:translate3d(-100%,0,0);
  transform:translate3d(-100%,0,0)
 }
}
.carousel-fade .carousel-item {
 opacity:0;
 transition-duration:.6s;
 transition-property:opacity
}
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
 opacity:1
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
 opacity:0
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev,
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active {
 -webkit-transform:translateX(0);
 transform:translateX(0)
}
@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
 .carousel-fade .active.carousel-item-left,
 .carousel-fade .active.carousel-item-prev,
 .carousel-fade .carousel-item-next,
 .carousel-fade .carousel-item-prev,
 .carousel-fade .carousel-item.active {
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
}
.carousel-control-next,
.carousel-control-prev {
 position:absolute;
 top:0;
 bottom:0;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-align:center;
 align-items:center;
 -ms-flex-pack:center;
 justify-content:center;
 width:15%;
 color:#fff;
 text-align:center;
 opacity:.5
}
.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
 color:#fff;
 text-decoration:none;
 outline:0;
 opacity:.9
}
.carousel-control-prev {
 left:0
}
.carousel-control-next {
 right:0
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
 display:inline-block;
 width:20px;
 height:20px;
 background:transparent no-repeat center center;
 background-size:100% 100%
}
.carousel-control-prev-icon {
 background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")
}
.carousel-control-next-icon {
 background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")
}
.carousel-indicators {
 position:absolute;
 right:0;
 bottom:10px;
 left:0;
 z-index:15;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-pack:center;
 justify-content:center;
 padding-left:0;
 margin-right:15%;
 margin-left:15%;
 list-style:none
}
.carousel-indicators li {
 position:relative;
 -ms-flex:0 1 auto;
 flex:0 1 auto;
 width:30px;
 height:3px;
 margin-right:3px;
 margin-left:3px;
 cursor:pointer;
 background-color:rgba(255,255,255,.5)
}
.carousel-indicators li::before {
 position:absolute;
 top:-10px;
 left:0;
 display:inline-block;
 width:100%;
 height:10px;
 content:""
}
.carousel-indicators li::after {
 position:absolute;
 bottom:-10px;
 left:0;
 display:inline-block;
 width:100%;
 height:10px;
 content:""
}
.carousel-indicators .active {
 background-color:#fff
}
.carousel-caption {
 position:absolute;
 right:15%;
 bottom:20px;
 left:15%;
 z-index:10;
 padding-top:20px;
 padding-bottom:20px;
 color:#fff;
 text-align:center
}

.header .menu{position: relative; z-index: 10}
.header .menu ul {margin: 0; padding: 0;}
.header .menu ul li {display: inline-block; list-style: none; margin: 0}
.header .menu ul li a {text-decoration: none; display: block; padding: 0 21px; font-family: 'Big Shoulders Display', cursive; font-weight: bold; font-size: 21px; color: #000; line-height: 70px; text-transform: uppercase}
/*.header .menu ul li ul.submenu {background-color: #65c2ed; display: none; position: absolute; width: 150px; -moz-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.05);  -webkit-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.05);}
.header .menu ul li ul.submenu li {display: block; width: 100%;}
.header .menu ul li ul.submenu li a {color: #fff; line-height: 25px;padding: 10px 27px;}
.header .menu ul li ul.submenu li a:hover {color: #fff; background-color: #000;}
.header .menu ul li:hover ul.submenu {display: block;}*/
.header .menu ul li:hover a{color: #000; }
.header .menu ul li ul {
    position: absolute;
    display: none;
    background: #000;
}
.header .menu ul li ul li {
    display: block;
}
.header .menu ul li ul li a {
    line-height: 50px;
}
.header .menu ul li ul li a:hover {color: #fff; background-color: #000;}
.header .menu ul li:hover ul {
    display: block;
}
.header .menu ul li:hover ul li a{color: #fff;}
.header .menu ul li:hover ul li a:hover{color: #ffce00;}
.header .menu ul li i.icon-arrow {display: none;}
.header .menu ul li.blank{width: 120px;}

.overview{background: url(../img/preview-full-Firenze-Black-Medium-Weight-FIRE.jpg) no-repeat center center; background-size: cover;}
.overview .left{width: 50%; margin: 200px 0}
.overview .right{width: 50%;}
.overview .right ul{margin: 0; padding: 0; line-break: none; position: absolute; right: }
.overview .right ul li{float: left; list-style: none; text-align: right; margin: 20px; width: 350px}
.overview .right ul li img{border: 12px solid #d8d8d8}
.overview .right ul li:nth-child(2n+2){text-align: left; width: auto;}
.overview .right ul li:nth-child(3){margin: -80px 20px 20px}
.overview h2{color: #FFFFFF; font-size: 60px; line-height: 60px;font-family: 'Big Shoulders Display', cursive;font-weight: 900;margin-bottom: 40px !important;}
.overview p{color: #FFFFFF}
.overview .blank-btn{border: 2px solid #FFFFFF; color: #FFFFFF}

.leather{text-align: center;background: #fff}
.leather ul{margin: 0; padding: 0; list-style: none}
.leather ul li{margin: 0 30px 0 0; list-style: none; width: 410px; padding: 15px; float: left;}
.leather ul li img{width: 100%;} 
.leather ul li.one{background: #000000 url(../img/street-leather-bg.jpg) no-repeat bottom center;}
.leather ul li.two{background: #000000 url(../img/racing-leather-bg.jpg) no-repeat bottom center;}
.leather ul li.three{background: #000000 url(../img/automotive-racing-suits-bg.jpg) no-repeat bottom center;}
.leather ul li:last-child{margin-right: 0;}
.leather h3{font-size: 34px; line-height: 40px; font-weight: 900; color: #FFFFFF; margin: 0 0 30px; text-transform: uppercase; font-family: 'Big Shoulders Display', cursive; min-height: 80px;}
.leather .text{color: #FFFFFF}
.leather img{margin: 0 0 0px}
.leather ul li img {
  margin: 0 !important;}

.video{background: url(../img/video-bg.jpg) no-repeat center center; background-size: cover; padding: 0 !important; margin-bottom: 3px;}
.video .left, .video .right{width: 50%;}
.video .left{color: #FFFFFF; text-transform: uppercase; font-weight: 900; font-size: 120px; line-height: 110px; font-family: 'Big Shoulders Display', cursive; padding: 100px;}
.video .right img, .video .right iframe{width: 100%;margin: 0 !important;}

#content .row-am {padding: 80px 0;}


.yellow-btn{border: none; padding: 0 30px; background: #f0cc02; text-transform: uppercase; color: #000000; line-height: 56px; font-family: 'Big Shoulders Display', cursive; font-weight: 900; font-size: 19px; cursor: pointer}
.yellow-btn:hover{background: #000000; color: #FFFFFF}

.blank-btn{border: 2px  solid #FFFFFF; padding: 0 30px; background: transparent; text-transform: uppercase; color: #FFFFFF; line-height: 56px; font-family: 'Big Shoulders Display', cursive; font-weight: 900; font-size: 19px; cursor: pointer}
.blank-btn:hover{background: #000000; color: #FFFFFF}
.white-btn{border: none; padding: 0 30px; background: #FFFFFF; text-transform: uppercase; color: #000000; line-height: 56px; /*font-family: 'Big Shoulders Display', cursive;*/ font-weight: 900; font-size: 19px; cursor: pointer}
.white-btn:hover{background: #000000; color: #FFFFFF}
.gray-btn{border: 1px solid #999999; padding: 0 30px; background: #f2f2f2; text-transform: uppercase; color: #000000; line-height: 56px; font-family: 'Big Shoulders Display', cursive; font-weight: 900; font-size: 19px; cursor: pointer}
.gray-btn:hover{background: #000000; color: #FFFFFF}
.gray-btn a:hover{color: #FFFFFF}

@media only screen and (min-width:1600px) and (max-width:1799px) {
.carousel-caption{padding: 0 4%}
.carousel-item .right { margin: 110px 0;}

.overview .right ul li:nth-child(3), .overview .right ul li:nth-child(4){display: none}

.video .left{font-size: 70px; line-height: 70px; padding: 120px}
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
.carousel-caption{padding: 0 4%}
.carousel-item .right { margin: 70px 0;}
.carousel-item h1 {font-size: 54px;line-height: 60px;}
.carousel-item p{font-size: 16px; line-height: 20px;}

.overview .right ul li:nth-child(3), .overview .right ul li:nth-child(4){display: none}

.video .left{font-size: 70px; line-height: 70px; padding: 90px}
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.header .menu ul li a{padding: 0 12px !important;}
.header .menu ul li.blank{width: 122px !important}

.carousel-caption{padding: 0 4%}
.carousel-item .right { margin: 70px 0;}
.carousel-item h1 {font-size: 34px;line-height: 40px;}
.carousel-item p{font-size: 16px; line-height: 20px;}

.featured-products ul li{width: 350px;}

.overview .left{margin: 140px 0}
.overview .right ul li:nth-child(3), .overview .right ul li:nth-child(4){display: none}

.leather ul li{width: 350px;}
.leather ul li img{width: 100%;}

.video .left{font-size: 50px; line-height: 50px; padding: 98px}

.ban-in .ban-text{width: 100%;}

.product-detail .detail{padding: 20px;}
.product-detail .detail .right .select{margin-bottom: 0}
.product-detail .description{padding: 20px;}
.product-detail .description .tab-box a{font-size: 14px;}
.product-detail .description .tabcontent{padding: 20px;}
.product-detail .description .tabcontent .left{width: 55%}
.product-detail .description .tabcontent .right{width: 42%;}
.product-detail .description .tabcontent .left{margin: 0 0 20px;}
.product-detail .description .tabcontent .right ul li{padding: 0 4px; margin-bottom: 20px;}
.product-detail .description .tabcontent .right ul li img{max-width: 100%;}
.product-detail .detail .left .pro-thumb ul li{margin: 0 3px;}
.product-detail .detail .right .input-number{width: 83px;}

.related-pro ul li{width: 350px;}

#quantity_wanted_p input{width: 91px;}
}

/** 5.0 - 1200 - Desktop **/
@media only screen and (min-width:992px) and (max-width:1199px) {
.header .menu ul li a{padding: 0 8px !important;}
.header .menu ul li.blank{width: 20px !important}

.carousel-caption{padding: 0 4%}
.carousel-item .right { margin: 33px 0;}
.carousel-item h1 {font-size: 34px;line-height: 40px;}
.carousel-item p{font-size: 16px; line-height: 20px;}

.featured-products ul li{width: 48%; margin: 0 1% 20px;}
.featured-products ul li:nth-child(3n+3){margin-right: 1%}

.overview .left, .overview .right{width: 100%;}
.overview .left{margin: 0 0 20px;}
.overview h2{font-size: 30px; line-height: 30px;}
.overview .right ul{position: relative}
.overview .right ul li{margin: 10px;}
.overview .right ul li:nth-child(2n+2){width: 58%}
.overview .right ul li:nth-child(2n+2) img{width: 100%;}
.overview .right ul li:nth-child(3) { margin: -80px 10px 20px;}

.leather ul li{width: 290px;}
.leather ul li img{width: 100%;}

.video .left{font-size: 50px; line-height: 50px; padding: 65px}

.ban-in .ban-text{width: 100%;}

.product-detail .detail{padding: 20px;}
.product-detail .detail .right .select{margin-bottom: 20px}
.product-detail .description{padding: 20px;}
.product-detail .description .tab-box a{font-size: 14px;}
.product-detail .description .tabcontent{padding: 20px;}
.product-detail .description .tabcontent .left, .product-detail .description .tabcontent .right{width: 100%;}
.product-detail .description .tabcontent .left{margin: 0 0 20px;}
.product-detail .description .tabcontent .right ul li{padding: 0 2px; margin-bottom: 20px;}
.product-detail .description .tabcontent .right ul li img{max-width: 100%;}
.product-detail .detail .left .pro-thumb ul li{margin: 0 3px;}
.product-detail .detail .right .col-md-3, .product-detail .detail .right .col-md-5, .product-detail .detail .right .col-md-4, .product-detail .detail .right .col-md-8{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}

.related-pro ul li{width: 48%; margin: 0 1% 20px;}
.related-pro ul li:nth-child(3n+3){margin-right: 1%}

.buttons_bottom_block{margin-bottom: 0}
.product-detail .detail .right .gray-btn{margin-bottom: 0}
}

/** 7.0 - 768 - iPad **/
@media only screen and (min-width: 768px) and (max-width: 991px) {
#menu-toggle{display: block; float: right; padding: 28px 12px;}
.navbar-brand{line-height: 48px; padding: 14px 0;}
.navbar-header{width: 100%;}
.navbar-brand span{margin-left: 10px;}
.header nav.menu .hamburger{top: 86px !important; }
.top-right{padding: 5px 0}

.carousel{padding: 20px;}
.carousel-item .left, .carousel-item .right{width: 100%}
.carousel-item .left{margin: 0 0 20px;}
.carousel-item .right{margin: 0; padding-bottom: 20px;}
.carousel-item h1{font-size: 52px; line-height: 56px;}

h2{font-size: 30px; line-height: 30px;}

.featured-products ul li{width: 48%; margin: 0 1% 20px;}
.featured-products ul li:nth-child(3n+3){margin-right: 1%}

.overview .left, .overview .right{width: 100%;}
.overview .left{margin: 0 0 20px;}
.overview h2{font-size: 30px; line-height: 30px;}
.overview .right ul{position: relative}
.overview .right ul li{width: 100%; margin: 0 0 20px;}
.overview .right ul li:nth-child(2n+2){width: 100%;}
.overview .right ul li img{max-width: 100%;}
.overview .right ul li:nth-child(3){margin: 0 0 20px;}

.leather ul li{width: 100%; margin: 0 0 20px;}
.leather ul li img{width: 100%;}

.video .left, .video .right{width: 100%;}
.video .left{font-size: 60px; line-height: 60px; padding: 30px;}

footer .footer1 .col-md-3{margin-bottom: 20px; width: 50%; float: left; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}

.ban-in .ban-text{width: 100%;}
.ban-in .ban-text h1{font-size: 40px; line-height: 40px;}
.ban-in .ban-text h4{font-size: 18px; line-height: 28px;}

.product-detail .detail{padding: 20px;}
.product-detail .detail .left, .product-detail .detail .right{width: 100%}
.product-detail .detail .left{margin: 0 0 20px;}
.product-detail .detail .left .pro-thumb{padding: 0 20px;}  
.product-detail .detail .left .ce { margin: 20px 0 0 26px;  }
.product-detail .detail .right .select{margin-bottom: 20px}
.product-detail .description{padding: 20px;}
.product-detail .description .tab-box a{width: 50%; font-size: 16px;}
.product-detail .description .tabcontent{padding: 20px;}
.product-detail .description .tabcontent .left, .product-detail .description .tabcontent .right{width: 100%;}
.product-detail .description .tabcontent .left{margin: 0 0 20px;}
.product-detail .description .tabcontent .right ul li{padding: 0 2px; margin-bottom: 20px;}
.product-detail .description .tabcontent .right ul li img{max-width: 100%;}

.related-pro ul li{width: 48%; margin: 0 1% 20px;}
.related-pro ul li:nth-child(3n+3){margin-right: 1%}

.buttons_bottom_block{margin-bottom: 0}
.product-detail .detail .right .gray-btn{margin-bottom: 0}
}

/** 8.0 - 640 - Mobile **/
@media only screen and (min-width: 640px) and (max-width: 767px) {
#menu-toggle{display: block; float: right; padding: 28px 12px;}
.navbar-brand{line-height: 48px; padding: 14px 0;}
.navbar-header{width: 100%;}
.navbar-brand span{margin-left: 10px;}
.header nav.menu .hamburger{top: 86px !important; right: 60px !important}
.top-right{padding: 5px 0}

.carousel{padding: 20px;}
.carousel-item .left, .carousel-item .right{width: 100%}
.carousel-item .left{margin: 0 0 20px;}
.carousel-item .right{margin: 0; padding-bottom: 20px;}
.carousel-item h1{font-size: 32px; line-height: 36px;}
.carousel-item p{font-size: 16px; line-height: 20px;}

h2{font-size: 30px; line-height: 30px;}

.featured-products ul li{width: 100%; margin: 0 0 20px;}

.overview .left, .overview .right{width: 100%;}
.overview .left{margin: 0 0 20px;}
.overview h2{font-size: 30px; line-height: 30px;}
.overview .right ul{position: relative}
.overview .right ul li{width: 100%; margin: 0 0 20px;}
.overview .right ul li:nth-child(2n+2){width: 100%;}
.overview .right ul li img{max-width: 100%;}
.overview .right ul li:nth-child(3){margin: 0 0 20px;}

.leather ul li{width: 100%; margin: 0 0 20px;}
.leather ul li img{width: 100%;}

.video .left, .video .right{width: 100%;}
.video .left{font-size: 60px; line-height: 60px; padding: 30px;}

footer .footer1 .col-md-3{margin-bottom: 20px;}
footer .footer2 .left, footer .footer2 .right{float: none; width: 100%; text-align: center;}
footer .footer2 .left{margin-bottom: 20px;}
footer .footer2 .right ul{text-align: center;}
footer .footer2 .right ul li{display: inline-block; float: none;}

.mobile{display: block;}
.desktop{display: none;}

.ban-in .ban-text{width: 100%;}
.ban-in .ban-text h1{font-size: 40px; line-height: 40px;}
.ban-in .ban-text h4{font-size: 18px; line-height: 28px;}

.product-list .left, .product-list .right{width: 100%; text-align: left}

.product-detail .detail{padding: 20px;}
.product-detail .detail .left, .product-detail .detail .right{width: 100%}
.product-detail .detail .left{margin: 0 0 20px;}
.product-detail .detail .left .pro-img img{width: 100%}
.product-detail .detail .left .pro-thumb{padding: 0 20px;}
.product-detail .detail .left .pro-thumb ul li{margin: 0 2px;}
.product-detail .detail .left .ce { margin: 20px 0 0 26px;  }
.product-detail .detail .right h1{font-size: 24px; line-height: 30px;}
.product-detail .detail .right .select{margin-bottom: 20px}
.product-detail .description{padding: 20px;}
.product-detail .description .tab-box a{width: 100%; font-size: 16px;}
.product-detail .description .tabcontent{padding: 20px;}
.product-detail .description .tabcontent .left, .product-detail .description .tabcontent .right{width: 100%;}
.product-detail .description .tabcontent .left{margin: 0 0 20px;}
.product-detail .description .tabcontent .right ul li{padding: 0 2px; margin-bottom: 20px;}
.product-detail .description .tabcontent .right ul li img{max-width: 100%;}

.related-pro ul li{width: 100%; margin: 0 0 20px;}

.buttons_bottom_block{margin-bottom: 0}
.product-detail .detail .right .gray-btn{margin-bottom: 0}
}

/** 9.0 - 480 - Mobile **/
@media only screen and (min-width: 480px) and (max-width: 639px) {
#menu-toggle{display: block; float: right; padding: 28px 12px;}
.navbar-brand{line-height: 48px; padding: 14px 0;}
.navbar-header{width: 100%;}
.navbar-brand span{margin-left: 10px;}
.header nav.menu .hamburger{top: 86px !important;}
.top-right{padding: 5px 0}

.carousel{padding: 20px;}
.carousel-item .left, .carousel-item .right{width: 100%}
.carousel-item .left{margin: 0 0 20px;}
.carousel-item .right{margin: 0; padding-bottom: 20px;}
.carousel-item h1{font-size: 32px; line-height: 36px;}
.carousel-item p{font-size: 16px; line-height: 20px;}

h2{font-size: 30px; line-height: 30px;}

.featured-products ul li{width: 100%; margin: 0 0 20px;}

.overview .left, .overview .right{width: 100%;}
.overview .left{margin: 0 0 20px;}
.overview h2{font-size: 30px; line-height: 30px;}
.overview .right ul{position: relative}
.overview .right ul li{width: 100%; margin: 0 0 20px;}
.overview .right ul li:nth-child(2n+2){width: 100%;}
.overview .right ul li img{max-width: 100%;}
.overview .right ul li:nth-child(3){margin: 0 0 20px;}

.leather ul li{width: 100%; margin: 0 0 20px;}
.leather ul li img{width: 100%;}

.video .left, .video .right{width: 100%;}
.video .left{font-size: 60px; line-height: 60px; padding: 30px;}

footer .footer1 .col-md-3{margin-bottom: 20px;}
footer .footer2 .left, footer .footer2 .right{float: none; width: 100%; text-align: center;}
footer .footer2 .left{margin-bottom: 20px;}
footer .footer2 .right ul{text-align: center;}
footer .footer2 .right ul li{display: inline-block; float: none;}

.mobile{display: block;}
.desktop{display: none;}

.ban-in .ban-text{width: 100%;}
.ban-in .ban-text h1{font-size: 40px; line-height: 40px;}
.ban-in .ban-text h4{font-size: 18px; line-height: 28px;}

.product-list .left, .product-list .right{width: 100%; text-align: left}

.product-detail .detail{padding: 20px;}
.product-detail .detail .left, .product-detail .detail .right{width: 100%}
.product-detail .detail .left{margin: 0 0 20px;}
.product-detail .detail .left .pro-img img{width: 100%}
.product-detail .detail .left .pro-thumb{padding: 0 20px;}
.product-detail .detail .left .pro-thumb ul li{margin: 0 2px;}
.product-detail .detail .left .ce { margin: 20px 0 0 26px;  }
.product-detail .detail .right h1{font-size: 24px; line-height: 30px;}
.product-detail .detail .right .select{margin-bottom: 20px}
.product-detail .description{padding: 20px;}
.product-detail .description .tab-box a{width: 100%; font-size: 16px;}
.product-detail .description .tabcontent{padding: 20px;}
.product-detail .description .tabcontent .left, .product-detail .description .tabcontent .right{width: 100%;}
.product-detail .description .tabcontent .left{margin: 0 0 20px;}
.product-detail .description .tabcontent .right ul li{padding: 0; margin-bottom: 20px;}
.product-detail .description .tabcontent .right ul li img{max-width: 100%;}

.related-pro ul li{width: 100%; margin: 0 0 20px;}

.buttons_bottom_block{margin-bottom: 0}
.product-detail .detail .right .gray-btn{margin-bottom: 0}
}

/** 10.0 - 320 - Mobile **/
@media only screen and (min-width: 320px) and (max-width: 479px) {
#menu-toggle{display: block; float: right; padding: 28px 12px;}
.navbar-brand{line-height: 48px; padding: 14px 0;}
.navbar-header{width: 100%;}
.top .left, .top .right{width: 100%; text-align: center; line-height: 36px;}
.top .left ul{text-align: center}
.top .left ul li{display: inline-block; float: none; line-height: 36px;}
.top .right span{margin: 0 10px;}
.navbar-brand span{display: none}
.header nav.menu .hamburger{top: 106px !important;}
.top-right{padding: 5px 0}
.top-right .cart{margin-left: 6px;}

.carousel{padding: 20px;}
.carousel-item .left, .carousel-item .right{width: 100%}
.carousel-item .left{margin: 0 0 20px;}
.carousel-item .right{margin: 0; padding-bottom: 20px;}
.carousel-item h1{font-size: 32px !important; line-height: 36px !important;}
.carousel-item p{font-size: 16px; line-height: 20px;}

h2{font-size: 24px; line-height: 24px;}

.featured-products ul li{width: 100%; margin: 0 0 20px;}

.overview .left, .overview .right{width: 100%;}
.overview .left{margin: 0 0 20px;}
.overview h2{font-size: 24px; line-height: 24px;}
.overview .right ul{position: relative}
.overview .right ul li{width: 100%; margin: 0 0 20px;}
.overview .right ul li:nth-child(2n+2){width: 100%;}
.overview .right ul li img{width: 100%;}
.overview .right ul li:nth-child(3){margin: 0 0 20px;}

.leather ul li{width: 100%; margin: 0 0 20px;}
.leather ul li img{width: 100%;}

.video .left, .video .right{width: 100%;}
.video .left{font-size: 60px; line-height: 60px; padding: 30px;}

footer .footer1 .col-md-3{margin-bottom: 20px;}
footer .footer2 .left, footer .footer2 .right{float: none; width: 100%; text-align: center;}
footer .footer2 .left{margin-bottom: 20px;}
footer .footer2 .right ul{text-align: center;}
footer .footer2 .right ul li{display: inline-block; float: none;}

.mobile{display: block;}
.desktop{display: none;}

.ban-in .ban-text{width: 100%;}
.ban-in .ban-text h1{font-size: 40px; line-height: 40px;}
.ban-in .ban-text h4{font-size: 18px; line-height: 28px;}

.product-list .left, .product-list .right{width: 100%; text-align: left}

.product-detail .detail{padding: 20px;}
.product-detail .detail .left, .product-detail .detail .right{width: 100%}
.product-detail .detail .left{margin: 0 0 20px;}
.product-detail .detail .left .pro-img img{width: 100%}
.product-detail .detail .left .pro-thumb{padding: 0 20px;}
.product-detail .detail .left .pro-thumb ul li{margin: 0 2px;}
.product-detail .detail .left .ce { margin: 20px 0 0 26px;  }
.product-detail .detail .right h1{font-size: 24px; line-height: 30px;}
.product-detail .detail .right .select{margin-bottom: 20px}
.product-detail .description{padding: 20px;}
.product-detail .description .tab-box a{width: 100%; font-size: 16px;}
.product-detail .description .tabcontent{padding: 20px;}
.product-detail .description .tabcontent .left, .product-detail .description .tabcontent .right{width: 100%;}
.product-detail .description .tabcontent .left{margin: 0 0 20px;}
.product-detail .description .tabcontent .right ul li{padding: 0; margin-bottom: 20px;}
.product-detail .description .tabcontent .right ul li img{max-width: 100%;}

.related-pro ul li{width: 100%; margin: 0 0 20px;}

.buttons_bottom_block{margin-bottom: 0}
.product-detail .detail .right .gray-btn{margin-bottom: 0}

.carousel{padding: 20px !important}
}