/* XG */ 
@media (min-width: 1367px) {

    .brand-logo {
        display: none;
    }

    .hero-area{ 
        margin-top: 162px;
        background-size: contain;
        background-repeat: no-repeat;        
        height: 36vw;
    }
    .hero-area .single-slider {
        height: 36vw;
    }
    .hero-area .slide-text {
        height: 36vw;        
    }

}

/* LG */ 
@media (min-width: 1025px) and (max-width: 1366px) {

    .brand-logo {
        display: none;
    }  
}

/* MD */
@media (min-width: 992px) and (max-width: 1024px) {

    .brand-logo {
        display: none;
    }
    .single-widget1, .single-widget2 {
        display: none;
    }
    .hero-area{ 
        margin-top: 176px;
        background-size: contain;
        background-repeat: no-repeat;        
        height: 36vw;
    }
    .hero-area .single-slider {
        height: 36vw;
    }
    .hero-area .slide-text {
        height: 36vw;        
    }
    .barra {
        display: none;
    }
}

/* SM */
@media (min-width: 769px) and (max-width: 991px) {

    .logo{      
        float: left;
        width: 200px;
        margin-top: 15px;
    }
    .single-widget1, .single-widget2 {
        display: none;
    }

    .hero-area{ 
        margin-top: 176px;
        background-size: contain;
        background-repeat: no-repeat;        
        height: 36vw;
    }
    .hero-area .single-slider {
        height: 36vw;
    }
    .hero-area .slide-text {
        height: 36vw;        
    }

}

/* XS */
@media (min-width: 425px) and (max-width: 768px) {

    .logo{    	
        float: left;
        width: 145px;
        margin-top: 5px;
    }
    .single-widget1, .single-widget2 {
        display: none;
    }

    .hero-area{ 
        margin-top: 176px;
        background-size: contain;
        background-repeat: no-repeat;        
        height: 39vw;
    }
    .hero-area .single-slider {
        height: 39vw;
    }
    .hero-area .slide-text {
        height: 39vw;        
    }
    .hero-area .slide-text h1 {
        font-family: 'Montserrat', sans-serif;
        font-size: 30px;
        font-weight: 200;
        text-transform: uppercase;
        margin-bottom: 5px;
        display: inline-block;
        position: relative;
        padding-bottom: 5px;
        line-height: 32px;
    }
    .hero-area .slide-text span {
    font-weight: 900;
    }

    /* TITLE PG INTRNA*/

    #nav-title h1 {
        font-size: 18px;
    }
    #nav-title span {    
        font-size: 18px; 
    }    

}

/* XS Portrait */
@media (min-width: 375px) and (max-width: 424px) {

    .logo{      
        float: left;
        width: 145px;
        margin-top: 5px;
    }
    .single-widget1, .single-widget2 {
        display: none;
    }

    .hero-area{ 
        margin-top: 176px;
        background-size: contain;
        background-repeat: no-repeat;        
        height: 39vw;
    }
    .hero-area .single-slider {
        height: 39vw;
    }
    .hero-area .slide-text {
        height: 39vw;        
    }
    .hero-area .slide-text h1 {
        font-family: 'Montserrat', sans-serif;
        font-size: 30px;
        font-weight: 200;
        text-transform: uppercase;
        margin-bottom: 5px;
        display: inline-block;
        position: relative;
        padding-bottom: 5px;
        line-height: 32px;
    }
    .hero-area .slide-text span {
    font-weight: 900;
    }

    /* TITLE PG INTRNA*/

    #nav-title h1 {
        font-size: 18px;
    }
    #nav-title span {    
        font-size: 18px; 
    }    

}

/* Mobile Layout */
@media (max-width: 320px) {

    .logo{      
        float: left;
        width: 200px;
        margin-top: 15px;
    }
    .single-widget1, .single-widget2 {
        display: none;
    }

    .hero-area{ 
        margin-top: 176px;
        background-size: contain;
        background-repeat: no-repeat;        
        height: 36vw;
    }
    .hero-area .single-slider {
        height: 36vw;
    }
    .hero-area .slide-text {
        height: 36vw;        
    }
    .hero-area .slide-text h1 {
        font-family: 'Montserrat', sans-serif;
        font-size: 30px;
        font-weight: 200;
        text-transform: uppercase;
        margin-bottom: 5px;
        display: inline-block;
        position: relative;
        padding-bottom: 5px;
        line-height: 32px;
    }
    .hero-area .slide-text span {
    font-weight: 900;
    }


}