/*
*
* # Home pages
*   # Function name:  widget-smile-list-top-operator
*   # Url files: /wp-content/themes/onecompany/inc/widgets/widget-smile-list-top-operator/layouts
*   #line: 10, 40, 74 
*
*
*
*
*
*
*/

/** csstom css  */

/* header */

/* img {
  max-width: 100%;
} */

.header-mobile .nav-mobile {
  height: 100vh;
  width: 100%;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9999999;
  background-color: #eceeef;
  padding: 0 15px;
  transform: translateX(-100%);
  transition: all ease-in 1s;
  -webkit-transition: all ease-in 1s;
  -webkit-transform: translateX(-100%);
}

.header-mobile .nav-mobile.visible {
  transform: translateX(0%);
  -webkit-transform: translateX(0%);
}

.header-mobile .brand-mobile::after {
  content: "";
  clear: both;
  display: table;
}

.header-mobile .screen-reader-text {
  display: none;
}

.header-mobile .languages-links {
  display: block;
  margin-top: 5px;
}

.header-mobile .search .search-right {
  display: block;
  max-width: 100%;
  border: 1px solid #ececec;
  height: 40px;
  margin-bottom: 20px;
  position: relative;
}

.header-mobile .search .search-right label {
  display: inline-block;
  width: 100%;
  line-height: 40px;
  height: 100%;
}

.header-mobile .search .search-right label .search-field {
  display: block;
  height: 100%;
  width: 100%;
  border: none;
  outline: none;
  color: #222;
  padding: 15px 5px;
  background-color: #fff;
  margin-top: 15px;
  border-radius: 4px;
}

.header-mobile .search .search-right label .search-field::placeholder {
  color: #fff;
  text-align: right;
}

.header-mobile .search .search-right .search-submit {
  display: inline-block;
  background: none;
  border: none;
  outline: none;
  line-height: 20px;
  font-size: 24px;
  color: #ccc;
  position: absolute;
  right: 7px;
  top: 15px;
}



@media not all and (min-resolution:.001dpcm) {
  @supports (-webkit-appearance:none) {
    .header-mobile .search .search-right .search-submit {
      position: absolute;
      right: 3px;
      top: 15px;
    }

    button.menu-toggle {
      color: white;
      display: block;
      width: 35px;
      height: 35px;
      float: right;
      text-align: center;
      font-size: 26px;
      padding: 0px;
      background: transparent;
      border: 0;
      padding-top: 10px;
    }

    .login-links {
      padding-top: 5px;
    }

    .header-mobile .languages-links {
      display: block;
      padding-top: 5px;
    }
  }
}


.header-mobile .search-right {
  border: 0 !important;
  border-top: 1px solid #fff !important;
}

.header-mobile .search .search-right .search-submit .fa-search {
  font-size: 13px;
}

.header-mobile .search .search-right .search-submit i {
  font-weight: 100;
}

.header-mobile .primary-menu ul#primary-menu-menu .current_page_item a,
.header-mobile .primary-menu ul#primary-menu-menu .current-menu-item a {
  color: #004c85;
}

.header-mobile .login-links a {
  color: #000000;
  display: block;
}

.header-mobile .login-links a img {
  max-width: 100%;
  height: 100%;
  object-fit: contain;
  width: 26px;
  height: 26px;
}

.col-logo .header-logo {
  width: 100%;
  height: auto;
  text-align: center;
}

.col-logo .header-logo img {
  max-width: 100%;
}

.rslides_tabs {
  width: 25% !important;
  bottom: 2.5% !important;
  right: 0 !important;
  font-size: 10px !important;
}

.blog .post .readmore-link.c-text {
  font-style: italic;
}

/* Footer */

.back-to-top {
  padding-top: 45px;
  text-align: center;
  position: absolute;
  right: 130px;
  bottom: 90px;
}

#back-sroll-top {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 35px;
  cursor: pointer;
  background-image: var(--url);
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  font-size: 22px;
  border-radius: 50%;
  text-align: center;
}

#back-sroll-top:hover {
  background-color: #333;
  color: #66717c;
}

/* Archive operator*/

.filter-box {
  overflow: visible;
  height: 50px;
}

@media (min-width: 1281px) {
  .header-mobile {
    display: none;
  }
}

@media (min-width: 1025px) and (max-width: 1280px) {
  .site-branding .container-fluid:not(.header-mobile) {
    display: none;
  }

  .header-mobile {
    display: block;
  }
}


@media (min-width: 768px) and (max-width: 1024px) {
  .site-branding .container-fluid:not(.header-mobile) {
    display: none;
  }

  .header-mobile {
    display: block;
  }
}

@media (min-width: 767.98px) {
  .copy {
    display: none;
  }
}

@media (max-width: 767px) {

  /*operator admin dashboard*/
  .page-template-operator_admin_dashboard #main-content {
    z-index: 1;
  }

  .site-branding .container-fluid:not(.header-mobile) {
    display: none;
  }

  .header-mobile {
    display: block;
  }

  .col-item.col-item-first .copyright {
    display: none;
  }

  .copy {
    display: block;
    margin-top: 0;
    text-align: center;
  }
}

@media (max-width: 425px) {

  /*Home page*/
  .main-navigation {
    background-color: #000 !important;
  }

  #site-navigation.toggled ul#primary-menu-menu {
    height: 100vh;
  }

  #site-navigation.toggled ul li {
    width: 50%;
    padding: 0;
    line-height: 1.2;
    margin: 10px auto 0;
  }

  .main-navigation .nav-menu li {
    text-align: center;
  }

  .site-join-now {
    margin: 20px 10px 10px;
  }

  .site-join-now a {
    font-size: 13px;
    padding: 7px 10px 7px 10px;
    width: 100%;
  }

  .view_all {
    display: none;
  }

  .view-all-bottom {
    margin: 10px auto;
    text-align: center;
    border-top: 0.75px solid #C0BFBF;
    border-bottom: 0.75px solid #C0BFBF;
    padding: 10px 0;
    font-size: 12px;
    display: block;
  }

  #sidebar .sidebar-operator {
    margin: 0 -15px 15px;
  }

  .view-all-bottom a {
    color: #C80401;
  }

  .view-all-bottom a .fa-angle-double-right {
    padding-left: 10px;
  }

  .header-logo.col-xs-8 {
    width: 100%;
  }

  .header-banner.col-xs-4 {
    width: 100%;
  }

  #site-navigation.toggled ul#primary-menu-menu {
    width: 100%;
  }

  .header-logo .header-logo {
    display: block;
    text-align: center;
  }

  .header-logo .header-logo a {
    display: inline-block;
    margin-top: 10px;
  }

  .languages-links {
    display: block;
  }

  .languages {
    display: inline-block;
    list-style: none;
    margin-bottom: 0;
  }

  .languages a {
    display: block;
    color: #fff;
    text-transform: capitalize;
  }

  .home-menu-right {
    background-color: #ffff;
  }

  .home-banner {
    margin-top: 0;
    margin-bottom: 5px;
  }

  .home-banner .col-md-12 {
    padding: 0;
  }

  .home-images {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    background-color: #ffff;
  }

  .home-images .item-1 .col-md-12 {
    padding: 0;
  }

  .home-images .item-2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 5px;
  }

  .home-image-left .item-1 {
    margin-bottom: 5px;
  }

  .home-image-left .item-1 img {
    height: auto;
  }

  .home .lastest-bonuses .site-blog-post-layout-carousel,
  .operator-detail .lastest-bonuses .site-blog-post-layout-carousel {
    height: 365px;
  }

  .home-images .item-2 [class*="home-image-left-bottom-"] {
    width: 50%;
    flex: 0 0 50%;
    padding: 0;
  }

  .home-image-left .item-2 img {
    height: 250px;
  }

  .home-images .item-2 .home-image-left-bottom-1 {
    padding-right: 5px;
  }

  .home-images .home-image-middle {
    padding: 0;
    order: 2;
  }

  .main-blog-sidebar {
    margin-top: 0;
  }

  .home .home-menu-right .sidebar-operator {
    border: none;
    margin-bottom: 5px;
  }

  .home .site-content .home-menu-right .sidebar-operator .widget-title::before {
    display: none;
  }

  .home .home-menu-right .sidebar-operator .widget-title {
    color: #fff !important;
    text-align: center;
    font-size: 15px;
  }

  .home .home-menu-right .sidebar-operator .widget-title .view_all {
    display: none;
  }

  #widget_list_top_operator-2 {
    padding: 0;
  }

  /* .list-post-top-operator {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
  } */
  .list-post-top-operator::after {
    content: "";
    display: table;
    clear: both;
  }

  /* .list-post-top-operator .site-layout-top-operator-row {
    max-width: 50%;
    flex: 0 0 50%;
    margin: 0;
  } */
  .site-blog-post-layout-top-operator .col-mobile-2 {
    /* max-width: 16.66%; */
  }

  .site-blog-post-layout-top-operator .col-mobile-10 {
    max-width: 83.33%;
    padding-left: 20px;
  }

  /*   .list-post-top-operator .site-blog-post-layout-top-operator {
    display: block;
    margin: 0 -15px;
    padding-left: 0;
  } */
  .site-blog-post-layout-top-operator::after {
    display: table;
    clear: both;
    content: "";
  }

  .list-post-top-operator .site-blog-post-layout-top-operator .site-title {
    margin-top: 0px;
    margin-left: 5px;
  }

  .site-blog-post-layout-top-operator .site-title h4 {
    height: 45px;
    overflow: hidden;
  }

  .home .home-menu-right .sidebar-operator .widget-title .view_all,
  .home .home-menu-right .sidebar-operator .view_all,
  .home .home-menu-right .sidebar-operator .view_all {
    display: none;
  }

  .home .home-menu-right .sidebar-operator .main-with-sidebar {
    padding: 0;
  }

  .home .newest-operator .site-blog-post-layout-carousel .site-summary {
    font-size: 12px;
    text-transform: lowercase;
  }

  .list-post-widgets {
    margin-bottom: 15px;
  }

  .home #widget_list_operators-2 .newest-operator .site-blog-post-layout-carousel .site-summary {
    height: 75px;
    line-height: normal;
    color: #000;
  }

  .home .lastest-bonuses .site-blog-post-layout-carousel .site-summary {
    height: 60px;
  }

  .home #widget_list_operators-2 .item-wrapper .site-join-now {
    padding: 0 5px;
  }

  .home #widget_list_bonus-2 .item-wrapper .site-join-now {
    margin: 10px;
  }

  .main-blog-sidebar-left .owl-theme .owl-nav.disabled+.owl-dots {
    float: none;
  }

  #widget_list_case_by_operator-2 .widget-title {
    color: #fff !important;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
  }

  /*   .site-blog-post-layout-top-operator {
    padding-left: 15px;
  } */
  .site-blog-post-layout-top-operator .col-md-2 {
    width: 16.66%;
  }

  .site-blog-post-layout-top-operator .col-md-6 {
    width: 50%;
  }

  .lastest-complaints .site-blog-post-layout-carousel .site-summary,
  .archive .complaint-list .post-item .site-summary {
    height: 60px;
    padding: 0 5px 15px;
  }

  .site-blog-post-layout-carousel .site-summary,
  .archive .complaint-list .post-item .article-box .site-summary,
  .archive .bonus-item .article-box .site-summary {
    font-size: 12px;
  }

  .home .home-menu-right .sidebar-operator .site-blog-post-layout-top-operator .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
  }

  .home .home-menu-right .sidebar-operator .site-blog-post-layout-top-operator .row .col-md-2 {
    width: 16.66%;
  }

  .home .home-menu-right .sidebar-operator .site-blog-post-layout-top-operator .row .col-md-6 {
    width: 50%;
  }

  .home .home-menu-right .sidebar-operator .site-blog-post-layout-top-operator .row .col-md-4 {
    width: 33.33%;
  }

  .main-blog-sidebar .main-blog-sidebar .case-by-operator .complaints-count {
    font-size: 10px;
  }

  .site-footer .row {
    padding: 0 7.5;
  }

  .site-footer .col-item {
    width: 25%;
    padding: 0 7.5px;
  }

  .site-footer .col-item-first,
  .site-footer .col-item.col-sgnup,
  .site-footer .col-item.col-back {
    width: 100%;
    text-align: center;
  }

  .col-item-first .header-logo {
    text-align: center;
    display: block;
  }

  .col-item-first .header-logo a,
  .col-item-first .copyright {
    display: inline-block;
  }

  .case-by-operator .site-layout-top-operator-row .site-blog-post-layout-top-operator {
    padding: 12px 0;
  }

  .case-by-operator .complaints-count {
    text-transform: capitalize;
  }

  /* Footer */
  .back-to-top {
    padding-top: 15px;
    text-align: center;
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 0;
  }

  /*Archive page*/
  .archive .content,
  .wrapper-content {
    margin-top: 0;
  }

  .archive-operators .content-header {
    margin: 0 -15px;
  }

  .archive .content-header img {
    width: 100%;
    height: 200px;
    object-fit: cover;
  }

  .archive-footer-area .textwidget p {
    margin-bottom: 2.5px;
  }

  .archive .entry-header {
    width: 100%;
    overflow: hidden;
    text-align: center;
    display: block;
  }

  .archive .operator-types-list ul li {
    padding: 4px 8px;
    margin: 7px 6px;
  }

  .archive .entry-header .category-main-title {
    text-align: center;
    margin: 0;
    font-size: 16px;
    color: black !important;
    display: inline-block;
    width: 100%;
    margin: 20px 0;
  }

  .archive .operator-list {
    margin-left: -15px;
    margin-right: -15px;
    padding: 0 7.5px;
  }

  .archive .operator-list .operator-item {
    margin-bottom: 15px;
    width: 50%;
    padding: 0 7.5px;
  }

  .archive .operator-item figure {
    padding: 25px 10px;
  }

  .archive .article-box {
    height: 150px;
    overflow: hidden;
  }

  .archive .operator-item article .site-thumbnail {
    height: 125px;
  }

  .archive .operator-item article .entry-content {
    height: 120px;
    overflow: hidden;
  }

  .archive .site-join-now {
    margin-top: 10px;
    margin-bottom: 15px;
  }

  .archive .site-join-now a {
    width: 100%;
    display: block;
  }

  .archive .middle-adv {
    margin: 0 -1px;
    padding: 0 1px;
  }

  .archive .middle-adv .container {
    padding: 0 7.5px;
  }

  .archive .middle-adv [class*="adv-item-"] {
    overflow: hidden;
    padding: 0 !important;
  }

  .archive .breadcrumbs {
    display: none;
  }

  .archive .operator-types-list {
    display: block;
    padding: 15px;
    margin: 0 0 15px;
  }

  .archive .filter-box {
    display: none;
  }

  .archive .middle-adv .adv-item img {
    margin-bottom: 15px;
    height: auto;
  }

  .archive .archive-bonus-sidebar {
    padding: 0 15px;
  }

  /* Archive-bonus page */
  .archive .archive-bonus .bonus-filters .filter-results-title:first-child {
    width: 66.66%;
    margin-bottom: 10px;
  }

  .archive .archive-bonus .bonus-filters .sort-title {
    width: 33.33%;
    margin-bottom: 10px;
  }

  .archive .bonus-list .bonus-item {
    margin-bottom: 15px;
    height: 325px;
  }

  .archive .bonus-list .bonus-item .site-join-now {
    margin: 15px 0;
  }

  .archive .bonus-list .bonus-item .site-join-now {
    margin: 5px 0 10px;
  }

  .archive .bonus-list .bonus-item article .site-title a {
    font-size: 12px;
  }

  .archive .bonus-item .site-image {
    /* padding: 20px 10px 0;
    max-width: 100%;
    height: 72px; */
  }

  .archive .bonus-item .site-image img {
    width: 100%;
    height: auto;
    margin: auto;
  }

  .archive .bonus-list {
    padding: 0;
    margin-left: -7.5px;
    margin-right: -7.5px;
  }

  .archive .bonus-list .bonus-item-wrapper {
    width: 50%;
    padding: 0 7.5px;
  }

  .archive-bonus-sidebar .widget_text .textwidget {
    display: flex;
    width: 100%;
    padding: 7.5px;
    justify-content: center;
    flex-wrap: wrap;
  }

  .archive-bonus-sidebar .widget_text .textwidget p {
    max-width: 50%;
    padding: 0 7.5px;
    flex: 0 0 50%;
    margin-bottom: 15px;
  }

  .archive-footer-area .item {
    padding: 0;
  }

  .archive .archive-footer-area img {
    width: 100%;
    object-fit: cover;
    height: 175px;
  }

  .archive-footer-area .item,
  .archive-header-area .item {
    padding: 0;
  }

  .archive .bonus-item .post-type-archive-bonus .sidbar-bonus-1 {
    display: block;
  }

  .post-type-archive-bonus #text-6 {
    margin: 0 -15px;
  }

  .post-type-archive-bonus #text-6 .textwidget {
    display: flex;
    padding: 0 7.5px;
  }

  .post-type-archive-bonus #text-6 .textwidget p {
    max-width: 50%;
    flex: 0 0 50%;
    padding: 0 7.5px;
    margin-bottom: 15px;
  }

  .post-type-archive-bonus .blog-header-image-wdg img {
    height: 85px;
    object-fit: cover;
  }

  .post-type-archive-bonus #text-6 .textwidget p img {
    height: 250px;
  }

  /*Account page*/
  .login-register-area {
    width: 100%;
    padding: 0 15px;
  }

  .login-register-area .box {
    width: 100%;
    padding: 15px;
  }

  .login-register-area .social .right,
  .login-register-area .social .left {
    padding: 0;
    width: 50%;
  }

  .login-register-area .social .right {
    padding-left: 15px;
  }

  .login-register-area .social .right .line {
    margin-right: 0;
  }

  .login-register-area .social .left .line {
    margin-left: 0;
  }

  .login-register-area .social .or {
    left: calc(50% - 10px);
  }

  /*News page*/
  .blog .content {
    width: 100%;
  }

  .blog .content,
  .wrapper-content {
    margin-top: 0;
  }

  .blog .head-top-menu ul {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
  }

  .blog .head-top-menu ul li {
    display: none;
    margin: 0;
  }

  .blog .head-top-menu ul li:first-child {
    flex: 0 0 35%;
    max-width: 35%;
    display: block;
  }

  .blog .head-top-menu ul li:nth-child(2) {
    flex: 0 0 65%;
    max-width: 65%;
    line-height: 60px;
    height: 60px;
    display: block;
  }

  .blog .head-top-menu ul li a {
    font-size: 12px;
    margin-left: 30px;
  }

  .blog .head-top-menu ul li:first-child a {
    margin: 0;
    font-size: 14px;
  }

  .blog .head-top-menu ul li::before {
    content: "";
    height: 10px;
    width: 10px;
    top: 25px;
    left: 15px;
  }

  .blog .header-image {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0;
  }

  .blog .blog-header-image-wdg {
    margin: 0;
  }

  .blog .header-image img {
    width: 100%;
    object-fit: cover;
    height: 150px;
  }

  .blog article .site-title {
    font-size: 16px;
  }

  .blog .c-text {
    letter-spacing: 0;
    font-weight: 500;
    font-size: 13px;
  }

  .blog #sidebar {
    margin: 0;
  }

  .blog .blog-header-image-wdg {
    margin: 0;
  }

  .blog .textwidget {
    display: flex;
    margin: 0;
    flex-wrap: wrap;
  }

  .blog .textwidget p {
    padding: 0;
    max-width: 50%;
    flex: 0 0 50%;
    margin: 0;
  }

  .blog .blog-header-image-wdg #text-7 p {
    margin-bottom: 15px;
  }

  .blog .blog-header-image-wdg #text-9 p {
    margin-top: 15px;
    margin-bottom: 2.5px;
  }

  .blog #text-8 .textwidget p:nth-child(1) {
    padding-right: 7.5px;
  }

  .blog #text-8 .textwidget p:nth-child(2) {
    padding-left: 7.5px;
  }

  .blog .widget_text .textwidget img {
    height: 150px;
    object-fit: cover;
  }

  .blog .blog-header-image-wdg .textwidget p {
    flex: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
  }

  .archive .archive-complaint-separator .blog-header-image-wdg {
    padding-right: 0;
    padding: 0 9px;
    margin-bottom: 15px;
  }

  /* Archive-complaint page */
  .post-type-archive-complaint .complaint-list {
    padding: 0 7.5px;
  }

  .post-type-archive-complaint .complaint-list .post-item {
    max-width: 50%;
    flex: 0 0 50%;
    padding: 0 7.5px;
  }

  .post-type-archive-complaint .archive-complaint-sidebar .list-post-widgets:first-child {
    display: none;
  }

  .archive .archive-complaint-separator {
    margin: 0 auto;
  }

  .archive .archive-complaint-separator .blog-header-image-wdg {
    padding: 0;
    margin-bottom: 15px;
  }

  .archive .archive-complaint-separator .blog-header-image-wdg img {
    height: 85px;
    object-fit: cover;
  }

  .lastest-complaints .site-blog-post-layout-carousel .site-title .time,
  .archive .complaint-list .post-item .site-title .time {
    font-size: 11px;
  }

  .archive-complaints #text-4 .textwidget {
    display: flex;
    margin: 0 -15px;
    padding: 0 7.5px;
  }

  .archive-complaints #text-4 .textwidget p {
    max-width: 50%;
    flex: 0 0 50%;
    padding: 0 7.5px;
  }

  .archive-complaints .blog-header-image-wdg img,
  .blog #sidebar img {
    height: 150px;
    object-fit: cover;
  }

  .archive-complaints #text-4 .textwidget p img {
    height: 250px;
  }

  .archive-complaints .archive-footer-area .textwidget p {
    margin-top: 5px;
  }

  .archive-complaints .archive-footer-area .col-xs-12,
  .archive-complaints .archive-header-area .col-xs-12 {
    padding: 0;
  }

  /*Create operators*/
  .container.write-new-complaint {
    padding: 0 15px;
  }

  .container.write-new-complaint #main-content,
  .container.write-new-complaint #sidebar {
    padding: 0;
  }

  .write-new-complaint h1.status-title {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 16px;
    color: #333 !important;
    text-align: center;
  }

  .write-new-complaint .normal-title {
    font-size: 14px;
    line-height: 15px;
    text-align: center;
    display: block;
  }

  .write-new-complaint .agree-box {
    text-align: center;
  }

  .write-new-complaint .item.right,
  .write-new-complaint .item.left {
    padding: 0 15px;
  }

  .write-new-complaint .box-item {
    border: none;
  }

  .write-new-complaint .functions-box {
    margin: 15px 0;
  }

  .write-new-complaint .functions-box .item {
    padding: 0;
  }

  .archive .complaint-list .post-item .article-box .site-summary {
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: normal;
    height: auto;
  }

  .archive .complaint-list .post-item .site-image .img-complain {
    height: 120px;
  }

  .archive .complaint-list .post-item .article-box {
    padding: 0 15px 15px 15px;
    margin-bottom: 15px;
    height: auto;
  }

  .my-button.send-review {
    width: 55%;
    float: right;
    margin: 0;
  }

  .write-new-complaint #text-4 .textwidget {
    display: flex;
    margin: 0 -15px;
    padding: 0 7.5px;
  }

  .write-new-complaint #text-4 .textwidget p {
    max-width: 50%;
    flex: 0 0 50%;
    padding: 0 7.5px;
  }

  .write-new-complaint .blog-header-image-wdg img,
  .blog #sidebar img {
    height: 150px;
    object-fit: cover;
  }

  .write-new-complaint #text-4 .textwidget p img {
    height: 250px;
  }

  .write-new-complaint {
    padding: 0;
  }

  /* single news*/
  .single-post .content,
  .wrapper-content {
    margin-top: 0;
  }

  .blog-header-image-wdg {
    padding: 0;
  }

  .blog-header-image-wdg img,
  .blog #sidebar img {
    width: 100%;
    object-fit: cover;
  }

  .single-post .readmore-link::after {
    right: 27%;
    top: 24%;
  }

  .single-post #text-8 .textwidget {
    display: flex;
    margin: 0 -15px;
    padding: 0 7.5px;
  }

  .single-post #text-8 .textwidget p {
    max-width: 50%;
    flex: 0 0 50%;
    padding: 0 7.5px;
  }

  .single-post #text-8 .textwidget p img {
    height: 250px;
  }

  .operator-detail .site-content {
    margin-bottom: 5px;
    margin-top: 0;
  }

  .single-post .readmore-line {
    margin-top: 15px;
  }

  /* single operator  */
  .single-operator .single-header {
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
  }

  .single-operator .single-header .info-area {
    text-align: center;
    flex: 0 0 100%;
    padding: 0;
  }

  .single-operator .single-header .logo-area {
    flex: 0 0 100%;
    padding: 0;
  }

  .single-operator .single-header .operator-logo {
    display: block;
    width: 100%;
    text-align: center;
    /* min-height: 80px;
    margin-bottom: 35px; */
  }

  .single-operator .single-header .operator-logo img {
    /* width: 35%; */
    display: block;
    margin: 0 auto;
    object-fit: contain;
  }

  .single-commons .single-header .info-area .info-item {
    letter-spacing: 0;
  }

  .single-operator .add-favous {
    padding-left: 28px;
  }

  .single-operator .add-favous .col-xs-12:first-child {
    display: none;
  }

  .single-operator .add-favous .col-xs-12 {
    width: 33.33%;
    margin-bottom: 10px;
  }

  .operator-detail .overviews .text-overviews {
    margin-top: 15px;
  }

  .single-operator .single-actions .col-xs-12 {
    text-align: center;
  }

  .single-operator .single-actions .my-button {
    width: 50%;
    display: inline-block;
    background: transparent;
  }

  .single-operator .sidebar-bonus {
    text-align: center;
  }

  .single-operator .site-layout-sidebar-bonus-row {
    display: block;
  }

  .single-operator .site-layout-sidebar-bonus-row .col-md-3 {
    width: 20%;
  }

  .single-operator .site-layout-sidebar-bonus-row .col-md-9 {
    width: 80%;
    padding-left: 0;
  }

  .single-operator .site-layout-sidebar-bonus-row .col-md-9 .site-title {
    display: block;
  }

  .single-operator .site-layout-sidebar-bonus-row .col-md-9 .site-title a {
    display: inline-block;
  }

  .tickets .ticket-item {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .tickets .ticket-item .left-ticket {
    /* max-width: 16.66%;
    flex: 0 0 16.66%; */
    padding-right: 0;
  }

  .tickets .ticket-item .left-ticket .avata {
    display: block;
    max-width: 100%;
  }

  .tickets .ticket-item .left-ticket .avata img {
    display: block;
    max-width: 100%;
    width: 45px;
    height: 45px;
  }

  .tickets .ticket-item .right-ticket {
    max-width: 83.33%;
    flex: 0 0 83.33%;
  }

  .reply {
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .tickets .ticket-item .reply .left-ticket {
    max-width: 20%;
    flex: 0 0 20%;
    padding-right: 0;
  }

  .tickets .ticket-item .reply .left-ticket img {
    display: block;
    /* max-width: 100%; */
    width: 45px;
    height: 45px;
  }

  .tickets .ticket-item .reply .right-ticket {
    max-width: 80%;
    flex: 0 0 80%;
    font-size: 18px;
    /* letter-spacing: 5px; */
  }

  .operator-detail .single-actions .my-button {
    margin-bottom: 15px;
  }

  .operator-detail .site-content .main-title {
    font-size: 18px;
  }

  .single-operator #text-2 .textwidget {
    display: flex;
    margin: 0 -15px;
    padding: 0 7.5px;
  }

  .single-operator #text-2 .textwidget p {
    max-width: 50%;
    flex: 0 0 50%;
    padding: 0 7.5px;
    margin-bottom: 15px;
  }

  .single-operator #text-2 .textwidget p img {
    height: 250px;
  }

  .single-operator .archive-footer-area img {
    height: 150px;
    object-fit: cover;
  }

  .single-operator .ticket-expand .readmore-link::after {
    right: 25%;
    top: 5px;
  }

  .operator-detail .box-item .left-info,
  .single-bonus .box-item .left-info {
    padding-left: 15px;
    width: 100%;
    margin-top: 15px;
  }

  .dashboard-detail-complaint .box-item .left-info {
    margin-top: 0;
  }

  .dashboard-detail-complaint .complaint-info .comp-detail {
    margin-top: 15px;
  }


  .operator-detail .submit-complaint {
    padding: 0 7.5px;
    margin-bottom: 15px;
  }

  .single-complaint .submit-complaint .left-info {
    /* padding: 0 7.5px; */
    margin: 0 0 15px;
  }

  .single-complaint .submit-complaint .left-info:first-child {
    margin-top: 10px;
    text-align: center;
  }

  .single-complaint .submit-complaint .left-info .my-button {
    width: 100%;
  }

  .operator-detail .box-item .right-info .links {
    height: auto;
  }

  .operator-detail .left-bar {
    padding-right: 15px;
  }

  .single-operator .complaint-op-info {
    margin-bottom: 15px;
  }

  .single-operator .archive-footer-area .col-xs-12 {
    padding: 0;
  }

  /* single complaint  */
  .single-complaint .reply #frm-review {
    max-width: 100%;
    display: inline-block;
    flex: 0 0 100%;
  }

  .single-complaint .site-content .widget-title>span {
    background: none !important;
    font-size: 14px;
  }

  .single-complaint #text-4 .textwidget {
    display: flex;
    margin: 0 -15px;
    padding: 0 7.5px;
  }

  .single-complaint #text-4 .textwidget p {
    max-width: 50%;
    flex: 0 0 50%;
    padding: 0 7.5px;
  }

  .single-complaint .blog-header-image-wdg img,
  .single-complaint #sidebar img {
    height: 150px;
    object-fit: cover;
  }

  .single-complaint #text-4 .textwidget p img {
    height: 250px;
  }

  /* single bonus */
  .single-bonus .main-left {
    padding-right: 15px;
  }

  .single-bonus .single-header::after {
    display: table;
    content: "";
    clear: both;
  }

  .single-bonus .single-header .info-area {
    text-align: center;
  }

  .single-bonus .single-header .logo-area {
    display: block;
    text-align: center;
    width: 100%;
  }

  .single-bonus .single-header .logo-area .avata {
    display: inline-block;
    float: none;
  }

  .single-bonus .relate-bonus-title .single-bonus .box-item .left-info {
    padding: 0;
  }

  .single-bonus .relate-bonus-title {
    margin-top: 15px;
    font-size: 16px;
    text-align: center;
  }

  .single-bonus .submit-complaint {
    padding: 0 7.5px;
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .single-bonus .submit-complaint .left-info {
    padding: 0 7.5px;
    margin: 0 0 15px;
    max-width: 50%;
    flex: 0 0 50%;
  }

  .single-bonus .submit-complaint .left-info:first-child {
    margin-top: 10px;
    text-align: center;
    max-width: 100%;
    flex: 0 0 100%;
  }

  .single-bonus .submit-complaint .left-info .my-button {
    width: 100%;
    font-size: 11px;
    padding: 4px;
  }

  .single-bonus .site-layout-sidebar-general-row {
    margin-bottom: 15px;
  }

  .single-bonus #text-6 .textwidget {
    display: flex;
    margin: 0 -15px;
    padding: 0 7.5px;
  }

  .single-bonus #text-6 .textwidget p {
    max-width: 50%;
    flex: 0 0 50%;
    padding: 0 7.5px;
  }

  .single-bonus .blog-header-image-wdg img,
  .single-bonus #sidebar img {
    height: 150px;
    object-fit: cover;
  }

  .single-bonus #text-6 .textwidget p img {
    height: 250px;
  }

  /*sinle post*/
  .single-post .entry-content img {
    width: 100% !important;
    object-fit: cover;
    height: auto !important;
  }

  .single-post article .blog-post-item .entry-title {
    font-size: 18px;
  }

  .single-post #sidebar {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
  }

  .single-post #sidebar .widget_custom_html {
    order: 3;
  }

  /* complete profile */
  .page-template-complete_your_profile .complete-profile .info-area {
    text-align: center;
    margin-bottom: 15px;
  }

  .page-template-complete_your_profile .complete-profile .info-area .avata span {
    margin-top: 35%;
    display: inline-block;
    position: static;
    transform: translate(0);
    margin-right: 0;
  }

  .page-template-complete_your_profile .complete-profile .infos {
    padding: 0;
  }

  .page-template-complete_your_profile .complete-profile .infos .col-xs-12 {
    margin-bottom: 15px;
  }

  .page-template-complete_your_profile .complete-profile .add-favous {
    overflow: visible;
    height: auto;
    margin-bottom: 20px;
  }

  .page-template-complete_your_profile .complete-profile .add-favous {
    overflow: visible;
    height: auto;
    display: flex;
    margin-bottom: 20px;
    flex-wrap: wrap;
    padding: 0 7.5px;
  }

  .page-template-complete_your_profile .complete-profile .add-favous .col-xs-12 {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 15px;
    padding: 0 7.5px;
  }

  .page-template-complete_your_profile .complete-profile .add-favous .col-xs-12:first-child {
    display: none;
  }

  .page-template-complete_your_profile .complete-profile .add-favous .op-box {
    text-align: center;
    display: block;
  }

  .page-template-complete_your_profile .complete-profile .add-favous .op-box a {
    display: inline-block;
    position: static;
  }

  .page-template-complete_your_profile .complete-profile .add-favous .op-box .avata {
    display: block;
    width: 100px;
    float: none;
    height: 100px;
    margin: 0 auto 10px;
    position: unset;
    padding-top: 20%;
  }

  .page-template-complete_your_profile .complete-profile .add-favous .op-box .avata span {
    position: static;
    margin: auto;
    transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
  }

  .page-template-complete_your_profile .complete-profile .add-favous .op-box .op-name {
    position: unset;
    text-align: center;
    margin-bottom: 10px;
    display: block;
  }

  .page-template-complete_your_profile .complete-profile .add-favous .op-box .my-button {
    position: static;
  }

  /*  my-dashboard  */
  .page-template-my_dashboard .my-dashboard .widget-title {
    margin-top: 0;
    margin-bottom: 15px;
  }

  .page-template-my_dashboard .my-dashboard .widget-title a {
    font-size: 16px;
  }

  .page-template-my_dashboard .site-content h3.widget-title::before {
    width: 13px;
    height: 13px;
    top: 7px;
  }

  .page-template-my_dashboard .my-dashboard .site-blog-post-layout-carousel .site-name {
    font-size: 12px;
  }

  .page-template-my_dashboard .my-dashboard .site-join-now {
    padding: 0;
  }

  .page-template-my_dashboard .my-dashboard .box-item-second .username {
    margin: 0;
    font-size: 13px;
    float: left;
  }

  .page-template-my_dashboard .my-dashboard {
    margin-bottom: 20px;
  }

  .page-template-my_dashboard .operator-list.related-operator-bonus {
    margin: 0;
    margin-bottom: 30px;
  }

  .page-template-my_dashboard .site-blog-post-layout-carousel .site-name {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    font-size: 13px;
  }

  .page-template-my_dashboard .site-join-now a {
    font-size: 12px;
    padding: 7px 10px 7px 10px;
    width: 100%;
  }

  /* edit profile  */
  .page-template-edit_profile .edit-profile .header-text {
    text-transform: initial;
    padding: 15px;
  }

  .page-template-edit_profile .infos {
    padding: 0;
    margin-bottom: 0;
  }

  .page-template-edit_profile .infos .col-xs-12 {
    margin-bottom: 15px;
  }

  .page-template-edit_profile #sidebar .sidebar-operator {
    margin: 0;
    margin-bottom: 15px;
  }

  .page-template-edit_profile .list-post-top-operator {
    padding: 0 15px;
  }

  /* account setting  */
  .account-settings .line {
    padding: 12px 0;
    margin: 0;
    width: 100%;
  }

  .account-settings .content {
    padding-bottom: 15px;
    padding-top: 15px;
  }

  .account-settings .my-button {
    float: none;
    margin-top: 0;
  }

  .page-template-account_setting .box-item-second.box-content .content {
    margin: 0;
  }

  .page-template-account_setting #sidebar .sidebar-operator {
    margin: 0;
    margin-bottom: 15px;
  }

  .page-template-account_setting .infos .col-xs-12 {
    margin-bottom: 15px;
  }

  .page-template-account_setting .account-settings .infos {
    padding: 0;
  }

  .account-settings .my-button {
    float: none;
    background-color: #222;
    color: #fff;
    text-align: center;
    width: 100%;
    margin-top: 10px;
  }

  .page-template-account_setting .list-post-top-operator {
    padding: 0 15px;
  }

  /* notifications  */
  .page-template-notifications .account-settings .my-button.mark {
    width: 40%;
  }

  .notifications .info-area .status-title {
    width: 60%;
    margin-top: 12px;
  }

  .page-template-notifications #sidebar .sidebar-operator {
    margin: 0;
    margin-bottom: 15px;
  }

  .page-template-notifications .reply {
    flex-wrap: nowrap;
    border-bottom: 1px solid rgba(237, 237, 237, 0.4);
  }

  .page-template-notifications .site-layout-top-operator-row {
    padding: 0 15px;
  }

  .page-template-account_setting .list-post-top-operator {
    padding: 0 15px;
  }

  .page-template-account_setting .left-ticket {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .page-template-account_setting .right-ticket {
    max-width: 75%;
    flex: 0 0 75%;
    padding-left: 0;
  }

  /*operator admin dashboard*/
  .operator-admin-dashboard .ticket-item .complaint-message {
    width: 100%;
  }

  .operator-admin-dashboard .box-item .comment-messge {
    height: 150px;
  }

  .operator-admin-dashboard .content-box .right-dashboard-menu {
    text-align: left;
    margin-top: 15px;
  }

  .operator-admin-dashboard .content-box .right-dashboard-menu .item {
    display: block;
    margin-left: 10px;
    float: left;
    margin-bottom: 10px;
  }

  .operator-admin-dashboard .content-box {
    border: 1px solid #ccc;
    margin: 15px 0;
    overflow: visible;
  }

  .operator-admin-dashboard .ticket-item {}

  .operator-admin-dashboard .ticket-item .left-ticket {
    /*  width: 25%; */
    padding-right: 0;
  }

  .operator-admin-dashboard .ticket-item .right-ticket {
    width: 75%;
  }

  .operator-admin-dashboard .box-item .ticket-item .left-ticket .username {
    font-size: 10px;
  }

  .operator-admin-dashboard .ticket-item .left-ticket .avata {
    display: block;
    width: 100%;
    text-align: center;
  }

  .operator-admin-dashboard .ticket-item .left-ticket .avata img {
    /* max-width: 100%; */
  }

  .operator-admin-dashboard .box-item .ticket-item .small-country {
    font-size: 8px;
  }

  .operator-admin-dashboard .ticket-title {
    font-size: 10px;
    line-height: 1.24;
    letter-spacing: normal;
  }

  .operator-admin-dashboard .ticket-item .complaint-message {
    font-size: 13px;
  }

  .operator-admin-dashboard.operator-detail .line {
    border-bottom: 1px solid #C4C4C4;
  }

  .operator-admin-dashboard .ticket-item {}

  .operator-admin-dashboard .right-ticket .ticket-item .left-ticket {
    padding-right: 0;
  }

  .operator-admin-dashboard .right-ticket .ticket-item .right-ticket {}

  /***** Archive top operator ****/
  .top-operator-page .site-content.title {
    margin-bottom: 15px;
    margin-top: 15px;
  }

  .page-template-top_operators .site-content h3.widget-title {
    margin: 0;
    text-align: center;
  }

  .page-template-top_operators .site-layout-top-operator-row {}

  .page-template-top_operators .site-content h3.widget-title::before {
    content: none;
  }

  .page-template-top_operators .site-layout-top-operator-row {
    max-width: 100%;
    flex: 0 0 100%;
  }

  .page-template-top_operators .site-layout-top-operator-row.header .col-xs-1.col-mobile-2 {
    width: 16.66%;
    max-width: 16.66%;
  }

  .page-template-top_operators .site-layout-top-operator-row.header .col-mobile-10 {
    width: 50%;
  }

  .page-template-top_operators .site-layout-top-operator-row.header .col-xs-12.col-mobile-2 {
    width: 33.33%;
  }

  .page-template-top_operators .site-layout-top-operator-row.header .item:nth-child(3) {
    display: none;
  }

  .page-template-top_operators .site-layout-top-operator-row.detail .bonus {
    display: none;
  }

  .page-template-top_operators .site-blog-post-layout-top-operator .col-mobile-2 {
    width: 16.66%;
    padding-right: 0;
  }

  .page-template-top_operators .site-blog-post-layout-top-operator .col-mobile-10 {
    width: 50%;
    padding: 0 15px;
    padding-right: 0;
  }

  .page-template-top_operators .site-blog-post-layout-top-operator .col-mobile-10 .site-image {
    width: 35%;
    float: left;
  }

  .page-template-top_operators .site-blog-post-layout-top-operator .col-mobile-10 .site-image img {
    max-width: 100%;
  }

  .page-template-top_operators .site-blog-post-layout-top-operator .col-mobile-10 .site-item.site-title {
    width: 65%;
    float: left;
  }

  .page-template-top_operators .site-blog-post-layout-top-operator .col-mobile-2.actions {
    max-width: 33.33%;
    width: 33.33%;
  }

  .page-template-top_operators .site-blog-post-layout-top-operator .actions .site-join-now {
    margin: 0;
    padding: 0;
  }

  .page-template-top_operators .site-blog-post-layout-top-operator .actions .site-join-now a {
    font-size: 10px;
    padding: 4px;
    width: 100%;
  }

  .page-template-top_operators .site-blog-post-layout-top-operator .actions .site-join-now a .fa {
    margin-left: 5px;
    font-size: 12px;
    vertical-align: middle;
  }

  /* .page-template-top_operators .list-post-widgets.sidebar-bonus {
  display: none;
} */
  .page-template-top_operators .site-blog-post-layout-sidebar-bonus.top-sidebar-bonus .col-md-3 {
    width: 25%;
  }

  .page-template-top_operators .site-blog-post-layout-sidebar-bonus.top-sidebar-bonus .col-md-9 {
    width: 75%;
  }

  .page-template-top_operators #text-2 {}

  .page-template-top_operators #text-2 .textwidget {
    display: flex;
    padding: 0 7.5px;
    margin: 0 -15px;
    flex-wrap: wrap;
  }

  .page-template-top_operators #text-2 .textwidget p {
    margin-bottom: 15px;
    max-width: 50%;
    flex: 0 0 50%;
    padding: 0 7.5px;
    height: 250px;
  }

  .page-template-top_operators #text-2 .textwidget p img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .single-commons .single-header .info-area .info-item {
    margin-top: 25px;
  }

  /*single archive complaints */
  .single-complaint .single-header {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }

  .single-complaint .single-header .logo-area {
    margin-bottom: 15px;
  }

  .single-complaint .single-header .info-area {
    text-align: center;
  }

  .single-complaint .single-header .info-item.actions {
    text-align: center;
  }

  .single-complaint .single-header .follow {
    display: inline-block;
  }

  .single-complaint .ticket-expand.readmore .readmore-link::after {
    top: 5px;
    right: 22%;
  }

  .my-dashboard .site-blog-post-layout-carousel {
    height: 285px;
  }

  .my-dashboard .operator-list.related-operator-bonus .site-content {
    padding: 0;
    padding-right: 7.5px;
  }

  /* edit profile */
  .edit-profile .right-dashboard-menu .item {
    margin-bottom: 5px;
  }

  .my-dashboard.detail #main-content {
    float: none;
  }

  .my-dashboard.detail.complete-profile .info-area .avata img {
    width: 110px;
    height: 110px;
  }

  .my-dashboard.detail .info-profile {
    padding: 15px 7.5px;
    /* padding-left: 35px; */
  }

  .my-dashboard .info-profile {
    display: flex;
    flex-wrap: wrap;
  }

  .my-dashboard.detail .info-profile .col-xs-12 {
    width: 50%;
    padding: 0 7.5px;
    text-align: justify;
    flex: 0 0 50%;
  }

  .my-dashboard.detail .info-profile .col-xs-12.item-left {
    font-size: 12px;
  }

  .my-dashboard.detail .info-profile .col-xs-12.item-right {
    font-size: 12px;
    padding-left: 45px;
  }

  .my-dashboard.detail .info-profile .username {
    font-size: 14px;
    order: 4;
    flex: 0 0 100%;
    text-align: center;
  }

  .my-dashboard.detail .site-layout-sidebar-general-row {
    margin: 0;
  }

  .my-dashboard.detail .box-item-second.box-content .header-box::after {
    display: table;
    content: "";
    clear: both;
  }

  .my-dashboard.detail .box-item-second.box-content .content::after {
    content: "";
    display: table;
    clear: both;
  }

  .my-dashboard.detail .box-item-second.box-content .lists-contents .content-box {
    margin-bottom: 15px;
  }

  .my-dashboard.detail .box-item-second.box-content .lists-contents .content-box .content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .my-dashboard.detail .box-item-second.box-content .lists-contents .content-box .content p {
    max-width: 50%;
    flex: 0 0 50%;
    align-self: center;
  }

  .my-dashboard.detail .box-item-second.box-content .lists-contents .content-box .content p:first-child {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .my-dashboard.detail .box-item-second.box-content .big {
    text-align: center;
  }

  .my-dashboard.detail .box-item-second.box-content .big .fa-trophy {
    font-size: 32px;
    padding: 16px;
  }

  .my-dashboard.detail .box-item-second.box-content p.all {
    display: none;
  }

  .my-dashboard.detail .box-item-second.box-content .right-dashboard-menu {
    margin: 5px 0 15px;
    float: none;
    text-align: center;
  }

  .my-dashboard.detail .box-item-second.box-content .right-dashboard-menu .item {
    display: inline-block;
    margin-right: 12px;
  }

  .my-dashboard.detail .box-item-second.box-content .right-dashboard-menu .item:last-child {
    margin: 0;
  }
}

@media (max-width: 416px) {

  /*Home page*/
  .header-mobile .search .search-right label {
    /* width: 82%; */
  }

  .main-blog-sidebar-left {
    padding-right: 15px;
  }

  .site-join-now {
    margin-bottom: 15px;
    padding: 0 10px;
  }

  .site-blog-post-layout-top-operator .col-md-2 {
    width: 25%;
  }

  .site-blog-post-layout-top-operator .col-mobile-10 {
    max-width: 75%;
    /* padding-left: 25px; */
  }

  .site-blog-post-layout-top-operator .col-md-2 {
    width: 16.66%;
  }

  .site-blog-post-layout-top-operator .col-md-6 {
    width: 50%;
  }

  .site-blog-post-layout-top-operator .col-md-4 {
    /* width: 33.33%; */
  }

  .site-blog-post-layout-top-operator .site-title a {
    font-size: 13px;
  }

  /* Archive page */
  .archive .pagination {
    margin: 5px 0 15px;
  }

  .lastest-complaints .site-blog-post-layout-carousel .site-title a,
  .archive .complaint-list .post-item .site-title a {
    font-size: 13px;
  }

  .lastest-complaints .site-blog-post-layout-carousel .site-title .time,
  .archive .complaint-list .post-item .site-title .time {
    font-size: 10px;
  }

  .archive-complaints .post-list .post-item .site-join-now {
    margin-bottom: 15px;
  }

  .site-join-now a {
    font-size: 12px;
    padding: 5px 8px 5px 8px;
  }

  .home .lastest-bonuses .site-blog-post-layout-carousel .site-image,
  .single .operator-detail .lastest-bonuses .site-blog-post-layout-carousel .site-image,
  .archive .bonus-item .site-image,
  .relate-bonus .site-image {
    /* height: auto; */
  }

  .home .lastest-bonuses .site-blog-post-layout-carousel,
  .operator-detail .lastest-bonuses .site-blog-post-layout-carousel {
    height: auto;
  }

  .blog-header-image-wdg img,
  .blog #sidebar img,
  .home .main-after-content-sidebar img {
    object-fit: cover;
  }

  .home #widget_list_operators-2 .newest-operator .site-blog-post-layout-carousel .site-summary {
    height: 55px;
  }

  .site-blog-post-layout-carousel .site-summary,
  .archive .complaint-list .post-item .article-box .site-summary,
  .archive .bonus-item .article-box .site-summary {
    padding-bottom: 5px;
    padding-top: 5px;
    line-height: 1.4;
    overflow: hidden;
    height: 75px;
  }

  .page-template-complete_your_profile .complete-profile .add-favous .op-box .my-button {
    width: 100%;
  }

  .archive .operator-item article .entry-content {
    line-height: 1.5;
  }

  .single-commons .single-header .info-area .info-item {
    margin-top: 25px;
  }

  .c-collapsible {
    padding: 6px 15px;
    font-size: 14px;
  }

  .archive .sidbar-bonus-1 .category-box.bonus .sidebar-header,
  .single-bonus .sidbar-bonus-1 .category-box.bonus .sidebar-header {
    padding: 10px 15px;
  }

  /* Accxount setting */
  .account-settings .box-item-second.box-content .right-dashboard-menu {
    float: none !important;
    text-align: center;
  }

  .page-template-account_setting .infos .col-xs-12 {
    margin-bottom: 0;
  }

  /* complete-your-profile/ */
  .page-template-complete_your_profile .complete-profile .add-favous .op-box .avata {
    width: 120px;
    height: 120px;
    padding: 0;
    margin-bottom: 15px;
    text-align: center;
  }

  .page-template-complete_your_profile .complete-profile .add-favous .op-box .avata img {
    max-width: 100%;
    display: block;
    width: 120px;
    height: 100%;
    float: none;
    margin: 0 auto;
  }

  .page-template-complete_your_profile .complete-profile .add-favous .op-box .op-name {
    padding: 0;
  }

  .complete-profile .add-favous .op-box .my-button {
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 12px;
  }

  /* my_dashboard  */
  .my-dashboard .site-blog-post-layout-carousel {
    height: 255px;
  }

  .page-template-my_dashboard .site-blog-post-layout-carousel .site-image {
    height: 110px;
    margin-bottom: 5px;
  }

  .page-template-my_dashboard .lastest-complaints .site-blog-post-layout-carousel .site-summary {
    height: 40px;
    padding: 0 5px 10px;
  }

  .page-template-my_dashboard .my-dashboard .site-join-now {
    padding: 0;
    margin: 6px 12px;
  }
}

@media (max-width: 376px) {
  /* cong */
  /* .home .lastest-bonuses .site-blog-post-layout-carousel, .operator-detail .lastest-bonuses .site-blog-post-layout-carousel {
    height: 250px;
  } */

  .home .lastest-bonuses .site-blog-post-layout-carousel .site-name {
    overflow: hidden;
    height: 35px;
    padding-left: 15px;
    padding-right: 15px;
  }


  .operator-detail .related-operator-bonus .site-title {
    padding-left: 0;
    padding-right: 0;
  }

  .lastest-bonuses .site-blog-post-layout-carousel .site-title {
    text-align: left;
    /* margin-left: 5px; */
    position: relative;
  }

  .home .lastest-bonuses .site-blog-post-layout-carousel .site-title {
    text-align: left;
    margin-left: 15px;
    position: relative;
  }

  .flip-box {
    padding: 0;
  }

  /* cong */

  .home .lastest-bonuses .site-blog-post-layout-carousel .site-image,
  .single .operator-detail .lastest-bonuses .site-blog-post-layout-carousel .site-image,
  .archive .bonus-item .site-image,
  .relate-bonus .site-image {
    /* height: 80px;
    padding: 10px;
    margin: 10px 10px 0 10px; */
  }

  .site-blog-post-layout-carousel .site-title a,
  .site-join-now a {
    font-size: 10px;
  }

  .languages a {
    font-size: 10px;
  }

  .header-logo .header-logo a img {
    width: 55%;
  }

  .site-blog-post-layout-carousel .site-name {
    text-align: center;
    font-weight: 600;
    padding: 10px;
    padding-bottom: 0;
  }

  /*Home page*/
  .site-blog-post-layout-top-operator .col-mobile-2 {
    /* max-width: 25%; */
  }

  .site-blog-post-layout-top-operator .col-mobile-10 {
    max-width: 75%;
    padding-left: 20px;
  }

  .site-join-now {
    margin-bottom: 15px;
    padding: 0px 7px;
    margin-top: 15px;
  }

  .home #widget_list_operators-2 .item-wrapper .site-join-now {
    padding: 0;
    margin: 15px 8px 10px;
  }

  .site-blog-post-layout-carousel .site-title a,
  .site-join-now a {
    font-size: 12px;
    width: 100%;
  }

  .main-blog-sidebar .site-blog-post-layout-top-operator .col-md-2 {
    width: 16.66%;
  }

  .main-blog-sidebar .site-blog-post-layout-top-operator .col-md-6 {
    width: 41.66%;
  }

  .main-blog-sidebar .site-blog-post-layout-top-operator .col-md-4 {
    width: 41.66%;
  }

  .list-post-widgets {
    margin-bottom: 15px;
  }

  .lastest-complaints .site-blog-post-layout-carousel .site-title .time,
  .archive .complaint-list .post-item .site-title .time {
    font-size: 10px;
  }

  .home .lastest-complaints .site-blog-post-layout-carousel .site-title a,
  .home .lastest-complaints .site-blog-post-layout-carousel .site-title .time {
    font-size: 13px;
  }

  .lastest-complaints .site-blog-post-layout-carousel .site-image .img-complain,
  .post-list .post-item .site-image .img-complain {
    /* height: 90%; */
    margin: 8px 0 10px;
    vertical-align: middle;
    background-size: 85px;
  }

  .lastest-complaints .site-blog-post-layout-carousel .site-title,
  .archive .complaint-list .post-item .site-title {
    padding: 10px;
  }

  .lastest-complaints .site-blog-post-layout-carousel .site-title a,
  .archive .complaint-list .post-item .site-title a {
    padding: 0;
    /* padding-left: 15px; */
    font-size: 10px;
  }

  /*Archive bonus page*/
  .archive .bonus-list .bonus-item .site-join-now {
    margin: 15px 0;
  }

  .archive .bonus-list .bonus-item .site-join-now {
    /* margin: 5px 0 10px; */
  }

  .archive .site-join-now a {
    width: 100%;
    display: block;
    font-size: 10px;
  }

  .archive .bonus-list .bonus-item article .site-title a {
    font-size: 10px;
  }

  .archive .bonus-item .site-image {
    /* padding: 20px 10px 0; */
    max-width: 100%;
    height: auto;
  }

  .archive .bonus-item .site-image img {
    width: 100%;
    height: auto;
    margin: auto;
  }

  .site-blog-post-layout-carousel .site-title a,
  .site-join-now a,
  .archive .bonus-item article .site-title a {
    letter-spacing: normal;
  }

  .site-blog-post-layout-carousel .site-summary,
  .archive .complaint-list .post-item .article-box .site-summary,
  .archive .bonus-item .article-box .site-summary {
    padding-bottom: 15px;
  }

  /* page top_operators */
  .page-template-top_operators .header .item {
    padding: 10px;
  }

  /* nhà cái nổi bật*/
  .page-template-top_operators .site-blog-post-layout-top-operator .col-mobile-10 .site-image {
    width: 100%;
    float: none;
  }

  .page-template-top_operators .site-blog-post-layout-top-operator .col-mobile-10 .site-item.site-title {
    width: 100%;
    float: none;
  }

  .complete-profile .op-box .avata img {
    height: 100%;
    max-width: 100%;
    width: 100%;
  }

  .archive .operator-item article .entry-content {
    line-height: 19px;
  }

  .operator-detail .my-button .fa {
    display: none;
  }

  /*single operator */
  .single-operator .single-header .info-area {
    margin-top: 14px;
  }

  .single-operator .site-layout-sidebar-bonus-row .col-md-9 {
    width: 75%;
  }

  .single-operator .site-layout-sidebar-bonus-row .col-md-3 {
    width: 25%;
  }

  /* my-dashboard  */

  .my-dashboard .box-item-second .username {
    text-align: left;
    font-size: 14px;
  }

  .my-dashboard .operator-list.related-operator-bonus .site-blog-post-layout-carousel {
    height: 225px;
  }

  /* soperator admin dashboard  */
  .page-template-template-partsoperator_admin_dashboard-php .ticket-item .left-ticket {
    width: 35%;
  }

  .page-template-template-partsoperator_admin_dashboard-php .ticket-item .right-ticket {
    width: 65%;
  }

  .page-template-template-partsoperator_admin_dashboard-php .tickets-area .ticket-item .avata img {
    width: 60px;
    height: 60px;
  }

  .my-dashboard.detail.complete-profile .info-area .avata img {
    width: 90px;
    height: 90px;
  }

  .my-dashboard.detail.complete-profile .complete-profile .info-area .avata {
    width: 100px;
    height: 100px;
  }

  .my-dashboard.detail .info-profile .col-xs-12.item-right {
    padding-left: 35px;
  }

  .my-dashboard.detail .box-item-second.box-content .right-dashboard-menu .item {
    margin-right: 10px;
  }
}

@media (max-width: 360px) {

  /*Home page*/
  .site-blog-post-layout-carousel .site-title a,
  .site-join-now a {
    padding: 5px;
  }

  .post-type-archive-bonus #text-6 .textwidget p img {
    height: 200px;
  }

  .site-footer .col-item.col-item-first {
    padding-top: 0px;
    width: 100%;
  }

  .site-footer .col-item {
    width: 50%;
    padding: 0 7.5px;
    text-align: center;
  }

  .archive .site-join-now a {
    width: 100%;
    display: block;
    font-size: 10px;
  }

  .archive .bonus-list .bonus-item article .site-title a {
    font-size: 10px;
  }

  .archive .bonus-list .bonus-item {
    /* height: 230px; */
  }

  .archive .bonus-item-wrapper .bonus-item {
    padding: 10px;
  }

  .site-blog-post-layout-carousel .site-summary,
  .archive .complaint-list .post-item .article-box .site-summary,
  .archive .bonus-item .article-box .site-summary {
    padding-bottom: 10px;
  }

  .my-dashboard.detail .box-item-second.box-content .big .fa-trophy {
    font-size: 26px;
    padding: 12px;
  }

  .complete-profile .info-area .avata {
    margin: 15px auto 0;
  }
}

@media (max-width: 321px) {
  .header-logo .header-logo a img {
    width: 55%;
  }

  button.menu-toggle {
    border: none;
    background: none;
    font-size: 24px;
    /* margin-top: 5px; */
  }

  .site-content h3.widget-title>span {
    font-size: 14px;
  }

  .site-join-now {
    /* margin: 5px; */
  }

  .lastest-complaints .site-blog-post-layout-carousel .site-title,
  .archive .complaint-list .post-item .site-title {
    width: 100%;
    padding: 10px 5px;
  }

  .archive-complaints #text-4 .textwidget p img {
    height: 200px;
  }

  .single-post #text-8 .textwidget p img {
    height: 200px;
  }

  .archive-bonus-sidebar .widget_text .textwidget p img {
    height: 200px;
  }

  .login-register-area .social .right {
    padding-left: 15px;
  }

  .login-register-area header.entry-header p {
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0.03em;
  }

  .site-footer .col-item {
    width: 50%;
    padding: 0 7.5px;
    text-align: center;
  }

  .archive .archive-bonus .bonus-filters .filter-results-title:first-child {
    width: 58.33%;
    font-size: 11px;
  }

  .archive .archive-bonus .bonus-filters .sort-title {
    width: 41.66%;
    font-size: 11px;
  }

  .page-template-top_operators .header .item {
    padding: 10px 6px;
  }

  .page-template-top_operators .site-blog-post-layout-top-operator .actions .site-join-now a .fa {
    display: none;
  }

  .archive .bonus-item-wrapper .bonus-item {
    padding: 10px 6px;
    text-align: center;
  }

  .blog .head-top-menu ul li:first-child a {
    font-size: 12px;
  }

  .home #widget_list_operators-2 .newest-operator .site-blog-post-layout-carousel .site-summary {
    height: 65px;
  }

  .site-blog-post-layout-carousel .site-name {
    padding: 10px 2px;
    font-size: 11px;
  }

  .archive .operator-item article .entry-content {
    font-size: 10px;
  }

  .single-operator .single-actions .my-button {
    width: 65%;
  }

  .lastest-complaints .site-blog-post-layout-carousel .site-summary,
  .archive .complaint-list .post-item .site-summary {
    line-height: 1.4;
  }

  .my-button .fa-long-arrow-right {
    display: none;
  }

  .operator-detail .submit-complaint .left-info .my-button {
    font-size: 11px;
    text-align: center;
  }

  .my-button .fa-long-arrow-right {
    display: none;
  }

  .operator-detail .submit-complaint {
    margin: 0 0 15px;
  }

  .single-bonus .submit-complaint .left-info .my-button {
    font-size: 11px;
    text-align: center;
  }

  #wp-admin-bar-my-account {
    margin-top: -45px !important;
  }

  .my-dashboard .operator-list.related-operator-bonus .site-blog-post-layout-carousel {
    height: 220px;
  }

  .my-dashboard .operator-list.related-operator-bonus .site-blog-post-layout-carousel .site-summary {
    padding: 0 5px 0;
    height: 75px;
  }

  .my-dashboard .operator-list.related-operator-bonus .site-blog-post-layout-carousel .site-name {
    padding: 2px 0;
  }

  .my-dashboard.detail .info-profile .col-xs-12.item-left {
    font-size: 10px;
  }

  .my-dashboard.detail .info-profile .col-xs-12.item-right {
    font-size: 10px;
    padding-left: 25px;
  }

  .my-dashboard.detail .box-item-second.box-content .right-dashboard-menu .item a {
    font-size: 11px;
  }

  .home .slick-dots {
    bottom: -15px;
  }

  .slick-dots li {
    width: 17px;
    height: 17px;
  }

  .archive .bonus-list .bonus-item {
    margin-bottom: 15px;
    height: 300px;
  }

  .bod-flip-box .flip-inner .flip-back .flip-back-content p {
    font-size: 10px;
  }

  .archive-bonus .bonus-item article::after,
  .archive-bonus .bonus-item article:hover::after {
    right: 16px;
    width: 15px;
    height: 15px;
    top: 13px;
    background-size: 14px 14px;
  }

  .archive-complaints .lastest-complaints .site-blog-post-layout-carousel .site-title a,
  .archive .complaint-list .post-item .site-title a,
  .archive-complaints .lastest-complaints .site-blog-post-layout-carousel .site-title .time,
  .archive .complaint-list .post-item .site-title .time,
  .single-complaint .lastest-complaints .site-blog-post-layout-carousel .site-title a,
  .archive .complaint-list .post-item .site-title a,
  .single-complaint .lastest-complaints .site-blog-post-layout-carousel .site-title .time,
  .archive .complaint-list .post-item .site-title .time {
    font-size: 10px;
  }

  .archive-complaints .lastest-complaints .site-blog-post-layout-carousel .site-title a,
  .archive .complaint-list .post-item .site-title a,
  .single-complaint .lastest-complaints .site-blog-post-layout-carousel .site-title a,
  .archive .complaint-list .post-item .site-title a {
    padding-left: 0;
  }


  .home .lastest-bonuses .site-blog-post-layout-carousel::after,
  .home .lastest-bonuses .site-blog-post-layout-carousel:hover::after {
    top: 14px;
    right: 14px;
    width: 15px;
    height: 15px;
    background-size: 14px 14px;
  }

  .home .lastest-bonuses .site-blog-post-layout-carousel .site-title a {
    font-size: 9px;
    width: 100%;
  }
}


@-moz-document url-prefix() {
  .header-mobile .login-links .mobile-user-name {
    margin-top: 10px !important;
  }

  .header-need-loggin {
    margin-top: 5px !important;
  }
}