.logoandimage { position:relative; text-align:center; height:TOPBAR_HEIGHT_LARGE_WITHOUT_MENUpx; width:inherit; background-color:#abc; } .leftside { padding-left:10px; padding-right:10px; float:left; width:ASSUMED_INIT_LEFTSIDE_WIDTHpx; border-right:1px solid; } .theleftmenu { float:left; width:250px; display:inline-block; border-right:1px solid; z-index:1000; } .therightcontent { float:right; width:ASSUMED_RIGHTCONTENTWIDTHpx; background-color:aliceblue; } .ourapps, .ourappsformedium { text-align:center; display:none; /* border:1px solid; */ height:450px; overflow:auto; white-space:nowrap; } .ourappstitle, .ourappsformediumtitle { display:none; text-align:center; font-weight:bold; font-size:15px; } .ourapps, .ourappstitle { float:right; } .rightside { background:lavender; float:right; width:350px; } .fixedpart { background:inherit; position:fixed; width:inherit; height:inherit; } @media screen and (min-height:450px) { .fixedpartl {position:fixed;top:0px; } } .fixedpart { top:0px; } .fixedmainadjust { margin-left:300px; } @media screen and (max-width:MAX_WIDTH_FOR_HORIZONTAL_MENU_DISPLAYpx) { .fixedpart { top:TOPBAR_MENU_HEIGHTpx; } } .menuandallextra { position:fixed; top:-TOPBAR_HEIGHT_LARGE_WITHOUT_MENUpx; z-index:1000; } .mainbodyextra { padding-top:0px; } .slideshowcontainerextra { float:left; width:550px; /* border:1px solid; */ } @media screen and (max-width:1290px) { .theleftmenu { vertical-align:top; } .leftside { float:none; width:98%; /* background-color:red; */ /* min-width:600px; */ } .rightside { float:none; margin:0 auto; } .fixedpart { position:relative;top:10px; } } @media screen and (max-width:900px) { .rightside { margin:0 300px; } } @media screen and (max-width:520px) { .suggestedcitation, .checkdimensions {width:400px; } } @media screen and (max-width:420px) { .suggestedcitation, .checkdimensions {width:300px; } }