@media only screen and (max-width: 1300px) {
	.loc-wrap {
	    grid-template-columns: 300px 1fr;
	}

}

@media only screen and (max-width: 991px) {
	.banner-box-content  {
		flex-direction: column-reverse;	
	}
	.banner-right {
		width: 100%;
	}
	.banner-left {
		width: 100%;
	}
	.hero-info h1 {
		font-size: 50px;
	}
	.hero-info {
		padding-bottom: 20px;
	}
	.live {
		left: initial;
		right: 0px;
	}
	.month {
		width: 75px;
	}
	.number strong {
		font-size: 14px;
	}
	.visitor-box h4 {
		font-size: 14px;
	}
	.visitor-box small {
		font-size: 12px;
	}
	.live {
	    gap: 4px;
	    bottom: 38px;
	  	width: 132px;
	    font-size: 10px;
	}
	.stats {
	    width: 300px;
	    height: 200px;
	    bottom: 75px;
	    left: 18px;
	    padding: 15px;
	}
	.dote-card {
		height: 370px;
	}
	.banner-right img {
		height: 350px;
		object-fit: cover;
	}
	.hero-area {
		padding-top: 110px;
	}
	.platform-area {
		padding-top: 50px;
		padding-bottom: 40px
	}
	.platform-area-title h2 {
	    font-size: 24px;
	    line-height: 28px;
	    padding-top: 10px;
	}
	.platform-area-title small {
		font-size: 16px;
	}
	.platform-area-title {
	    padding-bottom: 40px;
	}
	.platform-item-info h3 {
		font-size: 20px;
		line-height: 22px
	}
	.platform-item-info h4 {
		font-size: 17px;
		line-height: 19px
	}
	.platform-item-icon {
	    width: 60px;
	    height: 60px;
	    font-size: 18px;
	    margin-bottom: 10px;
	}
	.common-title h2 {
		font-size: 40px;
		line-height: 40px;
	}
	.benefit-card-contant {
	    padding-top: 20px;
	}
	.footer-left-box {
		text-align: center;
	}
	.footer-logo {
	    max-width: 160px;
	    margin: 0 auto;
	    margin-bottom: 10px
	}
	.footer-left-box p {
	    font-size: 20px;
	    line-height: 24px;
	    width: 100%;
	}
	.footer-menu {
		max-width: 100%;
		padding-top: 30px;
	}
	.final-section {
		padding-bottom: 50px;
	}
	.endorsements-clients-info p {
		font-size: 20px;
		line-height: 26px
	}
	.endorsements-clients-card-two strong {
		font-size: 50px; 
		line-height: 50px;
	}
	.clients-wrap-bottom .endorsements-clients-card .endorsements-clients-info p {
		font-size: 28px;
		line-height: 32px;
	}
	.clients-wrap-bottom .endorsements-clients-card-two, .clients-wrap-bottom .endorsements-clients-card {
	    min-height: 290px;
	}
	.endorsements-clients-card,
	.endorsements-clients-card,
	.endorsements-clients-card-two {
		padding: 20px;
	}
	.endorsements-clients-area {
		padding-bottom: 40px;
	}
	.loc-wrap {
        grid-template-columns: 1fr;
    }
	.our-achievements-area .platform-item-info strong {
		font-size: 40px;
		line-height: 40px;
	}
	.our-achievements-area .platform-item-info h4 {
		font-size: 18px;
		line-height: 20px;
		letter-spacing: -0.48px;
	}
	.featured-post {
        grid-template-columns: 1fr;
    }
    .featured-content {
    	padding: 16px;
    }
    .post-tag {
    	margin-bottom: 10px;
    	font-size: 10px;
    }
 	.featured-content h2 {
 		font-size: 26px;
 	}
 	.featured-content p {
	    font-size: 13px;
	    line-height: 1.3;
	    margin-bottom: 20px;
	}
	.read-more-btn {
	    padding: 5px 10px;
	    font-size: 13px;
	}
	.blog-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .featured-top-bar {
	    padding: 19px 16px;
	}
	.btn-read {
	    padding: 10px 12px;
	    font-size: 12px;
	}
	.featured-footer {
		padding-top: 18px;
	}
	.featured-content h2 br {
		display: none;
	}
	.stats-card {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media only screen and (max-width: 768px) {
	.platform-content .row {
		gap:30px;
	}
	.benefit-card-contant {
		flex-direction: column-reverse;
	}
	.benefit-card {
		height: auto;
	}
	.benefit-info {
	    width: 100%;
	    position:relative;
	    z-index: 2;
	}
	.benefit-acquisition {
		width: 100%;
	}
	.benefit-card {
		padding: 20px;
	}
	.customer-acquisition-item h4 {
		font-size: 24px;
		line-height: 28px
	}
	.customer-acquisition-item span {
		font-size: 10px;
		line-height: 15px
	}
	.bg-img {
	  	width: 100%;
	    position: initial;
	    padding: 0px;
	}
	.benefit-info h3 {
	    font-size: 26px;
	    line-height: 28px;
	    padding-bottom: 10px;
	    padding-top: 20px;
	}
	.benefit-info p {
		font-size: 14px;
		line-height: 18px;
	}
	.customer-acquisition-item {
		height: 85px;
	}
	.sticky-hero {
		position: initial;
		height: auto;
		padding: 0px;
		padding-bottom: 30px;
	}
	.benefit-card {
		border-radius: 20px;
	}
	.bg-img img {
	    border-radius: 0px 20px 20px 0px;
	}
	.benefit-icon {
		display: none !important;
	}
	.benefit-card-contant {
		padding-top: 0px;
	}
	.benefit-acquisition {
		gap:6px;
	}
	.benefit-card {
		padding: 16px;
	}
	.common-btn {
	    height: 35px;
	    font-size: 14px;
	    width: 130px;
	}
	.benefits-scroll-section {
		margin-bottom: 20px
	}
	.acquisition-lebel-box {
		padding: 12px;
	}
	.acquisition-icon {
	    width: 20px;
	    height: 20px;
	    margin-top: -10px;
	}
	.acquisition-lebel-info strong {
		font-size: 12px;
	}
	.efficient-btn {
		font-size: 10px;
	}
	.efficient-btn::before {
	    left: 10px;
	    top: 8px;
	    width: 6px;
	    height: 6px;
	}
	.fix-btn {
	    padding: 0px 8px;
	    font-size: 12px;
	    line-height: 2;
	}
	.acquisition-lebel-info {
		gap:5px !important;
	}
	.warehouse-widget-card {
		padding: 16px;
	}
	.warehouse-widget-card {
		width: 270px;
		margin: 0 auto;
	}
	.warehouse-widget-cardbox.position-relative {
		margin: 0 auto;
	}
	.warehouse-widget-info h2 {
		font-size: 16px;
		padding-bottom: 24px
	}
	.donut-label {
		font-size: 12px;
	}
	.warehouse-widget-card {
		gap:5px !important;
	}
	.warehouse-widget-info ul li {
		font-size: 8px !important;
		margin-bottom: 4px
	}
	.warehouse-widget-info ul li i {
	    width: 12px;
	    height: 12px;
	    min-width: 12px;
	    border-radius: 4px;
	    font-size: 8px;
	}
	.warehouse-widget-card-hidden .warehouse-widget-info h2 {
		font-size: 10px;
	}
	.warehouse-widget-card-hidden {
		width: 90%;
	}
	.warehouse-widget-card-hidden  ul li {
		font-size: 5px !important;
	}
	.warehouse-widget-card-hidden {
		top:22px;
	}
	.warehouse-queue-btn {
	    font-size: 12px;
	    width: 160px;
	}
	.queue-btn-arrow {
		width: 30px;
		height: 30px;
	}
	.benefit-card-contant  .benefit-info  {
		margin-top: 0px;
	}
	.saveing-cost-box span {
		font-size: 12px;
	}
	.saveing-cost-box strong {
		font-size: 20px;
		line-height: 1
	}
	.saveing-progress {
		margin-top: 8px;
		height: 6px;
	}
	.saveing-cost-box {
		padding-bottom: 20px;
	}
	.saveing-cost-box small {
		font-size: 10px;
		line-height: 1;
	    display: block;
        margin-top: 6px;
	}
	.energy-report-hidden-3 {
	    right: 38px;
        top: 50px;
        z-index: 0;
	}
	.final-section {
		height: auto;
		position: initial;
	}
	.final-section .common-btn {
		display: flex !important;
	}
	.cta-row {
		padding-top: 20px;
	}
	.benefit-acquisition.energy-report-card {
		width: fit-content;
		margin: 0 auto;
	}
	.energy-report-hidden-3 .saveing-cost-box, 
	.energy-report-hidden-3 .warehouse-widget-info h2 {
	    padding-bottom: 8px;
	}
	.energy-report-card .warehouse-widget-cardbox {
		padding-left: 40px;
	}
	.contact-from-area .container, 
	.template-area .container {
		padding: 40px 16px;
	}
	.template-card-item {
		padding: 16px;
		text-align: center;
		gap: 10px;
	}
	.template-card-icon {
		margin: 0 auto;
	}
	.template-card-item h4 {
		font-size: 20px;
	}
	.template-card-item p {
		font-size: 14px;
		line-height: 18px
	}
	.footer-area-wrap {
		padding: 40px 16px;
	}
	.footer-menu  {
		flex-direction: column;
	}
	.footer-left-box p {
        font-size: 16px;
        line-height: 20px;
    }
    .footer-menu {
    	padding-top: 20px;
    }
    .copyright {
	    padding-top: 20px;
	}
	.copyright {
	    text-align:center;	
	} 
	.template-area {
		padding-bottom: 40px;
	}
	.footer-menu-item ul li {
		font-size: 14px;
	}
	.form-card {
		padding: 30px 16px;
	}
	.subtitle {
		padding-bottom: 20px;
	}
	.form-card .row-2 {
	    grid-template-columns: auto;
	    gap: 0;
	}
	.form-card .common-btn {
		width: 150px;
	}
	.form-card .common-btn i {
		top:10px;
	}
	.form-card input, .form-card textarea, .form-card select {
	    border-radius: 10px;
	    padding: 6px 16px;
	    font-size: 13px;
	}
	.common-btn i {
		top: 12px
	}
	.hero-info h1 {
        font-size: 38px;
    }
    .sub-title p {
    	font-size: 16px;
    	line-height: 20px
    }
    .contact-from-area {
    	padding-bottom: 40px;
    }
    .testimonials-area .card {
    	padding: 24px !important;
    }
	.bento {
		display: flex;
		flex-direction:column;
	}
	.s1 .cb .tag-abs {
		position: initial;
	}
	.testimonials-area .common-title {
		flex-direction: column;
		text-align: center;
	}
	.testimonials-title {
		width: 100%;
	}
	.swiper-controls {
		margin: 0 auto;
		gap: 10px !important;
	}
	.testimonials-area .common-title {
		padding-bottom: 20px;
	}
	.testimonials-area .common-title h2 {
		padding-bottom: 30px;
	}
	.testimonials-area .common-title .key-label {
		margin: 0 auto;
		margin-bottom: 10px
	}
	.testimonials-area {
		padding-bottom: 40px;
	}
	.location-inner-bg {
		padding:40px 16px;
	}
	.cbtn {
		padding: 10px;
		gap: 8px;
	}
	.cname {
		font-size: 12px;
	}
	.ccity {
		font-size: 10px;
	}
	.photo-ov,
	.ls {
		padding: 10px;
	}
	.ls-val {
		font-size: 16px;
		line-height: 22px;
	}
	.loc-stats {
		flex-wrap: wrap;
	 	gap: 6px;
	    margin-top: 10px;
	}
	.loc-wrap {
		gap:20px;
	}
	.ov-name {
		font-size: 14px;
	}
	.ov-city {
		font-size: 12px;
	}
	.photo-ov {
	    bottom: 10px;
	    left: 10px;
	    right: 10px;
	}
	.our-achievements-area .platform-item-info strong {
		font-size: 30px;
		line-height: 30px;
	}
	.our-achievements-area .container {
		padding: 40px 16px;
	}
	.our-achievements-area .platform-content .row {
        gap: 20px;
    }
    .g-full, .g-half, .g-third {
        grid-column: span 6;
    }
     .g-full img, .g-half img, .g-third img { 
     	height: auto;
     }
     .our-gallery-area,
     .our-team-area {
     	padding-bottom: 40px;
     }
	 .blog-grid {
        grid-template-columns: 1fr;
    }
	.card-image {
		height: auto;
	}
	.card-body {
		padding: 16px;
	}
	.card-tag-overlay {
		font-size: 9px;
	}
	.card-body h3 {
		font-size: 18px;
	}
  
  	.stats-card {
  		padding: 20px;
  		gap: 16px;
		margin-bottom: 10px;

  	}
  	.stat-num {
  		font-size: 30px;
  	}
  	.stat-label {
  		font-size: 10px;
  	}
  	.tab-btn {
	    padding: 7px 15px;
	    font-size: 12px;
	}
	.portfolio-porject-area {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.filter-row {
	    margin-bottom: 20px;
	    padding-top: 0px;
	}
	.f-btn {
		padding: 5px 12px;
	}
	.key-label {
	    font-size: 10px;
	    line-height: 12px;
	    padding: 5px 10px;
	    margin-bottom: 10px;
	}
	.port-grid {
        grid-template-columns: 1fr;
    }
    .p-card.tall .p-card-title {
    	font-size: 22px;
    }
    .p-overlay {
    	padding: 20px;
    }
    .p-cat {
    	font-size: 9px;
    	line-height: 1.3;
    }
    .p-link {
    	font-size: 10px;
    }
	.p-card-title {
		font-size: 18px;
	}
	.p-card.tall .p-visual {
	    min-height: 450px;
	} 
	.p-badge {
		font-size: 9px;
		padding: 4px 10px;
	}
	.testi-grid {
        grid-template-columns: 1fr;
    }
    .testi-card {
    	padding: 20px;
    }
    .cta-strip {
    	padding: 20px;
    }
	.cta-strip h2 {
	    font-size: 24px;
	    line-height: 1.2;
	    text-align: center;
	}
	.cta-strip {
		gap: 20px;
	}
	.cta-btn {
	    padding: 10px 24px;
	    font-size: 12px;
	    margin: 0 auto;
	}
	.portfolio-porject-area .client-title {
	    margin-top: 40px !important;
	    padding-bottom: 20px;
	}
	.bg-image-position {
		display: none;

	}
	.endorsements-clients-wrap {
		flex-direction: column;
	}
	.endorsements-clients-card {
		width: 100%;
	}
	.endorsements-clients-card, .endorsements-clients-card, .endorsements-clients-card-two {
		width: 100%;
	}
	.endorsements-clients-wrap {
		flex-direction: column !important;
	}
	.endorsements-clients-info p {
		font-size: 18px;
		line-height: 22px;
		padding-bottom: 20px;
	}
	.author-photo {
	    width: 38px;
	    min-width: 38px;
	    height: 38px;
	}
	.author-info .role, .author-info .name {
	    font-size: 12px;
	 	 line-height: 15px;
	}
	.clients-wrap-bottom .endorsements-clients-card .endorsements-clients-info p {
        font-size: 24px;
        line-height: 26px;
    }
    .clients-wrap-bottom .endorsements-clients-card-two, .clients-wrap-bottom .endorsements-clients-card {
    	min-height: auto;
    }



}