@charset "utf-8";
/* CSS Document */
@media  (min-width : 1920px)
and (max-width : 2559px) {
.home_container .topbanner h1 { font-size:64px}
.home_container .topbanner h2 { font-size:40px}
.home_container .topbanner-center { height: 800px}

}
@media (max-width : 1800px) {
.two_colblog.block {width:100%}

}
@media (max-width : 1660px) {
.steps .info_content h2 {max-width: 22ch}
.two_colblog.block {width:100%}

}
@media (max-width : 1280px) {
.fullwidth_horizontal {height: 5.8em}
.column02, .column03, .column04 {padding: 40px}
.formbuilder li {width: 100%}
.box .column {flex: unset;width:45%}
.services-panels .box {padding: 40px 60px 32px}

}
@media (max-width : 1220px) {
.home_container .above_content_center .textpanel{padding: 0 0 0 60px}
.small {font-size: 32px!important}

}
@media  (max-width : 1155px){
.banner-panel-two .outer_top_right {padding: 24px 32px 0 0 !important}
.about-us-panel h2 {width: auto}
.services-panel .info_content {max-width: 800px}
.banner-panel-two p {font-size: 18px}
.highlite .info_content {padding: 32px 40px}
.home_container .slider_cont h1 {font-size: 48px;}

}
@media only screen
and (max-width : 1100px) {
.home-green-panel .content {width: 50%}
.steps .info_content {padding: 0 20px 0 60px}

.steps01 {  flex-direction: column-reverse;padding: 40px 0 20px}
.steps01 .outer_left, .steps01 .outer_top_left  {  width: 100% !important; max-width: 100% !important}
.steps01 .info_content, .steps01 .outer_top_left {padding: 32px 16px 0}
.steps01 .outer_top_left, .steps01 .outer_top_right, .steps01 .outer_left {padding: 0 !important; width: 100%; float: left; max-width: unset}
.steps01 .outer_left, .steps01 .content {width: 100%;max-width: 100%}
.steps01 .outer_left {background-color: transparent}

.georges-river_container  steps01 .outer_left, 
.georges-river_container  .steps01  .content,	
.bayside_container  .steps01 .outer_left, 
.bayside_container .steps01  .content,
.eastern-suburbs_container  .steps01 .outer_left, 
.eastern-suburbs_container .steps01  .content,
.household_container  .steps01 .outer_left, 
.household_container .steps01  .content,  
.sutherland-shire_container  .steps01 .outer_left,
.sutherland-shire_container .steps01  .content,
.quote_container .steps01 .outer_left, 
.quote_container .steps01  .content,
.home_container .steps01 .content, 
.home_container .steps01 .outer_left  {max-width: none !important;padding: 24px}
.steps01 {  padding: 40px 0 20px}

}
@media (max-width : 1068px){
.extra-panel-left { flex: 0 0 40%; padding: 0 20px}
.extra-panel-right {padding: 0 8px 0 0}
.fullwidth_horizontal {height: 5.0em}
.headerColumnMiddle {padding-top: 16px;padding-right: 24px}
.blogfrontHeader h1 {padding: 8px 0}
.small {font-size: 24px!important}

}
@media (max-width : 1035px){
.georges-river_container  steps01 .outer_left, 
.georges-river_container  .steps01  .content,	
.bayside_container  .steps01 .outer_left, 
.bayside_container .steps01  .content,	
.eastern-suburbs_container  .steps01 .outer_left, 
.eastern-suburbs_container .steps01  .content,
.household_container  .steps01 .outer_left, 
.household_container .steps01  .content,  
.sutherland-shire_container  .steps01 .outer_left,
.sutherland-shire_container .steps01  .content,
.quote_container .steps01 .outer_left, 
.quote_container .steps01  .content,
.home_container .steps01 .content, 
.home_container .steps01 .outer_left {
max-width: none !important;padding: 24px 0 24px 24px;}

}
@media (max-width : 1035px){
.headerColumnMiddleContainer p { font-size: 24px}
.headerColumnRight .contact h3, .contactCTA.phone p{display: inline-block}
.header .contact {margin: 0 8px 0}

 }
 @media (max-width : 1010px){
.style01 {width: 100%}
.home_container .slider_cont h1 { font-size:40px}

 }
@media (max-width : 990px){
.one_colblogPanel .blogImage {width: 40%}
.one_colblogPanel .postsubject {display: block;width: 60%}
.box {display: block;padding: 0}
.mainContent.blog {padding: 0}
.quote_container .steps01 .outer_left {max-width: 100% !important; padding: 8px 0 !important;}
.steps01 .info_content, .steps01 .outer_top_left {padding: 32px 24px 16px}
.quote.formbuilder_container {max-width: 100%}
.quote.formbuilder_container {padding: 8px 24px 32px;max-width: 100%}

 }
@media (max-width : 970px) {
.header .contact {margin:0 0 0 8px}
.topbanner h1 { font-size: 48px; line-height: 110%}
.topbanner h1 br { display:none}
.about_container  .topbanner h1 br { display: inline}
.modContainer {width: 100%;max-width:100%}
.profile .info_content { padding: 8px 40px}
.extra-panel .info_content { padding: 24px; display: flex; align-items: unset}
.extra-panel-right { padding: 0 8px 0 0; display: inline-block; flex-wrap: unset}
.extra-panel-left { flex: 0 0 50%}
.extra-panel .info_content {display: block;height: auto;flex: unset;flex-direction: unset}
.topbanner h1 {font-size: 32px}
.footerMiddle .column {width: 100%}
.footer-right .socialicons_ {text-align: left}
.footer-right .footerTextContainer p {text-align: left}
.footer-right .footerTextContainer {margin: 8px !important}
.text-middle, .text-middle01 { position: relative; left: unset; transform: unset; top: unset}
.text-middle01 {padding: 40px}
.location li {line-height: normal}

.steps {  flex-direction: column-reverse;padding: 40px 0 20px}
.steps .outer_left, .steps .outer_top_left  {  width: 100% !important; max-width: 100% !important}
.steps .info_content, .steps .outer_top_left {padding: 0 60px 24px}
.steps .outer_top_left, .steps .outer_top_right, .steps .outer_left {padding: 0 !important; width: 100%; float: left; max-width: unset}
.steps .info_content {margin: auto}
.steps ul {margin: 0 auto !important}
.steps h2 br {display: none}
.steps a {text-decoration: underline !important; font-weight:600}



.featureH .flex-container {flex-direction: column-reverse;padding: 0}
.featureH .flex-child {width: 100% !important;max-width: 100% !important;text-align: center; padding: 40px 80px 60px}
.bookNow, .quoteNow {display: inline-block}
.contact { background-color:transparent}
.item.orange-grad.white-text.p40.equalblock {padding: 40px !important}
.general .flex-container {flex-direction: column;padding: 0}
.general .flex-child {width: 100% !important;max-width: 100% !important;text-align: center; padding: 40px}
.width-16ch{width: 16ch; text-align: center; margin: auto; display: block;}
.real-estate-rubbish-removal_container  .content,.real-estate-rubbish-removal_container .heading,.real-estate-rubbish-removal_container  .subheading1,.real-estate-rubbish-removal_container  .subheading2,.real-estate-rubbish-removal_container .list .item .item_col,.real-estate-rubbish-removal_container .details .item .item_col{padding: 0 24px;}
.real-estate-rubbish-removal_container  .card-body {	text-align: center;}

 }
@media (max-width : 940px) {
.headermiddleBottomContainer, .headerColumnMiddleContainer { width: auto}
.headerleftBottom { margin-right: 8px}
.fullwidth_horizontal { padding: 0; margin: auto; text-align: center; display: block; height: auto; text-decoration: none}
.headerColumnRightContainer { float:none}
.nav {position: relative; top: inherit;transform: none}
.topbanner-center {height: auto}
.blogfront.one_colblog_cat {display: block}
.menuleft {border-right: none;padding-top: 8px}
.blogmenu {display: inline;width: auto;float: left;flex: unset}
.blog_details .blogmenu {display: none}
.blogsidemenu {text-align: left;float: left;padding: 8px 0}
.blogmenu li {width: auto !important;display: inline;padding: 8px 8px 8px 0 !important;border-bottom: none !important}
.blogsidemenu li a{list-style-type: none; border-bottom: 1px solid !important;display: inline}
.one_colblog.two_colblog_adjust.block {width: 100%;display: block;float: left;padding: 8px 0}
.one_colblogPanel {padding: 0}

 }
@media (max-width : 920px) {
.aboutPanel .outer_top_right, .aboutPanel .outer_left {width: 50%;padding: 48px !important}
.aboutPanel .outer_left {margin-top: 40px}
.about-us-panel h2 {width: auto}
.services-panel { padding-left: 48px; padding-right: 48px}
.home-green-panel {background-image: url(/media/public/upload/images/home-06-small.jpg);background-size: cover;background-repeat: no-repeat;background-position-x: right;background-position-y: 30px}
.home-green-panel .content {width: 410px}
.banner-panel-two .outer_left {display: block;padding: 0 24px 24px}
.banner-panel-two .outer_top_right {display: block;flex: unset;padding: 24px 54px 0 24px !important}
.banner-panel-two .outer_left {display: block;flex: unset;padding: 0 54px 24px 24px !important}
.pl60 {padding-left: 40px}
.pb60 {padding-bottom: 40px}
.pr60{padding-right: 40px}
.pt60{padding-top: 40px}
.blue-green-panel {padding: 24px 40px !important}
.blog_list .mainContent.blog {padding: 0 8px}
.repeat-pattern-01{ padding: 40px 32px!important}
.featureH .flex-child { width: 100%}
.general .flex-child { width: 100%}



 }
@media (max-width : 900px) {
.headerColumnRight {padding: 0 8px 0 0}
/*.contactCTA.phone {margin: 8px 0 0 !important}*/
.headerColumnRight .contactCTA.phone {margin: 0 !important; padding-bottom: 8px !important}
.headerColumnRight h3 {padding-right: 8px}
.location li { width: unset !important}
.footer .contactCTA.phone p{display: block}
.headerbottomBottom {padding: 8px}
.card-group {flex-direction: column;}
.card-group .card {border-radius: 0.35rem;}
.card-group .card:first-child {border-radius: 0.35rem !important ;border-bottom-left-radius: 0!important; border-bottom-right-radius: 0!important; }
.card-group .card:last-child  {border: 1px solid  #CCC !important; border-top:0 none!important; border-top-left-radius: 0;border-top-right-radius: 0;}
.box h2, .box h3, .box h4, .box h5, .box h6,
.real-estate-rubbish-removal_container  .card-body {	text-align: center;}

}
@media only screen and (max-width : 860px) {
.topPanel {padding: 24px 16px !important;width: 400px; min-width:auto}
.column04 h1 {font-size: 24px}
.icon-list li{ display:block}
.icon-round { width: unset}
.icon-round img {text-align: center;margin: auto;width: 120px}
.home_container .slider_cont h1 {font-size: 32px}
.small {font-size: 24px!important}
.quote.formbuilder_container { max-width: 100% !important}
.services-panels .box {padding: 40px 40px 32px}
.real-estate-rubbish-removal_container .container {max-width: 100%;}



}
/****   mobile home page******/
@media only screen and (max-width :834px) {
/*	.above_content_wrapper {display: none;}*/
.banner-panel-two .item, .services-panel { padding: 40px !important}
.home-green-panel {background-size: 170%}
.highlite { padding: 0; border-radius: 0; box-shadow: unset; flex: unset; background-color: #fff}
.topbanner h1 {font-size: 18px}
.heading { top: -140px}

/**/
body { display: block; width: 100%; background-position: left top !important; background-image: url(images/bg-mobile.png); background-repeat: no-repeat}
.mobile_top {border-bottom: 0 none; background-color: #fff;}
.headerOuter {margin: 0}
.mobileMenu.menubox-M-headertop.mob_show { z-index: 60001; position: relative; top: 0; left: 0; width: 100% !important; webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-color: transparent; background-image: url(images/logolong.png); background-repeat: no-repeat; background-position: right top; background-size: contain;height: 70px}
.logo-top-top { display:none}
.headerInner, .headerInnerbottom{background-color: transparent}
.headerInnertop {background-color: transparent;padding: 16px 36px}
.header img {max-width: 220px;min-width: 170px}
.mobile ul { padding: 0; /*position: absolute;*/background-color: #fff; top: 40px}
.mob_menu_header { width: 32px; height: 32px; margin: 0; position: relative; top: 20px; left: 20px; z-index: 60002}
.callBut{ color: #fff; border: 2px solid #fff; border-radius: 60px; background-color: #e65535 !important; background: linear-gradient(90deg, rgba(189,35,165,1) 0%, rgba(220,73,92,1) 0%, rgba(253,113,15,1) 88%); display: inline-block; font-size: 1.35rem !important; padding-top: 8px; padding-bottom: 8px; transition: .3s all ease-in-out !important; line-height: normal; font-weight: 700; text-align: center !important; width: 48% }
.callBut a{ color: #fff;text-decoration: none !important}
.callBut:hover{   background: rgb(199,63,77);
background: linear-gradient(0deg, rgba(199,63,77,1) 0%, rgba(232,105,16,1) 97%)}
.callBut a:hover{ color: #fff}
.quotBut{ background-color: #fff; border: 2px solid #fff; border-radius: 60px; display: inline-block; font-size: 1.35rem !important; padding-top: 8px; padding-bottom: 8px; transition: .3s all ease-in-out !important; line-height: normal; font-weight: 700; text-align: center !important; width: 48%}
.quotBut a{ color: #333333}
.quotBut a:hover{ color: #E65535}
.headertextposition_top-top {display: block}
.hello-large {color: #333333;font-size: 48px;font-weight: bold;padding: 0;line-height: normal}
.hello {color: #333333;padding: 0;line-height: normal;font-size: 1.30rem}
.hello a{ color: #E65535; font-weight: bold}
.hello a:hover{color: #264a7f}
.home_container .topbanner{background-image:none;background-position-x:right;background-position-y:top;background-size:cover;display:block;margin:0 auto;padding:0 24px;position:relative}
.top-banner-image.middle{margin-bottom:16px}
.home_container .panel02{background-color:#143059;border-radius:16px;color:#fff;float:left;left:50%;padding:16px 24px;position:absolute;text-align:left;top:50%;transform:translate(-50%,-50%);width:100%;z-index:50}
.home_container .panel02home{
/* transform: scale3d(0.54, 1, 1) translate3d(0px, 414px, 0px); top: 50%;left: 50%;transform: translate(-50%, -50%);position: absolute;*/
background-color:#143059;border-radius:16px;color:#fff;float:left;padding:16px 24px;text-align:left;width:100%;z-index:50}
.banner-text-heading p{ font-weight: normal; margin: 0; padding: 0; font-size: 18px}
.banner-text-heading a{ line-height:120%; font-weight:bold;margin: 0; padding: 0;color: #fff}
.banner-text-heading h3 { font-size: 50px; line-height: 100%;margin: 4px 0 0; padding: 0}
.banner-text-heading h4  a{ font-size: 50px; line-height: 100%;margin: 0; padding: 0; color:#FFBF00}
.headerbottomBottom {padding: 8px 16px;margin-bottom: 16px}


.slider_cont { display: none !important; }
.steps01 .info_content, .steps01 .outer_top_left {padding: 8px 16px 0;}
.topbanner-right {display: none;}
.item.topbannerForm {border-radius: 30px;margin-top: 24px;}

}
@media only screen and (max-width  : 800px) {
h1 {font-size: 54px}
.quote_container h1 {font-size: 48px}
h2 { font-size: 40px; font-weight:600}
h3 {font-size: 32px}
h4 {font-size: 24px}
.headerInner {position: relative}
.topbanner { margin:-20px auto 0 auto}
.banner-text-heading {font-size: 24px}
.column90p, .two_col_568, .column50p, .details-profile_container .icon01, .blogContent, .blogContentImage,
.mainList, .author, .subject, .comments, .link, .date{ width: 100%}
.itemouter{ width: 100%}
.bodybox, /*.headerColumnLeft,*/ .two_col_568, .blogContentImage { padding: 0 !important}
/*.headerInnertop {padding: 16px 40px 8px}
.headerInnertop,.footer{ padding: 8px 0 0}*/
.headerColumnRight {padding: 0; margin:0}
.home_container .topbanner { display:block;margin: 0 auto;position: relative; background-size: cover; background-position-y: top; background-position-x: right; background-image: none;min-height: unset;
    max-height: unset;}
/*.home_container .topbanner-left {height: 350px}*/
.column02, .column03, .column04,
.footerOuter, .copyright {padding-left: 60px;padding-right: 60px}
.pb40 {padding-bottom: 24px !important}
.pt24 {padding-top: 24px !important}
.pt40{padding-top: 24px !important}
.aboutPanel .outer_top_right, .aboutPanel .outer_left {padding: 32px 40px !important}
.aboutPanel .outer_left {margin-top: 0}
.box, .features {flex: 0 0 100%;display: block;padding: 0 24px}
.box .column {margin: 0 16px 24px}
.column02, .column03, .column04 {width: 100%;min-height: unset}
.column03 {background-size: 150%;background-position-y: center;background-position-x: center}
.text-middle, .text-middle01 {position: relative;padding: 0}
.location {position: relative;padding:40px 60px}
.location li {float: unset !important;width: unset !important}
.services-panels {padding: 24px 0 !important}
.highlite2.col35 { padding: 24px 60px; text-align: left !important; background: rgb(232,232,236);
background: linear-gradient(180deg, rgba(232,232,236,1) 0%, rgba(251,251,251,1) 32%, rgba(255,255,255,1) 65%, rgba(232,232,236,1) 100%)}
.banner-panel-two {margin-top: 0 !important;padding: 24px !important}
.highlite2.col65, .highlite2.col35,.itemouter.aboutPanel { width: 100% !important;padding: 24px}
.item.banner-panel.equalblock { padding: 40px 60px !important; text-align: center}
.banner-panel-two .outer_top_right { flex: unset;padding: 16px !important}
.banner-panel-two .outer_left { flex: unset; padding: 0 16px 16px !important}
.topbanner h1 {font-size: 40px}
.date, .author {text-align: left;float: left}
.staff .read-more {position: relative;bottom: 16px;float: right}
.mobilephone{background-size: 20px !important;padding: 8px 40px 8px !important}
/*.phone{background-size: 30px !important;padding: 8px 40px !important}*/
.contactdetails, .enquiriesform {width: 100%}
.contactdetails{ text-align:center}
.list .pageIntro-top {margin-bottom: 0}
.info_content h4 {width: 460px;margin: auto}
.highliteBox { padding: 40px 40px 24px 40px !important;margin: 20px 0}
.highliteBox .info_content {padding: 0 0 8px 40px}
.highlite2container{padding: 0 0 8px}
.footer-right .footerTextContainer { border:0 none}
.footerText .phone { font-size: 24px}
.footer-right .footerTextContainer { display: block; text-align: left; float: left; width: 100%; padding-left: 0}
.left .footerTextContainer, .middle .footerTextContainer, .middle_right .footerTextContainer {margin:0}
.footer .contact {background-color: transparent}
.footerBits { padding-bottom: 0}
.mobile_col, .footer .extra{width: 100%}
.footer .extra{border-right: 0 none; height: auto; padding:0}
.footer-right .socialicons_ { text-align: left}
.contactcontainerTop {padding-right:0}
#Contactform {padding: 0 40px}
.logo-left { margin: 8px 0 0;margin: auto; display: inline-block; float: none !important; width: 100%}
.logo-bottom-left img, .logo-left img {display: inline-block}
.headerColumnMiddle { width: 100% !important; padding:0 16px; max-width: unset !important; text-align: center; margin: auto; float: none}
.headerColumnMiddleContainer {text-align: center; margin: auto}
.contactDetails {width: 100%; border:0 none}
.contactcontainer {padding: 0}
.dark-blue-panel {padding-top: 24px !important;padding-bottom: 24px !important}

/*---------------------  blog ---------------------*/
.mainContent.blog {margin-top:0}
.blog_details .blogArticle {width: 100%;float: left;padding: 0 8px}
.blog_list p, .blog_details p{ text-align:left}
.blogContent, .blogContentImage, .author, .subject, .comments, .link, .date, .one_colblog.block {width: 100%}
.blogContentImage { padding: 0 !important}
.one_colblogPanel {float: left;width: 100%;flex-wrap: wrap;justify-content: space-around;padding: 0 0 0 8px}
.one_colblogPanel .postitem { width: 100%;margin: 12px 0}
.one_colblogPanel .postsubject, .one_colblogPanel .blogImage { position:relative;float: left;height: auto;width: 100%;left: 0;right: 0}
.postsubject {display: block;padding: 24px}
.blogmenu {display: inline;width: auto;padding: 0}
.blogmenu li {width: auto  !important;display: inline;padding: 8px;border-bottom: none;text-decoration: underline}
.blog_details .blogmenu {display: none}
.blog_details .blogPanel {display: inline-block;padding: 40px}

}
@media only screen
and (max-width  : 780px) {
.services-panel {padding: 24px 54px !important}
.services-panel .info_content {padding: 40px 0 0}
.services-panel-right {display: block; flex: unset; flex-wrap: unset; padding: 0; justify-content: unset}
.services-panel-box {padding: 0 0 24px 0; flex: unset;width: 100%;margin: 0; border: 0 none}
.pl60, .pr60	{padding:0}
.home-green-panel { padding: 0}
.home-green-panel {background-position: top right;background-size: 150%;padding:0  !important}
.home-green-panel .item { padding-left: 0 !important;padding-right: 0 !important}
.home-green-panel .content {width: 100%}
.home-green-panel .info_content{margin-top: 340px}
.mobile01 a{ background: #FF491C !important; font-family: 'Open Sans', Helvetica, Arial, sans-serif; border-radius: 8px !important; color: #fff; display: inline-block; padding: 8px 24px; font-weight: 400; transition: all 0.3s; font-size: 24px !important; line-height: normal !important; letter-spacing: 1px}
.mobile01 a:hover {color: #FF491C; border: 1px solid #FF491C !important;background: #FFF !important}
.mobile02 a{ border-radius: 8px !important; color: #fff;background-color: #32415F;border: 1px solid #32415F}
.mobile02 a:hover{ color: #fff; background-color: #566FA3}
.socialicons_header_HC, .menubox-top-center-T {float: none;width: auto}
.blog_details .blogPanel { border:none 0}

.box {padding: 40px 24px !important;}
.box .column {width: 100%;margin: 8px auto;}


}
@media only screen
and (max-width  : 770px) {
.home_container .topbanner h1 { font-size: 54px}

}
@media only screen
and (max-width  : 760px) {
.contactPanelmobile {padding: 4px 0}
.set01, .set02 {padding: 8px 16px}
.set01 p {font-size: 24px}
.topPanel {padding: 24px 16px !important;width: 100%; min-width:auto}
/*.aboutPanel, .banner-text-heading{position: relative;top: 0;left: auto;transform: none;width: 100%;min-width: unset}
*/.banner-text-heading.column100p {padding: 0 !important}
.home_container .topbanner-center, .home_container .bannerimg {height: auto}
.home_container .topbanner h1 {font-size: 48px}
.contact-us_container  .banner-text-heading {padding-left: 40px !important;z-index: 50;position: absolute;float: left;top: 50%;left: 50%;transform: translate(-50%, -50%)}
.contact.mob_hide_sml {display: none}

}
@media only screen
and (max-width  : 720px) {
.services-panels .column {flex: unset;width: 100%}

}
@media only screen
and (max-width  : 700px) {
.expertise .info_content ul { flex: unset; padding: 24px 40px}
/*.aboutPanel,*/ .banner-panel-two { margin-top: 0  !important;padding: 0 !important}
.about-us-panel h1 {padding:0}
.about-us-panel h2 { width: 100%}
.aboutPanel .outer_left { margin: 0  !important;padding: 24px 40px !important}
.banner-panel-two .item {display: inline-block;padding: 24px 54px !important}
.banner-panel-two .outer_top_right, .banner-panel-two .outer_left { display: block;flex: unset; flex-wrap: unset;padding:0 !important}
.headerInnertop {display: block;flex-direction: unset}
.headerColumnLeft, .headerColumnRight, .headerInnerbottom { text-align: center !important;width: 100%;min-width: 100%}
.headerColumnRight {text-align: left;float: left; margin:0}
.headertextposition_left {padding: 0;display: block;width: 100%;margin: auto;text-align: center}
/*.contact.mob_hide_sml {display: none}*/
.headertextposition_right .phone p {padding: 0}
.headertextposition_left h1, .headertextposition_left h2 {width: 220px;text-align: center;margin: auto}
.header .bookNow, .header .quoteNow {width: 100%}
.header .contact {margin: 8px auto;float:  none;width: 100%; max-width:300px;	display:block}
.contact.mob_hide_sml {display: none}
.desktop{display: none}
.mobileH{display: block}
.headerColumnMiddle{float: left;display: block}
/*.contact.mob_show {
    max-width: 100%;display: inline
}*/
.headerColumnRight {display: none}
.contactCTA.phone {text-align: center}
.header .contactCTA a { color: #264a7f; font-size: 32px; font-weight: 300; line-height: 120%; }
.headertextposition_center { position: relative; top: unset; transform: unset; }
.logo-left { text-align: center !important}
.headermiddleBottom {display: none}
.logo img {padding: 4px 4px 0}
.list .item .item_col { padding: 0;}
.content {padding: 0 16px;}
.panel-group {margin: 0 0 15px 0; padding: 0;}
#accordion .panel-body {padding: 8px 0;}
.callDiv { background-color: #fff; border-radius: 60px; display: inline-block; width: 100%; margin-top: 8px; margin-bottom: 8px;margin-left: 0 !important;-webkit-box-shadow: 0px 0px 7px 4px rgba(200,200,222,0.80);box-shadow: 0 0 7px 4px rgba(200,200,222,0.80); padding: 0 !important}

}
@media only screen
and (max-width  : 680px) {
/*.topbanner h1, h1{font-size: 36px}*/
.headerbottomBottomContainer{padding-left: 16px !important;padding-right: 16px !important}
.repeat-pattern-01{ padding: 24px 0 8px !important}
/*.home_container .topbanner-left {height: 310px}*/

}
@media only screen
and (max-width  : 660px) {
.information_list.list .item.staff { width: 100%}
.footer-right .socialicons_, .footer-right .footerTextContainer {text-align: left}
.extra-panel {background-size: 160%}
.extra-panel .info_content { display: block}
.extra-panel-right {padding: 0 20px}
.extra-panel-left { flex: unset}
.highliteBox .column30p, .highliteBox .info_content,.additionalimages p { text-align: left; padding: 8px 0;width: 100%}
p, li, .footer h4 {}
.homePanels h1, .homePanels h2, .homePanels h3, .homePanels h4, .homePanels p {}
.footer h1, .footer h2, .footer h3, .footer h4, .footer p, .footer li { text-align:left}
.copyright a, .copyright p {font-size: 12px}
.mobile01,.mobile02 {padding: 0 16px 8px 16px}
.headertextposition_bottom-bottom {text-align: left;padding:0 16px 8px 24px}
.contactPanelmobile { }
.contactPanelmobile p {text-align: left}
.mobile01, .mobile02 {width: 100%;text-align: left;padding: 0 0 8px 0;float: left}
.headerbottomBottom h2 {padding: 16px 0 0}
.steps h2 br {display: block}
/*.home_container .topbanner-left {height: 300px}*/

}
@media only screen
and (max-width  : 600px) {
.profile .info_content { padding: 0; width: 100%}
.profile .imagelist_cont { height: unset}
.home_container  h1 { font-size: 32px}
.topbanner h1 { font-size: 30px; /*width: 60%;*/}
.services-panel-box p, .extra-panel-right { padding:0}
.home-green-panel .info_content {margin-top: 300px}
.extra-panel .info_content {padding: 24px 0}
.info_content h4 {width: 100%}
.highliteBox { padding: 0 !important; border-radius: 0; margin: 20px 0; background-color: #fff; box-shadow: unset}
#Contactform {padding: 0 24px}
.steps .heading {width: 260px}
/*.home_container .topbanner-left {height: 260px}*/
.mainContent.blog { padding: 0!important}
.blog_details .blogPanel { display: inline-block; padding: 0!important}
.card-group {flex-direction: column;}
.notremove.above_content_wrapper {display: none;}
.headerInnertop {background-color: transparent;padding: 16px;}

}
@media only screen
and (max-width  : 540px) {
.home-green-panel .info_content {margin-top: 210px}
.centred a {margin: 16px auto;color: #fff !important;width: 100%}
.style01{padding-right: 0;padding-left: 0}
/*.home_container .topbanner-left {height: 240px}*/
.quote.formbuilder_container {padding: 60px 40px}
.header .contact {margin: 0 auto}
.blog_list, .blog_details {background-image: none}
.blogImage {min-height: 100px}
.mainContent .blog {padding: 0}
.nomobile {display:none}
}
@media only screen
and (max-width  : 480px) {
.contact-us_container .maincontentOuter { padding: 0; max-width: 100%;width: 100%}
.home_container .topbanner h1 {font-size: 32px; /*padding-top: 16px;*/}
.home_container .topbanner h2 { font-size: 16px; padding: 16px 0 0}
/*.home_container .topbanner-center, .home_container .bannerimg {height: 210px}*/
.about_container  .topbanner h1 { padding: 0}
.home-green-panel .info_content {margin-top: 260px}
.topbanner h1 {font-size: 24px}
.highlite .info_content {padding: 16px}
.banner-panel-two p {font-size: 16px}
.heading h1 {font-size: 24px}
.icon-left, .style01-block {display: block;text-align: center}
.double-column-inner {padding-left: 0;padding-right: 0}
h2 {font-size: 32px}
/*.home_container .topbanner-left {height: 200px}*/
.featureH .flex-child { padding: 40px}
.item.orange-grad.white-text.p40.equalblock {padding: 40px 10px !important}
.steps .info_content, .steps .outer_top_left {padding: 24px 40px}
.quote.formbuilder_container { padding: 8px 16px 40px;}
.postsubject h2 {font-size: 32px}
.small-text {display: none}
.two_colblogPanel .left, .two_colblogPanel .right, .two_colblogPanel .postitem {flex: unset;border-left: 0;border-right: 0;border-top:0}
.blog_list .postsubject {padding: 16px 0}
.dark-blue-panel {padding: 24px;}
.box .column { text-align: center; padding: 0px; background-color: #FFFFFF; flex: 1; box-shadow: none; transition: none; transform: none;margin: 0 auto; }

}
@media only screen
and (max-width  : 360px) {
.headertextposition_left, .headertextposition_bottom-bottom h2  {text-align: center}
.headertextposition_right .phone { float: unset; text-align: center;font-size: 24px}
.home_container .topbanner,  .headerInnertop{padding: 0 24px}
}