/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
@media (min-width: 1281px) {
  /* CSS */
}
/* 
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
  */
@media (min-width: 1025px) and (max-width: 1280px) {
  /* CSS */
}
/* 
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
  */
@media (min-width: 768px) and (max-width: 1024px) {
  /* CSS */
}
/* 
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  /* CSS */
}
/* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
  */
@media (min-width: 481px) and (max-width: 767px) {
  /* CSS */
}
/* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */
@media (min-width: 320px) and (max-width: 480px) {
  .container-small {
    width: 100%;
    background-color: #fff;
    height: 100%;
  }
  .fxd-sec {
    position: fixed;
    bottom: 10px;
    left: auto;
    right: 10px;
    text-align: center;
    padding: 0px;
  }
  .fxd-sec .btn-downloaad {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border: none;
    border-radius: 100px;
    width: 60px;
    height: 60px;
    background-color: #00357b;
    color: #fff;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
  }
  .fxd-sec .btn-downloaad .fa {
    color: #fff;
    font-size: 20px;
    -webkit-box-shadow: 0px 3px 23px -10px rgba(0, 0, 0, 0.8);
    text-align: center;
    -moz-box-shadow: 0px 3px 23px -10px rgba(0, 0, 0, 0.8);
    box-shadow: 0px 3px 23px -10px rgba(0, 0, 0, 0.8);
  }
  #vcard.modal {
    width: 96%;
    margin: 0px auto;
    left: 0px;
    right: 0px;
  }
  #vcard .modal-dialog,
  #vcardEmail .modal-dialog {
    position: absolute;
    width: 96%;
    margin: 0.5rem;
    pointer-events: none;
    bottom: -180px;
    left: 0px;
  }
  #vcardEmail .modal-dialog {
    width: 90%;
    left: 3%;
    right: 0px;
  }
  ul.social {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: inline-block;
  }
  ul.social li {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: inline-block;
    margin-right: 10px;
  }
  ul.social li a {
    text-decoration: none;
    color: #82848f;
  }
  ul.social li a .fa {
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    font-size: 20px;
    background-color: #82848f;
    border-radius: 100px;
    color: #fff;
  }
  ul.social li a:hover .fa {
    background-color: #00357b;
  }
}