@charset "utf-8";
/* CSS Document */
#myInput {
	background-position: 10px 12px; /* Position the search icon */
	background-repeat: no-repeat; /* Do not repeat the icon image */
	width: 75%; /* Full-width */
	font-size: 16px; /* Increase font-size */
	padding: 12px 20px 12px 40px; /* Add some padding */
	border: 2px solid #fff; /* Add a grey border */
	margin-bottom: 0px; /* Add some space below the input */
	background-color: #FFCC00;
	color: #000;
}

#myUL {
	/* Remove default list styling */
	list-style-type: none;
	width: 266px;
	font-size: 1em;
	border-bottom: 2px solid #fff; /* Add a border to all links */
	height: 500px;
	overflow: auto;
	overflow-style: marquee-line;
	scrollbar-width: thin;
	scrollbar-color: #fff #FFCC00;
	padding: 2px;
	background-color: #FFCC00;
}

#myUL-playlist  {
	/* Remove default list styling */
	list-style-type: none;
	/* [disabled]margin: 0; */
	border: 1px solid #fff; /* Add a border to all links */
	margin-top: -1px; /* Prevent double borders */
	display: block; /* Make it into a block element to fill the whole list */
	/* [disabled]font-size: 1.2em; */
}

#myUL2 {
	/* Remove default list styling */
	list-style-type: none;
	margin-left: 25px;
	margin-right: 20px;
	margin-top: 20px;
	font-size: 1em;
	border-bottom: 2px solid #fff; /* Add a border to all links */
	height: 300px;
	overflow: auto;
	overflow-style: marquee-line;
	scrollbar-width: thin;
	scrollbar-color: #fff #FFCC00;
	padding: 2px;
}

#myUL2 li a {
  border: 1px solid #fff; /* Add a border to all links */
  margin-top: -1px; /* Prevent double borders */
  display: block; /* Make it into a block element to fill the whole list */
}

#myUL2 li a:hover:not(.header) {
}


#myUL3 {
	/* Remove default list styling */
	list-style-type: none;
	margin-left: 25px;
	margin-right: 20px;
	margin-top: 20px;
	font-size: 1em;
	border-bottom: 2px solid #fff; /* Add a border to all links */
	height: 450px;
	overflow: auto;
	overflow-style: marquee-line;
	scrollbar-width: thin;
	scrollbar-color: #fff #FFCC00;
	padding: 2px;
	background-color: #FFCC00;
}

#myUL3 li a {
  border: 1px solid #fff; /* Add a border to all links */
  margin-top: -1px; /* Prevent double borders */
  display: block; /* Make it into a block element to fill the whole list */
}

#myUL3 li a:hover:not(.header) {
}
#myInput3 {
	background-position: 10px 12px; /* Position the search icon */
	background-repeat: no-repeat; /* Do not repeat the icon image */
	width: 62%; /* Full-width */
	font-size: 16px; /* Increase font-size */
	padding: 12px 20px 12px 40px; /* Add some padding */
	border: 2px solid #fff; /* Add a grey border */
	margin-bottom: 0px; 
	margin-left: 25px;/* Add some space below the input */
	background-color: #FFCC00;
	color: #000;
}





#myUL li a {
  border: 1px solid #fff; /* Add a border to all links */
  margin-top: -1px; /* Prevent double borders */
  display: block; /* Make it into a block element to fill the whole list */
}

#myUL li a:hover:not(.header) {
}


@media screen and (max-width: 360px){
#myUL2 {
	/* Remove default list styling */
	list-style-type: none;
	margin-bottom: 20px;
	margin-top: 20px;
	font-size: .8em;
	border-bottom: 2px solid #fff; /* Add a border to all links */
	height: 150px;
	overflow: auto;
	overflow-style: marquee-line;
	scrollbar-width: thin;
	scrollbar-color: #fff #FFCC00;
}	
#myUL {
	/* Remove default list styling */
	list-style-type: none;
	width: 100%;
	font-size: .8em;
	border-bottom: 2px solid #fff; /* Add a border to all links */
	height: 300px;
	overflow: auto;
	overflow-style: marquee-line;
	scrollbar-width: thin;
	scrollbar-color: #fff #FFCC00;
	padding: 2px;
	background-color: #FFCC00;
}

#myInput {
	background-position: 10px 12px; /* Position the search icon */
	background-repeat: no-repeat; /* Do not repeat the icon image */
	width: 80%; /* Full-width */
	font-size: 1em; /* Increase font-size */
	padding: 12px 20px 12px 40px; /* Add some padding */
	border: 2px solid #fff; /* Add a grey border */
	margin-bottom: 0px; /* Add some space below the input */
	background-color: #CEA500;
	color: #000;
}
	
}

@media screen and (max-width: 320px){
#myUL2 {
	/* Remove default list styling */
	list-style-type: none;
	margin-bottom: 20px;
	margin-top: 20px;
	font-size: .8em;
	border-bottom: 2px solid #fff; /* Add a border to all links */
	height: 150px;
	overflow: auto;
	overflow-style: marquee-line;
	scrollbar-width: thin;
	scrollbar-color: #fff #FFCC00;
}	
#myUL {
	/* Remove default list styling */
	list-style-type: none;
	width: 100%;
	font-size: .8em;
	border-bottom: 2px solid #fff; /* Add a border to all links */
	height: 250px;
	overflow: auto;
	overflow-style: marquee-line;
	scrollbar-width: thin;
	scrollbar-color: #fff #FFCC00;
	padding: 2px;
	background-color: #FFCC00;
}

#myInput {
	background-position: 10px 12px; /* Position the search icon */
	background-repeat: no-repeat; /* Do not repeat the icon image */
	width: 78%; /* Full-width */
	font-size: 1em; /* Increase font-size */
	padding: 12px 20px 12px 40px; /* Add some padding */
	border: 2px solid #fff; /* Add a grey border */
	margin-bottom: 0px; /* Add some space below the input */
	background-color: #CEA500;
	color: #000;
}
	
}

@media screen and (max-width: 384px){
#myUL2 {
	/* Remove default list styling */
	list-style-type: none;
	margin-bottom: 20px;
	margin-top: 20px;
	font-size: .8em;
	border-bottom: 2px solid #fff; /* Add a border to all links */
	height: 150px;
	overflow: auto;
	overflow-style: marquee-line;
	scrollbar-width: thin;
	scrollbar-color: #fff #FFCC00;
}	
#myUL {
	/* Remove default list styling */
	list-style-type: none;
	width: 100%;
	font-size: .8em;
	border-bottom: 2px solid #fff; /* Add a border to all links */
	height: 250px;
	overflow: auto;
	overflow-style: marquee-line;
	scrollbar-width: thin;
	scrollbar-color: #fff #FFCC00;
	padding: 2px;
	background-color: #FFCC00;
}

#myInput {
	background-position: 10px 12px; /* Position the search icon */
	background-repeat: no-repeat; /* Do not repeat the icon image */
	width: 82%; /* Full-width */
	font-size: 1em; /* Increase font-size */
	padding: 12px 20px 12px 40px; /* Add some padding */
	border: 2px solid #fff; /* Add a grey border */
	margin-bottom: 0px; /* Add some space below the input */
	background-color: #CEA500;
	color: #000;
}
	
}

@media screen and (max-width: 414px){
#myUL2 {
	/* Remove default list styling */
	list-style-type: none;
	margin-bottom: 20px;
	margin-top: 20px;
	font-size: .8em;
	border-bottom: 2px solid #fff; /* Add a border to all links */
	height: 150px;
	overflow: auto;
	overflow-style: marquee-line;
	scrollbar-width: thin;
	scrollbar-color: #fff #FFCC00;
}	
#myUL {
	/* Remove default list styling */
	list-style-type: none;
	width: 100%;
	font-size: .8em;
	border-bottom: 2px solid #fff; /* Add a border to all links */
	height: 250px;
	overflow: auto;
	overflow-style: marquee-line;
	scrollbar-width: thin;
	scrollbar-color: #fff #FFCC00;
	padding: 2px;
	background-color: #FFCC00;
}

#myInput {
	background-position: 10px 12px; /* Position the search icon */
	background-repeat: no-repeat; /* Do not repeat the icon image */
	width: 82%; /* Full-width */
	font-size: 1em; /* Increase font-size */
	padding: 12px 20px 12px 40px; /* Add some padding */
	border: 2px solid #fff; /* Add a grey border */
	margin-bottom: 0px; /* Add some space below the input */
	background-color: #CEA500;
	color: #000;
}
	
}

@media screen and (max-width: 480px){
#myUL2 {
	/* Remove default list styling */
	list-style-type: none;
	margin-bottom: 20px;
	margin-top: 20px;
	font-size: .8em;
	border-bottom: 2px solid #fff; /* Add a border to all links */
	height: 150px;
	overflow: auto;
	overflow-style: marquee-line;
	scrollbar-width: thin;
	scrollbar-color: #fff #FFCC00;
}	
#myUL {
	/* Remove default list styling */
	list-style-type: none;
	width: 100%;
	font-size: .8em;
	border-bottom: 2px solid #fff; /* Add a border to all links */
	height: 250px;
	overflow: auto;
	overflow-style: marquee-line;
	scrollbar-width: thin;
	scrollbar-color: #fff #FFCC00;
	padding: 2px;
	background-color: #FFCC00;
}

#myInput {
	background-position: 10px 12px; /* Position the search icon */
	background-repeat: no-repeat; /* Do not repeat the icon image */
	width: 85%; /* Full-width */
	font-size: 1em; /* Increase font-size */
	padding: 12px 20px 12px 40px; /* Add some padding */
	border: 2px solid #fff; /* Add a grey border */
	margin-bottom: 0px; /* Add some space below the input */
	background-color: #CEA500;
	color: #000;
}
	
}


@media screen and (max-width: 568px){
#myUL2 {
	/* Remove default list styling */
	list-style-type: none;
	margin-bottom: 20px;
	margin-top: 20px;
	font-size: .8em;
	border-bottom: 2px solid #fff; /* Add a border to all links */
	height: 150px;
	overflow: auto;
	overflow-style: marquee-line;
	scrollbar-width: thin;
	scrollbar-color: #fff #FFCC00;
}	
#myUL {
	/* Remove default list styling */
	list-style-type: none;
	width: 400px;
	font-size: .8em;
	border-bottom: 2px solid #fff; /* Add a border to all links */
	height: 250px;
	overflow: auto;
	overflow-style: marquee-line;
	scrollbar-width: thin;
	scrollbar-color: #fff #FFCC00;
	padding: 2px;
	background-color: #FFCC00;
}

#myInput {
	background-position: 10px 12px; /* Position the search icon */
	background-repeat: no-repeat; /* Do not repeat the icon image */
	width: 100%; /* Full-width */
	font-size: 1em; /* Increase font-size */
	padding: 12px 20px 12px 40px; /* Add some padding */
	border: 2px solid #fff; /* Add a grey border */
	margin-bottom: 0px; /* Add some space below the input */
	background-color: #CEA500;
	color: #000;
}
	
}

@media screen and (max-width: 900px){
#myUL2 {
	/* Remove default list styling */
	list-style-type: none;
	margin-bottom: 20px;
	margin-top: 20px;
	font-size: .9em;
	border-bottom: 2px solid #fff; /* Add a border to all links */
	height: 120px;
	overflow: auto;
	overflow-style: marquee-line;
	scrollbar-width: thin;
	scrollbar-color: #fff #FFCC00;
}	
#myUL {
	/* Remove default list styling */
	list-style-type: none;
	width: 176px;
	font-size: .9em;
	border-bottom: 2px solid #fff; /* Add a border to all links */
	height: 250px;
	overflow: auto;
	overflow-style: marquee-line;
	scrollbar-width: thin;
	scrollbar-color: #fff #FFCC00;
	padding: 2px;
	background-color: #FFCC00;
}

#myInput {
	background-position: 10px 12px; /* Position the search icon */
	background-repeat: no-repeat; /* Do not repeat the icon image */
	width: 75%; /* Full-width */
	font-size: 1em; /* Increase font-size */
	padding: 12px 20px 12px 40px; /* Add some padding */
	border: 2px solid #fff; /* Add a grey border */
	margin-bottom: 0px; /* Add some space below the input */
	background-color: #CEA500;
	color: #000;
}
	
}

@media screen and (max-width: 1280px){
#myUL2 {
	/* Remove default list styling */
	list-style-type: none;
	margin-bottom: 20px;
	margin-top: 20px;
	font-size: .9em;
	border-bottom: 2px solid #fff; /* Add a border to all links */
	height: 290px;
	overflow: auto;
	overflow-style: marquee-line;
	scrollbar-width: thin;
	scrollbar-color: #fff #FFCC00;
}	
#myUL {
	/* Remove default list styling */
	list-style-type: none;
	width: 210px;
	font-size: .9em;
	border-bottom: 2px solid #fff; /* Add a border to all links */
	height: 436px;
	overflow: auto;
	overflow-style: marquee-line;
	scrollbar-width: thin;
	scrollbar-color: #fff #FFCC00;
	padding: 2px;
	background-color: #FFCC00;
}

#myInput {
	background-position: 10px 12px; /* Position the search icon */
	background-repeat: no-repeat; /* Do not repeat the icon image */
	width: 62%; /* Full-width */
	font-size: 1em; /* Increase font-size */
	padding: 12px 20px 12px 40px; /* Add some padding */
	border: 2px solid #fff; /* Add a grey border */
	margin-bottom: 0px; /* Add some space below the input */
	background-color: #CEA500;
	color: #000;
}
	
}

@media screen and (max-width: 1366px){
#myUL2 {
	/* Remove default list styling */
	list-style-type: none;
	margin-bottom: 20px;
	margin-top: 20px;
	font-size: 1em;
	border-bottom: 2px solid #fff; /* Add a border to all links */
	height: 290px;
	overflow: auto;
	overflow-style: marquee-line;
	scrollbar-width: thin;
	scrollbar-color: #fff #FFCC00;
}	
#myUL {
	/* Remove default list styling */
	list-style-type: none;
	width: 244px;
	font-size: 1em;
	border-bottom: 2px solid #fff; /* Add a border to all links */
	height: 466px;
	overflow: auto;
	overflow-style: marquee-line;
	scrollbar-width: thin;
	scrollbar-color: #fff #FFCC00;
	padding: 2px;
	background-color: #FFCC00;
}

#myInput {
	background-position: 10px 12px; /* Position the search icon */
	background-repeat: no-repeat; /* Do not repeat the icon image */
	width: 70%; /* Full-width */
	font-size: 1em; /* Increase font-size */
	padding: 12px 20px 12px 40px; /* Add some padding */
	border: 2px solid #fff; /* Add a grey border */
	margin-bottom: 0px; /* Add some space below the input */
	background-color: #CEA500;
	color: #000;
}
	
}