/*===============================================*/
/* MEDIA QUERIES   			 */
/*===============================================*/

@media only screen and (max-width: 1735px) {
  .model .profile .viewers p, .model .profile .live-stream p {
    font-size: 26px; }
  .tag_row {
    width: 24%; }
  .model .profile .photo-more {
    text-align: left;
    position: absolute;
    left: 0;
    top: 0;
    width: 605px; } }


@media screen and (max-width: 1300px) {
  .modelbox {
    width: calc(14.666667% - 6px); } }


@media only screen and (max-width: 1200px) {
  .faq h1 { 
    font-size: 40px;
    margin-bottom: 10px; }
  .faq_container .faq_heading { 
    margin-bottom: 5px;
    font-size: 20px; }
  .offline-message .col-sm-3, .sponsor-message .col-sm-3, .col-sm-3 { 
    width: 23.8%; }
    .offline-message .col-sm-3:nth-child(n+9) {
      display: none; }
    .sponsor-message .col-sm-3:nth-child(n+5) {
      display: none; }
    .grid-view-similar .col-sm-3:nth-child(n+4) {
      display: none; }
  .webcam .modelboxRelated {
    width: 23.7%; } }


@media only screen and (max-width: 1190px) {
  .model .online {
    display: block; }
  .model .webcambox {
    flex: none; }
  .model .chatroom {
    max-width: 670px;
    margin-left: 0;
    margin-top: 70px;
    padding-bottom: 20px;
    flex: none; }
    .model .chatroom .chat-display {
      height: 200px; }
  .model .profile .wrap {
    max-width: 580px; }
    .model .profile .wrap .left { 
      flex-direction: column; }
  .model .profile .photo {
    width: 100%;
    margin: 0; }
    .model .profile .photo img {
      width: 100%;
      max-width: 100%;
      height: auto; }
  .model .profile .info {
    width: 100%;
    margin-top: 15px; }
  .model .profile .photo-more {
    width: inherit;
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: row;
    padding: 5px;
    margin-left: -10px;
    margin-right: -10px; }
    .model .profile .photo-more a {
      flex: 1 1 auto;
      margin: 5px; }

  .modelTags .onlineTags {
    display: block;
    width: 90%; } }


@media screen and (max-width: 1100px) {
  .modelbox {
    width: calc(23% - 6px); } }


@media only screen and (max-width: 1085px) {
  .webcam_related {
    display: none; }

  .model .webcam {
    width: 100%; } }


@media only screen and (max-width: 1060px) {
  nav.top { 
    position: relative; }
  nav .mobile { 
    position: absolute;
    top: 60px;
    background: #ec560b;
    width: 100%;
    flex-wrap: wrap;
    z-index: 999;
    gap: 0px;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 0.3s ease;
    opacity: 1; }
    nav .mobile.opened {
      transform: scaleY(1) !important;  }
      nav .mobile.opened a, nav .mobile.opened a.home { 
        padding: 5px 0 0;
        height: 40px;
        width: 100%;
        display: flex; }
  nav .mobile a { 
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    margin: 0;
    border-bottom: 1px solid #a33b08; }
  header .headbox { 
    background: #ec560c;
    width: 100%;
    padding: 20px;
    position: absolute;
    left: 0;
    top: 155px;
    z-index: 999;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 0.3s ease;
    opacity: 1; }
    header form {
      margin: 0 auto;
      width: 100%;
      max-width: 400px; }
    header form input[type="text"] { 
      height: 48px;
      width: 100%; }
    header form input[type=submit] { 
      padding: 12.6px 25px; }
    header .headbox.opened {
    transform: scaleY(1) !important;  }
  nav.top { 
    gap: 20px; }
  nav.top a { 
    display: none; }
  .mobile-menu-button, .mobile-search-button {
    display:flex; } }


@media only screen and (max-width: 992px) { 
  .offline-message .col-sm-3, .sponsor-message .col-sm-3, .grid-view-similar .col-sm-3 { 
    width: 32%; }
    .offline-message .col-sm-3:nth-child(n+7) {
      display: none; }
    .sponsor-message .col-sm-3:nth-child(n+4) {
      display: none; }
    .grid-view-similar .col-sm-3:nth-child(n+3) {
      display: none; }
  .col-sm-3 { 
    width: 31.9%; } }


@media only screen and (max-width: 970px) {
  
  header .social {
    display: none; }
  

  .model .online {
    padding: 45px 0; }

  .faq .faq-row {
    display: block; } }

@media only screen and (max-width: 925px) { 
  .footerBanner a:nth-child(n+3){ 
    display: none; }
  .tag_row { 
    width: 32%; }
}

@media only screen and (max-width: 780px) {
  .filterbox .filters .dropdown-menu-filter button { 
    height: 38px; }
  .menu-head-dropdown { 
    top: 38px; }
  .model .offline {
    display: block;
    padding: 10px 0 10px 10px; }
  .model .webcambox {
    width: 100%; }
  .model .webcam img {
    width: 100%;
    max-width: 100%;
    height: auto; }
  .model .profile .live-stream, .model .profile .viewers { 
    padding: 10px 0; }
  #object_container_0 {
    height: 300px !important; }

  .filterbox {
    flex-direction: column;
    height: 100px; }
    .filterbox .filters {
      position: relative;
      right: 0;
      top: -10px; }
      .filterbox .filters .menu-head { 
        height: 38px; }

  .webcam .modelboxRelated {
    width: 48%; } }


@media screen and (max-width: 770px) {
  .modelbox {
    width: calc(48% - 6px);
    margin: 0 1% 0.6em; }
    .modelbox.more {
      width: 47% !important; } }


@media only screen and (max-width: 768px) {
  .filterbox h2 { 
    font-size: 24px; }
  .filterbox h2 svg {
    width: 30px;
    height: 30px; }
  .features h3 { 
    font-size: 30px; }
  .features h4, .wrap .box h5,  { 
    font-size: 20px; }
  .features .wrap .box p {
    font-size: 14px;  }
  .welcomebox h1 { 
    font-size: 26px; }
  .offline-message .col-sm-3, .sponsor-message .col-sm-3, .grid-view-similar .col-sm-3 { 
    width: 48%; }
    .offline-message .col-sm-3:nth-child(n+5) {
      display: none; }
    .sponsor-message .col-sm-3:nth-child(n+3) {
      display: none; }
    .grid-view-similar .col-sm-3:nth-child(n+3) {
      display: block; }
    .grid-view-similar .col-sm-3:nth-child(n+4) {
      display: none; }
  .col-sm-3 { 
    width: 48.5%; } }


@media only screen and (max-width: 744px) {
  .dropdown-menu-filter {
    width: 32%; }

  .modelbox img {
    width: 100%;
    max-width: 100%;
    height: auto; }
  .modelbox .loc {
    display: block;
    border-top: 1px solid #ededed;
    padding-left: 19px;
    overflow: hidden; }

  .modelboxRelated img {
    width: 100%;
    max-width: 100%;
    height: auto; }
  .modelboxRelated .loc {
    display: block;
    border-top: 1px solid #ededed;
    padding-left: 19px;
    overflow: hidden; } }
@media only screen and (max-width: 650px) {
  .sidebar_banner{
    display:none; }
  #active-banner{
    width:100%; }
  .tag_row {
    width: 48%; }
  .footerBanner a:first-child{ 
    display: none; }
  nav.top {
    height: 62px;
    position: relative;
    text-align: right; }
    nav.top i.fa-bars {
      float: left;
      display: inline-block;
      margin: 13px 0 0 15px;
      cursor: pointer; }
    nav.top i.fa-search {
      float: left;
      display: inline-block;
      font-size: 28px;
      margin: 16px 0 0 15px;
      cursor: pointer; }
    nav.top #dropdown-menu {
      text-align: center;
      position: relative;
      z-index: 10; }
    nav.top a.home {
      display: none; }
  #overlayModal {
    opacity: 0.9;
    background-color: #94274a; }
    .simplemodal-pageWrap { 
      height: 100%;
      width: 100%; }
    #containerModal .contact_pop {
      padding: 0; }
    #containerModal .loginpopup {
      padding: 0; }
    #containerModal a.closeModalImg {
      right: calc(50% - 43px);
      font-size: 25px; }
      #containerModal a.closeModalImg svg path{ 
        fill: #505050; }
  .headbox.visible {
    display: inherit;
    z-index: 1; }
  .model .stats {
    display: block; }
    .model .stats .left {
      display: block;
      flex: none;
      border-right: none;
      border-bottom: 1px solid #e3e3e3;
      padding-bottom: 10px;
      margin-bottom: 10px; }
    .model .stats .right {
      display: block;
      flex: none;
      text-align: left; } }
@media only screen and (max-width: 600px) {
  .filterbox {
    position: relative;
    top: 0;
    padding: 0;
    text-align: center; }
    .filterbox h2 {
      margin: 0;
      justify-content: center; }
    .filterbox .filters {
      margin-left: 0;
      width: 92%;
      margin: 0 auto; }
      .filterbox .filters .menu-head {
        text-align: left; }

  footer.footer {
    font-size: 10px; }
    footer.footer nav {
      font-size: 12px; }

  .features .wrap {
    display: block; }
    .features .wrap .box {
      flex: auto; }

  .model .online {
    padding: 30px 0; }

  .modelTags .onlineTags {
    padding: 30px 10px; }

  .modelbox.more {
    display: none; } }
@media only screen and (max-width: 575px) {
  .more:before { 
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px; }
  .more a {
    font-size:20px } }


@media only screen and (max-width: 540px) {
  .grid-view-similar .col-sm-3 { 
    width: 47.3%; }
  .col-sm-3 { 
    width: 48%; } }


@media only screen and (max-width: 500px) {
  .welcomebox h1 { 
    font-size: 20px; }
  .welcomebox p {
    font-size: 14px; }
  .warning-container {
    width: 100%;
    margin: 0;
    border-radius: 0;
    padding: 10px 0;
    border: 0; }
    .warning-container h3 {
      padding: 0; }

  .warning-text {
    font-size: 12px; }

  .warning-under-text {
    font-size: 11px; }

  footer.footer nav {
    width: 300px;
    margin: 10px auto 20px auto; }
    footer.footer nav a {
      padding: 0 10px 5px; }

  .model .profile .wrap {
    padding: 10px 10px 45px 10px; }
  .model .profile .info ul li {
    overflow: hidden;
    font-size: 14px; } }


@media only screen and (max-width: 415px) {
  .faq h1 { 
    font-size: 25px; }
  .col-sm-3 { 
    width: 47%; } }


@media only screen and (max-width: 400px) {
  .logo1, .logo2{
    font-size:40px; }
  .filterbox {
    height: 170px; }
    .filterbox .filters {
      width: 65%; }
      .filterbox .filters .menu-head {
        text-align: center; }

  .dropdown-menu-filter {
    width: 100%;
    margin-right: 0%;
    margin-left: 0%; }

  .logo img {
    width: 90%; } }


@media only screen and (max-width: 360px) {
  .model .chatroom .chat-line input[type=text] {
    width: 100%;
    margin-right: -46px;
    flex: none; } }