@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: 1230px; }
.container                                  { max-width: 1230px; }


}

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

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

/* Features Page */
.features-sec 								{ margin-bottom: 80px; }
.features-sec .features-box .info-box h3 	{ margin-bottom: 30px; }
.features-sec .features-box .info-box p 	{ margin-bottom: 20px; }





}

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

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


}

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

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


}

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

.banner-section 							{ padding: 80px 0; }
.banner-section .left-col h1 				{ font-size: 55px; line-height: 60px; margin-bottom: 25px; }

.fuelkad-sec 								{ padding: 70px 0; }
.fuelkad-sec h2 							{ font-size: 45px; line-height: 60px; margin-bottom: 40px; }
.fuelkad-sec p 								{ margin-bottom: 60px; }



/* About Us Page */
.inner-banner 								{ min-height: 300px; }
.about-us-sec 								{ padding: 70px 0; }
.about-us-sec .about-us-info h2 			{ font-size: 45px; line-height: 60px; margin-bottom: 20px; }



/* How It Works Page */
.works-sec 									{ padding: 70px 0 50px; }
.works-sec h2 								{ font-size: 45px; line-height: 60px; margin-bottom: 30px; }
.getting-started-sec 						{ padding: 70px 0; }
.getting-started-sec h2 					{ font-size: 45px; line-height: 60px; margin-bottom: 30px; }
.getting-started-sec .getting-box .getting-info h3 { font-size: 18px; line-height: 30px; }
.complete-form-sec 							{ padding: 70px 0; }
.complete-form-sec h2 						{ font-size: 45px; line-height: 60px; margin-bottom: 30px; }



/* Features Page */
.features-sec 								{ padding: 80px 0; margin-bottom: 80px; }
.features-sec .features-box .info-box 		{ padding: 30px; }
.features-sec .features-box .info-box h3 	{ font-size: 22px; margin-bottom: 15px; min-height: 60px; }
.features-sec .features-box .info-box p 	{ font-size: 16px; line-height: 26px; margin-bottom: 20px; }
.features-sec .features-box .info-box .read-more-btn { font-size: 16px; line-height: 28px; padding: 10px 40px; }



/* Contact Us Page */
.get-in-touch-sec h2 						{ font-size: 45px; line-height: 60px; margin-bottom: 20px; }
.get-in-touch-sec .get-in-col 				{ padding: 50px 15px 40px; }
.get-in-touch-sec .contact-detail .get-in-col .get-in-icons { width: 105px; height: 105px; margin-bottom: 30px; }
.get-in-touch-sec .contact-detail .get-in-col .get-in-icons img { width: 50px; }
.get-in-touch-sec .contact-detail .get-in-col .get-in-info h3 { margin-bottom: 20px; }
.get-in-touch-sec .contact-form form .form-row .form-group { margin-bottom: 35px; }
.get-in-touch-sec .contact-form form .form-group textarea.form-control { height: 120px; }
.get-in-touch-sec .contact-form form .send-btn { margin-top: 30px; }

.terms-condition-page{padding:70px 0;}
.terms-condition ul li {margin-bottom:30px;}
.terms-condition h6 {margin:25px 0 15px;}
.terms-condition ul {margin:30px 0 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 .header-main .login-btn 				{ font-size: 14px; line-height: 26px; padding: 8px 30px; margin-left: 20px; }

.banner-section 							{ padding: 80px 0; } 
.banner-section .right-col img 				{ max-width: 470px; }
.banner-section .right-col::before 			{ content: ''; max-width: 470px; }
.banner-section .left-col h1 				{ font-size: 45px; line-height: 55px; margin-bottom: 20px; } 
.banner-section .left-col .started-btn 		{ padding: 12px 35px; }

.fuelkad-sec 								{ padding:  60px 0; }
.fuelkad-sec h2 							{ font-size: 45px; line-height: 55px; margin-bottom: 30px; } 
.fuelkad-sec p 								{ margin-bottom: 40px; }
.fuelkad-sec .left-col h3 					{ font-size: 35px; line-height: 45px; }
.fuelkad-sec h3 							{ margin-bottom: 15px; }



/* About Us Page */
.about-us-sec 								{ padding: 60px 0; }
.about-us-sec .about-us-info h2 			{ font-size: 45px; line-height: 55px; margin-bottom: 20px; }



/* How It Works Page */
.works-sec 									{ padding: 50px 0 50px; }
.works-sec h2 								{ font-size: 45px; line-height: 55px; margin-bottom: 20px; }
.works-sec h3 								{ line-height: 25px; min-height: 75px; margin-bottom: 15px; }
.getting-started-sec 						{ padding: 40px 0; }
.getting-started-sec h2 					{ font-size: 45px; line-height: 55px; margin-bottom: 20px; }
.getting-started-sec p 						{ margin-bottom: 30px; }
.getting-started-sec .getting-box .getting-info h3 { font-size: 18px; line-height: 28px; }
.complete-form-sec 							{ padding: 40px 0; }
.complete-form-sec h2 						{ font-size: 45px; line-height: 55px; margin-bottom: 20px; }
.complete-form-sec form .sent-btn 			{ padding: 12px 70px; }
.complete-form-sec form .form-group .form-control { height: 50px; }



/* Features Page */
.features-sec 								{ padding: 70px 0; margin-bottom: 70px; }
.features-sec .features-box .info-box 		{ padding: 30px; }
.features-sec .features-box .info-box h3 	{ font-size: 22px; margin-bottom: 15px; min-height: 60px; }
.features-sec .features-box .info-box p 	{ font-size: 16px; line-height: 26px; margin-bottom: 20px; }
.features-sec .features-box .info-box .read-more-btn { font-size: 16px; line-height: 28px; padding: 10px 40px; }



/* Contact Us Page */
.get-in-touch-sec 							{ padding: 70px 0 60px; }
.get-in-touch-sec h2 						{ font-size: 45px; line-height: 55px; margin-bottom: 10px;}
.get-in-touch-sec p br  					{ display: none; }
.get-in-touch-sec .get-in-col 				{ padding: 50px 15px 40px; }
.get-in-touch-sec .contact-detail .get-in-col .get-in-icons { width: 100px; height: 100px; margin-bottom: 25px; }
.get-in-touch-sec .contact-detail .get-in-col .get-in-icons img { width: 45px; }
.get-in-touch-sec .contact-detail .get-in-col .get-in-info h3 { margin-bottom: 10px; }
.get-in-touch-sec .contact-detail .get-in-col .get-in-info p,
.get-in-touch-sec .contact-detail .get-in-col .get-in-info a { line-height: 26px; min-height: 52px; }
.get-in-touch-sec .contact-form form .form-group .form-control { height: 50px; }
.get-in-touch-sec .contact-form form .form-row .form-group { margin-bottom: 30px; }
.get-in-touch-sec .contact-form form .form-group textarea.form-control { height: 120px; }
.get-in-touch-sec .contact-form form .send-btn { margin-top: 30px; padding: 12px 70px; }

.terms-condition-page{padding:60px 0;}
.terms-condition ul li {margin-bottom:20px;}
.terms-condition h6 {margin:25px 0 15px;}
.terms-condition ul {margin:25px 0 0;}
}

/* #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 .header-main .menu_sec .menu			{ display: none; }
header .header-main .hamburger 				{ display: block; }
header .header-main .menu_sec 				{ width: 100%; justify-content: flex-end; }
header .header-main .login-btn 		 		{ line-height: 26px; padding: 8px 30px; margin-left: 0; margin-right: 20px; }


.banner-section 							{ padding: 50px 0; }
.banner-section .left-col h1 				{ font-size: 45px; line-height: 55px; margin-bottom: 20px; }
.banner-section .left-col p 				{ line-height: 28px; margin-bottom: 25px; }
.banner-section .right-col 					{ width: 100%; }
.banner-section .right-col img 				{ max-width: 340px; }
.banner-section .right-col::before 			{ max-width: 355px; }
.banner-section .left-col .started-btn 		{ font-size: 16px; line-height: 25px; padding: 12px 30px; }

.fuelkad-sec 								{ padding: 50px 0; }
.fuelkad-sec h2 							{ font-size: 40px; line-height: 50px; margin-bottom: 20px; }
.fuelkad-sec .left-col h3 					{ font-size: 30px; line-height: 40px; }
.fuelkad-sec p 								{ font-size: 16px; line-height: 28px; margin-bottom: 30px; }
.fuelkad-sec h3 							{ line-height: 25px; margin-bottom: 15px; }
.fuelkad-sec ul 							{ margin-bottom: 20px; }
.fuelkad-sec ul li 							{ line-height: 26px; margin-bottom: 5px; }

footer .top-footer .footer-logo img 		{ max-width: 180px; }
footer .top-footer 							{ padding: 50px 0; }



/* About Us Page */
.inner-banner 								{ min-height: 250px; }
.inner-banner .caption h1 					{ font-size: 40px; line-height: 55px; }
.about-us-sec 								{ padding: 50px 0; }
.about-us-sec .about-us-info 				{ padding: 0; }
.about-us-sec .about-us-info h2 			{ font-size: 40px; line-height: 50px; margin-bottom: 10px; }
.about-us-sec .about-us-info p 				{ line-height: 28px; }



/* How It Works Page */
.works-sec 									{ padding: 50px 0 50px; }
.works-sec h2 								{ font-size: 40px; line-height: 50px; margin-bottom: 30px; }
.works-sec h3 								{ line-height: 20px; margin-bottom: 10px; min-height: auto; }
.works-sec .works-box						{ margin-bottom: 30px; }
.getting-started-sec 						{ padding: 50px 0; }
.getting-started-sec h2 					{ font-size: 40px; line-height: 50px; margin-bottom: 20px; }
.getting-started-sec p 						{ margin-bottom: 20px; }
.getting-started-sec .getting-box 			{ margin-bottom: 30px; height: auto; }
.getting-started-sec .getting-box .getting-info h3 { font-size: 18px; line-height: 28px; min-height: 56px; }
.complete-form-sec 							{ padding: 40px 0; }
.complete-form-sec h2 						{ font-size: 40px; line-height: 50px; margin-bottom: 20px; }
.complete-form-sec form .form-group 			{ margin-bottom: 30px; padding: 0 15px; }
.complete-form-sec form .form-group .form-control { height: 50px; }
.complete-form-sec form .sent-btn 			{ padding: 12px 60px; }



/* Features Page */
.features-sec  								{ padding: 70px 0 40px; margin-bottom: 70px; }
.features-sec .features-col 				{ margin-bottom: 40px; }
.features-sec .features-box .info-box 		{ padding: 30px; }
.features-sec .features-box .info-box h3 	{ font-size: 22px; line-height: 28px; margin-bottom: 10px; min-height: 56px; }
.features-sec .features-box .info-box p 	{ margin-bottom: 20px; line-height: 26px; }
.features-sec .features-box .info-box .read-more-btn { font-size: 16px; padding: 10px 35px; }



/* Contact Us Page */
.get-in-touch-sec 							{ padding: 50px 0; }
.get-in-touch-sec h2 						{ font-size: 40px; line-height: 50px; margin-bottom: 20px; }
.get-in-touch-sec p 						{ line-height: 28px; }
.get-in-touch-sec p br  					{ display: none; }
.get-in-touch-sec .get-in-col 				{ padding: 40px 15px 40px; }
.get-in-touch-sec .contact-detail 			{ margin-bottom: 50px; }
.get-in-touch-sec .contact-detail .get-in-col .get-in-icons { width: 80px; height: 80px; margin-bottom: 25px; }
.get-in-touch-sec .contact-detail .get-in-col .get-in-icons img { width: 35px; }
.get-in-touch-sec .contact-detail .get-in-col .get-in-info h3 { margin-bottom: 15px; }
.get-in-touch-sec .contact-detail .get-in-col .get-in-info p,
.get-in-touch-sec .contact-detail .get-in-col .get-in-info a { line-height: 26px; min-height: 78px; }
.get-in-touch-sec .contact-form form .form-row .form-group { margin-bottom: 20px; }
.get-in-touch-sec .contact-form form .form-group .form-control { height: 50px; }
.get-in-touch-sec .contact-form form .form-group textarea.form-control { height: 100px; }
.get-in-touch-sec .contact-form form .send-btn { font-size: 16px; padding: 10px 60px; margin-top: 20px; }

.terms-condition-page{padding:50px 0;}
.terms-condition ul li {margin-bottom:20px;}
.terms-condition h6 {margin:25px 0 10px;}
.terms-condition ul {margin:20px 0 0;}

}

/*  #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: 100%; padding: 0 15px;}

header .header-main .menu_sec .menu			{ display: none; }
header .header-main .logo  					{ width: 150px; }
header .header-main .hamburger 				{ display: block; }
header .header-main .login-btn 				{ font-size: 14px; line-height: 24px; padding: 6px 20px; margin-left: 30px; margin-right: 5px; }


.banner-section 							{ padding: 40px 0 40px; }
.banner-section .left-col h1 				{ font-size: 40px; line-height: 50px; margin-bottom: 20px; }
.banner-section .left-col p 				{ font-size: 14px; line-height: 24px; margin-bottom: 30px; } 
.banner-section .left-col .started-btn 		{ font-size: 15px; line-height: 24px; padding: 12px 30px; }
.banner-section .right-col 					{ margin-top: 50px; }

.fuelkad-sec 								{ padding: 40px 0; }
.fuelkad-sec h2 							{ font-size: 35px; line-height: 45px; margin-bottom: 20px; }
.fuelkad-sec .left-col h3 					{ font-size: 25px; line-height: 35px; }
.fuelkad-sec p 								{ font-size: 14px; line-height: 24px; margin-bottom: 30px; }
.fuelkad-sec h3 							{ line-height: 25px; margin-bottom: 10px; }
.fuelkad-sec ul 							{ margin-bottom: 20px; } 
.fuelkad-sec ul li 							{ line-height: 24px; margin-bottom: 5px; font-size: 14px; }

footer .top-footer 							{ padding: 50px 0; }
footer .top-footer .footer-logo 			{ margin-bottom: 30px; }
footer .top-footer .footer-content p br 	{ display: none; }
footer .top-footer .footer-content p,
footer .top-footer .footer-content a 		{ font-size: 14px; line-height: 26px;}
footer .top-footer .footer-content h3 		{ font-size: 18px; line-height: 25px; }
footer .top-footer .footer-links h3 		{ font-size: 18px; line-height: 25px; margin-bottom: 10px; }
footer .top-footer .footer-content 			{ margin-bottom: 20px; }
footer .top-footer .footer-links			{ margin-bottom: 30px; }
footer .top-footer .footer-links ul.fast-col { margin-bottom: 20px; }
footer .top-footer .contact-info h3 		{ font-size: 18px; line-height: 25px; margin-bottom: 20px; }
footer .top-footer .footer-links ul li a,
footer .top-footer .footer-links ul li p 	{ display: block; font-size: 14px; line-height: 26px; }
footer .bottom-footer 						{ padding: 15px 0; }
footer .bottom-footer p 					{ font-size: 14px; line-height: 24px; }



/* About Us Page */
.inner-banner 								{ min-height: 200px; }
.inner-banner .caption h1 					{ font-size: 35px; line-height: 50px; }
.about-us-sec 								{ padding: 40px 0; }
.about-us-sec .about-us-img 				{ margin-bottom: 30px; }
.about-us-sec .about-us-info 				{ padding: 0; }
.about-us-sec .about-us-info h2 			{ font-size: 35px; line-height: 45px; margin-bottom: 20px; }
.about-us-sec .about-us-info p 				{ font-size: 14px; line-height: 24px; }



/* How It Works Page */
.works-sec 									{ padding: 40px 0 40px; }
.works-sec h2 								{ font-size: 35px; line-height: 45px; margin-bottom: 20px; }
.works-sec h3 								{ line-height: 20px; margin-bottom: 10px; min-height: auto; }
.works-sec ul li 							{ line-height: 24px; margin-bottom: 5px; font-size: 14px; }
.works-sec .works-box						{ margin-bottom: 30px; }
.getting-started-sec 						{ padding: 40px 0 20px; }
.getting-started-sec h2 					{ font-size: 35px; line-height: 45px; margin-bottom: 10px; }
.getting-started-sec p 						{ font-size: 14px; line-height: 24px; margin-bottom: 30px; }
.getting-started-sec .getting-box 			{ margin-bottom: 30px; height: auto; }
.getting-started-sec .getting-box .getting-info h3 { font-size: 16px; line-height: 26px; }
.complete-form-sec 							{ padding: 40px 0; }
.complete-form-sec h2 						{ font-size: 35px; line-height: 45px; margin-bottom: 20px; }
.complete-form-sec form .form-group 			{ margin-bottom: 20px; padding: 0 15px; }
.complete-form-sec form .form-group label 	{ font-size: 14px; line-height: 20px; }
.complete-form-sec form .form-group .form-control { height: 45px; }
.complete-form-sec form .sent-btn 			{ font-size: 16px; padding: 10px 50px;}



/* Features Page */
.features-sec 								{ padding: 40px 0; margin-bottom: 40px; }
.fuelkad-features h2						{ font-size: 30px; }
.features-sec .features-box .info-box 		{ padding: 25px; }
.features-sec .features-box .info-box h3 	{ font-size: 22px; line-height: 28px; margin-bottom: 15px; min-height: auto; }
.features-sec .features-box .info-box p 	{ font-size: 14px; line-height: 24px; margin-bottom: 15px; }
.features-sec .features-box .info-box ul li { font-size: 14px; line-height: 22px; }
.features-sec .features-box 				{ margin-bottom: 30px; }
.features-sec .features-col 				{ margin-bottom: 40px; }
.features-sec .features-box .info-box .read-more-btn { bottom: -20px; font-size: 14px; padding: 8px 35px; }



/* Contact Us Page */
.get-in-touch-sec 							{ padding: 40px 0; }
.get-in-touch-sec h2 						{ font-size: 29px; line-height: 45px; margin-bottom: 10px; }
.get-in-touch-sec p 						{ font-size: 14px; line-height: 24px; }
.get-in-touch-sec p br 						{ display: none; }
.get-in-touch-sec .contact-detail 			{ margin-bottom: 40px; }
.get-in-touch-sec .get-in-col 				{ margin-bottom: 30px; padding: 40px 15px 40px; }
.get-in-touch-sec .contact-detail .get-in-col .get-in-icons { width: 80px; height: 80px; margin-bottom: 30px; }
.get-in-touch-sec .contact-detail .get-in-col .get-in-icons img { width: 40px; }
.get-in-touch-sec .contact-detail .get-in-col .get-in-info h3 { margin-bottom: 10px; }
.get-in-touch-sec .contact-detail .get-in-col .get-in-info p,
.get-in-touch-sec .contact-detail .get-in-col .get-in-info  { display: block; font-size: 14px; line-height: 26px; min-height: auto; }
.get-in-touch-sec .contact-form form .form-row .form-group { margin-bottom: 20px; }
.get-in-touch-sec .contact-form form .form-row .form-group:first-child { padding-right: 5px; }
.get-in-touch-sec .contact-form form .form-row .form-group:last-child { padding-left: 5px; }
.get-in-touch-sec .contact-form form .form-group label { margin-bottom: 5px; }
.get-in-touch-sec .contact-form form .form-group .form-control { height: 45px; }
.get-in-touch-sec .contact-form form .form-group textarea.form-control { height: 100px; }
.get-in-touch-sec .contact-form form .send-btn { font-size: 16px; line-height: 26px; padding: 10px 50px; margin-top: 10px; }

.terms-condition-page{padding:40px 0;}
.terms-condition ul li {margin-bottom:15px;}
.terms-condition h6 {margin:20px 0 10px;}
.terms-condition ul {margin:15px 0 0;}
}
/* #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; }


}