#header
{
    display: none;
}

.trans-content p
{
    margin-bottom: 5px;
}
#headerBottom
{
    display: none !important;
}
.show-desktop
{
    display: block;
}
.show-mobile
{
    display: none;
}
/* Large desktop */
@media (min-width: 1200px)
{
    #header
    {
        display: block;
    }
    .view-content .bx-controls-direction .bx-prev
    {
        left: 75px;
    }

    .view-content .bx-controls-direction .bx-next
    {
        right: 75px;
    }
    #header .closes
    {
        width: 150px;
    }
}
/* Large desktop */
@media (max-width: 1199px)
{
    #menu2
    {
        display: block;
    }
}
/* Large desktop */
@media (max-width: 1100px)
{
    /*#banner-control
    {
        display: none;
    }*/
    #mainContent.about-us .menu-top
    {
        margin: 0 20px;
        width: auto;
    }
    #mainContent.about-us .menu-top a
    {
        display: inline-block;
        margin: 1px 0 0;
        width: 33%;
    }
}
@media (min-width: 980px)
{
    .tran-wrap
    {
        float: left;
        width: 33.33%;
    }
    .trans-box .trans-name-2
    {
        float: none;
    }
    .wrap-hw
    {
        width: 970px;
    }
    .send-mail .control-label
    {
        width: 87px;
    }
    .send-mail .btn-button .col-md-offset-2
    {
        margin-left: 87px;
    }
}
/* Large desktop */
@media (min-width: 980px) and (max-width: 1199px)
{
    #headerBottom
    {
        background: #d65f16;
        bottom: 70px;
        padding: 15px 0 5px !important;
    }
    #headerBottom1
    {
        display: none !important;
    }
    #bg-right-footer {
        display: none !important;
    }
    .menu-list a
    {
        font-size: 13px;
        padding: 0 10px;
    }
    
    #mainContent, #mainContent.about-us
    {
        margin-left: 200px;
        padding-right: 30px;
    }
    /*============*/
    #logo
    {
        left: 40px;
    }
    .box-right .closes
    {
        display: none;
    }
    .box-right .closes-2
    {
        display: block;
    }
    #mainContent.news-wrap
    {
        padding-left: 2%;
        padding-right: 140px;
    }
    .tran-wrap
    {
        float: left;
        width: 50%;
    }
    .video-box .video-img .images-name
    {
        padding: 4px 0;
        font-size: 14px;
    }
}
@media (max-width: 980px)
{
    .tb-project
    {
        margin: 10px 0;
    }
    .tb-project .scroll-pane
    {
        width: 100%;
    }
    #footer
    {
        clear: both;
        overflow: hidden;
        position: relative;
    }
    #footer .footer-wrap
    {
        width: 96%;
    }
    #footer .list-menu
    {
        overflow: hidden;
    }
    #footer .list-menu li
    {
        border-bottom: solid 1px #fff;
        height: auto;
        width: 100%;
    }
    #footer .box-menu
    {
        position: relative;
    }
    #headerBottom
    {
        background: #d65f16;
        display: block !important;
        position: relative;
        padding: 10px 0 5px !important;
        width: 100%;
    }
    #headerBottom1
    {
        display: none !important;
    }
    #bg-right-footer {
        display: none !important;
    }
    /*.trans-box.last
            {
                margin-bottom: 25px;
            }*/
    #mainContent
    {
        margin: 130px auto 20px;
        padding: 0;
        width: 100%;
    }
    #mainContent .trans-box
    {
        height: auto;
    }
    .trans-box .more-detail
    {
        position: relative;
    }
    #bannerBg
    {
        display: none;
    }
    #mainContent.sangd .trans-box .more-detail a
    {
        padding: 0;
    }
    .wrapper-video
    {
        margin: 0 15px;
    }
    .box-localtion .local-content .local-text
    {
        font-size: 9px;
        line-height: 30px;
    }
    .box-localtion .local-content
    {
        background: url(../images/i-local-l2.png) no-repeat right top;
    }
    .box-localtion .local-content .local-bg
    {
        background: url(../images/i-local-bc2.png) repeat-x left top;
        padding-left: 25px;
    }
    .box-localtion.local-right .local-content
    {
        background: url(../images/i-local-r2.png) no-repeat left top;
    }
    .box-localtion.local-right .local-content .local-bg
    {
        padding-left: 0;
        padding-right: 25px;
    }
    .address-contact
    {
        padding: 25px 0 0;
    }
    .box-about
    {
        padding: 0;
    }
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 840px) and (max-width: 979px)
{
    /*===========*/
    .wrap-gallery
    {
        float: none;
        margin: 0 auto;
    }
}
/* Portrait tablet to landscape and desktop */
@media (max-width: 839px)
{
    
    #mainContent.about-us .menu-top a
    {
        width: 48%;
    }

}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px)
{
    /*#mainContent.news-wrap
    {
        margin: 240px auto 0 !important;
    }*/
    .tb-project, .wrap-p
    {
        width: 100%;
    }
    .project-wrap
    {
        width: 33.33%;
    }
    .box-project
    {
        padding: 5%;
        width: 90%;
    }
    .box-project .project-name
    {
        padding-top: 5px;
    }
    /*=========*/
    #logo
    {
        top: 20px;
        left: 30px;
    }
    #menu2
    {
        left: auto;
        right: 0;
        top: 20px;
    }
    #mainContent.news-wrap
    {
        padding-right: 0;
    }
    .list-news-2 li a span
    {
        max-height: 90px;
        line-height: 22px;
    }
    /*====================*/
    .box-right .closes
    {
        display: none;
    }
    .box-right .closes-2
    {
        display: block;
    }
    .wrap-about .view-wrapper
    {
        position: relative;
    }
    #mainContent.news-wrap
    {
        padding-left: 2%;
        padding-right: 130px;
    }
    #mainContent.newscurrent
    {
        padding-right: 200px;
    }
    #mainContent.about-us
    {
        padding: 0 2%;
        width: 96%;
    }
    .tran-wrap
    {
        float: left;
        width: 50%;
    }
    .video-box .video-img .images-name
    {
        padding: 4px 0;
        font-size: 14px;
    }
    .check-radio td
    {
        display: block;
        width: 100%;
    }
    #menu2 .menu-control
    {
        overflow: hidden;
        width: 100%;
    }
    #menu2 .menu-control a
    {
        float: right;
        margin-right: 15px;
    }
    .send-mail
    {
        margin-top: 30px;
    }
    .map-text
    {
        width: 50px;
    }
    .map-text .map-num
    {
        line-height: 50px;
    }
    .map-text .map-num
    {
        font-size: 14px;
        line-height: 50px;
    }
}
/* Landscape phone to portrait tablet */
@media (max-width: 840px)
{
    /*============*/
    .menu-list a, .list-news-2 li a
    {
        display: block;
        text-align: left;
    }
    .menu-list a
    {
        margin: 1px 20px 0 20px;
    }
    .list-news-2 li a
    {
        padding: 5px 20px;
    }
    .news-view .box-news
    {
        /*padding: 15px 0;*/
    }
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px)
{
    #logo a img
    {
        max-width: 200px;
    }
    #menu2
    {
        left: auto;
        right: 0;
        top: 20px;
    }
    #menu2 .menu-control
    {
        overflow: hidden;
        width: 100%;
    }
    #menu2 .menu-control a
    {
        float: right;
        margin-right: 15px;
    }
    #menu2 #menul2 li a
    {
        background: #2a62aa;
        color: #fff;
        opacity: .9;
    }
    #menu2 #menul2 li a:hover, #menu2 #menul2 li.active a
    {
        background: #d65f16;
    }
    /*=========*/
    .trans-name-2, .trans-content
    {
        float: none;
        width: 100%;
    }
    /*======*/
    .tb-project, .wrap-p
    {
        overflow: hidden;
        width: 100%;
    }
    .project-wrap
    {
        width: 33.33%;
    }
    .box-project
    {
        padding: 5%;
        width: 90%;
    }
    .box-project .project-name
    {
        padding-top: 5px;
    }
    /*===========*/
    .wrap-gallery
    {
        float: none;
        margin: 240px auto 0;
        overflow: hidden;
        height: auto;
        width: 100%;
    }
    .wrap-gallery .gallery-box
    {
        clear: both;
        float: none;
        position: relative;
        left: auto;
        top: auto;
        right: auto;
        height: auto;
        margin: 0 auto;
        width: 364px;
    }
    /*========*/
    #mainContent.news-wrap
    {
        padding-right: 0;
    }
    .col-control
    {
        top: 0;
        position: relative;
        width: 100%;
    }
    #listControl
    {
        padding: 0;
    }
    #listControl li
    {
        padding: 0 20px;
        margin-top: 1px;
    }
    .list-m
    {
        display: none;
    }
    .list-d
    {
        display: block;
    }
    /*.box-view
            {
                display: block !important;
            }*/
    .list-view
    {
        margin: 10px 0 20px;
    }
    .view-content
    {
        margin-bottom: 15px;
    }
    .control-news
    {
        text-align: left;
    }
    .box-wrap
    {
        margin: 0 20px;
    }
    .control-news
    {
        height: 0;
        top: 50%;
        left: 0;
        position: absolute;
        margin-top: -15px;
        width: 100%;
    }
    .control-news .news-prev, .control-news .news-next
    {
        display: block;
        top: 0;
        position: absolute;
    }
    .control-news .news-prev
    {
        left: 0;
    }
    .control-news .news-next
    {
        right: 0;
    }
    /*==========*/
    .list-controls li a, .list-cotrol a, .list-news .iteam-news a, .list-news-2 li a
    {
        border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
        -moz-border-radius: 15px; /* Firefox */
        -webkit-border-radius: 15px; /* Safari and Chrome */
        padding: 5px 20px;
        margin: 1px 35px 0;
    }

    .view-content .img-box .content-img
    {
        background: #fff;
        position: relative;
    }
    .view-content .img-box .img-ap
    {
        display: none;
    }
    #projectDetail .img-box .content-img
    {
        position: absolute;
    }
    .backstretch
    {
        display: none;
    }
    #banner .backstretch
    {
        display: block;
    }
    #mainContent.detail-text
    {
        margin: 170px auto 20px !important;
    }
    .wrap-gallery
    {
        margin: 100px auto 0 !important;
    }
    #transDetail
    {
        padding: 25px;
    }
    /*=================*/
    #logo
    {
        top: 20px;
        left: 30px;
    }
    .box-right
    {
        display: none;
    }
    .show-desktop
    {
        display: none;
    }
    .show-mobile
    {
        display: block;
    }
    #main-content
    {
        min-height: 100%;
    }
    .wrap-map .box-local
    {
        height: 15px;
        width: 15px;
    }
    #map .wrap-mapbox .content-map
    {
        margin-left: 0;
    }
    .check-radio td
    {
        display: block;
        width: 100%;
    }
    .send-mail
    {
        padding: 0 15px;
    }
    .address-contact
    {
        padding: 15px 15px 30px;
    }
    .box-localtion .local-content .local-text
    {
        font-size: 7px;
        line-height: 30px;
    }
    .box-localtion .local-content .local-bg
    {
        padding-left: 20px;
    }
    .newscurrent .col-control
    {
        left: 0;
    }
    
    .box-about
    {
        padding: 0 15px;
    }
    .map-text
    {
        width: 40px;
    }
    .map-text .map-num
    {
        font-size: 14px;
        line-height: 40px;
    }
    .map-text .map-num sup
    {
        font-size: 7px;
    }
}

@media (min-width: 600px) and (max-width: 767px)
{
    .tran-wrap
    {
        float: left;
        width: 50%;
    }
}

@media (min-width: 481px) and (max-width: 767px)
{
    .map #map .box
    {
        width: 300px;
    }
    .head-map h1
    {
        font-size: 16px;
        line-height: 24px;
    }
    .map-text
    {
        width: 40px;
    }
}
/* Landscape phones and down */
@media (max-width: 480px)
{
    #logo a img
    {
        max-width: 150px;
    }
    /*======*/
    .tb-project, .wrap-p
    {
        overflow: hidden;
        width: 100%;
    }
    .project-wrap
    {
        width: 50%;
    }
    .box-project
    {
        padding: 5%;
        width: 90%;
    }
    .box-project .project-name
    {
        padding-top: 5px;
    }
    .trans-name-2, .trans-content
    {
        float: none;
        padding: 0;
        width: 100%;
    }
    #mainContent.sangd .trans-box
    {
        padding: 5% 7% 1%;
        width: 86%;
    }
    .content-text
    {
        padding: 15px;
    }
    .wrap-images .img-box
    {
        float: none;
        width: 80%;
    }
    .wrap-images .box-2
    {
        margin: 10px auto;
    }
    .wrap-video .col-xs-6
    {
        width: 100%;
    }
    .map #map .box
    {
        width: 220px;
    }
    #map .wrap-mapbox .map-logo
    {
        float: none;
        margin: 0 auto 5px;
        width: 30%;
    }
    .map #map .box p, #map .box h2
    {
        margin: 0;
    }
    #map .box h2
    {
        line-height: 24px;
    }
    .head-map h1
    {
        font-size: 14px;
        line-height: 20px;
    }
    .logoa
    {
        display: none;
    }
    .address-content
    {
        padding: 15px 0;
    }
    .box-about-out
    {
        font-size: 13px;
        line-height: 20px;
        padding: 20px;
    }
    .box-about-out h2
    {
        font-size: 20px;
        line-height: 24px;
    }
    .list-ad a, .list-ad li
    {
        font-size: 12px;
    }
    .list-ad li
    {
        padding-left: 15px;
    }
}

/* Landscape phones and down */
@media (max-width: 380px)
{

    .wrap-gallery .gallery-box
    {
        width: 90%;
    }
}
/* Landscape phones and down */
@media (max-width: 320px)
{
    /*======*/
    .tb-project, .wrap-p
    {
        overflow: hidden;
        width: 100%;
    }
    .project-wrap
    {
        float: none;
        margin: 0 auto 10px;
        width: 85%;
    }
    .box-project
    {
        padding: 5%;
        width: 90%;
    }
    .box-project .project-name
    {
        padding-top: 5px;
    }
    .wrap-images .img-box
    {
        width: 100%;
    }
    .modal-bgox
    {
        margin: 20px;
    }
}