/*
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: 992px) {
  .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: 75%;
  }

  .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%;
  }
}
@media (max-width: 1900px) {
  .custom-projects + * {
    margin-top: -90px;
  }
}
@media (max-width: 1735px) {
  .custom-products .cherry-posts-item .inner .content {
    bottom: -186px;
  }
}
@media (max-width: 1700px) {
  .motoslider_wrapper .ms_prev,
  .motoslider_wrapper .ms_next {
    top: 40%;
  }

  #static-area-showcase-area .static-social-follow .cherry-follow_list {
    right: 55px;
  }
}
@media (max-width: 1500px) {
  .custom-products .cherry-posts-item .inner .content .post-excerpt {
    padding-right: 0;
  }

  .custom-products .cherry-posts-item .inner .content {
    bottom: -156px;
  }
}
@media (max-width: 1300px) {
  .custom-products .cherry-posts-item .inner .content {
    bottom: -180px;
  }

  #static-area-showcase-area .static-social-follow .cherry-follow_list {
    right: 20px;
  }

  .motoslider_wrapper .ms_prev {
    left: 45%;
  }

  .motoslider_wrapper .ms_next {
    right: 45%;
  }

  .motoslider_wrapper .ms_prev,
  .motoslider_wrapper .ms_next {
    top: 35%;
  }

  .toggle {
    margin-left: -15px;
  }
}
@media (min-width: 991px) and (max-width: 1199px) {
  .custom-products .cherry-posts-item .inner .content .post-excerpt {
    display: none;
  }
}
@media (max-width: 1200px) {
  .products-post {
    padding: 0 15px;
  }

  .portfolio-wrap .portfolio-container .portfolio-list .portfolio-item .item-content {
    padding: 30px 20px 20px;
  }

  .portfolio-wrap.custom-projects .portfolio-container .portfolio-list .portfolio-item .item-content h6 {
    display: inline-block;
  }

  .portfolio-wrap .portfolio-container .portfolio-list .portfolio-item .item-content p {
    display: none;
  }

  .custom-projects .portfolio-list .portfolio-item .item-content .btn {
    float: right;
    margin-top: 4px;
  }

  .portfolio-wrap.custom-projects .portfolio-container .portfolio-list .portfolio-item .item-content h6 a {
    color: #fff;
  }

  #menu-primary {
    padding-right: 0;
    text-align: left;
  }

  #menu-primary > #menu-primary-items > .menu-item > a {
    padding: 10px 5px;
  }

  .toggle {
    margin-left: -35px;
  }

  #static-area-header-top {
    padding-top: 38px;
    padding-bottom: 38px;
  }

  .motoslider_wrapper .ms_prev,
  .motoslider_wrapper .ms_next {
    display: none;
  }

  .site-title {
    margin: 0;
  }

  #static-area-showcase-area .static-social-follow {
    left: auto;
    right: auto;
    top: auto;
    bottom: 50px;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }

  #static-area-showcase-area .static-social-follow .cherry-follow_list {
    right: 0;
    left: 0;
    text-align: center;
  }
  #static-area-showcase-area .static-social-follow .cherry-follow_list .cherry-follow_item {
    display: inline-block;
  }
  #static-area-showcase-area .static-social-follow .cherry-follow_list .cherry-follow_item + * {
    margin-left: 10px;
  }

  .cherry-chart .cherry-progress-bar .cherry-charts-bar, .cherry-hr {
    width: 720px !important;
  }

  .cherry-hr {
    margin: 0 auto;
  }

  .cherry-chart {
    text-align: center;
  }
}
@media (max-width: 992px) {
  .custom-products .cherry-posts-item {
    width: 50%;
  }
  .custom-products .cherry-posts-item h6 {
    color: #fff;
  }

  .custom-products .cherry-posts-item.item-4 {
    width: 100%;
  }

  .custom-products.cherry-posts-list .cherry-sm-clear {
    clear: none;
  }

  .custom-products .cherry-posts-item .inner {
    padding: 0;
    margin: 0;
  }

  .custom-products {
    margin-bottom: 30px;
  }

  .custom-products .cherry-posts-item .inner .content {
    bottom: 10px;
    left: 10px;
    right: 10px;
  }

  .custom-products .cherry-posts-item.even .inner .content {
    right: 20px;
  }

  .custom-products .cherry-posts-item.odd .inner .content {
    left: 20px;
  }

  .custom-products .cherry-posts-item .inner:hover {
    margin: 0;
    padding: 0;
  }
  .custom-products .cherry-posts-item .inner:hover .content {
    bottom: 10px;
  }

  .custom-products .cherry-posts-item.item-4 .content {
    left: 20px;
    right: 20px;
  }

  .custom-products .cherry-posts-item .inner .content h6 {
    color: #fff !important;
  }

  .products-post .cherry-posts-item {
    margin-bottom: 50px;
  }

  .products-post .cherry-btn {
    margin-top: 20px;
  }

  .portfolio-wrap .portfolio-filter .filter li a,
  .portfolio-wrap .portfolio-filter .order-filter li a {
    padding: 15px 21px;
  }

  #menu-primary {
    -webkit-transform: translateY(0) !important;
        -ms-transform: translateY(0) !important;
            transform: translateY(0) !important;
    opacity: 1 !important;
    text-align: center;
  }
  #menu-primary .cherry-posts-list .cherry-posts-item {
    margin-bottom: 30px;
  }

  .home #menu-primary > .menu-items > .menu-item > a {
    color: #fff;
  }

  #menu-primary > #menu-primary-items .sub-menu,
  #menu-primary > #menu-primary-items .cherry-mega-menu-sub.simple-sub {
    margin-top: 30px;
  }

  .toggle {
    display: none !important;
  }

  .site-title {
    text-align: center;
  }

  .parallax-1 p, .parallax-2 p {
    padding: 0 20px;
  }

  .comments .comment-respond form .comment-form-author,
  .comments .comment-respond form .comment-form-email,
  .comments .comment-respond form .comment-form-url {
    width: 100% !important;
    margin: 30px 0 0 !important;
    float: none;
  }

  .comments .comment-respond .comment-reply-title,
  .comments-title {
    font-size: 62px !important;
    line-height: 80px !important;
    letter-spacing: 0 !important;
  }

  .motoslider_wrapper .ms_slide .caption {
    font-size: 82px !important;
    line-height: 90px !important;
    letter-spacing: -3px !important;
  }

  .static-social-follow {
    display: none;
  }

  .showcase-area + #static-area-header-top {
    padding-top: 10px;
  }

  .motoslider_wrapper .ms_slide .caption {
    font-size: 42px !important;
    line-height: 60px !important;
  }

  .motoslider_wrapper .ms_slide .cherry-btn {
    margin-top: 70px;
  }

  .home #header .static-search-form {
    position: absolute;
    bottom: -50%;
  }
}
@media (max-width: 768px) {
  .custom-products .cherry-posts-item {
    width: 100%;
  }

  .custom-products .cherry-posts-item .inner .content {
    right: 20px;
    left: 20px;
  }

  .navigation.pagination .nav-links .next, .navigation.pagination .nav-links .prev {
    padding: 17px 20px 17px 20px;
  }

  .error404 .page-header h2 {
    font-size: 50px !important;
    line-height: 60px !important;
    letter-spacing: 0 !important;
  }

  .navigation.pagination {
    margin: 64px 0 20px;
  }

  .home #header .static-search-form {
    display: none;
  }

  #header .static-search-form {
    margin-bottom: 25px;
  }

  .static-header-sidebar .widget {
    margin-bottom: 0;
  }

  #static-area-header-top {
    padding-bottom: 0;
  }

  .home #menu-primary {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
  }

  .home .site-link {
    font-size: 50px !important;
    line-height: 55px !important;
  }

  #menu-primary > #menu-primary-items {
    background: #303334 !important;
  }

  #menu-primary #menu-primary-items.mega-menu-mobile-on > .menu-item {
    border-bottom: 1px solid #fff;
  }

  #menu-primary #menu-primary-items.mega-menu-mobile-on > .menu-item:last-child {
    border: none;
  }

  #menu-primary .cherry-mega-menu-mobile-close {
    margin-top: -5px;
  }

  #menu-primary > #menu-primary-items .cherry-mega-menu-sub.mega-sub .cherry-btn {
    margin-top: 20px;
  }

  #menu-primary .cherry-posts-list .cherry-posts-item {
    margin-bottom: 100px;
  }

  .custom-follow .cherry-follow_item + * {
    margin-left: 17px;
  }

  .cherry-chart .cherry-progress-bar .cherry-charts-bar, .cherry-hr {
    width: 450px !important;
  }

  .mod_2 .cherry-btn.ins1 {
    padding: 28px 70px;
  }

  .custom-projects .portfolio-list .portfolio-item {
    width: 100% !important;
  }

  .custom-services {
    padding: 0 10px;
  }

  .custom-services .cherry-services_item:nth-child(n+4) {
    margin-top: 0;
  }

  .custom-services .cherry-services_item .media_cnt {
    padding-right: 0;
  }

  .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: auto;
    margin: 0;
  }
}
@media (max-width: 480px) {
  .navigation.post-navigation .nav-links a {
    padding: 28px 20px;
  }

  .contact-list h6 {
    margin-bottom: 15px;
  }

  #static-area-footer-bottom {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  #footer .site-info {
    margin-top: 35px;
  }

  .products-post .cherry-posts-item {
    margin-bottom: 100px;
  }

  .error-404-num {
    font-size: 140px;
  }

  .custom-services .cherry-services_item {
    width: 100%;
  }

  .cherry-follow_item {
    float: none;
  }

  .custom-follow .cherry-follow_item + * {
    margin-left: 0;
    margin-top: 15px;
  }

  .cherry-chart .cherry-progress-bar .cherry-charts-bar, .cherry-hr {
    width: 300px !important;
  }

  ul.filter li {
    float: none;
  }

  .portfolio-wrap .portfolio-filter .filter li, .portfolio-wrap .portfolio-filter .order-filter li {
    margin: 10px 0;
  }
  .portfolio-wrap .portfolio-filter .filter li a, .portfolio-wrap .portfolio-filter .order-filter li a {
    display: block;
  }

  .site-link {
    font-size: 40px !important;
    line-height: 45px !important;
    letter-spacing: 0 !important;
  }

  .comments .comment-respond .comment-reply-title,
  .comments-title {
    font-size: 42px !important;
    line-height: 60px !important;
    letter-spacing: 0;
  }

  .showcase-area + #static-area-header-top {
    top: -60px;
  }

  .comments-link {
    display: block;
  }

  .media_aside {
    float: none;
    margin-bottom: 5px;
  }
  .media_cnt {
    overflow: visible;
  }

  .motoslider_wrapper .ms_slide .caption {
    font-size: 32px !important;
    line-height: 40px !important;
    letter-spacing: 0 !important;
  }

  .motoslider_wrapper .ms_slide .cherry-btn {
    margin-top: 60px;
  }

  .type-post .entry-thumbnail.cherry-thumb-s {
    float: none;
  }
  .type-post .entry-thumbnail.cherry-thumb-s a {
    display: block;
  }
  .type-post .entry-thumbnail.cherry-thumb-s a img {
    width: 100%;
  }
}
@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: 992px) {
  #menu-primary #menu-primary-items .cherry-mega-menu-sub.mega-sub {
    padding: 30px
    /* Post template "megamenu-posts" */
  }
  #menu-primary #menu-primary-items .cherry-mega-menu-sub.mega-sub > li {
    padding: 40px 0 0;
    margin: 40px 0 0;
    float: none;
    width: auto;
    border-top: 1px solid #000;
  }
  #menu-primary #menu-primary-items .cherry-mega-menu-sub.mega-sub > li:before {
    display: none;
  }
  #menu-primary #menu-primary-items .cherry-mega-menu-sub.mega-sub > li:first-child {
    margin-top: 0;
    padding-top: 0;
    border: none;
  }
  #menu-primary #menu-primary-items .cherry-mega-menu-sub.mega-sub .megamenu-post-wrap {
    margin-bottom: 30px;
  }
  #menu-primary #menu-primary-items .cherry-mega-menu-sub.mega-sub .megamenu-post-wrap .post-thumbnail {
    float: left;
    padding: 0 30px 15px 0;
  }
}
@media (max-width: 620px) {
  #menu-primary #menu-primary-items .cherry-mega-menu-sub.mega-sub {
    /* Post template "megamenu-posts" */
  }
  #menu-primary #menu-primary-items .cherry-mega-menu-sub.mega-sub .megamenu-post-wrap .post-thumbnail {
    float: none;
    padding: 0 0 15px 0;
  }
}