@media only screen and (max-width:1140px) {
    .top-header .leftmargin {
        margin-left: 350px;
    }
    .top-header .top-social li a img{ width: 28px; height: auto;}
    .top-header .top-nav{ display: flex;}
    .top-header .top-nav li a{ white-space: nowrap;}
    .navbar-brand img{ margin-top: 15px;}
    .space-news-list .single-space-news h3{ font-size: 16px;}
    .space-news-list .single-space-news p{ font-size: 12px;}
    .single-default-news .news-content h6{ font-size: 12px; margin-top: 0px;}
}

@media only screen and (max-width:990px) {
    .top-header .leftmargin {
        margin-left: 0px;
    }
    .navbar-brand{ margin-top: 0px;}
    .navbar-brand img {
        margin-top: 0;
    }
    .space-news-list .single-space-news{ margin-top: 15px;}
    .video-news img{ width: 100%;}
    .video-news{ margin-bottom: 15px;}
    .single-default-news .news-content h6 {
        font-size: 16px;
        margin-top: 15px;
    }
    .footer-area::after {top: auto; bottom: 30px; right: 0px; background-position-y: bottom;}
}

@media only screen and (max-width:767px){
    .top-header .top-social, .navbar-brand{ display: none;}
    .top-header .top-nav li a{ padding: 5px 0;}
    .sinmun-mobile-nav{ display: block;}
    .sinmun-mobile-nav .logo{padding: 0 15px;}
    .breaking-news-content, .breaking-news-content .breaking-title, .breaking-news-content .breaking-news-slides{ text-align: center; width: 100%;}
    .breaking-news-content .breaking-news-slides .owl-nav{ right: 0; top: auto; left: 0; bottom: -28px;}
    .breaking-news-content{padding-bottom: 35px; flex-wrap: wrap;}
    .breaking-news-content .single-breaking-news{ white-space: normal; margin-right: 0px; width: 100%;}
    .new-news-area.ptb-40{padding: 15px 0;}
    .single-popular-news .news-image {
        overflow: hidden;
        min-width: 80px;
        width: 80px;
    }
    .four-popular-news > div .single-popular-news {
        border-bottom: 1px solid #ccc;
        padding-bottom: 15px;
    }
    .four-popular-news > div:last-child .single-popular-news{
        border-bottom: 0px solid #ccc;
        padding-bottom: 0px;
    }
    .map-news, .international{ margin-top: 15px;}
    .section-title h2{ font-size: 16px;}
    .footer-widgets .col{flex: 1 0 50%;}
    .footer-area::after {top: auto; bottom: 30px; background-position: bottom;}
    
}


@media only screen and (max-width:479px)
{
    .sinmun-nav .withlogo{ flex-wrap: wrap;}
 
.lgu{ width: 100%; margin-top: 15px;}
    
.lgu .btn, .lgu .btn-group{ width:100%; margin: 0; float: right;}
    
.sinmun-nav .withlogo .header-date{ margin-top: 20px;}
    .lgu .dropdown-menu{ min-width: 100%; text-align: center;}
}