/* ========================================================================== Medium Layout: 1280px. ========================================================================== */ @media only screen and (min-width: 992px) and (max-width: 1200px) { } /* ========================================================================== Tablet Layout: 768px. ========================================================================== */ @media only screen and (min-width: 768px) and (max-width: 991px) { .main {width: 730px;} .content {width: 395px;} .footer_one, .footer_two, .footer_three {width: 210px;} #searchform input#s {border-radius: 0px;display: inline-block;float: left;width: 50%;} #searchform input#searchsubmit {border-radius:0px;padding: 8px 15px;width: 28%;} } /* ========================================================================== Wide Mobile Layout: 480px. ========================================================================== */ @media only screen and (min-width: 200px) and (max-width: 767px) { .slicknav_menu {display: block;} .menu {display: none;} .main {margin: 10px auto;width: 100%;} .header_area {max-width: 767px;width: 96%;} .logo {max-width: 225px;} .social_area {height: auto;padding-right: 0;width: 150px;} .content, .slider {margin-left: 15px;padding-top: 10px;width: 93%;} .footer_area .left, .footer_area .right {float: left;padding-left: 15px;text-align: left;width: 94%;} } /* ========================================================================== Mobile Layout: 320px. ========================================================================== */ @media only screen and (min-width: 200px) and (max-width: 479px) { .slicknav_menu {display: block;} .menu {display: none;} .logo {max-width: 225px;float: none;margin: 0 auto;text-align: center;} .social_area { height: auto;padding-right: 0;width: 150px;float: none;margin: 5px auto;padding-top: 10px;} }