@media (min-width: 1400px)  {
  .container {
    width: 1200px;
    margin: 0 auto;
}

 }

@media (min-width: 1200px) and (max-width: 1399.98px) {

  .container {
    width: 1100px;
    margin: 0 auto;
}


 }
@media (min-width: 992px) and (max-width: 1199.98px) {

  .container {
    width: 992px;
    margin: 0 auto;
}
.dropdown {
	top: 38px;
	left: -66px;
	width: 301px;
}
.dropdown li {
  margin: 5px 0;
  padding: 1px;
}
.header_top {
    padding: 5px 5px;
}

.header_top .logo {
  width: 10%;
  background-color: black;
}
.header_top .logo img {
  width: 100%;
}


.navbar {
  width: 65%;
  align-items: center;
  justify-content: center;
}
.button {
  width: 15%;
}
.navbar a {
	font-size: 15px;
	margin: 0 7px;
}
.button {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .read_more_button {
    font-size: 13px;
  }
  .read_more_button {
    padding: 10px 26px;
    border-radius: 10px;
  }
/* responsiv header part css end  */

.box_1 {
	padding: 50px 0;
}
.box_1 a {

	font-size: 16px;
}
#member {
	padding: 20px 0;
}
.mangegment_img {
	margin: 10px 0;
}
.mangegment_img .item {
	margin: 0 5px;
}




 }
@media (min-width: 768px) and (max-width: 991.98px) {


  .container {
    width: 768px;
    margin: 0 auto;
}
.dropdown {
	top: 38px;
	left: -66px;
	width: 301px;
}
.dropdown li {
  margin: 5px 0;
  padding: 1px;
}
.header_top {
    padding: 5px 5px;
}

.header_top .logo {
  width: 10%;
  background-color: black;
}
.header_top .logo img {
  width: 100%;
}


.navbar {
  width: 65%;
  align-items: center;
  justify-content: center;
}
.button {
  width: 15%;
}
.navbar a {
	font-size: 90%;
	margin: 0 7px;
}
.button {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .read_more_button {
    font-size: 10px;
  }
  .read_more_button {
    padding: 5px 10px;
    border-radius: 10px;
}

/* responsiv header part css end  */

.box_1 {
	padding: 50px 0;
}
.box_1 a {

	font-size: 16px;
}
#member {
	padding: 20px 0;
}
.mangegment_img {

	margin: 10px 0;
}
.mangegment_img .item {
	margin: 0 5px;
}





 }


  /* responsiv max-767.98 start here */

@media (min-width: 576px) and (max-width: 767.98px) { 

  .container {
    width: 100%;
    margin: 0 auto;
}
.dropdown {
	top: 38px;
	left: -66px;
	width: 204px;
}
.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%;
}


.navbar {
  width: 65%;
  align-items: center;
  justify-content: center;
}
.button {
  width: 15%;
}
.navbar a {
	font-size: 61%;
	margin: 0 7px;
}
.button {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .read_more_button {
    font-size: 10px;
  }
  .read_more_button {
    padding: 5px 10px;
    border-radius: 10px;
}

/* responsiv header part css end  */

.box_1 {
	padding: 50px 0;
}
.box_1 a {

	font-size: 16px;
}
#member {
	padding: 20px 0;
}
.mangegment_img {

	margin: 10px 0;
}
.mangegment_img .item {
	margin: 0 5px;
}



}
  
  
  
  /* responsiv max-575.98 start here */
  
  @media (max-width: 575.98px) {
  
  
    /* responsiv header part css start */
  
    .container {
        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%;
    }
  
  
    .navbar {
      width: 65%;
      align-items: center;
      justify-content: center;
    }
    .button {
      width: 15%;
    }
  
    .navbar a {
      font-size: 38%;
      margin: 0 2px;
    }
    .button {
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .read_more_button {
        padding: 5px 5px;
        border-radius: 10px;
        font-size: 7px;
    }
  
    /* responsiv header part css end  */
    .box_1 a {
        font-size: 10px;
    }
    .box_1 {
        
        padding: 25px 0;
    }

    #member {
      padding: 5px 5px;
    }

    .mangegment_img .item p {
      padding: 5px 0;
      font-size: 8px;
    }
    .mangegment_img .item {
      margin: 0 3px;
    
    }
    .mangegment_img .item .name p {
      font-size: 7px;
    }
    .mangegment_img {
    
      margin: 5px 0;
    }
   


    #img-sect {
      padding: 20px 5px;
    }
    .footer p{
      font-size: 10px;
    }

    .footer {
      padding: 50px 0;
    }
  
  }




  /* responsiv end */
  