@media (max-width: 1199.98px) {
    
}

@media (max-width: 991.98px) {
    .banner .item {
        background-size: 100% 100%;
        height: 385px;
    }
    .banner .text h1{
        padding-top: 13rem;
    }
    footer{
        background: #A0A0A0;
    }
    .fixed-top{
        padding: 35px 0;
    }
}

@media (max-width: 767.98px) {
    .banner .text h1 {
        padding-top: 13rem;
        font-size: 46px;
        line-height: 42px;
    }
    .banner .text h1 span {
        font-size: 34px;
    }
    footer .content {
        margin: 35px 0;
        text-align: left;
    }
    .item2 .text h1 {
    padding-top: 8rem !important;
}
}

@media (max-width: 575.98px) {
    .service h3{
        font-size: 38px;
    }
    .service h3 span{
        font-size: 30px;
    }
}