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

@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 14px;
	}
	#onslider{
		top: 60px;
	}
	#wrap-users .moduletable{
		min-height: 340px;
	}
	#wrap-news .news .moduletable,
	#wrap-news .events .moduletable{
		background-size: 50% auto;
		padding: 15px 15px 15px 245px;
	}
	#wrap-news .news ul li{
		margin: 5px 0;
	}
	#wrap-news .events .moduletable h3,
	#wrap-news .events .moduletable p{
		margin-bottom: 22px;
	}
	#section5 .footer3, #section5 .footer4{
		padding-left: 15px;
	}
	#section5 .footer1 .fa::before{
		margin-left: 10px;
	}
	#wrap-back{
		font-size: 15px;
	}
}

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

@media (min-width: 768px) and (max-width: 991px) {
	#btn-control{
		margin-bottom: 30px;
	}
	#mobile-menu-btn{
		top: 73px;
		margin-left: 305px;
		transition: all 0.5s;
	}
	body.open-controls #mobile-menu-btn{
		top: 110px;
		transition: all 0.5s;
	}
	#mobile-menu-btn:after{
		font-size: 45px;
	}
	#right-head a.btn-report:first-child{
		margin-right: 5px;
	}
	#right-head a.btn-report{
		display: inline-block;
		font-size: 0;
		margin-right: 60px;
		padding: 5px 10px;
	}
	#slider{
		margin-top: 0;
	}
	#onslider{
		top: 25px;
		left: 40px;
	}
	#wrap-users .moduletable{
		min-height: 330px;
		padding: 15px;
	}
	#wrap-users .moduletable a.btn-readmore{
		bottom: 15px;
	}
	#wrap-news .news .moduletable,
	#wrap-news .events .moduletable{
		background-size: cover;
		padding: 15px;
		position: relative;
	}
	#wrap-news .moduletable::before{
		content: '';
		background: rgba(255, 255, 255, 0.8);
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	#wrap-news .moduletable h3,
	#wrap-news .moduletable .custom {
		position: relative;
	}
	#wrap-news .news ul li{
		margin: 5px 0;
	}
	#wrap-news .events .moduletable p:last-child {
		margin: 0 0 9px;
		padding: 0;
	}
	#section5 .footer1, 
	#section5 .footer2{
		margin-bottom: 15px;
	}
	#section5 .footer2, 
	#section5 .footer3, 
	#section5 .footer4{
		padding-left: 15px;
	}
	#section5 .footer1 .fa::before{
		margin-left: 10px;
	}
	#wrap-boxes .mod-content{
		min-height: 150px;
	}
	#wrap-back .user-item{
		margin-bottom: 15px;
	}
	#wrap-back .user-item:last-child{
		margin-bottom: 0;
	}
    #wrap-category .category-content-item{
        min-height: 150px;
    }
}

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

@media (max-width: 767px) {
	#section-controls{
		position: relative;
	}
	#close-controls{
		position: absolute;
		top: 25px;
		right: 15px;
	}
	#section1{
		position: relative;
	}
	#logo{
		width: auto;
	}
	#right-head{
		position: absolute;
		top: 0;
		right: 0;
		float: none;
	}
	#btn-control{
		float: none;
		margin: 20px 60px 0 0;
	}
	.btn-search {
		top: 20px;
		right: 285px;
	}
	.mod-search{
		top: 20px;
		right: 310px;
	}
	#mobile-menu-btn{
		top: 15px;
		right: 0;
		transition: all 0.5s;
	}
	body.open-controls #mobile-menu-btn{
		top: 88px;
		transition: all 0.5s;
	}
	#mobile-menu-btn:after{
		font-size: 45px;
	}
	#right-head a.btn-report:first-child {
		right: 85px;
	}
	#right-head a.btn-report {
		position: absolute;
		right: 15px;
		top: 70px;
		font-size: 0;
	}
	#slider{
		margin-top: 0;
		margin-bottom: 15px;
	}
	#onslider{
		top: 25px;
		left: 40px;
		font-size: 25px;
		padding: 15px;
	}
	#onslider a.btn-readmore{
		margin-top: 15px;
	}
	#wrap-users .moduletable{
		margin-bottom: 15px;
		min-height: auto;
		padding: 15px 15px 45px;
	}
	#wrap-users .moduletable a.btn-readmore{
		bottom: 15px;
	}
	.homepage #maincontainer{
		margin-top: 0;
		margin-bottom: 15px;
	}
	#wrap-news .news .moduletable,
	#wrap-news .events .moduletable{
		background-size: cover;
		padding: 15px;
		margin-bottom: 15px;
		position: relative;
	}
	#wrap-news .moduletable::before{
		content: '';
		background: rgba(255, 255, 255, 0.8);
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	#wrap-news .moduletable h3,
	#wrap-news .moduletable .custom {
		position: relative;
	}
	#wrap-news .news ul li{
		margin: 5px 0;
	}
	#wrap-news .events .moduletable p:last-child {
		margin: 0 0 9px;
		padding: 0;
	}
	#section5 .footer1, 
	#section5 .footer2,
	#section5 .footer3{
		margin-bottom: 15px;
	}
	#section5 .footer2, 
	#section5 .footer3, 
	#section5 .footer4{
		padding-left: 15px;
	}
	#section5 .footer1 .fa::before{
		margin-left: 10px;
	}
	#wrap-boxes .mod-content{
		margin-bottom: 15px;
		min-height: auto;
		padding: 15px 15px 50px;
	}
	#wrap-back,
	#wrap-back .user-item{
		margin-bottom: 15px;
	}
	#wrap-back .user-item:last-child{
		margin-bottom: 0;
	}
	.info1,
	.info2{
		text-align: center;
		line-height: 150%;
	}
	.innerpage #maincontainer .rightcol .moduletable{
		margin-bottom: 15px;
	}
    #wrap-category .category-content-item{
        margin-bottom: 15px;
        min-height: auto;
    }
	.footer1 h3,
	.footer2 h3,
	.footer3 h3,
	.footer4 h3{
		cursor: pointer;
	}
	.footer1 .custom,
	.footer2 .menu,
	.footer3 .menu,
	.footer4 .menu{
		display: none;
	}
}

.block480{
	display: none;
}

@media (max-width: 680px) {
	#btn-control {
		font-size: 0;
		margin-bottom: 0;
		margin-top: 20px;
	}
	.btn-search {
		top: 20px;
		right: 120px;
	}
	.mod-search{
		top: 20px;
		right: 145px;
	}
}

@media (max-width: 500px) {
	#logo{
		width: auto;
		margin: 0;
		max-width: 300px;
		padding-bottom: 105px;
	}
	#slider img{
		min-height: 200px;
	}
	#right-head .custom {
		width: 100%;
		padding: 0 15px;
		position: absolute;
		left: 0;
		top: 100px;
		z-index: 1;
	}
	#right-head a.btn-report{
		display: block;
		font-size: 14px;
		margin-bottom: 10px;
		position: inherit;
		text-align: center;
	}
	#mobile-menu-btn{
		top: 12px;
	}
	body.open-controls #mobile-menu-btn{
		top: 85px;
	}
	#wrap-back{
		padding-bottom: 0;
	}
}

@media (max-width: 479px) {
	.none480{
		display: none;
		}
	.block480{
		display: block !important;
	}
	body.open-controls #mobile-menu-btn{
		top: 80px;
	}
	#close-controls {
		right: 0;
		top: 5px;
	}
	#close-controls button{
		font-size: 0;
	}
	#close-controls button .fa:before{
		font-size: 20px;
	}
	#slider img {
		min-height: 175px;
	}
	#onslider{
		font-size: 16px;
	}
	.homepage #maincontainer .blog-featured{
		padding: 15px;
	}
	#logo {
		max-width: 70%;
		margin-top: 0;
	}
	#btn-control{
		margin-top: 40px;
		margin-right: 45px;
	}
	.btn-search {
		top: 40px;
		right: 100px;
	}
	.mod-search{
		top: 40px;
		right: 125px;
	}
	#mobile-menu-btn{
		top: 33px;
	}
	body.open-controls #mobile-menu-btn {
		top: 105px;
	}
}

@media (min-width: 361px) and (max-width: 400px) {
    #right-head .custom{
		top: 80px;
	}
}

@media (max-width: 360px) {
	#right-head .custom{
		top: 75px;
	}
	#btn-control {
		margin-right: 45px;
		margin-top: 30px;
	}
	#mobile-menu-btn {
		top: 25px;
	}
	body.open-controls #mobile-menu-btn {
		top: 90px;
	}
}

@media (max-width: 320px) {
	#right-head .custom{
		top: 75px;
	}
	#btn-control {
		margin-right: 45px;
		margin-top: 27px;
	}
	#mobile-menu-btn {
		top: 20px;
	}
	body.open-controls #mobile-menu-btn {
		top: 87px;
	}
}