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

    :root {
        --lingopie-orange: #ff6d00;
    }


    h1 {
        font-size: 57px;
    }

    .orange-line {
        height: 6px;
    }

    .background-img,
    .show-description,
    .show-category,
    .show-info,
    .essential-tips,
    .more-details,
    .btn-container,
    .show-slider {
        padding-left: 0px;
        padding-right: 0px;
    }

    nav {
        padding-right: 60px;
        padding-left: 60px;
    }

    .btn-container,
    .show-slider,
    .more-details,
    .essential-tips,
    .show-header,
    .show-description,
    .show-category,
    .show-info {
        width: 62%;
        margin: auto;
    }


    .desktop-btn-free {
        width: 345px;
    }

    .desktop-btn-free:hover,
    .desktop-btn:hover,
    .start-free-trial:hover {
        background-color: #FF5200;
    }

    .line {
        width: 62%;
    }

    /* ===================================================
           Hide mobile stuff, show desktop stuff
   =================================================== */


    .mobile-line {
        display: none;
    }

    .desktop-link {
        display: inline;

    }

    .desktop-btn {
        display: block;
    }



    .mobile-btn {
        display: none;
    }

    .wtach-free {
        display: inline-block;
    }

    .show-level--mobile {
        display: none;
    }

    .desktop-line {
        display: block;
    }

    /* ===================================================
                     Nav
       =================================================== */
    nav {
        padding-top: 25px;

    }

    .lingopie-logo {
        margin-right: 24px;
    }

    .desktop-link {
        font-family: var(--main-font);
        color: white;
        font-size: 16px;
        text-decoration: none;
        align-self: center;
        margin-right: 25px;
        font-weight: bold;
    }

    .desktop-link:hover {
        border-bottom: 1px solid var(--lingopie-orange);
        padding-bottom: 3px;
        color: var(--lingopie-orange);
        text-decoration: none;

    }


    .start-free-trial {
        background-color: var(--lingopie-orange);
        color: white;
        padding: 10px 35px 12px 35px;
    }

    .start-free-trial:hover {
        text-decoration: none;
        color: white;


    }

    /* ===================================================
                     Show header
       =================================================== */

    .show-header {
        margin-top: 52px;
        padding-left: 0px;
        padding-left: 0px;
    }

    .mobile-show-img {
        display: none;
    }

    .show-country {
        margin-top: 35px;
        font-size: 17px;
    }

    .show-level {
        display: block;
        padding-left: 0;
        padding-right: 0;
        margin-top: 10px;
        font-size: 17px;
    }

    .country-flag {
        font-size: 22px;
    }

    /* ===================================================
                   Things youll learn
       =================================================== */

    .things_youll_learn {
        margin-left: 19%;
        width: 334px;
        margin-top: 86px;
        padding-bottom: 31px;
        padding-left: 28px;
        padding-right: 21px;
        box-sizing: border-box;
        position: relative;
        border-bottom: solid 1px rgb(255, 255, 255, 0.3);
        border-left: solid 1px rgb(255, 255, 255, 0.3);
        border-right: solid 1px rgb(255, 255, 255, 0.3);

    }

    .things_youll_learn .bottom {
        position: absolute;
        top: -34px;
        right: -1px;
        width: 305px;
        height: 34px;
        border-top: solid 1px rgb(255, 255, 255, 0.3);
        box-sizing: border-box;
        border-right: solid 1px rgb(255, 255, 255, 0.3);
    }

    .things_youll_learn .bottom::before {
        content: '';
        position: absolute;
        left: -15px;
        top: -6px;
        width: 2px;
        height: 44px;
        background-color: rgb(255, 255, 255, 0.3);
        transform: rotate(41deg);
    }

    .things_youll_learn_mobile_container {
        padding: 0px 0px 22px 0px !important;
    }

    .things_youll_learn-heading {
        margin-left: 0px;
    }

    .things_youll_learn-list {
        margin-bottom: 34px;
        padding-left: 0;
    }

    .things_youll_learn_mobile_container {
        border-bottom: none;
        padding: 35px 0px 22px 29px;
    }

    .things_youll_learn_logo {
        display: none;
    }

    .mobile_gradient {
        background-image: none;
    }

    .things_youll_learn-list {
        padding-top: 0px;
    }

    .things_youll_learn-list li {
        font-size: 16px;
    }

    /* ===============================================================
                 Show description show-info Show-category Show info
       ============================================================== */

    .show-description,
    .show-info {
        margin-top: 45px;
    }

    .description-text{
        white-space: pre-wrap;
    }

    .show-info {
        margin-bottom: 45px;
    }

    .show-category {
        margin-bottom: 32px;
    }

    /* ===================================================
                  Essentiala tips
       =================================================== */

    .essential-tips {
        margin-top: 50px;
        margin-bottom: 40px;
    }

    .essential-tips-heading {
        text-align: left;
    }

    .essential-tip {
        margin-top: 0px;
        width: 370px;
        height: 400px;
        margin-bottom: 10px;
        margin-right: 10px;
    }

    .tips-logo-container {
        height: 40px;
        display: block;
    }

    .tips-heading {
        font-size: 16px;
    }

    .essential-tip p {
        line-height: 26px;
        font-size: 16px;
    }

    .essential-tips-desktop-container {

        display: flex;
        margin-top: 40px;
        flex-wrap: wrap;
    }

    .tips-logo {
        margin: 0;
    }

    .essential-tip p,
    .tips-heading {
        text-align: left;
    }


    .star-logo {
        width: 30px;
        height: 31px;
    }

    .film-logo {
        width: 40px;
        height: 27px;
    }

    .book-logo {
        width: 30px;
        height: 38px;
    }

    .imogie-logo {
        width: 36px;
        height: 38px;
    }

    /* ===================================================
                 Show slider
       =================================================== */

    .show-slider {
        height: unset;
    }

    .more-like-this {
        margin-top: 80px;
        margin-bottom: 60px;
    }

    .show-container img {
          height: 150px;  
          /* width: 235px; */
        /*width: 230px; */
    }


    

    /* ===================================================
               More details
       =================================================== */

    .more-details {

        margin-top: 45px;
    }

    .btn-container {
        margin-bottom: 66px;
    }
}