/*
/* CIA ProChef responsive styles
   Provided by Ellucian, Inc.
========================================================================== */

/*

/* --->>> Responsive overrides: desktop <<<--- */
@media (min-width: 1200px) {
    
 .products .item .media {
		width:40%;
	}
	.products .item .text {
		width:60%;
	}
	.conferenceListing .info {
	position: absolute;
	top: 10px;
	right: 10px;
}
    
}

/* --->>> Responsive overrides: small desktop and smaller <<<--- */
@media (max-width: 1200px) {
	#navGlobal li a {
		padding: 10px 5px;
	}
	.products .item .media {
		width:40%;
	}
	.products .item .text {
		width:60%;
	}
	.featureListing .items a {
		font-size: 17px;
		
	}
	
	#ciaLogo {
		right: 20px;
		bottom: 20px;
		background-size: 100%;
		width: 90px;
	}

}

/* --->>> Responsive overrides: tablet portrait and Smaller <<<--- */
@media (max-width: 979px) {

	#mainContent {
		padding: 0 18px;
	}

	.home #mainContent {
		padding: 0;
	}
	
	img {
		max-width: 100%;
		height: auto;
	}

	#mobileNav {
		display: block;
		width: 24px;
		height: 24px;
		background: url(/client/img/menu.png);
		text-indent: -9999px;
		overflow: hidden;
		position: absolute;
		top: 18px;
		left: 9px;

	}
	.sidr li, .sidr h2 {
						font-family:"Frutiger LT W01_57 Condensed", Frutiger, "Frutiger Linotype", Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;; 

	}

	.sidr h2 {
		cursor: pointer;
		text-align: left;
		text-transform: none;
		letter-spacing: normal;
		font-size: 15px!important;
	}

	.sidr ul li .glyphicon {
	  padding: 3px 10px 0px 0px;
	  display: inline-block;
	  top:2px;
	}
	.sidr-class-current {
		background-color:#ebebeb
	}
	

	
	.sidr-class-navInPage li a {
		padding-left: 15px!important;
	}

	#navGlobal, .navSide {
		display: none;
	}

	

	#mainContent {
		padding-bottom: 0;
	}

	#navBreadcrumb {
		padding: 15px 10px;
	}

	h1 {
		float: none!important;
		padding: 0 10px;
	}

	.container {
		padding: 0;
	}

	.home header, header {
		margin-top: 0;
		top: 0;
		position: relative;
	}

	#logo a {
		float: none;
		margin: 13px auto 0 auto;
		position: static;
	}

	#wrapper {
		padding: 10px  0 0 0;
	}

	#navGlobal {
		width: 100%;
		float: none;
	}

	#search {
		clear: both;
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		background: #343434;
	}
		#search input.search-query {
			padding: 10px;
		}

	
		
	

	.productDetail .addtocart {
		float: none;
		margin: 20px 0;
	}

	.conferenceListingHome h2 {
		padding: 0;
	}

	.productFeature h2 {
		text-align: left;
	}

	.sidr h1, .sidr h2, .sidr h3, .sidr h4, .sidr h5, .sidr h6 {
		font-size: 18px!important;
		background: transparent!important;
		box-shadow: 0 0 0!important;
	}

	.navSide {
		text-align: center;
		padding: 0;
		margin-left: 0;
	}

	.productDepartmentListing ul, .navSide .navFacets ul, .navSide .navDepts span, .navSide .navDepts a {
		padding-left: 0;
		padding-right: 0;
	}

	#search {
		margin-bottom: 8px;
		  border-bottom: 1px solid;
		  /*position: absolute;*/
		  z-index: 999;
		  height: 55px;
		  top: 10px;
	}
	
	#homeRotator {
		margin-top:20px;
	}

	footer {
		height: auto;margin: 0;
	}
.products .item .media {
		width:40%;
	}
	.products .item .text {
		width:60%;
	}
   
}

/* --->>> Responsive overrides: tablet portrait only <<<--- */
@media (max-width: 979px) and (min-width: 768px) {

	
	.callout {
		width: 50%;
	}

	.col-md-9 .callout {
		width: 33.3%;
	}

	#bx-pager li, #bx-pager li img {
		width: 86px;
	}

	#footerLogo a {
		width: 98px;
		background-size: 100%;
	}

	.conferenceListingHome h2 {
		font-size: 26px;
	}

	#ciaLogo {
		right: 20px;
		bottom: 55px;
		background-size: 100%;
		width: 70px;
	}

	.products .item .media {
		width:40%;
	}
	.products .item .text {
		width:60%;
	}
		
}


/* --->>> Responsive overrides: phone (all modes, retina display) <<<--- */
@media (max-width: 767px) {

	.home #wrapper {
		padding: 0;
	}

	h1 {
		font-size: 22px;
		text-align: center;
	}

	h2 {
		font-size: 22px;
		margin: 10px 0;
	}

	#logo a {
		background: url(/client/img/ciaprochef-mRev2.png) no-repeat right top;
		width: 88%;
		height: 61px;
		margin: 2px 0 0 0;
		position: relative;
		right: 0;
		top: 0;
		left:34px
	}

	body.home #navGlobal {
		/*display: block;*/
	}

	
	
	#navGlobal li {
		width: 100%;
		text-align: center;
	}
		#navGlobal li a {
			border: 1px solid #000;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			background: #63B8EE;
			background: linear-gradient(top, #FFFFFF, #f2f2f2);
			background: -ms-linear-gradient(top, #FFFFFF, #f2f2f2);
			background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#f2f2f2));
			background: -moz-linear-gradient(top, #FFFFFF, #f2f2f2);
			margin: 5px 5px 0 5px;
			color: #000;
		}
			#navGlobal li a:hover {
				background: #468CCF;
		background: linear-gradient(top,  #F2F2F2,  #FFFFFF);
		background: -ms-linear-gradient(top,  #F2F2F2,  #FFFFFF);
		background: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#FFFFFF));
		background: -moz-linear-gradient(top,  #F2F2F2,  #FFFFFF);
			}
	
	
	#ciaLogo {
		display: none;
		
	}

	#search {
		/*margin-bottom: 8px;*/
		  border-bottom: 1px solid;
		  /*&position: absolute;*/
		  z-index: 999;
		  height: 36px;
		 /* top: 67px;*/
	}
	
	#homeRotator {
		margin-top:10px;
	}
	
	
	#search input.search-query {
		height: 35px;
	}

	#bx-pager {
		display: none;
	}

	#footerLogo {
		position: static;
	}

	footer address {
		text-align: center;
		padding: 0;
		margin: 0;
		padding:1em 0;
		float: none;
		width: 100%;
	}

	#navSocial, #footerNav {
		margin: 0 auto;
		text-align: center;
		float: none;
	}
		#navSocial li {
			display: inline-block;
			float: none;
			margin: 0 5px;
		}

	#footerNav {
		display: block;
		clear: both;
		text-align: center;
	}

	#footerNavs {
		float: none;
	}

		#footerNavs li {
			float: none;
		}

	footer small {
		text-align: center;
	}

	.contact, .callout {
		float: none;
		width: 100%!important;
	}

	.callout .media {
		float:left;
		width:25%;
	}
	.callout .text {
		float:right;
		width:75%;
	}
	.callout p {
		margin-bottom:0px;
	}
	.productListing .more {
		position: static;
	}

	.productListing .item, .featureListing .item {
		/*width: 100%;*/
	}
	

	.conferenceListing .info {
		float: none;
	}

	.conferenceListing h1,
	.conferenceListing #conferenceSort {
		float: none;
	}

	.conferenceListingHome {
		padding: 10px 0px ;
	}

.conferenceListingHome h2{
	padding: 0;
	position: relative;
	/*left: -20px;*/
	white-space: nowrap;
	padding-bottom: 10px;
	margin: 0px;
	font-size:18px;
	
}

.conferenceListingHome .item {
	padding:0px 40px;
}

.conferenceListingHome .month {
		
			font-size: 16px;
			display:inline;
			font-weight:bold;
			padding-right:0.3em;
		}

		.conferenceListingHome .day {

			font-size: 16px;
			display:inline;
			
		}

/*
		.conferenceListingHome time, .conferenceListingHome h3  {
			width: auto;
			float: none;
		}

		.conferenceListingHome .day, .conferenceListingHome .month {
			display: inline;
			font-size: 20px;
			padding-right: 5px;
		}
	*/

	.conferenceListingHome time {
		width: 25%;
		float: left;
		text-align: top;
		line-height: 1.25;
		font-size: 16px;
	}

	
		
	.conferenceListingHome h3 {
		float: left;
		width: 75%;
		color: #fff;
		font-size: 16px;
		line-height: 1.25;
	}
	
	.conference-carousel .owl-prev, .conference-carousel .owl-next {
		top: 80px;
		height:auto;
	}

	.conference-carousel .owl-next {
		
	}
	
	.downloads {margin-top:20px;}
	.presentation {margin-bottom:20px;} 
	.presentation-media {width:25%; float:left;}
	.presentation-media img {width:100%;height:auto;}
	.presentation-text {padding:0px;width:70%;float:right;}
	
	#ciaLogo {
		right: 13px;
		bottom: -120px;
		width: 80px;
		background-size: 100%;
	}

	.products {
		padding: 0 10px;
	}
		.products .button {
			white-space: nowrap;
		}

		.featureListing img {
		width: 15%;
	}

	.featureListing .title {
		width: 85%;
	}

	#contactForm label,#contactForm div input,#contactForm select,#contactForm textarea 
	{float: none;width: 100%; }
	.searchResults .gsc-webResult .gsc-result {
	padding:20px 0px;
	}
	.searchResults .gsc-search-box .gsc-input input {	
	border: 2px solid #aaa;
	color: #444444;
	font-size: 20px;
	padding: 6px 8px;
	}
	.searchResults .gsc-wrapper {
	  position: relative;
	  display: block;
	  max-width: 100%;
	  margin: 0px auto;
	}
	.searchResults .gs-web-image-box img.gs-image, .searchResults .gs-promotion-image-box img.gs-promotion-image {
	max-width:60px;
	max-height:60px;
	}
	.searchResults .gs-web-image-box,.searchResults  .gs-promotion-image-box {
	width:72px;
	padding-right:18px;
	}

}