@media only screen and (max-width:799px) {
    body {
        background-color: rgb(245, 245, 245);
    }
    
    .row.top {
        height: 618px;
    }

    .row.top .img {
        background-image: url("../../img/360/cursuri_romana_matematica_2021.png");
        height: 300px;
        background-repeat: no-repeat;
        background-position: center center;
        position: relative;
        top: 110px;
    }

    .row.top .img .title {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 30px;
        font-weight: bold;
        letter-spacing: -1px;
        line-height: 0.7;
        margin: 0 auto;
        position: relative;
        top: 20px;
        width: 320px;
    }

    .row.top .img .list {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 18px;
        letter-spacing: -0.4px;
        line-height: 1.2;
        margin: 0 auto;
        position: relative;
        top: 40px;
        width: 320px;
    }
    
    .row.top .img .list li {
        margin-bottom: 10px;
        line-height: 0.8;
    }
    
    .row.top .img .vid {
        background-color: rgb(255, 255, 255);
        padding-top: 24px;
        position: absolute;
        text-align: center;
        top: 299px;
        width: 100%;
    }
    
    .row.top .img .vid .youtube-video {
        height: 181px;
        width: 320px;
    }

    .row.row1 {
        background-color: rgb(255, 255, 255);
        height: 150px;
    }

    .row.row1 .col {
        width: 340px;
        margin: 0 auto;
    }
    
    .row.row1 .col:nth-child(1) {
        text-align: center;
    }
    
    .row.row1 .col:nth-child(2) {
        left: 50%;
    }
    
    .row.row1 .col .list {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 18px;
        letter-spacing: -1px;
        line-height: 1.1;
    }
    
    .row.row1 .col .list li {
        display: inline-block;
        font-weight: 600;
        margin-top: 24px;
        padding: 0 20px;
        text-align: center;
        vertical-align: middle;
    }
    
    .row.row1 .col .list li:nth-child(1) {
        width: 75px;
    }
    
    .row.row2 {
        background-color: rgb(245, 245, 245);
        height: 365px;
        margin: 0 auto;
        width: 320px;
    }
    
    .row.row2 .title {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 36px;
        font-weight: bold;
        letter-spacing: -2px;
        margin: 40px auto 0 auto;
        width: 320px;
    }
    
    .row.row2 .col .list {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 18px;
        letter-spacing: -0.5px;
        line-height: 1.88;
        margin: 0 auto;
        width: 320px;
    }
    
    .row.row2 .col .list li {
        background-image: url("../../img/360/promo-check.png");
        background-repeat: no-repeat;
        background-position: left top+7px;
        background-size: 16px;
        font-weight: 600;
        letter-spacing: -.8px;
        line-height: 1.25;
        margin-top: 10px;
        padding-left: 35px;
    }
    
    .row.row3 {
        background-color: rgb(255, 255, 255);
        height: 1180px;
        width: 100%;
    }
    
    .row.row3 .col {
        margin: 0 auto;
        width: 300px;
    }

    .row.row3 .col .title {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 36px;
        font-weight: bold;
        letter-spacing: -1.5px;
        padding: 50px 0 10px 0;
        text-align: center;
    }
    
    .row.row3 .col .subtitle {
        margin: 0 auto;
    }
    
    .row.row3 .col .subtitle p {
        color: rgb(71, 71, 71);
        display: inline-block;
        font-family: "Source Sans Pro";
        font-size: 18px;
        font-weight: 600;
        letter-spacing: -.5px;
        line-height: 1.25;
        margin-top: 24px;
    }
    
    .row.row3 .col .end {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 18px;
        font-weight: bold;
        letter-spacing: -.7px;
        line-height: 1.25;
        margin-top: 24px;
        text-align: center;
    }
    
    .row.row3 .col .register {
        border-radius: 7px 7px 7px 7px;
        -moz-border-radius: 7px 7px 7px 7px;
        -webkit-border-radius: 7px 7px 7px 7px;
        background-color: rgb(245,245,245);
        border: 1px solid rgb(225, 225, 225);
        display: inline-block;
        margin: 30px 0 0 0;
        height: 190px;
        padding: 10px 24px;
        width: 300px;
    }
    
    .row.row3 .col .register .course {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 24px;
        font-weight: bold;
        letter-spacing: -.7px;
        line-height: 1.25;
        margin-top: 30px;
        text-align: center;
    }
    
    .row.row3 .btn_demo_main {
        background-color: rgb(64, 143, 231);
        width: 250px;
        height: 40px;
        border-radius: 25px 25px 25px 25px;
        margin: 30px auto;
        -moz-border-radius: 25px 25px 25px 25px;
        -webkit-border-radius: 25px 25px 25px 25px;
        text-align: center;
    }
    
    .row.row3 .btn_demo_main:hover {
        background-color: rgb(59, 203, 0);
    }

    .row.row3 .btn_demo_main a {
        font-size: 16px;
        font-family: "Source Sans Pro";
        color: rgb(255, 255, 255);
        font-weight: bold;
        text-decoration: none;
        z-index: 20;
        letter-spacing: -0.2px;
        display: block;
        padding: 11px 0;
    }
}

@media only screen and (min-width:800px) and (max-width:1023px) {
    body {
        background-color: rgb(245, 245, 245);
    }
    
    .row.top {
        height: 720px;
    }

    .row.top .img {
        background-image: url("../../img/800/cursuri_romana_matematica_2021.png");
        height: 263px;
        background-repeat: no-repeat;
        background-position: center center;
        position: relative;
        top: 125px;
    }

    .row.top .img .title {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 36px;
        font-weight: bold;
        letter-spacing: -1.5px;
        line-height: 0.75;
        margin: 0 auto;
        position: relative;
        top: 20px;
        width: 50%;
    }

    .row.top .img .list {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 18px;
        letter-spacing: -0.4px;
        line-height: 1.5;
        margin: 0 auto;
        position: relative;
        top: 30px;
        width: 50%;
    }
    
    .row.top .img .list li {
        font-weight: 600;
        line-height: 1.3;
    }
    
    .row.top .img .vid {
        background-color: rgb(255, 255, 255);
        padding-top: 40px;
        position: absolute;
        text-align: center;
        top: 263px;
        width: 100%;
    }
    
    .row.top .img .vid .youtube-video {
        height: 289px;
        width: 50%;
    }

    .row.row1 {
        background-color: rgb(255, 255, 255);
        height: 85px;
        width: 100%;
    }

    .row.row1 .col {
        display: inline-block;
        position: absolute;
        width: 100%;
    }
    
    .row.row1 .col:nth-child(1) {
        text-align: center;
    }
    
    .row.row1 .col:nth-child(2) {
        left: 50%;
    }
    
    .row.row1 .col .list {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 18px;
        letter-spacing: -1px;
        line-height: 1.1;
    }
    
    .row.row1 .col .list li {
        display: inline-block;
        font-weight: 600;
        margin-top: 24px;
        padding: 0 40px;
        text-align: center;
        vertical-align: middle;
    }
    
    .row.row2 {
        background-color: rgb(245, 245, 245);
        height: 360px;
        margin: 0 auto;
        width: 800px;
    }

    .row.row2 .col {
        display: inline-block;
        position: absolute;
        width: 50%;
    }
    
    .row.row2 .col:nth-child(2) {
        left: 50%;
    }
    
    .row.row2 .title {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 36px;
        font-weight: bold;
        letter-spacing: -2px;
        margin: 0 auto;
        position: relative;
        top: 55px;
        left: 85px;
        width: 512px;
    }
    
    .row.row2 .col .list {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 18px;
        letter-spacing: -0.5px;
        line-height: 1.88;
        margin: 0 auto;
        position: relative;
        top: 70px;
        left: 85px;
        width: 300px;
    }
    
    .row.row2 .col:nth-child(2) .list {
        left: 0;
    }
    
    .row.row2 .col .list li {
        background-image: url("../../img/800/promo-check.png");
        background-repeat: no-repeat;
        background-position: left top+7px;
        background-size: 16px;
        font-weight: 600;
        letter-spacing: -.8px;
        line-height: 1.25;
        margin-top: 16px;
        padding-left: 35px;
    }
    
    .row.row3 {
        background-color: rgb(255, 255, 255);
        height: 940px;
        width: 100%;
    }
    
    .row.row3 .col {
        margin: 0 auto;
        width: 648px;
    }

    .row.row3 .col .title {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 36px;
        font-weight: bold;
        letter-spacing: -1.5px;
        padding: 50px 0 10px 0;
        text-align: center;
    }
    
    .row.row3 .col .subtitle {
        margin: 0 auto;
    }
    
    .row.row3 .col .subtitle p {
        color: rgb(71, 71, 71);
        display: inline-block;
        font-family: "Source Sans Pro";
        font-size: 18px;
        font-weight: 600;
        letter-spacing: -.5px;
        line-height: 1.25;
        margin-top: 24px;
    }
    
    .row.row3 .col .end {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 24px;
        font-weight: bold;
        letter-spacing: -.7px;
        line-height: 1.25;
        margin-top: 24px;
        text-align: center;
    }
    
    .row.row3 .col .register {
        border-radius: 7px 7px 7px 7px;
        -moz-border-radius: 7px 7px 7px 7px;
        -webkit-border-radius: 7px 7px 7px 7px;
        background-color: rgb(245,245,245);
        border: 1px solid rgb(225, 225, 225);
        display: inline-block;
        margin: 30px 0 0 110px;
        height: 190px;
        padding: 10px 24px;
        width: 395px;
    }
    
    .row.row3 .col .register .course {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 24px;
        font-weight: bold;
        letter-spacing: -.7px;
        line-height: 1.25;
        margin-top: 30px;
        text-align: center;
    }
    
    .row.row3 .btn_demo_main {
        background-color: rgb(64, 143, 231);
        width: 275px;
        height: 40px;
        border-radius: 25px 25px 25px 25px;
        margin: 30px auto;
        -moz-border-radius: 25px 25px 25px 25px;
        -webkit-border-radius: 25px 25px 25px 25px;
        text-align: center;
    }
    
    .row.row3 .btn_demo_main:hover {
        background-color: rgb(59, 203, 0);
    }

    .row.row3 .btn_demo_main a {
        font-size: 16px;
        font-family: "Source Sans Pro";
        color: rgb(255, 255, 255);
        font-weight: bold;
        text-decoration: none;
        z-index: 20;
        letter-spacing: -0.2px;
        display: block;
        padding: 11px 0;
    }
}

@media only screen and (min-width:1024px) and (max-width:1279px) {
    body {
        background-color: rgb(245, 245, 245);
    }
    
    .row.top {
        background-color: rgb(255, 255, 255);
        height: 835px;
    }

    .row.top .img {
        background-image: url("../../img/1024/cursuri_romana_matematica_2021.png");
        height: 329px;
        background-repeat: no-repeat;
        background-position: center center;
        position: relative;
        top: 125px;
    }

    .row.top .img .title {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 48px;
        font-weight: bold;
        letter-spacing: -2px;
        line-height: 0.7;
        margin: 0 auto;
        position: relative;
        top: 20px;
        width: 50%;
    }

    .row.top .img .list {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 24px;
        letter-spacing: -0.5px;
        margin: 0 auto;
        position: relative;
        top: 35px;
        width: 50%;
    }
    
    .row.top .img .list li {
        font-weight: 600;
        line-height: 1.3;
    }
    
    .row.top .img .vid {
        position: absolute;
        text-align: center;
        top: 380px;
        width: 100%;
    }
    
    .row.top .img .vid .youtube-video {
        height: 326px;
        width: 50%;
    }

    .row.row1 {
        background-color: rgb(255, 255, 255);
        height: 100px;
        width: 100%;
    }

    .row.row1 .col {
        display: inline-block;
        position: absolute;
        width: 100%;
    }
    
    .row.row1 .col:nth-child(1) {
        text-align: center;
    }
    
    .row.row1 .col:nth-child(2) {
        left: 50%;
    }
    
    .row.row1 .col .list {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 24px;
        letter-spacing: -1px;
        line-height: 1.1;
    }
    
    .row.row1 .col .list li {
        display: inline-block;
        font-weight: 600;
        margin-top: 24px;
        padding: 0 40px;
        text-align: center;
        vertical-align: middle;
    }
    
    .row.row2 {
        background-color: rgb(245, 245, 245);
        height: 510px;
        margin: 10px auto 0 auto;
        width: 1024px;
    }

    .row.row2 .col {
        display: inline-block;
        position: absolute;
        width: 50%;
    }
    
    .row.row2 .col:nth-child(2) {
        left: 50%;
    }
    
    .row.row2 .title {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 48px;
        font-weight: bold;
        letter-spacing: -2px;
        margin: 0 auto;
        position: relative;
        top: 77px;
        left: 85px;
        width: 512px;
    }
    
    .row.row2 .col .list {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 24px;
        letter-spacing: -0.5px;
        line-height: 1.88;
        margin: 0 auto;
        position: relative;
        top: 91px;
        left: 85px;
        width: 410px;
    }
    
    .row.row2 .col:nth-child(2) .list {
        left: 0;
    }
    
    .row.row2 .col .list li {
        background-image: url("../../img/1024/promo-check.png");
        background-repeat: no-repeat;
        background-position: left top+7px;
        background-size: 24px;
        font-weight: 600;
        letter-spacing: -.8px;
        line-height: 1.25;
        margin-top: 24px;
        padding-left: 45px;
    }
    
    .row.row3 {
        background-color: rgb(255, 255, 255);
        height: 900px;
        width: 100%;
    }
    
    .row.row3 .col {
        margin: 0 auto;
        width: 1024px;
    }

    .row.row3 .col .title {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 48px;
        font-weight: bold;
        letter-spacing: -2px;
        padding: 50px 0 10px 0;
        margin: 24px auto;
        width: 800px;
        text-align: center;
    }
    
    .row.row3 .col .subtitle {
        margin: 0 auto;
        width: 800px;
    }
    
    .row.row3 .col .subtitle p {
        color: rgb(71, 71, 71);
        display: inline-block;
        font-family: "Source Sans Pro";
        font-size: 24px;
        font-weight: 600;
        letter-spacing: -.7px;
        line-height: 1.25;
        margin-bottom: 24px;
    }
    
    .row.row3 .col .end {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 24px;
        font-weight: bold;
        letter-spacing: -.7px;
        line-height: 1.25;
        margin-top: 24px;
        text-align: center;
    }
    
    .row.row3 .col .register {
        border-radius: 7px 7px 7px 7px;
        -moz-border-radius: 7px 7px 7px 7px;
        -webkit-border-radius: 7px 7px 7px 7px;
        background-color: rgb(245,245,245);
        border: 1px solid rgb(225, 225, 225);
        display: inline-block;
        margin: 60px 0 0 110px;
        height: 190px;
        padding: 10px 24px;
        width: 395px;
    }
    
    .row.row3 .col .register:nth-child(5) {
        margin: 60px 0 0 30px;
    }
    
    .row.row3 .col .register .course {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 24px;
        font-weight: bold;
        letter-spacing: -.7px;
        line-height: 1.25;
        margin-top: 30px;
        text-align: center;
    }
    
    .row.row3 .btn_demo_main {
        background-color: rgb(64, 143, 231);
        width: 275px;
        height: 40px;
        border-radius: 25px 25px 25px 25px;
        margin: 30px auto;
        -moz-border-radius: 25px 25px 25px 25px;
        -webkit-border-radius: 25px 25px 25px 25px;
        text-align: center;
    }
    
    .row.row3 .btn_demo_main:hover {
        background-color: rgb(59, 203, 0);
    }

    .row.row3 .btn_demo_main a {
        font-size: 16px;
        font-family: "Source Sans Pro";
        color: rgb(255, 255, 255);
        font-weight: bold;
        text-decoration: none;
        z-index: 20;
        letter-spacing: -0.2px;
        display: block;
        padding: 11px 0;
    }
}

@media only screen and (min-width:1280px) {
    body {
        background-color: rgb(245, 245, 245);
    }
    
    .row.top {
        height: 646px;
    }

    .row.top .west {
        background-image: url("../../img/1280/cursuri_romana_matematica_2021_w_back.png");
        height: 646px;
        width: 50%;
        position: absolute;
        left: 0;
    }

    .row.top .east {
        background-image: url("../../img/1280/cursuri_romana_matematica_2021_e_back.png");
        height: 646px;
        width: 50%;
        position: absolute;
        right: 0;
    }

    .row.top .img {
        background-image: url("../../img/1280/cursuri_romana_matematica_2021.png");
        height: 493px;
        background-repeat: no-repeat;
        background-position: center center;
        position: relative;
        top: 154px;
    }

    .row.top .img .title {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 48px;
        font-weight: bold;
        left: 130px;
        letter-spacing: -2px;
        margin: 0 auto;
        position: relative;
        top: 65px;
        width: 1280px;
    }

    .row.top .img .list {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 24px;
        letter-spacing: -0.5px;
        margin: 0 auto;
        padding-left: 134px;
        position: relative;
        top: 70px;
        width: 1280px;
    }
    
    .row.top .img .list li {
        font-weight: 600;
        line-height: 1.5;
    }
    
    .row.top .img .vid {
        width: 50%;
        margin-left: 50%;
        position: absolute;
        top: 110px;
        left: 11px;
    }
    
    .row.top .img .vid .youtube-video {
        height: 281px;
        width: 500px;
    }
    
    .row.row1 {
        background-color: rgb(255,255,255);
        height: 100px;
        width: 100%;
    }

    .row.row1 .col {
        display: inline-block;
        position: absolute;
        width: 100%;
    }
    
    .row.row1 .col:nth-child(1) {
        text-align: center;
    }
    
    .row.row1 .col:nth-child(2) {
        left: 50%;
    }
    
    .row.row1 .col .list {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 24px;
        letter-spacing: -1px;
        line-height: 1.1;
    }
    
    .row.row1 .col .list li {
        display: inline-block;
        font-weight: 600;
        margin-top: 24px;
        padding: 0 60px;
        text-align: center;
        vertical-align: middle;
    }
    
    .row.row2 {
        background-color: rgb(245,245,245);
        height: 510px;
        width: 1280px;
    }
    
    .row.row2 .title {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 48px;
        font-weight: bold;
        left: 130px;
        letter-spacing: -2px;
        margin: 0 auto;
        position: relative;
        text-align: center;
        top: 77px;
        width: 1280px;
    }

    .row.row2 .col {
        display: inline-block;
        position: absolute;
        width: 50%;
    }
    
    .row.row2 .col:nth-child(2) {
        left: 50%;
    }
    
    .row.row2 .col:nth-child(2) .list {
        width: 500px;
    }
    
    .row.row2 .col .list {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 24px;
        letter-spacing: -0.5px;
        line-height: 1.88;
        margin: 0 auto;
        padding-left: 134px;
        position: relative;
        top: 91px;
        width: 580px;
    }
    
    .row.row2 .col:nth-child(2) .list {
        padding-left: 20px;
        width: 500px
    }
    
    .row.row2 .col .list li {
        background-image: url("../../img/1280/promo-check.png");
        background-repeat: no-repeat;
        background-position: left top+7px;
        font-weight: 600;
        letter-spacing: -.8px;
        line-height: 1.25;
        margin-top: 24px;
        padding-left: 45px;
    }
    
    .row.row3 {
        background-color: rgb(255, 255, 255);
        height: 850px;
        width: 100%;
    }
    
    .row.row3 .col {
        margin: 0 auto;
        width: 1024px;
    }

    .row.row3 .col .title {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 48px;
        font-weight: bold;
        letter-spacing: -2px;
        padding: 50px 0 10px 0;
        text-align: center;
    }
    
    .row.row3 .col .subtitle p {
        color: rgb(71, 71, 71);
        display: inline-block;
        font-family: "Source Sans Pro";
        font-size: 24px;
        font-weight: 600;
        letter-spacing: -.7px;
        line-height: 1.25;
        margin-top: 24px;
    }
    
    .row.row3 .col .end {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 24px;
        font-weight: bold;
        letter-spacing: -.7px;
        line-height: 1.25;
        margin-top: 60px;
        text-align: center;
    }
    
    .row.row3 .col .register {
        border-radius: 7px 7px 7px 7px;
        -moz-border-radius: 7px 7px 7px 7px;
        -webkit-border-radius: 7px 7px 7px 7px;
        background-color: rgb(245,245,245);
        border: 1px solid rgb(225, 225, 225);
        display: inline-block;
        margin: 60px 7px 0 7px;
        height: 190px;
        padding: 10px 24px;
        width: 495px;
    }
    
    .row.row3 .col .register .course {
        color: rgb(71, 71, 71);
        font-family: "Source Sans Pro";
        font-size: 24px;
        font-weight: bold;
        letter-spacing: -.7px;
        line-height: 1.25;
        margin-top: 30px;
        text-align: center;
    }
    
    .row.row3 .btn_demo_main {
        background-color: rgb(64, 143, 231);
        width: 275px;
        height: 40px;
        border-radius: 25px 25px 25px 25px;
        margin: 30px auto;
        -moz-border-radius: 25px 25px 25px 25px;
        -webkit-border-radius: 25px 25px 25px 25px;
        text-align: center;
    }
    
    .row.row3 .btn_demo_main:hover {
        background-color: rgb(59, 203, 0);
    }

    .row.row3 .btn_demo_main a {
        font-size: 16px;
        font-family: "Source Sans Pro";
        color: rgb(255, 255, 255);
        font-weight: bold;
        text-decoration: none;
        z-index: 20;
        letter-spacing: -0.2px;
        display: block;
        padding: 11px 0;
    }
}