@media only screen and (max-width: 1865px) {
    .area-main .area-body,
    #about-samples .block1col {
        /*width: 95% !important;*/
    }
}
@media only screen and (max-width: 1735px) {
    .subpage h1,
    .subpage .smp-desc,
    .subpage .block1col {
        /*left: 15%;*/
    }
}

@media only screen and (max-width: 1700px) {
    .area-main .area-body,
    #about-samples .block1col {
        /*width: 95% !important;*/
    }
    #about-samples .smp-desc,
    #about-samples h1 {
        width: 65%;
    }
}
@media only screen and (max-width: 1580px) {
    .subpage h3,
    .subpage h1,
    .subpage .smp-desc,
    .subpage .block1col {
        /*left: 10%;*/
        min-width: 800px;
    }
}
@media only screen and (max-width: 1500px) {
    .area-body .smpl_card {
        height: auto !important;
    }

    div.main img {
        height: auto !important;
    }
}
@media only screen and (max-width: 1420px) {

    .area-main .area-body,
    .area-main h3,
    .area-main h1,
    #about-samples .smp-desc,
    #about-samples h1,
    #about-samples .block1col,
    .area-main .area-desc{
        left: 5% ;
    }


    .area-main .area-body,
    #about-samples .block1col {
        width: 90% !important;
    }
}
@media only screen and (max-width: 1350px) {
    .area-main .area-body,
    #about-samples .block1col {
        width: 95% !important;
    }
    #about-samples .smp-desc, #about-samples h1 {
        width: 80%;
    }
}
@media only screen and (max-width: 1390px) {
    .subpage h1,
    .subpage h3,
    .subpage .smp-desc,
    .subpage .block1col {
        left: 15%;
    }
    .subpage .bl_wrapper:last-child > p:first-of-type, .subpage .bl_wrapper:last-child > p small{
        margin-left: 0;
    }
}

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

    .subpage h1,
    .subpage h3,
    .subpage .block1col {
        left: 10%;
    }

    .subpage.bl_wrapper:last-child p {
        left: 0;
    }
}
@media only screen and (max-width: 1280px) {
     .area-main .area-body, #about-samples .block1col {
        width: 100% !important;
        margin: 0 auto;
        left: 0;
    }
    .area-main .area-body,
    #about-samples .block1col .bl_wrapper {
        text-align: center;
    }
   .area-main h3, .area-main h1, #about-samples .smp-desc, #about-samples h1 {
            left: 4%;
        }
    .area-main h1, #about-samples h1 {
        padding-top: 120px;
    }
    .smpl_card {
        width: 45% !important;
        margin: 1em !important;
    }
    .subpage h1,
    .subpage h3,
    .subpage .smp-desc,
    .subpage .block1col {
        left: 8%;
    }

}
@media only screen and (max-width: 1130px) {
    .subpage h1,
    .subpage h3,
    .subpage .smp-desc,
    .subpage .block1col {
        left: 5%;
    }
}

@media only screen and (max-width: 1095px) {
    .subpage h3,
    .subpage h1,
    .subpage .smp-desc,
    .subpage .block1col {
        margin: 0 auto !important;
        left: 0;
    }

    div.main img {
        max-width: 100%;
        width: auto !important;
        text-align: center;
        display: inline-block;
    }
    .smpl_card .text {

        background: #e6e6e6 !important;
    }

    .subpage .bl_wrapper:not(:first-child) h2 {
        margin-top: 6em;
    }
    .subpage .bl_wrapper:not(:first-child) p {
        display: none;
    }

    .subpage .bl_wrapper div > img {
        /*width: auto;*/
    }

    .subpage .bl_wrapper > div:first-of-type,
    .subpage .bl_wrapper > p + p + div:first-of-type,
    .subpage .bl_wrapper > p + div:first-of-type {
        margin-top: 0 !important;
    }

    .subpage .bl_wrapper:last-child p {
        display: block;
    }

   .subpage .bl_wrapper:last-child p {
        left: 0;
    }
    .area-body .smpl_card {
        width: 90% !important;
        background: white !important;
    }
}

@media only screen and (max-width: 1024px) {
    .area-main h3 {
        padding-top: 120px;
    }
}
@media only screen and (max-width: 940px) {
    .subpage h3, .subpage h1, .subpage .smp-desc, .subpage .block1col {
        min-width: 90%;
    }

}
@media only screen and (max-width: 890px) {
    .subpage .bl_wrapper:first-child p{
        height: auto;
    }
    .subpage .bl_wrapper:first-child p:nth-child(3) {
        padding-bottom: 3em;
    }
}

@media only screen and (max-width: 850px) {
    .area-main .area-body,
    #about-samples .block1col {
        width: 100% !important;
        /*min-width: 250px !important;*/
    }
    #about-samples .smp-desc, #about-samples h1 {
        width: 85%;
    }

    .smpl_card {
        width: 90% !important;
    }
    #about-samples .smp-desc, #about-samples h1 {
        left: 5%;
    }
    .subpage h3,
    .subpage h1,
    .subpage .smp-desc,
    .subpage .block1col {
        width: 60% !important;
    }
    .subpage .bl_wrapper div > img {
        padding-right: 0;
    }

    .subpage.bl_wrapper:not(:first-child) p {
        left: 78%;
    }

    .subpage.bl_wrapper:last-child p {
        left: 0;
    }
    div.dwnd_cddz {
        left: 75%;
        width: 12em;
    }
}
@media only screen and (max-width: 667px) {

    .subpage .bl_wrapper:first-child p:nth-child(3) {
        width: 200px;
    }
    h3, .area-main h1, #about-samples .smp-desc, #about-samples h1 {
        left: 5%;
    }
}

@media only screen and (max-width: 480px) {
    .subpage .bl_wrapper:first-child p {
        float: none !important;
        height: auto;
    }
    .subpage .bl_wrapper:first-child {
        height: 10em;
    }
}

@media only screen and (max-width: 375px) {
    .smpl_card, .smpl_card a {
        min-height: initial !important;
    }

    .subpage .bl_wrapper:first-child p:nth-child(2) {
        top: 0;
        padding-top: .5em;
        display: block;
        height: 1em;
        padding-bottom: 1em;
        background-position: 110px 0;
    }
}