@media only screen and (max-width : 4000px) {
  .right-container .ttl-line{
    z-index: 2;
  }
}
@media only screen and (max-width : 1650px) {
  
}
@media only screen and (max-width : 1440px) {

}
@media only screen and (max-width : 1360px) {
  
}
@media only screen and (max-width : 1200px) {
  .main-nav{
    width: 250px;
  }
  .right-container{
    width: calc(100% - 250px);
  }
}
@media only screen and (max-width : 1100px) {
  .right-container .content-block .tabs-conent .item{
    width: calc(33.333% - 10px);
  }
  .right-container .header-block .logo{
    width: 200px;
  }
  .gorizontal-header .logo{
    width: 30%;
  }
  .login-form form{
    width: 35%;
  }
  .right-container .content-block .tabs-conent .item .image{
    width: 100%;
  }
  .right-container .content-block .tabs-conent .item .info .sub-info{
    flex-wrap: wrap;
  }
}
@media only screen and (max-width : 900px) {
  .right-container .header-block h2{
    font-size: 1.2rem;
  }
  .right-container .header-block .logo{
    width: 150px;
  }
  .right-container .content-block .tabs .tab{
    padding: 5px 10px;
  }
  .gorizontal-header .logo{
    width: 35%;
  }
  .login-form form{
    width: 40%;
  }
  .right-container .content-block .tabs-conent .item{
    width: calc(50% - 10px);
  }
}
@media only screen and (max-width : 770px) {
  .main-nav{
    width: 180px;
  }
  .right-container{
    width: calc(100% - 180px);
  }
  .gorizontal-header{
    height: 20vh;
  }
  .login-form{
    height: 80vh;
  }
  .gorizontal-header .logo{
    width: 40%;
  }
  .login-form form{
    width: 45%;
  }
  .right-container .content-block .tabs-conent .item{
    width: 100%;
    margin-right: 0;
  }

}
@media only screen and (max-width : 550px) {
  .main-nav{
    transition: .3s all;
    width: 320px;
    transform: translate(-320px,0);
  }
  .main-nav.active{
    transform: translate(0);
  } 
  .right-container{
    width: 100%;
  }
  .gorizontal-header .logo{
    width: 55%;
  }
  .login-form form{
    width: 90%;
  }
  .right-container .ttl-line .mobile-menu{
    display: flex;
  }
}
@media only screen and (max-width : 430px) {

}
@media only screen and (max-width : 380px) {

}
@media only screen and (max-width : 330px) {

}