@media (max-width: 1450px) {
    .w {
        padding-left: 25px;
        padding-right: 25px;
    }
}


@media (max-width: 1150px) {
    .navs ul {
        width: 345px;
        margin-right: 57px;
    }

    .twos .img {
        width: calc(50vw - 10px) !important;
        transform: none !important;
        height: 60vw !important;
    }

    .twos .img-inner {
        transform: none !important;
    }

    .twos .img:first-child {
        margin-right: 20px;
    }

    .twos .img {
        background-color: transparent;
    }

    .single-cover .product .img {
        height: 60vw;
    }

    p#our-values {
        margin-top: 40px;
    }

    a#our-values-btn {
        margin-bottom: 50px;
    }

    #hp-last {
        padding-top: 80px;
    }

    .twos {
        padding-bottom: 80px;
        padding-top: 80px;
    }

    .single-cover .product {
        width: 100%;
        max-width: 100%;
    }

    .single-cover .product .bio strong {
        margin-top: 20px;
    }

    .single-cover .product {
        padding-top: 80px;
    }

    #hp-lead {
        margin-top: 80px;
    }

    .subpage-tbl th {
        width: 200px;
        max-width: 200px;
    }

    .subpage-tbl th, .subpage-tbl td {
        padding-bottom: 80px;
    }

    .subpage-tbl td .columns .col {
        margin-right: 20px;
    }

    #faq h1 {
        margin-top: 50px;
    }

    #process-approach .col p {
        max-width: 100%;
    }

    #process-approach img {
        margin: 80px 0;
    }

    .subpage-tbl {
        margin-top: 40px;
    }

    #process-approach h3 {
        margin-bottom: 12px;
    }

    #portfolio-single .portfolio-lead .img {
        margin-bottom: 80px;
    }

    #portfolio-single .portfolio-lead {
        margin-bottom: 80px;
    }

    #portfolio-single .inbetween-p {
        margin-top: 20px;
    }

    #portfolio-single .inbetween-p .img.small {
        margin-top: 80px;
    }

    #portfolio-single .inbetween-p .img.big {
        margin-top: 80px;
    }

    #portfolio-single .inbetween-p .img.big {
        height: 65vw;
    }

    #portfolio-single .portfolio-lead {
        padding-top: 80px;
    }
}

@media (max-width: 768px) {

	#modal_extra_content .limit {
		padding-top:30px;
		padding-left:0px;
		padding-right:0px;
		padding-bottom:10px;
		
	}

    header ul li {
        display: none;
    }

    #header-hamburger-btn {
        display: inline-block !important;
    }

    #hp-lead {
        margin-top: 60px;
    }
	
    header {
        height: 110px;
    }

    .first-el, .subpage {
        padding-top: 85px;
    }

    #logo {
        position: relative;
        top: -40px;
    }

    #hp-intro {
        max-height: 70vh;
    }

    .single-cover .product {
        width: 100%;
        max-width: 100%;
        padding-top: 60px;
    }

    .single-cover .product .img {
        height: 80vw;
    }

    .single-cover .product .bio strong {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .navs {
        display: block;
    }

    .twos {
        padding: 60px 0;
    }

    .navs ul {
        width: 100%;
        margin-right: 0;
        margin-top: 20px;
    }

    #hp-last {
        padding-top: 60px;
    }

    p#our-values {
        margin-top: 0;
        margin-bottom: 30px;
    }

    a#our-values-btn {
        margin-bottom: 60px;
    }

    #footer {
        padding-top: 60px;
        padding-bottom: 60px;
        display: block;
        text-align: center;
    }

    #footer-logo {
        margin-bottom: 20px;
        display: block;
    }

    #footer ul li {
        margin: 10px auto;
        display: block;
    }

    #cta-projects a {
        margin-top: 50px;
    }

    .subpage-tbl {
        margin-top: 20px;
        display: block;
    }

    .subpage-tbl tbody, .subpage-tbl tr {
        display: block;
    }

    .subpage-tbl th, .subpage-tbl td {
        display: block;
        padding-bottom: 30px;
    }

    .subpage-tbl tr:first-child th {
        padding-top: 0;
        border-top: 0;
    }

    .subpage-tbl th {
        border-top: solid 1px #000;
        padding-top: 20px;
        padding-right: 0;
        margin-right: 0;
        width: 100%;
    }

    #about-studio {
        display: block;
    }

    #about-studio img {
        height: 60vw;
    }

    .subpage-tbl td .columns .col {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .subpage-tbl td .columns {
        display: block;
    }

    .subpage-tbl td .harmonica h3 {
        font-weight: 600;
    }

    .subpage-tbl td .harmonica .row {
        padding: 18px 0;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .subpage-tbl td .harmonica .row:last-child {
        border-bottom: 0;
    }

    .subpage-tbl td .columns .col.harmonica {
        margin-top: 30px;
    }

    #faq h1 {
        margin-top: 10px;
        margin-bottom: 0;
    }

    #faq .question {
        padding: 18px 0;
    }

    #faq-cta {
        margin-top: 40px;
        font-weight: 600;
    }

    h2.small {
        width: 100%;
    }

    #process-approach img {
        margin: 40px 0;
    }

    #process-approach .col:first-child h3 {
        margin-top: 0;
    }

    #process-approach h3 {
        margin-bottom: 4px;
        font-weight: 600;
        margin-top: 20px;
    }

    #process-approach .col p {
        max-width: 100%;
    }

    h2.small br {
        display: none;
        height: 0;
    }

    #portfolio-nav {
        margin-top: 20px;
        margin-bottom: 20px;
        user-select: none;
    }

    #portfolio-nav li {
        margin: 0 4px;
    }

    #portfolio-nav li:first-child {
        margin-left: 0;
    }

    #portfolio-nav li:last-child {
        margin-right: 0;
    }

    #portfolio-gallery {
        margin-top: 0;
    }

    #portfolio-gallery .entry {
        flex: 1 0 100%;
        width: 100%;
        margin-right: 0 !important;
    }

    #portfolio-gallery .entry .img {
        height: 60vw;
    }

    #portfolio-gallery .entry strong {
        margin-top: 10px;
    }

    #portfolio-single .portfolio-lead {
        width: 100%;
        padding-top: 20px;
        max-width: 100%;
        margin-bottom: 40px;
    }

    #portfolio-single .portfolio-lead .img {
        height: 80vw;
        margin-bottom: 40px;
    }

    #portfolio-single table, #portfolio-single table tr, #portfolio-single td, #portfolio-single th {
        display: block;
    }

    #portfolio-single .img.inbetween {
        height: 50vw;
        width: 100%;
    }

    #portfolio-single .twos {
        margin-left: -25px;
        width: calc(100% + 50px);
        max-width: none;
    }

    #portfolio-single .inbetween-p {
        margin-top: 0;
    }

    #portfolio-single .inbetween-p .img {
        margin-top: 40px !important;
        height: 60vw !important;
    }

    .portfolio-move a {
        display: flex;
        flex-flow: column;
    }

    .portfolio-move a img {
        width: auto;
        flex: 0;
        align-self: flex-start;
        margin: 0 !important;
        margin-bottom: 4px !important;
    }

    .portfolio-move a:last-child {
        flex-flow: column-reverse;
    }

    .portfolio-move a:last-child img {
        align-self: flex-end;
    }

    .portfolio-move {
        margin: 50px 0;
    }

    #portfolio-single .portfolio-lead table h2.small {
        width: 100%;
        margin-bottom: 20px;
    }

    #portfolio-single .portfolio-lead table h2.small br {
        display: block;
    }
}