/*==========  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) and (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;
  }
  .menuHeadNetwork
  {
    height: 300px !important;
  }

  .flagportion li{
    font-size: 1rem;
    font-weight: 600;
  }

  .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;
  }


  section .section_padding_network {
    padding: 0px;
  } 

  .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;

  }


  .payoutsoneliner, 
  .technologyoneliner,
  .receiveoneliner,
  .sendoneliner,
  .receiveonelinerFees,
  .sendonelinerFees,
  .payoutsonelinerFees, 
  .technologyonelinerFees
  {
    /* height: 150px; */
    line-height: 3rem !important;
    font-size: 3rem !important;
  }

  .sendonelinerFees{
    height: unset;
  }

  .payoutscontainer-dropped, 
  .technologycontainer-dropped, 
  .receivecontainer-dropped,
  .sendcontainer-dropped{
    padding-top: 40px;
  }
  .serviceIcoHolder{
    margin-bottom: 20px;
  }
  .about_block, .payoutslaptopRow{
    margin-bottom: 30px;
  }

  .payoutsHeading, .technologyHeading {
    color: white;
    font-size: 4rem;
    padding-top: 0px;
    position: absolute;
    width: 100%;
    top: 20%; 
    left: 0;
    text-transform: uppercase;
  }
  .receive_mobile_overlay, .payouts_mobile_overlay{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    position: absolute;
  }

  .payoutsHeadingHolder, .technologyHeadingHolder {
    margin-bottom: 30px !important;
    height: 310px;
  }

  .moneyHeadingHolder{
      margin-bottom: 30px !important;
      height: 310px;
    }
  .moneyHeading{
    color: white;
    font-size: 5rem;
    padding-top: 0px;
    /*position: absolute;*/
    width: 100%;
    top: 0%;
    padding-left: 10px;
    padding-right: 10px;
  }


  


  .glypRow{
    margin-bottom: 30px; 
    color: white;
    text-align: center;
  }

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

  .sendPanel, .paymentsPanel{
    height: unset !important;
  }

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

  .laptopRow {
    background-image: url(../img/backgrounds/send/money-messenger1@3x.png);
    background-size: 100%;
    background-repeat: no-repeat;
    min-height: 180px;
  }

  .money{
    padding-right: 0px;
    padding-left: 0px;
  }
  .moneycontainer-dropped {
    margin-top: 0px;
    padding-top: 80px;
  }

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

  .networkBtnHolder {
    margin-top: 0px !important;
  }
  .servicesHeader{
    color:#f8bc44; 
    font-size: 4rem;
    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;*/
    padding: 20px 0px;
    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;
    }

    .head_bg .content_head {
      top: 25%;
    }
    .moneyoneliner, .moneyonelinerFees {
      height: 100%;
      min-height: 150px;
      line-height: 5rem;
      font-size: 5rem;
    }

    .walletSub{
      font-size: 7rem;
    }
    .walletHuge{
      font-size: 7rem;
    }

    .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;
    }

    .panelholder{ 
      color: white;
      text-align: center;
      padding: 10px;
      border-radius: 16px;
      padding-bottom: 20px;
      margin-bottom: 20px;
    }
    .ph1{ background-color: #e19600; }
    .ph2{ background-color: #ffaa00; }
    .ph3{ background-color: #f8bc44; }
    .ph4{ background-color: #f1be58; }

    .panelholder img{
      width: 200px;
      padding: 20px;
    }
    .panelholder hr {
      margin-top: 30px;
      margin-bottom: 30px;
    }
    .panelheader{
      font-size: 3rem;
      margin-bottom: 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;
      width: 100%;

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

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

    .deeper{
      margin-top: 150px !important;
      /*padding-top: 20px;*/
    }
    .head_bg{
      padding-top: 80px;
    }

    .head_bg .content_head {
      /*top: 25%;*/
    }

    .menuHead, .menuHeadNetwork {
      padding-top: 10px !important;
    }

    .moneyoneliner, .moneyonelinerFees {
      /*height: 100%;*/
      /*min-height: 150px;*/
      line-height: 1.2em;
      font-size: 5rem;
    }
    .moneycontainer-dropped {
      margin-top: 0px;
      /*padding-top: 80px;*/ 
      /*removed due to to 160px from normal */
    }

    /*.moneyHeading{
      color: white;
      font-size: 5rem;
      padding-top: 0px;
      position: absolute;
      width: 100%;
      top: 0%;
      padding-left: 10px;
      padding-right: 10px;
    }*/

  .footerLinks{
    margin-top: 0px !important;
  }


@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;
      width: 100%;

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

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

    .deeper{
      margin-top: 150px !important;
      /*padding-top: 20px;*/
    }
    .head_bg{
      padding-top: 80px;
    }

    .head_bg .content_head {
      /*top: 25%;*/
    }

    .menuHead, .menuHeadNetwork {
      padding-top: 10px !important;
    }

    .moneyoneliner, .moneyonelinerFees {
      /*height: 100%;*/
      /*min-height: 150px;*/
      line-height: 1.2em;
      font-size: 5rem;
    }
    .moneycontainer-dropped {
      margin-top: 0px;
      /*padding-top: 80px;*/ 
      /*removed due to to 160px from normal */
    }

    /*.moneyHeading{
      color: white;
      font-size: 5rem;
      padding-top: 0px;
      position: absolute;
      width: 100%;
      top: 0%;
      padding-left: 10px;
      padding-right: 10px;
    }*/

  .footerLinks{
    margin-top: 0px !important;
  }

  

}