@media screen and (min-width: 1025px) and (max-width: 1367px) {
.menu_wrap{ position:relative;
margin:-7px 0px 0px 0px; width: 100%; height: 85px;
/*No left or right margins - menu wides fullscreen*/ }
.menu{ position:absolute; width: 100%; margin: -84px 0px 0px 0px; }
.menu > ul > li{ margin-left:12px; } .menu li{ margin-right: 35px; margin-left: 35px; }
#just_to_align{ right: 48px; margin: 19px 10px 0px 0px; } .logo{ margin: -21px 0px 0px -52px; }
#display_box{ height: 700px; }
/* Start of Notebook */
div#canvas{ margin: 20px 0px 0px 200px; height: 500px; }
.sample-docs{ height: 550px; }
svg:not(#sticky_note){ height: 550px; }
svg#sticky_note{ margin:-30px 0px 0px 0px; }
.sample-docs .hard{ background-size: 1885px 100%; }
/* End of Notebook */
#c_t1{ cx: -210 } #c_t2{ cx: 200 } #c_t3{ cx: 615 }
@media screen and (min-width: 1025px) and (max-width: 1199px) {
@media screen and (min-height: 801px) and (max-height: 961px){ svg#svg_graphics_box{ margin: 100px 0px 0px 0px; } } svg#svg_graphics_box{ margin: 25px 0px 0px 0px; } #just_to_align{ right: 5px; margin: 19px 0px 0px 0px; }
}
@media screen and (min-width: 1200px) and (max-width: 1280px){
.menu ul li a{ padding:4px 10px; } .logo{ margin: -21px 0px 0px -37px; } #just_to_align{ right: 6%; } div#canvas{ margin: 20px 0px 0px 100px; } svg#svg_graphics_box{ margin: 50px 0px 0px 0px; height: 530px; }
}
@media screen and (min-width: 1281px) and (max-width: 1367px) { svg#svg_graphics_box{ margin: -30px 0px 0px 0px; } div#canvas{ margin: 40px 0px 0px 200px; } svg#sticky_note{ margin: -30px 0px 0px 0px; } div#display_box{ height: 720px; } }
}