@media(max-width: 991px){
    .company_vision_slider .slides{
        flex-direction: column;
    }
    .company_vision_slider .slides img{
        width: 50%;
    }
    
    .company_vision_slider .slides .slides_content{
        width: 90%;
    }
}

@media(max-width: 768px){
    header .menu_bar{
        display: block;
    }

    header nav{
        width: 100%;
        position: absolute;
        top: 100%;
        left: 0;
        background: #fff;
        border-top: 4px solid var(--gray--);
        clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        transition: 0.3s;
        
    }
    header nav.active{
        clip-path: polygon(0 0, 100% 0, 100% 110%, 0 110%);
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }
    header nav ul{
        flex-direction: column;
        gap: 10px;
        padding-bottom: 20px;
    }
    header nav ul li{
        text-align: center;
    }
    header nav ul li.dropdown_1 ul.dropdown_menu{
        position: inherit;
        transform: rotateX(0);
        display: none;
        width: 100%;
    }
    .banner_slider .slides .slider_content{
        padding: 10px;
        width: 200px;
        top: auto;
    }
    .banner_slider .slides .slider_content p{
        font-size: 16px;
    }
    .banner_slider .slick-arrow{
        width: 25px;
        height: 25px;
    }
    .banner_slider .slick-arrow .slick_btn_img{
        width: 60px;
        height: 40px;
        top: -8px;
    }
    .expert_list ul{
        column-count: 1;
    }
}

@media(max-width: 450px){
    .services figure img{
        height: 350px;
    }
    .company_vision_slider .slides img{
        width: 70%;
    }
    
    .company_vision_slider .slides .slides_content{
        width: 100%;
    }
    .company_vision_slider_dots ul li button{
        padding: 10px 15px;
        font-size: 16px;
    }
    .banner_slider .slides .slider_content p{
        font-size: 12px;
    }
}