@media only screen and (max-width: 1920px) and (min-width: 1500px) {
.container {
        max-width: 1545px;
    }

}
@media only screen and (max-width: 1920px) {

}
@media only screen and (max-width: 1600px) {
		.mainHeader .navbar-nav {
    gap: 4rem;
    margin-top: 1rem;
}
.mainHeader .navbar {
    padding: 0 6rem 0px 0px !important;
   
}
.border-line {
 
          bottom: 32rem;
    right: 23px;

}
.about-content {
    padding-left: 1rem;
}
.about-content figure img {

    right: -16rem;

    bottom: -0.3rem;
    width: 50%;
}
.service-content {
    padding: 1.7rem;
    top: -101.8px;
    margin: 1rem;
}
.service-content h4 {
    font-size: 2.3rem;
}
.testimonslider {
        padding: 0.2rem 0 11.5rem;
        /* margin-bottom: -14rem; */
    }
	.section-3 {
    padding-top: 0;
}
.other-service .icon-box::before {
    width: 400px;
    height: 400px;
    background-size: 164px;
}
.other-service .icon-box {
   
    width: 150px;
    height: 150px;
  
}
.other-service .content {

    padding-top: 1.7rem;
}

    .other-service .ser-arrow {
        right: -68px;
        top: 118px;
        width: 70px;
    }
.ser-arrow.arrow-2 {
          right: -77px;
        top: 14px;
        width: 70px;
    }
	.footer-menu {
    gap: 25px;
    padding: 24px 0;
}
.footer-menu li a {
    font-size: 17px; 
    letter-spacing: 1px;
}
.work-sec {
    
    background-size: cover;
}
.pros-card {
    padding: 1.5rem;
}
.pros-sec .pros-card h3 {
    font-size: 35px;
}
}

@media only screen and (max-width: 1445px) {
	.mainSlider {
    height: 800px;
}
.about-content h2 {
    font-size: 5rem;
}
.about-content {
    font-size: 1.6rem;
    
}
p {
    font-size: 1rem;
  
}
.about-content figure img {
        right: -13rem;
        bottom: 0.7rem;
        width: 47%;
    }
	.section-1 .ab-content {
    font-size: 1.6rem;
    height: 150px;
    width: 150px;
}
	    .border-line {
        bottom: 24rem;
        right: -9px;
    }
	.testimonials-sec h2 {
    font-size: 4.4rem;
    
}
figure.testimonials-sub img
 {
    width: 90px;
}
figure.testimonials-sub imgh5{
font-size: 1.15rem;
}
}
@media only screen and (max-width: 1366px) {
	html {
		font-size: 15px;
	}
	.section-3 {
    padding-top: 4rem !important;
}
.sec-heading h2 {
    font-size: 4.8rem;

}
.other-service .content {
        padding-top: 0.7rem;
    }
	section.section-4 {
    padding: 2rem 0;
}
    .mainHeader .navbar-nav {
        gap: 3rem;
        margin-top: 1rem;
    }
    .inner-banner {
   
    padding: 12rem 0;
}
.copyright-content p {
    font-size: 16px;
 
}
.inner-banner-content h1 {
    font-size: 60px;
 
}
}

@media (max-width: 1199.98px) {
	html {
		font-size: 14px;
	}
	.logo-design img {
    padding: 10px 3rem;
}
.mainHeader .navbar-nav {
        gap: 2rem;
     
    }
	.mainHeader .navbar-nav .nav-item .nav-link {
    font-size: 16px;
 
}
.call-text span:last-child {

    font-size: 16px;
}
.quote-btn {
    font-size: 17px;
}
.mainHeader .navbar

 {
        padding: 0 3rem 0px 0px !important;
    }
	.mainSlider h4 {
    font-size: 30px;
  
}
.mainSlider h1 {
    font-size: 110px;
}
.mainSlider .slideContent {
    text-align: left;
    padding-left: 3.4rem;
}
    .mainSlider {
        height: 685px;
    }
	.about-content {
        font-size: 1.3rem;
    }
	    .about-content h2 {
        font-size: 4rem;
    }

	.about-content h3 {
    font-size: 2.1rem;
}
.about-content figure img{
	display: none;
}
.marquee {
    z-index: -2;
}
.marquee .track .content h1 {
    font-size: 127px;
    
}
.service-content h4 {
        font-size: 2.1rem;
    }
	    .service-content {
       
        top: -74.8px;
        
    }
	.testimonials-sec {
    
    padding: 3rem 0 0 0 !important;
}
.testimonials-sec::before {
    width: 75%;
    height: 88%;
    top: 0px;
}
.testimonslider {
        padding: 0.2rem 0 13.5rem;

    }
	.testimonials-right figure {
  
    left: -196px;
    top: 26px;
}
    .other-service .content {
        padding-top: 0.7rem;
    }
	    .other-service .ser-arrow {
        right: -56px;
        top: 100px;
        width: 50px;
    }
	    .ser-arrow.arrow-2 {
        right: -55px;
        top: 8px;
        width: 50px;
    }
	.sec-heading h2 {
        font-size: 4rem;
    }
	.blogSlider {
    margin-left: 1px;
}
.section-5 .blog-box .content h4 {
    font-size: 24px;
  
}
.section-5 .blog-box .content p {
    font-size: 16.4px;
    padding-right: 9.6px;
}
.section-5 .blog-box .content {
    top: -78px;
}
.section-5 .blog-box {
    padding: 0.4rem;
}
section {
    padding: 3.4rem 0;
    position: relative;
}
.calFoter li a, .calFoter li span {
    font-size: 15px;
}
.footer-menu li a {
        font-size: 15px;
        letter-spacing: 0px;
    }
	.footer-menu {
        gap: 25.9px;
        padding: 20px 0;
    }
    .inner-banner {
    
    padding: 9rem 0;
}
.inner-banner-content h1 {
    font-size: 61px;

}
.mainh2 {
    font-size: 52px;
}
.pros-card {
        padding: 0rem;
    }
    .pros-sec .pros-card h3 {
        font-size: 32px;
    }
       .work-sec .work-images {
        top: 0px;
        padding: 1.5rem 0;
    }
}

@media (max-width: 991.98px) {
	html {
		font-size: 13px;
	}
	.navbar-toggler {
		border:none
	}
	.navbar-toggler i{
		color: #000;
    outline: none;
    border: unset;
	font-size: 2.5rem;
	}
	    .logo-design img {
        padding: 2px 2rem;
        width: 170px;
    }
	.mainHeader .navbar {
        padding: 0 0rem 0px 0px !important;
    }
	.mainSlider h4 {
        font-size: 26px;
    }
	    .mainSlider h1 {
        font-size: 90px;
    }
	.mainSlider h3 {

    font-size: 35px;
}
    .mainSlider .slideContent {
     
        padding-left: 0;
    }
	    .mainSlider {
        height: 570px;
    }
	    .border-line {
        bottom: 3rem;
        right: -4px;
    }
	.about-content{
		text-align: center;
		padding: 1.8rem 0;
	}
	.testimonials-sec:after{
		display: none;
	}
	    .testimonials-sec::before {
        width: 100%;
      
    }
	.testimonials-right{
		display: none;
	}
	.testimonials-sec h2{
		text-align: center;
	}
	.sec-heading h2 {
        font-size: 3.5rem;
    }
	.ser-arrow {
		display: none;
	}
	.section-3 .col-lg-2:nth-child(even) { margin-top: 0px}
.other-service {
    padding: 19px 9px;
}
footer {
    padding: 99px 0 30px;
}
.footer-menu {
        gap: 22.9px;
        padding: 15px 0;
    }
	    .footer-menu {
        display: flex
;
        flex-direction: column;
    }
	.footer-social-links {
    justify-content: start;
}
.mainh2 {
    font-size: 50px;
}
    .inner-banner-content h1 {
        font-size: 40px;
    }
    .mainh2 {
        font-size: 37px;
    }
    .work-sec .work-images {
 
    top: 0;
}
.work-images{
    display: flex;
    align-items: center;
    height: 100%;
}
.pros-sec .pros-card h3 {
        font-size: 24px;
    }
    .address-tab {
    
    font-size: 14px;
}
}

@media (max-width: 767.98px) {
	html {
		font-size: 12px;
	}
.header_links {
    left: 0%;
}
.mainSlider h4 {
        font-size: 22px;
    }
    .mainSlider h1 {
        font-size: 75px;
    }
	    .mainSlider h3 {
        font-size: 30px;
    }
	.mainSlider {
        height: 500px;
    }
.mainSlider .slideContent {
        padding-left: 30px;
    }
	.mainSlider  .swiper-pagination{
		display: none;
	}
	.arrowbottom {
		display: none;
	}
.service-1 {
    padding: 0.2rem;
}
    .marquee .track .content h1 {
        font-size: 100px;
    }
	    .service-content h4 {
        font-size: 2rem;
    }
	    figure.testimonials-sub img {
        width: 65px;
    }
	.sec-heading h2 {
        font-size: 3rem;
    }
	.section-5 .blog-box {
        padding: 0.4rem;
        height: 470px;
    }
	    .mainSlider h3 {
        font-size: 25px;
    }
    /* .section-3 .col-lg-2{
        display: flex;
        flex-direction: column;
        justify-content: center;
    } */
    .services-grid{
        justify-content: center;
    }
    .youtub-link .control-btn a {
    width: 50px;
    height: 50px;

}
.youtub-link .control-btn a i {
    font-size: 1.4rem;
    color: white;
}
    .inner-banner {
        padding: 6.2rem 0;
    }
        .inner-banner-content h1 {
        font-size: 49px;
    }
        .mainh2 {
        font-size: 36px;
    }
    .resin-3d-sec .content-resin{
        padding: 1.4rem 0;
    }
    .inner-banner-content h1 {
        font-size: 39px;
    }
    .address-tab .tel-icon {
    width: 100px;
    height: 100px;
   
}
    .tel-icon i {
    font-size: 25px;

}
section.contact-sec {
   
    margin-bottom: -8rem;
}
.address-tab {
        font-size: 14px;
        padding: 1rem 1.3rem;
    }
    .section-main-bg{
        padding: 0 !important;
    }
}
@media (max-width: 575.98px) {
	.logo-design img {
        padding: 2px 2.8rem;
        width: 157.1px;
    }
	    .mainSlider {
        height: 393px;
    }
	.mainSlider h4 {
        font-size: 18px;
    }
	.mainSlider h1 {
        font-size: 41px;
    }
	.header_links li:first-child {
   margin: 0 15px 16px 12px;
    font-size: 14px;

}
.header_links i{
	font-size: 14px;
}
.header_links {
        left: -2%;
    }
	.quote-btn {
        font-size: 16px;
    }
	.quote-btn {
    padding: 10px 18px;
}
.section-1 .ab-content {
    
    height: 100px ;
    width: 100px ;
}
    .border-line {
        bottom: -1rem;
        right: 3px;
    }
	    .about-content {
 
        padding: 4.1rem 0 0;
    }
	.top-bar {
    flex-direction: column;
}
.marquee .track .content h1 {
        font-size: 83px;
    }
	.service-content h4 {
        font-size: 1.9rem;
    }
	    .service-content {
        padding: 1.2rem;
      
    }
	    .testimonials-sec h2 {
        font-size: 3.8rem;
    }
	.section-3 {
        padding-top:0rem !important;
    }
	    .sec-heading h2 {
        font-size: 2.7rem;
    }
	    .section-5 .blog-box {
     
        height: 270px;
    }
	.footerLogo img{
width:160px;
	}
	.quickList h2 {
    font-size: 25px;
    
    margin-bottom: 1rem;
    margin-top: 1.7rem;
}
    footer {
        padding: 63px 0 30px;
    }
   .mainh2 {
        font-size: 33px;
    }
.youtub-link .control-btn a {
    width: 40px;
    height: 40px;

}
.youtub-link .control-btn a i {
    font-size: 1.1rem;
    color: white;
}
    .inner-banner {
        padding: 4rem 0;
    }
            .inner-banner-content h1 {
        font-size: 29px;
    }
    .resin-3d-sec .content-resin {
        padding: 0rem 0;
    }
    .resin-3d-sec{
        text-align: center;
    }
    .subHeading {
    font-size: 1.1rem;
    color: var(--black);
    padding-bottom: 0.9rem;
}
.work-sec{
    text-align: center;
}
.pros-sec{
    text-align: center;
}
}
@media (max-width: 320.98px) {}