@media only screen and (max-width: 1200px){
  .w-1170-p{
    padding-left: 20px;
    padding-right: 20px;
  }
  .dashboard-div{
    padding-right: 20px;
  }
  .overview-sec {
    background: url(../images/background-overview.png),linear-gradient(90deg,#131524, #131524);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@media only screen and (max-width: 1100px){
  nav .nav-link {
      padding: 2px 4px !important;
  }
  nav .navbar-brand{
    margin-right: 20px;
  }
  nav .navbar-brand img{
    width: 250px;
    height: auto;
  }
}
@media only screen and (max-width: 991px){
  nav .nav-link-border{
    border-right: 0;
  }
  nav .nav-item-btn{
    margin-left: 0;
  }
  nav .nav-item-btn{
    height: 40px !important;
    margin-top: 10px; !important;
  }
  .margin-b-991{
    margin-bottom: 30px;
  }
  .pagination1 {
    text-align: center;
  }
}
@media only screen and (max-width: 767px){
  .get-app-div .get-it{
    position: static;
    transform:translate(0,0);
    margin-bottom: 40px;
  }

  .w-1170-p{
    padding-left: 15px;
    padding-right: 15px;
  }
  .sdsb-div .and-icon{
    display: none;
  }
  .platinum-member,
  .gold-member{
    /* float: none;
    margin: 15px auto 0 auto;
    display: block; */
    display: none;
  }

  .member-profile-div .online{
    margin-bottom: 20px;
  }
  .member-profile-div .img-side{
    max-width: 100%;
    min-width: 100%;
  }
  .member-profile-div,
  .similar-profiles-div{
    padding: 20px;
  }
  .member-profile-div .info-side {
    margin-left: 0;
  }
  .albums-list .col{
    margin: auto;
  }
  .browse-list-div .b-btns {
    text-align: center;
  }
  .browse-list-div .blue-btn-c {
    font-size: 0;
    width: 45px;
    height: 45px;
    position: relative;

  }
  .browse-list-div .blue-btn-c i {
    font-size: 14px;
    padding-left: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
  }
  .fcbk-google-btns .fcbk-btn1,
  .fcbk-google-btns .google-btn1{
    /* margin-bottom: 20px; */
    font-size: 20px;
  }

}
@media only screen and (max-width: 577px){
  .banner .banner-heading{
    font-size: 40px;
    line-height: 40px;
  }
  nav .navbar-brand {
    margin-right: 5px;
}
nav .navbar-brand img {
    width: 200px;
    height: auto;
}
nav {
    min-height: 90px;
}
.history-services-div .imgg {

    height: 200px;
    background-position: center top;
  }
  .top-options .first-heading-black-24 {
    font-size: 20px;
  }
  .top-options .main div {
    width: calc(50% - 10px);
    display: inline-block;
  }
  .list-top-buttons div{
    display: block;
    width: 200px;
    margin: 10px auto 0 auto;
    text-align: center;
  }
  .profiles-found-head p{
    float: none;
    text-align: right;
  }
  .member-profile-div .platinum-member,
  .member-profile-div .gold-member{
    display: block !important;
    float: none;
    margin-bottom: 20px;
  }
  .male-female-div .sugar-baby-p{
    background: url('../images/sugar-baby.jpg');
    background-position: left top;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 50px;
    padding: 90px 30px;
  }
  .male-female-div .sugar-daddy-p{
    background: url('../images/sugar-daddy.jpg');
    background-position: left center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 50px;
    padding: 72px 30px;
  }
  .register-2-sec form .item-file-choose-btn label{
    margin-top: 20px;
  }
  .blogs-list .blog-tags{
    margin-top: 10px;
  }
}
@media only screen and (max-width: 600px){
  .single-member .img-side{
    max-width: 100%;
  }
  .single-member .info-side{
    max-width: 100%;
    min-width: 100%;
  }
  .single-member {
    padding: 15px;
  }
  .online {
    margin-left: 0px;
  }
  .name-div{
    margin-top: 20px;
  }
  .single-member .name-div{
    text-align: center;
  }
  /* .online {
    margin-top: 20px;
  } */
}



@media only screen and (max-width: 991px){

  .seen-on-div .imgg{
    max-width: 50%;
    width: 50%;
    min-width: 50%;
    /* margin: auto; */
    margin: 40px auto 20px auto;
  }
  .plans-div .row{
    width: 300px;
  }
  .plans-div .free-side,
  .plans-div .gold-side,
  .plans-div .platinum-side{

    max-width: 60px;
    width: 60px;
    min-width: 60px;

  }
  .plans-div .free-side .plan-feature,
  .plans-div .gold-side .plan-feature,
  .plans-div .platinum-side .plan-feature{
    width: 60px;
  }
  .plans-div .free-side .plan-col,
  .plans-div .gold-side .plan-col,
  .plans-div .platinum-side .plan-col,{
    width: 60px;
    margin: auto !important;
  }
  .plans-div .popular-div,
  .plans-div .plan-title,
  .plans-div .price-div{
    width: 295px !important;
    position: relative;
    left: -235px;
  }
  .plans-div .titles-side{
    padding-bottom: 30px !important;
  }





  .top-btns{
    padding-bottom: 15px;
  }
  .menu-side .search-div{
    display: none;
  }
  .menu-btns button .text-side{
    display: none;
  }
  .menu-btns button{
    width: 55px;
  }
  .dashboard-div .menu-side{
    max-width: 85px;
  }

  .menu-btns a{
    padding-left: 5px;

  }
  .menu-btns .btn-dropdown1{
    width: 125px;
    z-index: 10;
    position: relative;
  }




  .nav-dashboard-d .nav-item{
    display: none;
  }
  .nav-dashboard-d .right-nav-d{
    margin-left: 0;
  }
  .nav-dashboard-d .right-nav-d .nav-item{
    display: inline-block;
    margin: 15px 0 0 0;
  }

  .nav-dashboard-d .right-nav-d .nav-item.dropdown{
    display: block;
    margin-bottom: 15px;
  }
  .nav-dashboard-d .right-nav-d .dropdown-menu{
    position: absolute;
    top: 50px;
  }
  /* nav .right-nav-d img{
    width: 50px;
    height: 50px;
  } */
  /* .nav-dashboard-d .right-nav-d .dropdown */
}
@media only screen and (max-width: 767px){
  .single-member .first-heading-yellow-24{
    margin-bottom: 5px;
  }
  .content-side .top-title form {
    display: block;
    position: static;
    text-align: right;
  }
  .dropdown {
    position: static;
    display: block;
    text-align: right;
    margin: 10px 0 0 0;
  }
  .mail-item .sender-side{
    max-width: 200px;

  }
  .mail-item .time-side{
    max-width: 100px;

  }
  .mail-item .time-side h4{
    padding-right: 15px;
  }
  .mail-item h3{
    padding-left: 10px;
  }
  .dashboard-div .content-side{
    padding-left: 0;
  }
}
@media only screen and (max-width: 577px){
  .mail-item .subject-side{
    display: none;
  }
  .mail-item .sender-side{
    max-width: 270px;

  }
  .mail-item .time-side{
    max-width: none;

  }
  .mail-item .time-side h4{
    padding-right: 0px;
  }
  .mail-item h3{
    padding-left: 0px;
  }
}