@media (min-width:1000px) and (max-width:1500px) and (min-height:600px) and (max-height:800px){
  .violet .content{
    position: relative;
    bottom: 30px;
  }
}
@media (min-width:1000px) and (max-width:1500px) and (min-height:800px) and (max-height:900px){
  .violet .content{
    position: relative;
    bottom: 15px;
  }
}
@media (min-width:1100px) and (max-width:2000px) and (min-height:900px) and (max-height:1200px){
  .violet .content{
    position: relative;
    bottom: 20px;
  }
  .paddmob {
    padding-top: 8%;
  }
}

@media (max-device-width:860px){
  .content{
      width: 58%;
}

    .galleria-theme-classic{
      width: 100% !important;
        height: 500px !important;
}
    #galleria{
        height: 520px !important;
}
    .right2{
      top: 10%;
        width: 15%;
        right: 2%;
}
    .left2{
      top: 10%;
        width: 15%;
        left: 2%;
}

}

@media (max-device-width:570px){
  .content{
      width: 90%;
}

    body{
    background: url(../img/bg-device.jpg) #1b62a2 no-repeat fixed;
        margin: 0;
        padding: 0;
        background-size: cover;
}
    .fixed{
    display: none;
}

    .galleria-theme-classic{
      width: 100% !important;
        height: 550px !important;
}
    #galleria{
        height: 570px !important;
}
    .right2{
      margin-top:  20px !important;
        width: 80%;
        margin: 0 auto;
        right: auto;
        position: relative;
        height: 8rem;

}
    .left2{
      margin-top:  20px !important;
        width: 80%;
        margin: 0 auto;
        left: auto;
        position: relative;
        height: auto;
}
    .left2 img, .right2 img{
      width: auto;
        height: auto;
        float: none;
}

    .text-left{
      padding: 1% 20%;
}

    .text-left h2, letterh2{
      font-size: 2em
}

    .text-left p{
      font-size: 26px
}

    .first{
      float: left;
        width: 20%;
}
    .second{
      float: left;
        width: 80%;
}
    .logoparadise img{
      width: 100%;
        height: auto;
}

    .btn{
      width: 24% !important;
        margin: 10px auto;
}
    .galleria-theme-classic .galleria-info-title{
      font-size: 3em;
}

}


@media (max-device-width:430px){
    .first{
      float: none;
        width: 100%;
}
    .logodraw{
      margin-top: 30px;
        margin-bottom: 20px;
}
    .logodraw img{
      width: 380px;
}
    .second{
      float: none;
        width: 100%;
}
    .logoparadise img{
      width: 220px;
        height: auto;
}
    .btn{
      width: 40% !important;
        margin: 0 auto;
}
    .right2{
     height: auto;
        padding: 20px;
}
    .left2{
    margin-bottom: 40px;
}

    h7{
    float: none;
        width: 100%;
        display: block;
        margin: 35px 0;
}
    h7 a{
    font-size: 22px;
}



}

@media (max-device-width:320px){

    .text-left{
      padding: 1% 10%;
}


}
