/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-width : 320px)
and (max-width : 480px) {
	.p-img .side {
		height: auto;
	}
	body {
		overflow: auto;
	}
	.wrapper .left-box {
		width: auto;
		padding-left: 10px;
   		padding-right: 10px;
   		float: none;
	}
	.box-title h1 {
		font-size: 1.2rem;
	}
	.list-down {
		width: 94%;
	}
	.list-down select {
		font-size: 22px;
	}
	.box-footer {
		top: 2%;
	}
	.right-box {
		width: 100%;
		padding: 1rem 10px;
		float: none;
	}
	.player {
		width: 100%;
		height: 410px;
	}
	.btn-download a {
		font-size: 18px;
	}
	.back {
		top: 30%;
	}
	.btn-download a:before {
		width: 40px;
		height: 40px;
		left: 31px;
		top: 9px;
		background-size: cover;
	}

/* Styles */
}


/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px)
and (max-width : 736px)
and (orientation : landscape) {
	.p-img .side {
		height: auto;
	}
	body {
		overflow: auto;
	}
	.wrapper .left-box {
		width: auto;
		padding-left: 10px;
   		padding-right: 10px;
		float: none;
		height: 602px;
	}
	.p-img img {
		    max-width: 74%;
	}
	.box-title h1 {
		font-size: 1.2rem;
	}
	.list-down {
		width: 94%;
	}
	.list-down select {
		font-size: 22px;
	}
	.box-footer {
		top: 2%;
	}
	.right-box {
		width: 66%;
		padding: 1rem 10px;
		float: none;
		margin: auto;
	}
	.player {
		width: 100%;
		height: 410px;
	}
	.btn-download a {
		font-size: 18px;
	}
	.back {
		top: 30%;
	}
	.btn-download a:before {
		width: 40px;
		height: 40px;
		left: 31px;
		top: 9px;
		background-size: cover;
	}
}


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

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px) {
	.right-box {
		width: 50%;
	}
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : landscape) {
	.right-box {
		width: 50%;
	}
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : portrait) {
	.p-img .side {
		height: auto;
	}
	body {
		overflow: auto;
	}
	.wrapper .left-box {
		width: auto;
		padding-left: 10px;
   		padding-right: 10px;
   		float: none;
	}
	.wrapper .left-box {
		height: 65vh;
	}
	.box-title h1 {
		font-size: 1.2rem;
	}
	.list-down {
		width: 94%;
	}
	.list-down select {
		font-size: 22px;
	}
	.box-footer {
		top: 2%;
	}
	.right-box {
		width: 100%;
		padding: 1rem 10px;
		float: none;
	}
	.player {
		width: 76%;
		height: 805px !important;
	}
	.btn-download a {
		font-size: 18px;
	}
	.back {
		top: 30%;
	}
	.btn-download a:before {
		width: 40px;
		height: 40px;
		left: 31px;
		top: 9px;
		background-size: cover;
	}
	.p-img img {
		    max-width: 70%;
	}
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */
}

@media only screen
and (min-width : 1500px)
and (max-width : 1600px) {
    /* Styles */
}

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