@media screen and (min-width: 1000px) {
  .boxes {
    display: flex;
    flex-direction: row-reverse;
  }
}

@media screen and (max-width:1850px) {
#yb {width: 600px; height: 340px;}
}

@media screen and (max-width:1360px) {
#content {width:95%; }
#homecol1 {padding:40px 10px;}
#homecol2 {padding:40px 10px;}
#yb {width: 500px; height: 280px;}
}


@media screen and (max-width:1200px) {
#contentland2 {width:90% !important;}
}

@media screen and (max-width:1100px) {
	.menu_bar {
		width: 10%;
		display: block;
		/*position: fixed;*/
		position: absolute;
		top:20px;
		right:0;
	}

	.menu_bar .bt-menu {
		display: block;
		color:#fff;
		overflow: hidden;
		padding: 10px 0 0 0;
		font-size:25px;
		font-weight:bold;
		text-decoration: none;
	}

	.menu_bar span {
		float: right;
		font-size: 40px;
	}

	header nav {
		width: 100%;
		/*height: calc(100% - 80px);*/
		height:100%;
		right:100%; 
		/*Con esto ocultamos el menu hacia la derecha, lo agregamos hasta el final*/
		/*margin: 80px 0 0 0;*/
		position:fixed;
		overflow: hidden;
	}

	header nav ul li {
		display: block;
		border-bottom:1px solid rgba(255,255,255,.5);
		background: #181E19;
		border-right: 0px;
	}
	.ulbg {background: #181E19;}

	header nav ul li a {
		display: block;
	}

	header nav ul li:hover .children{
		display: none;
	}

	header nav ul li .children {
		width: 100%;
		position: relative;
		/*display: block;*/
	}

	header nav ul li .children li a{
		margin-left:20px;
	}

	header nav ul li .caret {
		float: right;
	}
	#tdmenu {width: 100%;  margin: 20px 0;}
/*	.bot {padding: 10px 0 10px 20px;}*/

	#tdfoo {
    width: 100% !important;
}
#toplanding {height: auto !important; margin: 160px 0 0 0;}
}

@media screen and (max-width:1000px) {
#yb {width: 100%; height: 460px;}
  #content3 {width:95% !important;}
}


@media screen and (max-width:800px) {
#homecol1 {width:100%; display: block;}
#homecol2 {width:100%; display: block;}
#detallevivocol1 {float: right; width: 100%; position: relative;}
#detallevivocol2 {float: right; width: 100%; position: relative;}
#detalledescrip {width: 100% !important; }
#tdventa {width: 100% !important; }
#coloferta {width: 100% !important;  text-align: center;}
#coloferta1 {display: block; text-align: left;}
#col1Land {width:90%; margin: 0 auto;}
#col2Perm {width:90%; margin: 0 auto; height: auto;}
#col2Vivo {width:90%; margin: 0 auto; height: auto;}
#col2cont {width:90%; margin: 0 auto; height: auto;}

}
@media screen and (max-width:600px) {
	#prodpreview {width:95% !important; }
#productcoldate {width: 100% !important; }
.btnclass1 {width: 100% !important; }
#imgpreview {width: 100% !important;}
#productcoldate p { font-size: 20px;  }
#productcoldate {text-align: center;}
#prodpreview h3 { font-size: 22px; text-align: center;  }
#yb {height: 300px;}
#contentform {width: 100%;}
	}