html{
  scroll-behavior: smooth;
}
h1 {
  color:#e3312a
  }
.banner-text {
  padding-top: 180px;
  padding-bottom: 110px;
  text-align: center;
  color: #002d73 !important;
}
.header-sec.has-fixed .main-navbar {
  position: absolute !important;
  background: transparent !important;
  box-shadow: none !important;
}
.pt-80 {
  padding-top: 80px;
}
.pb-80 {
  padding-bottom: 80px;
}
.ptb-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}
.pt-120 {
  padding-top: 120px;
}
.pb-120 {
  padding-bottom: 120px;
}
.ptb-120 {
  padding-top: 120px;
  padding-bottom: 120px;
}

.banner-text .leading {
  margin-bottom: 30px;
}
.navbar-expand-lg .navbar-collapse {
  flex-direction: row-reverse;
}
.header-sec {
  background: url(http://demo.themesurf.com/portum/assets/image/shape.png) 180px
    0 no-repeat #ffffff !important;
    background-size: cover !important;
}
div#products {
    background-color: #eeeeee5e;
}
.section.section-pad.pt-0 {
    background-color: #eeeeee5e;
    padding: 30px 0px !important;
}
.header-sec .main-navbar .logo {
  width: 270px;
  height: 75px;
}
.btn.btn-gradient {
  background-image: linear-gradient(
    to right,
    #002d73 0%,
    #3d7ccf 51%,
    #033178 100%
  ) !important;
  color: #fff;
}
.h-color {
  color: #0f4295 !important;
}
.sec1-img-size {
  display: flex;
  justify-content: center;
}
.sec-3-text {
  font-size: 16px !important;
  padding: 15px;
  font-weight: 500 !important;
}
.sec2-box {
  height: 220px !important;
}
.why-us-box {
  height: 250px !important;
}
.single-product::before {
  background-image: none !important;
}
.single-product:hover h3, .single-product:hover h4, .single-product.active h3, .single-product.active h4 {
  color: #000;
}
.single-product h4 {
  margin: 10px 0 10px;
}
.cta-sec p {
  margin-bottom: 0px !important;
}
.section.section-pad-md.section-subscribe.has-bg.bg-primary.light-filter.light.has-parallax {
    background-color: #0f4295 !important;
}
.has-bg.bg-primary:after {
    background-color: #0f4295 !important;
}
.pro-cnt {
  padding-left: 20px;
}
.pro-sec {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  border-radius: 22px;
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 630px;
  min-height: 630px;
  flex: 0 0 31%;
  max-width: 35% !important;
}
.sec-6{
  display: flex;
  justify-content: center;
}
.sec3-bg{
  background: url(http://demo.themesurf.com/portum/assets/image/shape.png) 180px 0 no-repeat #afceeccc !important;
}
ul.ul-intend {
  text-indent: 20px;
}
.why-us-box:hover{
  background-image: linear-gradient(to top, #08377f 0%, #3876c8 100%);
}
.p-content{
    font-size: 16px !important;
    text-align: justify !important;
}
/* codepen */

.section-wrapper > .content {
  margin-top: 20px;
  margin-bottom: 40px;
  text-align: center;
}
.section-wrapper > .content h2 {
  font-size: 2.5rem;
  margin-bottom: 10px;
}
.section-wrapper > .content p {
  font-size: 1.2rem;
}
a.navbar-brand.mobile{
  display: none;
}
div.product_slider {
  padding: 10px 0px;
  padding-bottom: 0px !important;
}
h1.heading-section.sub-group {
    font-size: 2.30em;
}
.sub-group.btnn {
    text-align: right;
    margin-top: 20px;
}
.section-pad-md {
    padding-top: 60px;
    padding-bottom: 50px;
}
.sub-group.btnn a.btn.btn-gradient {
    background-image: linear-gradient( to right, #e3312a 0%, #b7090f 51%, #e3312a 100% ) !important;
}
.card_img,.card_btn {
    text-align: center;
}
.card_img img {
    padding: 20px;
}
.product-img.why-us-icon {
    text-align: -webkit-center;
}
.single-product .product-img {
    width: 100%;
}
h4.modal-title {
    font-size: 30px;
}
  .drop-message.contact {
    padding-top: 20px;
}
.drop-message.contact form {
    padding: 0px 50px 0px 50px;
}
.comm-head p {
    margin-bottom: 10px !important;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
}
div#testimonial {
    padding-top: 0px;
}
.video-img a.btn {
    padding: 12px 22px;
    background: #e3312a;
    top: -50px;
}
.video-img img {
    width: 100% !important;
}
div#products {
    background-color: #eeeeee5e;
}
.section.section-pad.product-sec.thank {
    margin: 140px 0px 0px 0px;
}
.single-product.thank.res-m-bttm.round {
    padding: 40px;
}
/*div#navbarResponsive a.btn.btn-gradient{
  background-image: linear-gradient( to right, #a2ccee 0%, #5388c6 51%, #a2ccee 100% ) !important;
}*/
/*div.section.section-pad.contact.form {
    background-color: #eeeeee5e;
}*/
section.section-wrapper {
    padding: 30px 0px;
}
p.leading.animate-bottom.delay-7ms.right {
    color: #000;
    font-size: 18px;
}
p.leading.animate-bottom.delay-7ms.first {
    font-size: 18px;
    color: #000;
}
h1.animate-bottom.delay-5ms.h-color.middle {
    font-size: 55px;
}
a.controller img {
    width: 100%;
    object-fit: contain;
    height: 280px;
}
/* Tab */
.tab-wrapper {
  background: #fff;
  border-radius: 10px;
  border: 1px solid #e0e0e0;
}
.tab-wrapper .tab-btns {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tab-wrapper .tab-btns .btn {
  border: none;
  outline: none;
  background: #002d73;
  color: #e5ecf2;
  padding: 10px 20px;
  width: 100%;
  cursor: pointer;
  font-size: 1.3rem;
  transition: 200ms linear;
}
.tab-wrapper .tab-btns .tab-btn.active {
  background: #fff;
  color: #002d73;
}
.tab-wrapper .tab-btns .tab-btn {
  padding: 15px;
}
.tab-wrapper .tab-btns .tab-btn:first-child {
  border-top-left-radius: 10px;
}
.tab-wrapper .tab-btns .tab-btn:last-child {
  border-top-right-radius: 10px;
}
.tab-wrapper .tab-contents {
  padding: 30px;
}
.tab-wrapper .tab-contents h4 {
  font-size: 1.5rem;
  font-weight: 500;
  text-transform: capitalize;
  margin-bottom: 10px;
}
.tab-wrapper .tab-contents p {
  font-size: 1rem;
  font-weight: 300;
  letter-spacing: 0.15px;
}

/* show/hide content */
.tab-contents .content {
  display: none;
}
.tab-contents .content.active {
  display: block;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 400ms;
  animation-duration: 400ms;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.comm-head.li {
  text-align: center;
}
.fa-angle-double-right {
  color: red;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(2px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(2px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.custom-btn {
  border-radius: 0px !important;
}
/* codepen */

.why-us-icon img {
  width: 64px !important;
  height: 64px;
}

.img-space {
  position: relative;
  display: inline-block;
}
.img-space .img-top {
  display: block;
  z-index: 0;
}
.img-space .img-back {
  display: none;
}
.img-space:hover .img-top {
  display: none !important;
}
.img-space:hover .img-back {
  display: block !important;
  z-index: 0;
}
.why-us-box h4 {
  font-weight: 600;
  color: #002d73 !important;
}
.why-us-box p {
  font-weight: 600;
  color: #002d73 !important;
  padding: 0 10px;
}
.why-us-box:hover h4 {
  color: #ffffff !important;
}
.why-us-box:hover p {
  color: #ffffff !important;
}

.col-lg-6.col-md-8.offset-lg-0.offset-md-2 {
  margin-bottom: 20px;
}
.single-product {
  padding: 50px 0;
}
.why-us-box1{
  margin-bottom: 15px;
}

/* footer */

.footer-sec {
  background: #bfd8f0 !important;
  color: #fff;
  padding: 60px 0 20px 0;
}
.icon-box.sqaure, .icon-box.round, .icon-box.circle {
  border-color: #002d73 !important;
}
.footer-sec li a {
  color: #002d73;
  font-weight: 700;
}
.footer-sec li a:hover {
  background: #002d73 !important;
}
.footer-cnt h3 {
  color: #002d73 !important;
  font-size: 20px;
}
.footer-cnt p{
  color: #002d73;
  font-weight: 600;
  font-size: 16px;
}
.footer-cnt ul{
  margin-top: 10px !important;
}
.footer-cnt li{
  margin-left: 0px !important;
}

.footer-cnt li a{
  width: 100% !important;
}
.footer-cnt li a:hover{
  border: none !important;
  background: none !important;
  color: #e3312a !important;
}
.whatsapp-icon {
  left: 93.2%;
  bottom: 120px;
  width: 5% !important;
}
.call-icon {
  left: 93.2%;
  bottom: 90px;
}
.responsive-nav-fix .header-sec .navbar-toggler {
  border-color: #002d73 !important;
  background: #002d73 !important;
}
.header-sec.has-fixed .navbar-toggler {
  border-color: #002d73 !important;
  background: #002d73 !important;
}
.banner-text h1{
  color: inherit;
  font-size: 2.43em;
  margin-bottom: 26px;
}
.banner-img {
  margin: 0px -100px 110px -155px;
}
.mc {
  text-align: center;
  width: 31%;
}
.machine-table th {
  background-color: #f4f4f4;
  width: 175px;
}
#chat-bot-launcher-container.chat-bot-launcher-notext {
  bottom: 235px !important;
  right: 46px !important;
}
#chat-bot-message-container {
  font-family: 'Open Sans', sans-serif;
  position: fixed;
  font-size: 16px !important;
  font-weight: 400 !important;
  max-width: 250px;
  margin-right: -5px;
  bottom: 0;
  opacity: 0;
  background-color: #fff0;
  color: #1e2235 !important;
  right: 20px;
  bottom: 300px !important;
  z-index: -1;
  width: max-content;
}
img.goog-te-gadget-icon {
  display: none;
}
div#google_translate_element {
  margin-right: 30px !important;
}
.banner-img h3 {
  color: #0f4295 !important;
  text-align: center !important;
  margin-top: 20px !important;
  font-size: 30px;
}
.col-lg-6.bn p {
  font-size: 17px;
}
.col-lg-6.bn {
  padding: 35px;
}
.container.ensaudi {
  padding: 35px !important;
}
section.sau {
  background-color: #f2f2f2;
} 
.container.ensaudi h2 {
  font-size: 30px;
  text-align: center;
}
.container.ensaudi p {
  font-size: 16px !important;
}
.container.ensaudi ul {
  font-size: 16px;
}

#fiber-laser-cutting-machines {
  text-align: center;
}

.machine-details {
  display: flex;
  justify-content: space-around;
  align-items: center;
padding-top: 50px;
padding-bottom: 50px;
}
.col-md-6.lcm {
  display: flex;
  align-items: center;
  justify-content: center;
}
.machine-details table {
  width: 100%;
  border-collapse: collapse;
  margin-right: 20px;
}
.machin img {
  height: 290px;
  /* width: 100%; */
}
.machine-details table th,
.machine-details table td {
  padding: 10px;
  background-color: #E7EAED;
}

.machine-image {
  width: 100%;
  height: 200px;
  /* background-color: #eeee; */
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: bold;
}
.features {
  display: flex;
  justify-content: space-between;
  margin: 20px 0;
}

.feature-box {
  background-color: #4f6ca6;
  color: white;
  margin-bottom: 10px;
  padding: 20px;
  font-size: 14px;
  text-align: center;
  border-radius: 5px;
}

.quote-button button {
  background-color: #4f6ca6;
  color: white;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
}

.quote-button button:hover {
  background-color: #3c5282;
}

.quote-button a {
  color: white;
}
.section.section-pad.contact {
  background-color: #f9f9f9;
}
.comm-head h3 {
  text-align: center;
  font-size: 23px !important;
}
img.machine-image1 {
  /* display: none; */
  visibility: hidden;
}
.feature-box.mn {
  height: 100px;
  width: 220px;
}

.container.af {
  padding: 0px;
}
.contact h3, .contact h4 {
  font-size: 1.73em;
  margin-bottom: 0px !important;
  margin-right: -10px;
}
section.at {
  background-color: #ffffff;
  font-size: 16px;
}
section.cl {
  padding: 30px;
  background-color: #f9f9f9;
}
.col-md-4.bg {
  text-align: center;
}
.alig h4 {
  padding-top: 10px;
}
.alig {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  padding: 14px;
  height: 216px;
}
section.at {
  padding: 30px;
}

.col-md-6.gh {
  padding: 20px;
}
section.bgd {
  padding: 30px;
}
section.bgd {
  background-color: #ffffff;
}
section.bgd li {
  list-style-type: circle;
  padding: 10px;
}
.container.ensaudi li {
  padding: 10px;
  list-style-type: circle;
}
.container.af li {
  padding: 10px;
  list-style-type: circle;
}
.container.nf li {
  padding: 10px;
  list-style-type: circle;
}
.quote-button {
  text-align: center !important;
}
.section.section-p.contact {
  padding-bottom: 30px;
}
.row.mc {
  justify-content: center;
}
section#fiber-laser-cutting-machines h2 {
  font-size: 27px;
}
section#fiber-laser-cutting-machines h3 {
  font-size: 23px;
}
select.form-control.sd {
  padding-bottom: 5px;
  color: #6c7d85;
  /* margin-bottom: 10px; */
}
.custom-highlight-text {
  font-size: 30px !important;
  color: #000;
  text-transform: uppercase;
  line-height: 33px;
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;

}


.highlight-color {
  color: #0f4295;
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.custom-paragraph {
  line-height: 1.6;
  color: #333;
  font-family: 'Roboto', sans-serif;
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-size: 14px !important;
  font-style: normal;
}
/* Table Styling */
.custom-table {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
}

.custom-table td {
  padding: 10px;
  border: 1px solid #cccccc;
  background-color: #f2f2f2;
  
}

.custom-table-head {
  font-weight: bold;
  background-color: #336699;
  color: #0a0a0a;
}

.custom-table tbody tr:nth-child(odd) td {
  background-color: #CCD2D8;
}

/* Image Styling */
.machine-image {
  text-align: center;
}

.custom-img {
  width: 100%;
  max-width: 400px;
  height: auto;
  border: 2px solid #cccccc;
  padding: 5px;
}
td.custom-table-hea {
  background-color: #156082 !important;
  height: 44px;
}
.features .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}
p.scrf {
  padding: 5px;
  font-weight: 800;
  font-size: 18px;
  margin-bottom: 5px;
}
.alig:hover {
  background-color: #05337a;
  color: #fff;
}
.feature-box {
  background-image: linear-gradient(to top, #08377f 0%, #3876c8 100%);  border: 1px solid #ccc;
  padding: 15px;
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
}
section#fiber-laser-cutting-machines h1 {
  font-size: 27px;
}
.mn {
  min-height: 150px; /* Adjust this value according to the desired height */
}
h1.heading-section {
  font-size: 27px;
}
.unique-section {
  background-color: #4f6ca6;
  padding: 0px !important;
  color: white;
  padding-top: 10px;
}
.unique-cta-text {
  font-size: 20px;
  margin-bottom: 10px;
}
p.unique-cta-text.upp {
    font-size: 18px !important;
    text-transform: uppercase;
}
.owl-carousel .owl-item img {
    width: 95%;
}

.unique-ask-btn {
  background-color: #ff7b3d;
  color: white;
  padding: 10px 20px;
  border: none;
  font-weight: bold;
  text-transform: uppercase;
}

.unique-ask-btn:hover {
  background-color: #e66a33;
  color: #fff;
}

.unique-expert-img {
  width: 100%;
  max-width: 221px;
  border-radius: 5px;
}
.banner-img3 {
  margin: 0px -150px 0 -150px;
  padding-top: 50px;
}
.banner-img2 {
  margin: 16px -100px 0 -130px;
}
.drop-message h3 {
  text-align: center;
  padding: 20px;
}
.banner-img4 {
  margin: 60px -100px 0px -152px !important;
}
.vertical-sticky-button {
  position: fixed;
  right: 15px;
  top: 30%;
  transform: translateY(-85%) rotate(-90deg);
  transform-origin: right center;
  background-color: #05337a;
  color: white;
  padding: 3px 12px;
  border: none;
  border-radius: 0px;
  cursor: pointer;
  font-size: 15px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  z-index: 9999;
}

.vertical-sticky-button:hover {
  background-color: #333;
}
.container.af ul li {
  text-align: left;
}
.container.nf ul li {
  text-align: left;
}
div#chat-bot-message-container {
  display: none;
}
.container.af p {
  text-align: left;
}
.container.nf p {
  text-align: left !important;
}
.col-md-4.footer-cnt {
  text-align: left;
}
/* Responsive Design */
@media (max-width: 768px) {
 
  .row.ulli {
    padding: 20px !important;
  }
  .container.nf p {
    text-align: left;
}
.col-md-4.footer-cnt {
  text-align: center;
}
  a.btn.btn-gradient {
    padding: 10px 10px 10px 10px;
  }
  .banner-img {
    margin: 0px -87px 11px -155px;
}
  .banner-img4 {
    margin: -1px -87px 8px -153px !important;
}
  section.bgd {
    padding: 0px;
}
  .col-lg-6.bn {
    padding: 15px !important;
}
  .unique-expert-img {
      margin-top: 20px;
  }
  p.unique-cta-text {
    padding: 16px;
    font-weight: 600;
    text-align: left;
}
section.at ul li {
  text-align: left;
}
h1.heading-section {
  font-size: 26px;
  padding-bottom: 0px !important;
}
.ulli {
  padding: 20px;
}
section.cl p {
  text-align: left;
}
section.cl h3 {
  text-align: left;
}
section#fiber-laser-cutting-machines {
  padding: 40px;
}
section#fiber-laser-cutting-machines h2 {
  font-size: 24px;
}
section#fiber-laser-cutting-machines h3 {
  font-size: 21px;
}
table.machine-table.custom-table.tab-res {
  width: 600px;
}
.container.ensaudi h2 {
  font-size: 26px;
  text-align: center;
}
.container.custom-container {
  padding-top: 10px;
}
.banner-text .leading {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 15px;
}
.banner-img3 {
  margin: 0px -84px 0 -150px;
  padding-top: 0px;
  padding-bottom: 40px;
}
  .banner-img2 {
    margin: 0px -83px 0 -151px;
  }
  .comm-head {
    margin-bottom: 0px;
    padding: 20px !important;
    padding-bottom: 5px !important;
}
.mn {
  min-height: 100px;
}
.comm-head {
  margin-top: 0px;
}
}

/* Responsive adjustments for smaller screens */
@media (max-width: 992px) {
  .col-md-2 {
      flex: 1 0 30%; /* Allow boxes to scale on smaller screens */
      margin-bottom: 15px;
  }
}

@media (max-width: 768px) {
  .col-md-2 {
      flex: 1 0 45%; /* Stack two boxes on smaller screens */
      margin-bottom: 15px;
  }
  .feature-box.mn {
    height: 100px;
    width: auto !important;
}
section#fiber-laser-cutting-machines {
  padding: 10px !important;
}
.col-md-6.lcm {
  display: flex;
  align-items: center;
  padding-top: 50px !important;
  justify-content: center;
}
section.cl {
  padding: 0px;
  background-color: #f9f9f9;
  padding-top: 30px !important;
  padding-block: 20px;
}
section.cl h1 {
  text-align: center;
  font-size: 24px;
}
.container.nf h1 {
  font-size: 27px;
}
.container.af h1 {
  font-size: 27px;
}
section#fiber-laser-cutting-machines h1 {
  font-size: 20px;
}
  h1.pb-5.ghd {
    text-align: left;
}
.container.nf button {
  margin-bottom: 30px !important;
}
.machine-details {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 50px;
}
.machine-image {
  max-width: 100% !important;
  height: auto;
}
}

@media (max-width: 576px) {
  .col-md-2 {
      flex: 1 0 100%; /* Stack all boxes on very small screens */
      margin-bottom: 15px;
  }
}

/* Responsive */
@media (max-width: 768px) {
  .custom-table {
      width: 100%;
  }

  .custom-img {
      max-width: 100%;
  }
}

@media (max-width: 768px) {
  .custom-col-left, .custom-col-right {
      width: 100%;
      text-align: center;
  }
}
@media (min-width: 400px) and (max-width: 425px) {
.header-sec .main-navbar .logo {
    width: 270px !important;
    height: 85px !important;
}
}
@media (max-width: 767px) {
  .pro-sec {
    flex: 0 0 100%;
    max-width: none !important;
  }
  .machin img {
    height: auto;
    width: 106%;
    margin-top: 20px;
}
  section.at {
    padding: 0px;
  }
  .container.af {
    padding: 10px;
}
  .navbar {
    justify-content: end;
}
.section-pad {
  padding-top: 10px;
  padding-bottom: 10px;
}
.alig {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  padding: 9px;
  margin-top: 21px;
  height: 221px;
}

  #chat-bot-launcher-container.chat-bot-avatar-launcher, #chat-bot-launcher-container.chat-bot-launcher-notext {
    bottom: 261px !important;
    right: 10px !important;
}
  .cycle-tab-container {
    width: 100%;
    height: 800px;
  }

  .tab-wrapper .tab-btns {
    display: contents;
  }
 /* .img-space .img-top {
    margin-left: 56px;
  }*/
  .sec1-img-size {
    margin-top: 20px;
    margin-left: 60px;
    width: 86% !important;
  }

  .pro-sec {
    height: 535px;
    min-height: 530px;
}
  .navbar-expand-lg .navbar-collapse {
    padding-right: 10px;
}
.banner-text {
  padding-top: 150px;
  padding-bottom: 0px;
}
div.product_slider {
  padding: 0px 0px;
}
.call-icon {
  left: 80%;
  bottom: 110px;
}
.whatsapp-icon {
  left: 80%;
  bottom: 185px;
  width: 18% !important;
}
.why-us-box {
  height: 275px !important;
}
.single-product {
  padding: 20px 0;
}
.sec2-box {
  height: 155px !important;
}
.header-sec .main-navbar .logo {
  width: 320px;
  height: 75px;
}
.navbar-expand-lg .navbar-collapse {
  display: flex;
  flex-direction: row-reverse;
}
.collapse {
  display: block;
}
.navbar>.container, .navbar>.container-fluid {
  flex-wrap: nowrap;
}
.sec-3-text {
  padding: 8px;
}
/*.single-product:hover .product-img {
  margin-left: 42% !important;
}*/
.col-xs-6{
  width: 50% !important;
}
a.navbar-brand.desktop{
  display: none;
}
a.navbar-brand.mobile{
  display: block;
}
.sub-group.btnn {
    text-align: center;
}
h1.animate-bottom.delay-5ms.h-color.middle {
    font-size: 38px;
}
p.leading.animate-bottom.delay-7ms.first,p.leading.animate-bottom.delay-7ms.h-color.middle,p.leading.animate-bottom.delay-7ms.right {
    font-size: 16px;
}
.drop-message.contact form {
     padding: 0px;
}
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cycle-tab-container {
    width: 100%;
    height: 612px;
  }

  .offset-md-2 {
    margin-left: 0%;
  }
  .sec2-box {
    height: 200px !important;
}
.single-product {
    padding: 25px 0;
}
  .sub-group {
    margin-top: 23px;
  }
/*  img.img-top {
    margin-left: 56px;
  }
  img.img-back {
    margin-left: 56px;
  }*/
  .call-icon {
    left: 80%;
    bottom: 110px;
  }
  .whatsapp-icon {
    left: 82%;
    bottom: 182px;
    width: 15% !important;
  }
  .navbar-expand-lg .navbar-collapse {
    padding: 20px 0 20px 100px;
}
.section-pad {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}
.navbar-expand-lg .navbar-collapse {
  display: flex;
  flex-direction: row-reverse;
}
.collapse {
  display: block;
}
.navbar>.container, .navbar>.container-fluid {
  flex-wrap: nowrap;
}
.header-sec .main-navbar .logo {
  width: 500px;
  height: 85px;
}
.whatsapp-icon {
  left: 90.5%;
  bottom: 185px;
  width: 8% !important;
}
.call-icon {
  left: 89.7%;
  bottom: 110px;
}
.why-us-box1-height {
  height: 260px !important;
}
}

@media (min-width: 1024px) and (max-width: 1366px) {
/*  img.img-top {
    margin-left: 53px;
  }*/
/*  img.img-back {
    margin-left: 53px;
  }*/
  .section-pad {
    padding-top: 80px;
    padding-bottom: 80px;
}
.single-product {
  padding: 30px 0;
}
.sec2-box {
  height: 200px !important;
}
}

@media (min-width: 1080px) and (max-width: 1920px) {
  .whatsapp-icon {
    left: 93.5% !important;
    bottom: 175px !important;
    width: 3% !important;
}
.section-pad {
  padding-top: 50px;
  padding-bottom: 50px;
}
.pro-sec {
  height: 590px;
  min-height: 590px;
}
}

@media (min-width: 768px) and (max-width: 1366px) {
.whatsapp-icon {
  left: 94%;
  bottom: 120px;
  width: 5% !important;
}

}

@media (min-width: 425px) and (max-width: 768px){
  #chat-bot-launcher-container.chat-bot-avatar-launcher, #chat-bot-launcher-container.chat-bot-launcher-notext {
    bottom: 51px !important;
    right: 10px !important;
}
}
@media (min-width: 1920px) and (max-width: 2560px){
/*  .single-product .product-img {
    margin-left: 44% !important;
  }*/
}

  .navbar {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 20px;
        color: white;
    }

    .navbar h1 {
        margin: 0;
        font-size: 20px;
    }

    /* Menu items */
    .nav-links {
        display: flex;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .nav-links li {
        margin: 0 15px;
    }

    .nav-links a {
        color: #000;
        text-decoration: none;
        font-weight: bold;
    }

    /* Hamburger */
    .hamburger {
        display: none;
        flex-direction: column;
        cursor: pointer;
    }

    .hamburger div {
        width: 25px;
        height: 3px;
        background: #000;
        margin: 4px;
        transition: 0.3s;
    }

    /* Mobile menu */
    @media (max-width: 768px) {
        .nav-links {
            position: fixed;
            top: 0;
            right: -100%;
            height: 50vh;
            width: 200px;
            background: #fff;
            flex-direction: column;
            align-items: start;
            justify-content: center;
            transition: 0.3s;
        }
            .head {
    max-width: 180px;
    font-size: 10px;
}

        .nav-links.active {
            right: 0;
        }

        .hamburger {
            display: flex;
        }
    }
    /* When active (menu open) */
.hamburger.active div:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
}
.hamburger.active div:nth-child(2) {
    opacity: 0;
}
.hamburger.active div:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -5px);
}