@media only screen and (min-width: 1025px) {



  .navbar-main .nav-menu-main ul li:hover a,

  .navbar-main .nav-menu-main>ul>li>.sub-menu>li:hover>a,

  .mega-menu .service-main-title:hover,

  .navbar-main .nav-menu-main ul li a:hover .service-main-title {

    color: #8cc63f;

  }



  .navbar-main .nav-menu-main ul li:hover .arrow,

  .navbar-main .nav-menu-main ul li.current-menu-item .arrow,

  .navbar-main .nav-menu-main ul li.current-menu-parent .arrow {

    border-color: #8cc63f;

  }



  .desktop-hide,

  .navbar-main .nav-menu-main>ul>li.mega-menu>.sub-menu>li>.arrow {

    display: none;

  }



  .btn:hover::before {

    width: 140%;

  }



}



@media only screen and (min-width: 2000px) {}



@media only screen and (max-width: 1600px) {

  .hero-img.desktop-img img {

    max-height: 900px;

    min-height: 900px;

  }



  .common-sec {

    padding-top: 95px;

    padding-bottom: 95px;

  }

  .error-title {
    font-size: 180px;
  }

}



@media only screen and (max-width: 1499px) {



  .common-sec {

    padding-top: 80px;

    padding-bottom: 80px;

  }



  .about-us .about-us-img::before {

    right: 165px;

  }



  .our-capabilities-icon img {

    max-width: 100px;

  }



  .contact-form-con {

    padding: 0 70px;

  }



  .thank-you-sec .thank-you-con .thank-you-title {

    font-size: 100px;

  }

  .hero-banner-content .cms-con p {

    margin-bottom: 30px;

  }



}



@media only screen and (max-width: 1399px) {

  .navbar-main .nav-menu-main>ul>li {

    margin-right: 2.1875rem;

  }



  .navbar-main .nav-menu-main ul li .arrow {

    top: 2px;

  }







}



@media only screen and (max-width: 1299px) {



  .container {

    padding: 0 15px;

  }



  .common-sec {

    padding-top: 80px;

    padding-bottom: 80px;

  }



  .site-logo::before {

    width: 290px;

    height: 290px;

  }



  .hero-banner .hero-title {

    font-size: 55px;

  }



  .hero-img.desktop-img img {

    max-height: 720px;

    min-height: 720px;

  }



  .hero-banner .hero-banner-content {

    bottom: 70px;

  }



  .hero-banner-content .cms-con p {

    margin-bottom: 20px;

  }



  .hero-banner .slick-dots {

    bottom: 20px;

  }



  .about-us .about-us-img::before {

    right: 145px;

  }



  .our-capabilities-icon img {

    max-width: 90px;

  }



  .our-capabilities-con {

    max-width: 100%;

  }



  .about-row {

    margin-left: 30px;

  }



  .contact-form-con {

    padding: 0 60px;

  }



  .contact-details.call-number {

    padding-right: 0px;

  }



  .contact-details.contact-address {

    padding-left: 0px;

  }



  .thank-you-sec .thank-you-con .thank-you-title {

    font-size: 90px;

  }

  .error-title {
    font-size: 160px;
  }
}



@media only screen and (max-width: 1199px) {

  .common-sec {

    padding-top: 70px;

    padding-bottom: 70px;

  }



  .form-group {

    margin-bottom: 15px;

  }





  .menu-icon {

    display: inline-block;

    vertical-align: middle;

  }



  .navigation-bar {

    position: fixed;

    width: 50%;

    min-height: 100vh;

    top: 0;

    bottom: 0;

    left: -50%;

    transition: all 0.6s ease-in-out;

    margin: 0;

    z-index: 9999;

    height: 100vh;

    background: #fff;

  }



  .navigation-bar.slide-menu {

    left: 0;

  }



  .mb-menu-logo {

    display: block;

    width: 100%;

    padding: 1.5625rem 2.8125rem 1.5625rem 1.5625rem;

    display: block;

    width: 100%;

    border-bottom: 0.0625rem solid rgb(185 185 185 / 20%);

  }



  .mb-menu-logo .close-menu {

    position: absolute;

    right: 1.25rem;

    top: 2.1875rem;

    width: 1.5625rem;

    height: 1.5625rem;

    padding: 0.25rem;

  }



  .mb-menu-logo .close-menu:before {

    content: "";

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    height: 0.125rem;

    background: #6B2976;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    margin: auto;

    bottom: 0;

  }



  .mb-menu-logo .close-menu:after {

    content: "";

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    height: 0.125rem;

    background: #6B2976;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    margin: auto;

    bottom: 0;

  }



  .nav-menu-main {

    overflow-y: auto;

    height: calc(100vh - 5.375rem);

    min-height: calc(100vh - 5.375rem);

  }



  .navbar-main ul:first-child {

    display: block;

    justify-content: inherit;

    align-items: inherit;

  }



  .navbar-main ul {

    padding-top: 1.5625rem;

    padding-bottom: 0.9375rem;

    margin-right: 0 !important;

  }



  .navigation-bar .navbar-main .nav-menu-main>ul li {

    position: relative;

    padding: 0;

    margin-bottom: 0;

    margin-right: 0;

    width: 100%;

  }



  .navbar-main .nav-menu-main ul li a {

    padding: 0.9375rem 1.5625rem;

    display: block;

    color: #000;

    font-size: 1rem;

    font-weight: 500;

    border-bottom: 0.0625rem solid rgb(185 185 185 / 20%);

  }



  .navigation-bar .navbar-main .nav-menu-main>ul li .arrow,

  .navbar-main .nav-menu-main>ul>li.nav-sub-menu>.sub-menu li .arrow {

    position: absolute;

    right: 0;

    top: 0;

    width: 100%;

    height: 2.8125rem;

    z-index: 9;

    transform: none;

    bottom: inherit;

    border: none;

  }



  .navigation-bar .navbar-main .nav-menu-main>ul li .arrow:before {

    content: "";

    position: absolute;

    left: inherit;

    right: 25px;

    top: -4px;

    bottom: 0;

    width: 10px;

    height: 10px;

    border-bottom: 2px solid #6B2976;

    border-right: 2px solid #6B2976;

    transform: rotate(45deg);

    margin: auto;

    transition: border 0.4s ease-in-out, transform 0.4s ease-in-out;

  }



  .navigation-bar .navbar-main .nav-menu-main>ul li .arrow.minus:before {

    transform: rotate(225deg);

    top: 5px;

  }



  .navbar-main .nav-menu-main>ul>li .sub-menu {

    border-top: none;

    background: 0 0;

  }



  .navigation-bar .navbar-main .nav-menu-main>ul>li ul {

    display: none;

    padding: 0 !important;

    position: static !important;

    transform: none !important;

    left: inherit !important;

    top: inherit !important;

    width: auto !important;

    box-shadow: none !important;

    opacity: 1 !important;

    visibility: visible !important;

    transition: none !important;

  }



  .navbar-main .nav-menu-main>ul>li .sub-menu li a,

  .navbar-main .nav-menu-main>ul>li.nav-sub-menu>.sub-menu>li>a {

    padding: 0.6375rem 30px;

    font-size: 0.9375rem;

    border-width: 0;

    font-weight: 400;

    text-align: start;

    color: #000 !important;

    border-bottom: 0.0625rem solid rgb(185 185 185 / 20%);

  }



  .menu-logo img {

    max-width: 12.5rem;

  }



  .btn {

    padding: 12px 20px;

    min-width: auto;

  }



  .btn.head-btn {

    padding: 12px 15px;

    min-width: auto;

  }



  .navbar-main .nav-menu-main>ul>li.residential-mega-menu>.sub-menu>li:last-child {

    background-color: transparent;

  }



  .navbar-main .nav-menu-main>ul>li.mega-menu>.sub-menu>li>a {

    .service-main-title {

      font-size: 14px;

      font-weight: 500;

    }

  }



  .mega-menu .sub-menu-icon-box {

    flex: 0 0 35px;

    max-width: 35px;

    height: 35px;

    padding: 4px;

  }



  .hero-banner .hero-title {

    font-size: 45px;

    margin-bottom: 5px;

  }



  .hero-banner-content .cms-con p {

    font-size: 20px;

  }



  .our-capabilities-wraper {

    margin-bottom: 55px;

  }



  .about-us-con .cms-con p {

    font-size: 16px;

  }



  .about-us .about-us-img::before {

    right: 125px;

  }



  .row.our-capabilities-row:nth-child(even) .our-capabilities-con {

    padding-left: 0px;

  }



  .contact-img img {

    aspect-ratio: 3.2 / 5.72;

    object-fit: cover;

  }



  .thank-you-sec .thank-you-con .thank-you-title {

    font-size: 80px;

  }

  .error-title {
    font-size: 140px;
  }
}



@media only screen and (max-width: 991px) {

  .common-sec {

    padding-top: 50px;

    padding-bottom: 50px;

  }



  .sec-title {

    font-size: 28px;

    margin-bottom: 15px;

  }



  .btn {

    font-size: 16px;

  }



  .site-logo::before {

    width: 220px;

    height: 250px;

  }



  .hero-img.desktop-img img {

    max-height: 550px;

    min-height: 500px;

  }



  .hero-banner .hero-title {

    font-size: 35px;

  }



  .hero-banner-content .cms-con p {

    font-size: 18px;

  }



  .about-row {

    margin-left: 0;

  }



  .about-row {

    gap: 0px;

    margin-left: 0px;

  }



  .about-us .about-us-img::before {

    height: 80vw;

  }



  .our-capabilities-img {

    margin-bottom: 20px;

  }

  .our-capabilities-con {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    max-width: 92%;
    margin: auto;
    background: #fff;
    border-radius: 10px;
    margin-top: -60px;
    padding: 20px !important;
  }

  .our-capabilities-box-con .cms-con p {
    margin-bottom: 10px;
  }

  .our-capabilities-con .title {
    margin-bottom: 10px;
  }

  .our-capabilities-box-con {
    flex: 0 0 90%;
    max-width: calc(100% - 90px);
    padding-left: 30px;
  }

  .our-capabilities-con .btn {
    color: #8CC63F !important;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    background: transparent;
    padding: 0;
    overflow: initial;
  }

  .our-capabilities-box-con .btn::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    border-bottom: 2px solid currentColor;
    border-right: 2px solid currentColor;
    width: 8px;
    height: 8px;
    right: -130px;
    top: 0;
    bottom: 0;
    transform: rotate(-45deg) !important;
    left: 0 !important;
    border-radius: 0;
    background: transparent;
    aspect-ratio: 0 !important;
  }

  .our-capabilities .container {
    max-width: 600px;
  }



  .footer-links {

    padding-left: 0;

  }



  .contact-details img {

    margin: unset;

    margin-bottom: 0;

  }



  .contact-details {

    display: flex;

    align-items: center;

    margin-bottom: 15px;

  }



  .contact-details img {

    margin-right: 10px;

  }



  .contact-img img {

    display: none;

  }



  .contact-form-con {

    padding: 30px;

  }



  .contact-form-con .cms-con p {

    font-size: 16px;

  }



  .footer-wrapper {

    padding: 50px 0;

  }



  .footer-contact-details {

    margin-top: 40px;

  }



  .site-logo img,

  .footer-logo img {

    max-width: 95px;

  }



  .footer-ndis-logo img {

    max-width: 100px;

  }



  .thank-you-sec .thank-you-con .thank-you-title {

    font-size: 70px;

  }

  .error-title {
    font-size: 120px;
  }



}



@media only screen and (max-width: 767px) {



  .container {

    padding: 0 15px;

  }



  .back-to-top.active {

    right: 10px;

  }



  .hero-banner-content .cms-con p {

    font-size: 16px;

  }



  .about-us-con .cms-con p {

    font-size: 14px;

  }



  .our-capabilities-icon img {

    max-width: 80px;

  }



  .about-us .about-us-img::before {

    height: 100vw;

  }



  .footer-links ul li {

    margin-right: 15px;

  }



  .footer-wrapper {

    padding: 40px 0;

  }



  .thank-you-sec .thank-you-con .thank-you-title {

    font-size: 60px;

  }

  .error-title {
    font-size: 100px;
  }

}



@media only screen and (max-width: 568px) {



  .btn {

    font-size: 14px;

  }



  .btn~.btn {

    margin-left: 5px;

  }

  .form-control,
  .form-select {
    padding: 8px 16px;
    border-radius: 5px;
  }



  .sec-title {

    font-size: 25px;

  }



  .header-main {

    background: linear-gradient(90deg, rgba(255, 255, 255, 0.4) 18.99%, rgba(0, 0, 0, 0.4) 63.51%);

  }



  .hero-img.mobile-img {

    position: relative;

    z-index: 2;

  }



  .hero-img.mobile-img::before {

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 31.58%, rgba(0, 0, 0, 0.6) 73.27%);

    background-blend-mode: multiply;

  }



  .hero-slider-col {

    display: inline-block;

    vertical-align: bottom;

  }



  .navigation-bar {

    width: 100%;

    left: -100%;

  }



  .mb-menu-logo {

    padding: 15px;

  }



  .mb-menu-logo .close-menu {

    right: 10px;

    top: 25px;

  }



  .menu-icon {

    margin-left: 5px;

  }



  .navbar-main .nav-menu-main ul li a {

    padding: 0.7375rem 1.25rem;

  }



  .navbar-main .nav-menu-main>ul>li .sub-menu li a,

  .navbar-main .nav-menu-main>ul>li.nav-sub-menu>.sub-menu>li>a {

    padding: 0.4375rem 1.5625rem;

  }



  .navigation-bar .navbar-main .nav-menu-main>ul li .arrow:before {

    top: -8px;

  }



  .navigation-bar .navbar-main .nav-menu-main>ul li .arrow.minus:before {

    top: 1px;

  }



  .back-to-top {

    width: 2.5rem;

    height: 2.5rem;

  }





  .common-sec {

    padding-top: 40px;

    padding-bottom: 40px;

  }

  /* .menu-icon , .footer-links ul{
    display: none;
  } */

  .hero-banner .hero-banner-content .btn {
    display: none;
  }



  .hero-banner .hero-title {

    font-size: 28px;

  }

  .hero-banner .hero-banner-content {
    bottom: 50px;
  }



  .hero-banner-content .cms-con p br {

    display: none;

  }


  .hero-img.mobile-img img {
    min-height: 480px;
    object-fit: cover;
    max-height: 480px;
  }


  .hero-banner-content .cms-con p{
    margin-bottom: 0;
  }

  


  .hero-banner-content .cms-con p {

    font-size: 14px;

  }



  .about-us .about-us-img::before {

    display: none;

  }



  .about-row {

    --bs-gutter-x: 0;

  }



  .our-capabilities-icon img {

    max-width: 70px;

    margin-bottom: 15px;

  }

  .our-capabilities-box-con .btn::before{
    right: -120px;
  }



  .our-capabilities-wraper {

    margin-bottom: 35px;

  }



  .our-capabilities-con .title {

    font-size: 20px;

    margin-bottom: 10px;

  }

  .our-capabilities-con {
    background-color: transparent;
  }


  .our-capabilities-con {
    display: block;
    flex-wrap: wrap;
    align-items: start;
    max-width: 100%;
    margin: auto;
    background: transparent;
    border-radius: 0;
    margin-top: 0;
    padding: 0 !important;
  }

  .our-capabilities-box-con {
    padding-left: 0;
    max-width: 100%;
  }

  .contact-details p,

  .contact-details a {

    font-size: 14px;

    text-align: start;

  }

  .contact-sec .container {
    padding: 0;
  }

  .contact-sec.common-sec {
    padding-bottom: 0;
  }

  .contact-con {
    border-radius: 0;
  }



  .contact-form-con {

    padding: 20px;

  }



  .contact-form-con .cms-con p {

    font-size: 14px;

  }



  .powerdby {

    justify-content: center !important;

    margin-top: 6px;

  }



  .footer-contact-details {

    margin-top: 30px;

  }



  .footer-links {

    margin-top: 20px;

    text-align: start;

  }



  .contact-details.contact-address {

    align-items: flex-start;

  }



  .thank-you-sec .thank-you-con .thank-you-title {

    font-size: 50px;

  }

  .copy-right-con p,
  .copy-right-con p a,
  .powerdby p {
    text-align: center;
    font-size: 12px;
  }

  .powerdby a img {
    max-width: 25px;
  }

  .error-title {
    font-size: 80px;
  }
}



@media only screen and (max-width: 359px) {

  .hero-banner .hero-title {
    font-size: 25px;
  }
}



@media only screen and (max-width: 340px) {

  .header-main .btn.head-btn {

    padding: 10px 9px;

  }



  .site-logo img {

    max-width: 85px;

  }

}