.clearfix:after {
    content: '';
    display: block;
    clear: both;
}

.ellipsis {
    white-space: nowrap;
    /* 1 */
    text-overflow: ellipsis;
    /* 2 */
    overflow: hidden;
}

@media (min-width: 480px) {

    .recent-posts ul li {
        width: 50%;
    }

    .widget.recent-posts-widget .tab-head a {
        padding: 18px 5px 17px;
        font-size: 16px;
    }

    .widget.widget-block .alignleft {
        float: left;
        margin: 2px 28px 10px 0;
        max-width: 135px;
    }

    .widget .social-networks.justify a,
    .widget ul.social-networks.justify a {
        width: 88px;
    }

    .pagination.slick-dots {
        width: 100%;
    }
}

@media (min-width: 640px) {
    .cols-holder .post {
        display: inline-block;
        vertical-align: top;
        width: 50%;;
    }

    .comment-form .wrap {
        width: calc(100% + 14px);
    }

    .comment-form input[type="button"],
    .comment-form input[type="submit"],
    .comment-form button[type="button"],
    .wpcf7-submit[type="submit"],
    .comment-form button[type="submit"] {
        min-width: 236px;
    }

    .commentlist-item .commentlist-item .comment {
        padding-left: 75px;
    }

    .commentlist-item .commentlist-item .comment .avatar-holder:before {
        left: -99px;
    }

    .masonry-blocks {
        margin-bottom: 37px;
    }

    .masonry-blocks .block {
        width: 340px;
    }

    .posts-blocks .post-block {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        max-width: none;
        margin: 0 0 31px;
    }

    #footer {
        text-align: left;
    }

    .widget .social-networks.justify a,
    .widget ul.social-networks.justify a {
        width: 118px;
    }

    .widget h3 {
        font-size: 20px;
    }

    .video-holder .ico-play, .music-holder .fa-music {
        font-size: 50px;
    }

    .video-holder .ico-play:hover, .video-holder .ico-play:active, .video-holder .ico-play:focus,
    .music-holder .fa-music:hover, .music-holder .fa-music:active, .music-holder .fa-music:focus {
        font-size: 60px;
    }

    .post-block:hover .ico-play,
    .post-block:hover .fa-music {
        font-size: 60px;
    }

    .carousel .btn-prev,
    .carousel .btn-next {
        width: 33px;
        height: 33px;
    }

    .navigation,
    .pagination {
        text-align: left;
    }

    .navigation .page-numbers.prev, .navigation .page-numbers.next,
    .pagination .page-numbers.prev,
    .pagination .page-numbers.next {
        max-width: 50%;
        width: auto;
    }
}

@media (min-width: 768px) {
    #header {
        padding: 42px 0 0;
    }

    #header.version-i.movetop {
        background: #000;
        padding: 20px 0 0;
        transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.4);
    }

    .sidenav-active #header.version-i.movetop {
        left: -200px;
        right: 200px;
    }

    #header .holder {
        padding-top: 39px;
        padding-bottom: 32px;
    }

    #header form {
        width: 102px;
    }

    .page-error .heading-holder {
        margin-bottom: 40px;
    }

    .page-error h2 {
        font-size: 60px;
    }

    .page-error .comming-timer {
        width: 740px;
    }

    .page-error .comming-timer .countdown-amount {
        font-size: 60px;
        line-height: 70px;
        text-shadow: 10px 16px 0 rgba(0, 0, 0, 0.03);
    }

    .page-error .comming-timer .countdown-period {
        font-size: 16px;
        line-height: 18px;
    }

    .recent-posts ul li {
        width: 33.333%;
    }

    .page-head {
        margin-bottom: 50px;
    }

    .comment-form .wrap > * {
        display: inline-block;
        vertical-align: top;
        width: calc(50% - 14px);
        margin: 0 14px 0 0;
    }

    .comment-form .wrap.three-inline > * {
        width: calc(33.333% - 14px);
    }

    .comment-form input[type="text"],
    .comment-form input[type="search"],
    .comment-form input[type="password"],
    .comment-form input[type="email"],
    .comment-form input[type="tel"],
    .comment-form input[type="url"],
    .comment-form textarea {
        height: 58px;
        padding: 17px 23px;
    }

    .comment-form textarea {
        height: 154px;
    }

    .comments h2,
    .comments h3,
    .comment-respond h2,
    .comment-respond h3,
    .recent-posts h2,
    .recent-posts h3 {
        font-size: 20px;
    }

    .masonry-blocks .info .count {
        float: left;
        max-width: 49%;
        margin: 0 28px 0 0;
        width: auto;
    }

    .blocks-slider {
        margin: 0 0 50px;
    }

    .blocks-slider .slide {
        width: calc(17.5%);
    }

    .blocks-slider .slide.active {
        width: 30%;
    }

    .blocks-slider .align-holder .align {
        text-align: left;
    }

    .posts-blocks {
        margin: 0 -15px 26px;
    }

    .posts-blocks.extra {
        margin-bottom: 4px;
    }

    .post-block.single-post footer {
        margin: 0;
    }

    .post-block.single-post footer .text {
        max-width: 49%;
        float: left;
        width: auto;
    }

    .post-block.single-post .post-holder {
        padding-bottom: 71px;
    }

    .post-block blockquote {
        max-width: 84%;
    }

    #footer.version-ii {
        text-align: left;
    }

    #footer .social-networks {
        text-align: right;
        padding: 0;
    }

    #footer .social-networks li {
        margin: 0 0 0 16px;
    }

    .posts-slider {
        padding: 78px 0 68px;
        position: relative;
        margin: 0 0 50px;
        min-height: 453px;
        position: relative;
    }

    .posts-slider:before {
        position: absolute;
        content: "";
        top: -9999px;
        bottom: -9999px;
        left: -9999px;
        right: -9999px;
    }

    .posts-slider:before {
        background: rgba(42, 45, 52, 0.6);
        z-index: -1;
        display: block;
    }

    .posts-slider .slick-prev.slick-arrow {
        margin: 14px 0 0 -274px;
    }

    .posts-slider .slick-next.slick-arrow {
        margin: 14px 0 0 222px;
    }

    .posts-slider .mask {
        max-width: none;
        margin: 0;
    }

    .posts-slider .slick-list {
        padding: 26px 0 !important;
    }

    .posts-slider .slide {
        opacity: 0.2;
        width: 33.333%;
        display: inline-block;
        vertical-align: middle;
    }

    .posts-slider .slide.slide.slick-current {
        top: -11px;
        opacity: 1;
    }

    .posts-slider .slide.slide.slick-current .read-more {
        max-height: inherit;
        visibility: visible;
    }

    .posts-slider .slide.slide.slick-current time {
        margin: 0 0 15px;
    }

    .posts-slider .slide.slide.slick-current img {
        max-height: 232px;
    }

    .posts-slider time {
        margin: 0 0 -5px;
    }

    .posts-slider .read-more {
        max-height: 0;
        visibility: hidden;
    }

    .posts-slider img {
        max-height: 209px;
    }

    .policy-nav {
        text-align: left;
    }

    .aside {
        padding-bottom: 90px;
    }

    .aside h3 {
        font-size: 16px;
        margin: 0 0 29px;
    }

    #twocolumns {
        margin-bottom: 40px;
    }

    .widget.contact-widget {
        padding: 49px 37px 20px;
    }

    .slideshow {
        margin: 0 0 40px;
    }

    .slideshow .slide {
        min-height: 840px;
    }

    .slideshow .align-holder {
        min-height: inherit;
        white-space: nowrap;
        text-align: center;
    }

    .slideshow .align-holder:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: 0;
        min-height: inherit;
    }

    .slideshow .align-holder > * {
        white-space: normal;
        display: inline-block;
        vertical-align: middle;
        max-width: 99%;
    }

    .slideshow .align {
        padding: 150px 0 340px;
    }

    .switcher {
        position: absolute;
        background: none;
        left: 0;
        padding: 0;
        right: 0;
        bottom: 0;
        z-index: 2;
    }

    .switcher .switcher-mask {
        width: 600px;
    }
}

@media (min-width: 992px) {

    h2 {
        font-size: 20px;
    }

    .recent-posts ul li {
        width: 25%;
    }

    .posts-blocks.fullwidth .post-block {
        width: 33.3%;
    }

    .single-postv2 {
        padding: 40px 42px 5px;
    }

    .page-head {
        margin-bottom: 80px;
    }

    .socials {
        padding-top: 51px;
    }

    .socials a {
        font-size: 16px;
        height: 100px;
    }

    .socials a span {
        margin-left: 10px;
        margin-right: 10px;
    }

    #content .masonry-blocks .block {
        width: 290px;
    }

    #content:only-child .masonry-blocks .block {
        width: 300px;
    }

    .masonry-blocks .info .count {
        width: 100%;
        max-width: none;
        margin: 0;
    }

    .masonry-blocks .block {
        margin: 0 13px 30px 0;
    }

    .blocks-slider {
        margin: 0 0 90px;
    }

    .posts-slider {
        padding: 108px 0 98px;
        margin: 0 0 90px;
        min-height: 653px;
    }

    .posts-slider .read-more {
        font-size: 12px;
    }

    .posts-slider .btn-prev,
    .posts-slider .slick-prev.slick-arrow {
        margin: 14px 0 0 -343px;
    }

    .posts-slider .slick-next.slick-arrow {
        margin: 14px 0 0 300px;
    }

    .posts-slider .slide.slick-current {
        top: -15px;
    }

    .posts-slider .slide.slick-current time {
        margin: 0 0 25px;
    }

    .posts-slider h2 {
        font-size: 18px;
    }

    .aside h3 {
        font-size: 18px;
    }

    .widget .social-networks.justify a,
    .widget ul.social-networks.justify a {
        width: 57px;
        height: 47px;
    }

    #header form {
        width: 189px;
    }

    h1 {
        font-size: 35px;
    }

    .slideshow {
        margin: 0 0 70px;
    }

    .slideshow .align {
        padding: 209px 0 340px;
    }

    .switcher .switcher-mask {
        width: 900px;
    }

    .switcher .center-block {
        max-width: 962px;
    }
}

@media (min-width: 1230px) {
    .cols-holder .post {
        margin-bottom: 71px;
    }

    .page-error .heading-holder {
        margin-bottom: 70px;
    }

    .recent-posts ul h3 {
        font-size: 16px;
    }

    .page-head {
        margin-bottom: 120px;
    }

    .comment-form {
        padding: 9px 29px 42px;
    }

    .socials a span {
        margin-left: 20px;
        margin-right: 20px;
    }

    #content .masonry-blocks .block {
        width: 360px;
    }

    #content:only-child .masonry-blocks .block {
        width: 370px;
    }

    .masonry-blocks .info .count {
        max-width: 49%;
        margin: 0 28px 0 0;
        width: auto;
    }

    .masonry-blocks h2 {
        font-size: 23px;
    }

    .masonry-blocks .block {
        margin: 0 20px 30px 0;
    }

    .blocks-slider {
        min-height: 653px;
        margin: 0 0 126px;
    }

    .blocks-slider .slide.active .align {
        padding: 10px 0 2px;
    }

    .blocks-slider .align-holder {
        min-height: 653px;
    }

    .blocks-slider h2 {
        font-size: 13px;
    }

    .post-block footer .text {
        padding: 12px 23px 11px 49px;
    }

    .post-block footer .icon {
        left: 23px;
    }

    .posts-slider {
        min-height: 705px;
        margin: 0 0 125px;
        padding: 128px 0 30px;
    }

    .posts-slider .slick-prev.slick-arrow {
        margin: 14px 0 0 -413px;
    }

    .posts-slider .slick-next.slick-arrow {
        margin: 14px 0 0 390px;
    }

    .posts-slider h2 {
        font-size: 20px;
    }

    .posts-slider .slide.slick-current {
        top: -26px;
    }

    #twocolumns {
        margin-bottom: 63px;
    }

    .widget.profile-widget .profile-pic {
        width: 179px;
    }

    .widget.profile-widget p {
        margin: 0 0 30px;
    }

    .widget.recent-posts-widget ul,
    .widget.recent-posts-widget ol {
        font-size: 16px;
    }

    .widget.widget_categories.tabs {
        padding-bottom: 26px;
    }

    .widget.widget_categories .lists-holder ul {
        font-size: 14px;
        word-spacing: 2px;
    }

    .widget.widget_categories ul {
        font-size: 14px;
    }

    .widget .social-networks.justify a,
    .widget ul.social-networks.justify a {
        width: 73px;
        height: 62px;
    }

    .widget .widget-head {
        margin: 0 0 9px;
    }

    .navigation,
    .pagination {
        padding: 50px 0 0;
    }

    h2 {
        font-size: 24px;
    }

    h1 {
        font-size: 42px;
    }

    .slideshow {
        margin: 0 0 105px;
    }

    .slideshow .align {
        padding: 249px 0 370px;
    }

    .switcher .switcher-mask {
        width: 1200px;
    }

    .switcher .center-block {
        max-width: 1300px;
    }
}

@media (min-width: 1600px) {
    .blocks-slider h2 {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .slideshow h1 {
        font-size: 19px;
    }
}

@media (max-width: 639px) {
    .socials a .txt {
        display: none;
    }
}