@media screen and (max-width: 1999px){
.splide,
.slide-container{
width: 100%;
}
}

@media screen and (max-width: 1111px){
.splide__arrow{
width: 66px;
height: 66px;
background-size: 33px;
}
.splide__pagination__page{
width: 48px;
height: 48px;
}
.slide-content{
left: 124px;
}
}
@media screen and (max-width: 777px){
.splide,
.slide-container{
height: 300px;
}
.splide__arrow{
display: none;
}
.slide-content{
left: 20px;
width: calc(100% - 40px);
}
.slide-content h1{
font-size: 26px;
line-height: 30px;
padding-bottom: 6px;
}
.slide-content p{
font-size: 14px;
line-height: 24px;
}
.official-website,
.slide-button{
font-size: 11px;
}
.splide__pagination button,
.splide__pagination__page{
width: 48px;
height: 48px;
}
}
@media screen and (max-width: 600px){
.slide-content h1{
font-size: 22px;
line-height: 26px;
}
.slide-content p{
font-size: 12px;
line-height: 22px;
}
.splide__arrow{
width: 50px;
height: 50px;
background-size: 25px;
}
.splide__pagination__page{
width: 42px;
height: 42px;
}
}
@media screen and (max-width: 400px){
.slide-content h1{
font-size: 17px;
line-height: 22px;
padding-bottom: 4px;
}
}