/* Estilos responsive de Moch Y Asociados  */

@media(max-width:1200px){
  .scrollToTop { bottom: 11px!important; }
}

@media(max-width:1199px){
  #seguros .individual a .caption { bottom: 71px; }
  #seguros .individual .gallery .divisor { bottom: 55px; }
  #seguros .individual .img-top { margin-bottom: -25px; }
  #seguros .doble .img-top { margin-bottom: -13px; }
  #seguros a .caption { bottom: 61px; }
  #seguros .gallery .divisor { width: 80%; background: #fff; height: 2px; margin: 10px auto; position: absolute; bottom: 50px; left: 10%;}
  #seguros .gallery .divisor { width: 80%; background: #fff; height: 2px; margin: 10px auto; position: absolute; bottom: 50px; left: 10%;}
  #seguros .sencillo img { height: 423px; }
  #seguros .gallery-double { height: 423px; }
  #seguros .sencillo a .caption { bottom: 21px; }
  #seguros .spacewhite { height: 0px; width: 100%; float: left; }
  #seguros .col-lg-8 img { width: 100%; max-width: 800px; height: 207px; }
  /* #seguros .col-lg-8 { bottom: 41px; } */
  #seguros .col-lg-8 .divisor { width: 80%; background: #fff; height: 2px; margin: 10px auto; position: absolute; bottom: 43px; left: 10%; }
  #servicios #carousel .item { height: 460px; width: 80%; left: 10%; }
  #seguros { background: #f4f2f2 !important; width: 100%; float: left; margin-top: 78px; padding-bottom: 45px; }
}

@media(max-width:991px){
  .navbar img { width: 184px; margin-top: 7px;}
  .navbar { padding: 12px 0; }
  #carousel .item { height: 400px; }
  #carousel { width: 100%; float: left; height: 400px; }
  #nuestra-empresa .cont-texto .cont-titulo { padding: 0 12px; }
  #nuestra-empresa .cont-texto .cont-titulo h3 { font-size: 35px; }
  #nuestra-empresa .cont-texto .cont-titulo h4 { margin-bottom: 1px; }
  #nuestra-empresa .gris { float: right; background-color: #f4f2f2; position: absolute; width: 50%; height: auto; min-height: 455px; right: 0; }
  #servicios .container{width: 95%}
  #servicios .second .carousel-caption { bottom: 25%; left: 37% !important; max-width: 500px; padding-bottom: 23px; width: 39%; margin-top: 0; text-shadow: none; }
  #servicios .first .carousel-caption { bottom: 39%; left: 442px; max-width: 500px; padding-bottom: 30px; width: 44%; margin-top: 0; text-shadow: none; }
  #seguros .cont-gallery{ margin: 10px 0 0 0!important;}
  #seguros .individual .img-top { margin-bottom: 2px; }
  #seguros img { width: 100%; height: 100%;}
  #seguros #perros{margin-top: 8px !important;}
  #blog .derecha { float: right; width: 50%; height: 375px; }
  #blog .derecha img{height: 100%}
  #mapa .derecha .cont-texto { text-align: left; height: 40px; margin-bottom: 30px; color: #9793c5; font-family: 'Noto Serif', serif; font-size: 16px; padding-left: 40px; }
}

@media(max-width:850px){
  #servicios .container{width: 100%}
  #mapa .derecha .cont-texto { text-align: left; height: 40px; margin-bottom: 30px; color: #9793c5; font-family: 'Noto Serif', serif; font-size: 16px; padding-left: 48px; width: 85%; }
  #mapa .derecha .cont-icon { width: 15%; }
}

@media(max-width:768px){
  .container { width: 95%; }
  #servicios #carousel .item { height: 390px; width: 80%; left: 10%; }
  #seguros { background: #f4f2f2 !important; width: 100%; float: left; margin-top: 29px; padding-bottom: 45px; }
  .navbar-toggle { position: relative; float: right; padding: 7px 11px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: #593767; background-image: none; border: 1px solid transparent; border-radius: 4px; color: #fff; }
}

@media(max-width:767px){
  .nav-redes li{width: 42px; float: left;}
  .nav-redes{position: absolute; right:80px;}
  #nuestra-empresa .gris{display: none}
  #nuestra-empresa .cont-texto { padding: 30px 30px 10px 30px; margin-top: 20px; }
  #nuestra-empresa .cont-enlace { padding: 0px 30px 30px 30px; margin-top: 0; text-align: left; font-family: 'Nunito Sans', sans-serif; font-size: 28px; }
  #nuestra-empresa .cont-enlace #multicotizador { padding-top: 20px; text-align: center; }
  #nuestra-empresa .cont-enlace .divisor { display: none }
  #nuestra-empresa .cont-enlace img { max-width: 140px; width: 100%; margin: 0 0 0 28%; }
  #nuestra-empresa .cont-enlace #multicotizador a { width: 135px; background-color: #fbb529; padding: 4px 26px; font-size: 20px; border-radius: 8px; color: #897293; margin-top: 46px; position: absolute; margin-left: 56px; text-decoration: none; }
  #servicios .first .carousel-caption { bottom: 39%; left: 442px; max-width: 500px; padding-bottom: 30px; width: 52%; margin-top: 0; text-shadow: none; }
  #seguros .cont-gallery { margin: 10px 0 0 0 !important; width: 100%; float: left; text-align: center; }
  #seguros .individual .img-top { margin-bottom: 2px; margin: 0 auto; width: 100%; float: none; }
  #seguros .gallery { max-width: 400px; width: 100%; float: none; position: inherit; height: 240px; margin: 0 auto; }
  #seguros .gallery-double { max-width: 400px; width: 100%; float: none; position: inherit; height: 530px !important; margin: 0 auto; }
  .modal-content .cont-logo { text-align: center; margin-top: 8px; margin-bottom: 20px; }
  .modal-dialog { width: 90%; margin: 30px auto; max-width: 600px; }
  #mapa .izquierda { float: left; width: 100%; height: 350px; }
    #mapa .derecha { float: left; width: 100%; }
    #mapa .derecha .cont-icon { width: 10%; float: left; }
footer .col-lg-4 {text-align: center;}
footer .col-lg-8 { text-align: center; }
}

@media(max-width:600px){
  .slider-resp{display: block}
  .slider-desk{display: none!important;}
  #carousel .carousel-caption { bottom: 20%; left: -6% !important; max-width: 500px; padding-bottom: 30px; width: 59%; float: right; left: auto; margin-top: 0; }
  #carousel .carousel-caption h3 .amarillo { color: #febd3b !important; font-size: 36px !important; text-transform: uppercase; font-weight: bold; font-family: 'Noto Sans', sans-serif; text-shadow: none; }
  #carousel .carousel-caption h3 .blanco { color: #fff !important; font-size: 15px !important; text-transform: lowercase; font-weight: bold; font-family: 'Noto Serif', serif; text-shadow: none; }
  #carousel .carousel-caption .cuadros { margin-top: 62px; max-width: 300px; margin-left: 124px; }
  #carousel .carousel-caption .cont-amarillo { background-color: #c7a742; color: #9a783c; font-family: 'Nunito Sans', sans-serif; text-shadow: none; font-size: 18px; width: auto; }
  #carousel .carousel-caption .cuadros { margin-top: 31px; max-width: 300px; margin-left: 124px; }
  #servicios #carousel .item { height: 297px; width: 80%; left: 10%; }
  #carousel { width: 100%; float: left; height: 300px; }
  #blog .izquierda { float: left; width: 100%; color: #f4f2f2; font-family: 'Nunito Sans', sans-serif; font-size: 25px; text-align: center; padding: 40px; margin-top: 30px; }
  #blog .derecha { float: right; width: 100%; height: auto; }
  #mapa .derecha .cont-icon { width: 15%; float: left; }
  #nuestra-empresa .blanco{display: none}
  #nuestra-empresa { float: left; text-align: center; width: 100%; margin-top: 94px; }
  #carousel .carousel-caption h3 .amarillo2 { color: #febd3b !important; margin-right: 80px; font-size: 30px !important; text-transform: uppercase; font-weight: bold; font-family: 'Noto Sans', sans-serif; text-shadow: none; }
}

@media(max-width:400px){
  .navbar img {
    width: 140px;
    margin-top: 13px;
}
#carousel .item {
    height: 250px;
}
#carousel{height: 250px;}
#carousel .carousel-caption {
    bottom: -1%;
    left: -18% !important;
    max-width: 500px;
    padding-bottom: 30px;
    width: 75%;
    float: right;
    left: auto;
    margin-top: 0;
}
#carousel .carousel-caption h3 .amarillo {
    color: #ffc13f !important;
    font-size: 20px !important;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Noto Sans', sans-serif;
    text-shadow: none;
}
#carousel .carousel-caption h3 .blanco {
    color: #fff !important;
    font-size: 11px !important;
    text-transform: lowercase;
    font-weight: bold;
    font-family: 'Noto Serif', serif;
}
#carousel .carousel-caption .cuadros {
    margin-top: 13px;
    max-width: 300px;
    margin-left: 121px;
}
#carousel .carousel-caption .cont-amarillo {
    background-color: #c7a742;
    color: #9a783c;
    font-family: 'Nunito Sans', sans-serif;
    text-shadow: none;
    font-size: 11px;
    width: auto;
}
#carousel .carousel-caption .cont-morado {
    background-color: #7b71b0;
    color: #635b90;
    font-family: 'Nunito Sans', sans-serif;
    text-shadow: none;
    font-size: 15px;
}
#nuestra-empresa {
    float: left;
    text-align: center;
    width: 100%;
    margin-top: 24px;
}
#nuestra-empresa .cont-enlace #multicotizador a {
    width: 135px;
    background-color: #fbb529;
    padding: 4px 26px;
    font-size: 20px;
    border-radius: 8px;
    color: #897293;
    margin-top: -38px;
    position: absolute;
    margin-left: -61px;
    text-decoration: none;
}
#nuestra-empresa .cont-enlace img {
    max-width: 107px;
    width: 100%;
    margin: 41px 0 0 36%;
}
#servicios #carousel .item {
    height: 195px;
    width: 80%;
    left: 10%;
}
#mapa .derecha .cont-texto {
    text-align: left;
    height: 40px;
    margin-bottom: 30px;
    color: #9793c5;
    font-family: 'Noto Serif', serif;
    font-size: 14px;
    padding-left: 71px;
    width: 80%;
}
}

@media(max-width:360px){
  .nav-redes {
    position: absolute;
    right: 63px;
}
.navbar img {
    width: 117px;
    margin-top: 13px;
}
#nuestra-empresa .cont-texto .cont-titulo h3 {
    font-size: 29px;
}
#nuestra-empresa .cont-texto .cont-titulo h4 {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 19px;
    margin-top: 0px;
    margin-bottom: 4px;
}
#mapa .derecha .cont-texto {
    text-align: left;
    height: 40px;
    margin-bottom: 30px;
    color: #9793c5;
    font-family: 'Noto Serif', serif;
    font-size: 14px;
    padding-left: 71px;
    width: 92%;
}
#mapa .derecha .list-inline a i {
    font-size: 46px;
    color: #fbb529;
    padding: 0 13px;
}
#carousel .carousel-caption h3 .amarillo2 {
    color: #febd3b !important;
    margin-right: 80px;
    font-size: 16px !important;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Noto Sans', sans-serif;
    text-shadow: none;
}
#blog .izquierda a {
    font-size: 34px;
    line-height: 1px;
    color: #fff;
    margin-top: 5px;
}
#nuestra-empresa .cont-texto .contenido p.font1 {
    font-size: 15px;
}
}

@media(max-width:320px){
  #servicios #carousel .item {
    height: 163px;
    width: 80%;
    left: 10%;
}
#servicios #carousel {
    height: 177px;
}
#contacto button {
    color: #f4f4f4;
    font-family: 'Nunito Sans', sans-serif;
    text-transform: uppercase;
    font-size: 15px;
    background-color: #f9ac25;
    border: none;
    padding: 8px 10px;
    border-radius: 22px;
}
footer .col-lg-8 a {
    color: #4d305b;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    font-size: 13px;
    padding: 0 10px;
}
}