@media (max-width: 775px) {

.examplelist{
	padding-left:20px;
}

}

/*  This was from okler so that I could have the logo be reduced on mobile only.*/

/*@media (max-width: 400px) {
	#header.header-effect-shrink .header-logo {
        width: auto !important;
        height: auto !important;
	}
}


@media (max-width: 400px) {	
    #header .header-logo img {
        max-width: 140px !important;
        height: auto !important;
    }
}

*/


@media (max-width: 400px) {	
    #header .header-logo img {
        width: 130px !important;
        height: 55px !important;
    }


}


/* Default styles for the specific image (optional, e.g., default left alignment) */
.mobile-center-img {
  max-width: 100%; /* Ensures responsiveness on all screens */
  height: auto;
  /* Add other default styles here, e.g., float: left; margin-right: 20px; */
}

/* Styles applied ONLY when the screen width is 600px or less */
@media screen and (max-width: 600px) {
.mobile-center-img {
    display: block;      /* Change to block level element */
    margin-left: auto;   /* Center horizontally with auto margins */
    margin-right: auto;
    /* Optional: Remove any floats or alignments applied in the default styles */
    float: none;
  }
}

/* Default styles for the specific image (optional, e.g., default left alignment) */
.mobile-center-img-usa {
  max-width: 100%; /* Ensures responsiveness on all screens */
  height: auto;
  /* Add other default styles here, e.g., float: left; margin-right: 20px; */
}

/* Styles applied ONLY when the screen width is 600px or less */
@media screen and (max-width: 960px) {
.mobile-center-img-usa {
    display: block;      /* Change to block level element */
    margin-left: auto;   /* Center horizontally with auto margins */
    margin-right: auto;
    /* Optional: Remove any floats or alignments applied in the default styles */
    float: none;
    padding: 0;
  }
}

@media (max-width: 767px) {
    .sort-destination .masonry-item {
        position: static !important;
    }
}


/*
@media (max-width: 767px) {
.sort-destination {
		overflow: visible !important;
		height: auto !important;
	}
}
*/