/* RESPONSIVE */
@media screen and (max-width: 1200px)
{
    .slider .slider-item { padding: 150px 0; }
    
    .testimonials .container .row .col-6 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
    .testimonials .container .row .col-6 .swiper-button-next { right: -15px; }
    .testimonials .container .row .col-6 .swiper-button-prev { left: -15px; }
    
    .accordion .container .custom-title { margin-bottom: 40px; }
}
@media screen and (max-width: 992px)
{
    .slider .slider-item { padding: 100px 0; }
    .slider .slider-item .container .row .infos { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    
    .about .container .row .col-6, .about .container .row .col-5 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    .about .container .row .col-6 { margin-bottom: 50px; }
    .about .container .row .col-5 { margin-left: 0; }
    
    .about-2 .container .row .col-6, .about-2 .container .row .col-5 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    .about-2 .container .row .col-6 { margin-top: 50px; }
    .about-2 .container .row .col-5 { margin-right: 0; }
    
    .services .container .row .col-4 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
    
    .about-4 .container .row .col-6, .about-4 .container .row .col-5 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    .about-4 .container .row .col-6 { margin-bottom: 50px; }
    .about-4 .container .row .col-5 { margin-left: 0; }
    
    .testimonials .container .row .col-6 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
    
    .accordion .container .custom-title { margin-bottom: 30px; }
    .accordion .container .custom-title .col-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    .accordion .container .custom-title .col-6 .title-5 { margin-bottom: 20px; }
    .accordion .container .row .col-6 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
    
    .cta { padding: 75px 0; }
    
    .footer { padding: 50px 0; }
    .footer .container .row .col-3 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; text-align: center; margin-bottom: 25px; }
    .footer .container .row .col-4 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
    .footer .container .row .col-2 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
}
@media screen and (max-width: 768px)
{
    .slider .slider-item { padding: 70px 0; }
    
    .about .container .row .col-6 { margin-bottom: 35px; }
    .about .container .row:nth-child(2) iframe { height: 300px; }
    
    .about-2 .container .row .col-6 { margin-top: 35px; }
    
    .services .container .row .col-4 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    .services .container .row .col-4:last-child { margin-bottom: 0; }

    .about-4 .container .row .col-6 { margin-bottom: 35px; }
    
    .testimonials .container .row .col-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    .testimonials .container .row .col-6 .swiper-container .swiper-wrapper .swiper-slide p { font-size: 18px; line-height: 26px; margin-bottom: 15px; }
    
    .accordion .container .row .col-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    
    .cta { padding: 50px 0; }
    .cta .container .row .col-8, .cta .container .row .col-4 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; text-align: center; }
    .cta .container .row .col-8 .title-4 { margin-bottom: 30px; }
}

@media screen and (max-width: 576px)
{
    .backtotop { right: 23px; bottom: 75px; }
    
    .whatsapp { width: 50px; height: 50px; line-height: 50px; right: 15px; bottom: 15px; }
    .whatsapp svg { font-size: 24px; top: 4px; }
    
    .slider .slider-item { padding: 50px 0; }
    
    .about .container .row:nth-child(2) iframe { width: calc(100% - 30px); margin-top: 35px; }
    
    .testimonials .container .row .col-6 .swiper-button-next { right: 0; }
    .testimonials .container .row .col-6 .swiper-button-prev { left: 0; }
    
    .footer .container .row .col-4, .footer-1 .container .row .col-2 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; text-align: center; }
    .footer .container .row .col-4 .contacts { text-align: left; margin-bottom: 25px; }
    .footer .container .row .col-2 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    .footer .container .row .col-2 .social { text-align: center; }
}