@charset "utf-8";
/* CSS Document */
/* larger desktop */
/* standard desktop */





@media(min-width:992px) and (max-width:1199px){
header {
	justify-content:space-between;
	align-items:flex-start;
}

header .button-row {
	position:static;
	padding:2px 60px 0 0;	
}

header nav {
	display:none;
}


.mobile-header-container {
	display:block;
	position:absolute;
	width:100%;
	top:85px;
	left:0;
	z-index:999;
}

.about-highlight-container .right-text {
	width:55%;
}

.about-highlight-container .left-text {
	width:40%;
}

.about-section-4-bg {
	padding: 70px 0;
}

.about-section-4-bg .about-process-container {
	margin-bottom:50px;
}

}
@media(min-width:769px) and (max-width:991px){
/************* Home page start here ****************************************/
header {
	justify-content:space-between;
	align-items:flex-start;
}

header .button-row {
	position:static;
	padding:2px 60px 0 0;	
}


header nav {
	display:none;
}


.mobile-header-container {
	display:block;
	position:absolute;
	width:100%;
	top:85px;
	left:0;
	z-index:999;
}



.banner-top {
	display:flex;
	align-items:center;	
}

.section-2-bg {
	padding: 60px 0 80px 0;
}

.section-2-text-container h2 {
	line-height: 38px;
	font-size: 30px;
}

.section-2-text-container p {
	line-height: 22px;
	font-size: 15px;
}

.section-3-bg {
	
}

.section-3-feature-container a h3 {
	line-height:20px;
	font-size:15px;
}

.section-3-feature-container a .img-container {
	margin:0 0 12px 0;
}

.section-4-bg {
	padding:60px 0 80px 0;
}

.section-4-text-container h2 {
	font-size:20px;
	margin:0 0 15px;
}

.section-4-text-container h2 span {
	font-size:16px;
}

.section-4-text-container p {
	line-height: 22px;
	font-size: 15px;
	margin:0 0 20px;
}

.footer-container h4 {
	margin: 0 0 18px 0;
}

.footer-container h4 a {
	font-size:18px;
}

.footer-container ul li {
	margin: 0 0 6px 0;
}

.footer-container ul li a {
	font-size:15px;
}

.footer-top-row ul li {
    margin: 0 10px 0 0;
}

.footer-top-row ul li a {
	font-size: 16px;
	padding: 0 25px 0 0;
}

.footer-top-row ul li a img {
	width:20px;
}

.about-section-2-bg {
	padding:50px 0;
}

.about-text-container {
	flex-direction:column;
}

.about-text-container .img-container {
	width:300px;
	margin:0 auto 20px;
}

.about-text-container .about-text {
	width:100%;
	padding:0;
	text-align:center;
}

.about-highlight-container .right-text {
	width:45%;
}

.about-highlight-container .left-text {
	width:50%;
}

.about-section-4-bg {
	padding: 70px 0;
}

.about-section-4-bg .about-process-container {
	margin-bottom:50px;
}


}
/* ipad potrait */
@media (max-width:768px){

.about-text-container .img-about-align 
{
padding-right:20px; 
padding-bottom:20px; 
padding-top:25px;
width:100%;
}


header {
	justify-content:space-between;
	align-items:flex-start;
}

header .button-row {
	position:static;
	padding:2px 60px 0 0;	
}

header nav {
	display:none;
}

header .logo {
	width:150px;
}

.mobile-header-container {
	display:block;
	position:absolute;
	width:100%;
	top:85px;
	left:0;
	z-index:999;
}


.banner-top {
	display:flex;
	align-items:center;	
}

.section-2-bg {
	padding: 40px 0 60px 0;
}

.section-2-img img {
	width:100%;
}


.section-2-text-container h2 {
	line-height: 38px;
	font-size: 30px;
	margin-top:20px
}

.section-2-text-container p {
	line-height: 22px;
	font-size: 15px;
}

.section-2-text-container h2 br {
	display:none;
}

.section-3-bg {
	padding: 30px 0 10px 0;
}

.section-3-bg .row {
	display:flex;
	flex-wrap:wrap;
}

.section-3-feature-container a .img-container {
	margin:0 0 12px 0;
}

.section-3-feature-container {
	padding: 0 0 20px;
}

.section-3-feature-container a h3 {
	line-height: 18px;
	font-size: 14px;
}

.section-4-bg {
	padding:60px 0 80px 0;
}

.section-4-text-container h2 {
	font-size:20px;
	margin:0 0 15px;
}

.section-4-text-container h2 span {
	font-size:16px;
}

.section-4-text-container p {
	line-height: 22px;
	font-size: 15px;
	margin:0 0 20px;
	padding:0;
}

.footer-container h4 {
	margin: 0 0 18px 0;
}

.footer-container h4 a {
	font-size:18px;
}

.footer-container ul li {
	margin: 0 0 6px 0;
}

.footer-container ul li a {
	font-size:15px;
}

.footer-top-row ul li {
    margin: 0 10px 0 0;
}

.footer-top-row ul li a {
	font-size: 16px;
	padding: 0 25px 0 0;
}

.footer-top-row ul li a img {
	width:20px;
}


.services-section-3-bg {
	padding: 40px 0 0 0;
}

.service-container {
	width:48%;
	margin:0 0 40px 4%;
}

.service-container:nth-child(odd) {
	margin-left:0 !important;
}

.service-container:nth-child(even) {
	margin-left:4% !important;
}

.services-section-2-bg {
	padding:60px 0 40px;
}

.inner-banner {
	height:300px;
}

.inner-banner-caption {
	margin:200px 0 0;
	font-size:36px;
}

.about-section-2-bg {
	padding:50px 0;
}

.about-text-container {
	flex-direction:column;
}

.about-text-container .img-container {
	width:300px;
	margin:0 auto 20px;
}

.about-text-container .about-text {
	width:100%;
	padding:0;
	text-align:center;
}


.about-section-3-bg {
	padding: 40px 0;
}

.about-highlight-container {
	flex-direction:column;
}

.about-highlight-container .left-text {
	width:100%;
	padding:0;
	border:0;
}

.about-highlight-container .left-text br {
	display:none;
}

.about-highlight-container .right-text {
	width:100%;
}


.about-section-4-bg {
	padding: 45px 0;
}

.about-section-4-bg .about-process-container {
	margin-bottom:40px;
}

.about-process-container h2 {
	padding:0;
	border:0;
}

.contact-section-2-bg {
	padding:40px 0;
}

.contact-section-2-bg h2 br {
	display:none;
}

.contact-form-container .form-group,
.contact-form-container .form-group .col-md-6 {
	margin-bottom:15px;
}

.contact-section-3-bg {
	padding:0 0 40px;
}

}
@media(min-width:641px) and (max-width:767px){

.slider-banner-container {
	
}

.banner-bottom {
	padding:16px 15px;
	height:auto;
}

.banner-bottom p {
	font-size:17px;
}

.footer-bg {
	padding: 5px  0 30px;
}

.footer-flex-container {
	flex-direction:column;
}

.footer-container {
	margin-top:25px;
}

.footer-container h4 {
	margin: 0 0 18px 0;
}

.footer-container h4 a {
	font-size:18px;
}

.footer-container ul li {
	margin: 0 0 6px 0;
}

.footer-container ul li a {
	font-size:15px;
}

.footer-top-row ul li {
    margin: 0 10px 0 0;
}

.footer-top-row ul li a {
	font-size: 16px;
	padding: 0 25px 0 0;
}

.footer-top-row ul li a img {
	width:20px;
}

}
/* small view i.e. tablet and mobile */
@media(min-width:481px) and (max-width:640px){

header .button-row {
	display:none;	
}

.slider-banner-container {
	
}

.banner-caption {
	font-size: 35px;
	line-height:48px;
}

.banner-bottom {
	padding:16px 15px;
	height:auto;
}

.banner-bottom p {
	font-size:17px;
}

.footer-bg {
	padding: 5px  0 80px;
}

.footer-flex-container {
	flex-direction:column;
}

.footer-container {
	margin-top:25px;
}

.footer-container h4 {
	margin: 0 0 18px 0;
}

.footer-container h4 a {
	font-size:18px;
}

.footer-container ul li {
	margin: 0 0 6px 0;
}

.footer-container ul li a {
	font-size:15px;
}

.footer-top-row ul li {
    margin: 0 10px 0 0;
}

.footer-top-row ul li a {
	font-size: 16px;
	padding: 0 25px 0 0;
}

.footer-top-row ul li a img {
	width:20px;
}

.bottom-button-row {
	display:flex;
}

.services-section-3-bg {
	padding: 30px 0 0 0;
}

.service-container {
	width:100%;
	margin:0 0 30px;
}

.services-section-2-bg {
	padding:50px 0 50px;
}

.services-section-2-bg .row {
	display:flex;
	flex-direction:column-reverse;
}

.services-text-container {
	margin-bottom:30px;
}

}	
/*mobile view */
@media (max-width:480px) {

header {
	justify-content:space-between;
}

header .button-row {
	display:none;	
}

header nav {
	display:none;
}

header .logo {
	width:130px;
}


.slider-banner-container {
	
}

.banner-caption {
	font-size: 35px;
	line-height:48px;
}

.banner-bottom {
	padding:16px 15px;
	height:auto;
}

.banner-bottom p {
	font-size:17px;
}


.section-2-bg {
	padding:40px 0 60px 0;
}

.section-4-bg {
	padding:40px 0 60px 0;
}

.footer-bg {
	padding: 5px  0 80px;
}

.footer-flex-container {
	flex-direction:column;
}

.footer-container {
	margin-top:25px;
}


.footer-container h4 {
	margin: 0 0 18px 0;
}

.footer-container h4 a {
	font-size:18px;
}

.footer-container ul li {
	margin: 0 0 6px 0;
}

.footer-container ul li a {
	font-size:15px;
}

.footer-top-row ul li {
    margin: 0 10px 0 0;
}

.footer-top-row ul li a {
	font-size: 16px;
	padding: 0 25px 0 0;
}

.footer-top-row ul li a img {
	width:20px;
}

.bottom-button-row {
	display:flex;
}

.services-section-3-bg {
	padding: 30px 0 0 0;
}

.service-container {
	width:100%;
	margin:0 0 30px;
}

.services-section-2-bg {
	padding:50px 0 50px;
}

.services-section-2-bg .row {
	display:flex;
	flex-direction:column-reverse;
}

.services-text-container {
	margin-bottom:30px;
}

}
@media (max-width:320px) {

}