.logo{
	position:absolute;
	float:left; left: -25px; top: -55px;
	width:282px;
	height:156px;
	background:url(/uploads/images/AB_Logo%20A_RGB_blk_260px.png) no-repeat;	
	z-index:9999;
}
.page-content{
	background: initial;
}
.top-section h2 {
    font-size: 48px;
}
@media only screen and (min-width: 980px) and (max-width: 1199px)  {
	body{
		padding:0;
	}
	.row{
		margin-left:0px;
		margin-right:0px;	
	}
	.wrapper{
		width:90%;
		padding:0px;
	}
	.wrap-content{
		width:100%;	
	}
	.wrapper-caption{
		width:900px;	
	}
	.box-alberta li{
		width:24%;	
	}
	/*----------Slider----------*/
	.carousel-inner, #main_slider{
		width:100%;	
	}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 801px) and (max-width: 979px) {
	body{
		padding:0;
	}
	.row{
		margin-left:0px;
		margin-right:0px;	
	}
	.wrapper{
		width:98%;
		padding:0px;
	}
	.box-alberta li{
		width:23%;	
	}
	/*----------Slider----------*/
	.carousel-inner, #main_slider{
		width:100%;	
	}
}

/* All Mobile Sizes (devices and browser) */

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 800px) {
	body{
		padding:0;
	}
	.row{
		margin-left:0px;
		margin-right:0px;	
	}
	.wrapper{
		width:99.8%;
		padding:0px;
	}
	.logo{
		float:none;
		left: initial; top: -25px;
		margin:0 auto;
		height:142px;
		position:relative;	
	}
	.wrapper.cls-relative >div.col-sm-7 {
		padding: 0 11px 0 !important;
		width:100%; float: none;
	}
	.bg-top{
		display:none;	
	}
	.search-form{
		float:none;
		width:90%;
		margin-left:5%;	
	}
	ul.top-menu{
		float:none;
		display:table;	
		margin:0;
		padding:0;
		text-align:center;
	}
	ul.top-menu li{
		display:inline-table;
		float:none;	
	}
	.top-section h2{
		font-size:18px;	
	}
	ul.box-alberta{
		display:table;
		text-align:center;
		overflow:hidden;
	}
	ul.box-alberta li{
		float:none;
		display:inline-table;	
	}
	.calendar-wrap.calendar-homepage .datepicker.dropdown-menu th, .calendar-wrap.calendar-homepage .datepicker.datepicker-inline th, .calendar-wrap.calendar-homepage .datepicker.dropdown-menu td, .calendar-wrap.calendar-homepage .datepicker.datepicker-inline td{
		padding:4px 10px;	
	}
	.footer .col-sm-2 img{
		width:auto;
		margin:10px;	
	}
	.footer .col-sm-6{
		padding-left: 0;
	}
	/*_________Social Icons __________*/
	.social-icons{
		width: 100%;
	}
	/*----------Menu----------*/
	.navbar-alberta{
		float:left;
		clear:both;
		width:100%;	
	}
	.navbar-collapse{
		padding:0;	
		height:auto;
		overflow:visible;
	}
	ul.menu{
		height:auto;
		margin:0;
		padding:0;	
		width:100%;
	}
	ul.menu li{
		width:100%;	
		padding:0;
	}
	ul.menu li a{
		width:100%;
		padding:10px 0;
		text-align:center;
		border-bottom:1px solid #E6E6E6;	
		text-decoration:none;
	}
	ul.menu li a:hover{
		background:#D21044;
		color:#FFF;	
	}
	ul.menu li ul{
		display:none;	
		position:relative;
		top:0;
		left:0;
		width:100%;
	}
	ul.menu li ul a{
		width:100%;
		text-align:center;
		float:left;	
		background:#EEE;
	}
	ul.menu li ul a:hover{
		color:#FFF !important;	
	}
	.bg-menu{
		display:none !important;	
	}
	.navbar-toggle{
		background:none;
		border:none;
		border-radius:0;
		width:100%;
		text-align:center;	
	}
	.navbar-toggle{
		margin:5px 0 2px;
		font-size:14px;
		font-weight:bold;	
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
		background:none;	
	}
	.navbar{
		min-height:0;	
	}
	iframe{
		max-width:100%;	
	}
	/*----------Slider----------*/
	.carousel-inner, #main_slider{
		width:100%;	
	}
	.carousel-inner > .item > img, .carousel-inner > .item > a > img{
		
	}
	/*---------Subpage---------*/
	.left-side{
		width:100%;	
	}
	.right-side{
		width:100%;
		clear:both;	
	}	
	.left-side .col-sm-8.main-content, .left-side .col-sm-4.box-content{
		width:100% !important;
	}
}
@media only screen and (max-width: 620px) {
ul.box-alberta li {
 width: 100% !important; min-height: 120px;
 }
}
@media only screen and (max-width: 479px) {

	body{
		padding:0;
	}
	.row{
		margin-left:0px;
		margin-right:0px;	
	}
	.wrapper{
		width:99.8%;
		padding:0px;
	}
	.logo{
		float:none; left: initial; top: -25px;
		margin:0 auto;
		position:relative;	
	}
	.bg-top{
		display:none;	
	}
	.search-form{
		float:none;
		width:90%;
		margin-left:5%;	
	}
	ul.top-menu{
		float:none;
		display:table;	
		margin:0;
		padding:0;
		text-align:center;
	}
	ul.top-menu li{
		display:inline-table;
		float:none;	
	}
	.top-section h2{
		font-size:18px;	
	}
	ul.box-alberta{
		display:table;
		text-align:center;
		overflow:hidden;
	}
	ul.box-alberta li{
		float:none;
		display:inline-table;	
	}
	.calendar-wrap.calendar-homepage .datepicker.dropdown-menu th, .calendar-wrap.calendar-homepage .datepicker.datepicker-inline th, .calendar-wrap.calendar-homepage .datepicker.dropdown-menu td, .calendar-wrap.calendar-homepage .datepicker.datepicker-inline td{
		padding:4px 10px;	
	}
	.footer .col-sm-2 img{
		width:auto;
		margin:10px;	
	}
	.footer .col-sm-6{
		padding-left: 0;
	}
	/*_________Social Icons __________*/
	.social-icons{
		width: 100%;
	}
	/*----------Menu----------*/
	.navbar-alberta{
		float:left;
		clear:both;
		width:100%;	
	}
	.navbar-collapse{
		padding:0;	
		height:auto;
		overflow:visible;
	}
	ul.menu{
		height:auto;
		margin:0;
		padding:0;	
		width:100%;
	}
	ul.menu li{
		width:100%;	
		padding:0;
	}
	ul.menu li a{
		width:100%;
		padding:10px 0;
		text-align:center;
		border-bottom:1px solid #E6E6E6;	
		text-decoration:none;
	}
	ul.menu li a:hover{
		background:#D21044;
		color:#FFF;	
	}
	ul.menu li ul{
		display:none;	
		position:relative;
		top:0;
		left:0;
		width:100%;
	}
	ul.menu li ul a{
		width:100%;
		text-align:center;
		float:left;	
		background:#EEE;
	}
	ul.menu li ul a:hover{
		color:#FFF !important;	
	}
	.bg-menu{
		display:none !important;	
	}
	.navbar-toggle{
		background:none;
		border:none;
		border-radius:0;
		width:100%;
		text-align:center;	
	}
	.navbar-toggle{
		margin:5px 0 2px;
		font-size:14px;
		font-weight:bold;	
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
		background:none;	
	}
	.navbar{
		min-height:0;	
	}
	iframe{
		max-width:100%;	
	}
	/*----------Slider----------*/
	.carousel-inner, #main_slider{
		width:100%;	
	}
	.carousel-inner > .item > img, .carousel-inner > .item > a > img{
		min-width:955px;
		left:50%;
		margin-left:-480px;	
	}
	/*---------Subpage---------*/
	.left-side{
		width:100%;	
	}
	.right-side{
		width:100%;
		clear:both;	
	}
	.left-side .col-sm-8.main-content, .left-side .col-sm-4.box-content{
		width:100% !important;
	}
}

@media only screen and (max-width: 360px) {
	
}


/* NEW HOMEPAGE CHANGES DESKTOP + RESPONSIVE */
h2.discover_season {  text-transform: uppercase;}
h2.discover_season a {text-decoration: none; color: #000; font-weight: bold; font-size: 23px;}

.calendar-wrap.calendar-homepage { display: none;}

section.top-section { background: #000;}

.banner-subtext h3 { text-align: center;}

.home-box h3 { font-size: 15px; margin-bottom: 0px;}
.home-box p {display: none; line-height: 17px; font-weight: bold; font-size: 15px; color: #000;}
.home-box { width: 120px; display: inline-block; vertical-align: top; margin-right: 13px; height: 220px;}
.home-box:last-child p { width: 126px;}
.home-boxes {margin: 0 auto;width: 960px;}

@media only screen and (max-width: 1199px) and (min-width: 801px){
    .home-boxes {width: 527px;}
	.home-box { width: 160px; height: 220px;}
	.home-box img { width: 160px; height: auto;}
}
@media only screen and (max-width: 800px) and (min-width: 480px){
    .home-boxes {width: 390px;}
	.top-section h2 { font-size: 35px;}
	.home-box { width: 180px; height: 240px;}
	.home-box img { width: 180px; height: auto;}
	div#celebrating_50 {
		background-image: url(/uploads/images/home-boxes/mobile-banner.jpg);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		height: 300px;
	}
	div#celebrating_50 img {
		display: none;
	}
}
@media only screen and (max-width: 479px){
    .home-boxes {width: 270px;}
	div#celebrating_50 { 
		background-image: url(/uploads/images/home-boxes/mobile-banner.jpg);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		height: 220px;
	}
	div#celebrating_50 img {display: none;	}
	.top-section h2 {  font-size: 25px;}
}