/* Extra large devices (large desktops, 1370px and up) */


.container {
	max-width: 1170px;
}

@media (min-width: 1200px) and (max-width: 1370px) { 
	.navbar-nav li {
    	padding: 0 5px;
	}
	#shopping-cart {
		padding: 15px 10px;
		margin-left: 20px;
	}
	#shopping-cart span {
		margin-left: 5px;
	}
	.cart-items-count .text {
		display: none;
	}
	ul.dropdown-menu-mini-cart {
		top: 60px !important;
	}
}

/* Large devices (desktops, 992px to 1200px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
	.navbar {
		height: 60px;
	}
	.navbar-toggler {
		position: absolute;
		padding: 0;
	}
	a#call-btn {
		color: #000000;
		font-size: 20px;
		padding: 20px;
		position: absolute;
		right: 0;
		line-height: normal;
		height: 59px;
	}
	.navbar-brand {
		float: none;
		margin: 0 auto;
		width: 200px;
	}
	.navbar-collapse {
        position: absolute;
        top: 60px;
        right: 100%;
		padding: 30px;
        width: 100%;
        transition: all 0.3s ease-in-out;
        display: block;
		background: #F5F5F5;
		border-bottom: 1px solid #DDDDDD;
		z-index: 3;
    }
	.navbar-collapse .navbar-nav li.active a,
	a.nav-link:hover {
		border-bottom: 0;
	}
	.dropdown-menu {
		background: none;
		border: none;
		padding: 0;
	}
	.dropdown-item:focus, 
	.dropdown-item:hover {
		color: #ed1f24;
		background: none;
	}
	.navbar-collapse .navbar-nav li {
		text-align: center;
	}
    .navbar-collapse.collapsing {
        height: auto !important;
        margin-right: 50%;
        transition: all 0.3s ease-in-out;
        display: block;
    }
    .navbar-collapse.show {
        right: 0;
    }
	#billingchimneys-nav a.btn {
		position: absolute;
		right: 110px;
	}
	#shopping-cart {
		padding: 15px 10px;
		margin-left: 20px;
	}
	#shopping-cart span {
		margin-left: 5px;
	}
	.cart-items-count .text {
		display: none;
	}
	ul.dropdown-menu-mini-cart {
		top: 60px !important;
	}
	
	/* Footer */
	#footer-top .navbar-brand {
		float: left;		
	}
}

/* Medium devices (tablets, 768px to 992px) */
@media (min-width: 768px) and (max-width: 991.98px) {
	.navbar {
		height: 60px;
	}
	.navbar-toggler {
		position: absolute;
		padding: 0;
	}
	a#call-btn {
		color: #000000;
		font-size: 20px;
		padding: 20px;
		position: absolute;
		right: 0;
		line-height: normal;
		height: 59px;
	}
	.navbar-brand {
		float: none;
		margin: 0 auto;
		width: 200px;
	}
	.navbar-collapse {
        position: absolute;
        top: 60px;
        right: 100%;
		padding: 30px;
        width: 100%;
        transition: all 0.3s ease-in-out;
        display: block;
		background: #F5F5F5;
		border-bottom: 1px solid #DDDDDD;
		z-index: 3;
    }
	.navbar-collapse .navbar-nav li.active a,
	a.nav-link:hover {
		border-bottom: 0;
	}
	.dropdown-menu {
		background: none;
		border: none;
		padding: 0;
	}
	.dropdown-item:focus, 
	.dropdown-item:hover {
		color: #ed1f24;
		background: none;
	}
	.navbar-collapse .navbar-nav li {
		text-align: center;
	}
    .navbar-collapse.collapsing {
        height: auto !important;
        margin-right: 50%;
        transition: all 0.3s ease-in-out;
        display: block;
    }
    .navbar-collapse.show {
        right: 0;
    }
	#billingchimneys-nav a.btn {
		position: absolute;
		right: 110px;
	}
	#shopping-cart {
		padding: 15px 10px;
		margin-left: 20px;
	}
	#shopping-cart span {
		margin-left: 5px;
	}
	.cart-items-count .text {
		display: none;
	}
	ul.dropdown-menu-mini-cart {
		top: 60px !important;
	}
	
	/* Home */
	#home-banner-carousel {
		height: auto;
	}
	
	/* Misc */
	.modal-dialog {
    	min-width: 738px;
	}
	
	/* Sidebar */
	#sidebar .btn-wc {
		margin-right: 15px;
	}
	
	/* Footer */
	#footer-top .col-lg-4 {
		text-align: center;
	}
	#footer-top ul.company-details li {
		padding-left: 0;
	}
	#footer-top .far,
	#footer-top .fas {
		position: relative;
		top: 0;
		margin-right: 5px;
	}
	#footer-top ul.menu li a {
		width: 100%;
	}
	#footer-top ul.menu {
		margin-bottom: 1rem;
		padding-bottom: 20px;
	}
	#footer-top .meks-instagram-widget {
		margin: 30px auto 0 auto !important;
	}

}

/* Small devices (landscape phones, 576px to 768px) */
@media (min-width: 576px) and (max-width: 767.98px) {
	body {
		font-size: 16px;
	}
	h3 {
		font-size: 30px;
		line-height: 35px;
	}
	.title {
		font-size: 25px;
	}
	.btn {
		padding: 10px;		
	}	
	
	/* Fixes Admin Bar issue when logged in */
	.customize-support .fixed-top {
		top: 46px;
	}
	figure {
		text-align: center;
	}
	.navbar {
		height: 60px;
	}
	.navbar-toggler {
		position: absolute;
		padding: 0;
	}
	a#call-btn {
		color: #000000;
		font-size: 20px;
		padding: 20px;
		position: absolute;
		right: 0;
		line-height: normal;
		height: 59px;
	}
	.navbar-brand {
		float: none;
		margin: 0 auto;
		width: 200px;
	}
	.navbar-collapse {
        position: absolute;
        top: 60px;
        right: 100%;
		padding: 30px;
        width: 100%;
        transition: all 0.3s ease-in-out;
        display: block;
		background: #F5F5F5;
		border-bottom: 1px solid #DDDDDD;
		z-index: 3;
    }
	.navbar-collapse .navbar-nav li.active a,
	a.nav-link:hover {
		border-bottom: 0;
	}
	.dropdown-menu {
		background: none;
		border: none;
		padding: 0;
	}
	.dropdown-item:focus, 
	.dropdown-item:hover {
		color: #ed1f24;
		background: none;
	}
	.navbar-collapse .navbar-nav li {
		text-align: center;
	}
    .navbar-collapse.collapsing {
        height: auto !important;
        margin-right: 50%;
        transition: all 0.3s ease-in-out;
        display: block;
    }
    .navbar-collapse.show {
        right: 0;
		z-index: 3;
    }
	#billingchimneys-nav a.btn {
		position: absolute;
		right: 110px;
	}
	#shopping-cart {
		padding: 15px 10px;
		margin-left: 20px;
	}
	#shopping-cart span {
		margin-left: 5px;
	}
	.cart-items-count .text {
		display: none;
	}
	ul.dropdown-menu-mini-cart {
		top: 60px !important;
	}
	
	/* Home */
	#home-banner-carousel {
		height: auto;
	}
	#home-banner-carousel .banner-content {
		width: 80%;
	}
	#home-banner-carousel .carousel-item {
		height: 400px;
	}
	#home-banner-carousel .banner-tag {
		font-size: 30px;
	}
	#home-banner-carousel .banner-title {
		font-size: 40px;
		line-height: 50px;
	}
	#home-banner-carousel .banner-text {
		font-size: 20px;
		line-height: 30px;
	}
	#homepage-links {
		margin: 40px 0;
	}
	#introduction-section {
		padding: 40px 0;
	}
	#introduction-section .title {
		width: 100%;
	}
	#introduction-section .tick-list {
		margin-top: 40px;
	}
	#testimonials-section {
		padding: 40px 0;
	}
	#testimonials-section .container {
		padding: 0;
	}
	#testimonials-section .title {
		padding: 0 30px;
	}
	.contact-section {
		padding: 40px 0 50px 0;
	}
	.contact-section h3 {
		margin-bottom: 20px;
	}
	.contact-section .subheading {
		margin-bottom: 20px;
	}
	.contact-box {
		max-width: 366px;
		margin: 0 auto 30px auto;
	}
	.contact-box a {
    	padding: 10px 10px 0 10px;
	}
	.contact-section .far,
	.contact-section .fas {
		font-size: 40px;
	}
	.contact-section .bc-call-back {
		width: 37px;
	}
	.contact-box .title {
		margin: 0 0 10px 0;
	}
	.contact-content .col-md-12 {
		display: block;
	}
	.contact-content {
		margin-top: 0;
		line-height: 30px;
	}
	.contact-content .btn {
		margin-left: 0;
		margin-top: 20px;
		justify-content: center;
	}
	
	
	/* Footer */
	#accreditations-wrap .col-sm-4 {
		margin-top: 20px;
	}
	#accreditations-wrap .title {
		padding-bottom: 10px;
	}
	#footer-top .col-lg-4 {
		text-align: center;
	}
	#footer-top ul.company-details li {
		padding-left: 0;
	}
	#footer-top .far,
	#footer-top .fas {
		position: relative;
		top: 0;
		margin-right: 5px;
	}
	#footer-top ul.menu li a {
		width: 100%;
	}
	#footer-top ul.menu {
		margin-bottom: 1rem;
		padding-bottom: 20px;
	}
	#footer-top .meks-instagram-widget {
		margin: 30px auto 0 auto !important;
	}
	
	
	/* Misc */
	.modal-dialog {
    	min-width: 546px;
	}

}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 	
	body {
		font-size: 16px;
	}
	h3 {
		font-size: 30px;
		line-height: 35px;
	}
	.title {
		font-size: 25px;
	}
	.btn {
		padding: 10px;		
	}
	
	/* Fixes Admin Bar issue when logged in */
	.customize-support .fixed-top {
		top: 46px;
	}
	#wpadminbar {
		position: fixed !important;
	}
	figure {
		text-align: center;
	}
	.navbar {
		height: 60px;
		padding: 0 0 0 15px;
	}
	.navbar-nav {
		padding-right: 0;
	}
	.navbar-toggler {
		position: absolute;
		padding: 0;
	}
	a#call-btn {
		color: #000000;
		font-size: 20px;
		padding: 20px;
		position: absolute;
		right: 0;
		line-height: normal;
		height: 59px;
	}
	.navbar-brand {
		float: none;
		margin: -4px auto 0 50px;
		width: 170px;
	}
    .navbar-collapse {
        position: absolute;
        top: 60px;
        right: 100%;
		padding: 30px;
        width: 100%;
        transition: all 0.3s ease-in-out;
        display: block;
		background: #F5F5F5;
		border-bottom: 1px solid #DDDDDD;
		z-index: 3;
    }
	.navbar-collapse .navbar-nav li.active a,
	a.nav-link:hover {
		border-bottom: 0;
	}
	.dropdown-menu {
		background: none;
		border: none;
		padding: 0;
	}
	.dropdown-item:focus, 
	.dropdown-item:hover {
		color: #ed1f24;
		background: none;
	}
	.navbar-collapse .navbar-nav li {
		text-align: center;
	}
    .navbar-collapse.collapsing {
        height: auto !important;
        margin-right: 50%;
        transition: all 0.3s ease-in-out;
        display: block;
    }
    .navbar-collapse.show {
        right: 0;
    }
	#billingchimneys-nav a.btn {
		position: absolute;
		right: 110px;
	}
	#shopping-cart {
		padding: 15px 10px;
	}
	#shopping-cart span {
		margin-left: 5px;
	}
	.cart-items-count .text {
		display: none;
	}
	ul.dropdown-menu-mini-cart {
		top: 60px !important;
	}

	/* Product Benefits Banner */
	.product-benefits-banner {
		padding: 16px 12px;
	}

	.product-benefits-list {
		gap: 18px 12px;
	}

	.product-benefit {
		gap: 8px;
	}

	.product-benefit-icon {
		width: 32px;
		height: 32px;
		flex-basis: 32px;
		font-size: 13px;
	}

	.product-benefit-content strong {
		font-size: 10px;
	}

	.product-benefit-content span {
		font-size: 10px;
		line-height: 1.3;
	}
	
	/* Home */
	#home-banner-carousel {
		height: auto;
	}
	#home-banner-carousel .banner-content {
		width: 100%;
	}
	#home-banner-carousel .carousel-item {
		height: 400px;
	}
	#home-banner-carousel .banner-tag {
		font-size: 30px;
	}
	#home-banner-carousel .banner-title {
		font-size: 40px;
		line-height: 50px;
	}
	#home-banner-carousel .banner-text {
		font-size: 20px;
		line-height: 30px;
		display: none;
	}
	#homepage-links {
		margin: 40px 0;
	}
	#homepage-links .col-sm-4 img {
		display: block;
		margin: 0 auto;
	}
	#homepage-links .col-sm-4 a h2 {
		padding: 20px 0 0 0;
	}
	#homepage-links .col-sm-4 a p {
		margin-bottom: 30px;
	}
	#introduction-section {
		padding: 40px 0;
	}
	#introduction-section .title {
		width: 100%;
	}
	#introduction-section .tick-list {
		margin-top: 40px;
	}
	#introduction-section a.btn-outline-primary {
		margin: 10px auto 0 auto;
		padding: 10px;
		width: 100%
	}
	#testimonials-section {
		padding: 40px 0;
	}
	#testimonials-section .container {
		padding: 0;
	}
	#testimonials-section .title {
		padding: 0 30px;
	}
	.contact-section {
		padding: 40px 0 50px 0;
	}
	.contact-section h3 {
		margin-bottom: 20px;
		line-height: 35px;
	}
	.contact-section .subheading {
		margin-bottom: 20px;
	}
	.contact-box {
		max-width: 366px;
		margin: 0 auto 30px auto;
	}
	.contact-box a {
    	padding: 10px 10px 0 10px;
	}
	.contact-section .far,
	.contact-section .fas {
		font-size: 40px;
	}
	.contact-section .bc-call-back {
		width: 37px;
	}
	.contact-box .title {
		margin: 0 0 10px 0;
	}
	.contact-content .col-md-12 {
		display: block;
	}
	.contact-content {
		margin-top: 0;
		line-height: 30px;
	}
	.contact-content .btn {
		margin-left: 0;
		margin-top: 20px;
		justify-content: center;
	}
	
	/* Footer */
	#accreditations-wrap .col-sm-4 {
		margin-top: 20px;
	}
	#accreditations-wrap .title {
		padding-bottom: 10px;
	}
	#footer-top .col-lg-4 {
		text-align: center;
	}
	#footer-top .far,
	#footer-top .fas {
		position: relative;
		top: 0;
		margin-right: 5px;
	}
	#footer-top ul.company-details li {
		padding-left: 0;
	}
	#footer-top ul.footer-menu li a {
	  	width: 100%;
	  	text-align: center;
	}
	#footer-top ul.menu li a {
		width: 100%;
	}
	#footer-top ul.menu {
		margin-bottom: 1rem;
		padding-bottom: 20px;
	}
	#footer-top .meks-instagram-widget {
		margin: 30px auto 0 auto !important;
	}
	.payment-methods {
		justify-content: center; 
		margin: 30px auto;      
	}
	#footer-bottom {
		text-align: center;
	}
	#footer-bottom  ul.social-list {
		float: none;
	}
	ul.social-list li {
		text-align: center;
		float: none;
		display: inline-block;
		margin-top: 10px;
	}
	
	/* Misc */
	.modal-dialog {
    	min-width: auto;
	}

}

/* Product Benefits Banner: tablet and mobile */
@media (max-width: 991.98px) {

	.product-benefits-banner {
		display: none;
	}

}