/** Payment Methods Page **/
body.page-template-page-templatespayments-page-php,
body.page-template-page-templatespayment-methods-page-php{
	background: url(https://aws-origin.image-tech-storage.com/royale500.com/images/pages/payment.jpg) no-repeat center center fixed #000000;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}

.payments-list .attachment-post-thumbnail.wp-post-image {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	}

.payments-list {
	margin: 0;
	}

.payments-list img{
	max-width: 100%;
	height: 100%;
}

.payments-list a {
	display: block;
	}

.payments-list h5 {
	text-transform: uppercase;
	color: #C6C3C1;
	font-size: 10px;
}

@media screen and (min-width: 320px) and (max-width: 504px) {
	.payments-list {
	
	}

	.payments-list img{
		max-width: 100%;
		height: 100%;
	}
}

@media screen and (min-width: 505px) and (max-width: 767px) {
	.page-container .page-wrapper .col-xs-6{
		width: 33.33333333%;
	}
}

@media screen and (min-width: 768px) and (max-width: 992px) {
}


@media screen and (min-width: 768px) and (max-width: 1223px) {
}

@media screen and (min-width: 993px) and (max-width: 1024px) {}


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width: 321px) {
    /* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (min-width: 320px) and (max-width: 480px) {
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
}
/* iPads (portrait) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
}


@media only screen and (min-device-width: 480px) and (max-device-width: 504px) and (orientation: landscape) {
}

@media only screen and (min-device-width: 505px) and (max-device-width: 667px) and (orientation: landscape) {
}

@media only screen and (min-device-width: 1300px) and (max-device-width: 1470px){
}

@media only screen and (min-device-width: 1025px) and (max-device-width: 1299px){
}
@media only screen and (min-device-width: 667px) and (max-device-width: 736px) and (orientation: landscape) {
}


/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    /* Styles */
}