@media (max-width: 991px) {
    .btn {
        padding: 11px 30px;
        font-size: 15px
    }

    .app-mt-200 {
        margin-top: 135px
    }

    .navbar-nav .dropdown-menu {
        overflow: auto;
        max-height: 200px;
        min-width: 100%;
        background: 0 0;
        border: none
    }

    .navbar-nav .dropdown .dropdown-toggle {
        width: 100%;
        text-align: left
    }

    header .navbar {
        padding: 13px 10px
    }

    header .navbar .navbar-toggler {
        background: 0 0;
        color: #fff;
        padding: 8px 15px;
        border: 1px solid #fff;
        border-radius: var(--border-radios-btn)
    }

    header .navbar .navbar-toggler:focus {
        box-shadow: none
    }

    header .navbar .navbar-toggler .nav-btn-icon {
        color: #fff
    }

    header .navbar .navbar-collapse {
        margin-top: 25px
    }

    #maatMain .maat-hero .bg-hero .bg-hero-img {
        left: 49%;
        width: 1200px;
        top: -38px
    }

    #maatMain .features .feature-card h1 {
        font-weight: 700;
        font-size: 26px
    }

    #maatMain .maat-hero .hero-card {
        padding: 0 10px 0 15px
    }

    #androidDevelopment .android-features .header h1, #androidDevelopment .sub-now h1, #blog .hero h1, #iosDevelopment .all-features .header h1, #iosDevelopment .hero h1, #iosDevelopment .ios-features .header h1, #maatMain .maat-hero .hero-card h1, .about-web .about-web-text h1, .faqs .header h1, .web-development .hero h1, .web-features .header h1, .web-services .header h1 {
        font-size: 30px
    }
    .maat-hero .hero-card h1 {
        padding-right: 0;
    }
    #maatMain .why-maat .why-maat-header h1, .contact-us .contact-header h1 {
        font-size: 40px
    }

    #maatMain .maat-hero .bg-hero .bg-hero-img2 {
        right: 5px;
        top: 5px;
        width: 260px
    }

    #maatMain .maat-hero .maat-clients .clients-header h1 {
        font-weight: 700;
        font-size: 35px
    }

    #androidDevelopment .android-services .services-card-text, #maatMain .maat-hero .maat-clients {
        margin-top: 60px
    }

    #maatMain .maat-hero .maat-clients .clients-card h1 {
        color: #fff;
        font-size: 40px;
        font-weight: 600
    }

    #iosDevelopment .hero p, #maatMain .maat-hero .clients-card, .contact-us .card-contact {
        margin-bottom: 40px
    }

    #maatMain .why-maat .card-why .card {
        padding: 40px 10px 10px 14px;
        margin-bottom: 45px;
        min-height: 270px
    }

    #maatMain .features .header .bg-list .text {
        top: -26px;
        left: 74px
    }

    #maatMain .features .header .bg-list .item::before {
        left: -3px;
        top: -23px
    }

    #maatMain .features .feature-card {
        margin-top: 5px
    }

    #maatMain .features .card-f-item {
        margin-top: 75px;
        padding: 5px 0
    }

    #iosDevelopment .hero .img-text-f, #iosDevelopment .hero .img-text-s, #iosDevelopment .hero-bg-color, #maatMain .features .feature-s .card-img-feature-s .img-text-f, #maatMain .features .feature-s .card-img-feature-s .img-text-s, .web-development .about-web-bg-color, header .navbar .nav-right .nav-item .nav-link {
        display: none
    }

    #maatMain .features .feature-flex-card .feature-card-body {
        padding: 40px 0 30px 21px
    }

    #maatMain .features .card-f-link, .contact-us .contact-header h4 {
        font-size: 18px
    }

    #maatMain .get-start .card-get-start {
        padding: 30px 0;
        margin-top: 47px
    }

    #maatMain .get-start .card-get-start h5 {
        font-size: 19px;
        padding: 10px 0;
        line-height: 35px
    }

    #maatMain .maat-works .text-header h1 {
        font-size: 39px
    }

    #maatMain .maat-works .text-header h6 {
        padding: 15px 0;
        margin-bottom: 25px;
        font-size: 20px
    }

    #maatMain .maat-works .btn-header .btn {
        margin-right: 1px;
        margin-bottom: 15px
    }

    .faqs .accordion-body {
        padding: 20px 0 0 10px;
        font-size: 14px
    }

    .features .feature-s .img-feature-s {
        width: 100%;
        margin-top: 55px;
        border-radius: var(--border-radios-card)
    }

    .faqs .accordion-button {
        font-size: 15px
    }

    .features .feature-t .feature-t-card:not(.feature-flex-card) .feature-card-body {
        padding: 40px 10px 39px 15px
    }

    .features .feature-t .feature-t-card {
        padding: 0;
        margin: 75px 0 0
    }

    #blog .hero, #iosDevelopment .hero .card-text, #iosDevelopment .ios-features .col-lg-6, .web-development .hero {
        padding: 0
    }

    .web-development .hero p {
        margin-bottom: 35px
    }

    .web-features .header p {
        padding: 15px 10px
    }

    .web-features .card-web-feature {
        margin-bottom: 80px
    }

    .web-services .web-service-card {
        padding: 20px 10px
    }

    .web-development .sub-now {
        padding: 40px 0
    }

    #androidDevelopment .hero .hero-card-text h1, .web-development .sub-now h1 {
        font-size: 30px;
        margin-bottom: 25px
    }

    .web-development .about-web .about-web-img {
        perspective: 0;
        perspective-origin: center;
        margin-bottom: 7%;
        width: 100%
    }

    .web-development .about-web .about-web-img img {
        width: 100%;
        transform: none
    }

    .web-development .about-web .about-web-text {
        padding: 50px 10px 0;
        text-align: center
    }

    #androidDevelopment .android-features .header, #androidDevelopment .android-features2 .header, #androidDevelopment .android-services .header, #iosDevelopment .all-features .header, #iosDevelopment .ios-features .header {
        padding: 0 10px
    }

    #iosDevelopment .ios-features .card-ios-feature .col-lg-12 .ios-feature-text {
        padding: 45px 20px
    }

    #iosDevelopment .all-features .up-card-all-feature {
        margin: 0
    }

    #iosDevelopment .lets-start .card-lets-start h5 {
        font-size: 25px;
        padding: 25px 5px;
        line-height: 40px
    }

    #iosDevelopment .ios-features .card-ios-feature h1 {
        font-size: 25px
    }

    #iosDevelopment .all-features-bg-color {
        top: 326px;
        left: 724%;
        height: 1000px
    }

    #iosDevelopment .lets-start .get-start-bg-color {
        width: 831px
    }

    #iosDevelopment .lets-start .card-lets-start {
        padding: 45px 0
    }

    #androidDevelopment .hero .hero-card-img img {
        margin-top: 50px
    }

    #androidDevelopment .android-features2 .header h1, #androidDevelopment .android-services .header h1 {
        font-size: 30px;
        margin-bottom: 15px
    }
    #androidDevelopment .android-features2 .card-features {
        margin-bottom: 45px
    }
    #androidDevelopment .sub-now {
        padding: 70px 0
    }
    #blog .btn-header .btn {
        margin-right: 1px;
        margin-bottom: 20px
    }
    header .navbar .nav-center{
        background-color: #000000ab;
        overflow: hidden;
    }
    header .navbar .nav-center .nav-item .nav-link.active{
        border-radius: 0;
    }
    .partners .card-partners img {
        width: 100px!important;
    }
    .partners .header h1 {
        font-size: 37px!important;
    }
}