@media(min-width:1200px) {
    h1 {
        font-size: 1.75rem;
    }
}

@media(min-width:992px) {}

@media(max-width:1799px) {}

@media(max-width:1599px) {}

@media (max-width:1399px) {}

@media(max-width:1199px) {
    .navbar .search {
        margin-left: 1rem;
    }
    header nav {
        padding: 1.5rem 30px 1.5rem 30px;
    }
}

@media(max-width:991px) {
    .navbar .search {
        max-width: 115px;
    }
    .navbar-logo {
        max-width: 150px;
    }
    header nav {
        height: 72px;
    }
}

@media (max-width:991px) and (min-width:576px) {}

@media(min-width:768px) {}

@media(max-width:767px) {
    header nav {
        padding: 12px;
    }
    .navbar .search {
        display: block;
        width: 100%;
        position: fixed;
        z-index: 2;
        background: #fff;
        left: 0;
        top: 0;
        max-width: 100%;
        height: 72px;
        margin: 0;
        padding: 0px 12px;
        top: -101%
    }
    .navbar .search input {
        display: block;
        width: 100%;
        height: 70px;
        padding: 8px;
    }
    .navbar .search .search-icon {
        top: 50%;
        transform: translateY(-50%);
        right: 25px;
        width: auto;
        height: auto;
        line-height: 1;
        bottom: auto;
    }
    .dd-userinfo a {
        padding: 0;
    }
    header nav {
        height: auto;
    }
    .main-content {
        margin-left: 54px;
    }
}

@media(max-width:575px) {
    .navbar-logo {
        max-width: 100px;
    }
    header nav {
        padding: 8px 12px;
    }
    .list-thumbnail .img-box {
        width: 90%;
        margin: auto;
    }
    .notif-box {
        width: 280px;
    }
    .signup-container {
        width: 90%;
        padding: 15px;
    }
}

@media(max-width:424px) {}

@media(max-width:374px) {}

@media (max-width:359px) {}