@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,700;0,900;1,400&display=swap');
html{font-size: 18px;}
html[lang=en-GB]{font-size: 16px; }
html[lang=en-GB] body{font-family: 'Nunito', Helvetica,Arial,"Microsoft JhengHei","微軟正黑體","Microsoft YaHei","微软雅黑体",PMingLiU,"新細明體",'宋体',simsun, sans-serif;}
body{background-color: #9cdef7;}

h1, .h1, h2, .h2, h3, .h3{color:#88b61f; font-weight: bold;}
h2, .h2{margin: 0.5em 0 1.5em; font-size: 1.8rem}
h3, .h3{font-size: 1.5rem;}
h4, .h4{color:#008ed1; font-weight: bold;}

html[lang=en-GB] h1, html[lang=en-GB] h2, html[lang=en-GB] h3, html[lang=en-GB] h4, html[lang=en-GB] h5, html[lang=en-GB] h6{ font-family: 'Nunito', Helvetica,Arial,"Microsoft JhengHei","微軟正黑體","Microsoft YaHei","微软雅黑体",PMingLiU,"新細明體",'宋体',simsun, sans-serif; font-weight: 900}

.table{width: auto; margin: 0 auto 1rem;}
.table th, .table td{padding: inherit;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{ border-top: none; }

.ani-wrapper{visibility: hidden;}
.ani-wrapper.ani-started{visibility: visible;}
a.ani-obj, span.ani-obj{ display: inline-block; position: relative;}

.main-content ol.circle>li::before{background-color: #88b61f}

.owl-nav{max-width: 1170px; margin: auto}

.btn{white-space: normal;}
.btn-primary{ background-color: #ffaa1e; border-color: #ffaa1e;}
.btn-primary:active, .btn-primary.active, .btn-primary:active:focus, .btn-primary:focus, .btn-primary:hover{background-color: #ff7f17; border-color:#ff7f17}
.btn-huge{font-size: 1.333rem; padding: 0.8em 1.25em; border-radius: 8px; font-weight: bold;}

.main-content ul>li::before, .main-content ul[type=disc]>li::before, sections ul[type=circle]>li::before, .main-content ul.dot>li::before{background-color: #88b61f}
.main-content img{max-width: 100%; height: auto !important}

#page-wrapper{padding-top: 240px;}
#page-header{ height: 340px; background-image: url(../images/background/header_bg.png); background-position: top center; background-repeat: no-repeat;  position: absolute; top:0; right:0; left:0; margin: auto;}

.header-hoz .header-title{width: 45%; max-width: 45%; order:1; margin: 0;}
.header-hoz .header-extra{width: 55%; max-width: 55%; order:2; position: relative;}
.header-hoz .header-menu{width: 100%; max-width: 100%; order:3}
#mobile-menu{background-color: #008ed1;}
#mobile-menu.open{background-color: #7498a9;}
#top-menu{height: auto;}
.navbar{-ms-flex-wrap: nowrap; flex-wrap: nowrap;}
.showsub{display:none;}
.navbar a{text-align: center;}
.navbar>li a>img{max-width: 118px;}
.navbar>li a:active>img, .navbar>li a:active:focus>img, .navbar>li a:focus>img, .navbar>li a:hover>img{
-ms-transform: scale(1.05); 	/* IE 9 */
-moz-transform: scale(1.05) ; 	/* Firefox */
-webkit-transform: scale(1.05); /* Safari 和 Chrome */
-o-transform: scale(1.05); 	/* Opera */
	transform: scale(1.05);
}
.navbar>li .sub-nav{
-webkit-box-shadow: 0px 0px 8px 0px rgba(0,142,209,0.7);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,142,209,0.7);
box-shadow: 0px 0px 8px 0px rgba(0,142,209,0.7);
}
.sub-nav{border-radius: 12px;}
.sub-nav>li:first-child{border-radius: 12px 12px 0 0; overflow: hidden;}
.sub-nav>li:last-child{border-radius: 0 0 12px 12px; overflow: hidden;}
.navbar>li .sub-nav>li>a:hover{background-color: #008ed1; color:#FFF;}

.navbar>li:hover .sub-nav::before, .navbar>li:hover .sub-nav::after, .sub-nav.open::before,.sub-nav.open::after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -8px;
    z-index: 1;
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 8px 10px;
    border-color: transparent transparent #ffffff transparent;
}

.navbar>li:hover .sub-nav::before, .sub-nav.open::before{ z-index: 0; 
	border-width: 0 11px 9px 11px; top:-9px;
 border-color: transparent transparent #abdaf0 transparent;}

html[lang=en-GB] .navbar>li .sub-nav>li>a{font-size: 0.875rem}
html[lang=en-GB] .navbar>li a>img{max-width: 100%; max-height: 124px}

.lang-switchs-pc{ position: absolute; top:18px; right:15px;}
.lang-switch{ width: 36px; height: 36px; padding: 3px 0; border-radius: 50%; font-size: 18px; font-weight: bold; background-color:#96d70c; color:#FFF !important; text-align: center;}
.lang-switch.active{ background-color: #ff9c00;}

.login-pc{position: absolute; top:60px; right:15px;}
.login-mobile{text-align: center;}
.btn-pink{background-color: #ff76a5; color:#FFF; border-radius: 3em; padding: 4px 0.825em;}
.lang-switchs-mob .lang-switch{margin: 8px;}

#showcase{position: relative; z-index: 0;}
.home-slideshow{background-color: #FFF;}
.home-slideshow .owl-item{opacity: 0.5;}
.home-slideshow .owl-item.center{opacity: 1;}
.home-slideshow .item-thumb{min-width: 1170px;}
.home-slideshow .item-thumb::before{ padding-top: 51.452%;}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{ background: #008ed1; color: #fff; width: 64px; height: 64px; border-radius: 50%; font-size: 32px;}
.owl-carousel .owl-nav button.owl-next{right: -32px}
.owl-carousel .owl-nav button.owl-prev{left: -32px;}
/*.owl-carousel.theme-dark .owl-nav .owl-next, .owl-carousel.theme-dark .owl-nav .owl-prev{ background: rgba(42,89,127,0.35); color: #fff;}
.owl-carousel.theme-dark .owl-nav .owl-next:hover, .owl-carousel.theme-dark .owl-nav .owl-prev:hover{ background: rgba(42,89,127,0.75); color: #fff;}*/

.main-content{ min-height: 1432px; padding-top: 105px; padding-bottom: 412px; margin-top: -105px; position: relative; z-index: 1; background-position: bottom center; background-repeat: no-repeat; }
.main-content::before{content: ""; display:block; height: 511px; position: absolute; top:0; right:0; left:0; z-index: -1; margin: auto; background-image: url(../images/background/main_bg.png); background-repeat: no-repeat; background-position: top center; background-size: cover;}
.main-content.padding-bottom-large-md{padding-bottom: 664px;}
.main-content.content-inpage{margin-top: -30px; /*min-height: 1024px;*/}


.home-showcase-wrapper+section{ min-height: 1432px; padding-top: 105px; padding-bottom: 412px; margin-top: -105px; position: relative; z-index: 1; background-position: bottom center; background-repeat: no-repeat; }
.home-showcase-wrapper+section{content: ""; display:block; height: 511px; position: absolute; top:0; right:0; left:0; z-index: -1; margin: auto; background-image: url(../images/background/main_bg.png); background-repeat: no-repeat; background-position: top center; background-size: cover;}



.column-row{margin-bottom: 60px;}
.col-full-width{-ms-flex: 1 1 100%;flex: 1 1 100%; max-width: 100%; }

.white-panel, section.white .block-wrapper{ padding: 40px ; margin-left: auto; margin-right: auto; margin-bottom: 30px; position: relative; background: #f9f4eb; color:#2a373e; font-weight: bold; border-radius: 20px; }
.floating-box{padding-bottom: 1rem;}
.floating-box .white-panel{margin-bottom: 0;}

ul.round-arrow{padding: 0 !important;}
ul.round-arrow li{padding: 10px 0 10px 44px; margin: 0;}
ul.round-arrow li::before{
	width: 32px; height: 32px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 0C7.2 0 0 7.2 0 16s7.2 16 16 16 16-7.2 16-16S24.8 0 16 0zm6.3 16.5l-8.2 8.3c-.3.3-.7.3-.9 0-.3-.3-.3-.7 0-.9L21 16l-7.8-7.9c-.3-.3-.3-.7 0-.9.3-.3.7-.3.9 0l8.2 8.3c.3.3.3.7 0 1z' fill-rule='evenodd' clip-rule='evenodd' fill='%2388b61f'/%3E%3C/svg%3E");
	border: none !important; background-color: transparent;
}

.home-slogan{ width: 90%; max-width: 800px; font-size: 20px; margin-left: auto; margin-right: auto; padding-right: 220px; position: relative; background: #f9f4eb; border-radius: 20px; }
.home-slogan img{margin-left: 2em; position: absolute; top:0; right:-50px }
.home-slogan>div{overflow: hidden; padding: 1em;}
.home-slogan .title{font-size: 1.5em !important; text-align: left !important; }
.home-slogan .text{font-size: 1.5em; line-height: 1.5em; font-style: italic; font-weight: 700; color: #2a373e;}
.home-slogan .quote{text-align: right;margin-top: 1em; font-style: italic; display: block; display:flex; justify-content: flex-end; align-items: center}
.home-slogan .quote:before{content: ""; width: 3em; height: 1px; background-color: currentColor; margin-right: 0.5em}

.content-inpage .home-slogan{ width: 100%; max-width: none; margin-bottom: 30px;}

.home-four-button .item-intro{display:none}

.block-event-monthly{background-color:#fff; border-radius: 10px; padding: 2em; border: 20px #88b61f solid;}

.post-list-style-table{}
.post-list-style-table.item-list{width: 100%;}
.post-list-style-table.item-list .item, .post-list-style-table.item-list-header{display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap;}
.post-list-style-table.item-list .item>.item-intro{ -ms-flex: 1 1 auto; flex: 1 1 auto; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
.post-list-style-table.item-list .item>div>div{ -ms-flex: 1 1 auto; flex: 1 1 auto; }
.post-list-style-table.item-list .item>div.item-thumb, .post-list-style-table.item-list .item>div>div, .post-list-style-table.item-list-header>div{ -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 8px; border: 1px #ccc solid; border-color: #FFF #FFF #CCC;}

/*.block-event-monthly .item-date{width: 98px; max-width: 98px; -ms-flex: 0 0 auto !important; flex: 0 0 auto !important; text-align: center !important;}*/
/*.block-event-monthly .item .item-date{ color:#FFF; position: relative; z-index: 1; line-height: 34px;}*/
/*.block-event-monthly .item .item-date::before{content: ""; display:block; background-color: #ff9c00; position: absolute; top:8px; right:8px; left:8px; z-index: -1; height: 34px;}*/

.post-list-style-table.item-list-header{font-weight: bold; color:#666}

.table-list{}
.table-list .item{padding: 1rem 0 1rem 0; border-bottom: 1px #ccc solid;}
.table-list .item-intro{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; padding-left: 115px;
	/*-ms-flex-direction: column-reverse; flex-direction: column-reverse; -ms-flex-pack: end; justify-content: flex-end*/ }
.table-list .item-title{-ms-flex: 1 1 auto; flex: 1 1 auto; order: 1; padding: 0 0 4px 0; font-size: 1.5rem; line-height: 1.25em; font-weight: bold; color:#88b61f; }
.table-list .item-date{-ms-flex: 0 0 auto; flex: 0 0 auto; order: 0; width: 100px; background-color: #ff9c00; color:#FFF; text-align: center; padding: 4px; margin-right: 1em; position: absolute; top:0.2em; left:0; font-size: 0.9rem; line-height: 1.25em; }
.table-list .item-desc{-ms-flex: 1 1 auto; flex: 1 1 auto; order: 2; width: 100%; font-size: 0.9rem; color:#777}
.table-list .item-file{order: 9; margin: 10px 0; }
.table-list .item-file a{border: 1px currentColor solid; border-radius: 4px; padding: 0.35em 0.5em;}

.block-event-monthly .block-title{ margin: 0.5em 0 1.5em; font-size: 1.8rem; color: #88b61f; font-weight: bold;}
.block-event-monthly .item-intro{padding: 0.5rem 0.5rem 0.5rem 6rem; border-bottom: 1px #ccc solid; position: relative}
.block-event-monthly .item-date{width: 6em; position: absolute; left:0; top:0.5rem; text-align: center; font-size: 0.875rem; background-color: #ff9c00; color:#FFF }
.block-event-monthly .item-title{font-size:1.1rem; font-weight: bold; color:#333}
.block-event-monthly .item-desc{ font-size: 0.875rem; line-height: 1.23em;}


#page-footer{ padding: 24px 0; background-color:#3f8139; color: #fff;}
#page-footer .block-wrapper{margin: 0;}
.back-top.open{background-color: #FFF;}

/*block*/

.block-details{}
.block-details .item-title{}
.block-details .item-date{font-size: 0.9rem; color:#999; margin-bottom: 0.5rem}
/*.block-details .item-desc p{text-align: justify; margin-bottom: 1rem}*/

.block-page-title{position: relative; text-align: center; font-size: 24px; color:#008ed1; padding: 25px 0;}
.block-page-title h1, .block-page-title h2, .block-page-title h3{color:#008ed1}

.block-home-admission{}
.block-home-admission .block-wrapper{ max-width: 350px; margin: 0 auto;}
.block-home-admission .block-content{ background-color: #ff9c00; padding: 10px;}
.block-home-admission .item{ min-height: 55px; padding:12px 0; margin-bottom: 5px; background-color: #FFF; color: #ff9c00; line-height: 1.1em; font-weight: bold;}
.block-home-admission .item>div{padding: 0 15px;}
.block-home-admission .item-thumb{ -ms-flex:0 0 auto !important; flex:0 0 auto !important; max-width: 100%; text-align: center;}

.block-login{}
.block-login .block-wrapper{ max-width: 350px; margin: 0 auto;}
.block-login .block-content{ background-color: #06b7cc; padding: 10px;}

.block-album-list .item-thumb{ background-color: #FFF; border-radius: 8px 8px 0 0; padding: 16px 16px 0;}
.block-gallery-list .item-thumb{ background-color: #FFF; border-radius: 8px; padding: 16px;}
.block-album-list .item-thumb::before, .block-gallery-list .item-thumb::before{padding-top: 66.71%}
.block-album-list .item-thumb a{top:16px; right:16px; bottom:0; left:16px; display:block; overflow: hidden;}
.block-gallery-list .item-thumb a{top:16px; right:16px; bottom:16px;; left:16px; overflow: hidden}
.block-album-list .item-intro, .block-gallery-list .item-intro{background-color: #FFF; border-radius: 8px; padding: 16px; text-align: center}
.block-album-list .item-title a, .block-gallery-list .item-title a{display:block; text-align: center; color:#008ed1; font-weight: bold; font-size: 1.333rem}
.block-gallery-list .block-title h2, .gallery-category-title{color:#FFF; text-shadow: 0 0 10px #008ed1; text-align: center;}
.block-album-list .item-cate, .block-gallery-list .item-cate{font-size: 0.875rem; line-height: 1em; margin-bottom: 0.25em}
.block-album-list .item-date, .block-gallery-list .item-date{font-size: 0.75rem; line-height: 1em; margin-top: 0.25em; margin-bottom: 0.25em; color:#888}

.block-gallery-list .item-thumb img{ max-width: none; width: auto; height: 100% !important;}

.external-link{ max-width: 782px; margin: auto }
.external-link.items-image-left .item-thumb{width: 300px}
.external-link.items-image-left  .item-intro{padding: 0;}
.external-link .item{padding: 0.5rem;}

.schools-hours-list{}
.schools-hours-list li{ padding: 16px !important; color:#FFF; font-size: 1.3333rem; border-radius: 8px;}
.schools-hours-list li::before{ content: none !important;}
.schools-hours-list li.color1{background-color: #ffaa1e; color:#FFF;}
.schools-hours-list li.color2{background-color: #88b61f; color:#FFF;}
.schools-hours-list li.color3{background-color: #1ca5ad; color:#FFF;}
.schools-hours-list li strong{ display:inline-block; min-width: 180px;  background-color: #FFF; padding: 12px; text-align: center; color:#2a373e; border-radius: 8px; margin-right: 4rem;}

.contact-list{ font-size: 1.333rem; max-width: 580px; margin: auto; padding: 0 !important;}
.contact-list li{display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 0;}
.contact-list li::before{content: none !important;}
.contact-list li>*{-ms-flex: 1 1 auto; flex: 1 1 auto;}
.contact-list li>img{-ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0 1em 0 0; }

.age-box{width: 100%; position: relative; max-width: 255px; padding: 1px; margin: auto; border-radius: 8px; }
.age-box.color1{background-color: #88b61f; color:#FFF;}
.age-box.color2{background-color: #1ca5ad; color:#FFF;}
.age-box.color3{background-color: #008ed1; color:#FFF;}
.age-box::before{content: ""; display:block; width: 100%; padding-top: 100%; }
.age-box .inter{position: absolute; top:15px; right:15px; bottom:15px; left:15px; margin: auto; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center;
  align-content: center; ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.age-box .inter>*{ -ms-flex: 1 1 auto;  flex: 1 1 auto; text-align: center !important; line-height: 1.1em;}

.block-footer{margin-top: 30px; text-align: center; }

/*responsive*/
@media (max-width: 1440px){
	.main-content{background-size:1440px; padding-bottom: 376px;}
	.main-content::before{background-size:1440px;}
	.main-content.padding-bottom-large-md{padding-bottom: 376px;}
}

@media (max-width: 1280px){
	/*.main-content{background-size:1280px; padding-bottom: 362px; }*/
}
@media (max-width: 1279px){
.owl-carousel .owl-nav button.owl-next{right: 0;}
.owl-carousel .owl-nav button.owl-prev{left: 0;}
}
@media (min-width: 1200px){ /*bootstrap xl*/
}

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

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

@media (max-width: 1170px){
.home-slideshow .item-thumb{min-width:0;}
}
@media (min-width: 992px){ 
.right-first{ margin-top: -25px}
}

@media (max-width: 992px){ /*bootstrap lg*/
	#page-wrapper{padding-top: 115px;}
	#page-header{height: 115px; position: fixed; top:0; right:0; left:0;}
	#top-menu, #top-menu::before{ top: 115px;}
	#top-menu{ max-width: 480px; min-width: 60%; margin: auto;}
	#top-menu::before, #top-menu.open::before{background-color: #F0F8FF; opacity: 1; }
	#mobile-menu{width: 48px; height: 48px;top: 32px;right: 16px; font-size: 24px;}
	.navbar, #top-menu.fixed .navbar{ min-height: 80vh; min-height: 500px; padding-bottom: 100px; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap;
		-ms-flex-align: center ;
  align-items: center;
	-ms-flex-line-pack: center;
  align-content: center;
	}
	.navbar>li{width: 33.33%; -ms-flex: 0 0 auto; flex: 0 0 auto;}
	.showsub{display: block;}
	
	.navbar>li .sub-nav{max-width: 96%; min-width: 0;  height: auto; opacity: 0; position: absolute; top:100%; right:0; bottom:auto; left:0; z-index: 20; margin: auto; pointer-events: none;}
	.navbar>li .sub-nav.open{opacity: 1; pointer-events: auto;}
	.navbar>li .sub-nav>li>a, .navbar>li .sub-nav.open>li>a{ height: auto !important; line-height: 1.2em; padding: 1em; white-space:normal}
	
	.menu-hide{position: absolute !important; bottom:0; left:0; right:0; margin: auto !important; display:block !important;}
	button.showsub{position: absolute !important; top:0; right:0; bottom:0; left:0; z-index: 10; margin: 0 !important; width: 100%; height: 100%;}
	.lang-switchs-mob .lang-switch{ width: 48px; height: 48px; font-size: 24px;}
	
.owl-nav{width: 98%; max-width: 950px;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{ width: 48px; height: 48px; font-size: 24px;}

	.main-content{ min-height: 0; background-position: bottom left; padding-top: 65px; margin-top: -65px;}
	.main-content::before{background-position: top left;}
	
}

@media (max-width: 991px){
	.header-hoz .header-title{width: 100%; max-width: 100%; padding-right: 32px; padding-top: 5px;}
	.feature_icon{ margin: 0 auto 16px;}
	.schools-hours-list li{text-align: center;}
	.schools-hours-list li strong{ display:block; margin: 0 auto 1rem;}
	
}

@media (max-width: 800px){ /*desktops min*/
	.main-content{background-size: 100%; padding-bottom: 252px;} /*960px*/
	.main-content::before{background-size: 960px;}
	.main-content.padding-bottom-large-md{padding-bottom: 252px;}
}

@media (max-width: 768px){ /*tablet*/
	.btn{margin-top: 10px;}
	.white-panel, section.white .block-wrapper{padding: 30px;}
	/*#page-header{height: 70px;}
	#top-menu, #top-menu::before{ top: 70px;}*/
	#page-footer {
    height: auto;
}
}

@media (max-width: 767px){
	
	.table-resize-xs, .table-resize-xs thead, .table-resize-xs tbody, .table-resize-xs tfooter, .table-resize-xs tr, .table-resize-xs th, .table-resize-xs td{display:block; margin: 0 auto; text-align: center !important;}
	.table-resize-xs tr{margin-bottom: 2rem;}
	
.post-list-style-table.item-list-header{display:none !important;}
.post-list-style-table.item-list .item, .post-list-style-table.item-list-header{display:block;}
.post-list-style-table.item-list .item>.item-intro{ display:block;}
.post-list-style-table.item-list .item-date{ border: none !important; padding-bottom: 0 !important; }
	
	.block-event-monthly{padding: 1em;}
.block-event-monthly .item-intro{padding: 0.5rem; }
.block-event-monthly .item-date{width: 6em; position: relative; left:auto; top:auto; margin-bottom: 0.25rem;}
/*.block-event-monthly .item-title{font-size:1.1rem; font-weight: bold; color:#333}
.block-event-monthly .item-desc{ font-size: 0.875rem; line-height: 1.23em;}*/
	
.contact-list{ font-size: 1rem; max-width: none; margin:1em  auto; }
.contact-list li{display: block; padding: 0.45em 0 1em 44px !important; position: relative;}
/*.contact-list li::before{content: none !important;}
.contact-list li>*{-ms-flex: 1 1 auto; flex: 1 1 auto;}
.contact-list li>img{-ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0 1em 0 0; }*/
.contact-list li>img{max-width: 36px; position:absolute; top:0; left:0}
	
.external-link{ max-width: 100%; margin: auto }
.external-link.items-image-left .item-thumb{width: 100%}
.external-link.items-image-left  .item-intro{padding: 8px; text-align: center}
	
}

@media (max-width: 736px){ /*iPhone 8+ landscape*/
	.home-slogan{width: 96%; padding-right: 140px; font-size: 1em !important;}
	.home-slogan img{max-width: 150px; top: auto; bottom: 50px; right: -10px;}
	
	
}

@media (max-width: 667px){ /*iPhone 8 landscape*/
	.home-left-broad { border-width: 5px; padding: 15px;}
}

@media (max-width: 568px){ /*iPhone 5 landscape*/ 
	#page-wrapper{padding-top: 60px;}
	#page-header{height: 60px;}
	#top-menu, #top-menu::before{ top: 60px;}
	.header-hoz .header-title{max-width: 290px;}
	#mobile-menu{width: 32px; height: 32px;top: 16px;right: 8px; font-size: 16px;}
	.navbar>li{width: 50%;}
	
	.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{ width: 32px; height: 32px; font-size: 16px;}
	
}

@media (max-width: 480px){ /*Android*/
}

@media (max-width: 414px){ /*iPhone 8+*/
	.lang-switchs-mob .lang-switch{margin: auto;}
}

@media (max-width: 375px){ /*iPhone 8*/
	.white-panel, section.white .block-wrapper{padding: 15px;}
	.home-slogan{padding-right: 1em; padding-bottom: 100px; }
	.home-slogan>*{width: 100%;}
	.home-slogan img{max-width: 150px; top: auto; bottom: -40px; right: 0; left:0; margin: auto;}
	.schools-hours-list li{font-size: 1rem;}
	
}

@media (max-width: 320px){ /*iPhone 5*/
}