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

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


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

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

    }

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

@media only screen and (max-width: 1400px) {
     
.header li a {
    font-size: .8em;
	}
	
    }


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

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

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

    }

/* #Mobile
================================================== */ 
   
    @media only screen and (max-width: 800px) { 
    
.ordenador,
.sticky-wrapper {
    display: none;
    }
    
.home h1.logo {
    display: inline-block;
    margin: 0;
    padding: 5px 0 0 5px;
    }
    
.donde .borde {
    padding: 20px;
    }
    
.donde .camino-santiago {
    margin-top: 30px;
    }
    
.gastronomia .info {
    margin-bottom: 30px;
	} 
	
.gastronomia .mostrario {
	padding: 0 15px;
    }
    
.gastronomia .mostrario .row {
	margin-bottom: 0;
    }
    
.gastronomia .mostrario .texto,
.gastronomia .mostrario .imaxe {
	margin-bottom: 20px;
    }

h1.logo a {
	background: transparent url("../img/logo-azul.svg") no-repeat;
	width: 65px;
	height: 65px;
	text-indent: -99999px;
	display: inline-block;
	}
	
.sobre .cabeceira {
    display: none;
    }
    
.titulo, .section .page h1, .single .page h1 {
    margin-bottom:20px;
    }
    
.contacto .formulario-contacto {
    padding: 10px;
    }
    
.nosa-chef .info {
    min-height: 0;
    padding-top: 0;
    background: none;
    margin-bottom: 30px;
    }
    
.tira-iconos .puntos .punto,
.nosa-gastronomia .puntos .punto,
.camino-santiago .puntos .punto,
.actividades .puntos .punto {
    margin-bottom: 20px;
    } 
    
.tira-iconos .puntos .punto:last-child,
.nosa-gastronomia .puntos .punto:last-child,
.camino-santiago .puntos .punto:last-child,
.actividades .puntos .punto:last-child {
    margin-bottom: 0;
    }   
    
.dudas .resposta {
    padding: 38px;
    }
    
.dudas .resposta .info {
    border: none;
    }
    
.titulo,
.section .page h1 {
    font-size: 1.4em!important;
    }
    
.slider-pequeno .carousel-inner .col {
    width: 100%;
    border: none;
    margin-right: 0;
    min-height: 0;
    padding: 0;
    }
    
.dispositivo-movil {
    display: inline-block;
    }
    
.header {
    width: 100%;
    height: 75px;
    line-height: 75px;
    }
    
.header .menu-responsive li {
    line-height: 1em;
    }
    
.home h1.logo-teaser a {
    display: none;
    }
    
.donde .puntos {
    padding-top: 30px;
    }
    
.home .header .logo {
    display: inline-block;
    }
    
.donde .puntos-interes .imaxe {
    margin-bottom: 20px;
	}

.home .header .logo,
h1.logo {
    width: 70px;
    float: left;
    padding: 5px 0 0 5px;
    }
            
.header-info {
    padding-top: 0;
    width: auto;
    }
    
.header .iconos-circulo i {
    height: 34px;
    line-height: 34px;
    width: 34px;
    font-size: 1.3em;
    background: rgba(0, 168, 225, 1);
    color: rgba(255, 255, 255, 1);
    margin-right: 5px;
    border-radius: 999px;
    cursor: pointer;
    display: inline-block;
    max-width: 100%;
    position: relative;
    text-align: center;
    top: 0;
    vertical-align: middle;
    word-spacing: 1px;
    }
    
.slideshow-portada .unico-teaser {
    height: auto;
    }
    
.marxe {
    margin-bottom: 30px;
    }
    
.camino-santiago .info {
    margin: 0 5%;
    }
    
.footer .enderezo-postal,
.footer .telefono,
.footer .enderezo-electronico,
.footer .marxe,
.footer .menu-footer,
.footer .reputacion {
    margin: 0 5%;
    }
    
.footer .decorativo {
    background-size: 90%;
    }
    
.footer img {
    margin-top: 24px;
	}
    
.iconos-circulo span {
    display: none;
    }
    
.menu-responsive {
	display: inline-block;
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    font-family: "district_prothin",Arial,Verdana,default3;
    left: 0;
    margin: 0;
    min-height: 600px;
    padding: 60px 5% 0 6%;
    position: fixed;
    top: 0;
    width: 60%;
    z-index: 999999;
    -webkit-transform: translateX(-100%) !important;
	-ms-transform: translateX(-100%) !important;
	transform: translateX(-100%) !important;
	-webkit-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	opacity: 0;
    }
    
.menu-responsive.active {
    -webkit-transform: none !important;
	-ms-transform: none !important;
	transform: none !important;
	opacity: 1;
    }
    
.boton-reserva {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    display: block;
    background: #5bafaa;
    padding: 12px 0;
    }
    
.boton-reserva a {
    color: #fff;
    width: 100%;
    font-size: 1.8em;
    transition: all 0.4s ease-in-out 0s;
	}

.formulario-alojamientos  {
    padding: 15px 0;
    }
    	
.formulario-alojamientos .input-group.mr-sm-2 {
    margin-bottom: 10px;
    }
    
.formulario-alojamientos .btn {
    text-align: center;
    margin: 0 auto;
    }
    
.home .titulo {
    font-size: 1.8em;
    }
    

    
.mais a {
    line-height: 1em;
    height: auto;
    padding: 24px;
    }

.header ul {
    text-align: left;
    }

.header .menu-principal li{
    line-height: 1em;
}   

.header li {
    display: block;
    margin-bottom: 15px;
} 

	}

/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */