@media (max-width: 320px) {
    .Section1 .mSection1 .RightTop { position: relative; }
    .Section1 .mSection1 .RightTop .Menu { padding: 10px 0 0; text-align: center; }
    .Section1 .mSection1 .RightTop .lang { padding: 10px 0 0; background-color: rgba(57, 98, 189, 0.5); line-height: 24px; }
    .Section1 .mSection1 .RightTop .Search { background-color: rgba(57, 98, 189, 0.5); line-height: 29px; margin-top: 0; min-height: 34px; text-align: center; }
    .navbar-toggle { float: right; background-color: #3962bd; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #3962bd; }
    .navbar-default .navbar-toggle .icon-bar { background-color: #ffffff; width: 30px; }
    .Section1 .mSection1 .RightTop .Menu .ulMenu .ColNav { position: absolute; z-index: 500; background-color: #f1f1f1; box-shadow: none; border: none; width: 100%; }
    .Section1 .mSection1 .RightTop .Menu .ulMenu .ColNav .ulNav { margin: 0px; padding: 0px; }
    .Section1 .mSection1 .RightTop .Menu .ulMenu .ColNav .ulNav li { border-bottom: 1px solid #3962bd !important; }
    .Section1 .mSection1 .RightTop .Menu .ulMenu .ColNav .ulNav li:hover {}
    .Section1 .mSection1 .RightTop .Menu .ulMenu .ColNav .ulNav li a { padding: 5px !important; font-size: 16px; }
    .Section1 .mSection1 .RightTop .Menu .ulMenu .ColNav .ulNav li a .caret { right: 0; }
    .dropdown-submenu:after { border-right: 4px solid transparent; border-top: 4px solid; border-left: 4px solid transparent; }
    .Section1 .mSection1 .RightTop .Menu .ulMenu .ColNav .ulNav .open .dropdown-menu li { text-align:center;}
    .Section3 .MSection3 .RightDiv { padding: 10px 0 0px; }
    .Section3 .MSection3 .About { padding-bottom: 10px; border-bottom: 1px solid #c4d0eb; }
    .Section4 .MSection4 .contactForm .Cform .Rowform .ColForm .securityImg { width: 55% !important; }
    .Section4 .MSection4 .contactForm .Cform .Rowform .ColForm.Send { padding-top: 12px; text-align: center; }
    .Section5 .MSection5 .flogo { background-image: none; border-bottom: 1px solid #777; padding-bottom: 15px; }
    .Section5 .MSection5 .Fmenu { padding: 25px 0 0px; }
    .Section5 .MSection5 .Fmenu ul li a { padding: 0 10px; }
    .Section6 .MSection6 { padding-left: 0px; padding-right: 0px; text-align: center; padding-bottom: 10px; }
    .sNewsList1 { min-height: 270px; }
    .sArticleList1 { min-height: 150px; }
    .sPrjList1 { width: 300px; min-height: 160px; height: auto; }
    .sPrjList2 { float: none; }
    .sPrd1 { float: none; margin: 0px; }
    .sNews1 { float: none; margin-bottom: 14px; display: block; }
    .Section2 .bannerpic .carousel-indicators { display: none; }
    .Section2 .bannerpic .bannerTxT { bottom: 10px; right: 5%; width: 91%; }
}

@media (min-width: 321px) and (max-width: 360px) {
    .Section1 .mSection1 .RightTop { position: relative; }
    .Section1 .mSection1 .RightTop .Menu { padding: 10px 0 0; text-align: center; }
    .Section1 .mSection1 .RightTop .lang { padding: 10px 0 0; background-color: rgba(57, 98, 189, 0.5); line-height: 24px; }
    .Section1 .mSection1 .RightTop .Search { background-color: rgba(57, 98, 189, 0.5); line-height: 29px; margin-top: 0; min-height: 34px; text-align: center; }
    .navbar-toggle { float: none; background-color: #3962bd; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #3962bd; }
    .navbar-default .navbar-toggle .icon-bar { background-color: #ffffff; width: 30px; }
    .Section1 .mSection1 .RightTop .Menu .ulMenu .ColNav { position: absolute; z-index: 500; background-color: #f1f1f1; box-shadow: none; border: none; width: 100%; }
    .Section1 .mSection1 .RightTop .Menu .ulMenu .ColNav .ulNav { margin: 0px; padding: 0px; }
    .Section1 .mSection1 .RightTop .Menu .ulMenu .ColNav .ulNav li { border-bottom: 1px solid #3962bd !important; }
    .Section1 .mSection1 .RightTop .Menu .ulMenu .ColNav .ulNav li:hover { }
    .Section1 .mSection1 .RightTop .Menu .ulMenu .ColNav .ulNav li a { padding: 5px !important; font-size: 16px; }
    .Section1 .mSection1 .RightTop .Menu .ulMenu .ColNav .ulNav li a .caret { right: 0; }
    .dropdown-submenu:after { border-right: 4px solid transparent; border-top: 4px solid; border-left: 4px solid transparent; }
    .Section1 .mSection1 .RightTop .Menu .ulMenu .ColNav .ulNav .open .dropdown-menu li { text-align:center;}
    .Section3 .MSection3 .RightDiv { padding: 10px 0 0px; }
    .Section3 .MSection3 .About { padding-bottom: 10px; border-bottom: 1px solid #c4d0eb; }
    .Section4 .MSection4 .contactForm .Cform .Rowform .ColForm .securityImg { width: 55% !important; }
    .Section4 .MSection4 .contactForm .Cform .Rowform .ColForm.Send { padding-top: 12px; text-align: center; }
    .Section5 .MSection5 .flogo { background-image: none; border-bottom: 1px solid #777; padding-bottom: 15px; }
    .Section5 .MSection5 .Fmenu { padding: 25px 0 0px; }
    .Section5 .MSection5 .Fmenu ul li a { padding: 0 10px; }
    .Section6 .MSection6 { padding-left: 0px; padding-right: 0px; text-align: center; padding-bottom: 10px; }
    .sNewsList1 { min-height: 270px; }
    .sArticleList1 { min-height: 150px; }
    .sPrjList1 { width: 300px; min-height: 160px; height: auto; }
    .sPrjList2 { float: none; }
    .sPrd1 { float: none; margin: 0px; }
    .sNews1 { float: none; margin-bottom: 14px; display: block; }
    .Section2 .bannerpic .carousel-indicators { display: none; }
    .Section2 .bannerpic .bannerTxT { bottom: 10px; right: 5%; width: 91%; }
}

@media (min-width: 361px) and (max-width: 767px) {
    .Section1 .mSection1 .RightTop { position: relative; }
    .Section1 .mSection1 .RightTop .Menu { padding: 10px 0 0; text-align: center; }
    .Section1 .mSection1 .RightTop .lang { padding: 10px 0 0; background-color: rgba(57, 98, 189, 0.5); line-height: 24px; }
    .Section1 .mSection1 .RightTop .Search { background-color: rgba(57, 98, 189, 0.5); line-height: 29px; margin-top: 0; min-height: 34px; text-align: center; }
    .navbar-toggle { float: none; background-color: #3962bd; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #3962bd; }
    .navbar-default .navbar-toggle .icon-bar { background-color: #ffffff; width: 30px; }
    .Section1 .mSection1 .RightTop .Menu .ulMenu .ColNav { position: absolute; z-index: 500; background-color: #f1f1f1; box-shadow: none; border: none; width: 100%; }
    .Section1 .mSection1 .RightTop .Menu .ulMenu .ColNav .ulNav { margin: 0px; padding: 0px; }
    .Section1 .mSection1 .RightTop .Menu .ulMenu .ColNav .ulNav li { border-bottom: 1px solid #3962bd !important; }
    .Section1 .mSection1 .RightTop .Menu .ulMenu .ColNav .ulNav li:hover { }
    .Section1 .mSection1 .RightTop .Menu .ulMenu .ColNav .ulNav li a { padding: 5px !important; font-size: 16px; }
        .Section1 .mSection1 .RightTop .Menu .ulMenu .ColNav .ulNav li a .caret { right: 0; }
    .dropdown-submenu:after { border-right: 4px solid transparent; border-top: 4px solid; border-left: 4px solid transparent; }
    .Section1 .mSection1 .RightTop .Menu .ulMenu .ColNav .ulNav .open .dropdown-menu li { text-align:center;}

    .Section3 .MSection3 .RightDiv { padding: 10px 0 0px; }
    .Section3 .MSection3 .About { padding-bottom: 10px; border-bottom: 1px solid #c4d0eb; }
    .Section4 .MSection4 .contactForm .Cform .Rowform .ColForm .securityImg { width: 55% !important; }
    .Section4 .MSection4 .contactForm .Cform .Rowform .ColForm.Send { padding-top: 12px; text-align: center; }
    .Section5 .MSection5 .flogo { background-image: none; border-bottom: 1px solid #777; padding-bottom: 15px; }
    .Section5 .MSection5 .Fmenu { padding: 25px 0 0px; }
    .Section5 .MSection5 .Fmenu ul li a { padding: 0 10px; }
    .Section6 .MSection6 { padding-left: 0px; padding-right: 0px; text-align: center; padding-bottom: 10px; }
    .sNewsList1 { min-height: 250px; }
    .sArticleList1 { min-height: 150px; }
    .sPrjList1 { width: 340px; }
    .sPrd1 { float: none; margin: 0px; }
    .sNews1 { float: none; margin-bottom: 14px; display: block; }
    .Section2 .bannerpic .carousel-indicators { display: none; }
    .Section2 .bannerpic .bannerTxT { bottom: 10px; right: 5%; width: 91%; }
}

@media (min-width: 768px) and (max-width: 990px) {
    .Section1 .mSection1 .RightTop .Menu .ulMenu .ColNav .ulNav li a { padding: 7px; font-size: 16px; }
    .Section3 .MSection3 { padding: 49px 0 20px; }
    .Section3 .MSection3 .About .AboutTxT { text-align: justify; }
    .Section5 .MSection5 .Phone { clear: both; }
    .sArticleList1 { min-height: 130px; }
    .navbar-header { direction: ltr; float: none !important; text-align: left; }
    .navbar-collapse.collapse { display: none !important; }
    .navbar-toggle { margin: auto; border: 1px solid #3962bd !important; display: block !important; }
    .navbar-toggle .icon-bar { width: 50px; background-color: #ffffff !important; }
    .navbar-default .navbar-toggle { float: none !important; background-color: #3962bd; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #3962bd !important; }
    .Section1 .mSection1 .RightTop .Menu .ulMenu .Menucollapse { background-color: rgba(240,242,247,0.8)!important; padding: 0 15px; position: absolute; top: 56px; width: 100%; }
    .ulNav { margin: 0px; padding: 0px; }
    .ulMenu .ulNav li { border-bottom: 1px solid #3962bd !important; width: 100%; background-color: #f0f2f7; }
    .ulMenu .ulNav li a { padding: 5px !important; text-align: center; color: #3962bd !important; }
    .ulMenu .ulNav li a:hover { color: #3962bd; }
    .navbar-collapse { overflow-x: visible !important; margin-top: 10px; position: absolute; z-index: 20; width: 60%; left: 20%; }
    .collapse.in { display: block !important; }
    .navbar-nav > li > .dropdown-menu { width: 100%; }
    .navbar-nav > li > .dropdown-menu li a { font-size: 12px; text-align: center; }
    .Section1 .mSection1 .RightTop .Menu .ulMenu .Menucollapse .open .dropdown-menu { background-color: rgba(240,242,247,0.8)!important; }
}


@media (min-width: 991px) and (max-width: 1024px) {
    .Section3 .MSection3 .About { padding: 0 15px; text-align: justify; }
    .Section4 .MSection4 .contactForm .Cform .Rowform .ColForm .securityImg { width: 60% !important; }
    .Section5 .MSection5 .Phone { clear: both; }
}

@media (min-width: 1024px) and (max-width: 1089px) {
    .Section4 .MSection4 .contactForm .Cform .Rowform .ColForm .securityImg { width: 60% !important; }
    .Section5 .MSection5 .Phone { clear: both; }
}

@media (min-width: 1090px) and (max-width: 1199px) {
    .Section4 .MSection4 .contactForm .Cform .Rowform .ColForm .securityImg { width: 60% !important; }
    .Section5 .MSection5 .Phone { clear: both; }
}

@media (min-width: 1200px) and (max-width: 1400px) {
}

@media (min-width: 1401px) and (max-width: 1499px) {
}


@media (min-width: 1500px) {
}

@media (max-width: 767px) {
    .navbar-toggle { float: right; background-color: #3962bd; }
    .Section1 .mSection1 .RightTop .Menu .ulMenu .ColNav .ulNav li a:hover:after {width:0; }
    .Section1 .mSection1 .RightTop .lang { border-right: 1px solid #ccc; }
    .Section2 .bannerpic .bannerTxT span { padding: 0 5px 0 5px; min-height: 30px; line-height: 30px; font-size: 12px; }
    .Section2 .bannerpic .bannerTxT span:first-of-type { bottom: 40px; }
    .Section2 .bannerpic .bannerTxT span:last-of-type { bottom: 8px; }
}