@media (min-width:992px) and (max-width:1199px) {
    .sg-search form {
        width: 160px
    }

    .section-content.search-content .sg-search form {
        width: 100%
    }

    .sg-menu .navbar-nav>li>a {
        padding: 20px 15px
    }

    .sg-menu .navbar-nav li a {
        font-size: 14px
    }

    .video-icon {
        width: 50px;
        height: 50px;
        line-height: 50px;
        margin-bottom: 5px
    }

    .topbar-style-2 .middle-content {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .breaking-content span {
        height: 47px
    }

    .news-ticker li {
        padding: 0 0
    }
}

@media (max-width:991px) {
    .sg-search {
        position: absolute;
        top: 4px;
        right: 60px
    }

    .sg-search form {
        width: 180px
    }

    .sg-search .form-control {
        height: 37px;
        font-size: 11px
    }

    .sg-menu .navbar-nav li a {
        font-size: 14px
    }

    .sg-menu .navbar-nav>li>a {
        padding: 10px 15px
    }

    .menu-content {
        display: block
    }

    .navbar-toggler {
        float: right;
        padding-right: 0
    }

    .sg-menu .navbar-nav li span {
        display: none
    }

    .sg-dropdown i.icon {
        display: block;
        width: 40px;
        height: 40px;
        line-height: 40px
    }

    .sg-menu .sg-dropdown-menu {
        position: static;
        opacity: 1;
        visibility: visible;
        display: none;
        padding: 0;
        -webkit-transform: rotateX(0);
        -moz-transform: rotateX(0);
        -ms-transform: rotateX(0);
        -o-transform: rotateX(0);
        transform: rotateX(0);
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
        -webkit-transition: inherit !important;
        -moz-transition: inherit !important;
        -ms-transition: inherit !important;
        -o-transition: inherit !important;
        transition: inherit !important;
        margin-left: 0
    }

    .sg-dropdown.mega-dropdown {
        position: relative
    }

    .medium-post-style-1 {
        display: block
    }

    .medium-post-style-1 .entry-thumbnail {
        width: 100%
    }

    .footer-bottom .left-content {
        margin-bottom: 10px
    }

    .mega-menu-content h3 {
        font-size: 14px
    }

    .navbar-nav {
        display: block;
        padding: 10px 0 20px
    }

    .sg-menu {
        padding: 10px 0
    }

    .navbar-toggler {
        font-size: 1rem
    }

    .sg-search button {
        position: absolute;
        top: 10px;
        font-size: 12px;
        border: 0;
        background-color: transparent
    }

    .video-icon {
        width: 50px;
        height: 50px;
        line-height: 50px;
        margin-bottom: 5px
    }

    .news-ticker .slick-arrow {
        margin-top: -17px
    }

    .sm-logo {
        display: block;
        float: left
    }

    .menu-style-1 .sg-search {
        right: initial;
        left: 0;
        margin-left: 0
    }

    .menu-style-1 .navbar-nav,
    .menu-style-2 .navbar-nav {
        margin-top: 55px;
        width: 100%
    }

    .sg-topbar.topbar-style-2 {
        display: none
    }

    #navbarNav {
        width: 100%
    }

    .footer-widget .entry-content {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .section-content.search-content .sg-search {
        position: initial;
        width: 100%
    }

    .section-content.search-content .sg-search form {
        width: 100%
    }

    .sg-social.mr-md-5 {
        margin-right: 15px !important
    }

    .sg-language,
    .submit-news {
        margin-right: 15px
    }

    .sg-topbar ul li {
        margin-right: 10px
    }

    .sg-topbar {
        font-size: 15px
    }

    .breaking-content span {
        min-width: 90px;
        font-size: 12px;
        padding: 6px 10px;
        margin-right: 4px
    }

    .news-ticker li {
        padding: 4px 0;
        font-size: 12px
    }

    .header-style-5 .ad-content {
        padding-top: 0
    }
}

@media (min-width:991px) {
    .sg-post.featured-post.style_1 .entry-header .image-thumb {
        height: 458px
    }

    .sg-post .entry-content.block {
        height: 82px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .sg-topbar {
        font-size: 14px
    }

    .entry-header .video-icon.block {
        left: 53%
    }

    .video-icon.x-small-block {
        top: 68%
    }
}

@media (max-width:767px) {
    .sg-menu .navbar-nav .sg-post a {
        display: block
    }

    .mega-menu-content ul {
        margin-bottom: 20px
    }

    .mega-menu-content {
        padding: 15px
    }

    .sg-post.featured-post .entry-title {
        font-size: 18px
    }

    .sg-post.featured-post .entry-content a {
        font-size: 16px !important
    }

    .sg-topbar .d-md-flex {
        font-size: 13px;
        display: flex !important;
        justify-content: space-between
    }

    .sg-topbar .sg-social {
        margin-right: 25px
    }

    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid {
        padding-left: 15px;
        padding-right: 15px
    }

    .sg-post.small-post.mb-0 {
        margin-bottom: 30px !important
    }

    .author-section .author-form-content {
        margin-top: 30px
    }

    .author-section h1 {
        margin-bottom: 30px
    }

    .author-top-content .author {
        margin-right: 0;
        margin-bottom: 30px
    }

    .user-info .following {
        margin-bottom: 20px
    }

    .sg-post.featured-post .entry-title {
        font-size: 16px !important
    }

    .sg-post.featured-post .entry-content a {
        font-size: 14px !important
    }

    .entry-header .video-icon.block {
        width: 50px !important;
        height: auto;
        line-height: 50px !important;
        left: 52%;
        top: 50%
    }

    .entry-header .video-icon.large-block {
        width: 50px;
        height: auto;
        line-height: 50px;
        left: 52%;
        top: 50%
    }

    .entry-header .video-icon.small-block {
        width: 50px;
        height: auto;
        line-height: 50px;
        left: 52%;
        top: 50%
    }
}

@media only screen and (max-width:600px) {
    #nowPlay span#npTitle {
        font-size: 10px
    }

    ul#plList {
        font-size: 10px !important
    }

    .plyr__controls__item {
        font-size: 10px !important
    }
}

@media (max-width:575px) {

    .post-slider,
    .sg-post {
        margin-bottom: 15px
    }

    .footer-logo {
        max-width: 200px
    }

    .sg-post.featured-post .entry-title {
        font-size: 12px !important
    }

    .footer-middle ul li a {
        padding: 10px 15px
    }

    .footer-middle ul li {
        font-size: 14px;
        margin-right: 5px
    }

    .account-content {
        width: 100%;
        margin: 20px 0 50px
    }

    .footer-content .sg-socail li {
        margin-right: 10px
    }

    .footer-content .sg-socail li a {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 16px
    }

    .sg-post.small-post.mb-0 {
        margin-bottom: 15px !important
    }

    .topbar-style-1 .weather-content {
        margin-right: 20px !important
    }

    .account-content {
        width: 100%
    }

    .sg-topbar {
        font-size: 12px
    }

    .d-flex {
        display: flex !important
    }

    .breaking-content span {
        min-width: 70px;
        font-size: 10px;
        height: 44px;
        padding: 4px 10px
    }

    .entry-header .video-icon {
        width: 50px !important;
        height: auto;
        line-height: 50px !important;
        left: 50%;
        top: 50%
    }

    .entry-header .video-icon.block {
        width: 50px !important;
        height: auto;
        line-height: 50px !important;
        left: 50%;
        top: 50%
    }

    .entry-header .video-icon.large-block {
        width: 50px;
        height: auto;
        line-height: 50px;
        left: 50%;
        top: 50%
    }

    .entry-header .video-icon.small-block {
        width: 50px;
        height: auto;
        line-height: 50px;
        left: 50%;
        top: 50%
    }

    .entry-header .video-icon.x-small-block {
        width: 25px !important;
        height: auto;
        line-height: 25px !important;
        top: 70%;
        left: 65%
    }
}

@media (max-width:485px) {
    .navbar-brand {
        max-width: 100px
    }

    .sg-search form {
        width: 120px
    }

    .sg-search {
        right: 45px
    }

    .sg-search {
        top: 3px
    }

    .sg-topbar {
        font-size: 11px
    }

    .navbar-toggler-icon {
        margin-top: 0
    }

    .footer-logo {
        max-width: 150px
    }

    .comment-meta .sg-date {
        display: block;
        float: none
    }

    .comment-list .children {
        padding-left: 0
    }

    .medium-post-style-1,
    .post-style-1 {
        display: block
    }

    .post-style-1 .entry-thumbnail {
        max-width: 100%
    }

    .account-content .buttons a {
        font-size: 12px;
        letter-spacing: 0
    }

    .account-content .buttons span {
        margin-right: 10px
    }

    .account-content .ragister-form {
        padding: 30px 20px
    }

    .topbar-style-1 .weather-content {
        margin-right: 0 !important
    }

    .topbar-style-1 .left-contennt.d-flex {
        display: block !important
    }

    .topbar-style-1 .left-contennt.d-flex-style-3 {
        display: flex !important
    }

    .topbar-style-1 .sg-user {
        margin-top: 10px
    }

    .topbar-style-1 .style-3 {
        margin-top: -10px !important;
        margin-left: 10px !important
    }

    .sg-language,
    .submit-news {
        margin-bottom: 10px
    }

    .d-none-small {
        display: none
    }

    .entry-header .video-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -32px;
        margin-top: -32px
    }

    .video-icon {
        text-align: center;
        font-size: 15px;
        display: inline-block;
        border-radius: 100%;
        overflow: hidden
    }

    .sg-post.featured-post .entry-title {
        font-size: 12px !important
    }

    .sg-post.featured-post .entry-content a {
        font-size: 10px !important
    }

    .entry-header .video-icon.x-small-block {
        width: 50px !important;
        height: auto;
        line-height: 50px !important;
        left: 50%;
        top: 50%
    }
}

@media (max-width:320px) {
    .sg-language {
        margin-left: 5px
    }

    .sg-topbar {
        font-size: 10px
    }

    .d-none-small {
        display: none
    }
}