@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: 28px; line-height: 35px; }
	h2{ font-size: 28px; line-height: 35px; margin-bottom: 15px; }
	.container{ padding: 0 20px; box-sizing:border-box; }
	.why-choose-sec{ padding: 50px 0 40px 0; }
	.services-sec{ padding: 50px 0 50px 0; }
	.services-grid{ grid-template-columns: repeat(1, 1fr); gap: 50px 30px; }
	.industry-grid{ grid-template-columns: repeat(2, 1fr); gap: 15px 15px; }
	.services-grid.three-col{ grid-template-columns: repeat(1, 1fr); }
	.industries{ padding: 30px 0; }
	.why-choose-sec .container .two-col{ gap: 40px; flex-wrap: wrap; }
	.box p{ margin-bottom: 0; }
	.client-sec{ padding: 30px 0; }
	.client-sec h2{ margin-bottom: 20px; }
	.cta{ padding: 40px 0; }
	.client-slider{ width: 96%; }
	.navigation{ display: none; }
	.banner-desc h1{ width: 100%; }
	.why-choose-sec .right{ flex: none; width: 100%; }
	.mb-pt-0{ padding-top: 0; }
	.footer-grid{ grid-template-columns: 1fr; }
	.banner-desc h1{ margin-bottom: 20px; }
	.why-choose-sec .left{ gap: 10px; }
	.box{ padding: 30px 15px; }
	.why-choose-sec .right h1{ font-size: 28px; }
	.section-title{ font-size: 28px; line-height: 35px; }
	.mb-pb-0{ padding-bottom: 0; }
	.video-sec{ padding-bottom: 20px; }
	.industry{ padding: 15px 15px; }
	.cta h2{ font-size: 28px; margin-bottom: 30px; }
	.cta-buttons{ gap: 15px; flex-wrap: wrap; }
	.footer{ padding-top: 30px; }
	.footer-grid{ grid-template-columns: repeat(1, 1fr) !important; gap: 20px; }
	.footer-bottom{ margin-top: 20px; }
	.btn-grp{ flex-wrap: wrap; justify-content: center; }
	.why-choose-sec .right{ flex: none; width: 100%; }
	.mb-pt-0{ padding-top: 0; }
	.why-choose-sec .right h1{ font-size: 28px; }
	.about-content h1{ font-size: 28px; }	
	.about-sec{ padding: 40px 0px; }
	.solution-box-grp .solution-box{ width: 100%; margin-right: 0; margin-bottom: 30px; height: auto !important; }
	.solution-box-grp .solution-box:nth-child( 3n + 3){ margin-right: 0; }
	.solution-box-grp .solution-box:nth-child( 2n + 2){ margin-right: 0; }
	.ml-section{ padding: 60px 0px; }
	.top-row{ flex-wrap: wrap; gap: 0px; }
	.ml-section .left{ flex: inherit; }
	.bottom-text{ margin-top: 0; }
	.about-sec .container{ gap: 20px !important; }
	.center-content-sec{ padding: 40px 0; }
	.bottom-text p{ margin-bottom: 0; }
	.solution-sec{ padding: 50px 0 20px 0; }
	.project-plan-sec{ padding-bottom:0; }
	.steps .step:last-child{ margin-bottom:0; }
	.project-plan-sec{ padding-bottom:0; }
	.contact-form-sec{ padding: 40px 0; }
	#wrapper{ min-height: auto; margin-top: 66px; }
	.contact-form-form .fieldset.submit-area{ margin-bottom: 0 !important; }
	.contact-form-form .half-field .fieldset {width: 100%; margin: 0; }
	.contact-form-form .half-field{ flex-wrap: wrap; }
	.mb-toggled.mb-closed{ display: block; top: 19px; }
	.about-content{ flex: 1; margin-left: 0; }
	.info p{ justify-content: start; flex-wrap: wrap; position: relative; padding-left: 32px; box-sizing: border-box; }
	.info p a{ width: 100%; }
	.divide-cell:before{ display:none; }
	.info i{ position: absolute; left: 0; top: 1px; margin-right:0; }
	.info p a+a{ margin-left:0; }
	.center-line{ margin-bottom: 20px; }
	.border-title:after{ height: 2px; width: 110px; }
	.logo{ width: 200px; margin-top: 8px; margin-bottom: 8px; }
	.about-sec .center-line{ margin-bottom:0; }
}

/* 2. Large Mobile responsive css 640px
------------------------------------------------------------------------------*/
@media (min-width:641px) and (max-width:767px) {
	.container{ padding: 0 20px; box-sizing:border-box; }
	.why-choose-sec{ padding: 50px 0 40px 0; }
	.services-sec{ padding: 50px 0 50px 0; }
	.services-grid{ grid-template-columns: repeat(2, 1fr); gap: 50px 30px; }
	.industry-grid{ grid-template-columns: repeat(3, 1fr); gap: 30px 30px; }
	.industries{ padding: 60px 0; }
	.why-choose-sec .container .two-col{ gap: 30px; flex-wrap: wrap; }
	.box p{ margin-bottom: 0; }
	.client-sec{ padding: 30px 0; }
	.cta{ padding: 50px 0; }
	.client-slider{ width: 96%; }
	.navigation{ display: none; }
	.banner-desc h1{ width: 100%; }
	.why-choose-sec .right{ flex: none; width: 100%; }
	.mb-pt-0{ padding-top: 0; }
	.why-choose-sec .right h1{ font-size: 40px; }
	.section-title{ font-size: 40px; }
	.about-content h1{ font-size: 40px; }	
	.about-sec{ padding: 40px 0px; }
	.solution-box-grp .solution-box{ width: 48%; margin-right: 4%; margin-bottom: 30px; }
	.solution-box-grp .solution-box:nth-child( 3n + 3){ margin-right: 4%; }
	.solution-box-grp .solution-box:nth-child( 2n + 2){ margin-right: 0; }
	.services-grid.three-col{ grid-template-columns: repeat(2, 1fr); }
	.ml-section{ padding: 60px 0px; }
	.top-row{ flex-wrap: wrap; gap: 0px; }
	.ml-section .left{ flex: inherit; }
	.bottom-text{ margin-top: 0; }
	.project-plan-sec{ padding-bottom:0; }
	.contact-form-sec{ padding: 40px 0; }
	#wrapper{ min-height: auto; margin-top: 65px; }
	.mb-toggled.mb-closed{ display: block; top: 18px; }
	.about-content{ flex: 1; margin-left: 0; }
}

/* 3. iPad responsive css 768px to 1023px
------------------------------------------------------------------------------*/
@media (min-width:768px) and (max-width:1023px) {
	.container{ padding: 0 20px; box-sizing:border-box; }
	.why-choose-sec{ padding: 50px 0 40px 0; }
	.services-sec{ padding: 50px 0 50px 0; }
	.services-grid{ grid-template-columns: repeat(2, 1fr); gap: 50px 30px; }
	.industry-grid{ grid-template-columns: repeat(3, 1fr); gap: 30px 30px; }
	.services-grid.three-col{ grid-template-columns: repeat(2, 1fr); }
	.industries{ padding: 60px 0; }
	.why-choose-sec .container .two-col{ gap: 30px; }
	.box p{ margin-bottom: 0; }
	.client-sec{ padding: 30px 0; }
	.client-sec h2{ margin-bottom: 50px; }
	.cta{ padding: 50px 0; }
	.client-slider{ width: 96%; }
	.why-choose-sec .right h1{ font-size: 40px; }
	.section-title{ font-size: 40px; }
	.solution-box-grp .solution-box{ width: 48%; margin-right: 4%; margin-bottom: 30px; }
	.solution-box-grp .solution-box:nth-child( 3n + 3){ margin-right: 4%; }
	.solution-box-grp .solution-box:nth-child( 2n + 2){ margin-right: 0; }
	.project-plan-sec{ padding-bottom:0; }
	nav ul li a{ padding: 35px 8px; }
	nav ul li{ font-size: 16px; line-height: 18px; }
	.about-content{ flex: 1; margin-left: 0; }
}

/* 4. large desktop responsive css 1024px to 1199px
------------------------------------------------------------------------------*/
@media (min-width:1024px) and (max-width:1199px) {	
	.container{ padding: 0 20px; box-sizing:border-box; }
	.why-choose-sec{ padding: 70px 0 40px 0; }
	.services-sec{ padding: 50px 0 50px 0; }
	.services-grid{ grid-template-columns: repeat(4, 1fr); gap: 15px; }
	.industry-grid{ grid-template-columns: repeat(4, 1fr); gap: 50px 30px; }
	.industries{ padding: 60px 0; }
}

@media (min-width:1200px) and (max-width:1270px) {	
	.container{ padding: 0 20px; box-sizing:border-box; }
}

/* 5. Other media-query
------------------------------------------------------------------------------*/
@media (max-width: 900px) {
	.steps{ flex-direction: column; align-items: center; } 
	.step{ width: 100%; margin-bottom: 40px; } 
	.line{ display: none; } 
	.about-sec .container{ flex-direction: column; text-align: left; } 
	.footer-grid{ grid-template-columns: repeat(2, 1fr); }
  	.footer-col{ display:block; width:100%; }
}