@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) {
	h1{ font-size: 36px; line-height: 38px; }
	h2{ font-size: 28px; line-height: 35px; }
	h3{ font-size: 22px; line-height: 30px; }
	h4{ font-size: 20px; line-height: 24px; }
	h5{ font-size: 18px; line-height: 24px; }
	h6{ font-size: 12px; line-height: 16px; }
	p{ font-size: 14px; line-height: 24px; margin-bottom: 20px; }
	header{ padding-top: 20px; }
	.logo{ width: 120px; }
	.container{ padding: 0 3%; box-sizing: border-box; }
	.btn{ font-size: 13px; line-height: 16px; padding: 10px 40px 10px 20px; }
	.btn:after{ right: 20px; top: 14px; width: 9px; height: 9px; }
	.desc-title-cell .big-title{ font-size: 36px; line-height: 38px; letter-spacing: 0; }
	.desc-title-cell .small-title{ font-size: 24px; line-height: 32px; }
	.banner{ background-position: center center; background-size: cover; height: 100vh; }
	.banner figure{ display: none; }
	.banner-desc{ max-width: 422px; margin-top: 0; }
	.desc-title-cell{ margin-bottom: 20px; padding-bottom: 10px; }
	.desc-title-cell:after{ height: 1px; width: 100%; }
	.banner-desc .two-col{ margin-top: 10px; display: block; }
	.banner-desc .two-col .col-left{ width: 100%; margin-bottom: 15px; }
	.banner-desc .two-col .col-right{ width: 100%; text-align: center; }
	.banner-desc .two-col .col-right a{ float: none; }
	.banner-desc p{ font-size: 14px; line-height: 22px; text-align: center; }
	.about-slider .two-col{ display: block; }
	.about-slider .two-col .col-left{ width: 100%; padding: 30px 2% 30px 2%;	}
	.about-slider .two-col .col-right{ width: 100%; margin-top: 0; }
	.about-slider .two-col .col-left:after{ right: -260px; width: 260px; }
	.services-grp-area .services-cell{ width: 100%; margin-right: 0; margin-bottom: 15px; }
	.services-grp-area .services-cell:last-child{ margin-bottom: 0; }
	.about-slider .two-col .col-left h2{ margin-bottom: 5px; }
	.about-slider .two-col .col-left p{ margin-bottom: 20px; }
	.services-grp-area .services-cell:nth-child( 3n + 3 ){ margin-right: 2%;  }
	.services-grp-area .services-cell:nth-child( 2n + 2 ){ margin-right: 0;  }
	.about-section .container{ padding: 0; }
	.service-section{ padding: 35px 0 35px 0; }
	.welcome-title{ font-size: 13px; line-height: 19px; margin-bottom: 15px; }
	.welcome-inner-sec{ margin-bottom: 30px; }
	.welcome-inner-sec .two-col{ display: block; }
	.welcome-inner-sec .two-col .col-left{ width: 100%; margin-bottom: 15px; }
	.welcome-inner-sec .two-col .col-right{ width: 100%; padding-left: 0; padding-top: 0; }
	.services-grp-area .services-cell{ padding: 30px 15px 20px 15px; }
	.services-cell h3{ margin-bottom: 10px; }
	.testimonial-section{ padding: 30px 0 30px 0; }
	.testimonial-desc{ width: 80%; font-size: 18px; line-height: 23px; margin-bottom: 10px; }
	.testimonial-name{ font-size: 13px; line-height: 15px; }
	.testimonial-arrow{ padding-top: 20px; }
	.testimonial-desc:before{ left: -38px; width: 21px; height: 15px;}
	.testimonial-desc:after{ right: -38px; width: 21px; height: 15px; }
	.talk-section{ height: 240px; }
	.talk-desc .talk-big-title{ font-size: 32px; line-height: 34px; letter-spacing: 0; }
	.talk-desc .talk-sml-title{ font-size: 20px; line-height: 25px; }
	.talk-desc .btn{ margin-top: 15px; }
	.footer-logo{ display: block; width: 140px; float: left; }
	.cont-info-grp{ margin-top: 25px; }
	.social-icon-grp{ margin-top: 25px; float: left; }
	.social-icon-grp a{ margin-left: 30px; }
	footer{ padding: 20px 0 20px 0; }
	.services-cell figure img{ max-width: 40px; margin-left: 0;	}
	.services-cell figure{ min-height: 50px; display: flex; align-items: center;   justify-content: center; }
	.about-slider .two-col .col-left{ min-height: auto; }
	.about-arrow .left-arrow, .about-arrow .right-arrow{ width: 40px; height: 40px; }
	.about-arrow .left-arrow figure img, .about-arrow .right-arrow figure img{ display: inherit; width: 14px; }
	.arrow-grp figure img{ width: 14px; }
	.arrow-grp .left-arrow{ max-width: 17px; margin-right: 40px; }
	.cont-info-grp .cont-info:last-child{ margin-right: 0; }
	.cont-info{ margin-right: 20px;	}
	.cont-info a{ font-size: 14px; line-height: 17px; }
	.social-icon-grp a{ height: 16px; margin-left: 20px; }
	.call-cell{ margin-top: 15px; font-size: 13px; line-height: 17px; }
	.about-section.bt-wt-brd:before{ height: 200px; }
}

/* 2. Large Mobile responsive css 640px
------------------------------------------------------------------------------*/
@media (min-width:641px) and (max-width:767px) {
	h1{ font-size: 36px; line-height: 38px; }
	h2{ font-size: 28px; line-height: 35px; }
	h3{ font-size: 22px; line-height: 30px; }
	h4{ font-size: 20px; line-height: 24px; }
	h5{ font-size: 18px; line-height: 24px; }
	h6{ font-size: 12px; line-height: 16px; }
	p{ font-size: 14px; line-height: 24px; margin-bottom: 20px; }
	header{ padding-top: 20px; }
	.logo{ width: 120px; }
	.container{ padding: 0 2%; box-sizing: border-box; }
	.btn{ font-size: 13px; line-height: 16px; padding: 10px 40px 10px 20px; }
	.btn:after{ right: 20px; top: 14px; width: 9px; height: 9px; }
	.desc-title-cell .big-title{ font-size: 36px; line-height: 38px; letter-spacing: 0; }
	.desc-title-cell .small-title{ font-size: 24px; line-height: 28px; }
	.banner-desc{ max-width: 422px; margin-top: 50px; }
	.desc-title-cell{ margin-bottom: 15px; }
	.desc-title-cell:after{ height: 1px; }
	.banner-desc .two-col{ margin-top: 10px; display: block; }
	.banner-desc .two-col .col-left{ width: 100%; margin-bottom: 15px; }
	.banner-desc .two-col .col-right{ width: 100%; text-align: center; }
	.banner-desc .two-col .col-right a{ float: none; }
	.banner-desc p{ font-size: 14px; line-height: 22px; text-align: center; }
	.about-slider .two-col .col-left{ width: 45%; padding: 30px 2% 30px 2%;	}
	.about-slider .two-col .col-right{ width: 55%; margin-top: 20px; }
	.about-slider .two-col .col-left:after{ right: -260px; width: 260px; }
	.services-grp-area .services-cell{ width: 49%; margin-right: 2%; margin-bottom: 2%; }
	.about-slider .two-col .col-left h2{ margin-bottom: 15px; }
	.about-slider .two-col .col-left p{ margin-bottom: 20px; }
	.services-grp-area .services-cell:nth-child( 3n + 3 ){ margin-right: 2%;  }
	.services-grp-area .services-cell:nth-child( 2n + 2 ){ margin-right: 0;  }
	.about-section .container{ padding: 0; }
	.service-section{ padding: 40px 0 30px 0; }
	.welcome-title{ font-size: 13px; line-height: 19px; margin-bottom: 20px; }
	.welcome-inner-sec{ margin-bottom: 40px; }
	.welcome-inner-sec .two-col .col-left{ width: 32%; }
	.welcome-inner-sec .two-col .col-right{ width: 68%; padding-left: 15px; padding-top: 36px; }
	.services-grp-area .services-cell{ padding: 30px 15px 20px 15px; }
	.services-cell h3{ margin-bottom: 10px; }
	.testimonial-section{ padding: 40px 0 40px 0; }
	.testimonial-desc{ width: 80%; font-size: 22px; line-height: 27px; margin-bottom: 15px; }
	.testimonial-name{ font-size: 13px; line-height: 15px; }
	.testimonial-arrow{ padding-top: 30px; }
	.testimonial-desc:before{ left: -55px; width: 35px; height: 25px; }
	.testimonial-desc:after{ right: -55px; width: 35px; height: 25px; }
	.talk-section{ height: 250px; }
	.talk-desc .talk-big-title{ font-size: 36px; line-height: 38px; letter-spacing: 0; }
	.talk-desc .talk-sml-title{ font-size: 24px; line-height: 28px; }
	.footer-logo{ max-width: 120px; margin-right: 20px;	}
	.cont-info-grp{ margin-top: 20px; }
	.social-icon-grp{ margin-top: 35px;	}
	.social-icon-grp a{ margin-left: 30px; }
	footer{ padding: 20px 0 20px 0; }
	.services-cell figure img{ max-width: 40px; margin-left: 0;	}
	.services-cell figure{ min-height: 50px; display: flex; align-items: center;   justify-content: center; }
	.about-slider .two-col .col-left{ min-height: auto; }
	.about-arrow .left-arrow, .about-arrow .right-arrow{ width: 40px; height: 40px; }
	.about-arrow .left-arrow figure img, .about-arrow .right-arrow figure img{ display: inherit; width: 14px; }
	.arrow-grp figure img{ width: 14px; }
	.arrow-grp .left-arrow{ max-width: 17px; margin-right: 40px; }
	.cont-info-grp .cont-info:last-child{ margin-right: 0; }
	.cont-info{ margin-right: 20px;	}
	.cont-info a{ font-size: 14px; line-height: 17px; }
	.social-icon-grp a{ height: 16px; margin-left: 20px; }
	.call-cell{ margin-top: 15px; font-size: 13px; line-height: 17px; }
	.about-section.bt-wt-brd:before{ height: 200px; }
}

/* 3. iPad responsive css 768px to 1023px
------------------------------------------------------------------------------*/
@media (min-width:768px) and (max-width:1023px) {
	h1{ font-size: 46px; line-height: 47px; }
	h2{ font-size: 34px; line-height: 40px; }
	h3{ font-size: 22px; line-height: 30px; }
	h4{ font-size: 20px; line-height: 24px; }
	h5{ font-size: 18px; line-height: 24px; }
	h6{ font-size: 12px; line-height: 16px; }
	p{ font-size: 14px; line-height: 26px; margin-bottom: 20px; }
	header{ padding-top: 20px; }
	.logo{ width: 140px; }
	.container{ padding: 0 2%; box-sizing: border-box; }
	.btn{ font-size: 14px; line-height: 17px; padding: 12px 46px 12px 25px; }
	.btn:after{ right: 22px; top: 17px; width: 10px; height: 9px; }
	.desc-title-cell .big-title{ font-size: 46px; line-height: 47px; letter-spacing: 0; }
	.desc-title-cell .small-title{ font-size: 31px; line-height: 36px; }
	.banner-desc{ max-width: 542px; }
	.desc-title-cell{ margin-bottom: 20px; }
	.banner-desc .two-col{ margin-top: 15px; }
	.banner-desc .two-col .col-left{ width: 63%; }
	.banner-desc .two-col .col-right{ width: 35%; }
	.banner-desc p{ font-size: 14px; line-height: 22px; }
	.about-slider .two-col .col-left{ width: 45%; padding: 50px 5% 50px 2%;	}
	.about-slider .two-col .col-right{ width: 55%; margin-top: 45px; }
	.about-slider .two-col .col-left:after{ right: -260px; width: 260px; }
	.services-grp-area .services-cell{ width: 32%; margin-right: 2%; margin-bottom: 2%; }
	.about-section .container{ padding: 0; }
	.service-section{ padding: 60px 0 50px 0; }
	.welcome-title{ font-size: 14px; line-height: 20px; margin-bottom: 25px; }
	.welcome-inner-sec{ margin-bottom: 60px; }
	.welcome-inner-sec .two-col .col-left{ width: 32%; }
	.welcome-inner-sec .two-col .col-right{ width: 68%; padding-left: 20px; padding-top: 40px; }
	.services-grp-area .services-cell{ padding: 40px 20px 25px 20px; }
	.services-cell h3{ margin-bottom: 10px; }
	.testimonial-section{ padding: 70px 0 70px 0; }
	.testimonial-desc{ width: 80%; font-size: 23px; line-height: 29px; margin-bottom: 25px; }
	.testimonial-name{ font-size: 15px; line-height: 16px; }
	.testimonial-arrow{ padding-top: 40px; }
	.testimonial-desc:before{ left: -55px; width: 40px; height: 29px; }
	.testimonial-desc:after{ right: -55px; width: 40px; height: 29px; }
	.talk-section{ height: 350px; }
	.talk-desc .talk-big-title{ font-size: 46px; line-height: 47px; letter-spacing: 0px; }
	.talk-desc .talk-sml-title{ font-size: 31px; line-height: 36px; }
	.footer-logo{ max-width: 140px; margin-right: 35px;	}
	.cont-info-grp{ margin-top: 22px; }
	.social-icon-grp{ margin-top: 35px;	}
	.social-icon-grp a{ margin-left: 30px; }
	footer{ padding: 40px 0 40px 0; }
	.services-cell figure img{ max-width: 45px;	}
	.services-cell figure{ min-height: 55px; }
	.about-slider .two-col .col-left{ min-height: auto; }
	.about-arrow .left-arrow, .about-arrow .right-arrow{ width: 46px; height: 46px; }
	.about-arrow .left-arrow figure img, .about-arrow .right-arrow figure img{ display: inherit; width: 14px; }
	.arrow-grp figure img{ width: 14px; }
	.arrow-grp .left-arrow{ max-width: 17px; margin-right: 40px; }
	.cont-info-grp .cont-info:last-child{ margin-right: 0; }
	.cont-info{ margin-right: 30px;	}
	.cont-info a{ font-size: 15px; line-height: 18px; }
	.social-icon-grp a{ height: 18px; margin-left: 25px; }
	.about-section.bt-wt-brd:before{ height: 200px; }
}

/* 4. large desktop responsive css 1024px to 1199px
------------------------------------------------------------------------------*/
@media (min-width:1024px) and (max-width:1199px) {	
	h2{ font-size: 60px; line-height: 62px;	}
	h2{ font-size: 46px; line-height: 48px;	}
	h3{ font-size: 28px; line-height: 34px; }
	h4{ font-size: 24px; line-height: 30px; }
	h5{ font-size: 18px; line-height: 24px; }
	h6{ font-size: 12px; line-height: 16px; }
	header{ padding-top: 30px; }
	.logo{ width: 140px; }
	.container{ padding: 0 2%; box-sizing: border-box; }
	.desc-title-cell .big-title{ font-size: 60px; line-height: 62px; letter-spacing: -1px; }
	.desc-title-cell .small-title{ font-size: 39px; line-height: 44px; }
	.banner-desc{ max-width: 680px; }
	.banner-desc .two-col .col-left{ width: 70%; }
	.banner-desc .two-col .col-right{ width: 30%; }
	.banner-desc p{ font-size: 16px; line-height: 26px; }
	.about-slider .two-col .col-left{ width: 45%; padding: 50px 5% 50px 2%;	}
	.about-slider .two-col .col-right{ width: 55%; margin-top: 45px; }
	.about-slider .two-col .col-left:after{ right: -260px; width: 260px; }
	.services-grp-area .services-cell{ width: 32%; margin-right: 2%; margin-bottom: 2%; }
	.about-section .container{ padding: 0; }
	.service-section{ padding: 80px 0 70px 0; }
	.welcome-inner-sec{ margin-bottom: 100px; }
	.welcome-inner-sec .two-col .col-left{ width: 30%; }
	.welcome-inner-sec .two-col .col-right{ width: 70%; padding-left: 40px; padding-top: 50px; }
	.services-grp-area .services-cell{ padding: 55px 25px 35px 30px; }
	.services-cell h3{ margin-bottom: 25px; }
	.testimonial-section{ padding: 100px 0 100px 0; }
	.testimonial-desc{ width: 80%; font-size: 30px; line-height: 42px; margin-bottom: 30px; }
	.testimonial-arrow{ padding-top: 50px; }
	.testimonial-desc:before{ left: -95px; width: 65px; height: 49px; }
	.testimonial-desc:after{ right: -95px; width: 65px; height: 49px; }
	.talk-section{ height: 450px; }
	.talk-desc .talk-big-title{ font-size: 60px; line-height: 62px; letter-spacing: -1px; }
	.talk-desc .talk-sml-title{ font-size: 39px; line-height: 44px; }
	.footer-logo{ max-width: 140px; margin-right: 50px;	}
	.cont-info-grp{ margin-top: 25px; }
	.social-icon-grp{ margin-top: 30px;	}
	.social-icon-grp a{ margin-left: 30px; }
	footer{ padding: 50px 0 50px 0; }
	.about-section.bt-wt-brd:before{ height: 200px; }
}

/* 5. Other media-query
------------------------------------------------------------------------------*/
@media (min-width:1200px) and (max-width:1349px) {	
	.container{ padding: 0 2%; box-sizing: border-box; }
	.about-slider .two-col .col-left{ width: 37%; padding: 60px 55px 60px 50px;	}
	.about-slider .two-col .col-right{ width: 63%; }
	.services-grp-area .services-cell{ width: 32%; margin-right: 2%; margin-bottom: 2%; }
	.about-section .container{ padding: 0; }
	.service-section{ padding: 80px 0 70px 0; }
	.welcome-inner-sec{ margin-bottom: 100px; }
	.services-grp-area .services-cell{ padding: 65px 25px 35px 30px; }
	.services-cell h3{ margin-bottom: 25px; }
	.testimonial-section{ padding: 130px 0 130px 0; }
	.testimonial-desc{ width: 940px; }
	.testimonial-desc:before{ left: -80px; }
	.testimonial-desc:after{ right: -80px; }
	.talk-section{ height: 520px; }
	.about-section.bt-wt-brd:before{ height: 200px; }
}

@media (min-width:1350px) and (max-width:1439px) {	
	.about-slider .two-col .col-left{ width: 37%; padding: 60px 55px 60px 50px;	}
	.about-slider .two-col .col-right{ width: 63%; }
	.about-section.bt-wt-brd:before{ height: 200px; }
}

@media (max-width:400px) {
	.testimonial-desc:before{ left: -30px; }
	.testimonial-desc:after{ right: -30px; }
}