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


    html, body {
        width: 100%;
        min-width: 320px;
    }

    #page,
    .category-blog #page {
        min-width: 100%;
        width: 100%;
        overflow: hidden;
    }

    #primary {
        margin-top: 0;
    }

    body.home{
        background: #ccc;
    }
    .block_for_mobile{
        display: block;
    }
    .mobile_trigger_button{
        display: block;
        float: right;
        cursor: pointer;
        font-size: 20px;
        font-family: Arial, sans-serif;
        height: 45px;
        width: 100px;
        position: relative;
        color: #fff;
    }
    .mobile_trigger_button_wrapper{
        position: absolute;
        bottom: 0;
        top: 0;
        margin: auto;
        height: 18px;
    }
    .mobile_trigger_button_span{
        width: 25px;
        height: 3px;
        display: inline-block;
        background: #fff;
        position: relative;
        vertical-align: middle;
        margin-bottom: 4px;
    }
    .mobile_trigger_button_span:after{
        position: absolute;
        content: '';
        left: 0px;
        top: -6px;
        width: 25px;
        height: 3px;
        background: #fff;        
    }
    .mobile_trigger_button_span:before{
        position: absolute;
        content: '';
        left: 0px;
        bottom: -6px;
        width: 25px;
        height: 3px;
        background: #fff; 
    }
    .mobile_navigation_wrapper, .recent_posts {
        display: none;
    }
    #site-title{
        position: static;
        text-align: center;
    }
    #branding hgroup{
        width: auto;
        float: none;
    }
    #branding nav ul li{
        border: none;
    }
    #branding nav ul li a{
        display: block;
        clear: both;
    }
    #branding{
        height: auto;
        box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
        position: relative;
        z-index: 1;
    }
    .header-form {
        background: #003366;
        padding: 20px;
    }

    .header-form div {
        margin-top: 0;
        background: transparent;
    }

    .header-form input[type=text] {
        height: 28px;
        line-height: 28px;
        vertical-align: top;
        width: 100%;
        padding: 0 15px;
    }

    .header-form form {
        padding-right: 80px;
        position: relative;
    }

    .header-form input[type=submit] {
        position: absolute;
        top: 0;
        right: 0;
    }

    #branding:after, .header-form:after, .h_button:after{
        content: '';
        display: table;
        clear: both;
    }
    #branding nav{
        margin-top: 0;
    }
    #page, #primary, #secondary, #branding nav, .header-form, #branding nav ul, #branding nav ul li, .category-blog #content .posts{
        width: 100%;
        float: none;
    }
    #branding nav, .category-blog #page, #main, .category-blog #primary, .category-blog #content{
        width: 100%;
    }
    .category-blog #content, .category-blog #content .posts, .category-blog #branding nav{
        margin-left: 0;
    }

    .category-blog #branding hgroup {
        display: block;
    }

    .category-blog #access{
        position: static;
    }
    #disqus_thread{
        padding: 0 15px;
    }
    #content .post_navigation{
        margin: 20px 0;
    }
    #content .post_navigation td {
        display: table-cell;
    }
    #page .wrapper{
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        width: 100%;
        margin: 0;
    }

    #access {
        width: 100%;
        overflow: hidden;
        background: #b1c1d1;
        padding: 20px 15px;
    }

    #access .mobile {
        display: block;
    }

    /*#access .mobile .menu-top-menu-container {
        border-top: 1px solid #ccc;
    }

    #access .mobile .menu-top-menu-container li:first-child {
        border-top: 1px solid #666;
    }*/

    #access .mobile .menu-top-menu-container li:first-child {
        display: none;
    }

    #access .mobile-wrapper {
        border: 2px solid #3b3b3b;
        border-radius: 20px;
        background: #999999;
        box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
        overflow: hidden;
    }

    #access ul {
        float: none;
        margin-left: 0;
    }

    #access li {
        float: none;
        border-left: none;
        border-right: none;
        width: 100%;
        border-top: 1px solid #666;
        border-bottom: 1px solid #ccc;
    }

    #access li:first-child {
        border-top: none;
    }

    #access li:last-child {
        border-bottom: none;
    }

    #access, #access ul, #access li{
        height: auto;
    }
    #access ul li:hover ul, #access ul ul li:hover ul, #access ul ul li ul li:hover ul{
        display: none;
    }
    #access ul ul{
        background: transparent;
        float: none;
        position: static;
        background: #cccccc;
        padding: 0;
    }


    #access li{
        padding: 0;
    }
    #access li a{
        font-weight: normal;
        padding: 5px 20px;
        color: #000000;
        text-transform: none;
        font-size: 22px;
        text-align: center;
    }

    #access ul ul li a {
        font-size: 18px;
        text-align: center;
    }

    #access li a:hover {
        text-decoration: none;
        color: #000000;
    }
    
    #access li a:hover,
    #access ul > li.triangle_menu_rotate > a {
        /*text-decoration: none;
        color: #000000;*/
        background: #fff;
    }

    #access ul ul li{
        border-bottom: none;
        height: auto;
        padding: 0;
    }
    /*.menu-item-has-children{
        position: relative;
    }
    .menu-item-has-children:after{
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 10px solid #000;
        transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        position: absolute;
        right: 20px;
        top: 15px;
        content: '';
    }
    .triangle_menu_rotate.menu-item-has-children:after{

        transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
    }*/
    .widget_financial_times_columns, #content{
        width: 100%;
        float: none;
    }

    .mobile_navigation_wrapper{
        padding: 0 0 15px 15px;
    }
    .widget.widget_personal img {
        margin: 0 auto;
        display: block;
        margin-top: 25px;
    }
    #content.recent{
        background: transparent;
    }

    .category-blog .archive-header .header-content {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .widget.widget_personal, #content .hentry, .row_financial_times_columns .widget, .widget.widget_twitter, .archive-header, .category_blog_wrapper, .error404 #content, .search-no-results #content, .category-blog #content .sidebar, .category-blog #content .hentry {
        width: auto;
        margin: 15px;
        float: none;
        background: #faebd8;
        border-bottom: 1px solid #000;
        border: 4px solid #fff;
        border-radius: 7px;
        box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
    }

    .peach-cat .category_blog_wrapper {
        background: #f3c6a7;
    }

    .blue-cat .category_blog_wrapper {
        background: #b2c1d1;
    }

    .gray-cat .category_blog_wrapper {
        background: #ccc;
    }

    .category_blog_wrapper .post-wrapper.first-post {
        padding-bottom: 0;
    }

    .category_blog_wrapper, .error404 #content, .search-no-results #content{
        padding: 15px;
        margin-bottom: 20px;
    }
    .category-blog #content .sidebar, .category-blog #content .hentry{
        padding: 15px;
    }
    .page #content, .single #content{
        margin-bottom: 20px;
    }
    .search .page-title{
        background: transparent;
        margin-top: 10px;
        padding-left: 20px;
        float: none;
    }
    .search #content .hentry h2{
        padding-top: 10px;
    }
    .search .link-pages{
        float: none;
        padding: 10px 0 10px 25px;
    }
    .link-pages, .archive-meta{
        text-align: left;
    }
    #content .hentry:first-child{
        border: 4px solid #fff;        
    }
    .widget.widget_personal, #content .hentry:last-child{
        margin-bottom: 0;
    }
    #content, #links{
        margin: 0;
    }
    #content .hentry{
        padding: 0 15px;
    }
    .more-link-wrapper{
        display: none;
    }
    .widget.widget_personal .bio{
        text-decoration: none;
        color: #ff0000;
    }
    .block_attributes{
        margin-bottom: 0;
        font-weight: bold;
        color: #666;
    }
    .block_categories{
        margin-top: 10px;
    }
    .block_categories a{
        font-weight: bold;
        color: #ff0000;        
    }
    .block_categories span{
        font-weight: normal;
        color: #777;
    }
    #links .row {
        float: none;
        margin: 0;
        width: 100%;
    }
    #links .row .widget, .widget.widget_twitter{
        border-color: #fff;
        background: #fff;
    }
    .full-row{
        padding-bottom: 0;
        padding-left: 0;
    }

    .widget.subscribe {
       /* display: none;*/
        background: #003366;
        color: #fff;
        width: 100%;
        overflow: hidden;
        padding: 15px;
    }

   /* .widget.subscribe.mobile {
        display: block;
    }*/

    .widget.subscribe .widget-title,
    .widget.subscribe p {
        color: #fff;
        padding-left: 0;
    }



    .widget.subscribe form .gform_fields {
        width: 100%;
        font-size: 0;
    }

    .widget.subscribe form .gfield {
        display: block;
        width: 100%;
    }

    .widget.subscribe form div.kws_clear {
        display: block;
    }

    .widget.subscribe input[type=text]{
        width: 100%;
        margin-bottom: 20px;
    }

    .widget.subscribe input[type=submit] {
        width: 100%;
    }

    .widget.widget_twitter{
        padding: 0 0 5px 10px;
    }
    .widget-title{
        padding: 10px 0 0 10px;
        margin-bottom: 5px;
    }
    .widget ul{
        margin: 0;
        padding: 10px 0;
    }
    .widget ul li{
        margin: 0 0 10px 10px;
    }
    #links .row .widget:last-child{
        margin-top: 20px;
    }
    .row_financial_times_columns li a{
        font-size: 18px;
        color: #ff0000;
    }
    #twitter iframe{
        width: 100% !important;
    }
    .widget.widget_twitter{
        padding-right: 10px;
    }
    .entry-content{
        float: none;
    }
    .sharing{
        position: static;
    }
    .entry-content iframe{
        margin: 0 auto;
        display: block;
    }
    .sidebar .recent-blog.recent-widget_list{
        display: none;
    }    

    .archive-header h1.entry-title{
        float: none;
        text-align: center;
    }

		#bvp_container{
		    width: 100% !important;
		}

		object, embed { 
		  max-width: 100%; 
		}
		#personal-info {
			display: none;
		}
		



    .sticky-post.thumbnailed > a{
        display: block;
        text-align: center;
    }
    .sticky-post img {
        float: none;
    }
    .sticky-post.thumbnailed .entry-content {
        width: 100%;
        float: none;
        padding-top: 20px;
        font-size: 18px;
        line-height: 1.4;
    }
    .category_blog_wrapper p{
        font-size: 16px;
    }
    .single #content{
        margin-bottom: 20px;
    }
    #content table{
        width: 100% !important;
        height: 100% !important;
    }
    #content table th, #content table td{
        display: block;
        width: 100%;
    }
    table img.alignleft, table img.alignright, table img.aligncenter{
        float: none;
        margin: 0 auto;
        display: block;
        margin: 15px auto;
    }
    .home .recent-widget_list{
        padding: 15px;
    }

    .home #content {
        margin-bottom: 0;
    }

    .front-cats {
        padding: 0;
        /*margin-top: 15px;*/
    }

    .front-cats .cat {
        padding: 15px;
        width: auto;
        margin: 15px;
        float: none;
        border-bottom: 1px solid #000;
        border: 4px solid #fff;
        border-radius: 7px;
        box-shadow: 1px 1px 5px rgba(0,0,0,0.3);        
    }

    .front-cats .cat h3 {
        padding-left: 0;
        padding-right: 0;
    }

    .front-cats .cat .post {
        padding-left: 0;
        font-size: 14px;
        line-height: 18px;
    }

    .front-cats .cat.cat-peach {
        background: #f3c6a7;
    }

    .front-cats .cat.cat-gray {
        background: #ccc;
    }

    .front-cats .cat.cat-blue {
        background: #b2c1d1;
    } 


    #colophon {
        background: #000;
    } 

    #colophon div {
        display: none;
    }

    #colophon .social-block {
        display: block;
        width: 100%;
        float: none;
        text-align: center;
    }
}
@media screen and (max-width: 480px){
    #site-title a{
        /*font-size: 14px;*/
    }
    .widget.widget_personal img {
        margin: 0;
        width: 100%;
    }
    #content .post_navigation td{
        display: block;
        width: 100%;
        border-color: #000 transparent;
    }
    #content .post_navigation .post_navigation_td_right{
        border-top-color: transparent;
    }
}