@media (min-width: 767px) {
    .landing-page .navbar .navbar-nav {
        width: 100% !important;
    }
    .top-header-mb-manu {
        display: none;
    }
    #cross-nav-mobile{
       display: none;
    }
}
@media (min-width: 992px) {
    .ox-page-main .order-lg-2 {
        order: unset;
    }
}
@media (min-width: 1200px) {
    .landing-page.nordvpn .feature.world .world-image {
        width: 684px;
    }
    .top-header-mb-logo {
        display: none;
    }
    nav.master-breadcrumb.breadcrumb-title {
        display: none;
    }
    #hide-show-sidebar {
        position: absolute;
        right: -10px;
        background: #8606d7;
        width: 30px;
        height: 30px;
        border-radius: 50px;
        display: flex !important;
        align-items: center;
        justify-content: center;
        color: #fff;
        cursor: pointer;
        bottom: 100px;
        z-index: 99999;
    }
    .close-sidebar .sidebar-nav.sidebar-nav-left ul li a {
        font-size: 0;
    }
    .close-sidebar .top-header-mb-logo {
        display: block;
        margin-right: auto;
    }
    .close-sidebar .sidebar-logo-top a .client-area-logo {
        display: none;
    }
    .close-sidebar img#manu-show-hide {
        display: none;
    }
    .close-sidebar .sidebar-nav.sidebar-nav-left {
        width: 80px;
    }
    .close-sidebar.page-content-wrapper-custom {
        width: calc(100% - 80px);
        left: 80px;
    }
    /*.close-sidebar.page-content-wrapper-custom .sidebar-nav-left .navigation-label-theme .nav-bar-label {*/
    /*    font-size: 0;*/
    /*}*/
    /*.page-content-wrapper-custom.close-sidebar .sidebar-nav.sidebar-nav-left ul.dropdown-menu {*/
    /*    width: max-content !important;*/
    /*    min-width: max-content !important;*/
    /*}*/
    .close-sidebar.page-content-wrapper-custom .sidebar-nav-left.sidebar-nav ul.dropdown-menu a.dropdown-item {
        padding: 10px 20px 10px 30px !important;
    }
    .close-sidebar.page-content-wrapper-custom .sidebar-logo-top {
        padding: 20px 22px;
    }
    .close-sidebar #hide-show-sidebar i {
        transform: rotate(0deg);
    }
    .page-content-wrapper-custom {
        transition: .4s linear;
        -webkit-transition: .4s linear;
    }
}
@media (min-width: 1199px) and (max-width: 1440px) {
    body #order-standard_cart .products .col-md-6.col-lg-6.col-xl-3 {
        flex: 0 0 33.3% !important;
        max-width: 33.3% !important;
    }
}
@media (min-width: 768px) and (max-width: 1199px) { 
    .sidebar-nav ul li a {
        font-size: 0;
    }
    .sidebar-nav {
        width: auto;
    }
    .sidebar-logo-top {
        padding: 20px 10px;
    }
    .sidebar-nav ul li a {
        padding: 20px 10px;
    }
    .sidebar-nav .sidebar-logo-top a {
        display: none;
    }
    .page-content-wrapper-custom {
        width: calc(100% - 90px);
        left: 90px;
        padding: 20px 30px;
    }
    .sidebar-nav {
        width: auto;
    }
    ul.dropdown-menu a.dropdown-item {
        padding: 10px 20px 10px 10px !important;
    }
    .sidebar-nav ul.dropdown-menu.show {
        position: absolute !important;
        left: 90px !important;
        overflow-x: hidden !important;
        max-width: max-content !important;
        min-width: max-content !important;
    }
    .sidebar-nav > ul > li.dropdown.show a i {
        transform: rotate(-90deg);
        transition: .3s ease;
    }
    footer.greenclick-footer {
        width: calc(100% - 90px);
        left: 90px;
        padding: 20px 30px;
    }
    .container-breadecrum {
        display: none;
    }
    nav.master-breadcrumb.breadcrumb-title {
        background: transparent !important;
        margin: 30px 0 0;
        border-radius: 0;
    }
}
@media (min-width: 1440px){
    .col-xxl-12{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .col-xxl-6{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-xxl-4{
        flex: 0 0 33.3%;
        max-width: 33.3%;
    }
    .col-xxl-3{
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-xxl-2{
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (max-width: 1600px){
    .mg-wrapper .btn-sm {
        padding: 2px 7px;
    }
    .box-body .dataTables_wrapper {
        overflow-x: scroll;
    }
    .box-body .dataTables_wrapper .table {
        width: 1310px !important;
    }
}
 @media (max-width: 1440px){
    .sidebar .card-sidebar .card-footer {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .copyright-nav ul li a {
        margin-right: 8px;
        padding-right: 8px !important;
    }
    .sidebar .card-sidebar .card-header {
        padding: 20px 15px;
    }
    .sidebar .card-footer {
        padding-left: 15px;
        padding-right: 15px;
    }
    .copyright p {
        font-size: 12px;
    }
    .copyright-nav ul li a {
        font-size: 12px;
    }
    .copyright-nav ul {
        justify-content: center;
    }
    .affiliates-page-cloudx p.h3.title-refer.col-md-3 {
        font-size: 18px;
    }
    .box-body .dataTables_wrapper .table {
        width: 1310px !important;
    }
    form#domainForm .button-style {
        font-size: 13px !important;
        text-transform: capitalize;
        padding: 10px 7px !important;
    }
    #domainForm .btn-group.btn-group-sm .setBulkAction i {
    margin-right: 4px;
    font-size: 10px;
}

}
@media (max-width: 1280px){
    .copyright-nav ul li a {
        font-size: 11px;
    }
    body #order-standard_cart .panel-addon .panel-body p {
        font-size: 13px;
    }
    
    #order-standard_cart .domain-promo-box p {
        font-size: 13px !important;
    }
}
 @media (max-width: 1199px){
     form.using-password-strength .btn.btn-default.btn-block.generate-password {
    font-size: 14px;
}
     .row.custom-artical-kb .card.kb-category {
    height: auto;
}
    .customNetwork {
        max-width: 1200px;
        margin: 0 auto;
        overflow-x: scroll;
    }
    body .email-verification {
        width: 96% !important;
        margin: 0;
        max-width: 100%;
    }
    li#Secondary_Navbar-Account a.dropdown-toggle:before{
        display: none;
    }
    .promo-banner .icon-left {
    float: unset;
    }
    .promo-banner .content {
        margin-left: 0;
    }
    .copyright p {
        text-align: center;
    }
    .copyright-nav ul {
    justify-content: center;
    }
    body .email-verification .order-3 {
        right: 0px;
    }
    .primary-bg-color section#main-body.body-background-cloudx.padd-40 {
        padding: 20px 0 !important;
    }
    .sidebar-nav ul.dropdown-menu {
        position: absolute !important;
        left: 87px !important;
        min-width: max-content;
    }
    .datatable-cstm-search-status, .datatable-cstm-search-services, .filter-datatable-container .custom-search-container  {
        flex: calc(50% - 20px);
    }
    #order-standard_cart .secondary-cart-body, 
    #order-standard_cart .secondary-cart-sidebar{
        width: 100% !important;
    }
    #order-standard_cart .sidebar-collapsed {
        padding: 0;
    }
    .domain-pricing {
        background-color: var(--bg-white) !important;
        border-radius: 10px !important;
        padding: 20px;
    }
    .ticket-div-cloudx {
        padding: 25px 8px;
    }
    .ticket-top-cont h5 {
        font-size: 15px;
    }
    .domain-nameserver-form {
        grid-template-columns: 1fr 1fr;
    }
    #order-standard_cart #scrollingPanelContainer div#orderSummary.order-summary {
        margin-top: 10px !important;
    }
    /*.domain-pricing .tld-filters {*/
    /*    overflow-x: auto;*/
    /*    width: 100%;*/
    /*    white-space: nowrap;*/
    /*}*/
    .domain-pricing .tld-pricing-header {
        /*flex-wrap: nowrap;*/
        /*overflow-x: auto;*/
        /*width: 100%;*/
        /*padding: 0;*/
        /*white-space: nowrap;*/
    }
    .domain-pricing .row.no-gutters.tld-pricing-header.text-center div {
        flex: 0 0 100%;
    }
    #order-standard_cart .domain-pricing .tld-row {
        /*overflow-x: auto;*/
        /*white-space: nowrap;*/
        flex-wrap: nowrap;
    }
    #order-standard_cart .domain-pricing .tld-row .col-md-8 {
        flex: 0 0 100%;
    }
    div#scrollingPanelContainer div#orderSummary {
        margin-top: 20px !important;
    }
    body .email-verification .order-md-last {
        flex: 0 0 27%;
        max-width: 27%;
    }
    ul.view-currency-top {
        display: block;
        margin-right: 0;
    }
    ul.view-currency-top button.btn {
        font-size: 0;
    }
    li#Secondary_Navbar-Account{
        padding: 5px 11px;
    }
    li.lang-li-top button.btn {
        padding: 9px 9px
    }
.newpassdiv-inner {
    flex: 0 0 80.666667%;
    max-width: 76.666667%;
}
    .sidebar-container{
        margin-top: 20px;
    }
}
 @media (max-width: 991px){
     .affiliate-stat {
    padding: 15px 25px 15px 60px !important;
}
input#inputDescription::placeholder, input#inputDescription::placeholder{
font-size: 12px;
}
.product-icon  h3 {
margin-top: 10px;
font-size: 19px;
}
body .page-content .box-body .dataTables_wrapper .table {
    width: 1912px !important;
    white-space: nowrap;
}
.product-status small.p-group-detail-pg {
    font-size: 18px;
    line-height: 23px;
    display: block;
}
.custom-reseller-nav-menu ul.nav {
    display: none !important;
}
.mg-wrapper .reseller-sub-menu ul.nav.navbar-nav {
    display: block !important;
    top: 49px;
    position: absolute;
    background: var(--bg-light-grey);
    left: 15px;
    right: 17px;
    z-index: 9999;
    border-radius: 10px;
    box-shadow: 0 0 10px #cbb7b7;
    margin-left: 0;
    margin-right: 0;
}

    .mg-wrapper .reseller-sub-menu ul.nav.navbar-nav li {
        display: block !important;
        margin-right: 0;
        float: unset;
    }
   .reseller-container {
        display: block;
        padding: 10px;
    }
    .login-left-side, .login-right-side {
        width: 100%;
        max-width: 100%;
    }
    .login-bg {
        display: block;
    }
    .login-left-side {
        padding: 40px 30px;
    }
    .form-sec h1 {
        font-size: 26px;
    }
    .client-home-cards .card .card-title, .primary-content .promo-container .header h3 {
    font-size: 14px !important;
   }
    
    .sidebar, .landing-page.sitelock .plans .plan-comparison .col-md-6.col-lg-4 {
        margin-bottom: 0;
    }
    .alert.alert-warning .alert-link, .email-verification .btn {
        font-size: 10px;
    }
    body .email-verification .order-3 {
        right: -6px;
        max-width: 4%;
        flex: 0 0 4%;
        order: 23;
    }
    .footer-logo-sec {
        margin-bottom: 25px;
    }
    .fotter-menu-wrapper h3 {
        font-weight: 500 !important;
        margin-bottom: 20px;
    }
    .fotter-menu-wrapper .fotter-nav-list li a {
        font-size: 14px;
    }
    .client-home-cards, .tiles {
        margin: 0 !important;
    }
    #cloudx-select-product-group-container .datatable-cstm-search-status {
        flex: 1;
    }
    body #order-standard_cart .products .product header span {
        font-size: 16px !important;
        line-height: 24px !important;
    }
    /*div.dataTables_wrapper div.dataTables_paginate {*/
    /*    float: unset;*/
    /*}*/
    /*div.dataTables_wrapper div.dataTables_paginate ul.pagination {*/
    /*    justify-content: center;*/
    /*}*/
    /*div#tableServicesList_paginate, div#tableServicesList_length, .dataTables_wrapper .dataTables_paginate, .dataTables_wrapper .dataTables_length {*/
    /*    display: flex;*/
    /*    justify-content: center;*/
    /*}*/
    .card.email-Preferences-card .controls.form-check.general-emails-checkbox label {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .child-affiliates-container {
        border-bottom: 1px dashed var(--border-color);
        max-width: 50%;
    }
    .affiliates-page-cloudx .affiliate-url-container {
        flex: auto;
    }
    .domain-nameserver-form {
        grid-template-columns: 1fr;
    }
    .domain-tab-content #tabOverview .col-lg-6 {
        margin-bottom: 0;
    }
    .top-header-mb-logo a img {
        width: 60px;
        object-fit: contain;
    }
    body #order-standard_cart .secondary-cart-body {
        margin-bottom: 0 !important;
    }
    .frm-credit-card-input .cc-number-field {
        background-size: 50px;
    }
    ul.nav-cnts li  span.badge.badge-info {
        font-size: 10px;
        line-height: 10px;
    }
    .login-bg.forgot-form-custom .alert.alert-danger {
        margin-bottom: 30px;
    }
    .email-Preferences-content {
        display: block;
    }
    .card.email-Preferences-card .controls.form-check.general-emails-checkbox label {
        margin-bottom: 9px;
        line-height: 16px !important;
        font-size: 13px !important;
        gap: 6px;
    }
    .div-service-status {
        width: 100% !important;
        text-align: left;
        margin-bottom: 4px;
    }
    .div-service-item {
        flex-wrap: wrap;
    }
    .div-service-status .label:not(.label-placeholder) {
        width: auto;
        overflow: unset;
        text-overflow: unset;
    }
    .div-service-name{
        margin-left:0;
    }
    .client-home-cards .card-header {
        padding: 0 20px;
    }
    table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:before, table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:before{
        display:none;
    }
    /*table#tableServicesList th, .dataTables_wrapper table.table-list thead th, table.dataTable thead th, .payment-methods-cloudx table#payMethodList tr th, .user-management-table th, .invoice-transaction-section table thead tr th, .invoice-item-section table thead tr th, .invoice-summary-table table thead tr th{*/
    /*    padding: 12px 6px !important;*/
    /*}*/
    table#tableServicesList th:last-child, .dataTables_wrapper table.table-list th:last-child {
        padding-right: 0px !important;
    }
    .dataTables_wrapper div.dataTables_info {
        line-height: 56.82px;
    }
   .knowledgebase-20i .form-control {
        font-size: 14px !important;
    }
    .collapsable-card-body{
        margin-top: 10px;
    }
    .input-group.input-group-lg.kb-search {
        padding: 20px;
    }
    .well label.form-check.form-check-inline {
        flex-wrap: wrap;
    }
    .row.cs-ticket .col-md-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .container-fluid.cus-view-quote .col-md-3, .container-fluid.cus-view-quote div#printableQuotesArea {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .container-fluid.cus-view-quote  .col-md-3 {
        padding: 0;
    }
    .row.cc-payment-form .col-md-7, .row.cc-payment-form .col-md-5 {
        flex: 0 0 100.333333%;
        max-width: 100.333333%;
    }
    body form#frmConfigureDomains .row.addon-products .col-sm-4 {
        flex: 0 0 100% !important;
    }
    .domainsinorder-container .col-sm-6.mb-3 {
        flex: 0 0 60%;
        max-width: 60%;
    }
    body #order-standard_cart .domain-renewals .form-control {
        max-width: fit-content !important;
    }
    body #order-standard_cart .domain-renewals .form-control {
    font-size: 13px !important;
    }
    #order-standard_cart .secondary-cart-body .domain-renewals form.form-horizontal .col-md-5{
        margin: 0 !important;
    }
    body #order-standard_cart .domain-renewals form.form-horizontal .col-sm-6 {
        flex: 0 0 55%;
        max-width: 55%;
    }
    body #order-standard_cart .domain-renewals form.form-horizontal .col-sm-6 select#renewalPricing29 {
    margin-top: 10px
    }
    form#frmAddToCart .store-domain-tabs .nav-link {
        border-radius: 10px 10px 0 0;
        font-size: 14px !important;
    }
    .cell-value[data-v-5089cd91] {
        text-align: end;
    }
 .newpassdiv-inner {
        max-width: 100%;
    }
    .newpassdiv {
       flex-direction: column;
    }
    form.using-password-strength .btn.btn-default.btn-block.generate-password {
        margin: 0 15px;
    }
     .custom-order-table-detail {
       overflow-x: scroll;
        white-space: nowrap;
    } 
    .server-module-extra-conatiner {
    overflow-x: scroll;
    }
    .server-module-extra-conatiner table.table-solid-bottom-border-light-gray {
        white-space: nowrap;
    }
}
 @media (max-width: 767px){
     .mg-default-documentation img {
    width: 210px;
}
     .cus-domain-register {
    overflow: scroll;
}
#DomainSearchResults div#domainSuggestions .domain-suggestion.list-group-item {
    padding: 22px 0 !important;
}
.btn-md-style{
    padding: 6px 12px !important;
}
div#tableServicesList_paginate ul.pagination li a, .dataTables_wrapper ul.pagination li a {
    padding: 9px 6px;
    margin-top: 0px;
}
    .dataTables_wrapper div.dataTables_length select.form-control {
        background-position-y: 14px !important;
    }
    .boxLink {
        height: auto;
        padding: 20px 14px;
        border-radius: 10px;
        border: 1px solid var(--border-color);
        color: var(--text-color);
        text-align: left;
        margin-bottom: 20px;
    }
     .sidebar-logo-top a img {
        display: none;
    }
     .mg-wrapper .modal.fade.show .modal-dialog {
        width: unset !important;
    }
.mg-wrapper .tabbable-line>.nav-tabs>li>a, .mg-wrapper .box.light>.box-title>.nav-tabs>li>a {
    font-size: 14px !important;
    padding: 5px 10px !important;
}
    body .page-content .box-body .dataTables_wrapper .table {
        width: 1400px !important;
        white-space: nowrap;
    }
    .custom-referal-link {
        flex-direction: column;
        align-items: unset;
    }
    div.dataTables_wrapper div.dataTables_length{
        text-align: unset;
    }
     body.primary-bg-color.body-cloudx.sidebar-open {
    overflow: hidden;
    }
    .sidebar-nav {
        transform: translateX(-100%);
        transition: .3s ease;
    }
    .page-content-wrapper-custom {
        width: 100%;
        left: unset;
        padding: 20px 20px;
    }
    body.sidebar-open .sidebar-nav {
        transform: translateX(0);
    }
    .container-top-header {
        margin-top: 0;
    }
    nav.navbar {
        justify-content: space-between;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .primary-bg-color section#main-body.body-background-cloudx.padd-40 {
        padding: 20px 0;
    }
    .container-top-header {
        border-radius: 6px;
        margin: 0 20px;
    }
    li#Secondary_Navbar-Account {
        padding: 6px;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
    }
    ul.nav-cnts li {
        margin-right: 0;
    }
    img#manu-show-hide {
        display: none;
    }
    .sidebar-nav {
        width: 96%;
    }
    #cross-nav-mobile.fa-times:before {
        font-weight: 300;
        font-size: 30px;
    }
    .sidebar-logo-top {
        padding: 20px 20px;
        align-items: center;
    }
    .sidebar-nav ul li a {
        padding: 20px 20px;
    }
    .sidebar-nav ul.dropdown-menu a.dropdown-item {
        padding: 10px 20px 10px 50px !important;
    }
    section#main-body .sidebar .card-sidebar {
        padding: 20px 25px 20px 20px !important;
        margin-bottom: 20px !important;
    }
    .sidebar .card-sidebar .card-footer {
        grid-template-columns: max-content;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
    }
    .top-header-mb-logo a img {
        width: 60px;
        height: auto;
        object-fit: contain;
    }
    li#Secondary_Navbar-Account img {
        width: 25px;
    }
    .form-control, .account-new-20i .alert.alert-block.alert-info button.btn.btn-default, .filter-datatable-container .cutom-filter select {
        height: 40px  !important;
        min-height: 40px !important;
    }
    section#main-body .sidebar .card-sidebar {
        margin-bottom: 0px !important;
    }
    .payment-methods-cloudx a.btn.btn-primary {
        font-size: 14px;
    }
    footer.greenclick-footer {
        width: 100%;
        left: unset;
        padding: 20px 20px;
    }
    .fotter-menu-wrapper h3 {
        font-weight: 500 !important;
    }
    .footer-logo-sec {
        margin-bottom: 35px;
    }

    .copyright-nav ul {
        flex-wrap: wrap;
            row-gap: 10px;
    }
    .copyright-nav ul li a {
        font-size: 11px;
        margin-right: 4px !important;
        padding-right: 4px !important;
    }
    .copyright p {
        font-size: 12px;
        margin-top: 9px;
    }

    .page-content-wrapper-custom {
        padding: 20px 0px;
    }
    .tiles .row .col-6 .tile {
        background-size: 100% !important;
    }
    .tiles .tile {
        padding: 10px 20px;
    }
    #order-standard_cart .domain-promo-box{
        flex-wrap: wrap;
    }
    body section#main-body .sidebar-secondary .card-sidebar {
        margin-bottom: 20px !important;
    }
    .sidebar.sidebar-secondary {
        padding-bottom: 0;
    }
    .promo-banner ul li {
        width: 100%;
        flex: 100%;
    }
    .home-page-slider-panel .promo-banner .card-body .btn-success {
        font-size: 12px;
        padding: 10px 20px;
    }
    body section#main-body .sidebar-secondary .card-sidebar:last-child {
        margin-bottom: 0 !important;
    }
    .dataTables_wrapper .dataTables_info {
        padding: 9px 10px 20px;
    }
    .datatable-cstm-search-status, .datatable-cstm-search-services, .custom-search-container {
        flex: 0 0 100%;
    } 
    .filter-datatable-container .cutom-filter select {
        width: 100%;
    }
    .container-breadecrum {
        display: none;
    }
    nav.master-breadcrumb.breadcrumb-title {
        background: transparent !important;
        margin: 30px 0 0;
        border-radius: 0;
    }
    nav.master-breadcrumb.breadcrumb-title .container {
        width: 100% !important;
        max-width: 100% !important;
    }
    .page-item.active .page-link {
        padding: 9px 15px !important;
    }
    .filter-datatable-container h2 {
        font-size: 16px;
        padding-bottom: 8px;
        margin-bottom: 2px;
    }
    div.dataTables_wrapper div.dataTables_info {
        padding-top: 25px;
        text-align: left;
        padding-bottom: 0;
    }
    .login-bg .logo-sec img {
        width: 120px;
    }
    .login-left-side {
        padding: 40px 20px 20px;
        background:var(--bg-white);
    }
    .register-form-latest-v .register-left-view {
        max-width: 100%;
        border-right: 0;
        padding: 0px 0px 0px 0px;
    }
    .register-form-latest-v .register-right-view {
        max-width: 100%;
        padding: 0px 0px 0px 0px;
    }
    .register-form-latest-v {
        padding: 20px 20px;
    }
    .latest-hostx-login-register-pg.latest-register-page-v .latest-lr-anch img {
        width: 120px;
    }
    .container {
        padding: 0 20px;
        max-width: 100%;
    }
    .login-left-side .form-sec .row.justify-content-center {
        margin: 0;
    }
    .login-left-inner {
        max-width: 100%;
    }
    .container-fluid {
        padding: 0 20px;
    }
    .clientdetails-main .card-body {
        padding: 0;
    }
    .right-bottom-sec h2 {
        font-size: 22px;
    }
    #myBtn {
        width: 35px;
        height: 35px;
        line-height: 35px;
        bottom: 20px;
        right: 6px;
        font-size: 20px;
    }
    .btn {
        border-radius: 5px !important;
    }
    div#modalGeneratePassword .modal-dialog {
        max-width: 90%;
    }
    #frmGeneratePassword .modal-body {
        padding: 15px 15px;
    }
    #frmGeneratePassword .modal-body .row button {
        padding: 6px 12px !important;
        font-size: 13px !important;
    }

    .primary-bg-color section#main-body.body-background-cloudx.padd-40 {
        padding-bottom: 0 !important;
    }
    .client-home-cards .card-body p, .client-home-cards .list-group .list-group-item, .home-page-slider-panel .promo-banner .content ul li, .card-body.store-promoted-product ul li {
        font-weight: 400;
    }
    .sidebar-nav ul.dropdown-menu {
        position: relative !important;
        left: unset !important;
    }
    /*div#tableServicesList_paginate, div#tableServicesList_length, .dataTables_wrapper .dataTables_paginate, .dataTables_wrapper .dataTables_length {*/
    /*    float: unset;*/
    /*}*/
    .dataTables_wrapper div#tableServicesList_length {
        justify-content: left;
    }
    .dataTables_wrapper {
        padding: 20px 20px;
    }
    .payment-methods-cloudx h3.payment-method-intro {
        font-size: 18px !important;
    }
    .child-affiliates-container {
        width: 100%;
        max-width: 100%;
        border-bottom: 1px dashed var(--border-color);
    }
    .child-affiliates-container:not(:last-child) {
        border-right: 0;
    }
    form.clientdetails-main .card.email-Preferences-card {
        padding: 20px;
    }
    .email-Preferences-content {
        gap: 12px;
        flex-wrap: wrap;
    }
    .controls.form-check.general-emails-checkbox {
        margin: 0;
        padding: 0;
    }
    .custom-addcontact-data {
        flex-wrap: wrap;
        gap: 20px;
    }
    .custom-addcontact-data .col-md-6 {
        padding: 0;
    }
    .carousel-inner .carousel-item.item .promo-banner form {
     text-align: left ;
    }
    .home-page-slider-panel .promo-banner img {
        height: 130px;
        object-fit: contain;
    }
    .home-page-slider-panel .promo-banner .icon-left {
        margin-bottom: 0;
    }
    body #order-standard_cart .secondary-cart-body .view-cart-tabs a.nav-link {
        padding: 8px 13px !important;
        font-size: 14px !important;
    }
    body #order-standard_cart .secondary-cart-body .view-cart-tabs ul.nav.nav-tabs {
        margin-bottom: 20px !important;
    }
    .view-cart-tabs button.btn.btn-block.btn-default {
        height: 36px;
        margin-left: 0;
    }
    #order-standard_cart input#domainRenewalFilter {
        margin-top: 20px;
    }
    .button-style {
        font-size: 14px !important;
        padding: 8px 14px !important;
    }
    #order-standard_cart .mc-promo .body li {
        width: 100% !important;
    }
    #registration .social-signin-btns .btn-twitter {
        padding: 8.5px 15px !important;
    }
    ul.nav-cnts li  span.badge.badge-info {
        top: -5px;
        right: 1px;
        font-size: 8px;
        line-height: 8px;
    }
    .notification-client-right span.notification-count {
        font-size: 10px;
        line-height: 10px;
    }
    body .email-verification .order-3 {
        max-width: 100%;
        flex: 0 0 100%;
        order: 1;
        position: absolute;
        top: 6px;
        right: 3px;
    }
    li.lang-li-top button.btn {
        padding: 9px 5px !important;
    }
    nav.navbar.navbar-expand-md.navbar-light .toggle-slot {
        height: 35px;
        width: 63px;
    }
    nav.navbar.navbar-expand-md.navbar-light .moon-icon-wrapper, nav.navbar.navbar-expand-md.navbar-light .sun-icon-wrapper {
        height: 16px;
        width: 16px;
        top: 46%;
    }
    nav.navbar.navbar-expand-md.navbar-light .toggle-button {
        height: 17px;
        width: 17px;
    }
    ul.nav-cnts {
        gap: 3px;
    }
    li#Secondary_Navbar-Account img {
        width: 20px;
    }
    .nav-cnts img {
        width: 18px;
    }
    .notification-client-right span.notification-count, ul.nav-cnts li span.badge.badge-info{
        width: 16px;
        height: 16px;
    }
    button#accountNotifications {
        padding-left: 5px;
        padding-right: 5px;
    }
   #modalChooseLanguage .modal-dialog {
        max-width: 335px;
    }
    .col-sm-12.hidden-xs.d-none.d-sm-block.cust-manage-product {
        text-align: left;
        margin-top: 5px;
        display: block !important;
    }
    .price-cycle-display {
        display: none;
    }
    .primary-content #order-standard_cart .view-cart-items .item-price .cart-price-cycles {
        display: block;
        text-align: left !important;
        margin-top: 20px;
        font-size: 18px;
        font-weight: 600;
        padding-left: 0;
        margin-bottom: 10px;
    }
    div#btnGoogleSignin1 {
        margin: 0px 0px 5px !important;
    }
    .register-right-view {
        margin-top: 0;
    }
    .register-left-view {
        margin-top: 10px;
    }
    .register-form-latest-v .alert.alert-danger {
        margin-top: 10px;
    }
    .primary-content .affiliates-page-cloudx input {
        max-width: 100%;
        border: 1px solid var(--border-color) !important;
        margin-bottom: 10px;
    }
    .affiliates-page-cloudx .affiliate-url-container {
        display: block;
        border: transparent;
    }
    div.dataTables_wrapper div.dataTables_length label {
        font-size: 12px !important;
    }
    .dataTables_wrapper div.dataTables_length select.form-control {
        background-size: 8px !important;
        background-position: center right 9px !important;
        background-position-y: 12px !important;
        padding: 2px 19px 3px 10px !important;
        font-size: 11px !important;
    }
    div#tableServicesList_paginate, div#tableServicesList_length, .dataTables_wrapper .dataTables_paginate, .dataTables_wrapper .dataTables_length {
        padding-top: 25px;
    }
    body div.dataTables_wrapper .dataTables_filter label {
        text-align: left;
    }
   .sidebar-nav-left .side-bar-nav-active{
        height: calc(100vh - 220px);
        overflow: auto;
    }
    .frm-credit-card-input .cc-number-field {
        background-size: 35px;
    }
    form#frmManagePaymentMethod label.control-label {
        font-size: 14px !important;
    }
    form#frmManagePaymentMethod .form-group .col-md-8 input#inputCardNumber {
        width: 100%;
        margin-bottom: 15px;
    }
    .md-editor.md-fullscreen-mode .md-fullscreen-controls {
        top: 5px;
    }
    .invoice-pay-to-section .col-md-5, .invoice-pay-to-section .col-md-7 {
        display: inline-block;
        width: 100%;
        text-align: left !important;
    }
    .invoice-note-section .card-title.py-1.px-2.text-white.font-weight-bold.bg-info {
        background: var(--primary-bg-color);
        padding: 10px 20px !important;
        border-radius: 8px;
    }
    .invoice-inner-left .col-6 {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: left !important;
    }
    .payment-list-inv .three-column-grid {
        width: auto;
    }
    .domainsinorder-container .col-sm-6.mb-3 {
        flex: 0 0 60%;
        max-width: 60%;
    }
    #containerNewUserSignup .col-sm-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    #containerNewUserSignup .intl-tel-input .country-list{
            position: relative;
    }
    #tabOverview .responsive-tabs-sm .nav-item {
        border: 0 !important;
        margin-bottom: 10px;
        display: flex;
    }
    .dataTables_wrapper ul.pagination li a {
        padding: 4px 10px;
    }
        .dataTables_wrapper ul.pagination>.active>a {
        padding: 2px 5px !important;
    }
    .password-using-btns input.btn.btn-primary.button-style.cd-primary-btn {
        margin-right: 10px;
    }
}
@media (max-width: 575px){
    .table-responsive.cus-invoice-modal {
        overflow-x: scroll;
    }
    .table-responsive.cus-invoice-modal table {
        width: 110vw !important;
        max-width: unset;
    }
    .mg-wrapper .box.light {
        padding: 12px 10px 15px 10px!important;
    }
    .rc-actions {
        flex-direction: column;
    }
    .mg-wrapper .help-block{
        word-wrap: break-word;
    }
    .cell-label[data-v-5089cd91]{
        flex: auto !important;
    }
    div#domainSuggestions {
        overflow: auto;
        white-space: nowrap;
        padding: 20px;
        background: var(--bg-white);
    }
    div#additionalinfo .row:last-child {
        border-bottom: 0;
    }
    .mg-wrapper .modal.fade.show .modal-dialog {
        width: unset !important; 
    }
    #creditCardInputFields label.form-check.form-check-inline.no-padding {
        font-size: 12px !important;
        margin-left: 0 !important;
        margin-right:  0 !important;
    }
    #inputNoStoreContainer1 {
        padding-right: 0 !important;
    }
    #creditCardInputFields {
        padding:20px 18px;
    }
     form.using-password-strength .btn.btn-default.btn-block.generate-password {
        margin: 0 15px;
    }
    .newpassdiv-inner {
        max-width: 100%;
    }
    .newpassdiv {
       flex-direction: column;
    }
    .popover.bs-popover-left {
        right: 90px !important;
        left: unset !important;
    }
     .cloudx_cart_body .form-control.domain-renewals-filter, .cloudx_cart_body .form-control.service-renewals-filter {
        background: url(../images/custom_images/search-icon.svg) #fff no-repeat 16px 7px !important;
        top: -1px;
    }
    /*.tab-content.margin-bottom div#tabOverview {*/
    /*    padding: 25px 0 !important;*/
    /*}*/
    
    .form-group.cc-details.row.card-num-div {
        float: left;
        max-width: unset;
    }
    .cloudx-addfund .three-column-grid {
        grid-template-columns: repeat(3, auto) minmax(4em, 36em) auto;
    }
    .payment-list-inv .three-column-grid {
        width: 100%;
    }
    #ssoStatusTextDisabled, #ssoStatusTextEnabled {
        display: block;
    }
    .AccountSecurityONOFF {
        display: block;
        padding: 0 !important;
    }
    div.dataTables_wrapper div.dataTables_paginate {
        /*margin-bottom: 16px;*/
        margin-bottom: 0;
        padding-top: 27px !important;
    }
    .modal .modal-dialog {
        max-width: 360px;
    }
    .modal .modal-header {
        padding: 12px 20px;
    }
    .modal .modal-header h5.modal-title {
        font-size: 15px;
    }
    #modalAjax input.btn.btn-primary.btn-block.btn-lg {
        height: 35px;
        margin-top: 10px;
        line-height: 15px;
        font-size: 14px;
    }
    .twofa-module .col-description {
        margin-left: 116px;
    }
    .card.email-Preferences-card .controls.form-check.general-emails-checkbox label {
        flex-wrap: wrap;
        padding: 0 0px 0px 20px;
    }
    .modal .modal-dialog .modal-footer {
        padding: 20px 20px;
    }
    .cloudx-addfund .ccCard-parent .form-group.cc-details.row.card-date-div {
        display: block;
    }
    .invoice-date-section {
       margin-left: 0;
    }
    .cloudx-addfund .custom-cvv-toggle, .card.cloudx-addfund input#inputCardExpiry {
        width: 100%;
    }
    span.invoice-number {
    font-size: 24px;
    line-height: 30px;
    }
    button.el-button.el-button--primary {
        background: var(--primary-btn-bg);
        border-color: var(--primary-border-color);
        padding: 0 9px;
        font-size: 11px;
    }
    .mg-wrapper #MGPageclients #RCAddClient .nav-tabs>li>a {
    padding: 8px 5px !important;
    font-size: 12px;
}
}

@media (max-width: 480px){
    .md-editor.md-fullscreen-mode {
    padding: 60px 10px 15px;
}
    .md-editor .md-controls .md-control {
    right: 35px;
    color: var(--grey-color);
    position: absolute;
}
.table-container div#tableServicesList_paginate ul.pagination li a, .table-container .dataTables_wrapper ul.pagination li a {
    padding: 4px 5px !important;
}
    .dataTables_wrapper div.dataTables_length select {
        min-height: 27px !important;
        height: 27px !important;
    }
    /*form .button-style.cd-secondary-btn {*/
    /*    margin-left: 0;                                                                 */
    /*}*/
    .user-security-20i .providerPreLinking .social-signin-btns button.btn.btn-social {
        padding: 6px 12px;
        font-size: 14px;
        display: block;
        margin: auto;
    }
    .suggested-domains .actions .price {
        white-space: nowrap;
        margin-right:10px;
        font-size: 12px !important;
    }
    .server-module-extra-conatiner {
        overflow-x: scroll;
    }
    .account-status[data-v-5089cd91] {
        font-size: 11px;
    }
    .account-status .name {
       font-size: 12px !important;
    }
 
    .account-status button.el-button.el-button--primary {
        font-size: 11px;
        height: 28px;
        padding: 0 2px;
    }
    .el-button--ghost.el-button--contains-icon {
        min-width: 17px;
        min-height: 17px;
        padding: 0;
        margin-right: 5px;
    }
    .password-reset-temp {
        width: 90%;
        max-width: 100%;
        padding: 20px 20px;
    }
    body .email-verification {
        width: 100% !important;
        margin: 0;
        max-width: 100%;
    }
    .change-password-form-custom .text-center input {
        margin-right:10px;
    }
    .dataTables_wrapper ul.pagination li.active a {
        padding: 4px 5px !important;
    
    }
    .dataTables_wrapper div.dataTables_length select.form-control {
        background-position-y: 10px !important;
    }

    body .clientsListSearch.input-group input.form-control.input-sm, body .invoicesListSearch.input-group input.form-control.input-sm {
        width: 190px;
    }
}