@media (max-width: 768px){

    /* nav bar media */
    a {
        display: none;
    }
    .regiser_navBar{
        display: none;
    }
    .font-awesome{
        display: none;
    }
    .nav_icone_media{
        display: inline-block;
        align-items: center;
    }
    nav{
        padding: 1rem;
    }


    /* hero section */
    .hero_item{
        padding: 2.1875rem;
        margin-top: 3rem;
    }
    .hero_item_media{
        display: inline-block;
    }
    .hero_item_des{
        display: none;
    }
    

    /* order */
    .description_section{
        order:1 ;
    }
    .welcome_section{
        order: 2;
    }
    .log_section{
        order: 3;
    }
    .welcomes_section{
        order: 4;
    }
    /* description section */
  .container_description>.row{
    flex-direction: column;
  }
  .description_contain_one>h5{
    width: 40.625rem;
    
  }
  .description_contain_one>p{
    width: 40.625rem;
  }
.description_img_one>img{
    width: 41.25rem;
    height: 18.6875rem;
}

/* welcome section */
.welcome_section>.container>.row{
    flex-direction: column;
   
}
.welcome_content{
    width: 100%;
}

.welcome_input{
    width: 100%;
    
}
.welcome_input>div{
    margin: 2rem 0;
}
.welcome_input>div>input{
    width: 29.75rem;
}
/* log section  */

.log_item{
    width: 47%;
    gap: 0.625rem   ;
}
.log_img>img{
    width: 100%;
}
.dis_log_media{
    display: none;
}
 
/* welcomes section */
.welcomes_head{
    padding: 2.5rem 2rem;
}
#welcomes_btn_dis{
    display: inline-block;
    margin-left: 0.9375rem;
    background-color: #437EF7;
    color: #FFFFFF;
}

/* footer */
#footer_row{
    display: flex;
    flex-direction: column;
}
.rowOne{
    width: 100%;
}
.input_footer>input{
    width: 85%;
}
.items_footer{
    width: 100%;
    margin-top: 3.125rem;
}
}

/* ///////////////////////////////////////////////// */

@media (max-width: 375px){





    /* hero section */   
.hero_section>.container{
    width: 100%;
    margin: 0 auto;
}
.hero_item{
       margin: 2rem 1rem;
       padding: 0;
    }
.hero_item_forIt{
    display: inline-block;
}
.hero_item>h1{
font-weight: 600;
    font-size: 2.25rem;
    line-height: 2.75rem;
    letter-spacing: -0.0875rem;
}


/* description section */
.container_description{
    width: 90%;
}
.container_descriptionrow{
    flex-direction: column;
}

.description_contain_one{
    width: 100%;
    padding: 0;
}
.description_img_one{
    width: 100%;
}
.description_img_one>img{
    width: 100%;
    height: 11.5625rem;
    
}
.description_contain_one>h5{
    width: 100%;
}
.description_contain_one>p{
    width: 100%;
}
.des_con1_span{
    display: none;
}

.description_contain_one>h5{
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: -0.0313rem;
   
   
}
.description_contain_item{
    flex-direction: column;
}
.item_img{
    width: 100%;
}
.item_img>img{
    width: 100%;
    height: 11.5625rem;
    object-fit: cover;
}
.p_des_one_p2{
    display: inline-block;
}
.p_des_one{
    display: none;
}











/* welcome section */
.welcome_section>.container{
    width: 90%;
    padding: 2rem 0 0 0;
margin: auto;
}

.welcome_content>h4{
    font-size: 1.75rem;
    line-height: 2.25rem;
    letter-spacing: 0rem;
}
.welcome_input{
    width: 100%;


}
.welcome_input>div{
    width: 100%;
}
.welcome_input>div>input{
        border-radius: 0.625rem;

    width: 100%;
  
}
.welcome_input>div>button{
    border-radius: 0.625rem;
    width: 100%;

}

/* log section */
.log_item{
    width: 100%;
}
.dis_log_media{
    display: inline-block;
}

/* welcomes section */
.container_welcomes{
    width: 100%;
    margin: auto;
}
.welcomes_head{
    
    padding: 32px 16px;
}

.welcomes_head>p{
    font-size:1.75rem ;
    line-height: 2.25rem;
    letter-spacing:0.0625rem ;

}

.welcomes_head>button{
    display: block;
    margin-bottom: 0.625rem;
    width: 100%;
    padding:0.75rem 1.125rem;
   
}
#welcomes_btn_dis{
    margin-left: 0;
}


/* footer */
footer{
    padding: 2rem 1rem;
}
footer>.conatiner{
    width: 100%;

}

.input_footer>input{
    width: 80%;
}

.rowTwo{
    width: 50%;

}
.items_footer{
    flex-wrap: wrap;
     justify-content: flex-start;
}


.Order_one{
    order: 2;
}
.Order_two{
    order: 3;
}
.Order_three{
    order: 1;
}






}