.dos-columnas-adaptativo{ position: relative; } .izquierda-adaptativo{ width: 570px; top: 0; /* height: 400px; */ float: left; margin-right: 30px; border-top: 2px solid #000; /*margin-bottom: 40px;*/ } .izquierda-adaptativo .panel-pane{ border: 0; } .izquierda-adaptativo .pane-title{ border: 0; } .derecha-adaptativo .pane-content{ margin-top: 20px; } .derecha-adaptativo{ float: right; width: 170px; left: 600px } #page-manager-edit #sub-columna{ position: static; } #page-manager-edit #destacado-adaptativo{ height: auto; } #derecha-adaptativo div.panel-no-margin>div.pane-content{ margin-top: 0; } @media (min-width: 1200px) { .izquierda-adaptativo{ width: 770px; top: 0px; } .derecha-adaptativo{ left:800px; } .izquierda-adaptativo .izquierda-adaptativo{ width: 170px; top: 0px; } .izquierda-adaptativo .derecha-adaptativo{ left:200px; width: 570px } } @media only screen and (min-width: 770px) and (max-width: 991px) { .izquierda-adaptativo{ width: 370px; float: left; margin-right: 30px; } .derecha-adaptativo{ position: static; width: 170px; } } @media only screen and (max-width: 569px) { .izquierda-adaptativo{ width: 270px; float: left; margin-right: 0px; } .derecha-adaptativo{ position: static; width: 270px; } } @media only screen and (min-width: 570px) and (max-width: 769px) { .izquierda-adaptativo{ width: 370px; float: left; margin-right: 0px; } .derecha-adaptativo{ position: static; width: 370px; } }