/*--- Big Monitor ---*/
@media (min-width: 1920px) and (max-width: 1080px) {
  body::-webkit-scrollbar {
    display: none;
  }

}

/*--- Small Monitor ---*/
@media (min-width: 1280px) and (max-width: 800px) {
  body::-webkit-scrollbar {
    display: none;
  }

}

/*--- iPad Landscape ---*/
@media (width: 1024px) {
  body::-webkit-scrollbar {
    display: none;
  }
}

/*--- iPad Portrait ---*/
@media (min-width: 768px) and (max-width: 1023px) {
  body::-webkit-scrollbar {
    display: none;
  }
  
  .carousel-caption{
    font-size: 14px;
    line-height: 18px;
  }

  .carousel-control img{
    width:40px;
  }
}

/*--- Small Tablet Landscape ---*/
@media (width: 800px) {
  body::-webkit-scrollbar {
    display: none;
  }
  
  .header .top-menu li a {
    width:120px;
  }
}

/*--- Small Tablet Portrait ---*/
@media (min-width: 600px) and (max-width: 799px) {
  body::-webkit-scrollbar {
    display: none;
  }
  
  .header .top-menu li a {
    width:95px;
  }

  .content-area .content-wrapper{
    padding:20px;
  }

  .carousel-caption{
    font-size: 14px;
    line-height: 18px;
  }

  .carousel-control img{
    width:40px;
  }
}

/*--- iPhone5 Landscape ---*/
@media (width: 568px) {
  body::-webkit-scrollbar {
    display: none;
  }
  
  .home-thumb img, .home-ranges img{
    height:auto;
  }

  .tinynav { display: block; width:100%; margin-top:10px; font-size: 14px; text-align: center; }
  #main-menu { display: none }

  .content-area .content-wrapper{
   padding:20px;
  }

  .carousel-caption{
    font-size: 14px;
    line-height: 18px;
  }

  .carousel-control img{
    width:40px;
  }
}

/*--- iPhone5 Portrait ---*/
@media (min-width: 320px) and (max-width: 567px) {
  body::-webkit-scrollbar {
    display: none;
  }
  
  .tinynav { display: block; width:100%; margin-top:10px; font-size: 14px; text-align: center; }
  #main-menu { display: none }
}

/*--- Smartphone Landscape ---*/
@media (width: 480px) {
  body::-webkit-scrollbar {
    display: none;
  }

  .tinynav { display: block; width:100%; margin-top:10px; font-size: 14px; text-align: center; }
  #main-menu { display: none }

  .content-area .content-wrapper{
   padding:20px;
  }

  .carousel-caption{
    font-size: 14px;
    line-height: 18px;
  }

  .carousel-control img{
    width:40px;
  }

}

/*--- Smartphone Portrait ---*/
@media (min-width: 320px) and (max-width: 479px) {
  body::-webkit-scrollbar {
    display: none;
  }

  .tinynav { display: block; width:100%; margin-top:10px; font-size: 14px; text-align: center; }
  #main-menu { display: none }

  .content-area .content-wrapper{
    padding:20px;
  }

  .carousel-caption{
    display: none;
  }

  .carousel-control img{
    width:20px;
  }
}