/*---------------------
  Font Import
-----------------------*/
@font-face {
    font-family: ProximaNovaA-Bold;
    src: url(../fonts/Fuentes/ProximaNovaA-Bold.ttf);
}

@font-face {
    font-family: ProximaNovaA-Light;
    src: url(../fonts/Fuentes/ProximaNovaA-Light.ttf);
}

@font-face {
    font-family: ProximaNovaA-Black;
    src: url(../fonts/Fuentes/ProximaNovaA-Black.ttf);
}

@font-face {
    font-family: BebasNeueBold;
    src: url(../fonts/Fuentes/BebasNeueBold.otf);
}

#quro_lite_mobile{
    display: none;
}

#quro_jammer_mobile{
    display: none;
}
#cloud_mobile{
    display: none;
}

.our_products_mobile{
    display: none;
}

#quro_drivers_mobile{
    display: none;
}
.mobile_home__social{
    display: none;
}
.transparent-quro{
    background: transparent;
}

.font-ProximaNovaA-light{
	font-family: ProximaNovaA-Light,"Poppins", sans-serif;
}

.font-ProximaNovaA-Bold{
	font-family: ProximaNovaA-Bold,"Poppins", sans-serif;
}

.spad-about-text-quro{
    padding-top: 65px;
    padding-bottom: 65px;
}

.margin-bottom-quro{
    margin-bottom: 40px;
}

.padding-drivers{
    padding: 0px !important;
}

.line-margin{
    margin-bottom: 5%;
}

.quro-bottom-title{
    margin-bottom: 4%;
}

.quro-pro-title-bottom{
    margin-bottom: 2%;
}

.quro-pro-redtitle-bottom{
    margin-bottom: 2%;
}

.quro-pro-subtitle-bottom{
    margin-bottom: 5%;
}

.quro-pro-subtitle-bottom{
    margin-bottom: 5%;
}

.title-bottom-card{
    margin-bottom: 7%;
}

.title-bottom-card-camaras{
    margin-bottom: 5%;
}

.sensorizacion-card-top{
    margin-top: 6%;
}

.sensorizacion-card-bottom{
    margin-bottom: 2%;
}

.footer-bottom{
    padding-bottom: 3%;
}

.spad-top-jammer{
    margin-top: 6%;
}

.spad-bottom-jammer{
    margin-bottom: 6%;
}

/*---------------------
  Buttons
-----------------------*/

.btn-contact{
    border-radius: 25px;
    background-color: #ea0000;
    color: #fff;
    font-family: ProximaNovaA-Bold;
    font-size: 18px;
    padding: 14px 35px 14px 35px;
    width: 275px;
    border: 0px;
}

.btn-contact:hover{
    background-color: #ea0000;
    border: 0px;
}

.btn-demo{
    display: flex;
    align-items: center;
    border-radius: 25px;
    background-color: #ea0000;
    color: #fff;
    font-family: ProximaNovaA-Bold;
    font-size: 18px !important;
    padding: 14px 28px 14px 28px;
    width: 300px;
    border: 0px;
}

.btn-demo:hover{
    background-color: #ea0000;
    border: 0px;
}

/*---------------------
  Espacion
-----------------------*/
.esp-left-right{
    padding-left: 9.2%;
    padding-right: 9.2%;
}

.margenes{
    padding-left: 6.4%;
    padding-right: 6.4%;
}

.quro-drive-left{
    padding-left: 6.4%;
}

.quro-drive-right{
    padding-right: 6.4%;
}

.drive-margins{
    width: 98%;
    padding-bottom: 90px;
    margin-left: 3%;
}

.cloud-margin{
    padding-left: 18%;
}

/*---------------------
  Slider content
-----------------------*/
.slider-content{
    overflow-x: auto;
    display: -webkit-inline-box;
    width: 100% !important;
    height: 100%;
}
.slider-content::-webkit-scrollbar{
    display: none;
}

.container-slider-one{
    background-image: url('../img/quro/Banner/fondo1.png');
    display: flex;
    width: 100%;
    height: 90%;
    background-repeat: no-repeat;
    background-size: cover;
}

.container-slider-one img{
    width: 90%;
    height: -webkit-fill-available;

}

.container-slider-two{
    background-image: url('../img/quro/Banner/fondo2.png');
    display: flex;
    width: 100%;
    height: 90%;
    background-repeat: no-repeat;
    background-size: cover;
}

.container-slider-two img{
    width: 90%;
    height: -webkit-fill-available;

}

.container-slider-three{
    background-image: url('../img/quro/Banner/fondo3.png');
    display: flex;
    width: 100%;
    height: 90%;
    background-repeat: no-repeat;
    background-size: cover;
}

.container-slider-three img{
    width: 90%;
    height: -webkit-fill-available;

}

.content-slider{
    width: 60%;
}

.description-slider{
    width: 40%;
}

.title-slider{
    display: flex;
    justify-content: flex-start;
    align-items: self-end;
    font-family: ProximaNovaA-Bold;
    color: #fff;
    width: 100%;
    height: 50%;
    font-size: 70px;
    text-align: left;
    padding-top: 50px;
    line-height: 70px;
}

.button-slider{
    width: 100%;
    height: 5%;
    color: #fff;
    font-family: BebasNeueBold;
    font-size: 17px;
    letter-spacing: 1px;
    margin-top: 20px;
}

.control-slider{
    display: flex;
    width: 100%;
    height: 35%;
    align-items: center;
}

.icon-about{
    cursor: pointer;
    width: 15% !important;
    height: 100% !important;
    margin-left: 30px;
}

.controls-slider{
    width: 50%;
}

.controls-number{
    display: flex;
    width: 50%;
    letter-spacing: 10px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.back-icon{
    width: 50px !important;
    height: 50px !important;
    margin-right: 6px;
}

.next-icon{
    width: 50px !important;
    height: 50px !important;
    margin-left: 6px;
}

.number-one, .number-two, .number-three{
    width: 30px !important;
    height: 30px !important;
    color: #565e67;
    font-family: ProximaNovaA-Light;
    font-size: 18px;
    align-items: center;
    /* border-radius: 20px; */
    /* border: 1px solid #565e67; */
    margin-left: 5px;
    margin-right: 5px;
    cursor: pointer;
    letter-spacing: 2px;
}

.number-one-red, .number-two-red, .number-three-red{
    width: 30px !important;
    height: 30px !important;
    color: #fff;
    font-family: ProximaNovaA-Light;
    font-size: 18px;
    align-items: center;
    margin-left: 5px;
    margin-right: 5px;
    cursor: pointer;
    letter-spacing: 2px;
}

.number-one:hover, .number-two:hover, .number-three:hover{
    font-family: ProximaNovaA-Bold !important;
    color: #fff !important;
}

.number-active{
    font-family: ProximaNovaA-Bold !important;
    color: #fff !important;
    /* border: 1px solid #fff !important; */
}

.container-about{
    background-color: #fff !important;
    box-shadow: 0px 0px 10px #e9ecef;
}

/*---------------------
  About
-----------------------*/
.containerprin-about{
    width: 100%;
    max-width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: 0;
    margin-left: 0;
}
.text-about{
    font-size: 17px;
    font-family: ProximaNovaA-Light;
    color: #212121;
    margin-bottom: 40px;
    text-align: justify;
}

.text-about-bold{
    font-size: 22px !important;
    font-family: ProximaNovaA-Bold;
    color: #212121;
    margin-bottom: 40px;
    text-align: justify;
}

/*---------------------
  Our products
-----------------------*/

.our-products{
    background-color: #f0f2f6;
}

.text-our-products{
    font-size: 35px !important;
    font-family: ProximaNovaA-Light !important;
}

.text-our-products-bold{
    font-size: 22px !important;
    font-family: ProximaNovaA-Bold !important;
}

.our-products-space {
    padding-bottom: 80px;
    /* margin-left: 3%; */
}
.our-products .row{
    padding-left: 15%;
    padding-right: 15%;
}

.image-quro-lite {
    width: 90%;
    height: 90%;
    object-fit: contain;
    max-width: none;
}

.image-quro-driver{
    width: 93%;
    height: 93%;
    object-fit: contain;
}

.driver-padding{
    padding-left: 0;
    padding-right: 0;
}

.quro-lite h5{
    font-size: 21px;
}

.quro-lite p{
    font-size: 14px;
}

.text-quro-lite{
    text-align: center;
    font-size: 22px;
    font-family: ProximaNovaA-Light !important;

}

.linea-beneficios{
    margin-top: 4%;
    margin-bottom: 6%;
    object-fit: cover;
    max-width: none;
    width: 100%;
    /* margin-left: 5%; */
}

.quro-top{
    margin-top: 90px;
}

.margin-top-quro{
    padding-top: 0px;
}

.sensorizacion-bottom{
    padding-bottom: 2%;
}

.quro-top-linea{
    margin-top: 50px;
}
.our-products-container{
    display: flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    padding-left: 12%;
    padding-right: 12%;
}

.our-products-container-images{
    display: flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.our-products-images-container{
    width: 15%;
    margin-left: 2.5%;
    margin-right: 2.5%;
    /* height: ; */
}

.our-products-images-container img{
    width: 85%;
}

/*---------------------
  Quro lite
-----------------------*/

.text-quro-lite-title{
    font-size: 35px !important;
    font-family: ProximaNovaA-Light !important;
}

.text-quro-lite-bold{
    font-size: 22px !important;
    font-family: ProximaNovaA-Bold !important;
    color: #212121 !important;
    text-align: justify;
}

.text-quro-lite-des{
    font-size: 17px !important;
    font-family: ProximaNovaA-Light !important;
    color: #212121 !important;
    text-align: justify;
}

/*---------------------
  Quro timeline
-----------------------*/
.quro-timeline{
    width:100%;
	height: 20px;
	list-style: none;
	text-align: justify;
	margin: 80px auto;
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(45%, rgba(255,255,255,0)), color-stop(51%, #ea0000), color-stop(57%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,0)));
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 45%, #ea0000 51%, rgba(255,255,255,0) 57%, rgba(255,255,255,0) 100%);
}

.quro-timeline:after {
    display: inline-block;
    content: "";
    width: 100%;
}

.quro-timeline li {
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url(../img/quro/Quro_lite/red_point.png);
    background-repeat: no-repeat;
	text-align: center;
	line-height: 1.2;
	position: relative;
	border-radius: 50%;
    top: -5px;
}


.quro-timeline li:before {
    top: -30px;
	display: inline-block;
	content: attr(data-text);
	font-size: 14px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
    font-family: ProximaNovaA-Bold,"Poppins", sans-serif;
    width: 250px;
}

.qulo-lite-btn{
    font-size: 14px;
}

.quro-text-red {
    color: #ea0000;
}

.quro-text-red:hover{
    color: #ea0000;
}

.drivers-row{
    width: 70px;
    height: 18px;
    margin-left: 15px;
}

.drivers-cardkpi{
    width: 25%;
}
.drivers-cards{
    width: 20%;
}
/*---------------------
  Quro Pro
-----------------------*/

.content-quropro{
    display: flex;
}

.container-des-quropro{
    width: 70%;
    z-index: 1;
}

.container-img-quropro{
    width: 0%;
}

.tab-content-quropro{
    width: 75%;
}

.tab-menu-quropro{
    width: 33%;
    /* align-self: center; */
    border-bottom: 0px !important;
    margin-top: 5%;
}

.tab-menu-vertical-quropro{
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: space-between;
}

.item-nav-pro{
    width: 71% !important;
    padding-top: 15px;
    padding-bottom: 15px;
    /* padding-bottom: 50% !important; */
    height: 150px;
    border-right: 3px solid #f0f2f6 !important;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    background: transparent;
}

.conten-item-nav-pro{
    display: flex;
    text-align: end;
    /* justify-content: space-between;
    align-items: center; */
    /* line-height: 2%; */
}

.nav-link-pro{
    width: 95%;
    padding-right: 2px;
    padding-left: 2px;
    margin-right: 2%;
}

.text-item-quropro{
    /* color: #b3b3b3; */
    font-family: ProximaNovaA-Light,"Poppins", sans-serif;
}

.col-item-quropro{
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.col-item-quropro-title{
    padding-right: 0;
}

#tab-quropro > .nav-tabs > li > a.active  > .col-item-quropro > .conten-item-nav-pro > .text-item-quropro{
    /*border-bottom:2px solid #ec0010;*/
	background-color:transparent;
    color: #ec0010 !important;
    font-family: ProximaNovaA-Bold;
}

#tab-quropro > .nav-tabs > li > a.active  > .col-item-quropro > .conten-item-nav-pro > .col-item-quropro-title > h6{
    /*border-bottom:2px solid #ec0010;*/
	background-color:transparent;
    color: #ec0010 !important;
    font-family: ProximaNovaA-Bold;
    font-size: 12px;
    
}

#tab-quropro > .nav-tabs > li > a > .col-item-quropro > .conten-item-nav-pro > .col-item-quropro-title > .text-item-quropro:hover{
    color: #ec0010 !important;
    font-size: 12px;
    font-family: ProximaNovaA-Bold,"Poppins", sans-serif;
}

#tab-quropro > .nav-tabs > li > a > .col-item-quropro > .conten-item-nav-pro > .col-item-quropro-title > h6 {
    color: #b3b3b3 !important;
    font-size: 13px;
}

#tab-quropro > .nav-tabs > li > a > .col-item-quropro > .conten-item-nav-pro > .text-item-quropro{
    color: #b3b3b3 !important;
}

#tab-quropro > .nav-tabs > li > a > h6 {
    color: #f0f2f6 !important;
}

#tab-quropro > .nav-tabs > .item-nav-pro:hover{
    border-right: 3px solid #ec0010 !important;
}

.border-active{
    border-right: 3px solid #ec0010 !important;
}

#tab-quropro > .nav-tabs > li > a > .col-item-quropro > .conten-item-nav-pro > .text-item-quropro:hover{
    color: #ec0010 !important;
}

.number-quro-pro{
    font-size: 90px;
    color: #565e67;
    opacity: 10%;
}

.img-quropro{
    object-fit: contain;
    position: absolute;
    margin-left: -34%;
}

.container-image-pro{
    background-image: url('../img/quro/Quro_pro/Analiticaconduccion/imagen_analitica de conducción.png');
    background-position: right;
    /* box-shadow: 0px 0px 5px #e9ecef; */
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: -6%;
}

.card-quropro{
    margin-bottom: 30px;
    font-size: 12px;
    width: 18%;
    /* height: 100%; */
    box-shadow: 0px 0px 5px #e9ecef;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 7%;
}

.card-image-quropro{
    width: 50%;
    padding-top: 20px;
    margin-left: 25%;
    margin-right: 25%;
    text-align-last: center;
}

.card-title-quropro{
    width: 100%;
    color: #000;
    font-size: 12px;
    line-height: 14px;
    padding-top: 20px;
    padding-left: 5%;
    padding-right: 5%;
    text-align: center;
    padding-bottom: 12px;
}

.container-image-pro2{
    background-image: url('../img/quro/Quro_pro/Omisiones/imagen_omisiones.png');
    background-position: right;
    /* box-shadow: 0px 0px 5px #e9ecef; */
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
}

.image-container2{
    margin-top: 40px;
    margin-bottom: 25px;
    /* margin-left: 25px; */
    width: 80%;
}

.container-image-pro3{
    background-image: url('../img/quro/Quro_pro/Analiticadecombustible/imagen_analitica\ de\ combustible.png');
    background-position: right;
    /* box-shadow: 0px 0px 5px #e9ecef; */
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
}

.container-title-quropro{
    font-size: 35px;
    font-family: ProximaNovaA-Light !important;
    color: #ea0000;
    text-align: justify;
}

.container-subtitle-quropro{
    font-size: 17px;
    font-family: ProximaNovaA-Bold,"Poppins", sans-serif;
    color: #ea0000;
    text-align: justify;
}

.container-text-quropro{
    font-size: 22px;
    font-family: ProximaNovaA-Bold,"Poppins", sans-serif;
    color: #212121;
    text-align: justify;
}

.container-textdes-quropro{
    font-size: 17px;
    font-family: ProximaNovaA-Light,"Poppins", sans-serif;
    color: #212121;
    text-align: justify;
}

.container-textdessub-quropro{
    font-size: 17px;
    font-family: ProximaNovaA-Bold,"Poppins", sans-serif;
    color: #212121;
    line-height: 26px;
    text-align: justify;
}

.card-quropro3{
    margin-bottom: 30px;
    font-size: 17px;
    width: 15%;
    /* height: 100%; */
    /* box-shadow: 0px 0px 5px #e9ecef; */
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 8%;
}

.card-image-quropro3{
    width: 60%;
    padding-top: 20px;
    margin-left: 20%;
    margin-right: 20%;
    text-align-last: center;
}

.card-title-quropro3{
    width: 100%;
    color: #000;
    font-size: 12px;
    line-height: 14px;
    padding-top: 20px;
    padding-left: 5%;
    padding-right: 5%;
    text-align: center;
    padding-bottom: 15px;
}

.quropro-optios{
    font-family: ProximaNovaA-Bold,"Poppins", sans-serif;
    border-radius: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 8px;
    padding-right: 8px;
    border: 1px solid #ea0000;
    margin-top: 15px;
    margin-left: 11px;
    font-size: 13px;
}

/*---------------------
  Drivers
-----------------------*/

.text-drivers-title
{
    font-size: 35px !important;
    font-family: ProximaNovaA-Light !important;
    color: #ea0000 !important;
}

.text-drivers-subtitle{
    font-size: 22px !important;
    font-family: ProximaNovaA-Bold !important;
    color: #212121 !important;
    text-align: justify;
}

.text-drivers-description{
    font-size: 17px !important;
    font-family: ProximaNovaA-Light !important;
    color: #212121 !important;
    text-align: justify;
}

.text-drivers-description-bold{
    font-size: 17px !important;
    font-family: ProximaNovaA-Bold !important;
    color: #212121;
    text-align: justify;
}

.text-drivers-description-bold-red{
    font-size: 17px !important;
    font-family: ProximaNovaA-Bold !important;
    color: #ea0000;
    text-align: justify;
}

.text-drivers-description-bold-red:hover{
    color: #ea0000;
}

.margin-title-drivers{
    font-size: 15px !important;
    font-family: ProximaNovaA-Bold !important;
    color: #ea0000;
    margin-bottom: 0px !important;
}
.subtitle-drivers{
    font-size: 17px;
    margin-bottom: 10px;
    color: #212121;
    /* text-align: justify; */
}

.card-drivers{
    display: flex;
    width: 23%;
    height: 100%;
    margin-left: 1%;
    margin-right: 1%;
    box-shadow: 0px 0px 5px #e9ecef;
}

.card-drivers2{
    display: flex;
    width: 23%;
    height: 100%;
    margin-left: 1%;
    margin-right: 1%;
    box-shadow: 0px 0px 5px #e9ecef;
}

.card-image{
    width: 70%;
    padding: 5px;
}

.card-text{
    padding: 5px;
    width: 70%;
    place-self: center;
}

.des-drivers{
    font-size: 15px !important;
    line-height: 18px;
    text-align: justify;
}

.image-card-drivers{
    /* padding-left: 25% !important; */
    width: 80px;
    height: 80px;
}

.des-card-drivers{

    align-self: center;
    padding: 2px;
}

.card-text p{
    font-size: 12px !important;
    line-height: 14px;
    color: #212121;
}

/*---------------------
  Sensorización
-----------------------*/

.sensorizacion{
    width: 100% !important;
    height: auto;
    /* margin-bottom: 80px; */
}
.container-sensor{
    display: flex;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

.container-sensor-image{
    background-image: url('../img/quro/sensorizacion/fondo5.png');
    background-size: cover;
    background-repeat: no-repeat;
    width: 50%;
}

.container-sensor-des{
    background-image: url('../img/quro/sensorizacion/imagen8.png');
    background-size: cover;
    background-repeat: no-repeat;
    width: 50%;
}

.sensorizacion-text{
    font-size: 35px;
    /* font-size: 35px; */
}


.sensorizacion-subtext{
    font-size: 22px;
    text-align: justify;
}

.sensorizacion-des{
    font-size: 17px;
    color: #fff;
    text-align: justify;
}

.sensorizacion-content{
    width: 50%;
    margin-right: 15%;
    margin-top: 20%;
    margin-bottom: 20%;
    height: 100%;
}
.card-top{
    margin-top: 80px;
    /* margin-bottom: 80px; */
}
.card-sensorizacion{
    width: 100%;
    /* box-shadow: 0px 0px 5px #e9ecef; */
    border: 1px solid #f0f2f6;
    padding: 20px;
    height: 100%;
    border-radius: 10px;
}

.card-sensor-image{
    width: 90%;
    margin-right: 5%;
    margin-left: 5%;
}

.card-sensor-title{
    width: 100%;
    color: #000;
    font-size: 17px;
    line-height: 15px;
    font-family: ProximaNovaA-Bold !important;
}
.card-sensor-title-sub{
    color: #212121;
    font-size: 22px;
    line-height: 23px;
    font-family: ProximaNovaA-Bold !important;
}

.card-sensor-des{
    width: 100%;
    color: #212121;
    font-family: ProximaNovaA-Light !important;
    text-align: justify;
    font-size: 17px;
}

/*---------------------
  Cámaras
-----------------------*/

.camaras-title{
    font-size: 35px;
    font-family: ProximaNovaA-Light !important;
    color: #ea0000;
}

.our-cameras-text{
    font-size: 22px;
    font-family: ProximaNovaA-Bold !important;
    color: #ea0000;
}

.camaras{
    background-size: auto;
    background-repeat: no-repeat;
    height: auto;
}
.camaras-back{
    background: #fff;
    opacity: 0.9;
    margin-left: 20%;
    width: 85%;
    height: 100%;
    margin-top: 6%;
    padding-top: 10%;
    padding-bottom: 15%;
    padding-left: 10%;
    padding-right: 10%;
}

.camaras-back h5{
    text-align: justify;
    font-size: 22px;
}

.camaras-des{
    width: 100%;
    color: #212121;
    font-family: ProximaNovaA-Bold !important;
    font-size: 22px;
}

.camaras-deslight{
    width: 100%;
    color: #212121;
    font-family: ProximaNovaA-Light !important;
    font-size: 17px;
    text-align: justify;
}

.about-camaras{
    width: 100%;
    height: auto;
}

.button-camaras{
    text-align: -webkit-center;
    margin-top: 3%;
    margin-bottom: 3%;
}

.about-camara-title{
    margin-bottom: 60px;
    font-size: 17px;
    color: #212121;
    font-family: ProximaNovaA-Light,"Poppins", sans-serif;
}


.about-camara-card{
    width: 90%;
    height: 100%;
    border: 1px solid #f0f2f6;
    border-radius: 12px;
    margin-left: 5%;
    margin-right: 5%;
}

.about-camara-card-image{
    width: 90%;
    padding-top: 20px;
    margin-left: 5%;
}

.about-camara-card-title{
    width: 100%;
    color: #212121;
    font-size: 17px;
    line-height: 15px;
    padding-top: 20px;
    padding-left: 5%;
    padding-right: 5%;
    font-family: ProximaNovaA-Bold !important;
}

.about-camara-card-subtitle{
    font-size: 22px;
    color: #212121;
    font-family: ProximaNovaA-Bold !important;
}

.about-camara-card-content{
    width: 100%;
    color: #212121;
    text-align: justify;
    font-size: 17px;
    padding-top: 10px;
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 10%;
}

/* .about-camara-quro{

} */
.about-camara-quro-title{
    font-size: 35px;
    font-family: ProximaNovaA-Light !important;
    color: #212121 !important;
}
.about-camara-quro{
    width: 100%;
    height: 100%;
    margin-bottom: 30px;
    font-size: 35px;
    font-family: ProximaNovaA-Bold !important;
    color: #212121;
    /* border-radius: 12px; */
}

.about-camara-image-quro{
    width: 90%;
    padding-top: 20px;
    margin-left: 5%;
}

.about-camara-title-quro{
    width: 100%;
    color: #212121;
    font-size: 17px;
    line-height: 15px;
    padding-top: 20px;
    padding-left: 5%;
    padding-right: 5%;
}

/*---------------------
  Jammer
-----------------------*/

.container-jammer-image{
    background-image: url('../img/quro/anti_jammer/imagen10.png');
    background-size: cover;
    background-repeat: no-repeat;
    
    width: 50%;
}

.container-jammer-des{
    background-image: url('../img/quro/anti_jammer/fondo6.png');
    background-size: cover;
    background-repeat: no-repeat;
    width: 50%;
}

.jammer-content{
    width: 50%;
    margin-right: 35%;
    margin-top: 20%;
    margin-bottom: 20%;
    height: 100%;
}

.jammer-text{
    font-size: 35px;
    line-height: 45px;
    text-align: justify;
}

.jammer-subtext{
    font-size: 22px;
    color: #fff;
    text-align: justify;
}

.jammer-des{
    font-size: 17px;
    color: #fff;
    text-align: justify;
}

.jammer-container-image{
    width: 100%;
    height: 100%;
}

.jammer-container-image img{
    width: 90%;
    height: 100%;
    object-fit: contain;
}

.jammer-container-content{
    width: 100%;
    height: 100%;
    /* margin-left: 15%; */
}

.jammer-options-plus{
    font-size: 22px;
    color: #ea0000;
    font-family: ProximaNovaA-Bold !important;
}

.jammer-options{
    width: 100%;
    font-size: 22px;
    color: #212121;
    font-family: ProximaNovaA-Bold,"Poppins", sans-serif;
    border-top: 1px solid #f0f2f6;
    border-bottom: 1px solid #f0f2f6;
    padding-top: 15px;
    padding-bottom: 15px;
}

.jammer-container-content{
    width: 100%;
    height: 100%;
    padding-top: 5%;
    padding-left: 9%;
    padding-right: 0%;
    padding-bottom: 3%;
}

/*  CLOUD */

.cloud-title{
    font-size: 35px;
    font-family: ProximaNovaA-Light !important;
    color: #ea0000 !important;
}

.cloud-subtitle{
    font-size: 22px;
    font-family: ProximaNovaA-Bold !important;
    color: #fff !important;
}

.cloud-des{
    font-size: 17px;
    font-family: ProximaNovaA-Light !important;
    color: #fff !important;
    text-align: justify;
}

/* CLOUD END */

.quro-nosotros-title{
    font-size: 22px;
    color: #ea0000;
    font-family: ProximaNovaA-Bold !important;
}

.quro-nosotros-subtitle{
    font-size: 35px;
    color: #212121;
    font-family: ProximaNovaA-Bold !important;
}

.quro-nosotros-description{
    font-size: 17px;
    color: #212121;
    font-family: ProximaNovaA-Light !important;
    text-align: justify;
}

.quro-nosotros{
    width: 100%;
    height: 100%;
}

.quro-nosotros-header{
    /* display: flex; */
    width: 100%;
    height: 100%;
    padding-bottom: 10%;
    margin-bottom: 15%;
}

.container-card-fab{
    width: 65%;
    height: 90%;
    margin-top: -40%;
    margin-bottom: 22%;
    background-image: url(../img/quro/fabricantes/imagen_software.png);
    margin-left: 15%;
    margin-right: 15%;
    background-position: center;
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 70%;
    left: -40%;
}

.card-body-fab{
    position: relative;
    width: 30%;
}

.card-body-fab img{
    position: relative;
    width: 80%;
    height: 100%;
}
.card-fabricantes-title{
    width: 100%;
    height: 100%;
    color: #f0f2f6;
    font-family: ProximaNovaA-Bold,"Poppins", sans-serif;
    font-size: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.container-card-fab-hard{
    width: 65%;
    height: 90%;
    margin-top: -42%;
    margin-bottom: 22%;
    background-image: url(../img/quro/fabricantes/imagen_hardware.png);
    margin-left: 15%;
    margin-right: 15%;
    background-position: center;
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 70%;
    left: -40%;
}

.container-card-fab-ins{
    width: 65%;
    height: 90%;
    margin-top: -42%;
    margin-bottom: 22%;
    background-image: url(../img/quro/fabricantes/imagen_instalaciones.png);
    margin-left: 15%;
    margin-right: 15%;
    background-position: center;
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 70%;
    left: -40%;
}

.position-footer-container{
    background: #212121;
    /* top: -158px; */
}

.title-footer{
    font-size: 35px;
    font-family: ProximaNovaA-Light,"Poppins", sans-serif;
}

.des-footer{
    font-size: 17px;
    font-family: ProximaNovaA-Light,"Poppins", sans-serif;
}

.des-margin-left{
    margin-left: 12%;
}

.margin-left{
    margin-left: 10%;
}

.footer-container-fab{
    align-items: center;
    justify-content: flex-end;
    /* margin-bottom: 5%; */
}

.footer-container-button{
    text-align: end;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 30px;
    padding: 10px;
}

.footer-container-bottom{
    margin-bottom: 30px;
    padding: 10px;
}

.footer-size{
    width: 80% !important;
}


.linea-quro-lite{
    overflow-x: auto;
}

.linea-quro-lite::-webkit-scrollbar {
    display: none;
}

.cls-logo-nom{
    width: 85px;
}

.fabricante-top{
    padding-top: 75px;
}

.about-pic-pad{
    padding-top: 10%;
    padding-bottom: 10%;
}

.our-prod-pad{
    padding-bottom: 7%;
}

.footer-social{
    width: 75%;
    float: left;
    display: flex;

}

.social-space{
    margin-right: 4%;
}

/* .home__social{
    width: 10%;
    margin-right: 3%;
} */


/*--------------------------------- Responsive Media Queries -----------------------------*/

@media only screen and (max-width: 1324){

    #tab-quropro > .nav-tabs > li > a.active > .col-item-quropro > .conten-item-nav-pro > .col-item-quropro-title > h6{
        font-size: 12px !important;
    }
    #tab-quropro > .nav-tabs > li > a > .col-item-quropro > .conten-item-nav-pro > .col-item-quropro-title > h6 {
        font-size: 12px !important;
    }
}


@media only screen and (max-width: 1268px){
    .nav-link-pro{
        width: 100%;
    }
}

@media only screen and (max-width: 1208px){
    .nav-link-pro{
        width: 185px;
    }
}


@media only screen and (min-width: 992px) and (max-width: 1199px){
    .container-slider-one{
        height: 60%;
    }
    .title-slider{
        font-size: 40px;
    }
    .button-slider{
        font-size: 16px;
    }
    .controls-slider{
        width: 40%;
    }
}


@media only screen and (min-width: 1507px) and (max-width: 1614px){
    .spad-about h2{
        font-size: 35px;
    }
}


@media only screen and (min-width: 992px) and (max-width: 1001px){
    /* .home{
        padding-top: 128px;
    } */

    .title-slider{
        padding-top: 180px;
    }

    .container-slider-one{
        margin-top: 7.1%;
    }
    .container-slider-two{
        margin-top: 7.1%;
    }
    .container-slider-three{
        margin-top: 7.1%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px){

    .container-slider-one{
        margin-top: 0%;
    }
    .container-slider-two{
        margin-top: 0%;
    }
    .container-slider-three{
        margin-top: 0%;
    }


    .container-slider-one{
        height: 60%;
    }
    .title-slider{
        font-size: 44px;
        line-height: 50px;
    }

    .our-products-container{
        padding-left: 0%;
        padding-right: 0%;
    }

    .our-products-images-container{
        width: 20%;
        margin-left: 1%;
        margin-right: 1%;
    }
    .image-quro-lite{
        height: 400px;
        object-fit: contain;
    }

    .image-quro-driver {
        width: 100%;
        height: 100%;
        /* object-fit: contain; */
    }
    .card-quropro{
        width: 12%;
    }
    .card-image-quropro{
        width: 60%;
        padding-top: 20px;
        margin-left: 20%;
        margin-right: 20%;
        text-align-last: center;
    }

    .card-title-quropro{

        font-size: 10px;
        line-height: 10px;
    }

    .margin-title-drivers{
        font-size: 14px;
    }

    .subtitle-drivers{
        font-size: 14px;
    }

    .des-drivers{
        font-size: 14px;
    }

    .card-text p{
        font-size: 11px !important;
        line-height: 12px;
    }

    .card-fabricantes-title{
        font-size: 14px;
    }

    .container-card-fab{
        padding: 75%;
        left: -60%;
    }

    .container-card-fab-hard{
        padding: 75%;
        left: -60%;
    }

    .container-card-fab-ins{
        padding: 75%;
        left: -60%;
    }

    .btn-demo{
        font-size: 15px !important;
    }

    .jammer-options{
        font-size: 17px;
    }

    .jammer-container-image img{
        width: 100%;
    }

    .quropro-optios{
        font-size: 11px;
    }

    .card-title-quropro3{
        font-size: 11px;
        line-height: 10px;
    }

    .card-quropro3{
        width: 10%;
        margin-left: 5%;
        margin-right: 5%;
    }

    .des-margin-left{
        margin-left: 0%;
    }

    .title-footer{
        font-size: 30px;
    }

    .des-footer{
        font-size: 14px;
    }

    .margenes{
        padding-left: 0%;
        padding-right: 0%;
    }

    .col-item-quropro{
        width: 98px;
        left: 23%;
    }

    #tab-quropro > .nav-tabs > li > a > .col-item-quropro > .conten-item-nav-pro > .col-item-quropro-title > h6{
        text-align: justify;
    }

    .home__social{
        display: none;
    }

    .mobile_home__social{
        display: block;
    }

}

@media only screen and (max-width: 767px){

    .container-slider-one{
        margin-top: 0%;
    }
    .container-slider-two{
        margin-top: 0%;
    }
    .container-slider-three{
        margin-top: 0%;
    }

    .margenes{
        padding-left: 0%;
        padding-right: 0%;
    }
    .title-slider{
        font-size: 30px;
        line-height: 35px;
    }

    .our-products-container{
        padding-left: 0%; 
        padding-right: 0%;
    }

    .our-products-images-container{
        margin-left: 6.5%;
        margin-right: 6.5%;
        margin-bottom: 6%;
    }
    .our-products-images-container{
        width: 14%;
        margin-left: 7.5%;
        margin-right: 7.5%;
    }
    
    .container-card-fab{
        width: 25%;
        margin-top: -20%;
        margin-left: 0%;
        margin-right: 0%;
        padding: 30%;
        height: 0;
        left: 0%;
    }

    .container-card-fab-hard{
        width: 25%;
        margin-top: -20%;
        margin-left: 0%;
        margin-right: 0%;
        padding: 30%;
        height: 0;
        left: 0%;
    }

    .container-card-fab-ins{
        width: 25%;
        margin-top: -20%;
        margin-left: 0%;
        margin-right: 0%;
        padding: 30%;
        height: 0;
        left: 0%;
    }

    .cards-center{
        text-align: -webkit-center;
    }
    .our-products-images-container img{
        width: 100px;
        max-width: none;
        margin-right: 1%;
    }
    .our-products-container-images{
        justify-content: center;
    }

    .tab-content-quropro{
        width: 75%;
    }

    .tab-menu-quropro{
        width: 25%;
    }

    .tab-menu-vertical-quropro{
        display: flex;
        flex-direction: column;
        align-content: space-between;
        flex-wrap: nowrap;
        align-items: flex-end;
    }

    .nav-link-pro{
        width: 100%;
    }

    .image-quro-driver {
        width: 75%;
        height: 78%;
        object-fit: contain;
    }

    /* .cls-logo-nom{
        width: 12%;
    } */

    .image-quro-lite{
        height: 400px;
        object-fit: contain;
    }

    .home__social{
        display: none;
    }

    .mobile_home__social{
        display: block;
    }

}

@media only screen and (max-width: 650px){

    .container-slider-one{
        margin-top: 0%;
    }
    .container-slider-two{
        margin-top: 0%;
    }
    .container-slider-three{
        margin-top: 0%;
    }

    .about-picture .spad-top{
        padding-top: 70px;
        padding-bottom: 0px;
    }

    .our-products-images-container{
        width: 30%;
        margin-left: 7.5%;
        margin-right: 7.5%;
    }

    .tab-content-quropro{
        width: 74%;
    }

    .tab-menu-quropro{
        width: 26%;
    }

    .col-item-quropro-title{
        display: none;
    }

    #quro_drivers{
        display: none;
    }
    #quro_drivers_mobile{
        display: block;
    }

    .our_products_mobile{
        display: block;
    }

    .our_products_web{
        display: none;
    }
    /* #cloud{
        display: none;
    }
    #cloud_mobile{
        display: block;
    } */

    #quro_jammer{
        display: none;
    }
    #quro_jammer_mobile{
        display: block;
    }
    #quro_lite_mobile{
        display: block;
    }

    #quro_lite{
        display: none;
    }

    .container-sensor-des{
        padding: 50%;
    }

    .sensorizacion-content{
        width: 70%;
    }

    .jammer-content{
        width: 70%;
        margin-right: 15%;
    }

    .container-jammer-image{
        padding: 50%;
    }

}

@media only screen and (min-width: 480px) and (max-width: 649px){

    .container-slider-one{
        margin-top: 0%;
    }
    .container-slider-two{
        margin-top: 0%;
    }
    .container-slider-three{
        margin-top: 0%;
    }

    .home {
		display: flex !important;
	}
    .content-slider{
        display: none;
    }

    .slider-content{
        height: auto;
    }

    .container-slider-one{
        height: 100%;
    }

    .container-slider-two{
        height: 100%;
    }

    .container-slider-three{
        height: 100%;
    }

    .description-slider{
        width: 100%;
    }

    .title-slider{
        font-size: 48px;
        line-height: 61px;
        padding-top: 295px;
        margin-left: 5%;
    }
    .button-slider{
        margin-left: 5%;
        width: 95%;

    }
    .control-slider{
        margin-left: 5%;
        width: 95%;
    }

    .controls-slider{
        width: 80%;
    }

    .about-web{
        display: block;
    }

    .text-about{
        /* font-size: 14px; */
    }

    .text-about-bold{
        /* font-size: 17px !important; */
    }

    .containerprin-about{
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
    }

    .about-picture{
        display: block;
    }

    .text-our-products,.text-quro-lite-title{
        /* font-size: 33px !important; */
    }

    .text-our-products-bold, .text-quro-lite-bold{
        /* font-size: 17px !important; */
    }

    .image-quro-lite{
        /* display: none; */
        margin-bottom: 0%;
        height: 355px;
    }

    .image-quro-driver {
        width: 70%;
        height: 95%;
        object-fit: contain;
    }

    .text-quro-lite-des{
        /* font-size: 14px; */
    }

    .our-products-space{
        padding-bottom: 30px;
        margin-left: 0%;
    }

    .linea-beneficios{
        width: 700px;
        margin-bottom: 12%;
    }

    .container-title-quropro{
        font-size: 33px;
    }

    .container-subtitle-quropro{
        font-size: 14px;
    }

    .container-text-quropro{
        font-size: 17px !important;
    }

    .container-textdes-quropro, .container-textdessub-quropro{
        font-size: 14px !important;
    }

    .col-item-quropro-title{
        display: none;
    }

    .margenes{
        padding-left: 0%;
        padding-right: 0%;
    }

    .tab-content-quropro{
        width: 75%;
    }
    
    .tab-menu-quropro{
        width: 25%;
    }
    .tab-card-header > .nav-tabs > li{
        margin-right: 0px;
    }

    .tab-card-header > .nav-tabs > li > a{
        padding: 1px 1px;
    }

    .container-img-quropro{
        width: 95%;
        position: absolute;
    }

    .img-quropro{
        position: absolute;
        margin-left: 22%;
        width: 100%;
        height: 500px;
        object-fit: fill;
    }

    .container-des-quropro{
        width: 100%;
    }

    .card-quropro{
        width: 20%;
        margin-left: 0%;
        margin-right: 0%;
    }

    .card-image-quropro{
        width: 40%;
        padding-top: 10px;
        margin-left: 30%;
        margin-right: 30%;
    }
    .card-title-quropro{
        font-size: 12px;
        line-height: 9px;
    }

    .image-container2{
        width: 95%;
    }

    .card-quropro3-align{
        justify-content: center;
        margin-left: -10%;
    }

    .card-quropro3{
        width: 29%;
        margin-left: 1%;
        margin-right: 1%;
        margin-bottom: 1%
    }

    .card-image-quropro3{
        width: 45%;
    }

    .card-title-quropro3{
        width: 100%;
        color: #000;
        font-size: 12px;
        line-height: 11px;
        padding-top: 20px;
     
        text-align: center;
        padding-bottom: 15px;
    }

    .tab-menu-quropro{
        margin-top: 0%;
    }

    .text-drivers-title{
        /* font-size: 33px !important; */
    }

    /* .text-drivers-subtitle{
        font-size: 17px !important;
    }

    .text-drivers-description{
        font-size: 14px !important;
    }

    .text-drivers-description-bold{
        font-size: 14px !important;
    }

    .text-drivers-description-bold-red{
        font-size: 14px !important;
    }

    .margin-title-drivers,.des-drivers{
        font-size: 13px !important;
    }
    .subtitle-drivers{
        font-size: 15px !important;
    } */

    .card-text p{
        font-size: 10px !important;
        line-height: 14px;
    }

    .drivers-cardkpi{
        width: 50%;
    }

    .card-drivers{
        width: 48%;
        height: 100%;
        margin-left: 1%;
        margin-right: 1%;
    }

    .card-drivers2{
        width: 48%;
        height: 100%;
        margin-left: 1%;
        margin-right: 1%;
        margin-bottom: 10%;
    }

    .sensorizacion-content{
        width: 96%;
        margin-right: 2%;
        margin-left: 2%;
    }

    /* .sensorizacion-text{
        font-size: 33px;
    }

    .sensorizacion-subtext{
        font-size: 17px;
    }

    .sensorizacion-des{
        font-size: 14px;
    } */

    .container-sensor-des{
        padding: 33%;
    }

    .card-sensor-des{
        /* font-size: 14px; */
    }
    .camaras-back{
        background: #fff;
        opacity: 0.89;
        margin-left: 2%;
        margin-right: 2%;
        width: 96%;
        height: 100%;
        margin-top: 6%;
        padding-top: 10%;
        padding-bottom: 15%;
        padding-left: 5%;
        padding-right: 5%;
    }

    /* .camaras-title{
        font-size: 33px;
    }

    .camaras-back h5{
        font-size: 17px;
    }

    .camaras-deslight{
        font-size: 14px;
    }

    .about-camara-quro-title{
        font-size: 33px;
    }

    .about-camara-quro{
        font-size: 33px;
    } */

    .jammer-content{
        width: 96%;
        margin-right: 4%;
        margin-top: 15%;
        margin-bottom: 15%;
    }

    .container-jammer-image{
        padding: 41%;
    }

    .jammer-container-content{
        padding-left: 4%;
        padding-right: 4%;
    }

    .footer-container-button{
        text-align: center;
        display: flex;
        align-items: baseline;
        justify-content: center;
        margin-bottom: 50px;
        margin-top: 30px;
        padding: 10px;
    }

    .title-footer{
        font-size: 33px;
    }
    .des-footer{
        font-size: 14px;
    }
    .des-margin-left{
        margin-left: -7%;
    }
    .margin-left{
        margin-left: -7%;
        margin-bottom: 3rem;
    }

    #quro_lite_mobile{
        display: block;
    }

    #quro_lite{
        display: none;
    }

    .quro-top-linea{
        margin-top: 35px;
    }

    .text-quro-lite-des{
        font-size: 14px;
    }
    .spad-bottom{
        padding-bottom: 65px;
    }
    #quro_jammer{
        display: none;
    }
    #quro_jammer_mobile{
        display: block;
    }
    .cloud-margin{
        padding-left: 6%;
        margin-bottom: 20%;
        text-align: left !important;
    }

    #cloud{
        display: none;
    }
    #cloud_mobile{
        display: block;
    }

    .img-cloud{
        width: 100%;
        height: 170px;
        margin-top: -52px;
        margin-bottom: 1%;
    }

    .container-card-fab{
        display: inline-block;
        margin-top: 4%;
        padding: 50%;
        left: 0%;
        margin-bottom: -11%;
        margin-top: -25%;
    }

    .container-card-fab-hard{
        display: inline-block;
        margin-top: 4%;
        padding: 50%;
        left: 0%;
        margin-bottom: -11%;
    }

    .container-card-fab-ins{
        display: inline-block;
        margin-top: 4%;
        padding: 50%;
        left: 0%;
        margin-bottom: -11%;
    }

    .quro-timeline{
        width: 1000px;
        display: inline-block;
        margin-left: 38px;
    }

    .quro-timeline::-webkit-scrollbar {
        display: none;
       }

    .our_products_mobile{
        display: block;
    }

    .our_products_web{
        display: none;
    }

    .about-picture .spad-top{
        padding-top: 60px;
        padding-bottom: 0px;
    }

    .our-products .row{
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .our-products-images-container img{
        width: 90px;
    }
    .line-margin{
        margin-bottom: 2%;
    }

    .text-quro-lite{
        margin-bottom: 4%;
    }
    .sensorizacion-card-top{
        margin-top: 20%;
        margin-bottom: 20%;
    }

    .cloud h4{
        text-align: left;
    }

    .img-nom{
        width: 100px;
        height: 38px;
    }

    .quropro-optios{
        font-size: 10px;
        margin-left: 5px;
    }
    #quro_drivers{
        display: none;
    }
    #quro_drivers_mobile{
        display: block;
    }

    .footer-top{
        margin-top: 17%;
    }

    .padding-quropro{
        padding-left: 0;
        padding-right: 0;
    }

    .title-slider{
        width: 95%;
    }

    /* .cls-logo-nom{
        width: 85px;
    } */

}


@media only screen and (max-width: 479px){

    .container-slider-one{
        margin-top: 0%;
    }
    .container-slider-two{
        margin-top: 0%;
    }
    .container-slider-three{
        margin-top: 0%;
    }

    .home {
		display: flex !important;
	}
    .content-slider{
        display: none;
    }

    .slider-content{
        height: auto;
    }

    .container-slider-one{
        height: 100%;
    }

    .container-slider-two{
        height: 100%;
    }

    .container-slider-three{
        height: 100%;
    }

    .description-slider{
        width: 100%;
    }

    .title-slider{
        font-size: 48px;
        line-height: 61px;
        padding-top: 295px;
        margin-left: 5%;
    }
    .button-slider{
        margin-left: 5%;
        width: 95%;

    }
    .control-slider{
        margin-left: 5%;
        width: 95%;
    }

    .controls-slider{
        width: 80%;
    }

    .about-web{
        display: block;
    }

    .text-about{
        /* font-size: 14px; */
    }

    .text-about-bold{
        /* font-size: 17px !important; */
    }

    .containerprin-about{
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
    }

    .about-picture{
        display: block;
    }

    .text-our-products,.text-quro-lite-title{
        /* font-size: 33px !important; */
    }

    .text-our-products-bold, .text-quro-lite-bold{
        /* font-size: 17px !important; */
    }

    .image-quro-lite{
        /* display: none; */
        margin-bottom: 0%;
        height: 355px;
    }

    .image-quro-driver {
        width: 100%;
        height: 95%;
        object-fit: contain;
    }

    .text-quro-lite-des{
        /* font-size: 14px; */
    }

    .our-products-space{
        padding-bottom: 30px;
        margin-left: 0%;
    }

    .linea-beneficios{
        width: 700px;
        margin-bottom: 12%;
    }

    .container-title-quropro{
        font-size: 33px;
    }

    .container-subtitle-quropro{
        font-size: 14px;
    }

    .container-text-quropro{
        font-size: 17px !important;
    }

    .container-textdes-quropro, .container-textdessub-quropro{
        font-size: 14px !important;
    }

    .col-item-quropro-title{
        display: none;
    }

    .margenes{
        padding-left: 0%;
        padding-right: 0%;
    }

    .tab-content-quropro{
        width: 75%;
    }
    
    .tab-menu-quropro{
        width: 25%;
    }
    .tab-card-header > .nav-tabs > li{
        margin-right: 0px;
    }

    .tab-card-header > .nav-tabs > li > a{
        padding: 1px 1px;
    }

    .container-img-quropro{
        width: 95%;
        position: absolute;
    }

    .img-quropro{
        position: absolute;
        margin-left: 22%;
        width: 100%;
        height: 500px;
        object-fit: fill;
    }

    .container-des-quropro{
        width: 100%;
    }

    .card-quropro{
        width: 20%;
        margin-left: 0%;
        margin-right: 0%;
    }

    .card-image-quropro{
        width: 40%;
        padding-top: 10px;
        margin-left: 30%;
        margin-right: 30%;
    }
    .card-title-quropro{
        font-size: 12px;
        line-height: 9px;
    }

    .image-container2{
        width: 95%;
    }

    .card-quropro3-align{
        justify-content: center;
        margin-left: -10%;
    }

    .card-quropro3{
        width: 29%;
        margin-left: 1%;
        margin-right: 1%;
        margin-bottom: 1%
    }

    .card-image-quropro3{
        width: 45%;
    }

    .card-title-quropro3{
        width: 100%;
        color: #000;
        font-size: 12px;
        line-height: 11px;
        padding-top: 20px;
     
        text-align: center;
        padding-bottom: 15px;
    }

    .tab-menu-quropro{
        margin-top: 0%;
    }

    .text-drivers-title{
        /* font-size: 33px !important; */
    }

    /* .text-drivers-subtitle{
        font-size: 17px !important;
    }

    .text-drivers-description{
        font-size: 14px !important;
    }

    .text-drivers-description-bold{
        font-size: 14px !important;
    }

    .text-drivers-description-bold-red{
        font-size: 14px !important;
    }

    .margin-title-drivers,.des-drivers{
        font-size: 13px !important;
    }
    .subtitle-drivers{
        font-size: 15px !important;
    } */

    .card-text p{
        font-size: 10px !important;
        line-height: 14px;
    }

    .drivers-cardkpi{
        width: 50%;
    }

    .card-drivers{
        width: 48%;
        height: 100%;
        margin-left: 1%;
        margin-right: 1%;
    }

    .card-drivers2{
        width: 48%;
        height: 100%;
        margin-left: 1%;
        margin-right: 1%;
        margin-bottom: 10%;
    }

    .sensorizacion-content{
        width: 96%;
        margin-right: 2%;
        margin-left: 2%;
    }

    /* .sensorizacion-text{
        font-size: 33px;
    }

    .sensorizacion-subtext{
        font-size: 17px;
    }

    .sensorizacion-des{
        font-size: 14px;
    } */

    .container-sensor-des{
        padding: 33%;
    }

    .card-sensor-des{
        /* font-size: 14px; */
    }
    .camaras-back{
        background: #fff;
        opacity: 0.89;
        margin-left: 2%;
        margin-right: 2%;
        width: 96%;
        height: 100%;
        margin-top: 6%;
        padding-top: 10%;
        padding-bottom: 15%;
        padding-left: 5%;
        padding-right: 5%;
    }

    /* .camaras-title{
        font-size: 33px;
    }

    .camaras-back h5{
        font-size: 17px;
    }

    .camaras-deslight{
        font-size: 14px;
    }

    .about-camara-quro-title{
        font-size: 33px;
    }

    .about-camara-quro{
        font-size: 33px;
    } */

    .jammer-content{
        width: 96%;
        margin-right: 4%;
        margin-top: 15%;
        margin-bottom: 15%;
    }

    .container-jammer-image{
        padding: 41%;
    }

    .jammer-container-content{
        padding-left: 4%;
        padding-right: 4%;
    }

    .footer-container-button{
        text-align: center;
        display: flex;
        align-items: baseline;
        justify-content: center;
        margin-bottom: 50px;
        margin-top: 30px;
        padding: 10px;
    }

    .title-footer{
        font-size: 33px;
    }
    .des-footer{
        font-size: 14px;
    }
    .des-margin-left{
        margin-left: -7%;
    }
    .margin-left{
        margin-left: -7%;
        margin-bottom: 3rem;
    }

    #quro_lite_mobile{
        display: block;
    }

    #quro_lite{
        display: none;
    }

    .quro-top-linea{
        margin-top: 35px;
    }

    .text-quro-lite-des{
        font-size: 14px;
    }
    .spad-bottom{
        padding-bottom: 65px;
    }
    #quro_jammer{
        display: none;
    }
    #quro_jammer_mobile{
        display: block;
    }
    .cloud-margin{
        padding-left: 6%;
        margin-bottom: 20%;
        text-align: left !important;
    }

    #cloud{
        display: none;
    }
    #cloud_mobile{
        display: block;
    }

    .img-cloud{
        width: 100%;
        height: 170px;
        margin-top: -52px;
        margin-bottom: 1%;
    }

    .container-card-fab{
        display: inline-block;
        margin-top: 4%;
        padding: 50%;
        left: 0%;
        margin-bottom: -11%;
        margin-top: -25%;
    }

    .container-card-fab-hard{
        display: inline-block;
        margin-top: 4%;
        padding: 50%;
        left: 0%;
        margin-bottom: -11%;
    }

    .container-card-fab-ins{
        display: inline-block;
        margin-top: 4%;
        padding: 50%;
        left: 0%;
        margin-bottom: -11%;
    }

    .quro-timeline{
        width: 1000px;
        display: inline-block;
        margin-left: 38px;
    }

    .quro-timeline::-webkit-scrollbar {
        display: none;
       }

    .our_products_mobile{
        display: block;
    }

    .our_products_web{
        display: none;
    }

    .about-picture .spad-top{
        padding-top: 60px;
        padding-bottom: 0px;
    }

    .our-products .row{
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .our-products-images-container img{
        width: 90px;
    }
    .line-margin{
        margin-bottom: 2%;
    }

    .text-quro-lite{
        margin-bottom: 4%;
    }
    .sensorizacion-card-top{
        margin-top: 20%;
        margin-bottom: 20%;
    }

    .cloud h4{
        text-align: left;
    }

    .img-nom{
        width: 55%;
        height: 100%;
    }

    .quropro-optios{
        font-size: 10px;
        margin-left: 5px;
    }
    #quro_drivers{
        display: none;
    }
    #quro_drivers_mobile{
        display: block;
    }

    .footer-top{
        margin-top: 17%;
    }

    .padding-quropro{
        padding-left: 0;
        padding-right: 0;
    }

    .title-slider{
        width: 95%;
    }

    .drive-margins{
        width: 95%;
        margin-left: 0%;
        margin-right: 0%;
        padding-left: 0;
        padding-right: 0;
    }

}

@media only screen and (max-width: 380px){

    .container-slider-one{
        margin-top: 0%;
    }
    .container-slider-two{
        margin-top: 0%;
    }
    .container-slider-three{
        margin-top: 0%;
    }

    .home {
		display: flex !important;
	}
    .content-slider{
        display: none;
    }

    .slider-content{
        height: auto;
    }

    .container-slider-one{
        height: 100%;
    }

    .container-slider-two{
        height: 100%;
    }

    .container-slider-three{
        height: 100%;
    }

    .description-slider{
        width: 100%;
    }

    .title-slider{
        font-size: 48px;
        line-height: 61px;
        padding-top: 295px;
        margin-left: 5%;
    }
    .button-slider{
        margin-left: 5%;
        width: 95%;

    }
    .control-slider{
        margin-left: 5%;
        width: 95%;
    }

    .controls-slider{
        width: 80%;
    }

    .about-web{
        display: block;
    }

    .text-about{
        /* font-size: 14px; */
    }

    .text-about-bold{
        /* font-size: 17px !important; */
    }

    .containerprin-about{
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
    }

    .about-picture{
        display: block;
    }

    .text-our-products,.text-quro-lite-title{
        /* font-size: 33px !important; */
    }

    .text-our-products-bold, .text-quro-lite-bold{
        /* font-size: 17px !important; */
    }

    .image-quro-lite{
        /* display: none; */
        margin-bottom: 0%;
        height: 355px;
    }

    .image-quro-driver {
        width: 100%;
        height: 95%;
        object-fit: contain;
    }

    .text-quro-lite-des{
        /* font-size: 14px; */
    }

    .our-products-space{
        padding-bottom: 30px;
        margin-left: 0%;
    }

    .linea-beneficios{
        width: 700px;
        margin-bottom: 12%;
    }

    .container-title-quropro{
        font-size: 33px;
    }

    .container-subtitle-quropro{
        font-size: 14px;
    }

    .container-text-quropro{
        font-size: 17px !important;
    }

    .container-textdes-quropro, .container-textdessub-quropro{
        font-size: 14px !important;
    }

    .col-item-quropro-title{
        display: none;
    }

    .margenes{
        padding-left: 0%;
        padding-right: 0%;
    }

    .tab-content-quropro{
        width: 80%;
    }
    
    .tab-menu-quropro{
        width: 27%;
    }
    .tab-card-header > .nav-tabs > li{
        margin-right: 0px;
    }

    .tab-card-header > .nav-tabs > li > a{
        padding: 1px 1px;
    }

    .container-img-quropro{
        width: 95%;
        position: absolute;
    }

    .img-quropro{
        position: absolute;
        margin-left: 22%;
        width: 100%;
        height: 500px;
        object-fit: fill;
    }

    .container-des-quropro{
        width: 100%;
    }

    .card-quropro{
        width: 20%;
        margin-left: 0%;
        margin-right: 0%;
    }

    .card-image-quropro{
        width: 40%;
        padding-top: 10px;
        margin-left: 30%;
        margin-right: 30%;
    }
    .card-title-quropro{
        font-size: 12px;
        line-height: 9px;
    }

    .image-container2{
        width: 95%;
    }

    .card-quropro3-align{
        justify-content: center;
        margin-left: -10%;
    }

    .card-quropro3{
        width: 29%;
        margin-left: 1%;
        margin-right: 1%;
        margin-bottom: 1%
    }

    .card-image-quropro3{
        width: 45%;
    }

    .card-title-quropro3{
        width: 100%;
        color: #000;
        font-size: 12px;
        line-height: 11px;
        padding-top: 20px;
     
        text-align: center;
        padding-bottom: 15px;
    }

    .tab-menu-quropro{
        margin-top: 0%;
    }

    .text-drivers-title{
        /* font-size: 33px !important; */
    }

    /* .text-drivers-subtitle{
        font-size: 17px !important;
    }

    .text-drivers-description{
        font-size: 14px !important;
    }

    .text-drivers-description-bold{
        font-size: 14px !important;
    }

    .text-drivers-description-bold-red{
        font-size: 14px !important;
    }

    .margin-title-drivers,.des-drivers{
        font-size: 13px !important;
    }
    .subtitle-drivers{
        font-size: 15px !important;
    } */

    .card-text p{
        font-size: 10px !important;
        line-height: 14px;
    }

    .drivers-cardkpi{
        width: 50%;
    }

    .card-drivers{
        width: 48%;
        height: 100%;
        margin-left: 1%;
        margin-right: 1%;
    }

    .card-drivers2{
        width: 48%;
        height: 100%;
        margin-left: 1%;
        margin-right: 1%;
        margin-bottom: 10%;
    }

    .sensorizacion-content{
        width: 96%;
        margin-right: 2%;
        margin-left: 2%;
    }

    /* .sensorizacion-text{
        font-size: 33px;
    }

    .sensorizacion-subtext{
        font-size: 17px;
    }

    .sensorizacion-des{
        font-size: 14px;
    } */

    .container-sensor-des{
        padding: 33%;
    }

    .card-sensor-des{
        /* font-size: 14px; */
    }
    .camaras-back{
        background: #fff;
        opacity: 0.89;
        margin-left: 2%;
        margin-right: 2%;
        width: 96%;
        height: 100%;
        margin-top: 6%;
        padding-top: 10%;
        padding-bottom: 15%;
        padding-left: 5%;
        padding-right: 5%;
    }

    /* .camaras-title{
        font-size: 33px;
    }

    .camaras-back h5{
        font-size: 17px;
    }

    .camaras-deslight{
        font-size: 14px;
    }

    .about-camara-quro-title{
        font-size: 33px;
    }

    .about-camara-quro{
        font-size: 33px;
    } */

    .jammer-content{
        width: 96%;
        margin-right: 4%;
        margin-top: 15%;
        margin-bottom: 15%;
    }

    .container-jammer-image{
        padding: 41%;
    }

    .jammer-container-content{
        padding-left: 4%;
        padding-right: 4%;
    }

    .footer-container-button{
        text-align: center;
        display: flex;
        align-items: baseline;
        justify-content: center;
        margin-bottom: 50px;
        margin-top: 30px;
        padding: 10px;
    }

    .title-footer{
        font-size: 33px;
    }
    .des-footer{
        font-size: 14px;
    }
    .des-margin-left{
        margin-left: -7%;
    }
    .margin-left{
        margin-left: -7%;
        margin-bottom: 3rem;
    }

    #quro_lite_mobile{
        display: block;
    }

    #quro_lite{
        display: none;
    }

    .quro-top-linea{
        margin-top: 35px;
    }

    .text-quro-lite-des{
        font-size: 14px;
    }
    .spad-bottom{
        padding-bottom: 65px;
    }
    #quro_jammer{
        display: none;
    }
    #quro_jammer_mobile{
        display: block;
    }
    .cloud-margin{
        padding-left: 6%;
        margin-bottom: 20%;
        text-align: left !important;
    }

    #cloud{
        display: none;
    }
    #cloud_mobile{
        display: block;
    }

    .img-cloud{
        width: 100%;
        height: 170px;
        margin-top: -52px;
        margin-bottom: 1%;
    }

    .container-card-fab{
        display: inline-block;
        margin-top: 4%;
        padding: 50%;
        left: 0%;
        margin-bottom: -11%;
        margin-top: -25%;
    }

    .container-card-fab-hard{
        display: inline-block;
        margin-top: 4%;
        padding: 50%;
        left: 0%;
        margin-bottom: -11%;
    }

    .container-card-fab-ins{
        display: inline-block;
        margin-top: 4%;
        padding: 50%;
        left: 0%;
        margin-bottom: -11%;
    }

    .quro-timeline{
        width: 1000px;
        display: inline-block;
        margin-left: 38px;
    }

    .quro-timeline::-webkit-scrollbar {
        display: none;
       }

    .our_products_mobile{
        display: block;
    }

    .our_products_web{
        display: none;
    }

    .about-picture .spad-top{
        padding-top: 60px;
        padding-bottom: 0px;
    }

    .our-products .row{
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .our-products-images-container img{
        width: 70px;
    }

    .our-products-images-container{
        margin-left: 9.5%;
        margin-right: 9.5%;
    }

    .line-margin{
        margin-bottom: 2%;
    }

    .text-quro-lite{
        margin-bottom: 4%;
    }
    .sensorizacion-card-top{
        margin-top: 20%;
        margin-bottom: 20%;
    }

    .cloud h4{
        text-align: left;
    }

    .img-nom{
        width: 55%;
        height: 100%;
    }

    .quropro-optios{
        font-size: 10px;
        margin-left: 5px;
    }
    #quro_drivers{
        display: none;
    }
    #quro_drivers_mobile{
        display: block;
    }

    .footer-top{
        margin-top: 17%;
    }

    .padding-quropro{
        padding-left: 0;
        padding-right: 0;
    }

    .title-slider{
        width: 95%;
    }



}

@media only screen and (max-width: 320px){
    .our-products-images-container img {
        width: 60px;
    }

    .btn-demo{
        font-size: 14px !important;
    }
}

@media only screen and (max-width: 270px){
    .our-products-images-container img {
        width: 50px;
    }
}

@media only screen and (max-width: 230px){
    .our-products-images-container img {
        width: 40px;
    }
}