.notific p{font-size: 14px;
    font-weight: 500; color: #393939;opacity: 0.6;padding-left: 0px;padding-top: 0px;padding-bottom: 17px;}
.noti-octo, .noti-octo div {
    width: 84px;
    height: 85px;
}
div#blockfrndRequestlist {
  margin-top: 20px;
}

.notif-pad {
    margin-left: 21px;
}
.padding-not{margin-bottom: 60px;}
.padding-not h4 a{font-size: 18px;
    font-weight: 900;color: #2d3134;padding-top: 13px;
    display: block;}
.setting{background: #fff;padding: 25px 0px 20px 20px;}
/* The check-box */
.like-one {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 900;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #34495e;
  }
  a.hme.active h5 {
    color: #1c40c1;
}
  /* Hide the browser's default checkbox */
  .like-one input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  
  /* Create a custom checkbox */
  .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #34495e;
  }
  

input.settingBtn2 {
    background: #1c40c1;
    padding: 8px 34px;
    color: #fff;
    border: 0px;
    display: block;
    margin-top: 20px;
}
  
  /* On mouse-over, add a grey background color */
  /* .like-one:hover input ~ .checkmark {
    background-color: #ccc;
  } */
  
  /* When the checkbox is checked, add a blue background */
  .like-one input:checked ~ .checkmark {
    background-color: #1c40c1 ;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the checkmark when checked */
  .like-one input:checked ~ .checkmark:after {
    display: block;
  }
  
  /* Style the checkmark/indicator */
  .like-one .checkmark:after {
    left: 6px;
    top: 2px;
    width: 7px;
    height: 11px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .setting h1{font-size: 14px;padding-bottom: 7px;
    font-weight: 900;color: #000000;
  }
  .block-user {
    display: flex;
    position: relative;
    top: 26px;
    left: -15px;
}
.block-user h2{font-size: 18px !important;padding-bottom: 7px;
    font-weight: 900;color: #000000;}
    .block-all h3{font-size: 14px;
        font-weight: 500;color: #008ba3;text-align: end;
        position: relative;
        right: -27px;
        text-transform: uppercase;}
.unblock{margin-top: 15px;display: inline-block;padding: 10px 33px 10px 33px;background: #1c40c1;border: 2px solid#ff9a00;color: #fff;border-radius: 2px; font-size: 12px;font-weight: 900;}
.unblock:hover{color: #fff;}
.notific {
  padding-bottom: 20px;
}
.right-side-hed {
  margin-top: 3px;
}
  .pra-8 h2 {
    font-size: 17px !important;padding-top: 13px;}
    .pra-8 h3 {
      font-size: 13px !important;}

.setting-page{display: block !important;padding-bottom: 10px;}
.setting-left-mar{padding-left: 30px !important;}
@media (max-width: 767px) and (min-width: 281px) {
  .setting-left-mar {
    padding-left: 0px !important;
}
  .padding-not {
    padding: 0;
}
.setting h1 {
  font-size: 12px;}
.notif-pad {
  margin-left: 7px;
}
.like-one {font-size: 11px;}
.pra-8 h2 {
  font-size: 12px !important;}
.setting{padding: 25px 0px 20px 0px;justify-content: center;
  overflow: hidden;}
.notifiction-mobile{}
.img-post {
  display: block;}
  .unblock {padding: 10px 11px 10px 9px;
    margin-top: 7px;}
   .mobile-ch {
      position: relative;
     
  }
    .notific p{padding-top: 13px;text-align: center;width: 300px;
      padding-top: 15px;}
    .friend-octo {margin-right: 18px;}
    .block-user {}
    .home-calc .row{margin: 0;}
    .block-all h3{color: #000;}
    .privacy-mobile{margin-top: 20px;}
}

@media (min-width: 768px) and (max-width: 1024px) {
  .unblock {
   
    padding: 10px 8px 10px 8px;}
    .friend-octo {
     margin-left: 0px;}
  .notific {
      padding-left: 0;
  }

}