.advocacy_wrapper{
    width: 100%;
}

.patch_main{
    width: 100%;
    float: left;
}

.patch_main h6{
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    padding: 60px 5px 0px 5px;
}

.patch_main p{
    padding: 0px 10px 50px 10px;
    color: #fff;
    text-align: center;
    font-size: 15px;
}

.patch_inside{
    width: 33.33%;
    float: left;
    background:#D85C2D;
    min-height: 250px;
}

.bgone{
    background:#F45216;
}

.bgtwo{
    background:#FF713D;
}

/*Flag content*/
.flag{
    width: 100%;
    margin-top: 25px;
    display: flex;
    align-items: center;
}

.flag1{
    float: left;
    width: 35%;
    margin-right: 3%;
}

.flag1 img{
    width: 100%;
}

.flag2{
    float: left;
    width: 62%;
}

/*Key regulatory section start here*/
.key_regulatory{
    width: 100%;
    display: block;
}

.key_regulatory .container{
    display: block !important;
}

.key_regulatory h5{
    padding: 20px 0px 0px 0px;

}

/*Boxex section start here*/

.gray_box{
    width: 100%;
    margin-top: 20px;
}

.gray_box h6{
    padding: 20px 0px 0px 10px;
}

.gray_box p{
    padding: 10px 0px 0px 10px;
}

.gray_box1{
    width: 32%;
    float: left;
    background:#F5F5F5;
    border-radius: 5px;
}

.gray_box2{
    width: 32%;
    margin-left: 2%;
    margin-right: 2%;
    float: left;
    background: #F5F5F5;
    border-radius: 5px;
}

.gray_box3{
    width: 32%;
    float: left;
    background:#F5F5F5;
    border-radius: 5px;
}

.membership{
    width: 100%;
    margin-top: 20px;
}

.membership h3{
    font-weight: 400;
    font-size: 23px;
    padding: 1px 0px 5px 0px;
}

.membership button{
    margin-left: auto;
    margin-right: auto;
    display: block;
    background: none;
}

.membership button:hover{
  background-color:#C13D0C;
}

.membership p{
    font-weight: 300;
    padding: 0px 10px 5px 10px;
}

.membership1{
    width: 50%;
    float: left;
    background-color: #EB6837;
    min-height: 230px;
}

.membership2{
    width: 50%;
    float: left;
    background-color: #DA5321;
    min-height: 230px;
}

.border_bx{
    margin: 15px;
    border:1px dashed #FFFFFF;
    min-height: 230px;
    display: flex;
    align-items: center;
}

.position_div {
    width: 100%;
}

/**/
.benefits{
    width: 100%;
    margin-top: 25px;
}

.benefits img{
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 45px;
    padding: 10px 0px 10px 0px;
}

.benefits h4{
    padding: 5px 0px 5px 0px;
    font-size: 18px;
}

.benefits p{
    padding: 5px 12px 5px 12px;
    font-size: 15px;

}

.benefits_box1{
    width: 24.50%;
    float: left;
    min-height: 250px;
}

.benefits_box2{
    width: 24.50%;
    float: left;
    min-height: 250px;
}

.benefits_box3{
    width: 24.50%;
    float: left;
    min-height: 250px;
}

.benefits_box4{
    width: 24.50%;
    float: left;
    min-height: 250px;
}

.mr{
    border-right: 1px solid #DCDCDC;
}

.mt{
    border-top: 1px solid #DCDCDC;
}

.mb{
    border-bottom: 1px solid #DCDCDC;
}

.ml{
    border-left: 1px solid #DCDCDC;
}

/*fees structure*/

.fees{
    width: 100%;
    margin-top: 25px;
}

.fees button{
    margin: 15px 0px 30px 0px;
   margin-left: auto;
   margin-right: auto;
   display: block;

}

.benefits ul {
    list-style: inside;
}

.fees h4{
   padding: 30px 0px 10px 0px;
}

.fees1{
    width: 49%;
    float: left;
    margin-right: 1%;
    background: #F6F6F6;
    border: 1px dashed #919191;
    border-radius: 15px;
}

.fees2{
    width: 49%;
    float: left;
    margin-left: 1%;
    background: #F6F6F6;
    border: 1px dashed #919191;
    border-radius: 15px;
}

/*Applictaion Process*/
.application_process{
    width: 100%;
}

.application_process ul{
    margin-top: 25px;
}

@media only screen and (max-width: 1230px) {
    .benefits_box1, .benefits_box2, .benefits_box3, .benefits_box4 {
    min-height: 280px;
  }
}

@media only screen and (max-width: 1060px) {
    .benefits_box1, .benefits_box2, .benefits_box3, .benefits_box4 {
    min-height: 290px;
  }
}

@media only screen and (max-width: 950px) {
      .benefits_box1, .benefits_box2, .benefits_box3, .benefits_box4 {
      min-height: 310px;
      }

      .membership1 {
      width: 100%;
      min-height: 210px;
      }

      .membership2 {
      width: 100%;
      min-height: 210px;
      margin-top: 30px;
      margin-bottom: 35px;
      }

      .membership h3 {
      font-weight: 400;
      font-size: 20px;
      padding: 1px 0px 5px 0px;
    }

    .benefits_box1, .benefits_box2, .benefits_box3, .benefits_box4  {
      width: 49.5%;
      min-height: 222px;
    }

    .benefits_box2{
        border-right: 0px;
    }

    .bb{
        border-bottom: 1px solid #DCDCDC;
    }

    .fees1 {
      width: 100%;
    }

    .fees2 {
      width: 100%;
      margin-left: 0px;
      margin-top: 25px;
    }

}

@media only screen and (max-width: 755px) {
    .benefits_box1, .benefits_box2, .benefits_box3, .benefits_box4  {
      width: 100%;
      min-height: 180px;
      border-right: 0px;
    }

    .benefits {
      margin-top: 5px;
    }

    .benefits.mt100.mb100 {
      margin-bottom: 30px;
    }

}

@media only screen and (max-width: 500px) {
    .border_bx {
      margin: 10px;
    }

    .membership p {
      padding: 0px 10px 0px 10px;
    }

    .membership h3 {
    padding: 15px 0px 5px 0px;
    }

    .border_bx {
    min-height: 270px;
    }

    .benefits ul {
      padding: 3px;
      font-size: 14px;
    }

    .fees h4 {
      padding: 20px 0px 0px 0px;
    }

    .fees button {
      margin-bottom: 20px;
    }

    .fees1{
        border-radius: 5px;
    }

    .fees{
        border-radius: 5px;
    }
}