@font-face {
    font-family: 'Avenir LT Std';
    src: url('../fonts/AvenirLTStd-Black.eot');
    src: url('../fonts/AvenirLTStd-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirLTStd-Black.woff2') format('woff2'),
        url('../fonts/AvenirLTStd-Black.woff') format('woff'),
        url('../fonts/AvenirLTStd-Black.ttf') format('truetype'),
        url('../fonts/AvenirLTStd-Black.svg#AvenirLTStd-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}



@font-face {
    font-family: 'Avenir LT Std 55 Roman';
    src: url('../fonts/AvenirLTStd-Roman.eot');
    src: url('../fonts/AvenirLTStd-Roman.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirLTStd-Roman.woff2') format('woff2'),
        url('../fonts/AvenirLTStd-Roman.woff') format('woff'),
        url('../fonts/AvenirLTStd-Roman.ttf') format('truetype'),
        url('../fonts/AvenirLTStd-Roman.svg#AvenirLTStd-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir Next';
    src: url('../fonts/AvenirNext-Medium.eot');
    src: url('../fonts/AvenirNext-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirNext-Medium.woff2') format('woff2'),
        url('../fonts/AvenirNext-Medium.woff') format('woff'),
        url('../fonts/AvenirNext-Medium.ttf') format('truetype'),
        url('../fonts/AvenirNext-Medium.svg#AvenirNext-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

body{padding:0;margin:0; font-family: 'Avenir LT Std 55 Roman';}
.container {width:100%; max-width:1170px; display:block; margin:0 auto;}
ul {margin: 0; padding: 0; list-style: none;}
*, *::after, *::before {box-sizing: border-box;}
a:hover, a:focus {text-decoration: none; outline:none;}
h1, h2, h3, h4, input, textarea, p, span, label { margin:0;}

.tab {overflow: hidden;}
.tab button {background-color: inherit;float: left;border: none;outline: none;cursor: pointer;padding:0;transition: 0.3s;font-size: 26px;color: #d7d7d7;font-weight: 600; margin: 0 60px 0 0;}
.tab button:hover {background-color:transparent;}
.tab button.active {background-color:transparent; border-bottom:2px solid #00acff; color:#000;}
.tabcontent {display: none;border-top: none;}


.login_sec {width: 48%;float: right;height: 100vh; position:relative;}
.login_banner {width: 52%;height: 100vh;float: left; position:relative;}
.login_banner .static_view {width:100%; height:100vh; display:block;}
.login_inner {float: left;max-width: 610px;padding:0 100px 0 60px;width: 100%;top: 50%;position: absolute;transform: translate(-50%, -50%);left: 50%;}
.login_inner a img {max-width:100%; display:block; margin:0 auto 40px;}
.form_box {width:100%; overflow:hidden;margin: 10px 0 0 0;}
.form_box .input_box label  {display:block; font-size:16px; width:100%; color:#000; padding:0 0 10px;font-family: 'Avenir Next'; margin:30px 0 0;}
.form_box .input_box input {width:100%; display:block; height:50px; border-radius:50px; border:1px solid #cccdd0; font-size:16px; color:#222222; font-weight:500; padding:0 15px; }
.form_box input:focus {outline:none; border:2px solid #70c880;}

.form_box .input_box input::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #797979; opacity:1;}
.form_box .input_box input::-moz-placeholder { /* Firefox 19+ */color: #797979; opacity:1;}
.form_box .input_box input:-ms-input-placeholder { /* IE 10+ */color: #797979; opacity:1;}
.form_box .input_box input:-moz-placeholder { /* Firefox 18- */color: #797979; opacity:1;}
.form_box a {display:block; float:right; text-decoration:none; font-size:14px; color:#05a1ec; margin: 15px 0 20px 0;    font-family: 'Avenir Next';}
.form_box a:hover {text-decoration:underline;}
.form_box .sbmt_btn {background:#05a1eb; border:0; text-align:center; color:#fff; line-height:50px; font-weight:500; font-size:22px;text-transform:capitaliz;margin:0 0 20px;     box-shadow: 0 6px 5px 3px #e9e9e9; transition:all 0.3s ease-in; width:100%; height:50px; line-height:50px; border-radius:50px;}
.form_box .sbmt_btn:hover {transition:all 0.3s ease-in; background:#0581bc;}
.form_box span {display:block; text-align:center; margin:0; padding:0; color:#5b5d62; font-weight:400; font-size:16px;font-family: 'Avenir Next';}
.form_box span a {display:inline-block; float:none; margin:0;}
.tab_sec .nav > li > a {font-size:26px; color: #253679; font-weight:600; padding:0; margin:0 0px 0 0;}
.tab_sec .nav-tabs > li > a:hover {background-color:transparent; border-color:transparent;}
.tab_sec .nav-tabs > li {margin-bottom:0;}
.tab_sec .nav-tabs > li.active a {border:0; border-bottom:2px solid #00acff; color:#000;}
.tab_sec .nav-tabs > li > a:hover {border-color:none;}
.tab_sec .nav-tabs {border-bottom:0;}
.input_box {width: 100%;overflow: hidden; position:relative;}
.input_box img {position: absolute;bottom: 15px;right: 25px;}
.mobile_view {display:none;}
.mobile_header {display:none;}
img.round {position: absolute;bottom: -1px;right: -62px;}
/***home page css end ****/

/***product page css start ****/
.header-container {width:100%;padding: 20px 0;position:relative;}
.header {width:100%;}
.logo-box {width:100%;}
.logo-box img{max-width:100%;}
.header .navigation{width: 100%;margin: 35px 0 0 0;float: left;}
.navigation ul{text-align:right;width:100%;}
.navigation ul li{display:inline-block;}
.navigation ul li a{font-size:18px;color:#030303; font-family: 'Avenir Next';margin:0;transition:all 0.3s ease-in;}
.header .login-btn {width: 107px;height: 38px;display: block;background: #0699e5;color: #fff;font-weight: 500;text-align: center;line-height: 38px;border-radius: 50px;margin: 0;float: right;}
.banner-container .row {margin:0;}
.banner-container .col-12 {padding:0;}
.banner-container img {max-width:100%;width:100%;}
.navigation ul li a:hover {color:#0699e5;transition:all 0.3s ease-in;text-decoration:none;}
.cstm-product-container {width:100%;}
.cstm-product-container h1{font-size: 26px;color: #000;font-family: 'Avenir LT Std';}
.cstm-product-container .custom-product {width:100%;padding:65px 0 30px;border-bottom: 1px solid #e9e9e9;float:left;}
.custom-product .title{width:50%;float:left;}
.custom-product .sort{width:50%;float:left;text-align:right;}
.custom-product .sort p{display: inline-block;color: #b7b7b7;font-size: 16px;font-family: 'Avenir LT Std 55 Roman';font-weight:300;/* margin: 0 18px 0 0; */}
.custom-product .sort span {display: inline-block;font-family: 'Avenir LT Std 55 Roman';color: #151515;font-size: 18px;background: url('../images/down-arrow.png')no-repeat center right;padding: 0 25px 0 0;}
.custom-product-box {display: block;padding: 40px 25px 30px;transition: all 0.3s ease-in;border: 1px solid #fff;margin: 40px 0 30px 0;border-radius:5px;height: 535px;}
.custom-product-box  .image-box {width: 100%;padding: 0 0 25px 0;margin: 0 0 30px 0;border-bottom: 1px solid #000;min-height:230px;}
.custom-product-box  .image-box img{max-width:100%;display:block;margin:0 auto 0;}
.custom-product-box .cntnt-box{width:100%;text-align:center;}
.custom-product-box .cntnt-box h2{font-size: 18px;color: #151515;font-family: 'Avenir LT Std 55 Roman';margin: 0 0 5px 0;font-weight: 500;height: 45px;}
.custom-product-box .cntnt-box .num-show {font-family: 'Avenir LT Std 55 Roman';font-size: 14px;color: #0699e6;padding:0 2px 8px 0;display:inline-block;}
.custom-product-box .cntnt-box .num-hide {font-family: 'Avenir LT Std 55 Roman';font-size: 14px;color: #6e6e6e;padding:0 0 8px 2px;display:inline-block;}
.custom-product-box p {font-size:14px;color:#3d3d3d;font-family: 'Avenir LT Std 55 Roman';margin:0 0 20px 0;height: 60px;}
.custom-product-box .cstmize {width: 145px;height: 36px;display: inline-block;
font-size: 16px;color: #535353;font-family: 'Avenir LT Std';background: none;
border: 1px solid #d2d2d2;border-radius: 50px;background: url('../images/costumize-icon.png')no-repeat center right 10px; overflow:hidden;}

.button6 {color: rgba(255,255,255,1);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;border: 1px solid rgba(255,255,255,0.5);position: relative;}
.button6::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: 0;background:#069be7 url('../images/costumize-icon.png')no-repeat center right 10px;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;-webkit-transform: scale(0.5, 1);transform: scale(0.5, 1);}
.button6 span {z-index: 2;display: block;position: absolute;width: 100%;height: 100%;overflow:hidden;height: 36px;top: 0;left: 0;line-height: 34px;}
.custom-product-box:hover .button6::before {opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1); background:#069be7 url('../images/costumize-icon_hover.png')no-repeat center right 10px;}
.custom-product-box:hover .button6 span {color:#fff;}
.custom-product-box:hover {border:1px solid #05a2ec;transition:all 0.3s ease-in;border-radius:5px;box-shadow: -1px 7px 11px 1px #ebebeb;}
.custom-product-box:hover .cntnt-box h2{color:#05a2ec;}
.row.product .custom-product-box .cntnt-box .cstmize {background:none;}
.row.product .custom-product-box:hover .button6.cart::before {background:#069be7;}
.custom-product-box:hover .cstmize {border:0;}



/* .custom-product-box:hover .cstmize{color:#fff;transition:all 0.3s ease-in;background: #069be7 url(../images/costumize-icon.png)no-repeat center right 10px;border:1px solid #069be7;} */
.equiry-form {width: 100%;padding: 40px 0 50px;background: #1b2d73;margin:0 0 57px 0;}
.equiry-form .brand{width: 100%;text-align:right;padding: 50px 0;}
.equiry-form .enquiry-form{width: 100%;float:left;padding: 0 0 0 60px;}
.equiry-form .enquiry-form h3{font-size: 26px;color: #fff;font-family: 'Avenir Next';margin: 0 0 25px 0;}
.equiry-form .enquiry-form .form-left {width:38%;float:left;}
.equiry-form .enquiry-form .form-left input{height: 37px;display: block;width: 233px;border: 1px solid #fff;background: none;border-radius: 5px;margin: 0 0 17px 0;font-size:15px;color:#fff;font-family: 'Avenir Next';padding:5px 10px;}
.equiry-form .enquiry-form .form-right {width:62%;float:left;}
.equiry-form .enquiry-form .form-right textarea {display: block;width: 370px;border: 1px solid #fff;background: none;border-radius: 5px;margin: 0 0 17px 0;resize:none;padding:7px 10px;}
.equiry-form .enquiry-form .form-right .form-submit {width: 370px;height: 40px;
background: #05a2ec;border: none;color: #fff;font-family: 'Avenir Next';   border-radius: 5px;}
.form-left input::-webkit-input-placeholder { /* Chrome/Opera/Safari */color:#fff;opacity:0.8;}
.form-left input::-moz-placeholder { /* Firefox 19+ */color:#fff;opacity:0.8;}
.form-left input:-ms-input-placeholder { /* IE 10+ */color:#fff;opacity:0.8;}
.form-left input:-moz-placeholder { /* Firefox 18- */color:#fff;opacity:0.8;}
.equiry-form .enquiry-form .form-left input:focus {outline:0;}
.form-right textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */color:#fff;opacity:0.8;}
.form-right textarea::-moz-placeholder { /* Firefox 19+ */color:#fff;opacity:0.8;}
.form-right textarea:-ms-input-placeholder { /* IE 10+ */color:#fff;opacity:0.8;}
.form-right textarea:-moz-placeholder { /* Firefox 18- */color:#fff;opacity:0.8;}
.footer-container-login {
  width: 100%;
  padding: 55px 0;
  text-align: center;
  background: #121212;
  clear: left;
  position: fixed;
  height: 50px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin-bottom: 0px;
}
.footer-container{
  width: 100%;
  padding: 55px 0;
  text-align: center;
  background: #121212;
  clear: left;
  height: 50px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin-bottom: 0px;
}
.text-detail-box .detail-text .outstock {
    background: red url(../images/tick-icon.png)no-repeat center left 5px;
    display: block;
    width: 120px;
    height: 20px;
    text-align: center;
    color: #fff;
    border-radius: 50px;
    line-height: 21px;
    font-size: 14px;
    padding: 0 0 0 10px;
    float: right;
}
.footer-container span{font-size:16px;color:#fff;font-family: 'Avenir LT Std 55 Roman';opacity:0.7;}
.mob-trigger {display:none;}
.navigation-mob {display:block;}
.custom-product-box .cart {background: none !important;}
.custom-product-box:hover .cart{background:#069be7!important;}
.custom-product select {border:none;}
.custom-product select:focus {outline:0;}

/*product-detail page*/
.related .custom-product {border:none;}
.detail-container {width:100%;margin:75px 0 0;}
.detail-container .slides_box .inner {width:100%;}
.detail-container .slides_box .inner img {margin:0 auto 0;display:block;}
.detail-container .slides_box{width: 100%;border: 1px solid #e8e8e8;border-radius: 5px;}
.detail-container .slides_box .owl-controls .owl-buttons{display:none;}
.text-detail-box {width:100%;padding: 0 35px;}
.text-detail-box .heading {width:100%;}
.text-detail-box .heading h1{font-size: 36px;color: #000;font-family: 'Avenir LT Std';margin: 0 0 30px 0;}
.text-detail-box .detail-text {width: 100%;padding: 30px 0;border-top: 1px solid #000;border-bottom: 1px solid #000;}
.text-detail-box .detail-text .dollar{font-size: 22px;color: #010101;margin: 0 0 20px 0;display: block;line-height: 18px;font-family: 'Avenir Next';float:left;}
.text-detail-box .detail-text .instock{background: #3ec367 url(../images/tick-icon.png)no-repeat center left 5px;display: block;width: 78px;
height: 20px;text-align: center;color: #fff;border-radius: 50px;line-height: 21px;
font-size: 14px;padding: 0 0 0 10px;float:right;}
.text-detail-box .detail-text p{font-size: 16px;color: #3b3b3b;font-family: 'Avenir LT Std 55 Roman';line-height: 24px;clear:both;}
.qty-cart {width:100%;padding:25px 0 0;}
.qty-cart label{font-size: 16px;color: #030303;font-family: 'Avenir Next';
font-weight: 500;float: left;margin: 0 29px 0 0;line-height: 34px;}
#input_div input[type=number]::-webkit-inner-spin-button, #input_div input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;}
#input_div input[type=number] {-moz-appearance: textfield;}
.text-detail-box .qty-cart .quant-div{width: 88px;height: 40px;float: left;text-align: center;border:1px solid #e0e0e0;border-radius:5px;}
.qty-cart .quant-div .sub {width: 30%;height: 100%;text-align: center;background:#f9f9f9;border:none;font-size: 14px;color: #000;outline:0;}
.qty-cart .quant-div .add {width: 30%;height: 100%;text-align: center;background:#f9f9f9;border:none;font-size: 14px;color: #000;outline:0;}
.qty-cart .quant-div input {width: 40%;margin: 0 -6px;height: 100%;text-align: center;padding: 0 0;font-size: 14px;color: #000;float: none;background:#fff;border:none;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;outline:0;}
.qty-cart a {width: 145px;height: 36px;display: inline-block;font-size: 16px;
color: #535353;font-family: 'Avenir LT Std';border-radius: 50px;text-align: center;
line-height: 36px;color: #535353;margin: 0 0 0 18px;border:1px solid #d2d2d2; overflow:hidden;}
.qty-cart a:hover .button6::before {background: #069be7;}
.qty_add {width: 145px;height: 36px; float:left;}
.qty_add:hover .button6::before {opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);background: #069be7;}
.qty_add:hover a {border:1px solid #d2d2d2;color:#fff;}
.qty-cart .button6 {
  background: #fff;
  width: 145px;
  height: 36px;
  display: inline-block;
  font-size: 16px;
  color: #535353;
  font-family: 'Avenir LT Std';
  border-radius: 50px;
  text-align: center;
  line-height: 36px;
  color: #535353;
  margin: 0 0 0 18px;
  border: 1px solid #d2d2d2;
  overflow: hidden;
}
.qty-cart .button6:hover {
  color: #fff;
}
.qty-cart form{float:left;}
.remove_item:hover {
  text-decoration: none;
}
.remove_item{
  -webkit-appearance: none;
  background: #fff;
  border: 0;
  font-size: 15px;
  color: #3b3b3b;
  display: inline-block;
  font-family: 'Avenir LT Std 55 Roman';
  text-decoration: underline;
 /*  margin: 0 15px 0 0; */
}
.qty-select .qty-cart .button6 span{
  font-size:14px;
}
.qty-select .qty-cart .button6 {
  width: 115px;
  font-size: 14px;
}
.qty-select .qty-cart .quant-div input {
  width: 90%;
  border-left: 0;
  border-right: 0;
}
.qty-select .qty-cart .quant-div {
  width: 77px;
  height: 35px;
}
.qty-cart .quant-div {
  width: 88px;
  height: 40px;
  float: left;
  text-align: center;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
}
.qty_add:hover .button6 span {
  color: #fff;
}
.qty-select .qty-cart {
    padding: 10px 0 0;
}
.item-detail .qty_add {
  margin: 0 -34px;
  padding-top: 10px;
}
.table.item-detail .detail-list {margin:0; }
.item-detail .detail-list { 
  margin: 50px 0 0 0;
}
.detail-list.standard p{
  font-size: 14px;
  border-top: 0;
  padding: 5px 0;
  float: none;
}
/* .qty-cart a:hover {background:none;color:#535353;border: 1px solid #d2d2d2;transition:all 0.3s ease-in;} */
.descr-container {width:100%;padding:78px 0 0;margin:58px 0 0 0;background:#f9f9f9;}
/* .descr-container .decrp-box {max-width: 820px;margin: 0 auto 0;width: 100%;} */
.descr-container .title-sec {width:100%;margin: 0 0 15px 0;border:none;}
.descr-container .decsription {clear: both; padding: 30px 0 0 0;float: none;}
.descr-container .decsription h3 {font-size: 20px;color: #000000;margin: 0 0 30px 0;font-family: 'Avenir Next';}
.descr-container .decsription p {font-size: 16px;color: #404040;font-family: 'Avenir LT Std 55 Roman';line-height: 27px;}
.descr-container .tab-content>.active {opacity:1;}
.descr-container .tab-box {max-width: 820px;margin: 0 auto 0;width: 100%;min-height:525px;}
.descr-container .tab-box ul li {display:inline-block;margin:0 40px 0 0;}
.descr-container .tab-box ul li a{display: block;float: right;color: #979797;   font-size: 18px;font-weight: 500;font-family: 'Avenir Next';letter-spacing: 1px;}
.descr-container .tab-box ul li a.active {text-decoration:underline;color:#000;text-underline-position: under;webkit-text-underline-position: under;}
.header .login-btn {transition:all 0.3s ease-in;}
.header .login-btn:hover {background:none;color:#000;border: 1px solid #d2d2d2;transition:all 0.3s ease-in;}
#menu1 .form_box .input_box label {margin: 10px 0 0;}
.input_box.check input {width: auto;float: left;height: auto;margin: 5px 0 0 0;}
.input_box.check p {display: block;float: left;width: 96%;font-size: 14px;padding: 0 0 0 15px;}
.input_box.check p a {display: inline-block;margin: 0;padding: 0; font-size:14px;}
.input_box.check {margin: 10px 0;}

/** select box **/
.variation2 {position:relative; width:110px; float:right;} 
.variation2 select.select{position:relative;z-index:10;width:100% !important;color:#fff; margin:0; padding:0;}
.variation2 span.select{position: absolute;bottom: 0;float: left;left: 0;width: 110px;height: 20px;line-height: 15px;text-indent: 10px;background: url(../images/select_arow.png) no-repeat top 3px right;cursor: default;z-index: 1;border: 0;color: #151515;font-size: 18px;font-weight: 500;text-align: left;font-family: 'Avenir LT Std 55 Roman';}
.variation2 select.select option{padding:10px 6px;background:#ccc;color:#fff;}
/** select box end **/

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {border-bottom:2px solid #00acff;}
.nav-tabs .nav-link {border: 0;border-top-left-radius: 0;border-top-right-radius: 0;}
.custom-select {position: relative;font-family: 'Avenir Next';}
.custom-select select {display: none;}
.select-selected {color:#000;}
.select-selected:after {position: absolute;content: "";top: 14px;right: 5px;width: 18px;height: 10px;background: url(../images/down-arrow.png)no-repeat right center;}
.select-selected.select-arrow-active:after {transform:rotate(180deg);-webkit-transform:rotate(180deg);width:18px; height:10px;}
.select-items div,.select-selected {user-select: none;font-size: 18px;color: #151515;}
.select-items div{padding:5px 10px;}
.select-items {position: absolute;background-color:#eee;top: 100%;left: 0;right: 0;z-index: 99;}
.select-hide {display: none;}
.select-items div:hover, .same-as-selected {background-color:#ccc;}
.custom-select {border:0;background:none;width:110px; text-align:left;}

/*shopping-cart page css*/
.buttons-sec {width:100%;padding:46px 0 26px;border-bottom: 2px solid #f3f3f3;margin: 0 0 10px 0;float:left;}
.buttons-sec .back-btn{font-size: 14px;color: #000000;text-transform: uppercase;  text-decoration: underline;font-family: 'Avenir LT Std';transition:all 0.3s ease-in;float: left;line-height: 45px;}
.buttons-sec .proceed-btn{width: 360px;height: 45px;display: block;float: right;
color: #f6f6f6;text-transform: uppercase;text-align: center;
line-height: 47px; font-size: 14px;font-family: 'Avenir LT Std 55 Roman';letter-spacing:1px;background: #333333 url('../images/proceed-arrow.png')no-repeat center right 25px;transition:all 0.3s ease-in;position:relative;}
.buttons-sec .proceed-btn:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: 0;background: #000 url('../images/proceed-arrow.png')no-repeat center right 25px;webkit-transition: all 0.4s;-moz-transition: all 0.4s; -o-transition: all 0.4s;transition: all 0.4s;-webkit-transform: scale(0.5, 1); transform: scale(0.5, 1); }
.buttons-sec .proceed-btn:hover:before{opacity:1;transform: scale(1, 1);}
.buttons-sec .proceed-btn span {color: #f6f6f6;text-transform: uppercase;text-align: center;line-height: 47px; font-size: 14px;font-family: 'Avenir LT Std 55 Roman';letter-spacing:1px;z-index: 2;display: block;position: absolute;
width: 100%;height: 100%;overflow: hidden;height: 45px;top: 0;left: 0;}


/* .buttons-sec .proceed-btn:hover {color:#333333;background: #ccc url('../images/proceed-arrow.png')no-repeat center right 25px;transition:all 0.3s ease-in;}  */
.buttons-sec .back-btn:hover {color:#ccc;transition:all 0.3s ease-in;}
.header-container {box-shadow: 0 0 10px 1px #eee;}
.items-section {width:100%;float:left;}
.items-section .items-with-total{width:100%;padding:40px 0 20px;float:left;}
.items-section .items-with-total h2{font-size: 18px;color: #3b3b3b;font-family: 'Avenir LT Std';letter-spacing: 1px;text-align: left;float:left;}
.items-section .items-with-total h3{font-size: 18px;color: #3b3b3b;font-family: 'Avenir LT Std';letter-spacing: 1px;text-align: right;float:right;}
.item-detail {width:100%;float:left;padding:50px 0;border-top: 1px solid #000;}
.item-detail .item-qty{width:45%;float:left;margin:50px 0 0 0;}
.qty-input label {display: block;font-size:15px;color:#3b3b3b;font-family: 'Avenir LT Std 55 Roman';float:left;}
.qty-input input,label {margin:0 0 0;outline:0;border:none;}
.item-detail .item-qty img {display:block;float:left;}
.item-detail .qty-input {float: left;padding: 0 0 0 40px;}
.item-detail .qty-input span{font-size: 18px;color: #000000;font-family: 'Avenir LT Std'; clear: left;display: block;}
.item-price {width: 10%;float: right;text-align: right;} 
.item-price span {display:block;}
.item-price span {font-size: 18px;color: #3b3b3b;font-family: 'Avenir LT Std';
margin: 24px 0 0 0;}
.qty-input .selectpicker {border:none;outline:0;}
.qty-input .selectpicker option{border:none;outline:0;padding: 10px;background: #eee;border: none;}
.table.item-detail .detail-list {width:100%;float:left;}
.item-detail .detail-list {width:45%;float:left;}
.item-detail .detail-list ul{width:100%;float:left;}
.item-detail .detail-list ul li{width:45%;float:left;}
.item-detail .detail-list ul li h6{display: block;margin: 0;float: left;margin: 0;
line-height: 24px;font-size:14px;color:#3b3b3b;font-family: 'Avenir LT Std 55 Roman';font-weight: 600;}
.item-detail .detail-list ul li p{display: block;margin: 0;float: left;}
.item-detail .detail-list ul li span{font-size: 14px;color: #3b3b3b;font-family: 'Avenir LT Std 55 Roman';padding: 0 5px;}
.item-detail .add-remove-btns {clear: both;/* max-width: 222px; */    margin: 0 auto 0;padding: 21px 0 0 0; float: right; text-align: right;}
.item-detail .add-remove-btns a{font-size: 15px;color: #3b3b3b; display: inline-block;font-family: 'Avenir LT Std 55 Roman';text-decoration: underline;margin:0 15px 0 0;}
.item-detail .add-remove-btns a:hover {text-decoration:none;}
.left-inner {width:100%;}
.left-inner p{font-size: 13px;color: #3b3b3b;padding: 30px 0;font-family: 'Avenir Next';border-top:1px solid #000;float:left;}
.bag-item-detail {width:100%;padding:0 0 130px 0;}
.right-inner {width: 100%;padding: 45px 25px 100px 45px;background: #f9f9f9;float:left;margin: -10px 0 0 0;}
.right-inner .option{width: 100%;float:left;}
.right-inner .option span {font-size:16px;color:#3b3b3b;font-family: 'Avenir LT Std 55 Roman';display: block;}
.right-inner .option h5 {font-size:18px;color:#3b3b3b;font-family: 'Avenir LT Std';margin:0;float: left;line-height:33px;}
.right-inner .option input {width: 140px;height: 30px;display: block;float: right;
font-size: 14px;padding: 5px 10px;color: #000;font-family: 'Avenir LT Std 55 Roman';outline:0;text-align:center;}
.right-inner .price {float: left;width: 100%;margin: 50px 0 0 0;}
.option input::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #a9aaaa;
}
.option input::-moz-placeholder { /* Firefox 19+ */color: #a9aaaa;}
.option input:-ms-input-placeholder { /* IE 10+ */  color: #a9aaaa;}
.option input:-moz-placeholder { /* Firefox 18- */  color: #a9aaaa;}
.right-inner .price h5{font-size: 18px;color: #3b3b3b;font-family: 'Avenir LT Std';
margin: 0 0 30px 0;line-height: 33px;}
.right-inner .detail-box {width:100%;}
.right-inner .detail-box .div1{width: 100%;display: block;margin: 0 0 15px 0;float:left;}
.right-inner .detail-box label{font-size: 18px;color: #3b3b3b;float: left;}
.right-inner .detail-box span{font-size: 18px;color: #3b3b3b;float: right;}
.right-inner .proceed-btn{width: 100%;height: 45px;display: block;color: #f6f6f6;text-transform: uppercase;text-align: center;line-height: 47px;
font-size: 14px;font-family: 'Avenir LT Std 55 Roman';letter-spacing: 1px;
background: #333333 url(../images/proceed-arrow.png)no-repeat center right 14px;
transition: all 0.3s ease-in;margin: 85px 0 0 0;float:left;position:relative;}

.right-inner .proceed-btn:before{content: '';position: absolute;top: 0;left: 0;
width: 100%;height: 100%;z-index: 1;opacity: 0;background: #000 url('../images/proceed-arrow.png')no-repeat center right 14px;;webkit-transition: all 0.4s;-moz-transition: all 0.4s; -o-transition: all 0.4s;
transition: all 0.4s;-webkit-transform: scale(0.5, 1); transform: scale(0.5, 1); }
.right-inner .proceed-btn:hover:before{opacity:1;transform: scale(1, 1);}
.right-inner .proceed-btn span {color: #f6f6f6;text-transform: uppercase;text-align: center;line-height: 47px; font-size: 14px;font-family: 'Avenir LT Std 55 Roman';letter-spacing:1px;z-index: 2;display: block;position: absolute;
width: 100%;height: 100%;overflow: hidden;height: 45px;top: 0;left: 0;}

.right-inner .addmore-btn {font-size:14px;color:#069be7;width: 100%;height: 45px;display: block;font-family: 'Avenir LT Std 55 Roman';letter-spacing: 1px;float:left;margin:28px 0 0 0;margin: 28px 0 0 0;border: 2px solid #0699e6;text-align: center;line-height: 43px;}
.right-inner .addmore-btn span {background: url(../images/plus.png)no-repeat center left;width: 165px;display: block;margin: 0 auto;}
.right-inner .proceed-btn:hover {color: #333333;background: #ccc url(../images/proceed-arrow.png)no-repeat center right 14px;transition: all 0.3s ease-in;}
.left-inner p a {color:#000;text-decoration:underline;font-family: 'Avenir LT Std';}
.left-inner p a:hover {text-decoration:none;}
.right-inner .detail-box span .apply{color:#3b3b3b;text-decoration:underline;text-underline-position: under;-webkit-text-underline-position: under;}
.right-inner .detail-box span .free{color:#069be7;font-family: 'Avenir LT Std';}
.order-total {width:100%;}
.order-total label{font-size: 18px;color: #3b3b3b;font-family: 'Avenir LT Std';}
.order-total span{font-size: 18px;color: #3b3b3b;font-family: 'Avenir LT Std';}
.qty-select {width:100%;float:left;}
.qty-select h4{font-size: 15px;color: #3b3b3b;font-family: 'Avenir LT Std 55 Roman';float: left;display: block;line-height: 40px;}
.qty-select .custom-select{float: left;display: block;width:80px;padding: 8px 17px 5px 10px;width: auto;padding: 8px 30px 5px 10px;}
.qty-select .custom-select .select-items div, .select-selected{font-size:15px;}
.qty-select .custom-select .select-selected:after {background: url('../images/dwn-arrw.png')no-repeat right center;}
.qty-select .custom-select .select-selected.select-arrow-active:after {width: 10px;
height: 10px;}


/*custom product css*/
.spa_conatiner {width:100%;}
.spa_conatiner h2 {font-size: 26px;color: #000;font-family: 'Avenir Next'; margin:0; font-weight:500; text-transform:capitalize; padding:50px 0 0 0;}
.spa_box {width:100%; margin:20px 0 0 0; float:left;}
.spa_box label {display:block; font-size: 16px;color: #151515;font-family: 'Avenir LT Std 55 Roman';margin: 0 0 5px 0;font-weight: 500;text-transform:capitalize;}
.spa_box input {width:100%; height:42px; border:1px solid #bbbbbb; padding:0 15px; font-size:16px; color:#151515;}
.spa_box .custom-select {width: 100%;height: 42px;border: 1px solid #bbbbbb;border-radius: 0;}
.spa_box .select-selected:after {background: url(../images/select_icon.png)no-repeat right center; right:10px;}
.spa_box .select-items div, .spa_box .select-selected {font-size:16px;color:#151515;}
.spa_box .select-selected.select-arrow-active:after { transform: none;-webkit-transform: none;}
.spa_box.dimension input {width:48%; float:left;}



/* custom radio btn */
.check-box span {float: left;margin:18px 0 0 0;padding: 0;position: relative;}
.check-box span input + label {background:none;border: 1px solid #929292;border-radius: 50%;display: block;height: 25px;position: relative;width: 25px;}
.check-box span input:checked + label::after { background: #bbbbbb none repeat scroll 0 0;border-radius: 50%;content: "";height: 12px;left: 50%;position: absolute;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 12px;}
.check-box span input:checked + label::before { background: #ffffff ;content: "";height: 9px;left: 5px;position: absolute;top: 11px;transform: rotate(-30deg);width: 4px;}
.check-box span input {left: 0;margin: 0;opacity: 0;position: absolute;top: 0;z-index: 5;height: 30px;}
.check-box p {float: left;font-size: 16px;margin:0 0 0 15px; color: #151515;
    font-family: 'Avenir LT Std 55 Roman';}
.check-box p img {display:inline-block;margin: 0 10px 0 0;}	
/* custom radio btn */

.bottom_container {width: 100%;max-width: 755px;margin: 20px auto 50px;}
.top_container {border-bottom: 1px solid #bbbbbb;padding: 0 0 40px 0;}
.add_total {width:100%; margin:40px 0 0 0;}
.add_total p {margin:0 0 5px; text-align:center;}
.add_total p label {font-size: 20px;color: #000;font-family: 'Avenir Next'; text-transform:capitalize;}
.add_total p span {font-size: 20px;color: #90a6ff;font-family: 'Avenir Next';}
.add_total button a {width: 100%;height: 42px;display:block;font-size: 16px;color: #535353;font-family: 'Avenir LT Std';background: none;border: 1px solid #d2d2d2;overflow: hidden;margin:0 auto 0;text-transform:uppercase;}
.add_total button a span {line-height:42px;}
.add_total button {background:none; border:0; margin:0 auto; width:200px; display:block;}
.add_total button .button6::before {background: #069be7;}
.add_total button:hover .button6::before {opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);}
.add_total button:hover a {color:#fff;}
.shield_sec { width: 100%;border-top: 1px solid #bbbbbb;float: left;margin: 50px 0 0;display: block;position: relative; padding:20px 0 0;}
.shield_sec .check-box p {text-transform:capitalize; margin:0 15px 0 0;}
.shield_sec .check-box span {margin:0;}
.shield_sec .check-box span input + label {height:20px; width:20px; border-radius:0;}
.shield_sec .check-box span input:checked + label::before {background: #000;content: "";height: 6px;left: 5px;position: absolute;top: 8px;transform: rotate(-45deg);width: 2px;}
.shield_sec .check-box span input:checked + label::after {background: #000;content: "";height: 10px;left: auto;position: absolute;top: 4px;transform: rotate(42deg);width: 2px;border-radius: 0;right: 6px;}
.shield_sec .check-box span input {width:100%; height:20px;}
.shield_sec .check-box {width: 100%;display: block;float: left;margin: 10px 0 0;}

/*Account page*/
.flexbox {display: -ms-flexbox !important; display: flex !important;}
.account-container .flex-row {flex-direction: row; flex: 1;}
.account-container .flex-col {flex-direction: column; flex-grow: 1;}
.account-container .user-detail {width:100%;margin:0 0 62px 0;border-bottom: 1px solid #e0e0e0;}
.account-container .user-image{position: relative;min-height: 160px;}
.account-container .user-image img{
    position: absolute;top: 50%;
    left: 50%;transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%); 
    width: 150px;
    border-radius: 50%;
    border: 1px solid #eeeeee;
}
.user-mail {font-size: 15px;color: #3b3b3b;font-family: 'Avenir LT Std 55 Roman';display: block;text-align: center;padding:0 0 30px 0;} 
.account-container .nav .heading{color:#3b3b3b;font-size:16px; font-family: 'Avenir LT Std';}
.account-container .nav li a {color:#3b3b3b;font-size:15px;font-family: 'Avenir LT Std 55 Roman';}
.account-container .nav-pills .nav-link.active, .nav-pills .show > .nav-link {background:none;color:#1d94d2;font-family: 'Avenir LT Std';}
.account-container .nav{width:25%;float:left;padding: 0 30px 200px;background:#f9f9f9;}
.account-container .nav li{width:100%;display:block;}
.account-container .tab-content {width:75%;float:left;padding:40px;}
.tab-content h2{font-size:18px;color:#3b3b3b;font-family: 'Avenir LT Std'; padding: 0 0 22px 0;border-bottom:1px solid #ebebeb;text-transform:capitalize;}
.order-img {width:100%;}
.order-img img{display:block;margin:15px auto;}
.order-view {width:100%;}
.order-view .text {width:100%;margin: 0 0 5px 0;}
.order-view span {display:inline;}
.order-view .order-no {font-size:15px;color:#3b3b3b;font-family: 'Avenir LT Std 55 Roman';}
.order-view .digit {font-size:14px;color:#3b3b3b;font-family: 'Avenir LT Std'; }
.order-view h5 {font-size:17px;color:#3b3b3b;font-family: 'Avenir LT Std'; margin:0;text-transform:capitalize;}
.order-view .tag{font-size:14px;color:#3b3b3b;font-family: 'Avenir LT Std 55 Roman'; }
.order-view .txt{font-size:14px;color:#3b3b3b;font-family: 'Avenir LT Std 55 Roman'; }
.order-view .po{font-size:14px;color:#3b3b3b;font-family: 'Avenir LT Std'; }
.order-view .po-num{font-size:14px;color:#3b3b3b;font-family: 'Avenir LT Std 55 Roman';  }
.order-view h3{font-size:14px;color:#f0af00;font-family: 'Avenir LT Std';font-style:italic;  }
.order-price span {display:block;}
.order-price {width:100%;text-align:center;padding:20px 0;}
.order-price .dollar{font-size:18px;color:#3b3b3b;font-family: 'Avenir LT Std';}
.order-price .order-qty{font-size:15px;color:#3b3b3b;font-family: 'Avenir LT Std 55 Roman';margin: 10px 0 0 0;}
.order-done {text-align: center;padding: 17px 0;float:left;}
.order-done span{display:block;}
.order-done .ordered a, .order-done .re-ordered button{font-size: 16px;color: #34b44b;display: block;font-family: 'Avenir LT Std 55 Roman';width: 97px;height: 29px;text-align: center;  line-height: 28px;margin: 0 auto;font-weight: 600;transition:all 0.3s ease-in;}
.order-done .re-ordered a, .order-done .re-ordered button{color: #05a2ec;border: 1px solid #05a2ec;border-radius: 50px;width: 97px;height: 29px;text-align: center;line-height: 28px;margin: 5px auto;display: block;font-family: 'Avenir LT Std 55 Roman';font-weight: 500;background: #fff;}
.orderdiv {width: 100%;float: left;}
.orderdiv .arrow{display: block;float: right;width: 10%;padding: 32px 0;margin-right:10px;transition:all 0.3s ease-in;}
.account-container .tab-cntnt-row {padding:30px 0 30px;border-bottom:1px solid #000;}
.order-done .in-progress a {font-size: 16px;color: #253679;width: 97px;height: 30px;display: block;text-align: center;margin: 14px auto 0;line-height: 30px;font-family: 'Avenir LT Std 55 Roman';font-weight: 600;}
.account-container .even {background:#f9f9f9;}
.order-done .cancelled a{font-size:16px;color:#ff0000;font-family: 'Avenir LT Std 55 Roman';font-weight: 600;transition:all 0.3s ease-in;}
.account-container .nav li a {padding:10px;transition:all 0.3s ease-in;}
.account-container .nav .report {padding-top:50px;}
.account-container .nav .sublink {padding: 5px 10px;}
.account-container .nav .info {padding-top:20px;padding-bottom:20px;}
.pagination-container {width:100%;float:left;padding: 18px 15px 15px;}
.pagination-container .pages{width:90%;float:left;}
.pagination-container a{width:10%;float:left;text-align:right;}
.pagination-container label{font-size:13px;color:#000;font-family: 'Avenir LT Std 55 Roman';float:left;padding: 0 3px 0 0;}
.pagination-container ul{width:100%;margin:0;padding:0;}
.pagination-container ul li{display:block;float:left;}
.pagination-container ul li {font-size:13px;color:#000;font-family: 'Avenir LT Std 55 Roman';float:left;padding:0 2px;}
.pagination-container .next-btn {font-size:13px;color:#000;font-family: 'Avenir LT Std 55 Roman';}
.progress-sec {width:100%;padding:0 0 0 17%;margin: 25px 0 10px 0;}
.progress-sec .item-progress {position:relative;padding: 6px 13px 0 14px;}
.progress-sec .item-progress .progress{height:4px;border-radius:0;background:#e0e0e0;}
.progress-sec .item-progress:before{position:absolute;width:15px;height:15px;border-radius:50%;border: 2px solid #0ba4ec;left:0;top:0;content:'';}
.progress-sec .item-progress:after{position:absolute;width:15px;height:15px;border-radius:50%;border: 2px solid #e0e0e0;right:0;top:0;content:'';}
.item-progress .progress .progress-bar {background:#0ba4ec;}
.progress-sec .labelblue{position: absolute;top: 15px; left: 0;font-size: 14px;color: #05a3ed;}
.progress-sec .labelgray{position: absolute;top: 15px; right: 0;font-size: 14px;color: #000000;}
.account-container .nav li a:hover {color:#1d94d2;transition:all 0.3s ease-in;}
.order-done .cancelled a:hover{color:#d10606;transition:all 0.3s ease-in;}
.order-done .ordered a:hover{color:#2c8a3d;transition:all 0.3s ease-in;}
.order-done .re-ordered a, .order-done .re-ordered button {position:relative;}
.order-done .re-ordered a:before, .order-done .re-ordered button:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: 0;background: #05a2ec ;webkit-transition: all 0.4s;-moz-transition: all 0.4s; -o-transition: all 0.4s;transition: all 0.4s;-webkit-transform: scale(0.5, 1); transform: scale(0.5, 1);border-radius:50px;color:#fff;}
.order-done .re-ordered a:hover:before, .order-done .re-ordered button:hover:before {opacity: 1;transform: scale(1, 1);}
.re-ordered a .re-txt, .re-ordered button .re-txt {color: #05a2ec;text-align: center;line-height: 28px;
font-size: 16px;font-family: 'Avenir LT Std 55 Roman';letter-spacing: 1px;
z-index: 2;display: block;position: absolute;width: 100%;height: 100%;    overflow: hidden;height: 45px;top: 0;left: 0;}
.order-done .re-ordered a:hover .re-txt, .order-done .re-ordered button:hover .re-txt {color:#fff;}
.orderdiv:hover .arrow {margin-right:0;transition:all 0.3s ease-in;}



/***********Media Screens***********/
@media (min-width: 1024px) and (max-width: 1123px){
.login_inner {padding:0 60px;}
/*product-page*/
.equiry-form .enquiry-form {padding:0;}
.header .navigation {width:82%;}
.order-done {width:78%;}

/*shopping cart page*/
.item-detail .item-qty {width:32%;}
.item-detail .qty-input {padding:0 0 0 20px;}
.item-price {width:8%;}
.item-detail .detail-list {width:60%;}
.buttons-sec .proceed-btn {width:310px;}
.right-inner {padding: 45px 15px 100px 15px;}

}
@media (min-width: 768px) and (max-width:1023px){
.login_inner {padding: 0 30px;}
.login_inner a img {margin: 45px auto 40px;width: 50%;}
/*product-page*/
.header .navigation {width: 75%;}
.header .navigation ul li a{margin:0 20px 0 0;}
.custom-product-box {margin: 15px 0 30px 0;}
.equiry-form .enquiry-form .form-left {width:100%;}
.equiry-form .enquiry-form .form-right {width:100%;}
.equiry-form {margin:0 0 25px 0;}
.cstm-product-container .custom-product {padding: 35px 0 15px;}
/*product-detail page*/
.detail-container {margin:40px 0 0 0;}
.detail-container .slides_box .inner img {width:90%;}
.text-detail-box {padding:0;}
.text-detail-box .heading h1 {font-size: 30px;margin: 0 0 15px 0;}	
.text-detail-box .detail-text {padding:15px 0;}
.qty-cart {padding:14px;}
.descr-container {width: 100%;padding: 27px 0 0;margin: 50px 0 0 0;background: #f9f9f9;}
.descr-container .tab-box {min-height:475px;}
/*shopping-cart page*/
.buttons-sec {padding:25px 0 18px;}
.items-section .items-with-total {width: 100%;padding: 20px 0 10px;float: left;}
.items-section .items-with-total h2 {font-size: 14px;letter-spacing:0;}
.items-section .items-with-total h3 {font-size: 14px;letter-spacing:0;}
.buttons-sec .proceed-btn {width: 228px;font-size:11px;background: #333333 url(../images/proceed-arrow.png)no-repeat center right 10px;height:40px;line-height: 42px;padding: 0 10px 0 0;}
.item-detail .detail-list {width: 65%;}
.item-detail .item-qty {width:25%;margin:25px 0 0 0;}
.item-detail .qty-input {float:none;padding:0;}
.item-detail .detail-list ul li {width:50%;}
.item-detail .detail-list ul li h6 {font-size:13px;}
.item-detail .detail-list ul li span {font-size:12px;}
.item-price span:last-child {margin:10px 0 0 0;}
.item-price span {margin:42px 0 0 0;}
.item-detail .add-remove-btns {max-width:250px;padding:20px 0 0 0;}
.item-detail .qty-input span {font-size:14px;}
.item-price span {font-size:14px;}
.item-detail {padding:25px 0;}
.left-inner p {font-size:12px;padding:15px 0;}
.right-inner {padding:10px;}
.right-inner .option span {font-size:13px;}
.right-inner .option h5 {font-size:15px;}
.right-inner .option input {width:111px;font-size:12px;}
.right-inner .price {margin:30px 0 0 0;}
.right-inner .price h5 {font-size:15px;margin: 0 0 15px 0;}
.right-inner .detail-box .div1 {margin:0 0 10px 0;}
.right-inner .detail-box label {font-size:15px;}
.right-inner .detail-box span {font-size:15px;}
.right-inner .proceed-btn {background: #333333 url('../images/proceed-arrow.png')no-repeat center right 7px;height: 40px;line-height: 42px;padding: 0 10px 0 0;}
.right-inner .proceed-btn:before {background: #333333 url(../images/proceed-arrow.png)no-repeat center right 7px;}
.right-inner .addmore-btn {font-size: 11px;height: 40px;margin: 15px 0 0 0;line-height: 38px;}
.bag-item-detail {padding:0 0 30px 0;}
.right-inner .addmore-btn span {max-width:142px;}
.buttons-sec .proceed-btn span {font-size:10px;line-height:42px;}
.right-inner .proceed-btn span{font-size:10px;line-height:42px;}
.buttons-sec .proceed-btn:before {background: #333333 url('../images/proceed-arrow.png')no-repeat center right 10px;}
/*account page*/
.account-container .user-image {min-height: 145px;}
.user-mail {padding: 0 0 15px 0;}
.account-container .user-detail {margin: 0 0 25px 0;}
.account-container .nav {padding: 0 10px 40px;}
.account-container .nav li a {padding:5px;}
.account-container .nav .sublink {padding:5px;}
.account-container .nav li a {font-size:14px;}
.account-container .nav .heading {font-size:15px;}
.account-container .nav .info {padding-top:10px;padding-bottom:10px;}
.account-container .tab-content {padding:15px;}
.order-img img {margin:20px auto;}
.order-view .order-no,.order-view .digit,.order-view h5,.order-view .tag,.order-view .txt,.order-view .po,.order-view .po-num,.order-view h3,.order-done .in-progress a {font-size:13px;}
.order-price .order-qty {font-size:14px;}
.order-price .dollar {font-size:14px;}
.order-done .cancelled a {font-size:13px;}
.order-view .order-no {display:block;}
.order-done .re-ordered a, .order-done .re-ordered button {font-size:13px;width: 80px;}
.order-done .ordered a {font-size:13px;width:80px;}
.orderdiv .arrow img {width:79%;}
.order-done {width: 80%;text-align: center;padding: 17px 0px 17px 0;float: left;}
.progress-sec {margin:20px 0 10px 0;}
.progress-sec .labelblue {font-size:13px;}
.progress-sec .labelgray {font-size:13px;}
.orderdiv .arrow {margin-right:4px;}
}

@media (min-width: 320px) and (max-width:767px){
.login_sec {float:left; width:100%; height:auto;padding: 20px 0 25px;}
.login_inner a img {margin: 25px auto 30px;width: 50%; display:none;}
.login_inner {padding: 0 15px 25px;margin: 0;position: relative;background: #fff;width: 100%;display: block;top: auto;position: absolute;transform: none;left: auto;}
.tab_sec .nav > li > a {margin: 0 30px 0 0; font-size: 20px;}
.form_box .input_box label {margin: 20px 0 0;}
.login_banner {height:auto; width:100%;}
.mobile_view {display:block; width:100%; height:auto;}
.login_banner .static_view {display:none;}
.mobile_header {display:block;background:#fff;} 
.mobile_header a img {display:block;margin:10px auto 10px;width: 110px;} 
img.round {display:none;}
/*product page css*/
.cstm-product-container .custom-product {padding:40px 0 15px;}
.cstm-product-container h1 {font-size:17px;}
.custom-product .sort p {margin:0 6px 0 0;font-size:14px; float:left;}
.custom-product .sort span {font-size:14px;}
.custom-product-box {display: block;padding: 30px 10px 30px;margin: 20px 0 10px 0;}
.equiry-form {margin:15px 0 10px 0;padding:20px 0 20px;}
.equiry-form .brand {text-align:center;padding:0;}
.equiry-form .brand img{width:60%;}
.equiry-form .enquiry-form {padding:35px 10px 10px;}
.equiry-form .enquiry-form h3 {font-size:19px;margin:0 0 18px 0;}
.equiry-form .enquiry-form .form-left {width:100%;}
.equiry-form .enquiry-form .form-left input {width:100%;}
.equiry-form .enquiry-form .form-right {width:100%;}
.equiry-form .enquiry-form .form-right textarea {width:100%;}
.equiry-form .enquiry-form .form-right .form-submit {width:100%;}
.mob-trigger {display: block;width: 30px;height: 25px;position: relative;top: 28px;
left: auto;right: 17px;float: right;}
.mob-trigger span{display:block;width:100%;height:2px;margin:0 0 5px 0;background:#000;}
.navigation-mob {display:none;}
.header-container {padding:10px 0;}
.navigation ul {text-align:left;}
.navigation ul li{display:block;}
.header .login-btn {float:left; margin: 10px 0 0 0; height:32px; line-height:32px;}
.custom-product select {width:60px;}
/*product-page css*/
.detail-container .slides_box .inner img {width:80%;}
.detail-container {margin:30px 0 0 0;}
.text-detail-box {padding:0;margin:20px 0 0 0;}
.text-detail-box .heading h1 {margin:0 0 10px 0;font-size:25px;}
.text-detail-box .detail-text {padding:20px 0;}
.qty-cart label {margin:4px 10px 0 0}
.qty_add {margin:2px 0 0;}
.qty-cart a {margin: 0 0 0 10px;}
.qty-cart {padding:20px 0 0 0;}
.descr-container {padding: 10px 0 20px;margin: 35px 0 0 0;}
.descr-container .title-sec h2 {font-size:14px;}
.descr-container .title-sec span {font-size:14px;}
.text-detail-box .detail-text p {font-size:13px;line-height:22px;}
.text-detail-box .detail-text .instock {font-size:12px;}
.qty-cart a {font-size:14px;}
.descr-container .decsription h3 {margin:0 20px 0 0;}
.descr-container .decsription p {font-size:13px;line-height:25px;}
.custom-product-box {margin:10px 0;}
.footer-container span {font-size:12px;}
.footer-container {padding:20px 0;}
.descr-container .tab-box ul li {margin:0 10px 0 0;}
.descr-container .tab-box ul li a {font-size:15px;}
.descr-container .tab-box {min-height:480px;padding: 20px 0;}
.descr-container .title-sec {margin:0;}
.variation2 {width:86px;}
.variation2 span.select {width:86px;}
.custom-product .sort {width: 50%;float: right;text-align: right;max-width: 138px;}
.custom-select {padding:0; width:85px;}
.select-items div, .select-selected {font-size:16px;}
.select-selected:after {top: 10px; right:0;}
.input_box.check p {width:95%;}
.input_box.check p a {font-size:12px;}
.input_box.check p {font-size:12px;}
/*shopping cart page*/
.buttons-sec {padding:20px 0 20px;}
.buttons-sec .back-btn {font-size:13px;}
.buttons-sec .proceed-btn {width:100%;font-size:13px;}
.buttons-sec .back-btn {width:100%;}
.items-section .items-with-total {padding:15px 0 20px;}
.items-section .items-with-total h2 {font-size:14px;letter-spacing:0;}
.items-section .items-with-total h3 {font-size:14px;letter-spacing:0;}
.items-section .items-with-total h2 span{display:block;}
.item-detail {padding:25px 0;}
.item-detail .item-qty {width: 70%;margin:0;}
.item-detail .item-qty img {max-width:100%;}
.item-detail .qty-input {padding: 0 0 0 10px;margin: 10px 0 0 0;}
.item-detail .qty-input span {font-size:15px;}
.item-price {width:30%;}
.item-price span {font-size:15px;margin:0 0 0 0;}
.item-price span:last-child{font-size:15px;margin:5px 0 0 0;}
.item-detail .detail-list {width:100%;margin:20px 0 0 0;}
.item-detail .detail-list ul li {width:100%;}
.item-detail .add-remove-btns {max-width:100%;padding:25px 0 0 0;}
.left-inner p {padding:15px 0 20px;}
.right-inner {padding:10px 10px 30px;}
.right-inner .price {margin:25px 0 0 0;}
.right-inner .price h5 {margin:0 0 15px 0;}
.right-inner .detail-box .div1 {margin:0 0 10px 0;}
.right-inner .detail-box label {font-size:16px;}
.right-inner .detail-box span {font-size:16px;}
.right-inner .proceed-btn {margin: 40px 0 0 0;font-size:12px;}
.right-inner .addmore-btn {font-size:12px;margin: 20px 0 0 0;}
.right-inner {margin:0;}
.bag-item-detail {padding:0 0 30px 0;}
.qty-select .custom-select {width: auto;font-size: 15px;padding: 0.375rem 1.75rem 0.375rem 0.75rem;}
.qty-select .custom-select .select-selected:after{top: 14px;right: 5px;}
.buttons-sec .proceed-btn {background: #333333 url('../images/proceed-arrow.png')no-repeat center right 15px;}
.buttons-sec .proceed-btn:before {background: #333333 url('../images/proceed-arrow.png')no-repeat center right 9px;}
.right-inner .proceed-btn{background: #333333 url('../images/proceed-arrow.png')no-repeat center right 9px;}
.right-inner .proceed-btn:before {background: #333333 url('../images/proceed-arrow.png')no-repeat center right 9px;}
/*custom-product page*/
.spa_conatiner .spa_box .select-items div, .spa_box .select-selected{padding: 7px 10px;}
.spa_box .select-selected:after {top:14px;}

/*account-page*/
.flexbox {display: block !important;}
.account-container .nav {width:100%;padding: 0 20px 20px;}
.account-container .user-detail {margin:0 0 20px 0;}
.account-container .user-image {min-height:150px;}
.user-mail {padding:0 0 15px 0;}
.account-container .nav li {width:100%;display:block;}
.account-container .nav .info {padding-bottom:10px;padding-top:10px;}
.account-container .nav li a {padding: 5px 0;}
.account-container .nav .report {padding-top:20px;}
.account-container .nav .sublink {padding:0;}
.account-container .tab-content {padding:25px 0;width:100%;}
.for-responsive {width:50%;}
.order-view .text {margin:0;}
.order-view .order-no, .order-view .digit, .order-view .tag, .order-view .txt,.order-view .po, .order-view .po-num, .order-view h3 {font-size:13px;}
.order-view .order-no {display:block;}
.order-view h5 {font-size:15px;}
.order-price {padding:15px 0;margin: 5px 0 0 0;}
.order-price .dollar {font-size:15px;}
.order-price .order-qty {font-size:14px;margin: 7px 0 0 0;}
.order-done {padding:17px 0;}
.order-done .in-progress a {width:100%;text-align:left;margin: 12px 0 0 0;}
.orderdiv .arrow {padding:30px 0;}
.progress-sec {padding: 0 15px;margin: 15px 0 20px 0;}
.order-done .cancelled a {font-size:14px;}
.order-done .order-done .re-ordered a {font-size:14px;}
.pagination-container {padding: 18px 15px 0px;}
.pagination-container .pages {width:80%;}
.pagination-container a{width:20%;}
.order-done {text-align:left;}
.order-done .ordered a {margin:0;text-align:left;}
.order-done .re-ordered a, .order-done .re-ordered button {margin:5px 0;}
.orderdiv .arrow {margin-right:3px;}
}

@media (min-width: 800px){
    .des-100 {
      width: 100%;
    }
  }

@media (max-width: 799px){
  .des-100 {
    width: 150%;
  }
}
@media (max-width: 480px){
    .des-100 {
    width: 300%;
    }
}
@media (max-width: 375px){
    .des-100 {
    width: 400%;
    }
}
@media (min-width: 640px) and (max-width:767px){
.text-detail-box {margin:0;}
.detail-container .slides_box .inner img {width:96%;}
.descr-container .tab-box {min-height:400px;}
}

.tab_sec .nav-tabs > li > a:hover {
border-bottom: 2px solid #253679;
}
.error, .has-error, .help-block {
  color: #dc3545;
}
.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
}
.w-25-center{
  margin: 0 auto;
  width: 25%;
}
.remember-input-label {
  position: relative;
  left: 9px;
  top: 4px;
}
.is-invalid{cursor: pointer;}
.remember-input {
  height: 40px !important;
  width: 16px !important;
  clear: both;
  margin-top: 0.25rem !important;
  margin-left: -11px !important;
}
.red {
  color: red;
}
.progress-sec .labelred{
  color: #d10606;
  position: absolute;
  top: 15px;
  right: 0;
  font-size: 14px;
}
.p-top-35 {
  margin-top: 35px;
}
