.container-80
{
	width:96%;
}

#slider{display:none;}

h1.section-h1
{
	font-size:20px;
}

h1.section-h1 span::after,
h1.section-h1 span::before 
{
	display:none;
}

#t-info
{
	position:absolute;
	top:0;
	left:10%;
	width:70%;
	height:50px;
	color:#fff;
}

#main 
{
	margin:0;
}

/**************************************************************************************************************************/
/************************************************** TABLET/MOBILE HEADER **************************************************/
/**************************************************************************************************************************/
#header
{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100px;
	z-index:99;
}

#desktop-header{display:none;}

#tablet-mobile-header
{
	display:block;
	position:fixed;
	top:0;
	left:0;	
	width:100vw;
	max-width:100vw;
	height:100px;
	margin:0;
	padding:0;
	z-index:99;
}

#tablet-mobile-header-top
{
	width:100vw;
	max-width:100vw;
	height:50px;
	background-color:#2D3E50;
	border-bottom:1px solid rgba(255,255,255,0.1);
	z-index:2;
}

#tablet-mobile-user-info
{
	height:100%;

   	display:-ms-grid;
   	display:grid;
   	-ms-grid-columns:auto auto auto auto;
   	grid-template-columns:auto auto auto auto;
}

.li-tag-container
{
	height:100%;

   	display:-ms-grid;
   	display:grid;
   	-ms-grid-columns:auto auto;
   	grid-template-columns:auto auto;	
}

.li-tag-container i
{
	background-color:transparent;
	padding-right:5px;
}

.li-tag-container a
{
	color:#fff;
}

.li-tag-container a:hover
{
	color:#86BC42;
}

#tablet-mobile-header-middle
{
	position:fixed;
	top:60px;
	left:0;	
	width:100vw;
	max-width:100vw;
	height:120px;
	font-size:36px;
	z-index:1;
}

#tablet-mobile-title-1,
#tablet-mobile-title-2
{
	height:60px;
	padding-top:5px;
}

#tablet-mobile-title-1
{
	color:#2D3E50;
}

#tablet-mobile-title-2
{
	color:#86BC42;
}

#tablet-mobile-header-bottom
{
	position:fixed;
	top:180px;
	top:50px;
	left:0;
	width:100vw;
	max-width:100vw;
	height:50px;
	background-color:#2D3E50;
	color:#fff;
	border-bottom:1px solid rgba(255,255,255,0.1);
	z-index: 2;
}

#main 
{
	margin-top:120px;
	z-index:1;
}

#slider
{
	z-index:1;
}

#tablet-mobile-header-icon-left,
#tablet-mobile-header-icon-right 
{
	width:30px;
	height:50px;
	cursor:pointer;
}

#tablet-mobile-header-icon-right 
{
	margin-top:-50px;
}

#tablet-mobile-header-icon-left
{
	margin-left:20px;
}

#tablet-mobile-header-icon-right
{
	margin-left:calc(100% - 80px);
}

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

#tablet-mobile-header-icon-left::before,
#tablet-mobile-header-icon-right::before
{
	top:13px;
}

#tablet-mobile-header-icon-left::after,
#tablet-mobile-header-icon-right::after 
{
	bottom:13px;
}

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

#tablet-mobile-header-icon-left.active::before,
#tablet-mobile-header-icon-right.active::before 
{
	height:6px;
	top:20px;
	transform:rotate(45deg);
}

#tablet-mobile-header-icon-left.active::after,
#tablet-mobile-header-icon-right.active::after
{
	height:6px;
	top:20px;
	transform: rotate(135deg);
}

#tablet-mobile-header-icon-left.active div,
#tablet-mobile-header-icon-right.active div
{
	opacity:0;
}

#tablet-mobile-menu-left,
#tablet-mobile-menu-right
{
	display:block;
	position:fixed;
	top:100px;
	width:100vw;
	max-width:100vw;
	height:calc(100vh - 100px);
	background-color:#2D3E50;
	color:#fff;
	margin:0;
	padding:0;
	transition:left 1s ease;
}

#tablet-mobile-menu-left
{
	left:-310vw;
}

#tablet-mobile-menu-right
{
	left:620vw;
}

#tablet-mobile-menu-left.active,
#tablet-mobile-menu-right.active
{
	left:0;
}

#tablet-mobile-menu-right-nav,
#tablet-mobile-menu-right-ul,
#tablet-mobile-menu-left-nav,
#tablet-mobile-menu-left-ul
{
	width:100%;
	height:100%;
}

#tablet-mobile-menu-right-ul
{
   	display:-ms-grid;
   	display:grid;
   	-ms-grid-rows:1fr 1fr 1fr 1fr;
   	grid-template-rows:1fr 1fr 1fr 1fr;
}

#tablet-mobile-menu-left-ul
{
   	display:-ms-grid;
   	display:grid;
   	-ms-grid-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr;
   	grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

#tablet-mobile-menu-left-ul li,
#tablet-mobile-menu-right-ul li
{
	border-bottom:1px solid rgba(255,255,255,0.1);

    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;

    cursor:pointer;
}

#tablet-mobile-menu-left-ul li:nth-child(1),
#tablet-mobile-menu-right-ul li:nth-child(1)
{
	border-top:2px solid rgba(255,255,255,0.1);
}

#tablet-mobile-menu-left-ul li i,
#tablet-mobile-menu-right-ul li i
{
	background-color:transparent;
}

#tablet-mobile-menu-left-ul li a,
#tablet-mobile-menu-right-ul li a
{
	color:#fff;
	transition:all 0.5s ease;
}

#tablet-mobile-menu-left-ul li a:hover,
#tablet-mobile-menu-right-ul li a:hover
{
	color:#86BC42;
}

#tablet-mobile-menu-left-ul li span,
#tablet-mobile-menu-right-ul li span
{
	cursor:pointer;
	transition:all 0.5s ease;
}

#tablet-mobile-menu-left-ul li:hover a,
#tablet-mobile-menu-right-ul li:hover a
{
	color:#86BC42;
}

.tablet-mobile-has-sub-menu:hover span
{
	color:#86BC42;
}

#tablet-mobile-series-dropdown,
#tablet-mobile-levels-dropdown
{
	display:none;
	position:fixed;
	left:0;
	top:-110vh;
	width:100vw;
	max-width:100vw;
	min-height:100vh;
	margin:0;
	padding:0;
	background-color:#2D3E4F;
	color:#fff;
	z-index:999;
	transition:top 1s ease;


}

#tablet-mobile-series-dropdown.active,
#tablet-mobile-levels-dropdown.active
{
	top:0;
   	display:-ms-grid;
   	display:grid;
   	-ms-grid-rows:30px calc(100% - 30px);
   	grid-template-rows:30px calc(100% - 30px);
}

#tablet-mobile-series-dropdown .row-1
{
	border-bottom:1px solid rgba(255,255,255,0.1);
}

#tablet-mobile-series-dropdown i.fas.fa-times,
#tablet-mobile-levels-dropdown i.fas.fa-times
{
	font-size:24px;
	background-color:red;
	background-color:transparent;
	color:white;
	margin-right:30px;
}

#tablet-mobile-series-dropdown nav,
#tablet-mobile-series-dropdown ul,
#tablet-mobile-levels-dropdown nav,
#tablet-mobile-levels-dropdown ul
{
	height:100%;
}

#tablet-mobile-series-dropdown li,
#tablet-mobile-levels-dropdown li
{
	width:100vw;
	max-width:100vw;
	border-bottom:1px solid rgba(255,255,255,0.1);

    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;	
}

#tablet-mobile-series-dropdown a,
#tablet-mobile-levels-dropdown a
{
	color:#fff;
}

#tablet-mobile-series-dropdown-ul
{
	height:calc(100vh - 40px) !important;
}
/**************************************************************************************************************************/
/************************************************** TABLET/MOBILE HEADER **************************************************/
/**************************************************************************************************************************/


/**********************************************************************************************************/
/************************************************** CART **************************************************/
/**********************************************************************************************************/
.cart-titles
{
	display:none;
}

.cart-item 
{
	-ms-grid-columns:none;
	grid-template-columns:none;
}

.no-of-cart-items 
{
	color:#fff;
}
/**********************************************************************************************************/
/************************************************** CART **************************************************/
/**********************************************************************************************************/

/***********************************************************************************************************/
/************************************************** BOOKS **************************************************/
/***********************************************************************************************************/
@media only screen and (max-width:400px) 
{
	.series-books
	{
		padding:0;
	}
}

#books 
{
	width:96% !important;
	background-color:transparent !important;
	margin:auto !important;
	padding:0 !important;
	border:1px solid transparent !important;
}

.book 
{
	margin-bottom:40px;
}
/***********************************************************************************************************/
/************************************************** BOOKS **************************************************/
/***********************************************************************************************************/

/**********************************************************************************************************/
/************************************************** BOOK **************************************************/
/**********************************************************************************************************/
#book 
{
	width:100%;
	margin:0;
	padding:0;
	margin-top:150px;
	-ms-grid-columns:none;
	grid-template-columns:none;
}

#book .col-1
{
	width:100%;
	background-color:#fff;
	padding-top:10px;

    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;
}

#book .col-1 img 
{
	margin:0;
}

#book .col-2
{
	margin-top:-40px;
	padding:50px 5px;
}
/**********************************************************************************************************/
/************************************************** BOOK **************************************************/
/**********************************************************************************************************/

/************************************************************************************************************/
/************************************************** BUNDLE **************************************************/
/************************************************************************************************************/
.single-bundle,
.double-bundle,
.triple-bundle,
.quadruple-bundle,
.quintuple-bundle,
.Sextuple-bundle
{
    -ms-grid-columns:none;
    grid-template-columns:none;
}
/************************************************************************************************************/
/************************************************** BUNDLE **************************************************/
/************************************************************************************************************/

/********************************************************************************************************************/
/************************************************** MEMBER SIGN IN **************************************************/
/********************************************************************************************************************/
#member-sign-in 
{
	top:20px;
	left:5%;
	width:90%;
}
/********************************************************************************************************************/
/************************************************** MEMBER SIGN IN **************************************************/
/********************************************************************************************************************/
#messages 
{
	top:100px;
}

#breadcrumbs 
{
	position:absolute;
	top:0;
	height:auto;
	padding-bottom:10px;
}

#breadcrumbs ul
{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:distribute;
    justify-content:space-around;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}

#breadcrumbs ul li
{
	height:30px;
	margin-top:10px;
}

.series-books 
{
	margin-top:10px;
}

#why-k12 
{
	width: 100%;
	height: 375px;
	min-height: 375px;
	margin-top: 100px;
	color: #fff;
	background-image: url('../img/why-k12-bg.jpg');
	background-size: cover;
	overflow: hidden;

    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;	
}

#why-k12-title-container 
{
	display:none;
}

#why-k12-info 
{
	width:90%;
	margin:auto !important;
}

#prev-testimonial 
{
	left:0;
}

.no-of-wishlist-items
{
	margin-left:5px;
	color:#fff;
}

#rvb-books 
{
	margin-top:250px;
}

/************************************************************************************************************/
/************************************************** FOOTER **************************************************/
/************************************************************************************************************/
#footer
{
   	-ms-grid-rows:0px auto auto 50px;
   	grid-template-rows:0px auto auto 50px;
}

#footer-second-row,
#footer-third-row,
#footer-fourth-row
{
	padding:0 2%;
}

.footer-row
{
	border:1px solid red;
}

#footer-first-row 
{
	visibility:hidden;
}

#footer-middle-row-container
{
   	display:-ms-grid;
   	display:grid;


	-ms-grid-columns:none;
	grid-template-columns:none;

   	-ms-grid-rows:auto auto auto auto auto;
   	grid-template-rows:auto auto auto auto auto;	
}

.footer-middle-row-container
{
   	display:-ms-grid;
   	display:grid;


	-ms-grid-columns:none;
	grid-template-columns:none;

   	-ms-grid-rows:auto auto auto auto auto;
   	grid-template-rows:auto auto auto auto auto;	
}

#footer-logo-container 
{
    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;	
}
/************************************************************************************************************/
/************************************************** FOOTER **************************************************/
/************************************************************************************************************/

#tablet-mobile-levels-dropdown-ul li
{
	padding:0 10px;
	text-align:center;
}

@media only screen and (max-width:575px) 
{

.serie-nav
{
	width:100px;
}

.series-nav-image 
{
	width:60px;
}

.series-nav-image img
{
	width:60px;
}

}