@media screen and (min-width: 768px) and (max-width: 1157px) {

body {
font-size: 15px;
line-height: 1.5;
font-family: Montserrat, sans-serif;
    }

/* --//---Title page---//-- */

.container-page {
        width: 768px;
        padding: 0;
        text-align: center;
        margin: 0px auto;
    }

    .navigation-list {
   
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 15px;
    list-style-type: none;
    align-items: center;

}

.tablet-style {
    width: 159px;
    text-align: start;
}

.navigation {
    display: flex;
    gap: 25px;
    margin: auto 20px;
}

.mob-list-adr {
display: flex;
flex-wrap: wrap;
gap: 15px;
align-items: center;
}

.footer-content {
    width: 250px;
    text-align: start;
}
.stock-label {
    font-size: 12px;
    padding: 4px 8px;
}

/* -----Page Introduction--- */

.h1-titles-intr {
color: black;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
margin: 30px auto;
width: 500px;
text-align: center;
}

.h2-style-intr {
color: black;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.h3-style-intr {
font-size: 16px;
font-style: italic;
text-decoration: underline;
line-height: 1.4;
font-weight: 400;   
}


/* ----//---Cogeneration page---//--- */
.h1-titles-cogen {
    color: black;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.h2-titles-cogen {
    font-size: 18px;
}

.article-cogeneration {
    margin: 0px;
}
.article-cogeneration {
margin: 0 30px;
}
.cogeneration-img {
    width: 100%;
    height: auto;
    border-radius: 5px;
}
.cogeneration-genset-img {
width: 100%;
height: auto;
border-radius: 5px;
}
.cogen-gensettype-img {
width: 100%;
height: auto;
border-radius: 5px;
}
.our-joblist,
.faq-list {
padding-left: 20px;
}
.find-and-buy0 {
    margin: 20px 30px;
}



/* -----//----dgenset page----//---- */
.h1-titl-dgenset {
color: black;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
.main-genset {
    margin: 30px;
}
.h2-style-dgenset {
   color: black;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
}
.h3-title {
font-size: 16px;
font-style: italic;
text-decoration: underline;
line-height: 1.3;
}
.tablet-open {
justify-content: center;
}
.diselgenset-powerrating-img {
    width: 150px;
    margin-right: 20px;
}
.service-img {
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.power-load-img {
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.options-dgenset-list {
    padding-left: 20px;
}

/* ----//----Stock Page ----//----- */

.main-stock {
    margin: 30px;
}
.h1-titl-dgenset-stock {
color: black;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
.chp-img {
    width: 100%;
    height: auto;
}
.eqiup-character-title-h2,
.container-description-h2,
.photo-chp-h2 {
    color: black;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
}
.stock-equip-list {
    padding: 15px;
}
.tablet-style-item-gas {
margin-right: 15px;
}
.photo-chp-item {
    display: flex;
    max-width: 80%;
}
/* ---/-Video Testing CHP ----/- */
  .video-container {
    flex: 1 1 100%;
  }
.video-chp-h2 {
  color: black;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
}
.non-tab-mob {
    display: none;
}

/* ---//----UPS Page----//----- */

.main-ups {
    margin: 0 30px;
}
.h1-titles-ups {
color: black;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
.h3-title-ups {
    margin: 15px 0;
}
.ups-about {
    margin: 20px auto;
}
.monoblock-descrip {
margin: 0;
max-width: 300px;
}
.span-pvalue-tab {
    display: block;
}
.powervalue-3in1-img, .conceppower-dpa-img {
    max-width: 100%;
    height: auto;
}
.conceppower-dpa-descrip {
max-width: 480px;
    margin-bottom: 0;
}
.span-symmetraupscale-tab {
    display: block;
}

.powervalue-3in1-descrip {
    margin-bottom: 0;
}
.figure-conceptpower-dpa {
display: flex;
flex-direction: column;
align-items: center;
}
.ups-modular-list-1 {
    display: block;
}
.modular-descrip-1 {
    margin-bottom: 15px;
}

.module-change {
    display: block;
    text-align: center;
}
.module-change-descrip {
    margin: 0;
}
.ups-server-rt-list {
    display: block;
}
.powervalue-3in1-article {
display: flex;
flex-direction: column;
align-items: center;
}
.usage-cases {
    gap: 10px;

}
.usage-ups-img {
width: 250px;
height: auto;
} 


/* ----//---Electrical Design Page-----//----- */

.main-electricaldesign {
    margin: 0 30px;
}

.el-design-img {
    max-width: 480px;
    height: auto;
}

.h1-titles-deisgn {
color: black;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    margin: 30px auto;
    max-width: 600px;
}

.span-title1-edesign {
    background-color: #c9c9e9;
}

.about-edesign,
.service-design-list,
.objects-design-list,
.edesign-benefits-list {
    text-align: left;
}

.h3-edesign,
.h3-edesign-formats,
.h3-edesign-benefits {
font-size: 16px;
text-decoration: underline;
line-height: 1.3;
}

        /* ----//---Switchboard Equipment Page-----//----- */
    
        .main-switchboar-equipment {
            margin: 0 30px;
        }
    
        .h1-switchboard {
    color: black;
        font-size: 20px;
        font-weight: 600;
        line-height: 1.3;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
            margin: 30px auto;
        }

        .switchboard-about,
        .swithboard-type-list,
        .about-construction,
        .construction-list,
        .technical-descrip-list,
        .usercases-about,
        .usercases-list {
            text-align: left;
        }
    
        .h2-switchboard-options,
        .h2-switchboard-construction,
        .h2-techdesriptions,
        .h2-usercases,
        .h2-advantages {
text-align: left;
    color: black;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
            margin: 25px auto 10px auto;
        }
    
        .power-panel-img,
        .power-panel-img2,
        .power-panel-img3,
        .power-panel-img4 {
            max-width: 540px;
            height: auto;
            border-radius: 5px;
        }
    
        .type-list-wrap,
        .construct-list-wrap,
        .techdescrip-wrapper,
        .advantages-wrapper {
            display: flex;
            gap: 10px;
            align-items: center;
            flex-direction: column-reverse;
        }
    
        .advantages-wrapper {
            margin-bottom: 20px;
        }
.construction-list {
    max-width: 540px;
}



    /* ----//---Energy Audit Page-----//----- */

    .main-energy-audit {
        margin: 0 50px;
      }
      .h1-audit {
        color: black;
        font-size: 20px;
        font-weight: 600;
        line-height: 1.3;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
        margin: 30px auto;
      }
      .spanbr-eaudit-h1 {
        display: inline;
      }
      .h2-eauditfor, .h2-eaudit-options, .h2-eaudit-whom, .h2-eaudit-formats, .h2-eaudit-advantages {
        color: black;
        font-size: 18px;
        font-weight: 600;
        line-height: 1.3;
        text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
           
      }



    /* -------//---Commissioning Page-----//----- */

    .commissioning-main {
        margin: 0 30px;
      }
      .h1-commissioning {
        color: black;
        font-size: 20px;
        font-weight: 600;
        line-height: 1.3;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);

      }
 
      .commissioning-img {
        max-width: 500px;
        height: auto;
        border-radius: 5px;
      }
      .h2-commissioning {
        color: black;
        font-size: 18px;
        font-weight: 600;
        line-height: 1.3;
        text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
     }
      .list-of-equipmentcommissioning, .service-list, .benefits-list {
  text-align: left;
  padding-left: 20px;
      }
      .h3-benefits, .h3-service {
        font-size: 16px;
        font-style: italic;
        line-height: 1.3;
            }
    .service-goal {
      text-align: left;
    }




}