*       {box-sizing: border-box;padding:0;margin: 0;list-style:none;outline:none;transition: 0.5s;}
:root   {--white-color:#fff;--primary-color:#FF0000;--grey-border-color:#D4D4CB;--secondary-color:#FF00FF;--deep-color:#363636;--deep-border:#4E4E4E;--grey-text-color:#707070;}
body    {font-family: "Rubik", 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;font-size: 16px;background: #F7F8EB;}
h1      {font-size:3rem;margin-bottom: 20px;}
a       {text-decoration: none;}
.container    {float: none;margin: 0 auto; max-width:1200px;}
.container-sm {float: none;margin: 0 auto; max-width:900px;}
.count {font-size:9px;}
#head         {background:#36383b url('assets/img/bg.png') no-repeat top left;background-size: cover;float: left;width:100%;color:var(--white-color);padding-bottom: 40px;}
.contact-sec  {float: left;width:100%;border-bottom: 1px solid #6A6A6A;font-size: 13px;padding: 15px 0;}
.cs-phone     {float: left;background:url('assets/img/call.png')no-repeat top 2px left;padding: 5px 0 5px 30px;}
.cs-phone a   {color:#fff;}
.cs-address   {float: right;margin-right: 20px;padding-top: 5px;}
.cs-social    {float: right;}
.cs-social li {display: inline-block;margin-left: 15px;}
.logo-button        {float: left;width:100%;padding: 40px 0 0;}
.logo-button-in     {display: flex;justify-content: space-between;}
.logo img           {float: left;width: 172px;height:auto;}
.btn, .white-btn, .black-btn    {float: left;}
.white-btn          {margin-right: 10px;}
.btn a              {padding: 14px 27px;border-radius: 50px;float: left;background: var(--primary-color);color: var(--white-color);text-decoration: none;font-weight: 600;}
.white-btn a        {padding: 14px 27px;border-radius: 50px;float: left;background: transparent;color: var(--white-color);text-decoration: none;font-weight: 600;}
.black-btn a        {padding: 7px 27px;border-radius: 50px;float: left;background: var(--grey-text-color);color: var(--white-color);text-decoration: none;font-weight: 600;}
.dashboards .btn a  {padding: 7px 27px;}
.btn a:hover, .white-btn a:hover, .black-btn a:hover        {background: var(--secondary-color);}
.btn-right          {float: right;}
.main-title         {float: left;width:100%;text-align: center;}

#search-box         {float: left;width: 100%;}
#search-box form    {float: left;width: 100%;background: var(--white-color);border-radius: 50px;border: 1px solid var(--grey-border-color);padding: 0 5px;margin-top: -24px;}
#search-box form input[type="search"] {padding: 15px;width: 95%;border: none;background: transparent;float: left;}
#search-box form button {float: left;border: none;background: transparent;margin-top: 8px;box-sizing: border-box;width: 4%;}

#main-section       {float:left;width:100%;margin-top: 40px;}
.side-menu          {float: left;width:17%;background:var(--deep-color);padding:20px;border-radius: 20px;}
.side-menu ul li, .b-content-sidebar-menu ul li    {display: block;width:100%;}
.side-menu ul li a, .b-content-sidebar-menu ul li a  {color: var(--white-color);text-decoration: none;padding: 10px 0;border-bottom:1px solid var(--deep-border);}
.side-menu ul li a, .b-content-sidebar-menu ul li a  {float: left;width:100%;line-height: 1.5;font-size: 1rem;}
.side-menu ul li a:hover, .side-menu ul li a.active-link, .b-content-sidebar-menu ul li a:hover, .b-content-sidebar-menu ul li a.active-link {background: var(--secondary-color);border-radius: 20px;padding: 10px;}
.main-content       {float: right;width:80%}
.mc-herder          {float: left;width:100%;}
.mc-herder-in       {display: flex;justify-content:space-between;align-items: center;}
.mc-herder h2       {width:auto;font-size: 1.5rem;text-transform: uppercase;}

.mc-header-filter   {width: auto;float: right;font-size: 0.75rem;}

.mc-header-filter   {position:relative;}
.filter-dropdown    {position: relative;display: inline-block;}
.dropdown-toggle    {background-color:var(--white-color);color: black;;border: 1px solid var(--grey-border-color);border-radius: 20px;padding: 10px 15px;border: none;cursor: pointer;border-radius: 4px;}
.dropdown-menu      {display: none;position: absolute;background-color: white;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);list-style: none;padding: 10px 0;margin: 0;width: 200px;z-index: 10;}
.filter-dropdown:hover .dropdown-menu {display: block;}
.dropdown-menu li   {padding: 5px 20px;}
.dropdown-menu li a {text-decoration: none;color: black;display: block;}
.dropdown-menu li a:hover {background-color: #f5f5f5;}
.active             {font-weight: bold;color:var(--primary-color);}
.filter-dropdown    {position: relative;display: inline-block;}
.dropdown-menu      {position: absolute;background-color: white;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);list-style: none;padding: 10px 0;margin: 0;width: 200px;z-index: 10;right: 0;border-radius: 15px;}
.dropdown-menu li   {padding: 5px 20px;}
.dropdown-menu li a {text-decoration: none;color: black;display: block;}
.dropdown-menu li a:hover {background-color: #f5f5f5;}


.button             {float: right;border: 1px solid var(--grey-border-color);padding: 10px;border-radius: 20px;background: #fff url('assets/img/da.png') no-repeat center right;padding-right: 70px;}
.button a           {text-decoration: none;color:var(--deep-color);}

.mc-equipment-list  {float: left;width:100%;margin: 20px 0 50px;}
.mc-equipment-list ul {display: grid;grid-template-columns: repeat(auto-fill, minmax(48%, 1fr));gap: 30px;}
.mc-equipment-list ul li {list-style: none;display: inline-block;width:100%;overflow:hidden;}
.mc-equipment-list ul li {float: left;background: #fff;border-radius: 20px;padding-bottom: 30px;margin-bottom:0;border: 1px solid #E4E5D0;}
.mc-equipment-list ul li:nth-child(2n) {float: right;}

.mc-equipment-list ul li img, .img-box {float: left;width:100%;height: 300px;}
.mc-equipment-list ul li img:hover {opacity: 0.6;}
.img-box {overflow: hidden;}
.mc-equipment-list ul li a   {color:#363636}
.info-price     {float: left;width:100%;padding: 25px;}
.info-price p   {font-size: 0.8rem;color: var(--deep-border);padding: 3px 0;line-height: 1.4;float: left;width:100%;min-height: 37px;}
.info           {float: left;width:67%}
.price          {float: right;width: auto;}
.price h4       {font-size: 1.3rem;color:#333333}
.price p        {min-height:15px;}
.mc-equipment-list ul li .btn {float: left;padding: 0 25px;width: 100%;}
.mc-equipment-list ul li .btn a {width:100%;color: var(--white-color);text-align: center;}
.btn button {float:left;width:100%;text-align:center;border-radius:50px;border:none;background:var(--primary-color); color:var(--white-color);cursor:pointer;padding: 13px 0;font-weight: bold;}
.btn button:hover {background:var(--secondary-color);}
.mc-equipment-list ul li:hover button {background:var(--secondary-color);}

footer              {margin-top: 50px;float:left;width:100%;background: var(--deep-color);color: var(--grey-border-color);font-size: 0.8rem;padding: 15px 0 4px;}
footer .footer-in   {display: flex;justify-content: space-between;}
footer .cs-social   {float: left;}
footer .cs-social li    {margin: 0 15px 0 0;}
.copy-social        {float: left;width: auto;display: flex;align-items: center;}
.copy               {margin-right: 20px;}
.design-credit a    {color: var(--grey-border-color);text-decoration: none;}
.design-credit a:hover  {color: var(--secondary-color);}



/* Backend Styles */

body.dashboards         {overflow:hidden !important;}

#b-header               {float: left;width:100%;background: var(--white-color);position: fixed;z-index: 9999;}
.b-header-inner         {display: flex;justify-content: space-between;margin: 0 auto;max-width:97%;align-items: center;}
.b-header-logo          {float: left;width:auto;padding: 10px 0;}
.b-header-logo img      {width: 120px;}
.b-header-logout        {float: right;width: auto;display: flex;align-items: center;}
.b-header-logout p      {color:var(--deep-color); border-right:1px solid #d3d3d3;padding-right: 20px;margin-right: 20px;}


#b-content                  {float: left;width: 100%;height: auto;}
.b-content-sidebar          {float: left;width:14%;position: fixed;height: 100vh;background: var(--deep-color);padding:120px 20px 20px 20px;}
.b-content-sidebar-inner    {display: block;position: relative;float: left;width: 100%;height: 100vh;}
.b-content-sidebar-menu     {float: left;width: 100%;}
.b-content-sidebar-foot     {float: left;width: 100%;color: #f6f6f6;font-size: 0.6rem;position: absolute;bottom: 20%;line-height: 1.4;}
.b-content-sidebar-foot a   {color: #f6f6f6;text-decoration: none;}
.b-content-main             {float: right;width:85.8%;height: 100vh;padding:120px 20px 40px 20px;overflow-y: scroll;}
.b-content-main-title       {float: left;width: 100%;padding: 0 30px;}
.b-content-main-title h1    {font-size: 2.6rem;margin-bottom: 20px;float: left;width: auto;}
.b-content-main-title h1.full        {float:left; width:100%;}

.b-content-main-title button {float: right;width:auto;border: none;outline: none;background: transparent;margin-left: 20px;}
.b-content-main-title button a {float: left;margin-top: 10px;width: auto;padding: 12px 20px;border-radius: 50px;background: var(--primary-color);color: var(--white-color);border: none;font-family: 'Rubik', sans-serif;font-weight: bold;}

.b-content-main-title h2    {font-size: 1.1rem;margin-bottom: 8px;}
.b-content-main-title p     {color:var(--grey-text-color);}
.b-content-main-content, .b-content-main-stats       {float:left;width:100%;}
.b-content-main-content-ad  {padding: 0 30px;}

.b-content-main-content button  {padding: 13px 0 9px;border: 0;background: transparent;cursor: pointer;}
.full-box {float: left;width: 100%;margin-bottom: 25px;}
.w-170 {width:170px;}

.b-content-main-stats       {margin-top: 50px;padding: 0 30px;}
.b-content-main-stats ul    {display: flex;justify-content: space-between;}
.b-content-main-stats ul li {border:1px solid #D4D4CB; min-height:230px;position: relative;display: inline-block;width:18%;padding:20px;text-align: center;border-radius: 20px;background: rgb(236,198,236);background: -moz-linear-gradient(0deg, rgba(236,198,236,1) 0%, rgba(255,255,255,1) 65%);background: -webkit-linear-gradient(0deg, rgba(236,198,236,1) 0%, rgba(255,255,255,1) 65%);background: linear-gradient(0deg, rgba(236,198,236,1) 0%, rgba(255,255,255,1) 65%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ecc6ec",endColorstr="#ffffff",GradientType=1);}
.b-content-main-stats ul li:hover {background:#ecc6ec}
.b-content-main-stats ul li img {width:30px;margin:0 auto;display:none;}
.b-content-main-stats ul li h3  {font-size: 2rem;margin-top:10px;}
.b-content-main-stats ul li p   {font-size: 1rem;}
.b-content-main-stats ul li .btn   {width: 80%;margin-top: 30px;position: absolute;bottom: 20px;}
.b-content-main-stats ul li .btn a {width: 100%;}

#remove-last-child ul li:last-child {visibility: hidden;}
#remove-last-two ul li:last-child {visibility: hidden;}
#remove-last-two ul li:nth-child(4n) {visibility: hidden;}

button.btn {float: left;width: 100%;margin: 20px 0;background: var(--primary-color);color: var(--white-color);border-radius: 8px;padding: 10px 0}
.btns-new .acct-bt {margin-bottom:7px;}
.profile-form   {float:left;width:100%;margin:12px 0 0;padding: 0 30px;}
.profile-form p {font-size:13px;}
.pflr           {float:left;width:100%;}
.pflr input[type="submit"] {float: left;font-family: 'Poppins';cursor:pointer;font-weight:bold;width: 100%;background: orange;border: 0;outline: none;color: white;padding: 16px;box-sizing: border-box;border-radius: 7px;margin-bottom: 10px;}
.pflr input[type="submit"]:hover {background: green;}

.pflr ul.mt-2 li {list-style: none;margin: 0 0 13px;float: left;background: #ff0000;color: #fff;width: 100%;border-radius: 4px;}
.pflr ul.mt-2   {margin: 0;float: left;padding: 0;}
.bt-divider     {float: left;width: 100%;text-align: center;margin: 0 0 5px;}
.pfl, .pfr      {width:48%;position:relative;}
.pfl            {float:left;}
.pfr            {float:right;}
.pfl .text-danger, .pfr .text-danger {position: absolute;bottom: 0;left: 0;font-size: 11px;color: #d50000;font-weight: bold;line-height: 10px;}
.profile-form input[type="number"]      {border-radius: 6px;float: left;width: 100%;box-sizing: border-box;padding: 11px;border: 1px solid #ccc;outline: 0;margin-bottom: 14px;}
.pfl input[type="password"]             {border-radius: 6px;float: left;width: 100%;box-sizing: border-box;padding: 13px;border: 1px solid #ccc;outline: 0;margin-bottom: 14px;}
.profile-form input[type="tel"]         {border-radius: 6px;float: left;width: 100%;box-sizing: border-box;padding: 11px;border: 1px solid #ccc;outline: 0;margin-bottom: 14px;}
.profile-form input[type="text"]        {border-radius: 6px;float: left;width: 100%;box-sizing: border-box;padding: 11px;border: 1px solid #ccc;outline: 0;margin-bottom: 14px;}
.profile-form input[type="date"]        {border-radius: 6px;float: left;width: 100%;box-sizing: border-box;padding: 11px;border: 1px solid #ccc;outline: 0;margin-bottom: 14px;}
.profile-form select                    {border-radius: 6px;float: left;width: 100%;box-sizing: border-box;padding: 11px;border: 1px solid #ccc;outline: 0;margin-bottom: 14px;}
.profile-form textarea                  {border-radius: 6px;float: left;width: 100%;box-sizing: border-box;padding: 11px;border: 1px solid #ccc;outline: 0;margin-bottom: 14px;font-family: 'Poppins';}
.profile-form input[type="password"]    {border-radius: 6px;float: left;width: 100%;box-sizing: border-box;padding: 12px;border: 1px solid #ccc;outline: 0;margin-bottom: 14px;}
.profile-form input[type="file"]        {border: 1px solid #ccc;border-radius: 6px;float: left;width: 100%;box-sizing: border-box;padding: 8px;outline: 0;margin-bottom: 14px;}

.profile-form fieldset                  {border: 1px solid #ccc;margin-bottom: 20px;border-radius: 6px;text-align: center;}
.profile-form button, .pfr button       {float: left;width: 100%;cursor: pointer;background:var(--primary-color);color: #fff;box-sizing: border-box;padding: 11px;border: 0;border-radius: 7px;outline: 0;font-family: 'Poppins';}
.profile-form label                     {font-size:12px;float: left;width: 100%;}
.profile-form input[type="email"], 
.profile-form input[type="url"],
.profile-form input[type="tel"]       {font-family: 'Poppins', sans-serif; margin-top: 10px;float: left;padding: 10px;border-radius: 6px;width:100%;box-sizing: border-box;border: 1px solid #ccc;outline:none;}
.prof-note                              {font-size: 13px;color: #717171;margin: 10px 0;}

#image-upload-container {width:80%;margin: 0 auto;}
.image-upload {position: relative;max-width:100%;display: inline-block;width:100%;margin: 0 10px 30px;height: 152px;box-sizing: border-box;}
.image-upload label {height:156px;max-width: 96%;}
.image-upload input[type="file"] {display: none;}
.upload-icon {display: flex;justify-content: center;align-items: center;width: 100%;height: 100px;border: 2px dashed #007bff;border-radius: 10px;cursor: pointer;transition: background-color 0.3s ease;}
.upload-icon:hover {background-color: #e9ecef;}
.upload-icon i {font-size: 28px;color: #007bff;}
.upload-icon img {width: 100%;height: 100%;object-fit: cover;border-radius: 10px;}
.invalid-feedback {display: block;}
.listing-img-edit {display: none;}
.listing-img-tag {font-size: 11px !important;text-align: center;}

.small-txt {font-size: 0.7rem;}

.table-box   {float:left;width:100%;margin:12px 0 0;}
table       {font-family: 'Poppins', sans-serif;border-collapse: collapse;width: 100%;}
.table-link a     {text-decoration: none;color: inherit;}
.table-link a:hover {color:orange}
td, th      {text-align: left;padding: 8px;font-weight:normal;}
th          {font-weight: bold;font-size: 12px;padding: 10px 20px 10px;}
td          {font-size: 13px;text-transform: capitalize;padding: 10px 20px 3px;}
tr          {vertical-align: top;border-bottom: 1px solid #e6f4f4;}
.sm-detail  {float: left; font-size: 10px;width:100%;}

.table-form select {width: 100%;padding: 5px;border: 1px solid #ccc;border-radius: 8px;margin-bottom: 8px;}
.table-form button {width:100%;background:#f2e7d5;border: 1px solid #e9cc9d;color:#000; padding:6px;border-radius: 7px;cursor:pointer;}

.w-347      {width:347px;}
.w-100      {width:100px;max-height:50px;overflow:hidden;margin-bottom:5px;}
.w-200      {width:200px;}
.w-100 img, .w-200 img  {width:100%;height:auto;}
.act-btn    {width: 200px;}
.act-btn button, .act-btn2 button, .act-btn3 button, .act-btn4 button, .act-btn5 button, .act-btn6 button, .act-btn7 button, .act-btn8 button, .act-btn9 button, .act-btn10 button    {background:#f2e7d5;border: 1px solid #e9cc9d;color:#000; padding:6px;border-radius: 7px;cursor:pointer;}
.act-btn button:hover, .act-btn2 button:hover, .act-btn3 button:hover, .act-btn4 button:hover, .act-btn5 button:hover, .act-btn6 button:hover, .act-btn7 button:hover, .act-btn8 button:hover, .act-btn9 button:hover, .act-btn10 button:hover   {background:transparent;border:1px solid #e9cc9d}
p.oroption           {text-align:center;float:left;width:100%;padding:5px 0;margin:0;}
.orbutton           {cursor:pointer;float: left;width: 100%;background: #ffa010;color: #fff;padding: 15px;border: 0;border-radius: 5px;font-size: 15px;font-weight: bold;}
.orbutton:hover     {background:#176100;}

.act-btn2   {width:338px;}
.acct-bt    {float:right;width:auto;margin-left: 7px;position:relative;}
.acct-bt:last-child {margin-left: 0;}
.acct-bt2    {float:right;width:auto;margin-bottom: 5px;}

.bt-tooltip {position: absolute;background: #000;color: #fff;top: -31px;display: none;font-size: 10px;text-align: center;line-height: 11px;padding: 3px;border-radius: 6px;}
.acct-bt:hover > .bt-tooltip {display: block;}

.act-btn3 {width:198px;}
.act-btn6 {width:352px;}
.act-btn3 a, .act-btn4 a, .act-btn5 a, .act-btn6 a, .act-btn10 a {cursor: pointer;}

tr:nth-child(odd)       {background:#fff;}
tr:nth-child(even)      {background-color:#e6f4f4;}

.messag {float: left;width: 100%;text-align: center;margin: 5px 0;color: #fff;padding: 8px 0;font-size: 14px;border-radius: 3px;}
.general .messag {float: none;max-width: 70%;text-align: center;margin: 5px auto;color: #fff;padding: 8px 0;font-size: 14px;border-radius: 50px;}
.search-container {width:88%;float: left;margin-top: 6px;border-radius: 8px;background:#fff;}
.flash-message {position: absolute;right: 0;bottom: 30%;margin: 10px 0;width: 273px;z-index: 999999;transition: opacity 0.5s ease;}

.flash-message + .flash-message {bottom: calc(30% + 50px);}

/* Optional: add a fade-out effect to hide messages after a certain time */
.flash-message.hidden {opacity: 0;}

.alert-success, .alert-danger, .alert-warning, .alert-info, .alert-pinfo {border-top-left-radius: 8px;border-bottom-left-radius: 8px;padding:10px;margin-bottom:20px;color: #fff;}
.alert-success {background: green;}
.alert-danger {background: red;}
.alert-warning  {background: var(--secondary-color);color: #fff;}
.alert-info {background: blue;}

#search-clear {float: left;width: 100%;background: #e6f4f4;border-radius: 10px;padding: 10px 20px;box-sizing: border-box;}
#search-clear input[type="search"] {background:transparent; font-size: 12px;float: left;width: 92%;border-radius: 0;outline: none;padding: 10px 10px;box-sizing: border-box;border: none;height: 48px;font-family: 'Rubik', sans-serif;}

#search-clear button {width: 8%;float: right;background: transparent;border: none;outline: none;padding:12px 12px 9px;}

#search-clear button img {width:25px;height:auto;}
#search-clear .grey-bttn {float: right;width: 10%;box-sizing: border-box;margin-top: 6px;}
#search-clear .grey-bttn a {width: 100%;box-sizing: border-box;border-radius: 7px;text-decoration: none;background: #f2e7d5;border: 1px solid #e9cc9d;float: left;padding: 16px 12px;font-size: 12px;color: #000;margin-left: 0;text-align: center;}
#search-clear .grey-bttn a:hover {background: #fff;}

.search-form-grid {float: left;width: 92%;display: grid;grid-template-columns: repeat(auto-fit, minmax(21%, 1fr));gap: 10px;}
.search-form-grid label {font-size: 10px;padding: 0 10px;float: left;margin: 12px 0 0;}
.search-form-grid-button {padding-top:20px}
#search-clear input[type="text"],#search-clear input[type="date"], #search-clear select {width: 100%; padding: 10px;margin: 7px;border: 1px solid #ccc;border-radius: 7px;}
h3.earnings-title {padding: 20px 0 0;float: left;}

.pagination-container nav {display: flex;justify-content: center;margin: 20px 0 40px;}
.pagination-container ul {list-style: none;display: flex;gap: 10px;padding: 0;}
.pagination-container li {margin: 0;}
.pagination-container a,
.pagination-container span {display: block;padding: 8px 12px;text-decoration: none;color: #007bff;border: 1px solid #ddd;border-radius: 4px;transition: background-color 0.3s, color 0.3s;}
.pagination-container a:hover {background-color: #007bff;color: white;}
.pagination-container .active span {background-color: #007bff;color: white;border-color: #007bff;}


/* Overlay Background */
.modal-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 999;display: none;}

/* Modal */
.modal {position: fixed;max-height:96vh;overflow-y:scroll; width: 50%;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #fff;padding: 30px;border-radius: 10px;z-index: 1000;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);}
.secondary button {background:#000;margin-bottom:10px;}
.n-otice {color: #c78a2f;font-size: 15px!important;margin-bottom: 9px;}

/* Content blur (optional) */
body.modal-open {overflow: hidden;}

.modal-content {position: relative;}
.tit-price {float:left;width:100%;}
.tit-price h3 {float:left;width:100%;font-size: 1.2rem;text-align: center;margin-top: -4px;}
.tit-price p {float: left;width: 100%;text-align: center;font-size: 1.3rem;color: #898989;}
.modal-content .profile-form {float: left;width: 100%;margin: 12px 0 0;padding: 25px;background: #F7F8EB;border-radius: 25px;}
.close-modal {position: absolute;top:-25px;right: 10px;font-size: 1.5rem;cursor: pointer;}
.modal-content input[type="text"],
.modal-content input[type="date"],
.modal-content input[type="email"],
.modal-content input[type="tel"],
.modal-content input[type="url"],
.modal-content input[type="number"],
.modal-content input[type="select"],
.modal-content button {border-radius:15px;}

.modal-content input[type="email"],
.modal-content input[type="tel"],
.modal-content input[type="url"] {margin-top:0;}

.modal-content input[type="url"] {margin-bottom:10px;}

.modal-content .profile-form fieldset {padding: 2px 14px;border: 1px solid #ccc;margin-bottom: 20px;border-radius: 15px;text-align: left;float: left;width: 100%;height: 78px;}

.form-images-box {display:grid;gap:20px;grid-template-columns: repeat(auto-fit, minmax(48%, 1fr));}
.form-images-box .image-upload {margin: 0;height: 40px;}
.form-images-box .image-upload label {height: 40px;}
#additional-equipment-container button {background: #4E4E4E;margin: 2px 0 10px 0;}

/*Hamburger styles*/

.hamburger          {display:none; margin: 4px 0 0 20px;float: right;width: 30px;height: 30px;flex-direction: column;justify-content: space-between;cursor: pointer;z-index: 1000;}
.hamburger .line    {width: 100%;height: 4px;background-color: #fff;transition: transform 0.3s ease, opacity 0.3s ease;}
.hamburger.active .line:nth-child(1) {transform: rotate(45deg) translate(5px, 5px);}
.hamburger.active .line:nth-child(2) {opacity: 0;}
.hamburger.active .line:nth-child(3) {transform: rotate(-45deg) translate(5px, -5px);}

.b-header-inner .hamburger          {display:none; margin: 3px 0 0 20px;float: right;width: 30px;height: 23px;flex-direction: column;justify-content: space-between;cursor: pointer;z-index: 1000;}
.b-header-inner .hamburger .line    {width: 100%;height: 4px;background-color: #333;transition: transform 0.3s ease, opacity 0.3s ease;}
.b-header-inner .hamburger.active .line:nth-child(1) {transform: rotate(45deg) translate(5px, 5px);}
.b-header-inner .hamburger.active .line:nth-child(2) {opacity: 0;}
.b-header-inner .hamburger.active .line:nth-child(3) {transform: rotate(-45deg) translate(5px, -5px);}




@media(max-width:1024px){
    .b-header-inner { max-width: 100%;padding: 0 30px;}
    .b-header-inner .hamburger {display:flex;}
    #dashBar {display:none;}
    .b-content-sidebar {width: 200px;position: absolute;overflow-y: scroll;height: 100vh;z-index: 1000;right: 0;}
    .b-content-sidebar-foot {display:none;}
    .b-content-main {float:left;width: 100%;padding: 120px 0px 40px 0px;}
    .container {max-width: 900px;}
    .side-menu {width:24%;}
    .main-content {width: 72%;}
    .mc-equipment-list ul {grid-template-columns: repeat(auto-fit, minmax(45%, 1fr));}
    .mc-equipment-list ul li img, .img-box {height:auto;}
    .info {width: 100%;}
    .price {float: left;width: 100%;margin-top: 5px;}
    .modal {width: 90%;top: 50%;left: 50%;}
}

@media(max-width:800px){
    #head .cs-social {display:none;}
    .container, .container-sm {max-width: 90%;}
    .logo-button {padding-top:20px;}
    .logo img {width: 110px;}
    .btn a {font-size: 0.9rem;padding: 10px 18px;}
    .hamburger {display: flex;}
    h1 {font-size: 2rem;}
    .side-menu {width: 100%;display:none;}
    .side-menu ul li {display: inline-block;width: auto;margin: 0 5px;}
    .side-menu ul li a {background: #ccc;border-radius: 50px;padding: 10px 19px;color: #000;}
    .main-content {width: 100%;}
    .design-credit {margin-top:5px;}
    .side-menu ul li a:hover, .side-menu ul li a.active-link, .b-content-sidebar-menu ul li a:hover, .b-content-sidebar-menu ul li a.active-link {color: #fff;}
    .right-elements .white-btn {display:none;}
    #search-clear .grey-bttn a {padding:10px 12px;}
    .table-box {overflow-x:hidden;}
    .table-responsive {float: left;width: 100%;overflow-x: scroll;}
    .table {width: 1000px;}
    .b-content-main-stats ul {display: grid;grid-template-columns: repeat(auto-fit, minmax(45%, 1fr));gap:20px}
    .b-content-main-stats ul li {width:100%;min-height: 190px;}
    .b-content-main-stats ul li .btn {width: 89%;position: absolute;bottom: 20px;}
    .b-header-logout p {display: none;}
}

@media(max-width:768px){
    .act-btn {width: 238px;}
}

@media(max-width:600px){
    .contact-sec {font-size:10px;}
    #search-box form input[type="search"] {width: 93%;}
    .form-images-box {gap: 20px;grid-template-columns: repeat(auto-fit, minmax(44%, 1fr));}
}

@media(max-width:450px){
    h1 {display:none;}
    .side-menu ul li a {padding: 5px 10px;}
    .side-menu ul li a:hover, .side-menu ul li a.active-link {padding: 5px 10px;}
    .info-price {padding: 10px;}
    .mc-equipment-list ul li .btn {padding: 0 10px;}
    .btn button {padding:10px 0;font-size: 0.7rem;}
    h3 {font-size: 0.9rem;}
    .price h4 {font-size: 0.8rem;}
    .mc-equipment-list ul {gap: 18px;}
    .mc-equipment-list ul li {padding-bottom:10px;}
    .info-price p {font-size: 0.64rem;min-height: 23px;}
    .logo img {width: 90px;}
    .btn a {font-size: 0.8rem;padding: 8px 10px;}
    .hamburger {height:24px;}
    .mc-herder h2 {font-size:1.2rem;}
    footer .footer-in {flex-direction:column;}
    .copy-social {float: left;width: 100%;display: block;}
    .design-credit {margin-top: 5px;width: 100%;float: left;}
    .copy {margin: 0 0 10px;}
    legend {font-size: 12px;font-weight: bold;}
    .tit-price h3 {font-size: 0.9rem;}
    .tit-price p {font-size: 0.8rem;}
    .modal-content .profile-form {padding:10px;}
    .profile-form input[type="text"], .profile-form input[type="date"] {margin-bottom:8px;}
    .modal-content .profile-form fieldset {margin-bottom:10px;}
    .pfl, .pfr {width: 49%;}
    .b-content-main-stats ul li .btn a {width: 89%;}
}

@media(max-width:414px){
    .modal {padding:15px;}
    #search-box form input[type="search"] {width: 89%;}
    .b-content-main-stats ul li .btn a {width: 85%;}
    .b-header-logo img {width: 95px;}
    .black-btn a {padding: 5px 12px;}
}

@media(max-width:360px){
    .b-content-main-stats ul li .btn a {width: 80%;}
}