@charset "utf-8";
/* CSS Document */

@media only screen and (max-width:1024px){
.logo img{ width:100%;}
.phone_wrap a {
    color: #020202;
    font-size: 13px;
    line-height: 26px;
}
.iner_service h2{ color:#ff9a12; font:500 15px/22px 'Raleway'; margin:8px 0 7px 0 !important; min-height:76px;}
.iner_service p{ color:#fff; margin: 0 0 5px 0 !important; min-height:48px;}
}

@media only screen and (max-width:767px){
	.logo{ padding:13px 0 7px 0; text-align:center; }
.logo img{ width: auto;}
.phone_wrap{ float:none; padding-top:10px; width:165px; margin:0 auto; padding-bottom:0px; }	
.head_wrap{ background:url(../images/bg1.jpg) top center repeat;}	
.phone_wrap a{ color:#020202; font-size:18px;  line-height:26px;}	
.iner_service h2{ color:#ff9a12; font:500 19px/22px 'Raleway'; margin:8px 0 7px 0 !important; min-height:auto;}
.iner_service p{ color:#fff; margin: 0 0 5px 0 !important; min-height:auto;}
.avalon_wrap{ background:none; padding:53px 0 0 0;}
.iner_avalon{ padding-bottom:34px; width:100%;}
.foot1{ text-align:center; margin-bottom:25px;}
.foot2{ width:100%;}
	}

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

.logo img{ width: 100%;}
}