/* ==================================================================
CUSTOM MEDIA BREAK POINTS
================================================================== */
.slider li {width:878px;}

/* Below 1200 to 1024 */
@media (max-width: 1199px) {
  /* Common widths */
  .container {width:970px;}
.sliderbanner-right li {margin-top:0;}

/* Home Page - 1024 */
.homeAddBanners {margin-top:auto;}
/* .row > .banner {margin-bottom:20px;} */
.sliderbanner-right ul, .sliderbanner-right li {margin-top:0;}
.topnav .languages {margin-right: 10px; width: 48%;}
.topnav .currencies{width: 30%;}

.slider li {width:968px;}



.thumbs .active:after {top:15%;}



/* Brand Carousel - 1024 */
.brands .slider li {width:100%; max-width:227px;}

/* Product List View - 1024 */
.products .product.list .image-wrap .description {display:block;}
.products .product.list .image-wrap img {max-width:150px;}
.products .product.list .image-wrap .description > h2 {font-size:16px;}

.images #prevmain, .images #nextmain {display:block; position:absolute; z-index:9; top:50%; margin-top:-16px; width:32px; height:30px; cursor:pointer;}
.images #prevmain i:after, .images #nextmain i:after {font-family:FontAwesome; font-size:16px; display:block; text-align:center;}
.images #prevmain i:after {content:"\f104";}
.images #nextmain i:after {content:"\f105";}
.images #prevmain {left:0; border-radius:0 50% 50% 0;}
.images #nextmain {right:0; border-radius:50% 0 0 50%;}
.col-sm-1.col-md-1.product-thumbs {display:none;}

/* Footer */
.social-media .social-icon {margin-left:5px;}

/* bundle product */
.bundledMain { padding-right:35px; }
.bundledMain .image-wrap, .bundledCarousel  { height: 213px; }
.bundledMain { background-position: 107% center;}
.bundledCarousel { padding-top:10px; padding-bottom:10px; }
.bundledWrap .bundled .info { line-height: 1.2; }


}

/* Below 1024 to 768 */
@media (max-width: 1023px) {
  .vertical.logo {max-width:200px;}
  /* Common widths */
  .container {width:730px;}

header #formSearch {max-width:175px;}
nav.desktop .item .itemLink {padding:0 8px; font-size:12px;}
header #formSearch {max-width: 160px;}

/* Header Preset - 1 */
.Preset_1 .rightlinks a {margin:8px;}
.Preset_1 .rightlinks a span {display:none;}

.topnav .glyphicon {opacity:0; width:0; overflow:hidden; text-indent:-200px;}
#tabs ul li, .relatedproduct > h3 {padding:15px;}

.lan-de .left.leftlinks {margin:33px auto 10px;} 
.lan-de .right.headersearch {margin: 10px auto;}

.slider li {width:728px;}

.thumbs .active:after {right:-9px; top:0;}


/* Brand Carousel - 768 */
.brands .slider li {width:100%; max-width:229px;}

/* Footer - 768 */
.social-media > span {display:none;}
footer .newsletter .title {margin-right:5px; font-size:15px;}
footer .newsletter form .btn {padding:0 8px; margin-left:0;}
.contact.phone {float:left; margin-right:10px;}
.contact.phone:before {line-height:23px;}
.contact.email > a:before {line-height:20px;}
.paymentmethod, .paymentmethod > strong {margin-bottom:10px;}
.paymentmethod, .paymentmethod > strong, .paymentmethod a:first-child {margin-left:0;}




/* GUI Styling - 1023 */
.gui-col2-right .gui-col2-right-col1 {width:67%;}
.gui-col2-right .gui-col2-right-col2 {width:30%;}
.gui-blog-article-more {clear:both; padding-top:20px; text-align:right;}
.gui-blog-comment .gui-col2-equal .gui-col2-equal-col2 {width:auto;}

.gui-div-sitemap-sitemap .gui-list {float:left; width:100%; margin-left:0;}
.gui-div-sitemap-sitemap .gui-spacer  {display:block; overflow:hidden; width:100%; float:left;}

.gui-item.gui-big .gui-desc, .gui-item.gui-big .gui-price {width:50%;}

.col-xs-12.col-sm-6.col-md-3.accountlinks { clear: both;}


/* bundle product */
.bundlecart .info a.btn { font-size:11px;}
.bundledCarousel { padding-left:25px; padding-right:25px;}
.bundledCarousel .owl-buttons .owl-prev { left: 8px;} 
.bundledCarousel .owl-buttons .owl-next { right: 8px;} 

}

/* Below 768 to 480 */
@media (max-width: 767px) {
  /* Common widths */
  /* .container {width:460px;} */
  .container {width:430px;}
.sliderbanner-right ul {margin-bottom:0;}
.slider li {width:428px;}
/* .slider-prev, .slider-next {display:none;} */

/* header style */
header{ overflow: visible; }
.right.headersearch .autocomplete{ top: 65px; }

/* top nav - 767 */
.navigation .burger img {max-width:none;}
.topnav {display:none; padding:10px 0;}
.right.headersearch {clear: both; float: left; padding: 10px 0 0; width: 100%;}
header #formSearch {margin: 0 auto; padding: 0; width: 100%;}

#formSearch .glyphicon-search, .topnav .searchicon {width:35px; padding:10px 0;}
#formSearch input {padding:6px 10px;}
.topnav .currencies.left{float:right !important; width:48%; text-align:right;}
.rightlinks .my-account.right {float:left !important;}
.rightlinks .my-account.right .glyphicon {margin:0 auto;}
.topnav .leftlinks select {border-color:#ccc;}

a.topnavlogin {max-width:35px; margin:0 auto; display:block;}
a.topnavlogin:hover {text-decoration:none;}
.topnavlogin:after {border-radius: 0 0 50% 50%; content: "\f107"; display: block; font-family: FontAwesome; font-size: 18px; line-height: normal; margin: 0 auto; padding-bottom: 5px; text-align: center; width: 30px;}
.my-account.right.logout {display: inline-block; float: none !important; margin: 7px 0 0 4px;}


.mobilesearch {display: block !important;}
header #formSearch {max-width: 100%;}
.navigation .burger img {margin-left:0;}
header.sticky .navigation {border:none; padding-bottom:0; position:relative;}
header.sticky .navigation .logo {padding:5px 0 10px;}
.navigation .logo {padding:20px 0;}
nav.mobile .view-subnav .subnav {max-height:100% !important;}

/* Header Preset - 1 */
.Preset_1 .topnav .currencies.left {float:left !important; margin-left:0; text-align:left;}
.Preset_1 .topnav .languages {margin-right:0;}
.Preset_1 .rightlinks a {margin:8px auto 0;}
.Preset_1  .navigation .container .align {position:relative;}
.Preset_1 .navigation .burger {position:absolute; left:0; top:0; display:block; z-index:3;}
.Preset_1 .logo {float:left; clear:none; margin:7px auto 15px 25px; padding:0;}

/* Home Page - 480 */
.homeAddBanners, .sliderbanner-right {margin-bottom:auto;}
.article-content a.right {float:none !important;}

/* USP Bar - 480 */
.pros .pro .box {font-size:12px;}


/* Responsive Tabs */
.categories.row .homecategory {margin-bottom:0;}
.categories.row .homecategory .category {margin-bottom:20px;}
.resp-tabs-list {display:none !important;}
h2.resp-accordion {display:block;}
h2.resp-accordion {border: 1px solid; display: block; font-size: 16px; font-weight: normal; margin: 0 10px 5px; padding: 10px; position: relative; text-transform: uppercase; cursor:pointer;}
.product-tabs h2.resp-accordion {margin:0 0 5px;}
h2.resp-accordion:after, footer .links.row div > strong:after {content: "\f107"; float: right; font-family: FontAwesome; font-weight: normal;}
h2.resp-accordion.resp-tab-active:after, footer .links.row div > strong.active:after {content: "\f106"; float: right; font-family: FontAwesome; font-weight: normal;}
.owl-item .products .product {margin-bottom:20px;}

.owl-buttons {top:0;}
.owl-prev:before, .owl-next:before {border-radius:0; border:1px solid #ddd; background:#fff;}
.owl-prev:before {margin-right:0;}
.owl-buttons {width:70px;}
.owl-item .product-tags .sale-new {display:none;}


#related-product .owl-buttons {top:15px;}



/* Brand Carousel - 768 */
.brands .slider li {width:100%; max-width:205px;}

/* Footer links - 767 and below */
footer .links.row {padding:0 0 20px;}
/* footer .links.row div > ul {display:none;} */
footer .links.row div > ul li {padding:0 10px;}
footer .links.row div > strong, footer .footerbottom .paymentmethod > strong {display:block; padding:5px 10px; border:1px solid; margin-bottom:5px; cursor:pointer;}
footer .footerbottom .paymentmethod > strong {margin-bottom:20px;}
footer .links.row div > strong.addresstitle {margin-top:10px; padding:0;  background:none; border:none;}
footer .links.row div > strong.addresstitle, footer .links.row div > strong.addresstitle:after, footer .links.row div > strong.addresstitle.active:after {content:""; cursor:default;}
footer .footerbottom .paymentmethod, footer .footerbottom .FooterSeals {padding:0;}
.FooterSeals iframe:first-child {margin-left:0;}

footer form {position:relative;}
footer .newsletter input {max-width:100%;}
footer form .btn {position:absolute; right:0; top:0;}
.copyright, .payments.text-right {text-align: center;}
footer .upperfooter {padding:10px 0;}
footer .links.row {margin-top:30px;}
.links.row .toggle {display:none;}
footer .links.row ul {margin:0 auto;}
footer .links.row .toggle {padding: 15px; margin-bottom:20px; overflow:hidden;}
.footerloginlinks.clear li {width:50%;}
footer .links.row div > strong.mobtitle.active {margin-bottom:0;}
.paymentmethod a:first-child {margin-left: 5px;}
.paymentmethod a {min-height:30px;}

/* Product Details Page - 767 */
/* .product-wrap .product-info {margin-left:-10px; margin-right:-10px;} */
.product-wrap .col-sm-1 {float: left; width: 20%;}
.product-img.col-sm-4.col-md-4 {float: left; width: 80%;}
.product-info.col-sm-7.col-md-7 {clear:both; margin-top:20px; float:left; width:100%;}
.thumbs img {margin-bottom:5px;}
.product-info .product-price .cart {overflow:hidden;}
.product-tabs.clear {margin:0 auto;}
.product-tabs .row.resp-tabs-container {margin-right:0px;}
.product-actions, .social-media.clear {padding-bottom:0; margin-bottom:0;}
.tab-content {padding:10px; overflow:hidden;}
.tab-content p {margin:0 auto 20px;}
.resp-tabs-container {margin-top:0;}
.relatedproduct > h3 {width:100%;}
.product-tabs .resp-tabs-container {border-top:none;}
.thumbs .active:after {top:22%; right:-8px;}

.product-img.col-sm-5.col-md-5 .zoombox .images {max-width:100%; position:relative;}



/* Product List View - 767 and below */
.products .product.list .image-wrap img {margin:20px auto;}
.products .product.list .image-wrap a {float:none; margin:0 auto;}




/* GUI Styling - 767 */
.gui-col2-right .gui-col2-right-col1, .gui-col2-right .gui-col2-right-col2, .gui-col2-equal .gui-col2-equal-col1, .gui-blog-comment .gui-col2-equal .gui-col2-equal-col2 {width:100%;}
.gui-form .gui-field-info {padding-top:10px;}
.gui-blog-article header ul li {margin-right:5px; padding-right:5px;}
.gui-col2-right-col2 {margin-top:30px;}

.gui-item.gui-big .gui-desc {width:60%;}
.gui-item.gui-big .gui-price {width:35%;}
.gui-col2-left .gui-col2-left-col2 {margin-top:20px;}

/*.gui a.gui-button-large, .gui a.gui-button-small {margin-bottom:10px;}*/
.gui-checkout .gui-form a.gui-button-small, .gui-checkout .gui-form .gui-right a {margin-bottom:10px;}

.gui-col2-big-col2.gui-login-registered {margin-top:20px;}




.gui-col2-big .gui-col2-big-col1, .gui-col2-big .gui-col2-big-col2, .gui-col2-equal .gui-col2-equal-col1, .gui-col2-equal .gui-col2-equal-col2, .gui-col2-left .gui-col2-left-col1, .gui-col2-left .gui-col2-left-col2, .gui-col2-leftm .gui-col2-leftm-col1, .gui-col2-leftm .gui-col2-leftm-col2, .gui-col2-right .gui-col2-right-col1, .gui-col2-right .gui-col2-right-col2, .gui-col2-rightm .gui-col2-rightm-col1, .gui-col2-rightm .gui-col2-rightm-col2, .gui-col3-center .gui-col3-center-col3, .gui-col3-center .gui-col3-center-col2, .gui-col3-center .gui-col3-center-col3, .gui-col3-equal .gui-col3-equal-col1, .gui-col3-equal .gui-col3-equal-col2, .gui-col3-equal .gui-col3-equal-col3, .gui-col3-equal .gui-col3-equal-col2.gui-div-cart-coupons, .gui-col2-right-col1.gui-div-faq-questions, .gui-blog .gui-col2-right-col1, .gui-col2-right-col2.gui-div-faq-right, .gui-blog .gui-col2-right-col2, .gui-buttons .gui-right, .gui .gui-right a {width:100%;}


/* bundle product */
.bundlecart .info { text-align:left; }
.bundlecart { margin-top:20px;}
.bundlecart .info .old-price, .bundlecart .info .price, .bundlecart .info .discount { float:left; margin-right:20px; margin-bottom:0;}
.bundlePriceWrap { margin-bottom:10px; }
.bundledMain .image-wrap, .bundledCarousel { height: 190px; }
.bundledMain { background-position: 108% center; }
.bundledCarousel { padding-left: 40px; padding-right: 40px; }



}
/* Below 480 */
@media (max-width: 479px) {
  /* Common widths */
  .container {width:280px;}
/* .container {width:300px;} */
.logo img {max-width:180px;}

.slider li {width:278px;}

.topnav .glyphicon {margin-right:5px; display:none;}
.right.comparelink {margin-right:5px;}



/* USP Bar - 479 */
.pros .pro {width:100%;}
.pros .pro .box {border:none;}



.links.row li {width:100%;}
.contact.phone {float:none; margin-right:auto;}
.footerloginlinks.clear li {width:100%;}

/* Brand Carousel - 320 */
.brands .slider li {width:100%; max-width:280px;}

/* Product Details Page - 320 */
.thumbs .active:after {top:5%; right:-6px; font-size:20px;}
.product-info .right.icons {margin:10px auto;}
.product-info .product-price .cart {padding-left:0; padding-right:0;}
.cart.clear .actions.left {margin:10px auto; width:100%;}
.cart.clear .actions.left .btn {display:block; text-align:center;}

#related-product .owl-item .item {margin-left:auto; margin-right:auto;}
#related-product .owl-buttons {top:15px; width:60px;}


.gui-blog-commentlist header a {clear:both; width:100%; float:left;}
.gui-blog-social-google {width:80px; overflow:hidden;}
.gui-blog-social-twitter, .gui-blog-social-facebook {width:90px; oveflow:hidden;}


/* bundle product */
.bundledMain, .bundledWrap, .bundlecart { width:100%; }
.bundledMain .image-wrap, .bundledCarousel { height:auto; }
.bundledMain { margin-bottom: 10px; }
.bundlecart .info .discount { width:100%; margin-right:0; }




}