@media (max-width:1280px) {

.mobile .moduletable.ourteam .wraptext p.mod-articles-category-introtext {
	padding:0 20px 0 0;
}

}

@media (max-width:1200px) {

}

@media (max-width:1150px) {

.moduletable.projectbanner {
	max-width:450px;
}

}

@media (max-width:1100px) {

}

@media (max-width:1050px) {

.moduletable.bannerhome .wrapContent {
	max-width:400px;
	margin:0 30px 0 0;
}

.moduletable.bannerhome .insideContent h3 {
	font-size:120%;
}

.moduletable.bannerhome .insideContent .info_telephone {
	font-size:260%;
}

.moduletable.projectbanner {
	max-width:340px;
}

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

}

@media (max-width:1000px) {

}

@media (max-width:900px) {

#toppanel {
	margin:20px 0 10px;
}

#mainmenu .modinside > ul > li {
	margin:0 0 0 20px;
}

#slideshow .slideshowck .cameraContents .cameraContent .camera_caption {
	margin:auto 0 auto 60px;
}

.moduletable.aboutus .nspArt h4.nspHeader {
	margin:0 0 20px;
	padding:0 0 20px;
}

.moduletable.ourservices {
	padding:50px 10px;
}

.moduletable.ourservices .nspArt .nspArtInside {
	margin:0 10px;
}

.moduletable.projectslist .modinside .title {
	padding:0 15px;
}

.moduletable.projectslist .modinside .title h3 {
	margin:0 15px 0 0;
}

.moduletable.projectslist .modinside .title h3:after {
	width:70%;
}

.services #content .items-row > div {
	width:48%;
}

.services #content .blog .item {
	margin:10px;
}

.contact #contact-form > .control-group:last-child {
	margin:0 30px 0 0;
}

}

@media (max-width:820px) {

.moduletable.projectbanner {
	left:-30px;
}

.moduletable.bannerhome .wrapContent {
	max-width:300px;
}

}

@media (max-width:800px) {

#main-nav {
	overflow-y:auto;
	overflow-x:hidden;
}

.moduletable.submenu {
	padding:80px 10px;
}

.moduletable.submenu .menu .text {
	margin:0 5px;
}

.home #container-panel-4 .inside {
	padding:110px 20px;
}

.moduletable.contacttext .wrapinside {
	padding:0 20px 0 0;
}

.moduletable.projectslist .modinside .joomimg111_txt li {
	font-size:110%;
}

#container-panel-6 > .inside {
	padding:60px 30px;
}

.moduletable.contactinfo .modinside {
	padding:0 5px;
}

.moduletable.contactinfo .modinside {
	padding:0 5px;
}

.moduletable.contactinfo .modinside .title h3 {
	margin:0 0 30px;
}

#content .jg_row > div {
	width:50%;
}

.contact #content .contact-address,
.contact #content .contact-form {
	padding:0;
	display:block;
	float:none;
}

.contact #content .contact-address {
	width:100%;
	margin:0 auto 15px;
}

.contact #content .contact-form {
	width:100%;
}

.contact #contact-form > .control-group:last-child {
	margin:0 auto;
	float:none;
	display:block;
}

.contact #contact-form > .control-group:last-child > div {
	margin:10px auto;
	display:inline-block;
}

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

.contact #content .control-group .grecaptcha-badge {
	z-index:102;
}


}

@media (max-width:720px) {

.moduletable.aboutus .wrapinside {
	margin:0 0 0 30px;
}

.moduletable.aboutus .nspArt p.nspText {
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow:hidden;
}

}

@media (max-width:700px) {

header {
	padding:0 10px;
}

#toppanel {
	margin:5px 0;
}

#toppanel > .inside {
	padding:0;
}

#topheader > .inside {
	margin:0;
}

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

#mainmenu {
	padding:20px;
}

#mainmenu .modinside > ul > li {
	margin:0 0 0 30px;
}

.moduletable.projectslist .modinside .title {
	width:100%;
	height:auto;
}

.moduletable.projectslist .modinside .title h3 {
	padding:0 0 10px;
	margin:20px auto;
	position:relative;
	top:0;
}

.moduletable.projectslist .modinside .title h3:after {
	width:40%;
}

.moduletable.projectslist .modinside .joomimg111_main {
	width:100%;
}

}

@media (max-width:650px) {

#mainmenu .modinside > ul > li {
	margin:0 0 0 20px;
}

.moduletable.projectbanner {
	max-width:320px;
}

.moduletable.bannerhome .wrapContent {
	margin:0 10px 0 0;
}

.moduletable.bannerhome .insideContent .info_telephone {
	font-size:220%;
}

}

@media (max-width:600px) {

#mainmenu {
	display:none;
}

#menu-icon {
	display:block;
}

#slideshow .slideshowck .cameraContents .cameraContent .camera_caption {
	margin:auto;
}

#slideshow #HeaderBanner img {
	height:250px;
}

.moduletable.aboutus {
	padding:100px 0;
	margin:50px 30px;
}

.moduletable.aboutus .nspImageWrapper,
.moduletable.aboutus .gkArtContentWrap {
	width:100%;
	margin:0 auto 20px;
	display:block;
	float:none;
}

.moduletable.aboutus .nspImageWrapper .wrapimg {
	max-height:300px;
	overflow:hidden;
}

.nspArt img.nspImage {
	position:relative;
}

.moduletable.aboutus .wrapinside {
	margin:0 auto;
}

.moduletable.aboutus .nspArt p.nspText {
	display:block;
	-webkit-line-clamp:none;
	-webkit-box-orient:inherit;
}

.moduletable.aboutus a.readon {
	margin:30px 0 0;
	position:relative;
}

.moduletable.ourservices .nspImageWrapper {
	margin:0 0 15px !important;
}

.moduletable.ourservices .modinside > .title {
	padding:0;
	margin:0 auto 30px;
}

.moduletable.ourservices .nspArts {
	padding:0;
}

.moduletable.ourservices .gkArtContentWrap h4.nspHeader {
	min-height:0;
}

.moduletable.bannerhome .wrapContent {
	max-width:100%;
	margin:0 auto; padding:0 20px;
}

.moduletable.bannerhome .insideContent {
	text-align:center;
}

.moduletable.projectbanner {
	max-width:none;
	position:relative;
	top:auto; bottom:auto; left:auto;
	display:block;
	
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-o-border-radius:0;
	-ms-border-radius:0;
	border-radius:0;
}

.home #container-panel-4 .inside > div {
	width:100%;
	margin:0 auto 20px;
	display:block;
	float:none;
}

.moduletable.projectslist .modinside .joomimg111_main {
	height:auto;
}

.moduletable.projectslist .modinside .joomimg_row > div {
	width:100% !important;
}

.moduletable.projectslist .modinside .joomimg111_img a {
	height:250px !important;
}

.moduletable.projectslist .joomimg111_img img {
	position:relative;
	top:-100px;
}

.moduletable.projectslist .modinside .joomimg111_txt {
	bottom:20px;
}

.moduletable.projectslist .modinside .joomimg111_txt li {
	padding:0 0 13px;
	font-size:150%;
}

.moduletable.contacttext .wrapinside {
	padding:0;
}

.moduletable.contactform .modinside {
	padding:0;
}

#container-panel-6 > .inside {
	max-width:none;
	padding:60px 20px;
}

#container-panel-6 .inside > .moduletable {
	width:auto;
	margin:0 auto 20px;
	display:block;
}

.moduletable.contactinfo .modinside .title h3 {
	margin:0 0 10px;
}

#footer .inside {
	padding:30px 20px;
}

#slideshow .page-header,
#slideshow .jg-wrap-header {
	padding:0 20px;
	top:auto; bottom:20px;

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

#slideshow .page-header h1, #slideshow .page-header h2,
#slideshow .jg-header {
	padding:0 0 15px;
	font-size:180%;
}

#content {
	padding:30px 10px;
}

#visimisi .contentinside > div {
	max-width:100%;
	height:auto;
	padding:14px;
	float:none;
}

#values .contentinside {
	padding:14px;
	column-count:1;
}

.moduletable.headerteam .wrapContent {
	margin:0 20px;
	left:0;
}

.moduletable.ourteam li {
	width:100%;
	float:none;
}

.moduletable.ourteam .wraptext {
	max-height:none;
	overflow-y:inherit;
}

.mobile .moduletable.ourteam .wraptext p.mod-articles-category-introtext {
	padding:0;
}

#content .jg_row > div {
	width:100%;
	margin:0 auto 20px;
}

.services #content .items-row > div {
	width:100%;
	margin:0 0 20px;
}

.services #content .blog .item {
	margin:0;
}

.services #content .wrapblogimg img {
	max-height:90px;
}

.services #content .blog .page-header h2 {
	min-height:0;
}

}

@media (max-width:500px) {

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

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

.sticky #logo img {
	max-height:40px;
}

}

@media (max-width:450px) {

#toppanel .moduletable.email {
	display:none;
}

#main-nav .moduletable.email {
	display:block;
}

.moduletable.aboutus .nspImageWrapper {
	margin:0 auto 80px !important;
}

.moduletable.aboutus .nspImageWrapper .wrapimg {
	max-height:none;
}

}

@media (max-width:400px) {

#content .wrapimg.alignleft {
	margin:0 0 15px;
	float:none;
	display:block;
}

#content .wrapimg.alignleft img {
	width:100%;
	float:none !important;
	display:block;
}

.moduletable.submenu .modinside li {
	width:50%;
	margin:0 auto 15px;
}

.moduletable.projectbanner .wrapinside {
	padding:50px 15px;
}

.moduletable.bannerhome .wrapContent {
	position:absolute;
	left:0; right:0; top:0;

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

.moduletable.projectslist .modinside .joomimg111_img a {
	height:auto !important;
}

.moduletable.projectslist .joomimg111_img img {
	top:0;
}

}

@media (max-width:380px) { 

#main-nav {
	width:90%;
	width:calc(100% - 20px);
}

}

@media (max-width:300px) { 

#toppanel {
	display:none;
}

#topheader > .inside {
	margin:0;
}

#logo {
	margin:5px 0;
}

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

.moduletable.bannerhome .wrapContent {
	padding:30px 10px 0;
    transform:translateY(0);
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
}

#container-panel-6 > .inside {
	padding:40px 10px;
}

.contact #content .inside .page-header h2 {
	font-size:120%;
}

}

@media (max-width:280px) { 

.moduletable.contacttext .articleinside {
	font-size:180%;
}

}