@media (min-width: 1651px) and (max-width: 1900px){
img.imagen_somos{top:-70px;width:83%;left:10%}
.offcanvas-collapse .navbar-nav .nav-item{margin-right:50px}/*alineacion de los items del menu principal para que quepa el buscador*/

}
@media (min-width: 1232px) and (max-width: 1650px){
.offcanvas-collapse .navbar-nav .nav-item{margin-right:50px}/*alineacion de los items del menu principal para que quepa el buscador*/

}
@media (min-width: 1051px) and (max-width: 1231px){
.offcanvas-collapse .navbar-nav .nav-item{margin-right:40px}/*alineacion de los items del menu principal para que quepa el buscador*/

}


@media (min-width: 992px) and (max-width: 1050px) { 
.offcanvas-collapse .navbar-nav .nav-item{margin-right:20px}/*alineacion de los items del menu principal para que quepa el buscador*/

}



@media (min-width: 831px) and (max-width: 991px) {
body{background-color:blue;}
.fondo_formulario{width:60%;}/*Tamaño del formularo qu esta despues de marcas (cuadro azul)*/
img.imagen_somos{top:110px}/*imagen que es surtimedik*/
.contenedor_dif{height:280px;}/*Tamaño de los cuadros de los diferenciadores*/
.contenedor_textoquees{padding:40px 60px 40px 60px;} /*Pertenece al texto = ¿Quién es SURTIMEDIK?*/
a.btn_cotizar{width: 40%}/*bton agregar a cotizacion*/
.offcanvas-collapse {margin-right:110px;}/*alineacion de los items del menu principal para que quepa el buscador*/
.offcanvas-collapse .navbar-nav .nav-item{margin-right:0px}/*alineacion de los items del menu principal para que quepa el buscador*/
.form_nav{margin-right:50px;}/*separacion de el lado derecho del formulario del buscador*/

}



@media (min-width: 767px) and (max-width: 830px){
	body{background-color:;}
.fondo_formulario{width:70%;}/*Tamaño del formularo qu esta despues de marcas (cuadro azul)*/
img.imagen_somos{top:200px}
.contenedor_dif{height:295px;}/*Tamaño de los cuadros de los diferenciadores*/
.hover-image .text {width: 100%;}/*tamaño del cuadro ver producto , es el hover de las marcas*/
.contenedor_textoquees{padding:40px;} /*Pertenece al texto = ¿Quién es SURTIMEDIK?*/
.contenedor_formulaario form.formempresa{padding:10px 0px ;}/*padding del formulario de la pagina empresa*/
.contenedor_colorform{background-image:none;background-color:rgba(0, 85, 184,0.8);}/*fondeo formulario que esta en empresa*/
.jumbotron.contenedor_contacto{margin-bottom:500px;}/*separacion del footer del formulario contacto*/
a.btn_cotizar{width: 45%}/*bton agregar a cotizacion*/

.offcanvas-collapse {margin-right:120px;}/*alineacion de los items del menu principal para que quepa el buscador*/
.form_nav{margin-right:50px;}/*separacion de el lado derecho del formulario del buscador*/
.offcanvas-collapse .navbar-nav .nav-item{margin-right:-10px}/*alineacion de los items del menu principal para que quepa el buscador*/
}



@media (min-width: 736px) and (max-width: 766px) {
	body{background-color: ;}

.fondo_formulario{width:80%;}/*Tamaño del formularo qu esta despues de marcas (cuadro azul)*/
.hover-image .text {width: 100%;}/*tamaño del cuadro ver producto , es el hover de las marcas*/
.contenedor_textoquees{padding:30px;} /*Pertenece al texto = ¿Quién es SURTIMEDIK?*/
.section_quesurtimedik{padding-top:30px;}/*seccion que es surtimedik, nada mas para la separacion del top*/
.contener_surtimedik{padding:0 2rem 3rem 2rem}/*cotendido que es surtimedik separacion de los lados*/
.offcanvas-collapse {top:5.45rem;}/*separacion del top del mennu general que se crea cuando es responsive*/
.contactaremos {margin:auto;padding-bottom:10px}/*centrado del contenedor que tiene " Déjanos tus datos y nos contactaremos contigo" en empresa*/
.contenedor_colorform{background-image:none;background-color:rgba(0, 85, 184,0.8);}/*fondeo formulario que esta en empresa*/
.jumbotron.contenedor_contacto{margin-bottom:800px;}/*separacion del footer del formulario contacto*/
.form_contacto .border_gris{border-right:none;}/*border gris del apartado formulario de la seccion empresa*/
a.btn_cotizar{width: 45%}/*bton agregar a cotizacion*/

}



@media (max-width: 735px){
	body{background-color:;}
.fondo_formulario{width:100%;border-radius:0em 0em 0em /  0em 0em;}/*Tamaño del formularo qu esta despues de marcas (cuadro azul)*/
.contenedor_textoquees{padding:30px;} /*Pertenece al texto = ¿Quién es SURTIMEDIK?*/
.section_quesurtimedik{padding-top:30px;}/*seccion que es surtimedik, nada mas para la separacion del top*/
.contener_surtimedik{padding:0 1rem 3rem 1rem}/*cotendido que es surtimedik separacion de los lados*/
.offcanvas-collapse {top:5.68rem;}/*separacion del top del mennu general que se crea cuando es responsive*/
.contactaremos {margin:auto;padding-bottom:10px}/*centrado del contenedor que tiene " Déjanos tus datos y nos contactaremos contigo" en empresa*/
.contenedor_colorform{background-image:none;background-color:rgba(0, 85, 184,0.8);}/*fondeo formulario que esta en empresa*/
.jumbotron.contenedor_contacto{margin-bottom:800px;}/*separacion del footer del formulario contacto*/
.form_contacto .border_gris{border-right:none;}/*border gris del apartado formulario de la seccion empresa*/
a.btn_cotizar{width: 60%}/*bton agregar a cotizacion*/

}


@media  (max-width: 575.97px) {
body{background-color:;}
.collapse_m .arriba{font-size:1.1rem;margin:auto;}/*Tamaño de la letra del correo y telefono de primer barra */
.productos_carro{padding:10px;}/*contenedor de cada producto del carrito*/
.productos_carro .input_peque{width:30%;text-align: center;}/*input del carrito de cotizar mas pequeño*/
.productos_carro .contenedor_carac{padding-top:5px;font-size:15px;}/*tapaño de las letras de cada producto cotizado*/

}







@media(max-width: 499px) {
  body{background-color:;}
.collapse_m .arriba{font-size:0.8rem;}/*Tamaño de la letra del correo y telefono de primer barra */
.carousel-caption-center{top:1rem;bottom:16rem;left:2%;right:2%;}
.contenedor_textoquees{padding:20px;} /*Pertenece al texto = ¿Quién es SURTIMEDIK?*/
.section_mvv{padding-top:240px;}/* Separacion del top atraves del padding de la seccion mision, mision y valores;*/
.diferenciadores{padding: 30px 0px;}/*separacion del top de la seccion diferenciadores*/
.offcanvas-collapse {top:4.78rem;}/*separacion del top del mennu general que se crea cuando es responsive*/
 .nav-tabs.des_ca_cu>.nav-item>.nav-link{font-size:80%}/*Tamaño de las letras descripcion, caracteristicas y cuadro basico*/
.barrados img.navbar-brand{ width:130px; }/*imagen de menu principal*/
.barrados .boton_carrito img{ width:70%;}/*imagen de carrito de cotizar*/
.jumbotron.contenedor_contacto{margin-bottom:820px;}/*separacion del footer del formulario contacto*/
.form_nav{margin-right:45px;}/*separacion de el lado derecho del formulario del buscador*/

}



@media(min-width:320px) and (max-width: 498px){
  body{background-color:;}
.collapse_m .arriba{font-size:0.8rem;}/*Tamaño de la letra del correo y telefono de primer barra */
.carousel-caption-center{top:1rem;bottom:16rem;left:2%;right:2%;}
.jumbotron.contenedor_contacto{margin-bottom:920px;}/*separacion del footer del formulario contacto*/
.carousel-caption { bottom: 0; padding-bottom: 0;}/*Espacio donde esta el Boton carousel*/
.carousel-caption a.btn_landing { padding: 0.25rem 0.5rem;font-size: 0.875rem;line-height: 1.5;border-radius: 0.2rem;}/*Boton carousel*/
.nav-tabs.des_ca_cu>.nav-item>.nav-link{font-size:70%}/*Tamaño de las letras descripcion, caracteristicas y cuadro basico*/
/*Apartado del buscador*/
.form_nav{position: relative; z-index: 1; margin-right: 40px;padding-right: 0;}
 .form_nav button{margin-left: 0;padding: 0;}
 .form_nav input[type="search"]:hover, .form_nav input[type="search"]:active, .form_nav input[type="search"]:focus { width: 200px;}
.form_nav input[type="search"]{ width: 90px;}
/*Diferenciador*/
.contenedor_dif {height: 300px;}
.variedad_producto {padding:30px 50px 40px 50px;}
/*tamaño de letras en los productos*/
.card .body_card .categoria{font-size:10px}
.card .body_card .nombre{font-size:13px}
.card .body_card .codigo{font-size:13px}
.fondo_formularioimg{background-image: url('../img/banner/DOC-FOR-MOVIL.jpg');}

}