body { padding-top: 111px; }

@media (min-width: 425px) { body { padding-top: 118px; } }
@media (min-width: 640px) { body { padding-top: 195px; } }
@media (min-width: 768px) { body { padding-top: 208px; } }
@media (min-width: 1024px) { body { padding-top: 116px; } }
@media (min-width: 425px) { header:before, header:after { content: ""; } }
@media (min-width: 640px) { header:before, header:after { content: none; } }
.logo { width: 104px; height: 26px; background-size: 104px auto; }

@media (min-width: 425px) { .logo { width: 130px; height: 33px; background-size: 130px auto; } }
@media (min-width: 640px) { .logo { width: 208px; height: 53px; background-size: 208px auto; } }
@media (min-width: 768px) { .logo { width: 260px; height: 66px; background-size: 260px auto; } }
.nav li > a { font-size: 12px; }

@media (min-width: 375px) { .nav li > a { padding: 6px 10px; } }
@media (min-width: 640px) { .nav li > a { padding: 6px 14px; font-size: 14px; } }
@media (min-width: 768px) { .nav li > a { padding: 6px 24px; } }
@media (min-width: 1024px) { .nav li > a { padding: 6px 20px; font-size: 12px; } }
.nav .swiper-slide { width: auto; }
.nav .swiper-slide:first-child { width: auto; }

.nav__sub { top: 29px; width: 155px; }

@media (min-width: 640px) { .nav__sub { top: 32px; } }
@media (min-width: 768px) { .nav__sub { width: 215px; } }
@media (min-width: 1024px) { .nav__sub { top: 29px; } }
.nav__sub li a { text-align: left; }

@media (min-width: 640px) { .nav__sub li a { padding-left: 13px; } }
@media (min-width: 768px) { .nav__sub li a { padding-left: 22px; } }
.nav__sub__sub { min-width: 160px; }
.nav__sub__sub li { width: auto; }

@media (min-width: 1200px) { #ban-swiper .swiper-slide h3 { width: 1000px; margin: 0 auto; } }
.services__list li a { padding: 0 5px; font-size: 12px; min-height: 110px; }

@media (min-width: 640px) { .services__list li a { min-height: 180px; } }
@media (min-width: 1024px) { .services__list li a { min-height: 100px; } }
.mod-breadcrumb h3 { max-width: 40%; padding: 0 5px; font-size: 12px; }

@media (min-width: 640px) { .mod-breadcrumb h3 { max-width: 70%; font-size: 20px; } }
@media (min-width: 1024px) { .mod-breadcrumb h3 { max-width: 75%; font-size: 20px; } }
.about-con, .services-con, .news-detail { word-wrap: break-word; word-break: normal; font-family: Arial; }

.about-con p, .services-con p, .services-con h3, .news-detail__con p { text-indent: 1em; }

.job-table thead th { white-space: normal; }

@media (min-width: 640px) { .job-table tbody > tr > td:first-child { white-space: nowrap; } }
.apply-form .form-group label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

@media (min-width: 375px) { .apply-form .form-group label { width: 133px; } }
.mod-art__tle > div { padding: 5px 0; }