@import url(https://fonts.googleapis.com/css?family=Rubik:300,400,500,700);@media (max-width: 767px) {
    #banner .swiper .swiper-wrapper .swiper-slide .bg {
        height:460px;
        padding: 0 1.5rem
    }

    #banner .swiper .swiper-wrapper .swiper-slide .bg .box {
        max-width: 320px;
        padding: 2rem
    }

    #banner .swiper .swiper-wrapper .swiper-slide .bg .box .content .banner-title {
        font-size: 1.8rem;
        letter-spacing: .05rem
    }

    #banner .swiper svg {
        height: 100px
    }

    #banner .swiper .x-logo {
        position: absolute;
        bottom: 6rem;
        right: 2rem;
        z-index: 2
    }

    #facebook .section-title {
        font-size: 2.8rem;
        text-align: center
    }

    #facebook .section-title .icon {
        display: block
    }

    #facebook .section-title .icon img {
        width: 60px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    #banner .swiper .x-logo {
        position:absolute;
        bottom: 1rem;
        right: 2rem;
        z-index: 2
    }
}