@media screen and (max-width: 1180px) { .profile .profile-content .mid { width: 75%; }
  .profile .profile-content .right { width: 25%; }
  .profile .profile-content .right .widget-photos { grid-gap: 10px; }
  .profile .profile-content .right .widget-gifts { grid-template-columns: repeat(4, 1fr); } }
@media screen and (max-width: 980px) { .profile .profile-content { flex-wrap: wrap; justify-content: center; position: relative; padding-bottom: 80px; }
  .profile .profile-content .left { margin: 0 20px 20px; position: initial; }
  .profile .profile-content .left .extras-banner { display: none; }
  .profile .profile-content .mid { width: 70%; }
  .profile .profile-content .mid .header-fields { left: auto; }
  .profile .profile-content .mid .profile-blocks { padding-left: 0; }
  .profile .profile-content .right { width: 30%; }
  .profile .profile-content .extras-banner { display: flex; width: 100%; }
  .profile .profile-content .right .extras-banner { display: flex; }
  .profile .profile-content .right .extras-banner .content .col-2 .btn { padding: 0 20px; font-size: 14px; }
  .profile .profile-content .left .user-actions { position: absolute; margin-top: 0; bottom: 40px; left: 0px; } }
@media screen and (max-width: 767px) { #profile-own .profile-content .right .alert-widget .btn, #profile-own .widget-video.empty .video-actions .btn-alt { height: auto; padding: 5px 15px; font-size: 14px; }
  .profile .profile-content .right .widget-photos { grid-template-columns: repeat(2, 1fr); }
  .profile .profile-content .right .widget-gifts { grid-template-columns: repeat(3, 1fr); }
  .profile .profile-content .right .widget .btn-alt { font-size: 13px; } }
@media screen and (max-width: 600px) {
  #profile-own .profile-content .right .alert-widget .btn, #profile-own .widget-video.empty .video-actions .btn-alt { height: auto; padding: 10px 15px; font-size: 16px; }
  .profile .profile-content .left { width: 240px; }
  .profile .profile-content .left .profile-image { border-width: 5px; width: 240px; margin: 0 auto 20px; }
  .profile .profile-content .left .profileSidePhotos { display: flex; }
  .profile .profile-content .left .user-actions { left: 0; width: 100%; }
  .profile .profile-content .mid { width: 100%; padding-right: 0; padding-bottom: 50px; }
  .profile .profile-content .mid .receivedInteractionDiv { padding-right: 0; justify-content: center; }
  .profile .profile-content .right { width: 100%; }
  .profile .profile-content .right .widget-photos { grid-template-columns: repeat(5, 1fr); }
  .profile .profile-content .right .widget-gifts { grid-template-columns: repeat(8, 1fr); }
  .profile .profile-content .right .widget .btn-alt { font-size: 16px; }
  .profile .profile-content .extras-banner.extras-banner-profile2 .content, .profile .profile-content .right .extras-banner .content { flex-direction: column; align-items: flex-start; }
  .profile .profile-content .extras-banner.extras-banner-profile2 .content .col-1, .profile .profile-content .right .extras-banner .content .col-1 { margin-bottom: 20px; padding-right: 0; flex-direction: row; }
  .profile .profile-content .extras-banner.extras-banner-profile2 .content .col-1 .icon, .profile .profile-content .right .extras-banner .content .col-1 .icon { width: 130px; padding-bottom: 0; height: 60px; margin-bottom: 0; margin-right: 30px; }
  .profile .profile-content .extras-banner.extras-banner-profile2 .content .col-1 .title, .profile .profile-content .right .extras-banner .content .col-1 .title { margin-bottom: 0; font-size: 20px; }
  .profile .profile-content .extras-banner.extras-banner-profile2 .content .col-2 .btn, .profile .profile-content .right .extras-banner .content .col-2 .btn { font-size: 20px; padding: 0 40px; }
}
@media screen and (max-width: 480px) { .profile .profile-content .left .profileSidePhotos { width: 40px; right: -50px; }
  .profile .profile-content .left .profileSidePhotos .profileSidePhoto { width: 40px; height: 40px; }
  .profile .profile-content .right .widget-photos { grid-template-columns: repeat(4, 1fr); }
  .profile .profile-content .right .widget-gifts { grid-template-columns: repeat(6, 1fr); }
  .profile .profile-content .mid .profile-fields h4 { font-size: 18px; }
  .profile .profile-content .mid .header-fields { min-height: auto; padding: 10px 20px; margin-bottom: 40px; }
  .profile .profile-content .mid .profile-blocks .profile-description:not(:last-child) { margin-bottom: 40px; }
  .profile .profile-content .blockeduser-overlay { height: 100%; }
  .profile .profile-content .blockeduser-overlay .blockeduser-text { margin: 10px; padding: 20px; }
  .profile .profile-content .extras-banner.extras-banner-profile2 .content, .profile .profile-content .right .extras-banner .content { align-items: center; }
  .profile .profile-content .extras-banner.extras-banner-profile2 .content .col-1, .profile .profile-content .right .extras-banner .content .col-1 { flex-direction: column; align-items: center; }
  .profile .profile-content .extras-banner.extras-banner-profile2 .content .col-1 .icon, .profile .profile-content .right .extras-banner .content .col-1 .icon { margin-bottom: 10px; margin-right: 0; }
  .profile .profile-content .extras-banner.extras-banner-profile2 .content .col-1 .title, .profile .profile-content .right .extras-banner .content .col-1 .title { text-align: center; }
}
@media screen and (max-width: 380px) { .profile .profile-content .left .profile-image { width: 230px; }
  .profile .profile-content .left .profile-image .status { padding: 1px 5px; }
  #profile-own .empty-interests .content { flex-direction: column; align-items: flex-start; justify-content: flex-start; }
  #profile-own .empty-interests span { margin-bottom: 20px; margin-right: 0; }
  #profile-own .profile-personality .content .top { flex-direction: column; }
  #profile-own .profile-personality .content .top .image { margin-right: 0; margin-bottom: 10px; width: 100%; }
  .profile .profile-content .right .widget .btn-alt { font-size: 14px; }
  .profile .profile-content .right .widget-photos { grid-template-columns: repeat(3, 1fr); }
  .profile .profile-content .right .widget-gifts { grid-template-columns: repeat(5, 1fr); }
  #profile-own .widget-video .btn-alt { margin-right: 15px; } }
@media screen and (max-width: 359px) {
    .profile .profile-content .left { width: 100%; }
    .profile .profile-content .left .profile-image { width: 190px; }
}