@media (max-width: 1399px) {
    img.cta-img {
        display: none;
    }

    .mz_about_cta {
        text-align: center;
    }

    .mz_about_cta .col-lg-5 {
        width: 100%;
    }

    .mz_portfolio .row {
        justify-content: center;
        --bs-gutter-x: 0;
    }

    .mz_portfolio .col-lg-4 {
        width: 390px !important;
    }

    .m_ht1 {
        --bs-gutter-y: unset;
    }

    .m_ht2 {
        --bs-gutter-y: unset;
    }

    .m_ht3 {
        --bs-gutter-y: unset;
        height: auto;
    }

    .m_ht4 {
        --bs-gutter-y: unset;
    }

    .m_ht7 {
        --bs-gutter-y: unset;
    }

    .m_ht6 {
        --bs-gutter-y: unset;
        height: auto;
    }

    .m_ht02 {
        height: auto;
    }

    .mz_portfolio .col-lg-4 {
        width: 390px !important;
        height: 370px;
    }

    .mz_portfolio .col-lg-4 img {
        width: 100%;
        height: 370px;
        object-fit: cover;
    }

    .blog_page {
        margin: -450px 0 0px;
    }
}

@media (max-width: 1199px) {
    .myslider .item h3 {
        font-size: 26px;
    }

    .mz_banner h1 span {
        font-size: 40px;
    }

    .mz_banner h1 {
        font-size: 78px;
        line-height: 70px;
    }

    .left-text {
        left: -160px;
        top: 440px;
    }

    .left-text ul li {
        font-size: 12px;
    }

    h2 {
        font-size: 30px;
        line-height: 30px;
    }

    .mz_clint h2 {
        font-size: 30px;
    }

    .mz_clint ul li {
        padding: 30px 31px 0;
    }

    .mz_clint ul li img {
        max-width: 94px;
    }

    .mz_about h2 {
        font-size: 30px;
        line-height: 30px;
    }

    .mz_about h2 span img {
        width: 36%;
        margin: 0 0 5px;
    }

    .mz_about p {
        font-size: 16px;
        line-height: 20px;
        margin: 0 0 30px;
    }

    .animation img {
        top: -80px;
        left: 130px;
    }

    .content-item img {
        width: 100%;
    }

    .mz_slider h2 {
        font-size: 30px;
        line-height: 30px;
    }

    .mz_slider h2 span img {
        width: 18%;
        margin: 0 0 5px;
    }

    .two-screen-wrapper::after {
        top: 310%;
        left: -21%;
    }

    .mz_slider p {
        font-size: 15px;
    }

    .mz_casestudy h2 span img {
        width: 22%;
        margin: 0 0 5px;
    }

    .mz_casestudy .col-lg-12>img {
        width: 90%;
    }

    .mz_slider::before {
        right: 240px;
        bottom: -60px;
        width: 10%;
    }

    .mz_testi h2 {
        font-size: 30px;
        line-height: 30px;
        margin: 0 0 0;
    }

    .mz_testi h2 span img {
        width: 20%;
        margin: 0 0 3px;
    }

    .outerdiv {
        width: 100%;
        min-height: 20vh;
    }

    .innerdiv {
        transform: scale(0.9);
    }

    .mz_testi {
        padding: 40px 0 50px;
    }

    .blog-item img {
        margin: 0 0 12px;
        width: 100%;
    }

    .blog-item h3 {
        font-size: 16px;
    }

    .blog-item p {
        font-size: 15px;
        line-height: 21px;
    }

    .blog-item ul li a {
        font-size: 10px;
    }

    .mz_blog h2 {
        font-size: 30px;
        line-height: 50px;
    }

    .mz_footer h3 {
        font-size: 15px;
    }

    .mz_footer ul li a {
        font-size: 15px;
    }

    .mz_footer ul li a img {
        width: 90px;
    }

    .lst {
        font-size: 15px;
    }

    /* /////////About Us////////////// */
    .mz_about_cta h2 {
        line-height: 30px;
        font-size: 30px;
    }

    .mz_about_cta p {
        font-size: 15px;
    }

    .ser_clint ul li {
        padding: 0;
    }

    .ser_clint {
        padding: 20px 0;
    }

    .mz_about_sec1 h2 {
        line-height: 30px;
        font-size: 30px;
    }

    .mz_bout_tabbing li.nav-item button {
        width: 183px;
        height: 43px;
    }

    .mz_bout_tabbing h2 {
        font-size: 30px;
    }

    .mz_bout_tabbing p {
        font-size: 15px;
        width: 90%;
    }

    .mz_bout_tabbing img {
        width: 80%;
    }

    .mz_bout_tabbing {
        padding: 50px 0 100px;
        overflow-x: hidden;
    }

    /* //////////////contact us//////////////////// */

    .contact_us_sec h2 {
        font-size: 30px;
        margin: 0 0 10px;
    }

    .mz_services h2 {
        font-size: 30px;
    }

    .mz_services p {
        font-size: 15px;
    }

    .mz_services .box h3 {
        font-size: 20px;
    }

    .mz_work h2 {
        font-size: 30px;
    }

    .mz_work p {
        font-size: 15px;
    }

    .mz_developer h2 {
        font-size: 30px;
    }

    .mz_developer p {
        font-size: 15px;
    }

    .mz_developer .box h4 {
        font-size: 20px;
    }

    .mz_developer .box p {
        font-size: 15px;
    }

    .mz_process p {
        font-size: 15px;
    }

    .mz_process h2 {
        font-size: 30px;
    }

    .mz_process .box h4 {
        font-size: 20px;
    }

    .mz_process .box p {
        font-size: 15px;
    }

    .mz_process .box h3 {
        font-size: 40px;
    }

    .website_main h1 span {
        font-size: 50px;
    }

    .website_main h1 {
        font-size: 52px;
        line-height: 10px;
        margin: 0 0 30px;
    }

    button.slick-next.pull-right.slick-arrow {
        right: -60px;
    }

    button.slick-prev.pull-left.slick-arrow {
        left: -60px;
    }
    
    .mz_developer .box {
        text-align: center;
        margin: 0 0 40px;
    }
    
    .mz_developer .box img {
        width: 60px;
    }
    
    .mz_process .box::after {
        display: none;
    }
    
    .mz_process .box::before {
        display: none;
    }
    .mz_process .box {
        border: 1px solid #00000066;
        padding: 20px 20px;
        margin: 0 0 20px;
        text-align: center;
        border-radius: 10px;
    }
    
    .mz_process .box p {
        text-align: center;
        width: 100%;
    }
    .mz_process p {
        font-size: 15px;
        width: 108%;
    }
}

@media (max-width: 1080px) {

    .left-text {
        display: none;
    }

    .innerdiv {
        transform: scale(0.8);
        margin: -30px 0 0px;
    }

    .mz_testi {
        padding: 40px 0 20px;
    }
}

@media (max-width: 991px) {
   
    a.burger.clicked {
        right: 0;
    }

    p.mobile_number {
        display: none;
    }

    .modal-content {
        width: 96%;
    }

    .modal_img img {
        display: none;
    }

    .mz_slider {
        text-align: center;
    }

    .left-screen {
        display: flex;
        justify-content: center;
    }

    .myslider .item h3 {
        font-size: 21px;
    }

    .right-screen {
        display: flex;
        justify-content: center;
    }

    .two-screen-wrapper::before {
        display: none;
    }

    .mz_slider h2 span img {
        width: 32%;
    }

    .mz_slider h2 {
        font-size: 27px;
    }

    button.slick-next.slick-arrow {
        position: absolute;
        right: -30px;
        top: 20px;
        background: transparent;
        border: none;
        color: #fff;
        font-size: 21px;
    }

    button.slick-prev.slick-arrow {
        position: absolute;
        top: 15px;
        left: -30px;
        background: transparent;
        border: none;
        color: #fff;
        font-size: 21px;
    }

    .item {
        height: auto;
    }

    .navbar-toggler-icon {
        background-image: url(../img/burger.png);
    }

    .navbar-toggler:focus {
        text-decoration: none;
        outline: none;
        box-shadow: none;
    }

    .navbar-toggler {
        border: none;
    }

    .mz_banner img {
        display: none;
    }

    .mz_banner .row {
        height: 530px;
        flex-wrap: nowrap;
        text-align: center;
    }

    .mz_banner {
        min-height: 60vh;
    }

    .mz_clint ul {
        text-align: center;
    }

    .mz_clint {
        padding: 40px 0;
    }

    .mz_about {
        text-align: center;
        padding: 40px 0 50px;
    }

    .mz_about img {
        width: 70%;
    }

    .animation img {
        display: none;
    }

    .mz_about h2 span img {
        width: 29%;
    }

    .two-screen-wrapper::after,
    .mz_slider::before {
        display: none;
    }

    .mz_slider p {
        width: 100%;
    }

    .mz_slider h2,
    p,
    .btn_wrp {
        text-align: center;
    }

    .mz_slider p {
        margin-top: 40px;
    }

    .blog-item {
        margin: 0 0 50px;
    }

    .date {
        font-size: 17px;
    }

    .blog-item h3 {
        font-size: 22px;
    }

    .blog-item p {
        font-size: 15px;
        text-align: left;
    }

    .blog-item ul li a {
        font-size: 15px;
    }

    .bg-clr {
        bottom: -60px;
    }

    .mz_footer {
        padding: 120px 0 0;
    }

    .ftr-logo {
        text-align: left !important;
    }

    .lst {
        line-height: 138%;
        padding: 12px 0 4px;
    }

    .innerdiv {
        transform: scale(0.63);
        margin: -90px 0 -30px;
    }

    .mz_testi {
        padding: 40px 0 0px;
    }

    .clint-slider .client-item img {
        max-width: 75%;
    }

    .client-item img {
        max-width: 75%;
    }

    /* ///////////////about us//////////////// */

    .mz_about_sec1 .imgwrp img {
        display: none;
    }

    .mz_about_sec1 {
        text-align: center;
    }

    .mz_about_sec1 p {
        width: 100%;
    }

    .mz_bout_tabbing .nav-tabs {
        justify-content: CENTER;
    }

    .mz_bout_tabbing li.nav-item button {
        width: 98%;
        height: auto;
        margin: 0 10px 0;
    }

    .tab-content {
        border-radius: 32px;
        padding: 50px 30px;
    }

    .tab-content .row {
        flex-wrap: wrap-reverse;
    }

    .tab-content img {
        width: 40%;
    }

    .tab-content p {
        text-align: left;
    }

    .about_us h1 span {
        font-size: 55px;
        line-height: 56px;
        display: block;
    }

    .about_us p {
        font-size: 15px;
    }

    .about_us h1 {
        font-size: 78px;
        line-height: 70px;
        font-weight: 700;
    }

    /* //////////////contact us///////// */
    .contact_us_sec {
        text-align: center;
    }

    .contact_us_sec .d-flex {
        display: block !important;
    }

    .contact_us_sec ul li {
        padding: 0;
    }

    .contact_us_sec ul li p {
        width: 100%;
    }

    /* /////////////blog/////////////////////// */


    .blog_btm {
        margin: 0px 0 -30px;
    }

    .blog_page {
        margin: -400px 0 0px;
    }

    .port_blog {
        padding: 0px 0 0px;
    }

    .mz_industries h2 {
        font-size: 30px;
    }
    .mz_work {
        text-align: center;
    }
    .mz_process p {
        font-size: 15px;
        width: 100%;
    }
    .mz_process p br {
        display: none;
    }
    
    .mz_developer>.container p br {
        display: none;
    }
    .mz_services p br {
        display: none;
    }
    .mz_services .box h3 {
        font-size: 15px;
    }
   button.slick-next.pull-right.slick-arrow{
        display: none !important;
    }
    button.slick-prev.slick-arrow{
        display: none !important;
    }
    
}

@media (max-width: 767px) {
    a.burger.clicked {
        right: 0;
    }

    .mz_banner h1 {
        font-size: 68px;
    }

    .mz_banner h1 span {
        font-size: 30px;
    }

    .mz_clint ul li img {
        max-width: 64px;
    }

    h2 {
        font-size: 27px;
    }

    .mz_clint h2 {
        font-size: 27px;
    }

    .mz_about img {
        display: none;
    }

    .mz_about h2 {
        font-size: 27px;
    }

    .mz_about p {
        font-size: 14px;
        margin: 0 0 50px;
    }

    .mz_casestudy h2 span img {
        width: 33%;
    }

    .mz_testi h2 span img {
        width: 29%;
    }

    .mz_testi h2 {
        font-size: 27px;
    }

    .mz_blog h2 span img {
        width: 23%;
    }

    .mz_blog h2 {
        font-size: 27px;
        line-height: 36px;
    }

    .bg-clr {
        height: auto;
    }

    .innerdiv {
        transform: scale(0.48);
        margin: -150px 0 -100px;
    }

    /* /////////////about us/////////////// */

    .mz_bout_tabbing li.nav-item button {
        font-size: 15px;
    }

    .about_us h1 span {
        font-size: 60px;
    }

    .burger {
        top: 2px;
    }

    .mz_about_sec1 p {
        width: 100%;
        font-size: 14px;
    }

    .mz_clint ul li img {
        max-width: 100px;
    }


}


@media (max-width: 576px) {
    .myslider .item h3 {
        font-size: 21px;
    }

    .mz_banner h1 {
        font-size: 50px;
        line-height: 53px;
        font-family: 'sf_bold';
    }

    .mz_banner h1 span {
        font-size: 22px;
        display: block;
        margin: 0 0 10px;
    }

    .innerdiv {
        transform: scale(0.8);
        margin: -380px 0 -330px;
    }

    .form-main {
        padding: 0 40px 0;
    }

    .bg-clr {
        overflow-x: hidden;
    }

    .div01 {
        height: auto;
        width: auto;
    }

    .div2 {
        height: auto;
        width: auto;
    }

    .div2 img {
        width: 100%;
    }

    .div02 {
        height: auto;
        width: auto;
        margin: 0;
    }

    .div02 img {
        width: 100%;
    }

    .div01 img {
        width: 100%;
    }

    .div3 img {
        width: 100%;
    }

    .testii p {
        text-align: left;
        font-size: 15px;
    }

    .testii {
        height: auto;
    }

    .div5 {
        margin: 0;
    }

    .div5 img {
        width: 100%;
    }

    .div05 {
        margin: 40px 0;
    }

    .date {
        font-size: 14px;
    }

    .blog-item h3 {
        font-size: 15px;
    }

    .blog-item p {
        font-size: 12px;
    }

    .blog-item ul li a {
        font-size: 11px;
    }

    .lst {
        font-size: 10px;
    }



    /* /////////////about us/////////////////////// */

    .about_us h1 span {
        font-size: 50px;
        line-height: 20px;
    }

    .mz_about_cta .col-lg-5 {
        width: 100%;
    }

    .mz_about_cta h2 {
        font-size: 27px;
    }

    .mz_about_cta p {
        font-size: 12px;
    }

    .mz_bout_tabbing p {
        font-size: 12px;
        width: 100%;
    }

    .mz_bout_tabbing .mission_ul li {
        font-size: 14px;
    }

    nav {
        max-width: 285px;
    }


}


@media (max-width: 576px) {
    .div05 {
        margin: 270px 0 40px;
    }
}

@media (max-width: 550px) {
    .div05 {
        margin: 269px 0 30px;
    }
}

@media (max-width: 542px) {
    .div05 {
        margin: 269px 0 30px;
    }
}

@media (max-width: 446px) {
    .div05 {
        margin: 179px 0 30px;
    }
}

@media (max-width: 444px) {
    .innerdiv {
        margin: -340px 0 -330px;
    }

    .div05 {
        margin: 169px 0 30px
    }
}

@media (max-width: 422px) {
    .innerdiv {
        margin: -310px 0 -320px;
    }

    .div05 {
        margin: 149px 0 30px
    }
}

@media (max-width: 410px) {
    .div05 {
        margin: 129px 0 30px
    }
}

@media (max-width: 374px) {
    .div05 {
        margin: 99px 0 30px
    }
}

@media (max-width: 330px) {
    .div05 {
        margin: 49px 0 30px;
    }
}

@media (max-width: 320px) {
    .div05 {
        margin: 49px 0 30px
    }
}