@media screen and (max-width: 1366px) {
    .video-player iframe {
        width: 100%;
    }
}

@media screen and (max-width: 1024px) {
    body {
        font-size: 2rem !important;
    }
}

@media screen and (max-width: 768px) {
    .top-nav {
        text-align: center;
        display: none; 
    }
    .cd-header-1 .top-nav .social {
        margin-top: 5px;
    }
    .cd-header-1 .top-nav .search {
        margin-top: 10px;
    }
    .cd-header-1 .header {
        /*border-top: 1px solid #ccc;
        margin-top: 20px;*/
    }
    .cd-header-1 .top-nav, .cd-header-1 .top-nav .info, .cd-header-1 .top-nav .social, .cd-header-1 .top-nav .search {
        float: none;
    }
    .cd-header-1 .logo {
        /*width: calc(100% - 105px);
        margin-top: 10px;
        float: left;*/
    }
    .cd-header-1 .logo img {
        /*width: 90%;*/
    }
    .mouth {
        max-width: 100%;
        display: none;
    }
    .cd-header-1 .top-content {
        /*width: 104px;*/
    }
    .cd-header-1 .btn-hot-news-1 {
        position: relative;
        /*width: 100%;*/
        /*height: 90px;*/
    }
    .cd-header-1 .btn-hot-news-1 span {
        font-size: 25px;
    }
    .cd-header-1 .btn-hot-news-1 span .fa {
        font-size: small !important;
    }
    .hn-col-wrap {
        display: inherit;
    }
    .cd-hot-news-1 .hot-news-wrapper .hn-col-1 {
        border-right: 0px;
    }
    .cd-main-nav-1 .dropdown-wrapper {
        position: inherit;
    }
    .top-news-in {
        width: 100%;
        float: none;
        max-height: 50vw;
    }
    .cd-top-news-1 .item .headline {
        font-size: 20px !important;
        line-height: 28px !important;
    }
    /*.top-news-in .pic img {
        top: 50%;
        left: 0%;
        transform: translate(0%, -50%);
        -webkit-transform: translate(0%, -50%);
    }*/
    .cd-poll-1 .answer-btn, .cd-poll-1 .show-result-btn, .cd-poll-1 .answer-btn {
        /*position: relative;
        bottom: 0;*/
    }
    .cd-popular-quotes-1 {
        margin-right: 0px;
    }
    .video-player {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        padding-top: 25px;
        height: 0;
    }
    .video-player iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

@media screen and (max-width: 480px) {
    .cd-top-news-1 .item .headline {
        font-size: 16px !important;
        line-height: 20px !important;
    }
}