@media (min-width: 1200px) {
	.col-xl-4 {
		flex: 0 0 33.33333333%;
		max-width: 33.33333333%;
	}

	.text-lg-right {
		text-align: right;
	}
}

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

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

@media (min-width: 992px) and (max-width: 1200px) {
	.newPricing2 .media {
		display: block;
		text-align: center;
	}

	.newPricing2 .avatar {
		height: 50px;
		width: 50px;
	}

	.newPricing2 .avatar i {
		line-height: 50px;
		font-size: 30px;
	}

}

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

	.newPricing2 .media {
		position: relative;
		width: 100%;
		z-index: 1;
	}

	.newPricing2 .avatar {
		height: 40px;
		width: 40px;
	}

	.newPricing2 .avatar i {
		line-height: 40px;
		font-size: 20px;
	}

	.newPricing2 .font-size-30 {
		font-size: 21px !important;
	}

	.newPricing2 h4,
	.newPricing2 .h4 {
		font-size: 16px;
	}

	.newPricing2>.row>[class*="col-"] {
		padding-right: 3px;
		padding-left: 3px;
	}

}

@media (min-width: 1200px) and (max-width:1439px) {
	.timeline-block-wrapper {
		height: 400px;
	}

	.booking-stats li h2 {
		font-size: 20px;
		padding: 16px 0 16px;
	}

	.booking-stats li h3 {
		padding: 28px 0 37px;
		font-size: 34px;
	}

	.wqblock h4 {
		font-size: 27px;
	}

	.icon-box {
		width: 40px;
		font-size: 19px;
		height: 40px;
		line-height: 40px !important;
	}

}

@media (min-width:768px) {
	.pdr0-768media {
		padding-right: 0;
	}

	.dispatchMobToggle,
	.dispatchUserDrop,
	.dispatchMobile_Icon {
		display: none;
	}
}

@media (max-width:1199px) {
	table.dataTable {
		white-space: nowrap;
		overflow: auto;
	}
}

@media (min-width:768px) and (max-width: 1199px) {
	.filter-listing .control__indicator {
		right: 0;
		margin: 0 auto;
	}

	.bokking-filter .filter-listing label {
		padding: 23px 0 0;
		font-size: 12px;
	}

	.timeline-block-wrapper {
		max-height: 364px;
	}

	.booking-stats li h3 {
		padding: 27px 0 36px;
		font-size: 26px;
	}

	.booking-stats li h2 {
		font-size: 18px;
		padding: 14px 0 13px;
	}

	.text-left.nomarbottom {
		text-align: center;
	}

	.wqblock h4 {
		font-size: 24px;
	}

	.block-today div {
		margin-bottom: 18px;
	}

	.icon-box {
		position: unset;
		width: 40px;
		font-size: 19px;
		height: 40px;
		transform: unset;
		text-align: center;
		margin: 0 auto;
		line-height: 40px !important;
	}
}

@media (min-width: 992px) {}

@media (max-width: 991px) {

	body:not(.dispatch_page) .wqsmall-navs,
	body.dispatch_page.menu-hide .wqsmall-navs {
		transform: translateX(-100%);
	}

	body.sidebar-closed .wqsmall-navs,
	body.dispatch_page .wqsmall-navs {
		width: 250px;
		transform: translateX(0%);
	}

	body.sidebar-closed .sec-user-plans {
		display: block !important;
	}

	body.dispatch_page .show-again {
		display: block;
	}

	body.dispatch_page.menu-hide .show-again {
		left: 10px;
	}

	body.dispatch_page.menu-hide .left-dispatch-area,
	body.dispatch_page.dispatch_page_mobile .left-dispatch-area {
		transform: translateX(-200%);
		left: 0;
	}

	body.dispatch_page.menu-hide .left-dispatch-area.hide-panel-left {
		transform: translateX(0%);
		left: 0;
	}

	body.dispatch_page.dispatch_page_mobile .show-again {
		display: none !important;
	}

	.mymap,
	.mymap.wq-mapp {
		padding: 0;
	}

	body.dispatch_page .toggle-menu-app.toggle-menu-app-right .fa-bars:before {
		content: '\f00d'
	}

	.notoifications .dropdown-menu {
		width: 300px;
		right: -86px;
	}

	.notoifications .dropdown-menu::before {
		right: 87px;
	}


	.right-header-back {
		margin-right: 30px;
	}

	.bignav {
		/* background:#1d2531; */
		/* left: -250px; */
		/* transition:none; */
	}

	.content_area {
		margin: 76px 0 0 0;
	}

	.content_area {
		padding: 0 15px;
	}

	.wqlogo-small {
		padding: 8px 17px 10px 13px !important;
	}

	.menu-list #menu-content {
		display: block;
	}

	.logo-back {
		padding-top: 5px;
		max-width: 161px;
	}

	header .wrap-common {
		margin: 0;
		width: 100%;
		padding: 0;
	}

	body.sidebar-closed .wrap-common {
		width: 100%;
		margin-left: 0px;
	}

	body.sidebar-closed .content_area {
		margin-left: 0;
	}

	.passenger_queries>span {
		position: relative;
		top: 4px;
	}

	.filter-listing.booking-counter li .tabs-checkbox label {
		font-size: 17px !important;
	}

	.filter-listing.booking-counter {
		margin: 0;
	}

}

@media (min-width:576px) {
	header .logo-back .media-575 {
		display: none;
	}

}

@media (max-width:575px) {
	.booking-stats li {
		display: block;
		margin: 17px auto;
		width: 100%;
	}

	.booking-stats li h3 {
		padding: 41px 0 46px;
		font-size: 37px;
	}

	.booking-stats li h2 {
		font-size: 21px;
		padding: 15px 0 14px;
	}

	.wqtoggle-menu-app {
		top: 20px;
		font-size: 20px;
	}

	.icon-user {
		width: 36px;
		height: 36px;
	}

	.notoifications i {
		padding-top: 5px;
	}

	.logo-back {
		padding-top: 3px;
		max-width: 44px;
	}

	.notoifications {
		padding: 0 9px;
	}

	.user-access-right .btn-primary {
		padding: 10px 5px 10px 5px;
	}

	.header-bot .bookride {
		padding: 8px 9px;
		margin-top: 5px;
		font-size: 12px;
		border-radius: 4px;
	}

	header .logo-back .media-767 {

		display: none;
	}

	.comingsoon-text h5 {
		font-size: 23px;
	}

	.price-table ul {
		padding: 0;
	}

	body.sidebar-closed .nav-side-menu li a i {
		font-size: 13px;
	}

	.left-wrap-nav .panel-body li a {
		padding: 3px 10px 3px 24px;
	}

}


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



	.foot-five .linkfoot {
		float: left !important;
		width: auto !important;
		margin-top: 0;
	}

	.copy-foot {
		padding: 19px 0 0px 0;
		text-align: left;
	}

	/* .wrap-common {
		margin:30px 0;
	} */
	.left-ar {
		top: 60%;
		left: 4%;
	}

	.right-ar {
		top: 60%;
		right: 4% !important;
	}

	.slidermain {
		position: relative;
	}

	.foot-common {
		width: 20%;
	}

	.foot-five li {
		margin: 0;
		padding: 0;
	}

	.foot-two span {
		font-size: 12px;
		padding: 0 0 4px 0;
	}

	.block-bids {
		width: 245px;
		height: 442px;
		padding: 7px;
		border: 1px solid #d5d5d9;
		margin: 10px 1px;
		vertical-align: top;
	}

	.logofoot {
		margin: 0 0 15px 0;
		text-align: left;
	}
}

@media (min-width: 800px) and (max-width: 991px) {
	.foot-five .linkfoot {
		float: left !important;
		width: auto !important;
		margin-top: 0;
	}

	.copy-foot {
		padding: 19px 0 0px 0;
		text-align: left;
	}

	.wrap-common {
		margin: 30px 0;
	}

	.left-ar {
		top: 60%;
		left: 4%;
	}

	.right-ar {
		top: 60%;
		right: 4% !important;
	}

	.slidermain {
		position: relative;
	}

	.foot-common {
		width: 20%;
	}

	.foot-five li {
		margin: 0;
		padding: 0;
	}

	.foot-two span {
		font-size: 12px;
		padding: 0 0 4px 0;
	}

	.block-bids {
		width: 245px;
		height: 442px;
		padding: 7px;
		border: 1px solid #d5d5d9;
		margin: 10px 1px;
		vertical-align: top;
	}

	.logface img {
		max-width: 100%;
	}

	.membershipwrap {
		padding: 0 15px;
	}

	.pmpro_level {
		width: 33.33%;
		float: left;
	}

	.wrap-sing {
		padding: 30px 10px;
	}

	.signle-page-content {
		padding: 0px 0 0 15px !important;
	}

	.price h2 {
		font-size: 21px;
	}

	.slider-nav__item img {
		padding: 3px;
		border: 1px solid #ccc;
		max-height: inherit !important;
		min-height: inherit !important;
		cursor: pointer;
		width: 100% !important;
	}

	.signle-page-content .yourbid input[type="text"] {
		width: 97%;
		margin: 0 0 15px 6px;
	}
}

@media (min-width: 768px) and (max-width: 799px) {
	.foot-five .linkfoot {
		float: left !important;
		width: auto !important;
		margin-top: 0;
	}

	.copy-foot {
		padding: 19px 0 0px 0;
		text-align: left;
	}

	.wrap-common {
		margin: 30px 0;
	}

	.left-ar {
		top: 60%;
		left: 4%;
	}

	.right-ar {
		top: 60%;
		right: 4% !important;
	}

	.slidermain {
		position: relative;
	}

	.foot-common {
		width: 20%;
	}

	.foot-five li {
		margin: 0;
		padding: 0;
	}

	.foot-two span {
		font-size: 12px;
		padding: 0 0 4px 0;
	}

	.membershipwrap {
		padding: 0 15px;
	}

	.pmpro_level {
		width: 33.33%;
		float: left;
	}

	.wrap-sing {
		padding: 30px 10px;
	}

	.signle-page-content {
		padding: 0px 0 0 15px !important;
	}

	.price h2 {
		font-size: 21px;
	}

	.slider-nav__item img {
		padding: 3px;
		border: 1px solid #ccc;
		max-height: inherit !important;
		min-height: inherit !important;
		cursor: pointer;
		width: 100% !important;
	}

	.signle-page-content .yourbid input[type="text"] {
		width: 97%;
		margin: 0 0 15px 6px;
	}
}

@media (max-width: 767px) {
	.lang_drop {
    gap: 4px;
    margin-right: 6px;
    font-size: 14px;
        padding-top: 4px;
}


	.dispatch-input-wrap {
		position: relative;
		z-index: 1;
	}

	.dispatchChat-dialog,
	#alertModal .modal-dialog {
		width: calc(100% - 20px);
	}

	.dispatchChat-dialog.modal-dialog-scrollable .modal-body {
		max-height: calc(100vh - 310px);
	}

	.dispatchNavMobile .dispatchDropMenu {
		right: 10px;
		left: 0;
	}

	.dispatchNavMobile .user_dropdown ul li {
		display: block;
		margin: 0;
		padding: 0;
	}

	.dispatchNavMobile .user_dropdown ul li a {
		padding: 6px 10px;
	}

	.dispatchNav.dispatchNavMobile ul.unstyled {
		padding: 0;
		display: block;
		width: 250px;
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		background-color: #1d2531;
		transform: translateX(-100%);
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.dispatchNav.dispatchNavMobile ul.unstyled li a .icon {
		font-size: 13px;
		margin: 0;
		padding-right: 20px;
	}

	.dispatchNav.dispatchNavMobile ul.unstyled .hide-inMobile {
		display: none;
	}

	body.dispatchsidebar-closed .dispatchNav.dispatchNavMobile ul.unstyled {
		transform: translateX(0%);
	}

	.dispatchUserDropMobile .dispatchDrop {
		display: flex;
		align-items: center;
		font-size: 12px;
	}

	.dispatchNav.dispatchNavMobile ul.unstyled li.dispatchLogo img {
		width: 168px;
	}

	.dispatchNav.dispatchNav ul.unstyled li a {
		padding: 10px 12px;
		display: block;
		font-size: 14px;
		color: #c3cbd8;
		border-left: 3px solid transparent !important;
	}

	.dispatchNav.dispatchNavMobile ul.unstyled li.dispatchLogo a {
		padding: 8px 12px;
	}

	.dispatchNav.dispatchNavMobile ul.unstyled li a.active {
		background-color: #303a4a;
		color: #1bbdbe;
	}

	.dispatchNav.dispatchNavMobile ul.unstyled li.dispatchLogo {
		height: 55px;
	}

	.dispatchNav.dispatchNavMobile ul.unstyled li a.dispatchCallLink .callLock {
		position: absolute;
		bottom: 50%;
		transform: translateY(50%);
		right: 35px;
	}

	.dispatchNav.dispatchNavMobile ul.unstyled li {
		margin: 0;
		display: block;
		padding: 0;
	}

	.dispatchNav.dispatchNav ul.unstyled li a.dispatchCallLink {
		color: #e33700;
	}

	.dispatchWrapper {
		margin-top: 60px !important;
	}

	.bookingTabs {
		align-items: center;
	}

	.dispatchMobToggle {
		position: absolute;
		left: 15px;
		top: 50%;
		transform: translateY(-50%);
		font-size: 23px;
	}

	.dispatchUserDropMobile {
		display: table;
		padding: 15px;
	}

	.dispatchMobile_Icon {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.dispatchMobile_header {
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}

	.dispatchMobile_Icon a:not(:first-child) {
		margin-left: 10px;
	}

	.dispatchMobile_Icon a {
		line-height: normal;
	}

	.dispatchSidebar {
		width: 100%;
		position: relative;
		left: 0;
		top: 0;
		margin: 0 !important;
		height: auto !important;
	}

	.BttomOrders-tableInner {
		max-height: 100%;
	}

	.dispatchMain {
		width: 100% !important;
		margin: 0 !important;
		height: 400px !important;
	}

	/* body.dispatch_page.withoutscrollerbar ::-webkit-scrollbar,
    body.dispatch_page.withoutscrollerbar ::-webkit-scrollbar-thumb {
       height: 12px
    } */

	.splitter-vertical,
	.driverStatus-splitter,
	.splitter-horizontal {
		display: none;
	}

	.dispatchBooking .flex-row [class*="col-"] {
		width: 50%;
	}

	.message-content h6 {
		font-size: 13px;
	}

	.dispatchBottom {
		width: 100%;
		height: auto;
		position: relative;
		left: 0;
		bottom: 0;
		min-height: 8px;
		max-height: 100%;
		padding-top: 5px;
		z-index: 2;
	}

	.dispatchHead .nav-tabs {
		max-width: 150px;
		display: flex;
	}

	.dispatchMain .hide-inMobile,
	.nw-tabs-head .hide-inMobile {
		display: none;
	}

	.mapView,
	.tableView {
		max-height: 400px;
	}

	.driverStatusBody .flex-row [class*="col-"] {
		width: 100%;
	}

	.nav-tabs>li.bottomSheetSearch input {
		width: 130px;
	}

	.filter-listing li {
		width: 50%;
		margin-bottom: 10px;
	}

	.nw-booking-filter {
		margin-left: 0;
		width: 100%;
	}

	/* .new-search-filter,
	.new-status-filter,
	.nw-booking-date {
		width: 100%;
		margin: 0px;
		margin-bottom: 10px;
	} */

	.nw-tables-header>.row>[class*='col-'] {
		padding-right: 0;
		padding-left: 0;
	}

	.nw-booking-date label,
	.new-status-filter label,
	.new-search-filter label {
		width: 100%;
	}

	.alert-popup.modalsetup-bk-2 .modal-dialog {
		width: 90% !important;
	}

	.notifications-dash a,
	body.dispatch_page .wqtoggle-menu-app {
		width: 40px;
		height: 40px;
		font-size: 17px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.notifications-dash a {
		top: unset;
		bottom: 70px;
		right: 15px;
		position: fixed;
	}

	body.dispatch_page .wqtoggle-menu-app {
		top: unset;
		bottom: 20px;
	}

	.left-dispatch-area {
		width: 100%;
	}

	.filter-listing .control__indicator {
		right: 0;
		margin: 0 auto;
	}

	.bokking-filter .filter-listing label {
		padding: 23px 0 0;
		font-size: 12px;
	}

	/* .bokking-filter {
		width: 647px;
	} */
	.bokking-filter-scroller {
		overflow: auto;
		white-space: nowrap;
	}

	.filter-box {
		text-align: center;
	}

	.filter-box label {
		margin: 3px 0 8px;
	}

	.show-entries {
		margin: 18px auto 20px;
	}

	.text-center-xs {
		text-align: center;
	}

	.text-align-screen {
		text-align: center;
	}

	.timeline-block-wrapper {
		max-height: 261px;
	}

	.dashboard-widgets {
		display: flex;
		flex-wrap: wrap;
	}

	.dashboard-widgets li {
		width: 50%;
		flex-grow: unset;
		flex-basis: unset;
	}

	.dashboard-widgets li:first-child {
		width: 50%;
	}

	.wqblock h4 {
		font-size: 20px;
	}

	.icon-box {
		right: 11px;
		width: 30px;
		font-size: 15px;
		height: 30px;
		line-height: 30px !important;
	}

	.block-today h3 {
		font-size: 12px;
	}

	.block-today h3 {
		font-size: 13px;
	}

	.login_box {
		padding: 20px;
		width: 300px;
	}

	.nw-booking-date.daterange {
		float: left;
		top: 0;
		margin: 0;
	}

	.material-icons {
		font-size: 20px;
	}

	.MuiIconButton-root {
		padding: 10px;
	}

	.MuiTableCell-root.MuiTableCell-adj {
		width: 200px;
		white-space: nowrap;
	}

	.pagination-toolbar {
		min-width: unset;
	}

	.nw-booking-searchShow {
		width: 100%;
	}

	.col-form-label {
		margin-bottom: 5px;
	}

	ul.nav.nav-tabs.nw-tabs-head {
		flex-wrap: unset;
		overflow: scroll;
		align-items: flex-start;
		padding: 0 0px;
		margin: 0 0 20px;
		width: 100%;
	}

	ul.nav.nav-tabs.nw-tabs-head li a {
		white-space: nowrap;
	}

	.nw-tab-content-inner {
		padding: 0 0 20px;
	}

	.headingRow {
		margin-bottom: 20px;
	}

	.page_title {
		font-size: 1.8rem;
		margin-bottom: 0;
	}

	.table-responsive {
		border: none;
	}

	.table-responsive td {
		white-space: nowrap;
	}

	.nw-card-footer .bookride {
		padding: 8px 20px;
		font-size: 13px;
		margin: 0;
	}

	#booking_details .modal-footer,
	#booking_details .compad-table {
		padding: 0;
	}

	#booking_details .common {
		float: unset;
	}

	#booking_details .theme-btn-green {
		width: calc(50% - 10px);
		margin: 5px;
		font-size: 13px;
		text-align: center;
		padding: 10px 5px;
	}

	#booking_details .btn-editpop {
		display: flex;
		flex-wrap: wrap;
		margin-top: 10px !important;
	}

	#info.modal .modal-dialog {
		max-width: 95%;
		width: 95%;
		margin: 30px auto;
	}

	#fare_pricing .milage-row,
	#other_pricing .milage-row {
		flex-wrap: unset;
	}

	#fare_pricing [class*='milage-col'],
	#other_pricing [class*='milage-col'] {
		white-space: nowrap;
	}

	#fare_pricing [class*='milage-col'] .form-control.form-control-solid,
	#other_pricing [class*='milage-col'] .form-control.form-control-solid {
		width: auto;
	}

	.milage-col-1 {
		width: 200px;
		min-width: 200px;
	}

	#fare_pricing .nw-tab-content-inner,
	#other_pricing .nw-tab-content-inner {
		overflow: scroll;
	}

	.man-invoice {
		margin-bottom: 10px;
		margin-top: 10px;
	}

	.tabeltop .searchicon {
		position: relative;
		width: 100% !important;
		text-align: center !important;
		display: inline-block;
	}

	.tabledis {
		display: block
	}

	.tabeltop>form .form-control.form-control-solid,
	.tabeltop>form .select2 {
		margin-bottom: 15px;
	}

	.yourinfo_body li {
		margin-bottom: 20px;
	}

	.modal-pricing.bgall {
		padding: 0;
	}

	.tabel_box .btn-primary {
		width: 100%;
		text-align: center;
		display: inline-block;
		margin-top: 5px;
	}

	.nopad_left {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.helpbox.row>[class*="col-"] {
		padding: 0;
	}

	.welcm-heading h1 {
		font-size: 25px;
		line-height: 25px;
	}

	.alert h3 {
		font-size: 15px;
	}

	.newPricing2>.row>[class*="col-"] {
		padding-left: 0;
		padding-right: 0;
	}

	.modal:before {
		height: auto;
	}

}

@media (min-width: 481px) and (max-width: 767px) {
	.logo {
		z-index: 9;
		position: relative;
	}

	header {
		padding: 10px;
	}

	.main-nav .navigation {
		margin-right: 0;
		position: absolute;
		width: 100%;
		left: 0;
	}

	.main-nav .navbar-toggle {
		margin-top: 4px;
		margin-right: 102px;
	}

	.button-sell {
		position: relative;
		z-index: 9;
	}

	.main-nav .navbar-default .navbar-collapse,
	.navbar-default .navbar-form {
		border-color: none !important;
		background: #fff;
		border: 0 !important;
	}

	.main-nav .navbar-nav {
		margin: 0;
	}

	.navigation nav li {
		margin: 0 3px;
		padding: 7px 0;
	}

	.nav-custom {
		margin-top: 10px;
	}

	.overlay-text {
		padding: 240px 0 0 60px;
	}

	.mobfoot {
		display: block;
		margin-bottom: 15px;
	}

	.logofoot {
		display: none;
	}

	.foot-common {
		width: 100%;
		padding: 10px 15px;
	}

	.foot-five .linkfoot {
		float: left !important;
		width: auto !important;
		margin-top: 0;
	}

	.copy-foot {
		padding: 0 12px;
		text-align: left;
	}

	.wrap-common {
		margin: 30px 0;
	}

	.left-ar {
		top: 60%;
		left: 4%;
	}

	.right-ar {
		top: 60%;
		right: 4% !important;
	}

	.slidermain {
		position: relative;
	}

	.after-login {
		margin-top: -49px;
		width: 100%;
	}

	.after-loginnav {
		width: 100%;
	}

	.search-bar {
		width: calc(100% - 120px);
		margin-right: 0;
		margin-top: 18px;
	}

	.notification-mess {
		margin-right: 0;
		margin-top: 27px;
	}

	.my-account {
		margin-right: 20px;
		margin-top: 15px;
	}

	.my-account .dropdown-menu {
		right: -25px;
		left: inherit;
	}

	.block-bids {
		width: 226px;
		height: 442px;
		padding: 6px;
		border: 1px solid #d5d5d9;
		margin: 10px 5px;
		vertical-align: top;
	}

	.loginmain {
		padding: 140px 20px 90px 20px;
	}

	.rc-anchor-normal {
		width: 100% !important;
	}

	.membershipwrap {
		padding: 0 15px;
	}

	.warp-main {
		margin: 119px 0 40px 0;
	}

	.my-profile {
		padding: 30px 15px 20px 15px;
	}

	.subscribe-exp {
		margin-top: 0;
		float: left !important;
		width: 100%;
	}

	.tab-paneel .nav-pills li a {
		padding: 11px 18px;
	}

	.backimg {
		background-size: 700px !important;
	}

	.wrap-sing {
		padding: 30px 10px;
	}

	.signle-page-slider {
		padding: 0 !important;
	}

	.signle-page-content {
		padding: 25px 0 0 0 !important;
	}

	.price h2 {
		font-size: 21px;
	}

	.slider-nav__item img {
		padding: 3px;
		border: 1px solid #ccc;
		max-height: inherit !important;
		min-height: inherit !important;
		cursor: pointer;
		width: 100% !important;
	}

	.small-martopmob {
		margin-top: 35px !important;
	}

	.PRIVATECHAT {
		padding: 15px;
	}

	.even-left {
		width: 100%;
		float: left !important;
		display: block;
	}

	.even-right {
		width: 100%;
		float: left !important;
		display: block;
	}

	.even-right p {
		word-break: break-all;
		word-wrap: break-word;
		white-space: pre-line;
	}

	.chat-inner {
		display: block;
		width: 100%;
		float: left;
	}
}

@media (min-width: 576px) {
	.modal-dialog-scrollable {
		max-height: calc(100% - 60px);
	}

	.modal-dialog-scrollable .modal-content {
		max-height: calc(100vh - 7.5rem);
		overflow: hidden;
		border: 0;
	}

	.modal-dialog-scrollable .modal-content {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

@media (max-width: 480px) {
	.logo {
		z-index: 9;
		position: relative;
	}

	header {
		padding: 10px;
	}

	.main-nav .navigation {
		margin-right: 0;
		position: absolute;
		width: 100%;
		left: 0;
	}

	.main-nav .navbar-toggle {
		margin-top: 4px;
		margin-right: 102px;
	}

	.button-sell {
		position: relative;
		z-index: 9;
	}

	.main-nav .navbar-default .navbar-collapse,
	.navbar-default .navbar-form {
		border-color: none !important;
		background: #fff;
		border: 0 !important;
	}

	.main-nav .navbar-nav {
		margin: 0;
	}

	.navigation nav li {
		margin: 0 3px;
		padding: 7px 0;
	}

	.nav-custom {
		margin-top: 10px;
	}

	.overlay-text {
		padding: 220px 0 0 50px;
	}

	.mobfoot {
		display: block;
		margin-bottom: 15px;
	}

	.logofoot {
		display: none;
	}

	.foot-common {
		width: 100%;
		padding: 10px 15px;
	}

	.foot-five .linkfoot {
		float: left !important;
		width: auto !important;
		margin-top: 0;
	}

	.copy-foot {
		padding: 0 12px;
		text-align: left;
	}

	.wrap-common {
		margin: 30px 0;
	}

	.left-ar {
		top: 60%;
		left: 4%;
	}

	.right-ar {
		top: 60%;
		right: 4% !important;
	}

	.slidermain {
		position: relative;
	}

	.after-login {
		margin-top: -49px;
		width: 100%;
	}

	.after-loginnav {
		width: 100%;
	}

	.search-bar {
		width: calc(100% - 120px);
		margin-right: 0;
		margin-top: 18px;
	}

	.notification-mess {
		margin-right: 0;
		margin-top: 27px;
	}

	.my-account {
		margin-right: 20px;
		margin-top: 15px;
	}

	.my-account .dropdown-menu {
		right: -25px;
		left: inherit;
	}

	.loginmain {
		padding: 140px 20px 90px 20px;
	}

	.logface img {
		max-width: 100%;
	}

	.rc-anchor-normal {
		width: 100% !important;
	}

	.membershipwrap {
		padding: 0 15px;
	}

	.membershipwrap {
		padding: 0 15px;
	}

	.warp-main {
		margin: 119px 0 40px 0;
	}

	.my-profile {
		padding: 30px 15px 20px 15px;
	}

	.subscribe-exp {
		margin-top: 0;
		float: left !important;
		width: 100%;
	}

	.tab-paneel .nav-pills li a {
		padding: 11px 18px;
	}

	.backimg {
		background-size: 700px !important;
	}

	.wrap-sing {
		padding: 30px 10px;
	}

	.signle-page-slider {
		padding: 0 !important;
	}

	.signle-page-content {
		padding: 25px 0 0 0 !important;
	}

	.price h2 {
		font-size: 21px;
	}

	.slider-nav__item img {
		padding: 3px;
		border: 1px solid #ccc;
		max-height: inherit !important;
		min-height: inherit !important;
		cursor: pointer;
		width: 100% !important;
	}

	.signle-page-content .red-but {
		margin-bottom: 8px;
		width: 100%;
	}

	.signle-page-content .duration {
		width: 100%;
		margin-bottom: 15px;
	}

	.signle-page-content .yourbid input[type="text"] {
		width: 97%;
		margin: 0 0 15px 6px;
	}

	.small-martopmob {
		margin-top: 35px !important;
	}

	.PRIVATECHAT {
		padding: 15px;
	}

	.even-left {
		width: 100%;
		float: left !important;
		display: block;
	}

	.even-right {
		width: 100%;
		float: left !important;
		display: block;
	}

	.even-right p {
		word-break: break-all;
		word-wrap: break-word;
		white-space: pre-line;
	}

	.chat-inner {
		display: block;
		width: 100%;
		float: left;
	}

	.popbid .modal-dialog {
		width: 100%;
	}
}

@media (max-width: 320px) {
	.logo {
		z-index: 9;
		position: relative;
	}

	header {
		padding: 10px;
	}

	.main-nav .navigation {
		margin-right: 0;
		position: absolute;
		width: 100%;
		left: 0;
	}

	.main-nav .navbar-toggle {
		margin-top: 4px;
		margin-right: 102px;
	}

	.button-sell {
		position: relative;
		z-index: 9;
	}

	.main-nav .navbar-default .navbar-collapse,
	.navbar-default .navbar-form {
		border-color: none !important;
		background: #fff;
		border: 0 !important;
	}

	.main-nav .navbar-nav {
		margin: 0;
	}

	.navigation nav li {
		margin: 0 3px;
		padding: 7px 0;
	}

	.nav-custom {
		margin-top: 10px;
	}

	.overlay-text {
		padding: 150px 0 0 0px;
	}

	.mobfoot {
		display: block;
		margin-bottom: 15px;
	}

	.logofoot {
		display: none;
	}

	.foot-common {
		width: 100%;
		padding: 10px 15px;
	}

	.foot-five .linkfoot {
		float: left !important;
		width: auto !important;
		margin-top: 0;
	}

	.copy-foot {
		padding: 0 12px;
		text-align: left;
	}

	.wrap-common {
		margin: 30px 0;
	}

	.left-ar {
		top: 60%;
		left: 4%;
	}

	.right-ar {
		top: 60%;
		right: 4% !important;
	}

	.slidermain {
		position: relative;
	}

	.after-login {
		margin-top: -49px;
		width: 100%;
	}

	.after-loginnav {
		width: 100%;
	}

	.search-bar {
		width: 60%;
		margin-right: 0;
		margin-top: 18px;
	}

	.notification-mess {
		margin-right: 0;
		margin-top: 27px;
	}

	.my-account {
		margin-right: 6px;
		margin-top: 15px;
	}

	.my-account .dropdown-menu {
		right: -25px;
		left: inherit;
	}

	.loginmain {
		padding: 140px 20px 90px 20px;
	}

	.logface img {
		width: 100%;
	}

	.rc-anchor-normal {
		width: 100% !important;
	}

	.membershipwrap {
		padding: 0 15px;
	}

	.warp-main {
		margin: 119px 0 40px 0;
	}

	.my-profile {
		padding: 30px 15px 20px 15px;
	}

	.subscribe-exp {
		margin-top: 0;
		float: left !important;
		width: 100%;
	}

	.tab-paneel .nav-pills li a {
		padding: 11px 18px;
	}

	.backimg {
		background-size: 700px !important;
	}

	.wrap-sing {
		padding: 30px 10px;
	}

	.signle-page-slider {
		padding: 0 !important;
	}

	.signle-page-content {
		padding: 25px 0 0 0 !important;
	}

	.price h2 {
		font-size: 21px;
	}

	.slider-nav__item img {
		padding: 3px;
		border: 1px solid #ccc;
		max-height: inherit !important;
		min-height: inherit !important;
		cursor: pointer;
		width: 100% !important;
	}

	.signle-page-content .red-but {
		margin-bottom: 8px;
		width: 100%;
	}

	.signle-page-content .duration {
		width: 100%;
		margin-bottom: 15px;
	}

	.signle-page-content .yourbid input[type="text"] {
		width: 97%;
		margin: 0 0 15px 6px;
	}

	.small-martopmob {
		margin-top: 35px !important;
	}

	.PRIVATECHAT {
		padding: 15px;
	}

	.even-left {
		width: 100%;
		float: left !important;
		display: block;
	}

	.even-right {
		width: 100%;
		float: left !important;
		display: block;
	}

	.even-right p {
		word-break: break-all;
		word-wrap: break-word;
		white-space: pre-line;
	}

	.chat-inner {
		display: block;
		width: 100%;
		float: left;
	}

	.popbid .modal-dialog {
		width: 100%;
	}
}