@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:87px;}
}
@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%;}
.product-timeline .time-line_box .time-line:last-child h4{white-space:normal;}
}
@media screen and (max-width:1025px){
.container{max-width:min(1210px,100%);}
.menu-button{display:block;}
header .mobile-show{display:flex;margin-top:5px;}
header .mobile-hide{display:none;}
.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-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;flex-direction:column;padding:32px;opacity:0;transform:translateX(-100%);transition:200ms linear;z-index:30;}
.nav-menu nav > ul{flex-direction:column;width:min(230px,80vw);gap:12px;align-items:flex-start!important;margin-top:24px;}
.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;}
.product-timeline .time-line_box .time-line:last-child p,.product-timeline .time-line_box .time-line:last-child h4{position:relative;left:unset;text-align:right;}
.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;}
.sending-box figure .img img {width: 30% !important;}
.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,.empty-screen h1{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{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%;}
.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{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;}
.shipment-row .col,.profile-tab form fieldset,.sender-row .col:nth-child(2),.consignee-row .col:nth-child(2),.sender-row .col:nth-child(3),.consignee-row .col:nth-child(3),.sender-details fieldset,.consignee-details fieldset{width:100%!important;}
.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:12px 11px!important;}
.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:350px;}
.shipping-wrapper{height:auto;}
.search-form button{width:16px;}
.info-box form fieldset .close-icon{top:10px;width:17px;}
.product-timeline .time-line_box .time-line :is(p,h4){font-size:12px;}
.product-timeline .time-line_box .time-line:last-child{flex:1;}
.product-timeline .time-line_box .time-line span{width:24px;height:16px;top:-8px;left:-4px;}
.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;}
.package-details .btn-group button{padding:0.7rem 1.5rem;}
.package-details .custom-checkbox .col{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;
}
}
@media screen and (max-width:375px){
.profile-tab button{max-width:100%;}
.dashboard-section .shipment-tab .nav-pills .nav-link{padding:6px 5px!important;font-size:14px;}
.product-timeline .time-line_box .time-line :is(p,h4){font-size:10px;}
.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;}
}