@media (min-width: 375px) {
  
}
@media (min-width: 576px) {
  .custom-container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .custom-container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .custom-container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .custom-container {
    max-width: 1180px;
  }

}
@media (min-width: 1300px) {
  .custom-container {
    max-width: 1280px;
  }
 
}
@media (min-width: 1400px) {
  .custom-container {
    max-width: 1368px;
  }
}
@media (min-width: 1700px) {
  .custom-container {
    max-width: 1615px;
  }

}
@media (max-width:1800px) {
  .bg-mobility-text{
    top: 70px;
  }
}
@media (max-width:1700px) {
	.green-mobility h2{
		font-size:80px
	}.green-mobility h3{
    font-size: 65px;
}header .nav-link {
    font-size: 14px;
    padding: 10px 20px !important;
}
}
@media (max-width:1680px) {

  .hero-text p {
    font-size: 22px;
  }
}

@media (max-width: 1440px) {
  .mobility-text h3 {
    margin-bottom: 9px;
    font-size: 18px;
  }

  .hero-text p {
    font-size: 18px;
  }

  .mobility-row {
    padding: 0 60px;
  }  header .nav-link {
    padding: 10px 18px !important;
  }
  .hero-logo-sec img{
    width: 200px;
	}.knowledge-card h3{
		font-size:22px
	}.knows-text{
		padding:25px;    min-height: 390px;
	}.feature-text{
		padding:0 25px
	}.feature-text h3 {
    font-size: 22px;
}
}
@media (max-width: 1400px) {
	    .green-mobility h2 {
        font-size: 75px;
    }.green-mobility h3{
    font-size: 60px;
}

}
@media (max-width: 1366px) {
  .mobility-text h3 {
    margin-bottom: 9px;
    font-size: 18px;
  }

  .hero-text p {
    font-size: 18px;
  }



  .hero-text h1 {
    font-size: 80px;
  }

  .main-title {
    font-size: 55px;
  }

  .why-work-with-us-card {
    padding: 0 15px;
    padding-top: 25px;
  }
}
@media (max-width: 1300px) {
	  header .nav-link {
    padding: 10px 14px !important;font-size:14px
  }
	    .green-mobility h2 {
        font-size: 65px;
    }
	.green-mobility h3{
    font-size: 50px;
}
    header .nav-link {
        padding: 10px 10px !important;
    }
}
@media (max-width: 991px) {
  .hero-text {
    padding-left: 48px;
    padding-right: 48px;
  }

  .mobility-row {
    padding: 0 48px;
  }

  .mobility-row .mobility-box {
    width: 48%;
    height: auto;
    margin-bottom: 25px;

  }

  .hero-img {
    height: 60dvh;
  }

  /* sidebar menu */
  .side-menu {
    position: fixed;
    left: 0;
    top: 0;
    background: var(--black);
    height: 100dvh;
    width: 56%;
    transform: translateX(-70%);
    transition: visibility .3s ease-in-out, transform .3s ease-in-out;
    display: block;
    visibility: hidden;
  }

  .side-menu.show {
    transform: translateX(0);
    visibility: visible;
  }

  .side-menu .nav-item {
    display: block;
    width: 100%;
  }

  .side-menu .nav-item .nav-link {
    display: block;
    width: 100%;
    padding: 25px 0 !important;
    border-bottom: 1px solid #ffffff85;font-size:16px
  }

  header .navbar-nav {
    padding-right: 25px;
  }



  .navbar-toggler {
    border-color: var(--white);
    margin-left: 25px;
  }

  .navbar-toggler-icon {
    filter: brightness(9);
  }

  .search-popup.active .search-popup__overlay {
    bottom: calc(90px - 90vw);
  }.hero-text h1 {
    font-size: 75px;}
	  .feature-text {
    padding: 0 25px;
    margin-bottom: 25px;
  }

  .why-tab-img {
    margin-top: 25px;
  }.team-cards{
    margin-top: 25px;
  }.team-text {
    min-height: 310px;
}
	.inner-banner-1 .inner-banner-left {
    padding-right: 0;
    margin-bottom: 25px;
}.inner-banner-1 .inner-banner-left h1 {
    font-size: 80px;
    margin-bottom: 15px;
}.include-box {
    width: 25%;
}.include-row{
  justify-content: center;
}.projects-text {
    min-height: 450px;

  }
	.projects-card{
		    margin-bottom: 25px;
	}
.side-menu .nav-item .nav-link.active {
    border-radius: 0;
    padding-left: 15px !important;
  }.why-text h2 a{
    font-size: 45px;
  }.why-text p{
    font-size: 18px;
  }.why-boxes .why-text{
    padding-left: 25px;
	}.why-boxes:nth-child(even) .why-text{
		 padding-right: 25px;
	}  .why-boxes .why-img {
    height: 475px;
  }

  .why-tab-panel h3 {
    font-size: 25px;
    margin-bottom: 10px;
  }

  .partner-wrap li img {
    width: 155px;
    height: 138px;
  }

  .partner-wrap {
    gap: 25px;
    justify-content: space-around;
  } .media-form input, .media-form select{
    margin-bottom: 25px;
  }.post-left .post-left-img {
    height: 435px;}.post-top h3 a{
      font-size: 20px;
    }.recent-posts{
/*       margin-bottom: 25px; */
    }.media-form .input-group-text, .knowledge-filter form select{
      margin-bottom: 25px;
    }.knowledge-card h3{
      font-size: 20px;
    }.career-card{
      gap: 25px;
    }.internship-card{
      margin-bottom: 25px;
    }.position-box{
      margin-top: 25px;
    }.support-row{
      flex-wrap: wrap;
    }.other-support p{
      padding: 0;
    }.sidebar__post{
      margin-top: 25px;
    }
	  .custom-container {
    padding: 0 12px;
  }  .custom-container3 {
    padding: 0 12px;
  }
	  .header-overlay {
    position: fixed;
    width: 100%;
    height: 100dvh;
    top: 0;
    left: 0;
    background: #000;
    background: #000000c2;
    z-index: 9999;transform: translateX(-100%);        transition: transform 0.5s ease-in-out;

  }
    .header-overlay.show{
transform: translateX(0%);
    }.side-menu{
      z-index: 99999;
    }
	 .career-form {
    padding-left: 0;
    margin-top: 25px;
  }.hero-logo-sec{
    top: 70px;left:70px
  }.hero-logo-sec img{
    width: 180px;
	}.green-mobility p{
		font-size:14px
	}    .bg-mobility-text {
        top: 25px;
    }    .green-mobility h3 {
        font-size: 25px;
    }    .green-mobility h2 {
        font-size: 50px;
	}.move-row{
		display:block

	}
	.projects-modal .projects-text {
    padding: 40px;
	}.projects-modal .projects-text h3.modals-title{
		font-size:22px
	}
	.projects-text h5 {
    font-size: 28px;
    line-height: 1.2;
}
	 .knowledge-filter-wrap {
            border: none;
            padding-right: 0;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            background: #fff;
            height: 100%;
            overflow: hidden;
            box-shadow: 0px 4px 4px 0px #00000033;
            width: 40%;
            transform: translateX(-100%);
            transition: transform 0.5s ease-in-out;
            padding-bottom: 40px;
        }

        .knowledge-filter-wrap .filter-section {
            overflow-y: scroll;
            height: 85%;
            box-shadow: none;
        }

        .knowledge-overlay {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background: #000;
            background: #000000c2;
            z-index: 1;
            transform: translateX(-100%);
            transition: transform 0.5s ease-in-out;
        }

        .knowledge-overlay.show,
        .knowledge-filter-wrap.show {
            transform: translateX(0%);
        }

        .knowledge-filter-wrap .filter-section {
            padding-bottom: 0;
            padding-top: 20px;
        }
	.chatbox-wrapper {
    bottom: 35px;
    padding: 30px;
    right: 20px;padding: 18px;
	}.chatbot-box{
		    right: 140px;
    bottom: 35px;
	}.knows-text{
		        min-height: 320px;
	}
	.navbar-nav .dropdown-menu{
		display:none;        padding: 0;
        background: transparent;        border-bottom: 1px solid #ffffff85;        border-radius: 0;
	}.navbar-nav .dropdown-menu.show{
		display:block;
	}.navbar-nav .dropdown-menu .dropdown-item {
           padding: 5px 0px;
    color: #ffffff;
}
	.navbar .dropdown-toggle::after {

    float: inline-end;
}
}

@media (max-width: 600px) {
  .search-btn {
    padding-right: 0;
    border-right: none;
  }

  .navbar-toggler {
    margin-left: 15px;
  }

  .btn-contribute .sm-hide {
    display: none;
  }

  .btn-contribute {
    width: 50px;
    height: 50px;
    padding: 0;
  }

  header .navbar {
    padding: 5px 0;
  }

  .hero-text {
    padding: 0 12px;
  }

  .theme-btn {
    font-size: 14px;
    padding: 3px 15px;
    gap: 5px;
  }

  .hero-text p {
    font-size: 16px;
  }

  .hero-text h1 {
    font-size: 55px;
  }

  .hero-img {
    height: 100dvh;
  }

  .main-title,
  .subscribe-title h2 {
    font-size: 40px;
  }
	.main-title.mb-5{
		margin-bottom:25px!important
	}
  .green-mobility {
    padding-top: 0;
  }



  .mobility-row {
    padding: 0 12px;
  }

  .mobility-row .mobility-box {
    width: 100%;
  }

  .usp-box {
    margin-bottom: 15px;
  }

  .usp-icon {
    width: 90px;
    height: 90px;
  }

  .usp-icon img {
    height: 30px;
  }

  .usp-box p a {
    margin-top: 10px;
  }

  .subscribe-form {
    width: 100%;
  }

  .subscribe-form input[type="submit"],
  .subscribe-form button {
    height: 45px;
    font-size: 14px;
    padding: 3px 15px;
  }

  .subscribe-form input {
    height: 45px;
  }

  .why-boxes {
    display: block;
    margin-bottom: 25px;
  }

  .why-boxes .why-img {
    width: 100%;
    height: 230px;
    margin-bottom: 25px;
  }

  .why-boxes .why-text {
    width: 100%;
  }

  .why-boxes::before,
  .why-boxes:nth-child(even)::before {
    left: 0;
    width: 100%;
    right: unset;
  }

  .why-text h2 a {
    font-size: 40px;
  }

  .why-boxes:nth-child(even) .why-text {
    padding-right: 0;
    padding-left: 25px;
  }

  .why-text p {
    font-size: 16px;
  }

  .single-top {
    height: 70px;
  }

  .breadcrumb .breadcrumb-item {
    font-size: 16px;
  }

  .breadcrumb .breadcrumb-item a i {
    width: 25px;
    height: 25px;
  }

  .inner-banner-1 .inner-banner-left h1 {
    font-size: 50px;
  }

  .why-inner-img {
    height: auto;
  }

  .include-box {
    width: 50%;
    padding: 15px;
  }

  .include-box p {
    font-size: 14px;
  }

  .intervension-form form {
    flex-wrap: wrap;
    gap: 25px;
  }

  .intervension-form {
    padding: 25px;
  }

  .intervension-form form .intervension-col,
  .intervension-form form .intervension-col select {
    width: 100%;
  }

 

  .projects-text {
    min-height: 0;
  }

  .theme-btn2 {
    font-size: 14px;
  }



  .featured-post {
    display: block;
  }

  .post-left,
  .post-right {
    width: 100%;
  }

  .post-left .post-left-img {
    height: auto;
  }

  .post-right {
    padding: 25px;
  }

  .feature-tag {
    padding: 5px 15px;
    font-size: 14px;
  }

  .post-btn,
  .recent-post-text .post-btn {
    padding: 6px;
  }

  .recent-post-text p,
  .post-meta li {
    font-size: 14px;
  }

  .hero-text h3 {
    font-size: 20px;
  }

  .blog-form .input-group {
    margin-bottom: 25px;
  }

  .blog-text p,
  .blog-detail-wrap h2 {
    font-size: 14px;
  }

  .blog-detail-wrap {
    padding: 25px;
  }

  .blog-detail-wrap h2 {
    font-size: 40px;
  }

  .blog-detail-wrap h3 {
    font-size: 35px;
  }

  .blog-detail-wrap h4 {
    font-size: 25px;
  }

  .blog-detail-wrap h5 {
    font-size: 20px;
  }

  .blog-detail-wrap h6 {
    font-size: 18px;
  }

  .knowledge-card h3 {
    min-height: 0;
    margin-bottom: 25px;
  }
.pb-70 {
    padding-bottom: 50px;
}

.pt-70 {
    padding-top: 50px;
}
  .fs-20 {
    font-size: 16px;
  }

  .partnership-row .internship-card {
    padding: 25px;
    min-height: 0;
  }

  .why-pills li {
    width: 47.5%;
  }

  .why-pills li button {
    width: 100%;
  }

  .why-pills .nav-link {
    font-size: 14px;
  }

  .why-tab-panel {
    padding: 25px;
  }

  .why-tab-panel p {
    font-size: 16px;
  }

  .journey-md {
    font-size: 30px;
    margin-top: 15px;
  }

  .team-text {
    min-height: 0;
  }

  .comp-details {
    padding: 0;
  }

  .comp-para {
    padding: 25px;
  }

  .download-ul li a {
    text-align: center;
  }

  .legal-pills li {
    width: auto;
  }

  .position-filter-buttons {
    margin-top: 25px;
  }

  .career-card {
    flex-wrap: wrap;
    padding: 25px;
    margin-top: 25px;
  }

  .career-heading ul {
    gap: 15px;
    flex-wrap: wrap;
  }

  .career-heading h3 a {
    font-size: 20px;
  }

  .career-card p,
  .career-left ul li {
    font-size: 14px;
  }

  .filter-button {
    padding: 5px 15px;
    border-radius: 6px;
    font-size: 14px;
  }

  .culture-box {
    padding: 25px;
  }

  .position-box a {
    padding: 10px 25px;
    font-size: 14px;
  }

  .support-row .include-box {
    width: 50%;
  }

  .other-support {
    margin-bottom: 25px;
  }
	 .why-swiper, .journey-swiper {
    padding-bottom: 0;
	}.pt-sm-70{
		padding-top:0
	}.pb-sm-70{
		padding-bottom:0
	}.email-wrap input{
		width:100%
	}.side-menu .nav-item .nav-link{
		        padding: 15px 0 !important; 
	}.projects-text h3 {
		width: 100%;}
	    .search-popup.active .search-popup__overlay {
        bottom: calc(90px - 57vw);
    }.search-popup__form input[type=search], .search-popup__form input[type=text] {
		height: 55px;}
.search-popup__form .search-btn {
    width: 55px;
	height: 55px;}
	.feature-text h3{
    font-size: 20px;
	}.legal-pills{
		padding:0 15px
	}.new-hero-section .hero-text{
		    padding-top: 155px;
	}    .hero-logo-sec {
        top: 80px;left:80px
    }.hero-logo-sec img{
    width: 150px;
}    .green-mobility h2 {
        font-size: 35px;
	}.bg-mobility{
		height:320px
	}.bg-mobility img{
		height:100%;object-fit:cover;    object-position: 24% 50%;
	}.project-text-bottom{
		margin-top:25px
	}.projects-modal .projects-text {
    padding: 25px;
}
	 .knowledge-filter-wrap {
            width: 70%;
        }

        .knowledge-filter-wrap .form-check-label {
            font-size: 14px;
        }
	.chatbot {
   width: 40px;
    height: 40px;
	}
	.chatbox-wrapper {
    bottom: 10px;right:10px;
    padding: 5px;
}
	.chatbot-box{
    width: auto;
    height: auto;
    right: 10px;
    left: 10px;
   bottom: 75px;
}
	.chatbot-question {
    font-size: 14px;
    line-height: 20px;
}
	.chatbot-option {
    gap: 10px;
    padding: 7px 7px;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 16px;
}.chat-footer {
    padding-top: 0;
}
	.chats-icn {
    width: 28px;
    height: 28px;
}.chats-icn img {
    height: 15px;
}
	.cq-back {
    gap: 10px;
    margin-bottom: 15px;
}.chatbot img {
    width: 20px;
}
	.chat-title {
    font-size: 16px;
    line-height: 20px;
}.chat-close {
	font-size: 16px;}
	.chatbot-box .chatbot-header {

    padding: 8px 14px;
	}.knows-text{
		        min-height: 0px;
	}.side-menu{
		        width: 75%;
	}.blog-detail-wrap .main-title{
		        font-size: 30px;
	}.blog-post-meta {
    gap: 10px;
    flex-wrap: wrap;
}.knowledge-card {

	margin-bottom: 25px;}.hero-text h1 br{
		display:none
	}.volunteer-modal .modal-header h5 {

    font-size: 22px;
}.volunteer-modal .modal-header {
    display: block;
	padding: 25px 25px;}.volunteer-modal .modal-header button.btn-close {
    top: 10px;
    right: 10px;
}
.volunteer-modal .modal-header h5 {
    margin-bottom: 0;
	}.apply-form{
		padding:25px
	}
}