#intro {width:100% !important;  height: 600px;}
 
section {width:100%; direction:rtl; text-align:right; margin:0 auto; }
section.sec {padding:3% 0;max-width:1160px;} 

#intro .introTitle { margin:0 auto; width:100%; max-width:1160px; top:210px; position:relative; background:rgba(0, 0, 0, 0.6); height:248px;}
#intro .introTitle .mainLogo  {
    width: 50%;
    position: absolute;  
    top: 0;  
    bottom: 0;  
    margin: auto;   
    border-left:1px #ddd solid;
    padding-left:2.5%;      
    margin-right:5%;              
 }

#wrapper.page_4244 #intro .introTitle  { background:rgba(255, 255, 255, 0.6)}
#wrapper.page_4244 #intro .introTitle .mainText span {    color: #3d4f59; font-size: 38px;}

#intro .introTitle .mainText { float:left; width:40%; margin:3% 5% 2% 0; text-align:right}
#intro .introTitle .mainText span {color:#fff;font-size:23px; line-height:34px; display:block}
#intro .introTitle .mainText span strong { display:block; font-size:35px; line-height:35px; margin-bottom:5px}
#intro .introTitle a {color:#fff; background:#c00; display:inline-block;padding:10px 30px; text-align:center; margin-top:40px; font-size:24px}
#intro .introTitle a span {font-size:24px !important}

#wrapper #special .itemElementM {width:24.7%; position:relative} /* veidot */
#wrapper #special .itemElementM.first {width:100%;  margin:0 !important}
#wrapper #special .itemElementM.first img {margin-top:3px}



#wrapper #special .itemElementM.first .logo {   width: 604px; }
#wrapper #special .itemElementM.first .addLogo .logo:hover { transform:none}
#wrapper #special .itemElementM.first .addLogo span { background:#c00; color:#fff; font-size:32px;  width:500px; display:none; margin-top:2%; padding:10px;}


#wrapper #special .itemElementM.first .addLogo {   
   position: absolute;
   top: 45%;
   left: 50%;
   width: 604px;
   height: 250px;
   margin-top: -125px; /* Half the height */
   margin-left: -302px; /* Half the width */
 
}



#navWrap {
    position:fixed;
    top:0;
    width:100%;
    max-width:1590px;
    min-width:1160px;
    background:#fff;
    z-index:12;
    }
 .logoWrap { display:none} 
#navWrap  .navWlinks a {display:none}
#navWrap .navWlinks a:first-child, #navWrap  .navWlinks a:nth-child(2) , #navWrap  .navWlinks a:nth-child(4) {display:block !important; margin-top:12px; width:120px; font-weight:bold; float:left}

#navWrap .navWlinks a:nth-child(2)   { margin-top:5px; width:80px}
#navWrap .socialIcons {display:block}

#navWrap  .globesH {
    background: url("http://images.globes.co.il/images/en/g.png") no-repeat 10px 10px #fdebe2; float:right; height:40px;width:40px; display:block !important}
#navWrap .globesH:hover { background-color:#fcdaca}

#navWrap .navWlinks a.he, #navWrap .navWlinks a.en {
    color: #000;
    padding: 1px 10px;
    border: 1px #000 solid;
    width:17px;
    margin-top:8px;
}
#navWrap .navWlinks a.en:after, #navWrap .navWlinks a.he:after {font-size: 14px; font-family: almoni-dl7;line-height: 22px;}
#navWrap .navWlinks a.he:after {content: 'HE'}
#navWrap .navWlinks a.en:after {content: 'EN'; }


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

    section.about .wr  {margin-left:20px;}
    #gImgBox,
    section.gallery .galleryImages span { width:100%}
      #listBoxContent .fa {top:30%}  
    section.schedule .item { width:100%; margin:0!important; padding:40px 0 !important}
    
    section.speakers .speaker { width:46%}
    #intro .introTitle .mainLogo,
    #intro .introTitle .mainText,
    section.registration .registr,
    section.registration .map  {position:static; float:none; width:100%; height:auto}
    #intro .introTitle a, #intro .introTitle { width:80%;}
    #intro .introTitle { height:350px; padding-top:20px}
    #intro .introTitle .mainLogo { border-left:0; padding:0; margin:20px auto !important; display:block; width:80%}
    #intro .introTitle .mainText,
    #intro .introTitle a { margin:20px auto !important; text-align:center}
    #gImgBoxTitle {font-size:25px;}
    section.registration table  { margin:0 auto;}

      #main.EN section.registration .stopReg { float:none; text-align:center; margin:0; padding:20px 0; background:#fafafa}
    section.registration .map a { margin:0 auto}
    section { padding:0; width:80%;}
    section.registration .map {position:static; float:none;  height:auto;margin:5% 0 0 0}
    section.registration .formSend { border:0; margin:0 auto; float:none; width:70%; padding:0; height:420px}
    #main.EN section.registration .registr { height:auto;float:none}
    #main.EN section.registration .formSend { border:0; margin: 20px auto; float:none; height:465px}
}


@media only screen and (max-width: 480px) 
{
    #gImgListBox.open, header { left:0 !important; transform:none !important}
   
    
    section.sec { padding:10% 0}
    #mobMenu, header .fb  {margin-left:8px}
    header .logo { right:8px}
    h1, h2 { text-align:center; margin:0 auto 20px auto; }
    #intro .introTitle .mainText,
    #gImgListBox.open { width:96%; top:0  !important}
    #intro .introTitle .mainText span { font-size:20px; line-height:24px}
    #intro .introTitle a, #intro .introTitle { width:100%;}
    section.about .wr p, section.about .wr h2 { margin-left:20px}
    section.conferences div { margin-top:20px}
    #intro .introTitle a { padding:10px 0 }
    section.speakers .speaker { float:none; display:block; margin:0 auto 20px !important; width:100%}
    section.speakers { width:100%;}
    section.speakers .speaker .speakerTitle { font-size:15px}
    section.schedule .item.open { padding:25px !important}
    section.schedule h2 a { display:block; float:none; margin:20px auto 0 !important}
    section.speakers .speaker.open { transform:none; top:0; left:0; width:100%; padding:20px 0!important;  } 
    section.speakers .speakerBox {overflow-y:scroll;height:450px; }
    
    section.registration { width:100%}
 
    section { width:90%}
    
    
    /* del */ #main header nav { display:none}
    section.registration table,
    #main header nav,
    section.gallery .galleryImages  span { width:100%}
    section.gallery { margin-top:20px}
    
    header nav.hideIt { display:none !important}
    header nav ul { text-align:center; margin:0 auto}
    #listBoxContent .fa.next { left:35px}
    #listBoxContent .fa.prev { right:18px}
    
    section.about .wr { height:290px}
 
    #left_form_inner_relative .chckbx { width:85%}
    #thankYouMsg:after { font-size:24px}
    
    section.registration .registr { text-align:center; margin:0 0 5%; border-bottom:1px #ccc solid; padding-bottom:5%}
    section.registration table { text-align:right}
    section.registration .btn  {  display:inline-block; padding:10px 0; margin-bottom:0; width:40%; font-size:16px}

    section.registration .btn.pp { padding:6px 0 !important}
 
   
    section.registration .map {border-top:1px #ccc solid; padding-top:5%; text-align:center !important}
    section.registration .map a { background:url(http://images.globes.co.il/images/veida/img/m2m.png) no-repeat 0 0 !important; height:220px !important}
    /* EN */
    #main.EN header nav ul { margin:0 auto}
    #main.EN #intro .introTitle { height:260px}
    #main.EN #intro .introTitle .mainLogo { border:0}
    #main.EN section.registration .registr { width:100% !important}
    #main.EN #thankYouMsg  { height:285px !important; width:100% !important} 
    #main.EN  section.registration .map a {  width:250px; height:220px} 
    #main.EN, #main.EN section.registration { margin-top:-20%}
    
 
} 





.promosContainer { margin-top:50px}