@media only screen and (max-width:600px)
{#webform-client-form-12359 .webform-component--fname{width:70%;display:inline-block;margin-top:31px;}

#webform-client-form-12359 .webform-component--name
{width:30%;float:left;padding:5px;}#EnquiryModal{z-index:99999;}
.ContactSnackBar{bottom:10px;top:auto;color:#fff;height:auto;margin-bottom:20px;opacity:0.7;position:fixed;width:100%;z-index:9;-webkit-transition:all ease-in-out .5s;-moz-transition:all ease-in-out .5s;-o-transition:all ease-in-out .5s;transition:all ease-in-out .5s;}
.ContactSnackBar > ul > li > a{color:#fff;cursor:pointer;display:block;font-size:12px;text-decoration:none;padding:12px;}
.ContactSnackBar > ul > li{background-color:#00bfff;border-right:1px solid #fff;float:left;width:50%;list-style:none;text-align:center;}.ContactSnackBar > ul{padding-left:0px;}}

@media  (min-width:768px)

{#EnquiryModal{z-index:99999;}.ContactSnackBar.active,.ContactSnackBar.detail.active{margin-bottom:0;opacity:1;}.ContactSnackBar > ul > li:last-child{border-right:none;}.ContactSnackBar > ul > li > a{color:#fff;cursor:pointer;display:block;font-size:12px;text-decoration:none;padding:12px;width:150px;background:#00bfff;}.ContactSnackBar.detail > ul > li > a > span{display:block;margin:0 auto;}.callIcon,.enqIcon,.sfIcon,.callIcon-black{background-position:0 0;display:inline-block;height:20px;vertical-align:middle;width:18px;}.enqIcon{background-position:-23px 0;}.ContactSnackBar > ul > li{border-right:none;float:none;width:100%;margin-bottom:5px;margin-left:60px;-webkit-transition:margin-left ease-in-out .3s;-moz-transition:margin-left ease-in-out .3s;-o-transition:margin-left ease-in-out .3s;transition:margin-left ease-in-out .3s;}.ContactSnackBar > ul > li .callIcon,.ContactSnackBar > ul > li .enqIcon{margin-right:10px;}.ContactSnackBar.detail > ul > li > a{padding:12px;}.ContactSnackBar.detail > ul > li{width:100%;margin-left:80px;-webkit-transition:margin-left ease-in-out .3s;-moz-transition:margin-left ease-in-out .3s;-o-transition:margin-left ease-in-out .3s;transition:margin-left ease-in-out .3s;list-style:none;}.ContactSnackBar.detail > ul > li > a > span{display:inline-block;margin:0;}.ContactSnackBar.active,.ContactSnackBar.detail.active{margin-bottom:0;opacity:1;}.ContactSnackBar{opacity:1;margin-bottom:0;position:fixed;right:0;top:170px;bottom:auto;width:150px;height:auto;text-align:left;}.ContactSnackBar.detail > ul > li:hover{margin-left:0;}}