.l-header {
  position: sticky !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 1000 !important;
}

.main-feature.feature1 {
  background-color: #000;
  padding-bottom: 30px;
}

.main-feature.feature1 .main-text{
  margin-top:-15px;
}

.main-feature.feature1 .main-text p{
  margin-top:0px;
}

.main-feature.feature2 .main-text p{
  margin-top:-10px;
}

.main-feature.feature2 .main-text h2{
  margin:10px 0;
}

.main-feature.feature2 .main-text .btn-link{
  margin:-10px 0;
}


.feature6 h2 {
  top: -3% !important; 
}

.three-feature {
  top:20% !important;
}

.three-feature div:nth-of-type(3) .pcshow{
  height:300px !important;
  width:400px !important;
  margin-top:20px;
}

.icon a{
  text-decoration:none;  
}

.icon a:hover{
  text-decoration:underline;  
}


@media screen and (min-width: 768px) {
.three-feature div:nth-of-type(1){
   margin-left:30px ; 
}
}

@media screen and (max-width: 768px) {

  * {
    overflow-x: clip;
    box-sizing: border-box;
  }
    
  .main-feature.feature5 .main-text{
    top: 63% !important;
  }
    .three-feature{
        top:6% !important;
    }
}

@media screen and (max-width: 390px) {
    .main-feature.feature5{
        display: block;
      height:550px !important;
      overflow: hidden !important;
    }
}

@media screen and (min-width: 1291px) {
  .main-feature.feature1 .main-text p{
    font-size: 0.75rem;
  }
  
  .main-feature.feature2 .main-text h2,
  .main-feature.feature3 .main-text h2{
    font-size:50px !important;
  }

    .main-feature.feature2 .main-text p,
   .main-feature.feature3 .main-text p{
    font-size:15px !important;
  }
  
  .feature6 h2 {
  top: -3% !important;
    font-size:40px !important;
}

    .feature6 p {
    font-size:15px !important;
}

  .three-feature div:nth-of-type(2) b{
  font-size:20px;   
  }

}