@media only screen and (min-width: 769px){
  .main>div:nth-child(3){
  background: #fff;
  transition: top 0.7s cubic-bezier(0.5, 0, 0.2, 1) 0s;
  z-index: 1;
  overflow-y: auto;
  outline: none;
}
.main>div:nth-child(3).active {
  top: 0!important;
}
.main>div:nth-child(2){
  position: relative;
  height: 100vh!important;
  overflow: hidden !important;
  max-height: 970px!important;
}
}
@media only screen and (max-width: 1440px) and (min-width: 1367px){
.main>div:nth-child(2){
  position: relative;
  height: 100vh!important;
  overflow: hidden !important;
  max-height: 900px!important;
}
}
@media only screen and (max-width: 1366px) and (min-width: 1281px){
.main>div:nth-child(2){
  position: relative;
  height: 100vh!important;
  overflow: hidden !important;
  max-height: 800px!important;
}
}
@media only screen and (max-width: 1280px) and (min-width: 1025px){
.main>div:nth-child(2){
  position: relative;
  height: 100vh!important;
  overflow: hidden !important;
  max-height: 750px!important;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px){
.main>div:nth-child(2){
  position: relative;
  height: 100vh!important;
  overflow: hidden !important;
  max-height: 750px!important;
}
}