@media all and (max-width:1920px) {
    #promobanners ul li {
        width: 32.5%
    }
}

@media all and (max-width:1100px) {
    #promobanners ul li {
        width: 31.6%
    }
}

@media all and (max-width:1025px) {
    #content {
        float: right;
        width: 74%
    }
    #container ul.products li.last {
        margin: 0 8px 20px 0;
        padding: 0;
        width: 185px;
        float: left;
        height: 280px
    }
    #container ul.products li {
        margin: 0 8px 20px 0
    }
    #imgcategory,
    #imgcategory img {
        width: 100%
    }
}

@media all and (max-width:1000px) {
    #proall .bigphoto:before {
        position: absolute;
        background: 0 0;
        height: 72%;
        content: "";
        z-index: 999;
        right: 0;
        left: 22%;
        width: 100%
    }
    #menu {
        display: block;
        margin: 0 0 2px
    }
    #header h2,
    #header h2 a {
        width: 100%
    }
    #header .center {
        display: block;
        margin: 0;
        padding: 0
    }
    #maincenter,
    #manufacturer,
    #multitabs,
    #newarrivals,
    #slide {
        display: none
    }
    #header p.delivery,
    #header p.phone {
        clear: right;
        margin: auto;
        float: none;
        padding: 2px 0
    }
    #header p.delivery {
        clear: none;
        margin: 25px 30px 0 0
    }
    #header form {
        float: left;
        clear: left;
        padding: 0;
        width: 303px
    }
    #header .acountbox {
        width: 366px;
        float: none;
        margin: 0 auto
    }
    #categoriespage ul.products li,
    #contentpage ul.products2 li {
        margin: 0 5px 20px 0
    }
    #footer .bottom p {
        width: 100%;
        float: none;
        text-align: center;
        line-height: 30px
    }
    #footer ul {
        width: 22%;
        border-right: 0;
        height: 180px
    }
    #contentpage,
    #newarrivals .bannersbottom .bannerspot,
    #newarrivals .bannersbottom .bannerspot img,
    #slidebanners .right .slideright,
    #slidebanners .right .slideright .title,
    #slidebanners .slider,
    #threebanners {
        width: 100%
    }
    #contentpage {
        float: left;
        max-width: 1000px;
        clear: both
    }
    #contentpage ul.products2 {
        padding: 0
    }
    #threebanners {
        margin: 0 auto;
        float: none;
        text-align: center
    }
    #threebanners .banner {
        float: none;
        margin-bottom: 10px!important;
        margin: 0
    }
    #threebanners .banner:nth-child(3n+3) {
        margin-right: 0
    }
    #data,
    #newarrivals .bannersbottom,
    #newarrivals .box,
    #proall,
    #slidebanners .right {
        margin: 0 auto;
        float: none
    }
    #slidebanners .right {
        width: 100%;
        text-align: center
    }
    #mainbanner {
        margin: 0 auto 10px
    }
    #card .authenticity,
    #card .gift {
        margin: 0 auto;
        float: none;
        width: 95%
    }
    #proall {
        width: 100%!important
    }
    #data {
        width: %
    }
    #proall .bigphoto img {
        width: 98%;
        height: auto
    }
    #data .discount,
    #gallery_01 {
        width: 100%!important
    }
    #btnAddToBasket,
    .AddToBasketButtonContainer,
    .dlw100_ProdControl1_MultiBuy {
        width: 98%!important
    }
    #data span {
        text-align: center;
        margin-bottom: 4px
    }
    #cart {
        margin-right: 4px
    }
}

@media all and (max-width:920px) {
    #steps .characteristic .add,
    #steps .characteristic .priceprint {
        position: relative;
        left: 10px;
        top: inherit;
        text-align: left
    }
}

@media all and (max-width:900px) {
    #header h2,
    #header h2 a {
        width: 100%
    }
    #header h1 a,
    h1 {
        text-align: center;
        margin: 5px auto!important;
        width: 100%!important;
        float: none!important;
        padding-top: 10px!important;
        display: inline-table!important
    }
    #header form,
    #header p.delivery,
    #header p.phone {
        margin: auto auto 15px;
        float: none;
        padding: 2px 0
    }
    #steps .step2 .newplayer {
        position: relative
    }
    #steps .step2 .priceprint {
        position: relative;
        top: inherit;
        text-align: left
    }
    #content .products ul.categories li {
        width: 49%;
        margin-left: 0;
        margin-right: 0;
        clear: none
    }
    #header .acountbox {
        width: 366px;
        float: none;
        margin: 0 auto
    }
    #adverts .box.newsletter {
        width: 100%
    }
    #adverts .box.newsletter form {
        max-width: 350px;
        margin: auto
    }
    .overpanel .quicklookbox {
        margin: 0 auto;
        background: #FFF;
        max-width: 820px;
        width: 100%;
        padding: 10px 10px 20px;
        box-shadow: 0 0 20px #000;
        position: relative;
        top: 10%;
        height: 380px;
        overflow: auto
    }
    #navigation .menu {
        display: none
    }
    #navigationmenu {
        display: block
    }
    #navigationmenu select {
        margin: 0 auto;
        padding: 10px 5px;
        text-align: center;
        width: 250px;
        display: block;
        clear: both;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px
    }
    #menujust .menu select {
        display: block;
        width: 265px;
        margin: 0 auto;
        padding: 10px 5px;
        height: 40px
    }
    #header .headleft {
        width: 100%;
        display: block;
        margin: 0 auto;
        float: none
    }
    #header .headleft h1 {
        float: none;
        width: 100%
    }
    #header .headleft h1 a {
        text-align: center;
        width: 100%;
        margin-top: 30px
    }
    #header .headleft .tip,
    #header .right,
    #header .right .bag,
    #header .right .deliv,
    #header .searchsite {
        margin: 0 auto;
        display: block;
        float: none
    }
    #header .right .bag {
        width: 210px;
        clear: both
    }
    .side-col,
    .wrapper,
    .wrapper-3 {
        width: 100%!important
    }
    #categoriespage ul.products li,
    #contentpage ul.products2 li {
        margin: 0 5px 20px 0
    }
    #contentpage {
        float: left
    }
    #contentpage ul.products2 {
        padding: 0
    }
    #data,
    #proall,
    #related {
        margin: 0 auto;
        float: none
    }
    .side-col {
        float: left
    }
    .col-2-left-layout .col-main {
        float: left!important;
        width: 100%!important
    }
    .wrapper-3 {
        min-width: 100%!important
    }
    .optician-slide-description {
        display: none
    }
}

@media all and (max-width:730px) {
    #content,
    #descrgame {
        float: left
    }
    .sb {
        right: 24%!important;
        margin-left: -250px!important;
        max-width: 450px!important
    }
    .sb form input[type=submit] {
        padding: 18px 10px;
        font-size: 16px;
        text-transform: uppercase;
        border: none;
        background: #F26501;
        color: #fff;
        width: 100%!important;
        margin: 0;
        cursor: pointer
    }
    .sb form input[type=text],
    .sb form input[type=password],
    .sb form input[type=email],
    .sb form textarea {
        width: 100%!important
    }
    #navigationmenu {
        display: block;
        text-align: center;
        margin: 0 auto
    }
    #navigation {
        display: none
    }
    #main ul.products li.last {
        margin: 0 16px 10px 0;
        padding: 0;
        width: 150px;
        float: left;
        text-align: center
    }
    #navigationmenu select {
        padding: 5px;
        width: 277px
    }
    #game {
        width: 100%
    }
    #descrgame {
        width: 30%
    }
    #question2 {
        width: 60%;
        float: right;
        margin-top: 0
    }
    #container .seegame ul li {
        width: 42%
    }
    #content,
    #content .products ul li {
        width: 100%
    }
    #container ul.pagingtext li .textright {
        width: 72%
    }
    #relative ul.products li {
        width: 100%;
        margin-right: 10px!important;
        height: 200px
    }
    #relative ul.products li:nth-child(3n+1) {
        margin-right: 0!important
    }
    #header h2,
    #header h2 a {
        width: 100%
    }
    #header .center {
        width: 326px;
        margin: 0 auto;
        float: none;
        clear: both
    }
    #header form,
    #header p.delivery,
    #header p.phone {
        margin: auto auto 15px;
        float: none;
        padding: 2px 0
    }
    #header p.topmenu {
        float: left;
        padding: 40px 0 0;
        background: url(../images/icon_menu.png) center center no-repeat #E6E6E6;
        display: block;
        margin: 0;
        height: 0;
        width: 40px;
        position: relative;
        z-index: 10
    }
    #header p.topmenu a {
        margin: 0;
        padding: 0 5px;
        clear: both;
        float: none;
        width: 90px;
        background: #7B7B7B;
        white-space: nowrap;
        display: none;
        font-size: 11px;
        line-height: 25px
    }
    #header .acountbox,
    #header .acountbox>ul {
        float: right;
        position: relative;
        z-index: 10
    }
    #header p.topmenu:hover a {
        display: block
    }
    #header p.topmenu a:hover {
        background: #d92612;
        color: #FFF
    }
    #header .acountbox {
        margin: -97px 0 0;
        padding: 40px 0 0;
        height: 0;
        width: 40px;
        background: url(../images/acount_back.png) center center no-repeat #E6E6E6
    }
    #header .acountbox>ul {
        margin: 0;
        padding: 0;
        background: #E6E6E6;
        width: 155px;
        display: none
    }
    #header .acountbox ul>li>ul>li,
    #header .acountbox:hover>ul {
        display: block
    }
    #header .acountbox>ul>li {
        display: block;
        margin: 0;
        padding: 0;
        clear: both;
        float: none;
        position: static
    }
    #header .acountbox ul>li.basket>a span,
    #header .acountbox ul>li.wishlist>a span {
        width: auto
    }
    #header .acountbox ul>li>ul {
        position: relative;
        background: #E6E6E6;
        margin: 0;
        padding: 0;
        width: 155px;
        clear: both;
        float: none;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0
    }
    #header .acountbox ul>li>ul>li,
    #header .acountbox ul>li>ul>li>ul {
        position: static;
        margin: 0;
        padding: 0;
        clear: both;
        float: none;
        background: #E6E6E6;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0
    }
    #adverts .box h3 {
        font-size: 20px;
        line-height: 20px
    }
    #content .products ul.categories li {
        width: 49%;
        margin-left: 0;
        margin-right: 0;
        clear: none
    }
    ul.categories li:nth-child(3n+1) {
        clear: left
    }
    .sidebar+.content ul.products li,
    .sidebar+.content ul.products li:nth-child(3n+1),
    .sidebar+.content ul.products li:nth-child(4n+1) {
        width: 48%;
        margin-left: 2%;
        clear: none
    }
    .sidebar+.content ul.products li:nth-child(2n+1) {
        margin-left: 0;
        clear: left
    }
    ul.products li,
    ul.products li:nth-child(4n+1) {
        width: 32%;
        margin-left: 1.5%;
        clear: none
    }
    #main .sidebar {
        width: 25%
    }
    #main .sidebar+.content {
        width: 73%
    }
    .filters p {
        width: auto;
        margin-right: 20px
    }
    #contentpage,
    #sidebar {
        width: 100%
    }
    ul.products li:hover .allbox {
        top: 110px;
        background: rgba(255, 255, 255, .92)
    }
    #footer ul {
        width: 47%;
        border-right: 0;
        height: 180px
    }
    #sidebar {
        margin: 0
    }
    #contentpage ul.products2 li {
        margin: 0 34px 20px 42px
    }
}

@media all and (max-width:600px) {
    #header h1,
    #header h1 a {
        width: 100%
    }
    #top p.promo,
    #topjust {
        background: 0 0
    }
    #header h1 {
        text-align: center;
        margin: 0 auto;
        float: none;
        padding-top: 10px
    }
    #header ul.account {
        float: none;
        margin: 20px auto 0;
        text-align: center;
        display: block;
        width: 267px
    }
    #main h2 {
        text-align: center;
    }
    .search {
        width: 298px
    }
    #container .seegame ul li {
        width: 95%
    }
    #steps .characteristic input {
        width: 94%!important
    }
    #steps .details p.proprice {
        float: left;
        margin-left: 5px;
        width: 100%
    }
    #steps .step2 .last {
        float: left;
        margin: 15px 0 15px 5px;
        display: block;
        width: 100%;
        text-align: left
    }
    #top p.promo,
    #top p.topmenu {
        text-align: center;
        float: none
    }
    #steps .step2 {
        padding-left: 0
    }
    #steps .step2 .circle {
        position: relative
    }
    #steps .step2 ul.group2 input {
        width: 94%!important;
        margin: 5px 0!important
    }
    #top {
        min-height: inherit;
        max-height: inherit
    }
    #top p.promo {
        padding: 0
    }
    #top p.topmenu {
        display: block;
        padding: 2px 0 0;
        font: 12px/13px 'Noto Sans', sans-serif;
        clear: right;
        margin: 0 auto;
        width: 100%
    }
    #top p.topmenu a {
        display: inline-block;
        float: none
    }
    #tabs ul.products li {
        height: 280px
    }
    #tabs ul.products li .allbox {
        position: absolute;
        top: 197px
    }
    #tabs ul.products li:hover .allbox {
        position: absolute;
        top: 120px
    }
    #tabs ul.products li .allbox h4 {
        width: 270px
    }
    .overpanel .quicklookbox {
        margin: 0 auto;
        background: #FFF;
        max-width: 497px;
        width: 100%;
        padding: 10px 10px 20px;
        box-shadow: 0 0 20px #000;
        position: relative;
        top: 10%;
        height: 380px;
        overflow: auto
    }
    #contentpage ul.products2 li {
        margin: 0 auto;
        float: none
    }
}

@media all and (max-width:550px) {
    .sb {
        right: 24%!important;
        margin-left: -116px!important;
        max-width: 182px!important
    }
    .sb form input[type=submit] {
        padding: 18px 10px;
        font-size: 16px;
        text-transform: uppercase;
        border: none;
        background: #F26501;
        color: #fff;
        width: 100%!important;
        margin: 0;
        cursor: pointer
    }
    .sb form input[type=text],
    .sb form input[type=password],
    .sb form input[type=email],
    .sb form textarea {
        width: 100%!important
    }
    #footer ul li {
        display: block!important
    }
    #container ul.pagingtext li .photo {
        width: 100%;
        margin: 0 auto;
        display: block;
        text-align: center;
        float: none
    }
    #container ul.pagingtext li .textright {
        float: left;
        width: 100%
    }
    #container ul.pagingtext li .photo img {
        float: none;
        width: auto
    }
    #promobanners ul li {
        margin-right: 10px;
        width: 99%;
        border: 1px solid #ddd;
        float: left;
        display: block;
        margin-top: 10px
    }
    #footer p.b2b,
    #footer p.banks,
    #footer p.social {
        width: 100%;
        text-align: center;
        margin: 5px 0;
        padding: 0
    }
    #footer p.social a {
        display: inline-block;
        float: none
    }
    #footer p.banks img {
        width: auto;
        height: auto;
        max-width: 30%
    }
    #content .products ul.categories li {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        clear: none
    }
    #content .products ul.categories li:nth-child(2n+1) {
        clear: left
    }
    #main .sidebar {
        width: 100%;
        float: none
    }
    #main .sidebar ul li {
        width: 100%;
        float: left
    }
    #main .sidebar+.content {
        width: 100%;
        float: none;
        clear: both
    }
    #relative ul.products li {
        width: 100%;
        margin-right: 10px!important;
        height: 200px
    }
    #relative ul.products li:nth-child(3n+1) {
        margin-right: 0!important
    }
    ul.products li,
    ul.products li:nth-child(3n+1),
    ul.products li:nth-child(4n+1) {
        width: 48%;
        margin-left: 4%;
        clear: none
    }
    ul.products li:nth-child(2n+1) {
        margin-left: 0;
        clear: left
    }
    #product .data,
    #product .photos {
        float: none;
        width: 100%;
        clear: both
    }
    #footer .lists ul {
        width: 46%;
        margin-bottom: 15px
    }
    #tabs ul.products li .allbox {
        top: 196px
    }
    #tabs ul.products li {
        height: 273px
    }
    ul.products li:hover .allbox {
        top: 115px;
        background: rgba(255, 255, 255, .92)
    }
    ul.products li .allbox h4 {
        width: 280px
    }
    .overpanel .quicklookbox {
        margin: 0 auto;
        background: #FFF;
        max-width: 460px;
        width: 100%;
        padding: 10px 10px 20px;
        box-shadow: 0 0 20px #000;
        position: relative;
        top: 10%;
        height: 325px;
        overflow: auto
    }
    #footer ul {
        width: 100%;
        height: 135px;
        border-right: 0
    }
    #categoriespage ul.products li {
        margin: 0 5px 20px 0
    }
    #whatlens ul li.disab {
        width: 100%!important
    }
    .optician-li-select ul li {
        float: none!important;
        margin-bottom: 10px!important
    }
    .optician-li-select ul {
        width: auto!important;
        position: absolute;
        top: 119px!important
    }
    .optician-window .optician-main {
        width: 100%!important
    }
    .middle {
        min-height: auto!important
    }
    .optician-window {
        height: 650px!important
    }
    .optician-buttons {
        width: auto!important
    }
    .optician-content {
        height: 602px!important
    }
    .optician-title {
        height: 46px!important
    }
    .optician-question label {
        float: none!important
    }
    .optician-measurements ul {
        width: 150px!important
    }
}

@media all and (max-width:450px) {
    #navigation>ul>li {
        width: 25%
    }
    #navigation>ul>li>div {
        width: 100%
    }
    #navigation>ul>li>div>ul {
        width: 50%;
        border-left: none 0
    }
    #navigation>ul>li>a {
        font-size: 14px;
        padding: 0;
        text-align: center
    }
    #descrgame {
        width: 92%;
        float: left
    }
    #adverts .box,
    #question2 {
        width: 100%
    }
    #question2 {
        margin-top: 10px;
        margin-bottom: 10px
    }
    #tabs ul.titles li {
        margin: 0
    }
    #tabs ul.titles li a {
        font-size: 13px;
        padding: 0 10px
    }
    #relative {
        float: left;
        width: 99%
    }
    #product .fullpro #tabs {
        width: 100%
    }
    #product .fullpro #tabs .content {
        width: 92%
    }
    #header form {
        width: 98%
    }
    #footer .newsletter p input[type=text] {
        width: 80%
    }
    #probanner {
        width: 100%
    }
    #tabs ul.products li {
        height: 280px
    }
    #tabs ul.products li .allbox {
        top: 200px
    }
    #tabs ul.products li:hover .allbox {
        top: 120px;
        background: rgba(255, 255, 255, .92)
    }
    ul.products li .allbox {
        top: 114px
    }
    ul.products li:hover .allbox {
        top: 40px;
        background: rgba(255, 255, 255, .92)
    }
    #relative ul.products li .allbox h4 {
        display: block;
        width: 100%
    }
    #tabs ul.products li .allbox h4 {
        width: 278px
    }
    #footer ul {
        width: 100%;
        border-right: 0;
        height: 137px
    }
    #header .headleft h1 a {
        text-align: center;
        width: 100%;
        margin-top: 98px
    }
    #categoriespage ul.products {
        margin-top: 25px
    }
    #frontbanners .bannersf,
    #related ul.products li {
        float: none;
        margin: 0 auto
    }
    #categoriespage ul.products li {
        padding: 0;
        width: 233px;
        float: none;
        position: relative;
        margin: 0 auto
    }
    #data,
    #proall,
    #proall .bigphoto {
        width: 100%
    }
    #data .help {
        display: none
    }
    #gallery_01 {
        width: 100%!important
    }
    img#zoom_03 {
        width: 94%
    }
    #cartbox p.quantity {
        clear: both
    }
    #cartbox,
    .side-col {
        width: 100%
    }
}