@media only screen and (min-width : 1601px) {
.container { max-width: 1400px; }
}

@media only screen and (max-width : 1600px) {
.container { max-width: 1200px; }
}

@media (max-width : 1400px) {
.slidetops .carousel-control-prev, .partners .carousel-control-prev { left: -80px; }
.slidetops .carousel-control-next, .partners .carousel-control-next { right: -80px; }
}

@media (max-width : 1350px) {
.slidetops .carousel-control-prev, .partners .carousel-control-prev { left: -30px; }
.slidetops .carousel-control-next, .partners .carousel-control-next { right: -30px; }
}

@media (max-width : 1280px) {
.container { max-width: 1150px; }
.wsmenu-list > li { padding-right: 30px; }
.bg-content h1 { font-size: 2.5rem; }
}

@media (max-width: 1200px) {
.container { max-width: 1100px; }
.wsmenu-list > li { padding-right: 20px; }
.bg-content .form-tip { margin-left: 0rem; }
.slidetops .carousel-control-prev, .partners .carousel-control-prev { left: -10px; }
.slidetops .carousel-control-next, .partners .carousel-control-next { right: -10px; }
}

@media (max-width : 1150px) {
.container { max-width: 1000px; }
.topinfo img.logo { max-width: 80px; margin-right: 1rem; }
.topinfo h4 { font-size: 1.25rem; }
.phon a { font-size: 1.125rem; }
}

@media only screen and (max-width : 1024px) {
.wsmenu { font-size: 0.875rem; }
}

@media (max-width: 991px) {
.wrapper { font-size: 0.875rem; }
.wsmenu-list > li.rightmenu a.phon { display: none; }
.wsmenu-list > li { padding-right: 0px; }
.container { max-width: 960px; }
header { position: relative; }
.scrollup { width: 30px; height: 30px; }
.wsmenu > .wsmenu-list > li > a, .wsmenu > .wsmenu-list > li > a:hover, .wsmenu > .wsmenu-list > li > a.active, wsmenu > .wsmenu-list > li > a:active { border: none; }
.breadcrumb { font-size: 0.875rem; }
.wsmenu > .wsmenu-list > li > a { padding: 15px 20px; }
h1 { font-size: 1.5rem; }
h2 { font-size: 1.375rem; }
h3 { font-size: 1.3125rem; }
h4 { font-size: 1.1875rem; }
h5 { font-size: 1.125rem; }
footer { padding-top: 2rem; padding-bottom: 1rem; margin-top: 0rem; }
.scroll-link { display: none; }
.topinfo { display: none; }
.bg-content h1 { font-size: 1.5rem; text-align: center; margin-bottom: 1rem; }
#video-bg { height: auto; min-height: auto; }
.bg-content { position: relative; padding-top: 1rem; }
.service { padding-top: 2rem; padding-bottom: 2rem; }
.service h2.card-title { font-size: 1.125rem; }
.slidetops h3, .partners h3 { font-size: 1.3125rem; }
section.slidetops { padding-top: 1rem; padding-bottom: 1rem; }
.icon.chevr-r2, .icon.chevr-l2 { height: 24px; width: 24px; }
.slidetops .card { max-width: 270px; margin-left: auto; margin-right: auto; }
.partners { padding-top: 2rem; padding-bottom: 2rem; }
h1 .com { font-size: 1.125rem; }
}

@media only screen and (max-width : 849px) {
.wrapper { padding-top: 2.5rem; }
}

@media only screen and (max-width : 767px) {
.in-order { padding-top: 2rem; padding-bottom: 2rem; }
a.big { font-size: 1.125rem; padding: 1rem 2rem; }
.form-quest { text-align: center; }
.form-quest h3 { color: #000000; font-size: 1.125rem; }
ul.indexanons h2 { font-size: 1.125rem; }
}

@media only screen and (max-width : 576px) {
.bg-content h1 { font-size: 1.25rem; }
.works .card { max-width: 270px; margin-left: auto; margin-right: auto; }
ul.indexanons img { max-width: 150px; margin-left: auto; margin-right: auto; margin-top: 1rem; display: block; margin-bottom: 1rem; }
}

@media (min-width: 576px) {
.img-row { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; orphans: 1; widows: 1; }
}

@media (min-width: 767px) {
.img-row { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }
}

@media only screen and (max-width : 480px) {
a.big { font-size: 1rem; padding: 1rem; }
}

@media only screen and (max-width : 380px) {
}