/*
device screen height 	      web site safe area
                              width 	height
iphone portrait (480 px) 	 310 px 	352 px
iphone landscape (320 px) 	 468 px 	202 px
ipad portrait (1024 px) 	 750 px 	920 px
ipad landscape (768 px)     1010 px 	660 px
screen : 768 px              989 px 	548 px
screen : 800 px             1245 px 	580 px
screen : 864 px             1117 px 	644 px
screen : 900 px             1405 px 	680 px
screen : 1024 px            1245 xp 	775 px
screen : 1050 px            1645 px 	825 px
screen : 1080 px            1885 px 	860 px
screen : 1200 px            1885 px 	980 px
screen : 1440 px            2525 px 	1220 px
*/




@media screen and (max-width: 1200px) {
    div.wrapper {
        max-width: 100%;
    }
}
@media screen and (max-width: 1000px) {
    div#main, #footer {
        width: 100%;
    }
    .eshop-order-step-info a,
    .eshop-order-step-info a .no-mobile {
        display: none;
        margin-right: 0px;
    }
    .eshop-order-step-info a.sel {
        display: block;
    }
    .eshop-order-step-info a span.mobile {
        display: inline;
    }
}

@media screen and (max-width: 900px) {
    
    div#menu-main {
        display: none;
    }
    .div-web-search-input .form-text {
        width: 220px;
    }
    .div-web-search-input .quicksearchResult {
        left: -50%;
    }
    
    a.mobile-menu {
        display: block;
    }
        
    div#left {
        display: none;
    }

    div#header {
        padding: 10px 0px;
    }
    div#header a#logo {
        margin-left: 20px;
        margin-top: 0px;
    }
    div#header a.basket {
        background-size: 20px;
        width: 100px;
        right: 90px;
        padding-left: 30px;
    }    
    div#header a.basket div {
        display: none;
    }
    
    h1 {
        margin-right: 50px;
    }

}

@media screen and (max-width: 840px) {

    .div-products-sort {
        display: none;
    }
    .div-web-search-input .form-text {
        width: 300px;
    }
    .div-web-search-input {
        top: 75px;
        left: 10px;
        right: auto;
        position: absolute;
        
    }
    .div-web-search-input .quicksearchResult {
        left: 0px;
    }

    #eshop-basket-content-little, #eshop-basket-content-little-link {
        top: 10px;
    }
    
    div#header {
        padding-bottom: 40px;
    }
    div#header .contact {
        top: 62px;
    }
    div#header .contact > div {
        display: inline-block;
    }
    
    
    #left {
        display: none;
    }
    
    #menu-main > div {
        display: none;
        position: absolute;
        top: 50px;
        background: #464646;
        z-index: 1500;
    }
    #menu-main > div a {
        display: block;
        padding: 15px 30px;
        white-space: nowrap;
    }
    #menu-main > div a:hover {
        background: #222;
    }
    #menu-main > div a.sel {
        border: 0px;
        background: #222;
    }

    #footer .inner > div:nth-child(1),
    #footer .inner > div:nth-child(5) {
        display: none;
    }
    #footer .inner > div:nth-child(2),
    #footer .inner > div:nth-child(3),
    #footer .inner > div:nth-child(4),
    #footer .inner > div {
        float: none;
        display: block;
        width: 100%;
        padding-bottom: 20px;
        margin: 0px;
        margin-bottom: 20px;
        text-align: center;
        border-bottom: 2px solid #555;
    }
    #footer .inner > div:last-child {
        border-bottom: 0px;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    #footer .inner > div a {
        background: none;
    }
    #footer .signature {
        border: none;
        text-align: center;
    }

    div.top > div.wrapper > div {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    div.top {
        text-align: center;
    }
    a.mobile-menu {
        top: 112px;
    }
    div.mobile-menu-content {
        top: 200px;
    }

}

@media screen and (max-width: 640px) {

    div.mobile-menu-content {
        top: 165px;
    }
    .eshop-product.preview {
        width: 47%;
        margin-right: 1%;
    }

    .eshop-product.preview2 .price {
        right: 10px;
        top: 30px;
    }
    .eshop-product.preview2 .order-form {
        top: 80px;
    }
    
    div#header {
        text-align: center;
        padding-bottom: 100px;
    }
    div#header a#logo {
        margin-left: 0px;
        margin-top: 10px;
    }

    .div-web-search-input {
        top: 100px;
        left: calc(50% - 140px);
    }
    div#header a.basket {
        top: 130px;
        left: calc(50% - 60px);
    }
    .div-web-search-input .form-text {
        width: 250px;
    }
    .div-web-search-input .quicksearchResult {
        width: 450px;
        left: -100px;
    }

    a.mobile-menu {
        top: 110px;
    }
    div.mobile-menu-content {
        top: 190px;
    }


    .homepage-menu > a, .menu-bloky > a {
        width: 49%;
    }

}

@media screen and (max-width: 520px) {
    div#header .contact > div {
        display: block;
    }

    a.mobile-menu {
        top: 140px;
    }
    div.mobile-menu-content {
        top: 230px;
    }

}



@media screen and (max-width: 480px) {
    .eshop-product.preview2 .parameters {
        display: none;
    }
    
    .div-web-search-input .quicksearchResult {
        width: 320px;
        left: -30px;
    }

    .module-text-content table tr td {
        display: block;
        width: 100%;
        text-align: center;
    }
    .gallery-image {
        display: inline-block;
        width: 100%;
        margin: 0%;
    }
    div:not(.eshop-product-detail-pictures) > .gallery-image a {
        display: none;
    }
    div:not(.eshop-product-detail-pictures) > .gallery-image .big {
        display: block;
        text-align: center;
    }

    a.mobile-menu {
        top: 260px;
        right: 70px;
        right: calc(50% - 150px);
    }
    div.mobile-menu-content {
        top: 320px;
    }
    
}


@media screen and (max-width: 390px) {
    div#header a#logo {
        width: calc(100% - 100px);
        margin-left: 10px;
        background-size: 100% auto;
    }
    .eshop-product.preview {
        width: 97%;
        margin-right: 0%;
    }

    div.top > div.wrapper > div {
        font-size: 0.8em;
    }
    a.mobile-menu {
        top: 250px;
    }
}