/* // X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .form-control {
        margin-bottom: 20px;
        font-size: 12px;

    }

    h2 {
        font-size: 20px !important;
    }

    h3 {
        font-size: 19px !important;
    }

    h5 {
        font-size: 18px !important;
    }

    a {
        font-size: 15px !important;
    }

    p {
        font-size: 15px !important;
    }

    span {
        font-size: 14px !important;
    }

    div#navbarSupportedContent-4 {
        border-top: 1px solid #cccccc2e;
    }

    a.login100-form-btn.btn-primary {
        width: 100%;
    }

    .notifications {
        border-radius: 10px;
        background: transparent;
        box-shadow: none;
        padding: 0;
    }

    .button-card-box a {
        width: 100%;
    }

    .search-buttons a {
        width: 100%;
        margin: 0;
        margin-bottom: 20px;
    }

    .form-select {
        width: -webkit-fill-available;
    }

    .dropify-wrapper.touch-fallback {
        margin: 0 0 0 -6px;
    }

    .search-main-bar {
        display: none !important;
    }

    .input-group .btn {
        height: 45px;
    }

    .number-font {
        font-size: 35px;
    }

    .div-main {
        flex-direction: column;
    }

    .div-main-box {
        width: 100%;
        padding-right: 0;
    }

    .button-card-box {
        text-align: center;
        float: unset;
    }

    .heading-button h3 {
        font-size: 15px;
    }

    .heading-button a {
        padding: 5px 9px;
        font-size: 13px;
    }

    a.View-all span {
        font-size: 15px;
    }

    .side-menu {
        padding: 10px !important;
    }

    .profile-pic img {
        width: 95%;
        height: 110px;
        padding: 9px;
        margin-bottom: 0;
    }

    .profile-pic {
        margin-bottom: 10px;
    }

    .profile-pic .-label {
        cursor: pointer;
        width: 95%;
        height: 108px;
        padding: 26px;
    }

    .profile-pic .-label svg {
        bottom: unset;
        top: -9px;
    }

    .noti-btnz a {
        padding: 0 7px !important;
    }

    .stage-user {
        flex-direction: column;
        align-content: center;
        padding: 10px;
        margin: 15px 0;
    }

    .date-dots {
        display: flex;
        align-items: center;
        justify-content: space-between;
        align-content: center;
        flex-direction: column;
    }

    .stage-user {
        padding: 10px;
        margin-bottom: 20px;
    }

    a#edit-icon {
        margin: 8px 0 0 0;
    }

    .maindivilla h3 {
        font-size: 20px;
    }

    .villa-p {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }

    p.location-19 {
        margin: 10px 0 0 0;
    }

    p.v-pp.light-blue {
        margin: 10px 0 0 0;
    }

    .main-dtl-addnew p {
        padding: 8px 0 9px 11px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        text-align: left;
    }

    .choose-date p {
        text-align: left;
    }

    .total-expanse-main h4 {
        font-size: 12px;
        line-height: 15px;

    }

    .total-expanse-main h3 {
        font-size: 12px;
        line-height: 15px;

    }

    .add-more {
        margin-top: 15px;
    }

    button.btn.btn-light.dropdown-toggle {
        font-size: 14px;
    }

    .boder-dots-div {
        width: 100%;
        height: 84px;
    }

    .profile-section h3 {
        margin: 0;
    }

    ul.dtl-profile-ul li p {
        width: 100px;
        font-size: 10px;
    }

    ul.dtl-profile-ul li {
        font-size: 12px;
        padding-bottom: 0;
    }

    img.pdf-img11 {
        margin: 0 5px 0 0px;
        width: 18px;
    }

    .img-span {
        display: flex;
    }

    ul.dtl-profile-ul li span {
        font-size: 10px;
        margin: 0 0 0 8px;
    }

    .on-pro-cnt p.dates-pro {
        width: fit-content;
    }

    .search11 input[type="text"] {
        width: 100%;
    }

    .search11 {
        width: 100%;
    }

    .card-title {
        font-size: 13px;
        margin-top: 10px;
    }

    select.form-control.form-select.select2 {
        font-size: 9px;
        padding: 0 15px;
    }

    .card-body {
        padding: 10px 30px;
    }

    .div-main-box .card {
        margin: 0 0 15px 0;
    }

    ul.dtl-profile-ul.compny-profile {
        margin: 15px 0 0 0;
    }

    .input-group {
        margin-bottom: 20px;
    }

    ul.notifcn {
        display: flex;
        justify-content: flex-start;
        align-content: center;
        flex-direction: column;
        align-items: flex-start;
    }

    span.location-11 {
        border-radius: 5px;
        background: #EEECFF;
        padding: 3px 2px;
        margin: 12px 0px;
        font-size: 10px;
    }

    .profile-main22 {
        display: flex;
        flex-direction: column-reverse;
        margin-top: 15px;
    }

    .h-box-not {
        margin: 10px 0 4px 0;
        display: flex;
        flex-direction: column-reverse;
    }

    .row.noti-responsive {
        display: flex;
        flex-direction: column-reverse;
    }

    .notification-main {
        padding: 15px;
    }

    .date ul li h3 {
        font-size: 14px !important;
        margin: 7px 0 0 0;
    }

    .noti-icon p {
        margin: 12px 0 0px 0;
        font-size: 13px;
    }

    ul.notifcn p {
        margin: 0px 0 9px 0;
    }

    .noti-icon a {
        padding: 0 0px;
        font-size: 12px;
    }

    span.add-villa {
        padding: 8px 9px;
        font-size: 10px;
    }

    .date ul {
        display: flex;
        align-items: center;
        align-content: center;
        width: 75%;
        justify-content: center;
        margin: 10px auto;
    }

    .date ul li {
        margin: 0 4px;
    }

    .btns a {
        padding: 6px 17px;
        font-size: 12px;
        font-weight: 500;
    }

    .noti-icon.right-btn-day a {
        margin-bottom: -3px;
    }

    .d-nonti-22 {
        flex-direction: column;
    }

    ul.notifcn11 {
        margin: 0;
    }

    .row.noti-view-responsive {
        display: flex;
        flex-direction: column-reverse;
    }

	.total-expanse-main {
			width:100%;
	}

    .total-expanse-main h3 {
        font-size: 15px;
    }

    .total-expanse-main h4 {
        font-size: 15px;
    }

    .search-buttons {
        margin-bottom: 15px;
        flex-direction: column;
        align-items: flex-start;
    }

    .country-code11 {
        position: relative;
        margin-bottom: 20px !important;
    }

    .addexpanse {
        border-radius: 8px;
        border: 1px solid #6E60FC;
        display: flex;
        align-content: center;
        padding: 9px;
        color: #6e60fc;
        margin: 0 0 9px 0px;
        align-items: center;
        justify-content: flex-start;
    }

    .card-body.tab-card-bb {
        padding: 0 10px;
    }

    .main-search11 .form-control {
        margin: 10px 0 0 0;
        font-size: 10px;
        width: 100%;
    }

    button.btn.btn-secondary.dropdown-toggle.stage-dropdown {
        width: 100%;
        margin: 0;
    }

    li.nav-item {
        margin: 5px 5px 0 0px;
    }

    .nav-pills .nav-link {
        font-size: 9px;
    }

    button.btn-search span {
        font-size: 15px;
    }

    button.btn-search {
        top: 6px;
        right: 6px;
        padding: 8px 14px !important;
        font-size: 11px;
        font-weight: 500;
        padding: 0px 12px;
    }

    .main-budget {
        margin: 4px 0 4px 0;
        justify-content: space-between;
        flex-direction: column;
    }

    .stage-box-day {
        width: 100%;
        height: 113px;
    }

    .budget-box {
        display: flex;
        flex-direction: column;
        padding: 20px 27px;
        align-items: center;
        justify-content: center;
        margin-right: 0;
        width: 100%;
        margin: 20px 0 0 0;
        text-align: center;
    }

    a.btn.btn-primary.edit-aa {
        margin-top: 10px;
    }

    .user-ass {
        margin: 10px 0;
    }

    .div-img-budget {
        background: rgba(131, 210, 247, 0.19);
        display: flex;
        align-items: center;
        align-content: center;
        padding: 22px;
        border-radius: 50%;
        width: 78px;
        height: 78px;
        justify-content: center;
        margin: 0 auto;
    }

    .budget-box1 {
        text-align: center;
        margin-top: 8px;
    }

    .expanse {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
    }

    .expanse h3 {
        margin: 0 0 15px 0;
    }

    .rent-box {
        padding: 20px;
    }

    .gallery-img {
        height: 56px;
    }

    img.gallery-thumb11 {
        width: 100%;
        height: auto;
    }

    .pro-discription h3 {
        font-size: 17px;
    }

    .dtl-member p {
        margin: 6px 0;
        font-size: 10px;
        font-weight: 400;
    }

    .work-process h3 {
        margin: 0 0 15px 0;
    }

    .progress-main {
        margin: 15px 0 0px 0;
    }

    .pof-card {
        padding: 10px 10px;
    }

    p.responsive-date1 {
        padding: 2px 15px;
    }

    .gallery-thumb {
        margin-top: 15px;
    }

    .btn-group {
        margin-top: 15px;
    }

    .expnaceday {
        flex-direction: column;
        display: unset;
        width: 100%;
    }

    .expnaceday .form-group {
        margin: 0;
    }

    .stang-main h1 {
        font-size: 30px;
    }

    .gallery-fltr-responsive {
        margin-top: 18px;
        margin-bottom: 0;
    }

    .responsive-title {
        font-size: 18px !important;
    }

    .side-menu .sub-category h3 {
        font-size: 11px !important;
    }

}

/* // Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .gallery-img {
        height: auto;
    }

    .on-pro-cnt p.dates-pro {
        width: fit-content;
    }

    h2 {
        font-size: 25px !important;
    }

    h3 {
        font-size: 15px !important;
    }

    h5 {
        font-size: 14px !important;
    }

    a {
        font-size: 15px !important;
    }

    p {
        font-size: 12px !important;
    }

    span {
        font-size: 12px !important;
    }

    input.form-control.fc-datepicker.hasDatepicker {
        font-size: 9px;
    }

}

/* // Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    .stage-user {
        width: fit-content;
        padding: 10px;
        margin-bottom: 20px;
    }

    .on-pro-cnt p.dates-pro {
        width: fit-content;
    }

    select.form-control.form-select.select2 {
        font-size: 10px;
    }

    .form-control {
        font-size: 11px;
        font-weight: 400;
        line-height: normal;
        letter-spacing: normal;
        height: 45px;
    }

    .main-dtl-addnew p {
        font-size: 11px;
    }

    .sidebar-mini .responsive-navbar .navbar-collapse,
    .responsive-navbar .navbar-collapse {
        margin-top: 64px !important;
        padding: 10px;
    }

    .div-main-box .card {
        margin: 0 0 15px 0;
    }

    p.dates-pro {
        font-size: 11px;
    }

    ul.dtl-profile-ul.compny-profile {
        margin-top: 30px;
    }

    .search-main-bar {
        display: none !important;
    }

    .profile-pic img {
        padding: 7px;
    }

    .div-main {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    .main-sidemenu {
        padding: 0 0 0 10px;
    }

    .choose-date p {
        text-align: left;
    }

    p.responsive-date1 {
        padding: 2px 15px;
    }

    .budget-box {
        padding: 10px 15px;
    }

    .budget-box h2 {
        font-size: 18px;
    }

    .budget-box p {
        font-size: 14px;
    }

}

/* // Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    .number-font {
        font-size: 25px;
    }

    h2 {
        font-size: 13px;
    }

    h3 {
        font-size: 12px;
    }

    h5 {
        font-size: 11px;
    }

    a {
        font-size: 10px;
    }

    p {
        font-size: 9px;
    }

    span {
        font-size: 10px;
    }

    .user-ass h6 {
        font-size: 12px;
    }

    .budget-box p {
        font-size: 12px;
    }

    .budget-box1 h6 {
        font-size: 12px;
    }

    .budget-box1 h3 {
        margin-bottom: 6px;
    }

    .div-img-budget {
        padding: 10px;
        width: 40px;
        height: 40px;
    }

    .div-main-box1 .number-font {
        font-size: 13px !important;
    }

    p.dates-pro {
        width: 100%;
    }

}

@media (min-width: 1366px) and (max-width: 1500.98px) {

    .button-card-box a {
        font-size: 12px;
    }

    .card p {
        font-size: 12px;
    }

    .user-ass h6 {
        font-size: 14px;
    }

    .budget-box p {
        font-size: 13px;
    }

    .budget-box1 h6 {
        font-size: 12px;
    }

    .budget-box1 h3 {
        margin-bottom: 6px;
    }

    .img-dtl-bdg {
        width: 60px;
        height: 60px;
        margin: 0 !important;
    }

    .date ul li h3 {
        font-size: 15px;
    }

    .budget-box h2 {
        font-size: 22px;
    }
	.button-card-box a
	{
	 font-size: 13px;
	}

}

@media (min-width: 1500px) and (max-width: 1920px) {
    .user-ass h6 {
        font-size: 17px;
		    width: 165px;
    }

    .maindivilla h3 {
        font-size: 25px;
    }

    .date ul li p {
        font-size: 15px;
    }

    .budget-box1 h3 {
        font-size: 20px;
    }

    .img-dtl-bdg {
        width: 70px;
        height: 70px;
        margin: 0 !important;
    }

}