/* Smartphones (portrait) ----------- */
@media only screen
and (orientation : portrait)
and (max-width : 760px),

only screen
and (max-width : 760px)
and (orientation : landscape)

{
	
 

body{
background: #f2f2f2 none repeat scroll 0 0 !important;
max-width: 100%;
overflow-x: hidden;
margin: 0;
font-size: 14px;
}

p,p span,li,li span,li strong{
	font-size:14px !important;
}

img {
  max-width: 100%;
}
blockquote {
  margin: 0;
  padding: 0;
  width: 100%;
}
iframe {
  max-width: 100%;

}

table {
  width: 100% !important;
  /*table-layout:fixed;*/
}

table img{
  max-width: 100%;
  height:auto;
}

#s4m_menu{
left: 100%;
position: fixed;
top: 60px;
width: 100%;
z-index: 2147483647;

-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, .3);
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, .3);
box-shadow: 0px 2px 2px rgba(0, 0, 0, .3);

transition:all 0.3s ease-out;
}


#s4m_menu.in{
	left: 0%;
}

#s4m_menu a{
background: #ededed none repeat scroll 0 0;
border-bottom: 1px solid #fff;
float: right;
font-size: 16px;
font-weight: bold;
line-height: 18px;
padding: 15px 5%;
text-decoration: none;
text-shadow: 1px 1px 0px #fff;
width: 90%;
}

#s4m_menu .svg_arrow {
  position: absolute;
  height: 30px;
  left: 22px;
  width: 15px;
  margin-top:0;
  
}

#s4m_menu .svg_arrow svg{
	position:absolute;
	
}

#s4m_menu a:nth-child(2){
color:#aa2f48;

}
#s4m_menu .svg_arrow:nth-child(3) svg{
fill:#aa2f48;
top: 52px;
}

#s4m_menu a:nth-child(4){
color:#d84528;
}
#s4m_menu .svg_arrow:nth-child(5) svg{
fill: #d84528;
top: 101px;
}

#s4m_menu a:nth-child(6){
color:#f68620;
}
#s4m_menu .svg_arrow:nth-child(7) svg{
fill: #f68620;
margin-top: 150px;
}

#s4m_menu a:nth-child(8){
color:#85ab44;
}
#s4m_menu .svg_arrow:nth-child(9) svg{
fill: #85ab44;
margin-top: 199px;
}

#s4m_menu a:nth-child(10){
color:#dcb41c;
}
#s4m_menu .svg_arrow:nth-child(11) svg{
fill: #dcb41c;
margin-top: 248px;
}

#s4m_menu a:nth-child(12){
color:#5e789c;
}
#s4m_menu .svg_arrow:nth-child(13) svg{
fill: #5e789c;
margin-top: 297px;
}

#s4m_menu a:nth-child(14){
color:#a65e7f;
}
#s4m_menu .svg_arrow:nth-child(15) svg{
fill: #a65e7f;
margin-top: 346px;
}




#s4m_header{
display: block;
float: right;
left: 0;
margin: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 2147483647;

-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, .3);
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, .3);
box-shadow: 0px 2px 2px rgba(0, 0, 0, .3);

	
}



#s4m_header ul{
	margin:0;
	padding:0;
	width:100%;
	float:left;
	display:none;
}

#s4m_header li{
background: none repeat scroll 0 0 #464646;
display: block;
float: left;
list-style: outside none none;
margin: 0;
padding: 0;
text-align: right;
width: 100%;
}

#s4m_header>ul:nth-child(3) li:nth-child(1){
	display:none;
}


#s4m_header li a{
border-bottom: 1px solid #333;
color: #fff !important;
display: block;
font-size: 16px;
height: 31px;
margin: 0;
padding: 13px 5% 5px;
position: relative;
text-decoration: none;
vertical-align: middle;
width: 90%;
}
/*
#s4m_header li a:after{
content: url("http://site4mobile.co.il/temp_clients/nitzan/small_arrow.svg");
display: block;
height: 17px;
left: 19px;
position: absolute;
top: 16px;
transform: scale(0.6);
width: 10px;
}
*/

#s4m_header li a.active{

}

#s4m_header ul ul{
	display:none;
}

#s4m_header ul ul li a{
	background:#000;
}



#mobile_menu_b{
	background:#fff;
color: #FFFFFF;
float: left;
font-size: 16px;
font-weight: 700;
height: 60px;
position: relative;
text-align: center;
text-decoration: none;
width: 100%;
}

#mobile_menu_lines_wrapper{
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-right: 1px solid #e5e5e5;
display: block;
float: left;
height: 60px;
margin-left: 5%;
padding-right: 5%;
position: relative;
width: 26px;
}

.mobile_menu_line{
background: #f68620 none repeat scroll 0 0;
height: 2px;
width: 26px;
position:absolute;
transition:all 0.15s;
left: 0;
}

#mobile_menu_b_line1{
top: 20px;
}
#mobile_menu_b_line2{
top: 29px;
}
#mobile_menu_b_line3{
top: 38px;
}

.active_menu #mobile_menu_b_line1{
top: 29px;

-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.active_menu #mobile_menu_b_line2{
	opacity:0;
}
.active_menu #mobile_menu_b_line3{
top: 29px;
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}


#s4m_header #logo {
 bottom: auto;
float: right;
height: auto;
margin: 8px 5% auto auto;
position: relative;
right: auto;
width: 74px;
}


#click2_wrapper {
float: left;
margin-left: 16px;
}
.click2{
float: left;
height: 47px;
margin-top: 0;
padding-left: 4%;
padding-top: 12px;
width: 10%;
}

.click2:nth-child(3) {
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  margin-left: 4%;
  padding-right: 4%;
}

.click2 img{
height: auto;
width: 38px;
}


/*************************************************** general */

.top_images,#right_shadow,#left_shadow,div.page_top,#XK,#menu,#bredcrumbs,.top_nav td{
	display:none !important;
}

table.top_nav {
  background: #fff none repeat scroll 0 0;
  float: right;
  height: 40px;
  padding: 0;
}

.top_nav td[width="130"]{
	display: block !important;
height: 30px;
margin: 10px auto 0;
}
#XK {
  right: 0;
  top: 55px;
}
div.main {
  float: left;
  margin: 60px auto 0;
  width: 100%;
  max-width: 100%;
overflow-x: hidden;
}
#page_wrap {
  float: right;
  width: 100%;
}

div.page_content {
  background-color: #ffffff;
  float: left;
  margin: 0;
  width: 100%;
}

#side_menu {
  float: right;
  width: 100%;
}

h3.QNka{
	display:none;
}
#main_side_menu li {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-bottom: 1px solid #c5c5c5;
  width: 100%;
}
#main_side_menu li.bottom_delimiter {
  display: none;

}
#contact_us {
  margin: 14px auto 0;
}

a[href="https://www.facebook.com/nitzancenter?fref=ts"] {
  display: block !important;
  margin: 14px auto !important;
}
#contact_form {
height: auto;
margin: 0 auto 42px;
padding-top: 8px;
}
#contact_form input[type="text"] {

  height: 26px;
 
 
}

.page_bottom {
  width: 100%;
}


.svg_arrow {
  width: 15px;
  float: left;
  margin-top: -4px;
  height:30px;
}

.svg_arrow svg{
	fill:#fff;
}
#main_side_menu {
  border-top: 1px solid #ccc;
}
div.side_menu_link {
  float: right;
  width: 70%;
}

#main_side_menu li a {
  float: right;
  width: 100%;
}


#bottom_content {
bottom: 25px;
padding: 0 5%;
position: relative;
float: right;
width: 90%;
margin-top: 30px;
}

#bottom_content > div {
  margin: 0 auto 10px;
  text-align: center;
}
#bottom_content > div:nth-child(1) {
  width: 100%;
}
#bottom_content > div:nth-child(4) {
	margin-left:18%;
}
a#page_print, a#send_to_friend {
  color: #252525;
  float: none;
  font-size: 14px;
  font-weight: bold;
  margin: 9px 10px;
  padding-left: 23px;
  text-decoration: none;
}

/************* home */
#slide_show {
  height: auto;
  position: relative;
  width: 100%;
  float: right;
}
#left_arrow {
 left: 0;
position: absolute;
top: 52px;
width: auto;
z-index: 1;
}
#left_arrow img {
  cursor: pointer;
  margin: 0;
}
#right_arrow {
 right: 0;
position: absolute;
top: 52px;
width: auto;
z-index: 1;
}
#right_arrow img {
  cursor: pointer;
  margin: 0;
}

#image_container {
float: left;
height: auto;
position: relative;
width: 100%;
overflow: hidden;
}

#image_container > img {
 float: right;
height: auto;
width: 147%;
max-width: 200%;
}
#summary {
  background: #be1438 none repeat scroll 0 0;
  float: left;
  font-size: 14px;
  left: auto;
  padding: 0 5%;
  position: relative;
  top: auto;
  width: 90%;
}

#hpage_read_more {
  margin: 12px auto;
}

#content, #inner_content {
  float: right;
  width: 100%;
  background:none;
}
.hpage_news {
  background: #f1eef2 none repeat scroll 0 0;
  float: right;
  height: auto;
  margin-bottom: 4px;
  width: 100%;
}

.hpage_news_text {
float: left;
height: auto;
padding: 10px 15%;
width: 81%;
}

.news_colored {
	display:none;
}

#image_sub_wrapper {
float: right;
margin-bottom: 9px;
width: 100%;
 
}

#image_sub_title{
background: #333 none repeat scroll 0 0;
color: #fff;
direction: rtl;
font-weight: bold;
padding: 13px 5% 14px;
height: 19px;
 line-height: 19px;
 
}

#image_sub_title.s4m_expanded > div{
	transform:rotate(-90deg);
}

#image_sub_wrapper ul{
	float: right;
width: 100%;
margin: 0;
display:none;
}

#image_sub_wrapper li{
	background: #333 none repeat scroll 0 0;
float: right;
list-style: outside none none;
outline: 1px solid #fff;
width: 50%;
}
#image_sub_wrapper a{
/*background-image: url("http://www.nitzan-israel.org.il/images/menu_bullet.png");
background-position: 95% 10px;
background-repeat: no-repeat;*/
color: #fff;
float: right;
font-size: 14px;
padding: 11px 0;
text-align: center;
text-decoration: none;
width: 100%;
}

/**************************************************** inner page */

#generic_page_body {
  width: 90%;
  padding: 0 5% !important;
}


#inner_sub_wrapper {
  float: right;
  width: 100%;
 
}

#inner_sub_title{
background: #ebebeb none repeat scroll 0 0;
color: #333;
direction: rtl;
font-weight: bold;
padding: 13px 5% 14px;
height: 19px;
 line-height: 22px;
 
}

#inner_sub_title.s4m_expanded > div{
	transform:rotate(-90deg);
}

#inner_sub_wrapper ul{
display: none;
float: right;
margin: 4px 0 0;
width: 100%;

}

#inner_sub_wrapper li,#inner_page_side_menu li.opened {
background-size: cover;
width: 100%;

}
#inner_sub_wrapper a{
padding-right: 13px;
line-height: 22px;
}

#inner_page_side_menu li div,#inner_page_side_menu li.opened div,#inner_page_side_menu li div.mouse_hover {
  background-position: 95% 8px;
}


#inner_page_side_menu li.level2{
	background:none;
	border-bottom:1px solid #ccc;
}

#inner_page_side_menu li.level2 div,#inner_page_side_menu li.level2 div.mouse_hover{
	background-position: 90% 8px;
}

#inner_sub_wrapper .svg_arrow svg{
	fill:#333;
}


/**************************************************** index_image */
#list {
  right: 0;
}

#list .list_item_container {
 background: #ebebeb none repeat scroll 0 0;
height: auto;
margin-bottom: 15px;
width: 100%;
float: right;
}
#list .list_item_data {
   float: right;
  height: auto;
  padding: 0;
  width: 100%;
}
#list .list_item_text {
  float: right;
  font-size: 14px;
  padding: 0 0 14px;
  width: 100%;
}
#list .list_item_image_container {
  float: none;
  margin: 10px auto 5px;
}
#list h3.list_item_title {
  float: right;
  margin: 0;
  padding: 10px 0;
  width: 100%;
  text-align: center;
}
#list h3.list_item_title a, #list .list_item_text a {
  width: 100%;
  text-align: center;
  float: right;
}


/**************************************************** misc */

#news_navigation{
	display:none;
}
#side_news_list_container {
  float: right;
  width: 100%;
}
#side_news_list {
  width: 100%;
  height:auto !important;
}
#side_news_list ul {
  width: 100%;
}
#side_news_list ul li {
border-bottom: 1px solid #ccc;
height: auto !important;
padding: 9px 0;
width: 100% !important;
}
#side_news_list ul li div.news_list_content {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  float: right;
  height: auto;
  padding-right: 2%;
  width: 97%;
  border:none;
}
#side_news_list ul li h4 {
  margin: 0;
  padding: 0;
}
#side_news_list ul li div.news_arrow {
  height: 46px;
  left: 0;
  position: absolute;
  width: 5%;
}
#side_news_list div.colored {
  display: none;
}
#news_content {
width: 100%;
margin-top: 35px;
margin-bottom:0;
}


/**************************************************** map */

.map {
  display: none;
}
#areas_search_container {
  margin-bottom: 30px;
padding: 0 5%;
width: 90%;
margin-top: -20px;
}
#areas_search {
  background: #ddd none repeat scroll 0 0;
  border-radius: 5px;
  float: right;
  height: 46px;
  margin-bottom: 3px;
  padding: 8px 5%;
  width: 90%;
}
#searchBranch {
  width: 90%;
}
div.areas {
  background: #ddd none repeat scroll 0 0;
  border-radius: 5px;
  width: 100%;
}
div.areas div,div.areas div.mouse_hover {
background-position: 5% center;
}
ul.branches {
  width: 100%;
}
ul.branches li {
  background: #efefef none repeat scroll 0 0;
  border-bottom: 1px solid #ccc;
}

ul.branches li div,ul.branches li div.mouse_hover{
	background-position: 95% center;
}

form[action="/home/סניפים-בכל-הארץ/מפה.aspx"] #inner_sub_wrapper{
	display:none;
}


/**************************************************** questions */

#questions {
  right: 0;
}
#questions .quest_item_container {
  background: none;
  border-top: 1px solid #a5a5a5;
  padding-top: 12px;
  width: 100%;
}
#questions .quest_item_question {
 background-position: right 4px;
padding-right: 15px;
}
#questions .quest_item_answer {
  margin-right: 0;
}
#questions .quest_item_top,#questions .quest_item_bottom {
  display: none;
}
#questions .quest_item_text {
  background-color: #f1eef2;
  border: 1px solid #a5a5a5;
  color: #323232;
  font-size: 14px;
  padding: 0% 5%;
  width: 90%;
}

/**************************************************** newsletter sign form */

div.newsletter_subscribe {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  height: auto;
  width: 100%;
}
div.newsletter_form {
  height: auto;
  padding: 5%;
  position: relative;
  width: 90%;
}
div.two_col {
  float: right;
  margin-left: 0;
  padding-bottom: 13px;
  width: 100%;
}
div.newsletter_form input[type="text"] {
  background: #fff;
  border: 1px solid #acacac;
  width: 100%;
}
div.one_col {
  width: 100%;
}
div.newsletter_form textarea {
  background: #fff none repeat scroll 0 0;
  height: 62px;
  width: 100%;
}
div.newsletter_form input[type="submit"] {
  float: none;
  margin: 15px auto 0;
}

  #credits {
    float: left;
    list-style: outside none none;
    margin: 32px 0 0 21px;
    padding: 0;
  }

/**************************************************** credit */

#s4m_credit{
background: none repeat scroll 0 0 #ddd;
float: left;
height: 25px;
margin-top: 30px;
text-align: center;
width: 100%;
padding-top: 5px;

}

#s4m_credit a {
  color: #000;
  font-family: arial;
  font-size: 12px;
  text-decoration: none;
  line-height:23px;
}



}


/* Smartphones (hor) ----------- */
@media only screen
and (max-width : 760px)
and (orientation : landscape) {

#left_arrow,#right_arrow {
  top: 24%;
}

#inner_page_side_menu li.level2 div, #inner_page_side_menu li.level2 div.mouse_hover {
  background-position: 98% 8px;
}

#inner_page_side_menu li div, #inner_page_side_menu li.opened div, #inner_page_side_menu li div.mouse_hover {
  background-position: 98% 8px;
}

}