@media only screen and (min-width: 320px) and (max-width: 767px) {

  :root{ 
    /*FONTS*/
    --font40 : 30px;
    
    /*PADDING*/
    --padding70: 50px;
    --padding80: 50px;

    /*MARGIN*/
    --margin70: 50px;
 }


  .row.mb-5 { margin-bottom: 0px !important; }


  .logo { text-align: center; }

  .top_list .nav li { margin-right: 15px; padding-right: 15px; }
  .top_list .nav li a.btn_black{ padding:0px 12px !important; }



  .navbar .container { justify-content: end; }
  .navbar .container .navbar-toggler { border: 1px solid #fff; }


  .navigation ul li a::after { display:none; }
  .navigation ul li a{ padding:7px 10px !important; }

  .heading h2 { font-size: 35px; margin: 0 0 20px 0; }

  .membershi_area{ margin-top: 30px; }
  .mem_loop { width: 85%; margin: 0px auto 30px; display: block; }


  .about_info .left_content{ padding:0 0 30px 0; }

  .about_info .row::after { width:100%; height:100%; }
  .about_info .left_content h2{ font-size:35px; }


  .right_img img { width: 100%; padding-bottom: 40px; }

  .about_info .row{ flex-direction: column-reverse; }

  .about_info .right_img { padding-top: 30px; }

  .chapter_wrapper .row .col { width: 100%; }
  .chapter_wrapper .col-md-12.mb-5 { margin: 0 !important; }

  .mamber_area .imgs { width: 100%; }

  .contact_area form{ width:90%; }
  .contact_area .btn.btn_black{ width:80%; }

  .contact_area form input{ height:40px; border-radius:10px; }
  .contact_area form textarea{ border-radius:10px; }

  .news_letter form input[type="email"]{ width:100%; }

  footer .right_side { margin-top: 30px; }
  .social_links { padding-left: 0; justify-content: center; display: flex; }
  .site_info ul li a{ display:flex; }

  #footer h3{ font-size:35px; }

  #footer {  }
  .bottom_right{ text-align:center; margin-top:20px; }
  .bottom_right br{ display:none; }

  .mamber_area .bottom_row::after { display:none; }
  .mamber_area .top_row::after { display:none; }
  .video_wrapper video{ height:250px; }

  .reverse { flex-direction: column-reverse; }
  .mamber_area .rigjt_cont h2 { font-size: 25px; margin-top: 19px; } 


  .form_div { padding: 20px; }
  .heading_text{ font-size:20px; }

  .social-options{ grid-template-columns: repeat(1, 1fr); }

  .form_div .filed_loop .ms-question { display: block; }
  .form_div .filed_loop .ms-question .ms-radio { margin-top: 20px; }

  .form_div .filed_loop.two_col.sec .social-item { display: block; }
  .form_div .filed_loop.two_col.sec .social-item .text{ width:100% !important; }

  .form_wrapper{ padding: 50px 0px; }

  .inner_banner .banner_content img { width: 100%; height: 180px; }
  .inner_banner .banner_content h2 { font-size: 20px; }

  .form_div form .btn.btn_black{ width:100%; }


}