.bigsur-banner {
   border-radius: 30px;
   background: url('/global/banners/202011-bigsur/bigsur-bg.jpg') no-repeat center center;
   background-size: cover;
   text-align: left;
   overflow: hidden;
   height: 120px;
   padding: 15px 30px 15px 10px;
   margin: 0 0 0;
   width: 100%;
   color: #fff;
   
   -webkit-font-smoothing: antialiased;
   
   	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    
    opacity: 1;
    transform: scale(1,1);
    
    box-shadow: 0 0 0 1px rgba(255,255,255,0);
} 
 

.bigsur-banner .icon {
	position: absolute;
	left: 30px;
	top: 15px;
	} 
  
     
.bigsur-banner h3 {
	color: #fff;
	font-size: 46px;
	line-height: 52px;
	font-weight: 800;

	position: absolute;
	left: 140px;
	top: 17px;
	width: 700px;
	text-transform: uppercase;
}

.bigsur-banner h4 {
	color: #fff;
	font-size: 26px;
	line-height: 32px;
	font-weight: 300;
	margin: 0;
	padding: 0;
	
	position: absolute;
	left: 140px;
	top: 64px;
	width: 700px;
}



@media (max-width: 631px) {
	
	.bigsur-banner {
		text-align: center;
		margin: 10px 0 0;
		padding: 15px 15px;
		height: auto;
		border-radius: 40px;
		height: 250px;
	}
	
	.bigsur-banner .icon {
		vertical-align: middle;
		margin: 0px auto 0px;
		float: none;
		top: 15px;
		left: 50%;
		transform: translate(-45px,0);
		
		width: 90px;
		height: 90px;
		
		-webkit-transition: all 300ms ease;
	    -moz-transition: all 300ms ease;
	    -o-transition: all 300ms ease;
	    transition: all 300ms ease;
	}
	
	.bigsur-banner h3 {
   		margin: 0;
   		padding: 10px 15px 0;
   		font-size: 28px;
		line-height: 32px;
		clear: both;
		width: 100%;
		
		top: 105px;
		left: 0;
	}
	
	.bigsur-banner h4 {
   		margin: 5px 0 0;
   		padding: 0 15px 10px;
   		font-weight: 300;
   		clear: both;
   		width: 100%;
   		
   		font-size: 22px;
		line-height: 22px;
		top: 180px;
		left: 0;
	}
	
	.bigsur-banner .zoom-new {
		display: none;
	}
	
}

/* Extra Small */
@media (max-width: 375px) {
	
	.bigsur-banner {
		height: 250px;
	}
	
	.bigsur-banner .images {
		width: 208px;
		height: 128px;
	}
	
	.bigsur-banner .sshot {
		width: 208px;
		height: 128px;
		
		-webkit-transition: all 300ms ease;
	    -moz-transition: all 300ms ease;
	    -o-transition: all 300ms ease;
	    transition: all 300ms ease;
	}
	

}

.bigsur-banner:hover {
	background-position: top center;
	box-shadow: 0 0 0 4px #fff, 0 0 0 8px #F2AFA7;
	 transform: scale(1,1);
	 
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.bigsur-banner:active {
	background-position: bottom center;
	box-shadow: 0 0 0 5px #fff, 0 0 0 20px #F3D6AA;
	transform: scale(0.99,0.99);
	 
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}