@media screen and (max-width: 992px) {

    .no-mobile {
        display: none;
    }

    .pl-container {
        padding-left: 15px;
    }

    .pr-container {
        padding-right: 15px;
    }

    .dark-page,
    .light-page {
        padding-top: 150px;
    }

    .footer-menu-col:last-child {
        text-align: left;
    }

    .footer-menu-col {
        margin-top: 25px;
    }

    .footer-top {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        flex-direction: column;
        align-content: center;
    }

    .footer-line {
        display: none;
    }

    .footer-socials span {
        display: none;
    }

    .footer-top-right {
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
    }

    .footer-socials {
        margin: 25px 0 !important;
        padding: 0 !important;
    }

    .footer-logo {
        padding-right: 0px;
    }

    .page-title {
        padding-bottom: 15px;
    }

    .content-border {
        border: none !important;
    }

    .media-content .row,
    .project-lists-content .row,
    .project-categories-content .row,
    .row.team-items {
        /* padding-left: 25px; */
        padding-left: 0;
        padding-right: 0;
    }

    .page-title h1 {
        font-size: 36px;
    }

    .page-title span {
        font-size: 15px;
        font-weight: 200;
    }

    .designed-aside {
        position: relative;
        padding-bottom: 25px;
        padding-right: 100px;
    }

    .contact-form .row,
    .page-text {
        /* padding: 0 25px; */
    }

    .page-text {
        padding: 0 15px;
    }


    form .col-md-6 {
        padding: 0;
    }

    .p-0 {
        padding: 0
    }

    .captcha-image {
        padding-top: 0;
        margin-bottom: 25px;
        width: 100%;
    }

    .contact-button {
        margin-top: 25px;
    }

    .page-left {
        padding-right: 15px !important;
    }

    .corporate-kit .col-md-6:first-child {
        margin-bottom: 20px;
    }

    .corporate-kit {
        padding-top: 50px;
        padding-bottom: 100px;
    }

    .corporate-kit .logo-files a {
        margin-left: 0;
        margin-right: 30px;
        transition: 400ms;
    }

    .kit-left,
    .kit-right {
        height: 200px;
        padding: 0 24px;
    }

    .corporate-kit .logo-files {
        justify-content: flex-start;
        display: flex;
    }

    .kit-left .kit-text span:last-child,
    .kit-right .kit-text span:last-child {
        font-size: 36px;
        line-height: 1;
        margin-bottom: 15px;
    }

    .corporate-sustainable {
        margin-top: 35px;
    }

    img.aside-people {
        object-fit: contain;
        height: 100%;
    }

    .corporate-content .corporate-about-text {
        padding: 150px 25px 150px 35px;
    }

    .team-left {
        padding-left: 0 !important;
    }

    .main-slider .slider-content h4 {
        font-size: 22px;
    }

    .main-slider .slider-content h2 {
        font-size: 65px;
        font-weight: bold;
        line-height: 65px;
        margin-top: 0px;
    }

    .main-slider .slider-content {
        height: 350px;
        width: 100%;
        padding: 30px 40px;
    }

    .animation-title .small-title {
        font-size: 18px;
    }

    .animation-title .big-title {
        font-size: 55px;
        line-height: 60px;
    }

    lottie-player#city-animation {
        margin-bottom: -135px;
        margin-top: -115px;
        width: 100% !important;
        height: 385px !important;
    }

    .main-attached .content-text {
        padding: 80px 25px;
    }

    .main-contact .content-title .small-title {
        font-size: 18px;
    }

    .main-contact .content-title .big-title {
        font-size: 45px;
        line-height: 50px;
    }

    .main-contact {
        background-position: -15px -150px;
    }

    .media-boxes .col-md-3 a.media-box {
        position: relative;
        margin: 15px 0;
        height: 275px;
        padding: 25px 120px 25px 30px;
    }

    .main-media .row {
        padding-left: 0;
    }

    .main-projects {
        padding-top: 50px;
        height: unset;
        transition: 400ms;
    }

    .main-projects-content {
        padding-right: 25px;
    }

    .projects-slider {
        margin-top: 50px;
        margin-right: 0 !important;
        padding: 0 25px;
    }

    .main-projects.row,
    .corporate-sustainable .row,
    .corporate-team .row,
    .project-lists-top .row,
    .contact-top .row,
    .media-top .row,
    .otherpage-top .row,
    .project-categories-top .row {
        margin: 0;
    }

    .detail-banner {
        background-size: cover !important;
    }

    .designed-area-content {
        margin-left: 110px !important;
    }

    .designed-area-content .big-title {
        font-size: 50px;
        line-height: 1;
    }

    .designed-area-content p {
        line-height: 28px;
    }

    .premium-area-title .big-title,
    .detail-plan .plan-left .big-title {
        font-size: 45px;
        font-weight: 800;
        line-height: 1;
    }
	
    .section-title .big-title{
        font-size: 40px;
        font-weight: 800;
        line-height: 1;
	}	
	
	.section-title .small-title {
		font-size: 16px;
		letter-spacing: 3px;
	}

    .premium-area img {
        height: 400px;
    }
    .section-title {
        margin-bottom: 50px;
    }
	
    .premium-area-title {
        margin-bottom: 35px;
    }

    .plan-buttons .nav button {
        margin-bottom: 25px;
    }

    .detail-slider {
        overflow: hidden;
    }

    .detail-slider-title .big-title {
		font-size: 50px;
		line-height: 1;
		margin: 15px 0 30px 0;
    }

	.detail-slider-text p {
		line-height: 28px;
	}
	
    .detail-slider .theme-button {
        margin-top: 45px;
    }

    .detail-slider-content {
        padding-top: 45px;
    }
	.main-about {
		background: url();
		background-size: contain;
		padding: 110px 0;
		background-position: top;
		background-repeat: no-repeat;
		background-color: #1a1819;
		width: 100%;
	}
	
	.main-animation{
		padding-top:0 !important;
	}
	
	body:has(.light-page) .desktop-header {
		height: 105px;
	}
	
	.desktop-header {
		height: 150px;
		padding-top: 25px;
	}
	
	.desktop-header:after {
		background: linear-gradient(180deg, rgb(0 0 0 / 86%), rgb(0 0 0 / 26%), rgba(0, 0, 0, 0));
	}
	
	.main-attached:after {
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		background: #ffffff7a;
		z-index: 0;
	}

	.main-attached .container * {
		z-index: 99;
		position: relative;
	}
	
	.main-slider .owl-nav {
		bottom: 370px;
		padding: 0 15px;
	}
	
	.main-slider .owl-dots {
		display: none !important;
	}

}


/** max992 **/

@media (max-width: 1500px) {
    .counter-item circle {
        display: none;
    }
}


/**** Laptop ****/

@media (max-width: 1366px) {}


/**** Laptop END ****/


/**** Tablet ****/

@media screen and (max-width: 768px) {}


/**** Tablet END ****/

@media screen and (min-width: 992px) {}

@media screen and (max-width: 375px) {
    /** Ä°phoneX **/
}

@media (min-width: 1399px) {
    .container {
        max-width: 1640px !important;
    }

    .page-container,
    .page-container-lg,
    .page-container-md,
    .page-container-sm,
    .page-container-xl {
        max-width: 1640px !important;
    }
}

@media (max-width: 992px) {

    .page-container,
    .page-container-lg,
    .page-container-md,
    .page-container-sm {
        max-width: 960px !important;
    }
}

@media (max-width: 768px) {

    .page-container,
    .page-container-md,
    .page-container-sm {
        max-width: 720px !important;
    }
}

@media (max-width: 576px) {

    .page-container,
    .page-container-sm {
        max-width: 540px !important;
    }
}

.page-container,
.page-container-fluid,
.page-container-lg,
.page-container-md,
.page-container-sm,
.page-container-xl {
    width: 100% !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
    margin-right: auto !important;
    margin-left: auto !important;
}