//--------------------------------------------------------------
// Copyright (C) joomla-monster.com
// License: http://www.joomla-monster.com/license.html Joomla-Monster Proprietary Use License
// Website: http://www.joomla-monster.com
// Support: info@joomla-monster.com
//---------------------------------------------------------------

// VARIABLES import
//---------------------------------------------------------------

@import "bootstrap_variables.less";  
@import "template_variables.less";

// MIXINS import
//---------------------------------------------------------------
  
@import "override/ltr/mixins.less";
@import "template_mixins.less";

// RESPONSIVE
//---------------------------------------------------------------

@media (max-width: 1620px) {
	
	//cutom header
	#jm-allpage .jm-custom-header {
		.description {
			margin: 10px 0 0;
			font-size: 16px;
		}
		.btn {
			margin: 15px 0 0;
		}
	}
}
  
@media (max-width: 979px) {
  
  // global
  // --------------------------
  
  //responsive images
  
  img {
    .box-sizing(border-box);
  }
  
  //fix on displaying buttons on webkit browsers
  .btn {
    -webkit-appearance: none;
  }
  
  //responsive inputs
  input, select, textarea {
    max-width: 100%;
  }
  
  // layout
  // --------------------------
  
  //fix for the template width in percentage if set less than 100%
  .template-fluid-fix() when(ispercentage(@JMfluidGridContainerLg)) {
    .container-fluid {
      max-width: 100%;
    }
  }
  .template-fluid-fix();
  
  #jm-top-bar #login-form {
      input#modlgn-username,
      input#modlgn-passwd {
        width: 115px;
    }
  }
  
  #jm-back-top {
    bottom: 20px;
    margin-right: 20px;
  }
  
  // modules
  // --------------------------
  
  //reset the module height suffix
  .jm-module-in {
    height: auto !important;
  }
  
  //expand 
  [class*='span'].wide,
	[class*='span'].narrow {
		width: 100%;
	}
  
  //custom
  #jm-allpage .jm-pricing {
	  .box {
	  	width: 100%;
	  }
  }
  
}
 
@media (max-width: 767px) {
  
  // global
  // --------------------------

  
  // layout
  // --------------------------
  
  .headerbg #jm-top-bar {
  	position: static;
  	background: @JMtopbarBackground;
  }
  
  .headerbg #jm-logo-nav,
  .topbar.headerbg #jm-logo-nav {
  	position: static;
  	padding-top: 10px;
		padding-bottom: 10px;
  }
  
  #jm-top-menu-nav {
  	padding-top: 12px;
  }
  
  #jm-top-bar1,
  #jm-top-bar2 {
    display: inline-block;
    text-align: center;
    .jm-module-raw {
    	float: none;
    	display: inline-block;
    	vertical-align: top;
    }
  }
  
  #jm-copyrights,
  #jm-poweredby {
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
  }
  
  #jm-back-top {
    bottom: 20px;
    margin-right: 20px;
  }
  
  // modules
  // --------------------------

  // joomla
  // --------------------------

  //archived articles
  .archive {
    .filter-search > input,
    .filter-search > div {
	     width: 100% !important;
	     margin-bottom: 10px;
    }
  }

  //article items
  .items-row {
    margin-bottom: 0;
  }
  
  .items-row .item {
    margin-bottom: @JMbaseSpace;
  }
 
  
  //contact single category
  ul.list-striped li > .pull-right {
    float: none;
    margin: 0;
  }  
  
}

@media (max-width: 480px) {
  
  // layout
  // --------------------------
  
  #jm-logo-sitedesc,
  #jm-top-menu-nav {
  	float: none!important;
  	text-align: center;
  }
  
  #jm-allpage select.dj-select {
  	float: none;
  }
  
  #jm-top-bar #login-form {
    input#modlgn-username,
    input#modlgn-passwd {
      width: 90px;
    }
  }
  
  // modules
  // --------------------------
  
  //topbar
  .jm-contact-icons li {
  	float: none;
  	padding: 0;
  }
  
  //expand
  #jm-allpage {
		.expand1-ms,
		.expand2-ms {
			.jm-box {
				.jm-column {
					padding: 0;
					width: auto;
				}
				.jm-expand {
					display: none;
				}
			}
		}
	}
	
	//readmore
	.readmore {
		padding: 0;
		border: none;
		&:hover {
			text-decoration: underline;
		}
		&:after {
			display: none;
		}
	}
	
	.btn,
	a.button,
	input.button,
	button.button {
		padding: 10px 15px;
	}

}


@media (max-width: 320px) {
	
	//expand
	#jm-allpage {
		.expand1-ms,
		.expand2-ms {
			.jm-icon {
				display: none;
			}
		}
	}

}


//---------------------------------------------------------------
// EXTENSIONS
//---------------------------------------------------------------

@import "djimageslider_responsive.less";