@media all and (max-width: 1920px){
    .gallery-list .gallery-item .gallery-item-hover h2,
    .gallery-list .gallery-item .gallery-item-hover p,
    .article-list-thumb .article-list-item h3,
    .contact-news-col p,
    .contact-news .copyright,
    .contact-page .contact-col > p,
    .section-info .section-info-box p,
    .content-text p,
    .page-title p,
    .action-page .bg-text .bg-title p,
    .action-page .section2 .col-text .container > div p,
    .header nav ul li a {
        font-size: 16px;
    }
    .action-page .section2 .col-text .container > div.page-title p,
    .page-nav ul li a,
    .page-title p {
        font-size: 22px;
    }
    .article-list ul li {
        margin: 0 85px;
    }
}
@media all and (max-width: 1680px){
    .slider-img .hover-img > p,
    .gallery-list .gallery-item .gallery-item-hover p,
    .article-list-thumb .article-list-item h3,
    .article-list-thumb .article-list-item time,
    .slider-img-static-text .slider-text p,
    .contact-news-col h2,
    .contact-news-col p,
    .contact-news .copyright,
    .section-info .section-info-box p,
    .content-text p,
    /*.person-list .person-item .person-item-text p,*/
    .slider-text-section p,
    .contact-page .contact-col > p,
    .slider-text-img .slider-text p,
    .article-list ul li p,
    .page-title p,
    .action-page .bg-text .bg-title p,
    .action-page .section2 .col-text .container > div p,
    .header nav ul li a {
        /*font-size: 14px;*/
    }
    .header nav ul li a {
      font-size: 14px;
    }
    .slider-img-static-text .slider-text h4,
    .slider-text-img .slider-text h4,
    .contact-news-col h3,
    .slider-text-section h2,
    .article-list .article-list-title h3,
    .action-page .section2 .col-text .container > div.page-title p,
    .page-nav ul li a,
    .page-title p {
        font-size: 20px;
    }
    /*.person-list .person-item .person-item-text h2 {
        font-size: 16px;
    }*/
    .action-page .bg-text .bg-title {
        left: 25px;
        margin-left: 0;
    }
    .footer .footer-box div {
        font-size: 10px;
    }
    .footer .footer-box .heart-pulse {
        left: 107px;
        top: 10px;
    }
    .footer .footer-box .social li a {
        font-size: 14px;
    }
    .article-list ul li {
        margin: 0 50px;
        max-width: 260px;
    }
    /*.person-list > div {
        max-width: 45%;
    }*/
    /*.person-list .person-item .person-item-img {
        width: 236px;
        height: 200px;
        margin-right: 25px;
    }*/
    .content-with-scroll .content-with-scroll-right {
        max-width: 800px;
        padding: 35px 70px 30px 35px;
    }
    .content-with-scroll .content-with-scroll-right .jscroll {
        max-height: 300px;
    }
    .section-info {
        max-width: 1250px;
    }
    .section-info .section-info-box.section-info-box1 {
        margin-right: -150px;
        padding: 10px 0 0 120px;
    }
    .section-info .section-info-box.section-info-box2 {
        max-width: 550px;
    }
    .slider-text-img .slider-text {
        padding: 45px 70px 30px 120px;
    }
    .jscroll {
        max-height: 300px;
    }
    .action-page .section2 .col-text {
        top:65%;
    }
    .article-list .article-list-title h3 {
        margin: 20px 0;
    }
    .article-list ul li p {
        line-height: 20px;
    }
    .article-list ul li h4 {
        margin: 10px 30px 0 0;
    }
    .slider-img-static-text .bx-wrapper,
    .slider-img-static-text .slider-img,
    .slider-text-img .slider-img {
        height: 370px;
        width: 580px;
    }
    .slider-text-img .counter {
        top:385px;
    }
    .section-info .page-title {
        margin-bottom: 10px;
    }
    .section-info .section-info-box.section-info-box2 {
        padding-top: 10px;
        padding-bottom: 100px;
    }
    .slider-text-img .krs-box {
        bottom: 15px;
    }
    .slider-left {
        margin: -180px 0 0 -500px !important;
    }
    .slider-img-static-text .counter {
        top:382px;
    }
    .slider-right .slider-img {
        margin-top: 0 !important;
        margin-bottom: 30px !important;
        width: 400px !important;
        height: 460px !important;
    }
    .slider-right {
        margin: -246px 0 0 0px !important;
    }
    .slider-right .slider-img .hover-img {
        padding: 60px 50px 0px 120px;
    }
    .article-list-thumb .article-list-item {
        margin-top: 25px !important;
        margin-bottom: 25px !important;
    }
    .article-list-thumb .article-list-item img {
        max-width: 260px;
        margin: -20px 0 0 -20px;
    }
    .article-list-thumb .article-list-item .article-list-item-text {
        padding: 10px 40px 10px 40px;
    }
    .article-list-thumb .page-title {
        top: 60px;
        right: 15px;
        width: 15%;
    }
    .gallery-list .gallery-item .gallery-item-hover {
        padding: 0% 50px 0 10%;
    }
    .slider-img-static-text .slider-text {
        padding: 50px 70px 45px 120px;
    }
}
@media all and (max-width: 1300px){
    .slider-img .hover-img > p,
    .contact-form .form-box label,
    .gallery-list .gallery-item .gallery-item-hover p,
    .slider-img-static-text .slider-text p,
    .contact-news-col p,
    .contact-news .copyright,
    .slider-text-section p,
    .contact-page .contact-col > p,
    .link-pink,
    .content-text p,
    .file-list li a,
    .section-info .section-info-box p,
    /*.person-list .person-item .person-item-text p,*/
    .slider-text-img .slider-text p,
    .page-title p,
    .action-page .bg-text .bg-title p,
    .action-page .section2 .col-text .container > div p,
    .header nav ul li a {
        /*line-height: 18px;
        font-size: 12px;*/
    }
    .slider-img-static-text .slider-text h4,
    .gallery-list .gallery-item .gallery-item-hover h2,
    .slider-text-img .slider-text h4,
    .contact-news-col h3,
    .slider-text-section h2,
    .home-footer p,
    .page-title h1,
    /*.person-list .person-item .person-item-text h2,*/
    .slider-text-img .slider-text h3,
    .action-page .section2 .col-text .container > div.page-title p,
    .page-nav ul li a,
    .page-title p {
        /*font-size: 15px;*/
    }
    .home-footer p strong {
        font-size: 28px;
    }
    .home-footer p strong.small {
        font-size: 24px;
    }
    .home-footer p img {
        height: 24px;
    }
    .header .logo {
        width: 68px;
        height: 40px;
        margin-left: 10px;
    }
    .article-list ul li {
        width: 28%;
        margin: 0 2%;
    }
    .section-info .section-info-box.section-info-box2,
    .section-info .section-info-box.section-info-box1 {
        max-width: 49%;
        padding: 50px;
    }
    .article-list-thumb {
        max-width: 940px;
    }
    .article-list-thumb .article-list-item {
        margin-top: 25px !important;
        margin-bottom: 25px !important;
        margin-right: 80px !important;
        margin-left: 0 !important;
    }
}
@media all and (max-width: 1170px){
    .slider-img-static-text .bx-wrapper,
    .slider-img-static-text .slider-img,
    .slider-text-img .slider-img {
        width: 500px;
        height: 300px;
    }
    .slider-text-img {
        padding: 0 30px;
    }
    /*.person-list > div {
        max-width: 440px;
    }
    .person-list .person-item .person-item-text {
        overflow: visible;
    }*/
    .content-with-scroll .content-with-scroll-right {
        max-width: 600px;
        padding: 60px 70px 30px 60px;
    }
    .file-list li {
        margin-bottom: 30px;
    }
}
@media all and (max-width: 1100px){
    .bx-pager {
        bottom: 60px;
    }
    .slider-right .bx-pager {
        bottom: auto;
        top: 32px;
    }
    .hover-img {
        padding: 30px !important;
    }
    /*.person-list {
        padding-bottom: 80px !important;
    }*/
    .btn-gray {
        height: 40px;
        line-height: 40px;
    }
    body {
        overflow: auto;
        padding: 0;
    }
    .article-list-thumb .page-title {
        position: static;
        width: 100%;
        margin: 40px 0 0 25px;
    }
    .article-list-thumb .article-list-item {
        margin: 40px 30px !important;
    }
    .slider-right.slider-img-static-text .bx-wrapper {
        height: auto !important;
        width: 100% !important;
    }
    .slider-left,
    .slider-right {
        width: 100%;
        float: left;
        position: static !important;
        margin: 20px 0 !important;
    }
    .slider-right .slider-img {
        width: 100% !important;
        height: 300px !important;
    }
    .slider-img-static-text .bx-wrapper,
    .slider-img-static-text .slider-img,
    .slider-text-img .slider-img {
        width: 100%;
    }
    .slider-img-static-text .slider-img .slide-title {
        padding: 0 15px;
    }
    .slider-img-static-text .slider-text,
    .slider-text-img .slider-text {
        width: 100%;
        padding: 30px 70px 30px 10px;
    }
    .slider-text-img .close {
        right: 49px;
        top: 347px;
    }
    /*.person-list > div {
        max-width: 45%;
        margin: 0 2% !important;
    }
    .person-list .person-item .person-item-text {
        overflow: hidden;
        margin-right: 45px;
    }*/
    .content-with-scroll .content-with-scroll-right {
        max-width: 520px;
        padding: 40px 40px 30px 30px;
    }
    .content-with-scroll .content-with-scroll-right:after {
        right: 41.5px;
    }
    .content-with-scroll .content-with-scroll-left {
        max-width: 200px;
    }
    .section-info .section-info-box.section-info-box2,
    .section-info .section-info-box.section-info-box1 {
        padding: 25px;
    }
    .section-info .page-title {
        padding-left: 15px;
    }
    #page {
        padding-bottom: 60px;
        overflow: hidden;
        clear: both;
    }

    .action-page .section2 .col-text .container > div {
        width: 100%;
        margin: 15px 0;
    }

    .action-page .bg-text .bg-title,
    .action-page .section2 .col-text,
    .action-page .bg-text {
        position: static;
        padding: 30px 0;
        clear: both;
    }

    .section {
        float: left;
        width: 100%;
        position: relative;
    }
    .section-nav .close-nav {
        top: 15px;
    }
    .header nav {
        position: absolute;
        left: 10px;
        right: 10px;
        text-align: center;
        background: #efeeee;
        top: 70px;
        display: none;
        z-index: 99;
    }

    .header nav ul {
        margin: 10px 0;
    }

    .header nav ul li {
        display: block;
        margin: 5px 0;
    }

    .header nav .search-box {
        display: block;
        margin-left: -30px;
    }

    .page-nav,
    .page-title {
        width: 45%;
        margin-left: 0;
    }

    .scroll {
        display: none;
    }

    .header {
        position: static;
        margin-bottom: 20px;
    }
    .slide-title {
        padding: 0 10px;
    }
    .article-list ul li {
        padding: 0 10px;
    }
    .menu-toggle {
        position: absolute;
        right: 30px;
        top: 35px;
        color: #464646;
        font-size: 16px;
        display: block;
    }

    .menu-toggle:hover {
        color: #eb007f;
    }

    .article-list ul li {
        width: 100%;
    }

    .slider-text-img {
        padding: 0;
        margin-bottom: 25px;
    }

    .slider-text-img .slider-text {
        padding: 15px;
    }

    .slider-text-img .slider-text:after {
        display: none;
    }

    .slider-text-img .close {
        right: 10px;
    }
    /*.person-list > div {
        margin: 20px 0;
    }
    .person-list .page-title {
        padding-left: 0;
    }
    .person-list .person-item .person-item-img {
        width: 100%;
        margin-bottom: 20px;
    }
    .person-list .person-item .person-item-text {
        clear: both;
    }*/
    .content-with-scroll .content-with-scroll-left,
    .content-with-scroll .content-with-scroll-right {
        max-width: 100%;
        margin-bottom: 30px;
    }
    .section-info .section-info-box.section-info-box2,
    .section-info .section-info-box.section-info-box1 {
        padding: 15px;
        max-width: 100%;
        margin-bottom: 20px;
    }
    .section-info .page-title {
        max-width: 100%;
        width: 100%;
        margin-bottom: 20px;
        padding: 0;
    }
    .section-info {
        padding: 0;
    }
    .content-with-scroll .content-with-scroll-right {
        padding-left: 10px;
        padding-right: 25px;
    }
    .content-with-scroll .content-with-scroll-right:after {
        right: 26.5px;
    }
    .content-with-scroll .content-with-scroll-left {
        margin-top: 20px;
    }
    .contact-col {
        width: 100% !important;
    }
    .contact-page {
        padding: 0;
    }
    .home-bg1 {
        margin: 0 0 28px 0;
        padding: 46px 0;
    }
    .home-footer {
        display: none;
    }
    .number-bg .number {
        font-size: 22vw;
    }
    .number-bg .text {
        font-size: 2wv;
    }
    .contact-news {
        background: transparent !important;
    }
    .contact-news-col {
        width: 100%;
        margin: 50px 0 0 0;
    }
    .home-bg2 {
        padding: 50px 0 30px 0;
    }
    .home-bg3 {
        background: #FFF;
        padding: 50px 0 30px 0;
    }
    .slider-text-img .krs-box {
        position: static;
        margin: 30px 0;

    }
    .footer .footer-box {
        bottom: -10px;
    }
    .contact-news {
        position: relative;
    }
    .contact-page,
    .section-info,
    .content-with-scroll
    /*.person-list {
        padding: 0 10px;
    }*/
    .slider-right .slider-img .hover-img {
        padding: 20px !important;
    }
    .slider-img-static-text .krs-box {
        position: static;
        float: left;
        margin: 20px 0;
        width: 100%;
        padding: 0 20px;
    }
    .gallery-list {
        position: static !important;
        float: left;
        width: 100%;
    }
    .gallery-list .gallery-item {
        width: 50% !important;
        height: 200px;
    }
    .gallery-list .gallery-text {
        width: 100%;
        height: auto;
    }
    .gallery-list .gallery-text .page-title {
        margin: 20px 0 0px 25px;
        padding-right: 50px;
        width: 100%;
        max-width: 450px;
        position: static !important;
        transform: none !important;
    }
    .container,
    .article-list .article-list-title {
        padding: 0 10px;
    }
    .article-list .article-list-title {
        margin-top: 30px;
    }
    .article-list-thumb .page-title {
        text-align: left;
    }
    .article-list-thumb {
        text-align: center;
    }
    .article-list-thumb .article-list-item {
        text-align: left;
    }
}
@media all and (min-width: 1101px){
    .menu-toggle {
        display: none;
    }
    .header nav {
        display: block !important;
    }
}
@media all and (max-width: 767px) {
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    /*.person-list > div {
        max-width: 100%;
        margin: 0 !important;
    }*/
    .slider-text-section p {
        padding: 0 10px;
    }
    .header nav .search-box input[type="text"] {
        width: 120px;
        border-radius: none !important;
    }
    .header nav .search-box input[type="submit"] {
        background-size: 17px 17px !important;
    }
}
@media all and (max-width: 580px){
    .section-info .section-info-box .col {
        width: 100%;
    }
    .content-text .content-text-inner {
        padding-right: 15px;
    }
    .contact-form .form-box {
        width: 100% !important;
    }

}