/*====================================
Desktop Large
====================================*/
@media (max-width:1400px){

    /* Hero */
    .hero-content h1{
        font-size:48px;
    }

}

/*====================================
Laptop
====================================*/
@media (max-width:1199px){
	.nav-menu
	{
		gap: 30px;
	}
	.btn-call {
    margin-left: 40px;
	}
    /* Services */
    .services-section{
        padding:80px 0;
    }

    .section-heading{
        margin-bottom:50px;
    }

    .section-heading h2{
        font-size:36px;
        max-width:900px;
    }

    .services-grid{
        grid-template-columns:repeat(2,1fr);
        gap:24px;
    }

    .service-card{
        min-height:300px;
        padding:35px 25px;
    }

    /* Hero */
    .hero-section{
        min-height:652px;
    }

    .hero-content{
        max-width:680px;
    }

    .hero-content h1{
        font-size:42px;
    }

    .hero-content p{
        font-size: 18px;
        max-width: 320px;
    }

    .hero-features{
        gap:30px;
    }

    .feature-item{
        padding-right:30px;
    }
	  .project-card img{

        height:320px;

    }
	.copyright-section{
        padding:20px 0;
    }

    .copyright-section p{
        font-size:18px;
    }
	  .contact-section{
        padding:80px 0;
    }

    .contact-wrapper{
        grid-template-columns:320px 1fr;
        gap:50px;
    }

    .contact-info h2{
        font-size:36px;
    }

    .contact-info p{
        font-size:20px;
        margin-bottom:40px;
    }

    .contact-text a,
    .contact-text address{
        font-size:20px;
    }

    .contact-form input,
    .contact-form textarea{
        padding:20px;
        font-size:17px;
    }

    .contact-form textarea{
        min-height:220px;
    }
	  .testimonial-section{
        padding:80px 0;
    }

    .testimonial-card{
        padding:50px;
        min-height:380px;
    }

    .testimonial-content p{
        font-size:20px;
        line-height:1.8;
    }

    .testimonial-author h4{
        font-size:30px;
    }

}


/*====================================
Tablet
====================================*/
@media (max-width:991px){
	
    /* Header */

    .header-wrapper{
        height:70px;
    }
	.nav-menu li a::after
	{
		bottom: 6px;
	}
	
    .btn-call{
        display:none;
    }

    .hamburger{
        display:block;
    }

    .navbar{
        position:fixed;
        top:0;
        right:-100%;
        width:100%;
        height:100vh;
        background:#0F1117;
        display:flex;
        justify-content:center;
        align-items:center;
        transition:.4s;
    }

    .navbar.active{
        right:0;
    }

    .nav-menu{
        flex-direction:column;
        gap:10px;
    }

    .nav-menu li a{
        font-size:20px;
		padding: 12px 0;
    }

    /* Hero */

    .hero-section{
        min-height:652px;
        text-align:center;
        background-position:center;
    }

    .hero-content{
        max-width:100%;
        margin:0 auto;
        padding-top:0;
    }

    .hero-content h1{
        font-size:42px;
    }

    .hero-content p{
        max-width:100%;
    }

    .hero-buttons{
        justify-content:center;
        flex-wrap:wrap;
    }

    .hero-features{
        justify-content: center;
        gap: 15px;
        width: 100%;
        flex-wrap: nowrap;
    }

    .feature-item{
        padding-right:20px;
    }
	.feature-item img{
		width: 38px;
    	height: 38px;
	}
    .feature-item:last-child{
        padding-right:0;
    }
	.feature-item h4, .feature-item p
	{
		    font-size: 14px !important;
	}

    /* Services */
/*
	.section-heading h2 br
	{
		display: none;
	}
*/
    .services-section{
        padding:70px 0;
    }

    .section-heading{
        margin-bottom:45px;
    }

    .section-heading h2, .contact-info h2{
        font-size:32px;
    }

    .sub-title{
        font-size:20px;
    }

    .service-card{
        min-height:auto;
    }

    .service-card h3{
        font-size:22px;
    }

    .service-card p{
        font-size:15px;
        line-height:21px;
    }

    /* Why Choose */

    .section-title{
        font-size:30px;
    }

    .why-us-grid{
        grid-template-columns:repeat(2,1fr);
        gap:50px;
    }

    .why-item::after{
        display:none;
    }

    /* About */

    .about-section{
        padding:70px 0;
    }

    .about-wrapper{
        grid-template-columns:1fr;
        gap:45px;
    }

    .about-image{
        max-width:650px;
        margin:auto;
    }

    .image-border{
        left:-12px;
        bottom:-18px;
    }

    .dot-pattern{
        width:160px;
        left:-25px;
    }

    .phone-box h4{
        font-size:28px;
    }

    .trusted-card{
        width:42%;
    }
	   .projects-grid{

        grid-template-columns:repeat(3,1fr);

    }
	  .copyright-section{
        padding:18px 0;
    }

    .copyright-section p{
        font-size:17px;
    }
	.contact-wrapper
	{
		grid-template-columns: repeat(1, 1fr);
		    gap: 40px;
	}
	 .contact-section{
        padding:70px 0;
    }

    .contact-wrapper{
        grid-template-columns:1fr;
        gap:50px;
    }

    .contact-info{
        max-width:650px;
    }

    .contact-info h2{
        font-size:36px;
    }

    .contact-info p{
        font-size:18px;
        margin-bottom:35px;
    }

    .contact-list li{
        margin-bottom:28px;
    }


    .contact-text a,
    .contact-text address{
        font-size:18px;
    }

    .form-row{
        gap:20px;
    }

    .contact-form textarea{
        min-height:220px;
    }
	    .testimonial-section{
        padding:70px 0;
    }

    .testimonial-section::before{
        width:55%;
    }

    .testimonial-card{
        padding:40px;
        min-height:auto;
    }

    .quote-icon{
        margin-bottom:25px;
    }

    .quote-icon img{
        width:55px;
    }

    .testimonial-content p{
        font-size:18px;
        line-height:1.8;
        margin-bottom:35px;
    }

    .testimonial-author h4{
        font-size:26px;
    }

    .testimonial-author span{
        font-size:17px;
    }

    .testimonial-slider .swiper-pagination{
        right:30px !important;
        bottom:25px !important;
    }

}


/*====================================
Mobile
====================================*/
@media (max-width:767px){

    /* Header */
    .logo img{width:120px;}
    .header-wrapper{height:65px;}
    .nav-menu li a{font-size:20px;}
	
    /* Hero */

    /* Services */
       .services-grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 24px;
    }

    /* Why Choose */
    .why-us-grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
	.footer-wrapper {
    grid-template-columns:repeat(1, 1fr);
	}
	
	.projects-section{

        padding:60px 0;

    }

    .projects-grid{

        grid-template-columns:1fr;

        gap:20px;

    }

    .project-card img{

        height:340px;

    }	
	    .copyright-section{
        padding:16px 0;
    }

    .copyright-section p{
        font-size:15px;
        line-height:1.8;
        padding:0 15px;
    }
	
    .contact-section{
        padding:60px 0;
    }

    .contact-wrapper{
        gap:40px;
    }

    .contact-info h2{
        font-size:34px;
        line-height:1.25;
    }

    .contact-info p{
        font-size:16px;
        line-height:1.7;
        margin-bottom:30px;
    }

    .contact-list li{
        gap:15px;
        margin-bottom:25px;
    }

    .contact-icon{
        width:40px;
    }

    .contact-text a,
    .contact-text address{
        font-size:17px;
    }

    .form-row{
        grid-template-columns:1fr;
        gap:18px;
        margin-bottom:18px;
    }

    .contact-form input,
    .contact-form textarea{
        padding:18px;
        font-size:16px;
        border-radius:10px;
    }

    .contact-form textarea{
        min-height:180px;
    }

    .contact-form .theme-btn{
        width:100%;
        justify-content:center;
        padding:18px 25px;
        font-size:16px;
    }
	 .testimonial-section{
        padding:60px 0;
    }

    .testimonial-section::before{
        display:none;
    }


    .testimonial-card{
        padding:30px 25px;
        border-radius:15px;
    }

    .quote-icon{
        margin-bottom:20px;
    }

    .quote-icon img{
        width:45px;
    }

    .testimonial-content p{
        font-size:16px;
        line-height:1.8;
        margin-bottom:30px;
    }

    .testimonial-author h4{
        font-size:22px;
    }

    .testimonial-author span{
        font-size:15px;
    }

    .testimonial-slider .swiper-pagination{
        position:relative;
        right:auto;
        left:0;
        bottom:0;
        margin-top:30px;
        text-align:center;
    }

}


/*====================================
Small Mobile
====================================*/
@media (max-width:575px){
	    .feature-item img {
        width: 32px;
        height: 32px;
    }
	.feature-item
	{
		gap: 12px;
	}
	.feature-item h4, .feature-item p {
        font-size: 13px !important;
        line-height: 18px;
    }
    /* Services */

    .services-section{
        padding:50px 0;
    }

    .section-heading h2{
        font-size:30px;
		line-height: 42px;
    }
	.testimonial-section .section-heading h2 br, .section-heading h2 br
	{
		display: none;
	}
	.section-subtitle,.sub-title
	{
		font-size: 20px;
		margin-bottom: 18px;
	}

    .service-card{
        padding:25px 20px;
    }

    .service-card h3{
        font-size:21px;
    }

    .service-card p{
        font-size:14px;
    }
	.feature-item:not(:last-child)::after
	{
		display: none;
	}
	.feature-item {
        padding-right: 0;
    }
	 .project-card img{

        height:280px;

    }
	 .contact-section{
        padding:50px 0;
    }

    .contact-info h2{
        font-size:28px;
    }

    .contact-info p{
        font-size:15px;
    }

    .contact-list li{
        align-items:flex-start;
    }

    .contact-icon{
        width:34px;
    }

    .contact-text a,
    .contact-text address{
        font-size:15px;
        line-height:1.6;
    }

    .contact-form input,
    .contact-form textarea{
        padding:16px;
        font-size:15px;
    }

    .contact-form textarea{
        min-height:160px;
    }

    .contact-form .theme-btn{
        width:100%;
        padding:16px 20px;
        font-size:15px;
    }

	 .copyright-section p{
        font-size:14px;
    }
	
    .testimonial-section{
        padding:50px 0;
    }

    .testimonial-card{
        padding:25px 20px;
    }

    .quote-icon img{
        width:40px;
    }

    .testimonial-content p{
        font-size:15px;
        line-height:1.7;
    }

    .testimonial-author h4{
        font-size:20px;
    }

    .testimonial-author span{
        font-size:14px;
    }

    .testimonial-slider .swiper-pagination-bullet{
        width:10px;
        height:10px;
        margin:0 5px !important;
    }

    .testimonial-slider .swiper-pagination-bullet-active{
        width:22px;
    }

}


/*====================================
Extra Small Mobile
====================================*/
@media (max-width:480px){

    .hero-section{
        min-height:350px;
		padding: 40px 0;
    }
	.hero-content .feature-item p {
		margin-bottom: 0;
	}
    .hero-content h1{
        font-size: 32px;
        line-height: 48px;
		margin-bottom: 12px;
    }

    .hero-content p{
        font-size:15px;
    }

    .hero-buttons .btn{
        height:54px;
		width: 70%;
    display: flex;
    justify-content: center;
	min-width: inherit !important;
    }

    .btn-icon{
        width:38px;
        height:38px;
    }
	    .hero-features {
        justify-content: space-between;
        gap: 20px;
        width: 100%;
	}
	  .feature-item {
    	display: block;
		width: 33.3333333%;
		  text-align: center;
	}
	.feature-item img {
	margin: 0 auto;
		width: 42px;
		height: 42px;
	margin-bottom: 12px;
	}
	.feature-item h4, .feature-item p
	{
		text-align: center;
	}
	.hero-buttons
	{
		    gap: 20px;
		margin-bottom: 38px;
	}
	.hero-content p
	{
		    margin-bottom: 38px;
	}
	      
}
@media (max-width: 390px) {

	    .feature-item img {
        width:42px;
        height:42px;
    }
	
	       .feature-item p {
        font-size: 14px !important;
    }
	.feature-item p {
        font-size: 13px !important;
	}
	.hero-content h1 {
        font-size: 30px;
        line-height: 48px;
    }
	    .hero-buttons .btn {
        width: 80%;
	}
}

@media (max-width:320px) {
       .feature-item img {
        width:42px;
        height:42px;
    }
	
	    .hero-buttons .btn {
        width: 90%;
	}
	
	
	       .feature-item p {
        font-size: 13px !important;
    }
	.feature-item p {
        font-size: 12px !important;
	}
}

@media(max-width:991px){

    .why-us-slider{
        overflow:visible;

    }

    .why-us-slider .swiper-slide{
        height:auto;

    }
    .why-us-slider .why-item{

        height:100%;

    }

    .why-us-slider .swiper-pagination{

        position:relative;

        margin-top:35px;

    }

}