/* =========================================================
 * Mobile
 * ========================================================= */

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

html, body {
	overflow: visible;
}

.container {
	width: 100%;
	min-width: 0;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	
	/*float bottom footer*/
	min-height: 100%;
	/* equal to footer height */
	margin-bottom: -25px; 
}

/* start float bottom footer*/
.container:after {
	content: "";
	display: block;
}

.filter-wrapper, .container:after {
	/* .push must be the same height as footer */
	height: 25px;
	text-align: center;
}

.filter-wrapper {
	text-align: center;
	position: fixed;
	width: 100%;
	bottom: 0;
}
/* end float bottom footer*/

#section-1 {
    display: none;
}

#section-2b {
    height: 1005px;
}

#section-2c {
    height: 750px;
}

#section-2d {
    height: 1005px;
}

#section-3 {
    position: absolute;
    height: 1050px;
}

section#navigation {
	border-bottom: 2px solid #53a7db;
}

section#brand {
	display: none;
}

section#navigation {
	height: 42px;
}

section#navigation ul {
	display: none;
}

.location-responsive {
	float: left;
	box-sizing: border-box;
}

.location-wrapper {
	padding: 6px 0px 6px 0px;
	border-bottom: 2px solid #cadfec;
	margin-bottom: 2%;
	background: url(../img/background.png) repeat;
	-webkit-box-shadow: 0px 0px 3px #918f8f;
	   -moz-box-shadow: 0px 0px 3px #918f8f;
	     -o-box-shadow: 0px 0px 3px #918f8f;
            box-shadow: 0px 0px 3px #918f8f;
}

.location-sharing {
	margin-bottom: 0;
}

.location2 {
	background: url(../img/background2.png) repeat;
}
	.location-wrapper section#location img {
		margin: 6px 2px 0px 10px;
	}
	.location-wrapper section#location {
		width: 60%;
		height: 30px;
	}

img.one {
	-webkit-border-radius: 0px;
	   -moz-border-radius: 0px;
	     -o-border-radius: 0px;
}

.row {
	-webkit-border-radius: 0px;
	   -moz-border-radius: 0px;
	     -o-border-radius: 0px;
}

section#footer-caption {
	-webkit-border-radius: 0px;
	   -moz-border-radius: 0px;
	     -o-border-radius: 0px;
}

.left {
	width: 47%;
	margin: 0% 2% 2% 2%;
}

.right {
	width: 47%;
	margin: 0% 2% 2% 0%;
}

.circle-left {
	margin: 3% 2% 0% 2%;
}

.circle-right {
	width: 47%;
	margin: 3% 2% 0% 0%;
}

.section3-quirk {
	margin-top: 2%;
}

section#scenic input{
	width: 93px;
	margin: 0;
	padding: 0;
	-webkit-border-radius: 0px;
       -moz-border-radius: 0px;
         -o-border-radius: 0px;
         border: 0;
         outline: 1px solid rgba(0,0,0,0.26);
}

section#artisan input{
	width: 93px;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 1px solid rgba(0,0,0,0.26);
}

section#food input{
	width: 93px;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 1px solid rgba(0,0,0,0.26);
}

section#adventure input{
	width: 93px;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 1px solid rgba(0,0,0,0.26);
}

section#cultural input{
	width: 93px;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 1px solid rgba(0,0,0,0.26);
}

section#add input{
	display: none;
}

/* =========================================================
 * css styling
 * sharing.html
 * ========================================================= */
 
 .sharing-coverflow {
	 width: 100%;
	 margin: 0 auto 5% auto;
	 padding-top: 10%;
	 height: 40%;
	 outline: 2px dashed #c0bbbb;
	 text-align: center;
	 float: none;
	 box-sizing: content-box;
 }
 .sharing-coverflow img{
 	width: 50%;
 }
 .sharing-coverflow p {
	 padding: 0;
	 margin: 0;
	 font-size: 32px;
	 font-weight: 500;
 }
 .sharing-coverflow p span {
 	font-size: 21px;
	 font-weight: 100;
	 color: #707070;
	 opacity: 1;
 }
 .sharing-coverflow:hover, section#profile-image:hover,  section#comment:hover{
	 background: white;
	 -webkit-transition: all 0.3s ease;
		   -moz-transition: all 0.3s ease;
		     -o-transition: all 0.3s ease;
		        transition: all 0.3s ease;
 }
 .profile {
	 width: 100%;
	 height: 25%;
	 margin: 0 auto 5% auto; 
	 float: none;
	 box-sizing: content-box;
 }
 section#profile-image {
	 width: 30%;
	 margin-left: 5%;
	 margin-right: 2.5%;
	 height: 100%;
	 float: left;
	 box-sizing: border-box;
	 outline: 1px solid black;
	 text-align: center;
	 padding-top: 10%;
	 outline: 2px dashed #c0bbbb;
 }
 section#profile-image p {
	 font-size: 21px;
	 font-weight: 500;
 }
 section#comment {
	 width: 55%;
	 margin-left: 2.5%;
	 margin-right: 5%;
	 height: 100%;
	 float: left;
	 box-sizing: border-box;
	 outline: 2px dashed #c0bbbb;
	 text-align: center;
	 padding-top: 10%;
 }
 section#comment img {
	 width: 55%;
 }
 section#comment p{
	 padding: 5px;
 }
 section#comment p span {
	 color: #349ee5;
 }
 form {
	 width: 90%;
	 margin: 0 auto;
	 float: none;
	 box-sizing: content-box;
 }
 form input {
	 height: 60px;
 }
 
 .sharing-coverflow-populated {
	 width: 465px;
	 height: auto;
	 margin: 0% 0 2.5% 0%;
	 float: none;
	 box-sizing: content-box;
 }
 
 .sharing-video-populated {
	 display: block;
 }
 
 .sharing-coverflow-populated img {
	 padding: 0;
	 margin: 0;
 }
 
 .profile-adjustment{
	 margin: 5% auto 5% auto;
	 height: 14%;
 }
 .profile-adjustment #profile-image{
 	width: 22%;
	height: 100%;	
	padding-top: 0;
	outline: 0px;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
         -o-border-radius: 10px;
 }
 .profile-adjustment #profile-image img{
	 -webkit-border-radius: 10px;
	    -moz-border-radius: 10px;
          -o-border-radius: 10px;
 }
 .profile-adjustment #profile-image p{
	 display: none;
 }
 .profile-adjustment #comment {
	 width: 63%;
	 height: 100%;
	 padding-top: 0;
	 -webkit-border-radius: 20px;
	    -moz-border-radius: 20px;
          -o-border-radius: 20px;
	 -webkit-box-shadow: 0px 0px 3px #8a8383;
	       -moz-box-shadow: 0px 0px 3px #8a8383;
	         -o-box-shadow: 0px 0px 3px #8a8383;
                box-shadow: 0px 0px 3px #8a8383;
	 outline: 0;
 }


}