@media (min-width: 1550px) {
    .container {
        width: 1400px !important;
    }

    .m-left .container-fluid {
        margin-right: calc(50vw - 700px) !important
    }

    .m-right .container-fluid {
        margin-left: calc(50vw - 700px) !important
    }
}

@media (max-width: 1550px) {
    .bc2_contact h4,
    .bottom-header .row h1,
    #secteur .boxdescsecteur h4 span {
        font-size: 30px !important;
    }

    #chiffres .num {
        font-size: 45px !important;
    }

    #statistique h2,
    #secteur h2,
    #organistor .box2organistor h2,
    #prestations .box2prestations h2,
    #prestations .box-pres h2 {
        font-size: 30px !important;
    }

    #secteur .boxdescsecteur h6,
    #organistor .box1organistor h2 {
        font-size: 29px !important;
    }

    #chiffres h2,
    #secteur .boxdescsecteur h6 {
        font-size: 25px !important;
    }

    #secteur .boxdescsecteur ul li {
        font-size: 20px !important;
    }

    .bottom-header .row p,
    #organistor .box2organistor p,
    #prestations .box2prestations p,
    #prestations .box-pres p {
        font-size: 19px !important;
    }

    #statistique small,
    #secteur small,
    #organistor .box2organistor small,
    #prestations .box2prestations small,
    #prestations .box-pres small {
        font-size: 18px !important;
    }
}

@media (max-width: 1440px) {
    #scrollTop {
        width: 60px;
        height: 60px;
    }
}

@media (min-width: 1200px) {
    .m-left .container-fluid {
        margin-right: calc(50vw - 585px) !important;
    }

    .m-right .container-fluid {
        margin-left: calc(50vw - 585px) !important
    }
}

@media (max-width: 1200px) {
    .container {
        width: 100% !important;
    }

    .m-left .container-fluid {
        margin-right: 0 !important
    }

    .m-right .container-fluid {
        margin-left: 0 !important
    }
}

@media (max-width: 1024px) {
    .modal-dialog {
        position: relative;
        flex: 100;
        margin: 10px 25px !important;
    }

    button.close {
        left: calc(50% - 15px);
        top: 25px;
    }

    .modal-dialog,
    .modal-content,
    .modal {
        background: #F4EEE7 !important;
    }

    .modal-content {
        padding-top: 60px;
        border-width: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    header .navbar {
        padding: 0 15px 0 0 !important;
        align-items: center;
    }
}

@media (min-width: 992px) {
    #temg {
        display: none;
    }
}

@media (max-width: 992px) {
    header .bottom-header {
        padding-top: 25px;
    }

    .Ar .logo {
        float: right;
    }

    .Ar header .navbar {
        flex-direction: row-reverse
    }

    .Ar header .navbar {
        padding: 0 0 0 15px !important;
    }

    .Ar .lang {
        margin-right: 0;
        margin-left: 16px;
    }

    .lang:after {
        left: calc(50% - 2px) !important;
        height: 4px !important;
        width: 4px !important;
    }

    #organistor .row,
    #prestations .row {
        display: flex;
        flex-direction: column-reverse !important;
    }

    .boxdescsecteur ul li:before {
        width: 5px;
        height: 5px;
        top: 11px;
    }

    .boxdescsecteur .flag {
        width: 30px;
    }

    .boxdescsecteur .box-img {
        margin: 0;
    }

    .list-desc {
        padding: 0
    }

    .modal-body {
        padding: 0 !important
    }

    .modal .boxdescsecteur > div {
        padding: 0;
        margin-bottom: 0;
    }

    .boxdescsecteur ul li {
        padding: 0 10px 0 0;
    }

    .modal .boxdescsecteur {
        padding: 25px
    }

    .modal .boxdescsecteur ul li,
    .modal .boxdescsecteur h6 {
        font-size: 16px;
    }

    .modal .boxdescsecteur h5 {
        margin: 0 0 25px;
        font-size: 22px;
    }

    .modal .boxdescsecteur h4 span:before {
        display: none
    }

    .modal .boxdescsecteur h4 span {
        font-size: 26px;
        padding: 0 !important;
    }

    .En #organistor .box2organistor p,
    #organistor .box2organistor p {
        padding: 0 !important;
    }

    footer .box1 {
        text-align: center;
        margin-bottom: 10px
    }

    footer .box2 {
        justify-content: center;
    }

    #chiffres h2 {
        margin: 0 0 25px !important;
    }

    #chiffres {
        margin-bottom: 25px;
    }

    #chiffres .container {
        padding: 25px !important;
    }

    #statistique p {
        width: 100%;
    }

    #temg {
        padding: 0;
    }

    #secteur {
        padding: 25px 0 0 !important;
        margin-bottom: 25px;
    }

    #organistor .box2organistor {
        padding: 25px 0 0 !important;
    }

    #organistor .box1organistor img {
        max-height: 460px;
        object-fit: cover
    }

    #prestations {
        margin-bottom: 25px !important;
    }

    #contact {
        padding: 0 0 25px !important;
    }

    #contact .btn-primary {
        visibility: visible !important;
    }

    .bc2_contact h4,
    .bottom-header .row h1,
    #secteur .boxdescsecteur h4 span {
        font-size: 30px !important;
    }

    #statistique h2,
    #secteur h2,
    #organistor .box2organistor h2,
    #prestations .box2prestations h2,
    #prestations .box-pres h2 {
        font-size: 38px !important;
    }

    #secteur .boxdescsecteur h6,
    #organistor .box1organistor h2 {
        font-size: 30px !important;
    }

    #chiffres h2,
    #secteur .boxdescsecteur h6 {
        font-size: 28px !important;
    }

    #secteur .boxdescsecteur ul li {
        font-size: 22px !important;
    }

    .bottom-header .row p,
    #organistor .box2organistor p,
    #prestations .box2prestations p,
    #prestations .box-pres p {
        font-size: 16px !important;
    }

    footer a,
    footer,
    #statistique small,
    #secteur small,
    #organistor .box2organistor small,
    #prestations .box2prestations small,
    #prestations .box-pres small {
        font-size: 14px !important;
    }

    header .owl-theme .owl-dots {
        padding: 0;
    }

    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        width: 25px;
    }

    .owl-theme .owl-dots .owl-dot span {
        margin: 0px 2px;
        width: 6px;
        height: 6px;
    }

    #prestations:before {
        display: none
    }

    .container {
        padding: 0 !important;
    }

    #prestations .col-xs-12 {
        width: 100%;
    }

    .box2organistor {
        padding: 25px 15px 0 !important;
    }

    .En #prestations .box2prestations,
    #prestations .box2prestations {
        background: url(../img/fond-box2-pres.png) no-repeat center bottom #734F40;
        padding: 25px !important;
        margin: 0 0 25px;
    }

    .bottom-header .owl-item img {
        border-radius: 83px !important;
        margin-bottom: 25px
    }

    .row {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .open_Menu header {
        height: calc(100vh - 82px) !important;
    }

    .boxdescsecteur > div {
        padding: 20px;
    }

    .boxdescsecteur h4 span {
        padding: 0 0 0 35px !important;
    }

    .bc2_contact h4, .bottom-header .row h1, #secteur .boxdescsecteur h4 span {
        font-size: 20px !important;
    }

    #chiffres .num {
        font-size: 40px !important;
    }

    .boxdescsecteur h5 {
        margin: 0px 0 12px;
        font-size: 18px;
    }

    .boxdescsecteur h4 span:before {
        position: absolute;
        top: calc(50% - 2px);
        left: 0;
        background: #734F40;
        opacity: 0.34;
        content: "";
        display: block;
        width: 35px;
        height: 4px;
        z-index: 1;
    }

    #prestations .box-pres img {
        margin: 0 auto 25px;
        max-width: 60px;
    }

    #prestations .box-pres2 img {
        max-width: 45px;
    }

    #prestations .box-pres:last-child,
    #prestations .box-pres {
        margin-bottom: 25px;
        padding: 25px !important;
    }

    .bottom-header .row {
        flex-direction: column;
    }

    #prestations,
    #prestations .box1prestations {
        margin-top: 0 !important;
    }

    #secteur .boxsecteur,
    .boxdescsecteur {
        display: none !important;
    }

    #temg .boxsecteur,
    .modal .boxdescsecteur {
        display: block !important;
    }

    .modal-dialog {
        width: 100%;
        margin: 0 !important;
    }

    .dektop {
        display: none !important;
    }

    .mobile {
        display: block !important;
    }

    header .navbar {
        position: relative;
        left: 0 !important;
        right: 0;
        bottom: 0;
    }

    .logo {
        display: inline-block;
        max-width: 50%;
    }

    .navbar-light .navbar-toggler {
        margin: 0;
    }

    .lang {
        padding: 0 0 5px;
    }

    .top-header {
        display: flex;
        align-items: center;
        justify-content: space-around;
    }

    .Ar .top-header {
        flex-direction: row-reverse
    }
}

@media (max-width: 767px) {
    #statistique h2, #secteur h2, #organistor .box2organistor h2, #prestations .box2prestations h2, #prestations .box-pres h2 {
        font-size: 26px !important;
    }

    #prestations .box2prestations .box-img img {
        max-width: 124px;
    }

    #prestations .box2prestations .box-img {
        margin: 0 0 30px;
    }

    header .bottom-header .col-md-5 {
        padding-bottom: 25px;
    }

    body ::-webkit-input-placeholder { /* Edge */
        font-size: 16px !important;
    }

    body :-ms-input-placeholder { /* Internet Explorer 10-11 */
        font-size: 16px !important;
    }

    body ::placeholder {
        font-size: 16px !important;
    }

    .btn-primary {
        font-size: 16px !important;
        padding: 15px !important;
        min-width: 100%;
    }

    .form-control,
    .dropdown-toggle,
    .bc1_contact label {
        font-size: 16px !important;
    }

    #contact .container:after,
    #contact:after {
        display: none
    }

    .bc2_contact h4 {
        margin-bottom: 25px;
    }

    .Ar .bc2_contact h4 {
        justify-content: flex-end;
    }

    #contact .row {
        display: flex;
        flex-direction: column-reverse !important;
    }

    #secteur .boxsecteur > div {
        min-height: 390px;
    }

    #prestations {
        margin-bottom: 0 !important;
    }

    #secteur .boxsecteur {
        padding: 0;
    }

    #scrollTop {
        bottom: 20px;
        right: 20px;
    }

    .bloc-owl-carousel {
        margin: auto !important;
        padding: 0;
    }

    #organistor .box2organistor {
        padding: 0 15px 25px !important;
    }


    #secteur {
        padding: 25px 15px 0 !important;
    }

    .En .bc2_contact h4 {
        text-align: left;
    }

    #prestations .box-pres small:before {
        top: 9px;
    }

    #organistor .box1organistor .box-img {
        display: block;
    }

    .open_Menu .navbar-light .navbar-toggler {
        width: 25px !important;
        height: 25px !important;
        top: 50px !important;
        right: 9px !important;
    }

    .En.open_Menu .navbar-light .navbar-toggler {
        left: 9px !important;
    }

    #myScrollspy .navbar-collapse {
        padding-top: 25px;
    }

    #myScrollspy .navbar-collapse .logo {
        margin: 0 0 30px;
    }

    .open_Menu #myScrollspy .navbar-collapse {
        align-items: flex-end;
        justify-content: flex-start;

    }

    header .bottom-header {
        display: flex;
        flex-direction: column;
    }

    .En header .bottom-header {
        flex-direction: column-reverse;
    }

    .navbar-nav > li {
        margin-bottom: 0;
    }

    .En #myScrollspy .navbar-collapse:after {
        right: 10px !important;
    }

    .Ar #myScrollspy .navbar-collapse:after {
        left: 10px !important;
    }

    .open_Menu .navbar-nav,
    .navbar-nav {
        margin: 0 !important;
        padding: 0 !important;
    }

    header .navbar .nav-link {
        font-size: 16px !important;
    }

    .lang a {
        font-size: 12px;
        padding-bottom: 0;
    }

    .bottom-header .col-md-6 {
        padding: 0 !important;
        margin-bottom: 35px;
    }

    .open_Menu #myScrollspy .navbar-collapse {
        height: 85vh !important;
    }

    .bottom-header .owl-item img {
        border-radius: 25px !important;
        margin-bottom: 10px !important
    }

    .bottom-header h1 {
        font-size: 22px;
        min-height: 152px;
    }

    .Ar bottom-header h1 {
        min-height: 110px;
    }

    .m-right .container-fluid,
    .m-left .container-fluid {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .logo {
        display: inline-block;
        max-width: 50%;
    }

    .logo img {
        max-width: 100%;
    }

    header {
        padding: 25px 0 0 !important;
    }

    #secteur .boxdescsecteur h6, #organistor .box1organistor h2 {
        font-size: 22px !important;
    }

    #secteur h2 {
        margin: 0 0 25px !important;
    }

    .bottom-header p {
        font-size: 20px;

    }

}

@media (max-width: 380px) {
    #organistor .box1organistor img {
        max-height: 360px;
    }
}

@media (max-width: 350px) {
    #organistor .box1organistor img {
        max-height: 315px;
    }

    .Ar .bottom-header h1 {
        min-height: 152px;
    }

    .En .bottom-header h1 {
        min-height: 190px;
    }
}