.close {
    position: absolute;
    right: 10px;
    top: 10px
}

.alert {
    padding-right: 35px
}

@media (max-width: 1400px) {
    .calender-responsive .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .fc-view-container {
        padding: 0 0.5rem !important;
    }

    .calender-responsive .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .fc-basic-view .fc-day-number {
        padding: 5px 15px !important
    }

    .inbox-panel {
        padding: 20px .5rem
    }

    .cssmenu ul li a {
        font-size: 12px;
    }

    .cssmenu2 ul li a {
        font-size: 12px
    }

    .cssmenu3 ul li a {
        font-size: 12px;
    }

    .cssmenu4 ul li a {
        font-size: 12px;
    }

    .cssmenu ul li a {
        padding: 9px 15px 9px 21px
    }

    .card .card-title2 {
        font-size: 16px !important;
    }
}

@media (max-width: 1191px) {
    .cpu-div-right span {
        font-size: 18px !important;
    }

    .cpu-div-left span {
        font-size: 18px !important;
    }
}

@media (min-width: 1024px) {
    .form-horizontal {
        padding: 0 0 0 15px
    }

    .form-wrap2 {
        width: 95% !important
    }
}

@media (max-width: 991px) {
    .mini-sidebar .sidebar-nav #sidebarnav>li>a {
        padding: 3px 20px;
    }

    .pro-customtab li a.nav-link {
        padding: 0 0 0 10px;
        font-size: 14px;
    }

    .modal-body {
        padding: 1rem
    }

    .modal-header {
        padding: 2rem 2rem 0.5rem 1rem
    }

    .card-body {
        padding: 1rem;
    }

    .comments h6 {
        margin: 0 0 8px 0
    }

    .mr-5,
    .mx-5 {
        margin-right: 1rem !important;
    }

    html body .font-24 {
        font-size: 21px;
    }

    .price-table .font-25 {
        font-size: 18px;
    }

    .price-table .price-main h2 {
        font-size: 18px;
    }

    .price-main h2 {
        font-size: 20px;
    }

    .cssmenu3 ul li a {
        padding: 9px 10px 9px 10px
    }

    .cssmenu ul li a {
        padding: 9px 30px 9px 26px
    }
}

@media (max-width: 768px) {
    .calender-responsive .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .calender-responsive .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .button-group.col-lg-2 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .single-403 {
        text-align: center
    }

    .app-search {
        display: none !important;
    }

    .navbar-toggler {
        line-height: 25px !important;
        margin: 18px 0 0 5px
    }

    .navbar-toggler-icon {
        width: 1.2em !important;
        height: 1.1em !important;
    }

    .mini-sidebar .top-navbar .navbar-header {
        width: auto !important;
    }

    .pro-customtab {
        margin: 10px 0 0 0;
    }

    .container-fluid {
        padding: 55px 0;
    }

    .p-5 {
        padding: 1.5rem !important;
    }

    .card .card-title {
        font-size: 16px;
    }

    .table td {
        padding: .8rem .45rem;
        vertical-align: top;
    }

    .bordered-css {
        padding: 20px 0 0 0 !important;
        border: 0
    }

    .single-403 h3 {
        font-size: 24px;
    }

    .img-css img {
        width: 60%
    }

    .single-403 h2 {
        margin: 20% 0 40px 0
    }

    .single-403 h4 {
        font-size: 15px;
    }

    .boder-li {
        display: none
    }

    .white-box {
        padding: 0 15px;
    }
}

@media (max-width:550px) {

    #example23_filter input,
    #myTable_filter input {
        width: 130px;
        padding: 3px 3px !important;
    }

    .button-group .btn {
        margin-right: 4px;
    }

    .jsgrid-pager-page a,
    .jsgrid-pager-current-page,
    .jsgrid-pager-nav-button a {
        padding: 0.5em 4px !important;
    }

    .jsgrid-pager-page.jsgrid-pager-current-page {
        padding: 0.5em 4px !important;
    }

    .jsgrid-pager {
        font-size: 11px !important
    }

    #myTable_length,
    #myTable2_length,
    #editable-datatable_length {
        display: none !important
    }

    .dataTables_filter input {
        width: 110px
    }

    .nav-pills .nav-link {
        padding: 0.4rem 11px !important
    }
}

@media (max-width: 480px) {
    .search input {
        width: 149px
    }

    .pro-customtab li a.nav-link {
        padding: 0 5px;
        font-size: 12px;
    }

    .jq-toast-wrap.bottom-right {
        display: none !important;
    }

    ul.list-inline li {
        display: inline-block;
        padding: 0 3px;
    }

    .m-b-20 {
        margin-bottom: 10px
    }

    html body .m-b-40 {
        margin-bottom: 15px;
    }

    .jvectormap-container svg {
        width: 100% !important;
    }

    .fc-toolbar h2 {
        font-size: 15px;
    }

    .fc .fc-toolbar>*>* {
        margin-left: 0;
    }

    .top-icon i {
        margin: 0 1px !important;
        color: #6498fe;
    }

    .accordion-sec .font-16 {
        font-size: 13px
    }

    .collapse p {
        font-size: 13px;
    }

    .accordion-sec .card-body {
        padding: 10px 10px
    }

    .pagination .page-link {
        padding: .5rem 9px
    }

    .nav-pills .nav-link {
        padding: .4rem 15px;
    }

    .alert {
        font-size: 14px !important
    }

    input.search-query {
        width: 130px
    }

    .single-403 h2 {
        font-size: 80px;
    }
}

@media (max-width: 360px) {
    .dark-logo2 {
        display: none
    }

    .cssmenu ul li a {
        font-size: 10px;
    }

    .alert .mdi-close {
        position: absolute;
        top: 5px;
        right: 10px
    }

    #example23_filter input,
    #myTable_filter input {
        width: 80px;
    }

    .nav-pills .nav-link {
        padding: .4rem 5px !important;
        font-size: 12px;
    }
}

@media (max-width: 320px) {
    .cssmenu {
        width: 100%
    }

    .cssmenu ul {
        display: inline-block
    }

    .cssmenu2 {
        width: 100%
    }

    .cssmenu2 ul {
        display: inline-block
    }

    .cssmenu3 {
        width: 100%
    }

    .cssmenu3 ul {
        display: inline-block
    }

    .cssmenu4 ul {
        display: inline-block
    }

    .cssmenu4 {
        width: 100%
    }
}