@media only screen and (max-width: 1400px) {
    .media.item-media-comm span.title {
        font-size: 17px;
    }
    .media.item-media-comm p.desciption-con {
        font-size: 12px;
    }
    .media-body p, .media-body p a {
        font-size: 13px;
        letter-spacing: 0;
    }
    .list .media .media-body p {
        font-size: 14px;
        margin-bottom: 0px;
    }
    .section-news span.title-news, .section-news span.title-news a{
        text-align: initial;
    }
    .side-bar-section-act{
        padding-right: 5px;

    }
}
@media only screen and (max-width: 1350px) {
    a.navbar-brand.section-logo img {
        height: initial;
        width: 150px;
        margin-left: 0;
    }

    span.icon-Conseils,
    span.menu-icon {
        font-size: 28px;
    }

    span.menu-label {
        font-size: 12px;
    }

    span.menu-sub-label {
        font-size: 12px;
    }
    ul.navbar-nav.nav-bar-menu-veto li {
        padding-left: 5px;
        padding-right: 7px;
    }
}
@media only screen and (max-width: 1100px) {
    .item-search-call  {
        display: none !important;
    }
    ul.navbar-nav.nav-bar-menu-veto li {
        padding-left: 5px;
        padding-right: 5px;
    }
    span.menu-label {
        font-size: 12px;
        letter-spacing: 0px;
    }
    /*a.navbar-brand.section-logo img {
        height: initial;
        width: 200px;
    }*/
    .col-md-9.col-gry-section,section.section-not-connected .col-md-9,section.section-not-connected >.row>.col-md-3 {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .side-bar-section-act {
        padding-right: 10px;
    }
    section.slider-owel-sidebar .col-md-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .section-options {

        margin-top: 25px;
        margin-left: 0px;
        margin-right: 0px;
    }
    img.img_sliderCol1 {
        width: 100%;
    }

    span.val-porcent {
        font-size: 48px;
    }
}


@media screen and (max-width: 1024px) {
    h5.item-title {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        max-height: 50px;
    }

    p.parag-DetailProduit {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }


    .social-btn {
         top: 110px;
        /*right: 28px;*/
    }

    a.btn-Question-annuler{
        width: auto !important;
        margin-left: 0px !important;
    }

    .green-header.green-heder-coupon {
        height: 74px !important;
        padding-left: 0px;
        padding-right: 0px;
    }

    .green-header.green-heder-coupon h3 {
        padding : 5px 10px !important;
    }
}

@media screen and (max-width: 990px) {
    .section-description {
        padding-left: 0px;
    }
}

@media screen and (max-width: 1024px) and  (min-width: 770px) {
    .section-produitBloc {
        width: auto;
        margin-left: 0px !important;
    }

    .col-inputPage-nb {
        padding-left: 60px !important;
    }

    .section-Icon-Resp{
        display: none;
    }
    .section-rechercheGlobal-Resp{
        display: none;
    }

    .section-options .desciption {
        min-height: 145px !important;
    }
    .section-bloc1 {
        padding: 10px !important;
    }

    img.img-magazine {
        margin-top: 30%;
        width: 55%;
    }

    textarea.form-control.input-modalQuestion.txt-question {
        height: 70px !important;
    }

    p.label-modalQuestionConfid {
        margin-left: 45px !important;
    }
}

@media screen and (min-width: 1024px) {
    .section-Icon-Resp{
        display: none;
    }
    .section-rechercheGlobal-Resp{
        display: none;
    }

    .section-PayementLivre {
        min-height: 175px;
        margin-top: 2%;
    }
}

@media screen and (max-width: 991px) {
    span.icon-Conseils, span.menu-icon {
         font-size: 35px;
    }

    .navbar-nav.mobile {
        display: flex !important;
    }

    .section-rechercheGlobal-Resp{
        display: block;
    }

    .dropdown-menu-item-search.show {
        left: auto;
        right: 0;
    }

    ul.nav-bar-menu-veto li.nav-item {
        width: 100% !important;
        float: initial;
        display: inline-table;
        padding-right: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .modal-body-login ul {
        padding: 0;
    }

    .modal-body-login .dropdown-item {
        padding: 10px 0;
    }

    .modal-body-login .dropdown-item.divider {
        background: rgb(54, 118, 181);
        height: 1px;
        padding: 0;
        color: rgb(54, 118, 181);
    }

    .navbar-brand {
        margin-right: auto;
    }
    .navbar-nav .nav-link,
    ul.nav-bar-menu-veto li.nav-item {
        /*padding: 0;*/
    }
    button.navbar-toggler i {
        vertical-align: middle;
    }
     .item-account-call.mobile {
        display: block !important;
    }

    span.menu-label {
        font-size: 14px;
    }

    span.menu-sub-label {
        font-size: 14px;
    }

    .img-userConnected {
        padding-right: 5px;
    }

    ul.navbar-nav.nav-bar-menu-veto {
        display: initial;
    }



    ul.navbar-nav.nav-bar-menu-veto span.menu-icon,ul.navbar-nav.nav-bar-menu-veto span.menu-label,span.menu-sub-label {
        float: left;
        align-items: center;
        justify-content: center;
        line-height: 30px;
        display: inline-flex;
    }

    ul.navbar-nav.nav-bar-menu-veto span.menu-label , ul.navbar-nav.nav-bar-menu-veto span.menu-sub-label{
        margin-left: 5px;
    }


     /*  ul.navbar-nav.nav-bar-menu-veto  .item-register-call ,*/
    /*ul.navbar-nav.nav-bar-menu-veto  .item-search-call,ul.navbar-nav.nav-bar-menu-veto  .item-account-call {
        display: none !important;
    }*/
    .nav-bar-menu-veto li.nav-item .dropdown-menu.show {
        margin-top: 10px !important;
        background-color: initial;
    }

    .section-title-page .col-md-5 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 4100%;
    }
}

@media screen and (max-width: 800px) {
    .col-border-rigth {
        border-right-width: 0;
    }

    .col-inputPage-nb {
        padding-left: 0px !important;
    }

    .section-bloc2 img {
        margin-left: -4px !important;
    }

    .section-description-detail {
        text-align: start !important;
    }


    ul.nav-bar-menu-veto li.nav-item {
        width: 100% !important;
        float: initial;
        display: inline-table;
        padding-right: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    ul.navbar-nav.nav-bar-menu-veto {
        display: initial;
    }



    ul.navbar-nav.nav-bar-menu-veto span.menu-icon,ul.navbar-nav.nav-bar-menu-veto span.menu-label,span.menu-sub-label {
        float: left;
        align-items: center;
        justify-content: center;
        line-height: 30px;
    }

    ul.navbar-nav.nav-bar-menu-veto span.menu-label , ul.navbar-nav.nav-bar-menu-veto span.menu-sub-label{
        margin-left: 5px;
    }


    /*ul.navbar-nav.nav-bar-menu-veto  .item-register-call ,*/
    ul.navbar-nav.nav-bar-menu-veto  .item-search-call,ul.navbar-nav.nav-bar-menu-veto  .item-account-call {
        /*display: none !important;*/
    }
    .nav-bar-menu-veto li.nav-item .dropdown-menu.show {
        margin-top: 10px !important;
        background-color: initial;
    }
    .owl-listing {
        padding-left: initial;
        padding-top: 10px;
    }

    .pr5 {padding-right: 15px;}

    .mt-2, .my-2 {}

    .section-options {
        margin-left: initial;
        margin-right: initial;
    }

    .side-bar-section-act {}

    .container {
        max-width: 100% !important;
    }
    .pr0 {
        padding-right: 15px;
    }
    .row.row-section-owl-formation {
        margin-top: 10px;
    }
    .section-options .desciption {
        min-height: 50px;
    }

    .section-options .col-md-3 {
        width: 50%;
    }
    section.section-not-connected {
        padding-bottom: 0px;
    }
    .section-options-connected{
        margin-left: 0;
    }
    #section-col1 {
        padding-top: 0px !important;
        padding-left: 25px !important;
    }
    .section-parag {
        display: block !important;
    }

    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {

            flex: 0 0 100% !important;
            max-width: 100% !important;
    }

    .owl-carousel.owl-theme.owl-loaded.owl-drag {
        position: relative;
    }



    .owl-item .col-md-6.pl0 {
        position: absolute;
        bottom: 120px;
        color: #fff;
        z-index: 999999;
    }


    .owl-carousel.owl-theme.owl-loaded.owl-drag .img:before {
        content: ' ';
        display: block;
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: radial-gradient(55% 72%, rgba(0,0,0,0.06) 21%, rgba(0,0,0,0.29) 73%);
    }



    .section-owl-formation .content-text {
        color: #fff;
    }
    .pr0 {
        padding-right: 15px;
    }
    .pl0 {
        padding-left: 15px;
    }
    .pr5 {
        padding-right: 15px;
    }
    .pl5 {
        padding-left: 15px;
    }


    .section-options .col-md-3 {

        margin-bottom: 25px;
    }

}

@media screen and (max-width: 650px) {

    .green-header.green-heder-coupon {
        height: 40px !important;
        width: 90% !important;
    }
}
/** Microsoft lumia 550 **/
@media screen and (max-width: 641px) and  (min-width: 639px) {
    .section-produitBloc {
        width: auto !important;
        margin-left: -22px !important;
    }
}

@media screen and (max-width: 500px) {
    .validation .content{
        padding-left: 0px !important;
    }
    .sFormulaire_Inscr .green-headerInfo{
        height: 80px !important;
    }

    img.img-section-Faq-Bloc1 {
        margin-left: 0px !important;
    }
    .bloc-poserQuestion {
        margin-left: 0px !important;
    }

    .pagination {
        text-align: center;
        justify-content: center;
        padding: 0px;
        margin-left: 2%;
        float: none !important;
    }

    li.li-FooterPages {
        font-size: 16px !important;
        padding-top: 10px;
    }

    .menu-footer-rigth {
        margin-top: 5%;
    }

    a.navbar-brand.section-logo img {
        width: 140px !important;
        margin-left: 1px !important;
    }

    .section-rechercheGlobal-Resp img {
        width: 25px;
    }

    .img-userConnected {
        font-size: 30px !important;
    }

    button.navbar-toggler {
        font-size: 1.25rem  !important;
        padding-right: 1px !important;
    }

    footer.footer-container {
        padding-left: 2%;
    }

    .icon-anim img {
        height: 40px !important;
    }

    .icon-anim.group-imgEspece img {
        height: 20px !important;
    }

    .icon-anim.img-espece-anim {
        margin-top: -155px !important;
    }

    span.icon-mark {
       /*  padding-right: 0px !important;*/
    }

    /*span.userConnected {
        display: none;
    }*/

    a.btn-Question-annuler{
        width: auto !important;
        margin-left: 0px !important;
        margin-bottom: 4%;
    }

    button.btn-Question-submit {
        width: auto !important;
    }

    textarea.form-control.input-modalQuestion.txt-question {
        height: 70px !important;
    }

    input#cb-anonyme {
        right: 8px !important;
    }

    .bloc-header {
        display: initial !important;
    }

    .bloc-questio {
        width: 100% !important;
    }

    .section-Faq-Bloc2-2 {
        margin-left: 35% !important;
        margin-top: 3% !important;
    }

    .section-DetailPost-bloc3 {
        margin-left: 0px !important;
    }

    .green-header.green-heder-coupon {
        height: 66px !important;
    }
}




@media screen and (max-width: 768px) and (min-width: 600px) {
    .section-Icon-Resp {
        margin-right: -20px;
    }

    .section-rechercheGlobal-Resp {
        margin-left: 180px;
    }

    .section-detailListData {
        margin-right: 0px !important;
    }
    button#to-product, button#to-payment {
        margin-left: 18%;
    }

    img.img-section-Faq-Bloc1 {
        margin-left: 0px !important;
    }

    .section-Faq-Bloc2-2 {
        margin-left: 42% !important;
        margin-top: 3% !important;
    }

    .icon-Chat,.icon-Chien,.icon-Cheval{
        font-size: 110px !important;
    }

    img.icon-espece-Question {
        width: 60px;
        height: 75px;
    }

    .section-DetailPost-bloc3 {
         margin-left: 0% !important;
    }
    .green-header.green-heder-coupon {
        height: 18vh;
    }
}

@media screen and (max-width: 768px) {
    .section-inscription {
        padding: 20px 0px !important;
    }
    .sFormulaire_Inscr .green-header{
        width: 100% !important;
    }

    .sFormulaire_Inscr .register .blue-header {
        width: 100% !important;
    }

    section.section-mode-abonne {
        padding-left: 0px !important ;
    }

    .description-slider {
        top : 10%;
    }

    h1.title-slider-PageHome {
        font-size: 28px !important;
    }

    button.navbar-toggler {
        padding-left: 0px !important;
    }

    .dropdown-menu-item-search.show {
        left: auto;
        right: 0;
    }

    .section-rechercheGlobal-Resp .nav-link {
        padding: 0;
    }

    .slider-toppage {
        margin-left: 0 !important;
    }

    .footer-zone-bloc .titre {
        padding-top: 5%;
    }

   /* ul.footer-menu {
        margin-top: 0px !important;
    }*/

    .pull-right {
         float: none !important;
    }
}

@media screen and (max-width: 500px) {
    .sFormulaire_Inscr .green-header {
        height: 11vh !important;
    }
}

@media screen and (max-width: 480px) {
    .media.item-listing {
        display: block;
    }

    .media.item-listing .img-thumb{
        margin: auto;
        width: auto !important;
    }
    .icon-anim.group-imgEspece {
       /* background-color: #fff;*/
        /*top: 0;*/
    }
}