/* web view */
@media (min-width: 1024px)  {
    .nav-font{
        position: relative;
        top: 10px;
    }
    .nav-left{
        width: 100%;
    }
    .nav-left li{
        text-decoration: none;
        display: inline;  
        margin-left: 2%;
      
    }
    .circleBase {
        border-radius: 50%;
        behavior: url(PIE.htc);
    }
    .nav-left1{
        display:none;
       
    }
    .type1 {
        width: 25px;
        height: 25px;
        background: #013349;
        border: 3px solid #3CC3E0;
        float: right;
        position: relative;
        right: 20px;
        text-transform: capitalize;
        text-align:center;
        color: #fff;
        font-size: 90%;
        bottom: 5px;
        padding-bottom: 5px;
    }
    .nav-left li a{
        font-weight: 600;
      
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
        font-size:113%;
        line-height: 24px;
        text-align: center;
        color: #003348  ;
    
    }
    .nav-left li a:hover{
        text-decoration: none;
    }
    .navbar-item img{
      max-width:120%
    }
    .nav-left li a img{
        position: relative;
        top: 10px;
        margin-left:2%
    
    }
    .nav-backgroud{
        background:url("https://res.cloudinary.com/codepally/image/upload/w_1000,c_fill,ar_1:1,g_auto,r_max,bo_5px_solid_red,b_rgb:262c35/v1620678616/backgroundnav_mlu0vz.svg") no-repeat;
      }
      .navbar-img{
          width:150%;
          height:auto;
       
    }
    .btc-nav{
        background:#013349;
        color: #fff !important;
        font-family: 'Poppins';
        font-style: normal;
        /* // font-weight: 500;
        // font-size: 5px;
        // line-height: 24px; */
    }
    .btc-nav:hover{
        background:#013349;
        color: #fff;
       
    }
     .navbar-img img{
        width:520% 
     } 
      
}



/* // moblie view */

@media screen and (max-width: 1023px) {
    .navbar-item{
        margin-left: 0%;
        padding-top: 5%;
        display: none;
    }
    .navbar-img{
        width:40%;
        height:auto;
    }
    .navbar-img img{
        width:520% 
     } 
     .nav-left1{
        display: black;
        padding-top: 5%;
        float: right;
        position: relative;
        right: 3%
    }
    .sidebar {
        width: 100%;
        height: auto;
        position: relative;
        background-color: #fff;
        margin: 0;
        padding: 0;
        width: 99%;
        position: fixed;
        height: 100%;
        overflow: auto;
        z-index: 100;
        /* padding-top: 30%; */

      }
      .header-list{
        width: 80%;
        margin: auto;
        border-bottom:solid 1px #E5E5E5;

      padding-top: 1%;
         padding-bottom: 1%;
    }
    .header-list p{
      font-family: 'Exo';
      font-style: normal;
      font-weight:bold;
      font-size:160%;
      color: #AEB0C1;
    }
    /* nav{
        width: 100%;
        position:fixed;
     
        background: red;
    }
    .navbar{
        width: 100%;
        position:fixed;
      
        background: red;
  
    }
    .nav-left{
        display: none;
    }
    .nav-left1{

        display: black;
        padding-top: 6%;
        float: right;
     
    }
    .navbar-item{
        margin-left: 0%;
        position: relative;
        right: 5%;
        padding-top: 12%;
    }
    .sidebar {
        width: 100%;
        height: auto;
        position: relative;
        background-color: #fff;
        margin: 0;
        padding: 0;
        width: 99%;
    
        position: fixed;
        height: 100%;
        overflow: auto;
        z-index: 3;
        padding-top: 30%;

      }
      .header-list{
          width: 80%;
          margin: auto;
          border-bottom:solid 1px #E5E5E5;
 
        padding-top: 1%;
           padding-bottom: 1%;
      }
      .header-list p{
        font-family: 'Exo';
        font-style: normal;
        font-weight:bold;
        font-size:160%;
        color: #AEB0C1;
      } */

}