@media screen and (max-width: 767px) {
    ul.nav img {
        display: none;
        z-index: -1;
    }

    .collapsing {
        position: absolute;
        height: 0;
        overflow: hidden;
        -webkit-transition-timing-function: ease;
        -o-transition-timing-function: ease;
        transition-timing-function: ease;
        -webkit-transition-duration: .35s;
        -o-transition-duration: .35s;
        transition-duration: .35s;
        -webkit-transition-property: height, visibility;
        -o-transition-property: height, visibility;
        transition-property: height, visibility;
    }

    .pos-0 {
        padding: 21px 15px;
    }
    .footer .text_divider {
        display: none;
    }
    .footer .main_text, .footer .address_text {
        display: block;
    }
    nav.navbar-fixed-top {
        top: 70px;
    }
    nav.navbar-fixed-top .container {
        height: 60px;
    }

    nav.navbar-fixed-top.sticky {
        top: 0px;
        height: 60px;
    }
    .first {
        height: 70px;
        margin-bottom: 85px;
    }
    .navbar-toggle {
        border-color: #CCC;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
    }
    .navbar-toggle .icon-bar {
        background-color: #333;
    }
    .navbar-header {
        text-align: center;
    }
    .navbar-brand {
        float: none;
        display: inline-block;
        margin: 15px auto;
    }
    .navbar-brand img {
        max-width: 380px;
        max-height: 50px;
    }

    nav ul.nav {
        float: right;
        border: 1px solid #000;
        background-color: #FFF;
        position: relative;
        z-index: 100;
        padding: 5px;
        position: absolute;
        top: 40px;
        margin-left: 0;
        overflow: auto;
        max-height: 410px;
        right: 30px;
        min-width: 260px;
    }
    ul.nav li {
        float: none;
        border-right: none;
    }
    ul.navbar-nav > li > a, ul.navbar-nav > li > span {
        padding: 0;
        margin: 4px;
        cursor: pointer;
    }
    .nav-child {
        padding: 0px;
        list-style: none;
    }
    ul.nav-child > li > a {
        padding: 15px;
    }

    ul.nav li.parent {
        background-image: url('../images/freccia.png');
        background-position: 99% 2px;
        background-repeat: no-repeat;
        width: 100%;
        padding-right: 0 !important;
        margin-right: 0 !important;
    }

    .content {
        padding: 0 30px 35px;
    }
    .footer .content {
        padding: 35px 45px;
    }
    .mod_giordano_content_head_title {
        padding-left: 15px;
    }
    .mod_giordano_content_head img {
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    /*#carousel-home .carousel-indicators {
     height: 30%;
     bottom: 0;
     margin: 0;
     padding: 0 45px;
     width: 100%;
     }
     #carousel-home .carousel-indicators img {
     display: none;
     }
     #carousel-home .carousel-indicators li {
     border: none;
     margin: 0;
     display: none;
     width: 100%;
     height: 100%;
     }
     #carousel-home .carousel-description {
     width: 100%;
     bottom: 0;
     top: auto;
     height: 100%;
     padding-right: 90px;
     }
     #carousel-home .carousel-indicators li.active {
     display: block;
     background-color: transparent;
     }
     */
    .col-xs-12 {
        margin-bottom: 20px;
    }
    .carousel-description h3 {
        margin: 0;
    }
    .right .custom {
        margin-top: 20px;
    }
    .mod-header {
        background-color: #8E081B;
        color: #FFF;
        font-weight: bolder;
        height: 56px;
        line-height: 56px;
        padding: 0 10px;
        font-size: 18px;
        font-size: 14px;
        text-transform: uppercase;
    }
    .mod-header a {
        color: #FFF;
    }
    .pagination {
        width: 100%;
        text-align: center;
    }
    .pagination ul {
        display: inline-block;
        padding: 0;
        list-style: none;
    }
    .pagination ul li {
        float: left;
        padding: 5px 10px;
        background-color: #8E081B;
        margin: 5px;
        color: #AAA;
    }

    .pagination .counter {
        float: none !important;
    }
    .pagination ul li a {
        color: #FFF;
        display: block !important;
    }
    .blog .col-md-4, .blog .col-md-4 img {
        width: 100%;
        height: auto !important;
    }
    .giordano_wall {
        margin-top: 20px;
    }
}
@media screen and (max-width: 480px) {
    .pos-0 {
        padding: 21px 15px;
    }
    .first img {
        margin-right: 5px;
    }
    #mod-search-searchword {
        width: 90px;
    }
    .mod-languages {
        margin-right: 5px;
        padding-right: 5px;
    }
    /*#carousel-home .carousel-indicators {
     height: 40%;
     bottom: 0;
     margin: 0;
     padding: 0 45px;
     width: 100%;
     }
     #carousel-home .carousel-description {
     width: 100%;
     bottom: 0;
     top: auto;
     height: 100%;
     padding-right: 90px;
     }*/

    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        max-height: 320px !important;
    }
    .content {
        padding: 0 0 35px;
    }
    .footer {
        height: 200px;
    }
    .footer .content {
        padding: 15px 15px;
    }
    .avVideo .avPlayerContainer .avPlayerBlock iframe, .avVideo .avPlayerContainer .avPlayerBlock object, .avVideo .avPlayerContainer .avPlayerBlock embed, .avVideo .avPlayerContainer .avPlayerBlock > div {
        min-width: 300px !important;
    }
    div.footer {
        height: 300px;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .pos-0 {
        padding: 21px 15px;
    }
    .navbar-toggle {
        border-color: #CCC;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
    }
    .navbar-toggle .icon-bar {
        background-color: #333;
    }
    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        max-height: 340px;
    }
    .navbar-collapse.in {
        overflow-y: auto;
    }
    nav.navbar-fixed-top {
        top: 70px;
        height: 120px;
    }
    nav.navbar-fixed-top.sticky {
        top: 0px;
        height: 60px;
    }
    .first {
        height: 70px;
        margin-bottom: 120px;
    }
    body > .main {
        -webkit-box-shadow: 0px 0px 70px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 70px 0px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 70px 0px rgba(0,0,0,0.75);
        width: 750px;
        margin: 0 auto;
    }
    .navbar .container {
        position: relative;
    }
    nav.navbar-fixed-top {
        width: 750px;
    }
    .navbar > .container .navbar-brand {
        margin: 15px 0 0 0;
    }
    .navbar.sticky > .container .navbar-brand {
        margin: 10px 0 0 0;
    }
    .navbar.sticky img {
        height: 40px;
    }
    .navbar-collapse {
        padding-right: 15px;
        padding-left: 15px;
        overflow-x: visible;
        -webkit-overflow-scrolling: touch;
        border-top: 1px solid transparent;
        -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    }
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    nav ul.nav {
        float: right;
        border: 1px solid #000;
        background-color: #FFF;
        position: relative;
        top: 50px;
        padding: 5px;
        min-width: 260px;
    }
    ul.nav li {
        float: none;
        border-right: none;
    }
    ul.navbar-nav > li > a, ul.navbar-nav > li > span {
        padding: 0;
        margin: 5px;
        cursor: pointer;
    }
    .nav-child {
        padding: 0px;
        list-style: none;
    }
    ul.nav-child > li > a {
        padding: 0 15px;
        display: block;
    }

    ul.nav-child > li > a:hover {
        /*background-color: #999999;/*rgba(0,0,0,0.5);*/
        width: 100%;
        padding-right: 0 !important;
        margin-right: 0 !important;
    }
    ul.nav img {
        display: none;
        z-index: -1;
    }

    ul.nav li.parent {
        background-image: url('../images/freccia.png');
        background-position: 99% 2px;
        background-repeat: no-repeat;
        width: 100%;
        padding-right: 0 !important;
        margin-right: 0 !important;
    }
    .content {
        padding: 0 50px 35px;
    }
    .footer .content {
        padding: 35px 75px;
    }
    .mod_giordano_content_head_title {
        left: 75px;
    }

    .right .custom {
        margin-bottom: 20px;
    }
    .mod-header {
        background-color: #8E081B;
        color: #FFF;
        font-weight: bolder;
        height: 56px;
        line-height: 56px;
        padding: 0 10px;
        font-size: 18px;
        font-size: 14px;
        text-transform: uppercase;
    }
    .mod-header a {
        color: #FFF;
    }
    .pagination {
        width: 100%;
        text-align: center;
    }
    .pagination ul {
        display: inline-block;
        padding: 0;
        list-style: none;
    }
    .pagination ul li {
        float: left;
        padding: 4px 8px;
        background-color: #8E081B;
        margin: 4px;
        font-size: 12px;
        color: #AAA;
    }

    .pagination .counter {
        float: none !important;
    }
    .pagination ul li a {
        color: #FFF;
        display: block !important;
    }

    img.cv {
        padding-left: 0;
        padding-right: 15px;
    }
    .mod_giordano_content_head_title {
        /*padding: 15px;*/
        left:0;
        width: 100%;
        height: 85px !important;
    }
    .mod_giordano_content_head_title .contenitore {
        padding: 10px 15px;
    }
    .mod_giordano_content_head img {
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}
@media screen and (min-width: 992px) {
    .navbar-fixed-top .collapse {
        display: block;
    }
    .exception {
        width: 130px !important;
    }
    .pos-0 {
        padding: 21px 15px;
    }
    nav .nav {
        margin-right: -15px;
    }
    nav.navbar-fixed-top {
        top: 70px;
        height: 120px;
    }
    nav.navbar-fixed-top.sticky {
        top: 0px;
        height: 60px;
    }
    nav a.navbar-brand img {
        margin-top: 7px;
        width: auto;
        height: auto !important;
        height: 50px; /*IE*/
        max-height: 50px;
        margin-left: 10px;
        margin-top: 30px;
        transition: all 0.4s ease;
    }
    nav.sticky a.navbar-brand img {
        height: 60px;
        margin-top: 0;
        transition: all 0.4s ease;
        height: auto !important;
        height: 50px; /*IE*/
        max-height: 50px;
    }
    .first {
        height: 70px;
        margin-bottom: 120px;
    }

    body > .main {
        -webkit-box-shadow: 0px 0px 70px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 70px 0px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 70px 0px rgba(0,0,0,0.75);
        width: 970px;
        margin: 0 auto;
    }
    nav.navbar-fixed-top {
        width: 970px;
    }
    .divider {
        background: transparent url(../images/divider-970.png) top left repeat-y;
    }

    .nav {
        border-collapse: collapse;
        background-color: #231F20;
    }
    nav .nav > li {
    }
    nav .nav > li > a, nav .nav > li > span {
        /*border-right: 1px solid #231F20;*/
        background-color: #FFF;
        margin-left: 1px;
        width: 115px;
        text-align: center;
        cursor: pointer;
    }
    nav .nav > li > a.gij, nav .nav > li > span.gij {
        width: 145px;
        text-wrap: none;
        overflow: hidden;
    }
    nav .nav > li > a.sociale {
        width: 125px;
        text-wrap: none;
        overflow: hidden;
    }
    ul.nav-child > li:hover {
        background-color: rgba(0,0,0,0.2);
    }
    .nav > li:first-child > a {
        margin-left: 0;
    }
    .nav > li:last-child {
        border-right: none;
    }
    .nav > li > a, .nav > li > span {
        padding: 10px 5px 0;
        line-height: 110px;
        font-size: 13px;
        display: block;
    }
    .sticky .nav > li > a, .sticky .nav > li > span {
        line-height: 53px;
        padding-top: 7px;
    }
    .pos-0 .nav {
        height: 28px;
        background-color: transparent;
    }
    .pos-0 .nav > li {
        float: left;
        padding: 0 5px;
        border-right: 2px solid #FFF;
        line-height: 28px;
    }
    .pos-0 .nav > li:last-child {
        border-right-width: 0px
    }
    .pos-0 .nav > li:hover a {
        background-color: transparent;
    }
    .pos-0 .nav > li:hover ul.nav-child {
        z-index: 10000;
    }
    .pos-0 .nav > li > .separator, .pos-0 .nav > li > a {
        color: #FFF;
        line-height: 28px;
        padding: 0;
        font-size: 14px;
    }
    ul.nav img {
        display: none;
        z-index: -1;
    }
    ul.nav li > ul.nav-child {
        background-color: #FFF;
        list-style: none;
        padding: 0;
        text-align: center;
        display: none;
        text-transform: uppercase;
        font-size: 10px;
        position: absolute;
        min-width: 100%;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        white-space: pre;
        border-width: 0 1px 1px;
        border-width: 1px;
        border-color: #000;
        border-style: solid;
        /*max-width: 100%;*/
        width: 122px;
        /*margin-left: -1px;*/
        white-space: normal;
        /*border-bottom: 1px solid #000;*/
    }
    ul.nav li.parent {
        background-image: url('../images/freccia.png');
        background-position: calc(100% - 5px) 5px;
        background-repeat: no-repeat;
        position:relative;
    }
    ul.nav li > ul.nav-child li > ul.nav-child {
        display: none;
        position: absolute;
        top: -1px;
        left: 120px;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        transform: translateX(0%);
        width: 165px;
    }
    ul.nav li > ul.nav-child li:hover > ul.nav-child {
        display: block;
    }
    ul.nav li > ul.nav-child li > ul.nav-child li > ul.nav-child {
        position: absolute;
        top: -1px;
        left: 100%;
        display: none;
    }
    ul.nav li > ul.nav-child li > ul.nav-child li:hover > ul.nav-child {
        display: block;
    }

    .pos-0 ul.nav li > ul.nav-child {
        max-width: initial;
        line-height: 15px;
    }

    .content {
        padding: 0 75px 35px;
    }
    .footer .content {
        padding: 35px 90px;
    }


    .blog .col-md-4 {
        overflow: hidden;
    }
    .blog .col-md-4 img {
    }
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-top: 5px;
    }
    .left {
        line-height: 18px;
    }
    .blog {
        /*margin-left: 15px;*/
    }
    .left .col-md-12 {
        /*margin-bottom: 20px;*/
    }
    .right .custom {
        margin-bottom: 20px;
    }
    .mod-header {
        background-color: #8E081B;
        color: #FFF;
        font-weight: bolder;
        height: 56px;
        line-height: 56px;
        padding: 0 10px;
        font-size: 18px;
        font-size: 14px;
        text-transform: uppercase;
    }
    .mod-header a {
        color: #FFF;
    }
    .pagination {
        width: 100%;
        text-align: center;
    }
    .pagination ul {
        display: inline-block;
        padding: 0;
        list-style: none;
    }
    .pagination ul li {
        float: left;
        padding: 5px 10px;
        background-color: #8E081B;
        margin: 5px;
        color: #AAA;
    }

    .pagination .counter {
        float: none !important;
    }
    .pagination ul li a {
        color: #FFF;
        display: block !important;
    }

}
@media screen and (min-width: 1200px) {
    body > .main {
        width: 1170px;
    }
    nav.navbar-fixed-top {
        width: 1170px;
    }
    .divider {
        background: transparent url(../images/divider-1170.png) top left repeat-y;
    }

    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: 75px;
    }
    nav a.navbar-brand img {
        margin-left: 0;
    }
    nav a.navbar-brand img {
        margin-top: 7px;
        width: auto;
        height: auto !important;
        height: 70px; /*IE*/
        max-height: 70px;
        margin-left: 10px;
        margin-top: 19px;
        transition: all 0.4s ease;
    }
}