@charset "utf-8";
/* Table of Contents
==================================================
	#Desktop (1920 and 1600 and 1440 and 1366)
	#laptop (1440 and 1366)
	#Tablet (991 to 767)
	#Mobile (767 to 360)



/* #Additional - Large Screens width of 1800px to 1601px 
================================================== */
@media only screen and (min-width: 1601px) and (max-width: 1800px) {

:root										{ --container-width: 1250px; }
.container                                  { max-width: 1250px; }


}

/* #Additional - Large Screens width of 1600px to 1501px 
================================================== */
@media only screen and (min-width: 1501px) and (max-width: 1600px) {

:root										{ --container-width: 1250px; }
.container                                  { max-width: 1250px; }


}

/* #Additional - Large Screens width of 1500px to 1441px 
================================================== */
@media only screen and (min-width: 1441px) and (max-width: 1500px) {

:root										{ --container-width: 1250px; }
.container                                  { max-width: 1250px; }


}

/* #Additional - Large Screens width of 1440px to 1200px 
================================================== */
@media only screen and (min-width: 1367px) and (max-width: 1440px) {

:root										{ --container-width: 1250px; }
.container                                  { max-width: 1250px; }


}

/* #Additional - Large Screens  width of 1366px to 1200px
================================================== */
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
    
:root										{ --container-width: 1250px; }
.container                                  { max-width: 1250px; }

.menu_sec ul.menu li 						{ margin-right: 50px; }

.aboutSec .leftCol 							{ padding-bottom: 25px; }
.aboutSec .leftCol h3 						{ margin-bottom: 30px; }
.aboutSec .leftCol p 						{ margin-bottom: 20px; }
.aboutSec .leftCol .learnBtn 				{ margin-top: 10px; }

.ourServicesSec 							{ padding: 150px 0 100px 0; }

}

/* #iPad Pro - Large Screens width of 1199px to 990px
================================================== */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

:root										{ --container-width: 960px; }
.container									{ max-width: 960px; }

#header .mainHeader .mainNav .logo 			{ margin-right: 50px; }
.menu_sec ul.menu li 						{ margin-right: 30px; }
#header .mainHeader .contactLink .contactBtn { font-size: 18px; padding: 8px 18px; }

.banner-section .caption 					{ width: 50%; bottom: 60px; }
.banner-section .caption h2 				{ font-size: 30px; line-height: 40px; }
.banner-section .caption .typed 			{ font-size: 30px; line-height: 40px; margin-bottom: 30px; }
.banner-section .caption .talk-btn 			{ font-size: 18px; padding: 8px 18px; }
.banner-slider__arrows-dots-container 		{ bottom: 80px; }
.banner-section .banner-slider .owl-dots .owl-dot span { width: 120px; margin: 0 10px; }
.banner-section .slider-counter 			{ font-size: 25px; line-height: 40px; bottom: 60px; }

.aboutSec 									{ margin-top: 70px; }
.aboutSec .leftCol 		 					{ padding-bottom: 30px; }
.aboutSec .leftCol h3 						{ font-size: 28px; line-height: 35px; margin-bottom: 20px; }
.aboutSec .leftCol h1 						{ font-size: 30px; line-height: 40px; margin-bottom: 20px; }
.aboutSec .leftCol p 						{ margin-bottom: 20px; }
.aboutSec .leftCol .learnBtn 				{ font-size: 18px; padding: 8px 18px; margin-top: 10px; }
.aboutSec .rightCol 						{ margin-right: calc(9px - var(--container-padding)); }
.aboutSec .rightCol::before 				{ left: 30px; top: 20px; }

.ourServicesSec 							{ padding: 70px 0; }
.ourServicesSec h2 							{ font-size: 28px; line-height: 35px; margin-bottom: 20px; }
.ourServicesSec p  							{ margin-bottom: 40px; }
.ourServicesSec .learnMoreBtn 				{ font-size: 18px; padding: 8px 18px; }
.ourServicesSec .ourServicesRow  			{ gap: 20px; }
.ourServicesSec .ourServicesRow .ourServicesCol { width: calc(20% - 16px); }
.ourServicesSec .ourServicesRow .ourServicesCol a { padding: 20px; }
.ourServicesSec .ourServicesRow .ourServicesCol img { margin-bottom: 20px; }

.whyChooseSec 								{ margin: 70px 0; }
.whyChooseSec h2 							{ font-size: 28px; line-height: 35px; margin-bottom: 20px; }
.whyChooseSec p 							{ margin-bottom: 40px; }
.whyChooseSec .learnMoreBtn 				{ font-size: 18px; padding: 8px 18px; }
.whyChooseSec .leftCol .card 				{ padding: 15px; }
.whyChooseSec .leftCol .card .card-header .btn.btn-link { font-size: 22px; line-height: 25px; }
.whyChooseSec .leftCol .card .card-header .btn.btn-link::before { width: 18px; height: 10px; }
.whyChooseSec .rightCol 					{ margin-right: calc(9px - var(--container-padding)); }

.contactUsSec .leftCol 						{ margin-top: -60px; }
.contactUsSec .rightCol h3 					{ font-size: 28px; line-height: 35px; margin-bottom: 20px; }
.contactUsSec .rightCol h2 					{ font-size: 32px; line-height: 40px; margin-bottom: 30px; }
.contactUsSec .rightCol .contactUsBtn 		{ font-size: 18px; padding: 8px 18px; }

footer .top-footer .ftr-links h3 			{ margin-bottom: 15px; }
footer .top-footer .ftr-links ul li a 		{ font-size: 16px; line-height: 24px; }
footer .top-footer .ftr-links ul li p 		{ font-size: 16px; line-height: 24px; }
footer .top-footer .footerRow 			 	{ gap: 24px; }


/* ---------- About Page Css -----------  */
.innerbanner .caption h1					{ font-size: 30px; line-height: 35px; }
.innerbanner .caption p						{ margin-bottom: 50px; }
.innerbanner .caption h1::before			{ top: 20px; }

.about-company								{ padding: 50px 0px 70px 0px; }
.about-company .caption h2					{ font-size: 28px; line-height: 35px; margin-bottom: 20px; }

.company-misson								{ padding-bottom:70px; }
.company-misson .caption h2					{ font-size: 28px; line-height: 35px; }


/* ---------- Why Choose Us Css ----------  */
.better-section h2							{ font-size: 28px; line-height: 35px; }
.better-section .content .left-section h3	{ font-size: 22px; line-height: 25px; }

.conclusion-section							{ padding: 70px 0px; }
.conclusion-section .caption				{ margin-top: 10px; }


/* ---------- Contact Page Css -----------  */
.contact-section							{ padding: 50px 0px 70px 0px; }
.contact-section .left-contact				{ padding-right: 40px; }
.contact-section .left-contact h2			{ font-size: 28px; line-height: 35px; }
.contact-section .left-contact form .form-group .form-control {font-size: 18px;padding: 18px;}
.contact-section .left-contact form .form-group textarea  { height: 130px; }
.contact-section .left-contact form .form-group .submit-btn { font-size: 18px; margin-top: 28px; }
.contact-section .contact-company ul li		{ padding: 30px 28px; }
.contact-section .contact-company ul li	a 	{ font-size: 18px; }
.contact-section .contact-company ul li p	{ font-size: 18px; }

.location									{ height: 450px; }


/* ---------- Partner Page Css ----------  */
.message-section .caption h2				{ font-size: 28px; line-height: 35px; }
.message-section .image 					{ margin-top: 0px; } 

.partner-section .grayBox					{ padding: 70px 20px 70px 0px; }
.partner-section .grayBox::after			{ right: 0; }
.partner-section .grayBox .caption			{ margin-bottom: 40px; }
.partner-section .grayBox .caption:first-child { width: 100%; }
.partner-section .grayBox .caption h2		{ font-size: 22px; line-height: 28px; }


/* ----------- Service Page Css ----------  */
.service-section .heading h2 				{ font-size: 28px; line-height: 35px; }
.service-section .company-service .service-box .caption h3 { font-size: 22px; line-height: 25px; }

/* ---------- 404 Page Css ----------  */
.errorSec h1								{ font-size: 60px; line-height: 70px; }
.errorSec h3								{ font-size: 28px; line-height: 35px; }


/* ---------- Thank You Page Css ---------- */
.thankYouSec 								{ margin: 70px 0; }
.thankYouSec h2 							{ font-size: 30px; line-height: 35px; }


/* ---------- Privacy Policy Page Css ---------- */
.privacyPolicySec 							{ margin: 70px 0; }
.privacyPolicySec h2 						{ font-size: 30px; line-height: 35px; }


}

/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 991px to 768px */
@media only screen and (min-width: 768px) and (max-width: 991px) {

:root										{ --container-width: 100%; }
.container									{ max-width: 100%; padding: 0 15px; }

#header .mainHeader .mainNav .menu_sec  	{ display: none; }
#header .mainHeader .mainNav .logo 			{ margin-right: 30px; }
#header .mainHeader .contactLink .contactBtn { font-size: 18px; line-height: 28px; padding: 10px 18px; display: none;}
#header .mainHeader .hamburger 				{ display: block; }

.banner-section .caption 					{ width: 80%; bottom: 40px; }
.banner-section .caption h2 				{ font-size: 30px; line-height: 40px; margin-bottom: 15px; }
.banner-section .caption .typed 			{ font-size: 30px; line-height: 40px; margin-bottom: 20px; }
.banner-section .caption .talk-btn 			{ font-size: 18px; line-height: 28px; padding: 10px 18px; }
.banner-slider__arrows-dots-container 		{ bottom: 65px; }
.banner-section .banner-slider .owl-dots .owl-dot span { width: 100px; margin: 0 10px; }
.banner-section .slider-counter 			{ font-size: 25px; line-height: 40px; bottom: 45px; right: 15px; }

.aboutSec 									{ margin-top: 40px; }
.aboutSec .leftCol 							{ padding-bottom: 20px; }
.aboutSec .leftCol h3 						{ font-size: 25px; line-height: 30px; margin-bottom: 10px; }
.aboutSec .leftCol h1 						{ font-size: 30px; line-height: 35px; margin-bottom: 15px; }
.aboutSec .leftCol p 						{ font-size: 16px; line-height: 24px; margin-bottom: 15px; }
.aboutSec .leftCol .learnBtn 				{ font-size: 18px; line-height: 28px; padding: 10px 18px; margin-top: 0; }
.aboutSec .rightCol 						{ width: 100%; }
.aboutSec .rightCol::before 				{ left: 20px; top: 20px; width: 80px; height: 93px; }

.ourServicesSec 							{ padding: 40px 0; }
.ourServicesSec h2 							{ font-size: 25px; line-height: 30px; margin-bottom: 15px; }
.ourServicesSec p 							{ font-size: 16px; line-height: 26px; margin-bottom: 20px; }
.ourServicesSec .learnMoreBtn 				{ float: unset; font-size: 18px; line-height: 28px; padding: 10px 18px; }
.ourServicesSec .ourServicesRow 			{ margin-top: 30px; gap: 20px; }
.ourServicesSec .ourServicesRow .ourServicesCol { width: calc(25% - 15px); padding: 31px 20px; }
.ourServicesSec .ourServicesRow .ourServicesCol a { padding: 20px 15px; }
.ourServicesSec .ourServicesRow .ourServicesCol img { width: 100px; margin-bottom: 20px; }
.ourServicesSec .ourServicesRow .ourServicesCol h4 { font-size: 18px; line-height: 24px; }

.whyChooseSec 								{ margin: 40px 0 60px; }
.whyChooseSec h2 							{ font-size: 25px; line-height: 30px; margin-bottom: 15px; }
.whyChooseSec p 							{ font-size: 16px; line-height: 26px; margin-bottom: 20px; }
.whyChooseSec .learnMoreBtn 				{ float: unset; font-size: 18px; line-height: 28px; padding: 10px 18px; margin-bottom: 30px; }
.whyChooseSec .leftCol .card 				{ padding: 10px; }
.whyChooseSec .leftCol .card .card-header .btn.btn-link { font-size: 18px; line-height: 26px; white-space: wrap; }
.whyChooseSec .leftCol .card .card-header .btn.btn-link::before { width: 18px; height: 10px; }
.whyChooseSec .leftCol .card .card-body 	{ font-size: 16px; line-height: 26px; }
.whyChooseSec .rightCol 					{ padding-left: 0; margin-right: 0; }

.contactUsSec .leftCol 						{ margin-top: -50px; }
.contactUsSec .rightCol 					{ padding: 30px 0; }
.contactUsSec .rightCol h3 					{ font-size: 25px; line-height: 30px; margin-bottom: 20px; }
.contactUsSec .rightCol h2 					{ font-size: 30px; line-height: 35px; margin-bottom: 25px; }
.contactUsSec .rightCol .contactUsBtn 		{ font-size: 18px; line-height: 28px; padding: 10px 18px; }

footer .top-footer 							{ padding: 40px 0; }
footer .top-footer .footerRow  				{ gap: 30px 50px; justify-content: space-around; }
footer .top-footer .ftr-links h3 			{ font-size: 18px; line-height: 25px; margin-bottom: 15px; }
footer .top-footer .ftr-links ul li 		{ margin-bottom: 5px; }
footer .top-footer .ftr-links ul li a 		{ font-size: 16px; line-height: 24px; }
footer .top-footer .ftr-links ul li p 		{ font-size: 16px; line-height: 24px; }
footer .copyright 							{ padding: 10px 0; }
footer .copyright p 						{ font-size: 16px; line-height: 24px; }


/* ---------- About Page Css -----------  */
.innerbanner 								{ height: 100%; }
.innerbanner .caption h1					{ font-size: 30px; line-height: 40px; margin-bottom: 15px; } 
.innerbanner .caption h1::before 			{ top: 20px; }
.innerbanner .caption p						{ font-size: 16px; line-height: 24px; margin-bottom: 40px; }
.innerbanner .caption p br  				{ display: none; }
.innerbanner .caption .breadcrumb .breadcrumb-item { font-size: 16px; line-height: 24px; }

.about-company								{ padding: 40px 0px; }
.about-company .caption h2					{ font-size: 25px; line-height: 30px; margin-bottom: 10px; }
.about-company .caption p					{ font-size: 16px; line-height: 24px; }

.company-misson								{ padding: 40px 0px 80px 0px; }
.company-misson .caption h2					{ font-size: 25px; line-height: 30px; margin-bottom: 20px; }
.company-misson .caption p					{ font-size: 16px; line-height: 24px; }


/* ----------- Service Page Css ----------  */
.service-section							{ padding: 40px 0px; }
.service-section .heading h2				{ font-size: 25px; line-height: 30px;}
.service-section .company-service .service-box .caption h3 { font-size: 18px; line-height: 25px; margin-bottom: 30px;}

/* ---------- Why choose us Css ----------  */
.better-section								{ padding-top: 40px; }
.better-section h2							{ font-size: 25px; line-height: 30px; }
.better-section .content .left-section h3	{ font-size: 18px; line-height: 25px; }
.better-section .content .right-section p	{ font-size: 16px; line-height: 25px; }

.conclusion-section							{ padding: 40px 0px; }
.conclusion-section .caption				{ margin-top: 0px; }


/* ---------- Partner Page Css ----------  */
.message-section							{ padding: 40px 0px; }
.message-section .caption h2				{ font-size: 25px; line-height: 30px; margin-bottom: 20px; }
.message-section .caption p					{ font-size: 16px; line-height: 24px; }
.message-section .image						{ margin-top: 0px; }
.partner-section .grayBox					{ padding: 40px 20px 60px 0px; }
.partner-section .grayBox::after			{ right: 0; }
.partner-section .grayBox .caption:first-child { margin-bottom: 30px; }
.partner-section .grayBox .caption:first-child { width: 100%; }
.partner-section .grayBox .caption h2		{ font-size: 18px; line-height: 24px; }
.partner-section .grayBox .caption P		{ font-size: 16px; line-height: 24px; }


/* ---------- Contact Page Css -----------  */
.contact-section							{ padding: 40px 0px; }
.contact-section .left-contact				{ padding-right: 20px; }
.contact-section .left-contact h2			{ font-size: 25px; line-height: 30px; margin-bottom: 10px; }
.contact-section .left-contact p			{ font-size: 16px; line-height: 24px; margin-bottom: 15px; }
.contact-section .left-contact form .form-group .form-control { font-size: 16px; line-height: 24px; padding: 17px; }
.contact-section .left-contact form .form-group textarea.form-control  { height: 100px; }
.contact-section .left-contact form .form-group .submit-btn { font-size: 16px; line-height: 24px; }

.contact-section .contact-company			{ margin-top: 130px; }
.contact-section .contact-company ul li		{ padding: 24px 20px; }
.contact-section .contact-company ul li a	{ font-size: 16px; line-height: 24px; }
.contact-section .contact-company ul li p	{ font-size: 16px; line-height: 24px; }

.location									{ height: 350px; } 


/* ---------- 404 Page Css ----------  */
.errorSec h1								{ font-size: 50px; line-height: 60px; }
.errorSec h3								{ font-size: 22px; line-height: 30px; }
.errorSec p									{ font-size: 16px; line-height: 20px; }


/* ---------- Thank You Page Css ---------- */
.thankYouSec 								{ margin: 60px 0; }
.thankYouSec h2 							{ font-size: 25px; line-height: 30px; }
.thankYouSec p 								{ font-size: 16px; line-height: 24px; }


/* ---------- Privacy Policy Page Css ---------- */
.privacyPolicySec 							{ margin: 40px 0 60px; }
.privacyPolicySec h2 						{ font-size: 25px; line-height: 30px; margin-bottom: 10px; }
.privacyPolicySec p 						{ font-size: 16px; line-height: 24px; }


}


/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 767px to 320px */
@media only screen and (max-width: 767px) {

:root										{ --container-width: 100%; }
.container									{ max-width: 740px; padding: 0 15px;}

#header .mainHeader .mainNav .logo 			{ max-width: 50px; margin-right: 20px; }
#header .mainHeader .mainNav .menu_sec  	{ display: none; }
#header .mainHeader .contactLink .contactBtn { display: none; }
#header .mainHeader .hamburger 				{ display: block; }

.banner-section .banner-slider .item img 	{ width: 250%; margin-left: -70%; }
.banner-section .caption 					{ width: 90%; bottom: 40px; }
.banner-section .caption h2 				{ font-size: 25px; line-height: 35px; }
.banner-section .caption .typed 			{ font-size: 25px; line-height: 35px; margin-bottom: 20px; }
.banner-section .caption .talk-btn		    { font-size: 16px; line-height: 25px; padding: 8px 15px; }
.banner-slider__arrows-dots-container 		{ bottom: 60px; }
.banner-section .banner-slider .owl-dots 	{ padding-right: 65px; }
.banner-section .banner-slider .owl-dots .owl-dot span { width: 40px; margin: 0 5px; }
.banner-section .slider-counter 			{ font-size: 25px; line-height: 40px; bottom: 45px; right: 15px; }

.aboutSec 									{ margin-top: 30px; }
.aboutSec .leftCol 							{ margin-bottom: 30px; }
.aboutSec .leftCol h3 						{ font-size: 22px; line-height: 25px; margin-bottom: 10px; }
.aboutSec .leftCol h1 						{ font-size: 25px; line-height: 30px; margin-bottom: 20px; }
.aboutSec .leftCol p 						{ font-size: 16px; line-height: 26px; margin-bottom: 20px; }
.aboutSec .leftCol .learnBtn 				{ font-size: 16px; line-height: 25px; padding: 8px 15px; margin-top: 0; }
.aboutSec .rightCol 						{ margin-right: calc(0px - var(--container-padding)); }
.aboutSec .rightCol::before 				{ left: 10px; top: 10px; width: 80px; height: 94px; }

.ourServicesSec 							{ padding: 120px 0 30px 0; }
.ourServicesSec h2 							{ font-size: 22px; line-height: 30px; margin-bottom: 10px; }
.ourServicesSec p 							{ font-size: 16px; line-height: 26px; margin-bottom: 20px; }
.ourServicesSec p br  						{ display: none; }
.ourServicesSec .learnMoreBtn  				{ float: unset; font-size: 16px; line-height: 25px; padding: 8px 16px; }
.ourServicesSec .ourServicesRow 			{ margin-top: 30px; }
.ourServicesSec .ourServicesRow .ourServicesCol { width: calc(52% - 20px); padding: 20px; }
.ourServicesSec .ourServicesRow .ourServicesCol img { width: 100px; margin-bottom: 20px; }
.ourServicesSec .ourServicesRow .ourServicesCol h4 { font-size: 16px; line-height: 20px; }
.ourServicesSec .ourServicesRow .ourServicesCol a { padding: 15px 10px; }

.whyChooseSec 								{ margin: 30px 0 30px; }
.whyChooseSec h2 							{ font-size: 22px; line-height: 30px; margin-bottom: 10px; }
.whyChooseSec p 							{ font-size: 16px; line-height: 26px; margin-bottom: 20px; }
.whyChooseSec p br  						{ display: none; }
.whyChooseSec .learnMoreBtn 				{ float: unset; font-size: 16px; line-height: 25px; padding: 10px 15px; margin-bottom: 30px; }
.whyChooseSec .leftCol 						{ margin-bottom: 30px; }
.whyChooseSec .leftCol .card  				{ padding: 15px; }
.whyChooseSec .leftCol .card .card-body 	{ font-size: 16px; line-height: 24px; }
.whyChooseSec .leftCol .card .card-header .btn.btn-link { font-size: 18px; line-height: 24px; white-space: wrap; }
.whyChooseSec .leftCol .card .card-header .btn.btn-link::before { width: 18px; height: 10px; }
.whyChooseSec .rightCol 					{ padding-left: 0; margin-right: calc(0px - var(--container-padding)); }

.contactUsSec .row 							{ flex-direction: column-reverse; } 
.contactUsSec .leftCol 						{ margin-top: 0; }
.contactUsSec .rightCol 					{ padding: 30px 0 30px 0px; }
.contactUsSec .rightCol h3 					{ font-size: 22px; line-height: 30px; margin-bottom: 10px; }
.contactUsSec .rightCol h2 					{ font-size: 25px; line-height: 35px; margin-bottom: 25px; }
.contactUsSec .rightCol .contactUsBtn 		{ font-size: 16px; line-height: 26px; padding: 8px 16px; }

footer .top-footer 	 						{ padding: 30px 0; }
footer .top-footer .footerRow   			{ flex-direction: column; gap: 30px; }
footer .top-footer .footerRow .ftr-logo 	{ width: 100%; }
footer .top-footer .ftr-logo .social-icons ul { gap: 15px; }
footer .top-footer .ftr-links h3 			{ font-size: 18px; line-height: 26px; margin-bottom: 10px; }
footer .top-footer .ftr-links ul li 		{ margin-bottom: 5px; }
footer .top-footer .ftr-links ul li a 		{ font-size: 16px; line-height: 24px; }
footer .top-footer .ftr-links ul li p 		{ font-size: 16px; line-height: 26px; }
footer .copyright 							{ padding: 10px 0; }
footer .copyright p 						{ font-size: 16px; line-height: 24px; }


/* ----------- About Page Css ----------  */
.innerbanner 								{ height: 100%; }
.innerbanner .caption h1					{ font-size: 25px; line-height: 35px; }
.innerbanner .caption h1::before			{ top: 20px; }
.innerbanner .caption p						{ font-size: 16px; line-height: 26px; margin-bottom: 20px; }
.innerbanner .caption .breadcrumb .breadcrumb-item { font-size: 16px; line-height: 26px; }

.about-company								{ padding: 30px 0px; }
.about-company .caption						{ margin-bottom: 30px; }
.about-company .caption h2					{ font-size: 25px; line-height: 35px; margin-bottom: 20px; }
.about-company .caption p					{ font-size: 16px; line-height: 26px; }

.company-misson								{ padding: 30px 0px; }
.company-misson .caption					{ margin-bottom: 20px; }
.company-misson .caption h2					{ font-size: 25px; line-height: 35px; margin-bottom: 20px; }
.company-misson .caption p					{ font-size: 16px; line-height: 26px; }


/* ----------- Service Page Css ----------  */
.service-section							{ padding: 30px 0px; }
.service-section .heading					{ margin-bottom: 20px; }
.service-section .heading h2				{ font-size: 25px; line-height: 30px; }
.service-section .company-service           { padding: 0px; }
.service-section .company-service .caption  { padding: 20px; }
.service-section .company-service .service-box .caption h3 { font-size: 18px; line-height: 25px; }

/* ---------- Why Choose Us Css----------  */
.better-section								{ padding-top: 30px; }
.better-section h2							{ font-size: 25px;line-height: 30px;margin-bottom: 0; }
.better-section .content .caption			{ padding: 30px 0px; }
.better-section .content .left-section h3	{ font-size: 18px; line-height: 24px; margin-bottom: 20px; }
.better-section .content .right-section p	{ font-size: 16px; line-height: 24px; }

.conclusion-section							{ padding: 30px 0px; }
.conclusion-section .caption				{ margin: 0px 0px 30px 0px; }
.conclusion-section .caption h2				{ font-size: 25px; line-height: 27px; margin-bottom: 20px; }
.conclusion-section .caption p				{ font-size: 16px; line-height: 24px; }


/* ---------- Partner Page Css ----------  */
.message-section							{ padding: 30px 0px; }
.message-section .caption h2				{ font-size: 25px; line-height: 30px; margin-bottom: 20px; }
.message-section .caption p					{ font-size: 16px; line-height: 25px; }
.message-section .image						{ margin-top: 20px; margin-bottom: 0px; }

.partner-section .grayBox					{ padding: 30px 15px 30px 0px; }
.partner-section .grayBox .caption			{ margin-bottom: 20px; }
.partner-section .grayBox::after			{ right: 0; }
.partner-section .grayBox .caption:first-child { width: 100%; }
.partner-section .grayBox .caption h2		{ font-size: 18px; line-height: 24px; }
.partner-section .grayBox .caption P		{ font-size: 16px; line-height: 24px; margin-bottom: 20px; }


/* ---------- Contact Page Css -----------  */
.contact-section							{ padding: 30px 0px; }
.contact-section .left-contact				{ padding: 0; }
.contact-section .left-contact h2 			{ font-size: 25px; line-height: 30px; margin-bottom: 20px; }
.contact-section .left-contact p			{ font-size: 16px; line-height: 24px; margin-bottom: 20px; }
.contact-section .left-contact form .form-group .form-control { font-size: 16px; line-height: 24px; padding: 14px; }
.contact-section .left-contact form .form-group textarea.form-control  { height: 100px; }
.contact-section .left-contact form .form-group .submit-btn { font-size: 18px; line-height: 24px; margin-top: 20px; }
.contact-section .left-contact .contact-company	{ margin-top: 30px; }				

.contact-section .contact-company			{ margin-top: 30px; }
.contact-section .contact-company ul li		{ padding: 17px 15px; }		
.contact-section .contact-company ul li a 	{ font-size: 16px; line-height: 24px; }
.contact-section .contact-company ul li p	{ font-size: 16px; line-height: 24px; }
 
.location									{ height: 350px; } 


/* ---------- 404 Page Css ----------  */
.errorSec h1								{ font-size: 50px; line-height: 60px; }
.errorSec h3								{ font-size: 22px; line-height: 30px; }
.errorSec p									{ font-size: 16px; line-height: 20px; }


/* ---------- Thank You Page Css ---------- */
.thankYouSec 								{ margin: 50px 0; }
.thankYouSec h2 							{ font-size: 25px; line-height: 30px; margin-bottom: 20px; }
.thankYouSec p 								{ font-size: 16px; line-height: 24px; }


/* ---------- Privacy Policy Page Css ---------- */
.privacyPolicySec 							{ margin: 30px 0; }
.privacyPolicySec h2 						{ font-size: 25px; line-height: 30px; margin-bottom: 10px; }
.privacyPolicySec p 						{ font-size: 16px; line-height: 24px; }



}

/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 575px to 320px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

:root										{ --container-width: 100%; }
.container									{ max-width: 100%; padding: 0 15px; }

}