@media(min-width:1401px) and (max-width:1499px) {

.main-nav {	gap: 20px;}
.nav-item {	margin: 0 4px;}





}



@media(min-width:1280px) and (max-width:1400px) {

	.logo img {
		max-height: 80px;
	}

	.nav-item {
		margin: 0 5px;
	}

	.main-nav {
		gap: 0px;
	}

	.appointment-button {
		font-size: 16px;
	}

	.products-grid,
	.services-grid {
		gap: 20px;
	}


	.faq-content {
		width: 60%;
	}

	.product-image {
		height: auto;
	}

	.product-image img {
		transition: .5s;
		width: 100%;
	}

	.faq {
		height: auto;
		padding: 60px 0px;
	}

	.section-title-left h2 {
		font-size: 40px;
		line-height: 48px;
	}





}


@media(min-width:992px) and (max-width:1360px) {

	.header .container {
		padding: 10px 15px;
	}

	

	.main-nav {
		justify-content: center;
		gap: 20px;
	}

	.nav-menu {gap: 6px;}
	.nav-item {margin: 0 6px;}


	.products-grid,
	.services-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}

	.faq-content {
		width: 100%;
	}

	.product-image {
		height: auto;
	}

	.product-image img {
		transition: .5s;
		width: 100%;
	}

	.faq {
		height: auto;
		padding: 60px 0px;
	}

	.section-title-left h2 {
		font-size: 40px;
		line-height: 48px;
	}

.appointment-button {padding: 10px 15px;}
.footer-content {
	
	grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
	
}




}



@media(min-width:768px) and (max-width:1360px) {
	.nav-container {
		display: flex
	}

	.nav-link {
		padding: 8px 25px;
		justify-content: space-between;
	}

	.mobile-toggle {
		display: block;
	}



	.nav-menu.active {
		left: 0;
	}

	.nav-item {
		margin: 0;
		border-bottom: 1px solid #f1f3f4;
	}

	.mobile-toggle {
		display: block;
	}

	.nav-menu {
		position: fixed;
		top: 150px;
		left: -100%;
		width: 100%;
		background: white;
		flex-direction: column;
		align-items: stretch;
		gap: 0;

	}



	.nav-menu.active {
		left: 0;
	}

	.nav-item {
		margin: 0;
		border-bottom: 1px solid #d9d9d9;
	}

	.slide-content h2 {
		font-size: 34px;
	}

	.slide-content p {
		font-size: 18px;
	}

	.slide {
		height: 450px;
	}

	.about .container {
		grid-template-columns: 1fr;
	}
.section-title-left h2 {
	font-size: 40px;
	line-height: 52px;
}

.product {
	padding: 30px 0;
}

	.faq-content {
		width: 100%;
	}

	.subscription {
		margin-top: 10px;
	}

	

	.faq {
		height: auto;
		padding: 60px 0px;
	}

	.footer-bottom {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 5px;
		text-align: center;
	}

	.footer-bottom .copy-right {
		text-align: center;
	}

	.footer-bottom .developed-by {
		text-align: center;
	}

.looking-for {display: block;}

.about-image{display: flex;gap:15px;}
.aboutus-img-bototm{margin-top: 0px;}
	.slider-arrows {top: 45%;}


}
@media only screen and (max-width:991px){
.footer-content {
		grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
		gap: 10px;
	}	
}
@media only screen and (max-width:767px){
.footer-content {
		grid-template-columns: 1fr;
		gap: 10px;
	}	
.social-icons { margin-top: 20px;margin-bottom: 20px;}
	
	
	
}
@media (max-width: 767px) {
.contactpagelink{margin:0 0 20px !important; width:100%}
.col21{width:100%; margin:0}
.col22{width:100%; margin:0}
	.header-top {
		padding: 10px 0;
	}

	.contact-info {
		flex-direction: column;
		gap: 5px;
		margin-right: auto
	}

	.header .container {
		padding: 10px 15px;
	}

	.logo img {
		max-height: 52px;
	}

	.nav-container {
		display: flex
	}

	.nav-link {
		padding: 8px 25px;
		justify-content: space-between;margin-right: 50px;
	}

	.mobile-toggle {
		display: block;
	}

.appointment-button-web{display: none;}
.appointment-button-mobile {
	display: block;
	border-radius: 100%;
	width: 50px;
	height: 50px;
}

a.appointment-button-mobile:hover{background: #5a5b5e;}

	.nav-menu {
		position: fixed;
		top: 80px;
		left: -100%;
		width: 100%;
		background: white;
		flex-direction: column;
		align-items: stretch;
		gap: 0;
	}

	.nav-menu.active {
		left: 0;
	}

	.nav-item {
		margin: 0;
		border-bottom: 1px solid #d9d9d9;
	}

	.slider-container .container {
		padding: 0;width: 100%;
	}

	.slide {
		
		padding: 50px 15px 50px 15px;
	}

	.slide-content,
	slide-image {
		width: 100%;
	}

	.appointment-button , .get-quote-btn {
	
		font-size: 15px;
		padding: 10px 12px;
		text-align: center
	}

	.slide-buttons {
		gap: 10px;
		align-items: center;
	}

	.btn-primary,
	.btn-secondary {
		width: 100%;
		font-size: 15px;
		padding: 10px 8px;
		text-align: center;
	}

	

	.about .container {
		grid-template-columns: 1fr;
	}

	.container {
		padding-left: 15px;
		padding-right: 15px;
	}
	.introContent .container{padding-left:0;padding-right:0;}

	.footer-content {
		grid-template-columns: 1fr;
		gap: 10px;
		margin-top:0px;
	}

	/* 
	
	Responsive dropdown menu
	
	
	
	.dropdown {
		position: static;
		box-shadow: none;
		border-radius: 0;
		opacity: 1;
		visibility: visible;
		transform: none;
		background: #f8f9fa;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.3s ease;
	}

	.nav-item.active .dropdown {
		max-height: 500px;
	}

	.dropdown-link {
		padding: 15px 40px;
		border-bottom: 1px solid #e9ecef;
	}

	.dropdown-link:hover {
		padding-left: 40px;
		background: #e9ecef;
	}

	.nav-item:hover .dropdown-arrow {
		transform: none;
	}

	.nav-item.active .dropdown-arrow {
		transform: rotate(180deg);
	} */

	.subscription {
	margin-top:10px;
	}

	.brands {
		padding-bottom: 0;
	}

		.footer-bottom {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 5px;
		text-align: center;
	}

	.footer-bottom .copy-right {
		text-align: center;
	}

	.footer-bottom .developed-by {
		text-align: center;
	}    
    .product {padding: 20px 0;}
    .product .section-title p {width: 100%;}
    
    .section-title p {font-size: 16px;}
    .about {padding: 30px 0px 30px 0;}
    
    .about-content p {line-height: 28px;font-size: 16px;}
    
   .contact-info-mobile {
	display: block;
	margin: 20px auto;
}
   .contact-info-mobile a{background: #000;color:#fff;}  
    .contact-info-mobile a {
	background: #000;
	color: #fff;
	height: 40px;
	width: 40px;
	display: inline-block;
	text-align: center;
	align-content: center;
	border-radius: 100px;
	margin: 0px 5px;
}
 .contact-info-mobile a:hover{background: #CE0000;}
.header-top{display: none;}
.looking-for {display: block;}




}

@media(min-width:480px) and (max-width:767px) {

	.section-title h2 {
		font-size: 40px;
		line-height: 46px;
	}

	.faq-content h2 {
		font-size: 38px;
	}

	.slide-content h2 {
		font-size: 40px;
	}

	.slide-content p {
		font-size: 20px;
	}
	.slider-arrows {top: 35%;}
	.slide {
	height: 400px;
}
}

@media(min-width:320px) and (max-width:479px) {
	.product-section .container{padding-left:0; padding-right:0}
    
    .slide {
	height: auto;
	
}
    
    
    
    
    .section-title h2 {
		font-size: 28px;
		line-height: 32px;
	}

	.slide-content h2 {
		font-size: 24px;
	}

	.slide-content p {
		font-size: 18px;
	}
	
	.footer-bottom {
		gap: 10px;
	}

	.footer-bottom .copy-right {
		text-align: center;
	}

	.footer-bottom .developed-by {
		text-align: center;
	}
.slider-arrows {top: 25%;}


}

@media only screen and (max-width:1360px){
	

	
.dropdown-arrow {
    cursor: pointer;
        position: absolute;
        top: 0;
        bottom: 0;
        background: #003366;
        right: 0;
        width: 40px;
        color: #fff;
        font-size: 18px;
        display: flex;
        z-index: 9;
        align-items: center;
        justify-content: center;
}

.has-dropdown.active .dropdown-arrow {
    transform: rotate(180deg);
}
}

@media only screen and (max-width:767px){
	.twoColFlex {flex-direction:column; width:100%}
	.twoColFlex .col {width:100%}
	
}