@media screen and (max-width: 700px) {
    .menutext{
        display: none;
    }

    .home-text { 
        top: 10%;
    }
    
    #menu-pul{
    position:absolute;
    width:30px;
    height:100%;
    z-index: 20;
    }
    
    .inst-text{
        top:50px;
        margin-top:25%;
        font-size: 20px ;
    }
    
    .small{
        font-size: 12px;
    }
    
    .presentation{
        width:90%;
        margin-left: -45%;
    }
    
    #slides{
        top:5%;
      height: 90%;
    }
    
    .left_block {
        width:100%;
    position : static;
    }
    
    .right_block {
         width:100%;
    position : static;
    }
    
    .high{
      top:50px;
    margin-top:10%;
    }
    
    .high2{
     top:40px;
    margin-top:5%;
    }
    
    .high3{
    top:50px;
    margin-top:10%;
    height:70%;
    }
    
    .high4{
    top:50px;
    margin-top:10%;
    }
    
    .feedback{
        display:none;
    }
    
    .logo{
        width:100px;
        height:auto;
        margin:auto;
    }
    
    .logo1{
        width:150px;
        height:auto;
        margin:auto;
    }
    .battery{
        width: 60%;
    }
    
    .cursive{
        font-size:20px;
        width:80%;
    }
    
    .image_slide{
        width:100%;
    }
    
    .applogo{
        width:80%;
        margin-bottom: 20px;
    }
    
    .screenshot{
       width: 25%;
    }
    
    .screenshot-2{
    margin:auto;
    left: 60%;
    margin-left:-30%;
    width:40%;
    }
    
    .screenshot-3{
    width:100%;
    height:auto;
    float:center;
    }
    
    .screenshot-4{
    width:60%;
    margin-left:20%;
    margin-top: 20px;
    }
    
    
    .bluetooth{
        width:100%;
    }
    
    .nextbutton{
    position:absolute;
    height:60px;
    width:30px;
    background:url("../images/arrow.png");
    bottom:50px;
    right:30%;
    top:auto;     
    background-size: cover;
    }
    
    .backbutton{
    position:absolute;
    height:60px;
    width:30px;
    background:url("../images/arrow2.png");
    bottom:50px;
    left:30%;
    top:auto;    
    background-size: cover;
    }
    
    .high{
    top:50%;
    }
    
    .left_block_small{
        left:5%;
        width:90%;
        top:60%;
    }
    .right_block_big{
        left:5%;
        width:90%;
        height:auto;
        max-height:50%;
    }
    
    .connectbutton{
        width:100px;
        height:100px;
        margin:auto;
    }
    
    .api-head{
        top:50px;
    }
    
    .api{
        position:static;
        margin:auto;
        width:90%;
        margin-top:100px;
    }
    
    .api2{
        position:static;
        top:50%;
        left:5%;
        width:90%;
        margin:auto;
        overflow-y:scroll;
    }
    
    #form{
    width:100% !important;
    }
}