/* SMALL LAPTOPS  */
@media screen and (min-width: 1440px) and (max-width: 1919px) {
    .cardsScrollerGrid .TextContent {
        padding: 60px;
    }

    .slick-prev {
        left: -70px;
    }

    .slick-next {
        right: -70px;
    }

    .slider-nav {
        width: 410px;
        height: 850px;
    }

    .slider-nav .slick-list {
        max-width: 360px !important;
        min-width: 360px;
        height: 360px;
    }

    .slider-for .slick-list {
        min-width: 1130px !important;
        min-height: 700px !important;
        height: 700px;
    }

    /* 5 CASE STUDY SCROLL  */
    .prevButton,
    .nextButton {
        padding: 0px 45px;
    }

    .campaignitem h2,
    .campaignitem h2 a {
        padding: 0px 140px;
    }

    .pageWrap input::-webkit-input-placeholder,
    .pageWrap textarea::-webkit-input-placeholder,
    .pageWrap input[type="text"]::-webkit-input-placeholder {
        color: var(--white);
        opacity: 1;
        font-size: 16px !important;
        line-height: 30px !important;
    }

    .pageWrap input::-moz-placeholder,
    .pageWrap textarea::-moz-placeholder,
    .pageWrap input[type="text"]::-moz-placeholder {
        color: var(--white);
        opacity: 1;
        font-size: 16px !important;
        line-height: 30px !important;
    }

    .pageWrap input:-ms-input-placeholder,
    .pageWrap textarea:-ms-input-placeholder,
    .pageWrap input[type="text"]:-ms-input-placeholder {
        color: var(--white);
        opacity: 1;
        font-size: 16px !important;
        line-height: 30px !important;
    }

    .pageWrap input:-moz-placeholder,
    .pageWrap textarea:-moz-placeholder,
    .pageWrap input[type="text"]:-moz-placeholder {
        color: var(--white);
        opacity: 1;
        font-size: 16px !important;
        line-height: 30px !important;
    }

    /* 5 CASE STUDY SCROLL  */
}

@media screen and (min-width: 1280px) and (max-width: 1440px) {
    .Herocaption h1 {
        font-size: 60px;
        line-height: 70px;
    }

    .slick-prev {
        left: -60px;
    }

    .slick-next {
        right: -60px;
    }

    .contentBlock {
        padding: 0px 70px;
    }

    .columnBlock,
    .quickLinkPanel .columnBlock {
        padding: 0px 50px;
    }

    .quickLinkPanel .col_1_1_1 .col {
        padding: 0px 20px 40px 20px;
    }

    /* SPACING CSS  */
    .TBspace {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .Tspace {
        padding-top: 70px;
    }

    .Bspace {
        padding-bottom: 70px;
    }

    section.accordion.blackBG.TBspace {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .blackBG+.formatPage {
        padding-top: 70px !important;
    }


    /* SPACING CSS  */
    .HeaderLogo {
        max-width: 245px;
        padding: 45px 0px;
        position: relative;
        left: -45px;
    }

    /* HOME HERO */


    /* HOME HERO  */



    /* CARD SCROLLER/GRID */
    .cardsScrollerGrid .TextContent {
        padding: 60px;
    }

    /* CARD SCROLLER/GRID */

    /* TEXT BLOCK ON IMAGE */
    .textImageBlock .contentBlock {
        height: calc(100% - 70px);
    }

    /* TEXT BLOCK ON IMAGE */


    /* 5 CASE STUDY SCROLL  */
    .prevButton,
    .nextButton {
        padding: 0px 45px;
    }

    .campaignitem h2,
    .campaignitem h2 a {
        padding: 0px 140px;
    }

    /* 5 CASE STUDY SCROLL  */

    /* CLIENT LOGO SLIDER */


    /* CLIENT LOGO SLIDER */

    .pageWrap form label,
    .pageWrap .gfield_label {
        padding-right: 20px !important;
    }

    .pageWrap input::-webkit-input-placeholder,
    .pageWrap textarea::-webkit-input-placeholder,
    .pageWrap input[type="text"]::-webkit-input-placeholder {
        color: var(--white);
        opacity: 1;
        font-size: 16px !important;
        line-height: 30px !important;
    }

    .pageWrap input::-moz-placeholder,
    .pageWrap textarea::-moz-placeholder,
    .pageWrap input[type="text"]::-moz-placeholder {
        color: var(--white);
        opacity: 1;
        font-size: 16px !important;
        line-height: 30px !important;
    }

    .pageWrap input:-ms-input-placeholder,
    .pageWrap textarea:-ms-input-placeholder,
    .pageWrap input[type="text"]:-ms-input-placeholder {
        color: var(--white);
        opacity: 1;
        font-size: 16px !important;
        line-height: 30px !important;
    }

    .pageWrap input:-moz-placeholder,
    .pageWrap textarea:-moz-placeholder,
    .pageWrap input[type="text"]:-moz-placeholder {
        color: var(--white);
        opacity: 1;
        font-size: 16px !important;
        line-height: 30px !important;
    }

    .newBox {
        min-width: 320px !important;
        max-width: 320px !important;
    }

    .quoteRow {
        width: calc(100% - 320px) !important;
        padding-right: 40px !important;
    }

    .textImageBlock .TextContent {
        padding: 80px 50px;
    }
}

/* IPAD LANDSCAPE CSS */
@media all and (device-width: 1366px) and (device-height: 1024px) and (orientation: landscape),
all and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape),
all and (device-width: 1180px) and (device-height: 820px) and (orientation: landscape),
all and (device-width: 1194px) and (device-height: 834px) and (orientation: landscape),
all and (device-width: 1080px) and (device-height: 810px) and (orientation: landscape),
screen and (min-width: 1025px) and (max-width: 1279px) {

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        padding-bottom: 14px;
    }

    h1 {
        font-size: 50px;
        line-height: 62px;
    }

    h2 {
        font-size: 40px;
        line-height: 61px;
        font-weight: 500;
    }

    h3,
    .basicContent {
        font-size: 26px;
        line-height: 36px;
    }

    .contentBlock {
        padding: 0px 60px;
    }

    .columnBlock {
        padding: 0px 40px;
    }

    .homeimageslider {
        margin-left: -90px;
    }

    .home .HeroBlock .textImageVideoRow {
        margin-left: -90px;
    }

    .Link {
        padding: 9px 27px 6px 27px !important;
    }

    /* SPACING CSS  */
    .TBspace {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .Tspace {
        padding-top: 70px;
    }

    .Bspace {
        padding-bottom: 70px;
    }

    section.accordion.blackBG.TBspace {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .blackBG+.formatPage {
        padding-top: 70px !important;
    }

    /* SPACING CSS  */

    .quotePanel blockquote {
        padding: 0px 60px;
    }

    .col_1_1 .col,
    .col_1_1_1_1 .col,
    .col_1_1_1 .col {
        width: 50%;
    }

    .sectionTitle {
        margin-bottom: 30px;
    }

    .slick-prev {
        left: 0;
    }

    .slick-next {
        right: 0;
    }

    /* HOME HERO */



    /* HOME HERO */


    /* SMALL HEADER */
    .smallHeader .TextContent {
        padding: 45px;
    }

    /* SMALL HEADER */

    /* CARD SCROLLER */

    .cardsScrollerGrid .card .textImageVideoRow {
        width: 100%;
    }

    .cardsScrollerGrid .TextContent {
        padding: 30px 45px 45px 45px;
        min-height: 305px;
    }

    .smallHeader .TextContent::before {
        width: 270px;
    }

    .smallHeader .TextContent::after {
        height: 270px;
    }

    /* CARD SCROLLER */

    /* QUICK LINKS  */
    .quickLinkPanel .col_1_1_1 .col {
        padding: 0px 20px 40px 20px;
    }

    .cardsScrollerGrid .card .TextContent::before {
        width: 270px;
        height: 270px;
    }

    /* QUICK LINKS */

    /* 5 CASE STUDY SCROLL  */
    .campaignWrapper {
        flex-direction: column;
        min-height: auto;
        max-height: 900px;
        overflow: hidden;
    }

    .campaignitem {
        width: 100% !important;
        min-height: 100%;
        height: 15% !important;
        -webkit-transition: height 1s;
        -moz-transition: height 1s;
        -ms-transition: height 1s;
        -o-transition: height 1s;
        transition: height 1s;
        overflow: hidden;
        position: relative;
    }

    .campaignactive .box {
        min-height: 450px;
    }

    .campaignactive h2 {
        padding-bottom: 0px;
    }

    .campaignactive {
        height: 100% !important;
        min-height: 450px;
    }

    .campaignitem .respButton {
        display: block !important;
    }

    .campaignitem h2 {
        left: 50px;
        max-width: 600px !important;
    }

    .slick-prev {
        left: -55px;
        max-width: 45px;
    }

    .slick-next {
        right: -55px;
        max-width: 45px;
    }

    /* 5 CASE STUDY SCROLL  */

    .prevButton,
    .nextButton {
        display: none;
    }

    /* CASE STUDY DETaIL */
    .casestudydetail .col_1_1 .col {
        padding-bottom: 0px;
    }

    /* STATS  */
    .statsPanel .col_1_1_1_1 .col {
        width: 33.33%;
    }

    /* QUICK LINKS  */
    .quickLinkPanel .col_1_1_1 .col {
        width: 33.33%;
    }

    .getaQuoteForm .gfmc-container {
        flex-direction: column !important;
    }

    .quoteRow fieldset .ginput_container {
        width: 100% !important;
    }

    .quoteRow .gfield {
        flex-direction: column !important;
    }

    .quoteRow .gfield label,
    .getaQuoteForm .gfield legend,
    .quoteRow .gfield legend,
    .quoteRow .gfield .ginput_container {
        width: 100% !important;
    }

    .gfield label,
    .gfield legend {
        width: 25vw !important;
    }

    .gfield .ginput_container,
    fieldset .ginput_container {
        width: calc(100% - 25vw) !important;
    }

    .quoteRow .gfield_description {
        position: relative !important;
        bottom: auto !important;
        top: 0 !important;
        left: 0 !important;
        margin-top: 0px !important;
    }

    .quoteRow .ginput_container.ginput_container_radio {
        display: flex !important;
    }

    .quoteRow,
    .getaQuoteForm .gfield--type-html {
        width: 100% !important;
    }

    .newBox {
        margin-top: 30px !important;
        margin-left: 0px !important;
        min-width: 100% !important;
        min-width: 100% !important;
    }

    .borderBox {
        padding: 25px !important;
    }

    .gchoice label {
        white-space: nowrap;
    }


    .formatPage .btn-wrap button {
        width: 45px;
        height: 45px;
    }

    .next-btn {
        right: -50px;
    }

    .prev-btn {
        left: -50px;
    }

    .sliderFirst .slick-list {
        width: 80%;
    }

    .getaQuoteForm {
        display: flex !important;
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    .quoteRow .cityWrapper .gfmc-column {
        flex-direction: row !important;
    }

    .quoteRow .cityWrapper .gfield.gfield--type-html {
        width: 25vw !important;
    }

    .textImageBlock .TextContent {
        padding: 45px 40px;
    }
}

/* IPAD PORTRAIT CSS */
@media all and (device-width: 1024px) and (device-height: 1366px) and (orientation: portrait),
all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait),
all and (device-width: 820px) and (device-height: 1180px) and (orientation: portrait),
all and (device-width: 834px) and (device-height: 1194px) and (orientation: portrait),
all and (device-width: 810px) and (device-height: 1080px) and (orientation: portrait),
screen and (min-width: 768px) and (max-width: 1024px) {

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        padding-bottom: 14px;
    }

    h1 {
        font-size: 50px;
        line-height: 65px;
    }

    h2 {
        font-size: 40px;
        line-height: 50px;
        font-weight: 500;
    }

    h3,
    .basicContent {
        font-size: 26px;
        line-height: 36px;
    }

    .contentBlock {
        padding: 0px 50px;
    }

    .columnBlock {
        padding: 0px 30px;
    }

    .quotePanel blockquote {
        padding: 0px 40px;
    }

    .col_1_1 .col,
    .col_1_1_1_1 .col,
    .col_1_1_1 .col {
        width: 50%;
    }

    .HeroBlock .col_60_40 .col_60 {
        width: 100% !important;
    }

    .HeroBlock .col_60_40 .col_40 {
        width: 100% !important;
        padding-top: 0px !important;
    }

    .HeroBlock .col_60_40::before {
        width: 350px;
    }

    .heroCaptionWithLink .Link {
        left: 350px !important;
    }

    .sectionTitle {
        margin-bottom: 45px !important;
    }

    .slick-prev {
        left: -45px;
        max-width: 40px;
    }

    .slick-next {
        right: -45px;
        max-width: 40px;
    }

    .quotePanel .slick-prev {
        left: -30px;
    }

    .quotePanel .slick-next {
        right: -30px;
    }

    /* SPACING CSS  */
    .TBspace {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .Tspace {
        padding-top: 60px;
    }

    .Bspace {
        padding-bottom: 60px;
    }

    section.accordion.blackBG.TBspace {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    /* SPACING CSS  */


    /* HOME HERO */


    /* HOME HERO */

    /* SMALL HEADER  */
    .smallHeader .TextContent {
        padding: 30px;
        min-height: 280px;
    }

    .smallHeader .TextContent::before {
        width: 250px;
    }

    .smallHeader .TextContent::after {
        height: 250px;
    }

    /* SMALL HEADER */


    /* CARDS SCROLLER / GRID  */
    .cardsScrollerGrid .card .TextContent::before {
        width: 280px;
        height: 280px;
    }

    .cardsScrollerGrid.scrolll .card {
        padding: 0;
    }

    .cardsScrollerGrid.scrolll .card:last-child {
        padding: 0;
    }

    .cardsScrollerGrid .TextContent {
        padding: 30px 45px 45px 45px;
        min-height: 290px;
    }

    .cardsScrollerGrid .card .textImageVideoRow {
        width: 100%;
    }

    /* CARDS SCROLLER/GRID  */


    /* ACCORDION  */
    .accordion .col_1_1 {
        flex-direction: column;
    }

    .accordion .col_1_1 .col {
        width: 100%;
        padding-bottom: 0px;
    }

    .at-item {
        padding: 25px 0px;
    }

    /* ACCORDION */


    /* TEXT ON IMAGE BLOCK  */
    .textImageBlock .contentBlock {
        min-height: 500px;
    }


    .textImageBlock .TextContent {
        max-width: 100%;
    }

    /* TEXT ON IMAGE BLOCK  */


    /* QUICK LINKS */
    .quickLinkPanel .columnBlock {
        padding: 0px 20px;
    }

    .quickLinkPanel .col_1_1_1 .col {
        padding: 0px 20px 40px 20px;
    }

    /* QUICK LINK */

    /* CLIENT PANEL */

    .clientsPanel h2 {
        padding-bottom: 30px;
    }



    /* CLIENT PANEL */

    /* STATES ROW */
    .statsPanel .col_1_1_1_1 .col {
        width: 33.33%;
    }

    .statsPanel .iconholder {
        margin-bottom: 10px;
    }

    .statsPanel .col_1_1_1_1 .col:nth-last-child(-n + 2) {
        padding-bottom: 0px;
    }

    /* STATES ROW */


    /* Quote ROW */
    .quotePanel h4 span {
        max-width: 500px;
        padding: 0px 35px;
    }

    blockquote {
        font-size: 28px;
        line-height: 43px;
    }

    /* Quote ROW */

    /* 5 CASE STUDY SCROLL  */
    .campaignWrapper {
        flex-direction: column;
        max-height: 750px;
        min-height: auto;
        overflow: hidden;

    }


    .campaignitem {
        width: 100% !important;
        min-height: 100%;
        height: 10% !important;
        -webkit-transition: height 0.5s linear;
        -o-transition: height 0.5s linear;
        transition: height 0.5s linear;
    }

    .campaignactive h2 {
        padding-bottom: 0px;
    }

    .campaignactive {
        height: 100% !important;
        min-height: 300px;
    }

    .campaignactive.box {
        min-height: 300px;
    }

    /* 5 CASE STUDY SCROLL */

    /* FORMAT ROW */
    .formatPage .col_66_33 {
        flex-direction: column;
    }

    .formatPage .col_66_33 .col_66 {
        width: 100%;
    }

    .formatPage .col_66_33 .col_33 {
        width: 50%;
        margin-left: auto;
        margin-top: -25%;
        margin-right: 40px;
    }

    .formatPage .btn-wrap button {
        width: 45px;
        height: 45px;
    }

    .prev-btn {
        left: -10px;
    }

    .next-btn {
        right: -10px;
    }

    .sliderFirst .slick-list {
        width: 100%;
    }

    .sliderSecond .slick-list .slick-slide {
        max-width: 350px !important;
    }

    .prevButton,
    .nextButton {
        display: none;
    }

    /* CASE STUDY LISTING */
    .casestudydetail+.Gallery::before {
        height: 140px;
    }

    /* CASE STUDY LISTING */

    /* CASE STUDY DETAIL */
    .casestudydetail .col_1_1 .col {
        width: 100%;
    }

    .casestudydetail .col_1_1 .col:last-child {
        padding-bottom: 0px !important;
    }

    .getaQuoteForm .gfmc-container {
        flex-direction: column !important;
    }

    fieldset .ginput_container {
        width: 100% !important;
    }

    .quoteRow .gfield {
        flex-direction: column !important;
    }

    .gfield label,
    .gfield legend,
    .gfield .ginput_container {
        width: 100% !important;
    }

    .description_below .gfield_description {
        position: relative !important;
        bottom: auto !important;
        top: 0 !important;
        left: 0 !important;
        margin-top: 0px !important;
        text-align: left !important;
    }

    .quoteRow .ginput_container.ginput_container_radio {
        display: flex !important;
    }

    .quoteRow,
    .getaQuoteForm .gfield--type-html {
        width: 100% !important;
    }

    .newBox {
        margin-top: 30px !important;
        margin-left: 0px !important;
        min-width: 100% !important;
        min-width: 100% !important;
    }

    .borderBox {
        padding: 25px !important;
    }

    .gchoice label {
        white-space: nowrap;
    }

    .quoteRow fieldset.gfield.gfield--type-checkbox .gfield_description {
        top: 5px !important;
    }

    .quoteRow {
        padding-right: 0px !important;
    }

    .basicContent .gfield {
        flex-direction: column;
    }

    .pageWrap form label,
    .pageWrap .gfield_label {
        padding-right: 0px !important;
    }


    .basicContent .description_above .gfield_description {
        left: 0vw !important;
        position: relative !important;
        top: auto !important;
        margin: 10px 0px !important;
    }

    .basicContent .description_above .ginput_container.ginput_container_textarea {
        flex-direction: column-reverse !important;
        display: flex !important;
    }

    .basicContent .gfield_description {
        position: relative !important;
    }


    .getaQuoteForm {
        display: flex !important;
        align-items: flex-start !important;
        flex-direction: column !important;
    }


    .quoteRow .cityWrapper .gfmc-column {
        flex-direction: row !important;
    }

    .quoteRow .cityWrapper .gfield.gfield--type-html {
        width: 25vw !important;
    }

    .textImageBlock .col_1_1 .col {
        width: 100%;
    }

    .textImageBlock .TextContent {
        padding: 40px;
    }
}

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

    html.touch,
    html.no-touch {
        margin-top: 0px !important;
    }

    .logged-in {
        padding-top: 46px;
    }
}

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

    .contentBlock,
    .columnBlock,
    .quickLinkPanel .columnBlock {
        padding: 0px 20px;
    }

    .col_1_1_1_1 .col,
    .col_1_1_1 .col,
    .col_1_1 .col,
    .col_25_75 .col_25,
    .col_25_75 .col_75,
    .LeftRightCol .LeftCol,
    .LeftRightCol .RightCol,
    .col_66_33 .col_66,
    .col_66_33 .col_33 {
        width: 100%;
        padding: 0 0 30px 0px;
    }

    .col_1_1_1_1 .col:last-child,
    .col_1_1_1 .col:last-child,
    .col_1_1 .col:last-child {
        padding-bottom: 0px !important;
    }

    .formatPage .col_33 {
        position: relative;
        top: 0 !important;
    }

    h1 {
        font-size: 45px;
        line-height: 55px;
    }

    h2 {
        font-size: 35px;
        line-height: 45px;
        font-weight: 500;
        padding-bottom: 10px;
    }

    h3,
    .basicContent {
        font-size: 26px;
        line-height: 36px;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        padding-bottom: 10px;
    }

    .sectionTitle {
        margin-bottom: 40px;
        padding-bottom: 10px;
    }

    .sectionTitle br {
        display: none;
    }

    .Link,
    .MenuLink {
        padding: 9px 38px 6px 38px !important;
    }

    .Link {
        font-size: 19px !important;
    }

    .double .defaultContent {
        column-count: 1;
    }

    /* SPACING CSS  */
    .TBspace {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .Tspace {
        padding-top: 50px;
    }

    .Bspace {
        padding-bottom: 50px;
    }

    section.accordion.blackBG.TBspace {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .blackBG+.formatPage {
        padding-top: 50px !important;
    }

    /* SPACING CSS  */


    /* HERO HOME */

    .HeroBlock .col_60_40 .col_60 {
        width: 100% !important;
    }

    .HeroBlock .col_60_40 .col_40 {
        width: 100% !important;
        padding-top: 0px !important;
        padding-bottom: 50px !important;
    }

    .HeroBlock .col_60_40::before {
        width: 150px;
    }

    .heroCaptionWithLink .Link {
        left: 150px !important;
    }

    /* HOMEHERO */
    .smallHeader {
        padding-bottom: 50px;
    }

    .smallHeader .TextContent {
        padding: 40px;
    }

    .smallHeader .contentBlock {
        padding-right: 20px !important;
    }

    /* BLOCKQUOTE CSS */
    .quotePanel blockquote {
        padding: 0px 30px;
    }

    blockquote {
        font-size: 20px;
        line-height: 30px;
    }

    .quotePanel h4 {
        font-size: 22px;
        line-height: 32px;
    }

    .quotePanel h4 span {
        font-size: 17px !important;
    }

    .quotePanel .Quote {
        padding-bottom: 10px;
    }

    .Quote svg {
        max-width: 35px;
    }

    /* BLOCKQOUTE CSS */

    /* ACCORDION CSS */
    .at-title .icon {
        max-width: 35px;
        margin-right: 20px;
    }

    .at-title h2 {
        padding-right: 30px;
    }

    .at-title::after {
        max-width: 25px;
        background-size: contain;
    }

    .at-item {
        padding: 25px 0px;
    }

    .at-tab {
        margin-left: 35px;
    }

    .at-title+.at-tab {
        padding-top: 0px;
    }

    /* ACCORDION CSS */


    /* QUCIK LINKS */
    .quickLinkPanel .col_1_1_1 .col {
        padding: 0 0 40px 0;
    }

    .QuickLink {
        padding-top: 25px;
    }

    .QuickLink svg {
        max-width: 25px;
    }

    /* QUICK LINKS */

    /* CLIENT LOGO */
    .slidelogo {
        padding: 8px 35px;
    }


    /* CLIENT LOGO */


    /* CARD SCROLLER/GRID */
    .cardsScrollerGrid h3.sectionTitle {
        padding-right: 90px !important;
    }

    .cardsScrollerGrid .card {
        flex-direction: column !important;
    }

    .cardsScrollerGrid .card:last-child {
        padding-bottom: 0px;
    }


    .cardsScrollerGrid.grid .card {
        width: 100% !important;
        padding-bottom: 50px;
        height: 100%;
    }

    .cardsScrollerGrid.scrolll .card {
        padding-bottom: 0;
    }

    .cardsScrollerGrid .card .textImageVideoRow {
        width: 100%;
    }


    .cardsScrollerGrid .TextContent {
        padding: 25px 30px;
        min-height: 295px;
    }

    .cardsScrollerGrid .TextContent p+.Link {
        margin-top: 20px;
    }

    .cardsScrollerGrid .card:nth-child(even) .TextContent::before {
        left: 0;
        top: 0;
        background-image: url(../images/griddown.svg) !important;
    }


    .cardsScrollerGrid .card .TextContent::before {
        width: 250px;
        height: 250px;
    }

    .cardsScrollerGrid.scrolll .slick-prev {
        left: auto;
        top: -70px;
        right: 50px;
        max-width: 40px;
    }

    .cardsScrollerGrid.scrolll .slick-next {
        left: auto;
        right: 0px;
        top: -70px;
        max-width: 40px;
    }

    /* CARD SCROLLER/GRID */

    /* 5 CASE STUDY SCROLL  */
    .campaignWrapper {
        flex-direction: column;
        min-height: auto;
        max-height: 580px;
    }

    .campaignitem {
        width: 100% !important;
        min-height: 100%;
        height: 10% !important;
        -webkit-transition: height 1s;
        -moz-transition: height 1s;
        -ms-transition: height 1s;
        -o-transition: height 1s;
        transition: height 1s;
        overflow: hidden;
        position: relative;
    }

    .campaignactive .box {
        min-height: 185px;
    }

    .campaignactive h2 {
        padding-bottom: 0px;
    }

    .campaignactive {
        height: 100% !important;
        min-height: 185px;
    }

    .campaignitem h2 a {
        padding: 20px 55px;
    }


    /* 5 CASE STUDY SCROLL  */

    /* TEXTBLOCK ON IMAGE CSS */
    .textImageBlock .contentBlock {
        padding-top: 50px;
        padding-bottom: 50px;
        min-height: 500px;
    }

    /* TEXTBLOCK ON IMAGE */

    /* STATS PANEL CSS */
    .statsPanel .TextContent p {
        padding-bottom: 0px;
        max-width: 250px;
    }

    /* STATS PANEL CSS */

    .prevButton,
    .nextButton {
        display: none;
    }



    .slick-prev {
        left: 0;
        max-width: 40px;
    }

    .slick-next {
        right: 0;
        max-width: 40px;
    }

    .sliderFirst .slick-list {
        width: 100% !important;
    }

    .sliderFirst {
        padding-top: 30px;
    }

    .formatPage .col_66_33 .col_33 {
        margin: 0 auto;
        max-width: 280px;
    }

    .formatPage .col_33::before {
        padding-top: 200%;
    }

    .sliderSecond {
        padding: 0px 20px;
        position: absolute;
        top: 0;
    }

    .formatPage .btn-wrap button {
        width: 40px;
        height: 40px;
    }

    .slick-dots li button {
        width: 10px;
        height: 10px;
    }

    .slick-dots {
        top: 5px;
    }

    .prev-btn {
        left: -40px;
    }

    .next-btn {
        right: -40px;
    }

    .formatprev-btn {
        left: 0px;
    }

    .formatnext-btn {
        right: 0px;
    }

    .gform-theme--framework .gfield--type-choice .gfield_checkbox,
    .gform-theme--framework .gfield--type-choice .gfield_radio {
        display: flex;
        flex-direction: column;
        gap: var(--gform-theme-field-choice-spacing);
        flex-direction: column !important;
    }

    .getaQuoteForm .gfmc-container {
        flex-direction: column;
    }

    .gfield label,
    .gfield legend,
    .gfield .ginput_container {
        width: 100% !important;
        padding-right: 0px !important;
    }

    .getaQuoteForm legend {
        padding-right: 0px !important;
    }

    .quoteRow,
    .quoteRow .gfield legend {
        padding-right: 0px !important;
    }

    .gfield .ginput_container {
        width: 100% !important;
        padding-top: 0px !important;
    }

    .quoteRow .gfield_description {
        position: relative !important;
        bottom: auto !important;
        top: 0 !important;
        left: 0 !important;
        margin: 0px !important;
    }

    .quoteRow .gfield {
        flex-direction: column !important;
    }

    fieldset .ginput_container {
        width: 100% !important;
    }

    .quoteRow,
    .getaQuoteForm .gfield--type-html {
        width: 100% !important;
    }

    .newBox {
        margin-top: 30px !important;
        margin-left: 0px !important;
        min-width: 100% !important;
        min-width: 100% !important;
    }

    .borderBox {
        padding: 25px !important;
    }

    .getaQuote h2 {
        font-size: 28px;
        line-height: 28px;
        padding-right: 20px;
    }

    .getaQuote .contentBlock .flexWrap a {
        font-size: 15px;
    }

    .getaQuote .contentBlock .flexWrap a::after {
        width: 22px;
        height: 22px;
    }

    .getaQuote .contentBlock .flexWrap {
        flex-wrap: nowrap;
    }

    .basicContent .gfield {
        flex-direction: column;
    }

    .basicContent .description_above .gfield_description {
        left: 0vw !important;
        position: relative !important;
        top: auto !important;
        margin: 10px 0px !important;
        bottom: auto !important;
    }

    .basicContent .description_above .ginput_container.ginput_container_textarea {
        flex-direction: column-reverse !important;
        display: flex !important;
    }

    .basicContent .description_below .gfield_description {
        display: block !important;
        width: 100% !important;
        text-align: left !important;
        left: 0 !important;
    }

    .basicContent .description_below .gfield_description.gform_fileupload_rules {
        display: block !important;
        width: 100% !important;
        text-align: left !important;
        left: 0 !important;
        bottom: 10px !important;
        top: auto !important;
    }

    .gform-grid-col--size-auto:nth-child(odd) {
        padding-left: 5px !important;
    }

    .gform-grid-col--size-auto:nth-child(even) {
        padding-left: 5px !important;
    }

    fieldset .ginput_container {
        float: none !important;
    }

    div:not(.getaQuoteForm, .quoteRow, .calculationBox).gfield {
        flex-direction: column;
    }

    .user-registration-LostPassword {
        bottom: 0 !important;
    }

    .ur-frontend-form button,
    .ur-frontend-form input[type="submit"],
    .ur-frontend-form button[type="submit"] {
        margin-bottom: 30px !important;
    }

    .quotePanel .slick-prev {
        left: -15px;
    }

    .quotePanel .slick-next {
        right: -15px;
    }

    .smallHeader .col_1_1 .col:nth-child(odd),
    .smallHeader .col_1_1 .col:nth-child(even) {
        width: 100%;
    }

    .getaQuoteForm {
        flex-direction: column !important;
    }

    .cityWrapper .gfmc-column .gfield:last-child {
        padding-left: 0px;
    }

    .cityWrapper .gfield:not(.gfield--type-html) {
        width: 100% !important;
    }

    .formatslider .slick-slide span {
        color: var(--black);
    }


    .calculationBox .gfield {
        flex-direction: row !important;
    }

    .homeimageslider {
        margin-left: -70px !important;
        margin-right: 0px !important;
        width: 130%;
        z-index: 1;
    }

    .home .HeroBlock .textImageVideoRow {
        margin-left: -25px;
        width: 115%;
    }

    .textImageBlock .TextContent {
        padding: 30px;
    }

    .imageslider .slick-slide {
        margin-right: 0px;
    }
}



/* BIG SCREEN MOBILE  */
@media (min-width: 481px) and (max-width: 767px) {
    .quotePanel h4 span {
        max-width: 400px;
        padding: 0px 20px;
    }
}

/* SMALL SCREEN MOBILE */
@media (min-width: 320px) and (max-width: 480px) {
    .quotePanel h4 span {
        max-width: 250px;
        padding: 0px 20px;
    }

    .HeroBlock .col_60_40::before {
        width: 60px;
    }

    .heroCaptionWithLink .Link {
        left: 60px !important;
    }

    .HeroBlock .Link {
        padding: 9px 25px 5px 25px !important;
    }
}

/* MOBILE PORTRAIT LANDSCAPE */
@media screen and (min-width: 0) and (max-width: 896px) {

    @media all and (orientation: portrait) {
        .smallHeader .TextContent {
            min-height: 220px;
        }

        .smallHeader .TextContent::after {
            height: 180px;
        }

        .smallHeader .TextContent::before {
            width: 180px;
        }

        /* .smallHeader .TextContent h2 {
            hyphens: auto;
            word-break: break-all;
        } */

        .at-title h2 {
            font-size: 30px !important;
            line-height: 40px !important;
        }
    }

    @media all and (orientation: landscape) {

        .contentBlock,
        .columnBlock,
        .quickLinkPanel .columnBlock {
            padding: 0px 50px;
        }

        .col_1_1_1_1 .col {
            width: 50%;
        }

        .quickLinkPanel .col_1_1_1 .col {
            width: 50%;
            padding: 0px 20px 20px 20px;
        }

        .slick-prev {
            left: -40px;
        }

        .slick-next {
            right: -40px;
        }

        .campaignitem h2 {
            left: 50px;
            max-width: 600px !important;
        }

        /* ACCORDION CSS */
        .at-title .icon {
            max-width: 35px;
            margin-right: 20px;
        }

        .at-title h2 {
            padding-right: 25px;
        }

        .at-title::after {
            max-width: 25px;
            background-size: contain;
        }

        .at-item {
            padding: 25px 0px;
        }

        .at-tab {
            margin-left: 55px;
        }

        .at-title+.at-tab {
            padding: 0;
            padding-top: 15px !important;
        }


        /* ACCORDION CSS */
        .textImageBlock .contentBlock {
            min-height: 400px;
            padding-top: 50px;
            padding-bottom: 50px;
        }

        .statsPanel .col_1_1_1_1 .col:nth-last-child(-n + 2) {
            padding-bottom: 0px;
        }

        .smallHeader .TextContent {
            min-height: 220px;
        }

        .smallHeader .TextContent::after {
            height: 180px;
        }

        .smallHeader .TextContent::before {
            width: 180px;
        }

        .smallHeader .TextContent h2 {
            word-break: break-all;
            hyphens: auto;
        }

        .at-title h2 {
            font-size: 30px !important;
        }

        .cardsScrollerGrid .card .textImageVideoRow {
            width: 100%;
        }

        .formatPage::before {
            height: 45%;
        }

        .homeimageslider {
            margin-left: -70px !important;
            width: 125%;
            z-index: 1;
            margin-right: 0px !important;
        }

        .home .HeroBlock .textImageVideoRow {
            margin-left: -70px;
        }

    }
}


@media screen and (max-width: 1080px) {
    fieldset legend {
        width: 100% !important;
    }

    /* .HeroBlock::before {
            content: '';
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 1;
            background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(1, 1, 1, 1.0));
        } */
}




/* ABOVE  768px */
@media screen and (min-width: 768px) {

    /* CASE STUDY DETAIL */
    .Gallery .col_1_1 .col:nth-last-child(-n + 2) {
        padding-bottom: 0px;
    }
}

/* ABOVE  1024px */

@media screen and (min-width: 1024px) {
    .sliderFirst {
        padding-top: 50px !important;
    }
}

/* ABOVE  1080px */
@media screen and (min-width: 1081px) {
    .campaignitem .respButton {
        display: none;
    }

    .casestudydetail .col_1_1 .col,
    .accordion .col_1_1 .col {
        padding-bottom: 0;
    }


    .statsPanel .col_1_1_1_1 .col:nth-last-child(-n + 2) {
        padding-bottom: 0px;
    }
}

/* ABOVE  1280px */
@media screen and (min-width: 1280px) {

    .mac-os .quoteRow fieldset,
    .mac-os .quoteRow .labelRemove {
        display: block;
    }

    .mac-os .quoteRow fieldset .gchoice label {
        white-space: wrap !important;
    }

    .mac-os .quoteRow fieldset.gfield,
    .mac-os .quoteRow fieldset.gfield.gfield--type-checkbox {
        display: block !important;
    }

    /* SMALL HEADER */
    .smallHeader .col_1_1 .col {
        padding-bottom: 100px;
    }

    /* SMALL HEADER */
    .statsPanel .col_1_1_1_1 .col:nth-last-child(-n + 4) {
        padding-bottom: 0px;
    }

    .sliderFirst .slick-list {
        width: 90%;
    }

    .at-title h2 {
        line-height: 60px;
    }

    .gchoice label {
        white-space: nowrap;
    }




}


/* ABOVE  1441px */
@media screen and (min-width: 1800px) {
    .cardsScrollerGrid .TextContent p {
        max-width: 500px;
    }

    .campaignitem h2,
    .campaignitem h2 a {
        padding: 0px 200px;
    }


}

@media (orientation: landscape) {
    .excelViewer iframe {
        height: 80vh !important;
     }
}

@media (orientation: landscape) and (max-height: 525px) {
    .excelViewer iframe {
        height: 86vh !important;
     }
}