/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
    
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}



/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
.navbar-nav > li > a{
	padding-right: 5px;
	padding-left: 5px;
}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
.container {
    padding: 20px 15px;
}
.main-content{
	display: inline-block;
	width: 100%;
	margin-top: 15px;
}
.navbar-nav{
	margin-top: 0;
	margin-bottom: 0;
}
.gallery__list li,
.gallery__list li:nth-child(6n) {
    margin-right: 1%;
}
.gallery__list li {
    width: 24.25%;
    margin-bottom: 1%;
}
.gallery__list li:nth-child(4n) {
    margin-right: 0;
}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
.gallery__list li {
    width: 49%;
    margin-bottom: 1%;
}
.gallery__list li:nth-child(2n) {
    margin-right: 0;
}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
    
}