@media (min-width: 984px) and (max-width: 1309px) {
.banner-section-con {
    display: flex;
    justify-content: space-between;
    padding-left: 60px;
    padding-right: 60px;
    align-items: end;
}
	.industry-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(370px, 1fr)) !important;
    gap: 30px;
    position: relative;
    row-gap: 50px;
}
img.banner-small-image {
    position: absolute;
    left: -70px;
    bottom: 17px;
    animation: circle 2s linear infinite;
    height: 140px !important;
    width: 140px !important;
}
	a.banner-button {
    font-size: 14px;
}
}

@media only screen and (max-width: 984px) {
.banner-section-con {
    display: flex;
    justify-content: space-between;
    padding-left: 30px;
    padding-right: 30px;
    align-items: end;
}
		a.banner-button {
    font-size: 14px;
}
	.butn-baner {
    gap: 10px;
}
}
@media only screen and (max-width: 789px) {
.banner-section-con {
    flex-wrap: wrap;
}
.banner-content {
    flex: 0 0 100% !important;
}
.banner-images {
    flex: 0 0 100% !important;
}
	img.banner-small-image {
    left: 20px;
    bottom: 2px;
}
	.banner-images {
    margin-top: 10px;
    padding-bottom: 30px;
}
	p.banner-description {
    margin-top: 22px;
}
.banner-title p {
    width: auto;
    padding-right: 68px;
}
	.banner-content {
    padding-top: 0px !important;
}
}

@media only screen and (max-width: 576px) {
.butn-baner {
    flex-wrap: wrap;
}
	.industry-section {
    display: block !important;
}
.industry-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
    position: relative;
    row-gap: 50px;
}
	.industry-content {
/*     display: flex; */
    align-items: center;
    gap: 10px;
    position: absolute;
/*     bottom: -28px;
    margin-left: 7px; */
width:100%;
}
}
@media (min-width: 576px) and (max-width: 800px) {
img.industry-icon {
    width: 110px !important;
    height: 110px !important;
}
.industry-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(364px, 1fr)) !important;
    gap: 30px;
    position: relative;
    row-gap: 50px;
}
	.industry-content {
    display: flex;
    align-items: center;
    gap: 10px;
    position: absolute;
    bottom: 39px;
    margin-left: 0px !important;
    justify-content: center;
}
}
@media (min-width: 800px) and (max-width: 968px) {
.industry-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(364px, 1fr)) !important;
    gap: 30px;
    position: relative;
    row-gap: 50px;
}
}