﻿
* media queries */
@media (max-width:1200px){

	.search-item-price #search-reservation-tool-select {
		padding-left: 0px;
		text-align: center;
	}
	.search-item-price #search-reservation-tool-select .icon{
		display: none;
	}
	.search-item-info .person-container {
		height: 25px;
	}
	.search-item-image {
		padding-top: 3px;
	}
	.bg-white .nav > li > a {
		padding-left: 9px;
		padding-right: 9px;
	}
	
	#main-nav{
	margin:0 !important;

	}
	
	#main{
	padding-top:0 !important;
	}
	
}

@media (min-width:768px) {
	
	.call-block-mobile {display: none;}
}

@media (min-width:768px) and (max-width:1041px){

	body.resorts {background-position: 50% 200px;}

	#main {margin-top: 342px;}

	#reservation-tool {
		max-width: 600px;
		text-align: center; 
		top: 260px;
	}
	#reservation-tool a {
		margin: 4px 4px; 
		width: 150px;
	}
	#reservation-tool-shrinked a {margin: 1px;}
	
	#reservation-tool .red-btn {width: 138px;}
	
	.header-lift {margin: 0 0 20px;}
	
	.span-pad12 {
		display: block !important; 
		width: 100% !important; 
	}
	.ml-pad-10 {margin-left: 10px;}
	
	.price-box.lift-col-one-third {width: auto !important; min-width: 50% !important;}
}
@media (min-width:768px) and (max-width:979px){

	body.resorts {background-position: 50% 130px;}

	.lift-span {/*min-width: 352px;*/ margin: 8px 4px;}
	.campaign-lift .lift-image {width: 140px;}
	h2 {font-size: 26px; line-height: 28px;}
	
	.span-pad1,
	.span-pad2,
	.span-pad3,
	.span-pad4,
	.span-pad5,
	.span-pad6,
	.span-pad7,
	.span-pad8,
	.span-pad9,
	.span-pad10,
	.span-pad11,
	.span-pad12 {display: block; float: left;}
	
	.span-pad6 {width: 49%;}
	
	.mt-pad-20 {margin-top: 20px;}
	
	.icon-big-arrow {right: 20px;}

	.reservation-lift .reservation-btn {
	  border: 2px solid #B2B2B2;
	  color: #1d1d1b;
	  display: inline-block;
	  font-size: 14px;
	  width: 90px;
	  height: 50px;
	  line-height: 50px;
	  margin: 4px 6px;
	  padding: 0 4px 0 10px;
	}	
	
}
@media (max-width:979px){

	body {padding: 0;}
	
	/*#main-horizonal-mob-nav {position: relative;top: 110px;z-index: 6700;}*/
	
	.footer-resorts-list li{width: 50%;}	
	
	input { width: 90%;}
	
	#map-container {

		position: static;		
		height: 500px;
	}
	.lift-col {width: 100%; margin-bottom: 14px;}
	
	.mt-header {margin-top: -20px;}
	
	.call-block-nav {
		color: #FFFFFF !important;
		font-size: 24px !important;		
		height: 60px;
		line-height: 60px;
		text-align: center;
		text-shadow: 0 1px 1px #760000 !important;	
		margin: 6px 6px 6px 0;
	}	
	
	.search #main {
		margin-top: 0px;
	}
	.search h3 {
		font-size: 16px;
	}
	.search-page-title h1 {
		font-size: 27px;
	}
	.search h4 {
		font-size: 13px;
	}
	.search-reservation-tool-container a{
		font-size: 11px;
	}
	.search-item-price #search-reservation-tool-select {
		font-size: 18px;
	}
	.not-available p {
		font-size: 14px;
	}
	.not-available #search-reservation-tool-select {
		font-size: 11px;
	}
	.search-item-info .person-container {
		height: 20px;
	}
	.search-item-info {
		padding: 16px;
	}
	.search-item-price .item-price {
		font-size: 24px;
	}
	#header-carousel-title{
		left: auto;
		text-align: left;
		margin-left: auto;
		padding-left: 20px;
	}
	#header-carousel-subtitle{
		left: auto;
		text-align: left;
		margin-left: auto;
		padding-left: 20px;
	}
	.frontpage-header-title {
		left: auto;
		text-align: left;
		margin-left: auto;
		padding-left: 20px;
	}
	.lift-col-one-third {min-width: 49%;}
}
@media (max-width:769px){

	.col-mob1,
	.col-mob2,
	.col-mob3,
	.col-mob4,
	.col-mob5,
	.col-mob6,
	.col-mob7,
	.col-mob8,
	.col-mob9,
	.col-mob10,
	.col-mob11,
	.col-mob12 {
		display: block !important; 
		float: left !important;
	}
	
	.col-mob6 {width: 49% !important;}
	.col-mob8 {width: 80% !important;}
	.col-mob1 {width: 10% !important;}
	
	.col-offset-mob6{margin-left: 49% !important;}

	body.frontpage {
		background-size: auto 60%;
		background: url(../img/header_img_1.jpg) no-repeat 50% 80px;
		background-attachment: scroll;
	}
	body.resorts {background: none;}
	body.landingpage {background-position: 50% 80px;}	
	
	#main-helper {box-shadow: none;}	
	
	.frontpage #main,
	#main {margin: 0 auto;}
	
	.resorts #main {
		margin-top: 10px;
	}

	#map-container {height: 300px; margin: 0;}	
	
	.container {margin: 0 auto; width: 94%;}
	
	.header-carousel-wrapper {
		top: 80px; 
		margin: 0;
	}
	
	#upper-navbar {display: none;}
	
	.navbar .brand {margin-left: 20px;}
	.navbar .btn-navbar {margin: 10px 30px 0 0;}
	.nav-collapse .nav {margin: 0 0 0 30px;}
	
	.lift-col-one-third {width: 31% !important;}	
	.lift-span {width: 100%; margin: 10px auto; height: 100%;clear: both; overflow: hidden;}
	.lift-one-third .lift-image {width: 100%; margin-bottom: 10px;}
	.lift-one-third {margin-bottom: 20px; clear: both; width: 100%;}
	.lift-inner-link h3,
	.lift-inner-link p {margin-left: 10px;}
	.campaign-lift {margin-bottom: 20px; height: 100%;}
	.campaign-lift .lift-message {width: 59%;}
	.campaign-lift .lift-image {width: 40%;}
	
	h3.lift-message {/*bottom: -10%;*/font-size: 18px; line-height: 20px;}

	#reservation-tool a{
		display: block; 
		margin: 1%;
	}	
	#reservation-tool-submit {width: 90%;}
	
	a#reservation-tool-arrival,
	a#reservation-tool-departure {text-align: left;}	
	a#reservation-tool-arrival,
	a#reservation-tool-people {width: 37%; float:left;}
	a#reservation-tool-departure,
	a#reservation-tool-campaign {width: 37%; float:right;}
	
	#reservation-tool {
		max-width: 90%;	 
		text-align: center;
		box-shadow: none; 
		background: #efefef;
		border: 1px solid #b2b2b2;
		display: block; 
		position: static;		
		margin: 10px auto 20px auto;		
	}
	.frontpage #reservation-tool {top: 0; margin-top: 20px; box-shadow: none; }
	
	.mob-tools-helper {	
		width: 100% !important;
		background: #ffffff;
	}
	.mob-tools-helper > div {padding: 2px 7px;}
	
	.navbar-fixed-top {margin-bottom: 0;}
	
	/*.call-block-nav {
		color: #FFFFFF !important;
		font-size: 24px !important;		
		height: 60px;
		line-height: 60px;
		text-align: center;
		text-shadow: 0 1px 1px #760000 !important;	
		margin: 6px 6px 6px 0;
	}*/	
	
	.full-width-map{
		max-height: 300px;
		overflow:hidden;
	}
	.full-width-map img{width: 100%;}
	
	
	.call-block {display: none;}
	.call-block-mobile, .call-block-mobile:hover{
		margin:10px;
		display:block;
		color:#fff;
		text-decoration:none;
		cursor:pointer;
	}
	
	.header-lift h2,
	.header-lift h3,
	.header-lift {margin: 0;	}
	.header-lift ul {margin-left: 30px;}
	.lifted-text-block {
		color: inherit;
		text-shadow: none;
	}
	.lifted-text-block p {
		text-shadow: none;
	}
	.lift-white-bg {
	  background: transparent;
	  border: none;
	}

	.price-box-label {font-size: 22px; line-height: 24px; margin-top: 10px;}
	.price-box-amount {font-size: 48px; line-height: 42px;}
	.price-box-extension {font-size: 22px; line-height: 22px;}
	.price-box-btn img {padding-top: 4px;}
	
	#grid .starter-card {margin-left: 0;}
	.resorts-card-accordion img {margin-left: 7px;}
	
	
	.card-filter-form label {
		width: 49%;
	}
	

	
	.newsletter-btn {
		float: left;
		margin: 20px 0 0 0;
	}
	
	.ml-mob-10 {margin-left: 10px;}
	.ml-mob-20 {margin-left: 20px;}
	
	.footer-logo {
		display: block; 
		float:left; 
		margin-top: 16px; 
		clear: both; 
		overflow: hidden;
	}
	.bottom-end-link {float: left;}	

	.search-item {
		width: 100%;
		height: 100%;
	}
	.search-item-price {
		height: 100%;
		border: 0;
		padding-top: 0px;
	}
	.search-item-price p {
		padding-top: 10px;
	}

	.search-item-info {
		padding-left: 13px;
		height: auto;
	}

	.search-item-info p, .search-item-info .person-container {
		position: static;
	}
	.search-item-offer {
		left: 8px;
		top: 8px;
	}
	.search-item-offer:before {
		display: none;
	}
	.search-item-image {
		padding-top: 0px;
	}	

	.basic-square-list li:before {display: none;}

	.frontpage-header-title {font-size: 30px;}

	.form-horizontal .control-label {
		float: none;
		text-align: left;
	 } 
	 .p-mob-10 {padding: 10px;}
	 .ml-mob-20 {margin-left: 20px;}
	
	.productpage .call-block-mobile {margin-top: 0;}  
	.productpage #main {margin-top: 0;} 	
	
}

@media (min-width:980px){

	.read-more-block {
		display: inline-block; 
		margin-top: 20px;
	}	
}
@media (min-width:1042px){
	

	.reservation-tool-pad-title {display: none;}
}
@media (max-width:1042px){
	
	.navbar .btn-navbar:hover,
	.navbar .btn-navbar {
		text-shadow: none;
		box-shadow: none;
		border: none;
		background: none;
		border-radius: 0;
		padding-right: 50px;
		font-size: 24px;
		color: #1d1d1b;
		margin-top: 18px;
	}
	.navbar .btn-navbar {background: url(../img/icon_nav.png) no-repeat 100% 2px;}
	.navbar .btn-navbar:hover {
		background: url(../img/icon_nav_hover.png) no-repeat 100% 2px;
		text-decoration: none;
	}
	.navbar .btn-navbar:hover, 
	.navbar .btn-navbar:focus, 
	.navbar .btn-navbar:active, 
	.navbar .btn-navbar.active, 
	.navbar .btn-navbar.disabled, 
	.navbar .btn-navbar[disabled] {
	  
	  color: inherit;
	  background-color: transparent;
	}	
	.span-pad12 {
		display: block; 
		width: 49%; 
	}	
	
}
@media (min-width:950px) and (max-width:1200px){

	#lower-navbar .container {width: 100%;}
	
	.navbar .brand {margin-left: 20px;}
	
	.offer-lifts {max-width: 680px; margin: 0 auto;}

	.ml-big-pad-15 {margin-left: 15px;}

	/*.span-pad12 {
		display: block; 
		width: 49%; 
	}*/
	.newsletter-btn {
		float: left;
		margin: 20px 0 0 0;
	}
}

@media (max-width:481px){
	.navbar .container {}
	.navbar .brand {width: 33%;line-height:33px;}
	.navbar .btn-navbar:hover, .navbar .btn-navbar { font-size: 20px;}
	#header-carousel-title{font-size: 27px;}
	#header-carousel-subtitle{font-size: 13px;}
}
