@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 ------------*/
	h1, .h1{ font-size: 26px; line-height: 34px; }
	h2, .h2{ font-size: 26px; line-height: 34px; }
	h3, .h3{ font-size: 20px; line-height: 20px; font-weight: bold; }
	h4, .h4{ font-size: 18px; line-height: 20px; font-weight: bold; }
	h5, .h5{ font-size: 16px; line-height: 18px; font-weight: bold; }
	h6, .h6{ font-size: 14px; line-height: 18px; font-weight: bold; }
	p{ font-size: 16px; line-height: 24px; margin-bottom: 20px; }

	.container{ padding: 0 3%; box-sizing: border-box; }
	nav > ul > li{ font-size: 13px; line-height: 18px; margin: 0 10px; padding: 15px 0;	}
	.sub-menu-arrow:before{ right: -11px; top: 19px; width: 8px; height: 7px; }
	.navigation ul li .sub-menu{ min-width: 175px; }
	#wrapper{ padding-top: 120px; }
	.services-sec .container{ padding: 0 3%; box-sizing: border-box; }
	.services-grp .services-cell{ width: 100%; padding: 25px 25px 35px; box-sizing: border-box; }
	.welcome-sec h1{ margin-bottom: 30px; }
	#content-area ul li{ margin-bottom: 15px; font-size: 16px; line-height: 24px; padding-left: 15px; }	
	#content-area ul li:before{ top: 7px; }
	.align-right-img{ max-width: 100%; margin-left: 0; display: inline-block; float: none; margin: 0 0 20px 0px; max-width: 100% !important; width: auto !important; }
	.welcome-sec{ padding: 0px 0 20px 0; }
	.logo-cell{ max-width: 270px; }
	header .header-tp .two-col{ padding: 15px 0; }
	.list-cell{ width: 100%; margin: 0; }
	#content-area .bottom-links-sec ul li{ font-size: 16px; line-height: 24px; margin: 0 15px; padding: 0; }
	#content-area .bottom-links-sec ul li:before{ left: -9px; top: 8px; }
	.info-sec{ padding: 40px 0 10px 0; box-sizing: border-box; }
	.bottom-links-sec{ padding: 0px 0 40px 0; }
	.info-sec p{ margin-bottom: 20px; }
	.call-info{ font-size: 14px; line-height: 18px; }
	footer .two-col{ display: block; text-align: center; }
	footer .two-col .col-left{ width: 100%; margin-bottom: 10px; }
	footer .two-col .col-right{ width: 100%; }
	.info-sec h2{ margin-bottom: 20px; }
	.header-btm .navigation{ display: none; }
	.services-grp{ grid-gap: 10px; }
	.align-left-img{ max-width: 100% !important; margin-right: 0 !important; display: block; float: none; }
	.services-sec{ padding: 40px 0; }
	.list-grp{ padding-top: 0px; }
	footer .two-col .col-left ul li{ font-size: 14px; margin-right: 15px; }
	.main-sec{ padding: 0px 0 30px 0; }
	.main-sec .two-col{ flex-wrap: wrap; }
	.main-sec .two-col .col-left{ width: 100%; margin-bottom: 20px; }
	.main-sec .two-col .col-right{ padding-left: 0; width: 100%; }
	.center-img{ padding-left: 0px; padding-top: 20px; }
	.main-sec .two-col .col-right p{ margin-bottom: 0; }
	.main-cell{ padding-top: 10px; }
	.form-area{ width: 100%; }
	.form-area.mt-5{ margin-top: 30px; }
	.mb-toggled.mb-closed{ display: block; top: 77px; right: 15px; }
	.header-btm{ padding-bottom: 40px; }
	#content-area ul{ margin: 0px 0px; padding: 0; margin-bottom: 15px; }
}

/* 2. Large Mobile responsive css 640px
------------------------------------------------------------------------------*/
@media (min-width:641px) and (max-width:767px){

	h1, .h1{ font-size: 26px; line-height: 34px; }
	h2, .h2{ font-size: 26px; line-height: 34px; }
	h3, .h3{ font-size: 22px; line-height: 20px; font-weight: bold; }
	h4, .h4{ font-size: 20px; line-height: 20px; font-weight: bold; }
	h5, .h5{ font-size: 18px; line-height: 20px; font-weight: bold; }
	h6, .h6{ font-size: 18px; line-height: 20px; font-weight: bold; }
	p{ font-size: 16px; line-height: 24px; margin-bottom: 20px; }

	.container{ padding: 0 2%; box-sizing: border-box; }
	nav > ul > li{ font-size: 13px; line-height: 18px; margin: 0 10px; padding: 15px 0;	}
	.sub-menu-arrow:before{ right: -11px; top: 19px; width: 8px; height: 7px; }
	.navigation ul li .sub-menu{ min-width: 175px; }
	#wrapper{ padding-top: 140px; }
	.services-sec .container{ padding: 0 2%; box-sizing: border-box; }
	.services-grp .services-cell{ width: 49%; padding: 25px 25px 35px; box-sizing: border-box; }
	.welcome-sec h1{ margin-bottom: 30px; }
	#content-area ul li{ margin-bottom: 15px; font-size: 16px; line-height: 24px; padding-left: 15px; }	
	#content-area ul li:before{ top: 7px; }
	.align-right-img{ max-width: 260px;	}
	.welcome-sec{ padding: 0px 0 40px 0; }
	.logo-cell{ max-width: 270px; }
	header .header-tp .two-col{ padding: 15px 0; }
	.list-cell{ width: 50%; margin: 0; }
	#content-area .bottom-links-sec ul li{ font-size: 18px; line-height: 28px; margin: 0 15px; padding: 0; }
	#content-area .bottom-links-sec ul li:before{ left: -18px; }
	.info-sec{ padding: 40px 0 20px 0; box-sizing: border-box; }
	.bottom-links-sec{ padding: 0px 0 40px 0; }
	.info-sec p{ margin-bottom: 20px; }
	.call-info{ font-size: 14px; line-height: 18px; }
	footer .two-col{ display: block; text-align: center; }
	footer .two-col .col-left{ width: 100%; margin-bottom: 10px; }
	footer .two-col .col-right{ width: 100%; }
	.info-sec h2{ margin-bottom: 25px; }
	.header-btm .navigation{ display: none; }
	.services-grp{ grid-gap: 10px; }
	.align-left-img{ max-width: 230px; }
	.main-sec{ padding: 20px 0 30px 0; }
	.main-sec .two-col{ flex-wrap: wrap; }
	.main-sec .two-col .col-left{ width: 100%; margin-bottom: 20px; }
	.main-sec .two-col .col-right{ padding-left: 0; width: 100%; padding-top: 30px; }
	.center-img{ padding-left: 0px; padding-top: 20px; }
	.main-cell{ padding-top: 20px; }
	.mb-toggled.mb-closed{ display: block; top: 96px; right: 15px; }
	.header-btm{ padding-bottom: 40px; }
	#content-area ul{ margin: 0px 0px; padding: 0; margin-bottom: 15px; }

}

/* 3. iPad responsive css 768px to 1023px
------------------------------------------------------------------------------*/
@media (min-width:768px) and (max-width:1023px){

	h1, .h1{ font-size: 30px; line-height: 36px; }
	h2, .h2{ font-size: 30px; line-height: 36px; }
	h3, .h3{ font-size: 22px; line-height: 20px; font-weight: bold; }
	h4, .h4{ font-size: 20px; line-height: 20px; font-weight: bold; }
	h5, .h5{ font-size: 18px; line-height: 20px; font-weight: bold; }
	h6, .h6{ font-size: 18px; line-height: 20px; font-weight: bold; }
	p{ font-size: 16px; line-height: 24px; margin-bottom: 20px; }

	.container{ padding: 0 2%; box-sizing: border-box; }
	nav > ul > li{ font-size: 13px; line-height: 18px; margin: 0 10px; padding: 15px 0;	}
	.sub-menu-arrow:before{ right: -11px; top: 19px; width: 8px; height: 7px; }
	.navigation ul li .sub-menu{ min-width: 175px; }
	#wrapper{ padding-top: 170px; }
	.services-sec .container{ padding: 0 2%; box-sizing: border-box; }
	.services-grp .services-cell{ width: 42%; }
	.welcome-sec h1{ margin-bottom: 30px; }
	#content-area ul li{ margin-bottom: 20px; font-size: 16px; line-height: 24px; }	
	#content-area ul li:before{ top: 7px; }
	.align-right-img{ max-width: 350px;	}
	.welcome-sec{ padding: 0px 0 40px 0; }
	.logo-cell{ max-width: 320px; }
	header .header-tp .two-col{ padding: 15px 0; }
	.list-cell{ width: 50%; margin: 0; }
	#content-area .bottom-links-sec ul li{ font-size: 18px; line-height: 28px; margin: 0 15px; padding: 0; }
	#content-area .bottom-links-sec ul li:before{ left: -18px; }
	.info-sec{ padding: 40px 0 20px 0; box-sizing: border-box; }
	.bottom-links-sec{ padding: 0px 0 40px 0; }
	.info-sec p{ margin-bottom: 20px; }
	.call-info{ font-size: 16px; line-height: 20px; }
	footer .two-col{ display: block; text-align: center; }
	footer .two-col .col-left{ width: 100%; margin-bottom: 10px; }
	footer .two-col .col-right{ width: 100%; }
	.info-sec h2{ margin-bottom: 30px; }
	.main-sec{ padding: 20px 0 40px 0; }
	.main-sec .two-col .col-right{ padding-left: 15px; }
	.center-img{ padding-left: 0px; padding-top: 20px; }
	.main-cell{ padding-top: 20px; }

}

/* 4. large desktop responsive css 1024px to 1199px
------------------------------------------------------------------------------*/
@media (min-width:1024px) and (max-width:1199px){	

	h1, .h1{ font-size: 34px; line-height: 42px; }
	h2, .h2{ font-size: 34px; line-height: 42px; }
	h3, .h3{ font-size: 22px; line-height: 20px; font-weight: bold; }
	h4, .h4{ font-size: 20px; line-height: 20px; font-weight: bold; }
	h5, .h5{ font-size: 18px; line-height: 20px; font-weight: bold; }
	h6, .h6{ font-size: 18px; line-height: 20px; font-weight: bold; }
	.container{ padding: 0 2%; box-sizing: border-box; }
	#wrapper{ padding-top: 200px; }
	.services-sec .container{ padding: 0 2%; box-sizing: border-box; }
	.services-grp .services-cell{ width: 27%; }
	.welcome-sec h1{ margin-bottom: 30px; }
	#content-area ul li{ margin-bottom: 20px; }	
	.align-right-img{ max-width: 350px;	}
	.welcome-sec{ padding: 0px 0 40px 0; }
	.logo-cell{ max-width: 400px; }
	header .header-tp .two-col{ padding: 15px 0; }
	.list-cell{ width: 50%; margin: 0; }
	#content-area .bottom-links-sec ul li{ font-size: 18px; line-height: 28px; margin: 0 15px; padding: 0; }
	#content-area .bottom-links-sec ul li:before{ left: -18px; }
	.info-sec{ padding: 40px 0; box-sizing: border-box; }
	.bottom-links-sec{ padding: 0px 0 40px 0; }
	.info-sec p{ margin-bottom: 20px; }
	.main-sec{ padding: 20px 0 40px 0; }
	.main-sec .two-col .col-right{ padding-left: 15px; }
	.center-img{ padding-left: 0px; }

}

/* 5. Other media-query
------------------------------------------------------------------------------*/
@media (min-width:1200px) and (max-width:1399px){	
	.container{ padding: 0 2%; box-sizing: border-box; }
	.services-sec .container{ padding: 0 2%; box-sizing: border-box; }
	.services-grp .services-cell{ width: 28%; }
	.welcome-sec h1{ margin-bottom: 50px; }
	#content-area ul li{ margin-bottom: 30px; }
	.center-img{ padding-left: 0px; }
}


@media (min-width:1400px) and (max-width:1599px){	

	.services-sec .container{ padding: 0 2%; box-sizing: border-box; }
	.services-grp .services-cell{ width: 28.5%; }
	.welcome-sec h1{ margin-bottom: 50px; }
	#content-area ul li{ margin-bottom: 30px; }

}

@media (min-width:1600px) and (max-width:1750px){	

	.services-sec .container{ padding: 0 2%; box-sizing: border-box; }
	.services-grp .services-cell{ width: 29%; }

}