@media (min-width: 2300px) {
    .navbar-default .navbar-nav>li>a {
        font-size: 18px;
    }

    .home-two .detail .text {
        font-size: 18px;
        line-height: 27px;
    }

    .home-two .detail .list-icon .text-icon h2 {
        font-size: 22px;
    }

    .home-two .detail .list-icon .text-icon {
        font-size: 18px;
        line-height: 27px;
    }

    .home-three .text {
        font-size: 18px;
        line-height: 27px;
    }

    .home-three .text .box-btn .btn {
        font-size: 16px;
    }

    .home-six .home-product .box .name {
        font-size: 20px;
    }

    .footer .con4 h1 {
        font-size: 18px;
    }

    .footer .con4 p {
        font-size: 18px;
    }

    .footer .con3 p {
        font-size: 18px;
    }

    .footer-mini {
        font-size: 16px;
    }

    .about-one .detail .text {
        font-size: 18px;
        line-height: 27px;
    }

    .about-two .datagrid table tbody td p {
        font-size: 20px;
    }

    .about-two .datagrid table tbody td {
        font-size: 18px;
        line-height: 27px;
    }

    .why-two .text {
        font-size: 18px;
        line-height: 27px;
    }

    .why-three .data {
        font-size: 18px;
        line-height: 27px;
    }

    .about-banner {
        font-size: 20px;
    }

    .why-banner {
        font-size: 20px;
    }

    .product-banner {
        font-size: 20px;
    }

    .product-one .list-product .box .name {
        font-size: 18px;
    }   

    .prodetail-one .text {
        font-size: 18px;
        line-height: 27px;
    } 

    .prodetail-one .text .box-btn .btn-grad {
        font-size: 16px;
    }

    .prodetail-two .detail .tab-content .text {
        font-size: 18px;
        line-height: 27px;
    }

    .prodetail-two .detail .nav > li > a {
        font-size: 20px;
    }

    .project-one .box-project .list .tab-name {
        font-size: 18px;
    }

    .jecttail-one .project-gall .item .caption .text {
        font-size: 18px;
    }

    .jecttail-one .project-gall .item .caption .text p {
        font-size: 20px;
    }

    .jecttail-two .text {
        font-size: 18px;
        line-height: 27px;
    }

    .jecttail-two .box-btn .btn {
        font-size: 16px;
    }

    .update-one .box-update .box:nth-child(odd) .date {
        font-size: 18px;
    }

    .update-one .box-update .list .tab p {
        font-size: 18px;
    }

    .update-one .box-update .list .tab {
        font-size: 18px;
    }

    .update-banner {
        font-size: 20px;
    }

    .updetail-one .content span {
        font-size: 18px;
    }

    .updetail-one .content .text {
        font-size: 18px;
        line-height: 27px;
    }

    .contact-one .main-contact h1 {
        font-size: 20px;
    }

    .contact-one .main-contact {
        font-size: 18px;
    }

    .contact-banner {
        font-size: 20px;
    }

}



@media (min-width: 1920px) {

    .navbar-default .navbar-nav>li>a {
        font-size: 18px;
    }

    .home-two .detail .text {
        font-size: 18px;
        line-height: 27px;
    }

    .home-two .detail .list-icon .text-icon h2 {
        font-size: 22px;
    }

    .home-two .detail .list-icon .text-icon {
        font-size: 18px;
        line-height: 27px;
    }

    .home-three .text {
        font-size: 18px;
        line-height: 27px
    }

    .home-three .text .box-btn .btn {
        font-size: 16px;
    }

    .home-six .home-product .box .name {
        font-size: 20px;
    }

    .footer .con4 h1 {
        font-size: 18px;
    }

    .footer .con4 p {
        font-size: 18px;
    }

    .footer .con3 p {
        font-size: 18px;
    }

    .footer-mini {
        font-size: 16px;
    }

    .about-one .detail .text {
        font-size: 18px;
        line-height: 27px;
    }

    .about-two .datagrid table tbody td p {
        font-size: 20px;
    }

    .about-two .datagrid table tbody td {
        font-size: 18px;
        line-height: 27px;
    }

    .why-two .text {
        font-size: 18px;
        line-height: 27px;
    }

    .why-three .data {
        font-size: 18px;
        line-height: 27px;
    }

    .about-banner {
        font-size: 20px;
    }

    .why-banner {
        font-size: 20px;
    }

    .product-banner {
        font-size: 20px;
    }

    .product-one .list-product .box .name {
        font-size: 18px;
    }   

    .prodetail-one .text {
        font-size: 18px;
        line-height: 27px;
    } 

    .prodetail-one .text .box-btn .btn-grad {
        font-size: 16px;
    }

    .prodetail-two .detail .tab-content .text {
        font-size: 18px;
        line-height: 27px;
    }

    .prodetail-two .detail .nav > li > a {
        font-size: 20px;
    }

    .project-one .box-project .list .tab-name {
        font-size: 18px;
    }

    .jecttail-one .project-gall .item .caption .text {
        font-size: 18px;
    }

    .jecttail-one .project-gall .item .caption .text p {
        font-size: 20px;
    }

    .jecttail-two .text {
        font-size: 18px;
        line-height: 27px;
    }

    .jecttail-two .box-btn .btn {
        font-size: 16px;
    }

    .update-one .box-update .box:nth-child(odd) .date {
        font-size: 18px;
    }

    .update-one .box-update .list .tab p {
        font-size: 18px;
    }

    .update-one .box-update .list .tab {
        font-size: 18px;
    }

    .update-banner {
        font-size: 20px;
    }

    .updetail-one .content span {
        font-size: 18px;
    }

    .updetail-one .content .text {
        font-size: 18px;
        line-height: 27px;
    }

    .contact-one .main-contact h1 {
        font-size: 20px;
    }

    .contact-one .main-contact {
        font-size: 18px;
    }

    .contact-banner {
        font-size: 20px;
    }

}



@media (max-width: 1470px) {

}



@media (max-width: 1380px) {

}



@media (max-width: 1280px) {


}



@media (max-width: 992px) {

    .navbar-header {
        float: none;
    }

    .navbar-left,.navbar-right {
        float: none !important;
    }

    .navbar-toggle {
       display: block;
    }

    .navbar-collapse {
        border-top: 0px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        padding-top: 10px;
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none!important;
    }

    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }

    .navbar-nav>li {
        float: none;
    }

    .navbar-nav>li>a {
        padding: 10px 0px;
    }

    .navbar-nav>li>a {
        line-height: 12px;
    }

    .collapse.in{
        display:block !important;
    }


    .navbar-default .navbar-nav > li > a {
        font-size: 14px;
    }


    .dropdown-menu {
        position: relative;
    }


    .navbar-right .dropdown-menu {
        right: 0;
        left: 0;
    }


    .nav-link p i {
        bottom: 9px;
        width: 60%;
        border-bottom: 2px solid #FD8A00;
    }



    .navbar-default {
        background-color: #D9862D;
        border-color: #D9862D;
        position: relative !important;
    }

    .dropdown-menu {
        box-shadow: 0 0px 0px rgba(0,0,0,.175);
        margin-bottom: 25px;
    }

    div#bs-example-navbar-collapse-1.collapse.navbar-collapse {
        text-align: left;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }

    .home-two .detail .padd1 {
        padding-right: 15px;
    }

    .home-two .detail .padd2 {
        padding-left: 15px;
        padding-top: 20px;
    }

    .home-two .detail .list-icon .align-cen {
        text-align: center;
        margin-bottom: 30px;
    }

    .about-one {
        padding: 20px 0 20px 0;
    }

    .about-one .detail .padd1 {
        padding-right: 15px;
    }

    .about-one .detail .padd2 {
        padding-left: 15px;
    }

    .about-two .padd1 {
        padding-left: 15px;
    }

    .prodetail-one .text {
        padding-top: 20px;
    }

    .update-one .box-update .box {
        width: 48%;
    }

    .updetail-one .content .text img {
        height: 400px;
    }

    .home-one .caption {
        position: absolute;
        top: 65%;
        left: 66%;
    }

    .navbar-brand .img-logo {
        height: 45px;
    }
    .home-one {
        margin-top: 0;
    }

    .updetail-one .train-vdo .item img {
        height: 123px;
        object-fit: cover;
    }
    .updetail-one .train-vdo .item i {
        position: absolute;
        top: 37%;
        left: 40%;
        font-size: 40px;
    }
}



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

}


@media (max-width: 768px) {
    .project-one .box-project .page .pagination > li > a, .project-one .box-project .page .pagination > li > span {
        padding: 4px 10px;
        margin: 2px;
        border-radius: 5px;
    }

    
    
    
}

@media (max-width: 605px) { 
    .home-one {
        margin-top: 0;
    }

    .home-one .caption h1 {
        font-size: 22px;
    }

    .home-one .caption {
        font-size: 14px;
    }

    .home-two {
        padding: 20px 10px 40px 10px;
    }

    .home-two h1 {
        font-size: 28px;
    }

    .home-two .detail {
        padding: 15px 10px;
    }

    .home-three {
        padding: 100px 10px;
    }

    .home-three .text h1 {
        font-size: 28px;
    }

    .home-three .text {
        background: rgba(245, 139, 26, 0.62);
        padding: 20px 50px 50px 65px;
    }

    .home-four {
        padding: 50px 0;
    }

    .home-four p {
        font-size: 22px;
    }

    .home-five {
        background: #fff;
        text-align: center;
        padding: 30px 10px;
    }

    .home-five h1 {
        font-size: 28px
    }  

    .home-six {
        padding: 60px 10px;
    } 

    .home-six .home-product {
        margin-top: -215px;
    } 

    .about-one {
        padding: 20px 10px 20px 10px;
    }

    .about-one h1 {
        font-size: 28px;
    }

    .about-one .detail {
        padding: 15px 0;
    }

    .about-banner .title {
        left: 15%;
    }

    .about-two h1 {
        font-size: 28px;
    }

    .why-banner .title {
        left: 15%;
    }

    .why-one{
        padding:0 10px;
    }

    .why-one .slide-banner {
        padding: 40px 0 30px 0;
    }

    .why-two {
        padding: 0px 10px 40px 10px;
    }

    .why-two h1 {
        font-size: 28px;
    }

    .why-three{
    padding: 0 10px;
    }

    .why-three h1 {
    font-size: 28px;
    }

    .why-two .text {
    padding: 10px 0 20px 0;
    }

    .why-three .data {
    margin: 20px 0px 40px 0;
    }

    .product-one {
    padding: 40px 10px;
    }

    .product-banner .title {
        left: 15%;
    }

    .product-one .list-product .box img {
        height: 300px;
    }

    .prodetail-one {
        padding: 40px 10px 30px 10px;
    }

    .prodetail-two {
        background: #fff;
        padding: 20px 10px;
    }

    .prodetail-three h1 {
        font-size: 28px;
    }

    .prodetail-three .certificate .item img {
        padding: 15px 15px;
    }

    .project-banner .title {
        left: 15%;
    }

    .project-one {
        padding: 40px 10px;
    }    

    .project-one .box-project .list img {
        height: 330px
    }

    .jecttail-one {
        padding: 40px 10px 20px 10px;
    }

    .jecttail-two {
        padding: 0px 10px 40px 10px;
    }

    .jecttail-two h1 {
        font-size: 28px;
    }

    .jecttail-two .text {
        padding-top: 15px;
    }

    .update-banner .title {
        left: 23%;
    }

    .update-one .box-update .box {
        width: 100%;
        margin: 0px auto 22px;
    }

    .update-one {
        padding: 40px 20px;
    }

    .updetail-one h1 {
        font-size: 22px;
    }    

    .updetail-one{
        padding: 15px 10px;
    }

    .updetail-one .content {
        padding: 10px 0px;
    }

    .contact-banner .title {
        left: 15%;
    }

    .contact-one {
        padding: 40px 10px;
    }

    .updetail-one .content .text img {
        height: 259px;
    }
}


@media (max-width: 550px) {


}



@media (max-width: 480px) {

    .navbar-brand .img-logo {
        height: 45px;
    }

    .home-one .caption h1 {
        font-size: 18px;
    } 

    .home-two hr {
        top: -14px;
    }

    .home-two h1 {
        font-size: 24px;
        margin-top: 10px;
    }

    .home-two .detail .list-icon .text-icon h2 {
        font-size: 16px;
    }

    .home-three .text h1 {
        font-size: 24px;
        margin-top: 10px;
    }

    .home-three .text {
        padding: 20px 30px 30px 50px;
    }

    .home-three .text hr {
        width: 35px;
        margin-top: 35px;
    }

    .home-four p {
        font-size: 20px;
    }

    .home-five hr {
        top: -14px;
    }

    .home-five h1 {
        font-size: 24px;
        margin-top: 10px;
    }

    .home-six .home-product {
        margin-top: -240px;
    }

    .home-six .home-product .box img {
        height: 250px;
    }

    .home-six .home-product .box .name {
        padding: 12px;
        font-size: 14px;
    }    

    .about-banner .title {
        left: 18%;
    }

    .about-one hr {
        top: -14px;
    }

    .about-one h1 {
        font-size: 24px;
        margin-top: 10px;
    }

    .about-two {
        padding: 0px 0 40px 0;
    }

    .about-two h1 {
        font-size: 24px;
        margin-top: 10px;
    }

    .why-banner .title {
        left: 14%;
    }

    .why-two h1 {
        font-size: 24px;
        margin-top: 10px;
    }

    .why-two hr {
        top: -14px;
    }

    .why-two .text {
        padding: 10px 0 20px 0;
    }

    .why-three h1 {
        font-size: 24px;
        margin-top: 10px;
    }

    .why-one .slide-banner img {
        height: 285px;
    }

    .product-one .list-product .box img {
        height: 235px;
    }

    .product-one .list-product .box .name {
        padding: 10px;
        font-size: 14px;
    }

    .prodetail-three h1 {
        font-size: 24px;
        margin-top: 10px;
    }

    .project-one .box-project .list img {
        height: 240px;
    }

    .project-one .box-project .list .tab-name {
        padding: 12px;
    }

    .jecttail-one .project-gall img {
        height: 300px;
    }

    .jecttail-one .project-gall .item .caption {
        background: #000000d9;
        position: relative;
    }

    .jecttail-one .project-gall .item .caption .text {
        width: 100%;
    }

    .jecttail-one .project-gall .item .caption .text p {
        font-size: 16px;
    }

    .jecttail-one .project-gall .owl-dot.active:before {
        font-size: 12px;
        left: 11px;
        top: 3px;
    }

    .jecttail-one .project-gall .owl-dots:after {
        font-size: 12px;
    }

    .jecttail-one .project-gall .owl-nav {
        position: unset;
        background: #262626;
    }

    .jecttail-one .project-gall .owl-dots {
        position: absolute;
        right: 15px;
        bottom: 15px;
    }

    .jecttail-two h1 {
        font-size: 24px;
    }

    .jecttail-two hr {
        top: -25px;
    }

    .jecttail-two .text p {
        font-size: 16px;
        padding: 5px 0;
    }

    .update-banner .title {
        left: 28%;
    }

    .updetail-one hr {
        top: -20px;
    }

    .updetail-one h1 {
        font-size: 24px;
    }

    .updetail-one .content .text p {
        font-size: 24px;
    }

    .update-one .box-update .box {
        width: 100%;
        margin: 0 0 25px 0;
    }

    .footer-mini {
        text-align: center;
    }

    .footer-mini .social {
      text-align: center; 
        padding-top: 10px;
    }

    #train-gall{
        margin-top: 40px;
    }
    .updetail-one .train-vdo .item img {
        height: 111px;
        object-fit: cover;
    }
}


@media (max-width: 414px){
  
}


@media (max-width: 380px){

}


@media (max-width: 320px){

}