@media only screen and (min-width:300px) and (max-width:767px){
header .af-hd-dt {width: 65%;}
.home-main {min-height: auto;background: #DFDFDF;height: 100%;}
.home-main .hp-in {width: 100%;}
.home-main .hp-in .af-hp-lf { width: 100%;}
.home-main .hp-in .af-hp-lf .mySlides img { width: 100%;}
.home-main .hp-in .af-hp-rt {width: 90%;margin: 0 5%;padding: 30px 20px;border-radius: 30px;}
.home-main .hp-in .af-hp-rt h2 { font-size: 28px; line-height: 30px;}
.home-main .hp-in .af-hp-rt h3 {font-size: 18px; line-height: 24px;}
.home-main .hp-in .af-hp-rt .af-hp-3 .af-hp-1 { border-radius: 20px;}
.home-main .hp-in .af-hp-rt .af-hp-3 .af-hp-1 h4 span {font-size: 16px;}
.home-main .hp-in .af-hp-rt .af-hp-3 .af-hp-1 h4 { font-size: 16px;}
.inner-main { min-height: auto; height: 100%;}
.inner-main .in-in-wk .in-in-stp .in-stp-1 {font-size: 24px;}
.inner-main .in-in-wk .in-in-stp .in-stp-1 span { font-size: 10px;}
.inner-main .in-in-wk .in-in-stp .in-stp-2 { margin: 0 10px;}
.inner-main .in-in-wk .in-in-pan { margin: 20px 0 0 0;}
.inner-main .in-in-wk .in-in-pan .in-pan-lt { width: 100%; border-radius: 20px;  padding: 20px;}
.inner-main .in-in-wk .in-in-pan .in-pan-lt h2 { font-size: 25px;}
.inner-main .in-in-wk .in-in-pan .in-pan-lt p { font-size: 14px;line-height: 18px;}
.inner-main .in-in-wk .in-in-pan .in-pan-rt { width: 100%; margin: 40px 0 0 0;}
.inner-main .in-in-wk .in-in-pan .in-pan-lt .in-pan-lt-img-hf { width: 90%;}
.inner-main .in-in-wk .in-in-pan .in-pan-lt .in-pan-lt-qty {width: 90%;}
.inner-main .in-in-wk .in-in-pan .in-pan-lt .in-pan-lt-bil-hf { width: 90%;}
.inner-main .in-in-wk .in-in-pan .in-pan-lt .in-pan-lt-crd-hf { width: 90%;}
.inner-main .in-in h2 {font-size: 40px; line-height: 40px;}
.inner-main .in-in h3 {font-size: 20px;line-height: 30px;}
.inner-main .in-in-ty { width: 90%;}
.inner-main .in-in .bk-btn-beu { width: 90%;}
}
@media only screen and (min-width:768px) and (max-width:1024px){
header .af-hd-dt {width: 65%;}
.home-main {min-height: auto;background: #DFDFDF;height: 100%;}
.home-main .hp-in {width: 100%;}
.home-main .hp-in .af-hp-lf { width: 100%;}
.home-main .hp-in .af-hp-lf .mySlides img { width: 100%;}
.home-main .hp-in .af-hp-rt {width: 90%;margin: 0 5%;padding: 30px 20px;border-radius: 30px;}
.home-main .hp-in .af-hp-rt h2 { font-size: 28px; line-height: 30px;}
.home-main .hp-in .af-hp-rt h3 {font-size: 18px; line-height: 24px;}
.home-main .hp-in .af-hp-rt .af-hp-3 .af-hp-1 { border-radius: 20px;}
.home-main .hp-in .af-hp-rt .af-hp-3 .af-hp-1 h4 span {font-size: 16px;}
.home-main .hp-in .af-hp-rt .af-hp-3 .af-hp-1 h4 { font-size: 16px;}
.inner-main { min-height: auto; height: 100%;}
.inner-main .in-in-wk .in-in-stp .in-stp-1 {font-size: 24px;}
.inner-main .in-in-wk .in-in-stp .in-stp-1 span { font-size: 10px;}
.inner-main .in-in-wk .in-in-stp .in-stp-2 { margin: 0 10px;}
.inner-main .in-in-wk .in-in-pan { margin: 20px 0 0 0;}
.inner-main .in-in-wk .in-in-pan .in-pan-lt { width: 100%; border-radius: 20px;  padding: 20px;}
.inner-main .in-in-wk .in-in-pan .in-pan-lt h2 { font-size: 25px;}
.inner-main .in-in-wk .in-in-pan .in-pan-lt p { font-size: 14px;line-height: 18px;}
.inner-main .in-in-wk .in-in-pan .in-pan-rt { width: 100%; margin: 40px 0 0 0;}
.inner-main .in-in-wk .in-in-pan .in-pan-lt .in-pan-lt-img-hf { width: 90%;}
.inner-main .in-in-wk .in-in-pan .in-pan-lt .in-pan-lt-qty {width: 90%;}
.inner-main .in-in-wk .in-in-pan .in-pan-lt .in-pan-lt-bil-hf { width: 90%;}
.inner-main .in-in-wk .in-in-pan .in-pan-lt .in-pan-lt-crd-hf { width: 90%;}
.inner-main .in-in h2 {font-size: 40px; line-height: 40px;}
.inner-main .in-in h3 {font-size: 20px;line-height: 30px;}
.inner-main .in-in-ty { width: 90%;}
.inner-main .in-in .bk-btn-beu { width: 90%;}
}