*{margin: 0px auto;}
.header-warpper{width: 100%; height:auto; padding: 10px 0px 0px 10px;  background: white; z-index: 9000;}
.mobile-logo img{width: 70%; float: left;}
.main-information-section{width: 100%; height: 750px; background: #1f1e5a; text-align: center; color: white;}
.confirmation-page{height: auto; background: white; border:1px solid green; margin-bottom: 10px; padding: 20px 20px 20px 20px;}
.con-image{width: 30%; height: auto; background: pink; padding: 4px; border-radius: 5px;}
.con-image img{width: 100%; border-radius: 5px;}
.main-information-section h2{font-family: all;}
.main-information-section h4{font-family: all; color: #fd5900;}
.advantage-warpper{width: 95%;}
.advantage-warpper-left{width: 50%; float: left;}
.advantage-warpper-left .point-warpper{text-align: left; padding: 10px 20px 0px 50px; font-size: 20px;
font-family: initial;}
.mobile-form{height: auto; background: #ffca08; margin-top: -90px; padding: 50px 1px 10px 1px; border-top-left-radius: 10px; border-top-right-radius: 10px; box-shadow: 0PX 0PX 5PX 0PX grey;}
.advantage-warpper-left .point-warpper img{width: 5%; color: white;}
.advantage-warpper-right{width: 50%; float: left; }
.advantage-warpper-right p{font-size: 20px; font-weight: bold; padding: 10px;}
.advantage-warpper-right a{background:#ffca08; padding: 20px; color:black; font-size: 18px; font-family: all;
font-weight: bold; border-radius: 10px; box-shadow: 0PX 0PX 50PX 0PX grey;}
.advantage-warpper-right a:hover{text-decoration: none;}
.enquiry-form{width: 98%; height: auto; background: white;}
.enquiry-form .form-control-section{width: 100%; padding: 8px; border:1px solid blue; font-size: 18px;}
.enquery-form-section{padding: 20px; background: #e9ecf1;}
.quote-submit{padding: 10px; background: #ffca08; color: white; border:none; font-weight: bold;}

.about-us-section{box-shadow: 0px 0px 1px 0px grey; height: auto; color: black;   padding: 20px 10px 25px 10px;}
#main-text{color: grey; text-align: center; margin-top: 50px;}
.about-us-section p{text-align: justify; padding: 10px; font-size: 18px; font-family: all; font-weight: 600; }
#about-con{background: #2060b7; padding: 8px; color: white; width: 20%; float: left; display: flex;}
.mobile-whychoose-us{color: white; text-align: center; font-family: all;}
.our-services-section{width: 90%; height: auto;  border-radius: 10px; text-align: center; padding-top: 10px; font-family: all; font-weight: bold; box-shadow: 0px 0px 10px 0px grey;}
.our-services-section p{padding: 18px;}
.our-services-section img{align-items: center; width: 50%;}
.footer-warpper{width: 100%; height:auto; background: #1f1e5a; color: white; font-family: all;}
.footer-warpper h2{text-align: left;}
.why-choose-us{width: 90%; height: 80px;  box-shadow: 0px 0px 5px 0px grey; color: #ffca08; padding: 30px 10px 20px 10px; text-align: left; font-size: 18px;
margin-top: 20px;}
.link-btn{width: 90%; height: 80px; background:#ffca08; line-height: 80px; text-align: center; border-radius: 10px; margin-top: 20px;}
.link-2 a{color: #1f1e5a; font-size: 18px; font-family: all; font-weight: bold;}
.link-2 a:hover{text-decoration: none;}
#c img{width: 20%;}




/* CSS MEDIA QUERY SECTION HERE ---------*/

@media only screen and (max-width: 479px){
	.con-image{width: 100%; height: auto; background: pink; padding: 4px; border-radius: 5px;}
	.header-warpper .mobile-logo{width: 100%; margin-left: -10px;}
	.header-warpper .mobile-logo img{margin-left: -10px; width: 94%;}
	.main-information-section{height: 1143px;}
	.advantage-warpper{width: 100%;}
	.advantage-warpper-left{width: 100%;}
	.advantage-warpper-left .point-warpper{font-size: 14px;}
	.advantage-warpper-right{width: 100%;}
	.about-us-section{ padding: 0px 2px 80px 2px; width: 100%; margin-top: -24px;}
	
	#main-text{color: grey; text-align: center; margin-top: 15px;}
	
	#about-con{width: 50%; border-bottom-right-radius: 20px; box-shadow: 0px 0px 2px 0px grey;}
	.why-choose-us{width: 128%; margin-left: -16%;}
	#c img{width: 100%;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {}
@media only screen and (min-width: 639px) and (max-width: 767px) {}
@media only screen and (min-width: 768px) and (max-width:1024px) {}
@media only screen and (min-width: 959px) and (max-width:1024px) {}