@media screen and (max-width: 1600px) {
    .footer-img-area {
        bottom: -93px;
        width: 85%;
    }

    .form-xtra-btn {
        right: 11%;
    }

    .logo-banner .seo-img {
        top: 12%;
    }
    .home-ban-img1 {
        width: 38%;
    }
    .home-ban-img2 {
        top: 38%;
        right: 35%;
    }
    .home-ban-img3 {
        bottom: 13%;
        right: 28%;
    }
    .home-ban-img4 {
        right: 5%;
        bottom: 20%;
    }
    .home-ban-img5 {
        top: 50%;
        right: 24%;
    }
}

@media screen and (max-width: 1440px) {
    .web-banner .banner-content {
        padding-right: 0;
    }

    .banner-img {
        top: 10%;
        right: -3%;
    }

    .strok-text {
        top: 10%;
    }

    .logo-banner .banner-img {
        position: absolute;
        top: 11%;
        width: 56%;
    }

    .logo-banner .anim-img {
        top: 16%;
        width: auto;
    }

    .logo-banner .marketing-img {
        top: 30%;
        width: 47%;
    }

    .hero-right-content {
        right: 10%;
    }

    .logo-banner .mobile-app-img {
        width: auto;
    }

    .logo-banner .seo-img {
        top: 17%;
        width: 48%;
    }

    .form-left-art {
        padding: 20px 60px 20px 50px;
    }

    .ftr-frm input,
    .ftr-frm button {
        padding: 10px 24px !important;
    }

    .ftr-frm button {
        font-size: 20px;
    }

    .form-left-art h4 {
        font-size: 95px;
    }

    .form-right-art h2 {
        font-size: 36px;
    }
    .home-ban-img3 {
        bottom: 19%;
    }
    .home-ban-img4 {
        right: 6%;
        bottom: 25%;
    }
    .home-ban-img5 {
        top: 48%;
        right: 25%;
        width: 20%;
    }
    .cta-right {
        right: 2%;
        width: 20%;
    }
    .cta-top1 {
        right: 17%;
        width: auto !important;
    }
    .cta-top2 {
        top: -5%;
        right: 2%;
        width: auto !important;
    }
}

@media screen and (max-width: 1366px) {
    .banner-content {
        padding-top: 13vh;
    }

    .banner-img {
        top: 4%;
        right: 0%;
        width: 66%;
    }

    .strok-text {
        line-height: 16.74vh;
        top: 13%;
    }

    .main-header .nav-item {
        margin: 0 20px;
    }

    .main-header .nav-item .nav-link {
        font-size: 15px;
    }

    .default-btn {
        font-size: 16px;
    }
    .border-btn-img {
        background-size: 100%;
    }
    .chat-btn {
        font-size: 16px;
    }

    .portfolio-sec .strok-text {
        line-height: 24.74vh;
    }

    .cta-offer-img {
        width: 21%;
    }

    .cta-right {
        width: 21%;
        right: 0%;
    }

    .footer-img-area {
        bottom: -64px;
        width: 77%;
        right: 25%;
    }

    .form-xtra-btn {
        right: 8%;
    }

    .main-cta .sec-para {
        font-size: 20px;
    }

    .work-num {
        font-size: 12.27vw;
        right: 16%;
    }

    .logo-banner {
        height: 100vh;
    }

    .types-logo-slider {
        padding-top: 6vh;
    }

    .logo-banner .ban-sm-heading {
        font-size: 28px;
    }

    .design-para {
        font-size: 15.5px;
    }

    .logo-banner .anim-img {
        right: 19%;
        width: 33%;
    }

    .hero-right-content {
        top: auto;
        right: 5%;
        bottom: 5%;
    }

    .logo-animated {
        max-width: 230px;
    }

    .logo-banner .mobile-app-img {
        width: 37%;
        right: 15%;
        top: 22%;
    }

    .logo-banner .smm-img {
        top: 15%;
        right: 5%;
    }

    .logo-banner .seo-img {
        top: 13%;
    }

    .popup-main-wrap {
        padding: 50px 36px;
    }

    .form-left-art h2 {
        font-size: 48px;
        margin-bottom: 20px;
    }

    .form-right-art h2 {
        font-size: 33px;
        margin-bottom: 15px;
    }

    .ftr-frm button {
        font-size: 17px;
    }
    .home-ban-img1 {
        width: 36%;
    }
    .home-ban-img3 {
        bottom: 2%;
        right: 26%;
    }
    .home-ban-img5 {
        top: 55%;
        right: 26%;
        width: 18%;
    }
    .home-ban-img4 {
        bottom: 10%;
    }
    .cta-top1 {
        right: 16%;
        top: 0;
    }
    .cta-top2 {
        top: -20%;
        right: 1%;
    }
    .logo-banner .logo-img {
        top: 17%;
        right: 7%;
    }
    .get-started-popup {
        width: 850px;
        height: 450px;
    }
    .long-h1 {
        font-size: 46px;
    }
    img.image1 {
        top: -40px;
    }
    img.image2 {
        top: -60px;
    }    
    img.image3 {
        width: 125px;
        top: 40px;
    }
    img.image4 {
        left: 240px;
        top: -70px;
        width: 60px;
    }
}

@media screen and (max-width: 1280px) {
    .ban-sm-heading {
        font-size: 34px;
    }

    .reiews-text {
        padding: 2vh 0;
    }

    .ban-para {
        padding: 4vh 0 5vh;
    }

    .form-left-art h3 {
        font-size: 26px;
    }

    .form-left-art h2 {
        font-size: 46px;
    }

    .form-right-art h2 {
        font-size: 30px;
    }

    .ftr-frm input,
    .ftr-frm button {
        padding: 10px 22px !important;
    }

    .form-left-art h4 {
        padding: 0 85px;
    }

    .form-left-art sup {
        left: 25px;
    }

    .sup2 {
        left: 280px !important;
    }
    .home-ban-img2 {
        top: 37%;
        right: 33%;
    }
    .home-ban-img3 {
        bottom: 7%;
    }
    .home-ban-img4 {
        bottom: 12%;
    }
    .home-ban-img5 {
        top: 51%;
        right: 24%;
        width: 21%;
    }
}

@media screen and (max-width: 1199px) {
    .ban-sm-heading {
        font-size: 32px;
    }

    .banner-img {
        top: 10%;
    }

    .design-heading {
        font-size: 29px;
        line-height: 1;
    }

    .sec-para br {
        display: none;
    }

    .footer-img-area {
        width: 95%;
    }

    .footer-top .ft__nav .mw-60 {
        max-width: 90%;
    }

    .logo-type-content p {
        font-size: 14px;
        line-height: 18px;
    }

    .logo-type-content {
        bottom: 40px;
    }

    .logos-wrapper .orange-btn {
        padding: 6px 8px;
        font-size: 15px;
    }

    .logo-banner .ban-para br {
        display: none;
    }

    .logo-type-content p strong {
        font-size: 18px;
    }

    .logo-banner .mobile-app-img {
        width: 45%;
        right: 7%;
    }

    .form-left-art h2 {
        font-size: 42px;
    }

    .form-right-art h2 {
        font-size: 28px;
    }

    .ftr-frm input,
    .ftr-frm button {
        padding: 10px 15px !important;
    }

    .ftr-frm button {
        font-size: 16px;
    }
    .home-ban-img5 {
        top: 50%;
        right: 23%;
    }
    .home-ban-img4 {
        bottom: 17%;
    }
    .home-ban-img3 {
        bottom: 12%;
    }
    .port-tabs .nav-link, .pack-tabs .nav-link {
        margin: 0 8px;
    }
    .cta-btns {
        padding-top: 0vh;
    }
    .main-cta .heading42 {
        font-size: 38px;
    }
    .main-cta .sec-para {
        font-size: 18px;
    }
    .footer-img-area {
        right: 16%;
    }
}

@media screen and (max-width: 991px) {
    .main-burger {
        display: block;
        position: absolute;
        top: 20%;
        right: 50%;
        transform: translate(0%);
    }

    .banner-img {
        top: 20%;
        right: -2%;
    }

    .strok-text {
        line-height: 11.74vh;
    }

    .design-box-wrapper p {
        height: 200px;
    }

    .design-cta-text {
        font-size: 20px;
        margin-right: 1vw;
    }

    .portfolio-sec .strok-text {
        line-height: 16.74vh;
        bottom: -5%;
    }

    .port-btns {
        padding-top: 3vh;
    }

    .port-tabs .nav-link,
    .pack-tabs .nav-link {
        margin: 0 0px;
    }

    .design-vent-para {
        padding: 3vh 0vw;
    }

    .design-vent-heading {
        font-size: 23px;
    }

    .footer-img-area {
        width: 100%;
        right: 0%;
    }

    .form-xtra-btn {
        right: 6%;
        top: 34%;
    }

    .footer-top .ft__nav .mw-60 {
        max-width: 30%;
    }

    .v-hidden {
        display: none;
    }

    .footer-top .ft__nav h4 {
        margin: 15px 0 10px;
    }

    .cta-right {
        display: none;
    }

    .main-cta .heading42 {
        font-size: 32px;
    }

    .main-cta .sec-para {
        font-size: 18px;
    }

    .cta-offer-img {
        width: 25%;
        left: -30px;
        top: -15%;
    }
    .main-cta{
        overflow: hidden;
    }

    .pack-slider .owl-nav .owl-prev {
        left: -12%;
    }

    .pack-slider .owl-nav .owl-next {
        right: -12%;
    }

    .work-num {
        font-size: 16.27vw;
        right: 25%;
    }

    .main_nav-list li a {
        font-size: 50px;
        line-height: 1.1;
    }

    .design-box {
        position: relative;
        margin-bottom: 20px;
    }

    .design-strok-heading {
        margin-bottom: 6vh;
    }

    .logo-type-content {
        bottom: -70px;
    }

    .logos-wrapper .orange-btn {
        bottom: -75px;
    }

    .logo-banner .anim-img {
        right: 13%;
        width: 42%;
    }

    .logo-banner .marketing-img {
        right: 6%;
    }

    .hero-right-content {
        right: 0%;
    }

    .ban-lg-heading {
        font-size: 4vw;
    }

    .logo-banner .ban-sm-heading {
        font-size: 26px;
    }

    .logo-banner .smm-img {
        top: 24%;
        right: 3%;
    }

    .dropdown-menu.dropdown-services {
        position: relative !important;
        transform: translate(0px, 0px) !important;
        max-height: 250px;
        overflow-y: scroll;
    }

    .dropdown-menu.dropdown-services .dropdown-item {
        font-size: 20px;
        line-height: 20px;
    }

    .main_nav-list a:hover {
        border-color: transparent;
    }

    .illustration-process-wrap .st-top:hover {
        box-shadow: none;
        border: 1px transparent;
    }

    .logo-banner .seo-img {
        top: 17%;
        width: 58%;
        right: 2%;
    }

    .web-banner .ban-lg-heading {
        font-size: 4vw;
    }

    .logo-banner .logo-img {
        right: 6%;
    }

    .hero-right-content {
        bottom: 14%;
    }

    .three-d-slider {
        max-width: 600px;
    }

    .form-left-art {
        display: none;
    }

    .cross {
        right: -50px;
    }
    .design-slider .col-lg-4 {
        padding: 0 5px;
    }
    .banner-img-wrap {
        display: none;
    }
    .banner-right-img {
        display: block;
    }
    .home-banner .banner-right-img .banner-img {
        width: 60%;
    }
}

@media screen and (max-width: 800px) {
    .banner-img {
        display: none;
    }

    .strok-text {
        line-height: 8.74vh;
        top: 15%;
    }

    .ban-lg-heading {
        font-size: 8.125vw;
    }

    .design-box-wrapper p {
        height: 130px;
    }

    .footer-img-area,
    .form-xtra-btn,
    .cta-offer-img {
        display: none;
    }

    .design-venterz .row {
        -ms-flex-align: center !important;
        align-items: center !important;
        flex-direction: column-reverse;
    }

    .main-cta .sec-para {
        font-size: 15px;
    }

    .main-cta .heading42 {
        font-size: 30px;
    }

    .work-para {
        height: 130px;
    }

    .design-strok-heading {
        margin-bottom: 5vh;
    }

    .sec-pad {
        padding: 8vh 0;
    }

    .copy-rights {
        text-align: left;
    }

    /* .logo-type-content {
        width: 50%;
        left: 11%;
    } */
    .logo-type-content {
        bottom: -70px;
    }

    .logo-type-content p strong {
        font-size: 18px;
    }

    .logo-type-content p {
        font-size: 13px;
    }

    .logos-wrapper:hover .logo-type-content {
        margin-left: -15px;
    }

    .design-vent-slider .owl-nav .owl-prev {
        right: 55%;
    }

    .design-vent-slider .owl-nav .owl-next {
        right: 45%;
    }

    .pack-cta {
        padding: 0 10px;
    }

    .nft-banner {
        height: 100%;
        padding: 10vh 0;
    }

    .hero-right-content {
        position: relative;
        right: -8%;
    }

    .three-d-slider .slick-list {
        padding-top: 10% !important;
    }

    .nft-banner .banner-content {
        padding-top: 20vh;
    }

    .three-d-slider {
        max-width: 570px;
    }

    .logo-banner .ban-sm-heading {
        font-size: 24px;
    }

    .logos-wrapper .orange-btn {
        right: 20%;
    }

    .logo-type-content {
        width: 55%;
        left: 11%;
        right: auto;
    }

    .types-logo-slider .owl-item img {
        margin: 0px auto 100px;
    }

    .logos-wrapper .orange-btn {
        bottom: -85px;
        padding: 6px 17px;
    }
    .border-btn-img {
        padding: 10px 22px;
        height: 45px;
    }
    .port-btns a {
        margin: 0 10px;
    }
    .default-btn {
        padding: 10px 25px;
    }
    .cta-btns a {
        margin: 0 8px;
    }
    .cta-btns {
        padding-top: 1vh;
        display: flex;
        justify-content: center;
    }
    .modal-images, .popup-headig {
        display: none;
    }
    .long-heading h3, .long-heading h5 {
        text-align: center;
    }
    .form_wrapper {
        justify-content: center;
        display: flex;
    }
    .main-modal-form .modal-dialog {
        max-width: 570px;
    }
    .get-started-popup {
        width: 600px;
        height: 450px;
    }    
}

@media screen and (max-width: 767px) {}

@media screen and (max-width: 575px) {
    .default-btn p {
        display: none;
    }

    .main-burger {
        right: 45%;
    }

    .strok-text {
        line-height: 6.74vh;
        top: 13%;
    }

    .banner-content {
        padding-top: 9vh;
    }

    .pack-slider .owl-nav button.owl-next,
    .pack-slider .owl-nav button.owl-prev,
    .pack-slider button.owl-dot {
        border: none;
    }

    .pack-btn {
        width: 40%;
    }

    .work-box-wrapper:hover {
        box-shadow: none;
    }

    .owl-carousel.owl-theme {
        margin: 0 auto;
    }

    .work-num {
        font-size: 26.27vw;
        right: 35%;
    }

    .work-para {
        height: 80px;
    }

    .footer-form-sec .main-footer-form .form-control {
        height: 45px;
    }

    .nft-banner .banner-content {
        padding-top: 15vh;
    }

    .hero-right-content {
        right: 0%;
    }

    .logo-type-content {
        left: 14%;
    }

    .logos-wrapper .orange-btn {
        right: 15%;
    }

    .port-slider .owl-item img {
        width: auto;
        margin: 0 auto;
    }

    .popup-main-wrap {
        width: 70%;
    }
    .logo-animated {
        margin: -40px;
    }
    .get-started-popup {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .strok-text {
        line-height: 8.74vh;
        font-size: 12.958vw;
    }

    .banner-content {
        padding-top: 18vh;
    }

    .default-btn {
        padding: 8px 19px;
        font-size: 14px;
        height: auto;
    }

    .main-burger svg {
        width: 40px;
    }

    .chat-btn {
        margin: 0 10px;
    }

    .main-burger {
        right: 43%;
    }

    .port-btns a,
    .cta-btns a {
        margin: 0px 6px;
    }

    .port-btns,
    .cta-btns {
        display: flex;
    }

    .heading42 {
        font-size: 32px;
    }

    .portfolio-sec .strok-text {
        display: none;
    }

    .form-btn .default-btn,
    .pack-btn .default-btn {
        padding: 10px 17px;
        font-size: 15px;
    }

    .logos-wrapper .orange-btn {
        bottom: -70px;
    }

    .logo-type-content {
        bottom: -20px;
        width: 73%;
    }

    .logos-wrapper .orange-btn {
        bottom: -40px;
        right: 7%;
        padding: 6px 18px;
    }

    .types-logo-slider .owl-item img {
        width: auto;
        margin: 0px auto 50px;
    }

    .logo-type-content {
        left: 6%;
    }

    .pack-cta {
        padding: 0 16px;
    }

    .header-btns a i {
        margin-right: 0;
    }

    .logos-wrapper:hover .logo-type-content {
        margin-left: -19px;
    }

    .design-vent-slider .owl-nav button.owl-next,
    .design-vent-slider .owl-nav button.owl-prev,
    .design-vent-slider button.owl-dot {
        border: none;
    }

    .main_nav-list li a {
        font-size: 40px;
    }

    .logo-animated {
        max-width: 200px;
        margin: -30px;
    }

    .dropdown-menu.dropdown-services .dropdown-item {
        font-weight: 600;
    }

    .popup-main-wrap {
        width: 80%;
    }
    .header-btns .default-btn {
        padding: 12px 20px;
    }
    .get-started-popup {
        padding: 0;
    }
    
}

@media screen and (max-width: 414px) {
    .header-btns .chat-btn {
        display: none;
    }

    .header-btns {
        position: relative;
        right: 20%;
    }

    .main-burger {
        right: 5%;
    }

    .strok-text {
        line-height: 7.74vh;
        font-size: 14.958vw;
    }

    .ban-sm-heading {
        font-size: 29px;
    }

    .ban-lg-heading {
        font-size: 10.125vw;
    }

    .design-strok-heading {
        margin-bottom: 3vh;
    }

    .design-box-wrapper p {
        height: auto;
    }

    .design-cta-text {
        display: none;
    }

    .port-tabs .nav-link,
    .pack-tabs .nav-link {
        font-size: 14px;
    }

    .icon-btn i {
        width: 20px;
        height: 20px;
        font-size: 11px;
        margin-left: 7px;
    }

    .port-tabs,
    .pack-tabs {
        padding: 2vh 0;
    }

    .pack-btn {
        justify-content: space-around;
    }

    .logo-type-content {
        left: 0;
    }

    .logo-type-content {
        left: 0;
        padding: 20px 16px 20px 0px;
        width: auto;
        position: relative;
        height: auto;
        bottom: auto;
        top: auto;
    }

    .types-logo-slider .owl-item img {
        margin: 0;
    }

    .logos-wrapper:hover img {
        transform: scale(1);
    }

    .logos-wrapper:hover .logo-type-content {
        margin-left: 0;
    }

    .logos-wrapper .orange-btn {
        bottom: auto;
        right: 0;
        position: relative;
    }

    .heading42 {
        font-size: 28px;
    }

    .default-btn i {
        display: none;
    }

    .header-btns .default-btn i {
        display: block;
    }

    .header-btns .default-btn {
        padding: 8px 10px;
    }

    .popup-main-wrap {
        width: 90%;
    }
    .achieve-logos .owl-item img {
        width: auto;
        margin: 0 auto;
    }
    .default-btn {
        padding: 5px 19px;
    }
    .long-heading h3 {
        font-size: 36px;
    }
}