@media screen and (min-width:768px) and (max-width:1024px) {
  .headertop {
    text-align:justify;
    font-size: 12px;
    font-weight:bold;
  }

  .button_solid015 {
    margin-left: 250px;
    width: 100%;
    margin-top:100px;
  }

  .button_solid015 p {
    margin-bottom: 5px;
    font-weight: 600;
    color: #ee7800;
    letter-spacing: 0.04rem;
    display: inline-block;
    position: relative;
  }

  .sakana {
    margin-left:-200px;
    margin-top:-500px;

  }
  
  .paintbrush{
margin-left:-65px;      
  }
  
  .aboutus1{
margin-top:200px;      
  }
  
  .box{
display:none;      
  }
 
  .sakana img{
width:150px;  
  }

  .topcontainer {
    width: 90%;
    height: auto;
    font-size: 10px;
    padding: 0.2em;
  }

  .toppicslide {
    width: 400px;
    height: 400px;
    margin-top: 200px;
    margin-left: 50px;
    border-radius: 400px;
    margin-bottom: 0px;
  }

  .workflow {
    width: 100%;
    margin-left: 500px;
  }

  .flex_test-item:nth-child(1) {
    background-color: #bce2e8;
    width: 80%;
    font-size: 20px;
    padding: 1em;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  }

  .flex_test-item:nth-child(2) {
    background-color: #f5b2ac;
    width: 80%;
    font-size: 20px;
    padding: 1em;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  }

  .flex_test-ubbleox {
    flex-direction: column;
  }

  .kitten {
    padding-bottom: 200px;
    margin-left: 300px;
    width: 230px;
  }

  .scarycat {
    width: 450px;
    margin-bottom: 0px;
    margin-left: -20px;
  }
  
  


  .bubble {
    position: relative;
    display: inline-block;
    margin: 1.5em 0;
    padding: 1em;
    width: 70%;
    height: auto;
    color: #009e9f;
    margin-top: 80px;
    font-size: 22px;
    background: #FFF;
    border: solid 3px hotpink;
    box-sizing: border-box;
    border-radius: 50px;
    background: white;
    margin-left: 5px;
  }

  .bubble:before {
    content: "";
    position: absolute;
    bottom: -24px;
    left: 50%;
    margin-left: -15px;
    border: 12px solid transparent;
    border-top: 12px solid white;
    z-index: 2;
  }

  .bubble:after {
    content: "";
    position: absolute;
    bottom: -30px;
    left: 50%;
    margin-left: -17px;
    border: 14px solid transparent;
    border-top: 14px solid hotpink;
    z-index: 1;
  }

  .slide-menu {
    background-color: cadetblue;
    top: 65px;
    width: 100%;
    height: 100%;
    left: 1px;
    color: black;
    transform: translateX(100%);
    transition: .5s;
    font-family: Impact;
    position: relative;
    z-index: 110;
    flex-direction: column;
  }

  .slide-menu li {
    color: black;
    line-height: 300%;
    font-size: 20px;
    text-align: left;
    font-weight: bold;
  }
  
    
.slide-menu{
background:white;
opacity:80%;
}

.slide-menu a{
color:cadetblue;
}

.slide-menu:hover{
color:tan;
border-bottom:#bee0c2 dotted 2px;
}}
  
@media screen and (min-width:1025px) and (max-width:1366px) {

.pawpaw{
display:none;
}

.box{
display:none;    
}

.msg{
display:none;
}

.sakana img{
width:250px;
margin-top:80px;
}


  .button_solid015 {
    margin-left: 250px;
    width: 100%;
    margin-top:200px;
  }

  .button_solid015 p {
    margin-bottom: 5px;
    font-weight: 600;
    color: #ee7800;
    letter-spacing: 0.04rem;
    display: inline-block;
    position: relative;
  }
  
  .paintbrush{
margin-left:30px;
  }
  
.toppicslide{
margin-left:-50px;

border-radius:100%;

}

.officepic{
margin-left:690px;
width:350px;
height:350px;
margin-bottom:100px;
}

.workflow{
margin-right:-100px;    
}

.bengal{
margin-left:-50px;
margin-bottom:130px;
margin-top:-210px;
width:200px;
}

.aboutus1{
margin-top:400px;    
}

.container1{
margin-bottom:30px;    
}

.slide-menu{
background:white;
opacity:80%;
}

.slide-menu a{
color:cadetblue;
}

.slide-menu:hover{
color:tan;
border-bottom:#bee0c2 dotted 2px;
}}

@media screen and (min-width:1366px) {
.termsofservice{
margin-left:500px;
}

.wrapper{
margin-left:500px;    
}

.tos2{
margin-left:640px;
}

.checkbox{
margin-left:500px;
}

.submit{
margin-left:620px;
}

.container1{
margin-left:500px;
}


.letstalk{
margin-left:500px;
}}