/*
 * Title:   Thusi
 * Author:  randunuge@gmail.com
 */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
[Table of contents]

1. New Grid System
2. Add clearfix in the grid system
3. Styles for devices(>=992px and <=1199px)
4. Styles for devices(<=1199px)
5. Styles for devices(<=991px )
6. Styles for devices(>=768px and <= 991px)
7. Styles for devices(<=767px )
8. Styles for devices(<=480px )
9. Styles for devices(<=320px )

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


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

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

   }
@media (min-width: 1200px) {
   .hotel-pix{
        width: 890px;
        height: 570px;
         overflow: hidden;
    }

    .room-thumb{
        width: 210px;
        height: 140px;
         overflow: hidden;
    }

    .list-thumb{
        width: 270px;
        height: 200px;
         overflow: hidden;
    }

    .pnf-thumb{
      width: 270px;
      height: 230px;
       overflow: hidden;
    }

    .featured-thumb{
      width: 260px;
      height: 200px;
       overflow: hidden;
    }

    .dayuse-thumb{
      width: 368px;
      height: 240px;
       overflow: hidden;
    }

    .dayuse-thumb-home{

      width: 268px;
      height: 160px;
      overflow: hidden;

    }

    #overlayForm {
      width:90%;
    }

  }


/* 3. Styles for devices(>=992px and <=1199px) */
@media (min-width: 992px) and (max-width: 1199px) {

   .hotel-pix{
        width: 890px;
        height: 570px;
         overflow: hidden;
    }

    .room-thumb{
        width: 100px;
        height: 50px;
         overflow: hidden;
    }

    .list-thumb{
        width: 270px;
        height: 200px;
         overflow: hidden;
    }

    .featured-thumb{
      width: 260px;
      height: 200px;
       overflow: hidden;
    }

    .dayuse-thumb{
      width: 300px;
      height: 200px;
       overflow: hidden;
    }

    .dayuse-thumb-home{

      width: 268px;
      height: 160px;
      overflow: hidden;

    }


   }
/* 4. Styles for devices(<=1199px) */
@media (max-width: 1199px) {
    .hotel-pix{
        width: 890px;
        height: 570px;
        overflow: hidden;
    }

    .room-thumb{
        width: 210px;
        height: 140px;
        overflow: hidden;
    }

    .list-thumb{
        width: 270px;
        height: 200px;
        overflow: hidden;
    }

    .featured-thumb{
      width: 260px;
      height: 200px;
      overflow: hidden;
    }

    .dayuse-thumb{
      width: 300px;
      height: 200px;
      overflow: hidden;
    }

    .dayuse-thumb-home{

      width: 268px;
      height: 160px;
      overflow: hidden;

    }

   }

@media (max-width: 1024px) {
   .hotel-pix{
        width: 720px;
        height: 480px;
        overflow: hidden;
    }

    .room-thumb{
        width: 180px;
        height: 100px;
        overflow: hidden;
    }

    .list-thumb{
        width: 245px;
        height: 240px;
        overflow: hidden;
    }

    .featured-thumb{
      width: 260px;
      height: 200px;
      overflow: hidden;
    }

    .dayuse-thumb{
      width: 302px !important;
      height: 200px;
      overflow: hidden;
    }

    .dayuse-thumb-home{

      width: 268px;
      height: 160px;
      overflow: hidden;

    }
  }
/* 5. Styles for devices(<=991px ) */
@media (max-width: 991px) {
  .hotel-pix{
        width: 100%;
        height: 430px;
        overflow: hidden;
    }

    .room-thumb{
        width: 100%;
        height: 180px;
        overflow: hidden;
    }

    .list-thumb{
        width: 100%;
        height: 160px;
        overflow: hidden;
    }

    .featured-thumb{
      width: 260px;
      height: 200px;
      overflow: hidden;
    }

    .dayuse-thumb{
      width: 343px !important;
      height: 200px;
      overflow: hidden;
    }

    .dayuse-thumb-home{

      width: 100%;
      height: 160px;
      overflow: hidden;

    }

   

   }
/* 6. Styles for devices(>=768px and <= 991px) */
@media (min-width: 768px) and (max-width: 991px) {

  
   }
@media (min-width: 481px) and (max-width: 767px) {


  /*.hidden-xs { display: block !important; }*/ }
/* 7. Styles for devices(<=767px ) */
@media (max-width: 767px) {

  .hotel-pix{
        width: 100%;
        height: 230px;
        overflow: hidden;
    }

    .room-thumb{
        width: 100%;
        height: 180px;
        overflow: hidden;
    }


    .list-thumb{
        width: 100%;
        height: 160px;
        overflow: hidden;
    }

    .featured-thumb{
      width: 384px !important;
      height: 220px;
      overflow: hidden;
    }

    .dayuse-thumb{
      width: 100% !important;
      height: 200px;
      overflow: hidden;
    }

    .dayuse-thumb-home{

      width: 100%;
      height: 160px;
      overflow: hidden;

    }

    
   }
/* 8. Styles for devices(<=480px ) */
@media (max-width: 480px) {

   .featured-thumb{
      width: 343px !important;
      height: 220px;
      overflow: hidden;
    }

  .dayuse-thumb{
      width: 100% !important;
      height: 200px;
      overflow: hidden;
    }

    .dayuse-thumb-home{

      width: 100%;
      height: 160px;
      overflow: hidden;

    }

   }
/* 9. Styles for devices(<=320px ) */
@media (max-width: 320px) {
  .dayuse-thumb{
      width: 100% !important;
      height: 200px;
      overflow: hidden;
    }

    .dayuse-thumb-home{

      width: 100%;
      height: 160px;
      overflow: hidden;

    }
  }