@charset "utf-8";
/*font css*/
@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-Regular.woff2') format('woff2'),
        url('../fonts/Oswald-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-DemiBold.woff2') format('woff2'),
        url('../fonts/Oswald-DemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.eot');
    src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto-Regular.woff') format('woff'),
        url('../fonts/Roboto-Regular.ttf') format('truetype'),
        url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
 
*{margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box;}
:focus{outline:none;}
html{margin: 0 !important; height:100%; -webkit-text-size-adjust:none;}
body{font-size: 16px; color: #000000; height:100%; background: #fff; font-family: 'Roboto'; font-weight: normal; position: relative; left: 0;  -webkit-transition: left 0.4s ease-in-out; -moz-transition: left 0.4s ease-in-out; -ms-transition: left 0.4s ease-in-out; -o-transition: left 0.4s ease-in-out; transition: left 0.4s ease-in-out;}
a{text-decoration:none; outline:none; color:#000000; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; cursor: pointer;}
a:hover{color: #48217a;}
a:focus{outline: none;}
.no-banner {margin:20px 0 0 0 !important;}
/* common css */
.alpha{ padding:0;}
.marT30{ margin-top: 30px;}
img{padding:0; margin:0; max-width:100%; border:none; vertical-align:middle;}
h1, h2, h3, h4, h5, h6, p{font-weight:normal; margin:0; padding:0; display:block; overflow:hidden; clear: both;}
ul, ul li, ol, ol li{padding:0; margin:0; list-style:none;}
p{line-height:24px;}
h1{text-align: center; font-size: 30px;}
h2{text-align: center; font-size: 24px; padding: 0 0 30px;}
address{font-style: normal;}
#register address{margin-bottom: 0;}

.marTN{ margin-top:0!important;}
.marBN{ margin-bottom:0!important;}
.marT15{ margin-top:15px;}
.marT10{ margin-top:10px;}
.marB15{ margin-bottom:15px;}
.padB10{ padding-bottom: 10px;}
.pad15{ padding:15px;}
.font-semibold{font-weight:500;}
.font-bold{font-weight: bold;}
.text-teal{ color:#48217a; }
.text-light{ color:#656565; }
.text-red{ color:#ff0000; }
.break-word{ word-break: break-word;}
.line-through{ text-decoration: line-through; color: #999;}
.text18{ font-size:18px;}
.padB5{ padding-bottom: 5px!important;}
/*======== header css =========*/
header{width: 100%;  background: #ffffff; padding-bottom: 123px; }
header.header-fixed{ padding-bottom: 120px;}
/*header.header-fixed .header-custom{position: fixed; top: 0; left: 0; right:0; z-index: 9; -webkit-box-shadow: 0 0 10px 0 #cccccc; box-shadow: 0 0 10px 0 #cccccc;}*/
/*header.fixed .top-bar{display: none;}*/
.header-custom{position: fixed; top: 0; left: 0; right:0; z-index: 9; background-color:#48217a; border:none;  border-radius:0; margin-bottom: 0; padding: 0; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); -webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);}
.header-custom .navbar-brand { height:auto; padding:14px 15px;}
/*.header-custom .navbar-header{ float:none; position: relative;}*/
.header-custom .navbar-form{ margin:10px 0 0; padding-left: 60px;}
.header-custom .navbar-form .form-group{ position:relative; background: #fff;}
.header-custom .navbar-form .form-control{ font-size: 18px; background: rgba(255, 255, 255, 0); border-color: #ddd; border-right:none;; box-shadow: none; border-radius: 0; padding: 5px 15px 5px 15px; height: 40px; position: relative; z-index: 2;}
.header-custom .navbar-form .form-control:focus,
.header-custom .navbar-form .form-group.search_active .form-control{ background:#fff;}
.header-custom .navbar-form .btn{ min-height:40px; border-radius: 0; float: right;}
.header-custom .navbar-form .form-group:before{ content:"\e610"; position: absolute; top:8px; left:10px; color:#ddd; font-family: 'themify'; z-index: 1;}
.header-custom .navbar-nav>li>a{font-size: 16px; padding: 22px 10px; color: #b7a6cb; display: inline-block; position: relative; font-family: 'Oswald';}
.header-custom .navbar-nav>li>span.phone-number-nav{padding: 22px 10px 25px; color: #b7a6cb; font-size: 16px; display: inline-block; font-family: 'Oswald'; }
.header-custom .navbar-nav>li>a:focus, 
.header-custom .navbar-nav>li>a:hover{color: #48217a;}
.header-custom .navbar-nav>li.menu-level-1>a,
.header-custom .navbar-nav>li ul li.menu-level-2>a,
.header-custom .navbar-nav>li ul li ul li.menu-level-3>a{padding-right: 30px;}
.header-custom .navbar-nav>li.menu-level-1>a:before{ position: absolute; right:8px; top:12px; font-size: 12px; content: "\e64b"; font-family: 'themify';}
.header-custom .navbar-nav>li ul li.menu-level-2>a:before,
.header-custom .navbar-nav>li ul li ul li.menu-level-3>a:before{ position: absolute; right:8px; top:15px; font-size: 12px; content: "\e649"; font-family: 'themify';}
.header-custom .navbar-nav>li>a.cart-view,
.header-custom .navbar-nav>li>a.wishlist-view{ position:relative;  } 
.header-custom .navbar-nav>li>a> .addedQuantity{ position:absolute; right:8px; top:12px; background: #fff; color:#48217a; border-radius: 100%; min-width:20px; line-height: 18px; padding: 0 2px; text-align: center; font-size: 12px; min-height: 20px;}
.header-custom .menu ul.main-menu li ul.nav-dropdown-menu{ width: 250px; margin-top: 25px; z-index: 9; border-top: 2px solid #48217a; position: absolute; top:100%; left:0; background: #ffffff; visibility: hidden; opacity: 0; border-radius: 2px; display: none;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    -moz-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
}

.header-custom .menu ul.main-menu li ul.nav-dropdown-menu li ul.sub-dropdown{border: none; border-top: 2px solid #48217a; left: 100%; top: 0; display: none; position: absolute; background: #fff; width: 200px;}
.header-custom .menu ul.main-menu li ul.nav-dropdown-menu li:hover > ul.sub-dropdown{display: block;}
.header-custom .menu ul.main-menu li ul.nav-dropdown-menu li{ display: block; position:relative;}
.header-custom .menu ul.main-menu li:hover ul.nav-dropdown-menu li a, 
.header-custom .menu ul.main-menu li ul.nav-dropdown-menu li a{display:inline-block;padding: 10px 12px; color: #787878; text-transform: inherit;}
.header-custom .menu ul.main-menu li ul.nav-dropdown-menu li a:hover, 
.header-custom .menu ul.main-menu li ul.nav-dropdown-menu li:hover > a{color: #48217a; background: none; text-decoration: none;}
.header-custom .menu ul.main-menu li span.mobile-menu{display: none;}
 
/*.header-custom .menu ul.main-menu li span.mobile-menu,
.header-custom .menu ul.main-menu li span.mobile-menu-sub{display: none;}*/
span#welcome-data{color: #ffffff;}
.header-custom .menu ul.main-menu li .product-list a{padding: 0; text-transform: initial;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{ background-color: #fff;}
.toggle-menu { width: 25px; position: relative; padding: 0; border: none; margin: 18px 0 0 15px; border-radius:0;}
.toggle-menu span{display: block;  height: 3px; background: #b7a6cb; -webkit-transition:all 0.2s ease 0s; -moz-transition:all 0.2s ease 0s; -o-transition:all 0.2s ease 0s; transition:all 0.2s ease 0s;}
.toggle-menu span:not(:first-child){margin:5px 0 0;}
/*.toggle-menu[aria-expanded="true"]{height: 30px; margin-top: 15px;}
.toggle-menu[aria-expanded="true"] span:nth-child(2){display: none;}
.toggle-menu[aria-expanded="true"] span:first-child{-webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 12px; left: -2px; z-index: 0;}
.toggle-menu[aria-expanded="true"] span:last-child{-webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; top: 12px; left: -2px; z-index: 0;}
.toggle-menu[aria-expanded="true"] span{margin: 0; width: 30px;}*/
.header-custom .navbar-right.navbar-nav>li>a:focus, .header-custom .navbar-nav>li>a:hover{color: #ffffff;}


/* =========== top bar css ============ */
.top-bar{ padding: 0; background: #48217a; font-size: 14px; color: #ffffff;  }
.top-bar .space-left{ padding-left:0;}
.top-bar .space-right{ padding-right:0;}
.top-bar span{display: inline-block; margin: 0px;  padding: 10px 15px;} 
.top-bar a{color: #ffffff; display: inline-block;     padding: 9px 15px 12px 15px;}
.top-bar a i, .top-bar span i{margin-right: 3px; vertical-align:middle;}
.top-bar a:hover,.top-bar a:focus,.top-bar a.active {   text-decoration: none; color: #b7a6cb;}
.point-store { display: inline-block; font-size: 16px; color: #787878; margin: 20px 0 0 15px;}
.point-store .point-bages { display: inline-block; padding: 4px 15px 3px; font-size: 14px; background: #48217a; color: #fff; border-radius: 15px;}
.search-icon-top{position: absolute; left: 12px; top: 11px; color: #ddd;}
.relative{ position:relative;}
.search-form-wraper { position: absolute; top: 72px; right: 70px; z-index: 8;  background: #ffffff; border: 1px solid #ddd;  -webkit-box-shadow: 1px 2px 1px 0px #ddd; box-shadow: 1px 2px 1px 0px #ddd; padding: 0px; min-width: 350px; display: none;}
.search-form-close{ position:absolute; right: 20px; top:20px; color: #fff; font-size: 24px;}
.search-form-close:hover,
.search-form-close:focus{ text-decoration:none; color: #eee;}
.search-form-wraper .typeahead .form-control{ font-size: 16px;}
.search-form-wraper .form-group{position:relative;}
.search-form-wraper .typeahead-btn{ min-width: 100px; width:100%;}
.search-form-wraper .typeahead-btn:hover,
.search-form-wraper .typeahead-btn:focus{ }
.search-form-wraper .typeahead:focus::-webkit-input-placeholder { color:transparent; }
.search-form-wraper .typeahead:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
.search-form-wraper .typeahead:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
.search-form-wraper .typeahead:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
.search-form-inner{ display:block; width: 100%; margin-top:0px; padding:15px; }

/* =========== cart widget slide css =========== */
.cart-widget-slide { position: fixed;top: 0; bottom: 0; right: 0; height: 100%; width: 340px; padding: 55px 0 55px; display: block; overflow: auto; background-color: #fff; z-index: 500;
    transform: translate3d(360px,0,0);
    -webkit-transform: translate3d(360px,0,0);
    -ms-transform: translate3d(360px,0,0);
    -sand-transform: translate3d(360px,0,0);
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
}
.nbs-cart-opened{ overflow:hidden; padding-right: 17px;}
.nbs-cart-opened .cart-widget-slide {
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -sand-transform: translate3d(0,0,0);
}
.cart-backdrop-slide {content: " ";position: fixed;top: 0;left: 0; background-color: rgba(0,0,0,.7); opacity: 0;visibility: hidden; z-index: 400; width: 100%; height: 100%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.nbs-cart-opened .cart-backdrop-slide{opacity: 1; visibility: visible;}
.cart-widget-slide .cart-widget-heading { position:absolute; top:0; left: 0; right:0; margin: 0px; padding: 10px 20px; background-color: #48217a; text-transform: uppercase; font-weight: normal; letter-spacing: .6px; display: flex; flex-direction: row;flex-wrap: wrap; align-items: center;justify-content: space-between;display: -webkit-flex;
    -webkit-align-items: center;
    -webkit-flex-wrap: wrap;
    -webkit-flex-direction: row;
    -webkit-justify-content: space-between;
    display: -ms-flex;
    -ms-align-items: center;
    -ms-flex-wrap: wrap;
    -ms-flex-direction: row;
    -ms-justify-content: space-between; 
}
.cart-widget-title{ font-family: 'Oswald'; display: inline-block; vertical-align: middle; font-size: 20px;  color: #fff;margin: 0; position: relative; padding: 0;}
.cart-widget-close { display: inline-block; vertical-align: middle; text-decoration: none; font-size: 12px;line-height: 35px; position: relative;cursor: pointer; padding-right: 21px; color:#fff;}
.cart-widget-close:hover,
.cart-widget-close:focus{ color:#fff; text-decoration: none;}
.cart-widget-close:after, .cart-widget-close:before {content: " ";position: absolute; right: 0;top: 50%; margin-top: -1px; width: 15px; height: 2px; display: inline-block;background-color: #fff;
    -webkit-transition: background-color .2s ease-in-out,transform .2s ease-in-out,width .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out,transform .2s ease-in-out,width .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out,transform .2s ease-in-out,width .2s ease-in-out;
    transition: background-color .2s ease-in-out,transform .2s ease-in-out,width .2s ease-in-out;
  -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    -sand-transform: rotate(0);
    transform: rotate(0);
}
.cart-widget-close:hover:before{    
  -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -sand-transform: rotate(45deg);
    transform: rotate(45deg);
}
.cart-widget-close:hover:after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -sand-transform: rotate(-45deg);
}
.cart-widget-slide .cart-widget-body{position: absolute; bottom:0px; top:55px; left:0; width:100%;  margin: 0; padding: 0 15px 0 15px; overflow-x: hidden; overflow-y:auto; background: #fff; -webkit-overflow-scrolling: touch !important; -webkit-overflow-scrolling-y: touch;}
.cart-widget-slide .cart-widget-body.item-true {bottom:105px;}
.cart-widget-slide .cart-widget-body.viewcart-true {bottom:65px;}
.cart-widget-footer{background: #fff; position: absolute; bottom:0; left:0; right:0; width:100%; padding:0 0 10px; text-align: center; box-shadow: 0 0 5px #ddd;}
.cart-widget-footer .btn{ border-radius: 0; text-transform: uppercase; padding: 10px 20px 8px; min-width: 42%;}
.cart-info{ font-size: 14px;  padding: 5px 0px; text-align:left; border-bottom: 1px solid #ececec;}
.emptycart{text-align: center; padding: 100px 0px 0;}
.cart-message span:first-child{display: block; font-size: 25px; color: #818181;}
.cart-message span:nth-child(2){font-size: 18px;display: block;color: #48217a;}
.cart-message span i{ display: inline-block; color: #48217a;}
.product-list{ padding: 10px 0; border-bottom: 1px solid #ececec; position: relative;}
.product-list .cart-item{width: 75px; float:left;}
.product-info{display: block; overflow: hidden; padding: 0 0 0 10px; text-align: left; position: relative;}
.product-name{font-size: 16px; padding: 0 20px 0 0; color:#777777; text-overflow: ellipsis; overflow: hidden; white-space:nowrap;}
.product-info .item-per-price{ margin-left: 5px; }
.product-info .qty{ margin-right: 5px;}
.product-info .item-ttl-price{ padding: 5px 0 0; font-size: 14px; color: #777;}
.product-info .item-ttl-price span{  color: #48217a;}
.price-qty{  font-size: 14px; padding: 5px 0 0;  color:#777777;}
.product-info .remove{ position:absolute; right:0px; top:0px; min-width: 20px; text-align: center; font-size: 20px; color:#777;}
.product-info .remove:hover,
.product-info .remove:focus{ text-decoration:none; color:#222;}
.product-subtotal{ border-bottom: 1px dashed #ddd; padding: 10px 15px; margin-bottom: 10px; text-align: left; color:#222; font-size: 18px; font-family: 'Oswald';} 
.cart-subtotal{ float: right;   color: #48217a; }
/*=====btn css===========*/
.btn{  position: relative; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; cursor: pointer; border-radius: 0; padding: 9px 12px 8px;}
.btn.btn-lg{ padding:8px 16px 12px;}
.btn-default{ background-color: #f2f2f2;}
.btn-default:hover{ background-color: #e6e6e6;}
.btn-teal{ background-color: #48217a; border-color: #48217a; color: #fff; font-size: 18px;   font-family: 'Oswald';}
.btn-teal:hover,.btn-teal:focus,.btn-teal.active{ background-color: #b7a6cb; border-color: #b7a6cb; color: #000;}
.form-control{box-shadow: none; -webkit-box-shadow: none; height: 38px; border-radius: 0;}
.form-control.input-lg{ height:46px;}
textarea.form-control{ height:auto;}
.form-control:focus{ box-shadow: none; -webkit-box-shadow: none; }
.btn-teal-outline { border: solid 1px #48217a; color: #48217a; background: #fff;   font-family: 'Oswald'; font-size: 18px;}
.btn-teal-outline:hover,
.btn-teal-outline:focus{ border: solid 1px #48217a; color: #fff; background: #48217a;}
.btn.active.focus, 
.btn.active:focus, 
.btn.focus, 
.btn:active.focus, 
.btn:active:focus, 
.btn:focus{outline:none;}
/* ========= banner css start here =====*/
.main{padding:30px 0 20px; background: #f3f3f3;}
.whitebgd{background: #fff; padding: 0px;}
.main.no-padding{padding:0;}
.table-container{display: table; width: 100%; height: 100%;}
.align-container{display: table-cell; vertical-align: middle; width: 100%; height: 100%;}
.style1.table-container{background: url(../images/banner4.jpg) no-repeat center top; background-size: cover; position: relative; padding: 0; height: 450px;}
.style1.table-container:before{content: ""; position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; /*background: rgba(0,0,0,0.53);*/}
.table-container.style2{height: 650px; background: url(../images/banner2.jpg) no-repeat 50% 50%; background-size: cover; background-attachment: fixed; line-height: 80px;}
.banner{text-align: center; position: relative; font-size: 65px; color: #202020; line-height: 65px;}
.banner h1{font-size: 55px; padding-top: 200px; text-transform: uppercase;}
.banner span{display:block;color: #ffc107;}
.banner .btn.btn-banner {min-width: 250px; margin: 15px 0 0; background: rgba(0, 0, 0, 0.37); border: 1px solid #fff; color: #fff;font-size: 24px; padding: 15px 35px;border-radius: 0px;}
.banner .btn.btn-banner:hover,
.banner .btn.btn-banner:focus{ background: rgba(255, 255, 255, 1); color:#333;}
.carousel-custom .carousel-caption{ text-align: center; top:50%; bottom:auto; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); left: 10%; right:10%; }
.carousel-custom .item{ height:600px;} 
.carousel-custom .item.item-1{background:url(../images/banner1.jpg) no-repeat; background-position: 0% center; background-size: cover;}
.carousel-custom .item.item-2{background:url(../images/banner2.jpg) no-repeat; background-position: 100% center; background-size: cover;}
.carousel-custom .item.item-3{background:url(../images/banner3.jpg) no-repeat; background-position: 100% center; background-size: cover;}
.carousel-custom .item.item-4{background:url(../images/banner4.jpg) no-repeat; background-position: 0% center; background-size: cover;}
.carousel-custom .item.item-5{background:url(../images/banner5.jpg) no-repeat; background-position: 100% center; background-size: cover;}
.carousel.slide{ z-index:1;}
.carousel-control{ width:10%;}
.carousel-indicators .active{background-color: #48217a;}
.carousel-custom .carousel-caption h2 { font-size: 40px; color: #fff;  line-height: 60px; margin: 0px;  padding: 0; text-transform: uppercase; text-align: center;}
.carousel-custom .carousel-caption .btn.btn-banner { min-width: 120px; margin: 20px 0 0; font-size: 16px; padding: 8px 10px;}
.quick-add-items{ background:#ffffff;  padding:0px 0;}
.quick-add-items.padB20{ padding:0px 0 20px;}
.quick-add-form{background:#ffffff; display: -webkit-box; display: -webkit-flex;display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;flex-wrap: wrap;}
.quick-add-form aside{ height: auto;}
.quick-add-form .padleftN{ padding-left:0;}
.quick-add-form-bg{background-color: #ccc; padding: 45px; height: 100%; }
.quick-add-form h3{ font-size:36px; color: #333; padding:0px 0; margin: 0 0 15px; text-transform: uppercase;}
.quick-add-form p{ font-size:24px; color:#333; margin:0 0 20px; padding:0;}
.quick-add-form .form-control{ color:#919191; border:none; border-radius: 0;}
.quick-add-form .form-control:focus{box-shadow:none;}
.quick-add-form .btn-black{ background:#333; color:#fff; border-color:#333; border-radius:0; text-transform: uppercase;}
.quick-add-form .btn-black:hover,
.quick-add-form .btn-black:focus{ background:#000; color:#fff; border-color:#000; border-radius:0;}
.quick-add-inner{ height: 100%; background: #ccc;}
.quick-add-inner > span{ background: #48217a; display: block;}
.quick-add-inner > span + span{background: #ccc; display: block;}
/*======== featured categories ======*/
.featured-categories{padding:0 0 40px; background: #fff;}
.featured-categories .row{ display: flex; flex-wrap: wrap;}
.categories-list{height: auto;}
.categories-list-inner{ display:block; height: 100%;}
.categories-list-inner img{ width:100%; height: 100%; }
.section-title { padding:40px 0 30px; margin: 0; text-align: center;}
.section-title h3{ line-height: 50px; position: relative; margin:0; padding:0; font-size: 40px; color:#202020; text-transform: uppercase; font-family: 'Oswald'; font-weight: 600; overflow: visible; }
.section-title h3:before {  content: '';  display: inline-block;   background: #48217a;    width: 50px;    height: 3px;    position: absolute;    bottom: -2px; 
  left: calc(50% - 25px);     right: auto; }
.section-title p{ margin:5px 0 0; padding:0; font-size: 16px; color:#888888; letter-spacing: 0.6px;   }
.section-also-like{  margin-bottom: 30px; padding:0!important;  }
.also-like-title{ width:100%; display: block; vertical-align: middle;}
.also-like-slider{ width:100%; display: block; vertical-align: middle;}
/*====== Section wraper css ========*/
.main-wraper { background: #f3f3f3;}
.section-wrapper{ background: #ffffff; padding:0 0 40px;}
.slider{ padding: 0;}
/* Owl Carousel  Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div{position: absolute; top:50%;  color: #565656; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: -25px 0 0 0; padding: 0; font-size: 1.8em; width: 50px; height: 50px; line-height: 42px; text-align: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: rgba(255,255,255,1); transition: All 0.5s ease-in-out; z-index: 1; text-align: center; box-shadow: 0 0 10px rgba(0,0,0,0.5);}
.owl-theme .owl-controls .owl-buttons div.owl-prev{left:-50px;}
.owl-theme .owl-controls .owl-buttons div.owl-next{ right:-50px;}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{text-decoration: none; color:#000;}
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */}
.owl-theme .owl-controls .owl-page span{display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #48217a;}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1;}
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers{height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}
/* preloading images */
.owl-item.loading{min-height: 150px; background: url(../images/ajaxLoader.gif) no-repeat 50% 50%}
.owl-carousel .owl-item{padding: 15px 10px;}
/*=========== slider single items Css ===========*/
.item{padding: 0; transition: box-shadow all .15s ease-in-out; -webkit-transition: box-shadow all .15s ease-in-out;   box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);}
.item:hover {box-shadow: 0 4px 20px 0 rgba(168,182,191,.6); -webkit-box-shadow: 0 4px 20px 0 rgba(168,182,191,.6);}
.carousels>.item{ display: inline-block; max-width: 250px;}
.owl-item .item{  max-width: 100%; display:block; }
.item img{width: 100%;}
.item-img{ width: 100%; position: relative; overflow: hidden; background: #fff;}
.zooming{position: absolute; top: 0; left: 0; opacity: 0; display:flex; justify-content: center; align-items: flex-end; visibility: hidden;z-index: 1; background: rgba(0,0,0,0.65); width: 100%; height: 100%; -webkit-transition:all 0.3s ease ; -moz-transition:all 0.3s ease ; -o-transition:all 0.3s ease; transition:all 0.3s ease; cursor: pointer;}
.overlay-action-btns{ display:block; padding: 0 0 5px; text-align: center;}
.overlay-action-btns a,
.overlay-action-btns button{ display: inline-block; vertical-align: middle; width: 40px; height: 40px; background: #fff; text-align: center; font-size: 20px; color: #474747; line-height: 22px; padding: 0; border-radius:0px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; transform: translateY(-15px); -webkit-transform: translateY(-15px); opacity: 0; border:none;}
.overlay-action-btns a:hover,
.overlay-action-btns a:focus,
.overlay-action-btns button:hover,
.overlay-action-btns button:focus,
.overlay-action-btns .selected{ background: #48217a; color:#ffffff;}
/*.overlay-action-btns a.quicklook_trigger{ font-size: 24px;}*/
.item:hover .overlay-action-btns a,
.item:hover .overlay-action-btns button{transform: translateY(0); -webkit-transform: translateY(0); opacity: 1;}
.item:hover .zooming{ opacity: 1; visibility: visible;} 
.item-detail{padding:10px; text-align: left; background: #fff;}
.item-detail h4 {font-size: 14px; color: #666666; margin-top: 5px;}
.item-title{ width: 100%; font-size: 18px; color: #373737; padding: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-family: 'Oswald' }
.item-title a{color: #373737;}
.item-title a:hover{color: #48217a;}
.item-dtl-action { display:block; margin: 0; padding: 5px 0 0;}
.item-cost{display:inline-block;  font-size: 16px; color: #636363;  padding: 0;} 
.item-dtl-action .item-cost{ color:#48217a; font-weight: 600; font-family: 'Oswald' }
/*smart footer*/
footer{ padding: 15px 0 15px; background: #48217a;}
footer h4{color: #ffffff;}
footer ul{padding:0; text-align: left;}
footer ul li{padding: 0; font-size: 14px; letter-spacing: 0.8px; color: #fff; display: inline-block;}
footer .follow ul li{display: inline-block; padding: 5px;} 
footer .follow ul li i{background-color: #f3f3f3; padding:9px 10px; }
footer .follow ul li i.ti-facebook{background-color: #4867aa; color: #ffffff;}
footer .follow ul li i.ti-twitter{background-color: #1da1f2; color: #ffffff;}
footer .follow ul li i.ti-instagram{background-color: #ef5233; color: #ffffff;}
footer .follow ul li i.ti-pinterest{background-color: #bd081b; color: #ffffff;}
footer .follow ul li i.ti-dribbble{background-color: #e84c88; color: #ffffff;}
footer .follow ul li i.ti-google{background-color: #dd4b3f; color: #ffffff;}
footer .follow ul li a:hover,
footer .follow ul li a:focus{color: #ffffff; text-decoration: none;}
footer ul.Useful li{padding: 3px 10px; display: inline-block; position:relative; margin-bottom:0!important; }
footer ul.Useful li:not(:last-child):after{ content:' '; height: 16px; width: 1px; background: #fff  ;position: absolute; right:-3px; top:8px;}
footer ul li i{ display:inline-block; background-color: #48217a; width: 40px; height: 40px; line-height: 40px !important; vertical-align: middle !important; text-align: center; color: #ffffff;}
footer h2{font-size: 15px; text-align: left;}
footer ul li a{display: block; color: #fff; padding:0; line-height: 25px; font-size: 13px;}
footer ul li a:hover,footer ul li a:focus{color: #b7a6cb; text-decoration: none;  }
footer h2 a:hover{color: #ffffff;  }
footer p{display: inline-block; vertical-align: middle; font-size: 13px; color: #fff; padding-left: 0px;}
footer p a{color: #818181;}
footer p a:hover{color: #ffffff;}
footer .contact{margin: 0 auto;}
footer .logo{text-align: center;}

/*copyright*/
.copyright{ text-align: right; color: #ffffff; font-size: 14px;}
.copyright ul{ display:block; padding: 15px 0 0;}
.copyright ul li{display: inline-block; padding: 0 7px;}
.copyright a{color: #818181;}
.copyright a:hover{color: #000000;}

/*footer end*/
/*============= basket screen CSS ============*/
.basket-view{ background: #fff; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); -webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); margin-bottom: 30px;}
.my-cart{ background: #fff;  box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); -webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);}
.basket-view .my-cart{padding: 0 15px 15px ; box-shadow:none; -webkit-box-shadow:none;  }
.basket-title{ font-size:20px; color:#212121; text-transform: uppercase; padding:15px; font-family: 'Oswald';}
.basket-item-content{ display:block; padding: 0px;}
.basket-item-body{ display:block; }
.basket-item-row{ display:flex; display: -webkit-flex; display: -ms-flexbox; border-top:1px solid #ddd;}
/*.basket-item-row:not(.basket-item-row-first){border-top:1px solid #ddd; }*/
.basket-item-thumb{ flex:0 0 120px; -ms-flex: 0 0 120px; -webkit-flex: 0 0 120px; padding: 10px; text-align: center; vertical-align: top;}
.basket-item-thumb .item-thumb-wrap{ display:block; width: 100%;}
.basket-item-remove{ display:inline-block; color: #da322a; margin-top:5px; font-size: 14px; text-decoration: none;}
.basket-item-remove:hover, .basket-item-remove:focus{text-decoration: none; color: #333;}
.basket-item-dtl{flex:1 1; -ms-flex: 1 1; -webkit-flex: 1 1;  vertical-align: top; padding: 10px;}
.basket-item-dtl .item-title{ font-size:18px;}
.basket-item-dtl .item-title a{ color: #48217a; white-space: normal;}
.basket-item-dtl .item-details-info{ display:block; vertical-align: bottom; }
.item-perqty-price-info{display:inline-block; vertical-align: bottom; min-width: 40%;}
.basket-item-dtl .item-qty-info{ display:inline-block; vertical-align: bottom; text-align: center; min-width: 35%;}
.basket-item-dtl .item-totalqty-price{display:inline-block; vertical-align: bottom; text-align: right; min-width: 23%; min-height: 28px; font-size:18px; color: #333;}
 
.basket-item-dtl .item-attributes p{ font-size:14px; color:#646464;}
.basket-item-qty-btn { width: 28px; height: 28px; background: linear-gradient(#fff, #f9f9f9); display: inline-block; border: 1px solid #c2c2c2; cursor: pointer; font-size: 18px; border-radius: 100%; padding-top: 1px;  line-height: 18px; vertical-align: middle; text-align: center;}
.basket-item-qty-btn:hover,
.basket-item-qty-btn:focus{ text-decoration:none;}
.product-list-price{ font-size:16px; color: #333;}
.product-list-price .item-cost{ font-size:18px; color: #333;}
.item-qty-info input[type="text"].qty-input{ display: inline-block; vertical-align: middle; margin: 0 5px; border: 1px solid #ddd; padding: 5px; width: 60px; text-align: center; background: #fff; font-size: 16px; color: #333;}
.item-qty-info input[type="text"].qty-input:focus{border-color: #48217a;}
.basket-subtotal{ text-align: right; }
.basket-subtotal .subttl-label{ display:inline-block; vertical-align: middle; font-size: 18px;}


.table.basket-page-table th{background: #48217a; padding: 10px; font-size: 16px; color:#fff; font-weight: normal; border-bottom: none; text-align: center;}
.table.basket-page-table tr th:nth-child(2){ text-align: left;}
.table.basket-page-table td{ vertical-align: middle; text-align: center;}
.table.basket-page-table input[type="text"]{width: 80px; text-align: center; box-shadow: none; border-radius: 0; display: inline-block;}
.table.basket-page-table tr th.last{ text-align: center;}
.table.basket-page-table td .btn i{ vertical-align: middle;}
.basket-action-btns .btn{ border-color:#e8e5e5; border-radius: 0; box-shadow: 0 0 5px #ddd;} 
.basket-action-btns .btn-remove { color:#ff2323;}
.basket-action-btns .btn-wishlist { color:#48217a;}
.basket-action-btns .btn-wishlist:hover,
.basket-action-btns .btn-wishlist:focus,
.basket-action-btns .btn-wishlist.active{ border-color:#48217a; background-color: #fff; color:#48217a;}
.basket-action-btns .btn-remove:hover,
.basket-action-btns .btn-remove:focus{border-color:#ff2323; background-color: #fff; color:#ff2323; }
.update-basket{ display:inline-block; margin-top: 5px; font-size: 14px; color:#48217a;}
.update-basket i{ font-size: 1em; }
.update-basket:hover,
.update-basket:focus{ text-decoration:none;}
.basket-footer{ background:#fff; box-shadow: 0 0 10px #ddd; padding: 15px; font-family: 'Oswald';}
.product_warn{ color:#e08800; display: inline-block; margin-bottom: 5px;}
.product_error{ color:#ff0000; display: inline-block; margin-bottom: 5px;}
 
.delivery-zipcode{ display:inline-block; position: relative; padding: 0; min-width: 70%; }
.delivery-zipcode:before{ content: "\e693"; position: absolute; left: 0; top:5px; color: #48217a; font-family: 'themify'; }
.delivery-zipcode .apply-link{position: absolute; right: 0; top:5px; color: #48217a; text-transform: uppercase;}
.delivery-zipcode .form-control{border:none; border-bottom: 1px solid #ddd; padding: 0 60px 0 30px; }
.delivery-zipcode .form-control:focus{border-bottom-color:#48217a; box-shadow: none; }
.text-uppercase{ text-transform:uppercase;}
.cart-total{ background: #fff; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); -webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); width: 100%; margin-bottom: 15px; }
.cart-total .cart-total-title{  font-family: 'Oswald'; font-size:20px; color:#212121;   padding:15px; border-bottom: 1px solid #ddd; line-height: 20px;}
.cart-total .price-list-block{padding:10px 15px; display:block;}
.cart-total .price-list-block .total-price-list{  font-family: 'Oswald';  border-top:1px solid #ddd; padding:20px 0 10px; font-size: 18px;}
.cart-total .price-option{ display:inline-block; margin: 0; vertical-align: top;}
.credit-card .promotions{width: 100%; height: 210px;}
.credit-card .promotions .pay-options{height: 190px;}
.promotions{background: #fff; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); -webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); padding: 0px; margin-bottom: 15px;  }
.promotions-payment-page{background: #fff; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); -webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); padding: 10px; display: inline-block;}
.promotions .promotions-title{ font-size:20px; color:#212121;  padding:15px; border-bottom: 1px solid #ddd;  position: relative; line-height: 20px;}
.promotions .promotions-title:before{ content: "\e648"; font-family: 'themify'; position: absolute; right: 15px; top:15px; color: #999; transition: transform 0.5s ease-in-out; -webkit-transition: transform 0.5s ease-in-out;}
.promotions .promotions-title.collapsed:before{ transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.promo-code-block{ display:block; position: relative; padding: 15px 20px; } 
.promo-code-block .f-row{ margin-top:10px;}
.promo-code-block .f-row label{ margin-bottom: 0;}
.promo-code-toggle{ overflow:hidden;}
.promotions .apply-link{position: absolute; right: 15px; top:15px; color: #48217a; text-transform: uppercase; font-size: 16px; text-transform: uppercase; background: none; border:none; padding: 5px;}
.promotions .apply-link:hover,
.promotions .apply-link:focus{ text-decoration: underline;}
.promotions .form-control{border:none; border-bottom: 1px solid #ddd; padding: 0 60px 0 0px; }
.promotions .form-control:focus{border-bottom-color:#48217a; box-shadow: none; }
.promo-gc-verbiadge{ display:block; position: relative; padding: 15px 20px 0; font-size: 14px; } 
#gc-certificate .apply-link{ top:8px;}
#gc-certificate .promo-code-block{padding: 5px 20px 15px;}
.continue-checkout-btn{ min-width: 60%; margin-top: 15px;}
.cart-total .pull-right{text-align: right;}
.checkout-login{ padding: 20px;  }
.checkout-login h2{padding: 0 0 6px;}
.checkout-login p{padding: 0 0 10px;}
.checkout-login .btn{width: 150px;  } 
.restore-cart-section{ margin:0 0 0px; padding:20px;}
.restore-cart-section .btn-warning{ min-width:150px;}
.empty-cart{padding: 50px; text-align: center; font-size: 18px; color: #787878;}
.empty-cart i.ti-shopping-cart{width: 130px; height: 130px; background: #f2f2f2; font-size: 50px; padding-top: 28px; margin-bottom: 30px; -webkit-border-radius: 100%; border-radius: 100%; color: #48217a; border: 10px solid #f8f8f8; -webkit-box-shadow: 0 0 35px 5px #dddddd; box-shadow: 0 0 35px 5px #dddddd; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; line-height: 50px; display: inline-block; vertical-align: middle;}
.empty-cart i.ti-shopping-cart:hover{-webkit-box-shadow: 0 0 15px 5px #dddddd; box-shadow: 0 0 15px 5px #dddddd;}
.empty-cart .block{padding: 40px 0 10px;}
.empty-cart .block .btn{min-width: 210px;}
.empty-cart .block .padTB10{padding:10px 0;}
.main.style2{padding: 20px 0;}
.item-thumb img{width: 100px;}
.item-name{font-size: 16px;  font-weight: 500;}
.item-name:hover{color: #48217a;}
.align-right{text-align: right;}
.promotions .col-md-6 { padding: 20px 20px 0;  background: #f8f8f8; }
.promotions .col-md-6:last-child { background: #f2f2f2; border-left: 1px solid #e8e8e8; }
/*.block { float: left; width: 100%;}*/
.promotions h5 { font-size: 15px; padding-bottom: 10px; }
.promotions input[type="text"] {   margin-bottom: 0px; width: 100%; }
.promotions .btn { width: 100%;}
.cart-total .block { padding: 25px 20px; border-bottom: 1px solid #e8e8e8;}
.cart-total .block:last-child {  border-bottom: none;}
.cart-summary { width: 100%; margin-top: 30px; background: #fff; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); -webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); display: inline-block;}
.payment-method-box{ }
.restore-cart-wrap{ margin:0 0 20px;}
.restore-cart-title{ font-size: 20px; margin: 0; padding: 15px; color: #212121; border-bottom: 1px solid #ddd; text-transform: uppercase; font-family: 'Oswald';}
.cart-summary .btns { width: 250px; margin: 30px auto;}
.cart-summary .btns .btn { width: 100%; margin: 5px 0;}
.cart-summary .cart-total{background: none; box-shadow: none;}

.category-banners {background: url(../images/cat1-banner.jpg) no-repeat 100% 0; min-height: 280px; background-size: cover; display: flex; justify-content: center; align-items: center;   }
.protact-category{ display:block; margin: 0 auto; padding: 15px 20px; background: #fff; border:1px solid #ddd; width:30%;}


.category-banners .banner h1{ padding-top: 0;}
.payment-box{ display: flex; flex-wrap: wrap;}
.payment-box .col-md-7,
.payment-box .col-md-5{ height:auto;}
.payment-box .promotions,
.payment-box .cart-total,
.payment-box .promotions .col-md-6{height:100%; min-height: auto;}
.table-responsive{ border:1px solid #ddd; -webkit-overflow-scrolling: touch !important;}
.table-responsive .table{ margin-bottom: 0; -webkit-overflow-scrolling: touch !important;}
.table>thead>tr>th{ border-bottom:1px solid #ddd;}
/*=======Search dropdown css ===== */
.ac_results{background: #fff;  box-shadow: 0 6px 12px rgba(0,0,0,.175); -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); border:1px solid rgba(0,0,0,.15);z-index: 9;}
.ac_results ul{display: block; }
.ac_results ul li{display: block; padding: 10px; font-size: 16px; cursor: pointer; color: #646464;}
.ac_results ul li.ac_over{/*background: #48217a;*/ color: #48217a;}
.showing-results{ width: 100%; background: #fff; padding: 10px 15px; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); }
.showing-results .lighter{ color:rgba(0,0,0,.5);}
/*======= modal custom css ===========*/
.modal-header{ padding-right:45px; position: relative;}
.modal-header .close{ position:absolute; right:0px; top:0px; padding: 0 15px; font-size: 50px; font-family: 'themify';}
.modal-header h2.modal-title{ padding-bottom: 0;}
.mandatory-star{ color:#ff0000;}
#ccProgressDialog{ height:auto!important; padding: 15px;}
.ui-widget-overlay{ background:#000!important;  opacity: .7!important;filter: Alpha(Opacity=70)!important;}
.ui-widget:not(.ui-tabs){ box-shadow:0 0 15px #333;}
/* ======= Invoice detail page css========*/
.invoice-page.myaccount-pages{ padding:0;}
.invoice-dtl-head{ display: block; padding: 0 20px 15px;}
.invoice-dtl-header{ display:table; margin: 0px; padding: 0;  width: 100%; border:1px solid #ddd;}
.invoice-detail-row{ display:table-row; margin: 0; padding: 0; background: #f2f8ff;}
.invoice-dtl-col{ display:table-cell; margin: 0; padding: 10px; }
.invoice-dtl-col:not(:first-child){border-left: 1px solid #ddd;}
.invoice-detail-address{ display:block; margin:0; padding: 20px 20px 0; border-top: 1px solid #ddd;}
.invoice-detail-address h2{ font-size: 20px; margin-bottom:0px; padding: 0; text-align: left;}
.invoice-address-col{ padding:15px 0px; margin: 0;}
.invoice-address-col + .invoice-address-col {border-top:1px dashed #ddd;  }
.invoice-address-col h3{ font-size: 20px; margin-bottom: 10px; padding: 0; color:#48217a;}
.invoice-address-col h4{font-size: 18px; margin-bottom: 5px; padding: 0;}
.invoice-address-col address{ margin-bottom:0px;}
.invoice-detail-properties{display:block; margin:0; padding: 20px 20px; border-top: 1px solid #ddd;}

.invoice-dtl-table{ display:block; margin: 0; padding: 0; border-bottom: 1px solid #ddd;}
.invoice-dtl-table-head{ color:#fff; background: #48217a; text-align: center; padding: 10px; font-size: 20px; text-transform: uppercase;}
.invoice-dtl-tbl-row{ display:block; margin: 0; padding: 15px 20px; }
.invoice-dtl-tbl-row:nth-child(even){ background: #f2f8ff;}
.invoice-page .cart-total{ box-shadow:none; -webkit-box-shadow:none;}
.invoice-dtl-tbl-row .itm-qty{ color:#656565;}
.invoice-dtl-tbl-row p{ margin-bottom: 5px;}

/*============== Activate account ============ */
.activate-account{ width: 70%; padding: 50px 20px; text-align: center; margin: 0 auto 30px; background: #fff; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); -webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);}
.activate-account input[type="text"]{float: none; width: 350px; display: inline-block; font-size: 30px; text-align: center;}
.activate-account input[type="submit"] {padding:15px; text-align: center; min-width: 140px;}
.activate-account form {display: block; padding-top: 20px;}





















/*.........................Edit by anjana......................*/
sup{display: inline-block!important; vertical-align: baseline; position: relative; line-height: 1; margin-left: 7px; font-size: 16px; top: 0;}
sup:before{content: "."; position: absolute; bottom: 0; left: -6px; z-index: 0;}
.decimal {display: inline-block;vertical-align: baseline;position: relative;margin-left: 6px;}
.decimal:after {content: ".";position: absolute;bottom: 0;left: -6px;z-index: 0;}
.price{color: #48217a;}
.table tr td .price{color: #000000;}
.list-price .integer{color: #999;}
.list-price .decimal { display:inline; color: #999;}


.menu ul li a.btn{padding: 10px; color: #ffffff;}
.menu ul li a.btn:hover{background: #106baf; color: #ffffff;}



.text-center{text-align: center;}

.text-right{text-align: right;}
.text-left{text-align: left;}

.mouse-wheels{position: absolute; bottom: 30px; left: 0; z-index: 1; right: 0;}
.left-filters{width: 100%; padding:11px 15px; background: #fff; display: none; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);}
.left-filters i{float: right; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
.left-filters.down-arrow i{-webkit-transform: rotate(-180deg); transform: rotate(-180deg);}
.left-filters:hover,
.left-filters:focus{ text-decoration: none;}


.no-search-image{text-align: center; padding: 50px 0px 0px; min-height: 380px;}
.no-search-image span:first-child {display: block;}
.no-search-image span:nth-child(2){font-size: 25px; color: #48217a; font-family: 'Oswald';}
.review_card{float: left; width: 100%;}
.review_card .block{padding: 10px 0 0;}
.review_card .block .pull-left{padding-right: 8px;}

.categoryStars{float: right;}
.categoryStars .fa-star{ color:#fbbc00;}
.categoryStars .fa-star-o{color:#999;}
.facetZero label{cursor: not-allowed;}
.item-color .pull-left label{width: auto; padding: 0 0 0 7px; margin: 0;}



.pay-options .block .col-md-3, .col-md-half .col-md-3{position: relative;}
.pay-options .block .col-md-3 input[type="radio"], .col-md-half .col-md-3 input[type="radio"]{left: 20px; top: 10px;}
.pay-options .block .col-md-3 input[type="checkbox"]{left: 22px; top: 13px;}

.checkbx{float: none; width: 100%; position: relative;}
.checkbx input[type="checkbox"]{top: 21px;}
.shipped-to .block{position: relative;}
.shipped-to .block input[type="radio"]{top: 15px;}
.forms .checkbx.style2 input[type="checkbox"]{margin-top: 64px;}
.checkbx.style2 label{margin: 43px 0 0; padding: 20px 0 0;}
.stock{  width: 100%; padding: 10px 0;}

/*input css*/
/*body textarea{resize:vertical; height:150px;}*/
input[type="text"], input[type="email"], input[type="password"], input[type="file"], textarea{ padding: 8px 15px; border: 1px solid #cccccc; background: #ffffff; -webkit-border-radius: 0px; border-radius: 0px; font-size: 16px; color: #979797; width: 100%;}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus,textarea.form-control:focus{border-color: #b7a6cb;}

 

input[type="checkbox"] + label{display: block; overflow: hidden; text-align: left; font-size: 15px; color: #b0b1b7;}
.checkbx.style2 input[type="checkbox"] + label{display: inline; }
/*input[type="checkbox"] + label span{float:left; width: 17px; height: 17px; border: none; cursor:pointer; margin-right: 10px;}
*//*input[type="checkbox"]:checked + label span{border-color: #48217a;}*/
input[type="checkbox"] + label.not-fixed{margin: 0;}
input[type="checkbox"] + label.not-fixed.style2{margin: 40px 0 10px;}

input[type="checkbox"] + label span{position: relative;}
/*input[type="checkbox"]:checked  + label span:before{content: ""; position: absolute; left: 3px; top: 5px; z-index: 0; width: 2px; height: 4px; background: #48217a; -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
input[type="checkbox"]:checked  + label span:after{content: ""; position: absolute; right: 2px; bottom: 4px; z-index: 0; width: 7px; height: 2px; background: #48217a; -webkit-transform: rotate(-30deg); transform: rotate(-30deg);}
*/input[type="checkbox"]:checked + label, input[type="checkbox"]:checked + label strong{color: #48217a;}

input[type="radio"]{float: left; margin-top:6px;}
.sbm-address .block, .sidebar ul li{position: relative;}
.sidebar ul li input[type="radio"]{top: 11px;}

input[type="radio"] + label{display: block; overflow: hidden; text-align: left; font-size: 14px; color: #222222; padding-left: 5px; cursor: pointer;}
/*input[type="radio"] + label:before{content: "\f10c"; position: absolute; top: 3px; left: 0px; z-index: 0; font-family: FontAwesome; color:#999;}*/
/*input[type="radio"] + label span{float:left; width: 15px; height: 15px; border: none; cursor:pointer; margin-right: 10px; -webkit-border-radius: 100%; border-radius: 100%; position: relative;}
input[type="radio"]:checked + label span{border-color: #48217a;}
*//*input[type="radio"] + label span:before{content: ""; position: absolute; top: 3px; left: 3px; z-index: 0; height: 5px; width: 5px; background: #dedede; -webkit-border-radius: 100%; border-radius: 100%;}
input[type="radio"]:checked + label span:before{background: #48217a;}
*/input[type="radio"]:checked + label{color: #48217a;}
/*input[type="radio"]:checked + label:before{content: "\f10c"; color: #0088cc; }*/
select.form-control{ border-radius: 0; background:url(../images/select-bg.png) no-repeat 100% 50% #ffffff; height: 44px;}
select{cursor:pointer; appearance:none; -webkit-appearance:none; -o-appearance:none; -moz-appearance:none; text-indent:1px; text-overflow:'';
background:url(../images/select-bg.png) no-repeat 100% 50% #ffffff; height: 50px; width: 100%; padding: 15px; border: 1px solid #cccccc; -webkit-border-radius: 0px; border-radius: 0px; font-size: 16px; color: #979797; font-family: 'Roboto'; font-weight: normal; text-transform: capitalize;}
select.form-control:focus,
select:focus{border-color: #b7a6cb;}
select option{padding: 5px;} 
select::-ms-expand {
    display: none;
}



 

/*inner pages css*/ 
.about-us{  width: 100%; padding: 50px 0; position: relative;}
.about-us .pull-left, .about-us .pull-right{width: 270px; position: relative;}
.about-us .pull-left span, .about-us .pull-right span{  width: 100%; position: relative;}
.about-us .pull-left:after, .about-us .pull-right:after{content: ""; position: absolute; top: -30px; right: -60px; z-index: 0; width: 145px; height: 1px; background: #d7d7d7;}
.about-us .pull-left span:after, .about-us .pull-right span:after{content: ""; position: absolute; top: -50px; right: -30px; z-index: 0; width: 1px; height: 145px; background: #d7d7d7;}
.about-us .pull-left:before, .about-us .pull-right:before{content: ""; position: absolute; bottom: -30px; left: -60px; z-index: 0; width: 145px; height: 1px; background: #d7d7d7;}
.about-us .pull-left span:before, .about-us .pull-right span:before{content: ""; position: absolute; bottom: -50px; left: -30px; z-index: 0; width: 1px; height: 145px; background: #d7d7d7;}
.about-text{  width: 600px; text-align: center; padding: 70px 0 0 140px;}
.title{ width: 100%; text-align: center; font-size: 38px; color: #48217a; }

.sub-title{ width: 100%; font-size: 16px; color: #444444;  padding: 5px 0;}
.about-us p{  width: 100%; color: #444444; padding: 15px 0; line-height: 28px;}

/*fancybox popup*/
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp{padding:0; margin:0; border:0; outline:none; vertical-align:top;}
.fancybox-opened{z-index:8030;}
.fancybox-skin{float:left; width:100% !important; position:relative; padding:0 !important;}
.fancybox-inner{overflow: auto!important; width: auto!important; height: 700px!important; position: relative;}
.fancybox-inner iframe{position:fixed; left:0; top:0; width:100%; height:100%;}
.fancy-inner{ height:100%;}
.fancy-inner video{position:static; float:left; width:100%;}
/*.fancybox-close{position:absolute; top:10px; left:0; right: 0; margin: 0 auto; width:25px; height: 25px; z-index:8040;}*/
.fancybox-close{position:absolute; top:5px; right: 10px; width:25px; height: 25px; z-index:8040;}
.fancybox-close:before{content: ""; height: 3px; width: 100%; background: #8f919a; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 15px; left: 2px; z-index: 0;}
.fancybox-close:after{content: ""; height: 3px; width: 100%; background: #8f919a; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; top: 15px; left: 2px; z-index: 0;}
.fancy-bg{float:left; height:100%; background:#fff;}
.fancybox-outer{float:left; width:100%;}
.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch;}
.fancybox-error{float:left; width:100%; padding:15px; text-align:center;}
.fancybox-tmp{position:absolute; top:-99999px; left:-99999px; visibility:hidden; max-width:99999px; max-height:99999px; overflow:visible !important;}
.fancybox-wrap{position:absolute; top:0; left:0; z-index:8020; width: auto !important;}
.fancybox-lock{overflow:hidden !important; width:auto;}
.fancybox-lock body{overflow:hidden !important;}
.fancybox-lock-test{overflow-y:hidden !important;}
.fancybox-overlay{position:fixed; top:0; bottom:0; left:0; right:0; display:none; background:rgba(0, 0, 0, 0.6); z-index:8010;}
.fancybox-nav{position:fixed; top:50%; width:30px; height:60px; margin-top:-30px; background-position:0 0; background-repeat:no-repeat; background-size:contain; opacity:0.6;}
.fancybox-nav.fancybox-prev{left:20px; background-image:url(../images/fancybox-prev.png);}
.fancybox-nav.fancybox-next{right:20px; background-image:url(../images/fancybox-next.png);}
.fancybox-title{float:left; width:100%; padding:10px 0; color:#fff; text-align:center;}
#fancybox-loading{position:fixed; top:0; left:0; width:100%; height:100%; background:url(../images/ajax-loader.gif) no-repeat 50% 50% #fff; z-index:8060;}

.wrapper{padding: 50px 0;}

.user-initials { display: flex; margin: 0; padding: 0; background: #48217a; color: #fff; font-size: 24px; width: 54px; height: 54px; border-radius: 100%; align-items: center; justify-content: center;
}
.feedback-ttl { display: block;  font-size: 16px; color: #333; white-space: pre-wrap;  margin-bottom: 10px; word-break: break-word;}
.feedbacks .inline-show p{word-break: break-word;}
.feedbacks:not(:first-child) {
    border-top: 1px dashed #d8d8d8;
}





.js-popup-backdrop{ position: fixed; top:0; left: 0; width: 100%; height: 100%; z-index: 1039; background: rgba(0,0,0,0.5);}
#js-popup-message.popup{ display: none;background: #fff; border: 1px solid #dddddd; padding: 20px;  margin: 0 auto; width: 400px; position: fixed; top:50%; left: 50%; margin: -100px 0 0 -200px; text-align: center; box-shadow: 0 0 15px #323232; }
.popup #js-popup-body{ width: 100%; }
.popup .popup_menuItem{display: inline-block; padding: 10px 20px; background: #eceff6;}
.popup-details{ width: 100%;}
.popup-logo{ width: 100%;}
.popup-logo img{width: 200px;}
.popup-details .block{position: relative;}
.forgot-pass{font-size: 14px; position: absolute; top: 18px; right: 10px; z-index: 1; color: #ffffff;}
.forgot-pass:hover{color: #48217a; text-decoration: underline;}
.popup-details input[type="text"], .popup-details input[type="password"]{background: none; -webkit-border-radius: 0; border-radius: 0; border: none; border: 1px solid #ddd; color: #b0b1b7; padding: 12px;}
.popup-details input[type="text"]:focus, .popup-details input[type="password"]:focus{border-color: #48217a;}
.popup-details .btn{float: left; width: 100%; margin: 15px 0 0; font-size: 16px; font-weight: 500;}
.mobile-version .popup-details .btn{margin: 5px 0 10px;}

/*back to top bottom right*/
.back-to-top{position: fixed; right: 5px; bottom: 5px; z-index: 2; background: #eee; display: none; width: 50px; height: 50px; text-align: center; color: #000; padding: 0;  cursor: pointer; box-shadow: 0 0 15px rgba(0, 0, 0, 0.67); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.67);}
.back-to-top i{line-height: 48px;}
.back-to-top .scroll_down_arrow{bottom: 10px; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.back-to-top:hover,
.back-to-top:focus{ text-decoration: none; color:#333;}

.register-now{display: inline-block; font-size: 14px; color: #ffffff; text-decoration: underline;}
.register-now:hover{color: #48217a; text-decoration: none;}



em{font-style: normal;}

/*category page*/
.style3{background: url(../images/banner3.jpg) no-repeat 50% 50%; background-size: cover; height: 350px; padding: 0; margin-top: 122px;}
.style3 .banner{font-size: 40px; color: #222222;}
.breadcrumb-main{/*float: left; width: 100%;*/ padding: 0px 0; text-align: left; display: block; line-height: 20px;}
.breadcrumb{margin: 0; padding: 24px 0px 10px; font-size: 14px; text-transform: initial; line-height: normal; background-color :transparent; color: #787878;}
.breadcrumb-main li{display: inline-block; margin: 0px; position: relative;  vertical-align: middle;}
.breadcrumb a{display: inline-block; margin: 0px; position: relative; color: #222222;}
.breadcrumb a:hover, .breadcrumb a:focus{color: #48217a;}
.banner .breadcrumb span, .breadcrumb span{float: none; display: inline-block; width: auto; margin: 0 5px; color: #787878;}

.sidebar{display: block; margin-bottom: 0px; background-color: #ffffff; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); -webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);}
.sidebar-block{ margin:0; padding: 0;}
.sidebar .sidebar-block:not(.last-item){ border-bottom: 1px solid #d7d7d7;}
.sidebar .title{ padding: 10px 15px;  font-size: 18px; background: #48217a; line-height: 30px; text-transform: uppercase; color: #fff; text-align: left; cursor: pointer; float: none; display: block;}
.sidebar .title:hover,
.sidebar .title:focus{ text-decoration: none;}
.sidebar-inner{ padding: 10px 15px;}
.sidebar ul{ display:block;} 
.sidebar ul li{ padding: 8px 0;}
.sidebar ul li:first-child{padding-top: 0;}
.sidebar ul li input[type="checkbox"],
.sidebar ul li input[type="radio"]{float:left;}
.sidebar ul li.facetZero label{opacity: 0.4;}
.sidebar ul li a{ font-size: 16px; color: #222222;}
.sidebar ul li a i{ margin-right: 10px; color: #48217a;}
.sidebar ul li a span{float: right; color: #9a9a9a;}
.sidebar ul li a:hover,
.sidebar ul li a:focus,
.sidebar ul li.active a{color: #48217a; text-decoration: none;}
.sidebar ul li a:hover i{color: #222222;}
.swipe-area{position: fixed; width: 10px; height: 100%; left: 0; top: 0; z-index: 3; display:none; }
.sidebar ul li label{padding: 0 7px; margin: 0; font-weight: normal; font-size: 16px;}
.sidebar ul li label strong{float: right; color: #9a9a9a;}
.sidebar-inner dl{ width: 100%; padding: 8px 0;}
.sidebar-inner dl dt{ padding: 0 0 7px;}
.sidebar-inner dl dd{ padding: 0;}
.sidebar-inner .btn{ margin: 10px 0; padding: 8px 20px;}
.sidebar-inner input[type="text"], .sidebar-inner input[type="email"], .sidebar-inner input[type="password"], .sidebar-inner input[type="file"], .sidebar-inner textarea{ padding: 12px; }
.errors{  padding: 3px; color: #ff0000;}
.quicklook, .hide{display: none;}
.quicklook a#prop65_warning{display: inline-block; padding-top: 15px;}
.quicklook a#prop65_warning br{display: none;}
.ui-dialog .ui-dialog-title{font-size: 18px; font-family: 'Oswald';}

/* item quick add css*/
.sidebar-item-quick{display: block; margin-top: 15px; background-color: #ffffff; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); -webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);}
.sidebar-item-quick .title{ padding: 10px 15px;  font-size: 16px; text-transform: uppercase; color: #48217a; text-align: left; font-weight: 500; cursor: pointer; float: none; display: block; position: relative;}
.sidebar-item-quick .title:hover,
.sidebar-item-quick .title:focus{ text-decoration: none;}
#search .sidebar-item-quick { margin-top:0;}
.facets-menu-wrapper{}
.filter{  width: 100%; margin-top: 0px;}
.refine{display: none;}

.sort-by{float: left; width: 100%; padding: 15px 0; border-bottom: 1px solid #d7d7d7;}
.sort-by:last-child{border-bottom: none;}
.sort-by input[type="checkbox"] + label{margin-top: 0;}
.sort-by input[type="checkbox"] + label span{position: relative;}
.sort-by input[type="checkbox"] + label span:before{content: ""; position: absolute; left: 3px; top: 5px; z-index: 0; width: 2px; height: 4px; background: #b0b1b7; -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
.sort-by input[type="checkbox"] + label span:after{content: ""; position: absolute; right: 2px; bottom: 4px; z-index: 0; width: 7px; height: 2px; background: #b0b1b7; -webkit-transform: rotate(-30deg); transform: rotate(-30deg);}
.sort-by input[type="checkbox"]:checked + label{color: #48217a;}
.sort-by input[type="checkbox"]:checked  + label span:before, .sort-by input[type="checkbox"]:checked  + label span:after{background: #48217a;}

.inline-show{display: block; /*overflow: hidden;*/}
.sortings .view-switch,
.sortings .sort{ display: inline-block; vertical-align: middle;}
.sortings{display:block; /*border: 1px solid #eaeaea;*/ background-color: #ffffff; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); position: relative; z-index: 2;}
.sortings .view-switch a{display:inline-block; text-align: center; padding: 12px 20px; border-right: 1px solid #eaeaea; color: #222222;}
.sortings .view-switch a:hover,
.sortings .view-switch a:focus{background: #000000; color: #ffffff; text-decoration: none;}
.sortings .view-switch a.selected{background: #000000; color: #ffffff; border-color: #000000;}
.sorting-by{ border-right: 1px solid #eaeaea; display: inline-block;}
.sorting-by>span{ padding: 0 0 0 15px; font-size: 13px; display: inline-block; vertical-align: middle;}
.sorting-by>span label{ margin-bottom: 0; font-weight: normal;}
.sorting-by select{ border: none;  font-size: 13px; margin-top: 4px;}
.sorting-by .bootstrap-select>.dropdown-toggle{ min-height:46px; border: none; background: #fff;}
.sorting-by .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){ width:160px;}
.sorting-per-page .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){ width:100px;}
.sorting-by:not(.sorting-per-page) .bootstrap-select.btn-group .dropdown-menu{ min-width:250px; max-width: 100%; left:auto; right:0;}
.sorting-by.sorting-per-page .bootstrap-select.btn-group .dropdown-menu{ min-width:100px; max-width: 100%;  }

.listing{display:block; width: 100%; padding: 0 0 30px;}
.listing .item{position: relative; overflow: hidden; background-color: #ffffff;}
.item-quick-view{position:absolute; bottom: 0; margin: auto; left: -100%; z-index: 0; /*height: 76%;*/ width: 100%; padding-top: 10px; background: rgba(0,0,0,0.15); -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
.item-quick-view .btn{ width: 160px; margin: 5px auto; display: block;}
.item-quick-view .btn i{margin-right: 2px;}
.listing .item:hover .item-quick-view{left: 0;}
.listing .item:hover .item-quick-view .btn, .item-quick-view .btn{background: #48217a; color: #ffffff;}
.listing .item:hover .item-quick-view .btn:hover{background: #e7b419; color: #ffffff;}
.listing .item:hover .btn.btn-black{background: #222222; color: #ffffff;}
.listing .item:hover .item-quick-view .btn.btn-black:hover{background: #e7b419; color: #ffffff;}
.item-heading{display:block; padding: 5px 0; text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.listing.grid.multiple-item{display:flex; display:-webkit-flex;}
.listing.grid .row{  display: -webkit-box; display: -webkit-flex;display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;flex-wrap: wrap; flex:1 1; -webkit-flex:1 1; }
.listing.grid .row .col-md-3{ height:auto;}
.listing.grid .row .item{ height:100%;}
/*.listing .item p{padding: 5px 0; line-height: normal;}*/
.badges{position: absolute; top: 40px; left: 0; z-index: 1; padding: 5px 6px; background: #000000; font-size: 12px; color: #ffffff; text-transform: uppercase; display: none;}
.sale{background: #f01b55; color: #ffffff;}
.new{background: #5fcbf2; color: #ffffff;}
.dis{background: #73cf3f; color: #ffffff; top: 70px;}
.list-pageination{padding: 10px 15px;  margin-bottom: 10px; background-color: #ffffff; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);}
.items-total{ padding: 0; line-height: 34px; display: inline-block; vertical-align: middle;}
.pagination{float: right; margin: 0;}
.pagination a{display:inline-block;border-right: none; border-left: 1px solid #eaeaea; padding:12px 15px; }
.pagination.style2{float: right; }
.pagination.style2 a{display: inline-block; padding: 8px 15px; border: 1px solid #eaeaea;}
.pagination.style2 a:hover{background: #000000; color: #ffffff;}
.pagination.style2 a.next{margin-left: 10px;}
.pagination.style2 a.prev{margin-right: 10px;}
.pagination.style2 a.selected{border: 1px solid #000000; background: #000000; color: #ffffff;}
.listing .row{margin: 0 -7px;}
.listing .col-md-3, .listing .col-md-4, .listing .col-md-6{padding: 14px 7px 0;}
.filters-show{display: none; padding: 15px; text-align: center; border: 1px solid #eaeaea; margin-bottom: 15px;}
.filters-show:hover{background: #000; color: #ffffff;}
.filters-show i{margin-right: 3px;}
.listing .item ul{float: left; width: 100%;}
.listing .item ul li{float: left; width: 100%; padding: 15px 0;}
.item-image{  position:relative;}
.filter-summary{ width: 100%; padding: 0 0 0px 0;} 
.filter-summary span{ display: inline-block; margin-bottom: 10px; vertical-align: top; background: #fff; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); }
.filter-summary a{ display: inline-block; vertical-align: middle; padding: 10px; font-size: 12px;}
.filter-summary a:hover{ text-decoration: line-through;}
.filter-summary a:first-child{padding-right: 0;}
.adding-cart{  width: 100%; text-align: center; padding: 10px 0;}
.adding-cart p{display: block; padding-bottom: 10px;}
#addtocartLoading{ display:none;}

.listing.list .col-md-3, .listing.list .col-md-4, .listing.list .col-md-6{width: 100%;} /* width 100% for list vew*/
.listing.list .item-detail{float: none; width: auto; display: block; margin-left: 200px; overflow: hidden; text-align: left; padding-left: 25px;}
.listing.list .item-image{min-height: 20px; width: 200px; float: left;}
.listing.list .item-quick-view{float: left; width: 100%; position: static; height: auto; padding: 10px 0 0; background: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition:all none;}
.listing.list .categoryStars{min-height: inherit; float:none;} 

.listing.list .item{padding: 15px;}
.listing.list .item .item-quick-view .btn{background: #48217a; color: #ffffff;}
.listing.list .item .item-quick-view .btn:hover{background: #e7b419;}
.listing.list .item .btn.btn-black{background: #222222; color: #ffffff;}
.listing.list .item .item-quick-view .btn.btn-black:hover{background: #e7b419;}
.listing.list .item ul{float: none; width: auto; display: block; overflow: hidden; text-align: left; padding: 30px 0 0 25px;}
.listing.list .item-desc{display: block; overflow: hidden; padding: 5px 0 5px 25px; text-align: left;}
.alert{padding: 15px; margin-bottom: 20px; border: 1px solid transparent; -webkit-border-radius: 4px; border-radius: 4px;}
.alert-warning{color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc;}
.alert-success{color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6;}
.alert-info{color: #31708f; background-color: #d9edf7; border-color: #bce8f1;}
.alert-danger{color: #a94442; background-color: #f2dede; border-color: #ebccd1;}

.basketList label{float: left; width: 100%; padding: 0 0 8px;}
#warning.warning{padding: 15px; margin-bottom: 10px; color: #8a6d3b; background-color: #fcf8e3; border: 1px solid #faebcc; -webkit-border-radius: 4px; border-radius: 4px; float: left; width: 100%;}
.quickreview-content .table .btn{ min-width: 200px;}
.quickreview-content .table input[type="text"]{width: 100%; text-align: left;}
.sidebar-inner .item-image{min-height: 20px; text-align: center;}
.sidebar-inner .item-title{text-align: center; padding: 15px 0;}
.filtring{float: left; width: 100%; border-bottom: 1px solid #d7d7d7; margin-bottom: 15px;}
.filtring:last-child{margin-bottom: 0; border-bottom: none;}
 
label.q_header{padding-bottom: 10px; float: left; width: 100%;}
.checkout-question{margin-bottom: 0px; background: #fff; padding: 0px; position: relative;box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); -webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);}
.checkout-question-ttl{font-size: 20px; color: #212121; padding: 15px; border-bottom: 1px solid #ddd; position: relative; line-height: 20px;}
.qus h5{font-size: 20px; padding: 0 0 10px;}
.hide-show2{display: block; padding: 15px;}
.question input[type="text"],.question input[type="email"], .question input[type="password"]{padding: 10px;}
.question select{padding: 10px; height: 40px;}
.question .col-md-half{padding: 0 15px; min-height: 80px; float: left; width: 50%;}
.checkout-questions{ display:block; padding: 15px;}
.checkout-questions .form-group h4{ margin:0 0 10px; font-size: 18px; padding: 0;}
.checkout-questions .form-group .form-choice{ margin:0px; font-size: 16px; padding: 5px 0;}
.checkout-questions .form-group:last-child{ margin-bottom: 0;}
.editPayment{ padding: 0 0 30px;}
.give-feedback-section{margin-bottom: 15px; background: #fff; padding: 0px; position: relative;box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); -webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);}
.give-feedback-title{font-size: 20px; color: #212121; padding: 15px; border-bottom: 1px solid #ddd; position: relative; line-height: 20px;}
.give-feedback-inner{ padding: 15px;}
.give-feedback-inner input[type="checkbox"] { float:left;}
.give-feedback-inner input[type="checkbox"] + label{padding-left: 7px;}
.feedback .pay-options .block label{padding: 0 10px 10px 0; float: left;}
.feedback .pay-options input[type="checkbox"] + label{padding-left: 7px;}
.feedback .pay-options input[type="radio"] + label{padding-left: 7px;}
.feedback .promotions{width: 100%; margin-top: 20px;}
.page-title{padding: 20px 0; width: 100%;}
.forms.myaccount-pages .btns{padding: 58px 0 0;}
.myaccount-pages{margin-bottom: 30px; background: #fff; padding: 20px; position: relative;box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); -webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);}
.forms.myaccount-pages .btns.style2{padding: 20px 0 0;}
.btn.style2{padding: 5px; margin: 0 2px;}
.myaccount-pages .no-msg{ width: 100%; padding: 20px 0 0;}
.giftcertcode-price{ margin-bottom: 20px;}
.table-style2{padding: 20px 0 0;}
.table-style2 h3{padding: 0 0 15px;}
.yui-overlay{display: none;}
.forms .btns.style4{padding: 48px 0 0;}
.f-forms{margin: 0 auto; width: 400px;  padding: 20px 0;}
.f-forms .clear{float: left; width: 100%; padding: 0 0 15px; position: relative;}
.f-forms .clear input[type="radio"]{left: 11px; top: 1px;}
.hide{display:none;}
.show{display:block;}
.warning ul, .warning ul li{ width: 100%;}
.promotions .btn{margin: 0 0 10px;}
.listing .item p{float: left; /*width: 100%;*/ clear: none;}
.listing .item .you-save{font-size: 13px; border: 1px solid #70b070; color: #ffffff; background: #70b070; padding: 5px 8px; position: absolute; top: 10px; right: 10px; z-index: 0;}
.listing.list .item .you-save{position: static; line-height: 20px; display:inline-block;}
.listing.list .item p{padding: 0;}  
.item-options .btns{ padding-top: 10px;}
.item-options .you-save{ padding: 5px 0 20px; color: #70b070;}
.item-options .btns .btn{ min-width: 25%; padding:10px 20px; margin: 0 15px 0 0;}
.item-options-2{ width: 100%;}
.product-info-links{  padding: 20px 0 0;}
.listing.list .item-heading{padding: 0 0 8px;}

.pagebanner{ margin-bottom: 15px; display: inline-block;}

.lead-time-item{ margin-top:5px;}
.items-reviews-ratings { margin: 15px 0 0; padding: 0;}
.review-rating { margin: 0;padding: 0;display: inline-block; font-size: 18px;}
.review-rating .fa-star { color: #f9bd2b;}
.review-rating .fa-star-o { color: #999;}
.post-review-link { display: inline-block;color: #666; margin-left: 10px;}
.post-review-link a {color: #48217a;}
.no-reviews-yet{ display:inline-block;}
.no-reviews-yet .fa-star-o { color: #999;}
.post-star-rating .review-rating { display: block; margin-bottom: 10px;}
.post-star-rating .review-rating input[type="radio"] + label{ font-size:20px;}
.post-star-rating .review-rating input[type="radio"]{ margin-top:7px;}

/*#get-quote-form.overlay{overflow-x: hidden; overflow-y: scroll; position: fixed; height: 100%; width: 100%; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; display: none; padding: 100px 0; background: rgba(0,0,0, 0.6);}
#form-message{text-align: center;}
#get-quote-form-body{color: #000000; width: 600px; margin: 0 auto; position: relative; border: solid 1px #ddd; padding-bottom: 15px; border-radius: 3px; -webkit-border-radius: 3px; background-color: #fff; text-align:left; overflow: hidden;}
#get-quote-form form{position: relative; width: 100%;}
#get-quote-form .quote-form-section{width: 50%; float: left;}
#get-quote-form #contact-information-section{border-right: solid 1px #dddddd;}
#get-quote-form .quote-form-section .quote-form-section-inwrapper{padding: 0px 20px; float: left; width: 100%;}
.quote-form-section label{float: left; width: 100%; padding: 0 0 7px; font-size: 13px;}
.quote-form-section input[type="text"], 
.quote-form-section input[type="password"], 
.quote-form-section input[type="email"], 
.quote-form-section input[type="search"], 
.quote-form-section input[type="phone"], 
.quote-form-section textarea{padding: 10px; font-size: 14px;} 
.quote-form-section label.checkbox-label{display: inline-block; padding: 0;}
.field-errors{float: right; margin-top: -58px; font-size: 14px; content: "is required" !important; color: red;}
#get-quote-form textarea{ height: 150px;}
.field{width: 30%; padding: 5px 0;}
#get-a-quote-top{float: left; width: 100%; position: relative; border-bottom: 1px solid #ddd;}
#get-a-quote-top h1{padding: 15px;}
#leave-button-wrapper{position: absolute; top: 15px; right: 15px; z-index: 1;}
#leave-button{float: left; width: 20px; height: 20px; color: #ff0000; cursor: pointer;}
#get-a-quote-provide{float: left; width: 100%; padding: 15px 20px;}
#required-information-text{float: left; width: 100%; padding: 8px 0 0; font-size: 13px;}
.quote-section-title{float: left; width: 100%; font-size: 16px; padding: 0 0 15px; color: #787878;}
.quote-form-section-inwrapper .block{padding: 0 0 10px;}*/
/*========== Get quote popup css ============*/
.quote-form-section .field-errors{ font-size: 14px; content: "is required" !important; color: red;}
.qute-instruction{ display:block; padding:0px; }
.qute-instruction h3{ display:inline-block; font-size: 18px; }
.qute-instruction span{ float:right; padding: 0; font-size: 14px; color:#787878;}
.quote-section-title{font-size: 18px; padding:15px 0 5px;  }
.quote-form-section #check-supply{ margin-bottom: 15px;}
.quote-checks{ padding:0; position: relative;}
.quote-checks input[type="checkbox"] + label{margin: 0; float: none; display: inline-block; overflow: hidden; width: auto; padding: 0 0 0 7px; vertical-align: top; cursor: pointer;}

fieldset{display: inline-block; border: none;}
.tab-details{  line-height: 24px;}
.item-attr-section fieldset{width: 100%;}

.item-attr-section .item-dropdown{ display:block; margin-top: 15px;}
.item-attr-section .item-dropdown label{ display:inline-block; min-width: 85px; vertical-align: middle;}
.item-attr-section .item-dropdown label+span{ display:inline-block;min-width: 200px; vertical-align: middle;}

.item-attr-section .item-dropdown label+span select{display:block;  }
.shipped-to{float: left; width: 100%; padding: 15px;}
.forms .shipped-to label{padding: 0 0 15px 5px; width: auto;}
.forms .shipped-to .f-row{float: left; width: 100%; padding-bottom: 15px;} 

.cross-sell{  padding: 0 0 40px;}
.cross-sell .sub-title{display: none;}
.empty-wishlist-text{text-align: center;font-size: 32px;padding: 90px 0!important; flex:1 1; -webkit-flex:1 1; -ms-flex:1 1;}
.empty-wishlist-icon{ display: block;font-size: 80px!important;color: #d1d1d1;}
.wish-list{ width: 100%; padding: 0px 20px 5px;}
.wish-list-screen{margin-bottom: 30px; background: #fff; padding: 0px; position: relative;box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); -webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);}
.wish-list-title { font-size: 20px;color: #212121;text-transform: uppercase; padding: 15px; margin: 0; line-height: 20px;  }
.wishlist-inner{ padding:0;}
.wishlist-item-body{ display:block; }
.wishlist-item-row{ display:flex; display: -webkit-flex; display: -ms-flexbox; border-top:1px solid #ddd;}
.wishlist-item-check{ flex:0 0 40px; -ms-flex: 0 0 40px; -webkit-flex: 0 0 40px; padding: 10px; text-align: center; vertical-align: middle;}
.wishlist-item-dtl-info{display:flex; display: -webkit-flex; display: -ms-flexbox; margin-bottom: 10px; }
.wishlist-item-thumb{flex:0 0 100px; -ms-flex: 0 0 100px; -webkit-flex: 0 0 100px; padding:0; text-align: center; vertical-align: top; }
.wishlist-item-desp{ flex:1 1; -ms-flex: 1 1; -webkit-flex: 1 1; display:inline-block; vertical-align: top; padding: 0 10px;}
.wishlist-item-dtl{flex:1 1; -ms-flex: 1 1; -webkit-flex: 1 1;  vertical-align: top; padding: 10px 10px 10px 0;}
.wishlist-item-dtl .item-title{ font-size:18px;}
.wishlist-item-dtl .item-title a{ color: #48217a;}
.wishlist-item-notes{ padding: 0px; vertical-align: top; }
.wishlist-item-notes .form-control{ display:inline-block; width: 70%; vertical-align: middle; margin-bottom: 10px;}
.wishlist-item-notes .save-note{ display:inline-block; vertical-align: middle;}


.table.wishlist-page-table th { background: #48217a; padding: 10px; font-size: 16px; color: #fff; font-weight: normal; border-bottom: none; text-align: center;}
.table.wishlist-page-table textarea{ min-width: 200px;}
.wish-list .item_img{ width: 100%;}
.wishlist-box{padding: 15px 15px;}
.item_img{ width: 100%;}
.item-secondary{  width: 100%; padding: 30px 0 0;}
.item-secondary.no-padding{ padding:0;}
.fancy-inner #quicklook_tabs{margin-top: 20px;}
.item-desc .code{ width: 100%;}
.order-start{ width: 100%;}
.checkout-payment-msg{ padding: 0px 0 0; font-size: 12px; text-align: center;}
.matrix{ margin: 15px 0; border: 1px solid #dddddd;}
.matrix table.productTable tbody tr td { vertical-align: middle;}
.matrix table.productTable{ margin-bottom: 0;}
.matrix-mobile{ margin:15px 0;}
.matrix-mobile h3{ display:block; font-size: 18px; margin: 0 0 10px;}
.matrix-option-row{ display:block; margin-bottom: 10px; border: 1px solid #ddd;}
.matrix-toggle{display:block; }
.matrix-toggle a{ display:block; padding: 10px 15px; background: #fff; color:#48217a; position: relative;}
.matrix-toggle a:hover,
.matrix-toggle a:focus{ text-decoration:none;}
.matrix-toggle a:before{content: "\e648"; font-family:'themify'; position:absolute; right:10px; top:10px; transition:transform 0.5s ease-in-out;}
.matrix-toggle a[aria-expanded="false"]:before{ transform:rotate(-180deg);}
.matrix-list-content{ padding:0; margin: 0;}
.matrix-list{ display:block;padding:5px 15px; width:100%; border-top:1px solid #ddd;}
.matrix-list-row{padding:5px 0px;}
 
 


table.productTable span{display: inline-block;}
table.productTable span.price{ padding: 0px 10px 0 0; min-width: 70px;}
.btns-default{float: left; width: 100%; padding: 20px 0 10px;}
.btns-default .btn{float: right;}
.flexslider .slides img{display: block;}
#AllBasketQty .alert{margin: 10px 0 0;}
#payment_info{float: left; width: 100%; padding: 30px 0 0;}
.payment-method .f-row{float: left; width: 100%;}
.pay-options .payment-method .f-row label{float: left; width: 100%; padding: 15px 0 8px;}
.payment-byorder{margin-top: 15px;}
 
.cart-summary.style2{margin: 0;}
.cart-summary.style2 #paymentGateway_promo .col-md-6{border: none; background: none; min-height: inherit;}
.cart-summary.style2 #paymentGateway_promo.promotions{border: none;}
#quicklook_attributes fieldset{padding:0; margin-bottom: 0px; width:100%;}
#quicklook_itemqty .f-row .item-color{ margin-bottom: 5px!important; }
#quicklook_itemqty .f-row .item-radio > label{ padding: 0; display:inline-block; vertical-align: middle; font-weight: 500;}
#quicklook_itemqty .item-radio .pull-left{ float:none!important; display:inline-block; vertical-align: middle;}
#quicklook_attributes fieldset .f-row{width: 50%;}
#quicklook_attributes fieldset .item-dropdown + .item-dropdown{ margin-top: 10px;}
#quicklook_attributes fieldset .item-dropdown label{min-width: 94px; display:inline-block; vertical-align: middle; font-weight: 500;}
#quicklook_attributes fieldset .item-dropdown span:not(.item-properties){min-width: 200px; display:inline-block; vertical-align: middle;}
#quicklook_attributes fieldset .item-dropdown select{ width: 100%;height: 40px; padding: 7px 40px 7px 7px; text-transform: capitalize;}
#quicklook_itemqty .item-qty span{ display:inline-block; width:90px; padding: 12px 0px 0 0;font-weight: 500;}
.in_search{margin: 5px 0;}
.facetCrumb{float: left; padding: 5px 8px; background: #ddd; -webkit-border-radius: 3px; border-radius: 3px; font-size: 11px; margin: 0 8px 15px;} 
.facetCrumb:hover{text-decoration: line-through;}
.item-list-cost{display: inline-block; color: #555; text-decoration: line-through; margin: 0 5px 0 0;}
.item-list-cost.list-price{color: #999; }
.item-detail em{font-style: normal;}
.col-md-6.pull-right{float: right;}
.static-pages{display: block; margin-bottom: 30px; padding: 20px; background: #fff; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); -webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);}
.static-pages h4{ font-size: 20px; font-family: 'Oswald'; }
.static-pages p{display: block; padding: 0 0 15px;}
.static-pages p.contact{margin-top: 15px;}
.static-pages ul{display: block; margin-left:30px;}
.static-pages ul li{ padding: 0 0 8px; list-style: disc;}
.sidebar .title{position: relative;}
.sidebar .title:before,
.sidebar-item-quick .title:before{position: absolute; content: "\e648"; font-family: 'themify';  right: 15px; z-index: 1; width: 18px; transition: transform 0.5s ease-in-out;}
.sidebar .title.active:before,
.sidebar-item-quick .title.active:before{ transform:rotate(180deg);}
.myaccount-pages input[type="radio"]{position: static; float: left;}
.myaccount-pages input[type="radio"] + label{display: block; overflow: hidden; float: none; width: auto; padding: 0px 0 12px 5px;}
.myaccount-pages input[type="radio"] + label span{display: none;}
.center-page{ padding: 0;} 
.center-page .inline-show{ width: 100%; padding: 0;}
.wish-list input[type="checkbox"]{position: static;}
.f-field{display: inline-block;}
.popup #js-popup-body span input[type="radio"]{position: static; float: left; margin-top: 2px;}
.popup #js-popup-body span input[type="radio"] + label{display: block; overflow: hidden; float: none; width: auto; text-align: left; padding: 0 0 10px 5px; font-size: 13px;}
.popup #js-popup-body span input[type="radio"] + label span{display: none;}
.popup #js-popup-body span input[type="radio"] + label i{font-style: normal;}
#js-popup-footer{display: block; clear: both;}
#js-popup-button{display: block; padding-top: 15px;}
#js-popup-button div .popup_button{display: inline-block; background: #48217a; border: none; font-size: 14px; color: #ffffff; text-transform: uppercase; padding: 10px; text-align: center; position: relative; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; line-height: normal; -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer;}

#js-popup-button div .popup_button:hover{background: #106baf; color: #ffffff;}
#js-popup-button div .popup_button:last-child{background: #e7b419;}
#js-popup-button div .popup_button:last-child:hover{background: #fdb551;}
 
.item-attributes p.attrib{width: 100%;}

 
.preview-detail-panel{ border-left:1px solid #f2f2f2; padding: 20px; height: 100%;}
.preview-detail-panel h2 a{font-size: 18px; margin-left: 10px; display: inline-block; vertical-align: middle; color:#48217a; }
.item-detail-wrapper{ background: #fff; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); margin-bottom: 30px; display:flex; flex-wrap: wrap;}
.item-detail-wrapper .item-display-equal{ height:auto;}
.product-image-zoom{ display:block; margin-bottom: 20px;}
.preview{ width: 100%; text-align: center;  padding: 20px;}
.img-preview{display:block; width: 100%; position: relative;}
.item-thumbs{float: left; width: 100%; padding: 20px 0 50px;}
.item-thumbs ul{float: left; width: 100%;}
.item-thumbs ul li{float: left; width: 20%; padding: 0 3px;}
.imagezoom-view img{max-width: none;}
.item-pricing-border-dark{ padding-top:10px;}
.details h2{text-align: left; padding:0px 0 10px 0;  font-family: 'Oswald';}
.details h4{color: #666666; padding: 0px 0px 0px; font-size: 16px;}
.details h4 span{color: #000000;}
.ratings{ padding: 8px 0 15px;}
.ratings i{color: #f9bd2b;}
.details p{font-style: 16px; color: #787878;}
.item-price{font-size: 24px; color: #48217a;  font-family: 'Oswald';}
.item-price sup{font-size: 24px;}
/*.details ul{float: left; width: 100%; padding: 0;}
.details ul li{float: left; width: 100%; padding: 7px 0; font-size: 15px; color: #787878;}*/
.details ul li a{color: #787878;}
.details ul li i{color: #48217a; margin-right: 5px;}
.details ul.share{padding: 10px 0; border-top: 1px solid #ddd; margin-top: 15px;}
.details ul.share li{width: auto; display: inline-block; vertical-align: middle;}

/* multiple item carousel css*/ 
.multipal-thumb-wrap{ position:relative; padding: 0 35px; margin-top:10px; min-height: 90px; overflow: hidden;}
.multipal-thumb-wrap ul{position: absolute; height: 90px; overflow: hidden; left: 0; text-align:center; white-space: nowrap; min-width: 100%;}

.multipal-thumb-wrap ul li{width: 90px; display: inline-block; padding: 0; vertical-align: top;}
.multipal-thumb-wrap ul li:not(:first-child){ margin-left: 5px;}
.multipal-thumb-wrap ul li a{ display: block; border:1px solid #ddd; min-height: 90px;}
.multipal-thumb-wrap ul li img{width: 100%;}
.multiple-thumb{ position: relative; margin: 20px 0 0; padding: 0 40px; overflow: hidden; height: 90px;}
.multiple-thumb .prev,
.multiple-thumb .next{position: absolute; margin-top: -25px; top: 50%; z-index: 1; background: #eaeaea; padding: 10px 5px; color: #48217a; font-size: 20px; border: 1px solid #ddd; }
.multiple-thumb .next{right: 0px;}
.multiple-thumb .prev{left: 0px;}
.multiple-thumb .controls a:hover,
.multiple-thumb .controls a:focus{ text-decoration:none;}

.multipal-thumb-wrap .owl-item{ padding: 0; display: inline-block; vertical-align: top; margin: 0; text-align: center;}
.multipal-thumb-wrap .owl-item a{ display:inline-block; border: 1px solid #ddd; margin: 0 5px; }
.multipal-thumb-wrap .owl-controls .owl-buttons div{ width:30px; border-radius: 0; -webkit-border-radius: 0;box-shadow: none; border:solid 1px #ddd;}
.multipal-thumb-wrap .owl-controls .owl-buttons div.owl-prev{ left:0;}
.multipal-thumb-wrap .owl-controls .owl-buttons div.owl-next{ right:0;}

/*.item-color input[type="radio"] + label{width: auto; margin: 0 20px 0 0;}
.item-color input[type="radio"] + label span{border: none; background: #ccc; margin: 0;}
.item-color input[type="radio"] + label span:before{height: 5px; width: 5px; background: none; -webkit-transform: rotate(0deg); transform: rotate(0deg); left: 5px; top: 5px;}
.item-color input[type="radio"] + label span:after{display: none;}
.item-color input[type="radio"] + label.red span{background: #e34953;}
.item-color input[type="radio"] + label.black span{background: #252525;}
.item-color input[type="radio"] + label.blue span{background: #5db5f5;}
.item-color input[type="radio"] + label.pink span{background: #ef5285;}
.item-color input[type="radio"] + label.yellow span{background: #f0ed22;}
.item-color input[type="radio"] + label.light-gray span{background: #eeeff3;}
.item-color input[type="radio"]:checked + label span:before{background: #ffffff;}
.item-color input[type="radio"] + label i {font-style: normal; margin-left: 5px;}

.item-sizes input[type="radio"] + label{width: auto; margin: 0 0 0 20px; width: 30px; position: relative;}
.item-sizes input[type="radio"] + label span{border: none; background: #eceff6; margin: 0; width: 30px; height: 30px; position: absolute; top: 0; left: 0; z-index: 0;}
.item-sizes input[type="radio"] + label span:before, .item-sizes input[type="checkbox"] + label span:after{display: none;}
.item-sizes input[type="radio"] + label i{position: relative; z-index: 1; font-style: normal; padding: 9px 0 0; float: left; width: 100%; text-align: center; font-size: 12px;}

.item-sizes input[type="radio"]:checked + label span{background: #48217a; color: #ffffff;}
.item-sizes input[type="radio"]:checked + label i{color: #ffffff;}

.item-color input[type="checkbox"] + label{width: auto; margin: 0 0 0 20px;}
.item-color input[type="checkbox"] + label span{border: none; background: #ccc; margin: 0; position: relative;}
.item-color input[type="checkbox"] + label.red span{background: #e34953;}
.item-color input[type="checkbox"] + label.black span{background: #252525;}
.item-color input[type="checkbox"] + label.blue span{background: #5db5f5;}
.item-color input[type="checkbox"] + label.pink span{background: #ef5285;}
.item-color input[type="checkbox"] + label.yellow span{background: #f0ed22;}
.item-color input[type="checkbox"] + label.light-gray span{background: #eeeff3;}
.item-color input[type="checkbox"]:checked + label span{border: 2px solid #787878;}

.item-sizes input[type="checkbox"] + label{width: auto; margin: 0 0 0 20px; width: 30px; position: relative;}
.item-sizes input[type="checkbox"] + label span{border: none; background: #eceff6; margin: 0; width: 30px; height: 30px; position: absolute; top: 0; left: 0; z-index: 0;}
.item-sizes input[type="checkbox"] + label i{position: relative; z-index: 1; font-style: normal; padding: 9px 0 0; float: left; width: 100%; text-align: center; font-size: 12px;}
.item-sizes input[type="checkbox"]:checked + label span{background: #48217a; color: #ffffff;}
.item-sizes input[type="checkbox"]:checked + label i{color: #ffffff;}*/

.item-color, .item-radio{width: 100%; padding: 0 10px 0 0;}
.item-color .item-properties.style2, .item-color .item-properties, .item-radio .item-properties, .item-radio .item-properties.style2{padding-bottom: 10px;}
.item-color .item-properties{font-weight: 500; display: inline-block; vertical-align: middle; min-width: 78px; padding-top: 15px;}
.item-qty span label{font-weight: 500;}
.item-color{ margin-bottom: 10px; }
.item-color .item-properties + span{display:inline-block; vertical-align: middle; margin-left: 15px; }
.item-radio input[type="radio"]{float: left; margin: 2px 0 0; display:none;}
.item-radio input[type="radio"] + label{ width: auto; margin: 0px 5px 5px; background: #eeeeee; width: 40px;  padding: 5px 0; text-align: center; color: #666666; font-size: 16px; display: inline-block;}
.item-radio input[type="radio"] + label i{font-style:normal;}
.item-radio input[type="radio"]:checked + label { background: #016bb7; color: #ffffff; } 

.item-pricing-light .item-attr-section .item-radio > label{ display:inline-block; vertical-align: middle; font-weight: 500;}
.item-pricing-light .item-attr-section .item-radio .pull-left{ float:none!important; display:inline-block; vertical-align: middle;}


.color-swatch{ -webkit-border-radius: 0; border-radius: 0; margin: 0 10px 0 0 !important; position: relative; border:none!important;}
.color-swatch.selected{ -webkit-box-shadow: 0px 0px 0px 3px #f9bd2b; box-shadow: 0px 0px 0px 3px #f9bd2b;}
.color-swatch.selected:before{ position:absolute; top:0; left:0; content: "\e64c"; font-family: 'themify'; color: #fff;}
/*.item-sizes{float: left; width: 100%; padding: 0 0 30px 0;}
.item-sizes .item-properties{padding-top: 10px;}*/
.item-attr-section select{width: 100%; height: 40px; padding: 7px 40px 7px 7px; text-transform: capitalize;}
.item-qty{ padding-bottom: 20px;}
.item-qty span{  font-size: 16px; padding: 12px 20px 0 0; width: 100px;}
.item-qty input[type="text"]{width: 80px; text-align: center; padding: 8px ;}
.details .item-qty{width: 200px; margin-top: 15px;}
.add-cart-btn{ display: inline-block; vertical-align: middle;}
.add-cart-btn .btn{width: 100%; text-align: center; padding:10px 20px;}
.add-cart-btn .btn i{margin-right: 5px;}
#quicklook_continue .btn,
#quicklook_addToCart .btn{ min-width: 164px;}

.my-wishlist{  padding: 0 20px; display: inline-block; vertical-align: middle;}
.my-wishlist a{ display: block;text-align: center; border: 1px solid #48217a; color: #48217a; padding: 10px 12px; margin: 3px 5px; text-decoration: none;}
.my-wishlist a:hover{background: #48217a; color: #ffffff;}
.share-link{float: left; width: 100%; padding: 30px 0 0;}
.share-link span{float: left; padding: 6px 10px 0 0;}
.share-link a{float: left; padding: 5px 15px; color: #787878;}
.share-link a:hover{color: #48217a;}

.ui-tabs{ width: 100%; padding: 0 0 0px; display: block; margin-top: 10px;}
.ui-tabs ul.ui-tabs-nav{ width: 100%; background: #fff; border-bottom: 1px solid #ddd; display: flex; flex-wrap: wrap; justify-content: left;}
.ui-tabs ul.ui-tabs-nav li{/*float: left; width: 33.33%; flex-grow: 1;*/ } 
.ui-tabs ul.ui-tabs-nav li a{ width: 100%; background: #fff; text-align: center; padding:15px; display: block; position: relative;}
.ui-tabs ul.ui-tabs-nav li.ui-tabs-active a, .ui-tabs ul.ui-tabs-nav li.ui-state-active a{background: #fff; color: #787878; text-decoration:none;}
.ui-tabs ul.ui-tabs-nav li a:hover,
.ui-tabs ul.ui-tabs-nav li a:focus{color: #48217a;text-decoration:none;}
.ui-tabs ul.ui-tabs-nav li.ui-state-active a:before { position: absolute; bottom: -1px; right:0px; left: 0px;   height: 2px; background: #48217a; content: ''; }
.ui-tabs ul.ui-tabs-nav li a.single-tab{ padding: 15px 0;}
.ui-tab-content{   padding: 15px 0; display: block;}
.ui-tab-content.ui-tabs-hide{display: none;}
.ui-tab-content p{padding: 0 0 15px; color: #787878; float: left; width: 100%;}
.ui-tab-content .table{border: 1px solid #ddd;}
.ui-tab-content .table tr td:first-child{background: #f2f2f2; border-right: 1px solid #ddd;}
.ui-tab-content .table tr td{width: 50%;}
.ui-tabs .tab-details ul{border: none;}
.ui-tabs .tab-details ul li{width: 50%; border: none;}
.ui-tabs .tab-details ul li a{ background: none; text-align: left;}
.ui-tabs .tab-details ul li a i{margin-right: 10px;}
/*
.ui-tabs{width: 100%; padding: 0 0 30px; display: block;}
.ui-tabs ul{float: left; width: 100%; border-bottom: 1px solid #ebebeb;}
.ui-tabs ul li{float: left; border-left: 1px solid #ffffff;}
.ui-tabs ul li:first-child{border-left: none;}
.ui-tabs ul li a{float: left; width: 100%; background: #eceff6; text-align: center; padding: 15px;}
.ui-tabs ul li a:hover{color: #787878;}
.ui-tabs ul li.ui-tabs-active a, .ui-tabs ul li.ui-state-active a{background: #48217a; color: #ffffff;}
.ui-tab-content{float: left; width: 100%; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; padding: 20px; display: block;}
.ui-tab-content.ui-tabs-hide{display: none;}
.ui-tab-content p{padding: 0 0 15px; color: #787878; float: left; width: 100%;}
.ui-tab-content .table{border: 1px solid #ddd;}
.ui-tab-content .table tr td:first-child{background: #f2f2f2; border-right: 1px solid #ddd;}
.ui-tab-content .table tr td{width: 50%;}
.ui-tabs .tab-details ul{border: none;}
.ui-tabs .tab-details ul li{width: 50%; border: none;}
.ui-tabs .tab-details ul li a{ background: none; text-align: left;}
.ui-tabs .tab-details ul li a i{margin-right: 10px;}*/

.item-property-list{ border:none; display: block;}
.item-property-list li{ display:inline-block; vertical-align: top; max-width: 32%; min-width: 32%; margin: 10px 0; padding: 0 0 0 15px; position: relative;}
.item-property-list li:before{ position:absolute; left: 0; top: 6px; content: ''; width: 6px; height: 6px; background: #ccc; border-radius: 100%;}
.item-property-list li span.property-value{ color:#787878;}

.feedbacks{ padding: 15px 0; display: flex;}
.feedbacks:not(:first-child){border-top: 1px dashed #d8d8d8;}
.feedback-option{  width: 100px; padding-top: 15px;}
.feedback-date{font-size: 14px; color: #989898; padding-bottom: 5px;}
.feedback-by{font-size: 14px; color: #989898; margin-bottom:10px;}
.feedbacks .inline-show{  padding-left: 15px;}

.feedbacks .inline-show p{padding:0px;}
.feedbacks .ratings{ padding: 5px 0 10px;}
.details ul.share { display: block; width: 100%; padding: 10px 0; border-top: 1px dashed #ddd; margin-top: 0px; }
 

.reviews-main {background: #fff; padding: 20px; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); margin: 0px 0px 30px; display: block;}
.reviews-main .title {font-size: 30px;text-align: left;line-height: 30px;} 
.user-reviews{ padding: 0px 0 0px; margin-top: 10px; border-top:1px dashed #d8d8d8;} 
.scrolling{ max-height: 300px; margin:0px 0 0; overflow-y:visible; overflow-x: hidden;}
.no-reviews-posted{ display:block; padding: 15px; text-align: center;}
.no-reviews-posted p{ display:block; font-size: 16px; margin-bottom: 15px;}
.no-reviews{ padding: 15px; border: 1px solid #d8d8d8; background: #f2f2f2; color: #787878; text-align: center;}
.no-style{background: #f2f2f2; height: auto; padding: 50px 0px 25px 0px;;}
.no-style .banner{font-size: 24px;  line-height: normal; text-transform: initial; color: #515151;}



.steps{text-align: center; padding: 0 0 20px;}

.steps ul{display:block;}
.steps ul li{display: inline-block; padding: 0 10px; color: #aeaeae; min-width: 10%; text-align: center; position: relative; z-index: 2;}
.steps ul li span{ padding: 10px 0 0; display: block;}
.steps ul li.active{color: #000000;}
.steps ul li i{width: 40px; height: 40px; border: 1px solid #b7b7b7; background: #fff; padding: 0; -webkit-border-radius: 100%; border-radius: 100%; color:#929292; line-height: 38px; display: inline-block; vertical-align: middle;}
.steps ul li.filled i{background: #48217a; color: #ffffff; border-color: #48217a;}
.steps ul li.active i{background: #fff; color: #48217a; border-color: #48217a;}
.steps ul li:before{ content:''; height: 3px; background: #d4d4d4; position: absolute; top: 19px; left: 50%; width:100%; z-index: -1; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
.steps ul li.filled:before{ background:#48217a; }
.steps ul li:nth-child(6):before{ width:0px;}

.checkout-steps .cart-summary{ display:block; margin-top: 20px; background: #fff; box-shadow: 0 0 5px #ddd; -webkit-box-shadow: 0 0 5px #ddd; }

.checkout-steps{ display:block; background: #fff; margin-bottom: 15px; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); -webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); }
.checkout-step-title{ font-family: 'Oswald'; border-bottom: 1px solid #ddd; font-size: 20px; color: #212121;  padding: 15px; text-transform: uppercase; line-height: 20px;}
.shipping-dtl-title{ font-family: 'Oswald'; font-size: 20px; color: #212121;  padding: 15px; line-height: 20px; text-transform: uppercase;}
.checkout-summary{ display:block; background: #fff; margin-top: 20px; box-shadow: 0 0 5px #ddd; -webkit-box-shadow:0 0 5px #ddd; padding: 15px;}
.checkout-address-summary{ display:block; background: #fff; padding: 15px; margin-top: 20px; box-shadow: 0 0 5px #ddd; -webkit-box-shadow:0 0 5px #ddd;}
.checkout-address-inner{padding:15px;}
.checkout-address-inner h3{ font-size: 18px; margin-bottom: 15px;}
.address-selection{ padding:0; margin: 0 0 15px;}
.address-selection .form-group label{ font-size:16px; margin-bottom: 0;}
.address-selection .form-group{ margin-bottom: 10px;}
.location-address{padding-left: 18px;}
.checkout-inner-wrap{padding:0 15px 15px;}
.checkout-inner-wrap .table th{background: #48217a; padding: 10px; font-size: 16px; color:#fff; font-weight: normal; border-bottom: none; }

.checkout-inner-wrap .table td{ vertical-align: middle;  }
.form-seprator{ display:block; margin:10px 0 20px; height: 1px; background: #48217a; }
.form-error{ color:#EC1212; font-size: 14px; display: block; margin-top: 5px;}
.forms{padding: 15px;   position: relative; background: #fff;  }
.forms label{padding: 20px 0 10px; display:block;color: #282828;}
.form-group label{padding: 0px; display:block; font-weight: 500;}
.form-inline .form-group label{padding: 0px; display:inline-block;font-weight: 500;}
.form-inline .form-group .form-control{ min-width:200px;}
.checkout-inner-wrap.form-inline .form-group{ margin-bottom: 15px;}
.split-value{ display:inline-block; height: 42px;padding: 12px;}
.forms .checkbx label{float: none; width: auto; padding: 5px 0 10px 5px;}
.forms .checkbx input[type="checkbox"] {margin-top: 5px;}
.forms input[type="checkbox"] + label{color: #282828; display: inline;}
.forms input[type="checkbox"]:checked + label{color: #48217a; }
.forms input[type="text"], .forms input[type="email"], .forms input[type="password"], .forms input[type="file"]{height: 44px; padding: 12px;}
.forms textarea{padding: 12px;}
.forms select{/*height:auto; padding: 10px;*/ line-height: 32px; padding: 5px 20px 5px 12px;}
.forms .required{display: inline-block; color: #ff0000;}
.forms .warning {background: #fae5e3; border: 1px solid #e6d2d2; color: #ff2700; font-size: 12px; position: absolute; top: 10px; right: 15px; z-index: 1; padding: 7px 10px; -webkit-border-radius: 3px; border-radius: 3px;}
.forms .col-md-6, .forms .col-md-12{position: relative;}
.filled-email{ color: #282828;}
.filled-email .readonly-value{ height:44px; line-height: 30px;}
.sbm-address h5{font-size: 20px; padding-bottom: 10px;}
.checkout-btns{ padding: 25px 0px; }
.btn-gray{background: #ddd; color: #333; font-size: 18px;   font-family: 'Oswald';}
.btn-gray:hover{background: #ccc; color: #333;}
.label-btn{ padding-top:25px;}
.label-btn .btn{ min-width:150px;}
.myaccount-title{ display: block; margin-bottom: 20px; border-bottom: 1px dashed #ddd; padding: 0 0 15px;}
.myaccount-title h2{display: block; margin:0; padding:0; text-align: left; font-family: 'Oswald'; line-height: 30px;}
.myaccount-title h5{display: block; margin-top: 5px; color: #888;} 
.order-completed-message{ display:block; font-size: 26px; margin: 15px 0; text-align: center; color: #48217a;  font-family: 'Oswald';}
/*.forms p{padding: 10px 0 0; float: left; width: 100%;}*/
.forms p.info_needed, .info_needed{color: #585858; font-size: 12px; padding: 0; top:15px; position: absolute; right: 15px; text-align: right;}
.forms h3.info_needed, .info_needed{color: #585858; font-size: 12px; padding: 0; position: absolute; right: 15px; text-align: right; top: 6px;}

.form-control.ship-address{ display: inline-block; width: 180px;}
.edit-address{margin: 0 0 0 3px; padding: 4px 7px; }
.table select{padding: 10px; height: 43px;}
.width230{width: 230px;}
.shipping-chargesnote{ padding: 0 15px; display: block;}
.checkout-steps .text-danger.shipping {padding: 0 15px 5px;line-height: 24px;}
/* my account view order css*/
.my-account-new{ padding:0;}
.my-account-new .myaccount-title{margin:0px; padding:15px;}
.view-order-body{ display:block; padding:0; margin:0;}
.view-order-row{display:block; padding:15px 15px; margin:0; }
.view-order-row:not(:first-child){border-top:1px solid #ddd;}
.view-order-row:nth-child(even){background:#f2f8ff;}
.view-order-row h3{display:block; padding:0px; margin:0 0 15px; font-size:18px; color:#454545; }
.view-order-row h3 a{ color:#454545;}
.view-order-row h3.marBN{ margin-bottom:0;}
.view-order-row h3 .text-upc{ text-transform:uppercase;}
.view-order-row address{ margin-bottom:0; font-size:16px; color:#454545;}
.myaccount-footer { display:block; padding:15px; border-top:1px solid #ddd;}
.myaccount-action-btns .btn-remove{ color:#ff2323; } 
.myaccount-action-btns .btn-edit { color:#48217a; } 
.myaccount-action-btns .btn-edit:hover,
.myaccount-action-btns .btn-edit:focus{ border-color:#48217a; background-color: #fff; color:#48217a;}
.myaccount-action-btns .btn-remove:hover,
.myaccount-action-btns .btn-remove:focus{border-color:#ff2323; background-color: #fff; color:#ff2323; }
.active-gift-ttl{ padding:15px; font-size: 20px; color: #48217a; border-top:1px dashed #ddd;}
.payment-method-box{ margin:0 0 15px; background: #fff; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); -webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); }
.payment-method-title { font-family: 'Oswald'; font-size: 20px; color: #212121; padding: 15px; border-bottom: 1px solid #ddd; position: relative; line-height: 20px;}
.pay-options{padding: 20px 20px 0;}
.pay-method-inner{ padding: 15px;}
.pay-options input[type="text"]{padding: 10px;}
.pay-options .block{padding: 5px 0; position: relative;}
.pay-options h5{font-size: 18px; padding: 0px 0 15px;}
.promotions .pay-options{padding: 20px; background: #f8f8f8;}
.promotions .pay-options .btn.edit{width: auto; padding-right: 15px; text-align: left; margin-top: 0;}
.btns.pull-right{margin-top: 20px; clear: both;}
.btns.pull-right .btn{min-width: 130px; padding: 10px 20px;}
.pay-options select{height: 43px; padding: 10px;}

.promotions .pay-options input[type="text"]{margin: 0;}
.promotions .pay-options input[type="checkbox"] + label{margin: 0; color: #222222; font-size: 14px;}
.promotions .pay-options input[type="checkbox"]:checked + label{margin: 0; color: #48217a;}
.bdrb1{border-bottom: 1px solid #e8e8e8;}

.promotions .pay-options .btn{margin-top: 10px; float:right; width:10%;}
.promotions .pay-options h5{padding: 0 0 8px;}
.order-completed{width: 100%; text-align: center; display: inline-block;}


.order-completed h3{float: left; width: 100%; line-height: 36px;}
.order-completed p{float: left; width: 100%; line-height: 28px;}
/* ========= customized DivTable css ========= */
.custom-table-wraper{ display:block; width:100%; border:1px solid #ddd;} 
.custom-table-row{ display:block; width:100%; }
.custom-table-row:not(:first-child){border-top: 1px solid #ddd; }
.custom-table-col{ display:block; padding: 10px 10px; }
.custom-table-row.checkout-address-headings{ background: #e5e3e5;}
.checkout-address-headings .bootstrap-select.form-control:not([class*=col-]){width: auto;}
.custom-table-row.tax-detail-row{ background: #c5c3c5;}
.checkout-address-headings h2{ font-size:18px; margin: 0 0 10px; padding: 0; text-align: left; color:#48217a;}
.custom-table-col .edit-address{margin: 30px 0 0 0px; }

.checkout-shipping-tbl-wraper{ display:block; width:100%; border:1px solid #ddd;} 
.checkout-shipping-tbl-row { display:block; width:100%; }
.checkout-shipping-tbl-row:not(:first-child){border-top: 1px solid #ddd; }
.checkout-shipping-tbl-col{ display:block; padding: 10px 10px; }
.checkout-shipping-tbl-col.tax-detail-row{ background: #f7f7f7; border-top:1px dashed #ddd;}
.checkout-shipping-tbl-col .split-address-edit .ship-address{ width:72%;}
 
 

/*login page css*/
.login-page{padding: 0; width: 50%; margin: 0 auto;}
.login-page h2{padding: 0; margin: 20px 0; font-family: 'Oswald'; line-height: 30px;}
.login-page h4{ font-size:24px; text-align:center; padding-bottom: 10px; padding-top:20px; font-family: 'Oswald';}
.myaccount-pages .login-page{ width: 100%;}
.login-page .btn{width: 100%; padding: 10px 15px; font-size: 16px;  }
.social-logins{ width: 100%; padding: 0 0 20px;}
.btn.facebook{background: #36518d; text-transform: capitalize; color:#fff;}
.btn.facebook:hover{background: #6e84b5; color:#fff;}
.btn.twitter{background: #48217a; text-transform: capitalize; color:#fff;}
.btn.twitter:hover{background: #63ade1; color:#fff;}
.email-login{ background: #f8f9fd; border: 1px solid #dce1e5; position: relative; margin:10px 0px; padding:20px 50px 20px; }
.new-customer-box   {display: block;margin-top: 20px; padding-top: 20px; border-top: solid 1px #eaeaea;}
.new-customer-box span{ padding-top: 12px; display: inline-block;}
.new-customer-box a.btn{ float: right; width: auto;}
.or{position: absolute; left: 0; top: -18px; right: 0; z-index: 1; width: 40px; height: 40px; border: 1px solid #dce1e5; margin:  0 auto; background: #ffffff; text-align: center; padding: 12px 0 0; -webkit-border-radius: 100%; border-radius: 100%; font-size: 14px;}
.email-login h3{text-align: center; padding:0 0 20px; font-family: 'Oswald'; line-height: 30px;}
.email-login .block{padding: 10px 0;}
.email-login input[type="text"]{ color: #787878;}
.contact-login {display: block; padding-top: 15px; font-size: 14px;}
.contact-login a{ color:#48217a;}
.login-page.style2{width: 450px; margin: 0 auto; float: none; overflow: hidden; padding: 0;}
.login-page.style2 label{float: left; width: 100%; padding: 0 0 10px;}
.external-account-list .btn{ min-width:260px;}
.btn-yellow{background: #e7b419;}
.btn-yellow:hover{background: #fdb551;}
.email-login .forgot-pass{margin-top: 0px; float: right; display: block; position: static; color: #787878; text-decoration: underline;}
.email-login .forgot-pass:hover,
.email-login .forgot-pass:focus{ text-decoration: none; color: #48217a;}
.login-page p{text-align: center; padding: 10px 0;}
.forms .btns{ padding: 15px 0 0;}
.forms .btns .btn{min-width: 150px; padding: 10px 15px;}

.product-img{float: left; width: 315px;}
#gallery{display: none;}
.fancybox-popup{margin: 0 auto; width: 940px; overflow: hidden; display: none; background: #ffffff; padding: 20px;}
 

/*flexslider css*/
.flexslider{  position:relative;}
.flexslider .slides > li{display:block; position:relative; -webkit-backface-visibility:hidden;}
.flexslider .slides{zoom:1;}
.flex-pauseplay span{text-transform:capitalize;}
.flex-viewport{-webkit-transition:all 1s ease; -moz-transition:all 1s ease; transition:all 1s ease;}
.loading .flex-viewport{max-height:300px;}
html[xmlns] .slides{display:block;} 
*html .slides{height:1%;}
.flex-control-nav.flex-control-paging{position:absolute; bottom:10px; left:0; right:0; z-index:11; width:100%; text-align:center;}
.flex-control-nav.flex-co.ntrol-paging li{display:inline-block;}
.flex-control-nav.flex-co.ntrol-paging li a{display:inline-block; text-indent:-9999px; width:11px; height:11px; background:#c2c2c2; border:1px solid transparent; border-radius:100%; margin:0 5px; cursor:pointer;}
.flex-control-nav.flex-co.ntrol-paging li a:hover, .flex-control-nav.flex-control-paging li a.flex-active{background:#fff; border-color:#434b50;}
.opacity-effect{position:absolute; left:0; top:0; width:100%; height:100%; background:#c00; z-index:1;}
.flex-viewport ul{float: left; width: 100%; text-align: center; padding: 0;}
.flex-control-nav{float: left; width: 100%; text-align: center; padding: 20px 0 0;}
.flex-control-nav li{display: inline-block; width: 20%; padding: 0 7px;}
.flex-control-nav li img{cursor: pointer; border: 2px solid #ffffff; -moz-user-select: none;}
.flex-control-nav li img.flex-active{border-color: #48217a;}
.flexslider .slides {zoom: 1;}
.flexslider .slides li img{height: auto; -moz-user-select: none;}
.no-js .flexslider .slides > li:first-child {display: block;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;}
.flex-direction-nav{float: left; width: 100%;}
.flex-direction-nav li{float: left;}

.flex-next, .flex-prev  {width: 32px; height: 32px; position: absolute; top: 325px; z-index: 1; background: #c3c3c3; text-align: center; color: #ffffff; padding: 5px 0 0; -webkit-border-radius: 100%; border-radius: 100%;}
.flex-next i, .flex-prev i{font-size: 20px;}
.flex-next{right: -15px;}
.flex-prev {left: -15px;}
.flex-next:hover, .flex-prev:hover{background: #48217a;}

.fancy-inner .item-info{float: none; width: auto; display: block; overflow: hidden; padding: 0 0 0 30px;}
.fancy-inner .item-info h2{font-size: 20px;}
.fancy-inner .item-info p{font-family: 'Lato-Italic'; padding: 0 0 10px;}
.fancy-inner .item-info .old-price{padding-left: 0;}
.fancy-inner .item-info .quantity{margin-right: 12px;}
.fancy-inner .item-info .quantity input{height: 43px;}
.fancy-inner .item-info .quantity .quantity-nav{height: 41px;}
.fancy-inner .btns .btn{padding: 12px 15px; width: auto;}
.fancy-inner .btns .links a{width: 45px; padding: 8px 0;}
.fancy-inner .btns .links{position: static; float: left; margin-left: 10px;}
.fancy-inner .btns {padding: 20px 0 0;}
.fancy-inner .details ul{padding: 10px 0;}
.fancy-inner .ratings{padding: 8px 0;}
.fancy-inner .details p{font-size: 14px;}
.fancy-inner .share-link{padding: 20px 0 0;}
.fancybox-popup .fancybox-close{right: 20px;}
.fancy-inner  .flex-next, .fancy-inner  .flex-prev{top: 210px;}

.addToCartDummy{display: none;}
.empty-cart .block label span{margin: 0;}

.pdf-link{ display:inline-block; float: right; color: #da322a; margin-top:18px;}
.pdf-link:hover,
.pdf-link:focus{color: #48217a; text-decoration: none;}

 .btn-edit{ color: #48217a;}.btn-edit:hover{border-color: #48217a ; background-color: #fff; color: #48217a ;}
.table h2 {text-align: left; padding: 0 0 5px; font-size: 18px;}
.shopByReview{ display:none;}
.idea-text {position: absolute; left: 0px; top:0px;  background: #48217a;padding: 15px; color: #fff; border-radius: 100%; min-height: 90px; min-width: 90px; text-align: center; line-height: 60px; font-size: 18px; text-transform: uppercase;}
.idea-text:hover,
.idea-text:focus{ background:#da322a; color:#fff; text-decoration: none;}
/*Password protacted UI*/
.protact-category{ display:block; margin: 0 auto; padding: 15px 20px; background: #fff; border:1px solid #ddd; width:30%;}
/* warning UI dialog*/
.alert-custom.ui-dialog.ui-widget-content {width: 60%!important; left:20%!important;}
/* ========= Bootstrap select box css ===========*/
.bootstrap-select>.btn-default{ background-color: #fff;}
.bootstrap-select.open>.dropdown-toggle{box-shadow: none; -webkit-box-shadow: none;}
.bootstrap-select>.btn-default:hover,
.bootstrap-select>.btn-default:focus,
.bootstrap-select.open>.dropdown-toggle.btn-default:focus, 
.bootstrap-select.open>.dropdown-toggle.btn-default:hover{ background-color: #fff; outline:none!important; box-shadow: none; -webkit-box-shadow: none;}
.bootstrap-select .dropdown-toggle:focus{ outline:none!important;}
.bootstrap-select .dropdown-menu li a{ padding-top: 5px; padding-bottom: 5px;white-space: normal;} 
.bootstrap-select.btn-group .dropdown-menu{ max-width: 100%; }
.bootstrap-select.form-control .dropdown-toggle{ height: 38px;}

.bootstrap-select.form-control.input-lg .dropdown-toggle{ height: 46px;}
.alert-custom.ui-dialog .ui-dialog-content{ max-height:400px; overflow-y: auto;}
.alert-custom.ui-dialog .ui-dialog-titlebar {  background: #48217a!important;}
.ui-datepicker td span, .ui-datepicker td a{ text-align:center;}
.ui-datepicker .ui-datepicker-next-hover { right: 2px; top:2px;}
.ui-datepicker .ui-datepicker-prev-hover { left: 2px; top:2px;}
.ui-widget-header .ui-state-hover, .ui-widget-header .ui-state-focus { border: 0px solid #cccccc!important;}
.animated-fast {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeInUpMenu {
  from {
    opacity: 0;
    visibility: hidden;
    /*-webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);*/
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpMenu {
  from {
    opacity: 0;
    visibility: hidden;
    /*-webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);*/
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    visibility: visible;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpMenu {
  -webkit-animation-name: fadeInUpMenu;
  animation-name: fadeInUpMenu;
}

/* css for specific browser*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.listing.grid .row{ display:flex; display:-ms-flexbox;  width:100%;}
.forms select{ padding:12px;}
.category-banners .banner { height: 280px; -webkit-box-align: center; -ms-flex-align: center; align-items: center;
    display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal;
    -ms-flex-direction: column; flex-direction: column;-webkit-box-pack: center;
    -ms-flex-pack: center; justify-content: center;}
.price sup.decimal{ font-size:1.2em;}
}
.matrix .decimal{
    font-size: 120%\0/;    
}
@supports (-ms-ime-align: auto) {
  .matrix .decimal{
    font-size: 20px;    
}
}

@supports (-ms-ime-align: auto) {
.listing.grid .row{ display:flex; display:-ms-flexbox;  width:100%;}
} 

/* Detect window/Mac Safari desktop*/
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width:992px){ 
    .safari .listing.grid .row .col-md-3 {flex:0 0 24.5%; -webkit-flex:0 0 24.5%;}
    .safari .quick-add-form .col-md-6{flex:0 0 49.5%; -webkit-flex:0 0 49.5%;}
    .safari .item-detail-wrapper .item-display-equal.col-md-7 {width:58.2%;}
}

/* Detect ipad/Mac Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 768px)and (max-width:991px){ 
    .safari .listing.grid .row .col-sm-4 {flex:0 0 33.2%; -webkit-flex:0 0 33.2%;}
    .safari .item-detail-wrapper .item-display-equal.col-sm-7 {width:58.2%;}
}

/* Detect mobile/Mac Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 767px){ 
.safari .listing.grid .row .col-xs-6 {flex:0 0 49.5%; -webkit-flex:0 0 49.5%; width:49.5%;}
}





/* ================ Style responsive merged css ===============*/

/* media queries for large screen container */
@media screen and (min-width: 1400px) {
.wide-container .container,
.mini-container header .container,
.mini-container footer .container {width: 1370px;}
 
}
@media screen and (min-width: 1600px) {
.wide-container .container,
.mini-container header .container,
.mini-container footer .container{width: 1570px;}
}
/*@media screen and (min-width: 1900px) {
  .container {
    width: 1870px;
  }
}*/

@media screen and (max-width: 1650px) {
.owl-theme .owl-controls .owl-buttons div.owl-next {right: 15px;}
.owl-theme .owl-controls .owl-buttons div.owl-prev {left: 15px;}
.multipal-thumb-wrap .owl-controls .owl-buttons div.owl-prev{ left:0;}
.multipal-thumb-wrap .owl-controls .owl-buttons div.owl-next{ right:0;}
}

@media (min-width:1200px) {
.header-custom .menu ul.main-menu li:hover > ul.nav-dropdown-menu{ visibility: visible; opacity: 1;margin-top: 0; display:block;}
}


@media (max-width:1450px) {
.about-us .pull-left:before, .about-us .pull-right:before, .about-us .pull-left:after, .about-us .pull-right:after, .about-us .pull-left span:before, .about-us .pull-right span:before, .about-us .pull-left span:after, .about-us .pull-right span:after {display: none;}
.owl-nav {float: left; width: 100%; text-align: center; padding: 30px 0 0; position: relative; z-index: 1;}
.owl-drag .owl-prev, .owl-drag .owl-next {display: inline-block; position: static; margin: 0 5px;}
.carousel-custom .item{height: 450px;}

}

@media (max-width:1399px) {
.wide-container .container,
.mini-container header .container,
.mini-container footer .container{ width: 100%;}
.container { width: 100%;} 
.copyright {padding-right: 45px;}
}
 

@media (max-width:1279px) {
.point-store{ margin-left:0;}
.about-us { padding: 15px 0;}
.about-us .pull-left, .about-us .pull-right { float: left; width: 100%; text-align: center; }
.about-text { float: none; margin: 0 auto; padding: 30px 0; text-align: center; overflow: hidden; }
.quick-add-form-bg { padding: 20px; }
.protact-category{ width:60%;}
}

@media (max-width:1199px) {
.imagezoom-view, .imagezoom-cursor { display: none; }
.flex-next { right: 20px; }
.flex-prev { left: 20px;}
.login-page{ width:45%;}
.inline-show { padding: 0; overflow: visible; }
.center-page { padding: 0; }
.header-custom .navbar-form{padding-left: 20px; padding-right: 0;}
footer ul.Useful, .copyright { text-align:center;}
.copyright {padding-right: 0px;}
}

@media (min-width:1200px) {
.mobile-icon-list{ display:none;}
.menu-backdrop-slide{ display:none;}
.menu-header{ display:none;}
.visible-touch-devices{ display: none!important;}
.navbar-item-list li.toggle-mobile-nav{display:none;}
.bottom-nav-bar{ background-color:#fff; display:block;}
.navbar-default .bottom-nav-bar .navbar-collapse{ padding: 0;}
.header-custom .bottom-nav-bar .navbar-nav{ margin-top:0;}
.header-custom .bottom-nav-bar .navbar-nav>li>a{font-size: 16px; padding: 18px 10px 13px; color: #000; display: inline-block; position: relative;  font-family: 'Oswald';}
.home-icon{padding-top: 16px!important;}
.header-custom .navbar-nav>li.menu-level-1>a,
.header-custom .navbar-nav>li ul li.menu-level-2>a,
.header-custom .navbar-nav>li ul li ul li.menu-level-3>a{padding-right: 25px;}
.header-custom .bottom-nav-bar .navbar-nav>li:focus>a, 
.header-custom .bottom-nav-bar .navbar-nav>li:hover>a, 
.header-custom .bottom-nav-bar .navbar-nav>li>a:focus, 
.header-custom .bottom-nav-bar .navbar-nav>li>a:hover{color: #48217a;  } 
}

@media(max-width:1450px){
    .header-custom .bottom-nav-bar .navbar-nav>li>a { font-size: 15px;}
}
@media(max-width:1280px){
    .header-custom .bottom-nav-bar .navbar-nav>li>a { font-size: 15px; padding: 18px 7px 13px;}
}

@media (min-width:1200px) and (max-width:1279px) {
.header-custom .bottom-nav-bar .navbar-nav>li>a{font-size: 14px; padding: 9px 7px 13px; color: #fff; display: inline-block; position: relative;}
.header-custom .navbar-nav>li.menu-level-1>a,
.header-custom .navbar-nav>li ul li.menu-level-2>a,
.header-custom .navbar-nav>li ul li ul li.menu-level-3>a{padding-right: 25px;}
}

@media (max-width:1099px) {
.login-page { width:50%;}
.login-page .btn {margin: 5px 0;}
 .header-custom .menu ul.main-menu li ul.nav-dropdown-menu {min-height: auto; background: #fff;}
 .hidden-view {overflow: hidden;}
.product-list .pull-left {width: 55px;}
/*body.open-sidebar{left: 280px; overflow: hidden;}*/
/*.open-sidebar:before{content: ""; position: fixed; top: 0; left: 0; z-index: 2; background: rgba(0,0,0,0.7); height: 100%; width: 100%;}*/
body.open-sidebar .main-menu {left: 0;}
.main-header ul ul {padding: 5px;}
.product-list {padding: 10px 0;}
.style3 {margin-top: 55px; height: 200px;}
.lineheight1 {line-height: 30px;}
.no-style .banner {font-size: 18px; padding: 20px 0;}
.no-style {height: auto; margin-top: 55px;}
.main.style2 {padding: 15px 0;}
.no-style {margin-top: 58px;}
div.ui-dialog .ui-dialog-content {height: 300px !important; overflow-x: hidden; overflow-y: scroll; padding: 10px 10px 30px;}
#ccErrorDialog{height: auto !important;}
.email-login {min-height: 20px;}
.zooming{ display:none;}
.checkout-shipping-tbl-col .split-address-edit .ship-address{ width:72%;}
.wishlist-item-notes .form-control{ width:65%;}

}

@media (max-width:1199px) { 
.navbar-brand>img{height: 35px;}
header, header.header-fixed{ padding-bottom: 59px;}
.header-custom{position: fixed; top: 0; left: 0; right:0; z-index: 9; -webkit-box-shadow: 0 0 10px 0 #cccccc; box-shadow: 0 0 10px 0 #cccccc; min-height: 59px;}
.hidden-touch-devices{ display:none!important;}
.navbar-header{ float:none; display: block;}
.search-form-inner{ width:100%;}
.header-custom{ padding:0;}
.header-custom .navbar-brand {padding: 12px 15px;  }
.header-custom .navbar-header .navbar-item-list{ margin-top:8px;}
.navbar-form .form-group {  display: block; } 
.navbar-toggle { display: block; float:left; margin: 20px 0 0; }
.header-custom .navbar-collapse { margin: 0!important; width: 280px; position: fixed; top: 0px; left: -285px; z-index: 9;
       background: #fff; padding: 0 0 10px; height: 100%!important; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s;
       -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; border-top: none;}
.header-custom .navbar-collapse.in {left: 0; height: 100%!important; overflow-y: auto!important;}
.header-custom .navbar-collapse .main-menu {margin: 0!important;}
.header-custom .navbar-nav>li>a {border-left: none; color: rgba(0,0,0,.8); padding: 15px 50px 15px 15px; text-transform: uppercase; display: block;}   
.header-custom .navbar-nav>li.menu-level-1>a,
.header-custom .navbar-nav>li ul li.menu-level-2>a,
.header-custom .navbar-nav>li ul li ul li.menu-level-3>a{padding-right: 50px;}
.header-custom .navbar-nav>li.menu-level-1>a:before,
.header-custom .navbar-nav>li ul li.menu-level-2>a:before,
.header-custom .navbar-nav>li ul li ul li.menu-level-3>a:before{ display:none;}   
.header-custom .navbar-form {padding: 9px 5px 0; margin:0; border: none;}
.header-custom .navbar-form .form-control {width: 75%; display: inline-block; min-width: 75%;}
.header-custom .navbar-form .btn {width: 25%;}    
.header-custom .menu ul.main-menu li ul.nav-dropdown-menu {position: static; display: none; box-shadow: none; -webkit-box-shadow: none; padding: 0 0 0 10px; background-color: #f9f9f9; border-radius: 0; border: none;}
.header-custom .menu ul.main-menu li.menu-open > ul.nav-dropdown-menu {display: block; width:100%; visibility: visible; opacity: 1; margin-top: 0;}
.header-custom .menu ul.main-menu li:hover ul.nav-dropdown-menu li a, .header-custom .menu ul.main-menu li ul.nav-dropdown-menu li a { color: #48217a; display: block; text-transform: uppercase;}
.header-custom .menu ul.main-menu li {width: 100%; border-bottom: 1px solid rgba(0,0,0,.05); position: relative;}
.header-custom .menu ul.main-menu li.menu-open{ background:#f9f9f9;}
.header-custom .navbar-nav>li ul li.menu-level-2.menu-open-sub .sub-dropdown.nav-dropdown-menu{ position: static; visibility: visible; opacity: 1; width:100%; background:none; border-top: none; margin-top: 0; padding-left: 15px; display:block;}
.header-custom .menu ul.main-menu li ul li.mm-subcat1,
.header-custom .menu ul.main-menu li ul li.mm-subcat2{border-bottom: none; border-top: 1px solid #efeeee; background:#f9f9f9;}
.header-custom .menu ul.main-menu li ul li.mm-subcat1 a:hover,
.header-custom .menu ul.main-menu li ul li.mm-subcat1 a:focus,
.header-custom .menu ul.main-menu li ul li.mm-subcat2 a:hover,
.header-custom .menu ul.main-menu li ul li.mm-subcat2 a:focus{color: #48217a;}
.header-custom .menu ul.main-menu li span.mobile-menu,
.header-custom .menu ul.main-menu li.dropdown-submenu span.mobile-menu-sub{display: block; width: 50px; height: 50px; position: absolute; top: 0; right: 0; border-left: 1px solid rgba(0,0,0,0); cursor: pointer; padding-right: 18px;}
      
.mobile-menu:after, .mobile-menu:before,
.mobile-menu-sub:after, .mobile-menu-sub:before{content: " "; position: absolute; right: 19px; top: 50%; margin-top: -1px; width: 12px;
     height: 2px; display: inline-block; background-color: #000;
    -webkit-transition: background-color .2s ease-in-out, transform .2s ease-in-out, width .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out, transform .2s ease-in-out, width .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out, transform .2s ease-in-out, width .2s ease-in-out;
    transition: background-color .2s ease-in-out, transform .2s ease-in-out, width .2s ease-in-out;}
.mobile-menu:before,
.mobile-menu-sub:before{transform: translateX(3px) rotate(-50deg); -webkit-transform: translateX(3px) rotate(-50deg);
     -moz-transform: translateX(3px) rotate(-50deg); -o-transform: translateX(3px) rotate(-50deg);
   -ms-transform: translateX(3px) rotate(-50deg); -sand-transform: translateX(3px) rotate(-50deg);}
.mobile-menu:after,
.mobile-menu-sub:after{transform: translateX(-4px) rotate(50deg); -webkit-transform: translateX(-4px) rotate(50deg);
              -moz-transform: translateX(-4px) rotate(50deg); -o-transform: translateX(-4px) rotate(50deg);
                -ms-transform: translateX(-4px) rotate(50deg); -sand-transform: translateX(-4px) rotate(50deg);}
.menu-open .mobile-menu:after,
.menu-open-sub .mobile-menu-sub:after{transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);
                                -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -sand-transform: rotate(45deg);}
.menu-open .mobile-menu:before,
.menu-open-sub .mobile-menu-sub:before{transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);
                                 -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -sand-transform: rotate(-45deg);}
    
/* mobile devices menus in header start here */
.close-slide-menu{ display:inline-block; padding: 10px; color: #fff; font-size: 24px;}
.close-slide-menu:hover,
.close-slide-menu:focus{ text-decoration: none; color: #fff;}
.mobile-icon-list{ display: inline-block; float:right; margin-right: -10px; margin-top:0px;}
.mobile-icon-list li{ display: inline-block; vertical-align: middle;}
.mobile-icon-list li a{ display: inline-block; padding: 16px 10px; position: relative; color: #fff; font-size: 18px;}
.mobile-icon-list li a:hover,
.mobile-icon-list li a:focus{ text-decoration:none; color:#b7a6cb;}
.mobile-icon-list li span.addedQuantity { position: absolute; right: 3px; top: 8px; background: #fff; color: #48217a; border-radius: 100%; min-width: 20px; line-height: 18px; padding: 0 2px; text-align: center; font-size: 12px; min-height: 20px;}
.menu-backdrop-slide{position: fixed;top: 0;left: 0; background-color: rgba(0,0,0,.8); opacity: 0;visibility: hidden; z-index: 8; width: 0; height: 100%; padding-left: 280px;
    -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.hdr-menu-opened .menu-backdrop-slide{opacity: 1; visibility: visible; width:100%;}
.menu-header{ display:block;background: #48217a; color:#fff; padding:0px;}
.menu-header a{ color:#fff; padding:15px  15px ; display: inline-block; vertical-align: middle;}
.menu-header a:hover,
.menu-header a:focus{ text-decoration:none;}
.menu-header .user-setting-link{ display:inline-block; margin: 0; vertical-align: middle;}
#welcome_user_name{ display:inline-block; margin: 0; vertical-align: middle; font-size: 18px;}      
/* mobile devices menus in header end here */
.top-bar {display: none;}
.point-store {padding: 15px; margin: 0; border-bottom: 1px solid #48217a; width: 100%;}
.item-property-list li{ max-width: 49%; min-width: 49%;}
.swipe-area{ display:block;}
.search-form-wraper{ top:100%;}
.back-to-top {display: none!important; opacity: 0;}
.carousel-custom .item{ height:450px;}
.header-custom .bottom-nav-bar .navbar-nav>li>a{font-size: 16px;}
}
@media (min-width:992px) and (max-width:1024px) {
.matrix-mobile{ width:70%;}
}

@media (max-width:999px) {
.rwd-design .col-md-6.pull-right {margin-bottom: 15px;}
.rwd-design .promotions .col-md-6:last-child {border: none;}
.email-login{padding:40px 50px 20px;}
}

@media (max-width:991px) {
footer ul{text-align: center;}
.copyright{text-align: center;}
.sidebar { width: 100%;  margin-bottom: 0; }
.category-sidebar{display: none;}
.left-filters { display: block; } 
.sortings{ margin-top:10px;}
.margin-top-mobile{ margin-top:10px;}
.filter-summary{padding-top: 10px;}
.section-also-like{ box-shadow: none; -webkit-box-shadow:none; background: none; margin:0 0 15px;}
.also-like-title,
.also-like-slider{ width:100%; display: block;}
.cart-summary {margin-top: 15px;}
.restore-cart-section .basketList{ width:300px;}
.checkout-shipping-tbl-col .split-address-edit .ship-address{ width:74%;}

}

@media (max-width:979px) {
.login-page{ width:60%;}
.filters-show {display: block;}
.fancybox-popup {width: 700px;}
.fancy-inner .col-md-5 {width: 100%; padding: 25px 15px;}
.fancy-inner .col-md-7 {width: 100%; padding: 0;}
.rwd-view {margin: 0;}
.rwd-view .col-md-6 {width: 100%; padding: 0;}
.btns.pull-right {width: 100%; margin-top: 15;}

.promotions .pay-options {padding: 0;}
.steps ul li span {font-size: 14px;}
.steps ul li{ min-width:13%;}
.cart-summary .btns {margin: 15px auto;}
.my-cart {margin-bottom: 15px;}
form .cart-summary .checkout-btns {padding: 10px 15px;}
.cart-total {margin-top: 0;}
.forms .warning {position: static; margin-top: 10px; float: left; width: 100%;}
.forms p.info_needed, .info_needed {top: 10px; right: 15px;}
.qus {margin-bottom: 15px;}
.btns.pull-right {margin-top: 10px;}
.editPayment {padding: 0 0 15px 0;}
.checkbx input[type="checkbox"] {top: 11px;}
.checkbx.style2 label {margin: 0;}
.forms .checkbx.style2 input[type="checkbox"] {margin-top: 21px;}
.quick-add-form-bg {margin-top: 10px;}
.quick-add-form {display: block!important;} 
footer ul li a{font-size: 12px;}
}

@media screen and (min-width: 768px) {
.categories-list-1 {width: 30.4%;}
.categories-list-2 {width: 28.2%;}
.categories-list-3 {width: 41%;}
.table-responsive.order-start{border:none;}
.toggle-menu{ margin-right:15px;}
.pay-method-final{ min-height:252px;}
}

@media (max-width:767px) {
    .navbar-brand>img{height: auto;}
header,header.header-fixed {padding-bottom: 50px!important;}
.header-custom .navbar-collapse {margin: 0!important; width: 280px; position: fixed; top: 0px; left: -285px; z-index: 9; background: #fff; padding: 0 0 100px; height: 100%!important; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; border-top: none; box-shadow: 0 0 10px #333;}
.header-custom{ min-height:50px;}
.header-custom .navbar-collapse.in { left: 0; height: 100%!important;}
.navbar-toggle { position: relative; }
.header-custom .navbar-collapse .main-menu {margin: 0!important;}
.header-custom .navbar-brand {padding: 8px 15px; width:auto;} 
.search-form-wraper{ padding:0px; min-width: 100%; right:0;}
.search-form-inner{padding:15px;}
.header-custom .navbar-form {padding: 5px 5px 0px; border: none; margin: 0; }
.mobile-icon-list{ margin-right: 5px; margin-top:0px;}
.mobile-icon-list li a{ padding: 12px 10px;}
.toggle-menu{ margin: 15px 0 0 15px;}
.style1.table-container {padding: 60px 0; height: auto; min-height: 400px;}
.owl-carousel .owl-item {padding: 5px 10px 15px;}
.owl-theme .owl-controls .owl-buttons {text-align: center;}
.owl-theme .owl-controls .owl-buttons div {position: static; margin: 0 7px;}
.multipal-thumb-wrap .owl-item{ padding: 0;}
.multipal-thumb-wrap .owl-controls .owl-buttons div {position: absolute; margin:-25px 0 0;}
.section-wrapper {padding: 0 0 20px;}
.section-title {padding: 15px 0;}
.section-title h3 {font-size: 26px;}
.banner .btn.btn-banner {font-size: 18px;   padding: 8px 15px; min-width: 190px;}
.categories-list .marT30 {margin-top: 10px;}
.fancybox-overlay {background: #2a3047;}
.back-to-top {bottom: 10px; right: 5px; padding: 0; width: 40px; height: 40px; line-height: 36px; display: none!important;}
.back-to-top i{line-height: 40px;}
.main:not(.whitebgd){ padding-top:15px;}
.main.item-detail-main{ padding-top:0px; padding-bottom: 0;}
.login-page{ width:72%;}
.wrapper {padding: 15px 0;}
footer {padding: 15px 0;}
footer ul {padding: 0; text-align: center; margin-top:0px;}
footer h4 {padding-top: 15px;}
footer ul li a{ padding:0;  }
footer ul.Useful li{padding:3px 10px 3px 0px}
footer ul.Useful li:not(:last-child):after{ right:2px;}
footer .follow ul li {padding: 15px 0;}
.quick-add-form aside {width: 100%;}
.quick-add-form .padleftN {padding-left: 15px; margin-top: 15px;}
.categories-list {margin-top: 10px;}
.about-us {padding: 0;}
#js-popup-message.popup{ width:250px; margin: -100px 0 0 -125px;}
.banner {font-size: 40px; line-height: normal;}
.banner .btn {padding: 15px 10px; margin-top: 20px;}
.table-container.style2 {line-height: normal; height: 300px;}
.category-banners{ display:none;}
.copyright {font-size: 14px; text-align: center;}
.fancybox-close {top: 0;}
.sortings a {padding: 12px 15px;}
.sortings .pagination {width: 100%; text-align: center;}
.sortings .pagination a {float: none; width: auto; display: inline-block; border-left: 1px solid #eaeaea;}
.sortings .pagination a:last-child {border-right: 1px solid #eaeaea;} 
.sortings .pagination {display: none;}
.basket-page-table{min-width: 600px!important;}
.sorting-by:last-child {border-bottom: none;}
.sorting-by .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){ width:135px;}
.sorting-per-page .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){ width:80px;}
.pagination.style2 a:first-child, .pagination.style2 a:last-child {margin: 0;}
.pagination.style2 a.selected, .pagination.style2 a, .pagination.style2 span {font-size: 12px;}
.style3 .banner {font-size: 20px;}
.style3 {height: 120px;}
.fancybox-popup {width: 500px;}
.ui-tabs ul li a {padding:10px;}
.details h2 {font-size: 22px;}
.item-qty {width: 100%;}
.add-cart-btn {width: 100%; padding: 20px 0;}
.my-wishlist {width: 100%;  padding: 0;}
.ui-tabs {padding: 0;}

.table input[type="text"] {float: none; display: inline-block;}
.my-cart .table tr td.align-right {text-align: left;}
.cart-summary .col-md-6 {min-height: 20px;  padding: 10px 15px;}
.table select {float: none; display: inline-block;}
.steps {padding: 0 0 15px;  }
.steps ul li{padding: 0px;  }
.steps ul li:before{ display:none;}
.pay-options .block .col-md-3 input[type="radio"], .col-md-half .col-md-3 input[type="radio"] {left: 0;}
.pay-options .block .col-md-3 input[type="checkbox"] {left: 0;}
.sbm-address {padding: 15px 15px 0;}
.restore-cart-section{padding: 20px;}
.sbm-address h5, .pay-options h5 {font-size: 15px;}
.promotions .col-md-6 {padding: 8px 0;}
.pay-options {padding: 10px 15px;}
.item-options .btns {padding: 0;}
.reviews .col-md-6 .btn {min-width: inherit; width: 100%; margin: 5px 0;}
.forms.myaccount-pages .btns {padding: 20px 0 0;}
.myaccount-pages {margin-bottom: 15px;}
.sidebar .block {padding-bottom: 15px;}
 
div.ui-dialog {width: 280px !important; position:fixed; top:50%!important; left:50%!important; margin: -50px 0 0 -140px;
                 padding: 0; }
.details .item-qty {width: 100%; padding-bottom: 10px;}
.my-wishlist a {width: 100%; margin: 5px 0;}
.listing {padding: 0 0 10px;}
.question .col-md-half {width: 100%; float: none;}
.table tr.mobile-hide, .mobile-hide {display: none !important;}
.shipped-to {padding: 0;}
input[type="checkbox"] + label.not-fixed.style2 {margin: 10px 0;}
.item-pricing-light {padding-top: 0;}
.item-secondary {padding: 0;}
.reviews-main {margin-bottom: 15px; padding: 10px 15px 0; border-top:1px solid #ddd; box-shadow: none; -webkit-box-shadow: none;}
.flex-control-nav {padding: 15px 0;}
table.productTable span.price {float: none; padding: 0 10px 0 0; display: inline-block;}
.btns-default .btn {width: 100%;}
.sortings .pagination {border-top: 1px solid #eaeaea;}
.item-quick-view {display: none;}
.listing.list .item-image { width: 120px;}
.listing.list .item-detail { margin-left:120px;}
.item-pricing-light .add-cart-btn {width: 50%; position: fixed; left: 0; bottom: 0; z-index: 9; padding: 0;}
.item-pricing-light .btns.mobile-fixed-btn,
.item-matrix-add-cart.btns.mobile-fixed-btn {width: 100%; background: #fff; position: fixed; right: 0; bottom: 0;
                                               z-index: 8; padding: 5px 0; text-align: center; box-shadow: 0 0 10px #ddd;}
.item-pricing-light .btns.mobile-fixed-btn .btn,
.item-matrix-add-cart.btns.mobile-fixed-btn .btn{ width:48%; margin: 0;}
.item-pricing-light .add-cart-btn.static_view, .item-pricing-light .btns.static_view { position: static; text-align: left; width: 100%; }
.preview {padding: 0 15px 15px; border: none; border-bottom: 1px solid #ddd;}
.product-image-zoom{ margin-bottom:10px;}
.multiple-thumb{ margin-top:10px;}
.preview-detail-panel{ padding:15px 15px 0; border-left:none;}
.category-detail{ background:#fff; padding-top: 15px;}
.category-detail .breadcrumb{ padding:0 15px 20px;}
.item-detail-main .category-detail{padding: 15px 0 0;}
.item-detail-wrapper{ display:block;  -webkit-box-shadow:none;  box-shadow :none;  } 
.flexslider .slides li img {width: 200px; display: inline-block;}
.shopping-btns .col-md-6 {text-align: center; padding: 10px 0;}
.checkout-btns .btn{display:inline-block;} 
.no-search-image{ min-height:300px;}
.table.basket-page-table td {text-align: left;}
.delivery-zipcode {min-width: 100%;}
.basket-footer .btn {margin-top: 10px; display: block;}
.basket-page-table tr td p {float: left; width: 100%;}
.cart-popup {width: 100%; border: none; top: 66px; -webkit-box-shadow: 1px 2px 1px 0px #ddd; box-shadow: 1px 2px 1px 0px #ddd;}
header {position: relative;}
.menu ul li {position: static;}
.listing.list .item p {padding: 0;}
.feedbacks .inline-show {  overflow: visible; margin-left:0px; }
.feedback-option{ width:60px;}
.label-btn{ padding-top:0px;}
.label-btn .btn{ min-width:100px;}
.restore-cart-section{ max-width:100%;}
.item-property-list li{ max-width:100%; min-width: 100%; display: block;}
.basket-item-thumb{ flex: 0 0 90px;-ms-flex: 0 0 90px;-webkit-flex: 0 0 90px;}
/*.basket-item-dtl .item-qty-info,
.basket-item-dtl .item-details-info{ min-width:100%;}
.basket-item-dtl .item-totalqty-price{ min-width:100%; text-align: left; margin-top: 5px;}*/
.basket-item-content{ padding:0;}
.checkout-address-headings .col-xs-12{ text-align:left;}
.checkout-address-headings .edit-address{ margin:10px 0 0 0;}   
.checkout-shipping-headings .edit-address{ margin:0px 0 0 8px;} 
.xs-space-top{ padding-top:10px;}
.xs-space-bottom{ padding-bottom:10px;}
.activate-account{ width: 100%;}
.carousel-custom .item{height: 450px;}
.carousel-control{ display:none;}
.mbottom-space footer {padding-bottom: 65px;}   
.sorting-by:not(.sorting-per-page) .bootstrap-select.btn-group .dropdown-menu{ left:0; min-width:200px;}
.idea-text{ font-size: 16px; top:15px; left:15px; min-height: 80px; min-width: 80px; line-height: 50px;}
.alert-custom.ui-dialog.ui-widget-content {width: 80%!important; left:10%!important;}
.protact-category{ width:90%;}
}

@media (max-width:639px) {
.carousel-custom .item.item-1{background:url(../images/banner1-xs.jpg) no-repeat; background-position: 0% center; background-size: cover;}
.about-text {width: 100%;}
.sub-title {letter-spacing: 4px;}
.title {font-size: 36px;}
.fancybox-popup {width: 100%; background: none; padding: 0 10px;}
.fancybox-popup .fancy-inner {padding: 20px; background: #ffffff;}
.fancybox-popup .fancy-inner {padding: 10px;}
.share-link a {padding: 5px 10px;}
.fancy-inner .col-md-5 {padding: 5px;}
.cart-total .pull-left {width: 60%;}
.cart-total .pull-right {width: 40%;}
.empty-cart {padding: 20px;}
.email-login {padding: 20px;} 
.myaccount-pages h5 {padding: 5px 0;}
.forms p.info_needed, .info_needed {position: static;   text-align: left;}
.flex-next, .flex-prev {top: 50%;}
.login-page{ width:100%;}
.new-customer-box{ text-align:center;}
.new-customer-box a.btn{ float:none; width: 100%;}
.login-page.style2 { width: 100%; }
.basket-item-dtl .item-qty-info{ min-width:100%; text-align: left; }
.basket-item-dtl .item-details-info{ min-height:20px; }
.basket-item-dtl .item-perqty-price-info{ min-width:100%; text-align: left; }
.basket-item-dtl .item-totalqty-price{ min-width:100%; text-align: left; margin-top: 5px;}
/*.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{height: 300px;}*/
.listing.grid .row{ width:100%; }
.emptycart{ padding: 20px 0px;}
}

@media (max-width:479px) {
.item-properties {width: 100%; padding: 0 0 10px;}
.item-color .item-properties + span{ margin-left: 0;}
.item-color {padding: 5px 0; width: 100%;}
.item-pricing-light .item-attr-section .item-radio > label{ display:block;}
.item-sizes select, .item-color select {width: 100%;}
.item-qty span {width: 100%; padding: 10px 0;}
.item-attr-section .item-dropdown label{ min-width:65px;}
.item-color input[type="radio"] + label {margin: 0 15px 0 0;}
.item-sizes input[type="radio"] + label {margin: 0 15px 0 0;}
.product-info-links {padding: 0;}
.add-cart-btn {padding: 10px 0;}
#quicklook_attributes fieldset .f-row {width: 100%;}
#quicklook select {width: 100% !important;}
#quicklook_qty {width: 100% !important; text-align: left !important;}
.col-md-4 .item-quick-view .btn {font-size: 12px;}
.listing.list .item-image {width: 80px;}
.listing.list .item-detail { margin-left:80px;}
.listing.list .item-heading {font-size: 13px;}
.listing.list .item p .list-price {float: left;}
.listing.list .item p .price {float: left;}
/*.listing.list .item .you-save {float: left;   left: 110px; position: absolute; right: auto; top: 62px; line-height: normal;}*/
.f-forms {width: 100%;}
.menu ul li a {padding: 25px 8px;}
.logo {width: 80px; padding-top: 20px;}
.list-pageination {text-align: center;}
.items-total {width: 100%; line-height: 20px;   padding: 0;}
.pagination.style2 {width: 100%; padding: 10px 0 0;}

.edit-address {margin: 10px 0 0 0;}
.invoice-header .table td{ display:block; width: 100%; border:none;}
.invoice-header .table td:nth-child(2){ display:block; width: 100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.sorting-by:not(.sorting-per-page){border-right:none;}
.sorting-per-page .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){ width:70px;}
.continue-checkout-btn{ text-align: center;}
.continue-checkout-btn #checkoutbtn{ float:none!important; min-width: 60%;} 
.continue-checkout-btn #continue-shopping{ margin-bottom: 10px; min-width: 60%;}
.checkout-payment-headings .col-xs-6,
.checkout-payment-headings .col-xs-3{ width:100%; text-align: left;}
.tax-detail-row .col-xs-6{ width:100%; text-align:left;}
.checkout-address-headings .col-xs-7{ width:100%;}
.checkout-address-headings .col-xs-5{ width:100%; margin-top:15px;}
.checkout-shipping-headings .xs-full{width:100%; text-align: left;} 
.checkout-shipping-headings .col-xs-6{width:100%; text-align: left;}
.checkout-shipping-headings .xs-half{ width:50%; text-align: left; padding-top: 10px;}
.wishlist-item-notes .form-control{ display:block; width: 100%;}
.invoice-address-col .xs-full{ width:100%; text-align:left;}
.invoice-dtl-tbl-col .xs-full{ width:100%; text-align:left;}
.invoice-detail-row{ display:block;}
.invoice-dtl-col{display:block;}
.invoice-dtl-col:not(:first-child){ border-left:none; border-top:1px solid #ddd; }
.owl-carousel .owl-item{padding: 5px 5px 15px;}
.multipal-thumb-wrap .owl-item{ padding: 0;}
.carousel-custom .item{ height:300px;}
.pdf-link{ float:none; margin-top:15px;} 
.protact-category{ width:70%;}
}

@media (max-width:399px) { 
.header-custom{ min-height:50px;}
.header-custom .navbar-brand { padding:10px;}
.navbar-brand>img { height: 28px;}
.mobile-icon-list{ margin-right: 5px;}
.mobile-icon-list li a{ padding: 12px 8px;}   
.main-header .logo {width: 100%;}
.main-header .logo img {width: 110px;}
.main-header .mobile-version .menu-right ul li a.toggle-menu {padding: 2px 0 0;}
.main-header .mobile-version .menu-right ul li a {padding: 8px 18px 0 0;}
.header-custom .navbar-form .form-control {width: 75%; min-width: 75%;}
.header-custom .navbar-form .btn {width: 25%;}
.categoryStars{float: none;}
.sorting-by>span{ padding-left:5px;}
.sorting-per-page .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){ width:80px;}
.forms h3.info_needed{width:100%; position: static; text-align: left; margin-top: 5px;}
.restore-cart-section .basketList{ width:100%;}
.wishlist-item-thumb{flex:0 0 80px; -ms-flex: 0 0 80px; -webkit-flex: 0 0 80px;}
.view-order-row .xs-full{ width:100%; text-align:left;}
.view-order-row .col-xs-4{ padding-left:25px;}
.myaccount-action-btns{ margin-top:10px}
.activate-account input[type="text"]{ width:100%;}
}

@media (max-width:360px) {
.cart-widget-slide{ width:320px; transform: translate3d(350px,0,0); -webkit-transform: translate3d(350px,0,0);
                    -ms-transform: translate3d(350px,0,0); -sand-transform: translate3d(350px,0,0);}
.sub-title {letter-spacing: 1px;}
.btns.pull-right .btn, .forms .btns .btn {width: 100%; margin: 5px 0;}
.btns.pull-right .btn.btn-gray, .forms .btns .btn.btn-gray {margin-top: 10px;}
.promotions .btn { font-size: 12px;}
.sorting-by>span{ padding-left:5px;}
.sorting-per-page .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){ width:70px;}
}
@media screen and (max-device-width: 525px) and (orientation: portrait) {
.alert-custom.ui-dialog .ui-dialog-content{ max-height:300px;}
}
@media screen and (max-device-width: 767px) and (orientation: landscape) {
.alert-custom.ui-dialog .ui-dialog-content{ max-height:200px;}
}