/** Shopify CDN: Minification failed

Line 415:13 Expected identifier but found whitespace
Line 765:69 Expected identifier but found "*"
Line 800:0 Unexpected ".2checkout"
Line 1786:4 Expected identifier but found "*"

**/


/* =========== */
/* Font Colors */
/* =========== */

body, .product a.title, .feat a.title, .decider a {color:#333333;}
a, .product a.title:hover, .feat a.title:hover {color:#ea4f3e;}
a{color: #000;}
.top .logo a {color: #f2f2f2}
button.theme, .share a, .share a:hover, .horizontal-nav li a:hover, .btn.theme, .btn-theme, .product_list_widget .amount, .view-thumb .onsale, section.single .single_variation span.amount, .view-thumb button.info, .view a.info, input#add-to-cart, .filter .nav-pills > li > a {color:#ffffff;}
footer , footer a  {color: #757575;} 
footer {color: #d2d2d2; }
footer a {color: #ffffff; }
footer a:hover{color: #ea4f3e; }
a:hover, em.on, .theme, .page h5, a.theme , .blog article a h4, .nav>li>a:hover {color: #ea4f3e;}
.btn-link {text-shadow: none} .btn-link:hover {text-decoration:none}
.view a.btn {box-shadow: none}
.mask h2 small {font-size: .85em}
.mask h2 del {color: #999}

/* ================= */
/* Background colors */
/* ================= */


body , .homepagecontainer {background-color: #ffffff !important; }



.container-menu {background: #000000 !important; }
.container-menu {border-top: 1px solid#ffffff !important; border-bottom: 1px solid #ffffff !important;  }
.horizontal-nav ul li a {border-left: 1px dotted #ffffff !important; }

.horizontal-nav ul li:last-child a {border-right: 1px dotted #ffffff !important;}
.horizontal-nav li a {color: #ffffff !important; }
.horizontal-nav li a:hover {color: #ffffff !important; }
.horizontal-nav li a:hover {background: #e55137 !important; }

.container, .horizontal-nav ul {background: #322c2b; }

.feat .nav-pills > .active > a, .feat .nav-pills > .active > a:hover, .product .nav-pills > .active > a, .product .nav-pills > .active > a:hover, button.theme, .share a, .flex-control-paging li a.flex-active, .horizontal-nav li a:hover, .btn.theme, .btn-theme, .view-thumb .onsale, section.single .single_variation span.amount, .view-thumb button.info, .view a.info, input#add-to-cart, .filter .nav-pills > li > a {background:#ea4f3e}
header.prime, .sidebar .tags span, .comments article:hover {background: rgba(0,0,0,.1) }


footer, footer .container {
  background: #3a261b;
}




/* ============= */
/* Border colors */
/* ============= */


.blog article, .line, hr {border-top: 1px solid rgba(0,0,0,.2);}

.product .tab-content.sideline {border-left: 0px solid rgba(0,0,0,.2)}
.gmap  {margin-bottom: 30px; border-bottom: 1px solid rgba(0,0,0,.2)}
footer .doubleline {background: #FFF; }



/* ========== */
/* Core style */
/* ========== */



.horizontal-nav ul li a, .single .cross-wrapper header, footer .foot strong {text-transform: uppercase}
.share a {font-size: .85em}
strong, .single .cross-wrapper header {font-weight: 700}
.cross-wrapper header {text-align: center;margin: 25px 0;font-weight: 700}

a, a:hover {text-decoration: none;}
input, textarea, button {font-size: 1em !important}
form label, form .btn {font-size: 1em} form legend {font-size:1.2em}
.js .selectnav {display: none}

.ts-top-right {text-align: right} .tleft {text-align: left} .tcenter {text-align: center}
h6.subhead {margin-top: 40px; text-transform: uppercase;}
h6.subhead strong { padding: 0 10px}
.filter .subhead {cursor: pointer }
.filter .nav-pills > li > a {text-transform: uppercase; font-size: .9em}
.filter i {background: #4A4A4A;color: #FFF;padding: 10px;margin-right: 10px;}
hr {border-bottom: none; border-top: 1px solid rgba(0,0,0,.2)}

.accordion-inner {border-top: 1px solid rgba(0,0,0,.2) }
.page .tab-pane.active, .post .tab-pane.active {padding: 10px}
.gmap { width: 100%; max-width: 1140px; min-height: 300px; background: #ccc; text-align: center; }
.gmap img { vertical-align: top; max-width: 100%; }
.btn.theme {text-shadow:none}
img.alignleft {padding-right: 10px}
img.alignright {padding-left: 10px}
fieldset {width: 100%}
button.btn, a.btn {border:0; box-shadow: none; text-decoration: none}
.pagination ul>li>a, .pagination ul>li>span {border: 1px solid rgba(0,0,0,.2)}
.pagination ul>li>a:hover, .pagination ul>.active>a, .pagination ul>.active>span, .pagination ul>li>a, .pagination ul>li>span {background: none}
.nav-tabs>.active>a, .nav-tabs>.active>a:hover {background: none; border: 1px solid rgba(0,0,0,.2); border-bottom: 0}
.nav-tabs {border-bottom:1px solid rgba(0,0,0,.2)}
.nav>li>a:hover {background: none} .nav-tabs>li>a:hover {border: 1px solid transparent}
.view-thumb.hovere img {opacity: 0}
.view-thumb.hovere .mask {opacity: 1}
.customtext {text-align:right}
a.btn, button.btn, input.btn {border-radius: 0; border:0}
input {border:0}
select.hide {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
ul#collection-grid {}
#collection-grid li {list-style: none; float:left; text-align:center}
.product-grid-item {
  background: none repeat scroll 0 0 #ddd;
  margin-bottom: 20px;
  min-height: 385px;
  padding: 20px;
  text-align: center;
}
.product-grid-item .product-information a{
  display:block;
  text-transform: uppercase;
}
#collection-grid .product-grid-item .collection-image{
  margin-bottom:10px;
}
#collection-grid .product-grid-item .collection-image img{
  width:100%;
}
#collection-grid .product-grid-item .collection-image img:hover{
  opacity: 0.7;
  width: 98%;
}
#breadcrumb{
  margin-top:10px;
}
.sort-by-all{
  float: right;
  margin-right:20px;
}
.sort-by-tag{
  float: left;
}
.sort-by-tag label{
  text-align:left;
}
.sort-by-left{
  float: right;
  margin-bottom: 15px;
  margin-left: 18px;
  text-align: left;
}

/* *************/
/* Datto css */
/* *************/
.product article.search-item {
  background: #ddd none repeat scroll 0 0;
  padding: 15px;
}

.product article.search-item .view-thumb p {
  height: auto;
}

.product article.search-item .view-thumb {
  margin: 0;
}


.form-product > div {
  margin: 0 0 12px;
}

.form-product label {
  max-width: 170px;
  width: 100%;
}

#feat article.home-product {
  height: 475px!important;
  overflow: hidden;
}
#feat .view {
  height: 325px;
  overflow: hidden;
}

#feat .view img{
  height:auto;
  width:100%;
}

#feat .view-info {
  bottom: 0;
  margin: 0 auto;
  min-height: 120px;
  position: absolute;
  width: 100%;
}

.horizontal-nav ul li a.no-border{
  border: medium none !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #000 !important;
  float: left;
  font-weight: normal;
  padding: 10px;
  text-transform: none;
  width: 100%;
}
.horizontal-nav ul li a.no-border:hover{
  color:#fff!important;
}
.dropdown-menu .mega-img{
  float: right;
  padding: 30px 25px 30px 60px;
}
.dropdown-menu .mega-img img{
  width: 100%;
}

.container-drop{
  width:100%;
}
#category-mobile{
  display:none;
}



/* *************/
/* Structure */
/* *************/


.head.container {z-index: 9266}
.ts-header-top.container {background: #111; color:#999; font-size: 13px}
.ts-header-top a {
  color: black;
  display: inline-block;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.ts-header-top.container .nav li a{font-size: 15px; cursor:pointer;}
.ts-header-top a:hover{
  color: #e55137;
}
.ts-header-top .greet, .ts-header-top .cart {width: 46%;  position: relative}
.ts-header-top .greet {padding: 10px 0;}
.ts-header-top .greet i.icon-power-off {color: #FFF;margin-right: 10px;background: #303030;padding: 5px;}
.basket {
  min-width: 125px;
  width: 120px;
  padding: 10px;
  margin-top: 0px;
  border-top: none;
  float: right;
}
.basket i.icon-shopping-cart {margin-right:10px; font-size: 15px;}

.ts-header-top .dropdowncart {
  position: absolute;
  width: 230px;
  right: 10px;
  top: 40px;
  text-align: left;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  display: none;
}
.ts-header-top .dropdowncart hr {margin:10px 0; border-top:1px solid #333; border-bottom: 1px solid black}
.ts-header-top .dropdowncart a {}
.ts-header-top .dropdowncart a:hover{color: #ea4f3e;}
.standard header {text-align: center; padding:20px 0}
.call-to-action {margin-top: 20px}

.top {padding-top: 2px; padding-bottom: 2px}
.top .logo a {line-height:1em;  font-weight:normal} 
.top .logo.image img {max-width:250px}
.top .cart {text-align: right;}
.top .cart form {position: relative; margin-top:10px}
.top .cart form button {position: absolute; top:8px; right:5px; border:none; background: none}
.top .top-search { margin-right: 0px;margin-bottom: 0;margin-top: 5px;border-radius: 15px;width: 210px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease; }
.top .top-search:focus {width: 215px; padding-right: 18px;border-radius:0;}

.selectnav { display: block; width:92%; margin:0 auto 10px;border-radius:0;}
.selectnav option{
  display:block;
}
.nav {margin-bottom:0}
.nav-pills > li > a {border-radius: 0}
.filter .nav-pills > li > a:hover { background:#EA4F3E; color:#fff;}
.horizontal-nav ul { text-align: center; display: none }
.horizontal-nav ul li { float:left; list-style: none; border: none !important; border-left: 0; position: static !important}
.horizontal-nav ul li a { display: block; border-left: 1px dotted #ddd; padding: 10px 0}
.horizontal-nav ul li:last-child a {border-right: 1px dotted #ddd;}
.horizontal-nav ul ul{ 
  background: none repeat scroll 0 0 #efefef;
  border-bottom: 4px solid #000;
  border-radius: 0;
  display: none;
  position: absolute;
  text-align: left;
  top: 214px;
  z-index: 9999;
  border-top: medium none !important;
  box-shadow: none !important;
  left:0;
}
.horizontal-nav li li a { font-size: 12.5px}
.horizontal-nav ul ul li {width: 38%; border:none; font-size: .85em; }
.horizontal-nav ul ul li  a {}
.horizontal-nav ul ul li  a:last-child  { }
.horizontal-nav ul li:first-child a { }
.horizontal-nav li a:hover { -webkit-transition: background-color 1000ms linear; -moz-transition: background-color 1000ms linear; -o-transition: background-color 1000ms linear; -ms-transition: background-color 1000ms linear; transition: background-color 1000ms linear; }
.horizontal-nav li a:hover {color: #fff; background:#E55137}

/* *************/
/* Container Structures */
/* *************/

.home-wrapper {width: 980px;margin: 0 auto;border-left: 2px solid #eee;border-right: 2px solid #eee;background: #FFF}
.streched {width: 100%; margin: 0 auto; border-left: none !important;border-right: none !important; background: #FFF}
.header-container {background: #FFF; height: 100%; width: 100%;}
.header-container .logo{
  margin-left:0;
}
.container-menu {width: 100%;background: #F5F5F5;border-top: 1px solid #DDD;height: 50px;border-bottom: 1px solid #DDD;}
.homepagecontainer {background: #fff; padding: 0;}
.product-container {background: #fff; }
.container {background: none !important;}
.home-banner-container {margin: 30px auto;max-width: 1140px;}
.home-banner-section {padding: 20px;border: none;background: #FFF;}



/* *************/
/* Sonradan eklenen kodlar */
/* *************/


.banner-home, .feat {text-align: center}
.banner-home article {max-width: 360px; line-height: 0}
.banner-home img:hover {opacity: .5}
.banner-home img{
  width:100%;
}

.banner {position:relative}
.arrow {position:absolute; bottom:3%; font-size: 2em; padding-left:10px}
.arrow a {cursor: pointer; color:white}
.arrow a i {display: block}
.arrow .pull-left, .arrow .pull-right {width:25px}

.login form {padding:20px}
.login .form-horizontal .control-label {width:100px}
.login .form-horizontal .controls {margin-left: 120px}
address {margin-bottom: .5em}
address .clabel {width:5%; padding-right: 5%}
address .cdata {width:90%}

/* *************/
/* Featured section */
/* *************/

.feat .headline, .feat .tab-content {padding: 1px 0}
.feat article {position: relative;background: #FFF;width: 298px;margin-bottom: 10px;font-size: 1em;position:relative; font-size: 1em}

.product article ,.feat article.home-product p{
  padding:0 20px;
}
.product article ,.feat article.home-product a{

}
.feat .tab-content .wrap {margin-bottom:30px}
.feat #myTab {padding:20px 0; margin-top: -35px}
.feat #myTab button {text-transform: uppercase}
.feat .btn-group > .btn {font-size:11px !important; text-shadow: none; -webkit-font-smoothing: antialiased; border-radius: 0;}
.feat .line {margin-top:30px}
.feat .view {margin: 20px}
.feat .brands {padding:30px 0}
.feat .brand-container {padding: 20px;margin-bottom: 50px;background: #FFF;border: 1px solid #DDD;}
.feat .brand-container img {opacity: .5} .feat .brand-container img:hover {opacity: 1}
.feat .subhead {
  padding-top:1px;
}

/* *************/
/* Hover effect */
/* *************/

.view {
  overflow: hidden;
  position: relative; 
  text-align: center; 
  cursor: default;
  background: #fff; 
}
.view .mask,
.view .content { height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; }
.view img { display: block; position: relative; margin: 0 auto }
.view h2 { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 1em; line-height: 1em; padding:20px 0 0 0; background: rgba(0, 0, 0, 0.8); margin: 20px 0 0 0; }
.view p { font-family: Georgia, serif; font-style: italic; font-size: 12px; line-height: 1em; position: relative; color: black; padding: 20px 20px 10px; text-align: center; }
.view a.info { text-shadow: none; display: inline-block; text-decoration: none; font-size: .7em; color: #fff; text-transform: uppercase; -webkit-box-shadow: 0 0 1px #000; -moz-box-shadow: 0 0 1px #000; box-shadow: 0 0 1px #000; }
.view a.info: hover { -webkit-box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; }
.view-thumb img { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; }
.view-thumb .mask {
  min-width: 100%; 
  background-color: rgba(255, 231, 179, 0.3); 
  -webkit-transition: all 0.5s linear; 
  -moz-transition: all 0.5s linear; 
  -o-transition: all 0.5s linear; 
  -ms-transition: all 0.5s linear; 
  transition: all 0.5s linear; 
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
  filter: alpha(opacity=0); 
  opacity: 0;
  z-index: 9;
}
.view-thumb h2 { border-bottom: 1px solid rgba(0, 0, 0, 0.3); background: transparent; margin: 20px 20px 0px; padding-bottom: 10px; -webkit-transform: scale(); -moz-transform: scale(); -o-transform: scale(); -ms-transform: scale(); transform: scale(); color: #333; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
.view-thumb p {height: auto; overflow: hidden; line-height:18px;}  .view-thumb p { overflow: hidden} 
.view-thumb p { color: #333; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(); -moz-transform: scale(); -o-transform: scale(); -ms-transform: scale(); transform: scale(); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; }
.view-thumb a.info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(); -moz-transform: scale(); -o-transform: scale(); -ms-transform: scale(); transform: scale(); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; }
.view-thumb:hover img { -webkit-transform: scale(10); -moz-transform: scale(10); -o-transform: scale(10); -ms-transform: scale(10); transform: scale(10); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
.view-thumb:hover .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
.view-thumb:hover h2,
.view-thumb:hover p,
.view-thumb:hover a.info { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
.view-thumb .onsale, section.single .onsale { position: absolute; left: 0; top: 0; padding: 5px 15px; background:#ea4f3e; color: #ffffff; z-index: 111;}

.view-thumb button.info { text-shadow: none; display: inline-block; text-decoration: none; border: 0 none; font-size: 0.7em !important; color: #fff; text-transform: uppercase; -webkit-box-shadow: 0 0 1px #000; -moz-box-shadow: 0 0 1px #000; box-shadow: 0 0 1px #000; }
/*.view-thumb input.info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(); -moz-transform: scale(); -o-transform: scale(); -ms-transform: scale(); transform: scale(); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; }*/
.view-thumb:hover input.info { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }

/* ****************/
/* Header section */
/* ****************/

header.prime {text-align: left;background: #FFF;margin-bottom: 5px;}
/* ******************/
/* Products section */
/* ******************/

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

.product article {position: relative;background: #FFF;border: 1px solid #DDD;width: 298px;margin-bottom: 20px;font-size: 1em !important;position: relative; line-height:1em  !important;font-weight: normal  !important;}
.product article a:hover {text-decoration: none}
.product article h2, .home-product .view-info h2{font-size: 1em !important; line-height:1em  !important;font-weight: normal  !important;}
.product .tab-content {padding:50px 0 30px}
.product .tab-content.sideline {margin: 0 0 30px; padding:0}
.product .tab-content.collec-w-all{
  /*padding: 1px; rekha*/
  display: block;
}
.product .tab-content.sideline article {float:left}
.product .tab-content .collec-w-side {
  background: none repeat scroll 0 0 #ddd;
  border: medium none;
  min-height: 380px;
  padding: 0;
  position: relative;
  display: table-cell;
}
.product .tab-content .collec-w-side p{
  padding: 0 15px;
}
.product .tab-content .wrap {margin-bottom:30px}
.product .overlay {padding-top:15px}
.product .query {display: none}
.product .query li {float: none; display: inline-block; zoom:1}
.product #myTab {padding-bottom: 20px}
.product .view {margin: 20px}
.product .view-thumb {
  background: none repeat scroll 0 0 #ddd;
  height: 222px;
  overflow: hidden;
  z-index: 99;
}
.product .price-bottom{
  display: block;
}
.product .price-bottom p{
  display: inline-block;
  margin: 0;
  padding: 0 !important;
}
.product .sidebar {padding-left: 20px}
.product .sidebar li {padding:5px 0}
.product .sidebar li:hover {padding-left: 5px}
.product .sidebar li li {padding-left: 10px; font-size: .9em}
.product .sidebar, .product .sidebar article {text-align: left}
.product .sidebar section {margin-bottom: 30px}
.product .sidebar section article {margin-bottom: 10px}
.product .sidebar .thumb {width:30%; float: left; padding-right: 5%}
.product .sidebar .info {width: 65%; float:left; font-size: .9em; padding-top: 5px}
.navigation {padding: 10px; border-top: 1px solid rgba(0,0,0,.2); border-bottom: 1px solid rgba(0,0,0,.2); margin-bottom: 30px}
.navigation .center {text-align: center; width: 80%; line-height: 2em}
.navigation .side {}
.cartsection {margin-top: 20px}
.cartsection .item-quantity {
  width: 50px;
}
.cartsection .addtocart {
  text-transform: uppercase;
  width: 120px;
}
#cartform .quantity{
  width:50px;
}
.cartsection .addtocart:hover {
  background:#e55137;
}
.product_meta span {text-transform: uppercase; letter-spacing: 1px; opacity: .8}
.cross-product .related-product {
  background: #FFF;
  position: relative;
  padding: 0 10px;
  font-size: 1em;
  min-height:265px;
}
.cross-product .related-product .view {
  min-height: 220px;
}
.accordion-group { -webkit-border-radius: 0px !important;-moz-border-radius: 0px!important; border-radius: 0px!important;}
.accordion-heading {background:#fff;}
.collapse {background: #FFF;}



/* ************************/
/* Single product section */
/* ************************/

.single {padding-bottom:50px}
.single .wrap {position: relative;}
.single .wrapper {padding: 10px 20px;}
.single .wrapper h4{ margin: 10px 0;}
.single .screen a {display: none}
.single .cross-wrapper  {text-align: center}
.single .cross-wrapper header {padding:10px 0 25px}
.single .flex-control-nav {bottom:-20px !important}
.single #flexcarousel-product {margin-top: 10px}
.single #flexcarousel-product li {width :  121px !important ;padding: 2px; cursor: pointer}
.single form {margin-bottom: 0}
.single .price {padding:10px 0}
.single .decider {font-size: 1.6em; text-align: right;}
.single .decider a {display: inline-block}
.single .view {margin: 10px auto}
.single .qty {position: relative; }

.single .qty input {text-align: center}
.single .qty .total {position: absolute; right:0; top:-5px}


.single .qty .total a {display: block;}
.single .onsale {position: absolute; left: 20px; padding: 5px 30px; z-index: 111; background:#ea4f3e; color: #ffffff; }
.single .selector-wrapper { margin-bottom: 10px;}
.single .selector-wrapper label { display: block;}
.single .variants-wrapper.clearfix.visuallyhidden {display: none;}

/* ************************/
/* Page section */
/* ************************/

.page {padding-bottom: 30px}
.page .contactaddress, .page .contactform {margin-top: 20px}
.page .contactform textarea {width:95%}


/* ************************/
/* Blog section */
/* ************************/

.blog header i {padding-left:10px}
.blog article:first-child {padding-top:0}
.blog article {padding: 30px 0}
.blog article h4 {margin-top:0}
.blog article:first-child, .blog .list article:first-child {border:0}
.blog article a h4 {font-size: 16px; text-transform: uppercase} 
.blog small.date, .blog small.comments {font-style: italic}
.blog small.date { padding:5px 5px 5px 0}
.blog small.comments {padding:5px; }
.blog .post article {padding-top:20px}
.blog .post article:first-child {padding-top: 0}
.share {text-align: left;}
.share a {padding:5px}


/* ************************/
/* Comment section */
/* ************************/

.comments article {border:none; padding:10px}
.blog .post article.text {padding:5px}
.blog .post article.text .meta {opacity: .7}

/* ************************/
/* Cart section */
/* ************************/

.cart .wrap-table {margin: 20px}
.cart table .cart-img { padding: 5px 0; margin-right:3%}
.cart table .item {padding-top: 10px}
.cart table .item a {display: inline-block;}
.cart table tbody td {padding-top:40px;}
.cart table tbody td:first-child {padding-top:0px;}
.cart-pay .cart-checkout {text-align: right}

/* ************************/
/* Footer section */
/* ************************/

footer {padding: 30px 0;background: #000;}
footer .foot strong {padding-bottom: 10px; display: block}
footer .foot ul, footer .social ul {margin: 0; padding: 0}
footer .foot ul li {list-style: none}
footer .social ul li {list-style: none; float:left; padding-left:10px}
footer .social li a {display: inline-block;}
footer .social .pull-left, footer .social .pull-right {width:50%} footer .social .pull-right ul {float: right}
footer input, footer .add-on {border-radius: 0 !important}
footer .doubleline {padding: 20px 0 10px; margin: 30px 0}
footer .currency {text-align: right} footer .currency a {padding-left: 5px}
footer form.currency {margin-bottom: 0}
.contact-form .btn {background: #333;text-shadow: none;color: #FFF;}
.contact-form .btn:hover {background: #EA4F3E; text-shadow: none;color: #FFF;}
.contact-form .btn i{text-shadow: none;color: #FFF;}
/* footer form.currency select {background: transparent; line-height: 1em; border-radius: 0; -webkit-appearance: none; border: 0; background: rgba(0,0,0,.1); margin-left: 5px; cursor: pointer} */


/* ************************/
/* Footer top section */
/* ************************/

.container-about  {min-height: 80px; background: #FFF; border-top:3px solid #ddd; text-align: left; padding: 30px 0}
.container-about .footer-top {}
.container-about .footer-top strong {color: #818181; padding-bottom: 10px;display: block; text-transform:uppercase}
.container-about .footer-top .about-link {padding-top: 10px;display: block;}
.container-about .footer-top i {margin-right: 10px;}
.foot-border {height: 2px;width: 80px;background: #ddd;display: table;margin: 9px 0 19px;}
.product .description.content {margin-bottom: 5px;display:inline-block;}
.product .description.content img { width: 35%;}
.product .description.content p {padding: 0 0px;}

.carousel {margin-bottom: 0}
.carousel-control {top:90%; border: none; background: none}
.carousel-control.right {left: 60px}

/* ************************/
/* Fancybox */
/* ************************/

.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-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { z-index: 8030 }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { position: relative }
.fancybox-inner { overflow: hidden }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('https://cdn.shopify.com/s/files/1/0323/5573/t/22/assets/fancybox_sprite.png') }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url('https://cdn.shopify.com/s/files/1/0323/5573/t/22/assets/fancybox_loading.gif') center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0 }
.fancybox-next { right: 0 }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible }
.fancybox-tmp { position: absolute; top: -9999px; left: -9999px; visibility: hidden; }

/* Overlay helper */
.fancybox-lock { overflow: hidden }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('https://cdn.shopify.com/s/files/1/0323/5573/t/22/assets/fancybox_overlay.png'); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }

/* Title helper */
.fancybox-title { visibility: hidden; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }

/* ************************/
/* Flexslider styling */
/* ************************/

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0 auto;position: relative;zoom: 1;max-width: 1140px;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; position: relative}
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider { position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav a {
  width: 30px; 
  height: 30px; 
  margin: -20px 0 0; 
  display: block; 
  background: url(//https://cdn.shopify.com/s/files/1/0323/5573/t/22/assets/bg_direction_nav.png?v=5552850158131697367) no-repeat 0 0;
  position: absolute; 
  top: 50%; 
  cursor: pointer; 
  text-indent: -9999px; 
  opacity: 0; -webkit-transition: all .3s ease;
}
.flex-direction-nav .flex-next {background-position: 100% 0; right: 0px; }
.flex-direction-nav .flex-prev {left: 0px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
.flex-caption {width: 400px; padding: 2%; position: absolute; right: 5%; top: 25%; background: rgba(0, 0, 0, 0.9); color: #F2CA80; text-align: left; text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px; font-size: 18px; line-height: 22px;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 10px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 8px; height: 8px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .active {opacity: 1; cursor: default;}

/* ************************/
/* Bubble Cart */
/* ************************/

.arrow-box {
  background: none repeat scroll 0 0 #efefef;
  border: 1px solid #333;
  color: #454545;
  font-size: 0.85em;
  padding: 10px;
  position: relative;
  text-transform: uppercase;
  width: 100%;
}
.arrow-box:after, .arrow-box:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrow-box:after { border-color: rgba(17, 17, 17, 0); border-bottom-color: #111; border-width: 10px; left: 50%; margin-left: -10px; }
.arrow-box:before { border-color: rgba(85, 85, 85, 0); border-bottom-color: #555555; border-width: 11px; left: 50%; margin-left: -11px;}

/* ************************/
/* Payment method */
/* ************************/

.payments { background: url(payment.png) no-repeat; float: left; padding-right: 5px; opacity: 1}
.payments:hover {opacity: 1}
.2checkout { width: 38px; height: 24px; background-position: -49px -140px; }
.amex { width: 38px; height: 24px; background-position: -0px -140px; }
.cirrus { width: 38px; height: 24px; background-position: -147px -105px; }
.delta { width: 38px; height: 24px; background-position: -147px -70px; }
.direct-debit { width: 38px; height: 24px; background-position: -147px -35px; }
.discover { width: 38px; height: 24px; background-position: -148px -0px; }
.ebay { width: 38px; height: 24px; background-position: -98px -105px; }
.google { width: 38px; height: 24px; background-position: -49px -105px; }
.maestro { width: 39px; height: 24px; background-position: -0px -0px; }
.mastercard { width: 38px; height: 24px; background-position: -0px -105px; }
.moneybookers { width: 38px; height: 24px; background-position: -98px -70px; }
.paypal { width: 38px; height: 24px; background-position: -49px -70px; }
.sagepay { width: 38px; height: 24px; background-position: -0px -70px; }
.solo { width: 38px; height: 24px; background-position: -98px -35px; }
.switch { width: 38px; height: 24px; background-position: -49px -35px; }
.visa-electron { width: 38px; height: 24px; background-position: -0px -35px; }
.visa { width: 38px; height: 24px; background-position: -99px -0px; }
.western-union { width: 38px; height: 24px; background-position: -50px -0px; }

/* ************************/
/* Custom CSS */
/* ************************/

.view {
min-height: initial !important;
}



/* ************************/
/* Blog styles */
/* ************************/

#blog-slider,
.article-wrapp {
  margin-top: 40px;
}

#article-slider {
  position: relative;
}

#article-slider.owl-theme .owl-controls {
  bottom: 10px;
  margin-top: 0;
  position: absolute;
  right: 20px;
}

#article-slider.owl-theme .owl-controls .owl-page span {
  background: #fff none repeat scroll 0 0;
  border-radius: 0;
  display: block;
  height: 12px;
  margin: 5px 7px;
  opacity: 1;
  width: 12px;
}

#article-slider.owl-theme .owl-controls .owl-page.active span {
  background: #e94c3d none repeat scroll 0 0;
}

#article-slider .item .item-image-feature {
  position: relative;
}

#article-slider .item .item-image-feature img {
  width: 100%;
}

.mask {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

#article-slider .caption-heading-article {
  position: absolute;
  top: 40px;
  left: 40px;
}

#article-slider .caption-heading-article a {
  color: #fff;
  font-family: "Abril Fatface",cursive;
  font-size: 32px;
  font-style: italic;
  letter-spacing: 1px;
  line-height: 36px;
  text-transform: uppercase;
  padding-right: 30px;
  display: block;
  margin-bottom: 20px;
}

#article-slider .caption-heading-article a:hover,
.box-article-wrapp .box-item .box-caption-heading:hover {
  text-decoration: underline;
}

.box-article-wrapp .box-item {
  margin-bottom: 5.5px;
  position: relative;
}

.box-article-wrapp .box-item a {
  display: block;
  position: relative;
}

.box-article-wrapp .box-item .box-caption-heading {
  bottom: 10px;
  color: #fff;
  font-family: "Abril Fatface",cursive;
  font-size: 16px;
  font-style: italic;
  left: 10px;
  letter-spacing: 1px;
  line-height: 18px;
  position: absolute;
  text-transform: uppercase;
}

#article-slider .date-caption {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 30px;
  margin-top: 20px;
}

.line_red {
  border-top: 3px solid #e94c3d;
  width: 100px;
}

.line_black {
  border-top: 3px solid #402e24;
  width: 100px;
}


.blog-title .prime {
  display: inline-block;
  margin: 50px 0 !important;
  text-align: center;
}

.blog-title .prime .line_black {
  display: inline-block;
}

.blog-title .prime h3 {
  color: #000;
  display: inline-block;
  font-family: "Abril Fatface",cursive;
  font-size: 36px;
  letter-spacing: 1px;
  line-height: 36px;
  margin: 0;
  text-transform: uppercase;
  padding: 0 10px;
}

.blog article.article-list {
  border: medium none !important;
  float: left;
  margin: 0 4% 50px 0 !important;
  padding: 0 !important;
  width: 46% !important;
}

.blog article.article-list.first {
  clear: both;
}

.blog article .article-image {
  height: 230px;
  margin-bottom: 20px;
  overflow: hidden;
  text-align: center;
}

.blog article .article-image img {
  height: auto;
  width: 100%;
}

.article-content a {
  color: #000;
  display: block;
  font-family: "Abril Fatface",cursive;
  font-size: 16px;
  font-style: italic;
  letter-spacing: 1px;
  line-height: 16px;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.article-content a:hover {
  text-decoration: underline;
}

.article-content .date {
  color: #000;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 18px;
  margin: 15px 0;
}

.article-content .content {
  color: #555;
  font-size: 14px;
  line-height: 20px;
}

.article-content .readmore {
  color: #000;
  display: block;
  font-family: "Abril Fatface",cursive;
  font-size: 14px;
  letter-spacing: 2px;
  margin: 15px 0;
  text-decoration: underline;
  text-transform: none;
}

.article-content .readmore:hover {
  color: #e94c3d;
}

.blog-search {
  background: #ddd none repeat scroll 0 0;
  padding: 12px!important;
}

.blog-search form {
  margin: 0;
}

.blog-search form input {   
  background: #fff none repeat scroll 0 0;
  border: 3px solid #959595;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  box-shadow: none !important;
  box-sizing: border-box;
  color: #555;
  display: block !important;
  font-size: 14px;
  font-weight: 600;
  height: 40px;
  letter-spacing: 1px;
  margin: 0;
  outline: medium none;
  padding: 10px;
  text-transform: uppercase !important;
  width: 100%;
}

.article-wrapp article {
  border: none;
}

.article-wrapp .article-title h3 {
  color: #000;
  display: block;
  font-family: "Abril Fatface",cursive;
  font-size: 32px;
  font-style: italic;
  letter-spacing: 1px;
  line-height: 36px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.article-wrapp .article-title .date {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 30px;
  margin-top: 20px;
  margin-bottom: 0;
}

/* ************************/
/* Sidebar section */
/* ************************/

.sidebar aside {margin-bottom:30px;}
.sidebar aside .title {text-transform: uppercase; font-weight: 700}
.sidebar ul {margin:0}
.sidebar ul {list-style: none}
.sidebar .tags span {
  color: #333;
  float: left;
  font-size: 12px;
  letter-spacing: 1px;
  margin: 0 10px 10px 0;
  padding: 5px 8px;
  background: #ddd none repeat scroll 0 0;
}

.sidebar-menu ul {
  padding-top: 25px;
}

.sidebar-menu ul li {
  font-size: 14px;
  line-height: 24px;
}

.sidebar-menu ul li a {
  color: #333;
}

.sidebar-menu ul li a:hover {
  color: #ea4f3e;
}

.latest-art {
  background: #ddd none repeat scroll 0 0;
  margin-bottom: 20px;
  padding: 20px;
}

.sidebar h3.sidebar-title {
  border-color: #d9d9d9 #d9d9d9 #000;
  border-style: solid;
  border-width: 1px 1px 2px;
  font-family: "Abril Fatface",cursive;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 18px;
  margin: 0;
  padding: 15px 20px;
  text-transform: uppercase;
}

.latest-art li {
  border-bottom: 1px solid #efefef;
  list-style: outside none none;
  margin-bottom: 20px !important;
  padding-bottom: 20px !important;
}

.latest-art li:last-child {
  margin: 0!important;
  padding: 0!important;
  border-bottom: 0px solid #e84e89!important;
}

.latest-art .article-image-thumb {
  display: inline-block;
  height: 65px;
  overflow: hidden;
  vertical-align: top;
  width: 65px;
}

.latest-art .article-image-thumb img {
  min-height: 100%;
  min-width: 164%;
}

.latest-art .article-body-thumb {
  display: inline-block;
  margin-left: 10px;
  vertical-align: top;
  width: 75%;
}

.latest-art .article-body-thumb h2 {
  color: #555;
  font-family: raleway;
  font-size: 14px;
  font-weight: 100;
  letter-spacing: 0;
  line-height: 18px;
  margin: 0 0 10px;
}

.latest-art .article-body-thumb h2 a {
  color: #000;
  font-family: "Abril Fatface",cursive;
  font-size: 14px;
  font-style: italic;
  letter-spacing: 1px;
  line-height: 16px;
  text-transform: uppercase;
}

.latest-art .article-body-thumb h2 a:hover {
  text-decoration: underline;
}

.latest-art .article-body-thumb h4 {
  color: #000;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 18px;
  margin: 0;
}

.sidebar .tag-wrapp {
  display: inline-block;
  margin-top: 20px;
  width: 100%;
}

.sidebar .text-widget-area {
  margin-top: 20px;
}

.sidebar .text-widget-area a {
  color: #333;
  display: block;
  line-height: 24px;
  margin-bottom: 15px;
}

.sidebar .text-widget-area a:hover {
  color: #ea4f3e;
}






/* ************************/
/* Responsive styles */
/* ************************/




@media only screen and (min-width: 980px) and (max-width: 1160px) {

  .product article.search-item .view-thumb h2 {
    border: none;
  }

  .product article.search-item .view-thumb p {
    display: none
  }


  #product-content .tablet-prod > tbody > tr > td {
    width: 100%;
    display: block;
  }

  .latest-art .article-body-thumb {
    width: 67%;
  }

  .latest-art .article-body-thumb h2,
  .latest-art .article-body-thumb h2 a {
    font-size: 12px;
    line-height: 14px;
  }

  .latest-art .article-body-thumb h4 {
    font-size: 11px;
  }

  .blog article .article-image {
    height: 180px;
  }

  .container, .navbar-static-top .container,
  .navbar-fixed-top .container, 
  .navbar-fixed-bottom .container,.home-banner-container{
    width: 900px;
  }

  .product-grid-item{
    min-height:305px;
  }
  .collec-w-side .view-thumb h2{
    margin-top:0;
  }
  .collec-w-side .view-thumb p{
    line-height: 15px;
    margin-bottom: 2px;
    height:30px;
  }
  .product .tab-content .collec-w-side {
    min-height: 320px;
  }
  .product .tab-content .collec-w-side .view-info a {
    font-size: 12px;
    line-height: 14px;
  }
  .cross-product .related-product{
    min-height:210px;
  }

  .product .view-thumb {
    height: 165px;
  }

  .horizontal-nav ul ul li {
    width: 48%;
  }

  #feat article.home-product {
    height: 395px!important;
  }
  #feat .view {
    height: 245px;
  }


}

@media (max-width: 979px) and (min-width: 768px) { 

  .product article.search-item .view-thumb h2 {
    border: none;
  }

  .product article.search-item .view-thumb p {
    display: none
  }

  .product .tab-content .collec-w-side .view-info a {
    font-size: 12px;
    line-height: 14px;
  }

  #product-content .tablet-prod > tbody > tr > td {
    width: 100%;
    display: block;
  }


  .form-product label {
    max-width: 140px;
  }

  .article-wrapp article iframe {
    width: 100%;
  }

  .article-wrapp .article-title h3 {
    font-size: 26px;
    line-height: 28px;
  }

  .sidebar .tags span {
    letter-spacing: 0;
  }

  .latest-art .article-body-thumb {
    width: 63%;
  }

  .latest-art .article-image-thumb {
    height: 55px;
    width: 55px;
  }

  .latest-art .article-body-thumb h2,
  .latest-art .article-body-thumb h2 a {
    font-size: 11px;
    line-height: 12px;
  }

  .latest-art .article-body-thumb h4 {
    font-size: 11px;
  }

  .blog article .article-image {
    height: 145px;
  }

  .product article, .feat article {
    width: 226px; 
  } 

  .horizontal-nav ul li a{
    font-size:11px;
  }
  .horizontal-nav ul li a.no-border {
    font-size: 10.5px;
    padding: 5px 4px;
  }
  .product-grid-item{
    min-height:260px;
  }

  .view-thumb h2{
    margin-top:0;
  }
  .product .tab-content .collec-w-side p {
    line-height: 18px;
  }
  .product .tab-content .collec-w-side {
    min-height: 280px;
  }
  .product .tab-content .collec-w-side .view-thumb p{
    display:none;
  }
  .cross-product .related-product{
    min-height:167px;
  }
  .input-medium {
    width: 105px;
  }
  .product .view-thumb {
    height: 125px;
  }
  .horizontal-nav ul ul li {
    width: 50%;
  }

  #feat article.home-product {
    height: 340px!important;
  }
  #feat .view {
    height: 188px;
  }


}

@media (max-width: 767px) { 

  .product article.search-item .view-thumb h2 {
    border: none;
  }

  .product article.search-item .view-thumb p {
    display: none
  }

  .product article.search-item {
    background: #ddd none repeat scroll 0 0;
    display: inline-block;
    float: left;
    height: auto !important;
    margin: 2.5% !important;
    min-height: 100%;
    padding: 15px;
    width: 45%;
  }

  .product article.search-item .view-thumb {
    background: #ddd none repeat scroll 0 0;
    height: auto;
  }

  .product article.search-item .view-thumb img {
    width: 100%;
  }

  #product-content .tablet-prod > tbody > tr > td {
    width: 100%;
    display: block;
  }


  #orankl-reviews-tab,
  .share-buttons.share-buttons-tab {
    display: none!important;
  }

  .article-wrapp article iframe {
    width: 100%;
  }

  .blog article.article-list {
    margin: 0 0 50px !important;
    width: 100% !important;
  }

  .blog article .article-image {
    height: auto;
  }

  .sidebar aside {
    padding: 0 !important;
  }

  .blog .list {
    display: inline-block;
    width: 100%;
  }

  .sidebar {
    display: inline-block;
    width: 100%;
  }

  .box-article-wrapp {
    margin-top: 7px;
  }

  .box-article-wrapp .box-item img {
    width: 100%;
  }

  .blog-title .prime h3 {
    font-size: 28px;
  }

  #article-slider .caption-heading-article a,
  .box-article-wrapp .box-item .box-caption-heading {
    font-size: 28px;
    line-height: 32px;
  }

  .article-wrapp .article-title h3 {
    font-size: 28px;
    line-height: 32px;
  }

  .js .selectnav { display: block; font-size:0.9em;}
  .horizontal-nav ul.nav{display: none !important;}
  .top div[class*='span'] {text-align: center !important; width:100% !important}
  .top .cart .wrap {padding:15px 0}
  .top .cart form button {top:2px; right:30px}
  .top .top-search, .top .top-search:focus {width: 90%; margin: 0 auto; border-radius: 0; -webkit-appearance: none;}
  .top form {margin-bottom: 0px; margin-top:20px; text-align: center}
  .banner-home article {margin:15px auto !important}
  .feat .view, .product .view, .single .view {margin:10px auto}
  .product .sidebar .info {width: 100%}
  .product .tab-content.sideline article {
    display: inline-block;
    height: auto !important;
    margin: 0 10px !important;
    width: 45%;
  }
  .home-banner-container {padding:10px}
  #flexslider-product {margin-bottom: 5px}
  .sidebar aside {padding:0 20px;}
  .cart-pay, .cart-pay .cart-checkout {text-align: center !important}
  footer {margin: 0 -20px;}
  footer .foot article {margin-bottom: 15px}
  footer .foot div[class*="span"] {margin-bottom: 20px}
  footer .container{
    padding:0 20px;
  }
  footer .customtext{
    display:none !important;
  }
  address .clabel{
    padding-right:0;
  }
  .wf-active .logo{
    margin-bottom:10px;
  }
  .sort-by-all {
    float: none;
  }
  .sort-by-left {
    display: table;
    float: none;
    margin: 0 auto;
  }
  .sort-by-tag {
    display: table;
    float: none;
    margin: 0 auto;
  }

  .container-menu{
    background:none!important;
    display:none;
  }
  #addtocart {}
  .product article ,.feat article {
    width: 100% ; 
  }

  .product-container {
    background: none repeat scroll 0 0 #fff;
  }
  .product-grid-item{
    margin: 0 auto 20px;
    min-height: 305px;
    width: 45%;
  }
  #collection-grid .product-grid-item .collection-image img{
    width:auto;
  }
  .product .tab-content .collec-w-side{
    background:#fff;
  }
  .product .view-thumb {
    background:#fff;
  }
  #category-mobile{
    display:block;
    margin: 0 auto;
    width: 93%;
  }
  #category-mobile .menu-drop{
    width:100%;
    border-radius: 0;
  }
  .product .description.content img { width: 50%;}

  #feat article.home-product {
    display: inline-block;
  /*  height: auto !important;
    margin: 0 10px !important;*/
    width: 45%;
  }

  #feat .view {
    height: auto;
  }
  #feat .view-info {
    position: relative;
  }

}

@media (max-width: 480px) {

  .product article.search-item .view-thumb p {
    display: block;
  }

  .product article.search-item {
    margin: 0 0 20px !important;
    min-height: 100%;
    padding: 15px;
    width: 100%;
  }


  .latest-art .article-body-thumb h2,
  .latest-art .article-body-thumb h2 a {
    font-size: 11px;
    line-height: 12px;
  }

  .latest-art .article-body-thumb h4 {
    font-size: 10px;
  }

  .line_black {
    width: 65px;
  }

  .latest-art .article-body-thumb {
    width: 65%;
  }

  #article-slider .caption-heading-article a, .box-article-wrapp .box-item .box-caption-heading {
    font-size: 18px;
    line-height: 20px;
    padding-right: 10px;
  }



  #article-slider .caption-heading-article {
    left: 10px;
    top: 10px;
  }

  #feat article.home-product {
    width: 70%;
  }

  .product .tab-content.sideline article {
    width:100%;
    margin: 0 !important;
  }
  #collection-grid li {width: 100%;margin-left: 0px;}
  .top .logo a {padding-left: 0}
  .top .top-search, .top .top-search:focus {width: 85%}
  .call-to-action, .call-to-action .cta {text-align: center; float:none !important}
  .single {padding: 10px 0}
  .single .cross-wrapper .span3 {padding: 10px 0}
  .single .decider, .single .decidernote {text-align: center}
  footer .currency {text-align: left}
  .login .form-horizontal .controls {margin-left: 0px}
  #nav { display: none !important}

  .flex-caption {display: none}
  footer form.currency  {margin-top: 15px}
  .page .contactform {border: none}
  .customtext {text-align:center}
  .product-grid-item{
    width:auto;
  }
  #collection-grid .product-grid-item .collection-image img{
    width:100%;
  }
  #category-mobile{
    margin: 0 auto;
    width: 90%;
  }
  .product .description.content img { width: 100%;}
}


/* new styles**/
.headicons i{font-size: 1.9em;
vertical-align: middle;
margin-right: 10px;}
.mobile-only{display:none;}
.desktop-only{display:block;}
@media only screen and (max-width: 768px) { 
  #flexcarousel{display:none;} 
  .mobile-only{display:block;}
.desktop-only{display:none;}
  body {
    padding-left: 0px;
    padding-right: 0px;
}
}
ul.text-links li.mobile-menu {
    display: inline-block;
}
.util li a {
    display: inline-block;
    padding: 4px 6px;color: #505050;
text-decoration: none;cursor:pointer;
}
.util li {
    margin-right: 4px;
    padding-right: 6px;
    border-right: 1px solid #cacaca;
}
.icon-menu::before {
    content: "\f0c9";
}
.util ul, .util a, .util li, .util .left-wrapper, .util .right-wrapper {
    display: inline-block;
    vertical-align: middle;
}
.util .left-wrapper, .util .right-wrapper {
    margin: 6px 8px;
}
.util .left-wrapper {
    float: left;
}
.util .right-wrapper {
    margin-left: 0px !important;
    margin-right: 10px !important;
}
.util .right-wrapper {
    float: right;
}
.util a#CartButton {
    padding: 2px 12px;
    border: 2px solid #505050;
}
.util span.icon {
    font-size: 1.25em;
    margin-right: 2px;
}
.icon-cart::before {
    content: "\f07a";
}
span.icon-fallback-text span.icon, button.icon-fallback-text span.icon, span.icon-text span.icon, button.icon-text span.icon {
    position: relative;
    top: 2px;
    display: inline-block;
}
.util .wrapper {
    padding: 0;
    max-width: 100%;
}
.util {
    width: 100%;
    *zoom: 1;
    background: #e9e9e9;
    color: #505050;
}
.util ul{margin: 0;
padding: 0;}
.util .basket {
    min-width: auto;
    width: auto;
    padding: 0;
    border-top: none;
    float: none;
}
.util .dropdowncart {
    position: absolute;
    width: 91%;
    left: 1px;
    top: 40px;
    text-align: left;
    margin: 0 auto;
    float: left;
}
.util .arrow-box::after, .util .arrow-box::before{content: none;}
.util .arrow-box{width: 95%;}
.ts-header-top .util a{margin-bottom:0;}
#menu.panel, #page, .mobile-menu-overlay, .util, .promo-bar {
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.16, 0.68, 0.43, 0.99);
    -moz-transition: -moz-transform 0.4s cubic-bezier(0.16, 0.68, 0.43, 0.99);
    -o-transition: -o-transform 0.4s cubic-bezier(0.16, 0.68, 0.43, 0.99);
    transition: transform 0.4s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}
#menu.panel {
    position: fixed;
    z-index: 1100;
    left: -240px;
    width: 240px;
    padding: 0;
    font-size: 0.875em;
    background: #e9e9e9;
    color: #505050;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    height: 100%;
    top: 0px;
    bottom: 0px;
}
.util .headicons i {
    font-size: 18px;
    vertical-align: middle;
    margin-right: 0;
}
.container{padding:5px;}
footer {
    margin: 0;
}h4 label {
    font-size: 0.9em;
    font-weight: bold;
}