.device
{
	visibility:visible;
}

#desktop-header-top-container 
{
	display: -ms-grid;
	display: grid;
	-ms-grid-columns:30% 70%;
	grid-template-columns:30% 70;
}

#header-info
{
	width:100%;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns:30% 70%;
	grid-template-columns:30% 70%;
}

#desktop-header-bottom
{
	display:none;
}

#device-header-bottom
{
	display:block;
	width:100%;
	height:80px;
}

#device-header-icon 
{
	position:absolute;
	left:20px;
	top:15px;
	width: 30px;
	height: 50px;
	cursor: pointer;	
}

#device-header-icon div
{
	width: 100%;
	height: 4px;
	background-color: #fff;
	border-radius: 3px;
	transition: 500ms;
}

#device-header-icon.active div
{
	opacity:0;
}

#device-header-icon::before
{
	top: 13px;
}

#device-header-icon::before
{
	content: '';
	position: absolute;
	width: 100%;
	height: 4px;
	background-color: #fff;
	border-radius: 3px;
	transition: 500ms;
}

#device-header-icon::before, 
#device-header-icon::after
{
	content: '';
	position: absolute;
	width: 100%;
	height: 4px;
	background-color: #fff;
	border-radius: 3px;
	transition: 500ms;
}

#device-header-icon::after
{
	bottom: 13px;
}

#device-header-icon.active::before
{
	height: 6px;
	top: 20px;
	transform: rotate(45deg);
}

#device-header-icon.active::after
{
	height: 6px;
	top: 20px;
	transform:rotate(135deg);
}

#device-nav
{
	position:absolute;
	left:-100%;
	top:140px;
	width:100%;
	height:calc(100vh - 120px);
	background-color:#2D3E50;
	transition:all 0.5s ease;

    display:-ms-grid;
    display:grid;
    -ms-grid-rows:1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr;
}

#device-nav.active
{
	left:0;
}

#device-nav li
{
	padding-left:20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
}

#device-nav li:nth-child(1)::before
{
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:1px;
	background-color:rgba(255,255,255,0.5);
}

#device-nav li::after
{
	content:'';
	position:absolute;
	left:0;
	top:100%;
	width:100%;
	height:1px;
	background-color:rgba(255,255,255,0.5);
}

#device-nav li a
{
	color:#fff;
}

#grades-sub-menu
{
	position:fixed;
	left:100%;
	top:140px;
	width:100%;
	height:calc(100vh - 140px) !important; 
	background-color:#2B3C4D;
	z-index:9999999;
	transition:left 0.5s ease;
}

#grades-sub-menu.active
{
	left:0;
}

#grades-sub-menu li
{
	width:100%;
	padding-left:20px;
	background-color:#2B3C4D;
	border-bottom:1px solid rgba(255,255,255,0.5);	

    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;	
}

#grades-sub-menu li a
{
	color:#fff !important;
}

#close-grades-sub-menu
{
	display:block !important; 
	position:fixed;
	left:100%;
	top:60px;
	width:100%;
	height:80px;
	background-color:#2B3C4D;
	border-bottom:1px solid rgba(255,255,255,0.5);
	transition:left 0.5s ease;
	z-index:9999999; 
}

#close-grades-sub-menu.active
{
	left:0;
}

#close-grades-sub-menu-tag
{
	width:80px;
	height:80px;
	font-size:32px;
}

#grades-sub-menu-chevron
{
	position:absolute;
	left:0;
	top:1px;
	width:50px;
	height:calc(100% - 2px);
}

#slider 
{
	margin-top:225px;
}

#info
{
	display:block;
	position:fixed;
	left:100px;
	top:140px;
	color:#fff;
}

#top-section
{
	display:none;
}

#bundles
{
	top:200px;
	margin-bottom:275px;
}

#bundles .container-50
{
	width:90% !important; 
}

#featured,
#free
{
	width:96% !important; 	
}

#testimonials-overlay .container-50
{
	width:96% !important;
}

#footer .container-80
{
	width:96% !important;
}

#device-series-menu,
#device-levels-menu
{
	position:fixed;
	left:100%;
	top:120px;
	width:100%;
	height:calc(100% - 120px);
	background-color:#2D3E50;	
	transition:left 0.5s ease;

	border:1px solid red;
}

#device-series-menu.active,
##device-levels-menu.active
{
	left:0;
}

#device-series-menu li,
#device-series-menu a,
#device-levels-menu li,
#device-levels-menu a
{
	color:#fff;
	padding-left:20px;
	text-transform:uppercase;
}

#close-device-series-menu,
#close-device-levels-menu
{
	font-size:28px;
	margin-top:10px;
}

#levels-title
{
	margin-top:220px;
	margin-bottom:-160px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}

#series-device-menu,
#levels-device-menu
{
	position:absolute;
	top:120px;
	width:100%;
	height:calc(100vh - 120px);
	background-color:#2D3E50;
}

#series-device-menu li,
#levels-device-menu li
{
	width:100vw;
	border-bottom:1px solid #fff;
	text-transform:uppercase;
}

#series-device-menu li:first-child,
#levels-device-menu li:first-child
{
	border-top:1px solid #fff;
}

#series-device-menu li,
#series-device-menu a,
#levels-device-menu li,
#levels-device-menu a
{
	color:#fff;
}

.right-side-menu
{
	left:100vw;
	transition:left 0.5s ease;
}

.right-side-menu.active
{
	left:0;
}

#video-promotion 
{
	min-height:calc(100vh - 120px);
	top:120px;
}

#video-promotion-title h1
{
	font-size:32px;
}

#video-promotion-details 
{
	-ms-grid-columns:none;
	grid-template-columns:none;
	-ms-grid-rows:auto auto;
	grid-template-rows:auto auto;
}

#video-promotion-container
{
	width:90% !important; 
}

#video-promotion-image
{
	margin-bottom:10px;
}

.series .section-title, 
.category .category-title, 
.category-container .category-title, 
#featured .section-title 
{
	margin-top:-40px;
	background-color:#f6f6f6;
}

.prev-series, .prev-category,
.next-series, .next-category 
{
	top:15px !important;
}