// Core variables and mixins
@import "variables.less"; // Custom for this template
@import "../../../media/jui/less/mixins.less";


/*== 1200px and beyond ===================================================
========================================================================*/

/* Large desktop */
@media (min-width: 2050px) {


  .mod-newsflash-adv{
    &.mod-newsflash-adv__top{
      &:before{
        left: -250%;
        width: 600%;
      }
    }
    &.icons{
      &:before{
        left: -250%;
        width: 600%;
      }
    }
  }
}

@media (max-width: 1800px) {

  .camera_caption > div .item_content .slide_text {
    max-width: 100% !important;
  }
  .camera_wrap .camera_pag .camera_pag_ul {
    left: 6% !important;
    top: 20px !important;
  }

}

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

/* Large desktop */
@media (max-width: 1200px) {

  .slide_text {
    font-size: 40px;
    line-height: 46px;
  }
  span.phone {
    font-size: 30px;
    line-height: 30px;
    padding-bottom: 20px;
  }
  .camera_wrap .camera_pag .camera_pag_ul {
    left: 30px !important;
  }

  .navigation ul.sf-menu{
    margin-left: 0;
    > li{
      + li {
        background: none;
        margin-left: 25px;
      }
    }
  }

  #contact_map{
    height: 376px;
  }
  .row-fluid {
    margin-left: -@gridGutterWidth;
    [class*="itemSpan"],[class*="span"] {
      padding-left: @gridGutterWidth;
    }
  }
  .fluid{
    margin-left: -@gridGutterWidth;
  }

  .mod_caroufredsel{
    .item{
      .item_content{
        .item_img{
          img{
            width: 100%;
          }
        }
      }
    }
  }

  .navigation ul.sf-menu{
    margin: 13px 10px 17px 0;
  }

  h3.top{
    padding-top: 7px;
  }

} 

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

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

  h3.top{
    padding-top: 6px;
  }

  #logo{
    text-align: center;
  }

  #navigation-row {
    .row-fluid {
      [class*="itemSpan"],
      [class*="span"] {
        display: block;
        float: none;
        margin-left: 0;
        width: auto;
      }
    }
  }

  .navigation ul.sf-menu{
    text-align: center;
    float: none;
    > li{
      display: inline-block;
      float: none;
    }
  }

  .search-block .mod-search__search-block {
    text-align: center;
  }

  h2.top {
    padding-top: 0;
  }
  
  .thumbnails {
    margin-left: -12px;
  }
  .thumbnails > li {
    margin-left: 12px;
  }

  /*footer*/
  #back-top{
    display: none !important;
  }

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

}

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

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {



}


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

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

  .mod-newsflash-adv.mod-newsflash-adv__top .item{
    text-align: center;

    .item_introtext{
      padding: 0;
    }
  }

  body{
    padding: 0;
    .row-container{
      padding: 0 20px;
    }
  }

  .navigation{
    padding: 0 0 30px;
    ul.sf-menu {
      margin: 0;
    }
  }

  // Stick to bottom footer styles
  #wrapper{
    margin: 0;
  }

  #footer-wrapper{
    height: auto;
  }

  #push{
    display: none;
  }

  #logo{
    text-align: center;
    a{
      margin: 0;
    }
  }

  ul.top_menu {
    float: none;
    text-align: center;
  }

  .mod-newsflash-adv.mod-newsflash-adv__top{
    &:before{
      display: none;
    }
    .item {
      padding-top: 0;
    }
  }

  ul.clients li {
    display: inline-block;
    margin: 0 20px;
  }

  .mod-newsflash-adv.icons{
    &:before {
      display: none;
    }
    .item {
      padding-top: 20px;
    }
  }

  #content-row {
    padding-top: 30px;
  }

  .video_outer {
    float: none;
    margin-right: 0;
    width: 100%;
  }

  .mod-newsflash-adv.posts .item_title {
    max-width: 100%;
  }
  
  .fright {
    text-align: left;
  }

  .list_carousel ul li .item_title {
    padding: 20px !important;
  }

  #copyright {
    margin-bottom: 0px;
    text-align: center;
  }

  ul.copyright {
    float: none;
    margin: 0;
    padding: 0 0 30px;
    text-align: center;
    li{
      float: none;
      display: inline;
      margin: 0 6px;
      + li {
        &:before {
          display: none;
        }
      }
    }
  }

  h2, h3 {
    margin-bottom: 20px;
  }

  .list_carousel ul li .item_title {
    padding: 20px 10px !important;
  }

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

  .social{
    text-align: center;
    li {
      display: inline-block;
      float: none !important;
    }
  }

  /*content*/

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

  .item-image.blog-image{
    float: none;
    margin: 0 0 20px 0;
  }

  .row-fluid {
    [class*="itemSpan"],
    [class*="span"] {
      display: block;
      float: none;
      margin-left: 0;
      width: auto;
    }
  }

  /*gallery*/
  .page-gallery{
    ul.gallery{
      .gallery-grid{
        width: 48.5%;
        max-width: 48.5%;
      }
    }
  }

  .page-gallery ul.gallery .gallery-grid .view .item_img{
    max-width: 100%;
    a{
      display: block;
    }
  }

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

  /*contact*/
  .contact_details{
    .contact_details_item{
      width: 30%;
      float: left;
    }
  }

  .page-gallery ul.gallery .gallery-grid .view{
    margin: 0 auto;
    .item_img{
      float: none;
      margin: 0 !important;
    }
  }

  /*Modules*/

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

  /*login*/
  .mod-login__aside{
    .mod-login_username,
    .mod-login_passwd{
      width: 50%;
    }
  }

  #back-top{
    display:none !important;
  }

}

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

@media (max-width: 640px) {

  /*contact*/

  .contact_details{
    margin-bottom: @baseLineHeight;
    .contact_details_item{
      width: 100%;
      float: none;
    }
  }

  .layout-mode{
    float: none;
  }

}

/*== Up to 480px ==================================================
====================================================================*/

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

  span.phone {
    font-size: 40px;
  }

  .camera_caption > div .slide_text {
    max-width: 280px !important;
  }

  .camera_caption > div {
    margin: 0 auto 3% !important;
  }

  .mod_caroufredsel {
    margin-top: 0 !important;
  }

  h2, h3 {
    font-size: 24px;
    line-height: 30px;
  }

  blockquote {
    padding-left: 70px;
  }

  .mod-newsflash-adv.blockquote .item_content {
    font-size: 18px;
    line-height: 24px;
  }

  .mod-newsflash-adv.blockquote .item_content .item_title {
    padding-top: 0;
  }

  .page-archive,
  .page-item__blog,
  .page-blog .item{
    .item_published{
      float: none;
    }
  }

  /*contact*/

  .contact_form{
    width: 100%;
  }

  /*registration*/

  .page-registration,
  .page-remind,
  .page-reset,
  .page-login,
  .page-login,
  .page-profile__edit{
    form{
      input, select{
        width: 100%;
      }
      label{
        display: inline-block;
      }
    }
  }

  /* pagination */

  .pagination{
    ul{
      li{
        display: none;
        &.pagination-prev,
        &.pagination-next{
          display: inline-block;
        }
      }
    }
  }

  /*gallery*/

  .page-gallery{
    .item_img.img-intro{
      float: none;
      margin: 0 0 @baseLineHeight 0;
    }
    ul.gallery{
      .gallery-item{
        text-align: center;
        max-width: 100%;
        width: 100%;
        .item_img{
          float: none;
          margin: 0 auto @baseLineHeight !important;
          max-width: 100%;
          img{
            width: 100%;
          }
        }
        a.zoom{
          display: block;
        }
      }
    }
  }

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

  /*blog*/

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

  /*archive*/

  .page-archive_filters{
    select{
      display: block;
      width: 100%;
    }
  }

  /*contact*/

  .contact_details{
    .contact_details_item{
      width: 100%;
      float: none;
    }
  }

  /*Modules*/

  /*search*/

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

  /*login*/

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

  div.modal{
    position:absolute;
  }
  #error{
    input{
      width: 200px;
    }
  }
}

/*== Up to 340px =====================================================
========================================================================*/

/* Portrait phones */
@media (max-width: 340px) {



}
