/* ---------------------------------
Offers
------------------------------------*/	
table {
  width: 100% !important;
  /*
background:#ffffff;
*/
}

.responsive-offer td {
  padding: 15px 10px;
  text-transform: uppercase;
  font-size: 18px; 
}

/*table td:nth-child(1) {
  text-align: left; 
}*/

table th {
  padding: 0 10px;
  font-weight: 600; 
 }

.responsive-offer {
  border-bottom: 5px solid #eeebe8;
}
  
.responsive-offer tr:nth-child(2n) td {
  background: #d3d3d3; }
  
.responsive-offer th:nth-child(2) {
  width: 15%; }
  
.responsive-offer th:nth-child(1) {
  width: 21%; }
  
.responsive-offer th {
  padding: 10px;
  background: #488fc2;
  color: #ffffff;
  vertical-align: middle;
  font-size: 15px;
  text-align: left; 
}
  
 .responsive-offer th + th {
    border-left: 1px solid #eeebe8; 
}
	
.responsive-offer td {
  text-transform: inherit;
  font-size: 14px;
  text-align: left; 
}
  
@media only screen and (max-width: 1040px), (min-device-width: 768px) and (max-device-width: 1024px) {
	.responsive-offer {
	/* Force table to not be like tables anymore */
	/* Hide table headers (but not display: none;, for accessibility) */
	/* Label the data */ 
	}

	.responsive-offer.table, .responsive-offer thead, .responsive-offer tbody, .responsive-offer th, .responsive-offer td, .responsive-offer tr {
	  display: block; 
	}

	.responsive-offer th:nth-child(2), .responsive-offer td:nth-child(2) {
	  width: auto; 
	}

	.responsive-offer thead tr {
	  position: absolute;
	  top: -9999px;
	  left: -9999px;
	}

	.responsive-offer td {
	  /* Behave  like a "row" */
	  border: none;
	  position: relative;
	  padding-left: 33%;
	  border-bottom: 1px solid #eeebe8; 
	}

	.responsive-offer td:before {
	  /* Now like a table header */
	  position: absolute;
	  /* Top/left values mimic padding */
	  top: 6px;
	  left: 6px;
	  width: 25%;
	  padding-right: 10px;
	  white-space: nowrap;
	  color: #907c63;
	  font-weight: 600;
	  padding: 10px;
	  font-size: 14px;
	  text-transform: uppercase; 
	}

	.responsive-offer td:nth-of-type(1):before {
	  content: "Title"; 
	}

	.responsive-offer td:nth-of-type(2):before {
	  content: "Destinations"; 
	}

	.responsive-offer td:nth-of-type(3):before {
	  content: "Rating"; 
	}

	.responsive-offer td:nth-of-type(4):before {
	  content: "Travel Date";   
	}
	
	.responsive-offer td:nth-of-type(5):before {
	  content: "From Price"; 
	}
	
	.responsive-offer td:nth-of-type(6):before {
	  content: "Offer ID"; 
	} 
}


.see_more {
    background: linear-gradient(to bottom, #488fc2 0%, #488fc2 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    padding: 3px;
    text-decoration: none;
	border: 0 none;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    transition: color 0.2s ease 0s;
}