.mini-header{
	font-size: 2rem;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 100;
	display: none;
	background-color: #121E52;
}
.boarder{
filter: drop-shadow(0px 2px 0px white);

}
.mini-nav-sec{
	color: white;
}

.mini-header-items{
	display: flex;
}

.mini-header-items > div{
	flex: 1;
}

.mini-logo{
	color: white;
    text-align: left;
    padding-left: 5px;
}

.mini-logo > img{
	max-width: 51px;
}

.mini-nav-sec{
	color: white;
    text-align: right;
    padding-right: 15px;	
}

#mini-menu{
	text-align: left;
}

.mini-menu-wrap > ul{
	list-style-type: none;
	padding-left: 15px;
}

.mini-nav-item{
	padding-top: 5px;
	padding-bottom: 5px;
}

.mini-nav-item > a{
	color: black !important;
	text-decoration: none !important;
	font-family: 'Josefin Sans', sans-serif; 
}

.som{
	display: none;
}

.hom{
	display: initial;
}

@media only screen and (max-width: 600px) {
	.city-title{
		font-size: 2rem;
	}
	.text-card{
		font-size: 1rem;
	}

	.footer{
		position: initial !important;
	}

	.home-title{
		font-size: 3.8rem;
	}

	.tag-text{
		font-size: 1.8rem
	}

	.xnavbar{
		display: none;
	}

	.mini-header{
		display: block;
	}

	.mini-menu-sec{
		display: block;	
	}

	.logo-wrap{
		padding: 20px;
		text-align: center;
	}

	.logo-wrap img{
		max-width: 275px;
		margin-right: auto;
		margin-left: auto;
	}

	.hos{
		display: none;
	}

	.ver-wrap{
		display: none;
	}

	.quest{
		font-size: 1.2rem;
	}
	.answer {
		font-size: 1rem;
	}	

	.qna-wrap{
		margin: 0px;
		padding: 20px;
	}

	.cities-section{
		display: none;
	}

	#bg-section{
		display: none;
	}

	#sc-section{
		display: block;
		padding: 0px;
		height: 100%;
		/*padding-top: 60px*/
	}
	.extra-section{
		display: flex;
	}

	.mar-mob{
		margin-top: 65px;
	}

	.som{
		display: initial;
	}
	.hom{
		display: none;
	}
	.pull-fx{
		text-align: initial;
	}

	.play-b-banner{
		position: initial;
		margin-top: 15px;
	}

	.para-title{
		font-size: 1.7rem;
	}

	.bio-title{
		font-size: 1.7rem;
		margin-top: 15px;	
	}

	.section-socials{
		font-size: 	initial;
		display: none;
	}

	.circle-img{
		max-width: 100%;
	}
}

@media only screen and (min-width: 576px) {
	.xnavbar{
		display: block;
	}

	.mini-header{
		display: none;
	}
	.mini-menu-sec{
		display: none;
	}
}

@media only screen and (min-width: 600px) {
	.city-title{
		font-size: 5rem;
	}
	.text-card{
		font-size: 1rem;
	}
	.home-title{
		font-size: 3.8rem;
	}
	.tag-text{
		font-size: 1.8rem;
	}
	.quest{
		font-size: 1.2rem;
	}
	.answer {
		font-size: 1rem;
	}
	#bg-section{
		display: flex;
	}
	#sc-section{
		display: none;
	}
	.extra-section{
		display: none;
	}

}


@media only screen and (min-width: 768px) {
	.tag-text{
		font-size: 2.8rem
	}
}

@media only screen and (max-width: 768px) {
	#home-player{
		margin: 0px;
	}
}
@media only screen and (min-width: 992px) {
	.city-title{
		font-size: 7rem;
	}
	.text-card{
		font-size: 1.3rem;
	}

	.home-title{
		font-size: 5.5rem;
	}

	.tag-text{
		font-size: 3.5rem;
	}
    .trailer{
		padding-right: 0rem;
		margin-right: 0rem;
	}
	.quest{
		font-size: 2rem;
	}

	.answer{
		font-size: 1.4rem;
	}

}

@media only screen and (min-width: 1200px) {
	.home-title{
		font-size: 7rem;
	}

	.tag-text{
		font-size: 4.5rem;
	}
	.circle-img{
		max-width: 350px;	
	}

	.floating-box{
		display: initial;
	}
}