@media (max-width: 1400px) {
	    
}

@media (max-width: 1200px) { 
	header ul.nav-social{
        display: none;
    }
}

@media (max-width: 992px) { 
	
}

@media (max-width: 768px) { 

	.ham-ico{
		display: block;
		z-index: 100;
	}

	.nav-logo{
		padding-left: 60px;
	}

	.nav-logo img{
		margin-top: 10px;
		max-width: 70%;
	}

	.bt-play{
		width: 100px;
	}

	.bt-play-icon{
		margin-right: -30px;
	}

	.bt-play-text{
		display: none;
	}

	ul.nav-general{
		background: #1C1C1E;
		display: none;
	    left: 0;
	    margin-top: 5px;
	    margin: 0;
	    padding: 15px 0;
	    position: absolute;
	    top: 15px;
	    width: 100%;
    	z-index: 1;
	}

	ul.nav-general li{
		display: block;
		width: 100%;
	}

	ul.nav-general li a{
		background: #1C1C1E;
		padding: 10px 20px;
	}

	ul.nav-general li:hover a{
		background:  #4884CA;
		color: #FFF;
	}

	.post-content{
		margin-top: -50px;
	}

	.post-header h1{
		font-size: 1.5rem;
	}

	.posts-related{
		padding-right: 15px;
    	padding-left: 15px;
	}

	.post-related{
		margin-bottom: 20px;
	}

}


@media (max-width: 576px) { 

	header,{
		margin-bottom: 0px;
	}

	.nav-main{
		width: 100%;
	    max-width: 100%;
	    position: absolute;
	    top: 50px;
	}

	.content-page{
		padding-top: 80px;
	}

	.live-event{
		margin-bottom: 10px;
	}

	.side-left{
		padding: 0;
	}

	#banner-side-left{
		display: none;
	}

	.no-padding-mb{
		padding: 0 !important;
	}

	.no-padding-r {
	  padding-right: 15px;
	}

	.first-video{
		margin-bottom: 20px;
	}

    .first-post-section{
    	margin-bottom: 20px;
    }

    .post-relation .section-title{
	    margin: 20px 0 20px 0;
	}

	#sidebar-play {
		max-width: 100%;
		min-width: 100%;
	}

	.youmax-video-modal{
		width: 100%;
	}

	.live-event-title{
		padding: 20px 0;
		height: 100px;
		text-align: center;
	}

	.live-event-title h3{
		font-size: 14px;		
	}

	.live-event-title i{
		font-size: 10px;
	}

	.live-event-image {
	  	height: 100px;
	}

	.live-event-live {
		font-size: 15px;
		font-weight: 500;
		padding: 10px 10px;
		position: relative;
		height: 50px;
		text-align: center;
	}

	.live-event-live span{
		font-size: 10px;
	}

	.live-event-details{	
	  padding: 10px 0px;
	  text-align: center;
	}

}


@media (min-width: 1400px) {
	.container{
		width: 1300px;
	}
    
}