/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */


@media (max-width: 320px) {
	.off-canvas-menu-container {
		width: 240px !important;
	}

	.main-nav-active .content-wrapper {
	    -webkit-transform: translate(-240px) !important;
	    transform: translate(-240px) !important;
	}

	.offcanvas-social a {
		width: 50px !important;
		height: 50px !important;
		margin: 0 25px 40px 25px !important;
	}

	.comments-container {
		margin-bottom: 0px !important;
	}

	.off-canvas-menu-container .logo img {
		display: none !important;
	}

	.related-posts-items a {
		text-align: center;
	}

	.related-posts-items img {
		width: auto !important;
	}

/** Comments Container *******************************************/
	.comments-container h3 {
		font-size: 30px !important; 
	}

	#respond h3 {
		margin-bottom: 30px !important;
	}

	#commentform input[type="submit"] {
		font-size: 15px !important;
	}

	.cancel-reply {
		font-size: 12px !important;
	}

	.comments-container .form-control, 
	.contact-form-container .form-control {
		padding: 12px 15px !important;
	}


/** Share Container *********************************************/
	.share-container {
		display: none !important; 
	}

	.social-networks-container {
		top: 0px !important;
		text-align: center !important;
		margin-top: 50px !important;
	}

	.social-networks-container a {
		position: relative !important;
		display: inline-block !important;
		margin: 0 10px !important;
	}

	.social-networks-container .social-network-1 {
		right: auto !important;
	}
	
	.social-networks-container .social-network-2 {
		right: auto !important;
	}

	.social-networks-container .social-network-3 {
		left: auto !important;
	}

	.social-networks-container .social-network-4 {
		left: auto !important;
	}

}


/********************************************************************************/
/***** SMALL DEVICES (max 480px) ************************************************/
/********************************************************************************/
@media (max-width: 480px) {

/** About Container *********************************************/
	.about-container {
		height: 770px !important
	}

	.category-wrapper .about-container {
		height: 300px !important
	}

	.contact-wrapper .about-container {
		height: 150px !important;
	}

	.deals-wrapper .about-container {
		height: 280px !important;
	}

	.about-features .feature {
		text-align: center !important;
		margin-bottom: 30px !important;
	}

	.about-features img {
		float: none !important;
	}

	.about-features h4 {
		font-size: 20px !important;
		padding-left: 0px !important;
	}

	.about-features p {
		display: none !important;
	}

	.cm-subscribe button {
		display: none !important;
	}

	.comments-container {
		margin-bottom: 0px !important;
	}

	.related-posts-items a {
		text-align: center;
	}

	.related-posts-items img {
		width: auto !important;
	}

/** Comments Container *******************************************/
	.comments-list .avatar-box {
		float: none !important;
		margin: 0 auto !important;
	}

	.comments-list h5 {
		padding-left: 0px !important;
		text-align: center !important;
		margin: 15px 0 !important;
	}

	.comments-list h5 span {
		float: none !important;
		display: block !important;
		margin-top: 10px !important;
	}

	.comments-list p {
		padding-left: 0px !important;
	}

	.comments-list .children li.depth-2,
	.comments-list .children li.depth-3,
	.comments-list .children li.depth-4,
	.comments-list .children li.depth-5 {
		padding-left: 0px !important;
	}




/** Single Container *********************************************/
	.single-title {
    	font-size: 25px !important;
    	line-height: 35px !important;
    }

/** Share Container *********************************************/
	.social-networks-container a {
		width: 40px !important;
		height: 40px !important;
	}

	.social-networks-container.open .social-network-1 {
		right: 240px !important;
	}
	
	.social-networks-container.open .social-network-2 {
		right: 130px !important;
	}

	.social-networks-container.open .social-network-3 {
		left: 130px !important;
	}

	.social-networks-container.open .social-network-4 {
		left: 240px !important;
	}

}


/********************************************************************************/
/***** SMALL DEVICES (min 481px to max 767px) ***********************************/
/********************************************************************************/
@media (min-width: 481px) and (max-width: 767px) {

/** About Container *********************************************/
	.subscribe-search {
		width: 80%;
	}


/** Related Posts ***********************************************/
	.related-posts-items li a {
		text-align: center !important;
	}

	.related-posts-items img {
		width: auto !important;
	}

/** Newsletter Archive ******************************************/
	.na-hero {
		height: 430px !important;
	}

	.na-hero h1 {
		font-size: 40px !important;
	}

/** Deals Container **********************************************/
	.deal-mask .price {
		font-size: 14px !important;
		margin-top: 70px !important;
		padding: 23px 25px !important;
	}

	.deal-mask .price b {
		font-size: 22px !important;
	}

	.deal-thumb:hover strike {
		bottom: 30px !important;
	}

/** Subscribe Modal Window **************************************/
	.md-subscribe-inner h1 {
		font-size: 40px !important;
	}

	.md-subscribe-inner h2 {
		font-size: 
	}

	.md-subscribe-inner input {
		width: 80% !important;
	}

	.cb {
		width: 80% !important;
		float: none !important;
		margin: auto !important;
	}

	.subscribe-form .cb {
		width: 100% !important;
	}

}

/********************************************************************************/
/***** SMALL DEVICES (tablets, 768px and up) ************************************/
/********************************************************************************/
@media (min-width: 768px) {
	

/** Parallax ****************************************************/
	.home-header {
		height: 800px !important;
		background-size: auto !important;
	}

	.about-container {
		height: 600px !important;
		background-size: auto !important;
	}

	.deals-wrapper .about-container {
		height: 400px !important;
	}

	.contact-wrapper .about-container {
	    height: 180px !important;
	}

	.author-wrapper .about-container,
	.category-wrapper .about-container {
	    height: 280px !important;
	}

	.blog-header {
		height: 300px !important;
		background-size: auto !important;
	}

	.na-header {
		background-size: auto !important;
	}

	.na-hero {
		height: 500px !important;
		background-size: auto !important;
	}

	.footer-parallax {
		background-size: auto !important;
	}

/** Subscribe Modal Window **************************************/
	.md-subscribe-inner h2 {
    	margin-bottom: 20px !important;
    }

    .md-subscribe-inner p {
    	 margin-bottom: 65px !important;
    }

    .md-subscribe-inner input {
		padding: 20px 20px !important;
		font-size: 30px !important;
    }

/** Logo Container **********************************************/
	.home-header .logo,
	.na-header .logo {
	    margin-top: 60px !important;
	}

/** Intro Container *********************************************/
	.intro-container h1 {
		font-size: 50px !important;
		margin-top: 200px !important;
	}

	.subscribe-big-button button {
		padding: 15px 80px 18px 80px !important;
		margin-top: 70px !important;
		font-size: 30px !important;
	}

/** About Container *********************************************/
	.about-container h1 {
		color: #34495e !important;
		font-size: 49px !important;
	}

	.about-container .description {
		font-size: 20px !important;
		margin-bottom: 0px !important;
	}

	.about-divider {
	    margin: 60px 0 !important;
	}

	.about-features .feature {
		text-align: left !important;
	}

	.about-features img {
		width: 150px !important;
    	height: auto !important;
	}

	.about-features h4 {
		font-size: 19px !important;
		padding-left: 160px !important;
		margin: 30px 0 15px 0 !important;
	}

	.about-features p {
		padding-left: 160px !important;
	}

/** Blog Container **********************************************/
	.blog-header .logo {
		margin: 90px 0 45px 0 !important;
	}

	.blog-wrapper .blog-articles {
 	   margin-top: 130px !important; 
	}


	.blog-heading {
		font-size: 49px !important;
		padding: 35px 0 !important;
	}

	.blog-articles article {
		margin-bottom: 150px !important;
	}

	.blog-articles article:last-of-type {
	    margin-bottom: 0px !important;
	}

	.blog-articles article:nth-child(odd) .thumb {
		float: left;
	}

	.blog-articles article:nth-child(even) .thumb {
		float: right;
	}

	.blog-articles article:nth-child(odd) h2,
	.blog-articles article:nth-child(odd) p,
	.blog-articles article:nth-child(odd) .meta {
		padding-left: 330px;
		text-align: left;
	}

	.blog-articles article:nth-child(even) h2,
	.blog-articles article:nth-child(even) p,
	.blog-articles article:nth-child(even) .meta {
		padding-right: 330px;
		text-align: right;
	}

	.blog-articles article:nth-child(even) p span {
		display: none;
	}

	.blog-articles h2 {
		margin: 25px 0 45px 0 !important;
		line-height: 38px !important;
	}

	.home-wrapper .blog-articles h2 {
		margin: 0 0 45px 0 !important;
	}

	.blog-articles h2 a {
		font-size: 30px !important;
	}

	.button-more {
		font-size: 46px !important;
		padding: 35px 45px !important;
		margin-bottom: 150px !important;
	}

	.page-navigation {
		margin-top: 150px !important;
	}

/** Deals Container **********************************************/
	.deals-blog {
		margin: 130px 0 60px 0 !important;
	}

	.deals-blog h1 {
		font-size: 49px !important;
		margin-bottom: 80px !important;
	}

	.deals-wrapper .about-container p {
		font-size: 22px !important;
	}

	.deals-items article {
		min-height: 255px !important;
	}

	.deal-thumb {
	    display: block !important;
	}

	.deal-mask .price {
		font-size: 14px !important;
		margin-top: 50px !important;
		padding: 23px 25px !important;
	}

	.deal-mask .price b {
		font-size: 22px !important;
	}

	.deal-thumb:hover strike {
		bottom: 20px !important;
	}



/** Single Container ********************************************/
	.single-title {
		font-size: 49px !important;
		margin: 110px 0 55px 0 !important;
	}

	.meta-single span {
		margin: 0 35px !important;
		display: inline !important;
	}

/*	.article-body {
		margin-top: 100px !important;
	}*/

/** Author Box **************************************************/
	.author-box {
    	margin-top: 50px !important;
    }

	.author-box h2 {
		font-size: 40px !important;
		margin-bottom: 60px !important;
	}

	.author-box-inner {
		padding: 55px 50px 40px 50px !important;
	}

/** Related Posts ***********************************************/
	.related-posts {
		height: 430px !important;
	}

	.related-posts h1 {
		font-size: 49px !important;
		margin: 40px 0 50px 0 !important;
	}

	.related-posts-items li {
		margin: 0px !important;
	}

	.related-posts-items .related-title {
		margin-top: 30px !important;
		/*font-size: 45px !important;*/
	}

/** Newsletter Archive ******************************************/
	.chart-container {
		margin-top: 0px !important;
	}

	.chart-container h1 {
		font-size: 45px !important;
		color: #1b1f23 !important;
		margin-bottom: 0px !important;
	}

	.bar-inner span i {
		display: inline-block !important;
	}

	.switcher a {
		font-size: 24px !important; 
		float: left !important;
		padding: 40px 0 !important;
	}

	.switcher a:first-child {
	    border-top-left-radius: 12px !important;
	    border-top-right-radius: 0px !important;
	    border-bottom-left-radius: 12px !important;
	    border-right-width: 3px !important;
	    border-bottom-width: 5px !important;
	}

	.switcher a:last-child {
	    border-top-right-radius: 12px !important;
	    border-bottom-left-radius: 0px !important; 
	    border-bottom-right-radius: 12px !important;
	    border-left-width: 3px !important;
	    border-top-width: 5px !important;
	}

	.na-hero h1 {
		font-size: 49px !important;
		margin: 80px 0 40px 0 !important;
	}

	.na-hero br {
	    display: none !important;
	}

	.na-meta {
		padding: 80px 0 !important;
	}


	.na-items li:last-of-type .na-meta {
		padding-bottom: 90px !important;
	}

	.na-items {
		margin-top: 90px !important;
	}

	.na-items li {
		margin-bottom: 135px !important;
	}

	.na-items li:last-of-type {
	    margin-bottom: 0px !important;
	}

	.na-item-title {
		text-align: left !important;
	}

	.na-item-title a {
		font-size: 25px !important;
		line-height: 40px !important;
	}

	.na-item-title span {
		margin-top: 30px !important;
	}


/** Footer Container ********************************************/
	.footer-social a {
		width: 50px !important;
    	height: 50px !important;
    	margin: 0 35px 50px 35px !important;
	}

	.footer-nav a {
		font-size: 28px !important;
	}

	.info-copyright a {
		font-size: 14px !important;
	}

	.info-copyright .copyright {
		margin-top: 5px !important;
	}
}



/********************************************************************************/
/***** 768px to 991px ***********************************************************/
/********************************************************************************/
@media (min-width: 768px) and (max-width: 991px) {

/** Subscribe Modal Window **************************************/
	.md-subscribe-inner h1 {
		font-size: 50px !important;
	}

	.md-subscribe-inner h2 {
		font-size: 25px !important;
	}

	.cb-left span {
	    margin-left: 48px !important;
	}

	.subscribe-form .cb-left span {
		margin-left: 41px !important;
	}

/** Intro Container *********************************************/
	.intro-text {
		font-size: 23px !important;
	}

	.subscribe-big-button button {
		margin-top: 50px !important
	}

/** About Container *********************************************/
	.about-divider {
	    margin: 40px 0 !important;
	}

	.about-features .feature {
		text-align: center !important;
		margin-bottom: 0px !important;
	}

	.about-features img {
		float: none !important;
		width: 140px !important;
	}

	.about-features h4 {
		padding: 0px !important;
	}

	.about-features p {
		padding: 0px !important;
	}

/** Blog Container **********************************************/
	.menu-container ul li a {
		padding: 0 8px !important;
	}

/** Newsletter Archive ******************************************/
	.switcher a {
		font-size: 22px !important;	
	}

/** Deals Container **********************************************/
	.deal-mask .price {
		font-size: 14px !important;
		margin-top: 33px !important;
		padding: 20px 22px !important;
	}

	.deal-mask .price b {
		font-size: 22px !important;
	}

	.deal-thumb:hover strike {
		bottom: 15px !important;
	}

	.deal-thumb:hover .price {
		margin-top: 25px !important;
	}
}


/********************************************************************************/
/***** Large devices (large desktops, 1200px and up) ****************************/
/********************************************************************************/
@media (min-width: 992px) {

/** Subscribe Modal Window **************************************/
	.md-subscribe-inner h1 {
		font-size: 60px !important;
	}

	.md-subscribe-inner h2 {
		font-size: 30px !important;
	}

}


/********************************************************************************/
/***** Medium devices (desktops, 992px and up) **********************************/
/********************************************************************************/
@media (min-width: 992px) and (max-width: 1199px) {

/** About Container *********************************************/
	.about-divider {
	    margin: 40px 0 !important;
	}

	.about-features .feature {
		text-align: center !important;
		margin-bottom: 0px !important;
	}

	.about-features img {
		float: none !important;
	}

	.about-features h4 {
		padding: 0px !important;
	}

	.about-features p {
		padding: 0px !important;
	}

/** Newsletter Archive ******************************************/
	.switcher a {
		font-size: 20px !important;	
	}

/** Deals Container **********************************************/
	.deal-mask .price {
		margin-top: 35px !important;
	}

	.deal-thumb:hover .price {
		margin-top: 25px !important;
	}

/** Subscribe Modal Window **************************************/
	.cb-left span {
	    margin-left: 33px !important;
	}

	.subscribe-form .cb-left span {
		margin-left: 44px !important;
	}

}


/********************************************************************************/
/***** Large devices (large desktops, 1200px and up) ****************************/
/********************************************************************************/
@media (min-width: 1200px) {

/** Subscribe Modal Window **************************************/
	.cb-left span {
	    margin-left: 40px !important;
	}

	.subscribe-form .cb-left span {
		margin-left: 53px !important;
	}

}


/********************************************************************************/
/***** Large devices (large desktops, 2000px and up) ****************************/
/********************************************************************************/
@media (min-width: 2000px) {

/** Parallax ****************************************************/
	.home-header {
		background-size: cover !important;
	}

	.about-container {
		background-size: cover !important;
	}

	.blog-header {
		background-size: cover !important;
	}

	.na-header {
		background-size: cover !important;
	}

	.na-hero {
		background-size: cover !important;
	}

	.footer-parallax {
		background-size: cover !important;
	}

}