@media(max-width: 1199px){ /*lg*/
    .top-slider .slide .left-block {
        flex: 0 0 400px;
    }
    .top-slider .slide .right-block {
        flex: 0 0 410px;
    }
    .not_found{
        text-align: center;
    }
    .not_found p {
        padding-top: 40px;
        width: 100%;
    }
    .button-more {
        width: auto;
    }
    .not_found .bubbles{
        opacity: 0;
    }
    .formSubscribe h3{
        font-size: 22px;
    }
    .form-subscribe .input-group > .mjs-btn-parent .btn{
        font-size: 16px;
    }
    .top-banner .list-col ul {
        display: block;
    }
    .top-banner .text.list-col li:nth-child(odd){
        margin-right: 0;
    }
    .top-banner .text.list-col li:nth-child(even){
        margin-left: 20px;
    }
}
@media(max-width: 991px){ /*md*/
    .top-slider .slide{
        padding: 32px 48px;
        height: 320px;
    }
    .top-slider .slide .left-block{
        flex: 0 0 276px;
    }
    .top-slider .slide.not_post .left-block{
        height: auto;
        min-height: 192px;
    }
    .top-slider .slide .post_tags{
        font-size: 14px;
    }
    .top-slider .slide .post-title{
        font-size: 28px;
        line-height: 32px;
    }
    .top-slider .slide.not_post .text-container{
        margin-top: 0px;
    }
    .top-slider .slide.not_post .post-title{
        font-size: 20px;
        margin-bottom: 8px;
    }
    .top-slider .slide.not_post .text{
        font-size: 16px;
    }
    .top-slider .slide .right-block{
        flex: 0 0 292px;
        height: 192px;
    }
    .art_big__title, .art_big .posttitle{
        font-size: 20px;
        line-height: 24px;
    }
    .articles_blk .posttitle{
        line-height: 30px;
    }
    .art_big .counter{
        display: none;
    }
    .author{
        margin: 40px 0 0;
    }
    .content-base_info .formSubscribe{
        margin: 40px 0;
    }
    .add-materials{
        margin-bottom: 40px;
    }
    .title{
        font-size: 30px;
    }
    .content-base .addImg img{
        max-width: 255px;
    }
    .subscribe-box.top .formSubscribe{
        margin: 0;
        padding: 24px;
    }
    .form-subscribe .input-group{
        justify-content: space-between;
    }
    .form-subscribe .input-group > input{
        width: 480px;
    }
    .form-subscribe .input-group > .mjs-btn-parent{
        width: 136px;
    }
    .privacyCheck .form-check-description{
        width: 500px;
        display: block;
    }
    .content-base .date{
        margin-left: 0;
    }
    .title-base h1 {
        margin-bottom: 24px;
    }
    .title-base .counter li{
        margin-right: 16px;
    }
    .anchor-list {
        margin-top: 48px;
    }
    .anchor-list .subtitle{
        font-size: 20px;
        line-height: 30px;
        letter-spacing: -0.2px;
        margin-bottom: 24px;
    }
    .anchor-list li a{
        font-size: 16px;
    }
    .content-base_info{
        padding-top: 48px;
    }
    .content-base p {
        font-size: 16px;
    }
    .share .title{
        margin-bottom: 16px;
    }
    .detail hr {
        margin: 0;
    }
    .detail .tags{
        margin-top: 48px;
    }
    .detail .post_image{
        margin-top: 48px;
    }
    .breadcrumbs{
        margin-bottom: 48px;
    }
    .our-team-header{
        margin: 108px 0 26px;
    }
    .our-team-header .image{
        width: 210px;
        padding: 20px 0;
    }
    .our-team-header .title{
        margin-top: 60px;
    }
    .our-team-header .excerpt{
        margin-top: 24px;
    }
    .authors h1{
        font-size: 28px;
    }
    .authors .content {
        margin-top: 24px;
        max-width: 510px;
        font-size: 16px;
        font-weight: 300;
    }
    .author-page .avatar{
        width: 88px;
        height: 88px;
    }
    .author-page .top-info h1{
        font-size: 28px;
        margin-right: 58px;
    }
    .link-arrow a {
        font-size: 16px;
        font-weight: normal;
    }
    .latest{
        margin-top: 60px;
    }
    .latest .title{
        font-size: 28px;
        margin-bottom: 48px;
    }
    .latest .articles_blk{
        margin-top: 0;
    }

    .content-banner {
        margin: 48px 0;
        padding: 24px;
    }
    .content-banner .text {
        margin-bottom: 24px;
    }
    
    .top-banner {
        padding: 48px 0;
        margin-bottom: 48px;
    }
    .top-banner .title{
        font-size: 24px;
        margin-bottom: 20px;
    }
    .top-banner .text, 
    .top-banner .text p{
        font-size: 16px;
        line-height: 24px;
    }
    .top-banner .text li {
        margin-bottom: 8px;
    }
    .popular .list-item{
        font-size: 16px;
    }
    .detail .content .proscons {
        margin-bottom: 24px;
        font-size: 16px;
        line-height: 24px;
    }
    .detail .content .proscons div {
        padding: 24px;
    }    
    .detail .content .proscons ul {
        padding-top: 16px;
    }
    .detail .content .proscons li {
        padding-left: 24px;
        margin-bottom: 8px;
        font-size: 16px;
    }
    .detail .content .proscons li:before {
        top: 6px;
    }
}
@media(max-width: 767px){ /*sm*/
    .content-base{
        margin-top: 110px;
    }
    .chronology{
        margin-top: 110px;
    }
    .logo img {
        width: 124px;
    }
    .top-slider .slide{
        height: 596px;
        padding: 0;
    }
    .top-slider .slide-container{
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    .top-slider .slide .left-block {
        flex: 0 0 296px;
        padding: 24px 48px 32px;
        width: 100%;
    }
    .top-slider .slide .slide-btn{
        margin: 0;
        width: 100%;
    }
    .top-slider .slide .right-block{
        flex: 0 0 312px;
    }

    #navbarNav{
        width: 100%;
        padding-left: 12px;
    }
    .navbar .sale-link{
        position: absolute;
        right: 0;
        top: 5px;
    }
    .navbar-toggler{
        font-size: 16px;
        font-weight: bold;
        line-height: 1.15;
        letter-spacing: -0.2px;
        padding: 8px 0;
        outline: none;
    }
    .navbar-toggler .fas{
        margin-left: 4px;
        font-size: 12px;
        color: #1a1a1a;
    }

    .tags{
        max-height: 140px;
    }
	.formnewClass #search-2{
		width: 440px;
	}
    .not-found-box{
        margin-top: 175px;
    }
    .content-base .catTitle h1{
    	font-size: 60px;
    }
    .content-base_info .formSubscribe{
        margin: 30px 0;
    }
    .author,
    .add-materials{
        margin-bottom: 30px;
    }
    .title-base .cat-base{
        padding-left: 24px;
    }
    .comments textarea{
        width: 100%;
    }
    .button-more{
        width: 100%;
    }
    .articles_blk .posttitle{
        margin-bottom: 30px;
    }
    .articles.list .articles_blk .preview-picture{
        margin-bottom: 16px;
        display: block;
    }
    .articles.list .articles_blk img{
        width: 100%;
    }
    .form-subscribe .input-group > .mjs-btn-parent{
        width: 100%;
    }
    .form-check{
        padding: 0;
    }
    .privacyCheck .form-check-description{
        width: 100%;
    }
    .our-team-header{
        margin-top: 102px;
        height: 200px;
    }
    .authors .item{
        margin-bottom: 48px;
    }
    .author-page .avatar{
        width: 103px;
        height: 103px;
        margin-bottom: 48px;
    }
    .author-page .top-info{
        display: block;
    }
    .author-page .socnet a:first-child{
        margin-left: 0;
    }
    .content-banner {
        margin: 48px -15px;
    }
    .content-banner .text {
        font-size: 16px;
    }
    .content-banner .btns {
        flex-wrap: wrap;
    }
    .content-banner .btns a {
        width: 100%;
        margin: 0 0 24px;
        max-width: 100%;
    }
    .content-banner .btns a:last-child {
        margin-bottom: 0;
    }
    .top-banner {
        padding: 48px 0;
        margin-bottom: 48px;
    }
    .top-banner .title {
        margin-bottom: 24px;
    }
    .top-banner .text {
        margin-bottom: 48px;
    }
    .top-banner .text ul {
        margin-bottom: 24px;
    }
    .top-banner .image {
        display: block;
        margin-bottom: 48px;
    }
    .top-banner .buttons a{
        width: 100%;
        text-align: center;
        margin: 0 0 24px;
    }
    .top-banner .buttons a:last-child{
        margin-bottom: 0;
    }
}
@media(max-width: 575px){
    .header {
        padding: 1px 0;
    }
    .logo img {
        width: 124px;
    }
    .top-slider .slick-arrow{
        left: 0;
    }
    .top-slider .slick-arrow.next{
        right: 0;
    }

    
    .tags{
        max-height: 236px;
    }
    .content-base .tags{
        margin-top: 20px;
    }
	.formnewClass #search-2{
		margin: 0;
	}
    .content-base{
        margin-top: 90px;
    }
    .content-base .catTitle h1{
    	font-size: 40px;
    }
    .content-base .articles {
        margin-top: 10px;
    }
    .content-base.tag-page .articles{
        margin-top: 0;
    }
    .catTitle {
        margin-bottom: 0;
    }
    .title{
    	font-size: 30px;
    }
    .title-base .cat-base{
        width: 100%;
    }
    .title-base .counter{
        margin-top: 18px;
    }
    #search-results input[type="text"], .req-email input{
        margin-right: 0;
    }
    .anchor-list .title{
        margin-top: 24px;
    }
    .top-banner .text {
        margin-bottom: 48px;
    }
    .detail .content .proscons {
        display: block;
        margin: 0;
    }
    .detail .content .proscons div,
    .detail .content .proscons div.cons {
        margin: 0 0 24px;
    }
}