/* Small Mobile */
@media (max-width: 375px) {
  .logo {width: 150px;}
  .navbar{padding: 0 !important; height: 100px;}
  .navbar-brand {padding-left: 50px; height: 100px;}
  .navbar-brand::after {
    right: -75px;
    width: 0px;
    border-top: 0px solid transparent;
    border-bottom: 100px solid transparent;
    border-left: 75px solid var(--color-4b9ea6);
  }
  .navbar-collapse-end{display: none !important;}
  .navbar-collapse-end .nav-item.text-end{display: none !important;}
  .navbar-collapse-end .nav-item .button-one.primary{display: none !important;}
  .flag-border{ display: none;}
  .search-btn{margin-right: 25px;}

  .main-slider, .slider-item, .slider-item img, .slider-item video{ height: 500px;}
  .slider-text-box{width: 100%;}
  .slider-bottom{bottom: 40px;}
  .slider-social-media{padding: 5px 10px;font-size: 16px;}
  .slider-social-media a{margin: 0 10px;}
  .slider-bottom .fs-60{position: absolute; bottom: 30px;}

  .corporate-area {margin-top: -17%;}
  .wp-button{padding: 10px 20px; min-width: 340px;}
  .wp-chat{width: 340px; padding-bottom: 20px; bottom: 35px;}
  .wp{width: 310px;}

  .category-card{height: 400px;}
  .category-text{height: 350px;}
  .category-img{width: 200px !important;}

  .corporate-card{width: 100%;border-radius: 45px !important;position: relative;}
  .corporate-img{border-radius: 30px; height: 250px;}

  .parallax-card{width: 90%;  border-radius: 45px !important;}

  .documents-area .text-white{color: var(--color-4b9ea6) !important;}
  .files-prev{border: 1px solid var(--color-4b9ea6);background-color: var(--color-4b9ea6);}
  .files-prev svg{fill: var(--color-ffffff);}

  footer .logo {width: 200px;}
}

/* Mobile */
@media (min-width: 376px) and (max-width: 575px) {
  .logo {width: 150px;}
  .navbar{padding: 0 !important; height: 100px;}
  .navbar-brand {padding-left: 50px; height: 100px;}
  .navbar-brand::after {
    right: -75px;
    width: 0px;
    border-top: 0px solid transparent;
    border-bottom: 100px solid transparent;
    border-left: 75px solid var(--color-4b9ea6);
  }
  .navbar-collapse-end{display: block !important; position: absolute; right: 12%;}
  .navbar-collapse-end .nav-item.text-end{display: none;}
  .navbar-collapse-end .nav-item .button-one.primary{display: none;}
  .search-btn{margin-right: 45px;}

  .main-slider, .slider-item, .slider-item img, .slider-item video{ height: 500px;}
  .slider-text-box{width: 100%;}
  .slider-bottom{bottom: 40px;}
  .slider-social-media{padding: 5px 10px;font-size: 16px;}
  .slider-social-media a{margin: 0 10px;}
  .slider-bottom .fs-60{position: absolute; bottom: 30px;}

  .corporate-area {margin-top: -17%;}
  .wp-button{padding: 10px 20px; min-width: 340px;}
  .wp-chat{width: 340px; padding-bottom: 20px; bottom: 35px;}
  .wp{width: 310px;}

  .category-card{height: 400px;}
  .category-text{height: 350px;}
  .category-img{width: 200px !important;}

  .corporate-card{width: 100%;border-radius: 45px !important;position: relative;}
  .corporate-img{border-radius: 30px; height: 250px;}

  .parallax-card{width: 90%;  border-radius: 45px !important;}

  .documents-area .text-white{color: var(--color-4b9ea6) !important;}
  .files-prev{border: 1px solid var(--color-4b9ea6);background-color: var(--color-4b9ea6);}
  .files-prev svg{fill: var(--color-ffffff);}

  .sub-category {position: static;display: none;min-width: 100%;}
  .has-sub:hover > .sub-category {display: none;}
  .has-sub.active > .sub-category {display: block;}

  .has-sub > a::after { font-family: "Font Awesome 6 Free"; content: "\f078"; float: right; margin-left: 10px; }

  footer .logo {width: 200px;}
}

/* Large mobile */
@media (min-width: 576px) and (max-width: 767px) {
  .search-btn{margin-right: 40px;}
  .logo {width: 150px;}
  .navbar{padding: 0 !important; height: 100px;}
  .navbar-brand {padding-left: 50px; height: 100px;}
  .navbar-brand::after {
    right: -75px;
    width: 0px;
    border-top: 0px solid transparent;
    border-bottom: 100px solid transparent;
    border-left: 75px solid var(--color-4b9ea6);
  }
  .navbar-collapse-end{display: block !important; position: absolute; right: 10%; }
  .navbar-collapse-end .nav-item .button-one.primary{display: none;}

  .main-slider, .slider-item, .slider-item img, .slider-item video{ height: 730px;}
  .slogan{left: 25%;}
  .slider-social-media{padding: 5px 10px;font-size: 16px;}
  .slider-social-media a{margin: 0 10px;}

  .category-card{height: 400px;}
  .category-text{height: 350px;}
  .category-img{width: 190px !important;}
  .corporate-card, .parallax-card{width: 50%;  border-radius: 45px !important;}
  .corporate-img{border-radius: 30px; }

  .corporate-card, .parallax-card{width: 50%;}
  footer .logo {width: 200px}
}

/* Tablet */
@media (min-width: 768px) and (max-width: 991px) {
  .logo {width: 150px;}
  .navbar{padding: 0 !important; height: 100px;}
  .navbar-brand {padding-left: 50px; height: 100px;}
  .navbar-brand::after {
    right: -75px;
    width: 0px;
    border-top: 0px solid transparent;
    border-bottom: 100px solid transparent;
    border-left: 75px solid var(--color-4b9ea6);
  }
  .navbar-collapse-end{display: block !important; position: absolute; right: 10%; }
  .navbar-collapse-end .nav-item .button-one.primary{padding: 5px 15px; margin-left: 5px;}

  .main-slider, .slider-item, .slider-item img, .slider-item video{ height: 730px;}
  .slogan{left: 25%;}
  .slider-social-media{padding: 5px 10px;font-size: 16px;}
  .slider-social-media a{margin: 0 10px;}

  .corporate-img{border-radius: 30px; }

  .category-card{height: 400px;}
  .category-text{height: 350px;}
  .category-img{width: 190px !important;}
  .corporate-card, .parallax-card{width: 50%;  border-radius: 45px !important;}
  footer .logo {width: 200px}
}

/* Small desktop */
@media (min-width: 992px) and (max-width: 1199px) {
  .navbar{padding: 0 !important;}
  .navbar-brand {padding-left: 50px;}
  .navbar-brand::after {
    right: -75px;
    width: 0px;
    border-top: 0px solid transparent;
    border-bottom: 150px solid transparent;
    border-left: 75px solid var(--color-4b9ea6);
  }

  .navbar-collapse-end{display: block !important; position: absolute; right: 10%; }
  .navbar-collapse-end .nav-item .button-one.primary{padding: 5px 15px; margin-left: 5px;}

  .main-slider, .slider-item, .slider-item img, .slider-item video{ height: 730px;}
  .slider-social-media{padding: 5px 10px;font-size: 16px;}
  .slider-social-media a{margin: 0 10px;}

  .corporate-card, .parallax-card{width: 50%; border-radius: 45px !important;}
  footer .logo {width: 200px}
}

/* Laptop */
@media (min-width: 1200px) and (max-width: 1439px) {
  .logo {width: 180px;}
  .navbar-collapse-end .nav-item.text-end{display: none;}
  .navbar-collapse-end .nav-item .button-one.primary{padding: 5px 15px; margin-left: 5px;}
  .search-btn{margin-right: -10px;}
  .navbar .nav-item {padding: 0; font-size: 12px;}
  .navbar-expand-xl .navbar-nav .nav-link {padding-right: 3px; padding-right: 3px;}
  .navbar-brand {padding-left: 50px;}
  .navbar-brand::after {
    right: -75px;
    width: 0px;
    border-top: 0px solid transparent;
    border-bottom: 150px solid transparent;
    border-left: 75px solid var(--color-4b9ea6);
  }

  .corporate-card{width: 100%;}
  .parallax-card{width: 100%;}
}


@media (min-width: 1440px) and (max-width: 1779px) {
  .logo {width: 200px;}
  .navbar .nav-item {padding: 0 5px; font-size: 13px;}
  .navbar-expand-xl .navbar-nav .nav-link {padding-right: 3px; padding-right: 3px;}
  .navbar-brand {padding-left: 50px;}
  .navbar-brand::after {
    right: -75px;
    width: 0px;
    border-top: 0px solid transparent;
    border-bottom: 150px solid transparent;
    border-left: 75px solid var(--color-4b9ea6);
  }
  .nav-icon-left {transform: translateX(-5px);}
  .nav-icon-right {transform: translateX(5px);}
  .search-btn{margin-right: -15px;}

  .corporate-card{width: 75%;}
  .parallax-card{width: 67%;}

  .custom-breadcrumb::after {
    left: -30px;
    width: 0px;
    border-top: 38px solid transparent;
    border-bottom: 0px solid transparent;
    border-right: 30px solid var(--color-DFF2F7);
  }
}

/* 2K */
@media (min-width: 1920px) and (max-width: 2559px) {
  .corporate-img{
    position: relative;
    width: 150%;
    left: -50%;
  }
  .parallax-card .divider{width: 25% !important;}
}

/* 4K */
@media (min-width: 2560px) and (max-width: 3839px) {
  .corporate-img{
    position: relative;
    width: 130%;
    left: -30%;
  }
  .parallax-card .divider{width: 25% !important;}
}

/* Ultra-wide */
@media (min-width: 3840px) {
  .corporate-img{
    position: relative;
    width: 130%;
    left: -30%;
  }
  .parallax-card .divider{width: 20% !important;}
}