@media only screen and (max-width: 1300px) {
    .tab-section .flex-block .flex-card{
        width: 23.5%;
    }
}
@media only screen and (max-width: 1680px) {
    .progress-sec .card .h4{
        font-size: 19px;
    }
    .custom-dashbord-nav .nav-menu .link-block{
        margin-left: 5px;
    }
    .custom-dashbord-nav .nav-menu{
        gap: 10px;
    }
}
@media only screen and (max-width: 1279px) {
    .flex-div .login-right form{
        padding-top: 30px;
    }
    .videos-view .view_user_detail #video-frame{
        width: 50%;
    }
    .videos-view .youtube-container iframe {
        height: 270px;
        width: 490px;
    }
    .videos-view .mdc-card.view_user_detail{
        align-items: flex-start;
    }
    .progress-sec{
        padding-top: 50px;
    }
    .custom-dashbord-nav .nav-menu .menu-item a::before{
        display: none;
    }
    .custom-dashbord-nav .nav-menu{
        gap: 10px;
    }
    .custom-dashbord-nav .nav-menu .menu-item a:hover::before{
        display: none;
    }
    .custom-dashbord-nav .nav-menu .link-block{
        margin-left: 0;
        width: 200px;
    }
    .custom-dashbord-nav .nav-menu .link-block .nav__link img{
        padding: 6px;
    }
    .custom_dropdown{
        padding: 8px 8px 8px 8px;
        gap: 5px;
    }
    .custom_dropdown img{
        width: 30px;
        height: 30px;
    }
    .custom_dropdown .dropdown__filter{
        font-size: 10px;
    }
    .custom_dropdown .dropdown__filter::after{
        right: 5px;
    }
    .dashboard-wrapper{
        padding: 0px 15px;
    }
    .custom-dashbord-nav .logo img{
        width: auto;
        height: 55px;
        object-fit: cover;
    }
    .progress-sec .card .h4{
        font-size: 16px;
    }
    .progress-sec .card .card-header img{
        height: 30px;
        width: 30px;
        border-radius: 50%;
    }
    .progress-sec .card .h2{
        font-size: 30px;
    }
    .progress-sec .card{
        gap: 20px;
    }
    .tab-section .flex-block .flex-card .flex-header .h4{
        font-size: 20px;
    }
    .tab-section .flex-block .flex-card {
        width: 32%;
    }
    .profile-tab-sec .form-block .grup input, .profile-tab-sec .form-block .grup select{
        padding: 15px;
    }
    .profile-tab-sec .table-block .column p{
        padding: 10px;
    }
    .plot-booking-sec .form-block .grup{
        width: 31%;
    }
    .payment-requests-index.table-responsive{
        overflow-x: hidden;
    }
    .payment-requests-index .table{
        display: block;
        overflow-x: auto;
    }
    .call-service-data-index ,
    .video-income-index{
        overflow: hidden;
    }
     /* .table{
        overflow-x: auto !important;
        display: block !important;
    } */
     /*navbar css start*/
	.custom-dashbord-nav .hamburger {
		display: inline-block;
        z-index: 99999999;
	}
    .custom-dashbord-nav .hamburgar-block {
		text-align: right;
	}
	.custom-dashbord-nav .nav-menu {
		background: #004D54;
		flex-direction: column;
        justify-content: center;
        z-index: 9999999;
		opacity: 0;
        gap: 0px;
		position: absolute;
        height: 100vh;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		transform: translatex(-100%);
		text-align: center;
	}
    .custom-dashbord-nav .nav-menu .menu-item a,
    .custom-dashbord-nav .nav-menu .link-block .nav__link{
        font-size: 18px;
        justify-content: center;
        align-self: center;
    }
    .custom-dashbord-nav .menu-item{
        margin-bottom: 25px;
    }
	.custom-dashbord-nav .hamburgar-block {
		order: 2;
	}
    .custom-dashbord-nav .nav-menu .link-block{
        flex-direction: column;
        gap: 20px;
    }
    .custom-dashbord-nav .nav-menu .menu-item a:after{
        bottom: -8px;
    }
	.menu-active .custom-dashbord-nav .nav-menu {
		transform: translatex(0%);
		opacity: 1;
	}
    /*navbar css end*/
    .custom-dashbord-nav .logo{
        width: 70%;
    }
    .custom-dashbord-nav .sub_menu {
        width: 350px;
        gap: 15px;
        position: relative;
        box-shadow: none;
        background: #fff;
        border-radius: 15px;
        padding: 0px;
        /* display: none; */
        transition: all ease-in-out 0.5s;
        height: 0;
    }
    .custom-dashbord-nav .nav-menu li:hover .sub_menu {
        /* display: flex; */
        /* padding: 30px 10px;
        height: 350px;
        overflow-y: auto; */
    }
    .custom-dashbord-nav .nav-menu {
        align-items: flex-start;    padding-left: 20px;
    }
    .custom-dashbord-nav .sub_menu{
        gap: 10px;
    }
    .custom-dashbord-nav .nav-menu .menu-item .sub_menu a{
        padding: 8px;
    }
}
@media only screen and (max-width: 1023px) {
    .div-top.daashboard-top{
        padding-top: 30px;
    }
    .datepicker-dropdown {
        top: 290px !important;
    }
    .h2{
        font-size: 30px;
    }
    .tab-content>.tab-pane {
        display: block;
        opacity: 1;
    }
    .flex-div{
        flex-direction: column;
    }
    .flex-div .login-right,
    .flex-div .login-left{
        width: 100%;
        position: unset;
    }
    .flex-div .login-right{
       padding: 50px 0px;
    }
    .flex-div{height: auto;}
    .flex-div .login-right{
        margin-left: 0;
    }
   
    .custom-dashbord-nav .logo{
        width: 60%;
    }
    header {
        padding: 7px 0px;
    }
    .progress-sec .progress-block{
        flex-wrap: wrap;
    }
    .progress-sec .card{
        padding: 15px;
        width: 23%;
    }
    .tab-section .flex-block .flex-card {
        width: 48%;
    }
    .tab-section .accordion-button{
        box-shadow: none;
        border: 0;
        background: #004D54;
        color: #fff;
        margin-bottom: 10px;
        font-family: 'Urbanist';
        font-size: 16px;
        font-weight: 500;
    }
    .tab-section .accordion-button::after{
        filter: brightness(0);
    }
    .tab-section .accordion-button.collapsed{
        background: #F0F5FF;
        color: #0000005c;
    }
    .div-top{
        border-radius: 0px 0px 25px 25px;
        padding-top: 60px;
    }
    .div-top.income-report{
        padding-top: 60px;
    }
    .div-bottom .tab-section{
        border-radius: 25px;
    }
    .profile-tab-sec .sponser-block{
        flex-direction: column;
    }
    .profile-tab-sec .form-block,
    .profile-tab-sec .form-left,
    .main_tab_sec .stretch-card.mdc-layout-grid__cell--span-8,
    .main_tab_sec .stretch-card.mdc-layout-grid__cell--span-4{
        width: 100%;
    }
    .profile-tab-sec .accordion-button.collapsed{
        margin-bottom: 15px;
        box-shadow: none;
        border: 0;
        border-bottom: 2px solid #000;
    }
    .profile-tab-sec .accordion-button{
        background: transparent;
        box-shadow: none;
        color: #000;
        border-bottom: 2px solid #000;
        font-weight: 700;
        padding: 16px 0px;
    }
    .dashbord-banner .h2{
        font-size: 40px;
    }
    .profile-tab-sec {
        padding-top: 10px;
    }
    .profile-tab-sec .kyc-block .kyc-card .kyc-column.img{
        flex-direction: column;
    }
    .save-btn{
        width: 120px;
    }
    .profile-tab-sec .kyc-block .kyc-card{
        width: 48.5%;
        padding: 15px;
    }
    .profile-tab-sec .table-block .column p{
        font-size: 13px;
    }
    .div-bottom{
        margin-top: 90px;
    }
    .myprofile,.myprofile_update{
        margin-top: 22px;
    }
  
    .videos-view .mdc-card.view_user_detail{
        flex-direction: column;
        gap: 20px;
    }
    .videos-view .view_user_detail #video-frame,
    .videos-view .view_user_detail .steps{
        width: 100%;
    }
    .videos-view .youtube-container iframe{
        width: 670px;
        height: 280px;
    }
    .suport-view .title_head{
        flex-wrap: wrap;
        gap: 5px;
    }
}
@media only screen and (max-width: 767px) {
    .flex-div .login-right form{
        gap: 15px;
    }
    .flex-div .login-right .grup.button-block{
        align-items: center;
        padding-top: 20px;
    }
    .flex-div .login-right{
        padding: 20px 0px;
    }
    .multi-step #checkul{
        padding-top: 20px;
    }
    .flex-div .login-right .multi-step .grup{
        width: 100%;
    }
    .multi-step .content .row{
        flex-direction: column;
        margin: 0;
        }
    .custom-work ul.steps li{
        margin-right: 50px;
    }
    .custom-work ul.steps li:before{
        width: 50px;
        right: -50px;
    }
    .multi-step .content .row{
        gap: 0px;
        padding-bottom: 0px;
    }
    .flex-div .login-right .multi-step .grup input{
        padding: 16px;
    }
    .btn-secondary{
        width: 100px;
        padding: 10px 15px;
    }
    .flex-div .login-right .grup input{
        width: 82%;
        padding: 15px 15px 15px 35px;
    }
    .custom-dashbord-nav .logo {
        width: 30%;
    }
    .tab-section .flex-block .flex-card,
    .profile-tab-sec .form-block .grup,
    .progress-sec .card,.profile-tab-sec .kyc-block .kyc-card{
        width: 100%;
    }
    .white-block{
        border-radius: 25px;
        padding: 20px;
    }
    .dashbord-banner .h2{
        font-size: 30px;
    }
    .profile-tab-sec .kyc-block{
        flex-direction: column;
    }
    .dashbord-banner{
        text-align: center;
    }
    .save-btn {
        margin: 0 auto;
    }
    .profile-tab-sec .table-block{
        flex-wrap: wrap;
    }
    .profile-tab-sec .table-block .column,
    .profile-tab-sec .table-block .column.one,
    .profile-tab-sec .table-block .column.seven{
        width: 48%;
    }
    .profile-tab-sec .table-block .column p{
        height: 30px;
    }
    .div-bottom.dashbord-home{
        margin-top: 30px;
    }
    .flex-div .login-right .grup .fa{
        top: 42px;
    }
    .sign-up .login-right .h2{
        text-align: center;
    }
    .flex-div .login-right .grup .select2-selection{
        padding: 16px;
    }
    .flex-div .login-right .grup .select2-selection__arrow {
        height: 32px;
    }
    .flex-div .login-right .grup .select2-selection__rendered{
        top: 6px;
    }
    .flex-div .login-right .multi-step .grup #signupform-dob {
        padding: 6px 16px;
    }
    .multi-step .content .row.full .grup,
    .main_tab_sec .form-group .form-control{
        width: 100%;
    }
    .tab_view{
        padding-top: 20px;
    }
    .tab_view ul{
        gap: 15px;
        flex-wrap: wrap;
        border-radius: 10px !important;
    }
    .tab_view ul .tab_item ,
    .tab_view ul .tab_item a{
        width: 100%;
        display: block;
    }
    .main_tab_sec .mdc-card.view_user_detail{
        padding: 16px;
    }
    .main_tab_sec .mdc-card.view_user_detail .d-flex{
        margin-bottom: 10px;
    }
    .main_tab_sec .stretch-card.mdc-layout-grid__cell--span-12 .mdc-card .d-flex,
    .payment-requests-index > .d-flex{
        flex-direction: column-reverse;
    }
    footer .mdc-layout-grid__inner{
        flex-direction: column;
    }
    #kyc .mdc-card.view_user_detail .d-flex{
        flex-direction: row;
    }
    .users-update-profile .row .row{
        padding: 0px 7px;
    }
    .users-update-profile .row .row .col-md-6{
        padding: 0px 0px 0px 14px;
    }
    .payment-requests-index .card-title{
        margin-top: 30px;
    }
    .payment-requests-index > .d-flex{
        margin-top: 20px !important;
    }
    .payment-requests-index .table td img{
        height: 50px;
        width: 50px;
    }
    .payment-requests-form .username {
        font-size: 12px;
    }
    .panel-footer .kv-panel-pager {
        overflow-x: auto;
    }
    .videos-view .youtube-container iframe{
        width: 100%;
        height: 280px;
    }
    .main_tab_sec form#tree-view-form #tree-search-id{
        width: 100%;
        padding: 10px 10px;
    }
    .main_tab_sec form#tree-view-form{
        margin-bottom: 10px;
    }
    .call-service-data-index .btn {
        width: 200px;
        font-size: 12px !important;
        padding: 10px !important;
    }
    .multi-step #checkul .select2-selection {
        height: 34px;
    }
    .multi-step #checkul .select2-selection__arrow {
        height: 32px;
    }
    .log-out a{
        padding: 10px;
    }
    .custom-detail.reset-pwd  #checkul .password input{
        width: 83%;
    }
    .videos .videos-view .view_user_detail.videos-dtl a{
        margin: 0px 5px;
    }
    .videos .videos-view .view_user_detail.videos-dtl a img{
        width: 35px;
    }
    .multi-step #checkul .select2-selection__rendered{
        top: 8px;
    }
    .flex-div .login-left,.flex-div .login-left::after{
        height: 400px;
    }
    .dashbord-banner {
        padding: 50px 0px;
    }
    .myprofile .tab_view ul,
    .tab_view ul{
        border-radius: 10px !important;
    }
    .dashboard-wrapper{
        padding: 0px 11px;
    }
    .teamlist .main_tab_sec .table thead .form-control.select2-hidden-accessible{
        width: 0 !important;
    }
    .datepicker-dropdown {
        top: auto;
    }
    .flex-div .login-block .h2{
        font-size: 30px;
    }
    div#w0 {
        overflow: auto;
    }
    .suport-view .row .col:last-child{
        margin-top: 30px;
    }
    .sticky-div{
        padding: 10px;
    }
    .sticky-div a{font-size: 14px;}
    .custom-dashbord-nav .sub_menu {
        display: block;
        opacity: 1;
        visibility: visible;
        height: fit-content;
        text-align: left;
        background: transparent;
    }
    
    .custom-dashbord-nav .nav-menu .menu-item .sub_menu a {
        justify-content: flex-start;
        color: #fff;
        padding: 12px 0px 2px;
    }
    
    .custom-dashbord-nav .nav-menu .menu-item a.nav__link_more {
        display: none;
        justify-content: flex-start;
    }
    
    .custom-dashbord-nav .menu-item {
        margin-bottom: 7px;
    }
    
    .custom-dashbord-nav .nav-menu .link-block {
        align-items: flex-start;
    }
    
    .custom-dashbord-nav .nav-menu .menu-item a,.custom-dashbord-nav .nav-menu .link-block .nav__link {
        font-size: 14px;
    }
    
}