/* Responsive Breakpoints */
@media (min-width: 576px) {
  .pro-gal-area {max-width: 45%;}
  
	#application .app-details .icon-block{border-bottom:1px solid #DDDDDD; padding:3rem 1.5rem 5rem; width:50%;position: relative;}
	#application .app-details .icon-block:after {content: ""; position: absolute; top: 48%; transform:translateY(-50%); left: 0px; height: 272px; width: 1px; background-color: #DDDDDD; display: none;}
	
}

@media (min-width:768px){
	
	body {font-size:17px;}
	h1,.counter .count-numb{font-size:90px;}
	h2{font-size:48px;}
	h3{font-size:36px;}
	h4{font-size:20px;}
	h5{font-size:18px;}
	h6{font-size:16px;}
	
	
	#banner.inr-bnr h1,#opportunity h1{font-size:64px;}	
	#network-list .card .card-body,#application .app-details,#miss-viss {font-size:16px;}
	
	#blog-details h2 {font-size:40px;}
	#blog-details h4,#network-list .card .card-body h4,#case-study .card h4,#Footer h4,.indu-block-content h4{font-size:24px;}
	.pro-gal-area {max-width: 30%;}
	#network-loc .loc-list a {font-size:18px;}
	.indu-block-content {font-size:20px;}
	
	#contact-details h3 {font-size:32px;}
	#cont-location .cont-location-block p{min-height:130px;}
	.counter.count-about .count-numb{font-size:72px;}
	#miss-viss h3 {font-size:32px;}
	
	#listing .divider {border-left: 1px solid #E6E6E6; height: 100%;}
	
}

@media (min-width:992px){
	.cmnpad{padding:3rem 0;}
	#faq .col-pad {padding-right: calc(((100% - 1410px) / 2) + .75rem);}	
	.navbar .navbar-nav li+li .nav-link {margin-left:.5rem;}
	.pro-gal-area {max-width: 22%;}
	
	#network-loc .loc-list a,#application .app-details .icon-block {width:33%;}	
	#network-loc .loc-list a:nth-child(3n+2):after,
	#network-loc .loc-list a:nth-child(3n+3):after,
	#application .app-details .icon-block:nth-child(3n+2):after,
	#application .app-details .icon-block:nth-child(3n+3):after	{display: block;}
}

@media (min-width:1200px){

.dropdown:hover>.dropdown-menu {display: block;}
}

@media(min-width:1340px){
	#contact .contact-info-area{
		min-width: 870px;
		max-width: 870px;
	}
	#contact .contact-info-area .cont-btn{
		position: absolute;
    right: 79px;
    bottom: -17px;
	margin: 0px;
	}
	.container{
	padding: 0px 15px;
	max-width: 1300px;
}
#products .card{
    max-height: 240px;
    padding: 40px 0;
}

}

@media (min-width:1500px){
	.container{max-width:1440px;}
	
}



@media (min-width:1200px) and (max-width:1499.98px) {
		h1,.counter .count-numb{font-size:70px;}
	    h2 {font-size: 35px;}
		.sub-title {padding: 5px 10px;}
		
		.counter.count-about .count-numb{font-size:52px;}
		#banner.inr-bnr h1, #opportunity h1{
			font-size: 48px;
		}
}

@media (max-width:1499.98px){
	
	
	#why-choose .content-area {width: 45%;}
	
	#client-review .quality h2, #client-review .quality a {margin: 1.5rem;}
	#faq .faq-content-area {padding: 4rem 0 4rem 0rem;}
	#faq .col-pad {padding-right: calc(((100% - 1320px) / 2) + .75rem);}
	
}

@media (max-width:1399.98px){
	.navbar .navbar-nav li+li .nav-link {margin-left: 0rem;}
	#why-choose .content-area {width: 55%;}
	#client-review .satisfied-customers {padding: 2rem 1.3rem;}
	#faq .col-pad {padding-right: calc(((100% - 1080px) / 2) + .75rem);}
	
	
	#client-review .swiper_wrap {width: 90%;margin: auto;}

	
}


@media (min-width:992px) and (max-width:1199.98px) {
		h1,.counter .count-numb{font-size:60px;}
	    h2 {font-size: 32px;}
		#banner.inr-bnr h1{font-size:50px;}
		#case-study .card h4, #Footer h4 {font-size: 20px;}
		#about .about-text-area .right-content-area .about-content {width:58%;}
		
		.counter.count-about .count-numb{font-size:42px;}
		
}

@media (max-width:1339px){
 #contact .cont-btn {
    display: flex;
    justify-content: end;
    position: relative;
    top: 50px;
    right: 20px;
}
#contact .contact-info-area .cont-btn p button.wpcf7-form-control.wpcf7-submit.cont-btn{
	width: auto;
}

}




@media (max-width:1199.98px){
.offcanvas{
	z-index: 9999999999 !important;
}
ul.dropdown-menu.open-dropdown-menu {
    display: block !important;
    padding: 10px;
    box-shadow: unset;
}
.navbar .navbar-nav li .nav-link {
        margin-left: 0rem;
        border-bottom: 1px solid #f2f2f2;
    }
	a.hdr-tel {
    display: block;
    margin: 0 0 14px !important;
    padding: 0 !important;
}
.hdr-menu-wrap{
	width: auto !important;
}

	.navbar .toggle.web-btn > span {padding: 0px 20px; font-size:30px;}
	.navbar .hdr-cont-info {margin-top:2rem; }
	.navbar .hdr-cont-info a {width:auto; margin-bottom:2rem;}


	 .navbar  a.alt.web-btn.hdr-contact {
        padding: 6px 7px 6px 31px !important;
    }

	
	#products .card .card-body {padding:2rem;}
	#products .card .products-card-img {position: static; margin: auto; display: block; width:237px;}
	#products .card {padding: 1rem 0;}
	
	#faq .col-pad {padding-right: 0rem;}
	#faq .faq-content-area {padding: 4rem 4rem 4rem 0rem;}
	
	#case-study .card .card-img .category {right: 15px;}
	#client-review .quality {flex-wrap: wrap; align-items: start;}
	#client-review .quality a {margin: -4rem 0 1.5rem 1.5rem;}
	
	#contact .contact-info-area {background: #EFF3F6; padding: 2rem; border-radius: 30px;}
	#contact .contact-info-area .cont-btn {margin: 0px;}
	
	#revolution br,#industry br {display:none;}
	#blog-details .share a {margin: 0 .3rem;}
		#project-details .product-detail-img{width:50%;}
		#project-details .product-detail-des{width:48%;}
		
		#contact .contact-info-area .cont-btn p .cont-btn {left: auto; top: auto;}

#contact .cont-btn{
	top: 0px;
	        justify-content: center;
}
}

@media (min-width:768px) and  (max-width:991.98px){
		h1,.counter .count-numb{font-size:40px;}
		h2 {font-size: 32px;}
		#banner.inr-bnr h1{font-size:40px;}
		.sub-title {padding: 5px 10px;}
		
		.counter.count-about .count-numb{font-size:32px;}
}

@media (max-width:1024px){
	.record-items-wrap{
		    grid-template-columns: repeat(2, 1fr);
	}

}
@media (max-width:991.98px){
	#about .about-text-area .about-fst-img {margin: 0 auto 2rem;}
	#about .about-text-area .right-content-area {width: 100%;}
	#about .counter {width: 100%; justify-content: center;}
	
	#why-choose .content-area {width: 100%;}
	#client-review .quality h2 {width: 44%;}
	#client-review .quality h2 br {display:none;}
	#faq .faq-content-area {padding: 0 4rem 4rem 2rem;}
	#contact {background-position: 57% 0;}
	#Footer .subscribe .input-group .btn {padding: 0 1rem;}
	#network-loc .loc-list a:nth-child(2n+2):after,
	#application .app-details .icon-block:nth-child(2n+2):after	{display: block;}
	#application br {display:none;}
	.btn-tabs {flex-wrap:wrap;}
		#project-details .product-detail-img,#project-details .product-detail-des{width:100%; margin-bottom:1rem;}
}

@media (max-width:767.98px){
h1{
font-size:25px;
}
#banner p{
font-size:12px;
text-align:center;
}
	.gal-slider img{
		height: auto !important;
	}
	.gallery-section .swiper-thumbs {
    height: 260px !important;
    width: 90px !important;
    padding: 15px 0 !important;
}
	 #banner .bnr-img{object-fit:cover !important; height:295px !important;}

#banner.inr-bnr{
	background-color: #1b2332;
}

	 #banner.inr-bnr .bnr-img{object-fit:contain; height:auto !important;}

 #banner.inr-bnr:after{
	display: none;
 }

 #banner.inr-bnr .carousel-caption{
	position: inherit;
	    transform: unset;
 }

	 #client-review .swiper-button-prev {left: 0px;}
	 #client-review .swiper-button-next {right: 0px;}
	 #client-review .swiper-container {margin: 0 20px;}
	 #client-review .swiper-button-next, #client-review .swiper-button-prev {width: 25px; height: 25px;}
	 #client-review .swiper-button-next:after, #client-review .swiper-button-prev:after {font-size: 10px;}
	 #banner .bnr-sub-title {font-size: 12px; padding: 3px 10px;}
	 
	 #banner .carousel-caption {text-align: center;}
	 #banner .carousel-control-next, #banner .carousel-control-prev {width: 5%;}
	 #about .about-text-area .about-fst-img {margin: 0 auto 2rem; width: auto; height: auto;}
	 #about .about-text-area .right-content-area .about-content {width: 100%; text-align: center;}
	 #about .about-text-area .about-sec-img {width: auto; height: auto; margin:auto;}
	 #products .card h3,#why-choose .content-area,#client-review .satisfied-customers {text-align:center;}
	 #why-choose .content-area .quality {text-align:left;}
	 .counter .count-block:before {height: 50px;}
	 
	#revolution .revo-content .bg-primary,
	#industry .ind-block,
	 .counter .count-type,#blog-details .share {font-size: 14px;}
	 #faq .card .card-header a {font-size: 20px; text-align: left;}
	 #industry .showcase {font-size:18px;}
	 
	.counter {flex-wrap:wrap;}
	.counter .count-block {width:40%;}
	.counter .count-block:nth-child(3n):before	{background:transparent;}
	.counter .count-block {margin-top:20px;}
	.counter .count-block:nth-child(3n) {margin-left:0px!important;}
	    .portfolio-gallery-area {
        flex-direction: column;
        gap: 20px !important;
        padding: 0 10px;
    }
	#projects .pro-gal-area {
    border-radius: 20px;
    width: 100% !important;
    max-width: 100%;
}
.home-project-img-1 > img, .home-project-img-4 > img, .home-project-img-5 > img, .home-project-img-6 > img {
    height: auto;
    width: 100% !important;
}
.home-project-2-3 .home-project-thum{
 margin-bottom: 10px;
}




.btn-tabs { display: none; }
 .category-dropdown { width: 100%; padding: 10px; border-radius: 8px; }


 /* Base styles */
.custom-dropdown {
    position: relative;
    width: 100%;
    border-radius: 6px;
    cursor: pointer;
	z-index: 9999;
}

.custom-dropdown .dropdown-toggle {
    padding: 10px 15px;
    font-size: 16px;
    color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
	background-color: #f2f2f2;
	border-radius: 50px;
}

.custom-dropdown .dropdown-toggle::after {
   content: "\f063"; /* Filter icon */
    font-family: "Font Awesome 6 Free"; 
    font-weight: 900; /* solid */
    font-size: 14px;
    margin-left: 8px;
	border: 0px !important;
}

.filter-mobile-link span {
    color: #000;
    /* text-decoration: underline; */
    font-weight: 500;
    font-size: 14px;
    display: inline-flex
;
    align-items: center;
    gap: 7px;
    border-bottom: 1px solid;
}
.filter-mobile-link {
    text-align: right;
}

.custom-dropdown .dropdown-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    opacity: 0;
    transition: all 0.3s ease;
    z-index: 1001;
	display: block !important;
}

.custom-dropdown.open .dropdown-menu {
    max-height: 400px; /* enough to fit items */
    opacity: 1;
    overflow-y: auto;
}

.custom-dropdown .dropdown-menu li {
    padding: 10px 15px;
    cursor: pointer;
    transition: background 0.2s;
}

.custom-dropdown .dropdown-menu li:hover,
.custom-dropdown .dropdown-menu li.active {
    background: #f5f5f5;
}

/* Overlay */
.dropdown-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 1000;
}
.dropdown-overlay.active {
    display: block;
}
/* 
.no-scroll {
    overflow: hidden;
} */


#Footer .copyright .float-start{
	float: none !important;
	text-align: center;
}

#Footer .copyright .float-end{
	float: none !important; 
	text-align: center;
}

.col-md-3.product-filter-area {
    position: fixed;
    top: -24px;
    z-index: 99999;
    background: #fff;
    left: 0;
    padding:20px 20px 40px 20px;
    bottom: auto;
    display: none;
	height: 100svh;
   
}

.filter-heading {
    display: flex
;
    align-items: center;
    justify-content: space-between;
    font-size: 20px !important;
    font-weight: bold;
}
.open-filter {
    display: block !important; 
}
#listing .pro-list-area .card .card-body p{
	display: none;
}
.filter-data-hold {
    height: calc(100svh - 120px);
    overflow-y: auto;
    padding-bottom: 20px;
    overflow-x: hidden;
}

.view-filter-data .close-filter {
    display: block;
    text-align: center;
    border: 1px solid #000;
    padding: 7px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 120px;
    color: #000;
    text-transform: uppercase;
	background-color: #fff;
}
.view-filter-data {
    padding: 10px 0;
}
.over-flow-hidden{
	overflow: hidden;
}

#listing .pro-list-area .col.product-card {
    width: 50%;
    flex: unset;
    padding: 4px;
}
#listing .pro-list-area .card .card-body h4 {
 font-weight: 600;
        margin-bottom: 0;
        font-size: 12px;
        line-height: 16px;
}


.enquiry-form {
    margin-top: 30px;
}
.record-items-wrap{
    grid-template-columns: repeat(1, 1fr);
	gap: 0px;
}
.video-thum {
    margin-top: 30px;
}
.timelapse-wrapper{
	display: block;
}
.timelapse-tabs {
    width: 100%;
    margin: 0px 0 30px;
}
.timelapse-videos {
    border-left: none;
    padding-left: 0;
}

}

@media (max-width:639.98px){
	 
	 .counter .count-block + .count-block {margin-left: 50px;}
	 .counter .count-block:before {left: -24px;}
	 .scroll-logos div {margin: 0 1rem;}
	 #projects .pro-tabs a {padding: 12px 8px;}
	 #projects .pro-gal-area.active-color {padding: 16% 7%;}
	 .portfolio-gallery-area.gap-4 {gap: .5rem!important;}
	 #projects .pro-gal-area > img {margin-bottom: .5rem;}
	 .quality img.d-block.mx-auto.img-fluid {width: 40%;}
	 .quality h2 {font-size: 18px;}
	 .web-btn > span {padding: 2px 2px 2px 15px;}
	 #contact .contact-info-area {padding: 2rem 1rem;}
	#network-loc .loc-list a::after {left: -10px;}
	
	
#project-details .product-detail-img .thumbs {max-height: 230px;}	
#project-details .product-detail-img .main-image {height: 300px;}

.blog-gallery-image{
	height: 180px;
}
}