@media screen and (max-width:1601px) {
    .index-wrap-1-img {
        right: 0;
        max-width: 57%
    }

    .service-content {
        transform: translateY(119%)
    }

    .index-wrap-4 .bg-heading {
        left: 9%
    }

    .wrap-4-img {
        max-width: 48%
    }

    .pricing-wrapper-main-div {
        margin-top: -10.4%
    }

    .index-wrap-8 {
        margin-top: -12%
    }

    .process-card-item {
        height: 389px
    }

    .process-card-item-3 {
        border-radius: 0 0 85px
    }

    .app-dev-wrap-1-img {
        bottom: -33px;
        right: 11%;
        max-width: 33%
    }

    .wrap-1-bg-laptop {
        right: -2%;
        bottom: -14%;
        max-width: 69%
    }

    .hosting-inner-wrap-2-img {
        top: 118px;
        left: 3%
    }

    .hosting-wrap-5-img {
        right: 7%;
        bottom: -30%;
        max-width: 46%
    }

    .portfolio-main-item-ul li {
        width: 386px;
        /*height: 345px*/
    }

    .contact-wrap-1 h2 {
        font-size: 50px
    }

    .contact-wrap-1 h2 span {
        font-size: 25px
    }

    .contact-wrap-1 {
        padding: 216px 0 161px
    }

    .contact-wrap-1 .wrap-1-bg-text {
        max-width: 39%
    }

    .index-wrap-1-circle,
    .index-wrap-1-circle-inner {
        width: 900px;
        height: 900px
    }

    .contact-wrap-1-img {
        right: 15%;
        bottom: -15%;
        max-width: 32%
    }

    .ecommerc-wrap-1-img {
        position: absolute;
        right: 9%;
        bottom: 144px;
        max-width: 37%
    }
}

@media screen and (max-width:1537px) {
    .pricing-wrapper-main-div {
        margin-top: -11.4%
    }

    .modal-main-img {
        animation: unset
    }

    .hosting-wrap-5-img {
        right: 9%;
        bottom: -25%;
        max-width: 43%
    }

    .wrap-1-web-maintenance-img {
        right: 8%;
        bottom: 0;
        max-width: 42%
    }

    .inner-service-wrap-1 {
        padding: 185px 0 136px
    }

    .process-content-slider-item h2 {
        font-size: 27px
    }

    .portfolio-wrap-1-img {
        right: -30px;
        bottom: -44px;
        max-width: 58%
    }

    .portfolio-main-item-ul li {
        width: 369px;
        /*height: 320px*/
    }

    .contact-wrap-1-img {
        right: 15%;
        bottom: -12%;
        max-width: 32%
    }

    .contact-wrap-1 {
        padding: 180px 0 114px
    }

    .menu-list-main .quick-link-ul li a {
        font-size: 25px
    }

    .menu-list-main .quick-link-ul li {
        margin-bottom: 16px
    }

    .header-inner-ul li a {
        font-size: 15px !important
    }

    .header-inner-ul li {
        margin-bottom: 8px !important
    }

    .cross-platform-wrap-1-img {
        right: 13%;
        bottom: 0;
        max-width: 29%
    }
}

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

    .index-wrap-1-circle,
    .index-wrap-1-circle-inner {
        width: 900px;
        height: 900px
    }

    .index-wrap-1-img {
        right: 0;
        max-width: 61%
    }

    .index-wrap-4 .bg-heading {
        left: 5%;
        font-size: 265px
    }

    .process-card-item {
        height: 342px
    }

    .process-content-slider-item h2 {
        font-size: 25px
    }

    .process-card-item .content h6 {
        font-size: 15px
    }

    .process-card-item .content p {
        font-size: 13px;
        margin-bottom: 7px
    }

    .wrap-8-cta-img {
        position: absolute;
        right: 12%;
        bottom: 0;
        max-width: 35%
    }

    .pricing-wrapper-main-div {
        margin-top: -12.8%
    }

    .footer-form-plane {
        position: absolute;
        left: 0;
        top: 51%;
        max-width: 34%
    }

    .hosting-inner-wrap-2-img {
        top: 118px;
        left: 0
    }

    .hosting-wrap-5-img {
        right: 4%;
        bottom: -29%;
        max-width: 51%
    }

    .wrap-1-web-maintenance-img {
        right: 7%;
        bottom: 0;
        max-width: 45%
    }

    .portfolio-main-item-ul li {
        width: 345px;
        /*height: 299px*/
    }
}

@media screen and (max-width:1367px) {
    .swiper {
        width: 431px;
        height: 438px
    }

    .index-wrap-1 h1,
    h2 {
        font-size: 35px
    }

    .index-wrap-1 {
        padding: 167px 0 75px
    }

    .index-wrap-1 h1 .font-big {
        font-size: 50px
    }

    .index-wrap-1-circle,
    .index-wrap-1-circle-inner {
        width: 750px;
        height: 750px
    }

    .index-wrap-1-img {
        right: 3%;
        max-width: 46%
    }

    .btn,
    button {
        padding: 14px 22px;
        font-size: 12px
    }

    .service-item {
        height: 500px
    }

    .service-item h2 {
        font-size: 30px
    }

    .round-bar-parah p,
    .service-item .service-list-main li,
    p {
        font-size: 15px
    }

    .service-list-main {
        margin-top: 115px
    }

    .service-item .overlay {
        padding: 0 60px
    }

    .service-list-main::after {
        left: 27px
    }

    .service-content {
        transform: translateY(105%)
    }

    .index-wrap-4 .bg-heading {
        left: 6%;
        font-size: 238px;
        top: 21px
    }

    .index-wrap-4 {
        padding: 95px 0
    }

    .index-wrap-5 {
        padding: 94px 0 85px
    }

    .service-inner-tab-ul {
        margin-bottom: 40px
    }

    .index-wrap-7 p br {
        display: none
    }

    .index-wrap-8 {
        margin-top: -17%
    }

    .pricing-wrapper-main-div {
        margin-top: -12%
    }

    .pkg-item-main .pkg-img .overlay p,
    .web-app-form-main p {
        font-size: 12px
    }

    .pkg-item-main .pkg-img {
        height: 175px
    }

    .pkg-price-cta h6 {
        font-size: 61px
    }

    .pkg-price-cta .span-1 {
        font-size: 30px;
        line-height: 18px
    }

    .balti_popup h2,
    .pkg-item-main .pkg-content .p-name {
        font-size: 22px
    }

    .index-wrap-9 .custom-padding {
        padding-bottom: 120px
    }

    .technology-ul-content .technology-item {
        height: 215px;
        padding: 70px
    }

    .industrie-slider-item {
        width: 210px
    }

    .hosting-inner-wrap-3-item .p-head,
    .pea-ul li a,
    .review-content p {
        font-size: 18px
    }

    .industrie-main-row::after {
        height: 143px
    }

    .industrie-main-row::before {
        height: 120px
    }

    .footer-form-plane {
        top: 47%;
        max-width: 34%
    }

    .index-wrap-13 {
        padding: 70px 0
    }

    .accordion-button {
        font-size: 17px;
        padding: 0 0 0 29px
    }

    .accordion-item p {
        padding-top: 12px;
        padding-left: 34px
    }

    .accordion-button span {
        top: 8px;
        left: 0;
        font-size: 16px
    }

    .accordion-button::after {
        width: 35px;
        height: 35px
    }

    .index-wrap-13-faq-scroll {
        height: 422px;
        padding-right: 40px;
        width: 93%
    }

    .index-wrap-14 {
        padding: 55px 0
    }

    .footer-ul-links li a {
        font-weight: 300;
        font-size: 14px
    }

    .footer-ul-links {
        line-height: 35px
    }

    footer {
        padding-top: 65px
    }

    .wrap-8-cta {
        border-radius: 85px 0
    }

    .wrap-8-cta-img {
        right: 12%;
        bottom: 0;
        max-width: 40%
    }

    .inner-service-wrap-1 h1 {
        font-size: 45px
    }

    .inner-service-wrap-1 {
        padding: 173px 0 101px
    }

    .wrap-1-bg-text {
        right: 6%;
        bottom: -12%;
        max-width: 47%
    }

    .app-dev-wrap-1-img {
        bottom: -26px;
        right: 11%;
        max-width: 33%
    }

    .inner-service-wrap-2 {
        padding: 65px 0
    }

    .inner-service-wrap-3-item {
        width: 272px;
        height: 251px
    }

    .inner-service-wrap-3 {
        padding: 59px 0
    }

    .inner-service-wrap-4 {
        padding: 60px 0
    }

    .process-card-item-2 {
        border-radius: 0 105px 0 0
    }

    .wrap-1-hosting-img {
        right: 3%;
        bottom: 0;
        max-width: 53%
    }

    .hosting-inner-wrap-2-img .img-1 {
        max-width: 72%
    }

    .hosting-inner-wrap-2-img {
        top: 145px;
        left: 0
    }

    .img-arrow-1 {
        right: 33%;
        top: -57px;
        max-width: 8%
    }

    .img-arrow-2 {
        left: 15%;
        top: 18px;
        max-width: 4%
    }

    .hosting-inner-wrap-3-item {
        padding: 50px 40px
    }

    .hosting-inner-wrap-3 {
        padding: 58px 0 45px
    }

    .hosting-inner-wrap-5 h2 {
        font-size: 37px
    }

    .hosting-inner-wrap-5 {
        padding: 70px 0;
        background: #1800ff
    }

    .hosting-wrap-5-img {
        right: 2%;
        bottom: -29%;
        max-width: 53%
    }

    .web-maintenance-wrap-1 {
        padding: 162px 0 89px
    }

    .hosting-inner-wrap-3-item-content {
        padding-right: 10px
    }

    .about-wrap-1-img {
        right: 1%;
        bottom: 0;
        max-width: 57%
    }

    .about-wrap-3 {
        padding: 40px 0
    }

    .about-wrap-3-row::before {
        left: 376px
    }

    .about-wrap-3-row::after {
        right: 376px
    }

    .about-wrap-4 {
        padding: 57px 0
    }

    .about-wrap-4-img-1 {
        width: 698px;
        height: 390px
    }

    .wrap-4-img-2 {
        top: 28px;
        right: 9%;
        max-width: 43%
    }

    .portfolio-wrap-1 {
        padding: 162px 0 114px
    }

    .portfolio-wrap-1-img {
        right: -60px;
        bottom: -32px;
        max-width: 58%
    }

    .portfolio-main-item-ul li {
        width: 306px;
        /*height: 265px*/
    }

    .phone-email-anchor .span-1 {
        font-size: 13px
    }

    .phone-email-anchor .span-2 {
        font-size: 15px;
        line-height: 27px
    }

    .pkg-item-main .pkg-img .overlay h6,
    .social-ul-links li a,
    .terms-wrap-2 h3 {
        font-size: 20px
    }

    .nav-close {
        right: 34.7%
    }

    .web-app-form-main {
        padding: 35px 34px
    }

    .web-app-form-main input,
    .web-app-form-main textarea {
        margin-bottom: 12px
    }

    .pkg-item-main .pkg-img .overlay {
        padding-left: 15px;
        padding-right: 15px
    }

    .meta-modal .form-control,
    .meta-modal input,
    .meta-modal select {
        padding: 6px 27px 6px 40px
    }

    .meta-modal .modal-xl {
        max-width: 900px
    }

    .meta-modal textarea {
        height: 75px !important;
        border-radius: 22px !important
    }

    .modal-main-img {
        animation: unset;
        position: absolute;
        left: 40px;
        top: -43px;
        max-width: 55%
    }

    .modal-coin-2 {
        left: 29%;
        bottom: -7%;
        max-width: 7%
    }

    .modal-coin-1 {
        left: -3%;
        max-width: 9%
    }

    .meta-modal .input-icon-textarea {
        position: absolute;
        left: 22px;
        top: 12px;
        max-width: 3%
    }

    .android-app-wrap-1-img {
        right: 17%;
        bottom: 11px;
        max-width: 22%
    }

    .augmented-reality-wrap-1-img {
        right: 9%;
        bottom: 3px;
        max-width: 35%
    }

    .ios-app-wrap-1-img {
        position: absolute;
        right: 10%;
        bottom: 9px;
        max-width: 31%
    }

    .ecommerc-wrap-1-img {
        position: absolute;
        right: 9%;
        bottom: 93px;
        max-width: 35%
    }

    .portal-wrap-1-img {
        right: 2%;
        bottom: 0;
        max-width: 55%
    }

    .branding-tab-container .service-inner-tab-ul li span {
        width: 32px;
        height: 32px;
        margin-right: 8px;
        padding: 9px
    }

    .branding-tab-container .service-inner-tab-ul li {
        padding: 6px 16px 6px 7px;
        font-size: 14px
    }

    .branding-tab-container .service-inner-tab-ul {
        gap: 10px
    }

    .wrap-1-bg-branding-laptop {
        right: 7%;
        bottom: -5%;
        width: 519px
    }

    .wrap-1-bg-digital-marketing-laptop {
        right: 4%;
        bottom: -3%;
        width: 609px
    }
    
    .portfolio-item h5,
    .portfolio-main-item-ul li a h5{
        font-size: 20px;
    }
}

@media screen and (max-width:1186px) {
    .hosting-inner-wrap-3-item .p-head {
        font-size: 14px
    }

    .hosting-inner-wrap-3-item {
        padding: 36px 26px
    }

    .portfolio-main-item-ul li {
        width: 272px;
        /*height: 233px*/
    }

    .contact-wrap-1 h2 {
        font-size: 38px
    }

    .contact-wrap-1 h2 span {
        font-size: 20px
    }

    .radio-toolbar label {
        padding: 11px 22px;
        font-size: 13px
    }

    .contact-wrap-2 {
        padding: 94px 0
    }
    .portfolio-item h5,
    .portfolio-main-item-ul li a h5{
        font-size: 16px;
    }
}

@media screen and (max-width:1180px) {
    .index-wrap-1 h1 {
        font-size: 28px
    }

    .index-wrap-1-circle,
    .index-wrap-1-circle-inner {
        width: 620px;
        height: 620px;
        bottom: -63%
    }

    .cta-btn-item-content p,
    .hosting-inner-wrap-3-item .p-head,
    .hosting-inner-wrap-5-price .span-2 {
        font-size: 14px
    }

    .wrap-8-cta {
        border-radius: 60px 0;
        padding: 55px 62px
    }

    .wrap-8-cta-img {
        right: 13%;
        bottom: 0;
        max-width: 39%
    }

    .index-wrap-7 {
        padding: 80px 0 269px
    }

    .pricing-wrapper-main-div {
        margin-top: -14.2%
    }

    .hosting-inner-wrap-5 h2,
    h2 {
        font-size: 30px
    }

    .pkg-item-main .pkg-img {
        height: 160px
    }

    .pkg-item-main .pkg-img .overlay h6 {
        font-size: 22px
    }

    .pkg-item-main .pkg-img .overlay p {
        font-size: 11px
    }

    .pkg-content {
        padding: 28px 36px 36px
    }

    .pkg-item-main .pkg-content ul .check::before,
    .pkg-item-main .pkg-content ul .cross::before {
        width: 14px;
        height: 14px
    }

    .pkg-item-main .pkg-content ul li {
        margin-bottom: 7px;
        font-size: 14px
    }

    .pkg-item-main .pkg-content .p-name {
        font-size: 20px;
        padding: 20px 0 12px
    }

    .pkg-price-cta {
        padding: 32px 0 23px
    }

    .process-slider-main .slick-next,
    .process-slider-main .slick-next:hover {
        right: 65%
    }

    .technology-ul li {
        padding: 15px 33px;
        font-size: 14px
    }

    .technology-ul-content .technology-item {
        height: 180px;
        padding: 55px
    }

    .industrie-slider-item {
        width: 173px
    }

    .industrie-slider-item-content h6 {
        font-size: 12px;
        margin-bottom: unset
    }

    .review-content p {
        font-size: 16px
    }

    .hosting-inner-wrap-4-item .p-head,
    .review-name h5 {
        font-size: 18px
    }

    .index-wrap-13-faq-scroll {
        height: 422px;
        padding-right: 28px;
        width: 100%
    }

    .accordion-button span {
        top: 9px;
        left: 0;
        font-size: 15px
    }

    .accordion-button {
        font-size: 15px;
        padding: 0 0 0 29px
    }

    .inner-service-wrap-1 h1 {
        font-size: 38px
    }

    .app-dev-wrap-1-img {
        bottom: -26px;
        right: 7%;
        max-width: 36%
    }

    .inner-service-wrap-3-item {
        width: 226px;
        height: 242px
    }

    .round canvas {
        width: 215px;
        height: 215px
    }

    .round h6 {
        font-size: 34px
    }

    .round-bar-parah p {
        font-size: 13px
    }

    .hosting-inner-wrap-2-img .img-1 {
        max-width: 65%
    }

    .img-arrow-1 {
        right: 41%;
        top: -57px;
        max-width: 8%
    }

    .img-arrow-2 {
        left: 13%;
        top: 18px;
        max-width: 4%
    }

    .hosting-inner-wrap-2-img {
        top: 181px;
        left: 0
    }

    .hosting-inner-wrap-3-item {
        padding: 36px 29px;
        border-radius: 30px
    }

    .hosting-inner-wrap-3-item-content {
        height: 65px;
        overflow-y: scroll;
        padding-right: 20px;
        font-size: 12px
    }

    .hosting-inner-wrap-4-item-content {
        padding: 0 11px
    }

    .web-maintenance-wrap-1 h1 {
        font-size: 35px
    }

    .hosting-inner-wrap-5-price h6 {
        font-size: 48px;
        line-height: 50px
    }

    .hosting-wrap-5-img {
        right: 2%;
        bottom: -23%;
        max-width: 57%
    }

    .about-wrap-3-row::before {
        left: 317px;
        width: 6px;
        height: 6px
    }

    .about-wrap-3-row::after {
        right: 317px;
        width: 6px;
        height: 6px
    }

    .about-wrap-4-img-1 {
        width: 628px;
        height: 350px
    }

    .contact-num-add-email-parent {
        flex-wrap: wrap
    }

    .phone-email-anchor .span-1 {
        font-size: 10px
    }

    .phone-email-anchor .span-2 {
        font-size: 12px;
        line-height: 27px
    }
}

@media screen and (max-width:1023px) {
    .index-wrap-2 {
        padding: 28px 22px
    }

    .wrap-1-bg-branding-laptop {
        right: 2%;
        bottom: 0;
        width: 380px
    }

    .meta-modal .modal-xl {
        max-width: 500px
    }

    .index-wrap-2 ul li img {
        max-width: 72%
    }

    .service-item {
        height: 335px
    }

    .service-list-main {
        margin-top: 50px
    }

    .including-item-content .p-head,
    .service-item h2 {
        font-size: 18px
    }

    .cta-btn-item-content p,
    .process-card-item .content h6,
    p {
        font-size: 12px
    }

    .hosting-inner-wrap-4-item p,
    .hosting-inner-wrap-5-price .span-2,
    .service-item .service-list-main li {
        font-size: 10px
    }

    .service-content {
        transform: translateY(115%)
    }

    .inner-service-wrap-1 h1,
    .round h6,
    .web-maintenance-wrap-1 h1,
    h2 {
        font-size: 25px
    }

    .cta-btn-item-circle {
        width: 80px;
        height: 80px
    }

    .cta-btn-item-circle-short {
        width: 15px;
        height: 15px
    }

    .cta-btn-item-circle::before {
        height: 2px;
        width: 69px;
        left: 44px
    }

    .cta-btn-item-anchor:hover .cta-btn-item-circle::before {
        width: 90px
    }

    .cta-btn-item-anchor:hover .cta-btn-item-content {
        padding-left: 69px
    }

    .cta-btn-item-content {
        padding-left: 47px;
        transition: .4s linear
    }

    .index-wrap-4 {
        padding: 60px 0
    }

    .index-wrap-4 .bg-heading {
        left: 6%;
        font-size: 163px;
        top: 15px
    }

    .counter-main .counter-item .p-number {
        font-size: 30px
    }

    .counter-item .counter-name {
        font-size: 13px;
        line-height: 18px
    }

    .counter-main {
        gap: 45px
    }

    .service-inner-tab-ul li {
        padding: 5px 14px 5px 7px;
        font-size: 12px
    }

    .service-inner-tab-ul li span {
        width: 32px;
        height: 32px
    }

    .service-inner-tab-ul {
        gap: 8px
    }

    .index-wrap-6 {
        padding: 49px 0
    }

    .service-portfolio li {
        font-size: 12px;
        padding: 10px 25px
    }

    .index-wrap-7 {
        padding: 50px 0 198px
    }

    .pricing-wrapper-main-div {
        margin-top: -20.2%
    }

    .process-card-item {
        height: 289px
    }

    .faq-img-p p,
    .hosting-inner-wrap-3-item .p-head,
    .process-card-item .content p,
    .round-bar-parah p {
        font-size: 11px
    }

    .process-card-item .content {
        bottom: 11px;
        left: 19px
    }

    .technology-ul li {
        padding: 12px 25px;
        font-size: 11px
    }

    .technology-ul-content .technology-item {
        height: 167px;
        padding: 51px
    }

    .industrie-slider-item-content h6 {
        font-size: 9px;
        margin-bottom: unset
    }

    .industrie-slider-item {
        width: 126px
    }

    .hosting-inner-wrap-4-item .p-head,
    .including-item-content .p-parah,
    .review-content p {
        font-size: 13px
    }

    .f-20,
    .review-name h5 {
        font-size: 15px
    }

    .industrie-main-row::before {
        height: 58px;
        top: -5px
    }

    .index-wrap-12 {
        padding: 50px 0
    }

    .index-wrap-13-faq-scroll {
        height: 288px;
        padding-right: 20px;
        width: 100%
    }

    .accordion-button::after {
        width: 25px;
        height: 25px
    }

    .accordion-button {
        font-size: 14px;
        padding: 0 0 0 24px
    }

    .accordion-button span {
        top: 4px;
        left: 0;
        font-size: 14px
    }

    .accordion-item p {
        padding-top: 9px;
        padding-left: 24px
    }

    .index-wrap-14 .social li a img {
        max-width: 62%
    }

    .achievements-ul {
        padding-top: 20px
    }

    .pkg-item-main {
        margin-bottom: 20px
    }

    .inner-service-wrap-1 h1 .custom-padding {
        padding-left: 22px
    }

    .index-wrap-1-circle-inner {
        width: 450px;
        height: 450px;
        bottom: -43%
    }

    .app-dev-wrap-1-img {
        bottom: -21px;
        right: 4%;
        max-width: 40%
    }

    .inner-service-wrap-3-item-content {
        padding-top: 0
    }

    .inner-service-wrap-3-item {
        width: 167px;
        height: 174px
    }

    .wrap-1-bg-laptop {
        right: -8%;
        bottom: -14%;
        max-width: 72%
    }

    .btn,
    button {
        padding: 12px 16px;
        font-size: 10px
    }

    .hosting-inner-wrap-2-img .img-1 {
        max-width: 49%
    }

    .img-arrow-1 {
        right: 56%;
        top: -39px;
        max-width: 6%
    }

    .img-arrow-2 {
        left: 10%;
        top: 9px;
        max-width: 4%
    }

    .hosting-inner-wrap-2 {
        padding: 57px 0
    }

    .hosting-inner-wrap-2-img {
        top: 154px;
        left: 0
    }

    .hosting-inner-wrap-3-item {
        padding: 26px 24px;
        border-radius: 24px
    }

    .hosting-inner-wrap-4-item-content {
        padding: 0 6px;
        height: 55px
    }

    .hosting-inner-wrap-4-item {
        padding: 33px 15px;
        position: relative
    }

    .hosting-inner-wrap-5 h2 {
        font-size: 22px
    }

    .hosting-inner-wrap-5-price h6 {
        font-size: 35px;
        line-height: 30px
    }

    .hosting-inner-wrap-5-price .span-1 {
        font-size: 20px
    }

    .hosting-inner-wrap-5 {
        padding: 45px 0
    }

    .hosting-wrap-5-img {
        right: 0;
        bottom: -29%;
        max-width: 56%
    }

    .inner-service-wrap-3-item-content-icon {
        height: 50px;
        width: 50px
    }

    .wrap-1-web-maintenance-img {
        right: 3%;
        bottom: 0;
        max-width: 47%
    }

    .hosting-inner-wrap-4 h2 br,
    .service-content p br {
        display: none
    }

    .including-item-img {
        width: 40px;
        height: 40px
    }

    .including-item {
        position: relative;
        padding: 37px 0 46px
    }

    .about-wrap-3-row::before {
        left: 238px;
        width: 4px;
        height: 4px
    }

    .about-wrap-3-row::after {
        right: 238px;
        width: 4px;
        height: 4px
    }

    .about-wrap-4-img-1 {
        width: 392px;
        height: 218px
    }

    .wrap-4-img-2 {
        top: 28px;
        right: 9%;
        max-width: 39%
    }

    .process-slider-main .slick-next,
    .process-slider-main .slick-next:hover {
        right: 57%
    }

    .portfolio-wrap-1 h2 .span-2 {
        font-size: 33px
    }

    .portfolio-wrap-1 .span-1 {
        font-size: 35px;
        padding-left: 150px
    }

    .portfolio-wrap-1-img {
        right: -49px;
        bottom: -19px;
        max-width: 61%
    }

    .portfolio-main-item-ul li {
        width: 33%;
        /*height: 218px*/
    }

    .contact-wrap-1 h2 {
        font-size: 26px
    }

    .contact-wrap-1 h2 span,
    .pea-ul li a {
        font-size: 16px
    }

    .radio-toolbar label {
        padding: 8px 12px;
        font-size: 10px
    }

    .balti_popup {
        width: 80%
    }
}

@media screen and (max-width:821px) {
    .portfolio-main-item-ul li {
        width: 33%;
        /*height: 213px*/
    }
    .portfolio-item h5,
    .portfolio-main-item-ul li a h5{
        font-size: 14px;
    }
}

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

    .hosting-inner-wrap-4 .row-before::before,
    .hosting-inner-wrap-4-item::before {
        display: none
    }

    .portfolio-main-item-ul li {
        width: 33%;
        /*height: 206px*/
    }

    .balti_popup {
        width: 90%;
        padding: 30px 25px
    }
}

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

    .index-wrap-1 h1,
    .wrap-8-cta h2 {
        font-size: 22px
    }

    .index-wrap-1 h1 .font-big {
        font-size: 41px
    }

    .index-wrap-1 h1::before {
        left: -15px;
        top: -29px;
        width: 80px;
        height: 80px
    }

    .lh-28 {
        line-height: 20px
    }

    .index-wrap-2 {
        padding: 16px 7px
    }

    .index-wrap-2 ul li {
        display: inline-block
    }

    .address-custom-ul-add h4,
    .index-wrap-9 h2,
    .process-content-slider-item h2,
    h2 {
        font-size: 20px
    }

    .index-wrap-4 {
        padding: 36px 0 35px
    }

    .index-wrap-4 .bg-heading {
        left: 3%;
        font-size: 77px;
        top: 72px
    }

    .index-wrap-5 h2::before {
        left: -11px;
        top: -32px;
        width: 72px;
        height: 72px
    }

    .index-wrap-5 {
        padding: 63px 0 35px
    }

    .about-wrap-4,
    .index-wrap-10,
    .index-wrap-11,
    .index-wrap-13,
    .index-wrap-6,
    .inner-service-wrap-2,
    .portfolio-wrap-2 {
        padding: 40px 0
    }

    .service-inner-tab-ul li {
        padding: 5px 14px 5px 7px;
        font-size: 10px
    }

    .service-inner-tab-ul li span {
        width: 25px;
        height: 25px;
        padding: 7px
    }

    .service-portfolio li {
        font-size: 10px;
        padding: 8px 17px
    }

    .wrap-8-cta {
        border-radius: 30px 0;
        padding: 30px 27px 28px
    }

    .index-wrap-7 {
        padding: 50px 0 160px
    }

    .index-wrap-8 {
        margin-top: -30%
    }

    .pricing-wrapper-main-div {
        margin-top: -36.2%
    }

    .pricing-wrapper-main-div .pricing-wrapper {
        padding: 188px 0 28px
    }

    .pricing-tabs li {
        font-size: 10px;
        padding: 9px 15px
    }

    .process-card-item {
        height: 237px
    }

    .phone-email-anchor .span-1,
    .process-card-item .content h6,
    .round-bar-parah p {
        font-size: 10px
    }

    .process-card-item .content p {
        font-size: 8px
    }

    .process-card-item-2 {
        border-radius: 0 80px 0 0
    }

    .process-card-item-3 {
        border-radius: 0 0 59px
    }

    .process-card-item .content {
        bottom: 4px;
        left: 15px
    }

    .process-content-slider-item .p-head {
        font-size: 16px
    }

    .process-slider-main .slick-next,
    .process-slider-main .slick-next:focus,
    .process-slider-main .slick-next:hover {
        right: 53%;
        bottom: -19%;
        opacity: 1
    }

    .index-wrap-9 {
        padding: 53px 0 30px
    }

    .index-wrap-9 .custom-padding {
        padding-bottom: 70px
    }

    .process-slider-main::before {
        width: 109%;
        height: 142%;
        border-radius: 0 120px 120px 0
    }

    .technology-ul li {
        padding: 8px 20px;
        font-size: 11px
    }

    .technology-ul {
        display: inline-flex;
        gap: 9px;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center
    }

    .industrie-slider-item {
        width: 165px
    }

    .industrie-main-row::after,
    .industrie-main-row::before {
        width: 100%
    }

    .form-group label {
        font-size: 12px;
        color: #333
    }

    .accordion-button {
        font-size: 11px;
        padding: 0 0 0 18px
    }

    .accordion-button span {
        top: 3px;
        left: 0;
        font-size: 11px
    }

    .accordion-item p {
        padding-top: 8px;
        padding-left: 18px;
        font-size: 10px
    }

    .accordion-button::after {
        width: 20px;
        height: 20px
    }

    .accordion-item {
        padding: 18px 0
    }

    .index-wrap-14 {
        padding: 38px 0 30px
    }

    footer .footer-heading {
        font-size: 18px;
        padding-bottom: 0
    }

    footer {
        padding-top: 35px
    }

    .process-card-item-4 {
        border-radius: 80px 0 0
    }

    .inner-service-wrap-3 ul {
        flex-wrap: wrap
    }

    .inner-service-wrap-3 ul li {
        margin-bottom: 15px
    }

    .inner-service-wrap-3 {
        padding: 37px 0 20px
    }

    .about-wrap-3-row::after,
    .about-wrap-3-row::before,
    .hosting-inner-wrap-3 h2 br,
    .hosting-inner-wrap-4 .row-before::before,
    .hosting-inner-wrap-4-item::before,
    .including-item::after,
    .including-item::before,
    .index-wrap-6 .h2-main br,
    .modal-quote-img,
    .web-inner-service-wrap-1 h2 br {
        display: none
    }

    .round h6 {
        font-size: 25px
    }

    .inner-service-wrap-4 {
        padding: 39px 0
    }

    .inner-service-wrap-3-item {
        width: 166px;
        height: 184px
    }

    .web-inner-service-wrap-1 h2 .custom-padding {
        padding-left: unset
    }

    .inner-service-wrap-1 {
        background-position: left
    }

    .inner-service-wrap-1 h1 .custom-padding {
        padding-left: 0
    }

    .inner-service-wrap-2-clients li img {
        max-width: 80%
    }

    .hosting-inner-wrap-3-item {
        padding: 33px 24px;
        border-radius: 24px
    }

    .balti_popup h2,
    .hosting-inner-wrap-4-item p,
    .including-item-content .p-head,
    .social-ul-links li a {
        font-size: 15px
    }

    .hosting-inner-wrap-4-item .p-head {
        font-size: 17px
    }

    .hosting-inner-wrap-4-item {
        padding: 19px 10px;
        position: relative
    }

    .hosting-inner-wrap-4-item-content {
        padding: 0 6px;
        height: 70px
    }

    .hosting-inner-wrap-4 {
        padding: 43px 0
    }

    .including-item-img {
        width: 30px;
        height: 30px
    }

    .including-item-content .p-parah {
        font-size: 11px
    }

    .including-item {
        position: relative;
        padding: 20px 0
    }

    .portfolio-main-item-ul li {
        width: 49%;
        /*height: 160px*/
    }

    .portfolio-main-ul li {
        padding: 9px 15px;
        font-size: 10px
    }

    .contact-wrap-2 {
        padding: 37px 0
    }

    .contact-wrap-2 form h3,
    .menu-list-main .quick-link-ul li a {
        font-size: 18px
    }

    .radio-toolbar label {
        padding: 7px 11px;
        font-size: 9px;
        margin-right: 2px;
        margin-bottom: 12px
    }

    .contact-wrap-2 input {
        padding: 0 0 25px
    }

    .contact-wrap-2 .custom-margin {
        margin-bottom: 35px
    }

    .phone-email-anchor .span-2 {
        font-size: 11px;
        line-height: 23px
    }

    .phone-email-anchor img {
        max-width: 20%
    }

    body.open .body-full {
        transform: scale(.6) translate3d(-73vw, 0, 0)
    }

    .menu-list-main {
        width: 58.75vw
    }

    .nav-close {
        right: 57.7%;
        width: 45px;
        height: 45px
    }

    .pea-ul li a {
        font-size: 12px
    }

    .header-inner-ul li a {
        font-size: 12px !important
    }

    .header-inner-ul li {
        margin-bottom: 0 !important
    }

    .header-drop-parent.selected .header-inner-ul {
        height: 115px
    }

    .service-content {
        transform: translateY(117%)
    }

    .pricing-inner-tabs li {
        padding: 12px 20px;
        font-size: 10px
    }

    .pricing-inner-tabs {
        display: inline-flex;
        gap: 8px;
        align-items: center;
        flex-wrap: wrap
    }

    .meta-modal .modal-content {
        padding: 15px 20px 20px;
        border-radius: 30px;
        border: 2px solid #d900ff
    }

    .meta-modal .modal-header {
        padding: 0;
        right: 19px;
        top: 20px
    }

    .balti_popup h2+p {
        line-height: 12px;
        font-size: 12px;
        margin-bottom: 12px
    }

    .balti_popup ul li {
        margin: 3px 0
    }

    .balti_popup ul li input::placeholder,
    .balti_popup ul li textarea::placeholder {
        font-size: 14px !important
    }

    .branding-tab-container .service-inner-tab-ul li span {
        width: 28px;
        height: 28px;
        margin-right: 6px;
        padding: 8px
    }

    .branding-tab-container .service-inner-tab-ul li {
        padding: 4px 14px 4px 5px;
        font-size: 11px
    }
}

@media screen and (max-width:374px) {
    .inner-service-wrap-3-item {
        width: 157px;
        height: 184px
    }
}