/**------------mediaquerys-------------**/

/*----------- HOME ----------------*/
@media screen and (max-width: 1300px){
    
}
@media screen and (max-width: 1250px){
    
}
@media screen and (max-width: 1200px){
    .btn-vehiculos{
        
        margin-top: 13%;
        
    }
    .container-content-image {

        margin-top: 13%;

    }
}
@media screen and (max-width: 1150px){
    
}
@media screen and (max-width: 1100px){
    .card-body{
        
        padding: 2% 0 2% 2%;
        
    }
    .table td, .table th{
        
        padding: 2%; 
        
    }
    .container-observaciones{
        
        padding: 1% 2% 2% 2%;
        
    }
}
@media screen and (max-width: 1050px){
    .text-footer{
        
        font-size: 0.95rem;
        
    }
    .tlf-footer p{
        
        font-size: 1.1rem;
        
    }
    .tlf-footer img{
        
        width: 10%;
        
    }
}
@media screen and (max-width: 1000px){
    .main_nav .navbar-nav a.nav-link{
        
        font-size: 0.9rem;
        padding-bottom: 20px;
        
    }
    .main_nav .navbar-nav a.nav-link.item.active {

        border-bottom: 5px solid #d60000;
        padding-bottom: 15px;

    }
    .contenedor-telefono-banner p, .contenedor-email-banner p{
        
        font-size: 0.95rem;
        
    }
    h1.title{
        
        font-size: 2.2rem;
        
    }
    .observaciones{
        
        padding: 2% 0 3% 0;
        
    }
    .observaciones p{
        
        font-size: 0.95rem;
        
    }
    .background-blue h5{
        
        font-size: 1.15rem;
        
    }
    .background-blue-light p{
        
        font-size: 0.95rem;
        
    }
    .input_container label{
        
        font-size: 0.95rem;
        
    }
    .boton .btn_enviar{
        
        font-size: 0.95rem;
        
    }
    .ir-politicas a{
        
        font-size: 0.95rem;
        
    }
    .red-container a{
        
        font-size: 0.95rem;
        
    }
    .text p{
        
        font-size: 0.95rem;
        
    }
    .icon-number-container, .icon-email-container{
        
        font-size: 0.95rem;
        
    }
    .image-address-container img{
        
        width: 55%;
        
    }
    .icon-number-container img, .icon-email-container img{
        
        width: 8%;
        
    }
    .form-control{
        
        font-size: 0.95rem;
        
    }
    a.saber{
        
        font-size: 0.95rem;
        
    }
}
@media screen and (max-width: 950px){
    .contenedor-btn span{
        
        font-size: 0.9rem;
        
    }
    span.red, span.black{
        
        font-size: 0.9rem;
        
    }
    .card-body h5{
        
        font-size: 1.15rem;
        
    }
    .card-body p{
        
        font-size: 1.1rem;
        
    }
}
@media screen and (max-width: 900px){
    .tlf-footer p{
        
        font-size: 1rem;
        
    }
}
@media screen and (max-width: 850px){
    .contenedor-btn span{
        
        font-size: 0.85rem;
        
    }
    span.red, span.black{
        
        font-size: 0.85rem;
        
    }
    .card-body h5{
        
        font-size: 1.05rem;
        
    }
    .card-body p{
        
        font-size: 1rem;
        
    }
    .tlf-footer p{
        
        font-size: 0.95rem;
        
    }
    .tlf-footer img{
        
        width: 10.5%;
        
    }
    .text-footer{
        
        font-size: 0.9rem;
        
    }
    .observaciones p{
        
        font-size: 0.9rem;
        
    }
    .background-blue h5{
        
        font-size: 1.05rem;
        
    }
    .background-blue-light p{
        
        font-size: 0.9rem;
        
    }
    .input_container label{
        
        font-size: 0.9rem;
        
    }
    .boton .btn_enviar{
        
        font-size: 0.9rem;
        
    }
    .ir-politicas a{
        
        font-size: 0.9rem;
        
    }
    .red-container a{
        
        font-size: 0.9rem;
        
    }
    .observaciones span{
        
        font-size: 1.05rem;
        
    }
    .input_container input{
    
        height: 40px;
        max-height: 55px;
        
    }
    .input_container textarea{
        
        height: 40px;
        max-height: 55px;
        
    }
    .icon-number-container, .icon-email-container{
        
        font-size: 0.95rem;
        
    }
    .image-address-container img{
        
        width: 60%;
        
    }
    .icon-number-container img, .icon-email-container img{
        
        width: 9%;
        
    }
    .form-control{
        
        font-size: 0.95rem;
        
    }
}
@media screen and (max-width: 800px){
    .contenedor-btn span{
        
        font-size: 0.8rem;
        
    }
    h1.title{
        
        font-size: 2.05rem;
        
    }
}
@media screen and (max-width: 767px){
    
    .container-content{
        
        display: flex;
        flex-flow: wrap;
        
    }
    .container-vehiculos{
        
        padding: 0 1% 2% 1%;
        
    }
    .card-body .right{
        
        left: 15px;
        
    }
    .btn-vehiculos{
        
        margin-top: 5%;
        
    }
    .container-content-image {

        margin-top: 5%;

    }
    .contenedor-btn span{
        
        font-size: 0.9rem;
        
    }
    .info-footer{
        
        justify-content: center;
        flex-flow: column;
        
    }
    .tlf-footer{
        
        justify-content: center;
        padding-top: 2%;
        
    }
    .tlf-footer img{
        
        width: 5%;
        
    }
    #carousel-multi-item{
        
        max-height: 75.36px;
        
    }
    .container-observaciones{
        
        padding-top: 0;
        
    }
    .image-address-container img{
        
        width: 50%;
        
    }
    .icon-number-container img, .icon-email-container img{
        
        width: 6%;
        
    }
}
@media screen and (max-width: 700px){
    ul.navbar-nav li {

        padding-left: 10px;
        padding-right: 10px;

    }
    .contenedor-telefono-banner p, .contenedor-email-banner p{
        
        font-size: 0.9rem;
        
    }
    .container-vehiculos {

        padding: 0 1% 4% 1%;

    }
    .image-address-container img{
        
        width: 55%;
        
    }
    .icon-number-container img, .icon-email-container img{
        
        width: 7%;
        
    }
}
@media screen and (max-width: 650px){
    .contenedor-telefono-banner p, .contenedor-email-banner p{
        
        font-size: 0.85rem;
        
    }
    h1.title {

        font-size: 1.9rem;

    }
    .observaciones p{
        
        font-size: 0.85rem;
        
    }
    .background-blue h5{
        
        font-size: 1rem;
        
    }
    .background-blue-light p{
        
        font-size: 0.85rem;
        
    }
    .input_container label{
        
        font-size: 0.85rem;
        
    }
    .boton .btn_enviar{
        
        font-size: 0.85rem;
        
    }
    .ir-politicas a{
        
        font-size: 0.85rem;
        
    }
    .red-container a{
        
        font-size: 0.85rem;
        
    }
    .observaciones span{
        
        font-size: 1rem;
        
    }
    .text p{
        
        font-size: 0.9rem;
        
    }
    a.saber{
        
        font-size: 0.9rem;
        
    }
    .icon-number-container, .icon-email-container{
        
        font-size: 0.9rem;
        
    }
    .image-address-container img{
        
        width: 55%;
        
    }
    .icon-number-container img, .icon-email-container img{
        
        width: 8%;
        
    }
    .form-control{
        
        font-size: 0.9rem;
        
    }
}
@media screen and (max-width: 600px){
    .contenedor-telefono-banner p, .contenedor-email-banner p{
        
        font-size: 0.8rem;
        
    }
}
@media screen and (max-width: 575px){
    nav.navbar.main_nav{
        
        padding: 2%;
        
    }
    ul.navbar-nav{
        
        align-items: flex-end;
        
    }
    .main_nav .navbar-nav a.nav-link.item{
        
        padding: 2% 0 1% 0;
        
    }
    .main_nav .navbar-nav a.nav-link.item.active{
        
        border: 0;
        padding: 2% 0 6% 0;
        
    }
    .navbar-toggler{
        
        font-size: 1rem;
        padding: 0.3rem 0.5rem;
        
    }
    /*.contenedor-telefono-banner img, .contenedor-email-banner img{
        
        display: none;
        
    }*/
    .contenedor-telefono-banner, .contenedor-email-banner{
        
        padding: 0.5% 0 0.5% 55%;
        
    }
    .page-link{
        
        font-size: 0.8rem !important;
        
    }
    .tlf-footer p{
        
        font-size: 0.95rem;
        
    }
    .text-footer{
        
        font-size: 0.85rem;
        
    }
    .tlf-footer img{
        
        width: 6%;
        
    }
    h1.title {

        font-size: 1.75rem;

    }
    #carousel-multi-item{
        
        max-height: 108.8px;
        
    }
    .container-input{
        
        flex-flow: column;
        align-items: center;
        
    }
    .image-address-container img{
        
        width: 60%;
        
    }
    .icon-number-container img, .icon-email-container img{
        
        width: 8%;
        
    }
}
@media screen and (max-width: 525px){
    .contenedor-telefono-banner, .contenedor-email-banner{
        
        padding: 0.5% 0 0.5% 55%;
        
    }
    #carousel-multi-item{
        
        max-height: 99.3px;
        
    }
    .icon-number-container img, .icon-email-container img{
        
        width: 9%;
        
    }
}
@media screen and (max-width: 500px){
    .contenedor-telefono-banner, .contenedor-email-banner{
        
        padding: 0.5% 0 0.5% 52%;
        
    }
    
}
@media screen and (max-width: 475px){
    .main_nav .navbar-nav a.nav-link{
        
        font-size: 0.8rem;
        
    }
    .main_nav .navbar-nav a.nav-link.item{
        
        padding: 4% 0 2% 0;
        
    }
    .main_nav .navbar-nav a.nav-link.item.active {

        border: 0;
        padding: 4% 0 10% 0;
        
    }
    ul.navbar-nav{
        
        padding-top: 2.5%;
        
    }
    nav.navbar.main_nav{
        
        padding: 2% 5% 2% 2%;
        
    }
    ul.navbar-nav li{
        
        padding-right: 0;
        
    }
    .contenedor-telefono-banner, .contenedor-email-banner {

        padding: 0.5% 0 0.5% 52%;

    }
    .contenedor-telefono-banner p, .contenedor-email-banner p {

        font-size: 0.7rem;

    }
    h1.title {

        font-size: 1.65rem;

    }
    #carousel-multi-item{
        
        max-height: 89.8px;
        
    }
    .text p{
        
        font-size: 0.85rem;
        
    }
    a.saber{
        
        font-size: 0.85rem;
        
    }
    .icon-number-container, .icon-email-container{
        
        font-size: 0.85rem;
        
    }
    .image-address-container img{
        
        width: 65%;
        
    }
    .icon-number-container img, .icon-email-container img{
        
        width: 9%;
        
    }
    .form-control{
        
        font-size: 0.85rem;
        
    }
}
@media screen and (max-width: 425px){
    
    .contenedor-telefono-banner img, .contenedor-email-banner img {

        display: none;

    }
    .contenedor-telefono-banner, .contenedor-email-banner {

        padding: 0.5% 0 0.5% 53%;

    }
    .banner-info-contacto{
        
        padding-right: 1%;
        
    }
    span.red, span.black{
        
        font-size: 0.8rem;
        
    }
    .table td, .table th{
        
        padding: 1%;
        
    }
    .tlf-footer p{
        
        font-size: 0.95rem;
        
    }
    .text-footer{
        
        font-size: 0.85rem;
        
    }
    .tlf-footer img{
        
        width: 8%;
        
    }
    #carousel-multi-item{
        
        max-height: 80.3px;
        
    }
    .observaciones p{
        
        font-size: 0.8rem;
        
    }
    .background-blue h5{
        
        font-size: 0.95rem;
        
    }
    .background-blue-light p{
        
        font-size: 0.8rem;
        
    }
    .input_container label{
        
        font-size: 0.8rem;
        
    }
    .boton .btn_enviar{
        
        font-size: 0.8rem;
        
    }
    .ir-politicas a{
        
        font-size: 0.8rem;
        
    }
    .red-container a{
        
        font-size: 0.8rem;
        
    }
    .observaciones span{
        
        font-size: 0.95rem;
        
    }
    .image-address-container img{
        
        width: 75%;
        
    }
    .icon-number-container img, .icon-email-container img{
        
        width: 11%;
        
    }
    
}
@media screen and (max-width: 375px){
    .card-body p{
        
        font-size: 0.9rem;
        
    }
    .card-body h5{
        
        font-size: 0.95rem;
        
    }
    .card-body .right{
        
        left: 10px;
        
    }
    .contenedor-btn span {

        font-size: 0.8rem;

    }
    .main_nav .navbar-nav a.nav-link{
        
        font-size: 0.75rem;
        
    }
    .navbar-toggler {

        font-size: 0.9rem;
        padding: 0.2rem 0.4rem;

    }
    .page-link {

        font-size: 0.75rem !important;

    }
    h1.title {

        font-size: 1.35rem;

    }
    #carousel-multi-item{
        
        max-height: 70.81px;
        
    }
    .icon-number-container, .icon-email-container{
        
        font-size: 0.8rem;
        
    }
    .image-address-container img{
        
        width: 80%;
        
    }
    .icon-number-container img, .icon-email-container img{
        
        width: 12%;
        
    }
    .form-control{
        
        font-size: 0.8rem;
        
    }
    .container{
        
        padding: 0 4% 0 4%;
        
    }
    .text-address-container{
        
        padding-right: 0;
        
    }
    a.saber{
        
        font-size: 0.8rem;
        
    }
    .alert-container{
        
        width: 100%;
        padding-bottom: 2%;
        
    }
    .cookiealert .acceptcookies{
        
        margin-left: 0;
        
    }
    
}
@media screen and (max-width: 350px){
    span.red, span.black{
        
        font-size: 0.75rem;
        
    }
    .contenedor-telefono-banner, .contenedor-email-banner{
        
        padding: 0.5% 0 0.5% 52%;
        
    }
    .contenedor-telefono-banner p, .contenedor-email-banner p {

        font-size: 0.65rem;

    }
    .text-address-container{
        
        padding-left: 0;
        
    }
    .icon-number-container, .icon-email-container{
        
        font-size: 0.75rem;
        
    }
    
}
@media screen and (max-width: 325px){
    span.red, span.black{
        
        font-size: 0.7rem;
        
    }
    .contenedor-telefono-banner p, .contenedor-email-banner p {

        font-size: 0.6rem;

    }
    .tlf-footer p{
        
        font-size: 0.87rem;
        
    }
    .text-footer{
        
        font-size: 0.8rem;
        
    }
    .tlf-footer img{
        
        width: 10%;
        
    }
    #carousel-multi-item{
        
        max-height: 61.3px;
        
    }
    
}