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

/* 1280px <= width */

@media only screen and (min-width: 1280px)  {
    #dispcon:before {content: '< 1280 | ';}
    
}

/* 768px <= width < 960px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    #dispcon:before {content: '768 to 959 | ';}
}

/* width < 768px */
@media only screen and (max-width: 767px) {
	#dispcon:before {content: '< 767 | ';}
}

/* 480px <= width < 768px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    #dispcon:before {content: '480 to 767 | ';}
}

/* 640px <= width < 768px */
@media only screen and (min-width: 640px) and (max-width: 767px) {
    #dispcon:before {content: '640 to 767 | ';}
}

/* 320px <= width < 480px */
@media only screen and (min-width: 320px) and (max-width: 479px) {
    #dispcon:before {content: '320 to 479 | ';}
}

/* width < 320px */
@media only screen and (max-width: 319px) {
    #dispcon:before {content: '< 319 | ';}
}


/* ********************************************************************************************
    Design for a width of 960-1280 px
*********************************************************************************************** */

/* 960px <= width < 1280px */
@media only screen and (min-width: 960px) and (max-width: 1279px) {
    #dispcon:before {content: '960 to 1279 | ';}
    

}

/* ********************************************************************************************
    Tablet (Portrait) - design for a width of 768px
*********************************************************************************************** */

/* 768px <= width < 960px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    #dispcon:before {content: '768 to 959 | ';}
    
    
    
}


/* ********************************************************************************************
    All desktop - design for a width of 768px and wider
*********************************************************************************************** */

/* 768px <= width */
@media only screen and (min-width: 768px) {
    #dispcon:before {content: '768 > | ';}
    
    

}


/* ********************************************************************************************
    All mobile - design for a width of less than 768px
*********************************************************************************************** */

/* width < 768px */
@media only screen and (max-width: 767px) {
    #dispcon:before {content: '< 767 | ';}
    .no-left-margin.mobile-grid-half {width: 100% !important;}
    .cms-home #nav > li > a {font-size: 1em;}
    

}
/* end: width < 768px */


/* ********************************************************************************************
    Mobile (Landscape) - design for a width of 480px
*********************************************************************************************** */

/* 480 <= width < 768px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    #dispcon:before {content: '480 to 767 | ';}


}
/* end: 480 <= width < 768px */


/* ********************************************************************************************
    Design for a width of 640px
*********************************************************************************************** */

/* 640 <= width < 768px */
@media only screen and (min-width: 640px) and (max-width: 767px) {
    #dispcon:before {content: '640 to 767 | ';}

    
    
    
}
/* end: 640 <= width < 768px */


/* ********************************************************************************************
    Design for a width of less than 640px
*********************************************************************************************** */

/* width < 640px */
@media only screen and (max-width: 639px) {
    #dispcon:before {content: '< 639 | ';}
   
    
    
}
/* end: width < 640px */


/* ********************************************************************************************
    Design for a width of 480px
*********************************************************************************************** */

/* 480 <= width < 640px */
@media only screen and (min-width: 480px) and (max-width: 639px) {
    #dispcon:before {content: '480 to 639 | ';}
   
    

}
/* end: 480 <= width < 640px */


/* ********************************************************************************************
    Design for a width of less than 480px (small mobile)
*********************************************************************************************** */

/* width < 480px */
@media only screen and (max-width: 479px) {
    #dispcon:before {content: '< 479 | ';}
    
    

}
/* end: width < 480px */


/* ********************************************************************************************
    Design for a width of 320px (mobile - portrait)
*********************************************************************************************** */

/* 320px <= width < 480px */
@media only screen and (min-width: 320px) and (max-width: 479px) {
    #dispcon:before {content: '320 to 479 | ';}
    
    
    
    
}
/* end: 320px <= width < 480px */


/* ********************************************************************************************
    Design for a width of less than 380px
*********************************************************************************************** */

/* width < 380px */
@media only screen and (max-width: 396px) {
    #dispcon:before {content: '< 396 | ';}
    
    
    
}
/* end: width < 320px */


/* ********************************************************************************************
    Design for a width of less than 320px
*********************************************************************************************** */

/* width < 320px */
@media only screen and (max-width: 319px) {
    #dispcon:before {content: '< 319 | ';}
    
    

}
/* end: width < 320px */


/* ********************************************************************************************
    Design for a width of 240px (small mobile)
*********************************************************************************************** */

/* 240px <= width < 320px */
@media only screen and (min-width: 240px) and (max-width: 319px) {
    #dispcon:before {content: '240 to 319 | ';}
    
    
    
}
/* end: 240px <= width < 320px */


/* ********************************************************************************************
    Design for a width of lass than 240px
*********************************************************************************************** */

/* width < 240px */
@media only screen and (max-width: 239px) {
    #dispcon:before {content: '< 239 | ';}
    
    
}
/* end: width < 240px */

/* ==================================== MAX WIDTH ==================================== */

/* width < 1920px */
@media only screen and (min-width: 1920px) {
    #dispcon:before {content: '< 1920 | ';}
    .nav-container #nav {max-width: 1200px; margin: 0 auto;}
    
}

/* width < 1440px */
@media only screen and (max-width : 1439px) {
    /* Styles */
    #dispcon:after {content:" +++";}
    /* all */
    
}
/* width < 1380px */
@media only screen and (max-width : 1379px) {
    /* Styles */
    #dispcon:after {content:" ^^^";}
    /* all */
    
}
/* width < 1366px */
@media only screen and (max-width : 1365px) {
    /* Styles */
    #dispcon:after {content:" %%%";}
    /* all */
    
}
/* width < 1280px */
@media only screen and (max-width : 1279px) {
    /* Styles */
    #dispcon:after {content:" ***";}
    /* all */
    .cms-home .bannercontainer {padding: 0;}
    .cms-home .logo, .grid_full.added .logo, .logo {width: 240px;}
    #nav > li > a {font-size: 0.88em;}
    .shop > p {font-size: 0.85em;}
    .nav-container #nav {max-width: 960px;}
    .grid-sizer, .grid-item {width: 33.2%;}
    .cms-home #nav > li > a {font-size: 1.2em;}
    #nav > li {padding: 0px 20px;}
    .products-grid .product-name {font-size: 1.2em;}
    .products-grid .price-box .price {font-size: 12px;}
    .products-grid .vert {padding-top: 6px;}
    .prdspecs {padding-right: 14%;}
    
}

/* width < 1042px */
@media only screen and (max-width: 1041px) {
    #dispcon:before {content: '< 1041 | ';}
    .toggleMenu.active, .toggleMenu:hover {color: #ec1f27;}
    .shop {display: none;}
    .header-primary.header.added {padding-top: 4%;}
    #nav a:hover, #nav li.active a.level-top:hover {background: transparent !important; color: #ec1f27 !important;}
    .cms-home #nav > li > a {font-size: 1em;}
    .nav-container #nav {clear: both; position: static;}
    .nav-container #nav.color > li > a {padding: 12px 16px;}
    .cms-home #nav > li {background: none; padding: 0;}
    .nav-container #nav > li ul, .nav-container #nav > li ul.shown-sub, .nav-container #nav ul {display: block; position: static; height: auto;}
    .nav-container #nav li, .nav-container #nav li:hover {position: relative;}
    .nav-container #nav li ul li {width: auto;}
    #nav li li a {padding: 12px;}
    #nav li .more, #nav li:hover > .more, #nav li .more:hover, #nav li.hover > .more {color: #000}
    .nav-container #nav li ul li a.over, .nav-container #nav li ul li a:hover, .nav-container #nav li ul li.hover > a {text-indent: 0;}
    .nav-container #nav li.level-top.parent .level0 {display: none;}
    .nav-container #nav li.level-top.parent.hover .level0 {display: block;}
    #nav > li > a:after {display: none;}
    .breadcrumbs {padding: 12px 16px;}
    #nav > li > a {font-size: 14px;}
    #nav > li {background: none; padding: 0;}
    .nav .no-left-margin.mobile-grid-half {width: 100% !important;}
    .toolbar .pager {padding: 20px 0px;}
    .category-products .toolbar .pager {margin: 0px 16px;}
    .products-list .product-image-wrapper {width: 33%;}
    .products-list .product-shop {width: 65%;}
    #nav li .more, .toggleMenu span {font-style: normal;}
    
}

/* width < 1024px */
@media only screen and (max-width : 1023px) {
    /* Styles */
    #dispcon:after {content:" @@@";}
    /* all */
    .grid-sizer, .grid-item {width: 49.8%;}
    .pager .view-mode {position: static;}
    .sorter .item-left, .pager .item-left {}
    .products-grid .add-to-links .quickview, .products-grid .add-to-links .viewdetails {display: none;}
    .columngrid-adaptive.columngrid-2col .item {width: 33.3%;}
    .columngrid-adaptive.columngrid-2col .item:nth-child(3n+1) {clear: left !important;}
    .columngrid-2col .item:nth-child(2n+1) {clear: none !important;}
    .products-list .product-image-wrapper {width: 38%;}
    .products-list .product-shop {width: 60%;}
    .product-view .product-shop {float: none; clear: both; width: auto; padding: 36px 0px 0px 0px;}
    .product-view .product-img-box {float: none; width: auto;}
    .prdinformation {padding: 20px;}
    .prdspecs {padding-right: 0;}
    .nextandprevious .prev, .nextandprevious .next {top: 23%;}
    .product-view .box-additional {margin: 30px 0px 0px 0px;}
    #advancesearchflt .currently ol {display: block;}
    #advancesearchflt .currently {margin-right: 0;}
    #narrow-by-list {clear: both;}
    .footcartcount.shopping_cart, .footerwishlist {display: none;}
    .designerimg {width: 36%;}
    .descontent {width: 50%;}
    .customer-account-index .col-left, .customer-account-edit .col-left, .customer-address-index .col-left, .sales-order-history .col-left, .wishlist-index-index .col-left {display: none;}
    .customer-account-index .col-main, .customer-account-edit .col-main, .customer-address-index .col-main, .sales-order-history .col-main, .wishlist-index-index .col-main {float: none; width: auto;}
    .customer-account-index .col-main:before, .customer-account-edit .col-main:before, .customer-address-index .col-main:before, .sales-order-history .col-main:before, .wishlist-index-index .col-main:before {content: ''; clear: both; display: block; height: 24px;}
    .my-account {padding: 16px;}
}

/* width < 960px */
@media only screen and (max-width: 959px) {
    #dispcon:before {content: '< 959 | ';}
    .cart .cart-right-column {background-size: cover;}
    
}

/* width < 768px */
@media only screen and (max-width : 767px) {
    /* Styles */
    #dispcon:after {content:" ###";}
	/* all */
    .cms-home .logo, .grid_full.added .logo, .logo {width: 160px;}
    .bannercontainer a.skip {bottom: -32px;}
    .footer-container {position: static;}
    .footer-container:after {content: ''; display: block; width: 100%; clear: both; height: 6px;}
    .cms-home .footer-container {position: fixed;}
    .page {padding-bottom: 0;}
    .columngrid-adaptive.columngrid-2col .item {width: 50%;}
    .columngrid-2col .item:nth-child(2n+1) {clear: left !important;}
    .columngrid-adaptive.columngrid-2col .item:nth-child(3n+1) {clear: none !important;}
    .pages .previous {left: -24px;}
    .pages .next {right: -24px;}
    .products-list .product-image-wrapper, .products-list .product-image {width: 100%; margin: 0; text-align: center; float: none; max-width: none;}
    .products-list .product-shop {width: 100%; padding-top: 20px; float: none;}
    .price {white-space: normal !important;}
    .checkout-cart-index .price {white-space: nowrap !important;}
    .narrow-by-list {border-bottom: 1px solid #ededed; padding-bottom: 6px;}
    #narrow-by-list .view.grid_3 {margin: 0;}
    .nextandprevious .prev, .nextandprevious .next {top: 18%;}
    .designerimg {width: auto; text-align: center;}
    .descontent {width: auto; margin: 0;}
    .quantity_counter {margin: 10px auto;}
    .product-view .product-shop .price-box, .product-view .prdinfodet, .cart .data-table .cartlabel {text-align: center;}
    .cart .product-name, .cart .product-name a {text-align: center; display: block;}
    .cart .a-right, .cart .data-table thead th.a-right, .cart .data-table tbody td.a-right {text-align: center !important;}
    
}

/* width < 768px & landscape */
@media only screen and (max-width : 767px) and (orientation:landscape) {
    #dispcon:after {content:" ~~~";}
    
}

/* width < 768px */
@media only screen and (max-width: 600px) {
	/* Styles */
	#dispcon:after {content:" ...";}
	/* all */
    .grid-sizer, .grid-item {width: 99.8%;}
    .grid-item--width2 {display: none;}
    .footer-bottom-container p {line-height: 1.6em; margin: 0px 16px;}
    .columngrid-adaptive.columngrid-2col .item {width: 100%;}
    .columngrid-adaptive.columngrid-2col .item:nth-child(3n+1), .columngrid-2col .item:nth-child(2n+1) {clear: none !important;} 
    
    
    
    
    
    
}

/* width < 480px */
@media only screen and (max-width: 479px) {
    #dispcon:before {content: '< 479 | ';}
    .toolbar-bottom .page, .toolbar-bottom .pages {text-align: center;}
    .toolbar-bottom .pages { padding-top: 20px;}
    .toolbar-bottom .pages li {display: inline-block; margin: 0px 12px;}
    .pages .previous, .pages .next {position: static; text-indent: 0; background-size: 24px 48px; height: auto; text-transform: uppercase; font-size: 0.88em; line-height: 26px; width: auto;}
    .pages .previous, .pages .previous:hover {padding-left: 24px; background-position: left bottom;}
    .pages .next, .pages .next:hover {padding-right: 24px; background-position: right top;}
    .product-view .totdiscount {float: none; display: block;}
    .product-view .product-shop .quantity_counter {margin: 0 auto;}
    .catalog-product-view .product-shop .btn-cart {float: none; margin-right: 0; margin-top: 12px;}
    .product-view .add-to-cart {text-align: center;}
    .products-grid.columngrid {margin-left: 0; margin-right: 0;}
    .products-grid.category-products-grid.columngrid.columngrid-adaptive.columngrid-2col.first.last.odd {padding-right: 0; padding-left: 0;}
    .products-list {padding: 20px 0px 0px 0px;}
    .prdspeccontainer {padding: 0;}
    
    
    
    
    
    
    
}

/* width < 416px */
@media only screen and (max-width: 415px) {
	/* Styles */
	#dispcon:after {content:" |||";}
	/* all */
    
}
/* Till iPhone size 375px ----------- */
@media only screen and (max-width: 376px) {
	/* Styles */
    #dispcon:after {content:" |0|";}
	/* all */
    
}