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

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

} 

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

/* Narrow desktop */
@media (max-width: 979px) {
  
  .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;
  }
  .jg_gallery{
    margin-left: -@gridGutterWidth768;
    .gallery-grid{
      padding-left: @gridGutterWidth768;
    }
  }
  .jg_row{
    margin-left: -@gridGutterWidth768;
  }
  .jg_subcatelem_cat, .jg_subcatelem_cat_r{
    padding-left: @gridGutterWidth768;
  }
  
  .body__404 .big-404{ font-size:140px;}
  
  .gallery_desc p{ display:none;}
  .jg_clearboth{ display:none;}
  .jg_row{ overflow: inherit}
  .gallery{ overflow:hidden;}

  
  .blocks .item_box{ background:none;}
  .welcome.moduletable{ padding-right:0}
  .offers .module_container{ border:none; padding-left:0}
  .welcome h3{ font-size:70px;}
  
  .aside-right4 #component{ padding-right:0}
  .aside-right4 .row-container{ background:none;}

}

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

	#header-row .search-block{ text-align:center !important;}
	#navigation-row{ padding-bottom:20px;}
	
	.icemegamenu > ul > li.lastItem, .icemegamenu > ul > li.firstItem, .icemegamenu > ul > li{ width:100%; background:none;}
	.iceCols, #icemegamenu li > ul.icesubMenu{ max-width:100%;}
	
	.finance{ padding-top:30px;}
	
	.social ul{ text-align:left;}
	.social li{ margin-left:0; margin-right:7px;}
	
	.about-us .item_img{ float:none; margin-right:0}
	
	.welcome .item_introtext{ padding-bottom:30px;}
	
	.icemegamenu > ul > li > a.iceMenuTitle{ padding-top:14px; padding-bottom:14px;}
	.icemegamenu > ul > li.parent > a.iceMenuTitle:after{ top:36px;}

  // Stick to bottom footer styles
  #wrapper{
  }

  #footer-wrapper{
    height: 220px;
  }

  #push{
    height: 220px;
  }

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

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

  .social{
    text-align: left;
    padding: 10px 0;
  }


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

  .jg_gallery{
    margin-right: 0;
    .gallery-grid{
      width: 50%;
      max-width: 50%;
    }
  }

  .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;
    }
  }

  .body__404 .page-item__404{ padding-top:0;}
  .body__404 .big-404{ line-height:140px}

  .page-item__404 #searchword{ margin-bottom:10px;}
  #Kunena dl.tabs dt{ width:100%; float:left !important; .box-sizing(border-box); border:1px solid #ddd !important;}

  /*Modules*/

  .ice-megamenu-toggle {
    display:block;
  }
  .icemegamenu > ul > li{
    width: 100%;
  }
  
  
  #icemegamenu li > ul.icesubMenu {
    opacity: 1;   
    position: relative;
    padding: 0;
    top: 0 !important;
    visibility: visible;
    width: 100% !important;
    .translate(0, 0) !important;
    height: auto !important;
  }
    
      
  #icemegamenu > li > ul.icesubMenu .iceCols{
    width: 100% !important;
    float: none !important;
    input{
      max-width: 100% !important;
    }
  }
  #icemegamenu > li > ul.icesubMenu li{
    width: 100% !important;
    float: none;
  }
  #icemegamenu .parent .icemodules{ }
  
  ul.icesubMenu{
    border: none;
  }
  
  ul.icesubMenu li.parent{
  }   
  
  
  .icemegamenu > ul > li a.iceMenuTitle{
    font-size: 15px;
    height: auto;
    padding-left: 15px;
  }
    
  .icemegamenu > ul > li > a.iceMenuTitle > span.icemega_nosubtitle {
    padding-top: 0;
  }
  
  ul.icesubMenu > li a.iceMenuTitle{
    margin: 0px;
    padding-left: 35px;
  }
  
    
  .icemegamenu > ul > li.active{
  }
  
    #icemegamenu > li > ul.icesubMenu li > ul{
      float: none;
      opacity: 1;
      position: relative;
      top: 0 !important;
      visibility: visible;
      width: 100% !important;
      left: 0;    
      margin: 0px;
      padding: 0;
      border: none;
      height: auto !important;
    }
      
      /* level 2 */
      ul.sub_level_2 li > a.iceMenuTitle {
        padding-left: 55px !important;
      }
        
      /* level 3 */
      ul.sub_level_3 li > a.iceMenuTitle {
        padding-left: 75px !important;
      }
        

    /* hide modules */
    .icesubMenu .icemega_cover_module {
      width: auto !important;
    }

    .nav-collapse.collapse{
      height: 0;
    }

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

  .jg_subcatelem_cat, .jg_subcatelem_cat_r{
    width: 50%;
    max-width: 50%;
  }
  .jg_row{
    margin-right: 0;
  }

  .pricing .row-fluid {
    font-size: 0;
    line-height: 0;
    .item{
      display: inline-block !important;
      width: 50% !important;
      vertical-align: middle;
      font-size: @baseFontSize;
      line-height: @baseLineHeight;
    }
  }

}

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

@media (max-width: 640px) {

  /*contact*/

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

  ul#order{
    float: none;
  }

}

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

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

  /*contact*/

  .contact_form{
    width: 100%;
  }
  
  #showcase-row .camera_caption > div{ display:none !important;}
  .offers h4{ padding-right:0;}

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

  .jg_gallery{
    .gallery-grid{
      width: 100%;
      max-width: 100%;
      .lazy_container{
        width: 100% !important;
      }
    }
  }
  .jg_subcatelem_cat, .jg_subcatelem_cat_r{
    width: 100%;
    max-width: 100%;
    .lazy_container{
      width: 100% !important;
    }
  }

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

  /*blog*/

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

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

  /*archive*/

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

  /*contact*/

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

  /*Modules*/

  .pricing .row-fluid {
    .item{
      width: 100% !important;
    }
  }

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

  /*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;
    }
  }
  .page-item__privacy_policy .item_fulltext h4{
    float: none;
    width: 100%;
  }
  .page-item__privacy_policy .item_fulltext p{
    margin-left: 0;
  }
  .page-item__privacy_policy .item_fulltext p:before{
    display: none;
  }
}

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

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


  
}
