/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
	.gallery-img {
		display: inline-block;
		width: 320px;
		height: 320px;
		background-size: 320px 320px!important;
		background: red;
	}
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
	.gallery-img {
		display: inline-block;
		width: 320px;
		height: 320px;
		background-size: 320px 320px!important;
		background: red;
	}
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
	.gallery-img {
		display: inline-block;
		width: 320px;
		height: 320px;
		background-size: 320px 320px!important;
		background: red;
	}
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
	.gallery-img {
		display: inline-block;
		width: 560px;
		height: 560px;
		background-size: 560px 560px!important;
		background: red;
	}
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
	.gallery-img {
		display: inline-block;
		width: 600px;
		height: 600px;
		background-size: 600px 600px!important;
		background: red;
	}
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
	.gallery-img {
		display: inline-block;
		width: 600px;
		height: 600px;
		background-size: 600px 600px!important;
		background: red;
	}
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
	.gallery-img {
		display: inline-block;
		width: 600px;
		height: 600px;
		background-size: 600px 600px!important;
		background: red;
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
	.gallery-img {
		display: inline-block;
		width: 600px;
		height: 600px;
		background-size: 600px 600px!important;
		background: red;
	}
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
	.gallery-img {
		display: inline-block;
		width: 560px;
		height: 560px;
		background-size: 560px 560px!important;
		background: red;
	}
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
	.gallery-img {
		display: inline-block;
		width: 1824px;
		height: 1824px;
		background-size: 1824px 1824px!important;
		background: red;
	}
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
	.gallery-img {
		display: inline-block;
		width: 480px;
		height: 480px;
		background-size: 480px 480px!important;
		background: red;
	}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
	.gallery-img {
		display: inline-block;
		width: 480px;
		height: 480px;
		background-size: 480px 480px!important;
		background: red;
	}
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
	.gallery-img {
		display: inline-block;
		width: 568px;
		height: 568px;
		background-size: 568px 568px!important;
		background: red;
	}
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
	.gallery-img {
		display: inline-block;
		width: 568px;
		height: 568px;
		background-size: 568px 568px!important;
		background: red;
	}
}

/* iPhone 6, 7, 8 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
	.gallery-img {
		display: inline-block;
		width: 667px;
		height: 667px;
		background-size: 667px 667px!important;
		background: red;
	}
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
	.gallery-img {
		display: inline-block;
		width: 667px;
		height: 667px;
		background-size: 667px 667px!important;
		background: red;
	}
}

/* iPhone 6+, 7+, 8+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
	.gallery-img {
		display: inline-block;
		width: 414px;
		height: 414px;
		background-size: 414px 414px!important;
		background: red;
	}
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
	.gallery-img {
		display: inline-block;
		width: 414px;
		height: 414px;
		background-size: 414px 414px!important;
		background: red;
	}
}

/* iPhone X ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
	.gallery-img {
		display: inline-block;
		width: 375px;
		height: 375px;
		background-size: 375px 375px!important;
		background: red;
	}
}

@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
	.gallery-img {
		display: inline-block;
		width: 375px;
		height: 375px;
		background-size: 375px 375px!important;
		background: red;
	}
}

/* iPhone XS Max, XR ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
	.gallery-img {
		display: inline-block;
		width: 414px;
		height: 414px;
		background-size: 414px 414px!important;
		background: red;
	}
}

@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
	.gallery-img {
		display: inline-block;
		width: 414px;
		height: 414px;
		background-size: 414px 414px!important;
		background: red;
	}
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
	.gallery-img {
		display: inline-block;
		width: 320px;
		height: 320px;
		background-size: 320px 320px!important;
		background: red;
	}
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
	.gallery-img {
		display: inline-block;
		width: 320px;
		height: 320px;
		background-size: 320px 320px!important;
		background: red;
	}
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
	.gallery-img {
		display: inline-block;
		width: 320px;
		height: 320px;
		background-size: 320px 320px!important;
		background: red;
	}
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
	.gallery-img {
		display: inline-block;
		width: 320px;
		height: 320px;
		background-size: 320px 320px!important;
		background: red;
		text-align: center;
	}
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
	.gallery-img {
		display: inline-block;
		width: 360px;
		height: 360px;
		background-size: 360px 360px!important;
		background: red;
	}
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
	.gallery-img {
		display: inline-block;
		width: 360px;
		height: 360px;
		background-size: 360px 360px!important;
		background: red;
	}
}