@media only screen and (max-width: 1400px) {
.top_header {
padding: 5px 0;
}
.top_header p {
line-height: 25px;
}
.social-iconsheader a {
width: 25px;
height: 25px;
line-height: 25px;
font-size: 11px;
}
.bottom-header {
padding: 10px 0;
}
header.smallHeader {
transform: translateY(-36px);
}
body .doerStats .statBox {
padding: 10px 5px;
}
header.doerHeader nav ul li {
margin-left: 5px;
}
header.doerHeader nav ul li a {
padding: 0 10px;
}
.headerSearch {
min-width: 255px;
}
header.doerHeader .navbar-brand {
margin-right: 0;
}
.container-fluid {
padding: 0 50px;
}
body .tot_review .rev_top h4 {
font: 13px/17px 'Montserrat-SemiBold';
margin-bottom: 2px;
}
body .pindoCart.doerdetails .endorse_box .indv_endorse {
padding: 2px 10px;
}
body .pindoCart.doerdetails .endorse_box .indv_endorse .hiredCont .hiredBox {
width: 25px;
height: 25px;
top: 3px;
}
body .pindoCart.doerdetails .endorse_box .indv_endorse .hiredCont .hireNumber {
width: 23px;
height: 23px;
top: 5px;
line-height: 23px;
}
body .tot_review p {
font-size: 16px;
}
body .indv-doer .abs-btngrp {
bottom: -6px;
}
body .indv-doer .profDoer {
/*padding-left: 95px;
min-height: 80px;*/
}
body .indv-doer .profDoer .prof_img {
/*width: 80px;
height: 80px;*/
}
body .indv-doer .profDoer h4 {
font: 12px/19px 'Montserrat-SemiBold';
}
/*body .common_topgap {
padding-top: 109px;
}*/
body .filterSection {
padding: 75px 0;
}
body .publicPinListing {
padding: 75px 0 55px;
}
body .doer-listing {
padding: 90px 0 45px;
}
body .left_doerprf .doer-logo {
width: 200px;
height: 200px;
border-radius: 200px;
}
body .left_doerprf {
padding-left: 245px;
}
.badge-slider .swiper-slide img {
max-width: 100%;
}
.badge-slider .sidebysidearrows .commonstyle.swiper-button-prev {
margin-right: 20px;
}
body .quote_mark {
width: 275px;
height: 215px;
}
body .quote_mark img {
max-width: 100%;
}
body .cdk-global-overlay-wrapper .mat-dialog-container {
padding: 30px;
border-radius: 10px;
}
body .pindoCart.doerdetails .mat-card-content p {
font: 12px/24px 'Montserrat-Regular';
}
body .servicelisting .subcatListing {
margin-top: 2px;
}
body app-invite-to-pin .doer-listing {
padding-top: 0;
}
body .right_filter ul {
margin: 0;
padding: 0;
}
body .filterBottomPanel .right_filter ul li .btn-link,
body .filterBottomPanel .right_filter ul li .mat-button {
font-size: 12px;
}
body .chooseCategoryCheckbox input[type="checkbox"] + label,
body .chooseCategoryCheckbox input[type="radio"] + label {
min-width: 75px;
padding-top: 90px;
}
body .chooseCategoryCheckbox input[type="checkbox"] + label span,
body .chooseCategoryCheckbox input[type="radio"] + label span {
width: 75px;
height: 75px;
}
body .chooseCategoryCheckbox input[type="checkbox"] + label span img,
body .chooseCategoryCheckbox input[type="radio"] + label span img {
width: 30px;
}
body .greyCheck input[type="checkbox"] + label,
body .greyCheck input[type="radio"] + label {
font: 13px/40px 'Montserrat-Regular';
}
body .filterBottomPanel {
left: 50px;
right: 50px;
}
body .indv-doer .abs-btngrp {
bottom: -5px;
}
body .green_topbar {
font: 10px/36px 'Montserrat-SemiBold';
height: 36px;
}
body .header_doerprof p {
font: 12px/60px 'Montserrat-SemiBold';
}
body .header_doerprof .btn-back {
font-size: 21px;
margin-top: 9px;
}
body .header_doerprof p.markAsFav {
font: 11px/60px 'Montserrat-SemiBold';
}
body .left_doerprf .left_doerText h3 {
font: 24px/32px 'Montserrat-SemiBold';
}
body .left_doerprf .left_doerText .total_doerInfo .info-doer,
body .left_doerprf .left_doerText .total_doerInfo .ratingDoer p {
font-size: 13px;
}
.servicelisting {
margin-top: 15px;
}
body .pindoCart.doerdetails .mat-card-content {
padding: 15px 30px;
}
body .facts-cont {
margin-right: 10px;
margin-bottom: 10px;
padding: 0 10px;
}
body .help-section {
padding: 0;
}
body .subcard-heading h5 {
font-size: 26px;
}
body .rateDoer .indvRat i {
font-size: 25px;
}
body .table-body .coltab {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
body .custombtnboder {
margin-top: 0 !important;
}
header .navbar-brand {
width: 310px;
}
header .rihgt-header {
width: 310px;
}
li.formobDisplay.user-contact-list .new_notification {
top: 25px;
left: 33px;
}
}
@media only screen and (max-width: 1299px) and (min-width: 1200px) {
ul.main-nav li a{
font: 11px/74px 'Montserrat-SemiBold';
padding: 0 5px;
}
header .navbar-brand {
width: 260px;
}
header .rihgt-header {
width: 260px;
}
ul.main-nav.rightmainnav li .total_btnheader .mat-button {
min-width: 52px;
}
li.formobDisplay.user-contact-list .new_notification {
top: 24px;
left: 27px;
}
}
@media only screen and (max-width: 1199px) {
body .mat-checkbox-label {
font-size: 14px;
}
.table-header .coltab {
font: 11px/15px 'Montserrat-SemiBold';
}
body .table-body .coltab p {
font-size: 12px;
}
header.doerHeader .mat-button {
padding: 0 10px;
}
header.doerHeader nav ul {
padding: 0;
margin: 0;
}
header.doerHeader .navbar-brand img {
max-width: 80px;
margin-top: 4px;
}
header.doerHeader nav ul li {
margin-left: 5px;
}
body .indv-doer .quotaioninfoListing .quote-box p {
font-size: 12px;
}
/*body .indv-doer .profDoer .prof_img {
width: 70px;
height: 70px;
}*/
/*body .indv-doer .profDoer {
padding-left: 85px;
min-height: 70px;
}*/
/*body .indv-doer {
padding: 25px;
padding-bottom: 50px
}*/
body .indv-doer .doerStats .statBox {
padding: 5px;
font-size: 12px;
}
body .badgCont {
flex-direction: column;
}
body .mat-card.pindoCart.dashboardCart .table-row .coltab:nth-child(2) {
padding-left: 0;
}
body .mat-card.pindoCart.dashboardCart .table-body .coltab,
body .mat-card.pindoCart.dashboardCart .table-body .coltab p {
font: 11px/18px 'Montserrat-Medium';
}
body .mat-card.pindoCart.dashboardCart .prof-info h5 {
font-size: 11px;
}
body .mat-card.pindoCart.dashboardCart .table-header .coltab {
font-size: 10px;
}
body .mat-card.pindoCart.dashboardCart .green-pin {
font: 9px/20px 'Montserrat-SemiBold';
}
body .rec_icon img {
max-width: 15px;
}
.headingPage h2 {
font: 32px/36px 'Montserrat-SemiBold';
margin-bottom: 5px;
}
.headingPage h6 {
font: 13px/15px 'Montserrat-Regular';
}
.loginNowSection p {
font: 14px/20px 'Montserrat-SemiBold';
}
header.login_head {
padding: 15px 50px;
}
body .indv-doer .abs-btngrp mat-button-toggle-group .mat-button-toggle label {
font-size: 11px;
}
.bottom-header ul li a {
font-size: 13px;
}
.sidebysidearrows.recentsliderarrows {
min-width: 96px;
}
body .pindoCart.doerdetails.custom_styling .mat-card-content .custom-padding {
/*padding: 0 30px;*/
}
.mobilemenu ul.main-nav li a {
line-height: 60px;
}
mat-card-title .cardtitlesubtext {
display: none;
}
/* ---start for tablet / mobile menu mobileMenu---- */
.container-fluid {
padding: 0 20px;
}
mat-sidenav-content app-header .social-iconsheader {
display: none;
}
app-header header {
position: fixed !important;
}
.mobile-navigationmaterial header .formobStyling .rihgt-header.align-self-center.mobilemenu {
position: absolute;
bottom: 0;
width: 100%;
padding: 0 25px 10px;
}
.mobile-navigationmaterial header .formobStyling .align-self-center.mobilemenu:not(.rihgt-header) {
/* height: calc(100vh - 205px); */
height: calc(100% - 150px);
overflow: scroll;
float: left;
width: 100%;
}
.mobile-navigationmaterial header.smallHeader {
transform: none;
}
.mobile-navigationmaterial header .formobStyling .rihgt-header.align-self-center.mobilemenu a:after {
display: none;
}
.mobile-navigationmaterial header .formobStyling .rihgt-header.align-self-center.mobilemenu a {
background: #bad141;
font: 12px/38px 'Montserrat-Medium';
color: #fff;
margin-bottom: 5px;
text-align: center;
display: block;
border-radius: 4px;
}
.mobile-navigationmaterial header .formobStyling .rihgt-header.align-self-center.mobilemenu a.register_btn {
background: #004467;
}
.mobile-navigationmaterial header .formobStyling {
-ms-flex-pack: center!important;
justify-content: center!important;
position: relative;
height: calc(100vh - 38px);
display: block;
text-align: center;
}
.row.formobStyling {
display: block;
}
.menu-open .backdrop-mobilemenu {
display: block;
cursor: pointer;
position: fixed;
width: 100%;
background: rgba(255, 255, 255, 0.28);
left: 0;
height: 100%;
top: 0;
}
app-header:not(.mobile-navigationmaterial) .mobilemenu li,
app-header.mobile-navigationmaterial .mobilemenu li.formobDisplay {
display: none;
}
app-header .social-iconsheader {
position: absolute;
top: 5px;
padding: 10px 15px;
right: 0;
}
app-header:not(.mobile-navigationmaterial) .mobilemenu li.formobDisplay {
display: block;
}
app-header:not(.mobile-navigationmaterial) .left_header nav {
display: none;
}
app-header.mobile-navigationmaterial button#open-button {
display: none;
}
app-header.mobile-navigationmaterial .right_header {
display: none !important;
}
app-header.mobile-navigationmaterial .left_header {
-ms-flex-direction: column!important;
flex-direction: column!important;
}
app-header.mobile-navigationmaterial header .mat-button,app-header.mobile-navigationmaterial header .mobilemenu ul.main-nav li a {
line-height: 40px;
min-width: 0;
color: #807e7e;
display: block;
padding: 0 25px;
text-align: left;
color: #37383a;
}
app-header.mobile-navigationmaterial header .mobilemenu ul.main-nav li a::after {
content: '';
content: "\f105";
font-family: Font Awesome\ 5 Free;
font-weight: 900;
float: right;
color: #bad141;
font-size: 16px;
}
app-header.mobile-navigationmaterial header ul li:empty {
display: none;
}
app-header.mobile-navigationmaterial header ul li {
margin-left: 0;
width: 100%;
border-top: 1px solid #c5c5c51f;
}
app-header.mobile-navigationmaterial header ul li:first-child {
border: none;
}
app-header.mobile-navigationmaterial header ul {
border-top: 3px solid #f3f6f9;
}
app-header.mobile-navigationmaterial header .navbar-brand {
margin-right: 0;
padding: 8px 25px;
}
app-header.mobile-navigationmaterial header .container-fluid {
padding: 0px 15px;
height: calc(100% - 38px);
}
app-header.mobile-navigationmaterial header .formobStyling {
-ms-flex-pack: center!important;
justify-content: center!important;
position: relative;
height: 100%;
/* height: calc(100% - 38px); */
display: block;
text-align: center;
}
app-header:not(.mobile-navigationmaterial) .row.formobStyling {
display: block;
}
app-header:not(.mobile-navigationmaterial) .navbar-brand {
padding: 10px 0;
float: left;
}
app-header:not(.mobile-navigationmaterial) .rihgt-header {
float: right;
}
.mobile-navigationmaterial .top_headerbar p {
display: none;
}
.top_headerbar {
padding: 0 15px;
}
.mobile-navigationmaterial .top_headerbar .social-iconsheader {
display: block;
position: static;
padding: 0;
}
.mobile-navigationmaterial .social-iconsheader a {
width: 25%;
height: 37px;
line-height: 37px;
font-size: 15px;
display: inline-block;
border-left: 1px solid #f3f3f3;
margin: 0;
}
.mobile-navigationmaterial .social-iconsheader a:first-child {
border: none;
}
.mobile-navigationmaterial header ul.main-nav.rightmainnav {
border-top: none;
width: 100%;
display: flex;
flex-direction: column-reverse;
}
.mobile-navigationmaterial header .formobStyling .rihgt-header.align-self-center.mobilemenu {
position: absolute;
bottom: 0;
width: 100%;
padding: 0 25px 10px;
}
.mobile-navigationmaterial header .formobStyling .align-self-center.mobilemenu:not(.rihgt-header) {
height: calc(100% - 150px);
overflow: scroll;
float: left;
width: 100%;
}
.mobile-navigationmaterial header.smallHeader {
transform: none;
}
.mobile-navigationmaterial header .formobStyling .rihgt-header.align-self-center.mobilemenu a:after {
display: none;
}
.mobile-navigationmaterial header .formobStyling .rihgt-header.align-self-center.mobilemenu a {
background: #bad141;
font: 12px/38px 'Montserrat-Medium';
color: #fff;
margin-bottom: 5px;
text-align: center;
display: block;
border-radius: 4px;
}
.mobile-navigationmaterial header .formobStyling .rihgt-header.align-self-center.mobilemenu a.register_btn {
background: #004467;
}
.mobile-navigationmaterial header .close_btn {
display: block;
position: absolute;
left: 20px;
top: 15px;
background: none;
border: none;
}
/* ---end for tablet / mobile menu ---- */
header .rihgt-header {
width: 195px;
}
header .navbar-brand {
width: 200px;
padding: 8px 0 8px 10px ;
}
header .rihgt-header ul.main-nav{ float: right;}
.h75 {
height: 60px;
}
/* -- for mobile menu -- */
.container-fluid {
padding: 0 20px;
}
app-header .social-iconsheader {
display: none;
}
/* app-header header {
position: fixed !important;
} */
/* .mobile-navigationmaterial header{
height: 100%;
top: 0;
bottom: 0;
position: static !important;
} */
app-header:not(.mobile-navigationmaterial) .mobilemenu li,
app-header.mobile-navigationmaterial .mobilemenu li.formobDisplay {
display: none;
}
app-header .social-iconsheader {
position: absolute;
top: 5px;
padding: 10px 15px;
right: 0;
}
app-header:not(.mobile-navigationmaterial) .mobilemenu li.formobDisplay {
display: block;
}
/* -- for mobile menu -- */
header .navbar-brand {
width: 260px;
}
header .rihgt-header {
width: 260px;
}
li.user-contact-list span.new_notification {
top: 24px;
left: 34px;
}
}
@media only screen and (max-width: 992px) {
.headerSearch {
display: none;
}
#container {
height: auto;
max-height: 400px;
}
body .table-body .coltab .green-pin {
max-width: 100%;
float: left;
}
.prof-info {
max-width: 100%;
}
.prof-info h5 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
}
body .table-body .coltab .d-flex:not(.ratingDoer) {
display: block !important;
max-width: 100%;
}
body .prof-info {
display: block !important;
}
body .btn.btn-link.giveRating {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
font-size: 12px;
}
body .table-body .coltab .custombtnboder .mat-button {
padding: 0 15px;
font-size: 10px;
}
.navbar-brand img.subtext {
display: none;
}
body .totalDashboard .top_200minus .total-table .table-header .coltab {
font: 400 10px/60px 'Montserrat-SemiBold';
padding: 0 10px !important;
}
body .totalDashboard .top_200minus .total-table .table-body .coltab:nth-of-type(1) {
padding-left: 10px !important;
}
body .totalDashboard .top_200minus .total-table .table-body .coltab {
padding: 10px !important;
}
.abs-buttongrp {
top: -37px;
}
}
@media only screen and (max-width: 767px) {
.container-fluid {
padding: 0 15px;
}
body .cdk-global-overlay-wrapper .mat-dialog-container {
padding: 24px;
}
body .mat-card .mat-radio-label-content {
white-space: initial;
word-break: break-word;
}
p {
font: 12px/26px 'Montserrat-Medium';
}
/* for mobileMenu */
/* .container-fluid {
padding: 0 20px;
}
mat-sidenav-content app-header .social-iconsheader {
display: none;
}
app-header header {
position: static !important;
}
app-header:not(.mobile-navigationmaterial) .mobilemenu li,
app-header.mobile-navigationmaterial .mobilemenu li.formobDisplay {
display: none;
}
app-header .social-iconsheader {
position: absolute;
top: 5px;
padding: 10px 15px;
right: 0;
}
app-header:not(.mobile-navigationmaterial) .mobilemenu li.formobDisplay {
display: block;
} */
/* for mobileMenu */
mat-sidenav-content header .container-fluid {
padding: 0 35px;
}
ul.main-nav li .total_btnheader .mat-button {
padding: 11.5px 7px;
min-width: 0 !important;
}
ul.main-nav li .total_btnheader {
min-height: 0;
}
.img_matDialog {
width: 80px;
height: 80px;
}
body .mat-dialog-container .total-dialogCntent h2 {
font-size: 22px;
}
ul.main-nav li a:before {
display: none;
}
button#open-button {
background: none;
border: none;
padding: 0;
width: 100px;
margin-left: -23px;
display: block;
max-height: 61px;
float: left;
}
.menu-open .backdrop-mobilemenu {
display: block;
cursor: pointer;
position: fixed;
width: 100%;
background: rgba(255, 255, 255, 0.28);
left: 0;
height: 100%;
top: 0;
}
.img_login {
display: none;
}
header.login_head p span {
display: none;
}
header.login_head {
padding: 5px 20px;
}
.maincontentPartLoginModule {
padding: 35px 0;
}
.maincontentPartLoginModule .custombtnboder {
text-align: center;
width: 100%;
}
.maincontentPartLoginModule .custombtnboder label.or {
display: block !important;
padding: 10px 0 !important;
}
.rember_forgot a {
font-size: 13px;
line-height: 20px;
}
.headingPage h2 {
font: 18px/36px 'Montserrat-SemiBold';
}
.headingPage h2 .mat-icon-button {
position: static;
font-size: 24px;
line-height: 31px;
width: auto;
height: auto;
}
.headingPage {
padding: 35px 20px;
}
.topicHeading,.form-panel h4 {
font: 22px/32px 'Montserrat-Regular';
}
.selectTypeBox {
flex-direction: column;
}
.circleSelect:first-child {
margin-right: 0;
}
.common_topgap {
/* padding-top: 96px; */
padding-top: 122px;
}
body .top-section {
min-height: 210px;
height: auto;
padding: 35px 10px;
text-align: center;
/*margin-bottom: 40px;*/
}
/* body .top-section.alada_height {
min-height: 425px;
} */
.social-iconsheader a {
margin: 0;
}
.navbar-brand {
margin: 0;
}
.navbar-brand img.subtext {
display: none;
}
.h75 {
height: 60px;
}
.top-section h2 {
font: 22px/36px 'Montserrat-SemiBold';
}
.privacy-section h3 {
font-size: 24px;
}
.top-section .searchPindo {
width: 100% !important;
margin-bottom: 20px;
float: none;
position: static;
transform: none;
}
.top-section .searchPindo .total_search {
width: 100% !important;
}
body .filterSection {
/*padding: 10px 0 0px !important;*/
}
body .filterSection h4 {
font: 400 14px/22px 'Montserrat-Bold' !important;
}
.faq-Section .indvFaq:nth-of-type(1) {
margin-top: 15px !important;
}
.top-section .searchPindo .form-control {
font-size: 13px;
}
/* for mobileMenu */
app-header:not(.mobile-navigationmaterial) .left_header nav {
display: none;
}
app-header.mobile-navigationmaterial button#open-button {
display: none;
}
app-header.mobile-navigationmaterial .right_header {
display: none !important;
}
app-header.mobile-navigationmaterial .left_header {
-ms-flex-direction: column!important;
flex-direction: column!important;
}
app-header.mobile-navigationmaterial header .mat-button,app-header.mobile-navigationmaterial header .mobilemenu ul.main-nav li a {
line-height: 40px;
min-width: 0;
color: #807e7e;
display: block;
padding: 0 25px;
text-align: left;
color: #37383a;
}
app-header.mobile-navigationmaterial header .mobilemenu ul.main-nav li a::after {
content: '';
content: "\f105";
font-family: Font Awesome\ 5 Free;
font-weight: 900;
float: right;
color: #bad141;
font-size: 16px;
}
app-header.mobile-navigationmaterial header ul li:empty {
display: none;
}
app-header.mobile-navigationmaterial header ul li {
margin-left: 0;
width: 100%;
border-top: 1px solid #c5c5c51f;
}
app-header.mobile-navigationmaterial header ul li:first-child {
border: none;
}
app-header.mobile-navigationmaterial header ul {
border-top: 3px solid #f3f6f9;
}
app-header.mobile-navigationmaterial header .navbar-brand {
/* margin-right: 0;
padding: 8px 25px; */
}
app-header.mobile-navigationmaterial header .container-fluid {
padding: 0px 15px;
}
app-header.mobile-navigationmaterial header .formobStyling {
-ms-flex-pack: center!important;
justify-content: center!important;
position: relative;
height: calc(100vh - 38px);
display: block;
text-align: center;
}
app-header:not(.mobile-navigationmaterial) .row.formobStyling {
display: block;
}
app-header:not(.mobile-navigationmaterial) .navbar-brand {
padding: 10px 0;
float: left;
}
app-header:not(.mobile-navigationmaterial) .rihgt-header {
float: right;
}
/* for mobileMenu */
.table-row {
display: block !important;
}
.table-body .coltab::before {
content: attr(data-heading)' :';
font-weight: 700;
color: #000;
text-align: left;
display: block;
min-width: 105px;
position: absolute;
left: 15px;
top: 50%;
display: flex;
transform: translateY(-50%);
}
.table-body .coltab {
padding: 20px 15px;
text-align: left;
border-top: 1px solid rgba(233, 237, 241, 0.65);
position: relative;
padding-left: 120px !important;
min-height: 40px;
z-index: 2;
}
.table-header {
display: none !important;
}
.rightdropdown .table-row {
padding-right: 0;
position: relative;
}
.table-row {
border-top:20px solid #f5f9fd;
position: relative;
}
.table-row:after{
content:'';
width: 100%;
height: 100%;
border: 1px solid #dbdcd6;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1;
}
.table-row .abs-dropdown{
border: 1px solid #dbdcd6;
}
.pins-section .control-tabs{
margin-bottom: 10px;
}
.abs-dropdown {
right: 0;
width: 50px;
padding: 8px 0px;
color: #cdd4db;
z-index: 9;
top: 0 !important;
-webkit-transform: translateY(0) !important;
transform: translateY(0) !important;
right: 0;
background: #fff;
}
body .tab_radio input[type="radio"] + label {
font: 11px/34px 'Montserrat-SemiBold';
padding: 0 5px;
}
body .abs-buttongrp {
position: relative;
z-index: 12 !important;
display: flex;
justify-content: flex-end;
}
body .meta-heading .abs-buttongrp {
position: relative;
z-index: 12 !important;
display: flex;
justify-content: space-between;
width: 100%;
top: auto;
margin-top: 20px;
margin-bottom: 10px;
}
.absFilter {
width: 320px !important;
}
body .mat-form-field, body .mat-select {
font-size: 13px;
}
body .absFilter h4 {
font: 11px/15px 'Montserrat-SemiBold';
}
body .manageavlListing {
padding-right: 50px;
}
body .valu_box {
line-height: 38px !important;
}
.valu_box:first-child {
margin-bottom: 5px;
}
button.btn_removeList {
width: 25px !important;
height: 25px !important;
line-height: 24px !important;
top: 28px !important;
}
.justifymobile_spacebetween {
-ms-flex-pack: justify!important;
justify-content: space-between!important;
}
body .totalDashboard .timepicker__body {
display: block !important;
padding: 20px 10px;
}
body .timepicker-overlay {
left: 5% !important;
width: 90% !important;
}
body .totalDashboard .timepicker {
width: 100% !important;
display: block;
}
body .totalDashboard .clock-face {
margin: 0 auto;
}
.right_doerprofile .mat-card.pindoCart {
margin-top: 40px;
}
.update-profilecard .icon-space.prof-img {
margin-bottom: 20px;
}
.mat-card.pindoCart .mat-card-actions .d-flex {
flex-direction: column;
padding-bottom: 8px;
}
.mat-card.pindoCart .mat-card-actions .d-flex .mat-radio-button.ml-3 {
margin-left: 0 !important
}
.mat-card-actions h6 {
font: 11px/46px 'Montserrat-SemiBold';
margin-bottom: 0;
}
.border-box .border-box-action .mat-icon-button {
width: 30px;
}
body app-profile-services .border-box .border-box-action {
right: -15px;
top: 0px;
}
.mat-button-toggle-group label {
font-size: 11px;
}
.no_background {
background: none !important;
}
body .myPanelClass{
margin-top: 35px !important;
}
body .myPanelClass span.mat-option-text span img {
height: 28px;
width: 20px;
object-fit: contain;
margin-right: 10px;
}
.hideInMob {
display: none !important;
}
.chooseSubCategory {
margin-top: 10px;
}
.chooseSubCategory .col-md-4:last-child {
margin-top: 20px;
}
body .greyCheck input[type="checkbox"] + label, body .greyCheck input[type="radio"] + label {
font: 11px/32px 'Montserrat-SemiBold';
}
.popUpcontentHeading {
padding: 0 20px;
}
body .totalDashboard .selectBarOptions .mat-form-field {
max-width: 130px;
}
mat-card-title .cardtitlesubtext {
}
.mat-menu-panel.headerDrop, .mat-menu-panel.notify_header {
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.cdk-overlay-connected-position-bounding-box {
right: 20px !important;
}
body .mat-drawer-backdrop.mat-drawer-shown {
background-color: rgba(0, 0, 0, 0.25);
}
.abs-buttongrp .mat-form-field-appearance-outline .mat-form-field-suffix {
top: 8px;
}
body .mat-form-field-appearance-outline .mat-form-field-infix {
padding: 6px 0 20px !important;
}
.border-box h4 {
padding-right: 55px;
}
.form-control {
line-height: 42px;
}
.overlayPopup .popupContent .popUpcontentHeading h5 {
font: 11px/24px 'Montserrat-Regular';
}
.total-form {
flex-direction: column;
}
.custom-paymentcheckbox:first-child,.custom-paymentcheckbox {
margin: 0 auto !important;
}
body .forScroll {
max-height: none !important;
}
mat-sidenav-content header:not(.doerHeader) {
position: fixed !important;
}
.mobiletop60 {
margin-top: 60px;
}
/* for mobileMenu */
.mobile-navigationmaterial .top_headerbar p {
display: none;
}
.top_headerbar {
padding: 0 15px;
}
.mobile-navigationmaterial .top_headerbar .social-iconsheader {
display: block;
position: static;
padding: 0;
}
.mobile-navigationmaterial .social-iconsheader a {
width: 25%;
height: 37px;
line-height: 37px;
font-size: 15px;
display: inline-block;
border-left: 1px solid #f3f3f3;
margin: 0;
}
.mobile-navigationmaterial .social-iconsheader a:first-child {
border: none;
}
app-header.mobile-navigationmaterial header ul.main-nav.rightmainnav {
border-top: none;
width: 100%;
display: flex;
flex-direction: column-reverse;
}
app-header.mobile-navigationmaterial header .formobStyling .rihgt-header.align-self-center.mobilemenu {
position: absolute;
bottom: 0;
width: 100%;
padding: 0 25px 10px;
}
app-header.mobile-navigationmaterial header .formobStyling .align-self-center.mobilemenu:not(.rihgt-header) {
height: calc(100vh - 205px);
overflow: scroll;
float: left;
width: 100%;
}
app-header.mobile-navigationmaterial header.smallHeader {
transform: none;
}
app-header.mobile-navigationmaterial header .formobStyling .rihgt-header.align-self-center.mobilemenu a:after {
display: none;
}
app-header.mobile-navigationmaterial header .formobStyling .rihgt-header.align-self-center.mobilemenu a {
background: #bad141;
font: 12px/38px 'Montserrat-Medium';
color: #fff;
margin-bottom: 5px;
text-align: center;
display: block;
border-radius: 4px;
}
app-header.mobile-navigationmaterial header .formobStyling .rihgt-header.align-self-center.mobilemenu a.register_btn {
background: #004467;
}
app-header.mobile-navigationmaterial header .close_btn {
display: block;
position: absolute;
left: 20px;
top: 15px;
background: none;
border: none;
}
/* for mobileMenu */
body mat-sidenav-content .top_200minus .total-table .table-body .coltab,
body mat-sidenav-container mat-sidenav-content .top_200minus .total-table .table-body .coltab:nth-of-type(1),
body .totalDashboard .top_200minus .total-table .table-body .coltab:nth-of-type(1),
body .totalDashboard .top_200minus .total-table .table-body .coltab {
padding-left: 120px !important;
padding-right: 60px !important;
z-index: 2;
}
.rightdropdown .table-row .forredirection {
right: 50px;
}
body .customtop_padding {
/* padding-top: 99px; */
padding-top: 122px;
}
body .top_200minus .single_drop .mat-icon-button {
background: #fcf3ed;
}
body .top_200minus.pinner_sectiontopMinus .single_drop .mat-icon-button {
background: #eef5cd;
}
.top-section .chooseCategory {
flex-wrap: wrap;
}
body .no_content {
padding: 15px;
margin: 0;
text-align: center;
position: relative;
z-index: 3;
}
.no_content .float-right {
float: none !important;
}
body .chooseCategoryCheckbox input[type="checkbox"] + label,
body .chooseCategoryCheckbox input[type="radio"] + label {
padding-top: 0 !important;
min-width: 90px !important;
text-align: center !important;
padding-left: 35px !important;
text-align: left !important;
min-height: 35px !important;
position: relative !important;
line-height: 32px !important;
}
body .chooseCategoryCheckbox input[type="radio"] + label span {
width: 30px !important;
height: 30px !important;
left: 0 !important;
transform: none !important;
}
body .chooseCategoryCheckbox svg {
width: 15px !important;
}
/*body .totalDashboard .top_200minus {
top: 0;
margin-bottom: 0;
}*/
body .filterBottomPanel {
position: static !important;
flex-direction: column;
}
body .serviceSection .filterBottomPanel {
display: block !important;
text-align: center;
float: left;
width: 100%;
background: none;
box-shadow: none;
}
body .serviceSection .filterBottomPanel .right_filter {
clear: both;
float: left;
width: 100%;
text-align: center;
}
body .serviceSection .filterBottomPanel .right_filter ul li {
display: inline-block;
float: none !important;
line-height: 40px !important;
}
body .serviceSection .filterBottomPanel .right_filter ul li .btn-link,
body .serviceSection .filterBottomPanel .right_filter ul li .mat-button {
font: 12px/20px 'Montserrat-SemiBold' !important;
}
body .serviceSection .filterBottomPanel .selectedFilterBox {
font: 13px/32px 'Montserrat-Medium' !important;
}
body .privacy-section .eachHowTab .icon_tab {
height: 46px;
}
body .privacy-section .eachHowTab .icon_tab img {
height: 36px;
}
body .privacy-section .howitworksInn {
flex-direction: column;
justify-content: center;
padding-right: 0;
text-align: center;
}
body .privacy-section .content_part {
padding-left: 0;
}
body .privacy-section .eachHowTab {
width: 130px;
height: 130px;
margin: 0 auto 20px;
}
/* body .newtop_section div.text_back {
font: 800 117px/268px 'Montserrat', sans-serif;
} */
body .newtop_section div.text_back {
font: 800 74px/266px 'Montserrat', sans-serif;
}
body .newtop_section h2 {
font: 700 24px/30px 'Montserrat', sans-serif;
}
body .newtop_section p {
font: 500 16px/22px 'Montserrat', sans-serif;
}
body .question_tabs span {
width: 100px !important;
height: 100px !important;
font: 500 12px/16px 'Montserrat', sans-serif !important;
cursor: pointer;
}
body .desc_text {
font: 16px/28px 'Metropolis-MediumItalic' !important;
margin-top: 30px;
padding-right: 0 !important;
text-align: center;
}
body .benefits-section .howitworksInn {
flex-direction: column;
padding-right: 0;
text-align: center;
}
body .benefits-section .eachHowTab {
width: 130px;
height: 130px;
min-width: 130px;
min-height: 130px;
margin: 0 auto 20px;
}
body .benefits-section .content_part {
padding-left: 0;
}
/*body .indv-doer {
padding-bottom: 50px;
}*/
body .eachFilterBlock + .eachFilterBlock {
margin-top: 15px !important;
}
body .eachFilterBlock [class^="col"] + [class^="col"] {
margin-top: 15px;
}
body .normalcheck input[type="radio"] + label,
body .normalcheck input[type="checkbox"] + label {
font: 12px/22px 'Montserrat-Medium';
}
.mainHeading.d-flex {
flex-direction: column;
}
body .mainHeading.d-flex .custom_viewbtn {
height: 41px;
font-size: 12px;
padding: 3px 20px;
}
body .swal2-popup {
padding: 15px;
min-width: 100%;
width: 100%;
}
body .swal2-popup .swal2-title {
font-size: 18px;
}
.mat-card.pindoCart .mat-card-title {
font-size: 12px;
}
body .total_field p {
align-self: end;
}
.total_field.d-flex, .total-contactblock.d-flex {
flex-direction: column;
}
body .customfirstPad .coltab:first-child {
padding-left: 120px !important;
}
body .popupContent .doer-listing {
padding-top: 10px;
}
.left_doerprf .left_doerText .bot_doerInfo .total_jobs {
width: auto;
}
.top_social.clearfix.text-right {
position: absolute;
top: 15px;
right: 15px;
}
.mobstatic {
position: static;
}
body .header_doerprof {
flex-direction: column;
}
body .header_doerprof p {
font: 12px/26px 'Montserrat-SemiBold';
}
body .header_doerprof p.markAsFav {
font: 11px/26px 'Montserrat-SemiBold';
margin-bottom: 15px;
}
.indv-doer .quotationlist {
font: 11px/15px 'Montserrat-SemiBold';
}
/* body .doer-listing .totBtn .mat-raised-button.mat-primary {
padding: 0 15px;
font-size: 11px;
} */
body .doer-listing .totBtn .mat-raised-button.mat-primary {
padding: 0 15px;
font-size: 12px;
line-height: 20px;
padding: 6px 8px !important;
min-width: 80px;
}
body .invite-panel .container{ padding: 0;}
body .doer-listing .totBtn .mat-raised-button.mat-primary + span {
font-size: 12px !important;
}
.quotationlist {
font: 11px/24px 'Montserrat-SemiBold';
}
body .doerStats .statBox {
padding: 5px 10px;
font: 11px/15px 'Montserrat-Medium';
}
.table-body .coltab .doerStats .statBox {
margin-top: 2px;
margin-bottom: 2px;
}
body .left_doerprf .left_doerText h3 {
font: 20px/32px 'Montserrat-SemiBold';
}
body .mat-mini-fab.mat-accent.custom_accept .mat-button-wrapper .mat-icon {
line-height: 13px;
}
.doerheader .morphedmenubtn svg path {
stroke: #e38349;
}
.right_content {
justify-content: center;
}
.top_headerbar p {
display: flex;
justify-content: center;
font-size: 13px;
}
.top_headerbar p i {
line-height: inherit;
}
.top_headerbar p span {
max-width: 80%;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
}
body .support-section .mat-tab-label .mat-tab-label-content i {
display: none;
}
.no_content.row .col-md-6.text-right {
text-align: center !important;
}
.no_content.row .col-md-6.text-right img {
margin: 0 0 15px 0 !important;
}
body .coltab:first-child {
max-width: none !important;
}
.formobdispOnlycheck {
display: block !important;
}
li.user-contact-list span.new_notification {
top: 19px;
left: 20px;
}
}
@media only screen and (max-width: 576px) {
body .totalDashboard .selectBarOptions .total_earnings {
display: inline-block;
margin: 0 0 20px 0;
}
body .total_ongoingOptions {
position: static;
width: 100%;
flex-direction: column;
margin-top: 15px;
}
body .total_ongoingOptions.mat-button-toggle-group label {
width: 100%;
}
body .total_ongoingOptions .mat-button-toggle {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
width: 100%;
border-bottom: 1px solid #eee;
border-left: none;
}
.table-body .coltab::before {
max-width: 100px;
min-width: 100px;
}
}