a:link, a:visited
{
    outline: none;
}
#header, #footer, #banner
{
    overflow: hidden;
    width: 100%;
}
#header
{
    z-index: 99;
}
#main
{
    padding-top: 100px;
}


/*==========header==========*/
#header
{
    background: #08233b;
    left: 0;
    top: 0;
    right: 0;
    position: absolute;
    margin: 0;
}
.header-box
{
    background: #fff;
    height: 28px;
    text-align: right;
    vertical-align: top;
    overflow: hidden;
    width: 100%;
}
#banner
{
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
    height: 630px;
    width: 100%;
    z-index: 1;
}
#sliderBanner
{
    list-style: none;
    margin: 0;
    padding: 0;
}
#sliderBanner .images-video
{
    left: 0;
    top: 0;
    position: absolute;
    height: 630px;
    width: 100%;
}
#sliderBanner .banner-big
{
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fff;
    display: block;
    position: relative;
    height: 630px;
    width: 1600px;
    z-index: 2;
}
#sliderBanner .video .banner-mask
{
    background: #000;
    display: block;
    top:0;
    left: 0;
    right: 0;
    height: 630px;
    position: absolute;
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";/*IE8+*/  
    filter: alpha(opacity=70); /* IE7 and lower */ 
    z-index: 5;
}
#sliderBanner img
{
    height: 630px;
}
#sliderBanner .banner-small
{
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fff;
    display: none;
    position: relative;
    height: 630px;
    width: 768px;
    z-index: 1;
}
#sliderBanner .banner-small
{
    left: 50%;
    top: 0;
    margin-left: -384px;
    position: absolute;
    height: 630px;
    width: 768px;
    max-width: 768px;
}
.navbar-toggle
{
    background: url(../images/menu-icon.png) no-repeat left top;
    border-radius: 0;
    padding: 0;
    margin: 0;
    height: 72px;
    width: 73px;
}
.navbar-default .navbar-toggle span
{
    display: none;
}
.navbar-default .navbar-toggle
{
    border: none;
}
#phone
{
    background: #fff;
    vertical-align: top;
    position: relative;
    z-index: 99;
}
#wrapMenu
{
    position: relative;
    z-index: 100;
}
#email
{
    background: url(../images/icon-1.png) no-repeat left 5px;
    color: #001120;
    display: block;
    float: right;
    font-family: "Myriad Pro Regular";
    font-size: 14px;
    height: 25px;
    padding-left: 19px;
    margin-right: 20px;
    margin-top: 3px;
}
#email span
{
    border-bottom: solid 1px #001120;
    display: block;
    line-height: 18px;
}
#hoiline
{
    background: url(../images/icon-2.png) no-repeat left center;
    color: #001120;
    display: block;
    float: right;
    font-family: "Myriad Pro Bold";
    font-size: 18px;
    line-height: 26px;
    padding: 0 18px;
}
/*=====logo==========*/
#header .logo
{
    background: url(../images/logo.png) no-repeat left top;
    padding: 0;
    text-indent: -9999em;
    margin-left: 0;
    margin-top: -18px;
    height: 72px;
    width: 72px;
}
/*==========name co============*/
#nameCo
{
    background: url(../images/nameco.png) no-repeat left top;
    margin: 10px 10px 0 85px;
    text-indent: -9999em;
    height: 48px;
    width: 160px;
}
/*============menu===============*/
#menu
{
    margin-top: 0;
    margin-bottom: 0;
}
#menu li a
{
    color: #fff;
    font-family: "Myriad Pro Bold Condensed";
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
}
#menu li a:hover, #menu li.active a
{
    background: #378bd8;
}
.navbar-static-top, .navbar-default .navbar-collapse, .navbar-default .navbar-form
{
    border: none;
}
/*===========title=======*/
.title-2
{
    background: url(../images/line.png) repeat-x left center;
    text-align: center;
    font-weight: normal;
    width: 100%;
}
.title-2 span
{
    background: #fff;
    color: #000;
    display: inline-block;
    font-family: "Myriad Pro Condensed";
    font-size: 30px;
    padding: 0 20px 5px;
    line-height: 36px;
}
/*========about========*/
#aboutUs
{
    background: #d9e3ed url(../images/about-line.png) repeat-x left bottom;
    padding: 15px 0 1px;
}
#aboutUs .container
{
    border-bottom: solid 6px #cdd5dd;
}
#aboutUs .about-img
{
    display: block;
    float: left;
    width: 247px;
}
#aboutUs .more-detail
{
    float: right;
    margin-top: 5px;
    width: 80px;
}
#aboutUs .more-detail a
{
    background: url(../images/more-bg.png) no-repeat left top;
    color: #fff;
    display: block;
    font-family: Calibri;
    text-align: center;
    height: 36px;
    line-height: 34px;
    text-transform: uppercase;
    width: 80px;
}
#aboutUs .more-detail a:hover
{
    text-decoration: none;
}
#aboutUs .about-content
{
    color: #555;
    font-family: Calibri;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    padding-left: 25px;
}
.about-content .about-tit, .about-content .node
{
    margin: 0;
}
.about-content .about-tit a
{
    color: #0067c7;
    display: block;
    font-family: Calibri;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 3px;
}
.about-content .node
{
    color: #000;
    font-size: 20px;
    margin-bottom: 5px;
}
#aboutUs .description
{
    overflow: hidden;
    padding-right: 25px;
}
/*==========product=========*/
.box-product
{
    position: relative;
    margin: 5px 0 25px;
    width: 100%;
}
.pro-type
{
    left: 0;
    top: 12px;
    position: absolute;
    z-index: 100;
}
.pro-type a
{
    background: url(../images/pro-icon-bg.png) no-repeat right top;
    display: block;
    padding-right: 23px;
    height: 22px;
}
.pro-type a span
{
    background: #051d32;
    color: #fff;
    display: block;
    font-family: Calibri;
    font-size: 13px;
    height: 22px;
    line-height: 22px;
    white-space: nowrap;
    padding: 0 10px;
    text-transform: uppercase;
}
.pro-img
{
    display: block;
    position: relative;
    z-index: 1;
}
.pro-img img
{
    width: 100%;
}
.pro-img .color-1
{
    display: none;
}
.pro-type a:hover, .pro-name a:hover, .about-content .about-tit a:hover
{
    text-decoration: none;
}
.pro-name
{
    background: url(../images/icon-name.png) no-repeat center top;
    margin: -5px 0 0;
    padding-top: 5px;
    text-align: center;
    position: relative;
    width: 100%;
    z-index: 99;
}
.pro-name a
{
    background: #378bd8 url(../images/pro-bg-name.png) repeat-x left bottom;
    color: #e6e6e6;
    display: block;
    font-family: Calibri;
    font-size: 18px;
    line-height: 20px;
    padding: 15px 10px;
    white-space: nowrap;
}
/*=====================*/
.bwWrapper 
{
	position:relative;
	display:block;
}
.clr
{
    clear: both;
}
#wrapProBox
{
    padding-bottom: 10px;
    width: 100%;
}
#wrapProBox .row
{
    padding-left: 15px;
    padding-right: 15px;
}
#contact #site
{
    margin-bottom: 20px;
}
#contact .form-group .row
{
    padding: 0;
}
.wrap-product
{
    background: #fff;
    text-align: center;
    position: relative;
    padding: 2px;
    float: left;
    height: auto;
    width: 25%;
    z-index: 1;
}
.product-box
{
    width: 100%;
}
.product-img
{
    display: block;
    position: relative;
    width: 100%;
    z-index: 1;
}
.product-img .color-m, .img-mo
{
    display: none;
}
.product-bottom
{
    display: none;
    margin: 0 7.5%;
    position: relative;
    padding-bottom: 10px;
    height: 155px;
    z-index: 10;
    width: 85%;
}
.product-bottom .icon-pro
{
    background: url(../images/icon-p.png) no-repeat center top;
    height: 36px;
    margin-top: -21px;
    width: 100%;
}
.product-name
{
    border-bottom: dotted 2px #c4c4c4;
    margin: 0;
}
.product-name a
{
    color: #000;
    display: block;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
}
.product-name a:hover
{
    text-decoration: none;
}
.product-bottom .description
{
    color: #999;
    font-size: 12px;
    line-height: 18px;
    margin-top: 5px;
    overflow: hidden;
    height: 75px;
}
/*===============site===========*/
#site, #linkSearch, .pager
{
    white-space: nowrap;
    padding: 15px 0;
    overflow: hidden;
    width: 100%;
}
#linkSearch
{
    padding: 15px 0 5px;
}
#site
{
    border-bottom:solid 1px #d6d6d6;
}
#site a, #site span
{
    color: #868686;
    display: inline-block;
    font-size: 14px;
    font-style: italic;
    margin: 0 4px;
    line-height: 20px;
}
#site a
{
    background: url(../images/icon-3.png) no-repeat right center;
    padding-right: 12px;
}
#site a:first-child
{
    margin-left: 0;
}
#site span
{
    color: #001120;
}
#linkSearch a
{
    border: solid 2px #dbdbdb;
    color: #263441;
    display: block;
    float: left;
    font-size: 14px;
    height: 27px;
    line-height: 22px;
    padding: 0 12px;
    margin-bottom: 10px;
    margin-right:10px;
    min-width: 120px;
}
#linkSearch a:first-child
{
    text-transform: uppercase;
}
#linkSearch a:hover
{
    border-color: #378bd8;
    text-decoration: none;
}
/*==========pager================*/
.pager
{
    text-align: center;
    padding: 5px 0 15px;
    margin: 0;
}
.pager a
{
    border: solid 1px #000;
    color: #000;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    height: 24px;
    line-height: 24px;
    width: 24px;
}
.pager a.current, .pager a:hover
{
    background: #000;
    color: #fff;
    text-decoration: none;
}
/*======link=======*/
#linkWrap
{
    background: #d9e3ed;
    overflow: hidden;
    text-align: center;
    width: auto;
}
#linkWrap .container
{
    border-bottom: solid 6px #cdd5dd;
}
#linkWrap a
{
    background-position: center; 
    color: #051d32;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    line-height: 26px;
    padding: 0 3px;
    margin: 8px 20px;
}
#linkWrap a span
{
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    overflow: hidden;
    text-align:center;
    height: 32px;
    width: 100%;
}
#linkWrap a.last
{
    margin-right: 0;
}
#linkWrap span
{
    display: block;
}

#linkWrap .link-num
{
    color: #2a2323;
    font-size: 24px;
    line-height: 38px;
    margin-top: 5px;
}
#linkWrap .link-name, .iteam-about .head-about a
{
    color: #fff;
    font-family: Arial;
    font-size: 12px;
    line-height: 22px;
    text-transform: uppercase;
}
#linkWrap .link-name
{
    background: url(../images/link-bg.png) no-repeat right top;
    height: 22px;
    padding-left: 10px;
    padding-right: 30px;
}
#linkWrap a:hover .link-name, #linkWrap a.current .link-name
{
    background-position: right -22px;
    color: #051d32;
}
.iteam-about
{
    overflow: hidden;
    padding-bottom: 1px;
    width: 100%;
}
.iteam-about .head-about
{
    margin: 0;
    display: none;
}
.iteam-about .head-about a
{
    background: #D9E3ED;
    color: #051D32;
    display: block;
    line-height: 32px;
    padding: 5px 10px;
}
.iteam-about .head-about a span
{
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    float: left;
    height: 32px;
    width: 40px;
}
.iteam-about .head-about a:hover, .iteam-about .head-about a:focus, .iteam-about .head-about a:visited,
#linkWrap a:hover, #linkWrap a:focus, #linkWrap a:visited
{
    border: none !imprtant;
    text-decoration: none;
}
.iteam-about .head-about a:hover, .iteam-about .head-about.current a,
#linkWrap a:hover, #linkWrap a.current
{
    color: #F3454F;
    text-decoration: none;
}
/*==============*/
#linkWrap a.a-icon-1 span, .iteam-about .head-about a.a-icon-1 span
{
    background-image: url(../images/about-icon-1a.png);
}
#linkWrap a.a-icon-1:hover span , #linkWrap a.a-icon-1.current span,
.iteam-about .head-about a.a-icon-1:hover span, .iteam-about .head-about.current a.a-icon-1 span
{
    background-image: url(../images/about-icon-1h.png);
}
#linkWrap a.a-icon-2 span, .iteam-about .head-about a.a-icon-2 span
{
    background-image: url(../images/about-icon-2a.png);
}
#linkWrap a.a-icon-2:hover span , #linkWrap a.a-icon-2.current span,
.iteam-about .head-about a.a-icon-2:hover span, .iteam-about .head-about.current a.a-icon-2 span
{
    background-image: url(../images/about-icon-2h.png);
}
#linkWrap a.a-icon-3 span, .iteam-about .head-about a.a-icon-3 span
{
    background-image: url(../images/about-icon-3a.png);
}
#linkWrap a.a-icon-3:hover span , #linkWrap a.a-icon-3.current span,
.iteam-about .head-about a.a-icon-3:hover span, .iteam-about .head-about.current a.a-icon-3 span
{
    background-image: url(../images/about-icon-3h.png);
}
#linkWrap a.a-icon-4 span, .iteam-about .head-about a.a-icon-4 span
{
    background-image: url(../images/about-icon-4a.png);
}
#linkWrap a.a-icon-4:hover span , #linkWrap a.a-icon-4.current span,
.iteam-about .head-about a.a-icon-4:hover span, .iteam-about .head-about.current a.a-icon-4 span
{
    background-image: url(../images/about-icon-4h.png);
}
#linkWrap a.a-icon-5 span, .iteam-about .head-about a.a-icon-5 span
{
    background-image: url(../images/about-icon-5a.png);
}
#linkWrap a.a-icon-5:hover span , #linkWrap a.a-icon-5.current span,
.iteam-about .head-about a.a-icon-5:hover span, .iteam-about .head-about.current a.a-icon-5 span
{
    background-image: url(../images/about-icon-5h.png);
}
#linkWrap a.a-icon-6 span, .iteam-about .head-about a.a-icon-6 span
{
    background-image: url(../images/about-icon-6a.png);
}
#linkWrap a.a-icon-6:hover span , #linkWrap a.a-icon-6.current span,
.iteam-about .head-about a.a-icon-6:hover span, .iteam-about .head-about.current a.a-icon-6 span
{
    background-image: url(../images/about-icon-6h.png);
}
/*==========*/
.wrapAbout
{
    display: none;
    color: #555;
    font-family: Calibri;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    padding: 25px 0 10px;
    width: 100%;
}
.wrapAbout h1
{
    color: #0067c7;
    font-size: 20px;
    margin: 5px 0 20px;
}
.wrapAbout > ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}
.wrapAbout > ul > li
{
    background: url(../images/icon-4.png) no-repeat left 5px;
    padding-left: 16px;
    margin-bottom: 30px;
}
.wrapAbout img
{
    max-width:100%;
}
/*==========footer=====*/
#footer .container
{
    background: #051d32;
    color: #fff;
    font-family: Calibri;
    font-size: 13px;
    line-height: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#footer p
{
    margin: 0;
}
#footer .footer-logo
{
    background: url(../images/logo-footer.png) no-repeat left top;
    display: block;
    float: left;
    text-indent: -9999em;
    margin: 0 10px;
    height: 34px;
    width: 34px;
}
#footer .nameco
{
    font-size: 13px;
    overflow: hidden;
    margin: 0;
}
#footer .nameco strong
{
    display: block;
    font-family: "Myriad Pro Bold Condensed";
    font-size: 15px;
    text-transform: uppercase;
    padding-top: 3px;
}
/*===========map============*/
#mapRep
{
    border: solid 1px #999;
    padding: 2px;
}
.Flexible-container 
{
     position: relative;
     height: 600px;
     overflow: hidden;
}
.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed 
{
     position: absolute;
     top: 50%;
     left: 50%;
     margin-top: -300px;
     margin-left: -490px;
     width: 980px;
     height: 980px;
}        
/*===========address contact===========*/
#addressContact
{
    color: #555;
    font-family: Arial;
    font-size: 13px;
    line-height: 20px;
    overflow: hidden;
    margin-top: 135px;
    width: 100%;
}
#addressContact *
{
    margin: 0;
}
#addressContact h2
{
    color: #1a1d4a;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 5px;
    line-height: 20px;
}
#addressContact h2 strong
{
    text-transform: uppercase;
}
#addressContact p
{
    margin: 3px 0;
}
/*===========*/
#contactEmail
{
    overflow: hidden;
    width: 100%;
}
#contactEmail .requies
{
    display: inline-block;
    margin-left: 20px;
}
#contactEmail .form-control, #contactEmail .requies
{
    color: #999;
    font-size: 14px;
}
#contactEmail h2
{
    color: #000;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px;
}
#contactEmail .text-area
{
    height: 200px;
    resize: none;
}
#contactEmail .capcha
{
    overflow: hidden;
    width: 100%;
}
#contactEmail .capcha img
{
    float: left;
}
#contactEmail .capcha .rcRefreshImage
{
    background: url(../images/refresh.png) no-repeat left center;
    display: block;
    float: left;
    text-indent: -9999em;
    margin-left: 10px;
    margin-top: 9px;
    height: 16px;
    width: 16px;
}
#contactEmail .capcha .rcRefreshImage:hover
{
    background-position: -16px center;
}
/*=============*/
.h-bottom
{
    padding: 10px 0 20px;
}
#wrapProd .form-control
{
    font-size: 13px;
    padding: 4px 4px 4px 12px;
    height: 28px;
    line-height: 36px;
    text-transform: uppercase;
}
#wrapProd .pager
{
    text-align: right;
    padding: 2px 0 0;
}
#wrapSite #site
{
    margin-bottom: 20px;
}
.wrap-prod
{
    padding: 20px 0 10px;
}
.prod-box
{
    color: #999;
    font-size: 12px;
    line-height: 20px;
    position: relative;
    height: auto;
    width: 100%;
}
.prod-box .prod-bottom
{
    background: #fff;
    border: solid 1px #dadada;
    padding: 0 5px 5px;
    overflow: hidden;
    margin-top: 5px;
    height: auto;
    width: auto;
}
.prod-name
{
    display: block;
    margin: 10px 0 5px;
    width: 100%;
}
.prod-name a
{
    color: #333;
    display: block;
    font-family: Arial;
    font-size: 13px;
    white-space: nowrap;
    text-align: center;
    text-transform: uppercase;
    line-height: 20px;
}
.prod-name a:hover
{
    text-decoration: none;
}
.prod-box .description
{
    height: 0;
    overflow: hidden;
    width: 100%;
}
    .prod-img
    {
        display: block;
        position: relative;
        width: 100%;
        z-index: 1;
    }
    /*=============*/
    #colLeft
    {
        display: none;
    }
    #menuPro, #menuPro ul
    {
        list-style: none;
        padding: 0;
        margin: 0;
        width: 100%;
    }
    #menuPro > li
    {
        margin-bottom: 4px;
    }
    #menuPro > li > h3
    {
        background: #2083d5;
	    border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	    -moz-border-radius: 5px; /* Firefox */
        -webkit-border-radius: 5px; /* Safari and Chrome */
        margin: 0;
        width: 100%;
    }
    #menuPro > li > h3 > a
    {
        background: url(../images/m-icon-1.png) no-repeat 10px 9px;
        color: #fff;
        display: block;
        font-size: 14px;
        line-height: 18px;
        padding: 5px 10px 5px 20px;
        line-height: 20px;
        text-transform: capitalize;
    }
    #menuPro a:hover, #menuPro li.active a
    {
        text-decoration: none;
    }
    #menuPro > li > h3 > a > span
    {
        background: url(../images/m-icon-up.png) no-repeat right center;
        display: block;
        padding-right: 15px;
    }
    
    #menuPro > li > h3:hover, #menuPro > li:hover > h3, #menuPro > li.active > h3
    {
        background: #2183d4 url(../images/m-bg.png) repeat-y right top;
    }
    #menuPro li li
    {
        border-bottom: dotted 1px #dcdcdc;
        padding: 0 10px 0 30px;
    }
    #menuPro li li a
    {
        display:block;
        font-size: 12px;
        line-height: 20px;
        text-transform: capitalize;
        padding: 2px 0;
    }
    #menuPro li li a:hover, #menuPro li li.active a
    {
        color: #08233B;
    }
    #menuPro .menu-sub
    {
        display: none;
    }
    .tbnhansu td
    {
        padding: 0 7px !important;
    }
.tbnhansu2
{
    margin: 0 auto !important;
    width: 80%  !important;
}
.more-see
{
    color: #002060;
    cursor: pointer;
    font-size: 13px;
    text-decoration: underline;
}
.more-see.open
{
    color: #F3454F;
}
/*==================*/
#dieukhien
{
    margin-top: 20px;
}
#dieukhien li.current, #tabs6 table,
#tabs6 .tbnhansu2
{
    display: none;
}
#dieukhien li
{
    color: #378BD8;
    cursor: pointer;
    margin-bottom: 5px;
}
/*==============*/      
@media (min-width: 1601px)
{
    #sliderBanner .banner-big
    {
        height: 630px;
        left: 0;
        top: 0;
        margin-left: 0;
        position: relative;
        max-width: 100%;
        width: 100%;
    }
    #colLeft
    {
        display: block;
    }
}
/* Large desktop */
@media (min-width: 1036px)
{
    .container
    {
        margin: 0 auto;
        padding: 0;
        width: 980px;
    }
    #phone
    {
        height: 28px;
    }
    .h-bg-l
    {
        background: #fff;
        height: 28px;
        left: 0;
        right: 50%;
        position: absolute;
        z-index: 1;
    }
    .h-bg-r
    {
        background: url(../images/h-bg-r.png) no-repeat left top;
        height: 28px;
        right: -28px;
        top: 0;
        position: absolute;
        width: 28px;
        z-index: 100;
    }
    #header
    {
        height: 100px;
    }
    #menu
    {
        right: 0;
        top: 0;
        position: absolute;
    }
    #menu li
    {
        margin-left: 1px;
    }
    #menu li a
    {
        line-height: 72px;
        padding: 0 22px;
    }
    .box-product:hover .pro-name
    {
        background: url(../images/icon-name2.png) no-repeat center top;
    }
    .box-product:hover .pro-name a
    {
        background: #f2ea16 url(../images/pro-bg-name2.png) repeat-x left bottom;
        color: #051d32;
    }
    .box-product:hover .pro-img .color-1
    {
        display: block;
    }
    .box-product:hover .pro-img .color-2
    {
        display: none;
    }
    #bx-pager
    {
        margin: 0 auto;
        text-align: right;
        vertical-align: top;
        padding: 0 15px;
        width: 980px;
    }
    #wrapPager
    {
        left: 0;
    }
    /*===========*/
    .wrap-product:hover
    {
        z-index: 10;
    }
    .product-box
    {
        /*-webkit-transition: margin-top 0.4s;
        -moz-transition: margin-top 0.4s;
        -o-transition: margin-top 0.4s;
        -ms-transition: margin-top 0.4s;
        transition: margin-top 0.4s;*/
        -webkit-transition: margin-top 0.4s, padding-bottom 0.4s;
        -moz-transition: margin-top 0.4s, padding-bottom 0.4s;
        -o-transition: margin-top 0.4s, padding-bottom 0.4s;
        -ms-transition: margin-top 0.4s, padding-bottom 0.4s;
        transition: margin-top 0.4s, padding-bottom 0.4s;
    }
    .wrap-product:hover .product-box
    {
        background: #fff;
        margin-top: -15px;
        padding-bottom: 15px;
        margin-bottom: -200px;
    }
    .wrap-product:hover .product-img .color-d
    {
        display: none;
    }
    .wrap-product:hover .product-img .color-m
    {
        display: block;
    }
    .wrap-product .product-box .product-bottom
    {
    }
    .wrap-product:hover .product-box .product-bottom
    {
        display: block;
    }
    /*=================*/
    .prod-box
    {
        -webkit-transition: margin-top 0.4s, padding-bottom 0.4s;
        -moz-transition: margin-top 0.4s, padding-bottom 0.4s;
        -o-transition: margin-top 0.4s, padding-bottom 0.4s;
        -ms-transition: margin-top 0.4s, padding-bottom 0.4s;
        transition: margin-top 0.4s, padding-bottom 0.4s;
        padding-bottom: 48px;
    }
    .prod-box .prod-bottom
    {
        bottom: 0;
        left: 0;
        right: 0;
        position: absolute;
        z-index: 99;
    }
    .wrap-prod .description
    {
        -webkit-transition: height 0.4s;
        -moz-transition: height 0.4s;
        -o-transition: height 0.4s;
        -ms-transition: height 0.4s;
        transition: height 0.4s;
    }
    .wrap-prod:hover .prod-box
    {
        margin-top: -20px;
        padding-bottom: 68px;
    }
    .wrap-prod:hover .description
    {
        height: 62px;
    }
    #colLeft
    {
        display: block;
    }
}
/*@media (min-width: 980px) and (max-width: 1199px)  
{
} */

@media (min-width: 768px) and (max-width: 1600px)
{
    #sliderBanner .banner-big
    {
        height: 630px;
        top: 0;
        left: 50%;
        margin-left: -800px;
        max-width: 1600px;
        position: absolute;
        width: 1600px;
        z-index: 1;
    }
}
@media (min-width: 768px) and (max-width: 1035px)
{
    .container
    {
        padding: 0;
        width: 100%;
    }
    #header
    {
        height: 100px;
    }
    #menu
    {
        right: 0;
        top: 0;
        position: absolute;
    }
    #menu li a
    {
        line-height: 72px;
        padding: 0 22px;
    }
    #header .logo
    {
        margin-left: 15px;
    }
    #nameCo
    {
        margin-left: 100px;
    }
    #wrapPager
    {
        left: 0;
    }    
    #wrapProBox .row
    {
        margin-left: 0;
        margin-right: 0;
    }
    .product-img .color-m, .img-mo
    {
        display: block;
    }
    .product-img .color-d, .bwWrapper
    {
        display: none;
    }
    .product-bottom
    {
        display: block;
        height: auto;
    }
    .product-name
    {
        border: none;
        margin-bottom: 10px;
    }
    .product-bottom .description
    {
        display: none;
    }
    .pro-img .color-1
    {
        display: block;
    }
    .pro-img .color-2
    {
        display: none;
    }
    #productWrap .row
    {
        margin-left:0;
        margin-right: 0;
    }
    #site, #linkSearch, .title-2, #parents, #linkWrap .container, .wrapAbout
    {
        margin-left: 15px;
        margin-right: 15px;
        width: auto;
    }
    #linkWrap a
    {
        width: 25%;
    }
    #mapRep, #contact #site
    {
        margin-left: 15px;
        margin-right: 15px;
        width: auto;
    }
    #contact > .row, #wrapProd > .row
    {
        margin: 0;
    }

}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px)
{
    #header
    {
        height: 100px;
    }
    #menu
    {
        right: 0;
        top: 0;
        position: absolute;
    }
    #menu li
    {
        margin-left: 1px;
    }
    #menu li a
    {
        line-height: 72px;
        padding: 0 20px;
    }
    #webb
    {
        display: none;
    }
    #aboutUs .about-content
    {
        padding-right: 10px;
    }
    #contactEmail .form-group .col-xs-4
    {
        padding-left: 0;
    }
    #colLeft
    {
        display: none;
    }
}
@media (min-width: 830px) and (max-width: 890px)
{
    #menu li a
    {
        line-height: 72px;
        padding: 0 16px;
    }
}
@media (min-width: 768px) and (max-width: 830px)
{
    #menu li a
    {
        line-height: 72px;
        padding: 0 11px;
    }
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px)
{
    #header .logo
    {
        margin-left: 15px;
    }
    #nameCo
    {
        margin-left: 100px;
    }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus
    {
        background-color: #378bd8;
    }
    #menu li
    {
        padding-bottom: 1px;
    }
    #menu
    {
        margin-top: 1px;
    }
    #hoiline
    {
        padding-right: 0;
    }
    #webb
    {
        display: none;
    }
    #aboutUs .about-img
    {
        display: none;
    }
    #aboutUs .about-content
    {
        padding-left: 0;
    }
    #aboutUs .description
    {
        margin-bottom: 20px;
    }
    #sliderBanner .banner-small
    {
        display: block;
    }
    #sliderBanner .banner-big
    {
        display: none;
    }
    .product-img .color-m, .img-mo
    {
        display: block;
    }
    .product-img .color-d, .bwWrapper
    {
        display: none;
    }
    .product-bottom
    {
        display: block;
        height: auto;
    }
    .product-name
    {
        border: none;
        margin-bottom: 10px;
    }
    .product-bottom .description
    {
        display: none;
    }
    .pro-img .color-1
    {
        display: block;
    }
    .pro-img .color-2
    {
        display: none;
    }
    #linkWrap
    {
        display: none;
    }
    #linkWrap a
    {
        width: 44%;
    }
    .iteam-about .head-about
    {
        display: block;
    }
    /*=========map*/
    .Flexible-container 
    {
        height: 400px;
    }
    #contactEmail
    {
        padding: 15px 0;
    }
    .about-content .about-tit a
    {
        font-family: Arial;
        font-size: 18px;
        line-height: 20px;
    }
    .about-content .node
    {
        font-family: Arial;
        font-size: 15px;
        line-height: 22px;
    }
    #addressContact
    {
        margin-top: 0;
    }
    #banner .bx-controls-direction a
    {
        display: none;
    }
    #colLeft
    {
        display: none;
    }
.tbnhansu2 td
{
    clear: both !important;
    display: block !important;
    float: left;
    white-space: normal !important;
    text-align: left !important;
    width: 100% !important;
}
    .tbnhansu2 td
    {
        border-left: solid 1px #222 !important;
    }
}
@media (max-width: 655px)
{
    #footer .col-xs-5, #footer .col-xs-7
    {
        width: 100%;
    }
    #footer .col-xs-7
    {
        margin-top: 5px;
    }
    #footer .col-xs-7 p
    {
        margin-left: 54px;
    }
    #bx-pager
    {
        padding-right: 70px;
    }
    #bx-pager .box-small
    {
        display: block;
        margin-top: 5px;
    }
    #bx-pager .box-small .description
    {
        display: none;
    }
    .video .play-video
    {
        margin-top: 0;
        top: 30%;
    }
    .wrap-product
    {
        width: 50%;
    }
}
@media (max-width: 580px)
{
    #colRight .head .col-xs-5, #colRight .head .col-xs-7
    {
        width: 100%;
    }
    #colRight .h-top .pager
    {
        display: none;
    }
    #colRight .head .pager
    {
        text-align: center;
        padding-top: 20px;
    }
}

/* Landscape phones and down */
@media (max-width: 480px)
{
    #email
    {
        display: none;
    }
    #header, #header .navbar-collapse
    {
        background: #102335;
    }
    .navbar-toggle
    {
        background: url(../images/menu-icon2.png) no-repeat center top;
        border-radius: 0;
        padding: 0;
        margin: 0;
        height: 72px;
        width: 73px;
    }
    #productWrap .col-xs-6
    {
        width: 100%;
    }
    .wrap-product
    {
        width: 100%;
    }
    #linkWrap a
    {
        margin-left: 0;
        width: 100%;
    }
    #contactEmail .col-xs-4, #contactEmail .col-xs-8
    {
        width: 100%;
    }
    #contactEmail .capcha
    {
        margin-top: 5px;
    }
    #bx-pager
    {
        padding-right: 40px;
    }
    #wrapProd .main-pro .col-xs-6
    {
        width: 100%;
    }
    
    
    table td, .wrapAbout table, table th
    {
        vertical-align: top;
    }
    
    table td
    {
        display: block !important;
        width: 100% !important;
    }
    
    #tabs6 table td.first
    {
        text-align: center !important;
    }
    #tabs6 table td img
    {
        display: inline-block !important;
        height: auto !important;
        width: 50% !important;
    }
    
}