/* large desktop :1400px. */
@media (min-width: 1400px) and (max-width: 2000px) {
  
}


/* desktop 1200px to 1600px */
@media (min-width: 1200px) and (max-width: 1300px) {

}

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

.container-fluid {
	padding: 0px 39px;
}
.navbar-brand.logo {
	width: 167px;
}
.mega-menu .nav-link {
	padding: 12px 12px !important;
	font-size: 17px;
}
.download-catalog {
	font-size: 13px;
	padding: 6px 17px;
}
.bannerleft-text h6 {
	width: 59%;
}
.bannerleft-text h2 {
	font-size: 43px;
    }
.bannerleft-text p {
	font-size: 17px;
	width: 97%;
	line-height: 22px;
}
.catalogbtn {
	margin: 18px 0px 0px 0px;
	gap: 12px;
}
.productcat {
	padding: 8px 25px;
	font-size: 17px;
}  
.pequestquote {
	padding: 8px 25px;
	font-size: 17px;
	gap: 7px;
} 
.bannerleft-text ul {
	gap: 11px;
}
.bannerleft-text li {
	font-size: 13px;
    }
.bannerright-text ul {
	gap: 13px;
}
.bannerright-text li span {
	font-size: 21px;
}
.bannerright-text li {
	margin: 0px 6px;
	padding: 9px 15px;
	font-size: 17px;
}
.bannerright-text {
    right: 3%;
    top: 34%;
    width: 40%;
    }
.tophead h6 {
	width: 19%;
}
.solutioncard h3 {
	font-size: 24px;
}
.solutioncard h5 {
	font-size: 14px;
	min-height: 103px;
}
.chooseganpati-section .tophead h6 {
	width: 27%;
}
.ganpatigroup-card {
	width: 49%;
}
.aboutganpati-section .tophead p {
	padding: 0px 19%;
    }
.aboutganpati-card h5 {
	font-size: 15px;
	line-height: 25px;
	width: 97%;
}
.industrialneedleft .tophead h6 {
	width: 46%;
}
.industrialneedleft .tophead h2 {
	width: 99%;
}
.directlycard {
	width: 84%;
}
.directly-sect {
	flex-wrap: wrap;
}
.quote-btn {
	padding: 12px 19px;
	font-size: 15px;
}
.catalog-btn {
	padding: 12px 19px;
	font-size: 15px;
}
.industrialneedleft li {
	font-size: 12px;
}
.industrialneedleft ul {
	gap: 13px;
}
.footer-links p {
	width: 92%;
}

}


@media (min-width: 768px) and (max-width: 991px) {

 }

@media(max-width:992px){
.container-fluid {
	padding: 0px 22px;
    }
.navbar-brand.logo {
	width: 147px;
    }
.download-catalog {
	font-size: 13px;
	border-radius: 9px;
	padding: 5px 17px;
	margin-right: 47px;
    }
.navbar-toggler .hamburger-toggle {
	z-index: 99;
	right: 5%;
	top: 0px;
   }
   #navbar-content {
	position: absolute;
	right: 0px;
	z-index: 999;
	background: #fff;
	width: 100%;
	top: 47px;
}
.mega-content h5 {
	font-size: 21px;
    }

  .sectionstory .grid-4{
    grid-template-columns:repeat(2,1fr);
  }
.sectionstory .grid-3{
    grid-template-columns:repeat(2,1fr);
  }


}


/* Responsive */
@media screen and (max-width:768px){
 section{
    padding:60px 5%;
  }
.bannerleft-text h6 {
margin: 0px 0px 11px 0px;
    padding: 7px 15px;
    font-size: 11px;
    gap: 2px;
    width: auto;
    display: inline-flex;
}
.bannerleft-text h2 {
	font-size: 30px;
}
.bannerleft-text p {
	margin: 4px 0px;
	font-size: 12px;
	width: auto;
}
.bannerright-text ul {
	gap: 12px;
}
.bannerright-text li {
    margin: 0px 10px;
    padding: 4px 5px;
    font-size: 12px;
    line-height: 20px;
    width: 42%;
    border-radius: 4px;
}
.bannerright-text {
right: 1%;
    top: 38%;
    width: 44%;
}
.catalogbtn {
    gap: 4px;
    width: 100%;
    display: flex;
}
.bannerleft-text li {
	font-size: 10px;
}
.bannerright-text li span {
	font-size: 21px;
}
.productcat {
	padding: 9px 15px;
	font-size: 14px;
}
.pequestquote {
	padding: 5px 13px;
	font-size: 14px;
}

.bannerleft-text ul {
display: flex;
  align-items: start;
  gap: 6px;
  display: flex !important;
}
  .timeline::before{
    left:10px;
  }

  .timeline-item{
    padding-left:45px;
  }
  .milestone-section.timeline::after{
    left:20px;
  }

  .milestone-section .container{
    width:100%;
    padding-left:60px;
    padding-right:20px;
  }

 .milestone-section .container.right{
    left:0%;
  } 
  .milestone-section .circle{
    left:3px;
  }

  .sectionstory .grid-2{
    grid-template-columns:1fr;
  }
  .sectionstory .grid-4{
    grid-template-columns:1fr;
  }
  .sectionstory .grid-3{
    grid-template-columns:1fr;
  }
  .sectionstory {
    padding:32px 5% 0px 5%;
  }
  .sectionstory h2{
    font-size:22px;
  }
.sectionstory .sub-text {
	font-size: 15px;
	margin-bottom: 0px;
}
.sectionstory .grid-2 {
	gap: 19px;
	margin-top: 21px;
}
.sectionstory .card h5 {
	font-size: 19px;
	line-height: 27px;
}
.sectionstory .card h5 span {
	font-size: 15px;
}
.sectionstory .card p {
	font-size: 15px;
	margin-bottom: 11px;
	line-height: 22px;
	width: 100%;
}
.sectionstory .card ul li {
	font-size: 13px;
	line-height: 23px;
	margin-bottom: 4px;
}
.sectionstory .grid-3 {
	gap: 15px;
	margin-top: 16px;
	margin-bottom: 25px;
}
.sectionstory .link-card h3 {
	font-size: 19px;
}
.sectionstory .link-card p {
	font-size: 15px;
	line-height: 21px;
}
.sectionstory .link-card a {
	font-size: 15px;
}
.tophead h6 {
	font-size: 12px;
	width: 154px;
}
.tophead h2 {
	font-size: 22px;
}
.tophead p {
	padding: 0px 0%;
	font-size: 15px;
}
.manuf-solution {
	gap: 17px;
	flex-wrap: wrap;
}
.solutioncard h5 {
	font-size: 15px;
	min-height: auto;
	line-height: 19px;
}
.solutioncard h3 {
	padding: 15px 0px 5px 0px;
	font-size: 22px;
}
.solutionicon {
	padding: 21px 17px;
	width: 79px;
}
.viewall_solution {
	margin: 25px auto 0px auto;
	padding: 9px 24px;
	font-size: 16px;
	gap: 11px;
	width: 225px;
}
.oursolutions-section {
	padding: 35px 0;
}
.chooseganpati-section .tophead h2 {
	padding: 15px 0%;
	font-size: 22px;
}
.chooseganpati-section .tophead h6 {
	padding: 9px 0px;
	width: 76%;
    }
  .ganpatigroup-card {
	width: 100%;
}
.industrialbox h3 {
	font-size: 19px;
}
.industrialicon {
	width: 60px;
	height: 60px;
}
.ganpatigroup-card p{ font-size: 14px;}
.chooseganpati-section {
	padding: 30px 0;
    }
.customsolution-card {
	padding: 13px 12px;
}
.customsolution-card h2 {
	font-size: 22px;
}
.customsolution-card p {
	padding: 0px 1%;
	font-size: 14px;
}
.talkexpert {
	margin: 17px auto;
	padding: 9px 24px;
	font-size: 16px;
	width: 214px;
}
.customsolution-section {
	padding: 30px 0;
}
.aboutganpati-section {
	padding: 30px 0;
}
.aboutganpati-section .tophead p {
	padding: 0px 0%;
}
.aboutganpati-sect {
	gap: 15px;
	flex-wrap: wrap;
}
.aboutganpati-icon {
	padding: 12px 12px;
	width: 65px;
	height: 65px;
}
.aboutganpati-card h3 {
	font-size: 22px;
}
.aboutganpati-card h5 {
	font-size: 15px;
	line-height: 20px;
	width: 100%;
}
.industrialneedleft .tophead h6 {
	width: 67%;
}
.industrialneedleft .tophead h2 {
	width: 94%;
}
.industrialneeds-section {
	padding: 40px 0;
}
.ellipse1arrow {
	position: absolute;
	left: -24px;
	top: -33px;
	width: 28%;
}
.directly-sect {
	gap: 11px;
	flex-wrap: wrap;
}
.directlycard {
	width: 100%;
}
.requestquote-sect {
	margin: 30px auto;
	gap: 15px;
	flex-wrap: wrap;
}
.industrialneedleft ul {
	margin: 0px 0px 40px 0px;
	gap: 9px;
	flex-wrap: wrap;
}
.industrialneedleft li {
	margin: 2px 0px 3px 0px;
	font-size: 14px;
	gap: 5px;
}
.industrialimg {
	height: auto;
}
.qualityqssured {
	right: -10px;
	padding: 7px 20px;
	top: -32px;
}
.qualityqssured h4 span {
	font-size: 17px;
}
.qualityqssured h4 {
	font-size: 12px;
}
.supportavailable {
	left: -12px;
	padding: 7px 20px;
	bottom: -23px;
}
.supportavailable h4 span {
	font-size: 17px;
}
.supportavailable h4 {
	font-size: 12px;
}
.ellipse2arrow {
	bottom: -3px;
	width: 22%;
}
  .sectionppe .container{
    flex-direction:column;
  } 

.sectionppe h1{
    font-size:26px;
  }

 .sectionppe .thumbnails img{
    width:80px;
    height:60px;
  }


.footer-logo-area {
	margin: 0px 0px 12px 0px;
	width: 156px;
    }
.footer-links p {
	font-size: 14px;
	width: 100%;
}
.footer-socialicon a img {
	width: 21px;
}
.footer-socialicon {
	margin: 16px 0px 18px 0px;
}
.footer-links h3 {
	margin: 0px 0px 7px 0px;
    font-size: 16px;
}
.footer-links ul li a {
	font-size: 14px;
}
.footer-links {
	padding-top: 12px;
}
.footer-right {
	float: left;
}
.copytext-left {
	text-align: center;
}
.contactcard h5 {
	font-size: 14px;
}
.contactcard {
	gap: 6px;
}
.conticon img {
	width: 18px;
}
.copytext-right ul {
	margin: 6px 0px 0px 0px;
	justify-content: center;
    gap: 11px;
}
.copyright {
	margin: 20px 0px 0px 0px;
}
}



 @media(min-width: 320px) and (max-width: 767px) {
    .container-fluid {
        padding: 0px 20px;
    }
    .navbar-brand.logo {
        width:90px;
    }

.download-catalog {
	font-size: 10px;
	color: #2E3192;
	padding: 4px 9px;
	margin-right: 16%;
	margin-top: 8px;
}

#navbar-content {
position: absolute;
    right: 0px;
    z-index: 999;
    background: #fff;
    width: 100%;
    top: 47px;
}
.mega-menu .nav-link {
	padding: 6px 20px !important;
	font-size: 16px;
    }
.nav-item.dropdown.dropdown-mega .dropdown-menu {
    width: 98%;
    height: 289px;
    overflow: scroll;
    }
.mega-content h5 {
	font-size: 16px;
	padding: 8px 0px;
}
.list-group-item {
	font-size: 13px;
	padding: 3px 0px;
}
.viewmore-btn {
	font-size: 16px;
	margin-bottom: 17px;
}
.dropdown-item {
	font-size: 13px;
    }
 .bannerleft-text h6 {
    margin: 0px 0px 11px 0px;
    padding: 2px 1px;
    font-size: 7px;
    gap: 2px;
    width: auto;
  }
  .bannerleft-text h2 {
	font-size: 12px;
}
.bannerleft-text p {
	margin: 4px 0px;
	font-size: 6px;
	width: auto;
}
.catalogbtn {
	display: none;
}
.bannerleft-text ul {
	display: none !important;
}
.bannerright-text li {
	margin: 0px 10px;
	padding: 4px 5px;
	font-size: 9px;
	line-height: 12px;
	width: 100%;
	border-radius: 4px;
}
.bannerright-text li span {
	font-size: 15px;
}
.bannerright-text {
	top: 7%;
}
.bannerright-text ul {
	gap: 5px;
}

 }


 @media(max-width: 576px) {
 
}