/*
Created by Infinista Concepts
*/
@media (min-width: 1152px) and (max-width: 1309px){
	.work-space {
	max-height: 346px!important;	
    }
    .team-photo {
	max-height: 349px!important; 
    }
    .services-link li {
	  margin: 0 11px;
    }
    .work-text {
	padding-top: 18%!important;	
   }
   .work-space iframe {
	  height: 346px;
	}
}
   @media only screen and (min-width: 1390px){
	.our-approach h2 {
	width: 70%;
	margin: 0 auto;
	line-height: 40px;
     }
   }
@media (min-width: 1152px) and (max-width: 1380px){
	.our-approach h2 {
	width: 65%;
	margin: 0 auto;
	line-height: 40px;
}
}
@media (min-width: 1024px) and (max-width: 1151px){
	.services-link li {
	margin: 0 8px!important; 
    }
	.work-space {
	   max-height: 306px!important;	
    }
    .work-space iframe {
   		height: 306px;
   	}
    .team-photo {
	   max-height: 300px!important; 
    }
    .work-text {
	   padding-top: 12%;
    }
}

@media (min-width: 901px) and (max-width: 1151px){
    .team-photo {
	max-height: 270px!important; 
    }
}

@media (min-width: 768px) and (max-width:900px){
    .team-photo {
	max-height: 345px !important; 
    }
	.sub_email {
	   width: 90%!important;
      }
    .work-text h4 {
	font-size: 18px!important; 
	line-height: 23px!important;
	margin-bottom: 15px!important;
    }
	.work-space {
	max-height: 228px !important;
    }
    .work-space iframe {
	  height: 228px;
	}
    .work-text a {
	margin: 15px 5px;
    }
}

 @media (min-width: 640px) and (max-width:767px){
	.team-photo {
	max-height: 300px!important; 
    }
    .work-space {
	  max-height: 373px!important; 
    }
    .work-space iframe {
	 height: 373px;	
    }
 }
 @media (min-width: 481px) and (max-width:639px){
	.team-photo {
	max-height: 420px!important; 
    }
    .work-space {
	max-height: 276px!important; 
    }
    .work-space iframe {
	 height: 276px;	
    }
    .read-more {
	width: 100%;
    }
    .team-photo {
	min-height: 100% !important;
	width: 100% !important;
	max-height: 272px; 
   }
 }
 @media (min-width: 901px) and (max-width: 1023px){
	.work-space {
	max-height: 258px!important;	
    }
    .work-space iframe {
	 height: 258px;	
    }
     .work-text {
	   padding-top: 10%;
    }
}
@media (min-width: 768px) and (max-width: 1023px){
	
    .services-link li {
	margin-bottom: 25px!important;
    }
}
 @media only screen and (max-width: 1310px) {
      .container{
		  width:100%;
	  }
	  .blog-details-content img {
          height: auto;
          width: 100%;
	}
		.smiley_img {
    height: 23px!important;
    width: 23px!important;
}
    }
 @media only screen and (max-width: 320px) {
      .crew-section a {
         width: 90%;
      }
    }
  @media (min-width: 360px) and (max-width: 480px){
		.work-space {
	      max-height: 205px!important;
        }
        .work-space iframe {
		  height: 205px;
		}
        .team-photo {
	      max-height: 305px!important;
        }
    }
 @media (min-width: 320px) and (max-width: 480px){ 
	 .team-photo {
	     min-height: 100% !important;
	     width: 100% !important;
	     max-height: 272px;
	    }
	 /*.team-photo img{
		  width:100%;
		  height:auto;
	  }*/
	  .first-section {
	   padding: 5%!important;
      } 
      .first-section h1{
	  margin-top: 55px!important;
      }
      .first-section h2{
      	margin-top: 40px !important;
      }
	/*.work-space {
	max-height: 180px!important;
    }*/
     .blog-details-content img {
		  height: 170px;
          width:100%;
	      }

	 .theme-header {
	    font-size: 15px;
	    line-height: 22px;
	    margin: 0 0 10px;
	    }
      }
  @media (min-width: 630px) and (max-width: 900px){ 
 	.team-photo{
		 width: calc(100% / 2) !important;
		 min-height: auto!important;
 	}
	.team-photo:nth-child(3n+1) {
 	 clear: none;
	}
	.team-photo:nth-child(2n+1) {
 	 clear: none;
	}
    .team-photo img{
		 width:100%;
	     height:auto;
	  }
.blog-details-content img {
    height: auto;
    width:100%;
	}
  }
   @media only screen and (max-width: 900px) {
	 #mycanvas1 {
	   width: 50%;
	}
	.team-photo img {
	width: 100% !important;
	height: auto !important;
    }
	 #mycanvas2 {
	  left: 14% !important;
	  width: 76%;
	}
	.subscribe {
	float: left!important;
	margin: 0 auto;
	display: block!important;
	width: 100%!important;
      }
      
      .button-sub {
	width: 10%!important;
     }
     .blog_inpage{
		float: none!important;
	}
     .social-icons.social-icon-details {
	  display: block;
	  float: right;
      }
   }
  @media (min-width: 901px) and (max-width: 1320px){  	
  	.team-photo{
		 min-height: auto!important;
 	}
    .team-photo img{
		 width:101%!important;
	     height:auto!important;
	  }
	  .blog-socila-icon {
	  float: right!important;
      }
  }
 @media only screen and (max-width: 767px) {
	 .team-details{
		 opacity:1 !important;
	 }
	 .sub_email {
	   width: 88%!important;
      }
	 .blog-details-content h2 {
	font-size: 22px!important;	
    }	
    .work-text h4 {
	font-size: 18px!important;
	line-height: 30px!important;
	margin-bottom: 12px;
    }
    .second-section {
    padding-bottom: 41px;
    }
	.more-work-btn {
	margin: 41px 0 0 0!important;
     }
	 .our-approach {
        padding: 0 5%;
     }
	 .subscribe, .button-sub, .sub_email{
		 float:left !important; 
		  }
	   header.fixed-header  {
 		 min-height: 60px !important;
	}
		.fixed-header .logo img{
		width:auto !important;
		height:52px;
		}
	 .fifth-section .read-more{
		 margin-bottom:0!important;
	 }
	 .blog-listing-page .read-more {
	  margin-bottom: 0px !important;
	}
	 .overlay ul { 
    	left: 12% !important;
	 }
	 .home_blog.col-md-4{
	 	margin-bottom:32px!important;
	 }
	 .who_we_r_apply{
		 clear:both;
		 margin-bottom:122px !important;
	 }
	.who_we_r .more-work-btn{
		margin-top: 0px!important;
	}
	 /*.blog-listing-page .read-more{
		 float:none !important;
	 }*/
	 .sortlist, .sort, .categories-section, .blog-header-content h2{
		 float:none !important;
	 }
	 .categories-section{
		 display:block !important;
		 height:0;
		 max-width:100% !important;
		 transition: height 1s linear;
		-moz-transition: height 0.5s linear;
		-ms-transition: height 0.5s linear;
		-o-transition: height 0.5s linear;
		-webkit-transition: height 0.5s linear;
	 }
	 .share {
   		background: #5d5d5d url("../images/socail.png") repeat scroll 10px -373px !important;
	 }
	 .share {
	  width: 62px !important;
	}
	 .sort-icon {
   		 background: url("../images/socail.png") repeat scroll -13px -492px !important;
	 }
	 .show-categories {
	  height: 340px;
	  padding: 10px 0;
	}
	 .sort{
		 margin-bottom:20px;
	 }
	 .categories-section a{
		 display:block;
		 float:none !important;
		 padding: 14px 9px !important;
	 }
	 .blog-details-pg img{
		 width:100%;
		 height:auto;
	 }
	.search-blog, .subscribe-mail, .archives-section, .fb-section, .tw-section, .pinterest-section {
		margin:20px 15px 0 15px !important;
	 }
	.archives-details{
		margin:0px 15px 0 15px !important;
	}
	.pinterest-section{
		margin-bottom:20px;
	}
	.blog-details-pg .site-content {
 		 padding: 15px;
	}
	.blog-details-pg .entry-header h1, .blog-details-pg .entry-content p{
		padding: 20px 0 10px !important;
	 }
	 .blog-deatail-img {
 		 margin-left: 0 18px!important;
 		 line-height: 22px;
	 }
	.team-details{
		padding:10px 5px !important;
	}
	.crew-section p{
		padding:0px;
	}
	.read-more {
	  margin-bottom: 30px !important;
	}
	 .third-section h3{
		 text-align:center;
	 }
	 .previous , .next{
 		 left: 0px !important;
	}
	.arrow-down {
	  margin: 20px auto 0 !important;
	}
	 .first-section h2{
		 font-size:20px !important;
		 line-height:1.3;
	 }
	 .first-section h1{
		 font-size:36px !important;
		 line-height:1.2;
	 }
	 .button_container{
		 top:30px !important;
	 }
	.fixed-header .button_container {
  top: 14px !important;
}
	 header {
 		 min-height: 98px ;
	}	
	
	 .market, .write, .code, .design{
		 margin: 0 auto!important;
	}
	 .logo {
		 margin: 20px 0 20px !important;
	}

	.logo img {
  		width: 170px !important;
		height:auto;
	}
	.overlay nav{
		font-size:28px !important;
		height: 58%;
	}

	.work-space{
		width:100% !important;
	}
	.fourth-section .col-lg-2 {
		width: 49% !important;
	  }
	.first-section{
		padding-top:35px !important;
		height:auto !important;
		padding-bottom:60px;
	}
	.work-space > img {
	  height: auto;
	  width: 100%;
	  display:block;
	}
	.wrapper{
		background-size:cover;
	}
	.first-section{
		background-position: -160px center;		
	}
	h2{
		font-size:34px !important;
	}
	.blog-link {
	  max-width: 100% !important;
	  min-width: 100% !important;
	}
	.blog-link-title h3{
		font-size:30px !important;
	}
	.fifth-section .row{
		margin:0
	}
	.fifth-section {
 	 padding: 60px 15px !important;
	}

	.mail-us{
		padding:25px 15px !important;
		float:none !important;
	}
	.sixth-section span{
		padding:25px 15px !important;
		border-right:none !important;
		float:none !important;
	}
	.sixth-section p{
		padding: 12px 15px 40px !important;
	}
	.social-share a{
		float:none !important;
		margin:8px 8px 15px 8px !important;
	}
	.blog-link-icon {
		display: block;
		position: relative !important;
		right: 0 !important;
		text-align: center;
		top: 0 !important;
		margin: 0 auto;
	 }
    .blog-link-title {
 		 padding: 25px 20px;
	 }
	 .blog-details-content .previous a {
	  font-size: 16px;
	  padding: 15px;
	  background-image: none;
	 }
	 .blog-details-content .next a {
	  background-image: none;
	  font-size: 16px;
	  padding: 15px;
	}
	.blog-socila-icon {
	display: inline-block!important;
    }
	.what-we-do {
	  padding: 20px;
	}
	.what-we-do h1 {
 	 padding: 0;
	}
	.services-link li {
	  border-bottom: 15px solid transparent;
	  display: block;
	  margin: 0;
	  padding-bottom: 6px;
	  padding-top: 6px;
	}
	.services-link {
	  padding: 34px 0;
	}
    .what-we-do-services p {
	margin: 0 0 12px;
	padding: 0 15px;
   }
	.service-approach-container {
	  padding: 0 0 0px;
	}
	.order-post.request a {
	  background-image: none;
	  font-size: 16px;
	  margin: 0 auto;
	  padding: 18px 10px;
	}
	.services-link a {
	  line-height: 25px;
	}
	.crew-section a {
	  margin: 0 15px 15px;
	}
	.modal-body.career-details h2 {
	  font-size: 18px !important;
	  margin-top:30px; 
	}
	.experience-detail .apply{
		margin:30px auto;
	}
	.modal-body form {
	  padding: 0 15px;
	}
	.contact-details {
	  margin: 15px auto !important;
	  max-width: 100% !important;
	}
	.contact-textarea {
	  margin: 15px auto 25px !important;
	  max-width: 100% !important;
	}
	.modal-body.career-details {
	  padding: 15px 0 !important;
	}
	.modal-body.career-details p {
	  margin: 0 0 10px 30px;
	}
	.experience-detail > p {
	  display: block;
	  font-weight: bold;
	  margin: 10px 0 10px 44px !important;
	}
	.crew-section {
	  padding: 60px 0 0;
	}
	.blog-link-title.blog-link p {
	  display: block;
	  float: none;
	}
	.moneygram-img {
	  background: rgba(0, 0, 0, 0) url("../images/our-clients.png") repeat scroll -303px -89px;
	} 

	.service-approach:nth-child(3n-2) {
	  padding-left: 15px;
	}

	.what-we-do.major-services p {
	  padding: 0px;
	}

	.about-us .main-content{
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
		-moz-column-count: 1; /* Firefox */
		column-count: 1;
		-webkit-column-gap: 0px; /* Chrome, Safari, Opera */
		-moz-column-gap: 0px; /* Firefox */
		column-gap: 0px;
		padding: 0
	}

	header .badge {
		top: 98px;
	}

	.fix
	
	ed-header .badge {
		top: 61px;
	}

	.blog-details-content .row iframe {
	  width: 100%;
	}

	.about-us {
		padding: 70px 20px 25px;
	}

	.carrer-part .modal-dialog {
		width: auto;
	}

	.career-det {
	    margin: 25px auto 0 !important;
	    max-width: none !important;
	    width: 100%;
	}

			.our-team {
		    margin: 30px 0 0px 0;
		    padding: 0 0 30px;
		}

	.fileupload {
        margin: 24px 0 auto;
	}
}

 @media only screen and (max-width: 991px) {
	.about-us h3 hr {
	  bottom: -10px;
	}
}

@media (min-width: 768px) {
	header .badge {
	  right: 20px;
	}
}

  @media (min-width: 768px) and (max-width: 1310px) {
	.work-space img{
		width:100%;
		height:auto;
		display:block;
	}
	.read-more {
	width: 100%!important;
     }
	.our-team {
	padding-bottom: 50px!important;
    }
	.blog-link {
	  min-width: 37.7% !important;
	  min-height: 322px;
	}
	.blog-header-content{
		padding:0 30px;
	}
	.categories-section{
		display:block !important;
	}
	
	.home-blog-heading-inner, .sortlist, .sort{
		float:none !important;
	}
	.sort{
		margin:0 auto;
		margin-bottom:20px;
		display:block !important;	
		
	}
	.sort i{
		background: rgba(0, 0, 0, 0) url("../images/socail.png") repeat scroll -13px -492px !important;
	}
	.categories-section a{
		font-size:14px !important;
	}
	.what-we-do h1 {
	  padding: 0;
	}
	.services-link a {
	  font-size: 15px;
	}
	.modal-body.career-details {
	  padding: 50px 0 0 !important;
	}
	.crew-section a {
	  margin: 0 8px 15px;
	}
	.crew-section {
	  padding: 60px 0 60px;
	}
	.fileupload {
	  margin: 24px 0 auto;
	}
	.what-we-do-services p {
	  padding: 0px;
	}
	.our-approach {
	padding: 0 7%;
}
	.service-approach-container {
	  padding: 0 0 15px;
	}

	.service-approach:nth-child(3n-2) {
	  padding-left: 15px;
	}

	.what-we-do.major-services p {
	  padding: 0px;
	}
  }
  @media (min-width: 800px) and (max-width: 1310px) {
  .menu-list .menu-inner li a {
 	 font-size: 16px !important;
 	 padding: 22px 7px !important; 
	}
 }

	@media only screen and (min-width: 1500px){ 

		.wrapper {
		  background-position: 0 380px;
		  background-size: 100% 85%;
		}
		

		.wrapper.who-we-are {
		  background-position: 0 -340px;
		  background-size: 100% 100%;
		}

		.wrapper.join-the-force {
		 /* background-position: 0 -890px;*/
		 background-position: 0 -1388px;
		  background-size: 100% auto;
		}
	}


  @media (min-width: 901px) and (max-width: 1420px){  	
  #mycanvas2 {
   	  height: 33%;
	  width: 60%;
	}
	#mycanvas1 {
	  height: 44%;
	  width: 41%;
	}  
	
  }
   @media (min-width: 768px) and (max-width:900px){  	
  .button_container.active {
		position: fixed;
		right: 4% !important;
	  }
   }
   @media (min-width: 320px) and (max-width:767px){  	
  .button_container.active {
		position: fixed;
		right: 4% !important;
  }
  .service-approach .img-container {
	margin: 0 auto;
}
.service-approach p, .service-approach h3{
	text-align: center;
}
.service-approach {
	height: 210px;
}
   }

   @media (max-width: 649px) {

		header .badge {
			right: 0;
			width: 150px;

		}

		.badge img {
			    width: 58%;
    			left: 30px;
    			position: relative;
		}

		.what-we-do h1 {
		  font-size: 36px;
		  line-height: 45px;
		  width: 90%;
		}

		.our-approach img {
		    width: 100% !important;
		    height: auto  !important;
		}

	}

	@media only screen and (max-width: 480px){ 

	.blog-details-title h1 {
		font-size: 20px !important ;
	}
	.work-text h4 {
	font-size: 14px !important;
	line-height: 20px !important;
	margin-bottom: 5px;
    }
	.button-sub {
	background: #fdb917 url("../images/socail.png") repeat scroll -506px 181px;
}
	.work-text p {
		color: #fff;
		font-family: 'robotoregular';
		font-size: 16px;
	}
	.work-text a {
		display: inline-block;
		color: #5d5d5d;
		margin:5px;
	}
	.search-icon {
	background: rgba(0, 0, 0, 0) url("../images/search.png") no-repeat scroll 12px 12px / 39% 39%;
	border-radius: 50%;
	height: 40px;
	width: 40px;
    }
    .link-icon {
	background: rgba(0, 0, 0, 0) url("../images/link.png") no-repeat scroll 11px 12px / 39% 39%;
	border-radius: 50%;
	height: 40px;
	width: 40px;
    }
    .search-icon:hover {
	background: rgba(0, 0, 0, 0) url("../images/search-hover.png") no-repeat scroll 12px 12px / 39% 39%;
    }
    .link-icon:hover {
	background: rgba(0, 0, 0, 0) url("../images/link-hover.png") no-repeat scroll 11px 12px / 39% 39%;
    }

	/*.blog-link.col-md-4 {
	margin-bottom: 40px !important;
    }*/		
	.read-more {
	width: 100%!important ;
   }

	.blog-details-title span {
	  display: block;
	}	

	.blog-details-title a {
	  float: left;
	}
    .blog-details-content img {
		    height: auto;
            width:100%;
	}
	.wrapper {
		background-position: 0 155px;
		background-size: 600% 85%;
	}

	.wrapper.join-the-force {
	  background-position: 0 -218px;
	  background-size: 100% auto;
	}
	.wrapper.who-we-are {
		background-position: 0 -1070px;
		background-size: 880% 79%;
	}

	.wrapper.what-we-services {
		background-position: 0 0;
		background-size: 100% auto;
	}
	.wrapper.contact {
		background-position: 0 -660px;
		background-size: 200% 100%;
	}

}
	
	@media only screen and (min-width: 480px) and (max-width: 767px){ 

		.wrapper.who-we-are {
		 background-position: 0 -670px;
		  background-size: 500% 79%;
		}
		.work-text{
		 padding-top:15% !important;
	 }
	}
	
	@media only screen and (min-width: 320px) and (max-width: 479px){
		 .work-text{
		 padding-top:5% !important;
	 }
	}
	@media (min-width: 768px) and (max-width:992px){ 
		
		.work-text {
		  padding-top: 10%;
		}
		.wrapper.who-we-are {
		  background-position: 0 -340px;
		  background-size: 320% 79%;
		}

		.wrapper.join-the-force {
		 background-position: 0 -2280px;
         background-size: 180% 100%;
		}

		.wrapper {
			background-position: 0 155px;
			background-size: 240% 87%;
		}
		.wrapper.what-we-services {
			background-position: 0 0;
			background-size: 100% auto;
		}
		.wrapper.contact {
			background-position: 0 -660px;
			background-size: 200% 100%;
		}
	}

    @media (min-width: 360px) and (max-width:767px){ 
   .first-section h1, .first-section h2{
	   padding:0 15px ;
   }
	}
	@media screen\0 {
		#mycanvas1
		{
		position:absolute;
		left:43%;
		top:-160px;
		z-index:9999;
		}
		#mycanvas2
		{
		position:absolute;
		left:18%;
		bottom:-200px;
		z-index:9999;
		}
		.team-photo{
		width:calc(76.60% /2.3);
		max-height:404px;
		overflow:hidden;
		min-height:404px;
		background:#a59878;
		float:left;
		border-right:solid 1px #fff;
		position:relative;
		border-bottom:solid 1px #fff;
	}
	}
	@media screen and (-webkit-min-device-pixel-ratio:0) {
    
	::i-block-chrome,.overlay nav {
	  font-family: "zona_probold";
	  font-size: 32px;
	  font-weight: 400;
	  height: 50%;
	  position: relative;
	  top: 30%;
	  transform: translateY(-50%);
	  z-index: 99999;
	}
	::i-block-chrome,.overlay.open li {
	  animation: 0.5s ease 0.35s normal forwards 1 running fadeInRight;
	  -ms-animation: 0.5s ease 0.35s normal forwards 1 running fadeInRight;
      -webkit-animation: 0.5s ease 0.35s normal forwards 1 running fadeInRight;
      -moz-animation: 0.5s ease 0.35s normal forwards 1 running fadeInRight;
      -o-animation: 0.5s ease 0.35s normal forwards 1 running fadeInRight; 	  
	}
	::i-block-chrome,.overlay.open li {
	  animation: fadeInRight .5s ease forwards;
	  animation-delay: .35s;
	  -ms-animation-delay: .35s;
      -webkit-animation-delay: .35s;
      -moz-animation-delay: .35s;
      -o-animation-delay: .35s; 	  
	}
	::i-block-chrome,.overlay.open li:nth-of-type(2) {
	  animation-delay: .4s;
	}
	.overlay.open li:nth-of-type(3) {
	  animation-delay: .45s;
	}
	::i-block-chrome,.overlay.open li:nth-of-type(4) {
	  animation-delay: .50s;
	}
	::i-block-chrome,.overlay.open li:nth-of-type(5) {
	  animation-delay: .55s;
	}
	::i-block-chrome,.overlay.open li:nth-of-type(6) {
	  animation-delay: .60s;
	}
	::i-block-chrome,.overlay.open li:nth-of-type(7) {
	  animation-delay: .65s;
	}
	::i-block-chrome,.overlay ul li a:hover::after, .overlay ul li a:focus::after, .overlay ul li a:active::after {
	  width: 100%;
	}
	::i-block-chrome,.overlay ul li {
	  display: block;
	  line-height: 30px;
	  opacity: 1;
	  padding: 6px;
	  position: relative;
	}
	::i-block-chrome,.overlay ul li a::after {
	  background: #fdb916 none repeat scroll 0 0;
	  bottom: 0;
	  content: "";
	  height: 3px;
	  left: 50%;
	  position: absolute;
	  transform: translateX(-50%);
	  -ms-transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -o-transform: translateX(-50%); 
	  transition: all 0.35s ease 0s;
	  -ms-transition: all 0.35s ease 0s;
      -webkit-transition: all 0.35s ease 0s;
      -moz-transition: all 0.35s ease 0s;
      -o-transition: all 0.35s ease 0s;
	  width: 0%;
	}
	::i-block-chrome,.overlay ul li a {
	  color: #5d5d5d;
	  overflow: hidden;
	  position: relative;
	  text-decoration: none;
	  text-transform: uppercase;
	}
	::i-block-chrome,.overlay.open li {
	  animation: 0.5s ease 0.35s normal forwards 1 running fadeInRight;
	  -ms-animation: 0.5s ease 0.35s normal forwards 1 running fadeInRight;
      -webkit-animation: 0.5s ease 0.35s normal forwards 1 running fadeInRight;
      -moz-animation: 0.5s ease 0.35s normal forwards 1 running fadeInRight;
      -o-animation: 0.5s ease 0.35s normal forwards 1 running fadeInRight; 
	}
	::i-block-chrome,.button_container {
	  cursor: pointer;
	  float: right;
	  height: 35px;
	  position: relative;
	  right: 0;
	  top: 57px;
	  transition: opacity 0.25s ease 0s;
	  -ms-transition: opacity 0.25s ease 0s;
      -webkit-transition: opacity 0.25s ease 0s;
      -moz-transition: opacity 0.25s ease 0s;
      -o-transition: opacity 0.25s ease 0s;
	  width: 45px;
	  z-index: 9999;
	}
	::i-block-chrome,.button_container.active .top {
	  background: #5d5d5d none repeat scroll 0 0;
	  transform: translateY(13px) translateX(0px) rotate(45deg);
	  -ms-transform: translateY(13px) translateX(0px) rotate(45deg);
      -webkit-transform: translateY(13px) translateX(0px) rotate(45deg);
      -moz-transform: translateY(13px) translateX(0px) rotate(45deg);
      -o-transform: translateY(13px) translateX(0px) rotate(45deg);    
	}
	::i-block-chrome,.button_container.active .bottom {
	  background: #5d5d5d none repeat scroll 0 0;
	  transform: translateY(-13px) translateX(0px) rotate(-45deg);
	  -ms-transform: translateY(-13px) translateX(0px) rotate(-45deg);
      -webkit-transform: translateY(-13px) translateX(0px) rotate(-45deg);
      -moz-transform: translateY(-13px) translateX(0px) rotate(-45deg);
      -o-transform: translateY(-13px) translateX(0px) rotate(-45deg);    
	}
	::i-block-chrome, .team-photo {
	width: 100%;
	max-height: 404px;
	overflow: hidden;
	min-height: 404px;
	background: #A59878;
	float: left;
	border-right: solid 1px white;
	position: relative;
	border-bottom: solid 1px white;
	max-width: 426px;
	}
	::i-block-chrome,footer {
	background: #5D5D5D;
	display: inline-block;
	width: 100%;
	}
	::i-block-chrome,.contact-details option {
	  max-width: 200px;
	  padding: 0 15px;
	}
	::i-block-chrome,.fixed-header {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1111;
	background: white;
	min-height: 76px !important;
	width: 100%;
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	}
	}
	::i-block-chrome,.fixed-header .logo {
    margin: 5px 0 !important;
    transition:none;
	}
	::i-block-chrome,.fixed-header .logo img {
	width: auto;
	height: 67px;
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	}
	
	::i-block-chrome, .blog-socila-icon {
	display: block;
	float: right;
	margin-left: 0;
	margin-right: -3.00px;
	opacity: 0;
	transition: opacity 1s cubic-bezier(0.17, 0.67, 0.13, 0.67) 0s;
	-webkit-transition: opacity 1s cubic-bezier(0.17, 0.67, 0.13, 0.67) 0s;
	-moz-transition: opacity 1s cubic-bezier(0.17, 0.67, 0.13, 0.67) 0s;
	-o-transition: opacity 1s cubic-bezier(0.17, 0.67, 0.13, 0.67) 0s;
	position: absolute;
	left: 257px;
	right: 0;
	bottom: 2px;
	}
	::i-block-chrome,.search-icon {
	    background: rgba(0, 0, 0, 0) url("../images/search.png") no-repeat scroll 16px 17px;
	    -webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-size: 39% 39%;
	}

	::i-block-chrome,.search-icon:hover {
	    background: rgba(0, 0, 0, 0) url("../images/search-hover.png") no-repeat scroll 16px 17px;
	    -webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-size: 39% 39%;
	}

	::i-block-chrome,.link-icon {
	    background: rgba(0, 0, 0, 0) url("../images/link.png") no-repeat scroll 16px 17px;
	    -webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-size: 39% 39%;
	}

	::i-block-chrome,.link-icon:hover {
	  background: rgba(0, 0, 0, 0) url("../images/link-hover.png") no-repeat scroll 16px 17px;
	  -webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-size: 39% 39%;
	}
	}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	.categories-section a:first-child {
		  padding-left: 50px;
		}
	}

@media (min-width: 320px) and (max-width: 360px){ 
.facebook {
	  
	  width:48px;
	  height:56px;
	  
	  }
.twitter {
	  
	  width:48px;
	  height:56px;
	  
	  }
.googleplus {
	  
	 width:48px !important;
	  height:56px !important;
	  
	  }
.linkedin {
	  
	 width:48px;
	  height:56px;
	  
	  }
.wabtn {
	  
	 width:48px !important;
	  height:56px !important;
	  
	  }
.share{
	   
    background: #5d5d5d url(../images/socail.png) repeat scroll 5px -376px !important;

	   width:50px !important;
	   height:56px !important;
	
}	
.work-space {
	      max-height: 180px!important;
        }  
}