@media screen and (max-width: 1360px){
}

@media screen and (max-width: 1200px){
    .ac-item .text p {
        font-size: 1em;
    }

    .post-details .author-link {
        float: none;
        margin-top: 10px;
    }

    .countdownHolder {
        margin-bottom: 25px;
    }

    .countdownHolder .position {
        font-size: 5em;
    }

    .countdownHolder .name {
        font-size: 1em;
    }

    .countdownHolder > * {
        margin: 0 10px;
    }

    .header .search {
        margin-left: 15px;
    }

    .navigation > ul > li > a {
        padding: 32px 10px;
    }

    .blog-item-metro .image {
        padding-bottom: 100%;
    }

    .blog-item-metro9 .image {
        padding-bottom: 50%;
    }

    .blog-item-metro8 .image {
        padding-bottom: 50%;
    }

    .blog-item-metro7 .image {
        padding-bottom: 50%;
    }

    .blog-item-metro6 .image {
        padding-bottom: 50%;
    }

    .blog-item-metro5 .image {}

    .blog-item-metro4 .image {}

    .blog-item-metro3 .image {
        padding-bottom: 50%;
    }

    .blog-item-metro2 .image {}

    .blog-item-metro1 .image {
        padding-bottom: 50%;
    }
}

@media screen and (max-width: 992px){
    .side-panel-button.hide {
        display: block !important;
    }

    .footer .center {
        margin: 65px 0 0;
        width: 100%;
        overflow: hidden;
    }

    .mob-navigation {
        display: block;
    }

    .navigation {
        display: none;
    }
}

@media screen and (max-width: 768px){
    body {
        font-size: 14px;
    }

    h1,.h1 {
        font-size: 3.2em;
    }

    .header .search {
        margin-top: 30px;
    }

    .side-panel-button {
        margin-top: 35px;
    }

    .admin-bar .header {
        top: 46px;
    }

    .header {}

    .page-header .tar {
        text-align: left;
    }

    .page-header .category {
        margin-top: 0;
    }

    .banner-block .fw-container {
        width: 100%;
    }

    .fw-container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }

    .header-search-form .submit {
        padding: 0 15px;
    }

    .header-search-form .input {
        padding: 28px 20px;
        left: 52px;
    }

    .col-img {
        height: auto !important;
    }

    .col-img div {
        position: static;
        background: none !important;
    }

    .col-img div img {
        display: block;
    }

    .number-block-item .num {
        margin-top: -15px;
    }

    .number-block-item .text {
        margin-left: 80px;
    }

    .persona-block .wrap .p-text {
        margin: 0 auto 25px;
    }

    .persona-block .wrap .social-links {
        margin-bottom: 25px;
    }

    .persona-block .wrap {
        padding: 15px 20px 40px;
    }

    .tags-items {
        margin-right: -15px;
    }

    .tags-items a {
        margin: 0 10px 15px 0;
    }

    .portfolio-side {
        display: none;
    }

    .button-group button {
        padding: 10px 15px;
        margin: 0 10px 10px 0;
    }

    .blog-item.horisontal .image,
    .blog-item.horisontal .video {
        position: relative;
        overflow: hidden;
        top: 0;
        bottom: 0;
        padding: 0;
        margin: 0 -15px 10px;
        width: inherit;
    }

    .blog-item.horisontal .image a {}

    .blog-item.horisontal .video {
        width: 100%;
        margin: 0;
    }

    .blog-item.horisontal .video .video-area {
        /* position: relative; */
        width: 100%;
        left: 0;
        right: 0;
    }

    .blog-item.horisontal .video:after {

    }

    .blog-item.horisontal .video .video-area iframe {
        position: relative;
    }

    .blog-item.horisontal .image a img {
        display: block;
    }

    .blog-item .wrap {
        padding: 15px 15px 0;
    }

    .blog-item .bottom {
        padding: 10px 15px;
    }

    .site-content ul li:before {
        margin-top: 4px;
        margin-right: 8px;
    }
    .comment-item .image {
        display: none;
    }

    .comment-item .details {
        margin-left: 0;
    }

    ul.comments-wrap .children {
        padding-left: 20px;
    }

    ul.comments-wrap .children > .comment-item:before {
        left: -10px;
        width: 10px;
    }

    .blog-item-metro, .grid-sizer {
        width: 100%;
    }

    .blog-item-metro .image {
        padding-bottom: 80% !important;
    }
}

@media screen and (max-width: 600px){
    .wpadminbar {
        position: fixed !important;
    }
}

@media screen and (max-width: 640px){

    .footer .logo {
        float: none;
        margin: 0 auto 10px;
    }

    .footer .social-links {
        float: none;
        text-align: center;
    }

    .footer .center {
        margin: 25px 0 0;
    }

    .subscribe-form .input {
        width: 100%;
        max-width: 360px;
        margin-bottom: 15px;
    }

    .countdownHolder {
        font-size: 9px;
    }

    .site-content ul li:before {
        margin-top: 2px;
        margin-right: 5px;
    }
}

@media screen and (max-width: 490px){
    .side-panel-area {
        width: 100%;
    }

    .side-panel-area .wrap {
        top: 50px;
        padding: 0 60px 0 20px;
    }

    body.open-sideblock #all,
    body.open-sideblock .header {
        left: -100%;
    }

    .blog-item-metro .wrap {
        padding: 15px 25px;
    }
}
@media screen and (max-width: 380px){
    .banner-block .item .h1,
    .banner-block .item h1 {
        font-size: 3em;
    }
}