@media (max-width: 399px) {
    .uk-button {
        font-size: 16px;
    }
  /*  body {
        font-size: 20px;
    }*/
     .uk-padding-medium {
        padding: 15px;
    }
    .griglia-servizi p {
        font-size: 16px;
    }
   /* .slogan h1 {
        font-size: 33px;
        margin-bottom: 10px !important;
    }


    h1, h2 {
        font-size: 26px;
    }*/
    .slogan h1 {
        letter-spacing: 8px;
    }
    .slogan p {
        font-size: 35px;
        top: -75px;
        line-height: 1.0;
    }
    .uk-button {
        padding: 5px 10px;
    }
    .barra-top .uk-logo {
        max-width: 100%;
    }
  /*  .voce-principale {
        font-size: 21px;
    }*/
    .voce-principale {
        font-size: 15px;
        letter-spacing: 4px;
        line-height: 30px;
    }
    .voce-menu {
        margin-top: 5px!important;
        margin-bottom: 5px;
    }
    .container-menu {
        padding: 0px;
    }
 /*   .section-text-img.section-left .uk-padding-remove-left {
        padding-left: 50px !important;
    }*/
    /*.uk-padding-large .uk-padding-large{
        padding:0px;
    }*/
    .divisore:before {
        height: 63px;
    }
    .col-text-bottom .uk-padding-remove-left{
        padding-left:30px!important;
    }
    .section-text-img .col-text {
        padding-right: 0px;
        padding-left: 0px;
    }
    .uk-grid-medium, .uk-grid-column-medium {
        margin-left: 0px;
    }
    .barra-top.affix .uk-logo {
        max-width: 100%;
    }
    .griglia-servizi{
        padding-top:15px;
        padding-right:0px;
        padding-left:0px;
    }
    .text-bg {
        font-size: 50px;
    }
    .slogan {
        bottom: 0px;
    }

    .sezione-fotogallery .uk-subnav {
        display: block;
    }

}

@media (min-width: 400px) and (max-width: 639px) {
    .uk-padding-medium {
        padding: 15px;
    }
  /*  .slogan h1 {
        font-size: 33px;
        margin-bottom: 10px !important;
    }*/
    .slogan {
        bottom: 0px;
    }
        .slogan p {
            font-size: 35px;
            line-height: 1.0;
            top: -75px;
        }
    .text-bg {
        opacity: 0.5;
        font-size: 65px;
    }

/*    h1, h2 {
        font-size: 30px;
    }*/
    .uk-button {
        padding: 5px 10px;
    }
    .barra-top .uk-logo {
        max-width: 100%;
    }
  /*  .voce-principale {
        font-size: 21px;
    }*/
    .voce-principale {
        font-size: 18px;
    }
    .container-menu {
        padding: 0px;
    }
/*    .section-text-img.section-left .uk-padding-remove-left {
        padding-left: 50px !important;
    }*/
  /*  .uk-padding-large .uk-padding-large{
        padding:0px;
    }*/
    .col-text-bottom .uk-padding-remove-left {
        padding-left: 30px !important;
    }
    .section-text-img .col-text {
        padding-right: 0px;
        padding-left: 0px;
    }
    .uk-grid-medium, .uk-grid-column-medium {
        margin-left: 0px;
    }
    .sezione-fotogallery .uk-subnav {
        display: block;
    }
}

@media (min-width: 640px) and (max-width: 767px) {
    .slogan {
        bottom: -15px;
    }
/*    .slogan h1 {
        font-size: 33px;
    }*/
   /* .slogan p {
        font-size: 35px;
    }*/
        .slogan p {
            font-size: 60px;
            top: -90px;
        }
   /* h1, h2 {
        font-size: 30px;
    }*/
   /* .section-text-img.section-left .uk-padding-remove-left {
        padding-left: 30px !important;
    }*/
    .col-text-bottom .uk-padding-remove-left {
        padding-left: 30px !important;
    }
    .uk-grid-medium, .uk-grid-column-medium {
        margin-left: 0px;
    }
    .text-bg {
        font-size: 65px;
    }
  
}

@media (min-width: 768px) and (max-width: 991px ) {

   /* .section-text-img.section-left .uk-padding-remove-left {
        padding-left: 30px !important;
    } */
    .slogan p {
        font-size: 85px;
    }
}

@media (min-width: 992px) and (max-width:1199px) {
 /*   h1,h2 {
        font-size: 35px;
    }*/
   /* h1, h2 {
        font-size: 29px;
    }*/
    .divisore:before {
        height: 85px;
    }
    .sottomenu-interno ul li {
        padding: 10px 15px;
    }
    .slogan p {
        font-size: 95px;
    }
    .uk-subnav-pill > * > :first-child {
        font-size: 10px;
        padding: 5px 5px
    }
    .uk-subnav > * {
        padding-left: 5px;
    }
}

@media (min-width: 1200px) and (max-width:1280px) {
    .section-text-img.section-left .col-text-bottom {
        padding-left: 90px;
    }
     .section-text-img.section-left .col-text-bottom {
        padding-left: 90px;
    }
  /*  .voce-principale {
        font-size: 24px;
    }*/
    .voce-principale {
        font-size: 15px;
    }
    .sottomenu {
        font-size: 19px;
    }
    .griglia-servizi p {
        font-size: 16px;
    }
    .griglia-servizi .uk-padding-small {
        padding: 15px 0px;
    }
    .modal-menu .lingue {
        font-size: 15px;
    }
    .uk-subnav-pill > * > :first-child {
        font-size: 12px;
        padding: 5px 5px
    }

    .uk-subnav > * {
        padding-left: 5px;
    }
}

@media (min-width: 1281px) and (max-width:1366px) {
    .section-text-img.section-left .col-text-bottom {
        padding-left: 90px;
    }
   
    .griglia-servizi p {
        font-size: 16px;
    }
    .griglia-servizi .uk-padding-small {
        padding: 15px 0px;
    }
    .uk-subnav-pill > * > :first-child {
        font-size:12px;
    }
}

@media (min-width: 1367px) and (max-width:1550px) {
    .section-text-img.section-left .col-text-bottom {
        padding-left: 90px;
    }
    .uk-subnav-pill > * > :first-child {
        font-size: 12px;
    }
}

@media (min-width: 1551px) and (max-width:1680px) {
    .section-text-img.section-left .col-text-bottom {
        padding-left: 90px;
    }
    .uk-subnav-pill > * > :first-child {
        font-size: 12px;
    }
}

@media (min-width: 2000px) {

}


/*PER ALTEZZE INFERIORI AL 768*/
@media (max-height: 768px) {
}


/*PER LARGHEZZE INFERIORI AL 768*/
@media (max-width: 768px) {

    .barra-top.uk-padding-medium {
        padding: 15px;
    }
    .uk-padding-medium {
        padding: 30px;
    }
    .section-text-img.section-left .box-img, .section-text-img.section-right .box-img {
        position: static;
        height: auto;
        width: 100%;
        padding-top: 65%;
    }
    .section-intro-gallery .box-img {
        padding-top: 80%;
        width: 100%;
    }
    .section-intro-gallery .slide-negative {
        margin-top: -55px;
        margin-bottom: -130px;
    }
    .divisore:before {
        height: 95px;
        margin-top: -10%;
    }
    .section-image {
        padding-bottom: 215px;
    }

   

    footer .uk-container .uk-grid > div{
        margin-top:10px;
        margin-bottom:10px;
    }
    footer .box-newsletter-footer > .uk-flex {
        justify-content: start!important;
        margin-bottom:0px!important;
    }
    #mc_embed_signup form{
        padding-left:0px!important;
        padding-right:0px!important;
    }

    .section-text-img .col-img{
        padding:0px;
    }

    .sottomenu-interno ul li {
        display: block;
    }
        .sottomenu-interno ul li.sezione {
            border-right: 0px;
            font-weight: bold;
            margin-right: 0px !important;
        }

}

/*PER LARGHEZZE INFERIORI AL 1199*/
@media (max-width: 1199px) {

    .voce-menu {
        text-align: left;
    }

    .container-menu {
        border-right: 0px;
    }

 /*   .background-menu .mask {
        background: linear-gradient(to left, rgba(180, 157, 123, 0) 0%, rgba(180, 157, 123, 0) 30%, rgba(180, 157, 123, 0.8) 63%, rgba(180, 157, 123, 1) 82%, rgba(180, 157, 123, 1) 99%);
    }*/
    .background-menu .mask {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+1,997f59+100&1+18,0.8+37,0+70 */
        background: linear-gradient(to right, rgba(0,0,0,1) 1%,rgba(26,22,15,1) 18%,rgba(55,46,32,0.8) 37%,rgba(106,88,62,0) 70%,rgba(153,127,89,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }
    .voce-menu {
        margin-top: 10px;
        margin-bottom: 10px;
    }

}