@import url('/news/CollaborationControls/besadno/css/max_480.css') screen and (max-width:480px);
@import url('/news/CollaborationControls/besadno/css/max_768.css') screen and (min-width:481px) and (max-width:768px);
@import url('/news/CollaborationControls/besadno/css/responsive_menubar.css') screen and (max-width:988px);

@media screen and  (max-width:989px)
{
#google_image_div, #GHeader_main2, #Globes_Footer, #passMadadim, div[id^='div-gpt-ad'], .BTN-ReadMore, #footerN_main,#footer_globes
	{
    display: none !important;
	}
}

@media screen and  (min-width:769px) and (max-width:990px)
{  
#page-wrap, #GPage_main
	{
    width:100%;
    max-width:989px;
	}
#main
	{
    width:100%;
    display: block;
    margin: 0 auto;
	}
#main #LogoBox
	{
    background-size: 100%;
    margin: 0;
    height: 70px;
	}
#LogoBox 
	{
	background: url('http://images.globes.co.il/images/site2/special_projects/besadno/TTL_768x100b.gif') repeat-x;
	width: 100%;
	height: auto !important;
	background-size: 100%;
	}
#main #right
	{
	margin-top:10px;
	width: 96%;
    padding: 0 2%;
	}
#main #left
	{
    width: 100%;
    float:none;
	}
#form-box-div
	{
    max-width:768px;
    display: block;
    margin: 0 auto;
    width: 80%;
	}
.input-Box
    {
    width:100%;
    clear: both;
    float: none;        
	}
.input-Box:not(.send-btn-div)
	{
	background:#fff; 
	}
.input-Box:not(.send-btn-div) input
	{
	float:right !important;
	width:290px !important; 
	}
#DetailsBox #V-Code
	{
    width: 60px !important;
    float: left !important;
    margin-left: 0;    
	}
#DetailsBox #V-Phone
	{
	width:210px !important;
	}
.msg-box-class
	{
    top: 50%;
    left: 50%;
    margin: -80px 0 0 -170px !important;    
	}
#DetailsBox p
	{	
    clear: both;
	}
#DetailsBox
	{
    width: 96%;
	}
.checkbox-Box
	{
    float: none;
    width: 100%;
	}
#more_articles .Control_08 > h3, .mador  .Control_08 > h3
	{
    margin: 20px 10px;
	}
.more_articles .Control_08 > img, .mador  .Control_08 > img
    {
    margin-left: 0;
    float: none;
    width: 200px;
    height: 150px;
    display: block;
    margin: 0 auto 2em;
    }
.more_articles .Control_08 .title, .mador  .Control_08 .title
    {
    display: inline-block;
    font: bold 180% arial;
    overflow: hidden;
    width:100%;
    margin: 0;
    float: none;
    }
.more_articles .Control_08 .subtitle, .mador  .Control_08 .subtitle 
    {
    display: inline-block;
    float: none;
    font: normal 18px/22px arial;
    overflow: hidden;
    width:100%;
    margin-bottom: 10px;
    min-height:1px;
    }
.more_articles a.Control_08, .mador  a.Control_08
    {
    display: block;
    overflow: hidden;
    width: 90%;
    color: #000;
    text-decoration: none;
    margin: 0 auto 30px;
    }   
a.BTNs 
    {
    background: #D5EEEA;
    border-radius: 0;
    color: #1E4A61 !important;
    display: block;
    font: normal 22px arial;
    height: auto;
    padding: 5px 10px;
    text-align: center;
    vertical-align: middle;
    width: 80%;
    border: 1px solid #B4D1CC;
    margin: 0 auto 30px;     
    }
#main #left 
    {
    width: 96%;
    float: none;
    display: block;
    margin: 0 auto;
    padding: 0 2%;
    }
.more_articles .Control_08 > a, .mador  .Control_08 > a
    {
    width: 200px;
    height: 150px;
    float: none;
    margin: 0 auto 15px;
    overflow: hidden;
    display: block;
    }
.more_articles .Control_08, .mador  .Control_08
    {
    max-width: 989px !important;
    }
.Control_08
    {
    display: block;
    margin: 0 auto 30px;
    width: 100%;          
    }
.more_articles .Control_08 .element_data, .mador  .Control_08 .element_data
    {
      max-width: 50% !important;   
    }    
#preTextFormBox {
  font: normal 24px arial;
}
#DetailsBox {
  max-width: 412px !important;
  display: block;
  margin: 0 auto;
}
.input-Box {
  margin-bottom: 15px;
}
#DetailsBox label {
  font: bold 20px arial;
  width: 100px;
  padding:5px 5px 0;
}
.ishur-text {
  font: normal 16px/18px arial !important;
  width: 90% !important;
  margin-top: 0;
}
.send-btn-div 
{
    text-align:center;
}
.element-clip .leftSide-clip {
  float: left;
  max-width: 80%;
  width: 100%;
}    
.leftSide-clip h3 a {
  font: bold 18px/18px arial;
}
.leftSide-clip p {
  font: normal 16px/16px arial;
}
.element-clip {
  display: block;
  overflow: hidden;
  margin: 20px auto;
  width: 100%;
  max-width: 570px;
}
#TopArticles .Control_08 > a:first-child
    {
    float: right;
    width: 50%;    
    }
#TopArticles .Control_08 .element_data
    {
    float: right;
    width: 47%;
    margin-right: 20px;  
    }
#TopArticles .title {
  width: 100%;
  display: inline-block;
  margin: 5px 0;
  font: bold 26px arial;
}
.more_articles .Control_08 .title a
{
    margin: 0 0 5px;
}

}