@media screen and (max-width: 750px) and (orientation: portrait) {
			header {
				margin: 0px;
				top: 0px;
				left: 0px;
				right: 0px;
				bottom: 0px;
				position: fixed;
				height: 80px;
				width: 100%;
				background-color: black; opacity: 80%;
				z-index: 2;
			}
		}
		header {
			margin: 0px;
			top: 0px;
			left: 0px;
			right: 0px;
			bottom: 0px;
			position: fixed;
			height: 80px;
			width: 100%;
			z-index: 2;
		}
		body, html {
			min-height: 100%;
			min-width: 100%;
		}
		html {
			background-color:black;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			background-image: url(../images/website/JCC_Artwork_1.jpg);
			width: 100%;
			background-repeat: no-repeat;
			background-position: center center;
			background-attachment: fixed;}
		@media screen and (max-width: 750px) and (orientation: portrait) {
			html {
				background-color:black;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				background-image: url(../images/website/JCC_Artwork_Mobile.jpg);
				width: 100%;
				background-repeat: no-repeat;
				background-position: center center;
				background-attachment: fixed;
			}
		}
		@media screen and (max-width: 750px) and (orientation: landscape) {
			html {
				background-color:black;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				background-image: url(../images/website/JCC_Artwork_1.jpg);
				width: 100%;
				background-repeat: no-repeat;
				background-position: center center;
				background-attachment: fixed;
			}
		}
		body {
			margin-top: 125px; /*175px*/
			margin-left: 0;
			margin-right: 0;
			margin-bottom: 0;
			padding: 0;
			height: 100%;
			width: 100%;}
		body {
		font-family: helvetica;
		color: white}
		body li {
			list-style: none;
			display: inline-block;
		}
		.settings li {
			display: list-item;
		}
		.hashtags {
			position: absolute;
			top: 150px;
			left: 80px;
		}
		.search-bar {
			width: 100%;
		}
		.search-bar li {
			width: 98%;
			text-align: center;
		}
		#Search {
			text-align: center;
			position: relative;
			margin-right: 0px;
			width: 96%;
		}
		#Search input[name="search"] {
			height: 10%;
			width: 80%;
			display: inline-block;
		}
		#Search input {
			height: 10%;
			display: inline-block;
		}
		.sign_in_button {
			width: 200px;
		}
		.cantact-img-ig {
			position: relative;
			top: 2px;
		}
		.cantact-img-email {
			position: relative;
			top: 4px;
		}
		.jrenzo_vid {
			margin: 0;
			padding: 0;
			position: absolute;
			left: -130px;
			top: 80px;
			z-index: -1;
		}
		.jrenzo_vid source {
			margin: 0;
			padding: 0;
		}
		.jrenzo_gif {
			margin: 0;
			padding: 0;
			width: 408px; 
			height: 770px;
			position: absolute;
			left: -15px;
			top: 90px;
			z-index: -1;
		}
		.feature_youtube_vid {
			margin: 5px 0 0 0;
			padding: 20px;
			background: rgba(0, 0, 0, 0.5);
			width: 570px;
			border-radius: 2px;
		}
		.generic_indent {
			padding-left: 20px;
		}
		.register_form_layout li {
			padding: 5px 0 5px 0;
			display: list-item;
		}
		.password_change_form {
			padding: 5px 0 5px 0;
			display: list-item;
		}
		.recover_page_form_layout li {
			padding: 5px 0 5px 0;
			display: list-item;
		}
		.cart_count {
			position: absolute;
			text-align: center;
			right: 140px;
			top: 40px;
			margin: 0 0 0 0;
			padding: 0.2rem 0.5rem 0.5rem 0.45rem;
			height: 10px;
			width: 5px;
			border-radius: 50%;
			background-color: blue;
			z-index: 3;
			font-size: 11px;
		}
		.cart-btn {
			transition: all .5s ease-in-out;
			cursor: pointer;
			}
		.cart-dropdown {
			position: fixed;
			text-align: left;
			top: -135%;
			right: 0;
			width: 220px;
			min-height: 15vh;
			z-index: 1;
			display: block;
			background-color: black; opacity: 80%;
			padding-top: 75px;
			padding-left: 20px;
			transition: 0.5s;
			z-index: -1;
			border-radius: 0px 0px 0px 12px;
			}
		.cart-dropdown.open {
			top: 0;
			}
		.cart-content {
			margin-top: 0;
			margin-left: 0;
			margin-right: 0;
			margin-bottom: 0;
		}
		.account-btn {
			transition: all .5s ease-in-out;
			cursor: pointer;
			position: relative;
			top: 3px;
			}
		.account-submenu {
			position: fixed;
			text-align: left;
			top: -135%;
			right: 0;
			width: 250px;
			min-height: 15vh;
			z-index: 1;
			display: block;
			background-color: black; opacity: 80%;
			padding-top: 75px;
			padding-left: 20px;
			transition: 0.5s;
			z-index: -1;
			border-radius: 0px 0px 0px 12px;
			}
		.account-links a {
		display: block;
		width: 100%;
		max-width: 180px;
		height: 15px;
		margin: 0;
		padding: 5px 5px 10px 10px;
		background-color: rgba(16,16,16,0.6);
		border-radius: 5px;
		color: whitesmoke;
		text-decoration: none;
		}
		.account-submenu {
			position: fixed;
			text-align: left;
			top: -135%;
			right: 0;
			width: 300px;
			min-height: 15vh;
			z-index: 1;
			display: block;
			background-color: black; opacity: 80%;
			padding-top: 75px;
			padding-left: 20px;
			transition: 0.5s;
			z-index: -1;
			border-radius: 0px 0px 0px 12px;
			}
		.account-submenu.open {
			top: 0;
			width: 300px;
			}
		.account-content {
			margin-top: 0;
			margin-left: 0;
			margin-right: 0;
			margin-bottom: 0;
		}
		.account-content li {
			display: list-item;
		}
		.account-content p {
			opacity: 25%;
			margin: 0;
			padding: 10px 20px 20px 20px;
		}
		.search-btn {
			transition: all .5s ease-in-out;
			cursor: pointer;
			}
		.search-bar {
			position: fixed;
			top: -135%;
			right: 0;
			width: 100%;
			min-height: 0vh;
			z-index: 1;
			display: block;
			background-color: black; opacity: 80%;
			padding-top: 120px;
			transition: 0.5s;
			z-index: -2;
			}
		.search-bar.open {
			top: 0;
			}
		.search-bar a {
			display: block;
			width: 100%;
			max-width: 200px;
			margin: 0 auto 16px;
			text-align: center;
			padding: 12px 16px;
			background-color: rgba(49,49,49,1);
			color: white;
			text-decoration: none;
			}

		a {
  			color: white;
  			text-decoration: none;}
		a:hover {
  			color:blue;
  			text-decoration: none;
  			text-shadow: 0px 0px 0px white;}
		a:active {
  			color: white;
  			text-decoration: none;}
		#Company_Name {
			text-align: left;
			font-size: 18px;
			margin-left: 25px;
			padding: 15px 0px;
		}
		#Logo {
			text-align: center;
			margin: 40px auto 15px auto;
		}
		#company_name_font {
			text-align: center;
		}
		.Shop_now {
			text-align: center;
			padding: 10px;
		}
		.my-carousel {
			margin: 60px 40px;
		}
		.banner-space {
			height: 250px;
			width: 90%;
		}
		.featured_quote {
			text-align: center;
			padding: 0;
			margin: 0 auto 30px auto;
		}
		.quote_pt1 {
		text-align: center;}
		p.quote_pt2 {
		text-align: center;}
		.Box {
			margin-top: -750px;
			margin-left: 900px; 
			padding-left: 30px;
			padding-top: 20px;
			position: absolute; 
			z-index: auto;
			background-image: url("file:///Users/JohnParks/Desktop/J.%20Renzo/My%20Website/Website%20Revision/J_Renzo_website/Website_Boxes/Website_Box.png");
			background-repeat: no-repeat;
			background-size: 375px 230px; 
			width: 375px;
			height: 200px;}
		.Box_1 {
			margin-top: -530px;
			margin-left: 900px; 
			position: absolute; 
			z-index: auto;
			padding-left: 30px;
			padding-top: 20px;
			background-image: url("file:///Users/JohnParks/Desktop/J.%20Renzo/My%20Website/Website%20Revision/J_Renzo_website/Website_Boxes/Website_Box.png");
			background-repeat: no-repeat;
			width: 375px;
			height: 200px;}
		.Box_2 {
			margin-top: -340px;
			margin-left: 900px; 
			position: absolute; 
			z-index: auto;
			background-image: url("file:///Users/JohnParks/Desktop/J.%20Renzo/My%20Website/Website%20Revision/J_Renzo_website/Website_Boxes/Black_box.png");
			background-repeat: no-repeat;
			background-size: 420px 545px;
			width: 400px;
			height;605px;}
		.listening_question {
			width: 300px;
			padding-top: 10px;
			padding-bottom: 20px;
			padding-left: 25px;}
		.song_question {
			width: 300px;
			padding-top: 10px;
			padding-left: 25px;}
		.device_question {
			width: 300px;
			padding-top: 10px;
			padding-left: 25px;}
		.Social_Icons {
			margin-top: -80px;
			margin-left: 925px; 
			position: absolute; 
			z-index: auto;
			background-color: none;
			width: 300px;}
		.Social_Icons li {
			padding-left: 5px;
			padding-right: 5px;
		}
		.Social_Icons img:hover	{
			transform: scale(1.1);}
			.navigation {
			text-align: center;
			position: relative;
			top: -75px;
            }
			.navigation > ul {
			background-color: ;
			padding: 0;
			color: white !important;
			height: 32px;
			margin: 0;
			}
			.navigation > ul > li {
			display: inline-block;
			position: relative;
			padding-left: 40px;
			padding-right: 40px;
			padding-top: 5px;
			padding-bottom: 5px;
			z-index: 1;}
			.navigation > ul > li > ul > li {
				padding: 2px 0px;
			}
			.navigation > ul > li:hover {
			background-color: ;}
		.my_bars {
		height:90px;
		min-width:1300px;
		max-width:1300px;}
		.paragraph_background img{
			position: absolute;
			z-index: 1;
			margin-top: -450px;
			margin-left:15px;}
		.intro_explained {
			position: absolute;
			z-index: auto;
			margin-top:-440px;
			margin-left:45px;
			z-index: 2;
			background-color: none;
			text-align: left;
			font-family: Monotype Corsiva;}
		.intro {
		font-family: Monotype Corsiva;}
		.welcome_video{
			margin-top: -450px;
			margin-left: 900px; 
			position: absolute; 
			z-index: 1;}
		.welcome_vid_background{
			margin-top: -450px;
			margin-left: 850px;
			background-size: 500px 500px; 
			position: absolute; 
			z-index: auto;}
		.website_video {
		position: absolute;
		z-index: 2;
		margin-top: -425px;
		margin-left: 875px;}
		.slides {
			width:900px;
			height:325px;
			margin-left:10px;}
		slider {
			display: block;
			height: 300px;
			width: 1325px;
			position: absolute;
			overflow: hidden;}
		slider > * {
			position:absolute;
			display: block;
			height: 300px;
			width: 1297px;
			background-color: grey;
			animation: slide 35s infinite;
			overflow: hidden;}
		slide:nth-child(1) {
			left:0%;
			animation-delay: -1s;
			background-image: url();
			background-size: cover;
			background-position: center;}
		slide:nth-child(2) {
			animation-delay: 2s;
			background-image: url();
			background-size: cover;
			background-position: center;}
		slide:nth-child(3) {
			animation-delay: 5s;
			background-image: url();
			background-size: cover;
			background-position: center;}
		slide:nth-child(4) {
			animation-delay: 8s;
			background-image: url();
			background-size: cover;
			background-position: center;}
		slide:nth-child(5) {
			animation-delay: 11s;
			background-image: url();
			background-size: cover;
			background-position: center;}
		slide:nth-child(6) {
			animation-delay: 14s;
			background-image: url();
			background-size: cover;
			background-position: center;}
		slide:nth-child(7) {
			animation-delay: 17s;
			background-image: url();
			background-size: cover;
			background-position: center;}
		slide:nth-child(8) {
			animation-delay: 20s;
			background-image: url();
			background-size: cover;
			background-position: center;}
		slide:nth-child(9) {
			animation-delay: 23s;
			background-image: url();
			background-size: cover;
			background-position: center;}
		slide:nth-child(10) {
			animation-delay: 26s;
			background-image: url();
			background-size: cover;
			background-position: center;}
		slide:nth-child(11) {
			animation-delay: 29s;
			background-image: url();
			background-size: cover;
			background-position: center;}
		slide:nth-child(12) {
			left:0%;
			animation-delay: 32s;
			background-image: url();
			background-size: cover;
			background-position: center;}
		slide p {
			font-family: comfortaa;
			font-size: 70px;
			text-align: center;
			display: inline-block;
			width: 1297px;
			margin-top:100px;
			color: #fff;}
		@keyframes slide {
		0% { left: 100%; width: 100%;}
		5% { left: 0%;}
		25% { left:0%}
		30% { left: -100%; width: 100%;}
		30.0001% { left: -100%; width: 0%;}
		100% { left: 100%; width: 0%;}}
		.words1 {
		position: absolute; 
		margin-top:-245px;
		margin-left:400px;}
		.words2{
		position: absolute; 
		margin-top:-180px;
		margin-left:500px;}
		.words3{
		position: absolute; 
		margin-top:-175px;
		margin-left:825px;}
		.words4{
		position: absolute; 
		margin-top:-80px;
		margin-left:850px;}
		.slider_frame {
		margin-top:-340px;}
		.slider_frame img{
		height: 320px;
		width:1350px;}
#mobile_main_icons {
		text-align: right;
		margin-right: 30px;
		padding: 15px 0px;
		position: relative;
		top: -95px;
		}
@media screen and (min-width: 750px) {
    #mobile_main_icons {
        display: none !important;
    }
}
#mobile_menu {
	position: relative;
	top: 12px;
	}
.top_icons li {
	padding: 10px;
	margin-left: 8px;
	margin-right: 8px;
	}
.sign_in {
	position: relative;
	top: -5px;
	}
.sign_in.button {
	background-color: transparent;
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
	}
.sign_in_button {
	background-color: transparent; 
	border-radius: 4px;
	padding: 5px 15px;
	color: white; 
	border: 1px solid white;
	}
.sign_in_button:hover {
	background-color: #e7e7e7;
	color: black;
	}
.latest {
	//height: 45%;
    height: 520px;
    width: 90%;
    padding: 10px 10px 20px 10px;
    margin: auto;
    background-color: black;
    background: rgba(0,0,0,0.8);
    border-radius: 5px; 
    }
    .latest h3 {
    	text-indent: 15px;
    }
    .feature_youtube_vid {
        margin: auto;
        width: 70%;
        height: 250px;
        padding: 10px;
    }
    .feature_youtube_vid iframe {
        width: 100%;
        height: 100%;
    }
footer {
	border-top: 1px solid rgba(255, 255, 255, 0.4);
	background-color: black; opacity: 90%;
	border-radius: 12px 12px 0px 0px;
	margin-top: -6px;
	padding-top: 20px;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	margin-bottom: -590px;/*old value: -390px*/
	padding-bottom: 10px;
	width: 100%;
	cursor: default;
}
		hr {
			position: absolute;
			align-items: left;
			width: 98%;
			margin-left: 0;
			margin-right: 0;
			padding: 0;
			bottom: -8px;
			opacity: 20%;
		}
		.footer_columns {
			display: flex;
			flex-flow: row wrap;
			justify-content: center;
			margin-top: 100px;
			margin: 5px 0px 0;
			padding-left: 10px;
			padding-right: 0;
			width: 95%;
		}
		.footer_columns:after {
			content: "";
    		display: none;
    		clear: both;
		}
		.column {
			flex: 1;
			text-align: center;
			margin: 2px;
			padding-top: 10px;
			padding-bottom: 10px;
			padding-left: 0;
			padding-right: 0;
			transition: 0.3s;
			cursor: default;
		}
		.company_ul {
			padding: 10px 10px 0 0;
			margin: 0 0 0 0;
			cursor: default;
		}
		.company_ul li {
			padding: 0 0 0 0;
			margin: 0 0 0 0;
		}
		.column:first-child {
			margin-left: 0;
		}
		.column:last-child {
			margin-left: 0;
		}
		.Social_Icons_Footer {
			text-align: center;
			margin: 0;
			padding-left: 0;
			padding-top: 10px;
			padding-bottom: 0;
			padding-right: 10px;
			width: 100%;
			filter: grayscale(0%);
			cursor: default;
		}
		.Social_Icons_Footer li {
			padding-left: 5px;
			padding-right: 5px;
			padding-top: 0px;
			padding-bottom: 5px;
		}
		.email_form {
			margin: 0px;
			padding: 10px 0;
		}
		.news_button {
			cursor: pointer;
		}
		#Footer_list {
			width: 98%;
			filter: opacity(75%);
			margin: 0;
			padding: 0 0 15px 0;
			text-align: center;
		}
		.Footer_list_items {
			margin: 0;
			padding-top: 15px;
			padding-left: 5px;
			padding-right: 0;
			padding-bottom: 0;
		}
		@media screen and (max-width: 980px) {
			.footer_columns .column {
				margin-bottom: 5px;
				flex-basis: 40%;
			}
			.footer_columns .column:last-child {
				flex-basis: 100%;
				margin: 0;
				text-align: center;
			}
			.footer_columns .column:nth-last-child(2) {
				margin-right: 0;
			}

		}
		.desktop {
			filter: opacity(70%);
			text-align: center;
			padding: 20px;
		}
		.desktop a:hover {
			text-decoration: underline;
		}
		.copyright {
			font-size: 14px;
			filter: opacity(40%);
			padding-left: 15px;
		}
		footer {
			position: absolute;
  			bottom: 0;
  			left: 0;
  			right: 0;
  			/*width: 100%;
  			height: 2.5rem; 
			text-align: left;
			margin-left: 25px;
			color:white;
			filter: opacity(70%);*/}
/*///////////////////////////////// -------------End of Index Page -------- //////////////////////////////////////////////*/
/*==================== About Page ======================================*/
.first-panel-content {
    height: 30%;
    width: 90%;
	/*margin-left: 25px;*/
    padding: 0px 0px 20px 0px;
    margin: auto;
    background-color: black;
    background: rgba(0,0,0,0.8);
    border-radius: 5px; 
}
.first-panel-content h2 {
    padding-top: 10px;
    text-indent: 15px;
}
.about-panel-contents {
    margin: 0px;
    padding-left: 25px;
    padding-right: 25px;
}
/*==================== Contact Page ======================================*/
.contact-panel-contents {
    margin: 0px;
    padding-left: 25px;
}
.form-invalid{
    outline: 2px solid red !important;
}
.name-invalid {
	outline: 2px solid red !important;
}
.message-field-invalid {
	outline: 2px solid red !important;
}
.container-h-recaptcha {
    padding: 0;
    margin: 0 auto;
    width: 90%;
    display: block;
}
.h-captcha {
    content-align: left;
    padding: 20px 0 0 0;
    margin: 0 auto;
    display: block;
}
.captcha-status {
	content-align: left;
    padding: 0;
    margin: 2px auto;
}
.captcha-status p {
	padding: 0;
	margin: 0;
}
/*==================== Tracks Page ======================================*/
/*Embedded player styling*/
.my-embedded-track-player {
    margin: auto;
    padding: 0 0;
    width: 95%;
}
.track-panel-contents {
    margin: auto;
    padding: 0 0;
    width: 95%;
}
/*Loading whole container w/ ajax*/
.containerlvl1 { /*do not move this around with top, absolute, etc.*/
	margin: 0;
	padding: 0;
}
/*No loaded track message displayed*/
.no_loaded_track {
	margin: 0;
	padding: 0;
	text-align: center;
	font-weight: 100;
	font-size: 16px;
	opacity: 40%;
	position: relative;
	top: 85px;
}
/*Tracks.php overflow scroll*/
.track-catalog-main {
	border: grey 1px solid;
	margin: 0 0 0 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	overflow-y: scroll;
	height: 400px;
}
.track-catalog-main::-webkit-scrollbar {
    width: 2px;
}
 
.track-catalog-main::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
.track-catalog-main::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}
/*Track display background*/
.track-display::before {
	content: "";
	background-image: url(../images/website/Sound_Transients.jpg);
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	background-size: cover;
	width: 100%;
	min-height: 528px;
	height: 65%;
	z-index: -1;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	opacity: 0.75;
}
/*Cart update whole... this is mainly for the cart count ajax update...*/
#update-whole-cart {
	margin: 0;
	padding: 0;
	display: inline;
}
/*Cart added icon update... this is mainly for the cart count ajax update...*/
.update-whole-cart-added-icon {
	margin: 0;
	padding: 0;
}
/*Adjusting tracks catalog gap between main track display*/
.tracks-catalog {
	height: 520px;
}
/*Tracks catalog model info*/
.model-info img {
	position: relative;
	top: 4px;
}
.model-info {
	position: relative;
	left: -40px;
	top: -140px;
}
.track-info-main {
	margin: 0;
	width: 60%;
	padding: 0;
	position: relative;
	top: -220px;
	left: 175px;
}
.track-info-main li {
	padding: 2px 0 2px 0;
}
/*Track tips on track page*/
.track_tips {
	position: absolute; right: 0;
	top: 400px;
	margin: 0;
	padding: 2px 5px 2px 5px;
	background-color: rgba(14, 14, 14, 0.8);
	opacity: 80%;
	width: 220px;
}
.track_tips li {
	font-size: 9px;
}
.track_tips ul {
	margin: 0;
	padding: 0;
}
.track_tips h5 {
	color: blue;
	margin: 0;
	padding: 2px 0 2px 0;
}
/*Licenses page layout*/
.licenses {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 500px;
}
.licenses_full {
	margin: 0;
	padding: 0;
	width: 90%;
	max-height: 800px;
	position: relative;
	left: 20px;
}
.basic {
	margin: 0;
	padding: 0;
	width: 25%;
	min-width: 150px;
	max-height: 325px;
	position: absolute;
	left: 40px;
}
.premium {
	margin: 0;
	padding: 0;
	width: 25%;
	min-width: 150px;
	max-height: 325px;
	top: 205px;
	position: absolute;
	left: 240px;
}
.unlimited {
	margin: 0;
	padding: 0;
	width: 25%;
	min-width: 150px;
	max-height: 325px;
	top: 210px;
	position: absolute;
	left: 380px;
}
.exclusive {
	margin: 0;
	padding: 0;
	width: 25%;
	min-width: 150px;
	max-height: 325px;
	top: 215px;
	position: absolute;
	left: 520px;
}
.disclaimer {
	margin: 0;
	padding: 0;
	width: 50%;
	min-width: 325px;
	max-height: 325px;
	position: absolute;
	top: 550px;
	left: 200px;
}
/*========================== Exclusive Track Offer Page ===================================*/
.offer {
	margin: 0;
	padding: 0 0 0 15px;
}
.offer_field {
	margin: 0 0 0 10px;
	padding: 20px;
	width: 90%;
	background-color: rgba(0, 0, 0, 0.8);
}
.track_offer_overview {
	margin: 0;
	padding: 2px;
	background-color: rgba(20, 20, 20, 0.9);
	border-radius: 2px;
	border: 1px solid rgba(255, 255, 255, 0.1);
}
.excl_track_info {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 220px;
	left: 210px;
}
.excl_track_info h3 {
	margin: 0;
	padding: 5px 0 5px 0;
}
.excl_track_info p {
	margin: 0;
	padding: 5px 0 5px 0;
}
.offer_type {
	margin: 0;
	padding: 0;
	font-size: 14px;
}
.offer_field li {
	display: list-item;
	padding: 5px 0 5px 0;
}
.offer_page_note {
	font-size: 12px;
}
.offer_contact_info {
	margin: 0;
	padding: 5px 2px 5px 2px;
	background: rgba(20, 20, 20, 0.9);
	width: 300px;
	border-radius: 2px;
	border: 1px solid rgba(255, 255, 255, 0.1);
}
.offer_field label {
	display: list-item;
	margin: 0;
	padding: 5px 0 5px 0;
}
.tag_removal h4 {
	margin: 0;
	padding: 20px 0 0 0;
}
.tag_removal h5 {
	margin: 0;
	padding: 5px 0 5px 0;
}
/*========================== Products Page ===================================*/
.small-container {
	max-width: 1080px;
	margin: auto;
	padding-left: 25px;
	padding-right: 25px;
}
.prod-col-2 {
	flex-basis: 50%;
	min-width: 300px;
}
.prod-col-2 img {
	max-width: 100%;
	padding: 50px 0;
}
#productImg, .small-img {
	position: relative;
	top: -120px;
}
.prod-col-2 h1 {
	font-size: 50px;
	line-height: 60px;
	margin: 25px 0;
}
.prod-col-4 {
	flex-basis: 25%;
	padding: 10px;
	min-width: 200px;
	margin-bottom: 50px;
}
.prod-col-4 img {
	width: 150px;
	height: 150px;
}
.row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-around;
}
/*========================== Product Detail Page ===================================*/
.details {
	margin: 0;
	padding: 0;
}
.product_details {
	margin: 0;
	padding: 0;
}
.single-product {
	margin-top: 20px;
}
.single-product col-2 img {
	padding: 0;
	margin: 0;
}
.single-product col-2 {
	padding: 20px 0 0 0;
}
.single-product h4 {
	margin: 20px 0;
	font-size: 20px;
	font-weight: bold;
}
.single-product select {
	display: block;
	padding: 10px;
	margin-top: 20px;
}
.single-product input {
	width: 50px;
	height: 40px;
	padding-left: 10px;
	font-size: 20px;
	margin-right: 10px;
	border: 1px solid black;
}
.single-product .product_btn {
	background-color: rgba(0, 0, 0, 0.8);
	padding: 10px;
	border-radius: 2px;
}
input:focus {
	outline: none;
}
.small-img-row {
	display: flex;
	margin: 0;
	padding: 0;
	height: 100px;
	justify-content: space-between;
}
.small-img-col {
	flex-basis: 24%;
	cursor: pointer;
	padding: 0;
	margin: 0;
}
/*========================== Cart Summary Page ===================================*/
.shopping-cart-summary-note {
	margin: 0;
	padding: 2px;
	font-size: 10px;
	background-color: rgba(0, 0, 0, 0.8);
}
/*========================== FAQ Page ===================================*/
.FAQ {
	margin: 0 25px 0 25px;
	padding: 0;
}
.FAQ-content {
padding: 0;
margin: 0 auto;
}
/*====================== Styling the website to be resposive to desktop========================================================*/
/*Navigation styling*/  /*Whole section just added 12/22/23*/
@media screen and (max-width: 750px) and (orientation: landscape) {
			/*Logo update..... Top Left*/
			#Company_Name a {
				color: white !important;
			}
			/*Hidding the mobile menu, icons, and submenu when the new navigation appears*/
			/*Overall navigation*/
			.navigation {
			text-align: center;
			position: relative;
			top: -75px;
			padding: 20px 0;
			/*min-width:100px;
			max-width:1300px;*/}
			.navigation > ul {
			background-color: ;
			padding: 0;
			color: white !important;
			height: 32px;
			margin: 0;
			}
			/*Navigation main individual tabs*/
			.navigation > ul > li {
			display: inline-block;
			position: relative;
			padding-left: 40px;
			padding-right: 40px;
			padding-top: 5px;
			padding-bottom: 5px;
			z-index: 1;}
			/*Space between submenu items of drop down list*/
			.navigation > ul > li > ul > li {
				padding: 2px 0px;
			}
			/*Change of individual tab background when mouse hovers*/
			.navigation > ul > li:hover {
			background-color: ;}
			/*I am editing all of the submenus for the main tabs*/
			ul.sub_shop {
			position: absolute;
			margin-top: 5px;
			right: 0px;
			background-color: rgba(0, 0, 0, 0.2);
			padding-left: 15px;
			width: 100px;
			height: auto;
			border-radius: 0px 0px 4px 4px;
			left: 25px;
			text-align: left;
			padding-right: 5px;
			padding-top: 5px;
			padding-bottom: 5px;
			opacity: 0;}
			ul.sub_acting {
			position: absolute;
			margin-top: 5px;
			left: 0.5px;
			background-color: black;
			padding-left: 5px;
			padding-right: 5px;
			padding-top: 5px;
			padding-bottom: 5px;
			opacity: 0;}
			ul.sub_modeling {
			position: absolute;
			margin-top: 5px;
			background-color: black;
			left: 0.5px;
			padding-left: 33px;
			padding-right: 33px;
			padding-top: 5px;
			padding-bottom: 5px;
			opacity: 0;}
			ul.sub_contact {
			position: absolute;
			margin-top: 5px;
			left: 0.5px;
			background-color: black;
			padding-left: 5px;
			padding-right: 5px;
			padding-top: 5px;
			padding-bottom: 5px;
			opacity: 0;}
			/*Submenu appearing when mouse hovers. I could also simplify this later too.*/
			.navigation li:hover .sub_shop {
			opacity:1;
			transition-duration: 0.6s;
			}
			.navigation li:hover .sub_acting {
			opacity:1;}
			.navigation li:hover .sub_modeling {
			opacity:1;}
			.navigation li:hover .sub_contact {
			opacity:1;}
			/*Smoothing things out....*/
			.navigation a:hover {
  			transition-duration: 0.7s;
  			}

}
@media screen and (min-width: 750px) {
			/*Logo corner color update*/
			#Company_Name a {
				color: white !important;
			}
			/*Hidding the mobile menu, icons, and submenu when the new navigation appears*/
			#mobile_main_icons {
				display: none !important;
			}
			/*Overall navigation*/
			.navigation {
			text-align: center;
			position: relative;
			top: -75px;
			text-align: right;
			padding: 20px 0;
			/*min-width:100px;
			max-width:1300px;*/}
			.navigation > ul {
			background-color: ;
			padding: 0;
			color: white !important;
			height: 32px;
			margin: 0;
			}
			.navigation a {
				color: white;
			}
			/*Navigation main individual tabs*/
			.navigation > ul > li {
			display: inline-block;
			position: relative;
			padding-left: 40px;
			padding-right: 40px;
			padding-top: 5px;
			padding-bottom: 5px;
			z-index: 1;}
			/*Space between submenu items of drop down list*/
			.navigation > ul > li > ul > li {
				padding: 2px 0px;
			}
			/*Change of individual tab background when mouse hovers*/
			.navigation > ul > li:hover {
			background-color: ;}
			/*I am editing all of the submenus for the main tabs*/
			ul.sub_shop {
			position: absolute;
			margin-top: 5px;
			right: 0px;
			background-color: rgba(0, 0, 0, 0.2);
			padding-left: 15px;
			width: 100px;
			height: auto;
			border-radius: 0px 0px 4px 4px;
			left: 25px;
			text-align: left;
			padding-right: 5px;
			padding-top: 5px;
			padding-bottom: 5px;
			opacity: 0;}
			ul.sub_acting {
			position: absolute;
			margin-top: 5px;
			left: 0.5px;
			background-color: black;
			padding-left: 5px;
			padding-right: 5px;
			padding-top: 5px;
			padding-bottom: 5px;
			opacity: 0;}
			ul.sub_modeling {
			position: absolute;
			margin-top: 5px;
			background-color: black;
			left: 0.5px;
			padding-left: 33px;
			padding-right: 33px;
			padding-top: 5px;
			padding-bottom: 5px;
			opacity: 0;}
			ul.sub_contact {
			position: absolute;
			margin-top: 5px;
			left: 0.5px;
			background-color: black;
			padding-left: 5px;
			padding-right: 5px;
			padding-top: 5px;
			padding-bottom: 5px;
			opacity: 0;}
			/*Submenu appearing when mouse hovers. I could also simplify this later too.*/
			.navigation li:hover .sub_shop {
			opacity:1;
			transition-duration: 0.6s;
			}
			.navigation li:hover .sub_acting {
			opacity:1;}
			.navigation li:hover .sub_modeling {
			opacity:1;}
			.navigation li:hover .sub_contact {
			opacity:1;}
			/*Smoothing things out....*/
			.navigation a:hover {
  			transition-duration: 0.7s;
  			color: blue;
  			}

}