@media (min-width: 1330px) {
    header > section,
    .featured_projects_content,
    footer { max-width: 1260px; width: 100%; margin: 0 auto; gap: 30px;}
     .main_container{ max-width: 1260px; width: 100%; margin: 0 auto; gap: 30px;}
    .featured_projects_content { margin: 30px auto;}
}

@media (max-width: 1329px) {
    header > section,
    .featured_projects_content,
    footer { width: 100%; max-width: 900px; gap: 15px; margin: 0 auto;}
  .main_container{ width: 100%; max-width: 900px; gap: 15px; margin: 0 auto;}
    
    .featured_projects_content { margin: 30px auto;}

    header section a { padding: 22px;}

    .featured_projects_content { gap: 15px;}
    .featured_projects_content article { max-width: 290px;}

    .main_navigation_content nav { padding: 12px 0;}
    .main_navigation_content li a { padding: 0 15px 12px 15px; margin-bottom: 12px;}

    .company_data_content { padding: 15px;}
    .company_data_content p { margin-bottom: 5px;}
    .company_data_content ul li { margin-bottom: 5px; }

    /* inner page css start */

    /* reffrance page css start */
    
    /* tabing css start */
    .basic_site_inner_content_references > nav ul { width: fit-content;}
    .basic_site_inner_content_references > nav ul li { width: initial;}
    .basic_site_inner_content_references > nav ul li a { padding: 8px 12px;}
    /* tabing css end */

    /* left right section css start */
    .basic_site_inner_content_references article > figure { width: calc(50% - 15px);}
    .basic_site_inner_content_references article > section { width: calc(50% - 15px);}

    .basic_site_inner_content_references article { gap: 15px;}
    .basic_site_inner_content_references article dl dt { line-height: 1.4; padding: 8px 10px; }
    .basic_site_inner_content_references article dl dd { line-height: 1.4; padding: 8px 5px;}

    /* left right section css end */

    /* reffrance page css end */


    /* service page css start */
    .servicepage_content .basic_site_inner_content figure img { max-height: 280px;}
    .servicepage_content .basic_site_inner_content figure:nth-of-type(2) { margin-top: -526px;}
    /* service page css end */
    /* inner page css end */

    
      .basic_site_inner{
        width: 900px;
    }
    .basic_site_inner_content_contact article{
        width: 350px; 
    }
    .right_column_contact{
        width: 350px;
        margin: 0;
    }
    .contact_form div{
        width: 100%;
    }
}

@media (max-width: 1080px) { 
    /* body { font-size: 16px;} */
    h1 { font-size: 16px;}
    hgroup h2 { font-size: 16px;}
    .main_navigation_content li a { font-size: 16px;}
    .company_data_content ul li, .company_data_content ul li * { font-size: 16px;}
    .basic_site_inner_content_references > nav  ul li a { font-size: 16px;}
    

    .company_data_content p { line-height: 1.4;}
    .company_data_content p { margin-bottom: 10px;}
    .company_data_content ul li { margin-bottom: 8px;}

    .main_navigation_content nav { padding: 13px 0;}
    .main_navigation_content li a { padding: 0 15px 13px 15px; margin-bottom: 13px;}

    /* reffrance page css start */
    .innerpage_content header section > a { max-width: 265px;}

    .basic_site_inner_content_references > nav ul { width: auto;}
    .basic_site_inner_content_references > nav ul li { width: -webkit-fill-available;}
    .basic_site_inner_content_references > nav ul li a { width: max-content;}
    .basic_site_inner_content_references > nav ul li a.active { width: 100%;}
    /* reffrance page css end */

  

}

@media (max-width: 991px) {
    header > section,
    .featured_projects_content,
    footer { width: 100%; max-width: 730px; gap: 15px;}
    .main_container{ width: 100%; max-width: 730px; gap: 15px;}
    header section a { padding: 17px;}
    
    .wrapper { padding-bottom: 0;}

    .featured_projects_content { gap: 15px;}
    .featured_projects_content article { max-width: 48%; max-height: 355px;}

    .main_navigation_content nav { padding: 17px 0;}
    .main_navigation_content li a { padding: 0 15px 18px 15px; margin-bottom: 18px;}

    .featured_projects_content h1 { width: 90%;}

    footer section { padding: 0 15px;}

    /* reffrance page css start */
    .innerpage_content header > section,
    .innerpage_content .featured_projects_content,
    .innerpage_content footer {max-width: 100%; padding: 0 12px;}
    .innerpage_content .main_container{ max-width: 100%; padding: 0 12px;}

    .innerpage_content header section >:last-child:has(figure) { display: none;}

    .basic_site_inner_content_references > nav ul { flex-wrap: wrap; column-count: 2;}
    .basic_site_inner_content_references > nav ul li { width: 50%; border-bottom: 1px solid #fff; /*isplay: flex; justify-content: center;*/}
    .basic_site_inner_content_references > nav ul li a { width: 100%;}
    
    .basic_site_inner_content_references > nav { width: calc(100% - 58px);}
    .views_icons_content { display: flex; width: 58px; flex-direction: column; align-items: end; justify-content: start; gap: 0;}
    .views_icons_content li:not(:last-child) { margin-right: 0;}

    /* left right section css start */
    .basic_site_inner_content_references article { margin-bottom: 30px;}
    .basic_site_inner_content_references article > figure { width: calc(40% - 15px); height: 100%;}
    .basic_site_inner_content_references article > figure img { height: 100%; object-fit: cover;}
    .basic_site_inner_content_references article > section { width: calc(60% - 15px);}
    /* left right section css end */
    /* reffrance page css end */

    /* project page content css start */
    .basic_site_inner_content h1 { font-size: 28px;}
    .basic_site_inner_content strong { font-size: 16px; }
    .basic_site_inner_content h2 { font-size: 20px; margin-bottom: 0;}
    /* project page content css end */

    /* pagination start */
    .paging_content .paging { margin-bottom: 5px;}
    .paging_content .paging a{padding: 7px 13px;}
    /* pagination end */

    /* service page css start */
    .servicepage_content .basic_site_inner_content article { height: 100%;}
    .servicepage_content .basic_site_inner_content h1 { margin-top: 30px;}
    .servicepage_content .basic_site_inner_content figure { width: 100%; float: none; margin-bottom: 20px;}
    .servicepage_content .basic_site_inner_content figure:nth-of-type(2) { margin: 0; margin-bottom: 20px;}
    .servicepage_content .basic_site_inner_content figure img { width: 100%; max-width: initial; max-height: initial;}
    /* service page css end */

 .basic_site_inner,
    .right_column_contact
   {
        width: 100%;
    }   
     .contact_form div{
        width: 48%;
     }
    .basic_site_inner_content_contact article{
        width: 100%;
        float: none;
    }
    .contact_form dd.buttons_action{
        display: flex;
        justify-content: center;
    }

}

@media (max-width: 767px) {
    body { font-size: 15px;}
    h1 { font-size: 15px;}
    hgroup h2 { font-size: 15px;}
    .main_navigation_content li a { font-size: 15px;}
    .company_data_content ul li, .company_data_content ul li * { font-size: 15px;}
    .basic_site_inner_content_references > nav  ul li a { font-size: 15px;}
    

    .wrapper { padding: 15px 0; padding-bottom: 0;}

    header > section,
    .featured_projects_content,
    footer { width: 100%; max-width: 550px; gap: 15px;}
    .main_container{ width: 100%; max-width: 550px; gap: 15px;}
    .featured_projects_content { margin: 15px auto;}

    header section a { padding: 17px;}

    .featured_projects_content { gap: 15px;}
    .featured_projects_content article { max-width: 48.6%;}
    .featured_projects_content article figure img { width: 100%;}

    .main_navigation_content nav { padding: 12px 0;}
    .main_navigation_content li a { padding: 0 10px 12px 10px; margin-bottom: 12px; }

    .company_data_content ul li { padding-left: 13px;}
    .company_data_content ul li::before { height: 6px; width: 6px;}

    .featured_projects_content h1 { width: 90%;}

    footer { padding: 10px 0; }
    footer section { padding: 0 55px; flex-wrap: wrap; text-align: center; justify-content: center;}
    footer section > * { margin-bottom: 5px; line-height: 1.4;}

    /* refrance page css start  */
    .innerpage_content header section > a { max-width: 245px;}
    /* .innerpage_content footer section >:last-child { margin-bottom: 10px;} */
    footer section >:last-child { margin-bottom: 10px;}
    .innerpage_content footer section { flex-direction: column;}
    .innerpage_content footer section > p a { display: block;}
    
    /* left right section css srart */
    .basic_site_inner_content_references article { flex-direction: column; height: 100%;}
    .basic_site_inner_content_references article > figure { width: 100%;}
    .basic_site_inner_content_references article > section { width: 100%;}
    .basic_site_inner_content_references > article:nth-child(even) { flex-direction: column;}
    /* left right section css end */
    /* refrance page css end */

    /* project page content css start */
    .basic_site_inner_content { margin: 30px 0;}
    /* project page content css end */

    /* service page content css start */
    .servicepage_content .basic_site_inner_content { display: flex; gap: 30px; flex-direction: column;}
    .servicepage_content .basic_site_inner_content > article { width: 100%;}
    .servicepage_content .basic_site_inner_content > div { width: 100%;}
    .servicepage_content .basic_site_inner_content { gap: 0;}
    .servicepage_content .basic_site_inner_content h1 { margin-top: 10px;}
    .servicepage_content .basic_site_inner_content figure { margin-bottom: 15px;}
    .servicepage_content .basic_site_inner_content figure:nth-of-type(2) { margin-bottom: 15px;}
    /* service page content css end */

    /* performance page css start */
    .basic_site_inner_content article:not(:first-child, :last-child) { column-gap: 20px;}
    .basic_site_inner_content article aside { width: calc(50% - 10px);}
    /* performance page css end */

   
}


@media (max-width: 575px) {

    header > section,
    .featured_projects_content,
    .footer_container { width: 100%; max-width: 95%; gap: 15px 0;}

    header section a { padding: 10px;}

    .featured_projects_content article { max-width: 100%;}
    .featured_projects_content article figure a h1 { padding: 0 25px;}

    .side_links_product li { padding: 2px 3px;}
    .side_links_product li a { padding: 5px 10px; }

    .featured_projects_content h1 {  width: 90%;}

    footer { padding: 5px 0; }
    footer section { padding: 0 20px;}
    footer section > * { margin-bottom: 0px; line-height: 1.4;}

    /* refrance page css start  */
    .innerpage_content header section { flex-direction: row;}
    .innerpage_content header section > a { max-width: 180px;}
    .innerpage_content .main_navigation_content nav { padding: 8px 0;}
    .innerpage_content .main_navigation_content li a { padding: 0 10px 8px 10px; margin-bottom: 8px;}


    /* refrance page css end */

    /* project page content css start */
    /* .basic_site_inner_content h1 { font-size: 28px;} */
    .basic_site_inner_content strong { font-size: 15px; }
    /* .basic_site_inner_content h2 { font-size: 18px;} */
    .basic_site_inner_content p { line-height: 1.7;}

    .basic_site_inner_content article:not(:first-child, :last-child) { column-gap: 0; row-gap: 5px;}
    .basic_site_inner_content article aside { width: 100%;}
    .basic_site_inner_content article h2 { margin-bottom: 5px;}
    /* project page content css end */  

   .basic_site_inner,
    .right_column_contact,
    .contact_form div{
        width: 100%;
    }   
    .basic_site_inner_content_contact article{
        width: 100%;
        float: none;
    }
    .contact_form dd.buttons_action{
        display: flex;
        justify-content: center;
    }

}


@media (max-width: 480px) {
    header > section { flex-direction: column;}
    header section a { justify-content: center; max-width: 100%;}
    header section a img { height: 180px;}

    header > section, .featured_projects_content, .footer_container { gap: 8px;}
    .featured_projects_content { margin: 8px auto;}

    .wrapper { padding: 8px 0; padding-bottom: 0;}
    .featured_projects_content { margin: 8px auto;}

    footer { font-size: 14px;}

    /* refrance page css start  */
    .innerpage_content header section { flex-direction: column;}
    .innerpage_content header section > a { max-width: 100%;}
    /* .innerpage_content .main_navigation_content nav { padding: 8px 0;} */
    /* .innerpage_content .main_navigation_content li a { padding: 0 10px 8px 10px; margin-bottom: 8px;} */

    .basic_site_inner_content_references > nav ul li { width: 100%;}
    .basic_site_inner_content_references > nav ul li a { text-align: start; justify-content: start;}

    /* refrance page css end */

    /* pagination start */
    .paging_content .paging { margin-bottom: 5px;}
    .paging_content .paging a { padding: 7px 13px;}
    /* pagination end */

}


@media (max-width: 380px) {
    /* header section aside { max-width: 190px;} */

    footer section { padding: 0 5px;}
}