/*===========================================*/
/*	DESKTOP LAYOUT 
/*===========================================*/
@media only screen and (min-width: 1200px) {

}
@media only screen and (min-width: 980px) {
	
}
@media only screen and (min-width: 980px) and (max-width: 1199px) {
	.main-wrapper{ padding-top: 50px; padding-bottom: 50px; }
	.page-wrapper .close{ top: 25px; right: 25px; }
}

/*===========================================*/
/*	TABLET LAYOUT 
/*===========================================*/
@media only screen and (min-width: 768px) and (max-width: 979px) {
	.main-wrapper{ padding-top: 40px; padding-bottom: 40px; }
	.main-wrapper .container, .page-wrapper .container { width: 700px; }
	.main-wrapper .container.full-width { min-height: 183px; }
	.dash { width: 140px; height: 140px; padding: 25px 0 0 23px; }
	.dash.days_dash{ width: 190px; }
	.dash .digit { font-size: 86px; }
	.page-wrapper .close{ position: inherit; display: block; margin-bottom: 15px; top: 20px; right: 40px;}

	/* ABOUT US */
	#about-us .carousel-res{ float: none; margin: auto; }
	#about-us .info-boxes-res{ float: none; width: 100%; }
}

/*===========================================*/
/*	MOBILE LAYOUT 
/*===========================================*/
@media only screen and (min-width: 200px) and (max-width: 767px) {
	.main-wrapper{ padding-top: 35px; padding-bottom: 35px; }
	.page-wrapper .close{ position: static; margin: 15px 0; }
	.page-wrapper .inner-wrapper{ margin-top: 0; padding-top: 35px; padding-bottom: 35px; }
	
	/* ABOUT US */
	#about-us .carousel-res{ float: none; margin: auto; margin-bottom: 20px; width: 100%; }

	/* OUR TEAM */
	#our-team .rw > [class^=col] { float: none; width: auto; }
	#our-team .rw .col-d-6{width: 100%;}
	.member-box-hr .text{ margin-left: 0px; }

	/* CONTACT US */
	#contact-us .rw > [class^=col] { float: none; width: auto; }
	.contact-links a { display: block; text-align: left; margin-left: 0px; }
	.contact-links a i { display: block; }
	
	/* SUBCRIPTION */
	#subcribe .contact-form .btn{ width: auto; }
}
@media only screen and (min-width: 200px) and (max-width: 419px) {
	.main-wrapper .container, .page-wrapper .container { width: 300px; }
	.logo-wrapper { margin-bottom: 35px; }
	.title-wrapper { margin-bottom: 43px; }
	.main-title { font-size: 28px; }
	.main-wrapper .container.full-width { min-height: 96px; margin-bottom: 30px;}
	.dash { width: 65px; height: 65px; padding: 10px 0 0 8px; }
	.dash .digit { font-size: 46px; width: 24px}
	.dash.days_dash{ width: 90px; }
	.dash_title { font-size: 10px; bottom: -25px;}
	.navigation { margin-bottom: 30px; }
	.navigation a { padding-top: 9px; font-size: 23px;}
	.navigation.navigation-text a { width: 100%; }

	/*- About Us Page -*/
	#about-us .text-wrapper, #about-us .info-box-wrapper-vr, #about-us .info-box-wrapper-vr .col-d-6{
		float: none;
		width: 100%;
	}
}
@media only screen and (min-width: 420px) and (max-width: 599px) {
	.main-wrapper .container, .page-wrapper .container { width: 400px; }
	.logo-wrapper { margin-bottom: 40px; }
	.title-wrapper { margin-bottom: 48px; }
	.main-title { font-size: 30px; }
	.main-wrapper .container.full-width { min-height: 128px; margin-bottom: 50px; }
	.dash { width: 97px; height: 97px; padding: 16px 0 0 13px; }
	.dash.days_dash{ width: 135px; }
	.dash .digit { font-size: 66px; width: 35px; }
	.dash_title { font-size: 16px; bottom: -25px; }
	.navigation { margin-bottom: 35px; }
	.navigation a { padding-top: 14px; width: 70px; height: 70px; }
	.navigation.navigation-text a { width: 100%; }

	/*- About Us Page -*/
	#about-us .text-wrapper, #about-us .info-box-wrapper-vr, #about-us .info-box-wrapper-vr .col-d-6{
		float: none;
		width: 100%;
	}
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
	.main-wrapper .container, .page-wrapper .container { width: 550px; }
	.main-wrapper .container.full-width { min-height: 178px; }
	.dash { width: 135px; height: 135px; padding: 30px 0 0 21px; }
	.dash.days_dash{ width: 185px; }
	.dash .digit { font-size: 76px; width: 45px}

	/*- About Us Page -*/
	#about-us .text-wrapper, #about-us .info-box-wrapper-vr{
		float: none;
		width: 100%;
	}
}