@media screen and ( min-width: 481px ) {

}




@media screen and ( min-width: 640px ) {

    /*  FORMS
    ===================================== */

    /*  form standard  */

    .form-standard .gform_fields {
        gap:var(--space-md) !important;
    }

    /*  contact form  */

    .form-standard.contact-form .newsletter-signup {
        padding-top:41px;
    }

}




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

    /*  COMMON ANIMATIONS
    ===================================== */

    /*  scroll text  */

    .scroll-text {
        font-size: 52px;
    }
    

    /*  ELEMENT :: HEADLINE FADE + YEARS COUNT UP
    ===================================== */

    .special-headline-number span {
        min-width:86px;
    }


    /*  ELEMENT :: 4 YPM POINTS
    ===================================== */

    .ypm-point {
        -webkit-transform:scale3d(1,0,1);
        transform:scale3d(1,0,1);
    }


    /*  ELEMENT :: SERVICE ITEMS
    ===================================== */

    .service-wrapper,
    .service-wrapper .service-title,
    .service-wrapper .text-content {
        -webkit-transition:0.5s all ease-out;
        transition:0.5s all ease-out;
    }
    .service-wrapper {
        cursor:pointer;
    }
    .service-wrapper:hover,
    .service-wrapper:focus {
        background-color:var(--bricks-color-yjixfe);
    }
    html[data-theme="dark"] .service-wrapper:hover,
    html[data-theme="dark"] .service-wrapper:focus {
        background-color: var(--bricks-color-bctlnl);
    }
    .service-wrapper:hover .text-content,
    .service-wrapper:focus .text-content {
        -webkit-transform:translate3d(25px,0,0);
        transform:translate3d(25px,0,0);
    }
    html[data-theme="light"] .service-wrapper:hover .service-title,
    html[data-theme="light"] .service-wrapper:focus .service-title {
        color:var(--bricks-color-hxizlt) !important;
    }
    html[data-theme="dark"] .service-wrapper:hover .service-title,
    html[data-theme="dark"] .service-wrapper:focus .service-title {
        color:var(--bricks-color-popxfx) !important;
    }
    .service-wrapper .add-text {
        -webkit-clip-path:inset(0 0 100% 0);
        clip-path:inset(0 0 100% 0);
        -webkit-transition:0.35s margin ease-out, 0.35s clip-path cubic-bezier(0,0,0,0.99);
        transition:0.35s margin ease-out, 0.35s clip-path cubic-bezier(0,0,0,0.99);
    }
    .service-wrapper:hover .add-text,
    .service-wrapper:focus .add-text {
        -webkit-clip-path:inset(0 0 0 0);
        clip-path:inset(0 0 0 0);
        -webkit-transition-property:margin, clip-path;
        transition-property:margin, clip-path;
        -webkit-transition-delay:0s, 0.15s;
        transition-delay:0s, 0.15s;
        margin-bottom:0 !important;
    }
    .service-wrapper .img-wrapper {
        height:0;
        -webkit-clip-path:inset(0 100% 0 0);
        clip-path:inset(0 100% 0 0);
        opacity: 0;
        -webkit-transform:translate3d(100px,0,0);
        transform:translate3d(100px,0,0);
    }
    .service-wrapper:hover .img-wrapper,
    .service-wrapper:focus .img-wrapper {
        height:var(--service-img-hover-value);
        -webkit-clip-path:inset(0 0 0 0);
        clip-path:inset(0 0 0 0);
        opacity: 1;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0);
        -webkit-transition:height 0.25s ease-out, clip-path 0.35s cubic-bezier(0.40, -0.55, 0.2, 1.40), opacity 0.35s ease-out, transform 0.35s cubic-bezier(0.40, -0.55, 0.2, 1.40);
        transition:height 0.25s ease-out, clip-path 0.35s cubic-bezier(0.40, -0.55, 0.2, 1.40), opacity 0.35s ease-out, transform 0.35s cubic-bezier(0.40, -0.55, 0.2, 1.40);
        -webkit-transition-delay:0.15s;
        transition-delay:0.15s;
    }

}




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

    /*  ELEMENT :: SLIDING BOXES
    ===================================== */

    .sliding-box-item .content-right {
        display:none !important;
    }

}