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