/* Small to Wide and larger */

@media (max-width: 319px) {

 .wrapper { width:300px;}

}


@media (max-width: 449px) {

  .container {width: 300px;}

 .hidden-mb {
    display: none !important;
  }

 .visible-mb {
    display: block !important;
  }

}


@media (min-width: 450px) and (max-width: 599px) {

.wrapper { min-width:500px;}

.container {width: 500px;}

}



@media (min-width: 600px) and (max-width: 767px) {
  .container {
    width: 580px;
  }
}


@media only screen and (min-width:37.5em) and (max-width:85.375em) { 
  /* CSS rules here */

body {

max-width: 800px;
margin: 0 auto;
}


header {
max-width: 800px;
margin: 0 auto;
}

.ha-header {
left: auto !important;
}

.escort { height: 400px !important }

.escort .image {

  height: 395px !important;
}

.icons-tours {bottom:28px !important;}
ul.privatediv-menu p {display: none}

body#mobile .mainbody {
    background-color: #f5f5f5 !important;
}

.swMain ul.anchor {
  width: 100% !important;
}

}



/* ===================================== */
/* Small only */
/* ===================================== */

@media (max-width: 767px) {

.center-xs { 

display:block;
text-align: center;
margin-left: auto ;
margin-right: auto ;
position:relative;

/* Internet Explorer 10 */
display:-ms-flexbox;
-ms-flex-pack:center;
-ms-flex-align:center;

/* Firefox */
display:-moz-box;
-moz-box-pack:center;
-moz-box-align:center;

/* Safari, Opera, and Chrome */
display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;

/* W3C */
display:box;
box-pack:center;
box-align:center;

}

.topmenu {position:relative;margin:0 auto !important; text-align: center; display:block; right:none;float:none; }


.logo, .logo a, .logo img {position:relative;margin:0 auto !important; }




}

/* ===================================== */
/* Medium to Large */
/* ===================================== */


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

}

/* Large to Wide */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* Wide and larger */
@media (min-width: 1200px) {

#sidebar-right .col-lg-2  {
    width: 18.76666667%;
	margin:0px 0px 20px 0px;
	padding:0px;
  }


}




.ordertable tbody tr td { border-top:0px transparent;}
.ordertable tbody tr td a.btn { text-align: center;display: block;}
.ordertable tbody tr:hover, .ordertable tbody tr { background:#ffffff}
  table {
    border: 1px solid #ccc;
    width: 100%;
    margin:0;
    padding:0;
    border-collapse: collapse;
    border-spacing: 0;
  }

  table tr {
    border: 1px solid #ddd;
    padding: 5px;
  }

  table th, table td {
    padding: 10px;
    text-align: center;
  }

  table th {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
  }

  @media screen and (max-width: 600px) {

    table {
      border: 0;
    }

    table thead {
      display: none;
    }

    table tr {
      margin-bottom: 10px;
      display: block;
      border-bottom: 2px solid #ddd;
    }

    table td {
      display: block;
      text-align: right;
      font-size: 13px;
      border-bottom: 1px dotted #ccc;
    }

    table td:last-child {
      border-bottom: 0;
    }

    table td:before {
      content: attr(data-label);
      float: left;
      font-size: 12px;
     
    }
 
  }