
section#work-ui-web a.ui_box_wrap {height: auto;width: 100%;overflow:hidden;/*position:relative;*/float:left;margin-bottom:100px;}
section#work-ui-web a.ui_box_wrap .project_name,
section#work-ui-web a.ui_box_wrap .project_name p{color:#333333;font-size: 14px;}
section#work-ui-web a:hover.ui_box_wrap:hover .project_name{color:#000000}
section#work-ui-web a.ui_box_wrap .overlay_weblinks i{font-size:40px;position:absolute;opacity:0;top:30%;left:45%;margin:0px auto;transition:all 0.5s ease-in-out;}
section#work-ui-web a:hover.ui_box_wrap:hover .overlay_weblinks i{font-size:40px;opacity:1;margin:0px auto;transition:all 0.5s ease-in-out;}
section#work-ui-web a.ui_box_wrap .overlay_weblinks{background:rgba(0,0,0,0.00);/*opacity:0;*/color:#ffffff;position:absolute;left: 18px;z-index: 9;top:0;width: 90%;height:100%;transition:all 0.5s ease-in-out;}
section#work-ui-web a:hover.ui_box_wrap:hover .overlay_weblinks{font-size:5vw;background:rgba(0,0,0,0.7);/*opacity:.6;*/transition:all 0.5s ease-in-out;}


section#work-ui-web a.ui_box_wrap .ui_box {background:#eee;}
section#work-ui-web a.ui_box_wrap .ipad_icon{background:url(ipad-icon.webp) no-repeat top center;background-size:100%;width: calc(100% - 30px);height:100%;position:absolute;z-index: 10;}
section#work-ui-web .ipad_project{width: 67.8%;height: 100%;margin: 13.7% 0% 3% 17%;}
section#work-ui-web a.ui_box_wrap .laptop_icon{background:url(laptop-icon.webp) no-repeat top center;background-size:100%;width: calc(100% - 30px);height:100%;position:absolute;z-index: 10;}
section#work-ui-web .laptop_project{width: 75%;height:100%;margin: 10.3% 0% 3% 12.6%;}
section#work-ui-web a.ui_box_wrap .computer_icon{background:url(computer-icon.webp) no-repeat top center;background-size:100%;width: calc(100% - 30px);height:100%;position:absolute;z-index: 10;}
section#work-ui-web .computer_project{width: 92%;height: 100%;margin: 4% 0% 0% 3.5%;}
section#work-ui-web .project_name {position: absolute;z-index: 12;left: 15%;bottom: 8%;}
div#html5lightbox-watermark {display: none !important;}


@media screen and (min-width: 1280px)
{
    section#work-ui-web a.ui_box_wrap {padding-bottom: 28%;margin-bottom: 0;}
}