/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 20-May-2022, 4:55:28 pm
    Author     : abbho
*/
@media screen and  (min-device-width:340px) and (max-device-width: 630px)
{
    
     body{
        font-family:  Century Gothic, CenturyGothic, AppleGothic, sans-serif;
    }
    .mutual{
        display: block;
    }
    table {
    text-align: center;
    margin-left:10%;
    }
    
   .mutual_banner_p {
        display: block;
        top: 150px;
    position: absolute;
     margin-left: 4%;
    
    }
    .mutual_banner_p h3{
        
    font-size: 20px;
    }
    .join_us_banner{
        display: block;
        width:100%;
       
    }
     .join_us_banner img{
        width:100%;
        
        
    }
    .part_of_us_logo{
        display: block;
        background-color: #233b69;
    }
    .logo_banner{
        display: flex;
    }
    .logo{
        display: block;
        border: 1px solid black;
        padding: 5%;
        margin: 5%;
        border-radius: 8px;
        background-color: #ffffff;
        box-shadow: 2px 5px 3px #031331;
    }
    .logo img{
        width:60%;
    }
     
     
    
    .info-alert1
    {
        width: 100%;
        /*font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;*/
        color: #000000;
        padding: 5%;
        
        text-align: center;
    }
    .join_us_row
    {
        display: block;
        width: 100%;
        height: auto;
        margin-bottom: 2%;
    }
    .join_us_frm
    {
        margin-left: 10%;
       
        margin-bottom: 2%;
    }
    .join_us_label
    {
        width:80%;
        display: block;
        color: #ffffff;
    }
    .join_us_data
    {
          width:100%;
          display: block;
    }
    
    
    
    .join_us_head
    {
        text-align: center;
    }
    .join_us_mandate
    {
        color: #ffffff;
    }
    .comments
    {
        height: 100px;
    }
    .response{
         display: block;
        width: 100%;
        /*font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;*/
        color: #233b69;
        
        text-align: center;
        border-right: 1px solid #233b69;
        border-left: 1px solid #233b69;
    }
        .response p{
       
        font-size: 20px;
        letter-spacing: 1px;
       
    }
    .refer{
        display: block;
        position: relative;
        margin-top: -35%;
    }
    .refer_img{
        width: 22%;
    margin-left: 28%;
    display: none;
    }
    
     .refer_form img{
        width: 100%;
    }
    .contact_msg{
       display: block;
    color: #233b69;
    position: absolute;
    margin-left: 2%;
    width:96%;
    }
    
    .contact_msg h1{
        font-size: 20px;
        font-weight: 100;
        letter-spacing: 1px;
        text-align: center;
    }
    .submit{
        background-color: #fbb822;
    height: 30px;
    width: 70%;
    color: white;
    font-size: larger;
    border: none;
    box-shadow: 2px 4px 11px 0px grey;
    border-radius: 6px;
    }
    .fxd{
       display: block;
        width: 100%;
        /*font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;*/
        color: #493f83;
        
        text-align: center;
        height: auto;
        margin-bottom: 3%;
     margin-top: 0%;
  position: initial;
    top: -275px;
    }
    .fd{
            display: block;
    margin-bottom: 1%;
    height: 250px;
    /* margin-right: 10%; */
    margin-left: 0px;
    width: 100%;
    }
    .fd1{
           display: block;
    text-align: left;
    border: 1px solid #3864b7;
    margin-left: 13%;
    width: 74%;
    font-size: 12px;
    color: #000000;
    letter-spacing: 1px;
    margin-top: 5%;
    height: 185px;
    border-radius: 8px;
    }
    .fd_p2 h2{
        text-align: center; 
        font-size: 20px;
        font-weight: 100;
           color:#233b69; 
    }
    .fd_2{
        display: block;
    background-color: #ffffff;
    border: 1px solid #d8d3d3;
    border-radius: 8px;
    text-align: left;
    margin-left: 14%;
    position: relative;
     top: 0%;
    width: 72%;
    padding: 15px;
    box-shadow: -6px 12px 15px 2px grey;
    height: 195px;
    color: black;
    }
    .fd_2 p{
        
        display: block;
        float: left;
        
    }
    .call_us{
        display: block;
    }
    .fd_p1{
        margin-left: 0px;
        
    }
    
    .call_us h2{
        font-size: 20px;
        font-weight: 100;
           color:#233b69; 
    }
    .fd_p1 h2{
        font-size: 20px;
        font-weight: 100;
           color:#233b69; 
        
    }
    .fd_p2{
              margin-left: 17px;
    text-align: left;
    font-size: 12px;
    letter-spacing: 1px;
    margin-top: -23px;
    line-height: 1.5;
    }
    .vline{
      height: auto;
    margin-left: 1%;
    margin-right: 34%;
    /* margin-top: 15px; */
    border-bottom: 3px solid #44af9b;
     }
.fd_p2 ul li::before {
  content: "\2022";
  color: #1cd9f3;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}
ul.bullet{
    font-size: large;
    color :black;
}
.map{
   display: none;
    border: 1px solid black;
    margin-left: 10%;
    width: 80%;
    margin-top: -20%;

}
 .map_mobile{
   display: block;
    border: 1px solid black;
    margin-left: 7%;
    width: 86%;
    /* margin-bottom: 0%; */
    height: 200px;
    margin-top: 42%;

}
.label1 {
    display: block;
    padding: 4px 8px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    width: 100%;
    border: 1px solid #233b69;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.thankyou{
        display: block;
    font-size: 20px;
    margin-top: 17px;
    margin-left: 0%;
    width: 100%;
}
.backtohome{
   display: block;
    font-size: 20px;
    margin-top: 4px;
    margin-left: 0%;
    width: 100%;
}
.join_us_frm_mobile
    {
            margin-left: 17%;
    margin-bottom: 2%;
    width:100%;
    border: 1px solid black;
    margin-top: 7%;
    }
    .invalid{
  
    color: red;
    font-weight: bold;
    font-family: math;
    letter-spacing: 2px;
    font-size: 17px;
}
}