/* ================================================== 
THEME RESPONSIVE
================================================== */
@media screen and (max-width: 1400px) {

}

@media screen and (max-width: 1300px) {
.gradient-left, .gradient-right {width: 50px;}
}

@media screen and (max-width: 1250px) {


}

@media screen and (max-width: 1200px) {

}

@media screen and (max-width: 1150px) { 

}

@media screen and (max-width: 1100px) {
#cssmenu > ul {gap: 30px;}
.b-single .box {gap: 35px;}
.sb-top h1 {font-size: 2rem;}
.entry-content h2, .entry-content h3 {font-size: 1.3rem; margin-top: 30px;}
.entry-content p, .entry-content ul li, .entry-content ol li {font-size: .98rem;}
.sb-more a {grid-template-columns: 320px 1fr; gap: 25px; align-items: center;}
.b-list .info {margin: 0;}
.sb-more.b-list .post-meta {margin-top: 0;}
.sb-more.b-list a h3 {font-size: 1.2rem;}
.b-list a .excerpt p {font-size: .94rem;}
.tag span {font-size: .8rem; }
}

@media screen and (max-width: 1024px) { 

}

@media screen and (max-width: 980px) {
.nav, .f-two, .gradient-left, .gradient-right, .sidebar {display: none;}
.b-menu {display: block;}
.logo {width: 67px; height: 26px;}
.artis-wrap {overflow: visible;}
.artis a h3 {font-size: 1.4rem;}
.artis a .a-overlay {bottom: 0;}
.artis-wrap .swiper-button-prev {left: 10px;}
.artis-wrap .swiper-button-next {right: 10px;}
.products .box {grid-template-columns: repeat(2, 1fr); gap: 30px;}
.products a h3 {font-size: 1.2rem;}
.artist {font-size: .83rem;}
.f-top {padding: 40px 0;}
.f-box {flex-direction: column; gap: 30px; max-width: 600px; margin: 0 auto;}
.f-one {width: 100%; padding: 0; display: flex; flex-direction: column; align-items: center;}
.f-text p, .copy p, .webdesign {text-align: center;}
.b-single .box {display: flex; flex-direction: column;}
.sb-top h1 {font-size: 1.8rem;}
.entry-content p, .entry-content ul li, .entry-content ol li {font-size: .96rem;}
}

@media screen and (max-width: 853px) { 

}

@media screen and (max-width: 760px) {

}

@media screen and (max-width: 600px) {
.artis-wrap .swiper-button-next, .artis-wrap .swiper-button-prev, .b-list a .excerpt p, .banner .swiper-button-next, .banner .swiper-button-prev {display: none;}
.swiper.banner {overflow: visible!important;}
.swiper-pagination {bottom: -15px!important;}
.pg {padding: 0 0 60px;}
#breadcrumbs {margin-bottom: 30px;}
#breadcrumbs span, #breadcrumbs a {font-size: .6rem;}
#breadcrumbs span {gap: 5px;}
#breadcrumbs i {font-size: .4rem;}
.pg-title {margin-bottom: 25px; padding-bottom: 12px;}
.pg-title h2 {font-size: 1.5rem;}
.artist-list .box {grid-template-columns: repeat(3, 1fr);}
.artis a h3, .artist-list a h3 {font-size: 1.1rem;}
.artis a .a-overlay, .artist-list a .a-overlay {left: -5px; height: 150px;}
.sa, .sp .box {display: flex; flex-direction: column; gap: 40px;}
.sa-img {width: 200px;}
.sa-about h1 {font-size: 1.4rem;}
.sa-gallery .box {gap: 10px;}
.pr-top .artist {font-size: 1.25rem;}
.pr-top h1 {font-size: 1.4rem;}
.pr .s-title h3 {font-size: 1.5rem;}
.more-product {margin-top: 40px; padding-top: 40px;}
.b-list .box {grid-template-columns: repeat(1, 1fr); gap: 30px;}
.b-list a .excerpt p {font-size: .96rem;}
.sb-top h1 {font-size: 1.4rem;}
.entry-content h2, .entry-content h3 {font-size: 1.18rem; margin-top: 25px;}
.entry-content p, .entry-content ul li, .entry-content ol li {font-size: .945rem;}
.b-title {margin-bottom: -15px;}
.b-title h2 {font-size: 1.3rem;}
.sb-more.b-list .row {padding: 30px 0 25px;}
.sb-more a {display: block;}
.b-list .thumb {width: 100%; margin-bottom: 14px;}
.sb-more.b-list a h3 {margin-bottom: 0;}
}

@media screen and (max-width: 583px) {
.artist-list .box {grid-template-columns: repeat(2, 1fr);}
}

@media screen and (max-width: 480px) {
.products .box {grid-template-columns: repeat(1, 1fr); gap: 20px;}
.all-btn {margin-top: 30px;}
.all-btn a {padding: 11px 0; width: 180px; font-size: .9rem;}
.pg-title h2 {font-size: 1.4rem;}
.sa-about p {font-size: .845rem;}
.sa-socmed h3 {font-size: 1.1rem;}
.pr .s-title h3, .pr .s-title h3, .s-title h3 {font-size: 1.4rem;}
.sa-video .video {margin-bottom: 10px;}
.sa-gallery .box {grid-template-columns: repeat(2, 1fr);}
.pr-top .artist {font-size: 1.15rem;}
.pr-detail li {font-size: .86rem;}
.c-row .add h5, .c-row .add p {font-size: .9rem;}
.wpcf7 .box {grid-template-columns: repeat(1, 1fr); gap: 0;}
.wpcf7 label {font-size: .86rem;}
.wpcf7 .col input, .wpcf7 .col textarea, .wpcf7 select {padding: 10px 12px; font-size: .95rem; border-radius: 3px;}
.wpcf7 .col.selct::after {top: 34px;}
.wpcf7 .col textarea {height: 180px;}
.wpcf7 .button input {padding: 12px 0; font-size: .96rem;}
.wpcf7-response-output {padding: 0 30px!important;}
.wpcf7 form.invalid .wpcf7-response-output {font-size: .85rem;}
.post-meta {font-size: .745rem;}
.b-list a h3 {font-size: 1.1rem;}
.b-list a .excerpt p {font-size: .93rem;}
.sb-top h1 {font-size: 1.3rem;}
.entry-content h2, .entry-content h3 {font-size: 1.15rem;}
.entry-content p, .entry-content ul li, .entry-content ol li {font-size: .93rem;}
.sb-more.b-list a h3 {font-size: 1.1rem;}
.sharer ul {gap: 16px;}
.sharer li a {font-size: 1.7rem;}
.page-content h2 {font-size: 1.05rem;}
.page-content p, .page-content ul li, .page-content ol li {font-size: .9rem;}
.gal-title h2 {font-size: 1.3rem;}
.gal-desc {font-size: .9rem;}
.gal-item {grid-template-columns: repeat(2, 1fr);}
.copy p span {display: block;}
}

@media screen and (max-width: 400px) {

}

@media screen and (max-width: 390px) { 

}

@media screen and (max-width: 375px) { 
.gal-item {grid-template-columns: repeat(1, 1fr);}
}

@media screen and (max-width: 320px) { 

}