@media screen and (max-width: 320px) {

}
@media screen and (max-width: 480px) {

    .flag li {
        list-style-type: none;
        /* float: left; */
        margin: 10px 5px;
        display: inline;
        float: none;
    }
    .skew{
        transform: skew(0);
    }
    .skew ul, .skew .content {
        transform: skew(0);
    }
    h2, .h2 {
        font-size: 25px!important;
    }
    h3, .h3 {
        font-size: 20px!important;
    }
    h4, .h4 {
        font-size: 17px!important;
    }
    .fase .content{
        height: 100px;
    }
    .impianti h2,.impianti a,.prodotti-standard h2,.prodotti-standard a{
        text-align: center!important;
        margin: 0 auto!important;
        text-align: center;
        float: none;
    }
    .link-arrow:before{
        position: relative;
    }
    .search-box {
        margin: 0 20px;
    }
    .social li {

        margin: 0!important
    }

    .site-navigation {
        height: auto;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        position: fixed;
        z-index: 99;
        width: 100%;
        top:0;
        background-color: rgb(51,204,0);

    }
    #masthead{
        margin-top: 0px;
        background-color: white;
    }
    section.fasi-prodotti p{
        font-size: 17px!important;
    }
    #aligned,#container-inside{
        width: 100%;
    }
    .content-single-hover{
        display: none;
    }
    .single-impianto {
        width: 100%!important;
    }
    .main-content{
        margin-top: 0!important;
    }
}
@media screen and (max-width: 600px) {

}


@media screen and (max-height: 900px) {
    .container-video-home{
        bottom: -100px!important;
    }
}
@media screen and  (max-width: 1024px) {
    .titolo{display: none;}
    .sottotitolo{
        display: none;
    }
    #carousel-example-generic .carousel-inner {
        height: 630px!important;
    }
    .site-header .social{
        padding-top: 10px!important;
        margin-top: 0px!important;

    }
    .slogan{
        padding-top:0!important;

    }
    .slogan *{
        font-size: 14px!important;
    }
    .container-video-home{
        top:100px!important;
    }
    .navbar-nav>li {
        padding: 0 10px!important;
    }
    #aligned,#container-inside{
        width: 100%;
    }
    h3, .h3 {
        font-size: 15px!important;
    }
    .content-single-hover{
        display: none;
    }
    .sticky{
        position: relative;
    }
    .single-impianto{
        width: 50%;
    }
    .text-fase div{
        height: 240px;
    }
}
@media screen and (max-width: 768px)  {
    #sidebar-navigation_top{
        width: 70%;
    }
    .navbar-nav>li {
        padding: 0 1px!important;
    }
    .navbar-default .navbar-nav > li > a{
        font-size: 14px!important;
    }
    .titolo{display: none;}
    .sottotitolo{
        display: none;
    }

    .item .content-item{
        width: 100%;
    }
    .item{
        padding: 0;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: black;
    }
    .navbar-default .navbar-toggle{
        background-color: #ddd;
    }

    #carousel-example-generic .carousel-inner {
        height: 700px!important;
    }
    footer .social{
        margin: 0 auto!important;
    }
    #colophon{
        margin: 0 auto;
        text-align: center;
    }
    .container-video-home{
        top:0!important;
    }
    .navbar-nav>li{
        padding: 0;
    }
    #sidebar-navigation_top>li>a.active:after,#sidebar-navigation_top>li>a.active:before{
        background-image: none;
    }
    .container{
        margin-top: 0!important;
    }
    .social.menu{
        width: 65%!important;
    }
    #sidebar-navigation_top li:hover > .sub-menu{
        display: none!important;
    }
    .navbar-collapse-custom{border: none}
    .navbar-toggle{position: absolute;    right: -40px;top:0px}
    .navbar-custom{padding: 25px 0}

    .copyright{padding: 0;}
    .yamm {display: none}
    #sidebar-navigation_top{float: none!important;margin: 0 auto;text-align: center;}
}
@media screen and (max-width: 1200px) {

}