/* ************************************************************************* */
/* 1200px */
@media all and (max-width: 1600px) {

    .welcome .swiper .swiper-button-next,
    .welcome .swiper .swiper-button-prev {
        display: none;
    }
}


/* ************************************************************************* */
/* 992px */
@media all and (max-width: 992px) {

    /* ----------------------------- SOCIAL MEDIA BANNER ----------------------------- */
    .bannerSocial .wrapper {
        flex-direction: column;
    }

    /* ----------------------------- WELCOME ----------------------------- */
    .welcome .swiper .swiper-wrapper .swiper-slide .wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column-reverse;
        width: 100%;
    }

    .welcome .swiper .swiper-wrapper .swiper-slide .wrapper .welcomeCol {
        width: 70%;
        margin-top: 2rem;
    }

    .welcome .swiper .swiper-wrapper .swiper-slide .wrapper .welcomeCol img {
        width: 100%;
    }

    /* ----------------------------- WHAT IS IN OVESIS ----------------------------- */
    #workMeta .wrapper .workMetaHeader h2 {
        width: 100%;
        text-align: left;
    }

    #workMeta .wrapper .workMetaHeader p {
        width: 100%;
        text-align: left;
        margin: 1rem 0 0;
    }

    #workMeta .wrapper .workMetaCardWrapper {
        width: 100%;
        margin: auto;
        justify-content: space-between;
    }

    #workMeta .wrapper .workMetaCardWrapper .workMetaCard {
        width: 49%;
    }


    /* ----------------------------- ROADMAP BAŞARIMLARIMIZ ----------------------------- */
    .roadmap .wrapper .roadmapContent {
        display: block;
    }

    .roadmap .wrapper .roadmapContent .roadmapContentLeft {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        flex-wrap: wrap;
        margin-bottom: 1rem;
    }

    .roadmap .wrapper .roadmapContent .roadmapContentLeft .roadmapYearRow {
        font-size: 1rem;
        padding: 1rem;
        width: 24%;
    }

    .roadmap .wrapper .roadmapContent .roadmapContentRight {
        width: 100%;
    }

    .roadmap .wrapper .roadmapContent .roadmapContentRight .roadmapYearContent .roadmapYearContentRow {
        width: 49%;
    }

}

/* ************************************************************************* */
/* 768px */
@media all and (max-width: 768px) {

    /* ----------------------------- SOCIAL MEDIA BANNER ----------------------------- */
    .bannerSocial .wrapper .bannerSocialTextWrap {
        text-align: center;
    }

    /* ----------------------------- WELCOME ----------------------------- */
    .welcome .swiper .swiper-wrapper .swiper-slide .wrapper .welcomeCol {
        width: 100%;
    }

    .welcome .swiper .swiper-wrapper .swiper-slide .wrapper .welcomeCol img {
        height: 300px;
    }

    /* ----------------------------- UNDER OF WELCOME ----------------------------- */
    #whtsMeta .wrapper {
        flex-direction: column;
        padding: 0;
    }

    #whtsMeta .wrapper .whtsMetaCol {
        width: 100%
    }

    #whtsMeta .wrapper .whtsMetaCol img {
        margin-bottom: 1rem;
    }

    #whtsMeta .wrapper .whtsMetaCol:nth-child(2) h2 {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    #whtsMeta .wrapper .whtsMetaCol:nth-child(2) p {
        width: 100%;
        margin: auto;
        text-align: left;
        margin-bottom: 2rem;
    }


    /* ----------------------------- WHAT IS IN OVESIS ----------------------------- */
    #workMeta {
        margin: 0;
        padding: 0;
    }

    #workMeta .wrapper {
        padding: 0;
    }

    #workMeta .wrapper .workMetaHeader h2 {
        text-align: left;
    }

    #workMeta .wrapper .workMetaHeader p {
        width: 100%;
        text-align: left;
    }

    #workMeta .wrapper .workMetaCardWrapper .workMetaCard {
        width: 100%;
        margin: 1rem 0;
    }
}


/* ************************************************************************* */
/* 600px */
@media all and (max-width: 600px) {

    .device .wrapper .deviceContent {
        flex-direction: column;
    }

    .device .wrapper .deviceContent .deviceCol {
        margin-bottom: 1rem;
    }

    /* ----------------------------- ROADMAP BAŞARIMLARIMIZ ----------------------------- */
    .roadmap .wrapper .roadmapContent .roadmapContentLeft .roadmapYearRow {
        width: 32%;
    }

    .roadmap .wrapper .roadmapContent .roadmapContentRight .roadmapYearContent .roadmapYearContentRow {
        width: 100%;
    }
}


/* ************************************************************************* */
/* 400px */
@media all and (max-width: 600px) {
    /* ----------------------------- SOCIAL MEDIA BANNER ----------------------------- */
    .bannerSocial .wrapper .bannerSocialIconWrap {
        flex-wrap: wrap;
    }

    .bannerSocial .wrapper .bannerSocialIconWrap a {
        margin: 1rem .5rem;
    }

    .bannerSocial .wrapper .bannerSocialIconWrap a img {
        width: 90px;
        height: 90px;
    }
}