/*
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
*/


/* SPOLOCNE */

@media screen and (max-width: 600px) {
    form label:not(.fullwidth) {
        display: block;
        margin-top: 5px;
        min-height: 0px;
    }
    
    .eshop-order-step-info a {
        margin-right: 0px;
    }
    .eshop-order-step-info a:not(.sel),
    .eshop-order-step-info a.passed span.passed,
    .eshop-order-step-info a span.no-mobile {
        display: none;
    }
    .eshop-order-step-info a span.mobile {
        display: inline;
    }
    .eshop-order-step-info a {
        display: block;
    }    

}



/* SPECIALNE PRE WEB*/

@media screen and (max-width: 1200px) {
    div.wrapper {
        width: 100%;
        padding: 0px 20px;
    }
    #homepage-slider div.wrapper {
        padding: 0px;
    }
    div#header a#logo {
        left: 20px;
    }
    div#header div.phone {
        right: 20px;
    }
}

@media screen and (max-width: 950px) {
    #menu-main {
        float: none;
    }
    #menu-main a.mobile-menu {
        display: block;
    }
    #menu-main > div {
        display: none;
        position: absolute;
        top: 45px;
        right: 0px;
        background: #464646;
        z-index: 1500;
        width: 100%;
        padding: 0px 0px;
    }
    #menu-main > div a:first-child {
        border-top: 1px solid #777;
    }
    #menu-main > div a {
        display: block;
        padding: 15px 30px;
        white-space: nowrap;
        margin-right: 0px;
        margin-left: 0px;
        font-size: 1.5em;
        text-align: center;
        border-bottom: 1px solid #777;
    }
    #menu-main > div a:hover,
    #menu-main > div a.sel:hover {
        background: #222;
        border-bottom: 1px solid #777;
    }
    #menu-main > div a.sel {
        border: 0px;
        background: #222;
        border: 0px;
        border-radius: 0px;
        border-bottom: 1px solid #777;
    }
}

@media screen and (max-width: 880px) {
    .eshop-product.preview,
    .eshop-product.preview:nth-child(4n) {
        width: 32%;
        margin-right: 1%;
        background: none;
    }
    .eshop-product.preview:nth-child(3n) {
        margin-right: 0px;
    }
}

@media screen and (max-width: 768px) {
    
    .div-web-search-input .form-text {
        width: 220px;
    }
    .div-web-search-input {
        right: 250px;
    }
    
    div#left {
        display: none;
    }
    
    #homepage-slider .wrapper {
        height: auto;
    }
    #homepage-slider > .wrapper > .left,
    #homepage-slider > .wrapper > .right,
    div#content > .left,
    div#content > .right {
        float: none;
        width: 100%;
        clear: both;
    }
    #homepage-slider .wrapper h2 {
        margin: 0px;
    }
    #homepage-slider .wrapper .right h2 {
        text-shadow: 0px 0px 15px rgba(0,0,0,0.5);
    }
    #homepage-slider > .wrapper > .right {
        
    }
    #homepage-slider > .wrapper > .left {
        padding: 20px 10%;
    }

}

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

    .div-products-sort {
        display: none;
    }
    .div-web-search-input .form-text {
        width: 190px;
    }
    .div-web-search-input {
        top: 90px;
        right: 0px;
    }

    #eshop-basket-content-little, #eshop-basket-content-little-link {
        top: 10px;
    }
    
    div#header .contact {
        top: 62px;
    }
    div#header .contact > div {
        display: inline-block;
    }
    
    
    #left {
        display: none;
    }

}



@media screen and (max-width: 640px) {
    .eshop-product.preview,
    .eshop-product.preview:nth-child(3n),
    .eshop-product.preview:nth-child(2n) {
        width: 49%;
        margin-right: 1%;
        background: none;
    }
    .eshop-product.preview:nth-child(2n) {
        margin-right: 0px;
    }
    .div-order-outer .loginbox fieldset {
        float: none;
        margin-bottom: 20px;
        display: block;
        width: 99%;
        box-sizing: border-box;
        height: auto;
    }
    
}



@media screen and (max-width: 580px) {
    .eshop-product.preview2 .price {
        right: 10px;
        top: 30px;
    }
    .eshop-product.preview2 .order-form {
        top: 80px;
    }
    
    div#footer > .wrapper > div,
    div#footer > .wrapper > div:first-child {
        float: none;
        text-align: center;
        width: 100%;
        display: block;
        margin-left: 0px;
        padding: 10px 0px;
    }
    

}

@media screen and (max-width: 520px) {
    
    .div-web-search-input {
        top: 110px;
    }
    div#header .contact > div {
        display: block;
    }
    
    div#header .wrapper {
        height: 190px;
    }
    div#header div.phone {
        top: 105px;
        left: calc(50% - 80px);
        white-space: nowrap;
    }
    div#header div.phone2 {
        top: 145px;
        left: calc(50% - 80px);
        white-space: nowrap;
    }
    div#header a#logo {
        margin-left: 50%;
        left: -110px;
        position: absolute;
    }
    #menu-main a.mobile-menu {
        top: 40px;
    }
    #menu-main > div {
        display: none;
        position: absolute;
        top: 85px;
    }
}


@media screen and (max-width: 480px) {
    .eshop-product.preview2 .parameters {
        display: none;
    }
    div#main, #footer {
    }
    .eshop-product.preview,
    .eshop-product.preview:nth-child(3n),
    .eshop-product.preview:nth-child(2n),
    .eshop-product.preview:nth-child(1n) {
        width: 100%;
        margin-right: 0%;
        background: none;
    }
    
}


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

}