@charset "utf-8";

@media (max-width: 768px),
(max-width: 992px) {
	.sec-login .card {
	    width: 100%;
	    overflow: unset;
	}
	.sec-login {
    width: 100%;
	}
	.cs-bg-login {
	    padding: 0 5px;
	}
	.my-ship-form {
	    margin-bottom: 15px;
	    height: 35px;
	}
	.my-ship-form h4 {
	    font-size: 16px;
	    margin-bottom: 0px;
	}

	.cs-bg label {
		font-size: 12px;
	}

	.cs-bg input {
		margin-bottom: 10px;
		font-size: 12px;
	}

	.close-b {
		margin-bottom: 10px;
	}

	.close-b img {
		width: 15px;
	}

	.cs-sec .form-check label {
		font-size: 13px;
	}

	.Create-shipment-pop .btn {
		width: 32%;
		padding: 8px;
		font-size: 13px;
	}

	.card {
		width: 100%;
		overflow: scroll;
	}

	.home-mrg {
		margin: 15px 0px 15px;
	}

	.my-ship {
		margin-bottom: 15px;
	}

	.my-ship h4 {
		font-size: 16px;
		margin-bottom: 0px;
	}

	.table-sec tr {
		font-size: 12px;
	}

	.my-ship a {
		font-size: 12px;
		padding: 10px;
	}

	.breadcrumb {
		margin-bottom: 0px;
	}

	.ship-not {
		width: 100%;
		overflow: scroll;
	}

	.ship-not-bg .lf ul li {
		font-size: 12px;
	}

	.ship-not-bg .rt ul li {
		font-size: 12px;
	}

	.ship-not-bg {
		display: flex;
		width: 500px;
	}


}
@media (min-width: 768px) {
  .dropdown-menu-arrow::before {
    content: "";
    width: 13px;
    height: 13px;
    background: #fff;
    position: absolute;
    top: -7px;
    right: 20px;
    transform: rotate(45deg);
    border-top: 1px solid #eaedf1;
    border-left: 1px solid #eaedf1;
  }
}
@media (min-width: 1400px) {
	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width: 1270px;
	}
}

@media only screen and (max-width: 1366px) {
	.table-sec tr td {
	    font-size: 12px;
	}
	.my-ship a {
		padding: 10px 20px;
	}
}

@media only screen and (max-width: 1368px) {}

@media (max-width: 1399px) {}