/* ---------------------------------------------------------------------------
  Boilerplate CSS Media Queries

  Encoding: UTF-8
  Author: PaulUnd (http://www.paulund.co.uk/boilerplate-css-media-queries)
--------------------------------------------------------------------------- */

/* =Smartphones (portrait and landscape)
--------------------------------------------------------------------------- */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px) {

}

/* =Smartphones (landscape)
--------------------------------------------------------------------------- */
@media only screen
and (min-width: 321px) {

}

/* =Smartphones (portrait)
--------------------------------------------------------------------------- */
@media only screen
and (max-width: 320px) {

}

/* =iPads (portrait and landscape)
--------------------------------------------------------------------------- */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px) {

    #we_home_page_panels .panel-sizer {
        width: 50%
        /* width: 31%*/
     }

     .home_main_cat {
         /*width: 100%;*/
        width: 50%;
        margin-right: 0
    }
    .has-left_side_banners .x-main.left{
         width: calc(100% - 160px) !important;
     }

}


@media only screen and (max-width: 1024px) {
    .x-navbar .x-brand.img img {
        height: 40px !important;
    }
}
/* =iPads (landscape)
--------------------------------------------------------------------------- */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape) {

}

/* =iPads (portrait)
--------------------------------------------------------------------------- */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait) {

}

/* =Desktops and laptops
--------------------------------------------------------------------------- */
@media only screen
and (min-width: 1224px) {
    #we_home_page_panels .panel-sizer {
        /* width:46%*/
        width: 32%
    }

    .home_main_cat {
        /*width: 46%*/
        width: 31%
    }
}

/* =Large screens
--------------------------------------------------------------------------- */
@media only screen
and (min-width: 1824px) {
    #we_home_page_panels .panel-sizer {
       /* width: 32%*/
        width: 23%
    }

    .home_main_cat {
        /*width: 32%*/
        width: 23%
    }
}

/* =iPhone 4
--------------------------------------------------------------------------- */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {

}

/*******************  WE Stuff  ***********************/
@media only screen and (max-width: 1300px) {
    .x-navbar .x-container.width {
        width: 100%;
    }

    li.menu-item.we_too_wide {
        max-width: 120px;

    }

    li.menu-item.we_too_wide > a {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .x-nav-wrap.collapse li.menu-item.we_too_wide {
        max-width: inherit;

    }
}

@media only screen and (max-width: 500px) {
    #we_page_top_right, #we_banners_top {
        max-width: 100%
    }
}

@media only screen
and (max-width: 1223px) {
    #we_home_page_panels .panel-sizer {
        /*width: 100%*/
        width: 46%
    }


    .home_main_cat {
        /*width: 95%;*/
        width: 48%;
        margin-right: 0
    }
}

@media only screen
and (max-width: 800px) {
   .we_left{max-width: 100px; overflow: hidden}
    .we_ad_wrapper{padding: 0 10px; max-width: 100%}
    .we_left_side_ads img{ max-width: 100%}
     /*.x-container-fluid.main{ margin-left: 105px!important;}*/

    .home .x-main.full {
        /*width: calc(100% - 160px);*/
        margin-left:  105px!important;
    }
    #left_side_banners {
        height: 150px!important;
       /* overflow: hidden;
        position: relative;*/
    }
    #we_home_page_panels .panel-sizer {
        width: 100%
    }

    .home_main_cat {
        width: 98%;
        margin-right: 0
    }

    #after_post_ads .is-banner{
        float: none!important;
    }

}

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

    .home_main_cat img {
        display: none
    }
    #home_ads_panel img{
        display: block;
    }

    #we_user_top_bar {
        width: 100% !important;
    }
}