/*==========  Desktop First  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
  /**/ }



/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
  /**/ }

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  .head_bg .mnu_line .logo {
    text-align: left; }
  .logo_img a {
    background: transparent url('../img/logo.png') no-repeat center center; }
  footer .logo a {
      color: #588792; }
  .head_bg .content_head .scroll_bottom {
    padding-top: 20%; }
  .blog-section-bg .blog-content,
  .blog-single-bg .blog-content {
    margin-right: 0px;
} }





/* Extra Small Devices, Phones */

@media only screen and (max-width: 640px), only screen (max-width: 360px), only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3){

  .head_bg .content_head .content_name .name {
    font-size: 3.8rem; 
    /*font-size: 6rem;*/
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    padding: 0;
    margin: 0;
    line-height: 1;
    -webkit-animation-duration: .5s;
    -webkit-animation-delay: 1.7s;
  }

  .menuHead
  {
    height: 600px !important;
  }

  .head_bg .content_head {
    top: 30%;
  }

  .oneliner {
  height: unset !important; 
  line-height: unset !important;
  font-size: 2.5rem !important;
  }


  .onelinerLight{
    min-height: unset;
    line-height: 1.2em !important;
    font-size: 2.5rem;
    padding: unset !important;
    background: rgb(77,78,82);
    text-align: center;
    color: white;
  }



  .onelinerYellow {
    min-height: unset;
    line-height: 1.2em !important;
    font-size: 2.5rem;
    padding: 20px 0 !important;
  }


  .huge{
    font-size: 4rem;
    line-height: 4rem;
    color: #f8bc44;
  }
  .hugeSub{
    font-size: 3rem;
    line-height: 3rem;
    padding: 0rem;
    margin-top: 1em;
    margin-bottom: 1em;
  }
  #wallet{
    max-height:unset !important;
    background-color: white;
  }



  .dropped-70 img{ width: 100%; }
  

  .sendMoneyBtn, .walletBtn {
      width: 100%;
  }

.paymentsBtn {
border: 1px solid #f8bc44;
border-radius: 4px;
width: 100%;
height: 50px;
line-height: 50px;
color: #f8bc44;
text-align: center;
font-size: 1.5rem;
position: relative;
margin-top: 10px;
margin-right: 10px;
cursor: pointer;
margin-top: 4em;
right: 0px;
position: relative;
}








.dropped-30{ margin-top: 30px; }
.dropped-40{ margin-top: 40px; }
.dropped-50{ margin-top: 50px; }
.dropped-60{ margin-top: 60px; }
    .dropped-70{ margin-top: 10px; }

.dropped-80{ margin-top: 80px; }
.dropped-90{ margin-top: 90px; }
.dropped-100{ margin-top: 100px; }
.dropped-110{ margin-top: 110px; }
.dropped-120{ margin-top: 120px; }
.dropped-130{ margin-top: 130px; }
.dropped-140{ margin-top: 140px; }
.dropped-150{ margin-top: 150px; }





  .africaHeadingHolder{
    margin-bottom: 0px;
  }

  .africaHeading{
    color: #f8bc44;
    font-size: 5rem;
    padding-top: 20px;
  }
  .africaCopy{
    text-align: center; 
    color: white; 
    font-size: 2rem;
    line-height: 1.3em;
  }
  .africaSection{
    height: unset !important;
  }

  .worldMap, .networkpoints {
    width: 100%;
  }

  .networkBtn{
    top: 0px;
  }
  .net, .map{
    position: relative;

  }


  .glypRow{
    /*margin-bottom: 30px; */
    /*Turned off for New phone displays*/
    margin-bottom: 0px; 
    color: white;
    text-align: center;
  }

  .glyphIconNudge{
    margin-right: 0px;
  }
  .glyphIconNudgeLeft{
    margin-left: 0px;
  }
  .gluyphRowAlignRight{
    text-align: center;
  }

  .sendPanel, .paymentsPanel{
    height: unset !important;
    max-height: unset !important;
  }
  #payments{
    /*min-height: 1000px;*/
  }

  .technologyHeadingHolder{
      margin-bottom: 30px !important;
      height: 530px;
    }
  .technologyHeading{
    color: white;
    font-size: 5rem;
    padding-top: 0px;
    /*position: absolute;*/
    width: 100%;
    top: 0%;
  }



  .container-dropped {
    margin-top: 0px !important;
    padding-top: 80px;
    /*padding-bottom: 40px;*/
    padding-bottom: 0px;
  }
  .darkerBcg{
    background: rgba(0,0,0,0.7);
  }

  .laptopRow {
    background-image: url(../img/home/tablet1@3x.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    min-height: 180px;
  }

  .dropped-80{
    padding-top: 80px;
  }

  .networkBtnHolder {
    margin-top: 0px !important;
  }
  .servicesHeader{
    color:#f8bc44; 
    font-size: 5rem;
    margin-bottom: 20px;
  }


  .footerH2holder{
    text-align: center; margin:00px;
  }
  .footerH2{
    font-size: 3rem;
  }

  .footerLinks{
    background: rgb(89,82,77) !important;
    color: white;
    text-align: left !important;
    margin-top: 0px;
  }

  .footerSeperator{
    margin-top: 15px;
    border-top: 1px solid rgb(19,19,19);
  }

  .small_screen {
    padding: 20px 10px;
    text-align: center;
  } 



  section .section_header {
    margin-bottom: 45px;
  }

  section .section_header h2::before {
    margin-top: 11px;
    width: 25%;
  }

  section .section_header h2::after {
    margin-top: 11px;
    width: 25%;
  }

  section .section_header h2 {
    font-size: 2rem;
  }

  #about .about_block img {
    top: -1px;
  }

  #about .about_block .col-md-3 {
    padding: 20px 0;
  }

  .portfolio_filter ul li {
    float: none;
    margin: 10px 0;
  }

  .blog_block {
    margin-bottom: 50px;
  }

  .blog_read_more {
    padding-top: 0;
  }

  #contact {
    padding: 50px 0 40px 0;
  }
  #contact .contact_block .col-md-4 {
    padding: 20px 0;
  }
  #contact .contact_block img {
    top: 6px;
  }
  #contact .contact_block_border {
    margin: 0 33px;
    padding: 36px 10px;
  }
  .toggle-mnu {
    right: 22px;
    top: 3px;
  }
  .toggle-mnu span, .toggle-mnu span::after, .toggle-mnu span::before {
      background-color: #fff;
      height: 3px;
  }
  .head_bg .overlay_color,
  .blog_head_bg .overlay_color {
    /*background: #fff;*/
    z-index: 10;
  }
  .e4flogo{
    width: 70%;
  }
  .mnu_menu ul li {
    display: inline-block;
   background: none; 
  }

  .blog-wrapper .blog-content .content-box .content {
    padding: 0 10px 0 10px;
  }
  .blog-wrapper .blog-content .content-box .content .blog-buttons{
    padding: 0 0 20px 0;
  }
  .blog-wrapper .blog-content .content-box .content .blog-buttons a i {
    opacity: 1;
  }

  .blog_head_bg .content_head .content_bottom_txt p{
    line-height: 1.6;
    padding-top: 20px;
  }
  .blog-content .info .blog-list li {
    border-bottom: solid 1px #EAEAEA;
    width: 100%;
    border-right: solid 0px #EAEAEA;
  }
  .blog-content .share ul {
    padding: 10px 25px 5px 25px !important;
  }
  .media-body, .media-left, .media-right {
    display: table-row;
  }
  .blog-content .comment .media .blog-text-uppercase {
   padding: 15px 0 0 0; 
  }

  .blog-content .comment .media .list-inline > li {
    padding: 0;
  }

  .form-group {
    padding-top: 20px;
  }

  .blog-section-bg .form-group {
    padding-top: 0px;
  }

  .blog-single-bg .search-form .btn-search {
      position: absolute;
      right: 0;
      top: 20px;
      }
    #contact {
      padding: 50px 0 25px 0;
    }

    .scrollup {
      width: 50px;
      height: 50px;
      position: fixed;
      bottom: 15px;
      left: 10px;
      display: none;
      background: #000;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      -ms-border-radius: 30px;
      -o-border-radius: 30px;
      border-radius: 30px;
      -webkit-transition: all .3s linear;
      transition: all .3s linear;
      z-index: 20;
    }

    .scrollup i {
      color: #fff;
      text-align: center;
      display: block;
      line-height: 50px;
      font-size: 20px;
    }
    
  }

/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {
  /**/ }

/*==========  Mobile First  ==========*/
/* Custom, iPhone Retina */
@media only screen and (min-width: 320px) {
  /**/ }

/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {

  .blog_block { 
    width: 370px; 
    margin: auto; 
  }

  /**/ }

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
  /**/ }

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {

  .breadcrumb { padding: 20px 0; }

  .blog-pagination li.back:after { 
    display: none; 
  }

  .blog-pagination li:not(.arrow) { 
    display: inline-block; 
  } 

  .blog-wrapper .blog-pagination { 
  border: solid 1px #EAEAEA; 
  padding: 15px 0;
  }

  .blog_block { 
    width: auto; 
    padding-top: 0; 
  }

  .blog_block 
  .brief-content { 
    width: 350px; 
    position: absolute; 
    top: 40px; 
    right: 0; 
    margin-left: 0; 
    margin-right: 0; 
  }

  .blog_block 
  .blog-img-frame { 
    position: relative; 
  }

  .blog-wrapper .single-blog { 
    padding-top: 80px; 
    padding-bottom: 80px;
    }

  /**/ 
}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
  /**/ }

@media only screen and (min-width: 1600px) {
  .head_bg .content_head .scroll_bottom {
    padding-top: 17%; } 
}

@media only screen and (max-width: 1366px) and (min-width: 768px) {

  /* FOR MARK AND CRAPPY LAPTOPS*/
  .head_bg .content_head .scroll_bottom {
    padding-top: 17%; } 
    #send,
    #payments,
    {
      /*height: 900px !important;*/
      height: unset !important;
      max-height: unset !important;
      width: 100%;

    }
     #payments{
      /*min-height: 1000px;*/
    }
    #afruca{
      height: 100% !important;
      width: 100%;
      padding-top: 80px;
      padding-bottom: 80px;

    }
    .container-dropped{
      margin-top: 64px !important;
      /*padding-top: 20px;*/
    }

    .deeper{
      /*margin-top: 150px !important;*/
      margin-top: 0px !important;
      margin-bottom: 30px;
      /*padding-top: 20px;*/
    }

    .footerLinks {
      margin-top: 0px;
    }

}


@media only screen and (max-width: 1920px) and (min-width: 768px) {

  /* FOR MARK AND CRAPPY LAPTOPS*/
  .head_bg .content_head .scroll_bottom {
    padding-top: 17%; } 
    #send,
    #payments,
    {
      /*height: 900px !important;*/
      height: unset !important;
      max-height: unset !important;
      width: 100%;

    }
     #payments{
      /*min-height: 1000px;*/
    }
    #afruca{
      height: 100% !important;
      width: 100%;
      padding-top: 80px;
      padding-bottom: 80px;

    }
    .container-dropped{
      margin-top: 64px !important;
      /*padding-top: 20px;*/
    }

    .deeper{
      /*margin-top: 150px !important;*/
      margin-top: 0px !important;
      margin-bottom: 30px;
      /*padding-top: 20px;*/
    }

    .footerLinks {
      margin-top: 0px;
    }

}