@media (max-width: 1280px) {

}

@media (max-width: 1200px) {

.home #slideshow {
	min-height:500px;
}

}

@media (max-width: 1170px) {

#callus .moduletable.contactform .modinside {
	padding:0 20px 0 0;
}

#callus .moduletable.contactform #sp-quickcontact-form {
	display:block;
	grid-template-columns:none;
	grid-auto-rows:0;
	grid-gap:0;
}

#callus .moduletable.contactform #sp-quickcontact-form > * {
	width:45% !important;
	margin:0 0 20px;
	display:inline-block;
	vertical-align:top;
}

}

@media (max-width: 1100px) {

}

@media (max-width: 1050px) {

#toppanel {
	width:85%;
}

}

@media (max-width: 1000px) {

#content {
	min-height:0;
}

.moduletable.embedyoutube .sk-sizer > div {
	width:50% !important;
}

.moduletable.custrewards {
	min-height:400px;
}

}

@media (max-width: 900px) {

.home #slideshow {
	min-height:350px;
}

#callus .desc {
	top:30px;
}

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

.moduletable.custrewards > .modinside {
	top:60%;
}

}

@media (max-width: 800px) {

#callus {
	height:auto;
}

.moduletable.latestprojects .modinside > div {
	display:block;
	float:none;
}

.moduletable.latestprojects .title {
	width:100%;
	margin:0 auto;
}

.moduletable.latestprojects .modinside .title {
	text-align:center;
}

.moduletable.latestprojects .title h3:after {
	left:12%;
}

.moduletable.latestprojects .nspMain {
	width:100%;
}

.moduletable.latestprojects a .wrapimg img {
	width:100%;
	height:auto;
}

.moduletable.embedyoutube ul li {
	max-width:100%;
	max-width:calc(100% / 1);
	flex:0 0 100%;
}

.moduletable.custrewards {
	min-height:360px;
}

#container-panel-6 {
	padding:0 30px;
}

.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: 750px) {

#toppanel {
	display:none;
}

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

#main-nav .title {
	display:none;
}

#main-nav .sidepanel a {
	color:#fff;
}

#main-nav .moduletable.contactus {
	padding:15px 0;
}

#main-nav .moduletable.contactus .info_telephone,
#main-nav .moduletable.contactus .info_email {
	margin:3px 0 0;
	display:block;
}

#main-nav .moduletable.contactus span.icon {
	width:20px;
	height:20px;
	margin:0 5px 0 0;
	display:inline-block;
	vertical-align:middle;
	background-position:center;
	background-repeat:no-repeat;
	background-size:24px;
}

#main-nav .moduletable.contactus .info_email span.icon {
	background-image:url(../images/icon-email.png);
}

#main-nav .moduletable.contactus .info_telephone span.icon {
	background-image:url(../images/icon-phone.png);
}

}

@media (max-width: 700px) {

.home #content .hometext {
	font-size:120%;
}

#welcomenote > div {
	width:100% !important;
	margin:0 auto 20px;
	float:none !important;
}

#welcomenote .desctext {
	text-align:center;
}

#welcomenote .embedvideo > div {
	margin:0 auto;
}

#projects ul.phase4 li {
	max-width:50%;
	max-width:calc(100% / 2);
	flex:0 0 50%;
}

#callus .bgimage .wrapimg img {
	height:600px;
}

#callus .desc {
	max-width:100%;
	padding:30px;
	font-size:80%;
	left:0; top:0;
}

#callus .desc > div {
	width:100%;
	margin:0 auto 20px;
	display:block;
}

#callus .moduletable.contactform .modinside {
	margin:0 auto;
	padding:0;
	text-align:center;
	border:0;
}

#callus .moduletable.contactform #sp-quickcontact-form .button {
	width:auto !important;
	padding:10px 15px;
	margin:0 auto;
	display:inline-block;
}

#callus .desc > .right {
	padding:20px 0 0;
	border-left:0;
}

#callus .desc .phoneno {
	padding:10px 0;
}

#callus .moduletable.contactform #sp-quickcontact-form > * {
	width:100% !important;
	margin:0 0 10px;
	display:block;
}

#callus .moduletable.contactform #sp-quickcontact-form .button {
	max-height:none;
}

.moduletable.embedyoutube ul li {
	width:100%;
	padding:0 0 10px;
	float:none;
}

.moduletable.custrewards .title {
	display:block;
	text-align:center;
}

.moduletable.custrewards .title h3 {
	margin:0 auto 30px;
	display:inline-block;
}

.moduletable.custrewards .title h3:after {
	left:30%;
}

.moduletable.custrewards .moduletable.custrewardtext,
.moduletable.custrewards .nspArts {
	width:100% !important;
	margin:0 auto 20px;
	float:none !important;
	text-align:center;
}

.moduletable.custrewards .nspArtPage {
	max-width:400px;
	margin:0 auto;
	float:none;
}

.moduletable.custrewards .nspArtInside {
	min-height:200px;
}

.moduletable.custrewards {
	min-height:270px;
}

.moduletable.custrewards > .modinside {
	top:60%;
}

.moduletable.custrewards .djslider,
.moduletable.custrewards .djslider-in,
.moduletable.custrewards .djslider-in li {
	height:180px !important;
}

}

@media (max-width: 650px) {

.home #slideshow {
	min-height:350px;
}

#slideshow #vidheader video {
	height:350px;
	display:inline-block;
}

#projects ul.phase3 li {
	width:50%;
}

.moduletable.embedyoutube .sk-sizer > div {
	width:100% !important;
	margin:0 auto !important;
}


}

@media (max-width: 600px) {

.home #maincontent .inside, #maincontent .inside {
	padding:0 10px;
}

.moduletable.custrewards .nspArtInside {
	margin:0 0 20px;
}

.moduletable.custrewards .gkArtContentWrap {
	padding:0 10px;
}

.moduletable.custrewards .gkArtContentWrap h4 {
	padding:0 0 20px;
}


#content .blog .item-image .wrapimg img {
	height:300px;
}

#container-panel-6 > .inside > div {
	width:100% !important;
	margin:0 auto 20px;
	float:none;
}

.moduletable.contactinfo.logo {
	text-align:center;
}

.moduletable.contactinfo.logo img {
	max-height:none;
	margin:0 auto;
}

}

@media (max-width: 580px) {

.moduletable.custrewards {
	min-height:450px;
}

.moduletable.custrewards > .modinside {
	top:50%;
}

.moduletable.custrewards .djslider-default .navigation-container {
	top:50% !important;
}

.moduletable.custrewards .djslider,
.moduletable.custrewards .djslider-in,
.moduletable.custrewards .djslider-in li {
	height:300px !important;
}

}

@media (max-width: 500px) {

.home #slideshow {
	min-height:300px;
}

#slideshow #vidheader video {
	height:300px;
}

#slideshow .camera_pag li {
	width:14px;
	height:14px;
}

.home #content .hometext {
	padding:30px 0;
}

.home #maincontent .inside, #maincontent .inside {
	font-size:90%;
}

.moduletable.latestprojects .nspArt {
	width:100%;
	float:none;
	position:relative;
}

.moduletable.latestprojects a .wrapimg {
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}

.moduletable.latestprojects a .wrapimg img {
	height:400px;
	opacity:0;
	visibility:hidden;
	transform: scale(1);
}

/*#projects ul.phase4 .wrapimg {
	background-position:center;
}

#projects > ul > li {
	width:100% !important;
}

#projects ul.phase4 .wrapimg img,
#projects ul.phase3 .wrapimg img {
	height:350px;
}*/

#projects ul li {
	max-width:100% !important;
	max-width:calc(100% / 1) !important;
	flex:0 0 100% !important;
}

#callus .desc .title {
	font-size:130%;
}

#callus .desc .phoneno {
	font-size:200%;
}

#callus .desc .desctext {
	font-size:100%;
}

.moduletable.custrewards {
	min-height:350px;
}

.moduletable.custrewards > .modinside {
	top:56%;
}

.moduletable.custrewards .djslider-default .navigation-container {
	top:30% !important;
}

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

#sidecontent {
	width:100%;
	display:block;
	position:fixed;
	bottom:0; left:0; right:0;
	z-index:100;
}

#sidecontent .moduletable.whatsapp {
	width:50%;
	display:inline-block;
	float:right;
}

#sidecontent .inside .info_telephone {
	width:100%;
	display:inline-block;
}

#whatsapplink a.float {
	width:100%;
	height:60px;
	position:relative;
	bottom:auto; right:auto;
	border:0;
	display:block;
	background-size:auto 60px;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-o-border-radius:0;
	-ms-border-radius:0;
	border-radius:0;
}

.moduletable.rey #whatsapplink a.float {
	background-color:#26ef71;
	bottom:auto; right:auto;
}

#sidecontent .inside .info_telephone a {
	width:100%;
	line-height:60px;
	text-align:center;
	display:block;
	background:#14408b;
	position:relative;
}

#sidecontent .inside .info_telephone a:hover,
#sidecontent .inside .info_telephone a:link, 
#sidecontent .inside .info_telephone a:visited {
	color:#14408b;
}

#sidecontent .inside .info_telephone a:after {
	content:'';
	width:60px;
	height:60px;
	margin:0 auto;
	background:url(../images/icon-phone.png) no-repeat center;
	background-size:auto 50px;
	position:absolute;
	top:0; bottom:0; left:35%;
}

#footer .inside {
	margin:0 auto 70px;
}

}

@media (max-width: 470px) {

header > .inside {
	margin:0 10px;
}

#logo img {
	transform:scale(0.8);
	-webkit-transform:scale(0.8);
	-moz-transform:scale(0.8);
	-ms-transform:scale(0.8);
	-o-transform:scale(0.8);
}

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

.sticky #menu-icon {
	margin:14px 0 0;
}

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

}

@media (max-width: 400px) {

.home #slideshow {
	min-height:200px;
}

#slideshow #vidheader video {
	height:200px;
}

#callus .desc .phoneno {
	font-size:100%;
}

.moduletable.embedyoutube ul {
	padding:40px 15px;
}

#content .blog .item-image .wrapimg img {
	height:200px;
}

.moduletable.custrewards {
	min-height:250px;
}

.moduletable.custrewards .djslider,
.moduletable.custrewards .djslider-in,
.moduletable.custrewards .djslider-in li {
	height:220px !important;
}

}

@media (max-width: 350px) { 

header > .inside {
	text-align:left;
}

#logo {
	margin:10px 0 0;
}

#logo img {
	max-height:80px;
	
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
}

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

.moduletable.custrewards {
	min-height:250px;
}

.moduletable.custrewards .djslider,
.moduletable.custrewards .djslider-in,
.moduletable.custrewards .djslider-in li {
	height:200px !important;
}


}

@media (max-width: 320px) { 

.moduletable.custrewards > .modinside {
	top:30%;
	transform:translateY(-50%);
}

}

@media (max-width: 300px) { 

#content {
    padding:100px 10px;
}

#container-panel-6 {
	padding:0 10px;
}

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

.moduletable.custrewards {
	min-height:200px;
}

.moduletable.custrewards > .modinside {
	top:63%;
}

.moduletable.custrewards .djslider,
.moduletable.custrewards .djslider-in,
.moduletable.custrewards .djslider-in li {
	height:200px !important;
}

}

@media (max-width: 250px) { 

}