@media (max-width:991px){
    .container-fluid {
        padding: 0 7px;
    }
    .social-list__title {
        padding: 15px 15px 0;
        line-height: 1.5;
    }
    .developer {
        padding: 0 15px 15px;
        line-height: 1.5;
    }
    .card-item {
        padding: 10px;
    }
    .card-item-sm {
        padding: 1rem;
    }
    .post-detail__title {
        font-size: 22px;
    }
    .modal {
        width: 90%;
    }
    #authModal .modal-content {
        padding: 3rem 2rem 2rem;
    }

    .free-item {
        flex-direction: column-reverse;
         margin: 1rem 0;
    }
    .free-item__title {
        text-align: center;
    }
    .free-item__right, .free-item__left {
        width: 100%;
    }
    .free-item__img {
        max-height: 150px;
        margin-bottom: 1rem;
    }
    .free-item__col {
        padding: 5px;
    }
    .free-item__form {
        width: 90%;
        max-width: 450px;
        padding: 1rem 2rem 2rem;
        margin: 2rem auto 0;
    }

    .post-sort-list {
        margin: 0 7px;
    }
    ul.post-sort-list > li {
        width: 50%;
    }
    .post-sort-list li a {
        width: 100%;
        text-align: center;
    }

    #dropdown-notify {
        top: 70px !important;
        width: 100% !important;
        left: 0 !important;
    }
    .d-header__menu li a img, .h-notify img {
    }
}


@media (min-width:992px) and (max-width:1199px){
    .social-list__title {
        padding: 15px 15px 0;
        line-height: 1.5;
    }
    .developer {
        padding: 0 15px 15px;
        line-height: 1.5;
    }
    .container {
        width: 90%;
    }
}

@media (min-width:1200px){
    .social-list-wrap {
        max-width: 500px;
        margin: 0 auto;
    }
    .related-post__item {
        font-size: 15px;
    }
    .social-list-wrap {
        max-width: 500px;
        margin: 0 auto;
    }
    .post-detail {
        width: 80%;
        margin: 0 auto;
    }
    .container {
        width: 95%;
        max-width: 1490px;
    }
}