/* Custom styles created 12th March */

/* Styles regardles of device size */

.about_text{
    text-align:left !important;
}

h2, h3, h4, h5{
    margin:0 auto;
    display:table;
}

h3{
    font-size:22px;
}

h4, h5{
    font-size:20px;
}

.link-center{
    display:table;
    margin:0 auto !important; 
}

.text-center{
    display:table;
    margin:0 auto;
}

.text-center-left{
    display:table;
    margin:0 auto;
    width:350px;
}

.h2-larger{
    font-size:30px;
    font-weight:bold;
    color:#4c5559;
}

figcaption{
    font-size:12px;
}

#alert-hidden{
    display:none;
}

#deleteModal{
    top:250px;
}

.blurredImg{
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);
}

#deleteModal .modal-content{
    background-color:#ffffff;
}

select{
    display:block !important;
}

.sub-pages p{
    font-size:17px;
}

.text-red{
    color:red; 
}

.sub-pages ul, .sub-pages ol{
    font-size:18px;
    padding:35px;
    border:solid lightgrey 1px;
    border-radius:20px;
    width:90%;
    background-color:#FFFFF0;
    box-shadow:1px 2px 9px 2px lightgrey;
}

.sub-pages a{
   color:dodgerblue !important;
}

.list-h3{
    margin:0;
    font-weight:bold;
    text-decoration:underline;
}

.main-logo-bb{
    height:35px;
}

.footer-links{
    color:white;
    font-size:18px;
}

.footer-links:hover{
    color:white;
}

footer .footer-item-align-center{
    width:100%;
    display:table;
    margin:0 auto;
}

footer .footer-item-align-center a{
    display:table;
    width:auto;
    font-size:12px;
    margin:0 auto;
    margin-top:20px;
}

.col-lg-4{
    text-align:center !important;
}

.menu_main_desktop{
    height:100px;
    margin:0 auto;
    display:table;
    width:50%;
}

.menu_main_desktop ul{
    display:flex;
    flex-direction:row;
}

.menu_main_desktop ul li{
    margin:10px;
    margin-top:30px;
    margin-left:30px;
}

#super-nav{
    height:50px;
    position:absolute;
    right:30%;
    top:-50px;
    padding-top:5px;
}

#super-nav ul li a{
   font-size:14px !important;
    color:goldenrod;
    font-weight:bold;
}

.sub-txt-h1, .sub-txt-h1-left{
    font-size:22px !important;
    margin:0 auto;
    text-align: center;
    display:table;
    position:relative;
    top:35px;
    width:55%;
    margin-bottom:35px !important;
    line-height:36px;
}

.sub-txt-h1-left{
    text-align:left;
    width:45%;
}

.subtxt-para{
    text-align:left;
    font-size:19px !important;
    line-height:27px;
    width:60%;
}

.menu_main_desktop ul li a{
    color:white;
    font-size:20px;
}

.nav-link-cta1, .nav-link-cta2{
    background-color:darkred;
    padding:10px;
}

.nav-link-cta2{
    background-color:dodgerblue;
}

#nav-dd-menu{
    position:relative;
    z-index:989 !important; 
    background-color:#111111 !important;
    width:220px;
    left:250px;
    top:9px;
}


.span-bold-text{
    font-weight:bold;
}

.larger-bolder-center-text{
    display:table;
    margin:0 auto;
    font-size:19px;
    font-weight:bold;
}

.bold-itallic{
    font-weight:bold;
    font-size:18px;
}

/* nav sub menu dropdown */

.dropbtn, .dropbtnTwo{
  background-color:black; /* #111111 */
  color:white;
  padding:16px;
  font-size:18px;
  border:none;
  cursor:pointer;
  position:relative;
  bottom:15px;
}

.dropbtnTwo{
    bottom:-13px;
}

.dropdown, .dropdownTwo{
  position:relative;
  display:inline-block;
}

.dropdown-content, .dropdown-contentTwo{
  display:none;
  position:absolute;
  background-color:black;
  min-width:160px;
  overflow:auto;
  box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index:99999;
}

.dropdown-content a, .dropdown-contentTwo a{
  color:black;
  padding:12px 16px;
  text-decoration:none;
  display:block;
}

.dropdown-contentTwo a{
    color:white;
}

.dropdown a:hover, .dropdownTwo a:hover{
    background-color: darkred;
}

.show, .showTwo{ 
   display:block;
}



/* End submenu dropdown  */

#mb-nav-link-zindex{
    position:relative;
    z-index:9999; 
}

#nav-dd-menu ul{
    display:flex;
    flex-direction:column;
}

#nav-dd-menu ul li{
    display:table;
    margin:0 auto;
    width:100%;
    padding:10px;
    margin-bottom:5px;
    color:white;
}

#nav-dd-menu ul li:hover{
    background-color:darkred; 
}

.dd-nav-link{
    color:white;
    font-family:inherit;
    cursor:pointer;
}

.container{
    z-index:2;
}

.search-icon-wrapper{
    color:white;
    font-size:9px;
}

/*
.top-section-dsktop, h1{
    z-index:-9 !important;
} */

a{
  z-index:99999;    
}

h1{
    z-index:-9 !important;
}

#deleteModal{
    z-index:9996986986999 !important;
}


/* homepage updates created 25/03/2023  */
.time-tag-hompage{
    float:right;
    margin-right:2%;
    position:relative;
    top:70px;
}

.img-infographic{
    display:table;
    margin:0 auto;
    margin-top:80px;
    margin-bottom:50px;
}

 .txt-quote{
     font-size:35px;
     font-style:italic;
     margin:0 auto;
     text-align:center;
     line-height:42px;
     margin-top:100px;
     margin-bottom:100px;
}

.banner-black-small{
    height:100px;
}

.banner-black-small .txt-quote{
    height:100px;
    position:relative;
    bottom:60px;
    margin-top:0px;
    margin-bottom:0px;
}

.txt-quote span{
    font-size:12px;
    color:black;
}

.banner-black-small .txt-quote .span-txt-white{
    color:white !important;
}

.txt-quote-smaller{
    font-size:23px;
}

.paragraph-main{
    width:70%;
    display:table;
    margin:0 auto;
    margin-top:30px;
    margin-bottom:60px;
    font-size:20px;
    line-height:35px;
}

.head-tags{
    font-family:inherit;
    margin-top:20px;
    margin-bottom:15px;
}

.head-tags-3{
    font-size:26px;
}

.list-generic{
    width:60%;
    display:table;
    margin:0 auto;
    font-size:22px;
    font-weight:bold;
    list-style:circle !important;
    margin-bottom:65px;
}

.index-media-logos img{
    margin:10px;
}

.paragraph-main a{
    color:dodgerblue;
}

.paragraph-main a:hover{
   text-decoration:underline !important;
}

.faq-link-holder{
    font-size:22px;
    width:30%;
    display:table;
    margin:0 auto;
    margin-top:-30px;
    margin-bottom:-80px;
}

.faq-link-holder a{
     color:dodgerblue;
}


.faq-link-holder a:hover{
     text-decoration:underline !important;
}

/*  FAQ page */

.faq-question{
    background-color:black;
    color:white;
    cursor:pointer;
    padding:18px;
    width:100%;
    margin:0 auto;
    height:50px;
    margin-top:20px;
    text-align:left;
    border:none;
    border-radius:10px;
    margin-bottom:5px;
}

.faq-answer{
    width:55%;
    margin:0 auto;
    margin-bottom:30px;
}

.faq-answer p{
    font-size:17px;
}

.faq-question h3{
    color:white;
    margin-bottom:30px !important;
}

.p-tag-headline{
    margin:0 auto;
    display:table;
    font-size:24px;
    font-weight:bold;
    margin-bottom:50px;
}

.gold-txt-larger{
    font-size:22px;
    position:relative;
    top:50px;
}

.txt-body-central{
    font-size:19px;
    margin:0 auto;
    display:table;
    margin-top;20px;
    margin-bottom:20px;
}

.faq-question-red, .faq-question-black{
    background-color:darkred;
    padding:2px !important;
    display:flex;
    justify-content:center;
}

.faq-question-black{
    background-color:black;
}

.faq-question-red h3, .faq-question-black h3{
    font-size:18px;
}

.card-butler{
    padding:10px;
    min-height:200px;
    width:100%;
    margin:20px;
    box-shadow:1px 1px 8px 2px grey;
}

 #extra-info{
    position:absolute;
    max-width:200px;
    margin:10px;
    padding:10px; 
    left:68%;
    background-color:black;
    color:white; 
    border-radius:2px;
    box-shadow:1px 1px 8px 1px grey;
    display:flex;
}

#ad-basic-info{
    display:flex;
    flex-direction:column;
    max-width:500px;
    padding:20px;
    font-size:15px;
}

.basic-ad-item{
    display:flex;
    flex-direction:row;
    padding:10px;
}

.basic-ad-item div{
    padding-left:20px;
    width:200px;
}

.basic-ad-item  i{
    font-size:25px;
}

.basic-ad-item .fa-chevron-right{
    font-size:20px;
}

.basic-ad-item a{
    font-size:20px;
}

.fa-times-circle-o{
    color:red;
}

.fa-check-circle-o{
    color:green;
}

#extra-info i{
     font-size:28px;
     margin-left:12px;
 }

#extra-info .inner-info{
    display:flex;
    flex-direction:row;
    width:80px;
    margin:0 auto;
}

/* create ad form */
.form-create-add, .content-area-ads{
    border:solid lightgrey 1px;
    border-radius:10px;
    box-shadow:1px 1px 8px 1px grey;
    display:table;
    margin:0 auto;
}


.form-create-add textarea{
    resize:none;
    height:150px;
}

.form-ud-team textarea{
    resize:none;
    width:100%;
    border:solid lightgrey 1px;
    height:150px;
    border-radius:5px;
    padding:15px;
}

.form-create-add input[type='text'], .form-create-add select,
     .form-create-add input[type='email'], .form-create-add input[type='password']{
    
    width:60%;
}

.form-create-add input[type='number']{
    width:120px;
}


.main-form{
    padding-left:12%;
    padding-right:12%;
    padding-top:30px;
    display:table;
    margin:0 auto;
}

.ad-head-red{
    color:white;
    background-color:darkred;
    width:100%;
    height:30px;
    padding-left:20px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
}

.btn-createAd{
    margin:0 auto;
    display:table;
    margin-bottom:60px;
}

.form-create-add input[type='checkbox']{
    display:none;
}


.label-checkbox-event, .label-pick-uniform{
    border:solid dodgerblue 2px;
    padding:8px;
    margin:8px;
}

.label-pick-uniform{
    border:solid red 2px;
}

.form-create-add input[type='checkbox']:checked + .label-checkbox-event{
    background-color:dodgerblue;
    color:white; 
}


.form-create-add input[type='radio']:checked + .label-pick-uniform{
    background-color:red !important;
    color:white; 
}


.form-update-ad input[type='radio']{
    display:none;
}

.span-bold{
    font-weight:bold;
}

.radio-label{
    border:solid darkred 2px;
    padding:8px;
    margin:8px;
    border-radius:6px;
}

.label-clients, .label-gender{
    padding:5px;
    border:solid orangered 2px;
    cursor:pointer;
}

.label-clients, .label-checkbox-event, .label-pick-uniform{
    border-radius:6px;
    cursor:pointer;
}

.form-create-add input[type='radio']:checked + .radio-label{
    background-color:darkred;
    color:white; 
}

.radio-clients, .radio-gender, .radio-input-none{
    display:none;
}

.radio-clients:checked + .label-clients{
    background-color:orangered;
    color:white;
}

#checkbox-tc-agree{
    display:block;
}

.txt-16px{
    font-size:16px;
}

.txt-link-generic{
   font-size:16px;
   color:dodgerblue;
   text-decoration:underline !important;
}

.link-generic{
   font-size:16px;
   color:dodgerblue;
   text-decoration:underline !important;
   margin:4px;
}

.link-gen{
   color:dodgerblue;
   text-decoration:underline !important;
}


.link-right{
    float:right;
}

.link-nav-gold{
    color:#C5B358 !important;
}

.bottom-form-standout{
    padding:20px;
    background-color:black;
    color:white;
}

.bottom-form-standout input[type='password'],
   .bottom-form-standout input[type='email'],
      .bottom-form-standout label{
    display:table;
    margin:0 auto;
}


.form-group-ca{
    display:flex;
    flex-direction:row;
}

#checkbox-tc-agree{
    margin-right:10px;
    position:relative;
    bottom:5px;
    width:20px;
}

.image-picker-holder #image-btn{
    margin-bottom:30px;
    color:white;
    background-color:black;
    padding:12px;
    display:table;
    margin:0 auto;
}

.image-picker-holder #image-btn:hover{
    cursor:pointer;
    background-color:white;
    color:black;
    border:solid black 1px
}

.image-picker-holder{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-content:center;
    align-items:center;
}

/* ads displayed card */
.content-area-ads{
    margin-bottom:100px;
    padding:0px;
    width:100% !important;
}

.ad-header-dk, .ad-footer-dk{
    width:100%;
    height:50px;
    background-color:black; 
}

 .ad-footer-dk p{
    color:white;
    float:right;
    font-size:9px;
    font-style:italic;
}

.ad-header-dk{
    border-top-left-radius:4px;
    border-top-right-radius:4px;
}

.ad-footer-dk{
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    height:80px;
}

.rndm-number {
    color:white;
    position:relative;
    left:10px;
    top:5px;
}

 .ad-footer-messages{
    color:white !important;
    margin-left:20px;
}

.ad-details-holder{
    width:100%;
    margin:20px !important;
}

.img-advert{
    height:50px;
    width:50px;
    margin:10px;
    border-radius:100px;
}

.ad-image{
    width:210px;
    max-height:400px;
    /*aspect-ratio:1.7/2;*/
    margin:0 auto;
    margin-bottom:15px;
 }

.ad-info {
    word-wrap:break-word;
    max-width:90%;
    display:table;
    margin:0 auto;
    margin:20px;
    padding:20px;
    background-color:#4b4b4b;
    min-height:50px;
    border-radius:10px;
    color:white;
    text-align:left;
    display:flex;
    flex-direction:column;
}
 

.ad-top-section, .ad-bottom-section {
    padding:10px;
    padding-left:50px;
    width:70%;
    margin:0 auto;
    border:solid 1px lightgrey;
    border-radius:34px;
    box-shadow:1px 1px 9px 1px lightgrey;
}

.ad-bottom-section{
    border:none;
    box-shadow:0px 0px 0px 0px white;
}

.ad-bottom-section label{
    font-weight:bold;
    font-size:17px;
}

.adNameHolder{
    font-size:19px;
}

#tile-choose-uniform{
    position:absolute;
    top:195px;
    margin-left:100px;
    font-size:15px;
    font-style:italic;
    color:darkgreen;
}

#tile-choose-uniform i{
    font-size:20px;
    margin-right:5px;
}

.butler-services-offered{
    display:flex; 
    flex-direction:row;
    width:90%;
    margin:0 auto; 
}

.butler-services-offered div{
    border:solid lightgrey 1px;
    box-shadow:1px 1px 9px 1px lightgrey;
    padding:6px;
    margin:10px;
    text-align:center;
    font-weight:bold;
}

.days-left-notification, #active-badge{
     border-radius:4px;
     padding-left:5px;
     padding-right:25px;
     width:180px;
     background-color:lightgray;
     position:relative;
     left:30%;
     bottom:20px;
     display:flex;
     flex-direction:column;
     align-content:center;
     justify-content:center;
     align-items:center;
     padding-bottom:20px;
    
}

.days-left-notification span{
    font-weight:bold;
    font-size:19px;
}


.top-left-links-block{
    display:flex;
    flex-direction:column;
    position:absolute;
    left:60px;
}

.top-left-links-block a{
    padding:10px;
    margin:10px;
    background-color:dodgerblue;
    color:white;
    text-align:center;
    font-size:17px;
}

.top-left-links-block a:hover{
    padding:9px;
    background-color:white;
    color:black;
    border:solid 1px dodgerblue;
}

 .top-left-links-block .link-ad{
    background-color:black;
   
}

 .top-left-links-block .link-ad:hover{
    background-color:black;
    padding:9px;
    border:solid 1px black;
    background-color:white;
}

.btn-delete-ad{
    position:relative;
    right:0;
}

.btn-update-ad{
    display:table;
    margin:0 auto;
    margin-top:50px;
    padding-left:50px;
    padding-right:50px;
    border-bottom:solid grey 1px;
    border-right:solid grey 1px;
}

.form-ad-login{
    display:flex;
    flex-direction:column;
    border:solid lightgrey 1px;
    box-shadow:1px 1px 9px 1px lightgrey;
    height:380px;
    margin-bottom:200px;
    padding-top:60px;
    border-radius:50px;
}

.email_bt, .email_bt_1{
    float:none !important;
}

.email_bt_1{ 
    margin-left:0px;
}

.form-ad-login a{
    font-size:18px;
    color:dodgerblue;
    text-decoration:underline !important;
    position:relative;
    left:160px;
}

.form-search-areas{
    width:480px;
    margin:0 auto;
    background-color:black;
    padding:30px;
    margin-top:-100px;
    margin-bottom:30px;
}

.form-search-areas select{
    width:260px;
    margin:0 auto;
}

.form-search-areas .btn-danger{
    display:table;
    margin:0 auto;
}

.btn-link-ad{
    color:white;
    display:table; 
    margin:0 auto; 
    font-size:17px;
    padding:10px;
    background-color:red;
    position:relative;
    bottom:20px;
    box-shadow:1px 1px 6px 1px lightgrey;
}

.message-area{
    background-color:black;
    margin-bottom:60px;
    margin-left:20px;
    margin-right:20px;
    padding-left:10px;
}

.message-area h7{
    color:white;
}

.form-msg{
    width:60%;
    margin:0 auto;
}

.form-msg .btn-danger{
    display:table;
    margin:0 auto;
    position:relative;
    top:68px;
}

.message-area textarea{
    resize:none;
    height:150px;
}

.message-area-callout{
    border-radius:29px;
}

.show_more{
    font-size:18px;
    padding-left:20px;
    padding-right:20px;
    border:solid black 1px;
    border-radius:30px;
    display:table;
    margin:0 auto; 
    cursor:pointer;
    box-shadow:1px 1px 8px 1px lightgrey;
}

.show_more:hover{
    background-color:black;
    color:white;
    box-shadow:none;
}

.show_more_gallery_images{
    font-size:18px;
    padding-left:20px;
    padding-right:20px;
    border:solid black 1px;
    border-radius:30px;
    display:table;
    margin:0 auto; 
    cursor:pointer;
    box-shadow:1px 1px 8px 1px lightgrey;
}

.show_more_gallery_images:hover{
    background-color:black;
    color:white;
    box-shadow:none;
}

.no-img-alert{
    width:200px;
    margin:0 auto;
}

.no-img-alert a{
    text-decoration:underline !important;
    color:dodgerblue;
}


#btns-gallery-genders{
    width:260px;
    display:table;
    margin:0 auto;
}


#btns-gallery-genders .show_gen{
    padding:10px;
    padding-left:20px;
    padding-right:20px;
    background-color:darkred;
    color:white;
    cursor:pointer;
    text-align:center;
}

#btns-gallery-genders .show_gen:hover{
    background-color:white;
    color:black;
    border:solid darkred 2px;
}

#row-gallery{
    width:100%;
    margin:0 auto;
    display:flex !important;
    flex-direction:row !important;
    flex-flow:row wrap;
    text-align:center;
    justify-content:center;
    align-items:center;
}

.links-left-section{
    display:flex;
    flex-direction:column;
    text-align:center !important;
    position:absolute;
    left:10%;
}

.links-left-section a{
    color:white;
    background-color:black;
    padding:10px;
    margin:20px;
    width:150px;
}

.links-top-section{
    margin:0 auto;
    width:400px;
    margin-top:30px;
    margin-bottom:70px;  
    display:none;
}

.links-top-section a{
    color:white;
    background-color:black;
    padding:8px;
    margin:5px;
    width:100px;
    font-size:13px;

}

.links-left-section a:hover{
    color:black;
    background-color:white;
    border:solid black 2px;
}

.linkBtn-red{
    background-color:darkred !important;
}


.linkBtn-red:hover{
    background-color:white !important;
    border:solid darkred 2px !important;
    color:black !important;
}


/* for locations dropdown */
#locations{
    display:block !important;
}

.nice-select{
    display:none !important;
}
/* DON'T REMOVE ABOVE */

    
.link-logout-ads {
    font-size:20px;
    color:dodgerblue;
    text-decoration:underline !important;
    float:right;
    position:relative;
    top:30px;
    right:30px;
}

.empty-div{
    height:350px;
}

.empty-div-small{
    height:100px;
}

.modal-backdrop {
    z-index: -1990 !important;
}
.modal-content {
    z-index: 99999 !important;
}


/*  gallery */
.form-gallery{
    width:80%;
    min-height:500px;
    margin:0 auto;
    border:solid lightgrey 1px;
    padding:30px;
    box-shadow:1px 1px 7px 1px lightgrey; 
}

.form-gallery input[type='email']{
    margin:0 auto;
    margin-top:30px;
}

#input-gallery-file{
    display:none !important; 
}

#img-output-gallery{
    height:240px;
    display:table;
    margin:0 auto;
}

#img-output-gallery img{
    display:table;
    margin:0 auto;
    max-height:500px;
}

.label-gallery{
    padding:6px;
    padding-left:20px;
    padding-right:20px;
    border-radius:2px;
    background-color:darkred;
    color:white;
    border-bottom:solid black 1px;
    border-right:solid black 1px;
    cursor:pointer;
    display:table;
    margin:0 auto;
}


.label-gallery:hover, .label-gallery:active{
    padding:4px;
    padding-left:18px;
    padding-right:18px;
}

#formGallery-btm-section{
    background-color:black;
    color:white;
    padding:20px;
    padding-left:70px;
    padding-right:70px;
}


.btn-gallery{
    background-color:darkred;
    color:white;
    display:table;
    margin:0 auto;
    margin-top:50px;
}

.gallery-information{
    text-align:left;
    margin-left:10%;
}

#btn-remove-img{
    display:none;
    float:right;
    margin-top:20px;
    border:solid black 1px;
    padding:5px;
    width:100px;
    text-align:center;
    cursor:pointer;
}


#btn-remove-img:hover{
    color:white;
    background-color:black;
}

.img-gallery-holder{
   display:flex;
   flex-direction:column; 
   margin-right:15px;
   margin-bottom:50px; 
   padding:10px;
   width:272px; 
   height:380px;
   border:solid lightgrey 1px;
   border-radius:5px;
}

.img-gallery-holder a{
    color:dodgerblue;
    text-decoration:underline !important;
    padding:6px;
    width:215px;
    font-size:18px;
    text-align:center;
    margin:0 auto;
}

#image_picker, #image_pick{
    visibility:hidden;
 }


.img-gallery-holder img{
     height:300px;
     width:272px;
 }

.form-contact{
    width:450px;
    margin-bottom:200px !important;
    margin-top:60px !important;
    margin:0 auto;
    border:solid lightgrey 1px;
    border-radius:50px;
    padding:30px;
    padding-top:50px;
    box-shadow:1px 1px 7px 1px lightgrey;
}

.form-contact input[type='text'], .form-contact input[type='email']{
    width:85%;
    display:table;
    margin:0 auto;
}


.form-contact textarea{
    resize:none;
    height:100px;
    width:85%;
    float:none !important;
}

.form-contact .btn-success{
    margin-top:50px;
    width:50%;
    height:50px;
    border-radius:60px;
}

.contact-msg-sent{
    margin-top:-50px;
}

.contact-msg-sent i, .green-tick{
    font-size:50px;
    color:green;
}

.form-deleted-team{
    width:200px;
    margin:0 auto;
}

.form-update-ad{
    margin:0 auto;
    background-color:white;
    width:75% !important;
    padding:50px;
    padding-left:155px;
    padding-right:155px;
}

#updateLocations{
    display:block !important; 
}

.placeholder-img-ad{
    position:absolute;
    top:-45px;
    left:85px;
}

.placeholder-img-ad img{
    height:80px;
    width:80px;
}

.link-cancel-changes{
    color:dodgerblue;
    position:absolute;
    right:150px;
    bottom:20px;
}

.link-cancel-changes-back{
    right:150px;
    bottom:50px;
}

.form-update-ad .btn-success{
    margin:0 auto; 
    display:table;
    padding-left:45px;
    padding-right:45px;
}


.form-call-out, #form-locations-call-out{
    width:55%;
    padding:30px;
    padding-left:50px;
    padding-right:50px;
    margin:0 auto;
    margin-top:-100px;
    border:solid lightgrey 1px;
    box-shadow:1px 3px 9px 2px lightgrey;
}

#form-locations-call-out{
    background-color:black;
    color:white;
    margin-top:-150px;
}


.form-call-out .location{
    display:block !important;
}

.form-call-out .nice-select{
    display:none !important; 
}

.form-call-out textarea{
    resize:none;
    height:110px;
}

.form-call-out .btn{
    display:table;
    margin:0 auto;
}

#form-locations-call-out #location-dropdown{
    display:block !important;
}

.form-call-out{
    padding-top:0px;
    padding-bottom:0px;
}

.form-callout-red-banner{
    background-color:darkred;
    height:20px;
    width:125%;
    position:relative;
    left:-50px;
}

.reset-form{
    width:55%;
    padding:30px;
    padding-left:50px;
    padding-right:50px;
    margin:0 auto;
    margin-top:20px;
    margin-bottom:100px;
    border:solid lightgrey 1px;
    box-shadow:1px 3px 9px 2px lightgrey;
}

.reset-form .btn-primary{
    display:table; 
    margin:0 auto;
}

.card-callOut{
    padding-left:25px !important;
    padding-right:25px !important;
    padding-bottom:25px !important;
    width:60%;
    border:none; 
    margin:0 auto; 
    box-shadow:1px 1px 7px 2px grey; 
    margin-bottom:55px;
}

.card-callout-header{
    background-color:black;
    color:white;
    width:113%;
    height:35px;
    position:relative;
    right:25px;
    text-align:center;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    padding:6px;
}

.card-callOut table{
    width:100%;
    margin-top:50px;
    margin-bottom:50px;
}


.card-callOut table tr{
    margin-bottom:30px !important;
}

.card-callOut table .details{
     word-break:break-word; 
}

.form-respond{
    display:none;
    width:300px;
    margin:0 auto;
}

.form-respond textarea{
    resize:none;
    height:100px;
}

.form-respond .close-response{
    color:dodgerblue !important;
    cursor:pointer;
    float:right; 
}

.form-respond .btn-success{
    display:table; 
    margin:0 auto; 
}

.alert-custom{
    min-width:300px;
    max-width:650px;
    display:table;
    margin:0 auto;
    margin-top:25px;
    margin-bottom:25px;
}


/* For FAQs on specific pages not the general FAQ page */
.faq-other{
    width:90% !important;
    display:flex;
    justify-content:center;
    align-content:center;
}

.faq-other h3{
    font-size:18px !important;
    font-weight:normal !important;
}


.faq-other-ans{
    width:80% !important;
}

.faq-other-blue{
    background-color:dodgerblue !important;
}


.list-sitemap li a{
    font-size:18px;
    color:dodgerblue;
    text-decoration:underline; 
}

.list-sitemap li{
    font-size:18px;
    color:dodgerblue;
    text-decoration:underline; 
    list-style-type:square;
}

.list-sitemap-span{
    font-size:18px;
    color:darkblue;
}

.list-sitemap-sub{
    margin-left:50px;
    margin-top:10px;
    margin-bottom:30px;
    list-style-type:circle !important;
}

.nav-cta-holder{
    width:100%;
    margin:0 auto;
}

.list-nav-cta{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-content:center;
    align-items:center;
}

.list-nav-cta li{
    margin-left:25px;
}

.list-nav-cta li a{
    padding:10px;
    text-align:center;
    background-color:darkred;
    color:white;
    box-shadow:2px 1px 8px 1px grey;
}

.list-nav-cta li a:hover, .list-nav-cta li a:visited{
    color:white;
}

.link-nav-find{
    background-color:#c3a30e !important;
}

.banner-section-small{
    height:200px;
    padding:20px;
}

.mini-faq-bottom{
    margin-top:50px;
}

.repair_section{
    padding-bottom:10px !important;
}

.service_section_2{
    padding-top:60px;
}

.mini-faq-bottom .faq-other, 
    .mini-faq-bottom .faq-other-ans{
    width:55% !important;
}

.timetag-updated{
    height:100px;
    padding:10px;
    padding-top:20px;
    display:flex;
    flex-direction:row;
    align-items:center;
    font-size:10px;
}

.timetag-updated p{
    font-weight:bold;
}

.h3-generic, .h4-generic{
    margin:0 auto;
    display:table;
    font-weight:bold;
    margin-top:28px;
    margin-bottom:14px;
    font-size:26px;
}

ul, ol{
    margin:0 auto;
    display:table;
    margin-top:15px;
    font-size:17px;
}

.copy-stand-out{
    background-color:#2f3542;
    padding:25px;
    color:white !important;
    box-shadow:1px 2px 9px 1px #2f3542;
}

.copy-stand-out h2{
    color:white;
    margin:0 auto;
    display:table;
}

.copy-stand-out a{
    color:lightblue;
}

.banner-mid-section, .banner-mid-section-quote{
    min-height:150px;
    width:100%;
    background-color:black;
    left:50%;
    margin-left:-50vw;
    margin-right:-50vw;
    max-width:100vw;
    position:relative;
    right:50%;
    width:100vw;
    color:white;
    margin-top:35px;
    margin-bottom:60px;
    padding-top:20px;
    padding-bottom:20px; 
}

.banner-mid-section-quote{
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.banner-mid-section-quote p{
    margin:0 auto !important;
    display:table;
    font-size:24px;
    width:35%;
    text-align:center;
}
 
.banner-mid-section-quote small{
    font-size:11px;
}

.img-general{
    margin:0 auto;
    display:table;
    margin-top:25px;
    margin-bottom:35px;
}

.img-hero{
     margin-bottom:55px;
}

.img-banner{
    margin-top:0px;
    margin-bottom:0px;
}

.img-banner-med{
    height:300px;
}

.sub-pages-faqs .faq-question{
    background-color:darkred;
    padding:8px;
    padding-bottom:10px;
    min-width:74% !important;
    max-width:80% !important;
    min-height:60px;
    margin-top:20px;
}

.sub-pages-faqs .faq-question h3{
   font-size:16px;
   margin:0;
}

.sub-pages-faqs .faq-answer{
    width:60% !important;
}

.form-locations{
    border:solid lightgrey 1px;
    border-radius:30px;
    padding:20px;
    width:100%;
    box-shadow:1px 2px 9px 1px lightgrey; 
    background-color:#3d4447; 
}

.form-locations .btn-req-loc{
    background-color:red;
    border:none;
    border-radius:30px;
}

.banner-mid-section  h2, .banner-mid-section p, 
     .banner-mid-section  h3, .banner-mid-section  h4{
    color:white;
    display:table;
    margin:0 auto;
}

.banner-mid-section .banner-display-locations p{
    text-align:center;
}

.banner-mid-section select{
    width:300px;
    margin:0 auto;
    margin-bottom:30px;
}

.banner-mid-section .banner-form-locations, 
     .banner-mid-section .banner-display-locations, 
          .banner-mid-section .banner-form-friend{
         margin:0 auto;
         width:600px;
         color:white !important;
}

.banner-mid-section .banner-display-locations{
    height:100px;
    display:none;
}

.banner-mid-section a{
    color:dodgerblue; 
}

.banner-mid-section figcaption{
    display:table;
    margin:0 auto;
    margin-top:5px;
}


b{
   
    font-weight:bold;
}

.banner-form-locations .btn, .banner-form-friend .btn{
    display:table;
    margin:0 auto;
}

.banner-form-locations, .banner-form-friend{
    width:350px !important;
}


.banner-display-locations p{
    color:white !important;
}

.appendMsgSent, .appendFriendMsgSent{
    height:150px;
    display:none;
}

.appendMsgSent p, .appendFriendMsgSent p{
    color:green;
    font-size:24px;
    font-weight:bold;
}

.msgErr-wrapper{
    display:table;
    margin:0 auto;
}

.emailErr, .locErr, .FrEmailErr,
      .MyNameErr, .FrNameErr, .tryAgain1, .tryAgain2{
    display:none;
    color:red !important;
    font-size:25px;
    font-weight:bold;
    margin:0 auto;
    margin-bottom:10px;
}

.img-hero-sm{
    height:320px;
}

.read_bt a{
    color:white !important; 
}


.banner-mid-section-quote .banner-mid-section p{
    width:100%;
    font-size:16px !important;
}

.space-50px{
    height:50px;
}

.del-alert-suc, .del-alert-err{
    display:none;
}

.nav-env-notify, #original-evelope, .nav-env-notify-none, .nav-bell-notify{
    cursor:pointer;
    color:white;
    font-size:30px;
}

.nav-link-notify{
    display:flex;
}

.notify-badge, .notify-badge-two{
    background-color:red;
    color:white;
    padding:10px;
    border-radius:100px;
    height:25px;
    width:25px;
    font-size:14px;
    display:flex;
    justify-content:center;
    align-content:center;
    align-items:center;
    position:relative;
    right:55px;
    bottom:5px;
}

.notify-badge-two{
    right:55px;
}

.not-read{
    background-color:lightgrey;
}


.i-del-msg,  .i-del-msg{
    font-size:18px !important;
    color:grey;
}

.card-msg{
    display:flex;
    flex-direction:row !important;
    width:400px;
    padding:10px;
    margin-top:20px;
    border:none;
    border-radius:20px;
}

.card-msg .delete-message{
    width:30px;
    float:right !important;
    align-self:flex-end;
}

.card-msg{
    margin:10px;
    width:370px;
}

.msg-content{
    margin:10px;
    width:310px;
}

.msg-content-ads{
    width:auto !important; 
}

.i-del-msg{
    cursor:pointer;
    float:right;
}

.delete-stream-link{
    color:dodgerblue;
    text-decoration:underline !important;
    font-size:20px;
    margin-top:50px !important;
    position:relative !important;
    top:80px; 
    float:right;
}

.bg-lightyellow{
    background-color:lightgoldenrodyellow;
    float:left;
}

.bg-lightblue{
   background-color:#e4f1fe;
   float:right;
}

.card-msg-stream{
    border:solid grey 1px;
    box-shadow:1px 1px 9px 2px grey;
    display:block !important;
    margin:0 auto;
    width:45%;
}

.col-message{
    max-width:100% !important;
}


.form-send-msg{
    margin-top:50px !important;
    width:100%;
    float:left;
}

.form-send-msg textarea{
    resize:none;
    height:150px !important;
    width:450px !important;
    margin:0 auto;
    border:solid grey 1px;
    border-radius:10px;
}

.form-send-msg .btn{
     display:table;
     margin:0 auto;
     padding-left:50px;
     padding-right:50px;
     border-radius:30px;
     background-color:darkred;
}

.banner-mid-section .hireCreate-call-out{
    font-size:22px;
    width:400px;
    margin:0 auto;
    text-align:center;
    color:white;
}

.btn-createCallOut{
    background-color:#800000;
    color:white;
}

.label_tc{
    position:relative;
    top:5px;
}

.banner-mid-section .hireCreate-call-out h2{
    font-size:32px;
}

.banner-mid-section .hireCreate-call-out a{
    padding:15px !important;
    width:150px !important;
    color:white !important;
    background-color:darkred;
}

.banner-mid-section .hireCreate-call-out .or{
    margin-bottom:30px;
    margin-top:30px;
}

.link-btn-be{
    background-color:dodgerblue !important;
}

.deletedMsg{
    display:none;
}

.member-login-holder .form-member .email_bt,
      .member-login-holder .form-member .email_bt_1{
     width:75%; 
}

/* member area */

#panel-chng-name, #panel-chng-bio, #panel-chng-img, 
     #panel-chng-loc, #panel-chng-travel{
    margin-top:20px;
    margin-bottom:20px;
    display:none;
    padding:20px; 
}

.error_message, .error_message2, .error_message3{
    margin-top:20px;
    margin-bottom:5px;
    color:red;
    display:none;
}

#cancelName, #cancelBio, #cancelImg,
        #cancelLoc, #cancelTravel{
    color:dodgerblue;
    text-decoration:underline;
    float:right;
    font-size:18px;
    cursor:pointer;
}


/*  nav icons and links */
.nav-member-icons{
    position:absolute;
    right:5%;
    top:10px;
    display:flex;
}

.fa-user, .fa-sign-out, 
      .fa-sign-in, .fa-bell{
    font-size:28px;
    color:white;
    margin-left:15px;
    margin-right:10px;
}

.nav-login-txt{
    color:white;
    font-size:14px;
    position:absolute;
    right:5%;
    top:10px;
}

.nav-login-txt:hover, .nav-login-txt:visited{
    color:white;
}

/* member profile */

.img-profile{
    height:90px;
    width:90px;
    border-radius:100px;
}

#memberBioTxt{
    resize:none;
    height:120px;
}

.card-profile{
    padding:20px;
    margin-bottom:20px;
    box-shadow:1px 2px 8px 1px lightgrey;
}

.card-profile-stats-hp{
    width:600px;
    display:table;
    margin:0 auto;
}

#changePanelBtn, #changePanelBioBtn, #changePanelImgBtn, 
        #changePanelLoactionBtn, #changePanelTravelBtn{
    width:150px;
    font-size:14px;
    float:right !important;
    margin-top:10px;
}

#panel-chng-name, #panel-chng-bio,
     #panel-chng-img, #panel-chng-loc, #panel-chng-travel{
    margin-left:80px;
    margin-right:80px;
    padding:30px;
    background-color:lightgray;
    border-radius:10px;
}


#ImgProfile{
    visibility:hidden;
}

#member-image-btn{
    cursor:pointer;
    font-size:35px;
    color:black;
}


#btn-remove-img{
    display:none; 
}

.imageThumbProfile{
    height:100px;
    width:100px;
    border-radius:100px;
    margin:0 auto;
    margin-top:20px;
    margin-bottom:20px;
}

.member-panel{
    padding:10px;
    display:none;
}

#success-message{
    display:none;
}

#i-minus{
    display:none;
}

.panelBtn{
    cursor:pointer;
    font-size:20px;
    padding:10px;
    background-color:dodgerblue;
    color:white;
}

.panelBtn i{
    font-size:28px;
}

.card-ad-profile{
    display:flex;
    flex-direction:row;
    margin-bottom:6px;
    box-shadow:0px 2px 8px 2px lightgrey;
    border:none;
    width:90% !important;
}

.card-ad-profile p{
    width:200px;
}

.card-ad-profile a{
    margin-top:10px;
}

#img-gallery-btn{
    padding:6px;
    background-color:green;
    color:white;
    width:140px;
    text-align:center;
    align-self:center;
    cursor:pointer;
    margin-top:-50px;
}

#panelFromCamErr{
    display:none;
    color:red;
    margin-top:15px;
    width:200px;
    margin:0 auto;
    position:relative;
    top:10px;
    font-size:12px;
}

#img-gallery-picker{
    display:none;
}

#add-gallery-panel{
    display:none;
    width:500px;
    margin:0 auto;
    margin-top:35px;
}

#gallery-panel{
    display:flex;
    flex-direction:column;
}

#gallery-panel a{
    width:200px;
    margin:0 auto;
    margin-top:20px;
    color:black !important;  
}

#cancelGalleryBtn{
    display:none;
    width:120px;
}

.card-ad{
    width:auto;
}

#pg-button-wrap{
    display:flex;
    flex-direction:row;
    width:330px; 
    margin:0 auto;
}

.btn-pg{
    padding:10px;
    background-color:orangered;
    margin:10px;
    width:150px;
    color:white;
    text-align:center !important;
    cursor:pointer;
}

#btnImagesRemv{
    display:none;
    color:white;
    background-color:orangered; 
    text-align:center;
    cursor:pointer;
    margin-left:auto;
}

#btn-trash-image, #btn-trash-images{
    height:40px;
    color:white;
    background-color:orangered; 
    text-align:center;
    cursor:pointer;
    margin-left:auto;
}

.imagePrivateGallery, .img-profile-gallery{
    width:350px;
    height:250px;
    display:table;
    margin:0 auto;
    margin-bottom:10px;
}

  .galleryPanel-btns-holder{
        padding:0px;
        width:100%;
        display:flex;
    }
 
    #addImagesButton{
        display:none;
        margin-right:auto;
    }

    .galleryPanel-btns-holder{
        display:flex;
        flex-direction:row;
        width:350px;
        margin:0 auto;
        justify-content:center;
        align-content:center;
        align-items:center;
    }

#blocked-panel, #deactivate-panel{
   display:none;   
}

#addedFromDevSuccess{
    display:none;
    color:green;
    width:400px;
    margin:0 auto;
}

#addedCloseBtn{
    cursor:pointer;
    font-weight:bold;
    display:none;
}

#blockListBtn{
    width:140px;
}

#deactivateBtn, .link-downgrade{
    float:right;
    cursor:pointer;
    font:14px;  
}

#closeBlockPanelBtn{
    width:140px;
    display:none;
}

.list-blocked img{
    height:50px;
    width:50px;
    border-radius:100px;
    float:left;
}

.btn-unblocked-user{
    display:none; 
}

.imgName-holder{
    display:flex;
    flex-direction:row;
}

.nameHolderBlocked{
    width:120px;
    float:left;
}

.link-blocked-user{
    display:flex;
    flex-direction:row;
}

.list-blocked{
   display:table;
   margin:0 auto;
   margin-top:10px;
}

#not-member-profile{
    display:flex;
    flex-direction:row;
}

#not-member-profile img{
    height:55px;
    width:55px;
    border-radius:100px;
}

.alert-not-member{
    width:320px;
    text-align:center;
    margin:0 auto;
    margin-bottom:10px;
}

#restartMemBtn{
    width:250px;
    margin:0 auto;
    display:table;
}

#restrt-mem-form{
    padding:30px;
    border:solid lightgrey 1px;
    border-radius:10px;
    box-shadow:1px 1px 6px 2px lightgrey;
    width:350px;
    margin:0 auto;
    margin-top:20px;
    display:none;
}

.button-restart{
    display:table;
    margin:0 auto;
}

.reactivateBtn, .delAdPermBtn{
    cursor:pointer;
}

.card-ad-profile a{
    color:white !important;
}

.ad-location{
    width:250px;
}

#gallery-panel a{
    display:table;
    margin:0 auto;
    margin-top:10px;
}

.img-private-profile{
    margin:0 auto;
    max-height:450px;
}

#profile-img-name{
    display:flex;
    flex-direction:row;
}

.display_name{
    margin-left:20px;
}

.profile-butler{
    font-weight:bold;
}

#bio-wrapper{
     width:100%;
     padding:20px;
     margin:0 auto; 
}

.btn-visit-pg{
    width:300px;
    margin:0 auto;
}

.btn-send-msg a, .btn-visit-pg a{
    color:white !important;
}

#displayed-uploads{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
}


/* private gallery page */
#pg-loaded-original, #pg-loaded-updated, 
       #pg-added-updated, #pg-loaded-new{
    display:flex;
    flex-direction:row; 
    flex-wrap:wrap;
    margin:0 auto;
}

.gallery-images{
    height:310px !important;
    width:250px !important;
    margin:10px;
}

.p-gallery-holder{
    width:27%;
    height:auto;
    margin:10px;
    margin-top:50px;
    margin-bottom:50px;
    padding:10px;
    box-shadow:1px 1px 8px 1px lightgrey;
}

.del-private-img{
    cursor:pointer;
    width:100%;
}

.del-private-img i{
    font-size:20px;
    display:table;
    float:right;
}

#camera-input-wrapper{
    display:flex !important;
    flex-direction:column;
    justify-content:center;
    align-content:center;
    align-items:center;
    width:50%;
    margin:0 auto;
}

#capturePanelBtns, #capturePanelBtns2{
    display:none;
    width:40%;
    margin:0 auto;
    margin-top:20px;
}

#capturePanelBtnsInner{
    width:100%;
    display:flex;
    flex-direction:row;
}

#cam-cap-cancel{
    float:right;
}

#addMoreGalleryBtn{
    width:200px;
    margin:0 auto;
    display:table;
}

#choicePanel{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-content:center;
    align-items:center;
    margin-top:100px;
}

#choicePanel #FromDeviceBtn{
    margin-right:auto;
}

#choicePanel #FromCamBtn{
    margin-left:auto;
}

#capture_button, #capture_button_main, #capture_button2{
    display:table;
    margin:0 auto;
    height:60px;
    width:60px;
    border-radius:100px;
    background-color:black;
    margin-top:10px;
    box-shadow:1px 2px 9px 1px lightgrey;
    cursor:pointer;
}

#choicePanelHolder{
    width:auto;
    height:200px;
    width:100%;
}

.inner-captureBtn{
    height:60px;
    width:60px;
    border-radius:100px;
    display:flex;
    flex-direction:column;
    align-content:center;
    justify-content:center;
    align-items:center;
}


#capture_button i, #capture_button_main i, #capture_button2 i{
    font-size:25px;
    color:white;
}

#panelFromCam, #panelFromDev{
    display:none;
    margin:0 auto;
    border:solid grey 1px;
    border-radius:20px;
    padding:30px;
}

#panelFromDev{
    width:420px; 
}

.innerPannelFlex{
    display:flex;
    flex-direction:column;
}


#post_canvas{
    display:none;
}

#video_player, #post_canvas{
    width:350px;
    height:250px;
    margin:0 auto;
}

.video-canvas-wrapper{
    display:table;
    margin:0 auto;
}

.card-addMoreButtons{
    border:none;
    display:none;
}

#label-uploadBtn i, #label-camBtn i{
    font-size:30px;
    margin:10px;
    cursor:pointer;
}

#inputDev, #inputCam{
    display:none;
}

.imageName-member{
    display:flex;
    flex-direction:row;
}

.imageName-member img{
    height:45px;
    width:45px;
    border-radius:100px;
}

.imageName-member p{
    position:relative;
    bottom:10px;
    width:160px;
}

#message-to-from-holder{
    display:flex;
    flex-direction:row;
    width:90%;
    border-top:1px lightgrey solid;
    margin:0 auto;
    padding-top:20px;
}

#message-to-from-holder div{
   margin:0 auto;
}

.blockMsgCss{
    background-color:lightgray;
}

#deactivation-panel{
    display:none;
    width:100%;
    float:right;
    padding-left:35px;
    padding-right:35px;
}

.deactivate-inner-panel{
    display:flex;
    flex-direction:column;
    background-color:black;
    color:white;
}
    
.deactivate-inner-panel div,
   .deactivate-inner-panel a{
    color:white !important;
    width:50%;
    margin:0 auto;
    margin-bottom:30px;
}

.form-deactivate{
    padding:50px;
    padding-left:10%;
    padding-right:10%;
    border:solid 1px lightgrey;
    border-radius:20px;  
    box-shadow:1px 2px 8px 2px lightgrey;
    width:65%;
    margin:0 auto;
}

.form-deactivate input[type='submit'], #btn-keepMemLink{
    display:table;
    margin:0 auto;
}

#btn-keepMemLink{
    background-color:green;
    color:white !important;
    margin-top:50px;
}

#btn-keepMemLink:hover{
    background-color:green;
    color:white !important;
}

#img-placholder{
    height:250px;
    width:350px;
    background-color:lightgrey;
    padding:10px;
    margin:0 auto;
    margin-bottom:60px;
    align-self:center;
}

#img-placeholder-txt{
    display:flex;
    height:250px;
    width:320px;
    justify-content:center;
    align-items:center;
    align-content:center;
}

.card-promo-member{
    border:none; 
}

.delete-ad-main{
    display:table;
    margin:0 auto;
    text-align:center;
}

.delete-ad-main h1{
    text-align:center;
}

.btn-keep-ad, .deleteAD{
    margin:0 auto; 
    display:table;
}

.deleteAD{
    margin-bottom:100px;
}

/* member navigation only */
#nav-member-logged{
    height:50px;
    background-color:darkgrey;
    padding:10px;
    display:block;
    width:100%;
    margin:0 auto;
    margin-bottom:20px;
}

#nav-member-logged .nav-member-icons{
    left:0%;
    top:0;
    position:relative;
}

 #nav-member-logged .nav-member-icons a{
    margin:0 auto;
}

.info-text-box{
    height:200px;
    width:400px;
    margin:0 auto;
    margin-top:50px;
    margin-bottom:80px;
}

.info-text-box p{
    padding-left:20px;
    font-size:18px;
}

.info-text-box div{
    font-size:20px;
    padding-left:50px;
}

#lucky-random{
    cursor:pointer;
    width:190px;
    margin:0 auto;
    font-size:17px;
    margin-top:30px;
    margin-bottom:30px;
}

.msg_unopened{
    background-color:lightgray;
}

.mesg-displayed-red{
    padding:20px;
    max-width:80%;
    border:solid red 2px;
    margin:0 auto;
    font-size:22px;
}

.msg-content-wrapper{
    display:flex;
    flex-direction:column; 
    width:95%;
}

.msg-content-callout{
    width:auto;
}

.mesg-time-stmp{
    position:relative;
    left:58%;
    font-size:9px;
    width:250px;
}

.nav-my-ads-link, .nav-my-ads-link2{
    padding:4px;
    background-color:darkred;
}

.nav-my-ads-link2{
    background-color:dodgerblue;
}

.form-reactivate{
    border:solid lightgrey 1px;
    box-shadow:1px 1px 9px 1px lightgrey;
    border-radius:20px;
    padding:30px;
    width:500px;
    height:350px !important;
    margin:0 auto;
    padding-top:50px;
    padding-bottom:50px; 
}

.form-reactivate input[type='email'],
    .form-reactivate input[type='password']{
      width:70%;
      display:table;
      margin:0 auto;
}

/*  for the landing */
    .price-table-container{
        align-content:center;
        align-items:center;
        justify-content:center;
    }

    .btn-activate, .btn-activate:hover,
         .btn-activate:active{
        background-color:orangered;
        border-color:orangered;
        color:white;
        position:relative;
        top:40px;
    }

   .card-price-table{
      height:720px;
      width:27%;
      padding-top:20px;
      padding-bottom:20px;
      margin:10px;
      border-color:darkgray;
      border-radius:0px;
      box-shadow:2px 6px 4px 2px lightgrey;
      margin-bottom:100px; 
  }

    .card-price-table-middle{
        width:30%; 
        box-shadow:2px 1px 3px 1px #BDB5D5;
        height:850px;
    }

    .price-tbl-hd, .price-tbl-footer{
         height:50px;
         width:100%;
         position:absolute;
         background-color:black;
    }

    .price-tbl-hd{
        top:0px; 
        display:flex;
        justify-content:center;
        align-items:center;
        color:whitesmoke;
    }

    .price-name-hold{
        position:relative;
        top:50px;
        margin-bottom:30px !important;
        width:100%;
    }


    .price-name-hold .mem-price{
        font-size:20px;
        width:50px;
        display:table;
        margin:0 auto;
        margin-bottom:6px;
    }

    .price-name-hold .mem-name{
        font-size:25px;
        font-weight:bold;
        width:auto;
        display:table;
        margin:0 auto;
    }

    .card-price-table-middle .mem-name-mid{
        width:145px !important;
    }

    .price-tbl-footer{
         bottom:0px;
    }

    .price-tbl-txt{
         width:420px;
         height:580px;
         padding:100px;
         position:absolute;
         right:-50px;
         top:30px;
         margin-top:50px;
         margin-left:22%;
         display:flex;
         flex-direction:column;
         align-content:center;
         justify-content:center;
         align-self:center;
    }


    .price-tbl-txt-middle{
         right:-15px;
         margin-top:150px;
    }


    .best-for-wrap{
        border:solid lightgrey 1px;
        border-radius:10px;
        width:90%;
        padding:8px;
        margin:10px;
        position:absolute;
        bottom:100px;
    }

    .btn-getPass{
        background-color:orangered;
        color:white;
        padding:10px;
        width:200px;
        display:table;
        margin:0 auto;
        position:relative;
        top:27px;
        text-align:center;
        border:none; 
        z-index:9999;
    }

    .btn-getPass:hover{
        color:white;
        border:solid 2px orangered !important;
        background-color:white;
        color:black;
    }

    .content-price-tbl p{
        color:black !important;
    }

    .unlimited-pg-main-copy{
        width:80%;
        min-height:100px;
        padding-bottom:20px;
        border:solid lightgrey 2px;
        border-radius:20px;
        box-shadow:1px 1px 8px 1px lightgrey;
        margin:0 auto; 
        margin-bottom:30px;
    }

     .unlimited-pg-main-copy p{
         margin:0 auto;
         display:table;
         width:300px;
    }

    .unlimited-pg-main-copy img{
        height:60px;
        width:60px;
        position:absolute;
        margin:20px;
    }

    .price-tbl-txt ul li{
        margin-bottom:10px;
    }
 
    .img-icon-landingpage{
         height:50px;
         width:50px;
   }

    .best-for{
        padding:10px;
        border:solid 2px grey;
        border-radius:25px;
        width:110%;
        max-height:100px;
        min-height:100px;
        display:table;
        margin:0 auto;
        margin-bottom:90px;
    }

    .best-for-left{
        position:relative;
        top:80px;
    }

    .best-for-middle{
        width:120%;
        margin-bottom:100px;
    }

    .best-for span{
        float:right;
    }

    .list-item-spacer{
        height:100px;
    }

    .best-for small{
        display:table;
        margin:0 auto;
        margin-bottom:10px;
    }

    .price-tbl-txt ul{
        font-size:17px; 
        padding:0px; 
        border:none;
        border-radius:0px; 
        width:110%; 
        background-color:white; 
        box-shadow:none; 
        margin-bottom:10px;
    }

    .price-tbl-txt-right{
        margin-top:90px;
    }

/* END LANDING PAGE */

    .form-member-profile{
        width:50%;
        border:;
        padding:20px;
        padding-top:50px;
        margin:0 auto;
        border-radius:10px;
        box-shadow:1px 1px 9px 1px lightgrey; 
    }

    .form-member-profile textarea{
        resize:none; 
    }

    .member-type-wrapper{
         width:100%;
         display:flex;
         flex-direction:row;
         align-content:center;
         align-items:center;
         justify-content:center;
    }

    .card-member-type{
        height:220px;
        width:220px;
        padding:20px;
        cursor:pointer;
        margin:20px;
        font-size:19px;
        display:flex;
        flex-direction:row;
        align-content:center;
        align-items:center;
        justify-content:center;
        box-shadow:1px 2px 9px 1px lightgrey;
    }

    .card-member-type:hover{
        background-color:black;
        color:white;
    }

    .member-header{
         width:100%;
         display:flex;
         flex-direction:row;
         align-content:center;
         align-items:center;
         justify-content:center;
    }

    .member-header p{
        font-size:20px;
        font-weight:bold;
        width:220px;
        text-align:center;
        margin-bottom:-10px;
    }

     #top{
        min-height:300px;
     }

    #btnSetUpForm{
        margin:0 auto;
        display:table;
    }

    .txt-empty-pgallery{
        margin:0 auto;
        font-size:20px;
        position:relative;
    }

   /* confirmation page  */

    #confirmed-check-green, #pay-unsuccessful-red{
        color:green;
        font-size:45px;
        display:table;
        margin:0 auto;
    }

    #pay-unsuccessful-red{
        color:red;
    }

    #confirmed-member-mesg{
        width:550px;
        margin:0 auto;
        min-height:400px;
        display:flex;
        flex-direction:column;
    }

    #confirmed-member-mesg h2{
         margin:0 auto;
    }

    #confirmed-member-mesg p{
        font-size:20px;
        display:table;
        margin:0 auto;
        margin-bottom:20px;
    }

    #confirmed-member-mesg .btn-dark{
        display:table;
        margin:0 auto;
        background-color:orangered;
        border:none;
    }

    .p-med-center{
        font-size:22px;
        margin:0 auto;
        display:table;
    }


    .h1-center{
        margin:0 auto;
        display:table;
        width:auto;
        font-size:30px;
    }

    .member-login-info{
        width:350px;
        padding:1px;
        background-color:black;
        text-align:center;
        margin:0 auto;
        color:white;
        position:relative;
    }



/*********  FOR REACTIVATION BADGE  ***********/


    #limit-reached-content p{
        color:black !important;
    }

    #limit-reached-content img{
        height:200px;
        width:350px;
    }

    #limit-reached-content span{
        font-size:22px;
        margin:0 auto;
        display:table;
        margin-top:30px;
    }

    .calendar{
        position:relative; 
        bottom:10px;
        right:80px;
        font-size:30px !important;
        background-color:white;
    }

    .days-left-notification, #active-badge{
        border-radius:4px;
        padding-left:5px;
        padding-right:25px;
        width:180px;
        background-color:lightgray;
        position:relative;
        left:30%;
        bottom:20px;
    }

    .reactivate-btn-holder{
        position:relative;
        left:30%;
   }

     .reactivate-btn-holder input[type="submit"], .reactivate-btn-holder a{
         padding:6px;
         border:none;
         color:white;
         background-color:orangered;
         border-bottom:grey solid 1px;
         border-right:grey solid 1px;
    }

    .reactivate-btn-holder a{
        background-color:darkred;
    }

    .form-reactivate table{
        width:250px;
        margin:0 auto; 
    }


    #active-badge{
        background-color:black;
        border:solid lightgrey 1px;
        width:280px;
        color:white;
        padding-left:20px;
        padding-bottom:8px;
    }


    #active-badge .fa-certificate{
        position:relative; 
        bottom:10px;
        right:135px !important;
        font-size:30px !important;
        color:goldenrod;
    }

/************* END ****************/

    .profile-create-info{
        width:80%;
        background-color:black;
        color:white;
        padding:5px;
        text-align:center;
        margin:0 auto;
        margin-bottom:20px;
    }

    #payment-holder{
        width:52%;
        margin:0 auto;
        height:100px;
    }

    #payment-holder form{
        position:absolute;
        bottom:0;
        width:50%;
        display:flex;
        justify-content:center;
        align-items:center;
    }

      #progress-bar-wrapper{
          width:60%;    
          margin-bottom:50px;
          margin:0 auto; 
     }

    .sub-pages a{
        z-index:99999676;
    }

    #location-wrapper{
        padding:20px;
        padding-top:0px;
        width:45%;
        margin:0 auto;
        background-color:black;
        color:white;
        height:130px;
        margin-top:30px !important;
    }

    #original-travel, #new-travel{
        max-width:300px;
        font-size:13px;
    }

    .location-info{
        display:flex;
        flex-direction:row;
        height:40px;
        width:300px;
    }

    .location-info p{
        font-size:15px;
    }

    .icon-profile{
        font-size:30px;
        position:relative;
        top:20px;
    }

    #BtnUpdateProfile, #BtnCancelProfile{
        padding:10px;
        background-color:dodgerblue;
        width:200px;
        margin:0 auto;
        text-align:center;
        color:white;
        cursor:pointer;
    }

    #BtnCancelProfile{
        background-color:darkred;
        display:none;
    }

    #updateProfileWrapperBtn{
        display:none;
    }

    #updateProfileWrapperInner{
        display:flex;
        flex-direction:column;
    }

    #showBBtravelBtn, #showBBLocationlBtn, #showBBLuckyBtn{
        padding:10px;
        width:290px;
        text-align:center;
        background-color:orangered;
        color:white;
        cursor:pointer;
        margin:15px;
    }

    #bb-profiles-btn-holder{
        display:flex;
        flex-direction:row;
    }

    #dropdown-display{
        display:none;
        margin-bottom:60px !important;
        width:400px;
        padding:30px;
        padding-left:50px;
        padding-right:50px;
        background-color:black;
        margin:0 auto;
        margin-top:60px;
    }

    #appendLatestBB, #appendBBtravelData{
        margin-top:60px;
    }

    .btn-beMember{
        margin:0 auto;
        margin-top:35px;
        color:white !important;
        text-decoration:none;
    }
 
    #travel-updated-msg{
        position:relative;
        top:20px;
        margin:0 auto;
        font-weight:bold;
    }

    .heading-center{
        margin:0 auto;
    }

    #locationNoneMsg{
        color:red;
        position:relative;
        top:30px;
        width:50%;
        display:none;
        margin:0 auto;
        text-align:center; 
    }

    #CurrentName, #appendNewName{
        margin-bottom:20px;
        margin-left:20px;
    }

    .onlyMembers span, .onlyMembers p{
        display:table;
        margin:0 auto;
    }

    .onlyMembers .fa-times-circle{
        color:red;
        font-size:35px;
        display:table; 
        margin:0 auto;
        margin-top:20px;
        margin-bottom:20px;
    }

    #blocked-pg-access{
        display:none;
    }


    .txt-red-bold{
        color:red;
        font-weight:bold;
    }

    .remove-member-holder{
        display:flex;
        flex-direction:row;
        height:55px;
        width:350px;
        padding:10px;
        margin-top:5px;
        background-color:black;
        border-radius:10px;
    }

    .remove-member-holder a{
        color:white !important;
    }

    .remove-member-holder .remvBtn{
        cursor:pointer;
        position:relative;
        top:5px;
    }

    .remove-member-holder p{
        position:relative;
        bottom:15px;
    }

     #form-team{    
        border:solid 1px lightgrey;
        border-radius:20px;
        padding:20px;
        padding-top:50px;
        margin-top:30px;
        margin-bottom:30px;
        background-color:black;
        color:white;
    }

    #form-team .btn-danger{
        display:table;
        margin:0 auto; 
        margin-top:50px;
    }

    #form-team textarea{
        resize:none;
    }

    .card-team{
        color:white;
        background-color:black;
        margin-bottom:100px;
        height:180px;
        width:600px;
        margin:0 auto;
        margin-bottom:20px;
    }

    .viewTeamBtn{
        padding:10px;
        background-color:red;
        margin:0 auto;
        color:white;
    }

    .card-team a{
        color:white !important;
    }


    #teamLeaderHolder{
        height:60px;
        padding:15px;
    }

    /* for start-team.php only */
    .col-start-team{
        margin-top:-30px !important;
    }

    .col-start-team h2, .col-start-team p{
        text-align:center;
        margin:0 auto;
    }
    /* #####END###### */

     /* generic - for setting a link as button text colour to white  */
    .link-btn a{
        color:white !important;
    }

    #link-btn a{
        color:white !important;
    }

    .btn-center{
        display:table;
        margin:0 auto;
    }

    .btn-dark a{
        color:white !important; 
    }

    .btn-right{
        float:right;
    }

    .btn-right a{
        font-size:12px;
        padding:3px;
    }

    .section-breaker{
        width:90%;
        height:4px;
        margin:0 auto;
        background-color:lightgrey;
        margin-top:70px;
        margin-bottom:20px;
    }

    .p-bold{
        font-weight:bold;
    }

    .card-team-request-butler{
        display:flex;
        flex-direction:row;
    }

    .card-team-request-butler input[type='submit']{
        font-size:12px;
        padding:3px;
        margin:15px;
    }

    .cell-team-members .remove-member-holder{
        position:relative;
        top:45px;
    }

    .section-highlight{
        background-color:black;
        color:white; 
        display:flex;
    }

    .section-highlight a{
        color:white !important;
    }

    .section-highlight td{
        padding:10px;
    }

    .table-spacer{
        height:30px;
    }

    .card-team-details{
        padding:0px;
    }

    .card-team-header-dark{
        height:50px;
        background-color:black;
        margin-bottom:30px;
        border-top-left-radius:4px;
        border-top-right-radius:4px;
    }

    .card-inner{
        width:100%;
        padding:20px;
    }

    #card-team-details-wrapper{
        display:flex;
        flex-direction:column;
        width:100%;
        margin-bottom:70px;
    }

    #card-team-details-wrapper{
        width:100%;
    }

    .team-detail{
        display:flex;
        flex-direction:row;
        align-items:center;
    }

    #card-team-details-wrapper .i-holder{
        font-size:30px;
        width:50px;
    }

    #card-team-details-wrapper .team-detail span{
        font-size:16px;
        font-weight:bold;
        width:150px;
    }

    .team-members-area{
        position:relative;
        bottom:80px;
    }

    .btn-team-join{
        width:200px;
        display:table;
        margin:0 auto;
        margin-top:30px;
    }

    .card-general{
        width:100%;
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-content:center;
        align-items:center;
    }

    .team-notify-badge{
        height:50px;
        width:135px;
        font-size:12px;
        float:right;
        background-color:white;
        position:relative;
        right:80px;
        top:60px;
        z-index:99;
        padding:15px;
        text-align:center;
    }

    .team-notify-badge i{
        font-size:22px;
        padding-right:10px;
        position:relative;
        top:2px;
     }

    .team-notify-badge .fa-check-circle-o{
        color:green;
     }

    .team-notify-badge .fa-ban{
        color:red;
     }

    .btn-wrapper .butler-team-btn{
        position:absolute;
        right:20%;
        padding:10px;
        background-color:orangered;
        color:white;
    }

    #team-search-hold{
        width:350px;
        margin:auto;
        margin-bottom:10px;
        display:flex;
        flex-direction:row;
    }

     #TeamsNewestBtn, #TeamsNearMeBtn{
        padding:20px;
        margin:20px;
        background-color:darkred;
        color:white;
        width:150px;
        text-align:center;
        cursor:pointer;
    }

     #TeamsNewestBtn:active, #TeamsNearMeBtn:active,
          #TeamsNewestBtn:hover, #TeamsNearMeBtn:hover{
        color:black;
        background-color:white;
        border:solid 1px darkred;
    }

    #TeamsNewestBtn{

    }

    #TeamsNearMeBtn{

    }

    #TeamsNearMeDropdown{
        width:200px;
        display:table;
        margin:0 auto;
        margin-top:20px;
        margin-bottom:30px;
        display:none;
    }


    #addTeamImage{
        padding:8px;
        cursor:pointer;
        background-color:darkred;
        margin:0 auto;
        width:220px;
        text-align:center;
        color:white;
    }

    .img-team-main{
        height:350px;
        display:table;
        margin:0 auto;
    }

    .img-team{
        height:350px;
        width:300px;
        margin:20px;
    }

    #team-images-holder{
        display:flex;
        flex-direction:row;
        flex-wrap:wrap;
        width:100%;
    }

    #choseCam, #choseDevice{
        display:none;
    }

    #uploadImgBtn, #uploadImgCamBtn{
        padding:10px;
        background-color:green;
        width:200px;
        text-align:center;
        color:white;
        cursor:pointer;
        display:none;
        margin:0 auto;
    }

    .alert-uploaded, .alert-not-uploaded, .alert-uploaded-team{
        display:none; 
        position:relative;
        bottom:50px;
        margin-bottom:10px;
    }

    .team-added-img, .added-img{
        border:solid lightgrey 1px;
        box-shadow:1px 2px 8px 1px lightgrey;
        margin:5px;
    }

    .img-team-userAdded{
        display:flex;
        flex-direction:row;
        height:100px;
        font-size:15px;
        display:table;
        width:300px;
        margin:0 auto;
    }

    .img-team-userAdded img{
        height:30px;
        width:30px;
    }

    .trash-i-teamImg, .trash-i-teamImg2{
        font-size:28px;
        left:280px;
        bottom:30px;
        position:relative;
        cursor:pointer;
    }

    
    .img-team-userAdded p{
        font-size:15px;
    }

    /* notifications.php */

    .delNotificationBtn{
        cursor:pointer;
        font-size:25px;
        position:absolute;
        right:10px;
        top:1px;
    }

    .not-viewied-notification{
        background-color:#F8F8F8;
    }

    .viewedNotificationUpdateBtn{
        display:table;
        margin:0 auto;
    }

    .card-notification-msg{
        display:flex;
        flex-direction:row;
    }

    .reason-icon{
        font-size:35px;
        position:relative;
        top:15px;
    }


    .reason-request{
        color:green;
    }

    .reason-declined{
        color:red;
    }

    .reason-accepted{
        color:green;
    }

    .reason-removed{
        color:red;
    }

    .reason-self{
        color:red;
    }

    .team-header-flex{
        display:flex;
        flex-direction:row;
    }

   .team-header-flex .btn-center p{
        color:white;
        font-size:20px;
        position:relative;
        bottom:5px;
    }

    .team-header-flex .btn-center a{
        display:flex;
        flex-direction:row;
    }

    .team-header-flex i{
        font-size:25px;
        color:white;
        position:relative;
        top:14px;
    }

    .card-inner-btns-holder{
        display:flex;
        flex-direction:row;
        margin:0 auto;
        width:65%;
        background-color:lightgray;
        margin-bottom:30px;
        height:100px;
        justify-content:center;
        align-content:center;
        align-items:center;
    }

    .card-inner-btns-holder a{
        color:white !important;
        border-radius:10px;
        background-color:red;
        margin:0 auto;
        font-size:14px;
        height:50px;
        padding:10px;
    }

    .gen-btn-hlder a{
        color:white;
    }


    .gen-btn-hlder{
        width:40%;
        margin:0 auto;
        margin-bottom:100px
    }


    .gen-btn-hlder a:hover, .gen-btn-hlder:active{
        color:white;
        text-decoration:none;
    }

    #sideBtnsHolder{
        position:absolute;
        left:10%;
    }

    #sideBtnsHolder a{
        color:white;
    }

    #sideBtnsHolder a:hover, #sideBtnsHolder a:active{
        color:white;
        text-decoration:none;
    }

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

    .team-gallery-add-text{
        height:80px;
        width:500px;
        background-color:black;
        color:white;
        border-radius:30px;
        display:flex;
        justify-content:center;
        padding:20px;
        margin:0 auto;
        margin-bottom:20px;
    }

    .team-gallery-add-text h5{
        color:white;
    }

    .update-team-imgs-wrapper{
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-content:center;
        align-items:center;
        z-index:9999;
    }

    .inner-update-wrap-spacer, .inner-update-wrap{
        min-height:430px;
        width:100%;
        border:solid lightgrey 16px;
        position:relative;
        padding-top:25px;
        padding-left:10px;
        padding-right:10px;
        margin-bottom:-50px;
        border-radius:15px;
        z-index:-999;
        padding-bottom:25px;
    }

    .inner-update-wrap{
        display:none;
        z-index:999;
    }

    .spacer-120px-height{
        height:120px;
    }

    .spacer-250px-height{
        height:250px;
    }

    .lable-choose-file{
        background-color:black;
        color:white;
        display:table;
        padding:10px;
        margin:0 auto;
        width:250px;
        cursor:pointer;
        text-align:center;
    }

     .lable-choose-file{
        
     }

    #img-team-picker, #teamImages{
        display:none
    }

    .alert-no-more{
        display:none;
    }

    .img-small-pip{
        height:240px;
        width:290px;
        margin:10px;
    }

    #pipAppendWrapper{
        width:90%;
        margin:0 auto;
        display:flex;
        flex-direction:row;
        flex-wrap:wrap;
    }
 
    #pipAppendSingleImgWrapper{
        width:100%;
        display:flex;
        flex-direction:row;
        justify-content:center;
        align-content:center;
        align-items:center;
    }

     .p-tag-center-abs{
        position:absolute;
        top:-30px;
    }

    .uploadLabelHold{
        display:flex;
        flex-direction:row;
        width:40%;
        margin:0 auto;
    }

    #cancelDevBtn{
        color:red;
        position:relative;
        left:100px;
        width:200px;
        cursor:pointer;
    }

    .card-butler-searches .link-gen{
        position:relative;
        left:70%;
    }

    .card-inner table{
        margin:0 auto;
    } 

    #tablet-height-spacer{
        height:350px;
        display:none;
    }

    #btn-float-right{
        color:white !important;
        float:right;
        position:relative;
        bottom:30px;
    }

     #btn-float-left{
        color:white !important;
        float:left;
        position:relative;
        bottom:50px;
    }

    #general-spacer-300px{
        height:300px;
    }

    .form-ud-team{
        padding:10px;
        padding-top:40px;
        margin:0 auto;
    }

     .form-ud-team .btn{
          display:table;
          margin:0 auto;  
          margin-top:50px;
     }

    #teamUpdateBtn a{
         color:white !important;
    }

    #teamUpdateBtn{
        float:right;
    }

    .img-450px{
        height:450px;
    }

    #latest-bb-text{
        padding:10px;
        background-color:black;
        color:white;
        width:55%;
        margin:0 auto;
        margin-bottom:30px;
        text-align:center;
        border-radius:50px;
    }

    #cancelDevUpMyGalleryBtn{
        display:none;
        background-color:white;
        color:black;
        border:solid orangered 1px;
    }

    .btnHolder-cta-main{
        display:flex;
        flex-direction:row;
        justify-content:center;
        width:100%;
    }

    .btnMainCta{
        padding:10px;
        margin:10px;
        color:white;
        text-align:center;
        background-color:#c3a30e;
    }

    .btnMainCta a{
        color:white; 
    }

    .btnMainCta a:hover{
        text-decoration:none;
        color:white; 
    }

    #btn-main-create, #btn-main-find{
        width:250px;
    }

    .btnHolder-cta-main #btn-main-find{
        background-color:darkred !important;
    }

    .img-400px{
        height:500px;
        width:400px !important;
    }

    .img-center{
        width:500px;
        display:table;
        margin:0 auto;
    }

    .BtnCancelUpload{
        display:none;
        cursor:pointer;
        color:red;
        width:200px;
        margin:0 auto;
        position:absolute;
        top:60px;
        left:200px;
    }

    .text-19px-center{
        font-size:19px;
        margin:0 auto;
        display:table;
        width:80%;
        margin-top:20px;
        text-align:center;
    }

    .table-features, .table-versus, .table-personality{
        display:flex;
        flex-direction:row;
        border:solid lightgrey 1px;
        border-radius:20px;
        width:90%;
        margin-top:20px;
        margin-bottom:50px;
    }

    .table-personality{
        flex-direction:column;
        width:450px;
        margin:0 auto;
        margin-bottom:100px;
        margin-top:30px;
        border-radius:20px !important;
    }

    .table-company-v-self .table-company-left{
        
    }

    .table-left{
        width:30%;
    }

    .table-right{
        width:70%;
        background-color:black;
        color:white;
        border-top-right-radius:20px;
        border-bottom-right-radius:20px;
    }


    .tbl-item{
        padding:20px;
        font-size:18px;
        border-bottom:lightgrey 1px solid;
        height:90px;
    }

    .table-personality .tbl-item{
        height:30px;
        padding-top:20px;
        padding-bottom:50px;
        background-color:black;
        color:white;
    }

    .table-personality .tbl-item-tp{
        border-top-left-radius:20px;
        border-top-right-radius:20px;
    }

    .table-personality .tbl-item-bottom{
         border-bottom-left-radius:20px;
         border-bottom-right-radius:20px;
    }

    #long-form-copy-holder{
        
    }

    .table-versus-left{
        width:56%;
        background-color:black;
        color:white;
        border-top-left-radius:20px;
        border-bottom-left-radius:20px;
    }

    .table-versus-right{
        width:44%;
    }

    .itm-header{
        height:50px;
        display:flex;
        justify-content:center;
        align-items:center;
        font-size:23px;
        font-weight:bold;
    }

    .tbl-item-btm{
        font-size:14px;
        padding:10px;
        height:70px;
        border-bottom:none;
    }

    .tbl-item-last{
        border-bottom:none;
    }


    .table-company-v-self i{
        font-size:38px;
        display:table;
        margin:0 auto;
    }

    .table-company-v-self .table-company-left{
        width:50%;
        background-color:black;
        color:white;
        border-top-left-radius:20px;
        border-bottom-left-radius:20px;
    }


    .table-company-v-self .table-company-middle, 
       .table-company-v-self .table-company-right{
        width:25%;
        background-color:white;
        color:black;
    }

    .table-company-v-self .tbl-item-border{
       border-right:solid 1px lightgrey;
    }

    .table-company-v-self .tbl-item-top{
        font-size:15px;
    }

    .table-company-v-self .tbl-item-border-lightgrey{
        border-bottom:solid lightgrey 1px;
    }

    .table-company-v-self  .span-center{
        display:flex;
        justify-content:center;
        align-content:center;
        align-items:center;
        justify-items:center;
        font-size:20px;
        font-weight:bold;
    }


    .para-lg-txt{
        padding-top:40px !important;
        font-size:22px !important;
        line-height:32px;
    }

    .para-lg-txt span{
        font-size:24px;
        position:relative;
        left:100px;
        font-weight:bold;
    }

    .form-waiting-list{
        width:400px;
        padding:30px;
        border:solid lightgrey 1px;
        margin:0 auto; 
        background-color:black;
    }

    #joinWaiting{
        margin:0 auto; 
        display:table;
        background-color:orangered;
        color:white;
        border:none;
    }

  /* for image changer on index  */
    .fader{ 
        display:inline-block;
        height:600px;
    }

      .disp_img{
          height:500px;
          width:300px;
      }

    .disp_img{
        position:absolute;
        top:10%; 
        left:40%;
        display:none;
    }

    #fader-holder{
        width:40%;
        display:flex;
        justify-content:center;
        align-content:center;
    }
  
 /*  End image changer */

    #upgrade-wrapper{
        display:flex;
        justify-content:center;
        align-content:center;
        align-self:center;
    }

    #upgrade-wrapper a{
        color:white !important;
    }


    .form-upgrade, .form-holder{
        height:200px;
        display:flex;
        flex-direction:column; 
        justify-content:center;
        align-content:center;
        align-items:center;
        margin-bottom:150px;
        margin-top:50px;
    }

    .form-holder{
        display:none;
    }

    .endSubLinkHolder{
        width:100%;
        height:120px;
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-content:center;
        align-items:center;
        padding:30px;
        background-color:dodgerblue;
    }

    .endSubLinkHolder p{
        margin-bottom:20px;
        color:white;
        font-size:19px;
    }

    .endSubLinkHolder a{
        color:white !important;
        background-color:orangered;
    }

    .profile-eg, .profile-hotlist{
        display:flex;
        flex-direction:row;
        width:400px;
        margin:0 auto;
        margin-bottom:20px;
        padding:14px;
    }

    .profile-eg-odd{
        background-color:#FDFDFD;
    }

    .profile-eg-img img{
        height:60px;
        width:60px;
        border-radius:100px;
        margin-right:30px;
          -webkit-filter: blur(2px);
          -moz-filter: blur(2px);
          -o-filter: blur(2px);
          -ms-filter: blur(2px);
          filter: blur(2px);
    }

    .profile-eg-details{
        margin-top:10px;
    }


    .profile-eg i{
        float:right;
        font-size:15px;
        position:relative;
        top:-10px;
        left:-8px;
    }


    .media-logos{
        display:flex;
        flex-direction:row;
        justify-content:center;
    }

    .media-logos img{
        height:50px;
        width:140px;
        margin:20px;
    }


    #display-uniforms-wrapper{
        width:100%;
        display:flex;
        flex-direction:row;
        flex-wrap:wrap;
    }

    .product-tile{
        height:550px;
        width:30%;
        padding:20px;
        margin:10px;
        margin-bottom:65px;
        border:solid lightgrey 1px;
        border-radius:10px;
        box-shadow:1px 2px 9px 2px lightgrey;
    }

    .product-tile img{
        height:330px;
        width:100%;
    }

    .product-tile .title{
        font-size:20px;
    }

    .product-tile p{
        font-size:12px;
    }

    .product-tile .btn-orange-aff{
        color:white !important;
        background-color:orangered;
        margin:0 auto;
        display:table;
        position:relative;
        top:4%;
        border-color:orangered;
     }

    .uniforms-best-for{
        display:flex;
        flex-direction:row;
        padding:5px;
        height:30px;
        align-content:center;
        justify-content:center;
        justify-items:center;
    }

    .uniforms-best-for i{
        color:green;
        margin-right:20px;
        font-size:22px;
        align-self:center;
    }

    .uniforms-best-for p{
        font-weight:bold;
        align-self:center;
    }

    #feelingLuckyBtn{
        color:white;
        margin:0 auto;
        display:table;
        text-decoration:underline;
        font-size:13px;
        cursor:pointer;
        margin-top:46px;
    }

    .footer-heading{
        color:white;
        font-size:21px;
        font-weight:bold; 
        text-decoration:underline;
        margin-bottom:25px;
    }

    #mobile-footer{
        display:none;
    }

    .footer-link-hl{
        color:goldenrod;
    }


/* for the interest.php landing page */

    .bg-dark{
         background-color:black !important;
    }
      
      .small-logo-centre{
          display:table;
          margin:0 auto;
          height:45px;
      }
      
      .small-logo-left{
          height:30px !important;
          position:relative;
          left:10px;
      }

      .small-logo-right{
          height:30px !important;
          float:right;
          position:relative;
          bottom:10px;
          right:10px;
      }
      
      .copyright_text{
          font-size:10px;
      }

      .img-lp-med{
          height:250px;
          width:200px;
          display:table;
          margin:0 auto;
      }

      .p-larger{
             font-size:23px  !important;
             line-height:37px;
         }

      .p-20px{
            font-size:20px !important; 
            line-height:37px;
        }

     .p-list-style{
         font-size:19px !important;
         line-height:20px;
         width:500px;
         display:table;
         margin:0 auto;
         position:relative;
         top:20px;
     }

      #interestedForm{
          width:70%;
          border-radius:20px;
          box-shadow:1px 2px 21px 2px grey;
          padding:10px 50px 30px 50px;
          margin:0 auto;
          background-color:dodgerblue;
          color:white;
      }

        #interestedForm #emailGiven{
            width:60%;
            margin:0 auto;
            margin-bottom:30px;
        }

        #interestedForm p{
            position:relative;
        }
      
      #sendBtn{
          display:table;
          margin:0 auto;
          background-color:orangered;
          color:white;
      }
      
      .messages{
          display:none;
          font-size:25px;
          font-weight:bold;
          padding:20px;
          margin:0 auto;
          text-align:center;
      }
      
      .err-msg{
          color:red;
      }
      
      .success-msg{
          color:green;
      }
      
      .messages-wrap{
          display:table;
          margin:0 auto;
      }
      
      .img-hero-landing-page{
          display:table;
          height:300px;
          width:500px;
          margin:0 auto;
      }
      
       .spacer-200{
           height:200px;   
      }

       .spacer-100{
           height:100px;   
      }
      
      .spacer-50{
           height:50px;   
     }

      .center-text{
          display:table;
          margin:0 auto;
      }

    .lp-list-icon{
        font-size:25px;
        padding-right:20px;
    }

    .lp-list-line{
        display:flex;
        flex-direction:row;
        padding:10px;
    }

    .hot-butler-img-holder{
        height:250px;
        width:200px;
        padding:20px;
        border:solid lightgrey 1px;
        border-radius:5px;
        box-shadow:1px 2px 11px 2px lightgrey;
        display:flex;
        flex-direction:column;
        margin:0 auto;
    }

    .hot-butler-img-holder a{
        margin:0 auto;
        text-decoration:underline !important;
    }


    .medium-img-square{
        height:200px;
        width:;
    }

    .img-holder-rounded{
        display:flex;
        flex-direction:row; 
        justify-content:center;
        align-content:center;
        margin-top:20px;
    }

    .img-holder-rounded img{
        height:100px;
        width:100px;
        border-radius:100px;
        margin:20px;
    }

    .img-holder-rounded img:nth-child(1), 
           .img-holder-rounded img:nth-child(3){
        filter: blur(6px);
    }


     .landing-page-top-p-holder p{
         display:table;
         margin:0 auto;
         width:500px;
         font-size:30px;
    }

    .landing-page-top-p-holder small{
        display:table;
        margin:0 auto;
        width:100px;
        color:lightgrey;
        font-size:15px;
    }

    .landing-page-top-p-holder i{
        color:green;
        font-size:43px;
    }

    .landing-page-top-p-holder .small-text{
        display:table;
        font-size:14px;
        margin:0 auto; 
        width:200px;
    }

    .other-ads-buttons{
        width:300px;
        margin:0 auto;
    }

    .other-ads-buttons a{
        margin-bottom:20px;
        width:230px;
        font-size:12px;
    }

    .link-icon{
        position:relative;
        bottom:30px;
    }

    .link-icon, .link-icon:hover, 
        .link-icon:active {
        color:white;
        font-size:30px;
    }

    .bb-top-page-card-header{
        background-color:black;
        display:flex;
        flex-direction:row;
        flex-wrap:wrap;
        align-content:center;
        align-items:center;
        justify-content:center;
        margin-bottom:25px;
    }

    .bb-top-page-card-header h3{
        color:white;
        align-self:center;
    }

    .bbtpch-darkpurple{
        background-color:darkslateblue;
    }

    .bbtpch-green{
        background-color:green;
    }

    .bbtpch-blue{
        background-color:dodgerblue;
    }

    .bbtpch-red{
        background-color:firebrick;
    }

    .sub-pages h2,.sub-pages h3, .sub-pages h4, 
           .sub-pages h5, .sub-pages h6{
        margin:0 auto !important;
        font-weight:bold;
        text-align:center;
    }

    .imgs-holder-small img{
        height:40px;
        width:40px;
    }

    #mainPhoto{
       position:relative;
       margin-bottom:50px;
       display:table;
       height:400px;
       width:220px;
    }

     .img-flash-holder{
          width:100%;
          display:flex;
          justify-content:center;
    }

    .flash-holder-cta a{
        display:table;
        margin:0 auto;
        color:white;
    }

     .locations-short-list{
        font-size:20px;
        width:40%;
        margin:0 auto;
     }
    
    .location-list-num{
        display:flex;
        flex-direction:row;
        width:60%;
        align-items:center; 
        font-size:20px;
        margin:0 auto;
        margin-bottom:20px;
    }
    
    .location-list-num div{
        background-color:black;
        color:white;
        height:35px;
        width:35px;
        font-size:17px;
        border-radius:100px;
        margin-left:20px;
        margin-right:20px;
        display:flex;
        justify-content:center;
        align-content:center;
        align-items:center;
    }

    #checkbox_id{
        display:none;
    }

    #check-box-label{
        padding:10px;
        background-color:orangered;
        color:white;
        width:200px;
        font-size:20px;
        text-align:center;
        cursor:pointer;
        margin:0 auto;
    }

    .short-locations-list{
        display:none;
        font-size:22px;
        margin:0 auto;
    }

      
    .short-loc-header{
        font-size:20px;
        text-align:center;
    }


    #checkbox_id:checked ~ .short-locations-list{
        display:block;
    } 

    #hot-count-holder{
        display:flex;
        flex-direction:row;
        width:80%;
        margin:0 auto;
    }

     .hot-list-holder i, .fa-fire{
        color:orangered;
        font-size:30px;
        margin-right:5px;
    }

    .card-profile-newest-profiles a{
        color:black !important;
    }

    #vote-hot, #vote-hot-new, #unvote-hot-new{
        cursor:pointer
    }

    .hotList-icon-count{
        position:relative;
        left:210px;
        top:130px;
        z-index:99;
    }

    .hotList-count{
        position:absolute;
        left:90px;
    }

    .counter-as-link{
        text-decoration:underline;
        color:dodgerblue;
    }

    /* initiated further up but upadted here */
    .profile-hotlist{
        height:150px;
        padding:25px;
    }

    .profile-hl-details{
        margin-left:20px;
    }

    .hl-name-lg{
        font-size:22px;
    }

    #CurrentName{
        font-size:20px;
    }

    #green-tick-center i{
        font-size:50px !important;
        display:table;
        margin:0 auto;
        margin-bottom:50px;
    }

   .banner-mid-section .link-white{
        color:white !important;
        font-size:20px;
    }


    .banner-mid-section .paragraph-mid-section{
        display:table;
        margin:0 auto;    
        width:550px;
    }

   .banner-mid-section .purple-link{
        color:mediumpurple !important;
    }

    .banner-mid-section  .banner-cta-holder a{
        color:white !important;
    }

    .btn-bannerCTA{
        background-color:#c3a30e;
        color:white !important;
        display:table;
        margin:0 auto;
        margin-bottom:80px;
    }

    .online-holder{
        height:15px;
        width:15px;
        border-radius:100px;
        position:absolute;
        top:90px;
        left:90px;
        z-index:999999;
    }

    .online-green{
        background-color:limegreen;
    }

    .online-blank{
        background-color:darkgray;
    }

    .progress{
        width:50%;
        margin:0 auto;
        margin-bottom:100px;
    }

    .progress-bar-success{
        background-color:green;
        height:100px;
    }

/*  20th October for the ask butler page */
        .profile-container{
             display:flex;
             width:100%;
             flex-direction:row;
         }
         
         .card-profile-ask{
             padding:30px;
             width:400px;
             height:450px;
             display:flex;
             flex-direction:column;
             margin:0 auto;
             margin-top:100px;
             box-shadow:1px 3px 9px 1px lightgrey;
             background-color:black;
         }
         
         .ask-img-holder{
             display:flex;
             flex-direction:row;
             margin:0 auto;
             margin-bottom:30px;
             color:white;
         }
         
         .card-profile-ask img{
             height:75px;
             width:75px;
             border-radius:100px;
             margin-right:20px;
         }
         
         .ask-img-holder div{
             position:relative;
             top:10px;
         }
         
         .card-profile-ask textarea{
             resize:none;
             width:100%;
             height:150px;
         }
         
         .card-profile-ask .btnAskButler{
             display:table;
             margin:0 auto;
             margin-top:30px;
         }

          input:focus::placeholder {
              color:transparent;
            }


        /* Landing pages Nov. 5th 2024 */
        .profile-eg{
              color:black;
          }
          
          .circle-outer, .outer-wrapper{
              padding:20px;
              border:solid lighgrey 1px;
              box-shadow:1px 3px 9px 2px lightgrey;
              margin:0 auto;
              margin-top:30px;
              margin-bottom:30px;
              border-radius:20px;
          }
          
          .circle-outer p{
              margin:0 auto;
              display:table;
              font-weight:bold;
              margin-top:100px;
          }

            .circle-outer-lp1{
                padding-left:0px;
                padding-right:0px;
            }
          
          .outer-wrapper{
              background-image: url(images/main-images/screenshot-website-nav.png);
              background-repeat:no-repeat;
              padding-top:50px;
          }
          
          .card-ads-lp{
              width:60%;
              height:500px;
              display:flex;
              flex-direction:column !important;
          }
          
          .card-ads-lp-copy{
              height:90%;
              margin-top:50px;
              display:flex;
              flex-direction:column;
          }
          
          .card-ads-lp-copy{
              font-size:20px;
          }
          
          .card-ads-lp-copy i{
              font-size:30px;
              margin-right:10px;
              justify-self:center;
              align-self:center;
          }
          
          .card-ads-lp-copy div{
             display:flex;
             flex-direction:row;
             margin:0 auto;
             margin-left:30px;
             height:43px;
          }
          
          .card-ads-lp-copy p{
              justify-self:center;
              align-self:center;
          }
          
          
          #link-ads-checkout, #link-ads-checkout2{
              display:table;
              margin:0 auto;
              position:relative;
              top:30px;
          }
          
          #link-ads-checkout2{
              top:15px;
          }
          
          .circle-container, .circle-container-text-top,
             .circle-container-text-bottom, .circle-container-lines{
                 
              display:flex;
              flex-direction:row;
              width:100%; 
          }
          
          .circle-container-text-top div,
            .circle-container-text-bottom div{
              width:130px;
              margin-left:80px; 
              font-size:15px;
              font-weight:bold;
          }
          
          .circle-container-text-top  div{
              float:right;
              
          }
          
          .circle{
              height:40px;
              width:40px;
              border-radius:100px;
              background-color:green;
              margin-left:150px;

          }
                   
          .circle-red{
              background-color:red;
              margin-left:80px !important;
          }
          
          .circle-container-lines{
              position:relative;
              top:20px;
              left:160px;
          }
          
          .circle-container-lines div{
              width:150px;
              height:4px;
              background-color:green;
          }
          
          .outer-wrapper .bottom-foot{ 
              height:100px;
              width:100%;
              background-color:black;
              border-bottom-left-radius:20px;
              border-bottom-right-radius:20px;
          }
          
          .outer-wrapper .bottom-foot h4{
              color:white; 
          }
          
          .outer-wrapper{
              padding-bottom:0px;
              padding-left:0px;
              padding-right:0px;
          }
   
          .small-tag-center{
              display:table;
              margin:0 auto; 
          }
          
          .icon-pass-ticket{
              height:18em;
              filter:invert(100%) sepia(1%) saturate(2%) hue-rotate(345deg) brightness(108%) contrast(101%);
          }
          
          .icon-pass-ticket-sm{
              height:3em;
              filter: invert(100%) sepia(1%) saturate(2%) hue-rotate(345deg) brightness(108%) contrast(101%);
              margin-right:10px;
          }
          
          .ticket-ad-features{
              display:flex;
              flex-direction:row;
              margin:0 auto;
              width:800px;
          }
          
          .ticket-ad-features div{
              margin-top:15px;
              margin-left:10px;
          }
          
          .ad-features-list{
              font-size:18px;
              position:relative;
              bottom:10px;
          }
          
          .ad-features-list i{
              margin-right:20px;
          }
          
          .counter-wrapper{
              display:flex;
              flex-direction:column;
              position:absolute;
              right:0;
          }
          
          .counters{
              display:flex;
              flex-direction:row;
              height:50px;
              width:100px;
              align-content:center;
              justify-content:center;
          }
          
          
          .counters i{
              font-size:22px;
          }
          
          .counter-fire{
              position:relative;
              top:20px;
          }
          
           .counter-eye i{
             padding-top:10px;
          }
          
          .profile-eg-2{
              height:120px; !important;
          }
          
          .small-quote{
              font-size:12px;
          }
          
          .profile-lp-details{
              position:relative;
              bottom:16px;
          }
          
          .small-quote{
              font-style:italic;
          }

        /* landing page for the applications */
         .applications-message{
              border:solid grey 2px;
              padding:20px;
              margin-bottom:50px;
          }
          
          .applications-message i{
              font-size:55px;
              display:table; 
              margin:0 auto; 
          }
          
          .applications-message .fa-times, .red-h2{
              color:red; 
          }
          
          .green-h2{
              color:#28a745; 
          }
          
          .red-h2, .green-h2{
              font-size:40px !important;
          }
          
          .landing-page-p{
              font-size:20px !important;
              line-height:36px;
              font-weight:bold;
              text-align:center;
          }
          
          .form-application{
              width:60%;
              margin:0 auto;
              margin-bottom:100px;
              margin-top:40px;
              padding:30px;
              padding-top:50px;
              padding-left:80px;
              padding-right:80px;
              border-radius:30px;
              border:solid grey 3px;
          }
          
          #btn-apply{
              display:table;
              margin:0 auto;
              position:relative;
              top:65px;
          }
          
          .bb-checks-holder{
              margin:0 auto;
              display:table;
              margin-top:30px;
          }
          
          .bb-checks-holder label{
              padding:10px;
              width:210px;
          }
          
          .bb-checks-holder input[type='checkbox']{
              width:25px;
              height:25px;
              position:relative;
              top:10px;
          }
          
         .input-align-label #any{
              top:-15px;
          }
          
          #info-reg-wrapper{
              display:table;
              margin:0 auto;
              width:100%;
          }
          
          #info-reg-offices{
              display:flex;
              flex-direction:row;
              flex-wrap:wrap; 
              align-self:center;
              width:100%;
          }
   
          .office-details{
              border-top:solid lightgrey 1px;
              padding:10px;
              width:300px;
              min-height:100px;
              margin:30px;
              text-align:center;
          }
          
          .office-details p{
              font-weight:bold;
              font-size:22px;
          }
          
          .lp-faq-section{
              margin-bottom:150px;
          }
          
          .lp-faq-section h2{
              font-style:italic;
          }

         .img-340px{
             height:260px;
             width:340px;
         }

        .img-300px{
             height:420px;
             width:300px;
         }

        .img-400px{
             height:380px;
             width:260px !important;
        }

        .img-width-450px{
            height:150px;
            width:450px !important;
        }

        .img-width-400px{
             height:220px;
             width:400px !important;
        }

        .img-w260px-h250px{
            width:260px;
            height:250px;
        }


        .txt-red{
            color:red; 
        }

        .img-width-550px{
            width:550px;
            height:320px;
        }


        .fa-search-plus{
              font-size:240px;
          }
          
          .small-text-astrix{
              position:relative;
              bottom:90px;
              float:right; 
          }
          
          .head-tag-grey-text{
              color:grey;
              display:table;
              font-weight:bold; 
              font-size:20px !important;
              width:350px;
              margin:0 auto;
              text-align:center;
          }
          
          .fa-cogs{
              font-size:30px;
              margin-right:20px;
          }
          
          .small-centre{
              margin:0 auto;
              display:table;
              font-size:9px !important;
          }
          
          .p-types-bb{
              font-size:20px;
              display:flex;
              flex-direction:row;
              position:relative;
              left:15%;
              width:300px;
          }
          
         .p-types-bb .span-bullet{
              margin-right:20px;
            }
          
          .message-update{
              width:250px;
              margin:0 auto;
              font-size:17px;
              text-align:center;
              padding:10px;
              background-color:lightyellow;
          }

            .message-update-wider{
                width:100%;
                margin-top:150px;
            }

            .msg-update-mob{
                margin-top:40px;
                margin-bottom:70px;
            }
          
          .img-240px{
              height:190px;
              width:240px;
          }

         .bb-type-salary-cell{
            display:flex;
            flex-direction:row;
            height:50px;
         }

        .bb-position{
            border:solid 2px white;
            height:20px;
            width:20px;
            border-radius:100px;
            padding:10px;
            display:flex;
            justify-content:center;
            align-content:center;
            align-items:center;
            margin-right:10px;
        }

        .bb-position1{
            border:solid 2px darkgoldenrod;
            background-color:darkgoldenrod;
        }

        .bb-type-salary{
            width:390px;
            margin:0 auto;
            margin-top:50px;
        }


         /* ask butler page */ 

         #formSubmitAskRequest{
              padding:50px;
              padding-left:100px;
              padding-right:100px;
              background-color:black;
              color:white;
              display:none;
          }
          
          #btnFormAsk{
              display:none;
          }
          
          .name-ask{
              position:absolute;
              color:white;
              top:-10px;
              left:5px;
              font-size:26px !important;
              font-weight:bold;
          }
          
          #formSubmitAskRequest input[type='email']{
              width:60%;
              margin:0 auto; 
          }
          
          #btnFormAsk:checked ~ #formSubmitAskRequest{
              display:block;
          }
          
          .alert-success-cus, .alert-danger-cus{
              display:none;
          }
          
          input:focus::placeholder {
              color:transparent;
            }
          
          textarea:focus::placeholder {
              color:transparent;
            }
          
          #formWrapper .btn{
              display:table;
              margin:0 auto; 
          }
          
          #ask-head-bar{
              position:relative;
              bottom:100px;
              width:650px;
              margin:0 auto; 
              margin-bottom:-170px;
              padding-left:80px;
          }
          
           #ask-head-bar p{
              font-size:19px;
              line-height:29px;
          }
          
          #ask-head-bar span{
              font-size:21px;
              font-style:italic;
              font-weight:bold;
              color:darkgray;
              display:table;
              margin:0 auto;
          }
          
          #ask-head-bar i{
              font-size:30px;
              margin-right:10px;
          }


         .labl-bold{
            font-weight:bold !important;
        }

    /* for create-ad.php */

        .imageThumb{
            margin:0 auto;
            margin:15px;
            height:400px;
            width:300px;
        }

        #btn-remove-all{
            padding:10px;
            border-radius:30px;
            background-color:black;
            color:white;
            cursor:pointer;
            text-align:center;
            width:200px;
            margin:0 auto;
            display:none;
        }

        .activations-left{
            padding:7px;
            margin:10px;
            background-color:lightgray;
            width:200px;
            text-align:center;
            font-size:12px;
            border-radius:12px;
        }

        /*   business card page */


         .form-business-card{
              width:350px;
              padding:10px;
              margin:0 auto;
          }
          
          #frmStock:checked + #radioOptionsBlurUnblur{
              display:none;
          }
          
          .form-business-card input[type="radio"]{
              display:none;
          }
          
          .form-business-card label{
              padding:6px;
              width:200px;
              border:solid red 2px;
              text-align:center;
              margin:8px;
              background-color:white;
              color:black;
          }

           input[type="radio"]:checked + label{
              background-color:red;
              color:white; 
          } 
          
          .radioLabelsRow{
              display:flex;
              flex-direction:row;
          }

            #createBCbtn{
                background-color:orangered;
                color:white;
                border:none;
                display:table;
                margin:0 auto;
            }

         #append-card{
                width:100%;
            }

         .email-cards-wrapper{
            display:flex;
            flex-direction:row;
            flex-wrap:wrap;
            width:100%; 
            justify-content:center;
        }
          
          .card-business{
              width:450px;
              height:200px;
              border:solid 1px black; 
              display:table;
              margin:0 auto;
          }

          .card-business-eg{
             margin-bottom:10px !important;
          }

        /*  .cut-out-border{
              width:550px;
              height:360px;
              border:dashed 2px darkgrey;
              padding:30px;
              margin:0 auto;
          }
*/
          
          .bc-top-section, .bc-btm-section{
              height:150px;
              width:100%;
              padding:20px;
          }
          
          .bc-btm-section{
              display:flex;
              flex-direction:row;
              align-content:center;
              align-items:center;
              
          }
          
          .qr-code-holder{
              display:flex;
              flex-direction:column;
              width:30%;
              float:right;
              position:relative;
              top:5px;
              left:20px;
          }
          
          .qr-code-holder img{
              height:70px;
              width:70px;
          }

          .qr-code-holder small{
              text-align:center;
              position:relative;
              right:25px;
          }
          
          #pgImgholder img{
              height:70px;
              width:70px;
              border-radius:100px;
              margin-right:5px;
          }
          
          .img-blurred{
              filter: blur(1px);
          }
          
          .bc-img-name{
              display:flex;
              flex-direction:row;
              align-content:center;
              align-items:center;
              margin-bottom:20px;
          }
          
          #pbInfo{
              width:80%;
              margin:0 auto;
          }
          
          #pbSignature{
              width:70%;
              font-size:34px;
              display:flex;
              justify-content:center;
              font-family:"Grape Nuts", cursive;
              font-weight:400;
              font-style:normal;
          }
          
          textarea{
              resize:none;
          }
          
          .cut-out-placeholder{
              display:flex;
              justify-content:center;
              align-content:center;
              align-items:center;
              height:100px;
              margin-top:-100px;
              margin-bottom:100px;
              text-align:center;
          }
          
          #btn-bc-save, #btn-bc-update{
              padding:5px;
              border:solid grey 1px;
              margin:10px;
              background-color:black;
              color:white; 
              cursor:pointer;
              width:150px;
              text-align:center; 
          }
          
          .bc-apnd-btns-hold{
              display:flex;
              flex-direction:row;
              width:100%;
              justify-content:center;
              align-content:center;
              align-items:center;
              z-index:9999999999999999 !important; 
          }
          
          .alert-err, .alert-err-img{
              display:none; 
          }
          
                
          #btnExampleBCs{
              color:dodgerblue;
              text-decoration:underline;
              font-size:19px;
              cursor:pointer;
          }
          
          #btnExampleBCs:hover, #btnExampleBCs:active{
              font-size:17px;
              text-decoration:none;
          }
          
          #btnExampleBCs:visited{
              color:purple;
          }
          
          #examplesHolder{
              display:none;
              margin-bottom:100px;
              width:600px;
              margin:0 auto; 
          }

          #examplesHolder .card-business{
              align-self:center;
          }

         .eg-inner-wrapper{
             display:flex;
             flex-direction:column;
             margin-bottom:40px;
         }
          
          .closeEg{
              float:right;
              position:relative;
              right:-90%;
              color:red;
              text-decoration:underline;
              cursor:pointer; 
          }

         .form-instructions{
             width:350px;
             margin:0 auto;
             text-align:center;
          }

         .form-instructions p{
            font-size:20px;
         }


          /* End business card styles */


    /*   for the landing pages (inside butler folder)  */

         .options-pb-holder{
              display:flex;
              flex-direction:row;
          }
          
          .options-pb-holder .profile-eg-2{
              margin:15px;
              display:flex;
              flex-direction:column;
              height:auto !important;
              margin-top:70px;
          } 
          
          .options-head{
              font-size:17px;
          }
          
          .options-pb-holder .profile-eg-2-dark{
              background-color:black;
              color:white;
          } 
          
          .options-pb-holder .profile-eg-2-grey{
              background-color:slategrey;
              color:white;
          } 
          
          .btnToAds .btnToProfileMem{
              
          }
          
          .optionsBtnholder{
              padding:10px;
              width:200px;
              font-size:15px;
              text-align:center;
              color:white;
              border:solid orangered 2px;
              background-color:orangered;
              cursor:pointer;
              position:relative;
              margin:0 auto;
              top:40px;  
          }
          
          .optionsBtnholder:hover{
              font-size:16px;
          }

         .options-cus-holder .option-details{
              position:relative;
              bottom:80px;
         }

        .options-cus-holder .profile-eg-2{
            max-height:400px;
        }

         .options-cus-holder .profile-eg-2 .option-details{
             padding-top:0px;
        }

        .ptag-unpad{
           margin-top:50px !important;
        }

        .options-cus-holder .profile-eg-2 .optionsBtnholder{
            top:-0px;
        }

        .options-cus-holder .profile-eg-2 .btnToProfileMem{
            top:-24px;
        }

       /* request cards */

        .title-req{
            position:absolute;
            left:42%;
            top:0;
            font-weight:bold;
            font-size:22px !important;
        }

        .rc-img-name{
            position:relative;
            top:45px;
        }

        .rc-img-name img{
            height:50px !important;
            width:50px !important;
        }

        .hr-spacer{
            height:1px;
        }

        .rc-info{
            position:relative;
            top:50px;
        }

        .rc-qc-code img{
            height:60px;
            width:60px;
            position:relative;
            left:340px;
            top:40px;
        }

        .form-rc{
            width:420px;
            padding:30px;
            margin:0 auto; 
            margin-top:20px;
            display:none;
            border:solid grey 1px;
            border-radius:20px;
            background-color:black;
            color:white; 
        }


        .form-rc .btn{
            display:table;
            margin:0 auto !important; 
            position:relative;
            top:30px;
        }

        .rc-userbtns-holder{
            display:flex;
            flex-direction:row;
            width:550px;
            margin:0 auto;
        }

        .rc-alert-1, .rc-alert-2, .rc-alert-3,
            .rc-alert-4, .rc-alert-5{
            display:none;
        }

        .rc-userbtns-holder div{
            width:200px;
            padding:10px;
            text-align:center;
            border:solid grey 2px;
            cursor:pointer;
            font-size:17px;
            margin:0 auto;
        }

        .rc-userbtns-holder div:hover{
            color:white;
            font-weight:bold;
        }

        .rcBtnPb:hover{
            background-color:red;
            border:solid red 2px;
        }

        .rcBtnCus:hover{
            background-color:dodgerblue;
            border:solid dodgerblue 2px;
        }

    
        .rc-print-cancel{
            display:flex;
            flex-direction:row;
            margin:0 auto;
        }

        .rc-print-cancel div{
            width:130px;
            padding:6px;
            text-align:center;
            border:solid grey 1px;
            cursor:pointer;
            margin:100px;
            margin-top:0px;
        }

        .rc-print-cancel div:hover{
            background-color:black;
            color:white;
        }

        #banner-mid-section-with-drop{
            min-height:370px;
        }

        .AppSuccessMsg, .AppErrorMsg{
            display:none; 
        }

        .italic-txt{
            font-style:italic;
        }

         .table-features-lppc .tbl-item{
            font-size:15px;
        }

        .ft-link-red{
            color:darkred;
            font-style:bolder;
            font-size:14px;
            text-decoration:underline !important;
        }

        #form-container-outer{
            width:550px;
            margin:0 auto;
            margin-top:100px;
        }

       .instruction{
            font-size:16px;
            display:flex;
            flex-direction:row;
            margin-bottom:10px;
            align-content:center;
            align-items:center;
        }

        #form-container-outer .num-badge{
            height:35px;
            width:35px;
            font-size:15px;
            border:solid grey 1px;
            border-radius:100px;
            display:flex;
            justify-content:center;
            align-content:center;
            align-items:center;
            margin-right:10px;
            background-color:black;
            color:white; 
        }
        
  
            .butlerAdMessages{
                color:white;
                float:right;
                position:relative;
                bottom:20px;
                right:10px;
            }


            .butlerAdMessages i, .butlerAdMessages a{
                color:white;
                font-size:21px;
            }

            .butlerAdMessages a{
                font-size:17px;
                font-style:italic;
                color:dodgerblue;
                text-decoration:underline !important;
            }


            #bb-survey-wrapper{
                width:100%;
                margin:0 auto;
                border:solid red 6px;
                padding:20px;
                background-color:black;
                color:white;
            }

            #bb-survey-wrapper h2{
                font-size:30px !important;
                text-align:center;
                font-weight:bold;
                color:white
            }


            #bb-survey-wrapper h3{
                font-size:19px;
                text-align:center;
                color:white;
            }

            #bb-survey-wrapper p{
                font-style:italic;
                text-align:center;
            }

            #bb-survey-wrapper .link-wrap{
                font-size:21px;
                width:300px !important;
                margin:0 auto !important;
            }

            #bb-survey-wrapper .link-wrap .link-gen-unitalic{
                font-style:normal;
            }

    
   /*  End landing page styles */


.update-info-notice{
    width:550px;
    margin:0 auto;
    border:solid green 10px;
    margin-top:30px;
    margin-bottom:30px;
    padding:30px;
}

.update-info-notice h3{
   text-align:left !important;
    color:grey;
}

.update-info-notice .sub-head-bold{
    font-weight:bold;
    font-size:26px;
    margin:0 auto;
    text-align:center;
}

.update-info-notice p{
    font-size:20px;
}


.update-info-notice .notice-date{
    text-align:right;
    font-size:16px;
    color:grey;
}

#leaveModal{
    display:none;
}

#report-mem-form, #gen-contact-form{
    display:none;
}

#report-btn, #genEn-btn , #memOnlyEn-btn{
    width:200px;
    font-size:14px;
}

.btns-forms-contact{
    display:table;
    margin:0 auto;
}


  /*  .frontCamera, .backCamera{
        border:solid grey 1px;
        padding:10px;
        width:130px;
        text-align:center;
        float:left;
    }
  */

/*   ##################### */
/*   END OF GENERAL STYLES */
/*   ##################### */





/* for the member-type.php designs  */    
@media only screen and (max-width: 470px){
   
    .card-member-type{
        height:150px;
        width:150px;
        padding:20px;
        margin:20px;
        font-size:15px;
    }
    
    #location-wrapper{
        width:90%;
    }
    
    .member-since{
        font-size:13px !important;
    }
    
    .footer-links{
        font-size:16px;
        width:200px;
        margin:0 auto;
        display:table;
        text-align:center;
    }
    
    .mob-spacer{
        margin-bottom:16px;
        width:100%;
        display:flex;
        justify-content:center;
    }
    
}

/* for the member-type.php designs  */    
@media only screen and (max-width: 395px){
    
    
    .card-member-type{
        height:160px;
        width:150px;
        padding:10px;
        margin:20px;
        font-size:12px;
    }
    
    
    #showBBtravelBtn, #showBBLocationlBtn, #showBBLuckyBtn {
        padding:4px; 
        width:auto; 
        font-size:13px;
    }
    
    #dropdown-display{
        width:300px;
        padding-left:35px;
        padding-right:35px;
    }
    
    #updateProfileWrapperInner {
        margin-top:30px;
    }
    
    #location-wrapper{
        margin:0px;
        width:auto;
    }
    
    .icon-profile{
        font-size:20px;
    }
    
    .location-info p{
        font-size:14px;
    }
    
     
}

@media (min-width: 395px) and (max-width: 750px){

    #showBBtravelBtn, #showBBLocationlBtn, #showBBLuckyBtn {
        padding:6px; 
        width:auto; 
        font-size:14px;
    }
    
    #dropdown-display{
        width:350px;
    }

}



/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    
    .footer_section .container .row{
        width:35%;
        display:table;
        margin:0 auto;
    }
    
    .time-tag-hompage{
        font-size:12px;
        top:120px;
    }
    
    .menu_main_desktop, #super-nav{
        display:none;
    }
    
    .vehicle_section {
        padding: 10px 0px;
    }
    
    .txt-quote{
        margin-top:30px;
        margin-bottom:10px;
        font-size:28px;
    }
 
    .head-tags{
        margin-top:-20px;
    }
    
    .paragraph-main{
        width:100%;
        margin-top:10px;
        margin-bottom:20px;
        font-size:18px;
    }

    .list-generic{
        width:95%;
        margin-bottom:35px;
        font-size:16px;
    }
    
    .banner-black-small{
        height:170px;
    }
    
    .layout_padding {
        padding-top:30px;
    }
    
    .banner-padding{
        padding-top:90px;
        margin-bottom:50px;
    }
    
    .repair_section .head-tags{
        margin-top:30px;
    }
    
    .service_section_2{
        padding-bottom:0px;
    }
    
    .footer-padding{
        padding-top:90px;
    }
    
    .index-media-logos{
       display:flex;
       flex-direction:column;
    }
    
    .form-update-ad{
        width:100% !important;
        padding:25px;
    }
    

    .form-call-out{
        width:100%;
    }
    
    .form-callout-red-banner{
        width:139%;
    }
    
    .info-text-box div{
        font-size:18px;
        padding-left:30px;
    }
    
    .mobile-spacer{
        height:150px;
    }
    
    .faq-link-holder{
        width:70%;
    }
    
    .banner-mid-section{
        padding-left:20px;
        padding-right:20px;
    }
    
    .banner-mid-section .banner-display-locations{
        width:auto;
    }
    
    .contact_main .form-ad-login{
        padding-left:15px !important;
        padding-right:15px !important;
        width:100%;
    }
    
    .contact_main{
        width:100% !important;
    }
    
    .form-contact{
        width:370px;
        padding:10px;
        padding-top:35px;
    }
    
    .email_bt, .email_bt_1{
        width:90%;
    }
    
    .form-ad-login a{
        left:0px;
    }
    
    .subtxt-para{
       width:100%;
    }
    
    .card-butler{
        width:auto;
    }
    
    .sub-pages-faqs .faq-answer{
        width:100% !important; 
   }
    
    .form-contact .btn-success { 
        width:80%; 
    }
    
    .form-search-areas{
        width:auto;
    }
    
    .ad-top-section, .ad-bottom-section {
        width:90%;
        padding-left:6px;
    }
    
    #form-locations-call-out {
        width:100%;
    }
    
    .card-callOut{
        width:100%;
    }
    
    .card-callout-header{
        width:116%;
    }
    
    .banner-mid-section-quote p{
         width:100%; 
    }
    
    .sub-txt-h1{
        width:100%;
    }
    
    .sub-txt-h1-left{
         width:100%;
    }
    
    .padding-my-ads-mb{
        padding-top:150px !important;
    }
    
   
   .nav-cta-holder{
       margin-top:30px;
   }
    
    .banner-mid-section .hireCreate-call-out{
        width:auto;
    }
    
    .banner-form-friend {
        width:300px !important;
    }

    
    .list-nav-cta{
        display:block;
    }
    
    .list-nav-cta li a{
        display:table;
        margin:0 auto;
    }
    
    #nav-cta-or{
        display:table;
        margin:0 auto;
        margin-top:10px;
        margin-bottom:10px;
    }
    
    .location-pages-further-links{
        width:95%;
        display:flex;
        flex-direction:column;
        word-wrap:break-word;
    }
    
    .location-pages-further-links a{
        font-size:14px;
    }
    
    .locations-container{
        padding-top:20px;
    }
    
    .sub-txt-h1{
        font-size:19px;
    }
    
    #member-area-head{
        margin-top:20px;
    }
    
    .p-gallery-holder{
        width:100% !important;
    }

    .gallery-images{
        margin:0 auto;
        width:100% !important;
    }
    
    .card-ad-profile p{
        font-size:14px;
    }
    
    .card-ad-profile{
        height:100px;
        padding:10px;
        width:100% !important;
    }
    
    .mb-buttons-ads{
        height:100px;
        width:250px;
        display:flex;
        flex-direction:column;
    }
    
    .mb-buttons-ads  a{
        width:100px;
        font-size:14px !important;
        padding:5px;
        margin-top:10px;
    }
    
    .ad-location{
        width:200px;
    }
    
    .deactivate-inner-panel div, .deactivate-inner-panel a{
        width:80%;
    }
    
    #panel-chng-name, #panel-chng-bio, #panel-chng-img, 
         #panel-chng-loc, #panel-chng-travel{
        margin-left:0px; 
        margin-right:0px;  
    }
    
    #btn-remove-img{
        margin:0 auto;
    }
    
    #img-gallery-btn{
        width:130px;
    }
    
    #img-placholder{
        width:100% !important; 
    }
    
    .galleryPanel-btns-holder{
        padding:0px;
        width:97%;
        display:flex;
        flex-direction:row;
    }
    
    #btnImagesRemv{
        margin-left:auto;
    }
    
    #addImagesButton{
        margin-right:auto;
    }
    
    #camera-input-wrapper{
        width:100%; 
    }

    #video_player, #post_canvas {
        width:100%;
        height:250px;
        margin:0 auto;
    }
    
    .btn-pg{
        padding:4px;
    }
    
    #bio-wrapper {
        width:100%;
    }
    
    #cancelName, #cancelBio, #cancelImg{
        font-size:14px;
    }
    
    .nav-mem-only-link{
        padding-top:10px;
        color:darkgrey !important;
    }
    
     .nav-mem-only-link a, .nav-mem-only-link i{
        color:darkgrey !important;
    }

    .card-msg-stream{
        width:100% !important; 
    }
    
    
    .card-msg{
        width:75%; 
    }
    
    .form-send-msg textarea{
        width:100% !important;
    }
    
    .nav-link-notify{
       margin:0 auto;
    }
    
   .card-msg .msg-content{
        width:85%;
    }

    .top-left-links-block{
        left:15px;
        position:relative;
        margin-top:50px;
        margin-bottom:-80px;
    }
  
    .top-left-links-block a{
        padding:5px;
        font-size:14px;
        margin:5px;
        width:180px;
    }
    
    .link-logout-ads{
        font-size:15px;
        float:right;
        position:relative;
        top:0px;
        right:5px;
    }
    
    .reset-form{
        width:100%; 
    }
    
    .faq-question{
        height:68px;
        padding-bottom:22px;
    }
    
    .faq-question h3{
       font-size:14px;   
    }
    
    .faq-answer{
        width:100%;
    }
    
    .sub-pages-faqs .faq-question h3{
        font-size:14px;
    }
    
    .banner-form-locations input[type='email'], 
      .banner-form-locations input[type='text']{
          width:90%;
    }
      
    #extra-info{
        width:auto; 
        flex-direction:column; 
        left:65%;
    }
    
    #extra-info i{
        font-size:22px;
        margin-left:10px;
    }
    
    .form-search-areas select {
        width:auto;
        margin:0 auto;
    }
    
    .form-create-add, .content-area-ads{
        display:block;
    }
    
    .days-left-notification, #active-badge {
        padding-right:15px;
        padding-left:5px;
        width:190px;
        left:160px;
        bottom:5px;
        font-size:12px;
    }
    
    .ad-details-holder{
        margin:5px !important;
    }
    
    .ad-info{
        margin:0 auto !important;
        margin-bottom:50px !important;
    }
    
    .vehicle_taital{
        float:none;
        font-size:25px;
        text-align:left;
    }
    
    .butler-services-offered{
        flex-direction:column;
        margin:0 auto;
        width:45%;
    }
    
    .read_bt{
        width:100% !important;
    }
    
    .form-update-ad .btn-success {
        margin-bottom:100px;
    }
    
    .btn-delete-ad{
        top:20px;
    }
    
    .placeholder-img-ad{
        left:0px;
        top:-38px;
    }
    
    .placeholder-img-ad img{
        height:50px;
        width:50px;
    }
    
     .form-deactivate{
        width:100%;
    }
    
    .price-table-container{
        display:flex;
        flex-direction:column;
    }
    
     .card-price-table{
        height:650px;
        width:85%;
        padding-top:20px;
        padding-bottom:20px;
        margin:10px;
        border-color:darkgray;
        border-radius:0px;
        box-shadow:2px 6px 4px 2px lightgrey;
        margin-bottom:100px; 
     }

     .card-price-table-middle{
        width:94%; 
        box-shadow:2px 1px 3px 1px #BDB5D5;
        height:900px;
    }
    
      .form-member-profile{
          width:100%;
          padding:20px;
          padding-top:50px;
          margin:0 auto;
          border-radius:10px;
          box-shadow:1px 1px 9px 1px lightgrey; 
      }
    
        #confirmed-member-mesg{
           width:auto; 
        }
    
       #payment-holder{
          width:100%;
       }
    

      #payment-holder form{
          width:92%;  
      }
    
      .btn-visit-pg{
        width:auto; 
    }
    
    .btn-send-msg{
        width:100%;
        font-size:14px;
    }
    
    .notify-badge{
        right:10px;
    }
    
    .notify-badge-two{
        right:20px;
    }
    
    
    /* team page 10/02/2024 */
    .card-inner table{
        width:80% !important;
    }

    
    .card-inner table tr td span{
       width:auto;
    }
    
    .card-inner table tr td i{
        font-size:15px !important;
    }
    
    .mobile-stack-column{
        margin-top:5px;
        display:flex;
        flex-direction:column;
    }
    
    .team-members-area{
        bottom:60px;
    }
    
    .remove-member-holder{
        width:100%;
    }
    
    #second-team-table{
        width:100% !important;
    }
    
    
     .card-inner table .row-table-mobile-only td{
        width:90px !important;
    }
    
    #teamLeaderHolder{
        width:200px;
    }
    
    .card-inner-btns-holder{
        width:100%;
        flex-direction:column;
        height:250px;
    }
    
    .btn-wrapper .butler-team-btn{
        top:0px;
    }
    
    #team-table-mobile-inner{
        width:90%;
    }
    
    #card-team-details-wrapper .team-detail span{
        width:100px;
    }
    
    #card-team-details-wrapper{
        margin-bottom:40px;
    }
    
    .imageName-member p{
        position:relative;
        bottom:20px;
    }
    
    .card-team-request-butler{
        margin-bottom: 30px;
        border-bottom: 1px solid lightgrey;
    }
    
    #sideBtnsHolder{
        position:relative;
        left:0%; 
        bottom:30px;
    }
    
    #sideBtnsHolder .btn-primary, #sideBtnsHolder, .btn-danger{
        padding:4px;
    }
    
    .btn-danger{
        padding:10px;
    }
    
    .vehicle_taital{
        text-align:center;
    }
    
    #team-search-hold{
        margin-bottom:-50px;
    }
    
    #teamLocation{
        margin-top:50px;
    }
    
    #appendTeamLocation{
        position:relative;
        bottom:80px;
    }
    
    .card-team{
        width:100%;
    }
    
    .team-notify-badge{
        right:10px;
    }
    
    .btns-find-butler-page-left{
        display:none;
    }
    
    .btns-find-butler-page-right{
        display:block;
        position:absolute;
        bottom:-90px;
    }
    
    .desktop-h1{
        display:none; 
    }
    
    .mobile-h1{
        display:block;
        position:relative;
        top:90px;
    }
    
    .form-search-areas{
        margin-top:-40px;
    }
    
    .card-butler-searches .link-gen{
        left:40%;
    }

    .team-gallery-add-text{
        height:50px;
        width:100%;
        align-content:center;
        align-items:center;
        margin-top:50px;
        margin-bottom:20px;
    }

    #img-placeholder-txt{
        width:100%;
    }
    
    /* 11/02/2024 */
    
    .inner-update-wrap{
        border-color:grey;
    }
    
    #choicePanel .btn{
        padding:5px;
    }
    
    .uploadLabelHold{
        width:100%;
        display:flex;
        flex-direction:column;
        position:relative;
        bottom:35px;
    }
    
    .lable-choose-file{
        padding:6px;
        width:150px;
        font-size:12px;
        margin-bottom:30px;
    }

    #uploadImgBtn, #add-team-img-btn, 
          #btn-trash-image, #btn-trash-images{
        padding:5px;
        height:auto;
        width:150px;
    }
    
    #uploadImgBtn,  #add-team-img-btn{
        margin-left:auto;
    }
    
     #btn-trash-image, #btn-trash-images{
        width:100px;
    }
    
    #btnImagesRemv{
        width:;
    }
    
    #capturePanelBtns, #capturePanelBtns2{
        width:100%;
    }
    
    .alert-uploaded, 
           .alert-not-uploaded, .alert-uploaded-team{
        bottom:0px;
    }
    
    #pipAppendWrapper{
        width:100%;
    }
    
    .img-small-pip{
        height:100px;
        width:80px;
    }
    
      /* for start-team.php only */
    .col-start-team{
        margin-top:-70px !important;
    }
    
    .btns-find-butler-page-right{
        margin-bottom:30px;
    }
    
     .form-ud-team{
         width:100%; 
    }
    
    .form-ud-team{
        width:100%;
        padding-top:40px;
        border:none;
    }
    
    #formGallery-btm-section{
        margin-left:-20px;
        margin-right:-20px;
        padding-left:12px;
        padding-right:12px;
    }
    
    #cam-cap-cancel{
        height:35px;
        display:flex;
        justify-content:center;
    }
    
    #panelFromDev{
        width:100%; 
    }
    
     .mbl-spc-50px{
        height:50px;
    }
    
     .btns-find-butler-page-right a{
        position:relative;
        z-index:9999 !important;
    }

    .mobile-spacer{
        position:relative;
        z-index:-99999;
    }
    
     .text-22px-center{
        width:90%;
    }
    
    
     .form-waiting-list{
        width:350px;
        padding:20px;
    }
    
    .best-for{
        position:relative;
        bottom:20px;
    }
    
    .best-for-left{
        top:0px;
    }
    
    .best-for-right{
       bottom:60px;
    }
    
    .table-features, .table-versus, .table-personality {
        width:100%;
        margin-top:20px;
    }
    
    .tbl-item{
        padding:10px;
        font-size:15px;
        height:120px;
    }
    
    .para-landing-page{
        margin-bottom:50px;
    }
    
    .table-versus-left .tbl-item{
        font-size:14px;
    }
    
    .table-versus-right .tbl-item{
        font-size:12px;
    }
    
    
    #active-badge .fa-certificate{
        left:-87px;
    }
    
    .dropdown{
      position:relative;
      top:20px;
    }
    
    .dropdown-content{
        position:relative;
        bottom:20px;
        left:25px;
    }
    
    .dropbtn{
        right:17px;
        font-size:19px;
        padding-top:3px;
        padding-bottom:3px;
    }
    
    .product-tile{
        width:100%;
    }
    
     #interestedForm{
          width:100%;
          padding:20px 35px 20px 35px;
      }
    
    #emailGiven{
        width:100% !important;
    }
    
    .p-larger{
        font-size:19px  !important;
        line-height:37px;
     }

    
     .p-list-style{
         font-size:18px !important;
         width:300px;
     }
    
    .lp-list-icon{
        padding-top:10px;
    }
    
    .profile-eg{
        width:100%;
    }
    
    .img-holder-rounded img{
        height:50px;
        width:50px;
    }
    
    .landing-page-top-p-holder p{
        width:350px;
        font-size:22px;
    }

    .landing-page-top-p-holder small{
        width:70px;
    }

    .landing-page-top-p-holder i{
        font-size:37px;
    }
    
     .media-logos{
         flex-direction:column;
         justify-content:center;
         align-content:center;
         align-items:center;
     }

    .media-logos img{
        height:60px;
        width:180px;
        margin:20px;
    }
    
     .lg-quotes{
        font-size:25px;
        font-weight:bold;
    }
    
    .card-profile-stats-hp{
        width:auto;
    }
    
    .card-profile-stats-hp h3{
        font-size:17px;
        margin:10px;
    }
    
    .card-profile-stats-hp .location-list-num{
        width:100%;
    }
    
    .mobile-h-spacer{
        height:50px;
    }
    
    
    /*landing pages on Nov. 5th 2024 */
        .circle{           
             margin-left:30px; 
         }

          .circle-container-lines{
              left:10px;
              width:73%;
         }

          #second-line{
            width:24%;
            margin-right:22px;
          }

        .circle-container-text-top div,
            .circle-container-text-bottom div{
          width:100px;
          margin-left:10px; 
          font-size:15px;
          font-weight:bold;
      }

         .card-profile-ask{
            padding:50px;
            width:100%;
        }

          .outer-wrapper{
              background-image: url(images/main-images/screenshot-website-nav-mobile.png);
              background-size:contain;
          }

          .icon-pass-ticket{
              margin-top:20px;
              height:7em;
          }


          .ticket-ad-features div {
             margin-top:5px;
             margin-left:5px;
         }

          .ad-features-list {
            font-size:12px; 
            bottom:0px;
         }

          .card-ads-lp{
            width:90%;
            height:450px;
        }

          .card-ads-lp-copy{
              font-size:16px;
          }

          .ad-features-list i{
              margin-right:5px;
          }

          .ticket-ad-features{
              width:auto !important;
          }

          .profile-eg-2{
              height:auto;
          }
    
    /* for the application landing page */
         .form-application{
              width:100%; 
              padding-top:35px;
              padding-left:30px;
              padding-right:30px;
          }

          .input-align-label{
              display:flex;
              flex-direction:row;
          }

          .input-align-label #any{
             top:15px;
         }
    
        #tile-choose-uniform{
            top:180px;
        }
    
        .form-msg .btn-danger{
            margin:0 auto;
            position:relative;
            top:68px;
            right:2px;
        }
    
        .form-msg{
            width:90%;
            position:relative;
            right:5px;
        }
    
    
        #message-content{
            height:100px !important;
        }
    
        #img-butler-mesg{
            top:-80px !important;
        }
    
        .links-top-section{
            width:auto; 
        }
    
        .links-tp-call a{
            padding:6px;
            margin:3px;
        }
    
    
.update-info-notice{
    width:300px;
    padding:10px;
}

.update-info-notice h3{
   text-align:left !important;
    color:grey;
}

.update-info-notice .sub-head-bold{
    font-weight:bold;
    font-size:17px;
    margin:0 auto;
    text-align:center;
}

.update-info-notice p{
    font-size:15px;
}


.update-info-notice .notice-date{
    text-align:right;
    font-size:14px;
    color:grey;
}
    
  
    /* ########################### */
    /* ##### END  max 600px ###### */
    /* ########################### */
    
    
    
 
} /* END MEDIA QUERY FOR max-width 600px */


@media (min-width 490px) and (max-width: 690px){
    
    .days-left-notification, #active-badge {
        float:none !important;
    }
    
  
     .card-price-table{
        height:650px;
        width:55%;
        padding-top:20px;
        padding-bottom:20px;
        margin:10px;
        border-color:darkgray;
        border-radius:0px;
        box-shadow:2px 6px 4px 2px lightgrey;
        margin-bottom:100px; 
     }

     .card-price-table-middle{
        width:64%; 
        box-shadow:2px 1px 3px 1px #BDB5D5;
        height:700px;
    }
    
    .price-table-container{
        display:flex;
        flex-direction:column;
    }
    
    
    
}


/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    
    
 .faq-question{
    width:55%;
}

.faq-answer{
    width:55%;
}

.faq-question h3{
    color:white;
    margin-bottom:30px !important;
}
    
.days-left-notification, #active-badge{
    float:none;
    left:0%;
}
    
.team-added-img, .added-img{
    margin:0 auto;
    margin-bottom:20px;
}   
 
    
.form-ud-team{
    width:450px;
    padding-left:50px;
    padding-right:50px;
    padding-top:40px;
    border:solid lightgrey 1px;
    border-radius:10px;
    box-shadow:1px 2px 9px 1px lightgrey;
    margin:0 auto;
}
    

    
    

} /* END MEDIA QUERY */



@media (min-width: 600px) and (max-width: 800px){
    
    .form-member-profile{
        width:80%;
        padding-left:45px;
        padding-right:45px;
     }
    
     #payment-holder{
          width:95%;
      }
    

      #payment-holder form{
        width:95%;  
    }
    
    .product-tile{
        width:46%;
    }
    
}


/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px){
    
    .md-dev{
        min-height:400px;
    }
    
    
}  /* END MEDIA QUERY */


@media (min-width: 700px) and (max-width: 890px){
    
    
    .card-price-table{
        height:650px;
        width:45%;
        padding-top:20px;
        padding-bottom:20px;
        margin:10px;
        border-color:darkgray;
        border-radius:0px;
        box-shadow:2px 6px 4px 2px lightgrey;
        margin-bottom:100px; 
     }

     .card-price-table-middle{
        width:54%; 
        box-shadow:2px 1px 3px 1px #BDB5D5;
        height:700px;
    }
    
    #location-wrapper{
        width:100%;
    }

    
}  /* END MEDIA QUERY */


 
/* for ipads  */
@media (min-width: 600px) and (max-width: 991px) { 

    .deactivate-inner-panel div, .deactivate-inner-panel a{
        width:70%;
    }
    
    #panel-chng-name, #panel-chng-bio, #panel-chng-img {
        margin-left:10px;
        margin-right:10px;
        padding:20px;
    }
    
    .form-deactivate{
        width:100%;
    }
    
    .myads-h1{
        float:left !important;
        font-size:25px;
        text-align:left;
    }
    
    .top-left-links-block{
        left:10px;
        bottom:50px;
        position:relative;
        margin-top:-20px;
        margin-bottom:-90px;
        width:320px;
    }
    
    .top-left-links-block a{
        padding:4px;
        margin:0px;
        margin-bottom:10px;
        width:220px;
    }
    
    .link-logout-ads{
        float:right;
        position:relative;
        top:30px;
        right:30px;
    }
    
    .contact_main{
        width:75%;;
    }
    
    .form-ad-login input[type='email'], 
         .form-ad-login input[type='password']{
        width:70%;
    }

    .mb-buttons-ads a{
        margin:4px;
    }
    
    #med-wrapper-ipd{
        display:table;
        width:88%;
        margin:0 auto;
    }
    
    #img-gallery-btn{
        left:23%;   
    }
    
    .reset-form{
        width:80%;    
    }
    
    .footer_section .col-lg-3 a{
        margin:0 auto;
        display:table;
    }
    
      .vehicle_taital{
        float:none;
    }
    
    .faq-question{
        width:65%;
    }
    
    .med-spacer-ipad{
        display:block;
        height:10px;
    }
    
    .btns-find-butler-page-left{
        display:none;
    }

}



/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    
    
    .footer_section .col-lg-3{
        text-align:center;
    }
    
    .ad-location{
        max-width:200px;
    }
    
    .mb-buttons-ads{
        padding-top:5px;
    }
    
    .med-spacer-ipad{
        display:none;
    }
    
    .days-left-notification, #active-badge{
        left:75%;
    }
    
    .card-ad-profile{
        width:65%;
        margin:0 auto;
        margin-bottom:10px;
    }
    
    .mb-buttons-ads a{
        margin-bottom:10px;
    }
    
    #form-team{
        margin:0 auto;
        width:450px;
        padding-left:55px;
        padding-right:55px;
    }
     
    .btns-find-butler-page-right{
        display:none;
    }
    
    .mobile-h1{
        display:none;
    }
    
    #mobile-footer{
        display:none;
    }
    

}  /* END MEDIA QUERY */


@media only screen and (max-width: 992px){
    
    #desktop-footer{
        display:none;
    }
    
     #mobile-footer{
        display:block;
        margin-top:-50px;
    }
    
    .footer-heading{
        font-size:20px;
        width:260px;
        margin-top:30px;
    }
    
    .member-login-info{
        margin-bottom:50px;
        margin-top:20px;
    }
    
     .fa-search-plus{
           font-size:80px;
       }


    .small-text-astrix{
           bottom:40px;
      }
    
    .banner-info-links{
        display:flex;
        flex-direction:column;
        overflow-wrap: break-word;
    }
    
    .banner-info-links a{
        overflow-wrap: break-word;
    }
    
    #formSubmitAskRequest{
        padding:10px !important;
        padding-left:10px !important;
        padding-right:10px !important;
        padding-bottom:30px !important;
        font-size:14px;
    }
    
    
    #formSubmitAskRequest input[type='email']{
        width:90% !important;
    }
    
       #ask-head-bar{
          bottom:50px;
          width:100%;
          margin-bottom:-100px;
          padding-left:0px;
      }

       .name-ask{
           top:5px;
           left:5px;
      }
    
     .main-form{
         padding-left:5%;
     }
    
    .bottom-form-standout{
        width:320px;
        padding-left:2px;
        padding-right:2px;
    }
    
    
    .bottom-form-standout input[type='password'], 
        .bottom-form-standout input[type='email']{
            width: 90%;
    }
    
    
    #form-container-outer{
        width:100%;
    }
    
    .rc-userbtns-holder{
        width:100%;
    }
    
    .rc-userbtns-holder div{
        width:160px;
        margin:5px;
        padding:5px;
        font-size:15px;
    }
    
    .form-rc{
        width:100%;
    }
    
    .card-req-card{
        height:230px  !important;
    }
    
    .rc-qc-code img {
        left:250px !important;
        top:55px;
    }
 
    
    
}


@media (min-width: 913px) and (max-width: 1121px){ 

      .price-tbl-txt {
        position:relative; 
        margin-left:0%; 
        margin:0 auto;
        left:0px;
        height:700px;
    }
    
    .cell-team-members .remove-member-holder{
        top:55px;
    }

}


/* for some tablets ipads as well as the above media queiries was originally to 1199px upper limit */
@media (min-width: 913px) and (max-width: 1299px){ 

    .cell-team-members .remove-member-holder{
        top:60px;
    }
    
    .btn-wrapper .butler-team-btn {
        top:30px;
    }
    
    #sideBtnsHolder{
        position:relative;
        bottom:70px;
        left:-1%;
    }
    
    #tablet-height-spacer{
        display:block;
    }

}


@media (min-width: 999px) and (max-width: 1199px){
    
    .team-added-img{
        width:400px;
    }
    
    .img-team{
        height:380px;
        width:325px;
        margin:0 auto !important;
        display:table;
        margin-top:35px !important;
    }
    
    
}


@media (min-width: 990px) and (max-width: 1120px){
    
    
    .card-price-table{
        height:650px;
        width:45%;
        padding-top:20px;
        padding-bottom:20px;
        margin:10px;
        border-color:darkgray;
        border-radius:0px;
        box-shadow:2px 6px 4px 2px lightgrey;
        margin-bottom:100px; 
     }

     .card-price-table-middle{
        width:52%; 
        box-shadow:2px 1px 3px 1px #BDB5D5;
        height:700px;
    }
    
    .price-table-container{
        display:flex;
        flex-direction:row !important;
    }
    
}


@media only screen and (max-width: 1199px) {
    
    .menu_main_desktop, #super-nav{
        display:none;
    }
    
    
    #nav-dd-menu {
        width:220px;
        left:50px;
        top:0px;
    }
    
    #nav-dd-menu ul li{
        font-size:15px;
    }
    
    .link-icon{
        bottom:0px;
    }
    

}




/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    
    #nav-member-logged{
        display:none;
    }
    
     .navbar-toggler, #navbarToggleExternalContent{
        display:none; 
    }
    
    .menu_main_desktop li a{
        font-size:18px !important;
    }
    
    .nav-member-icons i{
        margin-right:45px;
    }
    
    .img-homepage-hero{
        height:320px;
    }
    
    .location-info{
        margin-bottom:10px;
        width:350px;
    }

    #CurrentBio, #appendNewBio{
        width:70%;
        margin:0 auto;
        margin-bottom:20px;
        font-size:19px;
    }
    
    .lg-quotes{
        font-size:25px;
        font-weight:bold;
    }
    
    /* General form for deskptop */
    #reset-pass-form{
        width:55%;
        display:table;
        margin:0 auto;
    }
    
    .butler-services-offered{
        display:flex; 
        flex-direction:row;
        width:50%;
        flex-wrap:wrap;
        margin-bottom:50px;
        margin-top:-40px;
    }
    
    .form-business-card{
        width:450px;
        padding:45px;
        border:solid lightgrey 1px;
        border-radius:20px;
        box-shadow:1px 4px 10px 1px grey; 
        background-color:dodgerblue;
        color:white; 
    }
    
      /* req card */
      .card-req-card{
          height:240px;
          display:block;
       }
    
    
      .card-req-card .rc-qc-code img{
          top:-30px;
      }
    
    
     .title-req-rc{
         top:unset;
         left:unset;
         margin-left:150px;
         margin-top:-0px;
     }
    
    .img-desktop-small{
        height:190px;
        width:550px;
    }

  
    
} /* END MEDIA QUERY */


@media only screen and (max-width: 320px) { 


     .butler-services-offered{
        width:80%;
     }
    
    
     .days-left-notification, #active-badge {
        width:130px !important; 
        left:120px; 
        bottom:15px; 
    }
    
    
    .banner-mid-section select {
        width:100%;
        margin: 0 auto;
        margin-bottom: 30px;
    }
    
    .banner-form-locations,
    .banner-form-friend{
        width:100% !important;
    }
    
    .sub-pages ul, .sub-pages ol{
        width:100%;
    }
    
    .banner-mid-section{
        margin-top:0px;
        margin-bottom:0px;
    
    }
    
    .sub-pages-faqs .faq-question{
        max-width:100% !important;
    }
    
    .member-panel .card-ad-profile{
        padding:0px;
        width:210px;
        border:none;
    }
    
    .member-panel .card-ad-profile p{
        font-size:12px;
        margin:4px;
    }
    
    .link-cancel-changes{
        bottom:20px;
        right:50px;
    }
    
    .link-cancel-changes-back{
        bottom:80px;
    }
    
    .deactivate-inner-panel div, .deactivate-inner-panel a{
        padding:3px !important;
        font-size:14px;
        width:100%;
    }

    .form-deactivate a, .form-deactivate input[type='submit']{
        font-size:12px;
    }
    
    #bio-wrapper{
        width:100%;    
    }
    
    #gallery-panel a{
        width:160px;
    }
    
    .profile-butler{
        font-size:16px !important;
        width:135px;
    }
    
    .display_name{
        margin-left:10px;
    }
    
    #profile-img-name img{
        height:60px;
        width:60px;
    }
    
    .ad-my-services{
        display:flex;
        flex-direction:column;
    }
    
    .ad-my-services label{
        width:50%;
    }
    
    .image-picker-holder #image-btn{
        width:160px;
        margin:0;
    }
    
    .radio-holder .radio-label{
        width:180px;
        font-size:13px;
    }
    
    .form-create-add textarea{
        width:190px;
    }
    
    .bottom-form-standout{
        width:245px;
        position:relative;
        right:28px;
    }
    
    .form-create-add #email, .form-create-add #pwd{
        width:100%;
    }
    
    #model-link{
        width:280px;
    }
    
    .form-group-ca label{
        width:190px;
    }
    
    .btn-createAd{
        margin:0;
        position:relative;
        top:20px;
        left:25px;
    }
    
    .label-price-session{
        width:180px;
    }
    
    .form-create-add  hr{
        width:65%;
        margin:0;
    }
    
    .ad-details-holder{
        margin-top:30px !important;
    }
    
    #extra-info .inner-info{
        width:70px;
    }
    
    .ad-info{
        padding:10px;
    }
    
    .ad-footer-dk .btn-link-ad{
        font-size:14px;
        padding:5px;
    }
    
    
    #img-placholder{
        height:200px;
        padding-top:70px;
        padding-left:30px;
    }
    
    #img-placeholder-txt {
        justify-content:flex-start;
        align-items:baseline;
    }
    
    #img-gallery-btn{
        left:8%;
    }
    
    #video_player, #post_canvas{
        width:220px;
        margin:0;
    }
    
    #pg-button-wrap, #capturePanelBtns, 
          #capturePanelBtns2{
        width:auto;
    }
    
    .member-login-info{
        width:250px;
        text-align:center;
        margin:0 auto;
    }
    
    .form-member .email_bt, .form-member .email_bt_1{
        width:100% !important;
    }
    
    .price-tbl-txt {
        width:320px;
        margin-left:0%;
    }
    
    .price-tbl-txt ul li, .price-tbl-txt p{
        width:auto;
        font-size:15px !important;
    }
 
    
}

/* for the buttons on find-buff-butler.php */ 

@media (min-width: 767px) and (max-width: 991px){ 

    .btns-find-butler-page-right{
       position:relative !important;
       bottom:120px;
       right:50px;
    }
    
    .desktop-h1{
        display:none;
    }
    
    #verticle-spacer-mid{
        height:100px;
    }
    
}


/* for ipad PRO  */

@media (min-width: 850px) and (max-width: 1150px){ 

     #spacer-btm-500px{
        height:580px;
    }
    
    #small-spcer-btn{
        height:300px;
    }

    #spacer-btm-100px{
        height:100px;
    }
    
    #verticle-spacer-mid-btm{
        height:500px;
    }
    
    #verticle-spacer-250px-btm{
        height:350px;
   }
    
    #verticle-spacer-470px-btm{
        height:400px;
   }
    
    #spacer-btm-150px{
        height:150px;
    }
    
    #verticle-spacer-650px-btm{
        height:650px;
    }
    
    
    
}








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

    
      .btns-find-butler-page-left{
         position:absolute;
         top:-200px;
         left:-25%;
    }
    
}


/* for the nav (desktop version) */ 

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

    .menu_main_desktop li a {
        font-size: 16px !important;
    }
    
    
    .nav-member-icons{
        bottom:25px;
    }
    
}




@media (min-width: 1050px) and (max-width: 1250px){ 


    .links-left-section{
        left:5%;
    }
    
    .links-left-section a{
        padding:5px;
        width:120px;
    }

    
}


@media (min-width: 1200px) and (max-width: 1650px){ 


    .link-icon{
        right:100px;
    }
    
  
    
}


@media only screen and (max-width: 1049px){
    

    .links-left-section{
        display:none;
    }
    
    .links-top-section{
        display:block
    }
    
    .ltp-myGallery{
        margin:0 auto;
        width:100%;
        display:flex;
        justify-content:center;
    }
    
    .ltp-myGallery a{
        width:auto; 
    }
    
    .ltp-myGallery .float-left{
        position:relative;
        right:100px;
    }
    
    .img-banner-med{
        height:auto;
    }
    
    .img-hero-sm{
        height:auto;
    }
    
    .list-sitemap{
        width:90%;
    }
   
}



@media (min-width: 600px) and (max-width: 1200px){ 


    .p-gallery-holder{
        width:250px;
        margin-bottom:0px;
    }
    
    .gallery-images{
        height:310px !important;
        width:210px !important;
        margin:10px;
    }
    
    
    .dropdown-content{
        position:relative;
    }
    
    .dropbtn{
        bottom:0px;
    }
    
}



@media (min-width: 575px) and (max-width: 1520px){ 

    
    .time-btm{
        display:none !important;
    }

    
}


@media only screen and (max-width: 420px){
   
    
    .location-list-num{
        width:100%;
    }
    
}



/*  Both media breaks for the landing pages 5th Nov 2024  */
          
  @media only screen and (max-width: 408px){

      #second-line{
          width:78% !important;
      }
      
      /* some elements added for other pages 08/04/25 */
      
      #btn-main-create, #btn-main-find, .hp-cta{
          padding:6px;
          margin:6px;
      }
      
    
      

  }


  @media only screen and (max-width: 290px){

      .card-profile-ask {
        padding:20px;
        width:100%;
    }

  }



    @media only screen and (max-width: 900px){ 
          
      .options-pb-holder{
          display:flex;
          flex-direction:column;
      }

      .options-pb-holder .profile-eg-2{
          width:auto !important;
      } 
        
        
      #examplesHolder{
          display:none;
          margin-bottom:100px;
          width:100%;
          margin:0 auto; 
          margin-bottom:55px;
      }
        
        .card-business{
            width:97%;
            height:150px;
        }
        
        #pgImgholder img{
            height:40px;
            width:40px;
        }
        
        #pbInfo{
            font-size:12px;
            position:relative;
            right:20px;
            font-size:11px;
        }
        
        #pbSignature{
            font-size:27px;
            position:relative;
      
        }
        
        .bc-top-section, .bc-btm-section{
            height:100px;
            padding:12px;
        }
        
        .bc-btm-section{
            height:70px;
        }
        
        .qr-code-holder small{
            right:0px;
            font-size:8px;
            display:none;
        }

        .qr-code-holder img{
            height:45px;
            width:45px;
            position:relative;
            left:8px;
        }
        
        .cut-out-placeholder {
            margin-top:-20px; 
            margin-bottom:10px; 
        }
        
        .form-business-card{
            width:100%;
        }  
        
        .img-blurred{
           filter: blur(1px);
        }
        
        .email-cards-wrapper{
            display:flex;
            flex-direction:column;
        }
        
        .circle-outer-lp1{
            padding-left:20px;
            padding-right:20px;
        }
        
        .dktop-br{
            display:none;    
        }
        
        .head-tag-grey-text{
            width:300px;
        }
        
        #banner-mid-section-with-drop{
            min-height:420px;
        }
        
         .price-tbl-txt-middle{
             right:-15px;
             margin-top:160px;
        }
        
        .best-for-middle{
            width:120%;
            margin-bottom:40px;
            position:relative;
            top:30px;
        }
        
        .table-features-lppc .tbl-item{
            font-size:13px;
        }
        
        .mesg-time-stmp{
            width:100px !important;
        }

    
 }