@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:99%;
        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%;
        }
    #DetailsBox label
        {
        width: auto;
        float: none;
        }
    #DetailsBox input, #DetailsBox textarea
        {
        width:95% !important;            
        float: none;
        }
    #madrih .SeprateSpace
        {
        display:block;
        }
    #leftside-controls-responsive-box
        {
        float: right;
        }
    #leftside-controls-responsive-box .SeprateSpace
        {
        display:block;
        }    
}

/*@media screen and (min-width:320px) and (max-width: 639px)*/
@media screen and (max-width: 639px)
{

    #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/small_business/logo3.jpg') repeat-x;
		width: 100%;
		 
		background-size: 100%;
		}
	.ImagesLayer a img 
	    {
        width:100%;
        max-width: 320px !important;
        height:auto;
        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 a.Control_01
		{
        position: static;
		}		
		
    #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:70px;
		}

    #MenuBar
		{
        background: url('http://images.globes.co.il/images/Site2/special_projects/tama38/menu_icon.png') no-repeat right top;
        cursor: pointer;
		width:98%;		
		}
    #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;
        min-width:1px;
        }
    #right #TopArticles .slider 
        {
        width:100%;
        height: auto;
        }
    .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;
        }
    .deotNav
        {
        display:none;
        }
    #main #right .AllDeotElementsBox > div        
        {
        width:100%; 
        position:static;
        }
    .AllDeotElementsBox .DeotElement 
        {
        direction: rtl;
        float: none;
        overflow: hidden;
        background: none;
        padding-left: 0;
        margin:0 0 25px;
        height:auto;
        display:block;
        }        
    .DeotElement > span 
        {
        display:block;
        float:right;
        width:185px;
        }
   .DeotElement .DeotAuthor
        {
        display:block;
        }
    #deot        
        {
        height:auto !important;
        }
    .AllDeotElementsBox 
        {
        position: static;
        display: block;
        width: 100%;
        height:auto;
        }
    .more_articles .Control_01 > img 
        {
        margin-left: 0;
        float: none;
        width: 200px;
        height: 150px;
        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;
        }
   .more_articles .Control_08
        {
        margin-bottom:10px;
        }
    .more_articles .Control_08 .element_data
        {
        display: block;
        overflow: hidden;
        float: none;
        border: 1px solid rgba(255, 255, 255, 0);
        margin: 10px 0;
        }
    .more_articles .Control_08 > a
        {
        float: none;
        width: 100%;
        max-width: none;
        margin: 10px 0;
        display: block;
        }
    #VSubject
        {
        width: 95% !important;
        }
    #main .control_box        
        {
              overflow: hidden !important;
        }
        
    #secArtilces .Control_08 img,.more_articles1 .item .showIndex img,.more_articles .Control_08 > a img {width:100%; height:auto}      
    #secArtilces,.more_articles1 .item .showIndex { width:100%; float:none}  
    #TopArticles { margin-bottom:20px}
    #secArtilces,.more_articles1 .item .showIndex {margin-bottom:20px; display:block}
    
    
             
}


@media only screen and (max-width: 480px)  
{
    #htmlHead .ads1 div[id^='div-gpt-ad'] { display:block !important} 
    .ads1 { position:relative;top:0;right:0; z-index:1111}  
    #closeBtn { position:relative; top:0;left:0}
    #closeInnerBtn  { position:absolute; left:0; background:url("http://images.globes.co.il/images/site2/special_projects/leeMarshel/closeBTN.png") 0 0; width:54px; height:54px}
    #articles #LogoBox { margin-top:100px !important; height:60px !important}
    #articles #right { margin-top:0 !important}
    #middleBanner { display:none}
    #main #LogoBox {margin-top:60px !important;}
    .youtubeItemsBigImg img { width:100%}
    #main .control_box { max-width:100%}
    .YouTubeBox:after { left:43%}
    .header {
    background: rgba(0, 0, 0, 0) url("http://images.globes.co.il/images/m/header_bg.png") repeat-x scroll 0 0;
    display: block !important;
    height: 45px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}
.header .logo {
    border: 0 none;
    display: block;
    margin: 7px auto;
    overflow: hidden;
    width: 83px;
}
.header .goBack {
    cursor: pointer;
    height: 12px;
    position: relative;
    right: 10px;
    top: -27px;
    width: 8px;
}


  }