@charset "utf-8";
/* CSS Document */

@media only screen and ( max-width:1100px) {
.wrapper { width:94%; margin:0 2%;}
.footer-inn { width:94%; margin:0 2%;}
.header { text-align:center;}
.address-bar { border:0px;}
.address-bar p { text-align: center; font-size:18px; padding:10px 8px;}
.logo,.header-right,.social,.title,.title-text,.phone,.address-bar { float:none; display:inline-block; width:auto; vertical-align:middle;}
.content-mid { width:75%;}
}


@media only screen and (max-width:768px){
.header { margin-top:70px;}
.title-text h2 { font-size:20px;}
.content-left,.content-mid,.content-mid-left,.content-mid-right,.footer-left,.footer-right { float:none; display:inline-block; width:100%;}
.content { background-image: none;}
.content-left li { float:none; display:inline-block; vertical-align:middle;}
.content-left { background-color:#ebecee;}
.pic-img img, .picsplit-left img, .picsplit-right img { width:auto;}
.address-bar p { width:100%;}
.footer-right p { text-align: left; margin:10px 0 0; }
}
@media only screen and (max-width:620px){
.pic-img img, .picsplit-left img, .picsplit-right img { width:100%;}
}

@media only screen and (max-width:420px){
.logo img { width:100%;}
}