*{
    box-sizing: border-box;
}

.clear{
    clear: both;
}

body{
    margin:0px;
    border:0px;
    font-size:62.5%;
    /*overflow:hidden;*/
}

.x-1{
    float:left;
    width:100%;
}
.x-2{
    float:left;
    width:50%;
}
.x-3{
    float:left;
    width:33.33%;
}
.x-4{
    float:left;
    width:25%;
}

.group-right{
    float: right;
}

.center{
    text-align: center !important;
}
.left{
    text-align: left !important;
}
.right{
    text-align: right !important;
}
.justify{
    text-align: justify !important;
}

@font-face {
    font-family:Lato;
    src:url('../font/Lato.ttf');
}
@font-face {
    font-family:Roboto;
    src:url('../font/Roboto.ttf');
}

/** Page Content **/
.it-page{
    position: relative;
    width:100%;
    height:100%;
    /*background: #deeae3;
    overflow:auto;*/
}
.it-page-header{
    position: fixed;
    top:0px;
    left:0px;
    width:100%;
    height:230px;
    background: #ffffff;
    box-shadow:0 0 4px rgba(0,0,0,0.4);
    z-index:1;
}
.it-page-header-top{
    position: relative;
    width:100%;
    height:40px;
    background: #d50e2f;
    background-image: linear-gradient(-45deg, #a6041f 40%, #d50e2f 40%);
    font-family:Roboto;
    font-size:15px;
    line-height:30px;
    color:#ffffff;
    font-display:auto;
}
a{
    text-decoration: none;
}

.it-social-fb{
    float:right;
    margin-top:5px;
    margin-left:5px;
    margin-right:0px;
    padding-left:30px;
    height:30px;
    background: url('../img/social/facebook.png') no-repeat;
    background-position: left center;
    font-family:Roboto;
    font-size:15px;
    line-height:30px;
    color:#ffffff;
    font-display:auto;
}
.it-social-ws{
    float:right;
    margin-top:5px;
    margin-left:5px;
    margin-right:0px;
    padding-left:30px;
    height:30px;
    background: url('../img/social/whatsapp.png') no-repeat;
    background-position: left center;
    font-family:Roboto;
    font-size:15px;
    line-height:30px;
    color:#ffffff;
    font-display:auto;
}
.it-social-email{
    float:right;
    margin-top:5px;
    margin-left:5px;
    margin-right:0px;
    padding-left:30px;
    height:30px;
    background: url('../img/social/email.png') no-repeat;
    background-position: left center;
    font-family:Roboto;
    font-size:15px;
    line-height:30px;
    color:#ffffff;
    font-display:auto;
}
.it-social-avisos-inteligentes{
    float:right;
    margin-top:5px;
    margin-left:5px;
    margin-right:0px;
    padding-left:30px;
    height:30px;
    background: url('../img/social/avisos-inteligentes.png') no-repeat;
    background-position: left center;
    font-family:Roboto;
    font-size:15px;
    line-height:30px;
    color:#ffffff;
    font-display:auto;
}

.it-page-view{
    position: relative;
    margin:0 auto;
    width: 1200px;
}

.it-page-header-main{
    width:100%;
    height:100px;
    margin-top:15px;
    margin-bottom:15px;
}
.it-page-header-menu{
    width:100%;
    height:60px;
    background: #fefefe;
    border-top:3px solid #e7e7e7;
    text-align: left;
}

.it-page-header-menu-item{
    position: relative;
    display: inline-block;
    width:auto;
    margin-right:20px;
    padding:10px 10px 10px 0px;
    font-family:Lato;
    font-size:14px;
    text-transform: uppercase;
    line-height:30px;
    font-display:auto;
    cursor:pointer;
}
.it-page-header-menu-item .line{
    position: absolute;
    top:-3px;
    width:100%;
    height:3px;
    background: #e7e7e7;
}

.it-page-header-menu-item:hover .line{
    background: #d50e2f;
}

.it-page-header-menu-item-sel{
    position: relative;
    display: inline-block;
    width:auto;
    margin-right:20px;
    padding:10px 10px 10px 0px;
    font-family:Lato;
    font-size:14px;
    text-transform: uppercase;
    line-height:30px;
    font-display:auto;
    cursor:pointer;
}
.it-page-header-menu-item-sel .line{
    position: absolute;
    top:-3px;
    width:100%;
    height:3px;
    background: #d50e2f;
}

.it-page-header-menu-item-sel:hover .line{
    background: #d50e2f;
}

.it-menu-responsive{
    position: absolute;
    top:175px;
    right:0px;
    width:250px;
    height:340px;
    background: rgba(0,0,0,0.85);
    padding:20px;
    display: none;
    z-index:5;
}
.it-menu-responsive-item{
    position: relative;
    width:100%;
    height:40px;
    font-family:Lato;
    font-size:14px;
    text-transform: uppercase;
    line-height:40px;
    color:rgba(255,255,255,0.5);
    background: url('../img/icon/ico-item.png') no-repeat;
    background-size: 24px;
    background-position: left 15px;
    padding-left:35px;
    font-display:auto;
    cursor:pointer;
}
.it-menu-responsive-item:hover{
    color: #ffffff;
}

.logo-business{
    position: absolute;
    width:120px;
    height:100px;
    background:url('../img/fnm.png') no-repeat center;
    background-size: 120px;
}

.it-businees-schedule{
    float:left;
    background:url('../img/icon/schedule.png') no-repeat;
    background-size: 32px;
    background-position: 0px 12px;
    padding-left:60px;
}
.it-businees-schedule-title{
    font-family:Lato;
    font-weight:bold;
    font-size:15px;
    line-height:30px;
    font-display:auto;
}
.it-businees-schedule-subtitle{
    font-family:Roboto;
    font-size:14px;
    line-height:20px;
    color:#777777;
    font-display:auto;
}

.it-businees-address{
    float:left;
    background:url('../img/icon/address.png') no-repeat;
    background-size: 32px;
    background-position: 0px 12px;
    padding-left:60px;
    padding-right:40px;
}
.it-businees-address-title{
    font-family:Lato;
    font-weight:bold;
    font-size:15px;
    line-height:30px;
    font-display:auto;
}
.it-businees-address-subtitle{
    font-family:Roboto;
    font-size:14px;
    line-height:20px;
    color:#777777;
    font-display:auto;
}

.it-businees-telephone{
    float:left;
    background:url('../img/icon/telephone.png') no-repeat;
    background-size: 32px;
    background-position: 0px 12px;
    padding-left:60px;
    padding-right:40px;
}
.it-businees-telephone-title{
    font-family:Lato;
    font-weight:bold;
    font-size:15px;
    line-height:30px;
    font-display:auto;
}
.it-businees-telephone-subtitle{
    font-family:Roboto;
    font-size:14px;
    line-height:20px;
    color:#777777;
    font-display:auto;
}

.it-btn-call{
    float:right;
    margin-top:7px;
    width:185px;
    height:40px;
    border-radius:5px;
    background: #d50e2f url('../img/ico-ws.png') no-repeat;
    background-size: 24px;
    background-position: 10px center;
    font-family:Roboto;
    font-size:14px;
    line-height:40px;
    color:#ffffff;
    text-align: left;
    text-shadow:0 0 4px rgba(0,0,0,0.4);
    padding-left:40px;
    font-display:auto;
    cursor:pointer;
}
.it-btn-call:hover{
    background: #a6041f url('../img/ico-ws.png') no-repeat;
    background-size: 24px;
    background-position: 10px center;
}

.it-btn-menu{
    float:right;
    margin-top:7px;
    width:120px;
    height:40px;
    border-radius:5px;
    background: #d50e2f url('../img/icon/menu.png') no-repeat;
    background-position: calc(100% - 10px) center;
    background-size: 24px;
    font-family:Roboto;
    font-size:14px;
    line-height:40px;
    color:#ffffff;
    text-align: left;
    text-shadow:0 0 4px rgba(0,0,0,0.4);
    padding-left:20px;
    display:none;
    font-display:auto;
    cursor:pointer;
}
.it-btn-menu:hover{
    background: #a6041f url('../img/icon/menu.png') no-repeat;
    background-position: calc(100% - 10px) center;
    background-size: 24px;
}

.it-banner-main{
    position: relative;
    margin-top:230px;
    width:100%;
    height:480px;
    background: url('../img/banner/main.jpg') no-repeat center;
    background-size: cover;
}
.it-banner-main-over{
    position: absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-image: linear-gradient(-45deg, rgba(0,0,0,0.2) 40%, rgba(0,0,0,0.3) 40%);
    padding-top:100px;
}
.it-banner-main-comment{
    font-family:Lato;
    font-weight:bold;
    font-size:15px;
    line-height:30px;
    color:#ffffff;
    text-shadow: 0 0 4px rgba(0,0,0,0.8);
    padding-left:40px;
    padding-right:40px;
    font-display:auto;
}
.it-banner-main-title{
    margin-top:10px;
    margin-bottom:30px;
    font-family:Lato;
    font-weight:bold;
    font-size:40px;
    line-height:50px;
    color:#ffffff;
    text-shadow: 0 0 4px rgba(0,0,0,0.8);
    padding-left:40px;
    padding-right:40px;
    font-display:auto;
}
.it-banner-main-subtitle{
    font-family:Roboto;
    font-size:24px;
    line-height:20px;
    color:#ffffff;
    text-shadow: 0 0 4px rgba(0,0,0,0.8);
    padding-left:40px;
    padding-right:40px;
    font-display:auto;
}

.it-page-content{
    position: relative;
}
.it-page-divisor{
    margin:0 auto;
    margin-top:40px;
    width:100px;
    height:3px;
    background: #d50e2f;
}
.it-page-divisor-2{
    margin:0 auto;
    margin-top:20px;
    margin-bottom:20px;
    width:50px;
    height:3px;
    background: #d50e2f;
}
.it-page-title{
    margin-top:10px;
    margin-bottom:30px;
    font-family:Lato;
    font-weight:bold;
    font-size:40px;
    line-height:50px;
    color:#000000;
    text-align: center;
    font-display:auto;
}
.it-page-subtitle{
    font-family:Roboto;
    font-size:24px;
    line-height:30px;
    color:#000000;
    margin-top:10px;
    text-align: center;
    font-display:auto;
}
.it-page-text{
    font-family:Roboto;
    font-size:15px;
    line-height:20px;
    color:#000000;
    text-align: justify;
    font-display:auto;
}

.ico-entrega-rapida{
    margin:0 auto;
    margin-bottom:20px;
    width:64px;
    height:64px;
    background: url('../img/icon/entrega-rapida.png') no-repeat;
    background-size: 100%;
}
.ico-soporte-eficiente{
    margin:0 auto;
    margin-bottom:20px;
    width:64px;
    height:64px;
    background: url('../img/icon/soporte.png') no-repeat;
    background-size: 60px;
}
.ico-servicios-seguros{
    margin:0 auto;
    margin-bottom:20px;
    width:64px;
    height:64px;
    background: url('../img/icon/servicio-seguro.png') no-repeat;
    background-size: 100%;
}
.ico-precios-asequibles{
    margin:0 auto;
    margin-bottom:20px;
    width:64px;
    height:64px;
    background: url('../img/icon/precio.png') no-repeat;
    background-size: 60px;
}

.it-banner-empresa{
    position: relative;
    width:100%;
    height:480px;
    background: url('../img/banner/banner-empresa.png') no-repeat center;
    background-size: cover;
    border-bottom:5px solid #339088;
    border-radius:5px;
}
.it-box-team{
    position: relative;
    margin:0 auto;
    margin-top:30px;
    width:250px;
}
.it-box-team-pic{
    position: relative;
    float:left;
    width:50px;
    height:50px;
    background: #e7e7e7;
    border-radius:50%;
    margin-right:20px;
}
.it-box-team-name{
    position: relative;
    font-family:Roboto;
    font-weight:bold;
    font-size:15px;
    line-height:20px;
    padding-top:5px;
    color:#000000;
    font-display:auto;
}
.it-box-team-rol{
    position: relative;
    font-family:Lato;
    font-size:15px;
    line-height:20px;
    color:#339088;
    font-display:auto;
}

.it-page-content-second{
    position: relative;
    background-image: linear-gradient(-45deg, #339088 40%, #e7e7e7 40%);
    padding-top:10px;
    margin-top:20px;
}
.it-page-content-third{
    position: relative;
    background-image: linear-gradient(-45deg, #f7f7f7 40%, #e7e7e7 40%);
    padding-top:10px;
    padding-bottom:20px;
    margin-top:20px;
}
.it-banner-camion{
    position: relative;
    width:100%;
    height:480px;
    background: url('../img/camion.png') no-repeat center;
    background-size: cover;
}

.it-btn-more{
    margin:0 auto;
    margin-top:7px;
    width:150px;
    height:40px;
    border-radius:5px;
    background: #d50e2f;
    font-family:Roboto;
    font-size:14px;
    line-height:40px;
    color:#ffffff;
    text-align: center;
    text-shadow:0 0 4px rgba(0,0,0,0.4);
    font-display:auto;
    cursor:pointer;
}
.it-btn-more:hover{
    background: #a6041f;
}

.ico-servicio{
    margin:0 auto;
    margin-bottom:20px;
    width:64px;
    height:64px;
    background: url('../img/icon/servicio.png') no-repeat;
    background-size: 60px;
}

.it-list{
    position: relative;
}
.it-list-item{
    font-family:Roboto;
    font-size:16px; 
    line-height:20px;
    background:url('../img/icon/ico-item.png') no-repeat;
    background-size: 30px;
    background-position: 0px 7px;
    padding: 5px 10px 5px 40px;
    font-display:auto;
}

.carousel {
    background: transparent;
    margin-top:50px;
    margin-bottom:50px;
}

.carousel .banner-main {    
    position:relative;
    display: block;
    width:100%;
    margin-right:0;
    height: auto; /*720px;*/
}

.gallery-cell {
    position:relative;
    width: 50%;
}

.gallery-cell img {
    margin:0 auto;
    width: calc(100% - 40px);
    border-bottom:5px solid #339088;
    border-radius:5px;
}

.it-banner-trabajo-1{
    position: relative;
    display: inline-block;
    margin:20px;
    width:260px;
    height:200px;
    background: url('../img/trabajos/trabajo-1.jpg') no-repeat center;
    background-size: cover;
    border-bottom:5px solid #339088;
    border-radius:5px;
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
}
.it-banner-trabajo-2{
    position: relative;
    display: inline-block;
    margin:20px;
    width:260px;
    height:200px;
    background: url('../img/trabajos/trabajo-2.jpg') no-repeat center;
    background-size: cover;
    border-bottom:5px solid #339088;
    border-radius:5px;
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
}
.it-banner-trabajo-3{
    position: relative;
    display: inline-block;
    margin:20px;
    width:260px;
    height:200px;
    background: url('../img/trabajos/trabajo-3.jpg') no-repeat center;
    background-size: cover;
    border-bottom:5px solid #339088;
    border-radius:5px;
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
}
.it-banner-trabajo-4{
    position: relative;
    display: inline-block;
    margin:20px;
    width:260px;
    height:200px;
    background: url('../img/trabajos/trabajo-4.jpg') no-repeat center;
    background-size: cover;
    border-bottom:5px solid #339088;
    border-radius:5px;
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
}
.it-banner-trabajo-5{
    position: relative;
    display: inline-block;
    margin:20px;
    width:260px;
    height:200px;
    background: url('../img/trabajos/trabajo-5.jpg') no-repeat center;
    background-size: cover;
    border-bottom:5px solid #339088;
    border-radius:5px;
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
}
.it-banner-trabajo-6{
    position: relative;
    display: inline-block;
    margin:20px;
    width:260px;
    height:200px;
    background: url('../img/trabajos/trabajo-6.jpg') no-repeat center;
    background-size: cover;
    border-bottom:5px solid #339088;
    border-radius:5px;
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
}
.it-banner-trabajo-7{
    position: relative;
    display: inline-block;
    margin:20px;
    width:260px;
    height:200px;
    background: url('../img/trabajos/trabajo-7.jpg') no-repeat center;
    background-size: cover;
    border-bottom:5px solid #339088;
    border-radius:5px;
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
}
.it-banner-trabajo-8{
    position: relative;
    display: inline-block;
    margin:20px;
    width:260px;
    height:200px;
    background: url('../img/trabajos/trabajo-8.jpg') no-repeat center;
    background-size: cover;
    border-bottom:5px solid #339088;
    border-radius:5px;
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
}

.it-banner-flota-camiones-1{
    position: relative;
    width:100%;
    height:480px;
    background: url('../img/banner-camiones-1.png') no-repeat center;
    background-size: cover;
}
.it-banner-flota-camiones-2{
    position: relative;
    width:100%;
    height:480px;
    background: url('../img/banner-camiones-2.png') no-repeat center;
    background-size: cover;
}

.it-banner-cliente-agripac{
    position: relative;
    display: inline-block;
    margin:20px;
    width:260px;
    height:200px;
    background:#ffffff url('../img/clientes/agripac.jpg') no-repeat center;
    background-size: 150px;
    border-bottom:5px solid #339088;
    border-radius:5px;
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
}
.it-banner-cliente-aigroup{
    position: relative;
    display: inline-block;
    margin:20px;
    width:260px;
    height:200px;
    background:#43c634 url('../img/clientes/aigroup.png') no-repeat center;
    background-size: 150px;
    border-bottom:5px solid #339088;
    border-radius:5px;
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
}
.it-banner-cliente-exprinter{
    position: relative;
    display: inline-block;
    margin:20px;
    width:260px;
    height:200px;
    background:#ffffff url('../img/clientes/exprinter.jpg') no-repeat center;
    background-size: 240px;
    border-bottom:5px solid #339088;
    border-radius:5px;
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
}
.it-banner-cliente-agricomseeds{
    position: relative;
    display: inline-block;
    margin:20px;
    width:260px;
    height:200px;
    background:#ffffff url('../img/clientes/agricomseeds.png') no-repeat center;
    background-size: 240px;
    border-bottom:5px solid #339088;
    border-radius:5px;
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
}
.it-banner-cliente-logra-sa{
    position: relative;
    display: inline-block;
    margin:20px;
    width:260px;
    height:200px;
    background:#000000 url('../img/clientes/logra-sa.png') no-repeat center;
    background-size: 240px;
    border-bottom:5px solid #339088;
    border-radius:5px;
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
}
.it-banner-cliente-mainter{
    position: relative;
    display: inline-block;
    margin:20px;
    width:260px;
    height:200px;
    background:#ffffff url('../img/clientes/mainter.png') no-repeat center;
    background-size: 240px;
    border-bottom:5px solid #339088;
    border-radius:5px;
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
}
.it-banner-cliente-saci{
    position: relative;
    display: inline-block;
    margin:20px;
    width:260px;
    height:200px;
    background:#ffffff url('../img/clientes/saci.png') no-repeat center;
    background-size: 150px;
    border-bottom:5px solid #339088;
    border-radius:5px;
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
}
.it-banner-cliente-innomat{
    position: relative;
    display: inline-block;
    margin:20px;
    width:260px;
    height:200px;
    background:#ffffff url('../img/clientes/innomat.png') no-repeat center;
    background-size: 150px;
    border-bottom:5px solid #339088;
    border-radius:5px;
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
}
.it-banner-cliente-tecnomyl{
    position: relative;
    display: inline-block;
    margin:20px;
    width:260px;
    height:200px;
    background:#ffffff url('../img/clientes/tecnomyl.png') no-repeat center;
    background-size: 240px;
    border-bottom:5px solid #339088;
    border-radius:5px;
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
}

.it-page-content-fourth{
    position: relative;
    background: #f7f7f7;
    padding-top:10px;
    margin-top:20px;
}

.it-contact-schedule{
    float:left;
    background:url('../img/icon/schedule.png') no-repeat;
    background-size: 32px;
    background-position: 0px 12px;
    padding-left:60px;
}
.it-contact-schedule-title{
    font-family:Lato;
    font-weight:bold;
    font-size:15px;
    line-height:30px;
    font-display:auto;
}
.it-contact-schedule-subtitle{
    font-family:Roboto;
    font-size:14px;
    line-height:20px;
    color:#777777;
    font-display:auto;
}

.it-contact-address{
    float:left;
    background:url('../img/icon/address.png') no-repeat;
    background-size: 32px;
    background-position: 0px 12px;
    padding-left:60px;
    padding-right:40px;
}
.it-contact-address-title{
    font-family:Lato;
    font-weight:bold;
    font-size:15px;
    line-height:30px;
    font-display:auto;
}
.it-contact-address-subtitle{
    font-family:Roboto;
    font-size:14px;
    line-height:20px;
    color:#777777;
    font-display:auto;
}

.it-contact-telephone{
    float:left;
    background:url('../img/icon/telephone.png') no-repeat;
    background-size: 32px;
    background-position: 0px 12px;
    padding-left:60px;
    padding-right:40px;
}
.it-contact-telephone-title{
    font-family:Lato;
    font-weight:bold;
    font-size:15px;
    line-height:30px;
    font-display:auto;
}
.it-contact-telephone-subtitle{
    font-family:Roboto;
    font-size:14px;
    line-height:20px;
    color:#777777;
    font-display:auto;
}

.it-ctn-map{
    position: relative;
    margin-top:70px;
    width:100%;
    height:350px;
    background: #ffffff;
}
.it-ctn-map iframe{
    border:0;
    margin:0;    
}

.it-carretera{
    position:absolute;
    top:-40px;
    right:0px;
    width:100%;
    height:70px;
    background: url('../img/carretera.png') no-repeat;
}

.it-control{
    position: relative;
    width:100%;
    min-height:50px;
    height:auto;
    margin-top:20px;
}
.it-control input{
    width:100%;
    height:50px;
    border:1px solid #e7e7e7;
    border-bottom:3px solid #e7e7e7;
    background: #ffffff;
    border-radius:5px;
    padding-left:20px;
    padding-right:20px;
    font-family:Roboto;
    font-size:15px;
    outline: none;
    font-display:auto;
}
.it-control input:focus{
    border:1px solid #339088;
    border-bottom:3px solid #339088;
}

.it-control textarea{
    width:100%;
    min-width: 100%;
    max-width: 100%;
    height:120px;
    min-height:120px;
    max-height:120px;
    border:1px solid #e7e7e7;
    border-bottom:3px solid #e7e7e7;
    background: #ffffff;
    border-radius:5px;
    padding:20px;
    font-family:Roboto;
    font-size:15px;
    outline: none;
    font-display:auto;
}
.it-control textarea:focus{
    border:1px solid #339088;
    border-bottom:3px solid #339088;
}

.it-btn-send{
    width:100%;
    height:47px;
    border-radius:5px;
    background: #d50e2f;
    font-family:Roboto;
    font-size:14px;
    line-height:47px;
    color:#ffffff;
    text-align: center;
    text-shadow:0 0 4px rgba(0,0,0,0.4);
    font-display:auto;
    cursor:pointer;
}
.it-btn-send:hover{
    background: #a6041f;
}

.it-ctn-footer{
    position: relative;
    width:100%;
    height:50px;
    background: #333333;
}
.it-copyright{
    float:left;
    padding:15px 10px 15px 0px;
    font-family:Roboto;
    font-size:15px;
    color:rgba(255,255,255,0.5);
    line-height:20px;
    font-display:auto;
}
.it-credit{
    float:right;
    padding:15px 10px 15px 0px;
    font-family:Roboto;
    font-size:15px;
    color:rgba(255,255,255,0.5);
    line-height:20px;
    font-display:auto;
}
.it-credit span{
    color:#ffffff;
}

.bg-all{
    position: fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background: url('../img/bg-modal.png');
    display:none;
    z-index:1000;
}

/** Responsive **/
@media (max-width: 1280px) { 
    .it-page-view{
        width:calc(100% - 20px);
    }
    
    .it-banner-camion{
        margin:0 auto;
        margin-top:50px;
        width:400px;
        height:320px;
        background: url('../img/camion.png') no-repeat center;
        background-size: cover;
    }
}

@media (max-width: 1100px) {
    .it-page-header-menu-item{
        font-size:12px;
        margin-right:10px;
    }
    .it-page-header-menu-item-sel{
        font-size:12px;
        margin-right:10px;
    }
    
    .it-businees-schedule{
        background:url('../img/icon/schedule.png') no-repeat;
        background-size: 24px;
        background-position: 0px 16px;
        padding-left:40px;
    }
    .it-businees-schedule-title{
        font-size:15px;
        line-height:25px;
        padding-top:5px;
    }
    .it-businees-schedule-subtitle{
        font-size:14px;
        line-height:15px;
    }

    .it-businees-address{
        background:url('../img/icon/address.png') no-repeat;
        background-size: 24px;
        background-position: 0px 16px;
        padding-left:40px;
        padding-right:40px;
    }
    .it-businees-address-title{
        font-size:15px;
        line-height:25px;
        padding-top:5px;
    }
    .it-businees-address-subtitle{
        font-size:14px;
        line-height:15px;
    }
    
    .it-businees-telephone{
        background:url('../img/icon/telephone.png') no-repeat;
        background-size: 24px;
        background-position: 0px 16px;
        padding-left:40px;
        padding-right:40px;
    }
    .it-businees-telephone-title{
        font-size:15px;
        line-height:25px;
        padding-top:5px;
    }
    .it-businees-telephone-subtitle{
        font-size:14px;
        line-height:15px;
    }
    
    .it-banner-flota-camiones-1{
        width:100%;
        height:320px;
        background: url('../img/banner-camiones-1.png') no-repeat center;
        background-size: cover;
    }
    .it-banner-flota-camiones-2{
        width:100%;
        height:320px;
        background: url('../img/banner-camiones-2.png') no-repeat center;
        background-size: cover;
    }
}

@media (max-width: 900px) {
    .it-banner-main-over .x-2{
        width:100%;
    }
    
    .group-right{
        margin-top:5px !important;
        width:400px;
    }
    .it-businees-address{
        float: right;
    }
    
    .it-page-header-menu-item{
        display:none;
    }
    .it-page-header-menu-item-sel{
        display:none;
    }
    
    .it-btn-call{
        float:left;
    }
    .it-btn-menu{
        display:block;
    }
    
    .it-banner-flota-camiones-1{
        width:100%;
        height:320px;
        background: url('../img/banner-camiones-1.png') no-repeat center;
        background-size: cover;
    }
    .it-banner-flota-camiones-2{
        width:100%;
        height:320px;
        background: url('../img/banner-camiones-2.png') no-repeat center;
        background-size: cover;
    }
    
    .it-banner-trabajo-1{
        margin:20px;
        width:220px;
        height:140px;
        background: url('../img/trabajos/trabajo-1.jpg') no-repeat center;
        background-size: cover;
    }
    .it-banner-trabajo-2{
        margin:20px;
        width:220px;
        height:140px;
        background: url('../img/trabajos/trabajo-2.jpg') no-repeat center;
        background-size: cover;
    }
    .it-banner-trabajo-3{
        margin:20px;
        width:220px;
        height:140px;
        background: url('../img/trabajos/trabajo-3.jpg') no-repeat center;
        background-size: cover;
    }
    .it-banner-trabajo-4{
        margin:20px;
        width:220px;
        height:140px;
        background: url('../img/trabajos/trabajo-4.jpg') no-repeat center;
        background-size: cover;
    }
    .it-banner-trabajo-5{
        margin:20px;
        width:220px;
        height:140px;
        background: url('../img/trabajos/trabajo-5.jpg') no-repeat center;
        background-size: cover;
    }
    .it-banner-trabajo-6{
        margin:20px;
        width:220px;
        height:140px;
        background: url('../img/trabajos/trabajo-6.jpg') no-repeat center;
        background-size: cover;
    }
    .it-banner-trabajo-7{
        margin:20px;
        width:220px;
        height:140px;
        background: url('../img/trabajos/trabajo-7.jpg') no-repeat center;
        background-size: cover;
    }
    .it-banner-trabajo-8{
        margin:20px;
        width:220px;
        height:140px;
        background: url('../img/trabajos/trabajo-8.jpg') no-repeat center;
        background-size: cover;
    }
    
    .it-banner-cliente-agripac{
        margin:20px;
        width:220px;
        height:120px;
        background:#ffffff url('../img/clientes/agripac.jpg') no-repeat center;
        background-size: 120px;
    }
    .it-banner-cliente-aigroup{
        margin:20px;
        width:220px;
        height:120px;
        background:#43c634 url('../img/clientes/aigroup.png') no-repeat center;
        background-size: 100px;
    }
    .it-banner-cliente-exprinter{
        margin:20px;
        width:220px;
        height:120px;
        background:#ffffff url('../img/clientes/exprinter.jpg') no-repeat center;
        background-size: 190px;
    }
    .it-banner-cliente-agricomseeds{
        margin:20px;
        width:220px;
        height:120px;
        background:#ffffff url('../img/clientes/agricomseeds.png') no-repeat center;
        background-size: 190px;
    }
    .it-banner-cliente-logra-sa{
        margin:20px;
        width:220px;
        height:120px;
        background:#000000 url('../img/clientes/logra-sa.png') no-repeat center;
        background-size: 190px;
    }
    .it-banner-cliente-mainter{
        margin:20px;
        width:220px;
        height:120px;
        background:#ffffff url('../img/clientes/mainter.png') no-repeat center;
        background-size: 190px;
    }
    .it-banner-cliente-saci{
        margin:20px;
        width:220px;
        height:120px;
        background:#ffffff url('../img/clientes/saci.png') no-repeat center;
        background-size: 120px;
    }
    .it-banner-cliente-innomat{
        margin:20px;
        width:220px;
        height:120px;
        background:#ffffff url('../img/clientes/innomat.png') no-repeat center;
        background-size: 120px;
    }
    .it-banner-cliente-tecnomyl{
        margin:20px;
        width:220px;
        height:120px;
        background:#ffffff url('../img/clientes/tecnomyl.png') no-repeat center;
        background-size: 190px;
    }
}

@media (max-width: 800px) {
    .x-2{
        width:100%;
    }
    .x-3{
        width:100%;
        padding-bottom:0px !important;
    }
    .x-4{
        width:50%;
    }
        
    .it-banner-flota-camiones-1{
        width:100%;
        height:240px;
        background: url('../img/banner-camiones-1.png') no-repeat center;
        background-size: cover;
    }
    .it-banner-flota-camiones-2{
        width:100%;
        height:240px;
        background: url('../img/banner-camiones-2.png') no-repeat center;
        background-size: cover;
    }
    
    .gallery-cell {
        width: 100%;
    }
    
    .gallery-cell img {
        width: calc(100% - 40px);
    }
}

@media (max-width: 600px) {
    .group-right{
        display:none;
    }
    .logo-business{
        position: absolute;
        left: calc(50% - 60px);
        width:120px;
        height:100px;
        background:url('../img/fnm.png') no-repeat center;
        background-size: 120px;
    }
    
    .it-banner-camion{
        margin:0 auto;
        margin-top:0px;
        width:300px;
        height:240px;
        background: url('../img/camion.png') no-repeat center;
        background-size: cover;
    }
    
    .it-banner-flota-camiones-1{
        width:100%;
        height:180px;
        background: url('../img/banner-camiones-1.png') no-repeat center;
        background-size: cover;
    }
    .it-banner-flota-camiones-2{
        width:100%;
        height:180px;
        background: url('../img/banner-camiones-2.png') no-repeat center;
        background-size: cover;
    }
    
    .it-banner-trabajo-1{
        margin:20px;
        width:180px;
        height:120px;
        background: url('../img/trabajos/trabajo-1.jpg') no-repeat center;
        background-size: cover;
    }
    .it-banner-trabajo-2{
        margin:20px;
        width:180px;
        height:120px;
        background: url('../img/trabajos/trabajo-2.jpg') no-repeat center;
        background-size: cover;
    }
    .it-banner-trabajo-3{
        margin:20px;
        width:180px;
        height:120px;
        background: url('../img/trabajos/trabajo-3.jpg') no-repeat center;
        background-size: cover;
    }
    .it-banner-trabajo-4{
        margin:20px;
        width:180px;
        height:120px;
        background: url('../img/trabajos/trabajo-4.jpg') no-repeat center;
        background-size: cover;
    }
    .it-banner-trabajo-5{
        margin:20px;
        width:180px;
        height:120px;
        background: url('../img/trabajos/trabajo-5.jpg') no-repeat center;
        background-size: cover;
    }
    .it-banner-trabajo-6{
        margin:20px;
        width:180px;
        height:120px;
        background: url('../img/trabajos/trabajo-6.jpg') no-repeat center;
        background-size: cover;
    }
    .it-banner-trabajo-7{
        margin:20px;
        width:180px;
        height:120px;
        background: url('../img/trabajos/trabajo-7.jpg') no-repeat center;
        background-size: cover;
    }
    .it-banner-trabajo-8{
        margin:20px;
        width:180px;
        height:120px;
        background: url('../img/trabajos/trabajo-8.jpg') no-repeat center;
        background-size: cover;
    }
    
    .it-banner-cliente-agripac{
        margin:20px;
        width:180px;
        height:120px;
        background:#ffffff url('../img/clientes/agripac.jpg') no-repeat center;
        background-size: 120px;
    }
    .it-banner-cliente-aigroup{
        margin:20px;
        width:180px;
        height:120px;
        background:#43c634 url('../img/clientes/aigroup.png') no-repeat center;
        background-size: 100px;
    }
    .it-banner-cliente-exprinter{
        margin:20px;
        width:180px;
        height:120px;
        background:#ffffff url('../img/clientes/exprinter.jpg') no-repeat center;
        background-size: 170px;
    }
    .it-banner-cliente-agricomseeds{
        margin:20px;
        width:180px;
        height:120px;
        background:#ffffff url('../img/clientes/agricomseeds.png') no-repeat center;
        background-size: 170px;
    }
    .it-banner-cliente-logra-sa{
        margin:20px;
        width:180px;
        height:120px;
        background:#000000 url('../img/clientes/logra-sa.png') no-repeat center;
        background-size: 170px;
    }
    .it-banner-cliente-mainter{
        margin:20px;
        width:180px;
        height:120px;
        background:#ffffff url('../img/clientes/mainter.png') no-repeat center;
        background-size: 170px;
    }
    .it-banner-cliente-saci{
        margin:20px;
        width:180px;
        height:120px;
        background:#ffffff url('../img/clientes/saci.png') no-repeat center;
        background-size: 120px;
    }
    .it-banner-cliente-innomat{
        margin:20px;
        width:180px;
        height:120px;
        background:#ffffff url('../img/clientes/innomat.png') no-repeat center;
        background-size: 120px;
    }
    .it-banner-cliente-tecnomyl{
        margin:20px;
        width:180px;
        height:120px;
        background:#ffffff url('../img/clientes/tecnomyl.png') no-repeat center;
        background-size: 170px;
    }
    
    .it-ctn-footer{
        height:80px;
    }
    .it-copyright{
        float:left;
        width:100%;
        padding:15px 10px 5px 0px;
        text-align: center;
    }
    .it-credit{
        float:left;
        width:100%;
        padding:5px 10px 15px 0px;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .it-banner-empresa{
        width:100%;
        height:320px;
        background: url('../img/banner/banner-empresa.png') no-repeat center;
        background-size: cover;
    }
    
    .it-banner-trabajo-1{
        margin:10px;
        width:150px;
        height:100px;
        background: url('../img/trabajos/trabajo-1.jpg') no-repeat center;
        background-size: cover;
    }
    .it-banner-trabajo-2{
        margin:10px;
        width:150px;
        height:100px;
        background: url('../img/trabajos/trabajo-2.jpg') no-repeat center;
        background-size: cover;
    }
    .it-banner-trabajo-3{
        margin:10px;
        width:150px;
        height:100px;
        background: url('../img/trabajos/trabajo-3.jpg') no-repeat center;
        background-size: cover;
    }
    .it-banner-trabajo-4{
        margin:10px;
        width:150px;
        height:100px;
        background: url('../img/trabajos/trabajo-4.jpg') no-repeat center;
        background-size: cover;
    }
    .it-banner-trabajo-5{
        margin:10px;
        width:150px;
        height:100px;
        background: url('../img/trabajos/trabajo-5.jpg') no-repeat center;
        background-size: cover;
    }
    .it-banner-trabajo-6{
        margin:10px;
        width:150px;
        height:100px;
        background: url('../img/trabajos/trabajo-6.jpg') no-repeat center;
        background-size: cover;
    }
    .it-banner-trabajo-7{
        margin:10px;
        width:150px;
        height:100px;
        background: url('../img/trabajos/trabajo-7.jpg') no-repeat center;
        background-size: cover;
    }
    .it-banner-trabajo-8{
        margin:10px;
        width:150px;
        height:100px;
        background: url('../img/trabajos/trabajo-8.jpg') no-repeat center;
        background-size: cover;
    }
    
    .it-banner-cliente-agripac{
        margin:10px;
        width:150px;
        height:100px;
        background:#ffffff url('../img/clientes/agripac.jpg') no-repeat center;
        background-size: 100px;
    }
    .it-banner-cliente-aigroup{
        margin:10px;
        width:150px;
        height:100px;
        background:#43c634 url('../img/clientes/aigroup.png') no-repeat center;
        background-size: 80px;
    }
    .it-banner-cliente-exprinter{
        margin:10px;
        width:150px;
        height:100px;
        background:#ffffff url('../img/clientes/exprinter.jpg') no-repeat center;
        background-size: 140px;
    }
    .it-banner-cliente-agricomseeds{
        margin:10px;
        width:150px;
        height:100px;
        background:#ffffff url('../img/clientes/agricomseeds.png') no-repeat center;
        background-size: 140px;
    }
    .it-banner-cliente-logra-sa{
        margin:10px;
        width:150px;
        height:100px;
        background:#000000 url('../img/clientes/logra-sa.png') no-repeat center;
        background-size: 140px;
    }
    .it-banner-cliente-mainter{
        margin:10px;
        width:150px;
        height:100px;
        background:#ffffff url('../img/clientes/mainter.png') no-repeat center;
        background-size: 140px;
    }
    .it-banner-cliente-saci{
        margin:10px;
        width:150px;
        height:100px;
        background:#ffffff url('../img/clientes/saci.png') no-repeat center;
        background-size: 100px;
    }
    .it-banner-cliente-innomat{
        margin:10px;
        width:150px;
        height:100px;
        background:#ffffff url('../img/clientes/innomat.png') no-repeat center;
        background-size: 100px;
    }
    .it-banner-cliente-tecnomyl{
        margin:10px;
        width:150px;
        height:100px;
        background:#ffffff url('../img/clientes/tecnomyl.png') no-repeat center;
        background-size: 140px;
    }
}