@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;
    }
}
@media only screen and (max-width: 1279px) {
    .flex-div .login-right form{
        padding-top: 30px;
    }
    .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 25px 8px 8px;
        gap: 5px;
    }
    .custom-dashbord-nav .nav-menu .menu-item a{
        font-size: 13px;
    }
    .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: 60px;
    }
    .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%;
    }
}
@media only screen and (max-width: 1023px) {
    .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;
    }
    /*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: 15px;
		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 .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%;
    }
    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;
    }
    .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{
        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;
    }
    .div-top{
        padding-top: 90px;
    }
    .custom-dashbord-nav .sub_menu {
        width: 350px;
        gap: 15px;
        position: relative;
        box-shadow: none;
        background: #fff;
        border-radius: 15px;
        padding: 20px 0px 20px;
        display: none;
    }
    .custom-dashbord-nav .nav-menu li:hover .sub_menu {
        display: flex;
        padding: 10px 10px;
        height: 220px;
        overflow-y: auto;
    }
    .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: 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;
    }
    .custom-work ul.steps li{
        margin-right: 50px;
    }
    .custom-work ul.steps li:before{
        width: 50px;
        right: -50px;
    }
    .multi-step .content .row{
        gap: 10px;
        padding-bottom: 10px;
    }
    .flex-div .login-right .multi-step .grup input{
        padding: 16px;
    }
    .btn-secondary{
        width: 100px;
        padding: 10px 15px;
    }
    .custom-dashbord-nav .logo {
        width: 40%;
    }
    .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;
    }
}