/* Fa diventare il sito Responsive */

#mobmenu {
    display: none;
}

.bannerespo {
    display: none;
}

/* Smartphones (portrait and landscape) ----------- */

@media only screen and (max-width : 1024px) {
#menu {
   position: relative;
   left: 0;
   right: 0;
   width: auto;
   margin: -21px 0 0 0;
   padding: 0;
}

#curdate {
    display: none;
}

#social {
float:right;
text-align:right;
color:#fff;
width:115px;
line-height:30px;
padding:0 5px;}


.bannerespo {
    display: inline;
}

.bannernormal {
    display: none;
}


a#skintop, a#skinleft, a#skinright {
display: none;
}

body {
   background-image: none;
   margin-top: 0;
}

#content {
   margin-top: 0;
}
}

@media only screen and (max-width : 960px) {

#contlogo #layoutgrid {
	display: none !important;
}

#contlogo {width: auto !important;}

#topmenu {width: auto;}

#main {
    margin: 0 202px;
    width: auto;
}

#left {
    position: absolute;
    left: 0;
    top: 0;
}

#content {
    position: relative;
    width: 100% !important;
    min-height: 1600px
}

#right {
    position: absolute;
    right: 0;
    top: 0;
}

#container {
 width: 100%;
}

#menu > div > div > ul > li > a {
padding:0 0px 0 0;
}
	
}


/* Smartphones (portrait and landscape) ----------- */

@media only screen and (max-width : 800px) {

#content {
    min-height: auto;
}	
	
#left, #right {
	display: none;
}

#contlogo {
   max-width: 100%  !important;
   background: #fff url(http://www.etribuna.com/eportale/templates/etribuna/testata_portale.jpg) no-repeat center top  !important;
   height: 130px  !important;
   background-size: cover !important;
   margin-top: 5px !important;
}


#main {
 float: none;
 width: auto;
 margin-left: 10px;
 margin-right: 10px;
}


}

/* Smartphones (portrait and landscape) ----------- */

@media only screen and (max-width : 690px) {

#menu > div > div > ul > li > a {
	padding:0 0px 0 0;
	font-size: 9px;
}


}

/* Smartphones (portrait and landscape) ----------- */

@media only screen and (max-width : 600px) {
	
	
#menu {
    display: none;
}

.row-fluid .span6 {
width: 100%;
margin-left: 0;
}

#contlogo {
   max-width: 100%  !important;
   background: #fff url(http://www.etribuna.com/eportale/templates/etribuna/testata_portale.jpg) no-repeat center top  !important;
   height: 80px  !important;
   background-size: cover !important;
   margin-top: 5px !important;
}


#left {
 float: none;
 width: auto;
 height: auto;
 text-align: center;
}

#main > div.blog > div.items-row.cols-2 {
background: none;
}

#header object,
#header embed {
display: none;
}

#topmenu {
display: none;
}

#mobmenu {
    display: inline-block;
}
#mobmenu .icon {
    padding: 4px;
}

#mobmenu > .moduletable {
     position: fixed;
    top: 0;
    width: 80%;
    left: -85%;
    bottom: 0;
    background: #777;
    z-index: 1000000;
    box-shadow: 0 0 20px rgba(0,0,0,0.5);
    transition: 0.7s;
	overflow:auto;
}

#mobmenu > .moduletable.opened {
left: 0;
}

#mobmenu .moduletable ul.menu li {
    display: block;
    border-bottom: 1px solid #999;
    padding: 0;
}

#mobmenu .moduletable ul.menu {
    padding: 10px 0;
}

#mobmenu .moduletable ul.menu li a {
    display: block;
    font-size: 21px;
    line-height: 2em;
    padding-left: 18px;
    color: #eee;
}

#mobmenu .moduletable ul.menu li a:hover {
    color: #000;
}

/* Submenu ----------- */

#mobmenu .moduletable ul.menu ul {
     padding: 0px 0px 0px 0px;
     left: 10px;
}

#mobmenu .moduletable ul.menu ul a {
  padding: 0px 0px 0px 35px;
  display: block;
  color: #ccc;
  font-size: 14px;
  font-weight: normal;
}

#mobmenu .moduletable ul.menu ul li {
  display: block;
  padding: 0;
  border-top: none;
  background: #777;
}

#mobmenu .moduletable ul.menu ul a:before {
  content: "•";
  position: absolute;
  left: 20px;
  color: #ccc;
}


#mobmenu .moduletable ul.menu ul a:hover {
  color: #fff;
  background: #68595f ;
  text-decoration: none; 

}


}