/*** Responzivny dizajn ***/
@media all and (min-width:767px){
    nav {
        display: none;
        padding:0;
        margin: 0;
        overflow-x: hidden;
        -webkit-transform: translate3d(275px, 0, 0);
        -moz-transform: translate3d(275px, 0, 0);
        transform: translate3d(275px, 0, 0);
        float: left;
        overflow-y:scroll;
        -webkit-overflow-scrolling: touch;
        height: 100%;
        position: fixed;
        top:0;
        right: 0;
        width: 275px;
        background-color: white;
    }
}


@media all and (max-width:850px){
    #geispoint-widget .fancybox-close-small{
        right: -10px;
    }
}
@media all and (max-width:820px){
    .content_group:not(.hideDevice-4):not(.hideDevice-2) section > .content_section,
    .content_group:not(.hideDevice-4):not(.hideDevice-2) .Data > .content_section{
        width: 50% !important;
    }
    .content_group:not(.hideDevice-4):not(.hideDevice-2) section > span:nth-of-type(2n),
    .content_group:not(.hideDevice-4):not(.hideDevice-2) .Data > span:nth-of-type(2n){
        display: table-row !important;
        height: 12px;
        overflow: hidden;
    }
    .content_group:not(.hideDevice-4):not(.hideDevice-2) section > span:nth-of-type(2n) > span,
    .content_group:not(.hideDevice-4):not(.hideDevice-2) .Data > span:nth-of-type(2n) > span{
        display: table-row !important;
        position: relative;
        width: 100%;
    }
    .content_group:not(.hideDevice-4):not(.hideDevice-2) section > span:nth-of-type(2n) > span span,
    .content_group:not(.hideDevice-4):not(.hideDevice-2) .Data > span:nth-of-type(2n) > span span{
        content: '';
        width: 100%;
        display: table-cell;
        vertical-align: middle;

    }
    .content_group:not(.hideDevice-4):not(.hideDevice-2) section > span:nth-of-type(2n) > span span,
    .content_group:not(.hideDevice-4):not(.hideDevice-2) .Data > span:nth-of-type(2n) > span span{
        height: 13px;
    }
    .content_group:not(.hideDevice-4):not(.hideDevice-2) section > span:nth-of-type(2n) > span span:before,
    .content_group:not(.hideDevice-4):not(.hideDevice-2) .Data > span:nth-of-type(2n) > span span:before{
        content: '';
        display: block;
        width: 100%;
        border-bottom: 1px solid transparent;

    }

    .content_group:not(.hideDevice-4):not(.hideDevice-2) section > span:nth-of-type(2n) .SeparatorHRV,
    .content_group:not(.hideDevice-4):not(.hideDevice-2) .Data > span:nth-of-type(2n) .SeparatorHRV{
        border-left:0;
        position: static;
        top: auto;
        left: auto;
        -ms-transform: translate(0,0); /* IE 9 */
        -webkit-transform: translate(0,0); /* Chrome, Safari, Opera */
        -moz-transform: translate(0,0); /* Firefox */
        transform: translate(0,0);
    }

    .content_group:not(.hideDevice-4):not(.hideDevice-2) section span.content_separator.hrv.none,
    .content_group:not(.hideDevice-4):not(.hideDevice-2) .Data span.content_separator.hrv.none{
        display: table-cell !important;
    }
    .content_group:not(.hideDevice-4):not(.hideDevice-2) section .content_section.position-empty,
    .content_group:not(.hideDevice-4):not(.hideDevice-2) .Data .content_section.position-empty{
        display: table-cell !important;
    }


    .CustomTemplate .CustomTemplateItems:first-child {width: 50% !important;}
}

@media all and (max-width: 800px) {
    #memberItemAddress .content_separator{display: table-row !important;}
    #memberItemAddress h2{text-align: center;}
    #memberItemAddress address{display: table;margin: 0 auto;width: auto;margin-bottom: 20px;}
}

@media all and (max-width:767px){
    #Logo{position: relative !important;}
    #LogoHead{
        display: block;
        width: 100%;
        text-align: center;
        float: none;
        clear: both;
        margin-top: 6px;
    }
    header .right #Login.absolute{right: 60px;}
    header .right #Login.absolute{transform: translateX(0);}

    .hideDevice-0,
    .hideDevice-5,
    .hideDevice-tablet{
        display: none !important;
    }
    .hideDevice-2,
    .hideDevice-4{
        display: block !important;
    }
    .inherit.hideDevice-2,
    .inherit.hideDevice-4{
        display: inherit !important;
    }

    .BodyData .Body .ContentData{
        padding-left: 0;
        margin-left: 0;
        padding-right: 0;
        margin-right: 0;
        display: table !important;
        width: 100%;
    }
    .BodyData .Body .ContentData .ContentHolder{
        max-width: none;
    }
    #Menu,
    #SubMenu,
    #SubMenu1,
    #SecondaryMenu,
    #SecondarySubMenu,
    #SecondarySubMenu1,
    #PageHolder:not([class^='page-order_detail']):not([class^='page-member_detail']):not([class^='page-member_password']):not([class^='page-member_settings']):not([class^='page-order_detail']) .LeftData{
        display: none !important;
    }

    .RightData {
        clear: both;
        float: none;
        display: table !important;
        margin: 0 auto !important;
        width: 100% !important;
    }
    .RightData .RightSide{
        width: 100%;
        max-width: none !important;
    }

    .RightData .RightSide #News .NewsLeft.NewsSpacing {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .RightData .RightSide #News .NewsLeft.NewsSpacing .NewsItemRow{
        display: table;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    /* nav */
    nav {
        display: none;
        padding:0;
        margin: 0;
        overflow-x: hidden;
        -webkit-transform: translate3d(275px, 0, 0);
        -moz-transform: translate3d(275px, 0, 0);
        transform: translate3d(275px, 0, 0);
        float: left;
        overflow-y:scroll;
        -webkit-overflow-scrolling: touch;
        height: 100%;
        position: fixed;
        top:0;
        right: 0;
        width: 275px;
        background-color: white;
    }

    nav #NavMenu ul li .mainmenu-item{

        height: 45px;
    }
    nav #NavMenu ul li .mainmenu-item a{
        line-height: normal !important;
        padding-bottom: 0 !important;
        padding-top: 0 !important;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
        vertical-align: middle;
    }
    nav #NavMenu ul li .mainmenu-item a span{
        line-height: normal !important;
        padding-bottom: 0 !important;
        padding-top: 0 !important;
        margin-bottom: 0 !important;
        margin-top: 0 !important;

    }
    nav #NavMenu ul li .mainmenu-item a.menu-item,
    nav #NavMenu ul li .mainmenu-item a.menu-item span{
        font-family: 'Roboto', sans-serif;

        overflow: hidden;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    nav #NavMenu ul li .mainmenu-item a.menu-icon{
        width: 45px !important;
    }
    nav #NavMenu ul li .mainmenu-item a.menu-icon span{
        text-align: center;

    }
    nav #NavMenu ul li .mainmenu-item a.menu-icon > span:before{
        font-size: 24px;
    }

    nav #NavMenu > ul > li:first-child > .mainmenu-item{
        border-top:0;
    }
    nav #NavMenu > ul > li:last-child > .mainmenu-item{
        /*border-bottom:0;*/
    }

    nav #NavMenu ul > li[class^="MenuOffsetLast"]{
        display: none;
    }

    nav #NavMenu ul li[class^='MenuDelimiter']{
        display: none;
        border: 0;
    }
    /* main buttons */
    #main-buttons{
        position: fixed;
        z-index:19999999;
        top:0;
        right: 0;
        display: block;
    }
    #main-buttons > div{
        display: inline-block;
    }
    #main-buttons.spacing > div,
    #main-buttons.bordering > div{
        line-height: 49px;
        height: 49px;
    }
    #main-buttons.spacing > div:first-child,
    #main-buttons.bordering > div:first-child,
    #main-buttons.bordering > div:last-child{
        line-height: 50px;
        height: 50px;
    }
    #main-buttons.spacing > div{
        margin-top: 1px;
        margin-bottom: 1px;
    }


    #main-buttons .main-shoppingcart{
        position: relative;
    }
    #main-buttons .main-shoppingcart .basket-count{
        font-family: "Arial", "Helvetica", sans-serif;
        position: absolute;
        font-size: 14px;
        right:2px;
        top:2px;
        padding:2px;
        margin:0;
        z-index: 1;
        color:white;
        background: red;
        display: inline-block;
        height: auto;
        line-height: normal;
        min-width:18px;
        text-align: center;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
    }
    #main-buttons .main-close{
        display: none;
    }

    #main-buttons .main-header, #main-buttons .main-close{
        background-color: transparent;
    }
    #main-buttons .main-header span, #main-buttons .main-close span{
        color: #000000;
    }
    .Mosaic{
        display: block;
    }

    #shopping_cart_list,
    #ShoppingCartSmall{
        display: none;
    }

    #News .NewsLeft .NewsPreviewsThumb{
        float: none !important;
        padding-right: 0 !important;
        text-align: center !important;

    }
    #News .NewsLeft .NewsPreviewsThumb .left{
        float: none !important;
    }

    #News .NewsLeft .NewsItemRow .NewsItemPreviews.NewsItem3 .NewsItem .NewsPreviewsThumb{display: none;}
    #News .NewsItem3 .NewsItem > .NewsTitle{
        width: 40%;
    }
    #News .NewsItem3 .NewsItem > .NewsTitle .NewsImage{
        display: inline-block;clear: both;width: 100%;text-align: center;padding-bottom: 20px;
    }

    header #Navigation,
    header .Path,
    footer #Navigation,
    footer .Path{
        display: none;
    }
    #Search, #SearchBox{
        display: none !important;
    }
    #SearchNav{
        display: inline-block;
    }
    body.nooverflow{
        overflow: visible !important;
    }
    #SearchNav .SearchRInput_Div, #SearchNav .SearchInput_Div{
        background-color: #ffffff;
        height: auto !important;
    }
    #SearchNav .SearchRInput_Div .SearchInput, #SearchNav .SearchInput_Div .SearchInput{
        height: auto !important;
    }
    #SearchNav.Search,#SearchNav.SearchR{
        width: 100% !important;
        padding: 0 15px 0 15px !important;
        margin: 10px 0 0 0 !important;
    }
    #SearchNav .SearchRInput_Div, #SearchNav .SearchInput_Div,
    .SearchRInput_Div .SearchInput, .SearchInput_Div .SearchInput{
        line-height: 18px !important;
        /*height: 18px !important;*/
    }
    #SearchNav .SearchRInput_Div, #SearchNav .SearchInput_Div{
        padding-right: 10px;
        border: 1px solid #c0c0c0;
    }
    #SearchNav .search_result_pos{
        width: 95%;
    }

    #PageHolder.page-order_detail .LeftData #Logo,
    #PageHolder.page-member_detail .LeftData #Logo,
    #PageHolder.page-member_password .LeftData #Logo,
    #PageHolder.page-member_settings .LeftData #Logo,
    #PageHolder.page-order_detail .LeftData .LeftSideBottom,
    #PageHolder.page-member_detail .LeftData .LeftSideBottom,
    #PageHolder.page-member_password .LeftData .LeftSideBottom,
    #PageHolder.page-member_settings .LeftData .LeftSideBottom{
        display: none;
    }

    #PageHolder.page-order_detail .LeftData,
    #PageHolder.page-order_detail .ContentData,
    #PageHolder.page-member_detail .LeftData,
    #PageHolder.page-member_detail .ContentData,
    #PageHolder.page-member_password .LeftData,
    #PageHolder.page-member_password .ContentData,
    #PageHolder.page-member_settings .LeftData,
    #PageHolder.page-member_settings .ContentData{
        display: block;
        margin: 0 auto;
    }

    #PageHolder.page-order_detail .BodyData .Body .LeftData,
    #PageHolder.page-member_detail .BodyData .Body .LeftData,
    #PageHolder.page-member_password .BodyData .Body .LeftData,
    #PageHolder.page-member_settings .BodyData .Body .LeftData{
        border-bottom: 1px solid black;
        padding-left: 0;
        width: 100%;
    }
    #PageHolder.page-order_detail .LeftData .LeftSide,
    #PageHolder.page-member_detail .LeftData .LeftSide,
    #PageHolder.page-member_password .LeftData .LeftSide,
    #PageHolder.page-member_settings .LeftData .LeftSide{
        margin: 0;
        width: 100%;
        padding-bottom:0 !important;
        padding-top:0 !important;
        padding-left:0 !important;
        padding-right: 0 !important;
        background-size: cover;
        max-width: none;
    }
    #PageHolder.page-order_detail .LeftData .LeftSide > div,
    #PageHolder.page-member_detail .LeftData .LeftSide > div,
    #PageHolder.page-member_password .LeftData .LeftSide > div,
    #PageHolder.page-member_settings .LeftData .LeftSide > div {
        max-width: 300px;
        margin: 0 auto;
    }
    .changeStatusPrint{
        float: right;
    }
    .changeStatusInvoiceFile{
        float: left;
    }

    .changeStatusInvoiceFile,
    .changeStatusInvoiceFile > p,
    .changeStatusPrint,
    .changeStatusPrint > p{
        display: inline-block;
        width: 100%;
    }


    /*#orderStatus{
        max-width: 200px;
        margin: 0 auto;
    }*/
    .printPageButton{
        font-size: 18px;
    }

    #memberProfile .memberProfile.icon-user,
    #memberProfile .memberProfile.icon-basket,
    #memberProfile .memberProfile.icon-doc-text{
        font-size: 32px;
        color: #aaa;
    }


    .SmartFilterForm .attribute,
    .SmartFilterForm .smartAttributesGroup{
        min-width: 50% !important;
    }
    .SmartFilterForm .attribute:nth-of-type(2n+1),
    .SmartFilterForm .smartAttributesGroup:nth-of-type(2n+1){
        clear: both;
    }

    .SmartFilterForm .clear{border-bottom: 0;padding-bottom: 0;}


    .Banner{
        overflow-x: hidden;
    }
    #SmartFilter{display: none;}
    #SmartFilterMobile{display: block;}
    #SmartFilterMobile .SmartFilterForm{
        margin-top: 0 !important;
        margin-left: 0 !important;
    }
    #SmartFilterMobile .FilterSubmit{
        margin: 10px auto;
        float: none;
        font-size: 18px;
        padding: 5px;
    }

    .SmartFilterForm .smartAttributes h4, .SmartFilterForm .smartAttributesGroup h4, .SmartFilterForm .smartAttributes h5{
        font-size: 16px !important;
    }
    #SmartFilterMobile .SmartFilterForm .smartAttributes .inputsmartfilter{
        width: 14px !important;
        height: auto;
    }
    .SmartFilterForm .smartAttributes .size label.labelsmartfilter{
        font-size: 16px !important;
    }
    .SmartFilterForm .smartAttributes .size, .slider .ui-slider-tip, .slider-range .ui-slider-tip{
        font-size: 14px !important;
    }
    .SmartFilterForm .smartAttributes .attrs .ui-slider {
        margin-bottom: 50px;
    }
    #SmartFilterMobile .SmartFilterForm .smartAttributes .size{
        margin-bottom: 6px !important;
    }
    #SmartFilterMobile .SmartFilterForm .smartAttributes .size.image.left{
        margin-bottom: 5px !important;
    }

    #SmartFilterContent{display: none;}

    .SmartContentGroup.type-picture > .SmartContent .Image,
    .SmartContentGroup.type-picture > .SmartContent .Image span{
        width: 100%;
    }
    .SmartContentGroup.type-picture > .SmartContent .Image img{
        max-height: none !important;
        max-width: none !important;
    }

    .SmartContentGroup.type-hyperlink > .SmartContent .Hyperlink,
    .SmartContentGroup.type-hyperlink > .SmartContent .Hyperlink span{
        width: 100%;
    }
    .SmartContentGroup.type-hyperlink > .SmartContent .Hyperlink img{
        max-height: none !important;
        max-width: none !important;
    }


    #Copyright {
        display: inline;
        float: none;
    }
    #Copyright > div{
        display: inline;
    }
    #Copyright > div .copyright-separator{
        display: none;
    }
    #Copyright > div .copyright-mailto:before,
    #Copyright > div .copyright-policy:before{
        content: '○';
        display: inline;
        padding-right: 5px;
    }
    /*#Copyright > div .copyright-mailto{
        display: block;
        text-align: center;
    }*/

    #Copyright > div > div{
        display: inline-block;
    }

    #Copyright > div > div{
        padding-right: 5px !important;
    }
    #CPanel{
        text-align: center;
    }
    #CPanel > .clear{
        display: inline;
        clear: none;
    }
    #CPanel > .clear:before{
        content: '○';
        display: inline;
        padding-right: 5px;
    }
    #CookieInfo{
        display: inline;
        float: none;
    }

    .Table{padding-left: 0 !important;padding-right: 0 !important;}
    .Image span, .Image a{padding-left: 0 !important;padding-right: 0 !important;}

    #PageHolder[class*="_news_item_"] .ContentPanel > section {
        padding: 0 !important;
    }

    .formFields .formValue .formRadioItem input[type="radio"],
    .formFields .formValue .formCheckboxItem input[type="checkbox"]{
        font-size: 1.5em;
    }
    .formFields .formValue .formRadioItem .vertical-top,
    .formFields .formValue .formCheckboxItem .vertical-top {
        vertical-align: middle !important;
    }

    #mystatistic .mystatistic-menu{
        display: inline-block;
    }
    #mystatistic.show #stats-vertical-nav {
        display: none;
    }
    /* Themenavigation auto image size on responsive
    .ThemeNavigation.theme_navigation.type-2 .ThemeNavigationItem:not(.separatorborder-thin) .themenavigation_image,
    .ThemeNavigation.theme_navigation.type-2 .ThemeNavigationItem:not(.separatorborder-thin) .themenavigation_image *{
        width: 100% !important;
        max-width: none !important;
        max-height: none !important;
    }*/

    .FilterNavigation .col {
        width: 33.333333%;
    }

}

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

    #geispoint-widget .Table{
        display: table;
        height: auto;
    }
    #geispoint-widget .Table .table-row,
    #geispoint-widget .Table .table-cell{
        display: block !important;
        width: 100% !important;
    }
    #geispoint_gp{
        height: 250px;
    }
    #geispoint-widget-map{
        height: 350px;
    }
}
@media all and (max-width:640px){
    #productBuyDetail .productBasket{
        display: block;
        padding: 0;
    }
    #productBuyDetail .productBasket .productBasketIcon,
    #productBuyDetail .productBasket .productBasketValue{
        display: block;
        width: 100%;
        max-width: none;
    }
    #productBuyDetail .productBasket .productBasketValue{
        padding-left: 0;
        padding-top: 10px;
    }
    #productBuyDetail .productBasket .productBasketIconTitle{
        text-align: center;
        vertical-align: middle;
    }
    #productBuyDetail .formButton .sendButton.showButton{
        margin-left: 0;
    }
    #productBuyDetail .table.buyData{
        padding: 20px 0 0 0 !important;
    }
    #productBuyDetail .table.buyData .table-cell{
        display: block !important;
        text-align: center !important;
    }
    #productBuyDetail .table.buyData .table-cell.formButton{
        padding-top: 20px;
    }

    .CustomTemplate .CustomTemplateItems{
        display: inline-block !important;
    }
    .CustomTemplate .CustomTemplateItems:last-child{
        padding-left: 0 !important;
        padding-top: 12px !important;
    }
    .CustomTemplate .CustomTemplateItems:first-child {width: auto !important;}
    .CustomTemplate .CustomTemplateItems .CustomTemplateItem span{vertical-align: top !important;}

    .SmartFilterForm .attribute,
    .SmartFilterForm .smartAttributesGroup{
        float: none;
        width: 100% !important;
        clear: both;
        padding-right: 0;
    }
    article .article_indents.indents-column{
        column-count: 2 !important;
        -webkit-column-count: 2 !important;
        -moz-column-count: 2 !important;
    }

    .swipebanner_navigation_menu {
        max-width: 200px;

    }
    .swipebanner_navigation_menu ul{
        font-size: 19px;
    }

}
@media screen and (max-width:480px){
    #PageHolder[data-mobile-head-fixed="0"] header.fixed {
        position: static;
    }
    #PageHolder[data-mobile-head-fixed="0"] #Main {
        padding-top:0 !important;
    }

    .sticky.mobile-ignore{
        position: static !important;
    }

    br.one-br{
        display: none;
    }
    .SwipeBannerData.hideDevice-5 br.one-br {
        display: block;
    }

    .hideBackgroundImage-mobile{
        background-image: none !important;
    }
    section span.content_separator,
    .Data span.content_separator{
       display: table-row;
       width: 100% !important;
       height: 12px !important;

    }
    /*.content_group{min-height: 0 !important;}*/
    footer .right #Login.absolute{transform: translateX(0);}
    footer #Login.absolute{position: relative;}


    .content_group.hideDevice-4 section span.content_separator,
    .content_group.hideDevice-4 .Data span.content_separator,
    .content_group.hideDevice-5 section span.content_separator,
    .content_group.hideDevice-5 .Data span.content_separator{
        display: table-cell;
        width: 12px !important;
        height: auto !important;
    }


    section span.content_separator hr,
    .Data span.content_separator hr{
        display: none;
    }

    /*.SmartContentGroup .SmartContent{
        width: 100%;
    }
    .SmartContentGroup > .SmartContentSeparator{
        display: table-row !important;
        white-space: nowrap !important;
        width: 100% !important;
        position:relative !important;
        height: 12px;
    }
    .SmartContentGroup > .SmartContentSeparator > span{
        white-space: nowrap !important;
    }
    .SmartContentGroup > .SmartContentSeparator > hr{
        display: none;
    }*/


    section > span:nth-of-type(2n),
    .Data > span:nth-of-type(2n){
        display: table-row !important;
        height: 12px;
        overflow: hidden;
    }
    .content_group.hideDevice-4 section > span:nth-of-type(2n),
    .content_group.hideDevice-4 .Data > span:nth-of-type(2n),
    .content_group.hideDevice-5 section > span:nth-of-type(2n),
    .content_group.hideDevice-5 .Data > span:nth-of-type(2n){
        display: table-cell !important;
        height: auto;
    }

    section span.content_separator > span,
    .Data span.content_separator > span{
        display: none !important;
    }

    section span.content_separator.hrv.none,
    .Data span.content_separator.hrv.none{
        display: none !important;
    }
    section .content_section.position-empty,
    .Data .content_section.position-empty{
        display: none !important;
    }

    /*div:not(.hideDevice-5) .Image,
    div:not(.hideDevice-5) .Hyperlink{
        display: table !important;
        margin: 0 auto;
        text-align: center !important;
    }

    div:not(.hideDevice-5) .Image a,
    div:not(.hideDevice-5) .Image span,
    div:not(.hideDevice-5) .Hyperlink a,
    div:not(.hideDevice-5) .Hyperlink span{
        max-width: none !important;

    }
    div:not(.hideDevice-5) .Image a,
    div:not(.hideDevice-5) .Image span{
        display: table !important;
    }*/


    article{
        margin-left: 0 !important;
        margin-right: 0 !important;
        clear: both;
        display: table;
        margin: 0 auto;
        text-align: center;
    }
    article .article_image{
        clear: both;
        float: none;
        margin: 0 !important;
        padding: 0 0 6px 0 !important;
        display: inline-block;
    }
    article .article_image.center{
        margin: 0 auto !important;
    }

    /*div:not(.hideDevice-5) .Hyperlink{
        clear: both;
        float: none !important;
        margin: 0 auto;
    }
    div:not(.hideDevice-5) .Hyperlink a{
        text-align: center;
    }*/
    #News .NewsLeft .NewsItemLighlight{
        padding-bottom: 12px;
        margin-bottom: 12px;
    }
    #News .NewsLeft .NewsPreviewsThumb{
        float: none !important;
        padding-right: 0 !important;
        text-align: center !important;

    }
    #News .NewsLeft .NewsPreviewsThumb .left{
        float: none !important;
    }
    #News .NewsLeft .NewsItemLighlight > div{
        padding: 0;
    }
    #News .NewsLeft .NewsItemLighlight .NewsPreviewsText{
        clear: both;
    }
    #News .NewsLeft .NewsItemRow .NewsItem2 > div{
        padding: 0;
    }
    #News .NewsLeft .NewsItem2.even > div{
        margin-top: 0;
    }
    #News > .NewsLeft > .NewsItemRow > .NewsItemPreviewsDate{
        display: none;
    }
    #News .NewsLeft .NewsItemRow.TimeLine:after{
        border: 0;
    }
    #News .NewsLeft .NewsItemRow .NewsItemPreviews{
        display: block;
        width: 100%;
        clear: both;
    }
    #News > .NewsLeft > .NewsItemRow > .NewsItem2,
    #News > .NewsLeft > .NewsItemRow > .NewsItem1{

        margin-bottom: 12px;
        padding-bottom: 12px;
        display: inline-block;
    }

    #News > .NewsLeft > .NewsItemRow > .NewsItem2,
    #News > .NewsLeft > .NewsItemRow > .NewsItem1,
    #News .NewsLeft .NewsItemLighlight{
       border: 0;
       border-bottom: 1px solid #aaaaaa;
    }

    #News .NewsLeft .NewsItem2.odd,
    #News .NewsLeft .NewsItem2.even{
        padding-right: 0;
        padding-left: 0;
    }
    #News > .NewsLeft > .NewsItemRow{
        display: block;
    }
    #News > .NewsLeft > .NewsItemRow > .NewsItem2.empty{
        display: none;
    }
    .NewsLeft .NewsItemLighlight > div{border: 0 !important;}
    #News > .NewsLeft > .NewsItemRow{margin-bottom: 40px;padding-bottom: 40px;border-bottom: 1px solid #aaaaaa;}
    #News > .NewsLeft > .NewsItemRow:last-child{margin: 0; border:0;padding-bottom: 20px;}
    #News .NewsItem3 .NewsItem {display: block; width: 100%;}
    #News .NewsLeft .NewsItemRow .NewsItemPreviews.NewsItem3 {display: inline-block;}
    #News .NewsItem3 .NewsItem > div{display: inline-block; width: 100%;padding: 0; margin: 0;}
    #News .NewsItem3 .NewsItem > .NewsTitle{width: 100%;padding-right: 0;border: 0;padding-bottom:0;}
    #News .NewsItem3 .NewsItem > .NewsTitle .NewsItemMargin{display: none;}
    #News .NewsItem3 .NewsItem > .PerexText{width:100%;padding-left: 0;border: 0;padding-top: 0;}
    .productDetail .content_group span.content_separator{
       height: 0;
    }
    #News .NewsItem3 .NewsItem > .NewsTitle .NewsImage a span,
    #News .NewsItem3 .NewsItem > .NewsTitle .NewsImage a span img{float: none;}

    #News .NewsItem3 .step{display: none;}

    .RightData .RightSide #News .NewsLeft.NewsSpacing {
        display: table;
        -ms-flex-wrap: unset;
        flex-wrap: unset;
    }

    .RightData .RightSide #News .NewsLeft.NewsSpacing .NewsItemRow{
        display: table;
        -ms-flex: none;
        flex: none;
        max-width: none;
    }

    .RightData #News > .NewsLeft > .NewsItemRow > .NewsItem2,
    .RightData #News > .NewsLeft > .NewsItemRow > .NewsItem1,
    .RightData #News .NewsLeft .NewsItemLighlight {
        border: 0;
    }

    #ShoppingCartData{
        display: block;
        width: 100%;
    }
    #ShoppingCartData > div#products{
        display: block;
        width: 100%;
    }
    #ShoppingCartData > div#delivery{
         display: table;
         width: 100%;

    }
    #ShoppingCartData #products > div{
        display: table;
        width: 100%;
    }
    #ShoppingCartData #products > div > div:first-child{
        clear: both;
        display: table-caption;
        width: 100%;
        border-bottom:0;
    }
    #ShoppingCartData #products > div > div.formValue{
        display: table-cell;
        width: auto;
        padding-left: 12px;
    }
    #ShoppingCartData #products > div > div.productPrice,
    #ShoppingCartData #products > div > div.productRemove{
        display: table-cell;
        width: auto;

    }
    #ShoppingCartData #products > div > div.formValue .align-center{
        text-align: left !important;
    }
    #ShoppingCartData #products > div > div.productPrice,
    #ShoppingCartData #products > div > div.productRemove{
         text-align: right !important;
    }
    .productTable div.Table .TableHead,
    .productTable div.Table .TableCell{
        border: 0;
    }
    .productTable div.Table{
        display: block;
        width: 100%;
    }
    .productTable div.Table .TableHeaderGroup{
        display: none;
    }
    .productTable div.Table .TableBodyGroup{
        display: block;
        width: 100%;
    }
    .productTable div.Table .TableBodyGroup .TableRow{
        display: block;
        width: 100%;
        border-bottom: 1px dotted black;
    }
    .productTable div.Table .TableBodyGroup .TableRow{
        display: table;
        width: 100%;
    }
    .productTable div.Table .TableBodyGroup .TableRow .TableCell{
        display: table;
        width: 100%;
        clear: both;
        border-bottom: 0;
        padding-top: 0;
    }
    .productTable div.Table .TableBodyGroup .TableRow .TableCell .productAttributes,
    .productTable div.Table .TableBodyGroup .TableRow .TableCell .productAttributes .table{
        width: 100%;
    }
    .productTable div.Table .TableBodyGroup .TableRow .TableCell .productAttributes .table .table-cell{
        vertical-align: middle;
    }
    .productTable div.Table .TableBodyGroup .TableRow .TableCell .productAttributes .table .table-cell:last-child{
        text-align: right;
    }
    .productTable div.Table .TableBodyGroup .TableRow .TableCell .productAttributes .table .table-cell .formValue{
        float: right;
    }
    .productDetail section span.content_separator,
    .productDetail .Data span.content_separator{
        display: table-cell;
        width: 12px;
    }
    .productDetail .table_attribute_name .productPrice{
        border-top: 1px dotted #aaaaaa;
        display: block;
        margin-top: 6px;
    }

    .productTable .table_attribute_name.none{
        display: block !important;
    }

/*
    .Path{
        display: none;
    }
*/

    #search_response table.cellpadding2 td{
        display: none;
    }
    #search_response table.cellpadding2 td:first-child,
    #search_response table.cellpadding2 td:nth-child(2){
        display: table-cell;
    }
    .Section-0.type-0 > .content_section.position-0{
        display: block;
    }
    .SwipeBannerData:not(.hideDevice-0):not(.hideDevice-1):not(.hideDevice-2):not(.hideDevice-3):not(.hideDevice-4):not(.hideDevice-5),
    .SwipeBannerData.hideDevice-1,
    .SwipeBannerData.hideDevice-4{
        clear: both;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .SwipeBannerData:not(.ignorepadding):not(.hideDevice-0):not(.hideDevice-1):not(.hideDevice-2):not(.hideDevice-3):not(.hideDevice-4):not(.hideDevice-5),
    .SwipeBannerData.hideDevice-1:not(.ignorepadding),
    .SwipeBannerData.hideDevice-4:not(.ignorepadding){
        width: 100% !important;
    }


    .content_group:not(.hideDevice-0):not(.hideDevice-1):not(.hideDevice-2):not(.hideDevice-3):not(.hideDevice-4):not(.hideDevice-5),
    .content_group.hideDevice-1,
    .content_group.hideDevice-4{
        float: none;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        display: grid;

    }
    .content_section .content_group.viewport:not(.hideDevice-0):not(.hideDevice-1):not(.hideDevice-2):not(.hideDevice-3):not(.hideDevice-4):not(.hideDevice-5) > .GroupData,
    .content_section .content_group.viewport.hideDevice-1 > .GroupData,
    .content_section .content_group.viewport.hideDevice-4 > .GroupData{
        /*left: 0 !important;*/
    }

    .formFields .formSection,
    .formFields .formField,
    .formFields .formSectionFields{
        display: block;
        width: 100% !important;
        float: none;
    }
    .formFields .formSectionFields{
        padding-left: 0 !important;

    }
    .formFields .formName, .formFields .formValue{
        display: block !important;
        width: 100% !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .formFields .formCheckboxItem div.error{
        margin-right: 0;
    }
    #PageHolder .webForm .formSectionFields{
        padding: 0 !important;
        margin: 0 !important;
    }
    .formButton{
        text-align: center !important;
    }
    input.buttonBlue, input.buttonGreen{
        font-size: 14px !important;
        white-space: pre-line;
        max-width: 100px;
    }
    .formName{
        padding-bottom: 2px !important;
    }
    #orderDetail h1{
        font-size: 20px;
    }
    #orderDetail .orderInvoiceAddress,
    #orderDetail .orderInvoiceAddress .orderInvoiceSeller, #orderDetail .orderInvoiceAddress .orderInvoiceBuyer{
        display: block;
        width: 100%;
    }
    #orderDetail .orderInvoiceAddress .orderInvoiceBuyer{
        margin-top: 12px;
    }

    #orderDetail .orderInvoiceProducts ul li.row1 dl{
        clear: both;
        table-layout: fixed;
    }
    .orderInvoiceHead  .orderInvoiceTitle,
    .orderInvoiceHead  .orderInvoiceDate{
        display: table;
        width: 100%;
        clear: both;

    }
    .orderInvoiceHead  .orderInvoiceDate{
        margin-top: 6px;
    }

    #orderDetail .orderInvoiceProducts ul li.row1{
        display: table-caption;
        width: 100%;
        border-bottom: 0;
    }

    /*.Article .table{
        display: block !important;
        width: 100%;
    }
    .Article .table .table-cell{
        display: block !important;
        clear: both;
        width: 100% !important;
    }*/
    .Article .table .articleImage.table-cell{
        display: table-caption !important;
        text-align: center;
        width: 100% !important;
    }
    .Article .table .articleImage.table-cell > a,
    .Article .table .articleImage.table-cell > span{
        margin:0 auto;
    }

    #user_forget{
        padding-left: 0;
        clear: both;
        display: block;
    }
    #memberProfile .memberProfile.icon-user,
    #memberProfile .memberProfile.icon-basket,
    #memberProfile .memberProfile.icon-doc-text{
        font-size: 50px;
        color: #aaa;
    }

    #memberProfile .memberProfileAccountData .menu-item{
        display: block;
        clear: both;
    }
    #memberProfile .memberProfileAccountData .menu-item-separator{
        display: none;
    }

    .TableRow.productDetail .TableCell{
        width: 100% !important;
    }

    .hideDevice-0,
    .hideDevice-2,
    .hideDevice-3,
    .hideDevice-mobile,
    .hideDevice-tablet{
        display: none !important;
    }
    .hideDevice-4,
    .hideDevice-5 {
        display: block !important;
        float: none;
    }
    .inherit.hideDevice-4,
    .inherit.hideDevice-5 {
        display: inherit !important;
    }

    .Banner{
        overflow:hidden;
    }

    .Gallery.gallery_thumbs .GalleryRow {
        display:flex;
        flex-direction: column;
    }
    .Gallery.gallery_thumbs.position-left .GalleryRow{
        flex-direction: column-reverse;
    }
    .Gallery.gallery_thumbs .image_thumbs {
        display: flex !important;
        display: -ms-flexbox !important;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .Gallery.gallery_thumbs.position-left .image_thumbs .thumbs{
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        float:none;
    }

    .Gallery.gallery_thumbs.position-bottom .image_thumbs .thumbs{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        float:none;
    }
    .Gallery.gallery_thumbs.position-left div.gallery_content{
        width: 100% !important;
    }

    .FloatingContent{
        /*position: static !important;*/
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .FloatingContent.fixed{
        position: fixed !important;
    }


    /*div:not(.hideDevice-5) .Image > *{
        margin: 0 !important;

    }*/

    article .article_indents.indents-column{
        column-count: 1 !important;
        -webkit-column-count: 1 !important;
        -moz-column-count: 1 !important;
    }
    .Image-picture > span,
    .Image-picture > a{
        position: static !important;
        max-width: none !important;
        width: 100%;
        text-align: center;
        margin: 0 auto !important;
    }
    .Image-picture span.shadow_class > span,
    .Image-picture a.shadow_class > span{
        margin: 0 auto !important;
    }

    .SmartFilterForm .smartAttributes .attrs{
        max-height: none;
        overflow: auto;
    }

    .fancybox-iframe-mobile .fancybox-content{width: 100% !important;margin-top:0 !important;margin-bottom: 0 !important;max-width: none !important;max-height: none !important;}
    .fancybox-iframe-mobile .fancybox-inner .fancybox-toolbar{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);transition:opacity .25s,-webkit-transform 0s;transition:opacity .25s,transform 0s;transition:opacity .25s,transform 0s,-webkit-transform 0s;}

    .productDetail .productAttributeMask .productAttributeMaskZoom{
        top:50%;
        left: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        font-size: 20px;
        padding: 0;
    }
    .productTable .Table{padding: 0 !important;}
    .Table{padding-left: 0 !important;padding-right: 0 !important;}
    .Image span, .Image a{padding-left: 0 !important;padding-right: 0 !important;}

    .SwipeBannerData .pagger_arrow {display: none !important;}
    .SwipeBannerData .swipebanner_pager {display: none !important;}

    #Form_user_login .user_forget{display: block;clear: both;}

     .swipebanner_navigation_menu {
         display: none;
     }

     .productDetail .content_group .GroupData > .GroupDataItem > div.GroupDataItemValue{
         padding: 0 !important;
     }

    #Copyright > div > .copyright-mailto,
    #Copyright > div > .copyright-company,
    #Copyright > div > .copyright-policy{
        display: inline;
        white-space: normal;
    }

    .Tabs .tab_titles a{
        width: 100% !important;
        grid-template-columns: max-content auto !important;
    }

    .Tabs .tabs_data, .Tabs .tab_titles{
        width: 100%;
    }
    /*.Tabs .tab_titles.type-2,
    .Tabs .tab_titles.type-2 > div{
        display: table;
        width: 100%;
    }
    .Tabs .tab_titles.type-2 > div > a{
        display: block;
        -webkit-align-self: center;
        align-self: auto;
    }
    .Tabs .tab_titles.type-2 a span.tab-icon  {
        margin: unset;
        margin-bottom: 6px;
    }*/

    .Tabs .tab_titles.type-2 {
        display: table;
    }
    .Tabs .tab_titles.type-2 a{
        display: -moz-grid;
        display: grid;
        grid-template-columns: auto auto;
    }
    .Tabs .tab_titles.type-2 a > span {
        align-self: center;
    }
    .Tabs .tab_titles.type-2 a span.tab-icon{
        font-size: inherit;
        padding-right: 6px;
    }



    .Table.type1{padding-bottom: 0;padding-top:0;}
    .Table.type1, .Table.type1 .TableBodyGroup, .Table.type1 .TableHeaderGroup{display:block !important;width: 100% !important;}
    .Table.type1 .TableCaption{display: block !important;width: 100% !important;padding: 10px;}
    .Table.type1 .TableRow.tablesorter-filter-row{display: none !important;}
    .Table.type1 .TableRow:not(.tablesorter-filter-row) {display: block !important;width: 100% !important; clear: both !important;}
    .Table.type1 .TableHead, .Table.type1 .TableCell{display: block !important; clear: both;width:100% !important;padding-bottom:6px !important; border: 0 !important;}
    .Table.type1 .TableRow > .TableCell:first-child, .Table.type1 .TableRow > .TableHead:first-child{padding-top: 10px !important;}
    .Table.type1 .TableRow > .TableCell, .Table.type1 .TableRow > .TableHead{padding-left: 10px !important;padding-right:10px !important;}
    .Table.type1 .TableRow > .TableCell:last-child, .Table.type1 .TableRow > .TableHead:last-child{padding-bottom: 10px !important;}

    .productTable .TableHead{text-align: center;}
    .productTable .TableCell{text-align: center;}
    .productTable .TableCell .productAttributes{text-align: center;}
    .productTable .TableCell .productAttributes .formValue{margin: 0 auto;}
    .productTable .TableCell .productAccessories{text-align: center;}
    .productTable .TableCell .productAccessories .formValue{margin: 0 auto;}
    .productTable .Table .TableCell .productAvailability.right{ float: none !important;}
    .productTable .Table .TableCell .productDetailBuy .productPrice{padding-right: 0 !important;}
    .productTable .Table .TableCell .productDetailBuy > * {display: table !important; width: 100% !important;text-align: center !important;}
    .productTable .Table .TableCell .productDetailBuy .product_buy input, .Table .TableCell .productDetailBuy .product_buy a{float: none !important;margin-left: 0 !important;}
    .productTable .Table .TableCell .productDetailBuy .product_buy a{padding-left: 0 !important;}
    .productTable .Table .TableCell .productDetailBuy .product_buy a{margin-top: 6px !important;}
    .productTable .Table .TableCell .productDetailBuy .align-left{text-align: center !important;}

    #geispoint-widget{
        width: 100%;
    }

    #geispoint-widget-map{
        display: none;
    }
    #geispoint_gp{
        height: 350px;
    }

    .ThemeNavigation.theme_navigation.type-7 .ThemeNavigationItem:not(.minsize-1) .themenavigation_content{
        width: 100%;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
    .ThemeNavigation.theme_navigation.type-7 .ThemeNavigationItem:not(.minsize-1) .themenavigation_content .themenavigation_description_value,
    .ThemeNavigation.theme_navigation.type-7 .ThemeNavigationItem:not(.minsize-1) .themenavigation_content .ThemeNavigationShoppingCart{
        display: none !important;
    }

    .formRadioButton{
        margin: -6px 0;
        display: block !important;
    }
    .formRadioButton .formRadioButtonItem{
        width: 100%;
        margin: 6px 0;
    }

}

@media all and (max-height: 539px) {
    #geispoint-widget{
        width: 100%;
    }
    #geispoint-widget .Table{
        height: 100%;
    }

    #geispoint_gp{
        height: 240px;
    }
}

@media all and (max-height: 350px) {
    #geispoint_gp{
        height: 130px;
    }
}

@media all and (max-height: 250px) {
    #geispoint_gp{
        height: 90px;
    }
}