@media(max-width:1380px) {
.bd-img {
    width: 320px;
    overflow: hidden;
    padding-top: 53px;
}
}
@media(max-width:991px) {
    .banner_wrapper .banner_img .container .inner_conntent {
        max-width: 100%;
    }

    .inner_conntent h1 {
        font-size: 35px;
        letter-spacing: 2px;
        line-height: 40px;
    }

    .inner_conntent p {
        padding: 0;
    }

    .banner_wrapper .banner_img img {
        height: 378px;
    }

    .bottom_banner {
        margin-top: -57px;
    }

    .offcanvas-body .nav-link {
        color: #000 !important;
    }

    .offcanvas-body .navbar-nav .nav-item {
        border-bottom: 1px solid;
    }

    .logoheader {
        width: 100%;
    }

    .banner-left img {
        right: 0px;
    }

    .banner_wrapper .banner_img .container {
        top: 55%;
        transform: translate(-50%, -50%);
    }

    .nav-item.dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0;

    }

    .nav-item.dropdown .dropdown-toggle::after {
        transform: rotate(180deg);
    }

    .appointment-section {
        bottom: 0px;
        margin-top: 40px;
    }

    .bannerleft h5 {
        text-align: center;
    }

    .cardcontainer {
        margin-bottom: 20px;
    }

    .roofright1::after {
        display: none;
    }

    .mainttananace {
        padding: 40px 0px 40px 0px;
    }

    .secureright {
        padding-left: 0px;
        padding-top: 30px;
    }

    .secureicon {
        opacity: 0.1;
    }

    .portfolio {
        padding: 80px 0px 30px 0px;
    }

    .stats-card {
        margin-top: 50px;
    }

    .icon-box {
        width: 150px;
    }

    .navbtn::after {
        display: none;
    }

    .main-footer {
        padding-top: 40px;
    }

    .info-box {
        margin-top: 30px;
    }

    .footer-top-info {
        padding: 30px;
    }

    .footer-middle {
        padding-top: 30px;
        padding-bottom: 0px;
    }

    .blog-section,
    .tp-service-details-area {
        padding: 60px 0;
    }

    .breadcrumb-area .t-titlet h2 {
        font-size: 52px;
        line-height: 1.1em;
        font-weight: 700;
    }

    .main-header.sticky {
        top: -14px;
    }

    .roof-section,
    .faq-section {
        padding: 60px 0;
    }

    .cta-two__img-and-content {
        gap: 50px;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }

    .cta-two__btn-box .bannerbtn {
        justify-content: center;
    }

    .custom-service-card {
        margin-bottom: 20px;
    }

    .siding-img {
        height: 400px;
    }

    .roofright1 {
        padding-top: 30px;
    }

    .bd-img,
    .bd-img img {
        width: 100%;
        padding-bottom: 10px;
    }
	.bd-img{
		padding-top:20px;
	}
    .service-sidebar__widget {
        padding: unset !important;
    }

}

@media (max-width: 768px) {
    .footer-bottom {
        flex-direction: column;
        gap: 10px;
        padding-top: unset !important;
    }
.about_wp_content{
padding:10px 0 !important;
}
    .breadcrumb-area .t-titlet h2 {
        font-size: 32px;
        line-height: 1.1em;
        font-weight: 700;
    }

    .breadcrumb-area {
        padding: 200px 0 58px;
    }

    .bannerContent .titletext {
        font-size: 24px;
    }

    .cta-two__img-and-content {
        gap: 30px;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }

    .cta-two__inner {
        padding: 50px 30px 50px;
    }

    .gallery-carousel .owl-nav {
        margin-top: 16px;

    }

    .cta-two__title {
        font-size: 29px;
        line-height: 36px;
    }

    .siding-content {
        padding-top: 30px;
        padding-left: 0;
    }

    .siding-section,
    .faq-section,
    .tp-service-details-area {
        padding: 40px 0;
    }

    .testimonials-carousel .owl-dots {
        margin-top: 10px !important;
    }

    .project-page {
        padding: 50px 0 10px;
    }

    .project-page h2 {
        padding-bottom: 40px;
    }

    .primary-btn-1 {
        width: 100% !important;
    }

    .contact-page-form textarea {
        margin-bottom: 0px;
    }

    .siding-img {
        height: 300px;
    }

    .footer-top-info {
        margin-bottom: 0;
    }
}

@media (max-width: 551px) {
    .inner_conntent h1 {
        font-size: 28px;
        line-height: 32px;
    }

    .headingemp h2 {
        line-height: 36px;
    }

    .project-page h2 {
        padding: 0px 0px 20px 0px;
    }

    .tp-service-details-right-box p {
        font-size: 16px;
        padding-top: 10px;
    }

    .oursnapshot {
        padding: 10px 0px 20px 0px !important;
    }

    .gallery-carousel .owl-nav button.owl-prev,
    .gallery-carousel .owl-nav button.owl-next {
        border-radius: 10%;
        width: 34px;
        height: 31px;
        font-size: 16px;
    }

    .cta-two__inner {
        padding: 30px 30px 20px;
    }

    .roof-card-inner {
        flex-direction: column;
    }

    .cta-two__bg::before,
    .cta-two__bg {
        border-radius: 15px;
    }

    .bannerContent {
        text-align: center;
    }

    .breadcrumbs-custom-path {
        justify-content: center;
        flex-direction: column;
    }

    .cta-two,
    .siding-section {
        padding: 30px 0;
    }

    .tp-service-details-area {
        padding: 30px 0;
    }

    .roof-card-content {
        flex-direction: column;
    }

    .testimonial-card {
        padding: 30px;
    }

    .roof-card-img {
        max-width: 100%;
        max-height: 200px;
    }

    .roof-card {
        flex-direction: column;
    }

    .roof-section h2,
    .contact-page-form-area h2 {
        padding-bottom: 10px;
    }

    .roof-section {
        padding: 30px 0;
    }

    .footer-middle {
        padding-top: 20px;
    }

    .info-box {
        margin-top: 20px;
    }


    .footer-logo {
        max-width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin: 0 auto;
    }

    .main-footer p {
        text-align: center;
    }

    .portfolio {
        padding: 30px 0px 30px 0px;
    }

    .main-footer {
        padding-top: 30px;
    }

    .project-page__img {
        height: 250px;
    }

    .maintainanacecard {
        padding-top: 30px;
    }

    .project-page {
        padding: 40px 0 0px;
    }

    .inner_conntent p {
        font-size: 14px;
        line-height: 25px;
    }

    .quote-form-box {
        padding: 20px;
        margin-top: 40px;
        margin-right: 0px;
    }

    .bannerleft h5,
    .bannerleft h5 a {
        font-size: 18px;
        line-height: 24px;
    }

    .banner_wrapper .banner_img img {
        height: 280px;
    }

    .inner_conntent h1 {
        padding: 11px 0 14px 0px;
    }

    .banner_wrapper .banner_img .container {
        top: 45%;
    }

    .rightbannerimg,
    .mapsection {
        padding-top: 30px;
    }

    .appointment-section {
        bottom: 0px;
        margin-top: 20px;
    }

    .contact-page-form input {
        margin-bottom: 15px;
        height: 40px;
    }

    .contact-page-form textarea {
        height: 106px;
    }

    .roofright2 {
        width: 100%;
    }

    .contact-map {
        max-height: 300px;
    }

    .listtext p {
        font-size: 14px;
    }

    .roofing-service,
    .blog-section-one,
    .contact-page-section,
    .faq-section {
        padding: 30px 0;
    }

    .heading {
        font-size: 28px;
        line-height: 39px;
    }

    .contact-p-info-area .contact-box {
        padding: 30px 5px 20px 5px;
        margin-bottom: 20px;
    }

    .contact-page-form-area {
        margin-top: 30px;
        padding: 0px;
    }

    .siding-img {
        height: 250px;
    }

    .mainttananace {
        padding: 30px 0px 10px 0px;
    }

    .info h4,
    .info a {
        font-size: 15px;
        line-height: 21px;
    }

    .contact-p-info-area .contact-box .icon-1 {
        font-size: 32px;
    }

    .viewall {
        padding-top: 0;
    }

    .bannerleft {
        padding: 37px 10px;
    }

    .banner-form {
        background-color: var(--black2-color);
        padding: 28px 20px 0px 20px;
    }

    .stats-section {
        padding: 60px 0 40px 0px;

    }

    .clientFeedback {
        position: relative;
        padding: 40px 0px 10px 0px;
    }

    .quote-section {
        padding-bottom: 30px;
    }

    .blog-section {
        padding: 30px 0px 0px 0px;
    }

    .info-box h6,
    .info-box p {
        text-align: left;
    }
.portfolio-image img {
  width: 100%;
  display: block;
	height:250px;
	object-fit:cover;
}
	.wp-block-heading {
  font-size: 18px;
  line-height: 24px;
	padding-top:0px;
/*   color: var(--wh); */
}
	.about_wp_content p{
	padding-top:unset;
	  font-size: 16px;
  line-height: 21px;

}
	.info-box .icon {
    font-size: 14px;
    color: var(--brand-color);
    padding: 12px 14px;
    background-color: #F9F9F9;
    width: 41px;
    border-radius: 5px;
}

}