/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    body {
        background: url("../graphics/bodyBg_grid420.png") repeat-x scroll 0 11px #FBFBFB;
    }

    .frontpage .header.five.columns,
    .inCart .header.five.columns,
    body.bodyPageId86 .header.five.columns {
        padding-top:44px;
    }
    .bodyPageTypecheckout .inCart .header.five.columns{
        padding-top:0;
    }

    #exposeMask{
        position:fixed !important;
    }

    #Mobil-Menu{
        background:#fff;
        float:left;
        width:298px;
        height:42px;
        border:1px solid #d4d4d4;
        display:block !important;
        position:fixed;
        z-index:10;
    }

    .bodyPageTypecheckout #Mobil-Menu{
        position:relative;
    }

        #Mobil-Menu .cartW{
            float:left;
            left:0px;
            border:0px;
            border-right:1px solid #d4d4d4 !important;
            width:150px;
            padding-top:17px;
        }
        .menu-padder{
            left:-1px;
            padding:0 70px 70px 0;
        }
        #Mobil-Menu .cartW #CartPreviewContent{
            background:#fff;
            /*width:138px !important;*/
        }
        #Mobil-Menu #MenuContainer{
            float:right;
            margin:7px 11px 0 0;
        }
            #Mobil-Menu #MenuContainer #showMenuBtn{
                background:url('../graphics/showMenuBtn.png') no-repeat 0 0;
                float:left;
                width:34px;
                height:28px;
                cursor:pointer;
            }

            #overlay-menu{
                background:#fff;
                float:left;
                /*top:36px !important;*/
                width:273px;
                border:1px solid #ff6600;
            }
            #overlay-menu .close{
                background:url('../graphics/showMenuBtn.png') no-repeat 0 0;
                float:left;
                width:34px;
                height:28px;
                position:absolute;
                top:-29px;
                right:-1px;
                cursor:pointer;
            }

            #overlay-menu .overlay-content-wrapper{
                float:left;
                width:253px;
                padding:10px;
            }

            #Menu-Mask{
                float:left;
                width:253px;
                overflow:hidden;
            }
            #Menu-slide{
                float:left;
                width:1012px;
                position:relative;
                left:0;
            }
                .menu-item{
                    float:left;
                    width:253px;
                    position:relative;
                    display:inline-block;
                    min-height:20px;
                }
                    .menu-item ul{
                        background:#fff;
                        float:left;
                        width:253px;
                    }
                    .menu-item li{
                        float:left;
                        width:253px;
                        margin:0 0 10px 0;
                    }
                    .menu-item li a{
                        background:#2e2e2e;
                        float:left;
                        display:block;
                        width:193px;
                        height:28px;
                        line-height:28px;
                        padding:0 10px;
                        color:#fff;
                        font-size:20px;
                        text-decoration:none;
                    }

                    .menu-item li .btn{
                        background:url('../graphics/menuSliderBtn.png') no-repeat 0 0;
                        float:right;
                        width:32px;
                        height:28px;
                        cursor:pointer;
                    }

                    .menu-item .btn_bck{
                        background:url('../graphics/menuSliderBtn_bck.png') no-repeat 0 0;
                        float:left;
                        width:211px;
                        height:28px;
                        line-height:28px;
                        padding:0 0 0 42px;
                        color:#2e2e2e;
                        font-size:20px;
                        margin:0 0 10px 0;
                        cursor:pointer;
                    }

                    #Second-level-menu ul,
                    #Third-level-menu ul,
                    #Fourth-level-menu ul{
                        float:left;
                        position:absolute;
                        top:0;
                        left:0;
                        z-index:1;
                    }

            .m-links{
                float:left;
                width:100%;
            }
                .m-links ul{
                    list-style:none;
                    float:left;
                    width:100%;
                }
                    .m-links ul li{
                        float:left;
                        margin:0 0 10px 0;
                    }
                        .m-links ul li a{
                            background:#585858;
                            float:left;
                            display:block;
                            width:193px;
                            height:28px;
                            line-height:28px;
                            padding:0 10px;
                            color:#fff;
                            font-size:20px;
                            text-decoration:none;
                        }

                    .m-links ul li.your-account,
                    .m-links ul li:first-child{
                        display:none;
                    }

            #Menu-login{
                float:left;
                margin:0 0 10px 0;
            }
                #Menu-login table{
                    float:left;
                    width:100%;
                }
                    #Menu-login input#username{
                        margin:0 0 5px 0;
                    }
                    #Menu-login input#password_input{
                        margin:0 0 5px 0;
                    }

                #Menu-login .mn-header{
                    background:url('../graphics/menuSliderBtn_bck.png') no-repeat 0 0;
                    float:left;
                    width:211px;
                    height:28px;
                    line-height:28px;
                    padding:0 0 0 42px;
                    color:#2e2e2e;
                    font-size:20px;
                    margin:0 0 10px 0;
                    cursor:pointer;
                }

                .login_btn{
                    background:url('../graphics/loginBtn.png') no-repeat 3px 0;
                    float:left;
                    padding:0 0 0 28px;
                    color:#585858;
                    line-height:18px;
                    cursor:pointer;
                }

            .Menu-Info{
                float:left;
                width:253px;
            }
                .flag{
                    float:left;
                    width:100%;
                    margin:0 0 20px 0;
                }
                    .flagsContainer{
                        float:left;
                        clear:both;
                    }

                        .flag .flagsContainer a img{
                            float:left;
                            display:inline-block;
                            margin:2px 12px 0 0;
                        }
                        .flag .flagsContainer a span{
                            float:left;
                            display:inline;
                            line-height:16px;
                        }
                .m-contact-info{
                    float:left;
                    width:100%;
                    margin:20px 0 0 0;
                }
                    .m-contact-info h2{
                        font-weight:normal;
                        font-size:11px;
                        line-height:normal;
                        margin:0 0 0 0;
                    }
                    .m-contact-info .sAddress{
                        float:left;
                        width:100%;
                        line-height:normal;
                    }
                        .m-contact-info .sZipcode,
                        .m-contact-info .sCity{
                            float:left;
                            display:inline-block;
                            line-height:normal;
                        }
                        .m-contact-info .sPhoneNumber,
                        .m-contact-info .sMail{
                            float:left;
                            width:100%;
                            line-height:25px;
                        }
                        .m-contact-info .sPhoneNumber{

                        }

    .header.five.columns{
        padding:44px 0 0 0;
    }

    .tt.sixteen.columns,
    .header.seven.columns,
    .header.four.columns{
        display:none;
    }

    .btnWrapper.left {
        width: 214px;
    }

    .btnWrapper .button .btnW input{
        margin:0 6px 0 0;
    }
    .btnWrapper .button.button_cancel .btnW input {
        width:68px;
    }

    .dsLine .button.button_update .btnW input{
        width:170px;
    }
    .dsLine input#coupon_code{
        width:158px;
    }

    .deliveryMethodTitle,
    .paymentMethodTitle{
        float:right;
        width:250px;
    }
    .error_text{
        padding:0 0 0 27px;
    }
    .deliveryMethodNote{
        width:278px;
    }
    #customerNotice{
        width:271px;
    }

    .step4 .paymentMethodDescription {
        padding-left: 24px;
    }

    .da-animate .ProductListButtonBuy {
        bottom:30px;
    }

    .bodyPageTypeProduktkatalog .ProductListItem:hover .da-animate a.ProductListButtonInfo {
        bottom: 63px;
        left:18px;
        width:93px;
    }
    .da-animate{
        /*width:148px;*/
    }
    .da-animate .ProductListButtonBuy {
        right:17px;
        width:113px;
    }
    .da-animate a.ProductListButtonBuy{
        width:73px;
    }
    .sixteen.outerW .header.three.columns{
        height:40px;
    }

    #SearchWrapper {
        width: 279px;
    }

    .search-input #text_search{
        width:225px;
    }

    .productList .ProductListLinkWrapper_style2,
    #ProductList_style2 .ProductListLinkWrapper_style2 {
        height:185px;
    }
    .productList .ProductListBg_style2,
    .productList .ProductListBg2_style2,
    #ProductList_style2 .ProductListBg_style2,
    #ProductList_style2 .ProductListBg2_style2{
        height: 195px;
    }

    .productList .ProductListImage_style2,
    #ProductList_style2 .ProductListImage_style2{
        padding:15px 0 0 0;
    }

    div.variantInfoBox {
        padding: 0 7px;
        width: 247px;
        margin:0 0 0 17px;
    }

    .productList .product-listing-sorting .countNumber{
        display:none;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    body {
        background: url("../graphics/bodyBg_grid420.png") repeat-x scroll 0 11px #FBFBFB;
    }

    .frontpage .header.five.columns,
    .inCart .header.five.columns,
    body.bodyPageId86 .header.five.columns {
        padding-top:44px;
    }
    .bodyPageTypecheckout .inCart .header.five.columns{
        padding-top:0;
    }

    /*.liner{
        top:-42px;
    }*/
    #exposeMask{
        position:fixed !important;
    }

    #Mobil-Menu{
        background:#fff;
        float:left;
        width:418px;
        height:42px;
        border:1px solid #d4d4d4;
        display:block !important;
        position:fixed;
        top:0;
        z-index:10;
    }

    .bodyPageTypecheckout #Mobil-Menu{
        position:relative;
    }

        #Mobil-Menu .cartW{
            float:left;
            left:0px;
            border:0px;
            border-right:1px solid #d4d4d4 !important;
            width:150px;
            padding-top:17px;
        }
        .menu-padder{
            width:180px;
            top:42px;
            left:-1px;
            padding:0 70px 70px 0;
        }
        #Mobil-Menu .cartW #CartPreviewContent{
            background:#fff;
            width:178px !important;
        }
        #Mobil-Menu #MenuContainer{
            float:right;
            margin:7px 11px 0 0;
        }
            #Mobil-Menu #MenuContainer #showMenuBtn{
                background:url('../graphics/showMenuBtn.png') no-repeat 0 0;
                float:left;
                width:34px;
                height:28px;
                cursor:pointer;
            }

            #overlay-menu{
                background:#fff;
                float:left;
                /*top:36px !important;*/
                width:392px;
                border:1px solid #ff6600;
            }
            #overlay-menu .close{
                background:url('../graphics/showMenuBtn.png') no-repeat 0 0;
                float:left;
                width:34px;
                height:28px;
                position:absolute;
                top:-29px;
                right:-1px;
                cursor:pointer;
            }

            #overlay-menu .overlay-content-wrapper{
                float:left;
                width:372px;
                padding:10px;
            }

            #Menu-Mask{
                float:left;
                width:372px;
                overflow:hidden;
            }
            #Menu-slide{
                float:left;
                width:1488px;
                position:relative;
                left:0;
            }
                .menu-item{
                    float:left;
                    width:372px;
                    position:relative;
                    display:inline-block;
                    min-height:20px;
                }
                    .menu-item ul{
                        background:#fff;
                        float:left;
                        width:372px;
                    }
                    .menu-item li{
                        float:left;
                        width:372px;
                        margin:0 0 10px 0;
                    }
                    .menu-item li a{
                        background:#2e2e2e;
                        float:left;
                        display:block;
                        width:312px;
                        height:28px;
                        line-height:28px;
                        padding:0 10px;
                        color:#fff;
                        font-size:20px;
                        text-decoration:none;
                    }

                    .menu-item li .btn{
                        background:url('../graphics/menuSliderBtn.png') no-repeat 0 0;
                        float:right;
                        width:32px;
                        height:28px;
                        cursor:pointer;
                    }

                    .menu-item .btn_bck{
                        background:url('../graphics/menuSliderBtn_bck.png') no-repeat 0 0;
                        float:left;
                        width:211px;
                        height:28px;
                        line-height:28px;
                        padding:0 0 0 42px;
                        color:#2e2e2e;
                        font-size:20px;
                        margin:0 0 10px 0;
                        cursor:pointer;
                    }

                    #Second-level-menu ul,
                    #Third-level-menu ul,
                    #Fourth-level-menu ul{
                        float:left;
                        position:absolute;
                        top:0;
                        left:0;
                        z-index:1;
                    }

            #Menu-login{
                float:left;
                margin:0 0 10px 0;
            }
                #Menu-login table{
                    float:left;
                    width:100%;
                }
                    #Menu-login input#username{
                        margin:0 0 5px 0;
                    }
                    #Menu-login input#password_input{
                        margin:0 0 5px 0;
                    }

                #Menu-login .mn-header{
                    background:url('../graphics/menuSliderBtn_bck.png') no-repeat 0 0;
                    float:left;
                    width:211px;
                    height:28px;
                    line-height:28px;
                    padding:0 0 0 42px;
                    color:#2e2e2e;
                    font-size:20px;
                    margin:0 0 10px 0;
                    cursor:pointer;
                }

                .login_btn{
                    background:url('../graphics/loginBtn.png') no-repeat 3px 0;
                    float:left;
                    padding:0 0 0 28px;
                    color:#585858;
                    line-height:18px;
                    cursor:pointer;
                }
            .m-links{
                float:left;
                width:100%;
            }
                .m-links ul{
                    list-style:none;
                    float:left;
                    width:100%;
                }
                    .m-links ul li{
                        float:left;
                        margin:0 0 10px 0;
                    }
                        .m-links ul li a{
                            background:#585858;
                            float:left;
                            display:block;
                            width:312px;
                            height:28px;
                            line-height:28px;
                            padding:0 10px;
                            color:#fff;
                            font-size:20px;
                            text-decoration:none;
                        }

                .m-links ul li.your-account,
                .m-links ul li:first-child{
                    display:none;
                }

            .Menu-Info{
                float:left;
                width:372px;
            }
                .flag{
                    float:left;
                    width:100%;
                    margin:0 0 20px 0;
                }
                    .flagsContainer{
                        float:left;
                        clear:both;
                    }

                        .flag .flagsContainer a img{
                            float:left;
                            display:inline-block;
                            margin:2px 12px 0 0;
                        }
                        .flag .flagsContainer a span{
                            float:left;
                            display:inline;
                            line-height:16px;
                        }
                .m-contact-info{
                    float:left;
                    width:100%;
                    margin:20px 0 0 0;
                }
                    .m-contact-info h2{
                        font-weight:normal;
                        font-size:11px;
                        line-height:normal;
                        margin:0 0 0 0;
                    }
                    .m-contact-info .sAddress{
                        float:left;
                        width:100%;
                        line-height:normal;
                    }
                        .m-contact-info .sZipcode,
                        .m-contact-info .sCity{
                            float:left;
                            display:inline-block;
                            line-height:normal;
                        }
                        .m-contact-info .sPhoneNumber,
                        .m-contact-info .sMail{
                            float:left;
                            width:100%;
                            line-height:25px;
                        }
                        .m-contact-info .sPhoneNumber{

                        }

    .header.five.columns{
        padding:44px 0 0 0;
    }

    .tt.sixteen.columns,
    .header.seven.columns,
    .header.four.columns{
        display:none;
    }

    .btnWrapper.left {
        width:170px;
    }

    .btnWrapper .button .btnW input{
        margin:0 6px 0 0;
    }
    .btnWrapper .button.button_cancel{
        float:right;
    }
    .btnWrapper .button.button_cancel .btnW input{
        width:68px;
        margin:0 0 0 0;
    }

    .dsLine .button.button_update .btnW input{
        width:170px;
    }
    .dsLine input#coupon_code{
        width:158px;
    }

    .deliveryMethodTitle,
    .paymentMethodTitle{
        float:right;
        width:250px;
    }
    .error_text{
        padding:0 0 0 27px;
    }
    .deliveryMethodNote{
        width:278px;
    }
    #customerNotice{
        width:271px;
    }

    .step4 .paymentMethodDescription{
        padding-left: 24px;
    }
    .table_header_product{
        width:155px;
    }
    .table_header_count{
        width:50px;
    }
    .table_header_price {
        width:103px;
    }
    .order_item_product_title {
        width:70px;
    }
    .order_item_price {
        width:96px !important;
    }
    .order_item_total {
        width: 72px !important;
    }

    div.step1.stepBox,
    div.step1 div.contactInfoContainer,
    html.Explorer6 .step1 div.contactInfoContainer,
    html.Explorer6 .step1 div.deliveryContactInfoContainer,
    html.Explorer7 .step1 div.contactInfoContainer,
    html.Explorer7 .step1 div.deliveryContactInfoContainer{
        width:398px;
    }

    #overlay-menu{
        top:36px !important;
    }

    div.variantInfoBox {
        padding: 0 7px;
        width: 178px;
        margin:0 0 0 7px;
    }
}