@media (max-width: 1920px) {

  footer{
    display: flex;
  }

  .footermobile{
    display: none;
  }


  .txtselection .titre_select {
    font-size: 2.85rem;
    line-height: 3.35rem;
  }

  .titabout .h2 {
    font-size: 1.75rem;
    line-height: 2.25rem;
  }

  #foot_head_about{
    display: none;
  }

}


@media (max-width: 1320px) {

  footer{
    display: flex;
  }

  #foot_head_about{
    display: none;
  }

  .footermobile{
    display: none;
  }

  p {
  font-size: 0.85rem;
  line-height: 1.35rem;
  }

  .scene:last-child {
    height: 76vh;
  }
  .scene:nth-child(2) {
    height: 80vh;
  }

  .txtselection .titre_select {
    font-size: 2.50rem;
    line-height: 3rem;
  }

  .foot_header #clock {
    line-height: 1.35rem;
  }

  .btn{
    height: 47px;
    padding-left: 37px;
    padding-right: 37px;
  }

  .btn2{
    height: 47px;
    padding-left: 37px;
    padding-right: 37px;
  }

  .btnprojet {
    height: 47px;
    padding-left: 37px;
    padding-right: 37px;
  }

  .boxvisuelprojet { height: 350px; }

  .boxvisuelprojet .visuelprojet { height: 350px; }

  .boxvisuelprojet .visuelprojet .hover { height: 350px; }

  .boxvisuelprojet .visuelprojet .imgpro img{ height: 350px; }

  .txtintrofolio {
    width: 280px;
  }

  .title{
    font-size: 4.5rem;
    line-height: 4.15rem;
  }

  .titabout .h2 {
    font-size: 1.52rem;
    line-height: 2.02rem;
  }

  .infosprojet .introinfo .infotit h3{
    font-size: 4.5rem;
    line-height: 4.15rem;
  }

  .infosprojet .restinfo{
    position: absolute;
    left: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 30px;
  }

  .aboutinfo{
    top: 53vh;
  }

  h1 {
    font-size: 9.875rem;
    line-height: 6.75rem;
    margin-top: -10px;
  }

  .h1word{
    top: 155px;
  }

  h2 {
    font-size: 7.5rem;
    line-height: 6.875rem;
  }

  .h1_folio{ 
    width: 40vw;
    height: 125px;
  }

  .box_h1_folio{
    height: 125px;
  }

  .box_h1_folio h1{ margin-left: 0px; }

  .titre_box .skill {
    gap: 5px;
    padding-bottom: 2px;
    margin-bottom: 30px;
  }

  .titre_box .row_word div{
    height: 115px;
  }

  .boxdiscover{
    width: 320px;
    margin-left: -160px;
    bottom: -100px;
  }

  footer {
    height: 75vh;
  }
}


@media (max-width: 1024px) {

  p {
  font-size: 1rem;
  line-height: 1.5rem;
  }

  .foot_header #clock {
    line-height: 1.5rem;
  }

  .box_menu {
    display: none;
  }

  .name  {
    margin-top: 13px;
  }

  .timeabout{
    display: flex;
  }

  .boxdiscover {
    width: calc(100% - 30px);
    left: 15px; bottom: 15px;
    margin-left: 0;
    z-index: 9995;
  }

  .contlistdiscover{
    width: 50vw;
  }

  .btn{
    height: 48px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .btn2{
    height: 48px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .btn3{
    height: 48px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .btnprojet {
    height: 48px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .boxcontact {
    display: none;
  }

  header {
    display: none;
    padding-top: 15px;
    padding-bottom: 4px;
    padding-left: 15px;
    padding-right: 15px;
  }

  footer{
    display: none;
  }

  .footermobile{
    display: flex;
  }

  .foot_header{
    bottom: -2px;
    padding: 15px;
    z-index: 9994;
  }

  .langue{
    left: 15px;
  }

  .time{
    right: 15px;
  }

  h1 {
    font-size: 5rem;
    line-height: 5rem;
  }

  .h1word_footmob{
    font-size: 3.5rem !important;
    line-height: 3.5rem !important;
  }

  .titre_box{
    display: none;
  }

  .h1_folio{
    display: none !important;
  }

  .txtselection {
    width: calc(100% - 30px);
    padding-bottom: 15px;
    padding-top: 140px;
    left: 15px;
    top: 0px;
    flex-direction: column;
    justify-content: left;
  }

  .txtselection .imgselection{
    position: absolute;
    left: 0; top: 45px;
    gap: 15px;
    height: 50px;
  }

  .txtselection .imgselection img{
    width: 50px;
    height: 50px;
  }

  .txtselection .titretxt{
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: auto;
    gap: 70px;
  }

  .txtselection .titre_select {
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .scene:nth-child(2) {
    height: 80vh;
  }
  .scene:last-child {
    height: 70vh;
  }

  .carousel {
    scale: 0.85 !important;
  }

  .carousel__cell {
      width: 330px !important;
      height: 460px !important;
  }

  .numprojet{
    left: 15px; top: -30px;
  }

  .slash{
    margin-left: 10vw;
  }
  .five{
    margin-left: 0.3vw;
  }

  .menumobile{
    display: flex;
  }

  .cont_list{
    top: 0px;
    height: 80px;
  }

  .listnameprojet{
    top: 80px;
    height: 80px;
  }

  .listnameprojet p{
    font-size: 4.5rem;
    line-height: 80px;
  }

  .boxprojet {
    height: 220px;
    top: calc(50vh - 180px);
  }

  .titre_box_mob{
    display: flex;
  }
  .namemob{
    display: flex;
  }

  .txtintrofolio{
    display: none;
  }

  .boxvisuelprojet{
    display: none;
  }

  .scroll-list {
    width: calc(100vw - 30px);
    margin-right: 15px;
  }

  .title {
    font-size: 3.5rem;
    line-height: 3.5rem;
  } 


  .item{
    padding: 15px;
    padding-left: 0;
    padding-right: 0;
    min-height: 225px;
    gap: 0;
  }

  .item .maskreveal{
    height: 100%;
  }

  .item .maskreveal .contreveal{
    top: 15px; 
    height: 50px;
  }

  .item .maskreveal .contreveal .imgitem{
    gap: 15px;
  }

  .item .maskreveal .contreveal .imgitem img{
    width: 50px;
    height: 50px;
  }

  .tags {
    bottom: auto;
    top: 80px;
    right: auto;
    left: 0px;
  }

  .item .btngo {
      width: 48px;
      height: 48px;
      top: auto;
      bottom: 15px; right: 0px;
  }

  .btngo svg rect{
     height: 12px;
     width: 3px;
  }

  .bandeaufolio {
    display: flex;
  }

  .bandeaufolio p{
    font-size: 0.75rem !important;
    line-height: 1.25rem !important;
  }

  .titabout {
    position: relative;
    top: auto; left: 15px;
    width: calc(100vw - 30px);
    padding-bottom: 15px;
  }

  .titabout .h2{
    width: 100%;
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .borderphoto {
    position: absolute;
    width: 40vw; 
    bottom: auto; right: auto;
    margin-left: 15px;
    top: 80px;  
  }

  .maskphoto {
    width: 100%; 
    height: 40vw;
  }

  .maskphoto .photo1{
    width: 40vw;
  }

  .maskphoto .photo2{
    width: 40vw;
  }

  .maskphoto .photo2 .circlephoto .contcirclephoto .bulletphoto{
    width: 4px; height: 4px;
  }

  .maskphoto .photo2 .circlephoto .contcirclephoto p{
    font-size: 0.175rem;
    line-height: 0.375rem;
    letter-spacing: 0.5px;
  }

  .aboutinfo{
    position: relative;
    width: calc(100vw - 30px);
    right: auto;
    left: 15px;
    top: auto;
    gap: 20px;
  }

  .aboutinfo .boxaboutinfo{
    align-items: left;
    justify-content: left;
    flex-wrap: wrap; 
    gap: 10px;
  }

  .aboutinfo .boxaboutinfo div{
    align-items: left;
    justify-content: left;
    flex-wrap: wrap; 
    gap: 15px;
  }

  .titboxaboutinfo{
    text-align: left;
  } 

  .linkabout span{
   display: none;
  }

  .contentabout {
    height: 210vh;
    overflow: hidden;
    background: transparent;
  }

  .contaboutmob{
    width: 100%;
    height: calc(100% - 70vh);
    background: #000;
    display: flex;
    flex-direction: column;
    position:absolute;  
    top: 0px;
    padding-top: calc(50vw + 70px);
    gap: 70px;
  }

  .mainabout {
    height: auto;
  }

  .downloadcv{
    display: none;
  }

  .downloadcvmob {
    display: flex;
    margin-top: 50px;
  }

  #foot_head_about{
    display: flex;
    z-index: 5;
  }

  .infosprojet{
    display: none;
  }

  .mainprojet .contentprojet {
    position: static;
    width: 100%;
    top: 365px;
    padding: 15px;
    gap: 15px;
    z-index: 10;
    padding-bottom: 200px;
  }

  .mainprojet .contentprojet img {
      width: calc(100vw - 30px);
      margin-bottom: 15px;
  }

  .mainprojet .contentprojet video {
      width: calc(100vw - 30px);
      margin-bottom: 15px;
  }

  .headprojetmobile{
    display: flex;
  }

  .btnsprojet{
    display: none;
  }

  .gradientprojet {
    display: none;
  }

  .infoprojetmobile {
    display: flex;
  }

  .item:hover .maskreveal{
    height: 100%;
    width: 100%;
  }

  .item:hover > .maskreveal .contreveal .btngo {
    transform: scale(1);
  }

  .item:hover > .cont_item .number{
    top: 0px;
  }
  .item:hover > .cont_item .title{
    bottom: 0px;
  }
  .item:hover > .cont_item .tags{
    bottom: auto;
  }
  .item:hover > .cont_item .date{
    top: 0px;
  }

  .item:hover > .btngo{
    right: 0px;
  }

  .linehide{
    display: none;
  }

  .boxlineloader {
    width: 10%;
  }

  .scroll-container {
    height: auto;
    width: 100vw !important;
  }

  .mainprojet{
    width: 100vw; 
  }


  .titre_box_mob .skill {
    gap: 0px;
    padding-bottom: 2px;
    margin-bottom: 30px;
  }

  .titre_box_mob .skill p {
    line-height: 1rem;
  }

  .foot_head_hide{
    display: none;
  }

}

@media (max-height: 800px) and (min-width: 1024px) {
  .videoinfo {
    display: none;
  }
}