:root {
    --Oswald: 'Oswald', sans-serif;
    --Roboto: 'Roboto', sans-serif;
    --Roboto-C: 'Roboto Condensed', sans-serif;
    --primary-color: #fe6612;
}

.main_factory_t{}
.inner_fac{width: 100%;max-width: 100%;height: auto;overflow: hidden;/* display: flex; */}
.factory_left{width: 50%;float: left;/* display: flex; */}
.factory_rigth{width: 50%;float: left;/* display: flex; */}





.factory_left .fac_l_t{
    background: #1f1f1f;
    /* height: 50vh; */
    width: 100%;
    float: left;
    padding: 142px 0px;
}

.factory_left .fac_l_b{
    background: #ff1717;
    height: auto;
    width: 100%;
    float: left;
}

.fac_r{
    background: #fff;
    height: auto;
    width: 100%;
    float: left;padding: 40px 60px 30px 60px;
    }



    .pro_tetx{
    text-align: center;
    font-family: var(--Roboto-C);
    font-weight: 700;
    /* padding-top: 17vh; */
    }



.padd_profilr{  padding: 0px 100px;}



    .pro_tetx h2{font-size: 27px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 35px;}
    .pro_tetx ul{padding: 0px;margin: 0px;text-align: center;margin-top: 30px;}
    .pro_tetx ul li{list-style: none;float: left;
    width: 33.33%;}



.pro_tetx ul li .pro_f_wor{display: inline-block; cursor: pointer;}





    .pro_tetx ul li span{
    font-size: 50px;
    color: #fff;transition: 0.45s;
    background: #1f1f1f;
    width: 96px;
    height: 96px;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid #4c4c4c;
    text-align: center;
    line-height: 96px;
}
    .pro_tetx ul li span em{    display: inline-block;
 
    transform: translateX(5px);
}
    .pro_tetx ul li p{
    font-size: 20px;
    color: #fff;
    font-weight: 300;
    font-family: var(--roboto);
    line-height: 24px;
    margin-top: 8px;
    margin-bottom: 0px;
}


    .pro_f_wor:hover span{border-color: var(--primary-color);color: #fff;}

.about_p_name{text-align: center;padding-top: 50px;padding-left: 60px;padding-right: 60px;}
.about_p_name h4{
    font-size: 37px;
    color: #f2f2f2;
    font-weight: 700;
    font-family: var(--Roboto-C);
    text-transform: uppercase;
    letter-spacing: 6px;margin-bottom: 0px;
    text-shadow: 0px 0px 2px #282829;
}
.about_p_name h2{
      font-size: 62px;
      color: var(--primary-color);
      font-weight: 700;
      font-family: var(--roboto-c);
      text-transform: uppercase;
      margin-bottom: 0px;
      line-height: 60px;
      position: relative;
      transform: translateY(15px);
}
.pro_f_img{float: left;width: 100%;}
.pro_f_img .pro_f_l{float: left;width: 50%;}
.pro_f_img .pro_f_r{float: left;width: 50%;}

.who_trxt_in{
    padding-left: 40px;
    text-align: justify;
    padding-right: 40px;
    padding-top: 40px;
       max-height: 632px;

    overflow-y: scroll;
    padding-top: 0px;
    margin-top: 40px;
}
.who_trxt_in p{
    font-size: 20px;
    font-weight: 300;
    line-height: 28px;
    color: #2e2e2e;
    font-family: var(--robo);
    margin-bottom: 10px;
}
.pro_mg_g{padding-right: 40px;}



  @media screen and (max-width: 1600px) {


.padd_profilr {
    padding: 0px 50px;
}

.who_trxt_in {
    padding-top: 50px;
    max-height: 530px;
}


  }




  @media screen and (max-width: 1370px) {


.padd_profilr {
    padding: 0px 50px;
}

.who_trxt_in {
    padding-top: 50px;
    max-height: 530px;
}
.pro_tetx h2 {
    font-size: 24px;}

.about_p_name h2 {
    font-size: 70px;}






  }


  @media screen and (max-width: 1200px) {


.factory_left {
    width: 100%;
    float: left;
    /* display: flex; */
}


.factory_left .fac_l_t {
 

    width: 100%;
    float: left;
}

.fac01-img img{width: 100%;}



.factory_rigth {
    width: 100%;
    float: left;
}

.pro_f_img .pro_f_l {
    float: left;
    width: 60%;
}


.pro_f_img .pro_f_r {
    float: left;
    width: 40%;
}




}





  @media screen and (max-width: 992px) {

.pro_f_img .pro_f_l {
    float: left;
    width: 100%;
}


.who_trxt_in {
    padding-top: 50px;
    max-height: initial;
    overflow-y: auto;
}


.who_trxt_in {
    padding-left: 15px;
    text-align: justify;
    padding-right: 15px;}


.pro_f_img .pro_f_r {
    float: left;
    width: 100%;
}


.pro_mg_g {
   max-width: 420px;margin: 0 auto;margin-top: 30px;
}




  }


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

.factory_left .fac_l_t {
    padding: 38px 0px;
}
.pro_tetx h2 {
    font-size: 18px;
    line-height: 28px;
}

.pro_tetx ul li {
    list-style: none;
    float: left;
    width: 100%;margin-bottom: 20px;
}


.about_p_name h4 {
    font-size: 28px;}

.about_p_name h2 {
    font-size: 50px;
    line-height: initial;
    transform: translateY(0px);
}


.about_p_name {
    text-align: center;
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
}


.who_trxt_in {
    padding-left: 15px;
    text-align: justify;
    padding-right: 15px;
    padding-top: 20px;
}




















}