.container-fluid,
.container {
 width:100%;
 padding-right:15px;
 padding-left:15px;
 margin-right:auto;
 margin-left:auto;
}
.primary{
	position: relative;
width: 100%;
padding-right: 12.5px;
padding-left: 12.5px;
margin-bottom: 1em;
text-align:center;


}
.w-3{
	padding-right: 12.5px;
padding-left: 12.5px;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
}
.post{
	padding-right: 12.5px;
padding-left: 12.5px;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
}
@media(max-width:320px) {
	header .item {
	    height: 70vh !important;
	}
}
@media(max-width:576px) {
	  header .item {
	    height: 70vh !important;
	    position: relative;
	  }
	 .p-5 {
		padding: 1rem!important;
	}
	.banner-text h1{
		font-size:33px;
		font-weight:700;
		padding-bottom: 0px;
	}
	.most-popular-videos {
		padding: 10px 0px 50px 0px;
	}
	.banner-text p {
		font-size: 15px;
	}
	.nav-link.tabs {
		border: 1px solid transparent;
		background: #D5DCEB;
		color: #49526A;
		padding: 10px 23px;
		font-size: 14px;
		font-weight: 500;
		border-radius: 150px;
	}
	.carousel-section {
    padding: 40px 0px;
    background-color: #EDEDF5!important;
}
	.d-md-none.d-sm-none{
		display:none;
	}
	section.categroies .btn {
		background: white;
		padding: 6px 13px;
		font-weight: 500;
		margin: 3px 1px !important;
		font-size: 12px;
	}
}
@media(min-width:576px) {
	 .p-5 {
    padding: 1rem!important;
}
 .container-fluid,
 .container {
  max-width:540px;
 }
 

}
@media(max-width:768px) {
	a.watch-trailer img {
		width: 40px;
	}
	.profile-sm-100{
		padding:15px !important;
	}
	.carousel-text{
		font-size: 14px;
	}
	.h5, h5 {
		font-size: 1rem;
	}
	.bedge{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.navbar-brand .brand-text{
		display:none;
	}
	.play-now h2 {
		font-size: 16px;
		padding-top: 10px;
	}
	.user-profile{
		padding:11px;
	}
	.connect-with-user{
		margin-bottom:8px;
		display: block;
	}
	.bedge {
    margin-top: 20px;
}
	a.play-now img {
		width: 40px;
	}
	.play-now h2 {
		font-size: 16px;
		padding-top: 10px;
	}
	.watch-trailer h2 {
		font-size: 16px;
		padding-top: 10px;
	}
	.watch-trailer {
		background: #f2f4f6;
		padding: 13px;
		border-radius: 5px;
		margin-right: 23px;
	}
	.play-now {
		background: #f0ad4e;
		border-radius: 5px;
		padding:9px 25px;
	}
	.profile-form {
		padding: 30px;
	}
	.catagories .list li {
		padding: 8px;
		border-radius: 4px;
		font-size: 15px;
		margin: 4px;
	}
	.catagories {
		padding: 16px;
	}
	.notification-section .mark-and-read{text-align: center;}
	.notification-section .heading {text-align: center;}
}
@media(min-width:768px) {
	.w-3{
		-webkit-box-flex: 0;
		flex: 0 0 33.3333333333%;
		max-width: 33.3333333333%;
	}
	.primary{
		text-align:center;
	}
	.container-fluid,
	.container {
		max-width:720px;
	}
	
	
	a.watch-trailer img {
		width: 40px;
	}
	.play-now h2 {
		font-size: 16px;
		padding-top: 10px;
	}
	a.play-now img {
		width: 40px;
	}
	.play-now h2 {
		font-size: 16px;
		padding-top: 10px;
	}
	.watch-trailer h2 {
		font-size: 16px;
		padding-top: 10px;
	}
	.watch-trailer {
		background: #f2f4f6;
		padding: 13px;
		border-radius: 5px;
		margin-right: 23px;
	}
	.play-now {
		background: #f0ad4eb8;
		border-radius: 5px;
		padding:9px 25px;
	}


}
@media(max-width:992px) {
	.profile-sm-100{
		-webkit-box-flex: 0;
		flex: 0 0 100% !important;
		max-width: 100% !important;
		padding:0px;
	}
	.creator-post-w100{
		-webkit-box-flex: 0;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
	header .item {
	    height: 100vh;
	    position: relative;
	}
}
@media(min-width:992px) {
	.primary {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 40%;
		flex: 0 0 40%;
		max-width: 40%;
		-webkit-align-self: center;
		align-self: center;
		margin-bottom: 0;
		padding-right: 10px;
		text-align:left;
	}
	.container-fluid,
	.container {
		max-width:960px;
	}
	.w-3{
		-webkit-box-flex: 0;
		flex: 0 0 20%;
		max-width: 20%;
	}
	
	
}
@media(min-width:1200px) {
	.primary {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 28.5714285714%;
		flex: 0 0 20%;
		max-width: 20%;
		padding-right: 10px !important;
	}
	
	.container-fluid,
	.container {
		max-width:1170px;
	}
	.w-3{
		-webkit-box-flex: 0;
		flex: 0 0 20%;
		max-width: 20%;
	}
	.post{
		-webkit-box-flex: 0;
		flex: 0 0 14.2857142858%;
		max-width: 14.2857142858%;
	}
	.creator-post .post{
		-webkit-box-flex: 0;
		flex: 0 0 25%;
		max-width: 25%;
	}
	
	
}
@media(min-width:1440px) {
 .container-fluid,
 .container {
  max-width:1440px;
 }
}

@media(max-width:1440px) {
	.profile-w{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 100%;
		max-width: 100%;
		padding-right:15px !important;
		padding-left:15px !important;
	}
	.option{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 100%;
		max-width: 100%;
		padding-right:15px !important;
		padding-left:15px !important;
	}
	
}
@media(min-width:1200px) {
 .container-fluid,
 .container {
  padding-left:38px;
  padding-right:38px;
 }

}

@media(max-width:1200px) {
 .creator-profile{
		padding: 13px;
	}
	header .item {
	    height: 75vh;
	}
}
@media(min-width:1486px) {
 .container-fluid,
 .container {
  max-width:1486px;
 }
}
@media(min-width:1776px) {
 .home-v4-container .container,
 .home-v4-container .container-fluid {
  max-width:1776px;
 }
}

@media (max-width: 991px){
	iframe.video-play {
		height: 180px;
	}
}
@media (max-width: 540px){
	iframe.video-play {
		height:calc(53.25vw) !important;
	}
}
@media (max-width: 768px){
	iframe.video-play {
	    height:calc(37.25vw);
	}
}
