/*
Theme Name: MesoColumn Child
Theme URI: http://www.dezzain.com/wordpress-themes/mesocolumn/
Template: mesocolumn
Author: Team
Author URI: http://www.dezzain.com
Description: Mesocolumn is a Responsive HTML5 and CSS3 WordPress Theme that support BuddyPress, BBPress, WooCommerce and Jigoshop and comes with Unlimited Color Choice on Menu for category and pages, Background, Layout, Footer, Sidebar and Design packed 600+ Google Webfonts Selection.
Tags: buddypress,white,two-columns,three-columns,right-sidebar,responsive-layout,flexible-header,editor-style,custom-colors,custom-menu,custom-header,custom-background,featured-images,full-width-template,theme-options,threaded-comments,microformats,rtl-language-support,translation-ready
Version: 1.6.5.1.1493803827
Updated: 2017-05-03 09:30:27

*/

@media only screen and (max-width: 767px) {#main-navigation, .sf-menu li a {
    background: white !important;
}
}

@media only screen and (max-width: 767px) {
	footer div.fbox {
	width: 100% !important;
	}
}

@media all {
    .goout-single-post {
        width: 32%;
        margin-right: 1.3%;
    /*    float: left;*/
        display: inline-block;
        vertical-align: top;
        min-height: 180px;
    }
    
    img.goout-image {
        width: 100%;
        background: aqua;
        display: block;
    }

    .goout-posts.adsense-post.adsense-home {
        text-align: justify;
        text-align-last: justify;
        padding-right: 5px !important;
        box-sizing: border-box;
    }
    
    div.goout-posts h4.homefeattitle.feat_tn_cat_color_196 {
        border-bottom: 5px solid #c20000;
        text-align: left;
        text-align-last: left;
        font-size: 1.5em;
        color: #222;
        margin: 0px 6% 1em 0px;
        padding: 0px 0px 0.5em;
        width: 100%;
    }

    .goout-posts .feat-title {
        margin: 0.6em 0px;
        padding: 0px;
        float: left;
        width: 100%;
        text-align: left;
        font-size: 1.1em;
        text-align-last: left;
        color: black;
        max-height: 2em;
        overflow: hidden;
    }

    .goout-posts .feat-title a{
        color: black !important;
    }
    
    .goout-cas{
        text-align: right;
        text-align-last: right;
        margin: 0 0 2em 0;
        color: darkgray;
    }

    .goout-venue{
        text-align: left;
        text-align-last: left;
        margin: 0;
        color: darkgray;
    }
}

@media only screen and (min-width: 450px) and (max-width: 770px) {
	.goout-single-post {
		width: 47%;
                margin-right: 3%;
	}	
}

@media only screen and (max-width:449px){
	.goout-single-post {
		width: 100%;
                margin-right: 0px;
	}	
}