/* Small Mobile */
@media (max-width: 375px) {
  .navbar{background-color: var(--color-DBDBDB) !important; position: relative !important;}
  .logo {width: 200px;padding-left: 10%;}

  .category-name-path{
    clip-path: path("M0 9.61877 C0 4.30647 2.31 0 5.15 0 H250 L210 56  H5.15 C0 56 0 51.6935 0 46.3812 V9.61877 Z");
    width: 250px;
  }

  .main-slider, .slider-item, .slider-item img, .slider-item video{ height: 40vh; overflow: hidden;}
  .slider-text-box{width: 75%; bottom: 30%;}
  .slider-bottom{bottom: 30px;}

  .btn-one { padding: 3px 5px; border-radius: 1.5px; }
  .btn-two { padding: 3px 5px; }
  .button-square { width: 30px; height: 30px; border-radius: 1.5px; } 

  .search-form input{padding: 0px 5px; height: 40px;}

  .corporate-top{ position: relative; z-index: 2; width: 70%; left: 30% !important; top: -20%;}

  .product-slider{width: 100%; height: 400px;}
  .product-slider .button-square.p-slider-prev{ right: calc(5% + 40px); }
  .product-slider .row img{ max-height: 300px; width: 100%; object-fit: contain; }

  .parallax-container {height: 400px;}

  .header-margin{margin-top: 60px;}

  .catalog-card{height: 330px;}

  .contact-form input{height: 45px;padding: 0 0 0 20px;}

  .footer-social-media.fs-20{font-size: 22px !important;}
}

/* Mobile */
@media (min-width: 376px) and (max-width: 767px) {
  .navbar{background-color: var(--color-DBDBDB) !important; position: relative !important;}
  .logo {width: 200px;padding-left: 10%;}

  .category-name-path{
    clip-path: path("M0 9.61877 C0 4.30647 2.31 0 5.15 0 H250 L210 56  H5.15 C0 56 0 51.6935 0 46.3812 V9.61877 Z");
    width: 250px;
  }

  .main-slider, .slider-item, .slider-item img, .slider-item video{ height: 40vh; overflow: hidden;}
  .slider-text-box{width: 75%; bottom: 30%;}
  .slider-bottom{bottom: 30px;}

  .search-form input{padding: 0px 5px; height: 40px;}

  .corporate-top{ position: relative; z-index: 2; width: 70%; left: 30% !important; top: -20%;}

  .product-slider{width: 100%; height: 400px;}
  .product-slider .button-square.p-slider-prev{ right: calc(5% + 50px); }
  .product-slider .row img{ max-height: 300px; width: 010%; object-fit: contain; }

  .parallax-container {height: 400px;}

  .btn-one { padding: 5px 10px; border-radius: 2.5px; }
  .btn-two { padding: 5px 10px; }
  .button-square { width: 40px; height: 40px; border-radius: 2px; }

  .header-margin{margin-top: 70px;}

  .catalog-card{height: 330px;}

  .contact-form input{height: 45px;padding: 0 0 0 20px;}

  .footer-social-media.fs-20{font-size: 22px !important;}
}


/* Tablet */
@media (min-width: 768px) and (max-width: 991px) {
  .navbar {position: relative !important;}
  .logo-area{ height: 100px; width: 300px; margin-top: -8px; clip-path: polygon(0 0, 100% 0%, 78% 100%, 0% 100%);}
  .logo {width: 200px;} 
  .menu-line{ left: -370px; position: relative; z-index: 2; margin-top: -8px;}
  .navbar-toggler {right: 5%; position: absolute; background-color: var(--color-DBDBDB) !important;}
  
  .category-name-path{
    clip-path: path("M0 9.61877 C0 4.30647 2.31 0 5.15 0 H250 L210 56  H5.15 C0 56 0 51.6935 0 46.3812 V9.61877 Z");
    width: 250px;
  }

  .main-slider, .slider-item, .slider-item img, .slider-item video{ height: 50vh; overflow: hidden;}
  .slider-text-box{width: 75%; bottom: 30%;}
  .slider-bottom{bottom: 30px;}

  .search-form input{padding: 0px 5px;}

  .corporate-top{ position: relative; z-index: 2; width: 70%; left: 30% !important; top: -20%;}

  .product-slider{width: 100%; height: 400px;}
  .product-slider .button-square.p-slider-prev{ right: calc(5% + 50px); }
  .product-slider .row img{ max-height: 300px; width: 010%; object-fit: contain; }

  .parallax-container {height: 400px;}

  .btn-one { padding: 8px 16px; border-radius: 4px; }
  .btn-two { padding: 8px 16px; }
  .button-square { width: 48px; height: 48px; border-radius: 4px; }
  .header-margin{margin-top: 70px;}
 
  .contact-form input{height: 50px;padding: 0 0 0 20px;}
}

/* Small desktop */
@media (min-width: 992px) and (max-width: 1199px) {
  .navbar {position: relative !important;}
  .logo-area{ height: 100px; width: 300px; margin-top: -8px; clip-path: polygon(0 0, 100% 0%, 78% 100%, 0% 100%);}
  .logo {width: 200px;} 
  .menu-line{ left: -370px; position: relative; z-index: 2; margin-top: -8px;}
  .navbar-toggler {right: 5%; position: absolute; background-color: var(--color-DBDBDB) !important;}
  
  .category-name-path{
    clip-path: path("M0 9.61877 C0 4.30647 2.31 0 5.15 0 H250 L210 56  H5.15 C0 56 0 51.6935 0 46.3812 V9.61877 Z");
    width: 250px;
  }

  .main-slider, .slider-item, .slider-item img, .slider-item video{ height: 50vh; overflow: hidden;}
  .slider-text-box{width: 75%; bottom: 30%;}
  .slider-bottom{bottom: 30px;}

  .search-form input{padding: 0px 5px;}

  .corporate-top{ position: relative; z-index: 2; width: 70%; left: 30% !important; top: -20%;}

  .product-slider{width: 100%; height: 400px;}
  .product-slider .button-square.p-slider-prev{ right: calc(5% + 50px); }
  .product-slider .row img{ max-height: 300px; width: 010%; object-fit: contain; }

  .parallax-container {height: 400px;}

  .btn-one { padding: 10px 20px; border-radius: 5px; }
  .btn-two { padding: 10px 20px; }
  .button-square { width: 50px; height: 50px; border-radius: 5px; }


  .header-margin{margin-top: 70px;}
}

/* Laptop */
@media (min-width: 1200px) and (max-width: 1439px) {
  .btn-one { padding: 11px 22px; border-radius: 6px; }
  .btn-two { padding: 11px 22px; }
  .button-square { width: 52px; height: 52px; border-radius: 6px; }
  
}


@media (min-width: 1440px) and (max-width: 1779px) {
  .btn-one { padding: 12px 25px; border-radius: 7px; }
  .btn-two { padding: 12px 25px; }
  .button-square { width: 56px; height: 56px; border-radius: 7px; }
}

/* 2K */
@media (min-width: 1920px) and (max-width: 2559px) {
  .btn-one { padding: 12px 25px; border-radius: 7px; }
  .btn-two { padding: 12px 25px; }
  .button-square { width: 60px; height: 60px; border-radius: 7px; }
}

/* 4K */
@media (min-width: 2560px) and (max-width: 3839px) {
  .btn-one { padding: 15px 30px; border-radius: 9px; }
  .btn-two { padding: 15px 30px; }
  .button-square { width: 70px; height: 70px; border-radius: 9px; }
}

/* Ultra-wide */
@media (min-width: 3840px) {
  .btn-one { padding: 18px 36px; border-radius: 11px; }
  .btn-two { padding: 18px 36px; }
  .button-square { width: 80px; height: 80px; border-radius: 11px; }
}