/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {



#wrapper {
		width: 95%;
	}



#logo{
float: left;
font-size: 14px;
width: 63%;
}

#contact{
float: right;
width: 35%;
color: #545452;
font-size: 100%;
}
	



}


/************************************************************************************
smaller than 920
*************************************************************************************/
@media screen and (max-width: 920px) {


.row31div img {
	height:100px; 
	
}

.row31divgrop{
font-size: 16px;
}



}


/************************************************************************************
smaller than 875
*************************************************************************************/
@media screen and (max-width: 875px) {


.row32div{
font-size: 14px;
width:46%;

}

.content1 img {
	max-width: 100%;
	height:auto; 
}



.content2 img {
	max-width: 100%;
	height:auto; 
}




}


/************************************************************************************
smaller than 752
*************************************************************************************/
@media screen and (max-width: 752px) {


.row31div img {
	height:80px; 
	
}

.row31divgrop{
font-size: 14px;
}

.row31div{
height:170px; 
}

.row32div{
width:98%;
font-size: 16px;
}

.row32div p{
height:auto; 
}



}




/************************************************************************************
smaller than 720
*************************************************************************************/
@media screen and (max-width: 720px) {



#fone{
	
	visibility: visible;
}


.row31div img {
	height:140px; 
	
}

.row31divgrop{
font-size: 16px;
}

.row31div{
width:45%;
height:200px; 
}



}


/************************************************************************************
smaller than 690
*************************************************************************************/
@media screen and (max-width: 690px) {


#logo{
float: left;
width: 48%;
font-size: 12px;

}


#contact{
float: right;
width: 48%;
color: #545452;
 
}


.mainleft{
	float: none;
	width: 100%;
	border-bottom: 1px solid #ccc;

}

.mainleft-r{
	float: none;
	width: 100%;
	border-bottom: 1px solid #ccc;

}



.mainright{
	margin: auto;
width: 100%;
	
}

.mainright-r{
	margin: auto;
width: 100%;
	
}




aside {
	float: none;
	display: none;
}

section {
	width: auto;
	clear:both;
	margin-left:0;


}

.row31div img {
	height:170px; 
	
}

.row31div{
height:240px; 
}

.top {
display: none;
}


.gamb {
display: block;
}


.dws-menu{
  overflow: hidden;
 }
 .dws-menu ul{
  display: block;
  max-height: 0;
  transition: max-height 0.3s;
 }
 .dws-menu li>ul li ul{
  position: absolute;
  right: auto;
  top: auto;
 }
 .dws-menu label.toggleMenu{
  display: block;
 }
 input.toggleMenu:checked + label.toggleMenu{
  color: #FFFFFF;
	background: url(fon1.jpg);

 }
 input.toggleMenu:checked ~ ul
{
  display: block;
  position: relative;
  max-height: 5000px;
  transition: max-height 2s ease-in;
 }
 






}





/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {

#logo{
float: left;
width: 48%;
font-size: 12px;

}


#contact{
float: right;
width: 48%;
color: #545452;
 
}

.adress {
font-size: 90%;

}




	
}

/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 560px) {

#logo{
width: 100%;
float: none;
border-bottom: 1px solid #ccc;
}

#contact{
margin: 10px 0 0px 0 ;
padding: 10px 0 10px 0 ;
width: 100%;
float: none;
border-bottom: 1px solid #ccc;
}
	
.art-row32 div{
display: block;
vertical-align: top;
}

.art-row32div{
width:100%;
text-align: left;
background: ;
font-size: 18px;
font-weight:300;
}


}


/************************************************************************************
smaller than 500
*************************************************************************************/
@media screen and (max-width: 500px) {

	/* disable webkit text size adjust (for iPhone) */
	

	html {
     	 -webkit-text-size-adjust: none;
   	}

	

	.map{
	text-align:left;

}

.row31div img {
	height:140px; 
	
}

.row31divgrop{
font-size: 14px;
}

.row31div{
width:45%;
height:200px; 
}


.adress {
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px dotted;
float: none;
width: auto;
font-size: 110%;

}




.map{
padding-top: 10px;
float: none;
width: auto;
margin-left:0;

}

}

/************************************************************************************
smaller than 450
*************************************************************************************/
@media screen and (max-width: 450px) {

.row31div img {
	height:120px; 
	
}
	
}

/************************************************************************************
smaller than 400
*************************************************************************************/
@media screen and (max-width: 400px) {

.row31 div{
display: block;
}



.row31div img {
	height:180px; 
	
}

.row31divgrop{
font-size: 18px;
}

.row31div{
width:auto;
height:auto; 
}

#heading h2 {

	font-size: 20px;
	

}

.rd1{
width: 25%;
margin: 1% 1% 1% 1%  ;
} 

.rd2{
width: 65%;
} 


.rd2 p{
margin:10px 10px;

}

.p2{
font-size: 12px ;
}

.p1{
font-size: 14px ;
}


.content1{
	float: none;
	margin: auto ;
	width: 100%;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;

}

.content2{
	margin: auto ;
	padding-top: 10px;
	width: 100%;
}








	
}