/* typo */

@media (max-width: 1480px) {

    p {

        font-size: 20px;

    }

}

@media (max-width: 1280px) {

    h2 {

        font-size: 90px;

    }

    h3 {

        font-size: 30px;

    }

    p {

        font-size: 18px;

    }

    p.small {

        font-size: 11px;

    }

}

@media (max-width: 980px) {

    h2 {

        font-size: 65px;

    }

    h3 {

        font-size: 25px;

    }

    p {

        font-size: 15px;

    }

    p.small {

        font-size: 9px;

    }

}

@media (max-width: 680px) {

    h2 {

        font-size: 40px;

    }

    h3 {

        font-size: 30px;

    }

    p {

        font-size: 13px;

    }

    p.small {

        font-size: 7px;

    }

}

@media (max-width: 480px) {

    h2 {

        font-size: 30px;

    }

    h3 {

        font-size: 25px;

    }

}

/* common */

@media (max-width: 1480px) {

    .section {

        padding: 80px 0;

    }

    .container {

        padding: 0 3%;

    }

}

@media (max-width: 1280px) {

    .section {

        padding: 70px 0;

    }

}

@media (max-width: 980px) {

    .section {

        padding: 60px 0;

    }

}

@media (max-width: 680px) {

    .section {

        padding: 50px 0;

    }

}









/* header */

@media (max-width: 1480px) {

    header .top nav .nav-wrap > li .depth1 {

        padding: 40px 450px 0 0;

    }

    header .top nav .nav_right {

        bottom: -280px;

        right: 5%;

    }

}

@media (max-width: 1280px) {

    header {

        height: 80px;

    }

    header.down {

        height: 370px;

    } 

    header .top h1.logo {

        width: 200px;

        line-height: 80px;

    }

    header .top nav .nav-wrap {

        gap: 40px;

    }

    header .top nav .nav-wrap > li .nav_title {

        font-size: 18px;

    }

    header .top nav .nav-wrap a.small {

        font-size: 13px;

    }

    header .top nav .nav-wrap > li .product_all {

        bottom: -30px;

    }

    header .top nav .nav-wrap > li .depth1 {

        gap: 70px;

        padding: 30px 350px 0 0;

    }

    header .top nav .nav-wrap > li .depth1 > li .nav_subtitle {

        font-size: 16px;

    }

    header .top nav .nav-wrap > li .depth1 > li .depth2 > li {

        padding: 5px 0;

    }

    header .top nav .nav-wrap > li .depth1 > li .depth2 > li a {

        font-size: 14px;

    }

    header .top nav .nav_right {

        bottom: -260px;

        right: 2%;

    }

    header .top nav .nav_img {

        width: 330px;

    }

    header .top nav .nav_right p {

        font-size: 15px;

    }

}

@media (max-width: 980px) {

    header {

        height: 70px;

    }

    header .top h1.logo {

        width: 180px;

        margin: 0 auto;

    }



    header .top nav {

        display: none;

    }

    header .menuBtn {

        display: block;

    }

    header .mb-search {

        display: block;

    }

    

}

@media (max-width: 680px) {

    header {

        height: 80px;

    }

    header.down {

        height: 630px;

    } 

    header .top {

        display: block;

    }

    header .top h1.logo {

        margin: 0 auto;

    }

    header .top h1.logo {

        width: 200px;

    }

    header .top nav .nav-wrap {

        gap: 25px;

    }

    header .top nav .nav-wrap {

        padding: 0 10px;

    }

    

    header .top nav .nav-wrap > li .nav_title {

        font-size: 14px;

    }



    header .top nav .nav-wrap > li.search {

        display: none;

    }

    header .top nav .nav-wrap a.small {

        display: none;

    }

    header .top nav .nav-wrap > li.nav_product span {

        display: none;

    }

    header .top nav .nav-wrap > li .product_all {

        font-size: 13px;

    }

    header .top nav .nav-small {

            display: none;

        }

    header .top nav .nav-wrap > li .depth1 {

        top: 130px;

        left: 50%;

        transform: translateX(-50%);

        white-space: nowrap;

        gap: 35px;

    }

    header .top nav .nav-wrap > li .depth1 > li .nav_subtitle {

        font-size: 14px;

    }

    header .top nav .nav-wrap > li .depth1 > li .depth2 > li a {

        font-size: 12px;

    }

    header .top nav .nav_right {

        right: auto;

        left: 50%;

        transform: translateX(-50%);

        top: 370px;

    }

    header .top nav .nav_img {

        width: 400px;

        height: 190px;

    }

    

}





/* main */

/* visual */

@media (max-width: 1680px) {

        /* visual banner */

    .visual .visual-banner .visual-txt {

        top: 14%;

    }

    .visual .visual-banner .visual-txt .visual-title {

        font-size: 80px;

        line-height: 70px;

    }

    .visual .visual-banner .visual-txt .visual-desc {

        margin-top: 8%;

        font-size: 20px;

    }

    .visual .swiper-pagination-progressbar {

        width: 350px;

        left: 100px;

        bottom: 15%;

    }

    .visual .scroll-btn {

        left: 480px;

    }

    .visual .swiper-button-prev,

    .visual .swiper-button-next {

    color: #fff;

    width: 30px !important;

    height: 60px !important;

    }

}

@media (max-width: 1480px) {

        /* visual banner */

    .visual .visual-banner .visual-txt {

        top: 13.5%;

        left: 100px;

    }

    .visual .visual-banner .visual-txt .visual-title {

        font-size: 70px;

        line-height: 65px;

    }

    .visual .visual-banner .visual-txt .visual-desc {

        margin-top: 8%;

        font-size: 20px;

    }

    .visual .visual-banner .visual-txt .visual-desc {

        font-size: 18px;

    }

    .visual .swiper-pagination-progressbar {

        width: 300px;

        left: 80px;

        bottom: 12%;

    }

    .visual .scroll-btn {

        bottom: 10.5%;

        left: 400px;

    }

}

@media (max-width: 1280px) {

    /* visual banner */

    .visual .visual-banner .visual-txt {

        top: 14%;

        left: 80px;

    }

    .visual .visual-banner .visual-txt .visual-title {

        font-size: 50px;

        line-height: 50px;

    }

    .visual .visual-banner .visual-txt .visual-desc {

        margin-top: 5%;

        font-size: 17px;

    }

    .visual .swiper-pagination-progressbar {

        width: 280px;

        left: 70px;

    }

    .visual .scroll-btn {

        bottom: 10%;

        left: 370px;

    }

    /* detail-btn */

    .visual .detail-btn {

        width: 85px;

        height: 35px;

        line-height: 35px;

        font-size: 13px;

        padding: 0 0 0 5px;

    }

    .visual .detail-btn span {

        right: 0;

    }

}

@media (max-width: 980px) {

    .visual {

            margin-top: 70px;

        }

    /* visual banner */

    .visual .visual-banner .visual-txt {

        top: 17%;

        left: 50px;

    }

    .visual .visual-banner .visual-txt .visual-title {

        font-size: 35px;

        line-height: 30px;

    }

    .visual .visual-banner .visual-txt .visual-desc {

        font-size: 15px;

    }

    .visual .swiper-pagination-progressbar {

        width: 200px;

        left: 65px;

    }

    .visual .scroll-btn {

        bottom: 9%;

        left: 280px;

    }

    /* detail-btn */

    .visual .detail-btn {

        width: 80px;

        height: 30px;

        line-height: 30px;

        padding: 0 20px 0 10px;

        font-size: 11px;

    }

    .visual .detail-btn span {

        right: 0;

    }

    .visual .detail-btn span {

        right: 0;

    }

}

@media (max-width: 680px) { 

        .visual {

            margin-top: 80px;

        }

        .visual .sw-visual .swiper-slide .visual-banner {

            display: none;

        }

        .visual .sw-visual .swiper-slide .visual-banner-mb {

            display: block;

        }

        .visual .visual-txt {

            position: static;

        }

        .visual .visual-txt .visual-title {

            font-size: 45px;

            line-height: 40px;

            position: absolute;

            top: 15%;

            left: 30px;

        }

        .visual .visual-txt .visual-desc {

            overflow: hidden;

            margin-top: 450px;

            font-size: 20px;

            position: absolute;

            bottom: 25%;

            left: 30px;

        }

        

        /* detail-btn */

        .visual .btn-wrap {

            bottom: 17%;

        }

        .visual .detail-btn {

            width: 100px;

            height: 40px;

            line-height: 40px;

            padding: 0 0 0 7px;

            font-size: 16px;

            bottom: 12%;

        }

        .visual .detail-btn span {

            font-size: 16px;

        }

        .visual .swiper-pagination-progressbar {

            bottom: 10%;

            left: 40px;

        }  

        .visual .scroll-btn {

            bottom: 8.5%;

        }

        .visual .swiper-button-prev,

        .visual .swiper-button-next {

            display: none;

        }    

        .visual .scrolldown-btn {

            display: none;

        } 

}

@media (max-width: 480px) {

        .visual .visual-txt {

            top: 15%;

            left: 45px;

        }

        .visual .visual-txt .visual-title {

            font-size: 30px;

            line-height: 30px;

        }

        .visual .visual-txt .visual-desc {

            font-size: 15px;

        }

        .visual .btn-wrap {

            left: 10%;

        }

        .visual .detail-btn {

            width: 80px;

            height: 35px;

            line-height: 35px;

            font-size: 12px;

        }

        .visual .scrolldown-btn {

            display: none;

        }

        .visual .swiper-pagination-progressbar {

            left: 50px;

        }

}



/* holiday */

@media (max-width: 1680px) {

    .holiday .sw-holiday .swiper-slide .holiday-txt h2 {

        line-height: 60px;

        font-size: 60px;

    }

    .holiday .sw-holiday .swiper-slide .package {

        transform: translateX(5%);

    }

    .holiday .sw-holiday .swiper-slide .package img.pack1 {

    width: 200px;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack2 {

    width: 230px;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack3 {

    width: 190px;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack4 {

    width: 220px;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack5 {

    width: 270px;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack6 {

    width: 260px;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack7 {

    width: 130px;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack8 {

    width: 60px;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack9 {

    width: 50px;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack10 {

    width: 220px;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack11 {

    width: 180px;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack12 {

    width: 500px;

    }

}

@media (max-width: 1480px) {

    .holiday .sw-holiday .swiper-slide .holiday-txt h2 {

        line-height: 50 px;

        font-size: 50px;

    }

    .holiday .sw-holiday .swiper-slide .holiday-txt p {

        margin-top: 30px;

        font-size: 20px;    

    }

}

@media (max-width: 1280px) {

    .holiday .sw-holiday .swiper-slide .subpackage {

    width: 300px;

    left: 15%;

    top: 47%;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack1 {

    width: 160px;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack2 {

    width: 180px;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack3 {

    width: 140px;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack4 {

    width: 170px;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack5 {

    width: 220px;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack6 {

    width: 210px;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack7 {

    width: 80px;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack8 {

    width: 30px;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack9 {

    width: 15px;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack10 {

    width: 170px;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack11 {

    width: 120px;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack12 {

    width: 340px;

    }

}

@media (max-width: 980px) {

    .holiday .sw-holiday .swiper-slide .holiday-txt {

        top: 10%;

        left: 7%;

    }

    .holiday .sw-holiday .swiper-slide .subpackage {

        left: 5%;

        top: 40%;

    }

    .holiday .sw-holiday .swiper-slide .package {

        transform: translateX(10%);

    }

    .holiday .sw-holiday .swiper-slide .package img.pack1 {

        width: 160px;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack2 {

        width: 180px;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack3 {

        width: 140px;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack4 {

        width: 170px;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack5 {

        width: 220px;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack6 {

        width: 210px;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack7 {

        width: 80px;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack8 {

        width: 30px;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack9 {

        width: 15px;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack10 {

        width: 170px;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack11 {

        width: 120px;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack12 {

        width: 340px;

    }

    

}

@media (max-width: 680px) {

    .holiday .sw-holiday .swiper-slide .holiday-txt {

        top: 7%;

        left: 7%;

    }

    .holiday .sw-holiday .swiper-slide .subpackage {

        width: 230px;

        left: 5%;

        top: 30%;

        z-index: 100;

    }

    .holiday .sw-holiday .swiper-slide .package1 {

        transform: translate(-18%, -20%);

    }

    .holiday .sw-holiday .swiper-slide .package2 {

        transform: translateX(-25%);

    }

    .holiday .sw-holiday .swiper-slide .package img.pack1 {

        bottom: 320px;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack2 {

        right: 17%;

    }

    .holiday .sw-holiday .swiper-slide-active .package img.pack2 {

        animation: img2showmb 3000ms,

                   floating 2000ms infinite;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack3 {

        right: 0%;

        bottom: 400px;

    }

    .holiday .sw-holiday .swiper-slide-active .package img.pack3 {

        animation: img3showmb 2500ms,

                   floating 1500ms infinite;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack4 {

        width: 200px;

        right: 0%;

    }

    .holiday .sw-holiday .swiper-slide-active .package img.pack4 {

        animation: img4showmb 3300ms,

                   floating 1500ms infinite;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack6 {

        right: -10%;

    }

    .holiday .sw-holiday .swiper-slide-active .package img.pack6 {

        animation: img6showmb 2900ms,

                   floating 2000ms infinite;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack7 {

        right: -10%;

    }

    .holiday .sw-holiday .swiper-slide-active .package img.pack7 {

        animation: img7showmb 3100ms,

               floating 2000ms infinite;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack8 {

        bottom: 180px;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack9 {

        bottom: 500px;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack10 {

        bottom: 100px;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack11 {

        bottom: 450px;

        right: -10%;

    }

    .holiday .sw-holiday .swiper-slide-active .package img.pack11 {

        animation: img11showmb 2800ms,

                floating 1600ms infinite;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack12 {

        right: 5%;

        bottom: 180px;

    }

    .holiday .sw-holiday .swiper-slide-active .package img.pack12 {

        animation: img12showmb 3600ms,

                floating 1000ms infinite;

    }

}

@media (max-width: 480px) {

    .holiday .sw-holiday .swiper-slide .subpackage {

        width: 180px;

    }

    .holiday .sw-holiday .swiper-slide .package1 {

        transform: translate(-15%, -20%);

    }

    .holiday .sw-holiday .swiper-slide .package img.pack1 {

        width: 100px;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack2 {

        width: 150px;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack3 {

        width: 100px;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack4 {

        width: 150px;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack5 {

        width: 180px;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack6 {

        width: 150px;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack7 {

        width: 120px;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack10 {

        width: 140px;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack11 {

        width: 100px;

    }

    .holiday .sw-holiday .swiper-slide .package img.pack12 {

        width: 300px;

    }

}



/* product */

@media (max-width: 1680px) {

    .product .sw-product.left-slide h2 {

        font-size: 60px;

        line-height: 60px;

    }

    .product .sw-product.right-slide .product-btn {

        left: 60%;

    }

}

@media (max-width: 1480px) {

    .product .sw-product.left-slide h2 {

        bottom: 10%;

        left: 100px;

        font-size: 50px;

        line-height: 50px;

    }

    .product .sw-product.right-slide .right-text p {

        margin-top: 30px;

    }

    .product .sw-product.right-slide .product-btn span {

        font-size: 20px;

    }

    .product .sw-product.right-slide .product-btn {

        left: 61%;

    }

}

@media (max-width: 1280px) {

    .product .sw-product.left-slide h2 {

        bottom: 7%;

        left: 80px;

        font-size: 40px;

        line-height: 40px;

    }

    .product .sw-product.right-slide .product-btn {

        left: 63%;

    }



}

@media (max-width: 980px) {

    .product .sw-product.left-slide h2 {

        left: 50px;

        font-size: 30px;

        line-height: 30px;

    }

    .product .sw-product.right-slide .right-text p {

        margin-top: 20px;

    }

    .product .sw-product.right-slide .product-btn {

        left: 66%;

        bottom: 6%;

    }

    .sw-product .swiper-pagination {

        bottom: 6%;

    }

    .sw-product .swiper-pagination .swiper-pagination-bullet {

        width: 25px;

        height: 25px;

    }

    .sw-product .swiper-pagination .swiper-pagination-bullet svg {

        width: 25px;

        height: 25px;

    }



}

@media (max-width: 680px) {

    .product .sw-product-wrap {

        flex-direction: column;

    }

    .product .sw-product.left-slide h2 {

        left: 30px;

        font-size: 60px;

        line-height: 60px;

    }    

    .product .sw-product.right-slide .right-text p {

        margin-top: 40px;

        font-size: 17px;

    }

    .sw-product .swiper-pagination .swiper-pagination-bullet {

        width: 28px;

        height: 28px;

    }

    .sw-product .swiper-pagination .swiper-pagination-bullet svg {

        width: 28px;

        height: 28px;

    }

    .product .sw-product.right-slide .product-btn {

        left: 62%;

    }

}

@media (max-width: 480px) {

    

    .product .sw-product.left-slide h2 {

        left: 50px;

        font-size: 37px;

        line-height: 37px;

    }

    .product .sw-product.right-slide .right-text p {

        margin-top: 20px;

        font-size: 16px;

    }

    .product .sw-product.right-slide .product-btn {

        left: 68%;

    }

    .sw-product .swiper-pagination .swiper-pagination-bullet {

        width: 24px;

        height: 24px;

    }

    .sw-product .swiper-pagination .swiper-pagination-bullet svg {

        width: 24px;

        height: 24px;

    }

    

}



/* new & bestseller */

@media (max-width: 1480px) {

    .swiper-slide .new-txt .price {

        padding: 5px 25px;

    }

    .sw-best .swiper-slide .new-txt .price{

        padding: 5px 45px;

    }

    .swiper-slide .new-txt .price {

        padding: 5px 25px;

    }

    .swiper-slide a .price .price2 {

        font-size: 24px;

    }

    .swiper-slide .swiper-hover span {

        padding: 5px 10px;

        margin: 5px 0;

        font-size: 30px;

    }

    .new .swiper-button-prev {

        left: 50px;

    }

    .new .swiper-button-next {

        right: 50px;

    }

    .bestseller .swiper-button-prev {

        left: 50px;

    }

    .bestseller .swiper-button-next {

        right: 50px;

    }

}

@media (max-width: 1280px) {

    .swiper-slide a .price {

        gap: 20px;

    }

    .swiper-slide a .price .price1 {

        font-size: 20px;

    }

    .swiper-slide a .price .price2 {

        font-size: 24px;

    }

    .new .sw-new .swiper-slide a .new-img {

        border-radius: 20px;

        margin: 0 5px;

    }

    .new .swiper-button-prev {

        left: 40px;

    }

    .new .swiper-button-next {

        right: 40px;

    }

    .bestseller .swiper-button-prev {

        left: 40px;

    }

    .bestseller .swiper-button-next {

        right: 40px;

    }

}

@media (max-width: 980px) {

    .swiper-slide a > p {

        margin: 20px 0;

        font-size: 19px;

    }

    .swiper-slide a .price .price1 {

        font-size: 16px;

    }



    .swiper-slide a .star span.material-symbols-outlined {

        font-size: 18px;

    }

    .swiper-slide a .star span:last-child {

        font-size: 13px;

    }

    .new .sw-new .swiper-slide a .new-img {

        border-radius: 15px;

    }

    .bestseller .sw-best .swiper-slide a .best-img {

        border-radius: 15px;

    }

    .new .swiper-button-prev {

        left: 30px;

    }

    .new .swiper-button-next {

        right: 30px;

    }

    .bestseller .swiper-button-prev,

    .bestseller .swiper-button-next {

        display: none;

    }

}

@media (max-width: 680px) {

    .new h3 {

        padding-bottom: 10px;

    }

    .bestseller h3 {

        padding-bottom: 10px;

    }

    .swiper-slide a .price {

        gap: 20px;

    }

    .swiper-slide a .star {

        margin: 10px 0;

    }

    .new .swiper-button-prev,

    .new .swiper-button-next {

        display: none;

    }

    



    .swiper-slide a .star {

        margin-left: 12%;

    }

}

@media (max-width: 480px) {

    .swiper-slide a > p {

        font-size: 16px;

    }

    .swiper-slide a .price {

        gap: 10px;

    }

    .swiper-slide a .price .price1 {

        font-size: 14px;

    }

    .swiper-slide a .price .price2 {

        font-size: 16px;

    }

    .swiper-slide .swiper-hover span {

        font-size: 20px;

    }

}





/* footer */

@media (max-width: 1280px) {

    .footer-top .footer-left li a {

        font-size: 22px;

    }

    .footer-top .betterforus p {

        font-size: 20px;

    }

    .footer-top .support span.tel {

        font-size: 16px;

    }

    .footer-top .support span.time {

        font-size: 12px;

    }

}

@media (max-width: 980px) {

    footer {

        padding: 50px 10px;

    }

    .footer-top .footer-left li a {

        font-size: 18px;

    }

}

@media (max-width: 680px) {

    

    .footer-top {

        display: block;

    }

    .footer-top .footer-left {

        display: flex;

        justify-content: left;

        flex-wrap: wrap;

    }

    .footer-top .footer-left li:first-child {

        padding: 10px 0;

    }

    .footer-top .footer-left li a {

        padding: 10px 20px 10px 0;

        font-size: 18px;

    }

    .footer-top .betterforus {

        padding: 18px 0;

    }

    .footer-top .support {

        display: flex;

        justify-content: left;

        flex-wrap: wrap;

        gap: 20px;

    }

    .footer-top .support span.tel {

        padding: 0;

    }

    .footer-top .sns {

        padding: 20px 0;

    }

    .footer-bottom .terms {

        /* display: inline-block; */

        font-size: 12px;

        word-break: keep-all;

    }

    .footer-bottom .terms li {

        padding: 5px 0;

    }

    .footer-bottom .bottom {

        font-size: 10px;

        padding: 5px 0;

        word-break: keep-all;

    }

}

@media (max-width: 480px) {

    footer {

    padding: 40px 10px;

}

}