:root {
    --primary-color: #E90000;
    /* --secondary-color: #3D7068; */
    --secondary-color: #000000;
    --dark: #191919;
    --light-grey: #D5D5D5;


    --primary-sfum-1: rgba(233, 0, 0, 0.8);
    --primary-sfum-2: rgba(233, 0, 0, 0.9);
    --primary-sfum-3: rgba(233, 0, 0, 1.0);
    --white: #FFFFFF;
}


@media screen and (max-width: 1200px) {

    .navbar-brand {
       padding-left: 0px!important;
       padding-right: 0px!important; 
    }

    .navigation-right ul li a {
        padding-left: 0px!important;
        padding-right: 0px!important;
    }

}


@media screen and (max-width: 1024px) {
    
    ul.nav1 {
        background:  #FFFFFF none repeat scroll 0 0;
        text-align: left;
    }
    
    .grid-col1, .grid-col2 {
        
        width: 100%;
        overflow: hidden;
    }

    .grid-col2 {
     height: 300px;
    }
    
    .grid-col1 .col-md-6 {
        width: 30%;
        display: inline-table;
    }
    
    .gal-text-box {
        display: none;
    }

    #mappa {
        width: 90%;
        margin-left: 5%;
    }
    
    .footer-grid2-pos img {
        display: none;
    }
    
   
    #azienda_img {
    display: block;
    width: 450px;
    height: 250px;
    margin-top: 60px;
   }

    
    .col-md-1 .footer-grid .footer-grid1 {
        display: none;
    }
    
    .col-md-6 .about-grid-right {
        padding-right: 5px;
        
    }
    
    .about-bottom {
        height: 350px;
        overflow: hidden;
    }
    
    #gallery {
        padding-top: 50px;
    }
    
    
    #myCarousel1, #myCarousel2, #myCarousel3, #myCarousel4, #myCarousel5, #myCarousel6 {
        margin-left: 0px;
        width: 100%;
        height: auto;
    }
    
    
    #estintori-img, #antincendio-img, #antinfortunistica-img, #abitilavoro-img, #segnaletica-img, #protezione-img {
    display: block;
    width: 100%;
    height: auto;
    margin-top: 50px;
    margin-bottom: 50px;
    }
    
    .carousel-inner {
        height: auto;
    }

    .item, .item-hover, .item-hover .mask, .item-img, .item-type-move .item-info {
        width: 100%;
        height: auto;
    }

    .homelogo {
        font-size: 20px!important;
    }

    .homelogo strong {
        font-size: 25px;
    }

    .menu-contatti a {
        font-size: 13px!important;
    }

    .navigation-right ul li a {
        font-size: 1.0em;
        padding: 0 6px;
    }
   
}


@media (max-width: 768px) {

    .navigation-right ul.nav1 li {
        padding-top: 5px;
        padding-bottom: 5px;
        text-align: center;
    }

    span.menu {
        width: 30px;
        height: 30px;
        background: var(--primary-color);
        border-radius: 5px;
    }

    span.menu {
        width: 35px;
        height: 35px;
        background: var(--primary-color);
        border-radius: 5px;
        position: absolute;
        right: 10px;
        top: 30px;
    }

    span.menu img {
        width: 22px;
        height: auto;
        margin-top: 8px;
    }

    .menu-contatti {
        display: inline-table;
        float: right;
        margin-top: 8px;
        margin-right: 60px!important;
    }

    .navigation-right ul {
        position: absolute;
        padding: 0;
        margin: 13px 0 0;
        left: 2%;
        width: 96%;
        z-index: 999;
        text-align: center;
        top: 60px;
    }

    .menu-contatti a {
        font-size: 13px!important;
    }

    .menu-contatti a.menu-btn {
        padding-left: 10px;
        padding-right: 10px;
    }

    #dpi h2 {
        font-size: 40px!important;
    }

    #dpi h3 {
        font-size: 45px;
    }

    .gallery {
        padding: 0em 0 2em !important;
    }


    .bottone_catalogo a {
        font-size: 1.0em!important;
    }

    .certificazioni p {
        margin-top: 70px;
        padding-top: 100px;
    }

    .certificazioni .bar-con {
        display: none!important;
    }
}


@media screen and (max-width: 450px) {
     #azienda_img {
         width: 100%;
         height: auto;
    }
    

    #dpi h2 {
        font-size: 30px!important;
    }

    #dpi h3 {
        font-size: 35px;
    }


    .navigation {
        padding: 0px;
        margin: 0px;
    }
    
        .navigation-left {
        width: 80%;
        overflow: hidden;
        float: left;
        text-align: left;
        display: inline-table;
        left: 20px;
    }
    
    .navigation-right {
        width: 20%;
        overflow: hidden;
        display: inline-table;
        float: right;
        padding-top: 10px;
    }

    span.menu {
        top: 10px;
    }

    .navbar-brand {
        padding-left: 0px!important;
        padding-right: 0px!important;
    }
    
    .banner-bottom-left p {
        padding-right: 0px!important;
    }

    #retinatura {
        margin-top: 0px;
    }
}




@media (max-width: 480px) {
    .team-grid {
        width: 100%;
    }
}

@media screen and (max-width: 375px) {

.box_video {
    /* margin-left: calc(105% - 352px); */
    margin-left: -20px!important;
}

}