/*
    Min-width: 320px (smaller phone viewpoints)
    Min-width: 480px (small devices and most phones)
    Min-width: 768px (most tablets)
    Min-width: 992px (smaller desktop viewpoints)
    Min-width: 1200px (large devices and wide screens)
*/


@media all and (min-width: 768px) {
    .base-container {
        padding: 0;
    }    
}



/*TEMPLATES*/

@media screen and (min-width: 320px) {

    .site-main > .category-breadcrumbs {
        margin: 30px 0;
        padding: 0 20px;
    } 

    a.action-button {
        display: inline-block;
        padding: 3px 10px;
        width: 160px;
        color: #4A90E2;
        text-align: center;
        background: #FFFFFF;
        border: 1.5px solid #E7E7E7;
        border-radius: 3px;
        transition: all 0.3s ease 0s;
    }
    a.action-link {
        display: inline-block;
        padding: 14px;
        width: 100%;
        max-width: 300px;
        font-weight: bold;
        font-size: 16px;
        line-height: 22px;
        text-align: center;
        color: #FFFFFF;
        background: #4A90E2;
        border-radius: 5px;
        box-shadow: 0px 2px 4px rgba(145, 145, 145, 0.5);
        transition: all 0.3s ease 0s;
    }

    a.try-btn {
        margin-right: 5px;
        color: #ffffff;
        background-color: #4A90E2;
        border-color: #4A90E2;
    }

    a.read-more-btn {
        background: #ffffff;
        color: #4A90E2;
    }

    .title-block {
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: flex-start;   
        padding-bottom: 30px;
        margin-bottom: 30px;
        border-bottom: 1px solid #E7E7E7;
    }

    .title-block .main-title {
        max-width: 270px;
        margin: 40px 0 20px;
        font-weight: bold;
        font-size: 20px;
        line-height: 27px;
    }

    .paging-navigation {
        width: 100%;
        margin-top: 30px;
        text-align: center;
    }

    /* SEARCH INPUT */

    .custom-searchform {
        position: relative;
        min-width: 257px;
        width: 100%;
    }
    .custom-searchform .search-field {
        padding: 5px 25px 5px 10px;
        border: 1px solid #E7E7E7;
        border-radius: 3px;
    }
    .submit-search-icon {
        position: absolute;
        margin-right: 5px;
        height: 20px;
        width: 20px;
        display: inline-block;
        right: 0;
        top: 3px;
    }
    .submit-search-icon .fa-search::before {
        color: #D6D6D6;
    }
    .submit-search-icon:hover .fa-search::before {
        color: #868585;
        cursor: pointer;
    }
    .custom-searchform .search-field:focus  {
        border-color: #4A90E2;
    }  

    .post-preview__article {
        margin-bottom: 10px;
        width: 100%;
        max-width: 100%;
        display: inline-block;
        vertical-align: top;
        box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
        border-radius: 5px;
        transition: all 0.5s ease-in-out;
    }

    .template-preview-card {
        position: relative;
        display: flex;
        flex-flow: row nowrap;
        height: 116px;
        max-width: 100%;
        width: 100%;
        border: 1px solid #E4E4E4;
        border-radius: 5px;
        transition: all 0.3s ease 0s;
    }
    .preview-card-img {
        width: 60px;
        height: 116px;
        margin: 0 15px;
        flex-shrink: 0;
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center 25px;
    }

    .preview-card-content {
        min-width: 190px;
        width: 100%;
        padding: 20px 20px 0 0;
    }

    .preview-card-content .entry-title {
        margin-bottom: 5px;
        font-weight: 600;
        font-size: 14px;
        line-height: 19px;
    }

    .preview-card-content p {
        margin-bottom: 0;
        font-size: 12px;
        line-height: 16px; 
    }

    .l-index-container .site-content {
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        justify-content: center;
        margin-bottom: 50px;
    }
    #secondary {
        /*max-width: 340px;*/
        margin: 0 auto;
    }

    .category-breadcrumbs {
        display: none;
        /*max-width: 340px;*/
        margin: 0 auto 15px;
    }
    #main .category-breadcrumbs {
        display: block;
    }
    #category-content .category-breadcrumbs {
        display: none;
    }
    .search-breadcrumbs {
        max-width: 700px;
        margin: 0 0 25px;
    }
    .category-breadcrumbs .fas,
    .search-breadcrumbs .fas {
        position: relative;
        top: -1px;
        color: #4A90E2;
        font-size: 12px;
        margin-left: 10px;
        margin-right: 10px;
    }
    .category-breadcrumbs .fas.fa-chevron-left,
    .search-breadcrumbs .fas.fa-chevron-left {
        margin-left: 0;
    }
    .category-breadcrumbs__link,
    .search-breadcrumbs span {
        font-weight: 600;
        font-size: 16px;
        transition: all 0.2s ease-in-out;
        border-bottom: none;
        text-decoration: none;
    }
    .search-breadcrumbs span {
        color: #9B9B9B;
    }
    a.category-breadcrumbs__link {
        color: #4A90E2;
    }

    .article-header {
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-start;
        padding: 0 20px;
    }
    .divider {
        padding-bottom: 30px;
        margin-bottom: 30px;
        box-shadow: inset 0px -1px 0px #E7E7E7;
    }
    .header-thumbnail {
        width: 50px;
        height: 50px;
        margin-right: 10px;
    }
    .header-title {
        font-weight: bold;
        font-size: 20px;
        line-height: 27px;
    }
    .header-title-description,
    .block-subtitle {
        margin: 5px 0 0;
        font-size: 14px;
        line-height: 21px;
    }
    .header-text-block {
        display: flex;
        flex-flow: column nowrap;
        justify-content: flex-start;
    }
    .text-block {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 30px;
        padding: 0 20px;
    }
    .text-block a.action-link,
    .video-block a.action-link {
        margin: 0 auto;
    }
    .text {
        margin-top: 30px;
    }
    .video-section {
        background: #F9F9F9;
        box-shadow: inset 0px 1px 0px #E7E7E7;
        /*padding: 30px 0 50px;*/
    }
    .video-block {
        display: flex;
        flex-flow: column nowrap;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 30px 20px;
    }
    .block-title {
        margin: 0;
        font-weight: bold;
        font-size: 20px;
        line-height: 27px;
    }
    .video {
       margin: 20px 0 40px;
    }
    .video > iframe {
        margin: 0;
        width: calc(100vw - 20px);
        height: auto;
        min-height: 200px;
    }
    .center-btn {
        align-self: center;
    }
    .steps-block {
        display: flex;
        flex-flow: column nowrap;
        padding: 30px 20px 50px;
    }
    .short {
        max-width: 750px;
    }
  
    .step-item {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        align-items: center;
    }
    .step-item-content {
        display: flex;
        flex-flow: column nowrap;
        justify-content: flex-start;
    }
    .step-item-image {
        margin-bottom: 20px;
        height: 50px;
    }
    .step-item-title {
        margin: 0 0 10px;
        font-weight: bold;
        font-size: 14px;
        line-height: 19px;
    }
    .step-item-description {
        margin-bottom: 20px;
        font-weight: normal;
        font-size: 14px;
        line-height: 21px;
    }
    .step-item-link {
        display: inline-block;
        align-self: center;
        color: #4A90E2;
        border-bottom: 1px solid transparent;
        transition: all 0.3s ease 0s;
    }
    .step-item-link:hover,
    .step-item-link:hover .t-step-item-link::after {
        color: #1571dd;
        border-bottom-color: #1571dd;
    }
    .step-item-link::after {
        content: "";
        display: inline-block;
        width: 7px;
        height: 7px;
        border: 1px solid #4A90E2;
        border-left-color: transparent;
        border-bottom-color: transparent;
        transform: rotate(45deg);
    }

    /* search page */

    .noresult-block {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        align-items: center;
        padding: 20px;
        border: 1px solid #E7E7E7;
        border-radius: 3px;
        box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    }
    .noresult-image {
        width: 70px;
        height: 70px;
        margin: 10px 30px 30px;
    }
    .noresult-title {
        font-weight: 600;
        font-size: 16px;
        line-height: 22px;
    }
    .noresult-title,
    .noresult-text {
        margin-bottom: 10px;
    }
    .noresult-text,
    .noresult-text a {
        font-weight: normal;
        font-size: 14px;
        line-height: 22px;
    }
    .noresult-text a {
        color: #4A90E2;
        border-bottom: 1px solid #4A90E2;
    }


/**********************************************
* 320
*----------  BANNER STYLES  --------------
*
**********************************************/

    /* BANNER 'IF YOU DID NOT FIND NESSESARY TEMPLATE' */

    .template-banner-wrapper {
        background: #F5F5F5;
        box-shadow: inset 0px 1px 0px #E7E7E7;
    }
    .template-banner {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-around;
        align-items: center;
        padding: 50px 20px;
    }
    .template-banner-content-block {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex: 1 1 auto;
        max-width: 600px;
    }
    .template-banner-content-block a.action-link {
        align-self: center;
    }
    .template-banner-img {
        width: 100%;
        margin-bottom: 30px;
    }
    .banner-title {
        margin-bottom: 10px;
        font-weight: 800;
        font-size: 20px;
        line-height: 27px;
    }
    .banner-description {
        font-size: 16px;
        line-height: 26px;
    }

    .template-banner-img {
        flex: 0 1 auto;
        width: auto;
        max-width: 100%;
    }

    /* BANNER 'TRY TO WORK WITH NEAKTOR' */

    .bottom-banner {
        display: flex;
        flex-direction: column;
        align-items: center;
        background: #FFFFFF;
        box-shadow: inset 0px 1px 0px #E7E7E7;
        padding: 50px 20px;
    }
    .bottom-banner .banner-title {
        margin-bottom: 20px;
        font-weight: 800;
        font-size: 16px;
        line-height: 22px;
        text-align: center;
    }
    a.banner-link {
        padding: 19px 38px;
        background: #FC636B;
        box-shadow: 0px 10px 50px rgba(154, 33, 39, 0.12);
        border-radius: 10px;
    }

}

@media all and (min-width: 375px) {
    .post-preview__article {
        width: 100%;
    }
    .preview-card-content {
        min-width: 215px;
    }

    .title-block .main-title {
        max-width: 100%;
        font-size: 26px;
        line-height: 32px;
    }
    .preview-card-img {
        width: 70px;
    }
    .preview-card-content .entry-title {
        font-size: 16px;
        line-height: 22px;
    }
    .preview-card-content p {
        font-size: 14px;
        line-height: 16px;
    }
}

@media all and (min-width: 412px) {

    .header-thumbnail {
        margin-right: 25px;
    }
    .video > iframe {
        min-height: 220px;
    }
    .title-block {
        margin: 0 auto 30px;
    }
    .title-block .main-title {
        max-width: 100%;
        margin-bottom: 30px;
        font-size: 26px;
    }
    .custom-searchform {
        max-width: 800px;
    }
}

@media all and (min-width: 480px) {

    .post-preview__article .entry-header {
        padding-bottom: 0;
        height: 170px;
    }
    .video > iframe {
        min-height: 280px;
    }
    .bottom-banner .banner-title {
        font-size: 20px;
        line-height: 27px;
    }
    #category-content .category-breadcrumbs {
        display: block;
    }
}

@media all and (min-width: 600px) {
    .preview-card-img {
        width: 80px;
        margin: 0 20px;
        background-position: center;
    }   
    .preview-card-content .entry-title {
        font-size: 18px;
        line-height: 22px;
     }
    .preview-card-content p {
        font-size: 16px;
        line-height: 21px;
    }
}

@media screen and (min-width: 740px) {

    .paging-navigation .page-numbers {
        margin: 0 5px;
    }

    .template-preview-card {
        max-width: 340px;
        width: 340px;
    }
    .preview-card-content {
        padding-top: 15px;
    }
    .post-preview__article {
        width: auto;
        margin-bottom: 20px;
    }
    .post-preview__article:nth-child(odd) {
        margin-right: 20px;
    }
    .preview-card-content .entry-title {
        font-size: 16px;
        line-height: 22px;
    }
    .preview-card-content p {
        font-size: 12px;
        line-height: 16px;
    }
    .l-index-container .site-content {
        justify-content: flex-start;
    }
    .search-breadcrumbs {
        margin: 0 auto 25px;
    }
    .category-breadcrumbs {
        display: block;
        max-width: 700px;
        margin: 0 auto 25px;
    }
    #secondary {
        max-width: 700px;
    }
    .site-content {
        max-width: 700px;
        margin: 0 auto;
    }
    .title-block {
        max-width: 700px;
        margin: 0 auto 30px;
    }
    .title-block .main-title {
        max-width: 100%;
        margin: 70px 0 30px;
        font-weight: 800;
        font-size: 30px;
        line-height: 44px;
    }    
    .video > iframe {
        min-height: 410px;
    }
	.video-block {
		padding: 50px 30px;
	}
	.video-block img {
		margin: 40px auto;
	}
    .step-item {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    .step-item-image {
        margin-right: 40px;
    }
    .step-item-description {
        margin-bottom: 10px;
    }
    .step-item-link {
        align-self: unset;
    }

    .template-banner {
        flex-flow: row nowrap;
    }
    .template-banner-img {
        max-width: 300px;
        margin-right: 40px;
    }
    .template-banner-content-block {
        max-width: 305px;
    }
    .banner-description {
        max-width: 600px;
        font-size: 14px;
        line-height: 21px;
    }
    .template-banner-content-block a.action-link {
        align-self: flex-start;
    }
    .bottom-banner {
        padding: 80px 20px 70px;
    }
    .bottom-banner .banner-title {
        max-width: 580px;
        font-size: 24px;
        line-height: 33px;
        text-align: center;
    }
    a.action-link {
        max-width: 350px;
    }

    /* search page */
    .noresult-block {
        flex-wrap: nowrap;
        padding: 50px 50px 40px 20px;
    }
}

@media screen and (min-width: 1024px) {

    .header-thumbnail {
        width: 70px;
        height: 70px;
    }
    .video > iframe {
        min-height: 550px;
    }
    .bottom-banner {
        padding: 70px 0;
    }
    .bottom-banner .banner-title {
        max-width: 875px;
    }

}

@media screen and (min-width: 1200px) {

    a.try-btn:hover {
        background-color: #1571dd;
    }

    a.read-more-btn:hover {
        border-color: #4A90E2;
    }

    .category-content {
        padding: 0;
    }
    .site-content {
        margin-left: 400px;
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-start;
        align-items: flex-start;
        width: 760px;
        max-width: 100%;
    }
    .full-width .site-content.page-404 {
        margin: 120px auto;
    }
    .category-breadcrumbs {
        display: block;
        flex: 1 1 100%;
    }
    .site-main > .category-breadcrumbs {
        margin: 40px auto;
        padding: 0;
        max-width: 1140px;
    } 
    #secondary {
        /*-webkit-position: sticky;
        position: sticky;
        top: 100px;*/
        float: left;
        margin: 0 -100% 0 0;
        width: 300px;
        padding: 0;
    }
        /* адаптация под ie10+ */
    _:-ms-fullscreen, :root #secondary {
        position: static;
    }

    .article-content #secondary {
        margin-top: 45px;
    }
    .article-header {
        padding: 0;
    }
    .secondary_mobile {
        display: none;
    }

    .title-block {
        flex-flow: row wrap;
        justify-content: space-between;
        align-items: center; 
        max-width: 100%;  
        height: auto;
        margin: 70px 0;
        padding-bottom: 0;
        border-bottom: none;
        background-color: #ffffff;
    }

    .title-block .main-title {
        padding: 0;
        margin: 0;
        max-width: 100%;
        font-weight: 800;
        font-size: 40px;
        line-height: 54px;
    }

    /* SEARCH INPUT */
    .custom-searchform {
        max-width: 280px;
    }


    .post-preview__article {
        overflow-y: hidden;
        position: relative;
        min-height: 120px;
        margin: 0 20px 20px 0;
    }
    .post-preview__article .template-preview-card:hover {
        border-color: #4a90e2;
        background-color: #F5F5F5;
    }
    .template-preview-card {
        height: auto;
        max-width: 360px;
        width: 360px;
    }
    .preview-card-img {
        width: 120px;
        height: 120px;
        margin: 0;
        flex-shrink: 0;
        background-repeat: no-repeat;
        background-size: 60%;
        background-position: center;
    }
    .preview-card-content .entry-title {
        margin-bottom: 5px;
        font-weight: 600;
    }

    .preview-card-content {
        min-width: 239px;
        padding-top: 20px;
    }

    .preview-card-content p {
        margin-bottom: 0;
    }

    .search-results-title,
    .search-breadcrumbs {
        margin-left: 400px;
    }

    .t-container {
        max-width: 1140px;
        margin: 0 auto;
    }
    .t-wide-container {
        max-width: 1200px;
        margin: 0 auto;
    }

    .category-breadcrumbs {
        margin: 40px auto;
    }

    a.category-breadcrumbs__link:hover {
        color: #1571dd;
    }
    .divider {
        padding-bottom: 40px;
        margin-bottom: 40px;
    }
    .header-thumbnail {
        width: 110px;
        height: 110px;
        margin-right: 40px;
    }
    .header-title {
        margin: 10px 0 0;
        font-size: 40px;
        line-height: 46px;
        font-weight: 800;
    }
    .header-title-description,
    .block-subtitle {
        margin: 20px 0 0;
        font-size: 16px;
        line-height: 26px;
    }
    .header-text-block {
        display: flex;
        flex-flow: column nowrap;
        justify-content: flex-start;
    }
    .text-block {
        flex-flow: row-reverse wrap;
        margin-bottom: 100px;
        padding: 0;
    }
    .text-block a.action-link {
        margin: 0;
    }
    .text {
        max-width: 790px;
        margin-top: 0;
    }
    a.action-link {
        max-width: 310px;
    }
    a.action-link:hover {
        background-color: #1571dd;
    }
    .video-section {
        /*padding: 100px 0;*/
    }
    .video-block {
     padding: 0;
    }
    .video-block img {
        margin: 0 auto 100px;
    }
    .video-block a.action-link {
        margin-bottom: 100px;
    }
    .block-title {
        margin: 100px 0 50px;
        font-weight: 800;
        font-size: 34px;
        line-height: 46px;
    }
    .video {
       margin: 30px 0 50px;
    }
    .video > iframe {
        min-height: 645px;
        max-width: 1140px;
    }
    .center-btn {
        align-self: center;
    }
    .steps-block {
        display: flex;
        flex-flow: column nowrap;
        padding: 0;
    }
    .steps-block a.action-link {
        margin-bottom: 100px;
    }
    .short {
        max-width: 750px;
    }
    .steps-header {
        padding-bottom: 40px;
        margin-bottom: 40px;
        box-shadow: inset 0px -1px 0px #E7E7E7;
    }
    .step-item {
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-start;
        align-items: center;
    }
    .step-item:last-of-type {
        margin-bottom: 70px;
    }
    .step-item-content {
        display: block;
        max-width: 640px;
    }
    .step-item-image {
        margin-right: 80px;
        height: 70px;
    }
    .step-item-title {
        margin: 0 0 10px;
        font-size: 16px;
        line-height: 22px;
    }
    .step-item-description {
        margin-bottom: 10px;
    }
    .step-item-link {
        display: inline-block;
        color: #4A90E2;
        border-bottom: 1px solid transparent;
        transition: all 0.3s ease 0s;
    }
    .step-item-link:hover,
    .step-item-link:hover .step-item-link::after {
        color: #1571dd;
        border-bottom-color: #1571dd;
    }
    .step-item-link::after {
        content: "";
        display: inline-block;
        width: 7px;
        height: 7px;
        border: 1px solid #4A90E2;
        border-left-color: transparent;
        border-bottom-color: transparent;
        transform: rotate(45deg);
    }

    /* search page */

    .noresult-image {
        width: 100px;
        height: 100px;
    }

/**********************************************
* 1200
*----------  BANNER STYLES  --------------
*
**********************************************/
   
    /* BANNER 'IF YOU DID NOT FIND NESSESARY TEMPLATE' */

    .template-banner-wrapper {
        background: #F5F5F5;
        box-shadow: inset 0px 1px 0px #E7E7E7;
    }
    .template-banner-img {
        max-width: 100%;
        margin: 0 100px 0 0;
    }
    .template-banner {
        justify-content: center;
        padding: 70px 0;
    }
    .template-banner-content-block {
        display: flex;
        flex-flow: column wrap;
        align-items: flex-start;
        max-width: 600px;
    }

    /* BANNER 'TRY TO WORK WITH NEAKTOR' */
    
    .bottom-banner {
        padding: 100px 0 70px;
    }
    .bottom-banner .banner-title {
        margin-bottom: 30px;
        font-weight: 800;
        font-size: 34px;
        line-height: 46px;
    }
    .banner-title {
        max-width: 980px;
        margin: 0 0 30px;
        font-weight: 800;
        font-size: 34px;
        line-height: 46px;
        text-align: center;
    }
    a.banner-link {
        font-size: 18px;
    }
    a.banner-link:hover {
        background-color: #bb140b;
    }

} /* >1200