@media (min-width: 320px) and (max-width: 767px) {
	
	.facebook-like{
		display: none;
	}
	header {
		display: none;
	}
	#video-area-inside{
		width: 100%;
		padding: 0;		
	}
	#video {
		float: none;
		width: 100%;
		height: 338px;	
	}
	#video-navigation{
		float: none;
		width: 100%;
		height: 50px;
	}

	#text-area{
		margin: 0 auto;
		width: 100%;
		margin-top:20px;	

		
	}
	#text-inside{		
		width: 300px;
		float: none;
		margin-top: 20px;		
	}
	#banner-bottom, #banner-footer {
		width: 300px;
		height: 250px;
		float: none;
		margin: 0 auto;
	}
	#banner-footer {
		margin-top:0px;
	}
	#footer-inside{
		padding: 10px;
		width: 90%;
	}


	/*Channels*/
	.tv-channel-panel{
		width: 320px;
		margin: 0 auto;
		float: none;
	}
	.tv-channel {
		width:150px;
		height: 150px;
		margin: 5px;
	}
	.tv-channel img{
		width:150px;
		height: 150px;
	}
	.tv-channel h3{
		font-size: 20px;
	}

	/*Youtube*/
	#video-area {
		padding:0;
		background: #000;
	}
	#button4 {
		display: none;
	}
	
	#banner-right .banner-right-ad {
		width: 100%;
		padding:0;
		margin: 20px 0;
	}

	#banner-right .tv-channel {
		width: 65px;
		height: 65px;
		margin: 10px 0px 0 10px;
	}
	#banner-right .tv-channel img{
		width: 65px;
		height: 65px;
	}


	#banner-right .tv-channel h3 {
		font-size: 11px;
	}

	#navigation-player-buttons {
	    width: 170px;
	    //height: 138px;
	    margin-top:0px;
	    padding-left: 4px;
	}
	#navigation-top {
		display: none;
	}

	.buttons-description {
	    top: -8px;
	}
	.facebook-share-icon {
		color: #fff;
		padding: 10px;
		background: #2d609b;
		float: none;
		cursor: pointer;
		margin-top: 9px;
		width: 70px;
		margin: 0 auto;
		margin-top: 3px;
		overflow: hidden;
		width: 290px;
    margin: 0 auto;
    display: block;
    clear: both;
	}

	#banner-right{
		width: 98%;
		padding: 0 1%;
		height: auto;
		padding-bottom: 5px;
		margin: 0;
		text-align: center;
	}

	#searchPanel{
	    width: 300px;
		float: none;
		margin: 0 auto;
	}
	#searchPanel #searhInput {
		width: 170px;
		float: left;
		padding: 10px 20px 10px 50px;
		margin-top: 10px;
		margin-left:0;
	}

	#searchPanel .searchIcon {
	    float: left;
		margin-right: 0;
		margin-left: 10px;
		margin-top: 10px;
		position: relative;
	    top: auto;
	    right: auto;
	}
	.info-text{
	    width: auto !important;
	    float: none !important;
	    clear: both;
		text-align: center;
	    float: none;
	    width: 98%;
	    padding: 0 1%;
	}
	/*Mobile Play Button*/
	#mobile-play  {	   
	  top: 130px;
	}


}


@media (min-width: 768px) and (max-width: 1019px) {

	#video-area-inside{
		width: 100%;	
		padding: 0;	
	}
	#video {
		float: none;
		width: 100%;
		height: 432px;		
	}
	#video-navigation{
		float: none;
		width: 100%;
		height: 50px;
	}

	#text-area{
		margin: 20px auto;
		width: 100%;		
	}
	#text-inside{		
		width: 336px;
		float: none;
		margin-top:20px;		
	}
	#banner-bottom, #banner-footer {
		float: none;
		margin: 0 auto;
		width:336px;
		height:280px;
	}
	#banner-footer {
		margin-top:0px;
	}
	#footer-inside{
		padding: 10px;
		width: 90%;
	}
	#navigation-player {
		    width: 180px;
    		margin: 0 auto;
	}
	#navigation-player-buttons{
		margin-top:0px;
	}
	/*Channels*/
	.tv-channel-panel{
		width: 768px;
		margin: 0 auto;
		float: none;
	}
	.tv-channel {
		width:182px;
		height: 182px;
		margin: 5px;
	}
	.tv-channel img{
		width:182px;
		height: 182px;
	}
	/*Youtube*/
	#video-area {
		padding:0;
	}
	#button4 {
		display: none;
	}
	
	#banner-right .banner-right-ad {
		width: 100%;
		padding:0;
		margin: 20px 0;
	}

	#banner-right .tv-channel {
		width: 65px;
		height: 65px;
		margin: 10px 0px 0 10px;
	}
	#banner-right .tv-channel img{
		width: 65px;
		height: 65px;
	}


	#banner-right .tv-channel h3 {
		font-size: 11px;
	}

	#navigation-player-buttons {
	    width: 96%;
	    height: 73px;
	}

	#banner-right{
		width: 100%;
		height: auto;
		padding-bottom: 20px;
		margin: 0;
	}

	#searchPanel{
	    width: auto;
	    float: right;
	    margin-top: 18px;
	    margin-bottom: 20px;
	    margin-right: 10px;
	}
	#searchPanel #searhInput {
	    width: 260px;
	    float: left;
	    padding: 10px 20px 10px 50px;
	    margin-top: 0px;
	}

	#searchPanel .searchIcon {
	    float: left;
	    margin-right: 0;
	    margin-left: 10px;
	    position: relative;
	    top: auto;
	    right: auto;
	    margin-top: 0;
	}
	.info-text{
	    float: none;
	    width: 98%;
	    padding: 0 1%;
	}
	/*Mobile Play Button*/
	#mobile-play  {	   
	  top: 140px;
	}

	.facebook-share-icon {
		width: 290px;
	    margin: 0 auto;
	    display: block;
	    clear: both;
	}
}

@media (min-width: 1020px) and (max-width: 1300px) {
	#footer-inside{
		width: 770px
	}
	#text-area {	    
	    width: 770px;
	}

}

@media (min-width: 320px) and (max-width: 329px) {
	#video {
		height: 180px;	
	}
}
@media (min-width: 330px) and (max-width: 339px) {
	#video {
		height: 186px;	
	}
}
@media (min-width: 340px) and (max-width: 349px) {
	#video {
		height: 192px;	
	}
}
@media (min-width: 350px) and (max-width: 359px) {
	#video {
		height: 198px;	
	}
}
@media (min-width: 360px) and (max-width: 480px) {
	#video {
		height: 203px;	
	}
}
@media (min-width: 480px) and (max-width: 600px) {
	#video {
		height: 270px;	

	}
}