/*

  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: 100px;
    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: 143px
  }

  .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
  }
}