@media(max-width:1399px) {
    .menubar .top-bar span{
        display: block;
    }
    .menubar .top-bar span+span{
        margin-top: 5px;
    }
    /* .hero-banner .banner-img img:nth-child(1) {
      width: 198px;
      height: 190px;
    } */
    .hero-banner .banner-img img:nth-child(2) {
      width: 390px;
      height: 385px;
    }
    .packing-sec .packing-card .image,
    .packing-card .image {
      height: 232px;
  }
  .packing-card .text {
    height: 75px;
  }

#menu ul li:nth-child(2) .list .menu-btn .btn-link {font-size: 12px;}
 
}

@media (max-width:1199px) {
    #menu>ul {
        gap: 30px;
    }
    h1 {
      font-size: 52px !important;
      line-height: 58px !important;
    }
    h2 {
      font-size: 45px !important;
      line-height: 57px;
    }
    .hero-banner {
      height: 520px;
    }
    .hero-banner .banner-img img:nth-child(2) {
      width: 330px;
      height: 325px;
  }
  .hero-banner .banner-img img:nth-child(1) {
    /* width: 180px; */
    /* height: 167px; */
}
.sub-buttons label{
  padding: 20px 0;
  font-size: 15px;
}
.faq-sec .accordion-button {
  font-size: 18px;}
  #menu ul li:nth-child(2) .list .menu-btn .btn-link {padding: 10px 18px;
}
}

@media(max-width:991px){
  header {position:relative;top: 0;left: 0;width: 100%; z-index: inherit;border-bottom: 1px solid #fff;}
  .topbar { width:100%; position:relative;z-index: 999; border-bottom: 1px solid #C8C6CD;} 
  .topbar .logo a{font-family: var(--font-1);font-size: 32px;font-weight: 400;}
  .topbar .logo img{width: 180px;margin:4px 0 6px 0;}
  
  
  .topbar ul.top_right_contents{padding:0 ;margin:8px 0 0 0;list-style:none;color: #000; text-align: center;}
  .topbar ul.top_right_contents li{vertical-align:middle; position:relative; display: inline-block; line-height: 1;text-align: end;}
  .topbar ul.top_right_contents li a.menu_open i {font-size: 30px;color: #000;}
  
  
  .topbar.sticky{margin:0;position:fixed;top:0;left:0;width:100%;z-index:999;animation-name:menu_sticky;animation-duration:.6s;animation-timing-function:ease-out;-webkit-box-shadow:rgba(255,255,255,0.2) 0 0 10px;box-shadow:rgb(155, 153, 153) 0 0 10px;background: #fff;}
  .topbar.sticky .logo img{width: 120px;}
  .topbar ul.top_right_contents{padding:0;margin:0;list-style:none; text-align: right;}
  .topbar ul.top_right_contents li{vertical-align:middle; position:relative; display: inline-block;
      margin-right: 20px;  line-height: 1;}
  .topbar ul.top_right_contents li:last-child {margin-right: 0;}
  .topbar ul.top_right_contents li a {color:#fff; line-height: 1;}
  .topbar ul.top_right_contents li a i {font-size: 26px;}
  .topbar ul.top_right_contents li a i.user { font-size: 34px;}
  .topbar ul.top_right_contents li a.menu_open i {font-size: 28px;color: var(--bg-dark);}
  .menu_overlay {position: fixed; top:0; right:0; bottom:0; left:0; z-index:9999; background: rgba(0,0,0,0.75);}
  .menu_toggler {margin:15px 0 0;}
  .menu_toggler .icons {font-size:26px; color:#212121}
  .menu_head {background:#000;text-align: center; position: relative;color:#fff;}
  .menu_head a {color:#fff; padding:15px 10px; display: inline-block; font-weight: 500; font-size: 16px;}
  .menu_close {text-align: end;padding: 0;padding:5px 20px 0 0;}
  .menu_close i {font-size:20px; color: #fff;}
  .mobile_menu_wrap {position: fixed; top:0px; bottom: 0; right:-100%; z-index:99999; background:var(--text-color); padding:0 0 75px; transition: all linear 0.2s; max-width: 80%; width: 300px; height: 100vh;}
  .mobile_menu_wrap .form-control{width: 80%;}
  .mobile_menu_wrap.menu_show {right:0;}
  .mobile_menu_wrap ul {padding:0; margin:10px 0 0 0; list-style:none; font-size: 16px;font-weight: 400; font-family:var(--font-1);}
  .mobile_menu_wrap ul.main_menu {margin-bottom:10px; padding:0;}
  .mobile_menu_wrap ul.main_menu li{padding:0 0 0 0;color: #fff;}
  .main_menu li.active a{color:#fff;font-weight: bold;}
  .main_menu li a:hover,.topbar .top-links a:hover{color:var(--text-color);}
  .mobile_menu_wrap ul.main_menu li a {font-size:16px; text-decoration: none;}
  .mobile_menu_wrap ul li a {position: relative; display: block; padding:10px 30px;width: 100%; color: #fff ;}
  .mobile_menu_wrap ul li.hassub { padding:0 0px 0 5px;position: relative;width: 100%;display: inline-block;}
  .mobile_menu_wrap ul li.hassub .sub_menu_open {position: absolute;right: 0;top: 0;font-size: 16px;padding: 14px 20px;width: 100%;text-align: end;}
  .mobile_menu_wrap ul li.hassub ul {position: fixed; top:0; bottom:0; right:-100%;background:var(--text-color); margin:0; transition: all linear 0.3s; padding:48px 0 100px; overflow: auto; z-index: 9; visibility:hidden;width: 300px;}
  .mobile_menu_wrap ul li.hassub ul.show_submenu {visibility: visible; right: 0;}
  .mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu {position: absolute; top:0; width: 100%;left: 0;padding-left: 10px;}
  .mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a {font-size:15px; color: #fff; padding:10px 0;}
  .mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a i.fa { margin-right: 5px;}
  
  header .top-bar{
    font-size: 12px;
  }
  .tab-menu .logo img{
    width: 190px;
  }
  .tab-menu .btn{
    padding: 4px 12px;
  }
  .tab-menu .bottom-bar{
    padding: 8px 0;
  }
   .hero-banner{
    height: auto;
   }
   h2 {
    font-size: 36px !important;
    line-height: 51px;
}
.heading p{
  max-width: 90%;
}

   .hero-banner .banner-img{
    display: none;
   }
   .packing-sec .packing-card .image,
   .packing-card .image {
    width: 100%;
    height: 265px;
}
.packing-card .image .overlay a {
  font-size: 24px;
}
section{
  padding: 40px 0;
}
.packing-sec .heading{
  margin-bottom: 15px;
}
.process-sec .form-box{
  margin-top: 30px;
}
.design-box-sec .design-box h3 {
  font-size: 29px;
  line-height: 37px;
}
.roadmap-sec .detail-box{
  margin-top: 30px;
}
.roadmap-sec .sub-buttons{
  margin: 0 auto;
}
.roadmap-sec .show-content > div > h2:nth-child(1),.roadmap-sec .show-content .col-lg-6 ,.roadmap-sec .show-content .col-md-6 {
  margin-top: 40px;
}
.roadmap-sec .show-content .col-lg-6+.col-lg-6{
  margin-top: 0;
}
.roadmap-sec h2 {
  margin-bottom: 10px;
}
.detail-item{
  min-height: 285px;
  margin-bottom: 25px;
}
.show-content .row div:nth-last-child(1) .detail-item{
  margin-bottom: 0;
}
.detail-box .detail-item{
  margin-bottom: 0 !important;
}
.faq-sec .img-group {
  margin: auto;
  margin-bottom: 30px;
}
.testimonials .heading {
  margin-bottom: 18px;
}
.testimonials{
  overflow-x: hidden;
}
footer .row{
  row-gap: 20px;
}
footer .footer-top{
  margin-bottom: 30px;
}
footer .copyright{
  margin-top: 30px;
}
.all-products .product-box{
  margin-top: 50px;
}
.intetest-sec .img-box{
  margin-bottom: 20px;
}
.process-sec ul{
  margin-top: 20px;
}
.intetest-sec h2{
  margin-bottom: 15px;
  line-height: 45px;
}
.inner-banner .form-box {
  padding: 20px;
}
.packing-sec .product-selecter{
  margin-bottom: 30px;
}
.packing-sec .packing-card .image {
  width: 100%;
  height: 165px;
}
.packing-sec .product-selecter{
  padding: 20px 10px;
}
.packing-sec .product-selecter ul li {
  font-size: 14px;
}
.packing-sec .product-selecter h3{
  font-size: 23px;
}
.inner-banner .form-box{
  max-width: 100%;
}
.inner-banner-2{
  min-height: auto !important;
  max-height: none !important;
}
.details-sec .sub-buttons label {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.details-sec .sub-buttons label::after {
  height: 40px;
  top: 25%;
}
#sync2.owl-carousel.owl-drag .owl-item {
  max-width:100%;
}
#sync2 {
  margin-inline: auto;
  max-width: 100%;
}
 }
@media (max-width:768px) {
  .topbar.sticky .logo img {
    width: 180px;
    margin: 10px 0 6px 0;
}
.mobile-menu .top{
  padding: 12px 0 ;
  border-bottom: 1px solid #C8C6CD;
}
.mobile-menu .top .btn {
  font-size: 13px;
  padding: 4px 13px;
}
h1 {
  font-size: 42px !important;
  line-height: 50px !important;
}
.packing-sec .packing-card .image,
.packing-card .image{
  height: 230px;
}
.packing-card .text h6{
  margin-bottom: 8px;
  font-size: 15px;
}
.packing-card .text p{
  font-size: 18px;
}
.btn{
  font-size: 14px;
  padding: 9px 20px;
}
h2 {
  font-size: 30px !important;
  line-height: 42px !important;
}
.heading p {
  font-size: 16px !important;
}
.process-sec{
  padding-top: 10px;
}
.process-sec ul{
  padding-left: 20px;
}
.form-box form textarea {
  height: 80px !important;
}
.design-box-sec .design-box h3 {
  font-size: 23px;
  line-height: 27px;
}
.design-box-sec .design-box h4{
  font-size: 18px;
  line-height: 23px;
}
.design-box-sec .design-box p{
  font-size: 15px;
}
.sub-buttons label::after{
  top: 19px;
}
.detail-item{
  min-height: auto;
}
.detail-item img {
  margin-bottom: 15px;
}
.sub-buttons label {
  padding: 10px 0;
  font-size: 12px;
}
.sub-buttons label::after {
  top: 5px;
}
.testimonials .heading{
  margin-bottom: 15px;
}
#testimonials-slider .item .item-head img {
  width: 87px;
  height: 17px;
}
#testimonials-slider .item .profile-img{
  width: 65px;
  height: 65px;
}
.testimonials #testimonials-slider .item {
  padding: 16px 25px;
  height: 330px;
}
#testimonials-slider .item .item-head h4{
  font-size: 19px;
}
#testimonials-slider .item .item-head h4::after {
  bottom: -4px;
  width: 65px;
}
footer .footer-top .brands{
  flex-wrap: wrap;
  gap:0 5px;
}
.inner-banner .inner-box p{
  max-width: 100%;
}
.product-box .product-item h3 {
  font-size: 26px;
}
.packing-sec .heading {
  /* margin-bottom: 10px; */
}
.packing-sec .product-selecter {
  height: 360px;
}
.blogs-sec .blog-box .text {
  padding: 10px;
}
}
@media (max-width:667px) {
   
}
@media (max-width:580px) {
    
}
@media (max-width:575px) {
  .btn {
    font-size: 12px;
    padding: 8px 20px;
  }
  section{
    padding: 35px 0;
  }
  h2 {
    font-size: 26px !important;
    line-height: 30px !important;
    margin: 8px 0;
}
h3{
  font-size: 22px !important;
  line-height: 24px;
}
.form-box p {
  line-height: 22px;
}
.heading p {
  line-height: 20px !important;
}
.process-sec ul li p{
  margin-bottom: 10px;
}
.process-sec ul li::after{
  height: calc(100% + 10px);
}
.form-box form input[type=submit] {
  height: 46px;
  width: 200px;
  font-size: 16px;
}
.design-box-sec .design-box {
  padding: 20px;
  height: 600px;
}
.design-box-sec .design-box h3 {
  font-size: 20px;
  line-height: 24px;
}
.design-box-sec .design-box h4 {
  font-size: 17px;
  line-height: 21px;
}
.detail-item p {
  font-size: 14px;
}
.detail-item h4 {
  font-size: 18px;
  line-height: 14.5px;
}
.faq-sec .heading {
  margin-bottom: 28px;
}
.faq-sec .img-group img:nth-child(2){
  position: static;
  width: auto;
  height: auto ;
}
.faq-sec .img-group{
  display: flex;
  height: auto;
  gap: 10px;
}
.faq-sec .img-group img{
  width: 48% !important;
}
.testimonials #testimonials-slider .item{
  height: auto;
}
.testimonials .row{
  padding: 0 20px;
}
#testimonials-slider .item .profile-img {
  width: 75px;
  height: 75px;
  left: 43%;
}
footer .mob-link{
  display: flex;
  justify-content: center;
}
footer .desk-link{
  display: none;
}
footer ul li{
  font-size: 14px;
}
footer .copyright{
  padding: 18px 0;
  font-size: 16px;
}
.all-products .heading h2 {
  margin-bottom: 8px;
}
.inner-banner {
  min-height: 320px;
}
.product-box .product-item img {
  width: 150px;
  height: 150px;
}
ul.breadcrumbs {
  padding: 5px 0;
}
ul.breadcrumbs li{
  font-size: 13px
}
.packing-sec .heading {
  /* margin-bottom: 0px; */
}
.intetest-sec .img-box{
  gap: 10px;
}
.inner-banner .form-box h3{
  margin-bottom: 12px;
}
.inner-banner .form-box form .form-control,
.inner-banner .form-box form .form-select {
  height: auto;
}
.packing-sec .packing-card .image {
  height: auto;
  aspect-ratio: 1/1;
}
.faq-sec .accordion-flush .accordion-item {
  margin-bottom: 10px;
}
#sync1.owl-theme .owl-next {
  right: -6px;
}
#sync1.owl-theme .owl-prev {
  left: -6px;
}

#testimonials-slider .item .text::-webkit-scrollbar {
  width: 2px;
  display: block;
}

#testimonials-slider .item .text::-webkit-scrollbar-track {
  background: transparent;
  width: 10px;
}

#testimonials-slider .item .text::-webkit-scrollbar-thumb {
  background: #0192D0;
  border-radius: 10px;

}
.details-sec .sub-buttons label::after {
  height: 25px;
  top: 20%;
}
.packing-card .text p {
  font-size: 14px;
  line-height: 19.93px;
}

}
@media (max-width:525px) {
    
}
@media (max-width:500px) {
   
}
@media (max-width:480px) {
  h1 {
    font-size: 34px !important;
    line-height: 40px !important;
}
.design-box-sec .design-box {
  height: 520px;
}
.roadmap-sec .detail-box {
  grid-template-columns: repeat(1, 1fr);
  gap: 20px;
}
.detail-box .detail-item:nth-child(even) {
  margin-top: 0;
}
#testimonials-slider .item .profile-img{
  position: relative;
}
#testimonials-slider .item .item-head{
  margin-top: -30px;
}
footer .row {
  row-gap: 10px;
}

footer .contact-links ul li{
  column-gap: 0;
  word-break: break-word;
}
footer .contact-links ul li i {
  min-width: 24px;
}
.all-products .product-box {
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
}
footer .copyright {
  padding: 13px 0;
  font-size: 13px;
  margin-top: 20px;
}
.inner-banner .inner-box{
  padding: 30px 10px;
}

}
@media (max-width:450px) { 
    
   
    
}
@media (max-width:414px) {  
    
       
}
@media (max-width:400px) {
  h1 {
    font-size: 30px !important;
    line-height: 37px !important;
}
h2 {
  font-size: 26px !important;
  line-height: 30px !important;
  margin: 5px 0;
}

.hero-banner p {
  margin: 10px 0;
}
.form-box form span{
  font-size: 14px;
}
.sub-buttons label {
  padding: 6px 0;
  font-size: 9px;
}
.sub-buttons label::after {
  top: 6px;
  height: 16px;
}
.detail-item {
  padding: 15px;
}
.faq-sec .accordion-button {
  font-size: 14px;
  line-height: 21px;
}
.faq-sec .accordion-item .accordion-body{
  font-size: 13px;
}
#testimonials-slider .item .profile-img{
  position: relative;
  top: 0;
  left: 0%;
  margin: auto;
}
#testimonials-slider .item .item-head{
  flex-wrap: wrap;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  margin-top: 0;
}
#testimonials-slider.owl-carousel .owl-stage-outer {
  padding-top: 0;
}
.heading p {
  font-size: 14px !important;
}
.all-products .product-box {
  margin-top: 30px;
}

}
@media (max-width:375px) {
 
}
@media (max-width:360px) {
  
}