@media screen and (max-width: 1540px) {
    .testimonialSlider  {padding: 0 60px;}
    .testimonialSlider .owl-nav .owl-next {right:0}
    .testimonialSlider .owl-nav .owl-prev {left:0}
    .headerUserBtn .userDropdown {left: inherit !important;right: -29px;padding: 0; }
    .headerUserBtn .userDropdown::after {left: inherit;right: 20px;}
}
@media screen and (max-width: 1400px) {
	.headerUserBtn .userDropdown li a {padding: 10px 15px 10px;}
}
@media screen and (max-width: 1366px) {

}
@media screen and (max-width: 1199px) {
    .popular-content {margin: 0 -15px 0 -15px;}
    .popular-col {padding: 0 15px; margin-bottom: 40px;}
    .hm-popular {padding: 60px 0;}
    .hm-works {padding: 60px 0;}
    .hm-task {padding: 60px 0;}
    .hm-app {padding: 60px 0;}
    .hm-testimon-sec {padding: 60px 0;}
    .work-col {padding: 30px 15px;}
    .app-col {margin-top: 30px;}
    .services {padding: 40px 0 60px;}

    .headerUserBtn .userDropdown { right: -8px;}
	.headerUserBtn .userDropdown::after {left: inherit;right: 6px;}

	.BankAccount-text h2 {font-size: 16px;}
	.BankAccount-number-row span {font-size: 14px;}
	.BankAccount-number-row {margin-top: 15px;}
	.AccountForm.BankAccount .item {padding: 0 5px;}

	.mytaskDetails .mytaskBox .myTaskStatusBox .taskBoxDetails {padding-right: 50px;}
	.mytaskDetails {flex: 1 1 auto;flex-direction: column;padding: 0 12px; box-shadow: none; background: transparent;}	 
	.mytaskDetails .assingUserList {flex: 0 0 auto;border-left: none;}
    .mytaskDetails .mytaskBox{background: #fff;box-shadow: 0px 1px 10px rgba(221, 221, 221, 0.161968);border-radius: 4px;}
    .mytaskDetails .assingUserList{margin-top: 10px;  background: #fff;box-shadow: 0px 1px 10px rgba(221, 221, 221, 0.161968);border-radius: 4px;}

	.contact_min {margin: 0px 0 50px 0;}
	.contact_mail_box .contact_mail_bar {padding: 15px;}
	.contact_mail_box {margin: 0;}

	  .bringing_people .bringing_people_row{margin: 25px 0 25px 0;}
    .bringing_people .bringing_people_row .bringing_people_right{padding: 0 15px 0 15px;}
    .bringing_people .bringing_people_row .bringing_people_right h3 {font-size: 20px; line-height: 24px; margin: 0 0 10px 0;}
    .bringing_people .bringing_people_row .bringing_people_right p{margin: 0 0 10px 0;}
    .bringing_people .bringing_people_row:nth-child(even) .bringing_people_right {order: 1; padding: 0 25px 0 15px;}

    .contact_mail_box .contact_mail_bar {width: 100%;  margin: 0 0 15px 0; padding: 20px 20px;  height: 100%;}
    .contact_min{margin: 20px 0 50px 0;}
    .contact_mail_box{margin: 0 0 20px 0;}


    .profile-content  {padding: 0 5px;}
    .summary-btn {padding: 30px 0;}
    .container .box .chart {height: 100px; line-height: 100px; font-size: 26px; width: 100px; margin: 0 auto;}
    .progress-box {justify-content: space-between;}
	.progress-box  .box {margin: 0px;}
	.category-row {flex-wrap: wrap;}
	#content .submit-btn {top: 200px;}
	.topFillterBar .fillterGroupRow {margin: 0;flex-wrap: wrap;}
	.topFillterBar .fillterGroupRow .fillterGroupItme {padding: 0 5px;margin-bottom: 10px;}
}
@media screen and (max-width: 991px) { 
    .banner-btn a {margin-top: 10px; padding: 10px 15px;}
    .banner-text p {line-height: 20px; margin-bottom: 10px;}
    .banner-form {margin-top: 10px;}
    .banner-text h1 {font-size: 28px; line-height: 34px;}
    .banner-text {margin-bottom: 10px;}
    .bannerSearchGroup {padding: 10px 0;}
    .hm-popular {padding: 40px 0;}
    .hm-works {padding: 40px 0;}
    .hm-task {padding: 40px 0;}
    .hm-app {padding: 40px 0;}
    .hm-testimon-sec {padding: 40px 0;}
    .page-title h2 {font-size: 28px; line-height: 36px;}
    .popular-box {margin-top: 40px;}
    .popular-col {margin-bottom: 20px;}
    .work-icon img {max-width: 50px;}
    .work-col h2 {margin: 15px 0 5px;}
    .work-box {margin-top: 30px;}
    .task-box {margin-top: 30px;}
    .task-details {padding: 15px;}
    .app-col {margin-top: 15px; padding:15px;}
    .app-col h2 {font-size: 15px;}
    .app-icon {margin-bottom: 15px;}
    .app-box {margin-top: 30px;}
    .popular-row {padding-bottom: 30px;}
    .services {padding: 40px 0 40px;}
    .footer.form-none .footTop {padding: 40px 0 !important;}
    .menuRow a, .menuRow a:after {padding: 30px 0 10px;font-size: 13px;}

    .content-body-head {padding: 10px;}
    .content-body-head h2 {font-size: 16px;}
    .account-row {padding: 15px;}
    .editAvatar h3 {font-size: 12px;}
    /* .gradientBtn {font-size: 12px !important;width: 90px !important;height: 35px !important;} */
    .messageTypeBox .form-group .form-control {font-size: 12px;height: 35px;}
    .topFillterBar .fillterGroupRow .fillterGroupItme .form-control-input  {font-size: 12px;height: 35px;}

    .account-teb ul li a {font-size: 12px;padding: 5px 5px;}
    .account-teb ul li a span {margin-right: 5px;}
    .AccountForm.BankAccount {padding: 15px 25px 0;}
    .BankAccount-btn, .DeleteAccount {padding: 15px;}
    .BankAccount-col {padding: 15px 15px 0 0;margin-left: -15px;}
    .BankAccount-title {padding: 15px 15px 0;}
    .BankAccount-number {padding: 0 15px 15px;}
    .header .container, .dashboardSec .container {max-width: 100%;width: 100%;}

    .topFillterBar {padding: 10px 0 5px;}
    .topFillterBar .fillterGroupRow {margin:0;flex-wrap: wrap;}
    .topFillterBar .fillterGroupRow .fillterGroupItme {padding: 0 5px;flex: 0 0 auto;margin-bottom: 10px;}
    .topFillterBar .fillterGroupRow .fillterGroupItme .form-control-select {width: 140px;}

    .contactFormSec {padding: 30px 0;}
    .contact-col {padding: 15px; }
    .contact_mail_box .contact_mail_bar h3 {font-size: 18px;}    
    .contact_mail_box .contact_mail_bar a {font-size: 16px;}
    .contact_min .signup-form-row .form-group label {font-size: 16px;line-height: 19px;}

    .accordionInner .smallCard .smallCardBody{padding:0 14px;}
    .bringing_people .bringing_people_row{margin: 25px 0 25px 0;}
    .bringing_people {padding: 30px 0; }
    .bringing_people .bringing_people_row .bringing_people_right{padding: 0 15px 0 15px;}
    .bringing_people .bringing_people_row .bringing_people_right h3 {font-size: 20px; line-height: 24px; margin: 0 0 10px 0;}
    .bringing_people .bringing_people_row .bringing_people_right p{margin: 0 0 10px 0;}
    .bringing_people .bringing_people_row:nth-child(even) .bringing_people_right {order: 1; padding: 0 25px 0 15px;}

    .contact_mail_box .contact_mail_bar {width: 100%;  margin: 0 0 15px 0; padding: 20px 20px;  height: 100%;}
    .contact_min{margin: 20px 0 30px 0;}
    .contact_mail_box{margin: 0 0 50px 0;}
    .privacy_policy_new #accordion .card .card-body{padding: 0 60px 0 14px}

    .left-sitebar {margin-bottom: 20px;}
    .left-sitebar .profile-banner {height: 150px;}
    .left-sitebar .profile-banner img {height: 100%;width: 100%; object-fit: cover;}
    .profile-details a {display: block;}
    .profile-content {padding: 0 10px;}
    .profile-content {padding:0;}
    .profile-img {padding: 0 10px 10px;} 
    .messageUserBox .messageUserDetails h4, .messageUserBox .messageUserDetails p {font-size: 12px; line-height: 16px;}
    .messageUserBox .messageUserDetails .address {font-size: 12px; }
    .messageUserBox .messageUserDetails strong {font-style: 14px;}
    .messageUserBox, .messagesBody  {padding: 15px;}
    .messagesBody  {padding-bottom: 0;}
    .messageUserBox .messageUserDetails {padding-left: 10px;}
    .messageUserBox .messagesUserThumb span {filter: drop-shadow(0px 3px 6px rgba(154, 154, 154, 0.465948));}
    #content .submit-btn {top: 172px;}
    .mytaskDetails .mytaskBox .myTaskStatusBox, .taskMessageDetailsRow .taskMessageDetailsInner {padding: 10px;}
    .taskMessageDetailsRow .taskMessageDetailsInner {padding-bottom: 0;}
    .paymentHistoryBody {padding: 15px;}
    .paymentHistoryTable tbody tr td, .paymentHistoryTable thead tr th {font-size: 12px;padding: 5px;vertical-align: middle;}
    .Notification-text {padding: 15px 15px 0;}

    .AccountForm .form-group .card-row {margin: 23px 0 0;}

}

/** Medium devices (tablets, 768px and up) */
@media screen and (max-width: 767px) { 
    .overflowHidden {overflow: hidden;}
    .headerInner {align-items: center;}
    .header {position: relative; z-index: 1000;}
    .menuRight {position: absolute;top: 70px;transform:scaleY(0); transform-origin:top; transition:transform 0.3s ease-out;left: 0;right: 0;width: 100%;height: calc(100vh - 70px);background-color: #fff;z-index: 100;  flex-direction: column; justify-content: center; align-items: center;}
    .menuRow .menu {flex-direction: column; justify-content: center; align-items: center; margin-bottom: 30px;}
    .headerUserBtn .userDropdown { position: unset !important; transform: translateY(-136px) !important; }
    .menuRow .menu  li {margin: 0px 0 10px;}
    .menuRow a {padding: 10px 0px; }
    .menuRow a:before {background: #fff;}
    .menuRow a:after {color: #fff; padding: 10px 0px;}
    .headerTaskBtn {padding: 0; text-align: center;}
    .headerTaskBtn .btn {border: 1px solid #fff; color: #fff;}
    .menuRight.open {transform:scaleY(1);}
    .mobileMenuBtn {display: block;}
    .mobileMenuBtn button {border: 0; box-shadow: none; background: transparent; cursor: pointer;  height: 25px; width: 25px; position: relative;}
    .mobileMenuBtn button img {position: absolute; top: 0; left: 0; right: 0;transform: rotate(0deg); bottom: 0;  transition: all 0.4s ease-in-out;}
    .mobileMenuBtn button .closeIcon{ opacity: 0; transform: rotate(45deg);} 
    .mobileMenuBtn button.open .menuIcon { opacity: 0; transform: rotate(45deg);}
    .mobileMenuBtn button.open .closeIcon {opacity: 1; transform: rotate(0deg);}
    .banner-btn a {margin: 4px 1px; padding: 6px 9px;}
    .banner-img > img {height: 320px;object-fit: cover;}
    .banner-text h1 {font-size: 22px;line-height: 28px;} 
    .bannerSearchGroup .categorySelect {flex: 0 0 100px;}
    .bannerSearchGroup .categorySelect .form-control {padding: 0 8px; font-size: 15px;height: 25px;  background-position: right 8px center;}
    .bannerSearchGroup {padding: 5px;}
    .bannerSearchGroup .drope-search .form-control {height: 25px; font-size: 15px;background-size: 16px; background-position: left 8px center; padding: 0px 10px 0 30px;}
    .searchFilterItems .searchFilterOption {padding: 10px 15px;}
    .searchFilterItems .searchFilterOption .thumb {height: 30px; width: 30px;}
    .searchFilterItems .searchFilterOption p {padding-left: 10px; font-size: 12px;}
    .searchFilterItems .searchFilterOption label {font-size: 11px;}
    .banner-form .searchFilterItems {margin-top: -4px;}
    .page-title h2 {font-size: 22px; line-height: 28px;}
    .page-title p {font-size: 15px; line-height: 22px;}
    .popularSlider .owl-nav, .popularSlider .owl-nav.disabled {margin-top: 15px;}
    .popularSlider .owl-nav [class*=owl-] {width: 30px; height: 30px;}
    .popularSlider .owl-nav .owl-next {margin-left: 20px;}
    .popular-box, .work-box {margin-top: 20px;}
    .hm-popular, .hm-works {padding: 30px 0;}
    .work-col {margin-bottom: 10px; padding: 15px 10px;}
    .work-col h2 {font-size: 15px; line-height: 20px;}
    .task-details {padding: 10px;}
    .task-details h2 {font-size: 15px;}
    .task-details p {font-size: 13px;}
    .task-box {margin-top: 20px;}
    .btn-row a {padding: 10px 20px 10px;}
    .hm-task {padding: 30px 0;}
    .app-img {max-width: 200px; margin: 0 auto 20px;}
    .app-col {margin: 0 0 10px; }
    .hm-app .btn-row {margin-top: 20px;}
    .testimonialSlider .users-slid h2 {font-size: 24px; line-height: 30px; margin-bottom: 15px;}
    .testimonialSlider .users-slid p {font-size: 16px; line-height: 22px;}
    .testimonialSlider .users-reting .users-img {height: 60px; width: 60px; flex: 0 0 60px;}
    .testimonialSlider .users-reting .users-reting-row h4 {font-size: 16px; margin-bottom: 10px;} 
    .mobileAppLinkSec .mobileAppLinkDetails h3 {font-size: 26px; margin-bottom: 15px;}
    .mobileAppLinkSec .mobileAppLinkDetails .mobileAppLinkBtn {padding-top: 20px;}
    .mobileAppThumbIcon {max-width: 200px; margin: 0 auto;}
    .mobileAppThumbIcon img {max-width: 100%;}
    .mobileAppLinkSec .mobileAppLinkDetails {padding-top:20px; }
    .footTop {padding: 200px 0 30px;}
    .footerDetailsRow {flex-wrap: wrap;}
    .footerDetailsRow .footerLogo {width: 100%; margin-bottom: 30px;}
    .footBottom {flex-direction: column; padding: 10px 0;}
    .footBottomRow {flex-direction: column;}
    .footBottomRow .footMenu {padding: 5px 0;flex-wrap: wrap; justify-content: center;}
    .testimonialSlider {padding: 0 40px;}
    .task-col {margin-bottom: 15px;}
    .testimonialSlider .owl-nav [class*=owl-] {width: 30px; height: 30px;}
    .testimonialSlider .users-reting .users-reting-row {padding-left: 15px;}
    .mobileAppLinkSec .mobileAppLinkBox {padding: 30px 15px;}
    .footerDetailsRow .footLinkCol h4 {margin-bottom: 15px;}
    .footBottomRow .footMenu li {margin: 5px 10px;} 
    .services {padding: 40px 0 30px;}
 
    .account-teb ul li a {font-size: 12px;padding: 8px 8px;border-radius: 0 !important;    margin-bottom: 0;}
    .AccountForm .form-group {margin-bottom: 15px;}
    /* My Profile page */
    .editAvatar { text-align: center; width: 110px; max-height: 140px; margin: 0 auto; position: relative;}
    .editAvatar h3 { margin: 10px 0px 20px 0px; }


    .PayoutAccount {padding: 15px;}
    .mytaskDetails {padding: 0px;}
    .takListingSec .takListingRow {margin:0;flex-wrap: wrap;}
    .takListingSec .takListingRow .taskListCol {flex: 0 0 100%;padding: 0;margin-bottom: 10px;} 
    .assingUserList .assingUserListTitle {padding: 10px;}
    .assingUserList .assingUserListTitle h2 {font-size: 16px;}
    .taskMessageDetailsRow .taskMessageDetailsInner, .taskMessageDetailsRow .taskMessageBox, .topAssignTaskBar {padding: 10px;}

    .signup-form-row .form-group input[type="text"], .signup-form-row .form-group input[type="password"] {height: 45px;line-height: 45px;padding: 10px;}

    .teams_conditions_min h2{font-size: 24px; margin:0 0 10px 0;}
    .accordionBox .card .card-header {padding: 15px;}
    .accordionBox .card .card-body {padding: 0 15px 15px;}
    .accordionBox .card {margin-bottom: 10px;}
    .accordionBox .card .card-header a{font-size: 18px;  }
    .accordionInner .smallCard .smallCardHeader a {font-family: 'Gilroy'; font-style: normal; font-weight: 600; font-size: 15px; line-height: 25px; color: #354052; padding-right: 20px;}
    .accordionInner .smallCard .smallCardBody{padding:14px; padding-bottom: 0;}

    .bringing_people .bringing_people_row {display: inline-block; margin: 0px 0 15px 0; padding: 0; align-items: center;}
    .bringing_people {padding: 30px 0;  display: inline-block;}
    .bringing_people .bringing_people_row .bringing_people_left {flex: auto; text-align: center; margin: 0; padding: 0; order: 1;}
    .bringing_people .bringing_people_row .bringing_people_left img {border-radius: 10px; max-width: 100%;}
    .bringing_people .bringing_people_row .bringing_people_right {padding: 0 0 0 0; margin: 20px 0 0 0; flex: 1 1 auto; order: 2;}
    .bringing_people .bringing_people_row .bringing_people_right h3{font-size: 25px;}
    .bringing_people .bringing_people_row .bringing_people_right p{margin: 0 0 10px 0;}
    .bringing_people .bringing_people_row:nth-child(even) .bringing_people_right,
    .bringing_people .bringing_people_row .bringing_people_right{padding:0 10px;}

    .contact_mail_box .contact_mail_bar {width: 100%;  margin: 0 0 15px 0; padding: 20px 20px;  height: 100%;}
    .contact_min{margin: 20px 0 20px 0;}
    .contact_mail_box{margin: 0 0 10px 0;}
    .contact_mail_box .contact_mail_bar h3{font-size: 18px;}
    .contact_mail_box .contact_mail_bar a {font-size: 12px; line-height:24px;}
    .teams_conditions{padding: 30px 0;}
    .teams_conditions_min .teams_conditions_top{padding:15px;}
    .table-bordered tr th{padding: 10px 10px; font-size: 15px;}
    .table-bordered tr td{padding: 10px 10px;}
    .teams_conditions_min .teams_conditions_top ol li{margin: 0 0 10px 0;}
    .privacy_policy_new #accordion .card .card-body{padding: 0;}
    .contact-col{ padding: 10px;}
    .collapse_show{padding: 0;}
    .privacyPolicyPage {padding: 15px;}

    .categories-row {flex: 0 1 50%; margin-bottom: 30px;}
    .footer.form-none .footTop {padding: 30px 0 !important;}

    .profile-details a {font-size: 12px;} 
    #content .submit-btn {top: inherit;position: inherit;margin: 15px 0 0;}
    .jFiler-input-inner {padding: 10px;}
    .jFiler-input-text h3 {width: 100%;}
    .page-body {padding: 20px 0 10px;}
    .modal  {padding:15px;}
    .owner-modal .modal-dialog {max-width: 100%;margin: 0;width: 100%;}
    .owner-modal .modal-header {padding: 10px;}
    .modal-header .close {margin: -3px 0 0; padding:0;}
    .owner-modal .profile-details {margin-top: 13px;}
    .Postimg-Row, .Postimg-Row.locetion-row {flex-wrap: wrap;}
    .Post-img {border-right: none;}
    .Post-img-form {padding: 10px;}
    .accordionInner .smallCard .smallCardBody h3 {font-size: 14px;}
    .accordionInner .smallCard .smallCardBody p {font-size: 12px;line-height: 21px;}
    .teams_conditions_min .teams_conditions_top {margin:0;}

    .jFiler-items.jFiler-row {width: 100%;}
    .paymentHistoryTable {min-width: 600px;}

    /** Post task page */
    .AccountForm {padding:25px 0px 0px 0px;}
}

/** Small devices (landscape phones, 576px and up) */
@media screen and (max-width: 575px) { 
	.footerDetailsRow {flex-direction: column;}
	.footerDetailsRow .footLinkCol {margin-bottom: 30px;}
	.footerDetailsRow .footLinkCol:last-child {margin-bottom: 0px;}
	.mobileAppLinkSec .mobileAppLinkDetails .mobileAppLinkBtn a {margin: 0 5px; }
	.mobileAppLinkSec .mobileAppLinkDetails .mobileAppLinkBtn a img {max-width: 100px; height: auto;}
	
	.BankAccount-box {border-right: none;}
	.BankAccount-btn {padding: 10px 15px 0;}
	.BankAccount-col {padding: 15px 15px;margin-left: 0;}
	.DeleteAccount {padding: 10px 0;}
	.PayoutAccount-row {float: left;width: 100%;}
	.PayoutAccount-col .submit-btn button {margin:0;}
	.topFillterBar .fillterGroupRow .fillterGroupItme .form-control-select {width: 135px;}
	.topAssignTaskRow .taskCheckGroup {flex-wrap: wrap;}
	.topAssignTaskRow .taskCheckGroup .container-row {margin-bottom: 5px;}
	.footer.form-none .footTop {padding: 30px 0;}

	.progress-box {padding-bottom: 20px; flex-wrap: wrap;}
	.progress-box .box {flex: 0 1 50%; margin-bottom: 10px;}
	.progress-box .box h2 {margin-top: 10px;}
	.left-sitebar .profile-banner {height: 100px;}
	.profile-details {padding-bottom: 30px;}
	.signup-left-img {display: none;}
    .signup-form {flex: 1 1 auto;}
    .signup-form h2 {font-size: 16px;line-height: 20px;}
	.signup-form p {font-size: 12px;line-height: 17px;}
    .forgot-password .submit-btn {margin-top: 0;}
    .AccountForm {padding:25px 0px 0px 0px;}
    .signup-form-row .form-group .submit-btn button { padding: 0 15px;}
	.AccountForm .form-group .card-row {margin:0;}
	.ReviewsDetails {margin-left: 10px;}
	.Post-img {padding:0;flex: auto;text-align: center;}
	.Post-img #content span {margin-left: 10px;}
	.forgot-row {flex-wrap: wrap;}
	.forgot {float: left;margin-bottom: 10px;}
	.forgot a {float: left;text-align: left; font-size: 12px;}
    .add-btn button {margin-top: 0;}

}