/***************************************************************
* Large Desktop *
****************************************************************/

@media (min-width: 1140px) {    
    .swm_container { width: 1080px !important; }
    .boxed,.boxed .sticky-navigation.stuck { width:1140px;  }
    .sidebar .flickr_photos ul li, .flickr_photos ul li { width:70px; height:70px; }
}

@media (min-width: 1200px) { 
    .swm_container { width: 1140px !important; }
    .boxed,.boxed .sticky-navigation.stuck { width:1200px; }
    .sidebar .flickr_photos ul li, .flickr_photos ul li { width:75px; height:75px; }
}

@media only screen and (min-width: 980px) and (max-width: 1139px) {
    .swm_container { width: 900px !important; }
    .boxed,.boxed .sticky-navigation.stuck { width:980px;  }

    .sidebar .swm_aboutme_widget ul li { width:23px; height:23px; line-height: 23px; margin:0 1px; }
}

/***************************************************************
* Tablet Portrait *
****************************************************************/

@media only screen and (min-width: 768px) and (max-width: 979px) {
    
    .swm_container  { width:650px; }
    .boxed,.boxed .sticky-navigation.stuck { width:749px;  } 
    .swm_column { margin:0; }
    .swm_blog_grid_sort.swm_row .swm_column3 { width: 49.71794871794872%; }
    
}

/***************************************************************
* Mobilt Portrait to Tablet Portrait *
****************************************************************/

@media only screen and (max-width: 979px) { 

    .swm_one_full,.swm_one_half,.swm_one_third,.swm_one_fourth,.swm_one_fifth,.swm_one_sixth,.swm_two_third,.swm_three_fourth,.swm_four_fifth,.swm_five_sixth,.swm_custom_two_third,.one_full,.one_half,.one_third,.one_fourth,.one_fifth,.one_sixth,.two_third,.three_fourth,.four_fifth,.five_sixth,#sidebar { width: 100%; } 

    .swm_column { float:none; clear:both; margin-left:0; margin-bottom: 30px;  }
    .layout-sidebar-right #sidebar { padding-left:0; margin-top: 40px;  }
    .layout-sidebar-left #sidebar { padding-right:0;  margin-top: 40px; }

    .swm_top_bar_content { float:none; margin:0 auto; text-align: center; }
    .swm_top_bar ul.swm_topbar_menu li { display: inline-block; float:none; text-align: center; }

    .footer .theme_sm_icons { float:none; margin:0 auto; display: block;  }
    .footer .theme_sm_icons ul li { margin:0 2px; }
    .footer_copyright { float:none; text-align: center; padding-top: 15px; margin:0; }
    .footer ul { float:none; text-align: center; padding:10px 0; }
    .footer ul li { float:none; display: inline-block; }
    .footer_top_arrow { float:none; display: block; text-align: center; margin:0 auto; }
    .swm_container.footer { margin-top:0; }
    .swm_page_box { margin-bottom: 30px; }
    .swm_blog_pagination_wrap { padding: 0 0 20px 0; }

}

/***************************************************************
* Mobile Portrait *
****************************************************************/

@media only screen and (max-width: 767px) {  

    .swm_container { width:301px; }
    .boxed { width:auto; }    
    .swm_logo_border { max-width: 301px; }

    .swm_row {  margin:0;  }
    .swm_column_gap { margin:0 0 20px; padding:0; }
    .swm_row .swm_column1,.swm_row .swm_column2,.swm_row .swm_column3,.swm_row .swm_column4,.swm_row .swm_column5,.swm_row .swm_column6,
    .layout-sidebar-left .swm_row .swm_column2,.layout-sidebar-left .swm_row .swm_column3,.layout-sidebar-left .swm_row .swm_column4,
    .layout-sidebar-right .swm_row .swm_column2,.layout-sidebar-right .swm_row .swm_column3,.layout-sidebar-right .swm_row .swm_column4 { width:100%; }

    .swm_pp_link { display: none; }
    ul.post_author_icon { margin-left: 0;}
    #commentform input[type="text"] { width:90%; }

    .post_sm_wrap { padding-left: 15px; }
    .post_social_media { position: relative; }
    .swm_sidebar_on .swm_blog_post .post_sm_wrap { opacity:1; }
    .post_sm_left,.swm_sidebar_on .post_sm_left  { left:auto; float:left; }
    .post_sm_right,.swm_sidebar_on .post_sm_right { right:auto; float:left; }
    .home_sm_icons_border { display: none; }
    .swm_author_emailcall { padding:10px; }
    .swm_author_emailcall span { display: block; text-align: center; border:0; margin:0; padding:10px 0;  line-height: 20px; }
    .swm_author_emailcall i { display: none; }

    .about_author p { margin-left:0; overflow: visible; }
}

/***************************************************************
* Mobile Landscape *
****************************************************************/

@media only screen and (min-width: 480px) and (max-width: 767px) {
    
    .swm_container,.title_header_wrap,.menu_section,.top_section { width:461px; }
    .swm_logo_border { max-width: 461px; }
}

@media only screen and (max-width: 767px) {

    .swm_top_bar ul.swm_topbar_menu li { display: block; }
    .footer ul li { display:block; }
    .footer .theme_sm_icons ul li { display:inline-block; }

    #commentform p.comment-form-author,#commentform p.comment-form-email,#commentform p.comment-form-url { width:99%; float:none; margin-right: 0; }
    #comment-wrap ol.commentlist li ul.children { padding-left:0; margin-left: 0; }

}

/***************************************************************
* Mobile Menu *
****************************************************************/

@media only screen and (max-width: 979px) {
    .swm_topmenu_search {  }
    nav { position: relative; float:none; display: block;  }   
    nav.mobile_menu { left:50%; position: absolute; height:auto; display: block; clear:both; top:13px; margin-left: -42px; }  
    #top_menu { display: none } 
    #mobile_nav_button { display: block; }
    ul.mobi-menu.mobile_nav_active { display:block !important; }
    .search_section { left:50%; position: absolute; line-height: 56px; margin-left: 0px;   }
    .swm_search_box { top:60px; right:auto; left:50%; margin-left: -160px; }
}

@media only screen and (min-width: 786px) { 
    
    .sticky-navigation.stuck {
        position: fixed;
        z-index:9999999999;
        top: 0;
        width:100%;
        -webkit-backface-visibility: hidden;
    }

}

   
@media only screen and (max-width: 480px) {
    ul.mobi-menu { width:301px; right:-40px; }
}