.tinynav{display:none; width:100%;}
.main_menu{width:740px; float:right; font-size:20px; padding:10px 0 0 0;}

#navigation{width:100%; float:left; margin:0; padding:0;}
#navigation li{margin:0 0 0 25px;}
#navigation li:first-child{background:none;}
#navigation li a{color:#000; text-decoration:none; padding:0 5px 25px 5px; display:inline-block; border-bottom:6px solid #fff;}
#navigation li:hover a, #navigation li a:hover{color:#000;border-bottom:6px solid #d21e5b;}
#navigation li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
#navigation ul, #navigation li:hover ul ul,#navigation li:hover ul li:hover ul ul,#navigation li:hover ul li:hover ul li:hover ul ul,#navigation li:hover ul li:hover ul li:hover ul li:hover ul ul{position:absolute;right:0; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#navigation li:hover ul.sub{right:-100px; top:52px; background:rgba(255,255,255,10); border:0px solid #ccc; white-space:nowrap; width:260px; height:auto; z-index:300; text-align:center; box-shadow:3px 3px 5px rgba(212,32,95,0.15);font-family:'OpenSansHebrew-Light';border-top:6px solid #d21e5b;}
#navigation li:hover ul.sub li{display:inline-block; position:relative; width:100%; border-bottom:1px solid #efdbda; padding:0;}
#navigation li:hover ul.sub li:last-child{border:0;}
#navigation li:hover ul.sub li a{ display:block; float:left; width:100%; color:#000; text-decoration:none; padding:12px 0; border-bottom:0;}
#navigation li:hover ul.sub li a:hover {color:#fff; background:#d21e5b; border-bottom:0;}
#navigation li:hover ul.sub li ul{margin:5px 0 0 -252px; border:1px solid #ccc;}
#navigation li:hover ul.sub li ul li{border-bottom:1PX solid #CCC;background:#FFF;}
#navigation li:hover ul.sub li ul li ul{margin:5px 0 0 -252px;}
#navigation li:hover ul.sub li ul li ul li ul{margin:0 0 0 -252px !important;}
#navigation li:hover ul li:hover ul,#navigation li:hover ul li:hover ul li:hover ul,#navigation li:hover ul li:hover ul li:hover ul li:hover ul,#navigation li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul{left:90px; top:-4px; white-space:nowrap; width:160px; z-index:400; height:auto;}

#navigation li:hover ul.sub li:hover ul{right:-162px;}

@media only screen and (max-width:1600px){
#navigation li:hover ul.sub{right:-70px; top:52px;width:210px;}
}

@media only screen and (max-width:1200px), (max-width:1280px){
.main_menu{width:410px; font-size:18px; padding:20px 0 0 0;}
#navigation li{margin:0 0 0 15px;}
#navigation li:hover ul.sub{right:-70px; top:50px;width:210px;}
}

@media only screen and (max-width:1024px){
.main_menu{padding:0; float:right; width:100%; text-align:center; border-top:1px solid #ccc; margin-top:10px;}
#navigation li{margin:0 50px; display:inline-block; float:none;}
#navigation li a{color:#000; text-decoration:none; padding:10px 12px;}
#navigation li:hover ul.sub{top:46px;}
#navigation li:hover ul.sub li{float:left; margin:0; width:100%; text-align:center; padding:0; display:block;}
#navigation li:hover ul.sub li a{padding:12px 0;}
}

@media only screen and (max-width:720px),(max-width:760px), (max-width:980px), (max-width:100%) {
select {-webkit-appearance:none;}
.tinynav {display:block;border:0px solid #ccc; padding:10px; background:url(../images/arrow.png) no-repeat 97% 13px #d4205f; text-align:left;font-size:16px; color:#fff; text-align:left; direction:ltr; cursor:pointer;}
.tinynav:hover{border:0px solid #333; color:#fff;background:url(../images/arrow.png) no-repeat 97% 13px #d4205f}
.main_menu{width:100%; float:right; margin:0; border:0; padding:0;}
#navigation{display:none}
}