@media only screen and (min-width: 1420px) {
    .header > .widget-container{
        max-width: 1550px;
    }

}


@media only screen and (max-width: 1200px) {
    .responsive .header > .widget-container {
        width: 100%;
    }
    .responsive .body > .widget-container {
        width: 100%;
    }
    .page-content .v-split-container > .v-split{
        width: 100%;
    }
    .responsive.page-home .footer-logo-inner-page .footer-top-logo .container {
        width: 100%;
    }
    .polygon-content{
        overflow: hidden;
    }
    .responsive .header::after {
        top: 135px;
    }
    .responsive  .widget-pageHeading,
    .responsive  .page-heading{
        padding-left: 20px;
    }
    .responsive  .widget.widget-pageHeading h1,
    .responsive  .page-heading h1{
        font-size: 35px;
    }
    #webcommander-page  .footer-top-logo{
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media only screen and (max-width: 1155px) {
    .responsive .hex-box{
        height: 310px;
    }
}


@media only screen and (min-width: 1171px) and (max-width: 1450px){
    .widget-snippet.header-enquire-btn{
        top: 15px !important;
    }
    .widget-navigation.main-menu{
        right: 15px !important;
    }
    .widget-navigation.main-menu .navigation-item a {
        padding: 22px 13px;
		    font-size: 13px !important;
    }
    .widget-snippet.top-phone-header{
        right: 215px !important;
        top: 24px !important;
    }
}

@media only screen and (min-width: 1201px) and (max-width: 1340px){
    .responsive .hex-box {
        width: 224px;
        height: 194px;
    }
    .responsive .hexagon-text a {
        font-size: 25px;
        width: 224px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1170px){
    .widget-navigation.main-menu .navigation-item a {
        font-size: 13px;
        padding: 22px 15px;
    }
}

@media only screen and (max-width:1024px) {
	.widget.widget-breadcrumb{
		display: none;
	}
    /* Inner Page */
    .responsive  .page-text-wrap-content h2 {
        font-size: 20px;
        line-height: 29px;
        margin: 0;
        padding: 0 0 13px 0;
    }
    .responsive  .widget-snippet .right-content-box {
        padding-left: 20px;
    }
    body.responsive  a.btn-common {
        text-align: center;
    }
    .responsive   .widget-snippet.page-text-wrap-top .page-text-wrap-content:first-of-type{
        padding-top: 0;
    }
    .responsive  .widget-snippet.page-text-wrap-top .page-text-wrap-content{
        padding-bottom: 0;
    }
    .responsive .widget-snippet .footer-top-logo ul li{
        flex: 0 0 140px;
		    text-align: center;
    }
	.responsive .widget-snippet .footer-top-logo ul li img{
		max-width: 100px;
	}
    .get-form .widget-title{
        left: 0;
    }
    .polygon-content-home {
        padding-bottom: 0;
    }
    .polygon-content .container{
        padding: 0;
    }
    .responsive.page-home .footer-logo-inner-page .footer-top-logo {
        padding: 70px 15px 30px 15px;
    }
    .page-contact .get-form .widget-title {
        font-size: 22px;
    }
    .responsive.page-contact .contact-address-text,
    .responsive.page-contact .contact-links-text {
        padding-left: 63px;
    }
}
@media only screen and (max-width: 1200px) {

    .widget-navigation.main-menu .nav-wrapper.horizontal{
        text-align:left;
        overflow: hidden;
    }
    .main-menu .horizontal .navigation-item > .navigation-item-child-container.open {
        display: block;
    }
    .main-menu .horizontal .navigation-item .navigation-item-child-container {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        box-shadow: none;
        box-sizing: border-box;
        display: none;
        height: auto !important;
        padding:0;
        position: static;
        width: 100%;
        transform: translateX(0%);
    }
    .main-menu .navigation-item .navigation-item-child-container .navigation-item{
        margin:0;
        padding:0;
        border:none;
    }
    .main-menu .navigation-item .navigation-item-child-container .navigation-item a{
        padding:8px 40px;
        font-size:12px;
        text-align:left;
    }
    .widget-navigation.main-menu .horizontal .navigation-item .navigation-item-child-container .navigation-item a {
        border-bottom: 0px #d9d9d9 solid;
    }
    .widget-navigation.main-menu .horizontal .navigation-item:first-child a {
        padding-left: 25px;
        font-size: 14px;
    }
    .widget-navigation.main-menu .horizontal .navigation-item:first-child a::after,
    .widget-navigation.main-menu .horizontal .navigation-item a::after{
        left: 0;
        height: 1px;
        width: 100%;
        margin-left: 0%;
    }
    .main-menu .navigation-item .navigation-item-child-container a:hover, .main-menu .navigation-item .navigation-item-child-container a:focus {
        color: rgba(255, 255, 255, 0.6);
    }
    .widget-navigation.main-menu .horizontal .navigation-item .navigation-item-child-container .navigation-item a {
        font-size: 14px;
        text-align: left;
        color: #fff;
        padding-left: 40px;
    }
    .widget-navigation .horizontal .navigation-item.has-child::before{display: none;}
    .responsive-navigation .navigation-item.has-child .child-opener.close::before {
        content: "\f068";
        font-family: fontawesome;
    }
    .main-menu .nav-wrapper {
        background-color: #89b723;
        left: auto;
        top: 57px;
        width: 100vw;
        z-index: 99;
        height: auto !important;
        padding: 0 !important;
        right: 0;
    }
    .main-menu .nav-wrapper .navigation-item{
        background-color: transparent;
        padding:0;
    }
    .widget-navigation.main-menu .nav-wrapper .navigation-item a {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        color: rgba(255, 255, 255,1.0);
        line-height: 20px;
        padding: 12px 25px;
        border-radius:0;
        font-size: 14px;
    }
    .main-menu .nav-wrapper .navigation-item a:hover {
        background: #92C02C;
        border:none;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        border-radius:0;
    }
    .main-menu .nav-wrapper .navigation-item.last a {
        border-bottom:none;
    }
    .main-menu  .menu-button em{
        background-color:#75B027;
    }
    .responsive-navigation .navigation-item.has-child .child-opener {
        position: absolute;
        right: 0;
        top: 0;
        width: 50px;
    }
    .main-menu  .navigation-item.has-child .child-opener::before{
        color: #fff;
        display: block;
        font-family: "FontAwesome";
        font-size: 16px;
        vertical-align: middle;
        cursor: pointer;
        padding: 10px 20px;
        text-align: right;
    }
    .responsive-navigation .navigation-item.has-child .child-opener.close::before {
        content: "\f068";
    }
    .main-menu .horizontal > .has-child > a span::after {
        display:none;
    }
    .responsive-navigation .navigation-item.has-child .child-opener::before {
        content: "\f107";
    }
    .responsive-navigation .navigation-item.has-child .child-opener.close::before {
        content: "\f106";
    }
    .main-menu .navigation-item .navigation-item-child-container::before {
        display:none;
    }
}
@media only screen and (max-width: 991px) {
	.main-menu .nav-wrapper {
		top: 76px;
	}
	.widget-gallery.main-slider .jssor-slider-container .container .jssor-caption-3 a{
		display: none;
	}
    /*start:menu*/
    .widget-navigation.main-menu .nav-wrapper.horizontal{
        text-align:left;
        overflow: hidden;
    }
    .main-menu .horizontal .navigation-item > .navigation-item-child-container.open {
        display: block;
    }
    .main-menu .horizontal .navigation-item .navigation-item-child-container {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        box-shadow: none;
        box-sizing: border-box;
        display: none;
        height: auto !important;
        padding:0;
        position: static;
        width: 100%;
        transform: translateX(0%);
    }
    .main-menu .navigation-item .navigation-item-child-container .navigation-item{
        margin:0;
        padding:0;
        border:none;
    }
    .main-menu .navigation-item .navigation-item-child-container .navigation-item a{
        padding:8px 40px;
        font-size:12px;
        text-align:left;
    }
    .widget-navigation.main-menu .horizontal .navigation-item .navigation-item-child-container .navigation-item a {
        border-bottom: 0px #d9d9d9 solid;
    }
    .widget-navigation.main-menu .horizontal .navigation-item:first-child a {
        padding-left: 25px;
        font-size: 14px;
    }
    .widget-navigation.main-menu .horizontal .navigation-item:first-child a::after,
    .widget-navigation.main-menu .horizontal .navigation-item a::after{
        left: 0;
        height: 1px;
        width: 100%;
        margin-left: 0%;
    }
    .main-menu .navigation-item .navigation-item-child-container a:hover, .main-menu .navigation-item .navigation-item-child-container a:focus {
        color: rgba(255, 255, 255, 0.6);
    }
    .widget-navigation.main-menu .horizontal .navigation-item .navigation-item-child-container .navigation-item a {
        font-size: 14px;
        text-align: left;
        color: #fff;
        padding-left: 40px;
    }
    .widget-navigation .horizontal .navigation-item.has-child::before{display: none;}
    .responsive-navigation .navigation-item.has-child .child-opener.close::before {
        content: "\f068";
        font-family: fontawesome;
    }
    .main-menu .nav-wrapper {
        background-color: #89b723;
        left: auto;
        top: 80px;
        width: 100vw;
        z-index: 99;
        height: auto !important;
        padding: 0 !important;
        right: -210px;
    }
    .main-menu .nav-wrapper .navigation-item{
        background-color: transparent;
        padding:0;
    }
    .widget-navigation.main-menu .nav-wrapper .navigation-item a {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        color: rgba(255, 255, 255,1.0);
        line-height: 20px;
        padding: 12px 25px;
        border-radius:0;
        font-size: 14px;
    }
    .main-menu .nav-wrapper .navigation-item a:hover {
        background: #92C02C;
        border:none;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        border-radius:0;
    }
    .main-menu .nav-wrapper .navigation-item.last a {
        border-bottom:none;
    }
    .main-menu  .menu-button em{
        background-color:#75B027;
    }
    .responsive-navigation .navigation-item.has-child .child-opener {
        position: absolute;
        right: 0;
        top: 0;
        width: 50px;
    }
    .main-menu  .navigation-item.has-child .child-opener::before{
        color: #fff;
        display: block;
        font-family: "FontAwesome";
        font-size: 16px;
        vertical-align: middle;
        cursor: pointer;
        padding: 10px 20px;
        text-align: right;
    }
    .responsive-navigation .navigation-item.has-child .child-opener.close::before {
        content: "\f068";
    }
    .main-menu .horizontal > .has-child > a span::after {
        display:none;
    }
    .responsive-navigation .navigation-item.has-child .child-opener::before {
        content: "\f107";
    }
    .responsive-navigation .navigation-item.has-child .child-opener.close::before {
        content: "\f106";
    }
    .main-menu .navigation-item .navigation-item-child-container::before {
        display:none;
    }
    .widget-pageHeading.inner-page-headding {
        padding: 0 15px;
        height: 116px;
    }
    .header::after {
        height: 116px;
    }
    .header::after {
        top: 150px;
    }
    .widget-navigation .horizontal .navigation-item.has-child:hover a, .widget-navigation .horizontal .navigation-item.has-child:hover::before {
        color: #fff;
    }
    .widget-navigation.main-menu .navigation-item.active a span::after{
        display: none;
    }
    /* End Menu */




    /* Inner Page */
    .responsive .hex-box {
        height: 300px;
        margin-left: 0;
        margin-bottom: 13px;
    }
    .responsive .hex-box.self-managedsuper {
        top: 0;
        position: relative;
        height: 230px;
    }
    .responsive.page-services .hex-box.self-managedsuper {
     top: 0;
 }
 .responsive .hex-box {
    width: 248px;
}
.responsive.page-home   .hex-box {
    height: 280px;
    top: -74px;
}

.page-home .get-form .custom-form {
    left: 114px;
    width: 460px;
}
.page-home .widget-form.get-form{
    margin: 0;
}
.responsive .polygon-content {
    padding: 84px 15px 0 15px;
}
.responsive .polygon-content.polygon-content-home{
    padding: 180px 15px 40px 15px;
}
.responsive .polygon-content-inner .hex-box {
    height: 278px;
}
.page-heading {
    padding: 57px 0 87px 0;
}



.responsive .header::after {
    top: 128px;
}
.responsive  .widget-pageHeading,
.responsive  .page-heading{
    padding-top: 35px;
}
.responsive  .widget.widget-pageHeading h1,
.responsive  .page-heading h1{
    font-size: 28px;
}
.responsive .widget.widget-breadcrumb{
    padding-top: 45px;
}

.responsive.page-contact .get-form .widget-title {
    left: 25px;
    font-size: 17px;
}
.responsive.page-contact  .widget-snippet .contact-text-wrap {
    padding-top: 27px;
    padding-bottom: 0;
}
.responsive.page-contact  .get-form .double-input-row .form-row {
    padding-left: 15px;
    padding-right: 15px;
}
.responsive.page-contact  .get-form .single-input-row {
    margin: 0 -75px;
}
.responsive.page-contact  .get-form .form-row.btn-row {
    margin: 0 -30px;
}
.responsive.page-contact  .contact-text-wrap h2{
    font-size: 18px;
}
.responsive.page-contact .contact-address-text,
.responsive.page-contact .contact-links-text {
    padding-left: 20px;
}
.page-contact .get-form .custom-form {
    left: 70px;
    width: 410px;
}

}


@media only screen and (max-width: 767px) {
    .fee.responsive .widget-pageHeading, .fee.responsive .page-heading{
        margin: 0;
    }
    .enquire-form .errorlist.after .message-block {
        padding: 0;
        right: 17px;
        width: 144px;
    }
    .enquire-form {
        padding-left: 0;
        padding-right: 0;
    }
    .widget-snippet .enquire-now-address h2{
        display: block;
        max-width: 100%;
        text-align: center;
    }
    .widget-snippet .enquire-now-address h2::after {
        right: 50%;
        margin-right: -19px;
    }
    .widget-snippet .enquire-now-address .enquire-now-inner p {
        text-align: center;
    }
    .widget-snippet .enquire-now-address .enquire-now-inner {
        padding-bottom: 20px;
    }


    .widget-snippet.top-phone-header{
        width:40px;
    }
    .widget-snippet.top-phone-header .header-phone{
        position: relative;
        width: 35px;
        height: 35px;
    }
    .widget-snippet.top-phone-header .header-phone i{
        overflow: hidden;
    }

    .widget-snippet .social-share{
        text-align: left !important;
    }
    .responsive .widget-navigation .horizontal .navigation-item.last{
        display: block;
    }
    .page-text-wrap-content img {
        margin-bottom: 15px;
    }
    .page-about-us .footer-top-logo .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .main-menu .nav-wrapper {
        top: 60px;
        right: 0;
    }
    .widget-snippet .wc-snippet-enquire-now{
        display: none;
    }

    /* Inner page */
    .page-content {
        padding: 15px;
    }

    .page-home .page-content {
        padding: 0;
    }

    .page-content .container {
        padding-left: 0;
        padding-right: 0;
    }

    .responsive .widget-snippet .right-content-box {
        padding-left: 0;
    }

    .responsive .page-text-wrap-content h2 {
        text-align: left;
    }

    .responsive .page-text-wrap-content h2::after {
        right: auto;
        left: 0;
    }

    .responsive .page-text-wrap-content h2 {
        font-size: 20px;
        line-height: 29px;
        margin: 0 0 20px 0;
        padding: 0 0 7px 0;
    }
    .responsive.page-home .footer-logo-inner-page .footer-top-logo .container {
        max-width: 300px;
    }
    .responsive .widget-snippet .footer-top-logo ul {
        flex-direction: initial;
        text-align: center;
        display: table;
    }
    .responsive .widget-snippet .footer-top-logo ul li {
        flex: none;
        display: inline-block;
        width: 48%;
        text-align: center;
        margin: 0;
        padding: 0;
        vertical-align: middle;
    }


    .responsive .welcome-area {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 35px;
    }
    .responsive .welcome-area p{
        text-align: center;
    }

    .responsive .welcome-area h6::after {
        right: auto;
        left: 50%;
        margin-left: -19px;
    }

    .responsive .welcome-area h2 {
        font-size: 33px;
        text-align: center;
        margin-right: 0;
    }

    .responsive .welcome-area h6 {
        font-size: 18px;
        text-align: center;
        margin-bottom: 15px;
        margin-right: 0;
    }
    .responsive .hex-box.self-managedsuper {
        top: 0;
        height: 244px;
    }
    .responsive.page-home   .hex-box {
        height: 265px;
    }
    .responsive.page-home .hex-box.self-managedsuper {
        top: -69px;
    }

    .page-home .widget-form.get-form{
        overflow: hidden;
    }
    .get-form .widget-title::after {
        right: auto;
        bottom: 20px;
        left: 50%;
        margin-left: -14px;
    }
    .get-form .widget-title {
        left: 0%;
        margin-left: 0;
        position: relative;
        text-align: center;
        padding: 0 15px 30px 15px;
        margin-bottom: 20px;
        width: 100%;
        max-width: 100%;
    }

    .page-home .get-form .custom-form {
        left: 0;
        width: 100%;
        margin: 0;
    }

    .get-form .single-input-row {
        margin: 0 -38px;
    }
    .page-home .get-form .btn-row {
        padding: 0 6px;
    }
    .page-home .get-form .btn-row .submit-button {
        width: 100%;
    }

    .widget-snippet .polygon-content.polygon-content-home {
        padding: 104px 15px 0 15px;
    }
    .widget-snippet .hex-box {
        width: 236px;
    }
    .responsive .hex-box {
        height: 263px;
    }


    .get-form .single-input-row,
    .get-form .double-input-row, .get-form .triple-input-row {
        margin: 0;
    }
    .get-form .single-input-row .form-row.textArea,
    .get-form .double-input-row .form-row {
        padding-left: 15px;
        padding-right: 15px;
    }
    .widget-form .double-input-row .form-row {
        width: 100%;
    }
    .page-home .get-form .btn-row {
        padding: 6px 15px;
    }
    .page-home .get-form .custom-form{
        max-width: 500px;
        margin: 0 auto;
    }


    .responsive .img-right {
        float: none;
        margin-left: 0;
    }
    .responsive .page-text-body {
        padding-left: 0;
    }
    .responsive .full-weight-bg .page-text-wrap-content {
        padding: 80px 15px;
        margin: 0 -15px;
    }
    .responsive  .widget-snippet .page-text-wrap-content {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .table-wraper {
        overflow-x: auto;
    }
    .table-wraper table {
        min-width: 400px;
    }
    .responsive .widget.widget-breadcrumb{
        display: none;
    }
    .responsive .header::after {
        top: 97px;
        display: none;
    }
    .responsive .widget-pageHeading, .responsive .page-heading {
        padding-top: 25px;
        padding-bottom: 30px;
        text-align: left;
        background: url("/template/8892317f/images/header-bg-inner.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        margin: -15px -15px  30px -15px;
        width: auto;
    }
    .responsive   .widget.page-heading h1::before{
        left: 0;
        margin-left:0;
    }
    .responsive  .widget.widget-pageHeading h1,
    .responsive  .page-heading h1{
        font-size: 17px;
    }
    .responsive.page-contact .contact-text-wrap h2{
        text-align: left;
    }
    .responsive.page-contact  .contact-text-wrap h2::after{
        right: auto;
        left: 0;
    }
    .responsive.page-contact .contact-address-text, .responsive .contact-links-text {
        padding-left: 0;
    }
    .responsive.page-contact .get-form .widget-title {
        left: 0;
        font-size: 17px;
        position: relative;
        text-align: left;
        padding: 0 0 30px 0;
    }
    .responsive.page-contact .get-form .widget-title:after {
        right: auto;
        left: 0;
        margin-left: 0;
    }
    .responsive.page-contact .get-form .custom-form {
        left: 0;
        width: 100%;
    }
    .responsive.page-contact .get-form .double-input-row .form-row {
        padding-left: 0;
        padding-right: 0;
    }
    .responsive.page-contact .get-form .single-input-row {
        margin: 0 -15px;
    }
    .responsive.page-contact .get-form .form-row.btn-row {
        margin: 0;
    }
    .responsive.page-contact .page-content .widget.get-form {
        padding: 0 0 80px 0;
        margin: 0;
    }
    .responsive.page-contact .contact-address-text,
    .responsive.page-contact .contact-links-text {
        padding-left: 0;
    }
    .responsive  .hexagon-text{
        left: -12px;
    }
}
@media only screen and (max-width: 480px) {
    .responsive.page-home .hex-box.self-managedsuper {
        top:0;
    }

}

@media only screen and (max-width: 479px) {
    .widget-snippet .enquire-now-address {
        padding: 0;
    }
}
@media only screen and (max-width: 360px) {
    .widget-snippet .enquire-now-address .enquire-now-inner p a {
        font-size: 14px;
        font-weight: 300;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
  select,
  textarea,
  input {
    font-size: 16px;
  }
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
  select:focus,
  textarea:focus,
  input:focus {
    font-size: 16px;
    background: #eee;
  }
} 
