@charset "UTF-8";

@media screen and (max-width: 1470px){
    .development .show,
    .development .years{
        width: 95%;
    }
}

@media screen and (max-width: 1440px){
    .development .years .swiper-button-prev {
        left: 570px;
    }
    .development .years .swiper-button-next {
        right: 570px;
    }
}

@media screen and (max-width: 1330px){
    .development .years .swiper-button-prev {
        left: 500px;
    }
    .development .years .swiper-button-next {
        right: 500px;
    }
}

@media screen and (max-width: 1200px){
    .development .years .swiper-button-prev {
        left: 400px;
    }
    .development .years .swiper-button-next {
        right: 400px;
    }
}

@media screen and (max-width: 768px){
    .development .years .swiper-button-prev {
        left: 260px;
    }
    .development .years .swiper-button-next {
        right: 260px;
    }
}

@media screen and (max-width: 425px){
    .development .years .swiper-button-prev {
        left: 80px;
    }
    .development .years .swiper-button-next {
        right: 80px;
    }
    .development .title h2{
        font-size: 20px;
    }
    .development .title p{
        font-size: 18px;
    }
    .development{
        padding-top: 30px;
    }
    .development .title {
        margin-bottom: 25px;
    }
    .development .show{
        margin-bottom: 30px;
    }
}