/* ###############################IPAD */
@media only screen and (min-width: 768px)  and (max-width: 1024px)  {
    
    
        .camera_caption > div span.latest_article {
            background: url("../img/latest_article.png") no-repeat scroll left top transparent;
            background-size:100%;
            height: 83px;
            position: absolute;
            right: -5px;
            top: -5px;
            width: 98px;
            z-index: 20;
        }
        
        .header-container .social_newtork{
            position:relative;
        }
    
        #searchBlock{
              left:0 !important;
        }
    
        .menu li a {
            color: #F3F3F3;
            display: block;
            font-size: 0.72em !important;
            font-weight: bold;
            height: 33px;
            line-height: 2.8em;
            margin: 0;
            padding: 0 1em !important;
            text-decoration: none;
            text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
        }

        .header-container .social_newtork form div.boxSearch .inSearch {

            font-size: 14px !important;
            line-height:14px !important;
            height: 14px !important;
            padding:4px 0;
            height:22px !important;
            padding:0 !important;
            width: 160px !important;
            text-align:right !important;
        }


        .main .boxOne .boxGrandrounds {
            height: 102px;
            margin:0;
            padding:0;
        }

        .main article{
            width:100%;
        }    

        .main aside{
            width:100%;
            margin-top:20px;
        }    
        .main aside .adv{
            float:left;
            width:48%;
            display:inline;
        }    

        .main aside #top5{
            float:right;
            width:48%;
            display:inline;
            margin:0;
        }    
        .main aside #top5 ul{
            margin-bottom:34px;
        }
            
            
        .main aside #top5 ul li.one,.main aside #top5 ul li.two,.main aside #top5 ul li.three,.main aside #top5 ul li.four,.main aside #top5 ul li.five {
            margin-bottom:10px;
        }

        #top5 #vertical-ticker {
            height: 193px !important;
            margin: 0;
            overflow: hidden;
            padding: 0;     
        }
        
        #top5 ul li {
        background-size: 100%;
        }


        .camera_pag{
            bottom:0px !important;
            left:30px;
        }

        .camera_caption {
            bottom: 30px !important;
            /*border:1px solid #60878e;  */
        }

        .camera_caption h2 {
            font-size: 1.5em !important;
            line-height: 0.8em; 
            margin: 10px 0 0 0;
        }

        .camera_caption p {
            font-size: 12px !important;
            line-height: 120% !important;
            color:#000;
            font-family: Arial;  
        }

        .camera_caption span {
            font-size: 0.938em !important;
        }

        .camera_caption a {
            font-size: 12px !important;  
        }
        

.page aside .last_issue {
    float:left;
    margin-bottom: 0 !important;
    padding: 17px 0 !important;
    width:48% !important;
}


 .page aside .last_issue img {
    margin: 0 3% !important;
    width:94% !important;
}

 .page aside .last_issue span.triangolo {
    background: url("../img/clickToRead.png") no-repeat scroll left bottom / 50% auto transparent;
    height: 100% !important;
    bottom: -3px !important;
    left: 3% !important;
    width:94% !important;
}   

            
.page aside .last_issue a {
    float:left;
    width:100% !important;
}   

 .page aside .last_issue b {
    float: left !important;
    padding: 0 !important;
    margin: 20px 0 0 0 !important;
    width:100% !important;
    text-align:center;
}   

.page aside .adv{
    float:right;
    width:45%;
    display:inline;
}    


    
}

/* ############################ smarthphone fascia media*/
@media only screen and (min-width: 481px)  and (max-width: 767px)  {

            .header-container {
            margin-top: 30px;
            }  

            .nav-container nav .menu {
            display:none;     
            }  

            .mobile-menu{
            float:left;
            display:inline;
            width:100%;   
            padding:0% !important;
            background: url("../img/bgMenu.jpg") repeat-x scroll left top transparent;
            color:#FFF;
            margin:0;
            border:0;
            }

            .social_newtork{
            float:right;
            width:auto !important;
            }            

            .social_newtork form{
            display:none;
            }      

            .camera_pag{
            bottom: 0 !important;
            left: 0  !important;
            display:none;

            }

            .camera_caption {
            bottom: 2.5% !important;
            left: 2.5% !important; 
            width:60% !important;
            height:100% !important;
            margin:0 !important;
            padding:0 !important;
            border:0 !important;
            /*border:1px solid #60878e;  */
            }

            .camera_caption > div span.latest_article {
            background: url("../img/latest_article.png") no-repeat scroll right top transparent  !important;
            background-size:100%  !important;
            height: 100px  !important;
            width: 88px !important;

            }

            .camera_caption > div {
            padding: 10px 10px !important;
            }

            .camera_caption h2 {
            font-size: 1.3em !important;
            line-height: 1.5em; 
            }

            .camera_caption p {
            font-size: 0.7em !important;
            line-height: 120% !important; 
            }

            .camera_caption span {
            font-size: 0.7em !important;   
            }

            .camera_caption a {
            font-size: 12px !important;  
            }

            .camera_prev > span {
              background-size:60%;
            }

            .camera_next > span {
              background-size:60%;   
            }
            

            .rivista{
            margin:0!important; 
            }

            .rivistaPreview{
            width:45% !important; 
            }


            .rivistaList{
            width:50% !important;
            }

            .rivistaList ul li {
            padding: 3% 0 !important;
            }

            .rivistaList ul li a img {

            width: 25% !important;
            }

            .rivistaList ul li a .rivistaText p {
            font-size: 0.7em !important;
            line-height: 125% !important;
            }  
            
            .main .visit_site{
                height:auto !important;
                margin: 20px 0  !important;     
            }  

            .main .visit_site .colOne {
            margin: 0 !important;
            width: 100% !important;
            }

            .main .visit_site .colTwo {
            margin: 20px 0 0 0 !important;
            width: 100% !important;

            }

            .main .boxOne {
            float:left;
            display:inline;
            position:relative;
            margin: 0 !important;
            height: auto !important;
            width: 100% !important;
            padding-bottom:102px;
            }
            
.main .boxOne .inner-box, .main .boxTwo .inner-box {
             float:left;
            display:inline;
            position:relative;
}
            

            .main .boxTwo {
            margin: 20px 0 0 0 !important;
            width: 100% !important;

            } 

            .main .visit_site .colOne img, .main .visit_site .colTwo img {
            width: 8% !important;
            }            

            .main .visit_site .colOne p, .main .visit_site .colTwo p {
            width: 90% !important;
            }

            .main .boxOne .inner-box img {
            width: 8% !important;   
            height: auto !important;   
            }

            .main .boxOne .inner-box p {
            width: 90% !important;
            }

            .main aside .adv{
            float:left;
            width:100%;
            margin:20px 0 0 0 !important;
            display:inline;
            }    

            .main aside #top5{
            float:right;
            width:100%;
            margin:20px 0 0 0 !important; 
            } 
            
            .n_comments{
                float:left !important;
                width:100% !important;
            }
                        
            .article_type{
                float:left !important;
                width:100% !important;
            }
            
            .interna header h2 {
            float:left; 
            margin: 0 !important;
            width:100% !important;
            }
            
.interna header h1 {
    font-size: 2.5em !important;
    line-height: 100% !important;
}


            .interna header img {
            float: left;
            box-shadow: none !important; 
            margin: 0 0 20px 0!important;
            width:100% !important;
            }

            .interna .content_article .article_2col.sx {
            margin-right: 0% !important;
            }
            .interna .content_article .article_2col {
            width: 100% !important;
            }
            
.main aside .last_issue {
    float:left;
    margin-bottom: 0 !important;
    padding: 10px 0 !important;
    width:100% !important;
}


.main aside .last_issue img {
    margin: 0 3% !important;
    width:94% !important;
}

.main aside .last_issue span.triangolo {
    background: url("../img/clickToRead.png") no-repeat scroll left bottom / 50% auto transparent;
    height: 100% !important;
    bottom: -3px !important;
    left: 3% !important;
    width:94% !important;
}   

            
.main aside .last_issue a {
    float:left;
    width:100% !important;
}   

.main aside .last_issue b {
    float: left !important;
    padding: 0 !important;
    margin: 20px 0 0 0 !important;
    width:100% !important;
    text-align:center;
}   

.interna .submit_comment form label {
    float:left !important;   
    font-size: 0.8em;
    line-height: 1.6em;
    margin: 0 0 2px 0  !important;
    padding: 0;
    text-align: left !important;
    width: 100% !important;
}

.interna .submit_comment form input {
    float:left !important;  
    border: 1px solid #60878E;
    font-size: 0.8em;
    line-height: 1.4em;
    margin: 0 0 5px;
    width: 100% !important;
}

.interna .submit_comment form textarea {
    float:left;
    font-size: 0.8em;
    height: 100px;
    line-height: 1.4em;
    margin: 5px 0 5px 0  !important;
    padding: 0;
    width: 100% !important; 
}
     
              

}
/*############################## IPHONE*/
@media screen and (max-width: 480px)
{
    
            .header-container {
            margin-top: 20px;
            }  

            .nav-container nav .menu {
            display:none;
            }    

            .mobile-menu{
            float:left;
            display:inline;
            width:96%;
            padding:2%;
            background:none;
            color:#FFF;
            margin:0;
            border:0;
            }

            .social_newtork{
            display:none;
            }


            .camera_pag{
            display:none;
            }

            .camera_caption {
            bottom: 0 !important;
            left: 0% !important;
            width:100% !important;
            height:100% !important;
            margin:0 !important;
            padding:0 !important;
            border:0 !important;
            /*border:1px solid #60878e;  */
            }

            .camera_caption > div span.latest_article {
            background: url("../img/latest_article.png") no-repeat scroll right top transparent  !important;
            background-size:100%  !important;
            height: 100px  !important;
            width: 88px !important;

            }

            .camera_caption > div {
            padding: 10px 10px !important;
            }

            .camera_caption h2 {
            font-size: 1.3em !important;
            line-height: 1.5em; 
            }

            .camera_caption p {
            font-size: 0.7em !important;
            line-height: 120% !important; 
            }

            .camera_caption span {
            font-size: 0.7em !important;   
            }

            .camera_caption a {
            font-size: 12px !important;  
            }
                    
            
            .camera_prev > span {
              background-size:60%;
            }

            .camera_next > span {
              background-size:60%;   
            }
            

            .rivistaPreview {
            width:100% !important;  
            margin-bottom:20px;
            -webkit-box-shadow: none;
            -moz-box-shadow:    none;
            box-shadow:         none;
            }

            .rivistaList {
            width:100% !important;
            }

            .main article{
            width:100%;
            }    

            .main aside{
            width:100%;
            margin-top:20px;
            }  
            
            .main .visit_site{
                height:auto !important;
                margin: 20px 0  !important;     
            }  

            .main .visit_site .colOne {
            margin: 0 !important;
            width: 100% !important;
            }

            .main .visit_site .colTwo {
            margin: 20px 0 0 0 !important;
            width: 100% !important;

            }

            .main .boxOne {
                float:left;
                position:relative;
                padding-bottom:102px;
            margin: 0 !important;
            height: auto !important;
            width: 100% !important;
            }

            .main .boxTwo {
            margin: 20px 0 0 0 !important;
            width: 100% !important;

            } 

            .main .boxOne .boxGrandrounds {
            height: 102px;
            margin:0;
            padding:0;
            }

            .main aside .adv{
            float:left;
            width:100%;
            margin: 20px 0 0 0 !important;  
            display:inline;
            }    

            .main aside #top5{
            float:left;
            width:100%;
            margin: 20px 0 0 0 !important;  
            display:inline;
            } 



            #top5 ul {
            margin: 0;
            padding: 0 1em;
            }

            #top5 ul li {
            background-position: 0 4px !important;
            height:14px;
            overflow:hidden;
            }   

            .main aside #top5 ul li.one,.main aside #top5 ul li.two,.main aside #top5 ul li.three,.main aside #top5 ul li.four,.main aside #top5 ul li.five {
            margin-top:10px;
            }



            #top5 ul li {
            background-size: 100%;
            }

            #top5 #vertical-ticker {
            height: 155px !important;
            margin: 0;
            overflow: hidden;
            padding: 0;     
            }   

            #top5 #vertical-ticker li {
            background: none repeat scroll 0 0 #FFFFFF;
            border-bottom: 1px solid #DDDDDD;
            color: #333333;
            display: block;
            font-size: 0.8em;
            height: 4.5em;
            line-height: 1.3em;
            padding: 0.8em !important;
            }

 
            .n_comments{
                float:left !important;
                width:100% !important;
            }
                        
            .article_type{
                float:left !important;
                width:100% !important;
            }
 
.interna header h1 {
    font-size: 2.5em !important;
    line-height: 0.8em;
    margin: 0.4em 0 !important;
}

            
            .interna header h2 {
            float:left; 
            margin: 0 !important;
            width:100% !important;
            }


            .interna header img {
            float: left;
            box-shadow: none !important;
            margin: 0 0 20px 0!important;
            width:100% !important;
            }

            .interna .content_article .article_2col.sx {
            margin-right: 0% !important;
            }
            .interna .content_article .article_2col {
            width: 100% !important;
            }
            
.main aside .last_issue {
    float:left;
    margin-bottom: 0 !important;
    padding: 10px 0 !important;
    width:100% !important;
}

.main aside .last_issue img {
    margin: 0 3% !important;
    width:94% !important;
}

.main aside .last_issue span.triangolo {
    background: url("../img/clickToRead.png") no-repeat scroll left bottom / 50% auto transparent;
    height: 100% !important;
    bottom: -3px !important;
    left: 3% !important;
    width:94% !important;
}

.main aside .last_issue a {
    float:left;
    width:100% !important;
}   

.main aside .last_issue b {
    float: left !important;
    padding: 0 !important;
    margin: 20px 0 0 0 !important;
    width:100% !important;
    text-align:center;
}      

.interna .submit_comment form label {
    float:left !important;   
    font-size: 0.8em;
    line-height: 1.6em;
    margin: 0 0 2px 0  !important;
    padding: 0;
    text-align: left !important;
    width: 100% !important;
}

.interna .submit_comment form input {
    float:left !important;  
    border: 1px solid #60878E;
    font-size: 0.8em;
    line-height: 1.4em;
    margin: 0 0 5px;
    width: 100% !important;
}

.interna .submit_comment form textarea {
    float:left;
    font-size: 0.8em;
    height: 100px;
    line-height: 1.4em;
    margin: 5px 0 5px 0  !important;
    padding: 0;
    width: 100% !important; 
}

.interna .boxIssues .imgCopertinaIssue {
    margin: 0 20% !important;
    width:60% !important;
}

.interna .boxIssues h3 {
    float:left;
    width:100% !important;
}

.interna .boxIssues h3 a:first-child {
    float:left;
    width:100% !important;
}

.interna .boxIssues p {
    float:left;
    width:100% !important;
}

.interna .boxIssues a.icoFlipbook {
    background: url("../img/icopdf.png") no-repeat scroll left top transparent;
    color: #E40613;
    display: block;
    float: left !important;   
    font-family: 'proletarianregular';
    font-size: 1.2em !important;
    font-weight: 100;
    line-height: 1.6em;
    padding: 0 0 0 25px;
    text-decoration: none;
}
   
              
        
}