@charset "UTF-8";

/*------------------------*/


/*       1. Screen Size (1280px)
/*------------------------*/
@media (max-width: 1679px) {
    .advantage{
        padding-left:200px;
        padding-top:80px; 
    } 

    .frase2-size1{
        margin-left:0px;
    }   

    .ocultar{
        margin-top: 80px;    
    }

    .advantage-logo{
        margin-top:200px;
        margin-left:-40px;   
    }   
    
    .frase3{
        font-size: 48px;
    }

    .frase2-size4{
        font-size: 30px;
    }    
    
}

@media (max-width: 1525px) {
    .contact-center{
        margin-top: -460px;
      }  
      
    .advantage{ 
        padding-bottom:0px; 
        padding-left:280px; 
    }  

    .ocultar2{
        margin-top: 100px; 
        padding-left:0px; 
    }    

    .ocultar{
        margin-top: 280px;    
    }

    .advantage-logo{
        margin-top:200px;
        margin-left:-40px;   
    }   
    
    .frase3{
        font-size: 40px;
    }

    .frase2-size4{
        font-size: 24px;
    }      
}

@media (max-width: 1280px) {
    .owl-nav {
        position: absolute;
        right: 0;
        top: 0;
    }
    .owl-nav .owl-prev,
    .owl-nav .owl-next {
        margin: 0 10px;
        position: relative;
        top: inherit;
    }
    .owl-nav .owl-prev {
        left: inherit;
    }
    .owl-nav .owl-next {
        right: inherit;
    }
    .welcome h1 {
        font-size: 60px;
        line-height: 60px;
    }
    .about-text-block {
        padding: 40px;
    }
    .why-choose-text-block {
        padding: 40px;
    }
    .why-choose-text-block h2 + p {
        font-size: 18px;
    }
    .feature-panel {
        margin-top: 30px;
    }
    .feature-panel {
        padding-left: 60px;
    }
    .feature-panel .feature-icon span {
        font-size: 36px;
    }

    .contact-center{
        margin-top: -500px;
      } 
      
     .definition-ancho{
        width: 100%; 
        padding-right: 90px; 
    }

    .ocultar{
        display:none;    
    }  

    .ocultar2{
        display:none;   
    }

    .advantage{ 
        padding-bottom:180px; 
        padding-left:280px; 
    } 

    .definition-center{
        margin-top: 0px;
        padding-left: 100px;
      } 
    
    .advantage-center{
        margin-top: 50px;
        margin-left: -250px;
    }

    .advantage-item{
        padding:20px;   
    } 
    
    .advantage{ 
        padding-left:330px; 
        padding-bottom:120px;
    } 
    
    .advantage-logo{
        margin-top:140px;
        margin-left:10px;   
    }   
    
    .frase3{
        font-size: 32px;
        padding-left: 40px;
    }

    .frase2-size4{
        font-size: 22px;
    }      
}


/*------------------------*/

@media (max-width:1366px) {
    .advantage-c2{
        margin-top: -250px; 
        margin-left: -50px;   
    }   

    .advantage-center{ 
        padding:0px;
    } 
    
    .contact-center{
        margin-top: -580px;
      }    
    
}
/*       2. Screen Size (991px)
/*------------------------*/

@media (max-width:991px) {

    .page-title {
        font-size: 30px;
    }
    .welcome h1 {
        font-size: 45px;
        line-height: 45px;
    }
    .welcome .desc {
        font-size: 18px;
        line-height: 24px;
    }
    .header .navbar-nav {
        font-size: 15px;
    }
    .header .navbar-nav li a {
        padding-left: 10px;
        padding-right: 10px;
    }
    .about-text-block {
        padding: 30px;
        position: relative;
        top: inherit;
        width: auto;
        max-width: 90%;
        margin: -20% auto 0;
    }
    .about-image-block {
        margin-bottom: 0;
    }
    .profile-image {
        max-width: 320px;
        margin: 0 auto;
    }
    .intro-text-block {
        margin-left: 0;
        padding: 30px;
    }
    .brand-successfull-today h2,
    .why-choose-text-block h2 {
        font-size: 30px;
    }
    .why-choose-text-block h2 + p {
        font-size: 16px;
    }
    .google-map #map {
        height: 320px;
    }
    .contact-form,
    .contact-info {
        margin-top: 60px;
        padding: 20px;
    }

    .no-padding2 {
        margin-top: 0px;
        padding: 0px;
    }  
    
    .contact-bg{
        background: rgba(51,51,51,0.9); 
      }

      .contact-bg2{
        background: rgba(255,90,0,0.9);
      }  

    .advantage{ 
        padding-left:0px; 
        padding-bottom:150px;
    } 

    .advantage-center{ 
        padding:0px;
        margin-top:0px;
        margin-bottom:0px;
    } 
    
    .advantage-item{ 
        margin-top: 0px;
        background: rgba(51,51,51,0.9); 
    }     
    
    .advantage-logo{
        margin-top:140px;
        margin-left:230px; 
        padding:40px; 
        background: rgba(51,51,51,0.3);  
    }  

    .orden{
        display: block;
        padding-bottom: 40px;
        margin-top:-80px;
    }   
    
    .orden2{
        display: none;
    }   
    
    .frase3{
        font-size: 50px;
        padding-left: 300px;
    }

    .frase2-size4{
        font-size: 38px;
        padding-left: 0px;
    }   
    
    .margintop{
        margin-top: 70px;
    }    
}


/*------------------------*/


/*       3. Screen Size (767px)
/*------------------------*/

@media (max-width:767px) {
    h1 {
        font-size: 30px;
    }
    section {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .navbar-brand {
        padding-top: 15px;
        padding-bottom: 15px;
    }   
    .header {
        background: #202020;
    }
    header{
        padding: 100px 0px 70px 0px; 
    }     
    .header.affix .navbar-nav li a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .welcome h1 {
        font-size: 30px;
        line-height: 30px;
    }
    .welcome .hello {
        font-size: 18px;
    }
    .welcome .type-text {
        font-size: 20px;
    }
    .header .navbar-nav {
        float: none;
    }
    .header .navbar-nav li a {
        padding: 12px 15px;
    }
    .profile-image {
        max-width: 240px;
    }
    .brand-successfull-today {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .brand-successfull-today h2,
    .why-choose-text-block h2 {
        font-size: 24px;
    }
    .why-choose-text-block {
        padding: 30px;
    }
    .contact-form,
    .contact-info {
        margin-top: 30px;
    }
    .footer-main {
        padding-top: 0;
        padding-bottom: 30px;
    }
}


/*------------------------*/
/*       4. Screen Size (479px)
/*------------------------*/

@media (max-width:479px) {
    .about-text-block {
        max-width: inherit;
        margin: 0;
    }
    .fun-facts div[class*="col"],
    .portfolio div[class*="col"],
    .contact div[class*="col"] {
        float: none;
        width: auto;
    }
}



/*------------------------*/
/*       4. Screen Size (479px)
/*------------------------*/

@media (max-width:455px) {
    .maquinas{
        font-size:22px;    
    }    

    .frase{
        font-size: 28px;
    }

    .frase2{
        font-size: 26px;
    }    

    .frase2-size4{
        font-size: 18px;
    }    

    .advantage{
        padding-top : 30px;
        padding-bottom : 75px;
    }

    .advantage-logo{
        margin-top: 50px;
    }    

    .zoom{
        height: 250px;
    }

    .services-box-circle {
        padding: 20px 20px 20px;
        margin-top: 10px;
    }

    .zoom p{
        font-size: 12px;
    }
    
    .zoom:hover p{
        font-size: 14px;  
    }

    .zoom:hover .services-box-circle .icon .icon-inner span {
        font-size: 42px;  
    }

    .zoom .services-box-circle .icon .icon-inner span {
        font-size: 32px;
    } 
    
    .zoom .services-box-circle .icon .icon-inner {
        height: 50px
    }    
}