@charset "utf-8";
/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
	1. Mobile
	2. Large Mobile
	3. iPad
	4. large desktop
	5. Other
*/

/* 1. Mobile responsive css 640px
------------------------------------------------------------------------------*/
@media (max-width:640px) {
/*--------- home page ------------*/
.container{ padding: 0  4%; box-sizing: border-box; }
.banner{ min-height: auto; }
.banner .container{ min-height: auto; }
.logo{ max-width: 200px; margin-bottom: 20px; }
.banner-desc-inner h1{ font-size: 22px; line-height: 30px; margin-bottom: 20px; }
.banner-desc-inner p{ font-size: 16px; line-height: 24px; margin-bottom: 20px; }
.banner-desc{ padding: 70px 0 70px 0; }
.footer-section h3{ font-size: 14px; line-height: 17px; bottom: 5px; }	
}

/* 2. Large Mobile responsive css 640px
------------------------------------------------------------------------------*/
@media (min-width:641px) and (max-width:767px) {
.container{ padding: 0  4%; box-sizing: border-box; }
.banner{ min-height: auto; }
.banner .container{ min-height: auto; }
.logo{ max-width: 200px; margin-bottom: 10px; }
.banner-desc-inner h1{ font-size: 22px; line-height: 30px; margin-bottom: 10px; }
.banner-desc-inner p{ font-size: 16px; line-height: 24px; margin-bottom: 10px; }
.banner-desc{ padding: 70px 0 70px 0; }
.footer-section h3{ font-size: 24px; line-height: 28px; bottom: 7px; }	
}

/* 3. iPad responsive css 768px to 1023px
------------------------------------------------------------------------------*/
@media (min-width:768px) and (max-width:1023px) {
.container{ padding: 0  2%; box-sizing: border-box; }
.footer-section h3{ font-size: 30px; line-height: 34px; bottom: 10px; }	
}

/* 4. large desktop responsive css 1024px to 1199px
------------------------------------------------------------------------------*/
@media (min-width:1024px) and (max-width:1199px) {	
.container{ padding: 0  2%; box-sizing: border-box; }
.footer-section h3{ font-size: 34px; line-height: 39px; bottom: 16px; }	
}

/* 5. Other media-query
------------------------------------------------------------------------------*/
@media (min-width:1200px) and (max-width:1370px) {	
.banner-desc{ padding: 0; }	
.logo{ max-width: 230px; margin-bottom: 5px; }
.banner-desc-inner h1{ font-size: 36px; line-height: 42px; margin-bottom: 15px; }
.banner-desc-inner p{ margin-bottom: 15px; }
}

@media (min-width:768px) {
.banner{ min-height: auto !important; }
.banner .container{ min-height: auto !important; }
}

@media (max-height: 500px) {
	.banner{ height: auto !important; }
}

@media (min-width:1900px) and (max-width:2000px) {	
.footer-section h3{ font-size: 50px; line-height: 55px; bottom: 37px; }
}