@charset "utf-8";
/* CSS Document */

@media only screen and (min-width:1448px) and (max-width:1550px){}
.nav-list > li > a {padding: 30px 0;}
	
}

@media only screen and (max-width:1447px){
.hero-section .info-overlay {padding: 40px 25px;}
.hm-depot .media-body1{padding: 1rem;}
.site-footer .section-heading48 h3 {font-size: 36px;line-height: 40px;}
.site-footer .footer-sub h3, .site-footer .section-heading48 h3 {font-size: 24px; line-height: 28px;}
.topbar-inner .wrapper-navigation {padding-right:10px;}
.truck-banner h1 {font-size: 32px; line-height: 35px;}
.global-accordion .section-heading48 h3 { font-size: 32px; line-height: 36px;}
.global-accordion .section-heading48 p { font-size: 16px; line-height: 22px;}
.depot-banner .section-heading64 h1 { font-size: 32px; line-height: 36px;}
/* .depot-banner .section-heading64 { width: 100%;} */
.topbar-inner .inside-wrapper-all-group ul {gap: calc(8px * 2);}

}

@media only screen and (max-width:1358px){
.topbar-inner .inside-wrapper-all-group ul { gap: calc(8px * 0);}
.hero-section .section-heading72 h1 {padding-right: 100px; font-size: 36px; line-height: 40px;}
/*.topbar-layout .btn-group {width: 158px;}*/
.market-banner .banner-overlay .section-heading64 h1 { font-size: 32px; line-height: 36px;}
.charge-banner .section-heading64 h1 { font-size: 32px; line-height: 36px;}
.market-banner .banner-overlay .section-heading64 h6 {font-size: 24px; line-height: 24px; margin-bottom: 5px; }
	
}
@media only screen and (max-width:1355px){
.hero-section .info-overlay {padding: 1rem; width: 98%; bottom: 40px; border-radius: 20px; margin: 0 auto; display: block; left: 10px;}
.hero-section .section-heading72 h1 { padding-right: 0; font-size: 32px; line-height: 40px; margin-bottom: 0px;}
.hero-section .info-overlay p {font-size: 16px; line-height: 24px;}
.hero-section .info-overlay:before, .hero-section .info-overlay:after {display: none;}
.topbar-inner .inside-wrapper-all-group ul { gap: calc(8px * 0);}


}

@media only screen and (max-width:1400px){
.topbar-inner .inside-wrapper-all-group ul {display: none;}
.hamburger {display: block; background-color: #D4F0CC !important;}
.hamburger span {background: #63BB16 !important; margin-bottom: 0px; width: 25px; height: 3px;}
.hamburger span:last-child { margin-bottom: 0;}
}

@media only screen and (max-width:1200px){
.pd-2rem {padding: 1rem;}
.container2, .container100{padding-left: 15px; padding-right:15px}
.hero-section {height: auto; margin-top: 0px;}
.hero-section .video-wrapper {height: 100vh;}
.hero-section .hero-video {height: 100vh; object-fit: cover;-o-object-fit: cover;}
.global-brands .swiper {padding-bottom: 0px;}
.hm-invest .media-body1 {padding-right: 0px;}
.global-accordion .accord-box .section-overlay {position: static; padding: 1rem; width: 100%;}
.global-accordion .accord-box {display: flex; flex-direction: column;}
.global-accordion .tab-overlay {order: 2; margin-top: 20px; padding: 0;}
.global-accordion .map-box {order: 3; margin-top: 20px !important;}
.global-accordion .map-detail-panel {right: 24px; bottom: 120px; width: min(760px, calc(100% - 48px)); padding: 28px; grid-template-columns: minmax(0, 1fr) 260px; gap: 24px; border-radius: 32px;}
.global-accordion .map-detail-content h4 {font-size: 32px; line-height: 36px;}
.global-accordion .map-detail-location {font-size: 22px; line-height: 28px; margin-bottom: 22px;}
.global-accordion .map-detail-features li {font-size: 18px; line-height: 24px;}
.site-footer .footer-sub h3, .site-footer .section-heading48 h3 { color: var(--white-color); font-size: 23px;line-height: 32px;}
.abt-info .col-md-6 { width: 100%; max-width: 100%; flex: 0 0 100%;}
.abt-info .section-heading64 { padding-right: 0;}
.abt-info .section-heading64 h1 {padding-right: 0;}
.global-banner2 h6 {margin-bottom: 0; font-size: 24px; line-height: 28px;}
.global-banner2 {padding: 10rem 0 5rem;}
.abt-leader .leader-box-content h3 {font-size: 26px;line-height: 30px;}
.abt-board .entry-post .entry-img img {height: 360px;}
.abt-investor .col-md-5 { flex: 100%; max-width: 100%; }
.abt-investor .media-body .entry-body2 .entry-text h6 {font-size: 20px; line-height: 24px;}
.abt-investor .media-body .entry-body2 {min-height: auto;}
/*.single-post-banner .bgImage {margin-top:8rem;}*/
.global-cta .bgImage img {height: 450px;}
.market-banner .banner-overlay .section-heading64 h1 {padding-right: 0;}
.market-banner .col-md-7 {max-width: 100%; flex: 100%;}
.market-project {padding-top: 40px;}
.hm-mobility .media-left .media-body {padding-right: 0px;}
.site-wrapper {width: 100%; overflow-y: hidden; border-radius: 0px; margin-bottom: 300px}

/* Full Width Section starts here */
.hm-offer .col-12 { max-width: 100%; flex: 100%;}
.hm-offer .media-body{padding: 1rem; flex-direction: column; flex-wrap: wrap;}
.hm-offer .media-body .content-area, .hm-offer .media-body .content-media {width: 100%; max-width: 100%;}
.hm-offer .offer-box2 {flex-direction: column;}
.hm-offer .offer-box2 .media-list {margin-right: 0px; margin-bottom: 20px; width: 100%; max-width: 100%;}
.hm-offer .hmoffer-feat .page-image {position: static;}
.hm-depot .col-12 {width: 100%; max-width: 100%; flex: 100%;}
.hm-depot .media-body1 {padding: 1rem; height: auto; margin-bottom: 25px;}
.hm-invest .col-12 {width: 100%; max-width: 100%; flex: 100%;}
.hm-invest .media-body1 {padding: 1rem; height: auto; margin-bottom: 25px;}
.hm-blog .col-12 { width: 100%; max-width: 100%; flex: 100%;margin-bottom: 25px; }
.offer-subs .section-heading40 p {width: 100%;}
.offer-subs .col-md-3 {width: 50%; max-width: 50%; flex: 50%;}
.charge-banner .col-12 { width: 100%; max-width: 100%; flex: 100%;}
.offer-flexible .col-12 {width: 100%; max-width: 100%; flex: 100%;}
.offer-flexible .media-body {margin-bottom: 25px;}
.depot-security .col-12 {width: 100%;max-width: 100%;flex: 100%;}
.depot-site .co-12, .depot-site .col-12 {max-width: 100%;flex: 100%;}
.depot-site figure img {width: 100%;}
.depot-site .media-body4 {height: auto;margin-top: 25px;}
.depot-site .row.mb-3.bg-green800.border-radius20, .depot-site .row.bg-gray600.border-radius20 { margin: 0 0;}
.depot-banner .col-12 {width: 100%; max-width: 100%;flex: 100%;}
.market-project .min-width {padding: 1rem;}
.market-project .col-12 {width: 100%; max-width: 100%; flex: 100%;}
.cargo-case-study .col-12 {width: 100%; max-width: 100%;flex: 100%;}
.cargo-case-study .client-say {padding: 1rem; margin-bottom: 25px;}
.blog-page .col-md-4 { width: 100%; max-width: 50%; flex: 50%;}	
.depot-site .wrap-image img {width: 100%;}
.depot-security .media-body4 img {height: auto;}
.truck-banner .col-12 {flex: 100%; max-width: 100%;}
.truck-banner h1 { padding-right: 0; font-size: 32px; line-height: 38px;}
.market-banner h1 { padding-right: 0; font-size: 32px; line-height: 38px;}
.market-banner h6 {font-size: 24px; line-height: 28px;}
.contact-page, .blog-page {padding-bottom:4rem}
.global-page .media-body {max-width: 100%}
	
}

@media only screen and (max-width:991px){
.container100 { padding-right: 1rem; padding-left: 1rem;}
.section-heading64 h1 {font-size: 32px; line-height: 37px;}
.hm-offer .offer-box1 .content-media img {height: auto;}
.hm-blog .col-md-4 {width: 100%; max-width: 50%; flex: 50%;}
.site-footer {position: static; padding: 4rem 0 0;}
.site-wrapper {margin-bottom: 0px;}
.site-footer .col-md-4, .site-footer .col-md-2, .site-footer .col-md-3 {max-width: 100%; flex: 100%;}
.site-footer .empty-div {display: none;}
.site-footer .footer-logo {margin-bottom: 25px;}
.hm-offer .media-body .content-area { width: 100%; max-width: 100%; padding-right: 0; margin-bottom: 25px;}
.hm-offer .media-body .content-media { width: 100%; max-width: 100%;}
.hm-offer .offer-box2 {flex-direction: column;}
.hm-offer .media-body {flex-direction: column;}
.hm-offer .offer-box2 .media-list {margin-bottom: 25px; margin-right: 0px;}
.single-page .single-post h3 {font-size: 25px;line-height: 27px;}
.truck-banner p {width: 100%;}
.truck-banner .section-heading64 h1 {padding-right: 0;}
.truck-banner .col-md-7 {max-width: 100%;flex: 100%;}
.depot-banner .col-md-7 {max-width: 100%;flex: 100%;}
.depot-banner .section-heading64 { width: 100%;}
.depot-security2 {padding-top: 40px;}
.single-post-banner .container, .single-page .container, .related-post .container, .blog-social .container { width: 100%; max-width: 100%;}
.site-footer .social ul {padding-top: 0px;}
.site-footer .wrapper-created-by {margin-top: 2rem;}	
.contact-page .email-link a {font-size: 16px; line-height: 28px;}	
.contact-page .form-info .col-12 {width: 100%;max-width: 100%;flex: 100%;} 
.contact-page .form-info  .submit-btn {margin-top: 15px; text-align: left;}
	
}

@media only screen and (min-width:991px) and (max-width:1199px){}
@media only screen and (min-width:768px) and (max-width: 990px){}
@media only screen and (max-width:767px){
.pd-2rem {padding:1rem;}
.hm-blog .col-md-4 {width: 100%; max-width: 100%; flex: 100%;}
.offer-subs .col-md-3 {width: 100%; max-width: 100%; flex: 100%;}
.hm-mobility .section-heading48 h3 {font-size: 24px; line-height: 28px;}
.hm-mobility .mob-box {margin-bottom: 20px;}
.hm-offer .hmoffer-feat .page-image {position: static;}
.hm-invest .media-body1 {margin-bottom: 25px;}
.hm-blog .btn-green {display: none;}
.hm-offer .media-body {padding: 1rem;}
.abt-investor .media-body .entry-body2 {flex: 1 1 calc(100% - 20px);}
.abt-board .entry-post .entry-img img {height: auto;}
.blog-page .card .card-img img {height: auto; max-width: 100% !important; width: 100% !important;}
.contact-page .follow-wrap, .contact-page .email-wrap {padding: 1rem; }
.contact-page {padding: 10rem 0 5rem;}
.contact-page .email-wrap {margin-bottom: 25px;}
.contact-page .submit-btn { text-align: left; margin-top: 30px;}
.depot-security .media-body3 .entry-icon {margin-bottom: 5px;}
.market-project .min-width {padding: 1rem;}
.market-cta .entry-overlay h1 {padding: 0 1rem;}
.global-cta .top-heading24 {font-size: 20px; line-height: 24px;}
.global-accordion .tab-overlay .nav-tabs .nav-item .nav-link {padding: 18px 22px;}
.global-accordion .tab-overlay {padding: 0;}
.global-accordion .map-detail-panel {left: 16px; right: 16px; bottom: 110px; width: auto; grid-template-columns: 1fr; padding: 22px; gap: 18px; border-radius: 28px;}
.global-accordion .map-detail-content h4 {font-size: 28px; line-height: 32px; margin-bottom: 8px;}
.global-accordion .map-detail-location {font-size: 20px; line-height: 25px; margin-bottom: 18px;}
.global-accordion .map-detail-features {gap: 12px;}
.global-accordion .map-detail-features li {grid-template-columns: 28px minmax(0, 1fr); gap: 10px; font-size: 16px; line-height: 22px;}
.global-accordion .map-detail-check {width: 28px; height: 28px; font-size: 14px;}
.global-accordion .map-detail-image img {max-height: 180px;}
.related-post .entry-post {margin-bottom: 25px;}
.related-post .entry-post .entry-header a {margin-bottom: 0px;}
.hm-depot .media-body1 { margin-bottom: 25px;}
.depot-site figure img {width: 100%;}
.cargo-case-study .case-box1 .media-body {padding: 2rem;}
.cargo-case-study .client-say {margin-bottom: 25px;}
.hm-mobility .media-left {height: auto;margin-bottom: 20px;}
.site-footer .footer-left .footer-logo {order: 1;}
.site-footer .footer-left .section-heading48 {order: 3;}
.site-footer .footer-left {display: flex; flex-wrap: wrap; flex-direction: column;}
.site-footer .footer-left .email-wrap {order: 2;}
.site-footer  .copy-left, .site-footer .copy-right { text-align: center;}
.site-footer .wrapper-created-by {margin-top: 2rem}
.blog-social .top-heading24 {display: block; text-align:center; margin-bottom: 20px;}
.blog-social .social-share {justify-content: center}	
.blog-page .col-md-4 { width: 100%; max-width: 100%; flex: 100%;}	
	
}

@media only screen and (max-width: 576px){
.header .topbar-layout .home-logo .white-svg {opacity: 0;}
.header .topbar-layout .home-logo .color-svg {opacity: 1;}
.hero-section .section-heading72 h1 {font-size:22px; line-height:24px}
.hero-section .info-overlay p {font-size: 14px; line-height: 20px; margin-bottom: 0;}
.hero-section .info-overlay { left: 5px; bottom:14px; border-radius:10px;}
.hero-section .hero-video {border-radius:10px;}
.global-accordion .tab-overlay { margin-top: 30px;}
.global-accordion .tab-overlay .nav-tabs {flex-direction: column;}
.global-accordion .tab-overlay .nav-tabs .nav-item{margin-right:0px; margin-bottom: 10px}
.topbar-layout .btn-group {display: none;}
.topbar-inner .wrapper-navigation {max-width: 26%; padding-right: 0px;}

}

@media only screen and (max-width: 479px){
.global-banner .section-heading64 h1 { font-size: 19px; line-height: 23px; margin-bottom: 10px;}
.global-banner .section-heading64 p { font-size: 14px;line-height: 20px;}

}