@charset "utf-8";
.swipe-carousel { position: relative;}
.swipe-carousel #banner { display: flex; justify-content: space-between; align-items: center; position: absolute; left: 50%; top: 50%; padding: 0 10px; margin: 0 -10px; width: 100%; max-width: 1320px; transform: translate(-50%, -50%);}
.swipe-carousel #banner .txt,
.swipe-carousel #banner .img { flex:1; margin: 0 10px;}
.swipe-carousel #banner .txt { line-height: 1; color: #fff; text-shadow: 4px 4px 6px rgba(0,0,0,.4);}
.swipe-carousel #banner .txt .p1{ font-size: 30px; font-weight: 500;}
.swipe-carousel #banner .txt .p2{ padding: 30px 0 50px; font-size: 50px; font-weight: 700;}
.swipe-carousel #banner .txt .p2 span { display: block; padding: ;}
.swipe-carousel #banner .txt .p2 span:first-of-type { padding: 0 0 15px;}
.swipe-carousel #banner .txt .p3{ font-size: 24px;}
.swipe-carousel #banner .img {}
.swipe-carousel #banner .img img { width: 100%; max-width: 655px;}

@media (max-width:1250px){
    .swipe-carousel #banner .txt .p2 { padding: 25px 0 40px; font-size: 42px;}
}
@media (max-width:991px){
    .swipe-carousel #banner .txt .p1 { font-size: 26px; } 
    .swipe-carousel #banner .txt .p2 { padding: 15px 0 25px; font-size: 32px;}
    .swipe-carousel #banner .txt .p2 span:first-of-type { padding: 0 0 10px;}
    .swipe-carousel #banner .txt .p3 { font-size: 18px; }
}
@media (max-width:768px){
    .swipe-carousel #banner { flex-direction: column; top: 55%; margin: 0;}
    .swipe-carousel #banner .txt, .swipe-carousel #banner .img { margin: 10px 0; }
    .swipe-carousel #banner .txt { text-align: center;}
    .swipe-carousel #banner .txt .p2  { padding: 15px 0; font-size: 38px;}
    .swipe-carousel #banner .img img { max-width: 400px;}
}
@media (max-width:480px){
    .swipe-carousel #banner .txt .p1 { font-size: 24px;}
    .swipe-carousel #banner .txt .p2 { font-size: 34px;}
    .swipe-carousel #banner .txt .p3 { font-size: 17px; }
}

@media (max-width: 400px){
    .responsive .swipe-carousel .img-wrap { padding-bottom:430px !important; }
    .swipe-carousel #banner .txt .p2 { font-size: 28px;}
    .swipe-carousel #banner .txt .p3 { font-size: 16px; }
}