@charset "utf-8";
/* CSS Document */
@media (max-width:1199px) {
	.filter_list ul li {

		padding: 30px 16px;

	}
}

@media (max-width:980px) {
	.right_menubar_mid ul {
		flex-direction: column;
		position: relative;
	}

	.right_menubar_mid>ul>li {
		width: 100%;
		border-right: none;
		border-bottom: 1px solid #000;
	}

	.right_menubar_mid ul li .choices {
		z-index: 1;
		top: 35px;
	}

	.right_menubar_mid ul li .choices>label {
		width: 100%;
		text-align: left;
	}
}

@media (max-width:767px) {

	/* 2309 */
	#myTabs {
		min-width: 90%;
		top: 42px !important;
		left: auto;
		right: auto;
	}

	/* 1708 */
	.newTggleBttnNEW {
		display: block !important;
		float: none;
		margin-top: 20px !important;
	}

	.addTrckTraceBttnNew {
		margin: 0px 0px 0 0 !important;
		float: none !important;
		position: relative;
		top: 5px;
	}

	/* 0807 */
	#cartproduct section {
		width: 50%;
		float: left;
	}

	#cartproduct section:nth-child(4) div#field1 {
		float: none;
	}

	#cartproduct section:nth-child(5) input[type="submit"] {
		width: 100%;
	}



	/* 0107 */
	.select_contactdiv p::after {
		top: 30px;
	}

	.select_contactdiv p {
		float: none;
	}

	.send_mail_details p:last-child input[type="text"],
	.send_mail_details p input[type="text"] {
		min-width: 100% !important;
	}

	.send_mail .buyer_infos_submit_bttn a,
	.send_mail .buyer_infos_submit_bttn input[type="submit"] {
		display: block;
		text-align: center;
		margin: 10px auto;
	}

	.send_mail_details p:first-child input[type="text"] {
		max-width: 100%;
		min-width: 100% !important;
	}

	/* 23-04-19 */
	.staff-multiselect label.control-label {
		width: 38%;
		float: left;
		font-weight: normal;
		max-width: 120px;
		margin-bottom: 20px;
	}

	span.multiselect-native-select {
		position: relative;
		width: 73%;
		padding: 0;
		margin: 0px 0 0 0;
	}

	.open>.multiselect-container.dropdown-menu {
		width: 150px;
		min-width: 150px !important;
	}

	.multiplecheck .multiselect.dropdown-toggle {
		width: 150px;
	}

	.multiplecheck .multiselect.dropdown-toggle::after {
		display: none;
	}

	/* 20-04 */
	.admin-chat-logo img {
		max-width: 90px !important;
		padding: 10px 20px 5px 30px !important;
	}

	.logo-buttom-text {
		color: white;
		margin-left: auto !important;
		margin-top: 5px;
		padding-bottom: 9px;
		width: 100%;
	}

	/* 1403 */
	.product_setting_list,
	form.product_grp {
		width: 100%;
		float: none;
	}

	.product_setting_list p {
		width: 100%;
		float: none;
	}

	.product_setting_list .invoice_setting_infos_five_left {
		width: 100%;
	}

	.product_setting_list .invoice_setting_infos_five_left p span {
		width: auto !important;
	}

	.odrDetlNotesRight button[type="button"] {}

	.odrDetlNotesLeft p {
		word-wrap: break-word;
	}

	/* 06-02-19 */
	.tabs-nav-addProd li {
		float: none;
		width: auto;
		max-width: 100%;
		min-width: 100%;
		font-family: 'AvenirLTStd_heavy';
		text-transform: uppercase;
		font-size: 15px;
	}

	/* 16-02-19 */
	.product_group_search select {
		width: 100%;
	}

	.product_group_search p::after {
		top: auto;
		bottom: -3px;
	}



	/* 13-02-19 */
	#csv_template_frm .shippingselectdiv_country::after {
		top: 50px;
	}

	#csv_template_frm .order-buyer_infos_five_right_container .shippingselectdiv_country::after {
		top: 35px;
	}

	#csv_template_frm p select {
		width: 100%;
	}

	/*--------------------------------------------header & banner starts------------------------------------------------------*/
	/*=======================SIDEBAR NAV START=======================*/
	.hit_sidebar {
		position: relative;
		display: block;
		min-height: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		overflow: hidden;
		border: none;
		transition: all .3s cubic-bezier(.55, 0, .1, 1);
		padding-top: 0px;
		background: #fff;
		width: 100%;
		background-color: #131618;
		border-top: 1px solid #393939;
		/*    transform: translate3d(-280px,0,0);*/
	}

	.small_sidebar {
		width: 0px;
		min-width: 0px;
		transform: translate3d(0px, 0px, 0px);
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
	}

	.sidebar-open {
		min-width: 200px;
		width: 200px;
		transform: translate3d(0, 0, 0);
	}

	.sidebar-slide-push {
		position: relative;
		top: 0px;
		bottom: 0;
		/* z-index: 999;*/
		left: 0px;
		transform: translate3d(0px, 0px, 0px);
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
	}

	.admin-chat-logo img {}

	.side-menu-top {
		width: 50px;
		background: transparent;
	}

	.mob_logo_section {
		display: block;
		background: #131618;
		width: 100%;
		text-align: center;
		border-bottom: 1px solid #393939;
		width: 100%;
	}

	.right_menubar {
		margin-left: 50px;
		text-align: center;
	}

	#menu_icon {
		padding: 22px 0;
		top: -4px;
		color: #131618;
		width: 50px;
	}

	.main-container {
		position: relative;
		max-height: none;
		/* overflow: hidden; */
		z-index: 9999;
	}

	.right_menubar_right {
		width: 100%;
		float: none;
	}

	#categories-menu li {
		padding: 8px 20px 6px !important;
	}

	.toChild:after {
		top: 8px;
	}

	#categories-menu li ul {
		padding-left: 0;
	}

	#categories-menu li ul {
		padding-top: 10px;
	}

	.message_icon_box {
		border: none;
	}

	.notification_icon_box {
		border: none;
		padding: 20px 30px 24px 0px;
	}

	#notification {
		-webkit-transition: All .5s ease;
		position: fixed;
		-moz-transition: All .5s ease;
		-o-transition: All .5s ease;
		-ms-transition: All .5s ease;
		transition: All .5s ease;
		color: #444;
		font-family: Lato;
		font-weight: 300;
		position: absolute;
		top: 129px;
		right: 0px;
		margin: auto;
		border-radius: 0px;
		z-index: 9999;
		width: 90%;
		min-height: 540px;
		opacity: 0;
		visibility: hidden;
		/* border: solid 1px #000; */
		left: 0;
	}

	#screen {
		-webkit-transition: All .5s ease;
		-moz-transition: All .5s ease;
		-o-transition: All .5s ease;
		-ms-transition: All .5s ease;
		position: fixed;
		z-index: 1;
		width: 100%;
		height: 100%;
		min-height: 100% !important;
		background-color: black;
		opacity: 0;
		visibility: hidden;
		top: 0;
	}

	.notifi_popup_bttn {
		background: #fff;
		width: 50px;
		height: 64px;
		text-align: left;
		padding: 19px 0 0;
		top: -63px;
		right: 0;
		float: none;
		left: 0;
		margin: 0 auto;
	}

	.notif_heading {
		width: auto;
		margin: 0 35px 0px 0;
	}

	.dropbtn {
		background-color: transparent;
		color: #2d2d2d;
		padding: 19px 0px 19px 0px;
		font-size: 16px;
		border: none;
		cursor: pointer;
		font-family: 'AvenirLTStd_book';
		font-size: 13px;
	}

	.dropdown-content {
		min-width: 130px;
		left: 0;
	}

	/*---------content_area starts----------*/
	.sectn_content {
		position: relative;
		top: 0px;
	}

	.text-content-fields {
		width: auto;
		margin: 0 0 0 0px;
	}

	.multi_order_heading {
		width: auto;
		margin: 0 0 0 0px;
		font-size: 16px;
	}

	.margin_left .text-content-fields,
	.margin_left .text-content-fields_full_width {
		width: 82%;
		margin: 0 0 0 auto !important;
	}

	.menu_boxes_home_colorbar {
		background: #fff;
		padding: 0px 0;
		overflow: hidden;
		width: 100%;
	}

	.green_clrbar,
	.blue_clrbar,
	.grey_clrbar,
	.red_clrbar {
		width: 100%;
		float: none;
		padding: 10px 0;
		margin: 10px auto;
		max-width: 400px;
	}

	.menu_icon_boxes_home .grey_box {
		width: 100%;
		float: none;
		padding: 10px 0;
		margin: 10px auto;
		max-width: 400px;
	}

	.order_payment_table {
		max-width: 100%;
		overflow: auto;
	}

	.order-shipping_info_left input[type="text"] {
		top: 10px;
		margin-left: 0;
		margin-bottom: 10px;
		max-width: 100%;
	}

	.order-shipping_info_left,
	.order-shipping_info_right {
		width: 100%;
		float: none;
		max-width: 455px;
	}

	.shippingselectdiv select {
		width: 100%;
		top: 30px;
	}

	.shippingselectdiv:after {
		top: 55px;
		height: 28px;
	}

	.track_no input[type="text"] {
		width: 100%;
	}

	.shippingselectdiv {
		min-width: 100%;
	}

	.order_payment_details_right,
	.order_payment_details_left {
		width: 100%;
		float: none;
		text-align: left;
	}

	.order_payment_details_right_container {
		width: 100%;
		padding-right: 0px;
	}

	.odrDetlNotesLeft {
		width: 100%;
		overflow: hidden;
		float: none !important;
		display: block;
		margin: 10px 0;
	}

	.odrDetlNotesRight {
		width: 100%;
		overflow: hidden;
		float: none !important;
		display: block;
		margin: 10px 0;
	}

	/*-----------footer part starts--------*/
	.footer {
		width: 100%;
	}

	/*-------  login page ---------*/

	.login_body {
		width: 100%;
		background: url(../images/Login_bg.jpg);
		background-size: cover;
		height: 100%;
	}

	.header_login_content img {
		margin: 10% auto 0;
	}

	.form_box p {
		width: 90%;
	}

	.form_box button {
		width: 90%;
	}



	/*-------  order page ---------*/
	.order_nav_left {
		width: 100%;
		float: none;
	}

	.selectdiv {
		position: relative;
		float: none;
		min-width: 210px;
		margin: 20px auto;
		max-width: 210px;
	}

	.order_nav_right {
		width: 100%;
		float: none;
		text-align: center;
		padding: 20px 0;
	}

	.color_codes_order_list {
		padding: 0;
	}

	.color_codes_order_list ul li {
		margin: 0 20px 10px 0;
	}

	.color_codes_order_list li i {
		margin-left: 3px;
	}

	.color_codes_order_list .listing_numbers {
		float: none;
		display: block;
		overflow: hidden;
		clear: both;
		text-align: right;
		margin: 20px 0 0;
	}

	.text-content-fields_full_width {
		width: 100%;
		margin: 0 0 0 0px;
	}

	.text-content-fields_full_width {
		margin: 18px 0 0 0px;
		background: #ffff;
		padding: 0px 0 0 0px;
	}

	.status_filter,
	.saved_filter,
	.batches_filter {
		width: 100%;
		max-width: 100%;
		border-right: none;
		border-bottom: 1px solid #e5e5e5;
		position: relative;
		float: none;
		margin: 0 auto;
		text-align: center;
	}

	.statusFilter_dropdown {
		width: 50%;
		z-index: 999;
	}

	.status_filter span {
		padding-left: 0px;
	}

	.dropbtn_statusfilter span {
		padding: 3px 10px;
	}

	.checkmark_list,
	.checkmark_list_stock {
		top: 0px;
		left: 25px;
	}

	.dropdown-filter {
		display: block;
		float: none;
		padding: 10px 25px;
		border-right: none;
		border-top: 2px solid transparent;
		text-align: center;
	}

	.product_li {
		width: 100%;
	}

	.productdelete {
		right: 28%;
	}


	@media all and (-webkit-min-device-pixel-ratio:0) {

		.checkmark_list,
		.checkmark_list_stock {
			top: 34px;
			left: 25px;
		}

		.big_data_field {
			min-width: 140px !important;
		}
	}

	.order-details_one_left {
		width: 100%;
		float: none;
		margin-bottom: 20px;
	}

	.order-details_one_left li {
		float: none;
	}

	.order-details_one_left li img {
		padding: 0 30px;
		display: block;
		margin: 0 auto;
	}

	.order-details_one_left li.dw_amazon {
		max-width: 100%;
		padding: 7px 0px 7px 0;
		margin-right: 0px;
		border-right: none;
		text-align: center;
	}

	.order-details_name_no {
		max-width: 205px;
		margin: 0 auto;
	}

	.order_name_label {
		margin-left: 10px;
	}

	.order-details_one_right {
		width: 100%;
		float: none;
		padding: 0;
		max-width: 270px;
		margin: 0 auto;
		overflow: hidden;
	}

	.order-details_one_right li:last-child {
		float: right;
		margin-right: 0px;
	}

	.transit_date_box {
		width: 100%;
		float: none;
		margin: 30px auto 0;
		max-width: 196px;
		text-align: center;
	}

	.order-alert_details_three p {
		display: block;
		padding-left: 0px;
		color: #333333;
		font-size: 10px;
		font-family: 'AvenirLTStd_book';
		text-transform: uppercase;
		text-align: center;
	}

	.order-alert_details_three form {
		display: block;
		text-align: center;
		margin: 10px auto;
		max-width: 300px;
	}

	.order-alert_details_three input[type="text"] {
		margin-right: 10px;
	}

	.order-buyer_infos_five_left,
	.order-buyer_infos_five_right {
		width: 100%;
		float: none;
	}

	.bottom_details_order p input[type="text"] {
		width: auto;
		min-width: 100%;
	}

	.top_details_order p input[type="text"] {
		width: auto;
	}

	.filter_list ul li {
		padding: 30px 4px;
	}

	.tabname {
		width: 10%;

	}

	.text-content-fields_full_width {
		margin: 0 0 0 0px !important;

	}

}

@media (max-width:639px) {
	.tabheade_left {
		width: 100%;

	}

	.tabheade_right {
		width: 100%;

	}

	.massages_box_head_left {
		width: 100%;

	}

	.massages_box_head_right {
		width: 100%;

	}

	.massages_box_head_right .detedbox {

		text-align: left;

	}
}

@media (max-width:479px) {
	#exTab1 .nav-pills>li>a {
		padding: 12px 13px;
	}

	#exTab1 .nav {

		margin-right: 0;
	}

	.margin_top {
		margin: 0;
	}

	.filter_list ul li {
		padding: 10px;
		width: 100%;
		border-bottom: 1px solid #d2d2d3;
		border-right: none;
	}

	.filter_list ul li:first-child {

		text-align: center;
	}

	.searchbox {
		float: none;

		text-align: center;
	}

	.text-content-fields_full_width .text-content-fields {
		margin: 0;

	}

	#searchbar {

		padding-left: 15px;

		position: relative;
		top: 0;
		border-right: 1px solid #dcdcdc;
	}

	.tabname {
		width: 17%;
	}

	.productdelete {
		top: 75px;
		right: 57%;
	}
}

@media (min-width:768px) {

	/* 1708 */
	.orderDetailsCreditReqSwitch {
		float: left;
		margin-left: 155px;
		margin-top: -25px;
	}

	/* 0908 */
	.trckSrchHalf {
		width: 50%;
		float: left;
	}

	.trckSrchHalf .custom-select {
		width: 60%;
	}

	/* 23-04-19 */
	.multiplecheck b.caret {
		display: none;
	}

	.multiplecheck .multiselect.dropdown-toggle::after {
		content: '\f107';
		font: normal normal normal 14px/1 FontAwesome;
		color: #333333;
		right: 0px;
		top: 5px;
		height: 34px;
		padding: 5px 0px 0px 8px;
		border-left: none;
		position: absolute;
		pointer-events: none;
	}


	.sectn_content {
		position: relative;
		top: 64px;
	}

	.checkmark_list {
		top: 0px;
		left: 25px;
	}

	.checkmark_list_stock {
		left: 10px;
		top: 0px;
	}

	/*-------- scroll top --------*/
	.cd-top {
		right: 20px;
		bottom: 20px;
	}

	@media all and (-webkit-min-device-pixel-ratio:0) {

		.checkmark_list {
			top: 0px;
			left: 25px;
		}

		.checkmark_list_stock {
			left: 10px;
			top: 30px;
		}

		.order_list_table {
			/*width:1060px;*/
			overflow: auto;
		}

		.order_list_table>tbody>tr>td {
			padding: 25px 20px 25px 0;
			font-size: 11px;
			vertical-align: middle;
			font-family: 'Open Sans', sans-serif;
			font-size: 11px;
			font-weight: 400;
		}

		/*.order_list_table > thead > tr > th { min-width:120px; padding:0;}*/
		.big_data_field {
			min-width: 140px !important;
		}
	}

}

@media (min-width:768px) and (max-width:991px) {

	/* 0807 */
	#cartproduct section:nth-child(1) {
		width: 100%;
		float: none;
	}

	#cartproduct section:nth-child(3),
	#cartproduct section:nth-child(4),
	#cartproduct section:nth-child(4) {
		width: 33%;
		float: left;
	}

	/* 0107 */
	.select_contactdiv p::after {
		top: 30px;
	}

	.select_contactdiv p {
		float: none;
	}

	.send_mail_details p:last-child input[type="text"] {
		min-width: 100% !important;
	}

	/* 13-05-19 */
	.email_template p input[type="text"] {
		min-width: 220px !important;
	}

	.email_select_template select {
		min-width: 220px;
	}

	/* 23-04-19 */
	.multiplecheck .multiselect.dropdown-toggle {
		margin-left: 10px;
	}

	span.multiselect-native-select {
		width: 71%;
		float: left;
	}

	.staff-multiselect label.control-label {
		max-width: 120px;
	}


	/* 20-04 */
	#menu_icon {
		position: absolute !important;
		top: 7px !important;
		right: 9px !important;
	}

	.logo-buttom-text {
		position: absolute !important;
		top: 45px !important;
	}

	.admin-chat-logo img {
		padding: 4px 20px 5px 30px;
		width: 90px;
	}

	/* 1403 */
	.product_setting_list,
	form.product_grp {
		width: 100%;
		float: none;
	}

	.odrDetlNotesRight button[type="button"] {
		margin-top: 20px;
	}

	.odrDetlNotesLeft p {
		word-wrap: break-word;
	}

	/* 16-02-19 */
	.product_group_search select {
		width: 100%;
	}

	.product_group_search p::after {
		top: auto;
		bottom: -3px;
	}

	.header_text {
		padding-top: 5px;
		padding-left: 10px;
	}

	.header_text span {
		font-size: 12px;
	}

	.header_text input {
		background: #fff;
		border: 1px solid #ccc;
		width: 100%;
	}

	.dropbtn {
		padding: 19px 7px !important;
	}

	/*--------------------------------------------header & banner starts------------------------------------------------------*/
	.header {}

	#screen {
		z-index: 99999;
		min-height: 100% !important;
		position: fixed;
	}

	#notification {
		top: 64px;
		right: 168px;
		z-index: 99999;
		width: 60%;
	}

	.notifi_popup_bttn {
		background: #fff;
		width: 73px;
		height: 64px;
		padding-top: 20px;
	}

	/*--------------------------------------------content_area starts------------------------------------------------------*/
	.content_area {
		width: 100%;
	}

	.margin_left .text-content-fields {
		margin: 0 auto !important;
		width: 85%;
	}

	.menu_icon_boxes_home .grey_box {
		width: 32%;
	}

	.green_clrbar,
	.blue_clrbar,
	.grey_clrbar,
	.red_clrbar {
		width: 32%;
	}

	.right_menubar_left {
		width: 40%;
	}

	.right_menubar_left h1 {
		padding: 27px 0px 20px 20px;
		font-size: 12px;
	}

	.right_menubar_right {
		width: 60%;
	}

	.dropbtn {
		padding: 19px 10px 19px 10px;
	}

	.dropdown-content {
		min-width: 150px;
		left: 0px;
	}


	#notification {
		top: 64px;
		right: 168px;
		z-index: 99999;
	}

	.notifi_popup_bttn {
		background: #fff;
		width: 73px;
		height: 64px;
		padding-top: 20px;
	}

	/*-------  login page ---------*/
	/*.login_body{ width: 100%; background: url(../images/Login_bg.jpg); background-size: cover; height: 100%; }*/

	.icloud_login-bg {
		width: 100%;
		height: 100%;
		background-image: url(../images/Login_bg.jpg);
		vertical-align: top;
		margin: 0;
		padding: 0;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.header_login_content img {
		margin: 10% auto 0;
	}


	.color_codes_order_list ul li {
		margin: 0 20px 10px 0;
	}

	.color_codes_order_list li i {
		margin-left: 3px;
	}

	.color_codes_order_list .listing_numbers {
		float: none;
		display: block;
		overflow: hidden;
		clear: both;
		text-align: right;
		margin: 20px 0 0;
	}

	.order_nav_left {
		width: 100%;
		float: none;
		clear: both;
		overflow: hidden;
	}

	.order_nav_right {
		width: 100%;
		float: none;
		text-align: center;
		padding: 20px 0;
	}

	.status_filter span {
		padding: 0px 10px 0px 10px;
	}

	.dropdown-filter {
		display: inline;
		float: left;
		padding: 15px 20px;
		border-right: none;
	}

	.blue_drpdwn_box_noBorder .dropdown-filter {
		display: inline;
		float: left;
		padding: 15px 40px;
		border-right: none;
	}

	.selectdiv select {
		margin: -7px 0px 10px 0px;
	}

	.order-details_one_left {
		width: 100%;
		float: none;
		overflow: hidden;
		display: block;
		margin-bottom: 20px;
	}

	.order-details_one_right {
		width: 100%;
		float: none;
		padding: 0;
		max-width: 270px;
		margin: 0 auto;
		overflow: hidden;
	}

	.order-details_one_right li:last-child {
		float: right;
		margin-right: 0px;
	}

	.transit_date_box p {
		max-width: 70px;
		margin: 0 auto;
	}

	.transit_date_box p span {
		max-width: 50px;
		margin: 0 auto;
	}

	.order_payment_table {
		max-width: 100%;
		overflow: auto;
	}

	.order-shipping_info_left input[type="text"] {
		top: 10px;
		margin-left: 0;
		margin-bottom: 10px;
		max-width: 100%;
	}

	.order-shipping_info_left,
	.order-shipping_info_right {
		width: 100%;
		float: none;
		max-width: 455px;
	}

	.shippingselectdiv select {
		width: 100%;
		top: 30px;
	}

	.shippingselectdiv:after {
		top: 55px;
		height: 28px;
	}

	.track_no input[type="text"] {
		width: 100%;
	}

	.shippingselectdiv {
		min-width: 100%;
	}

	.order_payment_details_right_container {
		width: auto;
		padding-right: 0px;
	}

	.order-buyer_infos_five_left,
	.order-buyer_infos_five_right {
		width: 100%;
		float: none;
	}

	.top_details_order p input[type="text"],
	.bottom_details_order p input[type="text"] {
		width: auto;
		min-width: 100%;
	}

	/*--------------------------------------------------------------footer part starts---------------------------------------------------------*/

	.footer {
		width: 100%;
	}

	.productdelete {
		right: 28%;
	}


}

@media (min-width:992px) and (max-width:1199px) {

	/* 0107 */
	.select_contactdiv p::after {
		right: 12px;
	}

	.select_contactdiv p {
		float: none;
	}

	.send_mail_details p:last-child input[type="text"] {
		min-width: 100% !important;
	}

	.import_template_setting p span,
	.staff-multiselect label.control-label {
		width: 130px !important;
	}

	.import_template_setting p span::after,
	.staff-multiselect label.control-label::after {
		position: relative !important;
		margin-left: 10px;
	}

	.import_template_setting span.multiselect-native-select {
		width: 200px;
		float: left;
	}

	/* 13-05-19 */
	.email_template p input[type="text"] {
		min-width: 300px !important;
	}

	/* 20-04 */
	#menu_icon {
		position: absolute !important;
		top: 7px !important;
		right: 9px !important;
	}

	.logo-buttom-text {
		position: absolute !important;
		top: 45px !important;
	}

	.admin-chat-logo img {
		padding: 4px 20px 5px 30px;
		width: 90px;
	}

	/* 1409 */
	form.product_grp {
		width: 47%;
		float: left;
	}

	form.product_grp #product_group {
		width: 200px !important;
	}

	.product_setting_list {
		width: 48%;
		float: right;
	}

	.odrDetlNotesRight button[type="button"] {
		margin-top: 20px;
	}

	.odrDetlNotesLeft p {
		word-wrap: break-word;
	}

	/* 16-02-19 */
	.header_text {
		padding-left: 20px;
	}

	.header_text span {
		font-size: 14px;
	}

	.header_text input {
		background: #fff;
		border: 1px solid #ccc;
		width: 150px;
	}

	/*--------------------------------------------header & banner starts------------------------------------------------------*/
	.header {}


	#screen {
		z-index: 99999;
		position: fixed;
	}

	#notification {
		top: 64px;
		right: 175px;
		z-index: 99999;
		width: 35%;
	}

	.notifi_popup_bttn {
		background: #fff;
		width: 73px;
		height: 64px;
		padding-top: 20px;
	}


	/*--------------------------------------------content_area starts------------------------------------------------------*/

	.content_area {
		width: 100%;
	}

	.margin_left .text-content-fields {
		margin: 0 auto !important;
		width: 85%;
	}

	.menu_icon_boxes_home .grey_box {
		width: 32.60%;
	}

	.green_clrbar,
	.blue_clrbar,
	.grey_clrbar,
	.red_clrbar {
		width: 32.60%;
	}

	.dropbtn {
		padding: 19px 10px 19px 10px;
	}

	.dropdown-content {
		min-width: 150px;
		left: 0px;
	}

	/*-------  login page ---------*/
	.icloud_login-bg {
		width: 100%;
		height: 100%;
		background-image: url(../images/Login_bg.jpg);
		vertical-align: top;
		margin: 0;
		padding: 0;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.header_login_content img {
		margin: 10% auto 0;
	}

	.selectdiv {
		margin: 0;
	}

	.status_filter span {
		padding: 0px 10px 0px 10px;
	}

	.color_codes_order_list ul li {
		margin: 0 20px 10px 0;
	}

	.color_codes_order_list li i {
		margin-left: 3px;
	}

	.color_codes_order_list .listing_numbers {
		float: none;
		display: block;
		overflow: hidden;
		clear: both;
		text-align: right;
		margin: 20px 0 0;
	}

	.dropdown-filter {
		display: inline;
		float: left;
		padding: 15px 15px;
		border-right: 1px solid #e1e2e2;
	}

	.order-details_one_left li img {
		padding: 0px 30px 0;
	}

	.transit_date_box p {
		max-width: 70px;
		margin: 0 auto;
	}

	.order_payment_table {
		max-width: 100%;
		overflow: auto;
	}

	.order-shipping_info_left input[type="text"] {
		top: 10px;
		margin-left: 0;
		margin-bottom: 10px;
		max-width: 100%;
	}

	.order-shipping_info_left,
	.order-shipping_info_right {
		width: 100%;
		float: none;
		max-width: 455px;
	}

	.shippingselectdiv select {
		width: 100%;
		top: 30px;
	}

	.shippingselectdiv:after {
		top: 55px;
		height: 28px;
	}

	.track_no input[type="text"] {
		width: 100%;
	}

	.shippingselectdiv {
		min-width: 100%;
	}

	.order_payment_details_right_container {
		width: auto;
		padding-right: 25px;
	}

	.order-buyer_infos_five_left,
	.order-buyer_infos_five_right {
		width: 100%;
		float: none;
	}

	.top_details_order p input[type="text"],
	.bottom_details_order p input[type="text"] {
		width: auto;
		min-width: 100%;
	}


	/*--------------------------------------------------------------footer part starts---------------------------------------------------------*/

	.footer {
		width: 100%;
	}

}

@media (min-width:1200px) {

	.import_template_setting p span,
	.staff-multiselect label.control-label {
		width: 130px !important;
	}

	.import_template_setting p span::after,
	.staff-multiselect label.control-label::after {
		position: relative !important;
		margin-left: 10px;
	}

	.import_template_setting span.multiselect-native-select {
		width: 200px;
		float: left;
	}

	/* 21-05 */
	.email_select_template.insert_value {
		position: relative;
		float: left;
		min-width: 25%;
		margin: 0px 0px 0 0;
		min-height: 80px;
		width: 25%;
	}

	.email_select_template.insert_value p {
		max-width: 90%;
	}

	.email_select_template.insert_value select {
		width: 95%;
		min-width: 95% !important;
	}

	.email_select_template.insert_value span {
		width: 90% !important;
		display: block !important;
		min-height: 42px;
	}

	.email_select_template.insert_value span::after {
		position: relative !important;
	}

	/* 13-05 */
	.email_select_template select {
		min-width: 500px;
	}

	/* 20-04 */
	#menu_icon {
		position: absolute !important;
		top: 7px !important;
		right: 9px !important;
	}

	.logo-buttom-text {
		position: absolute !important;
		top: 45px !important;
	}

	.admin-chat-logo img {
		padding: 4px 20px 5px 30px;
		width: 90px;
	}

	/* 16-02 */
	.header_text span {
		font-size: 14px;
	}

	.header_text input {
		background: #fff;
		border: 1px solid #ccc;
		padding: 5px;
	}

	#box-category {
		height: 100%;
		/*overflow-y: scroll;overflow-x: hidden;*/
	}

	/* #box-category {height: 565px;overflow-y: scroll;overflow-x: hidden;}	 */

	.container {
		width: 1200px;
	}

	/*--------------------------------------------header & banner starts------------------------------------------------------*/

	.right_menubar_right {
		width: 25%;
		float: right;
		text-align: right;
	}

	#screen {
		position: fixed;
	}

	.notifi_popup_bttn p {
		padding-top: 20px;
		cursor: pointer;
	}

	#notif_details_text {
		overflow: auto;
		max-height: 550px;
		min-height: 400px;
	}

	/*--------------------------------------------content_area starts------------------------------------------------------*/

	.content_area {
		width: 100%;
	}

	.menu_boxes_home_colorbar,
	.menu_icon_boxes_home {
		max-width: 95%;
	}

	.sectn_content {
		position: relative;
		top: 64px;
	}

	.order-shipping_info_right_container {
		width: auto;
		float: left;
		padding-left: 70px;
	}


	/*--------------------------------------------------------------footer part starts---------------------------------------------------------*/

	.footer {
		width: 100%;
	}

	.icloud_login-bg {
		width: 100%;
		height: 100%;
		background-image: url(../images/Login_bg.jpg);
		vertical-align: top;
		margin: 0;
		padding: 0;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.order_product_title {
		width: 270px;
	}

	.profile_img {
		margin-top: -3px;
	}

}

/*-------- scroll top --------*/
.cd-top {
	height: 60px;
	width: 60px;
	right: 30px;
	bottom: 30px;
}

@media (min-width:1300px) {

	.hidden-lg-custom {
		display: none;
	}

	.transit_time_details {
		/*width: auto; display: block; max-width: 977px;*/
		margin: 30px 2px 20px 42px;
		display: flex;
		width: 100%;
		float: left;
	}

	.green_dash_start {
		width: 17px;
		background: #2dd185;
		height: 4px;
		float: left;
	}

	.transit_time_details .fa-check-circle {
		float: left;
		font-size: 30px;
		margin-top: -10px;
		margin-left: 5px;
		margin-right: 5px;
		color: #2dd185;
	}

	.transit_time_details .fa-minus-circle {
		float: left;
		font-size: 30px;
		margin-top: -10px;
		margin-left: 5px;
		margin-right: 5px;
		color: #cccccc;
	}

	.green_dash_with_text {
		float: left;
		width: 135px;
		border-top: 4px solid #2dd185;
		text-align: center;
	}

	.green_dash_with_text p,
	.grey_dash_with_text p {
		color: #555555;
		font-size: 10px;
		font-family: 'AvenirLTStd_book';
		text-transform: uppercase;
		padding: 10px 0 0;
	}

	.grey_dash_with_text {
		float: left;
		width: 135px;
		border-top: 4px solid #cccccc;
		text-align: center;
	}

	.grey_dash_end {
		width: 17px;
		background: #cccccc;
		height: 4px;
		float: left;
	}

	.transit_time_taken_details {
		display: block;
		width: 100%;
		float: left;
		text-align: right;
		max-width: 945px;
		margin: 0;
	}

	.transit_time_taken_details p {
		padding-right: 0px;
	}

	.flex-table {
		display: flex;
		justify-content: center;
		max-width: 90%;
		width: 100%;
		margin-top: 60px;
	}
}

@media (max-width:767px) {
	.name-number-form input[type="text"] {
		width: 100%;
		min-width: 200px;
		float: none;
	}

	.coNameholder,
	.coAddBttns,
	.coDtlpartLeft,
	.coDtlpartRight {
		width: 100%;
		float: none;
		display: block;
		padding-bottom: 10px;
		text-align: left;
	}

	.coDtlpartLeft p span.fldName,
	.coDtlpartRight p span.fldName,
	.coDtlpartLeft p span.fldContent,
	.coDtlpartRight p span.fldContent {
		float: none;
		display: block;
		text-align: center;
	}

	.userSaveBox button[type="submit"] {
		margin-right: 10px;
		margin-bottom: 10px;
	}

	.name-number-form-manage input[type="text"] {
		width: 100%;
		min-width: 200px;
		float: none;
		margin: 0;
	}

	.get_rate {
		width: 140px !important;
		margin-bottom: 10px !important;
		display: block;
	}

	.order_ship_form {
		display: block !important;
		width: auto !important;
		position: relative;
		left: inherit;
		transform: inherit;
		margin-bottom: 10px !important;
	}

	.order_ship_form2 {
		display: block !important;
		width: auto !important;
		float: none;
		;
	}

	.multi_order_status {
		top: 12px;
		left: -7px;
		width: 90px;
		max-width: 90px;
		font-size: 14px;
	}

	.ship_btm .main-row {
		margin-top: 50px;
	}

	.transit_date_details {
		flex-wrap: wrap;
		justify-content: center;
	}

	.transit_date_box_4 {
		width: 21%;
		margin-bottom: 15px;
		height: 97px;
	}
}

@media (min-width:768px) and (max-width:991px) {

	.coDtlpartLeft,
	.coDtlpartRight {
		width: 100%;
		float: none;
		display: block;
		padding-bottom: 10px;
		text-align: left;
	}

	.coDtlpartLeft p span.fldName,
	.coDtlpartRight p span.fldName,
	.coDtlpartLeft p span.fldContent,
	.coDtlpartRight p span.fldContent {
		float: none;
		display: block;
		text-align: center;
	}

	.get_rate {
		width: 140px !important;
		margin-bottom: 10px !important;
		display: block;
	}

	.order_ship_form {
		display: block !important;
		width: auto !important;
		position: relative;
		left: inherit;
		transform: inherit;
		margin-bottom: 10px !important;
	}

	.order_ship_form2 {
		display: block !important;
		width: auto !important;
		float: none;
		;
	}

	.order_ship_form input,
	.order_ship_form2 input {
		float: none;
	}
}