@media (min-width: 280px) and (max-width: 768px) {
    .nav__list-item {
        font-size: 2.8vh !important;
    }
}

@media (min-width: 769px) {
    .nav__list-item {
        font-size: 4vh;
    }
}


@media only screen and (max-width: 550px) {
   a.hover-target {
        padding: 10px 0 !important;
    }
}


@media screen and (max-width: 1000px) {
    .switch-wrap {
        width: 87%;
        text-align: right;
}
}


@media screen and (max-width: 1000px) {
    .switch-wrap p {
        width: 98%;
        text-align: right;
}
}

@media screen and (max-width: 1000px) {
    .switch-wrap p span{
        background: transparent;
        -webkit-text-fill-color: white;
}
}

@media only screen and (min-width: 999px) {
    h2 {
        text-align: center;
        font-size: 2em;
    }
}

/*Hero-starts*/

@media screen and (max-width: 999px) {
    #hero {
        padding: 0;
}
}

@media screen and (max-width: 580px){
    h1 {
      font-size: 32px;
    }
}


@media screen and (max-width: 999px) {
    .column {
        flex-direction: column;
}
}

@media screen and (max-width: 999px) {
    .column-left , .column-right{
        width: auto;
}
}

@media screen and (max-width: 999px) {
    .video-container {
        width: auto;
        transform: none;
        padding-top: 7vh;
}
}


@media screen and (max-width: 999px) {
    .kCBlCv {
       flex-direction: column;
}
}


@media screen and (max-width: 500px) {
    .form-container iframe {
        width: 100%;
}
}


/*Hero-ends*/

/* Trending starts */

@media only screen and (max-width: 999px) {
    #trending {
        margin-top: 10vh;
    }
}

@media only screen and (max-width: 999px) {
    .container {
        padding: 50px 0;
    }
}

@media only screen and (max-width: 999px) {
    .trending_column , .reverse-margin {
        margin-left: 0;
        margin-right: 0;
    }
}

@media only screen and (min-width: 500px) {
    .roadmap-text {
        font-size: 20px;
        font-weight: 400;
    }
}


/*Buttons*/

@media only screen and (min-width: 999px) {
    .frame {
        text-align: left;
    }
}

@media only screen and (max-width: 300px) {
    .animated-button {
        width: 95%;
    }
}

@media only screen and (min-width: 551px) {
    .btn-3 span {
        padding: 10px 0;
    }
}


/* Trending ends */

/* Slider starts */

@media only screen and (min-width: 1000px) {
    #slider .container {
        padding: 10vh 0;
    }
}

@media only screen and (min-width: 1475px) {
    #slider .container p {
        text-align: center;
    }
}

@media only screen and (min-width: 1300px) {
    .slider-container {
        overflow-x: visible;
    }
}
@media only screen and (max-width: 1300px) {
    .slider-container {
        margin-left: -9%;
    }
}

/* Slider ends */


/* Roadmap */

@media only screen and (min-width: 999px) {
    #timeline .container p {
        text-align: center;
    }
}

@media only screen and (min-width: 999px) {
footer ul {
    padding-inline-start: initial;
}
}

@media only screen and (max-width: 1000px) {
    .col-1 {
        margin-bottom: 4vh;
    }
}