@media only screen and (max-width:374px) {
    .line-cont {
        margin-bottom: 28%;
        margin-top: 22%;
    }
    .swiper-button-next,
    .swiper-button-prev {
        width: 34px !important;
    }
    button.btn.button-know {
        margin-bottom: 13px;
    }
    .navbar-toggler-icon {
        background-image: url('../img/icons/menu.png') !important;
    }
    .navbar-toggler {
        border: 1px solid rgb(255, 255, 255) !important;
    }
    .navbar-collapse {
        background-color: #132d24;
    }
    .image-about-img {
        width: 100% !important;
    }
    .image-overlay2::after {
        width: 100%;
    }
    .about-img::before{
    left: -15px !important;
    width: 272px !important;
    height: 583px !important;
    }

    .button-about {
    width: 95%;
    }

    .img-about-img{
                padding: 0%;
        /* padding: 10%; */
    }

.img-service-overlay::after{
    width: 92% !important;
    top: 8px !important;
    height: 99% !important;
}

.swiper-button-next:after, .swiper-button-prev:after{
    font-size: 15px !important;
}
}

@media screen and (min-width: 375px) and (max-width: 424px) {

.swiper-button-next:after, .swiper-button-prev:after{
    font-size: 15px !important;
}
.img-service-overlay::after{
 width: 93% !important;
 top: 11px !important;
 height: 99% !important;
}
.about-img::before{
 left: -15px !important;
 width: 100% !important;
 height: 583px !important;
}
.button-about{
 width: 96%;
}
.img-about-img{
            padding: 0%;
/* padding: 10%; */
}
.line-cont {
 margin-bottom: 18%;
 margin-top: 19%;
}
button.btn.button-know {
 margin-bottom: 13px;
}
.swiper-button-next,
.swiper-button-prev {
 width: 34px !important;
} 
.navbar-toggler-icon {
background-image: url('../img/icons/menu.png') !important;
}
.navbar-toggler {
border: 1px solid rgb(255, 255, 255) !important;
}
.navbar-collapse {
background-color: #132d24;
}
.image-about-img {
width: 100% !important;
}
.image-overlay2::after {
width: 100% !important;
}

}

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

.swiper-button-next:after, .swiper-button-prev:after{
    font-size: 16px !important;
}
.img-service-overlay::after {
 width: 94%;
 top: 12px;
 height: 100%;
}
.about-img::before{
 left: -15px;
 width: 322px;
 height: 583px;
}
.img-about-img{
            padding: 0%;
 /* padding: 10%; */
}
.line-cont {
 margin-bottom: 19%;
 margin-top: 19%;
}
button.btn.button-know {
margin-bottom: 13px;
}
.swiper-button-next,
.swiper-button-prev {
 width: 34px !important;
}
.navbar-toggler-icon {
 background-image: url('../img/icons/menu.png') !important;
}
.navbar-toggler {
 border: 1px solid rgb(255, 255, 255) !important;
}
.navbar-collapse {
background-color: #132d24;
}
.image-about-img {
width: 100% !important;
}
.image-overlay2::after {
width: 100%;
}
}

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


.button-service{
   font-size: 14px !important;
    padding: 23px 2px !important;
}
.navbar-toggler-icon {
    background-image: url('../img/icons/menu.png') !important;
}
.navbar-toggler {
 border: 1px solid rgb(255, 255, 255) !important;
}
.navbar-collapse {
 background-color: #132d24;
}
P {
 font-size: 15px;
}
.img-about {
height: 580px;
}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px)and (max-width:1199px) {


.ba-container{
    height: 589px;
}

.about-img::before{
    width: 439px; 
    height: 673px;
}

.about-img img, .about-img .img-fluid {
    height: 670px;
}
}

@media only screen and (min-width: 1200px)and (max-width:1440px) {}