@media screen and (max-width: 1200px){
	#mod05 .box input.campoform,
	#mod05 .box.box03 input.campopers { font-size: 30px; }
}

@media screen and (max-width: 992px) {
	#mod05 .box {width:50%; margin: 0 0 30px;}
	#mod05 .box.box03 { width:50%; margin:0px auto; padding-top:10px; float:none; border-top: 0px solid #fff; border-left:0px; display: block; clear: both;}
	#mod05 .box .box0102 {margin: 0 5%; width: 90%; display: block; float:none;  }
    #mod05 .box input.campoform {width: 65%;}
    #mod05 .box input.campobtn {width:29%}
	
    #mod05 .box.box03 div {padding: 0 5%; width: 40%;}
    #mod05 .box.box03 input.campopers, #mod05 .box input.campoform {font-size:28px; text-align: right; }
    #mod06 .contacto_txt, #mod06 .contacto_map {width:100%; }
}

@media (min-width: 768px) and (max-width: 992px){
    .topelogo h1 img {width: 75vw;}
    #mod01{height:auto;}
    #mod01 .container {width: 70%; height:auto;}
    #mod02 {height:auto; padding-bottom: 0em; }
    #mod02 .container {width:90%}
    #mod02 ul li {width:33.33%; margin-bottom:20px; }
    #mod02 ul li img {width:40%; }
    img.mfp-img {width:80%!important; }
    #mod04 .carr_hab .item {margin: 2% 10%; width: 70%;};
}

@media screen and (max-width: 767px) {
    .topelogo h1 img {width: 75vw;}
    #mod01{height:auto;}
    #mod01 .container {width: 75%; height:auto;}
    #mod01 p {font-size:24px; }
    #mod02 {height:auto; padding-bottom: 0em; }
    #mod02 .container {width:90%}
    #mod02 ul li {width:33.33%; margin-bottom:20px; }
    #mod02 ul li img {width:40%; }
    #mod02 ul li p {font-size:14px; }
    #mod03 .container {width: 80%;}
    img.mfp-img {width:80%!important; }
    #mod04 .carr_hab .item {margin:4% 0; width: calc(96% - 2px);}
    footer .box_01, footer .box_02 {width:50%}
    footer .box_03 {width:100%}
    footer a.btn_link {text-align:center; padding:25px 0 15px;}
}

@media screen and (max-width: 560px) {
    #mod04 .container {width:90%}
    #mod05 .box {width:100%; margin: 0 0 30px;}
    #mod05 .box input.campoform {width: 65%;}
    #mod05 .box input.campobtn {width:29%}
    #mod05 .box.box03 input.campopers {text-align:center; }
    #mod05 .box.box03 {width:100%; }    
}

@media screen and (max-width: 480px) {
    #mod01 p {font-size:18px; }
    #mod02 .container { margin: 4em auto;}
    #mod02 ul li {width:50%; margin-bottom:30px; }
    #mod02 ul li img {margin: 0 auto 20px;}
    #mod03 .container {margin: 3em auto 5em; height: auto; width: 90%;}
    #mod04 .carr_hab .item ul.personas li img.icono {width:15px; margin: 4px 2px 0;}
    #mod04 .carr_hab.owl-theme .owl-nav .owl-prev, #mod04 .carr_hab.owl-theme .owl-nav .owl-prev:hover {font-size:18px; left: -15%;}
    #mod04 .carr_hab.owl-theme .owl-nav .owl-next, #mod04 .carr_hab.owl-theme .owl-nav .owl-next:hover {font-size:18px; right: -11%;}
    #mod04 .carr_hab {margin-bottom: 40px!important;}
    #mod06 h2,  #mod06 p,  #mod06 a {text-align:center; }
    #mod06 p, #mod06 a {font-size:15px; }
    #mod06 .contacto_map iframe {width:100%!important; height:350px!important; }
    footer .box_01, footer .box_02 { margin: 0 auto 30px;  width: 60%; display: block; float: none;}
    footer button.btn_reserva {margin:0 auto; }
    footer a.btn_link {padding:0 0 15px;  }
}

@media screen and (max-width: 992px) and (max-width: 480px) {
  #mod-header #navbar li.active a { color: #ea4a57; }
}

@media screen and (min-width: 320px) and (max-width: 360px) {
    #mod-home { background-color: #000; background-size:100%; height:230px; }
}


@media screen and (min-height: 320px) and (max-height: 480px) and (orientation:landscape) {
    #mod-home { background-color: #000; background-size:100%; height:500px; }
}