@media (max-width: 1366px) {

	.featured-style-1 .post-detail {
		bottom: 180px;
	}
	.featured-style-1 .post-detail .post-title h2 {
		font-size: 36px;
		line-height: 40px;
	}

}

@media (max-width: 1280px) {

	.theme-custom-posts.style-1 {

		margin:0;

	}

	.featured-style-1 {

		padding:0;

	}

}



@media (max-width: 1198px) {

	.featured-style-1 .post-detail {

		bottom: 100px;

	}

	.theme-custom-posts.style-1 .custom-posts-slider-for .post .post-detail {

		padding: 0 50px;

		bottom: 100px;

	}

	.header-style-3 .header-ads img, .header-style-4 .header-ads img, .header-style-5 .header-ads img {

		max-width: 100%;

	}

	.featured-style-3 .featured-carousel-content .post-detail {

		padding:0 50px;

	}

	.featured-style-4 {

		padding: 0 15px;

	}

	.featured-style-4 .post-detail {

		padding: 15px;

	}

	.featured-style-4 .post-detail .post-title h2 {

		font-size: 18px;

	}

	.theme-custom-posts.style-2 .custom-post-title h4 {

		padding: 0 0 10px 130px;

	}

	.theme-custom-posts.style-2 .custom-posts-no-image > ul > li {

		padding: 20px 0;

	}

	.theme-custom-posts.style-2 .custom-posts-no-image ul li span {

		font-size: 48px;

		line-height: 95px;

	}

	.theme-custom-posts.style-2 .custom-posts-no-image ul li .post {

		padding: 0 0 0 70px;

	}

	.theme-custom-posts.style-2 .custom-posts-medium .post-detail {

		width: 350px;

	}

	.theme-custom-posts.style-3 .custom-posts-column.small .post {

		margin: 0 0 40px;

	}

}

@media (max-width: 1024px) {

	.featured-style-2 {

		padding:0;

	}

	.featured-style-3 .post-title h2 {

		font-size: 36px;

	}

}



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

	.container, .main-content, .sidebar {

		width: 100%;

	}

	.featured-style-1 {

		padding:0;

	}

	.featured-slider-nav, .custom-posts-slider-nav {

		display: none;

	}

	.featured-style-1 .post-detail {

		bottom: 20px;

	}

	.featured-style-1 .post-detail .post-title h2 {

		padding:0 50px;

	}

	.featured-style-2 .post-detail .post-title h2 {

		font-size: 24px;

	}

	.featured-style-4 .grid-column.small .post {

		display: inline-block;

		float: left;

		width: 50%;

	}

	.theme-custom-posts.style-1 .custom-posts-slider-for .post .post-detail {

		bottom: 50px;

	}

	.theme-custom-posts.style-1 .custom-posts-slider-for {

		box-shadow: none;

		margin:0 20px;

	}

	.theme-custom-posts.style-1 .custom-posts-slider-for .post {

		position: relative;

	}

	.category-content.style-5 .slick-controls ul li.prev, .category-content.style-6 .slick-controls li.prev {

		margin: 0 -4px 0 0;

	}

	.sidebar-content {

		margin:0 0 0 5px;

	}

	.sidebar-content.right {

		margin: 0 0 0 10px!important;

	}

	.sidebar-content.left {

		margin: 0 10px!important 0 0;

	}

	.widget {

		padding: 20px;

	}

	.instagram-profile-images li {

		width: 49%;

	}

	.instagram-profile-images li img {

		width: 100%;

	}

	.widget.advertisement-widget {

		text-align: center;

	}

	.widget.advertisement-widget img {

		display: inline-block;

	}

	.copyright, .sub-main-content {

		text-align: center;

	}

	.subfooter.style-1 nav.footer-menu {

		width: 100%;

		float: none;

		margin: 15px 0 0;

	}

	.theme-custom-posts.style-2 .custom-post-title h4 {

		padding: 0 0 50px;

	}

	.theme-custom-posts.style-2 .custom-posts-medium {

		margin:30px 0 0;

	}

	.theme-custom-posts.style-2 .custom-posts-medium .post-image:before {

		right: 0;

		top: 0;

		bottom: 0;

	}

	.theme-custom-posts.style-2 .custom-posts-medium .post-detail {

		position: relative;

		width: inherit;

		margin: 0;

    	padding: 30px;

	}

	.theme-custom-posts.style-3 .custom-posts-column.small .post {

		width: 49%;

    	display: inline-block;

	}

	.theme-custom-posts.style-3 .custom-posts-content:before {

		border-color: transparent;

	}

	.post-inner-header .post-image.style-5 .post-image-content .container {

		padding:0;

	}

	.post-inner-header .post-image .post-image-content .post-image-text-inner .post-title {

		padding:0 50px;

	}
	.shortcode-instagram ul.eight-column li {
		width: 25%;
	}
	.shortcode-instagram ul.six-column li {
		width: 33.33%;
	}
}



@media (max-width: 767px) {

	.shortcode-instagram ul li {
		width: 50%!important;
	}

	.container, .main-content, .sidebar {

		width: 100%;

	}

	.featured-style-1 {

		padding:0;

	}

	.featured-slider-nav, .custom-posts-slider-nav {

		display: none;

	}

	.featured-style-1 .post-detail {

		bottom: 50px;

	}

	.featured-style-1 .post-detail .post-title h2 {

		font-size: 35px;

		line-height: 35px;

		padding:0 50px;

	}

	.featured-style-4 .grid-column.small .post {

		display: inline-block;

		float: left;

		width: 50%;

	}

	.featured-style-2 .post-detail .post-title h2 {

		font-size: 24px;

	}

	.theme-custom-posts.style-1 .custom-posts-slider-for {

		box-shadow: none;

		margin:0 20px;

	}

	.theme-custom-posts.style-1 .custom-posts-slider-for .post {

		position: relative;

	}

	.theme-custom-posts.style-1 .custom-posts-slider-for .post .post-detail {

		bottom: 20px;

		padding: 0 50px;

	}

	.category-content.style-5 .slick-controls ul li.prev, .category-content.style-6 .slick-controls li.prev {

		margin: 0 -4px 0 0;

	}

	.sidebar-content {

		margin:0;

	}

	.sidebar-content.right {

		margin: 0 0 0 0px!important;

	}

	.sidebar-content.left {

		margin: 0 0px!important 0 0;

	}

	.instagram-profile-images li {

		width: 49%;

	}

	.instagram-profile-images li img {

		width: 100%;

	}

	.widget.advertisement-widget {

		text-align: center;

	}

	.widget.advertisement-widget img {

		display: inline-block;

	}

	.copyright, .sub-main-content {

		text-align: center;

	}

	.subfooter.style-1 nav.footer-menu {

		width: 100%;

		float: none;

		margin: 15px 0 0;

	}

	.theme-custom-posts.style-2 .custom-post-title h4 {

		padding: 0 0 50px;

	}

	.theme-custom-posts.style-2 .custom-posts-medium {

		margin:30px 0 0;

	}

	.theme-custom-posts.style-2 .custom-posts-medium .post-image:before {

		right: 0;

		top: 0;

		bottom: 0;

	}

	.theme-custom-posts.style-2 .custom-posts-medium .post-detail {

		position: relative;

		width: inherit;

		margin: 0;

    	padding: 30px;

	}

	.theme-custom-posts.style-3 .custom-posts-column.small .post {

		width: 49%;

    	display: inline-block;

	}

	.theme-custom-posts.style-3 .custom-posts-content:before {

		border-color: transparent;

	}

	.post-directions,

	.post-directions a.next-article,

	.social-share,

	.post-author-bio {

		text-align: center;

	}

	.post-directions a {

		opacity: 1;

		border:0;

	}

	.post-author-bio .author-image {

		float: none;

	}

	.post-author-bio .author-info {

		margin: 15px 0 0;

	}

	.single-style-3 .post-image-content {

		padding:0 50px;

	}

	.single-style-3 .post-title h1,

	.single-style-4 .post-title h1 {

		font-size: 32px;

	}

	.single-style-4 .single-content-width {

		padding:0;

		margin: 0;

	}

	.single-style-4 .single-content-width:before {

		background-color: transparent;

	}

	.single-style-4 .post-image-content {

		padding: 0 50px;

		bottom: 30px;

	}

	.single-style-4 .alignleft {

		margin: 6px 20px 14px 0px;

	}

	.single-style-4 .aligncenter.size-full {

		margin-left: 0;

	}

	.post-inner-header .post-image.style-5 .post-image-content .container {

		padding:0;

	}

	.single-style-5 .single-content-width {

		padding:0;

		margin:-40px 0 0 0;

	}

	.post-inner-header .post-image {

		min-height: 500px;

	}

	.post-inner-header .post-image.style-5 .post-image-content {

		bottom:50px;

	}

	.single-style-5 .aligncenter.size-full {

		margin-left: 0;

		margin-right: 0;

	}

	.post-inner-header .post-image .post-image-content .post-image-text-inner .post-title {

		padding:0 50px;

	}

	.post-image.style-6 .post-image-content,

	.video-style .post-image-content,

	.gallery-style .post-image-content {

		padding:0;

	}

	.sidebar {

		padding-left: 15px!important;

    	padding-right: 15px!important;

	}

	.post-style-3 .post-detail, .post-style-4 .post-detail {

		margin: 20px 0 0;

	}

	.woocommerce .myaccount_user {
		padding:0;
	}

	.featured-style-1.dark,
	.featured-style-2.dark {
		padding:0;
	}

	.post.post-style-7 .post-detail {
		padding: 0;
    	margin-left: 0;
    	margin-top: 20px;
	}

}



@media (max-width: 666px) {

	.featured-style-1 .post-detail {

		bottom: 20px;

	}

	.featured-style-1 .post-detail .post-title h2 {

		font-size: 26px;

		line-height: 32px;

	}

	.featured-style-5 .post-detail {

		padding: 40px;

	}

	.featured-style-5 .post-detail .post-title h2 {

		font-size: 36px;

	}

	.theme-custom-posts.style-1 .custom-posts-slider-for .post .post-detail {

		bottom: 50px;

		padding: 0 50px;

	}

	.theme-custom-posts.style-1 .custom-posts-slider-for .post .post-detail .post-title h2 {

		font-size: 30px;

	}

	.theme-custom-posts.style-1 .custom-posts-slider-for .post .post-detail .post-content {

		display: none;

	}

	.featured-style-3 .post-title h2 {

		font-size: 24px;

	}

	.post-image-content {

		top: 30%;

	}

	.single-style-4 .post-title h1 {

		font-size: 20px;

	}

	.single-style-4 .post-image-content {

	    padding: 0 40px;

	    bottom: 0;

	}

	.post-inner-header .post-image .post-image-content .post-image-text-inner .post-title h1 {

		font-size: 32px;

	}

	.single-style-5 .single-content-width:before {

		top: -50px;

	}

	.post-inner-header .post-image.style-5 .post-image-content {

		bottom:30px;

	}

	.single-style-5 .single-content-width {

		margin: -40px 0 0 0;

	}

	.post-inner-header .post-image .post-image-content .post-image-text-inner .post-title {

		padding: 0 10px;

	}

	.video-style .post-image-content .post-title h1,

	.gallery-style .post-image-content .post-title h1 {

		font-size: 24px;

	}

	.featured-style-1 .post-detail .post-title h2 {

		font-size: 22px;

		line-height: 24px;

		padding:0 20px;

	}

	.cat-slider .post .post-detail .post-detail-inwrap .post-text-content {

		padding:0;

	}

	.sidebar {

		margin:30px 0 0;

	}

}


@media (max-width: 480px) {

	.post.post-style-1 .post-detail {
	 	padding: 0;
	    margin: 20px 0 0;
	}

	.post.post-style-1 .post-image .post-image-meta {
	 	bottom: 75px;
	    left: 0;
	}

	.shortcode-subscribe form button {
		position: relative;
		width: 100%;
		left: 0;
		right: 0;
		margin:5px 0 0;
	}
	.shortcode-subscribe.style-2 .subscribe-content {
		padding: 70px 30px;
	}

	.mobile-header .brand-logo {

		padding: 22px 0;

	}

	.fixed-mobile-header .mobile-header {
	    position: fixed;
	    z-index: 10;
	    width: 100%;
	    top: 0;
	}

	.fixed-mobile-header .main {
	    margin-top: 65px;
	}

	.mobile-header .brand-logo a img {

		height: inherit;

		max-height: 35px;

    	max-width: 100px;

	}

	.featured-style-1 .post-detail {

		position: relative;

		margin:15px 0 0;

		bottom: 0;

	}

	.featured-style-1 .post-detail .post-title h2 a,

	.featured-style-1 .post-detail .post-meta .post-author a,

	.featured-style-1 .post-detail .post-meta .post-date {

		color: #000;

	}

	.featured-style-3 .featured-carousel-content .post-detail {

		padding: 0 20px;

	    bottom: 10px;

	    top: inherit;

	}

	.featured-style-4 .post-detail,

	.featured-style-4 .grid-column.medium .post-detail {

		padding:20px;

	}

	.featured-style-4 .grid-column.medium .post-title h2 {

		font-size: 24px;

	}

	.featured-style-4 .grid-column.small .post {

		display: inline-block;

		float: left;

		width: 100%;

	}

	.featured-style-5 .post-detail {

		padding:30px;

	}

	.featured-style-5 .post-detail .post-title h2 {

		font-size: 24px;

	}

	.cat-slider .post .post-detail .post-detail-inwrap .post-text-content .post-title h5 {

		font-size: 22px;

	}

	.category-content.style-5 .slick-controls ul li.prev, .category-content.style-6 .slick-controls li.prev {

		margin: 0 -4px 0 0;

	}

	.theme-custom-posts.style-1 .custom-posts-slider-for {

		margin:0;

	}

	.theme-custom-posts.style-1 .custom-posts-slider-for .post .post-detail {

	    bottom: 20px;

	    padding: 0 20px;

	}

	.theme-custom-posts.style-1 .custom-posts-slider-for .post .post-detail .post-title h2 {

		font-size: 22px;

	}

	.instagram-profile-images li {

		width: 48%;

	}

	.post-style-3 .post-detail, .post-style-4 .post-detail {

		margin: 20px 0 0;

	}

	.post.post-style-1 .post-title h5, .post.post-style-1 .post-title h6, .post.post-style-3 .post-detail .post-title h5, .post.post-style-3 .post-detail .post-title h6, .post.post-style-4 .post-detail .post-title h5, .post.post-style-4 .post-detail .post-title h6, .theme-custom-posts.style-2 .custom-posts-medium .post-detail .post-title h6 {

		font-size: 22px;

	}

	.theme-custom-posts.style-2 {

		padding: 30px 0;

	}

	.theme-custom-posts.style-2 .custom-posts-no-image ul li .post {

		padding: 0 0 0 20px;

	}

	.theme-custom-posts.style-2 .custom-posts-medium .post-detail {

		margin: 20px 0 0;

    	padding: 0px;

	}

	.theme-custom-posts.style-3 .custom-posts-column.small .post {

		width: 100%;

	}

	.theme-custom-posts.style-3 .custom-posts-column.medium .post .post-detail .post-title h6 {

		font-size: 20px;

	}

	.error-404.not-found {

		padding: 80px 15px;

	}

	.error-404.not-found h1 {

		font-size: 100px;

	}

	.post-image.style-2:before {

		background-color: transparent;

	}

	.post-image-content {

		position: relative;

		padding: 0;

		text-align: left;

		margin:20px 0 0;

	}

	.post-image-content h1, .post-image-content .post-author a, .post-image-content .post-comment a, .post-image-content .post-views, .post-image-content .post-date {

    	color: #000!important;

	}

	.single-style-1 .post-title h1,

	.single-style-2 .post-title h1,

	.single-style-3 .post-title h1,

	.single-style-4 .post-title h1,

	.video-style .post-image-content .post-title h1 {

		font-size: 20px;

	}

	.single-style-2 .post-image-content,

	.single-style-3 .post-image-content,

	.single-style-4 .post-image-content {

		bottom: inherit;

		border-bottom: 1px dashed #ccc;

	}

	.single-style-4 .post-image-content {

		padding:0;

	}

	.page-post .post-content > ul, .page-post .post-content > ol {

		margin: 20px 0 20px 10px;

	}

	.alignleft,

	.alignright {

		width: 100%!important;

	}

	.single-style-3.post-image.style-2:before {

		background-color: rgba(0, 0, 0, 0);

	}

	.single-style-3 .post-image-content {

		padding: 0;

	    position: relative;

	    text-align: left;

	}

	.post-inner-header .post-image {

		min-height: 400px;

	}

	.post-inner-header .post-image.style-5 .post-image-content,

	.post-inner-header .post-image.style-6 .post-image-content {

		position: absolute;

		padding: 0 10px;

		bottom: 10px;

	}

	.post-inner-header .post-image .post-image-content .post-image-text-inner .post-title h1 {

		font-size: 24px;

		color: #fff!important;

	}

	.video-style.light .post-image-content .post-meta .post-author a,

	.video-style.light .post-image-content .post-meta .post-comment a,

	.gallery-style .post-image-content .post-meta .post-author a,

	.gallery-style .post-image-content .post-meta .post-comment a {

		color: #666!important;

	}



	.video-style.light .post-image-content .post-meta .post-date,

	.video-style.light .post-image-content .post-meta .post-views,

	.gallery-style .post-image-content .post-meta .post-date,

	.gallery-style .post-image-content .post-meta .post-views {

		color: #B7B7B7!important;

	}

	.post-inner-header .post-image-content .post-author a, .post-inner-header .post-image-content .post-comment a, .post-inner-header .post-image-content .post-views, .post-inner-header .post-image-content .post-date {

		color: #fff!important;

	}

	.page-post .post-content h2, .page-post .post-content h3 {

		font-size: 18px;

	}

	.post-comments .comment-list li ul li {

		padding-left: 0;

	}

}



@media (max-width: 360px) {

	.featured-style-1 .post-detail {

		position: relative;

		margin:15px 0 0;

	}

	.featured-style-1 .post-detail .post-title h2 a,

	.featured-style-1 .post-detail .post-meta .post-author a {

		color: #000;

	}

	.featured-style-4 .grid-column.medium .post-title h2 {

		font-size: 18px;

	}

	.cat-slider .post .post-detail .post-detail-inwrap {

		padding:10px;

	}

	.cat-slider .post .post-detail:before {

		top: 10px;

	    bottom: 10px;

	    left: 10px;

	    right: 10px;

	}

	.category-content.style-5 .slick-controls, .category-content.style-6 .slick-controls {

		display: none;

	}

	.cat-slider .post .post-detail .post-detail-inwrap .post-text-content .post-title h5 {

		font-size: 18px;

	}

	.theme-custom-posts.style-1 .custom-posts-slider-for {

		margin:0;

	}

	.theme-custom-posts.style-1 .custom-posts-slider-for .post .post-detail .post-title h2 {

	    font-size: 17px;

	    margin: 5px 0;

	}

	.page-post .post-content .wp-caption img {

		width: 100%;

	}

	.alignleft,

	.alignright {

		margin: 6px 0px 14px 0;

	}

}



@media (max-width: 320px) {

	.featured-style-5 .post-detail {

		padding:20px;

	}

	.featured-style-5 .post-detail .post-title h2 {

		font-size: 18px;

	}

	.widget.widget-posts-style-1 ul li a .post-title h6, .widget.widget-posts-style-2 ul li a .post-title h6, .widget.widget-posts-style-1 ul li a:hover .post-title h6 {

		padding:0;

	}

	.theme-custom-posts.style-3 .custom-posts-column.medium .post .post-detail {

		padding: 40% 40px 0 40px;

	}

	.theme-custom-posts.style-3 .custom-posts-column.medium .post .post-detail .post-title h6 {

		font-size: 18px;

	}

}
/*============================================================================
  >> 13. WOOCOMMERCE
  ============================================================================
*/
@media (min-width: 768px) {
	@media (min-width: 768px) {
	.post-type-archive-product.woocommerce.hague-shop-column-3 ul.products li.product {
		width: 30.80%;
	}

	.post-type-archive-product.woocommerce.hague-shop-column-4 ul.products li.product {
		width: 22.15%;
	}

	.post-type-archive-product.woocommerce.hague-shop-column-5 ul.products li.product {
		width: 16.96%;
	}

	.post-type-archive-product.woocommerce.hague-shop-column-6 ul.products li.product {
		width: 13.50%;
	}
}
}
@media (max-width: 768px) {
	.woocommerce-page.columns-4 ul.products li.product, .woocommerce.columns-4 ul.products li.product {
	    text-align: center;
	    width: 48%!important;
	}
}