.boxs-ul , .n-header-main, .full-width , section, header, footer, main-nav, .header {
  float: left;
  width: 100%;
  position:relative;
}
.boxsleft-ul , .n-header-main, .full-width , section, header, footer, main-nav, .header {
  float: left;
  width: 100%;
  position:relative;
}
.slogan-main {
  display: inline-block;
  float: none;
  max-height: 160px;
  max-width: 56%;/*64%;*/
  text-align: center;
  width: 100%;
}
.slogan-right {
  float: right;
  max-width: 18%;
  width: auto;
}
.slogan-right {
  float: right;
  max-height: 160px;
  max-width: 18%;
  width: auto;
}
.logo {
  float: left;
  padding: 10px 0;
  text-align: center;
  width: 100%;
}
.navbar .brand {
  margin: 0 !important;
  max-width: 20%;
  padding: 0 !important;
  width: auto;
}
.logo > a {
  float: left;
  width: 100%;
}
.full-width ul li a {
  width: auto;
}
.header .navbar .nav > li {
  float: left;
  width: 12.5%;
}
.header ul.nav {
  width: 100%;
}
.header .navbar .nav > li {
  background-color: var(--nav-bg-color);
   background-image: none;
  background-position: 92% center;
  background-repeat: no-repeat;
  background-size: 17px 17px;
  border-right: 2px solid #fff;
  display: inline-block;
  float: left;
  padding: 0;
  text-align: left;
  width: 12.32%;
  background-size:13px;
}
.header .navbar .nav .sy
{
  background-image: url("../img/li.png");
}
.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
  color: #da2627;
}
.header ul.nav {
  background: var(--nav-bg-color) none repeat scroll 0 0;
}
.header .navbar .nav > li:last-child {
  border-right: 0 solid #fff;
}
.boxs-ul {
  margin: 0;
  padding: 0;
}
ul.boxs-ul li {
  display: inline-block;
  float: left;
  padding: 0 0.5%;
  width: 32.60%;
}
.boxsleft-ul {
  margin: 0;
  padding: 0;
}
ul.boxsleft-ul li {
  /*display: inline-block;*/  /*defult*/
  /* float: left;
  padding: 0 0.5%;
  width: 24.25%; */
}
.m-img {
    border: 1px solid #ccc;
    float: left;
    margin: 0 10px 10px 0;
    padding: 5px;
    width: 45%;
}
.m-text {
    float: left;
    min-height: 155px;
    text-align: justify;
    width: 96%;
}
.mhrai-inner {
  background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
  color: transparent;
  display: inline-block;
  float: none;
  min-height: 120px;
  width: 98%;
}
.box-title {
  background: #6D8CAB;
  color: #fff;
  font-size: 17px;
  margin-bottom: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.member-text {
  color: #000;
  float: left;
  font-size: 16px;
  font-weight: bold;
  line-height: 27px;
  width: 100%;
}
.mfounder .box-title, .mcman .box-title{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e59c60+54,cccccc+100 */
background: #e59c60; /* Old browsers */
background: -moz-linear-gradient(top,  #e59c60 54%, #ccc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e59c60 54%,#ccc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b5311c 54%,#52160c 120%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e59c60', endColorstr='#ccc',GradientType=0 ); /* IE6-9 */
}
.msearch .box-title {
  padding: 0;
}
#gallery {
  margin-top: 30px;
}
.gallery-page #gallery{margin-top: 30px;
}
.header .navbar-inner {
  padding-left: 0px; 
  padding-right: 0px;
}
.slogan-right > img {
  float: right;
}
.header .navbar .nav > li:first-child, .header .navbar .nav > li:last-child, .header .navbar .nav > li:nth-child(2){
  background-image: none !important;
}
.msearch .box-title, .mhrai .box-title{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6A9CCF+54,cccccc+100 */
background: #6A9CCF ; /* Old browsers */
background: -moz-linear-gradient(to top, #1cb5a7 54%,#0b544e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(to top, #1cb5a7 54%,#0b544e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to top, #1cb5a7 54%,#0b544e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6A9CCF  ', endColorstr='#ccc',GradientType=0 ); /* IE6-9 */
}
.no-padding {
  padding: 0;
}
h1.headerbg {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6b783+0,e6b783+0,ecc298+50,f0d5b8+100 */
background: #edcaa4;/*#e6b783;  Old browsers */
/*background: -moz-linear-gradient(left, #e6b783 0%, #e6b783 0%, #ecc298 50%, #f0d5b8 100%); /* FF3.6-15 *
background: -webkit-linear-gradient(left, #e6b783 0%,#e6b783 0%,#ecc298 50%,#f0d5b8 100%); /* Chrome10-25,Safari5.1-6 *
background: linear-gradient(to right, #e6b783 0%,#e6b783 0%,#ecc298 50%,#f0d5b8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6b783', endColorstr='#f0d5b8',GradientType=1 ); /* IE6-9 */*/
margin-bottom:10px;
}
.navbar .container {
  width: 1170px;
}
ul.boxs-ul li.msearch{
  padding-left: 0;
}
ul.boxs-ul li.mcman {
  padding-right: 0;
}
ul.boxsleft-ul li.msearch{
  padding-left: 0;
  width: 100%;
}
ul.boxsleft-ul li.mcman {
  padding-right: 0;
}
.msearch .box-title {
  height: 40px;
}
.m-button {
  float: left;
  margin: 11px 0 0;
  text-align: center;
  width: 100%;
}
.read {
  background: #292177 none repeat scroll 0 0;
  border: 0 none;
  border-radius: 0;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.05) inset, 0 0 0 0 rgba(0, 0, 0, 0.05) inset;
  color: #fff;
  float: right;
  font-size: 12px;
  font-style: italic;
  padding: 5px 22px;
  text-decoration: none;
  text-shadow:0 0 0 rgba(255, 255, 255, 0.75);
}
.msearch input {
  border-color: #292177;
  border-radius: 0;
  color: #000;
  font-size: 12px;
  text-align: center;
}
.msearch .input-group {
  margin-bottom: 14px;
}
.msearch button {
  background: #292177 none repeat scroll 0 0;
  border: 0 none;
  border-radius: 0;
  box-shadow: 0 0 0;
  color: #fff;
  font-size: 20px;
  line-height: 30px;
  margin-top: 10px;
  width: 100px;
}
.msearch button:hover {
  background: #fff none repeat scroll 0 0;
  border: 0 none;
  border-radius: 0;
  box-shadow: 0 0 1px 2px #292177 ;
  color: #292177 ;
}
.btn.btn-default.read:hover {
  background: #fff none repeat scroll 0 0;
  border: 0 none;
  border-radius: 0;
  box-shadow: 0 0 1px 2px #292177;
  color: #292177;
}
.thumbnails {
  margin-left: 0;
}
#myCarousel33 .thumbnails > li {
  float: left;
  margin: 0 0.5% !important;
  width: 24%;
}
.slider-crl {
  display: inline-block;
  left: 25%;
  margin: 0 auto;
  max-width: 40%;
  position: absolute;
  top: 5px;
}
.slider-right .slider-crl {
  left: 35%;
}
.item .thumbnail > img {
  height: 150px;
}
.carousel-control {
  top: 45%;
}
.header a.brand {
  max-width: 100%;
  width: 100%;
}
a.btn.btn-navbar {
  position: absolute;
  right: 2%;
  bottom: 0px;
  z-index: 999999;
}
.slogan-right > img {
  padding: 10px 0;
}
/*responcive css*/
@media only screen and (max-width: 1200px) {
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
  width: 1170px;
  max-width:98%;
}
.m-text {
  float: right;
  width: 60%;
}
.span3 {
  width: 23.2%;
}
.header .navbar .nav > li {
  width: 12.3%;
}
.header ul.nav li a {
  font-size: 9px;
}
.row {
  margin-left: 0;
}
[class*="span"] {
  margin-left: 15px;
}
}

@media only screen and (max-width: 992px) {
.m-text{
	width:100%;
}
.m-img , .btn.btn-default.read{
  display: inline-block;
  float: none;
  margin-bottom: 10px;
}
.header .navbar .nav > li {
  width: 100%;
}
}

@media only screen and (max-width: 768px) {
ul.boxs-ul li , .span3{
  padding: 0;
  width: 100%;
}
.m-text {
  text-align: center;
}
.presentation, footer, .testimonials {
  padding-left: 0;
  padding-right: 0;
}
[class*="span"] {
  margin-left: 0;
}
.what-we-do {
  margin-top: 0px;
}
.slider, .what-we-do, .portfolio {
  padding: 0 0px;
}
.header{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6b783+0,e6b783+0,ecc298+50,f0d5b8+100 */
background: #e6b783; /* Old browsers */
background: -moz-linear-gradient(left, #e6b783 0%, #e6b783 0%, #ecc298 50%, #f0d5b8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #e6b783 0%,#e6b783 0%,#ecc298 50%,#f0d5b8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #e6b783 0%,#e6b783 0%,#ecc298 50%,#f0d5b8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6b783', endColorstr='#f0d5b8',GradientType=1 ); /* IE6-9 */
  padding-bottom:10px
}
h1.headerbg {
  margin-bottom: 0;
  min-height: 90px;
  padding-bottom: 10px;
}
}

@media only screen and (max-width: 600px) {
.testimonial-list p {
  float: left;
  font-size: 14px;
  font-style: italic;
  line-height: 30px;
  padding: 20px;
  width: auto;
}
.testimonials .tab-pane {
  text-align: center;
}
.testimonial-list img {
  border: 3px solid #eaeaea;
  display: inline-block;
  float: none;
  margin: 0;
}
}
.m-text.mhrai1 {
  float: left;
  padding: 0 2%;
  text-align: justify;
  width: 96%;
}
footer p {
  color: #fff; /*#333*/
}
.submenu {
  background: var(--nav-bg-color);
  display: none;
  left: 0;
  margin: 0;
  min-width: 120px;
  padding: 0px 0px 10px 30px;
  position: absolute;
  top: 30px;
  z-index: 9999;
}
.dropdown:hover .submenu {
  display: inline-block;
}
.nav-collapse .nav > li > a:hover, .nav-collapse .dropdown-menu a:hover{
	background-color:#2d3194; !important;
}
.msearch button {
  background: #292177 none repeat scroll 0 0;
  border: 0 none; 
  border-radius: 0;
  box-shadow: 0 0 0;
  color: #fff;
  font-size: 12px;
  line-height: 22px;
  margin-top: 0;
  width: 100px;
 
}