@charset "utf-8";
/* CSS Document */
<!--

/*###Desktops, big landscape tablets and laptops(Large, Extra large)####*/
@media screen and (min-width: 1024px){
/*Style
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.8vh;
	color: #333333;
}*/
body {
	font-family: 'Comfortaa';font-size: .8vw;
	background-color:#FBFBFB;
	line-height:1.6vw;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a:link {
	text-decoration: none;
	color: #333333;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: none;
	color: #333333;
}
a:active {
	text-decoration: none;
	color: #333333;
}
h1 {
    font-size: 1.4vw;
    margin-top: 0;
    margin-bottom: 0.1em;
    margin-left: 0;
    margin-right: 0;
	line-height:2vw;
	font-family: Comfortaa;
}
h2 {
    display: block;
    font-size: 1.2vw;
    margin-top: 8px;
    margin-bottom: 0.1em;
    margin-left: 0;
    margin-right: 0;
    font-weight:bold;
	line-height:1px;
}

input[type=text],[type=date], [type=password],select {
    width: 100%;
    padding: 4% 4% 4% 6%;
    margin: 2% 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
	font-size:.9vw;
}
textarea {
    padding: 4% 4% 4% 6%;
    width: 100%;
    line-height: 1.5;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
	font-size:.9vw;
}
input[type=submit] {
    width: 100%;
    background-color:#006699;
    color: white;
    padding: 1.2vw 1.2vw;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
	font-size:.9vw;
}

input[type=submit]:hover {
    background-color:#006699;
}

.strip-box1-index {
border-radius: 25px;
float:left; 
width:20%; 
margin-right:6%; 
height:15vw; 
text-align:center; 
border:solid #999999 1px;
  background-image: url(../images/index-box1.jpg);
  -webkit-transition: background-image 0.5s linear;
  -moz-transition: background-image 0.5s linear;
  -ms-transition: background-image 0.5s linear;
  transition: background-image 0.5s linear;
}

.strip-box1-index:hover {
  background-image: url(../images/index-box1-fd.jpg);
}

.strip-box2-index {
border-radius: 25px;
float:left; 
width:20%; 
margin-right:6%; 
height:15vw; 
text-align:center; 
border:solid #999999 1px;
  background-image: url(../images/index-box2.jpg);
  -webkit-transition: background-image 0.5s linear;
  -moz-transition: background-image 0.5s linear;
  -ms-transition: background-image 0.5s linear;
  transition: background-image 0.5s linear;
}

.strip-box2-index:hover {
  background-image: url(../images/index-box2-fd.jpg);
}

.strip-box3-index {
border-radius: 25px;
float:left; 
width:20%; 
margin-right:6%; 
height:15vw; 
text-align:center; 
border:solid #999999 1px;
  background-image: url(../images/index-box3.jpg);
  -webkit-transition: background-image 0.5s linear;
  -moz-transition: background-image 0.5s linear;
  -ms-transition: background-image 0.5s linear;
  transition: background-image 0.5s linear;
}

.strip-box3-index:hover {
  background-image: url(../images/index-box3-fd.jpg);
}

.strip-box4-index {
border-radius: 25px;
float:left; 
width:20%; 
height:15vw; 
text-align:center; 
border:solid #999999 1px;
  background-image: url(../images/index-box4.jpg);
  -webkit-transition: background-image 0.5s linear;
  -moz-transition: background-image 0.5s linear;
  -ms-transition: background-image 0.5s linear;
  transition: background-image 0.5s linear;
}

.strip-box4-index:hover {
  background-image: url(../images/index-box4-fd.jpg);
}

.index-box1 {
float:left;
  position: relative;
  width: 20%;
  height:auto;
  margin-right:5%;
  border-radius: 25px;
}
.index-box1:hover .image-index  {
  opacity: 0.3;
}


.image-index {
border-radius: 25px;
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.header {float:left; width:100%; height:auto;}
.header-mob { display:none; visibility:hidden;}
.header-logo {float:left; width:20%; height:auto; margin-left:2%; margin-top:1%;}
.header-right {float:right; width:75%; height:auto; text-align:right;}
.header-social {float:right; width:100%; height:auto;text-align:right;}
.header-button {float:right; width:auto; height:10%; margin-top:2%;text-align:left;}

.footer {float:left; width:100%; margin-top:10px; height:auto; text-align:center; padding-top:1%; background-color:#009900;}
.footer a:link {
	text-decoration: none;
	color: #FFFFFF;
}
.footer a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
.footer a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
.footer a:active {
	text-decoration: none;
	color: #FFFFFF;
}



.footer-logo {float:left; width:20%; margin-top:1%; height:auto; color:#FFFFFF; text-align:center; margin-left:40%; margin-right:40%; margin-bottom:1%;}
.footer-button {float:left; width:80%;height:auto; text-align:center; margin-left:10%; margin-right:10%; margin-bottom:1%; color:#FFFFFF;}
.footer-buttom {float:left; width:100%;height:2vw; text-align:center; padding-top:1%; background-color:#000000; font-size:.7vw;}
.footer-txt-left {float:left; height:auto; margin-left:5vw; color:#CCCCCC;}
.footer-txt-rt {float:right; height:auto; margin-right:5vw; color:#CCCCCC;}


.banner {float:left; width:69%; height:auto; margin-top:10px; margin-left:1%;}
.top-enquiry {float:right; width:28%; height:auto; margin-top:10px; margin-right:1%; background-color:#009933; border:solid #000000 1px;}
.notice {float:left; width:100%; height:2%; margin-top:10px; margin-bottom:1%; background-color:#333333;}
.notice-heading {float:left; width:10%; text-align:center; background-color:#0066CC;}
.notice-text {float:left; width:85%; height:auto; margin-top:22px;}
.index-holder-intro {float:left; width:70%; margin-top:2vw; margin-bottom:2vw; padding-left:15%; padding-right:15%; height:15%; text-align:center; color:#FFFFFF; background-color:#990000;}
.index-holder {float:left; width:100%; height:15%;}
.img-index1 {float:left; width:50%; height:auto;}
.txt-index1 {float:right; width:43%; height:auto; padding-left:3%; padding-right:3%; padding-top:8%; padding-bottom:5%; text-align:center;}

.txt-index2 {float:left; width:43%; height:auto; padding-left:3%; padding-right:3%; padding-top:8%; padding-bottom:5%; text-align:center;}
.img-index2 {float:right; width:50%; height:auto;}

.logo-index { width:50%; height:auto;}

.strip-index {float:left; width:80%; margin-left:10%; margin-right:10%; height:auto; margin-top:3%; margin-bottom:20px; text-align:center;}

.banner-pg {float:left; width:98%; height:auto; margin-top:10px; margin-left:1%;}
.pg-body {float:left; width:70%; margin-left:15%; margin-right:15%; height:auto; margin-top:2%; margin-bottom:2%;}
.about-holder {float:left; width:100%; height:15%;}
.img-about1 {float:left; width:50%; height:auto;}
.txt-about1 {float:left; width:43%; height:auto; padding-left:3%; padding-right:3%; padding-top:3%; padding-bottom:5%;}

.txt-about2 {float:left; width:43%; height:auto; padding-left:3%; padding-right:3%; padding-top:3%; padding-bottom:5%;}
.img-about2 {float:right; width:50%; height:auto;}

.contact1 {float:left; width:80%; margin-left:10%; margin-right:10%; height:auto; margin-bottom:5%; text-align:center; border-bottom:solid #CCCCCC 1px;}
.contact2 {float:left; width:35%;margin-left:10%; margin-right:10%; height:auto; margin-bottom:5%; text-align:left; border-right:solid #CCCCCC 1px;}
.contact3 {float:left; width:30%;margin-right:10%; height:auto; margin-bottom:5%; text-align:left;}

.notice1 {float:left; width:80%;margin-left:10%; margin-right:10%; height:auto; margin-bottom:5%; text-align:left;}

.career1 {float:left; width:80%;margin-left:10%; margin-right:10%; height:auto; margin-bottom:1%; text-align:center;}
.career2 {float:left; width:50%; height:auto; margin-left:25%; margin-right:25%;}

.boarding1 {float:left; width:35%;margin-left:10%; margin-right:5%; padding-right:3%; height:auto; margin-bottom:5%; text-align:left; border-right:solid #CCCCCC 1px;}
.boarding2 {float:left; width:30%;margin-right:10%; height:auto; margin-bottom:5%; text-align:left;}

.pg-body-smc {float:left; width:90%; margin-left:5%; margin-right:5%; height:auto; margin-top:10px;}
.smc-txt {float:left; height:auto; width:40%; padding:3%; text-align:left;}
.smc-img {float:left; width:40%; height:auto; margin-right:2%; padding-right:5%; border-right:solid #CCCCCC 1px;}

.event-holder {float:left; width:50%; height:auto; margin-left:25%; margin-right:25%; margin-bottom:2%;}
.event-heading {float:left; width:100%; height:40px;margin-bottom:1%; padding-top:15px; background-color:#0066CC; color:#FFFFFF;}
.event-img {float:left; width:17.5%; height:auto;margin:1%;border:solid #CCCCCC 1px;}
.event-btn {float:left; width:100%; height:40px;padding-top:15px; background-color:#E4E4E4;border:solid #CCCCCC 1px; text-align:center;}
.event-pagi {float:left; width:100%; height:40px;margin-bottom:1%; padding-top:15px;}

.event-heading-viewpg {float:left; width:100%; height:40px;margin-bottom:1%; padding-top:15px; background-color:#0066CC; color:#FFFFFF;}
.menubar-pc{float:left; height:auto; width:100%;}
.menubar-mob{ float:left; height:auto; width:100%; background-color:#000000; display:none; visibility:hidden;}

.digital-class {float:left; height:10%; width:90%; padding:5%; text-align:center; margin-bottom:2%; background-color:#006699; color:#FFFFFF;}
.digital-img {float:left; height:auto; width:26%; margin-left:37%; margin-right:37%;}
.digital-login {float:left; width:30%; height:auto; margin-left:35%; margin-right:35%; margin-top:5%; margin-bottom:5%; padding:3%; border-radius: 25px; border: solid #0099CC 1px;}

.school-img-holder {float:left; width:100%; height:auto; margin-top:2%; margin-bottom:2%; border-top:solid #666666 1px;}
.school-img-heading {float:left; width:40%; height:auto; margin-top:2%; margin-bottom:2%;}
.school-img-dropbox {float:right; width:20%; height:auto; margin-top:2%; margin-bottom:2%; text-align:right;}
.school-img-box-holder {float:left; width:100%; height:auto; margin-top:2%; margin-bottom:2%;}
.school-img-box {float:left; width:17.5%; height:20%; margin:1%; border:solid #666666 1px;}
.school-pagination {float:left; width:100%; height:auto; margin:1%; text-align:center;}
.whatsapp_icon { position: fixed; width:5%; height:5vw; bottom: 5vw; right: 5vw;}
.page-holder {float:left; width:70%; height:auto; margin-left:15%; margin-right:15%; margin-top:2%; margin-bottom:2%;}
.page-holder-left {float:left; width:70%; height:auto;margin-right:1%;border:}
.page-holder-right {float:right; width:27%; height:auto; margin-left:1%;border:}
.gallery-img-block {float:left; width:22%; height:auto; margin:1%;}

.enquiry-form-holder-lt {float:left; width:58%; height:auto;}
.enquiry-form-holder-rt {float:right; width:40%; height:auto; text-align:center;}
.pg-lt {float:left; width:70%; height:auto; margin-right:3%;}
.pg-rt {float:right; width:26%; height:auto;}

.blog-display-holder {float:left; width:100%; height:auto; margin-top:2%; padding-bottom:2%; margin-bottom:2%; border-bottom:solid #999999 1px;}
.blog-display-image-holder {float:left; width:30%; height:auto; margin-right:2%;}
.blog-display-txt-holder {float:right; width:67%; height:auto;}

.review-box {float:left; width:45%; height:8vw; padding:1%; margin:1%; border-radius:1vw; border:solid #999999 1px; text-align:left;}
.review-index-holder {float:left; width:70%; height:auto; margin-bottom:3vw; padding-bottom:3vw; margin-top:3vw; margin-left:15%; margin-right:15%; text-align:center;}
.review-holder {float:left; width:96%; padding:2%; margin-bottom:2%;border-radius:.5vw; border:solid #666666 1px; text-align:left; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.tour-block {float:left; width:45%; height:25vw; margin:1%;}
}

/*###Tablet(medium)###*/
@media screen and (min-width : 768px) and (max-width : 1023px){
/*Style*/

}

/*### Smartphones (portrait and landscape)(small)### */
@media screen and (min-width : 0px) and (max-width : 767px){
/*Style
body,td,th {
	font-family: 'Raleway', sans-serif;
	font-size: 2.2vh;
	color: #333333;
}*/
body {
	font-family: 'Comfortaa';font-size: 4vw;
	background-color:#FBFBFB;
	line-height:6vw;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a:link {
	text-decoration: none;
	color: #333333;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: none;
	color: #333333;
}
a:active {
	text-decoration: none;
	color: #333333;
}
h1 {
    font-size: 6vw;
    margin-top: 0;
    margin-bottom: 0.1em;
    margin-left: 0;
    margin-right: 0;
	line-height:8vw;
	font-family: Comfortaa;
}
h2 {
    display: block;
    font-size: 4vw;
    margin-top: 8px;
    margin-bottom: 0.1em;
    margin-left: 0;
    margin-right: 0;
    font-weight:bold;
	line-height:6vw;
}

input[type=text],[type=date], [type=password],select {
    width: 100%;
    padding: 4% 4% 4% 6%;
    margin: 2% 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
	font-size:4vw;
}

textarea {
    width: 100%;
    padding: 4% 4% 4% 6%;
    margin: 2% 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
	font-size:4vw;

}
input[type=submit] {
    width: 100%;
    background-color:#006699;
    color: white;
    padding: 5vw 5vw;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
	font-size:4vw;
}

input[type=submit]:hover {
    background-color:#006699;
}

.strip-box1-index {
border-radius: 15px;
float:left; 
width:48%; 
margin-right:2%; 
height:50vw; 
text-align:center; 
border:solid #999999 1px;
  background-image: url(../images/index-box1.jpg);
  -webkit-transition: background-image 0.5s linear;
  -moz-transition: background-image 0.5s linear;
  -ms-transition: background-image 0.5s linear;
  transition: background-image 0.5s linear;
}

.strip-box1-index:hover {
  background-image: url(../images/index-box1-fd.jpg);
}

.strip-box2-index {
border-radius: 15px;
float:left; 
width:48%; 
 
height:50vw; 
text-align:center; 
border:solid #999999 1px;
  background-image: url(../images/index-box2.jpg);
  -webkit-transition: background-image 0.5s linear;
  -moz-transition: background-image 0.5s linear;
  -ms-transition: background-image 0.5s linear;
  transition: background-image 0.5s linear;
}

.strip-box2-index:hover {
  background-image: url(../images/index-box2-fd.jpg);
}

.strip-box3-index {
border-radius: 15px;
margin-top:2%;
float:left; 
width:48%; 
margin-right:2%; 
height:50vw; 
text-align:center; 
border:solid #999999 1px;
  background-image: url(../images/index-box3.jpg);
  -webkit-transition: background-image 0.5s linear;
  -moz-transition: background-image 0.5s linear;
  -ms-transition: background-image 0.5s linear;
  transition: background-image 0.5s linear;
}

.strip-box3-index:hover {
  background-image: url(../images/index-box3-fd.jpg);
}

.strip-box4-index {
border-radius: 15px;
margin-top:2%;
float:left; 
width:48%; 
height:50vw; 
text-align:center; 
border:solid #999999 1px;
  background-image: url(../images/index-box4.jpg);
  -webkit-transition: background-image 0.5s linear;
  -moz-transition: background-image 0.5s linear;
  -ms-transition: background-image 0.5s linear;
  transition: background-image 0.5s linear;
}

.strip-box4-index:hover {
  background-image: url(../images/index-box4-fd.jpg);
}


.index-box1 {
float:left;
  position: relative;
  width: 46%;
  height:auto;
  margin:2%;
  border-radius: 15px;
}
.index-box1:hover .image-index  {
  opacity: 0.3;
}


.image-index {
border-radius: 15px;
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.header { display:none; visibility:hidden;}
.header-mob {float:left; width:100%; height:auto; margin-bottom:3vw;}

.header-logo {float:left; width:70%; height:auto; margin-left:15%; margin-right:15%; margin-top:6%;}
.header-right {float:right; width:100%; height:auto; text-align:right;}
.header-social {float:right; width:100%; height:auto;text-align:right; display:none; visibility:hidden;}
.header-button {float:right; width:100%; height:10%; margin-top:5%;text-align:left;}

.footer {float:left; width:100%; margin-top:10px; height:auto; text-align:center; padding-top:1%; background-color:#009900; font-size:3vw;}
.footer a:link {
	text-decoration: none;
	color: #FFFFFF;
}
.footer a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
.footer a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
.footer a:active {
	text-decoration: none;
	color: #FFFFFF;
}

.footer-logo {float:left; width:60%; margin-top:10%; height:auto; color:#FFFFFF; text-align:center; margin-left:20%; margin-right:20%; margin-bottom:1%;}
.footer-button {float:left; width:80%;height:auto; text-align:center; margin-left:10%; margin-right:10%; margin-bottom:10%; color:#FFFFFF;}
.footer-buttom {float:left; width:100%;height:auto; text-align:center; padding-top:1%; background-color:#000000; font-size:.7vw;}
.footer-txt-left {float:left; width:100%; font-size:3vw; height:auto; text-align:center;color:#CCCCCC;}
.footer-txt-rt {float:left; width:100%; font-size:3vw;height:auto; margin-right:5vw; color:#CCCCCC; margin-bottom:5%;}


.banner {float:left; width:100%; height:auto; margin-top:22vw;}
.top-enquiry {float:right; width:95%; height:auto; margin-top:10px; margin-right:2%; margin-left:2%; margin-bottom:5vw; background-color:#009933; border:solid #000000 1px;}
.notice {float:left; width:100%; height:2%; margin-top:10px; margin-bottom:1%; background-color:#333333;}
.notice-heading {float:left; width:100%; height:auto; text-align:center; background-color:#0066CC;}
.notice-text {float:left; width:80%; margin-left:10%; margin-right:10%; height:40px; margin-top:5px;}
.index-holder-intro {float:left; width:80%; padding-left:10%; padding-right:10%; height:15%; text-align:center; color:#FFFFFF; background-color:#990000;}
.index-holder {float:left; width:100%; height:15%;display: flex; flex-flow: column-reverse;}
.img-index1 {float:left; width:100%; height:auto;order: 1;}
.txt-index1 {float:right; width:80%; height:auto; padding:10%;text-align:center;order: 2;}

.txt-index2 {float:left; width:80%; height:auto; padding-left:10%; padding-right:10%; padding-top:5%; padding-bottom:2%; text-align:center;order: 2;}
.img-index2 {float:right; width:100%; height:auto;order: 1;}

.logo-index { width:70%; height:auto;}

.strip-index {float:left; width:80%; margin-left:10%; margin-right:10%; height:auto; margin-top:3%; margin-bottom:20px;}

.banner-pg {float:left; width:100%; height:auto; margin-top:10px;}
.pg-body {float:left; width:100%;height:auto; margin-top:25vw;}
.about-holder {float:left; width:100%; display: flex; flex-flow: column-reverse;}
.img-about1 {float:left; width:100%; height:auto;order: 2;}
.txt-about1 {float:right; width:80%; height:auto;  padding-right:10%; padding-left:10%;  padding-bottom:2%; text-align:left;order: 1;}

.txt-about2 {float:left; width:80%; height:auto;  padding-left:10%; padding-right:10%; padding-bottom:2%; text-align:left;order: 1;}
.img-about2 {float:right; width:100%; height:auto;order: 2;}

.contact1 {float:left; width:80%; margin-left:10%; margin-right:10%; height:auto; margin-bottom:5%; text-align:center; border-bottom:solid #CCCCCC 1px;}
.contact2 {float:left; width:80%;margin-left:10%; margin-right:10%; height:auto; margin-bottom:5%; text-align:left; text-align: center;}
.contact3 {float:left; width:80%;margin-right:10%; margin-left:10%; height:auto; margin-bottom:5%; text-align:left;}

.notice1 {float:left; width:80%;margin-left:10%; margin-right:10%; height:auto; margin-bottom:5%; text-align:center;}

.career1 {float:left; width:80%;margin-left:10%; margin-right:10%; height:auto; margin-bottom:1%; text-align:center;}
.career2 {float:left; width:80%; height:auto; margin-left:10%; margin-right:10%;}

.boarding1 {float:left; width:80%;margin-left:10%; margin-right:10%; padding-right:3%; height:auto; margin-bottom:5%; text-align:left;}
.boarding2 {float:left; width:100%; height:auto; margin-bottom:5%; text-align:left;}



.pg-body-smc {float:left; width:100%;height:auto; margin-top:10px;display: flex; flex-flow: column-reverse;}
.smc-txt {float:left; height:auto; width:80%; margin:8%; text-align:left;order: 1;}
.smc-img {float:left; width:100%; height:auto;}

.event-holder {float:left; width:90%; height:auto; margin-left:5%; margin-right:5%; margin-bottom:5%;}
.event-heading {float:left; width:94%; height:auto;margin-bottom:1%; padding:3%; background-color:#0066CC; color:#FFFFFF;}
.event-img {float:left; width:45%; height:auto;margin:1.2%;border:solid #CCCCCC 1px;}
.event-btn {float:left; width:80%; height:auto;padding:3%; background-color:#E4E4E4; margin-left:5%; margin-right:5%; border:solid #CCCCCC 1px; text-align:center; margin-top:2%;}
.event-pagi {float:left; width:100%; height:40px;margin-bottom:1%; padding-top:15px;}

.event-heading-viewpg {float:left; width:90%; height:auto; margin-left:2%; margin-right:2%; margin-bottom:1%; padding:3%; background-color:#0066CC; color:#FFFFFF;}
.menubar-pc{float:left; height:auto; width:100%; background-color:#000000; display:none; visibility:hidden;}
.menubar-mob{ float:left; height:auto; width:100%; background-color:#000000;}

.digital-class {float:left; height:10%; width:90%; padding:5%; text-align:center; margin-bottom:2%; background-color:#006699; color:#FFFFFF;}
.digital-img {float:left; height:auto; width:80%; margin-left:10%; margin-right:10%;}
.digital-login {float:left; width:70%; height:auto; margin-left:15%; margin-right:15%; margin-top:2%; font-size:12px; margin-bottom:2%; padding:2%; border-radius: 15px; border: solid #0099CC 1px;}

.school-img-holder {float:left; width:80%; height:auto; margin-left:10%; margin-right:10%; margin-top:2%; margin-bottom:2%; border-top:solid #666666 1px;}
.school-img-heading {float:left; width:50%; height:auto; margin-top:2%; margin-bottom:2%;}
.school-img-dropbox {float:right; width:40%; height:auto; margin-top:2%; margin-bottom:2%; text-align:right;}
.school-img-box-holder {float:left; width:100%; height:auto; margin-top:2%; margin-bottom:2%;}
.school-img-box {float:left; width:30%; height:20%; margin:1%; border:solid #666666 1px;}
.school-pagination {float:left; width:100%; height:auto; margin:1%; text-align:center;}
.whatsapp_icon { position: fixed; width:16%; height:16vw; bottom: 12vw; right: 12vw;}
.page-holder {float:left; width:90%; height:auto; margin-left:5%; margin-right:3%; margin-top:5%; margin-bottom:3%;}
.page-holder-left {float:left; width:100%; height:auto; margin-bottom:4%;}
.page-holder-right {float:left; width:100%; height:auto; margin-bottom:3%;}
.gallery-img-block {float:left; width:48%; height:auto; margin:1%;}
.fixed-top {float:left; width:100%; height:auto; margin-bottom:3%; position:fixed; z-index:500; background-color:#F3F3F3;}

.enquiry-form-holder-lt {float:left; width:90%; height:auto;margin-left:5%; margin-right:5%;}
.enquiry-form-holder-rt {float:right; width:90%; height:auto;margin-left:5%; margin-right:5%; text-align:center;}

.pg-lt {float:left; width:90%; height:auto;margin-left:5%; margin-right:5%; margin-bottom:5%;}
.pg-rt {float:left; width:90%; height:auto;margin-left:5%; margin-right:5%;}

.blog-display-holder {float:left; width:100%; height:auto; margin-top:2%; padding-bottom:2%; margin-bottom:2%; border-bottom:solid #999999 1px;}
.blog-display-image-holder {float:left; width:100%; height:auto; margin-right:2%;}
.blog-display-txt-holder {float:right; width:100%; height:auto;}

.review-box {float:left; width:90%; height:auto; padding:3%; margin:2%; border-radius:1vw; border:solid #999999 1px; text-align:left;}
.review-index-holder {float:left; width:90%; height:auto; margin-left:5%; margin-right:5%; margin-bottom:3vw; padding-bottom:5vw; text-align:center;}
.review-holder {float:left; width:94%; padding:3%; margin-bottom:5%;border-radius:.5vw; border:solid #666666 1px; text-align:left; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.tour-block {float:left; width:90%; height:auto; margin:5vw;}
}