@media screen and (max-width: 1300px) {
    .team-inner {
        width: calc(100vw - 60px);
    }

}

@media screen and (max-width: 1199px) {
    .banner-sec .text-box h1 {
        font-size: 44px;
        line-height: 54px;
        margin: 20px 0;
    }

    .banner-sec {
        padding: 150px 0;
    }

    .team-inner {
        width: calc(100vw - 34px);
    }

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

@media screen and (max-width: 992px) {
    .navbar-brand img {
        height: 32px;
    }

    .navbar-nav .nav-item .nav-link {
        font-size: 14px;
    }

    .navbar-nav {
        gap: 16px;
    }

    .banner-sec {
        padding: 130px 0 80px;
    }

    .banner-sec .text-box h1 {
        font-size: 36px;
        line-height: 39px;
        margin: 16px 0;
    }

    .banner-sec .text-box p {
        font-size: 14px;
        line-height: 20px;
    }

    .service-box {
        padding: 30px 16px;
        margin: 10px 0;
    }

    .service-box h4 {
        font-size: 20px;
        margin: 30px 0 16px 0px;
    }

    .service-box p {
        margin: 0 auto 30px;
    }

    .client-work-sec {
        padding: 0 0 50px;
    }

    .why-box {
        padding-right: 18px;
        padding-left: 0px;
        margin-bottom: 30px;
        margin-right: 0px;
    }

    .why-box p {
        font-size: 14px;
        line-height: 20px;
    }

    .why-box::after {
        top: 6px;
        width: 10px;
        height: 10px;
    }

    .why-box.why-left {
        padding-right: 0;
        padding-left: 20px;
        margin-right: 0;
        margin-left: 0px;
    }

    .why-box h4 {
        margin-bottom: 8px;
    }

    .platform-inner {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .team-inner {
        width: 100%;
    }

    .title h2 {
        font-size: 30px;
        margin: 16px 0;
    }

    .title p {
        font-size: 14px;
        line-height: 20px;
    }

    .get-start-sec .image-holder {
        text-align: center;
        margin-top: 30px;
    }

    .newsletter-sec form {
        width: 315px;
    }

    .newsletter-sec .media .text-box .text-inner h4 {
        font-size: 20px;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 767px) {
    .container {
        max-width: 100%;
    }

    header {
        padding: 20px 0;
    }

    .navbar .media {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .navbar-toggler {
        padding: 0;
        border: none;
        border-radius: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

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

    .navbar-collapse {
        background-color: #111822;
    }

    .navbar-nav {
        padding: 20px;
    }

    .header-right {
        padding: 0 20px 20px;
    }

    .header-right ul {
        justify-content: flex-start;
        gap: 0;
    }

    .banner-sec {
        padding: 100px 0 50px;
    }

    .banner-sec .text-box {
        margin-bottom: 30px;
        height: auto;
    }

    .banner-sec .text-box ul {
        margin: 30px 0 0 0;
        gap: 16px;
    }

    .banner-sec .image-holder {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    

    .title h2 {
        font-size: 28px;
        margin: 14px 0;
    }

    .service-inner {
        margin: 30px 0 0 0;
    }

    .client-work-inner {
        margin: 30px auto 0;
    }

    .why-box {
        padding-right: 0;
        padding-left: 20px;
        margin-bottom: 20px;
        margin-right: 0px;
        text-align: left !important;
    }

    .why-box::after {
        left: 0;
    }

    .ml-41 {
        margin-left: 0 !important;
    }

    .why-inner {
        padding: 50px 0 0 0;
    }

    .why-inner .image-holder {
        height: auto;
        margin-top: 30px;
    }

    .platform-box {
        border-radius: 10px;
        padding: 10px;
    }

    .platform-inner {
        margin: 30px 0 0 0;
    }

    .team-sec {
        padding: 50px 0;
    }

    .team-sec .container-fluid {
        padding: 0;
    }

    .team-inner {
        width: 100%;
        margin: 0;
    }

    .team-left {
        margin-bottom: 30px;
        height: auto;
        padding: 0 12px;
    }

    .swiper-btn {
        gap: 0px;
        justify-content: center;
        margin: 40px 0 0 0;
    }

    .team-sec .mySwiper {
        padding-left: 12px;
    }

    .testimonial-inner {
        margin: 30px 0 0 0;
    }

    .testimonial-inner .swiper-button-next,
    .testimonial-inner .swiper-button-prev {
        width: 16px;
        height: 16px;
    }

    .get-start-right h4 {
        margin-bottom: 30px;
    }

    .btn-group {
        margin-bottom: 20px;
    }

    .form-group {
        margin-bottom: 14px;
    }

    .faq-sec {
        padding: 0 0 50px;
    }

    .newsletter-sec .media {
        flex-direction: column;
    }

    .newsletter-sec form {
        width: 80%;
        margin: 30px 0 0 0;
    }
}

@media screen and (max-width: 576px) {
    .navbar-brand img {
        height: 28px;
    }

    .banner-sec .text-box h1 {
        font-size: 30px;
        line-height: 34px;
        margin: 15px 0;
    }

    .service-box p {
        margin: 0 auto 20px;
    }

    .client-work-inner ul {
        flex-wrap: wrap;
        row-gap: 20px;
    }

    .client-work-inner ul li {
        width: 33.3%;
        text-align: center;
    }

    .timeline {
        width: 100%;
        margin: 50px auto 0;
    }

    .timeline-block-right {
        float: none;
    }

    .timeline-content {
        width: 100%;
    }

    .timeline-block {
        width: 100%;
        padding-bottom: 30px;
    }

    .timeline-block-left {
        float: none;
        margin-left: 0;
        direction: ltr;
    }

    .timeline-block-left::before {
        left: 7px;
        right: auto;
    }

    .platform-inner {
        grid-template-columns: 1fr 1fr;
    }

    .platform-box span {
        width: 40px;
        height: 40px;
    }

    .platform-box span img {
        height: 40px;
    }

    .testimonial-box p {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 15px;
    }

    .testimonial-box h4 {
        margin: 10px 0;
    }

    .btn-outline-primary {
        padding: 0 14px;
        width: 49%;
    }

    .btn-group {
        flex-wrap: wrap;
        width: 100%;
    }

    .accordion-button {
        padding: 10px 0;
        font-size: 14px;
        line-height: 20px;
    }

    .accordion-button p {
        padding-right: 30px;
    }

    .accordion-body p {
        font-size: 14px;
        padding-bottom: 15px;
        line-height: 20px;
    }

    .newsletter-sec form {
        width: 100%;
        margin: 30px 0 0 0;
    }

    .newsletter-sec .media .text-box span {
        max-width: 50px;
    }

    footer {
        padding: 30px 0;
    }
}

@media screen and (max-width: 370px) {
    .platform-inner {
        grid-template-columns: 1fr;
    }

    .team-box h3 {
        font-size: 16px;
        margin: 16px 0;
    }

    .swiper-btn {
        margin: 24px 0 0 0;
    }

    .get-start-right h4 {
        font-size: 26px;
    }

    .btn-outline-primary {
        width: 48%;
    }
}












@media screen and (min-width: 1400px) {
	.container {
		max-width: 1324px;
	}
}

@media screen and (max-width: 1400px) {
	.hero-sec .text-box h1 {
		font-size: 50px;
	}
	.hero-sec .text-box h1 span {
		padding: 10px 15px;
		margin-right: 2px;
	}
	.hero-sec .text-box ul li p {
		font-size: 18px;
	}
	.counter-box {
		font-size: 32px;
	}
	.hero-sec .text-right p {
		font-size: 16px;
		margin-bottom: 15px;
	}
	.banner-bottom {
		margin-top: 60px;
	}
	.title .title-left h2 {
		font-size: 34px;
		line-height: 40px;
		margin-bottom: 10px;
	}
	.title .title-right p {
		font-size: 18px;
		margin-bottom: 20px;
	}
	.why-us-box {
		padding: 0 16px 20px 16px;
	}
	.why-us-box h4 {
		font-size: 18px;
	}
	.why-us-box p {
		font-size: 14px;
		line-height: 20px;
	}
	.flow-quiet-box {
		padding: 22px;
	}
	.services-box {
		padding: 16px;
		min-height: 200px;
	}
	.about-meet-box span {
		font-size: 14px;
	}
	.about-meet-box p {
		font-size: 13px;
		line-height: 18px;
	}
	.contact-info p {
		font-size: 16px;
		line-height: 24px;
	}
}

@media screen and (max-width: 1199px) {
	.hero-sec .text-box h1 {
		font-size: 42px;
	}
	.hero-sec .text-box h1 span {
		padding: 8px;
	}
	.counter-box {
		font-size: 24px;
	}
	.hero-sec .text-box ul li {
		padding: 0 12px;
	}
	.hero-sec .text-box ul li p {
		font-size: 16px;
	}
	.about-experience-sec .text-box h3 {
		font-size: 32px;
	}
	.about-experience-sec .text-box p {
		font-size: 18px;
	}
	.flow-quiet-box {
		padding: 16px;
	}
	.flow-quiet-box h4 {
		font-size: 18px;
	}
	.flow-quiet-box p {
		font-size: 14px;
	}
	.quiet-arrow {
		width: 44px;
	}
	.flow-quiet-inner {
		gap: 16px;
		margin: 60px 0 0 0;
	}
	.faq-sec .text-box h3 {
		font-size: 34px;
	}
	.faq-sec .text-box p {
		font-size: 18px;
	}
	.accordion-button {
		font-size: 16px;
	}
	.about-stats-sec {
		padding: 50px 0;
	}
	.about-inner ul p {
		font-size: 18px;
		margin-top: 8px;
	}
	.about-stats-sec .counter-box {
		font-size: 30px;
	}
	.about-company-sec .text-box h3 {
		font-size: 30px;
		line-height: 1;
		margin: 5px 0 20px 0;
	}
	.about-company-sec .text-box h3 strong {
		padding: 0 16px;
		margin: 8px 0 0 0;
		height: 58px;
	}
	.about-cta-sec .media .text-box {
		max-width: 405px;
		width: 100%;
	}
	.about-company-sec .text-box p {
		margin-bottom: 20px;
	}
	.about-cta-sec {
		padding: 50px 0;
	}
	.about-cta-sec .media .text-box h2 {
		font-size: 34px;
		margin-bottom: 20px;
	}
	.about-cta-sec .media .text-box p {
		font-size: 16px;
		line-height: 24px;
	}
	.play-btn a {
		width: 80px;
		height: 80px;
	}
	.about-meet-box {
		padding: 16px;
	}
	.about-meet-box h3 {
		font-size: 16px;
		margin: 15px 0 10px 0;
	}
	.about-meet-box span {
		font-size: 13px;
	}
	.blog-detail-inner .text-box h4 { 
		font-size: 30px; 
	}
}

@media screen and (max-width: 991px) {
	.navbar-nav .nav-item .nav-link {
		height: 36px;
		padding: 0 12px;
		gap: 10px;
	}
	.work-btn {
		font-size: 14px;
		height: 38px;
		padding: 0 16px;
	}
	.hero-sec .text-box h1 {
		font-size: 32px;
	}
	.hero-sec .text-box h1 span {
		padding: 4px;
	}
	.counter-box {
		font-size: 20px;
	}
	.hero-sec .text-box ul li p {
		font-size: 12px;
	}
	.hero-sec .text-right p {
		font-size: 14px;
		margin-bottom: 10px;
		line-height: 20px;
	}
	.primary-btn,
	.secondary-btn {
		height: 36px;
		font-size: 14px;
		padding: 0 16px;
	}
	.hero-sec .text-right ul {
		gap: 10px;
		margin: 20px 0 0 0;
	}
	.play-btn {
		font-size: 14px;
		gap: 8px;
	}
	.play-btn span {
		width: 30px;
		height: 30px;
	}
	.social-media {
		gap: 20px;
	}
	.banner-bottom {
		margin-top: 50px;
	}
	.hero-sec,
	.services-sec,
	.why-us-sec,
	.flow-quiet-sec,
	.faq-sec {
		padding: 50px 0;
	}
	.title .title-left h2 {
		font-size: 28px;
		line-height: 30px;
	}
	.title .title-left span {
		font-size: 14px;
	}
	.title .title-right p {
		font-size: 14px;
		margin-bottom: 10px;
		line-height: 20px;
	}
	.services-box p {
		font-size: 14px;
		line-height: 20px;
	}
	.services-box h4 {
		font-size: 16px;
		margin: 16px 0 12px 0;
	}
	.services-box::after {
		max-width: 185px;
	}
	.about-experience-sec {
		background-color: #111822;
		padding: 50px 0;
	}
	.about-experience-sec .text-box h3 {
		font-size: 24px;
	}
	.about-experience-sec .text-box p {
		font-size: 16px;
		line-height: 22px;
	}
	.about-experience-sec .text-box span {
		font-family: 14px;
	}
	.about-experience-sec .text-box a {
		font-size: 18px;
	}
	.about-experience-sec .image-holder span {
		left: -20px;
		bottom: -20px;
	}
	.title .title-left h2 {
		font-size: 24px;
		line-height: 28px;
	}
	.why-us-box h4 {
		font-size: 18px;
	}
	.why-us-box p {
		font-size: 14px;
		line-height: 20px;
	}
	.why-us-box {
		margin: 22px 0;
	}
	.quiet-arrow {
		display: none;
	}
	.flow-quiet-box strong {
		font-size: 16px;
		width: 30px;
		height: 30px;
		right: -8px;
		top: -8px;
	}
	.flow-quiet-box h4 {
		font-size: 16px;
	}
	.flow-quiet-box p {
		font-size: 13px;
		line-height: 20px;
	}
	.faq-sec .text-box h3 {
		font-size: 24px;
	}
	.faq-sec .text-box p {
		font-size: 16px;
		line-height: 24px;
	}
	.accordion-button span {
		right: 10px;
	}
	.accordion-button {
		padding: 10px 30px 10px 10px;
		line-height: 20px;
	}
	.accordion-body {
		padding: 10px;
	}
	.accordion-body p {
		font-size: 14px;
		line-height: 20px;
	}
	.accordion-body ul {
		margin: 14px 0;
	}
	.accordion-body ul li {
		font-size: 14px;
		line-height: 20px;
		padding-left: 20px;
		margin-bottom: 3px;
	}
	.faq-shape {
		left: 20px;
	}
	.faq-shape img {
		height: 120px;
	}
	.footer-link ol li a {
		font-size: 16px;
	}
	.footer-link .text-box p {
		font-size: 14px;
		line-height: 20px;
	}
	.footer-link .text-box h5 {
		font-size: 16px;
	}
	.about-hero-sec {
		padding: 50px 0;
	}
	.about-hero-sec .media h2 {
		font-size: 32px;
		max-width: 450px;
	}
	.about-hero-sec .media .text-box h3 {
		font-size: 32px;
	}
	.about-hero-sec .media .text-box ul {
		gap: 8px;
		margin: 10px 0 0 0;
	}
	.about-company-sec {
		padding: 50px 0;
	}
	.about-company-sec .text-box p {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 10px;
	}
	.about-company-sec .text-box ul li {
		font-size: 14px;
		padding-left: 16px;
		margin-bottom: 5px;
	}
	.about-company-sec .text-box ul li::after {
		left: 3px;
	}
	.about-company-sec .text-box h3 {
		font-size: 26px;
		margin: 5px 0 10px 0;
	}
	.about-company-sec .text-box h3 strong {
		padding: 0 12px;
		margin: 8px 0 0 0;
		height: 40px;
	}
	.about-meet-sec {
		padding: 40px 0;
	}
	.services-stats-sec ul li img {
		/*height: 60px;*/
	}
	.services-stats-sec {
		padding: 40px 0;
	}
	.about-meet-box p {
		font-size: 12px;
		line-height: 15px;
		margin: 16px 0 0 0;
	}
	.blog-box .text-box ul {
		gap: 8px;
		margin-bottom: 15px;
	}
	.blog-box .text-box ul li {
		font-size: 11px;
		gap: 5px;
	}
	.blog-box .text-box h4 a {
		font-size: 16px;
		line-height: 20px;
	}
	.content {
		font-size: 12px;
		-webkit-line-clamp: 3;
	}
	.content a {
		font-family: 12px;
	}
	.Submit-btn {
		width: 140px;
	}
	.contact-sec {
		padding: 50px 0;
	}
	.contact-info h3 {
		font-size: 32px;
		margin-bottom: 20px;
		max-width: 100%;
	}
	.contact-info ul {
		margin-top: 20px;
		display: grid;
		grid-template-columns: 6fr 6fr;
		gap: 10px;
	}
	.contact-info ul li {
		gap: 20px;
		margin-bottom: 15px;
	}
	.contact-info {
		margin-bottom: 30px;
		height: auto;
	}
}

@media screen and (max-width: 767px) {
	.container {
		max-width: 100%;
	}
	.navbar-brand img {
		height: 26px;
	}
	.navbar-toggler-icon {
		filter: brightness(100);
	}
	.navbar-toggler:focus {
		box-shadow: none;
	}
	.hero-sec .text-box h1 {
		font-size: 50px;
	}
	.counter-box {
		font-size: 28px;
	}
	.hero-sec {
		position: relative;
		padding: 30px 0 70px;
	}
	.hero-sec .text-box ul {
		margin-bottom: 30px;
	}
	.hero-sec .text-box ul li p {
		font-size: 16px;
	}
	.hero-sec .text-box ul li {
		padding: 0 20px;
	}
	.hero-sec .text-right p {
		font-size: 16px;
		margin-bottom: 14px;
		line-height: 23px;
	}
	.banner-bottom {
		margin-top: 20px;
	}
	.mouse-btn {
		position: absolute;
		left: 50%;
		transform: translate(-50%, 0);
		bottom: 20px;
	}
	.mouse-btn img {
		height: 22px;
	}
	.social-media {
		gap: 10px;
	}
	.social-media li a {
		font-size: 16px;
	}
	.title .title-left h2 {
		font-size: 38px;
		line-height: 44px;
	}
	.title .title-right p {
		font-size: 16px;
		margin-bottom: 10px;
		line-height: 26px;
	}
	.title .title-left span {
		font-size: 16px;
		margin-bottom: 10px;
	}
	.title .title-left span img {
		display: none;
	}
	.about-experience-sec .text-box h3 {
		font-size: 28px;
	}
	.about-experience-sec .text-box p {
		margin: 20px 0;
	}
	.about-experience-sec .text-box {
		height: auto;
		margin-bottom: 30px;
	}
	.flow-quiet-inner {
		display: grid;
		grid-template-columns: 6fr 6fr;
		gap: 16px;
		margin: 30px 0 0 0;
	}
	.faq-sec .text-box h3 {
		font-size: 28px;
	}
	.faq-sec .text-box p {
		margin: 16px 0;
	}
	.faq-right {
		margin: 20px 0 0 0;
	}
	.accordion-button {
		padding: 20px 40px 20px 20px;
		line-height: 20px;
		font-size: 18px;
	}
	.accordion-body {
		padding: 20px;
	}
	.footer-top {
		padding: 35px 0;
	}
	.footer-link {
		margin: 15px 0;
	}
	.footer-link ol li a {
		font-size: 18px;
	}
	.footer-link .text-box h5 {
		font-size: 18px;
	}
	.footer-link .text-box p {
		font-size: 16px;
		line-height: 24px;
	}
	.footer-link ol {
		margin-bottom: 15px;
	}
	.copyright {
		padding: 15px 0;
	}
	.copyright .media a img {
		height: 26px;
	}
	.copyright .media p {
		font-size: 14px;
	}
	.about-hero-sec .media h2 {
		font-size: 26px;
		max-width: 303px;
	}
	.about-company-sec .text-box {
		height: auto;
		margin: 30px 0 0 0;
	}
	.about-company-sec .text-box h3 {
		font-size: 42px;
		margin: 16px 0;
	}
	.about-company-sec .text-box p {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 20px;
	}
	.about-company-sec .text-box ul li {
		font-size: 16px;
		margin-bottom: 10px;
	}
	.about-company-sec .text-box h3 strong {
		padding: 0 20px;
		margin: 8px 0 0 0;
		height: 55px;
	}
	.about-inner ul p {
		font-size: 14px;
		margin-top: 10px;
	}
	.about-stats-sec {
		padding: 30px 0;
	}
	.about-stats-sec .counter-box {
		font-size: 26px;
	}
	.about-company-sec.about-mission-sec .text-box {
		height: auto;
		margin: 0 0 30px 0;
	}
	.about-cta-sec .media .text-box h2 {
		font-size: 30px;
		margin-bottom: 16px;
	}
	.about-meet-box p {
		font-size: 14px;
		line-height: 20px;
		margin: 16px 0 0 0;
	}
	.blog-sec {
		padding: 50px 0;
	}
	.blog-form {
		padding: 16px;
		margin: 20px 0 5px 0;
	}
	.form-control {
		height: 39px;
		font-size: 14px;
	}
	.blog-form p {
		font-size: 12px;
	}
	.sorting {
		flex-direction: column;
	}
	.sorting p {
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}
	.contact-info ul li {
		gap: 10px;
		margin-bottom: 0px;
	}
	.contact-info ul li .image-holder {
		width: 46px;
		height: 46px;
	}
	.contact-info ul li .text-box span {
		font-size: 14px;
		margin-bottom: 10px;
	}
	.contact-info ul li .text-box a,
	.contact-info ul li .text-box strong {
		font-size: 18px;
	}
	.blog-detail-sec {
		padding: 50px 0;
	}
	.blog-detail-inner .text-box h4 {
        font-size: 22px;
    }
	.blog-detail-inner .text-box ul { 
		gap: 10px;
		margin: 20px 0;
	}
	.blog-detail-inner .text-box ul li {
		font-size: 14px;
		gap: 10px;
	}
	.blog-detail-inner .text-box p {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 15px;
	}
	.detail-tag p {
		font-size: 13px;
		gap: 4px;
	}
	.detail-tag {
		padding: 20px 0;
	}
	.comment-box p {
		font-size: 14px;
		line-height: 20px;
		}
}

@media screen and (max-width: 576px) {
	.hero-sec .text-box h1 {
		font-size: 34px;
	}
	.hero-sec .text-box ul {
		display: grid;
		grid-template-columns: 6fr 6fr;
		row-gap: 30px;
		margin: 26px 0;
	}
	.hero-sec .text-box ul li:nth-child(2) {
		border: none;
	}
	.hero-sec .text-box ul li:last-child {
		padding: 0;
		border: none;
	}
	.banner-bottom .media {
		flex-direction: column;
		align-items: flex-start;
		row-gap: 15px;
	}
	.title .title-left h2 {
		font-size: 30px;
		line-height: 36px;
	}
	.services-sec {
		padding-bottom: 20px;
	}
	.title .title-left h2 {
		font-size: 24px;
		line-height: 30px;
	}
	.why-us-sec {
		padding-bottom: 10px;
	}
	.flow-quiet-inner {
		grid-template-columns: 12fr;
	}
	.flow-quiet-box strong {
		font-size: 12px;
		width: 24px;
		height: 24px;
	}
	.faq-sec .text-box h3 {
		font-size: 24px;
	}
	.accordion-button {
		padding: 12px 30px 12px 10px;
		line-height: 22px;
		font-size: 16px;
	}
	.accordion-body {
		padding: 16px;
	}
	.about-hero-sec {
		padding: 30px 0 40px;
	}
	.about-hero-sec .media {
		justify-content: space-between;
		flex-direction: column-reverse;
		align-items: flex-start;
	}
	.about-hero-sec .media .text-box h3 {
		font-size: 40px;
		text-align: left;
	}
	.about-hero-sec .media h2 {
		font-size: 24px;
		max-width: 100%;
	}
	.about-hero-sec .media .text-box ul {
		margin: 14px 0;
	}
	.about-company-sec .text-box h3 {
		font-size: 28px;
		margin: 15px 0;
	}
	.about-company-sec .text-box p {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 16px;
	}
	.about-company-sec .text-box ul li {
		font-size: 14px;
		margin-bottom: 8px;
	}
	.about-inner ul {
		flex-wrap: wrap;
		margin: 0 -20px;
	}
	.about-inner ul li {
		width: 50%;
		border-right: 1px solid rgba(255, 255, 255, 0.1);
		padding: 5px 20px;
		margin: 10px 0;
	}
	.about-inner ul li:nth-child(3),
	.about-inner ul li:last-child {
		border: none;
	}
	.about-inner ul li:nth-child(2n + 2) {
		display: none;
	}
	.about-cta-sec {
		padding: 30px 0;
	}
	.about-cta-sec .media {
		flex-direction: column;
		align-items: flex-start;
	}
	.about-cta-sec .media .text-box {
		margin-bottom: 30px;
	}
	.about-cta-sec .media .text-box h2 {
		font-size: 26px;
		margin-bottom: 10px;
	}
	.about-cta-sec .media .text-box p {
		font-size: 14px;
		line-height: 20px;
	}
	.play-btn a {
		width: 60px;
		height: 60px;
	}
	.play-btn a img {
		height: 24px;
	}
	.services-stats-sec {
		padding: 30px 0;
	}
	.services-stats-sec ul li img {
		/*height: 38px;*/
	}
	.blog-form .media {
		align-items: center;
		gap: 16px;
		flex-direction: column;
	}
	.media-inner {
		gap: 16px;
		grid-template-columns: 12fr;
	}
	.Submit-btn {
		width: 100%;
	}
	.sorting ul {
		gap: 3px;
		flex-wrap: wrap;
	}
	.pagination-link.next-prev-btn {
		width: 60px;
	}
	.pagination-link {
		border-radius: 4px;
		font-size: 12px;
		height: 28px;
		width: 28px;
	}
	.contact-info h3 {
		font-size: 26px;
		margin-bottom: 16px;
		max-width: 100%;
	}
	.contact-info ul {
		display: grid;
		grid-template-columns: 12fr;
		gap: 30px;
	}
	.contact-form  .form-group.media { 
		gap: 20px;
		flex-direction: column-reverse;
		align-items: flex-start;
	}
	.blog-detail-inner .text-box h4 {
        font-size: 18px;
    }
	.blog-detail-inner .text-box ul {
        gap: 12px;
        margin: 20px 0;
        flex-wrap: wrap;
    }
	.detail-tag {
        padding: 20px 0;
        flex-direction: column;
        gap: 20px;
    }
	.detail-tag p {
        font-size: 13px;
        gap: 10px;
        line-height: 18px;
    }
	.blog-comment {
		padding-top: 30px;
	}
	.blog-comment h3 { 
		padding-bottom: 30px;
	}
	.comment-box { 
		padding: 16px; 
	}
	.comment-user .image-holder {
		max-width: 34px;
		width: 100%;
	}
	.comment-user .comment-text-box { 
		padding-left: 10px;
	}
	.comment-user .comment-text-box .text-inner h4 { 
		font-size: 14px; 
		margin-bottom: 8px;
	}
	.comment-user .comment-text-box .text-inner span {
		font-size: 12px; 
		line-height: 1;
	}
	.reply-btn { 
		width: 56px;
		height: 28px; 
		font-size: 12px; 
	}
	.comment-box p {
        font-size: 12px;
        line-height: 16px;
    }
	.comment-reply-box { 
		gap: 5px;
		margin: 15px 0 0 0;
	}
	.comment-form h3 { 
		padding: 16px;
	}
	.comment-form .contact-form {
		padding: 16px;
	}
	.blog-sec .title .title-left .left-tittle {
		font-size: 24px;
        line-height: 30px;
        margin-bottom: 10px;

	}
	.blog-sec .title .title-right p {
		font-size: 14px;
		margin-bottom: 20px;
	}
}

.blog-box .image-holder {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 66.67%; /* 3:2 Aspect Ratio */
    overflow: hidden;
  }
  
  .blog-box .image-holder img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }