/*==================================================
                 Responsive css                    
  ================================================== */
  /* Portrait and Landscape */
@media only screen and (max-width: 350px) {
  .discover-bikemyside .eightcol {
    width: 90%;
  }
  .discover-bikemyside .fourcol, .about-bikemyside .fourcol {
      width: 90%;
  }
}
@media only screen and (max-width: 375px) {
  table.pricing th,
  table.pricing td {
  	padding: 20px;
  }
}
@media only screen 
  and (min-width: 320px) 
  and (max-width: 736px)
  {
  	.row {
    width: 100%;
    max-width: 735px;
    min-width: 320px;
    margin: 0 auto;
   }

   #header{
   	max-width: 735px;
   }

   .row .inner{
   	width: 100%;
   }
   
   .row .ninecol {
    width: 95%;
   }

   #header .ninecol {
    width: 20%;
   }

   #header .threecol{
   	 /* width: 61%; */
    width: 75%;
   }

   .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
    margin-right: 0.8%;
  } 

  /*navigation */
   /* adicionado */
   .main-navigation ul {
    display: none;
  }
  .main-navigation ul ul {
    float: none;
    box-shadow: none;
  }
  .menu li ul li a {
    margin-top: 15px;
  }
  /* adicionado */
  #menu{
  	padding: 13px;
    width: 189px;
    background: #2F291E;
    top: 31px;
    position: relative;
  }
  .menu > li{
  	background: none;
  	display: initial;
  }
  .menu-line{
  	border-color: #C5AB89 !important;
  	position: relative;
    float: left;
    padding: 4px 5px;
    margin-top: 0px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
  }
  .menu-line .line-1{
  	display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background-color: #C5AB89;
    margin-bottom: 4px;
  }
  .menu-line .line-1:last-child{
  	margin-bottom: 0px;
  }
  .menu li ul{
  	position: relative;
  	top:-7px;
  	background: none;
  	padding: 0px 5px 0px 10px;
  }
  .menu li ul li {
    /* alterado */
    padding: 0;
    /* /alterado */
    border-right: none;
    display: initial;
  }
  #main-image{
  	height: 430px;
  }
  .logo {
    padding-top: 10px;
    text-align: center;
  }
  .logo img{
  	/*alterado*/
    /* width: 85%; */
    width: 75%;
    height: auto; /* adicionado*/
  }
  .bt-reserve {
    margin-top: 34px;
  }
  .bt-reserve img{
  	width: 40%;
  	height: 40%;
  }
  .slogan {
	padding-top: 0px;
	text-align: center;
	/* width: 45% !important; */ /* alterado */
	float: right;
	position: absolute;
	/* margin-top: -25%; */
	bottom: 100px;
	right: 20px;
  }
.slogan img {
  height: auto;
}
.tab-pc{
	display: none;
}
.mobile-contact{
   display: block;
 }
 .mobile-contact table td{
   padding-top: 55px;
 } 
.direct-contact table{
	width: 93%;
}
.video-container .box{
	margin: auto;
	float: none;
	width: 100%;
}
.video-container .frame{
	margin: auto;
	/* alterado */
  /* width: 94%; */
  width: 100%;
	/* alterado */
  float: left;
  /* adicionado */
  height: auto;
}
.mejs-layer,.mejs-container,video{
	width: 100% !important;
}
.row .twelvecol.discover-bikemyside {
    width: 90%;
    padding: 0 5%;
}
.row .eightcol {
    width: 100%;
    margin: auto;
    text-align: left;
}
.row .fourcol {
    width: 100%;
    margin: auto;
}
.bullet {
  text-align: left;
}
h1.section {
	background: url(../images/step0001.png) no-repeat;
  background-size: 100% 100%;
}
.lead {
	width: auto;
	height: auto;
	background-size: cover;
	padding: 40px 20px 25px 20px;
	margin-top: 25px;
}
.discover-bikemyside .img-responsive-fit {
    margin: 20px 0;
}
/*-----------------------------------------------
= Custom tune for image position 
-------------------------------------------------*/
img[alt="West Side Story"] {
    object-position: 5% 50%;
}
img[alt="Lisbon by Night"] {
    object-position: 25% 50%;
}
img[alt="Cascais"] {
    object-position: 20% 50%;
}
/*-----------------------------------------------
= Photo gallery 
-------------------------------------------------*/
.ngg-galleryoverview {
  text-align: center !important;
}
.ngg-gallery-thumbnail-box {
  width: 65%;
}
.ngg-gallery-thumbnail {
  text-align: center;
}
.ngg-gallery-thumbnail img {
  height: auto;
    width: 100%;
}
 /*-----------------------------------------------
 = Inner page styling 
 -------------------------------------------------*/
 .row .sixcol {
    width: 100%;
}

.slogan-line img {
    margin-right: 0px;
    width: 90%;
}
.slogan-line {
    padding-top: 0px;
    text-align: center;
}

#logo-section{
	height: 214px;
}
article{
	width: 90%;
	padding: 0 5%;
    margin: auto !important;
}
.summary {
    background: url(../images/bg_summary.png) repeat;
    width: auto;
    padding: 8px 23px;
    margin-top: 0px;
    background: none;
}
.page-content  .inner{
	padding: 0 0px;
}
/* Inner page end here */

/*-----------------------------------------------------
 =Contact Page 
 ------------------------------------------------------*/
.contacts-container{
  background-size: 100% 100%;
}
.contacts {
  display: none;
  width: 82%;
  background-size: 100% 100%;
  float: none;
  margin: auto;
}
/* .form .threecol {
  width: 44%;
  padding-left: 10px;
} */
/* contact form */
.form .threecol {
  width: 100%;
  padding-left:  0;
}
#ContactForm_date {
    height: 32px;
    margin-top: 10px;
}
.entry-title{
  text-align: center;
}
.contacts-container .eightcol{
  float: none;
}
/* Ends: Contact Page */
#footer {
	margin-top: -20px;
	text-align: center;
}
#footer .inner {
	width: 90%;
}
#footer .twitty{
	padding-top: 8px;
}
#footer .form{
padding-top: 20px;

}
#footer .footage{
	height: 99px;
	margin: 16px 0 0;
padding-top: 0px;
background-size: 100% 100%;
}
#footer .footage .menu > li {
display: inherit;
padding: 5px 0px;
background: none;
margin: 0;
}
#footer .footage .eightcol{
	padding-top: 0px;
  width:  100%;
}
#footer .copyright {
    text-align: center;
    padding-top: 10px;
}
#footer .fourcol {
  width: 100%;
}
#footer .sixcol {
    width: 49%;
    /* width: 45.2%; */
    /* margin-left: 15px; */
}
#footer .sixcol a {
	width: 100%;
	float: left;
	background-size: cover;
}
#footer .sixcol.last {
	margin: 0;
  float: right;
}
#footer .sevencol.last {
  text-align: left;
}
.social img {
  width: 100%;
  height: auto;
}
#footer .social a.trip-advisor-lisbon, 
#footer .social a.trip-advisor-algarve {
	height: 80px;
	line-height: 80px;
	width: 100%;
  background-size: contain;
  background-repeat: repeat;
}
#footer .reserve {
	background-size: contain;
	background-position: center center;
	margin-top: 25px;
}
div.form input[type="submit"] {
  text-align: center;
  height: 60px;
  line-height: 60px;
  background-repeat: repeat;
  /* margin-left: 15px; */
}
.footage #menu {
    padding: 0px;
    width: 100%;
    background: none;
    top: 1px;
    position: relative;
    text-align: center;
}

}
@media only screen 
  and (min-width: 320px) 
  and (max-width: 736px)
  and (orientation: landscape){
    .content {
    width: 470px;
    margin: auto;
}
.contacts {
    width: 82%;
    background-size: 100% 100%;
    float: none;
    margin: auto;
}

#footer{
  width: 470px;
  margin:auto;
}

#footer .social{
  width: 90%;
  margin: auto;
  float: none;
  text-align: center;
}
#footer .sixcol {
    /* width: 35%; */
    float: none;
    display: inline-block;
}

#footer .reserve{
  text-align: left;
  width: 80%;
  margin: auto;
  background-size: cover;
}
}

/*======================================================
          Tablet and Ipad Styling
  ======================================================*/
  @media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) 
 {
  .row {
  width: 100%;
  max-width: 1024px;
  min-width: 768px;
  margin: auto;
}

#header{
  max-width: 1024px;
}

.row .inner {
  width: 100%;
  padding: 0 10px;
  margin: auto;
}
.menu > li {
  padding-right: 5px;
  margin-right: 7px;
  background: url(../images/dot_menu.png) no-repeat right 13px;
}
.row .ninecol {
    width: 63.05%;
}
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
    margin-right: 0.8%;
    float: left;
    min-height: 1px;
}
.row .threecol {
    width: 33.05%;
}
.social-language {
    float: left;
}
.slogan {
  text-align: right;
}
.logo,.bt-reserve {
  text-align: center;
}

/*-------------------------------------
=Homepage Styling 
  -------------------------------------*/
 
.video-container .frame {
  width: 468px;
  background-size: cover;
}
.mejs-layer,.mejs-container,video{
  width: 97% !important;
}
.mejs-time-rail,.mejs-time-total{
  width: 300px!important;
}
.lead{
  width: 84%;
  margin: auto;
  float: none;
  text-align: center;
  padding: 21px;
  height: 273px;
  background-size: cover;
}
h1.section{
  background-size: 100% 103%;
}
#footer .fourcol {
  margin-right: 1.8%;
}

/*--------------------------------------
= Inner page
  --------------------------------------*/
  #yw0{
    width: 97.4%;
  }
  .post-50 #yw0{
    width: 100%;
  }
}
/*--------------------------------------
= Para justificar o texto
  --------------------------------------*/
@media only screen and (max-width: 768px) {
  p {
    text-align: left !important;
  }
  .big {
    text-align: left !important; 
  }
  ul li {
   text-align: left !important; 
  }
  .wpb_text_column * {
   text-align: left !important; 
  }
  h1.section {
    text-align: center !important;
  }
  #footer .footage .menu li {
    text-align: center !important;
  }
}
/*--------------------------------------

  --------------------------------------*/
.mobile-contact {
  height: auto;
  background-position: center;
}
.mobile-contact table td {
  padding: 55px;
}