@charset "utf-8";

/* CSS Document */

/* ======== mobile portrait =========== */
@media only screen and (min-width:300px) and (max-width:767px){
    .about_top:before {
        display: none;
    }
    
    #testimonial {
        height: auto;
    }
    
    .navbar-default .navbar-toggle {
        margin-top: 36px;
    }
    
    .header_top nav.navbar ul.nav.navbar-nav {
        margin-left: 0;
        margin-right: 0;
    }
    
    .header_top nav.navbar ul.nav.navbar-nav li a {margin-left: 0;margin-bottom: 10px;}
    
    .banner {
        height: auto;
    }
    
    .banner_text {
        width: 100%;
        margin-left: 0;
        padding-left: 0;
    }
    
    .banner_tag {
        height: auto;
        padding: 25px;
        text-align: center;
        display: inline-block;
    }
    
    .banner_text h1 {
        font-size: 30px;
        width: 100%;
        margin-right: 0;
    }
    
    .banner_text h2 {
        font-size: 18px;
    }
    
    .banner_text p {
        padding-right: 0;
    }
    
    .exp {
        width: 100%;
        text-align: center;
    }
    
    .exp h2 {
        width: 100%;
        margin-top: 0;
    }
    
    .banner_image {
        display: none;
    }
    
    .about_top .about_left {
        margin-top: 0;
    }
    
    .about_right {
        display: none;
    }
    
    .about_bottom h1 {
        margin-top: 15px;
    }
    
    #testimonial .item .image {
        width: 100%;
    }
    
    #testimonial .item .text {
        width: 100%;
        margin-top: 0;
    }
    #footer {
        height: auto;
        margin-bottom: 0;
    }
    
    #footer .footer_inner {
        height: auto;
        padding: 25px 10px;
        text-align: center;
    }
    
    #footer .footer_inner .left {
        text-align: center;
    }
    
    #footer .footer_inner .left h1 {
        font-size: 23px;
    }
    
    #footer .footer_inner .left .lv {
        width: 100%;
    }
    
    #footer .footer_inner .left .cl {
        width: 100%;
    }
    
    #footer .footer_inner .left .cl span {
        width: 100%;
    }
    
    #footer .footer_inner .left ul.social {
        text-align: center;
    }
    
    
    #footer .footer_inner .left ul.social li {
        display: inline-block;
    }
    
    #footer .footer_inner .right h1 {
        font-size: 21px;
        text-align: center;
    }
    
    #footer .footer_inner .right form input[type="text"] {
        text-align: center;
    }
    
    #footer .footer_inner .right form textarea {
        text-align: center;
    }
    
    #footer .footer_inner .right form button.sbmt {
        float: none;
        display: inline-block;
    }
    
    #footer .footer_inner .right {
        text-align: center;
    }
    #testimonial .owl-buttons .owl-next, #testimonial .owl-buttons .owl-prev {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        display: inline-block;
    }
}
/* ======== mobile portrait =========== */


/* ======== iPAd =========== */
@media only screen and (min-width:768px) and (max-width:1023px){
    .header_top nav.navbar ul.nav.navbar-nav {
        margin-left: 0;
    }
    
    .header_top nav.navbar ul.nav.navbar-nav li a {
        font-size: 14px;
        margin-left: 5px;
        padding: 10px;
    }
    
    .header_top nav.navbar .navbar-right {
        width: 160px;
    }
    
    .header_top nav.navbar .navbar-right span {
        width: 20%;
    }
    
    .header_top nav.navbar .navbar-right p {
        width: calc(100% - 28%);
        font-size: 13px;
    }
    
    .banner_text {
        width: 100%;
        margin-left: 0;
        padding-left: 0;
    }
    
    .banner_tag {
        padding: 15px;
        text-align: center;
    }
    
    .banner_image {
        display: none;
    }
    
    .banner {
        height: auto;
    }
    
    header#header {
        height: auto;
    }
    
    .banner_text p {
        padding-right: 0;
    }
    
    .exp {
        width: 100%;
        text-align: center;
    }
    
    .exp h1 {
        width: 100%;
        margin-right: 0;
    }
    
    .exp h2 {
        margin-top: 0;
        width: 100%;
    }
    
    .about_top:before {
        left: 40px;
    }
    
    
    .about_bottom h1 {
        margin-top: 15px;
    }
    
    .about_bottom ul li {
        width: auto;
        margin-right: 42px;
    }
    #testimonial {
        height: auto;
    }
    
    #testimonial .item .text {
        margin-top: 0;
    }
    
    #testimonial .owl-buttons .owl-prev, #testimonial .owl-buttons .owl-next {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        display: inline-block;
    }
    
    #footer {
        height: auto;
        margin-bottom: 0;
    }
    
    #footer .footer_inner {
        height: auto;
    }
    
    #footer .footer_inner .container {
        width: 100%;
    }
}

@media only screen and (min-width:1024px) and (max-width:1199px){
    .header_top nav.navbar ul.nav.navbar-nav {
        margin-left: 100px;
    }
    .about_bottom .col-md-9, .about_bottom .col-md-3 {
        width: 100%;
    }
    .header_top nav.navbar ul.nav.navbar-nav li a {
        font-size: 14px;
        margin-left: 5px;
        padding: 10px;
    }
    
    .header_top nav.navbar .navbar-right {
        width: 160px;
    }
    
    .header_top nav.navbar .navbar-right span {
        width: 20%;
    }
    
    .header_top nav.navbar .navbar-right p {
        width: calc(100% - 28%);
        font-size: 13px;
    }
    
    .banner_text {
        width: 100%;
        margin-left: 0;
        padding-left: 0;
    }
    
    .banner_tag {
        padding: 15px;
        text-align: center;
    }
    
    .banner_image {
        display: none;
    }
    
    .banner {
        height: auto;
    }
    
    header#header {
        height: auto;
    }
    
    .banner_text p {
        padding-right: 0;
    }
    
    .exp {
        width: 100%;
        text-align: center;
    }
    
    .exp h1 {
        width: 100%;
        margin-right: 0;
    }
    
    .exp h2 {
        margin-top: 0;
        width: 100%;
    }
    
    .about_top:before {
        left: 40px;
    }
    
    
    .about_bottom h1 {
        margin-top: 15px;
    }
    
    .about_bottom ul li {
        width: auto;
        margin-right: 42px;
    }
    #testimonial {
        height: auto;
    }
    
    #testimonial .item .text {
        margin-top: 0;
    }
    
    #testimonial .owl-buttons .owl-prev, #testimonial .owl-buttons .owl-next {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        display: inline-block;
    }
    
    #footer {
        height: auto;
        margin-bottom: 0;
    }
    
    #footer .footer_inner {
        height: auto;
    }
    
    #footer .footer_inner .container {
        width: 100%;
    }

}
/* ======== iPAd =========== */

/* ======== Laptop =========== */
@media only screen and (min-width:1200px) and (max-width:1400px){

}
/* ======== Laptop =========== */

@media only screen and (min-width:1600px) and (max-width:2500px){
    .header_top .container {
        width: 90%;
    }
    
    .banner_text h1 {
        font-size: 60px;
    }
    
    .banner_text h2 {
        font-size: 40px;
    }
    
    .banner_text p {
        font-size: 23px;
        line-height: 32px;
    }
    
    .banner_text .exp h1 {
        font-size: 100px;
    }
    
    .banner_text .exp h2 {
        font-size: 35px;
    }
    .banner_image {
        width: 1020px;
        margin-top: 96px;
    }
    .about_top:before {
        left: 420px;
    }
    
    #testimonial {
        height: 817px;
    }
}