/* == Responsive CSS == */

@media only screen and (min-device-width:320px) and (max-device-width:480px) {
    .wrapper { width: 320px !important; }
    .container { max-width: 280px !important; }
}

@media only screen and (min-device-width:481px) and (max-device-width:640px) {
    .wrapper { width: 480px !important; }
    .container { max-width: 440px !important; }
}

@media only screen and (min-device-width:641px) and (max-device-width:799px) {
    .wrapper { width: 640px !important; }
    blockquote { max-width: 580px; }
}

@media only screen and (min-device-width:320px) and (max-device-width:799px) {
    .wrapper { background-image: none !important; }
    #primary.widget-area, #footer-widget-area, #social-profiles, #home-content { display: none; }
    #mobile-posts { display: block; }
    #header .wrapper { text-align: center; }
    .comment-meta { width: 65%; }
    .comment-avatar { margin-right: 25px; }
}

@media only screen and (min-device-width:320px) and (max-device-width:640px) {    
    .slider-wrapper { display: none; }    
    #primary-navigation .primary-menu { display: none; }
    #primary-navigation .responsive-menu { display: block; }
    #primary-navigation .responsive-menu li { float: none; display: block; }
    #primary-navigation .responsive-menu li a { border: 0 none; text-align: center; }
}

@media only screen and (min-device-width:641px) and (max-device-width:799px) {
    #primary-navigation .responsive-menu { display: none; }
}