﻿@media screen and (max-width:1100px) {
    .listBoxBarche li {
        width: calc( 50% - 6px) !important;
    }
    .max3desktop .listBoxBarche li:nth-child(4) {
        display: inline-block !important;
    }
}


@media screen and (max-width:960px) {
        body, html {
        padding: 5px;
    }

    .onlyDesktop {
        display:none !important;

    }

    .onlyMobile {
        display:block !important;
    }

    .bodyPage {
        width:100%;
    }

    .box_big_image {
        display: block;
        width: 100%;
        background-color:#000;
    }

    .col_big_image {
        display: block;
        width: 100%;
        padding: 0;
    }

    .box_left_detail {
        display: block;
        width: 100%;
    }
    .col_left_detail {
        display: block;
        width: 100%;
        padding: 30px 0 0 0;
    }

    .boxContact_col {
        display: block;
        width: 100%;
    }

    .colPage {
        display: block;
        width: 100%;
    }

    .big_phone {
        font-size: 18px !important;
    }

    #filtriSection {
        position: fixed;
        z-index: 99999;
        top: 290px;
        display: block;
        background-color: #ccc;
        LEFT: 0px;
        padding: 0;
        overflow-y: scroll;
        height: 100%;
        margin-left: 10px;
        margin-right: 10px;
        width: calc(100% - 20px);
    }
}

@media screen and (max-width:860px) {
    .bodyPage {
        display: block;
        width: 100%;
        padding:0;
    }

    
    .four_block {
      width: 100%;
      padding: 10px 0px;
    }
    #contattaci {
        padding-top:30px;
    }
    
    #contattaci .doble_block {
        width: 100%;
    }
}


@media screen and (max-height:600px) {
    #content_html_lightbox {
        overflow-y: scroll;
    }
}

    @media screen and (max-width:700px) {
        #master {
            background-color: #fff;
        }


        .closeLightbox {
            right: 0;
        }

        #content_html_lightbox {
            overflow-y: scroll;
        }


        body, html {
            padding: 0px;
        }

        .detail_barca .doble_block:nth-child(2) {
            padding-left: 0px;
        }


        .doble_blockInverted:first-child {
            margin-left: 0;
            width: 100%;
        }

        .doble_blockInverted:last-child {
            width: 100%;
            position: relative;
            z-index: 4;
            left: unset;
            top: unset;
        }


        .doble_block {
            width: 100%;
        }


        .due_tre_block {
            width: 100%;
        }

        .tree_block {
            width: 100%;
        }

        .mini-box .box-evidenza {
            padding-right: 0px;
            padding-left: 0;
        }

        .maxWidth {
            padding: 0 5px;
        }

        .halfDiv {
            width: 100%;
        }

        .section-footer {
            left: 0;
            right: 0;
        }

        .box-elements .boxNews {
            width: 50%;
        }

        .bodyNews {
            padding-left: 0;
        }

        .cont-shareNews {
            width: 100%;
            top: unset;
            left: unset;
            z-index: 3;
            display: block;
            position: relative;
            height: 40px;
        }
        .sticky {
            display:inline-block;
            vertical-align:top;
        }

    }


    @media screen and (max-width:600px) {
        .doble_block {
            width: 100%;
        }

        .big-elements .boxRepeatElemPost figure {
            float: none;
            width: 100%;
        }

        .bodyNews figure {
            width: 250px;
        }

        .box_big_image {
            height: 300px;
        }

        .boxShare {
            position: relative;
            width: 100%;
            margin-bottom: 30px;
        }
    }


    @media screen and (max-width:500px) {
        .field {
            width: 100% !important;
        }

            .field:first-of-type {
                padding-right: 0;
            }
    }

    @media screen and (max-width:550px) {
        .listBoxBarche li {
            width: 100% !important;
            margin-left: 0;
            margin-right: 0;
        }
    }

    @media screen and (max-width:480px) {
        .box-elements .boxNews {
            width: 100%;
        }

        .bodyNews figure {
            float: none;
            width: 100%;
        }
    }