/* responsive
Description: @madia.*/
@media all and (min-width:1490px) and (max-width:1920px) {

}
@media all and (min-width:1280px) and (max-width:1489px) {
   #web_header .elementor-nav-menu--layout-horizontal .elementor-nav-menu{flex-wrap: nowrap; align-items: center; -webkit-box-pack: justify;
       justify-content: space-evenly;}
    #web_header .elementor-nav-menu--layout-horizontal .elementor-nav-menu li a{font-size: 0.8em;}
}
@media all and (min-width:1080px) and (max-width:1270px){

}
@media all and (min-width:768px) and (max-width:1024px) and (orientation: landscape) {

}

@media only screen and (max-width: 979px){
    div#top_hero_hp{background-position: top right; background-size: auto 40vh;}
    div#hero_div, div#hero_2, div#hero_section{background-position: top right; background-size: auto 40vh;}
    div#hero_div:before,div#hero_2:before,div#hero_section:before{background-image: linear-gradient(0deg, var( --e-global-color-ad4e19f ) 55%, #FBF9F300 75%);}
    div#hero_3:before{background-image: linear-gradient(0deg, var( --e-global-color-ad4e19f ) 40%, #FBF9F300 75%);}
    div#hp_2,div#hp_3,div#hp_4{padding: 0;}
    div#hp_5{padding: 50px 0 0; }
    div#hp_2 div.container, div#hp_3 div.container, div#hp_4 div.container, div#hp_5 div.container{ max-width: 100%; flex-direction: column; }
    div#hp_3 div.container,div#hp_5 div.container{flex-direction: column;}
    div#hp_2 div.container .content, div#hp_3 div.container .content, div#hp_5 div.container .content{padding: 0 20px 50px;   }
    div#hp_2 div.container .content, div#hp_2 div.container .pic, div#hp_3 div.container .content, div#hp_3 div.container .pic, div#hp_5 div.container .content{width: 100%;}

    /*div#hp_2 div.container .content{padding-left: unset; }
    div#hp_3 div.container .content{padding-right: unset; }*/
    div#hp_4{background-color: var( --e-global-color-1629b89 ); background-image: unset; }
    div#purpel{background-color: var( --e-global-color-1629b89 ); background-image: unset; }
    div#hp_4 div.container .content{width: 100%; padding: 0 20px;}
    #mobile_header{display: block;}
    #mobile_header .elementor-widget-wrap{flex-direction: row; flex-wrap: nowrap;}
    #web_header{display: none;}
    #mobile_header #logo_disc svg{height: 37px; }
    #mobile_header #logo_didi .elementor-icon-wrapper{line-height: unset; height: 30px;}
    footer #footer_grid .elementor-widget-wrap{display: grid; grid-template-columns: repeat(1, 1fr); gap:20px}
    footer #logo_disc .elementor-shortcode{justify-content: center;}
    div#logo_site {order: 1;}
    footer #footer_grid .elementor-widget-wrap #logo_disc{order:3; }
    footer #footer_grid .elementor-widget-wrap #social_list{order: 2;}
    footer #footer_grid .elementor-widget-wrap .elementor-widget-spacer{order: 4;}
    footer #footer_grid .elementor-widget-wrap .elementor-widget-text-editor{order: 5;}
    footer #footer_grid .elementor-widget-wrap .credit{order:6;}

    footer #footer_grid .elementor-widget-wrap .elementor-widget-text-editor p, footer #footer_grid .elementor-widget-wrap .credit p{margin-bottom: 0px;}
    .title-h1{font-family: 'Arimo';font-style: normal;font-weight: 400;font-size: 32px;line-height: 130%;}
    .title-h2{font-family: 'Arimo';font-style: normal;font-weight: 400;font-size: 32px;line-height: 130%;}
    .title-h3{font-family: 'Arimo';font-style: normal;font-weight: 400;font-size: 24px;line-height: 130%;}
    .title-h4{font-family: 'Arimo';font-style: normal;font-weight: 500;font-size: 20px;line-height: 146.5%;}
    .title-h5{font-family: 'Arimo';font-style: normal;font-weight: 500;font-size: 18px;line-height: 146.5%;}
    .title-h6{}

    #logo_disc svg{height: 45px;}
    #disc_yt{max-width: 100%; width: 100%; aspect-ratio: 16/9;}
    #disc_yt #player{height:100%; aspect-ratio: 16/9;}
    ul.benefits{padding-inline-start:unset;}
    div#disc_video {width: 100%;margin: auto;}
    html[lang="he-IL"] #NagishLiTrigger{
        left: calc(100vw - 100%)!important;
        right: unset;
        top: calc(50vh - 25px);
    }
    html[lang="en-US"] #NagishLiTrigger{
    right: calc(100vw - 100%)!important;
    top: calc(50vh - 25px);
    }

}
@media all and (min-width:650px) and (max-width:768px) {
    #mobile_header .elementor-widget-wrap{flex-direction: row; flex-wrap: nowrap;}
}

@media all and (min-width:320px) and (max-width:650px) {
    #mobile_header .elementor-widget-wrap{flex-direction: row; flex-wrap: nowrap;}
}

@media all and (max-width:350px) {

}