//--------------------------------------------------------------
// 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 "template_mixins.less";

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

@media (max-width: 1200px) {

	//layout
	// --------------------------

	#jm-header-bg {
		min-height: 0 !important;
	}

	#jm-header-bg + #jm-header-content {
		position: static;
		left: auto;
		right: auto;
		bottom: auto;
		margin: 0 auto !important;
		padding: 0;
	}

	#jm-header-bg + #jm-header-content #jm-header-content-in {
		padding-left: (@JMbaseSpace /2);
		padding-right: (@JMbaseSpace /2);
	}

	#jm-allpage #jm-page-settings .nav.menu .container-width {
		display: none;
	}

	//custom
	// --------------------------

}

@media (max-width: 979px) {

	// global
	// --------------------------

	//module height

	.jm-module-in {
		height: auto !important;
	}

	//responsive images

	img {
		.box-sizing(border-box);
	}

	//fix on displaying buttons on webkit browsers
	.btn {
		-webkit-appearance: none;
	}

	// layout
	// --------------------------

	// modules
	// --------------------------

	//reset the module height suffix
	.jm-module-in {
		height: auto !important;
	}

	//custom
	// --------------------------

}

@media (max-width: 767px) {

	// global
	// --------------------------

	//responsive inputs
	input, select, textarea {
		max-width: 100%;
	}

	//article items
	.items-row {
		margin-bottom: @JMbaseSpace;
	}

	.items-row .item {
		margin-bottom: @JMbaseSpace;
	}

	// layout
	// --------------------------

	.topbar2 #jm-top-bar1,
	.topbar2 #jm-top-bar2 {
		width: 100%;
	}

	#jm-page-settings + .jm-module-raw {
		clear: both;
	}

	#jm-allpage #jm-page-settings {
		.nav.menu ul .contrast-label,
		.nav.menu ul .resizer-label {
			display: none;
		}
	}

	#jm-copy-power,
	#jm-back-sitemap {
		float: none;
		width: 100%;
	}

	#jm-copyrights,
	#jm-poweredby {
		float: none;
		width: 100%;
		text-align: center;
		margin: 0 0 10px;
	}

	// modules
	// --------------------------

	//custom
	// --------------------------

	#jm-allpage .jm-category-module li {
		width: 100% !important;
	}

}

@media (max-width: 480px) {

	// global
	// --------------------------

	//responsive inputs
	input, select, textarea {
		width: 100%;
	}

	//tabs
	dl.tabs,
	.nav-tabs {
		display: block!important;
		margin: 2px 0 0;
	}
	dl.tabs dt.tabs,
	.nav-tabs > li {
		float: none!important;
		a {
			margin-left: 0!important;
			margin-right: 0!important;
			margin-top: -2px;
		}
	}

	// layout
	// --------------------------

	#jm-allpage {
		padding: 0 !important;
	}

	.sticky-bar #jm-bar {
		position: static;
	}

	#jm-top-bar1 {
		width: 100%;
		.jm-module-raw {
			float: none;
			margin: 0 0 10px;
		}
	}

	#jm-top-bar2 {
		width: 100%;
		text-align: center;
		#jm-page-settings {
			float: none;
			.nav.menu {
				margin: 0;
				> li {
					float: none;
					display: inline-block;
					margin: 0;
					border: none;
					padding: 0 5px;
				}
			}
		}
	}

	#jm-logo-sitedesc #jm-logo {
		max-width: 180px;
	}

	// modules
	// --------------------------


	//custom
	// --------------------------

	.jm-top-contact {
		margin: 0;
		.item {
			width: 100%;
			padding: 0;
			line-height: @JMbaseLineHeight;
			text-align: center;
		}
	}

}

// EXTENSIONS import
//---------------------------------------------------------------

//import extended DJ-ImageSlider styles
@import "djimageslider_responsive.less";
