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

    .header .nav {
        display: none;
    }

    .header .top-informations {
        display: none;
    }

    .header .mobile-nav {
        display: block;
    }


    .about .container {
        width: 80%;
    }


    .feedbacks .container .wrapper .item {
        flex-basis: 40%;
        min-width: 40%;
        padding: 3vh;
    }

    .faq .container {
        width: 70%;
    }

    .free-support .container {
        width: 90%;
    }

    .all-links .container {
        grid-template-columns: 2fr 1fr 1fr;
    }


    .contact .container {
        grid-template-columns: 1fr;
    }

    .contact .container .left {
        margin-bottom: 4vh;
    }

    footer .container {
        width: 90%;
    }


    .contact-form .container {
        width: 90%;
        grid-template-columns: 1fr;
    }

    .profit-calculator {
        display: none;
    }

    .data-center-proporties .container .wrapper {
        grid-template-columns: repeat(2, 1fr);
    }

    .sla-guarantees .container .wrapper {
        grid-template-columns: repeat(2, 1fr);
    }

    .governed-and-ungoverned .container {
        width: 90%;
    }

    .governed-and-ungoverned .container .wrapper {
        grid-template-columns: 1fr;
    }

    .cloud-server .container {
        width: 90%;
        grid-template-columns: 1fr;
    }

    .cloud-server .container .right {
        display: none;
    }

    .additional-packages .container {
        width: 90%;
    }

    .additional-packages .container .wrapper .item {
        align-items: flex-start;
        flex-direction: column;
        gap: 3vh;
    }


    .update-calculater .container {
        width: 90%;
    }

    .cloud-faq .container {
        width: 90%;
    }

    .customize-your-server {
        display: none;
    }

    .cloud-faq .container .wrapper {
        column-count: 1;
    }

    .tax .container {
        width: 90%;
    }



}






@media only screen and (max-width : 600px) {
    .hero .container h1 {
        font-size: 4vh;
    }

    .hero .container {
        margin-top: 8vh;
    }

    .hero .container p {
        font-size: 1.8vh;
        margin-top: 2vh;
    }


    .hero .btns .main-purple-btn {
        font-size: 1.5vh;
        padding: 1.2vh 2vh;
    }

    .hero .container .btns .white-btn {
        font-size: 1.5vh;
        padding: 1.2vh 2vh;
    }



    .about .container {
        width: 90%;
    }

    .about .container .wrapper .top-column {
        height: auto;
        grid-template-columns: 1fr;
        grid-gap: 4vh;
    }


    .about .container .wrapper .bottom-column {
        height: auto;
        grid-template-columns: 1fr;
        grid-gap: 4vh;
    }


    .about .container .wrapper {
        margin-top: 6vh;
        gap: 4vh;
    }

    .about .container .wrapper .top-column img,
    .about .container .wrapper .bottom-column img {
        display: none;
    }

    .about .container .wrapper .top-column .improved-security .text {
        width: 100%;
    }

    .about .container .wrapper .delay-time .text {
        width: 100%;
    }

    .section {
        margin-top: 20vh;
    }

    .popular-games .container {
        width: 90%;
    }

    .popular-games .container .wrapper {
        margin-top: 4vh;
        grid-template-columns: 1fr;
    }

    .popular-games .container .wrapper .column .item {
        flex-basis: 60%;
    }

    .popular-games .container .wrapper .item {
        max-height: 40vh;
    }

    .popular-games .container .wrapper .left {
        height: auto;
    }

    .popular-games .container .wrapper .right {
        height: auto;
    }

    .popular-games .container .wrapper .item .info .discount {
        padding: 0.4vh 1vh;
        font-size: 1.6vh;
    }

    .feedbacks .container .wrapper .item {
        flex-basis: 90%;
        min-width: 90%;
        padding: 2vh;
    }

    .marquee-container .wrapper {
        animation: scroll-left 10s linear infinite;
    }

    .faq .container {
        width: 90%;
    }


    .free-support .container .title {
        font-size: 2.6vh;
    }

    .free-support .container .text {
        font-size: 1.6vh;
        text-align: center;
    }

    .free-support .container .btns .btn-1 {
        font-size: 1.6vh;
        text-align: center;
        padding: 1vh 2vh;
    }

    .free-support .container .btns .btn-2 {
        font-size: 1.6vh;
        padding: 1vh 2vh;
        text-align: center;
    }

    .all-links .container {
        width: 90%;
        grid-template-columns: 1fr;
    }

    .all-links .container .link-column h3 {
        padding-bottom: 1vh;
        margin-bottom: 2vh;
        margin-top: 4vh;
    }

    .contact .container {
        width: 90%;
        grid-template-columns: 1fr;
    }

    .contact .right {
        padding: 2vh;
    }


    footer .container {
        flex-direction: column;
        align-items: flex-start;
        padding: 4vh 0;
        height: auto;
    }

    footer .container .right {
        flex-direction: column;

        margin-top: 2vh;
        margin-bottom: 4vh;
    }

    .general-hero .container h1 {
        font-size: 5vh;
    }

    .what-is-dedicated-server .container {
        width: 90%;
    }

    .what-is-dedicated-server .container .wrapper {
        grid-template-columns: 1fr;
    }


    .game-server-packages .container {
        width: 90%;
    }

    .contact-form .container .left {
        margin-bottom: 4vh;
    }

    .physical-server-hero .container {
        width: 90%;
        grid-template-columns: 1fr;
    }

    .physical-server-hero .container .right {
        display: none;
    }

    .physical-server-hero .container h1 {
        font-size: 4vh;
    }

    .physical-server-hero .container h5 {
        font-size: 1.6vh;
    }

    .physical-server-hero .container .sub-title {
        font-size: 1.6vh;
    }

    .general-information .container {
        width: 90%;
    }

    .physical-server-hero .container .btns .purple {
        font-size: 1.6vh;
    }


    .physical-server-hero .container .btns .white {
        font-size: 1.6vh;
    }

    .data-center-proporties .container .wrapper {
        grid-template-columns: repeat(1, 1fr);
    }

    .data-center-proporties .container {
        width: 90%;
    }

    .sla-guarantees .container {
        width: 90%;
    }

    .sla-guarantees .container .wrapper {
        grid-template-columns: repeat(1, 1fr);
    }

    .sla-guarantees .bottom-guarantees .flex-box {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
        gap: 4vh;
    }

    .governed-and-ungoverned .container .wrapper .item {
        padding: 2vh;
    }

    .cloud-server-packages .container {
        width: 80%;
    }

    .why-venacloud .container {
        width: 90%;
    }

    .update-calculater .container .wrapper {
        grid-template-columns: 1fr;
    }

    .tax .container .wrapper {
        grid-template-columns: 1fr;
    }

}