@media screen and (max-width: 1199px) {
    .brand-logo-top img {
        width: 240px!important;
    }

    .navbar {
        margin: 0 auto;
    }

    .navbar ul li {
        padding: 10px 7px;
    }

    .big-dropdown .dropdown-content {
        max-width: 767px!important;
        position: absolute;
        right: 0;
        padding: 10px;
    }
    .container {
        min-width: 90%!important;
    }
    .widget--border-box.single-cat .cat-sports figure a img {
        height: 55px;
        width: 75px !important;
    }
    .media {
        padding-bottom: 10px;
    }
    .media .media-heading a {
        font-size: 14px;
        transition: all 0.5s ease;
    }
    .media .media-left img {
        width: 70px !important;
        height: 55px;
    }

}
@media screen and (max-width: 991px) {

    /* */
    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-auto,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-auto,
    .col-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-auto,
    .col-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-auto,
    .col-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-auto {
        padding-right: 15px;
        padding-left: 15px;
    }

    /*  */

    .navbar .mega-dropdown {
        position: static;
        /* z-index: 9999!important; */
    }

    .navbar .mega-dropdown .dropdown-menu.mega-menu {
        width: 100%;
        border: none;
        border-radius: 0;
    }
    ::-webkit-scrollbar {
        width: 1px!important;
        height: 1px!important;
    }

    ::-webkit-scrollbar-track {
        border-radius: 5px;
    }

    ::-webkit-scrollbar-thumb {
        background: #FF0000!important;
        border-radius: 10px;
    }
    .ad-area {
        display: none;
    }
    .ad-mb {
       display: block !important; 
    }
    .dropdown.last-child {
        display: none;
    }

    .navbar .search {
        display: none;

    }

    .navbar ul {
        position: relative;
        overflow-x: scroll;
        overflow-y: hidden!important;
        height: auto;
    }
    .navbar ul li:hover {
        border-bottom: 3px solid #363d4d;
    }

    .mobile-search-area {
        width: 100%;
        height: 78px;
        position: absolute;
        top: 18px;
        background-color: #fff;
        left: 0;
        display: none;
    }

    .dropdown-menu {
        /* z-index: 9999!important; */
    }

    .dropdown-toggle::after {
        vertical-align: 3px!important;
        display: none;
    }

    .dropdown-menu {
        background-color: #f1f1f1;
        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
        min-width: 160px;
    }

    .search-wrapper .btn-close {
        background-color: #FF0000;
        color: #fff;
    }

    .mobile-search-area .btn-close i {
        color: #000;

    }

    .search-show {
        display: block;
    }

    .search-wrapper {
        position: sticky;
        transition: all 0.5s ease-in-out;
        align-items: center;
        top: 0;
        width: 100%;
        height: 60.8px !important;
        top: 10px;
    }

    .input-group {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: stretch;
        align-items: stretch;
        width: 100%;
    }

    .form-control::placeholder {
        color: #6c757d;
        opacity: 1;
    }

    .input-group-append {
        margin-left: -1px;
    }

    .mobile-menu {
        padding: 20px;
    }

    /* mobile-sideber-dropdown */
    .mobile-nav-link .dropdown-menu {
        width: 40%;
        background-color: #fff;
        box-shadow: none;
        text-align: center;
    }

    .mobile-nav-link .dropdown-item {
        color: black !important;
        padding: 4px 16px;
        text-decoration: none;
        display: block;

    }

    .media {
        padding-bottom: 24px !important;
    }

    .grid-2 .media {
        padding-bottom: 5px;
        border-bottom: 1px solid #fff;
        margin-bottom: 9px;
    }

    .inner-side-tabs {
        margin-left: 0;
    }

    .photo-gallery-sm {
        padding: 0;
    }

    .bottom-to-top {

        bottom: 60px;
        right: 20px;
        font-size: 25px;
        color: #fff;
        padding: 0 10px;
    }

    .widget--border-box.single-cat .cat-sports figure a img {
        height: 55px;
        width: 100px !important;
    }
    .media .media-left img {
        width: 120px !important;
        height: 60px;
    }
    .media .media-heading a {
        font-size: 15px;
        transition: all 0.5s ease;
    }
    /* ---category----- */
    .more-contents .box-news {
        padding-left: 15px;
        padding-right: 15px;
    }
    .lead-news {
        padding-left: 0;
        padding-right: 0;

    }

}
@media screen and (max-width: 767px) {
    .navbar .container {
        max-width: 100%;
    }
    .navbar ul li {
        padding: 8px;
    }

    .navbar .search {
        display: none!important;
    }

    .scroll-one .container {
        max-width: 100%;
    }

    .footer-bar {
        text-align: center !important;
        padding-bottom: 10px;
    }

    .copy-left {
        float: none;
    }
    .media {
        padding-bottom: 5px !important;
    }

}
@media screen and (max-width: 576px) {

    .mobile-menu .logo img {
        width: 180px;

    }
    .m-post-content--nyc .post-top .post-title {
        font-size: 1.5rem;
    }
}
