@media screen and (max-width:1023px) {
.d-show{ display:none;}
.m-show{ display:block;}

.mainSection {
    background-size: cover;
}
header {
    margin-bottom: 15px;
}
ul.ruby-menu > li > a {
    padding: 0 10px;
	line-height:42px;
}
ul.ruby-menu > li {
    font-size: 12px;
}
.heroarea h1 {
    font-size: 60px;
    line-height: 55px;
    margin-bottom: 25px;
    padding: 20px 0 0;
}
.heroarea p {
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 25px;
}
.heroarea .slick-dots {
    bottom: -20px;
}
.NoticeBoard {
    padding-bottom: 520px; margin-top:50px;
}
.NoticeLeft {
    width: 180px;
    padding: 38px 10px 0 0;
}
.NoticeRight {
    width: calc(100% - 190px);
}
.NoticeRight .slick-slider {
    width: 90%;
}
.NoticeRight .slick-next.slick-arrow {
    left: -20px;
    top: 50px;
}
.NoticeRight .slick-prev.slick-arrow {
    left: -45px;
}
.NoticeRight .line {
    width: 1px;
    left: -6px;
}

.AboutWrap {
    padding: 40px 0;
}
.SchoolIndent {
    margin-bottom: 50px;
    padding: 30px 0 30px;
}
.SchoolIndent li {
    padding: 0 15px;
}
.SchoolIndent li h3 {
    font-size: 16px;
    margin-bottom: 5px;
}
.aboutIndent h2 {
    font-size: 26px;
    line-height: 35px;
    margin-bottom: 15px;
}
.aboutIndent li {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    padding-bottom: 4px;
}
.aboutIndent p {
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 20px;
    font-weight: 400;
}
.aboutIndent ul {
    margin-bottom: 5px;
}
.MessageBx .Messageleft {
    width: 55%;
    padding: 15px;
}
.MessageBx h2 {
    margin-bottom: 5px;
}
.MessageBx .nav-tabs {
    border-bottom: 3px solid rgb(255 255 255 / 22%);
}
.MessageBx .nav-tabs li a {
    font-size: 16px;
    padding: 14px 15px;
}
.MessageBx .nav-tabs li a.active i {
    height: 3px;
    bottom: -3px;
}
.MessageBx .tab-content {
    padding: 10px 0 0;
}
.MessageBx p {
    font-size: 13px;
    line-height: 20px;
    padding-bottom: 15px;
    font-weight: 400;
}
.GalleryWrap {
    padding: 50px 0;
}
.GalleryWrap h2 {
    font-size: 25px;
    margin: 0 0 20px;
}
.GalleryWrap h2 img {
    margin-right: 8px;
    width: 35px;
}
.GalleryWrap p {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 5px;
}
.GalleryWrap p span {
    font-size: 13px;
    margin-bottom: 15px;
}
img.awardimg {
    width: auto;
    height: 233px;
    border-radius: 20px;
}
.GalleryWrap .viewAll {
    padding: 30px 0 0;
}
.studentwrapp {
    padding: 60px 0;
}
.studentwrapp h2 {
    font-size: 22px;
}
.studentwrapp p {
    font-size: 13px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 10px;
}
.studentwrapp .slick-slide img {
    border-radius: 20px;
    width: 100%;
}
.BirthdayBx .StudentLeft {
    width: 65%;
}
.studentwrapp h4 {
    font-size: 13px;
    margin: 12px 0 9px;
}
.studentwrapp h5 {
    font-size: 16px;
    margin-bottom: 15px;
}
.studentwrapp .slick-next.slick-arrow {
    right: 10px;
    top: 30%;
}
.studentwrapp .slick-prev.slick-arrow {
    left: 10px;
    top: 30%;
}
.studentwrapp .view-btn {
    padding: 12px 20px 11px;
    font-size: 16px;
}
.BirthdayBx {
    padding-left: 60px;
}
.BirthdayBx:before {
    height: 490px;
    left: 34px;
}

.DownloadApp {
    padding: 60px 0 110px;
}
.downloadIndent h2 {
    font-size: 30px;
    margin-bottom: 30px;
}
.DownloadApp .foot-logo {
    bottom: -180px;
}
.FooterTour li span {
    font-size: 16px;
}
.footerIndent {
    width: 96%;
}
.Downloadbx {
    margin: 20px 0 20px;
}


}
@media screen and (max-width:767px) {
.d-hide{ display:block !important;}
.m-hide{ display:none !important;}

.TopMenu {
    display: none;
}
.TopRight {
    width: 100%;
    max-width: 150px;
}
.socialTop {
    padding: 10px 0;
}

div.ruby-wrapper > ul {
    position: relative;
    margin: 90px 0 0;
}
ul.ruby-menu > li {
    display: block;
    font-size: 14px;
	text-align:left;
	padding:0;
}
.TopRight {
    width: 100%;
    max-width: 120px;
    margin-right: 70px;
    margin-top: 29px;
}
.heroarea {
    margin-bottom: 5px;
}
.heroarea h1 {
    font-size: 50px;
    line-height: 45px;
    margin-bottom: 15px;
    padding: 20px 0 0;
}
.NoticeBoard {
    padding-bottom: 780px;
}
.NoticeLeft {
    width: 100%;
    padding: 10px 0 0;
    text-align: center;
}
.NoticeRight {
    width: 100%;
}
.NoticeRight .slick-slider {
    width: 100%;
}
.NoticeRight .line {
    display: none;
}
.NoticeRight .noticeBx {
    padding: 17px 34px 12px 60px;
}
.NoticeRight .noticeBx:before {
    left: 20px;
    top: 20px;
    width: 30px;
    height: 40px;
    background-size: 100%;
}
.NoticeRight .noticeBx:after {
    right: 14px;
    top: 35px;
}
.NoticeRight .slick-next.slick-arrow {
    left: 30px;
    top: -39px;
}
.NoticeRight .slick-prev.slick-arrow {
    left: 0;
    top: -39px;
}




.patron-saint img {
    width: 112px;
}

.patron-saint {
    bottom: 40px;
    width: 200px;
    padding: 6px 0 24px 90px;
}
.patron-saint h5 {
    font-size: 11px;
    margin-bottom: 3px;
    line-height: 17px;
}
.patron-saint h6 {
    font-size: 16px;
    margin-bottom: 5px;
    line-height: 20px;
}
.OurFounder h6 {
    font-size: 18px;
    margin-bottom: 1px;
    line-height: 20px;
}



.OurFounder img {
    width: 80px;
}
.OurFounder {
    width: 220px;
    padding: 0px 90px 6px 0;
}
.SchoolIndent {
    margin-bottom: 30px;
    padding: 20px 0 20px;
}
.SchoolIndent li img {
    height: 45px;
    margin-bottom: 15px;
}
.SchoolIndent li {
    float: left;
    width: 50%;
    padding: 0 10px 15px;
}
.SchoolIndent li img {
    height: 45px;
    margin-bottom: 12px;
}
.MessageBx .Messageleft {
    width: 100%;
    padding: 15px;
}
.MessageBx .Messageright {
    width: 100%;
}
.MessageBx .viewAll a {
    padding: 14px 22px;
    font-size: 17px;
    font-weight: 600;
}

.GalleryWrap {
    padding:0;
}
.GalleryWrap h2 {
    font-size: 25px;
    margin: 50px 0 10px;
}
.GalleryWrap .viewAll {
    padding: 20px 0 25px;
}
.GalleryWrap .viewAll a {
    padding: 12px 25px;
    font-size: 16px;
}
.studentwrapp {
    padding: 40px 0;
}
.BirthdayBx {
    padding-left: 0;
	padding-top:70px
}
.BirthdayBx:before { display:none;}
.BirthdayBx .StudentLeft {
    width: 55%;
}
.DownloadApp {
    padding: 40px 0 110px;
}
.downloadIndent h2 {
    font-size: 25px;
    margin-bottom: 30px;
}
.downloadIndent .slick-slide {
    padding: 5px 0 15px 100px;
    font-size: 14px;
    line-height: 25px;
    font-weight: 400;
}
.downloadIndent .slick-slide span {
    width: 60px;
}
.downloadIndent .slick-slide span img{ width:60px;}

.downloadIndent .slick-slide i {
    height: 117px;
    left: 80px;
    top: 10px;
}
.enterCode {
    width: 100%;
    margin: 70px auto 0;
}
.Applogo {
    padding: 30px 0;
}
.FooterAbout h2 {
    font-size: 20px;
    line-height: 18px;
    margin-bottom: 4px;
}
.FooterAbout p {
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
}
.FooterAbout h3 {
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 10px;
}
footer:after {
    width: 230px;
    height: 230px;
    right: -30px;
    top: -140px;
}
footer:before {
    width: 150px;
    height: 150px;
    left: -80px;
    top: -70px;
}
.FooterTour {
    padding: 15px 0 10px;
}
.FooterTour li center{ text-align:left;}
.FooterTour li center img{ width:auto; height:58px;}
.FooterTour li {
    width: 48%;
    margin: 0 0 25px;
}
.FooterTour li span {
    font-size: 16px;
    text-align: left;
	margin:8px 0 0;
}

.footerIndent li{ width:50%; float:left}
.AddressVIew p {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 10px;
}
.LocationFoot {
    margin-top: 20px;
    height: 100px;
}
.copyright {
    font-size: 9px;
    line-height: 18px;
}

}