/* @media (min-width: 1400px) {
  /* footer part start */
  .footer {
    padding: 150px 0;
  }

  .footer p {
    padding-bottom: 15px;
    font-size: 18px;
  }
  .footer .p_f_4 {
    margin-top: 10px;
  }

  .copy {
    font-size: 15px;
  }
}

/* responsiv max-1399.98 start here */

@media (min-width: 1200px) and (max-width: 1399.98px) {
  /* footer part start */
  .footer {
    padding: 100px 0;
  }

  .footer p {
    padding-bottom: 15px;
    font-size: 18px;
  }
  .footer .p_f_4 {
    margin-top: 10px;
  }

  .copy {
    font-size: 15px;
  }
  /* footer part end */
}
/* responsiv max-1199.98 start here */

@media (min-width: 992px) and (max-width: 1199.98px) {
  .paragraph {
    font-size: 18px;
    margin-bottom: 50px;
    padding: 0 20px;
  }
  .contianer {
    width: 992px;
    margin: 0 auto;
  }

  /* common css end */

  .header_top {
    padding: 30px 5px;
  }

  .header_top_flex_container {
    display: flex;
  }
  .navbar {
    width: 65%;
    align-items: center;
    justify-content: center;
  }
  .navbar a {
    font-size: 18px;
    margin: 0 5px;
  }
  .button {
    width: 15%;
  }
  .button {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .read_more_button {
    padding: 15px 20px;
    border-radius: 18px;
    font-size: 15px;
  }
  /* responsiv header part css end  */
  .hero_section h2 {
    font-size: 60px;
  }

  .hero_section {
    padding: 250px 0;
  }
  #info_ {
    padding: 150px 0;
  }
  #info_ .banck_account {
    margin: 0 10px;
  }
  #info_ .main_section_item_1 {
    font-size: 18px;
  }
  #info_ .org {
    font-size: 18px;
  }
  /* school */
  #school .item a {
    font-size: 25px;
  }
  .colum_4 {
    display: flex;
    margin: 0 20px;
    justify-content: space-between;
  }
  .colum_4 .c_item {
    width: 400px;
    margin: 0 10px;
}
  /*school  */

  /* computer */
  #school {
    padding-bottom: 100px;
  }
  #traning {
    padding-bottom: 100px;
  }
  #traning .item a {
    font-size: 25px;
  } 

  /* computer */

  /* sewing */

  #Sewing .item a {
    font-size: 25px;
  }

  /* sewing */

  /* rickshaw */
  #rickshaw {
    padding: 100px 0;
  }

  #rickshaw .item a {
    font-size: 25px;
  }
  #rickshaw .img {
    width: 24%;
  }
  #rickshaw .img img {
    width: 100%;
  }
  #rickshaw .main {
    margin: 5px 10px;
  }
  /* rickshaw */

  /* drive */
  #driving {
    padding-bottom: 100px;
  }
  #driving .item a {
    font-size: 25px;
  }
  #driving .main .img {
    width: 32%;
  }
  #driving .main .img img {
    width: 100%;
  }
  #driving .main {
    margin: 0 10px;
  }
  /* drive */

  /* residence */

  #residence {
    padding-bottom: 100px;
  }
  #residence .item a {
    font-size: 25px;
  }
  #residence .main .img {
    width: 32%;
  }
  #residence .main .img img {
    width: 100%;
  }
  #residence .main {
    margin: 0 10px;
  }
  /* residence */

  /* english_program */

  #english_program {
    padding-bottom: 100px;
  }
  #english_program .item a {
    font-size: 25px;
  }
  #english_program .main .img {
    width: 32%;
  }
  #english_program .main .img img {
    width: 100%;
  }
  #english_program .main {
    margin: 0 10px;
  }
  /* english_program */

  /* scholarship */

  #scholarship {
    padding-bottom: 100px;
  }
  #scholarship .item a {
    font-size: 25px;
  }
  #scholarship .main .img {
    width: 32%;
  }
  #scholarship .main .img img {
    width: 100%;
  }
  #scholarship .main {
    margin: 0 10px;
  }

  /* scholarship */

  /* teacher_s_training */

  #teacher_s_training {
    padding-bottom: 100px;
  }
  #teacher_s_training .item a {
    font-size: 25px;
  }
  #teacher_s_training .main .img {
    width: 32%;
  }
  #teacher_s_training .main .img img {
    width: 100%;
  }
  #teacher_s_training .main {
    margin: 0 10px;
  }

  /* teacher_s_training */

  /* footer part start */
  .footer {
    padding: 100px 0;
  }

  .footer p {
    padding-bottom: 15px;
    font-size: 18px;
  }
  .footer .p_f_4 {
    margin-top: 10px;
  }

  .copy {
    font-size: 15px;
  }
  /* footer part end */
}
/* responsiv max-991.98 start here */

@media (min-width: 768px) and (max-width: 991.98px) {
  .paragraph {
    font-size: 15px;
    margin-bottom: 35px;
    padding: 0 20px;
  }
  .contianer {
    width: 768px;
    margin: 0 auto;
  }

  .dropdown {
    top: 53px;
    left: -49px;
    width: 307px;
  }
  .dropdown li {
    margin: 4px 0;
    padding: 1px;
  }

  /* common css end */

  .header_top {
    padding: 20px 5px;
  }
  .header_top .logo {
    width: 10%;
    background-color: black;
  }
  .header_top .logo img {
    width: 100%;
  }

  .header_top_flex_container {
    display: flex;
  }
  .navbar {
    width: 65%;
    align-items: center;
    justify-content: center;
  }
  .navbar a {
    font-size: 15px;
    margin: 0 5px;
  }
  .button {
    width: 15%;
  }
  .button {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .read_more_button {
    padding: 10px 10px;
    border-radius: 18px;
    font-size: 15px;
  }
  /* responsiv header part css end  */
  .hero_section h2 {
    font-size: 53px;
  }

  .hero_section {
    padding: 200px 0;
  }
  #info_ {
    padding: 100px 0;
  }
  #info_ .banck_account {
    margin: 0 10px;
  }
  #info_ .main_section_item_1 {
    font-size: 15px;
  }
  #info_ .org {
    font-size: 15px;
  }
  /* school */
  #school .item a {
    font-size: 25px;
  }
  .colum_4 {
    display: flex;
    margin: 0 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  .c_item{
    width: 300px ;

  }
  .c_item img{
    width: 100%;
  }
  .colum_4 .c_item {
    margin: 17px 10px;
}
  /*school  */

  /* computer */
  #school {
    padding-bottom: 100px;
  }
  #traning {
    padding-bottom: 100px;
  }
  #traning .item a {
    font-size: 25px;
  }

  /* computer */

  /* sewing */

  #Sewing .item a {
    font-size: 25px;
  }

  /* sewing */

  /* rickshaw */
  #rickshaw {
    padding: 100px 0;
  }

  #rickshaw .item a {
    font-size: 25px;
  }
  #rickshaw .img {
    width: 24%;
  }
  #rickshaw .img img {
    width: 100%;
  }
  #rickshaw .main {
    margin: 5px 10px;
  }
  /* rickshaw */

  /* drive */
  #driving {
    padding-bottom: 100px;
  }
  #driving .item a {
    font-size: 25px;
  }
  #driving .main .img {
    width: 32%;
  }
  #driving .main .img img {
    width: 100%;
  }
  #driving .main {
    margin: 0 10px;
  }
  /* drive */

  /* residence */

  #residence {
    padding-bottom: 100px;
  }
  #residence .item a {
    font-size: 25px;
  }
  #residence .main .img {
    width: 32%;
  }
  #residence .main .img img {
    width: 100%;
  }
  #residence .main {
    margin: 0 10px;
  }
  /* residence */

  /* english_program */

  #english_program {
    padding-bottom: 100px;
  }
  #english_program .item a {
    font-size: 25px;
  }
  #english_program .main .img {
    width: 32%;
  }
  #english_program .main .img img {
    width: 100%;
  }
  #english_program .main {
    margin: 0 10px;
  }
  /* english_program */

  /* scholarship */

  #scholarship {
    padding-bottom: 100px;
  }
  #scholarship .item a {
    font-size: 25px;
  }
  #scholarship .main .img {
    width: 32%;
  }
  #scholarship .main .img img {
    width: 100%;
  }
  #scholarship .main {
    margin: 0 10px;
  }

  /* scholarship */

  /* teacher_s_training */

  #teacher_s_training {
    padding-bottom: 100px;
  }
  #teacher_s_training .item a {
    font-size: 25px;
  }
  #teacher_s_training .main .img {
    width: 32%;
  }
  #teacher_s_training .main .img img {
    width: 100%;
  }
  #teacher_s_training .main {
    margin: 0 10px;
  }

  /* teacher_s_training */

  /* footer part start */
  .footer {
    padding: 100px 0;
  }

  .footer p {
    padding-bottom: 10px;
    font-size: 15px;
  }
  .footer .p_f_4 {
    margin-top: 10px;
  }

  .copy {
    font-size: 15px;
  }
  /* footer part end */
}

/* responsiv max-767.98 start here */

@media (min-width: 576px) and (max-width: 767.98px) {
  /* responsiv header part css start */
  .paragraph {
    font-size: 15px;
    margin-bottom: 35px;
    padding: 0 20px;
  }
  .contianer {
    width: 100%;
    margin: 0 auto;
  }

  .dropdown {
    top: 38px;
    left: -41px;
    width: 218px;
  }
  .dropdown li {
    margin: 1px 0;
    padding: 1px;
  }
  .header_top {
    padding: 20px 5px;
  }
  .header_top .logo {
    width: 10%;
    background-color: black;
  }
  .header_top .logo img {
    width: 100%;
  }

  .header_top_flex_container {
    display: flex;
  }
  .navbar {
    width: 65%;
    align-items: center;
    justify-content: center;
  }
  .navbar a {
    font-size: 65%;
    margin: 0 5px;
  }
  .button {
    width: 15%;
  }
  .button {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .read_more_button {
    padding: 5px 10px;
    border-radius: 10px;
    font-size: 12px;
  }
  /* responsiv header part css end  */

  /* banner start */

  .hero_section {
    padding: 165px 0;
  }

  .hero_section h2 {
    font-size: 38px;
  }

  /* banner end */

  /* info start */
  #info_ {
    padding: 50px 0;
  }

  #info_ .main_section_item_1 {
    font-size: 15px;
    padding-bottom: 30px;
  }
  #info_ .banck_account {
    margin: 0 20px;
  }

  #info_ .org {
    padding: 30px 20px;
    font-size: 15px;
  }
  /* info end*/

  /* school start */
  #school {
    padding-bottom: 50px;
  }
  #school .item a {
    font-size: 20px;
  }
  .colum_4 {
    display: flex;
    margin: 0 20px;
    justify-content: space-between;
  }
  .colum_4 img {
    width: 32%;
  }

  /* school end */

  /* computer start */
  #traning {
    padding-bottom: 50px;
  }
  #traning .item a {
    font-size: 15px;
  }

  /* computer end */

  /* sweing start */
  #Sewing .item a {
    font-size: 15px;
  }

  /* sweing end*/

  /* rickshaw start */
  #rickshaw {
    padding: 50px 0;
  }
  #rickshaw .item a {
    font-size: 15px;
  }
  #rickshaw .img {
    width: 24%;
  }
  #rickshaw .img img {
    width: 100%;
  }
  #rickshaw .main {
    margin: 5px 10px;
  }

  /* rickshaw end */

  /* driving start */
  #driving {
    padding-bottom: 50px;
  }
  #driving .item a {
    font-size: 15px;
  }
  #driving .main .img {
    width: 32%;
  }
  #driving .main .img img {
    width: 100%;
  }
  #driving .main {
    margin: 5px 10px;
  }

  /* driving end */

  /* residence start */
  #residence {
    padding-bottom: 50px;
  }
  #residence .item a {
    font-size: 15px;
  }
  #residence .main .img {
    width: 32%;
  }
  #residence .main .img img {
    width: 100%;
  }
  #residence .main {
    margin: 5px 10px;
  }

  /* residence end */

  /* english_program start */
  #english_program {
    padding-bottom: 50px;
  }
  #english_program .item a {
    font-size: 15px;
  }
  #english_program .main .img {
    width: 32%;
  }
  #english_program .main .img img {
    width: 100%;
  }
  #english_program .main {
    margin: 5px 10px;
  }

  /* english_program end */

  /* scholarship start */

  #scholarship {
    padding-bottom: 50px;
  }
  #scholarship .item a {
    font-size: 15px;
  }
  #scholarship .main .img {
    width: 32%;
  }
  #scholarship .main .img img {
    width: 100%;
  }
  #scholarship .main {
    margin: 5px 10px;
  }

  /* scholarship end */

  /* teacher_s_training start */
  #teacher_s_training {
    padding-bottom: 50px;
  }
  #teacher_s_training .item a {
    font-size: 15px;
  }
  #teacher_s_training .main .img {
    width: 32%;
  }
  #teacher_s_training .main .img img {
    width: 100%;
  }
  #teacher_s_training .main {
    margin: 5px 10px;
  }

  /* teacher_s_training end */

  /* footer part start */
  .footer {
    padding: 50px 0;
  }

  .footer p {
    padding-bottom: 10px;
    font-size: 12px;
  }
  .footer .p_f_4 {
    margin-top: 10px;
  }

  .copy {
    font-size: 10px;
  }
  /* footer part end */
}

/* responsiv max-575.98 start here */

@media (max-width: 575.98px) {
  /* responsiv header part css start */
 
  .mobile_toggle_icon {
    height: 50px;
    width: 100px;
    background-color: red;
  }
  .x {
    color: #ffffff;
    font-size: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .button {
visibility: hidden;
content-visibility: hidden;
}
  .contianer {
    width: 100%;
    margin: 0 auto;
  }

  .dropdown {
    top: 38px;
    left: -32px;
    width: 125px;
  }
  .dropdown li {
    margin: 1px 0;
    padding: 1px;
  }
  .header_top {
    padding: 5px 5px;
  }
  .header_top .logo {
    width: 10%;
    background-color: black;
  }
  .header_top .logo img {
    width: 100%;
  }

  .header_top_flex_container {
    display: flex;
  }
  .navbar {
    width: 90%;
    align-items: center;
    justify-content: center;
  }
  .button {
   display: block;
  }
  .navbar a {
    font-size: 52%;
    margin: 0 3px;
}

  .read_more_button {
    padding: 5px 10px;
    border-radius: 10px;
    font-size: 8px;
  }

  /* responsiv header part css end  */

  /* responsiv banner part css start  */  .hero_section {
    padding: 100px 0;
  }
  .hero_section h2 {
    font-size: 30px;
  }
  .hero_section .p_1 {
    font-size: 16px;
    text-align: center;
  }
  .p_2 {
    font-size: 11px;
    text-align: center;
  }

  /* responsiv banner part css end  */

  /* info start  */

  #info_ {
    padding: 20px 0;
  }
  #info_ .main_section_item_1 {
    margin: 0 10px;
    line-height: 20px;
    padding: 0 20px;
    text-align: left;
    font-size: 10px;
    background-color: #257c3b;
  }
  #info_ .org {
    padding: 10px 10px;
    background-color: #257c3b;
    line-height: 25px;
    text-align: justify;
    font-family: var(---noto_sans_font-family);
    font-size: 13px;
    color: #ffffff;
  }
  /* info end*/

  /* school start */
  #school {
    padding-bottom: 50px;
  }

  #school .item a {
    font-size: 12px;
  }
  #school .main_section_item_4 {
    margin-top: 25px;
  }
  #school .paragraph {
    font-size: 12px;
    margin-bottom: 41px;
  }

  #school .main_section_item_4 p {
    text-align: justify;
    padding: 0 10px;
    line-height: 25px;
  }

  .colum_4 {
    display: flex;
    flex-wrap: wrap;
    margin: 0 20px;
    justify-content: space-between;
    align-items: center;
  }
  .c_item {
    width: 400px;
    margin: 20px 0;
  }
  .c_item img {
    width: 100%;
  }
  /* .colum_4 img {
    width: 32%;
  } */
  /* school end */

  /* computer start */
  #traning {
    padding-bottom: 25px;
  }

  #traning .item a {
    font-size: 10px;
  }

  #traning .paragraph {
    margin-top: 25px;
  }

  .paragraph {
    font-size: 13px;
    margin-bottom: 20px;
  }

  /* computer end */

  /* sewing start */
  #Sewing .item a {
    font-size: 10px;
  }
  #Sewing .paragraph {
    margin-top: 25px;
  }
  /* sewing end */

  /* rickshaw start */

  #rickshaw {
    padding: 25px 0;
  }
  #rickshaw .item a {
    font-size: 10px;
    padding: 10px 20px;
  }
  #rickshaw .paragraph {
    margin-top: 25px;
  }
  #rickshaw .img {
    width: 400px;
    margin: 20px 0;
  }
  #rickshaw .img img {
    width: 100%;
  }
  #rickshaw .bottom {
    margin: 10px;
  }
  #rickshaw .main {
    margin: 0 10px;
    flex-wrap: wrap;
  }

  /* rickshaw end */

  /* driving srart */
  #driving {
    padding-bottom: 25px;
  }
  #driving .item a {
    font-size: 10px;
  }
  #driving .paragraph {
    margin-top: 25px;
  }
  #driving .main .img {
    width: 400px;
    margin: 20px 0;
  }
  #driving .main .img img {
    width: 100%;
  }
  #driving .main {
    margin: 0 10px;
    flex-wrap: wrap;
  }

  /* driving end*/

  /* residence start */
  #residence {
    padding-bottom: 25px;
  }
  #residence .item a {
    padding: 10px 19px;
    font-size: 10px;
  }

  #residence .paragraph {
    margin: 25px 10px 25px 10px;
  }
  #residence .main {
    margin: 10px;
  }
  #residence .main .img {
    width: 32%;
  }
  #residence .main .img img {
    width: 100%;
  }

  /* residence end*/

  /* english start*/
  #english_program {
    padding-bottom: 25px;
  }
  #english_program .item a {
    font-size: 10px;
  }
  #english_program .paragraph {
    margin-top: 25px;
  }
  #english_program .main {
    margin: 0 10px;
  }

  #english_program .main .img {
    width: 32%;
  }
  #english_program .main .img img {
    width: 100%;
  }
  /* english end*/

  /* scholarship  start*/
  #scholarship {
    padding-bottom: 25px;
  }
  #scholarship .item a {
    font-size: 10px;
  }
  #scholarship .paragraph {
    margin-top: 25px;
  }
  #scholarship .main {
    margin: 0 10px;
  }

  #scholarship .main .img {
    width: 32%;
  }
  #scholarship .main .img img {
    width: 100%;
  }

  /* scholarship  end*/

  /*teacher_s_training  start*/
  #teacher_s_training {
    padding-bottom: 25px;
  }
  #teacher_s_training .item a {
    font-size: 10px;
  }
  #teacher_s_training .paragraph {
    margin-top: 25px;
  }
  #teacher_s_training .main {
    margin: 0 10px;
  }

  #teacher_s_training .main .img {
    width: 32%;
  }
  #teacher_s_training .main .img img {
    width: 100%;
  }

  /* scholarship  end*/

  /* footer part start */
  .footer {
    padding: 50px 0;
  }

  .footer p {
    padding-bottom: 10px;
    font-size: 12px;
  }
  .footer .p_f_4 {
    margin-top: 10px;
  }

  .copy {
    font-size: 10px;
  }
  /* footer part end */
}
/* responsiv end */ 


