@media(min-width:602px) and (max-width:900px){
    .home-page header {
    display: flex;
    justify-content: space-around;
    margin: 1em 3em;
    /* width: 80em; */
   
}
.home-page header .logo {
    /* width: 20em; */
}
.home-page header .links-pages .links {
    display: flex;
}
.home-page header .links-pages .links a {
    margin: .2em 1em;
}
/*start style content home page******************************/
.conent-home-page{
    flex-direction: column;
    
}
.conent-home-page .right-section {
   order: 1;
   box-shadow: 0 0 20px #0ef;
   border-radius: 10px;
}
.conent-home-page .left-section{
order: 2;
margin-left: 10em;
}
.conent-home-page .left-section h2{
    font-size: 21px;
}
.conent-home-page .left-section h1{
    font-size: 31px;
}
.conent-home-page .left-section .links i{
    font-size: 26px;
}
 .downlode-cv{
      font-size: 14x;
 }
 /***********************************************/
 /*start style about page*/
 .about-page{
  background-color:var(--second-bg-color);
  height: 100vh;
  display: flex;
  margin-top: 21em;
  /* align-items: center; */
}
.content-about-page-left{
    margin-left: 1em;
margin-right: 1em;
}
.content-about-page-left p {
    width: 30em;
}
.techniques{
    font-size: 26px;
}
.downlode-cv-page2{
    font-size: 14px;
}
.content-about-page-right img{
height: 16em;
width: 16em;
margin-left: 9em;
}
/*************************************/
/*start style servises page*/
.buttom-section .ditals-box h2{
    font-size: 16px;
}
.buttom-section .ditals-box h2 {
    font-size: 24px;
    margin-top: 1em;
    padding: 0 1.5em;
}
.buttom-section .ditals-box p{
font-size: 14px; 
margin: 1em .5em;margin-left: 3em;
/*  */
padding-left: 1em;
}
.contenr .projects-page {
    background-color: var(--second-bg-color);
    height: 344vh;
}
.contenr .contact-page img {
    height: 10em;
    width: 10em;
    margin: 2em 0;
}
.contenr .skills-page{
  background-color:#1f242d;
  height: 140vh;
  display: flex;
  flex-direction: column;
}
}
@media(min-width:930px) and (max-width:1200px){
    .contenr .projects-page {
    background-color: var(--second-bg-color);
    height: 200vh;
}
.contenr .skills-page{
  background-color:#1f242d;
  height: 120vh;
  display: flex;
  flex-direction: column;
}
.content-about-page-right{
    display: none;
}
}
@media(min-width:460px) and (max-width:600px){
    
    .home-page header {
    display: flex;
    /* justify-content: space-around; */
    margin: 2em auto;
    /* width: 100%; */
    padding: 0;

   
}
.home-page header .logo h2{
    width: 7em;
    margin-left: 1em;
    
}
.home-page header .links-pages .links {
    display: flex;
   
}
.home-page header .links-pages .link{
    display: none;
}
.home-page header .links-pages .show{
    display: inline;
}
.home-page header .links-pages .links a {
    margin: .2em 1em;
}
/*start style content home page******************************/
.conent-home-page{
    flex-direction: column;
    /* height: 110vh; */
    
}
.conent-home-page .right-section {
   order: 1;
}
.conent-home-page .left-section{
order: 2;
margin-left: 10em;
}
.conent-home-page .left-section h2{
    font-size: 21px;
}
.conent-home-page .left-section h1{
    font-size: 31px;
}
.conent-home-page .left-section .links i{
    font-size: 26px;
}
 .downlode-cv{
      font-size: 14x;
 }
 /***********************************************/
 /*start style about page*/
 .about-page{
  background-color:var(--second-bg-color);
  height: 100vh;
  display: flex;
  margin-top: 21em;
  /* align-items: center; */
  width: 100%;
}
.content-about-page-left{
    margin-left: 1em;
margin-right: 1em;
  width: 100%;
}
.content-about-page-left p {
    width: 30em;
}
.techniques{
    font-size: 26px;
}
.downlode-cv-page2{
    font-size: 14px;
}
.content-about-page-right img{
height: 16em;
width: 16em;
margin-left: 9em;
}
/*************************************/
/*start style servises page*/
.buttom-section .ditals-box {
    width: 30%;
}
.buttom-section .ditals-box h2{
    font-size: 16px;
}
.buttom-section .ditals-box h2 {
    font-size: 24px;
    margin-top: 1em;
    padding: 0 1.5em;
}
.buttom-section .ditals-box p{
font-size: 14px; 
margin: 1em .5em;margin-left: 3em;
/*  */
padding-left: 1em;
}
.contenr .projects-page {
    background-color: var(--second-bg-color);
    height: 344vh;
}
.contenr .contact-page img {
    height: 10em;
    width: 10em;
    margin: 2em 0;
}
.contenr .skills-page{
  background-color:#1f242d;
  height: 140vh;
  display: none;
  flex-wrap: wrap;
  flex-direction: column;
  width: 100%;
}
.skills-page .skills-box{
  display: flex;
justify-content: space-around;
flex-wrap: wrap;
width: 100%;

}
.content-about-page-right{
    display: none;
}
.servises-page .buttom-section .box2{
display: none;
}
.servises-page .buttom-section .ditals-box{
    width: 45%;
}
}
@media(max-width:460px){
    
    .home-page header {
    display: flex;
    /* justify-content: space-around; */
    margin: 2em auto;
    /* width: 100%; */
    padding: 0;

   
}
.home-page header .logo h2{
    width: 7em;
    margin-left: 1em;
    
}
.home-page header .links-pages .links {
    display: flex;
   
}
.home-page header .links-pages .link{
    display: none;
}
.home-page header .links-pages .show{
    display: inline;
}
.home-page header .links-pages .links a {
    margin: .2em 1em;
}
/*start style content home page******************************/
.conent-home-page{
    flex-direction: column;
    /* height: 110vh; */
    
}
.conent-home-page .right-section {
   order: 1;
}
.conent-home-page .left-section{
order: 2;
margin-left: 2em;
}
.conent-home-page .left-section h2{
    font-size: 21px;
}
.conent-home-page .left-section h1{
    font-size: 31px;
}
.conent-home-page .left-section .links i{
    font-size: 26px;
}
 .downlode-cv{
      font-size: 14x;
 }
 /***********************************************/
 /*start style about page*/
 .about-page{
  background-color:var(--second-bg-color);
  height: 100vh;
  display: flex;
  margin-top: 21em;
  /* align-items: center; */
  width: 100%;
}
.content-about-page-left{
    margin-left: 1em;
margin-right: 1em;
  width: 100%;
}
.content-about-page-left p {
    width: 22em;
}
.techniques{
    font-size: 26px;
}
.downlode-cv-page2{
    font-size: 14px;
}
.content-about-page-right img{
height: 16em;
width: 16em;
margin-left: 9em;
}
/*************************************/
/*start style servises page*/
.buttom-section .ditals-box {
    width: 30%;
}
.buttom-section .ditals-box h2{
    font-size: 16px;
}
.buttom-section .ditals-box h2 {
    font-size: 24px;
    margin-top: 1em;
    padding: 0 1.5em;
}
.buttom-section .ditals-box p{
font-size: 14px; 
margin: 1em .5em;margin-left: 3em;
/*  */
padding-left: 1em;
}
.contenr .projects-page {
    background-color: var(--second-bg-color);
    height: 344vh;
}
.contenr .contact-page img {
    height: 10em;
    width: 10em;
    margin: 2em 0;
}
.contenr .skills-page{
  background-color:#1f242d;
  height: 140vh;
  display: none;
  flex-wrap: wrap;
  flex-direction: column;
  width: 100%;
}
.skills-page .skills-box{
  display: flex;
justify-content: space-around;
flex-wrap: wrap;
width: 100%;

}
.content-about-page-right{
    display: none;
}
.servises-page .buttom-section .box2{
display: none;
}
.servises-page .buttom-section .box1{
margin-left: 2em;
}
.servises-page .buttom-section .ditals-box{
    width: 45%;
    height: 60%;
}
.servises-page .buttom-section .ditals-box h2{
    font-size: 21px;
    text-align: center;
}
.servises-page .buttom-section .ditals-box p{
    display: none;
}
.projects-page{
    height: 200vh;
}}