eh4, h5, h6,
h1, h2, h3 {margin-top: 0;}
ul, ol {margin: 0;}
p {margin: 0;}
html,body{
	font-family: 'Open Sans', sans-serif;
}
body a{
    transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
hr{border-top: 1px solid #333; clear:both; margin:20px 0;}
.mt_logo_img {max-width:350px;}
.head-nav {
  float: right;
}
.head-nav ul{
	margin:0;
	padding:0;
}
.head-nav ul li{
	display:inline-block; 
	float:left;	
}
.head-nav ul li a{
	position: relative;
	display: inline-block;
	outline: none;
	color:#090909;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 1px;
	font-weight: 600;
	margin: 0;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size: 1em;
}
.head-nav a:hover,
.head-nav a:focus {
	outline: #b72706;
}
.head-nav ul{
	padding:0;
	margin: 0;
}
*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.head-nav ul li {
	display: inline-block;
	margin: 0;
	outline: none;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	font-size: 16px;
}
.head-nav ul li.active a{
	color: #b72706;
}
ul a:hover,
ul a:focus {
	outline: none;
	color: ;
	text-decoration: none;
}
/* Effect 16: fall down */
.cl-effect-16 a {
	color: #b72706;
	text-shadow: 0 0 1px rgba(111,134,134,0.3);
}

.cl-effect-16 a::before {
	color:#b72706;
	content: attr(data-hover);
	position: absolute;
	opacity: 0;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	-webkit-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	-moz-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	pointer-events: none;
}
.cl-effect-16 a:hover::before,
.cl-effect-16 a:focus::before {
	-webkit-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
	-moz-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
	transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
	opacity: 1;
}
.logo {
  float: left;
  font-family: 'Asap', sans-serif;
  color:#000;
  font-size:2.3em;
  text-shadow:1px 2px 3px #666;
}
.logo a {
	display: block;
}
.header {
  padding: 1.8em 0;
 background: #b2ff00; /* Old browsers */
background: -moz-linear-gradient(top,  #b2ff00 0%, #b2ff00 51%, #b2ff00 51%, #b2ff00 92%, #b2ff00 92%, #9ee800 96%, #9ee800 98%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2ff00), color-stop(51%,#b2ff00), color-stop(51%,#b2ff00), color-stop(92%,#b2ff00), color-stop(92%,#b2ff00), color-stop(96%,#9ee800), color-stop(98%,#9ee800)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b2ff00 0%,#b2ff00 51%,#b2ff00 51%,#b2ff00 92%,#b2ff00 92%,#9ee800 96%,#9ee800 98%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b2ff00 0%,#b2ff00 51%,#b2ff00 51%,#b2ff00 92%,#b2ff00 92%,#9ee800 96%,#9ee800 98%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b2ff00 0%,#b2ff00 51%,#b2ff00 51%,#b2ff00 92%,#b2ff00 92%,#9ee800 96%,#9ee800 98%); /* IE10+ */
background: linear-gradient(to bottom,  #b2ff00 0%,#b2ff00 51%,#b2ff00 51%,#b2ff00 92%,#b2ff00 92%,#9ee800 96%,#9ee800 98%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2ff00', endColorstr='#9ee800',GradientType=0 ); /* IE6-9 */
}
.banner {
  background: #e6e6e6;
   padding: 3em 0 5em;
  border-bottom: 1px solid #2d2d2d;
}
.banner-bottom {
  background: #fff;
  padding: 1em;
  border-bottom: 6px solid #c6c6c6;
}
.banner-bottom h4 {
  color: #050506;
  font-size: 1.4em;
  margin: 0;
  font-weight: 600;
  text-align:left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;  
}
.banner-bottom p {
  color: #50504f;
  font-size: 1.1em;
  line-height: 1.8em;
  margin: 0em 0;
  font-weight: 400;
  text-align:left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;  
}
.workes h2 {
  background: #000000;
  color: #b2ff00;
  text-transform: uppercase;
  padding: 1em 3em;
  text-decoration: none;
  margin: 0;
  border-radius: 5px;
}
.workes h2 a {
  background: #000000;
  color: #b2ff00;
  text-transform: uppercase;
  padding: 1em 3em;
  text-decoration: none;
  margin: 0;
  border-radius: 5px;
}
.workes h2 a:hover{
  background: #2D2C28;
  color: #fff;
}
.workes h2 {
  font-size: 1.3em;
  line-height: 1.5em;
  margin: 0;
}
.workes {
  margin-top: -2em;
  padding: 0 0 1em;
  /*position: absolute;
  top: -9px;
  left: 44em;*/  
}
.Here {
  background: #6b6b6b;
  padding: 0 0 4em;
  position: relative;
}
.here-left {
  float: left;
  width: 14%;
}
.here-right {
  float: left;
  width: 80%;
}
.Here h5 {
  color: #b2ff00;
  font-size: 1.7em;
  margin: 0;
  font-weight: 400;
  vertical-align: middle;
  padding: 0.4em 0em;
}
.here-1, .here-1 a{color: #e6e6e6;}
.Here p {
  color: #e6e6e6;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.8em;
  margin: 0.5em 0;
}
.company {
  background: #f1f1f1;
  padding: 4em 0;
  border-bottom: 1px solid #1f1f1f;
}
.company h3 {
  color: #0f0f10;
  font-size: 1.7em;
  font-weight: 400;
  margin-bottom: 1em;
}
.company-1, .company-1 a {color: #50504f;}
.company p {
  color: #50504f;
  font-size: 1em;
  line-height: 1.8em;
  font-weight: 400;
}
.company h6 {
  color: #50504f;
  font-size: 1em;
  font-style: italic;
  margin: 0;
  font-weight: 400;
}
.company h5{
  font-size: 1.1em;
}
.company h5 a{
  color: #b72706;
  margin-bottom: 1em;
  font-weight: 600;
  text-decoration:none;
}
.company h5 a:hover{
	color:#090909;
}
.our {
  margin: 1em 0;
}
.sleek {
  margin: 1em 0;
  padding: 0 0 1em;
  border-bottom: 1px solid rgba(85, 85, 85, 0.13);
}
.later {
  background: #1f1f1f;
  padding: 1.8em 0;
  border-top: 10px solid #b2ff00;
}
.stay-left {
  float: left;
  width: 71%;
  margin-right: 0.5%;
}
.button {
  float: left;
  width: 28.5%;
}
.stay form input[type="text"] {
  width: 100%;
  color: #898888;
  outline: none;
  font-size: 1em;
  padding: .3em;
  border: none;
  -webkit-appearance: none;
}
.button form input[type="submit"] {
  background: #b2ff00;
  padding: .3em;
  color: #010100;
  font-size: 1em;
  font-weight: 600;
  display: block;
  outline: none;
  border: none;
  width: 100%;
  border-radius: 0px 5px 5px 0px;
}
.button form input[type="submit"]:hover{
  background: #919175;
  color: #b2ff00;
}
.later li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.5em;
  float:right;
}
.later h5 {
  color: #f1f1f1;
  font-size: 1.2em;
  vertical-align: middle;
  margin: 0;
}
.later h6 {
  color: #f1f1f1;
  font-size: 1em;
  vertical-align: middle;
  margin: 0;
  font-weight: 400;
}
.later span a {
  color: #b2ff00;
  text-decoration:none;
}
.later span a:hover{
  color: #f1f1f1;
}
.footer {
  background: #3c3c3c;
}
.footer h3 {
  color: #ffffff;
  font-size: 1.4em;
  font-weight: 400;
  margin-bottom: 1em;
}
.foot-nav ul {
  padding: 0;
}
.foot-nav li  {
  display: block;
  margin:0.4em 0;
}
.foot-nav li a {
  color: #c0c0c0;
  font-size: 1em;
  text-transform: capitalize;#b2ff00
}
.foot-nav li a:hover, .foot-nav ul li.active a {
 color: #b2ff00;
}
.footer p {
  color: #c0c0c0;
  font-size: 1em;
  font-weight: 400;
  line-height:1.8em;
  padding:1em;
}

.foot-bottom {border-top:1px solid #747474; text-align:center;font-size: 1em;}
.foot-bottom p,.foot-bottom p a,.foot-bottom a,.foot-bottom a:hover,.foot-bottom p a:hover {color: #747474;}
/*-- flexisel --*/
#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
	display: none;
}
.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}
.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}
.nbs-flexisel-inner {
	overflow: hidden;
	margin: 0 auto;
}
.nbs-flexisel-item {
	float: left;
	margin:0px;
	padding:0px;
	cursor: pointer;
	position: relative;
	line-height: 0px;
}
.nbs-flexisel-item > img {
	cursor: pointer;
	positon: relative;
	margin-top:5px;
	margin-bottom: 10px;
	max-width:240px;
	max-height:240px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
}
.nbs-flexisel-item p{
	padding:0px;
}
.nbs-flexisel-item p a{
	color:#000;
	font-size:1.2em;
}
.nbs-flexisel-item p a:hover{
	color:#6CC372;
}
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
	width: 22px;
	height: 40px;
	position: absolute;
	cursor: pointer;
	z-index: 100;
	margin-top:0em;
}
.nbs-flexisel-nav-left {
	left:-2em;
	background: url(../img/lef.png) no-repeat 1px 1px;
}
.nbs-flexisel-nav-right {
	right:-2em;
	background: url(../img/righ.png) no-repeat 1px 1px;
}
.banner-1 {
  margin: 0em 0.5em;
}
/*-- flexisel --*/
/*--start-about--*/
.about{
	padding:4em 0px;
}
.about-top-left img {
	width: 100%;
}
.about-top-right h4 {
  color: #090909;
  font-size: 1.3em;
  font-weight: 600;
  margin: 0;
  line-height: 1.35em;
}
.about-top-right p {
  color: #50504f;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.8em;
  margin-top: 1em;
}
.about-top {
	margin-top: 2em;
}
.advantage-top {
  margin: 3em 0px 0;
}
.a-left {
	width: 15%;
	float: left;
	text-align: center;
	background: #b2ff00;
	padding: 14px 0px;
}
.a-left h4 {
	color: #000;
	margin: 0;
	font-size: 1.3em;
	font-weight: 700;
}
.a-right {
	width: 77%;
	float: right;
}
.a-right h4 {
  font-size: 1.3em;
  font-weight: 600;
  letter-spacing: 1px;
  color: #090909;
  margin: 0;
}
.a-right p {
  color: #50504f;
  font-size: 1em;
  font-weight: 400;
  margin: 1em 0;
  line-height: 1.8em;
}
/*--start-team--*/
/*--end-about--*/
/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; 
}
.row:after,
.clearfix:after {
  clear: both; 
}
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.entertain_box{
	margin-bottom:3em;
}
.portfolio h3 {
  color: #b72706;
  text-align: center;
  font-size: 2.6em;
  font-weight: 600;
}
/*--single--*/
.artical-links{
	padding: 10px 0px;
	border:1px dashed rgba(0, 0, 0, 0.61);
	border-left: none;
	margin-top: 5px;
	border-right: none;
}
.artical-links ul li{
	display:inline-block;
}
.artical-links ul li:last-child{
	float:right;
}
.artical-links ul li a span{
	vertical-align:top;
}
.artical-links ul li a{
	color: #50504f;
	padding-left: 20px;
}
.artical-links ul li a:hover{
	text-decoration:underline;
}
.artical-content h3 {
  color: #b72706;
  text-align: left;
  font-weight: 600;
  text-transform: none;
  padding: 15px 0px;
  font-size: 2em;
  margin: 0;
}
.artical-content{color: #50504f;}
.ak_inner_con {
	color: #50504f;
	font-size: 1em;
	line-height: 1.8em;
	margin: 1em 0;
}
/*---comment-box----*/

/*--gallery-Part-Ends-Here--*/
/*-- responsive-mediaquries --*/
@media(max-width:1440px){
/*.workes {
  position: absolute;
  top: -9px;
  left: 38em;
}*/
}
/*-- responsive-mediaquries --*/
@media(max-width:1366px){
.about-main h3, .advn-main h3, .team-top h3, .services-main h3, .add-mian h3, .clients-main h3  {
  font-size: 2.45em;
}
/*.workes {
  position: absolute;
  top: -9px;
  left: 35em;
}*/
}
/*-- responsive-mediaquries --*/
@media(max-width:1280px){
.about-main h3, .advn-main h3, .team-top h3, .services-main h3, .add-mian h3, .clients-main h3  {
  font-size: 2.3em;
}
.about-top-right h4, .a-right h4 {
  font-size: 1.18em;
}
.contact-top-one h4 {
  font-size: 1.3em;
}
/*.workes {
  position: absolute;
  top: -9px;
  left: 32em;
}*/
.portfolio h3 {
  font-size: 2.3em;
}
.about {
  padding: 2em 0px;
}
.services {
  padding: 2em 0px;
}
.contact {
  padding-top: 2em;
}
}
/*-- responsive-mediaquries --*/
@media(max-width:1024px){
.about-main h3, .advn-main h3, .team-top h3, .services-main h3, .add-mian h3, .clients-main h3  {
  font-size: 2.1em;
}
.about-top-right h4, .a-right h4 {
  font-size: 1.1em;
}
.a-left {
  width: 16%;
  padding: 11px 0px;
  font-size: 15px;
}
.ch-item {
  width: 95%;
  height: 95%;
}
.services-top-right h4 {
  font-size: 1em;
}
.add-right h4 {
  font-size: 1.05em;
}
.contact-top-one h4 {
  font-size: 1.2em;
}
.contact-top-right form input[type="text"] {
  width: 32.87%;
  font-size: 15px;
  padding: 8px 10px;
}
.contact-bottom iframe {
  height: 320px;
}
.head-nav ul li a {
  font-size: 0.9em;
}
.banner-bottom h4 {
  font-size: 1.2em;
  font-weight: 600;
}
.workes h2 {
  font-size: 1.1em;
  line-height: 1.3em;
  margin: 0;
}
.workes h2 a {
  padding: 1em 3em;
}
/*.workes {
  left: 26em;
}*/
.banner {
  padding: 3em 0;
}
.Here h5 {
  font-size: 1.1em;
    padding: 0.6em 0em;
}
.Here {
  padding: 0em 0 1em;
}
.company h3 {
  font-size: 1.5em;
}
.company {
  padding: 2em 0;
}
.later h5 {
  font-size: 1.1em;
}
.later-left{
  width: 45%;
}
.later-right {
  width: 55%;
  padding: 0;
}
.social-ic li {
  margin: 0 0.1em;
}
.footer h3 {
  font-size: 1.3em;
}
.footer {
  background: #3c3c3c;
  padding: 2em 0;
}
.portfolio h3 {
  font-size: 2.1em;
}
#portfoliolist .portfolio {
  width: 23.5%;
}
.port {
  padding: 1em 0;
}
div#portfoliolist {
  padding: 0em 0 0em;
}
.add-right {
  width: 77%;
  float: right;
}
.add-left {
  width: 23%;
  float: left;
}
.error-404 h1 {
	font-size: 9em;
}
.main {
	padding: 10em 0px;
}
.artical-content h3 {
  font-size: 1.4em;
}
.artical-commentbox h3, .comment-grid-top h3 {
  font-size: 1.4em;
}
.single-page-artical {
  padding: 2em 0 2em;
}
}
/*-- responsive-mediaquries --*/
@media(max-width:768px){
.head-nav ul li{
	display:block;
	float:none;
}
.head-nav ul li a{
	border-right:none;
	color:#000;
}
.head-nav ul{
	position:absolute;
	margin: 0;
	padding: 2% 0;
	z-index: 999;
	width: 100%;
	display: none;
	text-align: center;
	background:#b2ff00;
	left:0em;
	top:6em;
}
.head-nav span.menu {
	display: block;
	background: none;
	position: absolute;
	right: 20px;
}
.head-nav span.menu:before{
	content:url(../img/menu.png);
	text-align:right;
	cursor:pointer;
}
.head-nav ul li a {
  padding: 0.5em 1.5em;
  display: block;
  font-size: 0.875em;
  font-weight: 600;
  margin: 0;
}
.about-main h3, .advn-main h3, .team-top h3, .services-main h3, .add-mian h3, .clients-main h3  {
  font-size: 1.8em;
}
.about-top-right h4, .a-right h4 {
  font-size: 1.05em;
  line-height: 1.4em;
}
.a-left {
  width: 12%;
  padding: 19px 0px;
  font-size: 16px;
  float: none;
  margin: 0 auto;
}
.services-top-right h4 {
  font-size: 1.05em;
}
.contact-bottom iframe {
  height: 280px;
}
.about-top-right {
  margin-top: 1em;
}
.a-right {
  width: 76%;
  float: none;
  margin: 0 auto;
  text-align: center;
  margin-top: 1em;
}
.advantage-top {
  margin: 1em 0px 0;
}
.team {
  padding: 1em 0px;
}
.about {
  padding: 2em 0px;
}
.nbs-flexisel-nav-right {
  right: -1em;
}
.nbs-flexisel-nav-left {
  left: -1em;
}
.workes h2 {padding: 1em;}
.workes h2 a {
  padding: 1em 2em;
}
/*.workes {
  left: 18em;
}*/
.here-1 {
  margin: 0% 1%;
}
.company-1 {
}
.later-left {
  width: 60%;
  margin: 0 auto;
}
.later-right {
  width: 74%;
  padding: 0;
  margin: 1em auto;
}
.later {
  padding: 1em 0;
}
.footer-1 {
  float: left;
  width: 25%;
}
.portfolio h3 {
  font-size: 1.8em;
}
#portfoliolist .portfolio {
  width: 23%;
}
.grid_box .zoom-icon {
  top: -5px;
  width: 100%;
  height: 122px;
}
.services-top-right {
  margin-top: 1em;
}
.add-top {
  margin-top: 2em;
}
.add-left {
  width: 10%;
  float: left;
}
.add-right {
  width: 87%;
  float: right;
}
.add-top-left {
  margin: 1em 0;
}
.additional {
  padding-bottom: 1em;
}
.services-top {
  margin-top: 1em;
}
.main {
	padding: 10em 0px;
}
.error-404 h1 {
	font-size: 7em;
}
.error-404 p {
	font-size: 1.1em;
}
.artical-content h3 {
  font-size: 1.3em;
}
.artical-commentbox h3, .comment-grid-top h3 {
  font-size: 1.3em;
}
.top-comment-left {
  float: none;
  width: 100%;
  text-align: center;
}
.top-comment-right {
  float: none;
  width: 100%;
  margin-left: 0em;
  text-align: center;
}
}
/*-- responsive-mediaquries --*/
@media(max-width:640px){
.about-main h3, .advn-main h3, .team-top h3, .services-main h3, .add-mian h3, .clients-main h3  {
  font-size: 1.56em;
}
.services-top-right h4 {
  font-size: 1em;
}
.contact-top-one h4 {
  font-size: 1.1em;
}
.contact-top-one {
  margin: 15px 0px;
}
.contact-top-right form input[type="text"] {
  width: 32.84%;
  font-size: 14px;
  padding: 7px 10px;
  margin-bottom: 10px;
}
.contact {
  padding-top: 2.5em;
}
.contact-bottom iframe {
  height: 230px;
}
.workes h2 a {
  padding: 0.7em 2em;
}
/*.workes {
  left: 13.5em;
}*/
.here-1 {
  margin: 0%;
  padding: 0 9px;
}
.company h3 {
  font-size: 1.4em;
}
.later-left {
  width: 71%;
  margin: 0 auto;
}
.later-right {
  width: 87%;
  padding: 0;
  margin: 1em auto;
}
.footer h3 {
  font-size: 1.2em;
}
.banner-bottom h4 {
  font-size: 1.2em;
}
.portfolio h3 {
  font-size: 1.56em;
}
#portfoliolist .portfolio {
  width: 22.6%;
}
.grid_box .zoom-icon {
  top: -5px;
  width: 100%;
  height: 100px;
}
.error-404 h1 {
	font-size: 6em;
}
.main {
	padding: 7em 0px;
}
}
/*-- responsive-mediaquries --*/
@media(max-width:480px){
.about-main h3, .advn-main h3, .team-top h3, .services-main h3, .add-mian h3, .clients-main h3  {
  font-size: 1.5em;
}
.about-top-right h4, .a-right h4 {
  font-size: 1em;
}
.a-left {
  width: 13%;
  padding: 14px 0px;
  font-size: 14px;
}
.banner {
  padding: 2em 0 3em;
}
.workes h2 {
  font-size: 1em;
  margin: 0;
}
/*.workes {
  left: 9em;
}*/
.here-1 {
  float: left;
  width: 100%;
  margin: 0%;
  padding: 0;
}
.company-1 {
  float: none;
  width: 100%;
}
.company h3 {
  font-size: 1.3em;
  margin-bottom:0.5em;
}
.company {
  padding: 1em 0;
}
.Here p {
  font-size: 0.9em;
  margin: 0.5em 0 1em;
}
.company p {
  font-size: 0.9em;
}
.later-left {
  width: 97%;
  margin: 0 auto;
}
.later-right {
  width: 90%;
  padding: 0;
  margin: 0.5em auto;
  text-align: center;
}
.later li {
  margin: 0.2em 0.5em;
}
.footer-1 {
  float: none;
  width: 100%;
  margin: 1em 0;
}
.footer h3 {
  margin-bottom: 0.5em;
}
.foot-bottom p {
  font-size: 0.9em;
    margin: 0.5em 0 0;
}
.footer p {
  font-size: 0.9em;
}
.footer {
  background: #3c3c3c;
  padding: 0em 0 1em;
}
.foot-nav li a {
  font-size: 0.9em;
}
.company h6 {
  font-size: 0.9em;
}
.about-top-right p {
  font-size: 0.9em;
}
.a-right p {
  font-size: 0.9em;
}
.portfolio h3 {
  font-size: 1.5em;
}
#portfoliolist .portfolio {
  width: 46.7%;
}
.grid_box .zoom-icon {
  top: -5px;
  width: 100%;
  height: 152px;
}
.services-top-right p {
  font-size: 0.9em;
}
.services-top-right ul li a {
  font-size: 0.9em;
}
.add-left {
  width: 18%;
  float: left;
}
.add-right {
  width: 80%;
  float: right;
}
.add-right p {
  font-size: 0.9em;
}
.add-top {
  margin-top: 0em;
}
.contact-top-right form input[type="text"] {
  width: 100%;
  font-size: 0.9em;
  padding: 7px 10px;
  margin-bottom: 10px;
}
.sub-button input[type="submit"] {
  padding: 6px 20px;
  font-size: 0.9em;
}
.sub-button {
  margin-top: 1em;
  text-align: center;
}
.contact-bottom {
  margin: 1em 0;
}
.contact-main h3 {
  font-size: 1.5em;
}
a.b-home {
	padding: 0.6em 2em;
	font-size: 0.875em;
}
.error-404 p {
	font-size: 1em;
}
.error-404 h1 {
	font-size: 5em;
}
.main {
	padding: 6em 0px;
}
.artical-content h3 {
  font-size: 1.2em;
}
.single-page-artical {
  padding: 1em 0 2em;
}
.ak_inner_con {
  font-size: 0.9em;
}
.artical-links ul li a {
  padding-left: 0px;
}
.artical-links {
  padding: 8px 0px 25px;
}
.artical-links ul li:last-child {
  float: left;
}
.comments-top-top {
  padding: 1em;
  width: 100%;
}
.artical-commentbox h3, .comment-grid-top h3 {
  font-size: 1.2em;
}
.top-comment-right ul li span.right-at {
  font-size: 0.875em;
}
.table-form form input[type="text"] {
  padding: 0.5em;
  margin-top: 10px;
  width: 60%;
  font-size: 0.875em;
}
.table-form textarea {
  padding: 0.5em;
  margin-top: 10px;
  width: 80%;
  height: 120px;
  font-size: 0.875em;
}
.top-comment-right p {
  color: #50504f;
  font-size: 0.9em;
  margin: 0;
}
}
/*-- responsive-mediaquries --*/
@media(max-width:320px){
.banner-1 {
  margin: 0em 0.1em;
}
.banner-bottom {

  padding: 0.5em;
}
.banner-bottom p {
  font-size: 0.875em;
}
.banner-bottom h4 {
  font-size: 0.96em;
}
.workes h2 {
  font-size: 0.875em;
  margin: 0;
}
.workes h2 a {
  padding: 0.6em 1em;
}
/*.workes {
  left: 5.5em;
}*/
.banner {
  padding: 2em 0 2em;
}
.Here {
  padding: 0em 0 1em;
}
.Here p {
  font-size: 0.875em;
}
.company p {
  font-size: 0.875em;
}
.company h3 {
  text-align: center;
}
.company h5 {
  font-size: 1em;
}
.later li {
  margin: 0.5em auto;
  width: 100%;
  text-align: center;
}
i.ttt {
float: none; 
}
.later {
  padding: 0.5em 0;
}
.footer p {
  font-size: 0.875em;
}
.footer h3 {
  font-size: 1.1em;
}
.foot-bottom p {
  font-size: 0.875em;
  text-align: center;
}
.banner {
  padding: 1em 0 2em;
}
.about-top-right p {
  font-size: 0.875em;
}
.a-right p {
  font-size: 0.875em;
}
.about-main h3, .advn-main h3, .team-top h3, .services-main h3, .add-mian h3, .clients-main h3 {
  font-size: 1.4em;
}
.header{
padding:1em 0;
}
.head-nav span.menu {
  top:18px;
  right: 15px;
}
.logo {
  float: left;
  width: 56%;
}
.about {
  padding: 1em 0px;
}
.about-top {
  margin-top: 1em;
}
.a-left {
  width: 20%;
}
.a-right {
  width: 100%;
  margin-top: 0.5em;
}
.ch-grid li {
  width: 216px;
  height: 216px;
  display: inline-block;
  margin:18px;
}
.ch-info h3 {
  font-size: 1.1em;
  margin: 0 30px;
  padding: 85px 0 0 0;
  height: 112px;
}
#portfoliolist .portfolio {
  width: 47.95%;
}
#portfoliolist .portfolio {
  margin: 0em 0.2em;
}
.portfolio {
  padding: 0.2em 0em;
}
.grid_box .zoom-icon {
  top: -5px;
  width: 100%;
  height: 99px;
}
.portfolio h3 {
  font-size: 1.4em;
}
.services {
  padding: 1em 0px;
}
.services-top-right p {
  font-size: 0.875em;
}
.add-left {
  width: 26%;
  float: left;
}
.add-right {
  width: 72%;
  float: right;
}
.add-right p {
  font-size: 0.875em;
  margin-top: 0.5em;
}
.add-right h4 {
  font-size: 1em;
}
.contact {
  padding-top: 1em;
}
.contact-top-one h6 {
  font-size: 0.9em;
  margin: 0.5em 0;
}
.contact-top {
  margin-top: 1em;
}
.contact-top-left {
  padding: 0;
}
.contact-top-right {
  padding: 0;
}
.main {
	padding: 4em 0px;
}
.error-404 h1 {
	font-size: 4em;
}
a.b-home {
	font-size: 0.8125em;
}
.head-nav ul {
  top: 3.7em;
}
.about-top-left {
  padding: 0;
}
.about-top-right {
  padding: 0;
}
.artical-content h3 {
  font-size: 1em;
}
.ak_inner_con {
  font-size: 0.875em;
}
.artical-links ul li {
  display: inline-block;
  font-size: 0.875em;
  line-height: 2em;
}
.artical-commentbox h3, .comment-grid-top h3 {
  font-size: 1.1em;
}
.top-comment-right ul li a {
  font-size: 0.9em;
}
.table-form form input[type="text"] {
  width: 75%;
}
.table-form textarea {
  width: 100%;
  height: 100px;
}
}
@media(min-width:1024px){.single-page-artical{min-height:500px;}}
.here-1 ul,ol{margin-left:15px; padding:0;}
.company-1 ul,ol{margin-left:15px; padding:0;}
.artical-content ul,ol{margin-left:15px; padding:0;}
/*.img_slide{min-height:435px; background:#fff;}*/
/* Aktempcss */
.top-nav ul ul {display: none; top:0; z-index:10;}
.top-nav ul li:hover > ul {display: block;}
.top-nav ul {
	list-style: none;
	position: relative;
}
.top-nav ul:after {content: ""; clear: both; display: block;}
.top-nav ul li {
	float: left;
	padding:0;
}
.top-nav ul li:hover {}
.top-nav ul li:hover a {color: #b72706; }
	
.top-nav ul li a {
	display: block;
	text-decoration: none;
	padding:10px 15px;
}
.top-nav ul ul {
	background: #1f1f1f; border-radius: 0px; padding: 0; margin:0;
	position: absolute; top: 100%;
	width:228px;
}
.top-nav ul ul li {
	float: none; 
	position: relative;
	background:transparent;
	width:228px;
}
.top-nav ul ul li a {
	border-bottom: 1px solid #000;
	color: #fff;
	text-align:left;
	padding:10px 15px;
}	
.top-nav ul ul li a:hover {
	color: #1f1f1f;
	background: #b2ff00;
}

.top-nav ul ul ul {position: absolute; right: 100%; top:0;}
.top-nav ul ul ul li a {
	border-bottom: 1px solid #000;
	color:#e77200;
	padding:10px 15px;
	text-align:left;
	background: #1f1f1f;
}	
.top-nav ul ul ul li a:hover {
	color: #1f1f1f;
	background: #b2ff00;
}
.top-nav ul ul ul li{color: #333252; }
.more_menu {right:0;}
.top-nav ul ul li a span {margin-top:5px;}


/* bottom navig
============================== */
/* All */
.botnav ul {
  *zoom: 1;
  list-style: none;
  margin: 0;
  padding: 0;
}
.botnav ul:before,
.botnav ul:after {
  content: "";
  display: table;
}
.botnav ul:after {
  clear: both;
}
.botnav ul > li {
  float: left;
  position: relative;
  width:16.66%;
  text-align:left;
}
.botnav a {
  display: block;
  padding:10px 15px 10px 10px;
  line-height: 1.2em;
  color: #fff;
}
.botnav a span{
 width: 90%;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	float:left;
	height:26px;
}
.botnav ul ul li a span{
float:none;
white-space: normal;
}
.botnav a:hover {
  text-decoration: none;
	background: #1f1f1f;
}
.botnav li ul {
  background: #1f1f1f;
  color:#fff;
}
.botnav li ul li {
  width: 100%;
  
}
.botnav li ul a {
  border-bottom: 1px solid #000;
  padding:10px;
  
}
.botnav li ul a:hover {
  background: #707280; color:#707280;
}

.botnav_sub ul li:hover {background-color:#1f1f1f; color:#fff! important;}
.botnav_sub ul li:hover a {color: #fff; }
.botnav_sub ul > li:hover ul li {
  max-height: 150px;
}
.botnav_sub li ul {
  position: absolute;
  left: 0;
  bottom: 36px;
  z-index: 1;
  color:#fff;
  width:100%;
}
.botnav_sub li ul li {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 500ms ease;
  -moz-transition: max-height 500ms ease;
  -o-transition: max-height 500ms ease;
  transition: max-height 500ms ease;
}
/*Aktempcss*/

.top-nav > ul > li > a .downarror {
    background-image: url("../img/marrow_nor.png");
    background-repeat: no-repeat;
    background-position: 97% 56%;
	 display: inline-block;
    height: 10px;
    width: 10px;
	margin-left:5px;
}
.top-nav  > ul > li > a:hover .downarror {
    background-image: url("../img/marrow_over.png");
    background-repeat: no-repeat;
    background-position: 97% 56%;
	 display: inline-block;
    height: 10px;
    width: 10px;
}
.top-nav ul li:hover .downarror {
    background-image: url("../img/marrow_over.png");
    background-repeat: no-repeat;z
    background-position: 97% 56%;
	 display: inline-block;
    height: 10px;
    width: 10px;
}

.top-nav ul ul li a .downarror {
    background-image: url("../img/marrow_over.png");
    background-repeat: no-repeat;
    background-position: 97% 56%;
	 display: inline-block;
    height: 10px;
    width: 10px;
	float:right;
}
.top-nav ul ul li a:hover  .downarror {
    background-image: url("../img/marrow_nor.png");
    background-repeat: no-repeat;
    background-position: 97% 56%;
	 display: inline-block;
    height: 10px;
    width: 10px;
}

.botnav ul > li a .bot_uparror {
    background-image: url("../img/uparrow_nor.png");
    background-repeat: no-repeat;
    background-position: 97% 56%;
	 display: inline-block;
    height: 10px;
    width: 10px;
	float:right;
	margin-top: 5px;
}
.botnav  > ul > li > a:hover .bot_uparror {
    background-image: url("../img/uparrow_over.png");
    background-repeat: no-repeat;
    background-position: 97% 56%;
	 display: inline-block;
    height: 10px;
    width: 10px;
}
.botnav_sub ul li:hover .bot_uparror {
    background-image: url("../img/uparrow_over.png");
    background-repeat: no-repeat;
    background-position: 97% 56%;
	 display: inline-block;
    height: 10px;
    width: 10px;
}
.topbanner {color: #707280; text-align: center; background: #b2ff00;}
.ftx {color: #fff; text-align: center;}

.content_img{float: right;  margin: 0 0 10px 10px;}
.editor_img{margin: 0;}

/* sitemap */
.stm_main ul {list-style: none; margin:0; padding:0;}
.stm_main ul li a {font-weight:bold; font-size:16px; width: 98%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float:left;}
.stm_main ul ul li a {font-size:16px; font-weight:normal;}
.stm_main ul > li {display: inline-block; width: 100%; padding: 4px 0; margin-bottom: 15px;}
.stm_main ul > li > ul >li {color: red; padding: 5px 0; margin-bottom: 0px;}
.stm_main{
    -webkit-column-count:4;
    -moz-column-count:4;
    -ms-column-count:4;
    -o-column-count:4;
    column-count:4;
    -webkit-column-gap:15px;
    -moz-column-gap:15px;
    -ms-column-gap:15px;
    -o-column-gap:15px;
    column-gap:15px;
    columns:4; padding:10px 30px;
}
@media screen and (max-width: 767px) {
.stm_main{
    -webkit-column-count:2;
    -moz-column-count:2;
    -ms-column-count:2;
    -o-column-count:2;
    column-count:2;
    -webkit-column-gap:15px;
    -moz-column-gap:15px;
    -ms-column-gap:15px;
    -o-column-gap:15px;
    column-gap:15px;
    columns:2;
}
}
@media screen and (max-width: 480px) {
.stm_main{
    -webkit-column-count:1;
    -moz-column-count:1;
    -ms-column-count:1;
    -o-column-count:1;
    column-count:1;
    -webkit-column-gap:15px;
    -moz-column-gap:15px;
    -ms-column-gap:15px;
    -o-column-gap:15px;
    column-gap:15px;
    columns:1;
}
}
@media screen and (max-width: 1025px) {.botnav ul > li {width:25%;}}
@media screen and (max-width: 769px) {
.top-nav ul ul {width:100%; display:block! important; margin-top:0; position:relative;background:transparent;}
.top-nav ul li {float: left; width:100%; }
.top-nav ul ul li {width:100%; margin:0; padding:0;}
.top-nav ul {padding-bottom:0; position:absolute;}
.top-nav ul ul ul {right:0; position: relative; background:transparent;}
.top-nav ul li:hover {color:#fff;}
.top-nav ul ul li a {background:#1f1f1f; color:#b72706; border-bottom: 1px solid #272946;  padding:10px 30px; text-align:left;}
.top-nav ul ul li a:hover {background:#b2ff00; color:#1f1f1f;}
.top-nav ul ul li:hover a {background:#b2ff00; color:#1f1f1f; }
.top-nav ul ul ul li a {background:#1f1f1f; color:#b72706; border-bottom: 1px solid #272946;  padding:10px 40px; text-align:left;}
.top-nav ul ul ul li a:hover {background:#1f1f1f; color:#b72706;}
.top-nav ul li a {padding:10px 15px; text-align:left; margin:0 !important; border-bottom:1px solid #333;}
.top-nav > ul > li > a .downarror {float:right; height: 20px; width: 20px;}
.top-nav  > ul > li > a:hover .downarror {float:right; height: 20px; width: 20px;}
.top-nav > ul > li > a {}

.top-nav ul li:hover .downarror {height: 20px; width: 20px;}
.top-nav ul ul li a .downarror {height: 20px; width: 20px;}
.top-nav ul ul li a:hover  .downarror {height: 20px; width: 20px;}
.content_img{margin: 0; width:100%;}
.editor_img{width:100%;}
.botnav ul > li {width:33%;}
.navigation { float: none;}
.top-nav ul ul li a span {margin-top:0px;}
}

@media screen and (max-width: 480px) {
.botnav ul > li {width:50%;}
}
@media screen and (max-width: 320px) {
.botnav ul > li {width:100%;}
}
nav {padding:20px 0;}

.here-1 h1 a, .here-1 h2 a, .here-1 h3 a, .here-1 p a, .here-1 a, .about-top a, .company-1 h1 a, .company-1 h2 a, .company-1 h3 a, .company-1 p a, .company-1 a{cursor:pointer; text-decoration:underline;} 
.here-1 h1 a:hover, .here-1 h2 a:hover, .here-1 h3 a:hover, .here-1 p a:hover, .here-1 a:hover, .about-top a:hover, .company-1 h1 a:hover, .company-1 h2 a:hover, .company-1 h3 a:hover, .company-1 p a:hover, .company-1 a:hover{text-decoration:none;} 

@media(max-width:1200px){
	.mt_logo_img {max-width:350px;}
	.logo {font-size: 2.3em;}
}

@media(max-width:1024px){
	.mt_logo_img {max-width:350px;}
	.logo {font-size: 2em;}
}
@media (max-width: 992px) {
.mt_logo_img {max-width:300px;}
.logo {font-size: 1.8em;}
}
@media(max-width:767px){
.mt_logo_img {max-width:250px;}
.logo {font-size: 1.5em;}
}

@media(max-width:480px){
.mt_logo_img {max-width:200px;}
.logo {font-size: 1.3em;}
}

/* Design2009
/* Editor Styles listed below */
.heading {
  color: #b2ff00;
  font-size: 1.7em;
  margin: 0;
  font-weight: 400;
  vertical-align: middle;
  padding: 0.4em 0em;
}
.sub-heading {
  color: #0f0f10;
  font-size: 1.7em;
  font-weight: 400;
  margin-bottom: 1em;
}
.minor-heading {
  color: #b72706;
  text-align: left;
  font-weight: 600;
  text-transform: uppercase;
  padding: 15px 0px;
  font-size: 1.5em;
  margin: 0;
}
.content-text-style-1 {
  color: #e6e6e6;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.8em;
  margin: 0.5em 0;
}
.content-text-style-2 {
  color: #50504f;
  font-size: 1em;
  line-height: 1.8em;
  font-weight: 400;
}
.content-text-style-3 {
	color: #50504f;
	font-size: 1em;
	line-height: 1.8em;
	margin: 1em 0;
}

.home_content { 
  font-family: Arial,Helvetica,sans-serif; 
  font-size: 11px; 
  text-align: justify; 
}; 

