@media (min-width: 1199px) {
    .home-page-packages .custom-scroll {
        flex-wrap:wrap;
        justify-content: center;
        transform: translate(0)!important
    }

    .home-page-packages .custom-scroll li {
        padding: 15px 8px;
        margin-bottom: 10px
    }

    .home-page-packages .swiper-button-next,.home-page-packages .swiper-button-prev {
        display: none!important
    }
    
}

@media(max-width: 1400px) {
    .n-design .image_3d_effect {
        max-width:100%
    }

    .combo_livect_btn,.combo_order_btn {
        font-size: 15px
    }

    .home_banenr .slide_3,.home_banenr .slide_4 {
        padding-bottom: 70px
    }

    .home_banenr .carousel-indicators {
        bottom: 30px
    }

    .combo_offer_content .title {
        font-weight: 800;
        font-size: 40px
    }

    .combo_offer_content p {
        font-size: 16px
    }

    .combo_offer_content .links p {
        font-weight: 400;
        margin-bottom: 10px;
        font-size: 16px
    }

    .brand_section h3 {
        font-size: 40px
    }

    .brand_box img {
        max-width: 80px
    }

    .brand_box:before {
        width: 120px;
        height: 120px
    }

    .navbar .dropdown ul {
        width: 1170px
    }

    .combo_offer_content small {
        font-size: 18px
    }

    .mobile-animation {
        right: 8%
    }

    .happy-client .owl-nav .owl-next span {
        margin-right: 0
    }

    .happy-client .owl-nav .owl-prev span {
        margin-left: 0
    }
}

@media(max-width: 1400px) {
    .logo-banner-bg-animation {
        display:none
    }
}

@media (max-width: 1199px) {
    .pkg_page_title .content {
        padding: 42px 0;
    }
    .banner_md_txt {
        font-size:50px!important
    }

    .logo-desig-banner-form {
        width: 450px;
        padding: 40px 60px;
        padding-bottom: 150px
    }

    .home_banenr .shape-1,.home_banenr .shape-2,.home_banenr .shape-3,.home_banenr .shape-4 {
        display: none
    }

    .homepage-hero__inner p b span {
        font-size: 25px
    }

    .homepage-hero__inner p {
        margin-bottom: 10px
    }

    .homepage-hero__inner ul li {
        font-size: 18px
    }

    .home_banenr .carousel-indicators {
        max-width: 960px;
        bottom: 30px
    }

    .top_menu .support-btn {
        display: none
    }

    .home_client_review_item p {
        font-size: 16px
    }

    .home_client_review_slider .owl-item {
        opacity: 1;
        transform: scale(1)
    }

    p {
        font-size: 16px
    }

    .c_btn {
        font-size: 18px
    }

    .btn_link {
        font-size: 18px
    }

    .strategy-box-wrap {
        margin-top: 30px
    }

    .case_study p.text {
        font-size: 16px
    }

    .navbar .dropdown ul {
        width: 960px;
        left: 0;
        transform: translate(-29%)
    }

    .our_package .label {
        margin-top: -30px;
        position: relative;
        width: calc(100% + 40px);
        left: -20px;
        top: 0;
        margin-bottom: 10px
    }

    .our_package {
        height: 100%
    }

    .combo_offer_row .section_title {
        font-size: 45px
    }

    .section_title,h2 {
        font-size: 38px
    }

    .service-hero {
        min-height: 500px
    }

    .bi-banner.cta-section .banner-text h1 {
        font-size: 38px
    }

    .banner-text h3 span,.bi-banner.cta-section .banner-text h3,.bi-banner.cta-section .banner-text h3>span {
        font-size: 18px
    }

    .bi-banner.cta-section .banner-text h3 {
        margin-bottom: 15px
    }

    .bi-banner.cta-section .banner-text p {
        font-size: 16px
    }

    .banner-text h2 a,.banner-text h2 button {
        font-size: 16px;
        min-width: 150px;
        padding: 0 10px;
        height: 40px;
        line-height: 40px
    }

    div#one .happy-client-slide img {
        height: 224px!important
    }

    div#one .happy-client-slide p {
        font-size: 15px;
        line-height: 1.3
    }

    .about-slide .happy-client-slide h3 {
        font-size: 20px
    }

    .about-slide .owl-carousel .owl-nav button span {
        line-height: 50px;
        width: 50px;
        padding: 0!important
    }

    .process-section .process-wrap .process-box {
        width: 31%;
        margin: 1%;
        background: #fdfeff;
        padding: 30px 10px;
        box-shadow: 0 0 27px 0 hsl(0deg 0% 0% / 7%);
        border: 1px solid #c5c5c5
    }

    .process-section .process-wrap .process-box h3 {
        margin: 10px 0
    }

    .mobile-animation {
        width: 480px
    }

    .mobile-animation img.mobile-2,.mobile-animation img.mobile-3,.mobile-animation img.mobile-4 {
        left: 115px;
        width: 168px
    }

    .mobile-animation img.mobile-2 {
        bottom: 289px
    }

    .mobile-animation img.mobile-3 {
        bottom: 185px
    }

    .animation-search {
        width: 220px;
        left: 110px
    }

    .animation-search1 {
        width: 220px;
        left: 110px;
        top: 122px
    }

    .animation-search1 p.h-blue {
        font-size: 16px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .animation-search1 p {
        font-size: 13px
    }

    .counter-wrapper {
        left: 350px
    }

    .counter b {
        font-size: 30px;
        line-height: 25px
    }

    .animation-search p {
        font-size: 14px
    }

    .works-wrap p {
        font-size: 16px
    }

    .account-item p {
        font-size: 14px;
        margin-bottom: 15px
    }

    .account-item {
        gap: 10px
    }

    .account-item img {
        max-width: 40px
    }

    section.bi.service-hero.domain-banner h2 {
        margin-bottom: 0
    }

    .an-icon-box figure {
        box-shadow: none;
        border: 1px solid #e9e9e9
    }

    .process-wrap .an-icon-box figure::before {
        display: none
    }

    .process-slider-main .an-icon-box figure {
        width: 100px;
        height: 100px;
        margin-bottom: 10px;
        margin-right: 5px
    }

    .process-slider-main .an-icon-box figure img {
        max-width: 55px;
        max-height: 55px
    }

    .how-its-work-process p {
        font-size: 16px;
        margin-bottom: 15px
    }

    .process-slider-main .an-icon-box {
        padding-top: 0;
        width: auto;
        margin: 0 0!important
    }

    .how-its-work-process h2 {
        margin-bottom: 15px;
        font-size: 34px
    }

    .how-its-work-process .py_70 {
        padding: 40px 0
    }

    .an-icon-box-wrapper {
        margin-bottom: 0
    }

    .packages-sleder-item-4 .our_package .label {
        margin-top: -56px
    }

    .home-page-packages .custom-scroll li {
        font-size: 14px;
        padding: 9px
    }

    .home-page-packages .tabbar-slider .swiper-button-next {
        margin-top: -33px
    }

    .home-page-packages .tabbar-slider .swiper-button-prev {
        margin-top: -33px
    }

    .navbar li {
        position: relative;
        padding: 0 10px
    }

    .afff-logos h3 {
        font-size: 27px;
        text-shadow: none
    }

    .afff-logos h3 span {
        text-align: left
    }
}

@media(max-width: 1024px) {
    .combo_offer_content .title {
        font-size:50px
    }
}

@media (max-width: 991px) {
    .logo-desig-banner-form h3 {
        font-size: 24px;
    }

    .logo-desig-banner-form h3 span {
        display: block;
        font-size: 20px;
    }

    .inner_banner .banner_md_txt {
        font-size: 40px
    }

    .home_banenr .n-design {
        padding: 50px 0
    }

    .home_banenr .slide_1::before {
        opacity: .1;
        width: 100%;
        height: 100%
    }

    .n-design .image_3d_effect {
        margin-top: 40px
    }

    .logo-desig-banner-form {
        background: #fff;
        border: 2px solid #ff0053;
        padding: 20px;
        width: 400px;
        margin-top: 40px
    }

    .n-design .homepage-hero__inner .row {
        justify-content: center
    }

    .home_banenr .carousel-indicators {
        width: 100%;
        justify-content: center
    }

    .homepage-hero__inner ul li {
        min-width: auto!important
    }

    .brand_section h3 {
        font-size: 28px
    }

    .c_btn {
        font-size: 15px;
        padding: 10px 20px
    }

    .btn_link {
        font-size: 15px
    }

    .inner_banner .banner_divider {
        height: 5px
    }

    .inner_banner .content>div {
        text-align: center
    }

    .inner_banner img {
        margin-top: 30px
    }

    .strategy-box-wrap {
        justify-content: center
    }

    .strategy-box-wrap .strategy-box {
        width: 31%
    }

    .logo {
        padding: 8px 0
    }

    .navbar .dropdown ul {
        display: none
    }

    .navbar .dropdown:hover ul {
        display: block;
        width: 100%;
        left: 0;
        transform: translate(0)
    }

    .navbar .header_menu {
        overflow-x: hidden
    }

    .navbar .dropdown ul a {
        padding: 10px;
        padding-left: 20px;
        margin-bottom: 0
    }

    .navbar .dropdown ul a::before {
        content: "-";
        font-size: 20px;
        font-weight: 600;
        line-height: 0;
        margin-right: 7px
    }

    .navbar a,.navbar a:focus {
        padding: 0 12px
    }

    .combo_offer_content {
        padding: 30px
    }

    .package_tabs ul li {
        padding: 20px 5px;
        font-size: 13px;
        min-width: 190px
    }

    .our_package {
        height: 100%
    }

    .strategy-banner .section_title {
        font-size: 28px
    }

    .combo_offer_row .combo_image {
        display: none
    }

    .combo_offer_row .combo_offer_content {
        width: 100%
    }

    .combo_offer_row {
        padding-right: 0
    }

    .combo_offer .section_title::after {
        left: 0;
        height: 5px
    }

    .home_client_review_item p {
        font-size: 1rem
    }

    .review_footer {
        text-align: center
    }

    .faq_box_row {
        padding: 30px 0 30px
    }

    .faq_box.active .faq_title {
        font-size: 16px
    }

    .faq_content p {
        font-size: 16px
    }

    .faq_title {
        font-size: 16px
    }

    .contact_details h3 a {
        display: inline-block;
        font-size: 16px
    }

    .banner_links {
        text-align: center;
        margin-bottom: 30px
    }

    .navbar .dropdown ul a span {
        display: none
    }

    .navbar .dropdown:hover ul {
        padding: 0
    }

    .navbar .dropdown ul .row>div {
        padding: 0
    }

    .navbar .dropdown ul li a::before {
        content: "-";
        display: inline-block
    }

    .case_study {
        text-align: center
    }

    .case_study .section_title_seprator:after {
        left: 50%;
        transform: translateX(-50%)
    }

    .case_study .rating_star img {
        display: inline-block
    }

    .tabs .tab_list li {
        padding: 5px 15px;
        margin-bottom: 10px;
        background: #eee;
        font-size: 14px;
        display: inline-block;
        margin-right: 5px
    }

    .brand_logos {
        padding: 0 15px
    }

    .brand_section>.row {
        margin: 0
    }

    .home_client_review_slider .owl-item {
        opacity: 1;
        transform: scale(1)
    }

    .combo_offer_row .section_title {
        font-size: 28px
    }

    .section_three {
        text-align: center
    }

    .section_three .section_title_seprator:after {
        left: 50%;
        transform: translatex(-50%)
    }

    .section_three .rating_img {
        display: inline-block!important
    }

    .section_title,h2 {
        font-size: 30px
    }

    .expect_content {
        max-width: 100%
    }

    .achieve_box {
        border: 1px solid #c9c9c9;
        margin-bottom: 15px;
        padding: 20px 15px;
        background: #f5f7f8
    }

    .section_one .border_1 {
        border: none
    }

    body {
        font-size: 16px
    }

    .expect_img {
        display: none
    }

    .for_mobile {
        margin-bottom: 30px
    }

    .service-hero {
        min-height: 400px
    }

    .service-hero::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: hsl(0deg 0% 0% / 60%)
    }

    .service-hero {
        position: relative
    }

    .service-hero .container {
        position: relative;
        z-index: 1
    }

    .bi-section {
        padding: 60px 0
    }

    .animate-box .box-wrap {
        width: 49%;
        margin-bottom: 20px
    }

    .about-section .top-text.mb-5 {
        margin-bottom: 20px!important
    }

    .animate-box .box-wrap h3 {
        padding-top: 0
    }

    .animate-box .box-wrap h3 {
        font-size: 20px!important
    }

    .who-we-text {
        margin-left: 0
    }

    .who-we-text p {
        font-size: 14px
    }

    .bi-button {
        font-size: 14px;
        padding: 7px 15px
    }

    .price-wrap {
        justify-content: center
    }

    .price-table {
        width: 48%;
        margin: 1%
    }

    .price-table li {
        font-size: 16px
    }

    .bi-banner.cta-section .banner-text h1 {
        font-size: 28px
    }

    .home_client_review_item {
        min-height: 340px
    }

    .sub_title_text {
        font-size: 16px;
        margin-bottom: 1rem
    }

    .about-slide .top-text.mb-5 {
        margin-bottom: 0!important
    }

    .process-section .process-wrap .process-box {
        width: 48%
    }

    section.bi-section.process-section .top-text.mb-5 {
        margin-bottom: 0!important
    }

    .bi-price .top-text {
        margin-bottom: 0!important
    }

    .mobile-animation {
        display: none
    }

    section.bi.service-hero.seo-banner::before {
        display: none
    }

    .case-study .top-text.mb-5 {
        margin-bottom: 0!important
    }

    .case-study .top-text p {
        margin-bottom: 0
    }

    .case-wrap {
        width: 100%;
        background: #fff;
        border: 1px solid #d1d1d1;
        padding: 5px;
        height: 100%;
        margin-top: 0
    }

    section.bi-section.logos {
        padding: 20px 0;
        background: #f3f3f3;
        margin-bottom: 40px
    }

    .seo-text h2 {
        font-size: 30px;
        margin-bottom: 10px!important
    }

    .seo-text p {
        margin-bottom: 13px;
        font-size: 16px
    }

    section.bi-section.seo-section {
        margin-bottom: 0
    }

    .works-wrap {
        width: 100%
    }

    .works-wrap p {
        font-size: 16px
    }

    .works-wrap h3 {
        font-size: 18px;
        margin-bottom: 10px
    }

    .works-wrap img {
        max-width: 250px!important
    }

    .how-it-works .top-text.mb-5 {
        margin-bottom: 0!important
    }

    .account-img img {
        display: none!important
    }

    .account-text {
        padding: 0
    }

    .account-item {
        background: #f5f5f5;
        padding: 15px;
        margin-bottom: 15px;
        border: 1px solid #c9c9c9
    }

    .top-text.mb-5 {
        margin-bottom: 0!important
    }

    .accordion-button {
        padding: 10px 15px;
        font-size: 18px
    }

    .accordion-body {
        padding: 10px
    }

    .accordion {
        max-width: 100%
    }

    .bi-faq .accordion {
        margin-top: 30px
    }

    .bi-price {
        margin-bottom: 40px
    }

    section.bi-banner.cta-section.dark-cta {
        margin-bottom: 0
    }

    .bi-faq {
        margin-bottom: 0;
        background: #f5f5f5;
        padding-bottom: 27px;
        padding-top: 40px
    }

    .hero-right-text {
        display: none
    }

    section.bi.service-hero.social-media-banenr .hero-text {
        padding: 0 10px
    }

    .seo-text h2:nth-child(2) {
        font-size: 20px
    }

    .works-wrap {
        margin-bottom: 0
    }

    .works-wrap-row>div {
        margin-bottom: 30px
    }

    .works-wrap-row {
        justify-content: center
    }

    section.bi-section.social-service {
        padding-top: 0
    }

    .works-wrap span {
        display: inline-block
    }

    .works-wrap-row>div:last-child {
        margin-bottom: 0
    }

    section.social-media-slider-section.pb_70 {
        padding-bottom: 40px
    }

    .bi-price h2.section_title {
        padding-bottom: 0
    }

    .happy-client {
        padding: 40px 0
    }

    .happy-client p {
        margin-bottom: 0
    }

    .style-font::before {
        display: none
    }

    section.bi.happy-client .happy-client-slide {
        background: #f5f7f8;
        padding: 10px
    }

    .patner_section {
        padding-bottom: 0
    }

    section.bi.service-hero.domain-banner .hero-text p span {
        font-size: inherit;
        font-weight: 700
    }

    .bi.service-hero.domain-banner p {
        margin-top: 20px
    }

    section.how-it-work-banner {
        background: #ff0053
    }

    section.how-it-work-banner h1,section.how-it-work-banner p {
        color: #fff
    }

    section.how-it-work-banner picture {
        display: none
    }

    .how-it-work-banner .row {
        min-height: auto;
        padding: 50px 0
    }

    section.how-it-work-banner h1 {
        font-size: 30px
    }

    section.how-it-work-banner p {
        font-size: 18px;
        margin-bottom: 0
    }

    .an-icon-box {
        padding-top: 0
    }

    .process-slider-nav .swiper-pagination {
        display: block
    }

    .how-its-work-process .sc-img {
        display: none
    }

    .mini_title {
        font-size: 24px
    }

    .contact_detail_box {
        min-height: auto;
        background: #f5f5f5;
        margin-top: 30px;
        margin-bottom: 30px
    }

    .contact_form input,.contact_form textarea {
        font-size: 16px;
        border-radius: 0
    }

    #main .Portfolio_page ul.custom-scroll li {
        height: 40px;
        width: auto!important;
        min-width: auto
    }

    .Portfolio_page {
        padding-bottom: 10px
    }

    @keyframes packagetab {
        0% {
            top: -250px
        }

        100% {
            top: -80px
        }
    }

    .tabbar-slider .swiper-button-next {
        height: 40px
    }

    .tabbar-slider .swiper-button-prev {
        height: 40px
    }

    .pkg_page_title .content {
        padding: 30px 0;
        padding-bottom: 30px;
    }

    .pkg_page_title .content p {
        min-height: 83px
    }

    .design_project.mb_40 {
        margin-bottom: 0
    }

    section#portfolio .py_70.our_packages .pt_50 {
        padding-top: 0
    }

    .strategy-banner-wrapper {
        margin: 30px 0
    }

    .strategy-banner {
        padding: 30px 0
    }

    .strategy-banner p {
        font-size: 16px
    }

    .portfoio-page-body main#main .pb_70 {
        padding-bottom: 40px
    }

    .packages-sleder-item-3 .our_package .label {
        margin-top: -56px
    }

    .our_package ul li {
        font-size: 16px
    }

    .price-table:hover {
        transform: scale(1);
        border-left: 1px solid #000;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        box-shadow: none
    }

    div#tab-9 div#one .owl-nav {
        display: none!important
    }

    .social-post-slider {
        margin-bottom: 0!important
    }

    .custom-website-form img {
        display: none
    }

    .custom-website-form {
        padding: 1.5rem;
        margin-bottom: 30px
    }

    .applitation-form-mobile {
        display: none
    }

    .home-page-packages .custom-scroll li {
        min-width: auto
    }

    .home-page-packages .tabbar-slider .swiper-button-next {
        margin-top: -2px
    }

    .home-page-packages .tabbar-slider .swiper-button-prev {
        margin-top: -2px
    }

    .home-page-packages .tabbar-slider {
        margin-bottom: 20px
    }

    section.patner_section.afff-logos .row>div:nth-child(1),section.patner_section.afff-logos .row>div:nth-child(2) {
        background: no-repeat;
        height: auto;
        text-align: center;
        display: block
    }

    .afff-logos h3 {
        color: #fff;
        margin-bottom: 20px
    }

    .afff-logos h3 br {
        display: none
    }

    .afff-logos h3 span {
        display: inline-block
    }

    .patner_section.afff-logos::before {
        display: none
    }

    section.patner_section.afff-logos {
        padding: 20px 0;
        background: #001148
    }

    section.patner_section.afff-logos img {
        max-width: 155px
    }

    section.patner_section.afff-logos .item>div {
        border: 1px solid #cdcdcd;
        background: #fff
    }

    .banner_link {
        font-size: 15px;
        font-weight: 600;
        margin-left: 10px
    }

    .topbar {
        display: block
    }

    .topbar a {
        font-size: 12px;
        padding: 0 5px
    }

    .webp .combo_offer {
        background-image: none;
        background-color: #03003f
    }

    .contact_section {
        background-image: none
    }

    .home_banenr .homepage-hero__inner picture {
        display: none
    }

    .home_banenr .slide_3::before,.home_banenr .slide_4::before {
        background: no-repeat;
        display: none
    }
}

@media (max-width: 767px) {
    .strategy-box-wrap .strategy-box {
        width:48%
    }

    .our_packages {
        padding-top: 30px
    }

    .home-page-packages .tabs {
        margin-bottom: 0
    }

    .banner_xs_txt {
        font-size: 16px
    }

    .combo_offer_content small {
        font-size: 16px
    }

    .combo_offer_content .title {
        font-size: 30px;
        font-weight: 700
    }

    .about_box .title,.contact_form .title {
        font-size: 25px;
        margin-bottom: 15px
    }

    .combo_offer_content p {
        font-size: 16px;
        margin-bottom: 15px;
        text-align: left
    }

    .combo_offer_content .links p {
        font-weight: 400;
        font-size: 15px;
        margin-bottom: 10px
    }

    .combo_offer_content {
        padding: 15px
    }

    .tabs .tab_list {
        justify-content: center;
        min-width: 100%
    }

    .combo_offer .section_title::after {
        width: 50px;
        height: 5px;
        left: 0
    }

    .combo_offer .section_title {
        margin-bottom: 20px
    }

    .combo_offer_row .combo_offer_content {
        padding: 0
    }

    .contact_details h3 {
        text-align: center
    }

    .footer-logo img {
        max-width: 250px
    }

    .contact_section {
        padding-top: 30px
    }

    .banner_md_txt {
        font-size: 30px!important
    }

    .home_banenr .banner_md_txt {
        font-size: 36px!important
    }

    .homepage-hero__inner h1 b sup {
        font-size: 20px;
        top: -11px
    }

    .homepage-hero__inner h6 {
        font-size: 20px;
        margin-bottom: 0
    }

    .home_banenr .banner_md_txt {
        margin-top: 0
    }

    .homepage-hero__inner p b span {
        font-size: 20px
    }

    .homepage-hero__inner p b {
        font-size: 18px
    }

    .homepage-hero__inner p b span {
        font-size: 20px
    }

    .homepage-hero__inner p b {
        font-size: 18px
    }

    .home_banenr .n-design {
        padding: 30px 0
    }

    .homepage-hero__inner h1 .ovar-text {
        left: 2px;
        top: 2px
    }

    .homepage-hero__inner ul li {
        font-family: Mukta,sans-serif;
        font-size: 16px
    }

    .inner_banner .carousel-item>.row {
        flex-direction: column-reverse
    }

    .service-hero {
        text-align: center
    }

    .service-hero p {
        text-align: center
    }

    .service-hero .d-flex {
        justify-content: center;
        flex-direction: row!important
    }

    .service-hero .btn {
        font-size: 14px;
        padding: 10px
    }

    .service-hero {
        min-height: auto
    }

    .hero-text {
        padding: 50px 10px
    }

    .service-hero p {
        font-size: 16px!important
    }

    .bi-section {
        padding: 40px 0
    }

    .who-we-text {
        text-align: center;
        background: #f5f7f8;
        margin: 0;
        padding: 20px 10px
    }

    .who-we-text button {
        align-self: center
    }

    section.bi-section.who-we-are .top-text p.sub_title_text {
        margin-bottom: 0
    }

    section.bi-section.who-we-are .top-text {
        margin-bottom: 20px!important
    }

    .who-we-are {
        background: #f5f7f8;
        padding: 40px 0!important;
        padding-bottom: 30px!important
    }

    .animate-box .box-wrap:last-child {
        margin-bottom: 0
    }

    .bi-price.bi-no-padding .top-text.mb-5 {
        margin-bottom: 0!important
    }

    .bi-price.bi-no-padding {
        padding-top: 40px!important
    }

    .cta-section .banner-text .img-wrap {
        display: none
    }

    .bi-banner.cta-section .text-wrap {
        text-align: center
    }

    .banner-text {
        padding: 0 10px
    }

    .bi-banner.cta-section .banner-text p {
        margin-bottom: 0!important
    }

    .bi-banner.cta-section .text-wrap {
        padding: 40px 0
    }

    section.bi-section.bi-price ul.tab_list {
        width: auto;
        flex-wrap: wrap
    }

    .process-section .process-wrap .process-box {
        width: 98%
    }

    .case-label span p {
        font-size: 11px
    }

    .case-label span {
        padding: 3px 5px;
        width: 48%;
        margin: 1%
    }

    .seo-text {
        padding: 15px;
        text-align: center;
        background: #f5f5f5
    }

    .seo-text h2 {
        font-size: 20px
    }

    .works-wrap {
        background: #fff;
        padding: 10px;
        margin-bottom: 20px;
        border: 1px solid #cdcdcd
    }

    .works-wrap p {
        text-align: center
    }

    section.bi-section.how-it-works {
        padding-bottom: 20px
    }

    .cta-section.dark-cta .banner-bg {
        background-position: top right;
        position: relative
    }

    .cta-section.dark-cta .banner-bg::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: hsl(260deg 74% 41%);
        top: 0;
        left: 0
    }

    .cta-section.dark-cta .banner-bg>div {
        position: relative;
        z-index: 1
    }

    .cta-section.dark-cta .banner-bg .banner-text h1 {
        color: #fff
    }

    .cta-section.dark-cta .banner-text h3 {
        color: #fff
    }

    .cta-section.dark-cta .banner-text p {
        color: #fff!important
    }

    .seo-text p {
        text-align: center!important
    }

    section.bi.service-hero.web-design-banner .hero-text {
        padding: 0 15px
    }

    .hero-text h2 {
        font-size: 26px
    }

    .happy-client .owl-nav {
        display: none!important
    }

    .bi.service-hero.domain-banner p {
        font-size: 18px!important
    }

    .mini_title {
        font-size: 20px
    }

    div#protfolio_tabs.swiper {
        height: 45px
    }

    .bundle-box.row>div {
        max-width: 50%
    }

    .bundle-img {
        height: 200px
    }

    .bundle-price {
        min-width: 45px
    }

    div#tab-9 div#one .item {
        background: #f5f7f8;
        padding: 10px
    }

    .social-post-slider .swiper-wrapper {
        height: 700px
    }

    .home-page-packages .tabbar-slider .swiper-button-next {
        height: 70px;
        margin-top: -13px
    }

    .home-page-packages .tabbar-slider .swiper-button-prev {
        height: 70px;
        margin-top: -13px
    }

    .home-page-packages .custom-scroll li {
        line-height: 30px
    }

    .patner_section.afff-logos::before {
        display: none
    }

    section.patner_section.afff-logos .row>div:nth-child(1) {
        background: no-repeat;
        text-align: center;
        display: block;
        height: auto
    }

    section.patner_section.afff-logos {
        padding-top: 30px
    }

    section.patner_section.afff-logos h3 br {
        display: none
    }

    .price-table.swiper-slide {
        height: auto
    }
}

@media (max-width: 575px) {
    .animate-box .box-wrap {
        width:100%
    }
    .pkg_page_title .content {
        padding: 13px 0;
    }
    .homepage-hero__inner ul li {
        width: 100%
    }

    .slide_1 .homepage-hero__inner p b {
        margin-bottom: 10px;
        font-size: 18px
    }

    .slide_1 .homepage-hero__inner p {
        margin-bottom: 10px
    }

    .home-page-packages .tabs {
        margin-bottom: 0
    }

    .strategy-box-wrap .strategy-box {
        width: 98%
    }

    .addon-nav .container {
        flex-direction: column
    }

    body.bottom-nav-ative {
        padding-bottom: 85px
    }

    .price-table {
        width: 98%
    }

    .banner-text h2 a,.banner-text h2 button {
        min-width: 125px;
        font-size: 14px
    }

    div#one .happy-client-slide img {
        height: auto!important
    }

    .about-slide .owl-nav {
        display: block!important;
        position: absolute;
        top: 25%;
        width: 100%
    }

    .mobile-bottom-menu {
        display: block
    }

    body {
        padding-bottom: 58px
    }

    .portfolio-stickty.bottom-nav-ative {
        padding-bottom: 145px
    }

    .mobile-service-tab {
        display: block
    }

    .seoform-btn {
        background: #ff0053!important;
        color: #fff!important
    }

    .txt-find-site {
        width: 100%;
        border-radius: 5px;
        margin-bottom: 0;
        font-size: 16px;
        height: 50px
    }

    .service-hero .btn {
        width: 100%;
        margin: 0!important;
        margin-top: 10px!important
    }

    .service-hero .d-flex {
        flex-direction: column!important
    }

    .service-hero .bi-button:last-child {
        background: #fff!important;
        color: #000
    }

    .domain-search {
        flex-direction: column
    }

    section.bi.service-hero.domain-banner .domain-search button {
        height: auto;
        background: #fcb10e!important;
        color: #fff;
        font-size: 16px
    }

    .Portfolio_page .package_tabs ul li {
        font-size: 12px;
        padding: 6px;
        margin-left: 0
    }

    .pkg_page_title .content h1 {
        font-size: 23px!important
    }

    @keyframes packagetab {
        0% {
            top: -250px
        }

        100% {
            top: -70px
        }
    }

    .addon-nav {
        bottom: 56px
    }

    .bundle-img {
        height: 120px
    }

    .bundle-heading {
        flex-direction: column;
        padding: 0 5px
    }

    .bundle-inside-wrap .bundle-price p {
        text-align: left;
        margin-bottom: 0
    }

    .bundle-price {
        padding-bottom: 0
    }

    .bundle-heading .heading--h5 {
        font-size: 16px!important
    }

    .bundle-box.row>div {
        padding: 3px;
        margin-bottom: 0;
        max-width: 50%
    }

    .bundle-box.row {
        padding: 0 5px
    }

    .bundle-inside-wrap {
        border: 1px solid #d1d1d1
    }

    .bundle-box.row {
        padding-bottom: 40px
    }

    #domain_tabs ul.tab_list li {
        width: 100%
    }

    #domain_tabs ul.tab_list {
        flex-wrap: wrap
    }

    .partner_slider img {
        width: auto;
        max-width: 150px;
        display: inline-block!important
    }

    .partner_slider .item {
        text-align: center
    }

    .mobile-bottom-menu {
        bottom: -80px;
        transition: .5s
    }

    #header.header-scrolled .topbar {
        display: none
    }

    .pkg_content {
        height: 200px
    }

    .our_package .pkg_price {
        margin-bottom: 0;
        font-size: 30px;
        margin-top: 0
    }

    .our_package .pkg_title {
        font-size: 16px;
        margin-bottom: 0
    }

    .packages-sleder .swiper-slide .our_package {
        padding: 15px 0
    }

    .packages-sleder .swiper-slide .our_package {
        margin-bottom: 13px!important
    }

    .our_package .pkg_link {
        margin-bottom: 12px
    }

    .price-table li {
        font-size: 13px;
        margin-bottom: 5px
    }

    .price-table.swiper-slide {
        padding: 15px 10px
    }

    #domain_tabs ul.tab_list {
        margin-bottom: 20px
    }
}

@media (max-width: 480px) {
    .an-icon-box figure {
        width:120px;
        height: 120px
    }

    section.bi-section.bi-price ul.tab_list {
        flex-wrap: wrap
    }

    div#domain_tabs .tabs li {
        width: 100%;
        padding: 11px
    }

    section.patner_section.afff-logos .item>div img {
        max-height: 100%
    }
}

.aff_slider img {
    max-width: 150px;
    width: auto
}

.navbar .dropdown ul li.combo-packages-menu a {
    background: #e5e5e5;
    text-align: center;
    color: #575757
}