@media (max-width: 768px) { 
    .banner {
        height: auto;
        margin-bottom: 75px;
    }
	.inner-banner {
		height: auto;
	}
	.inner-cap {
		height: auto;
		padding-top: 165px;
        padding-bottom: 50px;
	}
	
    .banner::after {
        display: none;
    }
    .banner-cap {
        height: auto;
    }
    .banner-cap .swiper-button-next, .banner-cap .swiper-button-prev {
        top: 56%;
    }
    .mainTextSwiper {
        margin-bottom: 32px;
    }
    .banner-cap .swiper-button-next {
        transform: none;
        right: 24px;
        left: auto
    }
    .banner-cap .swiper-button-prev {
        left: 24px;
        transform: none;
    }
    .banner-slide {
        padding: 16px;
    }
    .about-cards .card, .affi-bx, .blog-main .card, .career-main .col-md-8 a {
        margin-bottom: 16px;
    }
    .tab-cap {
        padding-right: 0;
        padding-bottom: 40px;
    }
     .project-caption  {
        width: 100%;
        left: 0;
        padding: 16px;
    }
    .project-caption h5 {
        font-size: 18px;
    }
    .project-caption p {
        font-size: 14px;
    }
    .f-title {
        margin-top: 16px;
    }
    .teamSwiper .swiper-pagination {
        position: static;
    }
    .teamSwiper .swiper-button-next, .teamSwiper .swiper-button-prev {
        bottom: 40px;
    }
    .teamSwiper .swiper-button-next {
        left: auto;
        right: 16px;
    }
    .teamSwiper .swiper-button-prev {
        left: 16px;
    }
    .header {
        background: rgb(13, 31, 52);
    }
	.fn-right {
		text-align: start;
	}
	.inner-cap h5 {
		font-size: 40px;
	}
	.navbar-nav .dropdown:hover .dropdown-menu {
        display: block;
        opacity: 1;
    }
	.common-title span::after {
		top: auto;
		bottom: -16px;
		left: -5px;
	}
	.common-title h5 {
		margin-top: 20px;
		font-size: 40px;
	}
	.common-title span {
		margin-bottom: 24px;
    	display: inline-block;
	}
	.projectSwiper .swiper-slide {
		height: 225px;
	}
	.error404 .inner-banner {
		margin-bottom: 0;
	}
	.error404 .inner-cap {
		padding-bottom: 75px;
	}
	.page-id-136 .inner-pages .common-title span, .page-id-139 .inner-pages .common-title span {
		margin-bottom: 0;
	}
	.page-id-136 .inner-pages .common-title h5, .page-id-139 .inner-pages .common-title h5 {
		margin-bottom: 16px;
	}
	.page-id-136 .inner-pages, .page-id-139 .inner-pages {
		padding-top: 50px;
	}
	.swiper-nav-bottom {
		position: absolute;
		bottom: 32px;
		left: 0;
	}
	.services-tabs .nav li {
		width: 100%;
	}
	.about-cover {
		height: auto;
	}
	.custom-logo-design {
        width: 100%;
    }
}

@media (max-width: 1017px) { 
    .banner-cap ul li {
        font-size: 28px;
    }
    .banner-cap p {
        margin-bottom: 40px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .navigation .navbar-nav li .nav-link {
		padding-left: 8px;
    padding-right: 8px;
	  font-size: 15px;
	}
}
@media (min-width: 1400px) {
  .banner-cap .swiper-button-prev {
    left: 38%;
  }
	.services-tabs .nav a {
		    padding: 10px 51px;
	}	
		.projectSwiper .swiper-slide {
		height: 650px;
	}
	.banner {
		margin-bottom: 260px;
	}
}
@media (max-width: 480px) {
    #imgPopupClose {
        top: 6px;
        right: 6px;
    }
}