@media (max-width: 1199px){
    .header-title-box{
        max-width: 40%;
    }
    .header-title{
        font-size: 30px;
        margin: 0;
    }
}
@media (max-width: 991px){
    .header-bar-content{
        flex-direction: column;
    }
    .header-content{
        flex-direction: column;
    }
    .header-title-box{
        max-width: 100%;
        padding-top: 50px;
        text-align: center;
    }
    .about-bg{
        width: 80%;
    }
    .about-content {
        width: calc(80% - 2%);
    }
    .benefit-icon{
        font-size: 60px;
    }
    .team-and-comment{
        flex-direction: column;
    }
    .team, .comment{
        width: 100%;
    }
    .footer-light-container{
        flex-direction: column;
    }
    .contact-list{
        width: 100% !important;
    }
    .footer-dark .container{
        flex-direction: column;
        gap: 40px;
    }
    .footer-dark .container > div{
        width: 100%;
    }
}
@media(max-width: 767px){
    .benefit-list{
        flex-direction: column;
    }
    .benefit-item{
        width: 100%;
    }
    .contact-list{
        flex-direction: column !important;
    }
    .contact-item{
        width: 100% !important;
    }
}
@media(max-width: 576px){
    .about-bg{
        width: 100%;
    }
    .about-content {
        width: calc(100% - 2%);
    }
    .team-card {
        flex-direction: column;
    }
    .team-card img{
        width: 100% !important;
    }
    .contact-icon{
        font-size: 40px;
    }
    .contact-text{
        font-size: 16px;
    }
    .content-img{
        max-width: 100%;
    }
    .team-box{
        flex-direction: column;
        width: 100% !important;
    }

}