@media (max-width:1199px){
    .latest-team .latest-team-a {
        padding: 15px 10px 15px 13px;
    }
    .latest-team .latest-team-b {
        margin-left: 100px;
        padding: 15px 13px 15px 10px;
    }
    .myfeeds .panel-body img {
    margin-top: 0px;
   /* max-width: 100%;***/
    height: auto;
    }
}
@media  (min-width:812px) {
 .authfy-panel-left {
  height:100%
 }

.col-xs-12.col-sm-12.col-md-5.col-lg-4.authfy-panel-left {
    background-color: 002f50;
    height: auto;
}
.login.text-center.active {
    margin: 0px;

    width: 50px;
    text-align: center;
    margin: 10px 0 0 55px;
}
.col-xs-2.col-sm-1 {
    width: 8%;
}
.authfy-login {
    width: 70%;
    margin: 1px auto;
}
.authfy-panel-left {
  max-width: 500px;
}
}
@media (min-width:834px) {
 .authfy-panel-left {
  height:100vh
 }
}
@media (min-width:846px) {
 .authfy-panel-left {
  height:100%
 }
}
@media (min-width:849px) {
 .authfy-panel-left {
  height:100vh
 }
}


@media (min-width:896px) and (max-width:960px) {
 .authfy-panel-left {
  height:100%
 }
 .col-xs-12.col-sm-12.col-md-5.col-lg-4.authfy-panel-left {
    background-color: 002f50;
    height: auto;
}
}



@media (min-width:601px) and (max-width:767px) {
 .authfy-panel-left {
  height:100%
 }

.col-xs-12.col-sm-12.col-md-5.col-lg-4.authfy-panel-left {
    background-color: 002f50;
    height: auto;
}
}
@media (min-width:414px) and (max-width:767px) {
 .authfy-panel-left {
  height:100%
 }

.col-xs-2.col-sm-1 {
    width: 16% !important;
}


.col-xs-12.col-sm-4.pt-75 {
    padding-left:75px !important;
}
.col-xs-12.col-sm-12.col-md-5.col-lg-4.authfy-panel-left {
    background-color: 002f50;
    height: auto;
}
}
@media (min-width:736px)  {
 .authfy-panel-left {
  height:100%
 }
 p.auth-title {
  color: #fff;
  padding-bottom: 18px;
}
.col-xs-2.col-sm-1 {
    width: 16% !important;
}
.col-xs-2.col-sm-1 {
    width: 16% !important;
}
.img-1 {
  width: 47px;
  text-align: center;
  margin: 0 !important;
}
.col-xs-12.col-sm-12.col-md-5.col-lg-4.authfy-panel-left {
    background-color: 002f50;
    height: auto;
}
}


@media (min-width:375px) and (max-width:667px) {
 .authfy-panel-left {
  height:100%
 }


.col-xs-12.col-sm-4.pt-75 {
    padding-left: 54px;
}
}
@media (min-width:375px) and (max-width:808px) {
 .authfy-panel-left {
  height:100%
 }
 .authfy-panel {
    padding: 0 133px;
}

login.text-center.active {
    margin: 0px !important;
}

.authfy-panel-right .hero-heading .headline h1, .authfy-panel-right .hero-heading .headline h2, .authfy-panel-right .hero-heading .headline h3 {
    color: #fff;
    font-size: 48px;
    font-weight: 700;
}

}
@media (min-width:320px) and (max-width:600px) {
 .authfy-panel-left {
  height:100vh
 }
 .col-xs-12.col-sm-4.pt-75 {
    padding-left: 30px;
}

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

 .authfy-panel {
  padding:0 0px
 }
}
@media screen and (min-width:533px) and (max-width:568px) {
 .authfy-panel-left {
  height:100%
 }
}
@media (max-width:320px) {
 .authfy-panel-left {
  height:100%
 }
 .remember-row .col-sm-6 {
  width:100%
 }
 .authfy-login .forgotPwd {
  text-align:left;
  margin-top:0
 }

}

      /*for user profile Seeting Page Media Query css Start*/
      @media (max-width: 992px) and (min-width: 768px)
              {
                #middle-profile {
                    float: left;
                    margin-left: 110px;
                    width: 85%;
                    top: -22px;
                  }
                }

       @media (min-width: 992px)
       {
              .profile-usertitle-job:after {
                content: " ";
                position: absolute;
                height: 4px;
                width: 4px;
                top: 19px;
                right: 0;
                left: 86px;
                background: #4CAF50;
                border-radius: 50%;
            }
       }
       @media (max-width:767px) and (min-width: 320px)
        { 
          .border-full {
               border-bottom: 1px solid #f1f2f3;
              }
         .profile-usertitle-name {
          color: #fdfcfc;
          font-size: 15px;
          font-weight: 600;
          margin-bottom: 0px;
           }
           .profile-usertitle-job {
            color: #f8f8f9;
            font-size: 11px;
            margin-bottom: 3px;
            }

            #sidenav1 .profile-s-left-panel ul li a {
                color: #f2f3f5;
                font-size: 14px;
                border-bottom: none;
                text-decoration: none;
                display: block;
                font-weight: 500;
                max-width: 100%;
                padding-bottom: 3px;
                margin-bottom: 4px;
                }

                .profile-usertitle .border {
                    border-bottom: 1px solid #aeb2b52b;
                    width: 34%;
                    margin-bottom: 14px;
                     }
                     .mobile-border{border-top: 1px solid grey;}
                     #sidenav1 .profile-s-left-panel .panel-heading {
                      color: #002f50;
                      background-color: #eaeaea;
                      border-color: #eaeaea;
                      font-size: 15px;
                      font-weight: 500;
                      border-radius: 0;
                      margin-bottom: 0px;
                      padding: 6px 0px;
                  }
         }

     @media (max-width:767px)
        {
        .profile_Setting-forms h4{text-align: left;}
        .profile_Setting-forms .form-horizontal .Update_profile_check label {
        background-color: #f3f1f1;
        border-radius: 5px;
        padding: 1px 12px;
        text-align: left!important;
        }
        .profile_Setting-forms .form-horizontal .Update_profile_check {
        background-color: #f3f1f1;
        border-radius: 5px;
        padding: 4px 0px!important;
        text-align: justify;
        }
        .profile-usertitle-job:after {
          content: " ";
          position: absolute;
          height: 6px;
          width: 6px;
          top: 26px;
          left: 92px;
          background: #4CAF50;
          border-radius: 50%;
      }
          .border {
          border-bottom: 1px solid #cac4c4;
          width: 100%;
          margin-bottom: 0px;
          display: none;
         }
          .profile-usertitle .border {
          border-bottom: 1px solid #cac4c4;
          width: 100%;
          margin-bottom: 14px;
      }
      #sidenav1 .profile-s-left-panel .panel-heading svg {
          float: right;
          margin-top: 5px;
          margin-right: 5px;
      }
        }
       
   
    @media (max-width: 992px)
    {
      .profile_Setting-forms .responsive-table .Delete-account
       {
        margin: -18px;
        text-align: left;
        color: #002f50;
       }
       .profile_Setting-forms .responsive-table .Delete-align{text-align: right;}
       .profile_Setting-forms .form-horizontal textarea {
          max-height: 40px;
          height: 40px;
          max-width: 100%;
          overflow: hidden;
          font-size: 11px;
      }
     }
    /*  @media (max-width: 991px)
      {
        .profile_Setting-forms  .checkmark input[type="checkbox"]  
         {
          margin: 0 5px 0 12px;
         }
        .profile_Setting-forms  .checkmark label {
            display: contents;
            max-width: 100%;
            margin-bottom: 5px;
            font-weight: 400;
        }
        .profile_Setting-forms  .checkmark h4{text-align: right;}
        
      }*/
      @media (max-width:992px) and (min-width: 768px)
      {
        .profile-usertitle-job:after {
          content: " ";
          position: absolute;
          height: 4px;
          width: 4px;
          top: 88px;
          left: 85px;
          background: #4CAF50;
          border-radius: 50%;
          }
          .profile-usertitle {
            text-align: left;
            margin-top: 20px;
            margin: 13px;
            margin-top: 83px;
            }
          .border {
          border-bottom: 1px solid #cac4c4;
          width: 100%;
          margin-bottom: 0px;
         }
         .profile-usertitle .border {
          border-bottom: 1px solid #cac4c4;
          width: 100%;
          margin-bottom: 14px;
         }
         .profile_Setting-forms .form-horizontal textarea
        {
        max-height: 40px;
        height: 40px;
        max-width: 712px;
        overflow: hidden;
        }
        .profile_Setting-forms h4 {
          font-size: 14px;
          text-align: left;
          }
          .text-sm-left{text-align: left!important;}
          .myfeeds .message_conatiner {
            height: auto;
            float: left;
             background: none; 
            width: 100%;
            /* box-shadow: 0 -0.5px 0 #e3e5e6; */
            padding-top: 0px;
            margin-top: -5px;
            margin-left: -16px;
            border-top: 1px solid #eaeaea;
            }
            .right_bar_desktop_birthday .user_birthday .img {
              background-image: url(../../images/birthday.png);
              display:inline-block;
             }

            }
       
      /*for user profile Seeting Page Media Query css End*/


      /* for my feeds box top right side bar dropdown css Start*/

     @media (max-width:991px) and (min-width:768px)
     {
      .myfeeds .dropdown-menu {
      position: absolute;
      top: 100%;
      left: auto;
      right: 0;
      z-index: 1000;
      display: none;
      float: left;
      min-width: 128px;
      padding: 5px 0;
      margin: 2px 0 0;
      font-size: 14px;
      text-align: left;
      list-style: none;
      background-color: #fff;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border: 1px solid #ccc;
      border: 1px solid rgba(0,0,0,.15);
      border-radius: 4px;
      -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
      box-shadow: 0 6px 12px rgba(0,0,0,.175);
   }

     }
     @media (max-width:768px) and (min-width: 320px)
     {
      .myfeeds .dropdown-menu {
      position: absolute;
      top: 100%;
      left: auto;
      right: 0px;
      z-index: 1000;
      display: none;
      float: left;
      min-width: 124px;
      padding: 5px 0;
      margin: 2px 0 0;
      font-size: 14px;
      text-align: left;
      list-style: none;
      background-color: #fff;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border: 1px solid #ccc;
      border: 1px solid rgba(0,0,0,.15);
      border-radius: 10px;
      -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
      box-shadow: 0 6px 12px rgba(0,0,0,.175);
   }     
   .myfeeds .comment-section-popup span {
    display: flex;
    width: 50px;
    font-size: 12px;
    cursor: pointer;
    }
     }

     @media (max-width: 320px)
     {
      .myfeeds .dropdown-menu {
          position: absolute;
          top: 100%;
          left: 0px;
          right: 0px;
          z-index: 1000;
          display: none;
          float: left;
          min-width: 113px;
          padding: 5px 0;
          margin: 2px 0 0;
          font-size: 14px;
          text-align: left;
          list-style: none;
          background-color: #fff;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          border: 1px solid #ccc;
          border: 1px solid rgba(0,0,0,.15);
          border-radius: 4px;
          -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
          box-shadow: 0 6px 12px rgba(0,0,0,.175);
      }
     }
      /* for my feeds box top right side bar dropdown css End*/


      /* my feeds country-view css start*/
      @media (max-width: 1023px)
      {
        .profile-Setti-h-menu .profile-h-menu
        {  
          position: absolute;
          text-align: right;
          margin: -7px 60px;
          /* padding: 0px 35px; */
          padding-left: 74px;
          color: #fff;
          font-size: 20px;
          font-weight: 500;
        }
        .myfeeds .message_conatiner .list_conatiner li {
          display: inline-block;
          padding: 2px 2%;
          cursor: pointer;
          text-align: center;
         }
         /*.video-responsive {
          margin-bottom: 8px;
          margin-bottom: 69.25%!important;
          }*/
        .dropup-content {
        display: none;
        position: absolute;
        background-color: #f1f1f1;
        min-width: 123px;
        height: 158px;
        bottom: 28px;
        left: -13px;
        z-index: 1;
        border-radius: 5px;
        }
        .myfeeds .panel-body ul {
          list-style: none;
          width: 100%;
          text-align: right;
          border-radius: 6px;
          padding: 0 0px;
           }
       }
    
      @media (max-width: 1280px)
      {
        .profile-Setti-h-menu .profile-h-menu {
          position: absolute;
          text-align: right;
          margin: -7px 50px;
          /* padding: 0px 35px; */
          padding-left: 74px;
          color: #fff;
          font-size: 20px;
          font-weight: 500;
        }
      }
      @media (max-width: 991px)
      {
        .profile-Setti-h-menu .profile-h-menu {
          position: absolute;
          text-align: right;
          margin: -7px 16;
          /* padding: 0px 35px; */
          padding-right: 0;
          color: #fff;
          font-size: 20px;
          font-weight: 500;
         }
      }

       @media (max-width: 768px)
      {
        .profile-Setti-h-menu .profile-h-menu {
          position: absolute;
          text-align: right;
          margin: -7px 15;
          /* padding: 0px 35px; */
          padding-right: 0;
          color: #fff;
          font-size: 20px;
          font-weight: 500;
         }
      }

      @media (max-width: 991px)
      {
       .country-view img {width: 100px;}
       .country-view .dropup-content img {width: 100%!important;}
       .share-btn .dropbtn img {width: 100%;}
       .country-view .like_btn img {width:max-content;}
       .country-view .like_btn .cntry {width: auto!important;}
      }
          @media(max-width: 992px)
          {
            /*.padding_right_zero {
            position: -webkit-sticky;
            position: sticky;
            width: 100%;
            max-width: 100%;
            padding-left: 0px;
            }
            .container_main.bootstap_padding_manage {
              width: 100%;
              max-width: 100%;
              flex: auto;
              min-height: 1300px;
          }
          .padding_left_zero {
              width: 100%;
          }
          .profile_setting_zero {
              width: 100%;
          }*/
          .myfeeds .message_conatiner .list_conatiner li {
              display: inline-block;
              padding: 2px 1%;
              cursor: pointer;
              text-align: center;
            }
            .myfeeds .message_conatiner .list_conatiner .share-btn {
              width: 1;
            }
            .border-full {
               border-bottom: 1px solid #f1f2f3;
              }
              .country-view p {
                font-size: 13px;
                text-align: center;
                font-weight: 500;
                color: #002f50;
               }
               .profile-h-right-bar ul li {
                display: inline-block;
                margin-left: 12px;
               }
        }

        @media (max-width: 520px) and (min-width: 320px)
          {
            .country-view .ctry-table-2-inner-2 ul li img {
              width: 14%;
              height: auto;
              margin-top: -6px;
              }
              .country-view .ctry-table-2-inner-2 ul li {
              color: #2d385e;
              font-size: 14px;
              margin-left: -19px;
              }
              .country-view .ctry-table-inner-1 ul li {
              color: #2d385e;
              font-size: 14px;
              margin-right: 9px;
              }
              .video-responsive {
                margin-bottom: 8px;
                margin-bottom: 75.25%!important;
               }
               .myfeeds .panel-body ul {
                list-style: none;
                width: 100%;
                text-align: center;
                border-radius: 6px;
                padding: 0 0px;
               }
            }
            
            @media (max-width: 767px) and (min-width: 520px)
            {
              .myfeeds .message_conatiner .list_conatiner li {
                  display: inline-block;
                  padding: 2px 2%;
                  cursor: pointer;
                  text-align: center;
              }
            }
            @media (max-width: 431px)
            {
              .myfeeds .message_conatiner .list_conatiner li {
                  display: inline-block;
                  padding: 2px 0%;
                  cursor: pointer;
                  text-align: center;
               }
            }
       /*   @media (max-width: 805px) and (min-width: 520px)*/

          @media (max-width: 805px) and (min-width: 768px)
          {
            .myfeeds .message_conatiner .list_conatiner .share-btn {
             width: 1;
            }
            .myfeeds .message_conatiner .list_conatiner li {
              display: inline-block;
              padding: 2px 1%;
              cursor: pointer;
              text-align: center;
              }
              .right_bar_Post-follow .right_fallow-btn a {
                font-size: 8px;
                display: inline-block;
                text-decoration: none;
                padding: 2px 2px;
                border: 1px solid #d5d5d5;
                border-radius: 4px;
                line-height: 100%;
                margin-top: 10px;
               }
           }

          @media (max-width: 1366px) and (min-width: 1024px)
          {
            .right_bar_Post-follow .right_fallow-btn a{
              font-size: 10px;
              display: inline-block;
              text-decoration: none;
              padding: 3px 2px;
              border: 1px solid #d5d5d5;
              border-radius: 4px;
              /* margin-right: -5px; */
              line-height: 100%;
              margin-top: 10px;
             }
          }
          @media (max-width: 767px) and (min-width: 520px)
          {
            .country-view .ctry-table-2-inner-2 ul li img {
              width: 8%;
              height: auto;
              margin-top: -6px;
              }
              .country-view .ctry-table-2-inner-2 ul li {
              color: #2d385e;
              font-size: 14px;
              margin-left: -16px;
              }
          }
          @media (max-width: 992px) and (min-width: 768px)
          {
            .country-view .ctry-table-2-inner-2 ul li {
              color: #2d385e;
              font-size: 14px;
              margin-left: -18px;
               }
              .country-view .ctry-table-2-inner-2 ul li img {
              width: 11%;
              height: auto;
              margin-top: -6px;
               }
          }
       
       @media (max-width: 992px)
       {
        .inner .container {
           margin-left: 0px;
          }
       }


       
        @media (max-width:767px) and (min-width: 320px)
        {
          #left {
          position:;
          float:none;
          top:0;
           }

          #middle {
              float: none;
              margin-left: 0px;
              }

          #right {
              overflow-x: hidden;
              float: none;
          }
          .dropbtn img {
          width: max-content;
          }
          .myfeeds .Post-follow .fallow-btn a {
            font-size: 12px;
            display: inline-block;
            text-decoration: none;
            padding: 3px 6px;
            border: 1px solid #002f50;
            border-radius: 2px;
            margin-right: 20px;
            line-height: 100%;
            color: #002f50;
            margin-top: 7px;
            }
            .myfeeds .see_more {
            padding: 0px 33px;
            font-size: 12px;
            text-decoration: none;
            text-align: right;
            }
          
        }

       
        @media (max-width:992px) and (min-width: 768px)
          {

          #left {
          position:fixed;
          float:left;
          top:0;
           }

          #middle {
              float: left;
              margin-left: 110px;
              }

          #right {
              overflow-x: hidden;
              float: right;
          }
          .right_bar_desktop_birthday .user_birthday_fallow p a {
            font-size: 10px;
            padding: 0px 3px;
            font-weight: 400;
            color: #2196F3;
            border: 1px solid #d5d5d5;
            text-decoration: none;
            }
            .right_bar_desktop_birthday .user_birthday h4 {
              display: block;
              font-size: 12px;
              padding-top: 7px;
               }
          .right_bar_desktop_birthday {
          position: relative;
          /*padding: 20px;*/
          height: 140px;
          background-color: #fff;
          border-radius: 5px;
          margin-bottom: 16px;
         }
         .right_bar_desktop_fallow {
          position: relative;
          padding: 4px;
          /* height: 63%; */
          background-color: #fff;
          border-radius: 5px;
          margin-bottom: 16px;
          }
          .right_bar_desktop_fallow .user_name_title a {
            color: #002f50;
            font-weight: 500;
            display: block;
            margin-left: 33px;
            font-size: 9px;
            margin-top: -28px;
            text-decoration: none;
           }
           .right_bar_Post-follow .right_fallow-btn a {
            font-size: 9px;
            display: inline-block;
            text-decoration: none;
            /* padding: 2px 7px; */
            border: 1px solid #d5d5d5;
            border-radius: 4px;
            margin-right: -1px;
            line-height: 100%;
            margin-top: 10px;
            }
           .right_bar_desktop_fallow .user_title h4 {
            font-size: 12px!important;
            }
            .right_bar_desktop_fallow .user_next a {
             font-size: 9px;
            }
             .right_bar_desktop_fallow .user_name_title span {
              font-size: 8px;
              display: block;
              margin-left: 33px;
              margin-top: 0px;
              line-height: 1.2;
          }
          .right_bar_desktop_birthday h5 {
            font-size: 12px;
            padding-top: 0px;
            margin-bottom: 3px;
          }
          .country-view .center-margin {
            margin-top: 78px;
             }
             .dropbtn img {
            width: auto;
           }
           .right_bar_desktop_fallow .user_fallow img {
              margin-top: 3px;
              width: 30px;
              height: 30px;
            }
         }


/*---------------media query----------*/
       /*@media (max-width: 991px) and (min-width: 568px)
        {
        .video-responsive {
        margin-bottom: 8px;
        margin-bottom: 60.25%!important;
         }
        }
        @media (max-width: 768px) and (min-width: 360px)
        {
        .video-responsive {
        margin-bottom: 8px;
        margin-bottom: 64.25%!important;
         }
        }
      @media (max-width: 411px) and (min-width: 731px)
      {
          .video-responsive {
          margin-bottom: 8px;
          margin-bottom: 76.25%!important;
          }
       }

       @media (max-width: 768px) and (min-width: 360px)
      {
          .video-responsive {
          margin-bottom: 8px;
          margin-bottom: 61.25%!important;
          }
       }

       @media (max-width: 425px) and (min-width: 360px)
      {
          .video-responsive {
          margin-bottom: 8px;
          margin-bottom: 74.25%!important;
          }
       }
*/      

      /* my feeds country-view css end*/

     @media (max-width: 768px) and (min-width: 768px)
      {
      .video-responsive {
          margin-bottom: 8px;
          margin-bottom: 68.25%!important;
      }
      .myfeeds .message_text_input_style-2 {
        margin-left: 1;
        overflow-y: hidden;
        min-height: 37px;
        background-color: #f1f1f1;
        width: 98%;
        padding: 9px;
        resize: none;
        margin-top: 12px;
        border-radius: 15px;
        font-size: 12px;
    }
    
    }
      @media (max-width: 320px) and (min-width: 320px)
      {
      .video-responsive {
          margin-bottom: 8px;
          margin-bottom: 80.25%!important;
      }
      .myfeeds .message_conatiner .list_conatiner li {
            display: inline-block;
            padding: 2px 4%;
            cursor: pointer;
            text-align: center;
        }
    }

      @media (max-width: 767px) and (min-width: 320px)
      {
        .myfeeds .message_text_input_style {
        margin-left: 1;
        overflow-y: hidden;
        min-height: 37px;
        background-color: #f1f1f1;
        width: 98%;
        padding: 9px;
        resize: none;
        border-radius: 15px;
        font-size: 12px;
        margin-top: 13px!important;
     }
     .myfeeds .comment_text_parent-1 {
       margin-top: 60px;
     }
      }



      /*live updated media query Start*/
      @media (max-width: 768px)
      {
       
      }
      @media (max-width: 360px)
      {
        .live_updates .select_date .list-inline li a {
          padding: 3px 0px;
          border-radius: 6px;
          color: #002f50;
          font-size: 12px;
         }
      }
      /*live updated media query Start*/



      /*for right side_bar css start*/

        @media (max-width: 768px)
        {
          .right_bar_desktop_search .search-form {
            margin-bottom: 8px;
            }
          .right_bar_desktop_birthday {
          position: relative;
          padding: 4px;
          height: 118px;
          background-color: #fff;
          border-radius: 5px;
          margin-bottom: 8px;
          }
          .right_bar_desktop_birthday .user_birthday .img {
          background-image: url(../../images/birthday.png);
          width: 33px;
          height: 33px;
          float: left;
         }
          .right_bar_desktop_birthday .user_birthday {
            width: 60%;
            height: auto;
             }
          .right_bar_desktop_birthday .user_birthday_fallow {
            width: 100%;
            height: auto;
            margin-top: -25px;
            }
          .right_bar_desktop_birthday .user_birthday_fallow p a {
          font-size: 9px;
          padding: 0px 0px;
          font-weight: 400;
          color: #2196F3;
          border: 1px solid #d5d5d5;
          text-decoration: none;
          } 
          .right_bar_desktop_birthday .user_birthday .img {
          background-image: url(../../images/birthday.png);
          /*width: 30px;
          height: 30px;*/
          display: block;
          }
          .right_bar_desktop_fallow {
            position: relative;
            padding: 4px;
            /* height: 60%; */
            background-color: #fff;
            border-radius: 5px;
            margin-bottom: 8px;
           }
           .right_bar_desktop_fallow2 {
            position: relative;
            padding: 4px;
            /* height: 67%!important; */
            background-color: #fff;
            border-radius: 5px;
            margin-bottom: 16px;
            }
           .right_bar_desktop_fallow .user_name_title a {
            color: #002f50;
            font-weight: 500;
            display: block;
            margin-left: 32px;
            font-size: 9px;
            margin-top: -29px;
            text-decoration: none;
            }
            .right_bar_desktop_fallow .user_name_title span {
              font-size: 8px;
              display: block;
              margin-left: 32px;
              margin-top: 0px;
              line-height: 1.2;
             }
             .right_bar_desktop_fallow .user_next a {
              font-size: 8px;
              }
              .right_bar_Post-follow .right_fallow-btn a {
                font-size: 9px;
                display: inline-block;
                text-decoration: none;
                padding: 2px 2px;
                border: 1px solid #d5d5d5;
                border-radius: 4px;
                line-height: 100%;
                margin-left: -8px;
                margin-top: 10px;
                  }
                  .side_footer a {
                  font-size: 9px!important;
                  color: #002f50;
                  line-height: 1.2;
                  }
                }
                .right_bar_desktop_fallow .user_title h4 {
                  font-size: 14px;
                   }
              /*.right_bar_desktop_fallow .user_fallow img {
              margin-top: 3px;
              width: 30px;
              height: 30px;
             }*/
             .right_bar_desktop_fallow span a {
              font-size: 10px;
              float: right;
              }
              .myfeeds .comment_text_parent-1 {
                margin-top: 36px;
               }
               .side_footer a {
                font-size: 10px;
                color: #002f50;
                line-height: 1.2;
                }
                .right_bar_desktop_birthday span a {
                  font-size: 10px;
                  float: right;
                  margin-right: 14px;
                }
              }

            @media (max-width: 1280px) and (min-width: 1025px)
              {
                #middle {
                float: left;
                margin-left: 135px;
                }
              }
              @media (max-width: 767px)
              {
                .container_main.bootstap_padding_manage {
                  width: 100%; 
                  max-width: 100%;
                  flex: auto;
                  min-height: 1300px;
                 }
                 .padding_right_zero {
                  position: -webkit-sticky;
                  position: sticky;
                  width: 27%;
                  padding-left: 0px;
                  max-width: 33%;
                  }
              }

              @media (max-width: 1280px) and (min-width: 1280px)
              {
                #middle {
                float: left;
                margin-left: 138px;
               }
              }

              @media (max-width: 1280px) and (min-width: 993px)
              {
                .right_bar_desktop_birthday {
                    position: relative;
                    /* padding: 20px; */
                    height: 107px;
                    background-color: #fff;
                    border-radius: 5px;
                    margin-bottom: 16px;
                }
                .right_bar_Post-follow .right_fallow-btn a {
                  font-size: 10px;
                  display: inline-block;
                  text-decoration: none;
                  /* padding: 2px 7px; */
                  border: 1px solid #d5d5d5;
                  border-radius: 4px;
                  margin-right: -7;
                  line-height: 100%;
                  margin-top: 10px;
                }
                .profile-h-right-bar ul li {
                    display: inline-block;
                    margin-left: 16px;
                    }
                }
            @media (max-width: 1280px) and (min-width: 1280px)
            {
              .myfeeds .message_conatiner .list_conatiner li {
                      display: inline-block;
                      padding: 2px 20px;
                      cursor: pointer;
                       }
            }

              @media (max-width: 800px)
              {
                .right_bar_desktop_birthday {
                    position: relative;
                    /* padding: 20px; */
                    height: 150px;
                    background-color: #fff;
                    border-radius: 5px;
                    margin-bottom: 16px;
                }
                .right_bar_Post-follow .right_fallow-btn a {
                  font-size: 9px;
                  display: inline-block;
                  text-decoration: none;
                  /* padding: 2px 7px; */
                  border: 1px solid #d5d5d5;
                  border-radius: 4px;
                  margin-right: -7;
                  line-height: 100%;
                  margin-top: 10px;
                }
              }



      /*for right side_bar css start*/


      /*user profile page css start*/
      @media (max-width: 767px)
      {
        .user_profile-body {
        max-width: 100%;
        width: 100%;
        flex: 0 0 85%;
        margin-top: 7px;
        }
        .user_profile {
          max-width: 100%; 
          width: 100%;
          flex: 0 0 83%;
          margin-top: 7px;
      }
     .user_profile #profile-pic {
      width: 50px;
      height: 50px;
      border-radius: 3px;
      margin-bottom: 28px;
      overflow: hidden;
      }
      .user_profile #edit-u-name {
      position: absolute;
      bottom: 156px;
      left: 36px;
      color: #fff;
      font-size: 36px;
      font-weight: bold;
      box-shadow: 1px -1px 19px 0px grey;
      background-color: #80808057;
     }
     .user_profile #profile-d {
        position: absolute;
        left: 15px;
        top: 8px;
        right: 0px;
        height: 180px;
      }
      .user_profile #m-btns {
        position: absolute;
        right: 25px;
        bottom: 156px;
        width: 83px;
       }
       .user_profile .user_profile_btn .list-inline li {
          padding: 3px 5px;
          margin-left: 1px;
          width: calc(90% / 5);
         }
         .user_profile .user_profile_btn .list-inline .save-btn {
          font-weight: 500;
          min-width: 138px;
          height: 32px;
          font-size: 12px;
          background-color: #002f50;
          border-radius: 10px;
        }
        .user-p-disc .p-head h4
        {
          font-size: 14px;
        }
        .user-p-disc .p-disc p {
         font-size: 12px;
         color: #002f50;
         line-height: 1.4;
         }
      }

      @media (max-width: 425px) and (min-width: 376px)
      {
         .user_profile .user_profile_btn .list-inline .save-btn {
          font-weight: 500;
          min-width: 120px;
          height: 30px;
          font-size: 10px;
          font-size: 10px;
          background-color: #002f50;
          border-radius: 10px;
      }
      .user_profile .user_profile_btn .list-inline li {
          padding: 4px 2px!important;
          margin-left: 4px;
          width: auto;
      }
    }
    @media (max-width: 375px) and (min-width: 321px)
    {
      .user_profile .user_profile_btn .list-inline .save-btn {
          font-weight: 500;
          min-width: 102px;
          height: 30px;
          font-size: 10px;
          font-size: 10px;
          background-color: #002f50;
          border-radius: 10px;
         }
         .user_profile .user_profile_btn .list-inline li {
          padding: 8px 2px!important;
          margin-left: 4px;
          width: auto;
        }
      }
    @media (max-width: 320px) and (min-width: 320px)
      {
         .user_profile .user_profile_btn .list-inline .save-btn {
          font-weight: 500;
          min-width: 80px;
          height: 30px;
          font-size: 10px;
          font-size: 10px;
          background-color: #002f50;
          border-radius: 10px;
      }
      
      .user_profile .user_profile_btn .list-inline li {
          padding: 4px 2px!important;
          margin-left: 4px;
          width: auto;
      }
    }
     
      @media (max-width: 597px) and (min-width: 426px)
      {
        .user_profile .user_profile_btn .list-inline li {
          padding: 6px 0px!important;
          margin-left: 4px;
          }
          .user_profile .user_profile_btn .list-inline .save-btn {
            font-weight: 500;
            min-width: 88px;
            height: 30px;
            font-size: 10px;
            font-size: 10px;
            background-color: #002f50;
            border-radius: 10px;
        }
      }
      @media (max-width: 767px) and (min-width: 598px)
       {
        .user_profile .user_profile_btn .list-inline .save-btn {
          font-weight: 500;
          min-width: 88px;
          height: 30px;
          font-size: 10px;
          background-color: #002f50;
          border-radius: 10px;
          }
          
       }
      @media (max-width: 767px) and (min-width: 598px)
      {
      .user_profile .user_profile_btn .list-inline .save-btn {
          font-weight: 500;
          min-width: 128px;
          height: 32px;
          font-size: 12px;
          background-color: #002f50;
          border-radius: 10px;
      }
     }

    @media (max-width: 768px)
    {
      .user_profile .user_profile_btn .list-inline li {
          padding: 8px 27px;
          margin-left: 4px;
        }
        .leftsideBar1 {
          position: fixed;
          top: 1px;
         }
    }

    @media (max-width: 604px) and (min-width:604px)
 {
   .user_profile .user_profile_btn .list-inline li {
    padding: 8px 25px;
    margin-left: 4px;
    width: auto;
}
  }

        
      @media (max-width: 991px) and (min-width: 768px)
      {
        .user_profile .user_profile_btn .list-inline li {
          padding: 8px 5px;
          margin-left: 1px;
          width: calc(96% / 5);
         }
         .user_profile .user_profile_btn .list-inline .save-btn {
            padding: 7px 4px;
            font-weight: 500;
            font-size: 11px;
            min-width: 111px;
            background-color: #002f50;
            border-radius: 10px;
            }
      }

      @media (max-width: 800px) and (min-width:800px)
      {
        .leftsideBar1 {
         position: fixed;
         top:-10!important;
        } 
      }

    @media (max-width: 411px) and (min-width: 411px)
    {
      .user_profile .user_profile_btn .list-inline li {
        padding: 8px 5px!important;
        margin-left: 4px;
        width: auto;
       }
       .user_profile .user_profile_btn .list-inline .save-btn {
        font-weight: 500;
        min-width: 104px;
        height: 30px;
        font-size: 10px;
        font-size: 10px;
        background-color: #002f50;
        border-radius: 10px;
        }
    }

  /*user profile page css end*/



  /*========================user Notification css Start===========================*/

      @media (max-width: 992px) and (min-width: 768px)
      {
      .user_profile_row .half-w .notice-btn {
        padding: 7px 4px;
        font-weight: 500;
        font-size: 12px;
        min-width: 114px;
        background-color: #002f50;
        border-radius: 10px;
       }

       /*.notification-group .list-group .list-group-item .space-right {
          margin-left: 20px;
          color: #9a9a9a;
         }*/

         .notification li a {
            font-size: 10px;
            color: #002f50;
            font-weight: 500;
          }
         .notification-group .list-group .list-group-item .space-top
               {
                  color: #807d7d;
                  background-color: #fff;
               }
     }

     @media (max-width: 767px) and (min-width: 520px)
      {
      .user_profile_row .half-w .notice-btn {
        padding: 7px 4px;
        font-weight: 500;
        font-size: 13px;
        min-width: 132px;
        background-color: #002f50;
        border-radius: 10px;
       }
       .user_profile_row .half-w {
          width: 20%;
          margin: auto;
          margin-bottom: 10px;
          display: inline-block;
         }
         .notification-group .list-group li {
        position: relative;
        font-size: 13px;
        display: block;
        padding: 2px 15px;
        margin-bottom: -1px;
        background-color: #fff;
        border-left: 0px;
        border-right: 0px;
        border-bottom: 1px solid #ddd;
       }

       .notification-group .list-group .list-group-item .space-right {
          margin-left: 312px;
          color: #9a9a9a;
           }
           .notification li a {
            font-size: 10px;
            color: #002f50;
            font-weight: 500;
          }
         }


     @media (max-width: 425px) and (min-width: 320px)
     {
      .notification-group .list-group .l