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

    body {
        padding-top: 40px;
    }

/* Header & Footer styles
-------------------------------------------------------------- */
#hdr {
    padding: 15px 0;
	position: relative;
	width: 100%;
	height: auto;
    min-height: 120px;
  	clear: both;
	display: block;
	z-index: 9999;
	margin-top: 0px;
}

/*Logo--*/
#hdr #home-logo {
	position: relative;
	z-index: 10;
	left: 0;
	bottom: 0px;
	top: 30px;
	margin-left: auto;
	margin-right: auto;
}
#hdr #home-logo img {
	width: 95%;
	height: auto;
	display: block;
	margin-top: 0px;
}		
#hdr #logo {
	float: left;
	position: absolute;
	z-index: 10;
	left: 0px;
	bottom: 0px;
	top: 40px;
	margin-left: auto;
	margin-right: auto;
}
#hdr #logo img {
	width: 100%;
	height: auto;
	max-width: 100%;
	display: block;
	margin-top: 0px;
}
#hdr #logo-left {
	position: absolute;
	z-index: 10;
	bottom: 0px;
	top: 40px;
	margin-left: auto;
	margin-right: auto;
}
#hdr #logo-left img {
	width: 100%;
	height: auto;
	max-width: 100%;
	display: block;
	margin-top: 0px;
}

 .backstretch > img{ content:url();
 display:none; }

.imageholder-wide-bg {
	display: block;
	width: 100%;
	height: auto;
	padding-top: 0px;
	text-align: left;
	margin-bottom: 20px;
  	clear: both;
}
.cd-imageholder {
	float:left;
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-bottom: 20px;
}

    #nav-expand {
        display: block;
    }
    #nav {
        display: none;
		width:100%;
        overflow: auto;
        position: fixed;
        z-index: 9999;
        top: 40px; left: 0; right: 0; bottom: 0;
        background: #efefef;
        border: none;
    }
    #nav.visible {
        display: block;
    }
    #nav li,
    #nav li a,
    #nav li > ul > li,
    #nav li > ul > li a {
        display: block;
        float: none;
        margin: 0;        
        text-align: left;
        color: #0F1B2F;
        font-size: 16px;
        letter-spacing: 1px;
        border: none;
	font-family: 'Lato', sans-serif;
	font-weight: lighter;
    }
    #nav > li,
    #nav li > ul > li {
        margin: 0; padding: 0;
        border-top: 0px solid #333;
        border-bottom: 1px solid #e6ecf1;
    }
    #nav li a {
        padding: 15px 20px;
    }
    #nav li > ul {
        position: static;
        visibility: visible;
        opacity: 1;
    }
    #nav li > ul > li a {
        padding-left: 30px;
    }
    #nav li > ul > li:last-child {
        border-bottom: none;
    }
    #nav li > ul > li,
    #nav li > ul > li a {
        background: none;        
    }
/************************/
/* Homepage Quotes pull 2020      
*//************************/
#press-quote-pull
{
	width: auto;
	height: auto;
	min-height: none;
	height: auto;
	float: left;
	position: relative;
	display:block;
	top: 0;
	left: 0px;
	padding-left: 3%;
	padding-right: 3%;
	bottom: 0%;
	margin-bottom: 10px;
}
/*----------------------------------------------------------------------------------------------------*/

#press-quotes
{
	width: auto;
	height: auto;
	min-height: 300px;
	overflow: hidden;
	position: relative;
	display:block;
	left: 0px;
	top: 0;
	padding-left: 3%;
	padding-right: 3%;
	clear: both;
}
/************************/
/* Homepage Quotes ticker      */
/************************/
/*newsticker*/
.quoteticker{
	width: auto;
	min-height: 350px;
	height: auto;
	overflow: hidden;
	color: #1A2F51;
	font-size: 20px;
	line-height: 1.3em;
	cursor: default;
	clear: both;
	}

/************************/
/* Homepage New release STYLE */
/************************/
.newCD-block {
	background-image: none;
	position: relative;
	overflow: visible;
	width: 80%;
	height: auto;
	font-size: 16px;
	right: 0px;
	bottom: 10px;
	margin-bottom: 60px;
	padding: 4%;
	display: block;
	border-top-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #de6e2b;
	border-bottom-width: thin;
	border-bottom-color: #de6e2b;
	margin-bottom: 80px;
	border-right-width: thin;
	border-left-width: thin;
	border-right-color: #de6e2b;
	border-left-color: #de6e2b;
	clear:both;
}


/*-----*/
/*Page Elements
-----------------------------------------------------------------------------	
MAIN AREA PRESS CSS
-----------------------------------------------------------------------------*/
.main-area-home {
	width: 95%;
	min-height: auto;
	overflow: auto; 
	float: left;
	background-image: none;
	border-top-style: none;
	background-color: #fefefe;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 60px;
	border-left-style: none;
}

.main-area-about {
	width: 95%;
	min-height: auto;
	overflow: auto; 
	float: left;
	background-image: none;
	border-top-style: none;
	background-color: #fefefe;
	margin-top: 3%;
	padding-right: 3%;
	padding-left: 3%;
	padding-bottom: 5%;
	margin-bottom: 60px;
}

.main-area-music {
	width: 95%;
	min-height: auto;
	overflow: auto; 
	float: left;
	background-image: none;
	border-top-style: none;
	background-color: #fefefe;
	margin-top: 3%;
	padding-right: 3%;
	padding-left: 3%;
	padding-bottom: 5%;
	border-left-style: none;
	margin-bottom: 60px;
}
.main-area-about p {
	font-size: 16px;
	line-height: 1.5em;
	margin-bottom: 15px;
}
.main-area-music p {
	font-size: 16px;
	line-height: 1.5em;
	margin-bottom: 15px;
}

/* Recordings------------------- */
#top-bar {
	width: auto;
	height: 100%;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	overflow-x: none;
	cursor: default;
	color: #000;
	margin-top: 5px;
	font-size: 11px;
	margin-right: auto;
	border-top-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #de6e2b;
	border-bottom-width: thin;
	border-bottom-color: #de6e2b;
	margin-bottom: 80px;
	border-right-width: thin;
	border-left-width: thin;
	border-right-color: #de6e2b;
	border-left-color: #de6e2b;
}
#top-bar .CD-jump-icon {
	width: 90px;
	height: auto;
	padding: 3px;
	float: left;
	display: inline;
	margin-right: 10px;
	opacity: 1;
	-moz-transition: opacity 1s ease 0s;
	-webkit-transition: opacity 1s ease 0s;
	-o-transition: opacity 1s ease 0s;
	transition: opacity 1s ease 0s;
}

/*blockbox---------------------------*/
blockbox {
	width: 95%;
	border: 1px solid #cdc8c4;
	background-color: #CCC;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	float: left;
	font-size: 15px;
	line-height: 1.5em;
	text-align: left;
}

blockbox-btn {
	width: auto;
}
/* Contact styles
-------------------------------------------------------------- */    
#contact-wrap {
   width:100%;
   margin:0 auto;
   display:block;
}
#left_col {
   float:left;
   width:100%;
   margin-right: 4%;
   }
#right_col {
   float:right;
   width:100%;
   margin-top: 20px;
}
p.cd {
	font-size: 16px;
	color: #1E6C65;
	font-weight: lighter;
	line-height: 1.2em;
	margin-bottom: 0px;
	padding-left: 10px;
}
/************************/
/* Contact Footer      */
/************************/
.footer_lab {	
	position: fixed;
	bottom:0;
	width:100%;
	height:50px;
	background-color: none;
	color:#777777;
	font-size:13px;
	line-height: 1.3em;
}

.footer_lab a {
	color:#777777; 
	text-decoration: none; 
}

.footer_lab a:visited {
	color:#777777; 
	text-decoration: none; 
}

.footer_lab a:hover {
	color:#aaaaaa; 
	text-decoration:none; 
}
.footer-1 {
	float: left;
	padding-top: 4px;
	padding-right: 15px;
	padding-bottom: 4px;
	padding-left: 4%;
}
.footer-2 {
	float: left;
	padding-top: 4px;
	padding-right: 15px;
	padding-bottom: 60px;
	padding-left: 4%;
}
}








/* iPhone5 landscape */
@media ( max-width: 640px ) and (orientation:landscape) {

    body {
        padding-top: 40px;
    }
/* Header & Footer styles
-------------------------------------------------------------- */
#hdr {
    min-height: 20px;
    padding: 15px 0;
	position: relative;
	width: 100%;
	height: 160px;
	z-index: 9999;
	margin-top: 0px;

}

 .backstretch > img{ content:url();
 display:none; }

.imageholder-wide-bg {
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 0px;
	text-align: left;
  	clear: both;
}

/*Logo--*/
#hdr #home-logo {
	position: relative;
	z-index: 10;
	left: 0;
	bottom: 0px;
	top: 30px;
	margin-left: auto;
	margin-right: auto;
}
#hdr #home-logo img {
	width: 95%;
	height: auto;
	display: block;
	margin-top: 0px;
}		
#hdr #logo {
	float: left;
	position: absolute;
	z-index: 10;
	left: 0px;
	bottom: 0px;
	top: 40px;
	margin-left: auto;
	margin-right: auto;
}
#hdr #logo img {
	width: 100%;
	height: auto;
	max-width: 100%;
	display: block;
	margin-top: 0px;
}
#hdr #logo-left {
	position: absolute;
	z-index: 10;
	bottom: 0px;
	top: 40px;
	margin-left: auto;
	margin-right: auto;
}
#hdr #logo-left img {
	width: 100%;
	height: auto;
	max-width: 100%;
	display: block;
	margin-top: 0px;
}

    #nav-expand {
        display: block;
    }
    #nav {
        display: none;
		width:100%;
        overflow: auto;
        position: fixed;
        z-index: 9999;
        top: 40px; left: 0; right: 0; bottom: 0;
        background: #efefef;
        border: none;
    }
    #nav.visible {
        display: block;
    }
    #nav li,
    #nav li a,
    #nav li > ul > li,
    #nav li > ul > li a {
        display: block;
        float: none;
        margin: 0;        
        text-align: left;
        color: #0F1B2F;
        font-size: 16px;
        letter-spacing: 1px;
        border: none;
	font-family: 'Lato', sans-serif;
	font-weight: lighter;
    }
    #nav > li,
    #nav li > ul > li {
        margin: 0; padding: 0;
        border-top: 0px solid #333;
        border-bottom: 1px solid #e6ecf1;
    }
    #nav li a {
        padding: 15px 20px;
    }
    #nav li > ul {
        position: static;
        visibility: visible;
        opacity: 1;
    }
    #nav li > ul > li a {
        padding-left: 30px;
    }
    #nav li > ul > li:last-child {
        border-bottom: none;
    }
    #nav li > ul > li,
    #nav li > ul > li a {
        background: none;        
    }
/************************/
/* Homepage Quotes pull 2020      
*//************************/
#press-quote-pull
{
	width: auto;
	height: auto;
	min-height: none;
	height: auto;
	float: left;
	position: relative;
	display:block;
	top: 80px;
	left: 0px;
	padding-left: 3%;
	padding-right: 3%;
	bottom: 0%;
	margin-bottom: 10px;
}	
/*----------------------------------------------------------------------------------------------------*/

#press-quotes
{
	width: auto;
	min-height: 150px;
	height: auto;
	overflow: hidden;
	position: relative;
	display:block;
	left: 0px;
	bottom: 0px;
	top: 0;
	margin-top: 50px;
	padding-left: 3%;
	padding-right: 3%;
	clear: both;
}
/************************/
/* Homepage Quotes ticker      */
/************************/
/*newsticker*/
.quoteticker{
	width: auto;
	height: 350px;
	overflow: hidden;
	color: #1A2F51;
	font-size: 17px;
	line-height: 1.3em;
	cursor: default;
	clear: both;
	}

/*-----*/
/*Page Elements
-----------------------------------------------------------------------------	
MAIN AREA PRESS CSS
-----------------------------------------------------------------------------*/
.main-area-home {
	width: 95%;
	min-height: auto;
	overflow: auto; 
	float: left;
	background-image: none;
	border-top-style: none;
	background-color: #fefefe;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 60px;
	border-left-style: none;
}
.main-area-about {
	width: 95%;
	min-height: auto;
	overflow: auto; 
	float: left;
	background-image: none;
	border-top-style: none;
	background-color: #fefefe;
	margin-top: 3%;
	padding-right: 3%;
	padding-left: 3%;
	padding-bottom: 5%;
	border-left-style: none;
}
.main-area-music {
	width: 95%;
	min-height: auto;
	overflow: auto; 
	float: left;
	background-image: none;
	border-top-style: none;
	background-color: #fefefe;
	margin-top: 3%;
	padding-right: 3%;
	padding-left: 3%;
	padding-bottom: 5%;
	border-left-style: none;
}
}
	
	
	
	
	
	
/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
 
    body {
        padding-top: 40px;
    }

 .backstretch > img{ content:url();
 display:none; }

.imageholder-wide-bg {
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 0px;
	text-align: left;
  	clear: both;
}

/*Logo--*/
#hdr #home-logo {
	position: relative;
	z-index: 10;
	left: 0;
	bottom: 0px;
	top: 30px;
	margin-left: auto;
	margin-right: auto;
}
#hdr #home-logo img {
	width: 95%;
	height: auto;
	display: block;
	margin-top: 0px;
}		
#hdr #logo {
	float: left;
	position: absolute;
	z-index: 10;
	left: 0px;
	bottom: 0px;
	top: 40px;
	margin-left: auto;
	margin-right: auto;
}
#hdr #logo img {
	width: 100%;
	height: auto;
	max-width: 100%;
	display: block;
	margin-top: 0px;
}
#hdr #logo-left {
	position: absolute;
	z-index: 10;
	bottom: 0px;
	top: 40px;
	margin-left: auto;
	margin-right: auto;
}
#hdr #logo-left img {
	width: 100%;
	height: auto;
	max-width: 100%;
	display: block;
	margin-top: 0px;
}
#hdr #logo-left img {
	width: 100%;
	height: auto;
	max-width: 100%;
	display: block;
	margin-top: 0px;
}
    #nav-expand {
        display: block;
    }
    #nav {
        display: none;
		width:100%;
        overflow: auto;
        position: fixed;
        z-index: 9999;
        top: 40px; left: 0; right: 0; bottom: 0;
        background: #efefef;
        border: none;
    }
    #nav.visible {
        display: block;
    }
    #nav li,
    #nav li a,
    #nav li > ul > li,
    #nav li > ul > li a {
        display: block;
        float: none;
        margin: 0;        
        text-align: left;
        color: #0F1B2F;
        font-size: 16px;
        letter-spacing: 1px;
        border: none;
	font-family: 'Lato', sans-serif;
	font-weight: lighter;
    }
    #nav > li,
    #nav li > ul > li {
        margin: 0; padding: 0;
        border-top: 0px solid #333;
        border-bottom: 1px solid #e6ecf1;
    }
    #nav li a {
        padding: 15px 20px;
    }
    #nav li > ul {
        position: static;
        visibility: visible;
        opacity: 1;
    }
    #nav li > ul > li a {
        padding-left: 30px;
    }
    #nav li > ul > li:last-child {
        border-bottom: none;
    }
    #nav li > ul > li,
    #nav li > ul > li a {
        background: none;        
    }
/************************/
/* Homepage Quotes pull 2020      
*//************************/
#press-quote-pull
{
	width: auto;
	height: auto;
	min-height: none;
	height: auto;
	float: left;
	position: absolute;
	display:block;
	top: 600px;
	left: 0px;
	padding-left: 3%;
	padding-right: 2%;
	bottom: 0%;
	margin-bottom: 20px;
}	
/*----------------------------------------------------------------------------------------------------*/

#press-quotes
{
	width: auto;
	height: 130px;
	overflow: hidden;
	position: absolute;
	display:block;
	left: 0px;
	top: 650px;
	padding-left: 3%;
	padding-right: 3%;
}
/************************/
/* Homepage Quotes ticker      */
/************************/
/*newsticker*/
.quoteticker{
	width: auto;
	height: 350px;
	overflow: hidden;
	color: #1a2f51;
	font-size: 20px;
	line-height: 1.3em;
	cursor: default;
	}

/************************/
/* Homepage New release STYLE */
/************************/
.newCD-block {
	background-image: none;
	position: relative;
	width: 85%;
	height: auto;
	font-size: 16px;
	top: 10;
	right: 0px;
	bottom: 0px;
	margin-top: 60px;
	margin-bottom: 60px;
	padding: 8%;
	clear:both;
}


/*-----*/
/*Page Elements
-----------------------------------------------------------------------------	
MAIN AREA PRESS CSS
-----------------------------------------------------------------------------*/
.main-area-home {
	width: 95%;
	min-height: auto;
	overflow: auto; 
	float: left;
	background-image: none;
	border-top-style: none;
	background-color: #fefefe;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
	border-left-style: none;
}	
.main-area-about {
	width: 95%;
	min-height: auto;
	overflow: auto; 
	float: left;
	background-image: none;
	border-top-style: none;
	background-color: #fefefe;
	margin-top: 3%;
	padding-right: 3%;
	padding-left: 3%;
	padding-bottom: 5%;
	border-left-style: none;
}
.main-area-music {
	width: 95%;
	min-height: auto;
	overflow: auto; 
	float: left;
	background-image: none;
	border-top-style: none;
	background-color: #fefefe;
	margin-top: 3%;
	padding-right: 3%;
	padding-left: 3%;
	padding-bottom: 5%;
	border-left-style: none;
}

}


/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
/*Logo--*/
#hdr #home-logo {
	position: relative;
	z-index: 10;
	left: 0;
	bottom: 0px;
	top: 30px;
	margin-left: auto;
	margin-right: auto;
}
#hdr #home-logo img {
	width: 95%;
	height: auto;
	display: block;
	margin-top: 0px;
}		
#hdr #logo {
	float: left;
	position: absolute;
	z-index: 10;
	left: 0px;
	bottom: 0px;
	top: 40px;
	margin-left: auto;
	margin-right: auto;
}
#hdr #logo img {
	width: 100%;
	height: auto;
	max-width: 100%;
	display: block;
	margin-top: 0px;
}
#hdr #logo-left {
	position: absolute;
	z-index: 10;
	bottom: 0px;
	top: 40px;
	margin-left: auto;
	margin-right: auto;
}
#hdr #logo-left img {
	width: 100%;
	height: auto;
	max-width: 100%;
	display: block;
	margin-top: 0px;
}
/*-----*/
/*Page Elements
-----------------------------------------------------------------------------	
MAIN AREA PRESS CSS
-----------------------------------------------------------------------------*/
.main-area-home {
	width: 95%;
	min-height: auto;
	overflow: auto; 
	float: left;
	background-image: none;
	border-top-style: none;
	background-color: #fefefe;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 60px;
	border-left-style: none;
}
.imageholder-wide-bg {
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 0px;
	text-align: left;
  	clear: both;
}
.main-area-about {
	width: 95%;
	min-height: auto;
	overflow: auto; 
	float: left;
	background-image: none;
	border-top-style: none;
	background-color: #fefefe;
	margin-top: 3%;
	padding-right: 3%;
	padding-left: 3%;
	padding-bottom: 5%;
	border-left-style: none;
}
.main-area-music {
	width: 95%;
	min-height: auto;
	overflow: auto; 
	float: left;
	background-image: none;
	border-top-style: none;
	background-color: #fefefe;
	margin-top: 3%;
	padding-right: 3%;
	padding-left: 3%;
	padding-bottom: 5%;
	border-left-style: none;
}
}




/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
/*Logo--*/
#hdr #home-logo {
	position: relative;
	z-index: 10;
	left: 0;
	bottom: 0px;
	top: 30px;
	margin-left: auto;
	margin-right: auto;
}
#hdr #home-logo img {
	width: 95%;
	height: auto;
	display: block;
	margin-top: 0px;
}		
#hdr #logo {
	float: left;
	position: absolute;
	z-index: 10;
	left: 0px;
	bottom: 0px;
	top: 40px;
	margin-left: auto;
	margin-right: auto;
}
#hdr #logo img {
	width: 100%;
	height: auto;
	max-width: 100%;
	display: block;
	margin-top: 0px;
}
#hdr #logo-left {
	position: absolute;
	z-index: 10;
	bottom: 0px;
	top: 40px;
	margin-left: auto;
	margin-right: auto;
}
#hdr #logo-left img {
	width: 100%;
	height: auto;
	max-width: 100%;
	display: block;
	margin-top: 0px;
}

/*-----*/
/*Page Elements
-----------------------------------------------------------------------------	
MAIN AREA PRESS CSS
-----------------------------------------------------------------------------*/
.main-area-home {
	width: 95%;
	min-height: auto;
	overflow: auto; 
	float: left;
	background-image: none;
	border-top-style: none;
	background-color: #fefefe;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 60px;
	border-left-style: none;
}
.imageholder-wide-bg {
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 0px;
	text-align: left;
  	clear: both;
}
.main-area-about {
	width: 95%;
	min-height: auto;
	overflow: auto; 
	float: left;
	background-image: none;
	border-top-style: none;
	background-color: #fefefe;
	margin-top: 3%;
	padding-right: 3%;
	padding-left: 3%;
	padding-bottom: 5%;
	border-left-style: none;
}
.main-area-music {
	width: 95%;
	min-height: auto;
	overflow: auto; 
	float: left;
	background-image: none;
	border-top-style: none;
	background-color: #fefefe;
	margin-top: 3%;
	padding-right: 3%;
	padding-left: 3%;
	padding-bottom: 5%;
	border-left-style: none;
}
}