/*
Description: The stylesheet with a main responsive style.
Author:      Cherry Team
Version:     1.0.0
*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"],
  input[type="time"],
  input[type="datetime-local"],
  input[type="month"] {
    line-height: 34px;
  }

  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm {
    line-height: 30px;
  }

  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg {
    line-height: 46px;
  }
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 14.3px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
  }
}

@media (max-width: 768px) {
  ol.comment-list li.comment ol.children {
    padding-left: 15px;
  }
}

@media (max-width: 767px) {
  .table-responsive {
    width: 100%;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}

@-ms-viewport {
  width: device-width;
}
.visible-xs, .visible-sm, .visible-md, .visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }

  table.visible-xs {
    display: table;
  }

  tr.visible-xs {
    display: table-row !important;
  }

  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }

  table.visible-sm {
    display: table;
  }

  tr.visible-sm {
    display: table-row !important;
  }

  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }

  table.visible-md {
    display: table;
  }

  tr.visible-md {
    display: table-row !important;
  }

  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }

  table.visible-lg {
    display: table;
  }

  tr.visible-lg {
    display: table-row !important;
  }

  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }

  table.visible-print {
    display: table;
  }

  tr.visible-print {
    display: table-row !important;
  }

  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .site-header.boxed,
  .site-content.boxed,
  .site-footer.boxed {
    max-width: 750px;
  }
}
@media (min-width: 992px) {
  .site-header.boxed,
  .site-content.boxed,
  .site-footer.boxed {
    max-width: 970px;
  }
}
@media (min-width: 1200px) {
  .site-header.boxed,
  .site-content.boxed,
  .site-footer.boxed {
    max-width: 1170px;
  }
}
@media (min-width: 768px) {
  .site-header.extra-boxed,
  .site-content.extra-boxed,
  .site-footer.extra-boxed {
    max-width: 780px;
  }
}
@media (min-width: 992px) {
  .site-header.extra-boxed,
  .site-content.extra-boxed,
  .site-footer.extra-boxed {
    max-width: 1000px;
  }
}
@media (min-width: 1200px) {
  .site-header.extra-boxed,
  .site-content.extra-boxed,
  .site-footer.extra-boxed {
    max-width: 1200px;
  }
}

.entry-content .container .container {
  width: auto;
}

@media (min-width: 1200px) {
  .sidebar-sidebar-content-wrapper,
  .sidebar-content-sidebar-wrapper,
  .content-sidebar-sidebar-wrapper {
    width: 80%;
  }

  .sidebar-content-sidebar-wrapper,
  .sidebar-sidebar-content-wrapper {
    float: right;
  }

  .content-sidebar-sidebar-wrapper {
    float: left;
  }

  .sidebar-content-wrapper #primary,
  .content-sidebar-wrapper #primary,
  .sidebar-sidebar-content-wrapper #primary,
  .sidebar-content-sidebar-wrapper #primary,
  .content-sidebar-sidebar-wrapper #primary {
    width: 70%;
  }

  .sidebar-content-wrapper #primary,
  .sidebar-sidebar-content-wrapper #primary {
    float: right;
  }

  .content-sidebar-wrapper #primary,
  .content-sidebar-sidebar-wrapper #primary,
  .sidebar-content-sidebar-wrapper #primary {
    float: left;
  }

  .sidebar-content-wrapper .widget-area,
  .sidebar-sidebar-content-wrapper .widget-area {
    float: left;
    width: 23%;
  }

  .content-sidebar-wrapper .widget-area,
  .content-sidebar-sidebar-wrapper .widget-area,
  .sidebar-content-sidebar-wrapper .widget-area {
    float: right;
    width: 23%;
  }

  .sidebar-sidebar-content-wrapper + .widget-area,
  .sidebar-content-sidebar-wrapper + .widget-area {
    float: left;
    width: 18%;
  }

  .content-sidebar-sidebar-wrapper + .widget-area {
    float: right;
    width: 18%;
  }

  .cherry-with-sidebar .content-area .container {
    width: 80%;
  }
}
/*header-quote*/
@media (max-width: 1599px) {
  .header-quote {
    margin-bottom: 100px;
    padding-bottom: 0;
  }
  .header-quote blockquote {
    margin-bottom: 0;
  }
}
@media (max-width: 1199px) {
  .header-quote {
    padding-top: 30px;
    padding-left: 0;
  }
  .header-quote h2.header-quote_title {
    margin-bottom: 0;
    font-size: 50px;
    letter-spacing: normal;
    line-height: 1.2;
  }
}
@media (max-width: 767px) {
  .header-quote h2.header-quote_title {
    font-size: 35px;
  }
  .header-quote blockquote p:after {
    margin-left: 10px;
  }
}
@media (max-width: 767px) {
  .header-quote blockquote {
    padding-left: 0;
    margin-bottom: 0;
  }
}

@media (max-width: 1199px) {
  #static-area-header-bottom {
    padding-bottom: 50px;
  }
  #static-area-header-bottom aside {
    margin-bottom: 0;
  }
}

@media (max-width: 1849px) {
  /*posts*/
  .cherry-posts-list.template-posts_3 {
    margin-top: 30px;
  }
  .cherry-posts-list.template-posts_3 .cherry-posts-item {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
  }
  .cherry-posts-list.template-posts_3 .cherry-posts-item .inner .post-content-wrap {
    position: static;
  }
  .cherry-posts-list.template-posts_3 .cherry-posts-item .inner .post-content-wrap .post-content-middle {
    position: static;
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    -webkit-transform: translate(0);
    transform: translate(0);
    padding: 30px 15px;
  }
  .cherry-posts-list.template-posts_3 .cherry-posts-item .inner .post-content-wrap:before {
    display: none;
  }
  .cherry-posts-list.template-posts_3 .cherry-posts-item .inner .post-content-wrap .post-title {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 1199px) {
  .widget-title {
    letter-spacing: 0;
  }

  .cherry-with-sidebar .offset-1 {
    margin-bottom: 0;
  }

  /*cherry mailer*/
  .mailer-section {
    text-align: center;
  }
  .mailer-section h5 {
    padding-left: 0;
  }
  .mailer-section #cherry-mailer-form input[type="email"] {
    max-width: 100%;
  }

  /* Portfolio*/
  .portfolio-wrap .portfolio-filter .filter, .portfolio-wrap .portfolio-filter .order-filter {
    float: none;
    display: block;
    text-align: center;
  }
  .portfolio-wrap .portfolio-filter .filter li, .portfolio-wrap .portfolio-filter .order-filter li {
    margin: 0 10px 10px;
  }
  .portfolio-wrap .portfolio-filter .order-filter {
    margin-top: 15px;
  }
}
@media (max-width: 991px) {
  /*image-box*/
  .image-box .motopress-image-obj.motopress-text-align-left {
    text-align: center;
  }

  /*error-404*/
  .error-404-num {
    font-size: 13em;
  }

  /*typography*/
  body h1 {
    font-size: 62px;
    line-height: 1.2;
    letter-spacing: normal;
  }
  body h2 {
    font-size: 52px;
    line-height: 1.2 !important;
    letter-spacing: normal !important;
  }

  /*team*/
  .team-listing .team-item {
    text-align: center;
  }

  /*#footer*/
  #footer .static-footer-logo {
    margin-bottom: 30px;
  }

  /*posts*/
  .template-posts_1 .post-content-wrap {
    text-align: center;
  }

  /* Portfolio List layout */
  .portfolio-item.list-layout-item .inner-wrap {
    padding: 30px;
  }

  .portfolio-wrap .portfolio-container .portfolio-list .portfolio-item.list-layout-item .inner-wrap .item-content {
    padding-top: 0;
    padding-right: 0;
    vertical-align: top;
  }
}
@media (max-width: 767px) {
  .header-top .static-header-menu,
  .header-top .static-search-form {
    float: none !important;
  }
  .header-top .static-search-form .search-toggle {
    display: none;
  }

  .site-header .static-search-form {
    padding-top: 0;
    padding-bottom: 20px;
  }

  /*cherry-list*/
  .cherry-list.inline-list ul li {
    font-size: 1.3em;
    line-height: 1.5;
    letter-spacing: 1px;
  }

  /*static-header-menu*/
  .static-header-menu {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  /*error-404*/
  .error-404-num {
    font-size: 11em;
  }

  /*comment-form*/
  .comments .comment-respond form .comment-form-author, .comments .comment-respond form .comment-form-email, .comments .comment-respond form .comment-form-url {
    width: 100% !important;
    float: none;
  }
  .comments .comment-respond form .comment-form-email {
    margin: 0 0 30px !important;
  }

  /*Blog single post prev/next navigation*/
  .navigation.post-navigation .nav-links a {
    padding: 15px 8px;
    font-size: 14px;
    line-height: 18px;
    width: 100%;
  }

  /*blog*/
  .entry-thumbnail.cherry-thumb-s.alignleft,
  .post-thumbnail.alignleft {
    margin-right: 0;
    float: none;
    display: block;
  }
  .entry-thumbnail.cherry-thumb-s.alignleft img,
  .post-thumbnail.alignleft img {
    width: 100%;
  }

  .entry-thumbnail.cherry-thumb-s.alignright,
  .post-thumbnail.alignright {
    margin-left: 0;
    float: none;
    display: block;
  }
  .entry-thumbnail.cherry-thumb-s.alignright img,
  .post-thumbnail.alignright img {
    width: 100%;
  }

  /*typography*/
  body h1 {
    font-size: 40px;
  }
  body h2 {
    font-size: 35px;
  }

  /*portfolio*/
  .portfolio-wrap .portfolio-container .portfolio-list {
    /* List layout */
  }
  .portfolio-wrap .portfolio-container .portfolio-list .portfolio-item.list-layout-item .inner-wrap .media-content, .portfolio-wrap .portfolio-container .portfolio-list .portfolio-item.list-layout-item .inner-wrap .item-content {
    width: 100%;
    display: block;
  }
  .portfolio-wrap .portfolio-container .portfolio-list .portfolio-item.list-layout-item .inner-wrap .item-content {
    padding: 30px 0;
  }
}
@media (max-width: 479px) {
  /*comment-list*/
  .comments-area .comment-list .comment-avatar {
    float: none;
    display: block;
    text-align: center;
    margin-right: 0;
  }
  .comments-area .comment-list .comment-cnt {
    text-align: center;
  }

  ol.comment-list li.comment div.reply {
    text-align: center;
  }

  /*author-bio*/
  .author-bio {
    padding: 50px 20px;
    text-align: center;
  }
  .author-bio_avatar {
    margin-right: 0;
    float: none;
    display: block;
  }
}
@media (max-width: 380px) {
  .team-wrap .team-meta .team-socials .team-socials_item .team-socials_link .team-socials_label {
    display: none;
  }
}
/* Megamenu responsive
================================================== */
@media (max-width: 991px) {
  #menu-primary #menu-primary-items {
    /* vertical direction */
  }
  #menu-primary #menu-primary-items .cherry-mega-menu-sub.mega-sub {
    padding: 30px;
  }
  #menu-primary #menu-primary-items .cherry-mega-menu-sub.mega-sub > li {
    padding: 40px 0 0;
    margin: 0;
    float: none;
    width: auto;
  }
  #menu-primary #menu-primary-items .cherry-mega-menu-sub.mega-sub > li:first-child {
    margin-top: 0;
    padding-top: 0;
    border: none;
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  #menu-primary #menu-primary-items.mega-menu-direction-vertical .menu-item .cherry-mega-menu-sub.mega-sub {
    width: 450px !important;
  }
}

@media (max-width: 767px) {
  #menu-primary {
    display: block !important;
  }
}
@media (max-width: 991px) {
  #menu-primary > #menu-primary-items > .menu-item + .menu-item {
    margin-left: 30px;
  }
  #menu-primary > #menu-primary-items > .menu-item + .menu-item:before {
    display: none;
  }
}

/* Text Align
================================================== */
@media (max-width: 1199px) {
  .text-md-center {
    text-align: center;
  }
}

@media (max-width: 991px) {
  .text-sm-center {
    text-align: center;
  }
}

@media (max-width: 767px) {
  .text-xs-center {
    text-align: center;
  }
}

/*cherry team fix breakpoint*/
@media (min-width: 768px) and (max-width: 768px) {
  .team-listing_item.clear-col-xs {
    clear: none !important;
  }
}
