@media(max-width: 1380px) {

	.services {
		width: 100%;
	}

	.servicesSec {
		height: calc(100vh - 100px);
	}

	.service h3{
		font-size: 25px;
	}

	.section.servicesSec .sectitle{
		top:70px;
	}

	.servicesSec .services{
	    padding-top: calc(10px + 20vh);
	}

	.servicesSec .services .wrap:before{
		top: 39%;
		height: 35vh;
	}
}

@media (max-width: 980px) {

	.logo {
		padding: 20px 0 0 0px;
		margin: 0px 0 0 0px;
	}

	#header .logo {
		margin-top: 0px;
	}

	#header.blog .wrapper, 
	.innerPage.blog .wrapper {
		width: 100%;
	}
}

@media (max-width: 845px) {
	.logo > div {
		vertical-align: bottom;
		padding: 0px 0 0px 8px;
		margin: 0;
		font-size: 26px;
	}
}

@media (max-width: 790px) {

	.innerPage .intro {
		width: 100%;
	}

	#header {
		padding: 35px 20px 31px;
	}
	
	.back .icon {
		background-position: -32px -1024px;
		display: inline-block;
		width: 70px;
		height: 70px;
	}

	.back .text {
		font-size: 11px;
	}

	.back:hover .icon {
		background-position: -138px -1024px;
		width: 70px;
		height: 70px;
	}

	#header .tools li.search.open .inputWrap, .siteHeader .tools li.search.open .inputWrap {
		right: -16px;
		width: 270px;
	}
	#header .tools li.search .inputWrap, .siteHeader .tools li.search .inputWrap {
		top: -23px;
		padding: 22px 0;
		height: 70px;
	}
	
	/* update 16-04-2015 */

	#header .tools, .siteHeader .tools {
		margin-right: 10%;
	}

	/* update 16-04-2015 */
}

@media (max-width: 600px) {

	.innerPage h2 {
		font-size: 28px;
		line-height: 41px;
	}

	#header .logo {
		width: 250px;
		text-align: center;
	}

	.logo > div {
		border:none;
		margin: 0;
		padding-top:7px;
		width: auto;
		display:inline-block;
	}

	.servicesSec {
		height: auto;
	}
}

@media (max-width: 540px) {

	#header .logo {
		width: 100%;
		margin-bottom: 20px;
	}

	.serviceInner .box {
		width: 100%;
		padding: 0;
	}

	.headerLeft.siteHeader {
		left: 15px;
	}

	.siteHeader {
		padding: 35px 0 0 0;
	}

	#header .logo a {
		background-position: 0 -34px;
	}

	.logo {
		padding:0;
	}

	.logo a {
		background: url(../Media/logo-sml.png) no-repeat 0 0;
		width: 155px;
		height: 22px;
	}
	.orangeLogo .logo a {
		background-position: 0 -35px;
	}
}

@media (max-width: 400px) { 

	.siteHeader {
		padding: 21px 0 0 0;
	}

	.headerLeft.siteHeader {
		left: 10px;
	}
}