@media only screen and (max-width: 900px){

    body{
        font-family: 'JF Flat Regular', sans-serif;
        color: #222;
        margin:0;
        direction: rtl;
        font-size: 18px;
    }
    .container{
        justify-content: center;

    }
  
    .container .input{
        width: 90%;
        padding: 10px;
        font-size: 18px;
    }
  
    .container #send-btn{
        width: 45%;
    }
  
   
    /*.profile_social span{
      padding:5px;
      margin: 2px;
      border-radius: 5px;
     
    }
    
    .profile_social  a{
      font-size: 17px;
      padding: 2px;
    }*/
  
   
    /*map page*/
      
   /* .wallet{
        top: -14px;  
        height: 100%; 
    }


    #map { 
        height:100%;
        width:100%;
    }

    .filters {
        top:114px;
        width:90%;
        height:auto;
        background:transparent;
    }

    .filters .sub-filter{
        width:40%;
        margin: 3px;
        font-size: 18px;
        text-align: center;
        padding: 6px;
     }*/

     /*profiles*/
     .card{
        height:auto;
        margin-top: 100px;
        width:95%;
       }

       .profile_data {
            text-align: right;
            align-items: right;
            width: 100%;
        }


        .profile_data .input{
            width: 100%;
            font-size: 18px;
            padding:12px;
        }

        .profile_data label{
            font-size: 18px;
        }

        .profile_data p{
            font-size: 18px;     
            
        }

        .profile_data .btn{
            font-size: 15px;
            width:50%;
            padding:10px;
        }

        .profile_btn .btn{
            font-size: 15px;
            width:50%;
            padding:10px;
        }

       
        small{
            font-family: 'JF Flat Regular', sans-serif;
            color: #444;
            font-size:13px;
            margin-bottom:20px;
        }

        .btn{
            font-family: 'JF Flat Regular', sans-serif;
            border-radius: 5px;
            border: none;
            width: 40%;
            color: #fff;
            padding: 10px;
            margin: 12px;
            font-size: 15px;
            background-color: #000;
            text-decoration: none;

        }

        .btn:hover{
            background-color:#2bc069;
            color:#fff;
        }

        /*profile page*/
        .profile_container{
           padding-top:100px;
        }

        .card{
            width:90%;
        }

        .profile_data{
            width: 100%;
        }
      
        .img-container{
            width: 180px;
            height: 180px;
        }

        .profile_social{
          padding:12px;
        }
      
   

       

       .custom-file-upload {
          padding: 10px 20px;
       }

       /*back button*/
    .back{
       display: flex;
       flex-direction: row;
       position: relative;
       height: auto;
    
    }

    .set{
        padding:4px 35px;
    }
    .set-menu-content {
        width:54%;
       
    }
 
    
     
      
      
        
      
        
    
  
  
    
  
  }