@media (max-width:767px) {
.slide .slide__content.slide__content__right{
    left:0%
}
.slide .slide__content--headings .title{
    width:273px
}
.slide .slide__content--headings p {
    font-size: 12px;
}
.nnew,.titles_new {
  
    font-size: 16px !important;
  position: relative;
}
.item-container .item-box.vision, .item-container .item-box {
    height: auto;
}
.phone-box, .mapouter a {
    margin-bottom: 1rem;
}
.social {
    margin-bottom: 1rem !important;
}
.alboms__button h5 {
    padding: 10px;
}
}
@media (max-width: 768px){
    #sidebar {
        margin-left: -250px;
        margin-right: 0;
    }
    
    
    #sidebar.active {
      margin-left: 0;
    }
    
    .Data{
      padding:4px;
    }
    .seec-en {
        margin: 0;
    }
    .Box3 {
        margin: auto;
        width: 350px !important;
        margin-bottom: 2.5rem;
    }
    .Box3 h6 {
        font-size: 15px !important;
    }
    .COL {
        margin-top: 0 !important;
        margin-bottom: 2rem;
    }
    }

@media (max-width: 1024px){
    .nnew ,.titles_new{
        text-align: right;
        color: #416C5B;
        font-size: 22px;
        font-weight: bold;
        width: 100%;
        font-size: 16px !important;
        position: relative;
        right: 3%;
        top: 17%;
    }
    .about_energy .row .col-lg-4 {
        margin-bottom: 3rem;
    }
    .data .main-card2 .d-flex {
        display: block !important;
    }
    .data .main-card2 img{
        height: 150px; 
        transform: initial !important; 
        margin: auto !important;
        display: table;
    }
    .data .main-content h4 {
        text-align: center !important;
    }
    .data .main-content .jop, .data .main-content p {
        text-align: center !important;
    }
    .main-content.main-content2 {
        display: table;
        margin: auto;
        margin-top: 1rem;
        transform: initial;
        text-align: center !important;
    }

    .slide .slide__content--headings .top-title{
        font-size:20px ;
        margin-top:2rem;
        margin-left: 0;
    }
    .slide .slide__content--headings .title,
    .slide .slide__content--headings h4
    {
        font-size:1rem;
    }
    .slide .slide__content--headings p {
        width: auto !important;
    }

    .slide .slide__content.slide__content__right{
        left:0%
    }
    .slide .slide__content--headings .title{
        width:273px
    }
    /* .slide .slide__content--headings .top-title, .slide .slide__content--headings .title, .slide .slide__content--headings h4, .slide .slide__content--headings{
        margin-left: 5rem;
    } */
    .Data .section-ab2 h4{
        text-align: left;
        margin-left:-20px;
    }
    .nnew,.titles_new {
      
        font-size: 16px !important;
      position: relative;
    }
    #sidebar {
        margin-left: -250px;
        margin-right: 0;
    }
    
    
    #sidebar.active {
      margin-left: 0;
    }
    .sidebar__navbar div {
        z-index: 99;
    }
    .Data{
      padding:4px;
    }

    .sidebar__content .navabar__menu {
        display: block !important;
    }
  
    .ftco-navbar-light .navbar-nav .nav-item .nav-link{
        text-align:left;
    }
    .Cardss{
        padding:0rem;
        padding-top:10px;
    }
    .new-card2 .thumb{
        margin:auto;
    }
    .muted img{
        margin-left:6px;
    }
    .top{
        margin-top:20px;
    }
    .sidebar__side{
        margin-left:-1rem;
        /* margin-right:0rem; */
    }
    .copyright-footer p {
        line-height: 28px;
        text-align: center;
      
    
    }
    .Contacts{
        padding:0rem;
    }
    .num{
        float: none;
    }
    #g-recaptcha3{
        transform: scale(0.67);
        transform-origin: 0 0;
      }
      .social,.contactt a{
          text-align: left;
          margin: initial;
      }
      .mapouter{
        float: left;
    }
    .center-block h4{
        font-size:20px;
    }
    .vertical-timeline{
        padding:0px;
    }
    .vertical-timeline ul > li .vt-item{
        margin-left:0rem;
        font-size:11px;
        padding: 1rem;
    }
    .top li a{
        font-size:11px;
    }
    

    .section-ab2{
        overflow-x: auto;
    }
    .vertical-timeline ul > li{
        padding-left: 0px;
    }
    .Data .section-ab2 h4{
        font-size:11px !important;
    }
    .vertical-timeline ul > li h3{
        font-size:13px;
    }
    th, td {
        padding: 0px 6px;
        text-align: left;
        font-size: 11px;
        font-weight: bold;
    }

.vertical-timeline ul > li p {
margin: 0.5rem 0rem;
text-align: left !important;
}
header .navbar {
    background: #fff;
    z-index: 99999;
}
.center-block h4{
    font-size:18px;
}
.fa-caret-left,.fa-caret,.vertical-timeline ul > li p{
    font-size:11px !important;
    text-align: left !important;
}
.vertical-timeline ul::before {
    left: 0 !important;
}
.vertical-timeline ul > li .vt-icon {
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0px !important;
    margin-top: -2px;
}
.seec-en {
    margin: 0;
}
.no_number {
    width: 50%;
}
.Box3 {
    margin: auto;
    width: 350px !important;
    margin-bottom: 2.5rem;
}
.Box3 h6 {
    font-size: 15px !important;
}
.COL {
    margin-top: 0 !important;
    margin-bottom: 2rem;
}
.item-container .item-box.vision {
    height: auto;
   }
}
@media (max-width:1000px) {
    .mobile {
        display: block;
    }
    .full-s {
        display: none;
    }
    .acrod .accordion-body {
        margin-bottom: 20px;
    }
}
@media (min-width:1000px) {
    .mobile {
        display: none;
    }
    .full-s {
        display: block;
    }
}
@media (max-width: 380px){
   .no_number {
       width: 100%;
   }
   .no_number p {
       margin-bottom: 0;
       font-size: 12px;
   }
   iframe {
    width: 320px !important;
}

}


@media (max-width: 640px) {
    .rqs .no_number {
        width: 0;
    }

    .rqs .accordion-item .qs {
        font-size: 9px;
        padding-right: 10px;
        width: 100%;
    }
    iframe {
        width: 340px !important;
    }
}
@media (max-width: 340px) {
    .rqs .accordion-item .qs {
        font-size: 6px;
        padding-right: 10px;
        width: 100%;
    }
}
@media (max-width: 500px) {
    .accordion .accordion-item p {
        display: block;
    }
    .slide .slide__content--headings {
        width: 300px !important;
        margin-left: 0 !important;
    }
    .elecrtonic_card .icon_part::after {
        left: -15px;
    }
}