@media screen and (max-width: 1060px) {
    /************************************************************************************
    FOR PAGE SKIN
    *************************************************************************************/
    
    .skin-page .pagewidth,
    .skin-page-black .pagewidth {
        max-width: 100%;
    }
    /* content */
    
    .skin-page #content,
    .skin-page-black #content {
        width: 67.8%;
    }
    /* sidebar */
    
    .skin-page #sidebar,
    .skin-page-black #sidebar {
        width: 26.2%;
    }
}
@media screen and (max-width: 980px) {
    /************************************************************************************
    STRUCTURE
    *************************************************************************************/
    
    .pagewidth,
    .full_width .themify_builder_row .row_inner {
        max-width: 94%;
    }
    /* content */
    
    #content {
        width: 67.8%;
    }
    /* sidebar */
    
    #sidebar {
        width: 26.2%;
    }
    #header #searchform {
        right: -788px !important;
    }
    .widget.themify-social-links {
        margin-left: 50px;
    }
}
@media screen and (max-width: 760px) {
    /************************************************************************************
    STRUCTURE
    *************************************************************************************/
    
    .fb-like.fb_iframe_widget {
        float: none;
    }
    #content {
        width: 100% !important;
        max-width: 100% !important;
        float: none;
        clear: both;
    }
    /* sidebar */
    
    #sidebar {
        width: 100% !important;
        max-width: 100% !important;
        float: none;
        clear: both;
    }
    #sidebar .secondary {
        width: 48%;
    }

    /************************************************************************************
    HEADER
    *************************************************************************************/
    /* reset absolute elements to static */
    
    #headerwrap,
    #headerwrap #site-description,
    #headerwrap {
        position: static;
        float: none;
        clear: both;
    }
    /* header */
    
    #header {
        height: auto !important;
        padding-top: 20px;
    }
    /* social widget */
    
    .social-widget {
        position: static !important;
        padding: 10px 0;
        float: none;
    }
    /* searchform */
    /* #header #searchform {
     left: auto !important;
     right: 0 !important;
     top: 20px !important;
     width: 150px;
 }
 #header #searchform #s {
     float: right;
     width: 50px;
 }
 #header #searchform input#s:focus {
     width: 150px;
 }
*/
    /* site logo */
    
    #site-logo a {
        font-size: 30px;
    }
    /* site description */
    
    #site-description {
        margin: 0 0 10px;
    }
    /* nav bar */
    
    #nav-bar {
        display: none;
    }
    /************************************************************************************
    MAIN NAV
    *************************************************************************************/
    
    #headerwrap {
        height: auto;
        margin: 10px 0;
    }
    /************************************************************************************
    LAYOUT
    *************************************************************************************/
    
    .list-thumb-image .post-content {
        overflow: visible;
    }
    .list-large-image .post-content {
        overflow: visible;
    }
/*    .main-nav-menu {
        width: auto !important;
    }*/

    #main-nav {
        background-image: url(images/menu-background-3-button-small.png) !important;
        top: -45px !important;
    }
    #main-nav li {
        margin-top: 16px !important;
    }
    #main-nav li a {
        background-image: url(images/menu-button-spritesheet-small.png) !important;
        width: 144px !important;
        height: 66px !important;
    }
    #main-nav li a:hover {
        background-position: -5px -157px !important;
    }
    #main-nav li a:active {
        background-position: -5px -81px !important;
    }
    #main-nav .current_page_item a,
    #main-nav .current-menu-item a {
        background-image: url(images/menu-button-spritesheet-small.png) !important;
        background-position: -5px -157px !important;
    }
    #main-nav li:first-child {
        margin-left: 339px !important;
    }
}
@media screen and (max-width: 600px) {
    /************************************************************************************
    LAYOUTS
    *************************************************************************************/
    /* grid4 */
    
    .loops-wrapper.grid4 .post {
        width: 100%;
        margin-left: 0;
        float: none;
    }
    /* grid3 */
    
    .loops-wrapper.grid3 .post {
        width: 100%;
        margin-left: 0;
        float: none;
    }
    #layout {
        background-image: none !important;
    }
    /************************************************************************************
    POST VIDEO (css for fluid video)
    *************************************************************************************/
    
    .post-video {
        clear: both;
    }
}
@media screen and (max-width: 480px) {
    /* disable webkit text size adjust (for iPhone) */
    
    html {
        -webkit-text-size-adjust: none;
    }
    /************************************************************************************
    GRID
    *************************************************************************************/
    
    .col4-1,
    .col4-2,
    .col2-1,
    .col4-3,
    .col3-1,
    .col3-2 {
        margin-left: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    /*    .mobile-button {
        background: #c3c3c3;
        position: relative;
        width: 32px;
        height: 30px;
        margin-bottom: 3px;
        margin-right: 3px;
        display: block;
        float: right;
        cursor: pointer;
        border-radius: 5px;
    }
    .mobile-button:before {
        content: "\f0c9";
        font: normal 21px/1em FontAwesome;
        color: #000;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -.5em 0 0 -.5em;
        width: 1em;
        height: 1em;
        text-align: center;
    }
    .mobile-button.active:before {
        color: #555;
    }
*/
    /************************************************************************************
    MAIN NAV (MOBILE)
    *************************************************************************************/
    /* main nav */
    /*    #headerwrap #main-nav {
        clear: both;
        position: absolute;
        top: 120px;
        right: 0;
        left: auto;
        bottom: auto;
        width: 160px;
        z-index: 1000;
        padding: 10px 5px;
        background: #fff;
        border: solid 1px #999;
        display: none;*/
    /* visibility will be toggled with jquery */
    /*        box-shadow: 1px 2px 0 rgba(0,
        0,
        0,
        .2);
        border-radius: 5px;
    }
*/
    /* #headerwrap #main-nav li {
     clear: both;
     float: none;
     margin: 5px 0 5px 10px;
     padding: 0;
     border: none;
     box-shadow: none;
     background: none;
 }
*/
    /*   #headerwrap #main-nav a,
    #headerwrap #main-nav ul a {
        font: inherit;
        text-transform: inherit;
        background: none;
        width: auto;
        display: inline;
        padding: 0;
        color: #666;
        border: none;
        text-shadow: none;
        box-shadow: none;
    }*/
    /*    #headerwrap #main-nav a:hover,
    #headerwrap #main-nav ul a:hover {
        background: none;
        color: #000;
    }*/
    /* dropdown */
    /*    #headerwrap #main-nav ul {
        position: static;
        display: block;
        margin: 0;
        padding: 0;
        background: none;
        border: none;
        border-radius: 0;
        box-shadow: none;
    }
*/
    
    #headerwrap #main-nav .sub-arrow {
        display: none;
    }
    /************************************************************************************
    MAIN NAV
    *************************************************************************************/
    /*    #headerwrap #main-nav a {
        margin: 0 10px 5px 0;
        padding: 4px 7px;
    }
*/
    /************************************************************************************
    LAYOUT
    *************************************************************************************/
    /* loops-wrapper */
    
    .loops-wrapper {
        margin-left: 0 !important;
        width: auto !important;
    }
    /* post */
    
    .post {
        width: auto !important;
        height: auto !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        float: none !important;
    }
    .module-title {
        background-image: url(images/section-title-tiny.png) !important;
        /*top: -40px !important;*/
        
        margin-top: -20px !important;
        font-size: 12px;
        padding-top: 3px !important;
    }
    /************************************************************************************
    POST NAV
    *************************************************************************************/
    
    .post-nav .prev,
    .post-nav .next {
        display: block;
        width: 100%;
        clear: both;
        margin-bottom: 10px;
    }
    /************************************************************************************
    COMMENTS
    *************************************************************************************/
    
    .commentlist {
        padding-left: 0;
    }
    .commentlist .commententry {
        clear: left;
    }
    .commentlist .avatar {
        float: left;
        width: 40px;
        height: 40px;
        margin: 0 10px 10px 0;
    }
    /************************************************************************************
    WOOCOMMERCE SUPPORT
    *************************************************************************************/
    
    .woocommerce #content div.product div.images,
    .woocommerce #content div.product div.summary {
        float: none !important;
        width: 100% !important;
    }
    .main-nav-menu {
        width: auto !important;
    }
     #main-nav {
        background-image: url(images/menu-background-480.png) !important;
        /*top: 90px !important;*/
        width: 320px !important;
    }
     #main-nav li {
        margin-top: 14px !important;
    }
    #main-nav li a {
        background-image: url(images/menu-button-spritesheet-480.png) !important;
        width: 70px !important;
        height: 66px !important;
    }

    #main-nav .current_page_item a,
    #main-nav .current-menu-item a {
        background-image: url(images/menu-button-spritesheet-480.png) !important;
        background-position: -5px -157px !important;

    }
    #main-nav li:first-child {
        margin-left: 90px !important;
    }

}