@media (min-width:1024px) {
  body {
    font-size: 16px
  }
}

@media (min-width:1024px) {
  section {
    padding: 6.25rem 0
  }
}

@media (min-width:1024px) {
  .container {
    max-width: calc(1205px + 5%)
  }

  .section-title {
    font-size: 2.5rem
  }
}

@media (min-width:1700px) {
  .section-title {
    font-size: 4rem
  }
}

@media (min-width:768px) {
  .section-desc {
    font-size: .75rem
  }
}

@media (min-width:1024px) {
  .section-desc {
    font-size: 1rem
  }
}

@media (min-width:1700px) {
  .section-desc {
    font-size: 1.625rem
  }
}

@media (min-width:1280px) {
  .hide-desk {
    display: none
  }
}

@media (max-width:1279px) and (min-width:768px) {
  .hide-tab {
    display: none
  }
}

@media (max-width:767px) {
  .hide-mob {
    display: none
  }
}

@media (min-width:1024px) {

  .main-header.active,
  .main-header.sticky {
    -webkit-transform: translateY(-60px);
    transform: translateY(-60px)
  }
}


@media (max-width:1279px) {
  .main-header.active .header-bottom {
    background-color: #EDF0F2 !important;
  }

  .main-header.active .header-cart {
    display: none
  }

  .main-header.active .nav-icon-wrap {
    background-color: transparent
  }

  .main-header.active .nav-icon-wrap .bar1,
  .main-header.active .nav-icon-wrap .bar2,
  .main-header.active .nav-icon-wrap .bar3 {
    background-color: #000
  }

  .main-header.active .header-right {
    display: block;
    position: fixed;
    top: 100px;
    left: 0;
    width: 100%;
    height: calc(100vh - 50px);
    background-color: #fff;
    padding-top: 3.125rem
  }
}

@media (min-width:1024px) and (max-width:1279px) {
  .main-header.active .header-right {
    top: 120px
  }
}

@media (max-width:890px) {
  .gallery-section .gallery-single .item {
    height: 30rem !important;
  }

}
@media (min-width:768px) and (max-width:800px) {
  .main-header .logo {
   width: 12.8125rem !important;
  }
  .main-header.active .logo, .main-header.sticky .logo{
     /* top: 90% !important; */
     top: 100% !important;
  }
}

@media (min-width:767px) and (max-width:769px) {
  .main-header .logo {
    /* top: -17px; */
    /* top: -20px; */
    margin-top: -3px !important;
    width: 12.8125rem !important
  }
}

@media (min-width:770px) {
  .main-header .logo {
    /* top: -17px; */
    /* top: 8px; */
    top: -39px;
    width: 12.8125rem
  }
}

@media (min-width:768px) {
  .main-header .header-top .container {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
}

@media (min-width:1024px) {
  .main-header .logo {
    /* top: -26px; */
    top: -43px;
    width: 19.1875rem
  }

  .main-header .header-top .container {
    height: 3.75rem !important;
    padding: 1.0625rem 3.5rem !important;
  }

  .main-header .header-top ul li {
    font-size: .875rem !important;
  }
}


@media (min-width:1024px) {
  .main-header .header-top ul li img {
    width: 1.5rem !important;
  }

  .main-header .header-bottom .container {
    height: 3.75rem !important;
  }
}

@media (min-width:1200px) {
  .main-header .header-top ul li {
    font-size: .875rem !important;
  }

  .main-header .header-right {
    display: block
  }
}

@media (min-width:1200px) {
  .main-header .main-menu {
    height: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }
}

@media (min-width:1200px) {
  .main-header .main-menu a:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .main-header .main-menu a {
    font-size: .875rem;
    padding: .375rem .5rem;
    border-bottom: 4px solid transparent;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .main-header .main-menu a:hover {
    border-color: #1A1A1A
  }
}

@media (min-width:1024px) {
  .main-header .main-menu a:before {
    display: block
  }
}

@media (min-width:1200px) {
  .main-header .header-cart {
    width: 2.5rem;
    height: 2.5rem
  }
}

@media (min-width:1200px) {
  .main-header .header-social {
    display: none
  }
}

@media (min-width:1200px) {
  .nav-icon-wrap {
    display: none
  }
}

@media (max-width:767px) {
  .hero-section h1 {
    margin: 0 auto
  }
}

@media (min-width:768px) {
  .hero-section h1 {
    text-align: left;
    max-width: 250px
  }
}

@media (min-width:768px) {
  .hero-section .hero-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }
}

@media (min-width:768px) {
  .hero-section .hero-reviews {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}

@media (min-width:1024px) {
  .hero-section h1 {
    font-size: 3rem;
    max-width: 400px
  }

  .hero-section .hero-reviews {
    margin: 2.1875rem 0
  }
}

@media (max-width:767px) {
  .hero-section .hero-input {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1.25rem
  }

  .hero-section .hero-input input {
    font-size: 1.875rem;
    letter-spacing: 8px
  }

  .gallery-section{
    margin-top: -50px !important;
  }
}

@media (min-width:768px) {
  .hero-section .hero-input input {
    max-width: 15.375rem;
    font-size: 1.5rem;
    letter-spacing: 4px
  }
}

@media (min-width:1024px) {
  .hero-section .hero-input input {
    font-size: 1.875rem;
    letter-spacing: 8px;
    max-width: 23.1875rem;
    border: 4px solid #FFC800
  }
}

@media (max-width:767px) {
  .hero-section .hero-input button {
    font-size: 1.25rem;
    width: 60%;
    margin: 0 auto
  }

  .hero-section .hero-img {
    margin-bottom: 1.25rem
  }
}

@media (min-width:768px) {
  .hero-section .hero-input button {
    width: 8.25rem
  }
}

@media (min-width:1024px) {
  .hero-section .hero-input button {
    font-size: 1.125rem;
    width: 10.5rem
  }
}

@media (min-width:768px) {
  .hero-section .hero-intro {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }

  .hero-section .hero-img {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }

  .hero-section .hero-img img {
    max-width: 34.375rem;
    width: 100%
  }

  .feat-section .feat-box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    min-height: 11.25rem
  }
}

@media (min-width:1024px) {
  .feat-section .feat-box {
    height: 17.5625rem;
    min-height: auto
  }

  .feat-section .feat-box h3 {
    font-size: 2rem
  }
}

@media (min-width:768px) {
  .feat-section .feat-box .box-left {
    padding: 2rem 1.5rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }
}

@media (min-width:1024px) {
  .feat-section .feat-box .box-left {
    padding: 2.5rem 1.875rem
  }
}

@media (min-width:1200px) {
  .feat-section .feat-box .box-left {
    padding: 3.25rem 3rem
  }
}

@media (max-width:767px) {
  .feat-section .feat-box .fast {
    padding: 0 0 .9375rem;
    margin: 0 0 .9375rem
  }

  .feat-section .feat-box .fast p {
    max-width: 100%;
    margin: 1.25rem 0 0
  }
}

@media (min-width:768px) {
  .feat-section .feat-box .fast {
    border: none;
    border-right: 1px solid rgba(0, 0, 0, .48);
    padding-right: 1.5rem
  }

  .feat-section .feat-box .premium {
    padding-left: 1.5rem
  }
}

@media (min-width:1024px) {
  .feat-section .feat-box .fast {
    padding-right: 1.875rem
  }
}

@media (min-width:1024px) {
  .feat-section .feat-box .fast h3 img {
    width: 3.3125rem;
    bottom: -19px;
    right: 17px
  }

  .feat-section .feat-box .fast p {
    max-width: 190px
  }
}

@media (min-width:1024px) {
  .feat-section .feat-box .fast .delivery {
    width: 8.625rem
  }

  .feat-section .feat-box .premium {
    padding-left: 1.875rem
  }
}

@media (min-width:1200px) {
  .feat-section .feat-box .fast {
    padding-right: 3rem
  }

  .feat-section .feat-box .premium {
    padding-left: 3rem
  }
}

@media (min-width:1024px) {
  .feat-section .feat-box .premium p {
    margin: 0 0 .625rem
  }

  .feat-section .feat-box .trusted {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}

@media (min-width:768px) {
  .feat-section .feat-box .premium h3 {
    max-width: 15.625rem
  }

  .feat-section .feat-box .trusted span {
    min-width: 111px;
    height: 32px
  }
}

@media (max-width:320px) {
  .main-header .header-top ul li {
    font-size: 9px !important;
  }

}


@media (min-width:1024px) {
  .feat-section .feat-box .trusted span {
    font-size: 1rem;
    width: 9.25rem;
    height: 2.5rem
  }
}

@media (min-width:768px) {
  .feat-section .feat-box .fully {
    background-image: url(../images/fully-road-legal-md.webp);
    padding: 2rem .9375rem;
    max-width: 10.3125rem;
    height: 100%
  }
}

@media (min-width:1024px) {
  .feat-section .feat-box .fully {
    background-image: url(../images/fully-road-legal-lg.webp);
    padding: 3.25rem 1.875rem;
    max-width: 16rem
  }
}

@media (min-width:768px) {
  .feat-section .feat-box .fully p {
    max-width: 150px;
    margin: .9375rem 0 .3125rem
  }

  .plates-section .plates-col {
    max-width: calc(50% - 10px)
  }
}

@media (min-width:1024px) {
  .feat-section .feat-box .fully p {
    margin: 1.25rem 0 .625rem
  }

  .plates-section .plates-row {
    -webkit-column-gap: 2.125rem;
    -moz-column-gap: 2.125rem;
    column-gap: 2.125rem;
    row-gap: 2.125rem
  }

  .plates-section .plates-col {
    width: 50%;
    max-width: calc(50% - 17px)
  }
}

@media (min-width:1024px) {
  .plates-section .plates-img {
    height: 20rem
  }
}

@media (max-width:767px) {
  .plates-section .plates-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    width: 90%;
    margin: 1.25rem auto
  }
}

@media (min-width:768px) {
  .plates-section .plates-bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
  }
}

@media (min-width:1024px) {
  .plates-section .plates-bottom {
    margin-top: 1.25rem
  }

  .plates-section h3 {
    font-size: 2rem
  }

  .gallery-section p {
    font-size: 1.625rem
  }
}

@media (max-width:767px) {
  .plates-section p {
    margin: .625rem 0
  }

  .why-choose-section li p {
    letter-spacing: -.2px
  }
}

@media (min-width:768px) {
  .gallery-section .gallery-single {
    margin: 1.25rem 0
  }
}

@media (min-width:768px) {
  .gallery-section .gallery-single img {
    height: 16.6875rem
  }
}

@media (min-width:768px) {
  .gallery-section .gallery-nav {
    width: 100%;
    padding: 0 1.875rem
  }
}


@media (min-width:768px) {
  .gallery-section .gallery-nav .slick-track {
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    row-gap: 0
  }

  .gallery-section .gallery-nav .slick-list {
    border-left: 1px solid rgba(0, 0, 0, .48);
    border-right: 1px solid rgba(0, 0, 0, .48)
  }
}

@media (min-width:1024px) {
  .gallery-section .gallery-single {
    margin: 1.5625rem 0 2.5rem
  }

  .gallery-section .gallery-single img {
    height: 28.625rem
  }

  .gallery-section .gallery-nav {
    padding: 0 2.625rem;
    max-width: 1168px;
    margin: 0 auto
  }

  .gallery-section .gallery-nav .slick-track {
    -webkit-column-gap: .625rem;
    -moz-column-gap: .625rem;
    column-gap: .625rem;
    row-gap: .625rem
  }
}

@media (min-width:768px) {
  .gallery-section .gallery-nav .slick-slide {
    padding: .875rem 0 1.75rem
  }

  .gallery-section .gallery-nav .slick-slide:before {
    bottom: 14px;
    width: 100%
  }
}

@media (min-width:1024px) {
  .gallery-section .gallery-nav .slick-slide:before {
    width: calc(100% + 10px)
  }
}

@media (min-width:768px) {
  .gallery-section .gallery-nav .slick-slide:after {
    height: 6px;
    bottom: 12px
  }
}

@media (min-width:1024px) {
  .gallery-section .gallery-nav .slick-slide:after {
    height: 8px;
    bottom: 11px
  }

  .gallery-section .gallery-nav .slick-slide img {
    width: 9.3125rem;
    height: 3.625rem;
  }
}

@media (min-width:768px) {
  .why-choose-section {
    padding-top: 5rem
  }

  .why-choose-section .section-desc {
    max-width: 25rem
  }
}

@media (min-width:1024px) {
  .gallery-section .gallery-nav .slick-arrow img {
    width: 2.25rem;
    height: 2.25rem
  }

  .why-choose-section .section-desc {
    max-width: 34rem
  }

  .why-choose-section ul {
    margin-top: 3.125rem
  }
}

@media (min-width:768px) {
  .why-choose-section li {
    width: 50%
  }
}

@media (min-width:1024px) {
  .why-choose-section li {
    -webkit-column-gap: 1.875rem;
    -moz-column-gap: 1.875rem;
    column-gap: 1.875rem;
    row-gap: 1.875rem;
    padding: 1.25rem 0
  }

  .why-choose-section li img {
    width: 3.5rem
  }

  .why-choose-section li h3 {
    font-size: 1.875rem
  }

  .why-choose-section li p {
    font-size: 1rem;
    max-width: 28.5rem
  }
}

@media (min-width:768px) {
  .explore-section .explore-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }

  .explore-section .explore-col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
  }
}

@media (min-width:1024px) {
  .explore-section .explore-row {
    -webkit-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem;
    row-gap: 2.5rem
  }

  .explore-section .explore-header h2 {
    font-size: 2.5rem
  }
}

@media (min-width:1024px) {
  .explore-section .explore-header p {
    font-size: 1.875rem
  }

  .explore-section .explore-body p {
    margin-bottom: 1.25rem
  }
}

@media (min-width:1024px) {
  .explore-section .explore-links>span {
    margin: .5rem 1rem .5rem 0
  }

  .explore-section .explore-links a {
    font-size: 1rem;
    padding: .5rem 1rem
  }

  .explore-section .explore-links a img {
    width: 1.25rem
  }
}

@media (min-width:768px) {
  .explore-section .explore-box {
    margin-left: auto;
    height: 26.5rem
  }
}

@media (min-width:1024px) {
  .explore-section .explore-box {
    padding: 4rem 3rem;
    height: 36.5625rem
  }

  .explore-section .explore-box .logo1 {
    width: 9rem
  }

  .explore-section .explore-box .logo2 {
    width: 5.4375rem
  }
}

@media (max-width:1279px) {
  .explore-section .perfect-num {
    -webkit-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem
  }
}

@media (min-width:1024px) {
  .explore-section .explore-box .explore-text {
    max-width: 22.5rem
  }

  .explore-section .explore-box .explore-text h3 {
    font-size: 1.875rem
  }

  .explore-section .perfect-num .img1 {
    display: block
  }

  .explore-section .perfect-num .img2 {
    display: none
  }
}

@media (min-width:768px) {
  .explore-section .perfect-num {
    margin-top: 4.375rem
  }

  .reviews-header {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }
}

@media (max-width:767px) {
  .explore-section .explore-header p {
    letter-spacing: -.5px
  }

  .explore-section .explore-body p {
    letter-spacing: -.2px
  }

  .reviews-header h2 {
    font-size: 1.5rem
  }
}

@media (max-width:767px) {
  .reviews-trust {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
  }

  .reviews-card p {
    letter-spacing: -.2px
  }
}

@media (min-width:768px) {
  .reviews-header h2 {
    margin-bottom: 0
  }

  .reviews-trust {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .reviews-trust img {
    width: 10.625rem
  }
}

@media (min-width:1024px) {
  .reviews-header h2 {
    font-size: 2.5rem
  }

  .reviews-trust img {
    width: 11.5625rem
  }
}

@media (min-width:1024px) {
  .reviews-slider {
    margin: 2.5rem 0 3rem;
    width: 100%
  }

  .reviews-slider .slick-track {
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem
  }
}

@media (min-width:768px) {
  .reviews-card {
    width: 18rem;
    min-height: 13.25rem
  }
}

@media (min-width:1024px) {
  .reviews-card {
    width: 100%;
    min-height: 21.1875rem;
    padding: 1.875rem 1rem
  }
}

@media (min-width:1024px) {
  .reviews-card img {
    width: 8.8125rem
  }

  .reviews-card h3 {
    margin: 1.25rem 0
  }
}

@media (min-width:1024px) {
  .mob-arrow {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
  }
}


@media (min-width:768px) {
  .mob-arrow .slick-arrow {
    height: 3rem
  }
}

@media (min-width:1024px) {
  .mob-arrow .slick-arrow {
    width: 3.125rem
  }
}

@media (min-width:768px) {
  .faq-section h2 {
    margin-bottom: 3.125rem
  }
}

@media (min-width:1024px) {
  .faq-section .container {
    max-width: 54.5rem
  }

  .faq-tabs .faq-dropdown {
    display: none
  }

  .faq-tabs ul#tabs-nav {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-column-gap: .625rem;
    -moz-column-gap: .625rem;
    column-gap: .625rem;
    row-gap: .625rem
  }
}

@media (min-width:1024px) {
  .faq-tabs ul#tabs-nav li a {
    padding: 1rem 1.5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .faq-tabs ul#tabs-nav li a span {
    max-width: 134px
  }

  .faq-tabs ul#tabs-nav li.active {
    display: block
  }
}

@media (min-width:1024px) {
  .faq-tabs .tab-content {
    padding: 3.125rem 0
  }
}

@media (min-width:1024px) {
  .faq-tabs .accordion-item .accordion-title {
    font-size: 1.5rem;
    font-weight: 500;
    padding: 1.5625rem 0
  }

  .faq-tabs .accordion-arrow {
    width: 1.5rem;
    height: 1.5rem
  }

  .faq-tabs .accordion-item .accordion-content p {
    margin-bottom: 1.25rem
  }
}


@media (min-width:1024px) {
  .faq-bottom {
    padding: 1.5rem;
    text-align: center
  }

  .blog-section .blog-header p {
    font-size: 1.125rem
  }
}

@media (max-width:767px) {

    .header-basket{
    margin-left: unset !important;
 }
 .main-header .header-top ul{
    right: 4% !important;
    position: absolute !important;
 }


  .blog-section .blog-row {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    overflow: auto
  }

  #form_register_context_box{
      min-width: unset !important;
  }

  .main-header .header-top ul{
    margin-top: 30px;
    margin-left: unset;
  }

  .header-bottom .logo {
    /* top: 100%; */
    /* top: -2px; */
    /* top: -18px; */
    width: 50% !important;
    margin-top: -3px !important;
  }

  .blog-section .blog-card {
    min-width: 15rem
  }
}

@media (min-width: 500px) and (max-width: 767px) {
    .header-bottom .logo {
        width: 12.8125rem !important;
        /* margin-top: 25px !important; */
    }
}

@media (min-width:768px) {
  .blog-section .blog-row {
    width: 100%
  }

  .blog-section .blog-card {
    max-width: 14rem
  }

}

@media (min-width:1024px) {
  .blog-section .blog-content:before {
    height: 14.6875rem
  }

  .blog-section .blog-row {
    -webkit-column-gap: 1.875rem;
    -moz-column-gap: 1.875rem;
    column-gap: 1.875rem
  }

  .blog-section .blog-card {
    max-width: 22.25rem
  }
}

@media (min-width:1024px) {
  .blog-section .blog-card img {
    height: 14.6875rem
  }

  .blog-section .blog-info {
    padding: 2rem 1.5rem 3.5rem
  }

  .blog-section .blog-info .blog-date {
    margin-bottom: 1.25rem
  }

  .blog-section .blog-info h3 {
    font-size: 1.5rem
  }
}

@media (min-width:1024px) {
  .blog-section .blog-info .blog-desc {
    font-size: 1rem;
    margin: 1.25rem 0
  }
}

@media (min-width:1024px) {
  .main-footer .footer-logo {
    width: 19.9375rem
  }
}

@media (max-width:767px) {
  .main-footer h2 img {
    width: 2.6875rem
  }
}

@media (min-width:768px) {
  .main-footer .footer-center {
    padding: 6.25rem 0 0
  }
}

@media (min-width:768px) {
  .main-footer .footer-menu {
    margin-bottom: 2.5rem
  }
}

@media (min-width:1024px) {
  .main-footer .footer-row {
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    row-gap: 1.25rem
  }

  .main-footer .footer-col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
  }

  .main-footer .footer-center {
    padding: 3.125rem 0 0
  }

  .main-footer .footer-menu {
    max-width: 100%;
    width: calc(50% - 10px)
  }

  .main-footer .footer-menu ul li a {
    font-size: 1.125rem
  }
}

@media (max-width:767px) {
  .main-footer .get-in-touch {
    width: 100%
  }
}

@media (min-width:1024px) {
  .main-footer .footer-newsletter ul li {
    width: 50%
  }

  .main-footer .footer-input input {
    max-width: 22.3125rem
  }
}

@media (max-width:767px) {
  .main-footer .footer-input {
    margin: 1.875rem 0
  }
}

@media (min-width:768px) {
  .main-footer .footer-input {
    margin: 1.25rem 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }
}

@media (min-width:768px) {
  .main-footer .footer-input button {
    width: 12.3125rem
  }
}

@media (min-width:1024px) {
  .main-footer .footer-social.desk {
    display: block
  }
}

@media (max-width:767px) {
  .main-footer .footer-social {
    width: 100%
  }

  .main-footer .footer-social.mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid rgba(0, 0, 0, .24);
    padding: 0 0 .9375rem;
    margin-bottom: 2.5rem
  }

  .main-footer .footer-social.mob h3 {
    padding: 0;
    margin: 0;
    border: none
  }

  .main-footer .footer-social.mob ul {
    margin: 0
  }
}

@media (min-width:768px) {
  .main-footer .footer-social.mob {
    display: block;
    width: calc(50% - 20px)
  }
}

@media (min-width:1024px) {
  .main-footer .footer-social.mob {
    display: none
  }

  .main-footer .footer-info {
    border-top: 1px solid rgba(0, 0, 0, .24)
  }
}

@media (max-width:767px) {
  .main-footer .footer-info {
    border-top: 1px solid rgba(0, 0, 0, .24);
    padding-top: 1.875rem
  }
}

@media (min-width:768px) {
  .main-footer .footer-bottom .footer-row {
    display: block
  }
}

@media (max-width:767px) {
  .main-footer .footer-bottom p {
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, .8)
  }

  .main-footer .footer-bottom ul {
    gap: .625rem
  }
}

@media (min-width:768px) {
  .main-footer .footer-bottom p {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    border-bottom: 1px solid rgba(255, 255, 255, .8);
    padding-bottom: .9375rem;
    margin-bottom: .9375rem
  }
}

@media (min-width:1024px) {
  .main-footer .footer-bottom .footer-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .main-footer .footer-bottom p {
    border: none;
    padding: 0;
    margin: 0
  }

  .main-footer .footer-bottom ul {
    margin-left: auto
  }
}

@media (min-width:80px) and (max-width:1100px) {
  .hero-section {
    padding: 30px;
  }
}

@media (min-width:766px) and (max-width:770px) {
  .hero-section {
    padding: 25px;
  }
}

@media (min-width:400px) and (max-width:767px) {
  .is-drilldown {
    margin-top: -5px !important;
  }
}

@media (max-width:399px) {
  .is-drilldown {
    margin-top: -7px !important;
  }
}

@media (min-width:770px) and (min-width:819px) {

  .main-header.active .logo,
  .main-header.sticky .logo {
    /* top: 80% !important; */
    /* top: 50% !important; */
     top: 8% !important;
  }
}


@media (max-width:767px) {

  .main-header.active .logo,
  .main-header.sticky .logo {
    /* top: 90% !important; */
    /* top: 45% !important; */
     top: 100% !important;
  }
}

@media (max-width:767px) {
  .main-footer .footer-bottom ul li {
    width: calc(50% - 5px)
  }

  number1plate-embed #builder-form{
  margin-bottom: -30px !important;
}

  .hero-section .hero-row .hero-intro h1 {
    font-size: 1.10rem !important;
  }

  .hero-section {
    padding: 15px !important;
  }

  .nameplate-main-container {
    padding: 0 !important;
  }

  section.builder {
    /* background-color: white !important; */
    margin-top: -10px;
  }

  .hero-section .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

}


@media (min-width:768px) {
  .main-footer .footer-bottom ul {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }

  .main-footer .footer-bottom ul li:not(:first-child):before {
    display: inline-block
  }
}

/*New added css*/

@media (min-width:1025px) {
  #builder-actions {
    width: 100% !important;
    max-width: 50% !important;
  }

  #builder-form {
    width: 100% !important;
    max-width: 50% !important;
  }

  #parent-container {
    display: flex !important;
  }

  .nameplate-main-container {
    padding-top: 0px !important;
  }

  .n1p-hero-main {
    padding-bottom: 15px !important;
  }
}

.plate-info-circle {
  height: 20px !important;
  width: 22px !important;
}

.is-drilldown-submenu {
  margin-bottom: -40px !important;
}

@media (max-width:768px) {
  .is-drilldown-submenu {
    margin-bottom: -40px !important;
  }
}

@media (max-width:550px) {
  .slick-list {
  max-height: 400px !important;
  }
  .gallery-single > .drag-image{
    max-height: 400px !important;
  }
  .gallery-single{
    max-height: 400px !important;
  }
}