@media only screen and (max-width:1319px){
.container{width: 100%;}
}
    
@media only screen and (max-width:1280px){
.menu-toggle{display: block;}
.map-assets-box{top: 55px;}
.logo{text-align: left;}

.assets-search-box .form-control{width: 300px;}
.toolbar-btn .btn{font-size: 14px;}
.toolbar-btn .btn.disabled{font-size: 14px;}
.toolbar-btn .dropdown .btn{margin-right: 0;}
}
    
@media only screen and (max-width:1023px){
.sidebar{display: none;}
.logo{background: var(--white); width: auto;}
.site-bg{padding-left: 0px;}
.menu-toggle{left: 0;}
.logo{margin-left:0px;}
.dashboard-warper{padding: 20px;}
.header-inner h2{margin-left: 0; display: none;}
.hide-sidebar .logo{margin-left: 65px;}
.hide-sidebar .sidebar{display: block; left: 0; top: 70px;}
.logo a{display: block; max-width: 125px;}
.dashboard-warper{padding: 15px;}
.dashboard-warper .white-box.padd30{padding: 15px;}
.dashboard-list ul{grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));}
.site-bg{padding-top: 70px;}
.dashboard-list ul{gap: 15px;}
.dashboard-list ul li figcaption{font-size: 14px;}
.dashboard-list ul li figure{width:60px; height: 60px;}
.menu-toggle{margin-left: 15px; top: 15px;}
.form-bg .col-md-5{display:none;}
.form-bg .col-md-7{width: 100%;}
.form-head{margin-bottom: 30px;}
.form-content-bg{padding: 30px;}
.form-logo a img{height: 70px;}
.tab-head ul.nav{display: flex; flex-wrap: nowrap; overflow: auto;}
.tab-head ul.nav li button{white-space: nowrap;}
.table tr th{font-size: 13px;}
.table tr td{font-size: 13px;}
}
    
@media only screen and (max-width:991px){
nav.navbar{position: inherit;}
.navbar-toggler{margin-left: auto; margin-right: 15px;}
.navbar-collapse{position: absolute; right: 0; top: 70px; width: 100%; z-index: 9999; background: #fff;}
.navbar-collapse .navbar-nav li a{padding: 10px 15px;}
.toolbar-btn .btn.disabled{margin-right: 5px; padding: 0px 10px; font-size: 13px;}
.assets-search-box .form-control{width: 260px;} 
}

@media only screen and (max-width:767px){
.logo{margin-left: 65px;}
.form-logo{margin-bottom: 30px;}
.form-head h2{font-size: 24px;}
.form-content-bg{padding: 20px;}
.assets-search-box .form-control{width:100%;}
.assets-search-box{flex: 1; margin-bottom: 10px;}
.breadcrumbs-menu ul{flex-wrap: wrap;}
.page-sub-title{margin-bottom: 10px;}
.location-search-box{width: 100%; max-width: 505px;}
.dashboard-warper-subtitle .point-interest-map .map-box{height: 315px;}
.label-button-box{flex-wrap: wrap;}
.map-assets-box{width:calc(100% - 30px);}
.classic-markers-box{flex-wrap: wrap;}
.markers-btn{width: 100%; margin-left: 0; margin-top: 10px;}
.search-filter-box{flex-wrap: wrap;}
.filter-search{margin-right: 0; width: 100%; margin-bottom: 10px;}
.filter-sort-box{flex:1;}
.filter-sort-box .form-control{flex: 1;}
.assets-search-content{height: 90px;}
.mapping-values-head{flex-wrap: wrap;}
.mapping-values-head h3{margin-bottom: 10px;}
.page-sub-title h2{font-size: 16px;}
.btn,.border-btn{font-size: 14px;}
.page-sub-title{flex-wrap: wrap;}
.page-filter-bg{flex-wrap: wrap;}
.page-filter-bg button{margin-bottom: 10px;}
.page-sub-title h2{margin-bottom: 10px;}
.select-report-list{flex-wrap: wrap;}
.export-all a{margin-bottom: 10px;}
.health-tracking-enabled-list ul li{width: 100%; flex:0 0 100%;}
.table tr td .form-control{min-width: 80px;}
.allow-driver-list{flex-wrap: wrap;}
.driver-btn-list{margin: 15px 0px;}
.new-alert-wizard-step ul li{width: 60px; flex:0 0 60px;}
.assets-search-toolbar{flex-wrap: wrap;}
.toolbar-btn{flex-wrap: wrap;}
.toolbar-btn a{margin-bottom: 10px;}
.assets-check-list .form-check{width: 100%; flex:0 0 100%;}
.excel-btn a{margin-bottom: 10px;}
.heading-header-checkbox{flex-wrap: wrap;}
.day-of-week-list .btn{margin-bottom: 5px;}
.favourites-list ul{grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));}
.assets-search-toolbar .form-check{width: 100%;}
.analogue-mappings-head{flex-wrap: wrap;}
.analogue-mappings-head h2{margin-bottom: 10px;}
.event-head-box{flex-wrap: wrap;}
.event-left{margin-bottom: 10px;}
.select-trip-date-box button{width: 40px; height: 40px; font-size: 20px;}
.select-trip-date-box .select-date-box{padding: 0px 10px;}
.trip-mins-km-box ul li{font-size: 14px;}
.live-preview-logo a img{height: 40px;}

/* Added responsive styles for smaller screens */
.dashboard-list ul{grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 10px;}
.form-content-bg{padding: 15px; margin: 10px;}
.btn, .border-btn{width: 100%; margin-bottom: 10px;}
.assets-search-toolbar{margin-bottom: 15px;}
}

/* Added new breakpoint for extra small devices */
@media only screen and (max-width:480px){
.logo{margin-left: 0px;}
.logo a{max-width: 100px;}
.dashboard-list ul li figure{width: 45px; height: 45px;}
.dashboard-list ul li figcaption{font-size: 12px;}
.form-head h2{font-size: 20px;}
.dashboard-warper{padding: 10px;}
.map-assets-box{width: calc(100% - 20px); top: 120px;}
.header-inner .navbar-nav li{margin-right: 0;}
.navbar-collapse{top: 60px;}
}