@media only screen and (max-width: 767.98px) {
    .menu-list {
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        background: #ffc3d9;
        color: black;
        z-index: 9999;
        width: 59%;
        /* height: 55vh; */
        border-radius: 0 12px 12px 0;
    }
}

@media (max-width: 767px){
    .work-right-side{
        height: 340px;
    }
    #slider-image{
        /* height: 340px; */    
        height: auto;
        object-fit: contain;
    }
    
        .Wrnt {
            width: 100% !important;
            height: 180px !important;
            object-fit: cover;
        }
        .read-our
        {
            flex-flow: row-reverse;
            display: flex !important;
            flex-direction: column;
            flex-direction: column-reverse;
        }
.font-md-12{
    font-size: 12px !important;
}
.logo{
    width: 96px !important;
}
    .wh-70-27 {
        width: 147px !important;
        height: 58px !important;
    }
    .hero-child {
        width: 100% !important;
    }
    .apl-google{
        display: flex;
        /* justify-content: center; */
        align-items: center;
        padding-top: 20px;
    }
    .tasktypechild{
        width: 100%
    } 
    .fw-bold{
        font-weight: 800 !important;
    }
    h2,h3,h4{
        font-size: 20px !important;
    }
    .font-resp{
        font-size: 16px !important;
    }
    .padding-top-130{
    padding-top: 60px !important;
    }
.hero-section{
    background-image:unset;

}
.hero-section-md{
    background-image: url(../image/heroimage.png);
    background-size: cover;

}
p{
    font-size: 14px !important;
}

      .howitwork,
      .your-vessel-manage,
      .management-specified,
      .tasktype-section{
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    }

    .manage-mob-height{
        height: 250px !important;
        object-fit: contain;
    }
h2{
    font-size: 32px;
}
    .howitwork img,
    .custom-slide{
        height: 200px !important;
    }
    .font-13{
        font-size: 14px !important;
    }

    .margin-314{
    margin-top: -211px !important;
}
.tasktypechild h5{
    font-size: 13px !important;
}
.tasktypechild p{
    font-size: 12px !important;
}
.tasktypechild img{
    width: 20px;
    height: 20px;
}
.manage-maintenace-refit{
    width: 24px;
    height: 24px;
}
.apl-google img{
width: 130px !important;
margin-top: 40px;
}
.service-2 {
    background-color: #286393;
    height: 300px !important;
}
}

@media (max-width: 992px){
  .padding-left-right{
    padding: 0px 20px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px){
  .hero-child{
    width: 100% !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px){
     .margin-314{
        margin-top: -272px !important;
     }
}

@media (min-width: 1024px) and (max-width: 2100px){
     .annual-2{
    height: 895px !important;
    object-fit: contain;
}
}

@media (min-width: 1300px) and (max-width: 2100px){
    .padding-top-130 {
    padding-top: 360px !important;
}
}


@media (min-width:768px){
    .text-md-white{
        color: #fff !important;
    }
}




@media (max-width: 389px){
      .equip-imgs {
        width: 120px !important;
        height: 40px !important;
      }
}

 @media (max-width:570px){
    .hero-section{
        /* background-size: unset !important; */
        
    }
  
    .eqipment-section {
         background-size: unset !important; 
    }h2,h3,h4{
        font-size: 17px !important;
    }

    h6{
        font-size: 16px !important;
    }
 }