@media screen and (min-width: 2000px) and (max-width: 5120px) {
   
   .delete{

    animation-name: none;


}

.disappear {

    animation-name: none;
}

   
}
   
   
   @media screen and (min-width: 4097px) and (max-width: 5120px) {

    html.js.cssanimations {
        zoom: 280%;
    }


    }

@media screen and (min-width: 3000px) and (max-width: 4096px) {
html.js.cssanimations {
    zoom: 215%;
}



    }


    @media screen and (min-width: 2600px) and (max-width: 3900px) {
    article {
        margin-left: 0%;
        padding-left: 20%;

    }

    html.js.cssanimations {
        zoom: 240%;
    }

}

@media screen and (min-width: 2000px) and (max-width: 2561px) {
html.js.cssanimations {
    zoom: 133%;
}

}




@media (max-width: 1681px) { 


    #home1 {
        width: 100%;
        min-height: 1050px !important;
    }


    .signature {
        left:25%;
    
    }

    #destination1 {
        top: 611px;
        left: 628px;
    }

    #destination2 {
        top: 431px;
        left: 913px;
    }

    .background{

        width: 110%;
    }

    article{

        padding-left:22%;
    }


    .toleft2 {
        position: absolute;
        top: 30%;
        left: 0%;

    }




  } 


  @media screen and (min-width: 1590px) and (max-width: 1701px) {


  #mainmenu {

    zoom: 0.8;
}

#menudesktop {
    zoom: 0.8;
}

  }

  @media (max-width: 1555px) { 

    span.breaking-news-title.delay-animated.slidein {
        padding-left: 20%;

    }

    p#description {
        width: 55%;
    }

    div#footercontent {
    
        transform: translateX(57px);
    }

    video#bgvid {

        min-height: 145%!important;

    }

    .firsttile {
        margin: auto;
        text-align: center;
        width: 100%;
        position: absolute;
        top: 47%;
        left: 32%;
    }

    html.js.cssanimations {
        zoom: 96%;
    }


    .position1 {
        top: 80%;
        left: 68%!important;
    }

    #partnertitle {
        font-size: 44px;
        margin: 0!important;
        font-size: 33px;
    }

    #destination2 {
        top: 431px;
        left: 797px;
    }

    #destination1 {
        top: 611px;
        left: 510px;
    }

    section#partners {
        margin-left: 0%;
    }

    .page {
        padding-left: 25%;

    }

    .view {
        transform: translate(15%,3%);
    }

    #carousel {
        width: 69%;

    }

    #implantation {
        width: 80%;
    }
    #home1 {
        width: 100%;
        min-height: 765px !important;
    }

  

    div#banner2 {
        background-position: 100%;
    }


    .nextstep {
        left: 46%;
    }
    .background{


        background-size: cover;
        background-position: 120%;

    }

    footer {
        width: 100%;
        padding-left: 7%;
    }

    footer input[type='submit'] {


        margin-top: 20px;
    }

    video{

        min-height: 105%;
    }
 

} 

@media (max-width: 1441px){


    #partnertitle {
        font-size: 30px!important;
        padding-left: 11%;
    }
    

 
    #home1 {
        width: 100%;
        min-height: 1145px !important;
    }

    #destination1 {
        top: 611px;
        left: 552px;
    }
    
    #destination2 {
        top: 431px;
        left: 837px;
    }


    .date {
        /* text-align: center; */
        margin-left: 10%;
        margin-top: 22%;
    }
    

}

@media (max-width: 1366px) { 



    nav#world {
        transform: scale(0.65) translate(-49%, -290px);
    }

    #theform article {
        width: 41%;
    }

    footer {
        zoom: 0.8;
    }


    .evamodel {
        background-position-x: 20% !important;
    }

    header.wordltitle {
        transform: translateX(-10%);
    }



    #article1 p {
        width: 350px;
    }

    #home4 {
        background-image: url(../img/larabackground-1366.jpg)!important;
        background-position-x: 93%;
    }
    

.cb-slideshow li span {

    background-position: 95% 50%;

}





#menudesktop {
    width: 222px;
}
    #guadeloupe,#martinique{

        min-height: 705px;
    }


    .items {

        top: 580px;
  
        zoom: 81%;
    }

    .firsttile {
      
        top: 30%;

    }


    #map{

        background-position: 40% 29%;
        background-size: auto 710px;
    }


    #destination1 {
        top: 480px;
        left: 578px;
    }

    


    .view {
        transform: translate(27%,5%);
    }


    .models{

        padding-left: 24%!important;
        zoom: 69%;
    }

    #partnertitle {
        padding-left: 6%;
    }

    div#themodeltitle {
        transform: translateX(-100px);
    }

    #marquee {
        transform: translateX(-98px);
    }
   

  div#carousel {
    margin-left: 2%;
    zoom: 90%;
}



.bigtitle {
 
    left: 38%;
    top: 38%;
}

    .firstttile{

        top: 44%;
    }

    article {
        margin-left: 0%;

    }


    div#carousel {
        margin-left: -8%;
    }

    footer {
        
        padding-left: 0%;
    }


    .social img {
        height: 30px;
    }

    .position1 {
        top: 69%;
        left: 59%!important;
    }

    .signature {
        left: 18%;
    }

    .logo {
        height: 160px;
    }

    .bigtitle {

        font-size: 40px !important;
        top: 43%;
        left: 43%;

    }


    #mainmenu {
        margin-left: -23px;
        font-size: 13px;
    }

    #mainmenu li {
        list-style: none;
        margin-bottom: 18px;
        text-align: center;
    }

    #destination2 {
        top: 354px;
        left: 780px;
    }
#partnertitle{ 
    font-size: 40px;
    margin: 0!important;
 
  
}


.grey {
    background: linear-gradient(
90deg
, #585657 40%, rgba(184, 7, 238, 0) 100%);
}

.pinky {
    background: linear-gradient(
90deg
, #a79891 30%, rgba(0,212,255,0) 100%);
}


.purple {
    background: linear-gradient(
90deg
, #400947 37%, rgba(184, 7, 238, 0) 100%);
}




.contain {
    width: 55%;
}




    div#gallery {
        width: 45%;

    }

    .romane{

        background-size: cover!important;
        background-position-x: 100%;
        
    }

    .tahiana {
   
        background-size: cover!important;
        /* background-position: 100% 30px !important; */
    }

    

    .nextstep {
        left: 46.5%;
    }

    .date {
        /* text-align: center; */
        margin-left: 7%;
        margin-top: 22%;
    }

    video{


        min-width: 140%;
        min-height: 140%;
    }


    #home1 {
        min-height: 796px!important;
        height: auto;
    }
    div#banner2 {
        background-position: 100%;
    }


    #slidermenu {
        /* margin: auto; */
        margin-left: 13%;
     
        margin-top: 50px;
        margin-bottom: 70px;
    }




    .translate1 {
        transform: translate(88px,-161px) scale(0.8);
    }

    .page {
        padding-left: 30%;
        padding-top: 70px;
    }

    #implantation {
        /* text-align: center; */
        margin-left: 0%;

    }


}


@media (max-width: 1280px) { 
footer {
    width: 100%;
    padding-left: 7%;
}


.tahiana {
    background-size: cover!important;
    /* background-position: 100% 30px !important; */
    background-position-x: 34%!important;
}

#topmodel {

    height: auto!important;
}



.models{

    min-height: auto!important;
}





#destination1 {
    top: 480px;
    left: 528px;
}
#destination2 {
    top: 343px;
    left: 738px;
}
.translate1 {
    transform: translateX(40px);
}
}

@media (min-width: 1024px) { 
nav.ray {


    transform: translateX(-123px);
}

}

@media (max-width: 1030px) { 





    section {
        width: 100%;
        min-height: 1035px;
    }

    .flexmobile{

        display:flex!important;
    }




    div#footercontent {
        transform: translateX(0px)!important;
        margin-left:0px!important;
    }

    footer h3 {
       
        margin-left: 90px;

    }


    .copyright {
   
        margin-left: 0px!important; 
    }

    .feedback {
   
        margin-left: 0px!important; 
    }




    .who1{

        background-image: url(/img/who1-mobile.jpg);


    }


    


    .cb-slideshow li:nth-child(1) span {
        background-image: url(../images/1-mobile.jpg)!important;

    }

    .cb-slideshow li:nth-child(2) span {
        background-image: url(../images/2-mobile.jpg)!important;

    }

    .who2{

        background-image: url(/img/who2-mobile.jpg);


    }






    html, body {
        max-width: 100% !important;
     /*   overflow-x: scroll !important;
        -webkit-overflow-scrolling: auto; */
    }
    

    .trailer {


        min-width:100%!important;
        width: 100%;


    }


    .delete{
 
        animation-name: none;
    
    
    }


    .bigtitle {
        top: 210px;
    }

    #marquee {
        width: 60%;
        text-align: center;
        margin-left: 15%;
    }

    .contain {
        width: 77%;
    }

    div#themodeltitle {
        transform: translateX(-20px);
    }

    .desktop{

        display:none;
    }

    .mobile{

        display:block!important;
    }

    .toleft {
        position: absolute;

        left: 4%;
    }


    .toright {
        position: absolute;
        top: 31%;
        left: 98%;

    }


    article {
        padding-top: 0%;
        height: 100%!important;
    }
    
    

    #home1 {
        min-height: 600px!important;
    }
    
    .disappear {
    
        animation-name: none;
    }

    .background {
        background-size: cover;
        background-position: 63%;
    }
    
       


    #map{

        background-size: contain!important;

        height: auto!important;
    }




    .position1 {
        top: 444px;
        left: 50%!important;
    }

  
    div#carousel {
        margin-left: 0%;
        width: 80%!important;
        zoom: 79%;
    }

    #submodelmenu {
        position: fixed;
        left: 6%;
        z-index: 25;
        top: 120px;
    }


    .items {
        position: absolute;
        top: 660px !important;

    }

    .page {
        padding-left: 10%;
        margin: auto;
    
        padding-top: 120px;
    }

    

    .firsttile {
  
        top: 60%;
        left: 0%;
    }

    #implantation {
        width: 75%;
    }

    .view {
        transform: translate(10%,5%);
    }

    .view img {
        transform: translateX(-155px);
    }




    div.menu-pane {
 
        transform: translateX(-120vw);

    }

#home1 {
    min-height: 1100px;

}




    #openmenu:checked ~ .menu-pane {
 
        width: 104%;
    }

    #banner1 {
        animation-duration: 1s;
        background-position-x: 77%;
    }


    .gradient0 {
        background: linear-gradient( 
    98deg
     , rgb(43 6 6) 0%, rgb(145 28 28) 48%, rgb(255 5 5 / 0%) 84%, rgb(255 8 0 / 0%) 90%);
    }


    .logo {
        height: 120px;
        float: right;
        margin-right: 10%;
    }


    .mobile{

        display:block;
    }

 #menumobile {
    background-color: #00000000;
        /* background-position-y: 28px; */
        position: fixed;
        width: 100%;
        margin-top: -10px;
        z-index: 111111;
    }


    #destination1 {
        top: 480px;
        left: 316px;
    }

    #destination2 {
        top: 362px;
        left: 508px;
    }

    .bigtitle{

        left: 29%;
    }

    .signature {
        left: 5%;
    }

    .nextstep {
        left: 44%;
    }

    article {
        width: 50%;
        padding-left: 10%;
        margin-left: 0%;
    }

    footer{

        padding-left: 0%;

    }

    footer ul {
        width: 40%;
    }

    span.breaking-news-title.delay-animated.slidein {
        padding-left: 5%;
    }
    

   .container {
        width: 78%;
        padding: 0px;
    }

    footer form {
        width: 80%;
        padding: 0%;
    }

    



}


@media (max-width: 801px) { 


    .pinky {
        background:none!important;
    
    
    
    }

    
    .grey {
        background:none!important;
    
    
    
    }


    .purple {
        background:none!important;
    
    
    
    }





    .bigtitle {

        top: 0px!important;
        left: 0px!important;
        width: 462px;

        position: relative;
        margin: auto;
        padding-top: 100px;
    }

    #home1 {
        width: 100%;
        min-height: 900px;
        padding-top: 100px;
    }



    #date3 p {
        width: 500px;
    }



 


    #slidermenu {
        /* margin: auto; */
        margin-left: -6%;
    }

    .firsttile {
        top: 45%;
        left: 0%;
    }
    .nextstep {
        position: absolute;
        width: 100%;
        transform: translateX(-42%);
    }
    .todown {
      position: relative;
      height:auto;

    }

    #textintro {
        margin-left: 23%;
        width: 59%;
    }

    #gallery img {
        height: 300px;
    }

    #destination2 {
        top: 354px;
        left: 395px;
    }

    #destination1 {
        top: 442px;
        left: 239px;
    }

    .romane {
        background-size: cover!important;
        background-position-x: 74%!important;
    }

    .tahiana {
        background-size: cover!important;
        /* background-position: 100% 30px !important; */
        background-position-x: 65%!important;
    }


    .eva {
        background-image: url(/img/eva.jpg);
        background-size: auto 80%!important;
        background-position-x: 76%!important;
    }

}


@media (max-width:605px) { 

    video#bgvid {
        min-width: 100%!important;
        min-height: 100%!important;
    }


    .date {
    margin-left: -22%;
    margin-top: 22%;

    }


    
    footer{

        padding-bottom:50px;
    }

    footer h3 {
        margin-left: 0px;
    }

    .feedback {
        margin-left: 0px!important;
        padding: 20px;
    }

    .copyright{

        padding: 20px;
       

    }

    .puceau {
        list-style: none!important; 
        transform: none !important;
    }

    footer ul {
        width: 85%;
        padding: 50px;
    }


    div#footercontent {
        transform: translateX(0px)!important;
        margin-left: 0px!important;
    }

    .button-container .button:nth-child(1) {
        float: left;
        left: 20%;
        top: -40px;
    }

    .button-container .button:nth-child(2) {
        float: right;
        right: 20%;
        top: -40px;
    }




    #marquee {
        width: 100%;
    }

    .date p {
        width: 360px!important;
        margin: auto;
    }

    .date h2 {
        margin-left: 33%!important;
        width: 360px;
    }


    #banner1 {
        background-image: none;
        background-color: #c7161c;
        height: 2049px;
    }


    #banner2{

        background-image: none;
        background-color:#474747;
    }



    .date {
        text-align: center;
        margin-left: -22%;
        margin-top: 22%;
        zoom: 88%;
        -webkit-zoom: 88%;
		-moz-zoom: 88%;
		-o-zoom: 88%; 
    }

    #photoviewer {
        position: fixed;
        width: 130%;
        background-color: #000000de;
        height: 1080px;
        z-index: 111;
        top: -120px;
        left: -166px;
        padding: 20%;
    }
    #implantation {
        width: 100%;
        /* text-align: center; */
        margin-left: -11%;
    }


    #topmodel {
        height: auto!important;
        width: 77%;
        transform: translateX(0px);
    }

#marquee img {
    height: 140px;
    margin: 19px;
}


footer form {
    width: 40%;
    padding: 3%;
    margin: auto;
}



#gallery img {
    height: 200px;
}





#slidermenu {
    /* margin: auto; */
    margin-left: -38px;

}


#gallery img {
    height: 234px;
}




div.menu-pane {

    transform: translateX(-108vw);

}




footer input[type='text'] {


    margin-top:20px;


}





}


@media (max-width: 525px) { 



    .theo-style{

        background-position-x: 40%!important;



    }

    .button {
        top: -278px!important;
    }


    .sending {
        margin-left: 0px;
        margin-top: 115px;
    }

    .bloctext h3 {
        font-size: 22px!important;
    }

    #partnerships {
        transform: translateX(0px)!important;
    }

    span#returnmodel {
        font-size: 59px;
        position: fixed;
        left: 44%;
        bottom: 15px;
        margin: auto;
        
    }

    #destination1 

    .social img {
        height: 30px;
        padding-left: 20px;
    }

    #photoviewer {
    display: none;

    }


    .gotoright {
        color: white;
        position: fixed;
        bottom: 0px;
        right: 0px;
        font-size: 100px;
    }


    .gotoleft{
        color: white;
        position: fixed;
        bottom: 0px;
        left: 0px;
        font-size: 100px;
    }

    
    

    #photoviewer-mobile {
        position: fixed;
        /* width: 130%; */
        background-color: #000000de;
        height: 1080px;
        z-index: 11111!important;
        top: 0px;
        left: 0px;

    }

    #photoviewer-mobile nav {

        width: 90%;
        height: 90%;
        padding-top:100px;


    }

    .mobilephotoview {


        width:100%!important;
        height:auto!important;
        padding: 30px;
        margin:auto;


    }


    input[type="checkbox"] {

        width: 20px!important;
 
        height: 20px!important;
     
    }

    #returnback {
        transform: translateY(-10px);
    }


    section#theviewer {
        margin-top: 100px;
    }

    #theform article {
        width: 75%;
    }

    #home4 {
        background-image: none!important;
        background-position-x: 93%;
        background-color: black;
        padding-top: 70px;
    }

    div#partnerscroll {
        margin: auto;
        width: 100px;
    }

    div#partnerscroll2 {
        margin: auto;
        width: 0px;
    }

    .oceane p {
        width: 100%;
    }

    #ouragency li {
        font-size: 25px!important;
        transform: translateX(0px)!important;
    }


    nav.column {
        transform: translatex(33px)!important;
    }

    .container {
        width: 100%;
        padding: 0px;
        text-align: center;
    }


    .viewphoto {
        cursor: zoom-in!important;
        /* height: 600px; */
        padding-top: 30px;
        width: 87%;
    }


    div#direction span {
        font-size: 69px;
    }


    .titlemodels{

        color:white!important;
    }


    #guadeloupe {
        background-image: url(/img/guadeloupe-mobile.jpg);
    }


    #partnertitle {
        font-size: 29px;
        margin: 0!important;
        text-align: center;
        padding-left: 0%!important;
    }

    .partnerform {
        width: 280px;
        height: 70px;
        font-size: 20px;
        margin-top: 50px;
    }
    


    .toppader {
        margin-top: 850px !important;
    }

    
    #topmodel {
        height: auto!important;
        width: 77%;
        transform: translateX(0px);
        margin-top: 100px;
    }

    #topmodel h1 {
        font-size: 60px;
        transform: translateY(-64px);
    }


    div#modelportrait {
        width: 100%;
        height: 1000px;
        position: absolute;
        top: 0px;
        left: 0px;
        background-position-x: 90%;
    }

    .page h1 {
        font-size: 40px;
        margin: auto;
    }

    nav.column {
        width: 136px;
    }

    nav.ray {
        height: auto;
        background-color: white;
        width: 1px;
        margin-right: 100px;
        /* position: absolute; */
        top: 0px;
        transform: translate(160px, 10px);
    }


    #date4 ul {
        width: 100%;
        padding-left: 0px;
        /* padding-right: 20px; */
    }

    .date h2 {
        font-size: 40px;
    }

    .models {
        background-size: 1240px 1440px;
        background-repeat: no-repeat;
        background-position-x: 96% !important;
           background: linear-gradient(
90deg
, #363435 0%, rgb(0 0 0 / 95%) 80%)!important;
        -webkit-background: linear-gradient(90deg, #363435 0%, rgb(0 0 0 / 95%) 80%)!important;


    }


    .bio {
        width: 100% !important;
    }
    
  



    article#topmodel p {
        font-size: 28px;
        margin-top: 50px;
    }

    nav.menuformobile button {
        font-size: 24px;
        margin: 16px;
    }
    



    .menufordesktop{


        display:none!important;
    }
    
    

.menuformobile{


    display:block!important;
}

nav.modelmenu {

    display: flex;
}

.modelmenu span {
    padding-left: 4%;
    padding-right: 4%;
    font-size: 25px;
    padding-bottom: 30px;
}

.models {
    background-position-x: 107%;
    box-shadow: 388px 1896px 168px 215px rgb(0 0 0 / 33%) inset;

    -webkit-box-shadow: 388px 1896px 168px 215px rgb(0 0 0 / 33%) inset;
    -moz-box-shadow: 388px 1896px 168px 215px rgb(0 0 0 / 33%) inset;
}

#destination1 {
    position: relative!important;
    left: 0px !important;
    top: 0px!important;
}


.position1 {
    top: 625px!important;
    left: 50%!important;
}


    img.checkmodels {

        width:100%;
    
    }

    

    .page {
        padding-left: 11%!important;
    }
    #map {
        background-image: none!important;
        padding-left: 10px!important;
    }




}
    




@media (max-width: 505px) { 


  
    .date ul {
        width: 340px;
        padding-left: 100px;
        /* padding-right: 20px; */
    }


    .dermobile{

        display:block;
    }

    img.resized {
        height: auto!important;
        width: 350px!important;
        padding-bottom: 74px;
    }

    #home1,#home2,#home3 {
        width: 100%;
        height:auto!important;
        min-height: auto!important;
        padding-bottom: 60px;
        padding-top: 60px;
    }


    nav.modelmenu {

        font-size: 25px;

        font-weight: bolder;
    }

    #home1 {
        padding-bottom: 50%;
    }

    .desktop{

        display:none;

    }

    div#down2 {
       transform: translate(39px, 98px);
        /* transition-duration: 0s; */
    }


    div#up1 {

        transform: rotate( 
    180deg
     ) translate(-37px, 157px);
    }



h1, h2, h3 {
 
    font-size: 50px;
}


.menu-pane nav {
    padding: 4%;

}


#gallery{

    display:none;
}


}



@media (max-width: 450px) {



    
  


    .bio {
        width: 330px;
    }

    #partnerships {
        transform: translateX(0px)!important;
    }

    #gallery{

        display:block!important;


    }

    .derdesktop{

        display:none;

    }

    #marquee {
        width: 100%;
        text-align: center;
        margin: auto!important;
        padding-left: 11%;
    }
    
    html.js.cssanimations {
        zoom: 80%;
    }
    

    .who1 {
      
        background-position: 22%;
    }

    .who2 {
    
        background-position: 66%;
    }

    .date h2 {
        font-size: 40px;
        width: 345px!important;
        margin: auto;
        padding-bottom: 60px;
          margin-left: auto!important;
    }

    .who3 {
        background-image: url(/img/who3-mobile.jpg);
        transition-duration: 1s;
        background-position: 40%;
    }




    #implantation {
        margin-left: -12%;
    }

    div#down {
        transform: translate(22%, -38px);
        /* transition-duration: 0s; */
    }

    div#up {
       
        transform: rotate( 
    180deg
     ) translate(76%, 273px);
    }

    div#down1 {
        transform: translate(25px, -87px);
        /* transition-duration: 0s; */
    }

    div#up1 {
       
        transform: rotate( 
    180deg
     ) translate(94%, 220px);
    }

    div#down2 {

        /* transition-duration: 0s; */
        display: none;
    }

    div#up2 {
    
        transform: rotate( 
    180deg
     ) translate(212px, 210px);
    }*

    #photoviewer {
        position: fixed;
        width: 132%;
        background-color: #000000de;
        height: 1080px;
        z-index: 111;
        top: -118px;
        left: -165px;
    }

    #gallery nav {
        display: flex;
    }

    .modelpic div {
        margin-left: 0%;
    }



    #gallery img {
        height: 160px;
    }

    @supports (-webkit-touch-callout: none) {
    #gallery img {
        height: 140px;
    }

}

    #story section {
        padding-left: 0%;
    }

    .page {
        padding-left: 11%;

    }

    #date2 p {
        width: 88%;
    }

    .toright4 {
   
        margin-top: -111px;
      
    }

    .romane {
        background-size: cover!important;
        background-position-x: 74%!important;
        background-position-y: 106%!important;
        background-image: none;
        background-color: #ffebeb9e;
    }

    .eva {

        background-size: auto 80%!important;
        background-position-x: 76%!important;
        background-color: #878686;
        background-image: none!important;
    }

    

    .tahiana {
        background-size: cover!important;
        /* background-position: 100% 30px !important; */
        background-position-x: 65%!important;
        background-image: none;
        background-color: #8c00ff;
    }


    .models {
        min-height: 1550px!important;
        background-color: black;
        text-shadow: #000 1px 0 10px;
        padding-bottom: 100px;
    }

    div#themodeltitle h1 {
        font-size: 38px;
    }


    #date3 p {
        width: 88%;
    }

    footer {
        padding-left: 0%;
        margin-top: -18px;
    }
    


    div.menu-pane {
   
        left: 2%;

    }

    article {
        width: 82%;
     
    }

    .background {

        background-position: 73%;
    }

    #textintro {
        margin-left: 12%;
        width: 80%;
    }
    

    .gradient45 {
        background: linear-gradient( 
    98deg
     , rgb(6 0 0) 0%, rgb(39 39 42) 28%, rgba(125,104,95,0) 90%);
    }

    .flexible{
        display:block;

    }

    .gradient2 {
        background: linear-gradient(
    98deg
    , rgba(161,162,166,1) 0%, rgb(161 162 166 / 56%) 68%, rgb(161 162 166 / 0%) 84%);
    }

    footer ul {
        width: 85%;
        padding: 50px;
    }
    footer form {
        width: 60%;
        padding: 3%;
        margin: auto;
    }

    .partners {
        height: 160px;
        margin: 0px;
    }

    .bigtitle{

        font-size: 35px !important;
    }

}
 
@media (max-width: 390px) {


    .date ul {
        width: 340px;
        padding-left: 80px;
        /* padding-right: 20px; */
    }

    
    


    #ouragency strong {
        /* width: 25px; */
        font-size: 12.5px;
    }



.bigtitle h1 {
    font-size: 37px;
}

.bigtitle {
width: 360px;

}


}


@media (max-width: 375px) {
#gallery img {
    height: 140px;
}

}
 
@media (max-width: 330px) {

#gallery img {
    height: 125px;
}




}

/*-----------------------TABLETTE--------------------------*/

@media screen and (min-height:1285px) and (max-height:1368px) and (max-width:1025px){

    .bigtitle {
        left: 16px!important;
        top: -293px!important;
    }
    section#home1 {
        padding-top: 750px!important;
    }

    
    .position1 {
        top: 810px!important;
        left: 50%!important;
    }

  
    
    }


    @media screen and (min-height: 1285px) and (max-height: 1368px) and (max-width:1025px){

        .bigtitle {
    left: 29%!important;
    top: 540px!important;
}


}

    @media screen and (min-height:1026px) and (max-height:1284px) and (max-width:1025px){

        
        .bigtitle {
            top:-350px!important;
        }

        section#home1 {
            padding-top: 750px!important;
        }
    

        .nextstep {

            transform: translateX(-52%);
        }

        .position1 {
            top: 810px!important;
            left: 50%!important;
        }
    
    
    
    
}



@media screen and (min-height:902px) and (max-height:1025px) and (max-width:1025px){

        
    .bigtitle {
        top: 35%!important;
    }
    section#home1 {
        padding-top: 419px!important;
    }
    .nextstep {

        transform: translateX(-52%);
    }

    .position1 {
        top: 689px!important;
        left: 50%!important;
    }




}




@media screen and (min-height:855px) and (max-height:902px) and (max-width:1025px){

    section#home1 {
        padding-top: 69%!important;
        padding-bottom: 93%!important;
    }
    .position1 {
        top: 628px!important;
        left: 50%!important;
    }

        
}






@media screen and (min-height:820px) and (max-height:855px) and (max-width:1025px){

    section#home1 {
        padding-top: 50%!important;
        padding-bottom: 75%!important;
    }
    .position1 {
        top: 628px!important;
        left: 50%!important;
    }

        
}


@media screen and (min-height:802px) and (max-height:820px) and (max-width:1025px){

    section#home1 {
        padding-top: 50%!important;
        padding-bottom: 111%!important;
    }
    .position1 {
        top: 628px!important;
        left: 50%!important;
    }

        
}


@media screen and (min-height:739px) and (max-height:802px) and (max-width:1025px){

    section#home1 {
        padding-top: 50%!important;
        padding-bottom: 100%!important;
    
    }
    
    .position1 {
        top: 660px!important;
        left: 44%!important;
    }
        
}


@media screen and (min-height:702px) and (max-height:739px) and (max-width:1025px){

    section#home1 {
        padding-top: 50%!important;
        padding-bottom: 77%!important;
    }
    .position1 {
        top: 524px!important;
        left: 50%!important;
    }
        
}



@media screen and (min-height:602px) and (max-height:702px) and (max-width:1025px){

    section#home1 {
        padding-top: 310px!important;
    }

    .position1 {
        top: 625px!important;
        left: 50%!important;
    }
        
}


@media (max-height:601px) and (max-width:1025px){

    section#home1 {
        padding-top: 0px!important;
    }
    .position1 {
        top: 430px!important;
        left: 50%!important;
    }
            
    }
    

    
/*---------------------------------IOS-----------------------------*/
@supports (-webkit-touch-callout: none) {

    


    @media (max-width: 555px) {
.menu-pane ul {
    display: inline-block!important;
    margin-left: 70px!important;
    overflow-y: scroll!important;
    height: 600px!important;
    padding: 10px!important;
}


#ouragency nav {
    width: 602px!important;
}

input[type="checkbox"] {

    width: 30px!important;

    height: 30px!important;
 
}






.items {
    position: absolute!important;
    transform: scale(0.6)!important;
}


.bigtitle {

    left: -15px!important;

}

.date{

    transform:scale(0.9)!important;
}

div#modelportrait {
  
    background-position-x: 89%;
}


#modelstaks {
    transform: translateX(-10%)!important;
}
    .menu-pane li:first-child {

    font-size: 0.9em!important;
    margin-left: 0px!important;
}

nav.modelmenu {
    font-size: 16px!important;
    font-weight: bolder!important;
}

#topmodel {

    width: 77%!important;
    transform: translateX(-18px)!important;
  
}


h1, h2, h3 {
    font-size: 38px!important;
}

.move1 {
    transform: translateY(-19px)!important;
    font-size: 20px!important;
}


#gallery img {
    height: 125px!important;
}


nav.column {
    transform: translatex(-65px) !important;
}

.modelmenu span {
   
    font-size: 18px!important;

}

.position1 {
    top: 550px!important;
    left: 44% !important;
}

.column h3 {
    font-size: 20px!important;
}

}
}