﻿/*-------------------------------------------------*/    
/* Article Responsive
/*-------------------------------------------------*/
#LogoBox
    {
    margin:20px 0 -10px !important;
    }
#LogoBox #FacebookBox
    {
    top:115px !important;    
    }
.Tagiut 
    {
    margin: 0px 0 30px !important;
    padding: 0 0 8px 0 !important;
    }
#Tagiut_Logo_Box
    {
    float:none !important;
    position: relative;
    top: 20px;
    right: 500px;
    }
#Tagiut_Logo_Box a
    {
    color:#666
    }    
#Tagiut_Logo_Box a:hover
    {
    color:#c00;
    }    
@media screen and (max-width:989px)
    {
    [id^='div-gpt-ad']
        {
        display:none;
        }
    #LogoBox
        {
        background:url('http://images.globes.co.il/images/site2/special_projects/Logo_images/pninsola_TTL_640x100b.gif') no-repeat;
        background-size:100%;
        margin-top:50px;
        }
    #MiniArticle1 #FacebookShare 
        {
        float: none;
        width: 1px;
        position: absolute;
        margin: 0;
        left: 0;
        top: 30px;
        }
    #LogoBox #FacebookBox
        {
        display:none;
        }
    #MiniArticle1 #details1
        {
        height:50px;
        }
    #LogoBox        
        {
        margin-bottom:0 !important;
        }
    #right
        {
        margin-top:20px;
        }
    #left
        {
        width:100% !important;
        float: none !important;
        display: block;
        max-width: 575px;
        }
    #left .RandomalArticle        
        {
        float: none;
        display: block;
        margin: 20px auto;
        width:300px;
        }        
    #MiniArticle1 #details1 
        {
        position: relative;
        }
    #MiniArticle1 #fbLike 
        {
        margin-top: 0;
        width: auto;
        }
    .Tagiut                
        {
        margin: -10px 0 25px !important;
        }
    #GlobesViewer .RandomalArticle > img
        {
        width: 100% !important;
        height: auto !important;    
        }
    #left .RandomalArticle
        {
        width: 100% !important;
        }
    #GlobesViewer .RandomalArticle .title
        {
        font: bold 150% arial !important;
        width: 100% !important;
        }
    }
/*-------------------------------------------------*/
@media screen and (max-width:480px)
    {
    #MiniArticle1 #FacebookShare 
        {
        top: 0px;
        float: right;
        width: 450px;
        position: relative;
        left: 154px;
        }
    #LogoBox 
        {
        margin-bottom: -50px;
        overflow: hidden;
        height: 65px !important;
        }
    }
/*-------------------------------------------------*/  