@media screen and (min-width: 1600px) {
    .header-top-plate {
        top: -15vh;
        left: -20vw;
        width: 100%;
        height: 100vh
    }
}
@media screen and (max-width: 1600px) {
    p {font-size: 18px/*20px*/}
    .form-control, .form-control:focus, input[type="text"]:focus, input[type="number"]:focus, input[type="search"]:focus, select:focus, select {font-size: 16px !important}
    h2.title {margin: 2rem 0 1.5rem 0}
    header .header-intro {margin-bottom: 0}
    header h2.title {margin-top: 30px}
    /*.box-options {min-width: 30vw}*/
    .advantage-item > div img {max-width: 100px}
    .steps-description-txt p {width: 33.33%}
    .advantage-item:nth-child(4) {transform: translateY(25%)}
    .pixels-decor > div:nth-child(1) {
        left: 8vw
    }
    .pixels-decor > div:nth-child(1) img {
        width: 160px;
    }
    .pixels-decor > div:nth-child(2) {
        bottom: -8vh;
        left: 15vw;
    }
    .pixels-decor > div:nth-child(2) img {
        width: 200px;
    }
    .pixels-decor > div:nth-child(3) {
        bottom: 14vh;
        left: 25vw;
    }
    .pixels-decor > div:nth-child(3) img {
        width: 220px;
    }
    .video-block iframe {width: 83%}

    .actions-container .form-group:nth-child(2) div[class*="col-"]:nth-child(1), .actions-container .form-group:nth-child(2) div[class*="col-"]:nth-child(2) {
        margin-bottom: 20px;
    }
    .droppable .draggable.Big {
        border-radius: 15px
    }
}
@media screen and (max-width: 1441px) {
    /*.color-picker > div {width: 90% !important}*/
    .bg-media {margin-top: -60px}
}
@media screen and (min-width: 1200px) {
    .page-title h1 {font-size: 3.5em}
    .slider-container {
        width: 1040px
    }
    #watch-video-link {margin-left: 30px}
    .ask-for-helping .contacts span, .ask-for-helping .contacts a {font-size: 24px}
    .curved-bg-bottom {margin-top: -75px}
    .decision-message p:nth-child(2), .decision-message span {font-size: 32px}
}
@media screen and (max-width: 1200px) {
    p {font-size: 16px}
    .droppable .draggable {
        font-size: 18px;
        line-height: 1.2
    }
    h2.title {font-size: 2.375em}
    h3.title {font-size: 1.8em}
    .draggable {margin: 1px 1px 4px 2px}
    .draggable.Icon {margin: 1px 2px 4px 4px}
    .bg-media {
        margin-top: -50px;
        height: 110vh
    }
    .steps-description-txt p {font-size: 14px}
    input.form-control[name="advGet"] {margin-top: 45px}
    .decision-message p:nth-child(2), .decision-message span {font-size: 28px}
    .payment-service button {padding: .1rem .35rem !important}
    .step-transition:nth-child(1) {margin-left: -5px}
    .step-transition button svg {
        margin: 5px;
        width: 25px;
        height: 25px
    }
    #selFontColorExample, #selFontBGExample {width: 68%}
    .slider .draggable.Icon {font-size: 20px}
    .droppable {width: 12%}
}
@media screen and (max-width: 1024px) {
    .header-slider-over {
        position: absolute;
        top: 65vh
    }
    .payment-method > div {padding: 0 10px 10px 10px}
    .payment-method-txt {padding-left: 5px}
}
@media screen and (max-width: 767px) {
    header .triangle-bg-bottom {bottom: 100px}
}