@-ms-viewport {
  width: device-width;
  height: device-height;
}

@media (max-height: 600px;) {
  
}


@media (min-width: 768px) and (max-width: 979px) {
  
}


@media (min-width: 768px) {
  
}


@media (max-width: 767px) {
  .carousel {
    height: auto;
  }
  .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    width: 180%;
  }
  .carousel-caption {
    background-color: #fff;
    padding: 1em;
    width: 100%;
  }
  .carousel-caption h4, .carousel-caption p {
    color: #888;
    line-height: 1.2;
  }
  .carousel-control {
    top: 30%;
  }
  .categories {
    margin-bottom: 1em;
  }
  .wrap-content > section {
    padding: .5em .8em;
  }
  /* map: 750 */
  .m960 {width:750px;}
  .m960 .continents,.m960 .continents .bg, .m960 .continents-cities {background:transparent url('c-750.png') no-repeat -890px 0;}
  .m960 .c1.focus .bg, .m960 .c1.active-region .bg {height:70px; left:353px; top:107px; width:40px;}
  .m960 .c1 {}
  .m960 .c1 a {left:380px;top:151px;} 
  .m960 .c2 a {left:168px;top:308px;}
  .m960 .c3 a{}
}


@media (min-width: 1200px) {
  
}


@media (max-width: 480px) {
  .photos-gallery {
    margin-top: 0;
    padding: 0 1em;
  }
  .photos-gallery .links a {
    width: 100%;
    margin: 0;
  }


  /* size: 540 */
  .m960 {width:540px;} 
  .m960 .continents, .m960 .continents .bg, .m960 .continents-cities {background:transparent url('c-540.png') no-repeat -1230px 0;}
  .m960 .c1.focus .bg, .m960 .c1.active-region .bg {height:47px; left:232px; top:68px; width:27px;} 
  .m960 .c1 {}
  .m960 .c1 a {left:253px;top:101px} .m960 .c2 a{left:112px; top:205px;} 
  .m960 .c3 a {}
}


@media (max-width: 979px) {
  .wrap-body > .container > header, .wrap-content, footer {
    margin-left: -20px;
    margin-right: -20px;
  }
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
  header.main-header {
    text-align: center;
  }
  .home-copy {
    padding: 2em 0 1em;
  }
  .wrap-imgThumb {
    height: auto;
  }
  .right-side.affix {
    position: static;
  }
  .user-profile header h1 {
    margin: 1em 0 .5em;
    text-align: center;
  }
  header, footer, .text-right  {
    text-align: center;
  }
  .hero-form .wrap-input {
    margin-bottom: .5em;
  }
  .hero-action {
    margin-top: 6em;
    position: static;
    width: 100%;
    padding: 0 20px;
  }
  .navbar .brand {
    width: 100%;
    margin-bottom: 1em;
    float: none;
    padding: 0;
  }
  .navbar .brand img {
    width: 60%;
  }
  .ensemble-logo img {
    max-height: 40px;
  }
  .agency-info {
    text-align: center;
    padding: 0;
    margin: 0;
  }
  .navbar .btn-navbar {
    background: transparent;
    border: none;
    margin-top: 0;
    margin-bottom: 10px;
    color: #9D4192;
  }
  .row-fluid .thumbnails {
    margin: 0;
  }
  .row-fluid .thumbnails .span3, .row-fluid .thumbnails .span3:first-child {
    width: 100%;
    margin-left: 0;
  }
}


@media (min-width: 980px) {

}