/*------------------------ Responsive Css Start --------------------------*/

@media only screen and (max-width: 768px) {
  .header-colm { text-align: center;}
  #middle-section .col-lg-3.col-md-3.col-sm-5.col-xs-12 { margin: 0 3%; padding: 0; width: 94%;}
  #middle-section .col-md-9.col-md-9.col-sm-7.col-xs-12 { margin: 0 3%; padding: 0; width: 94%;}
  .uploadpic { font-size: 20px;}
  .uploadpic .glyphicon.glyphicon-camera { font-size: 40px;}
  .profile-pic { min-height: 200px;}
  .user-person h5 {font-size: 30px; padding-top: 10px; }
  .header-search { width: 100%; }
  .logo h1 { text-align: left; }

}

@media only screen and (max-width: 767px) {
  .logo h1 { text-align: center;}
  .login-sec .nav li { display: inline-block;}
  .login-sec .dropdown-menu { background-color: #333 !important; position: absolute !important;}
  .login-sec { margin-right: 25px;}
  .dropdown-menu .form-horizontal .form-group .col-sm-6 { float: left; width: 50%; }
  .information .table-responsive { border: 0;}
}

@media only screen and (max-width:520px) {
 
  /*.login-sec li:first-child .dropdown-menu { left: 0; }
  .login-sec li:last-child .dropdown-menu { left: auto;}
  .login-sec .nav.navbar-nav { float: none;}*/
}

@media only screen and (max-width: 480px) {
  .uploadpic { font-size: 18px;}
  .uploadpic .glyphicon.glyphicon-camera { font-size: 30px;}
  .user-person h5 { font-size: 26px;}
}

@media only screen and (max-width: 420px) {
  .login-sec .dropdown-menu { min-width: 270px;}
  .blog .media-body ul li { float: left; margin: 0 auto; min-height: 22px; }
}

@media only screen and (max-width:360px) {
  .uploadpic .glyphicon.glyphicon-camera { font-size: 26px;}
  .uploadpic { font-size: 14px; marign-top: -40px;}
  .user-person h5 { font-size: 22px;}
  .cover-pic { height: 85px;}
  .profile-pic { min-height: 180px;}
  .login-sec .dropdown-menu { min-width: 250px;}
}

@media only screen and (max-width: 320px) {
  .login-sec .dropdown-menu { min-width: 280px;}
  .login-sec .dropdown-menu { min-width: 210px;}
  .blog .media-body ul li { float: left; margin: 0 auto; min-height: 22px; }
}


@media screen and (max-width: 520px) {
    .list-post-profile .thread-item { padding: 14px 15px; }
    .text-search .input-container { margin-right: 0; }
    .blog .media-body p {  line-height: 1.42857;  }
    .profile-account.col-md-2.col-sm-2 { width: 100%; clear: both; margin-top : 10px;}
    .header-colm { width: 100%;}
    .profile-pic { min-height: 250px; }
    .cover-pic { height: 115px;}
    .header-search .input-group { margin: 0 auto; }

}

@media screen and (max-width: 360px)  {
  .content-edit-profile .head-edit-profile .img-profile { margin-left: 30px; }
}