/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 23 2021 | 16:44:49 */
@media screen and (max-width: 960px ) {
  .women-img { margin: 0 auto; float: none !important; }
  .women { line-height: 35px !Important; }
  h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: 30px !Important;}
  .vc_btn3-container.vc_btn3-right, .vc_btn3-container.vc_btn3-left { text-align: center !Important; }
  .highlight-box { margin-bottom: 20px !Important; }
  .btn-explore { left: 0 !Important;}
  .box { margin-top: 25px; }
  .box { padding: 20px 10px 5px 10px !Important; }
  .hbox { margin-bottom: 20px !Important;}
  .maycode h1 { font-size: 80px !Important;  line-height: 60px !important; }
  .maycode h2 { font-size: 50px !Important;  }
  .footer-row1 { text-align: center; }
  .footer-row1 img { width: 125px !important; }
  h1, .h1, h2, .h2 { font-size: 30px !Important; }
  .mobile { height: 100px !Important; }
  .membertitle { margin: 25px 0px; }
  .lh3 h1, .lh3 h2 { letter-spacing: 0px !Important; }
  .txt-mobile-center { float: none; text-align: center !Important;}
  
  .mp_wrapper.mp_login_form { width: 100% !Important; }
  form.mepr-signup-form.mepr-form { width: 100% !Important; }
  
   form#mepr_forgot_password_form, .mp_wrapper.mp_login_form { width: 100% !Important; }
  #section2, #section3, #section4, #section5, #section6, #section7, #section8 { padding-left: 20px !Important; padding-right: 20px !Important;}
  .btn-explore { position: relative !Important;}
  
  #mc_embed_signup input.email { width: 80% !Important;}
  .boximgorder1 { order: 1; }
  .boximgorder2 { order: 2; }
  
  .mobile_menu_wrapper .menu-item { padding: 5px; }
  
  ul#menu-dashboard { padding-left:0px !Important;}
  ul#menu-dashboard li a { padding: 5px 5px !Important;}
  
  
}

@media screen and ( max-width: 1366px ) {
  h1 { letter-spacing: 5px !Important; }
  h2,h3 { letter-spacing: 3px !Important;}
}

@media screen and (max-width: 1024px) {
  .highlight-box {
    width: 200px !Important;
    height:200px !Important;
  }
  
  .hbox {
    width: 150px !Important;
    height: 150px !Important;
  }
  .hbox h3 {
    font-size: 18px !Important;
  }
  .highlight-box h3 {
    font-size: 28px !important;
}
  .highlight-box4 {
    width: 225px !Important;
    height: 225px !Important;
  }
  .highlight-box4 h3 {
    font-size: 32px !important;
    line-height: 30px !important;
}
  
}

@media screen and (max-width: 768px) {
.highlight-box {
    width: 160px !Important;
    height: 160px !Important;
}
  .highlight-box h3 {
    font-size: 20px !important;
}
.hbox h3 {
    font-size: 16px !Important;
    line-height: 14px !important;
}
  .hbox {
    width: 130px !Important;
    height: 130px !Important;
  }
  
  .women { line-height: 35px !Important; }
  .highlight-box4 {
    width: 160px !Important;
    height: 160px !Important;
    margin-bottom: 10px;
  }
  .highlight-box4 h3 {
    font-size: 20px !important;
    line-height: 24px !important;
}
  .abt-row {
    background-color: #00000080;
}
  
  .partner-bg { background-image: url(http://staging.codechix.org/wp-content/uploads/2021/03/membership-bg.jpg) !Important;}
  .members-bg { background-image: url(http://staging.codechix.org/wp-content/uploads/2021/03/membership-bg.jpg) !Important;}
  .mobileonly { display: block !Important; }
}