/*
  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: 06 March 2024 09:57:37
*/


/* 
 *  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 .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 .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;
}
}
*/

/* Minified CSS version of above code */

@media screen and (max-width:1024px){.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%}.grid .four{width:31.333%}.grid .five{width:39.667%}.grid .six{width:48%}.grid .seven{width:56.333%}.grid .eight{width:64.667%}.grid .nine{width:73%}.grid .ten{width:81.333%}.grid .eleven{width:89.667%}.grid .twelve{width:98%}.grid .designers-three{width:18.40%}.grid .designers-six{width:57.20%}.grid .designers-nine{width:77.60%}.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-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%}.main-home .twitter-feed .feed-top{background:none;width:66%}.main-home .twitter-feed .feed-bottom{background:none;margin-top:0;padding-bottom:0;width:100%}.main-home .twitter-feed .feed-content{background-color:#0086bf;margin-bottom:0;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}.rhs-box .promo-download-box .image-wrapper{background-image:none}.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:0;padding-left:3%;padding-right:3%;width:54%}.main .school-home .grid-box-2 .box-item{width:47.5%}.main .content .grid-box .box-item{width:30%;margin-left:5%}.main .content .grid-box .box-item h2{top:10px}.main .content .left-content.designers-six{width:69%}.main .content .right-content.designers-three{margin-left:1%;width:29%}.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:0;padding-bottom:0;width:100%}.main .content .twitter-feed .feed-content{background-color:#0086bf;margin-bottom:0;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}.main .content form input{width:35%}.main .content .course-listing li .headline h3{clear:both;margin-left:0}.main .content .course-listing li .course-content,.main .content .course-listing li.slidedown .course-content.active{width:91%}}@media screen and (max-width:768px){.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}.header .search-box,.header .nav{display:none}.header #logo img{float:none;width:100%;margin-left:0}.header #logo{top:15px;width:70%}.header.header-home{height:370px}.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}.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:0}.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:0}.main-home .homepage-promoted .box-item .datetime{height:70px}#events-slider .event-item{margin-left:0;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%}.main .submenu{display:none}.header{height:236px}.grid .rhs-box{margin-left:1%;width:100%}.grid .rhs-box .box{margin-top:30px;margin-bottom:0}.rhs-box .promo-download-box.box img{width:auto}.mobile-content.mobile-section-link{display:inline}.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:0}.main .school-home .grid-box-2 .box-item.even{float:right}.main .quote-promo-box{margin-right:0;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%}.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:0}.search-filter input.blue-btn{margin-left:40%}.main .content .grid-box .box-item{background-color:#eee;margin-left:0;margin-bottom:40px;padding-bottom:0;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}.main .content .category-listing li{width:46%}.main .content .category-listing li.even{padding-left:5%}.main .content .event-promo-box,.main .content .promo-box-img{width:95%}.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:0}.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%}.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}.main .content .left-content img.mobile-content{display:none}.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:0}.main .content .youtube-wrapper ul.nav-menu li a{width:94.5%}.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}.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_tabs{margin:0 auto;width:190px;position:relative;left:-5px}#KIS_tabs span{padding:5px 0}}@media screen and (max-width:480px){.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%}.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 .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:0}#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}.main .quote-promo-box{margin-right:0;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%}.main .content form .optionlist li{width:45%}.main .content form label{margin-bottom:0;text-align:left;padding-right:0;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}.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%}.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%}.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%}.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 0;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%}.main .content .left-content.designers-six{margin-right:0;width:99%}.main .content .right-content.designers-three{width:99%}.main .content.course-subpage ul.description-list li{width:94%}.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:0;margin-right:0;width:100%}.main .content.course-subpage .left-content ul li{width:auto}.main .content .twitter-feed li{margin-left:0;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%}.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}}@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}}