/* Para que no se repita el fondo curvo */

@media only screen and (min-width: 1500px) and (max-width: 3000px) {
  .mask1, .mask2 {
    background-size: 100% 193px!important;
    background-repeat: no-repeat;
  }

  .left-home {
  width: 38%;
}

.pic-right {
  width: 62%;
}

.btn-otros {
  width: 187px;
}

.columna-foot {
  margin-left: 104px;
}

.footer2 {
display: none;
}
}


/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

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

 .slide1, .slide2, .slide3, .slide4 {
  background-position: center;
}

.contenedor, .contenedor2 {
  margin: 0 auto;
  width: 748px;
}

.btn-menu {
  display: block;
}

.header h1 {
  float: left;
  margin-left: 14px;
  margin-top: 13px;
}

.menu {
display: none;
}

.footer {
  margin-top: -104px;
}

.general2,.general1 {
  height: 347px;
}

.bolas-abajo {
  margin-top: -155px !important;
}

.cont-seguro {
  width: 245px;
}

.cont-seguro h2 {
  font-size: 1.6em;
}

.footer {
  margin-top: -20px;
}
}


/**/
/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

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

.contenedor, .contenedor2 {
  margin: 0 auto;
  width: 300px;
}

.btn-menu {
  display: block;
}

.menu {
display: none;
}

.mitad {
  width: 100%;
}

.mitad-in {
  margin: 50px auto 0;
  width: 86%;
}

.somos {
  width: 85%;
}

.slide1, .slide2, .slide3, .slide4 {
  height: 225px;
  background-position: center;
}

.fondo1 {
  background-size: 300px auto;
  background-position: right bottom;
}

.fondo1 .caja-left {
  margin-top: 20px;
}

.caja-left {
  margin-left: 17px;
  width: 90%;
}

.caja-cont h2 {
  font-size: 1.8em;
}

.mitad1 {
  height: 290px;
  margin-top: 500px;
}

.mitad2 {
  margin-top: -790px;
}

.header h1 {
  margin-left: 10px;
  margin-top: 24px;
}

h1 a img {
  width: 82px;
}

.txtlogo {
  font-size: 0.3em;
  margin-top: 2px;
  padding: 4px 0 6px 10px;
}

.top-in {
  height: 160px;
}

.borde-redondo {
  height: 87px;
  width: 87px;
}

.bola1 {
  height: 105px;
  width: 105px;
  margin: -84px 0 0 13px;
}

.bola1 h2 {
  font-size: .9em;
}

.footer {
  background-position: center -170px;
  height: 120px;
  margin-top: 0;
}

.txtfoot {
  color: #fff;
  margin-top: 36px;
  text-align: center;
  width: 100%;
  font-size: .9em;
  padding: 0 15px;
  box-sizing: border-box;
}

.general1, .general2{
  height: 248px;
}

.bola2 {
  height: 105px;
  width: 105px;
}

.bola2 h2 {
  font-size: 1.1em;
}

.to-right {
  float: left !important;
  margin-top: 132px;
}

.bolas-abajo {
  margin-top: -376px !important;
  width: 81px!important;
  float: left;
  margin-left: 20px!important;
}

.footer {
  background-position: center -170px;
  height: 120px;
  margin-top: -24px;
}

.general2 {
  margin-top: 1px;
}

.caja-seguro-in {
  width: 100%;
  margin-top: 35px;
}

.icon {
  height: 45px;
  width: 45px;
}

.cont-seguro {
  float: left;
  margin-left: 20px;
  width: 235px;
}

.form-in {
  margin: 0 auto;
  width: 300px;
}

.m-contacto {
  margin-left: 0;
}

.btn_enviar {
  margin: 30px 0 0 27px;
}

.seguros-emp .icon {
  background-size: 585px auto;
}
.icon-seguro-emp2 {
  background-position: -64px 5px !important;
}
.icon-seguro-emp3 {
  background-position: -132px 4px !important;
}
.icon-seguro-emp4 {
  background-position: -201px 5px !important;
}
.icon-seguro-emp5 {
  background-position: -270px 4px !important;
}
.icon-seguro-emp6 {
  background-position: -339px 7px !important;
}
.icon-seguro-emp7 {
  background-position: -407px 7px !important;
}
.icon-seguro-emp8 {
  background-position: -477px 4px !important;
}
.icon-seguro-emp9 {
  background-position: -546px 7px !important;
}

.seguros-perso .icon {
  background-size: 300px auto;
}
.icon-seguro-perso1 {
  background-position: -9px -4px !important;
}
.icon-seguro-perso2 {
  background-position: -68px -2px !important;
}
.icon-seguro-perso3 {
  background-position: -130px -7px !important;
}
.icon-seguro-perso4 {
  background-position: -190px -3px !important;
}
.icon-seguro-perso5 {
  background-position: -254px -1px !important;
}
.seguros-vida-ind .icon {
  background-size:300px auto;
}

.cont-seguro h2 {
  font-size: 1.3em;
}

.m-de-foot {
  margin-bottom: 60px;
}

.vida1, .vida2 {
  height: 248px;
}

.vida2 {
  margin-top: 1px;
}

.seguros-vida-emp .icon {
  background-size: 345px auto;
}
.icon-vida-emp1 {
  background-position: 7px 1px !important;
}
.icon-vida-emp2 {
  background-position: -56px 5px !important;
}
.icon-vida-emp3 {
  background-position: -118px 0 !important;
}
.icon-vida-emp4 {
  background-position: -182px 2px !important;
}
.icon-vida-emp5 {
  background-position: -244px 4px !important;
}
.icon-vida-emp6 {
  background-position: -308px 1px !important;
}

.icon-vida-ind1 {
  background-position: 10px 4px !important;
}
.icon-vida-ind2 {
  background-position: -126px 3px !important;
}
.icon-vida-ind3 {
  background-position: -126px 2px !important;
}
.icon-vida-ind4 {
  background-position: -194px 2px !important;
}
.icon-vida-ind5 {
  background-position: -262px 1px !important;
}

}


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

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

.contenedor, .contenedor2 {
  margin: 0 auto;
  width: 460px;
}

.mitad2 {
  height: 385px;
  margin-top: -675px;
}

.mitad1 {
  height: 290px;
  margin-top: 385px;
}

.cont-seguro {
  width: 395px;
}

.footer {
  background-position: center -160px;
}

.txtfoot {
  margin-top: 69px;
}

.general1, .general2 {
  height: 360px;
}

.bolas-abajo {
  margin-top: -487px !important;
}

.to-right {
  float: left !important;
  margin-top: 221px;
}

.footer {
  background-position: center -158px;
  height: 120px;
  margin-top: 10px;
}

.txtfoot {
  margin-top: 57px;
}

}


/*ESTILOS PARA RETINA*/

@media
  (min--moz-device-pixel-ratio: 2),
  (-o-min-device-pixel-ratio: 2/1),
  (-webkit-min-device-pixel-ratio: 2),
  (min-device-pixel-ratio: 2) {


 
}