﻿@media screen and (max-width:1200px) {
    .logo {
        width: 100%;
        height:80px;
        background-size: 120px;
    }
    .lattina {
        width: 70%;
        right: 10px;
        top: 140px;
    }

    .bicchiere {
        left: 50px;
        width: 50%;
        top: -280px;
    }

    #master {
        overflow:hidden;
    }
}


    @media screen and (max-width:1024px) {

        .bottiglia_home {
            right: 40px;
            transform: translate(0, 0);
            -o-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            -moz-transform: translate(0, 0);
            -webkit-transform: translate(0, 0);
        }

        

        .onlyDesktop {
            display: none !important;
        }

        .onlyMobile {
            display: block !important;
        }

        .menuDx li a.linkMenu {
            padding: 10px 15px;
        }

        .menuSx li a.linkMenu {
            padding: 10px 15px;
        }

        .miniBtnMenu {
            display: block;
        }

        #top_menu {
            display: none;
        }

        .onlyMobile {
            display: block !important;
        }



        .breadCrumb {
            padding: 0 10px;
        }

        .fullPage .boxElemPost {
            width: 32.5%;
        }

        .colDX {
            position: relative;
            top: auto;
            right: auto;
            width: 100%;
            margin-top: 0px;
            margin-bottom: 10px;
            float: left;
        }


        .contentPage {
            width: 100%;
        }
    }



    @media screen and (max-width:940px) {

        h1.intro {
            display:none;
        }
        .tris_lattine {
            width: 100%;
        }

        .fasciaApi {
            width:100%;
        }

        .menuDx {
            display: none;
        }
        .menuSx {
            display: none;
        }
        .halfColumn {
            width: 100%;
        }


        .listSchedaOption li {
            border-bottom: 1px solid #dedede;
            display: inline-block;
            vertical-align: top;
        }

        .halfColumnFirstProfile {
            width: 100%;
        }


        .contentPage {
            width: 100%;
        }

        .singleElem {
            width: 50%;
        }
    }

    @media screen and (max-width:900px) {

        .fieldSet {
            max-width: 100%;
            margin-bottom: 5px;
        }

        .boxSlideContent {
            width: 100%;
        }


        .contentPage {
            width: 100%;
            padding-left: 0;
            padding-right: 0;
            min-height: unset;
        }


        .cellTabContent {
            min-width: 49.5%;
            margin-right: 0;
        }


            .cellTabContent .halfCell {
                padding-right: 0;
            }

        .halfSection .insideSquare {
            padding: 20px 30px 20px 30px;
        }
        /*-------------------------------------*/

    }

    @media screen and (max-width:800px) {


        



        .contentFooter {
            padding: 0 10px;
        }


        .contentElem {
            padding: 0 10px !important;
        }

        .insidePage {
            padding: 10px;
        }

        .singleElem {
            width: 100%;
        }

        .dobleElem {
            width: 100%;
        }


        .onlyDesktop {
            display: none !important;
        }

        .boxButton {
            text-align: center;
        }

        .maxWidth {
            padding: 0px 20px;
        }
    }


    @media screen and (max-width:700px) {


        .intro {
            zoom: 80%;
        }

        .bottiglia_home {
            height: calc(100% - 380px);
        }


        .boxPromo {
            padding: 0 20px 20px 20px;
        }

        .paragBigIntro {
            top: -350px;
        }

        .chips {
            width: 100%;
            margin-right: -70px;
            margin-top: -80px;
        }
        .lattina {
            width: 80%;
            right: -10px;
            top: 140px;
        }

        .bicchiere {
            left: 0;
            width: 60%;
            top: -350px;
        }

        .treeColumn {
            width: 100%;
        }


        .fieldThreeCol {
            width: 50%;
        }

        .fieldFourCol {
            width: 50%;
        }

        .fieldThreeCol:nth-child(2n+1) {
            padding-left: 0;
        }

        .fieldFourCol:nth-child(2n+1) {
            padding-left: 0;
        }

        .fourColumn {
            width: 50%;
        }

        .logoOrganizzatori {
            max-width: 130px;
            max-height: 90px;
            padding: 6px;
        }

        .listProgramma {
            width: calc( 100% - 120px);
            margin-left: 120px;
        }

            .listProgramma li > span {
                left: -145px;
                font-size: 24px;
            }

            .listProgramma li > div {
                font-size: 14px;
                margin: auto 0 auto 10px;
                padding: 10px;
                width: calc(100% - 10px);
            }

                .listProgramma li > div::before {
                    left: -35px;
                }


        .introHome {
            min-height: unset;
            margin: 40px auto 0 auto;
        }

            .introHome h3 {
                font-size: 20px;
                font-weight: 100;
                line-height: 26px;
            }

            .introHome .cursiveTitle {
                padding: 10px 0 0 0;
            }


        #clockdiv {
            bottom: 3px;
        }

            #clockdiv div > span {
                font-size: 20px;
                padding: 20px 0px;
                min-width: 50px;
            }

        i {
            display: block;
            margin: 50px auto 0 auto;
            height: 100px;
            width: 120px;
            position: relative;
            text-align: center;
        }
    }

    @media screen and (max-width:640px) {

        ul.menu-square li {
            width: calc(33% - 20px);
        }

        .closeLightbox {
            right: 3px;
            top: 3px;
            height: 30px;
            width: 30px;
            line-height: 30px;
        }
    }

    @media screen and (max-width:600px) {


        #footer .listFooter ul {
            width: 33.33%;
            display: inline-block;
        }


        .halfSection {
            width: 100%;
        }

            .halfSection:first-of-type {
                padding-right: 0px;
                margin-bottom: 10px;
            }

            .halfSection:nth-child(2n+2) {
                padding-left: 0px;
                margin-bottom: 10px;
            }

            .halfSection:last-child {
                margin-left: 0;
            }

        .box-tag-post {
            width: 100%;
        }

        .entry-box-share {
            width: 100%;
        }



        .halfWrapper:first-child {
            padding: 0;
        }

        .halfWrapper {
            width: 100%;
            border: none !important;
            padding: 0;
        }
    }

    @media screen and (max-width:500px) {


        .bicchiere {
            left: -33px;
            width: 70%;
            top: -380px;
        }



        .fieldThreeCol {
            width: 100%;
        }

        .fieldFourCol {
            width: 100%;
        }

        .fieldThreeCol:nth-child(1n+1) {
            padding-left: 0;
        }

        .fieldFourCol:nth-child(1n+1) {
            padding-left: 0;
        }


        .cellTabContent .halfCell {
            width: 100%;
        }

        .slideContent {
            height: 320px;
        }

        .button {
            font-size: 20px;
            margin: 20px 0;
            width: 100%;
            white-space: unset;
        }

        .field:first-of-type {
            padding-right: 0;
        }

        .field {
            width: 100%;
        }

        .fieldMini {
            width: 40%;
        }

        .fieldRight {
            float: none;
        }

        #footer ul {
            width: 100%;
            text-align: center;
        }
    }

    @media screen and (max-width:480px) {

        .swiper-slide .boxText h4 {
            color: #fff;
            font-size: 11px;
            margin: 5px 0;
        }

        .swiper-slide .boxText p {
            color: #fff;
            font-size: 9px;
            margin: 0;
            line-height: 12px;
            padding-bottom: 5px;
        }

        .singleSlideAttivita {
            min-height: 180px;
        }

        #footer .listFooter ul {
            display: none;
        }
    }

    @media screen and (max-width:400px) {

        .halfWrapper {
            width: 100%;
            border: none !important;
            padding: 0;
        }

        #insertContent {
            padding: 20px 10px;
            margin: 20px auto;
        }
    }

    @media screen and (max-height:800px) {

        #insertContent {
            margin: 0px auto;
            max-height: 600px;
            overflow-y: scroll;
        }
    }

    @media screen and (max-height:600px) {

        #insertContent {
            margin: 0px auto;
            max-height: 500px;
            overflow-y: scroll;
        }

        .closeLightbox {
            right: 0;
        }
    }




    @media screen and (max-height:500px) {

        #insertContent {
            max-height: 400px;
        }
    }


    @media screen and (max-height:400px) {

        #insertContent {
            max-height: 300px;
        }
    }
