/* Responsive Styles */

/* XX-Large devices (larger desktops, 1400px and up) */
@media (max-width: 1400px) {
.service-card {
        height: 367px;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) {}

/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) {
#menu-main-menu {
    width: 100%;
}
	.navbar-nav .dropdown-menu {
    margin-bottom: 20px;
}
	    #menu-main-menu .nav-item {
        border-bottom: 1px solid #eee;
        padding: 0 16px;
    }
	.offcanvas-body .navbar-nav .nav-link {
		 display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 15px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        font-weight: 600;
        letter-spacing: 1px;
    }
    .navbar-toggler {
        width: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 48px;
        border-radius: 12px;
        background: var(--primary-red);
    }

    .navbar-toggler-icon {
        background: url(../images/menu-icon.svg) no-repeat center center;
        background-size: 100%;
    }
	    .offcanvas-body .header-actions .btn {
        width: auto;
        text-align: center;
        padding: 10px 34px 10px 11px;
        font-size: 16px;
        justify-content: center;
		font-size:21px;
    }
	.offcanvas-header {
    border-bottom: 1px solid var(--primary-red);
}
}


/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
    .slider-arrow {
        display: none;
    }

    .btn.btn-primary {
        padding: 22px 24px;
        font-size: 14px;
    }

    .navbar-center-brand.me-auto {
        display: none;
    }

    .navbar-center-brand.me-auto.mobile-logo {
        display: block;
    }

    .page-header .navbar .navbar-brand img {
        width: 77px;
        height: auto;
    }

    .page-header .navbar .menu-item {
        display: none;
    }

    .page-header .navbar .mobile-menu-icon {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /*section-1*/
    .hero h1 {
        font-size: 38px;
    }

    .hero {
        height: 750px;
    }

    span.five-rating {
        font-size: 12px;
    }

    /*section-2*/
    img.thinking-man {
        width: 100%;
    }

    .tired-managing-header {
        font-size: 38px;
    }

    /*section-3*/
    .property-owner-header {
        font-size: 38px;
        margin-bottom: 18px;
    }

    .owner-text {
        font-size: 16px;
    }

    /*section-4*/
    .our-core-title {
        font-size: 38px;
    }

    .core-p {
        font-size: 16px;
    }

    h4.core-title {
        font-size: 18px;
        padding: 21px 12px;
    }

    /*section-4*/
    .choose-us h2 {
        font-size: 38px;
    }

    .choose-card {
        padding: 20px;
    }

    .choose-title {
        font-size: 22px;
    }

    /*section-5*/
    .experience-title {
        font-size: 38px;
    }

    /*section-6*/
    .shield-wrap img {
        width: 100%;
    }

    /*section-7*/
    .process-title {
        font-size: 38px;
    }

    .process-row {
        gap: 80px;
    }

    /*section-8*/
    .faq h2 {
        font-size: 38px;
    }

    .faq .accordion-body {
        padding: 26px 16px 41px 16px;
    }

    .faq {
        padding: 20px 0;
    }

    /*footer*/
    .footer-title {
        font-size: 38px;
    }

    .footer-contact p {
        font-size: 18px;
    }

    /*testimonial*/
    .testimonial-title {
        font-size: 38px;
    }

    .vertical-text-right {
        display: none;
    }

    .hero h1 {
        font-size: 46px;
    }

    .about-section .col-lg-6:last-child {
        margin-top: 0;
    }

    .about-content-area {
        padding-left: 0;
        margin-top: 0 !important;
    }

    .profile-card {
        margin-top: 24px;
    }

    .segments-section {
        padding: 1rem 0 20px 0 !important;
    }

    .team-sec-animation {
        display: none;
    }

    .team-section .col-lg-6:last-child {
        margin-top: 0;
    }

    .advantages-section {
        padding: 0 0 70px 0;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
    .about-bg-pattern {
        display: none;
    }

    .container,
    .container-fluid {
        padding: 0 20px;
    }

    .contact-page-sm-des {
        margin-bottom: 50px;
        padding: 27px;
    }

    .contact-page h3 br {
        display: none;
    }

    .contact-card {
        padding: 40px 25px;
    }

    .contact-page-bootom-content {
        margin-top: 50px;
        margin-bottom: 70px !important;
    }

    .contact {
        margin: clamp(4rem, 6vw, 6rem) 0;
        margin-bottom: clamp(3rem, 6vw, 6rem) !important;
    }

    .btn.btn-primary {
        padding: 19px 14px;
        font-size: 13px;
    }

    .contact-info-card a {
        height: auto;
        font-size: 19px;
    }

    .contact-info-card {
        gap: 20px;
    }

    .contact-info-card img {
        width: 70px;
        height: 70px;
    }

    .google-map-frame iframe {
        height: 450px;
    }

    .contact-map {
        margin-bottom: 30px;
        margin-top: 71px;
    }

    .blog--detail-block .row {
        flex-direction: column-reverse;
        gap: 30px;
    }

    .search-wrapper {
        margin-bottom: 25px;
    }

    .blog--detail-block {
        margin-top: 70px;
        margin-bottom: 30px;
    }

    .blog-banner-detail-title {
        font-size: 35px;
        margin-bottom: 50px !important;
    }

    .blog-block {
        margin-top: 70px;
        margin-bottom: 30px;
    }

    .blog-block .row {
        flex-direction: column-reverse;
        gap: 30px;
    }

    .blog--card {
        margin-bottom: 0;
    }

    .team-section .row,
    .institutional-section .row,
    .about-section .row,
    .segments-section .row {
        margin: 0 -20px;
    }

    .institutional-section {
        padding-bottom: 2rem !important;
    }

    .institutional-section .container {
        padding-top: 2rem !important;
    }

    .footer-building-design {
        display: none;
    }

    .institutional-section .text-center.mb-5 {
        margin-bottom: 0 !important;
    }

    ul#pills-tab {
        margin-bottom: 0 !important;
    }

    .segments-section .tab-content {
        margin-top: 0 !important;
    }

    .team-section .col-lg-6:first-child {
        margin-top: 0 !important;
    }

    .slider-controls {
        display: none !important;
    }

    .service-card {
        border-radius: 13px;
        padding: 16px;
		margin-top: 118px;
		height:402px;
    }

    .service-card-title {
        font-size: 16px;
        line-height: normal;
    }

    .service-card p {
        font-size: 14px;
        line-height: 134%;
    }

    .services-grid-section .row {
        margin: 0 -11px;
        gap: 17px 0;
        padding: 0 !important;
        margin: 0 -9px;
    }

    .services-grid-section .col-lg-4.col-md-6.col-6 {
        padding: 0 8px;
        margin: 0;
    }

    .service-card-icon {
        margin-bottom: 24px;
    }

    .service-card img {
        height: 179px;
		width:100%;
    }

    .services-grid-title {
        margin-bottom: 25px;
    }

    .text-center.mb-5 {
        margin-bottom: 2rem !important;
    }

    .institutional-section {
        padding-top: 0 !important;
    }

    .segments-section .col-lg-6 {
        padding-left: 1.3rem !important;
        padding-right: 1.3rem !important;
    }

    .segment-img {
        width: 100%;
        height: 250px;
    }

    .segments-section .row:last-child {
        flex-direction: column-reverse;
        margin-top: 40px;
    }

    .segments-section .text-left.mb-5 {
        margin-bottom: 1.5rem !important;
    }

    .segments-section.ongoing-projects .row.g-5 {
        margin-top: 0 !important;
    }

    .segments-section.ongoing-projects .segments-title {
        margin-bottom: 0;
    }

    .segments-section.ongoing-projects .text-left.mb-5 {
        margin-bottom: 0 !important;
    }

    .segments-section.ongoing-projects .container .container {
        padding: 0 !important;
    }

    .marquee-container {
        padding: 40px 0 20px;
    }

    .service-faq .section-title {
        margin-bottom: 36px;
    }

    .removal-across-brisbane {
        margin: 80px 0;
        border-radius: 23px !important;
    }

    .enquiry-form {
        padding: 40px 20px 15px !important;
        color: #fff;
        margin: 14px !important;
        border-radius: 10px !important;
    }

    .premium-accordion .accordion-item:last-child {
        margin-bottom: 0 !important;
    }

    .premium-accordion .accordion-button {
        padding: 17px 20px;
        font-size: 1rem;
        gap: 10px;
    }

    .premium-accordion .accordion-body {
        padding: 20px 20px 20px;
        line-height: 1.4;
        font-size: 0.95rem;
    }

    .removal-across-brisbane h3 {
        font-size: 33px;
    }

    .car-contact-form textarea.form-control {
        height: 130px !important;
    }

    .institutional-section.about-us-sec .container.py-5 {
        padding-bottom: 0 !important;
    }

    .service-faq {
        padding-top: 2rem !important;
    }

    .inner-page-hero {
        height: 430px;
    }

    .service-process.process-page {
        padding-top: 2rem !important;
        padding-bottom: 1rem !important;
    }

    .clients-section {
        padding: 70px 0;
    }

    .segments-section.pt-5.ongoing-projects.project-page {
        padding: 2rem 0 0 0 !important;
    }

    .service-detail-overview {
        padding-top: 0 !important;
    }

    .service-process .row {
        margin: 0 -20px;
    }

    .service-features.py-5.bg-light-section {
        padding-bottom: 0 !important;
    }

    .service-features.py-5.bg-light-section {
        padding-bottom: 0 !important;
        padding-top: 2.5rem !important;
    }

    .feature-card-premium {
        border-radius: 14px;
        padding: 25px;
    }

    .service-detail-overview .row {
        margin: 0 -20px;
    }

    .service-features .section-title {
        margin-bottom: 30px;
    }

    .service-detail-overview .container {
        padding-top: 2rem !important;
    }

    .service-process .container.pb-5 {
        padding-bottom: 1.5rem !important;
    }

    .institutional-section .row {
        flex-direction: column-reverse;
    }

    .institutional-section.pt-5.position-relative.about-us-sec {
        padding-bottom: 1rem !important;
    }

    .institutional-section .col-lg-6 {
        padding: 0 20px;
    }

    .service-process.service-detail-page {
        padding-bottom: 1rem !important;
    }

    .service-process.service-detail-page .col-lg-5 {
        margin-top: 30px;
    }
	.segments-section.ongoing-projects .project-image-wrapper
 {
    margin-top: 0;
}
    .service-card {
        height: 382px;
    }
	.institutional-section.position-relative.conversions .section-title {
    margin-bottom: 0;
}
	.page-template-re-roofing-page-template .institutional-section.py-5.position-relative.inspection .institutional-lead {
    margin-bottom: 0;
}
	    .page-template-products-page-template .institutional-section .container {
        padding-top: 0 !important;
    }
	#skylight
 {
    margin-top: 0px;
    margin-bottom: 1rem !important;
}
	.page-template-products-page-template .gallery_shortcode {
    margin-top: 60px;
}
	    .footer-section .btn.btn-primary {
        padding: 17px 34px;
        font-size: 13px;
        margin-bottom: 20px;
    }
	.footer-social-links {
    margin-bottom: 20px;
}
	.service-card {
        height: auto;
    }
	   .page-template-products-page-template .institutional-section .row {
        flex-direction: inherit;
    }
	#built-in-gutters {
    margin-top: -30px;
    margin-bottom: 0 !important;
}
}