@media(max-width:1550px){
    .slideshow_content{ max-width: 40%;}
    .slideshow_content h2 { font-size: 60px; line-height: 75px;}

}
@media(max-width:1280px){
    .image_with_text_rows {padding: 0;}
    .image_with_text__content h4 {font-size: 24px; ; line-height: 30px}
    .slideshow_content h2 { font-size: 50px; line-height: 65px;}
    .slideshow_content p { font-size: 18px; line-height: 28px; color: #fff;}
    .slideshow_content {padding: 40px;}
    .get_the_yana_head h3 { font-size: 40px; line-height: 40px;}
}
@media(max-width:1024px){
    .image_with_text__content { padding:0; }
    .image_with_text__content h2 {font-size: 40px; line-height: 50px;}
    .image_with_text__content .rte p { font-size: 14px; line-height: 22px;}
    .image_with_text__content ul li { font-size: 14px; line-height: 30px;}
    .image_with_text__content .caption {font-size: 20px; line-height: 30px;}
    .get_started_rows { padding: 0 5vw;}
    .get_started_item:before{width: 100%;}
    .get_the_yana_wrap {padding: 25px 40px;}
    .get_the_yana_mobile {width: 200px;}
    .slideshow_content h2 { font-size: 40px; line-height: 45px;}
    .slideshow_content img { max-width: 100px;}
    .slideshow_content p { font-size: 14px; line-height: 24px;}


}
@media(max-width:850px){
    .image_with_text__content h2 {font-size: 36px; line-height: 46px;}
    .image_with_text_rows{gap: 20px;}
    .image_with_text__column { width: calc(50% - 20px* 1 / 2);}
    .get_the_yana_head h3{ font-size: 30px; line-height: 30px;}


}
@media(max-width:767px){
    .menu_toggle{
        display: block;
    }
    .main_menu {
        position: fixed;
        left: 0;
        top: 76px;
        height: calc(100vh - 76px);
        background: #fff;
        z-index: 11;
        flex-direction: column;
        width: 100%;
        padding: 20px 20px 30px;
        border-top: 1px solid #f2f2f2;        
        overflow-y: auto;
        transition: all 0.3s ease-out;
        transform: translateX(-100%);
    }
    .main_menu.open {
        transform: translateX(0);
    }
    .header_secondary .button {
        padding: 10px 20px;
        font-size: 14px;
        display: block;
    }
    .logo img {
        max-width: 120px; display: inline-block; margin-bottom: -10px;
    }
    body.fixed {
        position: fixed;
        overflow: hidden;
    }
    header {
        background: #fff;
        box-shadow: 0 0 5px #ccc;
        position: sticky;
        top: 0;
        left: 0;
        right: 0;
        z-index: 5;
        margin-bottom: 20px;
    }
    .logo {
        width: calc(100% - 183px);
        text-align: center;
        padding-left: 92px;
    }
    .header_inner nav ul li.secondary_menu_item {
        display: block;
    }
    .header_inner nav ul li.secondary_menu_item a {
        font-size: 16px;
    }  
    .toggle_icon svg { width: 40px;}
    .container{padding: 0 20px;}
    .image_with_text_section { padding: 50px 0;}
    .image_with_text_section + .image_with_text_section { padding-top:0; }
    .image_with_text_rows { flex-direction: column;}
    .image_with_text__column { width: 100%;}
    .our_service_rows { flex-direction: column;}
    .service_item { width: 100%;  flex-direction: row;}
    .service_image { max-width: 180px; padding-bottom: 150px;}   
    .service_item .service_info { text-align: left;}
    .image_with_text_rows.image_with_text_reverse { flex-direction: column;}
    .section_header h3 { font-size: 36px; line-height: 46px;}
    .image_with_text_rows { gap: 30px; }
    .request_yana_section .image_with_text__content ul li .title { font-size: 18px; line-height: 28px;}
    .our_service_section {padding: 40px 0;}
    .get_started_inner {padding: 40px 0;}
    .get_the_yana { padding-top: 30px;}
    .get_the_yana_wrap { flex-wrap: wrap;}
    .get_the_yana_head { position: relative; z-index: 1; width: 100%;}
    .get_the_yana_mobile { width: 150px; }
    .get_the_yana_mobile img {right: -30px;}
    .get_the_yana_apps { width: calc(100% - 180px);}
    .get_the_yana_head p{font-size: 18px;}
    .get_the_yana_apps { width: calc(100% - 180px);}
    .get_the_yana_buttons { margin-right: -70px;}
    .footer_rows {flex-direction: column; gap: 0;}
    .footer_rows .footer_column { width: 100%;}
    .footer_copyright { flex-direction: column-reverse; gap: 15px; margin-top: 0px;}
    .get_started_rows { flex-direction: column;}
    .get_started_item { margin: 0; max-width: 100%; text-align: left; display: flex; gap: 20px; align-items: center;}
    .get_started_item .get_icon { margin: 0; text-align: center;}
    .get_content { padding: 0; text-align: left;}
    .get_content h5 { min-height: inherit;}
    .get_started_item:before { width: 0; height: 100%; left: 60px; }
    .slideshow_banner .mobile_media { display: block; border-radius: 24px;}
    .slideshow_banner .desktop_media { display: none;}
    .slideshow_content { position: relative; transform: translateY(-50px); background: #044141; max-width: 100%; top: 0; border-radius: 24px;}
    .slideshow_content_mobile { left: 20px; top: 20px; max-width: 40%; transform: inherit;}
    .page_title h1 {font-size: 32px} 
    .page-content ul li {text-align: left; font-size: 14px; line-height: 26px; padding-left: 30px;}
    .page-content p {text-align: left; font-size: 14px; line-height: 22px;}
    .page-content h3 {font-size: 18px; margin-top: 20px;}
    .page-content h4 {font-size: 16px;padding-left: 30px;}
    .page-content .rte {padding-left: 30px;}
    .page-content h3:before{background-size: 22px auto;width: 22px;height: 22px;left: -28px; top: 3px;}
    .page-content h4:before {background-size: 20px auto;width: 20px; height: 20px;top: 4px;}
    .page-content ul li:before { top: 3px; width: 18px; height: 18px; background-size: 19px auto;}
    .page-content ul{margin: 10px 0;}
    .page-content {padding: 40px 0 20px;}
    .main_menu:after { position: absolute; left: 0; right: 0; top: 180px; width: 100%; background: #f5f5f5; content: ''; height: 350px; z-index: -1;}
    .contact__details { flex-direction: column;}
    .contact__item {width: 100%;}
    .contact__item p {font-size: 16px !important;}
    .comingsoon_modal{padding: 25px 50px; width: 370px;} 
    .footer_rows .footer_column + .footer_column { border-top: 1px solid #ffffff2e;}
    .footer_column .footer_title { margin-bottom: 0; padding: 20px 0; position: relative; font-weight: 500; font-size: 16px;}
    .footer_column .footer_title:after, .footer_column .footer_title:before { content: ''; width: 16px; height: 2px; background: #fff; position: absolute; left: inherit; bottom: inherit; border-radius: 10px; right: 0; top: 50%;}
    .footer_column .footer_title:before { width: 2px; height: 16px; right: 7px; top: 23px; transition: all 0.5s ease-out;}
    .footer_column ul { display: none;}
    .footer_column ul { display: none; margin-bottom: 20px;}
    .footer_logo { margin: 0 0 30px; text-align: center;}
    .footer_column .footer_title.active:before { transform: rotate(90deg);}
    .safety_icon { max-width: 50px;} 
    .safety_item {padding: 20px; gap: 20px; align-items: flex-start; margin-bottom: 10px;}
    .safety_content h5 { font-size: 16px; margin-bottom: 5px; line-height: 24px;}
    .safety_content p:last-child {margin-bottom: 0;}

}
@media(max-width:480px){
    .get_content ul li{font-size: 14px; line-height: 20px;} 
    .get_the_yana_apps > img{max-width: 55px;margin-top: -20px;}
    .get_the_yana_apps{gap: 0; align-items: flex-start;}
    .image_with_text__content .caption { font-size: 16px;}
    .section_header h3 { font-size: 28px; line-height: 34px;}
    .image_with_text__content h2 { font-size: 28px; line-height: 34px;}
    .request_yana_section .image_with_text__content ul li p { font-size: 14px; line-height: 20px;}
    .service_item .service_info p { font-size: 14px;line-height: 20px;}
    .service_title {font-size: 20px;}
    .get_content p { font-size: 14px;line-height: 20px;}
    .get_started_item .get_icon {min-width: 100px;}
    .footer_copyright .copyright_text { font-size: 14px; line-height: 20px; text-align: center;}    
    .footer_bottom_menu ul li a {font-size: 14px;}
    .footer_column ul li a {font-size: 14px;}
    .about_yana p {font-size: 14px;}
    .get_the_yana_wrap {padding: 20px;}
    .get_the_yana_mobile img { right: -20px; bottom: -20px; }
    footer{padding-top: 130px;}
    .service_image { max-width: 100px; padding-bottom: 100px;}
    .button {font-size: 14px;}
    .logo { padding-left: 0;}
    .comingsoon_modal img {max-width: 120px;}
    .comingsoon_modal h2{font-size: 24px; line-height: 30px;}
    lottie-player {max-height: 140px;}
}