/* XX-Large devices (larger desktops, 1400px and up) */
.mobile_icon_wrap,.resposnive_header_nav,.resposnive_header{display: none;}
@media (min-width: 2200px) and (max-width:4000px){
    .roof_repair_content{padding: 50px 150px!important;}
}
@media (min-width: 1800px) and (max-width:2800px){
    .roof_repair_wrap {aspect-ratio: 15 / 4.9;}
}
@media (min-width: 2200px) and (max-width:2800px){
.about_worker_wrap{left: 42%;}
.choose_img_top {right: 18.9%;width: 33%;}
.triangle{right: 34.5%;border-left: 197px solid transparent;
border-right: 197px solid transparent;
border-bottom: 222px solid rgb(15, 55, 104);}
}
@media (min-width:1800px) and (max-width:2199px)

{
.about_worker_wrap{left: 35%;}
.about_worker_img img{min-width: 126%;} 
.choose_img_bottom {width: 25%;}
.choose_img_top {right: 15.2%;width: 25%;}
.triangle {right: 26.5%;}
  }

@media (min-width:2000px) and (max-width:2199px){
.ser_detail_gutter .service_insp_img {margin-top: -6.32%;}
}
@media (min-width:1900px) and (max-width:1999px){}
@media (min-width:1600px) and (max-width:1899px){
.ser_detail_gutter .service_insp_img{margin-top: -6.32%;}
.about_bg_img img {width: 95%;height: 100%;object-fit: cover;object-position: center;}
.single_point_img img {width: 100px;height: 100px;display: block;object-fit: contain;}
}
@media(max-width:1900px) {}
@media (max-width:1800px) {}
@media (max-width: 1700px) { 
      .ser_detail_gutter .service_insp_img {margin-top: -8.1%;}
    }
@media (max-width: 1600px) 
{
	.roof_repair_wrap{aspect-ratio:15 / 10!important;}
  .dr-financing-disclaimer p {font-size: 24px;}
  .dr-card-ribbon{max-width: 380px;font-size: 30px;}
  .dr-big-number{font-size: 150px;}
  .dr-monthly-title{font-size: 70px;}
      .ser_detail_gutter .service_insp_img {
        margin-top: -9%;}
        .service_insp_img{margin-top: -1.6%;}
.triangle{right: 34.5%;}
.roof_repair_content::before{width: 18%;left: -9%;}
.roof_repair_content::after{width: 18%;right: -9%;}
}
@media (max-width: 1500px) 
{
      .ser_detail_gutter .service_insp_img {
        margin-top: -10.2%;
    }
  .roof_repair_content::before{width: 25%;left: -12%;}
.roof_repair_content::after{width: 25%;right: -12%;}
  .choose_cont_wrap ul li{font-size: 1.2rem;}
.about_worker_img img{min-width: 136%;}
  .transit_bg .top_haeders{transform: translateY(-250px);}
}
@media(min-width:1300px) and (max-width: 1450px) {

  
}
@media (max-width: 1400px) {
  .dr-monthly-title { font-size: 50px; }
  .single_point_cont {padding: 0px 40px;}
      .ser_detail_gutter .service_insp_img {margin-top: -11.1%;}
      .service_insp_img{margin-top: -1.99%;}
 .web_nav {gap: 10px;}
 .about_history_content h2{padding-right: 4%;}
 .choose_cont_wrap h2{padding-right: 2%;}
 .triangle {border-left: 150px solid transparent;border-right: 150px solid transparent;right: 34.5%;}
}
@media (max-width: 1301px) 
{
  .dr-financing-disclaimer p { font-size: 20px; }
  .dr-footer-info h3{font-size: 40px;}
  .dr-cta-text strong, .dr-cta-text span{font-size: 55px;}
  .roof_repair_content h4{font-size: 1.5rem;}
   .roof_repair_content::before{width: 35%;left: -18%; transform: skew(-10deg);}
.roof_repair_content::after{width: 35%;right: -18%;    transform: skew(-10deg);}
}
@media (max-width: 1255px) 
{
.dr-monthly-title { font-size: 43px; }
}
@media (max-width: 1200px){
    .roof_repair_content::before{width: 33%;left: -16%;}
.roof_repair_content::after{width: 33%;right: -16%;}
  .triangle{right: 30.5%;} 
  .choose_img_bottom {right: 31px;width: 29%;}
      .choose_cont_wrap ul li {font-size: 0.9rem;}
  .choose_cont_wrap h3{font-size: 1rem;}
  .choose_cont_wrap h2{font-size: 2rem;line-height: 2.3rem;padding-right: 0px;}
  .choose_img_top {right: 17.4%;width: 29%;}
  .banner_main_wrap h1 {line-height: 2.5rem;word-spacing: -12px;font-size: 3rem;}
.histoy_single_wrap{padding: 0px 10px;} 
 .menu_secion_wrap{display: none;}
.menu_holder {height: 115px;}
.mail_to{text-transform: lowercase!important;}
.resposnive_header {width: 100%;}
.logo_mobile{height: 100%;width: 27%;padding: 10px 0px;object-fit: contain;}
  .top_menu_wrpr{display: none;}
  .mobile_icon_wrap{display: block;text-align:right;position: relative;z-index: 5000;}
.mobile_icon i{font-size: 3rem;padding-top: 12px;color: #fff;}
  .resposnive_header{display: block;}
  .top_menu a{color: #ffffff;text-decoration:none;font-size: 1.1rem;text-transform: uppercase; font-family: 'Poppins';font-weight: 600;}
 .top_menu li{padding: 6px 0px;color: #fff;display: flex;flex-wrap: wrap;}
  .resposnive_header li{list-style: none;color: white;}
  #open_nav{left:0;z-index: 100000;width: 86%;padding-left: 10px;}
  /* #open_nav li{display: flex; flex-wrap: wrap;gap: 30px;} */
  #open_nav i{display: inline-flex;margin-right: 10px;}
 .resposnive_header_nav{position: fixed;top: 0;z-index: 20;height: 100%;display: block;box-shadow: 0px 0px 12px 2px #000;left:-400px;transition: left 0.4s ease; background:#0a264b; }
.web_menu_bar{display: none;}
.resposnive_header{display: block;background-color:#0a264b;position:fixed;top: -1px;left: 0;right: 0;z-index: 15;box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.75);
    -webkit-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.75);}
.mobile_dropdown{position: relative;}
.mobile_dropdown_icon{position: absolute;top: 0;width: 10px;height: 10px;right: 50px;}
.res_social{display: flex;flex-wrap: wrap;gap: 20px;}
}
@media (max-width: 1186px) 
{
  .dr-card-ribbon { max-width: 250px; font-size: 18px; }
  .dr-big-number { font-size: 100px; }
  .dr-card-title{font-size: 24px;}
 .roof_repair_content::before{width: 35%;left: -18%; transform: skew(-8deg);}
.roof_repair_content::after{width: 35%;right: -18%;    transform: skew(-8deg);}
}
@media (max-width: 1143px) {
      .dr-financing-disclaimer p{font-size: 16px;}
  .dr-footer-info h3{font-size: 30px;}
  .dr-address p{font-size: 40px;}
  .dr-cta-text strong, .dr-cta-text span { font-size: 46px; }

}
@media (min-width: 980px) and  (max-width: 1090px){

}
@media (max-width: 1099px) 
{

}

   @media (max-width: 987px) 
    {

.dr-info-icon {width: 70px;height: 70px;flex: 0 0 70px}
      .dr-footer-info{display: flex;flex-direction: column;width: fit-content;margin: 0px auto;padding: 0px 20px;}
      .dr-phone-icon { width: 70px; height: 70px; flex: 0 0 70px; border-radius: 50%; background: #fff; color: var(--dr-navy); display: flex; align-items: center; justify-content: center; font-size: 38px; margin-right: 20px; }
      .dr-cta-text strong, .dr-cta-text span { font-size: 40px; }
      .dr-financing-card{margin: 50px 0px;}
.dr-apr {position: unset;}
.dr-green-card {padding-bottom: 20px;}
      .dr-financing-powered{min-width: 210px;right: 20px;}
      .dr-financing-powered img{width: 200px;height: 100%;object-fit: cover;}
      .dr-financing-powered .dr-script{font-size: 20px;}
      .dr-financing-brand{max-width: 300px;}
      .dr-financing-options { grid-template-columns: 1fr; max-width: 650px; }
      .dr-footer-grid { grid-template-columns: 1fr; gap: 35px; }
      .dr-address { border-right: 0; padding-bottom: 30px; border-bottom: 1px solid rgba(255, 255, 255, .4);justify-content: center; }
      .dr-financing-hero-inner { flex-direction: column; text-align: center; align-items: self-start;}
      .manufacturer_understand_img img { position: relative; height: 100%; max-height: 400px; }
      .manufacturer_understand_img { min-height: 300px; }
  .service_detail_gal_anchor{padding-bottom: 50px;}
      .serv_detail_trust_wrap{margin-top: 0px;}
      .service_shingle_wrap .shingle_title_wrap h4{font-size: 2rem;}
      .service_shingle_wrap{padding: 0px 0px;}
      .roof_repair_wrap {aspect-ratio: auto!important;max-height:unset!important;}
      .choose_img_bottom img {display: block;width: 90%;margin: 0px 0px 0px auto;}
      .choose_cont_wrap strong{justify-content: center}
      .professional_content_wrap strong{justify-content: center;}
      .contact_form .btn-primary{margin: 0px auto;}
          .claims_insp_img {padding: 0px;position: unset!important;width: 100%!important;height: 400px;}
      .claim_main_top {padding-bottom: 0px;}
     .cliam_insurance_cont h4{font-size: 2rem;}
.service_detail_real_estate_wrap .service-detail_content {padding: 0px 10px 0px 10px !important;}
.claim_storm_damage .roof_repair_point_cont_wrap h3{font-size: 1rem;}
      .mobile_service_inner .custom-btn{padding: 33px 30px 35px 30px;margin: 0px auto;}
      .about_bg_img{min-height: auto;height: auto;}
.about_bg_img img {width: 100%;height: 384px;object-fit: cover;object-position: center;}
    #main-slider .owl-nav{position: absolute;left: 50%;bottom: 50px;transform: translateX(-50%);display: flex;gap: 10px;z-index: 10;}
    #main-slider .owl-nav button{width:40px!important;height:40px!important;bottom: 0px;}
    #main-slider .owl-nav .owl-prev{left: 130px!important;}
#main-slider .owl-nav .owl-next{right:130px!important;}
.gallery_grid {grid-auto-rows: auto!important;}
      #main-slider .owl-nav button{bottom: 0px;}
      .contact_map{padding: 10px;}
      .about_main_count{flex-direction: column;}
      .about-counter:last-child{border-bottom: 0px;}
      .about-counter{border-right: none;border-bottom: 1px solid #0a264b;padding-top: 20px;} 
      #main-slider .owl-nav{width: 100%;justify-content: center;right: unset;}
        .manufacturer_main_top .service-detail_content strong {font-size: 1.2rem!important;}
        .manufacturer_main_top .service-detail_content h2 {font-size: 1.7rem!important;}
        .maunufacturer_warranty_content strong{font-size: 1.7rem!important;}
        .maunufacturer_warranty_content h2{font-size: 2rem!important;}
        .maunufacturer_warranty_content ul{padding: 10px 20px!important;justify-content: center;}
        .maunufacturer_warranty_content ul li{padding: 0px 10px!important;font-size: 1rem;}
        .manufacturer_inspection_title h3{font-size: 1.5rem!important;text-align: center;}
        .manufacturer_process_point h4 {font-size: 1.5rem!important;text-align: center;}
        .manufacturer_process_point ul li{width: calc(100% - 10px)!important;}
        .manufacturer_understand_content {padding: 0px 20px!important;text-align: center;}
        .manufacturer_understand_content h5{font-size: 1.2rem!important;}
        .manufacturer_understand_content ul li{width: 100%!important;text-align: start;}
        .manufacturer_repair_solution_wrap h4{font-size: 1.5rem!important;text-align: center;}
        .claim_insurance_anchor a img{min-width: unset;}
        .our_project_anchor_wrap{justify-content: center;display: flex;}
        #testimonial-slider .owl-nav{bottom: -60px;display: flex;justify-content: center;}
#contactForm{padding-bottom: 30px;}
.contact_form strong{padding-top: 30px;}
.contact_info_wrap h3{text-align: center;}
      .claims_other_companies_cont {padding: 50px 10px;}
      .claims_other_companies_cont h4{text-align: center;font-size: 1.3rem;}
      .claims_insp_content h2 {font-size: 1.5rem;}
      .claim_storm_title h2{font-size: 1.7rem;text-align: center;}
.claims_insp_content ul li {width: 100%;}
.construction_service_single_main_content h4{flex-wrap: nowrap;font-size: 1.2rem;}
.contact_content{padding: 10px 10px;}
.service_detail_new_construction .service_detail_repair_img img{height: 250px;}
      .claims_insp_content{text-align: center;padding: 50px 10px;display: block;margin-left: 0px;}
      .real_esatte_closing_main_content{padding: 30px 20px;}
      .real_estate_closing_cont_wrap h4 {text-align: center;font-size: 1.5rem;}
      .service_detail_real_estate_wrap .service-detail_content{padding: 0px 20px 0px 20px;}
    .realestate_bottomimg {right: 38%;}
      .service_detail_real_estate_wrap .real_estate_top_img img{width: 80%;margin: 0px auto;display: block;}
      .service_detail_roof_repair .service-detail_content h2 {font-size: 2rem;line-height: normal;}
      .serv_detail_roofing_schdule h4 {font-size: 2.3rem;line-height: normal;padding: 10px;}
      .service_detail_roof_repair_services_titles h2{font-size: 1.7rem;}
      .service_detail_roof_repair_services_titles{padding: 0px 20px;}
      .single_counter_img {text-align: center;padding: 10px 10px 10px 10px;}
      .service_detail_roof_repair .service-detail_content ul li{width: 100%;text-align: start;}
       .footer_contact_info ul li{justify-content: center;}
      .service_detail_wrap{overflow: hidden;}
      .service_details_rinpection_wrap{overflow: hidden;}
      .service_detail_insp_content h2{font-size: 1.6rem;} 
      .footer_anchor_wrap ul li {text-align: center;}
      .footer_anchor_wrap h6{width: 100%;text-align: center;}
      .footer_contact_info h6{text-align:center;width: 100%;padding-top: 10px;}
      .ser_detail_gutter .service_insp_img {
    margin-top:0px;}
    .manufaurer_warranty_wrap{padding: 50px 0px;}
    .maunufacturer_warranty_content strong{line-height:1.5rem;font-size: 1rem;margin-bottom: 10px;}
    .claims_top_content .service-detail_content strong {font-size: 1rem;line-height: 1.2rem;margin-bottom: 10px;}
    .claim_insurance_anchor a {font-size: small;}
      .serv_detail_schdule{text-align: center;}
      .serv_detail_schdule h5{font-size: 2rem;line-height: normal;}
      .serv_detail_trust_cont ul li{width: 100%;text-align: start;}
      .serv_detail_trust_cont P{padding-right: 0;}
      .serv_detail_trust_cont{text-align: center;}
      .serv_detail_trust_cont h4{font-size: 1.5rem;}
      .serv_detail_trust_cont strong{justify-content: center;}
      .serv_detail_gallery_grid{    grid-template-columns: repeat(2, 1fr)}
      .shingle_title_wrap p{width: 100%;}
      .shingle_title_wrap h4{font-size: 2.2rem;}
      .shingle_title_wrap {padding: 20px 10px 0px 10px;text-align: center;}
      .service_detail_replac_content {text-align: center;padding: 0px 20px;}
      .service_detail_replac_content h3{font-size:1.8rem;}
      .service_detail_insp_content ul li{width: 100%;padding: 10px 10px;text-align: start;}
      .service_detail_insp_content{text-align: center;}
      .service-detail_content {padding: 20px;text-align: center;}
      .service-detail_content h2{font-size: 2.2rem;}
      .service-detail_content strong{font-size: 1.1rem;}
      .roof_repair_content{width: 100%;padding: 30px 110px;}
      .roof_repair_wrap{padding-right: 30px;} 
          .gallery_grid{grid-template-columns:repeat(3,1fr);}
.gallery_item{height:220px;}
      #service_slider .owl-item{margin-left: auto;margin-right: auto;}
      .service_service_title h2{font-size: 2.3rem;line-height: normal;text-align: center;}
      .service_service_title strong{justify-content: center;font-size: 1.3rem;}
      .professional_content_wrap{text-align: center;}
      .professional_content_wrap h2{font-size: 1.3rem;padding-top: 10px;}
      .mobile_service_content img{aspect-ratio: 2 / 1!important;}
      .about_single_main {padding: 0px 0px;}
      .single_gallery_wrap img{height: 100%;}
      .gallery_main_cont h1{font-size: 1.7rem;line-height: normal;}
      .gallery_main_cont{padding: 10px 10px;text-align: center;}
      .gallery_details_wrap {padding-top: 50px;} 
      .gallery_banner_content h1{font-size: 1.5rem;}
      .gallery_title_wrap{padding: 10px 10px;}
      .about_bg_img{position: unset;height: 400px;}
    .team_title h2{padding-right: 0px;} 
      .about_anchor_wrap a{padding: 10px 36px;font-size: 1rem;}
  .more_content_wrap strong{justify-content: center;font-size: 1rem;}
.index_banner_con p{width: 100%;}
.triangle {width: 0;height: 0;border-left: 205px solid transparent;border-right: 205px solid transparent;border-bottom: 190px solid #0f3768;right: 0;left: 0;}
              .choose_img_bottom {right:0;width: 48%;height: 80%;}
       .choose_img_mian{position: relative;aspect-ratio: 3 / 1;}
      .choose_main_wrap{position: unset;}
      .choose_img_top{position:unset;width: 50%;margin: 0px auto;}
      .choose_cont_main, .choose_img_mian {flex: inherit;text-align: center;}
      .choose_cont_wrap ul{width: 50%; margin: 0px auto;}
      .about_story_img_wrap{padding: 50px;}
      .about_bg{height: 300px;}
      .about_hero{position: relative!important;min-height: 300px;}
      .contac_bg img{height: 300px;}
      .contact_hero {flex-direction: column;background-color: #0a264b;}
      .contac_bg::before{display: none;}
      .gallery_title_wrap h2{font-size: 1.3rem;line-height: normal;}
      .contac_bg{position: unset;}
      .Contact-info_main {padding: 0px 0px;}
          .more_content_wrap {width: 100%;}
      .contact_form h2{font-size: 2.5rem;text-align: center;line-height: normal;}
      .testimonial_content{padding: 30px 0px;}
      .our_project_main_wrap{padding: 20px 20px 20px 20px;text-align: center;}
      .our_project_content strong{font-size: 1.1rem;}
      .request_content_wrap h5{font-size: 1.7rem; line-height: normal;}
      .request_content_wrap p{font-size: 1.3rem;}
      .request_content_wrap{text-align: center;}
      .experience_nav_wrap{position: unset;}
.experience_title_wrap p{text-align: center;}
.tab-content{padding: 30px 10px;}
.sponsor_wrap{padding: 0px 0px;}
.history_Points_main_row{padding: 10px 10px 10px 10px;}
.about_story_wrap {padding: 0px;}
.full_service_wrap{padding: 20px 0px 100px 0px;}
      .experience_title_wrap h2{font-size: 2rem;text-align: center;}
      .experience_title_wrap strong{font-size: 1rem;}
      .request_main_wrap{background-image: none!important;text-align: center;background-color:#cea92f;}
      .single_point_cont{text-align: center;padding: 0px 10px;}
      .contact_form strong{justify-content: center;}
      .single_point_img{padding: 20px 20px;}
      /* .experience_tab_content .tab-pane img {height: 250px;} */
      .experience_tab_content{text-align: center;line-height: normal;font-size: 1.8rem;padding-top: 10px;padding-bottom: 10px;} 
      .single_point_img img{width: 20%;display: block;margin: 0px auto;object-fit: cover;}
      .about_anchor_wrap{margin: 0px auto;width: fit-content;}
      .request_main_wrap .about_anchor_wrap {padding-top: 20px!important;width: fit-content;}
      .about_main_count{width: 100%;justify-content: center;}
      .about_main_count::after{display: none;}
   .about-counter h3{text-align: center;}
   .single_serv_img img{height: 250px;}
   .more_content_wrap p{text-align: center;padding-bottom: 10px;}
      .more_content_wrap h2{font-size: 2.5rem;padding-right: 0px;text-align: center;line-height: normal;}
      .banner_first_word{display: inline-block;}
      .hero h1{font-size: 1.7rem;line-height: normal;text-align: center;}
.index_banner_con{padding: 50px 20px 50px 20px;width: 100%;z-index: 5;}
/* .index_banner_img::before{content: "";background-color: rgba(0,0,0,0.5);width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;} */
.index_banner_slider {background-color: #0a264b;}
.index_banner_con .trusted {padding: 10px 35px 10px 20px;}
#main-slider .item{padding: 50px 0px 50px 0px;min-height: 600px;height: 600px;}
.index_banner_img {height: 500px;}
.index_banner_img img{width: 100%!important;object-fit: cover;height: 500px;}
.about_main_wrap::before{top: 0;height: 400px;}
.index_banner_con h1{font-size: 2.2rem;line-height: normal;padding-right: 70px;}
.index_banner_con p{padding-right: 70px;}
#main-slider .item::after{display: none;}
.index_banner_slider .container-fluid{padding: 0px;position: relative;}
.index_banner_con strong img{width: auto;height: 15px;object-fit: cover;}
.index_banner_img::after{
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
height: 1000px;
    background: linear-gradient(
    90deg,
    rgba(10, 38, 75, 0.95) 0%,
    rgba(10, 38, 75, 0.85) 35%,
    rgba(10, 38, 75, 0.50) 65%,
    rgba(10, 38, 75, 0) 100%
);
}
      .bg_img {position: relative;width: 100%;height: 300px;}
      .bg_img  img{width: 100%;height: 100%;object-fit: cover;}
      .bg_img::after{display: none;}
      .hero_sub_content{padding: 50px 20px 50px 20px;}
      .hero-content{position: unset;background-color: #0a264b;width: 100%;}
      .our_project_content h2{font-size: 2.7rem;line-height: normal;}
      .our_project_content p{padding-right: 0px;}
      .gallery_wrap a{width: 49%;}
      .gallery_wrap img{height: 100px;}
      .test_title_wrap h2{font-size: 2.2rem;line-height: normal;}
      .testomial_wrap{text-align: center;}
      .index_banner_con strong{justify-content: start;font-size: 1rem;}
      .test_title_wrap strong{justify-content: center;}
      .gallery_wrap{justify-content: center;}
.about_worker_wrap{position: unset;transform:unset;overflow: hidden;}
.about_worker_wrap img{min-width: 100%;width: 100%;}
.experience_tab_content .tab-pane h3{white-space: inherit;font-size: 2.2rem;}
.contact_info_list li{white-space: inherit;width: 100%;}
.contact_info_list {padding: 0;margin: 0;}
.contact_info_list li {width: 100%;white-space: normal;}
.about_story_img img{min-height: 100%;}
.about_history_content h2{padding-right: 0px;font-size: 1.5rem;line-height: normal;text-align: center;padding-top: 10px;}
.about_history_content p{text-align: center;padding-right: 0px;}
.about_history_content strong{justify-content: center;}
.full_service_title{width: 100%;}
.full_service_title h2{font-size: 1.8rem;line-height: normal;}
.team_title {width: 100%;text-align: center;}
.team_title strong{justify-content: center;}
.team_title h2{font-size: 2rem;} 
.contact_hero .container{padding-left: 0px;}
.team_img img{height: auto;}
  .roof_repair_content{height: auto;}
}
   
        



    @media (max-width: 850px) 
{

  .roof_repair_content{margin: 0px auto 0px auto;width: 90%;padding: 30px 30px;height: auto;}
  .roof_repair_wrap{padding-right: 50px;padding-left: 50px;} 
  .roof_repair_content::before{display: none;}
    .roof_repair_content::after{display: none;}
}
 @media (max-width: 768px)

{
  .dr-financing-disclaimer p { font-size: 12px; }
  .dr-financing-disclaimer { align-items: flex-start; }
  .dr-footer-info h3 { font-size: 23px; }
  .dr-address p { font-size: 19px; }
  .dr-address { align-items: center; }
  .dr-cta-tagline { margin: 20px 0 0 0px; font-size: 26px; }
  .dr-cta-text strong, .dr-cta-text span { font-size: 25px; }
  .dr-cta-text { border-right: 0; padding-right: 0; }
  .dr-cta-inner { flex-wrap: wrap; padding: 30px 0; }
  .dr-benefit:last-child { border-bottom: 0; }
  .dr-benefit { border-right: 0; border-bottom: 1px solid #ccc; padding: 15px 0; }
  .dr-benefits-grid { grid-template-columns: 1fr; }
  .dr-card-title span { font-size: 18px; }
  .dr-card-title { font-size: 25px; }
  .dr-big-number { font-size: 95px; }
  .dr-financing-card { min-height: 390px; padding-left: 0px; padding-right: 0px; }
  .dr-financing-heading p { font-size: 18px; }
  .dr-financing-heading h1 { font-size: 43px; }
  .dr-financing-powered strong { font-size: 42px; }
  .dr-financing-powered .dr-script { font-size: 16px; }
  .dr-financing-powered { width: 100%; min-width: 0; max-width: 50%; padding: 18px 20px; top: -150px;right: 10px;}
  .dr-financing-powered img{width: 100%;}
  .dr-roofing-text { font-size: 30px; }
  .dr-logo-text { font-size: 65px; letter-spacing: -3px; }
  .dr-financing-hero-inner { min-height: auto; flex-direction: column; justify-content: center; gap: 35px; }
  .dr-financing-hero { min-height: 520px; padding: 35px 15px; background-position: 65% center; }
  .footer_logo img{width: 70%;object-fit: contain;}
  .service-detail_content h2{font-size: 1.7rem;text-align: center;}
  .service-detail_content strong {justify-content: center;}
  .gallery_grid{
        grid-template-columns:repeat(1,1fr);
        gap:15px;
    }

    .gallery_item{
        height:180px;
        border-radius:12px;
    }
    .gallery_grid .project_details_single:nth-child(12n+1) {
    grid-column: 1 / span 1;
    grid-row: span 1;
}
  .logo_mobile{width: 50%;object-fit: cover;height: auto;}
      .menu_holder {
        height: 82px;
    }
  .choose_img_top{width: 50%;}
  .choose_img_bottom {right: 0;width: 50%;}
      .triangle {width: 0;height: 0;border-left: 140px solid transparent;border-right: 140px solid transparent;border-bottom: 150px solid #0f3768;left: 0px; right: unset;}
    .choose_cont_wrap ul{width: 100%;}
        .dr-cta-text {border-right: 0;padding-right: 0;padding-bottom: 10px;padding-top: 10px;}
}
@media (max-width: 650px)
{
  .dr-years-label::before {width: 50px;left: -60px;}
    .dr-years-label::after {width: 50px;right: -60px;}
      .roof_repair_content h4 {font-size: 1.3rem;}
  .roof_repair_content ul li{width: 100%;padding: 10px 10px;}
    .roof_repair_wrap{padding-right: 10px;padding-left: 10px;max-height:fit-content;} 
 .roof_repair_content{width: 100%;padding: 30px 10px;clip-path: none;}
.triangle {border-left: 150px solid transparent;border-right: 150px solid transparent;}
    
}
@media (max-width: 500px){
  .dr-address{padding-right: 0px;}
  .dr-footer-label{font-size: 40px;}
      .dr-financing-heading h1 {font-size: 40px;}
  .dr-financing-brand img {width: 42%;display: block;object-fit: cover;position: absolute;top: -136px;left: 0px;}
  .dr-financing-brand { max-width: 50%; }
  .dr-financing-heading{margin-top: -100px;}
  .dr-financing-hero-curve{height: 100px;}
 
.triangle {border-left: 90px solid transparent;border-right: 90px solid transparent;border-bottom: 100px solid #0f3768;}
   
}
@media (max-width: 395px)
{

}
@media (max-width: 300px){}