@media(max-width: 1280px){
    .container.max-container{   
        padding: 32px;
    }
}

@media (min-width:768px) and (max-width:1024px){
  
    .blog_single_iamge h1{
        font-size: 2rem;
    }
.user_row, .blog_grid {
    grid-template-columns: repeat(2, 1fr);
}
.footer_grid {
    grid-template-columns: 1fr 1fr 1fr;
}
header.header_bg .container.max-container {
    padding: 0 20px;
}
.banner_image {
    padding: unset;
}
.banner_text h1 {
    font-size: 2rem;
}
.banner_text {
    padding-inline-end: 20px;
    max-width: fit-content;
}
.banner_grid {
        padding: 30px;
        grid-template-columns: 1fr;
        gap: 60px;
    }
    section.banner_box {
    padding-bottom: unset;
}
}

@media (max-width:767px){
    .banner_left_box h1{
        font-size:2rem;
    }
    .row-flex {
    display: block;
}
.banner_grid_wrapper {
    grid-template-columns: 1fr;
    padding: unset;
    height: auto;
}
.banner_right_box {
    display: none;
}
    
    ul.dropdown-menu.menu_list.show{
        grid-template-columns: 1fr;
        margin-left: 30px;
    }
    
    .blog_heading{
        padding-bottom: 40px;
    }
    .contact_text h2{
        font-size: 2rem;
    }
    .max-container.container{
        padding-top: unset;
        padding-bottom: unset;
    }
    .contact_form {
    margin-top: 40px;
}
    .blog_content {
    border-left: unset;
    padding: unset;
}
      .blog_single_layout {
    grid-template-columns: 1fr;
}
.blog_single_iamge h1{
   font-size: 2rem;
}
.blog_single_iamge {
    position: unset;
    padding: unset;
}
    .blog_heading.text-center {
    text-align: left !important;
}
.blog_heading p{
    max-width: 100%;
}
.about_column_two {
    padding: unset;
}
.blog_grid {
    grid-template-columns: 1fr;
}
    .blog_heading h2{
        font-size: 2rem;
    }
    .about_column_one h2, .cta_text h2{
        font-size: 1.8rem;
    }
    .about_box_grid {
    grid-template-columns: 1fr;
    padding: 0 !important;
}
   .services_row {        
        display: flex;
        flex-direction: column;
    }
    .user_row {
    display: flex;
    flex-direction: column;
}
    .client_box_details {
        padding: 20px 0;
    }
    .footer_grid {
    grid-template-columns: 1fr;
}
header.header_bg .container.max-container {
    padding: 0 20px;
}
header.header_bg .container.max-container button.navbar-toggler span.line {
    width: 26px;
    height: 2px;
    display: block;
    background: #fff;
    margin: 6px 0;
}
.banner_grid {
    grid-template-columns: 1fr;
}
.banner_text {
    padding: 0px 30px;
}
.banner_image {
    width: 100%;
    max-width: fit-content;
    padding: 30px;
    margin-top: 40px;
}
.banner_text h1 {
    font-size: 2rem;
}
section.banner_box {
    padding-bottom: unset;
    border: unset;
}
.gap-spacing{
    gap: unset;
}
.about_img {
    margin-bottom: 20px;
}
.about_text {
    margin: 30px 0 ;
}
section.about_us {
    padding: unset !important;
    margin: unset !important;
}
}