@media (min-width: 1200px) and (max-width: 1600px){
  .slider {
    padding: 50px 30px 50px 70px;
    width: 50%;
}
  .fix-left-col {padding: 34px;width: 50%;}
}
@media (min-width: 1200px) and (max-width: 1440px) {

  .f-40 {font-size: 34px;}
  .f-36 {font-size: 30px;}
  .f-34 {font-size: 28px;}
  .f-30 {font-size: 26px;}
  .f-16 {font-size: 14px;}
  .form-section {padding: 30px 40px;}
  .mb-35 {margin-bottom: 25px;}
}
@media (min-width: 768px) and (max-width: 1199px) {
  .section-spacing {margin-bottom: 50px;}
  .f-40 {font-size: 30px;}
  .f-36 {font-size: 26px;}
  .f-34 {font-size: 24px;}
  .f-30 {font-size: 20px;}
  .f-22 {font-size: 16px;}
  .f-20 {font-size: 16px;}
  .f-18 {font-size: 14px;}
  .f-16 {font-size: 14px;}
  .f-14 {font-size: 14px;}
  /* marign bottom */
  .mb-35 {margin-bottom: 25px;}
  .mb-30 {margin-bottom: 20px;}
  .mb-25 {margin-bottom: 20px;}
  .mb-20 {margin-bottom: 15px;}
  .mb-15 {margin-bottom: 10px;}
  .mb-10 {margin-bottom: 10px;}
  .header-call-info a span {display: none;}
  .header-call-info a {margin: 0;}
  header nav .header-logo {max-width: 200px;}
  header nav .main-menu li {padding-left: 0;}
  .toggle {display: block !important;z-index: 6;top: 10px;}
  .closeMenu .toggle-icon::before {visibility: visible;opacity: 1;top: 0;transition: 0.3s linear;transform: rotate(135deg);background-color: #2C4074;}
  .closeMenu .toggle-icon::after {top: 0;transition: 0.3s linear;transform: rotate(42deg);background-color: #2C4074;}
  header nav .main-menu {flex-direction: column;position: absolute;top: 0;left: -100%;height: 100vh;width: 100%;justify-content: center;align-items: center;row-gap: 25px;transition: 0.3s;overflow: hidden;background-color: #ffffff;}
  header nav .main-menu li a {color: #2C4074;font-size: 22px;}
  header nav .main-menu li {padding-left: 0;}
  header nav .main-menu.show-menu {left: 0;z-index: 4;}
  .hero-banner-slider .banner-content {width: 100%;padding: 20px;}
  .hero-banner-slider .item-image {width: 100%;}
  .about-description {margin-bottom: 25px;}
  .fix-left-col {padding: 30px;}
  .count-digit {font-size: 30px;}
  .count-title {font-size: 14px;}
  .products-banners {flex-wrap: wrap;justify-content: center;}
  .nav-pills .common-btn {margin-bottom: 10px;padding: 12px;width: 200px;}
  .product-slider {max-width: 400px;}
  .nav {margin-bottom: 0;}
  .item-bg {padding: 30px;}
  .client-profile {margin-top: 40px;}
  .contact-section {padding: 50px 0;}
  .form-section {padding: 30px;}
  .form-section h2 {margin-bottom: 20px;}
  .form-section p {margin-bottom: 20px;}
  .form-section a {margin-bottom: 20px;display: block;}
  .about-img {margin-bottom: 20px;}
  .image-content img {min-height: 260px;}
  .image-text-3 {right: 30px;}
  .industry-box {margin-bottom: 20px;}
  .slider {padding: 30px;}
  .common-btn {font-size: 14px;padding: 7px 10px;}
  .about-text {bottom: 35px;}
  .banner-box img {width: 100%;}
  .banner-box .box-image-3 {width: 99%;}
  .loaction {margin-bottom: 20px;}
  .owl-dots {padding-top: 20px;}
  .testimonial-slider .owl-dots {padding-top: 0;}
  .testimonial-slider .owl-stage-outer {padding: 20px 0;}
  .banner-box-3 {width: 99%;}
}

@media (min-width: 320px) and (max-width: 767px) {
  /* section spacing */
  .section-spacing {margin-bottom: 50px;}
  .f-40 {font-size: 24px;}
  .f-36 {font-size: 26px;}
  .f-34 {font-size: 24px;}
  .f-30 {font-size: 20px;}
  .f-22 {font-size: 16px;}
  .f-20 {font-size: 16px;}
  .f-18 {font-size: 14px;}
  .f-16 {font-size: 14px;}
  .f-14 {font-size: 14px;}
  /* marign bottom */
  .mb-35 {margin-bottom: 25px;}
  .mb-30 {margin-bottom: 20px;}
  .mb-25 {margin-bottom: 20px;}
  .mb-20 {margin-bottom: 15px;}
  .mb-15 {margin-bottom: 10px;}
  .mb-10 {margin-bottom: 10px;}
  .header-call-info a span {display: none;}
  .header-call-info a {margin: 0;}
  header nav .header-logo {max-width: 200px;}
  header nav .main-menu li {padding-left: 0;}
  .toggle {display: block !important;z-index: 6;top: 10px;}
  .closeMenu .toggle-icon::before {visibility: visible;opacity: 1;top: 0;transition: 0.3s linear;transform: rotate(135deg);background-color: #2C4074;}
  .closeMenu .toggle-icon::after {top: 0;transition: 0.3s linear;transform: rotate(42deg);background-color: #2C4074;}
  header nav .main-menu {flex-direction: column;position: absolute;top: 0;left: -100%;height: 100vh;width: 100%;justify-content: center;align-items: center;row-gap: 25px;transition: 0.3s;overflow: hidden;background-color: #ffffff;}
  header nav .main-menu li a {color: #2C4074;font-size: 16px;}
  header nav .main-menu li {padding-left: 0;}
  header nav .main-menu.show-menu {left: 0;z-index: 4;}
  .hero-banner-slider .item {flex-direction: column;}
  .hero-banner-slider .banner-content {width: 100%;padding: 20px;}
  .hero-banner-slider .item-image {width: 100%;margin-top: 20px;}
  .product-slide {flex-direction: column;}
  .about-description {margin-bottom: 25px;}
  .fix-left-col {padding: 30px;}
  .count-digit {font-size: 30px;}
  .count-title {font-size: 14px;}
  .products-banners {flex-wrap: wrap;}
  .nav-pills .common-btn {margin-bottom: 10px;padding: 12px;width: 100%;}
  .nav {margin-bottom: 0;}
  .item-bg {padding: 30px;}
  .client-profile {margin-top: 40px;}
  .contact-section {padding: 50px 0;}
  .form-section {padding: 30px;}
  .form-section h2 {margin-bottom: 20px;}
  .form-section p {margin-bottom: 20px;}
  .form-section a {margin-bottom: 20px;display: block;}
  .about-img {margin-bottom: 20px;}
  .image-content img {min-height: 260px;}
  .image-text-3 {left: 30px;}
  .industry-box {margin-bottom: 20px;}
  .industry-name {bottom: 20px;}
  .slider {padding: 30px;}
  .common-btn {font-size: 14px;padding: 7px 10px;}
  .about-text {bottom: 35px;}
  .banner-box {width: 100%;}
  .banner-box img {width: 100%;}
  .banner-box .box-image-3 {width: 100%;}
  .loaction {margin-bottom: 20px;}
  .owl-dots {padding-top: 20px;}
  .testimonial-slider .owl-dots {padding-top: 0;}
  .testimonial-slider .owl-stage-outer {padding: 20px 0;}
  /* inner banner paroducts */
  .inner-banner {padding: 50px 0;}
  .welcome-fm-care {padding: 30px 0;background-position: left;}
  .inner-menu {left: -90px;}

   /* .main-menu.show-menu iframe{
    height: 100vh;
  } */

.btms{display: block;}
.header-socical-media{display: none;}
.flag, .download{margin: 0;}
button.btn.btn-white {padding: 6px 20px;}
.inner-menu{display: none;}
.dropdown-links.closeMenu .inner-menu{display: block;}

.whatsapp{
  bottom: 20px;
  right: 20px;
}
.whatsapp img {
  max-width: 50px;
}

}