@media (min-width: 1501px) and (max-width: 1900px) {
html { font-size: 90%; }
.container { width: 1300px; margin: 0 auto; }
.banner-content { width: 35%; left: 13%; }
.contacts-menu .leak-menu ul li a { padding: 10px 14px; }
}
@media (min-width: 1201px) and (max-width: 1500px) {
html { font-size: 90%; }
.container { width: 98%; }
.logo .custom-logo { width: 160px; }
.banner-content { width: 45%; left: 5%; }
}
@media (min-width: 1301px) and (max-width: 1500px){
	.contacts-menu .leak-menu ul li a { padding: 10px 14px; }
}
@media (min-width: 1201px) and (max-width: 1300px){
	
	.contacts-menu .leak-menu ul li a {
        padding: 10px 9px;
    }	
}
@media (min-width: 1101px) and (max-width: 1200px){
	.leak-menu:after{
		display: none;
	}
	.header .container {
        width: 93%;
    }
}
@media (min-width: 1024px) and (max-width: 1100px){
	    .contacts-menu .leak-menu ul li a {
        padding: 10px 6px;
    }
}
@media (min-width: 1024px) and (max-width: 1200px) {
html { font-size: 90%; }
.container { width: 90%; }
/* .header .container { width: 94%; } */
.logo .custom-logo { width: 160px; }
.about-us .container-flex { align-items: flex-start; }
.leak-pack-title { font-size: 3em; line-height: 1.2; }
.banner img { height: 500px; object-fit: cover; }
.banner-content { width: 60%; left: 5%; padding: 1em; /* transform: none; */ }
.banner-content p { padding-bottom: 26px; line-height: 22px; }
.banner .leak-pack-btn img { height: auto; }
.banner-content ul { display: flex; }
.slick-dots { position: relative; bottom: 0; margin-top: 20px; }
.banner-content ul li a img { width: 18px; height: auto; object-fit: contain; }
.header .container-flex { position: relative; }
.top-contacts { gap: 1em; position: absolute; top: 30px; right: 0; }
.top-contacts > div { padding-right: 10px; }
.top-brand ul li img { width: 80px; }
/* .contacts-menu .leak-menu ul li a { padding: 10px 12px; } */
.social-icon ul { gap: 6px; }
.contacts-menu { margin-left: 0; }
.leak-menu:before { background: #f4f4f4; }
/* .leak-menu:after { content: ""; background: #eee; height: 100%; width: 100%; position: absolute; right: 100%; top: 0; z-index: -1; } */
.leak-menu { padding: 7px 0px 7px 0px; }
.banner { position: relative; margin-top: 0; }
.product-title p { width: 44%; font-size: 1.3em; line-height: 28px; }
.all-product { padding: 3em 0; }
.cta ul { gap: 1em; }
.cta .container-flex { flex-wrap: nowrap; }
.cta ul li a { padding: 11px 10px; }
.reviews .reviews-story img { width: 300px; margin-top: 20px !important; }
.cta h3 { font-size: 2em; line-height: 1.2; }
.footer .container-flex { gap: 2em; }
.footer-grid:last-child ul li strong { font-size: 1.2em; }
}
@media (min-width: 768px) and (max-width: 1023px) {
html { font-size: 90%; }
.container { width: 90%; }
.logo .custom-logo { width: 200px; }
.banner img { height: 500px; object-fit: cover; }
.banner-content { width: 60%; left: 5%; padding: 1em; /* transform: none; */ }
.banner-content p { padding-bottom: 26px; line-height: 22px; }
.banner .leak-pack-btn img { height: auto; }
.banner-content ul { display: flex; }
.slick-dots { position: relative; bottom: 0; margin-top: 20px; }
.banner-content ul li a img { width: 18px; height: auto; object-fit: contain; }
.usp .slick-slide aside img { width: 50px; }
.usp .slick-slide h3 { font-size: 1.3em; }
.usp .slick-slide p { line-height: 23px; }
.about-us-content { flex: 1 1 calc((50% / 1) - 0em); margin-top: 30px; }
.leak-pack-title { font-size: 2.5em; line-height: 1.2; }
.product-title p { width: 40%; color: #0B2E63; font-size: 1em; line-height: 23px; }
.all-product { padding: 4em 0; width: 100%; margin: 3em auto 0 auto; border-radius: 0; }
.slick-dotted.slick-slider { margin-bottom: 0; }
.cta { width: 100%; text-align: center; border-radius: 0; }
.cta ul li a { padding: 11px 10px; }
.cta h3 { font-size: 2em; width: 100%; }
.cta ul { margin: 30px auto 0 auto; }
.reviews .reviews-story img { width: 300px; }
.reviews-grid { padding: 2em 1em; }
.reviews-grid p { width: 100%; }
.blog .container-flex { gap: 1em; }
.footer-grid { flex: 1 1 calc((100% / 2) - 3em); }
.footer .container-flex { gap: 3em; }
}
@media (max-width: 767px) {
html { font-size: 90%; }
.container-flex { display: block; }
.container { width: 90%; }
.logo img { width: 150px; }
.banner-content ul li a img { width: 18px; height: auto; object-fit: contain; }
.usp { position: relative; bottom: 0; padding: 3em 0 0em 0; }
.usp .slick-slide h3 { line-height: 1.2; }
.usp .slick-slide img { width: 60px; }
.usp .slick-slide { min-height: auto; margin-right: 0; padding: 2em 1em; }
.banner img { height: 400px; object-fit: cover; }
.banner-content { width: 90%; left: 3%; top: 50%; padding: 1em; /* transform: none; */ }
.banner-content p { padding-bottom: 26px; line-height: 22px; }
.banner .leak-pack-btn img { height: auto; }
.banner-content .leak-pack-title { color: #fff; font-size: 1.8em; }
.banner-content ul { display: flex; }
.slick-dots { position: relative; bottom: 0; margin-top: 20px; }
.about-us-content { margin-top: 30px; }
.about-us-img img { width: 100%; height: auto; }
.leak-pack-title { font-size: 2em; line-height: 31px; }
.all-product { padding: 3em 0; border-radius: 0; width: 100%; margin: 3em auto 0 auto; }
.product-title.container-flex { display: inline-block; }
.product-title p { width: 100%; font-size: 1.2em; line-height: 25px; margin-bottom: 20px; }
.all-product .slick-dots { margin-top: 0; }
.cta { padding: 3em 0; border-radius: 0; width: 100%; }
.cta .container-flex { display: block; }
.cta h3 { font-size: 1.5em; width: 100%; }
.cta ul { display: inline-block; }
.cta ul li { width: 100%; text-align: center; margin-top: 20px; }
.cta ul li .leak-pack-btn { justify-content: center; }
.reviews { padding: 3em 0; }
.reviews .reviews-story img { width: 100%; }
.faq-img img { width: 100%; }
.accordion-header { font-size: 18px; font-weight: 500; padding: 1.5em 0.5em; line-height: 1.5; }
.accordion-content { padding: 0 10px; }
.blog-grid { margin-bottom: 20px; }
.cta-2 { top: 0; }
.blog { padding: 3em 0 2em 0; text-align: center; }
.footer { padding: 3em 0 3em 0; }
.footer-grid { margin-bottom: 40px; }
.footer-grid h3 { font-size: 1.8em; padding-bottom: 15px; color: #00235A; }
.footer-grid:last-child ul li strong { font-size: 1.3em; }
.cta aside { width: 100%; }
.inner-banner .container-flex { display: flex; }
.inner-banner { height: 200px; }
.get-quote-form h2 { font-size: 1.8em; }
.get-quote-form { padding: 2em 1em; }
.is-close-button { right: 5px !important; }
.faq .row {    display: block;}
.faq .col-md-5 {    width: 100%;}
.faq .col-md-7 {    width: 100%;}

section.all-product p {    font-size: 16px;     text-align: center;}
.leak-pack-title { text-align:center; }
.leak-pack-subtitle { margin-bottom:10px; text-align:center; }
.banner-content h2.leak-pack-title {    text-align: left;}
section.all-product p { line-height:25px; }
section.cta h3 {    text-align: center;}
.main-inner-page-sec h3 { font-size:24px; }

}
@media (max-width: 992px) {
.hamburger-menu,
.close-menu { display: inline-block; cursor: pointer; }
.close-menu { position: absolute; top: 0; right: 0; z-index: 9; background: #d71209; width: 40px; height: 40px; padding: 7px; cursor: pointer; 
display: flex;        align-items: center;        justify-content: center;}
.close-menu img {    width: 15px;    height: auto;}
.leak-menu ul.sub-menu {    padding: 15px;    background: #fff;    margin: 13px 0;    border-radius: 11px;}
.leak-menu ul.sub-menu li {    padding: 9px 0;    border: none;}

.leak-menu:before { display: none; }
.header .container-flex { display: flex; align-items: center; justify-content: space-between; }
.contacts-menu { display: flex; position: fixed; top: 0; left: -100%; width: 100%; height: 100%; background: #fff; z-index: 9; flex-wrap: wrap; overflow-X: auto; transition: 0.2s; }
.top-contacts > div { position: relative; padding-right: 30px; margin-bottom: 20px; }
.open-menu .contacts-menu { left: 0; transition: 0.2s; }
.leak-menu { order: 1; padding: 0; display: inline-block; text-align: center; padding-bottom: 20px; }
.contacts-menu .leak-menu .get-quote { padding: 14px 16px; width: 82%; margin: 20px auto 0 auto; }
.top-contacts { order: 2; display: inline-block; width: 100%; padding: 20px 30px; }
.top-contacts > div:before { display: none; }
.leak-menu ul li { display: inline-block; width: 100%; padding: 10px 25px; border-bottom: solid 1px #ddd; text-align: left; }
.contacts-menu .leak-menu ul li a { padding: 0; display: inline-block; text-transform: capitalize; width: 100%; }
.leak-pack-btn { width: 100%; justify-content: center; }
section.cta.cta-2 a {    display: flex;    align-items: center;}
.menu-item-has-children > a::after {        content: "▼";        font-size: 14px;        margin-left: 9px;        position: absolute;        right: 18px;        top: 13px;    }
.contact-us-page .row { display:block; }
.contact-us-page .col-md-6 {    width: 100%;}

}
@media (max-width: 320px) {
.banner-content .leak-pack-title { color: #fff; font-size: 1.8em; }
.banner-content { width: 94%; }
.banner-content ul li a { padding: 10px 13px; }
}


.footer-sticky {    position: fixed;    bottom: 0;    width: 100%;    background: #fff;    display: flex;    justify-content: space-between;    padding: 0 19px;    align-items: center;    height: 70px;    box-shadow: 1px 1px 15px rgba(0,0,0,0.1);    border-top: #3b5b9f solid 2px;    z-index: 1000;}
.call_btn span {    display: block; font-weight:300; }
.call_btn i{ position:absolute; left:0px; }
.call_btn {    padding-left: 45px; position: relative; font-weight: 700;}
.call_btn a{ color:#333; text-decoration:none !important; }
.footer-btn button.get-quote {
    background: #1f2c59;
    color: #fff;
    padding: 10px 25px;
    height: 50px;
    text-transform: uppercase;
    border-radius: 5px;
    font-weight: 600;
}

@media (max-width: 576px){
	.about-us-content{
		margin-top: 0;
		padding-top: 0;
	}
	.product-slider .slick-slide h3{
		min-height: auto;
	}
	.slick-dots li button{
		width: 12px;
		height :12px;
	}
}