@media (max-width: 900px) 
{

  a, p, span, b{
    font-size: 16px !important;
  }
  .page p{
    line-height: 1.6 !important;
  }

  h1{
    font-size: 26px !important
  }
  h2{
    font-size: 22px !important
  }

  .container {
    padding: 0px 10px;
  }

  .videoindex{
    margin-bottom: 30px !important;
  }

  .texto-slider{
    top: 35%;
    left: 23px;
  }

  .inicio{
    margin-top: 124px;
  }

  .logo{
    padding: 15px 0px 15px 13px;
  }
  .logo img{
    width: 100px;
  }
  .nav-sub{
    display: none;
  }
  .menu{
    display: none;
  }
  .menu2{
    width: 100%;
    top: 124px;
    padding: 10px 0px 20px 0px;
    position: fixed;
    z-index: 996;
  }

  .friendly{
  	background-size: 100% 120px;
  	height: 120px;
  	margin-bottom: 0px;
  }
  .friendly-texto{
  	float: inherit;
  }

  .top h2{
  	text-align: center;
  	padding-left: 0px;
  }

  .menu2 ul{
    width: 100%;
    padding: 0px;
    margin: 0px;
  }

  .menu2 ul li{
  	display: block;
  	
  	padding: 10px 0px 10px 0px;
  }
  .pestana{
  	padding: 10px 20px;
  }
   .menu2 .sub-menu{
  	position: relative;
  	margin-left: -10px;
    padding: 0px 0px;
    margin-top: 10px;
  }
  .menu2 ul li ul li a{
  	padding: 0px 20px;
  }
  .menu2 ul li ul li{
    padding-left: 15px;
  }
  .mmovil{ 
    display: block;
    position: fixed;
    z-index: 997;
    top: 50px;
    right: 25px;
  }

  .fiestas-banner{
    margin-left: -10px;
    padding: 0px 10px;
    margin-bottom: 0px !important;
  }

  .fiestas-banner p{
    font-size: 12px !important;
  }

  .solomovil{
  	display: block !important;
  	margin-bottom: 20px;
  }
  .solomovil li a{
  	color: white;
  }

  #span2{
    font-size: 28px !important;
    color: #9a1630;
  }

  header .container{
    position: fixed;
    width: 100%;
    background-color: white;
    z-index: 996;
    top: 0px;
  }

  .eventop{
  	display: none;
  }

  .volver{
  	font-size: 26px !important;
  }

  .galeria img, .galeria iframe{
  	width: 49% !important;
  	max-height: 100px;
  }
  .buscador p{
  	width: 100%;
  }
  .buscador select{
  	margin-left: 0px;
  	width: 100%;
  	font-size: 16px;
  }

  .buscador{
  	margin-top: 76px;
  }
  .buscador select{
  	width: 96%;
  	margin: 0% 2%;
  	margin-top: 20px;
  }

  .perder{
  	padding-left: 8px;
  	font-size: 18px;
  }
  .sub-menu-form label,  .buscador label{
  	font-size: 16px;
  	padding-left: 8px;
  	margin-left: 0px;
  }
  .sub-menu-form {
  	width: 95% !important;
  	padding: 20px 10px !important;
  }
  .sub-menu-form select{
  	font-size: 18px;
  	width: 100%;
  	margin-left: 0px;
  	margin-top: 10px;
  }
  .sub-menu-form option, .buscador option{
  	font-size: 18px;
  }
  .busca{
  	margin-top: 20px !important;
  	padding: 0px 10px 40px 10px !important;
  }

  .mensaje{
    margin: 30px 0px 0px 0px;
    padding: 20px;
  }
  .slideshow-container{
    height: 250px;
    margin: 30px 0px 30px 0px;
  }
  .mySlides{
     height: 250px;
  }
  .mySlides iframe{
  	height: 250px;
  }
  .dots{
    left: 42%;
  }
  .dos-col{
    margin-bottom: 30px;
  }
  .dos-col div{
    display: block;
    width: 100%;
    margin-bottom: 30px;
  }
  .destacada h2{
    margin: 15px 0px;
  }
  .destacadaimg{
  	width: 100%;
  }
  .destacada p{
  	padding-left: 8px;
  }
  .texto-destacada{
  	width: 100%;
  	margin-left: 0px;
  	margin-top: 20px;
  }
  .emprende{
    width: inherit !important;
    min-height: 200px;
    padding: 45px 0px 0px 45px;
  }
  .redes{
    float: inherit;
    margin-left: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
    grid-template-columns: repeat(1, 1fr);
    width: 100%;
    grid-gap: inherit;
  }
  .redes div, .redes a, .redes iframe{
  	display: block;
  	width: 100% !important;
  }
 
  .horas48 div{
  	width: 89% !important;
  	padding: 10px;
  	border: 10px solid #9a1630;
  }
  .insta, .fb_iframe_widget_fluid span, .redes iframe{
    height: 300px !important;
  }
  .insta{
  	 margin: 0px 0px 10px 0px !important;
  }
  .fb-page span{
  	margin-bottom: 0px;
  }
  .avisos-frame{
    width: 100%;
    margin: 50px 0px 30px 0px;
  }
  .avisos-frame img {
    width: 30px !important;
    margin-right: 5px;
    margin-bottom: 15px;
  }
  .avisos-frame h3, .avisos-frame2 h3, .avisos-frame b, .avisos-frame2 b{
    font-size: 20px !important;
  }
  .avisos-frame .separador, .avisos-frame2 .separador{
    width: 1px;
    height: 30px;
    margin: 0px;
    vertical-align: sub;
  }
  .avisos-frame2 a, .avisos-frame a{
    margin-left: 5px;
    margin-bottom: 15px;
    font-size: 18px !important;

  }

  .aviso{
    padding: 10px 13px 20px 13px;
  }
  .avisos-frame .aviso{
  	padding: 10px 13px 0px 13px;
  	margin-bottom: 0px;
  }

  .aviso .fecha, .aviso .tipo-aviso{
     font-size: 18px !important;
  }
  .texto-aviso{
    margin-top: 10px;
    width: 100%;
  }

  .img-footer{
  	padding-bottom: 40px;
  }

  .img-footer a {
  	width: min-content;
  	padding: 0px;
  }

  .img-footer a img{
  	width: 49%;
  	margin-bottom: 10px;
  	padding: 0px;
  }
 

  .name-footer{
    margin-bottom: 20px;
  }
  .menu-footer{
    float: inherit;
  }
  .menu-footer a{
    margin-right: 9px;
  }
  .menu-footer a:first-child{
    display: none;
  }
  .separador{
    display: none !important;
  }


  .page{
    padding: 30px 10px 0px 10px;
    margin-top: 124px;
  }
  
  .content{
    margin: 30px 0px;
  }
  .textohoras .content{
  	margin-top: 50px;
  }
  .textohoras h1{
  	margin-bottom: 10px;
  }
  .textohoras .content .notices{
  	grid-template-columns: repeat(1, 1fr);
  }
  .textohoras .notice img{
  	max-height: 180px !important;
  }
  .sectores{
    margin-top: 30px;
  }
  .sector{
    display: block;
    width: 100%;
    margin-bottom: 30px;
  }
  .page .aviso p{
    margin-bottom: 0px;
  }
  .legal h3, .legal p {
    padding-left: 0px;
  }


  .izquierda, .derecha, .elemento-izq, .elemento-der{
    display: block;
    width: 100%;
    margin-bottom: 30px;
    
  }
  .derecha{
    margin-left: -7px;
  }
  .elemento-der{
    margin-left: 3px;
  }
  .elemento-izq img, .horario, .documentos, .datos{
    margin-bottom: 30px;
  }
  .face{
    margin-top: 30px;
    height: 300px;
  }
  .face iframe, .face span{
     height: 300px !important;
  }

  .inicio .notice:nth-child(3), .page .notice:nth-child(3n+2){
  	margin: 10px 0px 40px 0px;
  }



  .notice, .page .notice{
    display: block;
    width: 100%;
    margin: 10px 0px 40px 0px;
  }
  .notice h2 {
    margin: 15px 0px;
  }

  .notice h2 a{
    font-size: 22px !important;
  }

  #myBtnContainerr{
    width: 100%;
  }
  .btn{
    font-size: 20px !important;
  }
  .despliegue{
    width: 100%;
    margin-top: 20px;
    margin-left: 0px;
  }
  .filterDiv{
    padding-left: 8px;
  }


}