/*postion:aboslute*/
#but1_s9, .drgBox, .bar, .dropBox, .arrowsBox, #corFeed, #inFeed{position:absolute;box-sizing:border-box;}
/*postion:aboslute*/

/*Drop Elements*/
.dropBox{width:170px;right:0%;height:100%;border:0px solid;}
.bar{width:30px;height:100%;right:10px;background-color:#287084;}
.arrowsBox{top:35px;right:25px;}
.arws{height:30px;display:block;margin-bottom:35px;}

/*Drag Elements*/
.drgBox{top:40px;left:20px;width:195px;}
.drg{font-size:14px;padding:5px;margin:0px 0px 3px 0px;color:#fff !important;background-color:#287084;border-radius:5px;text-align:center;}
.drg:hover{background-color:#1C4E5D;transition: background-color .2s;cursor:pointer;}

/*Result Elements*/
#but1_s9{bottom:0px;left:0px;}
.butSty{font-size:15px;padding:6px;width:130px;background-color:#30849C;color:#fff !important;border:none;}
.butSty:hover{background-color:#262626;transition: background-color .2s;cursor:pointer;}
#corFeed{top:130px;left:15px;width:150px;font-size:18px;padding:5px;border-radius:5px;background-color:#fff;z-index:10;text-align:center;display:none;}
#inFeed{top:160px;left:15px;width:150px;font-size:18px;padding:5px;border-radius:5px;background-color:#fff;z-index:10;text-align:center;display:none;}

@media screen and (min-width:690px){
/*Drop Elements*/
  .dropBox{width:235px;}
  .bar{width:40px;right:20px;}
  .arrowsBox{top:27px;right:45px;}
  .arws{height:40px;margin-bottom:27px;}
/*Drag Elements*/
  .drgBox{top:50px;left:50px;width:350px;}
  .drg{font-size:16px;padding:10px;margin:0px 0px 5px 0px;}
/*Result Elements*/
  .butSty{font-size:17px;padding:7px;width:140px;}
  #corFeed{top:100px;left:40px;width:200px;font-size:22px;}
  #inFeed{top:140px;left:40px;width:200px;font-size:22px;}
}

@media screen and (min-width:960px){
/*Drop Elements*/
  .dropBox{width:305px;}
  .bar{width:50px;right:40px;}
  .arrowsBox{top:26px;right:85px;}
  .arws{height:41px;margin-bottom:26px;}
/*Drag Elements*/
  .drgBox{top:15px;left:110px;width:450px;}
  .drg{font-size:19px;padding:12px;margin:0px 0px 5px 0px;}
/*Result Elements*/
  .butSty{font-size:19px;padding:8px;width:160px;}
  #corFeed{top:90px;left:60px;width:300px;font-size:28px;}
  #inFeed{top:125px;left:60px;width:300px;font-size:28px;}
}