/* banner Content */
.banner-bg {width: 100%; transition: transform 1.5s ease, opacity .5s ease-out; height: 100%; position: relative;}
.banner-bg .carousel-item{z-index: 1; position: relative; overflow: hidden;}
.bnr-img-box{z-index: 1; position: relative; overflow: hidden; width: 100%; height: 910px;}
.bnr-img-box::before{position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 0;}
.bnr-img-box span:nth-child(1){width: 100%; height: 100%; display: flex; justify-content: flex-end;}
.bnr-img-box span:nth-child(1) video{width: auto; height: 100%; margin: 0;}
.bnr-img-box span:nth-child(2){width: 1044px; height: 918px; display: flex; position: absolute; top: 0; left: -50px; z-index: 5; -webkit-animation-name: slideInLeft; animation-name: slideInLeft; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.bnr-img-box span:nth-child(2) img{width: 100%; height: 100%; margin: 0 auto; object-fit: contain;}
.bnr-img-box span:nth-child(3){width: 881px; height: 436px; display: flex; position: absolute; top: 0; left: 100px; z-index: 4; -webkit-animation-name: slideInLeft; animation-name: slideInLeft; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-delay: 1s;}
.bnr-img-box span:nth-child(3) img{width: 100%; height: 100%; margin: 0 auto; object-fit: contain;}
.bnr-img-box span:nth-child(4){width: 983px; height: 640px; display: flex; position: absolute; top: 0; left: -50px; z-index: 3; -webkit-animation-name: slideInLeft; animation-name: slideInLeft; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-delay: 0.8s;}
.bnr-img-box span:nth-child(4) img{width: 100%; height: 100%; margin: 0 auto; object-fit: contain;}
.bnr-img-box span:nth-child(5){width: 1052px; height: 909px; display: flex; position: absolute; top: 0; left: -30px; z-index: 2; -webkit-animation-name: slideInLeft; animation-name: slideInLeft; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-delay: 0.5s;}
.bnr-img-box span:nth-child(5) img{width: 100%; height: 100%; margin: 0 auto; object-fit: contain;}
.bnr-img-box span:nth-child(6){width: 260px; height: 280px; display: flex; position: absolute; top: 150px; left: 600px; z-index: 1; -webkit-animation-name: slideInLeft; animation-name: slideInLeft; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-delay: 0.2s;}
.bnr-img-box span:nth-child(6) img{width: 100%; height: 100%; margin: 0 auto; object-fit: contain;}

.banner-bg .carousel-caption{left: 15%; bottom: 36%; z-index: 1;}
.banner-bg .carousel-caption h2{width: 100%; font-size: 72px; font-weight: 700; color: #fff; text-align: left; line-height: 74px; font-family: 'Poppins', sans-serif;}
.banner-bg .carousel-caption .bnr-txt{width: 80%; -webkit-animation-name: slideInRight; animation-name: slideInRight; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: relative;}
.carousel-control-next, .carousel-control-prev{width: 46px; height: 46px; bottom:4%; top: auto; font-size: 28px; z-index: 10; color: rgba(255, 255, 255, 1); border: 1px solid #fff; opacity: 1; border-radius: 50%; transition: 0.4s;}
.carousel-control-next:hover{background-color: rgba(255, 255, 255, 0.4); transition: 0.4s;} 
.carousel-control-prev:hover{background-color: rgba(255, 255, 255, 0.4); transition: 0.4s;}
.carousel-control-prev{left: auto; right: 20%;}
.carousel-control-next{right: 25%; bottom:4%;}
.carousel-inner{overflow: unset; overflow: hidden;}
.bnr-sml-prt{position: absolute; content: ''; z-index: 1; width: 100%; bottom: 0; left: 0;}
.bnr-sml-prt .bnr-sml-box{width: 60%; display: flex; align-items: flex-end; position: relative; z-index: 1;}
.bnr-sml-prt .bnr-sml-box::before{position: absolute; content: ''; width: 225px; height: 225px; left: 50px; top: -30px; background: url(../images/bnr-btm-img3.png) no-repeat; background-size: contain; z-index: -1; -webkit-animation-name: slideInDown; animation-name: slideInDown; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-delay: 0.5s;}
.bnr-sml-prt .bnr-sml-box .bnr-sml-lft{width: 50%; margin-bottom: -14px; z-index: 1; margin-left: -50px; -webkit-animation-name: slideInUp; animation-name: slideInUp; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-delay: 0.3s;}
.bnr-sml-prt .bnr-sml-box .bnr-sml-lft span{display: flex; width: 400px; height: 324px;}
.bnr-sml-prt .bnr-sml-box .bnr-sml-lft span img{object-fit: contain; width: 100%; height: 100%;}
.bnr-sml-prt .bnr-sml-box .bnr-sml-rht{width: 50%; display: flex; flex-wrap: wrap; align-items: flex-end; padding-bottom: 30px; z-index: 1; -webkit-animation-name: slideInUp; animation-name: slideInUp; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-delay: 0.3s;}
.bnr-sml-prt .bnr-sml-box .bnr-sml-rht b{display: flex; width: 100%; font-size: 36px; color: #fff; font-weight: 900; letter-spacing:3px; line-height: 34px; font-family: 'Poppins', sans-serif;}
.bnr-sml-prt .bnr-sml-box .bnr-sml-rht small{display: flex; width: 100%; font-size: 60px; color: #fff; font-weight: 200; line-height: 50px; font-family: 'Poppins', sans-serif;}
.bnr-sml-bg{position: absolute; content: ''; width: 100%; height: 100%; left: 40px; right: 0; bottom: -15px; margin: 0 auto; z-index: 0;}
.bnr-sml-bg span{width: 666px; height: 320px; display: flex;}
.bnr-sml-bg span img{object-fit: contain; width: 100%; height: 100%;}


/* Home page welcome part */
.hom-wel-bg{width: 100%; position: relative;}
.hom-wel-bg::before{position: absolute; content: ''; left: 0; top: 0; background: url(../images/wel-lft-bg.jpg) no-repeat; background-size: cover; width: 50%; height: 100%; background-position: bottom;}
.hom-wel-bg::after{position: absolute; content: ''; right: 0; top: 0; background:#737277; width: 50.1%; height: 100%;}
.hom-wel-main{ display: flex; width: 100%; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; position: relative;}
.hom-wel-lft{ width: 50%; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; padding: 50px 65px 300px 50px;}
.hom-wel-lft h1{ font-size: 60px; font-weight: 900; position: relative; margin-bottom: 35px; color: #d9261c; width: 100%; line-height: 56px;}
.hom-wel-lft h6{ font-size: 30px; font-weight: 200; color: #444444; margin-bottom: 0px;}
.hom-wel-lft p{ font-size: 20px; color: #444444; line-height: 26px; margin-bottom: 0px; text-align: justify; font-weight: 300;}
.hom-wel-rht{ width: 50%; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; position: relative; z-index: 1; padding: 50px 0px 75px 50px;}
.hom-wel-rht h4{width: 100%; color: #fff; font-size: 48px; font-weight: 100; position: relative; margin-bottom: 50px;}
.hom-wel-rht h4::before{position: absolute; content: ''; width: 30%; height: 2px; right: 15%; top: 35px; background-color: #fbdf3c;}
.hom-wel-rht .hom-all-vdo{width: 100%;}
.hom-wel-rht .all-vdo-btn{width: 50%; display: flex; justify-content: flex-start; position: absolute; left: 50px; bottom: 85px; z-index: 1;}
.hom-wel-rht .all-vdo-btn a{font-size: 24px; font-weight: 200; color: #fff; transition: 0.4s;}
.hom-wel-rht .all-vdo-btn a:hover{transition: 0.4s; color: #85d1ff;}
.hom-all-vdo .owl-nav{display: flex !important; justify-content: flex-end !important;}
.hom-all-vdo .owl-nav ion-icon{font-size: 24px; color: #fff;}
.hom-all-vdo .owl-nav .owl-prev{margin-right: 20px; background-color: rgba(255,255,255,0) !important; border: 1px solid rgba(255,255,255,0.5) !important; width: 56px; height: 56px; display: flex; justify-content: center; align-items: center; border-radius: 50%; transition: 0.4s;}
.hom-all-vdo .owl-nav .owl-prev:hover{transition: 0.4s; background-color: rgba(255,255,255,0.1) !important;}
.hom-all-vdo .owl-nav .owl-next{background-color: rgba(255,255,255,0) !important; border: 1px solid rgba(255,255,255,0.5) !important; width: 56px; height: 56px; display: flex; justify-content: center; align-items: center; border-radius: 50%; transition: 0.4s;}
.hom-all-vdo .owl-nav .owl-next:hover{transition: 0.4s; background-color: rgba(255,255,255,0.1) !important;}
.vdo-cnt{width: 100%;}
.vdo-cnt .vdo-box{width: 100%; display: flex; margin-bottom: 50px; position: relative;}
.vdo-cnt .vdo-box a{width: 100%; display: flex; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0); transition: 0.4s;}
.vdo-cnt .vdo-box a small{position: absolute; content: ''; left: 0; right: 0; margin: 0 auto; padding: 5px 15px; background-color: #d9261c; width: 50px; height: 40px; display: flex; justify-content: center; align-items: center; border-radius: 10px; top: 40%; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); transition: 0.4s;}
.vdo-cnt .vdo-box a small ion-icon{color: #fff; font-size: 30px;}
.vdo-cnt .vdo-box a:hover{box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5); transition: 0.4s;}
.vdo-cnt .vdo-box a:hover small{box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.95); transition: 0.4s; width: 60px; height: 50px;}
.vdo-cnt .vdo-box a:hover small ion-icon{font-size: 42px;}

/* Home PSLE Part */
.hom-psle-bg{width: 50%; background: url(../images/wel-lft-bg-2.jpg) no-repeat; background-size: cover; background-position: right; margin-top: -200px; z-index: 1; position: relative;}
.hom-psle-prt{width: 75%; padding: 100px 20px 100px 160px; margin: 0 auto;}
.hom-psle-prt p{font-size: 72px; color: #fff; font-weight: 200; line-height: 70px; margin-bottom: 0;}
.hom-psle-prt p b{font-weight: 900; margin-right: 20px;}

/* Home maths video part */
.hom-mth-bg{width: 100%; background: url(../images/hom-vide-mth-bg.jpg) no-repeat; background-size: cover; margin-top: -210px;}
.hom-mth-prt{width: 100%; display: flex; flex-wrap: wrap;}
.hom-mth-prt .hom-mth-tit{width: 100%; display: flex; flex-wrap: wrap; padding: 150px 0px 50px;}
.hom-mth-prt .hom-mth-tit h6{font-size: 140px; font-weight: 900; color: #999999; width: 100%; font-family: 'Poppins', sans-serif; text-transform: uppercase; line-height: 100px; margin-bottom: 0; text-align: right;}
.hom-mth-prt .hom-mth-tit small{width: 39%; display: flex; font-size: 48px; text-transform: uppercase; font-weight: 200; line-height: 40px; color: #2e8fcc; letter-spacing: 20px; justify-content: flex-start; margin: 0 0 0 auto;}
.hom-mth-vdo{width: 85%; overflow: hidden; background: #222222; background-size: contain; padding: 20px; border-radius: 25px; margin: 0px auto 80px; box-shadow: 0px 40px 80px rgba(0, 0, 0, 0.6); transition: 0.4s;}
.hom-mth-vdo:hover{box-shadow: 0px 40px 80px rgba(0, 0, 0, 0.8); transition: 0.4s;}
.hom-mth-vdo .hom-mth-frm{display: flex; justify-content: center; position: relative; overflow: hidden; cursor: pointer; width: 100%;}
.hom-mth-vdo .hom-mth-frm iframe{width: 100%; height: 580px;}
.hom-mth-vdo .hom-mth-frm .playpause{width: 100%; height: 100%; position: absolute; left: 0px; right: 0px; top: 0px; background-position: center; margin: 0 auto; display: flex; align-items: center; justify-content: center;}
.hom-mth-vdo .hom-mth-frm .playpause::before{color: #db1313; font-family: "Font Awesome 5 Free" !important; font-weight: 600 !important; content: "\f144" !important; transform-origin: center; animation: 1.6s playShdw ease-out infinite; transition: 0.4s; border-radius: 50px; font-size: 60px; z-index: 1; width: 50px; height: 50px; display: flex; align-items: center; background-color: #fff; justify-content: center;}
.hom-mth-vdo .hom-mth-frm .playpause::after{width: 100%; height: 100%; content: ""; background: url(../images/hom-mth-vid-bg.jpg) center no-repeat; background-size: auto; top: 0; left: 0; position: absolute; background-size: cover;}
@keyframes playShdw { 
	0% { box-shadow: 0 0 0 0px rgba(237, 28, 36, 0.3), 0 0 0 0px rgba(237, 28, 36, 0.2); transform: scale(1); } 
	18% { box-shadow: 0 0 0 0px rgba(237, 28, 36, 0.3), 0 0 0 0px rgba(237, 28, 36, 0.2); } 
	35% { transform: scale(1.08); } 
	76% { transform: scale(0.96); } 
	100% { box-shadow: 0 0 0 50px rgba(237, 28, 36, 0), 0 0 0 27px rgba(237, 28, 36, 0); transform: scale(1); } 
}
.mth-all-vdo {width: 100%;}
.mth-all-vdo .owl-nav{display: none !important; justify-content: flex-end !important;}
.mth-vdo-btn{width: 100%; text-align: center; padding: 20px 0px 70px;}
.mth-vdo-btn a{background-color: #85c226; padding: 10px 60px; border-radius: 30px; color: #fff; text-transform: uppercase; font-size: 24px; font-weight: 200; border: 1px solid #85c226; transition: 0.4s;}
.mth-vdo-btn a:hover{background-color: transparent; color: #444; transition: 0.4s; border: 1px solid #444;}
.mth-all-vdo .vdo-cnt .vdo-box a{box-shadow: 0px 25px 25px rgba(0, 0, 0, 0.3); transition: 0.4s;}
.mth-all-vdo .vdo-cnt .vdo-box a:hover{transition: 0.4s; box-shadow: 0px 25px 25px rgba(0, 0, 0, 0.7);}

/* Home science video part */
.hom-sci-bg{width: 100%; background: url(../images/hom-vide-sci-bg.jpg) no-repeat; background-size: cover; background-position: center;}
.hom-sci-prt{width: 100%; display: flex; flex-wrap: wrap;}
.hom-sci-prt .hom-sci-tit{width: 100%; display: flex; flex-wrap: wrap; padding: 150px 0px 50px;}
.hom-sci-prt .hom-sci-tit h6{font-size: 140px; font-weight: 900; color: #fff; width: 100%; font-family: 'Poppins', sans-serif; text-transform: uppercase; line-height: 100px; margin-bottom: 20px; text-align: center;}
.hom-sci-prt .hom-sci-tit small{width: 100%; display: flex; font-size: 48px; text-transform: uppercase; font-weight: 200; line-height: 40px; color: #f09e52; letter-spacing: 20px; justify-content: center; margin: 0 0 0 auto;}
.hom-sci-vdo{width: 85%; overflow: hidden; background: #222222; background-size: contain; padding: 20px; border-radius: 25px; margin: 0px auto 80px; box-shadow: 0px 40px 80px rgba(0, 0, 0, 0.6); transition: 0.4s;}
.hom-sci-vdo:hover{box-shadow: 0px 40px 80px rgba(0, 0, 0, 0.8); transition: 0.4s;}
.hom-sci-vdo .hom-sci-frm{display: flex; justify-content: center; position: relative; overflow: hidden; cursor: pointer; width: 100%;}
.hom-sci-vdo .hom-sci-frm iframe{width: 100%; height: 580px;}
.hom-sci-vdo .hom-sci-frm .playpause{width: 100%; height: 100%; position: absolute; left: 0px; right: 0px; top: 0px; background-position: center; margin: 0 auto; display: flex; align-items: center; justify-content: center;}
.hom-sci-vdo .hom-sci-frm .playpause::before{color: #db1313; font-family: "Font Awesome 5 Free" !important; font-weight: 600 !important; content: "\f144" !important; transform-origin: center; animation: 1.6s playShdw ease-out infinite; transition: 0.4s; border-radius: 50px; font-size: 60px; z-index: 1; width: 50px; height: 50px; display: flex; align-items: center; background-color: #fff; justify-content: center;}
.hom-sci-vdo .hom-sci-frm .playpause::after{width: 100%; height: 100%; content: ""; background: url(../images/hom-sci-vid-bg.jpg) center no-repeat; background-size: auto; top: 0; left: 0; position: absolute; background-size: cover;}
@keyframes playShdw { 
	0% { box-shadow: 0 0 0 0px rgba(237, 28, 36, 0.3), 0 0 0 0px rgba(237, 28, 36, 0.2); transform: scale(1); } 
	18% { box-shadow: 0 0 0 0px rgba(237, 28, 36, 0.3), 0 0 0 0px rgba(237, 28, 36, 0.2); } 
	35% { transform: scale(1.08); } 
	76% { transform: scale(0.96); } 
	100% { box-shadow: 0 0 0 50px rgba(237, 28, 36, 0), 0 0 0 27px rgba(237, 28, 36, 0); transform: scale(1); } 
}
.sci-all-vdo {width: 100%;}
.sci-all-vdo .owl-nav{display: none !important; justify-content: flex-end !important;}
.sci-vdo-btn{width: 100%; text-align: center; padding: 20px 0px 70px;}
.sci-vdo-btn a{background-color: #2e8fcc; padding: 10px 60px; border-radius: 30px; color: #fff; text-transform: uppercase; font-size: 24px; font-weight: 200; border: 1px solid #2e8fcc; transition: 0.4s;}
.sci-vdo-btn a:hover{background-color: transparent; color: #fff; transition: 0.4s; border: 1px solid #fff;}
.sci-all-vdo .vdo-cnt .vdo-box a{box-shadow: 0px 25px 25px rgba(0, 0, 0, 0.3); transition: 0.4s;}
.sci-all-vdo .vdo-cnt .vdo-box a:hover{transition: 0.4s; box-shadow: 0px 25px 25px rgba(0, 0, 0, 0.7);}


/* Home News */



/* Home Join Member */



/* Extra large devices (large desktops, 1368px and up) */
@media (max-width: 1366px) {
.banner-bg .carousel-caption{left: 11%;}
.bnr-img-box span:nth-child(1) { width: 100%; height: 100%; display: flex; justify-content: unset;}
.bnr-img-box span:nth-child(1) video{width: auto; height: 100%; margin: 0 auto;}
.bnr-img-box span:nth-child(2){left: -325px;}
.bnr-img-box span:nth-child(3){left: -125px;}
.bnr-img-box span:nth-child(4){left: -300px;}
.bnr-img-box span:nth-child(5){left: -320px;}
.bnr-img-box span:nth-child(6){left: 350px;}
.banner-bg .carousel-caption .bnr-txt{width: 100%;}
.bnr-sml-bg{left: 0px; bottom: 0;}
.bnr-sml-prt .bnr-sml-box .bnr-sml-lft{margin-left: -60px; animation-delay: 1s;}
.bnr-sml-prt .bnr-sml-box::before{animation-delay: 2s;}
.hom-mth-prt .hom-mth-tit small{width: 41%;}
.hom-psle-prt{padding: 100px 0px;}


}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1200px) {
.banner-bg .carousel-caption h2{font-size: 52px; line-height: 56px;}
.nav-rht .navbar-collapse .navbar-nav li:last-child{margin-left: 10px;}
.bnr-sml-prt .bnr-sml-box{width: 75%;}
.bnr-img-box{height: 750px;}
.bnr-sml-prt .bnr-sml-box .bnr-sml-lft{width: 45%;}
.banner-bg .carousel-caption{bottom: 40%;}
.bnr-img-box span:nth-child(2){left: -325px; height: 800px;}
.bnr-img-box span:nth-child(3){left: -170px; height: 300px;}
.bnr-img-box span:nth-child(4){left: -400px; height: 560px;}
.bnr-img-box span:nth-child(5){left: -320px; height: 800px;}
.bnr-img-box span:nth-child(6){left: 280px; }
.hom-wel-lft{padding: 50px 50px 250px 0px;}
.hom-wel-lft h1{font-size: 52px;}
.hom-psle-bg{margin-top: -100px;}
.hom-psle-prt{width: 90%; padding: 50px 0px;}
.hom-psle-prt p{font-size: 46px; line-height: 50px;}
.hom-mth-bg{margin-top: -150px;}
.hom-mth-prt .hom-mth-tit small{width: 100%; justify-content: flex-end;}
.hom-mth-prt .hom-mth-tit h6{font-size: 120px;}
.hom-wel-rht h4::before{right: 0;}
.hom-wel-bg::after {width: 50%;}
.bnr-sml-prt .bnr-sml-box .bnr-sml-lft{margin-left: 0;}
.bnr-sml-bg span{width: 100%; height: 100%;}
.bnr-sml-prt .bnr-sml-box .bnr-sml-lft span{width: 100%; height: 100%;}
.hom-mth-vdo .hom-mth-frm iframe{height: 500px;}
.hom-sci-vdo .hom-sci-frm iframe{height: 500px;}
}

/* iPads (portrait and landscape)  @media only screen and (min-device-width : 970px) and (max-device-width : 1024px) */
@media (max-width: 1024px) {
.banner-bg .carousel-caption { bottom: 35%; }
.hom-mth-vdo .hom-mth-frm iframe{height: 450px;}
.hom-sci-vdo .hom-sci-frm iframe{height: 450px;}
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 992px) {
.banner-bg .carousel-caption { width: 90%; left: 5%; bottom: 34%;}
.banner-bg .carousel-caption .max-cntr{padding: 0px 0px 0px 45px;}
.bnr-img-box{height: 650px;}
.bnr-img-box span:nth-child(2){height: 700px;}
.bnr-img-box span:nth-child(3){left: -200px;}
.bnr-img-box span:nth-child(4){left: -450px;}
.bnr-img-box span:nth-child(5){height: 700px;}
.bnr-img-box span:nth-child(6) { left: 250px; top: 250px;}
.bnr-sml-prt .bnr-sml-box .bnr-sml-rht small{font-size: 46px; line-height: 42px;}
.bnr-sml-prt .bnr-sml-box{width: 85%;}
.hom-wel-main{flex-wrap: wrap;}
.hom-wel-lft{width: 100%; padding: 50px 50px 50px 50px; background-color: rgba(255,255,255,0.6); margin: 50px 0px 0px;}
.hom-wel-rht{width: 100%; padding: 50px 0px 50px 0px;}
.hom-wel-bg::before{width: 100%; height: 100%; z-index: 0;}
.hom-wel-bg::after{display: none;}
.hom-psle-bg { margin-top: 0; width: 100%;}
.hom-wel-rht .all-vdo-btn{left: 0; bottom: 60px;}
.hom-mth-bg { margin-top: 0; }
.hom-mth-prt .hom-mth-tit{padding: 50px 0px 50px;}
.hom-mth-prt .hom-mth-tit h6{text-align: center;}
.hom-mth-prt .hom-mth-tit small{justify-content: center;}
.hom-sci-prt .hom-sci-tit h6{font-size: 120px;}
.hom-wel-lft h1{text-align: center; margin-bottom: 20px;}
.hom-wel-lft h6{width: 100%; text-align: center;}
.hom-wel-rht h4::before{width: 50%;}
.hom-psle-prt p{text-align: center;}
.hom-sci-prt .hom-sci-tit{padding: 60px 0px 50px;}
.vdo-cnt .vdo-box a:hover small{width: 55px; height: 45px;}
.hom-wel-rht h4 {color: #5d5c5c;}
.hom-wel-rht .all-vdo-btn a{color: rgba(0, 0, 0, 0.8);}
.hom-all-vdo .owl-nav .owl-prev{border: 1px solid rgba(123, 123, 123, 0.5) !important;}
.hom-all-vdo .owl-nav .owl-next{border: 1px solid rgba(123, 123, 123, 0.5) !important;}
.hom-all-vdo .owl-nav ion-icon{color: rgba(0, 0, 0, 0.4);}
.hom-all-vdo .owl-nav .owl-prev:hover{border: 1px solid rgba(123, 123, 123, 0.8) !important;}
.hom-all-vdo .owl-nav .owl-prev:hover ion-icon{color: rgba(0, 0, 0, 0.6);}
.hom-all-vdo .owl-nav .owl-next:hover{border: 1px solid rgba(123, 123, 123, 0.8) !important;}
.hom-all-vdo .owl-nav .owl-next:hover ion-icon{color: rgba(0, 0, 0, 0.6);}
.hom-mth-vdo .hom-mth-frm iframe{height: 400px;}
.hom-sci-vdo .hom-sci-frm iframe{height: 400px;}
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 768px) {
.bnr-img-box span:nth-child(2) { height: 650px; left: -360px;}
.bnr-img-box span:nth-child(5) { height: 650px; left: -360px;}
.bnr-img-box span:nth-child(3) { left: -350px; }
.bnr-img-box span:nth-child(4) { left: -550px; top: -70px;}
.banner-bg .carousel-caption .max-cntr { padding: 0px 0px 0px 25px; }
.banner-bg .carousel-caption h2 { font-size: 42px; line-height: 46px; }
.bnr-img-box{height: 550px;}
.bnr-sml-prt .bnr-sml-box .bnr-sml-rht{margin-bottom: 10px;}
.bnr-sml-prt .bnr-sml-box .bnr-sml-rht b{font-size: 30px;}
.bnr-sml-prt .bnr-sml-box { width: 100%; }
.bnr-sml-prt .bnr-sml-box .bnr-sml-rht small { font-size: 32px; line-height: 30px; }
.bnr-img-box span:nth-child(6){top: 200px;}
.vdo-cnt .vdo-box a small{width: 40px; height: 30px;}
.vdo-cnt .vdo-box a:hover small { width: 45px; height: 35px; }
.hom-wel-rht h4::before { width: 40%; }
.hom-mth-vdo{width: 100%;}
.hom-sci-vdo{width: 100%;}
.hom-mth-vdo .hom-mth-frm iframe{height: 350px;}
.hom-sci-vdo .hom-sci-frm iframe{height: 350px;}
}

@media (max-width: 658px) {
	
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 576px) {
.banner-bg .carousel-caption { bottom: 30%; padding-top: 0; }
.bnr-sml-prt .max-cntr{padding: 0px 25px;}
.bnr-sml-prt .bnr-sml-box .bnr-sml-rht{padding-bottom: 0px;}
.hom-wel-lft h1 { font-size: 40px; line-height: 40px;}
.banner-bg .carousel-caption h2 { font-size: 36px; line-height: 40px; }
.bnr-img-box span:nth-child(2){left: -420px; height: 500px;}
.bnr-img-box span:nth-child(5){left: -420px; height: 500px;}
.hom-wel-rht h4::before { width: 30%; }
.hom-mth-prt .hom-mth-tit h6 { font-size: 90px; margin-bottom: 10px;}
.hom-sci-prt .hom-sci-tit h6 { font-size: 90px; }
.bnr-img-box { height: 500px; }
.banner-bg .carousel-caption .max-cntr { padding: 0px 0px 0px 10px; }
.hom-mth-vdo .hom-mth-frm iframe{height: 300px;}
.hom-sci-vdo .hom-sci-frm iframe{height: 300px;}

}


/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 480px) {
.banner-bg .carousel-caption h2 { font-size: 32px; line-height: 36px; }
.bnr-sml-prt .bnr-sml-box .bnr-sml-rht b { font-size: 24px; }
.bnr-sml-prt .bnr-sml-box .bnr-sml-rht small { font-size: 24px; line-height: 24px; }
.bnr-img-box span:nth-child(2){left: -450px;}
.bnr-img-box span:nth-child(5){left: -450px;}
.hom-wel-lft{padding: 30px;}
.hom-wel-lft p{font-size: 18px; line-height: 22px;}
.hom-wel-rht h4{font-size: 36px; text-align: center;}
.hom-wel-rht h4::before {top: 50px; margin: 0 auto; left: 0;}
.hom-wel-lft h6{font-size: 26px;}
.hom-wel-lft h1 { font-size: 32px; line-height: 36px; }
.hom-mth-prt .hom-mth-tit h6{font-size: 75px; line-height: 80px;}
.hom-mth-prt .hom-mth-tit small{font-size: 40px;}
.mth-vdo-btn a{font-size: 18px;}
.hom-sci-prt .hom-sci-tit h6{font-size: 70px; line-height: 80px;}
.hom-sci-prt .hom-sci-tit small{font-size: 40px;}
.sci-vdo-btn a{font-size: 18px;}
}



@media (max-width: 380px) {


}