/* Small */
@media only screen and (min-width: 16px) and (max-width: 559px) {
	.stdh {padding: 0;}
	.hlogo {vertical-align: middle;}
	.mainmenu {display: none;width: 100%;padding: 30px;background-color: rgba(0, 0, 0, 0.7);}
	.menutoggle {display: inline-block;}
	.mainmenu li {display: block;margin-right: 0px;}
	.htop_intro .innerw, .habout_content .innerw, #habout .ban_inner, #hwhatwedo .innerw, .hexp_recent .innerw, .hexp_clients .innerw, #hcontact  .innerw {padding: 0 8%;}
	#htop .ban_over {bottom: 10px;}
	#htop .ban_inner {padding: 0 5%;}
	#htop .pgtitle {font-size: 26px;line-height: 32px;}
	.pgtitle {font-size: 32px;line-height: 40px;}
	.habout_content {padding: 80px 0;}
	.hintroimgs {text-align: center;}
	.hintroimg {margin: 0;display: block;}
	.hbanner {overflow: hidden;}
	.hbanner img {width: 260%;}
	#hourteam .innerw {padding: 100px 10% 80px;}
	#hourteam .hbanner img {width: 100%;}
	.hexp_recent {padding: 80px 0 50px;}
	.hrecentitem {display: block;margin: 0 auto 20px;}
	#hcontact {height: auto;padding: 30px 0;}
	#hcontact .innerw {position:static;}
	.hcontact_l {width: 100%;}
	.hcontact_r {width: 100%;padding: 20px 0 0 0;}
	#casestudypg .ban_over {position:static;background-color: #81ccb8;}
	#casestudypg .ban_inner {padding: 0 5%;}
	.pgsubtitle {font-size: 30px;line-height: 36px;}
	.cspgi-nfo {display:block;width: 100%;padding: 85px 9% 30px;}
	.cspgi-img {display:block;width: 100%;padding-top: 80%;}
	.blogh {padding: 8% 2%;position: relative;text-align: center;}
	.bloghimg {margin-right: 0;width: 100%;height: 260px;}
	.bloghpost {padding: 20px;width: 90%;margin-bottom: 90px;}
	.bloghprev {position: absolute; bottom: 90px; left: 10%}
	.bloghnext {position: absolute; bottom: 20px; right: 10%}
	.bloghnfo {width: 100%;padding-top: 20px;}
	.posth {padding-top: 65%;}
	.postitem {width: 100%;margin: 0 0 45px;}
	.postitem-title {font-size: 26px;line-height: 32px;}
	.post-title {font-size: 30px;line-height: 40px;}
	.post-ip-left, .post-ip-right {width: 100%;margin: 0 0 10px;}
	.post-images-pair {padding-top: 60%;}
}

/* Medium */
@media only screen and (min-width: 560px) and (max-width: 899px) {
	.mainmenu li {margin-right: 30px;}
	.htop_intro .innerw, .habout_content .innerw, #habout .ban_inner, #hwhatwedo .innerw, .hexp_recent .innerw, .hexp_clients .innerw, #hcontact  .innerw {padding: 0 10%;}
	#htop .ban_over {bottom: 10px;}
	#htop .ban_inner {padding: 0 5%;}
	.pgtitle {font-size: 32px;line-height: 40px;}
	#casestudypg .ban_inner {padding: 0 5%;}
	.pgsubtitle {font-size: 30px;line-height: 36px;}
	.cspgi-nfo {display:block;width: 100%;padding: 85px 9% 30px;}
	.cspgi-img {display:block;width: 100%;padding-top: 80%;}
	.bloghimg {margin-right: 0;width: 100%;height: 260px;}
	.bloghpost {padding: 20px;width: calc(100% - 190px);}
	.bloghprev {margin-right: 25px;}
	.bloghnext {margin-left: 25px;}
	.bloghnfo {width: 100%;padding-top: 20px;}
	.posth {padding-top: 45%;}
	.postitem {width: 100%;margin: 0 0 45px;}
	.postitem-title {font-size: 26px;line-height: 32px;}
}

/* Medium Large */
@media only screen and (min-width: 900px) and (max-width: 1099px) {
	.bloghimg {margin-right: 0;}
	.bloghnfo {width: 100%;padding-top: 20px;}
}

/* Large */
@media only screen and (min-width: 1100px) and (max-width: 1340px) {
}