/* start responsive */
@media (max-width:1288px){
    .navbar ul {
        gap: 30px;
    }
    .about .image::before {
        left: -1%;
    }
    .service .tab-card img{
        width: 100%;
    }
    .about .image img{
        width: 100%;
    }
}
@media (min-width:1205px) and (max-width:1285px) {
   
}
@media (max-width:1199px){
  
}
@media (max-width:991px){
    .navbar .links,
    .navbar .info,
    .navbar .menu{
        display: none;
    }
    .landing .text h1 {
        font-size: 42px;
    }
    h2 {
        font-size: 32px;
    }
    .about .col-lg-4,
    .service .col-lg-6{
        margin-bottom: 25px;
    }
    .news .overlay {
        padding: 30px 30px 30px 30px;
    }
    .news .overlay h3 {
        font-size: 16px;
    }
    .news p {
        font-size: 12px;
    }
    .review .slick-next {
        right: 35%;
    }
    .contact .connect {
        justify-items: normal;
    }
    .footer .image p {
        margin-bottom: 50px;
    }

}
@media (max-width:767px){
    .landing .text h1 {
        font-size: 32px;
    }
    .landing .slick-slide img {
        height: 600px;
    }
    .about .links {
        margin-bottom: 50px;
    }
    .service .taps-project, .news .taps-project {
        padding: 10px;
    }
    .service .nav-pills .nav-link.active, .nav-pills .show>.nav-link, .news .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
        padding: 6px 6px;
        font-size: 14px;
    }
    h2 {
        font-size: 22px;
    }
    .news .col-lg-6{
        margin-bottom: 25px;
    }
    .contact .form {
        margin-bottom: 50px;
    }
    .contact .connect .info {
        margin-bottom: 20px;
    }
    .footer form p,
    .footer .image p,
    .copy-rightt p {
        font-size: 14px !important;
    }
    .buttoon {
        top: 53%;
    }
    .sec-abt .col-lg-6{
        margin-bottom: 30px;
    }
}
@media (max-width:554px){
   .footer .limit {
    width: 50%;
   }
   .landing .slick-slide img {
    height: 460px;
    }
   .landing .text h1 {
    font-size: 28px;
    }
    .landing .slick-next,
    .landing .slick-prev{
        display: none !important;
    }
    .navbar .nav-btn{
        display: none;
    }
    .about .abt-card p {
        font-size: 14px;
        max-width: 300px;
    }
    h2 {
        margin-bottom: 30px;
    }
    .service .taps-project, .news .taps-project {
        width: fit-content;
    }
    .more{
        margin-bottom: 30px;
        display: block !important;
    }
    .news .image{
        margin-bottom: 25px;
    }
    .hero .hero-img {
        height: 50vh;
    }
    .hero h1 {
        font-size: 28px;
    }
}
@media (max-width:399px){
    .news .overlay h3 {
        font-size: 12px;
    }
    .news p {
        font-size: 10px;
    }
    .landing .text h1 {
        font-size: 20px;
    }
    .land-btn {
        padding: 5px 25px;
    }
    .news .overlay span {
        color: #FAF7F6;
        font-size: 12px;
    }
}
/* end responsive */