@media screen and (max-width: 1700px) {
    /*header {*/
    /*    padding-left: 0 !important;*/
    /*    padding-right: 0 !important;*/
    /*}*/
    /*.header-content {*/
    /*    padding-left: 20px !important;*/
    /*    padding-right: 20px !important;*/
    /*}*/
}

@media screen and  (max-width: 1500px) {
    .three-wide-columns-text {
        padding: 75px 50px;
    }
}

@media screen and (max-width: 1200px) {
    .narrow-block-img {
        height: 250px;
    }
}

@media screen and (min-width: 901px) and (max-width: 1099px) {
    #header-menu a {
        padding: 10px;
        font-size: 14px;
    }
}

@media screen and (min-width: 1201px) and (max-width: 1375px) {
    #header-menu a {
        padding: 17px 5px;
    }

    /*#header-menu a:hover {*/
    /*    padding: 9px !important;*/
    /*}*/
}

@media screen and (min-width: 901px) and (max-width: 1200px) {
    .text-block {
        padding: 50px;
    }

    .logo-block img {
        width: 150px;
    }

    .menu-sign {
        margin-right: 0;
    }

    #header-menu a {
        padding: 17px 5px;
    }

    /*#header-menu a:hover {*/
    /*    padding: 9px !important;*/
    /*}*/

    .left-footer-menu a {
        padding-right: 15px;
    }


    .huge-img > img {
        max-width: 900px;
    }

    .two-columns > div > div:first-child,
    .block-with-two-columns > *:first-child {
        margin-right: 30px;
    }

    .two-columns > div > div:last-child,
    .block-with-two-columns > *:last-child {
        margin-left: 30px;
    }

    .first-element, .img-element {
        margin-right: 15px;
    }
    .second-element, .forth-element {
        margin-left: 15px;
    }
    .img-element:not(.self-service-img) {
        height: 200px;
    }
    .static-img-size {
        -moz-background-size: 350px 200px !important;
        -webkit-background-size: 350px 200px !important;
        -o-background-size: 350px 200px !important;
        background-size: 350px 200px !important;
    }
    .self-service-img {
        -moz-background-size: 130px 250px;
        -webkit-background-size: 130px 250px;
        -o-background-size: 130px 250px;
        background-size: 130px 250px;
        height: 250px !important;
    }
}

@media screen and (min-width: 901px) {
    #header-menu {
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/* Mobile version */
@media screen and (max-width: 900px) {
    /* Header START */
    .action-menu {
        display: inline-block;
    }

    .whole-page-img {
        height: 100vh;
        padding-bottom: 0 !important;
    }

    .logo-block img {
        width: 150px;
    }

    #header-menu {
        visibility: hidden;
        opacity: 0;
        transition: opacity 0.5s; /* Changing this also need to change in main.js time of hiding header menu block window */
        display: block;
        width: 100%;
        position: fixed;
        top: 60px;
        left: 0;
        height: 100%;
        padding: 0;
    }

    #header-menu.active-menu .header-list {
        position: absolute;
        overflow-y: auto;
        left: 0;
        top: 0;
    }

    .background-mobile-mask {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        background: black;
        width: 100%;
        height: 100%;
        opacity: 0.9;
    }

    .menu-sign {
        margin-right: 0;
    }

    .menu-contact {
        margin: 0 25px;
    }

    #header-menu a {
        display: inline-block !important;
        text-align: center;
        /*margin: 0 20px;*/
        z-index: 1;
        font-size: 18px;
        color: #383838;
    }

    #header-menu a:hover {
        border: none!important;
        text-decoration: none;
        /*padding: 10px 16px;*/
    }

    .social-icons-header a {
        display: inline-block;
        width: 115px;
    }

    .header-menu-list {
        flex-direction: column;
        align-items: stretch;
        position: relative;
        overflow-y: auto;
        width: 100%;
        height: calc(100% - 90px);
        z-index: 1;
    }

    .header-menu-list > div {
        display: block !important;
        text-align: left;
        border-bottom: 1px solid #ccc;
    }
    .header-menu-list > div:first-child {
        margin-top: 10px;
    }

    .header-menu-list > div.menu-sign,
    .header-menu-list > div.menu-contact {
        display: none!important;
    }

    .header-menu-list {
        padding: 0 30px;
        height: calc(100% - 50px);
    }

    #header-menu {
        background: #ffffff;
    }

    .social-icons-header {
        width: 170px;
        margin: 10px auto 0;
        display: flex;
        display: -ms-flex;
    }

    .social-icons-header img {
        margin: 0 auto;
        width: 24px;
    }

    .social-icons-header a {
        margin: 0 !important;
        padding: 0 !important;
    }

    header .background-mask {
        opacity: 1;
    }
    /* Header END */
    /* Footer START*/
    .footer-content {
        text-align: right;
    }

    footer {
        display: none;
    }

    .footer {
         display: flex;
     }

    .copy-right-footer-menu {
        width: 100%;
    }

    .footer-menu {
        display: block;
        text-align: right;
    }

    .small-form {
        padding: 50px;
    }

    /* Footer END*/
    #content .chess-board-helper,
    #content .chess-board {
        display: block;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .chess-board > * {
        display: block;
        min-height: unset !important;
        /*min-height: initial;*/
        padding-bottom: 0 !important;
        margin-bottom: 90px !important;
    }

    .chess-board > * > * {
        width: 100%;
        float: none !important;
    }

    .chess-board > *:last-of-type {
        margin-bottom: 0 !important;
    }

    .chess-board > * > *:not(.img-block) {
        height: auto;
    }

    .chess-board > * > *.img-block {
        height: 400px;
    }

    .chess-board .text-block {
        position: unset;
        top: 0;
        transform: none;

    }

    .chess-board > *:last-child .text-block {
        padding: 0 0 50px;
    }

    .chess-board > *:first-child .text-block {
        padding: 50px 0 0;
    }

    /* Form fields START */
    .forms-columns .form-column:first-child {
        padding-right: 25px;
    }

    .forms-columns .form-column:last-child {
        padding-left: 25px;
    }

    /* Form fields END */

    .three-wide-columns {
        display: block;
    }
    .three-wide-columns > div {
        width: 100%;
        margin-bottom: 30px;
    }

    .block-with-two-columns {
        display: block;
    }
    .block-with-two-columns-and-picture .block-with-two-columns {
        margin-top: 0 !important;
    }
    .block-with-two-columns > * {
        width: 100%;
    }

    .block-with-two-columns > * {
        margin: 0 !important;
    }

    #anchors {
        display: none;
    }
    .desktop-block-element {
        display: none !important;
    }
    .mobile-block-element {
        display: block !important;
    }
    ul.blue-points li,
    a.read-more,
    .block-with-two-columns {
        font-size: 18px;
        line-height: normal;
    }
    .read-more-block {
        margin: 30px 0 0 !important;
    }

    .two-columns > div {
        display: block;
    }
    .two-columns > div > div {
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .desk-900 {
        display: none;
    }
    .mob-900 {
        display: inline-block;
    }

    /* Spaces between blocks START */
    .block-with-two-columns > * h3{
        margin-top: 15px;
    }

    .block-with-two-columns-and-picture > h3 {
        padding-top: 15px;
    }
    .page-beginning {
        padding-top: 90px;
        padding-bottom: 30px;
    }

    #content > .wide-content-wrapper:not(:last-child) {
        padding-bottom: 30px;
    }

    .wrapper-content > *,
    .chess-board-helper,
    .last-margin  {
        margin-top: 30px !important;
    }

    .simple-content {
        margin-top: 60px !important;
        margin-bottom: 90px !important;
    }

    .main-description {
        margin-bottom: 30px !important;
    }

    .block-with-two-columns-and-picture {
        margin-top: 45px !important;
    }

    .block-with-two-columns > *:last-child {
        margin-top: 10px !important;
    }

    .two-columns-new-row {
        margin-top: 45px !important;
    }

    .big-block-img, .huge-block-img {
        margin-top: 30px;
    }

    .wide-content-wrapper h1,
    .wide-content-wrapper h2 {
        padding-bottom: 0px !important;
    }

    .four-elements:not(:last-child) {
        padding-bottom: 45px;
    }
    /* Spaces between blocks END */


    .free-one-block-half {
        display: block;
    }

    .mobile-cysend-banner {
        display: block;
        margin: 15px 0;
        width: 100%;
        height: 300px;
        background: #737373 url("../img/cysend/banner.png") no-repeat right;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .img-description.cysend-version {
        margin-top: 0;
    }

    .free-one-block-half > div.empty-half {
        display: none !important;
    }

    .free-one-block-half > div:not(.empty-half) {
        width: 100%;
        padding: 0;
    }

    .big-text-list {
        font-size: 20px;
    }


    .data-security .back-cover {
        height: 150px !important;
    }

    #scroll-top {
        right: 30px;
        bottom: 100px;
    }
    /* Four elements block START */
    .four-elements, .third-element {
        display: block;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .four-elements h3, .four-elements h4 {
        text-align: center;
    }
    .first-element, .second-element, .third-element > div {
        width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .first-element p {
        margin-bottom: 30px;
    }
    .img-element {
        height: auto;
        margin-bottom: 30px;
    }

    .additional-element {
        font-size: 18px;
    }
    /* Four elements block END */

    .img-element img {
        height: auto;
    }
}

@media screen and (max-width: 900px) and (min-width: 701px) {
    .cover-img-size {
        height: 300px !important;
        -moz-background-size: 500px 300px !important;
        -webkit-background-size: 500px 300px !important;
        -o-background-size: 500px 300px !important;
        background-size: 500px 300px !important;
    }
}

@media screen and (max-width: 700px) {
    ul.blue-points li:not(:last-child) {
        margin-bottom: 10px;
    }

    .mobile-cysend-banner {
        height: 250px;
    }

    ul.blue-points:not(.big-text-list) li:before {
        top: 7px;
    }

    .img-text-h1 {
        font-size: 35px;
        line-height: normal;
    }

    h2.h2-uppercase {
        font-size: 30px;
    }

    h1,
    h2.h2-lowercase {
        font-size: 40px;
    }

    h3:not(.h3-lower-size) {
        font-size: 26px;
        margin-bottom: 30px;
    }

    h4, .h3-lower-size {
        font-size: 18px;
    }

    p,
    ul.blue-points li,
    .img-description,
    a.read-more,
    .block-with-two-columns,
    .page-description {
        font-size: 16px;
        line-height: normal;
        text-align: initial;
    }

    .read-more-block {
        margin: 30px 0 0 !important;
    }

    .page-beginning {
        padding-top: 60px;
    }

    #content > .wide-content-wrapper:not(:first-of-type) {
        padding-top: 30px !important;
    }

    .chess-board > * {
        margin-bottom: 60px !important;
    }

    .block-with-two-columns > *:last-child:not(.list-continue),
    .block-with-two-columns-and-picture,
    .simple-content {
        margin-top: 30px !important;
    }

    .chess-board > * > *:first-of-type .text-block {
        padding: 0 0 30px;
    }

    .chess-board > * > *:last-of-type .text-block {
        padding: 30px 0 0;
    }


    .simple-content {
        margin-top: 45px !important;
        margin-bottom: 60px !important;
    }

    .wide-content-wrapper h1,
    .wide-content-wrapper h2 {
        padding-bottom: 0px !important;
    }

    .static-img-size {
        -moz-background-size: cover !important;
        -webkit-background-size: cover !important;
        -o-background-size: cover !important;
        background-size: cover !important;
    }

    /* Changing header height START */
    header {
        height: 50px;
    }

    #img-buttons.flex-buttons {
        display: block;
    }
    #img-buttons.flex-buttons > * {
        width: 100%;
        margin-bottom: 30px;
        text-align: center;
    }
    #img-buttons a > span {
        position: unset;
        top: unset;
        transform: unset;
    }
    #img-buttons.flex-buttons > *:last-child {
        margin-bottom: 0;
    }
    #img-buttons.flex-buttons .img-btn {
        width: 100%;
        margin: 0 !important;
    }
    .checkbox_menu:checked + label > #hamburger_menu > .bar1,
    .checkbox_menu:checked + label > #hamburger_menu > .bar4 {
        width: 35px !important;
    }
    .img_content {
        padding-top: 80px;
    }
    #header-menu {
        top: 50px;
    }
    #hamburger_menu {
        width: 25px;
        height: 25px;
        margin-top: 1px;
    }

    #hamburger_menu .bar {
        width: 25px;
    }
    .bar2, .bar3 {
        top: 11px;
    }
    .logo {
        height: 20px;
        margin-top: 3px;
        width: 170px;
    }

    .wrapper-img {
        min-height: auto;
        height: auto;
    }

    .three-wide-columns-text {
        padding: 50px 20px;
    }

    .img-description {
        margin-top: 25px;
    }

    .skip-header {
        padding-top: 60px !important;
        padding-bottom: 0 !important;
    }

    .chess-board > * > *.img-block,
    .big-block-img,
    .data-security .back-cover {
        height: 300px !important;
    }

    .background-404-img {
        -moz-background-size: 130% 100%;
        -webkit-background-size: 130% 100%;
        -o-background-size: 130% 100%;
        background-size: 130% 100%;
    }

    /* Login page START */
    .small-img-content-wrapper,
    .small-form {
        float: none;
        width: 100%;
        height: auto;
        color: #fff;
    }
    .small-img-content-wrapper {
        padding: 0;
        margin-bottom: 100px;
    }

    #modal-window-content {
        padding: 0;
        height: 100%;
    }

    #login {
        min-height: 100%;
        padding-bottom: 10px;
    }

    .small-form-child {
        position: unset;
        top: 0;
        transform: unset;
    }

    .forgot-password-response {
        max-width: 400px;
        margin: 0 auto;
    }

    .small-img-content-wrapper > * {
        max-width: 100%;
    }

    .small-img-description {
        margin: 0;
        padding: 0 25px 25px;
    }

    .small-img-description *,
    .login-btn-block > *,
    .forgot-password {
        color: #fff;
    }

    .small_img_content {
        height: auto;
        position: relative;
        max-width: 400px;
        margin: 0 auto;
    }
    .small-form {
        background: transparent;
        padding: 25px;
    }
    .desktop-element {
        display: none !important;
    }
    .mobile-element {
        display: inline !important;
    }
    /* Login page END */

    /* Form fields START */
    .forms-columns {
        display: block;
    }
    .forms-columns .form-column:first-child {
        padding-right: 0;
    }
    .forms-columns .form-column:last-child {
        padding-left: 0;
    }

    .form-column {
        width: 100%;
    }

    /* Form fields END */

    .address-block > div {
        width: 100%;
        text-align: left;
    }

    .address-block {
        display: block;
    }

    .three-the-same-column {
        display: block;
    }
    .three-the-same-column > div {
        display: block;
        max-width: 100%;
        width: 100%;
        margin: 0 auto 50px !important;
    }
    .three-the-same-column > div:last-child {
        margin: 0 auto !important;
    }

    .self-service-img {
        -moz-background-size: 130px 250px;
        -webkit-background-size: 130px 250px;
        -o-background-size: 130px 250px;
        background-size: 130px 250px;
        height: 250px !important;
    }

    #scroll-top {
        right: 20px;
    }
    /* Four element block START */
    .four-elements:not(:last-child) {
        padding-bottom: 30px;
    }
    .additional-element {
        font-size: 16px;
    }
    /* Four element block END */

    .narrow-block-img {
        height: 200px;
    }
}

@media screen and (max-width: 460px) {
    .chess-board > * > *.img-block,
    .big-block-img,
    .narrow-block-img,
    .img-element:not(.self-service-img),
    .mobile-cysend-banner,
    .data-security .back-cover {
        height: 220px !important;
    }
}