/* 1: DESKTOP =======================================================================================================================================================*/
@media (min-width: 1025px) {
    .header{position: relative}
    .header .quick-access { margin: 77px 0 5px; }
    #search-in-menu { margin-bottom: -20px; }
    .top-cart .bag:after { content: ""; display: block; position: absolute; right: 0; border-color: #fff transparent transparent transparent ; border-width: 7px 7px 0 7px; border-style: solid; top: 10px; transition: all .3s;  }
    .top-cart .expanded .bag:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);  }
    .top-currency, .top-cart { display: block; }
    .switch ul li.current{margin-left: 0px}
    .switch ul li{margin-right: 12px}
    .top-info p{letter-spacing: -0.1px}
    .top-info p{padding-right: 26px}
    .top-info p:after{right: 10px}
    .textlayout{ display: block}
    #footer-pc{ display: block}
    .pc-exchanges{ display: block}
    .paypal-express-review .coupon-container{margin-top: -8px}
    .affix-qa .top-checkout { display: inline-block !important; }
    .affix-qa #header-links a[title="Wishlist"] { padding-right: 10px; }

    /* POPUP */
    .popup-drophint .popup-content { width: 960px; }

    /* DETAIL */
    #color-links li.product-color { width: 20%; float: left; padding: 0 5px; margin: 10px 0;  }
    #color-links { margin: 0 -5px; }
    .product-view .price-box { padding-left: 11px; }
    .detail-product-tab label.title { padding-bottom: 4px; }

    .customer-account-index .col2-left-layout{margin-top: 17px}
    .sidebar .block-account .block-title{padding: 2px 0 16px 0}
    .dashboard .page-title h1{padding-bottom: 19px}
    .col2-left-layout .dashboard .right-bar, .col2-left-layout .dashboard .shadow-sort-bg .col-2{width: 480px}
    .col2-left-layout .dashboard .shadow-sort-bg .col-1{width: 449px}
    .dashboard .account-box + .account-box h2{margin-bottom: 25px}
    .dashboard .account-box + .account-box .box-title{font-weight: bold; margin-bottom: 23px}
    #button-review { right: 0; top: 20px; }


    /* MegaMenu */
    #category-brands li:nth-child(6n+1) { clear: left; }
    #nav li.level-top.sale > a span { color: #E23D96;}
    .text-links > .menu-text > li.level1:nth-child(5n+1)  { margin-left: 0; clear: left;  }
    .text-links > .menu-text { padding: 25px 0; }
    .text-links > .menu-text > li:nth-child(n+6) { display: none;}
    .text-links > .menu-text li.menu-promotion { display: block; clear: none !important; }

    #review-form .form-list + .form-list li:nth-child(2), #review-form #review-form-age-span{width: 180px;}
    #review-form .form-list + .form-list li:nth-child(3), #review-form #review-form-body-type-span{width: 380px }
    #review-form #review-form-age-span{}
    .top-cart .bag span{min-width: 33px; display: inline-block; text-align: center}
    .logo-checkout{margin-left: -3px}

    /* Others */
    .products-grid { margin: 20px 0; }
    html.minicart-show, html.minicart-show body { height: 100%; }
    html.minicart-show .header-container { z-index: auto; }
    html.minicart-show .top-header { position: relative; z-index: 301; }
    .minicart-show { overflow: hidden !important; width: auto;}
    .minicart-show body { overflow: hidden !important;}
    .cart .item-subtotal { padding-left: 13.5rem;}
    .category-gift-cards .product-view .product-image { padding-top: 62px; }
    .category-gift-cards #product-image { width: 562px; }
    .category-gift-cards .product-view .product-image {width: 550px!important;}

    /* LISTING PAGE - PRODUCT GRID */
    .products-grid .item:nth-child(4n){margin-right:0;}
    .products-grid .item:nth-child(4n+1){clear:both;}

}

/* 2.1: small DESKTOP Only =======================================================================================================================================================*/
@media (min-width: 1025px) and ( max-width: 1179px ){
    .catalog-product-view .main, .footer, .footer-bottom { width: 1024px; }
    .fancybox-inner .main { width: auto !important;  }
    .popup-drophint .popup-content { width: 900px; }
    .wrapper-carousel li  { width: 123px; margin-right: 4px; }
    #review-carousel > ul > li{ width: 504px ; }
    .combo-list li { margin-right: 9px; }
    ul.level0 > .menu-text { width: 1024px; }
    li.level1 { width: 160px; }
    #search-in-menu .nav { width: 360px; }
    #search-in-menu .searchautocomplete .nav-submit-button { width: 40px; }
    #search-in-menu { min-width: 360px; width: 400px;   }
    #search-in-menu .searchautocomplete { width: 400px; }
    #review-form .form-list + .form-list li:nth-child(2), #review-form #review-form-age-span{width: 150px;}
    #review-form .form-list + .form-list li:nth-child(3), #review-form #review-form-body-type-span{width: 340px;}

    /* MegaMenu */
    #category-brands .menu-text { width: auto; margin: 0 -10px    }


}
/* 2.2: large DESKTOP Only =======================================================================================================================================================*/
@media (min-width: 1180px) {
    .footer-container{padding-top: 37px}
    .footer-text{margin-top: 4px}
    .footer .footer-text, .footer .newsletter, .footer .social-links{width: 380px; padding-bottom: 22px}
    .footer .newsletter, .footer .social-links{margin-left: 20px}
    .footer .block-title:after{margin-top: -1px}
    .footer .block-title{margin-bottom: 10px}
    .footer .social-links .block-title{margin-bottom: 16px}
    .footer .social-links p{margin-bottom: 9px}
    .social-links li a.pinterest{margin-left: 5px}
    .social-links li a{margin-right: 10px}
    .footer-categories .columns{width: 166px}

    .product-img-box{width: 580px}
    .product-shop { width: 580px; }
    .product-view .product-image{ width: 580px !important; height: 653px !important; text-align:center;}
    #search-in-menu .searchautocomplete{min-width: 460px}
    .cms-index-noroute .col1-layout .col-main {background: url(../images/bendon-new/bg-404-img.jpg) no-repeat 135% top;min-height:400px;}
    .brands #brands {  margin: 10px -20px; }
    .brands #brands a { margin: 10px 14px;  }

    /* MegaMenu */
    ul.level0 > .menu-text { width: 1180px;  }
    #category-brands .menu-text { width: 1200px; padding: 0;   }
    /*Cart*/
    .apply-coupon .v-fix{width: 130px}

    .fancybox-policy-wrap .popup-content { width: 1109px; }
    .my-account { margin-left: 20px; }

}

/* 3: TABLET =======================================================================================================================================================*/
@media (max-width:1024px) {

    img{max-width: 100%}
    .tablet { display: block; }
    /* LAYOUT */
    body{ overflow-x: hidden; } /* scroll fix */
    #deviceDetect { display: none; }
    .page { padding-top: 0 !important; }
    .fancybox-wrap { min-width: 716px; }
    .main, #nav, .top-header-content, header, .footer-container, .breadcrumbs{padding-left: 2.6%; padding-right: 2.6%; max-width: 100%/* width: 728px;*/ }

    .branding { float: none; text-align: center; }
    .footer-container { padding-bottom: 0 ; }
    #header-links .vipkers { display: none; }
    .tablet-exchanges { display: block; }
    .header { padding-top: 25px; }
    .top-header { position: absolute; width: 100%; background: #000; top: 0;  }
    .header .quick-access{position: absolute; right: 2.6%; top: 3px;  }
    .header .quick-access, .top-header {/* position: fixed;*/ z-index: 111; }

    .myaffix .header .quick-access { display: block;  }

    .popup-content { width: 660px; }
    .form-signup-dropdown{max-width: 100%}
    #search-in-menu .searchautocomplete .nav-submit-button .button { position: relative; right: 13px; }
    #md-overlay { display: none; }

    /* LISTING PAGE - PRODUCT GRID */
    .products-grid .item:nth-child(3n){margin-right:0;}
    .products-grid .item:nth-child(3n+1){clear:both;}
    .products-grid li.item { width: 32%; }

    /* MegaMenu */
    .text-links > .menu-text > li { padding-left: 15px;  }
    #nav li ul.level0 { top: 170px; left: 0;  }
    .nav-container {position: static; }
    #nav li.level-top.over:before { content: ""; display: block; position: absolute; width: 12%; margin-top: 39px; height: 10px; background: #ecf0f1;  }
    #category-brands li {  width: 20%  }
    #category-brands .menu-text { padding-left: 10px; padding-right: 10px;   }
    ul.level0 > .menu-text { padding-left: 20px; padding-right: 20px; padding-bottom: 20px; }
    #nav li ul.level0 > .menu-text > li { width: 18.3%; text-align: left; margin-left: 0; }
    .menu-promotion { display: none; }
    #nav > li { display: none; }
    #nav > li.sale, #nav > li:nth-of-type(1),#nav > li:nth-of-type(2),#nav > li:nth-of-type(3)  { display: block; }

    /* BRAND PROMO */
    .slider .caption { display: none; }
    .brand-title > span { font-size: 13px !important; bottom: 5px; left: 14px; }


    #nav li.level-top{background: #ecf0f1; width: 21.4%;margin-right: 4.65%/*20px*/; text-align: center}
    /*#nav li.level-top:hover{background: #ff5e99;}
    #nav li.level-top:hover a.level-top span{ color: #fff}*/
    #nav li.level-top:last-child{margin-right: 0}

    /* HOME BRANDs */
    .photolayout { display: block; }
    .photolayout .sectionHead{  margin-bottom: 14px; }
    .photolayout li { display: inline; }
    .photolayout li a { float: left; width: 20%; margin: 0 0 20px  0; padding: 0 10px; overflow: hidden;  }
    .photolayout li a img { min-width: 100%;  }
    .photolayout ul { margin: 0 -10px; padding: 0; }
    .photolayout ul:after { content: ""; display: block; clear: both; }

    /* DETAIL */
    .product-view .price-box { display: block; margin: -2px 0 2px; }
    .product-view .product-brand { margin-bottom: 23px; }
    #opc-payment #discount .button.success,
    #opc-payment #giftcard .button.success,
    .crosssell-popup .btn-cart.added,
    #review-form .buttons-set button.validation-passed { color: #fff !important; background-color: #6abc44 !important; }
    #opc-payment #discount .button.success:hover span:before, #opc-payment #giftcard .button.success:hover span:before, .crosssell-popup .btn-cart.added:hover span:before, #review-form button.validation-passed:hover span:before { color: #fff !important}

    .crosssell-popup form { padding-right: 0;}
    .crosssell-popup #size-combo { width: 130px; }
    #table-review-special { text-align: center; }
    #table-review-special > li { margin: 0 10% 9px}
    #table-review-special > li:first-child { margin-top: 9px }
    #button-remove { right: auto; top: auto; bottom: 0; background: none; text-align: center; width: 50%; left: 50%;  } /* buttonX: Write A Review*/
    #button-remove { transform: translate(-50%); -webkit-transform: translate(-50%); -ms-transform: translate(-50%); -moz-transform: translate(-50%);   }
    #button-remove:before { content: "Cancel"; font-weight: 600; text-decoration: underline; color: #7f8c8d;    } /* buttonX: Write A Review*/
    .product-review-form { padding: 14px 0 30px; }
    #review-carousel > ul > li{ width: 280px ; }
    #review-carousel ul.review-summary { display: none; }
    #review-carousel .content-review { margin: 10px 0 15px;  }
    #color-links li.product-color { width: 33.333333%; float: left; padding: 0 5px; margin: 8px 0;  }
    #color-links { margin: 0 -5px; }
    .zoomPup, .zoomWindow { display: none !important;}
    .zoomPad > img { opacity: 1 !important; }
    #product-image { overflow: hidden; } /*fix: cannot see the line under the img */
    #add-to-cart button{width: 78.57%; padding: 0; text-align: center}
    .product-img-box{width: 58.8%}
    .product-shop { width: 38.6%; }
    .combo-list li { width: 64px; margin: 0 8px 8px 0; }
    .wrapper-carousel li {width: 104px ; margin-right: 4px; }
    .product-shop .product-main-info, .product-view .rating-links, .product-view .ratings .rating-box{text-align: center}
    .product-shop .product-main-info .info-combo, .product-shop .product-options, .product-shop .form-list{text-align: left}
    #review-form .buttons-set .button{width: 100%}
    #review-carousel ul li{width: 374.7px !important;}
    #review-carousel ul.review-summary li{width: 100% !important; text-align: center; margin: 0 auto !important;}

    .review-product-list #table-review-special li, .review-product-list .input-box li div.rating{float: none; text-align: center}
    .review-product-list .box-content .rating-item, .review-product-list .box-content .first-rating{top: -6px}
    .review-summary li label, .review-product-list .product-main-info .rating-box{display: inline-block; float: none}
    .product-view .rating-links, .product-view .ratings .rating-box{float: none}
    .product-view .ratings .rating-box{margin: 3px auto; position: absolute; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); top: 0;}
    .product-view .ratings { padding-top: 29px; position: relative; }
    .product-view .ratings .no-rating { float: none; }
    .box-reviews{position: relative; padding-bottom: 50px}
    .box-reviews #button-review{ bottom: 30px; right: 50%; transform: translateX(50%); -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%);   }
    .product-view #add-to-wishlist{float: left; margin-top: 2px}
    a#drop-hint{clear: none; float: right; margin-top: 0}
    .info-combo{margin: 23px 0 0}
    /*#color-links li.product-color{width: 29.2%; margin-left: 5.3%}*/
    #up-cross-sells h3 { font-size: 20.6px; }
    .product-view #product-short-description, #drop-hint .title-drop-hint, #drop-hint:before{font-size: 14px}
    .detail-product-tab .delivery .title a{font-size: 0; text-decoration: none}
    .detail-product-tab .delivery .title a:before{content: "Policy"; font-size: 12px; border-bottom: 1px solid #BDC3C7}
    a.link-wishlist{font-size: 10px}
    /*Popup*/
    .catalog-product-view #fancybox-wrap, .catalog-product-view #fancybox-content, .review-product-list #fancybox-content{min-width: /*0*/728px; max-width: 100%}
    .catalog-product-view #fancybox-content, .review-product-list #fancybox-content{padding: 15px; border-width: 8px}
    .catalog-product-view #fancybox-close, .review-product-list #fancybox-close{width: 13px; height: 13px; right: 15px}
    #fancybox-content .main{padding: 0px}

    .catalog-product-view #fancybox-content .page-title h1, .review-product-list #fancybox-content .page-title h1{font-size: 22px}
    #message-drop-hint .message-text .name-received h2, #message-drop-hint .message-text .name-received input[type="text"], #message-drop-hint .ps-size{font-size: 15px}
    #message-drop-hint .message-received, #message-drop-hint .message-received h2, #message-drop-hint .message-received input[type="text"]{font-size: 13px}
    #message-drop-hint .ps-size + span{font-size: 11px}
    #message-drop-hint .logo{width: 157px; background-size: 157px auto}
    #message-drop-hint input[type='text']{height: 15px}
    #message-drop-hint .ps-size{width: 100%}
    #mail-drop-hint .form-list label, #mail-drop-hint .preview-message, #mail-drop-hint .cancel-message{font-size: 9px;}
    #mail-drop-hint .form-list .input-text{height: 22px; line-height: 22px; padding: 0 10px; font-size: 9px}
    #mail-drop-hint .buttons-set .button{height: 30px; font-size: 12px; line-height: 30px}
    #mail-drop-hint .buttons-set .button span, #fancybox-content .crosssell .get-set a{font-size: 12px}

    #fancybox-content .crosssell .get-set h2{font-size: 26px}
    #fancybox-content .crosssell ul li.item, #fancybox-content .crosssell .btn-continue, #fancybox-content .crosssell .btn-checkout{width: 330px; }
    #fancybox-content .crosssell ul li.item{padding-right: 30px; margin-bottom: 25px }
    #fancybox-content .crosssell ul li.item{padding-right: 30px; margin-bottom: 25px}
    #fancybox-content .crosssell .item .product-image{width: 123px}
    #fancybox-content .crosssell .product-shop{width: 157px}
    #fancybox-content .crosssell #size-combo{width: 118px}
    #fancybox-content .crosssell #size-combo div.selector, #fancybox-content .crosssell #size-combo div.selector span{height: 27px}
    #fancybox-content .crosssell #size-combo div.selector span:before{top: -5px}
    #fancybox-content .crosssell #size-combo div.selector span:after{bottom: -6px}
    #fancybox-content .crosssell #size-combo .combo-hit, .crosssell #qty-product .tit-qty, #fancybox-content div.selector span, #fancybox-content #qty-product input{font-size: 11px}

    #fancybox-content .crosssell #qty-product{width: 27px}
    #fancybox-content .crosssell #qty-product input{width: 27px !important; height: 27px !important;}
    #fancybox-content .crosssell .price{font-size: 14px}
    #fancybox-content .crosssell button.button span{line-height: 25px; font-size: 11px}
    #fancybox-content .crosssell .btn-cart.added span:before{top: -12px; font-size: 15px}
    #fancybox-content .crosssell input[type="button"]{padding: 8px 0}

    #fancybox-content #popup-return-exchange .page-title{margin-bottom: 0}
    #popup-return-exchange h3{font-size: 14px; padding: 12px 0}
    #popup-return-exchange{font-size: 12px}
    #popup-return-exchange a.button{font-size: 14px; height: 44px; line-height: 44px}

    /*404 page*/
    .cms-index-noroute .col1-layout .col-main .std .form-search, .cms-index-noroute .col1-layout .col-main .std .btn-list{width: 66%}

    /*Header*/
    .top-info p { line-height: 25px; }
    .top-info{font-size: 12px; font-weight: 600}
    .logo{float: none; margin: auto}
    .top-header{min-height: 25px;}
    .top-header-content{min-height: 25px ;padding-top: 0; padding-bottom: 0}
    #header-links a{color: #fff}
    #search-in-menu{min-width: 0; width: 36.5%; margin-right: 2.6%; display: block}
    #search-in-menu .searchautocomplete{width: inherit !important;}
    .top-menu{float: left; width: 56% /*430*/; margin-top: -60px; margin-left: 2.6%}
    .top-menu, #search-in-menu{margin-bottom: 20px}

    #header-links{overflow: visible}
    #header-links .top-checkout{ display: inline-block !important;  }
    #header-links a, .myaffix #header-links a.last{text-decoration: none ;line-height: 12px;background: none; padding: 0; margin-right: 10px; border-bottom: 1px solid #676767}
    #header-links a.top-checkout.last{margin-right: 0}
    #header-links a:hover, .myaffix #header-links a.last:hover{border-color: #ff5e99}
    #header-links a.top-checkout.last{margin-right: 0}
    #header-links a.top-checkout{position: relative}
    #header-links a.top-checkout:before{position: absolute; top: -4px; left: 0px; background: #ff5e99; height: 3px; width: 100%; display: block; content: ""}
    #nav a.level-top{float: none}
    #nav{padding: 0}
    #nav a.level-top span{padding: 0; width: 100%/*92px*/; text-align: center}
    .branding{margin: 25px 0}
    .top-info p{letter-spacing: -0.4px}

    /*Footer*/
    .social-links li a.google { display: none; }
    .footer .footer-text, .footer .newsletter,/* .footer .social-links, */.footer-payments{float: none; width: 100%; margin: 0}
    .footer-categories .columns:nth-child(5), .footer-categories .columns:nth-child(6), .footer .block-title:after, .footer .newsletter .first_name, .footer .newsletter .last_name, .footer .social-links p{display: none}
    .footer .footer-text{text-align: center}
    .footer .footer-text img{display: block; margin: auto}
    .footer-links ul li, .footer-payments li{display: inline-block; float: none}
    .footer-payments{margin: 20px 0 0}
    .footer .newsletter{/*border-bottom: 1px solid #575757;*/ overflow: hidden;/* margin-bottom: 20px*/}
    .cms-home #footer-pc { display: block; }

    .footer-bottom{border-top: 0; padding-top: 0}
    .footer .social-links h3{text-transform: none; font-weight: bold; font-size: 12px}

    .footer-categories{ clear: none;border-top: 0; float: left; width: 78.3%; margin-top: 0; max-width: 100%; padding-top: 0}
    .footer-categories a{font-size: 12px;}
    .footer-categories .columns{width: 22%; margin-right: 3%}
    .footer-categories .columns:nth-child(4){margin-right: 0}
    .footer .social-links{float: right; width: 21.7%; margin: 0; padding-right: 8%}
    .footer .social-links .block-title{margin: 0 0 5px}
    .social-links li a{margin: 0 13px 10px 0 }
    .social-links li a:before, .social-links li a.pinterest:before{font-size: 35px}
    .social-links li a.twitter:before{font-size: 37px}
    .footer-bottom{clear: both}
    .footer .form-subscribe .block-title{float: left; width: 29.4%; height: 40px;  line-height: 22px; margin-bottom: 0;border-right: 1px solid #575757; text-transform: none; color: #575757}
    .newsletter .form-subscribe h3{text-transform: none; font-size: 23px; color: #575757;  font-family: 'DidotLTStd-Italic';}
    .newsletter .form-subscribe p{font-size: 15px;}
    .footer .form-subscribe .row{float: right; width:67.9%;}
    .form-subscribe button.button{margin-left: 0; width: 18.4%}
    .footer .newsletter ul li .input-box.email{width: 81.6%}
    .newsletter ul li .input-box input.input-text, .form-subscribe button.button{height: 40px;}
    .footer-text{display: none !important;}
    .footer-text-tablet{border-top: 1px solid #575757; display: block !important; clear: both; padding: 20px 0 15px}
    .footer-text-tablet img{margin-bottom: 20px}

    /*category*/
    .category-products .amount{width: 100%;clear: both;}
    .col2-left-layout .col-left{width: 23%}
    .col2-left-layout .col-main{width: 74.5%}
    .pager .amount{text-align: center}
    .sidebar .grid-block-container .image-block-leftbar img{width: 100%}
    .category-products .sorter, .category-products .limiter{width: 49%}
    .category-products .limiter{margin-right: 0}
    .pager .pages{float: none; margin: 0 auto; clear: both; width: 268px}
    .banner-detail{max-width: 100%; padding-left: 2.6%; padding-right: 2.6%}
    #category-image .image-cat img{/*width: 40%*/}
    #category-image .des-cat{width: 38%; min-height: 220px; height: auto}

    /*Paypal confirm*/
    .paypal-express-review .info-set, .paypal-express-review .info-set.billing-container, .paypal-express-review .total-paypal{float: none; width: 100%; margin-right: 0; margin-left: 0}
    .paypal-express-review .info-set.billing-container{margin-top: 35px}
    .data-paypal .list-items{margin: 0 -9px}
    .paypal-express-review .product-paypal{width: 16.66%; padding: 0 9px}
    .paypal-express-review .product-paypal:nth-child(6n+1){clear: left}
    .paypal-express-review .product-paypal:nth-child(8n+1){clear: none}
    .paypal-express-review .coupon-container{margin-top: -19px}
    .paypal-express-review .coupon-container .input-promo-code{margin-top: 10px}

    /*Contact us*/
    .contacts-index-index .col-l, .contacts-index-index .col-r{float: none;}

    /*My account*/
    .data-table td{padding-right: 2%}

    .brand-page .grid-block.square{min-height: 0}
    .brand-page .grid-block.square .caption .text-caption p{max-height: 130px; overflow: hidden}

    .twitter-share-button, .pin-it-button, .addthis_button_google_plusone{margin-left: 0% !important;}

    .checkout-onepage-index .main, .checkout-onepage-index .header-content{padding-right: 0; padding-left: 0}
    .header .branding.logo-checkout{display: block !important; float: left !important; margin: 0 !important;}

    .main .widget-products{margin: 0 -9px}
    .cms-home .widget-products li{padding: 0 9px}

    .bendonet-manage-index .main{padding-left: 0; padding-right: 0}

    .customer-account-login .account-login .col-2{width: auto}
    .customer-account-login .account-login .new-users{float: none}
    .account-create .fieldset  input +input + div { width: 53%; padding-right: 0}

    .cart .totals { width: 55%}



}

/* 4: MOBILE =======================================================================================================================================================*/
@media (max-width: 767px) {
    .photolayout { display: block; }
    .myaffix .page { padding-top: 0 !important; }

}

/* 5: OTHER RANGES  =======================================================================================================================================================*/

@media only screen and (width: 1024px){
    .wrapper-carousel li  { width: 142px !important; margin-right: 1px !important; }
    #review-carousel > ul > li{ width: 375px ; }
    .combo-list li { width: 68px; margin: 0 8px 8px 0;} .combo-list { padding-left: 1px; } /* choose size*/

}
@media (max-width: 767px){
    .myaffix .header .quick-access { left: 18rem; right: auto}
    .tablet-exchanges { white-space: nowrap; }
}

@media only screen and (width: 768px){
    .homepage-promotions .caption .text-caption{padding: 10px 20px}
    .homepage-promotions .caption .text-caption img, .homepage-promotions .caption p{margin-bottom: 10px}
    .homepage-promotions .caption .button a{height: 30px; line-height: 30px}
    .brand-title > span{font-size: 14px;line-height: 16px}

    #review-carousel ul li{width: 281px !important;}

    .brand-page .caption .text-caption img{max-width: 100%}
    .brand-page .caption .text-caption p, .brand-page .grid-block.square .caption .text-caption p{max-height: 70px; overflow: hidden; font-size: 12px}
    .brand-page .grid-block .caption .text-caption p{max-height: 70px; overflow: hidden; font-size: 12px}
    .brand-page .grid-block.vertical .caption .text-caption p{max-height: 120px; overflow: hidden; font-size: 12px}
    .brand-page .grid-block.horizontal .caption .text-caption p{max-height: 50px;}
    .brand-page .grid-block.square{min-height: 0}
    .brand-page .caption .text-caption{bottom: 7px; padding: 12px}
    .brand-page .caption .text-caption .button a{height: 30px; line-height: 30px}

    .wishlist-item .right-buttons{float: none}
    .my-wishlist button.button{padding: 0 16px}

    .checkout-onepage-index .header-content{max-width: none}

    #checkout-step-login .col2-set{width: 67.9%}
    #checkout-step-login .col2-set .col-1, #checkout-step-login .col2-set .col-2{width: 47.1%; }
    #checkout-step-login .col2-set .col-1, #checkout-step-login .col2-set .col-2{margin-right: 2.9%}
    /*#checkout-step-login .account-create{width: 32.1%}*/
    #opc-billing ul li.fields .field, #opc-billing ul li.company, #opc-billing ul li.email, #opc-shipping ul li.fields .field, #opc-shipping ul li.company, #opc-shipping ul li.email, #opc-shipping_method .form-list li, #opc-payment #discount, #opc-payment #giftcard{width: 49%}
    #opc-billing ul li.fields .field + .field, #opc-billing ul li.email, #opc-shipping ul li.fields .field + .field, #opc-shipping ul li.email, #opc-shipping_method .form-list li + li, #opc-payment #giftcard{margin-left: 2%}

    #opc-payment #discount .input-box,#opc-payment #giftcard .input-box{width: 65%}
    #opc-payment #giftcard .input-box .input-text{width: 100%}
    #opc-payment #discount .button, #opc-payment #giftcard .button{min-width: 0; width: 31%; margin-left: 4%}
    .payment-method .form-list li, .order-review .product-paypal, #opc-shipping_method #checkout-shipping-method-load, #opc-shipping_method .customer-comment, #opc-shipping_method .options-order-container{width: 32%; margin-left: 2%}
    .payment-method li.date .v-fix{width: 48.5%; margin-left: 3%}
    #opc-shipping_method #checkout-shipping-method-load{margin-left: 0}
    .payment-method li.date{width: 66%}
    .payment-method  li.date .v-fix{width: 48.5%; margin-left: 3%}
    .payment-method .form-list{width: 728px}
    li.payment-method:nth-child(2n+1) .form-list{left: -728px}
    .order-review .product-paypal .product-image{width: 30.5%; margin-right: 4%}
    .order-review .product-paypal .product-details{width: 65.4%}
    #checkout-step-review .address-review .address{width: 49%}
    #checkout-step-review .address-review .billing-address-review{margin-left: 2%}
    .catalog-category-view .products-grid .item, .catalogsearch-result-index .products-grid .item{width: 30.8%; margin-right: 3.7%}
    .catalog-category-view .products-grid .item:nth-child(3n), .catalogsearch-result-index .products-grid .item:nth-child(3n){margin-right: 0}
    .products-grid .item:nth-child(4n+1){clear: none}
    .products-grid .item:nth-child(3n+1){clear: left}

    .sidebar .caption h3{margin-top: 6px}

    .main .widget-products{margin: 0 -7px}
    .cms-home .widget-products li{width: 25%; margin: 0 0 30px; padding: 0 7px}
    .cms-home .widget-products li:first-child{margin-left: 0}
    .cms-home .widget-products li:nth-child(5),
    .cms-home .widget-products li:nth-child(6){ display: none; }

    .checkout-onepage-index .main{padding-right: 0; padding-left: 0; max-width: none}
    .opc-wrapper, .checkout-onepage-index .header, .checkout-onepage-success .header, .checkout-success{width: 728px; margin:  0 auto/*max-width: 100%; padding-left: 2.6%; padding-right: 2.6%*/}
    .checkout-cart-index .cart > .col-l, .checkout-cart-index .cart > .col-r{width: 100%; float: none}
    .checkout-onepage-index .main, .checkout-onepage-index .header-content{padding-right: 0; padding-left: 0}
    .checkout-cart-index .main, .checkout-onepage-success .main{min-height: 560px}

    .data-paypal .list-items{margin: 0 -8px}
    .paypal-express-review .product-paypal{width: 25%; padding: 0 8px}
    .paypal-express-review .product-paypal:nth-child(6n+1){clear: none}
    .paypal-express-review .product-paypal:nth-child(4n+1){clear: left}

    .banner-detail{padding-left: 20px; padding-right: 20px}
}
@media (min-width: 768px) and (max-width: 1023px){
    .wishlist-comments {width: 180px; }
    .my-wishlist button.button { padding: 0 7px; }
    .my-wishlist button.btn-update { margin-left: 0; }
    .buttons-set a.button, .buttons-set button.button { margin-left: 5px; }
    #wishlist-header #notes-header { width: 231px; }

}


/* fix detail */
@media ( min-width: 768px) and (max-width: 938px){
    .combo-list li:nth-child(4n) .avai { transform: none; -moz-transform: none; -webkit-transform: none; left: auto; right: 0;   }
    .combo-list li:nth-child(4n) .avai:before { left: auto; right: 27px;   }
}
@media ( min-width: 939px) and (max-width: 1024px) {
    .combo-list li:nth-child(5n) .avai { transform: none; -moz-transform: none; -webkit-transform: none; left: auto; right: 0;   }
    .combo-list li:nth-child(5n) .avai:before { left: auto; right: 27px;   }
}
@media ( min-width: 1025px) and ( max-width: 1179px) {
    .combo-list li:nth-child(7n) .avai { transform: none; -moz-transform: none; -webkit-transform: none; left: auto; right: 0;   }
    .combo-list li:nth-child(7n) .avai:before { left: auto; right: 27px;   }
}