@media screen and (max-width: 768px) {
    /*.hero-container{
        background: linear-gradient(180deg, rgba(51, 51, 51, 1) 55%, rgba(233, 33, 43, 1) 55%);
    }*/
    img.site-logo {
        max-width: 160px !important;
    }
    .right-section { padding-top: 40px;}
    .left-section h1{font-size: 2.5rem;}
    .call-now-btn {padding: 6px 20px;position: absolute;top: 20px;right: 15px;}
    .after-hero .row{
        display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0;
    gap: 10px;
    }
    .section3 .row1 {
        flex-direction: column;
    }
    .our-services{padding-top: 0;}
    .row2{flex-wrap: wrap;display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;max-height: 50px;
        overflow: hidden;}
    .row2 img{width: 100%;}
    .section-text2{padding: 30px;gap: 0;}
    .our-services h2 { font-size: 2.2rem;}
    .rgs {overflow: hidden;}
    .rgs img { width: auto; max-height: 270px;     object-fit: cover;}
    .content-rgs h2 { font-size: 2.2rem;}
    .frame-190 {left: 24px;}
    .get_a_quote {background: linear-gradient(180deg, #e9212b 55%, #F1F5F9 55%);}
    .get-quote-container h2, .our-work h2,.faq-title{font-size: 2.2rem;}
    .get-quote-container h5, .our-work h5{font-size: 1.8rem;}
        .faq-content {
        padding: 0;
    }
    .col6{width: auto;flex-wrap: wrap;}
    .col7{padding: 0;}
	
	 .col6 {width: 100%; gap: 10px;flex-direction: column;padding: 0;flex-direction: row;display: flex;    }
  .col6 > div { flex: 1 1 0; width: 100%; flex-direction: column; display: flex;    gap: 10px;}
    .pictureItem {width: auto; max-width: 100%;}
}