@media (min-width:993px) {
   .km-milestones-sec .carousel-item img  {
      height: 100%;
      object-fit: fill;
   }
}

@media (max-width:1400px) {
   .km-as-sec-3 {     
      background-size: 400px;
  }
  .km-as-sec-3:before {   
    right: 340px;
  }
}
@media (max-width:1200px) {
   .km-as-sec-1 { 
      background-size: 350px;
   }
   .km-as-sec-2, .km-as-sec-3 {     
      background-size: 330px;
  }
  .km-home-slider-sec .km-home-slider-wraper {
      max-width: 480px;
  }
  .km-home-slider-sec .km-home-slider-wraper h1 {
      font-size: 60px;
      line-height: 1.3;
      font-weight: 400;
      margin-top: 0;
      margin-bottom: 25px;
  }
  .km-milestones-sec .km-milestones-content div {
      max-width: 400px
  } 


}

@media (max-width:992px) {
   .km-mobile-toggle {
      height: 40px;
      margin: 25px 30px 0 0;
   }
   .km-mobile-toggle span {
      background-color: #333;
      height: 2px;
      width: 28px;
      margin-bottom: 6px;
      display: block;
      border-radius: 3px;
      transition: 0.4s;
   }
   .km-mt-1 {

   }
   .km-mt-2 {

   }
   .km-mt-3 {

   }
   .km-home-slider-sec:before,
  .km-as-sec-2:before, .km-as-sec-3:before, 
  .km-as-sec-2:after, .km-as-sec-2:after {
      display: none;
  }
  .km-home-slider-sec .km-home-slider-wraper h1,
  .km-home-slider-sec .km-home-slider-wraper p {
     color: #232323;
  }
.km-technological-box {
      display:none;
}
   
.km-home-slider-sec .km-home-slider-wraper {
   max-width: 480px;
   padding-left: 10px;
   padding-right: 10px;
}
.km-header-main .container {
   padding: 0 20px;
}
.km-as-sec-1, .km-as-sec-2, .km-as-sec-3 {
   background-image: none;
}
.km-as-sec-1, .km-as-sec-2, .km-as-sec-3 {
   height: auto;
}
.km-about-full-img {
   margin-bottom:30px;
   width: 100%;
   max-width: 575px !important;
   border-radius: 8px;
}
.km-as-sec-2 {
   margin:0;
}
.km-aboutus-sec{
   padding: 15px 15px;
}
.km-aboutus-sec.km-as-sec-1 {
   margin-top:0px;
}
.km-header-main .km-header-nav {
   display: none;
}
.km-header-main .km-header-nav {
   position: absolute;
   background: #fff;
   right: 0;
   top: 75px;
   border-radius: 30px;
   padding: 20px 10px;
   border-top: 1px solid #ccc;
}
.km-header-main .km-header-nav li a {
   font-size: 18px;
   padding: 15px 10px;
   height: auto;
   line-height: 1.5;
   margin-right: 0;
   border-bottom: none;
}
.km-header-main .km-header-nav li.active a, 
.km-header-main .km-header-nav li a:hover {
   border-bottom: none;
   color: #dc1f28;
}
.km-nav-active .km-mobile-toggle span.km-mt-1  {
   transform: rotate(45deg);
   margin-top: 9px;
}
.km-nav-active .km-mobile-toggle span.km-mt-2  {
   opacity: 0;
}
.km-nav-active .km-mobile-toggle span.km-mt-3  {
   transform: rotate(-45deg);
   margin-top: -16px;
}
.km-technological-box-m {
   margin-top: 40px;
}
.km-technological-box-m .km-technological-box-m-1,
.km-technological-box-m .km-technological-box-m-2 {
   /* border-right: 1px solid #ccc;
   border-bottom: 1px solid #ccc; */
   display: flex;
   justify-content: space-around;
   margin-top: 30px;
}
.km-technological-box-m .km-technological-box-m-2 {
   margin-top: 0;
}
.km-technological-box-m .km-technological-label-m {
   width: 100%;   
}
.km-technological-box-m .km-technological-label-1-m { 
   border-bottom: 1px solid #ccc;
   margin-bottom: 80px;
}
.km-technological-box-m .km-technological-label-2-m {
    padding-top:80px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.km-technological-box-m .km-technological-label-3-m {
   padding-top: 20px;
   border-bottom: 1px solid #ccc;
   margin-bottom: 60px;
}
.km-technological-box-m .km-technological-label-4-m {
   padding-top:80px;
   border-left: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   position: relative;
}
.km-technological-sec {
   padding: 35px 0 100px;
}
.km-technological-box-m .km-technological-label-4-m:before {
   content: "";
   position: absolute;
   left: -1px;
   bottom: -60px;
   width: 1px;
   height: 60px;
   background-color: #ccc;
}


.km-technological-box-m .km-technological-label-m img {
   display: block;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 10px;
}
.km-technological-box-m .km-technological-label-m span {
   display: block;
   font-weight: 500;
   font-family: "Montserrat", serif;
   text-align: center;
   margin-bottom: 15px;
   padding: 0 10px;
}



}

@media (max-width:768px) {
   .km-home-slider-sec .km-home-slider-wraper h1 {
      font-size: 32px;      
      margin-bottom: 25px;
  }
  .km-home-slider-sec {
   min-height: 800px;
   align-items: flex-start;
   background-position-y: bottom;
   background-position-x: center;
   padding-top: 130px;
   background-image: url(../images/km-home-slider-bg-2.jpg);
   background-size: contain;
}
.km-header-main .km-header-wrap .km-header-content {
   max-height: 60px;
}
.km-header-main .km-header-logo a img {
   max-width: 130px;
}
.km-header-main .km-header-logo {
   padding: 5px 15px 5px 25px;
   margin-right: 0;
}
.km-mobile-toggle {
   height: 40px;
   margin: 20px 30px 0 0;
}
.km-aboutus-wraper p {
   font-size: 13px;
}
.km-legacy-sec .container {
   display: flex;
   flex-direction: column;
}
.km-legacy-arrow {
   position: relative;  
   order: 3;
   display: flex;
   margin-top: 10px;
   margin-left: auto;
   margin-right: auto;
}
.km-footer .km-footer-widget .km-footer-social {
   margin-bottom: 50px;
}
.km-footer-widget-logo {
   text-align: center;
   display: flex;
   justify-content: center;
   flex-direction: column;
   align-items: center;
}
.km-footer-widget-menu, 
.km-footer-widget-mobile {
   margin-bottom: 50px;
   padding-left: 40px;
   padding-right: 30px;
}
.km-footer-widget-address {
   padding-left: 40px;
   padding-right: 30px;
}
.km-footer {
   padding: 50px 0px 0 0px;
}
.km-footer .km-footer-copy {
   margin-top:50px;
}
.km-milestones-sec .km-milestones-content {
     background-color: transparent;
} 
.km-milestones-sec .km-milestones-content div {
   max-width: 507px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 20px;
   margin-bottom: 5px;
   max-width:100%;
   padding: 30px 20px 20px 20px;
}
.km-milestones-sec .km-milestones-content p {
   font-size: 14px;
   letter-spacing: 0.5px;
}
.km-milestones-sec .km-milestones-content h3 {
   font-size: 18px;
   margin-bottom: 20px;
}
.km-title-2 {
   font-size: 28px;
}  
.km-aboutus-wraper h4 {
   font-size: 14px;
   letter-spacing: 0;
   margin-bottom: 5px;
}
.km-legacy-sec .km-title-2 {
   text-align: center;
   padding-bottom: 15px;
}
.km-legacy-slider .km-legacy-item {
   padding: 20px;
}
.km-legacy-slider .km-legacy-item .km-legacy-text {
   margin-bottom: 10px;
   font-size: 12px;
   padding-left: 20px;
   text-align: justify;
}
.km-legacy-slider .km-legacy-item .km-legacy-name {
   font-size: 22px;
}
.km-legacy-slider .km-legacy-item .km-legacy-dot {
   width: 16px;
   height: 16px;
}
.km-legacy-slider .km-legacy-item .km-legacy-year {  
   font-size: 16px;  
   height: 26px;
   width: 60px;
}
.km-legacy-sec {
   padding: 30px 15px 10px;
}
.km-legacy-arrow img {
   width: 40px;
   margin: 10px;
}
.owl-carousel .owl-item {
   padding-left: 5px;
   padding-right: 5px;
}
.km-legacy-slider .km-legacy-item .km-legacy-content {
   margin-left: -5px
}
.km-milestones-sec .carousel-indicators {
   display: none;
}
.km-milestones-sec {
   background: #232323;
   padding: 0px 15px 120px 15px;
}
.km-milestones-sec .km-title-2.text-center.mb-3 {
   display: none;
}
.km-milestones-sec .km-milestones-content {
    margin-left: -20px;
}
.km-milestones-sec .carousel-item img {
    border-radius:16px;
}
.km-milestones-sec .carousel-control-prev-icon, 
.km-milestones-sec .carousel-control-next-icon {
   width: 40px;
   height: 40px;
   background-size: 11px;
}
.km-milestones-sec .carousel-control-next, 
.km-milestones-sec .carousel-control-prev {
   position: absolute;
   top: auto;
   bottom: -75px;  
   display: flex;
}
.km-milestones-sec .carousel-control-next{
   align-items: self-end;
   justify-content: flex-start;
   padding-left: 10px;
} 
.km-milestones-sec .carousel-control-prev {
   align-items: self-end;
   justify-content: flex-end;
   padding-right: 10px;
}
.km-header-main .km-header-nav {
   top: 60px;
}   

.km-milestones-sec .carousel-control-next, 
.km-milestones-sec .carousel-control-prev {
   width:50%;
   opacity: 1;
}
.km-home-slider-sec .km-home-slider-wraper p {
   font-size: 13px;
}

}

@media (max-width:575px) {
   .km-about-full-img {
      margin-bottom:20px;
      width:100%;
      border-radius: 16px;
   }
   .km-footer-copy p {
      font-size: 12px;
   }
   .km-title-2 {
      font-size: 22px;
   } 
   .km-footer-widget-menu, .km-footer-widget-mobile,
   .km-footer-widget-address {
      padding-left: 25px;
      padding-right: 20px;
  }
  .km-footer .km-footer-copy {
   margin-top: 40px;
}


}