@media (max-width: 767px) {
	body {
		font-size: 15px;
	}
	.h1, h1 {
		font-size: 2rem;
	}
	.logo {
		display:none;
	}
	.mobi-logo {
		width:40%;
		display: block;
	}
	.navbar-header {
		text-align: center;
	}
	.navbar {
		width: 100%;
		padding: 5px 15px;
	}
	.navbar-nav {
		float: none;
		margin: auto;
		list-style: none;
		padding: 0;
	}
	#closedNoticeModal .close {
		right: 12px;
		top:0;
	}
	.navbar-toggler {
		display: inline-block!important;
		width: auto;
		padding-top: 15px;
		padding-bottom: 15px;
		text-align: center;
		float: right;
		border: 2px solid #29abe2;
		background-color: #29abe2;
		color: #ffffffff;
		border-radius: 0;
	}
	.navbar-collapse {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-ms-flex-align: center;
		align-items: center;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		background-color: #fff;
		z-index: 99999;
		text-align: center;
		max-height: 350px;
		overflow-y: scroll;
	}
	.navbar-expand-lg .navbar-toggle:hover, .navbar-expand-lg .navbar-toggle:focus{
		background-color: #fff!important;
		color: #29abe2!important;
		border: 2px solid #29abe2;
	}
	.navbar-expand-lgt .navbar-toggle:hover .icon-bar, .navbar-expand-lg .navbar-toggle:focus .icon-bar {
		background-color: #29abe2!important;
	}
	.navbar-expand-lg .navbar-toggle .icon-bar {
		background-color: #fff;
		margin-left: auto;
		margin-right: auto;
	}
	.navbar-expand-lg li a {
		margin-top: 10px!important;
	}

	.navbar.navbar-expand-lg li a {
		color: #000!important;
		font-size: 15px;
		border-bottom: 2px solid #fff;
		margin-top: 32px;
		margin-left: 10px;
		margin-right: 10px;
		padding: 5px 10px;
	}
	.navbar.navbar-expand-lg li a.active {
		display: inline-block;
	}
	.navbar-nav .dropdown-menu {
		position: static;
		top: 100%;
		left: 0;
		text-align: center;
		float: none;
		min-width: 10rem;
		padding: 10px 20px;
		margin: 0;
		font-size: 15px;
		border: 0;
	}
	.navbar-expand-lg .navbar-nav .dropdown-menu .menu-heading {
		text-align: center;
		font-size: 16px;
		padding-bottom: 5px;
		margin-bottom: 10px;
		border-bottom: 1px solid #000;
	}
	.mini-cart {
		min-width: auto;
		left: 0;
	}
	.account-options-dropdown .dropdown-menu {
		max-width: none!important;
	}
	.yamm .yamm-content {
		padding: 0!important;
		padding-top: 10px!important;
		padding-bottom: 10px!important;
		border-bottom: 1px solid #000;
		min-width: 250px;
		margin-left: 50px;
		margin-right: 50px;
	}
	.prev-custom {
		position: relative;
		left: -20%;
		/* left: -15%; */
	}
	/* .card-body {
		padding:0!important;
	} */
	.blog .post img {
		height: auto;
	}
	.blog .post p {
		padding: 0;
		margin-bottom: 0;
	}
	li.login-register {
		display: block!important;
		padding-left: 15px!important;
	}
	.products .product {
		justify-content: center!important;
		display: block!important;
	}
	button:focus {
		outline: none;
	}
	.home-slider {
		text-align: center;
	}
	.home-slider h1 {
		font-size: 35px!important;
		text-shadow: 1px 1px 1px #000;
	}
	.home-slider p {
		text-shadow: 1px 1px 1px #000;	
	}
	.home-slogan h2 {
		font-size: 25px!important;
	}
	.home-about h3 {
		font-size: 25px!important;
	}
	.home-product-wrapper .product-info {
		position: relative!important;
		height: auto!important;
		opacity: 1!important;
		margin-bottom: 15px;
	}
	.home-product-wrapper:hover .product-info {
		opacity: 1;
		-webkit-animation-name: none!important;
		animation-name: none!important;
		-webkit-animation-duration: 0.5s;
		animation-duration: 0.5s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		height: auto;
	}

	.home-games p {
		padding-top: 20px;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.home-games {
		margin-top: 60px;
	}
	.controls-tns i {
		/* left: 40%; */
		font-size: 30px;
	}
	.next-custom {
		/* right: -15%; */
		position: relative;
	}
	.mini-cart-wrapper {
		display: block!important;
		padding-left: 15px;
		margin-left: 0;
	}
	.home-product-wrapper .product-info .btn-primary {
		padding: 5px 10px;
	}
	.phonics h2 {
		font-size: 28px!important;
	}
	.grade-product-wrapper {
		min-height: 290px;
	}
	.contact .details {
		margin-top: 60px;
	}
	.input-wrapper {
		display: block!important;
		width: 100%!important;
	}
	.profile .btn-primary {
		margin-left: 0!important;
		width: 100%!important;
	}
	.profile .address {
		margin-top: 10px!important;
	}
	.sidebar {
		display: none;
	}
	.products .product img {
		display: block!important;
		width: 100%!important;
	}
	.products .product .content {
		display: block!important;
		width: 100%!important;
		padding: 0!important;
		margin-top: 10px;
	}
	.products .product h3 {
		display: block!important;
		width: 100%!important;
	}
	.cart-total {
		margin-bottom: 20px;
		float: right;
	}
	.cart-total span {
		float: none!important;
	}
	.order-summary {
		padding: 15px;
	}
	.product-info .product-image {
		width: 100%!important;
		display: block!important;
	}
	.cat-products h3, .grade-products h3 {
		font-size: 25px!important;
	}
	.order-history .table {
		width: 300%;
	}
	.footer-upper a {
        font-size: 20px;
    }
	.footer-upper p {
		font-size: 20px!important;
	}
	.footer-lower p {
		color: #fff;
		font-size: 14px;
		margin-top: 15px;
		margin-bottom: 35px;
		text-align: center;
	}
	.mobile-cart {
		/* display: block!important; */
		padding-bottom: 0;
	}
}

@media (min-width: 768px) and (max-width: 991px){
	body {
		font-size: 15px;
	}
	.logo {
		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.prev-custom {
		position: relative;
		left: -7%;
	}
	.next-custom {
		position: relative;
		left: -1%;
	}
	.navbar.navbar-expand-lg li a {
		margin-top: 0;
	}
	.navbar-default li a {
		padding: 5px!important;
		margin-left: 4px!important;
		margin-right: 4px!important;
		font-size: 14px!important;
	}
	.navbar-toggler {
		display: block;
		width: 100px;
		padding-top: 15px;
		padding-bottom: 15px;
		text-align: center;
		float: right;
		margin-left: auto;
		margin-right: auto;
		border: 2px solid #29abe2;
		background-color: #29abe2;
		color: #ffffffff;
		border-radius: 0;
		position: relative;
		top: 23px;
		right: -200px;
	}
	.navbar-nav {
		float: none!important;
	}
	.navbar-expand-lg .navbar-nav .dropdown-menu {
		position: relative;
		top: -3px;
		padding: 0;
	}
	.dropdown-menu {
		border:none;
	}
	.card-body {
		padding:0!important;
	}
	.blog .card-body p {
		padding:15px;
	}
	.yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .dropdown {
		position: absolute;
		background-color: #fff;
		width: 100%;
	}
	.navbar-toggler:focus {
		display: block;
		width: 100px;
		padding-top: 15px;
		padding-bottom: 15px;
		text-align: center;
		float: right;
		margin-left: auto;
		margin-right: auto;
		border: 2px solid #29abe2;
		background-color:#fff;
		color:#29abe2;
		border-radius:0;
		position: relative;
		top: 23px;
		right: -200px;
		outline: none;
	}
	.navbar-collapse {
		align-items: center;
		position: absolute;
		z-index: 9999999;
		background-color: #ffffff;
		top: 96px;
		width: 100%;
		left: 0;
		text-align: center;
		padding-bottom: 34px;
	}
	.home-product-wrapper:hover .product-info {
		opacity: 1;
		-webkit-animation-name: none!important;
		animation-name: none!important;
		-webkit-animation-duration: 0.5s;
		animation-duration: 0.5s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		height: auto;
	}
	.home-product-wrapper h4 {
		font-size: 20px;
	}
	.about {
		text-align: center;
	}
	.about img {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.about ul {
		list-style: none;
		padding-left: 0;
	}
	.yamm .yamm-content {
		width:100%;
		min-width:100%;
	}
	.yamm .yamm-content .col-sm-4, .yamm .yamm-content .col-md-4 {
		width: 100%!important;
		text-align: center!important;
	}
	.products {
		text-align: left;
		display:block!important;
	}
	.products .product {
		margin-left: auto;
		margin-right: auto;
		display:block!important;
	}
	.products .product img {
		display: block!important;
		width: 100%!important;
	}
	.products .product .content {
		display: block!important;
		width: 100%!important;
		padding: 0!important;
		margin-top: 10px;
	}
	.products .product h3 {
		display: block!important;
		width: 100%!important;
	}
	.cat-products {
		text-align: center;
	}
	.cat-product-wrapper, .grade-product-wrapper {
		width: 60%!important;
		margin-left: auto!important;
		margin-right: auto!important;
	}
	.grades-list a:hover {
		border-bottom:none;
	}
	.phonics img {
		width: 200px;
		float: left;
	}
	.blog .post {
		width: auto;
		margin-left: auto!important;
		margin-right: auto!important;
	}
	.profile .btn-primary {
		margin-left: 0!important;
	}
	.profile .address {
		margin-top: 20px!important;
	}
	.cart-total span {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.footer-upper p, .footer-upper a {
		font-size: 20px!important;
	}
	.footer-lower p {
		text-align: center;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.prev-custom {
		position: relative;
		left: -5%;
	}
	.next-custom {
		position: relative;
		left: -1%;
	}
	.navbar-default li a {
		padding: 4px!important;
		margin-left: 4px!important;
		margin-right: 4px!important;
		font-size: 14px!important;
	}
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		margin-right:0;
		margin-left:0;
	}
	.navbar.navbar-expand-lg {
		padding-left: 0;
	}
	.navbar-nav .dropdown-menu {
		top: auto;
		left: 16%;
		min-width: 10rem;
		padding: 20px 30px;
	}
	.account-options-dropdown .dropdown-menu {
		left: 68%!important;
		max-width: 12rem!important;
		min-width: 12rem!important;
	}
	.products .product {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	.products .product img {
		display: block!important;
		margin-left: auto;
		margin-right: auto;
		float: none!important;
	}
	.products .product .content {
		display: block!important;
		width: 60%!important;
		margin-top: 10px;
		float: none!important;
		margin-left: auto;
		margin-right: auto;
	}
	.products .product h3 {
		display: block!important;
		width: 100%!important;
	}
	.grades-list a:hover {
		border-bottom:none;
	}
	.blog .post {
		min-height: 550px;
	}
	.login-register {
		margin-right: 0;
		padding-right: 5px;
	}
	.mini-cart-wrapper {
		margin-top: 33px;
		margin-left: 20px;
	}

	.home-boxes .controls-tns {
		list-style: none;
		margin-top: 40px;
		margin-bottom: 5rem;
	}
	.footer-upper p, .footer-upper a {
		font-size: 25px;
	}
}
@media (min-width: 1200px) and (max-width: 1390px) {
	.prev-custom {
		position: relative;
		left: -4%;
	}
}