@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&display=swap');
html, body {
	width: 100%;
	height: 100%;
	/*background-image: url(https://c.tenor.com/FlDEnkQpK4IAAAAC/shooting-star.gif) !important;*/
	background-repeat: no-repeat;
	background-size: 100%;
	background-color: #333 !important;
	font-size: 1em;
	color: #FFF !important;
	overflow-x: hidden;
	font-family: 'Amatic SC', cursive;
	padding-top: 4rem !important;

}

video {
	width:100% important;
	height:30rem !important;
}

.mth_logo {
	width:6rem !important;
}

audio {
    position: fixed !important;
    opacity: 0;
}

button {
	position:relative;
	z-index:999999 !important;
}

input[type="submit"] {
	position:relative;
	z-index:9999;
}

a {
	position:relative;
	z-index:9999;
}

.alert-warning {
	color:#000 !important;
	font-wight:bolder !important;
}

#loggedin {
	overflow-x: scroll !important;
    background-color: #333;
    white-space: nowrap;
    position: fixed;
    opacity: 0.9;
    z-index: 0;
    height: 25rem !important;
    left: 0rem;
    height: 10rem !important;
    top: 0rem !important;
    width: 100%;
    z-index:100 !important;
	}



audio {
    position: fixed !important;
    opacity: 0;
    bottom: 0rem;
}


.sub-menu-2 {
	background-color:#333 !important;
	background-size:500% !important;
}

#player-bar {
	background-color:#000 !important !important;
}

a {
	color:#FFF !important;
}

p {
	color:#FFF !important;
}

p a {
	color:lime !important;
}


.alert-success {
	background-color:#000;
	color:#FFF !important;
}
.lead {
	color:#FFF !important;
}

 #login form p {
 	color:#FFF !important;
 }
.alert-success a {
	color:#F00;
}
#player-bar marquee {
    position: fixed;
    bottom: 3rem;
    z-index: 1;
}
.cardi .play-button, img:active {
	opacity:0.6 !important;
}

.cardi .play-button, img:hover {
	opacity:0.6 !important;
}

button {
	background-color:#F00 !important;
	border:none !important;
}

h1 {
	color:#FFF !important;
}

div p {
	color:#FFF !important;
}

div h2 {
	color:#FFF !important;
}

h2 {
	color:#FFF !important;
}

p {
	color:#FFF !important;
}

ul li {
	color:#333 !important;
}


.logo {
	font-size:1em !important;
	color:#FFF !important;
	text-shadow:5px 5px #;
}

.logo a {
	font-size:1em !important;
}

.ico {
	width:2rem !important;
}

form h1, form p, label {
	color:#000 !important;
}

p {
	font-size:1em !important;
	color:#000 !important;
}

#external-content {
	background-color:#000 !important;
	position:fixed !important;
	left:0rem !important;
	top:0rem !important;
	width:100% !important;
	height:90% !important;
	z-index:999 !important;
	opacit:0.9 !important;
}

.breadcrumb {
	padding: 3em !important;
}

.breadcrumb li {
	margin-left: 0.5em;
}

#signup-top {
	margin-top: 8rem !important;
}


.cardi {
	background-color: transparent !important;
}

.cardi img {
	width:100% !important;
	height:30rem !important;
}

.cardi h2 {
    color: #FFF !important;
    position: relative;
    top: 4rem;
    font-size: 1.4em !important;
}

.streams {
	    position: relative;
    top: -4rem;
    font-size: 2.2em !important;
    background-color:#333 !important;
    opacity:0.9;
}

.play-button {
	position: relative;
    top: -24rem;
    left: -1rem;

}

.ico {
	width:2rem !important;
}
.scroll {
    overflow-y: scroll;
    height: 100%;
    padding-bottom: 15rem;
    background-color:#333;
}

.scroll .ico {
	width:2rem !important;
}

.scroll div p a {
	font-size: 0.9em !important;
}

.scroll img {
	width: 5em !important;
}

#player-bar img {
	width: 2rem;
}


#player-bar {
    position: fixed!important;
    bottom: 0rem !important;
    left: 0!important;
    width: 105%!important;
    background-color:#333;
    padding-top: 4rem!important;
    background-size:100%;
    z-index:9999999 !important;
}

#player-bar td {
	color: #FFF !important;
}

#now-playing {
	color: #FFF !important;
}

#player-bar td a {
	color: #FFF !important;
}

#player-bar h1 {
	color: #FFF;
}

.mixtape-pay  {
	color: #000 !important;
}

#content-holder table td {
	color: #FFF;
}

form h1 {
		color: #333 !important;
}

form a {
	color: maroon !important;
}

h1 {
	color: #FFF;
}

h2 {
	color: #FFF !important;
}


a {
	color: #FFF !important;
}


#register {
    margin-top: 10rem;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#pricing {
	margin-top: 2rem;
}

#login {
    margin-top: 7rem;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#login p input {
	font-size: 1.2em;
	text-align: center;
}

.deep_menu li a {
	color: #333 !important;
}

.deep_menu {
	background-color:#CCC;
}
nav h1 a {
    font-size: .9em;
    color: #FFF !important;
    text-decoration: none;
    font-weight: bolder;
    text-shadow: 5px 5px #333;
}

input[type="submit"] {
	background-color: #000;
	color: #FFF;
	border: 5px solid #FFF;
	font-size: 1.2em;
	font-weight: bolder;
	width: 100%;
}

.cover {
	width: 100% !important;
}

#pricing {
	position: relative;
	top: 0rem;
	left: 0rem;
	width: 100%;
	height: 100%;
	z-index: 9999;
}

#pricing button {
	position: relative;
	z-index: 99999;
}

p {
	color: #FFF;
}

body a {
	color: #333;
	text-decoration: none;
	font-weight: bolder;
}

.legend {
	color: #FFF;
	background-color: #000;
	display: none;z
	padding: 0.5em;
	position: unset !important;
}




.legend p {
	font-size: 1.4em;
}

.legend a {
	color: #FFF;
	font-weight: bolder;
	text-decoration: none;
	min-height: 18rem;
	padding: 2em;
	font-size: 0.8em;
}

.legend  button {
	background-color: #FFF;
	color: #000;
	border: none;
	font-size: 1.2em;
	font-weight: bolder;
}

.legend a:hover {
	color: #FFF;
}

.bullseye {
	width: 2rem;
	left: 30%;
	top: 30%;
	position: absolute;
	z-index: 0;
}

#categories p a {
	color: #FFF;
	text-decoration: none;
}

#categories p a:visited {
	color: #FFF;
	text-decoration: none;
}

.legend .bullseye:hover {
	opacity: 0.5;
}

label {
	color:#FFF !important;
}

nav {
    position: fixed;
    top: 0rem;
    left: 0rem;
    height: 4rem !important;
    width: 100%;
    z-index: 999;
}

.cardi h2 {
	font-size:0.6em;
}


.white h1 {
	color: #FFF;
}

.white p {
	color: #FFF;
}

#menu {
    position: fixed;
    background-color: #FFF;
    width: 3rem;
    right: 1rem;
    top: 1rem;
    -webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}

#searcher {
margin-top: 4.1em;
    width: 126% !important;
    height: 90rem;
    position: relative;
    left: -1rem;
    z-index: 1;
    overflow-x: hidden;
}



#top-menu {
    positioN: fixed;
    top: -5rem;
    left: 4rem;
}

#post {
	margin-left: auto;
	margin-right: auto;
	color: #FFF;
}

#post form {
	border: 5px solid #FFF;
	padding: 0.5em;
}

#body {
    margin-top: 7rem;
    padding-bottom: 10rem;
}

footer {
	color: #FFF;
	text-align: center;
}

#body footer a {
	color: #75380c;
}

.red {
	background-color: transparent;
	height: 30rem !important;
}


.black {
	height: 20rem;
}

#top-menu a {
    color: #FFF;
    text-decoration: none;
    padding: 0.5em;
    font-size: 0.8em;
}

nav h1 {
	color: #FFF;
}

#logo {
	width: 4rem;
	padding: 0.5em;
}

nav ul li {
	display: inline;
}

.menu #search {
    position: relative;
    color: #FFF;
    width: 100%;
    top: 19%;
    width: 25rem;
}

.menu form {
	padding: 0.5em;
}

.sub-menu {
	position: relative;
    top: 10rem;
    left: -1rem;
}

.menu input[type="text"] {
	width: 79%;
}

.blog {
    width: 100%;
}

.blog p img {
	width: 200%;
}

.back {
	float: right;.
}

.comment-holder {
	background-color: #FFF !important;
}

.comment-holder p {
	color: #000 !important;
	font-size: 1.2em;
	padding: 0.5em;
}

.reactions {
    left: -1rem!important;
    position: relative;
    left: -3rem;
    height: 5rem;
    width: 150%;
    color: #fff;
    font-weight: bolder;
}

ul li {
	color: #FFF;
}

#player-bar {
	padding: 0.5em;

}

.blog h1 {
	    color: #FFF !important;
}

.blog p {
	color: #FFF !important;
}
.blk {
	color: #000;
}

.reactions li {
    list-style: none;
    display: inline;
    font-size: 1.2em;
}

.reactions li img {
    width: 3rem;
    padding: 0.5em;
}

#categories .col-md-3 {
	width: 30% !important;
}

input[type="submit"] {
    background-color: maroon;
    color: #fff;
    border: 5px solid #FFF;
    width: 79%;
    /* padding: 0.5em; */
    margin-top: 0.5em;
}

button {
    background-color: #F00;
    color: #fff;
    border: 5px solid #FFF;
    width: 79%;
    /* padding: 0.5em; */
    margin-top: 0.5em;
}


.sub-menu-2 {
	position:relative;
	top:8rem;
	background-color:#333 !important;
	background-size:500% !important;
}

.sub-menu-2 li {
	display: inline;
}

.fixed-men {
	width: 50%;
	float: left;
}

h2 {
	color: #FFF;
}

.page-title {
	padding: 0.5em;
	font-weight: bolder;
	font-size: 1em;
}

.fixed-men img {
	width: 3rem;
}

#notifications td {
	background-color: #FFF;
	color: #000;
}

#notifications td p a {
	color: #000 !important;
	font-weight: bolder;
}

#content-wrapper {
	position: fixed;
	background-color: #333;
	position: fixed;
	top: 0rem;
	left: 0rem;
	width: 100%;
	height: 100%;
}

#content-holder {
    margin-top: 8rem;
}

.comment-holder p a {
	color:#000 !important;
}

#content-holder textarea {
    height: 10rem !important;
    width: 171% !important;
}

.formulate {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}



.menu {
    position: fixed !important;
    top: -2rem;
    right: 0rem;
    background-color: #333 !important;
    /* background-image: url(https://cdn-images-1.medium.com/max/1200/1*UeU5Z7ac4tXztKtfmiIPSQ.gif); */
    width: 17% !important;
    height: 105% !important;
    display: none;
    background-size: 45%;
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: -5%;
    opacity: 10;
    z-index: 9999999 !important;
}
.white {
	background-color: transparent;
	height: 24rem;
}

.menu a {
	font-size: 0.8em;
    color: #FFF !important;
    text-decoration: none;
}

.stories {
	width: 100%;
	background-color: #75380c !important;
	font-size: 1.4em;
	border: none !important;
	color: #FFF;
	font-weight: bolder;
	padding: 0.5em;
	margin-top: 4rem;
}

t {
	position: relative;
    top: 2rem;
    left: -3rem;
}

.comment-holder h1 {
	font-weight: bolder;
	color: #000 !important;
	border-bottom: 3px solid #000;
	width: 50%;
}

small {
	font-size: 0.8em;
}

.menu ul li {
	list-style: none;
    text-align: right;
}

#section_1 {
	background-image: url(https://www.nasa.gov/sites/default/files/styles/2x2_cardfeed/public/thumbnails/image/nasa_administrator_bill_nelson.jpg);
    background-size: 100%;
    height: 30rem !important;
    background-repeat: no-repeat;
    position: relative;
}

#section_1 .legend {
	height: 30rem !important;
}

#section_2 {
    background-image: url(https://www.nasa.gov/sites/default/files/styles/1x1_cardfeed/public/thumbnails/image/snapchat_sls.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 30rem;
     position: relative;
}

#section_3 {
    background-image: url(https://www.nasa.gov/sites/default/files/styles/1x1_cardfeed/public/thumbnails/image/snapchat_sls.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 30rem;
     position: relative;
}

#section_4 {
	background-image:  url("https://www.nasa.gov/sites/default/files/styles/full_width/public/thumbnails/image/iss066e139638_0.jpg?itok=5hw2p5Zc");
	background-size: 100%;
	background-repeat: no-repeat;
	height: 30rem;
	 position: relative;
}

#section_5 {
	background-image:  url(https://www.nasa.gov/sites/default/files/styles/1x1_cardfeed/public/thumbnails/image/mogensen_and_moghbeli_1x1_final.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	height: 30rem;
	 position: relative;
}

#section_6 {
	background-image: url("https://www.nasa.gov/sites/default/files/styles/1x1_cardfeed/public/thumbnails/image/thumbnail01_-_for_web.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
	height: 30rem;
	 position: relative;
}

#section_7 {
	background-image: url("https://www.nasa.gov/sites/default/files/styles/1x1_cardfeed/public/thumbnails/image/1b-spherex_slider-image_right-1041.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
	height: 30rem;
	 position: relative;
}

footer {
	clear: both;
}

#categories {
    background-color: #75380c;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-top: 7rem;
}

#section_8 {
	background-image: url("https://www.nasa.gov/sites/default/files/styles/1x1_cardfeed/public/thumbnails/image/1b-spherex_slider-image_right-1041.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
	height: 30rem;
	 position: relative;
}

#section_9 {
	background-image: url("https://www.nasa.gov/sites/default/files/styles/1x1_cardfeed/public/thumbnails/image/51959521353_17667db8e7_o.jpeg");
	background-size: 100%;
	background-repeat: no-repeat;
	height: 30rem;
	 position: relative;
}

#section_10 {
	background-image:  url("https://www.nasa.gov/sites/default/files/styles/1x1_cardfeed/public/thumbnails/image/atd-feature-mar-2022.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
	height: 30rem;
	 position: relative;
}

#section_11 {
	background-image: url("https://www.nasa.gov/sites/default/files/styles/1x1_cardfeed/public/thumbnails/image/taking_in_the_view_surface_from_hls.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
	height: 30rem;
	 position: relative;
}

#section_12 {
	background-image:  url("https://www.nasa.gov/sites/default/files/styles/1x1_cardfeed/public/thumbnails/image/51814546773_87375876c8_k.jpeg");
	background-size: 100%;
	background-repeat: no-repeat;
	height: 30rem;
	 position: relative;
}


#v_section_1 {
    background-size: 100%;
    height: 30rem !important;
    background-repeat: no-repeat;
    position: relative;
}

#v_section_1 .legend {
	height: 30rem !important;
}

#v_section_2 {
    background-size: 100%;
    background-repeat: no-repeat;
    height: 30rem;
     position: relative;
}

#v_section_3 {
    background-size: 100%;
    background-repeat: no-repeat;
    height: 30rem;
     position: relative;
}

#v_section_4 {
	background-size: 100%;
	background-repeat: no-repeat;
	height: 30rem;
	 position: relative;
}

#v_section_5 {
	background-size: 100%;
	background-repeat: no-repeat;
	height: 30rem;
	 position: relative;
}

#v_section_6 {
	background-size: 100%;
	background-repeat: no-repeat;
	height: 30rem;
	 position: relative;
}

#v_section_7 {
	background-size: 100%;
	background-repeat: no-repeat;
	height: 30rem;
	 position: relative;
}

footer {
	clear: both;
}

#section_8 {
	background-size: 100%;
	background-repeat: no-repeat;
	height: 30rem;
	 position: relative;
}

#section_9 {
	background-size: 100%;
	background-repeat: no-repeat;
	height: 30rem;
	 position: relative;
}

#section_10 {
	background-size: 100%;
	background-repeat: no-repeat;
	height: 30rem;
	 position: relative;
}

#section_11 {
	background-size: 100%;
	background-repeat: no-repeat;
	height: 30rem;
	 position: relative;
}

#section_12 {
	background-size: 100%;
	background-repeat: no-repeat;
	height: 30rem;
	 position: relative;
}


iframe:hover {
	position: relative;
	z-index: 9999;
}


.col-md-1 {
	float:left;
}

.col-md-2 {
	float:left;
}

.col-md-3 {
	float:left;
}

.col-md-4 {
	float:left;
}

.col-md-5 {
	float:left;
}

.col-md-6 {
	float:left;
}

.col-md-7 {
	float:left;
}

.col-md-8 {
	float:left;
}

.col-md-9 {
	float:left;
}

.col-md-10 {
	float:left;
}

.col-md-11 {
	float:left;
}

.col-md-12 {
	float:left;
}

.col-xs-1 {
	float:left;
}
.col-xs-2 {
	float:left;
}

.col-xs-3 {
	float:left;
}

.col-md-4 {
	float:left;
}

.col-xs-5 {
	float:left;
}

.col-xs-6 {
    float:left;
}

.col-xs-7 {
	float:left;
}

.col-xs-8 {
	float:left;
}

.col-xs-9 {
	float:left;
}

.col-xs-10 {
	float:left;
}

.col-xs-11 {
	float:left;
}

.col-xs-12 {
	float:left;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
#signup-top {
    background-image: url(https://www-growth.scdn.co/static/home/bursts-mobile.svg)!important;
    height: fit-content !important;
    background-size: 100%!important;
    background-color: #0d6efd;
    background-repeat: no-repeat!important;
    position: relative;
    left: -1rem;
    width: 100%;
}

#playing-bg {
    position: fixed;
    bottom: 3rem;
}

.logo a {
	font-size:0.9em !important;
}

#loggedin {
	overflow-x: scroll !important;
    background-color: #333;
    white-space: nowrap;
    position: fixed;
    opacity: 0.9;
    z-index: 0;
    height: 25rem !important;
    left: 0rem;
    height: 10rem !important;
    top: 0rem !important;
    width: 100%;
    z-index:0 !important;
	}

p {    
	color: #FFF !important;
    font-size: 1em;
}

#signup-top h1 {
    font-size: 2.8em;
    font-weight: bolder;
}

	#content-holder {
    margin-left: auto;
    margin-right: auto;
	}

	#signup-top button {
    width: 40% !important;
    -webkit-border-radius: 250px;
    -moz-border-radius: 250px;
    border-radius: 250px;
}

#player-bar {
    position: fixed!important;
    bottom: 0rem !important;
    left: 0rem !important;
    width: 105% !important;
    background-image: url(https://gifimage.net/wp-content/uploads/2018/05/sound-wave-gif-5.gif)!important;
    padding-top: 2rem!important;
    background-size: 100%;
    height: auto !important;
}
.reactions {
    left: -1rem!important;
    position: relative;
    left: -3rem;
    height: 5rem;
    width: 150%;
    color: #fff;
    font-weight: bolder;
}

}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
	
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
	
}

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

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */

}

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

}

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


}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */

	.blog {

	}
#signup-top {
    background-image: url(https://www-growth.scdn.co/static/home/bursts-mobile.svg)!important;
    height: fit-content !important;
    background-size: 100%!important;
    background-color: #0d6efd;
    background-repeat: no-repeat!important;
    position: relative;
    left: -1rem;
    width: 100%;
}

#loggedin {
	overflow-x: scroll !important;
    background-color: #333;
    white-space: nowrap;
    position: fixed;
    opacity: 0.9;
    z-index: 0;
    height: 25rem !important;
    left: 0rem;
    height: 10rem !important;
    top: 0rem !important;
    width: 100%;
    z-index:0 !important;
	}


p {    
	color: #FFF !important;
    font-size: 2.2em;
}

#signup-top h1 {
	font-size: 13.8em;
    font-weight: bolder;
}

	#content-holder {
    margin-left: auto;
    margin-right: auto;
	}

	#signup-top button {
    width: 40% !important;
    -webkit-border-radius: 250px;
    -moz-border-radius: 250px;
    border-radius: 250px;
}

	.blog p {
	    width: 100% !important;
    margin-left: auto;
    margin-right: auto;
    color: #000 !important;
    font-size: 1.2em;
	}

	
	.blog .cover {
		width: 50% !important;
		margin-left: auto;
		margin-right: auto;
	}

	.reactions {
    left: -1rem!important;
    position: relative;
    left: -3rem;
    height: 5rem;
    width: 150%;
    color: #fff;
    font-weight: bolder;
}

	.big-box {
    background-color: #333;
    height: 108rem;
	}

	.cardi {
		background-color: transparent !important;
		height: 30rem;
	}
	.half-box {
    background-color: #F00;
    height: 54rem;
	}

	.rectangle {
		background-color: #CCC;
    height: 18rem;
	}

	.news-heading {
	font-size: 7.2em;
    font-weight: bolder;
    padding: 0.5em;
    color: #333 !important;
	}
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
		
	.cardi {
		height: 40rem;
	}

	.news-heading {
	font-size: 7.2em;
    font-weight: bolder;
    padding: 0.5em;
    color: #333 !important;
	}

	.rectangle {
		background-color: #CCC;
    height: 18rem;
	}

	.half-box {
    height: 54rem;
	}

.big-box {
    height: 108rem;
	}

#signup-top {
    background-image: url(https://www-growth.scdn.co/static/home/bursts-mobile.svg) !important;
    height: fit-content !important;
    background-size: 40% !important;
    background-color: #0d6efd;
    background-repeat: no-repeat !important;
    position: relative;
    left: -1rem;
    width: 108%;
}

}

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

}
@media only screen and (min-device-width : 320px) and (max-device-width : 479px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {

}

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

}

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

}

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

}

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


}

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

}

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

}

/* iPhone X ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */

}

@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
	
}

/* iPhone XS Max, XR ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
	
}

@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
	
}

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

}

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

}

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

}

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

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
	

}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */

	
}