@media (min-width: 1400px) {

}

@media (min-width: 1200px) {
    .ob-mobile-menu-show {
        display: none;
    }
}

@media (min-width: 992px) {
    .ob-navbar-client .client-mobile-menu-toggle {
        display: none;
    }
}

@media (min-width: 768px) {
    .ob-navbar .btn-client-area-mobile {
        display: none;
    }
}

@media (min-width: 576px) {

}


/* MAX */
@media (max-width: 1200px) {
    .not-1200 {
        display: none !important;
    }
    .ob-navbar .ob-mobile-menu-show {
        margin-left: 10px !important;
    }

    .ob-navbar-client .grid {
        grid-gap: 20px;
        grid-template-columns: 150px calc(100% - 238px) 48px;
    }

    .ob-navbar.green .list-navbar .link {
        color: var(--text-color) !important;
    }

    .ob-navbar .right-area .ob-navbar-dropdown-menu {
        position: absolute;
        max-width: 200px;
        width: 200px;
    }
    .ob-ndm-link-mini {
        font-size: 15px;
    }

    .ob-navbar .middle-area {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: calc(100% - 85px);
        background-color: #fff;
        z-index: 12;
        padding: 30px 40px;
        overflow-y: auto;
        display: none;
    }
    .ob-navbar .list-navbar .link {
        margin-right: 0;
        font-size: 17px;
        position: relative;
    }
    .ob-navbar .middle-area li {
        display: block;
        margin: 0;
    }
    .ob-navbar .ob-navbar-dropdown-menu {
        position: static;
        max-width: 100%;
        width: 100%;
    }

    .ob-navbar .grid {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .ob-hs-item .title {
        font-size: 42px;
    }
    .ob-section-featured .title {
        font-size: 32px;
    }
    .ob-section-featured p {
        font-size: 16px;
    }
    .ob-section-featured .item-feature .text {
        font-size: 18px;
    }

    .ob-footer .footer-title {
        font-size: 17px;
    }
    .ob-footer .list-footer a {
        font-size: 15px;
    }
    .ob-footer .link-box .text {
        font-size: 13px;
    }
    .ob-pricing-item .product-name, .ob-compare-table .item-package .head .product-name,
    .ob-compare-table .item-package .head .price {
        font-size: 20px;
    }
    .ob-pricing-item .price {
        font-size: 24px;
    }
    .ob-pricing-item ul li, .ob-compare-table .item, .ob-section-featured .item-feature-large p {
        font-size: 15px;
    }

    .ob-cyberpanel-showcase {
        padding: 40px;
    }

    .ob-compare-table .item-package .head {
        padding: 15px;
    }
    .ob-compare-table .left {
        padding-top: 136px;
    }

    .ob-info-item-mini .value, .ob-info-item-mini .key {
        font-size: 15px;
    }
    .ob-page-head-main .title {
        font-size: 36px;
    }

    .ob-section-os-list {
        padding: 60px 30px;
    }

    .ob-pricing-server .grid {
        grid-template-columns: 200px 1fr 140px;
    }

    .ob-navbar-client .grid-list, .ob-navbar-client .list-navbar {
        padding: 0 12px;
    }
    .ob-navbar-client .grid-list ul, .ob-navbar-client .grid-list li {
        width: 100%;
    }

    .ob-tiles .col-xl-3:first-child .tile {
        border-bottom-left-radius: 0;
        border-bottom: 0;
    }
    .ob-tiles .col-xl-3:nth-child(2) .tile {
        border-top-right-radius: 10px;
        border-bottom: 0;
    }
    .ob-tiles .col-xl-3:nth-child(3) .tile {
        border-left: 1px solid var(--border);
        border-bottom-left-radius: 10px;
    }
    .ob-tiles .col-xl-3:nth-child(4) .tile {
        border-top-right-radius: 0;
    }

    .ob-cs-item .title, .ob-card-ca-user .text i {
        font-size: 18px;
    }
    .ob-cs-item .icon-arrow, .ob-card-ca-user .name {
        font-size: 24px;
    }
    .ob-card-ca-user {
        padding: 20px;
    }
    .ob-card-ca-user .text {
        font-size: 14px;
    }

    .ob-navbar-client .ob-navbar-dropdown-menu {
        width: 280px;
    }

}

@media (max-width: 992px) {
    .ob-bank-item.flex {
        display: block;
        text-align: center;
    }

    .ob-bank-item.flex .img-banks {
        max-width: 100%;
        margin-top: 20px;
    }

    .ob-card-ca-user {
        margin-bottom: 20px;
        text-align: center;
    }
    .ob-card-ca-user .img-profile {
        margin: 0 auto 14px auto;
    }
    .ob-card-ca-user .text {
        font-size: 16px;
        justify-content: center;
    }

    .ob-navbar-client .list-navbar .link {
        white-space: nowrap;
    }

    .ob-navbar-client .list-navbar:not(.list-navbar-right) {
        display: none;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: calc(100vh - 70px);
        background-color: #2b2b2b;
        z-index: 99;
        border-top: 1px solid #3f3f3f;
        padding: 12px !important;
    }
    .ob-navbar-client .list-navbar-right .ob-navbar-dropdown-menu {
        z-index: 100;
    }
    .ob-navbar-client .list-navbar.show {
        display: flex;
    }
    .ob-navbar-client .grid {
        grid-template-columns: calc(100% - 168px) 48px 96px;
        grid-gap: 12px;
        height: 70px;
    }
    .ob-navbar-client .list-navbar .ob-navbar-dropdown-item .link {
        padding-right: 0 !important;
    }

    .ob-navbar-client {
        height: 70px;
    }
    .ob-navbar-client .list-navbar .link {
        height: 48px;
        width: 100%;
    }
    .ob-navbar-client .list-navbar .item {
        margin: 0;
        width: 100%;
    }
    .ob-navbar-client .list-navbar:not(.list-navbar-right) .ob-navbar-dropdown-menu {
        width: 100%;
    }
    .ob-navbar-client .list-navbar-right .ob-navbar-dropdown-item .link {
        height: 70px !important;
    }
    .ob-navbar-client .logo {
        height: 40px;
        display: inline-block;
    }

    .ob-client-shortcuts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ob-company-info {
        margin-bottom: 20px;
    }

    .ob-hs-item {
        padding: 30px 0;
    }
    .ob-hs-item .content {
        margin-bottom: 20px;
    }
    .ob-hs-item .title {
        font-size: 36px;
    }
    .ob-hs-item p {
        max-width: 100%;
    }

    .ob-service-item, .ob-feature-text {
        margin-bottom: 20px;
    }

    .ob-section-featured .content {
        padding-left: 0;
        padding-top: 20px;
    }
    .ob-section-featured .content.pl-0 {
        padding-top: 0;
        padding-bottom: 20px;
    }

    .ob-footer-contact {
        padding: 30px 40px;
        top: -200px;
    }
    .ob-footer-contact .title {
        font-size: 34px;
    }
    .ob-footer-contact .right {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 10px;
    }
    .ob-footer-contact .right .btn {
        width: 100%;
    }
    .ob-footer {
        padding-top: 100px;
    }
    .ob-footer .footer-content {
        margin-bottom: 30px;
    }
    .ob-footer .footer-content-right {
        padding-left: 0;
    }

    .ob-footer-contact .btn {
        margin: 0;
    }

    .ob-domains-table .grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .ob-page-head .content.large .title {
        font-size: 52px;
    }

    .ob-page-head-main {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .ob-page-head-main .subtitle {
        font-size: 24px;
    }
    .ob-page-head-main .img-area {
        display: none;
    }
    .ob-page-head-main p {
        max-width: 100%;
    }

    .ob-features-grid-area .item.cyberpanel .btn {
        position: static;
    }

    .ob-compare-table .item-package {
        min-width: 200px;
    }
    .ob-compare-table .packages {
        overflow-y: auto;
    }
    .ob-compare-table {
        grid-template-columns: 160px 1fr;
    }

    .ob-page-head-main + .ob-tilt-top {
        height: 50px;
    }

    .ob-pricing-filter-area {
        margin-bottom: 20px;
    }
    .ob-pricing-filter-area .ob-cycle-selector-area {
        margin-bottom: 10px;
    }
    .ob-pricing-filter-area .ob-location-selector {
        position: relative;
        top: 0;
        left: 0;
        transform: inherit;
        justify-content: center;
    }

    .ob-auth-page .ob-ap-grid {
        display: block;
    }
    .ob-auth-page .ob-ap-left {
        display: none;
    }

    .ob-pricing-server .grid {
        grid-template-columns: 1fr;
    }
}


@media (max-width: 768px) {

    .ob-unpaid-invoices {
        flex-direction: column;
        align-items: flex-start;
    }
    .ob-unpaid-invoices .btn {
        margin-top: 10px;
    }

    #tableDomainsList td:first-child, #tableInvoicesList td:first-child,
    #tableTicketsList td:first-child {
        width: 100% !important;
        min-width: 100% !important;
        padding: 20px 0 !important;
    }
    #tableInvoicesList td:first-child, #tableInvoicesList td:last-child,
    #tableTicketsList td:last-child {
        text-align: center !important;
    }

    #tableTicketsList .first {
        padding: 0 10px;
    }

    .ob-ca-pagetitle {
        font-size: 30px;
    }

    .ob-campaign-item.flex {
        grid-template-columns: 1fr;
    }
    .ob-campaign-item.flex .img img {
        border-radius: 12px 12px 0 0;
    }
    .ob-campaign-item.flex .title {
        font-size: 18px;
        line-height: 26px;
    }
    .ob-campaign-item .content .link {
        font-size: 16px;
    }

    .ob-navbar .btn-client-area {
        display: none;
    }

    .ob-hs-item .img-area {
        height: auto;
    }
    .ob-hs-item p {
        font-size: 16px;
    }
    .ob-hs-item .price {
        font-size: 20px;
    }

    .ob-section-head .title {
        font-size: 36px;
    }
    .ob-section-head .subtitle {
        font-size: 16px;
    }
    .ob-section {
        padding: 40px 0;
    }
    .ob-section-head {
        margin-bottom: 20px;
    }
    .ob-section-head.flex {
        display: block;
    }

    .ob-section-head-comments .right {
        justify-content: flex-start;
    }

    .ob-footer {
        padding-top: 0px;
    }
    .ob-footer-contact {
        display: grid;
        grid-template-columns: 1fr;
        position: static;
    }
    .ob-footer-contact .title {
        margin-bottom: 20px;
        text-align: center;
        font-size: 30px;
    }

    .ob-tilt-bottom {clip-path: polygon(0 40%, 100% 0, 100% 100%, 0 100%);}
    .ob-tilt-top {clip-path: polygon(0 0, 100% 0, 100% 60%, 0 100%);}

    .ob-section-head .title {
        font-size: 32px;
    }

    .ob-tabs-nav {
        margin: 0 auto 30px auto;
        justify-content: flex-start;
    }
    .ob-tabs-nav .link {
        white-space: nowrap;
    }

    .ob-feature-text .title {
        font-size: 24px;
    }


    .ob-footer-contact {
        position: relative;
        top: -30px;
    }
    .ob-footer .link-box .text {
        font-size: 15px;
    }

    .ob-tabs-nav .link {
        font-size: 17px;
        padding: 16px 24px;
    }

    .ob-domains-table .item {
        font-size: 14px;
    }
    .ob-domains-table .list-item .item {
        font-size: 14px;
    }
    .ob-domains-table .list-item .item .cycle {
        font-size: 13px;
    }

    .ob-domains-table .head {
        padding: 8px 10px;
    }
    .ob-domains-table .list-item {
        padding: 20px 10px;
    }

    .ob-page-head .content.large .title {
        font-size: 42px;
    }
    .ob-page-head {
        padding: 40px 0;
    }
    .ob-section-domain-search {
        margin-top: -115px;
        padding-top: 0;
    }

    .ob-domain-okay h5 {
        font-size: 16px;
    }
    .ob-domain-okay h2 {
        font-size: 24px;
    }
    .ob-domain-okay .price {
        font-size: 20px;
    }
    .ob-domain-okay .btn, .ob-domain-suggestion .btn {
        font-size: 14px;
        height: 40px;
    }
    .ob-domain-okay .btn i, .ob-domain-suggestion .btn i {
        font-size: 18px;
    }


    .ob-faq-item .head .title {
        font-size: 20px;
    }
    .ob-faq-item .body p {
        font-size: 16px;
        line-height: 24px;
    }

    .ob-page-head-main .grid-info {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-gap: 10px;
    }

    .ob-compare-table .left .item {
        font-size: 13px;
        padding-left: 10px;
    }
    .ob-compare-table {
        grid-template-columns: 120px 1fr;
    }

    .ob-pricing-item .product-name {
        font-size: 26px;
    }
    .ob-pricing-item .price {
        font-size: 30px;
    }

    .ob-pricing-server .grid-content {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-gap: 12px;
    }
    .ob-pricing-server .item-content::before {
        display: none;
    }
    .ob-pricing-server .item-content {
        padding: 0;
    }

    .ob-contact-items .grid {
        grid-template-columns: 1fr;
        grid-gap: 12px;
    }
    .ob-contact-items .item::before {
        display: none;
    }


    .ob-about-count .grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-gap: 20px;
    }
    .ob-brands-area.large .grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .ob-brands-area.large .title {
        font-size: 28px;
    }

    .ob-navbar .right-area .btn-icon.btn-icon-right {
        border-radius: 0;
    }

    .ob-navbar .right-area .btn-icon.btn-icon-right-mobile {
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
        border-left: 1px solid var(--green-opacity);
    }

    .ob-roadmap-item {
        display: block;
    }
    .ob-roadmap-item .mid,
    .ob-roadmap-item.left .right,
    .ob-roadmap-item.right .left {
        display: none;
    }
    .ob-roadmap-item .left::after,
    .ob-roadmap-item .right::after {
        display: none !important;
    }

    .ob-client-title .title {
        font-size: 24px;
    }
    .ob-client-title {
        padding: 24px;
    }

    .table.dataTable thead {
        display: none;
    }
    .table.dataTable tbody tr, .table.dataTable tbody tr td {
        width: 100%;
    }
    .table.dataTable tbody tr {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-bottom: 10px;
    }
    .table.dataTable tbody tr td {
        padding: 10px 0;
        border-left: 1px solid var(--border) !important;
        border-right: 1px solid var(--border) !important;
        border-bottom: 1px solid var(--border) !important;
        border-top: 0 !important;
        border-radius: 0 !important;
        text-align: center !important;
    }
    .table.dataTable tbody tr td:first-child {
        border-top-left-radius: 8px !important;
        border-top-right-radius: 8px !important;
        border-bottom-left-radius: 0 !important;
        border-top: 1px solid var(--border) !important;
    }
    .table.dataTable tbody tr td:last-child {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
        border-bottom-left-radius: 8px !important;
    }
    div.dataTables_wrapper div.dataTables_filter label {
        right: 0 !important;
        top: -10px !important;
    }
    .dataTables_wrapper .dataTables_filter {
        margin-top: 10px;
    }

    .ob-productdetails-details {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ob-client-footer {
        text-align: center;
    }
    .ob-client-footer .left {
        margin-bottom: 10px;
    }
    .ob-client-footer .flex {
        display: block;
    }

}

@media (max-width: 576px) {

    .ob-productdetails-info .bottom .grid {
        grid-template-columns: 1fr;
    }
    .ob-productdetails-tabs-item {
        font-size: 14px;
    }
    .ob-productdetails-tabs .buttons-grid .btn {
        font-size: 12px;
    }
    .ob-productdetails-info .top {
        display: block;
    }
    .ob-productdetails-info .top .left {
        margin-bottom: 10px;
    }

    .ob-ca-tickets-item {
        flex-direction: column;
        align-items: flex-start;
    }

    .ob-ca-section {
        padding: 18px 10px 10px 10px;
    }

    .ob-navbar .logo {
        align-items: center;
    }

    .ob-about-count .item .value {
        font-size: 30px;
        line-height: 34px;
    }

    .ob-contact-form {
        padding: 25px;
    }

    .ob-hs-item .title {
        font-size: 32px;
        margin-bottom: 10px;
    }
    .ob-navbar .logo {
        height: 35px;
    }

    .ob-domain-okay, .ob-domain-suggestion {
        display: block;
    }
    .ob-domain-okay .right, .ob-domain-suggestion .right {
        justify-content: space-between;
    }

    .ob-faq-item .head .title {
        font-size: 17px;
    }

    .ob-cycle-selector-area .text .top {
        top: -50%;
        text-align: left;
    }

    .ob-page-head-main .title {
        font-size: 30px;
    }
    .ob-page-head-main p {
        font-size: 16px;
        line-height: 24px;
    }

    .ob-tiles .tile .title {
        font-size: 15px;
    }
    .ob-tiles .tile i {
        font-size: 34px;
        right: 12px;
    }
}