/* ========================================== 

        RESPONSIVE STYLE 

========================================== */
@media screen and (max-width:1800px) {
   .solution-box .container .single-tile {
        height: 42vw;
    } 
}

@media screen and (max-width:1675px) {
    .container, .post-nav-wrap .container, .work-info .container, .about-info .block-paragraphs p, .categories-filter .container, .team-members .container, .content-block.blog-list .container, .careers-block .container, body.single-post .container.post-featured-image, body.single-post .post-content .container, body.single-news .post-content .container, .privacy-policy .container, body.page-id-13421 footer .container{
        max-width: 1440px;
    }
    body.single-post .content-block.blog-hero .hero-content.container, .categories-filter .container, .team-members .container, .services .tabs-block, .about-info .block-paragraphs p, .solution-box .container, .careers-main .container, .generate-leads .container, body.single-news .content-block.blog-hero .hero-content.container {
        max-width: 1280px; 
    }
    .generate-leads .container{
        padding-right: 0;
    }
    .header-menu ul > li{
        font-size: 14px;
    }
    .header-menu ul > li a{
        padding: 42px 30px;
    }
    .home .page-container:before{
        background-size: 70%;
        background-repeat: no-repeat;
        background-position: top right;
    }
    body .heading-text-light h1.hero_title,
    body .heading-text-light h2.hero_title{
        font-size: 75px;
        line-height: 80px;
        margin: 0 0 20px;
    }
    h2.block-title, h1.block-title, .multifamily h2.block-title{
        font-size: 65px;
        margin-bottom: 40px;
    }
    h3.block-subtitle, h4.block-subtitle, h5.tile-subtitle, body h3.block-subtitle {
        font-size: 22px;
        line-height: 40px;
    }
    body .inner-hero-content .hero-paragraphs p, body .landing-hero-content .hero-paragraphs p{
        font-size: 18px;
        line-height: 30px;
    }
    .landing-hero-content .hero-paragraphs p, .tile-description p, p, body .home-tabs .tab-content-section .block-paragraphs p, body .accordion dd p,
    .blogs-listing .post-link-wrap a.post-link, body.single-post .single-related-posts a.read-more-link, .hero-paragraphs p, body .single-solutions .block-paragraphs p, body .single-solutions .block-paragraphs p, .tabs-stage .block-paragraphs p, body .tabs-stage .block-paragraphs p, body .generate-leads .single-tile .tile-description p, body.single-news .single-related-posts a.read-more-link, .news-listing .post-link-wrap a.post-link,  .privacy-policy p, .privacy-policy ul li, .single-related-posts a.read-more-link{
        font-size: 16px;
        line-height: 30px;
    }
    .hot-leads .mac-intro-content ul li, .single-solutions .block-paragraphs .what-we-do ul li, .careers-info .block-paragraphs ul li, .lp-info .block-paragraphs ul li{
        font-size: 18px;
        margin: 20px 0;
    }
    body .landing-hero-content .hero-paragraphs p br{
        display: none;
    }
    .pattern-1 .mac-intro-section:before, .generate-leads .tiles-wrapper.container:before{
        width: 300px;
        height: 230px;
        left: -170px;
        background-size: 40px;
    }
    .pattern-1 .mac-intro-section:before{
        background-size: 36px;
        top: -220px;
    }
    .hot-leads .mac-intro-content{
        padding-left: 2%;
    }
    .content-block.multifamily .mac-intro-section.container:after{
        width: 220px;
        left: 5%;
    }
    .content-block.multifamily .mac-intro-section.container:before{
        left: 11.8%;
    }
    .footer-links ul#menu-footer-menu li ul.sub-menu li a{
        font-size: 13px;
        letter-spacing: 1px;
    }
    .client-listing .dir-content h3.block-subtitle, .blogs-listing .single-post h4.single-post-title, .news-listing .single-post h4.single-post-title{
        font-size: 24px;
    }
    .categories-filter h2.block-subtitle,
    .categories-filter h4.block-subtitle,
    body .careers-block h2.block-subtitle{
        font-size: 30px;
        line-height: 45px;
    }
    body.careers-info .hero-paragraphs{
        margin-bottom: 0px;
    }
    .about-info .text-block:before, .work-info .text-block:before, .resources-info .resources-block:before, .work-info .works-block:before, .careers-info .text-block:before, .clients-info .clients-block:before, .careers-info .careers-block:before, .team-members-info .tiles-block:before{
/*        right: 20.5%;*/
    }
    .blogs-listing .single-post.single-dir-post .post-details .blog-post-date, ul.client-nav li.single-dir-cat a, ul.resource-nav li.single-dir-cat a.active, ul.work-nav li.single-dir-cat a, li.single-dir-cat a, .news-listing .single-post.single-dir-post .post-details .blog-post-date{
        font-size: 14px;
    }
    .pattern-3:before{
        background-size: 40px;
    }
    .pattern-4:before{
        max-width: 566px;
        height: 190px;
        top: -90px;
        background-size: 36px;
    }
    .page-id-746 .page-container:before, .single-post .page-container:before,
    .page-id-681 .page-container:before, .page-id-814 .page-container:before, body.single-careers .page-container:before, .page-id-903 .page-container:before, .page-id-746 .page-container:before, .single-post .page-container:before{
        background-size: 100%;
        right: -33px;
    }
    .client-listing .single-dir-post .dir-content .dir-content-logo img{
        max-height: 100px;
    }
    .careers-block h3.block-subtitle{
        font-size: 30px;
        line-height: 45px;
    }
    .home-tabber .tabs-nav a,
    .home-tabber .tabs-nav a h4{
        font-size: 32px;
    }
    .home-tabber .tab-img-section img {
        max-width: 250px;
    }
    .home-tabber .tabs-stage .block-paragraphs p{
        font-size: 18px;
    }
    .careers-listing-wrap  .careers-listing .single-dir-post h4.single-post-title{
        font-size: 50px;
    }
    .post-link-wrap a.post-link {
        font-size: 16px;
    }
    .generate-leads .single-tile h4.tile-title{
        font-size: 130px;
    }
    .generate-leads .single-tile h5.tile-subtitle {
        margin-top: 20px;
    }
    .content-block.blog-list .container .blogs-listing a.load-more {
        font-size: 18px;
    }
    body.single-post .content-block.blog-hero .hero-content.container h1.hero_title,
    body.single-news .content-block.blog-hero .hero-content.container h1.hero_title{
        font-size: 68px;
    }
    body.single-post span.single-post-date, body.single-post .careers-hero-content span.single-post-author,
    body.single-news span.single-post-date, body.single-post .careers-hero-content span.single-post-author,
    body.single-news .careers-hero-content span.single-post-author{
        font-size: 18px;
        margin: 20px 0 40px;
    }
    body.single-post .social-share a.social-share__link,
    body.single-news .social-share a.social-share__link{
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
    body.single-post .content-block.blog-hero:before,
    body.single-news .content-block.blog-hero:before{
        right: 25.5%;
    }
    .dir-content{
        padding-left: 20px;
    }
    .client-listing .single-dir-post{
        padding: 0 15px 50px
    }
    .home-tabber .tab-content .container .tab-content-section{
        min-height: 450px;
    }
    .page-id-170 .page-container:before, body.single-solutions .page-container:before{
        background-size: 80%;
    }
    .careers-info .careers-block .container h3.block-subtitle {
        max-width: 80%;
        font-size: 32px;
    }
    .about-info .block-paragraphs p{
        font-size: 30px;
    }
    .solution-para .block-paragraphs p{
        max-width: 1000px;
    }
    .services .tabs-block .main-title h2.block-title{
        font-size: 24px;
    }
    body .resources-info h4.block-subtitle{
        font-size: 30px;
    }
    .team-members-info .single-tile-wrapper h4.tile-title,
    .team-listing .box .dir-content h2.block-title{
        font-size: 44px;
    }
    .team-members-info .single-tile-wrapper h5.tile-subtitle,
    .team-listing .dir-content h3.block-subtitle{
        font-size: 20px;
    }
    .careers-info .text-column:nth-child(2) .block-paragraphs h3{
        font-size: 30px;
    }
    body .careers-info form.forminator-ui.forminator-design--default .forminator-input, 
    body .careers-info form.forminator-ui.forminator-design--default .forminator-input:hover, 
    body .careers-info form.forminator-ui.forminator-design--default .forminator-input:focus, 
    body .careers-info form.forminator-ui.forminator-design--default .forminator-input:active,
    body .careers-info form.forminator-ui.forminator-design--default .forminator-textarea, 
    body .careers-info form.forminator-ui.forminator-design--default .forminator-textarea:hover, 
    body .careers-info form.forminator-ui.forminator-design--default .forminator-textarea:focus, 
    body .careers-info form.forminator-ui.forminator-design--default .forminator-textarea:active, 
    body .careers-info form.forminator-ui.forminator-design--default .browse label.forminator-label{
        font-size: 16px !important;
    }
    .careers-info .forminator-ui#forminator-module-891.forminator-design--default .forminator-button-upload, .careers-info .forminator-ui#forminator-module-891.forminator-design--default .forminator-button-upload:hover{
        font-size: 14px;
    }
    .careers-info .forminator-ui#forminator-module-891.forminator-design--default .forminator-button-submit{
        font-size: 16px;
        min-width: 200px;
    }
    .solutions-info h2.block-title{
        font-size: 30px;
        line-height: 44px;
    }
    #post-nav .nav-box h2{
        font-size: 40px;
    }
    #post-nav .nav-box div.see-more, .work-listing .single-dir-post .buttons-wrapper a.btn.btn-primary-outline{
        width: 40px;
        height: 40px;
    }
    .solutions-banner.inbound-banner .hero-frame .inner-hero-content h1.hero_title, .solutions-banner.content-creation .hero-frame .inner-hero-content h1.hero_title, .single-work h2.block-title {
        font-size: 60px;
    }
    .services .tabs-nav li a,
    .services .tabs-nav li a h4{
        font-size: 20px;
    }
    .underline-1::after, .underline-2::after, .underline-3::after, .underline-4::after, .underline-5::after,
    .underline-1::before, .underline-2::before, .underline-3::before, .underline-4::before, .underline-5::before{
        height: 16px;
    }
    .about-banner .frame-img img{
        width: 60%;
    }
    body .services .tabs-block .tab-content-section h3.block-title{
        font-size: 74px;
    }
    .content-block.blog-list .container, .content-block.news-list .container{
        margin-bottom: 0;
    }
    body.single-solutions .more-options #post-nav .nav-box h2 {
        font-size: 40px;
    }
    body .wrok-type .careers-location, body .wrok-type .careers-working-hours,
    body.single-post .block-paragraphs p, 
    body.single-news .block-paragraphs p,
    body.single-post .block-paragraphs ul li, 
    body.single-news .block-paragraphs ul li{
        font-size: 18px;
    }
    body .job-post-date {
        font-size: 18px;
    }
    .single-work .work-single-info .multi-column-text-blocks .text-column:first-child h5.work-side-title{
        font-size: 20px;
    }
    body.single-post .inblog-form-main .inblog-form-wrap h2.inblog-blog-title{
        font-size: 40px;
        line-height: 50px;
    }
    .inblog-form-main .inblog-image-pattern .inblog-pattern-img-x img{
        max-width: 100px;
    }
    .lp-info .multi-column-text-blocks h2.block-title{
        font-size: 48px;
    }
    .lp-slider .section-title-wrap h2.block-title{
        font-size: 60px;
    }
    .lp-info .text-column:nth-child(2) .block-paragraphs h2{
        font-size: 28px
    }
    .work-video iframe{
        max-width: 1190px;
    }
    .creative-solutions .single-tile .single-tile-wrapper{
        padding: 40px 20px;
    }
    .creative-solutions .single-tile .tile-description ul li{
        padding-left: 30px;
    }
    .creative-solutions .single-tile .tile-description ul li:before{
        width: 22px;
        height: 22px;
    }
    .creative-solutions .tile-icon-wrap{
        height: 80px;
    }
    .lp-ty-newsletter .mac-intro-section .mac-intro-content {
        padding: 50px 0;
    }
    .ampstudio-intro .text-column:nth-child(2) .block-paragraphs .form-logo {
        margin-top: -150px;
        height: 150px;
    }
    .inner-banner {
        height: calc(90vh - 95px);
    }
}



@media screen and (max-width:1440px) {
    header{
        min-height: 90px;
    }
    a.main-logo img {
        max-height: 60px;
    }
    .header-menu ul > li ul.sub-menu li a{
        padding: 12px 20px;
        font-size: 12px;
    }
    .container, .post-nav-wrap .container, .work-info .container, .about-info .block-paragraphs p, .categories-filter .container, .team-members .container, .content-block.blog-list .container, .content-block.news-list .container, .careers-block .container, body.single-post .container.post-featured-image, body.single-post .post-content .container, body.single-news .container.post-featured-image, body.single-news .post-content .container, .privacy-policy .container, body.page-id-13421 footer .container{
        max-width: 1280px;
    }
    body.single-post .content-block.blog-hero .hero-content.container, .generate-leads .container, .categories-filter .container, .team-members .container, .solution-box .container, .careers-main .container, body.single-news .content-block.blog-hero .hero-content.container{
        max-width: 1170px;
    }
    .about-info .text-block:before, .work-info .text-block:before, .resources-info .resources-block:before, .work-info .works-block:before, .careers-info .text-block:before, .clients-info .clients-block:before, .careers-info .careers-block:before, .team-members-info .tiles-block:before{
/*        right: 21.5%;*/
    }
    body a.btn, body a.btn.btn-white-outline{
        font-size: 14px;
        letter-spacing: 0.4px;
        padding: 18px 30px;
    }
    .solution-para .block-paragraphs p {
        max-width: 900px;
    }
    .header-menu ul > li a{
        padding: 42px 20px;
    }
    body .heading-text-light h1.hero_title,
    body .heading-text-light h2.hero_title{
        font-size: 64px;
        line-height: 70px;
    }
    .hero-banner h1.hero_subtitle{
        line-height: 30px;
        font-size: 18px;
    }
    .footer-links ul#menu-footer-menu li ul.sub-menu li a{
        font-size: 13px;
        letter-spacing: 1px;
    }
    .footer-wrap .footer-left{
        padding: 50px 20px 50px 90px;
    }
    .footer-links ul#menu-footer-menu li ul.sub-menu li a{
        font-size: 12px;
    }
    a.btn.btn-primary-outline, a.btn.btn-accent-outline, a.btn.btn-secondary-outline {
        padding: 17px 20px;
    }
    .client-listing .dir-content h3.block-subtitle, .blogs-listing .single-post h4.single-post-title, .news-listing .single-post h4.single-post-title{
        font-size: 22px;
    }  
    .landing-hero-content .hero-paragraphs p, .tile-description p, p, body .home-tabs .tab-content-section .block-paragraphs p, body .accordion dd p,
    .blogs-listing .post-link-wrap a.post-link, body.single-post .single-related-posts a.read-more-link, body.single-news .single-related-posts a.read-more-link, .hero-paragraphs p, body .single-solutions .block-paragraphs p, body .single-solutions .block-paragraphs p, .tabs-stage .block-paragraphs p,  body .tabs-stage .block-paragraphs p, .news-listing .post-link-wrap a.post-link,  .privacy-policy p, .privacy-policy ul li, .work-single-info .text-column ul li, .single-related-posts a.read-more-link{
        font-size: 15px;
        line-height: 28px;
    }
    body.single-post .content-block.blog-hero .hero-content.container h1.hero_title,
    body.single-news .content-block.blog-hero .hero-content.container h1.hero_title{
        font-size: 60px;
    }
    h3.block-subtitle, h4.block-subtitle, h5.tile-subtitle, body h3.block-subtitle {
        font-size: 18px;
        line-height: 30px;
    }
    .generate-leads .tiles-wrapper.container{
        padding-left: 0;
    }
    .generate-leads .tiles-wrapper.container:before{
        left: -210px;
    }
    .generate-leads .tiles-wrapper.container .tile-icon-wrap img.tile-icon {
        max-height: 88px;
    }
    .home-tabber .tabs-stage .block-paragraphs p, 
    .services .tabs-stage .block-paragraphs p{
        font-size: 16px;
    }
    .home-tabber .tabs-block .tabs-nav-wrapper {
        width: 45%;
    }
    .home-tabber .tabs-block .tab-stage-wrapper{
        width: 55%;
    }
    .services .tabs-nav a{
        font-size: 18px;
    }
    .services .tabs-nav li a{
        padding: 10px 20px;
    }
    .solution-para .block-paragraphs p {
        max-width: 860px;
        font-size: 25px;
        line-height: 36px;
    }
    .header-menu ul > li{
        font-size: 13px;
    }
    .team-members .tiles-title-wrap h3.block-subtitle,
    .team-members .team-block h3.block-subtitle,
    .team-members .team-block h2.block-title{
        font-size: 30px;
        max-width: 70%;
        line-height: normal;
    }
    body .team-members .team-block h3.block-subtitle{
        font-size: 16px;
    }
    .team-members-info .block-paragraphs p,
    .team-members-info .hero-paragraphs p{
        font-size: 16px;
        max-width: 600px;
        line-height: 30px;
        margin-bottom: 140px;
        margin-top: 50px;
    }
    body .client-listing .dir-content h3.block-subtitle{
        font-size: 18px;
    }
    .hot-leads .mac-intro-content ul li, .single-solutions .block-paragraphs .what-we-do ul li, .careers-info .block-paragraphs ul li, .lp-info .block-paragraphs ul li{
        font-size: 15px;
        margin: 20px 0;
    }
    .page-id-170 .page-container:before, body.single-solutions .page-container:before {
        background-size: 70%;
    }
    body .forminator-ui#forminator-module-65.forminator-design--default .forminator-input, 
    body .forminator-ui#forminator-module-65.forminator-design--default .forminator-input input{
        font-size: 14px;
    }
    .footer-wrap .footer-bottom .copyright-section .footer-links-wrap ul.footer-links{
        font-size: 14px;
    }
    footer a.social-icon{
        font-size: 22px;
    }
    h2.block-title, h1.block-title, .multifamily h2.block-title {
        font-size: 60px;
    }
    .team-members-info .single-tile-wrapper .tile-icon-wrap:before,
    .team-listing .dir-featured-image:before{
        left: 60%;
    }
    .clients-info .clients-block:before{
        right: calc(14% + 102px);
        top: -210px;
    }
    .about-info .text-block:before{
        right: calc(14% + 102px);
    }
    .footer-middle{
        margin-top: 50px;
    }
    .services .tabs-nav li.tab-active:before{
        top: 15px;
    }
    .footer-wrap .footer-right .form-wrap {
        padding-right: 50px;
    }
    .client-listing .single-dir-post .dir-content .dir-content-logo{
        max-width: 250px;
    }
    .footer-wrap .footer-bottom .copyright-section p,
    .footer-wrap .footer-bottom .copyright-section .footer-links-wrap ul.footer-links li a{
        font-size: 12px;
    }
    .content-block.clients-info.pattern-4:before{
        top: -110px;
    }
    .contact-address .forminator-ui#forminator-module-65.forminator-design--default .forminator-button-submit{
        font-size: 14px;
        padding: 15px 50px;
    }
    .contact-address .multi-column-text-blocks h2.block-title{
        font-size: 30px;
    }
    .hero-vertical-lines{
        width: 200px;
    }
    .hero-vertical-lines .line-1, .hero-vertical-lines .line-2, .hero-vertical-lines .line-3{
        width: 38px;
    }
    .fixed-text{
        font-size: 6em;
        top: 150px;
        height: calc(100% - 150px);
    }
    body.page-id-835 .fixed-text{
        font-size: 3.5em;
        right: -10px;
    }
    .team-member-outer .team-member-content h2.section-title{
        font-size: 60px;
    }
    .team-member-outer .team-member-content h4.section-tagline{
        font-size: 20px;
    }
    .single-work h2.block-title {
        font-size: 74px;
    }
    body .services .tabs-block .tab-content-section h3.block-title{
        font-size: 64px;
    }
    .generate-leads .single-tile h5.tile-subtitle{
        font-size: 20px;
        margin-bottom: 20px;
    }
    body .heading-text-light h1.hero_title, body .heading-text-light h2.hero_title{
        font-size: 65px;
        line-height: 60px;
    }
    .hero-vertical-lines{
        width: 200px;
    }
    .hero-vertical-lines .line-1, .hero-vertical-lines .line-2, .hero-vertical-lines .line-3{
        width: 40px;
    }
    ul.blog-cat-nav li.single-dir-cat a,
    ul.resource-nav li.single-dir-cat a, 
    ul.news-nav li.single-dir-cat a,
    body.single-post .block-paragraphs p, 
    body.single-news .block-paragraphs p,
    body.single-post .block-paragraphs ul li, 
    body.single-news .block-paragraphs ul li{
        font-size: 14px;
    }
    body .client-listing .single-dir-post{
        padding: 0 15px 50px;
    }
    .team-member-outer .team-member-content .staff-list__bio {
        font-size: 16px;
        line-height: 30px;
    }
    .hot-leads .mac-intro-content ul li:before, .single-solutions .block-paragraphs .what-we-do ul li:before, .careers-info .block-paragraphs ul li:before, .lp-info .block-paragraphs ul li:before{
        top: -4px;
    }
    .underline-1::after, .underline-2::after, .underline-3::after, .underline-4::after, .underline-5::after, .underline-1::before, .underline-2::before, .underline-3::before, .underline-4::before, .underline-5::before {
        height: 10px;
        bottom: 5px;
    }
    .work-listing .single-dir-post .buttons-wrapper a.btn.btn-primary-outline, .team-listing .single-dir-post .buttons-wrapper a.btn.btn-primary-outline{
        width: 38px;
        height: 38px;
    }
    .content-creation .hero-frame .inner-hero-content{
        padding-right: 0;
    }
    .digital-banner .hero-frame .inner-hero-content h1.hero_title{
        font-size: 68px;
    }
    body.single-post .content-block.blog-hero .hero-content.container h1.hero_title span.underline-1::after, 
    body.single-news .content-block.blog-hero .hero-content.container h1.hero_title span.underline-1::after,
    body.single-post .content-block.blog-hero .hero-content.container h1.hero_title span.underline-1::before, 
    body.single-news .content-block.blog-hero .hero-content.container h1.hero_title span.underline-1::before{
        display: none;
    }
    body.single-post .post-featured-image > img, body.single-news .post-featured-image > img{
        max-height: 400px;
    }
    body.single-post .content-block.blog-hero .hero-content.container, body.single-news .content-block.blog-hero .hero-content.container{
        padding: 100px 0 50px;
        max-width: 1100px;
    }
    span.bottom-line::before, .bottom-line:after,
    .blog-hero .long-title span.last:before,
    .blog-hero .long-title span.last:after{
        height: 10px;
        bottom: 0px;
    }
    .tiles-columns-3 .single-tile .tile-icon-wrap:before{
        top: 4px;
    }
    .generate-leads .buttons-wrapper a.btn {
        min-width: 200px;
    }
    .single-work .work-single-info .multi-column-text-blocks .text-column:first-child h5.work-side-title
     {
        font-size: 18px;
    }
    .work-single-info .text-column ul li {
        padding: 5px 0;
    }
    .inblog-form-main span.bottom-line::before, .inblog-form-main .bottom-line:after{
        height: 8px;
        bottom: -4px;
    }
    body.single-post .inblog-form-main .inblog-form-wrap h2.inblog-blog-title{
        font-size: 35px;
        line-height: 44px;
    }
    .inblog-form-main .inblog-image-pattern{
        width: 18%;
    }
    .inblog-form-main .inblog-form-left{
        width: calc(90% - 200px);
    }
    body.single-post .post-sidebar .blog-subscription h4.blog-subscribe-heading, body.single-news .post-sidebar .blog-subscription h4.blog-subscribe-heading{
        margin-top: 30px;
    }
    body.single-post .post-sidebar .blog-subscription, body.single-news .post-sidebar .blog-subscription {
        padding: 30px 15px 0;
    }
    .team-listing .single-dir-post .buttons-wrapper a.btn.btn-primary-outline{
        line-height: 1.5;
    }
    .lp-info .text-column:nth-child(2) .block-paragraphs {
        max-width: 450px;
        margin-top: -150px;
        padding: 40px 30px;
    }
    .ampstudio-intro .text-column:nth-child(2) .block-paragraphs{
        margin-top: -25vw;
    }
    .lp-info .text-column:first-child {
        padding-left: 50px;
    }
    .lp-info .text-column:nth-child(2) .block-paragraphs h2{
        font-size: 22px
    }
    .package.pattern-3:before{
        height: 150px;
        width: 350px;
        top: -75px;
    }
    .work-video iframe{
        max-width: 1080px;
        height: 54vw;
        max-height: 610px;
    }
    .solution-box .container .single-tile {
        height: 38vw;
    }
    .ampstudio-intro .multi-column-text-blocks .text-column .flexi-text-side-image img.side-img {
        max-width: 530px;
    }
    .inner-banner {
        height: calc(100vh - 95px);
    }
    body.postid-450 .fixed-text {
        font-size: 4.5em;
    }
    .inner-banner {
        height: calc(96vh - 95px);
    }
}




@media screen and (max-width:1366px) {
   .container{
        max-width: 1170px;
    } 
    .hero-banner .hero-frame {
        display: flex;
        align-items: flex-end;
    }
    .hero-banner .hero-frame .landing-hero-frame{
        width: 50%;
    }
    .hero-banner .frame-img img{
        margin-right: -60px;
    }
    .inner-banner {
        height: calc(87vh - 95px);
    }
    body .heading-text-light h1.hero_title, body .heading-text-light h2.hero_title{
        font-size: 60px;
        line-height: 70px;
    }
    .hero-banner .hero-frame .landing-hero-content {
        padding-bottom: 70px;
    }
    .solution-para .block-paragraphs p{
        max-width: 820px;
        padding-left: 8%;
    }
    .solutions-info .text-column:first-child {
        padding-left: 5%;
    }
    .digital-banner .hero-frame .inner-hero-content h1.hero_title{
        font-size: 64px;
    }
    .home-tabber .tabs-block ul.tabs-nav .container {
        padding-left: 0;
    }
    body .careers-info form.forminator-ui.forminator-design--default .forminator-input, 
    body .careers-info form.forminator-ui.forminator-design--default .forminator-input:hover, 
    body .careers-info form.forminator-ui.forminator-design--default .forminator-input:focus, 
    body .careers-info form.forminator-ui.forminator-design--default .forminator-input:active,
    body .careers-info form.forminator-ui.forminator-design--default .forminator-textarea, 
    body .careers-info form.forminator-ui.forminator-design--default .forminator-textarea:hover, 
    body .careers-info form.forminator-ui.forminator-design--default .forminator-textarea:focus, 
    body .careers-info form.forminator-ui.forminator-design--default .forminator-textarea:active, 
    body .careers-info form.forminator-ui.forminator-design--default .browse label.forminator-label{
        font-size: 14px !important;
    }
    .package .mac-intro-content {
        padding-top: 80px;
        padding-bottom: 30px;
    }
    .package .mac-intro-content h2.block-title {
        margin-bottom: 0;
    }
    
}



@media screen and (max-width:1200px) {
    .container{
        max-width: 1100px;
    } 
    .header-menu{
        display: none;
    }
    .mobile-menu{
        display: block;
    }
    footer.bg-primary{
        z-index: auto;
    }
    body .services .tabs-block .tab-content-section h3.block-title{
        font-size: 54px;
    }
    header .container{
        display: block;
    }
    .header-logo{
        width: calc(100% - 80px);
        float: left;
    }
    body.single-team footer.bg-primary{
        z-index: auto;
    }
    .team-member-outer .member-headshot img.wp-post-image{
        height: auto;
    }
    .hero-banner .frame-img img {
        margin-right: auto;
        margin-left: auto;
    }
    .hero-banner .hero-frame .landing-hero-frame {
        width: 50%;
        margin-bottom: -60px;
    }
    .floating .img-outer-wrapper img.mac-site-img{
        margin-left: 0;
    }
    .home-tabber .tabs-block ul.tabs-nav .container {
        padding-left: 0%;
    }
    body.single-post .inblog-form-main .inblog-form-wrap h2.inblog-blog-title{
        font-size: 32px;
    }
    .inblog-form-main .inblog-image-pattern .inblog-pattern-img-x{
        padding: 45px 0 0 30px;
    }
    .inblog-form-main .inblog-image-pattern,
    .inblog-form-main .inblog-form-right{
        display: none;
    }
    .inblog-form-main .inblog-form-left,
    .inblog-form-main .inblog-overflow-img .inblog-form-left{
        width: 100%;
        text-align: center;
    }
    .inblog-form-main .inblog-form-wrap{
        min-height: 200px !important;
    }
    .inblog-form-main span.bottom-line::before, .inblog-form-main .bottom-line:after {
        height: 6px;
        bottom: -3px;
    }
    .package h2.block-title{
        font-size: 48px;
    }
    .inner-banner {
        height: calc(80vh - 95px);
    }
}

@media screen and (max-width:1170px) {
    .solution-box .container .single-tile{
        height: 42vw;
        max-height: 730px;
    }
}

@media screen and (max-width:1024px) {
    .inner-banner {
        background-position: right;
        height: calc(95vh - 95px);
    }
    .hero-frame .inner-hero-content {
        padding: 0 5%;
        width: 90% !important;
        margin: 0px auto 20px;
    }
    .hero-vertical-lines.appear{
        display: none;
    }
    body .team-listing .single-dir-post{
        flex: 0 0 50%;
    }
    body .client-listing .single-dir-post{
        flex: 0 0 33.33%;
    }
    .single-work .work-single-info .multi-column-text-blocks .text-column:first-child h5.work-side-title, body.single-post .block-paragraphs, body.single-news .block-paragraphs{
        font-size: 16px;
    }
    body.single-post .post-sidebar .blog-subscription .container,
    body.single-news .post-sidebar .blog-subscription .container{
        padding: 0;
    }
    .inblog-form-main .inblog-image-pattern .inblog-pattern-img-x img {
        max-width: 70px;
    }
    body.single-post .inblog-form-main .inblog-form-wrap h2.inblog-blog-title {
        font-size: 24px;
        line-height: 34px;
    }
    .lp-info .multi-column-text-blocks h2.block-title{
        font-size: 36px;
    }
    .lp-slider .section-title-wrap h2.block-title{
        font-size: 48px;
    }
    .lp-banner .hero-vertical-lines {
        display: flex;
    }
    .content-block .team-listing .dir-featured-image img{
        height: 50vw;
    }
    
}

@media screen and (max-width:1024px) and (orientation: portrait) {
    .container{
        max-width: 100%;
        padding: 0 30px;
    }
    .inner-banner {
        max-height: 600px;
    }
    .content-block.hero-banner {
        padding-top: 130px;
        height: calc(62vh - 95px);
    }
}

@media screen and (max-width:991px) {
    header{
        min-height: 75px;
        background: none;
    }
    body:not(.home) .page-container {
        padding-top: 75px;
    }
    .container{
        max-width: 100%;
        padding: 0 5%;
    }
    a.main-logo img {
        max-height: 55px;
    }
    .hero-banner.bg-lines::after {
        right: calc(50% + -270px);
    }
    .hero-content.container{
        display: flex;
        flex-flow: column;
    }
    body .hero-banner a.btn.btn-white-outline{
        margin: 0 10px;
    }
    .hero-banner .hero-frame .landing-hero-content{
        order: 1;
    }
    .hero-banner .hero-frame .landing-hero-frame{
        order: 2;
    }
    .frame-outer {
        margin-left: 0;
    }
    body .heading-text-light h1.hero_title, body .heading-text-light h2.hero_title, body .landing-hero-content .hero-paragraphs p{
        text-align: center;
    }
    body .landing-hero-content .hero-paragraphs p{
        margin: 0 auto;
    }
    .hero-banner .hero-frame .landing-hero-frame{
        width: 70%;
        margin: 0 auto;
    }
    .content-block.hero-banner{
        height: auto;
    }
    .hero-banner .hero-frame .landing-hero-content {
        padding-bottom: 50px;
    }
    .hero-banner.bg-lines:before, .hero-banner.bg-lines::after, .page-container:before,
    .content-block.multifamily .mac-intro-section.container:after, 
    .content-block.multifamily .mac-intro-section.container:before,
    .about-info .text-block:after, .about-info .text-block:before{
        display: none;
    }
    .hero-banner .hero-frame .landing-hero-content{
        padding-top: 100px;
    }
    .content-block.home-tabber{
        margin-top: 0;
    }
    .hot-leads .img-text-block-img:before, .careers-info .careers-block:after, .careers-info .careers-block:before{
        display: none;
    }
    .hot-leads .img-shape1 .image-size-container img.mac-site-img{
        max-width: 100%;
    }
    .hot-leads .image-size-container .img-text-block-img{
        padding: 0;
    }
    .pattern-1 .mac-intro-section:before{
        display: none;
    }
    .hot-leads .img-shape1 .image-size-container img.mac-site-img{
        min-height: 700px;
    }
    .hero-banner.bg-lines:before{
        right: calc(18% + 102px);
    }
    .img-shape1 .image-size-container img.mac-site-img{
        max-width: 100%;
    }
    .hot-leads .container {
        padding: 0;
    }
    .hot-leads .mac-intro-content {
        width: 100%;
        padding: 50px 30px;
    }
    .hot-leads.bg-lines::after, .hot-leads.bg-lines::before {
        height: 40%;
    }
    .hot-leads .container h2.block-title{
        text-align: center;
    }
    h2.block-title, h1.block-title, .multifamily h2.block-title,
    .solutions-banner.inbound-banner .hero-frame .inner-hero-content h1.hero_title, 
    .solutions-banner.content-creation .hero-frame .inner-hero-content h1.hero_title, 
    .single-work h2.block-title, 
    .digital-banner .hero-frame .inner-hero-content h1.hero_title, 
    .social-banner .hero-frame .inner-hero-content h1.hero_title, 
    .inbound-banner .hero-frame .inner-hero-content h1.hero_title,
    body.single-post .content-block.blog-hero .hero-content.container h1.hero_title, 
    body.single-news .content-block.blog-hero .hero-content.container h1.hero_title{
        font-size: 44px;
    }
    .generate-leads .tiles-block h2.block-title, .generate-leads .tiles-block h3.block-subtitle,
    body .multifamily .mac-intro-content h2.block-title,
    body .package .mac-intro-content h2.block-title{
        text-align: center;
    }
    .content-block.multifamily .mac-intro-section.container,
    .content-block.package .mac-intro-section.container{
        flex-flow: column-reverse;
        padding: 0;
    }
    body .multifamily .mac-intro-content,
    body .package .mac-intro-content{
        flex-flow: column;
        padding: 100px 0 0;
        width: calc(100% - 40px);
        z-index: 4;
    }
    body .multifamily .img-text-block-img,
    body .package .img-text-block-img{
        padding: 0;
        width: 100%;
    }
    .content-block.multifamily .mac-intro-section.container,
    body .multifamily .image-size-edge .img-outer-wrapper,
    .content-block.package .mac-intro-section.container,
    body .package .image-size-edge .img-outer-wrapper{
        max-width: 100%;
    }
    .underline-1::after, .underline-2::after, .underline-3::after, .underline-4::after, .underline-5::after, .underline-1::before, .underline-2::before, .underline-3::before, .underline-4::before, .underline-5::before {
        height: 10px;
        bottom: 0px;
    }
    .generate-leads .container {
        padding-right: 15px;
    }
    .pattern-3:before{
        right: 0px;
    }
    .generate-leads .tiles-wrapper.container{
        padding-left: 30px;
        padding-right: 30px;
        max-width: 90%;
    }
    .generate-leads .tiles-wrapper.container:before{
        display: none;
    }
    .generate-leads .single-tile h4.tile-title, 
    .generate-leads .single-tile h5.tile-subtitle,
    .generate-leads .single-tile .tile-description p{
        text-align: center;
    }
    .content-block.generate-leads .tiles-wrapper .single-tile{
        width: 100%;
        text-align: center;
    }
    .generate-leads .button-wrap.container{
        padding-left: 15px;
        text-align: center;
    }
    .footer-wrap{
        flex-direction: column-reverse;
    }
    .footer-wrap .footer-left, .footer-wrap .footer-right{
        width: 100%;
        padding: 20x 50px;
    }
    .inner-banner .hero-vertical-lines.appear {
        display: none;
    }
    body .hero-frame .inner-hero-content .hero-paragraphs {
        max-width: 80%;
        margin: 0 auto;
        text-align: center;
    }
    .inner-banner .frame-img{
        background-size: cover;
        background-position: right;
        opacity: 0.3;
        display: none;
    }
    .inner-banner.team-banner .hero-frame {
        position: relative;
    }
    .inner-banner.team-banner .hero-frame:before{
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #01A0C6;
        mix-blend-mode: multiply;
    }
    .inner-banner.team-banner .hero-frame:after{
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #01A0C6;
        background: rgb(1,160,198);
        background: linear-gradient(180deg, rgba(1,160,198,1) 0%, rgba(108,200,222,1) 30%, rgba(163,220,234,0.577468487394958) 50%, rgba(255,255,255,0) 100%);
        opacity: 0.8;
    }
    body .heading-text-light h1.hero_title,
    body .heading-text-light h2.hero_title{
        margin-bottom: 40px;
    }
    .clients-block .client-listing .single-dir-post{
        flex: 0 0 100%;
        width: 100%;
    }
    .client-listing .box .dir-content{
        text-align: center;
    }
    .clients-block:after, .clients-block:before,
    .about-info .text-block:after, .work-info .text-block:after, .resources-info .resources-block:after, .work-info .works-block:after, .work-info .works-block:after, .careers-info .text-block:after, .clients-info .clients-block:after, .careers-info .careers-block:after, .team-members-info .tiles-block:after, .about-info .text-block:before, .work-info .text-block:before, .resources-info .resources-block:before, .work-info .works-block:before, .careers-info .text-block:before, .clients-info .clients-block:before, .careers-info .careers-block:before, .team-members-info .tiles-block:before, body.single-post .content-block.blog-hero:before, body.single-post .content-block.blog-hero:after, .hot-leads.bg-lines::before, .hot-leads.bg-lines::after, body.single-news .content-block.blog-hero:before, body.single-news .content-block.blog-hero:after,{
        display: none;
    }
    .pattern-4:before{
        max-width: 200px;
        top: -110px;
    }
    .team-members-info .block-paragraphs p, .team-members-info .hero-paragraphs p{
        margin-top: 35px;
    }
    .categories-filter h2.block-subtitle,
    .categories-filter h4.block-subtitle{
        max-width: 100%;
        text-align: center;
    }
    .nav-wrap {
        width: 80%;
        text-align: center;
        margin: 0 auto;
    }
    .clients-block .client-listing .box .dir-content{
        text-align: center;
        padding-left: 0;
        max-width: 90%;
        margin: 0 auto;
    }
    .clients-block .client-listing .single-dir-post .dir-content .dir-content-logo{
        display: block;
        min-height: auto;
        max-width: 80%;
    }
    .clients-block .client-listing .dir-content h3.block-subtitle:before{
        left: 50%;
        transform: translateX(-50%);
        right: auto;
    }
    .categories-filter h2.block-subtitle br,
    .categories-filter h4.block-subtitle br{
        display: none;
    }
    .client-listing .single-dir-post .dir-content .dir-content-logo{
        margin: 0 auto;
    }
    .clients-block .client-listing .single-dir-post{
        padding-bottom: 50px;
    }
    .solution-para .block-paragraphs p br {
        display: none;
    }
    .services .tabs-nav li a,
    .services .tabs-nav li a h4{
        font-size: 14px;
    }
    .about-info .flexi-text-side-image:before, 
    .solutions-info .flexi-text-side-image:before{
        width: 40vw;
        background-size: 40px;
    }
    .solutions-info{
        padding: 150px 0 100px;
    }
     .multi-column-text-blocks .text-column{
        width: 100% !important;
    }
    .big-img .multi-column-text-blocks .text-column {
        margin-bottom: 0 !important;
    }
    .single-solutions .block-paragraphs{
        display: block;
        padding-bottom: 20px;
        padding-right: 0;
    }
    .solutions-info{
        padding: 150px 0 0px;
    }
    .solutions-info .text-column:first-child {
        padding-left: 0;
    }
    .solutions-info h2.block-title{
        padding-right: 0;
    }
    .content-block.solution-box {
        padding-bottom: 50px;
    }
    .footer-wrap .footer-right .form-wrap {
        padding-right: 0px;
    }
    .footer-links ul li#menu-item-152 {
        width: 37%;
    }
    .careers-listing-wrap .careers-listing .single-dir-post h4.single-post-title {
        font-size: 40px;
        margin-bottom: 20px;
    }
    .careers-listing .post-link-wrap a.post-link:before{
        line-height: 23px
    }
    .careers-listing-wrap .careers-listing{
        padding: 0;
    }
    .careers-listing-wrap .careers-listing .single-dir-post .post-details{
        padding-bottom: 50px;
        padding-top: 50px;
    }
    .careers-listing .single-dir-post h4.single-post-title{
        margin-bottom: 30px;
    }
    .content-block.block-padding-large{
        padding-bottom: 50px;
    }
    .careers-info .careers-block .container h3.block-subtitle {
        max-width: 100%;
        font-size: 24px;
        line-height: 35px;
    }
    .careers-info .careers-block .container h3.block-subtitle br{
        display: none;
    }
    .content-block.careers-info .hero-paragraphs{
        max-width: 100%;
        margin-bottom: 70px;
    }
    .hero-frame .careers-hero-content .wrok-type,
    .hero-content .careers-hero-content .job-post-date{
        text-align: center;
    }
    body .heading-text-light h1.hero_title,
    body .heading-text-light h2.hero_title{
        margin: 30px 0 20px;
        font-size: 54px;
    }
    body .wrok-type .careers-location, body .wrok-type .careers-working-hours{
        font-size: 16px;
        padding: 10px;
    }
    .careers-info .text-column:nth-child(3) {
        padding-top: 0px;
    }
    .careers-info .block-paragraphs ul li, .lp-info .block-paragraphs ul li{
        padding-left: 40px;
    }
    .team-members .tiles-title-wrap h3.block-subtitle,
    .team-members .team-block h3.block-subtitle,
    .team-members .team-block h2.block-title{
        max-width: 100%;
        font-size: 18px;
        line-height: 30px;
        text-align: center;
    }
    .team-members-info .block-paragraphs p,
    .team-members-info .hero-paragraphs p{
        text-align: center;
        max-width: 100%;
        margin-bottom: 50px;
    }
    .categories-filter .work-listing{
        column-count: 2;
    }
    .works-block .work-listing .single-dir-post .dir-content {
        opacity: 1;
        visibility: visible;
        transform: translateY(-50%);
    }
    .works-block .work-listing .box .dir-overflow{
        opacity: 0.5;
    }
    .inner-banner{
        background-position: right;
        height: calc(95vh - 95px);
    }
    .single-work .block-type-flexi-text h2.block-title, .single-work .block-type-flexi-text p strong{
        text-align: center !important;
    }
    .work-single-info .text-column:first-child .block-paragraphs.reveal:after{
        border:0;
    }
    .blogs-listing .single-post.single-dir-post,
    .news-listing .single-post.single-dir-post{
        width: 50%;
    }
    body.single-post .careers-hero-content,
    body.single-news .careers-hero-content{
        text-align: center;
    }
    body.single-post span.single-post-date, body.single-post .careers-hero-content span.single-post-author,
    body.single-news span.single-post-date, body.single-news .careers-hero-content span.single-post-author{
        text-align: center;
    }
   
    body.single-post .post-sidebar,
    body.single-news .post-sidebar{
        width: 100%;
        padding-left: 0;
    }
    body.single-post .social-share,
    body.single-news .social-share{
        position: inherit;
        margin-bottom: 40px;
    }
    body.single-post .social-share .social-share__group a.social-share__link,
    body.single-news .social-share .social-share__group a.social-share__link{
        text-align: center;
        display: inline-block;
    }
    body.single-post .social-share .social-share__group-one,
    body.single-news .social-share .social-share__group-one{
        text-align: center;
    }
    body.single-post .social-share__group,
    body.single-news .social-share__group{
        text-align: center;
    }
    body.single-post .post-content-inner,
    body.single-news .post-content-inner{
        padding-left: 0px;
        display: block;
    }
    body.single-post .post-content-inner .block-paragraphs,
    body.single-news .post-content-inner .block-paragraphs{
        width: 100%;
    }
    body.single-post .post-featured-image > img, 
    body.single-news .post-featured-image > img{
        min-height: 250px;
    }
    body.single-post .content-block.blog-hero .hero-content.container, 
    body.single-news .content-block.blog-hero .hero-content.container{
        padding: 50px 0;
    }
    body.single-post .content-block.blog-hero .hero-content.container h1.hero_title {
        font-size: 44px;
        padding: 0;
    }
    .desktop-only {
        display: none;
    }
    .mobile-only {
        display: block;
    }
    .tiles-columns-3 .tile-icon-wrap img.tile-icon {
        margin: 0 auto;
    }
    .tiles-columns-3 .tile-icon-wrap img.tile-icon {
        margin: 0 auto;
    }
    .content-block.mobile-only .slide-image img {
        max-width: 300px;
        margin: 40px auto;
        max-height: 150px;
        object-fit: contain;
    }
    .content-block.mobile-only h2.hero-slider-title {
        color: #8BD368;
        text-align: center;
        font-size: 38px;
    }
    .content-block.mobile-only.home-slider .slick-slide:first-child h2.hero-slider-title{
        color: #5DACCE;
    }
    .content-block.mobile-only.home-slider .slick-slide:nth-child(2) h2.hero-slider-title{
        color: #CB594D;
    }
    .content-block.mobile-only.home-slider .slick-slide:nth-child(3) h2.hero-slider-title{
        color: #8CC8AB;
    }
    .content-block.mobile-only.home-slider .slick-slide:nth-child(4) h2.hero-slider-title{
        color: #8BD368;
    }
    .content-block.mobile-only.home-slider .slick-slide:nth-child(5) h2.hero-slider-title{
        color: #E6C046;
    }
    .content-block.mobile-only h3.hero-slider-subtitle p {
        font-size: 16px;
        line-height: 30px;
        color: #fff;
        text-align: center;
    }
    .content-block.multifamily .mac-intro-section.container{
        margin-top: 0;
    }
    body .multifamily .mac-intro-content{
        padding: 30px 0 0;
    }
    .content-block.multifamily .slick-dots li.slick-active button:before{
        color: #fff;
    }
    .hero-banner .hero-vertical-lines{
        display: flex;
        mix-blend-mode: multiply;
    }
    .services-accordion .accordion dt, .services-accordion .accordion dd {
        background: transparent;
        padding: 15px;
        border-bottom: 1px solid #fff;
    }
    .services-accordion .accordion dt a, .services-accordion .accordion dd p {
        color: #fff;
    }
    body .content-block.services-accordion {
        padding-bottom: 50px;
        padding-top: 0;
    }
    .services-accordion .accordion dt,
    .services-accordion .accordion dt a{
        position: relative;
    }
    .services-accordion .accordion dt{
        padding: 20px 50px 20px 0px;
        margin-bottom: 0;
    }
    .services-accordion .accordion dt:before {
        width: 40px;
        height: 40px;
        position: absolute;
        content: "";
        border: 3px solid;
        border-radius: 50%;
        top: 12px;
        right: 10px;
        transition: all 0.5s ease 0s;
        opacity: 1;
        color: #fff;
    }
    .services-accordion .accordion dt a:before {
        content: "";
        width: 15px;
        border-bottom: 3px solid;
        position: absolute;
        right: -27px;
        margin-left: 0;
        margin-top: -2px;
        top: 8px;
        transition: all 0.5s ease 0s;
        top: 10px;
        opacity: 1;
    }
    .services-accordion .accordion dt.active{
        border: 0;
    }
    .services-accordion .accordion dt.active a:before{
        transform: rotate(90deg);
        right: -26px;
        margin-right: -1px;
    }
    .services-accordion .accordion dt.active a:after{
        transform: rotate(135deg);
        top: 16px;
        right: -25px;
    }
    .services-accordion .accordion dt a:after {
        width: 10px;
        height: 10px;
        border-top: 3px solid;
        content: "";
        position: absolute;
        top: 6px;
        transform: rotate(45deg );
        right: -28px;
        border-left: 0;
        border-right: 3px solid;
        transition: all 0.5s ease 0s;
        opacity: 1;
    }
    .services-accordion .accordion dt a:before{
        
    }
    .services-accordion .accordion dt a span.toggle{
       line-height: 19px; 
        display: none;
    }
    .services-accordion .accordion dd p {
        margin-bottom: 0;
    }
    .solution-para .block-paragraphs p{
        padding-left: 0;
        margin-bottom: 70px;
        margin-top: 70px;
    }
    .content-block.solution-para {
        padding-bottom: 0;
        padding-top: 80px;
    }
    .content-block.slider-wrap .block-work-slider-wrapper{
        width: 33.3333%;
        height: 85vw;
    }
    .multifamily .hero-vertical-lines{
        display: none;
    }
    .content-block.slider-wrap .block-work-slider-wrapper .single-work-slide a .bgimg img{
        height: 60vw;
    }
    .content-block.slider-wrap{
        padding: 150px 0 0px;
    }
    .content-block.slider-wrap .slick-dots {
        bottom: -50px;
    }
    .content-block.slider-wrap .block-work-slider-wrapper {
        padding-top: 150px;
    }
    .content-block.slider-wrap .block-work-slider-wrapper .single-work-slide a{
        margin: 10px;
    }
    .block-type-carousel.home-slider button.slick-prev.slick-arrow,
    .block-type-carousel.home-slider button.slick-next.slick-arrow{
        left: 15px;
        -webkit-transform: translate(0,-100px);
        -ms-transform: translate(0,-100px);
        transform: translate(0,-100px);
        z-index: 30;
        width: 60px;
        height: 60px;
    }
    .block-type-carousel.home-slider button.slick-next.slick-arrow {
        left: auto;
        right: 15px;
    }
    .content-block.block-type-carousel .slide-content.container{
        padding: 0 50px 30px;
    }
    .team-member-outer .team-member-content{
        padding: 40px;
    }
    .blogs-listing .single-featured-image, .news-listing .single-featured-image{
        height: 250px;
    }
    .hero-banner h1.hero_subtitle{
        width: 100%;
        max-width: 100%;
        text-align: center;
    }
    .fixed-text{
        display: none;
    }
    body .services .tabs-block .tab-content-section h3.block-title{
        font-size: 40px;
    }
    .categories-filter .client-listing{
        margin: 0 auto;
    }
    .footer-wrap .footer-right{
        padding-bottom: 50px;
    }
    .footer-right .forminator-row-last .forminator-col .forminator-field {
        text-align: center;
    }
    .hot-leads:before{
        display: none;
    }
    .hero-banner .frame-img{
        -webkit-display: flex;
        display: flex;
    }
    .hero-vertical-lines {
        right: auto;
        left: 50%;
        transform: translate(-50%);
    }
    .landing-hero-content .buttons-wrapper{
        text-align: center;
    }
    .content-block.home-slider{
        position: relative;
        overflow: visible;
        padding: 100px 0px;
    }
    .content-block.home-slider:before{
        content: "";
        background: url(images/pattern-2.png);
        width: 50vw;
        height: 180px;
        position: absolute;
        right: 0px;
        top: -100px;
        background-size: 32px;
        display: none;
    }
    .content-block.home-slider ul.slick-dots {
        display: none;
    }
    .content-block.home-slider .slides.slick-slider {
        margin-bottom: 0;
    }
    .middle-lines .hero-vertical-lines{
        max-height: 40%;
    }
    .content-block.slider-wrap .block-work-slider-wrapper {
        padding-top: 0px;
        margin-top: 50px;
    }
    .content-block.slider-wrap .block-work-slider-wrapper .single-work-slide:nth-child(2n+2) {
        transform: translateY(-50px);
    }
    .content-block.slider-wrap .block-work-slider-wrapper .single-work-slide:nth-child(3n+3) {
        transform: translateY(50px);
    }
    .content-block.generate-leads {
        padding-top: 0;
        background-color: #fff !important;
    }
    body .content-block.slider-wrap:before{
        display: none;
    }
    .multifamily.pattern-3:before{
        width: 50vw;
        height: 170px;
        bottom: -98px;
        background-size: 32px;
    }
    .work-banner .underline-3::before, 
    .branding-banner .underline-3::before{
        display: none;
    }
    .team-listing .dir-content h3.block-subtitle {
        text-align: left;
    }
    .team-members-info .team-listing .single-dir-post{
        flex: 0 0 50%;
    }
    .team-members-info .single-tile-wrapper h4.tile-title, 
    .team-listing .box .dir-content h2.block-title{
        padding: 0;
    }
    .team-member-outer.flex-container {
        display: block;
    }
    .team-member-outer.flex-container .member-headshot {
        width: 100%;
    }
    .team-member-outer.flex-container .team-member-content {
        width: 100%;
    }
    .content-block.clients-info.pattern-4:before {
        top: -50px;
        height: 120px;
    }
    body.single-post .content-block.blog-hero .hero-area-small:after, 
    body.single-news .content-block.blog-hero .hero-area-small:after{
        display: none;
    }
    body.single-post .content-block.blog-hero, body.single-news .content-block.blog-hero{
        margin-bottom: -150px;
    }
    .blog-cats-nav ul.blog-cat-nav {
        text-align: center;
    }
    ul.blog-cat-nav li.single-dir-cat{
        margin-bottom: 10px;
    }
    .content-block.blog-list:after{
        height: 350px;
    }
    .content-block.blog-list .container .blogs-listing, 
    .content-block.news-list .container .news-listing{
       padding-top: 0px;
    }
    .page-id-746 .middle-lines .hero-vertical-lines{
        display: none;
    }
    .hero-frame .inner-hero-content{
        padding: 0 5%;
        width: 90% !important;
        margin: 0px auto 20px;
    }
    body .hero-frame .inner-hero-content .hero-paragraphs{
        max-width: 100%;
    }
    .careers-block h2.block-subtitle{
        font-size: 24px;
    }
    .wrok-type .careers-location, .wrok-type .careers-working-hours,
    .careers-hero-content .job-post-date{
        font-size: 16px;
    }
    .mobile-menu-wrapper ul.menu > li.submenu-active ul.sub-menu{
        width: 100%;
        padding: 0 10px;
    }
    .floating .img-outer-wrapper img.mac-site-img{
        margin-left:0;
    }
    .content-block.generate-leads .tiles-wrapper .single-tile{
        margin-bottom: 40px;
    }
    .content-block.slider-wrap button.slick-arrow{
        top: auto;
        bottom: 0;
    }
    .content-block.slider-wrap{
        margin-bottom: 50px;
    }
    .content-block.slider-wrap button.slick-prev {
        left: 50%;
        transform: translateX(-80px);
    }
    .content-block.slider-wrap button.slick-next.slick-arrow {
        transform: scaleX(-1) translateY(0px) translateX(-80px);
        left: auto;
        right: 50%;
    }
    .content-block.generate-leads .button-wrap .buttons-wrapper {
        margin-top: 0;
    }
    .landing-hero-content .hero-paragraphs p, .tile-description p, p, body .home-tabs .tab-content-section .block-paragraphs p, body .accordion dd p, .blogs-listing .post-link-wrap a.post-link, body.single-post .single-related-posts a.read-more-link, .hero-paragraphs p, body .single-solutions .block-paragraphs p, body .single-solutions .block-paragraphs p, .tabs-stage .block-paragraphs p, body .tabs-stage .block-paragraphs p, body .hero-paragraphs p, .single-solutions .block-paragraphs p, body.single-news .single-related-posts a.read-more-link, .news-listing .post-link-wrap a.post-link, .privacy-policy p, .privacy-policy ul li, .work-single-info .text-column ul li{
        font-size: 14px;
        line-height: 23px;
    }
    .content-block.careers-info .hero-paragraphs{
        margin-top: 30px;
    }
    body:not(.home) .middle-lines .hero-vertical-lines{
        display: none;
    }
    .team-listing .single-dir-post .buttons-wrapper a.btn.btn-primary-outline{
        background-size: 36px;
        margin-top: 20px;
    }
    body .team-listing .single-dir-post .buttons-wrapper{
        margin-top: 0px;
    }
    .inner-banner.clients-banner .frame-img,
    .inner-banner.contact-banner .frame-img{
        display: block;
    }
    .careers-listing .single-dir-post:first-child .post-details {
        padding-top: 0;
    }
    body .hero-text-light .inner-hero-content h2.hero_subtitle{
        text-align: center;
        font-size: 18px;
        line-height: 28px;
    }
    body .accordion-block a.btn, 
    body .accordion-block a.btn.btn-white-outline {
        min-width: 180px;
        padding: 18px 10px;
        margin-top: 30px;
    }
    .solutions-info .multi-column-text-blocks h2.block-title{
        font-size: 30px;
        line-height: 45px;
    }
    .blogs-listing .single-post.single-dir-post .post-details .blog-post-date, ul.client-nav li.single-dir-cat a, ul.resource-nav li.single-dir-cat a.active, ul.work-nav li.single-dir-cat a, li.single-dir-cat a, .news-listing .single-post.single-dir-post .post-details .blog-post-date, body ul.blog-cat-nav li.single-dir-cat a {
        font-size: 12px;
    }
    .blogs-listing .single-post h4.single-post-title, .news-listing .single-post h4.single-post-title{
        margin: 10px 0;
    }
    .client-listing .dir-content h3.block-subtitle, 
    .blogs-listing .single-post h4.single-post-title, 
    .news-listing .single-post h4.single-post-title{
        font-size: 18px;
        line-height: 30px;
    }
    .blogs-listing .post-link-wrap a.post-link, 
     body.single-post .single-related-posts a.read-more-link, 
    .news-listing .post-link-wrap a.post-link,
     body.single-news .single-related-posts a.read-more-link{
        font-size: 16px;
        line-height: 30px;
    }
    body.single-post .careers-hero-content, body.single-news .careers-hero-content{
        padding-left: 15px;
        padding-right: 15px;
    }
    .contact-address .multi-column-text-blocks .block-paragraphs iframe {
        height: 80vh;
        width: 100%;
    }
    .contact-address .container{
        padding: 0;
    }
    .contact-address .multi-column-text-blocks .text-column:last-child {
        padding: 0px 30px;
    }
    .hero-vertical-lines {
        width: 170px;
    }
    .hero-vertical-lines .line-1, .hero-vertical-lines .line-2, .hero-vertical-lines .line-3 {
        width: 34px;
    }
    .content-block.work-single-info {
        padding-top: 130px;
    }
    .single-work p{
        text-align: center;
    }
    .work-single-info .buttons-wrapper {
        text-align: center;
        margin-bottom: 20px;
        margin-top: 0;
    }
    .work-single-info .buttons-wrapper a.btn {
        margin-right: 0;
    }
    .more-options #post-nav .nav-box div.logowrap img {
        max-height: 50px;
    }
    #post-nav .nav-box h2 {
        font-size: 30px;
        margin: 20px auto;
    }
    #post-nav .nav-box div.logowrap{
        max-width: 200px;
        margin: 0 auto;
        min-height: inherit;
    }
    #post-nav .nav-box:hover div.see-more{
        transform: translateX(-10%)
    }
    #post-nav .nav-box:first-child div.see-more {
        transform: translateX(0) rotateY(180deg);
    }
    #post-nav .nav-box:first-child:hover div.see-more {
        transform: scale(1.3) translateX(-10%) rotateY(180deg);
    }
    .content-block.slider-wrap.center-titles h2.block-title{
        margin-bottom: 30px;
    }
    .content-block.clients-info.pattern-4:before{
        display: none;
    }
    .home-tabber .tabs-nav li{
        border: 0;
    }
    .home-tabber .tabs-nav a, .home-tabber .tabs-nav a h4{
        font-size: 20px;
    }
    .home-tabber .tab-content-section .block-paragraphs p{
        font-size: 16px;
    }
    .fixed-text{
        display: none;
    }
    .work-info .text-block:after, .work-info .text-block:before, .clients-info .clients-block:after, .clients-info .clients-block:before, .team-members-info .tiles-block:after, .team-members-info .tiles-block:before{
        display: none;
    }
    .hero-frame .inner-hero-content{
        text-align: center;
    }
    .inner-banner.work-banner a.btn.btn-primary-outline {
        color: #fff;
        border-color: #fff;
        margin: 0 5px;
    }
    .mobile-menu{
        margin-top: 25px;
    }
    .team-member-outer .member-headshot img.wp-post-image{
        height: auto;
    }
    .services-accordion .accordion dt.active a:after{
        top: 9px;
    }
    .solutions-info .text-column .buttons-wrapper {
        margin-top: 0;
        text-align: center;
    }
    .tiles-columns-3 .single-tile .tile-icon-wrap:before,
    .tiles-columns-3 .single-tile .tile-icon-wrap:after{
        display: none;
    }
    body .team-listing .dir-featured-image img{
        height: auto;
    }
    .team-listing .single-dir-post .buttons-wrapper a.btn.btn-primary-outline{
        left: 0px;
        font-size: 0;
        background-position: center left;
    }
    .tabs-wrap {
        display: block;
    }
    .content-block.categories-filter {
        padding-top: 50px;
    }
    .hot-leads .image-size-container .img-text-block-img,
    .hot-leads.middle-lines .hero-vertical-lines{
        display: none;
    }
    .content-block.hot-leads{
        padding-top: 0;
    }
    .team-listing .single-dir-post .buttons-wrapper a.btn.btn-primary-outline:hover:after{
        display: none;
    }
    
     .nav-wrap {
        display: block;
        width: 100%;
        margin: 30px 10px 0 0;
        position: relative;
    }
    
    .select-filter {
        height: 100%;
        width: 100%;
        display: block;
        cursor: pointer;
        padding: 10px;
        border-radius: 5px;
        background: #F9F9F9;
        border: 1px solid #777;
        border-bottom: 1px solid #777;
        color: #282D31;
        font-weight: bold;
        z-index: 2;
        position: relative;
        -webkit-transition: border-radius .1s linear, background .1s linear, z-index 0s linear;
        -webkit-transition-delay: .8s;
        text-align: center;
    }
    
    .select-filter:hover,
    .filter-option:hover ~ .select-filter {
        background: #fff;
        -webkit-transition-delay: 0s, 0s, 0s;
    }
    
    .filter-option:hover ~ .select-filter {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        z-index: 0;
    }
    .select-filter:after{
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -10px;
        right: 15px;
        background: url(/wp-content/uploads/2022/12/arrow-down.svg) no-repeat;
        color: #fff;
        font-size: 30px;
        width: 20px;
        height: 20px;
        background-size: contain;
        background-position: center;
    }
    
    .filter-option {
        position: absolute;
        top: 0;
        display: block;
        z-index: 1;
        height: 0;
        width: 100%;
        padding-top: 40px;
        -webkit-transition: height .5s ease;
        -webkit-transition-delay: .4s;
        border-radius: 5px;
        box-shadow: 0 1px 2px rgba(0,0,0,.4);
    }
    
    .nav-wrap:active .filter-option {
        height: auto;
        z-index: 3;
        -webkit-transition-delay: 0s;
    }
    
    .filter-option:hover {
        height: auto;
        z-index: 3;
        -webkit-transition-delay: 0s;
    }
    
    .filter-option ul {
        background: #fff;
        margin: 0;
        padding: 0;
        overflow: hidden;
        height: 100%;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        border-left: 1px solid #777;
        border-right: 1px solid #777;
        box-shadow: 0 1px 2px rgba(0,0,0,.4);
    }
    .filter-option ul li{
        display: block;
    }
    .filter-option ul a {
        text-decoration: none;
    }
    .filter-option li {
        list-style: none;
        text-align: center;
        font-size: 14px;
    }
    .categories-filter .container ul li.single-dir-cat {
        display: block;
        margin: 0px;
    }
    .container.filters-container {
        z-index: 10;
    }
    .filter-option ul.client-nav.mobile-dd {
        margin: 0;
    }
    #post-nav .nav-box div.navinfo{
        flex-direction: column;
    }
    #post-nav .nav-box:first-child div.see-more{
        left: 50%;
        transform: translateX(-50%) rotateY(180deg);
    }
    #post-nav .nav-box div.see-more{
        left: 50%;
        transform: translateX(-25px);
    }
    .resource-buttons-wrapper{
        margin-top: 25px;
    }
    body.page-id-795 .footer-wrap .footer-right {
        display: none;
    }
    .categories-filter .container ul, .team-members .container ul,
    .nav-wrap ul.resource-nav, .nav-wrap ul.news-nav{
        margin: 0;
        padding: 0;
    }
    .filter-option li.single-dir-cat a, ul.blog-cat-nav li.single-dir-cat{
        display: block;
    }
    ul.blog-cat-nav li.single-dir-cat:first-child{
        margin-left: 0;
    }
    .blog-list .posts-carousel {
        margin-top: 50px;
    }
    ul.blog-cat-nav li.single-dir-cat a{
        color: #4E4E4E;
        opacity: 0.5;
    }
    ul.blog-cat-nav li.single-dir-cat a.active{
        opacity: 1;
    }
    .blog-hero .hero-vertical-lines{
        display: none;
    }
    .single-post .post-featured-image {
        display: none;
    }
    body.single-post .hero-area-small, body.single-news .hero-area-small{
        padding-bottom: 0;
    }
    body.single-post .content-block.blog-hero, body.single-news .content-block.blog-hero {
        margin-bottom: 0;
    }
    body.single-post .content-block.blog-hero .hero-content.container, body.single-news .content-block.blog-hero .hero-content.container {
        padding: 20px 0;
    }
    body.single-post .post-content-inner .block-paragraphs, body.single-news .post-content-inner .block-paragraphs{
        padding-top: 40px;
    }
    
    .nav-wrap {
        position: relative;
    }

    .nav-wrap a {
        padding: 5px 15px 5px;
    }

    .dropdown-toggle {
        padding: 10px;
        background: #fff;
    }

    ul.dropdown {
        display: none;
        position: absolute;
        top: 100%;
        margin-top: 5px;
        padding: 10px;
        background: #fff;
        width: 100%;
    }

    ul.dropdown li {
        list-style-type: none;
    }

    ul.dropdown li a {
        text-decoration: none;
        padding: 10px;
        display: block;
    }
    .content-block.blog-list, .content-block.news-list{
        padding-top: 100px;
    }
    .posts-carousel {
        padding: 50px 0;
    }
    .nav-wrap .dropdown {
        border: 1px solid #777;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    }
    .nav-wrap ul.news-nav li.single-dir-cat {
        display: block;
    }
    .hero-banner h2.hero_subtitle{
        max-width: 100%;
        text-align: center;
    }
    .lp-info .text-column:nth-child(2) .block-paragraphs {
        max-width: 100%;
        float: none;
    }
    .lp-info .text-column:nth-child(2) .block-paragraphs{
        width: 100%;
        margin-top: 30px;
    }
    .lp-slider .block-carousel{
        max-width: 100%;
        margin-bottom: 100px;
    }
    .lp-slider .block-carousel button.slick-arrow{
        top: auto;
        bottom: -50px;
    }
    .lp-slider .block-carousel button.slick-prev{
        left: calc(50% - 70px);
        transform: rotateY(180deg) translateY(-27px);
    }
    .lp-slider .block-carousel button.slick-next{
        right: calc(50% - 70px);
    }
    .content-block.lp-slider .slide-content.container{
        max-width: 100%;
        padding: 0 0px 30px;
    }
    .lp-slider .slick-dotted.slick-slider {
        margin-bottom: 100px;
    }
    .lp-slider .block-carousel .slick-dots{
        bottom: -75px;
    }
    .lp-slider .section-title-wrap h2.block-title{
        font-size: 40px;
    }
    .lp-info .text-column:first-child {
        padding-left: 15px;
    }
    body.page-id-13421 .footer-wrap .footer-bottom{
        padding-bottom: 30px;
    }
    .package.pattern-3:before{
        max-width: 270px;
    }
    .work-video iframe {
        height: 50.5vw;
    }
    .solution-box-2 .container .single-tile:nth-child(3n+2), 
    .solution-box-2 .container .single-tile:nth-child(3n+3) {
        width: 100%;
    }
    .content-block .tiles-wrapper .single-tile{
        height: auto;
        max-height: none;
    }
    .lp-ty-newsletter .mac-intro-section .img-text-block-img,
    .lp-ty-newsletter .mac-intro-section .img-text-block-img .img-outer-wrapper{
        padding: 0;
        width: 100%;
        max-width: 100%;
    }
    .lp-ty-newsletter .mac-intro-section.container:after{
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
    }
    .page-template-page-landing-page .header-ctas{
        display: none;
    }
    .lp-ty-newsletter .mac-intro-section.container{
        padding: 0;
    }
    .lp-ty-newsletter .mac-intro-section .mac-intro-content {
        padding: 50px 20px;
    }
    .lp-ty-newsletter .mac-intro-section .mac-intro-content h2.block-title,
    .lp-ty-newsletter .mac-intro-section .mac-intro-content h3.block-subtitle{
        text-align: center;
    }
    .lp-ty-newsletter .mac-intro-section .mac-intro-content .block-paragraphs span.newsletter-wrap{
        max-width: 100%;
    }
    .ampstudio-intro .multi-column-text-blocks {
        flex-direction: column-reverse;
        margin-top: -100px;
    }
    .ampstudio-intro .text-column:nth-child(2) .block-paragraphs {
        margin-top: -50px;
    }
    .ampstudio-intro .text-column:nth-child(2) .block-paragraphs .form-logo {
        margin-top: -170px;
        height: 200px;
        text-align: center;
    }
    .ampstudio-intro .text-column:nth-child(2) .block-paragraphs .form-logo img.amp-logo {
        width: 100%;
        max-width: 450px;
    }
    .ampstudio-intro .multi-column-text-blocks .text-column .flexi-text-side-image{
        text-align: center;
    }
    body .ampstudio-banner .hero-frame .inner-hero-content .hero-paragraphs{
        display: none;
    }
    .inner-banner.ampstudio-banner:after{
        display: none;
    }
    body .hero-text-light .inner-hero-content h2.hero_subtitle br {
        display: none;
    }
    .hero-banner .hero-vertical-lines .line-1:before, .hero-banner .hero-vertical-lines .line-2:before, 
    .hero-banner .hero-vertical-lines .line-3:before, .hero-banner .hero-vertical-lines .line-1:after, 
    .hero-banner .hero-vertical-lines .line-2:after, .hero-banner .hero-vertical-lines .line-3:after{
        display: none;
    }
    
}

@media only screen and (width: 1100px) and (height: 1366px) and (orientation:portrait) {
    .content-block.hero-banner{
        max-height: 750px;
    }  
    body .heading-text-light h1.hero_title, body .heading-text-light h2.hero_title {
        font-size: 58px;
        line-height: 70px;
    }
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    .content-block.hero-banner{
        max-height: 750px;
    }
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    .content-block.hero-banner{
        max-height: initial;
    }
}



@media screen and (max-width:767px) {
    a.main-logo img{
        max-height: 45px;
    }
    .mobile-menu-wrapper .menu-close{
        top: 20px;
    }
    body .heading-text-light h1.hero_title,
    body .heading-text-light h2.hero_title{
        font-size: 44px;
        line-height: 50px;
        margin-top: 0;
    }
    h2.block-title, h1.block-title, .multifamily h2.block-title{
        font-size: 38px;
    }
    .center-titles h2.block-title {
        max-width: 300px;
        margin: 0 auto;
    }
    .nav-wrap{
        width: 100%;
    }
    .categories-filter h4.block-subtitle{
        font-size: 20px;
        line-height: 40px;
    }
    .footer-links ul#menu-footer-menu li ul.sub-menu li{
        width: 100%;
    }
    .footer-wrap .footer-left, .footer-wrap .footer-right {
        width: 100%;
        padding: 30px;
    }
    .footer-links ul#menu-footer-menu li{
        text-align: center;
    }
    .footer-middle{
        flex-direction: column;
        max-width: 100%;
    }
    .footer-wrap .footer-bottom .copyright-section{
        display: block;
        text-align: center;
    }
    .footer-wrap .footer-bottom .copyright-section p{
        text-align: center;
        padding-right: 0;
    }
    .footer-wrap .footer-bottom .copyright-section .footer-links-wrap ul.footer-links{
        text-align: center;
        display: block;
    }
    .footer-wrap .footer-bottom .copyright-section .footer-links-wrap ul.footer-links li{
        display: inline-block;
    }
    .footer-wrap .footer-bottom .copyright-section .footer-links-wrap ul.footer-links li:first-child{
        border: 0;
    }
    .footer-address, .footer-social {
        margin-bottom: 20px;
        width: 100%;
        text-align: center;
    }
    .multi-column-text-blocks{
        display: block;
        padding:0;
    }
    .solutions-info h2.block-title{
        padding-right: 0;
    }
    .content-block.block-padding-large {
        padding: 100px 0;
    }
    .careers-info .text-column:nth-child(2) {
        padding-right: 0;
    }
    .careers-info .text-column:nth-child(2) .block-paragraphs p strong{
        margin-bottom: 0px;
    }
    .careers-info .block-paragraphs ul li {
        font-size: 15px;
        line-height: 28px;
    }
    .careers-info .text-column:nth-child(2) .block-paragraphs h3 {
        font-size: 24px;
    }
    .team-members .tiles-title-wrap h3.block-subtitle,
    .team-members .team-block h3.block-subtitle,
    .team-members .team-block h2.block-title,
    .solution-para .block-paragraphs p,
    body .categories-filter h2.block-subtitle, 
    body .resources-info h2.block-subtitle{
        font-size: 20px;
        line-height: 24px;
    }
    body .resources-info .hero-paragraphs {
        max-width: 100%;
        text-align: center;
    }
    .team-members .tiles-wrapper.container {
        padding: 0 40px;
    }
    .content-block.team-members {
        padding-bottom: 0;
    }
    body .team-listing{
        display: block;
        text-align: center;
        margin-bottom: 10px;
        padding: 0px 0 20px;
    }
    .team-listing .box .dir-content h2.block-title {
        margin-bottom: 20px;
        font-size: 40px;
    }
    .team-listing .single-dir-post .buttons-wrapper a.btn.btn-primary-outline{
        display: block;
        min-width: 170px;
    }
    body .team-listing .single-dir-post{
        padding: 0 15px 20px;
    }
    body .team-listing .dir-featured-image img{
        height: auto;
    }
    .about-info .block-paragraphs p{
        padding-left: 0;
        margin-top: 50px;
    }
    .nav-more{
        flex-flow: column;
    }
    #post-nav .nav-box{
        padding: 0px;
        margin-bottom: 40px;
        width: 100%;
    }
    #post-nav h2.block-title{
        text-align: center;
    }
    .categories-filter .work-listing{
        column-count: 1;
    }
    .blogs-listing .single-post.single-dir-post,
    .news-listing .single-post.single-dir-post{
        width:100%;
        padding-bottom: 50px;
    }
    .team-member-outer .member-headshot{
        width: 100%;
    }
    .team-member-outer .team-member-content{
        width: 100%;
        padding: 40px 15px;
    }
    .team-member-outer .team-member-content a.back-btn{
        font-size: 14px;
    }
    .team-member-outer .team-member-content h2.section-title{
        font-size: 40px;
    }
    .team-member-outer .team-member-content h4.section-tagline{
        font-size: 18px;
        margin-top: 10px;
    }
    .team-member-outer .team-member-content .section-content p{
        line-height: 24px;
    }
    .team-member-outer .team-member-content a.back-btn{
        padding-left: 36px;
    }
    .team-member-outer .team-member-content a.back-btn:before{
        width: 24px;
        height: 24px;
        top: -4px;
    }
    .hero-banner .hero-frame .landing-hero-content .buttons-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .hero-banner .hero-frame .landing-hero-content .buttons-wrapper a.btn.link-type-internal {
        margin: 10px;
    }
    .hero-banner .frame-img{
        display: block;
        margin-bottom: -10px;
    }
    body a.btn.btn-white-outline{
        padding: 22px 10px;
        letter-spacing: 0;
    }
    .single-work .work-single-info .multi-column-text-blocks .text-column:first-child p strong{
        display: inline-block;
    }
    .single-work h2.block-title {
        font-size: 40px;
    }
    body .resource-listing{
        column-count: 1;
    }
    .content-block.slider-wrap .single-work-slide .navinfo img {
        max-width: 100px;
    }
    body .hero-banner a.btn.btn-white-outline{
        min-width: 172px;
    }
    body a.btn, body a.btn.btn-white-outline{
        margin-top: 20px;
        min-width: 230px;
    }
    body.single-post .content-block.blog-hero, body.single-news .content-block.blog-hero{
        margin-bottom: 0px;
    }
    body .careers-block h2.block-subtitle{
        font-size: 20px;
        line-height: 24px;
    }
    .careers-info .text-column:nth-child(2) .block-paragraphs h4{
        font-size: 20px;
    }
    .wrok-type .careers-location, .wrok-type .careers-working-hours,
    .careers-hero-content .job-post-date{
        font-size: 14px;
    }
    .careers-info .forminator-ui#forminator-module-891.forminator-design--default .forminator-button-upload, .careers-info .forminator-ui#forminator-module-891.forminator-design--default .forminator-button-upload:hover {
        font-size: 12px;
    }
    body .careers-info form.forminator-ui.forminator-design--default .browse label.forminator-label{
        letter-spacing: 1px;
    }
    .careers-info .forminator-ui#forminator-module-891.forminator-design--default .forminator-input, .careers-info .forminator-ui#forminator-module-891.forminator-design--default .forminator-input:hover, .careers-info .forminator-ui#forminator-module-891.forminator-design--default .forminator-input:focus, .careers-info .forminator-ui#forminator-module-891.forminator-design--default .forminator-input:active, .careers-info .forminator-ui#forminator-module-891.forminator-design--default .forminator-textarea, .careers-info .forminator-ui#forminator-module-891.forminator-design--default .forminator-textarea:hover, .careers-info .forminator-ui#forminator-module-891.forminator-design--default .forminator-textarea:focus, .careers-info .forminator-ui#forminator-module-891.forminator-design--default .forminator-textarea:active{
        letter-spacing: 1px;
    }
    .footer-links ul.sub-menu{
        column-count: 1;
        min-width: inherit;
    }
    .generate-leads .buttons-wrapper a.btn {
        margin-right: 0;
    }
    .about-info .flexi-text-side-image:before, .solutions-info .flexi-text-side-image:before, .solution-para .flexi-text-side-image:before{
        height: 130px;
        top: -65px;
        right: -10px;
        background-size: 32px;
    }
    .content-block.solution-para {
        padding: 50px 0 0;
    }
    body .accordion dt a{
        font-size: 18px;
    }
    .solutions-info .multi-column-text-blocks h2.block-title{
        font-size: 20px;
        line-height: 24px;
        font-weight: 400;
    }
    .social-share{
        left: 0;
    }
    .footer-links ul#menu-footer-menu li{
        width: 52%;
    }
    .footer-links ul#menu-footer-menu li:last-child{
        width: 46%;
    }
    .services-accordion .accordion dt:before{
        top: 10px;
    }
    .services-accordion .accordion dt a:after{
        top: 4px;
    }
    .solutions-info .text-column .buttons-wrapper a.btn {
        margin: 10px 0;
    }
    .solutions-info .flexi-text-side-image img.side-img {
        min-height: 200px;
        object-fit: cover;
    }
    .generate-leads .buttons-wrapper a.btn {
        margin: 20px 5px;
    }
    .generate-leads .buttons-wrapper a.btn {
        padding: 17px 20px;
        min-width: 160px;
    }
    .content-block.slider-wrap .block-work-slider-wrapper{
        height: 100vw;
    }
    li.single-dir-cat a{
        border-radius: 20px;
    }
    body .resource-listing{
        display: block;
    }
    body .resource-listing .single-dir-post{
        padding: 0 0px 100px;
        width: 100%;
    }
    .solutions-info .multi-column-text-blocks .text-column:last-child{
        display: none;
    }
    body.single-post .content-block.blog-hero .hero-content.container h1.hero_title {
        font-size: 36px;
    }
    .more-options .nav-box a div.bgimg img.wp-post-image{
        max-height: 260px;
    }
    body.single-post .post-featured-image > img, body.single-news .post-featured-image > img{
        display: none;
    }
    body .inner-hero-content .hero-paragraphs p, body .landing-hero-content .hero-paragraphs p{
        line-height: 18px;
    }
    .solution-box .container .single-tile{
        margin-bottom: 30px;
    }
    body.single-post .inblog-form-main .inblog-form-wrap h2.inblog-blog-title{
        font-size: 24px;
    }
    a.sticky-button{
        display: none;
    }
    .lp-info .text-column:nth-child(2) .block-paragraphs{
        padding: 40px 20px;
    }
    .middle-lines.grey-lines.lp-slider .hero-vertical-lines {
        display: none;
    }
    .content-block.lp-info,
    .content-block.lp-slider,
    body .package .mac-intro-content{
        padding-top: 50px;
    }
    .work-video iframe {
        height: 51vw;
    }
    .content-block.ampstudio-intro {
        padding-top: 100px;
    }
    .ampstudio-intro .text-column:nth-child(2) .block-paragraphs .form-logo {
        margin-top: -130px;
        height: 130px;
    }
    .lp-info .text-column:nth-child(2) .block-paragraphs h2 {
        font-size: 18px;
    }
    .promotional-box .container .single-tile:nth-child(3n+3) {
        width: 100%;
    }
    .content-block .team-listing .dir-featured-image img {
        height: 90vw;
    }
    
}


@media screen and (max-width:540px) {
  .generate-leads .buttons-wrapper a.btn {
        padding: 17px 20px;
        min-width: 190px;
    }
    .content-block.mobile-only h2.hero-slider-title{
        font-size: 32px;
    }
    .content-block.slider-wrap .aos-animate span.bottom-line::before {
        left: 50%;
    }
    .long-title{
        display: inline;
        white-space: normal;
    }
    span.bottom-line.long-title::before,
    span.bottom-line.long-title::after{
        background-color: transparent;
    }
    .long-title span.last{
        position: relative;
        display: inline-block;
    }
    .long-title span.last:before{
        content: "";
        display: block;
        position: absolute;
        left: -5px;
        right: 0;
        bottom: -2px;
        height: 10px;
        width: 0;
        z-index: -2;
        transition: all 2s ease;
    }
    .aos-animate .long-title span.last:before{
        width: 100%;
    }
    .line-red.long-title span.last:before {
         background-color: #CB594D;
    }
    .line-blue.long-title span.last:before{
         background-color: #213769;
    }
    .line-light-blue.long-title span.last:before{
         background-color: #5dacce;
    }
    .line-green.long-title span.last:before{
         background-color: #8CC8AB;
    }
    .line-grey.long-title span.last:before{
         background-color: #808080;
    }
    .hero-frame .inner-hero-content {
        padding: 20px 5%;
    }
    body.sharpspring_form form#form_064b7b57-eef7-432a-bee9-d3d08e6c8c40 .form-container, body.sharpspring_form form#form_1616a074-0416-4559-b045-ad76cf4a400e .form-container, body.sharpspring_form form#form_8b58f504-6ddb-447f-b601-074c0be172de .form-container, body.sharpspring_form form#form_775cb542-8545-46f5-bae7-e074ab4fc22f .form-container, body.sharpspring_form form#form_c74eaded-de12-4d22-960f-45722ca99bb8 .form-container, body.sharpspring_form form#form_cffa6233-7cee-4d79-b301-03bd0e897d16 .form-container {
        display: block;
        flex-direction: unset;
        flex-flow: wrap;
    }
    body.sharpspring_form form#form_064b7b57-eef7-432a-bee9-d3d08e6c8c40 .form-container ul.form_fields, body.sharpspring_form form#form_1616a074-0416-4559-b045-ad76cf4a400e .form-container ul.form_fields {
        flex: 100%;
        width: 100%;
    }
    .inner-banner.careers-banner .bottom-line{
        white-space: unset;
    }
    .inner-banner.careers-banner span.bottom-line::before, .inner-banner.careers-banner span.bottom-line::after{
        display: none;
    }
    body .careers-info form.forminator-ui.forminator-design--default .browse label.forminator-label{
        width: 100%;
        border: 0;
    }
    body .careers-info form.forminator-ui.forminator-design--default .browse .forminator-file-upload > span {
        width: calc(100% - 120px);
    }
    .page-template-page-landing-page .header-ctas{
        display: none;
    }
    .lp-ty-newsletter .mac-intro-section.container:after{
        content: "";
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }
    .inner-banner.ampstudio-banner .hero-frame .inner-hero-content{
        padding: 20px 0;
    }
    .ampstudio-banner .inner-hero-content h1.hero_title {
        font-size: 40px;
    }
    .contact-address .multi-column-text-blocks .block-paragraphs{
        margin: 0 -15px;
    }
}