/*------------------------------------
# Responsive CSS
------------------------------------*/
@media (max-width: 374px){
  .header .logo img {
    max-height: 42px !important;
  }
  .header .btn-upcoming-stores, .header .btn-upcoming-stores:focus {
    margin: 0 7px;
    min-width: 116px;
    padding: 5px;
  }
  .searchbar-open .searchbar-input{
    width: 240px !important;
  }
  .searchbar-open{
    width: 240px !important;
    right: 19% !important;
  }
  .timeline-wrap ol {
    justify-content: space-around;
    padding: 0 !important;
  }
  .timeline-wrap ol li span {
    top: -11px !important;
    font-size: 14px !important;
  }
  .timeline-wrap li.active div {
    width: 300px;
  }
  .presence-tabs .nav-item .nav-link {
    width: 125px;
    margin: 0 7px;
    font-size: 14px;
  }
}
@media (max-width: 576px) { 
 .header .logo img {
  max-height: 49px;
}
.header .btn-upcoming-stores, .header .btn-upcoming-stores:focus {
  margin: 0 10px;
}
.main-hero-section {
  background-size: cover;
  background-position: 56%;
}
canvas {
  opacity: 0;
}
.image-expanding-card {
  margin-left: 0%;
  margin-top: 5%;
}
.image-expanding-card {
  width: 95vw;
}
.panel.active {
  flex: 10;
}
.PR-slider-wrap {
  height: auto;
  flex-direction: column;
}
.PR-slider-img {
  width: 100%;
}
.PR-slider-contect a {
  bottom: 7px;
}
.presence-tabs .nav-item .nav-link {
  margin: 8px 10px;
}
.presence-map{
  display: none;
}
.presence-tab-content {
  border-left: none;
  padding-left: 0;
  margin-top: 0;
  min-height: auto;
}
.logo-footer{
  margin-bottom: 20px;
  display: block;
}
.testimonial .carousel-item .quote-wrapper .testimonial-text{
  display: flex;
  flex-direction: column;
}
.testimonial .carousel-item .quote-wrapper .testimonial-text img{
  margin: 0 auto;
  margin-bottom: 10px;
  margin-right: auto !important;
}
.panel:not(.active) a {
  left: -1px;
  top: 13px;
  position: relative;
}
.image-expanding-card .panel {
  height: 60vh !important;
}
.panel.active h3 {    
  font-size: 27px;
  line-height: 36px;
}
.timeline-wrap ol {
  padding: 0 !important;
  justify-content: space-around;
}
.timeline-wrap ol li span {
  top: -9px !important;
  font-size: 16px !important;
}
.DT-slider-wrap {
  height: auto;
  margin-right: 0;
  flex-direction: column;
}
.DT-slider-contect {
  padding: 10px;
  height: auto;
  border-radius: 10px;
  margin-top: 10px;
  text-align: center;
}
.DT-slider-img {
  position: unset;
}
.DT-slider-img img {
  box-shadow: 0px 0px 11px 0px #999797;
}
.timeline-wrap li.active div {
  left: 0% !important; 
}
.job-list-wrap {
    flex-direction: column;
}
.job-list span {
    padding: 4px 11px;
    margin-right: 5px;
}
.job-list-button {
    margin-top: 10px;
}
.job-list-button .bi-arrow-up-right::before {
    transform: rotate(45deg);
}
.top-post-wrap, .right-content.top-post-wrap {
    height: 200px;    
    margin-bottom: 10px;
}
.right-content .main-post-content, .main-post-content {
    padding: 20px;
    max-width: 100%;
}
.right-content .main-post-content h2 a, .main-post-content h2 a {
    font-size: 23px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: normal;
}
.right-content .post-tag a, .post-tag a {
    margin-bottom: 5px;
}
.main-post-content a.default-btn, .blog-btn-small.default-btn {
    padding: 6px !important;
    font-size: 12px !important;
}
.blog-topic-links .nav-pills{
  flex-direction: row !important;
  margin-bottom: 10px;
}
.blog-topic-links .nav-item button {
    padding: 2px 5px;
        border: 1px solid var(--accent-color);
        margin: 5px;
        border-radius: 32px;
        font-size: 14px;
}
.blog-topic-links .nav-item button.active, .blog-topic-links .nav-item button.active:hover {
    font-size: 14px;
    padding-top:2px 5px;
}
.contact-form-wrap .section-title {
    margin-bottom:0px;
}
.contact-form-wrap  .col-md-5.col-xl-4{
  order: 2;
}
.contact-info {
    border-right: none;
    border-top: 2px solid #f3f3f3;
    margin-top: 40px;
    padding-top: 30px;
}
.contact-info li:last-child{
  margin-bottom: 0;
}
.our-clients #thumbs .item {
    height: auto;
  }

}

@media (max-width: 768px) {
  .header .navmenu {
    order: 4;
  }
  .btn-hd-search{
    order: 3;
  }
  .header .logo {
    margin-right:0;
  }
  .navmenu {
    width: auto;
  }
  .scroll-top{
    display: none !important;
  }
  .call-to-action h2 {
    font-size: 28px;
  }
  #benefits-wrap{
    padding-top: 0;
  }
  .icon-box-wrap {
    margin-bottom: 5px;
  }
  .icon-box {
    height: 90px;
    width: 90px;
  }
  .verticle-center-text {
    margin-top: 0em;
  }
  .partnering-success .content {
    margin-bottom: 30px;
  }
  .section-title.center-title p {
    max-width: 100%;
  }
  .testimonial .carousel-indicators.tabs{
    display: none;
  }
  .testimonial .carousel-indicators {
    bottom: -30px;
  }
  .testimonial .carousel-indicators [data-bs-target] {    
    width: 60px;
    list-style: none;
    height: 4px;
    margin-right: 5px;
    margin-left: 5px;
    background-color: #484848;
  }
  .footer .footer-links ul a {
    padding: 10px 8px;
  }
  .nav-divider{
    display:none;
  }
  .panel.active h3 a {
    font-size: 27px;
    line-height: 34px;
  }
  .testimonial .carousel-item .quote-wrapper .testimonial-text{
    display: flex;
  }
  .testimonial .carousel-item .quote-wrapper .testimonial-text img{
    height: 60px;
    margin-right: 30px;
  } 
  .searchbar-open .searchbar-input{
    width: 280px;
  }
  .searchbar-open{
    width: 280px;
    right: 25%;
  }
  .timeline-wrap ol {
    padding: 0 4em 0 4em;
  }
  .section-title h2 {
    font-size: 31px;
  }
  .DB-slider {
    flex-direction: column;
  }
  .DB-slider img {
    margin-right: 0;
  }
  .DB-slider .content h3 {
    font-size: 22px;
    text-align: center;
  }
  .DB-slider .content h4 {
    text-align: center;
  }
  .timeline-wrap {
    position: relative;
  }
  .timeline-wrap ol li {
    position: unset;
  }
  .timeline-wrap li.active div {
   left: 25%; 
 }
 .timeline-wrap li.active div:before {
  display: none;
}
.mainbanner {
  padding: 3em 0;
  margin-top: 4.4em;
}
.main-banner-content h1 {
  font-size: 2.5em;
}
.career-list-wrap .nav-tabs {
    justify-content: flex-start;
    padding-bottom: 20px;
}
.career-list-wrap .nav-item button {
    padding: 4px 14px;
    margin: 4px;
    font-size: 14px;
}
.blog-post-wrap{
  padding: 20px 0;
}
.post-section-title {
    margin-bottom: 10px;
}
.blog-topic-links .nav-item button {
    padding-right: 0;
}
.blog-topic-links .nav-item button.active, .blog-topic-links .nav-item button.active:hover {
    font-size: 16px;
}
.horizontal-post {
  flex-direction: column;
  margin-bottom: 20px;
}
.normal-post{
  margin-bottom: 20px;
}
.post-img {
    height: auto;
    width: 100%;
    margin-right: 0;
}
.post-content {
    width: 100%;
}
.right-content .main-post-content, .main-post-content {
    padding: 20px;
    max-width: 100%;
}
.right-content.top-post-wrap {
    height: 215px;
}
.top-post-wrap {
    height: 440px;
}
.contact-info {
    padding-right: 0px;
}
.contact-form {
    padding-left: 0;
}
}

@media (max-width: 1024px) { 
  .image-expanding-card .panel {
    height: 78vh;
  }
  .panel.active h3 {    
    font-size: 32px;
    line-height: 38px;
  }
  .mobile-down-menu{
    display: block;
  }
  .mega-down-menu{
    display: none;
  }
  .desktop-only{
    display: none;
  }
  .mobile-only{
    display: block;
  }
}

@media (min-width: 1200px) { 
  .mobile-down-menu{
    display: none !important;
  }
  .mobile-only{
    display: none;
  } 
  .footer .footer-links:nth-child(2) {
    margin-bottom: 0;
    border-bottom: 0 !important;
  }  
}

@media (min-width: 1400px) { 
   .container{
     max-width: 1235px;
   }
   .container-fluid{
    max-width: 95%;
  }
}