@media ( min-width : 1440px) {
	.close_team_chat {
		margin-left: 79.7%;
	}
	.add-wrk .close_team_chat {
		margin-left: 84.4% !important;
	}
}

@media only screen and (min-device-width: 1140px) and (max-device-width:
	1280px) {
	#portstay-user {
		font-size: 24px;
		padding-top: 12px;
	}
	.add-comment .input-group #add-comment-submit-btn {	
	}
	.ticketContainer .sidebar .sidebar-inbox li a {
		padding-left: 12px;
	}
	.add-meetings-table, #meeting-list-table {
		font-size: 14px;
	}
	#filter-by-input {
		font-size: 14px;
	}
	.group-container .follow-action {
		margin: 14px 0px 0px -47px;
	}
	.joined-group .group-info, .container-GroupFollow .group-info {
		margin: 13px 0px 0px 15px;
	}
	.group-list-container {
		padding-right: 42px;
	}
	.close_team_chat {
		margin-left: 77% !important;
	}
	.add-wrk .close_team_chat {
		margin-left: 81.9% !important;
	}
	.add-wrk .open_team_chat {
		margin-left: 99% !important;
	}
	.container-meeting-user .open_team_chat {
		margin-left: 94.6%;
	}

}

@media only screen and (min-width: 1024px)and (max-width: 1280px) {
	.group-container .media-main img {
		width: 48px;
		height: 56px;
	}
	#about-me {
		padding-left: 10px;
	}
	.container-home-task {
		padding-right: 10px;
	}

	.sender-chat-message, .receiver-chat-message {
		max-width: 171px;
	}
	#online-store-list {
		padding-left: 30px;
	}
	.ticket-n .status {
		margin-left: 0px;
	}
	.col-user-profile.group .add-friend {
		margin-top: -45px;
	}
	#via-routes #start-time-text, .search-user-rides #Return-time-text {
		padding-left: 13px;
	}
	#start-time, #Return-time {
		/* 	padding-left: 11px; */
		
	}
	.return-route-div2 {
		padding-left: 32px;
	}
	#col-carpool-title #name-field-carpool, #col-carpool-title #contact-field-carpool,
		#col-carpool-title #start-field-carpool, #col-carpool-title #end-field-carpool,
		#contact-field-carpool, #start-field-carpool, #col-carpool-title #timepicker1,
		#col-carpool-title #timepicker2 {
		width: 210px;
	}
	.add-rides-owner #col-carpool-title #contact-field-carpool {
		width: 210px;
	}
	.add-rides-owner #col-carpool-title #start-field-carpool {
		width: 210px;
	}
	.ride-route1 {
		margin-left: 33px;
	}
	.ride-route2 {
		margin-left: 11px;
	}
	.ride-route3 {
		margin-left: -11px;
	}
	.add-rides-owner #continue-carpool {
		margin-left: 125px;
		height: 30px;
	}

	#raised-ticketId {
	
	}

	.ticket-form {
		width: 53%;
	}

	.textareaContainer {
		margin-left: 1px;
	}
	#company .add-friend, .serach-user-info .message {
		border-radius: 0px;
	}
	.joined-group .group-name, .container-GroupFollow .group-name {
		font-size: 14px;
	}

	.meeting-list-div .content {

	}
}

@media only screen and (min-device-width: 320px) and (max-device-width:
	640px) and (-webkit-min-device-pixel-ratio: 2) {
	.container-home-task {
		padding-left: 8px;
		width: 100%;
		position: unset;
	}
	.chat-panel {
		margin-left: 161px;
	}
	#pagination-demo {

		display: none;
	}
	.container-Menu {
		padding-left: 17px;
	}
	.post .post-image .image {
		height: 154px;
	}
	.post .post-image, .left-side-post .post .post-video {
		height: 154px;
	}
	.post-heading .post-description {
		font-size: 13px;
	}
	#single-chatBox-container {
		width: 100%;
		padding-left: 20px;
		padding-right: 6px;
	}
	.table-editable {
		margin-bottom: 0px;
	}
	.sender-chat-message, .receiver-chat-message {
		max-width: 100%;
	}
	.foodlist {
		padding-right: 12px;
		padding-left: 10px;
	}
	#services-btn {
		float: left;
		margin-left: 15px;
	}
	.ticket-form {
		width: 100%;
	}
	.group-post-content .meta {
		width: 80%;
	}
	.group-heading-profile {
		position: unset;
		margin-left: 7px;
		padding: 0px;
	}
	.group-container {
		padding-right: 48px;
	}
	.port-heading-menu-list .sub-heading {
		margin-left: -10px;
		font-size: 12px;
	}
	.single-chatUsers-name {
		width: 263px;
	}
	.chat-settings {
		margin-right: 30px;
	}
	.chat-new {
		padding-right: 0px;
		position: unset;
	}
	.wrap-contact100 form {
		padding-left: 0px;
	}
	.orgnisatioin-content .container-meeting-user {
		margin-left: 18px;
	}
	.rides-column {
		padding-left: 0px;
	}
	.list-container .user-profile .col-user-profile {
		height: 100px;
	}
	.container-onlinestore .sidebar {
		margin-top: 18px;
	}
	.group-container #search-group-user {
		margin-top: -3px;
		margin-left: 0px;
	}
	.group-heading-profile-img {
		border-radius: 0px;
		height: 130px;
	}
	.group-heading-profile-group-name {
		position: initial;
		margin-top: 8px;
		font-size: 18px;
		float: left;
	}
	#filterTicketByDateForm input[type="text"], #filterTicketByNameForm input[type="text"]
		{
		width: 92%;
		margin-left: 20px;
	}
	#lookup-search-input-box {
		float: left;
		width: 75%;
	}
	.task-scroll {
		overflow-x: scroll;
	}
	#portstay-user {
		float: right;
		margin-right: 19px;
	}
	.left-side-post {
		margin-left: -6px;
		margin-right: 3px;
	}
	.meeting-list-div #services-btn {
		margin-left: 24px;
		float: left;
	}
	.popup-box {
		right: 25px;
		display: block;
	}
	#market {
		margin-left: 12px;
		background-color: #acd0ef;
		margin-top: 20px;
		background-color: #FFC0BB;
	}
	.wrap-contact100 #cateogary, .wrap-contact100 #Item, .wrap-contact100 #email,
		.wrap-contact100 #phone, .wrap-contact100 #purchasedate {
		width: 281px;
		margin-left: 48px;
		margin-bottom: 20px;
		background: white;
		font-size: 14px;
	}
	.wrap-contact100 #id1 {
		margin-left: 47px;
		width: 281px;
		margin-bottom: 20px;
		background: white;
		font-size: 14px;
	}
	.container-contact100 #imageIcon {
		margin-left: 48px;
		color: black;
		font-size: 14px;
	}
	.wrap-contact100 form textarea {
		background: white;
	}
	#addTicket {
		width: 100%;
		padding-right: 43px;
		padding-left: 10px;
	}
	.friend-chat {
		width: 100%;
	}
	.friend-name {
		padding-right: 65px;
	}
	.chat-design .add-worklocation, .add-pepole, .add-group {
		width: 30%;
		border-radius: 0px;
	}
	.chat-design {
		padding-left: 14px;
	}
	.friend-name #msg-time {
		font-size: 14px;
	}
	.post-container {
		padding-left: 6px;
		padding-right: 0px;
	}
	#raised-ticketId {
		padding-left: 30px;
		padding-right: 38px;
		margin-top: 20px;
	}
	.ticket-full-view {
		padding-left: 20px;
	}
	.ticket-form-container {
		padding-left: 16px;
		padding-right: 20px;
	}
	.reply-box form .submit-reply-btn {
		margin-top: 0px;
	}
	.reply-box {
		margin-bottom: 30px;
	}
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
		
		        border: none;
        padding-left: 51px;
        padding-right: 21px;
     padding-left: 26px; 
                height: 58vh;
        background: white;
        width: 78vw;	
        margin-left: 17.9vw;
        border-radius: 8px;
        overflow: auto;
        margin-top: 4.2vw;
	}
.howitworksinner {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: start;
        gap: 10px;
        padding: 9px; 
    }
    .howitworksh1tag {
    font-size: 12px;
    margin: 0;
}
.howitworksptag {
    font-size: 10px;
}
.tryportstayh1 {
    margin: 0;
    font-size: 12px;
}
.tryportstaybutton {
	font-size: 13px;
	}
	
	/* FEATURES */
.dropdown-content {
       height: 35px;
    }
    .dropdown-features img {
    margin-right: 10px;
    margin-bottom: -4px;
}
.howitworksfirstchild {
    margin-top: 0vh;
}
	#basic-company-info {
		margin-top: 20px;
	}
	.sidebar {
		width: 100%;
		height: auto;
		position: relative;
		margin-top: 42px;
		margin-bottom: 10px;
	}
	.chat-sidebar {
		box-shadow: none;
		margin-top: 0px;
		position: unset;
		width: 100%;
	}
	#rider-search {
		margin-top: 10px;
	}
	#joinRideModel {
		width: 93%;
	}
	.add-rides-owner {
		margin-left: 16px;
		width: 88%;
		margin-top: 10px;
	}
	.serach-user-info .message {
		margin-top: -41px;
	}
	.change-counter {
		padding-top: 20px;
		padding-left: 24px;
	}
	.change-countername-form button {
		margin-top: -4px;
		height: 27px;
	}
	.ride-route3 {
		margin-left: 42px;
	}
	.ride-route2 {
		margin-left: 43px;
	}
	.add-rides-owner #continue-carpool {
		margin-right: auto;
		margin-left: auto;
		display: block;
	}
	.navbar-toggle {
		top: 8px;
		position: absolute;
		right: 7px;
		color: #000;
		background:black;
	}
	#myNavbar {
		background-color: #0B4C5F;
		border-color: #0B4C5F;
		margin-top: -9px;
		float: left;
		margin-left: -10px;
		width: 102%;
		/* max-height: 300px; */
	}
	#organisation-search {
		width: 50px;
		margin-left: 9px;
	}
	#group-responsive {
		padding-right: 17px;
		padding-left: 14px;
	}
	#DashBoard-user {
		display: none;
	}
	.navbar-nav #user-dropdown {
		float: left;
		margin-left: 15px;
	}
	#menuItems {
		background: white;
		color: black;
	}
	.group-container #services-btn {
		margin-left: -22px;
	}
	.group-container .col-user-profile {
		width: 98%;
	}
	.post-description .stats {
		width: 180px;
	}
	.more-file-group {
		width: 80px;
		margin-left: -27px;
	}
	.post .post-heading .meta .time {
		margin-right: 30px;
	}
	.group-post-list .pre {
		margin-left: 80px;
	}
	.group-post-content .comment-input {
		width: 89%;
	}
	.chat-design {
		display: none;
	}
	#search-chat-users {
		display: none;
	}
	.sidebar a {
		float: left;
	}
	#add-item-content-header #services-btn {
		float: right;
		margin-top: 0px;
		margin-right: 6%;
	}
	.custom-select #foodType {
		margin-top: 3px;
	}
	.add-port-container {
		margin-left: 40px;
		width: 83%;
		margin-top: 40px;
	}
	#seached-user-profile-pic {
		width: 100%;
	}
	.profile-setting {
		width: 100%;
		padding-left: 15px;
	}
	.manage-post {
		margin-left: -150px;
	}
	#country, #state, #city {
		margin-bottom: 15px;
	}
	#service-update-form {
		width: 100%;
	}
	.profile-nav, .profile-info {
		margin-top: 49px;
	}
	#profile-setting form button[type="submit"] {
		margin-top: 15px;
	}
	.profile-info #website {
		margin-bottom: 20px;
	}
	.ticket-count {
		margin-left: -32px;
		margin-right: 14px;
	}
	#manage-access-btn {
		margin-right: 10px;
		margin-top: 30px;
	}
	.search-user-rides {
		margin-bottom: 12px;
	}
	.employee-username {
		font-size: 15px;
	}
	.only-counter-name {
		margin-left: 33px;
	}
	.access-container-main {
		margin-left: 17px;
		margin-right: 0px;
	}
	.search-container-org input {
		width: 91%;
	}
	#col-carpool-title #name-field-carpool, #col-carpool-title #contact-field-carpool,
		#col-carpool-title #start-field-carpool, #col-carpool-title #end-field-carpool,
		#contact-field-carpool, #start-field-carpool, #col-carpool-title #timepicker1,
		#col-carpool-title #timepicker2 {
		width: 300px;
	}
	#input-route {
		width: 299px;
		margin-left: 34px;
	}
	#responsive-main {
		padding-top: 10px;
	}
	.chat-setting-icon {
		margin-left: 130px;
	}
	.send-single-chat {
		width: 310px;
	}
	.send-btn-chat {
		margin-top: 0px;
	}
	#content {
		width: 80%;
	}
	.table-responsive {
		border: none;
	}
	.footer-links {
		padding-left: 6px !important;
	}
	#copy-text {
		margin-top: -15px !important;
		position: unset !important;
		float: right !important;
		margin-right: 0 !important;
	}
	.navbar-inverse {
		min-height: 40px;
		/* height: 42px; */
		padding-top: 10px;
		        height: 18vw !important;
	}
	body {
		width: inherit;
		float: unset;
	}
	html, body {
		overflow-x: hidden;
	}
}

/* ----------- for tabs ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width:
	1023px) and (-webkit-min-device-pixel-ratio:1) {
	#user-portstay-header {
		margin-left: -307px;
	}
	.left-side-post {
		padding-left: 10px;
	}
	.new-login-header {
		width: 250px;
		float: right;
		margin-right: 27px;
	}
	#Carpool .user-rides #sidebar {
		height: 100%;
	}
	.list-container .user-profile .col-user-profile {
		margin-right: 10px;
	}
	.welcome-inputs {
		margin-top: 35px;
	}
	.login-triangle {
		position: absolute;
		margin-top: -24px;
		margin-left: 112px;
	}
	#organisationProfileSearch {
		margin-left: 296px;
		margin-top: -49px;
	}
	#login-responsive {
		position: absolute;
		margin-left: 464px;
	}
	.body-content-about {
		width: 50%;
	}
	#body-signu-btn {
		width: 35%;
	}
	.landing-page-design {
		height: 586px;
	}
	.text-landing-page {
		margin-top: 140px;
	}
	#chat-note-text {
		font-size: 22px;
	}
	#meeting-helpdesk {
		font-size: 14px;
	}
	.profile-photo {
		width: 140px !important;
		height: 140px !important;
		top: 204px !important;
		left: 12px !important;
	}
	.login {
		margin-left: 49px;
	}
	.new-signup-header, .container-login .form-header {
		width: 250px;
		position: absolute;
		margin-left: 0px;
	}
	.group-container .col-user-profile {
		width: 96%;
	}
	.ticket-form {
		width: 100%;
	}
	.container-home-task {
		padding-left: 20px;
	}
	#add-item-content-header .main-content {
		margin-top: 30px;
	}
	#rider-search {
		margin-top: 22px;
	}
	.add-rides-owner #continue-carpool {
		margin-left: 141px;
	}
	#online-store-list {
		margin-left: 16px;
	}
	.raised-ticket {
		width: 95%;
	}
	.container-meeting-user .sidebar {
		margin-top: 14px;
	}
	.container-Menu #photos {
		width: 100%;
		/* height: 274px; */
	}
	.superbox-img {
		height: 80px;
	}
	.description-box-crm textarea {
		width: 100%;
		margin-left: 5px;
	}
	.orgnisation-service {
		margin-left: -11px;
	}
	#num-of-tickets {
		margin-left: -26px;
		padding-right: 25px;
	}
	.action-buttons {
		padding-left: 20px;
	}
	.sender-chat-message, .receiver-chat-message {
		max-width: 100%;
		padding: 22px;
	}
	.single-chatUsers-name {
		width: 600px;
	}
	.chat-settings {
		padding-left: 2%;
		margin-bottom: 20px;
		font-size: 23px;
		margin-top: 0px;
	}
	.send-single-chat {
		width: 662px;
	}
	.send-btn-chat {
		margin-top: 0px;
	}
	.portstay-feature {
		padding: 15px 15px;
	}
}

@media only screen and (min-device-width: 768px) and (max-device-width:
	1023px) and (-webkit-min-device-pixel-ratio:1) {
	.group-heading-profile-group-name {
		margin: -52px 747px 10px 8px;
	}
	#group-panel {
		width: 551px;
		margin-left: 10px;
	}
	.group-post-content .comment-input {
		border-radius: 0px;
		margin-top: -20px;
		margin-left: -8px;
	}
	.add-port-container {
		margin-left: 207px;
	}
	.ticket-form-container {
		padding-left: 40px;
		padding-right: 40px;
	}
	.ticket-full-view {
		/* padding-left: 30px; */
		padding-right: 30px;
	}
	#profile-setting {
		padding-top: 27px;
	}
	#input-route {
		width: 270px;
		margin-left: 90px;
	}
	#userSearch {
		display: none;
	}
	#meeting-list-table #email {
		text-transform: none;
	}
	.meeting-list-div {
		/* 	width: 100%; */
		margin-left: 8px;
	}
	#addTicket {
		width: 100%;
		padding-left: 7px;
		padding-right: 40px;
		padding-top: 20px;
	}
	.reply-box {
		margin-bottom: 20px;
	}
	.list-container {
		padding-left: 20px;
	}
	#chat-notification {
		padding-left: 0%;
	}
	.footer-links {
		padding-left: 20px !important;
	}
	.welcome-footer {
		margin-left: unset;
	}
}

@media only screen and (min-device-width: 768px) and (max-device-width:
	1023px) and (-webkit-min-device-pixel-ratio:1) {
	#user-home {
		margin-left: 10px;
	}
	#organisation-search {
		display: block;
		margin-top: 9px;
		width: 150px;
	}
	.add-port-container .add-port-footer {
		padding: 13px;
	}
	.list-container .user-profile .col-user-profile {
		margin-right: 10px;
	}
	.peoples .info .post-user-name {
		width: 50px;
	}
	#portstay-user {
		margin-top: -3px;
	}
	.navbar-nav #user-dropdown {
		margin-right: 22px;
	}
	#filterTicketByDateForm input[type="text"], #filterTicketByNameForm input[type="text"]
		{
		width: 80px;
	}
	.profile-info-right {
		padding-left: 20px;
	}
	.user-follower .btn, .user-following .btn {
		margin-top: -35px;
	}
	#filter-by-input {
		margin-left: 22px;
	}
	.descriptionList {
		padding-left: 93px;
		padding-right: 20px;
	}
	.meeting-list-div #services-btn {
		margin-top: 17px;
		margin-left: 694px;
	}
	.chat-sidebar {
		box-shadow: none;
	}
	.friend-name .chat-user-name {
		font-size: 18px;

	}

	#chat-title {
		font-size: 11px !important;
		margin-left: 0px;
	}
	#search-chat-users {
		/* width: 225px; */
		height: 30px;
		margin-left: 0px;
	}
	.friend-name #msg-user {
		width: 250px;
		font-size: 16px;
	}
	.chat-design .add-worklocation, .add-pepole, .add-group {
		width: 30%;
		border-radius: 0px;
	}
	.chat-design .add-pepole {
		margin-left: 262px;
		margin-top: -40px;
		border-radius: 0px;
	}
	.chat-design .add-group {
		margin-left: 526px;
		margin-top: -50px;
		border-radius: 0px;
	}
	.friend-chat {
		width: 100%;
	}
	.chat-setting-icon {
		margin-left: 402px;
		background: #f5f5f5;
	}

	.foodlist {
		margin-left: 20px;
	}
	.sidebar a {
		and (orientation: portrait) float: left;
	}
	div.content {
		margin-left: 0;
	}
	#via-routes .direction {
		padding-left: 162px;
	}

	.nav.tabs-iconized {
		padding-left: 21px;
		margin-bottom: 30px;
	}
	.user-rides {
		margin-bottom: 20px;
	}
	#market-place-add-item-form {
		margin-left: 102px;
		margin-right: 95px;
	}
	.wrap-contact100 #cateogary, .wrap-contact100 #Item, .wrap-contact100 #email,
		.wrap-contact100 #phone {
		margin-bottom: 20px;
	}

	.post .post-image, .left-side-post .post .post-video {
		height: 370px;
	}
	.task-scroll {
		height: auto;
	}
	.post-container {
		width: 100%;
		padding-right: 2px;
		padding-left: 10px;
	}
}

@media only screen and (min-device-width: 1140px) and
	(max-device-width:1280px) and (orientation:portrait ) {
	.container-meeting-user .sidebar {
		margin-left: 4px;
	}
	#OnlineStore-Content #sidebar {
		margin-left: 40px;
	}
	.main-content .container-onlinestore, .main-content .container-meeting-user,
		.profile-page .container-onlinestore, .container-meeting-user,
		.add-menuItem-btn {
		margin-left: -21px;
		margin-top: 31px;
	}
	.ticketContainer {
		margin-left: -2px;
		margin-top: 31px;
	}
	.user-info-left {
		padding-left: 32px;
	}
	.post-container .post .post-footer .comments-list .comment .comment-heading .time
		{
		margin-left: 203px;
	}
	.post-container #comment-setting ul {
		margin-left: 232px;
		margin-top: -15px;
	}
	.post-container .post .manage-post {
		margin-left: -50px;
		margin-top: -2px;
	}
	#post-content {
		width: 100%;
	}
	.post-container {
		margin-top: 2px;
		width: 448px;
		margin-left: -5px;
	}
	header {
		margin-top: -28px;
		width: 127%;
		margin-left: -15px;
	}
	#note-area, #note-field {
		margin-left: 44px;
	}
	#sideMenu {
		margin-left: -1px;
	}
	.about-user img {
		width: 55px;
		height: 55px;
		text-align: center;
		padding: 4px;
		border-radius: 4px;
		margin-top: 7px;
	}
	.user-email {
		margin-left: 66px;
		margin-top: -20px;
	}
	.ticket-full-view {
		width: 542px;
		margin-left: 60px;
	}
	.add-rides-owner #col-carpool-title #carpool-icon {
		bottom: -1px;
		right: 312px;
	}
	.user-rides .search-user-rides {
		width: 106%;
	}
	.nav-pills-custom-minimal {
		width: 550px;
	}
	.container-home-task .rr>.task-img {
		width: 550px;
	}
	.meeting-list-div {
		margin-top: -10px;
		width: 100%;
	}
	#contact-head {
		width: 100px;
	}
	#company-head {
		width: 100px;
	}
	.group-name {
		margin-top: -67px;
		padding-left: 14px;
	}
	#port-heading #services-btn {
		margin-right: -178px;
	}
	.group-post-form {
		margin-left: 84px;
	}
	.group-post-list {
		margin-left: 84px;
	}
	.note-main-container #note-header #services-btn {
		margin-right: -211px;
	}
	.note .note-sender-profile {
		width: 47px;
		height: 43px;
		float: left;
		margin: 15px;
		margin-top: -27px;
		margin-left: 6px;
	}
	.note .note-content-paragraph {
		width: 533px;
	}
	.note-main-container #note-header #services-btn {
		margin-right: -229px;
	}
	.meeting-list-div {
		margin-top: -10px;
		width: 100%;
	}
	#contact-head {
		width: 100px;
	}
	#company-head {
		width: 100px;
	}
	.wrap-contact100 #cateogary, .wrap-contact100 #Item, .wrap-contact100 #email,
		.wrap-contact100 #phone {
		width: 175px;
	}
	.note-main-container #note-header #services-btn { #search-chat-users {
		width:175px;
		
	}
	#services-btn {
		position: unset;
		float: right;
		margin-right: 46px;
	}
	.post-heading .post-description {
		margin-left: 2px;
	}
	.navbar-principal .navbar-nav button {
		width: 77px;
		border-radius: 0px;
	}
	.sidebar {
		width: 162px;
		margin-left: -18px;
	}
	#services-btn {
		border-radius: 0px;
		background-color: #4286f4;
		border: 1px solid #4286f4;
		float: right;
		margin-right: 5px;
		font-size: 13px;
	}
	#login-responsive {
		float: right;
		margin-top: -22px;
		margin-right: 20px;
	}
	#liForSignUp, #liForLogIn {
		margin-top: 0px;
	}
	label {
		margin-left: -9px;
		font-size: 10px;
	}
	#regisrationTypeRadioUser {
		margin-top: 2px;
		margin-left: -3px;
	}
	#registerLink {
		margin-top: 8px;
		margin-right: 30px;
	}
	#loginLink {
		margin-top: 8px;
		margin-right: 30px;
	}
	#user-search-header {
		margin-top: 11px;
	}
	#login-responsive .form-header {
		width: 250px;
		margin-left: 47px;
	}
	.login-triangle {
		margin-left: 160px;
	}
}