@media only screen and (max-width: 1400px) {
	.theme-btn {
		padding: 14px 36px;
	}
}
@media only screen and (max-width: 1200px) {
	.arc-about-year-info .wt-title {
		font-size: 24px;
		line-height: 28px;
	}
	.text-outline {
		display: block;
		font-size: 80px;
		line-height: 75px;
	}
	.cta-section {
		width: 77%;
	}
}
@media only screen and (max-width: 1199px) {
	.work-carousel-outer .nu-img-effect .nu-info {
		width: 80%;
	}
	.nu-title-main {
		float: none;
		padding-right: 0px;
		border: none;
	}
	.title-right-details {
		padding-left: 0;
	}
}
@media only screen and (max-width: 1140px) {
	.fullpage-slider {
		padding: 0px;
	}
	.side-border {
		padding-left: 0;
		padding-right: 0;
	}
}
@media only screen and (max-width: 1024px) {
	.fullpage-slider .swiper-slide .slider-inner .swiper-content {
		top: 40%;
	}
	.section-full {
		background-attachment: scroll !important;
	}
	.nu-title {
		font-size: 35px;
		line-height: 45px;
	}
}
@media only screen and (max-width: 991px) {
	.header-lower {
		padding-top: 5px;
	}
	.header-lower .shape{
		display: none;
	}
	.nu-navbar {
        min-height: 82px;
        padding: 0 15px;
    }
    .nu-menu,
    .nu-call,
    .nu-social {
        display: none;
    }
    .nu-menu-toggle {
        display: block;
    }
	.fullpage-slider {
		height: calc(100vh - 82px);
	}
	.fullpage-slider .slider-inner {
		height: calc(100vh - 82px);
	}
	.fullpage-slider .swiper-slide .slider-inner img {
		height: calc(100vh - 82px);
	}
	.fullpage-slider .swiper-slide .slider-inner .swiper-content {
		width: 100%;
	}
	.swiper-container-h .slider-pagination-area {
		width: 200px !important;
	}
	.swiper-container-h .slider-pagination-area .swiper-pagination {
		bottom: 0 !important;
		width: 200px !important;
	}
	.arc-home-about-right {
		margin: 30px -10px -20px -10px;
	}
	.arc-home-about-right .row [class*="col-"] {
		padding: 0 10px;
	}
	.arc-about-year-info {
		right: 10px;
	}
	.arc-about-year-info .wt-title {
		font-size: 46px;
		line-height: 56px;
	}
	.text-outline {
		display: block;
		font-size: 100px;
		line-height: 100px;
	}
	.work-carousel-outer {
		overflow: hidden;
	}
	.work-carousel-outer .swiper-slide {
        width: 100%;
        opacity: 1;
    }
	.work-carousel-outer .nu-img-effect {
        height: auto;
        min-height: 360px;
        aspect-ratio: 16 / 10;
    }
	.work-carousel-outer .nu-img-effect .nu-info {
        left: 25px;
        bottom: 25px;
        width: calc(100% - 50px);
        padding: 22px;
    }
	.our-approach {
        background-attachment: scroll;
    }
	.site-footer {
		padding: 0;
	}
	.cta-section {
		width: 100%;
	}
	.contact-info-form {
		padding-left: 0;
		padding-top: 40px;
		bottom: 0;
	}
	.project-img-effect-1 {
        height: 170px;
    }
	.project-img-effect-1 .nu-info {
		padding-left: 10px;
		padding-right: 10px;
	}
	.project-img-effect-1 .nu-title {
		display: block;
		max-width: 100%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.project-img-effect-1 .nu-info .nu-title {
		font-size: 11px;
		font-weight: 500;
		letter-spacing: 0;
	}
	.project-img-effect-1 .nu-info p {
		font-size: 10px;
	}
	.nu-title {
        font-size: 34px;
    }
}
@media only screen and (max-width: 768px) {
	.swiper-slide .slider-inner .swiper-content p.disc {
		max-width: 600px;
	}
	.arc-home-about-left:before {
		left: 0;
		bottom: -50px;
	}
	.arc-home-about-left:after {
		right: 0;
		top: -50px;
	}
	.arc-about-year {
		text-align: right;
	}
	.arc-home-about-right .row [class*="col-"].masonry-item {
		width: 50%;
	}
	.arc-home-about-right .row [class*="col-"] {
		padding: 0px 10px;
	}
/*
	.masonry-item {
		width: 100%;
	}
*/
	.arc-about-year-info .wt-title {
		font-size: 24px;
		line-height: 28px;
	}
	.text-outline {
		display: block;
		font-size: 80px;
		line-height: 80px;
	}
	.wt-media > img,
	.wt-media a > img {
		width: 100%;
	}
	.footer-large .container-fluid {
		padding: 0 15px;
	}
	.nu-title {
        font-size: 28px;
    }
	.nu-career-title {
        font-size: 32px;
    }
    .nu-job-card {
        padding: 28px;
    }
}

@media only screen and (max-width: 767px) {
	.swiper-slide .slider-inner .swiper-content p.disc{
		font-size: 16px;
		width: 95%;
	}
	.project-img-effect-1 {
		height: 145px;
	}
	.project-img-effect-1 .nu-info .nu-title {
		margin-bottom: 5px;
	}
	.project-img-effect-1 .nu-info p {
		font-size: 10px;
		line-height: 1;
	}
	.portfolio-wrap.row {
		--bs-gutter-y: 10px;
		--bs-gutter-x: 10px;
	}
}

@media only screen and (max-width: 600px) {
	.fullpage-slider .swiper-slide .slider-inner .swiper-content {
		top: 30%;
		left: 20px;
	}
	.swiper-slide .slider-inner .swiper-content p.disc {
		max-width: 350px;
	}
	.fullpage-slider .swiper-container-h .swiper-button-next,
	.fullpage-slider .swiper-container-h .swiper-button-prev {
		width: 25px;
		height: 25px;
		line-height: 25px;
		bottom: 15px;
	}
	.fullpage-slider .swiper-container-h .swiper-button-next {
		right: 20px;
	}
	.fullpage-slider .swiper-container-h .swiper-button-prev {
		left: 20px;
	}
	.swiper-container-h .swiper-button-next::after,
	.swiper-container-h .swiper-button-prev::after {
		font-size: 15px;
	}
	.swiper-container-h .slider-pagination-area {
		width: 300px;
	}
	.swiper-container-h .slider-pagination-area .slide-range {
		font-size: 16px;
	}
	.swiper-container-h .slider-pagination-area .swiper-pagination {
		width: 300px;
	}
	.arc-home-about-right .row [class*="col-"].masonry-item {
	   width: 100%;
	}
	.arc-home-left-content {
		margin: 30px 15px;
	}
	.arc-home-about-left:after {
		right: -3px;
		top: -25px;
	}
	.arc-home-about-left:before {
		bottom: -25px;
		left: -3px;
	}	
	.arc-home-about-left:before, 
	.arc-home-about-left:after {
		height: 79%;
	}
	.text-outline {
		font-size: 100px;
		line-height: 100px;
	}
	.nu-small-title {
		font-size: 16px;
	}
	.masonry-filter > li {
		margin-bottom: 10px;
	}
	.masonry-filter > li a {
		font-size: 14px !important;
	}
	.project-img-effect-1 img {
		width: calc(130%);
	}
	
}
@media only screen and (max-width: 575px) {
	.work-carousel-outer .nu-img-effect {
        min-height: 300px;
        aspect-ratio: 4 / 5;
    }
    .work-carousel-outer .nu-img-effect .nu-info {
        left: 18px;
        bottom: 18px;
        width: calc(100% - 36px);
        padding: 18px;
    }
	.footer-light .footer-social-content ul li a {
		padding: 15px;
		font-size: 18px;
	}
	button.scroltop {
		font-size: 7px;
		height: 30px;
		width: 30px;
		left: 16px;
	}
	button.scroltop span {
		font-size: 10px;
		line-height: 10px;
	}
}