@media (min-width: 1600px) {
   .container {
      max-width: 1350px;
   }
   h1 {
      line-height: 70px;
   }
   h1.sm {
      font-weight: 400;
      font-size: 50px;
      line-height: 1;
   }
   h3 {
      line-height: 40px;
   }
   aside.sidebar-menu {
      max-width: 240px;
   }
   header.main-header,
   body .main-wrapper {
      padding-left: 240px;
   }
    section.mobile-section .column .title {
        font-size: 22px;
    }
    section.mobile-section .checklist-custom ul li:before {
        margin-top: -2px;
    }
    section.mobile-section .column .info {
        font-size: 18px;
    }
    .form-pick-up .button-custom.button-custom-xl {
        min-width: 100%;
    }
    .form-pick-up .form-2 .column {
        padding-right: 0;
        padding-left: 8px;
    }
}
@media (min-width: 1200px) and (max-width: 1600px){

    section.banner .form.form-pick-up {
        margin-top: 72px;
    }
    .form.form-pick-up .wrapper {
        padding-left: 0;
    }
    .form.form-pick-up .holder {
        padding: 10px 13px 5px;
    }
   .checkout .form.form-pick-up .form-field .form-field-icon {
      padding-right: 0px;
   }
    section.banner .form.form-pick-up .fields {
        padding: 0 10px;
    }
    section.banner .form.form-pick-up .column {
        padding-left: 0px;
        padding-right: 0px;
    }
    section.banner .form.form-pick-up .column:first-child {
        padding-left: 10px;
    }
    section.banner .form.form-pick-up .column:last-child {
        padding-right: 10px;
    }
    section.banner .form.form-pick-up .col-xl-10,
    section.banner .form.form-pick-up .col-xl-9 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 15px !important;
    }
    section.banner .form.form-pick-up .col-xl-3,
    section.banner .form.form-pick-up .col-xl-2 {
        padding-right: 15px !important;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
   aside.sidebar-menu {
      max-width: 180px;
   }
   body .main-wrapper {
      padding-left: 180px;
   }
   body header.main-header {
      padding-left: 180px;
   }
   aside.sidebar-menu .logo-holder {
      padding: 0 12px;
      margin-bottom: 30px;
   }
   aside.sidebar-menu .menu-holder .menu li a {
      padding: 8px 15px 8px 20px;
   }
   aside.sidebar-menu .menu-holder .menu li a:hover {
      padding-left: 25px;
   }
   aside.sidebar-menu .social-links {
      padding: 0 15px;
   }
   section.checkout .form-table .col-sm-7 {
      -ms-flex: 0 0 55.333333%;
      flex: 0 0 55.333333%;
      max-width: 55.333333%;
   }
   section.checkout .form-table .col-sm-2 {
      -ms-flex: 0 0 19.666667%;
      flex: 0 0 19.666667%;
      max-width: 19.666667%;
   }
   .row-address .col-lg-2,
   .row-address .col-lg-5 {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
   }
    section.checkout >.container > .row > .col-lg-8 {
        -ms-flex: 0 0 65%;
        flex: 0 0 65%;
        max-width: 65%;
    }
    section.checkout >.container > .row > .col-lg-4 {
        -ms-flex: 0 0 35%;
        flex: 0 0 35%;
        max-width: 35%;
    }
}
@media (max-width: 1600px) {
   .container {
      max-width: 1000px;
   }
   nav.truck {
      width: 40px;
   }
   body {
      font-size: 18px;
   }
   h1 {
      line-height: 50px;
      font-size: 50px;
   }
   h2 {
      font-size: 34px;
   }
   h3 {
      font-size: 22px;
   }
   h4 {
      font-size: 20px;
   }
   h1.price {
      line-height: 55px;
      font-size: 40px;
   }
   h1.sm {
      font-weight: 400;
      font-size: 22px;
      line-height: 1;
   }
   .button-simple {
      font-size: 17px;
   }
   .description {
      font-size: 20px;
   }
   .button-custom {
      min-width: 150px;
   }
   .button-custom.button-custom-xl {
      min-width: 190px;
      font-size: 20px;
      padding: 20px 20px;
   }
   .button-custom.button-custom-lg {
      min-width: 150px;
      padding: 15px 20px;
   }
   .button-custom.button-custom-light.button-custom-lg {
      padding: 13px 20px;
   }
   footer.main-footer .footer-menu .menu li {
      margin-right: 35px;
   }
   section.newsletter .form-control {
      height: 51px;
   }
   section.newsletter .button-custom {
      padding: 15px 20px;
   }
   .app-links a {
      max-width: 145px;
   }
   section.banner .content-holder {
      padding-top: 130px;
   }
   section.banner .button-holder .button-custom {
      min-width: 100px;
   }
   section.banner .content-holder .title {
      margin-right: -5px;
   }
   section.banner .login-form {
      max-width: 350px;
   }
   .button-forgot {
      font-size: 16px;
   }
   .form .form-checkbox {
      font-size: 16px;
      line-height: 30px;
   }
   .accordion .panel-default > .panel-heading .panel-title {
      font-size: 22px;
   }
   section.image-section .content-holder {
      max-width: 850px;
      min-height: 250px;
   }
   section.image-section .wrapper {
      height: calc(100% - 222px);
   }
   section.banner .map-holder {
      min-width: 600px;
   }
   section.banner .map-holder iframe {
      height: 730px;
   }
   section.contact .boxes .box {
      font-size: 16px;
      padding-left: 30px;
      margin-right: -15px;
   }
   .form.form-pick-up .button-custom {
      min-width: 100%;
      height: 70px;
       right: 0;
      padding: 24px 20px;
   }
   .form.form-pick-up .form-control {
      font-size: 17px;
   }
    .form.form-pick-up .form-field-icon .form-control::-webkit-input-placeholder { /* Edge */
        font-size: 17px;
    }
    .form.form-pick-up .form-field-icon .form-control::-ms-input-placeholder { /* Edge */
        font-size: 17px;
    }
    .form.form-pick-up .form-field-icon .form-control::placeholder { /* Edge */
        font-size: 17px;
    }
   .form.form-pick-up  .bootstrap-select > .dropdown-toggle {
      font-size: 17px;
   }
    .bootstrap-select .dropdown-toggle::after {
        top: 0;
    }
   .bootstrap-select > .dropdown-toggle {
      font-size: 17px;
      height: 40px;
   }
   .form .form-control {
      font-size: 17px;
      height: 44px;
   }
   .form .control-label, .form .label-placeholder {
      font-size: 16px;
      top: 11px;
   }
   aside.banner-box .banner-content-holder {
      max-width: 280px;
   }
   .app-links a {
      margin-bottom: 8px;
   }
   section.mobile-section .line-wave .line-dots span:nth-child(4) {
      top: 9%;
   }
   aside.banner-box .banner-content-holder {
      margin-bottom: 45px;
      min-height: 300px;
   }
   aside.banner-box {
      max-width: 310px;
   }
   .checklist-custom {
      font-size: 16px;
   }
   .checklist-custom ul li:before {
      height: 28px;
      width: 28px;
   }
   .checklist-custom ul li {
      padding-left: 35px;
   }
   section.mobile-section .column .title {
      min-height: 48px;
   }
   section.mobile-section .column .info {
      margin-right: -15px;
   }
   section.mobile-section .columns .col-md-4 {
      padding-right: 0;
   }
   section.mobile-section .line-wave {
      max-width: 851px;
      right: 0%;
      top: 11%;
   }
   section.mobile-section .columns {
      margin-top: 30px;
   }
   section.mobile-section .line-wave .line-dots span {
      height: 20px;
      width: 20px;
   }

   .bootstrap-select .dropdown-menu .dropdown-item {
      font-size: 15px;
   }
   .form .form-field.active .label-placeholder {
      transform: translateY(-30px);
      font-size: 14px;
   }
   .form .form-control.invert {
      height: 40px;
   }
    .bootstrap-select.invert > .dropdown-toggle {
        padding: 5px 0;
    }
   .form.form-pick-up .form-bottom {
      margin-top: 20px;
   }
   .form .form-field-icon .form-control.invert {
      padding-left: 20px;
   }
   .form .form-row h4 {
      font-size: 20px;
   }
   .form .form-row {
      padding: 5px 0;
   }
   section.checkout .form .title {
      margin-bottom: 20px;
   }
   section.checkout {
      min-height: 490px;
   }
   .icon-calendar,
   .icon-clock {
      height: 17px;
      width: 17px;
   }
   section.banner.banner-search .content-holder {
      margin-bottom: 60px;
   }
   section.banner .content-holder .description {
      font-size: 26px;
   }
   section.banner {
      min-height: 500px;
   }
   section.tabs-section ul.nav-tabs li.nav-item a.nav-link {
       font-size: 16px;
       padding: 0.5rem 1.8rem;
   }
   section.tabs-section .image-holder .box {
      width: 220px;
      height: 220px;
   }
   section.tabs-section .image-holder .box .box-front {
      padding: 40px 12px;
   }
   section.tabs-section .image-holder .box .box-back {
      padding: 70px 20px;
   }
   section.tabs-section .image-holder .box .box-text {
      font-size: 14px;
   }
   section.tabs-section .content-holder h4 {
      font-size: 24px;
   }
   section.tabs-section .image-holder {
      margin-left: -40px;
   }
   section.tabs-section .checklist-custom {
      font-size: 18px;
   }
   section.tabs-section .button-holder {
      margin-top: 30px;
   }
   section.full-banner .content-holder h1 {
      font-size: 100px;
   }
   section.full-banner .content-holder {
      min-height: 500px;
   }
   .car {
      width: 200px;
   }
   .slick-arrow {
      height: 45px;
      width: 45px;
      line-height: 57px;
   }
   section.latest-posts .slider .slick-arrow.slick-prev {
      right: 70px;
   }
   section.testimonials {
      margin-top: 100px;
   }
   section.testimonials .slider .slick-arrow.slick-next {
      left: 55px;
   }
   section.post-content .wrapper {
      height: 500px;
   }
   .description .button-simple, .title .button-simple {
      margin-left: 20px;
   }
   .posts .post .content-holder .title {
      font-size: 20px;
   }
   .posts .post .content-holder {
      padding: 5px 20px 10px 30px;
   }
   .posts .post {
      height: 310px;
   }
   .posts .post:before,
   .posts .post .content-holder:before {
      width: 12px;
   }
   .posts .post-row.post-row-sm {
      padding-left: 75px;
   }
   .posts .post-row.post-row-sm {
      margin-bottom: 15px;
   }
   .posts .post-row.post-row-sm .date {
      margin-bottom: 5px;
      padding: 2px 2px 2px 15px;
   }
   .posts .post-row.post-row-sm .date:before {
      height: 20px;
      width: 6px;
   }
   .posts .post-row.post-row-sm .content-holder {
      padding: 0px 0 5px 15px;
      min-height: 75px;
   }
   .posts .post-row.post-row-sm .image-holder {
      max-width: 75px;
   }
   .posts .post-row.post-row-sm .title {
      font-size: 18px;
   }
   .posts .post-row.post-row-sm .image-holder:before,
   .posts .post-row.post-row-sm .image-holder:after {
      width: 6px;
   }
   
   .posts .post-row .content-holder .info {
      font-size: 16px;
   }
   .posts .post-row .image-holder {
      max-width: 150px;
   }
   .posts .post-row .content-holder {
      padding: 0 15px 0;
      min-height: 150px;
   }
   .posts .post-row {
      padding-left: 160px;
   }
   .product {
      font-size: 19px;
   }
   .product .product-overview .product-image {
      width: 65px;
   }
   .product .product-overview {
      padding-left: 75px;
      line-height: 1.2;
   }
   .product .product-overview .product-title {
      font-size: 19px;
      margin-right: -15px;
   }
   .custom-table .thead {
      padding: 15px 50px 15px 10px;
   }
   .custom-table .tbody .panel .panel-heading {
      padding: 15px 50px 15px 10px;
   }
   .custom-table .button-custom.button-custom-lg {
      min-width: 130px;
   }
   .custom-table .tbody .panel .panel-heading .arrow {
      right: 15px;
      top: 23px;
      font-size: 24px;
   }
   .product .product-price {
      line-height: 1.2;
   }
   .product .product-details {
      padding: 20px 15px;
      font-size: 16px;
   }
   .product .product-details span {
      min-width: 38%;
   }
   .checkout-steps ul li a {
      padding: 15px 12px;
   }
   .form .form-row h5 {
      font-size: 18px;
   }
   section.checkout .form {
      max-width: 620px;
   }
   section.checkout .form.form-pick-up,
   section.checkout .form.form-table {
      max-width: 100%;
   }
}
@media (max-width: 1200px) {
   section.banner .date,
   section.banner .title,
   section.banner .info,
   section.banner .description {
      opacity: 1;
      transform: translateX(0);
   }
   .menu > ul > li a:after {
      right: inherit;
      left: 0;
   }
   aside.sidebar-menu {
      right: 0;
      height: 100%;
      overflow: auto;
      transform: translateX(100%);
      transition: transform 0.3s linear;
      box-shadow: -10px -10px 100px rgba(0, 0, 0, 0.05);
   }
   body.menu-open aside.sidebar-menu {
      transform: translateX(0);
   }
   body.menu-open {
      width: 100%;
      overflow: hidden;
   }
   .main-wrapper {
      transition: transform 0.3s linear;
   }
   body.menu-open .main-wrapper {
      transform: translateX(-240px);
   }
   main.main-content {
      transition: all ease 0.5s;
   }
   body.menu-open main.main-content {
      filter: blur(5px);
   }
   section.banner .content-holder {
      padding-top: 150px;
   }
   .grecaptcha-badge {
      opacity: 0;
      pointer-events: none;
   }
   header.main-header.d-xl-none .button-phone.invert {
      color: #333;
   }
   section.mobile-section .line-wave {
      max-width: 813px;
      right: 2%;
      top: 9%;
   }
   section.tabs-section .image-holder .box {
      width: 180px;
      height: 180px;
   }
   section.tabs-section .image-holder .box .price {
      line-height: 45px;
      font-size: 35px;
   }
   section.tabs-section .image-holder .box .box-label {
      font-size: 16px;
      margin-left: 15px;
   }
   section.tabs-section .image-holder .box h1.price sup {
      font-size: 20px;
   }
   section.tabs-section .image-holder .box .box-text {
      font-size: 12px;
       max-width: 104px;
       margin: 0 auto;
      font-weight: 700;
      line-height: 1.4;
   }
   .posts .post {
      max-width: 100%;
   }
   .posts .post .content-holder .title {
      font-size: 24px;
   }
   header.main-header {
      padding: 20px 0;
   }
   .form .form-checkbox input[type=checkbox] ~ .checkmark {
      border: 1px solid #c9c9c9;
   }
}
@media (max-width: 992px) {

   aside.sidebar-menu {
      padding-top: 20px;
   }
   aside.sidebar-menu .logo-holder .logo {
      max-width: 140px;
      display: inline-block;
   }
   header.main-header .button-holder .button-phone {
      float: left;
      line-height: 55px;
   }
   header.main-header .logo {
      margin-top: -5px;
      max-width: 140px;
   }
   .product .product-overview .product-title {
      font-size: 18px;
   }
   .button-phone.invert {
      color: #333;
      text-shadow: none;
   }
   h1 {
      line-height: 50px;
      font-size: 50px;
   }
   h2 {
      font-size: 30px;
   }
   section.banner.banner-gradient {
      background: linear-gradient(90deg, #F4F6F8 20.31%, #F4F6F8 100%);
   }
   .form.form-pick-up .button-custom {
      right: 0;
      margin-bottom: -1px;
   }
   .form.form-pick-up .wrapper {
      padding: 0;
   }
   .form.form-pick-up .column .holder {
      border-bottom: 1px solid #ddd;
   }
   .form.form-pick-up .holder {
      padding: 10px 15px 5px;
   }
   aside.banner-box {
      margin-top: 0;
   }
   section.mobile-section .column .title {
      min-height: inherit;
      max-width: 100%;
      margin-bottom: 5px;
   }
   section.mobile-section .image-holder {
      margin-top: 0px;
   }
   .checklist-custom {
      font-size: 18px;
   }
   section.tabs-section .tab-content>.tab-pane {
      display: block;
   }
   section.tabs-section .fade:not(.show) {
      opacity: 1;
   }
   section.tabs-section .card {
      border-bottom: 1px solid #E3EAF1;
   }
   section.tabs-section .content-holder {
      padding-top: 0;
   }
   section.tabs-section .image-holder .box {
      top: -120px
   }
   section.tabs-section .image-holder .box .box-body {
      transform: rotateY( 0deg) !important;
   }
   section.tabs-section .image-holder {
      margin-top: 120px;
   }
   section.full-banner .content-holder {
      padding: 60px 30px;
   }
   section.latest-posts .slider .slick-arrow {
      top: -70px;
   }
   .posts .post .content-holder .title {
      font-size: 20px;
   }
   .sidebar {
      padding-left: 0;
   }
   section.banner {
      min-height: inherit;
   }
   section.banner .form:not(.form-pick-up) {
      max-width: 370px;
   }
   section.banner .image-holder {
      margin-right: -150px;
      margin-bottom: 0;
      float: none;
      min-height: 260px;
      background: #F5F7F9;
      border-radius: 0 0 0 25px;
   }
   section.banner .map-holder {
      min-width: 100%;
      width: 100%;
      margin-right: 0px;
      margin-left: 0px;
      margin-top: 30px;
      float: none;
      border-radius: 5px;
   }
   section.banner .map-holder .map {
      max-height: 370px;
   }
   section.banner .map-holder iframe {
      height: 370px;
      margin-top: 0px;
      margin-bottom: 0px;
   }
   section {
      margin-bottom: 80px;
   }
   .product .product-info {
      padding-top: 0px;
      font-size: 16px;
      font-weight: 600;
   }
   .product .product-details span {
      min-width: 45%;
   }
   section.checkout .form {
      max-width: 100%;
   }
   .checkout-steps ul li a {
      padding: 15px 35px;
      line-height: 1;
   }
   section.image-section .image-holder {
      margin-bottom: -70px;
   }
   section.image-section .content-holder {
      padding-left: 30px;
      max-width: 650px;
   }
   section.image-section .wrapper {
      display: none;
   }
   aside.sidebar-menu .logo-holder {
      margin-bottom: 15px;
   }
   section.mobile-section .line-wave {
      max-width: 563px;
      right: 76px;
      top: -103px;
      transform: rotate(180deg);
   }
   section.mobile-section .columns {
      margin-top: 0;
   }
   section.mobile-section .line-wave .line-dots span:nth-child(1) {
      top: 52%;
   }
   section.mobile-section .line-wave .line-dots span:nth-child(3) {
      top: 47%;
   }
   section.mobile-section .line-wave .line-dots span:nth-child(2) {
      top: 45%
   }
   section.mobile-section .line-wave .line-dots span:nth-child(4) {
      top: 21%;
   }
}
@media (min-width: 992px) and (max-width: 1200px){
   section.checkout .form.form-table .form-checkbox {
      margin-left: 5px;
   }
   section.banner .image-holder:before {
      content: "";
      height: 100px;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
      background: -moz-linear-gradient(top,  rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
      background: -webkit-linear-gradient(top,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
   }
   section.banner .map-holder iframe {
      margin-top: -55px;
   }
   section.banner .map-holder iframe {
      height: 640px;
   }
   header.main-header .button-holder .button-phone {
      margin-right: 30px;
      font-size: 24px;
      vertical-align: top;
      line-height: 56px;
   }
}
@media (max-width: 767px){
   .mobile-submit{
      display: block;
   }
   .button-continue-step-2,.button-continue-step-4{
      display: none;
   }

   .button-custom.button-custom-main:hover::before {
      width: 100%;
       -webkit-animation: none;
       -moz-animation: none;
      -ms-animation: none;
       animation: none;
   }
   h1 {
      line-height: 40px;
      font-size: 40px;
   }
   h2 {
      font-size: 30px;
   }
   h3 {
      font-size: 22px;
   }
   header.main-header .button-holder .button-phone {
      margin-right: 20px;
   }
   .button-menu {
      margin-left: 5px;
      background: transparent;
   }
   .button-menu .hamburger .bar {
      stroke: #333;
   }
   .button-custom.button-custom-xl {
      min-width: 160px;
      font-size: 18px;
      padding: 18px 20px;
   }
   .car {
      width: 150px;
   }
   section.mobile-section .line-wave {
      max-width: 563px;
      right: 29px;
      top: -125px;
      transform: rotate(180deg);
   }
   section.mobile-section .line-wave .line-dots span:nth-child(1) {
      top: 52%;
   }
   section.mobile-section .line-wave .line-dots span:nth-child(3) {
      top: 47%;
   }
   section.mobile-section .line-wave .line-dots span:nth-child(2) {
      top: 45%
   }
   section.mobile-section .line-wave .line-dots span:nth-child(4) {
      top: 21%;
   }
   section.full-banner .content-holder {
      min-height: 400px;
   }
   section.full-banner .content-holder {
      padding: 50px 15px;
   }
   section.tabs-section .content-holder {
      padding-bottom: 20px;
   }
   section.banner.banner-search .image-holder {
      min-height: 230px;
      margin-bottom: -50px;
   }
   section.banner.banner-search .content-holder {
      margin-bottom: 30px;
   }
   section.banner .image-holder {
      border-radius: 10px;
      float: none;
      overflow: hidden;
      margin-bottom: 30px;
   }
   section.banner .image-holder img {
      border-radius: 0;
   }
   section.contact .boxes .box {
      margin-bottom: 15px;
   }
   .form.form-pick-up .holder:not(.border-none):after {
      content: none;
   }
   .form.form-pick-up .wrapper {
      max-width: calc(100% - 30px);
      margin: 0 auto;
   }
   .form.form-pick-up .column:first-of-type .holder {
      padding-left: 20px;
      padding-top: 20px;
   }
   .form.form-pick-up .holder {
      padding: 10px 20px 5px;
      border-bottom: 1px solid #ddd;
   }
   .form.form-pick-up .form-bottom {
      padding-left: 15px;
   }
   .form .form-icon {
      top: 4px;
   }
   .icon-calendar, .icon-clock {
      height: 20px;
      width: 20px;
   }
   .form .form-field-icon .form-control.invert {
      padding-left: 25px;
   }
   .button-custom {
      min-width: 125px;
   }
   aside.sidebar-menu .logo-holder {
      margin-bottom: 15px;
   }
   aside.sidebar-menu .menu-holder {
      overflow: auto;
   }
   aside.sidebar-menu .menu {
      padding: 15px 0 0;
   }
   aside.sidebar-menu .menu-sec {
      margin-top: 15px;
   }
   aside.banner-box {
      margin-top: 30px;
   }
   section.full-banner .content-holder h1 {
      font-size: 70px;
      margin-bottom: 20px;
   }
    section.full-banner h3 {
        font-size: 18px;
    }
   section.latest-posts .slider {
      padding-top: 50px;
   }
   section.latest-posts .slider .slick-arrow.slick-prev {
      right: inherit;
      left: 15px;
   }
   section.latest-posts .slider .slick-arrow.slick-next {
      right: inherit;
      left: 70px;
   }
   section.newsletter .form {
      margin-bottom: 30px;
   }
   section.newsletter .button-custom {
      min-width: 100%;
   }
   footer.main-footer .footer-menu,
   .footer-bottom {
      text-align: center;
   }
   .convergine-wrapper {
      margin: 10px auto 15px;
      float: none;
   }
   .button-holder .button-custom {
      margin-right: 5px;
   }
   .button-holder {
      margin-bottom: 30px;
   }
   section.banner .button-holder .button-custom {
      padding: 15px 10px;
   }
   section.banner .button-holder .button-custom.button-custom-light {
      padding: 13px 10px;
   }
   header.main-header .logo {
      /*max-width: 160px;*/
   }
   .product .product-details span {
      min-width: 100%;
   }
   aside.sidebar-menu {
      padding-top: 13px;
   }
   section.tabs-section .image-holder .box {
      width: 120px;
      height: 120px;
   }
   section.tabs-section .image-holder .box .box-body {
      border-width: 2px;
   }
   section.tabs-section .image-holder .box h1.price sup {
      font-size: 14px;
   }
   section.tabs-section .image-holder .box .box-label {
      font-size: 11px;
      margin-left: 23px;
      margin-bottom: 2px;
   }
   section.tabs-section .image-holder .box .box-front {
      padding: 20px 6px;
   }
   section.tabs-section .image-holder .box .box-back {
      padding: 43px 20px;
   }
   section.tabs-section .image-holder .box .price {
      line-height: 25px;
      font-size: 25px;
       margin-top: 10px;
   }
   section.tabs-section .image-holder .box .box-text {
      font-size: 10px;
      font-weight: 500;
      line-height: 1.2;
   }
   .form .form-field .label-placeholder {
      transform: translateY(-30px);
      font-size: 14px;
      color: #000;
   }
   .form label.error {
      margin-top: 0px;
      text-align: right;
      width: 100%;
   }
   .checkout-steps ul li {
      height: auto;
      float: none;
      /*display: block;*/
      width: 100%;
      display: none;
   }
   .checkout-steps ul li.active{
      display: block;
   }
   .checkout-steps ul li.active a::after {
      display: none;
   }
   .order-summary {
      float: none;
      margin-top: 0px;
      width: 100%;
      max-width: none;
   }
   .checkout-steps ul li a {

      width: 100%;
   }
   .payment-cards{
      text-align: left;
      padding-top: 6px;

   }
      #billing_address{
         padding-top: 20px;;
      }
}
@media (max-width: 500px){
   .button-menu {
      margin-right: -10px;
      margin-left: 0;
   }
   aside.sidebar-menu .logo-holder .logo {
      max-width: 160px;
   }
   aside.sidebar-menu .menu-sec .menu li a,
   aside.sidebar-menu .menu-holder .menu li a {
      padding: 5px 30px;
   }
   section.testimonials .boxes .box .text {
      font-size: 18px;
      padding-right: 15px;
      line-height: 1.4;
   }
   section.tabs-section .image-holder {
      margin-left: 0;
   }
   section.tabs-section .image-holder .box {
      top: -70px;
   }
   section.tabs-section .image-holder {
      margin-top: 40px;
   }
   .custom-table .row-eq-height {
      border-bottom: 1px solid #E3EAF1;
   }
   .custom-table .tbody .panel .panel-heading {

   }
   .custom-table  .row-eq-height .col-3 {
      min-height: 50px;
      border-right: 1px solid #E3EAF1;
      padding: 15px;
      font-size: 16px;
   }
   .custom-table .tbody .panel .panel-heading[aria-expanded=true] .arrow {
      background: #333333;
      color: #fff;
   }
   .custom-table .tbody .panel .panel-heading .arrow {
      font-size: 26px;
   }
   .product .product-overview {
      padding-top: 15px;
   }
   .custom-table .tbody .panel {
      margin-bottom: 50px;
   }
   .product .product-overview .product-title {
      font-size: 20px;
   }
   .custom-table .product .product-info {
      padding-top: 7px;
      font-size: 17px;
      line-height: 1.2;
   }
   .custom-table .tbody .panel .panel-heading .arrow {
      height: 40px;
      position: relative;
      background: #f2f2f3;
      width: calc(100% + 30px);
      margin-left: -15px;
      margin-right: -15px;
      left: 0;
      right: 0;
      top: 0;
      text-align: center;
   }
   .custom-table .button-custom.button-custom-lg {
      margin-top: 15px;
      margin-bottom: 15px;
      width: 100%;
   }
   .custom-table .tbody .panel .panel-heading {
      padding: 0 15px;
      border-left: 1px solid #E3EAF1;
      border-right: 1px solid #E3EAF1;
   }
   .checkout-steps ul li.active a::after {
      display: none;
   }
   .checkout-steps ul li.active a:after {
      /*transform: rotate(180deg);
      right: inherit;
      left: -9px;*/
      display: none;
   }
   .checkout-steps ul li a {
      margin-top: 0;
      margin-left: 0;
      vertical-align: top;
      width: auto;
      padding: 18px 25px 18px 15px;
      text-align: left;
      /* transform: rotate(-90deg); */
      font-size: 17px;
      display: block;
   }
   .form .form-title {
      font-size: 18px;
   }
   .checkout-steps {
      margin: 15px 0 20px 0px;
   }
   .order-summary {
      float: none;
      margin-top: 0px;
   }
   section.checkout {
      min-height: 320px;
      padding-top: 10px;
   }
   section.banner .image-holder {
      margin-top: 0px;
   }
   section.banner .image-holder {
      margin-right: 0px;
   }
   section.image-section .image-holder {
      margin-bottom: -30px;
   }
   section.image-section .content-holder {
      margin-left: -15px;
      max-width: calc(100% - 30px);
   }
   .posts .post-row .image-holder {
      max-width: 100px;
   }
   .posts .post-row {
      padding-left: 100px;
   }
   .posts .post-row .content-holder .info {
      display: none;
   }
   .posts .post-row .title {
      font-size: 18px;
   }
   .posts .post-row .content-holder {
      min-height: 50px;
   }
   .posts .post-row .date:before {
      height: 17px;
   }
   .menu > ul > li.current-menu-item > a:after {
      width: 12px;
   }
   .form .form-row h5 {
      font-size: 20px;
   }
   section.full-banner .content-holder {
      min-height: 300px;
   }
   section.mobile-section .image-holder {
      max-width: 200px;
      float: right;
   }
   section.mobile-section .col-lg-4 {
      order: 2;
   }
   section.mobile-section .app-links {
      max-width: 200px;
   }
   section.mobile-section .line-wave {
      right: -161px;
      top: 24%;
      width: 421px;
      transform: rotate(-90deg);
      display: block;
   }
   section.mobile-section .line-wave .line-dots span:nth-child(2) {
      top: 45%;
      right: 26%;
   }
   section.mobile-section .line-wave .line-dots span:nth-child(3) {
      top: 57%;
      right: 62%;
   }
   section.mobile-section .image-holder {
      max-width: none;
      float: none;
      position: relative;
      bottom: 0;
      right: 0;
      text-align: center;
   }
   section.mobile-section .column {
      max-width: 300px;
   }
   section.mobile-section {
      padding-bottom: 0;
      margin-bottom: 0;
   }
   .payment-cards{
      text-align: left;
      padding-top: 6px;

   }
   #billing_address{
   padding-top: 20px;;
   }
}

@media (min-width: 992px){
   section.tabs-section .card .card-header {
      display: none;
   }
   section.tabs-section .card .collapse {
      display: block;
   }
}