﻿@media (max-width: 767px) {
    .logo.image-2x{
        width: 80px;
    }

    .image-2x {
        display: none;
    }

    .image-normal {
        display: inline-block;
    }
    .custom-container .img-contatti.hidden-sm-xs{
        display: none;
    }
    .lazy-show{
        display: unset;
    }
    h2{
        line-height: 1.2;
    }
    .aphorism{
        font-size: 14px;
    }

    .footer .heel a{
        display: inline-block;
    }

    #scrollTopBtn{
        bottom: 25px;
        right: 15px;
        padding: 0px 8px;
    }
    #scrollTopBtn .fa-angle-double-up {
        font-size: 14px;
    }

    .owl-carousel .owl-item .owl-lazy{
        width: 60%;
    }
    div.bx-wrapper .bx-pager.bx-default-pager a, 
    div.owl-theme .owl-dots .owl-dot span{
        height: 10px;
        width: 10px;
        margin-right: 7px;
    }

    .chi-sono .green-link{
        margin-bottom: 20px;
    }
    .slider-title-container h1{
        margin-top: unset;
    }

    .bx-pager.bx-default-pager{
        display: none;
    }
    .slider-title-container{
        margin-top: 10px;
        max-width: 260px;
        padding: 15px 5px 20px;
        margin-left: 50%;
        transform: translate(-50%);
    }

    /*OverSlide Title resize*/
    div.slider-title-container h1 {
        font-size: 26px;
        padding-top: unset;
        padding-bottom: 16px;
    }

    div.slider-title-container a {
        font-size: 14px;
        padding-top: 7px;
        padding-bottom: 7px;
    }

    [class*="footer-row-"]:last-child{
        padding-right: 15px;
    }
    
    div.bx-viewport,
    ul.bxslider li img,
    ul.bxslider li {
        height: 180px;
        width: 100%;
    }

    div.video .iframe-container{
        width: 100%;
        height: auto;
    }

    div.index-video-container .iframe-container {
        width: 100%;
        min-height: 300px;
    }
    a.green-link.arrow-right {
        font-size: 15px;
    }

    div.custom-container .text-center-xs,
    .text-center-xs {
        text-align: center;
    }
    .text-left-xs {
        text-align: left;
    }

    a:hover > span.underline,
    a:focus > span.underline {
        padding-bottom: 2px;
        border-bottom: unset;
    }

    .custom-container.carousel-container {
        padding: 15px 15px 20px 15px;
    }

    .index-video {
        padding-left: 0px;
        padding-right: 0px;
    }

    .friendly-sites-home {
        padding: 0px 15px;
    }

    div.index-friendly-sites {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .container-green-back.index-friendly-sites h2 {
        padding-left: 15px;
    }

    .container-green-back.index-friendly-sites .index-site:not(:last-child) {
        padding-bottom: 15px;
    }
    /*friendly site delete if not edge to edge*/
    .site {
        margin-top: 30px;
        padding-right: unset;
    }

    .block {
        padding: 0 15px;
    }
    /*~~~~*/
    .img-contatti img {
        width: 100%;
    }

    div.btn-container {
        padding-bottom: unset;
    }

    div.friendly-sites-container .img-container {
        padding-bottom: 15px;
    }

    .friendly-sites-container .site .btn-border-orange {
        margin-top: 15px;
        margin-bottom: unset;
    }

    .chi-sono p {
        margin-bottom: 20px;
    }

    .chi-sono .merge-to-absolute p:last-child {
        margin-bottom: 0px;
    }

    div.chi-sono .chi-sono-info {
        margin-bottom: 10px;
    }

    div.custom-container p,
    div.custom-container h2 {
        text-align: left;
    }

    .custom-container.chi-sono {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .copy-col-height {
        padding-top: 20px;
    }

    div.custom-container.thems-container {
        padding-bottom: 20px;
    }

    .dropdown-menu > li > a {
        white-space: unset;
    }

    div.custom-container h2 {
        font-size: 25px;
    }

    div.thems-container .them {
        margin-top: 20px;
        padding: 20px 20px;
    }

    div.custom-container .them h2 {
        font-size: 22px;
        text-align: center;
    }

    div.custom-container .them p {
        text-align: center;
        margin-bottom: 60px;
    }

    .read-more-absolute {
        bottom: 20px;
    }

    div.custom-container {
        padding-left: unset;
        padding-right: unset;
    }

    iframe[id*=player] {
        width: 100%;
        height: 280px;
    }

    ul[class*="ul-"],
    ol[class*="ol-"] {
        text-align: left;
        padding-left: 30px;
    }

        ul[class*="ul-"] li {
            margin-top: 10px;
        }

    .ul-black {
        margin-left: unset;
        margin-top: unset;
    }

    div.content-container p {
        margin-top: 15px;
        margin-bottom: 0px;
    }

    div.book-container,
    div.video-container {
        margin-bottom: unset;
    }

    .custom-container.video {
        padding-bottom: unset;
    }

    .title-video {
        margin-bottom: 20px;
    }

    .custom-container.video:before {
        margin-bottom: 30px;
    }
    div.custom-container.return{
        padding-bottom: unset;
    }
    div.custom-container {
        padding-top: 15px;
        padding-bottom: 20px;
    }

    .margin-top-bot {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    /*Burger mobile*/
    .navbar-toggle {
        display: block;
        position: absolute;
        right: 2px;
        margin-top: 14px;
    }

    .nav li.white-navbar-li a {
        font-size: 14px;
        text-align: right;
        padding: 10px 15px 10px 0px;
    }

    .white-nav .navbar-nav {
        margin-top: 50px;
        margin-bottom: 10px;
    }

    /*hr*/
    li.white-navbar-li hr {
        border-top: 1px solid #F39617;
        margin-right: 15px;
        margin-top: 10px;
        margin-bottom: 15px;
    }

    div.owl-theme div.owl-nav.disabled + .owl-dots {
        margin-top: 30px;
    }

    /*general Pagese resize*/

    .body-content .title .title-container {
        padding-top: 50px;
        padding-bottom: 50px;
    }

        .body-content .title .title-container h1 {
            font-size: 31px;
        }

        .body-content .title .title-container p {
            font-size: 18px;
        }

    div.custom-container p {
        font-size: 16px;
    }

    .btn-orange {
        font-size: 16px;
        padding: 10px;
    }


    /*HOME*/
    div.chi-sono h2 {
        font-size: 25px;
        margin-top: unset;
    }
    /*Video-and-book-therapy*/
    div.book-container h4, div.video-container h4 {
        margin-bottom: 40px;
    }

    div.video-container .info-container a {
        font-size: 18px;
    }

    /*Friendly-sites*/
    .friendly-sites-container .site .btn-border-orange {
        font-size: 16px;
    }

    /*Contatti*/
    div.contatti-container a:link,
    div.contatti-container a:visited,
    div.contatti-container a:hover,
    div.contatti-container a:active {
        font-size: 16px;
    }

    div.contatti-container form .checkbox-container {
        padding-left: unset;
        padding-right: unset;
    }

    /*FOOTER*/
    footer > .footer-container {
        padding: 20px 15px 10px 15px;
    }

    /*Margin footer row ~~~ (Not last one) */
    [class*="footer-row-"]:not(:last-child) {
        margin-bottom: 40px;
    }

    [class*="footer-row-"]:last-child {
        float: unset;
    }

    span.underline + p {
        padding-top: 20px;
    }
}

@media (max-width: 1199px) {
    #contactForm{
        width: 100%;
    }
    .radio-container{
        padding-left: unset;
    }
    
    .full-size-img-responsive{
        width: 100%;
    }

    [class*="footer-row-"] h5 {
        font-size: 18px;
    }

    [class*="footer-row-"] h6 {
        font-size: 16px;
    }

    [class*="footer-row-"] p {
        font-size: 14px;
    }


    .navbar-top {
        display: none;
    }

    div.white-nav {
        position: sticky;
        top: 0px;
    }

    /*BOOTSTRAP NavBar BREAKPOINT*/
    .navbar-header {
        float: none;
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        margin-top: 7.5px;
    }

        .navbar-nav > li {
            float: none;
        }

    .collapse.in {
        display: block !important;
    }

    .white-nav .navbar-collapse {
        padding-right: 15px;
        padding-left: 4%;
        margin-right: 10px;
    }
    /*~~~~*/

    div.bx-wrapper {
        margin-bottom: 0px;
    }

    .slider-title-container {
        top: 0px;
        text-align: center;
        width: 100%;
    }

    /*Title*/
    div.title .title-container {
        text-align: center;
    }

    /*FORMAZIONE-PER-AZIENDE-CHE-CREDONO-NELLE-PERSONE*/
    div.thems-container .them {
        width: 100%;
        height: initial;
    }

    div.owl-carousel.owl-loaded {
        margin-top: 50px;
    }

    .owl-theme div.owl-nav.disabled + .owl-dots {
        margin-top: 40px;
    }

    .index-video-container div h2 {
        padding-bottom: 15px;
    }

    .index-video-container div p {
        padding-bottom: 35px;
    }

    .chi-sono .green-link {
        padding-bottom: 0px;
    }

    .index-text-video {
        padding-bottom: 20px;
        margin-top: 20px;
    }

    /*FRIENDLY SITES*/
    div.friendly-sites-container .site {
        padding-left: unset;
    }
}

/*Tablet responsive*/
@media (min-width: 768px ) and (max-width: 1199px) {
    
    div.contatti-container form .form-field:first-child{
        margin-top: unset;
    }
    .friendly-sites-container .site .btn-border-orange{
        font-size: 16px;
    }
    .site.first-line{
         margin-top: 15px;
    }
    .custom-container.return{
        padding-top: 15px;
        padding-bottom: unset;
    }

    .custom-container.tema {
        padding-top: 20px;
    }

    .friendly-sites-home .img-container img{
        width: 60%;
    }

    .index-friendly-text h2{
        margin-bottom: 30px;
    }

    div.custom-container  p{
        font-size: 16px;
    }
    .slider-title-container h1{
        margin-top: unset;
        font-size: 28px;
    }

    .bx-pager.bx-default-pager{
        display: none;
    }
    .slider-title-container{
        margin-top: 10px;
        max-width: 450px;
        padding: 15px 28px 20px;
        margin-left: 40px;
    }

    /*OverSlide Title resize*/
    div.slider-title-container h1 {
        font-size: 26px;
        padding-top: unset;
        padding-bottom: 16px;
    }

    div.slider-title-container p {
        font-size: 15px;
    }
    div.slider-title-container a {
        font-size: 14px;
        padding-top: 7px;
        padding-bottom: 7px;
    }

    div.bx-viewport,
    ul.bxslider li img,
    ul.bxslider li {
        height: 240px;
        width: 100%;
    }

    text-align-left-sm {
        text-align: left;
    }

    .padding-right-unset-sm {
        padding-right: unset;
    }

    div.custom-container {
        padding-left: 2%;
        padding-right: 2%;
    }

    div.content-container p {
        margin-top: 20px;
        margin-bottom: unset;
    }

    .text-center-md {
        text-align: center;
        padding-left: unset;
        padding-right: unset;
    }

    .index-site div.img-container:not(last-child) {
        margin-bottom: 20px;
    }

    .index-video {
        padding-left: unset;
    }

    .text-left-md {
        text-align: left;
    }

    .aphorism-container p {
        text-align: center;
    }

    .ul-white,
    .ul-black {
        text-align: left;
    }

    /*HOME*/

    .chi-sono p {
        margin-bottom: 30px;
    }

    div.chi-sono h2 {
        margin-bottom: 15px;
        margin-top: unset;
    }

    div.chi-sono,
    div.carousel-container,
    div.index-video-container {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .body-content .title .title-container {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .white-nav > .navbar-collapse .logo {
        /*      top  right bottom left  */
        height: 90px;
    }

    .white-nav span.icon-bar {
        padding-bottom: 4px;
    }

    /*Button burger Tablet*/
    .navbar-toggle {
        display: block;
        position: absolute;
        right: 30px;
        padding-top: 32px;
    }

    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }

    .white-nav span.icon-bar {
        padding-bottom: 4px;
    }

    .navbar-toggle .icon-bar {
        width: 28px;
        height: 3px;
        border-radius: 5px;
    }

    .nav li.white-navbar-li a {
        font-size: 16px;
        text-align: right;
        padding: 20px;
    }

    .white-nav .navbar-nav {
        margin-top: 80px;
        margin-bottom: 10px;
    }

    /*hr*/
    li.white-navbar-li hr {
        border-top: 1px solid #F39617;
        margin-right: 15px;
    }

    /*FOOTER*/
    .footer-row-1 {
        width: 35%;
    }

    div.footer-row-2 {
        width: 40%;
    }
}

/*FRIENDLY SITES*/
@media (max-width: 991px) {
    .btn-border-orange {
        margin-bottom: 40px;
    }
}

@media (min-width: 1200px) {
    div.contatti-container form .form-field:first-child{
        margin-top: unset;
    }
    .text-left-lg{
        text-align: left;
    }

    .text-center-md {
        text-align: center;
    }

    .first-line {
        margin-top: 40px;
    }

    .first-lg {
        padding-left: unset;
    }

    .last-lg {
        padding-right: unset;
    }

    .paragraph-content.left-padding {
        padding-left: 40px;
    }

    .padding-left-unset {
        padding-left: unset;
    }

    .padding-unset-xs {
        padding: unset;
    }
}

/*White-Nav-bar responsive*/
@media (min-width: 1500px ) and (max-width: 1700px) {

    .nav > li.white-navbar-li > a {
        font-size: 16px;
        padding: 56px 10px;
    }
}

@media (min-width: 1200px ) and (max-width: 1499px) {
    .nav > li.white-navbar-li > a {
        font-size: 13px;
        padding: 56px 8px;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .custom-container .img-contatti.hidden-sm-xs{
        display: none;
    }
    .lazy-show{
        display: unset;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    div.bx-viewport,
    ul.bxslider li img,
    ul.bxslider li{
        height: 350px;
    }
    .slider-title-container{
        margin-top: 50px;
        padding: 25px 28px 35px;
    }
    .friendly-sites-home .img-container img{
        width: 100%;
    }
    div.video .iframe-container{
        height: 496px;
    }
}

@media(-webkit-min-device-pixel-ratio: 2) and  (max-width: 767px),
    (min-resolution: 192dpi) and  (max-width: 767px) {
    .image-2x {
        display: inline-block;
    }

    .image-normal {
        display: none;
    }
}
