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

}

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

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

}

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

}

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

    /* TOP*/

    .top-right {
        display: none;
    }

    /* Banner Slide */

    .hero-area{
        margin-top: 50px;
        overflow: hidden;        
        height: 80vw;
        background: #FFF;
    }
    .sliderone {
        height: 80vw;
    }
    .hero-area .slide {
        height: 80vw;
    }
    .hero-area .single-slider {
        background-size:cover;
        background-position:center;
        background-repeat:no-repeat;
        height: 42vw;
    }
    .hero-area .box-slide {
        position: absolute;
        margin-bottom: -143px;
        margin-left: 0px;        
    }
    .hero-area .slide-text {
        height: 52vw;        
    }
    .hero-area .barra-vermelha {    
        background-color: rgba(226, 12, 26, 0.8);        
        margin-left: 10px;
        margin-right: 10px;
        padding: 5px 0px 1px 15px;        
    }    
    .hero-area .barra-vermelha h1 {
        font-family: 'Theinhardt Regular';
        color: #FFF;
        font-size: 14px;    
        font-weight: 400;
        text-transform: uppercase; 
        margin-top: 5px;
        margin-bottom: 4px;
    }
    .hero-area .barra-branca {    
        background-color: rgba(255, 255, 255, 1);
        padding: 1px 10px 20px 20px;
    }    
    .hero-area .barra-branca h1 {
        margin: 20px 0px 0px 0px;
        font-family: 'Theinhardt Bold';
        line-height: 24px;
        color: #E30613;
        font-size: 20px;
        font-weight: 700;    
    }

    .hero-area .owl-controls .owl-nav div {
        position: absolute;
        top: 50%;
        background: transparent;
        color: #000;
        border: 0px solid;
        width: 0px;
        height: 0px;
        line-height: 55px;
        padding: 0;
        border-radius: 100%;
        opacity: 1;
        font-size: 0px;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        transition: all 0.4s ease;
        margin: -45px 0 0;
    }
    .hero-area .owl-controls .owl-dots .owl-dot span {
        border: 0px solid #909090;
        width: 0px;
        height: 0px;
    }
    .hero-area .owl-controls .owl-dots .owl-dot.active span {
        border: 0px solid #909090;
        background: transparent;        
        width: 0px;
        height: 0px;
    }

    .bounce {
        display: none;
    }

    /* SOBRE */

    .section-sobre {    
        padding: 0;        
    }
    .div-text-only {
        padding-top: 30px;
        padding-bottom: 60px;    
    }    
    #sobre h2 {
        /*padding: 10px 90px 10px 40px;*/
        font-family: 'Theinhardt Bold';
        font-weight: 400;
        color: #575756;
        font-size: 26px;
        line-height: 30px;
        margin-bottom: 30px;    
    }

    /* FEATURE */

    #feature {        
        height: 200px;
        background: url(../images/feature.jpg);
        background-size: cover;
        background-position: center;        
        background-repeat: no-repeat;   
    }
    #feature .box-feature {
        /*height: 450px;*/
        /*background: #eee;*/
    }
    #feature .box-texto {
        padding-left: 20px;
        padding-top: 60px;
        /*background: #ddd;*/
    }
    #feature .box-feature p {
        font-family: 'Theinhardt Regular';    
        color: #FFF;
        font-size: 22px;
        line-height: 25px;
        padding-right: 50px;
    }

    /* DESTAQUES */

    .section-destaques {
        background-color: #fff;
        padding: 60px 0px 60px 0px;
    }
    #destaques .box-geral { 
        background: #F3F3F3;
        padding: 40px 15px 50px 15px;
    }
    #destaques .box-cont1 { 
        padding-bottom: 20px;
    }
    #destaques .box-cont2 {
        background: #fff;   
    }
    #destaques .box-texto h1 {
        color: #575756;     
        font-family: 'Theinhardt Bold';
        font-size: 18px;
        margin-bottom: 24px;
        line-height: 25px;    
        padding-right: 1.512820512821%;  
    }
    .destaques-slider {
        background: #FFF;
        padding: 40px 20px 40px 20px;
    }
    .single-destaques {
        min-height: 300px;
    }
    .subtitulo h2 {
         color: #575756;
         font-family: 'Theinhardt Bold';
         font-size: 14px;
         margin: 0 0 8px;
         font-weight: 400;     
    }
    .title h4 {
        font-family: 'Theinhardt Bold';
        color: #e30613;
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 16px;   
    }
    .destaque-botao .botao {
        padding: 10px 100px 10px 100px;
         border: 2px solid #E30613;
         background: #E30613;
         color: #fff;
         font-family: 'Theinhardt Bold';     
         font-size: 14px;     
         text-align: center;     
         text-transform: uppercase;     
    }
    .destaques-slider .owl-controls .owl-nav div {
        position: absolute;
        top: 0;
        background: #E7E7E7;
        color: #575756;    
        width: 20px;
        height: 100%;
        padding: 0;    
        opacity: 1;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        transition: all 0.4s ease;
        margin: 0 0;
    }
    .destaques-slider .owl-controls .owl-nav .owl-prev i {
        position: absolute;
        margin-left: -10px;
        top: 50%;    
        color: #575756;
        font-weight: 300;
        font-size: 0px;
    }
    .destaques-slider .owl-controls .owl-nav .owl-next i {
        position: absolute;
        margin-right: 10px;
        top: 50%;
        color: #575756;
        font-weight: 300;
        font-size: 0px;
    }

    .destaques-slider .owl-controls .owl-nav .owl-prev {
        left: -30px;
        visibility: visible;
        opacity: 1;
    }
    .destaques-slider .owl-controls .owl-nav .owl-next{
        right: -30px;
        visibility: visible;
        opacity: 1;
    }

    /* REDES SOCIAIS BOTTOM*/

    .social-footer .box2 {  
        padding: 20px 5px 20px 5px;  
        background: #52AFB9;
    }

    .social-footer .icos {
        margin-left: 0px;
    }

    .social-text span {
        display: inline-block;
        position: relative;
        font-family: 'Theinhardt Bold';
        color: #fff;    
        font-size: 12px;    
        margin: 0 10px;
    }

    .social-circle-footer li a {
        width: 35px;
        height: 35px;
        font-size: 15px;
    }
    .social-circle-footer li i {
        line-height: 35px;
    }

    /* CONTEUDO INTERNO */ 

    .section-header-interna {        
        height: 46vw;
        overflow:hidden;
        background: #FFF;
    }
    .header-topo-img {
        background-size:cover;
        background-position:center;
        background-repeat:no-repeat;
        height: 42vw;
        position: relative;   
    }
    #header-interna .box-slide {
        position: absolute;
        padding: 0;
        bottom: 0;
        margin-bottom: -20px;
    }    
    #header-interna .barra-vermelha {    
        background-color: rgba(226, 12, 26, 0.8);     
        margin-left: 50px;
        height: 35px;
        padding-top: 12px;
    }
    #header-interna .box-branco {
        display: block;
        background-color: rgba(255, 255, 255, 1);
        height: 32px;
        padding: 10px 10px 30px 20px;
    }   
    .section-pathpage {    
        margin-top: 50px;
    }
    #conteudo-interno .div-text-only {        
        padding-top: 10px;
        padding-bottom: 60px;   
        padding: 0 1.4375% 0 0.71875%;
    }
    #conteudo-interno h2 {    
        font-family: 'Theinhardt Bold';
        font-weight: 400;
        color: #e30613;
        font-size: 34px;
        line-height: 34px;
        margin: 0;
        padding-top: 30px;
    }
    #conteudo-interno .texto-sub p {    
        font-family: 'Theinhardt Bold';    
        color: #575756;
        font-size: 18px;
        line-height: 32px;
        margin-top: 30px;
    }

}

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

    /* TOP*/

    .top-right {
        display: none;
    }

    /* Banner Slide */

    .hero-area{
        margin-top: 50px;
        overflow: hidden;        
        height: 80vw;
        background: #FFF;
    }
    .sliderone {
        height: 80vw;
    }
    .hero-area .slide {
        height: 80vw;
    }
    .hero-area .single-slider {
        background-size:cover;
        background-position:center;
        background-repeat:no-repeat;
        height: 42vw;
    }
    .hero-area .box-slide {
        position: absolute;
        margin-bottom: -143px;
        margin-left: 0px;        
    }
    .hero-area .slide-text {
        height: 52vw;        
    }
    .hero-area .barra-vermelha {    
        background-color: rgba(226, 12, 26, 0.8);        
        margin-left: 10px;
        margin-right: 10px;
        padding: 5px 0px 1px 15px;        
    }    
    .hero-area .barra-vermelha h1 {
        font-family: 'Theinhardt Regular';
        color: #FFF;
        font-size: 14px;    
        font-weight: 400;
        text-transform: uppercase; 
        margin-top: 5px;
        margin-bottom: 4px;
    }
    .hero-area .barra-branca {    
        background-color: rgba(255, 255, 255, 1);
        padding: 1px 10px 20px 20px;
    }    
    .hero-area .barra-branca h1 {
        margin: 20px 0px 0px 0px;
        font-family: 'Theinhardt Bold';
        line-height: 24px;
        color: #E30613;
        font-size: 20px;
        font-weight: 700;    
    }

    .hero-area .owl-controls .owl-nav div {
        position: absolute;
        top: 50%;
        background: transparent;
        color: #000;
        border: 0px solid;
        width: 0px;
        height: 0px;
        line-height: 55px;
        padding: 0;
        border-radius: 100%;
        opacity: 1;
        font-size: 0px;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        transition: all 0.4s ease;
        margin: -45px 0 0;
    }
    .hero-area .owl-controls .owl-dots .owl-dot span {
        border: 0px solid #909090;
        width: 0px;
        height: 0px;
    }
    .hero-area .owl-controls .owl-dots .owl-dot.active span {
        border: 0px solid #909090;
        background: transparent;        
        width: 0px;
        height: 0px;
    }

    .bounce {
        display: none;
    }

    /* SOBRE */

    .section-sobre {    
        padding: 0;        
    }
    .div-text-only {
        padding-top: 30px;
        padding-bottom: 60px;    
    }    
    #sobre h2 {
        /*padding: 10px 90px 10px 40px;*/
        font-family: 'Theinhardt Bold';
        font-weight: 400;
        color: #575756;
        font-size: 26px;
        line-height: 30px;
        margin-bottom: 30px;    
    }

    /* FEATURE */

    #feature {        
        height: 200px;
        background: url(../images/feature.jpg);
        background-size: cover;
        background-position: center;        
        background-repeat: no-repeat;   
    }
    #feature .box-feature {
        /*height: 450px;*/
        /*background: #eee;*/
    }
    #feature .box-texto {
        padding-left: 20px;
        padding-top: 60px;
        /*background: #ddd;*/
    }
    #feature .box-feature p {
        font-family: 'Theinhardt Regular';    
        color: #FFF;
        font-size: 22px;
        line-height: 25px;
        padding-right: 50px;
    }

    /* DESTAQUES */

    .section-destaques {
        background-color: #fff;
        padding: 60px 0px 60px 0px;
    }
    #destaques .box-geral { 
        background: #F3F3F3;
        padding: 40px 15px 50px 15px;
    }
    #destaques .box-cont1 { 
        padding-bottom: 20px;
    }
    #destaques .box-cont2 {
        background: #fff;   
    }
    #destaques .box-texto h1 {
        color: #575756;     
        font-family: 'Theinhardt Bold';
        font-size: 18px;
        margin-bottom: 24px;
        line-height: 25px;    
        padding-right: 1.512820512821%;  
    }
    .destaques-slider {
        background: #FFF;
        padding: 40px 20px 40px 20px;
    }
    .single-destaques {
        min-height: 300px;
    }
    .subtitulo h2 {
         color: #575756;
         font-family: 'Theinhardt Bold';
         font-size: 14px;
         margin: 0 0 8px;
         font-weight: 400;     
    }
    .title h4 {
        font-family: 'Theinhardt Bold';
        color: #e30613;
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 16px;   
    }
    .destaque-botao .botao {
        padding: 10px 100px 10px 100px;
         border: 2px solid #E30613;
         background: #E30613;
         color: #fff;
         font-family: 'Theinhardt Bold';     
         font-size: 14px;     
         text-align: center;     
         text-transform: uppercase;     
    }
    .destaques-slider .owl-controls .owl-nav div {
        position: absolute;
        top: 0;
        background: #E7E7E7;
        color: #575756;    
        width: 20px;
        height: 100%;
        padding: 0;    
        opacity: 1;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        transition: all 0.4s ease;
        margin: 0 0;
    }
    .destaques-slider .owl-controls .owl-nav .owl-prev i {
        position: absolute;
        margin-left: -10px;
        top: 50%;    
        color: #575756;
        font-weight: 300;
        font-size: 0px;
    }
    .destaques-slider .owl-controls .owl-nav .owl-next i {
        position: absolute;
        margin-right: 10px;
        top: 50%;
        color: #575756;
        font-weight: 300;
        font-size: 0px;
    }

    .destaques-slider .owl-controls .owl-nav .owl-prev {
        left: -30px;
        visibility: visible;
        opacity: 1;
    }
    .destaques-slider .owl-controls .owl-nav .owl-next{
        right: -30px;
        visibility: visible;
        opacity: 1;
    }

    /* REDES SOCIAIS BOTTOM*/

    .social-footer .box2 {  
        padding: 20px 5px 20px 5px;  
        background: #52AFB9;
    }

    .social-footer .icos {
        margin-left: 0px;
    }

    .social-text span {
        display: inline-block;
        position: relative;
        font-family: 'Theinhardt Bold';
        color: #fff;    
        font-size: 12px;    
        margin: 0 10px;
    }

    .social-circle-footer li a {
        width: 35px;
        height: 35px;
        font-size: 15px;
    }
    .social-circle-footer li i {
        line-height: 35px;
    }

    /* CONTEUDO INTERNO */ 

    .section-header-interna {        
        height: 46vw;
        overflow:hidden;
        background: #FFF;
    }
    .header-topo-img {
        background-size:cover;
        background-position:center;
        background-repeat:no-repeat;
        height: 42vw;
        position: relative;   
    }
    #header-interna .box-slide {
        position: absolute;
        padding: 0;
        bottom: 0;
        margin-bottom: -20px;
    }    
    #header-interna .barra-vermelha {    
        background-color: rgba(226, 12, 26, 0.8);     
        margin-left: 50px;
        height: 35px;
        padding-top: 12px;
    }
    #header-interna .box-branco {
        display: block;
        background-color: rgba(255, 255, 255, 1);
        height: 32px;
        padding: 10px 10px 30px 20px;
    }   
    .section-pathpage {    
        margin-top: 50px;
    }
    #conteudo-interno .div-text-only {        
        padding-top: 10px;
        padding-bottom: 60px;   
        padding: 0 1.4375% 0 0.71875%;
    }
    #conteudo-interno h2 {    
        font-family: 'Theinhardt Bold';
        font-weight: 400;
        color: #e30613;
        font-size: 34px;
        line-height: 34px;
        margin: 0;
        padding-top: 30px;
    }
    #conteudo-interno .texto-sub p {    
        font-family: 'Theinhardt Bold';    
        color: #575756;
        font-size: 18px;
        line-height: 32px;
        margin-top: 30px;
    }

}

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

}