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

    #logo img {
        width: 50px;
        margin-left: 20px;
    }

    #menu-icon {
        width: 40px;
        position: absolute;
        right: 20px;
        top: 10px;
        display: inherit;
        cursor: pointer;
    }

    #menu-items {
        display: none;
    }

    #overlay {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 10;
        display: none;
    }

    #sidebar {
        display: none;
        height: 100%;
        background: white;
        width: 60%;
        position: fixed;
        top: 0px;
        right: 0;
        color: #8899a4;
        z-index: 11;
    }

    #close {
        background-color: #E0E0E0;
        height: 45px;
        line-height: 45px;
        color: #8899a4;
        padding-left: 25px;
        font-family: lato;
        font-weight: bold;
        cursor: pointer;
    }

    #x img {
        width: 15px;
        position: relative;
        float: right;
        top: 14px;
        right: 10px;
    }

    #side-menu {
        list-style: none;
        margin-top: 20px;
    }

    #side-menu li a {
        color: #8899a4;
        font-family: lato;
        font-weight: bold;
        font-size: 15px;
        cursor: pointer;
    }

    #side-menu li {

        padding-bottom: 5px;
        margin-left: -5px;
    }

    #side-menu li a:hover {
        text-decoration: none;
    }

    #strip {
        height: 50px;
        line-height: 50px;
    }

    #mycallout {
        text-align: center;
        padding-left: 20px;
    }

    .w {
        padding-bottom: 50px;
    }

    #myheading {
        color: #3d67fb;
        font-family: 'Fredoka One';
        font-size: 35px;
        margin-top: 50px;
    }

    #mysubheader {
        font-family: lato, Abel;
        color: rgba(0, 0, 0, .6);
        font-size: 19px;
        font-weight: bold;
        margin-top: 20px;
    }

    #signup {
        font-family: lato;
        margin-top: 20px;
        font-weight: bold;
    }

    #phone, #laptop{
        display: none;
    }

    .mybody {
        min-height: 500px;
        background: #0a4b78;
        background: #eff3f7;
        margin-top: 100px;
    }

    #why {
        margin: 0 auto;
        width: 400px;
        font-size: 50px;
        font-family: "Fredoka One";
        border-bottom: 2px solid;
        margin-bottom: 50px;
    }

    .mybody {
        min-height: 500px;
        background: #0a4b78;
        background: #eff3f7;
        margin-top: 0px;
    }

    #why {
        margin: 0 auto;
        width: 280px;
        font-size: 35px;
        font-family: 'Fredoka One';
        border-bottom: 2px solid;
        margin-bottom: 50px;
    }

    .why-icon img {
        width: 100px;
    }

    .why-icon {
        float: left;
    }

    .why-text {
        margin-left: 150px;
    }

    .why-text-header {
        font-weight: bold;
        font-family: lato;
        font-size: 18px;
    }

    .why-text-subheader {
        padding-top: 10px;
    }

    .w {
        padding-bottom: 50px;
    }

    #startnow {
        margin: 0 auto;
        font-size: 40px;
        font-family: 'Fredoka One';
        margin-top: 30px;
        margin-bottom: 30px;
        text-align: center;
    }

    .start-image {
        width: 100%;
    }

    .start-image img {
        width: 80%;
    }

    #start {
        margin-left: 0;
    }

    .step {
        padding-bottom: 20px;
        font-size: 30px;
        color: crimson;
        font-family: abel;
        text-align: center;
    }

    .step-desc {
        padding-bottom: 18px;
        font-family: lato;
        font-size: 18px;
        text-align: center;
    }

    .setup-image {
        text-align: center;
    }

    #pricing-banner {
        width: 170px;
        margin: 0 auto;
        font-size: 40px;
        font-family: "Fredoka One";
        margin-top: 30px;
        margin-bottom: 5px;
    }

    #try {
        text-align: center;
        font-family: abel, lato;
        margin-bottom: 30px;
        font-size: 19px;
    }

    .item {
        min-height: 500px;
        border-radius: 20px;
        padding: 30px;
        box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
        position: relative;
        overflow: hidden;
        margin: 0 auto;
        margin-bottom: 50px;
        width: 80%;
    }

    .item:before {
        content: "";
        width: 400px;
        height: 400px;
        position: absolute;
        right: 30px;
        top: -200px;
        border-radius: 200px;
        z-index: 0;
    }

    .item4_signup {
        background: #FF5B5A;
    }

    .item4:before {
        background-color: #FF5B5A;
    }

    .product {
        position: relative;
        color: white;
        font-family: lato;
        font-size: 16px;
        text-align: center;
        margin-bottom: 60px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .item_image {
        width: 64px;
        height: 64px;
        margin: 20px auto 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        z-index: 3;
    }

    .item_image:before {
        content: "";
        position: absolute;
        background-color: rgba(255, 255, 255, 0.2);
        width: 150px;
        height: 150px;
        border-radius: 75px;
        z-index: 0;
    }

    .item_image:after {
        content: "";
        position: absolute;
        width: 120px;
        height: 120px;
        border-radius: 60px;
        background-color: #ffffff;
    }

    .item_image img {
        position: relative;
        z-index: 3;
        width: auto;
        max-width: 100%;
        max-height: 100%;
    }

    .features {
        margin-top: -30px;
    }

    .features td {
        padding-right: 20px;
        padding-bottom: 5px;
    }

    .features td {
        font-family: lato;
    }

    .features td:nth-child(2) {
        font-weight: bold;
    }

    .item_price {
        font-weight: bold;
        margin-top: 15px;
        text-align: center;
        font-family: lato;
        font-size: 17px;
        margin-left: -55px;
    }

    .item_signup {
        font-weight: bold;
        margin-top: 20px;
        text-align: center;
        font-family: lato;
        color: white;
        font-size: 15px;
        padding: 10px;
        border-radius: 10px;
        text-transform: uppercase;
    }

    .item4_signup {
        background: #FF5B5A;
    }

    a.link {
        color: white;
    }

    .link:hover {
        text-decoration: none;
    }

    .item1:before {
        background-color: #7E9BFF;
    }

    .item1_signup {
        background: #7E9BFF;
    }

    .faq-banner {
        margin: 0 auto;
        font-size: 40px;
        font-family: "Fredoka One";
        margin-top: 30px;
        margin-bottom: 10px;
        text-align: center;
    }

    #myfooter {
        margin-bottom: 50px;
        margin-top: 50px;
        font-family: lato;
    }

    #footer-logo {
        width: 50px;
        margin-left: -10px;
    }

    #accounts-block {
        margin-top: 30px;
    }

    #myright {
        margin-top: 50px;
    }

    #chatus {
        padding-top: 10px;
        border-bottom: 1px solid;
        cursor: pointer;
        display: inline-block;
    }
}