/* Min Width */



/* Max Width */

@media only screen and (max-width: 1420px) {
    .single-post-content.block-50 {max-width: 640px; width: 100%;}
    .single-post-holder .block-70 {width: 80%;}
    
    /*NEW*/
    .project-name .fs-16 {font-size: 14px;}
    .member-name {font-size: 20px;line-height: 24px;padding: 5px 0 0;}
    /**/
}
@media only screen and (max-width: 1240px) {
    
    .project-title a {font-size: 18px;}
    .single-post-holder .block-70 {width: 100%;}
    .h-intro-we {font-size: 280px;}
    .ht-svg {width: 80%;}
    .post-type-archive .block-33 {
        width: 50%;
    }

    /* Fonts */

    .services-table-links .service-link.fs-28 {font-size: 22px;}
    .a-intro-text__title {font-size: 80px;}
    .home-intro-subtitle span {font-size: 32px;}
    .project-taxonomy .project-categories span,
    .project-taxonomy .project-categories .additional-cat {font-size: 14px;}

    /*NEW*/
    .member-name {font-size: 18px;line-height: 20px;}
    .member-info p {line-height: 1.1;}
    /**/

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

    .services-table {width: 100%;}
    .services-table svg {width: 100%; height: auto;}
    .dig-str__placeholder {right: -5%; top: 80%;}
    .home-cta {-moz-transform: translateY(-15vh); -ms-transform: translateY(-15vh); -webkit-transform: translateY(-15vh); transform: translateY(-15vh);}
    .services-cta, .project-cta {height: auto;padding: 20px 0 100px;}
    .scroll-down-holder {width: 90px;}
    #site-navigation, .menu-info {width: 50%;}
    #about-svg {max-height: 750px;height: 100vh;}
    .block-73 {width: 100%;}
    .member-info li:before {left: 2px; top: 10px;}
    .about-mid .a-intro-text__title {margin-bottom: 40px;}
    .about-top {padding: 100px 0 10vh;}
    .about-top__intro {width: 100%;}
    .about-top__intro br {display: none;}
    #about-svg {max-height: 600px;height: auto;width: 100%;}
    .about-svg-holder {width: 100%; margin-top: 20vh; text-align: right;}

    .tax-items-holder .block-50, .blog-post-holder .block-33 {width: 50%;}
    .contact-full.contact-cell, .contact-full.contact-cell textarea {height: 120px;}
    .error-404-text {
        left: 50%;
        top: 50%;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .error-404-link {padding:0;margin-top: 25px;}

    .service-link-1 {left: 17%;}
    .service-link-2 {right: 16%;}
    .service-link-4 {right: -2%;}
    .service-link-5 {right: -4%;}
    .service-link-6 {right: 30%;bottom: 12%;}
    .service-link-7 {left: 0%;}
    .service-link-10 {left: 0%;top: 20%;}
    .service-link-11 {left: initial;top: 2%;right: 5%;}

    .about-form .block-70 {width: 100%;}
    span.wpcf7-list-item.first,
    span.wpcf7-list-item {margin: 0 0 5px 8px;}
    .contact-full.contact-cell textarea {line-height: 20px;}
    .radio-cell input, .gtpr input {height: 20px;width: 20px;vertical-align: middle;}

    /* Fonts */

    .menu-project-link a {font-size: 18px;line-height: 1;}
    .menu-project-link strong {font-size: 48px;}
    .menu-project-link em {font-size: 28px;}
    .service-block-title-inner {font-size: 22px;}
    .all-services-link span {font-size: 28px;}
    .services-table-links a {font-size: 22px; line-height: 1.2;}
    .fs-54 {font-size: 40px;}
    .tax-text__title, .a-intro-text__title, .blog-intro-text__title, .fs-100 {font-size: 60px;line-height: 1.2;letter-spacing: 0;}
    .home-intro-subtitle,
    .home-intro-subtitle p,
    .home-intro-subtitle span,
    .tax-subtitle span,
    .blog-intro-subtitle {font-size: 28px; letter-spacing: 0; line-height: 1.5;}
    .member-info li {font-size: 14px; line-height: 1.2;}
    .error-404-header {font-size: 150px;letter-spacing: -5px;}
    .error-404-link .fs-37 {font-size: 24px;}

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

    /*NEW*/
    .all-serv-page-link {font-size: 18px;}
    .team-member.block-25 {width: 50%;}
    /**/

    /* Cursor */
    html, *:hover {cursor: initial;}
    a:hover, a *:hover, input[type="submit"]:hover, #slb_viewer_wrap .slb_theme_slb_baseline .slb_template_tag_ui:hover, .clickable:hover {cursor: pointer;}
    .cursor {display: none;}

    .service-block-title-inner {-ms-transform: translateY(0%);-webkit-transform: translateY(0%);transform: translateY(0%);color: #ff007f; font-size: 18px;}
    .services-grid-block:hover .service-block-title-inner {color: #000;}
    .ht-svg {width: 120%;}

    /* .video-holder, .vimeo-holder {display: none !important;} */
    .project__img-info {display: none;}
    .footer-inner-holder.block-33 {width: 100%;}
    .home-block, .home-top, .about-section { min-height: initial; }
    
}
@media only screen and (max-width: 1366px) and (orientation:landscape) {
    /* Cursor */
    html, *:hover {cursor: initial;}
    a:hover, a *:hover, input[type="submit"]:hover, #slb_viewer_wrap .slb_theme_slb_baseline .slb_template_tag_ui:hover, .clickable:hover {cursor: pointer;}
    .cursor {display: none;}
    .project__logo {max-height: 140px;}

    .ct-holder {padding: 20vh 0;}
    .ct-bot-holder {padding: 10vh 0;}
}

@media only screen and (max-width: 990px) {
    .h-intro-we {font-size: 250px;}
    .contact-top .block-60 {width: 70%;}
    .contact-top .block-50 {width: 40%;}
    .ct-holder {padding: 22vh 0 10vh;}
    .contact-cell {width: 100%; height: 60px; margin-top: 20px;}
    .contact-cell select, .contact-cell input {line-height: 38px; padding: 20px 0 0 0; font-size: 18px;}
    .project__logo {max-height: 100px;}
    .project-title {bottom: 10px;}
    .home .project-categories span, .home .project-categories .additional-cat {font-size: 14px;line-height: 1.3;}
}
@media only screen and (max-width: 900px) {
    .about-top {padding: 20vh 0 10vh;}
    .about-svg-holder {top: 110%;width: 80%;}
    .post-nav-svg {height: 18px; top: 0; width: 20px;}
    .post-nav-left {padding-left: 20px;}
    .post-nav-right {padding-right: 20px;}

    .fs-24 {font-size: 18px; line-height: 1.2;}
    
    /*NEW*/
    .all-serv-page-link.fs-24,
    .all-blog-page-link.fs-24 {font-size: 16px;}
    /**/
}
@media only screen and (max-width: 850px) {
    .ht-svg {width: 75%;}
}
@media only screen and (max-width: 800px) {
    .menu-info .abs-ml, .menu-info .menu-gif-bg {display: none;}
    #primary-menu li.display-none {display: block;}
    #primary-menu li.display-none a {font-size: 45px; line-height: 80px;}
    
    .menu-info {width: 100%;}
    .menu-holder .gutter {width: initial;}
    .menu-info,
    .menu-info .abs-ml {position: relative;top: initial;left: initial;-ms-transform: translateY(0%);-webkit-transform: translateY(0%);transform: translateY(0%);height: auto;}
    .menu-info .abs-ml {display: block;}
    .menu-project-link {padding-top: 20px;}
    #site-navigation {width: 100%;position: relative;top: initial;left: initial;-ms-transform: translateY(0%);-webkit-transform: translateY(0%);transform: translateY(0%);padding-top: 70px;}
    .footer-right__info a {padding: 5px;}
    .menu-project-link a:hover {border: 0px;}

    .menu-project-link a {font-size: 22px; line-height: 1; width: initial; border: 0;}
    .menu-project-link a br {display: none;}
    .menu-project-link { padding-top: 20px; }

    .menu-project-link em {font-size: 22px;}
    .menu-project-link strong {font-size: 38px;}
    

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

    /*NEW*/
    .works-holder .project-row .full-width .feat-project-div-holder {width: 100%;margin: 0 0 15px;}
    .feat-project-div-holder {margin: 0 0 15px;}
    /**/

    .services-grid-inner {background: none !important;}
    .services-grid-block {padding-top: 60%;}
    .services-grid-block-holder {width: 50%;}
    .services-grid-block-holder:nth-child(4n+1) .services-grid-block:before,
    .services-grid-block-holder:nth-child(4n+3) .services-grid-block:before {border-bottom: 5px solid #fff;border-right: 5px solid #fff;}
    .services-grid-block-holder:nth-child(4n+2) .services-grid-block:before,
    .services-grid-block-holder:nth-child(4n) .services-grid-block:before {border-bottom: 5px solid #fff;border-right: 0px !important;}
    .services-grid-inner {border-bottom: 0;}
    .service-block-title-inner {-ms-transform: translateY(0%);-webkit-transform: translateY(0%);transform: translateY(0%);}
    .services-grid-block-holder .hidden {opacity: 1;}

    .service-block-link .service-block-title-inner {color: #ff007f;}
    .services-grid-block-holder .services-grid-block-inner {background: transparent;}
    .service-block-link:hover .service-block-title-inner {color: #fff;}

    .blog-post-holder .blog-single {width:100%;}

    .project-row .block-33, .project-row .block-50, .team-member.block-33, .blog-post-holder .block-33 {width: 100%;}
    .project-row {padding: 0;}
    .home-cta .block-60 {width: 100%;}
    .home-cta {-moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); height: auto; margin-bottom: 100px;}
    .footer-holder .block-50 {width: 100%;}
    .footer-holder .copyright {left: 0; padding: 0 20px; font-size: 14px;}
    .copyright {top:100%; bottom: initial;}
    .header-info-holder {width: 290px; margin-right: 0;}
    .menu-buttons {width: 80px;}
    .project-single .block-50,
    .about-top__scene .block-70 {width: 100%;}
    #serv_table {display: none;}
    .services-table-links {position: relative;}
    .services-table-links .abs {display: block; width: 100%; height: auto;position: relative;left: initial;top: initial;bottom: initial;right: initial;}
    .services-table-links .abs br {display: none;}
    .home-services .abs-lt {position: relative;}
    .lh-08 {line-height: 1;}
    .hs-title-ver {position: relative; float: left; padding: 0 12px 0 0; -ms-transform: rotate(0deg) translate(0, 0%);-webkit-transform: rotate(0) translate(0%, 0%); transform: rotate(0) translate(0%, 0%);}
    .services-table {padding: 20px 0;}
    .services-table-links a {margin: 0 0 10px;}
    #wdy {width: 100%; max-width: 400px;height: auto; margin: 0 auto; display: block;}
    .home-block {min-height: auto;}
    .ct-holder, .tax-holder, .about-top, .blog-holder {padding: 22vh 0 10vh;}
    .about-svg-holder {
        width: 110%;
    }
    #about-svg {
        height: 85vh;
    }
    .about-mid__right-pad {padding-right: 0%;}
    .about-mid {padding: 40vh 0 10vh;}
    .tax-items-holder .block-50 {width: 100%;}
    .ht-svg {width: 84%;}
    .home-intro-subtitle, .home-intro-subtitle p, .home-intro-subtitle span, .tax-subtitle span, .blog-intro-subtitle {line-height: 1.3;}
    .project__logo {max-height: 200px;}
    .services-table .service-link:before {width: 40px;}

    .service-feat-project-row .block-33 {width: 100%;}
    .serv-row__right, .serv-row__left {width: 100%; position: relative;}
    .serv-row__right .abs-center, .serv-row__left .abs-center {position: relative; text-align: center; left: initial; top: initial; -moz-transform:  translate(0%, 0%); -ms-transform:  translate(0%, 0%); -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%);}
    .serv-row__link {display: none;}
    .serv-svg-holder svg {width: 140px;height: 140px;}
    .serv-svg-holder {margin: 10px 0 25px;}
    .serv-svg-cont {position: absolute; left: 0; bottom: -10px; height: 200px; top: initial;}
    .serv-row {padding-bottom: 200px; background: #000;}
    .serv-row .block-80 {width: 100%;}
    .services-bot {height: 100px;}
    .post-type-archive .block-33 {width: 100%;margin-bottom: 20px;}
    .footer-top-row br {display: initial;}

    /* Fonts */

    p, a, div, li, body, button, input, select, optgroup, textarea {font-size: 16px;line-height: 20px;}
    .single-post-content.block-50 {font-size: 16px;line-height: 20px;}
    .single-post-content h2 {font-size: 28px;}
    .single-post-intro {font-size: 18px;}
    .h-intro-we {font-size: 150px;}
    .h-intro-rotate__item {font-size: 50px;}
    .h-intro-we {font-size: 200px;}
    .service-block-title-inner {font-size: 24px;}

}
@media only screen and (max-width: 680px) {
    .contact-top .block-60 {width: 100%}
    .contact-top .abs-lb {padding: 0 25px; width: 100%; max-width: 350px;}
    .ct-holder {padding: 22vh 0 350px;}
    .ct-bot-holder .block-30, .ct-bot-holder .block-70 {width: 100%;}
}
@media only screen and (max-width: 600px) {
    .header-info-holder {display: none;}
    .hs-title-hor:after {right: -13px; bottom: 4px; width: 10px; height: 10px;}
    .progress-container {left: 12px;}
    .home-mid {padding-top: 40px;}
    .tax-text__title, .a-intro-text__title, .blog-intro-text__title, .fs-100 {font-size: 50px;}
    .project__logo {max-height: 150px;}
    .services-cta, .project-cta {padding: 20px 0;}
    .projects, .tax-items-holder {padding-bottom: 0;}
    .home-services {padding-bottom: 20px;}
    .team-member .gutter {margin:0;}
    .about-bot {padding: 40px 0 0;}
    .blog-holder, .tax-holder, .service-top, .services-top, .single-post-holder {padding: 80px 0 20px;}
    .ct-holder {padding: 80px 0 350px;}
    .gtpr a, .gtpr p {font-size: 13px;}
    .contact-cell label {font-size: 12px;}

    .services-grid-block-holder {width: 100%;}
    .services-grid-block-holder .services-grid-block:before {border-right: 0px !important;}
    .services-grid-block {padding-top: 40%;}
    .home-services {padding: 50px 0;}

    /* Fonts */

    .contact-cell select, .contact-cell input {font-size: 16px;}
    .contact-submit input {line-height: 24px; font-size: 14px;}
    .post-nav-link__title {font-size: 14px;}
    .fs-66 {font-size: 40px;}
    .fs-37 {font-size: 26px;}

    /*NEW*/
    .team-member.block-25 {width: 100%;}
    /**/
}
@media only screen and (max-width: 560px) {
    .serv-row__link { width: 60px; height: 60px; }
    .ht-svg {width: 100%;margin-right: 0;}
    .scroll-down-holder {display: none;}
    .serv-num {margin-right: 15px;}
    ul > li.list-item:before {top: 14px;}
    .service .serv-svg-holder { margin: 50px 0;}
    .service-intro-subtitle {margin-top: 0;}
    .wpcf7-acceptance span {font-size: 14px;}
    .home-top, .ht-holder {min-height: 550px;}
    .project__img-info {opacity: 0.8 !important;}
    .service-feat-project-row .project-categories {display: none;}
    
    /* Fonts */
    
    .footer-top-row .fs-32 {font-size: 22px;}
    .fs-20 {font-size: 16px;}
    .services .fs-33 {font-size: 22px;}
    .tax-text__title, .a-intro-text__title {font-size: 40px;}
    .home-intro-subtitle, .home-intro-subtitle p, .home-intro-subtitle span, .tax-subtitle span {font-size: 22px;}

}
@media only screen and (max-width: 460px) {
    .progress-container {left: 10px;}
    .ht-svg {width: 100%;}
    .ht-intro {top: 45%;}
    .web-dev__placeholder:before, .dig-str__placeholder:before, .soc-med__placeholder:before, .log-bra__placeholder:before, .design__placeholder:before {display: none;}
    .services-table-links a {transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);}
    .services-table-links a:hover {color: #ff007f;}
    .home-intro-subtitle, .home-intro-subtitle p, .home-intro-subtitle span, .tax-subtitle span, .blog-intro-subtitle {line-height: 1.5;}
    .serv-row__link { width: 45px; height: 45px; }
    .about-mid {padding: 10vh 0 10vh;}
    #primary-menu li a {font-size: 50px;line-height: 55px;}
    .home-top, .ht-holder {min-height: 500px;}
    #masthead {height: 45px;}
    .site-branding svg {height: 32px;}
    .search-holder svg {width: 20px;}
    .burger-holder {width: 25px;}
    .menu-buttons {width: 65px;}
    .project__logo {max-height: 100px;}
    .ht-svg svg,
    .ht-svg {width: 110% !important;}
    .home-top-intro, .home-mid {padding-top: 50px;}
    .single-post-holder .project-categories {margin-bottom: 40px;}

    /* Fonts */
    .single-post-title.fs-54 {font-size: 22px;line-height: 1.2;}
    .fs-54 {font-size: 30px;}
    .single-post-content h1 {font-size: 32px;}
    .single-post-content h2 {font-size: 28px;}
    .single-post-content h3 {font-size: 26px;}
    .single-post-content h4 {font-size: 22px;}
    .single-post-content h5 {font-size: 18px;}
    .single-post-content h6 {font-size: 15px;}
    .post-nav-link__title {font-size: 12px;}
    .fs-37 {font-size: 22px;}
}
@media only screen and (max-width: 420px) {
    .serv-svg-holder svg {width: 100px;height: 100px;}
    .service-intro-subtitle {padding: 30px 0 50px;}
    .service-feat-project-row, .serv-mid-row {padding: 5vh 0;}
    .home-intro-subtitle, .home-intro-subtitle p, .home-intro-subtitle span, .tax-subtitle span, .blog-intro-subtitle {font-size: 20px;}
    .tax-text__title, .a-intro-text__title, .blog-intro-text__title, .fs-100 {font-size: 32px;}
    .ct-bot-holder {padding: 10vh 0; min-height: initial;}
    .contact-bot-title {margin-bottom: 10vh;}
    .project-categories span {padding: 0 3px 0 0;}
    .project-categories .additional-cat {padding: 0 3px 0 6px;}

    .tax-text__title, .a-intro-text__title {font-size: 36px;}
    .fs-33 {font-size: 26px;}
    .error-404-header {font-size: 75px;letter-spacing: -2px;}
    .error-404-header-holder {width: 100%; height: 100%;}
    .error-404-text {width: 100%;}
    .project-taxonomy .project-categories span, .project-taxonomy .project-categories .additional-cat {font-size: 12px;line-height: 1.3;}
    #primary-menu li a {font-size: 55px;line-height: 65px;}
    

}
@media only screen and (max-width: 380px) {
    #about-svg {height: 70vh;}
    .about-mid {padding: 40vh 0 10vh;}
    .service-top, .services-top {padding: 22vh 0 5vh;}
    .wpcf7-acceptance span {font-size: 10px;}
    .home-top, .ht-holder {min-height: 450px;}
    .project-taxonomy .project__logo { max-height: 75px;}
    .project-title {bottom: 10px;}
    .project__img-info {padding: 10px;}
    .gutter {margin: 0 10px;}
    .project__logo {max-height: 80px;}
    .ht-svg svg,
    .ht-svg {width: 120% !important;}

    .home-intro-subtitle, .home-intro-subtitle p, .home-intro-subtitle span, .tax-subtitle span {font-size: 18px;}
    .footer-top-row .fs-32 {font-size: 20px;}
}


/* Menu */

@media only screen and (max-height: 700px) {
    #primary-menu li a {font-size: 65px; line-height: 70px;}

    .about-top {min-height: 625px;}
    .about-svg-holder {margin-top: 195px;}
}
@media only screen and (max-height: 620px) {
    #primary-menu li a {font-size: 45px;line-height: 50px;}
}
@media only screen and (max-height: 550px) {
    #primary-menu li a {font-size: 50px;line-height: 55px;}

    .about-top {min-height: 485px;}
}
@media only screen and (max-height: 500px) {
    #site-navigation {top: initial;bottom: 10px;-moz-transform: translateY(0%);-ms-transform: translateY(0%);-webkit-transform: translateY(0%);transform: translateY(0%);}
    #primary-menu li a {font-size: 40px;line-height: 45px;}
}
@media only screen and (max-height: 380px) {
    #masthead {height: 35px;}
    .site-branding svg {height: 28px;}
    .search-holder svg {width: 20px;}
    .burger-holder {width: 25px;}
    .menu-buttons {width: 65px;}
    .about-svg-holder { margin-top: 0; }
}
@media only screen and (max-height: 350px) {
    #primary-menu li a {font-size: 30px;line-height: 32px;}
    #site-navigation {bottom: 20px;}
    .menu-info .abs-ml {-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);}
    .menu-project-link {padding-top: 0;}
    .menu-info {position: absolute;top: 50%;left: 50%;}
}

@media screen and (max-width: 768px) and (max-height: 1024px) and (orientation: portrait) {
    .ht-intro {top: 40%;}
    .ht-svg {width: 100%;}
}
/* @media screen and (max-width: px) and (max-height: px) and (orientation: portrait) {
    #about-svg {height: 60vh;min-height: initial;}
    .about-svg-holder {text-align: right;}
} */

/* Home Intro */

@media only screen and (max-width: 1800px) {
    .h-intro-we,
    .intro_sec_row,
    .h-intro-rotate__item {font-size: 240px;}
    .h-intro-rotate {height: 240px; padding-left: 400px;}
}
@media only screen and (max-width: 1440px) {
    .h-intro-we,
    .intro_sec_row,
    .h-intro-rotate__item {font-size: 200px;}
    .h-intro-rotate {height: 200px; padding-left: 325px;}
}
@media only screen and (max-width: 1200px) {
    .h-intro-we,
    .intro_sec_row,
    .h-intro-rotate__item {font-size: 160px;}
    .h-intro-rotate {height: 160px; padding-left: 255px;}
}
@media only screen and (max-width: 890px) {
    .h-intro-we,
    .intro_sec_row,
    .h-intro-rotate__item {font-size: 120px;}
    .h-intro-rotate {height: 120px; padding-left: 190px;}
}
@media only screen and (max-width: 650px) {
    .h-intro-we,
    .intro_sec_row,
    .h-intro-rotate__item {font-size: 90px;}
    .h-intro-rotate {height: 90px; padding-left: 140px;}
}
@media only screen and (max-width: 500px) {
    .h-intro-we,
    .intro_sec_row,
    .h-intro-rotate__item {font-size: 70px; letter-spacing: -2px;}
    .h-intro-rotate {height: 70px; padding-left: 115px;}
    .single-post-intro {font-size:16px;}
}
@media only screen and (max-width: 400px) {
    .h-intro-we,
    .intro_sec_row,
    .h-intro-rotate__item {font-size: 60px; letter-spacing: -2px;}
    .h-intro-rotate {height: 60px; padding-left: 100px;}
}