.hidden_mobile, .hidden-mobile{display: block;}
.visible_mobile, .visible-mobile{display:none;}
.hidden_desktop, .hidden-desktop{ display: none; }
.hidden{display:none;}
.mobile_toggle_lang{
    display:none;
} 

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 480px) {
    /**
     * Note: I have omitted any vendor-prefixes for clarity.
     * Adding them is left as an exercise for the reader.
     */
     
    .headroom {
        transition: transform 200ms linear;
    }
    .headroom--pinned {
        transform: translateY(0%);
    }
    .headroom--unpinned {
        transform: translateY(-100%);
    }

    .hidden_desktop, .hidden-desktop{ display: block; }
    .hidden_mobile, .hidden-mobile{ display: none; }

    /** COMMON **/
    .ladante{display:none;}
    .retina{background:none;}
    .visible_mobile{display: block;}
    .hidden_mobile{display:none;}
    .fullscreen_close_icon{
        display: block;
        height: 24px;
        width: 24px;
        background: url(images/close_grey.png) no-repeat;
        float: right;
        margin: 15px 10px;
    }
    .fullscreen{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1000;
        min-height: 100%;
        background: #eee;
    }
    .fullscreen .menu-main-english-container{
        padding: 0;
    }
    .comments{
        display: none;
    }

    #main,
    .container,
    .home .sidebar_container,
    .single #content .post,
    .postcard,
    .focus_right,
    .widget_fai,
    .portrait_image,
    .portrait_image img,
    .album img,
    .sidebar .album, .sidebar .widget_portrait, .sidebar .widget
    {
        width: 100% !important;
    }
    .home #content{
        padding: 0;
    }
    .main_block{
        padding: 20px 10px 0;
    }
    .home .line{
        margin-left: 0;
    }
    #searchform #s{
        width: 100%;
        background-image: none;
        padding-left: 0;
    }
    #searchsubmit {
      display: block;
      background-image: url(images/search-icon.png);
      background-size: contain;
      float: right;
      background-repeat: no-repeat;
      background-color: transparent;
      border: none;
      z-index: 107;
      position: fixed;
      top: 54px;
      right: 15px;
      height: 16px;
      width: 16px;
    }
    form#searchform {
      display: none;
      position: fixed;
      top: 40px;
      width: 100%;
      background-color: #333;
      padding: 10px;
      left: 0;
      z-index: 99;
    }
    .sidebar_container{
        padding: 10px !important;
    }
    .sidebar, .sidebar_container{
        background-color: #e0e0e0;
    }
    /** TOP **/
    .mobile_toggle_search img{
        width: 16px;
        height: 16px;
        margin-right: 5px;
    }
    .mobile_toggle_search{
        float: right;
    }
    #lang_bar {
        background-color: transparent;
        position: fixed;
        margin-top: 0;
        top: 0;
        z-index: 100;
        height: auto;
    }
    .mobile-main-menu a{
        font-family: 'EB Garamond', serif;
        font-size: 18px !important;
    }
    .lang_bar_inner,
    .header_wrapper,
    .menu-main-english-container, 
    .menu-main-italian-container,
    #logo img{
        width: 100%;
    }
    .home #logo{
        top: 35px;
    }
    #logo{
        z-index: 8;
        width: 30%;
        margin: 0 auto;
        position: absolute;
        top: 0;
        left: 35%;
    }
    .home .lang_bar_inner, .lang_bar_inner {
    padding: 10px;
    }
    .home .header_wrapper {
    height: 99px;
    }
    .header_wrapper {
    height: 104px;
    }
    .lang_list{
        margin: 60px 15px;
    }
    span.lang_item {
      display: block;
      padding: 5px;
      width: 40%;
      border-bottom: 1px solid #9fe4bc;
      text-transform: uppercase;
      margin: 0 auto;
      text-align: center;
      margin-top: 19px;
    }
    .mobile-main-menu li{
        padding: 10px 0px 6px;
        border-bottom: 1px solid #9fe4bc;
    }
    .mobile-main-menu li a{
        padding-left: 0;
    }
    #mobile-main-menu{
        width: 80%;
        margin: 30px auto 0;
    }

    #mobile-main-menu2{
        margin: 0 auto 0;
        width: 80%;
        text-transform: uppercase;
    }
    .mobile_toggle_lang{
        float: right;
        margin-top: 1px;
    }
    .menu_toggle .icon_bar{
        display: block;
        line-height: 1;
        background: #7d7d7d;
        margin-top: 4px;
        width: 22px;
        height: 2px;
        border-radius: 1px;
    }
    .home .menu_toggle{
      padding: 10px 4px;
	}
    .menu_toggle{
      display: block;
      width: 36px;
      height: 36px;
      text-transform: uppercase;
      padding: 15px 4px;
      font-family: 'EB Garamond', serif;
      font-size: 14px;
    }
    .social_toggle{
        float: right;
    }
    .main-menu{
        display:none;
    }
    .lang_bar_inner .social_container
    {
        display: none;
    }
    #menu-item-48249 a, #menu-item-48376 a, #menu-item-48249 a:hover, #menu-item-48376 a:hover{
        padding: 8px 0 0 0;
        background: none;
    }
    .mobile_menu .social_container_inner{
        width: 190px;
        margin: 0 auto;
    }
    .mobile_menu .social_container{
        width: 100%;
        padding: 10px;
        bottom: 0;
        position: absolute;
        display: block;
    }

    /** FOCUS **/
    .focus_header .focus_post_1 .text{
        width: 160px;
    }
    .focus_header .focus_post_1 .post_name{
        font-size: 110%;
    }
    .focus_header .focus_post_1 .text,
    .focus_header .focus_post_2 .text,
    .focus_header .focus_post_3 .text{
        left: 0;
    }
    .focus_post{
        margin-bottom: 10px;
        clear: both;
        height: auto;
    }
    .focus_header{
        margin-bottom: 16px;
    }
    .postcard #nl_button{
        max-width: 232px;
        margin: 6px auto 0;
    }
    .postcard a{
        text-align: center;
        max-width: 250px;
        margin: 0 auto 0;
        display: block;
    }
    .focus_header_container{
        padding: 10px;
    }
    .focus_header{
        padding: 0;
        width: 100%;
    }
    .focus_right{
        margin-left: 0;
    }
    .focus_post_1 .focus_post_image a,
    .focus_post_2 .focus_post_image a, 
    .focus_post_3 .focus_post_image a{
        height: 200px !important;
    }
    .focus_header .focus_post_2, .focus_header .focus_post_3, .focus_header .focus_post_2 .focus_post_image, .focus_header .focus_post_3 .focus_post_image{
        width: 100%;
        margin-top: 0;
    }

    /** PLACES **/
    #map{
        margin-top: -40px;
    }

    /** SLIDER **/
    #slider{
        /*background: #333;*/
        position: relative;

    }
    #home-title h3 a {
        font-size: 19px;
    }
    #slider #home-title .side-entry-title{
        margin: 0;
        padding: 2px 0 3px 10px;
        text-align: left;
        width: 160px;
    }

    #slider #home-title h3.side-entry-title{
        padding: 12px 0 4px 10px;
        background-color: #333; 
    }
    #slider #home-title h1.side-entry-title,
    #slider #home-title h2.side-entry-title{
        background-color: rgba(51,51,51,0.65);
    }
    #home-title h1.side-entry-title a{
        font-size: 18px;
    }
    #slider .slash{
        display: none;
    }
    #slider .scrollable{
        width: 100%;
        left: 0;
        height: 300px !important;
    }
    #slider h2.side-entry-title a{
        font-size: 17px;
    }
    #slider #home-title{
        width: 100%;
    }
    #slider .scrollable .item{
        width: 100% !important;
        margin-right: 0;
    }
    #slider .browse.left{
        left: 10px !important;
    }
    #slider .browse.right{
        right: 10px !important;
    }
    #slider .scrollable .item img{
        margin: 0;
        float: none;
    }
    #slider #home-title{
        padding-top: 0 !important;
        right: 0!important;
        

        position: absolute;
        top: 0px;
        z-index: 10;
    }
    #slider .browse.left{
        height: 300px !important;
        top: 5px !important;
    }
    #slider .browse.right{
        height: 300px !important;
        top: 0;
    }
    .ladante img, #sidebar-bottom-link{
        margin-bottom:0;
    }

    /** HOME **/

    .controls{
        margin-top: -2px;
        float: right;
    }
    .controls > a > img{
        height: 18px;
    }
    .controls > a{
        float: left;
        margin-right: 30px;
    }
    .controls a.home-carousel-next{
        margin-right: 0;
        margin-left: 10px;
    }

    .home-new > .line{
        margin-left: 0px;
    }
    .home .sidebar .widget .widget-title{
        margin-left: 0px;
    }
    .home-new > h3{
        /*margin-left: 10px;*/
    }
    .home .container{
        min-height: 100%;
        border-right: none;
        padding-right: 0;
    }

    /** SIDEBAR  **/
    .ytc_link {
        margin-top: 3px;
        text-align: left;
    }
    .ytc_link p{
        margin-bottom: 0;
    }
    .youtube_channel {
        width: 100%;
        margin-left: 0;
    }
    .youtube_channel .ytc_video_container{
        float: none;
        padding-bottom: 0 !important;
        margin-left: 0px;
        width: 100% !important;
    }
    .widget_portrait{
        padding: 0!important;
        margin-top: 12px;
    }
    .widget_portrait .portrait_title{
        margin: 3px;
        text-align: left;
    }
    .portrait_image{
        max-width: 285px;
        margin-left: 0 !important;
    }
    .focus_right .widget_fai{
        padding: 0;
    }
    .widget_fai a{
        height: auto;
        margin: 0 auto 0;
        width: 100%;
    }
     .focus_right .widget_fai img{
        width: 100%;
     }
    .home .widget_portrait img,
    .home .sidebar_container{
        margin-left: 0;
    }
    #sidebar-bottom-link{
        margin-top: 15px;
        position: relative;
        width: 100%;
    }
    .container{
        padding-right: 0;
        border: none;
    }
    .home .widget_portrait img{
        margin-left: 0 !important;
    }

    /** PAGES **/
    .map-container>div{
        height: auto;
        width: 100%;
        margin: 3px;
    }
    .archive #content article a img {
        width: 100%;
        height: auto;
        max-height: 100%;
    }
    .gmap{
        width: 100%;
    }
    #map svg{
        width: 100%;
        max-height: 100%;
        height: auto;
    }
    #map {
        width: 100%;
        height: auto;
    }
    .related{
        margin-top: 10px;
    }
    .related_item {
        width: 98%;
        margin: 0 1% 0;
    }
    .related .widget-title{
        margin: 0;
    }
    .page-id-2 #content #post-2, .page-id-22587 #content #post-22587{
        width: 100%;
    }
    .page-template-page_youtube-php #content > article, .archive #content > article, .search #content > article{
        height: 100%;
    }
    .container{
        min-height: 100%;
    }
    .navigation{
        width: 220px;
        margin-bottom: 20px !important;
    }
    .navigation .sep{
        display: none;
    }
    #jig1 ,
    .archive #content > article h3,
    .search #content > article h3,
    .search #content > article a{
      width: 100% !important;
    }
    #jig1 img{
        max-width: 100%;
    }
    .filters{
        padding-right: 0;
        width: 100%;
    }
    .filters .subcategories{
        width: 100%;
        text-align: center;
    }
    .category #content > article.post.type-post.hentry > a > img{
        width: 100%;
        height: auto !important;
    }
    .page-template-page_youtube-php #content > article, .archive #content > article,.archive #content > article a, .search #content > article{
        width: 100%;
    }
    .search .navigation, 
    .archive .navigation{
        margin: 0 auto 0;
    }
    .wp-caption.alignnone {
        max-width: 100% !important;
    }
    .page .entry-content a, .single .entry-content a, .static a{
        word-break: break-word;
    }
    .sidebar_container{
        width: 100%;
        margin-left: 0;
    }
    img.wp-post-image,
    .entry-content img{
        width: 100%;
        max-width: 100%;
        max-height: 100%;
        height: auto;
    }
    .widget .widget-title{
        margin: 0;
    }


    /** HOME CAROUSEL **/
    .slider_more_item{
        width: 100%;
        height: 150px;
    }
    .jcarousel-control-next{
        right: -16px;

    }
    .jcarousel-control-prev{

        left: -16px;
    }
    .owl-pagination{
        display: none;
    }
    .jcarousel-wrapper{
        margin: 0;
    }
    .jcarousel .image img{
        margin: 0 auto 0;
        display: block;
        width: 100% !important;
    }
    .jcarousel li,
    .jcarousel{
        width: 100%;
    }
    .jcarousel .image img{
        height: auto !important;
    }
    .jcarousel .title {
        /*text-align: center;*/
        width: 100% !important;
        margin-top: 3px;
        display: block;
    }

    /** FOOTER **/
    #footer-menu{
        text-align: center;
        float: none;
        margin-bottom: 10px;
    }
    .footer_block{
        margin: 0;
        padding: 13px 26px 8px 26px;

    }
    .footer_block .logo img{
        width: 100%;
    }

	#partner-bar td {display:inline;}

    .footer_block .logo {
        float: none;
        width: 120px;
        margin: 0 auto;
    }

}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}