@media screen and (max-width:1500px) {
	.container {
		max-width: min(1210px, 90%);
	}

	.hero-section,
	.offer-section,
	.map-section .slide-cnt,
	.feature-section,
	.testinomial-section,
	.solution-section,
	.shipping-section,
	.faq-section,
	.empty-screen,
	.branch-sec {
		padding: 80px 0px 80px 0px;
	}

	.faq-section {
		padding-bottom: 50px;
	}

	.map-slider .slide-cnt h2 {
		max-width: 80%;
	}

	.solution-section h3 {
		max-width: 73%;
	}

	footer {
		padding-top: 30px;
	}
}

@media screen and (max-width:1440px) {
	h1 {
		font-size: 3rem;
		line-height: 3.3rem;
	}

	h2,
	.map-section h2 {
		font-size: 2.25rem;
		line-height: 2.7rem;
	}

	h3,
	.branch-sec h1 {
		font-size: 1.87rem;
		line-height: 2.2rem;
	}

	h4 {
		font-size: 1.6rem;
		line-height: 2rem;
	}

	h5 {
		font-size: 1.5rem;
		line-height: 1.8rem;
	}

	h6 {
		font-size: 1.25rem;
		line-height: 1.7rem;
	}

	p,
	a,
	.testinomial-slider .slide-item h5 span,
	.custom-checkbox p {
		font-size: 1rem;
		line-height: 1.4rem;
	}

	header .nav-wrap {
		gap: 3rem;
	}

	header .shipment-button {
		padding: 0.6rem 1rem;
	}

	.hero-section .nav-tabs {
		margin-bottom: 20px;
	}

	.offer-section .box figure {
		height: 430px;
	}

	.offer-section .box figure .badge {
		width: 190px;
	}

	.solution-section figure {
		height: 300px;
	}

	.shipping-section .contant p {
		max-width: 75%;
	}

	.hero-section .nav-tabs .nav-link {
		font-size: 1rem;
	}

	.offer-section .box h6 {
		min-height: 54px;
	}

	.filter-sidebar {
		--bs-offcanvas-width: 380px;
	}

	.filter-sidebar form .btn-group button {
		font-size: 16px;
		padding: 10px 10px;
	}

	header+.app-content {
		padding-top: 80px;
	}
}

@media screen and (max-width:1280px) {
	header .nav-wrap {
		gap: 1.2rem;
	}

	.hero-section .box-sec,
	.custom-modal .box-sec,
	.hero-section.franchise .box-sec {
		padding: 2rem 1.5rem;
	}

	.map-section figure {
		width: 40%;
		min-height: fit-content;
	}

	.four-box p {
		padding-right: 0px;
	}

	.testinomial-slider .slide-item .slide-cnt h5 span,
	.empty-screen p {
		font-size: 1rem;
		line-height: 1.4rem;
	}

	.solution-section h3 {
		max-width: 100%;
	}

	.custom-modal .modal-header .btn-close {
		right: 20px !important;
	}

	.custom-modal p,
	.faq-section h6,
	.branch-sec h1 {
		max-width: 80%;
	}
}

@media screen and (max-width:1025px) {
	.container {
		max-width: min(1210px, 100%);
	}

	.menu-button,
	.sidebar-profile,
	.nav-menu .link svg {
		display: block;
	}

	.sidebar-profile {
		min-width: 285px !important;
	}

	.sidebar-profile .img {
		width: 46px;
		height: 46px;
	}

	header .mobile-show {
		display: flex;
		margin-top: 5px;
		flex-wrap: wrap;
		gap: 12px;
		align-content: end;
	}

	header .mobile-hide,
	header .nav ul li a:after {
		display: none;
	}

	header .shipment-button:hover {
		background-color: var(--color-black) !important;
	}

	.nav-menu .menu-overlay {
		position: fixed;
		inset: 0;
		right: 100%;
		opacity: 0;
		background-color: rgb(0 0 0 / 25%);
		transition: opacity 200ms ease;
		z-index: 20;
	}

	.nav-menu nav>ul .link {
		width: 100%;
	}

	.nav-menu.nav-expanded .menu-overlay {
		right: 0;
		opacity: 1;
	}

	.nav-menu.nav-expanded nav {
		transform: translateX(0);
		opacity: 1;
	}

	.nav-menu nav {
		position: fixed;
		left: 0;
		top: 0;
		bottom: 0;
		right: auto;
		background-color: #fff;
		opacity: 0;
		transform: translateX(-100%);
		transition: 200ms linear;
		z-index: 30;
		max-width: 285px;
		flex-wrap: wrap;
		overflow: auto;
	}

	.nav-menu nav>ul {
		flex-wrap: wrap;
		flex: 1;
		align-content: flex-start;
		width: 100%;
		gap: 24px !important;
		align-items: flex-start !important;
		margin-top: 24px;
		padding: 40px 16px;
	}

	.hero-section,
	.offer-section,
	.map-section .slide-cnt,
	.feature-section,
	.testinomial-section,
	.solution-section,
	.shipping-section,
	.faq-section,
	.dashboard-section,
	.empty-screen,
	.error-main,
	.branch-sec,
	.package-details {
		padding: 40px 0px 40px 0px;
	}

	.feature-section {
		padding-bottom: 10px;
	}

	.hero-section form fieldset input {
		padding: 10px 32px 10px 44px;
	}

	.hero-section form fieldset.clearable:focus-within input {
		padding: 10px 32px 10px 15px;
	}

	.hero-section form button,
	.shipping-section button,
	.modal button {
		padding: 10px 20px 11px 20px;
	}

	.hero-section .nav-tabs li button,
	.tooltip-img .tooltip p {
		font-size: 1rem !important;
	}

	.map-section .slide-cnt button {
		font-size: 1.15rem !important;
	}

	.offer-section .box figure .badge {
		width: 140px;
	}

	.offer-section .box figure .badge h4 {
		top: 24px;
		font-size: 1.2rem;
		left: -27px;
	}

	.testinomial-slider .slide-img figure {
		height: 270px;
		width: 270px;
	}

	.shipping-section .contant p,
	.shipping-section h3,
	.hero-section h2,
	.map-slider .slide-cnt h2,
	.product-timeline .container {
		max-width: 100%;
	}

	.marquee-inner {
		gap: 40px;
	}

	header .nav ul li a:after {
		bottom: -1px;
	}

	.hero-section ul.list-item {
		padding: 0px 0px 0px 0px;
	}

	.hero-section form fieldset .addon {
		top: 26px;
	}

	form fieldset .close-icon {
		top: 13px;
		right: 13px;
	}

	form label {
		left: 13px;
	}

	#otp input {
		padding: 10px 10px;
	}

	.faq-section {
		padding-bottom: 20px;
	}

	footer,
	.shipping-section.tracking {
		padding-top: 0px;
	}

	.profile-img {
		width: 100px;
	}

	.profile-wrap .badge {
		width: 30px;
		height: 30px;
		padding: 8px;
	}

	.empty-screen .btn {
		max-width: fit-content;
		padding: 10px 30px 11px 30px;
		font-size: 16px;
	}

	.empty-screen .img {
		width: 120px;
		height: 120px;
	}

	header+.app-content {
		padding-top: 80px;
	}

	.tooltip-img .tooltip {
		min-width: 240px;
	}
}

@media screen and (max-width:991px) {
	.testinomial-slider .slick-arrow {
		bottom: 0px;
		width: 38px;
		background-size: 14px !important;
		height: 38px;
	}

	.testinomial-slider .slick-arrow.slick-prev {
		right: 50px;
	}

	footer {
		padding-top: 30px;
	}

	.profile-sidebar-button {
		display: block;
	}

	.side-nav_overlay {
		position: fixed;
		inset: 0;
		right: 100%;
		opacity: 0;
		background-color: rgb(0 0 0 / 25%);
		transition: opacity 200ms ease;
		z-index: 20;
	}

	.profile-side_nav.profile-side-nav_expanded .side-nav_overlay {
		right: 0;
		opacity: 1;
	}

	.profile-side_nav.profile-side-nav_expanded .side-nav_menu {
		transform: translateX(0);
		opacity: 1;
	}

	.side-nav_menu {
		width: min(300px, 80vw);
		position: fixed;
		left: 0;
		top: 0;
		bottom: 0;
		right: auto;
		background-color: #fff;
		flex-direction: column;
		padding: 16px 20px;
		border-radius: 0 20px 20px 0;
		opacity: 0;
		transform: translateX(-100%);
		transition: 200ms linear;
		z-index: 30;
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
	}

	.profile-side-nav_expanded .nav-pills {
		box-shadow: none;
	}

	.profile-side-nav_expanded .nav-pills .nav-link {
		border-radius: 12px 12px 12px 12px !important;
	}

	.dashboard-section .nav-pills .nav-link {
		padding: 12px 16px !important;
	}

	.dashboard-section .profile-side-nav_expanded .nav-item:not(:first-child) {
		border-top: 0;
	}

	.shipment-row .col {
		width: calc(50% - 8px);
		flex: unset;
	}

	.order-list li img {
		width: 16px;
	}

	table ul.order-list::before {
		left: 8px;
	}

	.shipment-row .img {
		width: 2.5rem;
		height: 2.5rem;
	}

	.empty-screen {
		padding: 20px 0px 20px 0px;
	}

	.branch-sec .left-part,
	.branch-sec .right-part {
		max-width: 50%;
	}

	.branch-sec .info-box .dropdown-toggle {
		padding: 11px 30px 11px 12px !important;
	}

	.branch-sec .info-box .dropdown-toggle::after {
		right: 12px;
	}

	.search-form button {
		margin-left: 12px !important;
	}

	.branch-sec .search-form input {
		padding: 10px 40px 10px 35px !important;
		font-size: 0.87rem;
	}

	.branch-sec .map {
		height: 610px;
	}

	.shipping-wrapper {
		height: calc(610px - 160px);
	}

	.franchise .profile-form fieldset.input-container {
		margin-bottom: 12px !important;
	}

	.sender-row .col:nth-child(2),
	.consignee-row .col:nth-child(2) {
		width: 25%;
	}

	.sending-box figure .img {
		min-height: 140px;
	}

	.shipment-box figure .img img {
		height: 50px;
	}
}

@media screen and (max-width:767px) {
	h1 {
		font-size: 2.5rem;
		line-height: 3.8rem;
	}

	h2,
	.map-section h2 {
		font-size: 2rem;
		line-height: 2.4rem;
	}

	h3,
	.branch-sec h1 {
		font-size: 1.7rem;
		line-height: 2.1rem;
	}

	h5 {
		font-size: 1.2rem;
		line-height: 1.6rem;
	}

	.table tr td,
	.status-label {
		font-size: 0.8rem;
	}

	button {
		padding: 0.8rem 2rem;
	}

	.marquee-inner h6,
	.track-order p,
	.modal p,
	.faq-section h6,
	.accordion-item .accordion-body,
	.branch-sec p,
	.package-details .title h1,
	.empty-screen h1,
	.branch-modal h1 {
		font-size: 1rem;
		line-height: 1.4rem;
	}

	.marquee-inner h6 img {
		width: 24px;
		height: 24px;
	}

	.hero-section .box-sec,
	.custom-modal .box-sec,
	.hero-section.franchise .box-sec {
		padding: 1.5rem 1.2rem;
		max-width: 100%;
	}

	.hero-section .nav-tabs {
		margin-bottom: 15px;
	}

	header .nav-wrap {
		gap: 0;
	}

	.hero-section .tab-pane form p img,
	.track-order form p img {
		margin-right: 5px;
	}

	header .lang-dropdown .dropdown-menu {
		min-width: 120px;
	}

	.map-slider .slide-cnt,
	.map-slider .slide-img {
		width: 100% !important;
	}

	.sending-box figure .img img {
		height: 50px;
	}

	.map-section figure {
		width: 100%;
		transform: none;
		right: -20px;
		padding-bottom: 50px;
		min-height: auto;
		position: relative !important;
	}

	.map-slider .slide-cnt {
		padding-bottom: 10px;
	}

	.feature-section .desc,
	.solution-section .desc,
	.package-details .container,
	.payment-success p {
		max-width: 100%;
	}

	.feature-section .icon img {
		width: 30px;
		height: 30px;
	}

	.offer-section .box figure {
		height: 380px;
	}

	.testinomial-slider .slide-img figure {
		height: 200px;
		width: 200px;
		margin: 0px auto;
	}

	.testinomial-slider .slide-cnt img {
		width: 32px;
	}

	.testinomial-slider .slick-arrow {
		bottom: -50px;
	}

	.testinomial-section {
		padding-bottom: 90px;
	}

	.solution-section figure {
		height: auto;
		aspect-ratio: 1;
	}

	.contant ul,
	.solution-section figure,
	.faq-section h6,
	.custom-modal p {
		max-width: 100%;
	}

	footer figure,
	footer h6,
	footer ul li {
		text-align: center;
	}

	.copyright p,
	.social-icon {
		width: 100%;
		text-align: center;
		justify-content: center;
	}

	header .lang-dropdown .dropdown-item span {
		padding: 5px 20px;
	}

	.social-icon li a img {
		width: 22px;
		height: 22px;
	}

	.map-slider .slick-dots {
		bottom: 20px;
	}

	.offer-section .box h6,
	.sending-box figure .img {
		min-height: auto;
	}

	.modal-content {
		margin: 0px 10px;
	}

	.custom-modal .modal-header .btn-close {
		right: 15px !important;
		top: 20px !important;
	}

	#otp input {
		padding: 6px 10px;
	}

	.accordion-item .accordion-button {
		font-size: 1.2rem;
		line-height: 1.7rem;
	}

	footer {
		padding-top: 40px;
	}

	.app-content:has(.sticky-tab-bottom)+footer {
		padding-bottom: 76px;
	}

	.shipment-row .col,
	.profile-tab form fieldset,
	.sender-row .col:nth-child(3),
	.consignee-row .col:nth-child(3),
	.sender-details fieldset,
	.consignee-details fieldset {
		width: 100% !important;
	}

	.sender-row .col:nth-child(2),
	.consignee-row .col:nth-child(2) {
		width: 50%;
	}

	.user-div img {
		min-width: 40px;
		width: 40px;
		height: 40px;
	}

	.user-div .cnt {
		width: calc(100% - 40px);
	}

	.user-div .cnt p:nth-child(2) {
		font-size: 14px;
	}

	.recent-shipments .table>:not(caption)>*>* {
		white-space: nowrap;
	}

	.user-div .progress {
		height: 4px;
	}

	form.profile-form fieldset input,
	.franchise form.profile-form fieldset input {
		padding: 8px 15px 8px 15px !important;
	}

	.ui-datepicker .ui-datepicker-calendar tr td {
		padding: 0px 0px 0px 0px;
	}

	.ui-datepicker .ui-datepicker-calendar tr td a,
	.ui-state-default,
	.ui-widget-content .ui-state-default {
		padding: 7px;
		min-width: 30px;
	}

	.profile-tab button {
		max-width: 148px;
		padding: 0.7rem 1rem;
	}

	header .lang-dropdown .dropdown-item {
		padding: 4px 16px;
		font-size: 14px;
	}

	.filter-sidebar {
		--bs-offcanvas-width: 310px;
	}

	form fieldset input {
		padding: 9px 15px 9px 15px;
	}

	.form-select {
		min-height: 44px;
	}

	.franchise .form-select {
		min-height: 42px;
	}

	.dashboard-section .shipment-tab .nav-pills .nav-link {
		padding: 8px 5px !important;
		font-size: 14px;
		border-bottom: 0px solid transparent !important;
		color: var(--color-gray-600) !important;
		border-radius: 50px;
	}

	.filter-btn button.active .badge {
		width: 20px;
		height: 20px;
		font-size: 12px;
	}

	.empty-screen .img {
		width: 100px;
		height: 100px;
	}

	.branch-sec .left-part,
	.branch-sec .right-part,
	.branch-sec h1 {
		max-width: 100%;
	}

	.branch-sec .info-box .dropdown-toggle {
		width: calc(100% - 8px);
	}

	.branch-sec .map {
		height: calc(100vh - 80px);
		height: calc(100dvh - 80px);
		border-radius: 0px;
	}

	.branch-sec .map #map {
		border-radius: 0px;
	}

	.shipping-wrapper {
		height: auto;
	}

	.branch-modal .shipping-wrapper {
		height: 173px;
	}

	.search-form button {
		width: 16px;
	}

	.info-box form fieldset .close-icon {
		top: 10px;
		width: 17px;
	}

	.product-timeline .time-line_box .time-line p {
		font-size: 12px;
	}

	.product-timeline .time-line_box .time-line h4,
	.package-details .title p,
	.shipping-options p,
	.empty-screen p,
	.help-tab .title p:nth-child(2) {
		font-size: 14px;
		line-height: 18px;
	}

	.product-timeline .time-line_box .time-line span {
		width: 24px;
		height: 16px;
		top: -8px;
		left: -4px;
		background-color: var(--bg-gray-300) !important;
	}

	.product-timeline .time-line_box .time-line:after {
		height: 16px;
		width: 16px;
		top: -8px;
	}

	.product-timeline .time-line_box .time-line::before {
		width: 10px;
		height: 10px;
		min-width: 10px;
		top: -5px;
	}

	.product-timeline .time-line_box::before {
		height: 2px;
	}

	.product-timeline .time-line_box .time-line:last-child span {
		right: -4px;
	}

	.product-timeline .time-line_box .time-line[data-timeline="completed"]::after {
		background-size: 10px;
	}

	.mobile-number .input-addon {
		top: 11px;
		left: 16px;
	}

	.package-details .btn-group button {
		padding: 0.7rem 1.5rem;
		flex: 1;
	}

	.package-details .custom-checkbox .col,
	.shipping-options .btn-group button {
		flex: unset;
	}

	.payment-method {
		border-left: 0px solid var(--bg-gray-250);
		padding-left: 0px !important;
	}

	.payment-success img {
		width: 60px;
	}

	.select2-selection {
		min-height: 43px;
	}

	.select2 .select2-selection__rendered {
		line-height: 43px !important;
	}

	.dashboard-section .nav-pills {
		border-radius: 50px;
		background-color: var(--bg-gray-200);
		width: 100%;
		border: 1px solid #0000001a;
	}

	.dashboard-section .nav-pills li {
		flex: 1;
	}

	.dashboard-section .shipment-tab .nav-link.active {
		background-color: var(--color-red) !important;
		color: var(--color-white) !important;
	}

	.filter-sidebar.offcanvas,
	.branch-modal.offcanvas {
		top: unset;
		right: 0 !important;
		left: 0 !important;
		height: auto;
		max-height: 100%;
		border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
		transform: translateY(100%);
		width: 100%;
		border-radius: 16px 16px 0px 0px !important;
	}

	.filter-sidebar .btn-close,
	.branch-modal .btn-close {
		position: absolute;
		top: -45px;
		left: 50%;
		transform: translateX(-50%);
		background-color: #fff;
		border-radius: 50px;
		padding: 12px;
		font-size: 14px;
	}

	.shipment-row .col .cnt p:last-child {
		font-size: 16px;
	}

	.product-timeline .time-line_box .time-line {
		width: 150px;
	}

	.product-timeline .time-line_box .time-line:not(:last-child)>div {
		border-top: 2px solid var(--bg-gray-250);
	}

	.product-timeline {
		overflow: auto;
		box-shadow: none;
		background-color: var(--bg-gray-300) !important;
	}

	.package-details form .step .title p {
		margin-left: -16px;
	}

	.package-details {
		padding-top: 10px;
	}

	form .profile-tab fieldset textarea {
		min-height: 62px;
	}

	.mobile-number input {
		padding-left: 40px;
	}

	.step .package-info {
		border: none !important;
	}

	.branch-sec {
		padding: 0px !important;
	}

	.branch-sec .container {
		max-width: 100%;
		padding: 0px;
	}

	.branch-modal.show,
	.branch-modal+.offcanvas-backdrop.show {
		display: block;
	}

	.branch-modal.branch-sec {
		padding: 30px 16px !important;
	}

	.branch-modal .select2 .select2-selection__rendered {
		line-height: 40px !important;
	}

	.branch-modal .info-box input {
		padding: 11px 16px 11px 16px !important;
		font-size: 1rem;
	}

	.branch-modal .info-box fieldset input {
		padding: 11px 16px 11px 35px !important;
	}

	.branch-modal .select2-container--default .select2-selection--single .select2-selection__placeholder {
		color: inherit;
	}

	.select2-container--default .select2-selection--single .select2-selection__clear {
		line-height: 39px;
	}

	.form-select,
	.select2-selection {
		background-position: right 16px bottom 16px !important;
	}

	.help-tab .btn-group button {
		max-width: unset;
		flex: 1;
	}

	header .main-logo img {
		height: 28px;
	}

	header+.app-content {
		padding-top: 64px;
	}


}

@media screen and (max-width:375px) {
	.profile-tab button {
		max-width: 100%;
	}

	.shipping-options .btn-group button {
		font-size: 0.8rem;
	}

	.filter-btn button {
		padding-inline: 10px !important;
		font-size: 13px;
	}

	.filter-btn button.active .badge {
		width: 16px;
		height: 16px;
		font-size: 9px;
	}

	.dashboard-section .shipment-tab .nav-pills .nav-link {
		font-size: 12px;
	}

	.help-tab .btn-group button {
		flex: unset;
	}
}