/** @format */

@media (min-width: 992px) and (max-width: 1024px) {

  header nav ul {

    gap: 30px;

  }

  





  .dz-banner .dz-banner-sub {

    padding: 20px 0;

    background: rgb(0 44 93);

    position: relative;

  }

  .dz-banner .dz-banner-sub h5,

  .dz-banner .dz-banner-sub h3 {

    font-size: 18px;

    line-height: 23px;

    margin-bottom: 6px;

  }

  .dz-banner .dz-banner-sub h4 {

    font-size: 16px;

  }

  .dz-banner-content {

    height: calc(100% - 20px);

  }

  .dz-sec2 .dz-sec2_img .dz-sec2_img-text {

    bottom: -80px;

  }

  .dz-sec2 .dz-sec2_img .dz-sec2_img-text img {

    width: 130px;

  }

  section.dz-sec6 .dz-sec6-content p {

    line-height: 28px;

    padding-bottom: 15px;

  }

  section.sec-2 {

    display: block;

    padding: 30px 0 0 0;

  }

  section.map {

    display: none;

  }



  /* section.sec-3 {

    display: block;

    background: radial-gradient(

        70.09% 70.09% at 50% 50%,

        #0080e2 29.08%,

        #002c5d 96.85%

      ),

      #002c5e;

  } */

  section.time {

    padding: 30px 0 30px;

    overflow: hidden;

  }

  section.sec-3 .typograph::after {

    background: #ffffff;

  }

  section.sec-3 .typograph ul li::after {

    background: #ffffff;

  }

  section.sec-3 .typograph a.load-link {

    color: #ffffff;

  }

  section.time .typograph .pipe svg {

    width: unset;

	  

  }

  section.active ul li .active-img img {

    height: 90px;

  }

  section.get-touch .get-touch1 ul li {

    padding-left: 27px;

  }

  section.get-touch .get-touch1 {

    padding: 30px 40px 30px 40px;

  }

  footer ul.list li {

    font-size: 12px;

  }

  footer ul.list a {

    font-size: 12px;

  }

  footer p {

    font-size: 14px;

  }

  footer ul.f-list li {

    font-size: 12px;

  }

  .product-main .p-box h4 {

    margin-bottom: 10px;

    min-height: 60px;

    line-height: 20px;

  }

  section.active ul li .active-img {

    height: 130px;

    width: 130px;

  }

}

@media (min-width: 768px) and (max-width: 991px) {

  header nav ul li a {

    font-size: 12px;

  }

  header nav ul {

    gap: 18px;

    justify-content: center;

  }

  header .dz-form input[type='text'] {

    width: 100%;

    height: 36px;

    padding: 5px 9px;

    border-radius: 4px;

    font-size: 12px;

  }

  header .dz-form button {

    right: 1px;

    padding: 6px 10px;

    border: none;

    border-radius: 0px;

  }

  header .dz-form button img {

    height: 14px;

  }

  .dz-banner img.dz-bg {

    width: 100%;

    margin-top: 40px;

  }

  .dz-banner-content-card p {

    font-size: 12px;

    line-height: 20px;

  }

  .dz-banner-content-card h4 {

    font-size: 14px;

    line-height: 23px;

    margin-bottom: 3px;

  }

  .dz-banner-content-card ul li span img {

    height: 18px;

  }

  .dz-banner-content-card ul li span::after {

    height: 45px;

    width: 46px;

  }

  .dz-banner-content-card ul li {

    display: flex;

    align-items: center;

    gap: 15px;

  }

  .dz-banner-content-card ul li:not(:last-child) {

    margin-bottom: 18px;

  }

  .dz-banner-content-card ul li .dz-card-text h5 {

    font-size: 14px;

    line-height: 20px;

    margin-bottom: 0px;

  }

  .dz-banner-content-card ul li .dz-card-text p {

    font-size: 10px;

    margin-bottom: 0;

    max-width: 180px;

  }

  .dz-banner-content {

    top: 0;

    position: relative;

    left: 0px;

    margin-top: -310px;

  }

  .dz-banner-content-card h3 {

    font-size: 22px;

    line-height: 23px;

    margin-bottom: 2px;

  }

  .dz-banner-content-card {

    background: rgba(255, 255, 255, 0.8);

    border-radius: 4px;

    color: #002c5d;

    box-shadow: 0 0 5px 5px #00000024;

    padding: 30px 20px;

    margin-left: 10px;

  }

  .dz-banner .dz-banner-sub {

    position: relative;

    padding: 20px 0;

    margin-top: 10px;

    background: #002c5d;

  }

  .dz-banner .dz-banner-sub h5,

  .dz-banner .dz-banner-sub h3 {

    font-size: 18px;

    margin-bottom: 2px;

  }

  .dz-banner .dz-banner-sub h4 {

    font-size: 12px;

    line-height: 24px;

    margin-bottom: 20px;

  }

  .dz-banner .dz-banner-sub p {

    font-size: 12px;

    line-height: 14px;

  }

  .dz-banner .dz-banner-sub span img {

    height: 20px;

  }

  .dz-banner .dz-banner-sub span {

    padding: 10px;

    border-radius: 50px;

    position: relative;

    margin-right: 22px;

  }

  .dz-banner .dz-banner-sub span::after {

    height: 50px;

    width: 50px;

  }

  .dz-sec2 .dz-sec2_img .dz-sec2_img-text {

    padding: 17px 10px 0;

    width: 90.5%;

    bottom: -75px;

  }

  .dz-sec2 .dz-sec2_img .dz-sec2_img-text h3 {

    font-size: 12px;

    line-height: 20px;

  }

  .dz-sec2 .dz-sec2_img .dz-sec2_img-text img {

    width: 70px;

  }

  .dz-sec3 h3 {

    font-size: 30px;

  }

  .dz-sec3 .dz-sec3-img {

    margin-top: 15px;

  }

  .dz-sec3 {

    padding: 40px 0 0;

  }

  .dz-sec3 .dz-sec3-img h3 {

    font-size: 16px;

  }

  .dz-sec3 a.view {

    display: block;

/*     padding: 10px 0; */

    font-size: 14px;

  }

  .dz-sec3 a.v-more {

    font-size: 14px;

    line-height: 18px;

    text-align: center;

    padding: 12px 40px;

    margin-top: 20px;

  }

  section.dz-sec4 {

    margin-top: 40px;

    padding: 20px 0;

  }

  section.feature {

    padding: 40px 0 0;

  }

  section.feature h3 {

    font-size: 30px;

    line-height: 37px;

    margin-bottom: 18px;

  }

  section.feature h4 {

    font-size: 12px;

  }

  section.feature a.v-more {

    font-size: 14px;

    line-height: 18px;

    padding: 12px 40px;

    text-decoration: none;

    display: inline-block;

    margin-top: 28px;

    border: 1px solid transparent;

  }

  .dz-sec2 .dz-sec2_img .dz-sec2_img-text p {

    font-size: 10px;

    line-height: 20px;

  }

  section.dz-sec6 .dz-sec6-content h4 {

    font-size: 28px;

    line-height: 35px;

    margin-bottom: 6px;

  }

  section.dz-sec6 .dz-sec6-content h3 {

    font-size: 14px;

    line-height: 23px;

    margin-bottom: 0px;

  }

  section.dz-sec6 .dz-sec6-content p {

    font-size: 14px;

    line-height: 20px;

    max-width: 530px;

    padding-bottom: 14px;

  }

  section.dz-sec6 .dz-sec6-content a {

    font-size: 14px;

    line-height: 18px;

    padding: 12px 40px;

    text-decoration: none;

    display: inline-block;

    margin-top: 0px;

    border: 1px solid transparent;

  }

  section.operation h2 {

    font-size: 30px;

    line-height: 48px;

    margin-bottom: 20px;

  }

  section.operation {

    padding: 40px 0 0;

  }

  section.operation .o-box .o-text img {

    width: 40px;

    margin-bottom: 10px;

  }

  section.operation .o-box .o-text h3 {

    font-size: 16px;

    line-height: 14px;

    margin-bottom: 5px;

  }

  section.operation .o-box .o-text a {

    font-size: 10px;

    line-height: 18px;

  }

  section.operation .o-box .o-text {

    padding: 12px;

  }

  section.sec-2 {

    display: block;

    padding: 30px 0 0 0;

  }

  section.map {

    display: none;

  }

  section.color {

    padding: 10px 0 0;

  }

  section.color .color-card img {

    margin-bottom: 20px;

    width: 70px;

  }

  section.color h3 {

    font-size: 14px;

    margin-bottom: 4px;

  }

  section.color h4 {

    font-size: 20px;

    margin-bottom: 20px;

  }

  section.color .color-card {

    margin-bottom: 20px;

  }

  section.sec-3 {

    display: block;

  }

  section.time {

    padding: 30px 0 30px;

    display: none;

  }

  section.sec-3 {

    display: block;

    background: radial-gradient(

        70.09% 70.09% at 50% 50%,

        #0080e2 29.08%,

        #002c5d 96.85%

      ),

      #002c5e;

  }

  section.sec-3 .typograph ul li::after {

    background: #ffffff;

  }

  section.sec-3 .typograph::after {

    background: #ffffff;

  }

  section.sec-3 .typograph a.load-link {

    font-size: 18px;

    margin-top: 30px;

    color: #ffffff;

  }

  section.clients {

    padding: 15px;

  }

  section.active {

    padding: 40px 0;

  }

  section.active h3 {

    font-size: 30px;

    margin-bottom: 10px;

  }

  section.active p {

    font-size: 14px;

    max-width: 400px;

    margin-bottom: 20px;

    margin-inline: auto;

  }

  section.active ul li .active-img img {

    height: 80px;

  }

  section.active ul li .active-img {

    height: 100px;

    width: 100px;

  }

  section.active ul li .a-text h4 {

    font-size: 12px;

    margin-bottom: 5px;

  }

  section.active ul li .a-text p {

    font-size: 10px;

    line-height: 18px;

    margin-bottom: 0;

  }

  section.active ul li:nth-child(even) .a-text {

    margin-bottom: 10px;

  }

  section.active ul {

    height: 350px;

    gap: 18px;

  }

  section.uniform .u-text h3 {

    font-size: 40px;

    line-height: 62px;

    margin-bottom: 19px;

  }

  section.uniform .u-text a {

    font-size: 12px;

    padding: 12px 35px;

  }

  section.get-touch .get-touch1 {

    padding: 30px 30px 30px 20px;

  }

  section.get-touch .get-touch1 ul li {

    font-size: 10px;

    line-height: 20px;

    padding: 14px 0;

    padding-left: 26px;

  }

  section.get-touch .get-touch1 ul li img {

    margin-right: 15px;

    height: 20px;

  }

  section.get-touch form.get-touch2 h3 {

    font-size: 25px;

    margin-bottom: 14px;

  }

  section.get-touch form.get-touch2 label {

    font-size: 12px;

    line-height: 17px;

    margin-bottom: 5px;

  }

  section.get-touch form.get-touch2 input:not([type='submit']) {

    padding: 5px 8px;

    height: 30px;

  }

  section.get-touch form.get-touch2 textarea {

    height: 100px;

  }

  section.get-touch form.get-touch2 input[type='submit'] {

    padding-inline: 38px;

    margin-top: 10px;

    padding-block: 12px;

    font-size: 12px;

  }

  section.get-touch {

    padding: 30px 0;

  }

  footer {

    padding: 30px 0 0;

  }

  footer ul.list li:not(:last-child) {

    margin-bottom: 16px;

  }

  footer .foot1 {

    margin-bottom: 30px;

  }

  footer h3 {

    font-size: 20px;

    line-height: 24px;

    margin-bottom: 15px;

  }

  /* //about-page */

  .about-banner > img {

    width: 100%;

    margin-top: 77px;

  }

  .story {

    padding: 40px 0;

  }

  .story .row:first-child {

    flex-direction: row-reverse;

    margin-bottom: 20px;

  }



  /* product-main */

  .product-main {

    padding: 40px 0;

  }

  .product-main h3.p-title {

    font-size: 16px;

    line-height: 29px;

    padding: 10px 15px 10px 14px;

  }

  .about-banner__text h2 {

    font-size: 40px;

    line-height: 53px;

    margin-bottom: 6px;

    margin-top: 70px;

  }

  .product-main h3.p-title img {

    margin-bottom: 4px;

    height: 20px;

  }

  .product-main .accordion-toggle {

    padding: 12px 30px 0 10px;

    font-size: 14px;

  }

  .product-main .p-accordian .acc:not(:first-child) h4.accordion-toggle {

    margin-top: 12px;

  }

  .product-main .accordion-toggle:before {

    top: 12px;

  }

  .product-main .p-box h5 {

    font-size: 14px;

    margin-bottom: 6px;

    margin-top: 12px;

  }

  .product-main .p-box h4 a {

    font-size: 15px;

    text-decoration: none;

  }

  .product-main .p-box h4 {

    margin-bottom: 10px;

  }

  .product-main .p-box p {

    font-size: 12px;

    margin-bottom: 20px;

  }

  .product-main .p-box h4 {

    margin-bottom: 10px;

    min-height: 54px;

  }

  .product-main .p-box a.pm-btn {

    padding: 12px 40px;

    border-radius: 4px;

    font-size: 12px;

  }

  .product-main .p-box {

    margin-bottom: 40px;

  }

  .product-main ul.h-pagination li a {

    font-size: 16px;

  }

  .product-main ul.h-pagination {

    gap: 14px;

    margin-top: 10px;

  }

  /* details */

  .p-detail {

    padding: 40px 0;

  }

  .p-detail-img ul {

    gap: 15px;

  }

  .p-detail-img img {

    margin-bottom: 40px;

  }

  .p-detail-text h5 {

    margin-top: 10px;

    margin-bottom: 20px;

  }

  .about-banner__text ul li {

    font-size: 12px;

  }

  .about-banner__text ul li a {

    font-size: 12px;

  }

  .p-detail-text a {

    font-size: 12px;

    padding: 14px 40px;

  }

  .p-detail-list .p-box a.pm-btn {

    font-size: 12px;

    padding: 10px 40px;

    margin-top: 10px;

  }

  .p-detail-list .p-box h5 {

    font-size: 14px;

    line-height: 22px;

    margin-bottom: 10px;

    color: #000000;

  }

  .p-detail-list .p-box h4 a {

    font-size: 14px;

  }

  .p-detail-list .p-box h5 i {

    margin-right: 0px;

  }

  .faq .accordion-toggle.active:after {

    right: 14px;

    top: 10px;

  }

  .faq .accordion-toggle:before {

    right: 14px;

    top: 10px;

  }

  .faq h3 {

    font-size: 30px;

    margin-bottom: 14px;

  }

  .blog-list {

    padding: 30px 0;

  }

  .blog-list h3 {

    font-size: 30px;

    margin-bottom: 30px;

  }

  .blog-list h5 {

    font-size: 14px;

    margin-bottom: 4px;

  }

  .blog-list .b-box span.date {

    font-size: 10px;

    padding: 4px 18px;

    left: 0;

  }

  .blog-list .b-box h3 a {

    font-size: 14px;

    margin-bottom: 16px;

    line-height: 15px;

  }

  .blog-list .b-box h3 {

    margin-bottom: 10px;

  }

  .blog-list ul.h-pagination {

    gap: 14px;

    margin-top: 30px;

  }

  .blog-list ul.h-pagination li a {

    font-size: 16px;

  }

  /* blog-details */

  .blog-main {

    padding: 30px 0;

  }

  .blog-main .b-left ul li {

    font-size: 12px;

  }

  .blog-main .b-left ul {

    gap: 20px;

    margin-top: 10px;

    margin-bottom: 10px;

  }

  .blog-main .b-left ul li:not(:last-child)::after {

    right: -14px;

  }

  .blog-main .b-left h3 {

    margin-bottom: 10px;

    font-size: 20px;

    line-height: 29px;

  }

  .blog-main .b-left p {

    font-size: 14px;

    line-height: 26px;

    margin-bottom: 10px;

  }

  .blog-main .b-left .comm {

    padding: 20px;

    margin-bottom: 20px;

  }

  .blog-main .b-left .comm h4 {

    font-size: 12px;

  }

  .blog-main .b-left .comm h4 span::after {

    height: 2px;

    width: 48px;

    bottom: 2px;

    left: -55px;

  }

  .blog-main .b-right h3 {

    font-size: 16px;

    line-height: 25px;

    margin-bottom: 8px;

  }

  .blog-main .b-right form.blog-search input[type='text'] {

    height: 40px;

    padding: 10px 10px;

    font-size: 12px;

    line-height: 26px;

  }

  .blog-main .b-right form.blog-search button {

    padding: 10px 16px;

  }

  .blog-main .b-right form.blog-search button img {

    height: 16px;

  }

  .blog-main .b-right form.blog-search {

    margin-bottom: 20px;

  }

  .blog-main .b-right ul.cattegories li a {

    padding: 5px 10px 5px 0;

    font-size: 14px;

  }

  .blog-main .b-right ul.cattegories li:not(:last-child) {

    margin-bottom: 10px;

  }

  .blog-main .b-right ul.cattegories {

    margin-bottom: 20px;

  }

  .blog-main .b-right ul.recent-post li h5 {

    font-size: 14px;

  }

  .blog-main .b-right ul.recent-post li {

    gap: 15px;

    margin-bottom: 18px;

    padding-bottom: 14px;

  }

  .blog-main .b-right ul.tags li a {

    font-size: 12px;

    padding: 5px 18px;

  }

  .blog-main .b-right ul.tags {

    gap: 10px;

  }

  .blog-main .b-right ul.recent-post {

    padding: 10px 20px 0px 0px;

  }

  .review-sec {

    padding-top: 20px;

  }

  .reply {

    padding-top: 24px;

  }

  .blog-main .review-sec h4 {

    margin-bottom: 15px;

  }

  .blog-main .reply form h4 {

    margin-bottom: 15px;

  }

  .blog-main .review-sec .review-box span.rate i {

    margin-right: 2px !important;

    font-size: 12px;

  }

  .blog-main .review-sec .review-box p {

    font-size: 14px;

    margin-bottom: 10px;

  }

  .blog-main .review-sec .review-box ul li img {

    margin-right: 4px;

    height: 40px;

  }

  .blog-main .review-sec .review-box ul li a {

    font-size: 12px;

  }

  .blog-main .review-sec .review-box {

    margin-bottom: 15px;

  }

  .blog-main .review-sec .review-box ul li {

    font-size: 12px;

  }

  .blog-main .review-sec .review-box ul {

    gap: 10px;

    margin-bottom: 10px;

  }

  .blog-main .reply form input:not([type='submit']) {

    font-size: 12px;

    padding: 8px;

    margin-bottom: 20px;

  }

  .blog-main .reply form textarea {

    font-size: 12px;

    padding: 8px;

    height: 120px;

    margin-bottom: 10px;

  }

  .blog-main .reply form input[type='submit'] {

    font-size: 14px;

    padding: 12px 40px;

  }

  footer .subs {

    margin-top: 20px;

  }

  footer ul.f-list li:not(:last-child) {

    margin-bottom: 15px;

  }

  /* //contact-page */

  .contact-main {

    padding: 30px 0;

  }

  .contact-main .c-info ul li:not(:last-child) {

    margin-bottom: 18px;

  }

  .contact-main .c-info h4 {

    font-size: 26px;

    line-height: 38px;

    margin-bottom: 20px;

  }

  .contact-main .c-info ul li {

    display: flex;

    align-items: start;

    gap: 10px;

    font-size: 14px;

    padding-right: 0;

  }

  .contact-main form.get-touch2 h3 {

    font-size: 26px;

    line-height: 38px;

    margin-bottom: 20px;

  }

  .contact-main .c-info ul li img {

    height: 29px;

    width: 20px;

  }

  section.c-office h3 {

    font-size: 30px;

    line-height: 37px;

    margin-bottom: 35px;

  }

  section.c-office h3 span {

    display: block;

    font-size: 14px;

    margin-top: 8px;

  }

  section.c-office h4 {

    font-size: 16px;

    line-height: 22px;

    margin-bottom: 15px;

    min-height: 45px;

  }

  section.c-office h5,

  section.c-office h6 {

    font-size: 12px;

    line-height: 19px;

    margin-bottom: 5px;

  }

  section.c-office a {

    font-size: 14px;

    line-height: 18px;

    margin-bottom: 6px;

    display: inline-block;

  }

  section.c-office {

    padding: 15px 0;

  }

  section.distribution {

    padding: 30px 0;

  }

  section.distribution h3 {

    font-size: 28px;

    line-height: 28px;

    margin-bottom: 10px;

    text-align: center;

  }

  section.distribution p {

    font-size: 14px;

    line-height: 19px;

    margin-bottom: 28px;

    text-align: center;

  }

  section.distribution ul li {

    font-size: 14px;

    line-height: 19px;

    width: 23%;

  }

  section.distribution ul {

    display: flex;

    flex-wrap: wrap;

    gap: 10px;

  }

  .contact-main .c-info h4 {

    font-size: 26px;

    margin-bottom: 6px;

  }

  .contact-main .c-info p {

    font-size: 14px;

    line-height: 25px;

  }

  .contact-main .c-info ul li:not(:last-child) {

    margin-bottom: 8px;

  }

  section.c-office h4 {

    font-size: 14px;

    line-height: 22px;

    margin-bottom: 13px;

    min-height: 24px;

  }

  section.c-office img {

    bottom: 12px;

    right: 0;

    height: 120px;

  }

  section.c-office h6 a {

    font-size: 14px;

  }

  section.distribution h5 {

    font-size: 14px;

  }

  section.distribution p {

    margin-bottom: 18px;

  }

}



@media (max-width: 767px) {

.page-template-template-location .about-banner__text {

  width: 100%;

  right: unset;

}

.custom-nav-menu #quadmenu.quadmenu-custom_theme_1 .quadmenu-navbar-brand > img {

  height: 29px; 

}

.custom-header.sticky .bottom-bar {padding: 0px 0;}

header .bottom-bar {padding: 0px 0;}

 .location_inner_content .container {

  width: unset !important;

}

.location_inner_content .country-overlay {

  margin-bottom: 0px;

}

  header .row>div.col-lg-3{

    /* z-index: 999; */

  }

  /* header .bottom-bar {position: relative;} */

  .slim-container .slim-bar {

    position: absolute;

    background: #4e86b900;

    left: 0;

    top: 37px;

    z-index: 0;

  }

  .custom-logo {

    height: 35px;

    object-fit: contain;

    object-position: left;

  }

  .custom-header nav ul {

    gap: 0px;

    flex-direction: column;

  }

  .slim-container .slim-nav {

    background: #fff;

    margin-top: 96px;

    box-shadow: 0px 4px 8px #ddd;

  }

  .slim-container .slim-nav ul li a {

    font-size: 14px;

    margin: 0;

    color: #002c5d;

    padding: 10px 15px;

    border-bottom: 1px solid #e3e3e3;

  }

  .slim-container a.slimNav_sk78-reveal span {

    display: block;

    background: #fff;

    height: 2px;

    margin-top: 7px;

  }

  .slim-container a.slimNav_sk78-reveal {

    width: 26px;

    height: 22px;

  }

  header .dz-form input[type='text'] {

    height: 36px;

    padding: 5px 10px;

    font-size: 10px;

    line-height: 22px;

    border-radius: 4px;

  }

  header .dz-form button {

    position: absolute;

    right: 1px;

    padding: 6px 12px;

    border: none;

    border-radius: 0px;

  }

  header .dz-form button img {

    height: 14px;

  }

  header .dz-form {

    margin-top: 14px;

  }

  header {

    /* background: #002c5d;

    padding: 10px 0; */

    z-index: 999;

  }

  /* home-page */

  .dz-banner .dz-banner-sub {

    position: relative;

    margin-top: 24px;

    background: #002c5d;

  }

  .dz-banner img.dz-bg {

    width: 100%;

    margin-top: 0px;

  }

  .dz-banner-content-card h3 {

    font-size: 18px;

    line-height: 12px;

    margin-bottom: 6px;

    text-align: center;

  }

  .dz-banner-content-card h4 {

    font-size: 12px;

    line-height: 22px;

    margin-bottom: 8px;

    text-align: center;

  }

  .dz-banner-content-card p {

    font-size: 12px;

    line-height: 18px;

    text-align: center;

  }

  .dz-banner-content {

    position: relative;

    margin-top: -60px;

  }

  .dz-banner-content-card ul li span img {

    height: 20px;

  }

  .dz-banner-content-card ul li span::after {

    height: 50px;

    width: 50px;

  }

  .dz-banner-content-card ul li:not(:last-child) {

    margin-bottom: 14px;

  }



  .dz-banner-content-card ul li {

    gap: 15px;

  }

  .dz-banner-content-card ul li .dz-card-text h5 {

    font-size: 14px;

  }

  .dz-banner-content-card ul li .dz-card-text p {

    font-size: 12px;

    max-width: 210px;

    text-align: left;

  }

  .dz-banner-content-card {

    padding: 30px 20px 20px;

    width: 95%;

    margin-inline: auto;

    box-shadow: 0px 6px 30px #002c5d42;

    background-color: #fff;

  }

  .dz-banner .dz-banner-sub h5,

  .dz-banner .dz-banner-sub h3 {

    font-size: 20px;

    color: #ffffff;

    margin-bottom: 2px;

    text-align: center;

  }

  .dz-card span img {

    height: 20px;

  }

  .dz-banner .dz-banner-sub span::after {

    height: 48px;

    width: 48px;

  }

  .dz-banner .dz-banner-sub p {

    font-size: 10px;

    line-height: 15px;

  }

  .dz-banner .dz-banner-sub span {

    padding: 8px;

    margin: 0 auto 12px;

  }

  .dz-banner .dz-banner-sub h4 {

    color: #ffffff;

    font-size: 14px;

    text-align: center;

    margin-bottom: 20px;

  }

  .dz-banner-sub .dz-card {

    flex-direction: column;

    text-align: center;

  }

  .dz-banner-sub .dz-row {

    justify-content: space-between;

  }

  .dz-banner .dz-banner-sub h5 {

    font-size: 16px;

  }

  .dz-sec2 {

    padding: 20px 0 0;

  }

  .dz-sec2 .dz-sec2_img .dz-sec2_img-text {

    transform: translateX(-50%);

    text-align: center;

  }

  .dz-sec2 .dz-sec2_img {

    margin-bottom: 15px;

  }

  .dz-sec2 .dz-sec2_img .dz-sec2_img-text img {

    width: 100px;

    display: inherit;

    margin-bottom: 10px;

  }

  .dz-sec2 .dz-sec2_img .dz-sec2_img-text h3 {

    font-size: 16px;

    line-height: 24px;

  }

  .dz-sec3 {

    padding: 20px 0 0;

  }

  .dz-sec3 h3 {

    font-size: 26px;

    text-align: center;

  }

  .dz-sec3 .dz-sec3-img {

    position: relative;

    margin-top: 15px;

    overflow: hidden;

  }

  .dz-sec3 a.v-more {

    font-size: 14px;

    padding: 8px 25px;

    display: inline-block;

    margin-top: 20px;

  }

  .dz-sec3 a.view {

/*     padding: 12px 0; */

    font-size: 10px;

  }

  .dz-sec3 .dz-sec3-img h3 {

    font-weight: 600;

    font-size: 13px;

  }

  section.dz-sec4 {

    margin-top: 30px;

    padding: 20px 0;

  }

  section.feature {

    padding: 20px 0 0;

  }

  section.feature h3 {

    font-size: 26px;

    margin-bottom: 10px;

    text-align: center;

  }

  section.feature h4 {

    font-size: 14px;

  }

  section.feature .f-box {

    padding: 5px;

    margin-bottom: 10px;

  }

  section.feature a.v-more {

    font-size: 14px;

    padding: 8px 25px;

    display: inline-block;

    margin-top: 20px;

  }

  section.dz-sec6 .dz-sec6-content p {

    font-size: 10px;

    line-height: 18px;

    padding-bottom: 0px;

    margin-bottom: 10px;

  }

  section.dz-sec6 .dz-sec6-content h4 {

    font-size: 18px;

    line-height: 22px;

    margin-bottom: 5px;

  }

  section.dz-sec6 .dz-sec6-content h3 {

    font-size: 10px;

    line-height: 19px;



    margin-bottom: 0px;

  }

  section.dz-sec6 img {

    height: 180px;

    object-fit: cover;

  }

  section.dz-sec6 {

    margin-top: 30px;

  }

  section.operation h2 {

    font-size: 25px;

    line-height: 36px;

    text-align: center;

    margin-bottom: 17px;

  }

  section.operation {

    padding: 40px 0 0;

  }

  section.operation .o-box .o-text img {

    width: 50px;

  }

  section.operation .o-box .o-text h3 {

	font-size: 16px;

	margin-bottom: 5px;

  }

  section.operation .o-box .o-text a {

    font-size: 8px;

    line-height: 18px;

  }

  section.operation .o-box .o-text {

    padding: 10px 10px 5px;

  }

  section.dz-sec6 .dz-sec6-content a {

    font-size: 8px;

    padding: 6px 19px;

    display: inline-block;

    margin-top: 0px;

  }

  section.sec-2 {

    display: block;

    padding: 30px 0 0 0;

  }

  section.map {

    display: none;

  }

  section.color {

    padding: 20px 0 0;

  }

  section.color .color-card img {

    margin-bottom: 10px;

    height: 70px;

  }

  section.color h3 {

    font-size: 12px;

    margin-bottom: 5px;

  }

  section.color h4 {

    font-size: 18px;

    line-height: 24px;

    text-align: center;

    margin-bottom: 0px;

  }

  section.color .color-card {

    padding-top: 20px;

    margin-bottom: 24px;

  }

  section.time {

    padding: 30px 0 30px;

    display: none;

  }

  section.sec-3 {

    display: block;

    padding: 30px 0;

    background: radial-gradient(

        70.09% 70.09% at 50% 50%,

        #0080e2 29.08%,

        #002c5d 96.85%

      ),

      #002c5e;

  }

  section.sec-3 .typograph a.load-link {

    color: #ffffff;

  }

  section.sec-3 .typograph::after {

    background: #ffffff;

  }

  section.sec-3 .typograph ul li::after {

    background: #ffffff;

  }

  section.clients {

    padding: 10px;

    background: #002c5d;

  }

  section.clients h3 {

    font-size: 24px;

    line-height: 34px;

    text-align: center;

    margin-bottom: 15px;

  }

  section.active h3 {

    font-size: 24px;

    margin-bottom: 10px;

  }

  section.active p {

    font-size: 12px;

    line-height: 22px;

    margin-bottom: 40px;

    max-width: 260px;

    margin-inline: auto;

  }

  section.active ul {

    flex-direction: row;

    height: unset;

    flex-wrap: wrap;

    gap: 20px;

  }

  section.active ul li .active-img img {

    filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.588));

    border-radius: 50%;

    height: 60px;

  }

  section.active ul li .active-img {

    height: 70px;

    width: 70px;

    justify-content: center;

    margin-bottom: 10px;

  }

  section.active ul li .active-img::after {

    height: 20px;

    width: 10px;

    bottom: -18px;

    left: 50%;

  }

  section.active ul li span {

    font-size: 10px;

    line-height: 30px;

    height: 30px;

    padding-top: 1px;

    width: 30px;

  }

  section.active ul li {

    width: 45%;

  }

  section.active ul li:nth-child(even) .active-img::after {

    top: -30px;

    left: 50%;

  }

  section.active ul li:nth-child(even) span {

    margin-bottom: 10px;

  }

  section.active ul li:nth-child(even) .active-img::after {

    top: -16px;

  }

  section.active ul li .a-text h4 {

    font-size: 12px;

    line-height: 17px;

  }

  section.active ul li .a-text p {

    font-size: 10px;

    line-height: 18px;

    text-align: center;

  }

  section.active ul li:nth-child(even) .a-text {

    margin-bottom: 10px;

  }

  section.active ul li .a-text {

    margin-top: 10px;

  }

  section.uniform .u-text h3 {

    font-size: 20px;

    line-height: 22px;

    margin-bottom: 14px;

  }

  section.uniform .u-text a {

    font-size: 12px;

    line-height: 18px;

    padding: 8px 30px;

  }

  section.get-touch {

    padding: 20px 0;

  }

  section.get-touch .get-touch1 {

    background: #002c5d;

    padding: 20px 15px 19px 15px;

  }

  section.get-touch .get-touch1 ul li {

    font-size: 12px;

    line-height: 18px;

    padding: 15px 0;

    padding-left: 16px;

  }

  section.get-touch form.get-touch2 label {

    font-size: 12px;

  }

  section.get-touch .get-touch1 ul li img {

    margin-right: 10px;

    height: 16px;

  }

  section.get-touch form.get-touch2 h3 {

    font-size: 24px;

    line-height: 38px;

    margin-bottom: 20px;

    text-align: center;

  }

  form.get-touch2 {

    padding-top: 20px;

  }

  .i-btn {

    text-align: center;

  }

  section.get-touch form.get-touch2 input[type='submit'] {

    padding-inline: 30px;

    margin-top: 15px;

    padding-block: 10px;

    font-size: 10px;

  }

  section.get-touch form.get-touch2 textarea {

    height: 120px;

  }

  section.get-touch form.get-touch2 input:not([type='submit']) {

    font-size: 10px;

  }

  footer {

    padding: 40px 0 0;

    background: #002c5d;

  }

  footer .foot1 a img {

    height: 30px;

  }

  footer p {

    font-size: 12px;

    margin-bottom: 15px;

    max-width: 272px;

    line-height: 24px;

  }

  footer ul.social li a i {

    color: #000;

    font-size: 10px;

  }

  footer ul.social li a {

    height: 20px;

    width: 20px;

    text-align: center;

    display: block;

    padding-top: 0px;

  }

  footer .foot1 {

    margin-bottom: 25px;

  }

  footer h3 {

    font-size: 16px;

    line-height: 24px;

    margin-bottom: 10px;

  }

  footer ul.list li {

    font-size: 12px;

  }

  footer ul.list li:not(:last-child) {

    margin-bottom: 10px;

  }

  footer ul.list a {

    font-size: 12px;

  }

  footer .subs {

    margin-top: 30px;

  }

  footer .dz-form input[type='text'] {

    width: 100%;

    height: 40px;

    padding: 10px 10px;

    font-size: 12px;

  }

  footer .dz-form button {

    padding: 6px 10px;

    border: none;

    border-radius: 4px;

    outline: none;

  }

  footer .dz-form button img {

    height: 10px;

  }

  footer ul.f-list li {

    gap: 10px;

    font-size: 12px;

    line-height: 22px;

    align-items: start;

  }

  footer ul.f-list li i {

    font-size: 14px;

    line-height: 26px;

  }

  footer ul.f-list li:not(:last-child) {

    margin-bottom: 10px;

  }

  footer .p-copy p {

    font-size: 12px;

    text-align: center;

    max-width: 100%;

  }

  footer .p-copy ul {

    gap: 6px;

    justify-content: center;

    font-size: 10px;

    margin-top: 12px;

  }

  footer .p-copy ul li a {

    font-size: 12px;

    line-height: 19px;

  }

  footer .p-copy {

    margin-top: 10px;

  }



  /* about-page */



  .about-banner > img {

    width: 100%;

/*     margin-top: 120px; */

    height: 130px;

    object-fit: cover;

  }

  .about-banner__text h2 {

    font-size: 26px;

    line-height: 53px;

    margin-bottom: 0px;

    margin-top: 0;

    line-height: 40px;

    margin-top: 110px;

  }

  .about-banner__text ul li {

    font-size: 12px;

  }

  .about-banner__text ul li a {

    font-size: 12px;

  }

  .story {

    padding: 20px 0;

  }

  .story h3 {

    font-size: 24px;

    line-height: 30px;

    margin-bottom: 5px;

    text-align: center;

  }

  .story p {

    font-size: 14px;

    line-height: 28px;

    text-align: justify;

  }

  .story p + p {

    margin-bottom: 10px;

  }

  .story .row:first-child {

    margin-bottom: 20px;

  }

  .story .row:last-child img {

    margin-bottom: 25px;

  }

  /* product-main */

  .product-main {

    padding: 20px 0;

  }

  .product-main h3.p-title {

    font-size: 16px;

    line-height: 29px;

    padding: 10px 10px 10px 13px;

  }

  .product-main h3.p-title img {

    height: 18px;

  }

  .product-main .accordion-toggle {

    padding: 10px 14px 0 10px;

    font-size: 14px;

  }

  .product-main .p-accordian .acc:not(:first-child) h4.accordion-toggle {

    margin-top: 10px;

  }

  .product-main .accordion-toggle:before {

    right: 16px;

    top: 10px;

  }

  .product-main .p-accordian ul.p-list li a {

    font-size: 12px;

  }

  .product-main .p-accordian ul.p-list li:not(:first-child) {

    margin-top: 5px;

  }

  .product-main .p-accordian ul.p-list {

    padding-left: 15px;

    padding-top: 5px;

  }

  .product-main .p-accordian .acc:last-child {

    border: none !important;

    padding-bottom: 10px;

  }

  .product-main .p-box h5 {

    font-size: 12px;

    line-height: 22px;

    margin-bottom: 5px;

    margin-top: 10px;

  }

  .product-main .p-box img {

    height: 160px !important;

  }

  .product-main .p-box h4 {

    margin-bottom: 10px;

    line-height: 18px;

    min-height: 40px;

  }

  .product-main .p-box h4 a {

    font-size: 14px;

    line-height: 18px;

    text-align: center;

  }

  .product-main .p-box p {

    font-size: 11px;

    margin-bottom: 12px;

  }

  .product-main .pp-list {

    margin-top: 20px;

  }

  .product-main .p-box a.pm-btn {

    padding: 10px 40px;

    border-radius: 4px;

    font-size: 10px;

  }

  .product-main .p-box {

    margin-bottom: 30px;

  }

  .product-main ul.h-pagination li a {

    font-size: 14px;

  }

  .product-main ul.h-pagination {

    gap: 12px;

    margin-top: 20px;

  }

  .product-main ul.page-numbers li .page-numbers {

    font-size: 16px;

  }

  /* product-daetaiskl */

  .p-detail {

    padding: 20px 0;

  }

  .p-detail-img img {

    margin-bottom: 0;

  }

  .p-detail .p-detail-text {

    margin-top: 10px;

  }



  .p-detail .entry-summary h1.product_title {

    font-size: 20px;

  }

    .p-detail-text h3 {

    font-size: 20px;

  }

  .p-detail-text h5 {

    font-size: 12px;

    line-height: 22px;

    margin-bottom: 10px;

    margin-top: 2px;

  }

  .p-detail .entry-summary span.sku_wrapper {

    font-size: 10px;

    line-height: 19px;

    padding: 4px 4px;

    width: 160px;

    margin-bottom: 20px;

  }

  .p-detail-text h6 {

    font-size: 10px;

    line-height: 19px;

    padding: 4px 4px;

    width: 160px;

    margin-bottom: 20px;

  }

  .p-detail .entry-summary span.posted_in {

    font-size: 12px;

    margin-bottom: 25px;

  }

  .p-detail .entry-summary span.posted_in a {

    padding: 3px;

    font-size: 10px;

  } 



  .p-detail-text h4 {

    font-size: 12px;

    margin-bottom: 25px;

  }



  .p-detail-text h4 span {

    padding: 3px;

    font-size: 10px;

  }

  .p-detail-text p {

    font-size: 12px;

    margin-bottom: 10px;

  }

  .p-detail-text a {

    font-size: 10px;

	padding: 04px;

    margin-top: 10px;

    border: 1px solid transparent;

  }

  .p-detail-list {

    padding: 20px 0;

    background: rgba(177, 199, 224, 0.4784313725);

    opacity: inherit;

  }

  .p-detail-list h2 {

    font-size: 24px;

    margin-bottom: 20px;

  }

  .p-detail-list .p-box h5 {

    font-size: 10px;

    margin-bottom: 0px;

  }

  .p-detail-list .p-box h5 i {

    color: #ffc107;

    margin-right: 0px;

  }

  .p-detail-list .p-box > img.p-img {

    margin-bottom: 10px;

  }

  .p-detail-list .p-box h4 a {

    font-size: 12px;

    line-height: 18px;

    padding: 0;

  }

  .p-detail-list .p-box a.pm-btn {

    padding: 8px 30px;

    font-size: 10px;

    margin-top: 10px;

  }

  .p-detail-list .p-box {

    margin-bottom: 30px;

  }



  .sig-form h3 {

    font-size: 20px;

  }

  .sig-form form {

    margin-top: 15px;

    padding: 10px;

  }

  .sig-form form input:not([type="submit"]), .sig-form form select, .sig-form form textarea {

    width: 100%;

  }

  .sig-form form .kickass_field {

    width: 100%;

  }

  /* blog-page */

  .blog-list {

    padding: 30px 0;

  }

  .blog-list h3 {

    font-size: 24px;

    line-height: 24px;

    margin-bottom: 30px;

  }

  .blog-list h5 {

    font-size: 10px;

    line-height: 14px;

    margin-bottom: 5px;

  }

  .blog-list .b-box span.date {

    font-size: 8px;

    line-height: 24px;

    padding: 2px 12px;

    left: 0;

  }

  .blog-list .b-box h3 {

    padding-inline: 0px;

    line-height: 14px;

    margin-bottom: 10px;

  }

  .blog-list .b-box h3 a {

    font-size: 12px;

    line-height: 20px;

    margin-bottom: 16px;

  }

  .blog-list .b-box a.b-btn {

    font-size: 12px;

    padding-inline: 0px;

    padding-bottom: 5px;

  }

  .blog-list .b-box a.b-btn img {

    margin-left: 7px;

    height: 12px;

  }

  .blog-list ul.h-pagination li a {

    font-size: 12px;

    line-height: 24px;

  }

  .blog-list ul.h-pagination {

    gap: 14px;

    margin-top: 0px;

  }

  .blog-main {

    padding: 20px 0;

  }

  .blog-main .b-left ul li {

    font-size: 10px;

    line-height: 30px;

    color: #2e2e2e;

    position: relative;

  }

  .blog-main .b-left ul {

    gap: 12px;

    align-items: center;

    margin-top: 5px;

    margin-bottom: 0px;

  }

  .blog-main .b-left h3 {

    margin-bottom: 10px;

    font-size: 16px;

    line-height: 28px;

  }

  .blog-main .b-left ul li:not(:last-child)::after {

    content: '/';

    position: absolute;

    top: 0;

    right: -9px;

  }

  .blog-main .b-left p {

    font-size: 13px;

    line-height: 26px;

    margin-bottom: 10px;

  }

  .blog-main .b-left .comm {

    background: #000000;

    padding: 15px;

    margin-bottom: 20px;

  }

  .blog-main .b-left .comm h4 {

    font-size: 10px;

    line-height: 22px;

    max-width: 566px;

  }

  .blog-main .b-left .comm h4 span {

    line-height: 24px;

    color: #ffffff;

    display: block;

    margin-top: 10px;

    position: relative;

    font-weight: 600;

    margin-left: auto;

    text-align: end;

  }

  .blog-main .b-left .comm h4 span::after {

    height: 2px;

    width: 50px;

    bottom: 7px;

    left: unset;

    right: 90px;

  }

  .blog-main .b-right h3 {

    font-size: 16px;

    line-height: 25px;

    margin-bottom: 10px;

  }

  .blog-main .b-right form.blog-search input[type='text'] {

    height: 40px;

    padding: 8px 10px;

    font-size: 12px;

  }

  .blog-main .b-right form.blog-search button {

    top: 50%;

    padding: 6px 14px;

  }

  .blog-main .b-right form.blog-search {

    margin-bottom: 20px;

  }

  .blog-main .b-right ul.cattegories li a {

    padding: 6px 20px 6px 0;

    font-size: 12px;

  }

  .blog-main .b-right ul.cattegories li:not(:last-child) {

    margin-bottom: 5px;

  }

  .blog-main .b-right ul.cattegories {

    margin-bottom: 20px;

  }

  .blog-main .b-right ul.recent-post li {

    gap: 20px;

    margin-bottom: 15px;

    padding-bottom: 12px;

  }

  .blog-main .b-right ul.recent-post li h5 {

    font-size: 14px;

    line-height: 20px;

    max-width: 190px;

    margin-bottom: 0;

  }

  .blog-main .b-right ul.tags li a {

    font-size: 10px;

    line-height: 24px;

    padding: 2px 9px;

    display: inline-block;

  }

  .blog-main .b-right ul.tags li {

    width: 29%;

  }

  .blog-main .b-right ul.recent-post {

    padding: 10px 20px 0px 0px;

  }

  .blog-main .b-right ul.recent-post {

    padding: 10px 20px 0px 0px;

  }

  .blog-main .review-sec h4 {

    font-size: 18px;

    line-height: 21px;

    margin-bottom: 20px;

  }

  .blog-main .review-sec .review-box span.rate i {

    font-size: 12px;

  }

  .blog-main .review-sec .review-box span.rate i:not(:last-child) {

    margin-right: 2px;

  }

  .blog-main .review-sec .review-box span.rate {

    margin-bottom: 3px;

  }

  .blog-main .review-sec .review-box p {

    font-size: 12px;

    line-height: 21px;

    margin-bottom: 6px;

  }

  .blog-main .review-sec .review-box ul li img {

    border-radius: 50%;

    margin-right: 6px;

    height: 30px;

  }

  .blog-main .review-sec .review-box ul li a {

    font-size: 12px;

  }

  .blog-main .review-sec .review-box ul {

    gap: 10px;

    margin-bottom: 10px;

  }

  .blog-main .review-sec .review-box ul li {

    font-size: 12px;

  }

  .blog-main .b-right ul.tags {

    margin-bottom: 20px;

  }

  .blog-main .reply form h4 {

    font-size: 18px;

    margin-bottom: 10px;

  }

  .blog-main .reply form input:not([type='submit']) {

    font-size: 12px;

    line-height: 20px;

    padding: 8px;

    width: 100%;

    margin-bottom: 10px;

  }

  .blog-main .reply form textarea {

    font-size: 12px;

    line-height: 20px;

    padding: 8px;

    height: 100px;

    width: 100%;

    margin-bottom: 10px;

  }

  .blog-main .reply form input[type='submit'] {

    font-size: 12px;

    padding: 10px 40px;

    border: 1px solid transparent;

  }

  .faq {

    padding: 20px 0;

  }

  .faq h3 {

    font-size: 24px;

    line-height: 33px;

    margin-bottom: 10px;

  }

  .faq p {

    font-size: 12px;

    line-height: 26px;



    margin-bottom: 12px !important;

  }

  .faq .accordion-toggle::before {

    right: 15px;

    top: 12px;

  }

  .faq .accordion-toggle::after {

    right: 15px !important;

    top: 12px !important;

  }

  .faq h6 {

    font-size: 12px !important;

    line-height: 16px !important;

    margin-bottom: 15px;

  }

  /* //contact-page */

  .contact-main {

    padding: 20px 0;

  }

  .contact-main .c-info {

    text-align: center;

  }

  .contact-main .c-info h4 {

    font-size: 26px;

    line-height: 38px;

    margin-bottom: 5px;

  }

  .contact-main .c-info ul li {

    gap: 10px;

    font-size: 12px;

    line-height: 24px;

    align-items: flex-start;

    padding-right: 0;

    text-align: left;

  }

  .contact-main .c-info ul li img {

    height: 27px;

    width: 17px;

  }

  .contact-main .c-info ul li:not(:last-child) {

    margin-bottom: 10px;

  }

  .contact-main .c-info ul {

    width: 100%;

    flex-wrap: wrap;

    justify-content: space-between;

    display: flex;

    margin-inline: auto;

  }

  section.contact-main .get-touch2 {

    text-align: center;

  }

  .contact-main form.get-touch2 h3 {

    font-size: 24px;

    line-height: 38px;

    margin-bottom: 20px;

  }

  .contact-main form.get-touch2 label {

    font-size: 14px;

    line-height: 17px;

    margin-bottom: 5px;

    text-align: left !important;

    display: inherit;

  }

  .contact-main form.get-touch2 input[type='submit'] {

    padding-inline: 30px;

    margin-top: 10px;

    font-size: 10px;

    padding-block: 10px;

  }

  section.c-office h3 {

    font-size: 26px;

    margin-bottom: 30px;

  }

  section.c-office h3 span {

    font-size: 14px;

    margin-top: 5px;

  }

  section.c-office h4 {

    font-size: 18px;

    color: #ffffff;

    margin-bottom: 6px;

  }

  section.c-office h5,

  section.c-office h6 {

    font-size: 12px;

    margin-bottom: 7px;

    max-width: 290px;

    margin-inline: auto;

    min-height: 24px;

  }

  section.c-office h6 a {

    font-size: 14px;

    margin-bottom: 10px;

  }

  section.c-office img {

    bottom: 0;

    left: 50%;

    height: 170px;

    translate: -50% 0;

    z-index: -1;

    top: unset;

    transform: translateY(0);

  }

  section.distribution h5 {

    font-size: 14px;

  }

  section.c-office .off-box {

    text-align: center;

    margin-bottom: 15px;

  }

  section.c-office {

    padding: 20px 0 0;

    isolation: isolate;

  }

  section.distribution ul li {

    font-size: 12px;

    width: 48%;

    text-align: center;

  }

  section.distribution ul {

    gap: 10px;

  }

  section.distribution {

    padding: 20px 0 15px;

  }

  section.distribution h3 {

    font-size: 26px;

    line-height: 30px;

    margin-bottom: 8px;

    text-align: center;

  }

  section.distribution p {

    font-size: 14px;

    line-height: 19px;

    text-transform: capitalize;

    margin-bottom: 16px;

    text-align: center;

  }

  .contact-main .c-info p {

    font-size: 12px;

    line-height: 24px;

    max-width: 320px;

    margin-inline: auto;

  }

  .contact-main form.get-touch2 textarea {

    height: 120px;

  }

}





.shopsidebarmobile { display: none;}

.shopsidebar{ display: block;} 



@media (min-width: 991px) {

	.custom-nav-menu .quadmenu-dropdown-menu {

  width: 100% !important;

  min-width: unset !important;

  left: 50% !important;

  transform: translateX(-50%) !important;

}

.custom-nav-menu .quadmenu-dropdown-menu ul {

  display: flex !important;

  flex-wrap: wrap;

  justify-content: center;

  gap: 8px;

  margin: 16px 0px !important;

  padding: 0 20px !important;

}

.custom-nav-menu .quadmenu-dropdown-menu ul li a {

 border: none !important;

}

.custom-nav-menu .quadmenu-dropdown-menu ul li a span {

    text-transform: uppercase !important;

    font-weight: 500;

	transition: all 0.5s ease-in-out !important;

}

.custom-nav-menu .quadmenu-dropdown-menu ul li {

  flex: 1 1 auto !important;

  width: 16% !important;

  background-color: #ebf2fb !important;

  transition: all 0.5s ease-in-out !important;

}

.custom-nav-menu .quadmenu-dropdown-menu ul li:hover {

  background-color: #f6911e !important;

  transition: all 0.5s ease-in-out !important;

}

.custom-nav-menu .quadmenu-dropdown-menu ul li:hover a span {

	color: #fff !important;

	transition: all 0.5s ease-in-out !important;

}

}

@media only screen and (max-width: 580px) {

		.custom-nav-menu #quadmenu .quadmenu-navbar-nav li.quadmenu-item > .quadmenu-dropdown-menu {height: 210px !important;overflow: scroll !important;}

 .tembanner .about-banner__text{ position: relative;padding-bottom: 35px; background: #002c5d;}

 .tembanner .about-banner__text h1{ margin-top: 20px; font-size: 32px;}

  .shopsidebarmobile { display: block;} 

  .shopsidebar{ display: none;} 

  .shopsidebarmobile li{ list-style-type: none;}

  .shopsidebarmobile select { margin: 0 0 8px 0; padding: 10px 10px 10px 0;color: #575757;

    font-size: 16px;width: 100%;height: 50px; background: no-repeat; border: 1px solid #ccc; text-indent: 5px;}

  .shopsidebarmobile .pcd-submit{ display: none !important;}

  .mobstiksd{position: sticky !important; top: 0 !important; z-index: 1; background: #fff;}

  .tax-product_cat .about-banner__text {position: absolute;padding: 14px;background: rgba(0, 44, 93, 0.23);width: 70%;margin-right: 0;right: 13px;left: unset;}

.about-banner__text h1 {font-size: 19px;margin: 0;line-height: 26px;}

.about-banner__text h2 {font-size: 13px;margin: 0;line-height: 14px;}

.about-banner__text h3 {font-size: 12px;margin: 0;line-height: 18px;}

.about-banner__text h4 {font-size: 15px;margin: 0;line-height: 22px;}

.about-banner__text h5 {font-size: 14px;margin: 0;line-height: 21px;}

.about-banner__text h6 {font-size: 12px;margin: 0;line-height: 20px;}

.about-banner__text {color: #fff;}

.about-banner__text [class^="col-lg-"] > *:not(:last-child) {margin-bottom: 6px;}

  .about-banner__text ul{ display: block;}

  .about-banner__text ul li{ display:inline-block;}

  footer h3{ margin-top: 25px;}

  .dz-sec2 .dz-sec2_img .dz-sec2_img-text{ transform:none; background: #002c5d; position: relative; width:100%; 

    padding: 20px; bottom: 0; left: 0; text-align: center;}

  .dz-sec2 .dz-sec2_img:hover .dz-sec2_img-text{ box-shadow: none;}

  .dz-sec2 .dz-sec2_img .dz-sec2_img-text img{ margin: 0 auto;}

  .z-quick-contact-btn a{right: -4%;}

  .custom-pad {padding: 30px 0;}

  /*  Private Label  */

	.private-label-content .heading > * {font-size: 20px;line-height: 28px;width: 80%;}

	.private-label-content .heading {margin-bottom: 16px;}

	.private-label-content .custom-paragraph p {font-size: 14px;line-height: 25px;}

	.private-label-main [class^="col-lg-"]:not(:last-child) .private-label-content {margin-bottom: 16px;}

	.private-label-content .media .images .pl-image-2 {height: 170px;}

	.private-label-content .media {margin-bottom: 20px;}

	.private-label-content .media .images .pl-image-1 {padding-right: 25px;height: 400px;object-fit: cover;}

  /*  Private Label  */

}