@charset "UTF-8";


@media only screen and (min-width: 1275px) {
	.commonTable .table-responsive {
		overflow-x: inherit;
	}
}
@media (min-width: 1800px) and (max-width: 1870px) {
	.chooseItemPackage ul li {
		width: 163px;
	}
}
@media only screen and (max-width: 1800px) {
	/*Header*/
	.headerInner,
	.footerInner {
		padding-left: 5%;
		padding-right: 5%;
	}

	/*Wraper*/
	.interFace {
		padding: 50px 5%;
	}
}
@media only screen and (max-width: 1600px) {
	/*Header*/
	.headerInner,
	.footerInner {
		padding-left: 3%;
		padding-right: 3%;
	}
	
	/* Data Table */
	.tableOuter table.dataTable thead th,
	.tableOuter table.dataTable tbody td{
		font-size: 14px;
	}
	
	.tableOuter table.dataTable tbody td{
		padding: 8px 10px;
	}
	.tableOuter .shippingCommonTable .table tbody td {
		padding: 0;
	}
	.tableOuter > .select_all{
		left: 10px;
	}
	.chooseItemPackage ul li {
		width: 160px;
	}
	.cpWarning p {
		font-size: 14px;
	}
	/* .mainCarousel .carousel .carousel-inner .carousel-item img {
		height: 400px;
	} */
	.accountCompany .iconButton button {
		padding: 8px 10px;
	}
	/* .addservice_details .serviceDtls span {
		padding: 7px 7px;
	} */
	
}

@media only screen and (max-width: 1500px) {
	.tableOuter .switch {
		position: relative;
		display: inline-block;
		width: 40px;
		height: 22px;
	}
	.commonTable .dataTable tbody tr td .slider:before{
		height: 15px;
		width: 15px;
		left: 2px;
	}
	.tableOuter table.dataTable thead th{
		padding: 20px 10px;	
	}
	.tableOuter .badgiesOuter {
	  width: 160px;
	}
	.choosePackageBoxText {
		font-size: 16px;
		padding-left: 15px;
	}
	.internationlShipment .interShipTable table tr td.smallFiled .valueField {
		width: 210px !important;
	}
	.internationlShipment .interShipTable table tr td .select2 {
		width: 200px !important;
	}
	.internationlShipment .interShipTable table tr td.descriptionFiled .form-control {
		min-width: 300px;
	}
	.tablistingButtons .tabButton + .tabButton {
		margin-left: 30px;
	}
	.providerPackages .item-container .form-group .item_field {
		width: 450px;
	}
	.mainCarousel .carousel .carousel-inner .carousel-item img {
		height: 340px;
	}
	.accountCompany .iconButton button {
		padding: 8px 9px;
	}
	.interFace {
		padding: 30px 5%;
	}
}

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

	/*Header*/
	.textLink,
	.header .headInfo .initialsAvatar .dropdown-toggle {
		font-size: 14px;
	}

	/*Dashboard*/
	.shipmentGrid {
		padding: 40px 30px;
	}
	.shipmentGridBody p {
		font-size: 15px;
	}

	/*Create shipment*/
	.shipmentPageHeader .shipmentTablisting > * {
		min-width: 170px;
		padding: 12px 15px;
	}

	/*Shipment*/
	.shipmentsSearchButton .shipmentsSearch {
		width: 375px;
	}
	.shipmentTable table.dataTable th, 
	.shipmentTable table.dataTable td {
		font-size: 14px;
	}

	/*Tracking Information Modal*/
	.trackingInformationStatus .table tr th {
		font-size: 14px;
	}
	.trackingInformationStatus .table tr td {
		font-size: 20px;
	}
	.trackingStepProgressbar {
		margin: 30px 0;
	}

	/*Step Progress Bar*/
	.stepProgressbar li span img {
		max-width: 120px;
		max-height: 60px;
	}
	.trackingInformationTable .table tr th, 
	.trackingInformationTable .table tr td {
		font-size: 15px;
	}

	/*Add new pickup request*/
	.submittedRequestGrid {
		margin-top: 25px;
		margin-bottom: 25px;
	}
	.pickupCompanyLogo img {
		max-width: 130px;
	}
	.commonStepSlideOuter h4 {
		font-size: 18px;
		margin-bottom: 15px;
	}
	.submittedRequestGrid p {
		font-size: 17px;
		padding-top: 5px;
	}

	.shippingServicesTable tr td:nth-child(1) {
		width: 40%;
	}
	/* .shippingServicesTable tr td:nth-child(2), .shippingServicesTable tr td:nth-child(3){
		width: 10%;
	} */


	/* Data Table */
	.tableOuter table.dataTable thead th,
	.tableOuter table.dataTable tbody td{
		font-size: 14px;
	}
	.tableOuter table.dataTable tbody td{
		padding: 8px 10px;
	}
	.productDetailOuter .main-img {
		height: 300px;
	}
	.cpWarning::before {
		width: 50%;
	}
	.cpWarning {
		grid-template-columns: 50% 50%;
	}
	.mainCarousel .carousel .carousel-inner .carousel-item img {
		height: 370px;
	}
	.accountCompany .iconButton button {
		padding: 8px 7px;
	}

}



@media (max-width: 1366px) {
	.choosePackageBoxText {
		font-size: 14px;
		padding-left: 15px;
	}
	.shipmentSectionTable .filterButtons .filterButtons .shipmentsSearch {
		width: auto;
	}
	.internationlShipment .interShipTable table tr td .form-control {
		/* width: 100px; */
	}
	#myaccount-datatable-table_wrapper #myaccount-datatable-table tr td {
		font-size: 13px;
		padding: 8px;
	}
	.shipmentGridBody h4 {
		font-size: 18px;
	}
	.chooseItemPackage ul li {
		width: 155px;
	}
	.providerPackages .item-container .form-group .item_field {
		width: 380px;
	}
	.mainCarousel .carousel .carousel-inner .carousel-item img {
		height: 330px;
	}
	.accountCompany .accountCompanyField {
		width: 77%;
	}
	.addservice_details .serviceDtls {
		grid-template-columns: 51% 49%;
		margin-bottom: 6px;
	}
	.sendersection {
		height: 150px;
	}
	.commonBg.orderCommonBg {
		padding: 20px;
	}
	.commonBg.orderCommonBg form .addMultiplePieces {
		margin-top: 0;
	}
	.shippingOptionsTable .userSection tr td:nth-child(1) {
		width: 50%;
	}
	
}

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

	/*Header*/
	.logo a {
		width: 220px;
	}

	/*Heading Text*/
	.headingText h2,
	.headingText h3,
	.headingText h4 {
	font-size: 26px;
	}
	.textWrappingLg .sizeWeightTabs {
		position: relative;
		top: 0;
		right: 0;
		margin: 20px 0 0;
	}

	/*Form*/
	.formInfoContent__textImage {
		width: 90%;
	}
	.formInfoContent__textImage h2 {
		font-size: 35px;
	}
	.formInfoContent__textImage p {
		font-size: 14px;
	}
	.form-group {
		margin-bottom: 20px;
	}
	.form-control-icon i {
		font-size: 16px;
	}
	.form-control-icon img {
		width: 22px;
	}
	.buttonOuter {
		margin-top: 30px;
	}

	/*commonButton*/
	.commonButton.wide {
		min-width: 280px;
		font-size: 16px;
	}

	/*Page Header*/
	.pageHeader h3 {
		font-size: 35px;
	}

	/*Modals*/
	.modal-dialog {
		max-width: 90%;
		margin: 20px auto;
	}
	.commonModal .modal-body, .commonModal .modal-footer {
		padding: 0 30px;
	}
	.selectDifferentLocation .checkbox-label label,
	.radioButton .radio-label {
		font-size: 15px;
	}
	.commonModal .modal-body .modal-footer {
		padding: 20px 0 40px;
	}
	.commonModal .modal-footer {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.commonModal .commonButton {
		min-width: auto;
		font-size: 14px;
		padding: 8px 30px;
	}

	/*Step Progress Bar*/
	.stepProgressbar li::before {
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 13px;
	}
	.trackingStepProgressbar .stepProgressbar li::before {
		font-size: 13px;
	}
	.stepProgressbar li span img {
		max-width: 100px;
		max-height: 60px;
	}
	.stepProgressbar li {
		font-size: 13px;
	}

	.trackingInformationTable .table tr th, 
	.trackingInformationTable .table tr td {
		font-size: 14px;
	}

	/*Shipments*/


	/*Add new pickup request modal*/
	.commonStepSlideOuter {
		padding: 40px 0;
	}
	.commonStepSlideOuter h4 {
		font-size: 20px;
		margin-bottom: 20px;
	}
	.shippingCourierButtons {
		margin-top: 25px;
	}
	.selectRadioBtn {
		width: 200px;
		height: 100px;
	}
	.selectRadioBtn label img {
		max-width: 150px;
		max-height: 30px;
	}
	.submittedRequestGrid h4 {
		font-size: 16px;
		margin-bottom: 10px;
	}
	.pickupCompanyLogo img {
		max-width: 150px;
	}

	/*Footer*/
	.footerLinks li,
	.socialIcons li {
		font-size: 15px;
	}


	/* Data Table */
	.tableOuter table.dataTable tbody td{
		font-size: 13px;
	}
	table.dataTable thead th{
		padding: 20px 10px;
	}
	.tableOuter .badgiesOuter, .tableOuter .tableEllipsisText{
		width: 150px;
	}

	.shipmentPageBody .stepSlide .headingText h4 {
		font-size: 20px;
	}
	.stepProgressbar li:before {
		border: 8px solid #DFDFDF;
	}
	.stepProgressbar li.active:before {
		background-size: 16px;
	}
	.accountForm .accountCheck .select_all {
		top: 105px;
	}
	.tablistingButtons .tabButton .fileBox {
		width: 175px;
		height: 175px;
	}
	.mainCarousel .carousel .carousel-inner .carousel-item img {
		height: 390px;
	}
	.accountCompany .iconButton button {
		height: 45px;
		font-size: 13px;
	}
}
@media (max-width: 1340px) {
	#recipientsDataTable-table tr td.dt-control, #recipientsDataTable-table tr th.dt-control {
		display: table-cell;
	}
	.recipientsTable .table tr th.dt-control {
		display: table-cell;
	}
}
@media (max-width: 1280px) {
	.cpWarning p {
		font-size: 13px;
	}
	.providerPackages .item-container .form-group .item_field {
		width: 300px;
	}
	.mainCarousel .carousel .carousel-inner .carousel-item img {
		height: 300px;
	}
}
@media only screen and (max-width: 1199px) {


	/*Header*/
	.header .headerContact span {
		display: none;
	}

	.pageHeader h4 {
		font-size: 17px;
	}
	.pageHeaderColumn {
		width: 100%;
		margin-top: 20px;
	}

	/*Heading Text*/
	.headingText {
		margin-bottom: 30px;
	}
	.headingText h2 {
		font-size: 26px;
	}

	/*Form*/
	.commonLoginForm__head h1 {
		font-size: 38px;
	}
	.commonLoginForm__head h4 {
		font-size: 17px;
	}
	.commonLoginForm__head {
		margin-bottom: 30px;
	}
	#checkoutProgress {
		margin: 0px auto 30px;
	}
	.formInfoContent,
	.commonLoginForm {
		padding: 30px;
	}
	.form-control {
		font-size: 13px;
	}
	.commonLoginForm__details .buttonOuter .commonButton {
		font-size: 14px;
		min-width: 140px;
		padding: 10px 20px;
	}

	/*Common Button*/
	.commonButton {
		font-size: 14px;
	}

	/*Data Tables*/
	table.dataTable thead th {
		padding: 12px 10px;
		font-size: 13px;
	}
	table.dataTable tbody td {
		font-size: 13px;
	}

	/*Shipment Grid*/
	.shipmentGridBody p {
		font-size: 14px;
	}
	.shipmentGrid {
		padding: 30px 20px;
	}
	.shipmentGridHead img {
		max-width: 170px;
		max-height: 90px;
	}

	/*Cost center Table*/
	.tableOuter.costTableWrap > .select_all {
		top: 78px;
	}

	/*Settings*/
	.tablistingButtons .tabButton + .tabButton {
		margin-left: 50px;
	}
	.tablistingButtons .tabButton .fileBox {
		width: 160px;
		height: 160px;
	}
	.tablistingButtons .tabButton img {
		max-width: 70px;
		max-height: 75px;
	}

	/*Create shipment*/
	.shipmentPageHeader .shipmentTablisting > * {
		min-width: 140px;
		padding: 8px 12px;
		margin: 0 20px;
	}
	.shipmentPageHeader .shipmentTablisting > * + ::before {
		top: 10px;
		left: -26px;
	}
	.choosePackageBoxText {
		font-size: 16px;
		padding-left: 15px;
	}

	/*Shipment*/
	.shipmentsSearchButton .shipmentsSearch {
		width: 100%;
	}
	.shipmentTable table.dataTable th, 
	.shipmentTable table.dataTable td {
		font-size: 12px;
	}
	.shippingTable h4 {
		font-size: 18px;
	}

	/*Tracking Information Modal*/
	.shipmentTrackingModal .modal-body {
		padding: 0;
	}
	.trackingInformationStatus .table tr th {
		font-size: 13px;
	}
	.trackingInformationStatus .table tr td {
		font-size: 16px;
	}
	.trackingStepProgressbar {
		margin: 20px 0;
	}

	.createShipmentModal .modal-body, 
	.createShipmentModal .modal-footer {
		padding-left: 20px;
		padding-right: 20px;
	}


	/*Senders*/
	.dataTables_filter label {
		font-size: 14px;
	}
	.tableOuter > .select_all {
		top: 108px;
	}
	.dataTables_wrapper .dataTables_filter input {
		width: 100%;
		max-width: 230px;
		height: 45px;
		font-size: 14px;
		padding: 0 15px;
	}
	.dt-buttons .dt-button i {
		font-size: 18px;
	}
	.dt-buttons .dt-button span {
		font-size: 15px;
	}

	/*Footer*/
	.footerLinks li,
	.socialIcons li,
	.footerSiteLinks > a {
		font-size: 14px;
	}

	.optionsOuter .input-group, .optionsOuter .form-group{
		width: 100%;
	}
	.optionsOuter  .input-group1, .optionsOuter .form-group {
		width: 100%;
	}
	#sendersDataTable-table tr td.child ul li, #recipientsDataTable-table tr td.child ul li {
		display: flex;
		display: -webkit-flex;
		margin-bottom: 8px;
	}
	#sendersDataTable-table tr td.child ul li .dtr-title, #recipientsDataTable-table tr td.child ul li .dtr-title {
		margin-right: 10px;
		font-weight: 500;
	}
	#sendersDataTable-table tr td.child ul li .dtr-data .badgiesOuter, #recipientsDataTable-table tr td.child ul li .dtr-data .badgiesOuter {
		width: auto;
	}
	#user-datatable-table tr td.dt-control::before {
		margin: 0 5px 0 0;
	}
	#user-datatable-table tr td.child ul li {
		display: flex;
		gap: 10px;
		margin-bottom: 10px;
	}
	#user-datatable-table tr td.child ul li .dtr-title {
		font-weight: 500;
	}
	#user-datatable-table tr td.child ul li .dtr-data .actionTableData .dropdown-toggle img {
		width: 20px;
	}
	#user-datatable-table tr td.child ul li .dtr-data .status-btn {
		padding: 2px 10px;
	}
	.tableOuter .table td .shipmentsDropdown .dropdown-menu{
		max-width: 170px;
		min-width: 170px;
	}
	.tableOuter .table td .shipmentsDropdown .dropdown-menu li a,
	.tableOuter .table td .shipmentsDropdown .dropdown-menu li button {
		padding: 5px 15px;
	}
	.choosePackageBox .choosePackageBoxIcon {
		width: 60px;
		height: 60px;
	}
	.choosePackageBox .choosePackageBoxIcon img {
		max-width: 86%;
	}
	.choosePackageBox .choosePackageBoxText {
		font-size: 12px;
		padding-left: 15px;
	}
	.mainCarousel .carousel .carousel-inner .carousel-item img {
		height: 250px;
	}
	.accountCompany {
		display: block;
	}
	.accountCompany .accountCompanyField {
		width: 100%;
	}
	.accountCompany .iconButton {
		text-align: left;
		margin-left: 0;
	}
	.accountCompany .iconButton .editButton {
		margin-top: 10px !important;
	}
	.commonBg.orderCommonBg .senderInformation .table tr:nth-last-child(2) th, .commonBg.orderCommonBg .senderInformation .table tr:nth-last-child(2) td {
		padding-top: 2px;
	}
	.sendersection {
		height: 135px;
	}
	.commonBg.orderCommonBg form .form-group {
		margin-bottom: 10px;
	}
	.commonBg.orderCommonBg .item-container .choosePackageForm h3, .commonBg.orderCommonBg .item-container .headingText h3 {
		margin: 10px 0 0;
	}
}
@media only screen and (max-width: 1024px) {
	.headerInner {
		padding: 10px 3%;
	}
	.commonLogin {
		padding-top: 68px;
	}
	.commonLogin .commonLoginForm__head h1 {
		font-size: 32px;
	}
	.commonLogin .commonLoginForm__head h4 {
		font-size: 15px;
	}
	.commonLogin .formInfoContent, .commonLogin .commonLoginForm {
		min-height: 400px;
	}
	#sendersDataTable-table tr .dt-control, #sendersDataTable-table_wrapper .table tr th.dt-control {
		display: table-cell;
	}
	.secdetsTable .select_all {
		top: 90px;
		left: 70px;
	}
	/* .userShipmentTable .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td.dt-control {
		white-space: nowrap;
	} */
	.sendersCheck .select_all {
		left: 55px;
	}
	.internationlShipment .interShipTable .table-responsive {
		overflow-x: auto;
	}
	#schedulePickup .modal-header {
		padding: 30px 30px 20px;
		margin-bottom: 0;
	}
	#schedulePickup .modal-header h2 {
		font-size: 28px;
	}
	#schedulePickup .modal-body form .stepSlide .commonStepSlideOuter {
		padding: 20px 0;
	}
	#schedulePickup .modal-body form .stepSlide .commonStepSlideOuter .pType {
		margin-bottom: 10px !important;
	}
	#schedulePickup .modal-body form .selectDifferentLocation h4 {
		margin-bottom: 0;
	}
	#schedulePickup .modal-body form .selectDifferentLocation .radioButton {
		margin-top: 10px;
	}
	#schedulePickup .modal-body form .selectDifferentLocation .checkbox-label-large {
		margin-top: 10px;
	}
	#schedulePickup .selectDifferentLocation .radioButton .radio-border {
		top: 3px;
	}
	#schedulePickup .selectDifferentLocation .radioButton .radio-label::after {
		top: 7px;
	}
	.tablistingButtonsInner {
		/* flex-direction: column; */
		flex-wrap: wrap;
	}
	.tablistingButtons .tabButton + .tabButton {
		margin: 10px 0;
	}
	.providerPackages .item-container .form-group .item_field {
		width: 230px;
	}
	.choosePackageForm .form-group label {
		font-size: 11px;
	}
	.mainCarousel .carousel .carousel-inner .carousel-item img {
		height: 280px;
		object-fit: cover;
		object-position: center;
		-o-object-position: center;
	}
	.commonBg.orderCommonBg {
		padding: 10px;
	}
	.commonBg.orderCommonBg .searchBg {
		padding: 10px;
	}
	.commonBg.orderCommonBg .senderInformation {
		margin-top: 10px;
	}
	.commonBg.orderCommonBg .add_service {
		margin-top: 10px !important;
	}
	.commonBg.orderCommonBg .sendersection {
		height: 170px;
	}
	.commonBg.orderCommonBg .sendersection .table tr td, .commonBg.orderCommonBg .sendersection .table tr th {
		font-size: 12px;
	}
	.commonBg.orderCommonBg form .form-group .form-control {
		height: 39px;
	}
	.commonBg.orderCommonBg form .addMultiplePieces button {
		font-size: 12px;
		padding: 3px 7px;
	}
	.commonBg.orderCommonBg form .stepSlide .commonButton {
		padding: 7px 23px;
		min-width: 120px;
		font-size: 13px;
	}
	.commonBg.orderCommonBg form .searchBox .searchBoxBorder {
		height: 39px;
	}
	.commonBg.orderCommonBg form .searchBox .searchIcon {
		width: 42px;
		height: 37px;
	}

}
@media (min-width: 992px) and (max-width: 1024px) {
	.mainCarousel .carousel .carousel-inner .carousel-item img {
		height: 180px;
	}
}
@media only screen and (max-width: 991px) {

	/*Header*/
	.logo a {
		width: 190px;
	}
	.header .headInfo > * + * {
		margin-left: 12px;
	}
	.header .commonButton.small {
		font-size: 12px;
		padding: 4px 12px;
	}
	.textLink, 
	.header .headInfo .initialsAvatar .dropdown-toggle {
		font-size: 13px;
	}	

	/*Wraper*/
	.interFace {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	/*Heading Text*/
	.headingText {
		margin-bottom: 30px;
	}
	.headingText.large h2 {
		font-size: 30px;
	}
	.headingText h2 {
		font-size: 26px;
	}
	.headingText h3 {
		font-size: 24px;
	}
	.headingText h4 {
		font-size: 20px;
	}

	/*Page Header*/
	.pageHeader h3 {
		font-size: 32px;
	}

	.pageHeaderColumn {
		flex-wrap: wrap;
	}
	.pageHeaderColumn .iconButtons {
		flex: 0 0 100%;
		max-width: 100%;
		margin-top: 15px;
	}

	/*Form*/
	.formInfoContent__textImage h2 {
		font-size: 27px;
	}
	.formInfoContent__textImage p {
		font-size: 12px;
	}
	.accountText {
		font-size: 14px;
		margin-top: 20px;
	}
	.commonLogin .formInfoContent, .commonLogin .commonLoginForm {
		min-height: 600px;
	}

	/*Shipment Grid*/
	.filterButtons.shipmentsSearchButton {
		width: 100%;
		max-width: 100%;
		min-width: inherit;
	}
	.shipmentGrid {
		padding: 30px 15px;
	}
	.shipmentGridHead img {
		max-width: 140px;
		max-height: 70px;
	}
	.shipmentGridBody h4 {
		font-size: 16px;
	}
	.shipmentGridBody p {
		font-size: 13px;
	}


	/*Settings*/
	.tablisting {
		min-height: auto;
	}
	.tablistingButtons .tabButton + .tabButton {
		margin-left: 30px;
	}


	/*Create shipment*/
	.senderInformation {
		padding-right: 130px;
	}
	.senderInformation.newSection {
		padding-right: 15px;
	}
	.senderInformation.newSection .form-group .select2 {
		width: 100% !important;
	}
	.shippingServicesTable tr td:first-child {
		font-size: 14px;
		padding-left: 25px;
	}
	.deliveryDate span {
		font-size: 13px;
	}

	.shippingServicesTable table.dataTable tbody th, 
	.shippingServicesTable table.dataTable tbody td {
		padding: 5px 20px;
		border-color: #E3EAF4;
	}
	.serviceCompany > img {
		max-width: 80px;
		max-height: 12px;
	}
	.serviceCompany span {
		padding-left: 10px;
	}

	.textDropdown .dropdown-toggle {
		font-size: 16px;
	}
	.shippingTable h4 {
		font-size: 16px;
	}

	.alertMessage .alertIcon {
		width: 50px;
		height: 40px;
	}
	.alertMessage .alertIcon i {
		font-size: 20px;
	}
	.alertMessage .alertText {
		width: calc(100% - 80px);
		font-size: 13px;
		padding-left: 12px;
	}
	.alertMessage .alert .btn-close {
		width: 22px;
		height: 22px;
		top: 9px;
		right: 10px;
		border-width: 1px;
		background-size: 8px;
	}

	/*Pagination*/
	.paginate_button {
		width: 35px;
		height: 35px;
		font-size: 13px;
	}

	/*Footer*/
	.footerInner {
		/* display: block; */
		text-align: center;
	}
	.footerSiteLinks {
		justify-content: center;
		margin-top: 10px;
	}

	/*Common Modals*/
	.commonModal .modal-header {
		padding-top: 30px;
	}

	/*Tracking Information Modal*/
	.shipmentTrackingModal .modal-header {
		padding-top: 15px;
	}
	.shipmentTrackingModal .modal-header h2 {
		font-size: 18px;
	}
	.trackingInformationStatus .table tr th {
		font-size: 11px;
	}
	.trackingInformationStatus .table tr td {
		font-size: 14px;
	}

	/*Step Progress Bar*/
	.trackingInformationTable .table tr th, 
	.trackingInformationTable .table tr td {
		font-size: 13px;
		}

	/*Add new pickup request modal*/
	.submittedRequestGrid::before {
		width: 100%;
		height: 1px;
		top: inherit;
		right: 0;
		bottom: -40px;
	}
	.pickupDateTable table.dataTable {
		border: 0;
	}
	.pickupDateTable table.dataTable thead {
		position: absolute;
		clip: rect(0 0 0 0);
		width: 1px;
		height: 1px;
		margin: -1px;
		overflow: hidden;
		border: none;
		padding: 0;
	}
	.pickupDateTable table.dataTable tr {
		/* border-bottom: 3px solid #ddd; */
		border-bottom: 0;
		display: block;
		margin-bottom: .625em;
	}
	.pickupDateTable table.dataTable td {
		/* border-bottom: 1px solid #ddd; */
		border-bottom: 0;
		display: block;
		font-size: .8em;
		text-align: left;
	}
	.pickupDateTable .table thead th {
		font-size: 15px;
		padding: 10px 15px;
	}
	.pickupDateTable .table tbody td {
		font-size: 14px;
		padding: 10px;
	}
	.pickupDateTable .table tbody td:hover {
		background-color: transparent;
	}
	.pickupDateTable table.dataTable td::before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
		text-transform: uppercase;
	}
	.pickupDateTable table.dataTable tbody tr td {
		padding-left: 0;
		padding-right: 0;
		border-bottom: 1px solid #ddd;
		white-space: inherit;
	}

	/*Table Responsiveness*/
	/* .shipmentTable table.dataTable {
		border: 0;
	}
	.shipmentTable table.dataTable thead {
		position: absolute;
		clip: rect(0 0 0 0);
		width: 1px;
		height: 1px;
		margin: -1px;
		overflow: hidden;
		border: none;
		padding: 0;
	}
	.shipmentTable table.dataTable tr {
		border-bottom: 3px solid #ddd;
		display: block;
		margin-bottom: .625em;
	}
	.shipmentTable table.dataTable td {
		border-bottom: 1px solid #ddd;
		display: block;
		font-size: .8em;
		text-align: right;
	}
	.summaryTable .table thead th {
		font-size: 15px;
		padding: 10px 15px;
	}
	.summaryTable .table tbody td {
		font-size: 14px;
		padding: 10px;
	}
	.summaryTable .table tbody td:hover {
		background-color: transparent;
	}
	.shipmentTable table.dataTable td::before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
		text-transform: uppercase;
	}
	.shipmentTable table.dataTable tbody tr td {
		border-bottom: 1px solid #ddd;
	}
	.shipmentTable table.dataTable tbody tr td {
		padding-left: 0;
		padding-right: 0;
		border-bottom: 1px solid #ddd;
	} */

	/*Shipments*/
	.pageHeader.shipmentsPageHeader .col-auto {
		flex: 0 0 100%;
		justify-content: flex-end;
		margin-top: 20px;
	}
	.shipmentsSearch .dropdown-menu {
		max-height: 400px;
		overflow: auto;
	}


	/*Your shipment has been created modal*/
	.upcomingPickup h3 {
		font-size: 25px;
		margin: 10px 0;
	}
	.modalShipment li {
		font-size: 14px;
	}
	#createLabel .modal-footer h4 {
		font-size: 16px;
		margin: 0 0 20px;
	}
	.tableOuter > .select_all {
		top: 78px;
		left: 20px;
	}
	#user-datatable-table tr td.dt-control::before {
		display: inline-block;
	}
	.servicesTable .headingText > i {
		font-size: 25px;
	}
	.servicesTable .headingText h2 {
		font-size: 23px;
	}
	.shipmentOptionsToggleAppend h5 {
		font-size: 17px;
	}
	.recipientsTable .select_all {
		top: 88px;
	}
	.tableOuter .table td .shipmentsDropdown .dropdown-menu {
		max-width: 170px;
    	min-width: 170px;
	}
	.tableOuter .table td .shipmentsDropdown .dropdown-menu a {
		font-size: 13px;
		padding: 6px 20px;
	}

	/* Products Page  */
	.products__grid {
		margin-bottom: 15px;
	}
	.pickupMobileHead {
		display: block;
	}
	.shipmentSectionTable {
		flex-wrap: wrap;
	}
	/* #shipmentDataTable-table tr.child td .dtr-details .shipmentsDropdown .dropdown-menu.show {
		transform: translate(180px, 0) !important
	} */
	.shipmentSectionTable .filterButtons .searchRecipientField {
		min-width: auto !important;
		max-width: 200px !important;
	}
	.shipmentSectionTable .shipmentsSearch .select2 .select2-selection {
		padding-left: 10px;
	}
	.danger-outer .tooltipOuter .tooltipInner {
		width: 160px;
		left: 20px;
	}
	.accountCheck .select_all {
		top: 118px;
		left: 10px;
	}
	#myaccount-datatable-table_wrapper #myaccount-datatable-table tr td.dtr-control {
		padding: 8px 40px 8px 8px;
		position: relative;
	}
	#myaccount-datatable-table_wrapper #myaccount-datatable-table tr td.dtr-control::before {
		height: 1em;
		width: 1em;
		margin-top: -9px;
		display: inline-block;
		color: #FA100C;
		border: 1.5px solid #FA100C;
		border-radius: 1em;
		box-shadow: none;
		box-sizing: content-box;
		text-align: center;
		text-indent: 0 !important;
		font-family: "Courier New",Courier,monospace;
		line-height: 1em;
		content: "+";
		background-color: transparent;
		position: absolute;
		right: 10px;
		top: 20px;
	}
	#myaccount-datatable-table_wrapper #myaccount-datatable-table tr.dt-hasChild td.dtr-control::before {
		color: #30D641;
		border: 1.5px solid #30D641;
	}
	.chooseItemPackage ul li {
		width: 145px;
	}
	.internationlShipment .interShipTable table tr td.smallFiled, .internationlShipment .interShipTable table tr th.smallFiled, .internationlShipment .interShipTable table tr th.unitVlaueField {
		width: auto;
		white-space: nowrap;
	}
	.internationlShipment .interShipTable table tr td input {
		width: auto;
	}
	.cpWarning p {
		font-size: 11px;
	}
	.cpWarning span.errorLogo {
		display: inline-block;
		width: 60px;
	}
	.cpWarning span.serviceErrorPost {
		font-size: 15px;
	}
	#schedulePickup form .stepSlide .commonStepSlideOuter .searchSenderSelect .select2-container--open .select2-dropdown .select2-results .select2-results__options {
		max-height: 120px;
	}
	#msform .commonStepSlideOuter .radioButton #cmp {
		font-size: 13px;
	}
	.choosePackageForm .form-group.descriptionBox {
		flex: 100%
	}
	.mainCarousel .carousel .carousel-inner .carousel-item img {
		height: auto;
	}
	.mainCarousel .carousel .carousel-control-prev, .mainCarousel .carousel .carousel-control-next {
		width: 40px;
	}
	.mainCarousel .carousel .carousel-control-prev .carousel-control-prev-icon, .mainCarousel .carousel .carousel-control-next .carousel-control-next-icon {
		background-size: 15px;
		width: 25px;
		height: 25px;
	}
	.commonBg.orderCommonBg .sendersection {
		height: auto;
	}
	
}

@media (max-width: 768px) {
	.shippingTable .shippingOptionsTable .topHeaderClass th h6 {
		font-size: 14px;
	}
}
@media only screen and (max-width: 767px) {

	/*Header*/
	.header.shadowHead .headerInner {
		display: block;
		text-align: center;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.header .headerInner .headInfo {
		justify-content: center;
		margin: 10px 0 0;
	}
	.logo a {
		width: 150px;
	}
	.textLink, 
	.header .headInfo .initialsAvatar .dropdown-toggle {
		font-size: 12px;
	}
	.header .headInfo .initialsAvatar .dropdown-toggle .profileAvatar {
		width: 30px;
		height: 30px;
	}
	.header .headInfo > * + * {
		margin-left: 10px;
	}

	/*Wrapper*/
	.commonLoginInner {
		padding-left: 5%;
		padding-right: 5%;
	}

	.pageHeader h4,
	.textDropdown .dropdown-toggle {
		font-size: 14px;
	}
	.commonButton.small {
		font-size: 13px;
	}

	/*Header Text*/
	.headingText {
		margin-bottom: 30px;
	}
	.headingText.large h2 {
		font-size: 28px;
	}
	.headingText h2 {
		font-size: 22px;
	}
	.headingText h3 {
		font-size: 20px;
	}
	.headingText h4 {
		font-size: 18px;
	}
	.headingText p {
		font-size: 14px;
	}
	.headingText > i {
		font-size: 25px;
		margin: 0 10px 0 0;
	}

	/*Page Header*/
	.pageHeader h3 {
		font-size: 28px;
	}
	.pageHeaderColumn {
		display: block;
	}
	.pageHeaderColumn .filterButtons + .filterButtons {
		margin: 15px 0 0 !important;
	}

	/*Range DatePicker*/
	.daterangepicker .ranges {
		width: 100%;
		margin: 0;
		padding: 4px;
	}
	.daterangepicker.show-calendar .ranges {
		margin-top: 0;
	}
	.daterangepicker .ranges ul {
		width: 100%;
	}


	/*Shipment Grid*/
	.shipmentGridPart {
		margin-bottom: 20px;
	}
	.shipmentGridPart:last-child {
		margin-bottom: 0;
	}

	/*Form*/
	.form-control-icon + .form-control {
		padding-right: 40px;
	}
	.formInfoContent, 
	.commonLoginForm {
		min-height: 400px;
	}
	.formInfoContent {
		border-top-left-radius: 25px;
		border-top-right-radius: 25px;
		border-bottom-left-radius: 0;
	}
	.commonLoginForm {
		border-bottom-left-radius: 25px;	
		border-top-right-radius: 0;	
	}
	.accountText {
		font-size: 13px;
	}

	/*Create Shipment*/
	.shipmentPageHeader {
		text-align: center;
		margin-top: 0;
	}

	.shipmentTablisting {
		width: 100%;
		max-width: 100%;
		margin-top: 30px;
		display: inline-block;
	}
	.shipmentPageHeader .shipmentTablisting > * {
		min-width: 140px;
		margin-top: 10px;
		padding: 8px 12px;
	}
	.shipmentPageHeader .shipmentTablisting > *:nth-last-child(2):before {
		display: none;
	}
	.userShipmentTable .dataTables_wrapper #shipmentDataTable-table_info, 
	.pickupDateTable .dataTables_info, 
	#recipientsDataTable-table_info, 
	#templateDataTable-table_info {
		font-size: 14px;
	}


	/*Table*/
	table.dataTable thead th {
		font-size: 12px;
	}


	/*Tracking Information Modal*/
	.trackingInformationStatus .table tr th, 
	.trackingInformationStatus .table tr td {
		padding: 8px 15px;
	}

	.trackingInformationTable .table tr th, 
	.trackingInformationTable .table tr td {
		font-size: 12px;
		padding: 8px 15px;
	}

	/*Table Responsiveness*/
	.trackingInformationStatus table.table {
		border: 0;
	}
	.trackingInformationStatus table.table thead {
		position: absolute;
		clip: rect(0 0 0 0);
		width: 1px;
		height: 1px;
		margin: -1px;
		overflow: hidden;
		border: none;
		padding: 0;
	}
	.trackingInformationStatus table.table tr {
		border-bottom: 3px solid #ddd;
		display: block;
		margin-bottom: .625em;
	}
	.trackingInformationStatus table.table td {
		border-bottom: 1px solid #ddd;
		display: block;
		font-size: .8em;
		text-align: left;
	}
	.summaryTable .table thead th {
		font-size: 15px;
		padding: 10px 15px;
	}
	.summaryTable .table tbody td {
		font-size: 14px;
		padding: 10px;
	}
	.summaryTable .table tbody td:hover {
		background-color: transparent;
	}
	.trackingInformationStatus table.table td::before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
		text-transform: uppercase;
		color: #222;
	}
	.trackingInformationStatus table.table tbody tr td {
		border-bottom: 1px solid #ddd;
	}
	.trackingInformationStatus table.table tbody tr td {
		border-bottom: 1px solid #ddd;
	}


	/*Your shipment has been created modal*/
	.shippingAnimation img {
		max-width: 400px;
		min-height: 300px;
	}
	.upcomingPickup {
		margin: 30px 0 0;
	}
	.upcomingPickup h3 {
		font-size: 22px;
	}
	.modalShipment li {
		font-size: 13px;
	}
	#createLabel .modal-footer h4 {
		font-size: 14px;
	}


	/*Footer*/
	.footerLinks li,
	.socialIcons li {
		font-size: 13px;
	}
	.commonLogin .formInfoContent, .commonLogin .commonLoginForm {
		min-height: 300px;
	}
	.tableOuter .table td .shipmentsDropdown .dropdown-menu{
		max-width: 150px;
		min-width: 150px;
	}

	/* Products Page */
	.products .productBox__body {
		padding: 30px 15px;
	}


	/* Filter Toggle  */
	.productsListing {
		padding-left: 0;
	}
	.filterMenu {
		display: flex;
		align-items: center;
		margin-bottom: 10px;
	}
	.filterWrap {
		position: relative;
		margin-bottom: 30px;
	}
	.filterMenuInner {
		width: 28px;
		display: block;
		margin-right: 15px;
	}
	.productsPageBody.productsPageBodyStatic .filterMenu {
		align-items: flex-start;
	}
	.filterMenuInner span {
		background: #FA100C;
		position: relative;
		width: 100%;
		height: 2px;
		border-radius: 2px;
		display: block;
		margin: 0 auto;
		transition: All 0.5s ease;
		-webkit-transition: All 0.5s ease;
		-moz-transition: All 0.5s ease;
		-o-transition: All 0.5s ease;
	}
	.filterMenuInner span:nth-child(2) {
		margin-top: 7px;
		margin-bottom: 7px;
	}
	.productsPageBody  .sidebar {
		padding: 20px;
		width: 300px;
		position: absolute;
		top: 40px;
		left: 12px;
		z-index: 10;
		border-width: 1px;
		margin-top: 10px;
    	border-radius: 5px;
		background-color: #fff;
		-webkit-transform: translateX(-200%);
		-ms-transform: translateX(-200%);
		transform: translateX(-200%);
		-webkit-transition: All 0.5s ease;
		-ms-transition: All 0.5s ease;
		transition: All 0.5s ease;
		height: 70vh;
		overflow: auto;
	}
	.productsPageBody  .sidebar.toggle {
		-webkit-transform: translateX(-15px);
		-ms-transform: translateX(-15px);
		transform: translateX(-15px);
	}
	.danger-outer .tooltipOuter .tooltipInner {
		width: 180px;
		left: -120px;
		top: 30px;
	}
	.danger-outer .tooltipOuter .tooltipInner:before {
		border-top: 0;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-bottom: 10px solid #333;
		left: 65%;
		top: -10px;
	}
	.filterButtons .shipmentsSearch {
		margin-bottom: 10px;
		width: 100%;
	}
	.filterButtons form {
		flex-wrap: wrap;
	}
	.filterButtons .shipmentsSearch .searchRecipientField {
		max-width: 100% !important;
	}
	.pickupsPageBody .pageHeaderColumn .fieldOuter {
		max-width: 100%;
		margin-bottom: 10px;
	}
	.cpWarning {
		padding-right: 10px;
	}
	.cpWarning p {
		font-size: 11px;
	}
	.packageTyping .chooseTemplate .form-check-label i {
		font-size: 16px;
	}
	.shipmentPageBody .stepSlide .headingText h4 {
		font-size: 16px;
	}
	
}
@media (max-width: 530px) {
	.sendersSection {
		margin-top: 20px;
	}
	.sendersSection button {
		margin-bottom: 10px;
	}
}
@media only screen and (max-width: 575px) {
		
	/*Header*/
	.logo a {
		width: 170px;
	}

	/*Wrapper*/
	.commonLogin {
		padding-top: 80px;
	}
	.commonBg {
		padding: 15px;
	}

	/*Page Header*/
	.pageHeader .col {
		flex: 1 0 100%;
	}
	.pageHeader .commonButton {
		margin-top: 10px;
	}
	.pageHeader h3 {
		font-size: 25px;
	}

	/*Heading Text*/
	.headingText {
		margin-bottom: 20px;
	}
	.headingText h3 {
		font-size: 16px;
	}
	.sizeWeightTabs {
		top: 0px;
	}

	/*Form*/
	.formInfoContent, 
	.commonLoginForm {
		min-height: 300px;
		padding: 20px;
	}
	.formInfoContent__textImage {
		width: 100%;
	}
	.formInfoContent__textImage h2 {
		font-size: 23px;
	}

	.commonLoginForm__head h1 {
		font-size: 30px;
	}
	.commonLoginForm__head h4 {
		font-size: 14px;
	}
	.commonLogin .commonLoginForm__head h1 {
		font-size: 28px;
	}
	.commonLogin .commonLoginForm__head h4 {
		font-size: 13px;
	}


	/*common Button*/
	.commonButton {
		min-width: inherit;
	}
	.stepSlide .commonButton {
		padding: 8px 30px;
	}

	/*Cost center Table*/
	.tableOuter.costTableWrap > .select_all {
		top: 85px;
	}

	/*Create shipment*/
	.alertMessage .alertText {
		width: calc(100% - 50px);
		font-size: 10px;
		width: 100%;
		padding-left: 12px;
		/* overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap; */
	}
	.searchBg {
		padding: 10px;
	}
	.shipmentPageHeader .shipmentTablisting > * + ::before {
		display: none;
	}
	.shipmentPageBody .stepSlide .commonButton {
		margin-top: 20px;
	}
	.senderInformation {
		padding-right: 0;
	}
	.senderInformation .sizeWeightTabs {
		display: block;
		position: relative;
		top: 0;
		right: 0;
		margin: 0 0 20px;
		padding: 0 .5rem;
	}

	/*Modals*/
	.commonModal .modal-body, 
	.commonModal .modal-footer {
		padding: 0 20px 15px;
	}
	.commonModal .modal-header {
		margin-bottom: 20px;
		padding: 40px 30px 10px;
	}
	.commonModal .modal-header h2 {
		font-size: 26px;
	}
	.commonModal .commonButton {
		min-width: auto;
		font-size: 14px;
		padding: 6px 22px;
	}

	/*Add new pickup request modal*/
	.commonStepSlideOuter h4 {
		font-size: 16px;
	}
	.selectRadioBtn {
		width: 130px;
		height: 80px;
	}
	.selectRadioBtn label img {
		max-width: 100px;
		max-height: 20px;
	}
	.submittedRequestGrid h4,
	.submittedRequestGrid p {
		padding-right: 15px;
	}

	/*Your shipment has been created modal*/
	.modalShipment {
		max-width: 100%;
	}
	.shippingAnimation img {
		max-width: 340px;
		min-height: 260px;
	}

	/*Shipments*/
	.filterButtons.shipmentsSearchButton {
		margin-top: 10px;
	}
	.recipientsFilterButton {
		position: absolute;
		top: 0;
		right: 0;
	}
	.filterButtons .statusDropdownButton .dropdown-toggle {
		padding: 8px 15px;
		font-size: 13px;
	}
	.filterButtons #recipientsFilter {
		display: block;
		text-align: center;
	}
	.shipmentTable .filterButtons #recipientsFilter .form-control {
		display: inline-block;
		margin: 10px 0 0;
	}
	/*Senders*/
	.pageHeader .col.col-flex {
		flex: 1 0 0%;
	}
	.tableOuter > .select_all {
		top: 128px;
	}
	.accountCheck .select_all {
		top: 108px;
	}
	.shipmentPageHeader .shipmentTablisting .commonButton {
		font-size: 11px;
	}
	#shipmentDataTable-table tr .child .tableEllipsisText {
		width: auto;
	}
	/* #shipmentDataTable-table tr td .shipmentsDropdown .dropdown-menu {
		transform: translate(90px, 20px) !important;
	}
	@-moz-document url-prefix() {
		#shipmentDataTable-table tr td .shipmentsDropdown .dropdown-menu {
			transform: translate(-220px, -70px) !important;
		}
	} 
	#shipmentDataTable-table tr td .shipmentsDropdown .dropdown-menu::after, 
	#shipmentDataTable-table tr td .shipmentsDropdown .dropdown-menu::before {
		display: none;
	} */
	.shipmentPageHeader .shipmentTablisting > * {
		min-width: 70px;
	}
	.shipmentPageBody .searchBox .searchIcon {
		width: 37px;
	}
	.shipmentPageBody .searchBox .select2-selection {
		padding-left: 45px;
	}
	.trackingInformationStatus table.table td {
		display: inline-table;
	}
	.trackingInformationStatus table.table td > div {
		padding: 5px;
	}
	.shippingServicesTable .shipmentOptionsToggleAppend .shipmentExclusive .optionsOuter {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
		margin-bottom: 7px;
	}
	.shippingServicesTable .shipmentOptionsToggleAppend .shipmentExclusive .optionsOuter .input-group,
	.shippingServicesTable .shipmentOptionsToggleAppend .shipmentExclusive .optionsOuter .form-group {
		padding-left: 0;
	}
	.shippingServicesTable .shipmentOptionsToggle .serviceCompany {
		display: block;
	}
	.shippingServicesTable .shipmentOptionsToggle .serviceCompany span {
		display: block;
		padding: 10px 0 0 0;
	}
	.shippingServicesTable .usendServicesAccordion {
		width: 250px;
	}
	.shippingServicesTable .shipmentExclusive {
		width: 250px;
	}
	.shippingServicesTable h5 {
		font-size: 13px;
	}
	.servicesTable .headingText h2 {
		font-size: 18px;
	}
	.create_user .buttonOuter .btnPrev {
		margin-bottom: 10px;
	}
	.secdetsTable .select_all {
		top: 138px;
		left: 60px;
	}
	.shipmentPageBody .stepSlide .headingText h4 {
		font-size: 16px;
		line-height: 22px;
	}

	.addCartContent .table tr td .productImg {
		width: 80px;
	}	
	.addCartContent .table tr td h5 {
		font-size: 16px;
		white-space: nowrap;
	}
	.shipmentSectionTable {
		flex-direction: column;
	}
	.shipmentSectionTable .filterButtons .searchRecipientField {
		min-width: 100% !important;
	}


	/*Create Shipment Modal*/
	.createShipmentModal .modal-dialog {
		max-width: 90%;
	}
	.createShipmentModal .modal-body,
	.createShipmentModal .modal-footer {
		padding-left: 20px;
		padding-right: 20px;
	}
	.footerInner {
		display: block;
	}
	.footerInner ul li {
		margin: 0 0 10px 0;
	}
	.bellIcon a i {
		font-size: 16px;
	}
	.header .commonButton.small {
		font-size: 12px;
		padding: 1px 12px;
	}
	#billing_partner {
		margin-top: 20px;
	}
	.shipmentTablisting {
		margin-top: 20px;
	}
	.serviceCompany > img {
		max-width: 80px;
		max-height: 30px;
	}
	.cpWarning::before {
		display: none;
	}
	.mainCarousel .carousel .carousel-inner .carousel-item img {
		height: 260px;
	}
	.choosePackageForm > .row .col {
		width: 100%;
		flex: 100%;
	}
	.mainCarousel .carousel .carousel-inner .carousel-item img {
		height: auto;
	}
	.mainCarousel .carousel .carousel-control-prev {
		top: 0px;
		left: 0%;
	}
	.mainCarousel .carousel .carousel-control-next {
		top: 0px;
		right: 0%;
	}
	.mainCarousel .carousel .carousel-control-prev .carousel-control-prev-icon,
	.mainCarousel .carousel .carousel-control-next .carousel-control-next-icon {
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	}
	.header .commonButton.small.verify_account span {
		display: block;
		font-size: 10px;
	}
	.header .commonButton.small.exitAccount span {
		display: block;
	}
	.accountCompany .iconButton {
		margin: 0;
	}
	.accountCompany .iconButton button {
		margin-top: 10px !important;
	}
}
/* @media (min-width: 500px) and (max-width: 574px) {
	#shipmentDataTable-table tr td .shipmentsDropdown .dropdown-menu {
		transform: translate(-40px, -70px) !important;
	}
	@-moz-document url-prefix() {
		#shipmentDataTable-table tr td .shipmentsDropdown .dropdown-menu {
			transform: translate(170px, -70px) !important;
		}
	}
} */
@media only screen and (max-width: 479px) {

	/*Header*/
	.headerInner {
		display: block;
		text-align: center;
	}
	.headButtons {
		margin: 20px 0 0;
	}

	/*Page Header*/
	.pageHeader h3 {
		font-size: 23px;
	}

	/*Common Modal*/
	.commonModal .modal-header h2 {
		font-size: 22px;
	}
	.commonModal .modal-header.bordered h2 {
		padding-bottom: 15px;
	}
	.commonModal .modal-header.bordered h2::before {
		width: 110px;
		height: 5px;
	}

	/*Cost center Table*/
	.tableOuter.costTableWrap > .select_all {
		top: 87px;
		left: 20px;
	}

	/*Wrapper*/
	.commonLogin {
		padding-top: 120px;
	}

	/*Form*/
	.form-control {
		height: 40px;
		font-size: 12px;
		padding: 5px 10px;
	}
	select.form-control {
		padding-right: 25px;
	}
	.form-control-icon {
		height: 40px;
	}
	.termsCheck {
		display: flex;
		gap: 10px;
		align-items: flex-start;
	}
	.form-group label#terms_and_con-error {
		top: 40px;
		font-size: 11px;
	}
	.commonLoginForm__details .buttonOuter .btnSubmit {
		margin: 0;
	}

	/*Settings*/
	.tablistingButtonsInner {
		display: block;
	}
	.tablistingButtons .tabButton + .tabButton {
		margin-left: 0;
		margin-top: 20px;
	}
	.tablistingButtons .tabButton {
		text-align: center;
	}

	/*Shipments*/
	.filterButtons .statusDropdownButton .dropdown-toggle {
		padding: 6px 15px;
		font-size: 12px;
	}
	.iconButtons > * {
		font-size: 18px;
	}
	.iconButtons span {
		font-size: 13px;
	}
	.dropdown.statusDropdownButton,
	.filterButtons .statusDropdownButton .dropdown-toggle {
		width: 100%;
	}
	.filterButtons .statusDropdownButton .dropdown-menu {
		max-width: 100%;
		min-width: 100%;
		text-align: center;
	}

	.tableOuter .table td .shipmentsDropdown .dropdown-menu {
		max-width: 180px;
		min-width: 180px;
	}
	.tableOuter .table td .shipmentsDropdown .dropdown-menu li a, 
	.tableOuter .table td .shipmentsDropdown .dropdown-menu li button {
		padding: 8px 15px;
		font-size: 12px;
	}
	.shipmentsSearch .dropdown-menu .form-group {
		display: block;
		margin: 0;
	}
	.shipmentsSearch .dropdown-menu .form-group + .form-group {
		margin-top: 5px;
	}
	.shipmentsSearch .dropdown-menu .form-group label {
		width: 100%;
		margin-bottom: 4px;
	}
	.shipmentsSearch .dropdown-menu .form-group label + * {
		width: 100%;
		padding-left: 0;
	}


	/*Tracking Information Modal*/

	/*Step Progressbar*/
	.stepProgressbar li::before {
		width: 25px;
		height: 25px;
		font-size: 12px;
		line-height: 25px;
	}
	.stepProgressbar li::after {
		top: 12px;
	}
	.stepProgressbar li span img {
		max-width: 60px;
		max-height: 30px;
	}
	.shipmentTrackingModal .modal-header {
		padding: 12px 15px;
	}
	.shipmentTrackingModal .modal-header h2 {
		font-size: 16px;
	}
	.shipmentTrackingModal.commonModal .btn-close {
		top: 14px;
		right: 15px;
	}

	.trackingInformationTable .table tr th, 
	.trackingInformationTable .table tr td {
		font-size: 11px;
		padding: 7px 10px;
	}

	/*Your shipment has been created modal*/
	.shippingAnimation img {
		max-width: 300px;
		min-height: 200px;
	}
	.upcomingPickup h3 {
		font-size: 18px;
	}
	.modifyButton {
		font-size: 14px;
	}
	.pickupCompanyLogo img {
		max-width: 70px;
	}
	.senderInformation .table tr th {
		font-size: 13px;
		width: 80px;
	}
	.senderInformation .table tr td {
		font-size: 13px;
	}
	.interFaceWrap a.commonButton {
		font-size: 12px;
	}
	.shipmentGrid .shipmentGridHead img {
		max-width: 170px;
    	max-height: 100px;
	}
	#ship_one .select2-container--default .select2-selection--single .select2-selection__clear {
		right: 5px;
	}
	.shipmentPageHeader .shipmentTablisting > * + *:before {
		/* content: "\f105"; */
		font-family: "Font Awesome 6 Free";
		position: absolute;
		top: 10px;
		left: -30px;
		display: block;
	}
	.shipmentPageBody .itemsHeading h4 {
		width: auto;
		font-size: 17px;
		margin-bottom: 10px;
	}
	.sizeWeightTabs {
		position: static;
	}
	.userShipmentTable .dataTables_paginate .paginate_button, .secdetsTable .dataTables_paginate .paginate_button  {
		margin-bottom: 10px;
		font-size: 12px;
		width: 32px;
		height: 32px;
	}
	.userShipmentTable .dataTables_paginate .paginate_button.previous, .userShipmentTable .dataTables_paginate .paginate_button.next, .secdetsTable .dataTables_paginate .paginate_button.previous, .secdetsTable .dataTables_paginate .paginate_button.next {
		width: auto;
	}
	.shipmentsSearchButton .shipmentsSearch {
		margin: 0;
	}
	.header .headInfo #initialsAvatarDropdown span {
		display: none;
	}
	.user_shipment_section .filterButtons .selectRecipients .commonButton {
		margin-bottom: 10px;
	}
	.shipmentTable .filterButtons .shipmentsSearch {
		margin: 0 0 10px 0;
	}
	.shipmentTable .filterButtons .shipmentsSearch .searchRecipientField {
		max-width: 100%;
	}
	.sendersSection .addButton {
		margin-left: 10px;
	}
	.recipientSection .addButton {
		margin-left: 0;
	}
	.sendersDataTable-table_wrapper .dt-buttons, #recipientsDataTable-table_wrapper .dt-buttons {
		margin-bottom: 20px;
	}
	.pickupsPageBody .pageHeaderColumn button {
		margin-top: 10px;
	}
	.commonModal .modal-header.bordered h2 {
		font-size: 19px !important;
	}
}
@media only screen and (max-width: 370px) {

	/*Your shipment has been created modal*/
	.shippingAnimation img {
		max-width: 220px;
		min-height: 160px;
	}

	/*Footer*/
	.footerLinks li {
		display: block;
	}

}
@media (max-width: 320px) {
	.header .headerInner .logo a img {
		max-width: 100px;
	}
	.header .headInfo .commonButton.small {
		font-size: 10px;
		padding: 4px 10px;
	}
	.header .headInfo > * + * {
		margin-left: 5px;
	}
	.header .headInfo .initialsAvatar #initialsAvatarDropdown {
		display: flex;
		align-items: center;
	}
	.header .headInfo .initialsAvatar #initialsAvatarDropdown span {
		width: 50px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.footerSiteLinks {
		flex-direction: column;
	}
	.footerSiteLinks a {
		font-size: 14px;
	}
	.footerSiteLinks .socialIcons {
		margin-top: 10px;
	}
	.interFaceWrap .pageHeader .commonButton {
		font-size: 13px;
	}
	#user-datatable-table tr .child ul li, #sendersDataTable-table_info tr .child ul li {
		display: flex;
		margin-bottom: 5px;
	}
	#user-datatable-table tr .child ul li .dtr-title, #sendersDataTable-table tr .child ul li .dtr-title {
		font-weight: 500;
		margin-right: 5px;
	}
	#user-datatable-table tr .child ul li .dtr-data, #sendersDataTable-table tr .child ul li .dtr-data {
		font-weight: 300;
	}
	#user-datatable-table tr .child ul li .dtr-data .status-btn,  #sendersDataTable-table tr .child ul li .dtr-data .status-btn  {
		padding: 1px 10px;
		font-size: 11px;
	}
	#user-datatable-table tr .child ul li .dtr-data .actionTableData .dropdown-toggle img {
		width: 20px;
	}
	#user-datatable-table .dataTables_paginate .paginate_button, #sendersDataTable-table .dataTables_paginate .paginate_button {
		padding: 5px 10px;
		height: 30px;
		font-size: 11px;
	}
	.tableOuter > .select_all {
		top: 160px;
	}
	.iconButtons > * + * {
		margin-left: 0;
		margin-right: 4px;
	}
	.shipmentPageHeader .shipmentTablisting > * {
		margin: 3px 5px;
	}
	.shipmentPageBody .senderInformation {
		overflow: auto;
	}
	.shipmentPageBody .senderInformation .table tr td {
		font-size: 14px;
	}
	.pickupCompanyLogo img {
		max-width: 70px;
	}
	.commonStepSlideOuter .pickupNameLocation h4 {
		font-size: 14px;
		margin-bottom: 10px;
	}
	.commonStepSlideOuter .pickupNameLocation  h5 {
		font-size: 13px;
		margin-top: 0;
	}
	#schedulePickup .commonStepSlideOuter {
		padding-top: 0;
	}
	#schedulePickup .stepProgressbar li {
		font-size: 11px;
	}
	.pickupDateTime h5 {
		font-size: 14px;
	}
	.pickupsPageBody .commonButton {
		font-size: 12px;
    	padding: 5px 20px;
	}
	#template-table tr .dt-control::before {
		display: inline-block !important;
	}
}


@media only screen and (max-width: 1400px){
	.servicesTable .table-responsive.shippingTable.estimate_price_uber table.shippingServicesTable.shippingOptionsTable tr th:first-child{
		width: 50%;
	}
	.servicesTable .table-responsive.shippingTable.estimate_price_uber table.shippingServicesTable.shippingOptionsTable tr th:nth-child(2){
	  width: 30%;
	}
	.servicesTable .table-responsive.shippingTable.estimate_price_uber table.shippingServicesTable.shippingOptionsTable tr th:nth-child(3){
	  width: 20%;
	}
}