@media (min-width: 1400px) {

    .marketing-solution-sec .owl-carousel .owl-nav button.owl-prev {
        transform: translate(-60px, 0);
    }

    .marketing-solution-sec .owl-carousel .owl-nav button.owl-next {
        transform: translate(60px, 0);
    }

    .title-wrapper h2 {
        font-size: 55px;
    }
}

@media (min-width: 1700px) {
    .container {
        max-width: 1500px;
    }
}


@media (min-width: 1800px) {
    .container {
        max-width: 1700px;
    }
}


@media (max-width: 1200px) {
    .navbar-collapse {
        position: fixed;
        top: 90px;
        left: 0;
        width: 100%;
        background: rgba(5, 10, 30, 0.97);
        backdrop-filter: blur(10px);
        padding: 20px 0;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
        text-align: center;
        z-index: 99;
    }

    .navbar-nav .nav-link {
        color: #fff;
        font-size: 1.1rem;
        padding: 10px 0;
    }

    .navbar-brand {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        z-index: 5;
    }

    .navbar-nav {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .phone {
        display: none !important;
    }

    .talk-btn {
        padding: 10px 28px;
    }
}

@media (max-width: 992px) {
    .counter-box {
        flex: 0 0 50%;
        margin-bottom: 40px;
    }

    .counter-box:not(:last-child)::after {
        display: none;
    }

    .counter-box h4 {
        font-size: 48px;
    }

    .contact-us-section {
        text-align: center;
        padding: 60px 20px;
    }

    .contact-image-wrapper {
        position: static;
        width: 100%;
        height: auto;
        background: none;
        border: none;
        margin-top: 30px;
        justify-content: center;
    }

    .contact-image {
        width: 100%;
        height: auto;
        border: none;
    }

    .title-wrapper h2 {
        font-size: 32px;
    }

    .contact-content {
        padding-right: 0;
    }
	
	 .footer-list li a {
        justify-content: left !important;
    }
	
	.prev-next-custom {
    margin-left: 15px;
    }
}

@media (max-width: 768px) {
    .mission-wrapper {
        grid-template-columns: 1fr;
        text-align: center;
        padding: 20px;
    }

    .mission-left {
        border: none;
        padding: 0;
    }

    .mission-left::after {
        display: none;
    }

    .mission-left h4 {
        margin-bottom: 15px;
    }

    .case-card {
        min-height: 300px;
        padding-top: 20px;
    }

    .case-content {
        padding: 20px;
    }

    .case-content h3 {
        font-size: 18px;
    }
}

@media (max-width: 576px) {
    .marketing-solution-sec .owl-carousel .owl-nav {
        display: none;
    }

    .counter-box {
        flex: 0 0 100%;
    }

    .counter-box h4 {
        font-size: 42px;
    }
	
	.title-wrapper>span::after{
		display:none;
	}
}



/* RESPONSIVE CSS ADDED BY MADHAV */

/*HOME PAGE RESPONSIVE CSS START*/

.es-form-2 label {
    width: 100%;
}

.zigzag-card{
	display:flex;
	flex-direction:column;
	justify-content:center;
}

@media (max-width: 1200px){
  .hero-text p{
    margin-bottom: 10px;
  }

  .hero-text h2{
    margin-bottom: 0;
  }

.prev-next-custom{
    bottom: 10px;
  }

.marketing-solution-sec .owl-carousel .owl-nav{
   top:35%;
  }

.mission-left::after {
    right: 10px;
  }
}

@media (max-width: 992px){

   .item .row{
    margin-left: 0;
  }

   .case-card{
    min-height: 510px;
  }
	
		
	.about-text .title-wrapper span{
		margin-top:20px;
	}
	
		ul.breadcrumb-list li {
    width: max-content;
    max-width: 400px;
}

}

@media (max-width: 768px){
  
      .case-card {
        min-height: 300px;
        padding-top: 20px;
    }

	
      .breadcrumb-list::after{
	display:none;
    }

 
}

@media (max-width: 576px){
	.title-wrapper>span::after {
    	right: -85px;
    	width: 80px;
	}
	.footer-list li a {
    	justify-content: start;
    }
	
	.row .col-12 p {
    	display: flex;
    	flex-direction: column;
	}
	
	.faq-icon{
		width:35px;
		height:35px;
		padding: 0px 10px;
	}
	
	.hero-section{
		height:auto;
	}
	
	.navbar-brand{
		left:40%
	}
	
	ul.breadcrumb-list li{
	    max-width:140px
	}
	
	button.faq-question {
    gap: 20px;
	}

}

/*HOME PAGE RESPONSIVE CSS END */