@media screen and (max-width: 1220px){
    
    body{ /* obrazky po stranach headeru */
        position: relative;
        overflow: hidden;
    }
    
}

@media screen and (max-width: 1000px){
    
    #Header #Menu .ElementContent.Menu a{
        color: #717171 !important;
    }
    
    .Container2,
    .Container,
    .PageCenter,
    .CentralPartTop,
    #CentralPart,
    .Container #Header,
    #Header #TopLeftCorner,
    #Menu,
    .HorniMenuElements{
        width: 100%;
    }
    
    .col2 #CentralPart .ObsahStrankyElements{
        width: 100%;
        margin: 0;
    }
    
    #slide_9{
        width: 100%;
        margin: 0;
        max-width: 100% !important;
        height: auto;
        max-height: none !important;
    }
    
    #slide_9 img{
        width: 100% !important;
        height: auto !important;
    }
    
    .Container #Header{
        height: auto;
        position: static;
        order: 1;
        background-color: #d3e9a3;
        position: relative;
        padding-bottom: 140px;
        box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
        z-index: 200;
    }
    
    #Header #TopLeftCorner{
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: auto;
        position: relative;
        padding-top: 17%;
        margin-bottom: 55px;
    }
    
    #Header #Menu{
        background: none;
        background-color: #ccc;
        position: relative;
    }
    
    .HorniMenuElements{
        float: left;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        position: relative;
        box-sizing: border-box;
        padding-top: 54px;
    }
    
    #MenuSearch{
        height: 100%;
        display: block;
        position: absolute;
        left: 10px;
        top: 0;
    }
    
    #Header #MenuSearch .SearchForm{
        height: 100%;
        display: flex;
        top: 0;
        align-items: center;
    }
    
    #Header #MenuSearch #search_field{
        height: 35px;
        padding: 10px;
        border-color: #bbb;
        box-sizing: border-box;
        color: #666;
        border-radius: 4px;
    }
    
    #Header #MenuSearch #search_button,
    .LevaStranaElements .NewsletterElement .ElementContent button,
    a.NewComment.Button,
    .Discussion .addPost,
    .Recount.step1,
    #apply_code_button,
    .Button[name="apply_discount_card"],
    .ObsahStrankyElements .ContactFormElement .submitButton{
        background: none;
        border: 1px solid #aaa;
        border: none;
        background-color: #eee;
        height: 34px;
        padding: 0 10px;
        text-align: center;
        width: auto;
        border-radius: 4px;
        box-sizing: border-box;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    }
    
    .ObsahStrankyElements .ContactFormElement .submitButton{
        font-weight: bold;
        margin-bottom: 10px;
    }
    
    .Button[name="apply_discount_card"]{
        float: right;
        font-weight: bold;
    }
    
    .Recount.step1{
        height: 30px !important;
        text-decoration: none;
        margin-top: 30px;
    }
    
    #apply_code_button{
        float: right;
        font-weight: bold;
    }
    
    .Discussion .addPost{
        margin: 0;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    
    a.NewComment.Button{
        height: auto;
        margin-right: 5px;
        line-height: 30px;
    }
    
    .LevaStranaElements .NewsletterElement .ElementContent button{
        margin-top: 20px;
        float: right;
        margin-bottom: 10px;
    }
    
    .Newsletter .TextInput{
        width: 100%;
        padding: 5px;
        line-height: 22px;
        box-sizing: border-box;
        margin-bottom: 20px;
    }
    
    #CentralPart .LevaStranaElements{
        margin: 0;
        width: 100%;

    }
    
    .CentralPartTop{
        display: none;
    }
    
    .PageCenter{
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        padding-top: 0;
    }
    
    #CentralPart{
        padding-top: 0;
        order: 2;
    }
    
    .Cleaner{
        order: 3;
    }
    
    #Footer{
        order: 4;
    }
    
    #Header #HeaderClick{
        height: 100%;
        top: 0;
        left: 0;
        width: 100%;
    }
    
    #HorniMenuElements_1{
        left: 0;
        width: 100%;
        display: flex;
        background-color: #FFFBD6;
        color: #626F02;
        z-index: 100;
        position: absolute;
        top: 54px;
        border-bottom: 1px solid #76963C;
    }
    
    #HorniMenuElements_1 .Element.MenuElement{
        width: 100%;
        height: auto;
        background-color: #FFFBD6;
        color: #626F02;
    }
    
    #Header #Menu .MenuElement li{
        width: 100%;
    }
    
    #Header #Menu .MenuElement a{
        color: #626F02;
    }
    
    .HorniMenuElements .ElementOrder_2{
        margin: 0;
        position: absolute;
        left: 10px;
        top: -47px;
        width: auto;
        text-align: center;
        background-color: transparent;
        line-height: 38px;
        
    }
    
    .CurrencySwitcher a{
        display: inline-block;
        padding: 5px 10px;
        background-color: #eee;
        color: #000;
        text-decoration: none;
        box-sizing: border-box;
        line-height: normal;
        border-radius: 4px;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
        font-size: 10px;
    }
    
    #Header #HeaderCart,
    #Buy span{
        position: absolute;
        right: 55px;
        bottom: -44px;
        top: auto;
        width: auto;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 35px;
        border-radius: 4px;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
        background-color: #13cf13;
        height: 35px;
        background-image: url(https://ssl.comerto.com/externi-zdroje/svatbadekor/sun-shop/img/shopping_cart.png);
        background-size: auto 50%;
        background-position: left 7px center;
        background-repeat: no-repeat;
        z-index: 200;
        box-sizing: border-box;
        color: #fff;
    }
    
    #Buy span{
        position: static !important;
        
    }
    
    .ObsahStrankyElements .ProductDetails .TopLeft table.BottomTable .Price td .with{
        color: #000;
    }
    
    #Header #HeaderCart .ElementHeader{
        display: none;
    }
    
    #Header #HeaderCart .Cart{
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        color: #fff;
    }
    
    #Header #HeaderCart .Cart a{
        color: #fff;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 10px;
    }
    
    #Header #HeaderUsermenu{
        position: absolute;
        bottom: -44px;
        top: auto;
        right: 10px;
        z-index: 250;
        width: auto;
        width: 35px;
        height: 35px;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
        border-radius: 50%;
        background-color: #13cf13;
        background-image: url(https://ssl.comerto.com/externi-zdroje/svatbadekor/sun-shop/img/user.png);
        background-repeat: no-repeat;
        background-size: 40% auto;
        background-position: center center;
        box-sizing: border-box;
        padding: 0;
        cursor: pointer;
    }
    
    #Header #HeaderUsermenu .UserName a{
        text-align: center;
        display: block;
        width: 100%;
    }
    
    
    
    #user_menu{
        display: none;
        background-color: #9d1db3;
        
    }
    
    #user_menu.active{
        position: absolute;
        top: 45px;
        right: -5px;
        background-color: #fff;
        border-radius: 4px;
        width: 150px;
        height: auto;
        padding: 10px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        border: 1px solid #ccc;
        
    }
    
    #user_menu:before{
        content: '';
        display: block;
        width: 15px;
        height: 15px;
        background-color: inherit;
        transform: rotate(45deg);
        position: absolute;
        top: -9px;
        right: 12px;
        border-left: 1px solid #ccc;
        border-top: 1px solid #ccc;
    }
    
    #user_menu a{
        line-height: 30px;
    }
    
    #user_menu .UserLinks a{
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    
    #Header #HeaderUsermenu .Delimiter{
        display: none;
    }
    
    #Header #Menu .MenuElement ul li a{
        margin: 0;
        box-sizing: border-box;
        width: 100%;
        text-align: center;
    }
    
    #Header #HeaderImage{
        width: 35px;
        height: 35px;
        background: none;
        border-radius: 50%;
        background-color: #9d1db3;
        z-index: 200;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
        position: relative;
        right: 10px;
        top: 0;
        float: right;
        margin-top: -44px;
        cursor: pointer;
        background-image: url(https://ssl.comerto.com/externi-zdroje/svatbadekor/sun-shop/img/hamburger.png);
        background-repeat: no-repeat;
        background-size: 40% auto;
        background-position: center center;
        display: block;
    }
    
    #Header #HeaderImage.active{
        background-image: url(https://ssl.comerto.com/externi-zdroje/svatbadekor/sun-shop/img/close.png);
        background-repeat: no-repeat;
        background-size: 40% auto;
        background-position: center center;
        background-color: #ca32ab;
    }
    
    /*menu casti*/
    #HorniMenuElements_1,
    #CentralPart .LevaStranaElements{
        display: none;
    }   
    
    .Container #Header{
        padding: 0; /*140px*/
    }
    
    #HorniMenuElements_1.active,
    #CentralPart .LevaStranaElements.active{
        display: block;
    }   
    
    
    .Container #Header.active{
        padding-bottom: 140px;
        box-shadow: none;
    }
    
    #LevaStranaElements_1 .ElementContent,
    #LevaStranaElements_2 .ElementContent,
    #LevaStranaElements_3 .ElementContent,
    #LevaStranaElements_4 .ElementContent,
    #LevaStranaElements_5 .ElementContent,
    #LevaStranaElements_6 .ElementContent,
    #LevaStranaElements_7 .ElementContent,
    #LevaStranaElements_8 .ElementContent,
    #LevaStranaElements_9 .ElementContent,
    #LevaStranaElements_10 .ElementContent{
        display: none;
    }
    
    .LevaStranaElements .ElementContent.active{
        display: block !important;
    }
    
    .LevaStranaElements .Element{
        margin-bottom: 0;
    }
    
    .LevaStranaElements .ElementHeader{
        
        background: none;
    
        
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#aed65c+0,9ebf4c+100 */
        background: #aed65c; /* Old browsers */
        background: -moz-linear-gradient(top, #aed65c 0%, #9ebf4c 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #aed65c 0%,#9ebf4c 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #aed65c 0%,#9ebf4c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aed65c', endColorstr='#9ebf4c',GradientType=0 ); /* IE6-9 */
        
        border-bottom: 1px solid #76963C;
        
        cursor: pointer;
        
        position: relative;
    }
    
    .LevaStranaElements .ElementHeader:before{
        
        content: '';
        width: 40px;
        height: 40px;
        position: absolute;
        top: 0;
        right: 0;
        background-image: url(https://ssl.comerto.com/externi-zdroje/svatbadekor/sun-shop/img/arrow_down.png);
        background-repeat: no-repeat;
        background-size: 30% auto;
        background-position: center center;
        
    }
    
    .LevaStranaElements ul{
        list-style: none;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    
    .LevaStranaElements ul li{
        width: 100%;
    }
    
    .LevaStranaElements ul li a{
        line-height: 35px;
        background-position: left center !important;
    }
    
    /* konec menu casti*/
    
    
    
    .ArticleContent img{
        max-width: 100% !important;
        height: auto !important;
        text-align: center;
    }
    
    .ProductList{
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
    
    .ProductListArea{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        padding: 10px;
    }
    
    .ProductListArea .ProductRow{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    } 
    
    .ProductListArea .ProductRow .Product{
        width: calc(33.3333% - 20px) !important;
        margin: 10px !important;
        padding: 20px !important;
        box-sizing: border-box !important;
        height: auto !important;
        box-shadow: 0 10px 20px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.16);
        border-radius: 2px;
        padding-bottom: 90px !important;
        position: relative;
    }
    
    .ProductListArea .ProductRow .Product .Buttons{
        width: 100% !important;
        float: left !important;
        margin: 0 !important;
        position: absolute;
        bottom: 0;
        padding: 20px;
        box-sizing: border-box;
        left: 0;
    }
    
    .ProductListArea .ProductRow .Product .ProductImage{
        width: 100% !important;
        height: auto !important;
        padding: 0 !important;
        
    }
    
    .ProductListArea .ProductRow .Product .ProductImage table{
        margin: 0;
        width: 100%;
    }
    
    .ProductListArea .ProductRow .Product .ProductImage img{
        max-width: 100% !important;
        height: auto !important;
    }
    
    #ObsahStrankyElements_4{
        padding: 0 20px;
    }
    
    #ObsahStrankyElements_4 img{
        margin: 0 !important;
        text-align: center;
        max-width: 100%;
        padding: 10px 0;
        display: block;
        margin: auto !important;
        float: none !important;
    }
    
    .swiper-slide{
        box-sizing: border-box;
    }
    
    .ProductListArea .ProductRow .Product .Buttons a.Basket{
        border-radius: 4px;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
        background-color: #13cf13;
        height: auto;
        background-image: url(https://ssl.comerto.com/externi-zdroje/svatbadekor/sun-shop/img/cart_add.png);
        background-size: auto 60%;
        background-position: center center;
        box-sizing: border-box;
        color: #fff;
        text-transform: uppercase;
        font-weight: 500;
        width: 50px;
        height: 50px;
        padding: 0;
        border-radius: 50%;
        
    }
    
    .ProductListArea .ProductRow .Product .Buttons a.Basket span{
        display: none;
    }
    
    .ProductListArea .ProductRow .Product .Buttons a.Lupa span{
        display: none;
    }
    
    .ProductListArea .ProductRow .Product .Buttons a.Lupa{
        border-radius: 4px;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
        background-color: #83dcfc;
        height: auto;
        background-image: url(https://ssl.comerto.com/externi-zdroje/svatbadekor/sun-shop/img/detail.png);
        background-size: auto 60%;
        background-position: center center;
        box-sizing: border-box;
        color: #fff;
        text-transform: uppercase;
        font-weight: 500;
        width: 50px;
        height: 50px;
        padding: 0;
        border-radius: 50%;
    }
    
    .ProductListArea .ProductRow .Product .Price{
        margin: 0;
        font-size: 14px;
    }
    
    .ObsahStrankyElements .ProductListArea .Product .ProductName{
        height: auto;
    }
    
    .ObsahStrankyElements .ProductList .Product .ProductName a{
        font-size: 16px;
        line-height: 24px;
    }

    .ObsahStrankyElements .ProductList .Product .ProductDescription{
        font-size: 14px;
        line-height: 20px;
        height: auto !important;
    }
    
    .ObsahStrankyElements .ProductListArea .Product .ExpeditionInfo{
        font-size: 14px;
        height: auto;
    }
    
    .ObsahStrankyElements .ProductListArea .Product .ExpeditionInfo .Value{
        height: auto;
    }
    
    .Product .productInfo{
        top: 40px;
    }
    
    .Container{
        font-size: 14px;
    }
    
    .ProductDetails .ProductDescription p, .ArticleContent p{
        padding: 10px 0;
        line-height: 20px;
    }
    
    #ObsahStrankyElements_5 h3 span,
    #ObsahStrankyElements_5 h3 em,
    #ObsahStrankyElements_5 h3 strong,
    #ObsahStrankyElements_5 h3 img,
    #ObsahStrankyElements_5 h5 span,
    #ObsahStrankyElements_5 h5 em,
    #ObsahStrankyElements_5 h5 strong{
        display: block;
        text-align: center;
        font-size: 13px;
        line-height: 26px;
    }
    
    #Footer,
    #FooterContent{
        width: 100%;
        background: none;
        background-color: #ccc;
    }
    
    .ArticleContent table{
        width: 100%;
    }
    
    .LevaStranaElements .ArticleElement .ElementContent a{
        width: 100%;
        display: block;
        text-align: center;
    }
    
    .SSPEI,
    .SSPED{
        width: 100% !important;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    
    .SSPED .ProductImage{
        width: 100% !important;
        
    }
    
    .SSPED .ProductImage img{
        max-width: 100%;
    }
    
    .ElementContent.Article{
        padding: 0 20px;
    }
    
    .Article_157 .ElementContent.Article{
        padding: 0;
    }
    
    .Newsletter #Newsletter{
        padding-bottom: 20px;
        font-size: 16px;
        text-align: center;
    }
    
    #news_form_21 input[type="text"]{
        width: 100%;
        height: 35px;
    }
    
    #LevaStranaElements_5 table tr td{
        border: none;
        border-bottom: 1px solid #aaa;
        box-sizing: border-box;
        padding: 5px;
        text-align: left !important;
        align-items: center;
    }
    
    #LevaStranaElements_5 table tr td hr{
        display: none;
    }
    
    #LevaStranaElements_5 table tr td p{
        padding: 0;
        text-align: left;
    }
    
    .ObsahStrankyElements .Path{
        padding: 20px;
        line-height: 22px;
    }
    
    .AdvancedSearch .TagsSearch{
        box-sizing: border-box;
        width: 100%;
    }
    
    .AdvancedSearch{
        box-sizing: border-box;
    }
    
    #advancedSearchAjaxTarget{
        width: 100%;
    }
    
    .AdvancedSearch fieldset{
        width: 100%;
        box-sizing: border-box;
    }
    
    .col2 .AdvancedSearch .price_slider{
        width: 48%;
        margin-bottom: 20px;
        display: none;
    }
    
    .price_slider_show_to,
    .price_slider_show_from{
        margin-bottom: 20px;
        display: none;
    }
    
    .ProductList h1,
    .ObsahStrankyElements .ProductDetails h1{
        padding: 20px;
        text-align: center;
        width: 100%;
        text-transform: uppercase;
        line-height: 28px;
        color: #13cf13;
        font-size: 22px;
        box-sizing: border-box;
    }
    
    .ObsahStrankyElements .ProductDetails h1{
        padding-top: 0;
    }
    
    .ShowAs{
        width: 100%;
        display: flex;
        justify-content: center;
        margin-bottom: 20px;
        margin-top: 10px !important;
        display: none;
    }
    
    .TopPageControls .PerPage{
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 20px;
        margin-bottom: 10px;
        display: none;
    }
    
    .TopPageControls .Showing{
        width: 100%;
        text-align: center !important;
        margin: 0 !important;
        
    }
    
    .ProductList .PageControls .TopPageControls{
        width: 100%;
    }
    
    .ProductList .PageControls{
        width: 100%;
    }

    .SortBy{
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 16px;
        align-items: center;
    }
    
    .Paging{
        width: 100% !important;
        display: flex;
        justify-content: center;
        margin-bottom: 20px;
        font-size: 16px;
    }
    
    .ProductList .PageControls a{
        padding: 0 10px;
    }
    
    .SortLabel{
        margin: 0 !important;
    }
    
    .NextPageLink .Text,
    .PrevPageLink .Text,
    .Delimiter{
        display: none;
    }
    
    .ProductList .PageControls .SortingSelect,
    .ParSearch select,
    #Cart select,
    #country{
        border-radius: 4px;
        line-height: 24px;
        padding: 5px;
        box-sizing: border-box;
        border: 1px solid #ccc;
        background: #fff;
        width: 100%;
    }
    
    #Cart select{
        width: 100%;
        margin-top: 5px;
        margin-bottom: 10px;
        margin-left: 0;
    }
    
    #country{
        width: 100% !important;
        margin-bottom: 10px !important;
        margin-top: 5px !important;
    }
    
    .ObsahStrankyElements .ProductDetails fieldset{
        width: 100%;
    }
    
    .ObsahStrankyElements .ProductDetails .ProductTop{
        width: 100%;
    }
    
    .ObsahStrankyElements .ProductDetails .TopTable{
        width: 100%;
    }
    
    .ObsahStrankyElements .ProductDetails .TopTable .TopPart{
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
    
    .ObsahStrankyElements .ProductDetails .TopTable .TopPart .TopLeft.Small{
        width: 100%;
    }
    
    .ObsahStrankyElements .ProductDetails .TopTable .TopPart .TopRight{
        width: 100%;
        padding: 0;
        box-sizing: border-box;
    }
    
    .col2 .ObsahStrankyElements .ProductDetails .ProductSubMenu .ProductMenu{
        box-sizing: border-box;
        width: 100%;
    }
    
    .col2 .ExtGallery, .col2 .ExtGallery .Navigation .SmallImagesRow{
        width: 100%;
    }
    
    .ExtGallery .Bottom, .ExtGallery .BigImages{
        width: 100%;
        left: 0;
    }
    
    .ExtGallery .BigImages a{
        display: inline-block;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        text-align: center;
    }
    
    .ObsahStrankyElements .ProductDetails .ProductSubMenu .ProductMenu.rows_2{
        height: auto;
    }
    
    .col2 .ObsahStrankyElements .ProductDetails .ProductSubMenu .ProductMenu li{
        width: 100%;
        padding: 10px 20px;
    }
    
    #DescriptionContentContent{
        padding: 10px;
    }
    
    .NoNotice{
        width: 100%;
    }
    
    .col2 #DiscussionContent .DiscussionBody, .col2 #FilesContent table.Gallery{
        width: 100%;
        box-sizing: border-box;
    }
    
    .productAmountForOrder{
        border-radius: 4px;
        padding: 5px;
        box-sizing: border-box;
        border: none;
        border: 1px solid #ccc;
    }
    
    .fb_dialog{
        display: none !important;
    }
    
    .ObsahStrankyElements .ProductDetails table.NextProductNavigation td.previousProductText, 
    .ObsahStrankyElements .ProductDetails table.NextProductNavigation td.previousProduct, 
    .ObsahStrankyElements .ProductDetails table.NextProductNavigation td.nextProductText, 
    .ObsahStrankyElements .ProductDetails table.NextProductNavigation td.nextProduct{
        width: auto;
        width: 33.3333%;
    }
    
    .NewPost table tr{
        display: flex;
        flex-wrap: wrap;
    }
    
    .NewPost table,
    .NewPost table tbody,
    .NewPost table tr,
    .NewPost table th,
    .NewPost table td{
        width: 100%;
    }
    
    .Discussion input{
        width: 100%;
        box-sizing: border-box;
        padding: 5px;
        border: 1px solid #ccc;
        border-radius: 4px;
        margin-bottom: 10px;
    }
    
    .Discussion textarea{
        border: 1px solid #ccc;
        border-radius: 4px;
    }
    
    .H3{
        margin-top: 10px;
        margin-bottom: 10px;
    }
    
    .DiscussionBody{
        padding: 10px !important;
    }
    
    .NewPost textarea{
        width: 100%;
        box-sizing: border-box;
    }
    
    .Discussion label, .Shop .Discussion label{
        width: 100%;
        text-align: center;
    }
    
    .recaptchas{
        margin-bottom: 10px !important;
    }
    
    .category_description_wrapper{
        padding: 20px;
    }

    .category_description img {
        max-width: 50%;
        height: auto !important;
    }
    
    .ParSearchSelect label, .ParSearch select{
        min-width: auto;
    }
    
    .ParameterWrapper{
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    
    .ProductDetails .productInfo{
        position: static;
        height: 70px;
    }
    
    .ProductDetails .productInfo img{
        height: 100%;
        width: auto;
    }
    
    .ObsahStrankyElements .ProductDetails .Path{
        border: none;
    }
    
    #Cart{
        padding: 10px;
        box-sizing: border-box;
    }
    
    #CentralPart .ObsahStrankyElements .NoProductHeader{
        box-sizing: border-box;
    }
    
    #Cart .orderStep{
        width: 100%;
        box-sizing: border-box;
    }
    
    #CentralPart #Cart .orderStep table{
        width: 60% !important;
    }
    
    #CentralPart #Cart .CartContent .FirstTableLine.CartTable .normal{
        border-bottom: 1px solid #ccc;
    }
    
    #CentralPart #Cart .CartContent .FirstTableLine.CartTable .normal td{
        padding-bottom: 10px;
        padding-top: 10px;
        box-sizing: border-box;
    }
    
    .orderStep .sipka{
        display: none;
    }
    
    #Cart .Step{
        width: 100% !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        background-position: right 20px center !important;
    }
    
    .col2 #Cart table.CartTable{
        width: 100%;
        margin: 0;
        box-sizing: border-box;
    }
    
    .CartContent form,
    .CartContent{
        padding: 10px;
        padding-bottom: 5px;
    }
    
    .ObsahStrankyElements .ProductDetails .TopLeft .ProductCount #Buy{
        background: none;
    }
    
    #Cart .Step4{
        background: #F0F0F0 url(https://www.svatbadekor.cz//styles/base2/img/cart/4.png) no-repeat scroll 145px center;
    }
    
    .BottomMenu{
        width: 100%;
        float: left;
    }
    
    .BottomMenu #Order{
        width: 50%;
        float: left;
        box-sizing: border-box;
    }
    
    .BottomMenu a{
        width: 50%;
        float: left;
        box-sizing: border-box;
    }
    
    #apply_code{
        width: 100%;
        border-radius: 4px;
        border: 1px solid #ccc;
        padding: 5px;
        margin-bottom: 10px;
        box-sizing: border-box;
        margin-top: 5px;
    }
    
    #Cart .SubBody.VoucherCode span{
        margin-bottom: 10px;
    }
    
    #Cart .SubBody.VoucherCode{
        width: 100%;
        box-sizing: border-box;
    }
    
    .Shop label{
        padding-left: 0;
    }
    
    .SubBody.VoucherCode input[type="text"]{
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
        border: 1px solid #ccc;
        border-radius: 4px;
        margin-top: 5px;
        margin-bottom: 10px;
    }
    
    .col2 #Cart table.CartTable input[type="text"]{
        padding: 5px;
        box-sizing: border-box;
        border: 1px solid #ccc;
        border-radius: 4px;
    }
    
    #Cart .CartContent{
        padding-bottom: 0;
    }
    
    .Shop label{
        width: auto;
    }
    
    #Cart button#Order{
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-position: center right 5px;
    }
    
    #Cart a.Back{
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-position: center left 5px;
    }
    
    #Cart td.Select, #ShipmentPrice div{
        padding-bottom: 10px;
    }
    
    .recount{
        padding-bottom: 10px !important;
    }
    
    #Cart .Step2.currentStep{
            background: #CD2D47 url(https://www.svatbadekor.cz//styles/base2/img/cart/2_hover.png) no-repeat scroll 120px center;
    }
    
    .LoginElement fieldset.login{
        padding: 20px;
        box-sizing: border-box;
    }
    
    .ObsahStrankyElements #login .SubBody{
        width: 100%;
        box-sizing: border-box;
        padding: 5px;
    }
    
    .ExternalAuthenticators{
        padding: 0;
    }
    
    #login{
        width: 100%;
        border-radius: 4px;
        padding: 5px;
        border: 1px solid #ccc;
        box-sizing: border-box;
        margin-bottom: 10px;
        margin-top: 5px;
        float: left;
    }
    
    #password{
        width: 100%;
        border-radius: 4px;
        border: 1px solid #ccc;
        padding: 5px;
        box-sizing: border-box;
        margin-bottom: 10px;
        margin-top: 5px;
    }
    
    .ObsahStrankyElements .login .BottomMenu{
        width: 100%;
    }
    
    .ObsahStrankyElements .login .BottomMenu a{
        width: 100%;
    }
    
    .ObsahStrankyElements .login .BottomMenu{
        margin-bottom: 15px;
        margin-left: 0;
    }
    
    .ObsahStrankyElements button#Order{
        margin: 0;
    }
    
    .Registration.Shop input[type="text"]{
        width: 100%;
        box-sizing: border-box;
        padding: 5px;
        border: 1px solid #ccc;
        border-radius: 4px;
        margin-top: 5px;
        margin-bottom: 10px;
    }
    
    .OrderNote, .OrderAdded{
        padding-left: 0;
    }
    
    #password_again{
        width: 100%;
        padding: 5px;
        border-radius: 4px;
        border: 1px solid #ccc;
        box-sizing: border-box;
    }
    
    .Shop .CheckBoxLine{
        padding-left: 0;
    }
    
    .InnerFieldset #newsletter, .InnerFieldset input.checkbox{
        width: 20px !important;
        margin-left: 0;
        margin-right: 4px;
    }
    
    #Cart .LastRow .name{
        padding-left: 0;
    }
    
    table.CartTable td{
        padding: 0;
    }
    
    .recount .Select.name div{
        margin: 5px 0;
    }
    
    #Cart fieldset.login .SubBody{
        padding: 10px;
        box-sizing: border-box;
    }
    
    .ObsahStrankyElements .login #login_button{
        margin-left: 0;
        height: auto !important;
        box-sizing: border-box;
        padding: 0;
    }
    
    .ObsahStrankyElements .login #login_button span{
        display: inline-block;
        padding: 10px;
        top: 0;
    }
    
    .orderRow input{
        width: 100% !important;
        box-sizing: border-box;
        padding: 5px;
        border: 1px solid #ccc;
        border-radius: 4px;
        margin: 0;
        margin-top: 5px;
        margin-bottom: 10px;
        
    }
    
    .Shop .InnerFieldset input{
        margin: 0;
        margin-top: 5px;
        margin-bottom: 10px;
    }
    
    .personalInfo .SubBody{
        padding-left: 5px !important;
        padding-right: 5px !important;
        box-sizing: border-box;
    }
    
    .orderRow textarea.message{
        width: 100%;
        box-sizing: border-box;
        margin: 0;
        border: 1px solid #ccc;
        border-radius: 4px;
        margin-bottom: 10px;
    }
    
    .messageInfo .InnerFieldset{
        box-sizing: border-box;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    
    .ObsahStrankyElements .ImgSubcats{
        width: 100%;
        box-sizing: border-box;
    }
    
    .ObsahStrankyElements table.SubcatTable{
        width: 100%;
        box-sizing:  border-box;
    }
    
    .ObsahStrankyElements .Subcategories .SubcatImg img{
        width: 100%;
        height: auto;
    }
    
    .ObsahStrankyElements .Subcategories .SubcatImg{
        display: inline-block;
        width: 100%;
        text-align: center;
        height: auto;
    }
    
    .ObsahStrankyElements .SubcatCell{
        padding: 10px;
    }
    
    .ObsahStrankyElements a.categoryFilterImage span{
        font-size: 12px;
        margin-top: 5px;
    }
    
    .ProductDetails .productInfo{
        display: none;
    }
    
    #CentralPart table{
        width: 100% !important;
    }
    
    #CentralPart table td{
        /*width: auto !important;*/
    }
    
    .ObsahStrankyElements .ContactFormElement p input{
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
        border: 1px solid #ccc;
        border-radius: 4px;
        margin-top: 5px;
        margin-bottom: 10px;
    }
    
    .ContactFormElement fieldset{
        box-sizing: border-box;
        padding: 5px;
    }
    
    .ObsahStrankyElements .ContactFormElement textarea{
        box-sizing: border-box;
        width: 100%;
        border: 1px solid #ccc;
        border-radius: 4px;
    }
    
    .ContactFormElement .Antispam{
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    
    .ObsahStrankyElements .ProductDetails .TopTable .TopPart .TopLeft.Small{
        width: 100%;
    }
    
    .DiscussionHeader{
        padding: 10px;
        box-sizing: border-box;
    }
    
    p iframe{
        max-width: 100%;
    }
    
    .TopTable input,
    .TopTable textarea{
        width: 100%;
        border-radius: 4px;
        border: 1px solid #ccc;
        padding: 5px;
        box-sizing: border-box;
    }
    
    .col2 .ExtGallery .ImagesCount{
        width: 100%;
    }
    
    #Cart .Toggler{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        background: none;
    }
    
    .zoomPad{
        pointer-events: none;
    }
    
    #tooltip{
        display: none !important;
    }
    
}

@media screen and (max-width: 600px){
    
    .ProductListArea .ProductRow .Product{
        width: calc(100% - 20px) !important;
    }
    
    .AddedToCart .top.leftTop,
    .AddedToCart .top.rightTop{
        width: 100% !important;
    }
    
    .AddedToCart .top.leftTop{
        border: none !important;
        border-bottom: 1px solid #ccc !important;
    }
    
    .AddedToCart tr{
        display: flex;
        flex-wrap: wrap;
    }
    
}