@media screen and (max-width: 1300px) {
    .navigation-menu > li > a {
        font-size: 14px;
        padding: 18px 13px;
    }
}
@media screen and (max-width: 1199px) {
    .navigation-menu > li > a {
        font-size: 14px;
        padding: 18px 5px;
    }
    .bx-size-notes {
        min-height: 216px;
    }
    .annoucemnet {
        min-height: 216px;
    }
}
@media screen and (max-width: 1100px) {
    .navigation-menu > li > a {
        font-size: 14px;
        padding: 18px 8px;
    }
    .right-sec p {
        text-align: center;
    }
}
@media screen and (max-width: 1050px) {
    .navigation-menu > li > a {
        font-size: 14px;
        padding: 18px 6px;
    }
}
@media screen and (max-width: 1024px) {
    .navigation-menu > li > a {
        font-size: 14px;
        padding: 18px 5px;
    }
    .card-signin {
        align-self: none !important;
    }
    .annoucemnet {
        min-height: 432px;
    }
    .weather-forecast {
        text-align: center;
    }
    .time {
        text-align: center;
        margin-top: 15px;
    }
    .sty {
        font-size: 13px !important;
    }
    .weather-icon {
        margin-right: 0px;
    }
    .day-time {
        font-size: 1rem !important;
        text-align: center;
    }
}
@media screen and (max-width: 992px) {
    .login-form {
        padding: 0 20px;
    }
    .page-contet {
        padding-top: 72px;
    }
    .time {
        margin-top: 0px;
    }
    .sty {
        font-size: 16px !important;
    }
    .weather-icon {
        display: none !important;
    }
    .mtops-2 {
        margin-top: 20px;
    }
    .time {
        transform: translate(0px, 12px);
        justify-content: center;
    }
    .secbot-magrin {
        margin-bottom: 14px;
    }
    .mob-bo {
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 767px) {
    .rewardDetails span {
        display: inline-block;
        text-align: right;
    }
    .rewad-dea {
        display: inline;
        text-align: right;
    }
    .te-al {
        text-align: center !important;
    }
    .top-icondash {
        width: 100%;
        max-width: 20px;
        height: auto;
    }
    .notification-none {
        display: none;
    }
    /*---====table-responsive===---*/
    .home-scetion table {
        border: 0 !important;
    }
    .home-scetion table caption {
        font-size: 1.3em;
    }
    .home-scetion table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .home-scetion table tr {
        border: 1px solid #ddd;
        display: block;
        margin-bottom: 30px;
    }

    .home-scetion table td {
        display: block;
        font-size: 15px;
        text-align: right;
        width: 100%;
        display: block;
        min-block-size: 48px;
        word-break: break-all;
    }
    .home-scetion table td::before {
        content: attr(data-label);
        float: left;
        text-transform: uppercase;
        padding-right: 15px;
        font-weight: 600;
    }
    .w-90 {
        width: 100%;
    }
    .home-scetion table td:first-child {
        border-top: 0;
    }
    .home-scetion table td:last-child {
        border-bottom: 0;
    }
    /*--=====table-reponsive====---*/
    .card-signin {
        max-width: 400px;
    }
    .img-none {
        display: none;
    }
    .weather-icon {
        display: block !important;
    }
    .time {
        transform: translate(0px, 12px);
        justify-content: start;
    }
    .weather-forecast {
        text-align: left;
    }
    .day-time {
        text-align: left;
    }
    .right-sec p {
        text-align: left;
    }
    .annoucemnet {
        min-height: 216px;
    }
    table th {
        display: block;
        width: 100%;
    }
    .center-btn {
        text-align: center !important;
    }
    .cenbtn-padd {
        padding-top: 0 !important;
    }
    .leave-to-calender {
        display: none !important;
    }
    .leave-calender {
        display: none !important;
    }
    .ui-datepicker-calendar tr th {
        width: 0%;
        display: table-cell;
    }
    .icon-edit {
        margin-bottom: 15px;
        text-align: center;
    }

    .total_record_left {
        margin-bottom: 16px;
    }
    .pagnation-info {
        float: none;
    }
    .row.mt-2.mb-3.align-itmes-center,
    .pagination-center {
        text-align: center;
    }
    .navbar-custom {
        padding-left: 0px !important;
    }
    .secbot-magrin {
        margin-bottom: 14px;
    }
    .event_page-contet {
        padding: 15px !important;
    }

    .wishtextarea {
        margin-bottom: 10px;
    }
    .mob-bo {
        margin-bottom: 10px;
    }
    .wishes-btn {
        margin-bottom: 10px !important;
    }
    .count-scr {
        overflow: auto !important;
        max-height: 160px !important;
        padding-right: 5px;
    }
    .graphheight {
        width: 100%;
        min-height: 350px !important;
        padding: 12px 20px 12px;
    }
}

@media screen and (max-width: 639px) {
    .card-signin {
        max-width: 400px;
    }
    .total_record_left {
        margin-bottom: 16px;
    }
    .pagnation-info {
        float: none;
    }
    .row.mt-2.mb-3.align-itmes-center,
    .pagination-center {
        text-align: center;
    }
    .navbar-custom {
        padding-left: 0px !important;
    }
    .event_page-contet {
        padding: 15px !important;
    }
    .greeting-modal {
        padding: 10px !important;
    }
    .count-scr {
        overflow: auto !important;
        max-height: 160px !important;
        padding-right: 5px;
    }
    .graphheight {
        width: 100%;
        min-height: 350px !important;
        padding: 12px 20px 12px;
    }
}

@media screen and (max-width: 576px) {
    .home-scetion table td {
        font-size: 13px;
    }
    .card-signin {
        max-width: 400px;
    }
    .card-signin .card-body {
        padding: 30px 15px;
    }
    .tab-review-design {
        text-align: center;
        padding: 15px 0 !important;
    }
    .markin-btn {
        text-align: center;
        float: none;
        padding: 15px 0;
    }
    input[type="file"] {
        width: 100% !important;
        display: block;
    }
    .control-label {
        width: 100%;
        display: block;
    }
    .day-time {
        font-size: 0.9rem !important;
    }
    .time {
        transform: translate(0px, 12px);
        justify-content: start;
    }
    .weather-repoet {
        padding-bottom: 20px;
    }
    .weather-repoet h4 {
        font-size: 17px !important;
        border-bottom: 1px solid rgba(9, 85, 146, 0.4);
        height: 30px;
        padding: 10px;
    }
    .weather-repoet h4 i {
        font-size: 20px !important;
        padding-right: 9px;
    }
    .box-bg.weather {
        padding: 20px;
        padding-top: 15px !important;
    }
    .pr-product-heading {
        font-size: 16px;
    }
    .rew-catel {
        min-height: 0px;
    }
    .overlay-text p {
        font-size: 18px;
    }
    .btn-clr {
        font-size: 14px !important;
        padding: 2px 24px !important;
        margin-bottom: 5px;
    }
    .payment-plan label {
        margin: 15px 0;
    }
    #ui-datepicker-div {
        left: 20px !important;
    }
    .input-group-text {
        width: auto;
    }
    .al-lef {
        text-align: left !important;
        margin-bottom: 30px;
    }
    .al-lef label {
        margin-left: 0 !important;
    }
    .w-hund {
        width: 100% !important;
    }
    .total_record_left {
        margin-bottom: 16px;
    }
    .pagnation-info {
        float: none;
    }
    .row.mt-2.mb-3.align-itmes-center,
    .pagination-center {
        text-align: center;
    }
    .navbar-custom {
        padding-left: 0px !important;
    }
    .event_page-contet {
        padding: 0 !important;
    }
    .greeting-modal {
        padding: 10px !important;
    }
    .greeting-modal .logo span.logo-lg {
        display: block;
        width: 100%;
        max-width: 240px;
        margin: 0 auto;
    }
    .greeting-modal .text-right.align-self-center {
        text-align: center !important;
        margin-bottom: 20px;
    }

    .wishes-btn {
        margin-right: 5px;
    }
    .xs-btn {
        display: inline-flex;
        justify-content: center;
        width: 100%;
        align-items: baseline;
    }
    .wishtextarea {
        margin-bottom: 0px !important;
    }
    .mob-bo {
        margin-bottom: 10px;
    }
    .wish-msg {
        margin-bottom: 10px;
    }
    .wish-sm {
        margin-bottom: 10px;
    }
    .wishes-btn {
        margin-bottom: 0 !important;
    }
    .wishouter-div {
        padding-left: 0px;
        padding-right: 0px;
    }
    .wish-other {
        display: inline-flex;
        flex-wrap: wrap;
    }
    .wish-other-pro {
        width: 100%;
        margin-bottom: 15px;
    }
    .count-scr {
        overflow: auto !important;
        max-height: 160px !important;
        padding-right: 5px;
    }
    .graphheight {
        width: 100%;
        min-height: 350px !important;
        padding: 12px 20px 12px;
    }
    .filter-info {
        padding: 15px 0;
    }
}
@media screen and (min-device-width: 768px) and (max-device-width: 1199px) {
    .over-flow-x {
        overflow-x: scroll;
    }
    .lable-tag {
        white-space: nowrap;
        margin-top: 5px;
    }
}

@media screen and (max-width: 380px) {
    .wish-other {
        display: inline-flex;
        flex-wrap: wrap;
    }
    .wish-other-pro {
        width: 100%;
        margin-bottom: 15px;
    }
}