/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 19 May 2020 16:41:45
*/


/* 
 *  responsive.css | StyleSheet for mobile devices
 *  @Autor: Sebastian Bochan (Squiz)
 *
 */
 @media screen and (max-width: 1024px) {

   /* Fluid grid system */
   .grid, .grid-max { width: 98%; margin-left: 1%; margin-right: 1%; }
   .one, .two, .three, .four, .five, .six, .seven, .eight, .nine, .ten, .eleven, .twelve, .designers-three, .designers-six ,.designers-nine { margin-left: 1%; margin-right: 1%; }
   .grid .one { width:6.333%; }
   .grid .two { width:14.667%; }
   .grid .three { width:23.0%; }
   .grid .four { width:31.333%; }
   .grid .five { width:39.667%; }
   .grid .six { width:48.0%; }
   .grid .seven { width:56.333%; }
   .grid .eight { width:64.667%; }
   .grid .nine { width:73.0%; }
   .grid .ten { width:81.333%; }
   .grid .eleven { width:89.667%; }
   .grid .twelve { width:98.0%; }
   .grid .designers-three { width:18.400%; }
   .grid .designers-six { width:57.200%; }
   .grid .designers-nine { width:77.600%; }
   
   /* ===== Global ==== */
   /* header */
   .header #logo a { overflow: hidden; }
   .header #logo img { margin-left: -95px; }
   .header .search-box,.header .nav,.header .search-box, .header .nav,.header.header-home .header-content .search-box, .header.header-home .header-content .nav { right:0%;}
   .header .social-ico { right:2%;}
    
    /* footer */
    .footer .footer-content .footer-logos li { float:left; margin-left:10%; width:23%; }
    .footer .footer-content .footer-logos li.last { width:34%;}
    .footer .footer-content .footer-logos li.second { width:16%; }
    .footer .footer-content .footer-logos img { float:none; width:100%; }
    .footer .contact-us .content-contact .contact-sidebar { padding-left:1%; padding-right:1%; }
    
    .main .content .share-bck { padding-left:3%; padding-right:3%; width: 94%; }
   
   /* ===== HOME ==== */
   
    .main-home .twitter-feed .feed-top { background:none; width:66%;}
    .main-home .twitter-feed .feed-bottom { background:none; margin-top:0px; padding-bottom:0px; width:100%;}
    .main-home .twitter-feed .feed-content { background-color:#0086bf;  margin-bottom:0px; padding:10px 5% 13px 5%; width:100%;}
    .main-home .twitter-feed .twitter-title a { clear:both; float:left; }
    
    .slider .nav-slider { left:7px; }
    .slider .slides li .description { left:7px; width:96.5%;}
    .slider .slides li .description h2 { font-size: 1.857em; padding-bottom:10px; width:92%;}
    .slider .slides li .description p { width:92%; }
    .header .social-ico { left:7px; float:left; right:auto;} 
    
    #events-slider .six { margin-left:15px; margin-right:15px;  width: 474px; }
    #events-slider .three {  margin-left:15px; margin-right:15px;  width: 222px; }
    
    
    /* ===== INNER ===== */
    .rhs-box .promo-download-box .image-wrapper { background-image:none; }
    
    /* ==== SCHOOL HOME ==== */
    .main .school-home .content { margin-left:1%; width:65.1%; }
    .main .school-home .grid-box-2 .box-item.even { margin-left:1%; }
    .main .quote-promo-box .thumbnail { width:40%; }
    .main .quote-promo-box .thumbnail img { float:left; height:100%; width:100%; }
    .main .quote-promo-box .content { margin-left:0px; padding-left:3%; padding-right:3%; width:54%;  }
    
    .main .school-home .grid-box-2 .box-item { width:47.5%; }
    
    /* === LANDING === */
    .main .content .grid-box .box-item { width:30%; margin-left:5%; }
    .main .content .grid-box .box-item h2 { top:10px; }
    
    /* === COURSES MODULES ===*/
    .main .content .left-content.designers-six { width:69%; }
    .main .content .right-content.designers-three { margin-left:1%; width:29%; }
    
    /* === NEWS LANDING */
    .main .content .entire-wrap { clear:both; width:100%; }
    .main .content .twitter-feed { width:auto; }
    .main .content .twitter-feed .feed-top { background:none; width:70%;}
    .main .content .twitter-feed .feed-bottom { background:none; margin-top:0px; padding-bottom:0px; width:100%;}
    .main .content .twitter-feed .feed-content { background-color:#0086bf;  margin-bottom:0px; padding:10px 5% 13px 5%; width:100%;}
    .main .content .twitter-feed .twitter-title a { clear:both; float:left; }
    
    .main .content .zoomed-image { width:36%; }
    .main .content .gallery-wrapper ul.nav-menu { width:64%; }
    
    .main .content .active-video { width:45%; }
    
    .main .content .youtube-wrapper ul.nav-menu a h4 { display:block; width:auto;}
    
    /* === COURSE FINDER === */
    .main .content form input { width:35%; }
    .main .content .course-listing li .headline h3 { clear:both; margin-left:0px; }
    .main .content .course-listing li .course-content, .main .content .course-listing li.slidedown .course-content.active { width:91%; }
    
}

 /* 7. STYLES FOR MOBILE */
 @media screen and (max-width: 768px) {

   /* Fluid grid system */
   .grid .one,
   .grid .two,
   .grid .three,
   .grid .four,
   .grid .five,
   .grid .six,
   .grid .seven,
   .grid .eight,
   .grid .nine,
   .grid .ten,
   .grid .eleven,
   .grid .twelve,
   .grid .designers-three,
   .grid .designers-six,
   .grid .designers-nine { width:98%; }
   
    .mobile-content { display:block; }
   
   /* ===== Global ==== */
   /* header */
    .header .search-box,.header .nav { display:none; }
    .header #logo img { float:none; width: 100%; margin-left: 0px; }
    .header #logo { top: 15px; width:70%; }
    .header.header-home { height:370px;}
   
   /* footer */
    .footer .contact-us .content-contact .map { width:100%;}
    .footer .contact-us .content-contact .contact-sidebar { padding-left:15px; padding-right:15px; width:92.1%;}
    
    .footer a.back-to-top { right:40%; }
    .footer .footer-content .footer-logos { padding-bottom:45px; }
    
     .main .content .share-bck span {margin-bottom:5px; }
   
    /* ===== HOME ==== */
   .main-home .twitter-feed  { margin-top:20px; }
   .main-home .twitter-feed .feed-top { background:none; width:80%;}
   .main-home .twitter-feed .twitter-title a { clear:none; float:right;}
   
   
   .main-home .box-grid .box-item { height:auto; min-height: auto; margin-top:30px;}
   .main-home .box-grid .box-item.first { margin-top:0px; }
   .main-home .box-grid .box-item .content { float:left; width:43%; }
   .main-home .box-grid .box-item .thumbnail { float:left; width:50%; }
   .main-home .box-grid .box-item .thumbnail img { float: left; width:100%; }
    
    .main-home .homepage-promoted { padding-top:0px; }
    /* .main-home .homepage-promoted .box-item .content { padding-bottom:80px;} */
    .main-home .homepage-promoted .box-item .datetime { height:70px; }
    
    
    #events-slider .event-item { margin-left:0px;  height:550px;width:700px; }
    #slider-wrapper {  height:550px; }
    
    .main-home .events-grid img { width:95%; }
    .main-home .events-grid h3,.main-home .events-grid p { clear:both; float:left; width:98%; }
    
    .slider .nav-slider { top:110px; }
    .slider .slides li .description { top:144px; }
    .header .social-ico { bottom:10px;}
    .header .header-content { height:90%; overflow:hidden; clear:both;}
    .main-home .promo-box .toolbar h4 { width:25%; }
    .main-home .promo-box .toolbar .nav-bar { width:75%; }
    
     
    /* ==== INNER ==== */
    .main .submenu {display:none; }
    
    .header { height:236px; }
    
    .grid .rhs-box { margin-left:1%; width:100%; }
    .grid .rhs-box .box { margin-top:30px; margin-bottom:0px; }
    .rhs-box .promo-download-box.box img { width:auto; }
    
    .mobile-content.mobile-section-link { display:inline; }
    
     
    /* ==== SCHOOL HOME ===== */
    .main .lhs-col .contact-info { display:none; }
    
    .main .school-home .content { width:98%; }
    .main .school-home .mobile-section-link { margin-left: 1%; margin-bottom: 20px; float: left;}
    
    .main .quote-promo-box { margin-top:30px; }
    .main .quote-promo-box .content { width:54%;  }
    
    .main .school-home .grid-box-2 .box-item .content { height:150px; padding-bottom:20px; }
    .main .school-home .grid-box-2 .box-item { height:345px;}
    .main .school-home .grid-box-2 .box-item.odd { margin-right:0px;}
    .main .school-home .grid-box-2 .box-item.even { float:right; }
    .main .quote-promo-box { margin-right:0px; width:100%;}
    
    .main .school-home .slider-wrapper .slider { width:100%; }
    .main .school-home .slider-wrapper .related-links { height:auto; width:94%; }
    .main .school-home .slider-wrapper .related-links ul li { float:left; width:45%; }
   
    /* ==== SEARCH RESULTS ==== */
   .main .search-filter { display:none; }
   .search-filter { margin-top:30px; float:left; padding-bottom:30px; }
   .search-filter ul { background:none; border-bottom:3px solid #c6c6c6; padding-bottom:0px;}
   .search-filter input.blue-btn { margin-left:40%;}
   
   /* ==== LANDING ==== */
   
   .main .content .grid-box .box-item { background-color: #eeeeee; margin-left:0px; margin-bottom:40px; padding-bottom:0px; width:100%;}
   .main .content .grid-box .box-item h2 { top:60px; }
   .main .content .grid-box .box-item .thumbnail { float:left; width:50%; }
   .main .content .promo-slide .item { margin-left:15px; margin-right:15px; width:550px; }
   .main .content .promo-slide .nav-bar a.prev-arr { margin-left:32%;}
    .main .content .grid-box .box-item .content {  background: none; }
    
    /* === COURSES LANDING === */
    .main .content .category-listing li { width:46%;}
    .main .content .category-listing li.even { padding-left:5%; }
    
    /* === EVENTS === */
    .main .content .event-promo-box,.main .content .promo-box-img { width:95%; }
    
        /* === COURSES MODULES ===*/
    
    
    /* ==== COURSES  ==== */
    /* === 1.1 COURSE MODULE ===  */
     .main .content .left-content.designers-six, .main .content .right-content.designers-three  { width:99%; }
    .main .content .right-content.designers-three { margin-top:40px; margin-left:0px; }
    
    .main .content.course-subpage .left-content ul li { width: auto; }
    .main .content.course-subpage .right-content .rhs-stat-banner { text-align:center;}
    
    .main .content.course-subpage h1 { margin-top:20px; }
    
    .main .content.course-subpage .tab-menu { float:left; width:100%;}
    .main .content.course-subpage .tab-menu li { clear:both; margin-top:5px; float:left; width:100%; }
    
    /* === 1.2 COURSE OVERVIEW ===  */
    .main .content.course-subpage .left-content .promo-box { width:91%;}
    .main .content.course-subpage .left-content .quote-promo-box .content { width:54%; }
    .main .content.course-subpage .left-content img.mobile-content { display:none; }
    
    /* === NEWS STORY === */
     .main .content .left-content img.mobile-content { display:none; }
     
     /* === NEWS LANDING === */
    .main .content .zoomed-image,.main .content .zoomed-image li,.main .content .gallery-wrapper ul.nav-menu { width:100%; }
    .main .content .zoomed-image ul { float:left; width:100%; }
    
    .main .content .active-video, .main .content .active-video li, .main .content .video-nav ul.nav-menu  { width:100%; }
    .main .content .video-nav ul.nav-menu { margin-left:0px;  }
    .main .content .youtube-wrapper ul.nav-menu li a { width:94.5% }
    
    
    /* === COURSE COMPARISON === */
    .popup h1 { border:none; font-size:2.143em; padding-top:20px; }
    .popup h1 .cancel { display:none; }
    .popup .mobile-hidden { display:none; }
    .popup .mobile-content { display:block; }
    
     /* === COURSE FINDER === */
    .main .content form .controls .select-box { clear:both; float:left; margin-top:20px; position:relative; }
    .main .content form .controls .select-box .custom-select { left:100px; right:auto; }
    .main .content .course-listing li .color-btn { clear:both; margin-top:10px;}
    .main .content .course-listing li .course-content, .main .content .course-listing li.slidedown .course-content.active { width:85%; }
    .main .content .course-listing li .description ul { width:100%; }
    


    /* === KIS WIDGET === */
    #KIS_tabs {
      margin: 0 auto;
      width: 190px;
      position: relative;
      left: -5px;
    }

    #KIS_tabs span {
        padding: 5px 0px;
    }
}

 
@media screen and (max-width:480px) {
    
    /* ===== Global ==== */
    /* footer */
    .footer .footer-content p.copyright {  padding-right:10px;}
    .footer .footer-content .footer-links { display:none; }
    .footer .footer-content .footer-links.mobile-display  { display:block; padding-left:15px; width:90%; }
    .footer .footer-content .footer-logos { width:100%; }
    .footer a.back-to-top { right:30%; }
    
    .header #logo { width:95%; }
    
     /* ===== HOME ==== */
    .main-home .twitter-feed .feed-top { background:none; width:75%;}
    
    .main-home .tab-grid .tab ul li img { width:100%; }
    .main-home .tab-grid .tab ul li p { float:left; width:75%;}
    
    .main-home .box-grid .box-item .thumbnail  { width:100%; }
    .main-home .box-grid .box-item .content { width:92%; }
    
    /*.main-home .homepage-promoted .box-item .content { padding-bottom:60px;}*/
    .main-home .homepage-promoted .box-item .datetime { height:100px;}
    .main-home .homepage-promoted .box-item form { padding-bottom:10px;}
    .main-home .homepage-promoted .box-item input.color-btn { right:18px;}
    
    .slider .slides li .description h2 { font-size:1.714em;}
    .slider .slides li .description p, .main .slider .slides li .description p { font-size:1em;}
    .main .slider .slides li .description h2  {font-size:1.643em; }
    .main .slider .slides li .description { width:95%;}
    
    #landing-slider .slides li img { max-width: 100%; }
    #landing-slider .nav-slider { top: 10px; }
    #landing-slider .slides li .description { top: 45px; }
    #landing-slider .slides li .description h2 { padding-bottom: 0px; }
    
    #events-slider .event-item h5 { width:345px; }
    #events-slider .event-item { height:auto; margin-left:10px; margin-right:10px; width:345px; }
    #slider-wrapper {  height:auto; }
    
    .header.header-home { height:400px;}
    
    .main-home .twitter-feed .feed-content { width:96%; }
    
    .header .mobile-box .mob-nav ul { left:-254px; width:313px; }
    .header .mobile-box .mob-search form {  left:-194px; width:284px; }
    .header .mobile-box .mob-search form input { -webkit-appearance: none; -webkit-border-radius: 0; width:200px;}
    
    .main .content .pagination { width:87%;}

    .header .social-ico a { margin-left: 0; margin-right: 35px; } 
    
    /* === SCHOOL HOME === */
     
    .main .quote-promo-box { margin-right:0px; width:100%; }
    .main .school-home .grid-box-2 .box-item,.main .school-home .grid-box-2 .box-item.even,.main .school-home .grid-box-2 .box-item.odd  { margin-left:0%; margin-left:0%; width:100%;  }
    .main .quote-promo-box,.main .quote-promo-box .content { height:auto; }
    
    .main .school-home .grid-box-2 .box-item .content { height:auto; padding-bottom:20px; }
    
    .main .quote-promo-box .thumbnail { width:100% }
    .main .quote-promo-box .content { height: auto; padding-bottom:20px; width:94%;}
    .main .quote-promo-box h2 { width:50%; }
    
    /* === FORM === */
    .main .content form .optionlist li { width:45%;}
    .main .content form label { margin-bottom:0px; text-align:left; padding-right:0px; width:100%; }
    .main .content form input { width:96%; }
    .main .content form #month-select { margin-left:102px;}
    .main .content form #year-select { margin-left:204px;  }
    .main .content form .one-option-list input { line-height:30px; }
    
    /* === SEARCH FORM === */
    .main .search-results form input { width:170px; }
    .search-filter input.blue-btn,.main .search-results form input.color-btn {  -webkit-appearance: none; -webkit-border-radius: 0; }
    .main .search-results .feature-box { width:91%;}
    
    /* === LANDING === */
    .main .content .grid-box .box-item .thumbnail { width:100%;}
    .main .content .promo-slide .item { margin-left:10px; margin-right:10px; width:300px; }
    .main .content .promo-slide .nav-bar a.prev-arr { margin-left:24%;}
    
     /* === COURSES LANDING === */
    .main .content .category-listing li { width:98%;}
    .main .content .category-listing li.even { padding-left:0%; }
    .main .content .courses-search input { width:95%; }
    .main .content .courses-search input.color-btn { padding-left:10px; padding-right:10px; width:93%;}
    
    /* === EVENTS === */
    .main .content .event-promo-box,.main .content .promo-box-img  { width:91%; }
    .main .content .event-promo-box h2,.main .content .promo-box-img h2 { clear:both; padding:10px 0px; width:90%; }
    .main .content .event-promo-box img,.main .content .promo-box-img img { width:100%; }
    
    .main .content .events-filter-box fieldset { padding-left:20px; }
    .main .content .events-filter-box fieldset.search-box input { width:90%;  }
    .main .content .events-filter-box fieldset.search-box input.color-btn { padding-left:10px; padding-right:10px; width:89%;  -webkit-appearance: none; -webkit-border-radius: 0;}
    .main .content .events-filter-box fieldset ul li  { width:50%; }
    
    /* ==== COURSES  ==== */
    /* === 1.1 COURSE MODULE ===  */
    .main .content .left-content.designers-six { margin-right:0px; width:99%;}
    .main .content .right-content.designers-three { width:99%;}
    .main .content.course-subpage ul.description-list li { width:94%; }
    
    /* === 1.2 COURSE OVERVIEW ===  */
    .main .content.course-subpage .notice-info { width:92%; }
    .main .content.course-subpage .notice-info span.available-students { margin-top:10px; }
    .main .content.course-subpage .left-content .quote-promo-box .content { width:94%; }
    .main .content.course-subpage .left-content .promo-box { width:83%; }
    .main .content.course-subpage .important-notice { font-size:1.286em }
    .main .content.course-subpage .left-content img.mobile-hidden,.main .content .left-content img.mobile-hidden { display:none; }
    .main .content.course-subpage .left-content img.mobile-content,.main .content .left-content img.mobile-content { display:block; margin-left:0px; margin-right:0px; width:100%; }
    .main .content.course-subpage .left-content ul li { width: auto; }

    /* === NEWS LANDING === */
    .main .content .twitter-feed li { margin-left:0px; width:100%; }
    .main .content .twitter-feed .feed-top { background:none; width:70%;}
    .main .content .youtube-wrapper ul.nav-menu li a { width:91% }
    .main .content .youtube-wrapper ul.nav-menu a h4 { display:inline-block; width:60%;}
    
    /* === COURSE FINDER === */
    
    .main .content form .controls .color-btn { margin-left:5px; margin-top:20px; width:96%;-webkit-appearance: none; -webkit-border-radius: 0; }
    .main .content .course-listing li.feature-course .headline span { clear:both; }
   

}    

@media screen and (max-width:320px) {
  .main .content .course-listing { margin-left: 0; }
  .main .content form .controls input { margin-left: 0; }
}

/* ---------------------------------------- */
/* Styling for Schools of Study in main navigation */
/* ---------------------------------------- */

@media screen and (max-width:1189px) {
  .header .nav {
    right:7.7%;
  }
}


.header .mobile-box .mob-search form {
    display: none;
    left: -333px;
    width: 362px;

}

.header .mobile-box .mob-nav ul {
    left: -194px;
    width: 313px;
}

@media screen and (max-width:480px) {
.header .mobile-box .mob-search form {
    display: none;
    left: -255px;
    width: 362px;
}

.header .mobile-box .mob-nav ul {
    left: -194px;
    width: 313px;
}
}