xl size lappy css

by Shoaib Chikate

HTML

<div class="laptop">
	<div class="glare-xl"></div>
	<div class="screen-xl">
		<img src="http://www.psdgraphics.com/file/silver-laptop-icon.jpg" alt="laptop" />  
	</div>
	<div class="base-xl"></div>
	<div class="addons-xl "></div>
	<div class="button-xl"></div>
</div>

CSS

.laptop:before {
    background: none repeat scroll 0 0 padding-box #d3d4d6;
    border-color: #cecece #b7b7b9 #5e5d62;
    border-radius: 12px 12px 0 0;
    border-style: solid;
    border-width: 1px;
    bottom: 0;
    content: "";
    height: 317px;
    left: 0;
    margin-bottom: -1px;
    margin-left: -6px;
    margin-top: -6px;
    position: absolute;
    top: 0;
    width: 536px;
    z-index: -3;
    max-width:100%;
}
.laptop:after {
    background: none repeat scroll 0 0 padding-box #000000;
    border: 1px solid #bdbec0;
    border-radius: 10px 10px 0 0;
    bottom: 0;
    content: "";
    height: 314px;
    left: 1px;
    margin-bottom: -1px;
    margin-left: -5px;
    margin-top: -6px;
    position: absolute;
    top: 2px;
    width: 534px;
    z-index: -2;
    max-width:100%;
}
.laptop {
  /* background: none repeat scroll 0 0 padding-box #010101;*/
  /*border: 1px solid #101113;*/
    border-radius: 8px 8px 0 0;
    display: inline-block;
    height: 310px;
    margin-bottom: 40px;
    margin-left: 60px;
    position: relative;
    width: 654px;
    max-width:100%;
}



.glare-xl {
    background-clip: padding-box;
    background-image: -moz-linear-gradient(-27% bottom , rgba(0, 0, 0, 0.1) 55%, rgba(0, 0, 0, 0.1) 55%, rgba(255, 255, 255, 0.25) 55.05%);
    background-image: -webkit-linear-gradient(-27% bottom , rgba(0, 0, 0, 0.1) 55%, rgba(0, 0, 0, 0.1) 55%, rgba(255, 255, 255, 0.25) 55.05%);
    background-image: -ms-linear-gradient(-27% bottom , rgba(0, 0, 0, 0.1) 55%, rgba(0, 0, 0, 0.1) 55%, rgba(255, 255, 255, 0.25) 55.05%);
    background-image: -o-linear-gradient(-27% bottom , rgba(0, 0, 0, 0.1) 55%, rgba(0, 0, 0, 0.1) 55%, rgba(255, 255, 255, 0.25) 55.05%);
    background-image: linear-gradient(-27% bottom , rgba(0, 0, 0, 0.1) 55%, rgba(0, 0, 0, 0.1) 55%, rgba(255, 255, 255, 0.25) 55.05%);
    border-radius: 7px 7px 0 0;
    height: 308px;
    position: absolute;
    top: -1px;
    width: 610px;
    z-index: 100;
   ...