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

	#somos{
		width: 100%;
		padding: 50px;
	}

	#ultimas_noticias .cols {
	    width: 1000px;
	    text-align: center;
	}

	#ultimas_noticias .col1 {
    	width: 30%;
    }

    footer .cols {
	    width: 90%;
	}

	.subsections.slide{
		width: 100%;
	}

	.subsections.slide .item{
		width: 90%;
	}

	.subsections.slide h3{
		width: 90%;
		left: 5%;
		margin-left: 0px;
	}

	.subsections.slide .controls{
		left: 5%;
		margin-left: 0px;
	}

	.articles{
		width: 94%;
	}

	.social_noticia{
		width: 90%;
	}

	body.noticia .contentblock{
		width: 90%;
	}

	#breadcrumb{
		width: 90%;
	}

	section#formcontacto{
		width: 90%;
	}

	#grid {
    	width: 100%;
    }

    #grid .col1:nth-child(2n+1) {
    	background-position: right top;
    }

    #grid .col1:nth-child(2n+2) {
    	background-position: left top;
    }

    section#formcuota{
    	width: 100%;
    	max-width: 1100px;
    }

    section#formcuota .col{
    	width: 100%;
    	max-width: 540px;
    }

    .contentblock .iframevideo{
		height: 400px;
	}

	#mapa-craft > div:first-child{
		transform: scale(0.75);
	}


}

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

	#megabanner label{
		width: 100%;
		left: 0px;
		margin-left: 0px;
		padding-left: 50px;
		box-sizing: border-box;
	}

	#mision .col70 {
	    width: 100%;
	    height: 350px;
	}

	#mision .col30 {
	    width: 100%;
	    height: 300px;
	    float: none;
	}

	#mision .col30 div.info{
		width: 500px;
	}

	#somos>.col50{
		width: 100%;
	}

	#somos>.col50:last-child{
		padding-top: 20px;
	}

	#ultimas_noticias .cols {
    	width: 100%;
    }

    #ultimas_noticias .col1:last-child {
    	padding: 35px 15px;
    }

    .intro_text{
    	width: 90%;
    }

    .contentblock{
    	width: 100%;
    	margin: 30px auto
    }

    #grid {
    	width: 100%;
    }

    #grid h2{
    	width: 90%;
    	margin-left: 5%;
    }

	#grid.gridimg .cols{
		grid-template-columns: 1fr;
	}

    #pager_sections a.pagersection {
    	top: -205%;
    }

    .subsections.slide .text{
    	line-height: 23px;
    }

    .subsections.slide h3{
    	font-size: 55px;
    }

    .articles article div h2 {
	    font-size: 29px;
	    line-height: 35px;
	}

	#twittercol{
		display: none!important;
	}

	/*#asociate_banner {
		height: 86px;
		background-image: url(../img/GIF_NUEVOS_CERVECEROS_320.gif);
	}*/

	#mapa-craft {
		height: 750px;
	}

	#mapa-craft > div:first-child{
		transform: scale(0.58);
		margin-top: -130px;
    }

	#list-craft .isprovince {
		grid-template-columns: 1fr;
	}


}

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

	.warning p{
		width: 90%;
	}

	.warning h1{
		width: 90%;
	}

	nav ul{
		display: none;
	}

	nav .logo{
		width: 180px;
		margin: 20px 0 0 20px;
	}

	nav .logo img{
		width: 100%;
	}

	#menu_mobile{
		display: inline-block;
		position: absolute;
		top: 20px;
		right: 20px;
		width: 40px;
		height: 40px;
		z-index: 100;
    	line-height: 10px;
	}

	#menu_mobile span{
		background-color: #4a4a4a;
		width: 100%;
		height: 3px;
		display: inline-block;
		position: relative;
	}

	body.home #menu_mobile span {
	    background-color: #fff;
	}

	#menu_mobile span:nth-child(2){
		width: 90%;
	}

	#menu_mobile span:nth-child(3){
		width: 80%;
	}

	#megabanner label{
		width: 90%;
		text-align: center;
		padding: 0px;
		left: 5%;
		font-size: 16px;
		line-height: 22px;
	}

	#megabanner label span{
		font-size: 22px;
		line-height: 28px;
	}

	#somos .col50:first-child {
	    padding-right: 0px;
	    padding-bottom: 50px;
	}

	#somos .col50 h2 {
    	font-size: 25px;
    }

	#somos .col50 h3 {
	    font-size: 17px;
	    line-height: 23px;
	}

	#mision div.info {
	    width: 90%;
	}

	#mision .col30 div.info{
		width: 90%;
	}

	#somos .col50{
		width: 100%;
	}

	#ultimas_noticias .cols{
		width: 300px;
	}

	#ultimas_noticias .col1{
		width: 100%;
	}

	#ultimas_noticias .col1:first-child{
		margin-right: 0px;
	}

	#ultimas_noticias .col1:last-child{
		margin-left: 0px;
	}

	.intro_text h1 {
	    font-size: 25px;
	    line-height: 35px;
	    padding: 15px 0;
	    width: 100%;
	}

	.contentblock{
		margin: 5px 0; 
		font-size: 14px;
    	line-height: 24px;
	}

	#grid{
		padding-top: 20px;
		width: 320px;
	}

	#grid h2{
		font-size: 22px;
	}

	#grid .col1{
		width: 100%;
	}

	#grid .col1:nth-child(2n+1):after{
		border-right: none;
	}

	#grid.g_00cc7a316ab506085a59578b9cfc6a6a .col1{
		margin-left: 0;
	}

	#pager_sections{
		padding: 0px 0px;
		background-color: #fff;
		display: block;
		height: auto;
	}

	#pager_sections .prev_subsection{
		width: 100%;
		background-color: rgba(243,243,243,1);
		float: none;
		padding: 50px 0px 40px;
		flex: none;
	}

	#pager_sections .next_subsection{
		width: 100%;
		background-color: #fff;
		float: none;
		padding: 50px 0px 40px;
		flex: none;
	}

	#pager_sections h4{
		padding: 0 20px;
	}

	.block_col2, .block_col3, .block_col4{
		column-count: 1;
	}

	.subsections.slide {
    	height: auto;
    }

	.subsections.slide h3 {
	    font-size: 35px;
	    position: relative;
	    bottom: inherit;
	    margin-bottom: 70px;
	}

	.subsections.slide .text {
	    padding: 120px 0 40px;
	}

	.articles a{
		text-decoration: none;
	}

	.articles article{
		height: auto;
		margin-bottom: 20px;
	}

	.articles article div{
		width: 100%;
		float: none;
		padding: 40px 20px;
	}

	.articles article figure{
		width: 100%;
		float: none;
		height: 250px;
	}

	.articles article.right div{
		float: none;
	}

	.articles article.right figure{
		float: none;
	}

	.articles article div h2 {
	    font-size: 20px;
	    line-height: 26px;
	}

	#banner_img span {
	    font-size: 20px;
	    width: 90%;
	    line-height: 30px;
	}

	.social_noticia time{
		width: 100%;
		display: block;
	}

	.addthis_toolbox{
		position: relative;
		margin-top: 20px;
	}

	footer .cols .col30, footer .cols .col70{
		width: 100%;
		float: none;
	}

	#maincontent.menu_open{
		left: -300px;
	}

	aside div.content{
		width: 300px;
		padding: 30px 20px 30px 15px;
	}

	aside.open{
		width: 300px;
	}

	aside ul li a.btn {
	    padding: 0 5px;
	    font-size: 15px;
	}

	footer .secciones li{
		width: 100%;
		float: none;
		text-align: center;
    	padding-bottom: 20px;
	}

	footer .social{
		text-align: center;
		font-size: 25px;
	}

	footer .cols .col30{
		display: none;
	}

	#errorconstruccion{
		width: 300px;
	}

	#errorconstruccion h1{
		font-size: 30px;
	}

	#pager_sections .controls{
		display: none;
	}

	.subsections{
		height: auto;
		padding: 50px 0;
	}

	.subsections ul li{
		width: 100%;
	}

	.subsections ul li a{
		height: auto;
	}

	section#formcontacto .col{
		width: 100%;
	}

	#logos {
    	padding: 60px 20px;
		width: 350px;
		margin: 0 auto;
    }

    #logos #prevlogo.pager {
	    left: 10px;
	}

	#logos #nextlogo.pager {
	    right: 10px;
	}

	#logos_slider {
	    width: 70%;
	}

	#searchmov #searchform div{
		width: 80%;
		margin-right: 6px;
		padding: 0;
	}

	aside .secciones {
		margin-top: 0px;
	}

	nav #searchform div input, #searchmov #searchform div input{
		box-sizing: border-box;
		max-width: 100%;
		margin-top: 7px;
	}

	#searchmov{
		display: inline-block;
		width: 130px;
		padding: 0;
	}

	aside ul li:nth-child(1), aside ul li:nth-child(2), aside ul li:nth-child(3){
		margin-bottom: 8px;
	}

	.contentblock iframe{
		width: 100%;
	}

	#menusections.listado ul>li.clipping{
		margin: 10px 0;
	}

	#breadcrumb.userlogged ul li{
		float: none;
		padding-bottom: 5px;
	}

	#ultimas_noticias .col1 article {
		overflow: hidden;
	}

	#langmov{
		display: block;
		text-align: right;
		padding-right: 30px;
    	box-sizing: border-box;
	}

	.contentblock .iframevideo{
		height: 300px;
	}

	#asociate_banner {
		height: 150px;
		background-image: url(../img/BREWERS2022_Banner-320.jpg);
	}

	.contentblock {
		padding: 0 10px;
		box-sizing: border-box;
	}

	.contentblock.flex {
		display: block;
	}

	.contentblock .cols2 {
		-ms-flex: 1 0 calc(100%);
		flex: 1 0 calc(100%);
		padding: 0px;
		margin: 0;
		box-sizing: border-box;
	}

	.intro_text h3 {
		font-size: 18px;
	}

	.contentblock h3{
		font-size: 18px;
	}

	.contentblock h4 {
		font-size: 17px;
	}

	#pager_sections h4 {
		font-size: 18px;
	}

	.foro .desc_perfil label{
		width: auto;
	}

	.foro .desc_perfil input{
		width: 96%;
	}

	.foro .desc_perfil .img_perfil{
		margin-left: 0;
	}

	.foro .table .row:not(:first-of-type) .desc{
		width: calc(100% - 50px);
	}

	.foro .cont, .foro .prop{
		display: none;
	}

	.foro .desc_resp{
		width: calc(100% - 10px);
	}

	.foro .botonera-sup form {
		display: block;
		float: none;
	}

	.foro .botonera-sup form input {
		height: 25px;
		width: calc(100% - 30px);
		box-sizing: border-box;
	}

	.overlaw .wrap{
		padding: 1rem;
	}

	.flex{
		flex-direction: column;
	}

	footer .colsgobierno{
		grid-template-columns: 1fr;
		margin-top: 30px;
		gap: 20px;
		text-align: center;
	}

	footer .colsgobierno img{
		width: 80%;
		max-width: 350px;
		margin: 0 auto;
	}

	footer .colsgobierno div{
		margin: 0 auto;
	}

	#mapa-craft {
		height: 400px;
	}

	#mapa-craft > div:first-child{
		transform: scale(0.36);
        margin-top: -30px;
    }

	.warning h2.big {
		width: 90%;
		max-width: 500px;
	}

}

@media only screen and (max-width: 400px) {
	#mapa-craft > div:first-child{
		transform: scale(0.33);
        margin-top: -30px;
    }

	#mapa-craft {
        height: 350px;
    }
}

@media only screen and (max-width: 360px) {
	#mapa-craft > div:first-child{
		transform: scale(0.28);
        margin-top: -30px;
    }
	#mapa-craft {
        height: 300px;
    }
}