@media only screen and (min-width: 767px) {
	 #BlinnVid {
		 width: 100%;
		 height: auto;
		 background: transparent url("https://www.blinn.edu/_videos/images/vidBanner.PNG") 50% 50% / cover no-repeat ;
	}
	 #aux-vid {
		 position: relative;
		 top:-10px;
		 display: none;
	}
	 #moveup {
		 position: relative;
		 top:-46px;
	}
}
 @media only screen and (max-width: 767px) {
	 #BlinnVid {
		 position: relative;
		 top:-10px;
		 display: none;
	}
	/*this is the square video*/
	 #aux-vid {
		 position: relative;
		 top:-80px;
		 display: block;
		/*display: none;
		*/
		 width: 100%;
		 height: 300px;
		 background: url("https://www.blinn.edu/_videos/images/vidBanner-square.PNG") 50% 50% / cover no-repeat ;
	}
	

	
	 .video_poster{
		 width:100%;
		 height:auto;
		 background-size:100% auto;
		 background: url("https://www.blinn.edu/_videos/images/vidBanner-square.PNG") 50% 50% / cover no-repeat ;
	}
	 #moveup {
		 position: relative;
		 top:-117px;
	}
	 .quick-link-row .glyphicon {
		 display:block !important;
	}
	
	.quick-link-row-home .glyphicon {
		 display:block !important;
	}
	
	
	/*.quick-link-row h3 a {
		 color: unset;
	}
	 .quick-link-row {
		 background-color: #fff;
	}
	 */
	/* .responsive-navigation {
		 position: fixed;
		 width: 100%;
		 top: 0px;
		 z-index: 999999;
	}
	 */
}
 .campus_links {
	 background: #0033a1;
	 padding-bottom: 25px;
	 height: auto;
	 min-height: 80px;
	 text-align: center;
	/*vertical-align: middle;
	 */
	 font-weight: bold;
	 font-size: 26px;
}
 .campus_links a:link {
	 display: inline-block;
	 color: #FFF;
}
 .campus_links a:visited {
	 display: inline-block;
	 color: #FFF;
}
 .campus_links a:hover {
	 color: #ed9f13;
}
/* a.campus_links:link {
	 color: #ffff;
}
 a.campus_links:hover {
	 color: #ed9f13;
}
 */
 @media only screen and (max-width: 767px) {
	 .campus_links {
		 font-size: 18px;
		 padding: 10px;
	}
}
 .happening {
	 background: #fff;
	 padding-top:20px;
	 height: auto;
	 min-height: 80px;
	 text-align: center;
}
 .hr {
	 color: #97999b;
	 background-color: #97999b;
	 height: 5px;
}
 .blinn_cd {
	 background: #0033a1;
	 padding-top: 20px;
	 height: auto;
	 min-height: 80px;
	 text-align: center;
	/*color: #ffffff;
	 font-size: 32pt;
	 font-weight:bold;
	*/
}
 .hr_blinn_cd {
	 color: #fff;
	 background-color: #fff;
	 height: 5px;
}

 .blinn_bar {
	 position: relative;
	 top: 15px;
}
/*maps with overlay*/
 * {
	box-sizing: border-box;
}
 .interactive_map {
	 display: block;
	/*border-radius: 1%;
	*/
	 margin-bottom: 5px;
}
 .overlay {
	 position: absolute;
	 bottom: 0;
	/*background: rgba(0, 0, 0, 0.5);
	*/
	/* Black see-through */
	 background: rgba(0, 25.5, 80.5, 0.5);
	/* Raul - 10/24/2018 - get the value of the rgba and divide each value by 2*/
	/* Black see-through */
	 width: 100%;
	 transition: .5s ease;
	 opacity:0;
	 height: 100%;
}
 .interactive_map:hover {
	/*opacity: 0.5;
	*/
	/*filter: Alpha(opacity=50);
	*/
	/* IE8 and earlier */
}
/* raul - 10-16-2019 - Center across monitor */
 .interactive-maps-container {
	 position: relative;
	/*needed for overlay*/
	 margin: auto;
	 max-width: 800px;
	 width: 92%;
	/*padding: 10px;
	*/
}
 .interactive-maps-container:hover .overlay {
	 opacity: 1;
	/*needed for overlay*/
}
/*maps with overlay*/
 .high_demand {
	 text-align:center;
	 font-weight: bold;
	 background-color: #fdb813;
	 color: #fff;
	 font-size: 18px;
	 width: 100%;
	 height: auto;

}
 .high_demand a:link {
	 color: #fff;
}
 .high_demand a:visited {
	 color: #fff;
}
/* Raul - 10-26-2018 - adding social grid */
 * {
	 box-sizing: border-box;
}
/* Create three equal columns that floats next to each other */
 .column {
	 float: left;
	 width: auto;
	 padding: 0px;
	/* height: 422px;
	 Should be removed. Only for demonstration */
}
 .column img:hover {
	 opacity: 0.5;
	 filter: Alpha(opacity=50);
	/* IE8 and earlier */
}
/* Clear floats after the columns */
 .row:after {
	 content: "";
	 display: table;
	 clear: both;
}
/* Responsive layout - makes the three columns stack on top of each other instead of next to each other @media screen and (max-width: 400px) {
	 .column {
		 width: 50%;
	}
}
 */
 .full_image {
	 height: 400px;
}
 .mid_image {
	/*width: 316px;
	*/
	 width: 355px;
}
 .third_col {
	 width: 355px;
	 height: 200px;
	 margin-bottom: -8px;
	/*change to zero if not video */
}
 @media only screen and (max-width: 767px) {
	 .full_image, .mid_image {
		 width: 400px;
		/*400 default*/
		 height: auto;
		 margin-bottom: 5px;
	}
	 .third_col {
		 width: 400px;
		/*400 default*/
		 margin-bottom: 0px;
	}
}
/* Raul - 10-26-2018 - adding social grid */
 @media only screen and (max-width: 991px) {
	 .blinn_college_district {
		/*background-color: #0033a1;
		*/
		 background-color: #fff;
		 height: auto;
	}
	 .hr_blinn_cd {
		 color: #97999b;
		 background-color: #97999b;
		 height: 5px;
	}
}
 h1.bcd {
	 color: #ffffff;
}
 h1.gray-heading {
	 color: #97999b;
}
 .carousel-mobile {
	 display: none;
}
 @media only screen and (max-width: 767px) {
	 h1.bcd {
		 color: #97999b;
		 font-size: 18px;
	}
	 h1.gray-heading {
		 font-size: 18px;
		 color: #97999b;
	}
	/*raul - working on hiding the navigation squares for the carousel*/
	 .carousel-indicators {
		 display: block;
	}
	 .carousel-control-mobile{
		 display: block;
	}
	 .carousel-mobile {
		 display: block;
	}
	 .carousel-desktop {
		 display: none;
	}
	 .social-grid {
		 display: none;
	}
}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 .testimonials {

  width: 100%;
  height: auto;


} 
	
.testimonials-mobile {

	display: none;

}
	
	
	

@media only screen and (max-width: 767px) {   
    .testimonials-mobile {
		
		display: block;
  width: 100%;
  height: auto;
    	

		

    } 
	
	.testimonials {
		display: none;
	}
}