@media only screen and (max-width: 1024px) {
    .channels_btn_box {
        display: flex;
        flex-direction: inherit;
    }
    .channels_btn_box .btn-primary {
        height: 31px;
        margin-left: 3px;
        margin-right: 3px;
    }
}
@media only screen and (max-width: 1090px) and (min-width: 320px){
    .switch {
        width: 55px;
        height: 29px;
    }
    .slider:before {
        height: 20px;
        width: 20px;
        bottom: 5px;
    }
    .table_respons {
        display: flex;
        align-items: center;
        width: 77px;
    }
    .table_respons a{
        font-size: 14px;
        margin-right: 4px;
    }
    .table_respons i {
        font-size: 13px;
    }
    .switch {
        width: 55px;
        height: 29px;
    }
    .slider:before {
        height: 20px;
        width: 20px;
    }
    table tbody tr td {
        font-size: 15px;
        line-height: 17px;
    }
}
@media only screen and (max-width: 1007px) and (min-width: 320px){
    .navbar-nav .mobile_menu {
        display: block;
        padding-right: 0px!important;
    }
}
@media only screen and (max-width: 768px) {
    #datepicker-form {
        justify-content: flex-start;
        margin-bottom: 2%;
    }
}
@media only screen and (max-width: 650px) and (min-width: 320px) {
    .search-block {
        display: flex;
    }
    .search-block button {
        margin-left: 0px;
    }
    .btn-danger {
        margin-top: 2px;
    }
    .nav-tabs {
        display: flex;
    }
    .add-btn {
        width: 30px;
        height: 30px;
        display: flex!important;
        align-items: center;
        justify-content: center;
    }
    .add-btn i {
        font-size: 14px;
    }
    .best-change {
        padding: 0;
        font-size: 37px;
        margin: 0;
    }
    .channels_btn_box {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #main1-wrapper h1 {
        font-size: 30px
    }
    input {
        font-size: 17px!important;
    }
    .faq_index_block td h2 {
        font-size: 14px!important;
    }
    .faq_index_block td p {
        font-size: 14!important;
        line-height: 17px;
    }
    #realTimeData {
        min-width: 13rem;
        left: -166px;;
    }
    .table-responsive {
        margin-bottom: 10px;
    }
    .mobile_btn {
        padding: 0!important;
        display: flex!important;
        justify-content: center!important;
        margin-top: -8px;
    }
    .mobile_btn h4 {
        height: 30px;
    }
    .mobile_btn_block {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .flex-box {
        width: 100%;
        display: flex;
        margin-top: 5%;
        flex-direction: column;
    }
}
@media only screen and (max-width: 590) and (min-width: 320px) {
    .navbar-expand .navbar-nav .nav-link {
        padding-left: 0.5rem!important;
        padding-right: 0.5rem!important;
    }
    #notification-count {
        width: 14px;
        height: 14px;
        font-size: 12px;
    }
    .table-responsive {
        margin-bottom: 15px;
    }
    .alert-danger {
        width: 390px;
        height: 45px;
        font-size: 15px;
    }
    .card-body {
        margin-left: 13px!important;
    }
}
@media only screen and (max-width: 424px) and (min-width: 320px) {
    .alert-danger {
        width: 285px;
        height: 45px;
        font-size: 15px;
    }
    .card-body {
        margin-left: 13px!important;
    }
}