@media (max-width: 1280px) {

}

@media (max-width: 1030px) {

.home #content .moduletable.ourbusiness .gkArtContentWrap h4 {
	padding:0 10px;
	font-size:120%;
}

}

@media (max-width: 1000px) {

}

@media (max-width: 940px) {

#infographics .infoinside {
	zoom:0.8;
}

.about #slideshow .moduletable.submenu ul {
	display:table-row;
}

.about #slideshow .moduletable.submenu ul li {
	padding:0;
	display:table-cell;
	float:none;
	vertical-align:top;
}

.about #slideshow .moduletable.submenu ul li a {
	width:auto;
	vertical-align:top;
}

}

@media (max-width: 900px) {

.home .moduletable.latestnews .title h3 {
	font-size:300%;
}

.home .moduletable.latestnews .gkArtContainerWrap {
	font-size:95%;
}

.news #content .blog .items-row > div:first-child .wrapcontentinside {
	max-height:50px;
}

}

@media (max-width: 850px) {

#toppanel {
	display:none;
}

#main-nav .sidepanel {
	display:block;
}

.moduletable.subsidiaries .left,
.moduletable.subsidiaries .right {
	display:block;
	border-right:0;
}

#slideshow #HeaderBanner img {
	max-width:none;
	width:auto;
	height:350px;
	position:relative;
	left:50%;
	
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

}

@media (max-width: 820px) {

.home .moduletable.latestnews .title h3 {
	font-size:280%;
}

.home .moduletable.latestnews .gkArtContainerWrap {
	font-size:90%;
}

}

@media (max-width: 800px) {

.home #content .moduletable.ourbusiness .gkArtContentWrap h4 {
	font-size:110%;
}

}

@media (max-width: 760px) {

.home .moduletable.latestnews .title h3 {
	font-size:250%;
}

.home .moduletable.latestnews .gkArtContainerWrap {
	font-size:82%;
}

.home #content .moduletable.ourbusiness .gkArtContentInside {
	padding:10px 0 0;
}

.home #content .moduletable.ourbusiness .gkArtContentWrap h4 {
	padding:0;
	font-size:110%;
}

}

@media (max-width: 750px) {

#infographics .infoinside .plot {
	zoom:0.6;
}

#infographics .infoinside,
#infographics .infoinside .text {
	zoom:1;
}

#infographics .top .text {
	right:40px;
}

#infographics .bottom .text {
	top:90px;
	left:40px;
}

.home .moduletable.aboutus .gkArtContentInside {
	max-width:100%;
	padding:0 20px;
}

.home .moduletable.aboutus .gkArtContentInside {
	font-size:90%;
}

.about #slideshow .moduletable.submenu ul li a {
	font-size:90%;
}

.tender #slideshow .pageHeading h1,
.tender #slideshow .category-name > span {
	font-size:200%;
}

.tender #slideshow .pageHeading h1:before, .tender #slideshow .pageHeading h1:after,
.tender #slideshow .category-name > span:before, .tender #slideshow .category-name > span:after {
	width:50px;
}

.news #content .blog .items-row > div {
	width:50%;
}

}

@media (max-width: 700px) {

.home .moduletable.latestnews .title h3 {
	font-size:200%;
}

.home .moduletable.latestnews .gkArtContainerWrap {
	font-size:70%;
}

.culture #content .cultureimg,
.culture #content .culturevid {
	width:100%;
	margin:10px auto;
	display:block;
	float:none;
}

.culture #content .cultureimg > div {
	padding:0;
}

.news #content .blog .items-row .wrapinside h2 {
	max-height:75px;
	overflow:hidden;
}

.contact #content .contact-address,
.contact #content .contact-form {
	width:100%;
	margin:0 auto 15px;
	display:block;
	float:none;
}

.contact #content .contact-address .inside-contact {
	padding:0;
}

}

@media (max-width: 690px) {

.investor #slideshow .moduletable.submenu ul {
	display:table-row;
}

.investor #slideshow .moduletable.submenu ul li {
	padding:0;
	display:table-cell;
	float:none;
	vertical-align:top;
}

.investor #slideshow .moduletable.submenu ul li a {
	width:auto;
	vertical-align:top;
}

}

@media (max-width: 650px) {

.home #content .moduletable.ourbusiness .gkArtContentWrap h4 {
	font-size:100%;
}

.home .moduletable.aboutus .gkArtContentInside h4 {
	margin:0 auto 10px;
	font-size:180%;
}

.about #slideshow .moduletable.submenu ul li a {
	font-size:80%;
}

}

@media (max-width: 600px) {

.home .moduletable.latestnews .title {
	max-width:100%;
	display:block;
	float:none;
}

.home .moduletable.latestnews .title h3 {
	text-align:center;
}

.home .moduletable.latestnews .nspArtInside {
	padding:0 5px 10px;
}

.home .moduletable.latestnews .gkArtContainerWrap {
	max-height:160px;
	font-size:100%;
}

.home .moduletable.latestnews .nspTopInterface a {
	margin:40% 0 0 0;
}

#infographics .tree-01,
#infographics .top .text {
	left:40px;
}

#infographics .bottom .text {
	right:40px;
}

#infographics .tree-02 {
	left:350px;
}

#infographics .house {
	left:220px;
}

#infographics .windpower {
	right:-60px;
}

.home #content .moduletable.ourbusiness .nspArtPage .nspArt {
	margin:0 auto 10px;
}

.home #content .moduletable.ourbusiness .gkArtContentWrap h4 {
	padding:3px 0;
	font-size:120%;
}

.home #content .moduletable.ourbusiness .gkArtContentWrap:after {
	height:64%;

    transform: rotate(3deg);
	-webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
}

.home #content .moduletable.ourbusiness .nspArtPage img {
	width:100%;	
	height:auto;
	opacity:0.5;

	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	-ms-transform: translateX(0%);
	-o-transform: translateX(0%);
	transform: translateX(0%);
}

.home #content .moduletable.ourbusiness .wrapreadon {
	top:50%;
	opacity:1;
}

.home .moduletable.aboutus .gkArtLinkWrap img {
	max-width:none;
	width:auto;
	height:200px;
	position:relative;
	left:50%;

	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.moduletable.contactinfo .phoneFax > span {
	margin:0 0 10px;
	display:block;
}

#slideshow .moduletable.submenu {
	display:none;
}

.moduletable.commissioner .gkArtContentInside a,
.moduletable.directors .gkArtContentInside a {
	line-height:normal;
}

#content .commissioner .nspArt,
#content .directors .nspArt {
	width:100%;
	margin:0 auto 15px !important;
}

.moduletable.commissioner .gkArtContentInside a > *,
.moduletable.directors .gkArtContentInside a > * {
	padding:10px !important;
}

}


@media (max-width: 550px) {

.tender #content .blog .items-row > div {
	width:50%;
}

.news #content .blog .items-row > div {
	width:100%;
}

}

@media (max-width: 530px) {

#infographics {
	height:auto;
}

#infographics .bottom.show {
	height:230px;
}

#infographics .bottom .text {
	top:20px;
}

}

@media (max-width: 500px) {

#infographics .infoinside .text {
	zoom:0.8;
}

#slideshow .pageHeading h1,
#slideshow .category-name > span {
	font-size:200%;
}

#slideshow .pageHeading h1:before, #slideshow .pageHeading h1:after,
#slideshow .category-name > span:before, #slideshow .category-name > span:after {
	width:50px;
}

.timeline ul li {
	width:100%;
	display:block;
	position:relative !important;
	top:auto !important;
}

.news #content .blog .items-row  > div:first-child .wrapinside h2 {
	font-size:120%;
}

}

@media (max-width: 460px) {

.contact #content .control-group,
.contact #content .control-group > div {
	display:block;
}

.contact #content fieldset:first-child .control-group:last-child .control-label {
	display:inline-block;
}

.contact #content fieldset:first-child .control-group:last-child .controls {
	width:50px;
	display:inline-block;
}

}

@media (max-width: 450px) {

#infographics .transmission {
	left:30px; right:-30px;
}

.business #content .item-image,
.business #content .articleBody {
	width:100%;
	margin:0 auto 10px;
	display:block;
	float:none;
}

.business #content .item-image .wrapimg {
	padding:0;
}

}

@media (max-width: 430px) {

.tender #content .blog .items-row > div {
	width:100%;
	display:block;
	float:none;
}

.tender #content .blog .items-row > div .item {
	padding:5px;
}

}

@media (max-width: 400px) {

#main-nav {
	width:100%;
}

.home .moduletable.latestnews .nspArtScroll1 {
	padding:0;
}

.home .moduletable.latestnews .gkArtContainerWrap {
	max-height:190px;
}

.home .moduletable.latestnews .nspTopInterface a {
	width:40px;
	height:40px;
	margin:60% 0 0 0;
	background-color:#fff;
	border:1px solid #f1f1f1;
	background-size:auto 80%;
}

#infographics .pump {
	left:20px;
}

#infographics .factory {
	left:200px;
}

#infographics .building-01 {
	right:100px;
}

#infographics .building-02 {
	right:20px;
}

.home #content .moduletable.ourbusiness .gkArtContentWrap:after {
	height:30%;
	margin:0;

    transform: rotate(2deg);
	-webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -o-transform: rotate(2deg);
}

.news #content .blog .items-row > div:first-child .wrapblogimg,
.news #content .blog .items-row > div:first-child .wrapcontent {
	width:100%;
	display:block;
	float:none;
}

.news #content .blog .items-row > div:first-child .wrapblogimg a,
.news #content .blog .items-row > div:first-child .wrapcontent {
	height:200px;
}

.news #content .blog .items-row  > div:first-child .wrapinside h2 {
	max-height:50px;
}

}

@media (max-width: 360px) { 

.home #content .moduletable.ourbusiness .gkArtContentWrap:after {
	display:none;
}

.home #content .moduletable.ourbusiness .gkArtContentWrap h4 {
	font-size:90%;
}

.home #content .moduletable.ourbusiness .readon {
	font-size:70%;
}

}

@media (max-width: 350px) { 

.contact #content .control-group .g-recaptcha > div {
	width:100% !important;
	margin:0;
	overflow:hidden;
	border-right:1px solid #d3d3d3;
}

}

@media (max-width: 310px) { 

.home .moduletable.aboutus .gkArtContentInside p.nspText {
	max-height:50px;
	overflow:hidden;
}

}

@media (max-width: 300px) { 

#slideshow .pageHeading h1,
#slideshow .category-name > span {
	font-size:150%;
}

#slideshow .pageHeading h1:before, #slideshow .pageHeading h1:after,
#slideshow .category-name > span:before, #slideshow .category-name > span:after {
	display:none;
}

}

@media (max-width: 290px) { 

#logo img {
	max-height:130px;
}

#menu-icon {
	margin:10px 20px;
}

.home .moduletable.latestnews .nspTopInterface a {
	margin:85% 0 0 0;
}

#infographics .infoinside .plot {
	font-size:80%;
}

#infographics .tree-02 {
	left:auto;
	right:0;
}

}

@media (max-width: 260px) { 

.home #content .moduletable.ourbusiness .gkArtContentInside {
	padding:10px 10px 5px;
}

.home #content .moduletable.ourbusiness .gkArtContentWrap h4 {
	margin:0;
}

.home #content .moduletable.ourbusiness .readon {
	display:none;
}

}