@charset "UTF-8";
/* CSS Document for mobile version */

/* ======================================================
IMPORT FONTS
====================================================== */
@import 'fonts.css';

/*======================================================
DESKTOP MEDIA QUERIES
======================================================*/

/* NOTES! THIS WEBSITE ONLY DUE TO LARGE SCREEN REQUIREMENT *****/
@media only screen and (min-width: 1024px) and (max-width: 1440px) {
.narrowCopy {
	width: 65%;	
}
.regularCopy {
	width: 75%;	
}
.wideCopy {
	width: 85%;	
}
.widestCopy {
	width: 94%;	
}
.bio {
	width: 74%;	
}
.userOptions .colsThree {
	width: 48%;	
}
.viewOptions .colsTwo:nth-of-type(1), .viewOptions .colsTwo:nth-of-type(2) {
	width: 48%;	
}
.newsBlock {
	width: 47%;	
	margin: 0 30px 20px 0;
}
.newsBlock .news {
	width: 60%;	
}
.main {
	width: 95%;	
}
}

/* FOR ALL SMALLER THAN 1024PX ************************/
@media only screen and (min-width: 320px) and (max-width: 1023px) {
/* BASIC */
html, body{
	min-width: initial;
	max-width: 1023px;
	background: #ffffff;
}
.header-container, .main-container, .footer-container {
	max-width: 1023px;
	min-width: initial;	
}
.header-left .rightCol {
	display: none;	
}
.header-left .leftCol {
	border: none;	
}

/* Mobile menu animation */
body, .header-container, .main-container, .footer-container, .mobileMenu {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.mobileMenu.active {
	display: block;
	left: 30%;
}
body.active, .header-container.active, .footer-container.active {
	left: -70%;
}
.footer-container ul.userFooterNav {
	width: 70%;
}
.homeWrapper {
	min-width: initial;	
}
.main-container, .main-container.contentPage {
	display: block;	
	height: auto;
	padding: 95px 0 50px 0;
}
.main-container .leftCol, .main-container .rightCol {
	display: block;
	float: left;
	height: auto;
	width: 100%;
	max-width: 1023px;	
}
.main-container .leftCol.about, 
.main-container .leftCol.songwriters,
.main-container .leftCol.library, 
.main-container .leftCol.licensing, 
.main-container .leftCol.faqs,
.main-container .leftCol.press,
.main-container .leftCol.directions {
	background: #babcbe;	
}
.main-container .leftCol .top h1 {
	padding: 15px 0;	
}
.main-container .leftCol .top img {
	display: none;	
}
.main-container .rightCol .contentWrapper {
	width: 85%;
	margin: 0 auto;	
	padding: 0;
}
.main-container .rightCol .contentWrapper.library {
	width: 95%;
}
.main-container .rightCol .contentWrapper.about, 
.main-container .rightCol .contentWrapper.songwriters, 
.main-container .rightCol .contentWrapper.library,
.main-container .rightCol .contentWrapper.licensing,
.main-container .rightCol .contentWrapper.faqs,
.main-container .rightCol .contentWrapper.press,
.main-container .rightCol .contentWrapper.directions {
	background: #ffffff;
	min-height: initial;
}
.main {
	width: 95%;
	padding: 0 0 50px 0;	
}
.main.contentWrapper {
	width: 95%;
	padding: 45px 0 50px 0;
}
.widestCopy {
	width: 100%;	
}
.newsBlock {
	width: 100%;
	margin: 0 0 30px 0;	
}
fieldset.adminForms1Column {
	width: 100%;	
}
}

/* FOR SMALLER THAN 1024PX BUT LARGER THAN 768PX *******************/
@media only screen and (min-width: 768px) and (max-width: 1023px) {
html, body {
	min-width: 768px;	
}
.homeWrapper {
	height: auto;	
}
.homeWrapper .header-container {
	background: #000000;
}
.homeWrapper .footer-container {
	background: #2470ad;
}
ul.homeNavBlock {
	width: 85%;	
	text-align: left;
	padding: 2% 0;
}
ul.homeNavBlock li {
	padding-bottom: 30px;	
}
.narrowCopy, .regularCopy, .wideCopy {
	width: 95%;	
}
.row.selectbox.fixedSelect {
	max-width: 520px;	
}
.bio {
	width: 73%;	
}
.userOptions .colsThree {
	width: 48%;	
}
.viewOptions .colsTwo:nth-of-type(1), .viewOptions .colsTwo:nth-of-type(2) {
	width: 48%;
}
.pressBlock {
	width: 47%;
	margin: 0 35px 20px 0;	
}
.pressBlock .pressThumbnail iframe, 
.pressBlock .pressThumbnail img {
	width: 100%;
	height: 210px;	
}
.section2Columns fieldset.adminForms1Column input[type="text"] {
	width: 90%;	
}

}


/* FOR SMALLER THAN 767PX BUT LARGER THAN 480PX ***/
@media only screen and (min-width: 481px) and (max-width: 767px) {
.header-left {
	width: 70%;	
}
.header-right {
	width: 30%;	
}
.header-container img.siteLogo {
	width: 330px;
	height: auto;
	padding: 0 15px 0 10px;
}
.header-container img.menuBtn {
	padding: 0 10px 0 15px;
}
.homeWrapper {
	height: auto;	
}
.homeWrapper .header-container {
	background: #000000;
}
.homeWrapper .footer-container {
	background: #2470ad;
}
ul.homeNavBlock {
	width: 85%;	
	text-align: left;
	padding: 2% 0;
}
ul.homeNavBlock li {
	padding-bottom: 30px;	
}
.main-container .rightCol .contentWrapper {
	width: 95%;	
}
.narrowCopy, .regularCopy, .wideCopy, .widestCopy {
	width: 100%;	
}
.colsThree {
	width: 45%;	
}
.bio {
	width: 72%;	
}
.userOptions .colsThree {
	width: 100%;	
}
.viewOptions .colsTwo:nth-of-type(1), 
.viewOptions .colsTwo:nth-of-type(2) {
	width: 100%;
}
.pressBlock,  .pressBlock:nth-of-type(2n) {
	width: 445px;
	margin: 0 auto;	
	display: block;
	float: none;
}
.pressBlock .pressThumbnail iframe, 
.pressBlock .pressThumbnail img {
	width: 100%;
	height: 250px;	
}
.section2Columns {
	width: 100%;
	margin: 0 0 25px 0;
	border: none;
}
.section2Columns:nth-of-type(even){
	margin: 0 0 25px 0;
	border-top: 1px solid #2470ad;
	padding: 25px 0 0 0;
}
.listTable.wide tr th:nth-of-type(n+4) {
	display: none;
}
.listTable.wide tr td:nth-of-type(n+4) {
	display: none;
}
.section3Columns, .section3Columns:nth-of-type(3) {
	width: 80%;
	float: none;
	margin: 0 auto;
}
fieldset.adminForms2Column {
	width: 90%;
	float: none;
	margin: 0 auto; 
}
fieldset.adminForms2Column:nth-of-type(2) {
	padding: 20px 0 0 0;
	margin: 20px auto 0 auto;	
	border-top: 1px solid #2470ad;
}
}

/* FOR SMALLER THAN 480PX ************************/
@media only screen and (min-width: 320px) and (max-width: 480px) {
.header-left, .header-right {
	padding: 15px 0;	
}
.header-container img.siteLogo {
	display: none;
}
.header-container img.siteLogoMobile {
	display: block;
}
.header-right .leftCol, .header-right .rightCol {
	display: none;
}
.header-container .mobileMenuCol {
	display: block;
}
.footer-left {
	width: 100%;
	padding: 10px 5px;
}
.footer-left p {
	padding: 0 0 0 15px;	
}
.footer-right {
	width: 100%;
	padding: 5px 0 10px 15px;
}
.main-container, .main-container.contentPage {
	padding: 75px 0 100px 0;	
}
.homeWrapper .header-container {
	background: #000000;
}
.homeWrapper .main-container {
	background: #2470ad;
}
.homeWrapper .footer-container {
	background: #2470ad;
}
.homeWrapper {
	height: auto;
	background: none;	
}
ul.homeNavBlock {
	padding: 0;	
}
ul.homeNavBlock li {
	display: block;
	width: 100%;
	padding: 0 0 20px 0;	
}
ul.homeNavBlock li img {
	margin: 0 auto;	
}
.main-container .rightCol .contentWrapper {
	width: 95%;	
}
.narrowCopy, .regularCopy, .wideCopy, .widestCopy {
	width: 100%;	
}
.row.selectbox.fixedSelect {
	top: 70px;	
}
.bioImg {
	width: 100%;
	max-width: none;	
}
.bio {
	width: 100%;
	padding: 20px 0 0 0;	
}
.colsThree {
	width: 100%;
	padding: 0;	
}
.userOptions .colsThree, 
.viewOptions .colsTwo:nth-of-type(1), 
.viewOptions .colsTwo:nth-of-type(2), 
p.inputColsTwo {
	width: 100%;
	padding: 0;
	margin: 0;	
}
.viewOptions .colsTwo:nth-of-type(2) {
	padding: 20px 0 0 0;	
}
.userOptions p input[type="text"].keywordSearch {
	width: 70%;	
}
.userOptions p input[type="text"] {
	width: 95%;	
}
table.listTable.library tr th:nth-of-type(n+4) {
	display: none;
}
table.listTable.library tr td:nth-of-type(n+4) {
	display: none;
}
.bar .orderBlock, .bar .titleBlock {
	width: 100%;
	float: none;
	height: auto;	
}
.bar .orderBlock p {
	padding: 5px 0;
	line-height: 125%;	
}
.bar .titleBlock p {
	padding: 5px;
	line-height: 125%;	
}
ol.orderList {
	margin: 20px 0 0 10px;
}
ol.orderList li img {
	width: 25px;
	height: auto;
}
ol.orderList li p {
	width: 83%;	
}
.info .inner {
	padding: 20px 5px 0 10px;	
}
ol.numberList {
	margin: 0 0 15px 15px;	
}
.pressBlock {
	width: 100%;
	padding: 0 0 20px 0;	
}
.pressBlock .pressThumbnail iframe {
	width: 100%;
	height: 200px;	
}
.pressBlock .pressThumbnail img {
	width: 100%;
	height: auto;	
}
.newsBlock .newsThumbnail {
	width: 100%;
	margin: 0 auto;
	float: none;	
}
.newsBlock .news {
	width: 100%;
	margin: 0 auto;
	padding: 15px 0 0 0;
	float: none;
}
ul.pressPageLinks {
	padding: 25px 0 20px 0;	
}
ul.pressPageLinks li {
	display: block;	
	width: 100%;
	padding: 10px 0;
	text-align: center;
	border-bottom: 1px solid #2470ad;
}
ul.pressPageLinks li:nth-of-type(2) {
	display: none;
}
.section2Columns {
	width: 100%;
	margin: 0 0 25px 0;
	border: none;
}
.section2Columns:nth-of-type(even){
	margin: 0 0 25px 0;
	border-top: 1px solid #2470ad;
	padding: 25px 0 0 0;
}
.listTable.wide tr th:nth-of-type(n+4) {
	display: none;
}
.listTable.wide tr td:nth-of-type(n+4) {
	display: none;
}
.section3Columns, .section3Columns:nth-of-type(3) {
	width: 100%;
	float: none;
	margin: 0 auto;
}
fieldset.adminForms2Column {
	width: 100%;
	float: none;
	margin: 0 auto; 
}
fieldset.adminForms2Column:nth-of-type(2) {
	padding: 20px 0 0 0;
	margin: 20px auto 0 auto;	
	border-top: 1px solid #2470ad;
}
input[type="file"] {
	width: 84%;	
}
.messagePG {
	width: 95%;	
}
}


/*======================================================
MOBILE DEVICE MEDIA QUERIES
IMPORTANT! (This is the actual styles for mobile, must be 
the same as the desktop media queries!)
======================================================*/

/* FOR ALL SMALLER THAN 1024PX *********************** */
@media only screen and (min-device-width: 320px) and (max-device-width: 1024px) {
/* BASIC */
html, body{
	min-width: initial;
	max-width: 1023px;
	background: #ffffff;
}
.header-container, .main-container, .footer-container {
	max-width: 1023px;
	min-width: initial;	
}
.header-left .rightCol {
	display: none;	
}
.header-left .leftCol {
	border: none;	
}

/* Mobile menu animation */
body, .header-container, .main-container, .footer-container, .mobileMenu {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.mobileMenu.active {
	display: block;
	left: 30%;
}
body.active, .header-container.active, .footer-container.active {
	left: -70%;
}
.footer-container ul.userFooterNav {
	width: 70%;
}
.homeWrapper {
	min-width: initial;	
}
.main-container, .main-container.contentPage {
	display: block;	
	height: auto;
	padding: 95px 0 50px 0;
}
.main-container .leftCol, .main-container .rightCol {
	display: block;
	float: left;
	height: auto;
	width: 100%;
	max-width: 1023px;	
}
.main-container .leftCol.about, 
.main-container .leftCol.songwriters,
.main-container .leftCol.library, 
.main-container .leftCol.licensing, 
.main-container .leftCol.faqs,
.main-container .leftCol.press,
.main-container .leftCol.directions {
	background: #babcbe;	
}
.main-container .leftCol .top h1 {
	padding: 15px 0;	
}
.main-container .leftCol .top img {
	display: none;	
}
.main-container .rightCol .contentWrapper {
	width: 85%;
	margin: 0 auto;	
	padding: 0;
}
.main-container .rightCol .contentWrapper.library {
	width: 95%;
}
.main-container .rightCol .contentWrapper.about, 
.main-container .rightCol .contentWrapper.songwriters, 
.main-container .rightCol .contentWrapper.library,
.main-container .rightCol .contentWrapper.licensing,
.main-container .rightCol .contentWrapper.faqs,
.main-container .rightCol .contentWrapper.press,
.main-container .rightCol .contentWrapper.directions {
	background: #ffffff;
	min-height: initial;
}
.main {
	width: 95%;
	padding: 0 0 50px 0;	
}
.main.contentWrapper {
	width: 95%;
	padding: 45px 0 50px 0;
}
.widestCopy {
	width: 100%;	
}
.newsBlock {
	width: 100%;
	margin: 0 0 30px 0;	
}
fieldset.adminForms1Column {
	width: 100%;	
}
}


/* FOR TABLETS - IPADS, ANDROID TABLETS ************* */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
html, body {
	min-width: 768px;	
}
.homeWrapper {
	height: auto;	
}
.homeWrapper .header-container {
	background: #000000;
}
.homeWrapper .footer-container {
	background: #2470ad;
}
ul.homeNavBlock {
	width: 85%;	
	text-align: left;
	padding: 2% 0;
}
ul.homeNavBlock li {
	padding-bottom: 30px;	
}
.narrowCopy, .regularCopy, .wideCopy {
	width: 95%;	
}
.row.selectbox.fixedSelect {
	max-width: 520px;	
}
.bio {
	width: 73%;	
}
.userOptions .colsThree {
	width: 48%;	
}
.viewOptions .colsTwo:nth-of-type(1), .viewOptions .colsTwo:nth-of-type(2) {
	width: 48%;
}
.pressBlock {
	width: 47%;
	margin: 0 35px 20px 0;	
}
.pressBlock .pressThumbnail iframe, 
.pressBlock .pressThumbnail img {
	width: 100%;
	height: 210px;	
}
.section2Columns fieldset.adminForms1Column input[type="text"] {
	width: 90%;	
}
}


/* FOR ALL MOBILE DEVICE SMALLER THAN 768PX BUT LARGER THAN 320 ******** */
@media screen and (min-device-width: 481px) and (max-device-width: 767px) {
.header-left {
	width: 70%;	
}
.header-right {
	width: 30%;	
}
.header-container img.siteLogo {
	width: 330px;
	height: auto;
	padding: 0 15px 0 10px;
}
.header-container img.menuBtn {
	padding: 0 10px 0 15px;
}
.homeWrapper {
	height: auto;	
}
.homeWrapper .header-container {
	background: #000000;
}
.homeWrapper .footer-container {
	background: #2470ad;
}
ul.homeNavBlock {
	width: 85%;	
	text-align: left;
	padding: 2% 0;
}
ul.homeNavBlock li {
	padding-bottom: 30px;	
}
.main-container .rightCol .contentWrapper {
	width: 95%;	
}
.narrowCopy, .regularCopy, .wideCopy, .widestCopy {
	width: 100%;	
}
.colsThree {
	width: 45%;	
}
.bio {
	width: 72%;	
}
.userOptions .colsThree {
	width: 100%;	
}
.viewOptions .colsTwo:nth-of-type(1), 
.viewOptions .colsTwo:nth-of-type(2) {
	width: 100%;
}
.pressBlock, .pressBlock:nth-of-type(2n) {
	width: 445px;
	margin: 0 auto;	
	display: block;
	float: none;
}
.pressBlock .pressThumbnail iframe, 
.pressBlock .pressThumbnail img {
	width: 100%;
	height: 250px;	
}
.section2Columns {
	width: 100%;
	margin: 0 0 25px 0;
	border: none;
}
.section2Columns:nth-of-type(even){
	margin: 0 0 25px 0;
	border-top: 1px solid #2470ad;
	padding: 25px 0 0 0;
}
.listTable.wide tr th:nth-of-type(n+4) {
	display: none;
}
.listTable.wide tr td:nth-of-type(n+4) {
	display: none;
}
.section3Columns, .section3Columns:nth-of-type(3) {
	width: 80%;
	float: none;
	margin: 0 auto;
}
fieldset.adminForms2Column {
	width: 90%;
	float: none;
	margin: 0 auto; 
}
fieldset.adminForms2Column:nth-of-type(2) {
	padding: 20px 0 0 0;
	margin: 20px auto 0 auto;	
	border-top: 1px solid #2470ad;
}
}

/* FOR ALL MOBILE DEVICE SMALLER THAN 480PX ******** */
@media screen and (min-device-width: 320px) and (max-device-width: 480px) {
.header-left, .header-right {
	padding: 15px 0;	
}
.header-container img.siteLogo {
	display: none;
}
.header-container img.siteLogoMobile {
	display: block;
}
.header-right .leftCol, .header-right .rightCol {
	display: none;
}
.header-container .mobileMenuCol {
	display: block;
}
.footer-left {
	width: 100%;
	padding: 10px 5px;
}
.footer-left p {
	padding: 0 0 0 15px;	
}
.footer-right {
	width: 100%;
	padding: 5px 0 10px 15px;
}
.main-container, .main-container.contentPage {
	padding: 75px 0 100px 0;	
}
.homeWrapper .header-container {
	background: #000000;
}
.homeWrapper .main-container {
	background: #2470ad;
}
.homeWrapper .footer-container {
	background: #2470ad;
}
.homeWrapper {
	height: auto;
	background: none;	
}
ul.homeNavBlock {
	padding: 0;	
}
ul.homeNavBlock li {
	display: block;
	width: 100%;
	padding: 0 0 20px 0;	
}
ul.homeNavBlock li img {
	margin: 0 auto;	
}
.main-container .rightCol .contentWrapper {
	width: 95%;	
}
.narrowCopy, .regularCopy, .wideCopy, .widestCopy {
	width: 100%;	
}
.row.selectbox.fixedSelect {
	top: 70px;	
}
.bioImg {
	width: 100%;
	max-width: none;	
}
.bio {
	width: 100%;
	padding: 20px 0 0 0;	
}
.colsThree {
	width: 100%;
	padding: 0;	
}
.userOptions .colsThree, 
.viewOptions .colsTwo:nth-of-type(1), 
.viewOptions .colsTwo:nth-of-type(2),
p.inputColsTwo {
	width: 100%;
	padding: 0;
	margin: 0;	
}
.viewOptions .colsTwo:nth-of-type(2) {
	padding: 20px 0 0 0;	
}
.userOptions p input[type="text"].keywordSearch {
	width: 70%;	
}
.userOptions p input[type="text"] {
	width: 95%;	
}
table.listTable.library tr th:nth-of-type(n+4) {
	display: none;
}
table.listTable.library tr td:nth-of-type(n+4) {
	display: none;
}
.bar .orderBlock, .bar .titleBlock {
	width: 100%;
	float: none;
	height: auto;	
}
.bar .orderBlock p {
	padding: 5px 0;
	line-height: 125%;	
}
.bar .titleBlock p {
	padding: 5px;
	line-height: 125%;	
}
ol.orderList {
	margin: 20px 0 0 10px;
}
ol.orderList li img {
	width: 25px;
	height: auto;
}
ol.orderList li p {
	width: 83%;	
}
.info .inner {
	padding: 20px 5px 0 10px;	
}
ol.numberList {
	margin: 0 0 15px 15px;	
}
.pressBlock {
	width: 100%;
	padding: 0 0 20px 0;	
}
.pressBlock .pressThumbnail iframe {
	width: 100%;
	height: 200px;	
}
.pressBlock .pressThumbnail img {
	width: 100%;
	height: auto;	
}
.newsBlock .newsThumbnail {
	width: 100%;
	margin: 0 auto;
	float: none;	
}
.newsBlock .news {
	width: 100%;
	margin: 0 auto;
	padding: 15px 0 0 0;
	float: none;
}
ul.pressPageLinks {
	padding: 25px 0 20px 0;	
}
ul.pressPageLinks li {
	display: block;	
	width: 100%;
	padding: 10px 0;
	text-align: center;
	border-bottom: 1px solid #2470ad;
}
ul.pressPageLinks li:nth-of-type(2) {
	display: none;
}
.section2Columns {
	width: 100%;
	margin: 0 0 25px 0;
	border: none;
}
.section2Columns:nth-of-type(even){
	margin: 0 0 25px 0;
	border-top: 1px solid #2470ad;
	padding: 25px 0 0 0;
}
.listTable.wide tr th:nth-of-type(n+4) {
	display: none;
}
.listTable.wide tr td:nth-of-type(n+4) {
	display: none;
}
.section3Columns, .section3Columns:nth-of-type(3) {
	width: 100%;
	float: none;
	margin: 0 auto;
}
fieldset.adminForms2Column {
	width: 100%;
	float: none;
	margin: 0 auto; 
}
fieldset.adminForms2Column:nth-of-type(2) {
	padding: 20px 0 0 0;
	margin: 20px auto 0 auto;	
	border-top: 1px solid #2470ad;
}
input[type="file"] {
	width: 84%;	
}
.messagePG {
	width: 95%;	
}
}











/* ==========================================================
EXTRA - DEVICE SPECIFICS
(Keep it blank if no special styles needed!)
============================================================= */
@media only screen and (min-width: 320px) and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 1) {
}

/* iPad mini (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
}

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

/* iPad 2 (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.main.contentWrapper {
	width: 95%;
	padding: 45px 0 50px 0;
}
}

/* iPad 2 (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.main.contentWrapper {
	width: 95%;
	padding: 45px 0 50px 0;
}
}

/* iPad 3 (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
.main.contentWrapper {
	width: 95%;
	padding: 45px 0 50px 0;
}
}

/* iPad 3 (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
}

/* iPhone 4 (landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
}

/* iPhone 4 (portrait) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
}

/* iPhone 5 (landscape) ----------- */ 
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
}

/* iPhone 5 (portrait) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
}

/* iPhone 6 (landscape) ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
}

/* iPhone 6 (portrait) ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
}

/* iPhone 6+ (landscape) ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
}

/* iPhone 6+ (portrait) ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
}

/* Samsung Galaxy S3 (landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
}

/* Samsung Galaxy S3 (portrait) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
}

/* ===========================================================================================
Extra styles for other tricky mobile devices
============================================================================================== */
/* for LG Optimus G, Google Nexus 4, Blackberry Z10 */
@media only screen and (min-device-width: 384px) and (max-device-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
}