@charset "utf-8";
/* Copyright 2021-2022 The Ashwamedh Constructions */
/* CSS Document Code by Gaurav */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

body {background: #fff; padding: 0; margin: 0; color: #000; font-family: 'Montserrat', sans-serif; line-height: 30px; overflow-x: hidden;}
img {width: 100%; height: auto;} 
.carousel-caption p {margin-top: 0; margin-bottom: 3rem;} 
.carousel-control-prev {display: none;}
.carousel-control-next {display: none;} 
.carousel-caption::before {content: "-"; padding: 20px 30px; background: #3567f1; color: #3567f1; position:absolute; top: -30px; left: 13%;} 
.carousel-caption h2 {position: relative; z-index: 9999; padding: 0 0 0 20px; font-size: 40px; text-transform: uppercase; margin: 0; text-align: center;}
/*-----------------------------------*/
/* Table Styles
/*-----------------------------------*/
table { width: 100%; border-collapse: collapse; background-color: #fff; }
tr:nth-of-type(odd) {  background: #f9f9f9; }
th { background: #3673ae; color: white; font-weight: bold; }
td, th {  padding: 6px 6px 6px 6px;  border: 1px solid #dbdbdb; }

/*------- Welcome Section --------*/
#welSection {width: 100%; float: left; font-family: 'Montserrat', sans-serif; font-size: 15px; line-height: 24px; font-weight: 500; padding: 80px 0; background: url(../images/welcomeBg.jpg) no-repeat left top; background-size: 100% 100%; background-attachment:fixed;}
#welSection p {margin: 0 0 8px 0;}
#welSection h1 {font-size: 25px; line-height: 35px; font-weight: 800; color: #294bab; text-transform: uppercase; }
#welSection h1 span {font-size: 20px; color: #000; font-weight: bold; display: block;}
#welSection h2 {font-size: 18px; color: #000; font-weight: bold;  }
#welSection h3 {font-size: 68px; color: #294bab; font-weight: bold; margin: 30px 0 0 0; position: relative; -webkit-text-fill-color: #294bab; text-shadow: 4px 4px 7px #A3A3A3;}
#welSection h3 span {font-size: 25px; color: #294bab; font-weight: bold; line-height: 1; position: absolute; top: 17px; padding: 0 20px;}
.welLine {width:10%; margin: 10px 90% 20px 0; float: left; background: #fc5e16; padding: 0 5px;}
.welLine1 {width:5px; height: 5px; float: right; background: #fff;}

/*------- Services Section --------*/
#serviceSection {width: 100%; float: left; font-family: 'Montserrat', sans-serif; font-size: 15px; line-height: 24px; font-weight: 500; padding: 80px 0; background: url(../images/services.jpg) no-repeat left top #001b48; background-size: 100% auto; background-attachment:fixed;}
#serviceSection h2 {font-size: 25px; text-transform: uppercase; font-weight: 800; color: #fff; text-align: center; line-height: 35px; margin: 0 0 35px 0; }
#serviceSection h2 span {font-size: 20px; color: #fff; font-weight: 300; display: block;}
#serviceSection p {color: #fff; font-size: 14px; padding: 0 20% 15px 20%; text-align: center;}
#serviceSection img {width: 100%; height: auto; transition: all 1s; overflow: hidden;}
#serviceSection img:hover {transform: scale(1.1); }
.serviceBox {width: 100%; float: left; position: relative;} 
.serviceInfo {width: 100%; position: absolute; background: #0CC; padding: 30px;}
.serviceInfo h3 {font-size: 25px; text-transform: uppercase; font-weight: 800; color: #fff; text-align: center; line-height: 35px;  }


/*------- Founder Section --------*/
#founderSection {width: 100%; float: left; font-family: 'Montserrat', sans-serif; font-size: 15px; line-height: 24px; font-weight: 500; padding: 80px 0; background: url(../images/founder.jpg) no-repeat left top; background-size: 100% 100%; background-attachment:fixed;}
#founderSection h3 {font-size: 25px; text-transform: uppercase; font-weight: 800; color: #1e48b9; text-align: left; line-height: 35px; }
#founderSection h3 span {font-size: 20px; color: #000; font-weight: 300; display: block;}
#founderSection p {color: #000; font-size: 14px; }
#founderSection h2 {font-size: 18px; color: #000; font-weight: bold;  }
.signature {width: 20%; height: auto; margin: 10px 80% 20px 0;}
#founderSection .col-lg-6:first-child {padding: 0 5% 0 0;}
.founderImg {width: 90% !important; margin: 0 5% !important;}
 
/*------- Partner Section --------*/
#partnerSection {width: 100%; float: left; font-family: 'Montserrat', sans-serif; font-size: 15px; line-height: 24px; font-weight: 500; padding: 80px 0; background: url(../images/partnerBg.jpg) repeat-x left top #efefef;   }
#partnerSection h4 {font-size: 25px; text-transform: uppercase; font-weight: 800; color: #fff; text-align: center; line-height: 35px; margin: 0 0 35px 0; }
#partnerSection h4 span {font-size: 20px; color: #fff; font-weight: 300; display: block;}
#partnerSection p {color: #fff; font-size: 14px; padding: 0 20%; text-align: center;}
#partnerSection .owl-theme .owl-nav {display: none;}
#partnerSection .owl-theme .owl-dots, .owl-theme .owl-nav {margin: 40px 0 0 0;}
#partnerSection img  {width: 100%; height: auto; margin: 0 0 20px 0; border: 5px solid #fff; -webkit-box-shadow: 0px 0px 7px 0px rgba(122,122,122,0.6); -moz-box-shadow: 0px 0px 7px 0px rgba(122,122,122,0.6); box-shadow: 0px 0px 7px 0px rgba(122,122,122,0.6);} 


/*------- Builders Section --------*/
#buildersSection {width: 100%; float: left; font-family: 'Montserrat', sans-serif; font-size: 15px; line-height: 24px; font-weight: 500; color: #000; padding: 80px 0 80px 10%; background:#fff;}
#buildersSection h5 {font-size: 25px;  text-transform: uppercase; font-weight: 800; color: #1e48b9; line-height: 35px; margin: 0 0 .5rem 0; }
#buildersSection h5 span {font-size: 20px; color: #000; font-weight: 300; display: block;}
#buildersSection h2 {font-size: 18px; color: #000; font-weight: bold;  }
#buildersSection .col-lg-6:first-child {padding: 0 5% 0 0;}
.roomBox {width: 100%; height: auto; margin: 0 0 20px 0; border: 5px solid #fff; -webkit-box-shadow: 0px 0px 6px 0px rgba(122,122,122,0.5); -moz-box-shadow: 0px 0px 6px 0px rgba(122,122,122,0.5);box-shadow: 0px 0px 6px 0px rgba(122,122,122,0.5);} 

/*------- Quality Section --------*/
#qualitySection {width: 100%; float: left; font-family: 'Montserrat', sans-serif; font-size: 15px; line-height: 24px; font-weight: 500; padding: 80px 0; background: url(../images/quality.jpg) repeat-x left bottom #efefef; background-size: 100% auto; background-attachment: fixed;}
#qualitySection h5 {font-size: 25px; text-transform: uppercase; font-weight: 800; color: #fff; text-align: center; line-height: 35px; margin: 0 0 30px 0; }
#qualitySection h5 span {font-size: 20px; color: #fff; font-weight: 300; display: block;}
#qualitySection p {color: #fff; font-size: 14px; padding: 0 20%; text-align: center;}
.counting  {font-weight: 800; color: #fff;}
.stats {font-size: 50px; font-weight: 800; line-height: 50px; text-transform: uppercase; color: #fff; margin: 0 0 10px}
.whyCounting {width: 100%; text-align: center!important}
.whyCounting ul {padding: 0; margin: 0; text-align: center!important}
.whyCounting li {display: inline!important}
.whyCounting li span {font-size: 40px; font-weight: 600; line-height: 40px; text-transform: uppercase; color: #fff; text-align: center}
#qualitySection h4 {text-align: center; }
#qualitySection h4 span {font-size: 15px!important; color: #fff; text-align: center;}
.whyIcon { width: 50%; margin: 0 25% 20px 25%; background: #fff; border-radius: 100%; box-shadow: 0px 0px 0px 8px rgba(255,255,255,0.2); }
.whyIcon img {width: 100%; padding: 35px;  height: auto;}

/*------- Completed Section --------*/
#complSection {width: 100%; float: left; font-family: 'Montserrat', sans-serif; font-size: 15px; line-height: 24px; font-weight: 500; padding: 80px 0; background:#f7f7f7; }
#complSection h6 {font-size: 25px; text-transform: uppercase; font-weight: 800; color: #1e48b9; text-align: center; line-height: 35px; }
#complSection h6 span {font-size: 20px; color: #000; font-weight: 300; display: block;}
#complSection p {color: #000000; font-size: 14px; padding: 0 20%; text-align: center;}
.proInfo {width: 100%; float: left; background: #fff;}
.proInfo img {width: 100%; height: auto;}
.proInfo h2 {font-size: 18px; color: #000; font-weight: 700; padding: 20px 30px; margin: 0; text-transform: uppercase; } 
.proInfo a {text-decoration: none !important;}
#complSection .owl-theme .owl-nav {display: none;}
#complSection .owl-theme .owl-dots {margin: 40px 0 0 0;}

/*------- Enquiry Section --------*/
#enquirySection {width: 100%; float: left; font-family: 'Montserrat', sans-serif; font-size: 15px; line-height: 24px; font-weight: 500; padding: 80px 0;  background: url(../images/contact.jpg) no-repeat left bottom #fff; background-attachment: fixed;}
#enquirySection h5 {font-size: 25px; text-transform: uppercase; font-weight: 800; color: #1e48b9; line-height: 35px; padding: 70px 0 0 0; }
#enquirySection h6 {font-size: 25px; text-transform: uppercase; font-weight: 800; color: #000; line-height: 35px; margin: 0 0 15px 0; }
#enquirySection h4 {font-size: 20px; color: #000; font-weight: 600; display: block;}
#enquirySection p {color: #000000; font-size: 15px;  }
#enquirySection a {color: #000000; font-size: 15px; text-decoration: none; color:  }
#enquirySection a:hover {color: #fc5e16;}
.formBox {width: 100%; float: left; background: #fff; padding: 60px; -webkit-box-shadow: 0px 0px 9px 0px rgba(122,122,122,0.5); -moz-box-shadow: 0px 0px 9px 0px rgba(122,122,122,0.5);
box-shadow: 0px 0px 9px 0px rgba(122,122,122,0.5);}
#enquirySection .col-lg-5:first-child {padding: 0 5% 0 0;}
textarea {min-height: 100px !important; height: 100px !important;}
/*------- Footer Section --------*/
#footerSection {width: 100%; float: left; position: relative; font-family: 'Montserrat', sans-serif; font-size: 15px; line-height: 24px; font-weight: 500; padding: 60px 0;  background:#001c47;  }
#footerSection h4 {font-size: 18px; text-transform: uppercase; font-weight: 500; color: #fff; line-height: 30px; }
#footerSection ul {padding: 0; margin: 0; float: right;} 
#footerSection li {list-style: none; margin: 0 3px; display: inline !important} 
#footerSection li a {color: #fff; font-size: 15px; font-weight: 400;  text-decoration: none;}
#footerSection li a:hover {color: #a3a8b2; } 
#footerSection p {color: #fff; font-size: 15px; font-weight: 400; padding: 0; margin: 0;} 
#footerSection a {color: #fff; font-size: 15px; font-weight: 400; padding: 0; margin: 0; text-decoration: none;} 
#footerSection .col-md-2 {padding: 20px;}
.findBox {width: 100%; float: right;}
.findBox ul {padding: 0; margin: 0; float: right; width: 100%;} 
.findBox li {list-style: none; margin: 0px !important; display: inline !important} 
.findBox a svg {background: #33496c; fill:#99a4b6 !important;  padding: 10px; width: 6%; height: auto; transition: all 2s;}
.findBox a svg:hover {background: #fff; fill:#16287e!important;  padding: 10px; width: 6%; height: auto;}
.chatBox {position: absolute; right: 3%; bottom: 6%; color: #fff !important; z-index:9999; display: none; }
.chatBox span {display: inline-block; border-radius: 50%; margin: 0 5px; padding: 35px; position: relative;}
.footerContact .chatBox {color: #ffffff !important;}
.chatBox a {color: #fff !important;}
.chatBox span::before {content: ""; position: absolute; width: 80%; height: 80%; top: 10%; left: 10%; background-color: inherit; border-radius: 100%; z-index: -1; animation: ripple 1.5s ease-out infinite;}
.chatBox span { background-color: #1e48b9; transform: scale(0.6);}
.chatBox span::before {animation-delay: 1s;}
@keyframes ripple {
from {opacity: 1;transform: scale(0);}
to {opacity: 0;transform: scale(3);}
}
#footerSection hr {height: 1px; background: #fff;  width: 100%; float: left;}
#footerSection .col-md-10 {padding: 0 0 0 20%; text-align: right;}
/*--------- Back to Top Button ---------*/
#button {display: inline-block; text-align: center; border-radius: 100%; position: fixed; bottom: 20%; right: 2%; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000; background: #fc5e16; padding: 10px; border-radius: 100%;}
#button svg {fill: #fff !important; width: 70% !important;} 
#button.show {opacity: 1; visibility: visible;}

@media (max-width: 1800px) { 
.carousel-caption::before {left: 24%;} 
}
@media (max-width: 1700px) { 
.carousel-caption::before {left: 22%;} 
}
@media (max-width: 1600px) { 
.carousel-caption::before {left: 20%;} 
}
@media (max-width: 1500px) { 
.carousel-caption::before {left: 18%;} 
}
@media (max-width: 1400px) { 
.carousel-caption::before {left: 16%;} 
}
@media (max-width: 1300px) { 
.carousel-caption::before {left: 14%;} 
}
@media (max-width: 1200px) { 
.carousel-caption::before {left: 20%;} 
.carousel-caption h2 {font-size: 30px;}
.owl-theme .owl-nav {display: none;}
.owl-theme .owl-dots { margin: 40px 0 0 0;}
#footerSection .col-md-10 {padding: 0 0 0 10%; }
}
@media (max-width: 1100px) { 
.carousel-caption::before {left: 24%;} 
.carousel-caption h2 {font-size: 25px;}
.carousel-caption {top: 65%;}
}
@media (max-width: 1000px) { 
.carousel-caption::before {left: 23%;} 
.carousel-caption h2 {font-size: 20px;}
}

@media (max-width: 991px) { 
.navbar-nav { width: 100% !important; }
.navbar-collapse {top: 50px;}
.navbar-light .navbar-nav .nav-link {padding-top: 5px; padding-bottom: 5px;  padding-left: 30px !important; border-bottom: 1px solid #ccc;}
.navbar-light .navbar-nav .nav-link { margin: 0;}
.megamenu {width: 100%; left: 0; right: 0; box-shadow: none;  border-radius: 0;  padding: 15px 15px 5px 15px !important;}
.dropdown-item .col-lg-2 {display: none;}
.dropdown-item .col-lg-10 {width: 100% !important;}
.megamenu .dropdown-item {padding: 5px 15px 8px 15px !important;}
#welSection {background: none; padding: 50px 0; text-align: center;}
#welSection .col-sm-6:first-child {display: none !important;} 
#welSection .col-sm-6 {width: 100% !important;}
#welSection .welLine {width: 10%;  margin: 10px 45% 20px 45%;}
#welSection h3 span {text-align: left;}
#welSection h3 {margin: 30px 0 0 -130px;}
.carousel.pointer-event {padding: 5% 0 0 0;}
.carousel-indicators {margin-bottom: 3rem;}
#serviceSection p { padding: 0 10% 15px 10%;}
#serviceSection {padding: 50px 0;}
.owl-theme .owl-nav.disabled+.owl-dots {margin-top: 30px;}
#founderSection {padding: 50px 0;}
#founderSection h2 {font-size: 14px;}
#founderSection p {line-height: 22px;}
#founderSection h3 {font-size: 20px; line-height: 30px;}
#founderSection h3 span {font-size: 18px; }
#partnerSection {padding: 50px 0;}
#partnerSection h4 {font-size: 20px; line-height: 30px;}
#partnerSection h4 span {font-size: 18px; }
#buildersSection { padding: 60px 0 60px 5%;}
#buildersSection h5 {font-size: 20px; line-height: 30px;}
#buildersSection h5  span {font-size: 18px; }
#buildersSection h2 {font-size: 16px;}
#qualitySection {padding: 50px 0;} 
#qualitySection .col-md-6 {width: 25% !important;}
.stats {font-size: 35px; line-height: 30px;}
#qualitySection h4 span {font-size: 13px!important;}
.whyIcon img {padding: 20px;}
#qualitySection h5 {font-size: 20px; line-height: 30px;}
#qualitySection h5 span {font-size: 18px; }
#complSection {padding: 50px 0;}
#complSection h6 {font-size: 20px; line-height: 30px;}
#complSection h6 span {font-size: 18px; }
#complSection p {padding: 0 10%}
.proInfo h2 {font-size: 16px;}
#enquirySection h6 {font-size: 20px; line-height: 30px;}
#enquirySection h5 { font-size: 20px;  line-height: 30px;}
#enquirySection {padding: 50px 0;}
.formBox { padding: 40px;}
#enquirySection h4 { font-size: 16px;}
#footerSection li a {font-size: 12px;}
#footerSection p {font-size: 12px;}
#footerSection a {font-size: 12px;}
#footerSection .col-md-2 { padding: 0;}
#footerSection {padding: 50px 0;}
#footerSection h4 {font-size: 16px;}
#qualitySection {background-size: 100% 100% !important;}
.projectInfo .col-md-7 {flex: 0 0 auto; width: 50% !important;}
.projectInfo .col-md-5 {flex: 0 0 auto; width: 50% !important;}
.projectBox {padding: 60px 0 120px 0 !important;}
#proSection {background-size: 100% 100% !important;}
#aboutSection .col-md-4 {flex: 0 0 auto; width: 50% !important;}
#aboutSection .machineryBox h6 {font-size: 16px !important; line-height: 23px !important;}
#policySection .col-md-4 {flex: 0 0 auto; width: 50% !important;}
#policySection .machineryBox h6 {font-size: 16px !important; line-height: 23px !important;}
#machinerySection {background-size: 100% 100% !important;}
#policySection h5 {font-size: 17px !important; line-height: 20px !important;}
#aboutSection h4 { font-size: 18px !important; line-height: 24px !important;}
}
@media (max-width: 800px) { 
 .carousel-caption {display: none;}
 .carousel-indicators [data-bs-target] {width: 15px; height: 3px;}
 .carousel-indicators {margin-bottom: 2rem;}
}
@media (max-width: 767px) { 
.navbar-collapse {top: 77px;}
.dropdown-menu .col-sm-4 {width: 100% !important;}
.menuIndu {display: none;}
.carousel.pointer-event {padding: 9% 0 0 0;}
#welSection h1 span {font-size: 16px;}
#welSection h2 {font-size: 15px;}
#welSection {font-size: 14px; line-height: 22px;}
#serviceSection p { padding: 0 10% 15px 10%;}
#serviceSection p { padding: 0 5% 15px 5%;}
#serviceSection h2 {font-size: 20px; line-height: 30px;}
#serviceSection h2 span {font-size: 16px;}
#founderSection img {width: 66%;  margin: 0 22% 15px 22%;}
#founderSection {text-align: center;}
#founderSection .welLine {width: 10%;  margin: 10px 45% 20px 45%;}
#founderSection h3 {font-size: 20px; line-height: 30px; text-align: center;}
#founderSection h3 span {font-size: 18px; text-align: center; }
.signature {width: 20% !important; margin: 0 40% 10px 40% !important;}
#partnerSection {background-size: auto 60%;}
#partnerSection .owl-theme .owl-dots, .owl-theme .owl-nav { margin: 10px 0 0 0;}
#buildersSection .col-lg-6:first-child {padding: 0;}
#buildersSection {padding: 50px 10%; text-align: center;}
#buildersSection .btn-group-lg>.btn, .btn-lg{margin: 20px 0 50px 0 !important;}
#buildersSection .welLine {width: 10%; margin: 10px 45% 20px 45%;}
#qualitySection .col-md-6 {width: 50% !important; padding: 0 0 30px 0 !important; }
.stats {font-size: 35px; line-height: 30px;}
.whyIcon img {padding: 35px;}
#enquirySection h5 {padding: 0;}
#enquirySection .col-lg-5:first-child {padding: 0 15px 25px 15px !important;}
#enquirySection {text-align: center;}
#enquirySection .welLine {width: 10%;  margin: 10px 45% 20px 45%;}
#enquirySection br {display: none;}
#footerSection .col-sm-2 {width: 100%;}
#footerSection  img {width: 26%; margin: 0 37% 20px 37%;}
#footerSection .col-md-10 {padding: 0; width: 100%; text-align:center;}
#footerSection li {margin: 0 8px; }
#button {margin: 10px; bottom: 10%; padding: 7px; }
#welSection h3 {margin: 0 0 0 -130px;}
.founderImg {width: 60% !important; margin: 0 20% 15px 20% !important;}
.projectInfo .col-md-7 {flex: 0 0 auto; width: 100% !important;}
.projectInfo .col-md-5 {flex: 0 0 auto; width: 100% !important;}
.projectBox {padding: 60px 0 60px 0 !important;}
.projectCon {width:100% !important; position: relative !important; border-right: 0px !important; border-bottom: 4px solid #fc5e16 !important; padding: 30px !important;}
.projectImg {margin: 8% 0 0 0 !important;}
#proSection {padding: 60px 0 !important;}
.projectSub .col-md-6 {flex: 0 0 auto; width: 100% !important;}
#projectsBox h5 {font-size: 20px !important;}
.projectSub {margin: 0px !important;}
#policySection h5 {font-size: 16px !important; line-height: 20px !important;}
#aboutSection h4 { font-size: 16px !important; line-height: 20px !important;}
}
@media (max-width: 600px) { 
.navbar-collapse {top: 65px;}
.navbar-light .navbar-nav .nav-link {font-size: 12px;}
.carousel.pointer-event {padding: 12% 0 0 0;}
.carousel-indicators {margin-bottom: 2rem;}
.navbar .container {width: 100%; margin: 0;}
.container {width: 80%; margin: 0 10%;}
#welSection h1 {font-size: 20px; line-height: 30px;}
#welSection h1 span {font-size: 16px;}
#welSection h2 {font-size: 15px;}
#welSection {font-size: 14px; line-height: 22px;}
.btn-group-lg>.btn, .btn-lg {padding: 10px 15px; font-size: 14px; border-radius: 0; margin: 15px 0 0 0;}
#founderSection {background: none; }
.welLine {width: 20% !important; margin: 0px 40% 10px 40% !important;}
#partnerSection p {padding: 0;}
#buildersSection .col-sm-4 { width: 33.33333333% !important;}
#buildersSection h2 {font-size: 14px;}
.btn-group-lg>.btn, .btn-lg {padding: 8px 13px; font-size: 12px;}
.whyIcon img {padding: 25px;}
.stats {font-size: 25px !important; line-height: 25px !important;}
.proInfo h2 {font-size: 14px;}
#enquirySection h4 { font-size: 14px;}
.form-control { padding: 10px 15px; margin: 0 0 10px 0;  font-size: 12px;}
.btn-success { font-size: 14px;}
.findBox a svg {padding: 10px;  width: 10%;}
#footerSection h4 {font-size: 14px;}
#aboutSection .col-md-4 {flex: 0 0 auto; width: 100% !important;}
#aboutSection .machineryBox h6 {font-size: 16px !important; line-height: 23px !important;}
#policySection .col-md-4 {flex: 0 0 auto; width: 100% !important;}
#policySection .machineryBox h6 {font-size: 16px !important; line-height: 23px !important;}

}
@media (max-width: 550px) { 
.carousel.pointer-event {
    padding: 13% 0 0 0 !important;}
}
@media (max-width: 500px) {  
.navbar-collapse {top: 60px;}
.carousel.pointer-event {padding: 16% 0 0 0;}
#welSection h1 {font-size: 18px;  line-height: 25px;}
#welSection h1 span {font-size: 14px;}
#welSection h3 span {font-size: 18px; top: 13px; }
#welSection h3 {font-size: 50px;}
#welSection h3 {margin: 0 0 0 -120px;}
#serviceSection h2 {font-size: 18px; line-height: 25px;}
#serviceSection h2 span {font-size: 14px;}
.owl-theme .owl-dots {margin: 20px 0 0 0;}
#founderSection h3 {font-size: 18px; line-height: 25px;}
#founderSection h3 span {font-size: 14px; }
#founderSection h3 {font-size: 18px; line-height: 25px; }
#founderSection h3 span {font-size: 14px; }
.signature {width: 30% !important; margin: 0 35% 10px 35% !important;}
#founderSection img {width: 80%;  margin: 0 10% 10px 10%;}
#partnerSection h4 {font-size: 18px; line-height: 25px;}
#partnerSection h4 span {font-size: 14px; }
#buildersSection h5 {font-size: 18px; line-height: 25px;}
#buildersSection h5 span {font-size: 14px; }
.whyIcon img {padding: 20px;}
#qualitySection h5 {font-size: 18px; line-height: 25px;}
#qualitySection h5 span {font-size: 14px; }
#complSection h6 {font-size: 18px; line-height: 25px;}
#complSection h6 span {font-size: 14px; }
#enquirySection h6 {font-size: 18px; line-height: 25px;}
#enquirySection h5 { font-size: 18px;  line-height: 25px;}
.projectCon h4 {font-size: 17px !important; line-height: 22px !important;}
.projectBox h4 span {font-size: 14px !important; line-height: 22px !important;}
.projectCon p span {font-size: 14px !important; line-height: 22px !important;}
.projectBox { padding: 30px 0 !important;}

}
@media (max-width: 450px) { 
.navbar-collapse {top: 65px;}
#partnerSection {background-size: auto 72%;}
#buildersSection .col-sm-4 {display: none;}
#buildersSection .btn-group-lg>.btn, .btn-lg{margin: 10px 0 30px 0 !important;}
#qualitySection .col-md-6 {width: 100% !important; padding: 0 0 30px 0 !important; }
.whyIcon {width: 40%; margin: 0 30% 8px 30%;}
.whyIcon img {padding: 30px;}
#qualitySection .col-md-6 {padding: 0 0 20px 0 !important;}
.findBox a svg {padding: 7px;  width: 10%;}
#button {margin: 10px; bottom: 10%; padding: 7px; right: 1%;}
.projectCon {border-bottom: 2px solid #fc5e16 !important;}
#proSection {padding: 40px 0 !important;}
#projectsBox h5 {font-size: 17px !important;}
}
@media (max-width: 370px) { 
.navbar-collapse {top: 65px;}
#brand {width: 60% !important;}
.carousel.pointer-event {padding: 19% 0 0 0;}
.carousel-indicators {margin-bottom: 1rem;}
#welSection {padding: 30px 0;}
#serviceSection { padding: 30px 0;}
#founderSection { padding: 30px 0;} 
#founderSection h3 {font-size: 16px; line-height: 22px; }
#partnerSection  { padding: 30px 0;} 
#partnerSection h4 {font-size: 16px; line-height: 22px;}
#buildersSection h5 {font-size: 16px; line-height: 22px;} 
#buildersSection {padding: 30px 10%;}
#qualitySection { padding: 30px 0;} 
#qualitySection h5 {font-size: 16px; line-height: 22px;}
.whyIcon img {padding: 22px;}
#complSection {padding: 30px 0;}
#complSection h6 {font-size: 16px; line-height: 22px;}
#enquirySection h6 {font-size: 16px; line-height: 22px;}
#enquirySection h5 { font-size: 16px;  line-height: 22px;}
.formBox {padding: 30px;}
#enquirySection h6 {font-size: 14px;}
}



/*--------- Inner Page  ---------*/
.innerslide {width: 100%; float: left; position: relative; margin: 4% 0 0 0; }
.innerslide img {width: 100%; height: auto;}
#aboutSection {width: 100%; float: left; position: relative; padding: 60px 0;}
#aboutSection img {width: 94% !important; height: auto;}
#aboutSection hr {margin: 30px 0 50px 0;}
#aboutSection h1 {color: #000; font-size: 35px; line-height: 45px; font-weight: 300; margin: 0 0 20px 0 !important;}
#aboutSection h1 span { font-size:35px; line-height: 30px; font-weight: 700; color:#294bab;  } 
#aboutSection h2 {color: #000; font-size: 25px; line-height: 30px; font-weight: 600; margin: 0 0 20px 0 !important;}
#aboutSection h3 {color: #000; font-size: 25px; line-height: 30px; font-weight: 600; margin: 0 0 20px 0 !important;}
#aboutSection h3 span { font-size:20px; display: block; line-height: 30px; font-weight: 400; color:#000;  } 
#aboutSection h4 {color: #000; font-size: 20px; line-height: 30px; font-weight: 600; margin: 0 0 20px 0 !important;}
#aboutSection .machineryBox h6 {font-size: 18px; font-weight: 600; line-height: 25px; margin:0; color: #000;  transition: all 1s;}
#aboutSection .machineryBox:hover h6 {color: #294bab;}
#aboutSection .machineryBox h6 span {font-weight: 400; color: #767676; font-size: 16px; display: block;} 

.subText {font-size:18px; line-height: 30px; font-weight: 600; color: #4769c8 !important; margin: 0 0 1rem 0 !important;}
.aboutInfo { width: 100%; float: left; background: #fff; padding: 35px 40px 35px 40px; color: #9193a3; font-size: 17px; line-height: 24px; margin: 35px 0 20px 0; border: 1px solid #E6E6E6; }
.aboutInfo h6 {font-size: 22px; font-weight: 600; line-height: 25px; margin: 0 0 5px 0; color: #fc5e16;}
.aboutInfo h6 span {font-weight: 300; display: block;} 
.aboutInfo p {color: #000; line-height: 28px;}
.machineryBox  { width: 100%; float: left; background: #fff; padding: 25px 30px 25px 30px; color: #9193a3; font-size: 17px; line-height: 24px; margin: 0 0 20px 0; border: 1px solid #E6E6E6;  transition: all 1s;}
.machineryBox:hover {transform: scale(1.1); border-bottom: 1px solid #fc5e16;}
.machineryBox h3 {font-size: 18px; font-weight: 600; line-height: 25px; margin:0; color: #000;  transition: all 1s;}
.machineryBox:hover h3 {color: #294bab;}
.machineryBox h3 span {font-weight: 400; color: #767676; font-size: 16px; display: block;} 
.machineryBox p {font-weight: 400; color: #767676; font-size: 16px; margin: 0px !important;}
#policySection h5 {color: #000; font-size: 25px; line-height: 30px; font-weight: 600; margin: 0 0 20px 0 !important;}
#policySection img {width: 94% !important; height: auto; float: right;}

#policySection .machineryBox h6 {font-size: 18px; font-weight: 600; line-height: 25px; margin:0; color: #000;  transition: all 1s;}
#policySection .machineryBox:hover h6 {color: #294bab;}
#policySection .machineryBox h6 span {font-weight: 400; color: #767676; font-size: 16px; display: block;} 
#policySection .machineryBox p {font-weight: 400; color: #767676; font-size: 16px; margin: 0px !important;}

#infrSection {width: 100%; float: left;  text-align: center; padding: 80px 0; background: url(../images/aboutBg.jpg) repeat-x left bottom #efefef; background-attachment: fixed; background-size: 100% auto;} 
#machinerySection {width: 100%; float: left;  text-align: center; padding: 80px 0; background: url(../images/machineryBg.jpg) repeat-x left bottom #efefef; background-size: 100% auto; background-attachment: fixed;}
#machinerySection h5 {margin: 0;}
#proSection {width: 100%; float: left;  text-align: center; padding: 80px 0; background: url(../images/services.jpg) repeat-x left bottom #efefef; background-attachment: fixed; background-size: 100% auto;}
#proSection h5 {margin: 0;}

.whyCon {width: 100%; margin: 0;}
.whyCon h5 {font-size: 25px; text-transform: uppercase; font-weight: 800; color: #fff; text-align: center; line-height: 35px; margin: 0 0 30px 0; }
.whyCon li {color: #fff; font-size: 18px; padding: 15px 25px; text-align: center; background:rgba(20,60,122,0.5); float: left;  width: 48%; display: block!important; margin: 0 1% 10px 1%; border: 1px solid #4e6b97; }
.whyCon li:first-child {width: 98% !important;}
#policySection {width: 100%; float: left; position: relative; padding: 60px 0;}
#policySection h3 { font-size:25px; line-height: 30px; font-weight: 600; color:#000;  } 
#policySection hr {margin: 40px 0 !important;}
#aboutSection .proInfo {background: #f7f7f7 !important; margin: 0 0 30px 0;}
#aboutSection .proInfo h2 {font-size: 16px;  font-weight: 600; text-transform: none;  padding: 20px 30px; margin: 0px !important; }
#aboutSection .welLine {width: 8%;  margin: 10px 98% 40px 0;}
.clientitem {width: 100%; border: 1px solid #ccc; margin: 0 0 25px 0;}
.clientitem img {width: 100%; height: auto;}
.awardBox {width: 100%; float: left; position: relative; padding: 60px 0;}
.awardBox h1 {color: #000; font-size: 35px; line-height: 45px; font-weight: 300; margin: 0 0 20px 0 !important;}
.awardBox h1 span { font-size:35px; line-height: 30px; font-weight: 700; color:#294bab;  } 
.awardBox img {width: 100% !important; height: auto !important; border: 4px solid #fff;  box-shadow: 0px 0px 5px 0px #ccc;}
.awardBox .col-lg-4 {margin: 0 0 30px 0 !important;}
.awardBox .col-lg-3 {margin: 0 0 30px 0 !important;}
.projectBox {width: 100%; float: left; position: relative; padding: 60px 0;}
.projectBox h1 {color: #000; font-size: 35px; line-height: 45px; font-weight: 300; margin: 0 0 20px 0 !important;}
.projectBox h1 span { font-size:35px; line-height: 30px; font-weight: 700; color:#294bab;  } 
.projectBox img {width: 100% !important; height: auto !important;}
.projectBox .col-lg-4 {margin: 0 0 30px 0 !important;} 
.projectBox .proInfo {background: #f7f7f7;}
.projectBox .welLine {margin: 10px 90% 40px 0;}
.projectBox .proInfo h2 {font-size: 16px; text-transform: capitalize;}
.projectInfo {width: 100%; position: relative; float:left;}
.projectCon {width: 70%; float: left; position: absolute; left: 0;  border: 1px solid #fff; border-right: 4px solid #fc5e16;  box-shadow: 0px 0px 10px 0px #ccc; padding: 40px 150px 40px 40px;}
.projectImg {width: 100%; margin: 10% 0 0 0;position: relative; border: 4px solid #fff;  box-shadow: 0px 0px 5px 0px #ccc; }
.projectCon h4 {color: #f06424; font-size: 20px; line-height: 30px; font-weight: 600; margin: 0 0 20px 0 !important;}
.projectBox h4 span { font-size:16px; line-height: 30px; display:block; font-weight: 400; color:#000;  }
.projectCon p span  { font-size:16px; line-height: 30px; display:block; font-weight: 400; color:#000; margin: 0px !important;}
.projectCon p { margin: 0px !important;}
#projectsBox {width: 100%; position: relative; float:left; padding: 60px 0;}
#projectsBox h5 {color: #000; font-size: 25px; line-height: 30px; font-weight: 600; margin: 0 0 20px 0 !important;}
#projectsBox img {width: 100% !important; height: auto; float: right; border: 4px solid #fff;  box-shadow: 0px 0px 5px 0px #ccc; }
#projectsBox .col-lg-3 {margin: 0 0 30px 0 !important;}
.projectSub {width: 100%; float: left; position: relative; left: 0;   margin: 0 0 30px 0;}
.projectSub h4 {color: #f06424; font-size: 20px; line-height: 30px; font-weight: 600; margin: 0 0 20px 0 !important;}
.projectSub h4 span { font-size:16px; line-height: 30px; display:block; font-weight: 400; color:#000;  }
.projectSub p span  { font-size:16px; line-height: 30px; display:block; font-weight: 400; color:#000; margin: 0px !important;}
.projectSub p { margin: 0px !important;}
.boxBig {display: block;}
.boxsomel {display: none;}

@media (max-width: 991px) {
.boxBig {display: none;}
.boxsomel {display: block;}
#infrSection {background-size: 100% 100%;}
}
@media (max-width: 900px) { 
.innerslide {margin: 5% 0 0 0;}
}
@media (max-width: 800px) { 
.innerslide {margin: 6% 0 0 0;}
#aboutSection h1 {font-size: 30px;  line-height: 40px;}
#aboutSection h1 span {font-size: 30px;}
#aboutSection {padding: 40px 0;}
}
@media (max-width: 767px) { 
.whyCon li {width: 100%;}
#infrSection {padding: 50px 0;}
.whyCon li {color: #fff; font-size: 16px; padding: 10px 20px; line-height: 25px;}
.whyCon h5 {font-size: 20px;  margin: 0 0 15px 0;}
#policySection {padding: 40px 0;}
.whyCon h5 {font-size: 14px; margin: 0; line-height: 22px;}
#aboutSection h3 {font-size: 20px; line-height: 28px;}
#aboutSection h3 span {font-size: 16px; line-height: 22px;}
#policySection h5 {font-size: 20px; line-height: 23px;}
#policySection .machineryBox h6 {font-size: 15px;}
#policySection .machineryBox p {font-size: 13px; line-height: 20px;}
.projectBox .proInfo h2 {font-size: 15px; text-transform: capitalize;}
.projectBox h1 {font-size: 30px; line-height: 30px;}
.projectBox h1 span {font-size: 30px; line-height: 30px;}
.projectBox {padding: 40px 0;}
}
@media (max-width: 700px) { 
.innerslide {margin: 11% 0 0 0;}
.awardBox {padding: 40px 0;}
.proInfo h2 {font-size: 15px; padding: 15px 20px;}

}
@media (max-width: 600px) { 
.innerslide {margin: 12% 0 0 0;}
#aboutSection .welLine {width: 15% !important; margin: 0px 85% 20px 0% !important;}
.aboutInfo {padding: 25px 20px 25px 20px; font-size: 15px; line-height: 18px !important; margin: 30px 0 20px 0;}
.aboutInfo p {line-height: 24px;}
 #policySection h3 {font-size: 20px; line-height: 25px;}
 .machineryBox {padding: 15px 10px 15px 10px}
 .awardBox .welLine {width: 15% !important; margin: 0px 85% 20px 0% !important;}
 .awardBox h1 {font-size: 30px; line-height: 30px;}
 .awardBox h1 span {font-size: 30px; line-height: 30px;}
 .projectBox h1 {font-size: 25px; line-height: 30px;}
 .projectBox h1 span {font-size: 25px; line-height: 30px;}
 .projectBox .welLine {width: 15% !important; margin: 0px 85% 20px 0% !important;}
}
@media (max-width: 500px) { 
.innerslide {margin: 13% 0 0 0;}
#aboutSection h1 {font-size: 25px;  line-height: 35px;}
#aboutSection h1 span {font-size: 25px;}
#aboutSection {padding: 40px 0;}
.whyCon li {font-size: 14px; padding: 7px 15px; line-height: 22px;}
p { font-size: 14px; line-height: 22px;}
.subText {font-size: 14px; line-height: 22px;}
}
@media (max-width: 400px) { 
.innerslide {margin: 17% 0 0 0;}
.whyCon h5 {font-size: 16px; margin: 0 0 10px 0;}
#infrSection { padding: 20px 0;}
#policySection {padding: 30px 0;}
.aboutInfo h6 {font-size: 19px;}
.awardBox {padding: 20px 0;}
 .awardBox h1 {font-size: 20px; line-height: 30px;}
 .awardBox h1 span {font-size: 20px; line-height: 30px;}
#partnerSection {background-size: auto 62%;}
.proInfo h2 {font-size: 13px !important; padding: 15px 20px;}
.projectBox h1 {font-size: 20px; line-height: 22px;}
.projectBox h1 span {font-size: 20px; line-height: 22px;}
.projectBox {padding: 20px 0;}
}
@media (max-width: 300px) { 
.innerslide {margin: 23% 0 0 0;}
}