@media only screen and (max-width : 1024px) {
    .logo { margin: 20px 0 0 20px; }

    .owl-carousel.owl-index-banner { padding-top: 130px; }
    .owl-carousel.owl-index-banner .content h5 { padding: 0px 180px 0 60px; }
    .owl-carousel.owl-index-banner .content p { padding: 0px 180px 0 60px; }
    .owl-carousel.owl-index-banner .content .detailbtn { width: 120px; right: 60px; }

    .subpage_banner { padding-top: 130px; }
    .subpage_banner .bd li { height: 315px; }
    .subpage_banner .bd li a { height: 315px; }
    .subpage_banner .hd { bottom: 100px; }

    .entrance-column .col { min-height: initial; }

    .footerbottom:after { top: -350px; -webkit-transform: skewY( 0deg ); transform: skewY( 0deg ); height: 360px; }
    .service-footer { height: 200px; padding: 30px 0 0 0; }

    .company-info h2 { color: #ffffff; font-size: 26px; margin-bottom: 20px; color: #ffffff; }
    .company-info p { font-size: 12px; }
    .investor-data .subtitle { font-size: 18px; padding: 10px 0; }
}

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

    .visible-xs { display: block !important; }
    .hidden-xs { display: none !important; }

    .mtspace { margin-top: 0px; }
    .h4, h4 { font-size:16px; }
    .fs-16 { font-size:14px; }
    .fs-18 { font-size:16px; }

    .h1, h1 { font-size:22px;}
    .detail h1 { line-height: 25px; padding: 10px 0 10px 0; }

    .subpage-banner { padding: 0; }
    .card { margin-bottom:15px; }
    .detail_content p { font-size: 16px; line-height: 30px; }


    .navbar-header { padding: 10px 0; }
    .index-fix-nav { position: initial; box-shadow: none; }
    .nav.nav-custom { height: 180px; }
    .nav.nav-custom .navbar-nav { float: left; margin: 0; width: 100%; text-align: center; }
    .navbar-collapse.in { background-color: #f8f8f8; border-top: 1px #eee solid; }
    .nav.nav-custom .navbar-nav > li { margin-left: 0px; float: initial; display: inline-block; }
    .nav.nav-custom .navbar-nav > li a { padding: 10px 15px; font-size: 14px; }
    .nav.nav-custom .navbar-nav .dropdown-menu > li > a { padding: 10px 25px; }
    .nav.nav-custom .navbar-nav > li.active, .nav.nav-custom .navbar-nav > li:hover { border-bottom: 0px; }
    .nav.nav-custom .navbar-nav > li:hover a, .nav.nav-custom .navbar-nav > li a:active { background-color: #eee; }

    .owl-carousel.owl-index-banner { padding-top: 0px; }
    .owl-carousel.owl-index-banner .content { height: 100px; padding: 10px 0; }
    .owl-carousel.owl-index-banner .content h5 { padding: 0px 180px 0 60px; font-size: 20px; line-height: 35px; }
    .owl-carousel.owl-index-banner .content p { padding: 0px 180px 0 60px; font-size: 14px; line-height: 25px; }
    .owl-carousel.owl-index-banner .content .detailbtn { width: 100px; top: 20px; right: 60px; font-size: 14px; }
    .index_banner_nav { bottom: 100px; }
    .index_banner_nav .owl-prev, .index_banner_nav .owl-next { height: 100px; line-height: 90px; }

    .owl-carousel.owl-index-banner .owl-dots { bottom: 60px; }


    .solution { margin: 0; }
    .solution h1 { font-size: 28px; }
    .solution .subtitle { font-size: 16px; padding: 10px 0; }
    .solution_item .name { font-size: 16px; }
    .owl-carousel.owl-solution .owl-nav { padding: 20px 0 0 0; }

    .entrance { padding: 50px 0 10px 0; }
    .entrance-title { left: 30px; }
    .entrance-title h1 { font-size: 20px; line-height: 35px; }
    .entrance-title .subtitle { font-size: 14px; padding: 0 0 10px 0; }
    .entrance-title .more { width: 150px; font-size: 16px; }

    .hiSlider-title { font-size: 14px; line-height: 25px; text-indent:0px; padding:10px; }
    .hiSlider-pages { bottom: 6px; }
    .hiSlider-pages a { width: 18px; height: 18px; line-height: 18px; font-size: 12px; margin: 0 3px; }

    .investment-box { padding: 50px 0 120px 0; }
    .tabs { margin-top: 50px; }
    .accordion-handle.active h4 { color: #ffffff; }

    .infoitem { margin: 20px 0 0 0; padding-right: 25px; padding-left: 25px; }
    .col-cus-2 { width: 20%; margin-bottom: 20px; }

    .col-md-4.pc-no-right { padding-right: 15px; }
    .col-md-8.pc-no-left { padding-left: 15px; }

    .investor-data { margin-left: 5%; }
    .company-info h2 { font-size: 18px; }
    .company-info p { font-size: 12px; }
    .investor-data .subtitle { font-size: 18px; padding: 10px 0; }
    .investor-data .trend-box .price-box .price { font-size:70px; }

    .right-slide { display: none; }

    .card .card-top { font-size: 16px; }
}



@media only screen and (max-width : 480px) {
    .logo { width: 88px; margin: 15px 0 0 10px; }

    .top-container { padding:0 25px; }

    .navbar { height: auto; }
    .nav.nav-custom { height: auto; }
    .nav.nav-custom .navbar-nav { float: left; margin: 0; width: 100%; text-align: left; }
    .nav.nav-custom .navbar-nav > li { margin-left: 0px; float: initial; display: block; }
    .navbar-nav .open .dropdown-menu { background: #f2f2f2; }

    .owl-carousel.owl-index-banner .content { height: 60px; padding: 5px 0; display:none; }
    .owl-carousel.owl-index-banner .content h5 { padding: 0px 100px 0 30px; font-size: 16px; line-height: 25px; }
    .owl-carousel.owl-index-banner .content p { padding: 0px 100px 0 30px; font-size: 12px; line-height: 18px; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow: hidden; word-break: break-all; }
    .owl-carousel.owl-index-banner .content .detailbtn { width: 70px; height: 25px; line-height: 25px; top: 10px; right: 35px; font-size: 12px; }

    .index_banner_nav { bottom: 60px; left: 10px; right: 10px; }
    .index_banner_nav .owl-prev, .index_banner_nav .owl-next { height: 60px; line-height: 50px; font-size:42px;  }
    .owl-carousel.owl-index-banner .owl-dots { bottom: 0px; }


    .solution .content-title { padding: 25px 0; }
    .solution h1 { font-size:18px; line-height:35px; }
    .solution .subtitle { font-size:14px; line-height:20px; }
    .solution .more { font-size:16px; }
    .owl-carousel.owl-solution .owl-nav { display:none; }

    .entrance { padding: 25px 0 10px 0; }
    .entrance-column .col { width: 100%; padding: 0 15px 15px 15px; }

    .investment-box { padding: 10px 0 80px 0;}
    .trend-box h1 { font-size:28px; }
    .trend-box .price-box .symbol { font-size: 30px; }
    .trend-box .price-box .price { font-size: 70px; }
    .trend-box .price-box .trend { width: 30px; position: absolute; display: inline-block; top: 10px; right: 0px; font-size: 22px; }

    .tabs { margin:20px 0 0 0; }
    .infoitem h5 {  font-size:16px; }

    .col-cus-2 { width: 50%; margin-bottom: 20px; }

    footer { background: #a4a4a4; }
    footer h5 a { font-size:16px; }
    .bottom-nav { padding: 0 15px 50px 15px; }
    .footerbottom { background: #929292; }
    .footerbottom:after { height: 0px; }
    footer a { font-size:14px; }

    .service-footer .subtitle { font-size: 12px; }

    .copyright { height: auto; padding: 20px; }
    .copyright p { line-height: 20px; }

    .subpage-nav { height: 40px; line-height: 40px; font-size: 14px; }
    .subpage-nav a { height: 40px; line-height: 40px; padding: 0px 10px; }

    .location { font-size:12px; }

   
    .map-wrapper { height: 320px; }
    .map-info-window { padding: 0 0 5px 0; width: 250px; font-size:12px; line-height:20px; }
    .map-info ul { padding: 10px; }
    .map-info ul li { padding: 10px 0 10px 50px; }


    .investor-left, investor-right { margin-bottom: 15px; }
    .col-md-6.investor-left, .col-sm-6.investor-left { padding-right: 15px; }
    .col-md-6.investor-right, .col-sm-6.investor-right { padding-left: 15px; }
    .company-info h2 { color: #ffffff; font-size: 18px; margin-bottom: 20px; color: #ffffff; }
    .company-info p { font-size: 12px; }
    .investor-data .subtitle { font-size: 18px; padding: 10px 0; }
    .investor-data .trend-box .price-box .price { font-size: 70px; }
    .investor-data { margin-left: 8%; }


    .owl-absolute .owl-nav { display:none; }

    .product .product-no { text-align: left; }

}

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

}