//Min-Width: Refers to everything greater than or equal to the amount given. 
//Max-Width: Refers to everything less than or equal to the amount given. 
@media only screen and (min-width : 320px) {
	
	
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
	.listprice2 {
        font-size: 1.2em;
        color: #CC3;
        background-color:#000;
        font-weight: bold;
	}
	
	.clockprice2 {
        font-size: 1.2em;
        color: #3FF;
        background-color:#000;
        font-weight: bold;
	}	
	
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.listprice2 {
        font-size: 1.7em;
        color: #CC3;
        background-color:#000;
        font-weight: bold;
	}
	
	.clockprice2 {
        font-size: 1.2em;
        color: #3FF;
        background-color:#000;
        font-weight: bold;
	}	
	
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.listprice2 {
        font-size: 1.7em;
        color: #CC3;
        background-color:#000;
        font-weight: bold;
	}
	
	.clockprice2 {
        font-size: 1.2em;
        color: #3FF;
        background-color:#000;
        font-weight: bold;
	}	
	
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.listprice2 {
        font-size: 1.7em;
        color: #CC3;
        background-color:#000;
        font-weight: bold;
	}
	
	.clockprice2 {
        font-size: 1.2em;
        color: #3FF;
        background-color:#000;
        font-weight: bold;
	}	
	
}



/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 3280px) {
	
	h3{
	    font-size: 16px;
		color: #000;
	}
	.fixedtome{
		max-width: 700px;
	}
	.clockprice{
		border-style:solid;
		border-width: 1.7px;
		background-color: #FFF; 
		color: #CC3;
	}
	
	
	.listprice2 {
        font-size: 1.3em;
        color: #CC3;
        background-color:#000;
        font-weight: bold;
	}
	
	.clockprice2 {
        font-size: 1.3em;
        color: #3FF;
        background-color:#000;
        font-weight: bold;
	}	  
	
	
}


/* Medium Devices, Desktops */
@media only screen and (max-width : 1280px) {
	h3{
	    font-size: 16px;
		color: #000;
	}
	.fixedtome{
		max-width: 700px;
	}
	.clockprice{
	    border-style:solid;
	    border-width: 3px;
	    border-color: #900;
		background-color: #FFF; 
		color: #036;
	}
	
	
	.listprice2 {
        font-size: 1.3em;
        color: #CC3;
        background-color:#000;
        font-weight: bold;
	}
	
	.clockprice2 {
        font-size: 1.3em;
        color: #3FF;
        background-color:#000;
        font-weight: bold;
	}	
	
	
	
}

@media only screen and (max-width : 1000px) {
	h3{
	    font-size: 16px;
		color: #000;
	}
	.fixedtome{
		max-width: 700px;
	}
	.clockprice{
		border-style:solid;
		border-width: 1px;
		background-color: #FFF; 
		color: #CC3;
	}
	.listprice2 {
        font-size: 1.2em;
        color: #CC3;
        background-color:#000;
        font-weight: bold;
	}
	
	.clockprice2 {
        font-size: 1.2em;
        color: #3FF;
        background-color:#000;
        font-weight: bold;
	}	 
	
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	h3{
	    font-size: 15px;
		color: #000;
	}
	.fixedtome{
		max-width: auto;
	}
	.clockprice{
		border-style:solid;
		border-width: 1px;
		background-color: #FFF; 
		color: #CC3;
	}
	.listprice2 {
        font-size: 1.2em;
        color: #CC3;
        background-color:#000;
        font-weight: bold;
	}
	
	.clockprice2 {
        font-size: 1.2em;
        color: #3FF;
        background-color:#000;
        font-weight: bold;
	}	 
	
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	h3{
	    font-size: 14px;
		color: #000;
	}
	.fixedtome{
		max-width: 620px;
	}
	.clockprice{
		border-style:solid;
		border-width: 1px;
		background-color: #FFF; 
		color: #CC3;
	}
	
	.listprice2 {
        font-size: 1.2em;
        color: #CC3;
        background-color:#000;
        font-weight: bold;
	}
	
	.clockprice2 {
        font-size: 1.2em;
        color: #3FF;
        background-color:#000;
        font-weight: bold;
	}	 
	
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	h3{
	    font-size: 13px;
		color: #000;
	}
	.fixedtome{
		max-width: auto;
	}
	.clockprice{
		border-style:solid;
		border-width: 1px;
		background-color: #FFF; 
		color: #CC3;
		
	}
	
	
	.listprice2 {
        font-size: 1em;
        color: #CC3;
        background-color:#000;
        font-weight: bold;
	}
	
	.clockprice2 {
        font-size: 1em;
        color: #3FF;
        background-color:#000;
        font-weight: bold;
	}	
	
	
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	h3{
		font-size: 12px;
		font-weight: bold;
		color: #000;
	}
	.fixedtome{
		max-width: auto;
	}
	.clockprice{
		border-style:solid;
		border-width: 2px;
		border-color: #900;
		background-color: #FFF; 
		color: #CC3;
	}
	
	
	
	.listprice2 {
        font-size: 1em;
        color: #CC3;
        background-color:#000;
        font-weight: bold;
	}
	
	.clockprice2 {
        font-size: 1em;
        color: #3FF;
        background-color:#000;
        font-weight: bold;
	}	
	
	
	
}





body{
	background-color: #021e2f;
}



h3{}


.detailfixedtome{
	max-width:700px;
}

.navbar-default {
	border: none;
}

header {
	background: url('../images/headerimage.jpg') center center no-repeat;
	height: 600px;
}


.singlerow{
	width: 80%;
}


.captiontext{
	top: 0;
	bottom: auto;
	color: #FFF;
}

.detailbuttons{
	text-align:center;
	width: 49%;
}




.modal-dialog-center {
    margin-top: 10%;
}

.listbox {
	border-color: #900;
	border-style:solid;
	border-width: 0px;
	padding:0px;
    font-size: 10pt;
	font-weight:normal;    
}

.listprice {
	background-color: #036; 
	font-size: .45em;
	color: #FFF;
}




.pricebackground{
	background-color: #000;
}

.scrollmessage{
	background-color: #036;
	color: #FFF;
}

.pricebg{
	background-color: #000;
}

.dealercontact{
	background-color: #000;
	color: #FFF;
}


.contactsection{
	background-color: #369; 
	font-size: 1em;
	color: #FFF;
    
}



.carsection {
	background-color: #404040;
	padding:0px;
}

.controlcenter{
	background-color: #000; 
	border-color: #F00;
	border-style:double;
	border-width: 1px;
}

.priceboxheight{
	height: auto;
}
.imagebox{
	height: auto;
}

.sold{
	background-color: #F00;
	font-size: font-size: 12.5em;
	font-weight: bold;
	color: white;
}


.sold2{
	background-color: #000;
	font-size: font-size: 12.5em;
	font-weight: bold;
	color: red;
}

.infodisclaimer{
	background-color: #FFF;
	font-size: font-size: 10.5em;
	font-weight: normal;
	color: black;
}

.show {
	display: block !important;
}

.hidden {
	display: none !important;
	visibility: hidden !important;
}

.invisible {
	visibility: hidden;
}

#openingmessage{
	font-size:12.33em;
}


.countdown-timer.alert {
    /* Define the keyframes for the fading/blinking effect */
    animation: blinker 1s linear infinite;
    color: red; /* Set initial color to red */
}

@keyframes blinker {
    50% {
        opacity: 0.3; /* Fade to 20% opacity at 50% of the animation cycle */
	}
}