// 1180w @media screen and (max-width: 1200px) { // top .sy-box.sy-loading { margin-top: 300px; } #product_banner {display: none;} .product_description { min-height: 93px; max-height: 93px; } .prod > .left > .prod-main-pic { max-height: none; min-height: 0px; max-height: 470px; min-height: 470px; } .prod > .left > .prod-main-pic > a, .prod > .left > .prod-main-pic > a > img { width: 100%; max-height: 470px; height: auto; display: block; } #showmebigone { height: 470px; min-height: 470px; max-height: 470px; } .related-containter { min-height: 120px; height: 120px; } .top-links > .inner { width: 960px; } .top-links .links { width: 500px; } // top-middle - logo, searc, cart .top-middle { } .top-middle > .inner { width: 960px; } .logo { width: 200px; height: 40px; background: url('../img/logo_web.png') left no-repeat; background-size: contain; margin: 20px 0 0 0; float: left; } .search { width: 460px; } // main nav .nav { } .nav > .inner { width: 960px; } .nav > .inner > ul { -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; display:-ms-flexbox; display:-webkit-box; display:-webkit-flex; display:flex; flex-wrap:wrap; list-style:none; margin:0; padding:0; position:relative; width:100%; height: 38px; } .nav > .inner > ul li { box-sizing: border-box; height: 38px; -ms-flex:1 1 auto; -webkit-box-flex:1; -webkit-flex:1 1 auto; flex:1 1 auto; position:relative; border-left: 1px solid @nav-border-color; } .nav > .inner > ul li:last-child { border-right: 1px solid @nav-border-color; } .nav > .inner > ul li > a { color: @nav-color; height: 38px; -ms-flex-align:center; -ms-flex-pack:center; -webkit-align-items:center; -webkit-box-align:center; -webkit-box-pack:center; -webkit-justify-content:center; align-items:center; display:-ms-flexbox; display:-webkit-box; display:-webkit-flex; display:flex; justify-content:center; line-height: 14px; font-size: 12px; font-family: 'geomanistbook'; text-transform: uppercase; } .nav > .inner > ul li > a:hover { color: @nav-hover-color; text-decoration: none; } // footer .footer { } .footer > .social > .inner { width: 960px; } .bottom-boxes > .inner { width: 960px; } // main .wrap { width: 980px; margin: 0 auto; } //prod-categories .cat > .img-container > .prod-count > span > span { margin: 95px 0 0 0; } h2 { font-size: 26px; width: 960px; } h2 > .more { } // category-list-1 .category-list-1 { margin: 0 0 30px 0; } .category-list-1 > .left, .static-1 > .left { margin: 0 10px; width: 220px; } .category-list-1 > .right, .static-1 > .right{ margin: 0; width: 740px; } //login-reg split .login-reg-split > .left { width: 280px; margin: 0 0 0 10px; } .login-reg-split > .right { width: 580px; margin: 0 0 0 0; float: right; } .quick-view > span { top: 64px; } .quick-view > span > i { padding: 0 5px 0 0; } .product-list-2 .large .quick-view > span { top: 217px; } .product-list-2 .quick-view > span { top: 94px; } //mian page prod sugg list .prod-suggest { width: 980px; } .prod-suggest > .product-list { width: 980px; height: 220px; } .prod-suggest > .product-list > .product { width: 16.666666%; } .prod-suggest > .left-arrow { left: -35px; top: 114px; } .prod-suggest > .right-arrow { right: -35px; top: 114px; } .prod-suggest .quick-view > span { top: 53px; } // cat suggest .cat-suggest { width: 980px; margin: 0 auto 30px auto; } .cat-item { width: 33.3333%; padding: 0 10px; float: left; margin: 0 0 20px 0; } .cat-item > table, .cat-item > table tr td { border-collapse: collapse; border: 1px solid @prod-img-border; } .td-large { width: 225px; height: 225px; } .td-small { width: 80px; height: 80px; } // product .prod { width: 980px; margin: 0 auto 30px auto; } .prod > .right { height: 500px; } .tab-container { height: 200px; } .tab-container > .content { height: 120px; } }