@media (max-width: 1440px) {
    .in-whmcs-default-pages .navigation-area-promo-slider .slick-slide .slider-main-cross img {
        padding: 0 10px;
    }

    .in-whmcs-default-pages .content-img-slider p {
        font-size: 14px;
        line-height: 1.3;
    }

    .in-whmcs-default-pages .dataTables_wrapper table.table-list thead th {
        width: auto !important;
        vertical-align: middle;
    }

    .whmcs-client-area-pages-section .primary-content .card .card-body h1 {
        font-size: 38px;
        line-height: 1.1;
    }
    .navigation-area-promo-slider .slick-slide .slider-main-cross img {
        max-width: 150px;
    }
    #sidebarTicketCc .email.truncate {
        white-space: break-spaces;
    }
}
@media (min-width: 1200px) and (max-width: 1550px) {
    #containerAddCcEmail{
        display: block;
    }
    input#inputAddCcEmail {
        width: 100%;
        font-size: 12px;
        padding: 5px;
    }
    #btnAddCcEmail {
       margin-top: 10px;
       width: 100%;
   }
   .hostx-child-right-side-bar .card-footer {
        padding: 1.5rem 15px;
    }
}
@media (max-width: 1366px) {
    /* clientarea Css Start */

    .in-whmcs-default-pages .verification-banner .btn {
        padding: 9px 15px;
    }

    .ticket-reply .rating span.star {
        font-size: 18px;
    }
	.fieldgroup-creditcard .cc-billing-address .col-sm-7, .cc-billing-address .col-sm-2:nth-child(2), #stripeElements .col-sm-7 {
		flex: 0 0 50%;
		max-width: 50%;
	}
		/* clientarea Css End */

}
@media (max-width: 1340px) and (min-width:1200px){
    div[menuitemname="Ticket Information"] .btn {
        font-size: 12px;
        padding: 5px  5px;
    }
    div[menuitemname="Ticket Information"] .col-6.col-button-left {
        padding-right: 0;
    }

    div[menuitemname="Ticket Information"] .col-6.col-button-right {
        padding-right: 10px;
    }
    #newPassword1 .btn.btn-default.btn-block.generate-password {
       font-size: 13px;letter-spacing: -0.5px;
    }
}
@media (max-width: 1199px) {

    /* clientarea Css Start */

    .in-whmcs-default-pages .hostx-child-right-side-bar .card-footer a.btn {
        padding: 8px 10px;
    }

    .in-whmcs-default-pages .whmcs-default-client-dashboard .no-gutters .col-6.col-xl-3:first-child {
        padding-left: 5px;
        margin-bottom: 10px;
    }

    .in-whmcs-default-pages .whmcs-default-client-dashboard .no-gutters .col-6.col-xl-3:last-child {
        padding-right: 5px;
        margin-bottom: 10px;
    }

    .in-whmcs-default-pages .whmcs-default-client-dashboard .tiles .tile {
        padding-bottom: 12px;
    }

    .in-whmcs-default-pages .promo-banner ul li {
        padding-right: 8px;
        width: 50%;
    }

    .in-whmcs-default-pages.sideBarCollapse .whmcs-client-area-pages-section.container .col-xl-10 {
        flex: 0 0 80%;
        max-width: 80%;
    }

    .in-whmcs-default-pages.sideBarCollapse .whmcs-client-area-pages-section.container .col-xl-2 {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .whmcs-client-area-pages-section.container .col-xl-10,
    .whmcs-client-area-pages-section.container .col-xl-2 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .in-whmcs-default-pages .promo-banner h3 {
        font-size: 18px;
        font-weight: 600;
    }

    .in-whmcs-default-pages .btn {
        font-size: 12px;
    }

    .in-whmcs-default-pages .promo-container .header {
        padding: 10px 15px;
    }

    .in-whmcs-default-pages .promo-container .header h3 {
        font-size: 18px;
    }

    .in-whmcs-default-pages .dataTables_wrapper .form-control.form-control-sm {
        min-height: 40px;
    }

    .in-whmcs-default-pages .dataTables_wrapper .dataTables_filter label .form-control {
        background-position: 9px 9px;
    }

    .in-whmcs-default-pages #domainForm .dropdown-menu .dropdown-item {
        font-size: 12px;
    }
	.fieldgroup-creditcard .cc-billing-address .col-sm-7, .cc-billing-address .col-sm-2:nth-child(2), #stripeElements .col-sm-7 {
		flex: 0 0 70%;
		max-width: 70%;
	}
	.hostx-child-right-side-bar {
		margin-top: 20px;
	}
    /* clientarea Css End */

}

@media (max-width: 991px) {

    /* clientarea css Start */

    .in-whmcs-default-pages.sideBarCollapse {
        overflow: hidden;
    }

    .in-whmcs-default-pages::before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: black;
        z-index: 1;
        opacity: 0;
        transform: translateX(-100%);
        transition: 0.3s ease;
    }

    .in-whmcs-default-pages.sideBarCollapse::before {
        transform: translateX(0%);
        opacity: 0.5;
    }

    .in-whmcs-default-pages.sideBarCollapse .hostx-child-side-bar-custom {
        width: 260px;
        transform: translateX(0%);
    }

    .in-whmcs-default-pages .hostx-child-side-bar-custom {
        width: 260px;
        transform: translateX(-100%);
        z-index: 1;
    }

    .in-whmcs-default-pages .right-list-client-detail>li:first-child {
        margin-left: 0;
    }

    .in-whmcs-default-pages .right-list-client-detail>li.account a.dropdown-toggle {
        font-size: 0;
    }

    .in-whmcs-default-pages .right-list-client-detail>li.account a.dropdown-toggle::after {
        border: 0;
        content: "\f007";
        font-family: 'Font Awesome 5 Pro';
        font-size: 14px;
    }

    .in-whmcs-default-pages .right-list-client-detail>li>a,
    .in-whmcs-default-pages .right-list-client-detail>li>.btn {
        min-width: 28px;
        min-height: 28px;
        background: transparent;
        padding: 2px 0px;
    }

    .in-whmcs-default-pages .right-list-client-detail>li {
        margin-left: 4px;
    }

    .in-whmcs-default-pages .hostx-child-side-bar-custom .hostx-side-nav-list .parent-nav a .parent-nav-menu-name,
    .in-whmcs-default-pages.sideBarCollapse .hostx-side-nav-list li>a>span.caret {
        opacity: 1;
        display: inline-block;
    }

    .in-whmcs-default-pages.sideBarCollapse.left-side-bar-present #main-body,
    .in-whmcs-default-pages.left-side-bar-present #main-body {
        max-width: calc(100% - 0px);
    }

   .in-whmcs-default-pages.sideBarCollapse .hostx-side-nav-list .parent-nav .parent-sub-nav {
        position: static;
        opacity: 1;
        min-width: 100%;
        display: none;
        border-right: none;
    }

    .in-whmcs-default-pages .promo-banner .btn {
        padding: 8px 15px;
        font-size: 13px;
    }

    .whmcs-default-client-dashboard .client-home-cards .card-header {
        padding: 0.8rem 1rem;
    }

    .in-whmcs-default-pages .promo-banner .icon-left {
        width: 70px;
    }

    .in-whmcs-default-pages .promo-banner .content {
        margin-left: 90px;
    }

    .in-whmcs-default-pages .promo-banner h4 {
        font-size: 14px;
    }

    .in-whmcs-default-pages .client-home-cards .card-body p {
        margin: 0;
    }

    .in-whmcs-default-pages .promo-banner ul li {
        width: 100%;
    }

    .whmcs-client-area-pages-section .primary-content .card .form-control {
        width: 100% !important;
    }

    .in-whmcs-default-pages .client-home-cards .card-body .input-group-append {
        width: 100%;
        margin: 8px 0px;
        display: block;
    }
    #registerDomainPanel .card-body {
        padding: 25px 25px;
        max-height: inherit;
    }
    .in-whmcs-default-pages .client-home-cards .card-body .input-group-append .btn {
        flex: 0 0 auto;
        width: calc(100%/2);
        border-radius: 0;
    }
    div#registerDomainPanel .input-group-btn.input-group-append input{
        margin: 0px 0px 8px 0px;
    }
    .in-whmcs-default-pages.sideBarCollapse .whmcs-client-area-pages-section.container .col-xl-10,
    .in-whmcs-default-pages.sideBarCollapse .whmcs-client-area-pages-section.container .col-xl-2 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .in-whmcs-default-pages .right-header-client-area {
        margin: 0;
    }

    .in-whmcs-default-pages .submit-ticket-step-one .department-support {
        max-width: calc(100%/2 - 15px);
    }

    .in-whmcs-default-pages .side-bar-toggle {
        order: -1;
        margin: 0;
    }

    .in-whmcs-default-pages .navbar-brand {
        text-align: right;
        margin-right: auto;
        padding-left: 15px;
    }

    .in-whmcs-default-pages .whmcs-client-area-pages-section .card-body.extra-padding h3 {
        font-size: 22px;
        margin-bottom: 8px;
    }

    .in-whmcs-default-pages .whmcs-client-area-pages-section .card-body.extra-padding .lead {
        font-size: 18px;
    }


    .in-whmcs-default-pages .whmcs-client-area-pages-section .card-body.extra-padding ul li {
        font-size: 14px;
    }

    .in-whmcs-default-pages .whmcs-client-area-pages-section .domain-manage-list li {
        padding: 5px;
    }
	.whmcs-templatefile-clientareaaddfunds .col-md-8.offset-md-2 {
		margin-left: 0;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.whmcs-templatefile-bulkdomainmanagement .hostx-bulk-domain-page ul.nav.nav-tabs.responsive-tabs-sm {
		border-bottom: transparent;
		display: none;
	}
     .fieldgroup-auxfields .input-group-append {
        margin-top: 5px;
    }
    /* clientarea css End */

}

@media (max-width: 767px) {

    /* clientarea Css Start */
    .services_list .col-sm-3, .services_list .col-sm-9 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .in-whmcs-default-pages .primary-content .card-title {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .view-ticket .card-body .message {
        font-size: 14px;
    }

    .in-whmcs-default-pages.whmcs-user-loggedin .container {
        padding: 20px;
    }

    .in-whmcs-default-pages #domainForm .btn-group.btn-group-sm {
        flex-wrap: wrap;
        width: 100%;
    }

    .in-whmcs-default-pages #domainForm .dropdown-menu {
        right: 0;
    }

    .in-whmcs-default-pages #domainForm .btn-group.btn-group-sm .btn-default {
        margin: 0 0 5px;
        width: calc(100%/ 1);
        font-size: 14px;
        text-align: left;
    }

    .in-whmcs-default-pages .promo-banner .content {
        margin: 10px 0 0 0;
    }

    .whmcs-user-loggedin .email-verification .col-10 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .whmcs-user-loggedin .email-verification .col-2.col-sm-1.order-3 {
        flex: 1 1 0;
        max-width: fit-content;
    }

    .in-whmcs-default-pages .client-home-cards .card-body .input-group-append .btn {
        font-size: 14px;
    }

    .in-whmcs-default-pages .verification-banner .btn {
        margin: 3px 0;
    }

    div.product-details .product-status {
        max-width: 100%;
    }

    .in-whmcs-default-pages div.product-details div.product-icon {
        min-height: 1px;
    }

    .in-whmcs-default-pages .content-img-slider p {
        width: 100%;
    }

    .in-whmcs-default-pages .navigation-area-promo-slider .slick-dots {
        bottom: 0px;padding: 0;
    }

    .in-whmcs-default-pages div#tableServicesList_length {
        text-align: left;
    }

    .in-whmcs-default-pages .dataTables_wrapper {
        overflow-x: auto;
        margin-bottom: 10px;
        -webkit-appearance: none;
    }


    /* Scrollbar Styling */
    .in-whmcs-default-pages .dataTables_wrapper::-webkit-scrollbar {
        width: 10px;
        height: 5px;
    }

    .in-whmcs-default-pages .dataTables_wrapper::-webkit-scrollbar-track {
        background-color: #ebebeb;
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }

    .in-whmcs-default-pages .dataTables_wrapper::-webkit-scrollbar-thumb {
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background: #6d6d6d;
    }

    .in-whmcs-default-pages .dataTables_wrapper .dataTables_filter {
        float: unset;
        margin-top: 5px;
    }

    .in-whmcs-default-pages div.dataTables_wrapper div.dataTables_filter label {
        width: 100%;
    }

    .in-whmcs-default-pages .dataTables_wrapper .dataTables_filter label .form-control {
        margin: 0;
        width: 100%;
    }

    .in-whmcs-default-pages .dataTables_wrapper .table-list {
        min-width: 840px;
        padding: 10px 16px !important;
    }

    .in-whmcs-default-pages .dataTables_wrapper table.table-list thead th {
        white-space: nowrap;
    }

    .in-whmcs-default-pages .footer-part-client-area-page .completeSolution,
    .in-whmcs-default-pages .footer-part-client-area-page .copyright {
        font-size: 12px;
    }

    .in-whmcs-default-pages div.dataTables_wrapper div.dataTables_length label {
        font-size: 12px;
    }

    .in-whmcs-default-pages div.dataTables_wrapper div.dataTables_info {
        padding: 10px;
        font-size: 14px;
    }

    .alert {
        font-size: 13px;
    }

    .in-whmcs-default-pages #order-standard_cart .products .product footer {
        margin: 10px 0;
    }

    .in-whmcs-default-pages #order-standard_cart .products .product div.product-desc .form-group {
        margin-bottom: 8px;
    }

    .in-whmcs-default-pages .whmcs-client-area-pages-section .primary-content .kb-search button {
        font-size: 14px;
    }

    .in-whmcs-default-pages .whmcs-client-area-pages-section .card-body .h5 {
        font-size: 16px;
    }

    .in-whmcs-default-pages .card-body .list-inline .list-inline-item {
        font-size: 14px;
    }

    .whmcs-client-area-pages-section .primary-content .card .card-body h1 {
        font-size: 26px;
    }

    .in-whmcs-default-pages .attachment-group label.custom-file-label.text-truncate,
    .in-whmcs-default-pages .attachment-group button#btnTicketAttachmentsAdd {
        font-size: 14px;
    }

    .whmcs-client-area-pages-section .table tr td .btn {
        margin: 2px 4px;
    }
    .order-3 {
        position: absolute;
        top: -3px;
        right: 9px;
        padding: 0;
    }    
    .right-list-client-detail .language-data{
            column-count: 2;
            right: -30px;
    }
    /* clientarea Css End */
    .whmcs-client-area-pages-section .inner-page-contact.p-vertical {
        padding: 10px;
    }
    #confirmModal1 #btnConfirmModalConfirmBtn {
        margin-right: 6px;
    }
    #confirmModal1 {
        padding-right: 0 !important;
    }
    #confirmModal1 .modal-dialog {
        margin: 0px 10px;
    }
    .right-list-client-detail .dropdown-menu.client-alerts {
        left: auto;
        right: -20px;
        min-width: 270px;
    }
    .right-list-client-detail .dropdown-menu.client-alerts ::after {
        right: 4rem;
    }
    .hostx-child-right-side-bar {
        margin-top: 10px;
    }
    .domain-manage-list li {
        max-width: 100%;
    }
    .in-whmcs-default-pages .navbar-brand img {
        width: 100%;
        max-width: 100px;
    }
    .hostx-product-detail-page .backToZones {
        text-align: left;
    }
    .add-new-zone input[type="text"] {
        margin: 10px 0px;
    }
    .add-new-zone .newSlaveZoneAdd input {
        margin: 0;
    }
    br.mBr {
        display: none;
    }
    .hostx-bulk-domain-page .form-check-inline {
        display: block;
    }
    table.newSlaveZoneAdd {
        width: 600px !important;
    }
    .newZoneContainer form {
        overflow: auto;
    }
    .whmcs-client-area-pages-section .primary-content .kb-search input {
        font-size: 12px;
    }
    .whmcs-client-area-pages-section .table tr td .btn {
        white-space: nowrap;
    }
    .invoice-container{
        padding: 35px 35px 50px 35px;
        width: 100%;
        max-width: 100%;
        border: transparent;
    }
    table#payMethodList {
        width: 700px;
    }
    .whmcs-templatefile-account-user-management .table.table-striped {
        width: 700px;
    }
}

@media (max-width: 575px) {
    .fieldgroup-creditcard .cc-billing-address .col-sm-7, .cc-billing-address .col-sm-2:nth-child(2) {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .footer-part-client-area-page .copyright{
            text-align: center;
    }
    .footer-part-client-area-page .completeSolution {
        order: 1;
        text-align: center;
        padding-right: 0;
    }
    .footer-part-client-area-page {
        display: block;
        text-align: center;
        float: left;
        width: 100%;
    }
    .newZoneButtonsContainer .pull-left, .add-new-zone form.recordsForm select {
        width: 100%;
    }
    #billingAddressChoice .text-truncate {
        white-space: unset;
    }
    .fieldgroup-creditcard .cc-billing-address .col-sm-7, .cc-billing-address .col-sm-2:nth-child(2), #stripeElements .col-sm-7 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    div.three-column-grid, div.two-column-grid {
        display: inline-grid;
        grid-template-columns: repeat(3, auto) minmax(6em, 30em) auto;
    }
    .twofa-module{
            padding: 10px 10px;
    }
    .twofa-module .col-logo {
        width: 40px;
    }
    .twofa-module .col-description {
        margin-left: 90px;
        font-size: 14px;
    }
}

@media (max-width: 480px) {

    /* clientarea css Start */
    .whmcs-user-loggedin .email-verification {
        padding: 0;
    }

    .submit-ticket-step-one .department-support {
        max-width: calc(100%/1 - 15px);
    }

    .in-whmcs-default-pages .promo-banner ul li {
        font-size: 13px;
    }

    .in-whmcs-default-pages p {
        font-size: 13px;
        line-height: 21px;
    }

    .in-whmcs-default-pages .promo-banner {
        padding: 10px 0 20px;
    }

    .domain-detail-hostx-page .addon-domain-detail-pg .fa-3x {
        font-size: 2em;
    }

    /* clientarea css End */
}

@media (max-width: 375px) {
    .business-block .hx-business-list .list-inline-item {
        margin: 0;
        width: calc(100%/3);
    }
   
    /* clientarea css Start */
    .right-list-client-detail .dropdown-menu.client-alerts {
        min-width: 220px;
    }

    .in-whmcs-default-pages .navbar-brand {
        max-width: 90px;
    }

    .in-whmcs-default-pages .navbar-brand img {
        max-width: 100%;
    }

    .in-whmcs-default-pages .whmcs-default-client-dashboard .no-gutters .col-6 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 10px;
    }

    .whmcs-user-loggedin .content-product-detail-page .btn-default {
        padding: 7px 12px;
        margin: 3px;
    }
    .right-list-client-detail .language-data {
        column-count: 2;
        right: -30px;
        width: 285px;
    }
    .right-list-client-detail .dropdown-item {
        font-size: 13px;
        color: #0f0f12;
        padding: .25rem 0.7rem;
    }

    /* clientarea css End */


}