body {
    margin: 0px;
    padding:0px;
}
body,td,th {
    font-size: 19px;
    font-family: 'Lato';
    color:#fff;
    direction: ltr;
}

.navbar-inverse {
    background-color: #04103c;
    padding: 25px 10px;
    background-image: none;
    color: #bfbfbf;
    font-size: 17px;
}
.navbar-header {
    font-size: 29px;
    color: #fff;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.open>a {
    background-color: #04103c!important;
    background-image: none!important;
    /*color: #bfbfbf;*/
}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.open>a:hover {
    background-color: #04103c;
    background-image: none;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #04103c;	
}
.navbar-inverse .navbar-toggle {
    background-color: #04103c;	
}
.navbar {
    border-radius: 0px;
}
#blue_bg1 {
    background-color: #6084a9;
    padding: 166px 50px;
}
#blue_bg1 .title {
    font-size: 53px;
    font-weight: bold;
    padding-bottom: 18px;
}
#blue_bg1 .title a{
    color: #fff;
    text-decoration: none;
}
#blue_bg1 .sub_title {
    font-size: 27px;
    word-spacing: 29px;
    padding-bottom: 107px;
}
.key_icon1 {
    margin-bottom: 45px;
    width: 90px;
    height:90px;
    display:block;
    background:transparent url('../images/Key_icon1.png') center top no-repeat;
}
.key_icon1:hover {
    background-image: url('../images/Key_icon1_over.png');
}
.key_title {
    font-size: 33px;
    padding-bottom: 32px;
}
.padd32 {
    padding-top: 32px;
}
.key_icon2 {
    margin-bottom: 45px;
    width: 90px;
    height:90px;
    display:block;
    background:transparent url('../images/Key_icon2.png') center top no-repeat;
}
.key_icon2:hover {
    background-image: url('../images/Key_icon2_over.png');
}
.key_icon3 {
    margin-bottom: 45px;
    width: 90px;
    height:90px;
    display:block;
    background:transparent url('../images/Key_icon3.png') center top no-repeat;
}
.key_icon3:hover {
    background-image: url('../images/Key_icon3_over.png');
}
#services {
    background-image: url('../images/services_bg.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
.services_title {
    font-size: 34px;
    font-weight: bold;
    padding-top: 95px;
    padding-bottom: 42px;
    text-align: center;
}
.services_title a{
    color: #fff;
    text-decoration: none;
}
.white_line {
    height: 5px;
    text-align: center;
    padding-bottom: 90px;
}
.service_box {
    text-align: center;
}
.service_box .pic {
    padding-bottom: 43px;
}
.service_box .title {
    font-size: 31px;
    font-weight: bold; 
    color: #fff;
    min-height: 102px;
}
.service_box .text {
    font-size: 17px; 
    color: #fff;
    padding-bottom: 140px;
}
#PORTFOLIO {
    background-color: #5193ae;
}
.PORTFOLIO_box {
    height: 317px;
}
.PORTFOLIO_title {
    font-size: 34px;
    font-weight: bold;
    padding-top: 95px;
    padding-bottom: 42px;
    text-align: center;	
}
.PORTFOLIO_title a{
    color: #fff;
    text-decoration: none;
}
.PORTFOLIO1 {
    margin-bottom: 55px;
    width: 299px;
    height:317px;
    display:block;
    background:transparent url('../images/Publishing_pic.png') center top no-repeat;
}
.PORTFOLIO1:hover {
    background-image: url('../images/publishing_over.png');
}
.PORTFOLIO2 {
    margin-bottom: 55px;
    width: 299px;
    height:317px;
    display:block;
    background:transparent url('../images/Specialized_pic.png') center top no-repeat;
}
.PORTFOLIO2:hover {
    background-image: url('../images/Specialized_over.png');
}
.PORTFOLIO3 {
    margin-bottom: 55px;
    width: 299px;
    height:317px;
    display:block;
    background:transparent url('../images/Time_pic.png') center top no-repeat;
}
.PORTFOLIO3:hover {
    background-image: url('../images/Time_over.png');
}

.PORTFOLIO4 {
    margin-bottom: 55px;
    width: 299px;
    height:317px;
    display:block;
    background:transparent url('../images/General_pic.png') center top no-repeat;
}
.PORTFOLIO4:hover {
    background-image: url('../images/General_over.png');
}
.PORTFOLIO5 {
    margin-bottom: 55px;
    width: 299px;
    height:317px;
    display:block;
    background:transparent url('../images/Perishables_pic.png') center top no-repeat;
}
.PORTFOLIO5:hover {
    background-image: url('../images/Perishables_over.png');
}
.PORTFOLIO6 {
    margin-bottom: 55px;
    width: 299px;
    height:317px;
    display:block;
    background:transparent url('../images/Hazardous_pic.png') center top no-repeat;
}
.PORTFOLIO6:hover {
    background-image: url('../images/Hazardous_over.png');
}
.PORTFOLIO7 {
    margin-bottom: 55px;
    width: 299px;
    height:317px;
    display:block;
    background:transparent url('../images/Leisure_pic.png') center top no-repeat;
}
.PORTFOLIO7:hover {
    background-image: url('../images/Leisure_over.png');
}
.PORTFOLIO8 {
    margin-bottom: 55px;
    width: 299px;
    height:317px;
    display:block;
    background:transparent url('../images/Hi_Tech_pic.png') center top no-repeat;
}
.PORTFOLIO8:hover {
    background-image: url('../images/Hi_Tech_over.png');
}
.PORTFOLIO9 {
    margin-bottom: 55px;
    width: 299px;
    height:317px;
    display:block;
    background:transparent url('../images/Exhibitions_pic.png') center top no-repeat;
}
.PORTFOLIO9:hover {
    background-image: url('../images/Exhibitions_over.png');
}
.PORTFOLIO10 {
    margin-bottom: 55px;
    width: 299px;
    height:317px;
    display:block;
    background:transparent url('../images/Remote_pic.png') center top no-repeat;
}
.PORTFOLIO10:hover {
    background-image: url('../images/Remote_over.png');
}
.PORTFOLIO11 {
    margin-bottom: 55px;
    width: 299px;
    height:317px;
    display:block;
    background:transparent url('../images/customs_pic.png') center top no-repeat;
}
.PORTFOLIO11:hover {
    background-image: url('../images/customs_over.png');
}
.PORTFOLIO12 {
    margin-bottom: 55px;
    width: 299px;
    height:317px;
    display:block;
    background:transparent url('../images/Marine_pic.png') center top no-repeat;
}
.PORTFOLIO12:hover {
    background-image: url('../images/Marine_over.png');
}
.PORTFOLIO13 {
    margin-bottom: 55px;
    width: 299px;
    height:317px;
    display:block;
    background:transparent url('../images/Courier_pic.png') center top no-repeat;
}
.PORTFOLIO13:hover {
    background-image: url('../images/Courier_over.png');
}
.PORTFOLIO14 {
    margin-bottom: 55px;
    width: 299px;
    height:317px;
    display:block;
    background:transparent url('../images/Supply_pic.png') center top no-repeat;
}
.PORTFOLIO14:hover {
    background-image: url('../images/Supply_over.png');
}
.PORTFOLIO15 {
    margin-bottom: 55px;
    width: 299px;
    height:317px;
    display:block;
    background:transparent url('../images/Logistics_pic.png') center top no-repeat;
}
.PORTFOLIO15:hover {
    background-image: url('../images/Logistics_over.png');
}
.PORTFOLIO16 {
    margin-bottom: 55px;
    width: 299px;
    height:317px;
    display:block;
    background:transparent url('../images/Contract_pic.png') center top no-repeat;
}
.PORTFOLIO16:hover {
    background-image: url('../images/Contract_over.png');
}
.PORTFOLIO17 {
    margin-bottom: 55px;
    width: 299px;
    height:317px;
    display:block;
    background:transparent url('../images/Warranty_pic.png') center top no-repeat;
}
.PORTFOLIO17:hover {
    background-image: url('../images/Warranty_over.png');
}
.PORTFOLIO18 {
    margin-bottom: 55px;
    width: 299px;
    height:317px;
    display:block;
    background:transparent url('../images/ship_pic.png') center top no-repeat;
}
.PORTFOLIO18:hover {
    background-image: url('../images/ship_over.png');
}
.PORTFOLIO19 {
    margin-bottom: 55px;
    width: 299px;
    height:317px;
    display:block;
    background:transparent url('../images/Consultancy_pic.png') center top no-repeat;
}
.PORTFOLIO19:hover {
    background-image: url('../images/Consultancy_over.png');
}
.PORTFOLIO20 {
    margin-bottom: 55px;
    width: 299px;
    height:317px;
    display:block;
    background:transparent url('../images/Seeds_pic.png') center top no-repeat;
}
.PORTFOLIO20:hover {
    background-image: url('../images/Seeds_over.png');
}
#links_tools {
    background-image: url('../images/links_tools_bg.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;	
}
.tools_title {
    font-size: 34px;
    font-weight: bold;
    padding-top: 95px;
    padding-bottom: 42px;
    text-align: center;
}
.tools_title a{
    color: #fff;
    text-decoration: none;
}
.link_tool {
    float: left;
    width: 145px;
    margin-right: 35px;
    height: 275px;
}
.link_name {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 40px;
}
#links_tools a{
    color: #fff;
    text-decoration: none;
}
.link_tool .last {
    margin-left: 0px;
}
#contact_bg {
    background-color: #2a5a8b;
}
.sub_contact_title {
    font-size: 17px;
    color: #fff;
    padding-bottom: 20px;
    text-align: center;
    padding-top: 95px;
}
.contact_title {
    font-size: 34px;
    font-weight: bold;
    padding-bottom: 42px;
    text-align: center;
}
.contact_title a{
    color: #fff;
    text-decoration: none;
}
.left_contact_title {
    font-size: 41px;
    font-weight: bold;
    color: #fff;
    padding-bottom: 57px;
}
#contact_bg ul {
    padding-left: 0px;
}
#contact_bg li {
    padding-left: 50px;
    margin-bottom: 30px;
}
#contact_bg ul li {
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    list-style-type: none;
}
#contact_bg ul li a{
    color: #fff;
    text-decoration: none;
}
#contact_bg ul li a:focus, a:hover{
    color: #fff;
    text-decoration: none;
}
#contact_bg li:first-child { 
    background-image: url('../images/contact_icon1.jpg');
    background-repeat: no-repeat;
    background-position: 3px;
}

#contact_bg li:nth-child(2) { 
    background-image: url('../images/contact_icon2.jpg');
    background-repeat: no-repeat;
    background-position: 3px;
}
#contact_bg li:nth-child(3) { 
    background-image: url('../images/contact_icon3.jpg');
    background-repeat: no-repeat;
    background-position: 3px;
}
#contact_bg li:nth-child(4) { 
    background-image: url('../images/contact_icon4.jpg');
    background-repeat: no-repeat;
    background-position: 3px;
}
#contact_bg li:last-child { 
    background-image: url('../images/contact_icon5.jpg');
    background-repeat: no-repeat;
    background-position: 3px;
}
.form {
    padding-top: 63px;
}
#contact_bg .input-group {
    padding-bottom: 6px;
    padding-top: 6px;
}
.form-control {
    display: block;
    width: 100%;
    height: 50px;
    padding: 6px 12px;
    font-size: 15px;
    line-height: 1.428571429;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #fff;
    background-color: #1b1b1b;
    background-image: none;
    border: 1px solid #363636;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    font-family: 'Lato';
}
.input-group-addon {
    border-radius: 0px;
}
#contact_bg .input-group-btn {
    padding-top: 6px;
    padding-bottom: 6px;
}
.btn-default {
    font-size: 15px;
    font-family: 'Lato';
    background-color: #1b1b1b!important;
    background-image: none;
    border: 1px solid #363636;
    text-shadow:none;
}
.btn-default:hover {
    background-color: #1b1b1b!important;
    background-image: none;
    border: 1px solid #363636;
    text-shadow:none;
}
.send_text {
    color: #fff;
}
.fa {
    color: #fff;
}
#bottom {
    background-color: #102d4b;
    padding-top: 54px;
    padding-bottom: 100px;
}
.yellow_border {
    font-size: 62px;
    color: #fff;
    margin-bottom: 50px;
    font-weight: bold;
    border-left: solid 9px #ffcc00;

}
.yellow_text_mar {
    margin-left: 30px;
}
.yellow_text {
    font-size: 53px;
    font-weight: bold;
    color: #ffcc00;
}
/* banner slider */
section#top_menu { position: relative; height: 101px; }
.navbar-fixed-bottom, .navbar-fixed-top{position: absolute;}
.navbar-fixed-bottom.fixed, .navbar-fixed-top.fixed{position: fixed !important;}
.banner .rslides li h2{font-size: 62px;color:white;text-shadow: 2px 2px 2px black;line-height: 58px;position: absolute;top:230px;left:48px;border-left:10px solid #ffcc00;padding-left: 38px;opacity: 0;visibility: hidden;transition:0.5s all ease;-webkit-transition:0.5s all ease;-moz-transition:0.5s all ease;-o-transition:0.5s all ease;font-family: 'Lato';font-weight: 600;transition-delay:1.2s;}
.banner .rslides li h3{font-size: 53px;color: #ffcc00;line-height: 38px;font-weight: bold;position: absolute;bottom: 40px;left:98px;opacity: 0;visibility: hidden;transition:0.5s all ease;-webkit-transition:0.5s all ease;-moz-transition:0.5s all ease;-o-transition:0.5s all ease;font-family: 'Lato';transition-delay:1.2s;}
.banner .rslides li .inner_content{position: absolute;right: 318px;bottom: 375px;}
.banner .rslides li .inner_content  h5{position: relative;font-size: 29px;line-height: 38px;color:#00205c;font-weight: bold;opacity: 0;visibility: hidden;top: 20px;transition:0.5s all ease;-webkit-transition:0.5s all ease;-moz-transition:0.5s all ease;-o-transition:0.5s all ease;margin: 0px;transition-delay:1.2s;}
.banner .rslides li .inner_content  p{position: relative;font-size: 22px;line-height: 24px;color: #000000;opacity: 0;visibility: hidden;top:20px;transition:0.5s all ease;-webkit-transition:0.5s all ease;-moz-transition:0.5s all ease;-o-transition:0.5s all ease;transition-delay: 1s;}

.banner .rslides li.rslides1_on h2{opacity: 1;visibility: visible;top:208px;}
.banner .rslides li.rslides1_on h3{opacity: 1;visibility: visible;}

.banner .rslides li.rslides1_on .inner_content  h5{opacity: 1;visibility: visible;top:0px;}
.banner .rslides li.rslides1_on .inner_content p{opacity: 1;visibility: visible;top:0px;}

.navbar-inverse .navbar-nav>li>a{color: #9d9d9d;}
.navbar-inverse .navbar-nav>li>a.active{color:#fff;} 

#PORTFOLIO .container-fluid .row{max-width: 1125px;margin: 0 auto;}
#PORTFOLIO .container-fluid .row a{position: relative;display: inline-block;vertical-align: top;margin: 0px 10px; box-shadow: 0px 13px 14.24px 1.76px rgba(0, 0, 0, 0.35);border-radius: 50%;margin-bottom: 85px;}
.PORTFOLIO_title a{box-shadow: none !important;} 
#PORTFOLIO .container-fluid .row a img{max-width: 100%;height: auto;background-color: transparent;position: relative;}
#PORTFOLIO .container-fluid .row a span.zoom{position: absolute;top:-25px;right: -15px;width: 137px;height: 137px;border-radius: 50%;background-color: #ffffff;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-moz-transition: 0.5s all ease;-o-transition: 0.5s all ease;box-shadow: 0px 13px 14.24px 1.76px rgba(0, 0, 0, 0.35);}
#PORTFOLIO .container-fluid .row a span.zoom i{font-size: 16px;font-weight: bold;line-height: 17px;color:#000000;font-family: 'Lato';font-style: normal;padding-top: 45px;display: inline-block;vertical-align: top;transition:0.5s all ease;-webkit-transition:0.5s all ease;-moz-transition:0.5s all ease;-o-transition:0.5s all ease;width: 100%}

#PORTFOLIO .container-fluid .row a:hover span.zoom{width: 100%;height: 100%;background: #fff;top:0px;right: 0px;}
#PORTFOLIO .container-fluid .row a:hover span.zoom i{font-size: 18px;font-weight: bold;line-height: 20px;padding-top: 100px;}
#PORTFOLIO .container-fluid .row a span.zoom span{text-align: center;}
.service_box .pic img{max-width: 100%;} 

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{color:#9d9d9d;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.open>a{box-shadow: none !important;}


/* responsive */
@media only screen and (max-width: 1600px)
{ 
    .banner .rslides li .inner_content{right: 60px;}
    .col-lg-2{width: 20%;margin-left: 0px;}
    .service_box .title{font-size: 28px;}
    #PORTFOLIO .container-fluid .row{text-align: center;}
    #PORTFOLIO .container-fluid .col-lg-2{width: 19%;display: inline-block;vertical-align: top;float: none;}
    /*.banner .rslides li .inner_banner{min-height: 770px !important;}*/
    .banner .rslides li h2{top:100px;font-size: 50px;line-height: 50px;}
    .banner .rslides li.rslides1_on h2{top:80px;}
    .banner .rslides li .inner_content{right: 100px;bottom: 280px;}
    .banner .rslides li h3{font-size: 40px;line-height: 45px;}
    #blue_bg1{padding: 150px 50px;}


}
@media only screen and (max-width: 1400px)
{
    .navbar-inverse .navbar-nav>li>a{padding: 10px 5px;font-size: 16px;line-height: 18px}
    .navbar-inverse{padding: 20px 10px;}
    .navbar-header{font-size: 24px;}
    .navbar-inverse{margin-bottom: 0px;}
    section#top_menu{background-color: #6084a9;height: 104px;}
    #blue_bg1 .title a{font-size: 46px;line-height: 48px;}
    #blue_bg1 .sub_title{font-size: 22px;padding-bottom: 40px;}
    .key_title{font-size: 24px;padding-bottom: 20px;}
    .key_icon3,.key_icon2,.key_icon1{margin-bottom: 20px;}
    .key_text div{font-size: 18px;line-height: 22px;}
    #blue_bg1{padding: 60px 40px;}
    .services_title{font-size: 30px;padding-top: 30px;padding-bottom: 30px;}
    .white_line{padding-bottom: 60px;}
    .service_box .title{font-size: 22px;line-height: 24px;min-height: 60px;}
    .service_box .pic{padding-bottom: 40px;}
    .service_box .text{font-size: 16px;line-height: 18px;padding-bottom: 50px;}
    .PORTFOLIO_title{font-size: 30px;line-height: 24px;padding-top: 60px;padding-bottom: 0px;}
    .PORTFOLIO_title a{margin-bottom: 30px !important;}
    #PORTFOLIO .container-fluid .row a span.zoom i{font-size: 14px;line-height: 16px;padding-top: 40px;}
    .tools_title{font-size: 30px;padding-top: 40px;padding-bottom: 20px;}
    .link_name{padding-top: 15px;padding-bottom: 20px;font-size: 16px;}
    .sub_contact_title{font-size: 16px;padding-bottom: 15px;padding-top: 40px;}
    .contact_title a{font-size: 30px;}
    .contact_title{padding-bottom: 20px;}        
    .left_contact_title{font-size: 38px;padding-bottom: 50px;}
    #contact_bg ul li{font-size: 18px;}    
    .yellow_text_mar{margin-left: 0px;font-size: 44px;}
    .yellow_text{font-size:40px;}
}
@media only screen and (max-width: 1366px)
{
    /*.banner .rslides li .inner_banner{min-height: 640px !important;}*/
    section#top_menu{height: 105px;}

}
@media only screen and (max-width: 1100px) 
{ 
    .navbar-right {float: left!important;margin-right: 0px;margin-left: -27px;}
    .key_text {padding-bottom: 30px;}
}
@media only screen and (max-width: 800px) 
{ 
    .service_box .text {padding-bottom: 70px;}
    .form {padding-top: 0px;}
}
@media only screen and (max-width: 768px)
{
    .banner .rslides li h2{font-size: 30px;top:80px;line-height: 32px;padding-left: 15px;left: 25px;}
    .banner .rslides li.rslides1_on h2{top:50px;}
    .banner .rslides li .inner_content{right: 40px;bottom: 240px;}
    .banner .rslides li h3{font-size: 28px;line-height: 30px;left:30px;}
    .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{width: 100%;text-align: center;}
    .navbar-right{float: none !important;margin-left: 0px;text-align: center;}
    .navbar-nav>li{float: none;display: inline-block;vertical-align: top;}
    .navbar-inverse{padding: 10px;}
    #blue_bg1{padding: 20px;}
    #blue_bg1 .title a{font-size: 40px;line-height: 40px;}
    #blue_bg1 .sub_title{font-size: 18px;padding-bottom: 15px;}
    .key_icon3, .key_icon2, .key_icon1{margin-bottom: 10px;}
    .key_title{font-size: 20px;padding-bottom: 10px;line-height: 12px;}
    .key_text div{font-size: 16px;line-height: 20px;}
    .padd32{padding-top: 10px;}
    #blue_bg1 .container-fluid .row{text-align: center;}
    .key_icon3, .key_icon2, .key_icon1{margin: 15px auto;}
    .services_title{font-size: 26px;padding-top: 20px;padding-bottom: 20px;}
    .white_line{padding-bottom: 40px;}
    .col-lg-2{width: 19%;display: inline-block;vertical-align: top;}
    .service_box .pic img{height: auto}
    .service_box .pic{padding-bottom: 15px;}
    .service_box .title{font-size: 15px;line-height: 18px;min-height: 50px;}
    .service_box .text{font-size: 14px;line-height: 16px;padding-bottom: 40px;}
    .PORTFOLIO_title{font-size: 20px;line-height: 22px;padding-top: 20px;}
    .PORTFOLIO_title a{margin-bottom: 20px !important;}
    .white_line{margin-bottom: 10px;}
    #PORTFOLIO .container-fluid .row a{width: 26%;margin:20px 15px;}
    #PORTFOLIO .container-fluid .row a span.zoom{width: 110px;height: 110px;}
    #PORTFOLIO .container-fluid .row a span.zoom i{font-size: 12px;line-height: 14px;padding-top: 30px;}        
    .left_contact_title{font-size: 28px;padding-bottom: 20px;}
    #contact_bg ul li{margin-bottom: 20px;}
    .yellow_text_mar{font-size: 30px;line-height: 30px;}
    .yellow_border{margin-bottom: 20px;margin-left: 20px;}
    .yellow_text{font-size: 36px;}
    #bottom{padding-top: 40px;padding-bottom: 60px;}        

}
@media only screen and (max-width: 767px) 
{
    /*.banner .rslides li .inner_banner{min-height: 350px !important;}*/
    .banner .rslides li h2{top:40px;font-size: 18px;border-left: 5px solid #ffcc00 !important;color: #fff; line-height: 24px;}
    .banner .rslides li .inner_content p, .banner .rslides li .inner_content h5{color: #fff; line-height: 20px;}
    .banner .rslides li.rslides1_on h2{top:30px; }
    .banner .rslides li .inner_content{left:0px;right: 0px;margin:0px 30px;bottom: 100px;}
    .banner .rslides li .inner_content h5{font-size: 18px;line-height: 20px;}
    .banner .rslides li .inner_content p{font-size: 16px;line-height: 18px;}
    .banner .rslides li h3{font-size: 24px;line-height: 26px;}
    .navbar-inverse{padding: 0px;}
    .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{margin-right: 0px;margin-left: 0px;}
    .navbar-toggle{margin-top: 5px;margin-right: 0px;}
    .navbar-header{font-size: 14px !important;padding-top: 10px;}
    .navbar-nav>li{display: block;}
    #blue_bg1{padding: 0px !important;}
    section#top_menu{height: 80px;}
    #blue_bg1 .title a{font-size: 30px;line-height: 30px}
    #blue_bg1 .sub_title{font-size: 12px;padding: 0px;}
    #blue_bg1 .title{padding-bottom: 15px;}
    .key_icon3, .key_icon2, .key_icon1{margin: 10px auto;}
    .key_title{font-size: 18px;line-height: 16px;}
    .key_text div{font-size: 14px;line-height: 19px;}
    .key_text{padding-bottom: 20px;}
    .services_title{padding: 10px;font-size: 22px;}
    .col-lg-2{width: 40%;padding: 0px 10px;}
    #services{text-align: center;}
    .white_line{margin-bottom: 0px;padding-bottom: 30px;}
    .service_box .title{font-size: 16px;line-height: 18px;min-height: 40px;}
    .service_box .text{font-size: 14px;line-height: 18px;padding-bottom: 20px;}
    .PORTFOLIO_title{font-size: 18px;line-height: 20px;padding: 0px;}
    .PORTFOLIO_title a{width: 100% !important;margin:20px  0px !important;}
    #PORTFOLIO .container-fluid .row a{width: 40%;margin: 20px 10px;}
    #PORTFOLIO .container-fluid .row a span.zoom{width: 80px;height: 80px;}
    #PORTFOLIO .container-fluid .row a span.zoom i{font-size: 10px;line-height: 12px;padding-top: 20px;}
    #PORTFOLIO .container-fluid .row a:hover span.zoom i{font-size: 10px;padding-top: 50px;line-height: 12px;}
    .tools_title{font-size: 26px;line-height: 28px;padding-top: 20px;}
    .tools_title a{margin: 0px !important;}
    #links_tools a{display: inline-block;vertical-align: top;width: 40%;margin: 10px 15px;}
    #links_tools{text-align: center;}
    .link_tool img{max-width: 100%; height: auto}
    .tools_title.col-md-12 a{width: 100% !important;font-size: 22px;line-height: 22px;}
    .link_tool{height: 200px;}
    .link_name{padding: 10px 0px;font-size: 16px;line-height: 18px;}
    .sub_contact_title{font-size: 14px;padding-top: 20px;}
    .contact_title a{font-size: 24px;}
    .contact_title{padding-bottom: 15px;}
    .left_contact_title{font-size: 18px;line-height: 20px;padding-bottom: 10px;}
    #contact_bg ul li{font-size: 16px;margin-bottom: 15px;}
    .yellow_text_mar{font-size: 22px;line-height: 26px;}
    .yellow_border{border-left:5px solid #ffcc00;}
    .yellow_text{font-size: 26px;}
    #bottom{padding-top: 20px;padding-bottom: 30px;}
    #services{padding-top: 20px;}
    .col-lg-2.col-md-4.service_box {width: 48%;}
    #blue_bg1 .sub_title{word-spacing: 9px}
    
    .navbar-header span{text-align: left;display: block;width: 230px;}
    
    /* Banner slider */
    .banner .rslides li .inner_banner:after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; background: rgba(4, 16, 60, 0.58); }
    

}
@media only screen and (max-width: 700px) 
{ 
    .navbar-header {font-size: 26px;}
    #blue_bg1 {padding: 166px 0px;}
    .link_tool {float: none;width: 100%;margin-left: 0px;text-align: center;}
}
@media only screen and (max-width: 480px) 
{ 
    #blue_bg1 .title {font-size: 39px;}
    #links_tools a{width: 40%;margin: 10px}
    .yellow_text_mar{font-size: 20px;}
    .yellow_text{font-size: 24px;}
    #PORTFOLIO .container-fluid .row a span.zoom i{font-size: 8px;}
    
}