* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
  word-wrap: break-word;
}



body {
  color: #333;
  line-height: 1.3;
  font-size: 15px;
  overflow-x: hidden !important;
  font-family: 'PTS55F';
}

@font-face {
  font-family: 'PTS55F';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/PTS55F.html');
  src: local('?'),
    url('../fonts/PTS55Fd41d.html?#iefix') format('embedded-opentype'),
    url('../fonts/PTS55F-2.html') format('woff'),
    url('../fonts/PTS55F.ttf') format('truetype'),
    url('../fonts/PTS55F-3.html#PTS55F') format('svg');
}

@font-face {
  font-family: 'PT-Sans-Caption';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/PT-Sans-Caption.html');
  src: local('?'),
    url('../fonts/PT-Sans-Captiond41d.html?#iefix') format('embedded-opentype'),
    url('../fonts/PT-Sans-Caption-2.html') format('woff'),
    url('../fonts/PT-Sans-Caption.ttf') format('truetype'),
    url('../fonts/PT-Sans-Caption-3.html#PT-Sans-Caption') format('svg');
}

@font-face {
  font-family: 'PT-Sans-Caption-Bold';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/PT-Sans-Caption-Bold.html');
  src: local('?'),
    url('../fonts/PT-Sans-Caption-Boldd41d.html?#iefix') format('embedded-opentype'),
    url('../fonts/PT-Sans-Caption-Bold-2.html') format('woff'),
    url('../fonts/PT-Sans-Caption-Bold.ttf') format('truetype'),
    url('../fonts/PT-Sans-Caption-Bold-3.html#PT-Sans-Caption-Bold') format('svg');
}


p {
  font-size: 15px;
  color: #333;
  line-height: 1.6;
  margin: 0 0 15px 0;
}

img {
  width: 100%;
  height: auto;
}

span, a, a:hover {
  text-decoration: none;
  color: inherit;
}

.section-padding {
  padding:72px 0;
}

.section-head {
  margin-bottom: 80px;
}
.section-head h6{
  color: #333;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: inline-block;
  padding: 0 15px;
  position: relative;
}
.section-head h6:before, .section-head h6:after {
  content: '';
  width: 40px;
  height: 1px;
  background-color: #2AAFC0;
  position: absolute;
  bottom: 3px;
}
.section-head h6:before {
  left: -40px;
}
.section-head h6:after {
  right: -40px;
}
.section-head h4 {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 15px;
}

.bg-gray {
  background: #f7f7f7;
}

.o-hidden {
  overflow: hidden;
}

.position-re {
  position: relative;
}

.full-width {
  width: 100% !important;
}

.lg-line-height {
  line-height: 1.5;
}

.bg-img {
  background-size: cover;
  background-repeat: no-repeat;
}

.bg-fixed {
  background-attachment: fixed;
}

.valign {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.v-middle {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
}

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 15px;
  line-height: .7;
}

.owl-theme .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  margin: 0 7px;
  border-radius: 50%;
  background: #ddd;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #2AAFC0;
}

/* ----------------------------------------------------------------
     [ End Basics ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
     [ 02 Start Buttons ]
-----------------------------------------------------------------*/
.butn {
  padding: 14px 30px;
  background: #fff;
  border: 1px solid transparent;
  position: relative;
  z-index: 3;
  margin-left: 0;
  margin-right: 0;
  -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
  -webkit-transition: all .4s;
  transition: all .4s;
  cursor: pointer;
  outline: none !important;
  overflow: hidden;
}
.butn span {
  position: relative;
  z-index: 2;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.butn:before, .butn:after {
  content: '';
  width: 0;
  height: 100%;
  background: #fff;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: width 0.4s;
  transition: width 0.4s;
  z-index: 1;
  opacity: .4;
}
.butn:after {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  background: #fff;
  opacity: 1;
}
.butn:hover:before, .butn:hover:after {
  width: 100%;
}
.butn:hover:after {
  -webkit-transition-delay: .2s;
          transition-delay: .2s;
}
.butn:hover span {
  -webkit-transition-delay: .2s;
          transition-delay: .2s;
}

.butn-bg {
  background: #ff0288;
  border-color: #ff0288;
  color: #fff;
  display: inline-block;
}
.butn-bg:hover span {
  color: #ff0288;
}

.butn-light {
  background: #fff;
}
.butn-light:before, .butn-light:after {
  background: #ff0288;
}
.butn-light:hover span {
  color: #fff;
}
.butn-light span {
  color: #ff0000;
}
.clearfix{ clear: both;}

/* ----------------------------------------------------------------
     [ End Buttons ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
     [ 03 Start Navbar ]
-----------------------------------------------------------------*/
.navbar {
  position: fixed;
  left: 0;
  top:0;
  width: 100%;
  background: transparent;
  z-index: 999;
  padding: 2px 0;
}
.navbar .icon-bar {
  color: #fff;
}
.navbar .navbar-nav .nav-link {
  font-size: 15px;
  font-weight: 500;
  color: #222;
  margin: 0 0;
  -webkit-transition: all .5s;
  transition: all .5s; text-transform: capitalize;
}
.navbar img{ width: 65%;}
.navbar .navbar-nav .active {
  color: #ff0288 !important;
}

/*.nav-scroll {
  background: #fff;
  border-bottom: 1px solid rgba(12, 12, 12, 0.04);
  padding: 0 0;
  position: fixed;
  top: -100px;
  left: 0;
  width: 100%;
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
  -webkit-transform: translateY(100px);
          transform: translateY(100px);*/
}
.nav-scroll .icon-bar {
  color: #222;
}
.nav-scroll .navbar-nav .nav-link {
  color: #222;
}
.nav-scroll .navbar-nav .logo {
  padding: 15px 0;
  color: #111;
}

.logo {
  padding: 0 0;
  color: #f77345;
  }

/* ----------------------------------------------------------------
     [ End Navbar ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
     [ 04 Start Header ]
-----------------------------------------------------------------*/
.header {
  min-height: calc(100vh + 80px);
  padding-bottom: 80px;
  overflow: hidden;
}
.header .caption .o-hidden {
  display: inline-block;
}
.header .caption h4 {
  font-weight: 200;
  letter-spacing: 4px;
  -webkit-animation-delay: .2s;
          animation-delay: .2s;
}
.header .caption h1 {
  margin: 10px 0;
  font-size: 60px;
  font-weight: 500;
  font-family: inherit;
  word-spacing: 2px;
  letter-spacing: 2px;
  -webkit-animation-delay: .6s;
          animation-delay: .6s;
}
.header .caption p {
  font-size: 15px;
  font-weight: 300;
  color: #eee;
  letter-spacing: 1px;
  word-spacing: 2px;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.header .caption p span {
  letter-spacing: 5px;
  text-transform: uppercase;
  margin: 0 5px;
  padding-right: 14px;
  position: relative;
}
.header .caption p span:last-child {
  padding: 0;
}
.header .caption p span:last-child:after {
  display: none;
}
.header .caption p span:after {
  content: '';
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #2AAFC0;
  position: absolute;
  top: 10px;
  right: 0;
  opacity: .5;
}
.header .caption .butn {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}

.slider .owl-item, .slider-fade .owl-item {
  height: 100vh;
  position: relative;
}
.slider .item, .slider-fade .item {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
}
.slider .item .caption, .slider-fade .item .caption {
  z-index: 9;
}
.slider .owl-theme .owl-dots, .slider-fade .owl-theme .owl-dots {
  position: absolute;
  bottom: 5vh;
  width: 100%;
}

.creative {
  min-height: 105vh;
}
.creative .svg {
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  z-index: 2;
}
.creative .svg svg {
  fill: #fff;
  width: 101%;
}

.wave:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: -5%;
  width: 110%;
  height: 100px;
  background-image: url(../img/wave.html);
  background-size: cover;
  z-index: 7;
}

.bg-vid {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
}

#particles-js {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

/* ----------------------------------------------------------------
     [ End Header ]
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
     [ 17 Start Footer ]
-----------------------------------------------------------------*/
footer {
  background: url(../images/footer-bg.jpg) no-repeat;
  height: 75px;
  background-size: cover;
}
footer .social a {
  color: #fff;
  font-size: 13px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 50%;
  background: #222;
  margin: 15px 5px;
}
footer a:hover {
  color: #ff0288;
}
footer p {
  color: #fff;
  font-size: 14px;
  text-transform: capitalize;
  margin-bottom: 0; text-align: left;
}

footer .right-para{ text-align: right;} 

/* ----------------------------------------------------------------
     [ End Footer ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
 	 [ 18 Responsive ]
-----------------------------------------------------------------*/


@media screen and (max-width: 991px) {
  .header {
    min-height: calc(50vh + 80px);
  }
  .mb-md50 {
    margin-bottom: 50px;
  }

  .mb-md30 {
    margin-bottom: 30px;
  }

  .mb-md0 {
    margin-bottom: 0;
  }

  .bgimg-height {
    height: 400px;
  }

  .bg-fixed {
    background-attachment: scroll !important;
  }

  .navbar {
    padding-left: 0;
  }
  .navbar .navbar-collapse {
    max-height: auto;
    overflow: hidden;
    background: #111;
    text-align: center;
    padding: 6px 0;
    margin-top: 15px;
  }
  .navbar .nav-link {
    margin: 0 auto !important;
  }

  .nav-scroll .navbar-collapse .nav-link {
    color: #fff !important;
  }
  .nav-scroll .navbar-collapse .active {
    color: #ff0288 !important;
  }

  .header {
    background-attachment: scroll !important;
    background-position: 0% 0% !important;
  }
  .header .caption h4 {
    font-size: 30px;
  }
  .header .caption h1 {
    font-size: 45px;
    line-height: 1.4;
    margin-top: 16%;
  }

  .services .item {
    padding: 0;
  }
  .services .bord {
    border: 0;
  }
  .services hr {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .mb-sm50 {
    margin-bottom: 50px;
  }

  .mb-sm30 {
    margin-bottom: 30px;
  }

  .section-box h3 {
    font-size: 25px;
    line-height: 1.3;
  }

  .hero .intro h3 {
    font-size: 28px;
  }

  .hero .intro h4 {
    font-size: 20px;
  }

  .subscribe h4 {
    font-size: 20px;
    margin-bottom: 30px;
  }

  .bgimg-height-sm {
    height: 400px;
  }

  .header .caption h4 {
    font-size: 16px;
  }
  .header .caption h1 {
    font-size: 25px;
    margin-top: 20%;
  }
  .header .caption p {
    font-size: 14px;
  }
  .header .caption p span {
    font-size: 12px;
    letter-spacing: 1px;
  }

  .portfolio .filtering span {
    margin-bottom: 10px;
  }
  .header {
    background-attachment: scroll !important;
    background-position: 50% 0% !important;
  }

}

@media screen and (max-width: 480px) {
  .section-head h4 {
    font-size: 25px;
  }

  .section-box .accordion .title h6 {
    line-height: 1.5;
    font-size: 14px;
  }

  .section-box .half-content {
    padding: 15px;
  }

  .works .filtering .filter {
    border: 0;
    padding: 0;
  }

  .works .filtering span {
    margin: 0 0 5px;
  }

  

  .price .pricing-tables {
    padding: 0 30px;
  }

  .subscribe input {
    width: 100%;
    margin-bottom: 15px;
    border-radius: 30px;
  }

  .subscribe .butn {
    border-radius: 30px;
  }
}

/*# sourceMappingURL=style.css.map */


/*=============new site css================*/

.hero .icon1 {
  width: 120px;
  height: 120px;
  line-height: 90px;
  border: 1px solid #eee;
  border-radius: 50%;
  font-size: 40px;
  color: #2AAFC0;
  margin-bottom: 40px;
  position: relative;
  padding: 14px;
}

.hero .icon1 img{ width: auto;}

.redcolor{ color: #ff0000;}

.career-sec ul{ list-style:disc; margin:20px 0 0 20px;}

.career-sec ul li{ font-size: 15px; color: #7f7f7f; padding-bottom: 8px;}

.career-sec h6{ margin-bottom: 15px;}

.ser-info a {
  display: block;
  text-align: right;
  color: #bbb;
  padding-right: 38px;
  text-decoration: underline; font-weight: 600;
}

.ser-info a:hover{ color: #fff;}

.contact-info h4 { margin-bottom: 20px;}

.inner-bg { background: url(../images/inner-bg.html) no-repeat;     background-size: 100%;}

.inner-bg h2{ padding: 15% 0; color: #fff;}

.innerpage{ padding: 50px 0;}

.dropdown-item {
  text-transform: uppercase;
  padding: 10px 15px;
  font-size: 14px;
  font-weight: 600;
}

.dropdown-menu { padding: 0;margin: 0;}

.dropdown-item:focus,
.dropdown-item:hover {
  color: #fff;
  text-decoration: none;
  background-color: #51b26f;
}

/*===============new site css=============*/
.top-header{ background: #4a2d4b; padding: 8px 0;}
.top-header .header-contact-details p{ display: inline-block; margin: 0 20px 0 0; color: #fff;}
.top-header .header-contact-details .fa{ margin-right: 10px; color: #fff;}
.top-header .header-social-icon{ text-align: right;}
.top-header .header-social-icon a {
  display: inline-block;
  border-radius: 5px;
  background: #f8f8f8;
  color: #ff0288;
  text-align: center;
  width: 25px;
  height: 25px;
  padding: 4px;
}
/*.home-slider .carousel-caption {
  position: absolute;
  right: 15%;
  top: 56%;
  left: 0;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: left;
  margin: 0 8%;
  bottom: auto;
  }*/
.home-slider .carousel-caption {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: left;
  margin: 0;
  /* bottom: 0; */
  background: #00000040;
  width: 100%;
  bottom: 0;
}

.home-slider .slider-info {
  position: absolute;
  right: 15%;
  top: 60%;
  left: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: left;
  padding: 20px 8%;
  bottom: auto;
  width: 100%;
  background: #181617cf;
}

.home-slider .carousel-inner{ height: 565px;}

.home-slider h2 {
  color: #fff;
  font-size: 26px;
  text-transform: capitalize;
  font-weight: normal;
  font-family: 'PTS55F';
}

.home-slider .carousel-caption p {
  color: #fff;
  line-height: 20px;
  font-size:16px;
  margin: 15px 0 0 0;
  font-family: 'PTS55F';
  width: 55%;
}


.navbar .navbar-nav .nav-link:hover{ color: #ff0288;}


.contact-address{ width: 80%;margin: 0 auto; }

.contact-details .con-icon {
  width: 45px;
  height: 45px;
  background :#f71316;
  text-align: center;
  border-radius: 50%;
  font-size: 18px;
  padding-top: 12px;
  color: #fff;
  float: left;
  margin-right: 15px;
}
.address-details{ float: left; width: 82%;}
.contact-details p{ margin: 5px 0 0 0; font-size: 15px;}
.contact-form .p-r{ padding: 0;}
.contact-page-bg {
  background: url(../images/map.html) no-repeat #fbfbfb center;
}
.contact-form-details{padding: 20px; background: #fbfbfb; background: #fbfbfbd1;
    border: 1px solid #ccc; }
.contact-form-details .form-control{  border: 1px solid #ccc; font-size: 14px; outline: none; border-radius: 0;}
.contact-para {
  font-size: 18px;
  margin: 0 0 30px 0;
  color: #333;
  line-height: 25px;
  text-align: center;
}

.carousel-indicators li{ cursor: pointer;}

.about-panel .nav-tabs{ border-bottom: none; margin-bottom: 60px;}
.about-panel .nav-tabs .nav-link {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  width: 150px;
  height: 150px;
  border-radius: 50%;
}
.about-panel .nav-justified .nav-item{flex-grow: inherit;flex-basis: auto; }

.bord {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}


hr {
  height: 1px;
  width: 100%;
  border: 0;
  display: block;
  background: #eee;
}

.res-menu .dropdown{ outline: 0; } 
.res-menu .btn {
  background: none;
  color: #fff;
  font-size: 15px;
  outline: 0;
}

/*========new design css==========*/
.home-intro{ background: url(../images/form-bg.jpg) no-repeat; padding: 30px 0; background-position: center;}
.home-intro .logo-sec{ text-align: center; float: right; padding-top: 28%;}
.home-intro .logo-sec img{ width: 185px; }
.home-intro .logo-sec p {
  color: #808285;
  font-family: 'PTS55F';
  font-size: 24px;
  line-height: 30px;
}
.booking-form{    width: 55%; margin: 0 auto;}
.form-sec .form-group{ margin-bottom: 5px;}
.booking-form .form-heading{ margin-bottom: 14px;}
.booking-form .signpara {
  float: left;
  color: #000;
  font-family: 'PTS55F';
  font-weight: bold;
  font-size: 18px;
  margin: 0 0 0 50px;
  padding-top: 0;
  position: relative;
  left: 0;
  top: 49px;
}
.booking-form .busimg{ float: left; width: 54%; text-align: right;}
.booking-form .busimg img {
  width: 205px;
  margin-top: 11px;
}
.booking-form .time-green-bg{ background: #51b26f; padding: 12px 25px; position: relative;}
.booking-form .time-green-bg h3{ color: #eff8f2; margin: 0; font-family: 'PTS55F'; font-weight: normal; font-size: 16px;}
.booking-form .time-circle{ position: absolute; background: #e6e7e8; border-radius: 50%; 
      width:75px; height: 75px; padding: 6px; right: 44px; top: -15px;  text-align: center;}
.booking-form .form-sec{ margin-top: 25px;}
.booking-form .form-sec .form-control{ border-radius: 2px;  border:2px solid #a6a6a8; padding: 3px 10px; font-family: 'PTS55F';}
.booking-form .form-sec label{ color: #bcbec0; font-size: 11px; font-family: 'PTS55F'; }
.booking-form .form-sec .btn{ width: 100%; margin-top: 10px; background: url(../images/btn-bg.jpg) no-repeat; padding: 6px; color: #fff; 
  font-family: 'PTS55F'; font-size: 15px;}
.booking-form .form-sec .btn:hover{ background: #51b26f;}
.booking-form .form-control{ background: #e6e7e8;}
.booking-form .input-group-text {
  padding: 3px 12px;
  font-size: 13px;
  color: #bcbec0;
  background-color: #e6e7e8;
  border: 2px solid #a6a6a8;
  border-radius: 0;
}
.time-circle img{ width: 65px;}

.home-solution-sec {
  background: url(../images/solution-bg.jpg) no-repeat;
  padding: 60px 0;
  background-size:cover;
}
.solution-box {
  background: #fff;
  border-radius: 20px;
  width: 82%;
  margin: 0 auto;
}
.solution-box .solutionimg{ text-align: center; padding: 20px 20px;}
.solution-box .solutionimg img{ width:130px;}
.solution-box .solutionimg p{ font-family: 'PTS55F'; line-height:20px; color: #808285; font-size: 20px; margin: 6px 0 0 0;}
.solution-green-bg {
  background: url(../images/solution-green-bg.jpg) no-repeat #1596d0;
  padding: 18px 20px;
  border-radius: 0 0 20px 20px;
  position: relative;
  top: 6px;
}
.solution-green-bg p{ color: #fff; font-family: 'PTS55F';  font-size: 13px;
    line-height: 18px; margin-bottom: 10px;}
.solution-green-bg a{ color: #fff; font-size: 12px;}
.solution-green-bg a:hover{ text-decoration: underline;}
.solution-box .solutionimg .solutionpara {
  padding-top: 9px;
}

.calculator-video-sec img{ width: auto;}
.calculator-sec {
  text-align: center;
  padding:56px 10%;
  position: relative;
  left: 10%;
}
.calculator-sec h3{ color: #58595b; font-weight: normal; margin-bottom: 24px; font-size: 20px;}
.calculator-sec p{ margin-bottom: 0; font-size: 12px; text-align: center;}
.calculator-sec img{ margin-bottom: 30px; width: 170px;}
.video-sec{ background: url(../images/video-bg.jpg) no-repeat; background-size: cover; width: 100%; padding: 40px 0 0 24%;} 
.calculator-video-sec .p-remove{ padding-right: 0;}
.video-sec h3{ color: #fff; font-weight: normal; font-size: 20px; margin-bottom: 10px;}
.video-box{ margin-bottom: 18px;}
.video-box .video-list{ float: left;}
.video-box .video-title{ float: left; width: 57%;}
.video-box .video-title p {
  margin: 38px 0 0 18px;
  color: #fff;
  font-size: 14px;
  width: 45%;
  line-height: 26px;
}
.video-box .smallpara{ display: block; font-size: 14px; color: #fff; text-decoration: underline; margin-bottom: 12px;}
.video-box p{ font-size: 14px; color: #fff;  width: 42%; margin-bottom: 5px; line-height: 18px;}
.video-box .authorname{ font-size: 13px;}
.owl-carousel .owl-item .video-box img{ width: 180px;}
.top-footer{ background: #373435; padding: 25px 0;}
.top-footer img{ width: 170px; margin:0 0 20px 25px;}
.dark-gray-bg{ background: #201e1e; padding: 9px 30px;}
.dark-gray-bg p{ color: #fff; font-size: 14px; margin: 0;}
.social-footer-icon img {
  width: 35px;
  height: 35px;
  margin: 0 4px;
  border-radius: 50%;
  border: 1px solid #fff;
}
.social-footer-icon{ text-align: right;}
.emailicon {
  color: #d3d3d5;
  font-size: 24px;
  right: 100px;
  position: absolute;
  top: 23px;
}

.top-footer h3 {
  color: #fff;
  font-size: 24px;
  font-weight: normal;
  margin-bottom: 5px;
  padding-right: 14%;
}
.contact-details p{ color: #fff; font-size: 13px; margin: 0; font-family: 'PT-Sans-Caption'; }
.contact-details{ padding-top: 6%;}
.contact-details h3{ margin-bottom: 20px;}

.form-sec .form-control::placeholder {
  color: #000 !important;
}
.form-sec::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #fff !important;
}
.form-sec::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff !important;
}
.form-sec:-ms-input-placeholder {
  /* IE 10+ */
  color: #fff !important;
}
.form-sec:-moz-placeholder {
  /* Firefox 18- */
  color: #fff !important;
}
.conatact-details-box {
  position: relative;
  top: 35px;
}

.top-arrow {
  background: #ff0288;
  text-align: center;
  padding: 15px 0;
}
.top-arrow a {
  display: block;
  font-family: 'Raleway-Bold';
  color: #fff;
  font-size: 17px;
  margin: 0;
}

.top-arrow .fa{ color: #fff; font-size: 50px;}
.map{width: 100%; height: 400px;}
.map iframe{ width: 100%; height: 100%; border:none;}
.gallery-sec{ background: #f3f3f3;}

.container1{ max-width: 1920px; margin:0 auto;}
.container{ max-width: 1200px; margin: 0 auto;}
.colorpara{ font-size: 24px; color: #4a2d4b;}
.carousel-indicators .active {
  background-color: #51b26f;
}

.popup-model .modal-dialog {
  margin: 14% auto;
}

.popup-model .modal-content {
  padding: 20px;
  border: 6px solid #51b26f;
}

.popup-model .modal-body {
  padding: 0;
}

.popup-model .close {
  margin-top: 0;
  color: #fff;
  opacity: 10;
  font-size: 30px;
  background: #51b26f;
  top: -40px;
  position: relative;
  right: -37px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

.popup-model .close:hover {
  outline: none;
}

.checkicon {
  color: green;
}

.checkicon .fa {
  font-size: 35px;
}

.popup-model .modal-body p {
  margin: 0;
  font-size: 18px;
  text-align: center;
}
.nav-scroll img{ width: 56%; }

.logo-box img{ width: 200px;}

.explorepara {
  position: relative;
  top: -35px;
  left: 30px;
  color: #fff;
  font-size: 18px;
}

.header-sec{ padding: 10px 0;}
/*========sidebar nav=========*/
.headermenu{ float: right; }
.sidebar {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 999;
  top: 0;
  right: 0;
  background-image: linear-gradient(rgba(116, 197, 128, 0.8), rgba(39, 134, 140, 0.8), 
  rgba(24, 122, 167, 0.8), rgba(15, 120, 168, 0.8));
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 15px;
  overflow: hidden;
}

.sidebar a {
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidebar a:hover {
  color: #f1f1f1;
}

.sidebar .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 65px;
  margin-left: 50px;
  color: #e8e8e8;
}

.openbtn {
  font-size: 20px;
  cursor: pointer; background: none;
  color: #d2d3d5;
  padding: 10px 15px;
  border: none;
  margin-top: 15px;
}

.openbtn .fa {
  font-size: 30px;
}

.openbtn:hover {
  color: #1495d2;
}

#main {
  transition: margin-right .5s;
  padding: 0;
  text-align: right;
  margin-left: 53px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidebar {
    padding-top: 15px;
  }

  .sidebar a {
    font-size: 18px;
  }
}

.sidebar-menu ul{ position: relative; top: 40px; margin: 0 28px; list-style: none;}
.sidebar-menu li{border-bottom: 2px solid #006161; }
.sidebar-menu li:last-child{ border-bottom: none;}
.sidebar-menu li:hover{  color: #fff; border-bottom: 2px solid #fff;}
.sidebar-menu li.active{ color: #fff; border-bottom: 2px solid #fff;}
.sidebar-menu li a {
  display: block;
  font-size: 16px;
  padding: 17px 15px;
  color: #fff;
  text-transform: uppercase;
  font-family: 'PTS55F';
}
.sidebar-menu li .aboutmenu{ text-transform: capitalize;}
.sidebar-menu li a:hover{ text-decoration: none;}
.closebtn img{ width: 20px;}
.sidebar-menu .explorebtn{ color: #fff; font-size: 16px; padding: 22px 0 0 40px;}
.sidebar-menu .explorebtn:hover{ color: #fff;}
.sidebar-menu .bordernone{ border-bottom: none;}
button:focus{ outline: 0;}

.footer-logo-sec {
  position: relative;
  top: 33%;
}

.home-slider video{ width: 100%; height: 563px;}
.home-slider .embed-responsive video{ position: relative;}

.solution-bg{ background: url(../images/solution-page-bg.jpg) no-repeat; background-size: cover;} 
.solution-bg h2{ color: #fff; font-family: 'PT-Sans-Caption'; font-weight: normal; padding: 6% 16%;}
.inner-page-banner h2{ font-size: 32px;}
.ev-charging-station-bg{ background: #e7e8e9; padding:8% 0; }
.ev-charging-station-bg img{ width: 195px; margin-bottom: 20px;}
.ev-charging-station-bg h3{ color: #58595b; font-family: 'PT-Sans-Caption'; font-size: 24px; font-weight: normal;}
.center-box{ text-align: center; padding-top: 22%;}
.ev-charging-station-para{ border-bottom: 1px solid #a9abae; margin:15px 0;}
.ev-charging-station-para p{ font-family: 'PT-Sans-Caption'; line-height: 26px; font-size: 16px; color: #58595b; margin-bottom: 8px;}
.ev-charging-station-para .greenpara{ color: #47b069;  font-weight: bold;}
.ev-charging-station-para .boldfont{ font-family: 'PT-Sans-Caption-Bold'; }
.ev-charging-station-para ul{ list-style: none;}
.ev-charging-station-para li {
  float: left;
  border-right: 2px solid #58595b;
  color: #58595b;
  font-family: 'PT-Sans-Caption'; font-size: 17px; padding: 0 23px;
}
.ev-charging-station-para li:last-child{ border-right: none;}
.ev-charging-station-para .p-remove { padding-left: 0;}
.ev-charging-station-para-box .remover-border{ border-bottom: none;}
.station-bg-sec{ position: relative; }
.station-bg-sec .evbtn { position: absolute;
  display: inline-block;
  background: #08bdd8;
  border-radius: 30px;
  color: #fff;
  font-family: 'PT-Sans-Caption-Bold';
  top: 5%;
  left: 40%;
  padding: 13px 20px;
  font-size: 23px;
}
.station-bg-sec .evbtn:hover{ background: #51b26f;}
.ev-fleet-sec{ padding: 5% 0;}
.ev-fleet-sec ul{ list-style: none;}
.ev-fleet-sec li {
  float: none;
  border: none;
  padding: 0;
  background: url(../images/bullet.png) no-repeat 0 7px;
  padding: 0 0 0 16px;
  font-family: 'PT-Sans-Caption';
  font-size: 16px;
}
.focused-market-sec{ padding: 6% 0;}
.focused-market-sec h3 {
  font-family: 'PT-Sans-Caption-Bold';
  border-bottom: 2px solid #231f20;
  margin-bottom: 45px;
  font-size: 18px;
  text-align: center;
  color: #231f20; display: inline;
}
.focused-market-icon{ text-align: center;}
.focused-market-icon img{ width: 170px; margin-bottom: 17px;}
.focused-market-icon p {
  font-family: 'PT-Sans-Caption';
  color: #58595b;
  font-size: 15px;
  width: 70%;
  margin: 0 auto;
  line-height: 20px;
}
.focused-market-icon{ width: 90%; margin: 0 auto;}
.focused-heading{ text-align: center; margin-bottom: 40px;}

.integrated-solutions-para{ text-align: center; margin-top: 65px;}
.integrated-solutions-para p {
  color: #231f20;
  font-size: 17px;
  font-family: 'PT-Sans-Caption-Bold'; border-bottom:2px solid #231f20; display: inline; 
}
.integrated-solutions-para ul{ list-style: none; margin-top: 15px;}
.integrated-solutions-para li {
  display: inline-block;
  background: url(../images/bullet.png) no-repeat 0 7px;
  color: #58595b;
  font-size: 17px;
  padding: 0 12px;
  font-family: 'PT-Sans-Caption';
}
.integrated-solutions-para img{ width: auto;}

.about-bg{ background: url(../images/about-us-banner.jpg) no-repeat; background-size: cover;}
.about-page h3{ font-family: 'PT-Sans-Caption'; margin-bottom: 20px; color: #fff; font-size: 20px; font-weight: normal; text-transform: uppercase;}
.overview-sec{ background: #231f20; padding: 3% 0;}
.overview-sec p{  font-family: 'PT-Sans-Caption'; margin-bottom: 0; color: #fff; font-size: 15px;}
.overview-width{ width: 80%;}
.overview-ul-box{ margin-top: 15px;}
.overview-ul-box .borderline{border-bottom: 2px solid #fff; width: 66%; margin-bottom: 20px; }
.overview-ul-box p{ color: #47b069; margin-bottom: 15px; padding-left: 15px; font-size: 15px;  font-family: 'PT-Sans-Caption'; border-bottom: 2px solid #fff;} 
.overview-ul-box ul{ list-style: disc; padding-left: 15px;}
.overview-ul-box li{ font-family: 'PT-Sans-Caption'; color: #fff; font-size: 15px; padding: 3px 0; }
.overview-ul-box .p-r{ padding-right: 0;}
.overview-ul-box .p-l{ padding-left: 0;}

.leadership-sec{ padding: 3% 0; }
.leadership-sec h3{ color: #231f20;}
.team-info .teamimg{ text-align: center;}
.team-info .teamimg img{  width: 150px; margin-bottom: 20px;}
.team-info h4{font-family: 'PT-Sans-Caption'; margin-bottom: 20px; color: #231f20; font-weight: 600; font-size: 16px; text-align: center; }
.team-info p{font-family: 'PT-Sans-Caption'; height: 200px; color: #231f20; font-size: 14px; text-align: justify;  font-weight: 600;}
.team-info .linkdinbtn {
  background: #289acf;
  width: 35px;
  height: 35px;
  color: #fff;
  border-radius: 50%;
  padding: 8px 0;
  font-size: 18px;
  text-align: center;
}
.team-info .linkdinbtn:hover{ background: #47b069;}

.purpose-sec{ background: #414042; padding: 3% 0;}
.purpose-sec h3{ padding-top: 5%;}
.purpose-img{ text-align: center;}
.purpose-sec img{ width: 300px;}
.purpose-sec p{ font-family: 'PT-Sans-Caption'; color: #fff; font-size: 15px;}

.partner-sec{background: #808285; padding: 3% 0; }
.partner-sec ul{ padding-left: 15px;}
.partner-sec li{ color: #fff; font-family: 'PT-Sans-Caption'; font-size: 15px; padding:7px 0;}

.footer-padding{ padding: 0; position: relative; top: 40px;} 

.sidebar-menu .btn {
  background: none;
  border: none;
  font-size: 16px;
  padding: 17px 15px;
  border-bottom: none;
  color: #fff;
  text-transform: uppercase;
  font-family: 'PTS55F';
  width: 100%;
  text-align: left;
}
.btn:focus{ box-shadow: none;}
.sidebar-menu .dropdown-menu{  width: 100%;}
.sidebar-menu .dropdown-menu a {
  display: block;
  color: #333;
  text-transform: uppercase;
  font-family: 'PTS55F';
  font-size: 15px;
  border: 1px solid #f1efef;
  padding: 7px 14px;
  font-weight: normal;
}

.sidebar-menu .dropdown-menu a:hover{
  background: #51b26f; color: #fff;
}
.sidebar-menu .dropdown-item.active,
.dropdown-item:active {
  background: #51b26f;
  color: #fff;
}

.form-sec .fomr-p-r{ padding: 0 5px 0 15px;}
.form-sec .fomr-p-l{ padding: 0 15px 0 5px;}
.form-sec .p-right{ padding-right: 5px;}
.form-sec .p-left{ padding-left: 5px;}


/*============media query============*/
@media screen and (max-width :1245px) {
.home-slider .carousel-inner { height: 550px;}
.home-slider .slider-info{     top: 64%;}
}

@media screen and (max-width :1366px) {
.container1{ width: 100%;}
.container{ width: 100%;}
}

@media screen and (max-width :1199px) {
.home-slider .carousel-caption { left: 0; right: 0;}
.home-slider .carousel-caption h2{ font-size: 22px;}
.conatact-details-box{ top: 0;}
.emailicon{ right: 18%; }
#sidebar-wrapper{left: 110px; }
.sidebar-nav{ bottom: 75px; }
.explorepara{ top: -10px;}
.booking-form { width: 70%;}
.section-padding{ padding: 0;}
.home-intro{ padding: 20px 0;}
.booking-form .busimg{width: 53%;}
.solution-green-bg p{ font-size: 14px;}
.home-solution-sec{ padding: 60px 0;}
.video-sec{ background: #949599; padding: 40px 13%;}
.video-box .video-list{ width: 40%;}
.video-box .video-list img{ width: 100% !important;}
.video-box .video-title{ width: 60%;}
.calculator-video-sec .p-remove { padding: 0;}
.solution-green-bg{ height: 124px;}
.calculator-sec{ left: 0;}
.solution-box .solutionimg img {
  width: 120px;
}
.home-slider .carousel-inner {
      height: 460px;
}
.focused-market-icon img{ width: 100%;}
.overview-width { width: 100%;}
.overview-sec{ padding:20px;}
.footer-padding { padding: 0 15px; top: 20px;}
.team-info p{ height: 265px;}
.home-slider .slider-info { top: 55%;}
.home-slider .carousel-caption p{ font-size: 15px; width: 75%;}
.top-footer h3{ font-size: 22px;}
.focused-market-icon p{ width: 100%;}
.ev-charging-station-bg{ padding:3% 0; }
}

@media screen and (max-width :1134px) {
.booking-form .signpara{  margin: 0 0 0 40px;}
}

@media screen and (max-width :1093px) {
.booking-form .signpara {
  margin: 0 0 0 0;
  left: 0;
  top: 36px;
}
.booking-form .busimg {width: 50%;}
.booking-form .busimg img{ margin-top: 0;}
}

@media screen and (max-width :991px) {
.navbar .icon-bar {color: #000;}
.navbar .navbar-nav .nav-link{ color: #fff; font-size: 15px;}
.top-header{ text-align: center;}
.logo {padding: 0 15px;}
.butn {padding: 8px 20px;}
.res-menu{ display: block;}
.menudropdown{ display: none;}
.navbar .logo img{ width: 80px;}
.home-slider .carousel-caption p{ font-size: 15px;}
.home-intro .col-sm-6{ max-width: 100%; flex: 0 0 auto;}
footer .col-md-6{ flex: 0 0 auto; max-width: 100%;}
footer p{ text-align: center;}
footer .right-para { text-align: center;}
.nav-scroll{ padding: 6px 0;}
.emailicon { right: 16%;}
.booking-form .signpara{ margin: 0; }
.social-footer-icon { text-align: left;}
.calculator-sec{ padding: 40px; width: 100%;}
.calculator-sec p{ font-size: 15px;}
.video-box .video-list{ width: auto; float: none;}
.video-box .video-title{ width: auto; float: none;}
.video-box .video-list img{ width: auto !important;}
.video-box .video-title p{ width: 100%; margin: 20px 0 0 0;}
.video-box{ text-align: center;}
.video-box p{ width: auto;}
.owl-nav{ text-align: center; padding-top: 10px;}
.video-sec h3{ text-align: center;  margin-bottom: 30px;}
.home-intro .logo-sec{ padding: 28% 0 0 0;}
.home-intro{ background-position: initial; background-size: cover;}
.booking-form{ margin: 0 auto;}
.home-solution-sec { padding: 60px 40px;}
.home-solution-sec .col-md-4{ max-width: 50%; flex: 0 auto;}
.solution-green-bg p{ font-size: 16px;}
.home-solution-sec{ background-size:cover;}
.solution-green-bg { height: auto;}
.hamburger{ right: 15px;}
.home-intro .logo-sec p{ margin-bottom: 40px;}
.solution-box{ margin-bottom: 20px;     width: 74%;}
.contact-details .col-md-5{ max-width: 100%; flex: 0 auto;}
.contact-details .col-md-7{ max-width: 100%; flex: 0 auto;}
.calculator-video-sec .col-md-5{ max-width: 100%; flex: 0 auto;}
.calculator-video-sec .col-md-7{ max-width: 100%; flex: 0 auto;}
#sidebar-wrapper { left: 0;}
.footer-logo-sec{ top: 0;}
.home-slider .slider-info{ top: 48%;}
.ev-charging-station-bg img { width: 100%;}
.station-bg-sec a{ font-size: 18px; left: 38%;}
.footer-padding {top: 0px;}
.team-info .col-md-3{ max-width: 50%; flex: 0 auto; margin-bottom: 40px;}
.team-info p { height: auto;}
.booking-form { width: 80%;}
.header-sec { padding: 5px 0;}
.purpose-sec img { width: 265px;}
.integrated-solutions img{ width: 100%;} 
.station-bg-sec .evbtn{ left: 35%; font-size: 18px;} 
.ev-charging-station-bg h3 { font-size: 22px;}
.home-slider .carousel-inner {
  height: auto;}
}

@media screen and (max-width :932px) {
.solution-green-bg p { font-size: 15px;}
.home-slider .carousel-caption p{ width: 75%;}
}

@media screen and (max-width :890px) {
.solution-green-bg p { font-size: 16px;}
.solution-green-bg{ top: 0;} 
.solution-box { width: 87%;}
}

@media screen and (max-width :855px) {
.booking-form .time-circle{ right: 20px;}
.home-slider .carousel-caption p{ width:100%;}
.home-slider .slider-info { top: 52%;}
.home-intro .logo-sec { padding: 47% 0 0 0;}
}

@media screen and (max-width :844px) {
.dark-gray-bg{ margin-bottom: 20px;} 
.top-footer h3{  padding-right: 0;}
}

@media screen and (max-width :810px) {
.home-intro .col-md-5{ max-width: 100%; flex: 0 auto;}
.home-intro .col-md-7{ max-width: 100%; flex: 0 auto;}
.home-intro .logo-sec { padding: 55% 0 0 0;}
.booking-form .busimg { width: 36%;}
.form-sec .fomr-p-l { padding: 0 15px;}
.form-sec .fomr-p-r { padding: 0 15px;}
.form-sec .p-right { padding: 0 15px;}
.form-sec .p-left { padding: 0 15px;}
.home-slider .slider-info { top: 46%;}
}

@media screen and (max-width :767px) {
.container{ max-width: 100%;}
.navbar-toggler{ margin-right: 20px;}
footer p{  text-align: center;}
footer .right-para {text-align: center; margin-top: 10px;}
.nav-scroll{ margin-top: 0;}
.d-none {display: block !important;}
.home-slider .butn{ padding: 6px 8px; font-size: 14px;}
.home-slider .carousel-caption p{     margin: 8px 0 0 0;}
.home-slider h2{ line-height: 20px;}
.navbar .navbar-collapse{ margin-top: 8px;}
.contact-details{ margin-bottom: 20px;}
.header-contact-details { text-align: center;}
.footer-menu li{ padding: 8px 13px;}
.contact-form{ padding: 15px;}
#sidebar-wrapper{ left: 0;margin-left: 0;}
.home-slider .slider-info{     padding: 20px;}
.home-slider .carousel-caption p{ width: 100%;  line-height: 20px; font-size: 14px;}
.home-intro .logo-sec { padding: 4% 0 0 0; float: none;}
.calculator-sec { padding:30px 20px;}
.calculator-sec img { margin-bottom: 25px;}
.explorepara { top: -25px;}
.header-sec .col-md-4{  max-width: 30%; flex: 0 auto;}
.header-sec .col-md-8{  max-width: 70%; flex: 0 auto;}
.emailicon { right: 24%;}
.ev-charging-station-bg img { width:200px;}
.ev-charging-station-bg{ padding: 6% 0;}
.ev-charging-station-bg h3{ margin-bottom: 15px;} 
.station-bg-sec .evbtn{padding: 10px 15px; font-size: 18px; }
.focused-market-icon img{ width: auto;}
.focused-market-icon p{ margin: 0 auto 20px auto;}
.solution-bg h2{ text-align: center;}
.purpose-sec{ padding: 6% 0;}
.leadership-sec{ padding: 6% 0;} 
.overview-ul-box .p-l { padding-left: 15px;}
.overview-ul-box .p-r { padding-right: 15px;}
.overview-sec { padding: 20px 0;}
.overview-ul-box .borderline{ width: 100%;}
.overview-ul-box li{ font-size: 14px;}
.overview-sec p{ font-size: 14px;}
.purpose-sec p{font-size: 14px;}
.partner-sec li{ font-size: 14px;}
.ev-charging-station-para p{font-size:14px; }
.ev-charging-station-para li{font-size:14px; }
.integrated-solutions-para li{font-size:14px; }
.solution-box { width: 100%;}
.booking-form .form-sec label{ font-size: 13px;}
.center-box{ padding-top: 0;}
}

@media screen and (max-width :730px) {
.home-slider .slider-info { top: 45%;}
}

@media screen and (max-width :725px) {
.navbar .navbar-collapse{margin-top:15px;}
}

@media screen and (max-width :708px) {
.home-solution-sec .col-md-4 { max-width: 100%;}
.solution-box { margin: 20px auto; width: 65%;}
}

@media screen and (max-width :700px) {
.booking-form .signpara{ top: 35px; position: relative; padding: 0;}
.booking-form .time-green-bg{ margin-top: 30px;}
.booking-form .busimg { width: 40%;}
.home-slider .slider-info { top: 40%;}
.home-slider .carousel-caption p{ width: 100%;}
}

@media screen and (max-width :667px) {
.home-slider .carousel-caption p {font-size: 14px; line-height: 20px; margin-top: 8px;}
.partner-sec .col-sm-4{ max-width: 100%; flex: 0 auto;}
.partner-sec ul{ margin: 0;}
.partner-sec li{ padding: 4px 0; }
}

@media screen and (max-width :650px) {
.nav-scroll{ margin-top: 0;}
.station-bg-sec .evbtn{ left: 32%;}
.home-slider .slider-info{ top: 30%;}
}

@media screen and (max-width :600px) {
.nav-scroll{ margin-top: 0;}
.hostel-bg{ padding: 60px 0;}
.home-slider .carousel-caption h2{ margin-bottom: 15px;}
.home-slider .slider-info { top: 30%;}
.home-slider .carousel-caption p { font-size: 14px;}
.about-page h3{ font-size: 20px;}
}

@media screen and (max-width :590px) {
.home-slider .slider-info { top: 25%;}
}

@media screen and (max-width :575px) {
.home-slider .carousel-caption h2 {font-size: 20px;}
.logo-box img { width: 160px;}
.hamburger{ top: 30px;}
}

@media screen and (max-width :550px) {
.nav-scroll{ margin-top: 0;}
.home-slider img {height: 265px;}
.home-slider h2 {font-size: 20px;}
.solution-box{ width: 100%;}
.emailicon { right: 35%;}
.team-info .col-md-3{ max-width: 100%; flex: 0 auto; margin:0 0 20px 0;}
.team-info a{ display: block; text-align: center;}
.home-slider .slider-info { top: 22%; padding: 15px;}
.home-slider .carousel-caption h2 { font-size: 18px;}
.booking-form .time-circle{ width: 65px; height: 65px; top: -10px;}
.time-circle img{ width: 100%;}
}

@media screen and (max-width :546px) {
.booking-form .busimg { width: 50%;}
.station-bg-sec .evbtn{ font-size: 14px;}
.home-intro .logo-sec p{ font-size: 20px;}
}

@media screen and (max-width :522px) {
.home-slider .slider-info { top: 22%;}
}

@media screen and (max-width :500px){
.caption{ padding: 20px;}
.home-slider .carousel-caption p{ width: 100%; font-size: 13px;}
.booking-form { width: 100%;}
.booking-form .time-circle{ right: 8px; top: -10px;}
.time-circle img{ width: 100%;}
.booking-form .time-circle { width: 65px; height: 65px; top: -10px;}
.home-slider .slider-info { top: 16%;}
}

@media screen and (max-width :484px) {
.station-bg-sec .evbtn{ top: 3%; padding: 7px 12px;}
}

@media screen and (max-width :461px) {
.home-slider .carousel-caption p{ line-height: 15px;}
.home-slider .carousel-caption h2 { font-size: 18px; margin-bottom: 5px;}
}

@media screen and (max-width :450px) {
.booking-form .signpara { top: 29px; }
.ev-charging-station-para li{ padding: 0 12px;}
.booking-form .time-green-bg { margin-top: 15px;}
.home-slider .carousel-caption h2 { font-size: 16px;}
}

@media screen and (max-width :430px) {
.booking-form .busimg img{ width: 100%;}
.time-circle img { width: 100%;}
}

@media screen and (max-width :414px) {
.booking-form .time-green-bg{padding:10px;}
.home-solution-sec { padding: 30px 20px;}
.emailicon { right:40%;}
.home-slider .carousel-caption{ padding: 0 0;}
.sidebar-nav { bottom: 160px;}
.purpose-sec img { width: 100%;}
.home-slider .slider-info{ padding: 10px;}
.booking-form .time-circle { width: 65px; height: 65px; top: -14px;}
.home-slider .slider-info { top: 10%;}
}

@media screen and (max-width :400px) {
.booking-form .time-green-bg{padding:10px; }
.booking-form .time-green-bg h3 { font-size: 16px;}
.booking-form .signpara { top: 23px;}
.home-intro .logo-sec p { line-height: 32px;}
}

@media screen and (max-width :375px) {
.sidebar-nav { bottom: 115px;}
.home-slider .carousel-caption p { font-size: 12px; line-height: 14px;}
.booking-form .time-circle { width: 60px; height: 60px; top: -11px;}
}

@media screen and (max-width :360px) {
.sidebar-nav { bottom: 150px;}
}

@media screen and (max-width :320px) {
.home-slider img { height: 198px;}
.home-intro .logo-sec img { width: 100%;}
.booking-form .signpara{ font-size: 18px;}
.booking-form .time-circle { width: 60px; height: 60px; top: -12px;}
.booking-form .time-green-bg h3 { font-size: 14px;}
.home-slider .carousel-caption h2{ margin-bottom: 6px;} 
.home-slider .carousel-caption p{ line-height: 14px; font-size: 12px;}
.home-slider .slider-info { top: 8%;}
.ev-charging-station-bg img { width: 100%;}
.solution-bg h2{ font-size: 30px;}
.focused-market-icon img { width: 100%; }
}