@charset "utf-8";@media (min-width:970px) and (max-width:1025px){.topRibon{width:98%;padding:2px 1% 3px 1%;background:#0c2034;color:#fff;font-size:12px;}
.ribonLeftBox{width:810px;height:auto;padding:2px 0 4px 0;margin:auto;float:none;}
.header{width:100%;height:auto;padding:0;margin:auto;background:#fff;box-shadow:0px 1px 2px rgba(0,0,0,0.5);position:relative;z-index:9999;}
.logoBox{width:100%;height:auto;text-align:center;position:relative;}
header{width:100%;height:auto;position:relative;top:0;left:0;z-index:inherit;}
header .logoBox{width:50%;height:auto;padding:0 25%;float:none;text-align:center;background:#fff;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
header.smaller .logoBox{width:50%;height:auto;padding:0 25%;float:none;text-align:center;background:#fff;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.rightBox{width:100%;height:auto;padding:0;margin:0;text-align:center;float:none;}
.menuBox{width:100%;margin:0;text-align:center;}
.banner{width:100%;height:auto;position:relative;margin:0;}
.banneroverflow{width:100%; height:375px; padding:0; margin:0; overflow:hidden;}
.squareRow1{width:64%;height:auto;margin:auto;}
.squareRow2{width:85%;height:auto;margin:auto;}
.square1{position:relative;top:-10px;width:16.8%;margin:0 4.1%;float:left;cursor:pointer;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.tileNameBox{width:100%;height:auto;padding:0;margin:0;font-size:18px;font-weight:bold;color:#fff;position:absolute;top:50px;left:0px;z-index:1;text-align:center;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.pageHeading{width:96%;margin:0;background:#488fff;padding:40px 2% 15px 2%;margin:0 !important;border-bottom:solid 1px #ededed;}
.pageHeading1{width:96%;margin:0;background:#488fff url(images/headerBg.png) no-repeat right bottom;padding:5px 2% 15px 2%;margin:0 !important;border-bottom:solid 1px #ededed;}
}
@media (min-width:769px) and (max-width:969px){.topRibon{width:98%;padding:2px 1% 3px 1%;background:#0c2034;color:#fff;font-size:12px;}
.ribonLeftBox{width:810px;height:auto;padding:2px 0 4px 0;margin:auto;float:none;}
.hContactNo{width:auto;float:left;padding:4px 5px 0px 20px;font-size:13px;color:#fff;font-weight:400;background:url(images/contactIcon.png) no-repeat left;display:none;}
.hEmail{width:auto;float:left;padding:4px 5px 0px 20px;font-size:13px;color:#fff;font-weight:400;background:url(images/emailIcon.png) no-repeat left;display:none;}
.ribonNavBox{width:100%;float:none;padding:4px 0px 0px 10px;font-size:13px;color:#fff;font-weight:400;text-align:center;}
.header{width:100%;height:auto;padding:0;margin:auto;background:#fff;box-shadow:0px 1px 2px rgba(0,0,0,0.5);position:relative;z-index:9999;}
.logoBox{width:100%;height:auto;text-align:center;position:relative;}
header{width:100%;height:auto;position:relative;top:0;left:0;z-index:inherit;}
header .logoBox{width:50%;height:auto;padding:0 25%;float:none;text-align:center;background:#fff;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.rightBox{width:100%;height:auto;padding:0;margin:0;text-align:center;float:none;}
.menuBox{width:100%;margin:0;text-align:center;}
.banner{width:100%;height:auto;position:relative;margin:0;}
.banneroverflow{width:100%; height:350px; padding:0; margin:0; overflow:hidden;}
.squareRow1{width:64%;height:auto;margin:auto;}
.squareRow2{width:85%;height:auto;margin:auto;}
.square1{position:relative;top:-10px;width:16.8%;margin:0 4.1%;float:left;cursor:pointer;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.tileNameBox{width:100%;height:auto;padding:0;margin:0;font-size:18px;font-weight:bold;color:#fff;position:absolute;top:50px;left:0px;z-index:1;text-align:center;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.pageHeading{width:96%;margin:0;background:#488fff;padding:40px 2% 15px 2%;margin:0 !important;border-bottom:solid 1px #ededed;}
.pageHeading1{width:96%;margin:0;background:#488fff url(images/headerBg.png) no-repeat right bottom;padding:5px 2% 15px 2%;margin:0 !important;border-bottom:solid 1px #ededed;}
.innLeftPanel{width:65%;height:auto;padding:0;margin:10px auto 25px auto;font-size:15px;float:left;line-height:28px;}
.innRightPanel{width:30%;height:auto;padding:0%;margin:10px auto 25px auto;background:#f6f6f6;font-size:13px;float:right;border-radius:5px;border-bottom:solid 4px #3e4095;}
.contactLeftPanel{width:92%;height:auto;padding:0 2%;margin:0px 2% 25px 2%;background:#fff;float:none;}
.contactRightPanel{width:92%;height:auto;padding:0 2%;margin:0px 2% 25px 2%;float:none;}
}
@media (min-width:481px) and (max-width:768px){.topRibon{width:98%;padding:2px 1% 3px 1%;background:#0c2034;color:#fff;font-size:12px;}
.ribonLeftBox{width:auto;height:auto;padding:2px 0 4px 0;margin:auto;float:none;}
.hContactNo{width:auto;float:left;padding:4px 5px 0px 20px;font-size:13px;color:#fff;font-weight:400;background:url(images/contactIcon.png) no-repeat left;display:none;}
.hEmail{width:auto;float:left;padding:4px 5px 0px 20px;font-size:13px;color:#fff;font-weight:400;background:url(images/emailIcon.png) no-repeat left;display:none;}
.ribonNavBox{width:100%;float:none;padding:4px 0px 0px 10px;font-size:13px;color:#fff;font-weight:400;text-align:center;}
.header{width:100%;height:auto;padding:0;margin:auto;background:#fff;box-shadow:0px 1px 2px rgba(0,0,0,0.5);position:relative;z-index:9999;}
.logoBox{width:100%;height:auto;text-align:center;position:relative;}
header{width:100%;height:auto;position:relative;top:0;left:0;z-index:inherit;}
header .logoBox{width:80%;height:auto;padding:0 10%;float:none;text-align:center;background:#fff;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.rightBox{width:100%;height:auto;padding:0;margin:0;text-align:center;float:none;}
.menuBox{width:100%;margin:0;text-align:center;}
.banner{width:100%;height:auto;position:relative;margin:0;}
.banneroverflow{width:100%; height:280px; padding:0; margin:0; overflow:hidden;}
.bannEnquiryBox{width:300px;height:auto;padding:20px 10px 10px 10px;margin:45px 0 0 0;background:rgba(45,40,135,0.6);position:absolute;z-index:101;top:0;right:5%;border-radius:10px;}
.events{width:100%;height:auto;padding:0;margin:0;background:#0c2034;color:#fff;}
.eventsLeftCol{width:100%;height:auto;padding:15px 0;margin:0;background:#2f4f6e url(images/nebg.png) no-repeat right center;float:none;text-align:center;font-weight:bold;}
.eventsRightCol{width:100%;height:auto;padding:15px 0;margin:0;background:#0c2034;font-size:14px;font-weight:400;float:none;}
.squareRow1{width:50%;height:auto;margin:auto;}
.squareRow2{width:50%;height:auto;margin:auto;}
.square{position:relative;width:100%;margin:0;float:none;bottom:-25px;cursor:pointer;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.square1{position:relative;top:0px;width:100%;margin:0;float:none;cursor:pointer;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.tileNameBox{width:100%;height:auto;padding:0;margin:0;font-size:25px;font-weight:bold;color:#fff;position:absolute;top:45%;left:0;z-index:1;text-align:center;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.activitySlideContainer{width:96%;height:auto;padding:0;margin:auto;}
.activityBox{width:48%;height:auto;padding:0 0 10px 0;margin:10px 1%;background:#28b2cc;float:left;}
.ovBox{width:94%;height:auto;padding:0;margin:0 3%;float:none;}
.footerCol1{width:96%;padding:0 2% 15px 2%;min-height:auto;float:none;text-align:left;border-bottom:dotted 1px #fff;}
.footerCol2{width:96%;padding:15px 2% 15px 2%;min-height:auto;float:none;border-bottom:dotted 1px #fff;}
.footerCol3{width:96%;height:auto;padding:15px 2% 15px 2%;margin:auto;float:none;border-bottom:dotted 1px #fff;}
.footerCol4{width:96%;height:auto;margin:15px 2% 15px 2%;float:none;text-align:left;border-bottom:dotted 1px #fff;display:none;}
.pageHeading{width:96%;margin:0;background:#488fff;padding:40px 2% 15px 2%;margin:0 !important;border-bottom:solid 1px #ededed;}
.pageHeading1{width:96%;margin:0;background:#488fff url(images/headerBg.png) no-repeat right bottom;padding:5px 2% 15px 2%;margin:0 !important;border-bottom:solid 1px #ededed;}
.innLeftPanel{width:100%;height:auto;padding:0;margin:10px auto 25px auto;font-size:15px;float:none;line-height:28px;}
.innRightPanel{width:100%;height:auto;padding:0%;margin:10px auto 25px auto;background:#f6f6f6;font-size:13px;float:none;border-radius:5px;border-bottom:solid 4px #3e4095;}
.galleryBox{width:45.5%;height:auto;padding:5px;margin:0 1% 20px 1%;border:solid 1px #ccc;float:left;}
.galleryBox1{width:45.5%;height:auto;padding:5px;margin:0 1% 20px 1%;border:solid 1px #ccc;float:left;}
.ImgWH{width:100% !important;height:175px !important;}
.galleryImgH{width:100% !important;height:175px !important;}
.contactLeftPanel{width:92%;height:auto;padding:0 2%;margin:0px 2% 25px 2%;background:#fff;float:none;}
.contactRightPanel{width:92%;height:auto;padding:0 2%;margin:0px 2% 25px 2%;float:none;}
}
@media (min-width:320px) and (max-width:480px){.topRibon{width:98%;padding:2px 1% 3px 1%;background:#0c2034;color:#fff;font-size:12px;}
.ribonLeftBox{width:auto;height:auto;padding:2px 0 4px 0;margin:auto;float:none;}
.hContactNo{width:100%;float:none;padding:4px 0px 0px 0px;font-size:13px;color:#fff;font-weight:400;background:url(images/contactIcon.png) no-repeat left; text-align:center;}
.hEmail{width:auto;float:left;padding:4px 5px 0px 20px;font-size:13px;color:#fff;font-weight:400;background:url(images/emailIcon.png) no-repeat left;display:none;}
.ribonNavBox{width:100%;float:none;padding:4px 0px 0px 10px;font-size:13px;color:#fff;font-weight:400;text-align:center;}
.header{width:100%;height:auto;padding:0;margin:auto;background:#fff;box-shadow:0px 1px 2px rgba(0,0,0,0.5);position:relative;z-index:9999;}
.logoBox{width:100%;height:auto;text-align:center;position:relative;}
header{width:100%;height:auto;position:relative;top:0;left:0;z-index:inherit;}
header .logoBox{width:90%;height:auto;padding:0 5%;float:none;text-align:center;background:#fff;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.rightBox{width:100%;height:auto;padding:0;margin:0;text-align:center;float:none;}
.menuBox{width:100%;margin:0;text-align:center;}
.banner{width:100%;height:auto;position:relative;margin:0;}
.banneroverflow{width:100%; height:140px; padding:0; margin:0; overflow:hidden;}
.bannEnquiryBox{width:90%;height:auto;padding:20px 2% 10px 2%;margin:10px 3% 20px 3%;background:rgba(45,40,135,0.6);position:relative;z-index:101;top:0;right:0;border-radius:10px;}
.events{width:100%;height:auto;padding:0;margin:0;background:#0c2034;color:#fff;}
.eventsLeftCol{width:100%;height:auto;padding:15px 0;margin:0;background:#2f4f6e url(images/nebg.png) no-repeat right center;float:none;text-align:center;font-weight:bold;}
.eventsRightCol{width:100%;height:auto;padding:15px 0;margin:0;background:#0c2034;font-size:14px;font-weight:400;float:none;}
.squareRow1{width:50%;height:auto;margin:auto;}
.squareRow2{width:50%;height:auto;margin:auto;}
.square{position:relative;width:100%;margin:0;float:none;bottom:-25px;cursor:pointer;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.square1{position:relative;top:0px;width:100%;margin:0;float:none;cursor:pointer;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.tileNameBox{width:100%;height:auto;padding:0;margin:0;font-size:25px;font-weight:bold;color:#fff;position:absolute;top:45%;left:0;z-index:1;text-align:center;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.activitySlideContainer{width:96%;height:auto;padding:0;margin:auto;}
.activityBox{width:96%;height:auto;padding:0 0 10px 0;margin:10px 2%;background:#28b2cc;float:none;}
.ovBox{width:94%;height:auto;padding:0;margin:0 3%;float:none;}
.footerCol1{width:96%;padding:0 2% 15px 2%;min-height:auto;float:none;text-align:left;border-bottom:dotted 1px #fff;}
.footerCol2{width:96%;padding:15px 2% 15px 2%;min-height:auto;float:none;border-bottom:dotted 1px #fff;}
.footerCol3{width:96%;height:auto;padding:15px 2% 15px 2%;margin:auto;float:none;border-bottom:dotted 1px #fff;}
.footerCol4{width:96%;height:auto;margin:15px 2% 15px 2%;float:none;text-align:left;border-bottom:dotted 1px #fff;display:none;}
.copyright{width:100%;height:auto;float:none;text-align:center;}
.poweredBy{width:100%;height:auto;float:none;text-align:center;}
.pageHeading{width:96%;margin:0;background:#488fff;padding:40px 2% 15px 2%;margin:0 !important;border-bottom:solid 1px #ededed;}
.pageHeading1{width:96%;margin:0;background:#488fff url(images/headerBg.png) no-repeat right bottom;padding:5px 2% 15px 2%;margin:0 !important;border-bottom:solid 1px #ededed;}
.innLeftPanel{width:100%;height:auto;padding:0;margin:10px auto 25px auto;font-size:15px;float:none;line-height:28px;}
.innRightPanel{width:100%;height:auto;padding:0%;margin:10px auto 25px auto;background:#f6f6f6;font-size:13px;float:none;border-radius:5px;border-bottom:solid 4px #3e4095;}
.galleryBox{width:97%;height:auto;padding:5px;margin:0 1% 20px 1%;border:solid 1px #ccc;float:left;}
.galleryBox1{width:97%;height:auto;padding:5px;margin:0 1% 20px 1%;border:solid 1px #ccc;float:left;}
.ImgWH{width:100% !important;height:250px !important;}
.galleryImgH{width:100% !important;height:250px !important;}
.contactLeftPanel{width:92%;height:auto;padding:0 2%;margin:0px 2% 25px 2%;background:#fff;float:none;}
.contactRightPanel{width:92%;height:auto;padding:0 2%;margin:0px 2% 25px 2%;float:none;}
.orCol1{width:100%;height:auto;padding:0 0 10px 0;float:none;}
.orCol2{width:100%;height:auto;padding:0 0 10px 0;float:none;}
}