/*VARIABILI--------------------------------------------------------------*/
@white: #FFFFFF;
@black: #222732;
@red: #E94B4D;

.transition03 {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.boxShadow {
    -webkit-box-shadow: 0 3px 14px 0 rgba(0,0,0,0.05);
    -moz-box-shadow: 0 3px 14px 0 rgba(0,0,0,0.05);
    box-shadow: 0 3px 14px 0 rgba(0,0,0,0.05);
}

/*MEDIA QUERY 1700px-----------------------------------------------------------------------------------------*/
@media only screen and (min-width:0px) and (max-width:1700px) {

    .div1600{
        width:100%;
        padding:0 50px;
        box-sizing:border-box;
    }

    .top{
        padding:0 50px;
        .topContainer{
            width:100%;
            box-sizing:border-box;
        }
    }

    h1 {
        font-size:51px;
    }
    
    h2 {
        font-size:51px;
    }
    
    h3 {
        font-size:23px;
    }

    .button {
        padding: 13px 21px;
        i{
            font-size:30px;
            margin-right:15px;
        }
    }

    .title{
        h3{
            margin-bottom:9px;
        }
        h1{
            font-size:45px;
        }
    }

    .header{
        .headerText{
            width:600px;
            h1{
                margin:15px 0 30px 0;
            }
            p{
                padding-bottom:55px !important;
            }
            .button{
                margin:0 9px;
                span{
                    font-size:17px;
                }
            }
        }
        .headerCat{
            width:350px;
        }
        .headerDog{
            width:350px;
        }
    }

    .garanzia{
        padding:110px 0 60px 0;
        .garanziaDog{
            width:550px;
        }
        .garanziaContainer{
            padding-left:470px;
            .title{
                margin-bottom:60px;
            }
            .garanziaContainerBox{
                padding:0 30px;
                .garanziaBox{
                    padding:0 6%;
                    margin:0 0 25px 0;
                    i{
                        font-size:49px;
                    }
                    h4{
                        font-size:19px;
                        padding:13px 0 9px 0;
                    }
                    p{
                        font-size:13px;
                    }
                }
            }
        }
    }

    .headerChiSiamo{
        height:450px;
    }

    .chiSiamo{
        padding:110px 0;
        .chiSiamoContainer{
            width:950px;
            .title{
                margin-bottom:60px;
            }
        }
    }
    
    .contattaci{
        height:400px;
        .contattaciImgCat{
            height:400px;
        }
        .contattaciImgDog{
            height:400px;
        }
        .contattaciTextContainer{
            width:550px;
            h2{
                font-size:43px;
                margin-bottom:35px;
            }
            .button{
                padding: 19px 30px;
                font-size:19px;
            }
        }
    }

    .prodottoDetails{
        .prodottoDetailsContainer{
            padding:110px 0 110px 0;
            margin-top:130px;
            /* img{
                width:550px;
            } */
            .prodottoDetailsBox{
                margin:80px 5% 0 5%;
                .prodottoDetailsItem{
                    width:23%;
                }
                .prodottoDetailsValori{
                    width:36%;
                }
            }
        }
    }

    .petBox{
        padding:130px 0;
        .petBoxContainer{
            .petBoxText{
                width:1300px;
                p{
                    margin-top:21px !important;
                }
                ul {
                    margin-top: 25px;
                    li{
                        margin-bottom: 5px;
                        line-height: 1.7;
                        padding-left: 30px;
                        font-size:21px;
                        &:before {
                            margin-left: -30px;
                            width: 30px;
                            font-size: 21px;
                        }
                    }
                }
               
                
            }
        }
    }
    
    .catBox{
        .petBoxBg{
            /* bottom:90px;
            width:450px; */
        }
        .petBoxContainer{
            /* padding-left:450px; */
            /* .petBoxImage{
                width:390px;
            } */
            .petBoxText{
                padding-left:270px;
            }
        }
    }
    
    .dogBox{
        .petBoxBg{
            bottom:10px;
            width:400px;
        }
        .petBoxContainer{
            /* .petBoxImage{
                width:550px;
                margin-top:90px;
            } */
            .petBoxText{
                padding-right:270px;
            }
        }
    }
    
}

/*MEDIA QUERY 1500px-----------------------------------------------------------------------------------------*/
@media only screen and (min-width:0px) and (max-width:1500px) { 
    
    .menu{
        padding:50px 0;
        ul.tabs {
            li {
                margin:0 9px;
                a {
                    padding: 8px 19px;
                    i{
                        font-size:25px;
                    }
                    span{
                        font-size:14px;
                    }
                }
            }
        }
        
        .tabContainer {
            margin: 70px auto 0 auto;
        }
        .menuBoxProdotto{
            img{
                height:105px;
            }
            h3{
                font-size:17px;
                margin-top:19px;
            }
        }
    }

    .prodotto{
        .prodottoNavBar{
            padding:25px 0;
            font-size:15px;
        }
        .prodottoBox{
            margin-top:90px;
            .mig{
                top:-50px;
                left:90px;
                width:110px;
            }
            .prodottoBoxImage{
                width:60%;
                img{
                    width:90%;
                }
            }
            .prodottoBoxText{
                padding-top:0;
                width:35%;
                margin-right:5%;
                .title{
                    margin-bottom:35px;
                    h1{
                        font-size:53px;
                    }
                }
                p{
                    width:100%;
                    font-size:16px;
                }
            }
        }
    }

    .prodottoDetails{
        .prodottoDetailsContainer{
            margin-top:90px;
        }
    }

    .intro{
        padding:190px 0;
        .introText{
            width:45%;
            margin-right:1%;
            img{
                top:-110px;
                right:50px;
                width:110px;
            }
            h2{
                padding-right:90px;
            }
            h3{
                font-size:25px;
                margin:30px 0;
            }
            p{
                margin-bottom:35px !important;
            }
        }
        .introImage{
            width:54%;
        }
    }

    .petBox{
        padding:90px 0;
        .petBoxContainer{
            .petBoxText{
                width:1100px;
                p{
                    margin-top:21px !important;
                    font-size:17px;
                }
            }
        }
    }
    
    .catBox{
        .petBoxBg{
            /* bottom:90px;
            width:390px; */
        }
        .petBoxContainer{
            /* padding-left:390px;
            .petBoxImage{
                width:330px;
            } */
            .petBoxText{
                padding-left:250px;
            }
        }
    }
    
    .dogBox{
        .petBoxBg{
            /* bottom:10px;
            width:350px; */
        }
        .petBoxContainer{
            /* .petBoxImage{
                width:470px;
                margin-top:90px;
            } */
            .petBoxText{
                padding-right:250px;
            }
        }
    }

    .gamme{
        padding:90px 0 0 0;
        .gammeBox{
            margin-bottom:100px;
            img{
                height:230px;
            }
            .gammeBoxText{
                margin:0 5% 30px 5%;
                padding:0 11%;
                height:140px;
                h3{
                    font-size:29px;
                    margin:11px 0 15px 0;
                }
                p{
                    font-size:15px;
                }
            }
        }
    }

    .gammaListContainer{
        padding:110px 0 0 0;
        .prodottoItem{
            width:33.3%;
            padding:0 60px;
            margin-bottom:110px;
        }
    }

    .gammaCorrelati{
        padding:110px 0;
        .gammaListBg{
            width:unset;
            height:600px;
        }
        .gammaCorrelatiContainer{
            .title{
                margin-bottom:90px;
                h2{
                    font-size:41px;
                }
            }
            .gammaCorrelatiItem{
                width:33.3%;
                img{
                    height:130px;
                }
                h3{
                    font-size:23px;
                    margin:30px 0 21px 0;
                }
            }
        }
    }

    .gammaIngredienti{
        padding:110px 0;
        .title{
            h2{
                font-size:45px;
            }
        }
        .gammaIngredientiContainer{
            .gammaIngredientiImage{
                width:600px;
                margin:110px auto 0 auto;
                .line1{
                    display:none;
                }
                .line2{
                    display:none;
                }
                .line3{
                    display:none;
                }
                .line4{
                    display:none;
                }
            }
            .gammaIngredientiText{
                width:290px;
                h4{
                    font-size:21px;
                    margin-bottom:9px;
                }
                p{
                    font-size:14px;
                }
            }
            .gammaIngredientiTextL1{
                top:0;
                left:0;
            }
            .gammaIngredientiTextL2{
                bottom:30px;
                left:0;
            }
            .gammaIngredientiTextR1{
                top:0;
                right:0;
            }
            .gammaIngredientiTextR2{
                bottom:30px;
                right:0;
            }
        }
    }
    
}

/*MEDIA QUERY 1300px-----------------------------------------------------------------------------------------*/
@media only screen and (min-width:0px) and (max-width:1300px) { 
    
    h1 {
        font-size:43px;
    }
    
    h2 {
        font-size:45px;
    }
    
    h3 {
        font-size:21px;
    }

    /* .button {
        padding: 11px 18px;
        i{
            font-size:27px;
            margin-right:13px;
        }
    } */

    .title{
        h3{
            margin-bottom:7px;
        }
        h1{
            font-size:41px;
        }
    }

    .header{
        height:690px;
        .headerText{
            width:510px;
            h1{
                margin:15px 0 30px 0;
            }
            p{
                font-size:16px;
                padding-bottom:55px !important;
            }
            .button{
                margin:0 9px;
                span{
                    font-size:17px;
                }
            }
        }
        .headerCat{
            width:260px;
        }
        .headerDog{
            width:260px;
        }
    }

    .garanzia{
        padding:90px 0 60px 0;
        .garanziaDog{
            width:550px;
            opacity:0.3;
        }
        .garanziaContainer{
            padding-left:0;
            position:relative;
            z-index:7;
            .garanziaContainerBox{
                padding:0 25px;
                .garanziaBox{
                    padding:0 4%;
                    margin:0 0 25px 0;
                }
            }
        }
    }

    .headerChiSiamo{
        height:400px;
    }

    .chiSiamo{
        padding:90px 0;
        .chiSiamoContainer{
            width:100%;
            .title{
                margin-bottom:50px;
            }
        }
    }
    
    .contattaci{
        height:310px;
        .contattaciImgCat{
            height:310px;
        }
        .contattaciImgDog{
            height:310px;
        }
        .contattaciTextContainer{
            width:450px;
            h2{
                font-size:33px;
                margin-bottom:30px;
            }
            .button{
                padding: 19px 30px;
                font-size:19px;
            }
        }
    }

    .contatti{
        padding:90px 0;
        .contattiContainer{
            .title{
                margin-bottom:35px;
            }
        }
    }

    .contattiFormBox{
        padding:90px 0;
        background-size:800px;
    }

    .rivenditori{
        padding:90px 0;
        .thCell {
            font-size: 17px;
        }
        .tdCell {
            font-size: 14px;
            padding: 13px 0;
        }
    }
    
    .riventidoriOnline{
        padding:50px 0;
        .rivenditoriOnlineContainer{
            width:50%;
            h3{
                font-size:21px;
            }
        }
    }

    .prodotto{
        .prodottoNavBar{
            padding:25px 0;
            font-size:15px;
        }
        .prodottoBox{
            margin-top:70px;
            .mig{
                top:-50px;
                left:90px;
                width:90px;
            }
            .prodottoBoxImage{
                width:60%;
                height:400px;
                img{
                    width:90%;
                }
            }
            .prodottoBoxText{
                padding-top:0;
                width:40%;
                margin-right:0;
                .title{
                    margin-bottom:25px;
                    h1{
                        font-size:37px;
                    }
                }
                p{
                    width:100%;
                    font-size:14px;
                    margin-bottom:25px !important;
                }
            }
        }
    }

    .prodottoDetails{
        .prodottoDetailsContainer{
            padding:90px 0 90px 0;
            margin-top:90px;
            .prodottoDetailsBox{
                margin:60px 0 0 0;
                .prodottoDetailsItem{
                    width:25%;
                    h4{
                        font-size:21px;
                        margin-bottom:30px;
                        span{
                            font-size:14px;
                            margin-top:7px;
                        }
                    }
                    p{
                        font-size:16px;
                    }
                    .prodottoRazioneGiornaliera{
                        margin-bottom:15px;
                        i{
                            font-size:19px;
                            width:75px;
                        }
                        i.medium{
                            font-size:25px;
                        }
                        i.big{
                            font-size:35px;
                        }
                        span{
                            font-size:14px;
                        }
                    }
                }
                .prodottoDetailsValori{
                    width:36%;
                    margin:0 5%;
                    table{
                        td{
                            padding:9px 13px;
                        }
                    }
                }
            }
        }
    }

    .prodottiCorrelatiBox{
        padding:90px 0 130px;
        h2{
            font-size:29px;
            margin-bottom:70px;
        }
    }

    .prodottoItem{
        padding:0 50px;
        .prodottoItemImage{
            img{
                max-width:90%;
                max-height:330px;
            }
        }
        .prodottoItemTitle{
            margin-top:5px;
            span{
                font-size:15px;
                margin-bottom:5px;
            }
            h3{
                font-size:25px;
                height:50px;
                line-height:1;
            }
        }
        .prodottoItemP{
            margin:11px 0 15px 0 !important;
            -webkit-line-clamp: 5;
            height: 85px;
            p{
                font-size:13px;
                line-height:1.3;
            }
        }
        label{
            padding:4px 15px;
            font-size:13px;
            width:35px;
            margin:0 auto 15px auto;
        }
    }

    .intro{
        padding:130px 0;
        .introText{
            width:55%;
            margin-right:1%;
            img{
                top:-95px;
                right:50px;
                width:90px;
            }
            h2{
                padding-right:50px;
            }
            h3{
                font-size:23px;
                margin:25px 0;
            }
            p{
                margin-bottom:35px !important;
                font-size:16px;
            }
        }
        .introImage{
            width:44%;
            padding-top:50px;
        }
    }

    .petBox{
        padding:90px 0;
        .petBoxContainer{
            .petBoxText{
                width:90%;
                text-align:center;
            }
        }
    }
    
    .catBox{
        .petBoxBg{
            /* bottom:90px;
            width:390px; */
            opacity:0.5;
        }
        .petBoxContainer{
            /* padding:0 90px; */
            /* .petBoxImage{
                width:330px;
            } */
            .petBoxText{
                padding-left:0;
            }
        }
    }
    
    .dogBox{
        .petBoxBg{
            bottom:10px;
            width:290px;
            opacity:0.5;
        }
        .petBoxContainer{
            /* .petBoxImage{
                width:490px;
                margin-top:90px;
            } */
            .petBoxText{
                padding-right:0;
            }
        }
    }

    .gamme{
        padding:90px 0 0 0;
        .gammeBox{
            margin-bottom:100px;
            img{
                height:190px;
            }
            .gammeBoxText{
                margin:0 3% 30px 3%;
                padding:0 5%;
                height:130px;
                h3{
                    font-size:25px;
                    margin:11px 0 15px 0;
                }
                p{
                    font-size:15px;
                }
            }
        }
    }

    .gamma{
        padding:170px 0 50px 0;
        .gammaBoxBg{
            height:500px;
            opacity:0.5;
        }
        .gammaBoxContainer{
            width:900px;
            .gammaBoxImage{
                float:right;
                height:450px;
                /* img{
                    height:410px;
                } */
            }
            .gammaBoxText{
                float:right;
                height:410px;
                position:relative;
                z-index:7;
                .title{
                    h1{
                        font-size:51px;
                    }
                }
                p{
                    margin:30px 0 40px 0 !important;
                    font-size:17px;
                }
            }
        }
    }

    .gammaListContainer{
        padding:90px 0 0 0;
        .prodottoItem{
            width:33.3%;
            padding:0 40px;
            margin-bottom:90px;

            .button{
                padding:15px;
            }
        }
    }

    .gammaIngredienti{
        padding:90px 0 30px 0;
        .title{
            h2{
                font-size:41px;
            }
        }
        .gammaIngredientiContainer{
            .gammaIngredientiImage{
                width:600px;
                margin:50px auto;
            }
            .gammaIngredientiText{
                width:unset;
                text-align: center;
                h4{
                    font-size:21px;
                    margin-bottom:9px;
                }
                p{
                    font-size:13px;
                }
            }
            .gammaIngredientiTextL1{
                float:left;
                width:36%;
                height:190px;
                margin:0 7%;
                position:relative;
                top:unset;
                left:unset;
            }
            .gammaIngredientiTextL2{
                float:left;
                width:36%;
                height:190px;
                margin:0 7%;
                position:relative;
                bottom:unset;
                left:unset;
            }
            .gammaIngredientiTextR1{
                float:left;
                width:36%;
                height:190px;
                margin:0 7%;
                position:relative;
                top:unset;
                right:unset;
            }
            .gammaIngredientiTextR2{
                float:left;
                width:36%;
                height:190px;
                margin:0 7%;
                position:relative;
                bottom:unset;
                right:unset;
            }
        }
    }
    
}

/*MEDIA QUERY 1023px-----------------------------------------------------------------------------------------*/
@media only screen and (min-width:0px) and (max-width:1023px) {

    .div1600{
        padding:0 25px;
    }

    .button {
        padding: 13px 19px;
        font-size:16px;
        i{
            font-size:39px;
            margin-right:19px;
        }
    }

    .top{
        padding:0 25px;
        .topContainer{
            .logo{
                top:15px;
                img{
                    width:135px;
                }
            }
            .nav{
                top:47px;
                right:160px;
                a{
                    font-size:17px;
                    margin-left:19px;
                }
            }
            .buttonGold{
                top:35px;
                right:0;
            }
        }
    }

    .top.scrolled{
        .logo{
            top:10px;
            img{
                width:unset;
                height:60px;
            }
        }
        .nav{
            top:31px;
        }
        .buttonGold{
            top:18px;
        }
    }

    .topBarBlack{
        height:110px;
    }

    .menu{
        top:110px;
        padding:35px 0;
        ul.tabs {
            li {
                margin:0 9px;
                a {
                    padding: 8px 19px;
                    i{
                        font-size:25px;
                    }
                    span{
                        font-size:14px;
                    }
                }
            }
        }
        
        .tabContainer {
            margin: 50px auto 0 auto;
        }
        .menuBoxProdotto{
            img{
                height:75px;
            }
            h3{
                font-size:15px;
                margin-top:15px;
            }
        }
    }

    h1 {
        font-size:37px;
    }
    
    h2 {
        font-size:37px;
    }
    
    h3 {
        font-size:18px;
    }

    p {
        font-size:17px;
        line-height: 1.5;
    }

    .button {
        padding: 11px 18px;
        i{
            font-size:27px;
            margin-right:13px;
        }
    }

    .title{
        h3{
            margin-bottom:5px;
        }
        h1{
            font-size:35px;
        }
    }

    .header{
        height:unset;
        padding:170px 0 90px 0;
        .headerText{
            position:relative;
            top:unset;
            left:0;
            right:0;
            transform:unset;
            width:75%;
            z-index: 7;
            h1{
                margin:9px 0 21px 0;
            }
            p{
                padding-bottom:35px !important;
            }
            .button{
                margin:0 9px;
                span{
                    font-size:17px;
                }
            }
        }
        .headerCat{
            width:230px;
            opacity:0.3;
        }
        .headerDog{
            width:230px;
            opacity:0.3;
        }
    }

    .headerChiSiamo{
        height:350px;
    }

    .chiSiamo{
        padding:70px 0;
        .chiSiamoContainer{
            .title{
                margin-bottom:35px;
            }
        }
    }
    
    .contattaci{
        height:310px;
        .contattaciImgCat{
            height:310px;
            opacity:0.5;
        }
        .contattaciImgDog{
            height:310px;
            opacity:0.5;
        }
        .contattaciTextContainer{
            width:450px;
            z-index: 7;
            h2{
                font-size:33px;
                margin-bottom:30px;
            }
            .button{
                padding: 19px 30px;
                font-size:19px;
            }
        }
    }

    .contatti{
        padding:70px 0;
        .contattiText{
            line-height:1.5;
            font-size:15px;
            margin-top:30px;
            h2{
               font-size:23px;
            }
            h3{
               font-size:19px;
               margin-top:19px;
            }
            p{
                font-size:15px;
                line-height:1.5;
            }
        }
    }

    .contattiFormBox{
        padding:70px 0;
        background-size:600px;
        .contattiFormContainer{
            width:90%;
        }
    }

    .rivenditori{
        padding:70px 0;
        h2{
            font-size:25px;
            margin-bottom:30px;
        }
    }
    
    .riventidoriOnline{
        padding:35px 0;
        .rivenditoriOnlineContainer{
            h3{
                font-size:21px;
            }
        }
    }

    .prodottoDetails {
        .prodottoDetailsContainer {
            padding: 70px 0 70px 0;
            margin-top: 90px;
            /* img{
                width:350px;
            } */
            .prodottoDetailsBox {
                margin: 50px 0 0 0;

                .prodottoDetailsItem {
                    float: unset;
                    width: 100%;
                    text-align: center;

                    h4 {
                        font-size: 21px;
                        margin-bottom: 15px;

                        span {
                            font-size: 14px;
                            margin-top: 7px;
                        }
                    }

                    p {
                        font-size: 15px;
                    }

                    label {
                        display: inline-block;
                        font-size: 15px;
                        margin: 0 7px 0 0;
                    }

                    .prodottoRazioneGiornaliera {
                        i {
                            font-size: 19px;
                            width: 75px;
                        }

                        i.medium {
                            font-size: 25px;
                        }

                        i.big {
                            font-size: 35px;
                        }

                        span {
                            font-size: 14px;
                        }
                    }
                }

                .prodottoDetailsValori {
                    width: 500px;
                    margin: 35px auto;

                    table {
                        td {
                            padding: 9px 13px;
                        }
                    }
                }

                .prodottoDetailsItem2 {
                    margin-top: 50px;
                }
            }
        }
    }

    .prodottiCorrelatiBox{
        padding:70px 0 110px;
        h2{
            font-size:29px;
            margin-bottom:70px;
        }
    }

    .prodottoItem{
        padding:0 35px;
        .prodottoItemImage{
            img{
                max-width:90%;
                max-height:330px;
            }
        }
        .prodottoItemTitle{
            margin-top:5px;
            span{
                font-size:14px;
                margin-bottom:5px;
            }
            h3{
                font-size:23px;
                height:45px;
            }
        }
        .prodottoItemP{
            margin:9px 0 13px 0 !important;
            -webkit-line-clamp: 5;
            height: 79px;
            p{
                font-size:12px;
                line-height:1.3;
            }
        }
        label{
            padding:4px 15px;
            font-size:13px;
            width:35px;
            margin:0 auto 15px auto;
        }
    }

    .footerInfo {
        .footerInfoLeft {
            float: unset;
            text-align:center;
            padding-top:7px;
        }
        .footerInfoRight {
            float:unset;
            text-align:center;
            margin-top:15px;
            a{
                i{
                    font-size:22px;
                    margin-right:5px;
                }
                span{
                    font-size:15px;
                }
            }
        }
    }

    .intro{
        padding:130px 0 70px 0;
        .introText{
            float:unset;
            width:100%;
            margin-right:0;
            text-align:center;
            padding:0 13%;
            box-sizing:border-box;
            img{
                top:-95px;
                right:50px;
                width:90px;
            }
            h2{
                padding-right:0;
            }
        }
        .introImage{
            float:unset;
            width:100%;
            padding-top:50px;
            text-align:center;
            img{
                width:75%;
                margin:0 auto;
            }
        }
    }

    .petBox{
        padding:70px 0;
        .petBoxContainer{
            .petBoxText{
                width:100%;
                p{
                    margin-top:15px !important;
                    font-size:15px;
                }
                ul {
                    margin-top: 19px;
                    li{
                        font-size:17px;
                    }
                }
               
                
            }
        }
    }
    
    /* .catBox{
        .petBoxBg{
            bottom:90px;
            width:310px;
            opacity:0.5;
        }
        .petBoxContainer{
            padding:0 10px;
            .petBoxImage{
                float:right;
                width:290px;
            }
            .petBoxText{
                float:right;
                width:calc(100% - 330px);
                padding-left:50px;
                position:relative;
                z-index:7;
                padding-left:0;
                padding-right:50px;
            }
        }
    }
    
    .dogBox{
        .petBoxBg{
            bottom:10px;
            width:230px;
            opacity:0.5;
        }
        .petBoxContainer{
            padding:0 0 0 50px;
            .petBoxImage{
                width:290px;
                margin-top:90px;
            }
            .petBoxText{
                width:calc(100% - 290px);
                padding-right:0;
                position:relative;
                z-index:7;
            }
        }
    } */

    .gamme{
        padding:70px 0 0 0;
        .gammeBox{
            margin-bottom:80px;
            img{
                height:150px;
            }
            .gammeBoxText{
                margin:0 3% 25px 3%;
                padding:0 4%;
                height:140px;
                h3{
                    font-size:23px;
                    margin:11px 0 15px 0;
                }
                p{
                    font-size:14px;
                }
            }
        }
    }
    
    .gammeIcon{
        height:53px;
        width:50px;
        i{
            font-size:33px;
            margin:21px auto 11px auto;
        }
        .icon-200{
            font-size:25px;
            padding-top:10px;
        }
        .icon-85b, .icon-70{
            font-size:18px;
            padding-top:19px;
        }
        label{
            padding:4px 11px;
            font-size:12px;
        }
    }

    .gamma{
        padding:150px 0 50px 0;
        .gammaBoxBg{
            height:430px;
        }
        .gammaBoxContainer{
            width:90%;
            .gammaBoxImage{
                height:410px;
                text-align:right;
                img{
                    width:100%;
                }
            }
            .gammaBoxText{
                height:350px;
                .title{
                    h1{
                        font-size:39px;
                    }
                }
                p{
                    margin:25px 0 35px 0 !important;
                    font-size:16px;
                }
            }
        }
    }

    .gammaListContainer{
        padding:70px 0 0 0;
        .prodottoItem{
            width:50%;
        }
    }

    .gammaCorrelati{
        padding:70px 0;
        .gammaListBg{
            height:450px;
        }
        .gammaCorrelatiContainer{
            .title{
                margin-bottom:70px;
                h2{
                    font-size:35px;
                }
            }
            .gammaCorrelatiItem{
                width:33.3%;
                img{
                    height:110px;
                }
                h3{
                    font-size:21px;
                    margin:25px 0 15px 0;
                }
            }
        }
    }

    .gammaIngredienti{
        padding:70px 0 30px 0;
        .title{
            h2{
                font-size:31px;
            }
        }
        .gammaIngredientiContainer{
            .gammaIngredientiImage{
                width:400px;
                margin:35px auto;
            }
            .gammaIngredientiText{
                h4{
                    font-size:19px;
                    margin-bottom:9px;
                }
                p{
                    font-size:13px;
                }
            }
            .gammaIngredientiTextL1{
                width:44%;
                height:160px;
                margin:0 3%;
            }
            .gammaIngredientiTextL2{
                width:44%;
                height:160px;
                margin:0 3%;
            }
            .gammaIngredientiTextR1{
                width:44%;
                height:160px;
                margin:0 3%;
            }
            .gammaIngredientiTextR2{
                width:44%;
                height:160px;
                margin:0 3%;
            }
        }
    }

    .privacy_info {
        width: 90%;
        padding: 50px !important;
        h3 {
            font-size: 25px !important;
            margin-bottom: 19px;
        }
        b {
            font-size: 17px !important;
            margin-bottom: 7px;
            margin-top: 15px;
        }
    }

    .footer {
        padding:70px 0;
        .footerLogo{
            img{
                width:170px;
            }
        }
        .footerRecapiti{
            font-size:15px;
            b{
                font-size:19px;
            }
        }
    }

    .footerAPP {
        display: block !important;
        font-size: 0;
        margin: 5px 0 !important;
    }
    
}

/*MEDIA QUERY 768px-----------------------------------------------------------------------------------------*/
@media only screen and (min-width:0px) and (max-width:768px) {

    .top{
        .topContainer{
            .nav{
                display:none;
                top:110px;
                left:-25px;
                right:0;
                width:calc(100% + 50px);
                text-align: center;
                a{
                    color:@black;
                    margin:0 15px;
                }
            }
            .nav.open{
                background-color: @white;
                padding:19px 0;
                display: block;
                -webkit-animation: fade-in .3s ease 1, move-up .3s ease-out 1;
                animation: fade-in .3s ease 1, move-up .3s ease-out 1;
            }
            .buttonGold{
                top:35px;
                right:70px;
            }
        }
    }

    .top.scrolled{
        .topContainer{
            .nav{
                top:80px;
                .boxShadow;
            }
        }
        .buttonGold{
            top:23px;
        }
    }

    h1 {
        font-size:33px;
    }
    
    h2 {
        font-size:33px;
    }
    
    h3 {
        font-size:17px;
    }

    p {
        font-size:16px;
        line-height: 1.5;
    }

    .button {
        padding: 9px 15px;
        i{
            font-size:23px;
            margin-right:11px;
        }
    }

    .title{
        h1{
            font-size:31px;
        }
    }

    .header{
        padding:130px 0 70px 0;
        .headerText{
            width:85%;
            h1{
                margin:7px 0 15px 0;
            }
            p{
                padding-bottom:25px !important;
            }
            .button{
                margin:0 9px;
                span{
                    font-size:16px;
                }
            }
        }
        .headerCat{
            width:170px;
            opacity:0.3;
        }
        .headerDog{
            width:170px;
            opacity:0.3;
        }
    }

    .hamburger{
        position:absolute;
        top:39px;
        right:0;
        width: 37px;
        height: 26px;
        cursor: pointer;
        z-index: 999999;
        display:inline-block;
        .hamburgerIcon {
            position: absolute;
            width: 37px;
            height: 26px;
            .hamburgerLine {
                position: absolute;
                left: 0;
                background-color: @white;
                height: 3px;
                width: 100%;
                border-radius: 3px;
                pointer-events: none;
            }
            .hamburgerLine1 {
                top: 0;
                transition: transform 0.3s ease-in-out, top 0.2s ease-in-out 0.3s;
                &:before {
                    content: "";
                    position: absolute;
                    width: 100%;
                    height: 3px;
                    background-color: @white;
                    border-radius: 3px;
                    transition: transform 0.1s ease-in-out 0.2s;
                }
            }
            .hamburgerLine2 {
                top: 0;
                bottom: 0;
                margin: auto;
                transition: opacity 0s ease-in-out 0.3s;
            }
            .hamburgerLine3 {
                bottom: 0;
                transition: opacity 0s ease-in-out 0.3s, bottom 0.2s ease-in-out 0.3s;
            }
        }
    }

    .hamburger.open{
        .hamburgerLine {
            background-color: @white;
        }
        .hamburgerLine1 {
            top: 8.5px;
            transform: rotate(135deg);
            transition: top 0.3s ease-in-out, transform 0.3s linear 0.3s;
            &:before {
                transform: rotate(90deg);
                transition: transform 0.1s ease-in-out 0.3s;
                background-color: @white;
            }
        }
        .hamburgerLine2 {
            opacity: 0;
            transition: opacity 0s ease-in-out 0.3s;
        }
        .hamburgerLine3 {
            bottom: 8.5px;
            opacity: 0;
            transition: bottom 0.3s ease-in-out, opacity 0s ease-in-out 0.3s;
        }
    }

    .hamburger.scrolled{
        position:fixed;
        top:28px;
        .hamburgerLine{
            background-color:@black;
        }
        .hamburgerLine1{
            &:before{
                background-color:@black;
            }
        }
    }
    
    .hamburger.open{
        .hamburgerLine{
            background-color:@white;
        }
        .hamburgerLine1{
            &:before{
                background-color:@white;
            }
        }
    }

    .hamburger.scrolled{
        position:fixed;
        top:28px;
        right:25px;
        .hamburgerLine{
            background-color:@black;
        }
        .hamburgerLine1{
            &:before{
                background-color:@black;
            }
        }
    }

    .menu{
        top: 160px;
        padding:25px 0;
        .boxShadow;
        ul.tabs {
            li {
                margin:0 5px;
                a {
                    padding: 8px 13px;
                    i{
                        font-size:19px;
                    }
                    span{
                        font-size:12px;
                    }
                }
            }
        }
        
        .tabContainer {
            margin: 50px auto 0 auto;
        }
        .menuBoxProdotto{
            img{
                height:55px;
            }
            h3{
                font-size:14px;
                margin-top:15px;
            }
        }
    }

    .menu.scrolled{
        top:130px;
    }

    .garanzia{
        padding:70px 0 40px 0;
        .garanziaDog{
            width:350px;
        }
        .garanziaContainer{
            .title{
                margin-bottom:50px;
            }
            .garanziaContainerBox{
                padding:0 15px;
                .garanziaBox{
                    padding:0 3%;
                    margin:0 0 15px 0;
                    i{
                        font-size:39px;
                    }
                    h4{
                        font-size:16px;
                        padding:11px 0 7px 0;
                    }
                    p{
                        font-size:13px;
                    }
                }
            }
        }
    }

    .contatti{
        padding:50px 0;
        .contattiContainer{
            width:100%;
            .title{
                margin-bottom:25px;
            }
        }
    }

    .contattiFormBox{
        padding:50px 0;
        background-size:450px;
        .contattiFormContainer{
            width:90%;
            input[type=text] {
                padding: 13px 25px;
                font-size: 15px;
            }
            .textareaContainer {
                height: 140px;
                textarea {
                    height: 140px;;
                    font-size: 15px;
                    padding:13px 25px;
                }
            }
        }
        .privacy
        {
            font-size:12px;
            margin: 10px 0 30px 0;
        }
        .privacyContainer {
            font-size:11px;
        }
        .button{
            padding: 17px 25px;
            font-size:18px;
            margin:45px auto 0 auto;
            width:170px;
        }
    }

    .rivenditori{
        padding:50px 0;
        h2{
            font-size:21px;
            margin-bottom:21px;
        }
        .thCell {
            font-size: 16px;
        }
        .tdCell {
            font-size: 13px;
            padding: 13px 0;
        }
        .h3punti{
            font-size:21px;
        }
    }
    
    .riventidoriOnline{
        padding:30px 0;
        .rivenditoriOnlineContainer{
            width:100%;
            h3{
                font-size:18px;
            }
        }
    }

    .prodottoDetails{
        .prodottoDetailsContainer{
            padding:50px 0 50px 0;
            margin-top:70px;
            /* img{
                width:250px;
            } */
            .prodottoDetailsBox{
                margin:35px 0 0 0;
                .prodottoDetailsItem{
                    h4{
                        font-size:19px;
                        margin-bottom:11px;
                    }
                    p{
                        font-size:14px;
                    }
                    label{
                        font-size:14px;
                        margin:0 5px 0 0;
                    }
                }
                .prodottoDetailsValori{
                    width:100%;
                    margin:35px auto;
                    table{
                        td{
                            padding:9px 13px;
                            font-size:15px;
                        }
                    }
                }
            }
        }
    }

    .prodottiCorrelatiBox{
        padding:50px 0 70px;
        h2{
            font-size:27px;
            margin-bottom:50px;
        }
    }

    .prodottoItem{
        padding:0 25px;
        .prodottoItemImage{
            img{
                max-width:90%;
                max-height:330px;
            }
        }
        .prodottoItemTitle{
            margin-top:5px;
            span{
                font-size:14px;
                margin-bottom:5px;
            }
            h3{
                font-size:21px;
            }
        }
        label{
            padding:4px 13px;
            font-size:12px;
            width:30px;
            margin:0 auto 15px auto;
        }
    }

    .intro{
        padding:50px 0 50px 0;
        .introText{
            padding:0 25px;
            img{
                position:relative;
                top:unset;
                right:unset;
                width:90px;
            }
            h2{
                margin-top:25px;
            }
            h3{
                font-size:19px;
                margin:21px 0;
            }
            p{
                margin-bottom:25px !important;
                font-size:15px;
            }
        }
        .introImage{
            padding-top:35px;
            img{
                width:85%;
            }
        }
    }

    .footer {
        padding:50px 0;
        .footerLogo{
            float:unset;
            text-align:center;
            margin-bottom:35px;
            img{
                width:150px;
            }
        }
        .footerRecapiti{
            float:unset;
            text-align:center;
            font-size:14px;
            b{
                font-size:19px;
            }
        }
    }

    .footerIP{
        display:block !important;
        font-size:0;
        margin:5px 0 !important;
    }

    .headerChiSiamo{
        height:300px;
    }

    .chiSiamo{
        padding:50px 0;
        .chiSiamoContainer{
            .title{
                margin-bottom:30px;
            }
        }
    }
    
    .contattaci{
        height:270px;
        .contattaciImgCat{
            height:270px;
        }
        .contattaciImgDog{
            height:270px;
            opacity:0.5;
        }
        .contattaciTextContainer{
            width:450px;
            z-index: 7;
            h2{
                font-size:29px;
                margin-bottom:25px;
            }
            .button{
                padding: 15px 25px;
                font-size:17px;
            }
        }
    }

    .prodotto{
        .prodottoBox{
            margin-top:35px;
            .titleTop{
                display:block;
                text-align:center;
                margin-bottom:45px;
                h1{
                    font-size:39px;
                }
            }
            .mig{
                top:90px;
                left:110px;
                width:90px;
            }
            .prodottoBoxImage{
                float:unset;
                width:100%;
                height:unset;
                img{
                    position:relative;
                    top:unset;
                    left:unset;
                    right:unset;
                    transform:unset;
                    width:70%;
                }
            }
            .prodottoBoxText{
                padding-top:35px;
                float:unset;
                width:100%;
                .title{
                    display:none;
                }
                .gammeIcon{
                    margin:0 auto;
                }
            }
        }
    }

    .gammeIcon{
        height:63px;
        width:50px;
        i{
            font-size:33px;
            margin:21px auto 10px auto;
        }
        .icon-200{
            font-size:23px;
            padding-top:10px;
        }
        .icon-85b, .icon-70{
            font-size:13px;
            padding-top:19px;
        }
        label{
            padding:4px 13px;
            font-size:12px;
        }
    }

    .petBox{
        padding:50px 0;
    }
    
    .catBox{
        .petBoxBg{
            /* bottom:90px;
            width:230px; */
        }
        .petBoxContainer{
            /* padding:0 50px; */
            .petBoxImage{
                display:none;
            }
            .petBoxText{
                float:unset;
                width:100%;
                text-align:center;
                padding-left:0;
                padding-right:0;
            }
        }
    }
    
    .dogBox{
        .petBoxBg{
            /* bottom:10px;
            width:230px; */
        }
        .petBoxContainer{
            /* padding:0 50px; */
            .petBoxImage{
                display:none;
            }
            .petBoxText{
                float:unset;
                width:100%;
                text-align:center;
                padding-left:0;
                padding-right:0;
            }
        }
    }

    .gamme{
        padding:50px 0 0 0;
        .gammeBox{
            margin-bottom:70px;
            img{
                height:130px;
            }
            .gammeBoxText{
                margin:0 3% 25px 3%;
                padding:0 4%;
                height:140px;
                h3{
                    font-size:23px;
                    margin:11px 0 15px 0;
                }
                p{
                    font-size:13px;
                    line-height:1.3;
                }
            }
        }
    }

    .gamma{
        padding:130px 0 50px 0;
        .gammaBoxBg{
            height:330px;
        }
        .gammaBoxContainer{
            width:90%;
            .gammaBoxImage{
                height:280px;
                width:40%;
                /* img{
                    height:280px;
                } */
            }
            .gammaBoxText{
                height:280px;
                width:55%;
                .title{
                    h1{
                        font-size:33px;
                    }
                }
                p{
                    margin:21px 0 25px 0 !important;
                    font-size:15px;
                }
            }
        }
    }

    .gammaListContainer{
        padding:50px 0 0 0;
        .prodottoItem{
            width:50%;
            padding:0 30px;
            margin-bottom:70px;
            .button{
                padding:13px;
            }
        }
    }

    .gammaCorrelati{
        padding:50px 0 0 0;
        .gammaListBg{
            height:unset;
            width:330px;
        }
        .gammaCorrelatiContainer{
            .title{
                margin-bottom:50px;
                h2{
                    font-size:27px;
                }
            }
            .gammaCorrelatiItem{
                width:50%;
                margin-bottom:50px;
                img{
                    height:90px;
                }
                h3{
                    font-size:18px;
                    margin:21px 0 13px 0;
                }
            }
        }
    }

    .gammaIngredienti{
        padding:50px 0 30px 0;
        .title{
            h2{
                font-size:27px;
            }
        }
        .gammaIngredientiContainer{
            .gammaIngredientiImage{
                width:400px;
                margin:25px auto;
            }
            .gammaIngredientiText{
                h4{
                    font-size:17px;
                    margin-bottom:7px;
                }
                p{
                    font-size:12px;
                }
            }
            .gammaIngredientiTextL1{
                width:44%;
                height:140px;
                margin:0 3%;
            }
            .gammaIngredientiTextL2{
                width:44%;
                height:140px;
                margin:0 3%;
            }
            .gammaIngredientiTextR1{
                width:44%;
                height:140px;
                margin:0 3%;
            }
            .gammaIngredientiTextR2{
                width:44%;
                height:140px;
                margin:0 3%;
            }
        }
    }

}

/*MEDIA QUERY 600px-----------------------------------------------------------------------------------------*/
@media only screen and (min-width:0px) and (max-width:600px) {

    .menu{
        padding:25px 0 0 0;
        ul.tabs {
            li {
                margin:0 5px;
                a {
                    padding: 8px 13px;
                    i{
                        font-size:19px;
                    }
                    span{
                        font-size:12px;
                    }
                }
            }
        }
        
        .tabContainer {
            margin: 50px auto 0 auto;
        }
        .menuBoxProdotto{
            width:calc(50% - 5px);
            margin-bottom:35px;
            img{
                height:55px;
            }
            h3{
                font-size:14px;
                margin-top:15px;
            }
        }
    }

    .rivenditori{
        padding:35px 0;
        h2{
            font-size:21px;
            margin-bottom:11px;
            padding-bottom:7px;
        }
        .title{
            margin-bottom:35px;
        }
        .th {
            display: none;
        }
        .td {
            padding: 0 0 10px 0;
            margin-bottom: 5px;
        }
        .tdCell {
            width: 100%;
            height: unset;
            text-align: left !important;
        }
        .tdTitle {
            display: none;
        }
        .th1 {
            font-weight: 700;
            padding-bottom:0 !important;
        }
        .td {
            padding: 0 0 5px 0;
        }
        .th3{
            padding-left:0;
            padding-top:7px !important;
            padding-bottom:5px !important;
        }
        .h3punti{
            margin:30px 0 0 0;
            font-size:16px;
            text-transform:unset;
        }
    }
    
    .riventidoriOnline{
        padding:30px 0;
        .rivenditoriOnlineContainer{
            h3{
                font-size:16px;
            }
            .tdCell{
                width:50%;
            }
            .th3{
                width:50%;
                text-align:right !important;
            }
        }
    }

    .prodotto{
        .prodottoNavBar{
            padding:21px 0;
            font-size:13px;
        }
        .prodottoBox{
            margin-top:25px;
            .titleTop{
                margin-bottom:35px;
                h1{
                    font-size:29px;
                }
            }
            .mig{
                top:90px;
                left:0;
                width:50px;
            }
            .prodottoBoxImage{
                img{
                    width:95%;
                }
            }
            .prodottoBoxText{
                padding-top:25px;
                .gammeIcon{
                    margin:0 auto;
                }
            }
        }
    }

    .gamme{
        padding:35px 0 0 0;
        .gammeBox{
            float:unset;
            width:100%;
            margin-bottom:70px;
            img{
                height:110px;
            }
            .gammeBoxText{
                margin:0 3% 15px 3%;
                padding:0 4%;
                height:unset;
                h3{
                    font-size:21px;
                    margin:11px 0 9px 0;
                }
                p{
                    font-size:13px;
                    line-height:1.3;
                }
            }
        }
    }

    .gamma{
        padding:130px 0 50px 0;
        .gammaBoxBg{
            height:250px;
        }
        .gammaBoxContainer{
            width:100%;
            padding:0 15px;
            box-sizing:border-box;
            .gammaBoxImage{
                height:210px;
                width:40%;
                /* img{
                    height:210px;
                } */
            }
            .gammaBoxText{
                height:210px;
                width:55%;
                .title{
                    h1{
                        font-size:27px;
                    }
                }
                p{
                    margin:15px 0 19px 0 !important;
                    font-size:14px;
                }
            }
        }
    }

    .gammaListContainer{
        padding:35px 0 0 0;
        .prodottoItem{
            width:50%;
            padding:0 10px;
            margin-bottom:70px;
            .prodottoItemP{
                display:none;
            }
            label{
                margin-top:15px;
                font-size:11px;
                width:25px;
            }
            .button{
                padding:11px;
                font-size:13px;
            }
        }
    }

    .gammaIngredienti{
        padding:35px 0 30px 0;
        .title{
            h2{
                font-size:23px;
            }
        }
        .gammaIngredientiContainer{
            .gammaIngredientiImage{
                width:300px;
                margin:19px auto;
            }
            .gammaIngredientiText{
                h4{
                    font-size:16px;
                }
            }
            .gammaIngredientiTextL1{
                float:unset;
                width:100%;
                height:unset;
                margin:30px 0;
            }
            .gammaIngredientiTextL2{
                float:unset;
                width:100%;
                height:unset;
                margin:30px 0;
            }
            .gammaIngredientiTextR1{
                float:unset;
                width:100%;
                height:unset;
                margin:30px 0;
            }
            .gammaIngredientiTextR2{
                float:unset;
                width:100%;
                height:unset;
                margin:30px 0;
            }
        }
    }

    .fnb{
        width:95%;
        box-sizing:border-box;
        padding:30px !important;
        font-size:15px;
    }

    .gatto{
        .prodottoDetailsContainer{
            background: linear-gradient(90deg, rgba(34,39,50,1) 65%, rgba(120,36,106,1) 100%);
        }
        .gammaCorrelati{
            background: linear-gradient(-90deg, rgba(34,39,50,1) 65%, rgba(120,36,106,1) 100%);
        }
        .gamma{
            background: linear-gradient(90deg, rgba(34,39,50,1) 65%, rgba(120,36,106,1) 100%);
        }
    }
    
    .cane{
        .prodottoDetailsContainer{
            background: linear-gradient(-270deg, rgba(34,39,50,1) 65%, rgba(10,96,53,1) 100%);
        }
        .gammaCorrelati{
            background: linear-gradient(270deg, rgba(34,39,50,1) 65%, rgba(10,96,53,1) 100%);
        }
        .gamma{
            background: linear-gradient(-270deg, rgba(34,39,50,1) 65%, rgba(10,96,53,1) 100%);
        }
    }

}

/*MEDIA QUERY 500px-----------------------------------------------------------------------------------------*/
@media only screen and (min-width:0px) and (max-width:500px) {

    .div1600{
        padding:0 15px;
    }

    .button {
        padding: 11px 11px;
        font-size:13px;
        i{
            font-size:39px;
            margin-right:19px;
        }
    }

    .top{
        padding:0 15px;
        .topContainer{
            .logo{
                top:15px;
                img{
                    width:105px;
                }
            }
            .nav{
                top:90px;
                a{
                    font-size:15px;
                    margin:0 9px;
                }
            }
            .buttonGold{
                top:29px;
                right:60px;
            }
        }
    }

    .top.scrolled{
        .logo{
            top:10px;
            img{
                width:unset;
                height:60px;
            }
        }
        .buttonGold{
            top:24px;
        }
    }

    .topBarBlack{
        height:90px;
    }

    h1 {
        font-size:25px;
    }
    
    h2 {
        font-size:25px;
    }
    
    h3 {
        font-size:16px;
    }

    p {
        font-size:15px;
        line-height: 1.4;
    }

    .title{
        h1{
            font-size:27px;
        }
    }

    .button {
        padding: 9px 11px;
        i{
            font-size:23px;
            margin-right:11px;
        }
    }

    .header{
        padding:110px 0 50px 0;
        .headerText{
            width:90%;
            h1{
                margin:7px 0 11px 0;
            }
            p{
                padding-bottom:15px !important;
            }
            .button{
                margin:0 3px;
                span{
                    font-size:15px;
                }
            }
        }
        .headerCat{
            width:130px;
            opacity:0.3;
        }
        .headerDog{
            width:130px;
            opacity:0.3;
        }
    }

    .menu{
        top:144px;
    }

    .hamburger{
        top:33px;
    }

    .hamburger.scrolled{
        right:15px;
    }

    .garanzia{
        padding:35px 0 15px 0;
        .garanziaDog{
            width:300px;
        }
        .garanziaContainer{
            .title{
                margin-bottom:35px;
                padding:0 15px;
            }
            .garanziaContainerBox{
                padding:0 5px;
                .garanziaBox{
                    width:50%;
                    padding:0 5%;
                    margin:0 0 15px 0;
                    height:110px;
                    i{
                        font-size:31px;
                    }
                    h4{
                        font-size:16px;
                        padding:9px 0 5px 0;
                    }
                    p{
                        font-size:12px;
                    }
                }
            }
        }
    }

    .headerChiSiamo{
        height:250px;
    }

    .chiSiamo{
        padding:35px 0;
        .chiSiamoContainer{
            .title{
                margin-bottom:25px;
            }
        }
    }
    
    .contattaci{
        height:190px;
        .contattaciImgCat{
            height:190px;
        }
        .contattaciImgDog{
            height:190px;
        }
        .contattaciTextContainer{
            width:95%;
            h2{
                font-size:23px;
                margin-bottom:19px;
            }
            .button{
                padding: 13px 21px;
                font-size:15px;
            }
        }
    }

    .contatti{
        padding:35px 0;
        .contattiText{
            line-height:1.3;
            font-size:14px;
            margin-top:25px;
            h2{
               font-size:19px;
            }
            h3{
               font-size:17px;
               margin-top:15px;
            }
            p{
                font-size:14px;
                line-height:1.3;
            }
        }
        .contattiContainer{
            .title{
                margin-bottom:25px;
            }
        }
    }

    .contattiFormBox{
        padding:35px 0;
        background-size:350px;
        .contattiFormContainer{
            width:95%;
            input[type=text] {
                padding: 13px 15px;
                width: 95%;
                font-size: 14px;
            }
            .textareaContainer {
                textarea {
                    font-size: 14px;
                    padding:13px 15px;
                }
            }
        }
        .privacy
        {
            font-size:11px;
        }
        .privacyContainer {
            font-size:10px;
        }  font-size: 11pt;
        .button{
            padding: 15px 19px;
            font-size:16px;
            margin:35px auto 0 auto;
            width:130px;
        }
    }

    .prodottoDetails{
        .prodottoDetailsContainer{
            padding:35px 0 35px 0;
            margin-top:50px;
            /* img{
                width:150px;
            } */
            .prodottoDetailsBox{
                margin:25px 0 0 0;
                .prodottoDetailsItem{
                    h4{
                        font-size:18px;
                    }
                }
                .prodottoDetailsValori{
                    table{
                        td{
                            font-size:14px;
                        }
                    }
                }
            }
        }
    }

    .prodottiCorrelatiBox{
        padding:35px 0 50px;
        h2{
            font-size:23px;
            margin-bottom:35px;
        }
    }

    .prodottoItem{
        padding:0 15px;
        .prodottoItemImage{
            img{
                max-width:90%;
                max-height:330px;
            }
        }
        .prodottoItemTitle{
            margin-top:9px;
            span{
                font-size:11px;
                margin-bottom:5px;
            }
            h3{
                font-size:14px;
                height:29px;
            }
        }
        p{
            font-size:14px;
            padding:13px 0 19px 0 !important;
        }
        label{
            padding:4px 15px;
            font-size:13px;
            width:35px;
            margin:0 auto 15px auto;
        }
    }

    .intro{
        padding:35px 0 35px 0;
        .introText{
            padding:0 0;
            img{
                width:70px;
            }
            h2{
                margin-top:19px;
            }
            h3{
                font-size:17px;
                margin:19px 0;
            }
            p{
                margin-bottom:19px !important;
                font-size:15px;
            }
        }
        .introImage{
            padding-top:35px;
            img{
                width:100%;
            }
        }
    }

    .petBox{
        padding:35px 0;
        .petBoxContainer{
            .petBoxText{
                p{
                    font-size:14px;
                }
                ul {
                    margin-top: 19px;
                    li{
                        margin-bottom: 3px;
                        line-height: 1.4;
                        padding-left: 35px;
                        font-size:17px;
                        &:before {
                            margin-left: -35px; 
                            width: 35px; 
                            font-size: 19px;
                        }
                    }
                }
               
                
            }
        }
    }
    
    .catBox{
        .petBoxBg{
            width:170px;
        }
        .petBoxContainer{
            padding:0 0;
        }
    }
    
    .dogBox{
        .petBoxBg{
            width:170px;
        }
        .petBoxContainer{
            padding:0 0;
        }
    }

    .gamma{
        padding:110px 0 55px 0;
        .gammaBoxBg{
            height:250px;
        }
        .gammaBoxContainer{
            width:100%;
            padding:0 15px;
            box-sizing:border-box;
            .gammaBoxImage{
                float:unset;
                height:170px;
                width:100%;
                text-align:center;
                padding-bottom:19px;
                img{
                    height:170px;
                    margin:0 auto;
                    position:relative;
                    top:unset;
                    left:unset;
                    right:unset;
                    transform:unset;
                    width:unset;
                }
            }
            .gammaBoxText{
                height:unset;
                float:unset;
                width:100%;
                .title{
                    text-align:center !important;
                    position:relative;
                    top:unset;
                    left:unset;
                    right:unset;
                    transform:unset;
                    width:unset;
                    h1{
                        font-size:27px;
                    }
                }
                p{
                    margin:15px 0 19px 0 !important;
                    font-size:14px;
                }
            }
        }
    }

    .gammaCorrelati{
        padding:35px 0 0 0;
        .gammaListBg{
            height:unset;
            width:230px;
        }
        .gammaCorrelatiContainer{
            .title{
                margin-bottom:35px;
                h2{
                    font-size:21px;
                }
            }
            .gammaCorrelatiItem{
                width:50%;
                margin-bottom:35px;
                img{
                    height:70px;
                }
                h3{
                    font-size:17px;
                    margin:15px 0 9px 0;
                }
            }
        }
    }

    .privacy_info {
        padding: 35px !important;
        h3 {
            font-size: 21px !important;
            margin-bottom: 15px;
        }
        b {
            font-size: 16px !important;
            margin-bottom: 5px;
            margin-top: 11px;
        }
    }

    .footer {
        padding:35px 0;
        .footerLogo{
            margin-bottom:25px;
            img{
                width:130px;
            }
        }
        .footerRecapiti{
            font-size:13px;
            b{
                font-size:15px;
            }
            span{
                display:block;
                font-size:0;
            }
        }
    }

    .prodotto .boxProdottoDx .prodottoTaglieSeleziona .prodottoTaglieSelezionaContainer .prodottoTaglieSelezionaBox .ddl_seleziona_razza li {
        padding: 17px 15px;
        padding-right: 25px;
        font-size: 15px !important;
    }
    
}

/*MEDIA QUERY 400px------------------------------------------------------------------------------------------*/
@media only screen and (min-width:0px) and (max-width:400px) {

    .privacy_info {
        padding: 25px !important;
        h3 {
            font-size: 19px !important;
            margin-bottom: 9px;
        }
        b {
            font-size: 15px !important;
            margin-top: 9px;
        }
    }

}