body{ color:#373435; font-family:Arial, Helvetica, sans-serif}
.logo{ margin:28px 20px 15px 40px; display:inline-block}
.main-nav{ background:#f37135; margin:0; border-radius:0; border:none}
.navbar-nav > li > a{ color:#fff; font-size:17px}
.navbar-nav > li > a:hover{ color:#000; background:#fff;}
.box{ border-right:solid 1px #000; padding:0 30px 0 0}
img{ max-width:100%}
.news-img{ float:left; width:108px; margin:0 15px 0 0}
.news-content{ overflow:hidden;}
.news{ margin:20px 0 0 0; padding:0; } 
.news li { list-style-type:none; margin:0 0 10px}
.news-title{ font-size:14px; font-weight:bold; margin:0;}
.box-title{ font-size:18px; font-family:Tahoma, Geneva, sans-serif; margin:20px 0 10px;}
.box p{ font-size:15px; line-height:19px}
.news-title{ font-weight:bold; font-size:16px; margin:0 0 5px}
.navbar-nav{ margin:0 auto; text-align:center; float:none}
.navbar-nav > li{ float:none; display:inline-block}
footer{ background:#4484C4; color:#fff; overflow:hidden; padding:0 0 15px 0} 
footer ul{ margin:0; padding:0;}
footer ul li{ list-style-position:inside; line-height:17px}
.form-control{ border:none; border-radius:0;}
.btn-default{ border-radius:0; border:none}
.form-group{ margin:0 0 18px}
.address strong{ font-size:16px}
.address strong span{ font-size:12px}
.con-icon{ margin:0 10px 0 0; float:left; width:20px; text-align:center}
.address p span{ overflow:hidden; display:block;}
.footer-line{margin:15px; height:1px; background:#fff;}
footer a{ color:#fff;}
footer a:hover{ color:#000;}
#nav-mobile-btn{ display:none}
.middle-section{ margin:20px 0 0; }
.sub-title{ margin:0 0 10px 30px; font-size:18px; color:#474F9E;}
.title2{font-size:16px; color:#F37135}
.contact-box{ border:solid 1px #ddd; padding:15px; box-shadow:0 0 5px rgba(0, 0, 0, 0.2); text-align:center; font-size:16px; margin:20px 0; min-height:170px} 
.contact-box p{ padding:0; margin:15px 0 0 0}
.nav-mobile{ display:none}
.contact-box a{ color:#373435}
.nav > li > a:hover, .nav > li > a:focus{ color:#000; background:#fff;}
.services-list li{ list-style-type:none; overflow:hidden; margin:20px 0; float:left; width:100%}
.services-list{ margin:0 0 0 30px; padding:0;}
.services-list li img{ height:60px}
.services-list li span{ float: left;
    margin: 0 15px 0 0;
    vertical-align: middle;}
.services-list li h4{ margin: 0;
    overflow: hidden;
    font-size:16px; font-weight:bold; vertical-align:middle; display:table-cell; height:60px}
	.banner{ overflow:hidden}
	.divider{ background:url(../images/divider.png) no-repeat; width:2px; height:35px; display:inline-block; margin:0 20px 0 0; position:relative; top:18px}
	.pos{ position:relative;   background:url(../images/divider.png) repeat-y center center; overflow:hidden}
	.pos p{ font-size:16px; }
	p.services-sub{font-size:22px; text-align:left; margin-left:30px;}
	.services-sub2{text-align:left; margin-left:30px;}
	.process-list{ margin:0 0 0 30px;}
@media(max-width:991px){
	.box.second{ border-right:0; padding:0;}
	.nav > li > a{ padding-left:10px; padding-right:10px; font-size:14px;}
	.copy{ text-align:center}
	.logo{ margin-left:0; max-width:320px}
	
	}
	@media( max-width:767px){
		.process-list{ margin:20px 0}
		.services-list{ margin:0;}
		.sub-title{ margin:0;}
		p.services-sub,p.services-sub2{ margin:0 0 20px;}
		.pos{ background:none}
		.footer-banner{ display:none}
		.divider{ display:none}
		.services-list li{ width:100%}
		.contact-box{ min-height:inherit}
		.nav-mobile{ display:block}
	.box{ padding:0 0 20px; border-bottom:solid 1px #000; border-right:none; text-align:center}
	.privacy{ text-align:center; width:100%; display:block; margin:5px 0}
	.design{ float:none !important; text-align:center; display:block}
	.logo { margin-left:0; margin-right:20px}
	.logo img{ max-height:50px}
	.slogan img{ max-width:250px}
	#nav-mobile-btn {
		background:url(../images/menu.png) no-repeat;
		width:32px; height:32px;
   
    border: 0 none;
    border-radius: 4px;
    color: #444444;
    display: block;
    font-size: 30px;
    line-height: 1;
    padding: 5px;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 10px;
    transition: all 0.3s ease 0s;
    width: 35px;
    z-index: 999;
}
#nav-mobile-btn:active, #nav-mobile-btn:hover {
    color: #444444;
}
.nav-mobile {
    background: #f7f8fa none repeat scroll 0 0;
    box-shadow: -5px 0 20px 0 rgba(0, 0, 0, 0.3) inset;
    height: 100%;
    left: 0;
    overflow: auto;
    padding: 15px;
    position: fixed;
    top: 0;
    transform: translate3d(-100%, 0px, 0px);
    transition: all 0.5s ease 0s;
    visibility: hidden;
    width: 270px;
    z-index: 99999;
	text-align:left
}
.nav-mobile > i {
   
    cursor: pointer;
  
    position: absolute;
    right: 15px;
   
    top: 5px;
    transition: all 0.5s ease 0s;
   
}
.nav-mobile > i:hover, .nav-mobile > i:active {
    color: #ffc000;
}
.nav-mobile h2 {
    color: #f37135;
	font-weight:bold;   
    font-size: 24px;
    margin: 10px 0 15px;
    padding-bottom: 15px;
    text-align: center;
    text-transform: uppercase;
}

.nav-mobile a {
    color: #444444;
    font-size: 16px;
}
.nav-mobile a:hover, .nav-mobile li.active a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #087dc2;
    text-decoration: none;
}
.nav-mobile a:focus {
    text-decoration: none;
}
.nav-mobile ul {
    list-style: outside none none;
}
.nav-mobile > ul {
    padding: 0;
}
.nav-mobile > ul li {
    float: none;
	width:100%;
	text-align:left
}
.nav-mobile > ul li > a {
    display: inline-block;
    padding: 0;
    text-shadow: none;
	color:#000; text-align:left;
	margin:10px 0; font-size:16px
}
.nav-mobile > ul li > a:hover{ color:#f37135; background:none}


.nav-mobile > ul > li {
    margin-bottom: 20px;
    padding-left: 10px;
}
.nav-mobile > ul ul {
    border-left: 2px solid #f37135;
    padding-left: 15px;
}
.nav-mobile::after {
    background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
    content: "";
    display: none;
    height: 100%;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 0.5s ease 0s;
    width: 100%;
}
.nav-mobile.open {
    transform: translate3d(0px, 0px, 0px);
    transition: transform 0.5s ease 0s;
    visibility: visible;
}
.nav-mobile.open::after {
    height: 0;
    opacity: 0;
    transition: opacity 0.5s ease 0s, width 0.1s ease 0.5s, height 0.1s ease 0.5s;
    width: 0;
    z-index: 999;
}
.navbar{ display:none}
.banner img{ height:70px; max-width:none}
.nav-close{ background:url(../images/close.png) no-repeat; width:32px; height:32px; display:inline-block}
.logo{ max-width:100%; margin:15px 0}
.slogan img{ max-width:100%}
.slogan{ margin-bottom:15px; display:block}
		}
 @media(max-width:479px){ .logo{ margin-right:5px;} .logo img{ max-height:30px}}