/********************************************************************************************/
/**************************************** RESPONSIVE ***************************************/
/******************************************************************************************/

/* Large desktop */
@media (max-width: 1200px) {
    .ak-container,
    body.boxed-layout{
        width: 100% !important;
        padding: 0 10px;
    }

    /*** HEADER ***/
    #site-navigation .menu > ul > li > a{
        padding: 0 10px;
    }
    .header-wrap .search-icon{
        padding: 0 10px;
    }

    /*** BUSINESS ACTIVITIES AND EVENT-LIST ***/
    .events-section .bx-wrapper .bx-controls-direction a{
        display: none;
    }
    .event-list-wrapper, .business-activities-wrapper{
        margin-left: 0;
    }
    .business-section .business-wrapper{
        margin-left: 2%;
        width: 32%;
    }
    .business-section .business-wrapper:first-child{
        margin-left: 0;
    }

    /*** WHAT CLIENTS SAY ***/
    .clients-say-section .testimonial-wrap {
        padding: 0 30px;
        width: 100%;
    }

    /*** FEATURED POST ***/
    .featured-section .featured-post-wrapper {
        margin-left: -1%; width:100%;
    }
    .featured-section .featured-post{
        margin-left: 1%;
        width: 32%;
    }

    /*** CONTACT-US-SECTION ***/
    .google-section-wrap {
        margin-left: 0;
        right: 0;
        left: auto;
    }
    #latest-events, .event-list {width:100%  !important;}
    .event-thumbnail {width:66% !important;}
    .event-detail {width:33% !important;}
    .featured-content {min-height:220px !important;}
}

/******************************************************************************************/

@media screen and (max-width:992px){
    .ak-container{
        width: 768px ;
    }

    /*** FOOTER ***/
    #top-footer .footer{
        width: 50%;
    }

    #top-footer .hide ,
    #mid-section .hide{
        display: block;
        margin-bottom: 25px;
    }

    /*** HEADER ***/
    .site-branding.main-logo{
        float: none;
        width: calc(100% - 60px);
    }
    .logo-left .site-branding.main-logo img{
        height: auto !important;
    }
    .menu-toggle{
        background: url(../images/menu.png) no-repeat center #fff;   cursor: pointer;
        background-size:contain;
        display: block;
        float: none;
        height: 32px;
        margin: 0;
        position: absolute;
        right: 0;
        text-indent: -9999px;
        top: 27px;
        width: 32px;
    }
    .header-wrap{
        position: relative;
    }
    #site-navigation .menu {
        background: #FFF;
        display: none;
        float: none;
        border-top:2px solid #2AA7DF;
    }
    #site-navigation .menu > ul > li:hover > a:before,
    #site-navigation .menu > ul > li.current_page_item > a:before,
    #site-navigation .menu > ul > li.current-menu-item > a:before,
    #site-navigation .menu > ul > li.current_page_ancestor > a:before,
    #site-navigation .menu > ul > li.current-menu-ancestor > a:before{
        height: 1px;
        top:-1px;
    }
    .header-wrap .main-navigation{
        float: none;
    }
    .header-wrap .search-icon{
        display: none;
    }
    .menu-toggle{
        right: 5px;
    }

    /*** FEATURED POST ***/
    .featured-section .featured-post{
        width: 32%;
        margin-bottom: 15px;
    }
    .featured-section .featured-post img{
        width: 100%;
    }
    .clients-say-section .bx-wrapper .bx-controls-direction a{
        display: none;
    }
    .events-section .event-list{width:100%;}
    .event-thumbnail {width:66% !important;}
    .event-detail {width:33% !important;}
    /*** SIDEBAR ****/
    #primary,
    .sidebar ,
    .both-sidebar #primary-wrap #primary,
    .both-sidebar #primary-wrap .left-sidebar.sidebar,
    .both-sidebar .right-sidebar,
    .left-sidebar #primary,
    .left-sidebar.sidebar{
        float: none;
        width: 100%;
    }

    .pagegallery #primary, .category-2 #primary, .pagegallery .sidebar, .category-2 .sidebar  {width:100% !important; float: none;}

    .both-sidebar #primary-wrap {
        float: none;
        width: 100%;
    }
    #primary{
        margin-bottom: 15px;
    }
    .event-thumbnail {width:50% !important;}
    .event-detail {width:50% !important;}
     #target {font-size:2.2em;color:rgba(255,255,255,1);right:1%; }
}


/******************************************************************************************/

/* Landscape phone to portrait tablet */
@media screen and (max-width:768px){
    #slider-banner .bx-wrapper .bx-pager{
        display: none;
    }
    #target {font-size:1em;color:rgba(255,255,255,1);right:1%; }
    .btxt {display:none !important;}
    #canvas,#imgnext, #imgprev {display:none;}
    .slidermobile {display:block !important;margin-top:90px;}
    .page #slider-banner {margin-top:90px !important;}

    .ak-container{
        width: 100% ;
    }
    .slider-caption,
    .slider-wrap .bx-wrapper .bx-controls-direction a{
        display: none;
    }

    .caption-description {display: none !important;}
    .caption-title {font-size:1em !important}
    #top-header {background:#fff; height:90px;}

    /*** BUSINESS ACTIVITIES ***/
    .business-section .business-wrapper{
        display: inline-block;
        float: none;
        margin: 0 0 20px;
        width:100%;
    }
    .business-section .business-wrapper:last-child{
        margin-bottom: 0;
    }
    #site-navigation .menu > ul > li {
        display: block;
        float: none;
        border-bottom:1px solid #DDD;
    }

    #site-navigation .menu > ul > li > a {
        border:none;
        display: block;
        line-height: 42px;
        padding: 0;
    }
    #site-navigation .menu > ul > li:hover > a:before,
    #site-navigation .menu > ul > li.current_page_item > a:before,
    #site-navigation .menu > ul > li.current-menu-item > a:before,
    #site-navigation .menu > ul > li.current_page_ancestor > a:before,
    #site-navigation .menu > ul > li.current-menu-ancestor > a:before{
        display: none;
    }
    #site-navigation .menu ul ul{
        border:none;
        position: static;
        box-shadow:none;
    }
    .event-thumbnail {width:100% !important;}
    .event-detail {width:100% !important;}

    .showtxt {width:100%; display:block;}
    .bottoni img {float:left;position:relative; max-width:30%;margin:5px 0 !important;}
    .bottoni .showtxt a {position:relative;z-index:100;top:0px; left:0; width:auto;text-align:left;display:inline;}
    .bottoni .showtxt h2 {display:inline-block;}
    .bottoni .showtxt {padding:10px;}
    .bottoni .showtxt h2 {font-size:1.5em;text-align:center !important;padding:0 auto; margin:20px 0 0 0 !important;}
    .intro p {text-align:left;padding:0 0 0 40%;margin:0 !important;}
    .featured-section .main-title {font-size:2em !important }
    .featured-section .sub-desc {font-size:1.3em !important }
}

/******************************************************************************************/

@media screen and (max-width: 640px) {
    h1{ font-size:28px;}
    h2{ font-size:24px;}
    h3{ font-size:20px;}
    h4{ font-size:18px;}
    h5{ font-size:16px;}
    h6{ font-size:14px;}
    .event-thumbnail {width:100% !important;}
    .event-detail {width:100% !important;}


}

/******************************************************************************************/

/* Landscape phones and down */
@media screen and (max-width:520px){

    .form-contatti form {width:90%;margin:0 auto;}
    .form-contatti p {line-height:120%;font-size:0.9em;font-weight:100;}
    .form-contatti .formunterzo input {height:28px !important;width:80% !important;font-size:0.8em !important;}
    .form-contatti .label {float:left;}
    .form-contatti .formunterzo {width:50%;margin:0 auto;text-align:left;}
    #content .right-sidebar {margin-top:3em !important; display:block;
        clear:both;text-align:center;}
    .pprod:first-child .meta-sx{padding-top:50px;}
    .pprod:first-child .meta-dx{padding-top:0px;}
    .linkfoto img, .pdfcat img {width:40px !important}
    .linkfoto, .pdfcat {font-size:1em !important;}
    .contenuto {padding-top:0px;}
    .clearfix hr {display:none !important}
    .meta-sx, .meta-dx {width:100%;margin:0 !important}
    .meta-sx img, .meta-dx img {width:70%; height:auto !important}
    .page-template-page-prodotti-php .prod-container h1 {color:#2AA7DF;z-index:100;
        font-size:4em;position:absolute;left:0%; top:55% !important;
        text-align:center !important;width:100%;;font-family:'futura_t_otregular',sans-serif !important;}
    .page-template-page-prodotti-php .prod-container .prod1 h1 {top:58% !important;}
    .page-template-page-prodotti-php .prod-container .prod2 h1 {top:58% !important;}
    .page-template-page-prodotti-php .prod-container .prod4 h1 {top:22% !important;}
    .category-porte-invisibili .entry-exrecpt {width:100%; }
    .category-porte-invisibili .entry-thumbnail {width:100%; text-align:center;}
    .category-porte-invisibili .entry-thumbnail img {width:40%;box-shadow:1px 4px 8px #ddd; padding:3px;border:1px solid #ddd;margin-bottom:10px;}
    #linkcatalogo {padding:1em 0; width:100%; float:none; text-align:center;}

    .featured-section .featured-post-wrapper{
        margin-left: 0;
    }
    .featured-section .featured-post{
        width: 100%;
        float: none;
        margin-left: 0;
    }

    /*** FOOTER ***/
    #top-footer .footer {
        float: none;
        margin: 0 0 20px;
        width: 100%;
        min-height: 0;
    }
    #top-footer .footer .widget{
        background: none;
        padding: 0;
        margin:0;
    }
    #google-map .ak-contact-address{
        width: 100%;
    }
    input[type="text"],
    input[type="email"],
    input[type="url"],
    input[type="password"],
    input[type="search"],
    textarea,
    textarea#comment{
        width: 100%;
    }
    /*.entry-thumbnail,*/
    .entry-exrecpt {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }
    .cat-portfolio-list,
    .cat-testimonial-list{
        width: 100%;
        float: none;
    }
    .cat-portfolio-list img,
    .cat-testimonial-list img{
        width: 100%;
    }
    .event-thumbnail {width:100% !important;}
    .event-detail {width:100% !important;}
}

@media screen and (min-width:993px){
    #site-navigation .menu{
        display: block !important;
    }
}