/* Responsive */

@media (min-width: 1920px) {
    .paraf-9 h2,
    .paraf-10 h2,
    .paraf-11 h2 {
        font-size: 38px;
    }

    .paraf-9 p,
    .paraf-10 p,
    .paraf-11 p {
        font-size: 28px;
    }

    .text-prix span {
        font-size: 54px;
    }

    .paraf-7 b,
    .paraf-7 p {
        font-size: 48px;
    }

    .title-5,
    .title-5 b {
        font-size: 38px;
    }

    .title-p {
        font-size: 37px;
    }

    .text-prix {
        font-size: 34px;
    }

    .title-4 p {
        font-size: 30px;
    }

    .paraf,
    .paraf-3 p,
    .paraf-3 strong,
    .paraf-6 blockquote,
    .small-heading {
        font-size: 28px;
    }

    .navbar-nav li a {
        font-size: 24px;
    }

    .btn-card-service {
        font-size: 28px;
        padding: 20px 10px;
    }

    .cercle-turquoise-d {
        width: 480px;
        height: 480px;
        top: 4%;
    }

    .cercle-turquoise-g {
        width: 771px;
        height: 771px;
        top: 5%;
    }

    .photo {
        position: absolute;
        transform: translate(-11%, -14.5%);
    }

    .photo-2 {
        position: absolute;
        transform: translateY(-18%);
        z-index: 2;
    }

    .features:hover {
        transform: scale(1.4);
    }

    .card-service {
        min-height: 950px;
    }

    .photo-3 {
        transform: translate(-50%, 37%);
    }

    .pb-200 {
        padding-bottom: 200px;
    }
}

@media (max-width: 992px) {
    .navbar-top {
        display: none !important;
    }

    .navbar-header {
        display: block;
    }

    .logo-navbar {
        display: none;
    }

    .navbar-ul {
        margin-top: 5%;
    }
}

@media (max-width: 1550px) {
    #map {
        width: 635px;
    }

    .title-wiz-detail .contenu p.title {
        font-size: 20px;
    }

    #equipe .card {
        min-height: auto;
    }

    .photo-4 {
        position: absolute;
        right: 0;
        transform: translate(0%, -30%);
    }

    .navbar-nav li a,
    .bouton-mon-compte {
        font-size: 18px;
    }

    .title-p,
    .card-service h4,
    .title-4 p,
    .title-5,
    .paraf-9 h2,
    .paraf-11 h2,
    .paraf-10 h2,
    #faq h3,
    .blog-post h3 a,
    .blog-post h3 {
        font-size: 25px;
    }

    .cercle-turquoise-g {
        width: 371px;
        height: 371px;
        top: 7%;
    }

    .cercle-turquoise-d {
        width: 380px;
        height: 380px;
        top: 4%;
    }

    .pt-200 {
        padding-top: 150px;
    }

    .paraf-5 p,
    .paraf-7,
    .paraf-8,
    .paraf-9 p,
    .paraf-10 p,
    #equipe p,
    .card-contact .paraf {
        font-size: 25px;
        line-height: 25px;
    }

    .btn-card-service,
    .panel-body p {
        padding: 20px;
    }

    .card-service {
        height: 580px;
    }

    .card-service img {
        max-height: 130px;
    }

    .expert-comptable {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }

    .p-10 {
        padding: 0;
    }

    .btn-contact a {
        font-size: 17px;
        width: 222px;
    }

    .photo-4 {
        position: relative;
        right: 0;
        transform: none;
        width: 300px;
    }

    #equipe .card p,
    #equipe .card h4 {
        font-size: 26px;
        margin: 0;
    }

    .well {
        max-width: 100%;
    }

    .navbar-ul ul {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .navbar-top {
        align-items: center;
        display: flex;
    }

    .wiz-carousel .box_icon > .icon > .info h4 {
        font-size: 16px;
    }

    .button-filtres p.rst {
        font-size: 14px;
    }
}
@media (min-width: 1200px) and (max-width: 1350px){
    .review .review-caption{
        height: 750px !important;
        min-height: min-content;
    }
}
@media (min-width: 768px) and (max-width: 1200px){
    .expert-comptable.p-a {
        position: relative;
    }
    .photo-2{
        transform: none;
        max-width: 400px;
    }
}


@media (min-width: 1200px) and  (max-width: 1400px) {
    .photo-2{
        max-width: 500px;
    }
}
@media (min-width: 991px) and (max-width: 1250px) {
    .navbar-custom .navbar-nav > li > a {
        padding: 8px;
        margin: 1px;
    }

    .navbar-collapse.collapse {
        display: flex !important;
    }

    .navbar-nav li a,
    .bouton-mon-compte {
        font-size: 17px;
    }

    #map {
        width: 100%;
    }

    .photo {
        max-width: 400px;
        position: relative;
        transform: none;
    }

    .photo-3 {
        max-width: 200px;
        transform: translate(0%, 26%);
    }

    .seo_h1 {
        bottom: 20px;
    }
}

@media (max-width: 991px) {
    .video iframe {
        width: auto;
        height: auto;
        margin-bottom: 15px;
    }

    .flex-coor {
        display: flex;
        justify-content: flex-end;
    }

    .title-map h4 {
        font-size: 20px;
    }

    .well {
        max-width: 100%;
    }

    .photo-4 {
        position: relative;
        right: 0;
        transform: none;
    }

    .card-formule .title {
        flex-wrap: wrap;
        justify-content: center;
    }

    .card-formule {
        margin-bottom: 20px;
    }

    #map {
        width: 100%;
    }

    .row-responsive {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
    }

    .list-site {
        padding: 0;
    }
}

@media (max-width: 767px) {
    .wrapper {
        margin-top: 100px;
    }

    .footer .list-unstyled li.adresse:before,
    .title-wiz-detail .list-unstyled li.adresse:before,
    .footer .list-unstyled li.email:before,
    .title-wiz-detail .list-unstyled li.email:before,
    .footer .list-unstyled li.tel:before,
    .title-wiz-detail .list-unstyled li.tel:before {
        left: -20px;
    }

    .footer li,
    .title-wiz-detail li {
        padding-left: 30px;
    }

    .flexi {
        justify-content: center;
        flex-wrap: wrap;
    }

    .navbar-ul ul {
        justify-content: center;
    }

    #equipe h2 {
        margin: 15px 0;
        font-size: 25px;
        text-align: center;
    }

    #equipe p {
        margin: 0;
        text-align: center;
    }

    .filtre .flex-mobile {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .photo-4 {
        position: relative;
        right: 0;
        transform: none;
        max-width: 400px;
        left: 0;
        margin: auto;
    }

    .bouton-filtre button {
        font-size: 11px;
    }

    .footer p {
        padding-left: 0;
    }
}

@media (max-width: 768px) {
    .paraf-7 {
        padding-top: 30px;
    }

    .btn-contact {
        justify-content: center;
    }

    .p-a {
        position: relative;
    }

    .photo-2 {
        max-width: 200px;
        transform: translate(0);
    }

    .review .review-caption {
        height: max-content;
    }

    /* .btn-contact {
        justify-content: center;
    } */
    .table-striped > tbody > tr td:first-child {
        padding-left: 10px;
    }

    .prix-formule .prix,
    .card-formule .bubble .prix,
    .auto-entrepreneur .table .card-formule .bubble .prix,
    .table-title {
        font-size: 24px;
    }

    .auto-entrepreneur .table .card-formule .bubble .prix.ft-20 {
        font-size: 14px;
    }

    .table > tbody > tr > td,
    .table > tbody > tr > th,
    .table > tfoot > tr > td,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > thead > tr > th {
        padding: 10px;
    }

    .auto-entrepreneur,
    .auto-entrepreneur .table .table-striped {
        margin: 10px;
    }

    .auto-entrepreneur .table .card-formule h4 {
        font-size: 20px;
        line-height: 25px;
    }

    .table-striped > tbody > tr td {
        font-size: 12px;
    }

    td i {
        width: 20px;
        height: 20px;
    }

    .title {
        font-size: 24px;
        margin-top: 35px;
    }

    .navbar-nav li a,
    .bouton-mon-compte,
    .card-service h4,
    .text-prix span,
    .title-4 p,
    .title-5,
    .title-5 b {
        font-size: 24px;
    }

    .text-prix {
        font-size: 21px;
    }

    .title-p,
    .text-p-service {
        font-size: 20px;
    }

    .paraf-3 p,
    .paraf-3 strong,
    .paraf-6 blockquote,
    .small-heading {
        font-size: 18px;
    }

    .btn-card-service {
        font-size: 14px;
        padding: 10px 5px;
    }

    .img-slide {
        max-width: 500px;
    }

    .photo {
        margin-top: 20px;
        position: relative;
        transform: none;
        max-width: 300px;
    }

    .features:hover {
        transform: scale(1.2);
    }

    .photo-3 {
        display: flex;
        justify-content: center;
        width: 180px;
        transform: translate(0);
        margin: 10px auto;
        right: 0;
        left: 0;
    }

    .cercle-turquoise-d {
        top: 3%;
        width: 60px;
        height: 60px;
        overflow: hidden;
    }

    .cercle-turquoise-g {
        top: 5%;
        width: 80px;
        height: 80px;
        overflow: hidden;
    }

    .paraf-9 p,
    .paraf-9 h2,
    .paraf-11 p {
        padding-left: 25px;
    }

    .paraf-11 h2 {
        text-align: center;
    }

    .text-right {
        text-align: center;
    }
}

@media (max-width: 480px) {
    .title-4 p,
    .title-5,
    .title-5 b {
        font-size: 18px;
    }

    .title-p,
    .text-p-service,
    .paraf-3 p,
    .paraf-3 strong,
    .paraf-5 p,
    .paraf-6 blockquote,
    .small-heading {
        font-size: 14px;
    }

    .card-service h4,
    .text-prix span {
        font-size: 18px;
    }

    .text-prix {
        font-size: 14px;
    }

    .btn-card-service {
        font-size: 14px;
        padding: 10px 5px;
    }
}

@media (max-width: 990px) {
    .img-fluid-carousel-services {
        width: 100%;
    }
}