/* HERE MEDIA QUERY FOR MOBILE */
  @media screen and (max-width:767.9px) {
      .single {
        padding:80px 20px!important
      }
      .homeTypedTexte {
          position:absolute;
          bottom:0;
          left:0;
          margin:100px 20px;
          width:calc(100% - 40px);
          min-height: 101px;
      }
      .homeTypedTexte span {
          font-weight: 500;
          color: white;
          font-size: 21px;
          letter-spacing: 0.3px;
          line-height: 1.75;
          display: inline-block;
          min-height: 70px;
      }
      .conforna_home_spanBK {
          width:100%;
          height:100%;
          background-color: rgba(0,0,0, 0.5);
          position: absolute;
          top:0;
          left:0;
      }
      .myConfornaRefait {
        height:100vh!important;
      }
      .refait_content {
        padding:110px 20px 80px!important;
        background-image:
        linear-gradient(to bottom, rgb(0 0 0), rgb(0 0 0 / 0%) 87%)!important
      }
      .myConfornaRefait .swiper-slide img {
        width:100%!important;
        margin:0!important;
      }
      .refai_content_typed .typed_conforna_refait {
        font-size: 21px!important;
        color:white!important;
      }
      .refai_content_typed .typed_conforna_refait span {
        color:white!important;
      }
      .nosConfections {
        color:white!important;
      }
      .confoButton {
        display:none!important;
      }
      .myConfornaRefait .swiper-pagination {
        margin-right: unset!important;
      }
      .swiperHomeProduct {
        border-radius: unset!important;
      }
      .refai_content_typed i {
        font-size: 21px!important;
        display:none!important;
      }
      .confornaTitle {
        padding-left:0!important;
      }
      .conforn_div1  {
        height:230px!important;
      }
      .hagrouna__1 {
        background-image: linear-gradient(200deg, #c9d1e0 36%, #c9d1e0 60%, #ffffff 40%)!important;
      }
      .conforabsolu {
        width:33px!important;
        display:none!important;
        height:73px!important;
      }
      .conforabsolu i {
        font-size:14px!important
      }
      .confornaTitle p:nth-child(1) {
        font-size: 22px!important;
        line-height: 1.55!important;
      }
      .confornaTitle p:nth-child(2) {
        font-size: 17px!important;
        padding-left: 0!important;
        margin-left:0!important;
      }
      .div_for_typed .typed-cursor i {
        font-size:21px!important;
      }
      .div_for_typed {
        height:75px!important;
        min-height: unset!important;
        margin-bottom: 10px!important;
      }
      .swiperConforn_4 .swiper-slide {
        font-size: 15px!important;
        padding: 10px!important;
      }
      .swiperConforn_2 .swiper-slide {
        font-family: unset!important;
        font-size: 15px!important;
      }
      .swiperHomeProduct {
        width:100%!important;
        margin:0!important;
      }
      .myConfornaRefait .autoplay-progress svg {
        visibility: hidden!important;
      }
      .petraEdited {
        background-image: linear-gradient(to top, rgba(255, 255, 255, 0), #00000082 55%)!important;
      }
      .swiperConforn_5,.swiperConforn_4,.swiperConforn_2,.swiperConforn_3 {
        height:140px!important;
      }
      .service-card {
        transform:unset!important;
        width:48.5%!important;
        margin-bottom: 3%!important;
      }
      .service-description {
        font-size: 18px!important;
      }
      .service-description {
        font-size: 15px!important;
        transform:unset!important;
      }
      .service-description i {
        margin-bottom:7px!important;
      }
      .hoverme { 
        display:none!important;
      }
      .brI {
        display:none;
      }
      .tate {
        flex-direction: column!important;
        padding:60px 20px!important;
      }
      .tate div {
        margin-bottom: 25px!important;
      }
      .tate div img {
        display:none;
      }
      .locationElement3 {
        margin-top: 20px;
      }
      .footerend {
        display:none!important
      }
      .plyr {
        width:100%!important;
      }
      .readMovie span {
        color:white!important;
      }
  }




    @media screen and (min-width:550px) and (max-width:767.9px) {
      .refait_content {
        padding:80px 6%!important;
        padding-top:calc(9% + 80px)!important;
      }
      .refai_content_typed .typed_conforna_refait {
        font-size: 27px!important;
        color: white!important;
        line-height: 1.75;
      }
      .myConfornaRefait .swiper-pagination {
        right:7%!important;
      }
      .refai_content_typed i {
        font-size: 26px!important;
        display:unset!important;
      }
      .brI {
        display:unset!important;
      }
      .swiperConforn_2 .swiper-slide {
        font-size: 24px!important;
        font-family: 'Kalma', cursive!important;
        font-weight: 500!important;
      }
      .sahbi {
        font-size: 22px!important;
        padding-top: 4px!important;
      }
      .swiperConforn_4 .swiper-slide {
        font-size: 16px!important;
        padding:15px!important;
        line-height: 1.75;
      }
      .single {
        padding:80px 6%!important;
      }
    }



    @media screen and (min-width:768px) and (max-width:991.9px) {
      .single {
        padding:80px 7%!important;
      }
      .refait_content {
        padding-left:7%!important;
        padding-right:7%!important;
        padding-top:130px!important;
        padding-bottom:130px!important;
      }
      .swiperHomeProduct {
        width:87%!important;
        margin-right:13%!important;
      }
      .confoEdited {
        color:black!important;
      }
      .conforn_div1 {
        width:100%!important;
        margin-bottom: 20px!important;
        max-height: 330px;
      }
      .conforn_div2 {
        width:50%!important;
        flex-direction: row-reverse!important;
      }
      .conforn_div3 {
        flex-direction: row-reverse!important;
        width:50%!important;
      }
      .swiperConforn_2 {
        background-image: unset!important;
        width:49%!important;
        box-shadow: unset!important;
      }
      .swiperConforn_2 .swiper-slide {
        font-size: 22px!important;
      }
      .swiperConforn_3 {
        margin:0!important;
        width:49%!important;
      }
      .swiperConforn_4 {
        width: 46%!important;
        margin: 0!important;
        background-image: unset;
        box-shadow: unset;
        background-color: whitesmoke;
      }
      .swiperConforn_5 {
        width:49%!important;
        margin:0!important;
      }
      .service-card {
        transform:unset!important;
        width:24%!important;
        margin-bottom: 3%!important;
      }
      .service-description {
        font-size: 18px!important;
      }
      .service-description {
        font-size: 15px!important;
        transform:unset!important;
      }
      .service-description i {
        margin-bottom:7px!important;
      }
      .hoverme {
        display: none!important;
      }
      .tate {
        padding:50px 30px!important;
      }
      .tate div {
        width:25%!important;
      }
      .tate div img {
        width: 86%!important;
        margin-top: 5%!important;
      }
    }
  
  
  @media screen and (min-width:992px) and (max-width:1279.9px) {
      .single {
        padding:80px 7%!important;
      }
      .refait_content {
        padding-left:7%!important;
        padding-right:7%!important;
        padding-top:130px!important;
        padding-bottom:130px!important;
      }
      .swiperHomeProduct {
        width:87%!important;
        margin-right:13%!important;
      }
      .confoEdited {
        color:black!important;
      }
      .confornaTitle {
        width:70%!important;
      }
      .petra {
        font-size:24px!important;
      }
      .conforn_div1 {
        width:100%!important;
        margin-bottom: 20px!important;
        max-height: 330px;
      }
      .conforn_div2 {
        width:50%!important;
        flex-direction: row-reverse!important;
      }
      .conforn_div3 {
        flex-direction: row-reverse!important;
        width:50%!important;
      }
      .swiperConforn_2 {
        background-image: unset!important;
        width:49%!important;
        box-shadow: unset!important;
      }
      .swiperConforn_2 .swiper-slide {
        font-size: 22px!important;
      }
      .swiperConforn_3 {
        margin:0!important;
        width:49%!important;
      }
      .swiperConforn_4 {
        width: 46%!important;
        margin: 0!important;
        background-image: unset;
        box-shadow: unset;
        background-color: whitesmoke;
      }
      .swiperConforn_5 {
        width:49%!important;
        margin:0!important;
      }
      .tate {
        padding:65px!important;
      }
      .tate div {
        width:25%!important;
      }
      .tate div img {
        width: 86%!important;
        margin-top: 5%!important;
      }
    }

    @media only screen and (min-width: 1280px) and (max-width: 1439.9px) {
      .single {
        padding:9% 7%!important;
      }
      .refait_content {
        padding-left:7%!important;
        padding-right:7%!important;
        padding-top:10%!important;
        padding-bottom:10%!important;
      }
      .swiperHomeProduct {
        width:60%!important;
        margin-right:40%!important;
      }
      .confoEdited {
        color:black!important;
      }
      .confornaTitle {
        width:50%!important;
      }
      .petra {
        font-size:24px!important;
      }
      .conforn_div1 {
        width:48%!important;
        margin-bottom: unset!important;
        max-height: 330px;
      }
      .conforn_div2,.conforn_div3 {
        width:25%!important;
        height:330px!important;
      }
      .swiperConforn_3 {
        height:150px!important;
        margin-bottom: 10px!important;
      }
      .swiperConforn_4 {
        height: 150px!important;
        margin: 0 0 10px 0!important;
        border:solid 5px white;
      }
    }

    @media only screen and (min-width: 1440px) {
      .single {
        padding:9% 7%!important;
      }
      .confornaTitle {
        width:50%!important;
      }
      .swiperHomeProduct {
        width:55%!important;
        margin-right:45%!important;
      }
      .conforn_div1 {
        width:59%!important;
        margin-bottom: unset!important;
        max-height: 330px;
      }
      .conforn_div2,.conforn_div3 {
        width:20%!important;
        height:330px!important;
      }
      .swiperConforn_3 {
        height:150px!important;
        margin-bottom: 10px!important;
      }
      .swiperConforn_4 {
        height: 150px!important;
        margin: 0 0 10px 0!important;
        border:solid 5px white;
      }
    }

    @media only screen and (min-width: 1920px) {
      .single {
        padding:9% 7%!important;
      }
    }

  
    /* END MEDIA COnfig */
    /* END MEDIA COnfig */
    /* END MEDIA COnfig */
    /* END MEDIA COnfig */
    /* END MEDIA COnfig */
    /* END MEDIA COnfig */
    /* END MEDIA COnfig */
    /* END MEDIA COnfig */
    /* END MEDIA COnfig */
    /* END MEDIA COnfig */
    /* END MEDIA COnfig */
    /* END MEDIA COnfig */
    /* END MEDIA COnfig */
    /* END MEDIA COnfig */
    /* END MEDIA COnfig */






    /* OTHERS MEDIA SCREEN */
    /* OTHERS MEDIA SCREEN */
    /* OTHERS MEDIA SCREEN */
    /* OTHERS MEDIA SCREEN */
    /* OTHERS MEDIA SCREEN */
    /* OTHERS MEDIA SCREEN */
    /* OTHERS MEDIA SCREEN */
    /* OTHERS MEDIA SCREEN */
    @media screen and (max-width:1000px) {
      .partner__div {
        display:none!important;
      }
    }