/* @media (min-width: 1401px) {
  .container { max-width: 1200px;}
} */

/* ==========================================================================
    (Medium Desktop, 1400px and up)*
    ========================================================================== */
@media (max-width: 1400px) {
   .home-top-category-block { min-height: 955px;}
   .bottom-contact { font-size: 24px;}
   .footer-main-block { padding: 30px;}
   .address-list li { padding-left: 80px;}
}
 
 
/* ==========================================================================
   *Medium devices (tablets, 1200px and down)*
   ========================================================================== */
@media (max-width: 1200px) {
   .banner-text h1 { font-size: 6.5rem;}
   .banner { min-height: 560px;}
   .banner-item { min-height: 650px;}
   .home-category-box-body { padding: 20px;}
   .home-top-category-block { min-height: 845px;}
   .padding-style1 { padding: 70px 0;}
   .about-top-card { padding: 50px;}
   .icon-card-box,
   .image-card-box { padding: 40px;}
   .icon-card-box { padding-bottom: 80px;}
}
@media (min-width:1200px) and (max-width: 1366px) { 

   .card-style2 .round::after{margin: 0 0 0 288px;}
}
@media (min-width: 992px) and (max-width: 1199.98px) { 
   .banner-inner-style{background-position: center !important;}
   .navbar-nav li {
      margin: 0 10px;
    }
    .navbar-nav .nav-link{font-size: 16px;}
 }


/* ==========================================================================
   *Medium devices (tablets, 991px and down)*
   ========================================================================== */
 @media (max-width: 991px) {
   section { padding: 50px 0;}
   body{overflow-x: hidden;}
   h2 {
      font-size: 40px;
    }
    h4{font-size: 26px;}
    h5 {
      font-size: 24px;
    }

   .header .navbar-brand img{width: 120px;}
   .navbar-toggler{padding: 0px; border: none; }
   /* .navbar-toggler .collapsed.navbar-toggler-icon{background: url(../img/menu1.svg) no-repeat !important; outline: none; background-size: 25px; margin-top: 15px;}
   .navbar-toggler .navbar-toggler-icon{background: url(../img/menu.svg) no-repeat; outline: none; background-size: 25px; margin-top: 15px;} */
   .navbar-nav li {
      margin: 0 0;
      border-bottom: 1px solid #18b5a1;
    }
    .navbar-nav .nav-link{width: 100%;}
    .navbar-nav{margin: 20px 0;}

    

    .navbar-toggler .icon-bar {
      display: block;
      width:30px;
      height: 2px;
      border-radius: 1px;
      background-color: #fff;
    }

    .navbar-toggler .icon-bar:nth-of-type(2) {
      top: 1px;
 }
 
 .navbar-toggler .icon-bar:nth-of-type(3) {
      top: 2px;
 }
 
 .navbar-toggler .icon-bar {
      position: relative;
      transition: all 500ms ease-in-out;
      display: block;
      margin: 5px 0;
 }
 
 .navbar-toggler.active .icon-bar:nth-of-type(1) {
      top: 6px;
      transform: rotate(45deg);
 }
 
 .navbar-toggler.active .icon-bar:nth-of-type(2) {
      background-color: transparent;
 }
 
 .navbar-toggler.active .icon-bar:nth-of-type(3) {
      top: -8px;
      transform: rotate(-45deg);
 }



 .banner-inner-style{height: auto; min-height: 580px; background-position: center !important;}
 .statics-number{margin: 0;}
 .banner-inner-style{align-items: end;
   margin-bottom: 0;
   padding-bottom: 50px;
 
}
.banner-inner-style h1, .banner-inner-style p{color: var(--dark-blue-500)}
.btns{display: none;}
.statics-number{display: block; background: none !important;}
.statics-number .track {
   width: 100%;
   position: relative;
 }
 .statics-number .number {
   width: 100%;
   padding: 0 3px;
   margin: 13px 0 0 0;

 }
.tracking-block{background-color: var(--dark-blue-500);}
.statics-number{padding: 25px 0;}
.statics-number .number ul li{text-align: center; margin: 0px; padding: 0 10px;}
.statics-number .number ul li h3{font-size: 20px;}
.service-item img{width: 100%;}
.service-item .over {
   width: 100%;
   height: 100%;
   background: rgb(0,96,114);
background: -moz-linear-gradient(0deg, rgba(0,96,114,1) 0%, rgba(0,169,143,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,96,114,1) 0%, rgba(0,169,143,0) 100%);
background: linear-gradient(0deg, rgba(0,96,114,1) 0%, rgba(0,169,143,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#006072",endColorstr="#00a98f",GradientType=1);
   position: absolute;
   z-index: 99999;
   text-align: center;

 }
 .service-item .over .inner-block2{bottom: 15px; position: absolute;   padding: 10px;}
 .service-item .over .inner-block2 h4{color: var(--white); font-weight: 600; font-size: 20px;}
 
 .mob-hide-block{display: none;}



 .banner-slider .owl-nav button {
   position: absolute;
   top: 50%;
   background-color: #000;
   color: #fff;
   margin: 0;
   transition: all 0.3s ease-in-out;
 }
 .banner-slider .owl-nav button.owl-prev {
   left: 0;
 }
 .banner-slider .owl-nav button.owl-next {
   right: 0;
 }
 
 .banner-slider .owl-dots {
   text-align: center;
   padding-top: 0;
   bottom: -42px;
   padding-bottom: 40px;
   margin-top: -40px;
   position: absolute;
   margin: 0px auto;
   text-align: center;
   right: 0;
   left: 0;
   bottom: -20px;
 }
 .banner-slider .owl-dots button.owl-dot {
   width: 10px;
   height: 10px;
   border-radius: 50%;
   display: inline-block;
   background: var(--white);
   margin: 0 3px;
 }
  .banner-slider .owl-dots button.owl-dot.active {
   background-color: var(--dark-blue-500);
 }
 .banner-slider .owl-dots button.owl-dot:focus {
   outline: none;
 }
 .banner-slider .owl-nav button {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     background: rgba(255, 255, 255, 0.38) !important;
 }
 .banner-slider span {
     font-size: 70px;    
     position: relative;
     top: -5px;
 }
 .banner-slider .owl-nav button:focus {
     outline: none;
 }

 .card-style2{margin: 0px auto 40px;}
 .card-style2 .round::after{display: none;}

 .service-slider .owl-dots {
   text-align: center;
   padding-top: 0;
   bottom: -42px;
   padding-bottom: 0;
   margin-top: -40px;
   position: absolute;
   margin: 0px auto;
   text-align: center;
   right: 0;
   left: 0;
   bottom: -20px;
 }
 .service-slider .owl-dots button.owl-dot {
   width: 10px;
   height: 10px;
   border-radius: 50%;
   display: inline-block;
   background: var(--white);
   margin: 0 3px;
 }
 .service-slider .owl-dots button.owl-dot.active {
   background-color:var(--light-blue-500);
 }
 .service-slider .owl-dots button.owl-dot:focus {
   outline: none;
 }
 .banner-slider .owl-nav button {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     background: rgba(255, 255, 255, 0.38) !important;
 }
 .service-slider span {
     font-size: 70px;    
     position: relative;
     top: -5px;
 }
 .service-slider .owl-nav button:focus {
     outline: none;
 }

 .partners img {
   width: 100% !important;
 }
 .request-form .inner{padding: 25px;}
 .request-form input {
   margin-bottom: 15px;
   height: 45px;
 }
 .request-form input, .request-form textarea
 {border-radius: 5px;}
 .tickerwrapper{font-size:22px;}
 .layer-scrolling{height: 55px;margin: -75px 0 0 0;}
 .layer-green{height: 65px;}
 .end-logistics p{font-size: 16px;}
 .card-style3{padding: 30px;}
 .help-block {
   padding: 50px 0;
   padding-bottom: 50px;
   background-position: 520px 10px !important;
 }
 .help-contant {
   margin: 50px 0 50px 0;
 }
 footer{background: var(--dark-blue-500) !important;}
 .footer-about{text-align: left; margin-bottom: 25px;}
 .quick-link ul {
   width: 50%;
 }
 ul.social-media {
   margin: 0;
 }
 ul.social-media li a{width: 40px; height: 40px;}
 ul.social-media li a {
   color: var(--white);
   font-size: 18px;
 }
 ul.social-media li {
   margin-right: 7px;
 }
 .footer-right {
   padding-left: 0;
   padding-top: 30px;
 }
 footer ul.link li a{font-size: 16px;}
 footer{padding: 40px 0;}
 .section-spacing {
   padding: 40px 0;
 }
 .service-block p{font-size: 16px;}


   .dropdown-menu.mega-menu {
        position: static !important;
        max-height: 70vh;   /* limit height */
        overflow-y: auto;   /* allow scrolling */
        padding: 0px;
      }

      .navbar-collapse {
        max-height: 80vh;   /* limit height */
        overflow-y: auto;   /* enable vertical scroll */
      }
      .dropdown-menu-inner{margin: 0px;}


 }
 

@media (min-width: 767px) {
 .desk-on{display: block;}

}
/* ==========================================================================
   *Small devices (landscape phones, less than 768px)*
   ========================================================================== */ 
@media (max-width: 767px) {
   section { padding: 40px 0;}
   h1{font-size: 35px;}
   h2{font-size: 30px;}
   h3{font-size: 25px;}
   h4 {font-size:20px;}
   h5{font-size: 18px;}

   p{font-size: 16px;}

   .btn-style-border{font-size: 16px; padding: 10px 20px;}
   .title1-bold{font-size: 20px;}
   .title2{font-size: 18px;}
   .card-style1 p{font-size: 16px;}

   .banner-inner-style p {
      font-size: 16px;
    }
    .about-block{background-color: #dffffb;}
   
   .header .navbar-brand img{width: 120px;}
   .navbar-toggler{padding: 0px; border: none; }
   /* .navbar-toggler .collapsed.navbar-toggler-icon{background: url(../img/menu1.svg) no-repeat !important; outline: none; background-size: 25px; margin-top: 15px;}
   .navbar-toggler .navbar-toggler-icon{background: url(../img/menu.svg) no-repeat; outline: none; background-size: 25px; margin-top: 15px;} */
   .navbar-nav li {
      margin: 0 0;
      border-bottom: 1px solid #18b5a1;
    }
    .navbar-nav .nav-link{width: 100%;}
    .navbar-nav{margin: 20px 0;background: linear-gradient(113deg, rgba(168, 32, 47, 1) 0%, rgba(9, 14, 54, 1) 100%); z-index: 9999999; position: relative; width: 100%;}

    

    .navbar-toggler .icon-bar {
      display: block;
      width:30px;
      height: 2px;
      border-radius: 1px;
      background-color: #fff;
    }

    .navbar-toggler .icon-bar:nth-of-type(2) {
      top: 1px;
 }
 
 .navbar-toggler .icon-bar:nth-of-type(3) {
      top: 2px;
 }
 
 .navbar-toggler .icon-bar {
      position: relative;
      transition: all 500ms ease-in-out;
      display: block;
      margin: 5px 0;
 }
 
 .navbar-toggler.active .icon-bar:nth-of-type(1) {
      top: 6px;
      transform: rotate(45deg);
 }
 
 .navbar-toggler.active .icon-bar:nth-of-type(2) {
      background-color: transparent;
 }
 
 .navbar-toggler.active .icon-bar:nth-of-type(3) {
      top: -8px;
      transform: rotate(-45deg);
 }


 .banner-inner-style{height: auto; min-height: 580px; background-position: center !important;}
 .statics-number{margin: 0;}
 .banner-inner-style{align-items: end;
   margin-bottom: 0;
   padding-bottom: 50px;
 
}
.banner-inner-style h1, .banner-inner-style p{color: var(--white);}
.btns{display: none;}
.statics-number{display: block; background: none !important;}
.statics-number .track {
   width: 100%;
   position: relative;
 }
 .statics-number .number {
   width: 100%;
   padding: 0 3px;
   margin: 13px 0 0 0;

 }
.tracking-block{background-color: var(--dark-blue-500);}
.statics-number{padding: 25px 0;}
.statics-number .number ul li{text-align: center; margin: 0px; padding: 0 10px;}
.statics-number .number ul li h3{font-size: 20px;}
.service-item img{width: 100%;}
.service-item .over {
   width: 100%;
   height: 100%;
   background: rgb(0,96,114);
background: -moz-linear-gradient(0deg, rgba(0,96,114,1) 0%, rgba(0,169,143,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,96,114,1) 0%, rgba(0,169,143,0) 100%);
background: linear-gradient(0deg, rgba(0,96,114,1) 0%, rgba(0,169,143,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#006072",endColorstr="#00a98f",GradientType=1);
   position: absolute;
   z-index: 99999;
   text-align: center;

 }
 .service-item .over .inner-block2{bottom: 20px; position: absolute;   padding: 25px;}
 .service-item .over .inner-block2 h4{color: var(--white); font-weight: 600;}
 .mob-hide-block{display: none;}



 .banner-slider .owl-nav button {
   position: absolute;
   top: 50%;
   background-color: #000;
   color: #fff;
   margin: 0;
   transition: all 0.3s ease-in-out;
 }
 .banner-slider .owl-nav button.owl-prev {
   left: 0;
 }
 .banner-slider .owl-nav button.owl-next {
   right: 0;
 }
 
 .banner-slider .owl-dots {
   text-align: center;
   padding-top: 0;
   bottom: -42px;
   padding-bottom: 40px;
   margin-top: -40px;
   position: absolute;
   margin: 0px auto;
   text-align: center;
   right: 0;
   left: 0;
   bottom: -20px;
 }
 .banner-slider .owl-dots button.owl-dot {
   width: 10px;
   height: 10px;
   border-radius: 50%;
   display: inline-block;
   background: var(--white);
   margin: 0 3px;
 }
  .banner-slider .owl-dots button.owl-dot.active {
   background-color: var(--dark-blue-500);
 }
  .banner-slider .banner-slider .owl-dots button.owl-dot:focus {
   outline: none;
 }
 .banner-slider .owl-nav button {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     background: rgba(255, 255, 255, 0.38) !important;
 }
 .banner-slider span {
     font-size: 70px;    
     position: relative;
     top: -5px;
 }
 .banner-slider .owl-nav button:focus {
     outline: none;
 }

 .card-style2{margin: 0px auto 40px;}
 .card-style2 .round::after{display: none;}








 .service-slider .owl-dots {
   text-align: center;
   padding-top: 0;
   bottom: -42px;
   padding-bottom: 0;
   margin-top: -40px;
   position: absolute;
   margin: 0px auto;
   text-align: center;
   right: 0;
   left: 0;
   bottom: -20px;
 }
 .service-slider .owl-dots button.owl-dot {
   width: 10px;
   height: 10px;
   border-radius: 50%;
   display: inline-block;
   background: var(--white);
   margin: 0 3px;
 }
 .service-slider .owl-dots button.owl-dot.active {
   background-color:var(--light-blue-500);
 }
 .service-slider .owl-dots button.owl-dot:focus {
   outline: none;
 }
 .banner-slider .owl-nav button {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     background: rgba(255, 255, 255, 0.38) !important;
 }
 .service-slider span {
     font-size: 70px;    
     position: relative;
     top: -5px;
 }
 .service-slider .owl-nav button:focus {
     outline: none;
 }

 .partners img {
   width: 100% !important;
 }
 .request-form .inner{padding: 25px;}
 .request-form input {
   margin-bottom: 15px;
   height: 45px;
 }
 .request-form input, .request-form textarea
 {border-radius: 5px;}
 .tickerwrapper{font-size:22px;}
 .layer-scrolling {
   height: auto;
   margin: -53px 0 0 0;
 }
 .layer-scrolling{transform: rotate(0deg);}
 .scrolling-outer{overflow: hidden;}
 .layer-green{height: 65px;}
 .end-logistics p{font-size: 16px;}
 .card-style3{padding: 30px;}
 .help-block{background-image: none !important; padding: 50px 0;}
 .help-contant {
   margin: 50px 0 50px 0;
 }
 footer{background: var(--dark-blue-500) !important;}
 .footer-about{text-align: center; margin-bottom: 25px;}
 .quick-link ul {
   width: 50%;
 }
 ul.social-media {
   margin: 0;
 }
 ul.social-media li a{width: 40px; height: 40px;}
 ul.social-media li a {
   color: var(--white);
   font-size: 18px;
 }
 ul.social-media li {
   margin-right: 7px;
 }
 .footer-right {
   padding-left: 0;
   padding-top: 30px;
 }
 footer ul.link li a{font-size: 16px;}
 footer{padding: 40px 0 0 0;}
 .section-spacing {
   padding: 40px 0;
 }

 ul.statics-number1 li {
  display: inline-table;
  margin: 0 5px;
  text-align: center;
  width: 40%;
}
.statics-number1 h3{font-size: 30px;}
.card-style4{text-align: left; }
.card-style4 .content {
  padding: 25px;
}
.card-style4{height: auto; min-height: auto;}
.card-style4 span{height: 170px;}
.card-style4 .round{margin: 0px auto 20px;}
.request-quote .mob-number h5{font-size: 20px;}
.request-quote a img{width: 40px;}
.request-quote .mob-number span{margin-left: 0;}
.service-banner{height:200px;}
.service-banner{background-position: right !important;}
.request-quote .mob-number span{margin-right: 0;}
.contact-page .service-banner{background-position: -48% 0 !important;}
.card-style-5 .action b{font-size: 18px;}

.card-style-5 .action .round{width: 60px; height: 60px;}
.discover-block{margin: 0px auto; display: block;}
.trusted-box {
  margin-left: 0;
  display: block;
  text-align: center;
  padding: 20px 0;
}
.trusted-box p i {
  display: inline;
  font-style: normal;
  text-align: center;
}
.trusted-box p{font-size: 16px;}
.trusted-box ul {
  margin-right: 0;
  margin-bottom: 10px;
}
.line-banner ul li{width: 30%;}
.line-banner ul li::after{right: -23px;width: 35px;}
.line-banner ul li:nth-child(2)::after {
  right: -14px;
}
.top-banner-inside{padding-bottom: 0;}
.line-banner ul li:nth-child(3) img{width: 100px;}
.statics-no{padding: 10px;}
.round-btn{width: 50px;height: 50px;}
.about-contant .inside-box {
  padding: 35px 15px 15px 15px;
}
header {
  padding: 0;
}
.btn-gradient{font-size: 16px;}
.about-contant .contant-text {
  padding: 25px 0 0 0;
}
.about-contant .contant-text h4{margin: 0px; text-align: center;}
.award-block .how-doing {
  display: block;
  align-items: center;
}
.how-doing .first-box {
  width: 100%;
}
.working-process {
  margin: 40px auto 0;
  text-align: center;
}
.working-process .success-box {
  text-align: center;
  padding: 0 30px;
  margin: 25px auto;
}
.working-process .success-box .success-round{margin: 10px auto;}
.services-item .left-icon {
  width: 100%;
  display: block;
}
.services-item{display: block; padding: 30px; position: relative;}
.services-item .content-text {
  padding: 25px 0 0 0;
}

.right-position {
  float: right;
  clear: flex;
  position: absolute;
  top: 20px;
  right: 20px;
}
.case-studies-slider .content{padding: 40px;}
.case-studies-slider .brand-name {
  position: relative;
  bottom: inherit;
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.case-studies-slider{background-color: inherit;}
.case-studies{text-align: center;}
ul.tech-icons li{padding: 8px; width: auto; text-align: center; display: flex; height: 125px; align-items: center; justify-content: center;}
.case-studies-slider .content{text-align: left;}
.clients-say{margin-top: 0;}
ul.tech-icons li span{display: block;}
.clients-say::after{display: none;}
.clients-say::before{display: block; top:90px; left: 0;}
.clients-say{padding: 45px 0;}
.client-name p{margin: 0px;}

.latest-blog-slider .owl-item img{width: auto !important;}
.card-style1 .date{display: flex;}
.card-style1 {background-color: var(--white);}
.title-description{padding:15px 25px 25px 25px;}
.card-style1 h4{font-size: 25px;}
.card-style1 img {
  border-radius: 0;
}
.top-banner-inside{background-size: cover;}
.navbar-nav li{border-bottom: 1px solid #ffffff24;;}
.navbar-nav .nav-link{font-size: 18px;}

#client-slider2 .splide__track{padding-top: 0px !important;}


.mob-off{display: none;}
.copyright-section{margin-top: 35px;}
.copyright-section p{text-align: center;}
.copyright-section{padding: 20px 0;}
ul.fot-link1 li a{font-size: 18px;}
.at-tab p{color: var(--white);}
.social-list{margin: 0px auto; text-align: center;}

.top-banner-innner{min-height: 545px;}
.top-banner-innner .inner-banner-inside{bottom: 0;}

.web-services.owl-carousel .owl-nav button.owl-prev{left: 10px;}
.web-services.owl-carousel .owl-nav button.owl-next{right: 10px;}
.web-services.owl-carousel .owl-nav button{width: 40px; height: 40px; font-size: 14px;}
.web-services.owl-carousel .owl-nav{display: none;}

/* Dots container */
.web-services .owl-dots {
  text-align: center;
  margin-top: 15px;
}

/* Single dot */
.web-services .owl-dot {
  display: inline-block;
  margin: 0 5px;
}

.web-services .owl-dot span {
  width:8px;
  height: 8px;
  background: #ccc;
  display: block;
  border-radius: 50%;
  transition: all 0.3s ease;
}

/* Active dot */
.web-services .owl-dot.active span {
  background: var(--red);
  width: 12px;
  height: 12px;
}

/* Hover effect */
.web-services .owl-dot:hover span {
  background: #333;
}


.portfolio-slider.owl-carousel .owl-nav button.owl-prev{left: 10px;}
.portfolio-slider.owl-carousel .owl-nav button.owl-next{right: 10px;}
.portfolio-slider.owl-carousel .owl-nav button{width: 40px; height: 40px; font-size: 14px;}
.portfolio-slider .card-portfolio{margin: 0 20px;}
.card-portfolio h5, .card-style4 .content h4{font-weight: bold;}




/* Dots container */
.portfolio-slider .owl-dots {
  text-align: center;
  margin-top: 15px;
}

/* Single dot */
.portfolio-slider .owl-dot {
  display: inline-block;
  margin: 0 5px;
}

.portfolio-slider .owl-dot span {
  width:8px;
  height: 8px;
  background: #ccc;
  display: block;
  border-radius: 50%;
  transition: all 0.3s ease;
}

/* Active dot */
.portfolio-slider .owl-dot.active span {
  background: var(--red);
  width: 12px;
  height: 12px;
}

/* Hover effect */
.portfolio-slider .owl-dot:hover span {
  background: #333;
}
.portfolio-slider .owl-nav{display: none !important;}
.faq-question {
  font-size: 18px;
}




.navbar-nav .nav-link {
  color: var(--white);
  font-size: 22px;
  padding-left: 18px !important;
  padding-right: 17px !important;
}
.faq-question::after{font-size: 14px;}

}

/* ==========================================================================
   *Extra small devices (portrait phones, less than 576px)*
   ========================================================================== */ 
@media (max-width: 575px) {
   
}


/* ==========================================================================
   *Extra small devices (portrait phones, less than 480px)*
   ========================================================================== */ 
@media (max-width:480px) { 
   
}