@media (min-width:1850px) {
	section.services .col-4.service-list:hover .service-box:before {
		transform: scale(25)
	}

	section.services .service-box {
		padding: 40px 30px
	}

	section.services .img-section {
		padding-bottom: 22%
	}

	section.industries .col-7 img {
		height: 520px;
		object-position: top
	}
}

@media (min-width:1680px) {
	section.services .service-box {
		padding: 40px 30px
	}
}

@media (max-width:1440px) {
	section.services .img-section {
		padding-bottom: 42%
	}

	section.industries .details {
		height: 420px
	}

	section.about-us .work {
		left: -30px
	}
}

@media (max-width:1400px) {
	section.featured-pro .pro-cont {
		padding: var(--p20) var(--p15)
	}
}

@media (max-width:1366px) {
	.demo .col-md-8 {
		width: 80%
	}

	section.services .img-section {
		padding-bottom: 73%
	}

	section.industries .details {
		height: 450px
	}

	section.about-us .dot-img {
		right: 50px
	}

	.abt-bottom-image {
		top: 500px
	}
}

@media (max-width:1024px) and (min-width:981px) {
	section.banner h1 {
		font-size: 50px
	}

	.search-bar .col-3 {
		padding-left: var(--p5)
	}

	.search-bar button.main-btn {
		font-size: var(--f14)
	}

	.search-bar form {
		width: 99%
	}

	.video-cont h1 {
		font-size: var(--f70)
	}

	div#guestsss {
		min-width: 240px
	}

	section.featured-pro .col-md-4 {
		flex: 0 0 auto;
		width: 50%
	}

	.up.per-img img,
	section.partners .col-8,
	section.services .content,
	section.services .img {
		width: 100%
	}

	.abt-bottom-image {
		top: 450px
	}

	section.services .img {
		padding-left: 17px;
		padding-right: 17px;
		margin-top: 30px
	}

	section.services .img-section {
		padding-bottom: 0
	}

	section.services .img-section img {
		width: 100%;
		height: 400px;
		object-fit: cover
	}

	section.industries h6 {
		margin-top: 0
	}

	div#industries-slider {
		margin-top: -90px
	}

	section.industries .details {
		height: 350px
	}

	section.partners .col-4.head {
		justify-content: center;
		width: 100%;
		margin-bottom: 30px
	}

	section.cta .col-12.cta-bottom {
		padding-top: 0
	}

	section.cta .bottom-content .col-9 {
		padding: 30px
	}

	section.cta {
		background-size: inherit;
		padding-top: 50px
	}

	section.cta .row p {
		font-size: var(--f18);
		text-align: center
	}

	section.about-us .work h3 {
		font-size: var(--f40)
	}

	section.cta .col-3 {
		justify-content: flex-start
	}

	section.portfolio-latest .portfolio-info-image,
	section.portfolio-latest .portfolio-info-image img,
	section.portfolio-latest .portfolio-overlay {
		height: 320px
	}

	section.portfolio-latest .portfolio-overlay {
		padding: 1.3em 1.2em 1.5em
	}

	section.portfolio-latest .overlay-content h4,
	section.portfolio-latest .portfolio-detail h3 {
		font-size: 20px
	}
}


@media (max-width:1024px){
    section.about-us{
        padding-top:40px;
    }

    .features-sec {
    padding-top: 30px;
}

section.podcast {
    padding-top: 30px;
}

section.free-resources {
    padding-top: 30px;
}
.contact-page-section {
    padding-top: 20px;
}

.contact-page-section{
    padding-bottom: 0;
}

}

@media (max-width:980px) {
  
  
  
  .hero-content h1 {
    font-size: 40px;
  }

	section.banner .col-6.cont,
	section.services .img {
		padding-right: 12px;
		width: 100%
	}

	.video-sec {
		width: 100%;
		height: 300px;
		position: relative
	}

	.demo .col-md-8,
	section.about-home .about-img .main-about-img,
	section.about-us-home .col-7.abt-right,
	section.banner .col-6.banner-img,
	section.industries .industries-content,
	section.portfolio-latest .col-4,
	section.projects .first,
	section.projects1 .col-4,
	section.services .content {
		width: 100%
	}

	section.banner {
		padding: var(--p50) var(--p12);
		padding-top: var(--p30);
		height: 100%;
		max-height: 100%
	}

	section.banner .row {
		flex-direction: column-reverse;
		gap: 30px
	}

	section.banner h1 {
		font-size: 45px
	}

	section.about-us .row,
	section.services .row {
		gap: 30px
	}

	section.services .img {
		padding-left: 12px
	}

	section.services .img-section {
		padding-bottom: 0
	}

	section.services .cont-sec h3 {
		font-size: var(--f25)
	}

	section.industries .col-7 {
		padding-right: var(--p12);
		width: 100%
	}

	section.industries .col-7 img {
		height: 450px
	}

	section.industries h6 {
		margin-top: var(--m30)
	}

	section.industries h2 {
		font-size: var(--f32)
	}

	section.industries h3 {
		font-size: var(--f20)
	}

	div#industries-slider {
		margin-top: 0
	}

	section.industries .details .industries-content h5 {
		font-size: var(--f18)
	}

	section.partners .col-4.head {
		width: 100%;
		margin-bottom: 30px
	}

	section.partners img {
		width: 120px
	}

	section.partners .col-8 {
		width: 100%;
		justify-content: space-between;
		gap: 5px
	}

	section.cta {
		padding-top: 50px;
		padding-bottom: 50px;
		background-size: 220%
	}

	section.cta .row p {
		text-align: center
	}

	section.cta .col-12.cta-bottom {
		padding-top: 0
	}

	section.cta .bottom-content .col-9 {
		padding: 30px
	}

	section.cta .bottom-content h2 {
		font-size: var(--f28)
	}

	section.cta .col-3 {
		justify-content: flex-start
	}

	section.about-us .col-6.about-img {
		width: 100%;
		height: 526px
	}

	.abt-bottom-image {
		top: 280px
	}

	section.about-us .dot-img {
		top: 100px
	}

	section.about-us .col-6.about-cont {
		padding-left: var(--p12);
		width: 100%
	}

	section.about-us .work {
		left: -20px
	}

	section.about-us .work h3 {
		font-size: var(--f35)
	}

	section.about-us .col-6.about-img .up.per-img img {
		height: 450px;
		object-fit: cover
	}

	section.about-us h4 {
		font-size: var(--f23)
	}

	section.cta .bottom-content a.main-btn:hover i {
		transform: translateX(-9px)
	}

	section.projects .cont h3 {
		font-size: var(--f22)
	}

	section.abt-cta .head-sec h2 {
		font-size: var(--f50)
	}

	section.abt-cta {
		padding: var(--p100) var(--p12)
	}

	section.about-home .col-5,
	section.featured-pro .col-md-4 {
		flex: 0 0 auto;
		width: 100%
	}

	section.featured-pro img.img-fluid {
		height: 350px
	}

	section.featured-pro .row {
		gap: 30px 0
	}

	section.partners h2 {
		font-size: var(--f38)
	}

	section.about-us-home .row {
		flex-direction: column-reverse
	}

	section.about-us-home .col-5.abt-left {
		width: 100%;
		margin-top: var(--m30)
	}

	section.about-us-home .abt-co-img {
		padding-right: 0
	}

	section.about-home .col-7.md-12.sm-12 {
		width: 100%;
		margin-top: var(--m30);
		padding: 0 var(--p12)
	}

	section.about-home img {
		height: 400px
	}

	section.attraction .col-md-4,
	section.featured-projects .col-3 .featured-main {
		width: 50%
	}

	section.featured-projects .col-3,
	section.featured-projects .col-6,
	section.featured-projects .container-fluid {
		padding: 0;
		width: 100%
	}

	section.featured-projects .col-3 {
		display: flex
	}

	section.featured-projects .col-6 img {
		height: 510px
	}
  
  
  section.social-media .head-sec h2 {
    font-size: 40px;
   }
  
  .abt-head h2 {
    font-size: 40px;
 }
  
  .features h2 {
    font-size: 40px;
  }
  
  section.podcast .podcast-col h2 {
    font-size: var(--f40);
   }
  
  section.free-resources h2 {
    font-size: var(--f40);
}

  section.free-resources h3{
    font-size:24px;
  }

}

@media (max-width:540px) {
  
  .contact-form {
    margin-bottom: 35px;
}
  
  section.banner-wrapper .img.eric-collageimage img {
    height: 210px;
    padding: 12px;
}
  
  section.banner-wrapper .img.collage-img img.collageimg {
    height: 210px;
}
  
  .video-sec .col-3{
    width:100%;
  }
  
    .video-sec .col-6{
     width:100%;
  }
  
 
      .video-sec {
        height: auto;

    }
  
  section.free-resources h3{
    font-size:20px;
    
  }
  
  .abt-head p {
    margin-bottom: 0;
    text-align: center;
    }
  
  
  .contact-map img {
    height: 300px;
    margin-bottom: 20px;
}
  

   section.contact-page-section .col-md-6{
    padding:0;
  }
  
  .contact-page-section .sec-title h3 {
    font-size: 22px;
    text-align: center;
    padding-top: 20px;
}
  
  .contact-page-section .inner-container {
    padding: 0;

}
  
  section.free-resources .fresorc-col.active {
    width: 100%;
}
  
  section.free-resources h2 {
    font-size: var(--f28);
}
  
  section.podcast .podcast-col h2 {
    font-size: var(--f28);
}
  
  section.features-sec .row.feature-row .feture-col {
    width: 100%;
}
  
  .features h2 {
    font-size: 28px;
}
  
  section.about-us .about-image-sec img {
    height: 300px;
}
  
  .about-image-sec{
    width: 100%;
    float: none;
    margin-left: 0;
     padding-bottom: 30px;
}
  
  .abt-head h2 {
    font-size: 28px;
}
  
  section.social-media .head-sec h2{
    font-size: 28px;
}
  
  .hero-content h1 {
    font-size: 28px;
}
  
      .contact-page-section {
        padding-top: 0;
    }
  
  section.free-resources {
        padding-top: 15px;
    }
  
      .features-sec {
        padding-top: 0;
    }
  
      section.about-us {
        padding-top: 0;
    }
  
	section.banner .col-6.banner-img img {
		max-height: 300px
	}

	section.banner .col-6.cont,
	section.industries .col-7,
	section.services .col-4 {
		padding-left: 0;
		padding-right: 0
	}

	section.banner {
		padding: var(--p40) var(--p12);
		padding-top: var(--p30)
	}

	section.about-us,
	section.cta {
		padding-top: 0;
	}

	section.banner .col-6.banner-img {
		width: 100%;
		padding: 0;
		height: 100%
	}

	section.banner h1 {
		font-size: 32px;
		margin-top: 0;
		text-align: left;
		padding: 0;
		margin-bottom: 20px
	}

	section.industries .industries-content,
	section.portfolio-latest .col-4,
	section.projects1 .col-4,
	section.services .content {
		width: 100%;
		padding: 0
	}

	div#industries-slider,
	section.featured-projects .col-3 .featured-main,
	section.services .col-4 {
		width: 100%
	}

	section.about-us h4,
	section.services .service-box h3 {
		font-size: var(--f20)
	}

	section.services .col-4.service-list:hover .service-box:before {
		transform: scale(26)
	}

	section.services .cont-sec {
		padding: 0 20px 20px
	}

	section.services .img-section {
		padding-bottom: 25%
	}

	section.services .cont-sec h3 {
		font-size: var(--f22)
	}

	section.featured-projects .col-6 img,
	section.featured-projects img,
	section.industries .col-7 img,
	section.portfolio-latest .portfolio-info-image,
	section.portfolio-latest .portfolio-info-image img,
	section.portfolio-latest .portfolio-overlay {
		height: 300px
	}

	section.industries h6 {
		font-size: var(--f17)
	}

	section.industries h2 {
		font-size: var(--f28)
	}

	section.industries h3 {
		font-size: var(--f18)
	}

	section.industries .details {
		padding: 25px 15px 20px;
		height: 370px
	}

	div#industries-slider .owl-nav {
		position: relative;
		left: 0;
		margin-top: 10px
	}

	section.partners .col-4.head {
		margin-bottom: 20px;
		padding: 0;
		justify-content: center
	}

	section.partners .col-8 {
		gap: 20px 0;
		padding: 0;
		flex-wrap: wrap
	}

	section.partners .col-8 a {
		text-align: center;
		width: 50%
	}

	section.partners h2 {
		font-size: var(--f32);
		text-align: center
	}

	section.cta {
		padding-bottom: 40px;
		background-size: 600%
	}

	section.cta .row p {
		font-size: var(--f16);
		line-height: 1.3;
		color: #fff
	}

	section.cta .col-3 {
		width: 50%
	}

	.demo .col-md-8,
	.owl-carousel .owl-stage-outer,
	section.about-us .col-6.about-cont,
	section.cta .col-12.cta-bottom,
	section.projects .first {
		padding: 0
	}

	section.cta .bottom-content .col-9 {
		padding: 20px;
		flex-direction: column
	}

	section.cta .bottom-content h2 {
		font-size: var(--f24);
		width: 100%;
		text-align: center;
		margin-bottom: 20px
	}

	section.cta .bottom-content a.main-btn:hover i {
		transform: translateX(0)
	}

	section.about-us .col-6.about-img {
		width: 100%;
		height: auto;
		padding: 0
	}

	section.about-us .col-6.about-img .up.per-img img {
		height: 300px;
		object-fit: cover;
		width: 100%
	}

	section.about-us .work-area {
		gap: 1rem;
		padding: 15px
	}

	section.about-us .work h3 {
		font-size: var(--f30)
	}

	section.about-us .work p,
	section.about-us h6 {
		font-size: var(--f16)
	}

	section.about-us .work {
		left: -15px;
		width: 186px;
		top: 30px
	}

	section.about-us .dot-img {
		display: none
	}

	.abt-bottom-image img {
		width: 100%;
		height: 250px
	}

	.abt-bottom-image {
		top: 0;
		position: relative;
		margin-top: 20px
	}

	section.about-us ul.inner-content li {
		gap: 10px
	}

	.testimonial .description,
	section.projects h2 {
		margin-bottom: 0
	}

	section.projects .caption-overlay img {
		width: 150px
	}

	section.projects .img-sec,
	section.projects .img-sec img {
		height: 320px
	}

	section.projects .cont h3 {
		font-size: var(--f18);
		margin-bottom: var(--m15)
	}

	.testimonial {
		padding: 25px 20px;
		margin: 0;
		border-radius: 0 50px
	}

	.testimonial .title {
		font-size: 18px
	}

	.demo .owl-nav {
		margin-top: 15px
	}

	section.about-us .icon-wrapper {
		position: relative;
		margin-top: 0
	}

	section.portfolio-latest .overlay-content p,
	section.projects1 .head-content p {
		font-size: 14px
	}

	section.projects1 .head-content h3 {
		font-size: 20px
	}

	section.projects1 .project-btn {
		padding-bottom: 15px
	}

	section.projects1 .project-description {
		padding: 15px;
		transform: translateY(0)
	}

	section.projects1 .project-content {
		padding-bottom: 11px
	}

	section.featured-projects .col-3 {
		flex-wrap: wrap
	}

	section.portfolio-latest .head-sec {
		margin-bottom: 20px
	}

	section.portfolio-latest .overlay-content h4,
	section.portfolio-latest .portfolio-detail h3 {
		font-size: 19px
	}
}

@media (max-width:360px) {
	section.banner h1 {
		font-size: 30px
	}

	section.about-us h4,
	section.services .service-box h3 {
		font-size: var(--f18)
	}

	section.services .cont-sec h3 {
		font-size: var(--f19)
	}

	section.industries .col-7 img {
		height: 250px
	}

	section.cta .row p,
	section.industries h6 {
		font-size: var(--f16)
	}

	section.industries h2 {
		font-size: var(--f26)
	}

	section.partners h2 {
		font-size: var(--f28)
	}

	section.cta .bottom-content h2 {
		font-size: var(--f20)
	}

	section.about-us .work h3 {
		font-size: var(--f27)
	}

	section.about-us .work p {
		font-size: var(--f15)
	}

	section.about-us ul.inner-content i {
		font-size: 35px
	}

	section.projects .img-sec,
	section.projects .img-sec img {
		height: 280px
	}

	section.projects .cont h3 {
		font-size: var(--f17)
	}

	section.projects .caption-overlay img {
		width: 100px
	}
}

@media (max-width:320px) {
	section.banner a.main-btn {
		width: 260px
	}

	section.banner a.main-btn:hover::after {
		transform: translateX(77%)
	}

	section.banner a.main-btn:hover .icon-container {
		transform: translateX(60%)
	}

	section.projects1 .project-btn a.main-btn {
		width: 220px
	}

	section.projects1 .project-btn a.main-btn:hover::after {
		transform: translateX(73%)
	}

	section.projects1 .project-btn a.main-btn:hover .icon-container {
		transform: translateX(140%)
	}
}