@media(max-width:1024px){
	body:not(.page-main-page) .header-wrapper{
		position: relative !important;
		background: #2755a5;
	}

    .translate-bar i.info-close {
    	right: 10px;
    	font-size: 16px;
    }

    .translate-bar {
    	padding: 10px 30px 10px 30px;
    }

	div:not(.azf) .theme-school-logo img{
		height: 80px
	}

	.theme-site-name{
		font-size: 40px;
	}

	.theme-strap-line{
		font-size: 25px;
	}

	.theme-social{
		font-size: 0;
	}

	.theme-social a:nth-child(1) {
		margin: 0;
	}

	.theme-social a span {
		height: 30px;
		width: 30px;
		border: solid 2px #fff;
	}

	.theme-social a span .fa-stack-1x {
		font-size: 14px;
		line-height: 27px;
	}

	.header-inner .theme-telephone {
		background: #2755a5;
		line-height: 26px;
		border: solid 2px;
		border-right: none;
	}

	.tel-btn {
		width: 30px;
		border: solid 2px;
		height: 30px;
	}

	.tel-btn > i {
		font-size: 14px;
	}

	.search .site-search {
		height: 30px !important;
		line-height: 30px;
		width: 150px;
		border: solid 2px;
		border-right: none;
	}

	.right-box > *:hover,
	.theme-social a:hover{
		margin-bottom: 0!important;;
		padding-top: 0!important;
	}

	.tel-btn-wrapper:hover .tel {
		top: 0px;
	}
	.search-btn-wrapper:hover .search {
		top: 0px;
	}

	.ss-motto p {
		font-size: 27px;
	}

	.ss-motto{
		padding: 10px 0;
	}

	div.slicknav_menu {
		background: #072e6f;
	}

	a.slicknav_btn {
		background: #072e6f;
	}

	.search .btn,
	.search-btn {
		width: 30px;
		height: 30px!important;
		border-radius: 50%;
		border: solid 2px;
	}

	.translate-btn {
		width: 30px;
		height: 30px!important;
		border-radius: 50%;
		border: solid 2px;
	}

	.search .btn{
		border: none;
		right: -29px;
	}

	.search .btn > i,
	.search-btn > i {
		font-size: 14px;
	}

    .translate-btn > i {
		font-size: 14px;
	}

	.right-box{
		position: relative;
		right: auto;
		top: auto;
		display: table;
		margin: 0 0 10px auto;
	}

	.menu-btn{
		display: none;
	}

	.ss-motto span {
	    font-size: 14px;
	    font-weight: 500;
	}

	.ss-motto:after{
		display: none;
	}

	.nav_mobile{
		margin: 0;
	}

	.page-main-page .sj-outer-row-1 .element-text p{
		font-size: 19px;
	}

	.page-main-page .events-footer a{
		margin: 70px auto 0;
	}

	.page-main-page .events-footer a:hover{
		padding: 10px 0 5px;
		margin: 70px auto 0;
	}

	.footer-right {
	    width: 100%;
	    position: relative;
	    bottom: auto;
	    right: auto;
	}

	.footer-awards {
	    max-width: 100%;
	    background: #fff;
	    display: table;
	    margin: 0 auto;
	    border-radius: 45px;
	    float: none;
	}

	.header-details {
	    margin: 0 auto;
	    display: block;
	    text-align: center;
	    cursor: default;
	    max-width: 100%;
	}

	.footer-left p.theme-address, .footer-left p.theme-telephone, .footer-left p.theme-email{
		font-size: 16px;
	}

	.footer-left .fa-map-marker,
	.footer-left .fa-envelope,
	.footer-left .fa-phone{
		width: 40px;
		height: 40px;
	}

	.azf{
		display: none;
	}

	body:not(.page-main-page) .header-wrapper .header-details{
		display: block;
		color: #fff;
	}

	body:not(.page-main-page) .header-wrapper .tel-btn{
	    color: #fff;
	    background: #2755a5;
	    width: 30px;
	    border: solid 2px;
	    height: 30px;
	}

	body:not(.page-main-page) .header-wrapper .tel-btn > i, body:not(.page-main-page) .header-wrapper .tel-btn.active > i{
		color: #fff;
		font-size: 14px;
	}

	body:not(.page-main-page) .header-wrapper .header-inner .theme-telephone {
	    background: #2755a5;
	    color: #fff;
	    border: solid 2px;
	    border-right: none;
	    line-height: 26px;
	}

	body:not(.page-main-page) .header-wrapper .tel-btn.active{
		border-top-left-radius: 0;
	    border-bottom-left-radius: 0;
	    transition-delay: 0ms, 0ms, 0ms;
	    border-left: none;
	}

	body:not(.page-main-page) .header-wrapper .header-inner .theme-telephone {
        background: #2755a5;
	    color: #fff;
	    line-height: 26px;
	    white-space: nowrap;
	    border: solid 2px;
	    border-right: none;
	}
	body:not(.page-main-page) .header-wrapper .search-btn{
		color: #fff;
	    border: solid 2px;
	    width: 30px;
	    height: 30px;
	}

	body:not(.page-main-page) .header-wrapper .search-btn > i {
	    color: #fff;
	    font-size: 14px;
	}

	body:not(.page-main-page) .header-wrapper .search .site-search {
	    color: #fff;
	    border: solid 2px;
	    border-right: none;
	    height: 30px !important;
	    line-height: 30px;
	}

	body:not(.page-main-page) .header-wrapper .search ::placeholder{
		color: #fff;
	}

	body:not(.page-main-page) .header-wrapper .search .btn {
		background: #2755a5;
		background: transparent;
	    color: #fff;
	    border: solid 2px;
	    border-left: none;
	    width: 30px;
	    height: 30px !important;
		right: -29px;
		
		border: none;
	}

	body:not(.page-main-page) .header-wrapper .search .btn i {
	    color: #fff;
	    font-size: 14px;
	}

	body:not(.page-main-page) .header-wrapper .theme-social a span {
	    border: solid 2px #fff;
	    width: 30px;
	    height: 30px;
	}

	body:not(.page-main-page) .header-wrapper .theme-social a span .fa-stack-1x {
	    color: #fff;
	    line-height: 27px;
	    font-size: 14px;
	}

	body:not(.page-main-page) .header-wrapper .theme-social a:hover .fa-stack-1x {
	    color: #fff;
	}

	.ss-imgs{
		background-attachment: scroll;
	}
}

@media(max-width: 500px){

.ss-motto {
	display: none;
}

.header-inner {
	padding: 10px;
}

.header-details .theme-school-logo {
    margin-bottom: 0;
}

}



@media(max-width: 400px){
	.theme-strap-line {
	    font-size: 18px;
	    text-transform: uppercase;
	}

	.theme-site-name {
	    font-size: 25px;
	}

	.search .site-search{
		width: 100px;
		font-size: 10px;
	}

	.slick-slider{
		padding: 0 10px;
	}

	.page-main-page .events-list:before, .page-main-page .events-list:after{
		width: 22px;
	}

	.page-main-page .sj-outer-row-1 .element-text h2:before {
	    width: 74px;
	    height: 64px;
	}

	.page-main-page .sj-outer-row-1 .element-text h2{
		font-size: 26px;
	}
}