@charset "utf-8";

#langs-mobile-footer{
    display: none;
}

.mobile_only{
    display: none;
}

@media (max-width: 800px) and (min-width: 0px) {
        
    /*
    ///////////////////////////////
    /////GLOBAL LAYOUT CHANGES/////
    ///////////////////////////////
    */
    
    .mobile_only{
        display: block;
    }
    
    body, html{
        max-width: 100% !important;
        overflow-x: hidden !important;
    }
    
    html,
    body,
    .grid,
    #header,
    #footer {
        display: block !important;
        width: auto !important;
    }
    .footer_grid,
    #index_content,
    #nette-debug,
    #slideshow,
    #subslideshow,
    #slides,
    #slideshow_prev,
    #slideshow_next,
    #logos,
    #bg_grid,
    #preload_images,
    #navigation ul li ul,
    #survey{
        display: none !important;
        visibility: hidden !important;
    }
    #header {
        height: auto !important;
    }
    #logo {
        width: 125px !important;
        height: 77px !important;
        clear: none !important;
        float: left !important;
    }
    #langs {
        display: none !important;
        clear: none !important;
    }
    #searchbox {
        clear: none !important;
        float: right !important;
    }
    #searchbox div {
        float: none !important;
        clear: none !important;
        display: inline-block !important;
    }
    #searchbox div:nth-child(2) {
        float: none !important;
        clear: none !important;
        position: absolute !important;
        right: 0px !important;
        top: 0px !important;
    }
    #searchbox div:nth-child(2) * {
        /*padding: 0px !important;
        margin: 0px !important;*/
    }
    #searchbox input[type=text]{
        width: 130px !important;
    }
    #navigation ul {
        display: block;
        width: 100%;
        position: relative;
        margin: 0px !important;
        background: url('../img/layout/bg_links.png') !important;
    }
    #navigation ul li {
        width: 100% !important;
        background: url('../img/layout/bg_links.png') !important;
    }
    #navigation ul li:hover {
        background: url('../img/layout/bg_links_hover.png') !important;
    }
    #navigation ul li a {
        width: 100% !important;
        color: #000;
        background: none !important;
    }
    .ico {
        width: inherit !important;
    }
    .footer_grid {
        margin-right: 0px !important;
        clear: both;
        margin-top: 15px !important;
    }
    .footer_grid:last-child {
        display: block !important;
        visibility: visible !important;
        text-align: center !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .content_right,
    .content_left,
    #breadcrumbs {
        display: block !important;
        float: none !important;
        width: auto !important;
        border: none !important;
    }
    #breadcrumbs {
        clear: both;
        padding: 0px 5px;
    }
    #breadcrumbs *{
        display: inline-block;
    }
    #breadcrumbs ul li:first-child{
        margin-left: 20px;
    }
    #breadcrumbs .ico_home{
        width: 0px !important;
        display: block;
        background-position: center;
        float: left !important;
        position: absolute;
        top: 12px;
    }
    
    #breadcrumbs ul{
        float: left;
        width: auto;
    }
    
    #navigation{
        /*overflow: hidden;*/
        /*max-height: 0px !important;*/
        /*height: 0px !important;*/
    }
    
    .right, .left, .content_left, .content_right{
        float: none !important;
        display: block !important;
        clear: both !important;
        width: auto !important;
        max-width: 100% !important;
    }
    .right:after, .left:after, .content_left:after, .content_right:after{
        clear: both;
    }
    
    /*
    ////////////////////////
    ////SIDEMENU CHANGES////
    ////////////////////////
    */
    
    .content_left .sidemenu, .content_left .sidemenu *{
        margin-right: 0px !important;
        display: none;
    }
    
    .content_left .sidemenu li{
        display: none;
    }
    
    .content_left .sidemenu li.active, .content_left .sidemenu li.active *{
        display: block;
    }
    
    /*
    ////////////////////////
    ////SPECIFIC CHANGES////
    ////////////////////////
    */
    
    /* CATALOG */
    .products_categories, .products{
        margin-right: 0px;
        margin-top: 15px;
    }
    .products_categories a, .products a{
        max-width: 49% !important;
        margin: 0px !important;
        /*margin: 1%;*/
        /*max-width: 230px;*/
        height: auto;
    }
    .products_categories a img, .products a img{
        width: 100%;
        height: auto;
    }
    .products_filter{
        display: none;
    }
    
    /* PRODUCT DETAIL + SINGLE PAGE */
    .product_detail{
        
    }
    
    .related_products{
        display: none !important;
    }
    
    .content_right{
        padding: 10px !important;
    }
    .content_right:first-child{
        padding: 0px !important;
    }
    .detailProduct .content_right *, .singlepage .content_right *{
        width: auto;
        max-width: 100% !important;
    }
    
    .content_right img{
        max-width: 90% !important;
        overflow: hidden;
        height: auto !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    
    .content_right img, .post_thumbnail{
        float: none !important;
    }
    
    .content_right p, .content_right h1, .content_right h2, .content_right h3, .content_right .post_info{
        width: 90% !important;
        max-width: 90% !important;
    }
    
    h1{
        padding-left: 0px !important;
        margin-top: 10px;
    }
    
    /* FORMS */
    
    form textarea{
        max-width: 80% !important;
        width: 80% !important;
    }
    
    /* ARTICLES LIST */
    .listArticles .content_right{
        padding: 10px;
        padding-bottom: 20px;
    }
    
    .listArticles .content_right .post img{
        display: none !important;
    }
    
    /* NAVIGATION SHOW/HIDE */
    
    #navigation-mobile{
        width: 100%;
    }
    #navigation-mobile-btn{
        display: block;
        height: 40px;
        line-height: 40px;
        margin-top: -10px;
        width: 100%;
        text-align: right;
    }
    #navigation-mobile-btn span{
        display: inline-block;
        text-align: right;
        color: #FFF;
        padding-right: 10px;
        padding-left: 30px;
        background: url('../img/layout/ico_arrow_mobile_nav_down2.png') left center no-repeat;
    }
    #navigation-mobile-btn.active span{
        background: url('../img/layout/ico_arrow_mobile_nav_up2.png') left center no-repeat;
        color: #FFF;
    }
    
    /* MOBILE SIDEMENU */
    
    #mobile_sidemenu{
        display: none;
    }
    
    .mobile_only{
        clear: both;
    }
    
    .sidemenu h3{
        padding-top: 15px;
        padding-bottom: 10px;
    }
    
    .catalog-by-brands{
        margin-top: 10px;
    }
    
    .list-pictograms{
        margin-bottom: 15px;
        margin-top: 14px;
    }
    
    /* NAVIGATION HOMEPAGE */
    
    #navigation{
        display: none;
        padding-bottom: 20px !important;
        height: auto !important;
    }
    .homepage #navigation-mobile{
        display: none;
    }
    .homepage #navigation{
        display: block;
    }
    
    .nav_show{
        /*height: auto !important;*/
        display: block !important;
        opacity: 1 !important;
    }
    
    .nav_hide{
        /*height: 0px !important;
        overflow: hidden !important;*/
        display: none !important;
    }
    
    /* LANGS */
    
    /*#header #langs{ display: block !important; }*/
    
    #langs-mobile-footer{
        display: block;
        margin-top: 10px;
    }
    
    #langs-mobile-footer a{
        padding: 0px 10px;
    }
    
    /* MAP FILTER */
    #map_filter table tr, #map_filter table td, #map_filter table th{
        display: block;
        float: left;
        vertical-align: bottom;
    }
    
    #map_filter{
        height: auto !important;
        background-color: #dedede !important;
        margin-bottom: -20px !important;
    }
    
    #map{
        margin-bottom: 0px !important;
    }
        
    #map_pins{
        background-color: #dedede !important;
        padding: 30px 10px;
    }
    
    .map_radio{
        display: none !important;
    }
    
    #tab-table{
        display: block !important;
    }
    
    #tab-map{
        display: none !important;
    }
    
    /* PICTOGRAMS */
    .norms.product_tags ul li{
        width: 35%;
        margin-right: 2% !important;
        height: 150px;
    }
    .properties.product_tags ul li{
        width: 35%;
        margin-right: 2% !important;
    }
    .norms .ico_li_tag_description{
        font-size: 12px !important;
    }

    /* fancy box */
    #fancybox-content {
        max-width: 80vw;
    }
}

@media (max-width: 800px) and (min-width: 400px) {
    .products_categories a, .products a{
        max-width: 32% !important;
    }
}

@media (max-width: 800px) and (min-width: 600px) {
    .products_categories a, .products a{
        max-width: 24% !important;
    }
}