@media (max-width: 1600px) {
.signup-logo{margin-bottom: 20px;}
.right-dotted {
    right: 0;
}
}
@media (max-width: 1500px) {
    .signup-right {
    height: 100%;}
}
@media (max-width: 1400px) {
.hero-section{height: auto;}
}

@media (max-width: 1366px) {
.hero-right{position: relative;width: 100%;}
.hero-section .big-container{margin-top: 0;}
.hero-heading h3 {font-size: 53px;line-height: 77px;}}
@media (max-width: 1200px) {
.header-item a {margin-right: 10px;}
.hero-heading h3 {font-size: 40px; line-height: 52px;   }
.otp-input{padding: 0;width: 40px;height: 40px;}
}
@media (max-width: 1100px) {
.header-item a {margin-right: 0;}
.hero-heading h3 span:after {display: none;}
}
@media (max-width: 1100px) {
.header .navbar-toggler{padding: 0;border: none;}
.header .navbar-toggler.collapsed{border: none;box-shadow: none !important;}
.header .navbar-toggler:focus{border: none;box-shadow: none !important;}
}
@media (max-width: 1024px) {
section {padding: 40px 0;}
.section-heading h3{font-size: 32px;line-height: 42px;}
}
@media (max-width: 1022px) {
}
@media (max-width: 992px) {
 .header-item a {padding: 14px 0px;}
.header .navbar-collapse{    position: absolute;width: 100%;background-color: #fff;z-index: 9;top: 47px;        left: 0;        padding: 15px;
        padding-top: 0;}
.header{padding: 7px 0;}
.hero-left{padding: 40px 0;}
.contractor-card::before {display: none;}
.signup-left{margin-bottom: 15px;}
.signup-left-inner-content{height: auto;}
.signup-left {padding: 0;}

.belog-sec .belog-sec-heading {
    font-size: 26px;line-height: 30px;}
.login-bottom-content{margin-top: 50px !important;}
.upload-csv h5{font-size: 16px;}
.signup-logo img{width: 150px;}
.stepper-item {gap: 2px;flex-direction: column;}
.footer_bottom .btn-theme-login{margin-bottom: 0;    padding: 9px 19px;}
.project-location .d-flex{flex-direction: column;gap: 10px;align-items: start !important;}
.responsive-dot {    position: absolute; top: 22px; right: 14px;}
.project-location .project-detail{margin-right: 0 !important;}
.job-details-canvs .project-location .project-detail {max-width: 100%;}
.edit-sec h3 {font-size: 25px;}
.Tradesperson-dashboard-inner-heading h3 {                                                                                              font-size: 25px;}
.like_mobile{    position: absolute;top: 22px;right: 20px;}
.signup-right{display: none !important;}
.form-info {    height: calc(100vh - 193px);}
.subcontracter-form-info {        height: calc(100vh - 85px);}
    .signup-left-inner-content {
        height: 95vh;
        display: flex !important;
    }
}
@media (max-width: 768px) {
.header .navbar-brand img{width: 110px;}
.btn {font-size: 14px;padding: 6px 16px;}
.hero-heading h3 {font-size: 20px;line-height: 30px;margin-top: 0 !important;}
section {padding: 30px 0;}
.section-heading h3{font-size: 28px;line-height: 36px;}
.cscs-card-sec {padding: 60px 0;}
.dotted-bg{display: none;}
.flogo img{width: 120px;}
.or-divider::before, .or-divider::after{width: 80px;}
.signup-logo img{width: 150px;}
.belog-sec .belog-sec-heading {font-size: 20px;line-height: 26px;}
.signup-left-inner-content { padding: 20px 20px !important;}
p { font-size: 15px;}
.login-bottom-content p { font-size: 15px;}
.belong-inner-btns{flex-direction: column;align-items: center;}
.bs-wizard > .bs-wizard-step .bs-wizard-info { font-size: 10px;}
.steps-form {margin: 0px 0px 20px;}
.footer_bottom {padding: 15px;gap: 21px;}
.form-info{padding: 15px;}
.upload-photo { width: 70px; height: 70px;}
.form-info h3 {font-size: 18px;}
.form-info .form-group {
    margin-bottom: 10px;
}
.footer_bottom .btn {width: 110px;height: 40px;}
 .form-scroll {    padding-bottom: 149px;}
 .form-info h3 a {
    font-size: 14px;}
.verify-email-inputs{gap: 7px !important;}
.btn-theme-login{font-size: 14px;    padding: 10px 20px;}
.signup-login-sec .btn-theme-login { min-height: 41px;}
.contracter-card-content h3 { font-size: 20px;}
.DeleteModel {padding: 20px !important;}
.css-qopi4n-MuiPaper-root-MuiDialog-paper{margin: 10px !important;}
.job-modal-btn { min-width: 100px;}
.edit-btn{min-height: 40px;}
.theme-btn.big {min-height: 40px;}
.stepper-item {gap: 2px;flex-direction: column;}
.theme-transparent.big { min-height: 40px;}
.about-sec {padding: 30px 0;}
.job-main-card-title a {font-size: 18px;line-height: 26px;}
.job-card-desc {font-size: 14px;line-height: 20px;}
.job-main-card-content {padding: 12px;}
.project-location .project-detail {font-size: 14px;}
.project-location .link-text {position: absolute;right: 10px;bottom: 18px;}
.footer-fixed-canvas{padding: 9px 18px;}
.footer-fixed-canvas h2 {font-size: 26px;}
.footer-bottom-second {padding: 14px 0;}
 .Tradesperson-dashboard-inner-heading h3 {font-size: 20px; margin-bottom: 18px !important;}
 .td-image img {width: 60px; height: 60px;}
.edit-sec h3 {font-size: 18px;}
.edit-btn{font-size: 14px;}
.Tradesperson-dashboard-inner{padding: 10px;}
.new-profile-detail-sec {
    padding-bottom: 15px;
    
    margin-bottom: 15px !important;
}
.theme-transparent.big { min-height: 35px;}
.theme-btn.big {min-height: 35px;}
.job-main-card .theme-btn {
    padding: 0px 22px;
}
.selected-skill-badges .skill-list{    font-size: 12px;
    padding: 4px 15px;}

/*Ravi Css*/
.message-container{display:block;height: auto;}
.sidebar{width:100%;margin-bottom: 15px;max-height: calc(50vh - 145px);}
.chat-body{max-height: 34vh;}
.contact-us-container{padding: 20px;}
.ready-btn { font-size: 13px; padding: 9px 22px;}
.ready-to-expeience-sec {padding: 40px 0;}
.ready-to-ex-content h3 {font-size: 28px;}
.text-18 {font-size: 16px;}
.benefit .key-benifit-content h3 {font-size: 18px;}
.key-benifit-content h3 {font-size: 18px;}
.trust-heading h3 {font-size: 28px;}
.key-benifit-card {padding: 40px;}
}

@media (max-width: 500px){ 
.stepper-line {display: none;}
.step-name {font-size: 10px;}
.step-counter {width: 25px;height: 25px;}
.green-project {padding: 3px 9px;font-size: 10px;}
.text-16 {font-size: 14px !important;}

/*Ravi Css*/
.new-sec-heading {display:none;}
.sidebar{margin-top: 15px;height: 100vh;max-height: none;}
.search-input-with-icon input{padding: 7px 20px 7px 37px;}
.search-input-with-icon span{width: 18px;height: 18px;}
.search-input-with-icon span svg{top: 4px;}
.sidebar-search{padding: 8px 10px;}
.message-user-item{padding: 8px 8px;}
.message-profile {width: 40px;height: 40px;flex: 0 0 40px;}
.message-user-detail p{font-size: 13px;}
.message-time h3{ font-size: 13px;font-weight: 500;}
.message-time{width: 66px;}
.chat-header{padding: 8px 12px;}
.app-image{width: 40px;height: 40px;}
.applicant-profile-content p.applicant-profile-title {font-size: 12px; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 150px;}
.chat-header .btn{font-size: 13px;padding: 6px 12px;}
.chat-body {padding: 10px;gap: 10px;max-height: 81vh;}
.date-divider{margin: 0px !important;font-size: 13px;}
.right-message, .left-message{padding: 6px 12px;font-size: 13px;font-weight: 400;margin-bottom: 5px;}
.message-input-container{padding-left: 20px;min-height: 50px;}
.main-message-container{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9;border-radius: 0;}
.chat-footer{padding: 16px 10px;}
.message-container{height: 90vh;}
.back-link{width: 24px;}
.job-main-card-content-right > .d-flex:first-child {
  display: block !important;
}

.new-project-location-item-left{width: 70%;}
.ap-left .d-flex{display: flex !important;}
.job-main-card-title{margin:10px 0px;}
.ap-card-btns button{margin-right:10px;}
.project-detail, .availability-badge{margin-top:10px;}
.project-location{padding-top:12px!important;margin-top:12px!important;}
.project-location .project-detail{margin-top: 0px;}
.jobs-heading h3{font-size: 16px;}
.applicant-heading-new button{margin-top:5px;}
.Tradesperson-dashboard-inner.mt-40{margin-top:20px;}
.googleAuth {
    padding: 0px 20px 40px 20px !important;
}
.nsm7Bb-HzV7m-LgbsSe{height: 40px !important;}
.belong-btn {width: 100%;}
.css-qopi4n-MuiPaper-root-MuiDialog-paper{max-width: 100%;width: 100% !important;}
}