body { font-size: 17px; letter-spacing: 0em; line-height: 1.3em; sbackground-color: rgb(242, 242, 242); background-color: #000; background-image:url(images/bg-food.png); } .containers, .topbar { width:768px; margin-left:auto; margin-right:auto; } .topbar { height:128px; position:relative; box-shadow: 0px 0px 15px rgba(0,0,0,0.5); background-image:none; border-bottom:none; } .topbar .container { background-image: linear-gradient(#fff, #f6f6f4); background-position:center center; height: 92px; position: relative; width: 100%; } .topbar .logo { display: block; position: absolute; height: 90px; width:394px; padding-top:90px; background-position: center left; background-size: auto 80px; margin-top:2px; margin-left:10px; background-image: url(images/logo.jpg); } .topbar .clover { background-image:url(images/clover.png); background-repeat:no-repeat; background-position:left top; background-size:contain; height:92px; width:150px; position:absolute; top:0px; right:0px; -webkit-transform: scaleX(-1); transform: scaleX(-1); } .topbar .menu { display:block; position:absolute; height:36px; width:100%; top:92px; border-bottom:none; background-image: linear-gradient(#e8194f, #e91d4e); box-shadow:none; } .topbar .menubutton { display:none; } .topbar ul li { list-style: none; border-bottom:none; } .topbar ul li a { float:left; color:#fff; border-right:solid 1px rgba(255,255,255,0.4); font-size:18px; padding:8px 10px; padding-bottom:5px; } .topbar ul li a:hover { color:#FF0; } .main { padding-top:0px; background-color:#fff; } .main .container { min-height: 350px; } .main.home .container, .footer .container { min-height:auto; } .main .banner .slides .cycle-overlay { position:absolute; width:100%; bottom:0px; z-index:997; background-color:rgba(0,0,0,0.4); } .main.home .left { float:left; width:calc(50% - 10px); } .main.home .right { float:right; width:calc(50% - 10px); } .main.home .right p { width:350px; margin-left:auto; margin-right:auto; } .main h1 { margin-top:0px; } .main.products { text-align:left; } .main.products h3 { margin-left:5px; font-size:22px; margin-top:30px; } .main.products a.product { width:150px; height:112px; } .productinfo { padding:0px 20px; margin-bottom:50px; } .productinfo .left { float:left; width:45%; } .productinfo .right { float:right; width:50%; text-align:center; } .productinfo .right p:first-child { margin-top:0px; } .productinfo .nutrition { width:300px; text-align:center; margin-left:auto; margin-right:auto; } .productinfo .kemasan { text-align:center; margin-top:50px; } .productlist { text-align:center; margin-left:auto; margin-right:auto; width:600px; } .contact .box { max-width:none; margin-left:20px; margin-right:20px; } .contact .box .container { min-height:auto; width:100%; } .contact .phone .content .tel { height:30px; background-image:url(images/icon-whatsapp.png); background-repeat:no-repeat; background-position:top right; background-size:auto 30px; padding-right:30px; padding-top:15px; } .contact .box.socmed .container { display:inline-block; margin-right:50px; text-align:center; padding-left:330px; margin-left:50px; sbackground-color:rgba(0,0,0,0.1); background-image:url(images/montage.jpg); background-repeat:no-repeat; background-position:left center; background-size: auto 200px; } .contact .box.stores .container { display:inline-block; text-align:center; sbackground-color:rgba(0,0,0,0.1); padding-right:300px; margin-right:00px; background-image:url(images/online-shopping.png); background-repeat:no-repeat; background-position:right center; background-size: auto 200px; } .contact .stores .storelist { width:330px; } .footer .fb-like { margin-bottom: 30px; } .footer .address { float: left; font-size: 13px; line-height: 1.3em; width: 300px; } .footer .links { float: right; padding-top: 0px; width: 400px; } .footer .links br.temp { display:none; } .footer .fbwidgets { height:195px; } .footer .copyright { margin-top: 0px; float: left; margin-left: 70px; } .footer .bymino { display:block; float:right; margin-top:5px; margin-right:135px; } .container, .topbar { width:1005px; margin-left:auto; margin-right:auto; } .topbar { sheight:136px; } .topbar .container { width:1005px; } .topbar .logo { left:10px; } .topbar .menu { height:36px; } .topbar ul li a { font-size:18px; padding:8px 10px; padding-bottom:5px; } .main { width:1005px; margin-left:auto; margin-right:auto; } .main .container { background-size:auto; } .main .banner .slides img { width:100%; height:auto; } .contact .map iframe { height:400px; } .contact .box.socmed .container { width:700px; } .contact .box.stores .container { width:700px; } .footer .address { margin-left:100px; } .footer .links { margin-right:60px; } .footer .copyright { margin-left:150px; } .footer .bymino { margin-right:220px; }