/* =============================================
----------------- Responsive  ------------------
==============================================*/

/* Large desktop */
@media (min-width: 1200px) {
	.title {
		/*font-size:42px;*/
		/*font-size:30px;*/
		font-size:26px;
	}
	.header6 #main-nav-container #main-nav .menu > li>  a {
		/*padding:7.5px 5px;*/
		padding: 16px 15px 12px 10px;
		font-size:16px;
	}
}

@media (max-width: 991px){
	#header-top-nav .top-nav-btn{
		margin-top: 4px;
	}
	.logo a img{
		margin-left: 0;
	}
	body .featured-items .featured-item-row img{
    	margin-bottom: 19px;
		width: 100%;
	}
	body .featured-items .featured-item-row .featured-item-col.featured-left,
	body .featured-items .featured-item-row .featured-item-col.featured-right{
		padding-left: 15px;
		padding-right: 15px;
	}
	body .carousel.home-slider .carousel-caption h1{
		font-size: 50px;
    	line-height: 53px;
	}
	.welcome-section #welcome-img img, .all-access #start-streaming-img{
		display: none;
	}
	.courses-tabs .tab-content .card-wrapper{
		width: 31%;
		margin-right: 5px;
		margin-left: 5px;
		-webkit-flex-basis: 47%;
		-ms-flex-preferred-size: 47%;
		flex-basis: 47%;
	}
	.courses-tabs .tab-content .card-wrapper .list-card .author-link .author-name{
		font-size: 14px;
	}
	.style-slider .heading-5{
		font-size: 20px;
	}
	.all-access .heading-blue{
		padding: 0 40px;
	}
	.all-access .access_list_icon{
		margin-right: auto;
    	margin-left: auto;
	}
	.hot-new-titles .collection-item a{
		width: 100%;
		margin: 8px 0;
	}
	#w-footer .footer-middle-section{
		padding: 30px 0;
	}
	#header-top-nav .top-nav-btn{
		width: 21%;
		min-width: 0px;
		margin-top: 0px;
		margin-right: 5px;
		margin-left: 10px;
		padding-top: 5px;
		padding-bottom: 5px;
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		font-size: 12px;
    	line-height: 16px;
	}
}


/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

    .logo a img{
        width: 300px;
		margin-left:0;
    }

	.home-offer-section .home-offer .blog-list-text .w-button{
		margin-bottom: 20px;
	}
	.featured-items .buy-section{
		display: flex;
	}
	.featured-items .buy-section .buy-block{
		width: 49%;
		margin-left: 15px;
	}
	.featured-items .buy-section .buy-block:first-child{
		margin-left: 0;
	}
	body .featured-items .featured-item-top-row{
		display: block;
	}
	body .featured-items .buy-block .product-type{
		font-size: 16px;
	}
	body .featured-items .buy-block .price{
		font-size: 18px;
	}
	body .featured-items .button-2.cart, body .featured-items .icon-button.icon-like {
    	font-size: 13px;
	}
	#w-footer .footer-top-section .top-footer-section .footer-link-block{
		margin-bottom: 25px;
	}
	#w-footer .footer-top-section .top-footer-section, #w-footer .social-section .top-footer-section{
		padding: 30px;
	}
	#w-footer .social-section .top-footer-section{
		padding: 20px 30px 20px 30px;
	}
	#w-footer .footer-middle-section, #w-footer .social-section .top-footer-section{
		text-align: center;
	}
	#w-footer .footer-middle-section .heading-4{
		padding-top: 30px;
	}
	#w-footer .social-icons{
		justify-content: center;
		align-items: center;
		margin-top: 10px;
	}
	#w-footer .footer-newsletter-form .submit-button-2{
		width: 100%;
	}
	#w-footer .footer-newsletter-form{
		padding: 10px;
	}
	.hot-new-titles .collection-item img{
		width: 100%;
	}
	.all-access .access_list_icon{
		width: 40px;
		height: 40px;
		margin-right: 10px;
		padding: 10px;
	}
	.home-offer-section .home-offer .w-inline-block{
		width: 100%;
	}
	.home-offer-section .blog-list-text .blog-one-list-title{
		text-align: center;
	}
	.courses-tabs .w-tab-menu .w-tab-li, .courses-tabs .w-tab-menu .w-tab-li .w-tab-link{
		width: 100%;
	}

	#header-top-nav .header-row{
		width: 100%;
	}
	#header-top-nav .top-nav-btn{
		width: 22%;
		margin: 0px 3px 0px;
		padding-right: 5px;
		padding-left: 5px;
		font-size: 11px;
	}
	#header-top-nav .header-top-section{
		display: flex;
		align-items: flex-end;
		justify-content: center;
	}
	.welcome-section .intro-img img{
		margin-left: auto;
	}
	body .courses-tabs .tab-content .card-wrapper{
		width: 100%;
		-webkit-flex-basis: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}
	.home-offer-section .home-offer .full-height{
		display: block;
		height: auto;
	}
	.home-offer-section .home-offer .blog-list-image img{
	}
	.home-offer-section .home-offer .blog-list-text{
		width: 100%;
		max-width: 100%;
		margin-left: 0px;
		text-align: center;
	}
	.home-offer-section .home-offer .blog-list-text .w-button{
	}
	.logo{
		top: 0;
	}
}

/* Landscape phones and down */
@media (max-width: 480px) {
	body #header-top-nav .top-nav-btn {
		margin-top: 2px;
		border-style: solid;
		border-width: 1px;
		border-color: #9b9b9b;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		font-size: 9px;
		word-spacing: 27px;
	}
	body .featured-items .buy-section{
		display: block;
	}
	body .featured-items .buy-section .buy-block{
		width: 100%;
		margin-left: 0;
	}
	.welcome-section .heading-6{
		font-size: 26px;
		padding: 0;
		margin-left: 41px;
	}
	.heading-6.heading-intro:before{
		background-size: 51px;
		width: 53px;
		height: 53px;
		left: 5px;
		top: 2px;
	}
	.welcome-section .heading-6.video-heading-intro{
		margin-top: 20px;
		margin-left: 0;
	}
	.heading {
		font-size: 28px;
		line-height: 30px;
	}
	.heading-7 {
		margin-bottom: 12px;
		margin-left: 16px;
		font-size: 28px;
		line-height: 25px;
	}
	.heading-8 {
		margin-top: 2px;
		margin-bottom: 12px;
		margin-left: 16px;
		font-size: 28px;
		line-height: 25px;
	}
	.heading-blue{
		display: block;
		width: 100%;
		margin-top: 0px;
		font-size: 22px;
		line-height: 24px;
	}
	.heading-2 {
		margin-left: 0;
		font-size: 27px;
		line-height: 30px;
	}
	.header-text-container a{
		margin-left: 3px;
	}
	#header-top-nav .top-nav-btn {
		margin-top: 38px;
		margin-right: 2px;
		margin-left: 2px;
		padding: 5px 3px;
		border-style: solid;
		border-width: 1px;
		border-color: #9b9b9b;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		font-size: 7px;
	}
	#header-top .container,
	#header-top .row,
	#header-top .row div{
		height: 100%;
	}
	#header-top .header-text-container{
		font-size: 9px;
		height: 100%;
		vertical-align: middle;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.style-slider .slick-item{
		margin-right: 0;
	}
	.logo{
		top: 0;
	}

}