/*======= LARGE RESOLUTION =======*/

@media (min-width: 1450px) and (max-width: 1650px) {
	
	#mainmenu ul.menu li a, 
	#mainmenu ul.menu li .separator{
		padding: 0 8px;
	}
	
	#mainmenu ul.menu li:last-child {
		margin-left: 0;
	}

}

@media (max-width: 1449px) {
	#top-button{
		display: none;
	}
}

@media (min-width: 1200px) {
	
}

/*======= MEDIUM RESOLUTION =======*/

@media (min-width: 992px) and (max-width: 1199px) {
	
	#mainmenu ul.menu li a, 
	#mainmenu ul.menu li .separator{
		padding: 0 10px;
		font-size: 12px;
	}
	
	#wrap-banner .mod-banner .custom p:last-child{
		width: 80%;
		left: 10%;
	}
	
	.jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls input, 
	.jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls select, 
	.jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls textarea{
		margin-bottom: 15px;
		padding: 10px;
		min-width: 418px;
	}
    
    .jsn-master .jsn-bootstrap .btn{
        width: 440px;
    }

}

/*======= SMALL RESOLUTION =======*/

@media (max-width: 991px) {
	
	#wrap-banner .mod-banner .custom p:last-child{
		width: 90%;
		left: 5%;
		font-size: 40px;
		line-height: 120%;
	}
	
	#wrap-header.sticky{
		position: absolute;
		background: none;
	}
	
	#user1-item .custom .img-left .media-img, 
	#user2-item .custom .img-left .media-img{
		padding-right: 0;
	}
	#user1-item .custom .img-left .media-body, 
	#user2-item .custom .img-left .media-body{
		padding-left: 20px;
		padding-right: 0;
	}
	#user1-item .custom .img-right .media-img, 
	#user2-item .custom .img-right .media-img{
		padding-left: 0;
	}
	#user1-item .custom .img-right .media-body, 
	#user2-item .custom .img-right .media-body{
		padding-left: 0;
		padding-right: 20px;
	}
	
}

@media (min-width: 768px) and (max-width: 991px) {
		
	.jsn-master .jsn-input-xlarge-fluid {
		width: 100% !important;
	}

	.jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls input, 
	.jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls select, 
	.jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls textarea{
		margin-bottom: 15px;
		padding: 10px;
		max-width: 100%;
		width: 97%;
		min-width: 380px;
	}
    .jsn-master .jsn-bootstrap .btn{
        width: 99%;
        padding: 10px 9px !important;
    }
	
}

/*======= EXTRA SMALL RESOLUTION =======*/

@media (max-width: 767px) {
	
	#wrap-slideshow, #wrap-banner{
		min-height: 75px;
	}
	#wrap-header{
		padding: 15px 0;
	}
	#mobile-menu-btn{
		top: 15px;
	}
	#wrap-banner .mod-banner .custom{
		width: 200%;
		left: -50%;
	}
	#wrap-banner .mod-banner .custom p:last-child{
		width: 48%;
		top: 40%;
		left: 26%;
		font-size: 30px;
	}
	#home-content h1{
		margin-top: 30px;
		font-size: 30px;
	}
	#home-content,
	#wrap-user1, 
	#wrap-user2{
		padding: 30px 0;
	}
	
	#user1-item .custom:nth-child(even) .row,
	#user2-item .custom:nth-child(even) .row{
		direction: initial;
	}

	#user1-item .custom .media-body, 
	#user2-item .custom .media-body{
		align-self: normal;
		margin-top: 15px;
	}
	
	#wrap-user3,
	#wrap-partners{
		padding: 50px 0;
	}
	#wrap-partners h3{
		font-size: 26px;
	}
	#wrap-user4{
		padding: 50px 0;
	}
	#wrap-user4:before{
		width: 100%;
	}
	
	#wrap-footer h3{
		text-align: left;
		cursor: pointer;
		margin-bottom: 15px;
	}
	
	#wrap-footer .footer2 ul li, 
	#wrap-footer .footer3 ul li,
	#wrap-footer .footer4 ul li,
	#wrap-footer .footer5 ul li{
		width: 100%;
		display: block;
		text-align: left;
	}

	#wrap-footer .footer2{
		padding-left: 15px;
	}

	#wrap-footer .footer2 .menu,
	#wrap-footer .footer3 .menu,
	#wrap-footer .footer4 .menu,
	#wrap-footer .footer5 .menu{
		display: none;
	}
	
	.footer2 h3:after, 
	.footer3 h3:after, 
	.footer4 h3:after, 
	.footer5 h3:after{
		content: '+';
		float: right;
		color: #222;
		font-size: 21px;
		transform: rotateY(0deg) rotate(0deg);
		transition: transform 0.5s;
		line-height: 90%;
	}

	.footer2 h3.active:after, 
	.footer3 h3.active:after, 
	.footer4 h3.active:after, 
	.footer5 h3.active:after{
		transform: rotateY(0deg) rotate(45deg);
	}
	
	#wrap-footer .footer6{
		padding-top: 30px;
	}
	
	#wrap-info,
	#wrap-info .info2{
		text-align: center;
	}
	
	.jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls input, 
	.jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls select{
		width: 97% !important;
		min-width: auto;
	}
	
	.jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls textarea{
		width: 100% !important;
		min-width: auto;
	}
	
	.jsn-master .jsn-bootstrap .btn{
		width: 99%;
	}

}

.block480{
	display: none;
}

@media (max-width: 480px){
	.none480{
		display: none;
		}
	.block480{
		display: block !important;
	}

	#wrap-footer{
		padding: 40px 0;
	}
	
	.jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls input, 
	.jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls select{
		width: 95% !important;
	}
	
}

@media (max-width: 359px){
	#logo img{
		max-width: 75%;
	}
}