// 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: 1200px) {} 

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

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

  .camera_caption {
    top: 10% !important;
    > div {
      padding: 0px 60px !important;
      max-width: 900px;
      margin: 0 auto;
      .item_introtext{
        max-width: 100%;
        margin: 0 auto;
        padding-bottom: @baseLineHeight + 10;
      }
      .readmore{
        padding-left: 26px;
        padding-right: 26px;
      }
    }
  }
  h4{
    &.slide-title{
      font-size: 50px;
      line-height: 60px;
    }
  }
  .camera_prev, .camera_next {
    &:before,&:after{
      font-size: 30px;
    }
  }
  .camera_prev {
    left: 2% !important;
  }
  .camera_next {
    right: 2% !important;
  }

  #contact_map{
    height: 376px;
  }
  .contentInner{
    padding-top: 24px;
  }

  aside{
    .moduletable{
      padding-bottom: 20px;
    }
  }

  .social{
    margin: 15px 0 12px 0 !important;
  }

  #content-row{
    #content-top-row{
      padding-bottom: 20px;
    }
    #content-bottom-row{
      /*padding-top: 40px;*/
      padding-bottom: 20px;
      .moduletable{
        padding-bottom: 10px;
      }
    }
  }

} 

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

/* Narrow desktop */
@media (max-width: 979px) {
  
  h3 {
    font-size: 40px;
    line-height: 40px;
  }

  .social li {
    margin: 0 0 0 4px;
    a.fa{
      &:before{
        font-size: 20px;
      }
    }
  }

  h4.slide-title {
    font-size: 40px;
    line-height: 40px;
  }
  .camera_caption > div .readmore {
    padding: 6px 20px;
  }
  .navigation ul.sf-menu > li {
    padding: 8px 10px;
  }
  
  .thumbnails {
    margin-left: -12px;
  }
  .thumbnails > li {
    margin-left: 12px;
  }

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

}

/*== 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){

  body{
    padding: 0;
    .row-container{
      padding: 0 20px;
    }
  }
  .camera_caption > div {
    font-size: 0;
  }
  .camera_caption > div .item_introtext {
    padding-bottom: 0px !important;
  }

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

  #footer-wrapper{
    height: auto;
  }

  #push{
    display: none;
  }

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

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

  /*content*/

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

  .row-fluid {
    [class*="itemSpan"] {
      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: 480px) {

  .list_carousel ul li .item_content{
    .item_img {
      max-width: 100%;
    }
  }
  h4.slide-title {
    font-size: 30px;
    line-height: 30px;
  }
  .camera_caption > div .readmore {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

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

}

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

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

  .camera_wrap{
    display: none !important;
  }
  
}
