/*
 * Iconic State Digital Agency Inc. 
 * SFU Computer Science - Max Width 768px Style Sheet
 *
 */


@media all and (max-width: 768px) {
	
 /*
  * GLOBAL STYLE PROPERTIES 
  ****************************************************************************/	
/* Left Side Bar - floats to top */
.first-col .below-nav{
	display: none; 
}

/* Right Side Bar */
.sub .textimage .image {
    width: 25%;
    float: left;
}

.sub .textimage .text {
    width: 75%;
    float: left;
}

.apply-now-img.below-768,
.apply-now-btn.below-768, 
.hide-on-full {
	display: block;
}

.apply-now-img.below-768 {
	margin-top: 20px;
}

.apply-now-btn.below-768 {
	padding-top: 0;
	bottom: 2px;
}

.adm-req.high-school .image {
	margin-bottom: 0;
}

/* Mobile Only - hide on desktop, show on mobile */
.mobile-only {
	display: block;
}


/* Carousels */

.carousel .news .carousel-text {
    bottom: 30px !important;
    width: 48% !important;
}

.carousel .carousel-text {
    width: 320px !important;
}

.carousel .carousel-text h3 {
    font-size: 0.775em !important;
}

.carousel .carousel-text h2 {
    font-size: 0.8em !important;
}

/* Stat boxes */

.stat-box .image {
    height: 90px;
    width: 90px;
    max-width: 25%;    
}

.stat-box .image img {
    height: 70px;
    margin: 5px auto 0;
    width: 70px;
}

.stat-box .text {
	width: 72%;
}

 /* 
  * 0.0 HOMEPAGE 
  ****************************************************************************/ 
  
.cs-home .homepage-btn h4 {width:50% !important;}  
.cs-home .homepage-btn h4 a {
    font-size: 1.2em !important;
}

.cs-home .homepage-btn .prospective-arrow {
    top: 25%;
}


 /* 
  * 1.0 ABOUT COMPUTING SCIENCE SECTION 
  ****************************************************************************/ 
 
 /*
  * About Us Landing Page 
  */ 
.about-us {}
.about-us.banner .text p{
    font-size: 0.75em;	
    margin-left: 20px;
}

.about-us.banner .text h5 {
    font-size: 0.7em;
    margin-left: 20px;
}

 /* 
  * 4.0 PROSPECTIVE STUDENTS SECTION 
  ****************************************************************************/ 
/*
.path-btns .grad-degree-btn {height:83%;}
.path-btns .bach-degree-btn {height:83%;}
*/

.path-btns h4 a {font-size:1.4em !important;}

/*
 * 4.1.1.1 - How to Apply
 */

.how-to-apply.impt-deadlines .parsys_column {
    height: auto !important;
    width: 100%;	
    margin-bottom: 20px;
} 
/*campus tour box*/ 
.how-to-apply.impt-deadlines .book-campus-tour-box {
	position: relative;
	overflow: auto;
}
 
.how-to-apply.impt-deadlines .parsys_column .book-campus-tour-box h3,
.how-to-apply.impt-deadlines .parsys_column .book-campus-tour-box p {
    float: left;
    width: 75%;
}	

.how-to-apply.impt-deadlines .parsys_column .book-campus-tour-box h5 {
    float: left;
    /*margin-left: 1em;*/
    clear: both;
    float: left;
}

/*talk to advisor*/
.how-to-apply.impt-deadlines .global-talk-to-advisor-box {
	position: relative;
	overflow: auto;
}

.global-talk-to-advisor-box-wide p {
	width: 100%;
}
.global-talk-to-advisor-box-wide h5 {
	float: left;
   	clear: both;
   	width: 100%;	
}

.how-to-apply.impt-deadlines .parsys_column .global-talk-to-advisor-box h3,
.how-to-apply.impt-deadlines .parsys_column .global-talk-to-advisor-box p {
    float: left;
    width: 75%;
}	

.how-to-apply.impt-deadlines .parsys_column .global-talk-to-advisor-box h5 {
    float: left;
    /*margin-left: 1em;*/
  	clear: both;
   	width: 100%;
}


/*quicklinks box*/
.how-to-apply.impt-deadlines .parsys_column .global-misc-links-square {
	overflow: auto;
}
.how-to-apply.impt-deadlines .parsys_column .global-misc-links-square ul li {
    float: left;
    width: auto;
    border-bottom: 0 none;
}

/*
 * 4.1.4.3  - UniverCity Groups
 */
.unicity{}
.unicity > .parsys_column {
    margin-right: 2%;
    padding-right: 0;
    width: 32%;
}
.unicity > .parsys_column:nth-child(3){
	margin-right: 0;
	clear: none;
}

/*
 * 4.1.5.0 - Research
 */
.ug-research.ug-research-areas .textimage{
    float: left;
    margin-right: 2%;
    width: 48%;
}

.ug-research.ug-research-areas .textimage:nth-child(4) {
    clear: none;
}

.ug-research.ug-research-areas .textimage:nth-child(even){
	margin-right: 0;
}

.ug-research.ug-research-areas .textimage:nth-child(odd) {
	margin-right: 2%;
}


	
} /* end @media all and (max-width: 480px) */