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

@media screen and (min-width: 640px) and (max-width: 989px)
{
    #left {
        width: 100% !important;
        margin-top: 26px;
        }
    .SeprateSpace
        {
        display:none;
        }
    #page-wrap, #GPage_main
		{
        width: 640px;
		}
    #main
		{
        width: 640px;
        display: block;
        margin: 0 auto;
		}
    #main #LogoBox
		{
        background-size: 100%;
        margin: 0;
        height: 70px;
		}
    .BigSlider
		{
        width: 100%;
        min-height: 315px;
        height: 100%;
        }
    .ImagesLayer a img 
	    {
        width:100%;
        max-width:639px;
        height: 100%;
        }
    .BigSlider
		{ 
		max-height: 170px;
		width:100%;
		margin-bottom:20px !important;
		} 
    .BTNsLayer 
        {
        height:40%;
        width:10%;
        position: absolute;
        top: 30%;
        z-index: 2;
        cursor: pointer;
        } 
    .BTNsLayer 
        {
        height: 55px;
        width: 40px;
        }
    #IgolimBigSlider 
        {
        left:40%;
        position: absolute;
        bottom: 0px;
        z-index: 2;
        } 
    #footerN_main, #footer_globes
		{
        display: none;
		}
    #left
		{
        width: 100% !important;
        margin-top: 26px;
		}
    #madrih 
        {
        border-bottom: 1px solid #EFEFEF;
        border-bottom: 1px solid #EFEFEF;
        float: left;
        width: 50%;
        }
   #NewsletterBox 
        {
        background: #EEF8F6;
        display: block;
        width: 45%;
        float: right;
        }
    #TVArticleBox
        {
        clear:both;
        }
    .template_clipBox .ReadMoreClipBox 
        {
        float: right;
        width: 50%;
        }
   #form-box-div
		{
        width: 100%;
		}
    .input-Box
		{
        width: 45%;
        clear: none;
        float: right;
		}
    .input-Box:nth-of-type(2n)
		{
        float: left;
		}
    #DetailsBox p
		{
        clear: both;
		}
    #DetailsBox
		{
        width: 96%;
		}
    .checkbox-Box
		{
        float: right;
        width: 45%;
		}
    .send-btn-div
		{
        width: 100% !important;
		}
    .checkbox-Box:nth-of-type(2n)
		{
        float: left;
		}
    .Control_04 > h3
		{
        margin: 0 0 40px 0px;
        width: 48%;
		}
    #video_5sconds > a > img
		{
        float: right;
		}
    #video_5sconds > a > div
		{
        float: left;
        width: 48%;
		}
	#LogoBox
	    {    
	    height: 55px;
        background-size: 86%;
	    }
    #articles #GlobesViewer	.RandomalArticle 
	    {
        width: 46%;
        float: right;
        margin-left:0;
        }
	#articles #GlobesViewer .RandomalArticle:nth-of-type(2n) 
	    {
        float:left;
        clear:left;
        }	
    ._RandomalIndexLinkBox		    
        {
        float:right;
        }
    ._RandomalIndexLinkBox	+  .RandomalArticle	    
        {
        float:left !important;
        clear:left !important;
        }
    #MadorArticles .Control_04
        {
        width:100%;
        }
    #MadorArticles .Control_04 h3
        {
        width:100%;
        }        
    #MadorArticles .Control_04 h3 > a > img
        {
        max-width:300px;
        width:100%;
        height:auto;
        }
    #MadorArticles .Control_04 .title, #MadorArticles .Control_04 .subtitle
        {
        width:45%;
        }
        
}

/*@media screen and (min-width:320px) and (max-width: 639px)*/
@media screen and (max-width: 639px)
{
    #divBigImgTemplate img,
    #divBigImgTemplate,#course .template_clipBox { width:100%; height:auto}
    #TopArticles,#divBigImgTemplate { float:none}
    .template_clipBox img { margin-left:20px}
   #TopArticles { margin-bottom:20px}
   #frmTvPlayer { width:100%}
   #MenuBar { width:96% !important}
   .sendEmail-Dibergoon { margin:20px auto; padding:2%; width:94%}
#LogoBox a:first-child > img { height:68px}
.person_info img,#wmain .Control_01 img { width:100%; height:auto}
#wmain .Control_01 { float:none; width:100%}

.DeotElement .DeotImgLink img { width:100%; height:auto; border-radius:0}
.DeotElement { width:100%; display:block; text-align:center}
.DeotElement a { width:100%}

    #footerN_main, #footer_globes
        {
        display:none;
        }
    #page-wrap, #GPage_main
		{
        width:100%;
		}
    #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/BreakPoint/m/logo.jpg') repeat-x;
		width: 100%;
		height: 50px !important;
		background-size: 100%;
		}
	.ImagesLayer a img 
	    {
        width:100%;
        max-width: 320px !important;
        height:100;
        max-height:138px;
        }
    .BigSlider
		{ 
		max-height: 170px;
		width:100%;
		margin-bottom:0 !important;
		} 
    .BTNsLayer 
        {
        height:25%;
        width:10%;
        position: absolute;
        top: 30%;
        z-index: 2;
        cursor: pointer;
        } 
    #IgolimBigSlider 
        {
        left: 25%;
        position: absolute;
        bottom: 0px;
        z-index: 2;
        }              
	#right
		{
		margin-top:10px;
		}
    #main #left
		{
        width: 100%;
		}
    #form-box-div
		{
        width: 100%;
		}
    .input-Box
        {
        width:97%;
        clear: both;
        float: none;        
		}
	.input-Box:not(.send-btn-div)
		{
		background:#fff; 
		}
	.input-Box:not(.send-btn-div) input
		{
		float:right !important;
		width:60% !important; 
		}
	.input-Box #VJob
	    {
	    right:100px !important;
	    width:65% !important; 
	    background-position:10px 1px !important;
	    padding:0 !important;
	    }
    .input-Box:nth-of-type(2n)
		{
        float: none;
		}
    #DetailsBox p
		{	
        clear: both;
		}
    #DetailsBox
		{
        width: 96%;
		}
    .checkbox-Box
		{
        float: none;
        width: 100%;
		}
    .send-btn-div
		{
        width: 100% !important;
		}
    .checkbox-Box:nth-of-type(2n)
		{
        float: left;
		}
    .Control_04 > h3
		{
        margin: 0 0 20px 0px;
        width: 100%;
		}
    #video_5sconds > a > img
		{
        float: right;
		}
    #video_5sconds > a > div
		{
        float: left;
        width: 48%;
		}
    #main #right
        {
        width: 96%;
        padding: 0 2%;
        }
    #TopArticles
		{
        width: 100%;
		}
    #TopArticles .title, #TopArticles .subtitle, #TopArticles a:first-child
		{
        float: none;
        width: 100%;
		}
    #TopArticles .title
		{
        margin-top: 20px;
		}
    .Control_04 > h3 .title
		{
        min-height: 60px;
		}
    #cooperation .Control_04 > h3
		{
        margin: 0 0 20px 0px !important;
		}
    #cooperation .Control_04 > h3:nth-of-type(2n)
		{
        float: left;
		}
    #cooperation .Control_04 > h3:nth-child(4n)
		{
        float: right !important;
		}
    #cooperation .Control_04 > h3:nth-child(3n)
		{
        margin:0 0 20px 0px !important;
        float: left;
		}
    #video_5sconds > a > div
		{
        float: none;
        width: 100%;
        margin: 20px 0;
        display: block;
        overflow: hidden;
		}
    #TVArticleBox .Control_04 .title
		{
        min-height: 20px;
        font: normal 0.9rem/1.1rem arial;
		}
    #main #LogoBox
		{
        height: 40px;
		}

    #MenuBar
		{
        background: url('http://images.globes.co.il/images/Site2/special_projects/tama38/menu_icon.png') no-repeat right top;
        cursor: pointer;
		width:320px;		
		}
    #MenuBar:hover ul
		{
        display: block;
        background: #333;
        width: 96%;
        height: 218px;
        position: absolute;
        z-index: 2;
        margin-top: 30px;
        }
    #MenuBar:hover ul a
		{
        color: #fff;
        font-size:110%;
        font-weight:normal;
		}
    #MenuBar:hover ul a:hover
		{
        color: #003399;
        background: #ccc;
        color: #000 !important;
        display: block;
        width: 100%;
        padding: 5px 10px;
		}
    #MenuBar ul
		{
        display: none;
		}
    #MenuBar ul a
		{
        padding: 5px 10px;
        border-bottom: 1px solid #666;
        width: 100%;
		}
    #MenuBar li
		{
        float: none;
        overflow: hidden;
		}
    #MenuBar .H_seprateLine:after
		{
        content: "";
		}
    #more_articles .Control_04 > h3
		{
        margin: 20px 10px;
		}
	#Gallery
		{
		height:300px;
		}
	#Gallery .BTN-goto_gallery
		{		
		left: 23%;
		}
	#TopArticles .slider .btns
	    {
	    display:none
	    }
    #right #TopArticles .slider .SliderInnerItems
        {
        width:100% !important;
        }
    .slider 
        {
        width:100%;
        }
    .slider .SliderInnerItems > a
        {
        width:100%;
        float:none;
        }
    .SliderInnerItems .Control_01 > img
        {
        float: none;
        height:auto;            
        }
    #TopArticles .Control_01 .subtitle 
        {
        font-size: 130%;
        line-height:150%;
        width: 100%;
        display: block;
        margin-bottom: 3em;
        }
  
    .more_articles .Control_01 > img 
        {
        margin-left: 0;
        float: none;
        width: 100%;
        height: auto;
        display: block;
        margin: 0 auto 2em;
        }
    .more_articles .Control_01 .title 
        {
        display: inline-block;
        font: bold 180% arial;
        overflow: hidden;
        width: 96%;
        margin: 0 0 20px;
        float: none;
        }
    .more_articles .Control_01 .subtitle 
        {
        display: inline-block;
        float: none;
        font: normal 125%/20px arial;
        overflow: hidden;
        width: 96%;
        margin-bottom: 10px;
        }
    .more_articles a.Control_01 
        {
        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%;
        }
    #madrih 
        {
        border-bottom: 1px solid #EFEFEF;
        }
   #NewsletterBox 
        {
        background: #EEF8F6;
        display: block;
        width:100%;
        float: right;
        }
   #MadorArticles .Control_04
       {
       width:100%;
       }
    #MadorArticles .Control_04 h3 > a > img       
        {
        width:100%;
        height:auto;
        }
    #MadorArticles .Control_04 .title, #MadorArticles .Control_04 .subtitle
        {
        width: 100%;
        max-width:none;
        min-height:0;
        }        
    .more_articles .Control_06 > a
        {
        width: 200px;
        height: 150px;
        float: none;
        margin: 0 auto 15px;
        overflow: hidden;
        display: block;
        }
    .more_articles .Control_06 
        {
        display: block;
        overflow: hidden;
        width: 80%;
        margin: 0 auto 30px;
        clear: none;
        }
             
}


@media screen and (max-width: 480px)
{
    #secArtilces .Control_08 { float:right; width:45%; }
    #secArtilces .Control_08:first-child { margin-left:2%}
    #secArtilces,#game { float:none; width:100%}
    #MiniArticle1 h1 { margin-top:10px}
    .more_articles.tv .Control_08 .element_data { width:auto}
    .more_articles.tv .Control_08 .subtitle { display:none}
    #daily_data .daily_date { margin-right:10px !important}
    
    
.more_articles .Control_08 {
    clear: both;
    display: block;
    margin-bottom: 30px;
    overflow: hidden;
}
.more_articles .Control_08 > a {
    float: none !important;
    height: 150px;
    margin-left: 25px;
    overflow: hidden;
    width: 200px;
}
.more_articles .Control_08 > a img {
    height: auto;
    width: 100%;
    margin:0 auto;
}
.more_articles .Control_08 .element_data {
   
    width: 300px !important;
    margin:0 auto;
}
.more_articles .Control_08 .element_data .title {
    color: #000;
    display: block;
    font: bold 20px/20px arial;
    margin: 0 0 10px;
    overflow: hidden;
}
.more_articles .Control_08 .subtitle {
    display: block !important;
    font: 14px/16px arial;
    margin-bottom: 10px;
    overflow: hidden;
}
}