/*Hero Slider*/
.work-page .cases-home-slider{ background: var(--black); height: 100vh; width: 100%; max-height: 970px; min-height: 850px; overflow: hidden; transition: var(--transition); }
.work-page .cases-home-slider .cases-slider-carousel{ height: 100%; width: 100%; }
.work-page .cases-home-slider .cases-slider-carousel .hero-slide{ height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; }

.work-page .cases-home-slider .cases-slider-carousel .hero-slide .slide-bg{ width: 1920px; height: 100%; background-repeat: no-repeat; position: absolute; }
.work-page .cases-home-slider .cases-slider-carousel .hero-slide .slide-bg.mobile{ display: none; }

    .work-page .cases-home-slider .cases-slider-carousel .hero-slide.mapright .slide-bg{ background-size: 1600px auto; background-position: right top; }
    .work-page .cases-home-slider .cases-slider-carousel .hero-slide.vooks .slide-bg{ background-size: 1440px auto; background-position: top right; }
    .work-page .cases-home-slider .cases-slider-carousel .hero-slide.youscience .slide-bg{ background-size: 1800px auto; background-position: right -90px top 40px; }

.work-page .cases-home-slider .cases-slider-carousel .hero-slide .case-info-wrapper{ color: var(--white); width: 1160px; margin: 0 auto; z-index: 10; position: fixed; transition: var(--transition); }
.work-page .cases-home-slider .cases-slider-carousel .hero-slide .case-info-wrapper .case-info{ width: 430px; opacity: 0; position: relative; transform: translateX(-100px); transition: all 1s; }
.work-page .cases-home-slider .cases-slider-carousel .hero-slide .case-info-wrapper .case-info figure{ width: 120px; margin-bottom: 20px; }
.work-page .cases-home-slider .cases-slider-carousel .hero-slide .case-info-wrapper .case-info figure img{ width: 100%; }
.work-page .cases-home-slider .cases-slider-carousel .hero-slide.vooks .case-info-wrapper .case-info figure{ width: 100px; }
.work-page .cases-home-slider .cases-slider-carousel .hero-slide .case-info-wrapper .case-info h2{ font-size: 36px; line-height: 1.2; margin-bottom: 30px; letter-spacing: -1px; }
.work-page .cases-home-slider .cases-slider-carousel .hero-slide .case-info-wrapper .case-info .description{ font-weight: 200; font-size: 15px; line-height: 1.6; margin-bottom: 30px; }
.work-page .cases-home-slider .cases-slider-carousel .hero-slide .case-info-wrapper .case-info .values{ display: flex; margin-top: 50px; }
.work-page .cases-home-slider .cases-slider-carousel .hero-slide .case-info-wrapper .case-info .values li{ margin-right: 40px; text-align: center; }
.work-page .cases-home-slider .cases-slider-carousel .hero-slide .case-info-wrapper .case-info .values li .label{ font-size: 12px; font-weight: 300; text-align: center; }
.work-page .cases-home-slider .cases-slider-carousel .hero-slide .case-info-wrapper .case-info .values li .value{ font-size: 28px; margin-top: 15px; font-weight: 600; text-align: center; }

.work-page .cases-home-slider .cases-slider-carousel .hero-slide.swiper-slide-active .case-info-wrapper .case-info{ opacity: 1; transform: translateX(0); }

.work-page .cases-home-slider .cases-slider-carousel-pagination{ position: absolute; bottom: 70px; z-index: 10; display: flex; width: 100%; align-items: center; justify-content: center; top: auto; }
.work-page .cases-home-slider .cases-slider-carousel-pagination .swiper-pagination-bullet{ width: 9px; height: 9px; background: #373737; opacity: 1; margin: 0 3px; }
.work-page .cases-home-slider .cases-slider-carousel-pagination .swiper-pagination-bullet-active{ background: #D9D9D9; }

/*Our Work*/
.work-page .our-work{ background: var(--white); border-radius: 20px; margin-top: -30px; z-index: 10; position: relative; padding-top: 100px; }
.work-page .our-work .header{ display: flex; flex-direction: column; align-items: center; justify-content: center; max-width: 600px; margin: 0 auto 100px; text-align: center; }
.work-page .our-work .header p{ text-transform: uppercase; font-size: 16px; font-weight: 500; margin-bottom: 20px; }
.work-page .our-work .header h1{ font-size: 32px; letter-spacing: -1px; line-height: 1.2; }

.work-page .our-work .projects-list-wrapper{ max-width: 1190px; margin: 0 auto; }
.work-page .our-work .projects-list-wrapper .projects-list{ display: flex; flex-wrap: wrap; margin-bottom: 40px; }
.work-page .our-work .projects-list-wrapper .projects-list li{ height: 500px; margin-bottom: 30px; padding: 0 15px; }
.work-page .our-work .projects-list-wrapper .projects-list li.full{ width: 100%; }
.work-page .our-work .projects-list-wrapper .projects-list li.mid{ width: 50%; height: 700px; }
.work-page .our-work .projects-list-wrapper .projects-list li .project-content{ background: #EEE; border-radius: 20px; height: 100%; padding: 30px; color: var(--white); overflow: hidden; }

.work-page .our-work .projects-list-wrapper .projects-list li.computer-vision-project .project-content{ background: #010101; }
.work-page .our-work .projects-list-wrapper .projects-list li.wearables-project .project-content{ background: linear-gradient(180deg, #000000 0%, #000000 100%); }
.work-page .our-work .projects-list-wrapper .projects-list li.ripple-project .project-content{ background: linear-gradient(359.9deg, #013045 4.35%, #000000 108.99%); }
.work-page .our-work .projects-list-wrapper .projects-list li.celbrea-project .project-content{ background: linear-gradient(117.49deg, rgba(63, 33, 151, 0.768) 4.76%, rgba(123, 63, 143, 0.8) 64.77%); }
.work-page .our-work .projects-list-wrapper .projects-list li.one-signal-project .project-content{ background: linear-gradient(180deg, #D34854 1.81%, #2A1176 100%); }
.work-page .our-work .projects-list-wrapper .projects-list li.tabula-rasa-project .project-content{ background: linear-gradient(180deg, #90BD55 -13.96%, #56763E 100%); }
.work-page .our-work .projects-list-wrapper .projects-list li.brainfm-project .project-content{ background: #3D2AED66; }

.work-page .our-work .projects-list-wrapper .projects-list li .project-content{ display: flex; justify-content: space-between; align-items: center; position: relative; }
.work-page .our-work .projects-list-wrapper .projects-list li .project-content .main-image{ width: 50%;}
.work-page .our-work .projects-list-wrapper .projects-list li .project-content .main-image img{ width: 100%; }
.work-page .our-work .projects-list-wrapper .projects-list li .project-content .text{ width: 50%; padding: 0 80px; position: relative; z-index: 10; }
.work-page .our-work .projects-list-wrapper .projects-list li .project-content .text .label{ text-transform: uppercase; font-size: 15px; margin-bottom: 15px; }
.work-page .our-work .projects-list-wrapper .projects-list li .project-content .text .client-logo{ max-width: 130px; margin: 0 auto 20px; }
.work-page .our-work .projects-list-wrapper .projects-list li .project-content .text h2{ font-size: 36px; line-height: 1.2; font-weight: 300; letter-spacing: -1px; }
.work-page .our-work .projects-list-wrapper .projects-list li .project-content .text .description{ font-weight: 300; font-size: 14px; line-height: 1.5; color: #C2C2C2; padding: 20px 0; }
.work-page .our-work .projects-list-wrapper .projects-list li .project-content .text figure img{ width: 100%; }

/*Mid*/
.work-page .our-work .projects-list-wrapper .projects-list li.mid .project-content{ flex-direction: column; align-items: center; justify-content: center; }
.work-page .our-work .projects-list-wrapper .projects-list li.mid .project-content .text{ width: 100%; padding: 0; }

    /* Avant */
    .work-page .our-work .projects-list-wrapper .projects-list li.avant-project .project-content{ background: #2859f6; }
    .work-page .our-work .projects-list-wrapper .projects-list li.avant-project .project-content .avant-logo{ max-width: 150px; margin-bottom: 20px; }
    .work-page .our-work .projects-list-wrapper .projects-list li.avant-project .project-content .main-image{}
    .work-page .our-work .projects-list-wrapper .projects-list li.avant-project .project-content .text{ padding: 0 0 0 40px; }
    .work-page .our-work .projects-list-wrapper .projects-list li.avant-project .project-content .text h2{ font-size: 38px; font-weight: 400; margin-bottom: 25px; }
    .work-page .our-work .projects-list-wrapper .projects-list li.avant-project .project-content .avant-tablet{ position: absolute; width: 680px; top: 50px; right: -160px; z-index: 20; } 
    .work-page .our-work .projects-list-wrapper .projects-list li.avant-project .project-content .avant-tablet img{ width: 100%; }
    .work-page .our-work .projects-list-wrapper .projects-list li.avant-project .project-content .avant-phone{ position: absolute; width: 200px; top: 240px; right: 400px; z-index: 30; } 
    .work-page .our-work .projects-list-wrapper .projects-list li.avant-project .project-content .avant-phone img{ width: 100%; }
    .work-page .our-work .projects-list-wrapper .projects-list li.avant-project .project-content .bg-triangle{ width: 700px; height: 589px; background: url("../svg/bg-avant-right.svg"); background-size: 700px 589px; position: absolute; bottom: -70px; left: -180px; z-index: 1; }

    /*Computer Vision*/
    .work-page .our-work .projects-list-wrapper .projects-list li.computer-vision-project .project-content .main-image{ width: 540px; position: relative; left: 10px; top: 10px; }

    /*Ripple*/
    .work-page .our-work .projects-list-wrapper .projects-list li.ripple-project .project-content{ text-align: center; justify-content: center; } 
    .work-page .our-work .projects-list-wrapper .projects-list li.ripple-project .project-content .main-image{ width: 1140px; position: absolute; top: -150px; opacity: .6; }
    .work-page .our-work .projects-list-wrapper .projects-list li.ripple-project .project-content .text{ padding: 170px 80px 0; }

    /*Wearables*/
    .work-page .our-work .projects-list-wrapper .projects-list li.wearables-project .project-content{ text-align: center; justify-content: center; } 
    .work-page .our-work .projects-list-wrapper .projects-list li.wearables-project .project-content .main-image{ width: 390px; position: absolute; bottom: -150px; }
    .work-page .our-work .projects-list-wrapper .projects-list li.wearables-project .project-content .text{ padding: 0 80px 0; top: -130px; }
    .work-page .our-work .projects-list-wrapper .projects-list li.wearables-project .project-content .text .label{ text-transform: none; }

    /*Celbrea*/
    .work-page .our-work .projects-list-wrapper .projects-list li.celbrea-project .project-content{ background-size: cover; } 
    .work-page .our-work .projects-list-wrapper .projects-list li.celbrea-project .project-content .text figure{ max-width: 140px; margin-bottom: 30px; }
    .work-page .our-work .projects-list-wrapper .projects-list li.celbrea-project .project-content .text h2{ margin-bottom: 30px; }
    .work-page .our-work .projects-list-wrapper .projects-list li.celbrea-project .project-content .main-image{ position: absolute; width: 960px; top: -257px; right: -125px; }

    /*One Signal*/
    .work-page .our-work .projects-list-wrapper .projects-list li.one-signal-project .project-content{ text-align: center; justify-content: center; } 
    .work-page .our-work .projects-list-wrapper .projects-list li.one-signal-project .project-content h2{ margin-bottom: 20px; font-size: 32px; padding: 0 20px; }
    .work-page .our-work .projects-list-wrapper .projects-list li.one-signal-project .project-content .text{ top: -120px;}
    .work-page .our-work .projects-list-wrapper .projects-list li.one-signal-project .project-content .text figure{ max-width: 200px; margin: 0 auto 30px; }
    .work-page .our-work .projects-list-wrapper .projects-list li.one-signal-project .project-content .bg-image{ width: 380px; position: absolute; left: 0; top: 0; }
    .work-page .our-work .projects-list-wrapper .projects-list li.one-signal-project .project-content .main-image{  width: 620px; position: absolute; bottom: -165px; right: -110px; }

    /*Tabula Rasa*/
    .work-page .our-work .projects-list-wrapper .projects-list li.tabula-rasa-project .project-content{ text-align: center; justify-content: center; } 
    .work-page .our-work .projects-list-wrapper .projects-list li.tabula-rasa-project .project-content h2{ margin-bottom: 20px; }
    .work-page .our-work .projects-list-wrapper .projects-list li.tabula-rasa-project .project-content .text{ top: -140px; padding: 0 40px; }
    .work-page .our-work .projects-list-wrapper .projects-list li.tabula-rasa-project .project-content .text figure{ max-width: 250px; margin: 0 auto; }
    .work-page .our-work .projects-list-wrapper .projects-list li.tabula-rasa-project .project-content .main-image{ position: absolute; bottom: -350px; width: 435px; left: 50%; margin-left: -256px;}
    .work-page .our-work .projects-list-wrapper .projects-list li.tabula-rasa-project .project-content .left-polygon{ position: absolute; left: 0; bottom: 80px; }
    .work-page .our-work .projects-list-wrapper .projects-list li.tabula-rasa-project .project-content .right-polygon{ position: absolute; right: 0; top: 70px; }

    /*Brainfm*/
    .work-page .our-work .projects-list-wrapper .projects-list li.brainfm-project .project-content{ background-size: cover; } 
    .work-page .our-work .projects-list-wrapper .projects-list li.brainfm-project .project-content .text{ width: 50%; padding: 0 80px 0 50px; position: relative; z-index: 10; } 
    .work-page .our-work .projects-list-wrapper .projects-list li.brainfm-project .project-content .text figure{ max-width: 180px; margin-bottom: 20px; }
    .work-page .our-work .projects-list-wrapper .projects-list li.brainfm-project .project-content .text .button{ margin-top: 30px; }
    .work-page .our-work .projects-list-wrapper .projects-list li.brainfm-project .project-content .main-image{ position: absolute; right: -210px; width: 835px; bottom: -180px; }

    /*Shopify*/
    .work-page .our-work .projects-list-wrapper .projects-list li.shopify-project .project-content{ background-size: cover; flex-direction: row-reverse; background-position: center; }  
    .work-page .our-work .projects-list-wrapper .projects-list li.shopify-project .project-content .text{ width: 50%; padding: 0 0 0 20px; position: relative; z-index: 10; } 
    .work-page .our-work .projects-list-wrapper .projects-list li.shopify-project .project-content .text h2{ font-weight: 500; font-size: 38px; }
    .work-page .our-work .projects-list-wrapper .projects-list li.shopify-project .project-content .text figure{ max-width: 120px; margin-bottom: 20px; }
    .work-page .our-work .projects-list-wrapper .projects-list li.shopify-project .project-content .text .button{ margin-top: 30px; }
    .work-page .our-work .projects-list-wrapper .projects-list li.shopify-project .project-content .main-image{ position: absolute; left: -30px; width: 465px; bottom: -10px; }

    /*OnePay*/
    .work-page .our-work .projects-list-wrapper .projects-list li.one-project .project-content{ background-size: cover; flex-direction: row; background-position: center; }  
    .work-page .our-work .projects-list-wrapper .projects-list li.one-project .project-content .text{ width: 50%; padding: 0 0 0 50px; position: relative; z-index: 10; } 
    .work-page .our-work .projects-list-wrapper .projects-list li.one-project .project-content .text h2{ font-weight: 500; font-size: 38px; margin-bottom: 30px; }
    .work-page .our-work .projects-list-wrapper .projects-list li.one-project .project-content .text figure{ max-width: 130px; margin-bottom: 20px; }
    .work-page .our-work .projects-list-wrapper .projects-list li.one-project .project-content .text figure img{ width: 100%; }


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

    /*Hero Carousel*/
    .work-page .cases-home-slider{ max-height: 830px; min-height: 700px; }
    .work-page .cases-home-slider .cases-slider-carousel .hero-slide .case-info-wrapper{ width: 100%; max-width: 1090px; } 
    .work-page .cases-home-slider .cases-slider-carousel .hero-slide .case-info-wrapper .case-info figure{ width: 110px; }
    .work-page .cases-home-slider .cases-slider-carousel .hero-slide .case-info-wrapper .case-info .values{ margin-top: 0; }

    /*Work*/
    .work-page .our-work .projects-list-wrapper .projects-list li .project-content .text h2{ font-size: 32px; }

    /*Celbrea*/
    .work-page .our-work .projects-list-wrapper .projects-list li.celbrea-project .project-content .main-image{ right: -245px; }

    /*Wearables*/
    .work-page .our-work .projects-list-wrapper .projects-list li.wearables-project .project-content .text { padding: 0 30px; }

    /*Ripple*/
    .work-page .our-work .projects-list-wrapper .projects-list li.ripple-project .project-content .text { padding: 170px 30px 0; }

    /*Brainfm*/
    .work-page .our-work .projects-list-wrapper .projects-list li.brainfm-project .project-content .main-image { position: absolute; right: -270px; width: 785px; bottom: -150px; }


}

@media screen and (max-width: 1190px){
 
    /*Hero Carousel*/
    .work-page .cases-home-slider .cases-slider-carousel .hero-slide .case-info-wrapper{ width: 100%; max-width: 100%; padding: 0 40px; } 

    /* Work */

        /* Avant */
        .work-page .our-work .projects-list-wrapper .projects-list li.avant-project .project-content .avant-tablet{ width: 620px; top: 70px; }
        .work-page .our-work .projects-list-wrapper .projects-list li.avant-project .project-content .avant-phone{ width: 170px; right: 350px; top: 260px; }
        .work-page .our-work .projects-list-wrapper .projects-list li.avant-project .project-content .avant-logo{ width: 130px; }
        .work-page .our-work .projects-list-wrapper .projects-list li.avant-project .project-content .text{ padding: 0 0 0 20px; }
        .work-page .our-work .projects-list-wrapper .projects-list li.avant-project .project-content .text h2{ font-size: 35px; }

}


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

    /*Hero Slider*/
    .work-page .cases-home-slider .cases-slider-carousel .hero-slide{ overflow: hidden; }
    .work-page .cases-home-slider .cases-slider-carousel .hero-slide .case-info-wrapper{ padding: 0 40px; }
    .work-page .cases-home-slider .cases-slider-carousel .hero-slide .case-info-wrapper .case-info{ width: 100%; max-width: 430px; }
    .work-page .cases-home-slider .cases-slider-carousel .hero-slide .case-info-wrapper .case-info h2{ font-size: 32px; }
    .work-page .cases-home-slider .cases-slider-carousel .hero-slide .case-info-wrapper .case-info .description{ font-size: 14px; }
    .work-page .cases-home-slider .cases-slider-carousel .hero-slide .case-info-wrapper .case-info .values li .value{ font-size: 25px; }

    .work-page .cases-home-slider .cases-slider-carousel .hero-slide .slide-bg.desktop{ display: none; }
    .work-page .cases-home-slider .cases-slider-carousel .hero-slide .slide-bg.mobile{ display: block; }

    .work-page .cases-home-slider .cases-slider-carousel .hero-slide.mapright .slide-bg{ background-size: 100vw auto; background-position: center center; }
    .work-page .cases-home-slider .cases-slider-carousel .hero-slide.vooks .slide-bg{ background-size: 100vw auto; background-position: center center; }
    .work-page .cases-home-slider .cases-slider-carousel .hero-slide.youscience .slide-bg{ background-size: 100vw auto; background-position: center center; }

    /*Work*/
    .work-page .our-work{ padding-top: 60px; }
    .work-page .our-work .header h1{ font-size: 25px; }
    .work-page .our-work .header p{ font-size: 14px; }

    .work-page .our-work .projects-list-wrapper .projects-list li{ height: auto; }
    .work-page .our-work .projects-list-wrapper .projects-list li.mid{ width: 100%; height: auto; }
    .work-page .our-work .projects-list-wrapper .projects-list li .project-content{ padding-top: 70px; }
    .work-page .our-work .projects-list-wrapper .projects-list li .project-content .text{ width: 100%; padding: 0 20px; }
    .work-page .our-work .projects-list-wrapper .projects-list li .project-content .text .label{ font-size: 13px; }
    .work-page .our-work .projects-list-wrapper .projects-list li .project-content .text h2{ font-size: 30px; }

        /* Avant */
        .work-page .our-work .projects-list-wrapper .projects-list li.avant-project .project-content{ flex-direction: column; padding-bottom: 340px; }
        .work-page .our-work .projects-list-wrapper .projects-list li.avant-project .project-content .avant-tablet{ top: auto; left: auto; right: 50%; bottom: -190px; margin-right: -350px; }
        .work-page .our-work .projects-list-wrapper .projects-list li.avant-project .project-content .avant-phone{ top: auto; left: auto; right: 50%; bottom: -80px; margin-right: 160px; }
    
        /*Computer Vision*/
        .work-page .our-work .projects-list-wrapper .projects-list li.computer-vision-project .project-content{ flex-direction: column-reverse; justify-content: flex-start; align-items: flex-start; }
        .work-page .our-work .projects-list-wrapper .projects-list li.computer-vision-project .project-content .main-image{ position: relative; left: 50%; transform: translateX(-50%); top: auto; bottom: -30px; width: 400px; }
        .work-page .our-work .projects-list-wrapper .projects-list li.computer-vision-project .project-content .text{ width: 100%; text-align: center; }
        
        /*Wearables*/
        .work-page .our-work .projects-list-wrapper .projects-list li.wearables-project .project-content{ flex-direction: column-reverse; }
        .work-page .our-work .projects-list-wrapper .projects-list li.wearables-project .project-content .main-image { position: relative; bottom: -70px; margin-bottom: -130px; }
        .work-page .our-work .projects-list-wrapper .projects-list li.wearables-project .project-content .text { padding: 0 20px 0; top: 0; }

        /*Ripple*/
        .work-page .our-work .projects-list-wrapper .projects-list li.ripple-project .project-content{ padding-bottom: 70px; }
        .work-page .our-work .projects-list-wrapper .projects-list li.ripple-project .project-content .text { padding: 170px 20px 0; }
        .work-page .our-work .projects-list-wrapper .projects-list li.ripple-project .project-content .main-image { width: 1024px; }

        /*Celbrea*/
        .work-page .our-work .projects-list-wrapper .projects-list li.celbrea-project .project-content{ flex-direction: column-reverse; justify-content: flex-start; align-items: flex-start; padding-bottom: 320px; }
        .work-page .our-work .projects-list-wrapper .projects-list li.celbrea-project .project-content .text{ text-align: center; align-items: center; display: flex; flex-direction: column; }
        .work-page .our-work .projects-list-wrapper .projects-list li.celbrea-project .project-content .main-image { position: absolute; width: 960px; top: auto; right: 50%; bottom: -720px; margin-right: -350px; }

        /*OneSingal*/
        .work-page .our-work .projects-list-wrapper .projects-list li.one-signal-project .project-content{ flex-direction: column-reverse; padding-bottom: 320px; }
        .work-page .our-work .projects-list-wrapper .projects-list li.one-signal-project .project-content .text{ top: 0; }
        .work-page .our-work .projects-list-wrapper .projects-list li.one-signal-project .project-content .main-image{ right: auto; left: 50%; margin-left: -307px; z-index: 20; } 

        /*TabulaRasa*/
        .work-page .our-work .projects-list-wrapper .projects-list li.tabula-rasa-project .project-content{ flex-direction: column-reverse; padding-bottom: 320px; padding-top: 30px; }
        .work-page .our-work .projects-list-wrapper .projects-list li.tabula-rasa-project .project-content .text{ top: 0; padding: 0; }
        .work-page .our-work .projects-list-wrapper .projects-list li.tabula-rasa-project .project-content .main-image{ position: absolute; left: 50%; margin-left: -258px; } 

        /*Brainfm*/
        .work-page .our-work .projects-list-wrapper .projects-list li.brainfm-project .project-content{ flex-direction: column-reverse; justify-content: flex-start; align-items: flex-start; padding-bottom: 320px; }
        .work-page .our-work .projects-list-wrapper .projects-list li.brainfm-project .project-content .text{ width: 100%; text-align: center; align-items: center; display: flex; flex-direction: column; padding: 0 20px; }
        .work-page .our-work .projects-list-wrapper .projects-list li.brainfm-project .project-content .main-image{ position: absolute; right: auto; width: 665px; bottom: -180px; left: 50%; margin-left: -339px; }

        /*Shopify*/
        .work-page .our-work .projects-list-wrapper .projects-list li.shopify-project .project-content{ flex-direction: column-reverse; text-align: center; }
        .work-page .our-work .projects-list-wrapper .projects-list li.shopify-project .project-content .text{ width: 100%; }
        .work-page .our-work .projects-list-wrapper .projects-list li.shopify-project .project-content .text figure{ margin: 0 auto 10px; }
        .work-page .our-work .projects-list-wrapper .projects-list li.shopify-project .project-content .text h2{ font-size: 32px; font-weight: 400; }
        .work-page .our-work .projects-list-wrapper .projects-list li.shopify-project .project-content .main-image{ position: relative; bottom: 0; margin-bottom: -50px; }

        /*One*/
        .work-page .our-work .projects-list-wrapper .projects-list li.one-project .project-content{ align-items: center; justify-content: center; text-align: center; min-height: 470px; }
        .work-page .our-work .projects-list-wrapper .projects-list li.one-project .project-content .text{ width: 100%; padding: 0; }
        .work-page .our-work .projects-list-wrapper .projects-list li.one-project .project-content .text figure{ margin: 0 auto 20px; } 
        .work-page .our-work .projects-list-wrapper .projects-list li.one-project .project-content .text h2 { font-weight: 300; font-size: 28px; }
        .work-page .our-work .projects-list-wrapper .projects-list li.one-project .project-content .text a{ margin: 30px auto; }

}

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

    /*Hero Slider*/
    .work-page .cases-home-slider .cases-slider-carousel .hero-slide .case-info-wrapper{ padding: 0 20px; }
    .work-page .cases-home-slider .cases-slider-carousel .hero-slide .case-info-wrapper .case-info{ padding-right: 50px; }
    .work-page .cases-home-slider .cases-slider-carousel .hero-slide .case-info-wrapper .case-info h2{ font-size: 26px; }
    .work-page .cases-home-slider .cases-slider-carousel .hero-slide .case-info-wrapper .case-info .description{ font-size: 13px; }
    .work-page .cases-home-slider .cases-slider-carousel .hero-slide .case-info-wrapper .case-info a { padding: 10px 19px; font-size: 13px; border-radius: 9px; }
    .work-page .cases-home-slider .cases-slider-carousel .hero-slide .case-info-wrapper .case-info figure{ width: 90px; }
    .work-page .cases-home-slider .cases-slider-carousel .hero-slide.vooks .case-info-wrapper .case-info figure{ width: 80px; }

    /*Work*/
    .work-page .our-work .projects-list-wrapper .projects-list li .project-content .text h2{ font-size: 28px; }

        /* Avant */
        .work-page .our-work .projects-list-wrapper .projects-list li.avant-project .project-content{ padding-bottom: 55%; }
        .work-page .our-work .projects-list-wrapper .projects-list li.avant-project .project-content .text{ padding: 0; }
        .work-page .our-work .projects-list-wrapper .projects-list li.avant-project .project-content .text h2{ font-size: 26px; }
        .work-page .our-work .projects-list-wrapper .projects-list li.avant-project .project-content .text a{ margin-bottom: 20px; }
        .work-page .our-work .projects-list-wrapper .projects-list li.avant-project .project-content .avant-tablet{ bottom: -190px; margin-right: 0; right: -10%; width: 80%; bottom: -10%; }
        .work-page .our-work .projects-list-wrapper .projects-list li.avant-project .project-content .avant-phone{ bottom: -10%; margin-right: 0; width: 23%; right: 55%; }

        /*Tabula Rasa*/
        .work-page .our-work .projects-list-wrapper .projects-list li.tabula-rasa-project .project-content .main-image { position: absolute; left: 50%; margin-left: -228px; width: 380px; bottom: -290px; }

        /*Brainfm*/
        .work-page .our-work .projects-list-wrapper .projects-list li.brainfm-project .project-content{ padding-bottom: 240px; }
        .work-page .our-work .projects-list-wrapper .projects-list li.brainfm-project .project-content .main-image{ width: 495px; bottom: -140px; left: 50%; margin-left: -255px; }

        /*OneSignal*/ 
        .work-page .our-work .projects-list-wrapper .projects-list li.one-signal-project .project-content{ padding-bottom: 250px; }
        .work-page .our-work .projects-list-wrapper .projects-list li.one-signal-project .project-content .main-image{ right: auto; left: 50%; margin-left: -231px; z-index: 20; width: 470px; bottom: -128px; }

        /*Shopify*/
        .work-page .our-work .projects-list-wrapper .projects-list li.shopify-project .project-content .main-image{ width: 325px; }
        .work-page .our-work .projects-list-wrapper .projects-list li.shopify-project .project-content .text h2{ font-weight: 300; font-size: 28px; }

}


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

    /*OneSignal*/ 
    .work-page .our-work .projects-list-wrapper .projects-list li.one-signal-project .project-content .main-image { right: auto; left: auto; margin-left: 0; z-index: 20; width: 470px; bottom: -128px; right: -30%; }

}