/*mobile and tablets*/

@media only screen and (min-device-width:240px) and (max-device-width:768px){
	.logo{
		margin-left:10px;
		}
	
	.navigation{
		display:none;
		}
		
	.mobile_menu, .mobile_btn{
		display:block;
		}	
		
	.slides {
		background-position: 71% center;
	}		
			
	.slider_nav{
		left: 50%;
		transform:translateX(-50%);
		}	
		
	.slides .col-md-5{
		display:none;
		}
		
	.slider_cont{
		padding:0;
		}		
		
	.slider_cont>img{
		margin:0 5%;
		}	
	
	.container_small{
		width:100%;
		}
		
	.prime_banner {
		height: 36vh;
		margin-top: 80px;
		background-size: cover;
		background-position: center center;
		}
		
	.site_title2{
		margin-top:-100px;
		}
		
	.site_title_big {
		font-size: 3em;
		}			
		
	.site_title2>h1 {
		font-size: 2.5em;
		margin: 10px 0;
		}
		
	.site_title2 h2 {
		font-size: 2em;
		}	
		
	.site_cont{
		padding:20px;
		}
		
	.his_p {
		font-size: 14px;
		padding: 12px 20px;
		}
		
	.block_img1, .block_img2 {
		height: 230px;
		}				

	.block_cont1, .block_cont2 {
		padding: 15px;
		height: auto;
		}	
		
	.logo_item {
		width: 25%;
		}
		
	.grid_cont, .grid_head2 {
		min-height: 500px;
		}		
		
	.grid_sec>h1, .site_title>h1 {
		font-size: 32px;
		margin-top: 40px;
		line-height: 32px;
		}
		
	.grid_sec>p{
		text-align:center;
		}
		
	.grid_head:hover .grid_ovr, .grid_head2:hover .grid_ovr2{
		opacity: 0;
	}
	
	.grid_head2>h2{
		padding: 0 5%;
		}
		
	.grid_head2:hover h2{
		opacity:1;
		}
	
	.grid_ovr_act .grid_ovr, .grid_ovr_act .grid_ovr2{
		opacity:1 !important;
		}
		
	.grid_ovr_act h2{
		opacity:0 !important;
		}			
		
	.block_ovr {
		background-color: rgba(0,0,0,0);
		opacity: 1;
		}
		
	.ovr_btn {
		padding: 2% 8%;
		background: rgba(255,255,255,0.7);
		color: #866d0e;
		font-size: 14px;
		}
		
	.ovr2_cont {
		padding: 0 3%;
		}	
		
	.cat_block_l .ovr_btn {
		top: 65%;
		transform: translate(-50%,-50%);
		left: 50%;
		}
		
	.cat_block_l:hover h2{
		opacity:1;
		}
		
	.block_img2>h2 {
		top: 40%;
		}
		
	.cat_recipe {
		padding-top: 30px;
		}
		
	.cat_block_s {
		margin-bottom: 20px;
		}
		
	.cat_block_l {
		margin-top: 40px;
		}
		
	.certif{
		height:26vh;
		}
		
	.cert_ovr{
		opacity:0.7;
		}					
		
	.people_title {
		margin-bottom: 30px;
		font-size: 16px;
		}	
		
	.infra_cont{
		height: 35vh;
		}	
		
	.infra_center {
		height: auto;
		}
		
	.infra_p, .infra_ul {
		width: 100%;
		}
		
	.logo_20 {
		width: 33%;
		padding: 1px;
		}
		
	.career_table_row{
		display:none;
		}
		
	.career_form{
		display:block;
		}							
		
		
	.popup_cont>img {
		width: 50%;
		margin: 0 25%;
		}
			
	.mandate {
		float: left;
		width:100%;
		}	
		
	.newsletter2>h4, .newsletter2>input{
		float:none;
		margin:0;
		margin-top:10px;
		}
		
	.newsletter2>input{
		margin:10px 10px 15px 10px;
		}		
		
	.foot_logo_cont {
		margin:0% 17.5%;
		}	
		
	.hidden_block{
		display:none;
		}	
		
	.copyright_text{
		text-align:center;
		}
		
		
	#submit {
		width: 65%;
		margin:0 17.5%;
		}									
	}
	
@media only screen and (min-device-width:280px) and (max-device-width:340px){
	.logo_block{
		padding-bottom:60px;
		}
	}	
	

@media only screen and (min-device-width:240px) and (max-device-width:768px) and (orientation:landscape){
	
	.block_img1, .block_img2 {
		height: 90vh;
		}
		
	.logo_item {
		width: 12.5%;
		}	
		
	 .mob_50{
		 width:50%;
		 float: left;
		 }	
		 
	.col-sm-6{
		width:50%;
		float:left;
		}
		
	.foot_logo_cont {
		width: 40%;
		margin:0 30%;
		}
		
	.infra_cont, .infra_center{
		height: 95vh;
	}			 
	
}

	

@media only screen and (min-device-width:768px) and (max-device-width:1024px){
	.navigation{
		display:none;
		}
		
	.mobile_menu, .mobile_btn{
		display:block;
		}
		
		
	.mob_navigation{
		top:50%;
		transform:translate(-50%, -55%);
		}	
		
	.container_small{
		padding:0 60px;
		}	
		
	.slider_nav {
		left: 50%;
		transform: translateX(-50%) scale(1.5);
		}	
		
	.site_title2>h1 {
		font-size: 4.5em;
		}	
		
	.site_title2 {
		margin-top: -160px;
		}
		
	.people_title {
		font-size: 22px;
		}	
		
	.block_img1, .block_img2 {
		height: 40vh;
		}
		
	.block_cont1, .block_cont2{
		height:120px;
		}			
	
	.grid_sec>p, .site_title>p{
		text-align: left;
		padding:0 15px 10px 15px;
		}
		
	.grid_head {
		height: 260px;
		}	
		
	.cat_block_s {
		margin-bottom:40px;
		}
		
	.certif{
		height:20vh;
		}	
		
	.logo_item {
		width: 12.5%;
		}
		
	.infra_cont, .infra_center{
		height: 28vh;
		}
		
	.p_img_hold {
		min-height: 200px;
	}	
		
	.get_block:last-child{
		padding-bottom:30px;
		}	
		
	.logo_20 {
		width: 20%;
		padding:10px;
		}
		
	.popup_cont>img {
		width: 50%;
		margin: 0 25%;
		}	
		
	.mandate{
		float: right;
		}				
		
	/*.post_cont{
		padding:0 40px;
		}*/		
	
	.foot_logo_cont {
		width: 40%;
		margin:0 30%;
		}
	
	}
	
	
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){
	
	.slides .col-md-5 {
		 display: block; 
		}
		
	.grid_head:hover .grid_ovr, .grid_head2:hover .grid_ovr2{
		opacity: 0;
	}
	
	.grid_cont, .grid_head2 {
		min-height: 410px;
		}
	.grid_head {
		height: 170px;
		}
	
	.grid_head2>h2{
		padding: 0 5%;
		}
		
	.grid_head2:hover h2{
		opacity:1;
		}
	
	.grid_ovr_act .grid_ovr, .grid_ovr_act .grid_ovr2{
		opacity:1 !important;
		}
		
	.grid_ovr_act h2{
		opacity:0 !important;
		}			
		
	.block_ovr {
		background-color: rgba(0,0,0,0);
		opacity: 1;
		}
		
	.ovr_btn {
		padding: 2% 8%;
		background: rgba(255,255,255,0.7);
		color: #866d0e;
		font-size: 14px;
		}
		
	.ovr2_cont {
		padding: 0 3%;
		}	
		
	.cat_block_l .ovr_btn {
		top: 65%;
		transform: translate(-50%,-50%);
		left: 50%;
		}
		
	.cat_block_l:hover h2{
		opacity:1;
		}
		
	.block_img1, .block_img2 {
		height: 33vh;
		}	
		
	.block_img2>h2 {
		top: 40%;
		}	
		
	.block_cont1, .block_cont2 {
		height: 170px;
		}	
			
	.clear_div{
		clear:both;
		}	
		
	.p_img_hold {
		min-height: 170px;
		}
		
	.certif{
		height:20vh;
		}
			
	.cert_ovr{
		opacity:0.7;
		}
		
	.foot_logo_cont {
		width: 70%;
		margin:0 15%;
		}
				
	
}		
	
@media (min-width:1600px){
	.grid_head {
		height: 33vh;
		}
		
	}	