@media screen and (max-width: 1100px){
.profile-blog-head {
        background-size: 150%;
    }
}
@media screen and (max-width: 960px){
    .main{
        max-width: 100% !important;
        padding: 0 10px;
        box-sizing: border-box;
    }
    nav .nav_item{
        font-size: 12px;
        margin: 0 5px;
    }
    .search .search-form{
        width: 375px;
    }
    .question-send{
        height: auto;
    }
    .question-send .title{
        float: none;
        display: block;
        width: 100%;
        text-align: center;
    }
    .question-send .send-form{
        float: none;
        display: block;
        width: 100%;
        text-align: center;
    }
    .netpeak .cell{
        width: 15%;
    }
    .netpeak .cell.big {
        width: 30%;
    }
    footer .social-info{
        display: none;
    }
    footer .navigation .nav-block{
        margin: 0 15px 0 0;
        width: 120px;
    }
    .mini-post { display: none; }
    .post-share {
      position: static !important;
      margin-top: 0 !important;
      width: 100%;
      margin-bottom: 30px;
    }
    .post-share-like {
    width: 63px;
    display: inline-block;
    float: left;
    padding-right: 15px;
    }
    .post-share-social {
    width: 67px;
    display: inline-block;
    float: left;
    }
    .post-share-social span { margin-top: 3px; }
    .blog-post-content, .post-recommend, .post-subscribe, .post-comments { max-width: 100%; padding-left: 20px; padding-right: 20px;}
    .table-bordered.table-big {
      margin-left: 0;
      width: 100%;
    }
    .blog-post-content p,
    .mini-post-handler,
    .social-quote,
    .blog-post-content ul,
    .blog-post-content ol,
    .post-source,
    .post-tags,
    .blog-post-h3,
    .blog-post-h4,
    .blog-post-content h2,
    .post-author { max-width: 600px;  }
    .blog-post-content ul,
    .profile-blog-head {
        background-size: 170%;
    }
    .blog-post-content .size-full{
        display: block;
        margin: 0 !important;
        width: 100% !important;
        height: 100% !important;
        position: relative;
    }
}

@media screen and (max-width: 900px){
    /*profile*/
    .profile-nav {
      margin-bottom: 20px;
    }
    .profile-nav .fl {
      width: 100%;
      text-align: center;
    }
    .profile-nav .fl li {
      float: none;
    }
    .profile-nav .fr {
      position: absolute;
      top: 86%;
      left: 0;
      text-align: center;
      width: 100%;
    }
    .header-username { display: none; }
    .more { margin-top: 20px; }
    .info-block.new .block,
    .info-block.new .block.long{
        width: 100%;
        display: block;
        height: 200px;
        margin: 0 0 20px;
    }
    .info_block_blocks .block{
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        display: block;
        width: 100%;
        margin: 0 0 20px;
    }
    .info_block_blocks .block:last-child { margin-bottom: 0; }
    .info_block_blocks .block:nth-child(3n+2){
        margin: 0 0 20px;
    }
    .info-block_arrows{
        display: none;
    }
    .current-article .article-name{
        font-size: 25px;
        line-height: 27px;
    }
    .current-article .left {
        width: 60%;
        margin: 0 2% 0 0;
    }
    .current-article .right {
        width: 35%;
    }
    .info-block.new{
        margin: 55px 0 20px;
    }
    .info-block.new .info-block_data{
        padding: 0;
    }
    .info-block.new .row:last-child{
        margin: 0;
    }
    .info-block.new .long img{
        width: 100%;
        height: 85%;
    }
    header.fixed + .info-block.new {
        margin: 65px 0 0px;
    }
    .info_block_blocks .page .block.social-banner,
    .info_block_blocks .page .block.banner{
        display: block;
    }
    .block.social-banner .social-item .subscribe-button,
    .block.social-banner .social-item .subscribe-message{
        float: right;
    }
    .info-block .block-title .sort{
        display: block;
        margin: 0 0 10px;
    }
    h2{
        margin: 0 0 20px;
    }
    .videos .block.big,
    .videos .block{
        width: 100%;
        margin: 0 0 20px;
        height: 300px;
    }
    .videos .blocks.small{
        width: 100%;
        margin: 0;
    }
    .videos .blocks.small .block{
        height: 300px;
    }
    .videos .blocks.small .block .name{
        font-size: 18px;
        line-height: 24px;
    }
    footer .top .site-name{
        float: none;
        display: block;
        width: 100%;
        font-size: 16px;
        text-align: center;
        margin: 0 0 20px;
    }
    footer .top .right{
        float: none;
        text-align: center;
    }
    footer .navigation .nav-block,
    footer .navigation .nav-block:nth-last-child(2){
        display: block;
        width: 100%;
        margin: 0 0 20px;
        text-align: center;
    }
    footer .navigation .nav-block .list{
        display: none;
    }
    footer .send-material{
        display: block;
        margin: 0 auto;
    }
    footer .lang {
        margin: 0 10px 0 10px;
    }
    footer .bottom{
        text-align: center;
    }
    footer .logo{
        display: block;
        margin: 0 auto;
    }
    footer .navigation .nav-block .nav-name{
        cursor: pointer;
    }
    .info_block_blocks .block .author-block{
        box-sizing: border-box;
        padding: 0 5px 0 0;
    }
    .profile-blog-head {
        background-size: 170%;
    }
    .blog-post-content .size-full{
        display: block;
        margin: 0 !important;
        max-width: 100%;
        position: relative;
    }
}

@media screen and (max-width: 830px){
    /*profile*/
    .profile-info-table td:first-child { width: 120px; padding-right: 20px; }
    .current-article-post .main { max-width: 100%; }
    .current-article-post .footer { position: static; }
    .current-article-post { height: auto; }
    .info-block { padding: 25px 0 0; }
    .blog-post-h3 { font-size: 21px; }
    .blog-post-h4 { font-size: 19px; }
    .social-quote { margin: 25px 0; }
    .social-quote-content { font-size: 17px; padding-left: 10px; }
    .social-quote-icon { padding-right: 10px; }
    .post-source, .post-author { margin-top: 50px; }
    .post-tags { margin-top: 20px; }
    .comments-tabs { margin-bottom: 25px; }
    .comment { padding: 0px; border-radius: 0; margin-top: 20px}
    .comment-content{
        margin-bottom: 40px;
    }
    .leave-comment { padding: 20px 0 0 0; }
    .leave-comment textarea { max-width: 100%; }
    .comment-rate { left: 4px; }
    .comment-rate-num { top: 60px;}
    .comment-left { padding-bottom: 10px; }
    .comment-answer { float: left; text-align: right; }
    .comments .comments-list {
        list-style: none;
        padding: 0;
    }
    .sub-comment {
      position: relative;
      margin: 0 0 0 -10px;
      left: 0;
      width: 100%;
    }
    .leave-comment .comment-left { display: none; }
    .comments-tabs a {
      float: left;
      clear: both;
      margin-bottom: 5px;
    }
    .section-padding { padding: 50px 0 !important; }

    .current-article .left { 
      /*height: 230px;*/ 
      height: auto; 
    }
    .current-article-post { padding-bottom: 40px; }
    .current-article:not(.current-article-post) { padding-bottom: 50px; }
    .bx-wrapper .bx-viewport { margin-bottom: 0 !important; }
    .profile-blog-head {
        background-size: 170%;
    }
    .blog-post-content .size-full{
        display: block;
        margin: 0 !important;
        max-width: 100%;
        position: relative;
    }
}

@media screen and (max-width: 800px){
    .profile-info-edit .col-6 { width: 100%; }
    .profile-info-edit .col-6:first-child { padding-bottom: 25px; }
    .profile-info-edit textarea { min-height: 140px; }
    .profile-info-edit .profile-info-table { width: 100%; }
    .current-article{
        height: auto;
    }
    .current-article .left{
        width: 100%;
        float: none;
        display: block;
        margin: 0;
    }
    .current-article .right{
        float: none;
        display: block;
        margin: 0;
        width: 100%;
        position: relative;
    }
    .current-article .subscribe { height: initial; }

    .netpeak .cell:nth-child(4),
    .netpeak .cell:nth-child(5) {
        display: none;
    }

    .netpeak .cell:nth-child(1),
    .netpeak .cell:nth-child(3) {
        width: 20%;
    }

    .netpeak .cell:nth-child(2) {
        width: 55%;
    }

    .netpeak .cell:nth-child(2) .netpeak-photo img {
        display: block;
        margin: 0 auto;
    }

    .netpeak .cell {
        width: 33%;
        margin: 0 5px 0 0;
    }
    .profile-blog-head {
        background-size: 170%;
    }
    .blog-post-content .size-full{
        display: block;
        margin: 0 !important;
        max-width: 100%;
        position: relative;
    }
    .aligncenter{
            width: 100% !important;
            height: 100% !important;
            margin: 0 !important;
    }
}

@media screen and (max-width: 760px){
    .profile-blog-head {
      margin-top: 55px;
    }
    /*profile*/
    .profile-info .col-5 {
      width: 100%;
      padding-bottom: 40px;
    }
    .profile-info-table td:first-child { width: 90px; }
    .profile-info .col-6 {
      width: 100%;
    }
    .profile-info .col-1 { display: none; }
    .header-profile { margin-left: 32px; }
    .current-article-post {
    margin-top: 55px;
    padding-top: 60px  ;
    }
    nav{
        display: none;
    }
    header .login{
        font-size: 0;
        display: inline-block;
        background: url("/blog/img/enter-01.svg");
        width: 32px;
        height: 32px;
        vertical-align: middle;
    }
    header .send_request{
        background: url("/blog/img/send-01.svg");
        width: 32px;
        height: 32px;
        display: inline-block;
        vertical-align: middle;
        border-radius: 0;
        font-size: 0;
        margin: 12px 15px;
    }
    header .send_request:hover{
        background: url("/blog/img/send-01.svg");
    }
    header .left{
        width: 35%;
        position: relative;
    }
    .search{
        display: none;
    }
    .search.mobile{
        display: inline-block;
        vertical-align: middle;
    }
    .menu-mobile{
        display: inline-block;
    }
    .profile-blog-head {
        background-size: 170%;
    }
    .blog-post-content .size-full{
        display: block;
        margin: 0 !important;
        max-width: 100%;
        position: relative;
    }
    .banner-wrapper {
        display: block;
        position: static;
        top: 0;
        margin: 0 0 20px 0;
        padding: 0;
    }
}

@media screen and (max-width: 670px){
    .search .search-form {
        width: 275px;
    }
    .profile-top-ava {
      margin: 20px auto;
      text-align: center;
      float: none;
    }
    .profile-top-content {
      width: 100%;
    }
    .profile-top-content .col-5, .profile-top-content .col-7 {
      width: 100%;
      text-align: center;
    }
    .profile-top-content table {
    text-align: left;
    max-width: 300px;
    margin: 0 auto 20px;
     }
     /*profile*/
     .profile-nav .fl a {
       padding: 13px 12px;
       border-right: 0;
     }

     .profile-blog-head {
        background-size: 200%;
    }
    .blog-post-content .size-full{
        display: block;
        margin: 0 !important;
        max-width: 100%;
        position: relative;
    }
    .blog-post-content li, .blog-post-content p{
        margin: 5px;
        max-width: 100%;
    }
    .comments-list .children{
        padding: 0;
    }

    .order-modal {
        padding: 0px;
    }

    .order-modal .form-close {
        top: 0px;
        right: -25px;
    }
}

@media screen and (max-width: 590px){
    .question-send .submit{
        display: block;
        margin: 10px auto;
    }
    .search .search-form {
        width: 175px;
    }
    .table-bordered th, .table-bordered td {
      padding: 15px;
    }
    .profile-content { padding: 30px 0; }
    .profile-blog-head {
        background-size: 210%;
    }
    .blog-post-content{
        padding-left: 5px !important;
    }
    .blog-post-content .size-full{
        display: block;
        margin: 0 !important;
        max-width: 100%;
        position: relative;
    }
    .blog-post-content li, .blog-post-content p, .blog-post-content img {
        margin: 5px;
        max-width: 100%;
    }
    .blog-post-content .pagination{
        display: ruby-text;
        margin-top: 20px;
    }

}

@media screen and (max-width: 525px){
    .netpeak .cell:nth-child(3) {
        display: none;
    }

    .netpeak .cell:nth-child(1) {
        width: 35%;
    }

    .netpeak .cell:nth-child(2) {
        width: 60%;
    }

    .netpeak .cell:nth-child(2) .netpeak-photo img {
        display: block;
        margin-right: 0px;
    }

    .netpeak .cell {
        width: 50%;
    }
}

@media screen and (max-width: 500px){
    /*profile*/
    .header-profile { margin-left: 20px; }
    .question-send .input {
      width: 100% !important;
      border-radius: 3px !important;
      margin: 10px 0 0 0 !important;
    }
    header .left {
        width: 25%;
    }
    .current-article .footer .time{
        display: none;
    }
    .current-article .footer .author-name, .current-article .footer .info{
        width: 66%;
    }
    .current-article .article-name {
        font-size: 20px;
        line-height: 23px;
    }
    .videos .block.big,
    .videos .blocks.small .block,
    .videos .block{
        height: 250px;
    }
    .post-author-left {
      width: 100%;
      margin-bottom: 20px;
      text-align: center;
    }
    .post-author-ava { display: inline-block; }
    .post-author-social { width: 100%; }
    .post-author-right { width: 100%; }
    .profile-blog-head {
        background-size: 210%;
    }
    .blog-post-content .size-full{
        display: block;
        margin: 0 !important;
        max-width: 100%;
        position: relative;
    }
    .blog-post-content li, .blog-post-content p{
        margin: 5px;
        max-width: 100%;
    }
}

@media screen and (max-width: 485px){
    /*.comment-rate { left: 4px; bottom: 11px; }*/
    .full.search{
        z-index: 20;
        background: white;
        position: absolute;
        top: 75px;
        left: 0;
        width: 100%;
    }
    .full.search .search-form{
        display: block;
        width: 100%;
        left: 0;
        top: 0;
        right: auto;
    }
    .full.search .search-form .input{
        width: 100%;
        opacity: 1;
        border-radius: 0;
        border: none;
        border-bottom: solid 1px #9b9b9b;
    }
    .profile-blog-head {
        background-size: 225%;
    }
    .blog-post-content .size-full{
        display: block;
        margin: 0 !important;
        max-width: 100%;
        position: relative;
    }
    .blog-post-content li, .blog-post-content p{
        margin: 5px;
        max-width: 100%;
    }
}

@media screen and (max-width: 440px){
    .question-send .input[type="email"],
    .question-send .input[type="text"]{
        display: block;
        margin: 20px auto;
        width: 100%;
    }
    .profile-blog-head {
        background-size: 220%;
    }
    .blog-post-content .size-full{
        display: block;
        margin: 0 !important;
        max-width: 100%;
        position: relative;
    }
    .blog-post-content li, .blog-post-content p{
        margin: 5px;
        max-width: 100%;
    }
}

@media screen and (max-width: 420px){
    .videos .block.big,
    .videos .blocks.small .block,
    .videos .block{
        height: 200px;
    }
    .profile-blog-head {
        background-size: 250%;
    }
    .blog-post-content .size-full{
        display: block;
        margin: 0 !important;
        max-width: 100%;
        position: relative;
    }
    .blog-post-content li, .blog-post-content p{
        margin: 5px;
        max-width: 100%;
    }
    .info-block.new .long {
        width: 100%;
        height: 85%;
    }
    span.icon-views {
        vertical-align: middle;
    }

    .order-modal {
        width: 100%;
    }

    .order-modal .form-close {
        right: 0px;
        top: -25px;
    }

    .order-modal {
        padding: 0px;
    }

    .netpeak .cell:nth-child(3) {
        display: inline-block;
        width: 46%;
    }

    .netpeak .cell:nth-child(1) {
        width: 46%;
    }

    .netpeak .cell:nth-child(2) {
        display: none;
    }

    .netpeak .cell:nth-child(2) .netpeak-photo img {
        display: block;
        margin-right: 0px;
    }

    .netpeak .cell {
        width: 50%;
    }
}

@media screen and (min-width: 900px) {
    #banner-block-lg {
        display: inline-block;
    }
    #banner-block-md {
        display: none;
    }
}

@media screen and (max-width: 900px) {
    #banner-block-lg {
        display: none;
    }
    #banner-block-md {
        display: inline-block;
    }
}