/* 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%; }
	.videocontainer #ResponsivePlayer{ height:93%; }
	.image-holder img.video-thumb{ display:none; }
	.image-holder img.responsive-tablet{ display:block; }
	
	/* 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; }
	
	/* Cute Slider */
	.cute-wrapper{ width:100%; margin:0px; margin-top:30px; margin-bottom:30px; }
	.br-infolist.vertical { display:none }
	
	/* My Responsive */
	.layout-2-wrapper {
		margin-bottom: 20px;
		border: 0px solid;
		border-bottom: 1px solid #000;
		padding: 15px;
		background: #222;
	}
	.image-holder {
		border: 0px solid #222222;
		border-right: 0px solid #f00;
		padding: 0px;
	}
	.layout-3-thumb {
		width: 100%;
		height: auto;
	}
	.layout-2-wrapper.solid-bg {
		background: none;
		padding: 15px;
		background: #333;
	}
	.hover-item {
		width: 100%;
		height: 100% !important;
		margin: 0;
	}
	.slicknav_menu{
		position: relative;
	}
	.slicknav_nav, .slicknav_nav ul{
		position: absolute;
		top: 44px;
		background: #222;
		width: 98%;
		z-index: 99;
		border-bottom: 1px solid #ff0000;
	}
	.slicknav_nav li,
	.slicknav_nav ul li{
		border-top: 1px solid #000;
	}
	.slicknav_nav li:first-child,
	.slicknav_nav ul li:first-child{
		border-top: 0px solid #000;
	}
	.slicknav_nav a {
		padding: 10px;
	}
	.slicknav_nav ul li:hover > a,
	.slicknav_nav ul li a:hover,
	.slicknav_nav a:hover { 
		background: none;
		color: #ccc;
	}
	.page-template-default .entry, .single .entry {
		margin-bottom: 20px;
	}
	.container iframe{ width: 100%; }
	.related-videos .grid-one-fourth {
		width: auto;
		margin-right: 10px;
	}
}




@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%; }
	.videocontainer #ResponsivePlayer{ height:93%; }
	.image-holder img.video-thumb{ display:none; }
	.image-holder img.responsive-phone{ display:block; }
	img.pager-thumb{ width:40px; height:40px; }
	
	/* 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; }

	/* Cute Slider */
	.cute-wrapper{ width:100%; margin:0px; margin-top:30px; margin-bottom:30px; }
	.br-infolist.vertical { display:none }
	
	/* My Responsive */
	.layout-2-wrapper {
		margin-bottom: 20px;
		border: 0px solid;
		border-bottom: 1px solid #000;
		padding: 15px;
		background: #222;
	}
	.layout-2-wrapper .grid-6{
		float: left;
		margin: 0 10px 20px 0;
	}
	.layout-2 .layout-title {
		margin-bottom: 20px;
	}
	.layout-2-wrapper .layout-2-details .clear{
		clear: none;
		float: left;
		display: none;
	}
	.image-holder {
		border: 0px solid #222222;
		border-right: 0px solid #f00;
		padding: 0px;
	}
	.layout-3-thumb {
		width: 100%;
		height: auto;
	}
	.layout-2-wrapper.solid-bg {
		background: none;
		padding: 15px;
		background: #333;
	}
	.hover-item {
		width: 100%;
		height: 100% !important;
		margin: 0;
	}
	.layout-2-wrapper .layout-2-details p{
		float: left;
		width: 146px;
	}
	.br-captions .br-caption-content .capwrap {
		padding: 6px 6px 0 76px;
	}
	.br-captions .br-caption-content h2 {
		font-size: 12px;
		line-height: 15px;
	}
	.br-video .play-btn { top: 32%; }
	.title-bar span {
		background: none;
		background-image: none;
	}
	.slicknav_menu{
		position: relative;
	}
	.slicknav_nav, .slicknav_nav ul{
		position: absolute;
		top: 44px;
		background: #222;
		width: 98%;
		z-index: 99;
		border-bottom: 1px solid #ff0000;
	}
	.slicknav_nav li,
	.slicknav_nav ul li{
		border-top: 1px solid #000;
	}
	.slicknav_nav li:first-child,
	.slicknav_nav ul li:first-child{
		border-top: 0px solid #000;
	}
	.slicknav_nav a {
		padding: 10px;
	}
	.slicknav_nav ul li:hover > a,
	.slicknav_nav ul li a:hover,
	.slicknav_nav a:hover { 
		background: none;
		color: #ccc;
	}
	.page-template-default .entry, .single .entry {
		margin-bottom: 20px;
	}
	.container iframe{ width: 100%; }
	.related-videos .grid-one-fourth {
		width: auto;
		margin-right: 10px;
	}

}