@media (orientation:landscape)
{
	#try-app { display:none!important; }
}

@media (min-width:320px)  { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ 
    .block_try_app {
		width:80%;
		height:102;
    }
    a.button7 {
      font-size: 2vh;
    } 
    .img-bg-try-app {
        height: 102;
    }
    .text-try-app {
        padding: 15px 10%;
    }
}
@media (min-width:480px)  { /* smartphones, Android phones, landscape iPhone */
    .block_try_app {
		width:80%;
		height:102;
    }
    a.button7 {
      font-size: 2vh;
    }
    .img-bg-try-app {
        height: 102;
    }
    .text-try-app {
        padding: 15px 10%;
    }
}
@media (min-width:600px)  { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
    .block_try_app {
		width:90%;
		height:235;
    }
    a.button7 {
      font-size: 3vh;
    } 
    .img-bg-try-app {
        height: 235;
    }
    .text-try-app {
        padding: 30px 10%;
    }
}
@media (min-width:801px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */
    .block_try_app {
		width:90%;
		height:235;
    }
    a.button7 {
      font-size: 3vh;
    }
    .img-bg-try-app {
        height: 235;
    }
    .text-try-app {
        padding: 30px 10%;
    }
}

.block_try_app {
   display: none;
   position:fixed;
   bottom:0;
   background-image: url(https://eninvs.com/img/try_app_0.png);
   background-repeat: no-repeat;
   background-size: cover;
   z-index: 999;
   border-radius:8px;
   border-bottom-right-radius:8px;
}

.img-bg-try-app {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
}

.text-try-app {
    align-self: flex-end;
}

/*Close button*/
.close_try {
    position: absolute;
    width: 20;
    height: 20;
    opacity: 1;
    padding: 5px 0 0 5px;
}
.close_try:before, .close_try:after {
    position: absolute;
    left: 13px;
    content: ' ';
    height: 16px;
    width: 3px;
    background-color: white;
}
.close_try:before {
    transform: rotate(45deg);
}
.close_try:after {
    transform: rotate(-45deg);
}

.text-try-app {
  margin-bottom:5px!important;
}

/*Download button*/
a.button7 {
  font-weight: 700;
  color: white;
  text-decoration: none;
  padding: .3em 1em calc(.3em + 3px);
  border-radius: 5px;
  background: #093E58;
  /* box-shadow: 0 -3px rgb(53,167,110) inset; */
  transition: 0.2s;
} 
a.button7:hover { background: rgb(53, 167, 110); }
a.button7:active {
  background: rgb(33,147,90);
  box-shadow: 0 3px rgb(33,147,90) inset;
}