@media all and (max-width: 499px) {
body.noscroll {height: 100vh;overflow-y: hidden;}
header .header {padding:20px;}
header .header.fixed {position:fixed;}
header .logo {max-width:160px;margin:0;}
#menu-toggle{display:block;position: absolute;right:20px;}
header .topnavbox {display:block;width:100%;}
header .topnavbox ul li {width:25%;}
header .topnavbox ul li > a i {display:block;font-size:1.5em;}
header .topnavbox ul li > a:not(.btn) span {display:none;}
header .topnavbox ul li > a.btn {white-space:normal;padding:9px 15px 8px !important;}
.navigation_content {padding-top:90px;}
header .topnavbox .bnav {padding:20px 0;}
header .topnavbox .bnav ul {display:block;border-top:2px solid #def3ff;}
header .topnavbox .bnav>ul>li {padding:2px 2px 0;margin:0 auto;display:block;border-bottom:2px solid #def3ff;width:100%;}
header .topnavbox .bnav>ul>li:first-child {}
header .topnavbox .bnav ul li.open, header .topnavbox .bnav ul li.open a {background:#def3ff;}
header .topnavbox .bnav ul li a {font-size:1.1em;padding:20px 5px 19px;text-align: left;}
header .topnavbox .bnav ul li .submenu {margin:0 auto;padding:0;position:relative;display:block;border:none;}
header .topnavbox .bnav ul li.open .submenu, header .topnavbox .bnav ul li.open .submenu a {border:none;background:#fff;}
header .topnavbox .bnav ul li a::before, header .topnavbox .bnav ul li a::after, header .topnavbox .bnav ul li a strong::before, header .topnavbox .bnav ul li a strong::after {display:none;}
header .topnavbox .bnav ul li .submenu ul li {display:block;padding:5px;width:100%;}
header .topnavbox .bnav>ul>li>a:after, header .topnavbox .bnav>ul>li>a:hover::after {
    content:'\ec36';font-family:"linearicons";font-size:1.2em;margin:0 5px 0 0;display:inline-block;
    position:absolute;right:0;height:auto;background:transparent!important;width:auto;top:18px;left:auto;}
header .topnavbox .bnav>ul>li.open>a:after, header .topnavbox .bnav>ul>li.open > a::after, header .topnavbox .bnav>ul>li.open > a:hover::after { 
    content: '\ec37'; font-family: "linearicons"; font-size:1.2em;margin:0 5px 0 0;display:inline-block;
    position:absolute;right:0;height:auto;background:transparent!important;width:auto;top:18px;left:auto;
}
.bigimg > img {width: 150%;max-width: none;}
.bigimg .flybox h1 {font-size: 4.5vw;}
.navigation .language a { vertical-align:middle;line-height:1;font-size:1.1em;padding:7px 10px;border:1px solid #000;font-weight:700; }
.navigation .language a:hover { text-decoration:none;color:#fff;background:#e83142;border:1px solid #e83142; }
.navigation #searchbox, .navigation .language {display:inline-block!important;}
.navigation #searchbox .searchhide, #autocomplete-results {display:none!important;}
.navigation_content_bottom {display:flex;align-items:center;padding:5px;}
.navigation .language {width:10%;text-align:left;}
.navigation #searchbox {width:90%;text-align:right;}
.navigation #searchbox .ss-search-form {vertical-align:middle;height:100%;}
.navigation #searchbox .ss-search-form__input {vertical-align:middle;height:100%;display:flex;align-items:center;justify-content:flex-end;}
.navigation #searchbox input {
    padding:7px 10px;font-size:0.9em;width:76%;border:1px solid #000;vertical-align: middle;display: inline-block;
    -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
}
.navigation #searchbox button {
    padding:5px 15px 0;font-size:1.8em;width:auto;border:none;vertical-align: middle;display: inline-block;background:transparent;
    -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;padding-right:0;
}
.home_faculty {width:90%;display:block;}
.home_faculty .flybox {padding:5%;text-align:left;}
.home_faculty .flybox h2 {font-size:1.5em;}
.home_faculty img {margin:0 auto;width:100%;}
.home_threeboxes {width:90%;}
.home_threeboxes>.row>a {width:100%;float:left;padding-bottom:20px;}
.home_threeboxes a h3 {font-size:1.8em;}
.home_malta, .home_transfer {min-height:50vh;background-size:background-size: 100vmax 100vmax;}
.home_malta .flybox h3 {font-size:2em;padding:0 15px;}
.home_happenings {padding:8vw 0;}
.home_happenings .flybox > h3 {font-size:1.7em;}
.home_happenings .flexbox {flex-direction:column;}
.home_happenings .happen_news, .home_happenings .happen_events {width:100%;}
.home_happenings .happen_news, .home_happenings .happen_events {padding:0 0 7vw;border:none;}
.home_happenings .happen_news > h3, .home_happenings .happen_events > h3 {font-size:1.3em;}
.home_happenings .post-txt > h4, .home_happenings .txtbox > span {font-size:1.3em;}
.home_happenings .happen_news li a {display:block;}
.home_happenings .happen_news li {width: 100%;}
.home_happenings .post-img {width:100%;}
.home_happenings .post-txt {padding:0;width:90%;}
.home_happenings .datebox, .eventsbox .datebox {width:20%;}
.home_happenings .txtbox, .eventsbox .txtbox {width:80%;}
.home_happenings .happen_events ul {padding:20px 0;}
.home_transfer .flybox {width:80%;margin:20px auto;display:block;}
.home_transfer .flybox .icon {height:20vw;width:100%;background-position:center center;}
.home_transfer .flybox .info {padding:20px 0 0;width:100%;text-align:center;}
.home_transfer .flybox h3 {font-size:1.5em;}
.home_testimons {flex-direction:column;margin:0 auto;}
.home_testimons .titlebox {max-width:100%;width:100%;margin:0 auto 30px;}
.home_testimons .titlebox h3 {font-size:1.5em;}
.home_testimons > .row {max-width:90%;width:90%;margin:0 auto 30px;padding:0;}
.home_profi {flex-direction:column-reverse;margin:0 auto;}
.home_profi .titlebox {max-width:100%;width:100%;margin:0 auto 30px;}
.home_profi .titlebox h3 {font-size:1.5em;}
.home_profi > .row {max-width:90%;width:90%;margin:0 auto 30px;padding:0;}
.home_testimons .titlebox ul, .home_profi .titlebox ul {padding:0;}
.home_videos .flybox {width:90%;padding:15px 0;}
.home_videos .flybox .vid .txt {position:relative;}
.home_videos .flybox>.row>.col-sm-6 {width:100%;margin-bottom:30px;}
.home_videos .flybox>.row>.col-sm-3 {width:50%;float:left;}
.home_videos .flybox .vid {height:auto;margin:0 auto 4vw;}
.home_videos .flybox div.vid {height:30vh;margin:0 auto;min-height:300px;}
.home_videos .flybox div.vid img {width:auto;height:100%;}
.home_videos .flybox div.vid h3 {font-size:1.1em;}
.home_videos .flybox div.vid .txtbox {padding:10px;}
.home_videos .flybox div.vid a.btn {padding:9px 15px 8px !important;}
#footer > .container {width:90%;padding:15px 0;}
#footer > .container > .row {display:block;}
#footer > .container>.row>.col-sm-6 {width:100%;margin:0 auto 4vw;}
#footer > .container>.row>.col-sm-3 {width:100%;float:none;margin:15px auto;}
#footer > .container > .row, #footer > .container > .row > .col-sm-6 > .row {flex-direction:column;}
#footer ul.socials li a {font-size:2.5em;padding: 2px 20px;}
#footer ul.contacts {padding:15px;}
#footer ul.contacts li {font-size:0.8em;}
#footer ul.contacts li i {padding: 0 10px 0 0;width:auto;}
#footer ul.contacts li h4 {font-size:1.1em;}
#footer .newsletter {padding-bottom:20px;}
.logosocials img {width:90%;margin:0 auto;}
#footer .newsletter h4 {font-size:1.4em;}
#footer .credit {font-size:0.7em;padding:15px 10px;}
.bigimg.thin {overflow:hidden;min-height:40vh;height:auto;}
.bigimg.thin > .imgbox {display:block;width:100%;height:20vh;float:none;}
.bigimg.thin .bluebox {position:relative;width:100%;min-height:20vh;padding:20px;display:flex;flex-direction:column;justify-content:center;}
.bigimg.thin .flybox {width:100%;margin:0 auto;top:auto;left:auto;position:relative;-webkit-transform:none;transform:none;display:flex;flex-direction:column;justify-content:center;text-align:left;}
.bigimg.thin .flybox h1 {font-size:1.5em;width:100%;}
.bigimg.thin .flybox strong {font-size:1em;}
.contentbox.color>.wrap, .contentbox.full {width:90%;}
.contentbox>.wrap, .contentbox.right>.wrap, .campustpl .contentbox>.wrap {flex-direction:column;align-items: center;}
.contentbox.lsd>.wrap {flex-direction:column-reverse;}
.contentbox>.wrap>img, .imgblock {width:90%;}
.contentbox .flybox, .contentbox .flybox.rside, .contentbox .flybox.lside, .contentbox.right .flybox.rside {width:90%;padding:20px 0;}
.conblock {flex-direction:column-reverse;}
.conblock .contactform, .conblock .contactinfo {padding:0 0 30px;border:none;width:100%;}
.campustables .fbox-4 {width:90%;padding:10px 0;}
#layout-content .campustables table {margin:0 auto;}
#mission-statement .fboxgroup {flex-direction:row;flex-wrap:wrap;}
#mission-statement .contentbox .txt .fbox-4 {width:100%;padding:10px 0;}
.unicons>div.fbox-3 {width:90%;}
.fbox-3, .fbox-2 {width:100%;}
#our-people .fbox-3 {width:100%;}
#academic-calendar .fboxgroup {flex-direction:row;flex-wrap:wrap;}
#academic-calendar .contentbox .txt .fbox-4 {width:100%;margin:0 auto 10px;}
#mission-statement .contentbox .txt ol li::before {font-size: 1.3em;margin: 5px 0.6rem 5px -2.3rem;}
#deans-welcome .contentbox>.wrap>img, #deans-welcome .contentbox .flybox {width: 90%;margin: 0 auto;}
#how-to-apply .fbox-4 {width:90%;}
#academic-calendar .contentbox .txt .fbox-3 {margin:0 auto 10px;}
.fboxgroup {flex-direction:column;}
.faculty_top, .faculty_bot {flex-direction:column;}
.faculty_top .imgbox {height:30vh;width:100%;}
.faculty_top .bbox {width:100%;}
.faculty_bot .leftbox, .faculty_bot .rightbox {padding:0 0 20px;width:100%;}
.faculty_bot .leftbox .admission, .faculty_bot .leftbox .infoevents {padding:15px 0;width:100%;display:inline-block;}
.faculty_top .bbox .txtbox h1, .faculty_top .bbox .txtbox h2 {text-align:left;}
.btnbox .btn {display:block;width:100%; margin:0 auto 30px;}
.btnbox .btn:last-child {margin:0 auto;}
.faculty_top .bbox .sumbox .fbox-4 {padding:0;width:100%;}
.applyform {font-size:0.9em;}
.form-control {font-size:14px;}
#form-content h1 {font-size:1.5em;padding:0 20px;}
.applyform .form-group.frm2, .applyform .form-group.frm3 {width:100%;}
.newslist>li {width:100%;}
.eventsbox .txtbox > span {font-size:1.2em;}
#events .maincontent .wrap {flex-direction:column;}
.eventsbox {padding:0 0 30px;width:100%;}
.calendarbox {width:100%;}
.bigimg .flybox a.btn {font-size:1em;}
.contentbox .txt>p {overflow:hidden;}
ul.tabs {flex-direction:column;border-bottom:1px solid #666;}
ul.tabs li {border:1px solid #666;border-bottom:none;}
ul.ttabs {flex-direction:column;border-bottom:1px solid #4463ac;}
ul.ttabs li {border:1px solid #4463ac;border-bottom:none;}
#tab-program {padding:30px 0;}
.ttab-content {padding:30px 0;overflow-x: auto;font-size:0.9em;}
    
.aos-animated, .aos-init {
-ms-transition-property: none !important;-webkit-transition-property: none !important;transition-property: none !important;
-ms-transform: none !important;-webkit-transform: none !important;transform: none !important;
-webkit-animation: none !important;-ms-animation: none !important;animation: none !important;}
    
#back-top {display:none !important;opacity:0 !important;}
    
table.mobiltable td {width:100% !important;display:block !important;padding:10px 0 !important;}
}

@media all and (min-width: 500px) and (max-width: 1023px) {
body.noscroll {height: 100vh;overflow-y: hidden;}
header .header.fixed {position:fixed;}
header .logo {max-width:250px;margin:0;}
#menu-toggle{display:block;position: absolute;right: 30px;}
header .topnavbox {display:block;width: 100%;}
header .topnavbox .tnav ul li {width: 25%;}
.navigation_content {padding-top:120px;}
header .topnavbox .bnav {padding:20px 0;}
header .topnavbox .bnav ul {display:block;border-top:2px solid #def3ff;}
header .topnavbox .bnav>ul>li {padding:2px 2px 0;margin:0 auto;display:block;border-bottom:2px solid #def3ff;}
header .topnavbox .bnav>ul>li:first-child {}
header .topnavbox .bnav ul li.open, header .topnavbox .bnav ul li.open a {background:#def3ff;}
header .topnavbox .bnav ul li a {font-size:1.1em;padding:20px 5px 19px;text-align: left;}
header .topnavbox .bnav ul li .submenu {margin:0 auto;padding:0;position:relative;display:block;border:none;}
header .topnavbox .bnav ul li.open .submenu, header .topnavbox .bnav ul li.open .submenu a {border:none;background:#fff;}
header .topnavbox .bnav ul li a::before, header .topnavbox .bnav ul li a::after, header .topnavbox .bnav ul li a strong::before, header .topnavbox .bnav ul li a strong::after {display:none;}
header .topnavbox .bnav ul li .submenu ul li {display:block;padding:5px;}
header .topnavbox .bnav>ul>li>a:after, header .topnavbox .bnav>ul>li>a:hover::after {
    content:'\ec36';font-family:"linearicons";font-size:1.2em;margin:0 5px 0 0;display:inline-block;
    position:absolute;right:0;height:auto;background:transparent!important;width:auto;top:18px;left:auto;}
header .topnavbox .bnav>ul>li.open>a:after, header .topnavbox .bnav>ul>li.open > a::after, header .topnavbox .bnav>ul>li.open > a:hover::after { 
    content: '\ec37'; font-family: "linearicons"; font-size:1.2em;margin:0 5px 0 0;display:inline-block;
    position:absolute;right:0;height:auto;background:transparent!important;width:auto;top:18px;left:auto;
}
.navigation .language a { vertical-align:middle;line-height:1;font-size:1.1em;padding:7px 10px;border:1px solid #000;font-weight:700; }
.navigation .language a:hover { text-decoration:none;color:#fff;background:#e83142;border:1px solid #e83142; }
.navigation #searchbox, .navigation .language {display:inline-block!important;}
.navigation #searchbox .searchhide, #autocomplete-results {display:none!important;}
.navigation_content_bottom {display:flex;align-items:center;padding:5px;}
.navigation .language {width:10%;text-align:left;}
.navigation #searchbox {width:90%;text-align:right;}
.navigation #searchbox .ss-search-form {vertical-align:middle;height:100%;}
.navigation #searchbox .ss-search-form__input {vertical-align:middle;height:100%;display:flex;align-items:center;justify-content:flex-end;}
.navigation #searchbox input {
    padding:7px 10px;font-size:1.1em;width:80%;border:1px solid #000;vertical-align: middle;display: inline-block;
    -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
}
.navigation #searchbox button {
    padding:5px 25px 0;font-size:2.2em;width:auto;border:none;vertical-align: middle;display: inline-block;background:transparent;
    -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;padding-right:0;
}
.home_faculty {width:90%;}
.home_faculty .flybox {padding:5%;}
.home_threeboxes {width:90%;}
.home_threeboxes>.row>a {width:33.33333333%;float:left;}
.home_malta, .home_transfer {min-height:50vh;}
.home_malta .flybox h3 {font-size:5vw;}
.home_happenings {padding:8vw 0;}
.home_happenings .flexbox {flex-direction:column;}
.home_happenings .happen_news, .home_happenings .happen_events {width:100%;}
.home_happenings .happen_news, .home_happenings .happen_events {padding:0 0 7vw;border:none;}
.home_happenings .happen_news > h3, .home_happenings .happen_events > h3 {font-size:3vw;}
.home_happenings .post-txt > h4, .home_happenings .txtbox > span {font-size: 2.4vw;}
.home_transfer .flybox {width:80%;margin:20px auto;}
.home_transfer .flybox .icon {height:20vw;}
.home_testimons {flex-direction:column;margin:0 auto;}
.home_testimons .titlebox {max-width:100%;width:100%;margin:0 auto 30px;}
.home_testimons > .row {max-width:90%;width:90%;margin:0 auto 30px;padding:0;}
.home_profi {flex-direction:column-reverse;margin:0 auto;}
.home_profi .titlebox {max-width:100%;width:100%;margin:0 auto 30px;}
.home_profi > .row {max-width:90%;width:90%;margin:0 auto 30px;padding:0;}
.home_videos .flybox {width:90%;}
.home_videos .flybox>.row>.col-sm-6 {width:100%;}
.home_videos .flybox>.row>.col-sm-3 {width:50%;float:left;}
.home_videos .flybox .vid {height:auto;margin:0 auto 4vw;}
.home_videos .flybox div.vid {height:40vh;margin:0 auto;min-height:300px;}
.home_videos .flybox div.vid img {width:100%;height:auto;}
.home_videos .flybox div.vid h3 {font-size:3vw;}
#footer > .container {width:90%;}
#footer > .container > .row {display:block;}
#footer > .container>.row>.col-sm-6 {width:100%;margin:0 auto 4vw;}
#footer > .container>.row>.col-sm-3 {width:50%;float:left;}
#footer ul.socials li a {font-size:1.8em;}
#footer ul.contacts li {font-size:0.9em;}
#footer ul.contacts li i {padding: 0 10px 0 0;width:auto;}
#footer ul.contacts li h4 {font-size:1.1em;}
.logosocials img {width:90%;margin:0 auto;}
#footer .newsletter h4 {font-size:1.4em;}
.bigimg.thin {overflow:hidden;height:40vh;}
.conblock {flex-direction:column-reverse;}
.conblock .contactform, .conblock .contactinfo {padding:0 0 30px;border:none;width:100%;}
.campustables .fbox-4 {width:49.5%;}
#layout-content .campustables table {margin:0 auto;}
#mission-statement .fboxgroup {flex-direction:row;flex-wrap:wrap;}
#mission-statement .contentbox .txt .fbox-4 {width:49.5%;}
.unicons>div.fbox-3 {width:48%;}
.fbox-3 {width:50%;}
#our-people .fbox-3 {width:100%;}
#academic-calendar .fboxgroup {flex-direction:row;flex-wrap:wrap;}
#academic-calendar .contentbox .txt .fbox-4 {width:49.5%;}
.faculty_top, .faculty_bot {flex-direction:column;}
.faculty_top .imgbox {height:30vh;width:100%;}
.faculty_top .bbox {width:100%;}
.faculty_bot .leftbox, .faculty_bot .rightbox {padding:0 0 20px;width:100%;}
.faculty_bot .leftbox .admission, .faculty_bot .leftbox .infoevents {padding:20px 0;width:49%;display:inline-block;}
.applyform {font-size:0.9em;}
.form-control {font-size:14px;}
.newslist>li {width:49%;}
.eventsbox .txtbox > span {font-size:1.2em;}
#events .maincontent .wrap {flex-direction:column;}
.eventsbox {padding:0 0 30px;width:100%;}
.calendarbox {width:100%;}
    
.aos-animated, .aos-init {
-ms-transition-property: none !important;-webkit-transition-property: none !important;transition-property: none !important;
-ms-transform: none !important;-webkit-transform: none !important;transform: none !important;
-webkit-animation: none !important;-ms-animation: none !important;animation: none !important;}
}

@media all and (min-width: 1024px) and (max-width: 1300px) {
header .topnavbox {font-size:0.95em;}
.home_happenings .datebox {font-size:0.8em;}
#footer > .container {width:96%;}
#footer .credit {padding:20px;}
.faculty_top, .faculty_bot {font-size:0.9em;}
.btnbox .btn {width: 30%;margin: 0 1%;font-size: 0.85em;}
.faculty_top .bbox .sumbox .fbox-4 {padding: 1% 1% 0 0;width: 24%;}
.faculty_top .bbox .sumbox .fbox-4 tbody td {height:60px;}
.newslist>li>a .post-txt {height:170px;}
.eventsbox {width: 60%;}
.calendarbox {width: 40%;}
}

@media screen and (max-width: 1366px) and (min-height: 1020px) {
header .bgimgs {height:70vh;min-height:560px;}
header .topju {left: 4%;width: 45%;top: 5%;}
}
@media screen and (max-width: 1024px) and (max-height: 1366px) {
header .bgimgs {height:70vh;min-height:560px;max-height: 600px;}
header .topju {left: 4%;width: 45%;top: 5%;}
}
@media screen and (max-width: 499px) and (max-height: 900px) {
.bgimgs {height:100vh !important; max-height:1200px !important;}
header .topbgcity {position:absolute;bottom:0;}
header .topju {position:absolute;bottom:-5px;top:auto;left: 20%;width: 60%;}
}

@supports (-webkit-touch-callout: none) {
.home_malta, .home_transfer {background-size: auto 100vh;background-attachment: scroll;}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* STYLES GO HERE */
}
 
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* STYLES GO HERE */
}
 
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* STYLES GO HERE */
}
 
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* STYLES GO HERE */
}
 
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* STYLES GO HERE */
}
 
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* STYLES GO HERE */
}
 
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* STYLES GO HERE */
}
 
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* STYLES GO HERE */
}
 
/* iPhone 5 (portrait & landscape)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {
/* STYLES GO HERE */
}
 
/* iPhone 5 (landscape)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {
/* STYLES GO HERE */
}
 
/* iPhone 5 (portrait)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {
/* STYLES GO HERE */
}