@media (max-width: 767px) {
    .portfolio-page .content-box{
        padding-bottom: 10px !important;
    }
    .CookieDeclaration .CookieDeclarationType td, .CookieDeclaration .CookieDeclarationType p, .CookieDeclaration .CookieDeclarationType .CookieDeclarationTableHeader{
        font-size: 14px !important;
    }
    .fixalize-footer{
        padding: 0;
    }
    .ft-copy-text {
		display: block;
		margin-bottom: 10px;
	}
    .copyright a {
		display: block;
	}
    .scroll-top{
        top: 40%;
    }
    #main-header .wrapper{
        min-height: 60px;
    }
    .responsive-col{
        padding: 0 !important;
    }
    .responsive-row{
        margin: 0 !important;
    }
    .ill-page {
        margin: 0 0 50px;
        height: 200px;
    }
    .home-section h1 {
        font-size: 1.25rem;
    }
	#btn-mobile {
		/* margin-bottom: 30px; */
	}
	.logo-idea svg {
		width: 105px;
	}
	.folio-box .folio-image .h3 {
		padding: 15px;
	}
	.folio-box .folio-image .h3 {
	    font-size: .65rem;
	}
	.folio-box .folio-image .nr-box {
		font-size: 0.7rem;
	}
	.mobile-wrapper {
		padding-left: 10px!important;
		padding-right: 10px!important;
	}
	.blog-box {
		padding-bottom: 10px;
		margin-bottom: 20px;
	}
	.blog-box h2 {
		font-size: .75rem;
		margin-top: 10px;
        margin-bottom: 0;
        line-height: 1.2;	
    }
	.blog-text {
		width: 100%;
		padding-left: 0;
	}
	.blog-text span {
		font-size: .5rem;
		margin: 5px 0 0;
	}
	.custom-col-12 {
		min-width: 100%;
	}
	.style-text ul li {
		margin-bottom: .2rem;
        font-size: .55rem;
	}
    .section-wrap {
        padding: 10px 0 10px;
    }
	.section-wrap .custom-col {
		padding: 0 7px;
	}
	.section-wrap .custom-col-inside {
		padding: 0 11px;
	}
	.style-text ul {
	    margin-top: .35rem;
	    margin-bottom: .35rem;
	}
	.style-text.long-text ul li {
		font-size: .55rem;
	}
	.style-text ul li:before {
		font-size: .35rem;
	}
	.date {
		font-size: 0.5rem;
	}
	.pb-rem {
		padding-bottom: .55rem;
	}
	.folio-box {
		margin: 0 0 50px;
	}
	.content-subcats .folio-box {
		margin: 0 0 30px 0;
	}
	.content-subcats .col-6:nth-last-child(-n+2) .folio-box {
		margin: 0;
	}
	.wrapper {
		padding: 0;
	}
	#main-header .wrapper {
		padding: 30px 0 0 0;
	}
	.style-text h1 {
		font-size: 1.2rem;
    	line-height: 1.15;
		letter-spacing: 1px;
	}
	.title-box h2 {
		font-size: 4rem;
		margin-top: .85rem;
	}
    #CookieDeclarationUserStatusPanel{
        font-size: .625rem !important;
    }
	.style-text p, .style-text.short-text, .style-text h4 {
		font-size: .625rem !important;
		line-height: 1.5;
	}
	.style-text h2, .content-1 .style-text.first h2 {
	    font-size: .75rem;
	    line-height: 1.3;
	    margin-bottom: .05rem;
	}
	.style-text h2 {
		margin-bottom: .4rem;
	}
	.style-text p {
		margin-bottom: 1rem;
	}
	.style-text p:last-child {
		margin-bottom: 1rem;
	}
	.style-text p:has(strong) {
		margin-bottom: .35rem;
	}
	.style-text .pb-rem {
		padding: 0;
	}
	.project-info.bottom {
	    margin-bottom: 1em;
	}
	.info-box {
		font-size: .35rem;
        line-height: 1;
	}
    #main-footer p.copyright a {
        display: block;
        margin-bottom: 10px;
    }
    .blog-box p {
        font-size: .55rem;
    }
	.info-box i {
	    font-size: .35rem;
	    display: none;
	}
	.info-box-more {
		margin-top: 5px;
	}
	.title-box {
	    padding: 1.5rem 0 1rem;
	}
	.prev-next-box {
		display: none;
	}
	.fixalize {
		overflow: hidden;
        padding: 0;
	}
	.logo-idea img {
	    width: 100px;
	}
	.btn-mob i {
		padding: 5px;
	}
	.content-1 .short-text {
		margin-bottom: 1rem;
	}
	.content-box {
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
	.embed-responsive {
		margin-bottom: 2rem;
	}
	.row {
	    margin-right: -7.5px;
	    margin-left: -7.5px;
	}
	.col {
	    padding-left: 7.5px;
	    padding-right: 7.5px;
	}
	.pt-rem {
		padding-top: .5rem;
	}
	.filter-box {
		text-align: center!important;
	}
	.filter-box .dropdown-menu {
		height: 200px;
		overflow-y: scroll;
		right: 0;
		left: 9px!important;
    	width: 101%;
	}
	.tags {
		position: relative;
	}
	.tags span, .tags strong {
	    font-size: .5rem;
	}
	.close-mobile-nav {
	    padding: 36px 32px 36px 21px;
	}
	.custom-col {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
    .inner-cols-row .col-md-6{
        padding-left: 7px !important;
        padding-right: 7px !important;
        margin-bottom: 15px !important;
        margin-top: 5px !important;
    }
	.style-text h3 {
	    font-size: .75rem;
	    line-height: 1.3;
	}
	.folio-box p, .folio-box .p, .subcategory-intro-text {
		font-size: .35rem;
		line-height: 1.6;
	}
	.folio-box .h2 {
		font-size: .75rem;
		margin: 0 0 5px;
	}
	.cat .style-text h2 {
		font-size: .35rem;
		margin-bottom: 3px;
	}
	.custom-margin {
		margin: 5px 0 10px;
	}
	.folio-image {
	    margin: 0 0 .45rem;
	}
	.subcategory-intro-text {
		font-weight: 700;
	}
	.title-box h3 {
	    margin: .6rem 0 0;
	}
	.filter-box {
		padding: 0;
		margin: .5rem 0;
	}
	.wrapper {
		padding: 15px 0!important;
	}
    #main-header .wrapper {
        padding-bottom: 5px!important;
    }
	.category-shortbox {
		padding-bottom: 35px;
	}
	.category-shortbox h2 {
		font-size: 1.2rem;
		margin: 5px 0;
	}
	.contact-form label, .contact-form input, .contact-form textarea {
		font-size: 0.65rem;
	}	
	.btn-black {
		font-size: .65rem;
	}
	.contact-form {
		margin: 30px 0 50px;
	}
	.contact-form .form-group h3 {
		margin-bottom: 30px;
	}
	.contact-form .svg {
		height: 14px;
	}
	.g-map {
		margin: 30px 0 20px;
	}
	.g-map iframe {
		height: 220px;
	}
	.at-resp-share-element .at-icon, .at-resp-share-element .at-label {
		height: 20px!important;
	}
	.at-style-responsive .at-share-btn {
		padding: 1px!important;
	}
	.share-it {
		margin: 30px 0 0;
	}
	.drag-it {
		background: none;
		top: 15px;
		right: 15px;
		width: 30px;
		height: 30px;
	}
	.drag-it .svg {
		height: 30px;
	}
	
	@keyframes dragAnimation {
	  0% {
		right: 15px;
	  }
	  50% {
		right: 30px;
	  }
	  100% {
		right: 15px;
	  }
	}
	#main-footer h2 {
		font-size: 0.9rem;
    	line-height: 1.4;
	}
	#main-footer hr {
		margin: 20px 0 0 0;
	}
	.ft-text {
		padding: 0;
		font-size: .6rem;
		line-height: 1.4;
	}
	.ft-color {
		padding: 0;
	}
    .arrow-img {
        height: 20px;
    }
	a.ft-btn {
		font-size: .45rem;
		margin: 20px 0 30px;
		padding: 12px 18px 11px;
	}
	.ft-style {
		font-size: .45rem;
		margin-bottom: 20px;
	}
}

@media (max-width: 350px) {
	.folio-box .folio-image .h3 {
		font-size: .55rem;
	}
	.style-text h1 {
		font-size: 1.1rem;
	}
}

@media (max-width: 991px) {
	.mobile-nav {
		background: #fff;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 100;
	}
	.mobile-nav.active {
		display: block;
	}
	.mobile-nav ul {
		position: absolute;
		width: 100%;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
	}
	.mobile-nav ul li a {
		color: #212529;
		text-align: center;
		font-size: .875rem;
		display: block;
		padding: 10px;
		text-transform: uppercase;
		position: relative;
		font-weight: 700;
	}
	#main-header {
		border-bottom: none;
	}
	.folio-box .h2 {
		height: 100%;
		-webkit-line-clamp: unset;
	}
	.share-it {
		text-align: left;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
    #main-header .wrapper{
        min-height: 90px;
    }
    .ill-page {
        height: 280px;
        margin: 0 0 75px;
    }
    .title-box {
        margin-top: 30px;
    }
	.btn-slide strong {
		display: none;
	}
	.folio-box .h2 {
		font-size: .8rem;
	}
	.custom-col {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.wrapper {
		padding: 1rem 0;
	}
	.w-200 {
	    -ms-flex: 0 0 185px;
	    flex: 0 0 185px;
	    max-width: 185px;
	}
	.style-text p {
		margin-bottom: 1.25rem;
		line-height: 1.7;
	}
	.title-box .style-text h2 {
		font-size: 1.05rem;
	}
	.style-text h2, .style-text h3 {
	    font-size: .95rem;
    	line-height: 1.2;
	}
	.content-1 .style-text.first h2 {
		font-size: 1.05rem;
		margin-bottom: 1.25rem;
	}
	.close-mobile-nav {
	    padding: 78px 67px 57px 21px
	}
	.title-box {
	    padding: 0 0 1.5rem;
	}
	.project-info.bottom {
	    margin-bottom: 1.65em;
	}
	.style-text ul li:last-child {
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.content-box {
	    padding-bottom: 2rem;
	    margin-bottom: 2rem;
	}
	.content-box.content-1 {
		margin-bottom: 1.5rem;
	}
	.blog-box {
		padding-bottom: 45px;
		margin-bottom: 45px;
	}
	.style-text h1 {
		font-size: 2rem;
    	line-height: 1.15;
	}
	.style-text ul {
		margin-bottom: 0;
	}
	.prev-next-box .folio-box a {
	    width: 260px;
	}
	.blog-box h2 {
		font-size: 1.2rem;
	}
	.blog-text {
	    padding-left: 10px;
	}
	.category-shortbox h2 {
		font-size: 1.8rem;
	}
	.content-1 .short-text {
		margin-bottom: 1.25rem;
	}
	.share-it {
		margin: 40px 0 0;
	}
	#main-footer hr {
		margin: 15px 0 50px 0;
	}
	#main-footer h2 {
		font-size: 1.7rem;
	}
	a.ft-btn {
		margin: 20px 0 40px;
	}
	.ft-color {
		padding: 0;
	}
	.ft-style {
		margin-bottom: 30px;
	}
}

@media (min-width: 992px) {
	.custom-col {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	.blog-text {
		position: relative;
	}
	.blog-text span {
		position: absolute;
		bottom: 0;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.btn-prev {
		padding-right: 15px;
	}

	.btn-next {
		padding-left: 15px;
	}
	.main-nav li {
	    margin: 0 15px;
	}
	.content-box {
		padding-bottom: 3rem;
   		margin-bottom: 3rem;
	}
	.style-text h1 {
		font-size: 3rem;
	}
	.style-text h2 {
		line-height: 1.3;
	}
	.prev-next-box .folio-box a {
	    width: 350px;
	}
	.btn-slide strong {
		display: none;
	}
	.blog-box h2 {
		font-size: 1.5rem;
	}
	a.ft-btn {
		margin: 20px 0 50px;
	}
}

@media (min-width: 1200px) and (max-width: 1439px) {
	.style-text h1 {
		font-size: 3.75rem;
	}
	.prev-next-box .folio-box a {
	    width: 355px;
	}
	#main-footer h2 {
		font-size: 1.8rem;
	}
}


@media (min-width: 1600px) {
	.custom-col {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}

}

@media (min-width: 2200px) {
	.custom-col {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
}