@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: 4px;
      -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
        {  
        padding: 0;
        text-align: right;
        margin: 8px 0px 0;
        color: #fff;
        font-size: 20px;
        font-weight: 500;
        }
        .myfeeds .message_conatiner .list_conatiner li {
          display: inline-block;
          padding: 2px 4%;
          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: 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 6%;
              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;
               }
        }

        @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: 805px) and (min-width: 520px)
          {
            .myfeeds .message_conatiner .list_conatiner .share-btn {
             width: 1;
            }
            .myfeeds .message_conatiner .list_conatiner li {
              display: inline-block;
              padding: 2px 2%;
              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: 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: inline;
              font-size: 12px;
              padding-top: 7px;
               }
          .right_bar_desktop_birthday {
          position: relative;
          /*padding: 20px;*/
          height: 116px;
          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: 10px;
            margin-top: -28px;
            text-decoration: none;
           }
           .right_bar_Post-follow .right_fallow-btn a {
            font-size: 8px;
            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_birthday {
          position: relative;
          padding: 4px;
          height: 134px;
          background-color: #fff;
          border-radius: 5px;
          margin-bottom: 16px;
          }
          .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: 16px;
           }
           .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: 8px;
                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: 9px;
              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;
                }
              }

              @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;
               }
              }

              

      /*for right side_bar css start*/


      /*user profile page css start*/
      @media (max-width: 767px)
      {
        .user_profile {
          max-width: 100%; 
          width: 100%;
          flex: 0 0 83%;
          margin-top: 7px;
      }
      #profile-pic {
      width: 50px;
      height: 50px;
      border-radius: 3px;
      margin-bottom: 28px;
      overflow: hidden;
      }
      #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;
     }
     #profile-d {
        position: absolute;
        left: 15px;
        top: 8px;
        right: 0px;
        height: 180px;
      }
      #m-btns {
        position: absolute;
        right: 25px;
        bottom: 156px;
        width: 83px;
       }
      }
      /*user profile page css end*/