@media screen and (max-width: 822px) { .wrap { max-width:608px } .banner { width: 468px; height: 60px; overflow: hidden } .img { width: 100%; height: auto; display: block } .img img { width: auto; max-width: 100%; height: auto; max-height: 100%; margin: 0 auto; display: block } } @media screen and (max-width: 626px) { .wrap { max-width:412px } .lg,.sf { float: none } .lg { margin-bottom: 5px; text-align: center } .sf form { margin: 0 auto } .banner { width: 300px; height: 250px } } @media screen and (max-width: 430px) { .wrap { max-width:346px } .bi { float: none; margin: 0 auto 10px } .banner { width: 100%; height: auto; min-height: 20px } .fo { width: 100% } .cpr,.pgs { float: none; text-align: center } .cpr { margin-bottom: 10px } .attachment .entry h1 { margin-bottom: 35px } .entry .contact input[type=text],.entry .contact textarea { width: 100%; min-width: 0 } } @media screen and (max-width: 364px) { .wrap { max-width:100%; min-width: 240px } }