@media all and (max-width: 1150px) { 

    .main-page-x .card .card-heading-right {

        width: 100%;

        margin-top: 30px;

    }

}



@media all and (max-width: 1024px) {

    .header .search-input {

        min-width: 320px;

    }

}



@media all and (max-width: 768px) {

    .header .search-input {

        min-width: 200px;

    }

    .accomodation-controls .datepicker-control {

        width: 49%;

        margin-right: 1%;

        margin-bottom: 1%;

      }

    

      .accomodation-controls .select-control {

        width: 49%;

        margin-right: 1%;

        margin-bottom: 1%;

      }

    

      .accomodation-controls .search-control {

        width: 99%;

        margin-right: 1%;

        margin-bottom: 1%;

      }    

}



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

    .header .search-input {

        min-width: 100px;

        margin: 14px 1px;

    }



    .header .search-input input {

        height: 30px;

    }



    .header .search-input .search-toggle {

        top: -14px;

    }



    li.user-greeting .user-greeting-text {

        display: none;

    }



    .main-page-x .card .card-heading-right .analytics-btns {

        text-align: left;

        margin-top: 30px;

    }



    .main-page-x .card .card-heading .card-title, 

    .main-page-x .card .card-heading-alt .card-title {

        font-size: 14px;

    }



    .ad-table-lg > thead > tr > th {

        font-size: 9px;

    }

}

@media all and (max-width: 580px) {
    .header {
        height: 130px;
    }

    .header .search-input input {
        width: 100%;
    }

    .header .header-container .nav-left {
        width: 100%;
        margin-left: 0;
        border-bottom: 1px solid #e6ecf5;
    }

    .header .header-container .nav-right li.user-logout a.logout-btn {
        margin: 17px 2px;
        font-size: 8px;
    }

    .header .header-container .nav-right .user-profile a {
        padding: 0 6px;
    }    

    .page-container .main-content {
        padding: 150px 5px 5px 5px;
    }

    li.user-top-btns {
        padding: 16px 8px;
    }

    li.user-top-btns .btn {
        font-size: 8px;
    }

    li.user-top-btns .dropdown {
        margin-right: 5px;
    }
}


@media all and (max-width: 480px) {

    .btn {

        padding: 10px 9px;

        font-size: 9px;

    }

    .main-page-x .reviewer-mark-content .x-tab-inline {

        min-width: inherit;

        margin-top: 10px;

    }    



    .save-form-x {

        margin-bottom: 10px;

    }

}

@media all and (max-width: 420px) {
    li.user-top-btns .btn {
        font-size: 6px;
    }

    li.user-top-btns {
        padding: 16px 4px;
    }

    .header .header-container .nav-right li.user-logout a.logout-btn {
        font-size: 6px;
    }
    .card .card-heading {
        /* height: 100px; */
    }
    .card .card-heading-es-100 { /*extra small device */
        height: 100px;
    }

    .btn {
        font-size: 7px;
    }
}

.input-group-text {
    font-size: 0.85rem;
}

@media all and (max-width: 1399px) {
    .card-heading-100 {
        height: 100px;
    }
}