/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199px) {

    /* GENERAL */
    body {
        padding-top: 44px;
    }

    /* HEADER */
    header h1 {
        padding: 15px 0;
        margin-bottom: -10px;
    }

    header .menu {
        position: absolute;
        background: var(--white);
        right: -40px;
        top: -100vh;
        opacity: 0;
        transition: all .3s;
    }

    header nav {
        padding: 15px 25px;
    }

    header nav ul {
        text-align: left;
        padding: 0;
        display: block;
    }

    header nav li {
        display: block;
        border-bottom: 1px solid var(--lightGray);
        padding: 8px 0;
        position: relative;
    }

    header nav li:hover a {
        background: none;
        color: var(--wine);
    }

    header nav ul ul {
        background: none;
        position: unset;
        padding: 5px 0 8px;
        display: none;
        box-shadow: none;
    }

    header nav ul ul:before {
        display: none;
    }

    header nav .menu-item-has-children:after {
        content: '';
        width: 10px;
        height: 10px;
        border-left: 2px solid #881946;
        border-bottom: 2px solid #881946;
        position: absolute;
        transform: rotate(-45deg);
        transition: all .3s;
        top: 15px;
        right: 0;
    }

    header nav .menu-item-has-children.active:after {
        transform: rotate(135deg);
    }

    header nav ul ul li {
        border: none;
        padding: 3px 0;
    }

    header nav ul ul a {
        /* color: var(--gray) !important; */
        padding: 12px 6px !important;
    }

    header nav li a {
        padding: 0;
        color: #881946;
    }

    header .search {
        padding: 15px 25px 30px 25px;
    }

    header.open .menu {
        top: 37px;
        opacity: 1;
    }

    /* QUOTE - block */
    .wp-block-quote.has-text-align-left {
        margin-left: 95px;
    }

    .wp-block-quote.has-text-align-right {
        margin-right: 95px;
    }

    /* FEATURES - home */
    .features .item {
        height: auto;
    }

    /* BUSINESS - page template */
    .page-template-business header h1 {
        padding: 0;
        margin: 0;
        position: absolute;
        left: 0;
        top: -15px;
    }

    .page-template-business header .logo-business {
        padding: 0;
        right: 160px;
    }

    /* FOOTER */
    footer .col-sm-6.col-lg-3:nth-child(2) {
        margin-left: -30px;
        margin-right: 15px;
    }

}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991px) {

    /* HEADINGS */
    h1.headline-our-ideas {
        font-size: calc(100vw / 25);
        line-height: 150%;
    }

    h2 {
        font-size: calc(100vw / 25);
        line-height: 150%;
    }

    h3 {
        font-size: calc(100vw / 25);
        line-height: 150%;
    }

    /* QUOTE - block */
    .wp-block-quote.has-text-align-left {
        margin-left: 0;
    }

    .wp-block-quote.has-text-align-right {
        margin-right: 0;
    }

    /* WP CLASSES */
    .alignleft {
        float: none !important;
    }

    /* YOUTUBE - block */
    .wp-block-embed-youtube.alignfull iframe {
        height: 40vh;
    }

    /* BUSINESS - page template */
    .page-template-business header .logo-business {
        right: 175px;
    }

    .page-template-business .business-menu a {
        font-size: 12px;
    }

    /* SLIDER - home */
    .slider .text .button {
        margin-top: 15px;
    }

    .slider .tag .slick-wrapper:before {
        left: -75px;
        font-size: 26px;
        background-size: 30px;
        padding-left: 30px;
        padding-bottom: 2px;
    }

    .slider .tag .slick-wrapper:after {
        background-size: 30px;
    }

    .slider .tag .item {
        font-size: 26px;
        line-height: 18px;
    }

    /* FEATURES - home */
    .features {
        font-size: 14px;
        line-height: 20px;
    }

    /* OUR EXPERIENCE */
    .our-experience figure {
        margin: 45px;
    }

    /* OUR EXPERIENCE - page */
    .page-id-601 .our-experience-description {
        position: relative;
        margin: 0;
    }

    .page-id-601 .our-experience-description .item {
        display: block !important;
    }

    /* FILTER */
    .filter {
        /* background: var(--yellow); */
        margin-bottom: 30px;
    }

    .filter form {
        margin-bottom: 10px;
    }

    .filter form div {
        width: 100% !important;
        margin: 0 0 10px;
    }

    .filter form div:last-child {
        width: 100%;
    }

    /* OUR IDEAS - archive page */
    .post-type-archive-our-ideas .filter {
        padding-top: 40px;
        margin-top: -40px;
    }

    /* DALBERG MEDIA - services */
    .services h3 {
        font-size: 25px;
    }

    .services .wp-block-column {
        flex-basis: 0 !important;
        flex-grow: 1;
    }

    /* .services .wp-block-column:not(:first-child){margin-left:30px;} */

}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767px) {

    /* GENERAL */
    body {
        font-size: 16px;
        line-height: 22px;
    }

    .max-width-320 {
        max-width: 320px;
    }

    article p {
        padding-bottom: 15px;
    }

    /* QUOTE - block */
    .wp-block-quote.has-text-align-left,
    .wp-block-quote.has-text-align-right {
        float: none;
        margin: 0;
    }

    /* YOUTUBE - block */
    .wp-block-embed-youtube.alignfull iframe {
        height: 32vh;
    }

    /* SLIDER - home */
    .slider .text .item {
        font-size: 14px;
        line-height: 18px;
        margin: 0;
    }

    .slider .text .slick-dots li {
        height: 2px;
        width: 30px;
        margin: 0 5px;
    }

    .slider .text .slick-dots .slick-active:before {
        height: 2px;
        width: 30px;
    }

    /* FEATURES - home */
    .features .text {
        line-height: 16px;
    }

    .features .item-1 .text,
    .features .item-2 .text {
        padding: 0 10px;
        width: 55%;
    }

    .features .item-1 .text:after,
    .features .item-2 .text:after {
        top: 0 !important;
    }

    .features .item-6 {
        height: 380px;
    }

    /* NAVIGATION */
    .navigation li {
        padding: 0 15px;
    }

    .navigation a {
        font-size: 15px;
        line-height: 21px;
    }

    /* OUR PEOPLE */
    .page-id-1673 .our-people article {
        min-height: 100%;
    }

    /* BUSINESS - page template */
    .page-template-business {
        padding-top: 96px;
    }

    /* DALBERG MEDIA - services */
    .services {
        height: auto !important
    }

    .services .wp-block-column {
        flex-basis: 100% !important;
        flex-grow: 1;
        max-width: 260px;
        margin: auto !important;
        padding-bottom: 0;
    }

    .services .wp-block-column.active p {
        display: none;
    }

    .services h3::after {
        content: "\f061";
        font-family: "Font Awesome 5 Free";
        display: block;
    }

    /* DALBERG MEDIA - projects */
    .page-template-business .features .item.item-1 img {
        height: auto;
    }

    .page-template-business .features .item.item-2 img {
        height: auto;
    }

    .page-template-business .features .text {
        line-height: 12px;
    }

    .page-template-business .features .text strong {
        line-height: 22px;
    }

    /* SINGLE DALBERG MEDIA */
    .single-dalberg-media .col-md-8 {
        order: 2;
    }

    .single-dalberg-media .sidebar {
        order: 1;
        text-align: left !important;
    }

    .single-dalberg-media .sidebar .titles {
        display: inline-block;
        background-color: #7d2546;
        width: 100%;
        margin-left: -130px;
        padding-left: 130px;
        margin-right: -130px;
        padding-right: 130px;
        box-sizing: content-box;
        margin-bottom: 20px;
    }

    .single-dalberg-media .sidebar .titles li {
        float: left;
        margin: 10px 30px 10px 0;
    }

    .single-dalberg-media .sidebar .titles li a {
        color: #fff;
    }

    .single-dalberg-media .sidebar .titles li a:hover {
        color: var(--yellow);
    }

}

/* ScrollMagic */
@media (max-width: 599px) {
    .ScrollMagic .wp-block-column:first-child {
        display: none;
    }
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {

    header .menu {
        right: -15px;
    }

    /* GENERAL */
    section {
        padding: 30px 0;
    }

    .mobile-reverse {
        flex-direction: column-reverse;
    }

    .wp-block-column {
        margin: 15px 0;
    }

    /* FANCYBOX */
    .fancybox-content {
        padding: 44px 15px !important;
    }

    /* ACCORDION */
    .accordion ul {
        margin: 0;
    }

    /* FLEX */
    .flex {
        flex-wrap: wrap;
    }

    /* FEATURED IMAGE */
    .featured-image {
        height: 270px;
    }

    /* HEADINGS */
    h1.headline-our-ideas {
        font-size: 32px;
        line-height: 38px;
    }

    h2 {
        font-size: calc(100vw / 15);
        line-height: 150%;
    }

    h3 {
        font-size: 32px;
        line-height: 38px;
    }

    /* COLUMN - block */
    .wp-block-columns {
        padding-bottom: 30px;
    }

    .wp-block-column {
        width: 100%;
        padding-bottom: 15px;
    }

    .wp-block-columns.no-margin p {
        padding: 0;
    }

    /* COVER - block */
    .wp-block-cover {
        height: 200px;
        min-height: auto !important;
    }

    .wp-block-cover p {
        font-size: 18px;
        line-height: 22px;
    }

    .wp-block-cover .wp-block-cover__inner-container {
        width: calc(100% - 30px);
    }

    /* SLIDER */
    body:not(.home) .slider .slick.image .item {
        height: 350px;
    }

    /* FEATURES - home */
    .features .item-3,
    .features .item-4,
    .features .item-6 {
        height: 300px;
    }

    .features .item-3 img {
        margin-top: -130px;
    }

    /* HOME - yellow */
    .home .yellow {
        padding: 0 0 50px;
    }

    .yellow h3 {
        padding-top: 40px;
    }

    .yellow .button.float {
        position: initial;
        margin-top: 15px;
        display: inline-block;
    }

    .yellow .item {
        padding-right: 15px;
    }

    .yellow .wp_bannerize_container {
        padding: 50px 0 0;
    }

    /* UPCOMING EVENTS */
    .page-id-2096 .item {
        padding-right: 15px;
    }

    /* BUSINESS - page template */
    .page-template-business header h1 {
        display: block;
    }

    .page-template-business .slider .text {
        padding-bottom: 30px;
    }

    .page-template-business .wp-block-custom-bluebox {
        margin: -40px -15px 30px !important;
        padding: 45px 15px 30px;
    }

    .page-template-business .wp-block-custom-bluebox article {
        padding: 40px 15px 20px !important;
    }

    .page-template-business .wp-block-custom-bluebox p {
        text-align: left;
    }

    .page-template-business .areas-of-expertise h3 {
        text-align: left;
    }

    .page-template-business .list {
        margin: -15px;
    }

    .page-template-business .list .item {
        padding: 0 15px;
    }

    .page-template-business .list h4 {
        font: 400 13px/36px 'Lato';
        border-bottom: 1px solid var(--lightGray);
        padding: 0;
        position: relative;
    }

    .page-template-business .list:last-child h4 {
        border: none;
    }

    .page-template-business .list h4:after {
        content: '';
        border-color: var(--gray);
        border-left: 1px solid;
        border-bottom: 1px solid;
        position: absolute;
        width: 8px;
        height: 8px;
        top: calc(50% - 4px);
        right: 0;
        transform: rotate(-45deg);
        transition: all .3s;
    }

    .page-template-business .list .text {
        display: none;
        padding: 10px 0 20px;
    }

    .page-template-business .list .excerpt {
        padding-bottom: 15px;
    }

    .page-template-business .list .content {
        display: none;
    }

    .page-template-business .list .team {
        padding-bottom: 15px;
    }

    .page-template-business .list .team a {
        color: var(--yellow) !important;
    }

    .page-template-business .list .more,
    .page-template-business .list .less {
        border: 1px solid var(--white);
        text-transform: uppercase;
        font: 400 12px/18px 'Lato';
        padding: 2px 8px;
    }

    .page-template-business .list .less {
        display: none;
    }

    .page-template-business .list .active {
        background: var(--wine);
        color: var(--white);
    }

    .page-template-business .list .active h4 {
        border-color: rgba(255, 255, 255, 0.5);
    }

    .page-template-business .list .active h4:after {
        transform: rotate(135deg)
    }

    .page-template-business .list .active a {
        color: var(--white);
    }

    .page-template-business .recent-work .item {
        margin: 0 40px;
    }

    /* HEADER */
    header .menu {
        width: 100vw;
        max-width: 100vw !important;
    }

    /* WHO WE ARE - scroll magic */
    .ScrollMagic img,
    .ScrollMagic .wp-block-cover {
        height: auto;
        padding: 50px 0;
    }

    /* WHO WE ARE - our global locations */
    .page-id-194 .wp-block-column.left {
        flex-basis: 25% !important;
    }

    .page-id-194 .wp-block-column.right {
        flex-basis: 75% !important;
    }

    .page-id-194 .wp-block-column {
        margin: 0;
        padding-bottom: 0;
    }

    /* OUR EXPERIENCE */
    .our-experience figure {
        width: 100px;
        margin: 15px;
    }

    .our-experience figure:before {
        width: 100px;
        height: 100px;
        left: calc(50% - 50px);
    }

    /* OUR EXPERIENCE - page */
    .page-id-601 .our-experience .slick-prev {
        left: 0;
    }

    .page-id-601 .our-experience .slick-next {
        right: 0;
    }

    .page-id-601 .our-experience figure.active:before {
        background: none;
    }

    .page-id-601 .our-experience figure.active img {
        filter: none;
    }

    /* OUR IDEAS */
    .our-ideas .item {
        background: var(--lightGray);
        margin-bottom: 30px;
    }

    .our-ideas .item img {
        width: 100%;
    }

    .our-ideas .item p {
        display: none;
    }

    .our-ideas .item .button {
        display: none;
    }

    .our-ideas .item:after {
        display: none;
    }

    .our-ideas h4 {
        font-size: 16px;
        line-height: 20px;
    }

    .post-type-archive-our-ideas .our-ideas .item {
        margin-left: 0px;
        margin-right: 0;
    }

    /* OUR IDEAS - single */
    .single-our-ideas .flex .item:first-child {
        text-align: left;
    }

    /* YOUTUBE - block */
    .wp-block-embed-youtube iframe {
        height: 40vh;
    }

    /* BLUEBOX - single */
    .bluebox {
        margin: 0px -15px;
    }

    .bluebox a {
        display: block;
        border: none;
    }

    /* SLICK */
    .slick .slick-prev {
        top: 67px;
        left: 0;
    }

    .slick .slick-next {
        top: 67px;
        right: 0;
    }

    /* FILTER */
    .filter {
        padding: 15px 15px 20px;
        margin: 15px -15px 30px;
    }

    .filter h3 {
        padding-bottom: 0;
    }

    .filter form {
        padding: 0;
    }

    /* TEAM - grid */
    .team figure {
        height: 300px;
    }

    /* FOOTER */
    footer {
        text-align: center;
    }

    footer #custom_html-3 {
        display: none;
    }

    footer hr {
        margin-left: auto;
        margin-right: auto;
    }

    footer .col-sm-6.col-lg-3:nth-child(2) {
        margin-left: 0;
        margin-right: 0;
    }

}