/* When Normal View Hide Responsive View */
.responsive-view{ display:none; }
.js .slicknav_menu{ display:none; }

@media only screen and (min-width: 480px) and (max-width: 768px ) {

	/* Show Navigation Menu and Hide Regular Menu */
	.js .slicknav_menu{ display:block; }
	#top-nav, .sf-menu{ display:none; }
	
	/* Main Grids */
	.container{ width:80%; margin:0 auto; }
	.full-width, .grid-2, .grid-3, .grid-4, .grid-5, .grid-2-3, .grid-3-4{ width:100%; margin:0px; }
	.grid-6{ width:19%; }
	.first{ margin-left:0px; }
	.last{ margin-right:0px; }
	
	.desktop-view{ display:none; }
	.responsive-view{ display:block; }
	
	/* Top Navigation menu */
	#top-social{ display:none; }
	#top-bar .slicknav_btn{ width:96%; background:#333333; margin-left:0px; }
	#top-bar .slicknav_menu{ background:#111111; }
	
	/* Main Navigation menu */
	.nav-container .full-width{ width:80%; margin:0 auto; }
	.nav-container{ background-image:none }
	.nav-container .slicknav_menu{ background:none; }
	.nav-container .slicknav_btn{ width:96%; margin-left:0px; }
	
	/* Header */
	.logo-container{ text-align:center; margin-bottom:20px; }
	.grid-2-3 .searchvideo{ width:93%; float:none; margin:0 auto }
	
	/* Videos */
	.videocontainer #VideoEmbed iframe{ height:330px; }
	.videocontainer #VideoPlayer{ height:93%; }
	
	/* Sharer */
	ul.sharer{ position:static; margin-bottom:20px; }
	ul.sharer li{ margin-left:0px; margin-right:10px; }
	
	/* Video Title */
	h6.video-title{ width:100%; }
	
	/* Blog */
	.blog-thumb{ width:100%; height:auto }
	.blog-post .image-holder{ height:180px; }
	
	
	/* Related Videos */
	.related-videos .grid-one-fourth{ width:23%; margin-left:5px; margin-right:5px; }
	.related-videos .grid-one-fourth.first{ margin-left:0px; }
	.related-videos .grid-one-fourth.last{ margin-right:0px; }
	
	/* Footer Widget */
	.footer-container .grid-6{ width:17%; }
	.footer-container .grid-6.first-widget{ margin-left:0px; }
	.footer-container .grid-6.last-widget{ margin-right:0px; }
}




@media only screen and (min-width: 320px) and (max-width: 480px ) {

	/* Show Navigation Menu and Hide Regular Menu */
	.js .slicknav_menu{ display:block; }
	#top-nav, .sf-menu{ display:none; }
	
	/* Main Grids */
	.container{ width:80%; margin:0 auto; }
	.full-width, .grid-2, .grid-3, .grid-4, .grid-5, .grid-2-3, .grid-3-4{ width:100%; margin:0px; }
	.grid-6{ width:19%; }
	.first{ margin-left:0px; }
	.last{ margin-right:0px; }
	
	.desktop-view{ display:none; }
	.responsive-view{ display:block; }
	
	/* Video Thumbnail */
	.layout-2-thumb{ width:50%; }
	
	/* Top Navigation menu */
	#top-social{ display:none; }
	#top-bar .slicknav_btn{ width:96%; background:#333333; margin-left:0px; }
	#top-bar .slicknav_menu{ background:#111111; }
	
	/* Main Navigation menu */
	.nav-container .full-width{ width:80%; margin:0 auto; }
	.nav-container{ background-image:none }
	.nav-container .slicknav_menu{ background:none; }
	.nav-container .slicknav_btn{ width:96%; margin-left:0px; }
	
	/* Header */
	.logo-container{ text-align:center; margin-bottom:20px; }
	.grid-2-3 .searchvideo{ width:98%; float:none; }
	
	/* Layout */
	.layout-2 .grid-6{ width:40%; }
	.layout-2 .hover-item{ height:88%; }
	.layout-2-thumb{ width:100%; margin-bottom:10px; }
	.layout-2 .layout-title{ margin-bottom:20px; }
	.layout-2 .stats{ margin-bottom:10px; display:none }
	.layout-2-details{ overflow:inherit; margin-left:0px; }
	.layout-2 p{ margin-left:0px; }
	
	/* Title Bar */
	.title-bar{ background-image:none; }
	.title-bar span{
	background:#000000;
	background-image:none;
	}
	
	/* Videos */
	.videocontainer #VideoEmbed iframe{ height:inherit; }
	.videocontainer #VideoPlayer{ height:93%; }
	
	/* Sharer */
	ul.sharer{ position:static; margin-bottom:20px; }
	ul.sharer li{ margin-left:0px; margin-right:5px; }
	ul.sharer span{ display:none; }
	ul.sharer i{ margin-right:0px; }
	ul.sharer .facebook i{ margin-left:3px; margin-right:3px; }
	
	/* Video Title */
	h6.video-title{ width:100%; }
	
	/* Blog */
	.blog-thumb{ width:100%; height:auto }
	.blog-post .image-holder{ height:100px; }
	
	/* Related Videos */
	.related-videos .grid-one-fourth{ width:100%; margin-bottom:20px; margin-left:0px; margin-right:0px; }
	.related-videos .grid-one-fourth.first{ margin-left:0px; }
	.related-videos .grid-one-fourth.last{ margin-right:0px; }
	
	/* Footer Widget */
	.footer-container .grid-6{ width:100%; }
	.footer-container .grid-6.first-widget{ margin-left:0px; }
	.footer-container .grid-6.last-widget{ margin-right:0px; }

}