/**---------------------------------------------------------------------------
 * X.X MAIN NAV - MOBILE VIEW
 *
 *
 *
 * ----------------------------------------------------------------------------
 */

@media all and (max-width : 767px) {

        .navbar-default {
            background: rgba(255, 255, 255, 0.5);
        }
            .navbar-toggle {
                border: none;
            }
            .navbar-collapse {
                border: none;
            }
	        ul li a.currentPage {
		        border-bottom: none;
                font-weight: bold;
                padding-bottom: 5px;
	        }
    .navbar
    {
        margin:0px;
    }
	
}

@media all and (max-width : 320px)
{
    a.site-title:link
    {
        font-size: 18px;
    }
}

/**---------------------------------------------------------------------------
 * X.X HOME
 *
 *
 *
 * ----------------------------------------------------------------------------
 */

@media all { 

	iframe.img-responsive {
		height: 427px;
	}

}
/* two lines above mapbox */
@media all and (max-width : 698px) { 

	#home-global p {
		padding: 0 16px;
		text-align: left;
	}

}

/* decrease size of header below banner when size of screen decreases */
@media all and (max-width : 682px) { 

	#home-headline {
		font-size: 230%;
	}
	iframe.img-responsive {
		height: 277px;
	}

}


@media all and (max-width : 364px) { 

	#home-testimonials h6 {
		margin-top: 66px;
		width: 50%;
	}
	.testimonials .photobox {
		height: 60px;
		width: 60px;
		bottom: 40px;
	}
	.testimonials .post-content p {
		font-size: 120%;
	}
	.testimonials .testimonial-photo {
		display: none;	
	}
	.testimonials .photo-hover {
		height: 58px;
		width: 58px;
		background-position: center center;
	}

}


/**---------------------------------------------------------------------------
 * X.X ABOUT
 *
 *
 *
 * ----------------------------------------------------------------------------
*/

@media all and (max-width : 991px) { 

	.countryContainer {
		margin-top: 16px;
		width: 100%;
		text-align: center;
	}

}

@media all and (max-width : 1024px) { 

	.quote-box-content {
		background-color: rgba(84, 21, 78, 0.7);
	}
	.quote-box-img {
		position: static;
	}

}

@media all and (max-width : 440px) { 
	
	.singleBox {
		max-width: 100%;
	}
	.quote-box-content {
		background-color: rgba(255, 255, 255, 0);
		color: #000;
		font-size: 80%;
		max-width: 100%;
		max-height: 100%;
	}
		.quote-box h3 {
			color: #000;
		}
		.quote-box p {
			margin: 0 0 10px 0;
		}
	.quote-box-img {
		max-width: 100%;
		height: auto;
	}
		.quote-box-img:hover {
			opacity: 1;
		}
		.quote-box-img img {
			opacity: .1;
			max-width: 100%;
			height: auto;
		}
		
}

@media all and (max-width : 800px) { 
	
	.contentwrapper .about-template-title p img {
		display: none;
	}
	
}

/**---------------------------------------------------------------------------
 * X.X LIFE  
 *
 *
 * 
 * ----------------------------------------------------------------------------
 */

@media all and (max-width : 767px) { 
	#life-img img {
		display: none;
	}
}

/**---------------------------------------------------------------------------
 * X.X UNIVERSITY - Graduate Testimonials
 * testimonial text will resize and/or reposition depending on screen size 
 *
 *
 * ----------------------------------------------------------------------------
 */

@media all { 
	
	#grad-section p {
		margin-left: 190px;
	}
	.grad-name {
		margin-left: 0;
	}
	
}

@media all and (max-width : 1007px) { 
	
	#grad-section p {
		margin-left: 190px;
	}
	.grad-name {
		margin-left: 0;
	}
	
}

@media all and (max-width : 991px) { 
	
	#grad-section p {
		font-size: 120%;
	}
	.grad-name {
		font-size: 95%;
	}
}

@media all and (max-width : 783px) { 

	.flag {
		display: none;
	}

}

@media all and (max-width : 632px) { 
	
	.grad-name {
		text-align: left;
		margin-left: 219px;
	}

}

@media all and (max-width : 525px) { 

	.first-grad .gradphotobox, .second-grad .gradphotobox {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	#grad-section p {
		left: 0;
		float: left;
		margin-top: 20px;
		margin-left: 0;
	}
	.grad-name {
		font-size: 95%;
		margin-left: 0;
	}

}

@media all and (max-width : 500px) { 

	.container #events-key {
		width: 100%;
	}

}

@media all and (max-width : 320px) { 

	#grad-section p {
		margin-left: 0;
	}
	.grad-name {
		margin-left: 0;
	}

}

/**---------------------------------------------------------------------------
 * X.X UNIVERSITY
 * Events
 *
 *
 * ----------------------------------------------------------------------------
*/

@media all and (max-width : 500px) {

    .container #events-key {
        width: 100%;
    }

}

@media all and (max-width : 400px) { 

    .container #events-key #key-career-fair, .container #events-key #key-info-session {
		width: 100%;
	}

} 


/**---------------------------------------------------------------------------
 * X.X FAQ
 *
 *
 *
 * ----------------------------------------------------------------------------
 */

@media all and (max-width : 545px) { 
	
	#accordion-wrapper i {
		display: none;
	}
	.faq-question-title {
		padding: 9px 8%;
	}
	
}


/**---------------------------------------------------------------------------
 * X.X BLOG - 
 *
 *
 *
 * ----------------------------------------------------------------------------
 */

 @media all and (max-width : 1199px) { 
	
	.author-photo{
		margin: 10px 10px 0px 20px;
	}

}
 @media all and (max-width : 991px) { 
	
	.author-photo{
		margin: 10px 10px 20px 20px;
	}

}
 @media all and (max-width : 401px) { 
	
	.author-photo{
		margin: 10px 10px 0px 20px;
	}

}
@media all and (max-width : 628px) { 
	
	.blog-banner-wrapper > h1.blog-title {
		font-size:28px;
	}
	h3.blog-sub p, h3.blog-sub{
		font-size:14px;
		line-height: 21px;
	}
	.blog-cat-list{
		background:#fff;
		opacity:1.0; /* transparency */
		margin-bottom:25px;
	}
	.blog-cat-list ul li{
		display:block;
		border:none;
		line-height: 25px;
	}
	#all-blog, #all-blog a {
		line-height: 34px;
	}
	#all-blog-incat a {
		line-height: 25px;
	}
	
}


@media all and (max-width : 398px) { 
	
	.blog-banner-wrapper > h1.blog-title {
		font-size:24px;
	}
	h3.blog-sub p, h3.blog-sub{
		font-size:14px;
		line-height: 21px;
	}
	.blog-thumb img
	{ width:100%;
	  height:auto;
	}
}

@media all and (max-width : 398px){
	
	.blog-banner-wrapper{
		padding: 5px 0px;
	}
	.blog-banner-wrapper > h1.blog-title{
		font-size:18px;
	}
	h3.blog-sub{
		font-size:12px;
	}


}



/**---------------------------------------------------------------------------
 * X.X FOOTER
 *
 *
 *
 * ----------------------------------------------------------------------------
 */

@media all and (max-width : 364px) {

    footer {
        height: auto;
        padding-bottom: 20px;
    }
	#copyright {
		float: none;
	}
		a#copyright {
			display: block;
			float: none;
			font-size: 70%;
			text-align: center;
		}	
	ul.social-footer {
		display: block;
		float: none;
		text-align: center;
	}
        ul.social-footer li {
            float: none;
        }
        
}