@media (min-width: 1280px) {
    .container {
        max-width: 1300px;
    }
}

@media (max-width: 1280px) {
    .container {
        max-width: 100%;
    }
    
    footer .socials-icons {
        width: 54%;
    }
    
    .a_block img {
        width: 100%; 
    }
    
    #zone_75 {
        width: auto !important;
    }
    
    
}

@media (max-width: 1230px) {
    footer .socials-icons {
        width: 55%;
    }
    
}
@media (max-width: 1208px) {
    footer .socials-icons {
        width: 56%;
    }
    
    .bl-adbanner img {
        width: 100% !Important;
    }
    
    #zone_81 {
        width: auto !important;
        height: auto;
    }
    
    #zone_82 {
        width: auto !important;
        height: auto;
    }
    
    #zone_83 {
        width: auto !important;
        height: auto;
    }
}

@media (max-width: 1199px) {
    .container {width: 100%;}
    .top-bar {font-size: 14px;}
    .top-bar .date {display: none;}
    .top-bar .left-nav li a {
        padding: 5px 8px 6px 8px;
    }
    
    header nav ul li {
        margin-right: 18px;
    }
    
    header nav ul li:after {
        right: 11px;
    }
    
    header nav ul {
        margin-top: 25px;
    }
    
    .block-sidebar .today-block-news .new-item .time {
        font-size: 10px;
    }
    
    footer .socials-icons {
        width: 45%;
    }
}

@media (max-width: 1166px) {
    footer .socials-icons {
        width: 206px;
    }
    
    footer {
        height: 315px;
    }
    
    .bl-ad-main .adv_item_title {
        font-size: 11px;
    }
}

@media (max-width: 992px) {
    .container {width: 100%;}
    .left-sidebar {display: none;}
    .right-sidebar {display: none;}
    .top-bar {display: none;}
    .a_block img {
        width: 100% !important;
        height: auto !important;
        display: block;
    }
    
    footer .plus18 {
        float: none;
        margin: 0 auto;
        margin-top: 25px;
    }
    
    header {background: none;}
    footer {height: auto; text-align: center; padding-bottom: 15px;}
    footer .right-elements {
        text-align: center;
    }
    
    footer .socials-icons {
        width: 31%;
        margin: 0 auto;
        float: none;
        margin-top: 15px;
    }
    
    footer .ad-link {
        margin-bottom: 15px;
    }
    
    .adv-block img {
        width: 100%;
        height: auto;
        display: block;
        margin-bottom: 15px;
    }
    
    header {
        margin-top: 0px;
    }
    
    .more-news .line {
        display: none;
    }
    
    #magnify {
        width: 90%;
    }
    
    #close-popup {
        right: -3px;
        top: -35px;
    }
    
    #close-popup i {
        background-size: 20px 20px;
    }
    
    .popular-new {
        height: auto !important;
        margin-bottom: 15px;
    }
    
    .popular-new .bottom-info {
        position: relative;
        padding-left: 25px;
        padding-right: 25px;
        display: block;
    }
    
    
#zone_1 {width: unset !important; height: unset !important;}
#zone_2 {width: unset !important; height: unset !important;}
#zone_3 {width: unset !important; height: unset !important;}
#zone_4 {width: unset !important; height: unset !important;}
#zone_5 {width: unset !important; height: unset !important;}
#zone_6 {width: unset !important; height: unset !important;}
#zone_7 {width: unset !important; height: unset !important;}
#zone_8 {width: unset !important; height: unset !important;}
#zone_9 {width: unset !important; height: unset !important;}
#zone_10 {width: unset !important; height: unset !important;}
#zone_11 {width: unset !important; height: unset !important;}
#zone_12 {width: unset !important; height: unset !important;}
#zone_13 {width: unset !important; height: unset !important;}
#zone_14 {width: unset !important; height: unset !important;}
#zone_15 {width: unset !important; height: unset !important;}
#zone_16 {width: unset !important; height: unset !important;}
#zone_17 {width: unset !important; height: unset !important;}
#zone_18 {width: unset !important; height: unset !important;}
#zone_19 {width: unset !important; height: unset !important;}
#zone_20 {width: unset !important; height: unset !important;}
#zone_21 {width: unset !important; height: unset !important;}
#zone_22 {width: unset !important; height: unset !important;}
#zone_23 {width: unset !important; height: unset !important;}
#zone_24 {width: unset !important; height: unset !important;}
#zone_25 {width: unset !important; height: unset !important;}
#zone_26 {width: unset !important; height: unset !important;}
#zone_27 {width: unset !important; height: unset !important;}
#zone_28 {width: unset !important; height: unset !important;}
#zone_29 {width: unset !important; height: unset !important;}
#zone_30 {width: unset !important; height: unset !important;}
#zone_31 {width: unset !important; height: unset !important;}
#zone_32 {width: unset !important; height: unset !important;}
#zone_33 {width: unset !important; height: unset !important;}
#zone_34 {width: unset !important; height: unset !important;}
#zone_35 {width: unset !important; height: unset !important;}
#zone_36 {width: unset !important; height: unset !important;}
#zone_37 {width: unset !important; height: unset !important;}
#zone_38 {width: unset !important; height: unset !important;}
#zone_39 {width: unset !important; height: unset !important;}
#zone_40 {width: unset !important; height: unset !important;}
#zone_41 {width: unset !important; height: unset !important;}
#zone_42 {width: unset !important; height: unset !important;}
#zone_43 {width: unset !important; height: unset !important;}
#zone_44 {width: unset !important; height: unset !important;}
#zone_45 {width: unset !important; height: unset !important;}
#zone_46 {width: unset !important; height: unset !important;}
#zone_47 {width: unset !important; height: unset !important;}
#zone_48 {width: unset !important; height: unset !important;}
#zone_49 {width: unset !important; height: unset !important;}
#zone_50 {width: unset !important; height: unset !important;}
#zone_51 {width: unset !important; height: unset !important;}
#zone_52 {width: unset !important; height: unset !important;}
#zone_53 {width: unset !important; height: unset !important;}
#zone_54 {width: unset !important; height: unset !important;}
#zone_55 {width: unset !important; height: unset !important;}
#zone_56 {width: unset !important; height: unset !important;}
#zone_57 {width: unset !important; height: unset !important;}
#zone_58 {width: unset !important; height: unset !important;}
#zone_59 {width: unset !important; height: unset !important;}
#zone_60 {width: unset !important; height: unset !important;}
#zone_61 {width: unset !important; height: unset !important;}
#zone_62{width: unset !important; height: unset !important;}
#zone_63 {width: unset !important; height: unset !important;}
#zone_64 {width: unset !important; height: unset !important;}
#zone_65 {width: unset !important; height: unset !important;}
#zone_66 {width: unset !important; height: unset !important;}
#zone_67 {width: unset !important; height: unset !important;}
#zone_68 {width: unset !important; height: unset !important;}
#zone_69 {width: unset !important; height: unset !important;}
#zone_70 {width: unset !important; height: unset !important;}
#zone_71 {width: unset !important; height: unset !important;}
#zone_72 {width: unset !important; height: unset !important;}
#zone_73 {width: unset !important; height: unset !important;}
#zone_74 {width: unset !important; height: unset !important;}
#zone_75 {width: unset !important; height: unset !important;}
#zone_76 {width: unset !important; height: unset !important;}
#zone_77 {width: unset !important; height: unset !important;}
#zone_78 {width: unset !important; height: unset !important;}
#zone_79 {width: unset !important; height: unset !important;}
#zone_84 {width: unset !important; height: unset !important;}
#zone_85 {width: unset !important; height: unset !important;}
#zone_86 {width: unset !important; height: unset !important;}
#zone_87 {width: unset !important; height: unset !important;}
#zone_88 {width: unset !important; height: unset !important;}
#zone_89 {width: unset !important; height: unset !important;}
#zone_90 {width: unset !important; height: unset !important;}
#zone_91 {width: unset !important; height: unset !important;}
#zone_92 {width: unset !important; height: unset !important;}
#zone_93 {width: unset !important; height: unset !important;}
#zone_94 {width: unset !important; height: unset !important;}
#zone_95 {width: unset !important; height: unset !important;}
#zone_96 {width: unset !important; height: unset !important;}
#zone_97 {width: unset !important; height: unset !important;}
#zone_98 {width: unset !important; height: unset !important;}
#zone_99 {width: unset !important; height: unset !important;}
#zone_100 {width: unset !important; height: unset !important;}
#zone_101 {width: unset !important; height: unset !important;}
#zone_102 {width: unset !important; height: unset !important;}
#zone_103 {width: unset !important; height: unset !important;}
#zone_104 {width: unset !important; height: unset !important;}
#zone_105 {width: unset !important; height: unset !important;}
#zone_106 {width: unset !important; height: unset !important;}
#zone_107 {width: unset !important; height: unset !important;}
#zone_108 {width: unset !important; height: unset !important;}
#zone_109 {width: unset !important; height: unset !important;}    
#zone_110 {width: unset !important; height: unset !important;}  
#zone_111 {width: unset !important; height: unset !important;}  
#zone_112 {width: unset !important; height: unset !important;}  
#zone_113 {width: unset !important; height: unset !important;}  
#zone_114 {width: unset !important; height: unset !important;}  
#zone_115 {width: unset !important; height: unset !important;}  
#zone_116 {width: unset !important; height: unset !important;}  
#zone_117 {width: unset !important; height: unset !important;}  
#zone_118 {width: unset !important; height: unset !important;}  
#zone_119 {width: unset !important; height: unset !important;}  
#zone_120 {width: unset !important; height: unset !important;}  
#zone_121 {width: unset !important; height: unset !important;}  
#zone_122 {width: unset !important; height: unset !important;}  
#zone_123 {width: unset !important; height: unset !important;}  
#zone_124 {width: unset !important; height: unset !important;}  
#zone_125 {width: unset !important; height: unset !important;}  
#zone_126 {width: unset !important; height: unset !important;}  
#zone_127 {width: unset !important; height: unset !important;}  
#zone_128 {width: unset !important; height: unset !important;}  
#zone_129 {width: unset !important; height: unset !important;}  
#zone_130 {width: unset !important; height: unset !important;}  
#zone_131 {width: unset !important; height: unset !important;}  
#zone_132 {width: unset !important; height: unset !important;}
#zone_133 {width: unset !important; height: unset !important;}  
    .n-paddingRIght {
        padding-right: 15px !important;
    }
}

@media (max-width: 860px) {
    .adv-block {
        display: none;
    }
    
    .a_block {
        margin-bottom: 15px;
    }
    
    .not-mobile {
        display: none;
    }
}

@media (max-width: 768px) {
    body {background: #fff;}
    .left-sidebar {display: none;}
    .right-sidebar {display: none;}
    .top-bar {display: none;}
    .site-menu {position: static;}
    .showmenu {left: 0;}
    .ad-title {display: none;}
    .long-banner-center {display: none;}
    .pg-images {height: 190px;}
    .lb-data .lb-close {
        right: -2px;
        top: -35px;
    }
    
    .lb-nav a.lb-prev {
        left: 5px !important;
    }
    
    .lb-nav a.lb-next {
        right: 5px !important;
    }
    .bl-ad-main {
        display: none;
    }
    
    .mob-ad {
        display: block !important;
    }
    
    .mob-ad img {
        width: 100%;
        height: auto;
        display: block;
        margin-top: 15px;
        margin-bottom: 5px;
    }
    
    .video-slider {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .ad-slider-mob img {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
    
    .mob-ad .item-ad {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .a_block {
        margin-bottom: 15px;
    }
    
    .owl-dots {
        display: none !important;
    }
    
    .mobile-ad-slider img {
        width: 100%;
        height: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
    footer .plus18 {
        margin: 0 auto;
        width: 32px;
        height: 32px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    
    footer .info {
        margin-top: 0px;
    }
    
    .long-banner-center img {
        margin-bottom: 0px;
    }
    .bl-adbanner {
        display: none;
    }
    .noscroll {
        overflow: hidden;
        position: fixed;
    }
    .slidebody {
        margin-left: 259px;
    }
    
    .main-wrapper {
        transition: 0.4s ease-in-out;
        -moz-transition: 0.4s ease-in-out;
        -webkit-transition: 0.4s ease-in-out;
        width: 100%;
    }
    
    .main-top-new .preview {
        background-size: 100% 100% !important;
    }
    
    header {
        padding-bottom: 0px;
        border-bottom: 0px;
        margin-bottom: 0px;
    }
    
    header nav {
        display: block;
        position: absolute;
        z-index: 555;
        width: 259px;
        left: -600px;
        background: #e76600;
        top: 0;
        overflow: scroll;
        transition: 0.4s ease-in-out;
        -moz-transition: 0.4s ease-in-out;
        -webkit-transition: 0.4s ease-in-out;
    }
    
    header nav ul {
        margin-top: 0px;
    }
    
    header nav ul li {
        width: 100%;
        border-bottom: 1px solid #f7b784;
        border-top: 1px solid #f7b784;
        margin-right: 0px;
    }
    
    header nav ul li:after {
        display: none;
    }
    
    header nav ul li a {
        color: #fff;
        text-align: center;
        width: 100%;
        display: block;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 5px;
        padding-right: 5px;
    }

    header nav ul li a:active, header nav ul li a:hover, header nav ul li a:focus {
        background: #f37a00;
        color: #eee;
        text-decoration: none;
    }
    
    
    header .menu-button {
        background: url(../images/menu_orange.svg) no-repeat;
        background-size: 30px;
        background-position: 0;
        width: 32px;
        height: 32px;
        margin-top: 17px;
        float: left;
        display: block;
    }
    
    header .logo {
        width: 85px;
        height: auto;
        margin-left: 15px;
        display: block;
        float: left;
    }
    
    header .active-menu {
        background: url(../images/close_orange.svg) no-repeat;
        background-size: 27px;
        background-position: 0;
        opacity: 0.5;
    }
    
    header .search-button {
        display: inline-block;
        background: url(../images/search_orange.svg) no-repeat;
        background-size: 25px;
        width: 32px;
        height: 32px;
        margin-top: 20px;
        float: right;
    }
    
    .mobile-bar {
        background: url(../images/bg_menu.png) repeat-y;
        background-size: 100%;
        -webkit-box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.35);
        -moz-box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.35);
        box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.35);
        width: 100%;
        height: auto;
        padding-top: 8px;
        padding-bottom: 8px;
        margin-bottom: 25px;
        text-align: center;
        color: #fff;
        text-transform: uppercase;
        display: block;
    }
    
    .mobile-search {
        background: #d57b00;
        position: absolute;
        width: 100%;
        z-index: 777;
        padding-top: 12px;
        padding-bottom: 12px;
        display: none;
    }
    
    .mobile-search input[type="text"] {
        width: 100%;
        background: #df9126;
        color: #fff;
        border: none;
        height: auto;
        padding: 8px 7px 7px 7px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }
    
    .mobile-search .close-btn {
        display: block;
        width: 100%;
        height: 24px;
        background: url(../images/close_white.svg) no-repeat;
        background-size: 14px;
        background-position: center;
        margin-top: 6px;
    }
    
    .mobile-search input[type="text"]::-webkit-input-placeholder {
        color: #efc78d;
    }

    .mobile-search input[type="text"]:-moz-placeholder {
        color: #efc78d;
    }

    .mobile-search input[type="text"]::-moz-placeholder {
        color: #efc78d;
    }

    .mobile-search input[type="text"]:-ms-input-placeholder {
        color: #efc78d;
    }
    
    .main-top-new {
        padding: 15px;
        background: #fff;
        border-bottom: 0px;
        /* margin-bottom: 20px; */
    }
    
    .new-article {
        padding: 15px;
        background: #fff;
        border-bottom: 0px;
        /* margin-bottom: 20px; */
    }
    
    .comments .comment-text {
        border-top-left-radius: 5px;
        -moz-border-top-left-radius: 5px;
        -webkit-border-top-left-radius: 5px;
        background: #fff;
        margin-left: 15px;
    }
    
    .comments .comment-text:before {
        display: none;
    }
    
    .default-avatar {
        display: none;
    }
    
    .side-top-banner {
        display: none;
    }
    
    header nav ul:after {
        display: none;
    }
    
    header .top-socials {
        display: none;
    }
    
    .print-icon {
        display: none !important;
    }
    
    .search-form .no-paddingLeft {
        padding-left: 15px !important;
    }
    
    .search-form .no-paddingRight {
        padding-right: 15px !important;
    }
    
    .search-form .selects {
        display: block;
    }
    
    .search-form .selects select {
        display: block;
        width: 100% !important;
        margin-bottom: 5px;
        height: 32px;
    }
    
    .search-form .desktop-button {
        display: none;
    }
    
    .search-form .mob-button {
        display: block;
        margin-top: 5px;
    }
    
    .popular-new {
        background: #fff;
    }
    
    .no-preview span {
        font-size: 15px;
    }
    
    .popular-new .bottom-info {
        display: none;
    }
    
    .popular-new {
        height: auto;
        min-height: auto;
        margin-bottom: 15px;
    }
    
    .popular-new .bottom-info {
        position: relative;
        padding-left: 25px;
        padding-right: 25px;
        display: block;
    }
     
}

@media (max-width: 736px) {
    
    .new-article .link-category {
        display: none;
    }
    
    .new-article .date-new {
        display: none;
    }
    
    .new-article .right-elements {
        text-align: left;
    }
    
    .new-article .comment-button {
    }
    
    .new-article .element-comment-button {
        text-align: right;
    }
    
    .new-article .attr-view {
        display: inline-block;
        margin-top: 5px;
    }
    
    .new-article .attr-comment {
        display: inline-block;
        margin-top: 5px;
    }
    
    
    .main-top-new .link-category {
        display: none;
    }
    
    .main-top-new .date-new {
        display: none;
    }
    
    .main-top-new .right-elements {
        text-align: left;
    }
    
    .main-top-new .comment-button {
        float: right;
    }
    
    .main-top-new .attr-view {
        display: inline-block;
        margin-top: 5px;
        margin-left: 0px;
        margin-right: 5px;
    }
    
    .main-top-new .attr-comment {
        display: inline-block;
        margin-top: 5px;
        margin-left: 0px;
    }
    
    .new-article .no-paddingRight {
        padding-right: 15px !Important;
    }
    
    .new-article .preview {
        height: 227px;
    }
    
    .new-article .detail-link {
        color: #e76600;
    }
    
    .main-top-new .detail-link {
        color: #e76600;
        margin-top: 5px;
        display: block;
    }
    
    .main-top-new .short-text {
        font-size: 16px;
    }
    
    .new-article .short-text {
        font-size: 16px;
        margin-top: 15px;
    }
    
    .bottom-slider .block-new .preview {
        height: 305px;
    }
    
    .main-top-new .mobile-new-bar {
        display: block;
    }
    
    .main-top-new .mobile-date {
        color: #a29262;
        font-size: 15px;
        font-weight: 500;
        display: block;
        margin-top: 15px;
    }
    
    .main-top-new .mobile-bottom-bar {
        display: none;
    }
    
    .main-top-new .mobile-bottom-bar .comment-icon {
        background: url(../images/comments.svg) no-repeat;
        background-size: 29px;
        width: 27px;
        height: 29px;
        color: #fff;
        text-align: center;
        font-size: 13px;
        line-height: 22px;
        display: block;
        margin-top: 10px;
    }
    
    .main-top-new .mobile-bottom-bar .likes {
        color: #e76600;
        margin-top: 10px;
        position: relative;
    }
    
    .main-top-new .mobile-bottom-bar .likes b {
        position: absolute;
        top: 2.5px;
    }
    
    .main-top-new .mobile-bottom-bar .likes .like {
        background: url(../images/like_up.svg) no-repeat;
        background-size: 24px;
        width: 28px;
        height: 21px;
        color: #fff;
        text-align: center;
        font-size: 16px;
        display: inline-block;
        margin-left: 19px;
    }
    
    .main-top-new .mobile-bottom-bar .likes .dislike {
        background: url(../images/like_down.svg) no-repeat;
        background-size: 24px;
        width: 29px;
        background-position: 4px 0px;
        height: 21px;
        color: #fff;
        text-align: center;
        font-size: 16px;
        display: inline-block;
        margin-right: 12px;
    }
    
    .main-top-new .mobile-bottom-bar .likes span {
        display: inline-block;
        font-size: 19px;
    }
    
    .main-top-new .mobile-bottom-bar .full-new {
        border: 1.4px solid #e76600;
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
        display: block;
        color: #e76600;
    }
    
    .new-article .mobile-new-bar {
        display: block;
    }
    
    .new-article .mobile-date {
        color: #a29262;
        font-size: 15px;
        font-weight: 500;
        display: block;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    
    .new-article .mobile-bottom-bar {
        display: none;
    }
    
    
    .new-article .mobile-bottom-bar .comment-icon {
        background: url(../images/comments.svg) no-repeat;
        background-size: 29px;
        width: 27px;
        height: 29px;
        color: #fff;
        text-align: center;
        font-size: 13px;
        line-height: 22px;
        display: block;
        margin-top: 10px;
    }
    
    .new-article .mobile-bottom-bar .likes {
        color: #e76600;
        margin-top: 10px;
        position: relative;
    }
    
    .new-article .mobile-bottom-bar .likes b {
        position: absolute;
        top: 2.5px;
    }
    
    .new-article .mobile-bottom-bar .likes .like {
        background: url(../images/like_up.svg) no-repeat;
        background-size: 24px;
        width: 28px;
        height: 21px;
        color: #fff;
        text-align: center;
        font-size: 16px;
        display: inline-block;
        margin-left: 19px;
    }
    
    .new-article .mobile-bottom-bar .likes .dislike {
        background: url(../images/like_down.svg) no-repeat;
        background-size: 24px;
        width: 29px;
        background-position: 4px 0px;
        height: 21px;
        color: #fff;
        text-align: center;
        font-size: 16px;
        display: inline-block;
        margin-right: 12px;
    }
    
    .new-article .mobile-bottom-bar .likes span {
        display: inline-block;
        font-size: 19px;
    }
    
    .new-article .mobile-bottom-bar .full-new {
        border: 1.4px solid #e76600;
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
        display: block;
        color: #e76600;
    }
    
    footer .social-caption {
        float: none;
        display: none;
    }
    
    footer .socials-icons {
        width: 100%;
        margin-top: 25px;
    }
    
    footer .btn-social {
        float: none;
        display: inline-block;
        margin-left: 2px;
    }
    
    footer .vk {
        margin-left: 0px;
    }
    
    .main-top-new .new-content .n-text img {
        display: block;
        width: 100%;
        height: auto;
    }
    
    .main-top-new .new-content img {
        display: block;
        width: 100%;
        height: auto;
    }

    .main-top-new .new-content .n-text iframe {
        display: block;
        width: 100%;
        height: auto;
    }
    
    .like-btn {
        width: 32px;
        height: 32px;
    }
    
    .dislike-btn {
        width: 32px;
        height: 32px;
    }
    
    .like-buttons span {
        font-size: 25px;
    }
    
    .element-comment-button .comment-button {
        padding: 5px 30px 5px 30px;
    }
    
    .form-comment input[type="text"] {
        width: 100% !important;
    }
    
    .form-comment #security_code {
        margin-left: 0px;
    }
    
    .search-form td {
        width: 100%;
        float: left;
        padding-top: 5px;
    }
    
    .popular-new {
        margin-bottom: 15px;
    }
    
}

@media (max-width: 640px) {
    
    .pg-images {height: 210px;}
    
    .video-slider {
        margin-bottom: 15px;
    }
    
    .other-news {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .like-buttons span {
        font-size: 18px;
    }
    
    .like-btn {
        width: 22px;
        height: 22px;
    }
    
    .dislike-btn {
        width: 22px;
        height: 22px;
    }
    
    .like-buttons {
        margin-top: 5px;
    }
    
    
}

@media (max-width: 575px) {
    .images-line .owl-theme .owl-nav {
        top: 37%;
    }
    
    .popular-new {
        height: auto;
        min-height: auto;
    }
    
    .popular-new .bottom-info {
        position: relative;
        padding-left: 25px;
        padding-right: 25px;
        display: block;
    }
    
    .main-top-new .attr-comment {
        margin-right: 5px;
    }
    
    .n-paddingRight {
        padding-right: 15px !important;
    }
}

@media (max-width: 550px) {
    .main-top-new .preview {
        height: 180px !important;
        background-size: 100% 100% !important;
    } 
    
    .n-photo .n-info {
        bottom: 5px;
        font-size: 11px;
    }
    
    .main-top-new .preview .n-info {
        font-size: 11px;
    }
    
    .rate-new-caption {
        display: none;
    }
    
    .main-top-new .short-text img {
        width: 100% !important;
        height: auto !important;
        margin-bottom: 5px !important;
    }
    
    .new-article .short-text img {
        width: 100% !important;
        height: auto !important;
        margin-bottom: 5px !important;
    }
    
    .like-buttons span {
        font-size: 13px;
    }
    
    .like-btn {
        width: 17px;
        height: 17px;
    }
    
    .dislike-btn {
        width: 17px;
        height: 17px;
    }
    
    .like-buttons {
        margin-top: 5px;
    }
    
    .paginator a {
        display: inline-block;
    }
    
    .paginator span {
        display: inline-block;
    }
    
    .main-top-new .preview {
        height: 180px !important;
        background-size: 100% 100% !important;
    }
}

@media (max-width: 340px) {
    .images-line .owl-theme .owl-nav {
        top: 35%;
    }
    
    .main-top-new .preview {
        height: 145px !important;
    }
    
    .new-article .preview {
        height: 170px;
    }
    
    .bottom-slider .block-new .preview {
        height: 275px;
    }
    
    footer .social-caption {
        float: none;
        display: none;
    }
    
    footer .socials-icons {
        width: 42%;
    }
    
    .form-comment a {
        display: none;
    }
    
    .form-comment #security_code {
        margin-left: 0px;
    }
    
}