@charset "utf-8";

.listingblock {border-bottom: solid 1px #b6034f; overflow: hidden; height: auto; position: relative; width: 100%; background-color: #fff; border-bottom: solid 1px #b6034f;}
.text-mid{text-align: left; padding-bottom: 20px;}
.text-right{text-align: left; font-weight: bold;}
h5 { color: #414143; font-size: 20px; font-weight: bold; margin: 10px 0 0 0; text-align: left;}
h6 { color: #414143; padding: 10px 0 0 0; font-size: 14px; text-align: left; margin: 0 0 10px; font-weight: 700;}


.location-cell input{ margin-left:5px; padding-top: 0px;vertical-align: bottom; position: relative;  top: -2px;}
.search-cell{    overflow: hidden;}
#location-title{font-weight: 700;   font-size: 14px; margin-bottom: 10px;}
#left-check{overflow: hidden;}
#right-check{overflow: hidden;}
.popup-gallery a{position: relative; overflow: hidden; display: inline-block;}
    /* ======================================================================== */
    /* ======================================================================== */
    /* ========================= MEDIA QUERIES   ============================== */
    /* ======================================================================== */
    /* ======================================================================== */



    /* ======================================================================== */
    /* =========================   XXX Largest    ========================== */
    /* ======================================================================== */
    @media  (min-width : 1601px){
      .searchblock {     position: relative;    margin-left: auto;    margin-right: auto;    height: auto; }
      .searchblock {     width: 100%;     padding: 10px; }
      .search-cell {    height: auto;   position: relative;  padding: 10px;   text-align: center; }
      .search-cell label {  width: 100%;  position: relative;  float: left;  text-align: center; font-weight: 700; font-size: 14px; }
      .listingblock img{width: 160px; height: 120px;}
      .text-mid{margin-top: 0px;}
      .check-label{width: auto; margin: 0 10px 0 10px; padding: 0px;}
      #location-title{width:100%; float: left; text-align: center;}
      #left-check{text-align: right;}
      #right-check{text-align: left;}
    }

    /* ======================================================================== */
    /* =========================   Largest    ========================== */
    /* ======================================================================== */
    @media  (min-width : 1201px) and (max-width : 1600px) {
      .searchblock {     position: relative;    margin-left: auto;    margin-right: auto;    height: auto; }
      .searchblock {     width: 100%;     padding: 10px; }
      .search-cell {    height: auto;   position: relative;  padding: 10px;   text-align: center; }
      .search-cell label {  width: 100%;  position: relative;  float: left;  text-align: center; font-weight: 700; font-size: 14px; }
      .listingblock img{width: 160px; height: 120px;}
      .text-mid{margin-top: 0px;}
      .check-label{width: auto; margin: 0 10px 0 10px; padding: 0px;}
      #location-title{width:100%; float: left; text-align: center;}
      #left-check{text-align: right;}
      #right-check{text-align: left;}
    }

    /* ======================================================================== */
    /* ========================= Second Largest    =========================== */
    /* ======================================================================== */

    @media (min-width : 993px) and (max-width : 1200px) {
      .searchblock { position: relative; margin-left: auto;  margin-right: auto;  height: auto; }
      .listingpic,
      .searchblock {  overflow: hidden;  }
      .searchblock {   width: 100%;   padding: 10px; }
      .search-cell {   height: auto;   position: relative;  padding: 10px; text-align: center; }
      .search-cell label {    width: 100%;   position: relative;     float: left;    text-align: center;    font-weight: 700;  font-size: 14px; }
      .listingblock img{width: 160px; height: 120px;}
      .text-mid{margin-top: 0px;}
      .check-label{width: auto; margin: 0 10px 0 10px; padding: 0px;}
      #location-title{width:100%; float: left; text-align: center;}
      #left-check{text-align: right;}
      #right-check{text-align: left;}
    }

    /* ======================================================================== */
    /* =========================   Second  Smallest  ========================== */
    /* ======================================================================== */
    @media (min-width : 769px) and (max-width : 992px) {
      .searchblock {   position: relative; margin-left: auto;  margin-right: auto; height: auto;  overflow: hidden; }
      .listingpic,
      .searchblock { overflow: hidden }
      .searchblock {  width: 100%;   padding: 10px;}
      .search-cell {   height: auto;       position: relative;        padding: 10px;        text-align: center;    }
      .search-cell label { width: 100%;  position: relative;  float: left;  text-align: center; font-weight: 700;  font-size: 14px; }
      .listingblock img{width: 160px; height: 120px;}
      .text-mid{margin-top: 0px;}
      .check-label{width: auto; margin: 0 10px 0 10px; padding: 0px;}
      #location-title{width:100%; float: left; text-align: center;}
      #left-check{text-align: right;}
      #right-check{text-align: left;}
    }

    /* ======================================================================== */
    /* =========================        Smallest    =========================== */
    /* ======================================================================== */
    @media (min-width : 421px) and (max-width : 768px) {
      .listingpic {   overflow: hidden;  height: auto;  position: relative}
      .searchblock {  margin-left: auto; margin-right: auto; border-bottom: solid 1px #b6034f; }
      .searchblock {  height: auto; width: 100%; position: relative; }
      .searchblock {  padding: 10px;}
      .search-cell { padding: 4px 10px;text-align: center;}
      .search-cell label { width: 30%;    position: relative;  float: none;  text-align: left;   max-width: 150px;   font-weight: 700;   font-size: 14px; }
      .search-cell select {   width: 70%;   position: relative;   float: none;    text-align: left;    max-width: 200px;    }
      .listingblock img{width: auto; height: auto;}
      .text-mid{margin-top: 20px;}
      .check-label{width: 33%; float: left; margin: 0; padding: 5px;}
      #location-title{width:100%; float: left; text-align: center;}
      #left-check{text-align: center;}
      #right-check{text-align: center;}
    }

    /* ======================================================================== */
    /* =========================  XXx   Smallest    =========================== */
    /* ======================================================================== */
    @media (max-width : 420px) {
      .listingpic {   overflow: hidden;  height: auto;  position: relative}
      .searchblock {  margin-left: auto; margin-right: auto; border-bottom: solid 1px #b6034f; }
      .searchblock {  height: auto; width: 100%; position: relative; }
      .searchblock {  padding: 10px;}
      .search-cell { padding: 4px 10px;text-align: left;}
      .search-cell label { width: 30%;    position: relative;  float: left;  text-align: left;   max-width: 150px;   font-weight: 700;   font-size: 14px; }
      .search-cell select {   width: 70%;   position: relative;   float: left;    text-align: left;    max-width: 200px;    }
      .listingblock img{width: auto; height: auto;}
      .text-mid{margin-top: 20px;}
      .check-label{width: 33%; float: left; margin: 0; padding: 5px;}
      #location-title{width:100%; float: left; text-align: center;}
      #left-check{text-align: center;}
      #right-check{text-align: center;}
        /*.location-cell input{display: block; margin: 0 auto;}*/
        .check-label{width: 100%;}
    }