@media (max-width: 1221px) {
	.container { width:100%; }
}
@media (max-width: 991.98px) {
	.container { width:100%; }
	
	.hide_mobile { display:none; }
	.hide_desktop { display:block; }
}

@media (max-width: 767.98px) {
	.container { width:100%; }

    /*** Header ***/
    header#site_header { padding:0px 0px; }
	header#site_header .site_logo { text-align:center;  }
	header ul.header_social_menu { display:none; }

	header #search_cart_bar .quick_order_btn { margin:10px 0px; }
	header #search_cart_bar select { margin:0px 0px 10px 0px; }
	header .cart_info { text-align:center; line-height:28px; }

	/*** Hero ***/
	#hero_section { padding:0px; background-size:cover; }
	#hero_section .hero_slide .slide_bg { background-size:cover; }
	#hero_section .slide_overlay { padding:80px 10px !important; min-height:auto !important; }
	#hero_section .hero_content .slide_title { font-size:44px; line-height:48px; margin-bottom:15px; text-align:center; }
	#hero_section .hero_content .lp-btn { text-align:center; }
		
	.post-content h1 { font-size:48px; line-height:60px; color:var(--secondary); }
	.post-content h2 { font-size:35px; line-height:48px; color:var(--secondary); }
	.post-content h3 { font-size:28px; line-height:36px; color:var(--secondary); }
	.post-content h4 { font-size:22px; line-height:32px; color:var(--secondary); }
	.post-content h5 { font-size:28px; line-height:36px; color:var(--secondary); }
	.post-content h6 { font-size:22px; line-height:32px; color:var(--secondary); }
	
	.hide_mobile { display:none; }
}

@media (max-width: 575.98px) {
	.container { width:100%; }

	.hide_mobile { display:none; }

    section { padding:30px 10px; }
    section h2 { font-size:36px; line-height:44px; }

    /*** Header ***/
    header#site_header { padding:0px 0px; }
	header#site_header .site_logo { text-align:center;  }
	header ul.header_social_menu { display:none; }

	header #search_cart_bar .quick_order_btn { margin:10px 0px; }
	header #search_cart_bar select { margin:0px 0px 10px 0px; }
	header .cart_info { text-align:center; line-height:28px; } 

    /*** Hero ***/
    #hero_section { padding:0px; background-size:cover; }
	#hero_section .hero_slide .slide_bg { background-size:cover; }
	#hero_section .slide_overlay { padding:50px 10px !important; min-height:auto !important; }
    #hero_section .hero_content .slide_title { font-size:34px; line-height:40px; margin-bottom:15px; text-align:center; }
	#hero_section .hero_content .lp-btn a { display:block; }

    /*** Category Section ***/
    #category_section {}
    #category_section h2 { max-width:100%; margin:0px auto 30px auto; }
    #category_section .category_grid { grid-template-columns:1fr; }

	/*** Brands Section ***/
	#brands_section .brands_grid { grid-template-columns:1fr 1fr; }

	/*** Product Card ***/
	.product-card { padding:15px; }
	.product-card .qty-group { margin-bottom:20px; }

	/*** Pagination ***/
	.pagination-bar, .pagination-bar ul.pagination-list { text-align:center; }
	.pagination-bar .page-pointer {margin-bottom:10px; }

        /*** Footer ***/
    footer { padding:15px 0px 15px 0px; }
	footer .footer_nav ul li { padding:0px 15px; }
	
	.post-content h1 { font-size:38px; line-height:50px; color:#000000; }
	.post-content h2 { font-size:32px; line-height:44px; color:#000000; }
	.post-content h3 { font-size:26px; line-height:38px; color:#000000; }
	.post-content h4 { font-size:20px; line-height:32px; color:#000000; }
	.post-content h5 { font-size:26px; line-height:38px; color:#e70000; }
	.post-content h6 { font-size:20px; line-height:32px; color:#e70000; }
}