.row-max { margin:0 auto; padding:0; width:100%; display:table; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; background:#fff; } .headerContainer { height:65px; padding-top:5px; background:#fff;} .header { margin:0 auto; width:960px; overflow:display; height:60px; } .logo { width:288px; margin:0 16px 0 16px; overflow:visible; float:left; display:inline; table-layout:fixed} .topdrop { width:100%; overflow:visible; float:left; display:inline; height:50px; background:#108C6F; } #Level-1-Right { margin:0 auto; width:930px; overflow:display; height:50px; background:#108C6F; } .dynamic-phone { font-size:1.5em!important;} .phoneContainer { float:right; margin:0 30px 0 0; width:230px;} .Level-2-Container { width: 100%; float:left; display:inline; background:#fff;} .footerLogos { margin:0 auto; width:1040px; overflow:visible; height:180px; } .footerlinks { width:125px; margin:20px 12px 0 12px; overflow:hidden; float:left; display:inline; padding:5px; font-size:0.9em;} .contactcta { width:430px; margin:0 16px 0 16px; overflow:visible; float:right; display:inline; } /* .box { width: 20%; height:384px; } */ .box h1 { margin-top:20px;} .splitR { width:100%; height:42%; float:right; padding-top:16%; } .splitL { width:100%; height:42%; float:left; padding-top:16%; } /* .row, .Level-2hp, .Level-3hp, .Level-4hp, .Level-5hp { margin:0 auto; width:960px; overflow:visible; } */ .Level-3hp, .Level-2hp, .Level-4hp { display: table; table-layout:fixed} .Level-3-Lefthp { width:40%; margin:0; padding:2%; overflow:hidden; float:none; display: table-cell; background:#fff;} .Level-3-Righthp { width:60%; margin:0; padding:2%; overflow:hidden; float:none; display: table-cell; background:#fff;} .Level-4-Lefthp { width:40%; margin:0; padding:1%; overflow:hidden; float:none; display: table-cell; } .Level-4-Righthp { width:60%; margin:0; padding:2%; overflow:hidden; float:none; display: table-cell; } .addresshp { width:20%; float:left; font-size:0.9em; margin-top:2em; padding-left:2.9%; } .addresshp img { padding-right:0.2em; } .Level-2-Rightv1 ul li a:hover { padding: 10px 0; } .related { width:928px; overflow:hidden; float:left; display:inline; padding:20px; text-align:center;} .requestQuoteMobile { display:none;} @media only screen and (min-width:1200px) { .row-max { margin:0 auto; padding:0; width:100%; display:table; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } .row-max .row-max { padding:0; } .row .row { margin:0 -20px 0 -20px; width:auto; display:inline-block; } .headerContainer { height:65px; padding-top:5px; background:#fff;} .header { margin:0 auto; width:1000px; overflow:display; height:60px; } .logo { width:259px; margin:0; overflow:visible; float:left; display:inline; } .topdrop { width:100%; overflow:visible; float:left; display:inline; height:50px; } #Level-1-Right { margin:0 auto; width:1000px; overflow:display; height:50px; } .phoneContainer { float:right; margin:0 30px 0 0; width:230px; } .Level-2-Container { width:100%; float:left; display:inline; } .footerLogos { margin:0 auto; width:1040px; overflow:visible; height:180px; } .footerlinks { width:125px; margin:20px 12px 0 12px; overflow:hidden; float:left; display:inline; padding:5px; font-size:0.9em;} .related { width:1020px; overflow:hidden; float:left; display:inline; padding:20px;} .contactcta { width:430px; margin:0; overflow:visible; float:right; display:inline; } /* .row, .Level-2, .Level-3, .main, .Level-2hp, .Level-3hp, .Level-4hp, .Level-5hp { margin:0 auto; width:1000px; overflow:visible; } */ /* .box { width: 20%; height:400px; } */ .box h1 { margin-top:20px;} .splitR { width:100%; height:42%; float:right; padding-top:16%; } .splitL { width:100%; height:42%; float:left; padding-top:16%; } .Level-2-Rightv1 ul li a { padding:15px 0;} .Level-2-Rightv1 ul li a:hover { padding:15px 0;} .related { width:1020px; overflow:hidden; float:left; display:inline; padding:20px;} .requestQuoteMobile, .mobIcons, .GCS2 { display:none;} @media only screen and (min-width: 767px) and (max-width: 959px) { .row-max { margin:0 auto; padding:0; width:100%; display:table; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } .row-max .row-max { padding:0; } .row .row { margin:0 -14px 0 -14px; width:auto; display:block; } .header { margin:0 auto; width:768px; overflow:display; height:60px;} .headerContainer { height:65px; padding-top:5px; background:#fff;} .logo { width:228px; margin:0 14px 0 14px; overflow:visible; float:left; display:inline; } .topdrop { width:100%; overflow:visible; float:left; display:inline; height:50px; } #Level-1-Right { margin:0 auto; width:768px; overflow:display; height:50px; } .phoneContainer { float:right; margin:0;} .Level-2-Container { width:100%; float:left; display:inline; } .footerLogos { margin:0 auto; width:768px; overflow:visible; } .footerlinks { width:124px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; background:#fff; } .contactcta { width:430px; margin:0 14px 0 14px; overflow:visible; float:right; display:inline; } ul.primary-nav li { margin:0 10px 0 10px !important;} .footerLogos img { padding:40px 25px 40px 25px!important;} .box { width: 20%; height:308px;} .splitR { width:100%; height:50%; float:right; padding-top:0;} .splitL { width:100%; height:50%; float:left; padding-top:0; } .row, .Level-2, .Level-3, .main, .Level-2hp, .Level-3hp, .Level-4hp, .Level-5hp { margin:0 auto; width:768px; overflow:visible; } .hptestimonials p { float:left!important; margin-top:10px;} .hptestimonials em { float:left; line-height:1.8em!important;} .mobIcons, .requestQuoteMobile, .footerlinks, .related {display:none;} .accspec {width:14%;} .addresshp {width:19%; padding-left:1%; font-size:0.8em;} .addresshp a {font-size:0.95em} } @media only screen and (max-width: 767px) { .row, .Level-2, .Level-3, .main { margin:0 auto; width:300px; overflow:hidden; display:block; } .row .row { margin:0; width:auto; display:block; } .headerContainer { height:83px; padding-top:6px; background:url(https://www.armstronglegal.com.au/wp-content/themes/armstrong/media/img/mobhbg.gif); border-bottom:1px solid #fff;} .header { margin:0 auto; width:300px; overflow:display; height:60px; } .logo { width:160px; margin:0; overflow:hidden; float:left; display:inline; } .mobIcons { margin:5px 8px 0 0; overflow:hidden; float:right; display:inline; } .topdrop { margin:0 auto; width:100%; overflow:hidden; height:0;} .phoneContainer { float:right; width:50%; margin:13px 0 0 5px; vertical-align:middle; text-align:right;} .requestQuoteMobile { float:left; display:inline; margin:13px 0 0 5px; width:45%; vertical-align:middle;} .dynamic-phone { font-size:1.2em!important; margin:0 2px 0 0; color:#FFF;} .Level-2-Container { width: 100%; float:left; display:inline; } .decisiondriverfl h2 { margin:15px 0 0 10px; font-size:1em!important; color:#fff; text-transform:capitalize; } .box { width: 100%; height:150px; } .box img { max-width:50%!important; float:left;} .splitR { width:50%; height:100%; float:right; padding-top:0;} .splitL { width:50%; height:100%; float:left; padding-top:0;} .Level-3 { display: table; } .Level-3hp, .Level-2hp, .Level-4hp, .Level-5hp { width:300px; } .Level-3-Lefthp { width:98%; margin:0; padding:2%; overflow:hidden; float: left; display:inline; } .Level-3-Righthp { width:98%; margin:0; padding:2%; overflow:hidden; float:left; display:inline; } .Level-4-Lefthp { width:98%; margin:0; padding:2%; overflow:hidden; float: left; display:inline; } .Level-4-Righthp { width:98%; margin:0; padding:2%; overflow:hidden; float:left; display:inline; } .hptestimonials {width:92%!important} .headShotsHp { width:100%; } .related, .footerlinks, .phone-icon, .accspec { display:none; } .contactcta, .footerLogos, #Level-1-Right { width:300px; margin:0; overflow:hidden; float:left; display:block; } .nav { background:#eaeaea; } .addresshp { width:100%; text-align:center; font-size:1em; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .row, .Level-2, .Level-3 { margin:0 auto; width:406px; overflow:hidden; display:block; } .row .row { margin:0; width:auto; display:block; } .headerContainer { height:83px; padding-top:6px; background:url(https://www.armstronglegal.com.au/wp-content/themes/armstrong/media/img/mobhbg.gif); border-bottom:1px solid #fff;} .header { margin:0 auto; width:406px; overflow:display; } .logo { width:168px; margin:0; overflow:hidden; float:left; display:inline; } .mobIcons { margin:5px 8px 0 0px; overflow:hidden; float:right; display:inline;} .main { margin:0 auto; width:406px; overflow:hidden; } .topdrop { margin:0 auto; width:406px; overflow:hidden;} .decisiondriverfl h2 { margin:7px 0 0 10px; font-size:0.2em!important; color:#fff; text-transform:capitalize; } .phoneContainer { float:right; width:50%; margin:0; vertical-align:middle; margin:12px 0 0 5px;} .requestQuoteMobile { float:left; display:inline; margin:12px 0 0 0; width:45%; text-align:left;} .dynamic-phone { font-size:1.2em!important; margin:0 2px 0 0; color:#FFF;} .Level-2-Container { width: 100%; float:left; display:inline; } .footerLogos { width:456px; margin:10px 0 0 0; overflow:hidden; float:left; display:inline; } .left1fl { width:456px; margin:10px 0 0 0; overflow:visible; float:left; display:inline; line-height:1.5em;} .left2fl { width:425px; margin:10px 0 0 0; overflow:visible; float:left; display:inline; line-height:1.5em;} .primary-nav.open li { display:none;} .profileMain { width:100%; margin:10px 0 0 0; overflow:hidden; float:left; display:inline; } .office-locations { margin-left:50px; } .nav li:before { left:-10px!important; } .nav li { padding-left:25px;} .nav { padding:0 10px 0 10px!important;} .box { width: 100%; height:205px; margin:0; padding: 0;} .box img { max-width:50%!important; height:205px; float:left;} .splitR { width:50%; height:90%; float:right; padding-top:5%;} .splitL { width:50%; height:90%; float:left; padding-top:5%;} .Level-3hp, .Level-2hp, .Level-4hp, .Level-5hp { width:390px;} .Level-3-Lefthp { width:98%; margin:0; padding:1%; overflow:hidden; float:left; display:inline; } .Level-3-Righthp { width:98%; margin:0; padding:1%; overflow:hidden; float:left; display:inline; } .Level-4-Lefthp { width:98%; margin:0; padding:1%; overflow:hidden; float:left; display:inline; } .Level-4-Righthp { width:98%; margin:0; padding:1%; overflow:hidden; float:left; display:inline; } .headShotsHp { width:100%; } .profileImage, .Level-3-Left h2, .Level-3-Left hr, .related, .Level-2-Rightv1, .footerlinks, .phone-icon, .accspec { display:none;} .contactcta { width:405px; margin:0; overflow:hidden; float:left; display:inline; text-align:center; } } /***** Clean up *****/ .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } .clearfix:before, .clearfix:after, .row:before, .row:after { content:'\0020'; display:block; overflow:hidden; visibility:hidden; width:0; height:0; } .row:after, .clearfix:after { clear:both; } .row, .clearfix { zoom:1; } .clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; } }