:root {
    --mobile-btn-width-long: 130px;
    --mobile-btn-width-short: 50px;
    --mobile-btn-height: 100px;
    --mobile-font-size: 12px;
    --mobile-container-padding: 1.5rem;
    --mobile-title-font-size: 25px;

    --mobile-info-page-section-padding: 2rem;
    --mobile-info-page-section-margin: 2rem;
}

/* Overrides KT class to hide Settings in Menu @ PC media */

@media (min-width: 1025px) {
    .kt-header-menu .kt-menu__nav>.kt-menu__item.mobileMenuViewSettings {
        display: none;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 .15rem;
    }
}
@media(min-width: 1439px){
    
}

@media (min-width: 1400px) {
    
}

@media (min-width: 1199px) {
    .header-welcome-divnavbar {
        display: block ;

    }
    
}

/* Ipad Pro View */
@media (min-width: 991px) and (max-width: 1199px) {
    .phone-container .select2-selection.select2-selection--single {
        border: solid 0.5px #aaaaaa;
        border-right: solid 0px !important;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        height: 40px;
    }
    .landingpage2footer .insurance-register-button {
        font-size: 15px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .insurance-landing-page-second-section2 {
        padding: 2rem;
    }

    .supportbox2{
        padding: 3rem 2rem;
    }
    .latest{
        margin: 0rem 0.5rem;
    }
    .supportbox1{
        grid-auto-columns: calc(100% / 2);
    }
    .header-welcome-divnavbar {
        display: flex ;
    }
    .header-welcome-divnavbar {
        display: none ;

    }
    .ipad-below-display.crossBtn button {
        position: absolute;
        right: 15px;
        background-color: unset;
        border: unset;
        color: #fff;
    }
   
    .publicRegistration {
        height: 100%;
        min-height: unset;
    }

    #registrationConfirmation .modal-dialog {
        max-width: 80%;
    }

    /* Login  */

    .login-col-ipad-pro {
        flex: 0 0 50%!important;
        max-width: 50%!important;
    }
    /* End of Login */

    .main-display-div:has(.dashboard-cert-bg) {
        background-size: 32% 100%;
    }
}

/* Ipad View */
@media (min-width: 768px) and (max-width: 990px) {

    body {
        display: block;
    }
    
    .phone-container .select2-selection.select2-selection--single {
        border: solid 0.5px #aaaaaa;
        border-right: solid 0px !important;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        height: 40px;
    }
    .insurance-landing-page-second-section2 {
        padding: 2rem;
    }

    .supportbox2{
        padding: 3rem 2rem;
    }
    .latest{
        margin: 0rem 0.5rem;
    }
    .supportbox1{
        grid-auto-columns: calc(100% / 2);
    }
    .supportbox6{
        background-position-x: 50%;
    }
    .advance {
        font-size: 25px;
    }
    .landingpage2footer .phone50{
        padding: 5rem 0rem !important;
    }
   
    
    .memberRegistration .register-section-content {
        padding: 20px 15px;
    }

    .publicRegistration {
        height: 100%;
        min-height: unset;
    }
    
    #canvasMessage {
        padding-top:200px;
    }

    .sidebar-logo {
        width: 50%;
    }

    .sidebar-display-div {
        width: 10% !important;
    }

    #registrationConfirmation .modal-dialog {
        max-width: 80%;
    }


}

/* Mobile View */
@media (min-width: 320px) and (max-width: 767px) {
    .display-level-content-container {
        padding: 2rem;
    }

    .phone-container .select2-selection.select2-selection--single {
        border: solid 0.5px #aaaaaa;
        border-right: solid 0px !important;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        height: 40px;
    }
    .landingpage2footer .phone50{
        padding: 5rem 0rem !important;
    }
    .insurance-landing-page-main-primary-div{
        background-position-x: 50%;
        padding: 2rem 2rem;
    }
    .insurance-landing-page-second-section2 {
        background-color: #f8f8f8;
        /* background-color: rgba(0, 0, 0, 0.6); */
        font-size: 14px;
        color: #000000;
        font-weight: var(--default-font-weight-thick);
        padding: 2rem;
    }
    #basicwizard1 {
        display: none;
    }
    .card-listing-row div{
        word-break: break-word;
        /* width: 20rem; */

    }
    #card-listing-container {
        display: block;
    }
    .card-listing-row {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-inline: 2em;
        margin-block: 0.5em;
    }
    .card-listing-block {
        background: var(--primary-bg-color);
        padding-block: 1em;
        margin-block: 2em;
        border-radius: 7px;
        color: #000;
        box-shadow: 0px 3px 6px #0000001A;
        -webkit-box-shadow: 0px 3px 6px #0000001A;
        -moz-box-shadow: 0px 3px 6px #0000001A;
    }

    .card-listing-block:nth-child(even) {
        background: #FFF8E6;
    }

    .header-title-btn {
        width: 3.5rem;
    }

    .enrollment{
        width: 70%;
    }
    .advance{
        font-size: 20px;
    }
    
    .supportbox6{
        background-position-x: 40%;
    }
    .supportbox2{

        grid-auto-columns: calc(100% / 1);
        padding: 3rem 2rem;
        grid-auto-flow:unset;
    }
    .latest{
        margin: 1rem 1rem;
    }
   
    .supportbox1{
        grid-auto-columns: calc(100% / 1);
    }

    /* Forgot Password Modal Pop Up */

    .forgot-password-modal-container {
        padding: 5rem 1.6rem;
    }

    .forgot-password-btn-gap {
        gap: 15px;
    }

    #forgotPasswordPopup {
        padding-left: 0!important;
    }

    #modal-header.forgot-password-modal-header span {
        font-size: 22px;
    }

    .memberRegistration .register-section-content {
        padding: 20px 10px;
    }
    .registration-btn {
        justify-content: center !important;
    }

    .card-listing-container {
        display: block;
    }

    .sidebar-display-div {
        width: 20% !important;
    }

    .btn.form-btn {
        width: var(--mobile-btn-width-long);
    }

	.profile-tab-selection {
		max-width: 100%;
	}

	.profile-tab-container, .profile-password-container {

		flex-direction: column;
		gap: 10px;
	}

	.profile-password-container {
		gap: 0px;
	}

	.profile-edit-cointainer {
	    padding: 10px;
        margin: unset;
        max-width: 100%;
	}

    .my-referral-modal .modal-dialog {
        max-width: 360px;
        margin: 150px auto;
    }

    #canvasMessage .modal-footer {
        padding: 15px 2rem;
    }

    .inbox-message-display-div {
        max-width: 80%;
    }

    .inbox-chat-bottom-div {
        padding: 1rem;
    }

    .inbox-chat-img-div {
        max-width: 50%;
    }

    .inbox-chat-list-div {
        max-height: 500px;
    }

    .language-dropdown-list {
        /* right: -55px; */
    }
    .collapse:not(.show) {
        display: none;
    }

    .public-registration-page-lang-div {
        position: relative;
    }

    .public-registration-page-lang-div .public-registration-language-dropdown {
        position: absolute;
        top: 15px;
        right: 20px;
    }

    .publicRegistration {
        padding: 5rem 2rem;
        min-height: unset;
    }

    .publicRegistration .register-section {
        padding: 0;
    }

    .register-title-container img {
        width: 55%;
        margin-bottom: 2rem;
    }

    .register-section-content .login-title-2 {
        padding-right: 5px;
    }

    .header-page-title {
        /* margin-top: 10px; */
        margin-bottom: 0px !important;
    }

    .profile-img-div {
        width: 250px;
        height: 250px;
        margin-top: 25px;
    }

    .announcement-title {
        max-width: 70%;
    }

    .return-to-dashboard-btn {
        display: flex;
    }

    .cliedusername {
        font-size: 35px;
    }

    #registrationConfirmation .modal-dialog {
        max-width: unset;
        width: 100%;
    }

    .x-mark {
        margin-right: 10px;
    }

    .dataTables_wrapper .dataTable th:nth-child(2) {
        border-top-left-radius: unset;
    }

    .dataTables_wrapper .dataTable tr:last-child td:nth-child(2) {
        border-bottom-left-radius: unset;
    }

    /* Registration Pop up */

    .registration-modal-body {
        padding: 10px;
    }
    
    /* End of Registration Pop up */
   

    .file-input-group span {
        max-width: 55%;
    }

    .inbox-message-display-div {
        max-width: 80%;
    }

    .inbox-chat-bottom-div {
        padding: 1rem;
    }

    .inbox-chat-img-div {
        max-width: 50%;
    }

    .inbox-chat-list-div {
        max-height: 500px;
    }

    .wellatbox {
        width: 100%;
        max-width: 100%;
    }
    #canvasMessage .modal-dialog {
        max-width: 360px;
    }

    /* Login - Mobile View */
    .homepage-section1 {
        padding: 20px;
    }
    /* End of Login - Mobile View */

    .dashboard-welcome-section {
        flex-direction: column;
    }

    .dashboard-rank-info-div {
        border-right: unset;
    }

    .sidebar-anchor-item.active:before,
    .sidebar-anchor.active:before, 
    .sidebar-anchor:hover:before {
        right: 2px;
    }

    .custom-col-responding-padding {
        padding-left: unset !important;
        padding-right: unset !important;
    }

    .header-title-diplay {
        font-size: var(--sm-text-size);
    }

    .header-title-name {
        max-width: 7rem;
    }

    .modal-preview-canvas {
        height: 250px;
    }

    .cert-name-setting-modal.modal .modal-dialog {
        max-width: 100%;
    }
}

@media (min-width: 576px) and  (max-width: 767px) {

}

@media (min-width: 320px) and  (max-width: 575px) {
    .register-section-content {
        padding: 17px 0 17px 15px;
    }

}

@media (min-width: 320px) and  (max-width: 400px) {

    #revealConfirmtPasswordBtn{   
        right: -10px;
        top: 64px;
    }
}



@media (max-width: 992px) and (orientation: landscape) {
    .homepage-section1{
        min-height: unset;
    }

}    

@media (max-width: 300px) {
    .register-section-content {
        padding: 15px 0 15px 8px;
    }

    .register-title-container img {
        width: 150px;
        margin-bottom: 20px;
    }

    .register-title-main {
        font-size: 24px;
    }
}

/* Ipad and below */
@media (max-width: 992px) {
    .collapse:not(.show) {
        display: none;
    }
    .sidebar-display-div.collapse-sidebar {
        position: fixed;
        top: 0;
        left: -80%;
        height: 100vh;
        max-height: 100vh;
        overflow-y: auto;
        transition: all .5s ease;
        z-index: 100;
        background-color: var(--primary-bg-color);
    }

    .sidebar-display-div.collapse-sidebar.show,
    .sidebar-display-div.collapse.show {
        left: 0 !important;
        display: block;
    }

    .sidebar-div {
        background-color: transparent;
        box-shadow: unset;
        -webkit-box-shadow: unset;
        -moz-box-shadow: unset;
        border-radius: unset !important;
        padding-top: unset;
    }

    .sidebar-copyright-div {
        padding: 3rem 1.5rem;
    }

    .sidebar-copyright {
        padding-bottom: 10px;
        font-size: 12px;
    }

    .ipad-below-display {
        display: block;
        padding: 0.7rem 14px !important;
    }

    .ipad-below-display.crossBtn {
/*        padding-right: 0px !important;*/
        position: relative;
        height: 49px;
    }

    .ipad-below-display.crossBtn button {
        position: absolute;
        right: 15px;
        background-color: unset;
        border: unset;
        color: #fff;
    }

    .main-display-div:has(.dashboard-cert-bg) {
        background-image: unset;
    }

    .dashboard-cert-section-container {
        padding-left: unset;
    }

    .dashboard-cert-section-title {
        color: var(--primary-text-color);
    }
}

/* Ipad Pro and below */
@media (max-width: 1199px) {
    .fund-in-qr-div {
        margin: unset;
    }
    
    .fund-in-qr-container {
        width: 90%;
    }

    /* Pop up modal */

    .memo-modal {
        
        .modal-dialog .modal-body .pop-up-memo-div img {
            max-height: 70vh;
            max-width: 80%;
        }

        .modal-dialog .modal-body .pop-up-memo-div button {
            font-size: 70px;
        }

        .modal-dialog .modal-body .pop-up-memo-div button:first-child i {
            padding-right: 10px;
        }

        .modal-dialog .modal-body .pop-up-memo-div button:last-child i {
            padding-left: 10px;
        }
    }

    /* Pop up modal */
}