@media(min-width:768px) {}

@media(min-width:768px) and (max-width:992px) {

    .container,
    .container-md,
    .container-sm {
        max-width: 100%;
    }
}

@media(min-width:992px) and (max-width:1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 992px;
    }

}

@media(min-width:992px) {
    .list-2 li {
        font-size: 20px;
    }

    .list-2.list-3 li {
        font-size: 16px;
    }

    .ppc-5 .list-2 li {
        font-size: 16px;
    }

    .table-cell p {
        font-size: 18px;
    }

    .pb-md-section-padding {
        padding-bottom: 120px !important;
    }
}

@media(min-width:1200px) {

    .container,
    .container-md,
    .container-sm {
        max-width: 1180px;
    }
}

@media(min-width:1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1200px;
    }

    .line-pattern-group {
        max-width: 1198.5px;
    }
}

@media(max-width:1200px) {
    .cta-inner {
        padding: 80px 160px;
    }

    .tabs-cover {
        justify-content: center;
    }

    .tab-content-box-cover {
        min-height: 388.1px;
    }

    .tab-button {
        font-size: 16px;
    }

    .single-working-process-one .inner-content {
        height: 138px;
    }
}

@media(max-width:992px) {
    .menu-item a {
        font-size: 60px;
    }

    .menu-item .menu-counter-left,
    .menu-item .menu-counter-right {
        font-size: 40px;
    }

    .submenu-item a {
        font-size: 36px;
    }

    .submenu-item .menu-counter-left,
    .submenu-item .menu-counter-right {
        font-size: 24px;
    }

    .btn-hero {
        right: 80px;
    }

    .cta-inner {
        padding: 70px 160px;
    }

    .bbm-6 .cta-inner {
        padding: 48px 160px;
    }


    .table-cell:nth-child(3n) {
        border-right: 1px solid #ccc;
    }

    .table-cell:nth-child(2n) {
        border-right: none;
    }

    .table-cell:nth-child(4) {
        border-bottom: 1px solid #ccc;
    }

    .table-cell:nth-last-child(-n + 2) {
        border-bottom: none;
    }

    .single-working-process-one .inner-content {
        width: 100%;
        height: 88px;
    }
}

@media(max-width:800px) {
    .cta-inner {
        padding: 40px 160px;
    }
}

@media(max-width:768px) {

    .section-padding {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    body {
        padding-top: 73.76px;
    }

    h1 {
        font-size: 40px;
        font-weight: bold;
    }

    h2 {
        font-size: 32px;
        font-weight: bold;
    }

    h3 {
        font-size: 20px;
    }

    .logo {
        width: 100px;
    }

    .fullscreen-menu {
        padding-top: 73.76px;
    }

    .submenu {
        top: 73.76px;
        height: calc(100% - 73.76px);
    }

    .menu-item a {
        font-size: 26px;
    }

    .menu-item .menu-counter-left,
    .menu-item .menu-counter-right {
        font-size: 20px;
    }

    .submenu-item a {
        font-size: 22px;
    }

    .submenu-item .menu-counter-left,
    .submenu-item .menu-counter-right {
        font-size: 16px;
    }

    .hero {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .main-hero {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .btn-hero {
        left: 0px;
    }

    .ps-6 {
        padding-left: 30px;
    }

    .pe-6 {
        padding-right: 30px;
    }

    .py-6 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .mb-6 {
        margin-bottom: 30px;
    }

    .pt-mb-0 {
        padding-top: 0px;
    }

    .ps-mb-0 {
        padding-left: 12px;
    }

    .pe-mb-0 {
        padding-right: 12px;
    }

    .pb-mb-60 {
        padding-bottom: 60px;
    }

    .line {
        left: 30px;
    }

    .line.line-1 {
        right: 30px;
    }

    .gradient-bg {
        background: linear-gradient(180deg, #eef1ff 0%, #ffffff 80%);
        border-radius: 1000px;
        padding: 30px 0px;
    }

    .gradient-bg.gradient-bg-1 {
        background: linear-gradient(180deg, #eef1ff 0%, #ffffff 80%);
        border-radius: 1000px;
    }

    .service-row {
        text-align: center;
    }

    .service-row .btn-default {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .service-row .btn-default .btn-content {
        font-size: 14px;
    }

    .service-image {
        margin: 0 auto !important;
        margin-bottom: 30px !important;
    }

    .cta-inner {
        padding: 136px 20px;
    }

    .bbm-6 .cta-inner {
        padding: 136px 20px;
    }

    .cta-left,
    .cta-right {
        display: none;
    }

    .cta-top,
    .cta-bottom {
        display: block;
    }

    .footer {
        padding: 80px 12px 60px;
    }

    footer h3 {
        margin-top: 30px;
        margin-bottom: 15px;
    }

    .home-4 span.home-4-title {
        display: block;
        padding: 10px 30px 16px;
    }

    .home-4-row {
        --bs-gutter-x: 1.5rem;
        padding-top: 60px;
    }

    .home-4-row .col-md-3:nth-child(2) {
        margin-top: 60px;
    }

    .home-4-row .col-md-3:nth-child(3) {
        margin-top: 60px;
    }

    .home-4-row .col-md-3:nth-child(4) {
        margin-top: 60px;
    }

    .home-4-line-1 {
        height: calc(100% - 20px);
        bottom: 50px;
        opacity: .15;
    }

    .home-4-line-2 {
        height: calc(100% - 20px);
        bottom: 50px;
        opacity: .15;
    }

    .home-4-line-3 {
        height: calc(100% - 20px);
        bottom: 50px;
        opacity: .15;
    }

    .home-4-line-4 {
        height: calc(100% - 20px);
        bottom: 50px;
        opacity: .15;
    }

    .home-4 .circle-below {
        display: none;
    }

    .bbm-4 .container>.row {
        margin-left: -12px;
        margin-right: -12px;
        padding: 100px 0px;
    }

    .line-pattern-group .line-c {
        width: 36px;
    }

    .tab-content-box-cover {
        min-height: auto;
        padding: 20px;
    }

    .overview_detail {
        grid-column-gap: 20px;
    }

    .smm-1 .line-pattern-group .line-c {
        width: calc(100% - 36px);
    }

    .smm-1 .line-pattern-group .line-c-1 {
        width: 36px;
    }

    .smm-2 .box {
        flex-direction: column;
        padding: 20px;
        gap: 0px;
    }

    .smm-2 .box .box-icon {
        margin-top: -20px;
    }

    .table-cell {
        border-right: none !important;
    }

    .table-cell {
        border-bottom: 1px solid #ccc;
    }

    .table-cell:nth-child(5) {
        border-bottom: 1px solid #ccc;
    }

    .table-cell:last-child {
        border-bottom: none;
    }

    .smm-3 {
        border-top: 0px;
    }

    .smm-3 .stick-title {
        padding: 20px 0px;
    }

    .smm-3 .stick-title::before {
        left: -60px;
        border-width: 0 60px 73px 0;
    }

    .smm-3 .stick-title::after {
        right: -60px;
        border-width: 73px 60px 0 0;
    }

    .accordion-button {
        font-size: 18px;
        padding: 20px;
    }

    .om-1 .line-pattern-group .line-c-1 {
        width: 36px;
    }

    .om-2 .line-pattern-group .line-c-1 {
        width: calc(100% - 36px);
    }

    .om-3 .card-box {
        padding: 14px 16px 18px;
    }

    .om-4 .card-box {
        padding: 0px;
        width: 100%;
        margin-left: 0px;
    }

    .list-2.list-3 li::before {
        display: none;
    }

    .om-5 p {
        font-size: 16px;
    }

    .contact-1 .line-pattern-group .line-c-1 {
        display: none;
    }

    .recaptch-cover .recaptch-cover-header {
        padding: 12px 10px;
    }

    .form-control {
        padding: 12px 10px;
    }

    .recaptch-cover .recaptch-cover-header button {
        padding: 6px 8px 8px;
        font-size: 14px;
    }

    .recaptch-cover .recaptch-cover-header button i {
        margin-right: 2px;
    }

    .recaptch-cover-body {
        padding: 10px 10px 0px 10px;
    }

    .emoji-options {
        gap: 5px;
    }

    .emoji-option {
        font-size: 26px;
        min-width: 38px;
    }

    .cta-image-2 {
        width: 80px;
        height: 80px;
        right: 50%;
        bottom: 7px;
        transform: translatex(50%);
    }

    .media-buying-1 .line-pattern-group .line-c-1 {
        width: 36px;
    }

    .media-buying-2 .line-pattern-group .line-c-1 {
        width: calc(100% - 36px);
    }

    .single-working-process-one .inner-content {
        padding: 30px 20px 25px;
        text-align: center;
        height: 130px;
    }

    .single-working-process-one {
        flex-direction: column;
        gap: 100px;
    }

    .single-working-process-one .inner-content .number-main {
        position: absolute;
        top: 0px;
        left: 50%;
        transform: translatex(-50%);
    }

    .single-working-process-one .inner-content .number-main::before {
        width: 0px;
        height: 100px;
        border: 1px dashed #474E52;
        left: auto;
        top: -100px;
        z-index: -2;
    }

    .single-working-process-one .left .icon::after {
        right: auto;
        bottom: -17px;
        top: auto;
        left: 50%;
        transform: translatex(-50%);
    }

    .owl-theme .owl-dots {
        width: 150px;
        padding: 19px 0px 18px 0px;
    }

    .owl-theme .owl-nav {
        padding: 5px 0px 5px 5px;
    }

    .home-demo .item {
        padding: 20px 15px;
    }

    .owl-carousel .owl-item img {
        border-radius: 0px;
        width: calc(100% + 30px) !important;
        margin-left: -14px;
        height: calc(100% + 30px) !important;
        margin-top: -15px;
    }

    .media-buying-6 .card-box {
        padding: 0px;
        width: 100%;
        margin-left: 0px;
    }

    .table-cell:nth-child(3) {
        border-bottom: 1px solid rgba(255, 255, 255, .6);
    }

    .ppc-1 .line-pattern-group .line-c {
        width: 36px;
    }

    .ppc-4 .ppc-4-cover::after {
        left: -114px;
        right: auto;
    }

    .ppc-4 {
        background-position: center bottom;
        background-size: 100% 100%;
    }

    .ppc-cards {
        flex-wrap: wrap;
    }

    .ppc-card {
        width: 50%;
        flex: 0 0 50%;
        border-inline-end: 1px solid #b10200;
        padding: 60px 20px;
        position: relative;
    }

    .ppc-card:nth-child(1) {
        border-bottom: 1px solid #b10200;
    }

    .ppc-card:nth-child(2) {
        border-right: 0px;
        border-bottom: 1px solid #b10200;
    }

    .ppc-card:nth-child(2)::after {
        opacity: 0;
    }

    .ppc-5 .list-2 li {
        width: 100%;
        flex: 0 0 100%;
    }

    .image-cover img.h-100 {
        position: static;
    }

    .media-buying-3 .card-box {
        padding: 12px 18px;
    }

    .overview_content-text-wrap {
        grid-column-gap: 20px;
        align-items: start;
    }
    .mt-11px{
    margin-top:0px;
}
.image-cover.mt-11px{
    height:100%;
}
}

@media(max-width:600px) {
    .main-hero {
        height: auto;
        min-height: calc(100vh - 73.76px);
        padding-bottom: 140px;
    }

    .btn-hero {
        position: relative;
        width: fit-content;
        padding-left: 44px;
        padding-top: 24px
    }

    .btn-hero .hero-arrow {
        left: -12px;
    }

    .ppc-card {
        width: 100%;
        flex: 0 0 100%;
        padding: 60px 20px;
    }

    .ppc-card:nth-child(1) {
        border-right: 0px;
    }

    .ppc-card::after {
        bottom: -6px;
        left: 50%;
        transform: translatex(-50%);
        top: auto;
    }

    .ppc-card:nth-child(2)::after {
        opacity: 1;
    }

    .ppc-card:nth-child(3) {
        border-bottom: 1px solid #b10200;
        border-right: 0px;
    }

    .ppc-card:nth-child(4) {
        border-bottom: 1px solid #b10200;
    }

    .ppc-card:last-child::after {
        opacity: 1;
    }
}

@media(max-height:550px) {
    .main-hero {
        height: auto;
        min-height: calc(100vh - 73.76px);
        padding-top: 70px;
        padding-bottom: 130px;
    }
}