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

}


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

    .container-bg-animation
    {
        left: -40% !important;
    }
}


@media only screen and (max-width: 1200px)
{
    .mobile-space
    {
        margin-top:15px;
    }
    .mobile-space-x2
    {
        margin-top:30px;
    }
    
    .d-none-mobile
    {
        display: none !important;
    }
    .container-bg-animation
    {
        left: -50% !important;
    }
}


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

    
    .container-bg-animation
    {
        display: none;
    }
    .mobile-space
    {
        margin-top:15px;
    }
    .mobile-space-x2
    {
        margin-top:30px;
    }


    section.testimonials
    {
        .testimonials-wrapper
        {
            
            flex-wrap: wrap;
            
            .column
            {
                flex: none;
                width:100%;

            }

        }
    }

    .message-from-ceo
    {
        .message
        {
            width:120px !important ;
            &.active
            {
                width:calc(100% - 160px) !important;
            }
        }
    }


}

@media only screen and (max-width: 768px)
/* @media only screen and (max-width: 576px) */
{

    section
    {
        padding-inline: 20px !important;
        padding-block: 100px !important;
    }
    
    h1
    {
        font-size: 40px;
        line-height: 50px;
    }


    .fs-24
    {
        font-size: 20px !important;
        line-height:26px !important;
    }

    p, section.footer p 
    {
        font-size: 18px;
        line-height:22.5px;
    }

    section.portfolio
    {
        height: max-content;
        min-height: unset;
        

        h1
        {
            font-size: 36px;
            line-height:43px;
        }
        p
        {
            font-size: 20px !important;
            line-height: 26px !important;

        }
    }

    section.services
    {
        padding-block: unset !important;
    }
    section.client-review
    {
        padding-inline:0px !important;

        .container 
        {
            padding-inline: 30px;
        }
        &::before, &::after
        {
            display:none;
        }

        .fs-fact
        {
            font-size:152px !important;
        }
        .marque-wrapper
        {
            padding:0px;

            &::before
            {
                display: none;
            }
        }


    }
        

    section.news-publication
    {
        h1, p
        {
            text-align: center;
        }
        .swiper-pagination
        {
            text-align: center;
        }
        .news-publication-swiper p
        {
            text-align: left;
        }
    }

    section.testimonials .testimonials-wrapper
    {
        padding:0px;
    }


    .message-from-ceo
    {
        .message
        {
            width:50px !important ;
            &.active
            {
                width:calc(100% - 140px) !important;
            }
        }
    }



    section.footer
    {
        .form-component
        {
            padding: 10px 15px;
        }
        label
        {
            font-size: 14px !important
        }
        
        input, textarea
        {   font-size: 16px !important; }
            
        button
        {
            text-align: center;
        }

        .submit-wrapper button
        {
            width:100%;;
        }
    }
}


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

}


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

}