@media (max-width: 991px) {
    header {
        display:none
    }

    .hero-desc {
        animation: none
    }

    .hero-home {
        display: block;
        padding: 0;
        padding-top: 55px
    }

    .hero-img {
        max-width: 100%;
        margin-top: 60px
    }

    .hero-desc {
        max-width: 100%
    }

    .about-h {
        display: flex;
        flex-direction: column-reverse
    }

    .about-img {
        max-width: 100%;
        margin-top: 40px
    }

    .about-desc {
        max-width: 100%;
        padding: 0
    }

    .serv-cards {
        display: block
    }

    a.whats-i-fexed {
        width: 60px;
        z-index: 9999999
    }

    .serv-card-outer {
        max-width: 100%
    }

    .why-us {
        padding: 96px 0
    }

    .why-list {
        display: block
    }

    .why-list ul {
        display: block
    }

    .why-list ul li {
        max-height: 100%;
        margin: 45px 0
    }

    .menu-res.special {
        position: absolute;
        z-index: 9;
        width: 100%
    }

    html {
        overflow-x: hidden
    }

    .columns {
        display: block
    }

    .social-icons {
        margin-bottom: 50px
    }

    navbar {
        display: none
    }

    .first.column-f {
        display: block;
        max-width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-right: 0
    }

    .second {
        padding: 0;
        max-width: 100%
    }

    .first {
        display: block;
        max-width: 100%
    }

    .hamburger {
        height: 56px;
        position: relative;
        width: 53px;
        background: #46979f;
        border-radius: 20px
    }

    .her0-shape {
        display: none
    }

    .footer::before {
        height: 134%;
        top: -298px;
        /*! width: 120%; */
    }

    .hamburger {
        display: block;
        z-index: 9999
    }

    .sidebar {
        display: block;
        overflow: scroll
    }

    .mobile-nav {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative
    }

    .logo {
        width: 120px;
        height: auto
    }

    .menu-res {
        display: block
    }

    .social-icons {
        margin-bottom: 50px
    }

    .serv-view-p {
        display: flex;
        flex-direction: column-reverse
    }

    .serv-list {
        max-width: 100%
    }

    .serv-view-p-img {
        max-width: 100%;
        padding: 0
    }

    section.services-h.services-inner {
        top: 0;
        padding: 0;
        height: auto
    }

    section.hero-sec.hero-inner {
        display: block
    }

    .inner-hero {
        display: block
    }

    .inner-hero-desc {
        max-width: 100%
    }

    .inner-hero-vec {
        max-width: 69%;
        position: relative;
        left: 34%
    }

    section.hero-sec.hero-inner::before {
        width: 167%;
        height: 77%
    }

    .inner-hero-desc {
        margin-bottom: 90px
    }

    .sec1-e-commerce {
        display: block
    }

    .e-commerce-card {
        max-width: 100%;
        margin-bottom: 25px
    }

    .e-commerce-cards {
        display: block
    }

    .e-commerce {
        padding: 90px 0
    }

    .outer-serv-e {
        max-width: 100%
    }

    .e-commerce-serv {
        padding: 90px 0
    }

    .packages-desc p {
        padding: 0
    }

    .packages-cards {
        display: block
    }

    .packages-card {
        max-width: 100%;
        margin-bottom: 65px
    }

    .subscribe-sec input[type="email"] {
        width: 402px
    }

    .mail {
        right: 0
    }

    .inner-hero-vec.case-vec {
        max-width: 79%;
        position: relative;
        left: 86px
    }

    .case-cards {
        display: block
    }

    .case-card {
        max-width: 100%;
        margin-bottom: 70px;
        padding: 20px
    }

    .lang-switch img {
        max-width: 50px
    }

    .lang-switch h3 {
        color: #46979f
    }

    input[type="email"] {
        width: 306px;
        height: 60px
    }

    button.bt {
        left: auto;
        width: 100px;
        height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        right: 200px;
    }

    .mail img {
        top: 20px
    }

    .test-desc p {
        max-width: 70%;
        text-align: center
    }

    .why-desc h3 {
        font-size: 26px
    }

    .why-desc p {
        font-size: 16px!important
    }

    .why-us-cards-sec {
        display: block
    }

    .why-us-card.home-why-c {
        max-width: 100%;
        margin-bottom: 20px
    }

    .faq-h {
        display: block
    }

    .faq-img {
        max-width: 100%;
        position: static;
        margin-bottom: 30px
    }

    .faq-con {
        max-width: 100%
    }

    .news-letter-desc h3 {
        font-size: 16px;
        line-height: 1.7
    }

    .hero-desc h2 {
        text-align: center;
        font-size: 28px
    }

    .hero-desc h3 {
        text-align: center;
        font-size: 36px
    }

    .hero-desc p {
        text-align: center;
        font-size: 14px
    }

    .hero-home a {
        margin: 0 auto;
        display: block;
        width: 241px
    }

    .services-h {
        padding-bottom: 0
    }

    .why-us {
        padding-bottom: 0
    }

    .plate {
        display: flex;
        justify-content: center;
        align-items: center
    }

    .plate i {
        color: #fff;
        font-size: 26px
    }

    .plate i {
        color: #fff;
        font-size: 26px
    }

    .inner-h {
        display: block
    }

    .inner-h-desc {
        max-width: 100%;
        text-align: center
    }

    .inner-h-desc p {
        text-align: center
    }

    .inner-h {
        padding-bottom: 30px
    }

    .inner-h-desc-img {
        max-width: 100%
    }

    .inner-hero-desc.e-c-c-desc {
        display: block
    }

    .hero-e-row {
        max-width: 100%
    }

    .e-commerce-card-s {
        display: block
    }

    .e-commerce-cards-icon-s {
        margin: 0 auto
    }

    .e-card-desc-s h3 {
        text-align: center
    }

    .e-card-desc-s {
        max-width: 100%
    }

    .services-inner::before {
        display: none
    }

    .serv-h-p {
        flex-direction: column-reverse
    }

    .serv-details .sec-serv-d:nth-child(even) ul li {
        text-align: start
    }

    .serv-list ul li {
        margin-bottom: 20px;
        font-size: 18px
    }

    .serv-h-p h {
        text-align: start;
        font-size: 20px
    }

    .serv-h-p h3 {
        text-align: start!important
    }

    .serv-details .sec-serv-d:nth-child(even) {
        text-align: start;
        direction: rtl
    }

    .serv-view-p.aec-single {
        display: flex;
        flex-direction: column-reverse
    }

    .serv-view-p.aec-single img {
        padding: 0
    }

    .serv-h-p.single-inner-s {
        justify-content: center
    }

    .serv-list p {
        text-align: center
    }

    .e-last h3 {
        font-size: 17px;
        margin-bottom: 20px
    }

    .e-last a {
        font-size: 13px;
        padding: 10px 25px
    }

    .arrows {
        display: none
    }

    .e-last {
        padding-top: 0
    }

    .inner-h.contact-contain {
        display: block
    }

    .form-contact {
        max-width: 100%
    }

    .contact-form {
        top: -135px;
        position: static
    }

    .form-group input {
        height: 45px;
        width: 100%
    }

    section.last-sec.case-last.contact-last {
        padding-top: 0
    }

    .inner-hero-desc.single-c-desc {
        max-width: 100%;
        margin-bottom: 30px
    }

    .inner-hero-vec.case-vec.single-case-vec {
        max-width: 100%
    }

    .s-c-single-case-main {
        display: block
    }

    .s-c-single-case-decs {
        max-width: 100%
    }

    .s-c-single-case-img {
        max-width: 100%;
        margin-bottom: 20px
    }

    .forward-list ul {
        display: block
    }

    .forward-list ul li {
        margin-bottom: 20px
    }

    .slider-c {
        display: block
    }

    .slider-c-img {
        max-width: 100%
    }

    .slider-c-desc {
        max-width: 100%
    }

    section.s-c-single-case {
        padding: 0
    }

    .wrapper {
        padding-bottom: 10px
    }

    .wrapper button.toggle {
        font-size: 16px
    }

    button.toggle i {
        font-size: 20px
    }

    .wrapper {
        padding-bottom: 10px
    }

    .wrapper button.toggle {
        font-size: 16px
    }

    button.toggle i {
        font-size: 20px
    }

    .serv-details .sec-serv-d:nth-last-child(1) {
        margin: 0
    }

    .card-headeing h3 {
        font-size: 16px;
        margin: 0;
        line-height: 2.5
    }

    .card-headeing h3 span {
        font-size: 18px
    }

    .blog-inner-p {
        margin-bottom: 0
    }

    .side-blog {
        margin-bottom: 150px
    }

    section.hero-sec.hero-inner.hero-serv.hero-contact {
        padding-bottom: 20px
    }

    section.last-sec.case-last.contact-last .e-last {
        padding: 30px 0
    }

    img.hero-img1 {
        animation: none!important
    }

    img.hero-img2 {
        animation: none!important
    }

    img.hero-img3 {
        animation: none!important
    }

    img.hero-img4 {
        animation: none!important
    }

    .menu-item-has-children:hover ul {
        position: static;
        width: 100%;
        display: none !important;
    }

    .new-packges .col-md-4 {
        margin-bottom: 105px
    }
    .menu-item-has-children::after {
    display: none;
}
.landinf-hero-1::after {
    width: 150px;
}

.title-hero-landing h3 {
    text-align: center;
    font-size: 24px;
    line-height: 1.7;
}

.illi-hero-landing {
    width: 100%;
}

.f-sec-desc p {
    font-size: 20px;
}

.f-sec-link a {
    font-size: 18px;
    padding: 16px 9px;
}

.s-sec-ill-landing {
    width: 100%;
}

.ill-s-sec-nex-tit img {
    width: 100%;
    margin-bottom: 20px;
}

.testimonials button.owl-prev {left: -25px !important;right: auto;}

.testimonials button.owl-next {
    right: -25px !important;
    left: auto;
}

.img-call-to-acc {
    width: 100%;
}

.lat-call-t-acc a {
    font-size: 20px;
}

section.call-to-acc.landing {
    padding-bottom: 100px;
}
.s-sec-land-tit h3 {
    font-size: 20px;
    text-align: center;
}

.faq-con h3 {
  font-size: 33px;
}

.hero-desc h1 {
  text-align: center;
}

.hero-img.vert-move.desk-top-img-hero {
  display: none;
}
.hero-img.vert-move.mobile-img-hero {
  display: block;
}
}