@media only screen and (max-width: 1280px) {
  .about-right li a {
    padding: 14px 6px;
  }
}
@media only screen and (max-width: 1199px) {
  .text-center {
    padding: 0 15px;
  }
  .wall-rank-gallery li {
    width: 9.2%;
  }
}

@media only screen and (max-width: 1170px) {
  .container {
    width: 98%;
  }
  .rank-gallery li {
    margin-right: 4px;
    margin-left: 4px;
    width: 19%;
  }
  .rank-gallery li img {
    width: 100%;
    height: 150px;
  }
  .item {
    padding: 0px 4px;
  }
}
@media only screen and (max-width: 1100px) {
  .buy-left li a,
  .buy-right li a {
    padding: 0px 12px;
  }
  .buy-left li,
  .buy-right li {
    margin-right: 5px;
  }
  .wall-rank-gallery li {
    width: 9.2%;
  }
  .left-table td {
    padding-left: 15px;
    padding-right: 10px;
  }
  .width42per {
    width: 42%;
  }
}
@media only screen and (max-width: 991px) {
  .buy-cls {
    float: none;
    text-align: center;
    display: inline-block;
  }
  .buy-left,
  .buy-right {
    display: inline-block;
  }
  .buy-right {
    float: none;
    display: inline-block;
    text-align: center;
  }
  .mid-left {
    margin-right: 15px;
  }
  /*04-01-2017*/
  .custom-heading h2 {
    font-size: 18px;
  }
  .about-right li a {
    padding: 14px 7px;
  }
  .about-us h4 {
    padding-left: 10px;
  }

  /*04-01-2017*/
  /*24-01-2017*/
  .navigation li {
    padding: 0px 1px;
  }
  .navigation li > a {
    font-size: 12px;
  }
  .top-right .navbar-right {
    margin-right: 0 !important;
  }
  .mid-right .item {
    width: auto;
  }
  .col-md-6.col-sm-6.setting-left {
    width: 100%;
  }
  .col-md-6.col-sm-6.setting-right.border {
    width: 100%;
    margin-top: 10px;
  }
  .pokes-cls a {
    font-size: 15px;
  }
  /*24-01-2017*/
}
@media only screen and (max-width: 880px) {
  .login-section {
    padding: 23px 5px 23px 5px;
    width: 150px;
  }
  .navigation li {
    padding: 0 1px;
  }
  .logo {
    width: 110px;
    padding-left: 15px;
    margin-right: 5px;
    float: left;
  }
  .toggleMenu {
    display: none;
    padding: 20px 5px;
    color: #fff;
  }
  .rank-gallery li {
    margin-right: 3px;
    margin-left: 3px;
    width: 19%;
  }
  /*04-01-2017*/
  .login-in input.input-type {
    width: 65%;
  }
  .border-custom {
    padding: 15px;
  }
  .v_menu li {
    padding: 0 10px;
  }
  .v_menu_cust li {
    padding: 0 5px;
  }
  .left-viewer {
    max-width: 61%;
  }

  .right-viewer .v_menu img {
    margin-right: 5px;
  }
  .v_menu li.padding-right62px {
    padding-right: 82px;
  }
  /*04-01-2017*/
}
@media only screen and (max-width: 800px) {
  .navigation li {
    padding: 0 5px;
  }
  .navigation li.lipadding {
    padding: 0 1px;
  }
  .select-con .rank-gallery li {
    width: 19%;
  }
}
@media only screen and (min-width: 1024px) {
  .login-popup.gift-popup {
    width: 901px;
  }
}
@media (min-width: 768px) {
  .diamond-collection {
    margin: 20px 0 14px -41px;
  }
  .modal-dialog {
    width: inherit;
    margin: 30px auto;
  }
  .margin-right13per {
    margin-right: 13%;
  }
}
@media only screen and (max-width: 767px) {
  .top-header {
    height: inherit;
    position: relative;
  }
  .top-right {
    float: none;
    /* width: 100%; */
    position: relative;
    height: auto;
    background: #1d1d1d none repeat scroll 0 0;
    /*overflow: hidden;*/
    margin: 0 -15px;
    padding: 0 5px;
}
  .navbar-header {
    float: left;
    width: 50px;
    padding-top: 5px;
    height: 44px;
  }
  .login-section {
    position: absolute;
    right: 0;
    top: 0;
  }
  .navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background: #fff;
  }
  .navigation li:first-child {
    padding: 0px 5px;
  }
  .navigation {
    float: left;
    padding: 0px 3px 0px 0;
    width: 100%;
  }
  .navigation li {
    width: 100%;
  }
  .logo {
    padding: 15px 0 15px;
    text-align: center;
    float: none;
    display: inline-block;
  }
  .tool-btn {
    display: inline-block;
    float: none;
  }
  .logo img {
    width: 110px;
  }
  .top-header .container {
    text-align: center;
  }
  .navbar-nav.navbar-right {
    text-align: left;
  }
  .navbar-toggle {
    padding: 0px;
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
  }
  .login-popup .modal-dialog {
    width: 100%;
  }
  .login-popup .modal-body {
    padding: 0px 15px 0px 15px;
  }
  .modal-dialog {
    margin: 0;
    padding: 10px;
  }
  .gendercls {
    margin-right: 30px;
  }
  .login-popup .btn-default {
    color: #fff;
    margin-right: 0px;
  }
  .login-popup .modal-footer {
    margin: 0px 15px;
  }
  .login-popup .modal-content::after {
    display: none;
  }
  .login-popup .btn-default {
    width: 115px;
  }
  /*.login-popup .btn-primary { width: 115px; }*/
  .login-popup .btn-primary {
    width: auto;
  }

  /*.login-popup .btn-default:hover, .login-popup .btn-primary:hover { width: 115px; }*/
  .login-popup .btn-default:hover,
  .login-popup .btn-primary:hover {
    width: auto;
  }
  .login-section {
    height: 44px;
    padding: 7px 10px 9px 15px;
    right: 10px;
}
  .navbar-nav {
    margin: 0;
  }
  .right-viewer {
    float: right;
    max-width: 100%;
    width: auto;
  }
  .left-viewer {
    float: left;
    margin-left: 0;
    max-width: 100%;
    width: auto;
  }
  .bottom-header {
    height: auto;
    width: 100%;
  }
  .v_menu li {
    text-align: center;
    width: auto;
    padding: 0 5px;
  }
  .left-viewer .v_menu li:first-child {
    padding-left: 30px;
  }
  .v_menu a {
    font-size: 12px;
  }
  .right-viewer .v_menu li {
    padding: 0 5px !important;
    width: auto;
    padding-right: 15px !important;
  }
  .login-popup {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .mid-part {
    padding-top: 165px;
  }
  .login-in input,
  .login-in select {
    height: 40px;
    line-height: 40px;
  }
  .gendercls .caret {
    top: 20px;
  }
  .login-in {
    padding-bottom: 5px;
  }
  .navbar-collapse.in {
    padding-bottom: 10px;
  }
  .right-viewer .v_menu img {
    width: 30px;
  }
  .login-header .navbar-toggle {
    display: none;
  }
  .sixteen-plus {
    text-align: center;
  }
  .left-table td {
    padding-left: 10px;
  }
  .mid-left {
    margin-right: 15px;
    width: 100%;
  }
  .mid-center {
    width: 100%;
    float: left;
  }
  .mid-right {
    width: 100%;
    float: left;
  }
  .login-section .down-arrow {
    top: 5px;
  }
  /*.owl-carousel1 .item { -webkit-flex-wrap: wrap; / Safari 6.1+ / -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap; display: -ms-flexbox; display: -webkit-flex; / OLD - iOS 6-, Safari 3.1-6 / display: -moz-flex;
    display: flex; flex-wrap: wrap; }*/
  .owl-carousel1 .item {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: initial;
    display: initial;
    display: initial;
    flex-wrap: nowrap;
  }

  .right-slide-in {
    display: inline-block;
    width: 25%;
  }
  .video-cls {
    margin: 0 auto;
    text-align: center;
  }
  .shart-cls {
    padding: 10px;
    min-height: inherit;
  }
  .mid-right .shart-cls {
    background: #e7e7e9;
    padding-top: 10px;
  }
  .adorable p {
    margin: 0;
  }
  .mid-top {
    padding-bottom: 0;
  }
  .top-pig-gallery {
    position: relative;
  }
  .small-pic {
    padding-right: 90px;
  }
  .small-pic li {
    width: 12%;
    margin-right: 1px;
  }
  .small-pic img {
    width: 100%;
  }
  .refresh-cls {
    float: none;
    padding-right: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 90px;
  }
  .pokes-cls {
    margin-bottom: 10px;
  }
  .rank-gallery li {
    margin-right: 1px;
    margin-left: 4px;
    width: 19%;
  }
  /*04-01-2017*/
  .tab-text {
    padding-top: 15px;
  }
  .tab-outer .nav-tabs > li > a {
    margin-right: 5px;
  }
  .about-page .table-responsive {
    border: none;
  }
  .login-in input.input-type {
    width: 57%;
  }
  .setting-left {
    margin-bottom: 15px;
  }
  .setting-page .input-btn .btn.btn-default {
    height: 40px;
  }
  .setting-page .border-custom {
    padding: 15px;
    display: inline-block;
    width: 100%;
  }
  .setting-page .custom-height {
    min-height: 0;
  }
  .setting-page .container {
    padding-bottom: 0;
  }
  .setting-page .tab-outer {
    padding-bottom: 0;
  }
  .wall-head-inner h2 {
    font-size: 25px;
    padding-bottom: 0px;
    padding-top: 0px;
  }
  .wall-head-inner:before,
  .wall-head-inner:after {
    display: none;
  }
  .wall-head {
    padding: 40px 0 10px;
  }
  .login-popup {
    padding-top: 120px;
  }
  .login-pg {
    position: static;
    right: 0;
    top: 0;
    transform: translateY(0%);
  }
  .footer {
    position: static;
    margin-top: 30px;
  }
  /*04-01-2017*/

  /*11-01-2017*/
  .smily-icon .search-player-cls input {
    width: 80%;
  }
  .smily-icon .search-player-cls {
    width: 100%;
  }
  .smily-icon .search-player-cls a {
    float: right;
  }

  /*24-01-2017*/
  .tool-btn.tool_mod_btn.dnone {
    display: inline-block;
  }
  .user-name {
    margin-top: 5px;
    width: 85px;
    line-height: normal;
    font-size: 14px;
  }
  .right-slide-in img {
    width: 140px;
  }
  .right-slide-in {
    width: 100%;
  }
  .right-slider .owl-stage {
    width: 100% !important;
  }
  .owl-item.active.pets_listing {
    width: 100% !important;
  }
  .mid-right .item {
    width: 25%;
  }

  .gift-player li {
    margin-top: 5px;
    width: 100%;
  }
  .notification-cant,
  .relationship-cant {
    z-index: 99;
    top: 151px;
  }

  .private-checkbox-cls label.error {
    line-height: 44px;
  }

  /*24-01-2017*/
  .small-pic {
    padding-right: 0;
}
.refresh-cls {
    position: relative;
    top: 0;
    transform: inherit;
    margin: 0 auto 10px;
    padding: 10px 0;
    clear: both;
    width: 100px;
}
.refresh-cls a {
    color: #1b1a23;
    font-size: 15px;
    background: #f5cc1e;
    display: block;
}
.small-pic img {
    width: 100%;
    height: 110px;
    object-fit: fill;
}
.small-pic li {
    height: 110px;
}
.heartless-right p.blue-color {
    line-height: 1.4;
}
.heart-icon li {
    float: none;
    display: inline-block;
}
.heart-icon {
    float: none;
    text-align: center;
    border-top: 1px solid #373737;
    padding-top: 10px;
}
.links {
    margin: 10px;
}
.small-pic li {
    margin-bottom: 7px;
}
.bottom-footer a {
    float: none;
    padding-left: 0;
}
.bottom-footer p {
    float: none;
    padding-left: 0;
}
.container {
    width: 100%;
    padding: 0 15px;
}
.small-pic {
    margin: 0 -4px;
}
.heartless {
    margin-bottom: 15px;
    border: 1px solid #ffefae;
    padding: 15px;
}
.tab-outer {
    padding: 80px 0 0;
}
.rank-gallery {
    display: block;
    background: transparent;
    padding: 0;
    width: auto;
    overflow: hidden;
    margin: 0 -4px;
}
.select-con .rank-gallery li {
	width:25%;
 margin:0;
 border:none;
 padding:4px;
 background: #222;
}
.top-right .navbar-right {
    padding: 5px;
}
.rank-outer h4 {
    text-align: center;
}
.rank-gallery li img {
    width: 100%;
    height: 225px;
}
.rank-gallery li {
    margin-right: 0;
    margin-left: 0;
    width: 25%;
    padding: 4px;
}
.about-right li a {
    padding: 5px;
    display: block;
    text-align: center;
    margin: 0 auto;
}
.setting-page .border-custom {
    padding: 15px;
    border: 1px solid #ffefae;
}
.audioDiv {
    margin-left: 0;
}
.enable_disable_setting {
    margin-right: 0;
    width: 100%;
}
div > input.enable_disable_input {
    clear: both;
    padding: 0;
    display: inherit;
    width: 30px;
}
.custom-heading label {
    color: #fff;
    font-size: 16px;
    margin-bottom: 10px;
    padding-left: 0;
}
.enable_disable_setting_inner {
    margin-right: 4%;
    width: 45%;
}
.col-md-6.col-sm-6.setting-right.border {
    width: 100%;
    margin-top: 0;
    margin-bottom: 15px;
}
.setting-right.border.margin-top5 {
    margin-top: 0;
}
#wrapper {
    padding-bottom: 15px;
}
.owl-stage.badgeswall_listing {
    height: auto;
}
.badges-item {
    padding: 5px;
    width: 31.33%;
}
.giftwall_listing .item {
    width: 50%;
}
.owl-stage.giftwall_listing {
    height: auto;
} 
.level-cls li:after {
    height: 16px;
    top: 2px;
    left: 0;
}
.level-cls li:first-child:after {
 display:none
}
.level-cls {
    float: none;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    padding-top: 10px;
}
.score-left h4 {
    margin: 0 auto;
    float: none;
}
}

/*11-01-2017*/
@media only screen and (max-width: 700px) {
  .smily-icon .search-player-cls input {
    width: 70%;
  }
}
@media only screen and (max-width: 640px) {
  .gendercls {
    margin-right: 10px;
  }
  .gendercls {
    width: 47%;
  }
  .v_menu li {
    padding: 0 5px !important;
  }
  .about-right li {
    padding: 14px 10px;
  }
  .about-us h4 {
    margin: 8px 0 0;
  }
  .about-right li {
    padding: 5px 0;
  }
  .about-us h4 {
    margin: 25px 0 0;
  }
  .about-right li a {
    padding: 14px 10px;
  }
  .rank-gallery li {
    width: 31.33%;
  }
  .v_menu li img {
    width: 20px;
}
}
@media only screen and (max-width: 630px) {
  .about-us h4 {
    margin: 0;
    display: block;
    text-align: center;
    padding: 10px 0px;
  }
  .about-right {
    float: left;
    width: 100%;
    margin-bottom: 5px;
  }
  .about-right li i {
    margin: 0 8px;
    margin-bottom: 0;
    display: inline-block;
}
.about-right li {
    width: 22%;
    height: 25px;
    float: none;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-bottom: 10px;
}

  .about-right li a {
    font-size: 11px;
    padding: 5px 0;
    display: block;
  }
  .about-right li:first-child {
    border: none;
  }
  .rank-gallery li {
    margin-right: 1px;
    margin-left: 4px;
  }
  /*04-01-2017*/
  .action-tab td {
    color: #fff;
    font-size: 14px;
  }
  .tb1 {
    padding-right: 0;
  }
  .actionpage .table-responsive table {
    background-color: transparent;
    width: 500px;
    overflow: scroll;
  }
  .tab-outer .nav-tabs > li > a {
    padding-left: 20px;
    padding-right: 20px;
  }
  /*04-01-2017*/

  .smily-icon .search-player-cls input {
    width: 50%;
  }
  .smily-icon .login-in {
    width: 70%;
  }

  .notification-cant,
  .relationship-cant {
    left: 0;
    float: none;
    right: 0;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 550px) {
  .v_menu li {
    padding: 0 2px !important;
  }
  .left-viewer .v_menu li img {
    width: 18px;
  }
  .right-viewer .v_menu img {
    width: 18px;
    margin-right: 4px;
  }
  .right-viewer .v_menu li {
    padding: 0 8px 0 5px !important;
  }
  .mid-right .item {
    width: 50%;
  }
  .login-details textarea {
    width: 100% !important;
  }
  .select-con .rank-gallery li {
	width:33.33%;
}

@media only screen and (max-width: 480px) {
  .bottom-header.login-header {
    height: 65px;
  }

  .counting {
    bottom: 8px;
    left: 12px;
  }
  .right-viewer .v_menu li:nth-child(2) {
    border: medium none;
  }
  .login-popup .modal-footer {
    padding-bottom: 25px;
  }
  .gendercls {
    width: 45%;
  }
  .login-popup .modal-footer {
    margin: 0;
  }
  /*.login-popup .modal-footer { padding-right: 33px; }*/
  .login-popup .modal-footer {
    text-align: center;
  }
  .text-center p {
    float: none;
  }
  .social-footer {
    display: inline-block;
    float: none;
  }
  .text-center {
    padding: 5px 15px;
  }
  .refresh-cls {
    float: none;
    text-align: center;
  }
  .about-us {
    text-align: center;
  }
  .scoredata {
    overflow: auto;
    max-width: 500px;
  }
  .scoredata > table {
    overflow: auto;
    width: 500px;
    max-width: 500px;
  }
  .buy-left li,
  .buy-right li {
    margin-right: 5px;
  }
  .adorable p {
    margin: 0;
    padding: 10px 0px 10px 0px;
  }
  .about-right li a {
    padding: 0px 0px;
  }
  .video-left li a,
  .video-right li a {
    padding: 0px 5px;
  }
  .video-left li,
  .video-right li {
    float: left;
    border-right: 2px solid #2b2b2b;
    padding: 10px 4px;
  }
  .video-right li:last-child {
    border: none;
  }
  .dia-cls {
    min-height: inherit;
    padding: 10px 0;
  }
  .heartless-left {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
  .heartless-right {
    width: 100%;
    float: left;
  }
  .mid-part {
    padding-top: 153px;
  }
  .footer {
    bottom: -55px;
  }
  .wall-head {
    padding-bottom: 10px;
  }
  .top-diamond.login-in input {
    width: 48px;
  }
  .all-in-one-popup {
    padding-bottom: 45px;
    margin-left: 20%;
  }
}

@media only screen and (max-width: 479px) {
  .small-pic li {
    /*width: 25%;*/
    width: 20%;
    margin-right: 0;
    margin-bottom: 0;
    border: none;
    padding: 4px;
    height: auto;
}
.small-pic img {
    width: 100%;
    /*height: 130px;*/
    height: 100px;
}
  /*04-01-2017*/
  .tab-outer .nav-tabs > li > a {
    padding-left: 15px;
  }
  .tab-outer .nav-tabs > li {
    width: 100%;
  }
  .tab-outer .nav-tabs {
    border-bottom: 0;
  }
  .tab-inner-text {
    padding-top: 0;
  }
  .tab-inner-text h3 {
    padding-bottom: 5px;
  }
  .tab-outer p {
    padding-bottom: 10px;
  }
  .tab-outer {
    padding-bottom: 0px;
  }
  #wrapper {
    padding-bottom: 10px;
  }
  .login-in input.input-type {
    width: 100%;
    margin-bottom: 5px;
  }
  .custom-heading h2 {
    font-size: 16px;
  }
  .brouse-btn {
    width: 100%;
  }
  .setting-page .border-custom {
    padding: 15px;
    border: 1px solid #ffefae;
}
  .setting-page .custom-heading h2 {
    padding-bottom: 5px;
    margin-bottom: 5px;
  }
  /*04-01-2017*/
  .select-con .rank-gallery li {
    width: 50%;
  }
  .right-viewer .v_menu li:nth-child(3) span {
    max-width: 100px;
    width: 100px;
    display: inline-block;
  }
  .v_menu a {
    font-size: 11px;
  }
  .scoredata td {
    font-size: 11px;
    color: #fff;
  }
  .tool-btn .btn-default {
    height: 30px;
    line-height: 25px;
    font-size: 16px;
    padding: 0px 10px;
  }
  .logo img {
    width: 84px;
  }
  .login-in button {
    display: inline-block;
    float: left !important;
  }
  .login-details {
    display: inline-block;
    width: 100%;
    padding-bottom: 20px;
  }
  .item {
    padding: 0px 0px;
  }
  .rank-outer .btn-primary {
    font-size: 12px;
  }
  .search-player-cls input {
    font-size: 14px;
    width: 205px;
    height: 33px;
  }

  .search-player-cls {
    position: inherit;
    left: 5px;
    top: -6px;
    float: left;
  }
  .part1,
  .part-2 {
    width: 100%;
  }
  .reset-password li {
    margin-bottom: 5px;
  }
  .login-popup .btn-primary {
    margin-bottom: 4px;
    margin-right: 3px;
  }
  .rank-gallery li {
    width: 50%;
    padding: 4px;
    margin: 0;
    border: none;
}
.rank-gallery li img {
    width: 100%;
    height: 250px;
}
}

@media only screen and (max-width: 399px) {
  /*.rank-gallery li {
    margin-left: 4px;
    width: 48%;
  }*/
  .smily-icon .login-in {
    width: 60%;
  }
  .v_menu li {
    float: none;
    display: inline-block;
  }
  .left-viewer {
    float: none;
    max-width: 100%;
    width: 100%;
    display: inline-block;
    text-align: center;
    padding-top: 5px;
  }
  .right-viewer {
    float: none;
    max-width: 100%;
    width: 100%;
    display: inline-block;
    text-align: center;
  }
  .mid-part {
    padding-top: 202px;
  }
  .tab-outer {
    padding-top: 80px;
  }
  .select-con .rank-gallery li {
    width: 50%;
  }
  .paginageion-wall .pagination > li {
    margin-left: 2px;
    display: inline-block;
  }
  .search-player-cls input {
    font-size: 14px;
    width: 138px;
    height: 33px;
  }
}

@media only screen and (max-width: 360px) {
  .video-right {
    float: left;
  }
}

/*notification start*/
@media (max-width: 400px) {
  .notification-cant,
  .relationship-cant {
    width: 290px;
  }
  .group-left {
    width: 200px;
  }
  .group-left h5 {
    font-size: 14px;
  }
  div.notification-inner h4,
  div.relationship-notification-inner h4 {
    font-size: 15px;
  }
}
/*notification end*/