/* ---------------------------------------------------------------------------
  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;
  }
}