@media screen and (max-width: 1200px) {
.href a{
margin:10px;
}
.tab>div{
display:block;
text-align:center;
}

.menu>div{
width:auto;
}
.w{
    width: auto;
padding: 20px;
}
body{
min-width:300px;

font-size:18px;
}
.b1{
	
	    height: 110vw;
}
.title1{
	transform: rotate(-20deg);
    position: absolute;
    color: #fff;
    top: 43vw;
    font-size: 5vw;
    left: 50%;
    text-align: center;
    margin-left: -22vw;
    font-style: italic;
    font-family: Roboto;
	
}

.logo1{
	padding-top:50px;
background:#000;
position:initial;
}

.logo1>*{
margin:10px;
display:inline-block;
}



.fl,.fr{
display:inline-block;
margin:auto;
text-align:center;
float:none;
width:100%;
}
img.fl,img.fr{

width:auto;
}


h1>img{
height:24px;
}
h2{
font-size:20px;
}
h1{
padding:5px 0;
font-size:36px;
}



img{
max-width:90%;
}
p{

padding:0;
margin:10px 0;
font-size:16px;
}


.afr{
position:initial;
}




.f2 img{
max-width:45%;
margin:5px;
display:inline-block;
}
.f2{
text-align:center;

}


.xm{
display:none !important;
}


.map123{
display:none;
}

.bb{
height:20vh;/**/

background-attachment: unset;
 background-position:center;
background-size:100vw auto ;



}

.beer_pic>img{
max-width:80%;
max-height:200px;
}
.beer_pic{
float:none;
text-align:center;
width:100%;
}

.beer_table>div{
display:block;
padding:10px 0;

}



.tab{
/*display:block;*/
text-align:center;

}


.tab>div{
/*display:inline-block;*/

}






.market img{

width:40%;

}







.tab1>div>div{
/*display:table-cell;*/
vertical-align:middle;
/*
width:50%;
*/
}
.tab1>div{

/*display:table;*/
width:100%;

}
/*
.tab1 img{
margin: 10px auto;
display:inline-block;
width:50px;

}

*/

.bigform{
width:100%;
height: 100%;
overflow:auto;
}



#sidebar{
width:100%;

}



.bb{

}


.logo3 img{
display:inline-block;
}




.linklogo{
	margin: 20px;
	    width: 140px;
    position: relative;
     left: auto; 
     top: auto; 
    display: inline-block;
    background: #EF390F;
    z-index: 5;
}











.banimg img{
max-height:130px;
}


.home_bg{

	
}






.medal img{
	height:180px;
	
}

.medal>div{
	padding: 10px;
	
}



.bottle{
		padding:20px 0;
	
}


.bottle img{
		/*margin:10px 0px;*/
	height: 180px;
	
}




.can{
		padding:20px 0;
	
}


.can img{
		margin:10px 0px;
	height: 140px;
	
}


.menu_button img{
	  height: 36px;
	margin:10px;

}
.menu_button{
	text-align:right;

	top:0;
	right:0;

}






.franchise h1{
	font-size:40px;
	
}




.franchise h2{
	font-size:30px;
	
}

.tab2{
	    font-size: 20px;
	
}


.franchise .bw h2{
	
	font-size:30px;
}


.franchise input,.franchise textarea{
	    font-size: 20px;
	width:100%;
	display:block;
	
}

.franchise .title{
    position: initial;
    font-size: 40px;
    text-align: center;
}



.franchise .f1{
	float: none;
	margin-left: 0;
	
}


.button3{
	    padding: 10px 30px;
	    font-size: 20px;
	
}
ol{
	    padding-left: 20px;
}





.fs{
	   padding-top: 75px;
	
}







}



@media screen and (max-height: 400px) {
#sidebar{
    zoom: 0.6;
}
}