//--------------------------------------------------------------
// 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: @JMpullresponsiveSwitch) {
	.pull-right-responsive() {
		text-align: right;
		.pull-left {
			float: right;
		}
		.pull-right {
			float: left;
		}
		ul:not([class]),
		ul.color,
		ul.color2 {
			li:not([class]) {
				padding: 0 30px 0 0;
				&:before {
					left: auto;
					right: 10px;
				}
			}
		}
	}

	.pull-left-responsive() {
		text-align: left;
		.pull-left {
			float: left;
		}
		.pull-right {
			float: right;
		}
		ul:not([class]),
		ul.color,
		ul.color2 {
			li:not([class]) {
				padding: 0 0 0 30px;
				&:before {
					right: auto;
					left: 10px;
				}
			}
		}
	}

	.pull-right-responsive {
		.pull-right-responsive();
	}

	html[dir='rtl'] .pull-right-responsive {
		.pull-left-responsive();
	}

	.pull-left-responsive {
		.pull-left-responsive();
	}

	html[dir='rtl'] .pull-left-responsive {
		.pull-right-responsive();
	}

}

@media (max-width: @JMbackgroundMobileSwitch) {
	//backgrounds
	#jm-top1,
	#jm-top2 {
		&.bg:before {
			.opacity(@JMbackgroundOpacityMobile);
			background-size: @JMbackgroundSizeMobile;
		}
	}
}

@media (max-width: 1200px) {
	//megamenu
	#jm-allpage .dj-megamenu li.dj-up a.dj-up_a {
		margin-left: 10px;
		margin-right: 10px;
	}

	#jm-wcag .jm-wcag-settings .page-width {
		display: none;
	}

}

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

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

	//reset the module height suffix
	.jm-module-in {
		height: auto !important;
	}
	//pricing
	.jm-pricing {
		&.col3 .box,
		&.col4 .box {
			width: 100%;
		}
	}

	//easy-contact
	#jm-allpage .jm-module-content > .dj-simple-contact-form {
		> form {
			max-width: 100%;
		}
		.dj-simple-contact-form-introtext {
			max-width: 100%;
		}
		.name,
		.email,
		.message {
			width: 100% !important;
		}
	}

}

@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
	// --------------------------

	//wcag
	.jm-wcag-settings {
		.page-width {
			clear: both;
		}
	}

	#jm-footer-in {
		#jm-copyrights,
		#jm-poweredby {
			display: block;
			width: 100%;
			text-align: center;
			margin: 0 0 10px;
		}
		#jm-copyrights + #jm-poweredby {
			padding: 0;
			margin: 0;
			border: none;
		}
	}

	#jm-back-top {
		span {
			height: 30px;
			width: 30px;
		}
	}

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

	//custom

	.btn-large,
	.readmore-large {
		font-size: @JMbuttonFontSize;
		padding: 14px 30px;
		min-width: 0;
	}

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

	//pricing
	.jm-pricing {
		&.col2 .box {
			width: 100%;
		}
	}

}


@media (max-width: 480px) {

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

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

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

	//backgrounds
	#jm-top1,
	#jm-top2 {
		&:before {
			display: none !important;
		}
	}

	//modules

	#jm-allpage .jm-module-content > .dj-simple-contact-form {
		.dj-simple-contact-form-introtext {
			padding-bottom: @JMbaseSpace;
		}
	}

}

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

@import "djimageslider_responsive.less";