@media all and (max-width: 1279px){
	#tarifas .content-left{ width: 60% }
	#tarifas .content-left{ width: 60% }
	#tarifas .tarifas .contacto .sep{margin: 0 5px}
    /****************************************
    ****************NUEVO********************
    *****************************************/
    #footer .black-bar {
        padding-left: 140px;
    }
    .background{
        display: none;
    }
}
@media all and (max-width: 1023px){
	h1, h2{font-size: 20px}
	
	.container{ width: 700px }
	#servicios .descripcion .container{width: 700px}
	#top-header #logo { width: 200px; height: 50px; background-size: 100%; }
	#header-menu .reservas{height: 46px; width: 230px;margin-top: -100px;margin-left: 215px;}
	#header-menu .reservas h2{ font-size: 17px; }
	#header-menu .reservas p{ font-size: 12px; }
	#top-header #social-icons #clima-logo{width: 33px; height: 30px; background-size: 100%;margin-right: 5px;}
	#top-header #social-icons .fa-icon{background-size: 100%;margin-right: 5px}
	#top-header #social-icons p{padding-bottom: 3px}
	.body .breadcrumbs li{font-size: 12px;}
    
    /*****************************************
    ****************NUEVO*********************
    *****************************************/
    .owl-theme .owl-nav .owl-next{
        margin-left: 663px;
    }
    
    /***************HOME*********************/
    #presentacion .content-left p {
        width: 100%;
        text-align: center;
    }
    #presentacion .content-right {
        padding-top: 5px;
    }
    #presentacion .video {
        margin: 0px auto;
    }
    #presentacion .content-left, #presentacion .content-right{
        width: 100%;
    }
    .main-info .text {
        width: 424px;
        display: block;
        vertical-align: top;
        padding-top: 54px;
        margin: 0px auto;
    }
    .main-info .image{
        margin: 0px auto;
        display: block;
        margin-top: 15px;
    }
    #footer .black-bar .contact-data .blocktext .gen {
        font-size: 15px;
    }
    #footer .black-bar .contact-data .blocktext .important {
        font-size: 22px;
    }
    #footer .black-bar {
        padding-left: 0px;
    }
    #footer .v-line{
        margin: 0px 50px 0px 35px;
    }
    /***************CONTACTO*********************/
    #contacto .grey-box{
        background-size: cover;
        font-size: 13px;
    }
    #contacto .grey-box .consulta p{
        width: 0px;
    }
    #contacto .formulario #contact-form{
        background-size: cover;
    }
    #contacto .formulario{
        width: 100%;
    }
    #contacto .grey-box .consulta{
        margin-left: 570px;
        margin-top: -26px;
    }
    .grey-box br {
        display: none;
    }
    #contacto .formulario .btn-cont{
        margin-left: 501px;
    }
    #contacto .mapa{
        display: block;
        margin: 0px auto;
    }
    #contacto p.premail{
        display: inline-block;
        width: 318px;
    }
    #contacto p.mail{
        display: inline-block;
        width: 232px;
    }
    #contacto .formulario .mail-img{
        margin-left: 2px;
        margin-top: 1px;
    }
     /******************SERVICIOS*********************/
    
    #servicios .separador {
        display: none;
    }
    #servicios .title-page {
        margin-left: 0px;
        text-align: center;
        margin-bottom: 12px;
    }
    #servicios .text {
        padding-left: 0px;
        text-align: center;
    }
    #servicios .text br {
        display: none;
    }
    #servicios .list .item-list{
        margin-left: 0px;
    }
    #servicios .list{
        display: block;
    }
    #servicios .list div{
        margin: 0px auto;
        display: table;
    }
    #servicios .text p{
        margin-bottom: 5px;
        margin-top: 12px;
    }
    /******************TARIFAS*********************/
    #tarifas .tabla {
        display: block;
        text-align: center;
    }
    #tarifas .bandera{
        display: block;
        margin: 0px auto;
    }
    /*#tarifas .bandera{
        padding-left: 0px;
    }*/
    /******************APARTAMENTOS*********************/
    #apartamentos .text {
        margin-left: 0px;
        width: 350px;
    }
    #apartamentos .text img {
        margin-right: 13px;
    }
    #apartamentos .book {
        width: 350px;
        padding-top: 48px;
        padding-left: 92px;
        background-size: contain;
        background-repeat: no-repeat;
    }
    #apartamentos .book .list-item {
        font-size: 16px;
        line-height: 25.7px;
    }
    /******************ACTIVIDADES*********************/
    #actividades .actividad .image{
        display: none;
    }
    #actividades .actividad .text .block{
        padding-left: 0px;
    }
    #actividades .actividad .text{
        width: 100%;
    }
    #actividades .actividad .text p {
        margin-bottom: 5px;
    }
    #actividades .actividad .text .pres p {
        margin-right: 504px;
    }
    #actividades .actividad.diamante .text .pres p {
        margin-right: 471px;
    }
    #actividades .actividad.vino .text .pres p {
        margin-right: 406px;
    }
    #actividades .actividad.ciudad .text .pres p {
        margin-right: 448px;
    }
    #actividades .actividad .text .pres .number p {
        margin: 0px;
    }
    #actividades .actividad.even .text {
        margin-left: 0px;
    }
    #actividades .actividad .images .image{
        display: none;
    }
    #actividades .actividad .image-wrapper{
        display: none;
    }
    #actividades .owl-carousel.owl-loaded{
        display: block;
        margin-top: 15px;
    }
}
@media all and (max-width: 767px){
	h1,h2{font-size: 19px}
	
	.pushy-submenu button{font-size: 14px}
	
	.pushy-submenu > a::after, .pushy-submenu > button::after{background: URL('../imgs/arrow.svg') no-repeat!important;}
	
	.container{ width: 600px }
	#servicios .descripcion .container{width: 400px}	
	#main .header-slider .slide-box{top: 400px}
	#header-menu .main-nav{visibility: hidden}
	#top-header #social-icons p{display: none}
	#header-menu .reservas{    margin-top: 12px;margin-left: -410px;}
	#header-menu .menu-btn{font-size: 20px;position: absolute;left: 50%;margin-left: 160px;background-color: #525150;border: none;color: white;padding: 1px 7px;}
	.pushy{background-color: #525150!important}
	#header-menu .main-nav{width: 100%}
	/****************************************
    ****************NUEVO********************
    *****************************************/
    .owl-theme .owl-nav .owl-next{
        margin-left: 563px;
    }
    
    /***************HOME*********************/
	#footer .v-line {
        margin: 0px 22px 0px 10px;
    }
	.main-info .body{
        margin: 15px 0px 15px;
    }
    /***************CONTACTO*************/
    #contacto .formulario .btn-cont{
        margin-left: 401px;
    }
    #contacto .formulario .mail-img{
        margin-left: 0px;
        margin-top: 2px;
    }
    #contacto .grey-box .consulta{
        margin-left: 470px;
    }
    /******************APARTAMENTOS*********************/    
    #apartamentos .title-page {
        text-align: center;
        margin-left: 0px;
    }
    #apartamentos .text {
        width: 100%;
    }
    #apartamentos .text p br {
        display: none;
    }
    #apartamentos .text img:last-child {
        margin-right: 0px;
    }
    #apartamentos .items-wrapper{
        display: table;
        margin: 0px auto;
    }
    #apartamentos .book {
        display: block;
        margin: 0px auto;
    }
    #apartamentos .text p{
        text-align: center;
        margin-bottom: 10px;
    }
    #apartamentos .photos img {
        margin-bottom: 17px;
        width: 292px;
        object-fit: cover;
    }
    /******************ACTIVIDADES*********************/
    #actividades .actividad .text .pres p {
        margin-right: 406px;
    }
    #actividades .actividad.diamante .text .pres p {
        margin-right: 370px;
    }
    #actividades .actividad.vino .text .pres p {
        margin-right: 308px;
    }
    #actividades .actividad.ciudad .text .pres p {
        margin-right: 350px;
    }
    #actividades .actividad .text .pres .number p {
        margin: 0px;
    }
    #actividades .actividad .image-wrapper{
        display: none;
    }
    #actividades .actividad {
        margin-bottom: 30px;
    }
    .owl-carousel .item {
        height: 289px;
    }
    .owl-theme .owl-nav .owl-prev,.owl-theme .owl-nav .owl-next  {
        margin-top: -162px;
    }
    #header-menu .menu-btn{
        margin-top: 10px;
    }
    .grey-bar.header {
        height: 62px;
    }
    #header-menu .reservas{
        margin-top: 2px;
    }
    #actividades .titles .pcont{
       height: 86px; 
    }
    #actividades .titles .pcont .point {
        display: none;
    }
    #actividades .titles .pcont div {
        display: block;
    }
}


@media all and (max-width: 639px){
    .owl-theme .owl-nav .owl-next{
        margin-left: 363px;
    }
    .container {
        width: 400px;
    }
    .owl-carousel .item {
        height: 223px;
    }
    #header-menu .reservas{
        margin-left: -323px
    }
    .owl-theme .owl-nav .owl-prev, .owl-theme .owl-nav .owl-next {
        margin-top: -140px;
    }
    /***********HOME***********/
    #presentacion .video{
        width: 400px;
        height: 225px;
    }
    .main-info .image{
        display: none;
    }
    #footer .black-bar .contact-data .blocktext .gen {
        font-size: 15px;
        text-align: center;
    }
    #footer .black-bar .contact-data .blocktext .important {
        font-size: 23px;
        text-align: center;
    }
    #footer .blocktext{
        display: block;
    }
    #footer .black-bar .container > div{
        width: 100%;
    }
    #footer .v-line{
        margin: 10px 0px;
        border-left: none;
        border-top: 1px solid white;
        height: 1px;
        width: 100%;
    }
    .main-info .text{
        width: 400px;
    }
    /***************CONTACTO*************/
    #contacto .grey-box{
        font-size: 11px;
    }
    #contacto .formulario .btn-cont {
        margin-left: 203px;
    }
    #contacto .grey-box .consulta {
        margin-left: 270px;
        margin-top: -35px;
    }
    #contacto .mapa {
        width: 100%;
        height: 475px;
    }
    #contacto .mapa .mapita{
        width: 100%;
    }
    #contacto .mapa .maps{
        margin-left: 113px;
    }
    /******************SERVICIOS*********************/
    
    .owl-theme .owl-dots .owl-dot span{
        width: 8px;
        height: 8px;
    }
    /******************TARIFAS*********************/
    br.notap {
        display: block;
    }
    #tarifas .imgvline.false {
        display: inline-block;
    }
    #tarifas .prices{
        margin-left: 54px;
        margin-right: 53px;
    }
    #tarifas .imgvline.dis {
        display: none;
    }
    #tarifas .title-page {
        margin-left: 0px;
        text-align: center;
        margin-bottom: 10px;
    }
    #tarifas .prices.prin{
        display: none;
    }
    #tarifas .imgvline.false, #tarifas .imgvline{
        display: none;
    }
    #tarifas .prices.ndisplay .pax{
        margin-bottom: 0px;
    }
    #tarifas .prices.ndisplay p.price{
        margin-bottom: 15px;
    }
    #tarifas .hline.last{
        margin-top: 0px;
    }
    #tarifas .prices.ndisplay {
        display: inline-block;
    }
    /******************APARTAMENTOS*********************/ 
    #apartamentos .photos{
        justify-content: center;
    }
    /******************ACTIVIDADES*********************/
    #actividades .actividad.vino .text .pres p {
        margin-right: 109px;
    }
    #actividades .actividad.diamante .text .pres p {
        margin-right: 168px;
    }
    #actividades .actividad .text .pres p {
        margin-right: 203px;
    }
    #actividades .actividad.ciudad .text .pres p {
        margin-right: 148px;
    }
    #actividades .actividad .text .pres .number p {
        margin: 0px;
    }    
    #actividades .actividad .images .image{
        display: none;
    }
    #contacto .formulario{
        margin-bottom:22px;
    }
}
@media all and (max-width: 479px){
.slide{background-attachment:initial!important; height: 197px!important}
.header-slider, .header-slider .slide{height: 197px!important}


	.container{ width: 300px }	
	#top-header #logo{    display: block;margin: 0 auto;background-position: -14px -5px;background-repeat: no-repeat;}
	#top-header #social-icons{position: initial;margin: 0 auto;display: block;width: 183px;margin-top: 10px;}
	#header-menu .reservas{    margin-left: -270px;margin-top: -4px;}
	#main .header-slider .slide-box{margin-top: 350px}
	#header-menu .menu-btn nav{height: 40px}
	.header-slider,
	.header-slider .slide{height: 237px}
	
	#main .header-slider .slide-box{top: 180px;width: 300px;left: 50%;margin-left: -150px; padding: 10px 0; text-align: center; }
	#main .header-slider .slide-box p{display: inline-block; vertical-align: top}
	#main .header-slider .slide-box .slide-button{margin: 0}
	#header-menu{height: 60px}
	#header-menu .menu-btn{margin-top: 4px; margin-left: 120px;
    background-image: URL('../imgs/menu.png');
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    font-size: 0;
    height: 30px;
    width: 30px;}
	
    /****************************************
    ****************NUEVO********************
    *****************************************/
    #top-header #social-icons{
        text-align: center;
    } 
    .owl-theme .owl-nav .owl-next{
        margin-left: 263px;
    }
    .owl-carousel .item {
        height: 223px;
    }
    #contacto p {
        width: 300px;
    }
    #contacto p.premail{
        width: 300px;
    }
    #contacto .formulario .ubicacion{
        width: 300px;
    }
    #header-menu .reservas{
        margin-top: 1px;
    }
    /***********HOME***********/
    #presentacion .video {
        width: 300px;
        height: 169px;
    }
    .main-info {
        margin-bottom: 15px;
    }
    .main-info .separador {
        position: absolute;
        margin-top: -39px;
        width: 300px;
    }
    .main-info .text{
        width: 300px;
    }
    .main-info .body br{
        display: none;
    }
    /***************CONTACTO*************/
    
    #contacto .formulario form p.obligation{
        font-size: 9px;
    }
    #contacto .formulario .btn-cont {
        margin-left: 101px;
        margin-top: 7px;
    }
    #contacto .mapa {
        height: 354px;
    }
    #contacto .grey-box .consulta {
        margin-left: 170px;
        margin-top: -1px;
    }
    #contacto .mapa .maps{
        margin-top: -9px;  
        margin-left: 80px;
    }
    #contacto .mapa .maps .arrows {
        width: 14px;
    }
    #contacto .mapa .maps a{
        font-size: 9px;
        margin: 0px 3px;
    }
    #contacto .formulario form p.obligation{
        width: 94px;
    }
    
    #servicios .info {
        margin-bottom: 0px;
    }
    #servicios .list .bandera {
        padding: 42px 0;
        background-size: contain;
        width: 300px;
        background-repeat: no-repeat;   
    }
    #servicios .list .bandera p {
        font-size: 14px;
    }
    /******************TARIFAS*********************/
    #tarifas .prices {
        margin-left: 42px;
        margin-right: 41px;
    }
    #tarifas .bandera .band-text{
        font-size: 14px;
    }
    #tarifas .bandera{
        padding-top: 33px;
     padding-left: 27px;
        background-size: contain;
        background-repeat: no-repeat;
        width: 300px;
    }
    /******************APARTAMENTOS*********************/ 
    #apartamentos .text img {
        margin-right: 7px;
    }
    #apartamentos .book {
        width: 300px;
        padding-top: 43px;
        padding-left: 78px;
        height: 345px;
    }
    #apartamentos .book .list-item {
        line-height: 21.7px;
        font-size: 14px;
    }
    #apartamentos .info{
        margin-bottom: 30px;
    }
    
    #actividades .actividad.diamante .text .pres p {
        margin-right: 73px;
    }
    #actividades .actividad .text .pres p {
        margin-right: 105px;
    }
    #actividades .actividad.vino .text .pres p {
        margin-right: 6px;
    }
    #actividades .actividad.ciudad .text .pres p {
        margin-right: 47px;
    }
    #actividades .actividad .text .pres .number p{
            margin: 0px;
    }
    #contacto .formulario{
        margin-bottom: 55px;
    }
}