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

#solf-slider, #rev_slider_1_3_wrapper {

    height: 340px !important;
}

#solf-bloc, #solf-logo-block, #logo {
    height: 30px;
 }

#bloc-menu {
    height: 30px;
    padding: 0;
}
#bloc-menu ul li a {
    font-size: 13px;
}


#bloc-menu ul
{
padding: 4px 0 0 0;

}

#cache {
  height: 367px;
  display: table;
}

.legende {

  margin: 266px auto 0 auto;
}

.animm1 {
  font-size: 14px;
}
.animm {

  font-size: 26px;
}


.works {

  width: 42%;
  height: 107px;
  margin: 0 3% 16px 3%;
  font-size: 12px;
  line-height: 104px;
}
 
#suite {
  height: 510px;
  font-size: 23px;
}


#adv, #rev_slider_2_2_wrapper {
  height: 350px!important;
}

.welcome
{
  display: block;
  width: 80%;
  margin: 0 auto;
}

#cache2 {
  height: 218px;

}

.thintext_dark 
{
  line-height: 10px!important;
  font-size: 8px!important;
  top: 23.333px!important;

}

.large_bg_black-button 
 {
  padding: 7px 9px 8px!important;

  font-size: 9px!important;
  left: 23px!important;
  top: 75.167px!important;

}
.nspImageWrapper {
  margin: 0 0 0 0 !important;

}

#nsp-nsp-94 .nspArt p.nspText, #nsp-nsp-94 .nspArt:hover p.nspText {
  padding: 4% 11% !important;
  background: rgba(0,0,0,0.5);
  bottom: 0;
  z-index: 2000;
}

#nsp-nsp-94 .nspArt h4, #nsp-nsp-94 .nspArt:hover h4 {
  font-size: 34px;
   bottom: 99px;
   z-index: 2000;

}


.legende2 {

  margin: 232px auto 0 auto;
  font-size: 14px;

}

.arts {

  margin: 100px auto 0 auto;
  font-size: 20px;
}

 
#adv2 {

  height: 1871px; 
}

#cache3 {
  height: 400px;

}

#foot-in {
  width: 90%;
  padding: 10px 0 0 0;
}

#adress {
  width: 100%;
  height: 150px;
  float: left;
  padding: 0px 0 0 0;
  text-align: center;

}

.social {

  width: 80%;

  margin: 0 auto;
}

#solf-slider .custom img
{
  width: 214%;
  height: auto;
}

#solf-slider .custom 
{
  overflow: hidden;
}


.legen {
  width: 60%;
  height: 82px;
  font-size: 13px;

}

.legen span{
  font-size: 12px!important;

}

.item-page {
  padding: 30px 0;
  font-size: 12px;
  text-align: justify;
}
#si-prev {

  height: 479px;
}




}

 







/*---------------------------------------------------------------------------------------*/



@media (min-width:520px) and (max-width:639px)

 {

#adv2 {
  height: 1763px;
}

}


/*---------------------------------------------------------------------------------------*/


@media (min-width:640px) and (max-width:1023px)

 {

#bloc-menu {

  padding: 2px 0 0 0;
}
#solf-slider {

  height: 230px;

}
#cache {
  height: 270px;

}

.legende {

  margin: 270px auto 0 auto;
}
.animm1 {
  font-size: 24px;
}
.animm {

  font-size: 58px;
}


.works {
  font-size: 12px;
height: 98px;
  line-height: 97px;

}

#anim-work {

  height: 96px;

}
#suite {
  height: 330px;
  font-size: 19px;
}

#adv {
  height: 388px;
}

#cache2 {

  height: 283px;
 
}
#nsp-nsp-94 .nspArt p.nspText {
bottom: 32px;
  font-size: 9px;

}
#nsp-nsp-94 .nspArt:hover h4 {
  bottom: 105px;
}
#nsp-nsp-94 .nspArt h4 {
    bottom: 105px;
  font-size: 18px;

}
#nsp-nsp-94 .nspArt:hover p.nspText {
  bottom: 32px;
}

#adv2 {
  height: 456px;
}
#cache3 {

  width: 100%;
  height: 411px;

}

.legende2 {
  margin: 40px auto 0 auto;
}
.arts {

  margin: 319px auto 0 auto;
}

#foot-in {
  font-size: 9px;
}

#adress .custom p span
{

    font-size: 11px!important;

}
#adress .custom img {
  border: 0;
  width: 60%;
  height: auto;
}
.social div {
  font-size: 9px; 
}
.social a {
 
  height: 22px;
  width: 22px;
  font-size: 13px;

}

.legen span{
  font-size: 27px!important;
}

.legen {

  height: 115px;
  font-size: 19px;

}

#page-in {
  font-size: 14px;
  text-align: justify;
}

#si-prev {
  height: 372px;
}


  }

  /*---------------------------------------------------------------------------------------*/



@media (min-width:760px) and (max-width:1023px)

 {

#si-prev {
  height: 358px;
}

}


  /*---------------------------------------------------------------------------------------*/



@media (min-width:800px) and (max-width:1023px)

 {

.legende {
  margin: 280px auto 0 auto;
}

}


  /*---------------------------------------------------------------------------------------*/



@media (min-width:915px) and (max-width:1023px)

 {

#solf-slider, #cache {
  height: 560px;
}

#rev_slider_1_3_wrapper {
  height: 520px!important;
}
.legende {
  margin: 388px auto 0 auto;
}
#adv {
  height: 506px;
}
#rev_slider_2_2_wrapper, #rev_slider_3_1_wrapper
{
  height: 468px!important;
}

}


  /*---------------------------------------------------------------------------------------*/

@media (min-width:1024px) and (max-width:1280px)

 {
#cache {
  height: 775px;

}
.legende {
  margin: 598px auto 0 auto;
}
.animm1 {
  font-size: 27px;
}
.animm {
  font-size: 64px;
}
.works {
  font-size: 17px;
}

#suite {
  height: 520px;
  font-size: 29px;
}
#adv {
   height: 690px;
}
#adv2 {
 
  height: 621px;
}
#footer {
  height: 237px;
}

#foot-in {
   height: 200px;
}
#solf-slider .custom img
{
    width: 146%;
    height: auto;
}

#solf-slider .custom 
{
   overflow: hidden;
}
#si-prev {
  
    height: 339px;
}



}


  /*---------------------------------------------------------------------------------------*/


@media (min-width:1152px) and (max-width:1280px)

 {
#cache2 {

  height: 469px;

}
#cache {
    height: 814px;
}

#nsp-nsp-94 .nspArt h4 {
    font-size: 42px;
}



 }


   /*---------------------------------------------------------------------------------------*/


@media (min-width:1281px) and (max-width:1441px)

 {
#rev_slider_1_3_wrapper {

    height: 741px!important;

}

#cache {
    height: 591px;

}
.legende {
  
    margin: 503px auto 0 auto;
}
#adv {

    height: 790px;
}
#cache2 {
    height: 509px;

}

#adv2 {
    height: 788px;
}


 }


   /*---------------------------------------------------------------------------------------*/


@media (min-width:1282px) and (max-width:1600px)

 {

  #rev_slider_1_3_wrapper {

    height: 922px!important;

}

#solf-slider {

    height: 683px;

}

#cache {
    height: 994px;

}
.legende {
    margin: 600px auto 0 auto;
}
#adv {

    height: 890px;
 }
#adv2 {
    height: 859px;
}


 }


   /*---------------------------------------------------------------------------------------*/


@media (max-height: 1200px)

 {

  #rev_slider_1_3_wrapper {

    height: 922px!important;

}

#cache {
    height: 925px;

}
.legende {
    margin: 596px auto 0 auto;

}
 }