/* home responsiveness begin here */
@media (max-width:991px) {
  .navbar-expand-lg{
    border-bottom:1px solid #ccc;
    margin-top:70px;
  }

  .navbar-brand{
    margin-left:0%;
  }
  .navbar-brand span{
    font-size: 50%;
  }

  .mobile_connect{
    display: block;
  }
  .desktop_nav{
    display: none;
  }

  .banner-text {
    margin-top:-10px
  }

  .banner-text h1{
    font-size:350%;
  }
  .banner-text p{
    font-size:70%;
  }

  .desktop_img{
    display:none;
  }

  .blockchain_sdk h1{
    font-size:250%;
  }
  .blockchain_sdk p{
    font-size:100%;
  }

  .container2{
    width: 100%;
    margin: 0 2%;
    display:block;
  }
  .container2 i{
    font-size:280%;
    margin-bottom: 20px;
  }

  .container2 button{
  margin:0 0 40px 0 ;
  }
}
/* home responsiveness ends here */


  /* wallet connect responsiveness begins here */
@media (max-width:580px) {
  .modal_inner{
    width: 90%;
    top: 70px;
    left: 5%;
    padding: 2% 0;
    border-radius:  30px;
  }
  .top_header{
    padding: 3% 0;
  }
  .top_header span{
    top: 15px;
    right: 30px;
  }
  .top_header #goBack{
    top: 25px;
    left: 20px;
  }

  .preloader_modal{
    width: 90%;
    top: 250px;
    margin: auto;
    padding: 2% 2%;
  }

  .form_container{
    width: 90%;
    top: 40px;
    margin: auto;
    padding: 2% 2%;
  }

  #success_img, #error_img, #empty_img{
    width: 70%;
    top: 70px;
    left: 15%;
  }
}

@media (min-width:581px) and (max-width:980px) {
  .modal_inner{
    width: 60%;
    top: 70px;
    left: 20%;
    padding: 2% 0;
    border-radius:  30px;
  }
  .top_header{
    padding: 2% 0;
  }
  .top_header span{
    top: 20px;
    right: 30px;
  }
  .top_header #goBack{
    top: 25px;
    left: 20px;
  }

  .preloader_modal{
    width: 90%;
    top: 250px;
    margin: auto;
    padding: 2% 2%;
  }

  .form_container{
    width: 90%;
    top: 40px;
    margin: auto;
    padding: 2% 2%;
  }

  #success_img, #error_img, #empty_img{
    width: 50%;
    top: 70px;
    left: 15%;
    display:none;
  }
}