// Core variables and mixins
@import "_variables.less";
// Custom for this template
@import "bootstrap_addons/_mixins.less";
/*== 1200px and beyond ===================================================
========================================================================*/

/* Large desktop */
@media (max-width: 1640px) {
  .mod-newsflash-adv.custom .row-fluid .item .item_img .image_content > div {
    font-size: 0;
    line-height: 0;
    .item_title {
      margin-bottom: 0;
    }
    .item_introtext {
      p {
        padding-bottom: 0;
      }
    }
  }
}

@media screen and (max-height: 599px) {
  #style_switcher, div#fixed-sidebar-right .moduletable.login {
    top: 50px !important;
  }
}

/*== Up to 1200px =====================================================
========================================================================*/

/* Large desktop */
@media (max-width: 1200px) {
  h4,
  .heading-style-4 {
    font-size: 20px !important;
    line-height: 34px !important;
  }  
  .swiper-slide-caption > div {
    font-size: 66px !important;
    line-height: 70px !important;
    .slide-title {
      font-size: 56px !important;
      line-height: 70px !important;
    }
  }
  .mod-newsflash-adv.custom .row-fluid .item .item_img .image_content > div .price {
    font-size: 36px;
    font-weight: bold;
    line-height: 40px;
    margin-bottom: 0px;
  }
  .mod-newsflash-adv.custom .row-fluid .item .item_img .image_content > div .caption {
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 0;
  }
  .row-fluid {
    margin-left: -@gridGutterWidth;
    [class*="itemSpan"],
    [class*="span"] {
      padding-left: @gridGutterWidth;
    }
  }

  .fluid {
    margin-left: -@gridGutterWidth;
  }
}

/*== Up to 980px ======================================================
========================================================================*/

/* Narrow desktop */
@media (max-width: 979px) {

  .icemegamenu > ul > li + li {
    margin-left: 24px;
  }
  span.checkbox + label,
  span.radio + label {
    font-size: 16px;
  }
  #top ul li a {
    display: inline-block;
  }
  .thumbnails {
    margin-left: -12px;
  }

  .thumbnails > li {
    margin-left: 12px;
  }

  #back-top {
    display: none !important;
    .opacity(0) !important;
  }

  .row-fluid {
    margin-left: -@gridGutterWidth768;
    [class*="itemSpan"],
    [class*="span"] {
      padding-left: @gridGutterWidth768;
    }
  }

  .fluid {
    margin-left: -@gridGutterWidth768;
  }

  .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
    font-weight: inherit;
  }
}

/*== Up to 980px and beyond 768px ======================================
========================================================================*/

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
  .fullwidth ul.icesubMenu.sub_level_1 > li {
    padding-left: 0;
    padding-right: 0;
  }

  .fullwidth ul.icesubMenu.sub_level_1 .iceCols > ul {
    padding: 0 15px;
  }
}

@media (max-width: 800px) {

  .img-full__left.span5 {
    width: 50%;
  }

}

/*== Up to 767px ======================================================
========================================================================*/

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

  body {
    padding: 0;
  }

  .icemegamenu {
    display: none;
  }

  .icemega_modulewrap {
    .icemega_cover_module {
      padding-left: 20px;
      padding-right: 20px;
    }
  }

  #logo {
    text-align: center;
    a {
      margin: 0;
    }
  }
  .moduletable.pull-right {
    float: none;
    margin: 0;
  }
  ul.phone {
    text-align: left;
  }
  .moduletable.size {
    padding-left: 12px !important;
  }
  .rd-video_cnt {
    padding-left: 20px;
    padding-right: 20px;
  }
  .mod-newsflash-adv.custom .row-fluid .item .item_img .image_content > div {
    font-size: @baseFontSize;
    line-height: @baseLineHeight;
    .item_title {
      margin-bottom: 20px;
    }
    .item_introtext {
      p {
        padding-bottom: @baseLineHeight;
      }
    }
  }
  .swiper-slide-caption > div {
    font-size: 46px !important;
    line-height: 50px !important;
    .slide-title {
      font-size: 40px !important;
      line-height: 50px !important;
    }
  }
  h1,
  .heading-style-1 {
    font-size: 30px !important;
    line-height: 40px !important;
  }
  .pretext, .category_desc {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 30px;
  }
  .swiper-container {
    margin-bottom: @baseLineHeight*2 !important;
  }
  .rd-video_cnt,
  .parallax {
    padding: 60px 20px 0;
  }
  .mod-newsflash-adv.custom .row-fluid .item .item_img .image_content > div {
    font-size: 0;
    line-height: 0;
    .item_title {
      margin-bottom: 0;
    }
    .item_introtext {
      p {
        padding-bottom: 0;
      }
    }
  }

  /*===== Mobile Menu =====*/
  .rd-mobilemenu_ul a.iceMenuTitle:hover {
    background: @globalColor;
  }

  .rd-mobilemenu_ul a.active,
  .rd-mobilemenu_ul li.level_1.active > a {
    color: white;
    background: @globalColor;
  }

  .rd-mobilemenu_submenu {
    li.active {
      > a {
        color: white;
        background: @subMenuItemBgActColor;
      }
    }
  }

  .rd-mobilemenu_submenu {
    .item, .item__module {
      .opacity(100);
      .translate(0, 0);
    }
    [class*="span"] {
      width: 100% !important;
    }
  }

  .rd-mobilemenu_submenu {
    .icemega_modulewrap.top_search > i.fa-search {
      display: none;
    }
    .icemega_modulewrap.top_search .mod-search {
      position: static;
      visibility: visible;
      width: 100%;
      .box-sizing(border-box);
      padding: 0 15px;
      margin-top: 10px;
      i.fa-times{
        display: none;
      }
      #searchword {
        width: 100%;
      }
    }
  }

  .nav.menu.pull-right.nav-pills {
    float: none;
    text-align: center;
    li {
      display: inline-block;
      float: none;
    }
  }

  /*===== content =====*/
  [class*="cols"] {
    [class*="span"] {
      width: 100%;
    }
  }

  .row-fluid {
    [class*="itemSpan"],
    [class*="span"] {
      display: block;
      float: none;
      margin-left: 0;
      width: 100%;
      + [class*="itemSpan"],
      [class*="span"] {
        margin-top: 30px;
      }
    }
  }

  /*===== Tabs =====*/
  .nav-tabs {
    li {
      display: block;
    }
  }

  /*===== Tables =====*/
  .item_introtext {
    dl.table { display: block; }
    table {
      display: none;
    }
  }

}

/*== Up to 640px ==================================================
====================================================================*/

@media (max-width: 639px) {
  h4,
  .heading-style-4 {
    font-size: 17px !important;
    line-height: 28px !important;
  }
  ul#order {
    float: none;
  }
}

// Set Elements on 2 columns
@media (min-width: 480px) and (max-width: 767px) {
  .mod-newsflash-adv__progbars_circle .row-fluid .span3 {
    width: 50%;
    float: left;
    &:nth-child(2n-1) {
      clear: both;
    }

  }
}

/*== Up to 480px ==================================================
====================================================================*/
/* Landscape phones and down */
@media (max-width: 479px) {

  // Alert Resize
  .alert {
    padding: 28px 58px 28px 70px;
    &:before {
      left: 10px;
      font-size: 40px;
    }
  }

  .img-full__left.span5 {
    margin-right: 0;
    width: 100%;
  }

  /*blog*/
  .item_img {
    float: none;
    margin: 0 0 @baseLineHeight 0;
    max-width: 100%;
  }

  .portfolio-thumbs {
    float: none;
    margin-right: 0;
    max-width: 100%;
    width: 100%;
    ul {
      margin-left: -@gridGutterWidth768;
      margin-right: 0;
      overflow: hidden;
      li {
        padding-left: @gridGutterWidth768;
        padding-right: 0;
      }
    }
  }

  .data-table dl {
    float: none;
    width: 100%;
    & + dl {
      border-left: 1px solid @tableBorderColor;
      border-top: none;
    }
  }

  /*search*/
  .mod-search__aside {
    .mod-search_searchword {
      width: 100%;
    }
  }

  /*login*/
  .mod-login__aside {
    .mod-login_username,
    .mod-login_passwd,
    .mod-login_userdata {
      width: 100%;
    }
    .mod-login_userdata {
      overflow: hidden;
    }
  }

  div.modal {
    position: absolute;
  }

  #error {
    input {
      width: 200px;
    }
  }

  .jg_photo {
    width: 100%;
  }

  /*===== Tables =====*/
  .item_introtext,
  .item_fulltext {
    table {
      tr {
        td {
          &:before {
            font-size: @fontSizeLarge;
            padding: 10px;
          }
          & + td {
            border-left: none;
          }
        }
      }
    }
  }

  .chzn-container {
    width: 100% !important;
    min-width: 200px;
  }

  #habla_beta_container_do_not_rely_on_div_classes_or_names {
    display: none !important;
  }
}

@media (max-width:320px){
  #style_switcher{
    width: 220px !important;
    padding: 20px !important;
    ul{
      padding: 0 0 13px !important;
      li{
        margin-right: 5px !important;
      }
    }
  }
}

