/*css for contractor listing */
.container-fluid
{
    max-width:1200px;
    padding-left: 0px;
}
.form-control:focus {box-shadow: none !important}
.qcmrofsipro
{
    width:auto;
}
.lqcb
{
    left: 0em;
}
.qcb4allpro
{
    /* left: 1.6em; */
}
.listing-main-dashboard {
    position: relative;
    right: 60px;
    margin-bottom: 50em;
    min-height: 100%;
}
.single
{
    margin-bottom: 94em;
}
.refinesearch-show {
    background: #00A74A 0% 0% no-repeat padding-box;
    color: #FFFFFF;
    height: 45px;
    width: 55%;
    position: relative;
    top: 2em;
    display:none;
}
.refinesearch-hide {
    background: #00A74A 0% 0% no-repeat padding-box;
    color: #FFFFFF;
    height: 45px;
    width: 55%;
    position: relative;
    top: 2em;
    display:none;
}
.listing-sidbar-main-coloum ul
{
    list-style: none;
}
.contractor-listing-sidebar-nav {
    height:100%;
    width: 100%;
    background: transparent linear-gradient(180deg, #E8EFF9 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
    position: relative;
    bottom: 20px;
    right: 4em;
    display: inline-block;
}
.listing-common-h4
{
    font: 900 24px/60px museo sans;
    letter-spacing: -0.6px;
    color: #000F2F;
    margin-bottom: -0.5em;
}
.refine-headng-block
{
    position:relative;
    left: 0.5em;
}
.listing-sidbar-main-coloum
 {
    position: relative;
    top: 1.5em;
    left: 0.5em;
}
.refine-block {
    position: relative;
    right: 1em;
}
.refine-block .checkmark {
    position: absolute;
    top: 0.4em;
    left: 0.5em;
    height: 20px;
    width: 20px;
    border: #7C859F solid 2px;
    border-radius: 6px;
    background: none;
    border-radius: 0px;
    opacity: 0.2;
}
.refine-block .check .checkmark:after 
{
    left: 0.2em;
    bottom: 0em;
    width: 10px;
    height: 16px;
    border: solid #000F2F;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(40deg);
}
.insurance-gender-employes
{
    position: relative;
    top: 1em;
    right: 0.5em;
}
.listing-common-input
 {
    position: relative;
    left: 3em;
    width: 135px;
    height: 36px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D3D3D3;
    border-radius: 8px;
    opacity: 1;
}
.listing-common-label
 {
    font: 500 16px/60px museo sans;
    letter-spacing: -0.4px;
    color: #000F2F;
    position: relative;
    bottom: 1em;
}
.listing-common-second-h4
 {
    position: relative;
    left: 1em;
    font: 900 24px/60px museo sans;
    letter-spacing: -0.6px;
    color: #000F2F;
    margin-bottom: -0.5em;
}
.start-rating
{
    position: relative;
    right: 1em;
    white-space: nowrap;
}
.rating-block .rating-countBLock
 {
    left: 0.5em;
}
.fa-star,
.fa-star-half-alt,
.fa-star-o
{
    color: #00A74A;
}
.star-rating-block
 {
    position: relative;
    top: 1em;
}
.main-rating-block {
    position: relative;
    left: 1.6em;
    top: 0.5em;
}
.rating-block input[type="radio"] {
    display: none;
  }
  
  .rating-block input[type="radio"] + label:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 3px;
    margin-right: 3px;
    background-clip: content-box;
    border: 1px solid #7C859F;
    border-radius: 50%;
  }
  .rating-block input[type="radio"]:checked + label:before {
    background-color: #00A74A;
  }
  .rating-comment
   {
    white-space: nowrap;
    font: 700 16px museo sans;
    letter-spacing: -0.4px;
    color: #000F2F;
    position: relative;
    right: 2.3em;
    top: 0.2em;
}
.rating-comment-span
 {
    opacity: 0.3;
    font-weight: 100;
    position: relative;
    left: 0.2em;
}
.payment-checkbox-block
 {
    position: relative;
    left: 1.5em;
    top: 0.5em;
}
.listing-heading {
    font: 900 36px/60px museo sans;
    letter-spacing: -0.9px;
    color: #000F2F;
}  
.listing-span {
    font: 500 36px/60px museo sans;
    letter-spacing: -0.9px;
    color: #000F2F;
    opacity: 1;
}
.common-listing-border-bottom {
    position: absolute;
    border-bottom: #f5f8fd solid 2px;
    left: 5.3em;
    width: 79%;
}
.common-nolisting
{
    width: 100%;
    border-bottom: #f5f8fd solid 2px;
    position: relative;
    left: 3em;
}
.common-no-listing-border-bottom 
{
    position: absolute;
    border-bottom: #f5f8fd solid 2px;
    left: 0.3em;
    width: 108%;
    bottom: 4em;

}
.contractor-listing-profile-main
{
    position: relative;
    top: 9em;
    left: 5em;
    height: 50vw;
}
.listing-profile-block-premier 
{
    border: 2px solid #00A74A;
}
.listing-profile-block-plus 
{
    border: 2px solid #D3D3D3;

}
.listing-platinum-profile-block {
    height: auto;
    width: 50em;
    border-radius: 8px;
    opacity: 1;
    margin-bottom: 3em;
    padding-bottom: 5em;
}
.contractor-proifile-listing-icon
{
    width: 130px;
    height: 130px;
    position: relative;
    top: 2em;
    border-radius: 80px;
}
.listing-plus-profile-block
{
    height: 16em;
    width: 50em;
    border: 1px solid #D3D3D3;
    border-radius: 8px;
    opacity: 1;
    margin-bottom: 3em;
}
.profile-checklist
 {
    position: relative;
    top: 4em;
}
.profile-checklist ul
{
    list-style:none;
}
.profile-checklist ul li {
    font: 500 13px/20px museo sans;
    letter-spacing: -0.33px;
    color: #000F2F;
    opacity: 1;
    white-space: nowrap;
}
.profile-checklist ul li .fa-check-square
{
    color: #00A74A;
    position: relative;
    right: 0.5em
}
.listing-heading-wrap h4
 {
    font: 900 24px/8px museo sans;
    letter-spacing: -0.6px;
    color: #000F2F;
    opacity: 1;
}

.listing-heading-wrap {
    position: relative;
    top: 0.8em;
}
.listing-heading-wrap span
 {
    font: 500 13px/18px museo sans;
    letter-spacing: -0.33px;
    color: #7C859F;
    opacity: 1;
}

.listing-heading-left
 {
    position: relative;
    left: 2em;
    top: 0.7em;
}

.listing-heading-right
 {
    position: relative;
    left: 10.5em;
    top: 1.3em;
}
.listing-heading-wrap::after
{
    border-bottom: solid 1px;
}

.common-border-listing-wrap 
{
    opacity: 0.4;
    position: relative;
    top: 2em;
    left: 3.3em;
    width: 91%;
    border: 0.01em solid #09184129;
}

.listed-services-block
{
    position: relative;
    top: 2.5em;
    /* height: 8em; */
}
.listed-services-block ul 
{
    list-style:none;
}
.listed-services-block .fa-check
{
    letter-spacing: 0px;
    color: #00A74A;
    opacity: 1;
    font-weight: 500;
    position: relative;
    right: 0.3em;
}
.listed-services-block ul li
{
    white-space: nowrap;
    font: 500 16px/25px museo sans;
    letter-spacing: -0.4px;
    color: #000F2F;
    opacity: 1;
}
.listed-services-action
 {
    position: relative;
    top: 3.3em;
    left: 2.5em;
    display: inline-flex;
}
.listed-services-action-block .view-profile {
    width: 100px;
    height: 33px;
    background: #00A74A 0% 0% no-repeat padding-box;
    box-shadow: 5px 5px 10px #00238329;
    border-radius: 8px;
    opacity: 1;
    font: 700 13px/15px museo sans;
    letter-spacing: 0px;
    color: #FFFFFF;
    padding: 7px;
}
.listed-services-action-block .view-email

 {
    width: 100px;
    height: 33px;
    border: 1px solid #D3D3D3;
    border-radius: 8px;
    opacity: 1;
    background: #ffff;
    text-align:center;
    position: relative;
    left: 0.5em;
    font: 500 16px/20px museo sans;
    letter-spacing: -0.4px;
    color: #000F2F;
    opacity: 1;
}
.listed-services-action-block .view-mobile
{
    width: 150px;
    height: 33px;
    border: 1px solid #D3D3D3;
    border-radius: 8px;
    opacity: 1;
    background: #ffff;
    text-align: center;
    position: relative;
    left: 1em;
    font: 500 16px/20px museo sans;
    letter-spacing: -0.4px;
    color: #000F2F;
    opacity: 1;
    
}
.listed-services-action-block .fa-envelope
 {
    color: #00A74A;
    position: relative;
    bottom: 1.8em;
    left: 1.7em;
}
.listed-services-action-block .fa-phone-alt
 {
    color: #00A74A;
    position: relative;
    bottom: 1.8em;
    left: 2.8em;
}
.listing-platinum-profile-block
.package-type-block
{
    width: 157px;
    height: 30px;
    background: #00A74A 0% 0% no-repeat padding-box;
    border-radius: 4px;
    opacity: 1;
    font: 900 13px/30px museo sans;
    letter-spacing: -0.33px;
    color: #FFFFFF;
    opacity: 1;
    text-align: center;
    position: relative;
    /* bottom: 1em; */
    left: 1.5em;
}
.listing-plus-profile-block
.package-type-block {
    width: 157px;
    height: 30px;
    background: #00A74A 0% 0% no-repeat padding-box;
    border-radius: 4px;
    opacity: 1;
    font: 900 13px/30px museo sans;
    letter-spacing: -0.33px;
    color: #FFFFFF;
    opacity: 1;
    text-align: center;
    position: absolute;
    bottom: 16em;
}
.listing-free-profile-block {
    width: 50em;
    margin-bottom: 3em;
}

.contractor-profile-sidebar-nav
 {
    height: 100vw;
    width: 80%;
    background: transparent linear-gradient(180deg, #E8EFF9 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
    position: relative;
    bottom: 20px;
    right: 15px;
    display: block;
}
.profile-image
{
    width: 180px;
    height: 200px;
    position: relative;
    top: 2em;
    left: 3em;
}

.profile-checkbox-label 
{
    font: 900 13px/25px museo sans;
    letter-spacing: -0.45px;
    color: #000F2F;
}
.business-establised-block
{
    position: relative;
    top: 4em;
    left: 3em;
}
.business-establised-block h4,
.trading-hours-block h4
{
    font: 900 14px/60px museo sans;
    letter-spacing: -0.45px;
    color: #000F2F;
}
.business-establised-block span
{
    font: 500 14px/36px museo sans;
    letter-spacing: -0.45px;
    color: #7C859F;
    position: relative;
    bottom: 2.5em;
    /* right: 3.2em; */
}
.trading-hours-block 
{
    position: relative;
    left: 3em;
    top: 3em;
}
.trading-hours-block ul
 {
    list-style: none;
    position: relative;
    right: 2.9em;
    bottom: 2em;
}
.trading-hours-block ul li
{
    font: 500 14px/24px museo sans;
    letter-spacing: -0.45px;
    color: #000F2F;
}
.trading-hours-block .trading-time
{
    color: #7C859F;
    opacity: 1;
    position: relative;
    left: 0.5em;
}
.contractor-main-profile
 {
    position: relative;
    left: 1.5em;
    top:2em;
}
.top-breadcumb span
 {
    font: 900 12px/18px museo sans;
    letter-spacing: 0px;
    color: #00A74A;
    opacity: 1;
    text-transform: uppercase;
}

.top-heading-block h4
 {
    font: 900 45px/60px museo sans;
    letter-spacing: -1.5px;
    color: #000F2F;
    opacity: 1;
}
.top-heading-block span
 {
    font: 500 14px/22px museo sans;
    letter-spacing: 0px;
    color: #7C859F;
    opacity: 1;
}
.common-mini-heading
 {
    font: 900 25px/60px museo sans;
    letter-spacing: -0.9px;
    color: #000F2F;
    opacity: 1;
}
.common-font-awesome-icon
 {
    letter-spacing: 0px;
    color: #00A74A;
    opacity: 1;
    padding-right: 0.5em;
}
.common-margin-top
{
    position: relative;
    top: 0.5em;
}
.contractor-details
 {
    position: relative;
    right: 1em;
}
.contractor-details-top {
    position: relative;
    right: 1em;
}
.common-font-awesome-check
{
    letter-spacing: 0px;
    color: #00A74A;
    opacity: 1;
    font-weight: 500;
    position: relative;
    right: 0.3em;
}
.contractor-details-services ul,
.contractor-service-area-inner ul
{
    list-style:none;
}
.contractor-details-services ul li span,
.number-block span,
.email-block  span
 {
    font: 500 14px/30px museo sans;
    letter-spacing: -0.45px;
    color: #000F2F;
    opacity: 1;
}
.contractor-details-services-inner
{
    position: relative;
    right: 4.7em;
    /* height: 13em; */
}
.area-left-span
{
    font: 500 14px/30px museo sans;
    letter-spacing: -0.45px;
    color: #000F2F;
}
.area-mid-span
{
    font: 900 14px/30px museo sans;
    letter-spacing: -0.45px;
    color: #000F2F;
}
.area-right-span
{
    font: 500 14px/30px museo sans;
    letter-spacing: -0.45px;
    color: #7C859F;
    opacity: 1;
}
.service-li:hover
{
    font: 900 14px/30px museo sans;
    letter-spacing: -0.45px;
    color: #00A74A!important;
    opacity: 1;
}
.map-view-ul
{
    font: 500 14px/40px museo sans;
    letter-spacing: -0.45px;
    color: #00A74A;
    opacity: 1;
    position: relative;
    float: right;
    text-decoration: none!important;
}
.contractor-service-area-inner
 {
    position: relative;
    right:5em;
 }
 .google-location-map img
  {
    height: 20em;
    width: 40em;
}
.gallery-img-inner
{
    position: relative;
    right: 2em;
}
.gallery-img-inner img
{
    height: 10em;
    width: 10em;
}
.gallery-img-inner
{
    position: relative;
    right: 2em;
}
.licence-inner
{
    position: relative;
    right: 1em;
}
.licence-inner .licence-span
 {
    font: 500 14px/25px museo sans;
    letter-spacing: -0.45px;
    color: #000F2F;
    opacity: 1;
}

.licence-inner .licence-number 
{
    font: 500 14px/25px museo sans;
    letter-spacing: -0.45px;
    color: #7C859F;
    opacity: 1;
}
.accept-payment-inner
 {
    position: relative;
    right: 3.7em;
}
.accept-payment-inner ul 
{
    list-style:none;
}
.accept-payment-inner ul li 
{
    font: 500 14px/30px museo sans;
    letter-spacing: -0.45px;
    color: #000F2F;
    opacity: 1;
}
.about-me-inner
{
    display: inline-flex;
}
.about-me-inner p
{
    font: 500 14px/20px museo sans;
    letter-spacing: -0.45px;
    color: #7C859F;
    opacity: 1;
}
.rating-review-inner
{
    margin-bottom: 3em;
}
.reviews-inner-top .write-review-btn
{
    width: 154px;
    height: 43px;
    background: #00A74A 0% 0% no-repeat padding-box;
    box-shadow: 5px 5px 10px #00238329;
    border-radius: 8px;
    opacity: 1;
    border: none;
    font: 700 13px/15px museo sans;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: relative;
    left: 12em;
}
.reviews-inner-top span
{
    font: 500 14px/40px museo sans;
    letter-spacing: 0px;
    color: #7C859F;
    opacity: 1;
}
.rating-review span 
{
    font: 500 16px/25px museo sans;
    letter-spacing: -0.38px;
    color: #000F2F;
    opacity: 1;
    position: relative;
    bottom: 0.1em;
}
.rating-review-description
 {
    position: relative;
    top: 0.5em;
}
.rating-review-description p
 {
    font: 500 14px/22px museo sans;
    letter-spacing: -0.38px;
    color: #7C859F;
    opacity: 1;
}
.reviews-description-block h5 
{
    font: 900 14px/15px museo sans;
    letter-spacing: -0.45px;
    color: #000F2F;
    opacity: 1;
}
.rating-review-description span
{
    font: 500 14px/20px museo sans;
    letter-spacing: -0.45px;
    color: #000F2F;
    opacity: 1;
}
.main-footer
 {
    /* margin-top: 32em; */
    margin-bottom:1.5em;
}
.common-border 
{
    height: 0.1em;
    border: 1px solid #E8EFF9;
    opacity: 0.5;
    position: relative;
    bottom: 1.2em;
    width:100%;
}
.width120 {
    width: 120%;
}
.profile-block {
    background: transparent linear-gradient(180deg, #E8EFF9 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
    position: relative;
    right:5em;
    bottom: 1.5em;
    padding-top: 0.5em;
    width: 100%;
}
.profile-block-inner
{
    position: relative;
    left: 4.5em;
}
.breadcumb-city-span::after
{
    font-family: "Font Awesome 5 Pro";
    content: "\f105";
    vertical-align: middle;
    font-weight: 100;
    font-size: 18px;
    position: relative;
    left: 0.2em;
    /* bottom: 0.1em; */
    color: #7C859F;
    opacity: 1;
    padding-right: 0.3em;
    padding-left: 0.3em;
}
.contractor-main-profile-container
 {
    margin-bottom: 30em;
    min-height: 170vw;
}
.reviews-block
{
    margin-bottom: 70%;
}
.mobile-gallery-col
{
    margin-bottom:0.5em;
}
/*css for contractor listing end*/

/*css for Profile add a review modal*/

.review_model
 {
    height:35vw;
    width:80%;
    background: var(--unnamed-color-e8eff9) 0% 0% no-repeat padding-box;
    background: #E8EFF9 0% 0% no-repeat padding-box;
    box-shadow: 0px 6px 10px #0023830B;
    border-radius: 8px;
    opacity: 1;
}
.please-login-modal
 {
    height: 8vw;
    width: 80%;
    background: var(--unnamed-color-e8eff9) 0% 0% no-repeat padding-box;
    background: #E8EFF9 0% 0% no-repeat padding-box;
    box-shadow: 0px 6px 10px #0023830B;
    border-radius: 8px;
    opacity: 1;
}
.review_model .close
 {
    z-index: 1;
    position: relative;
}
.review_model_body
 {
    padding-left: 2em;
    padding-right: 2em;
}
.review_model span {
    font: 500 16px/19px museo sans;
    letter-spacing: 0px;
    color: #000F2F;
    opacity: 1;
}
.submit_review_row {
    margin-right: 0px!important;
    margin-left: 0px!important;
}
.submit_review_btn {
    background: #00A74A 0% 0% no-repeat padding-box;
    box-shadow: 5px 5px 10px #00238329;
    border-radius: 8px;
    opacity: 1;
    font: 700 16px/19px museo sans;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    height: 50px;
    width: 100%;
    border: none;
}

.star_rating_review
{
    margin-bottom: 1em;
}
 .starRating span::after {
    content: "\f005";
    font-family: "Font Awesome 5 Pro";
    color:red;
    font-size: 25px;
}
.starRating span.chosen::after,
.starRating:hover span.hoverChosen::after

 {
    color: #00A74A;
}
.display-status-profile
 {
    position: absolute;
    z-index: 1;
    left: 60em;
}

/* .starRating span { 
    width:24px; 
    height:24px; 
    background-image: url(http://learn.knockoutjs.com/Content/TutorialSpecific/stars.png); 
    display:inline-block; 
    cursor: pointer; 
    background-position: -24px 0;
 } */
/* .starRating span.chosen { background-position: 0 0; } */
/* .starRating:hover span { background-position: -24px 0; }
.starRating:hover span.hoverChosen { background-position: 0 0; } */

/* div.star{ width:100%;height:22px;}
.star span{
  width:20px; height:20px;
  display:inline-block; cursor: pointer;
   background-color: silver;
   -webkit-mask-image:url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjREREREREIiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');
    mask:url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="utf-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [<!ENTITY ns_svg "http://www.w3.org/2000/svg"><!ENTITY ns_xlink "http://www.w3.org/1999/xlink">]><svg xmlns="&ns_svg;" xmlns:xlink="&ns_xlink;" width="20px" height="20px" viewBox="0 0 20 20" ><defs><mask id="maskid" maskUnits="objectBoundingBox"><polygon stroke="%23FFFFFF" fill="%23FFFFFF" stroke-miterlimit="10" points="10,0 13.09,6.583 20,7.639 15,12.764 16.18,20 10,16.583 3.82,20 5,12.764 0,7.639 6.91,6.583  "/></mask></defs><g><polygon stroke="%23FFFFFF" stroke-miterlimit="10" points="10,0 13.09,6.583 20,7.639 15,12.764 16.18,20 10,16.583 3.82,20 5,12.764 0,7.639 6.91,6.583 "/></g></svg>#maskid');
}
.star span.chosen { background: green; }
.star:hover span { background: silver; }
.star:hover span.hoverChosen { background: green; } */
/* a.showMore {
    display:block;
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    margin-top:20px;
    color:#0077C8;
    text-decoration:none;
}
a.showMore::after {
    content:'+ VIEW MORE';
  }
    .showLess::after {
      content:'- VIEW LESS';
    } */
.rating-review-inner
    {
        display:none;
    }
.show-more-less {
        font: 900 14px/26px museo sans;
        letter-spacing: -0.45px;
        color: #00A74A!important;
        opacity: 1;
        text-decoration: none!important;
        /* cursor: auto; */
    }
#showLess
    {
        display:none;
    }
#loadMore::after
 {
        font-family: FontAwesome;
        content: '\f107';
        position: relative;
        top: 0.1em;
        margin-left: 1em;
        font-size: 18px;
    }
.read-more-block
 {
        position: relative;
        bottom: 1em;
    }













/*css for Profile add a review modal end*/




@media (min-width:320px) and (max-width:1300px) {



.listing-platinum-profile-block {
    /* height: 100%; */
    width: 100%;
    /* border: 2px solid #00A74A; */
    /* border: 2px solid #D3D3D3; */
    /* border-radius: 8px; */
    opacity: 1;
    margin-bottom:30px !important;

    }
    .listing-profile-block-premier {
        border: 2px solid #00A74A;
    
        }

    .footerblock-top-row {
        /* border-bottom: solid #EEEEEE 2px; */
        padding-bottom: 100px;
        /* margin-top: 400px; */
    }

    .quality-contractor-main-row {
        position: relative;
        bottom:0px !important;
        margin-top: 20px;
        bottom: -80px !important;
    }

    .main-forntend-footer {
        position: relative;
        bottom: -9em;
        /* border: 2px solid orange; */
       /* float: left; */
       margin-left: 0px;
    }

    .listing-main-dashboard{
        /* margin-bottom: 20px !important; */
    }

   

    .listing-platinum-profile-block .package-type-block{
            position: inherit;
    /* bottom: 28.3em; */
    /* top: -5px; */
    margin-top: -15px;
    margin-left: 20px;
    }
    .listing-heading-right {
        text-align: right;
        float: right;
        position: relative;
        left:0px;
        top: 1.3em;
    }

    .listed-services-action {
        position: relative;
        top: 4.3em;
         /* left: 0px; */

}


}


@media (min-width:320px) and (max-width:500px) {
    .common-mini-heading {
        font: 900 20px/50px museo sans;

    }
    .top-heading-block h4 {
        font: 900 25px/15px museo sans;
    }
    .top-heading-block span {
        font: 500 12px/15px museo sans;
    }
    .star-rating-block {
        margin-top: 1.5em;
    }
   .mobile-responsive-tagline {
        padding-right: 50px;
    }
    .write-review-btn {
        width: 100%!important;
        /* left: 0%!important; */
        margin-bottom: 1.5em;
        margin-left: -11.9em;
    }
    .add-listing-btn
    {
         width: 100%!important;
         left: 1em;
    }
    .adlibt4sp
    {
        left:0em!important;
    }
    .CM4IGE {
        margin-bottom: -2em;
    }
    .quality-contractor-block h5 {
        font: 900 20px/24px museo-sans;
    }
    .reviews-block {
        margin-bottom: -35em;
    }
    .rating-review span {
        font: 500 12px/25px museo sans;
    }
    .listed-services-action {
        float: left;
        /* position: relative; */
        top: 3.3em;
        left: 0px;
        display: inline-block;
    }
    .listed-services-action-block .view-email{
        left: -12px !important;
    }

    .listed-services-action-block .view-mobile {
        left: -12px !important;
    }
    
    .listed-services-action-block .fa-envelope {
        float: left;
        color: #00A74A;
        position: relative;
        bottom: 41px;
        left: 0.7em !important;
        position: absolute;
    }
    .listing-platinum-profile-block {
        /* height: 26em; */
        margin-left: 2%!important;
        padding-bottom: 3em;

    }

    .listed-services-action-block .fa-phone-alt  {
        float: left;
        color: #00A74A;
        position: relative;
        bottom: 9px;
        left: 0.7em !important;
        position: absolute;
    }

    .listing-heading {
        font: 900 30px/60px museo sans;
        letter-spacing: -0.9px;
        color: #000F2F;
    }
    .profile-block
    {
        width: 110%;
        left: -1.1em;
    }
    .profile-block-inner .profile-image
    {
        left: 1%;
    }
    .google_map{
        width: 80%!important;
    }
    
    }
@media (min-width:320px) and (max-width:1049px) {
.listing-common-input

{
  left: 0px;
}




}

@media (max-width: 2000px) and (min-width: 1301px)
{
.listing-platinum-profile-block .package-type-block
{
    margin-top: -15px;
    margin-left: 20px;
}
}
@media (min-width:768px) and (max-width:991px) {

    .start-rating{
        left: 25px;
        top: -30px;
    
    }
    
    .rating-comment{
        top: -47px;
        float:right;
    }

    .contractor-proifile-listing-icon{
        /* top:25px; */
        width: 95px;
        height: 120px;

    }

    .profile-checklist {
        position: relative;
        top: 11em;
    }


    .listed-services-action {
        position: relative;
        top: 3.3em;
        left: -100px;
    }

    .listed-services-left{


        float: left;
        margin-left: -9px;
        /* margin-top: 40px; */
        margin-right: 111px;
        /* top: 28px;*/
    }



.profile-checklist {
    position: relative;
    top: 7em
}
.listing-heading-wrap h4 {
    font: 900 20px/8px museo sans;

}

.row .col-md-10 .col-md-6 {
    padding-left: 3px !important;
}

.contractor-listing-profile-main {
    position: relative;
    top: 9em;
    left: 5em;
    /* height: 62vw; */
}

}
@media (min-width:501px) and (max-width:531px) {

  
    .listed-services-action-block .fa-phone-alt {
        float: left;
        color: #00A74A;
        position: relative;
       bottom: 22px !important;
    left: 30px !important;
    }
    .listed-services-action-block .fa-envelope{

        float: left;
        color: #00A74A;
        position: relative;
        bottom: 22px !important;
    left: 17px !important;

    }
    
   

}
@media (min-width:320px) and (max-width:767px) {
    .common-border
    {
        width: 90%;
    }
    .qcb4allpro
    {
        left: 0.1em;
    }
    .common-listing-border-bottom {
        width: 86%;
        left: 8em;
        /* bottom: 38.5em; */
        
    }
    .common-no-listing-border-bottom
    {
        width: 90%;
        bottom: 1em;
    }
    .common-nolisting {
        left: 5em;
        margin-bottom: 3em;
    }
    
    .listing-sidbar-main-coloum
    {
        display:none;
    }
    .refinesearch-show
    {
        display:block;
        left:3em;
    }
    .hideRefine
    {
        display:none;
        right: 1.8em;
    }
    .listing-heading-left {
        left:0em;
    }
    .common-border-listing-wrap {
        left: 0.5em;
    }
    .google_map{
        width: 88%!important;
    }
    
    .mobile-business-block
 {
    position: relative;
    top: 18em;
    margin-bottom: 20em;
    right: 8%;
}
.allprofile-navbar-right
{
    float: left!important;
    position: relative;
    left: 1em;
}
.allprofile-navbar-right  li a 
{
    text-align:center!important;
    color:red;
}
/* .single-profile-checklist
{
    right: 49%!important;
    margin-top: 2em;
} */
.contractor-details-top {
    line-height: 30px;
    /* right: 0em!important; */
}
.contractor-naivgation-bar
{
    width: 110%;
      padding-left: 3em;
    padding-right: 2em;
}
.quality-contractor-block {
    top: 5em;
    left: 1em;
    text-align: center;
}

.navbar-inverse .navbar-toggle
 {
    position: relative;
    right: 2em;
    top: 1em;
}
.trading-hours-block ul li
{
    white-space: nowrap;
}
.listing-main-dashboard
{
    margin-bottom: -10em;
}
    .listed-services-action-block .fa-phone-alt {
        float: left;
        color: #00A74A;
        position: relative;
        bottom: -10px;
        left: 2.8em;
    }
    .listed-services-action-block .fa-envelope{

        float: left;
        color: #00A74A;
        position: relative;
        bottom: -10px;
        left: 31px;

    }
    .start-rating{
        left: 25px;
        top: -30px;
    
    }
    .listing-platinum-profile-block

    {
        margin-left:7%;
    }
    .rating-comment{
        top: -47px;
        float:right;
    }

    .listing-heading{
        margin-left: 10px;
    }

    .contractor-proifile-listing-icon{
        float: left;
        top: 15px;
        left: 22%;

    }


    .listed-services-action {
        position: relative;
        top: 3.3em;
        left: 0px;
    }

    .listed-services-left{


        float: left;
        margin-left: -9px;
        /* margin-top: 40px; */
        margin-right: 111px;
        /* top: 28px;*/
    }

    .listing-common-h4 {
        text-align: left!important;
        position: relative;
        left: 2em!important;
    }

.profile-checklist {
    right: 2em;
}
.listing-heading-wrap h4 {
    font: 900 20px/8px museo sans;

}
.listed-services-action-block .btn
{
    width:100%;
    margin-bottom: 1em;
    left: 0em!important;
}
.listed-services-action-block .fa-envelope {
    position: absolute;
    z-index: 1;
    bottom: 6.2em;
    left: 30%!important;
}
.listed-services-action-block .fa-phone-alt {
    bottom: 2.7em;
    left: 20%!important;
}
.quality-contractor-bg 
{
    width:105%;
}
/* .row .col-md-10 .col-md-6 {
    padding-left: 0px !important;
} */

.contractor-listing-profile-main {
    position: relative;
    top: 9em;
    left: 5em;
     /* border: 2px solid red; */
    /* height:70vw; */
    /* width: 70vw; */
}

.package-type-block-mobile{

    width: 100%;
    text-align: center;
    display: inline-block;

}

.listing-heading-right {
    text-align: right;
    float: right;
    position: relative;
    left: 0px;
    /* top: -1.7em; */
}




.contractor-listing-sidebar-nav {
  

   right: 0px;
}
.rating-block{
width: 98%;
margin-bottom: -3em;
}

.allprofileissus{
    width:100% !important;

}

.contractor-listing-sidebar-nav{
    width: 105%;
}
.profile-block-inner .profile-image
{
    left: 5%;
}
.mobile-gallery-col
{
    padding-right: 2em;
    margin-bottom: 0.5em;
}
.mobile-gallery-col img 
{
        padding-right: 35px;
}
.contractor-details-block 
 {
    position: relative;
    /* right: 1em; */
}
.contractor-service-area-inner
{
    width:125%;
    right: 4.9em;
}
.contractor-details-services-inner
 {
    right: 4.7em;
}

}


.allprofileissus{
    width: 101%;
 
}
.noprofile-main .quality-contractor-main-row {
    position: relative;
    bottom: 0em!important;
    margin-bottom: 26em;
    margin-top: 10em;
}

.listing-free-profile-block{
    margin-bottom: 10em;
}


.contractor-listing-profile-main {
    position: relative;
    top: 9em;
    left: 5em;
    height: auto;
    margin-bottom: 75%;
}

@media (min-width:991px) and (max-width:1199px) {
.profilepagesearchbar{
    bottom: -60px !important;
}

.secprofilepagesearchbar

{
    top: 12px !important;
}

}


@media (min-width:320px) and (max-width:991px) {
.refinesearch {
    padding-right: 0px;
}


}


.text-center-address .btn
{
    position: relative;
    z-index:1;
}
.modale_close{

    margin-top: -44px !important;
    margin-right: 15px;

}
.modal_input_field

{
    margin-bottom: 20px;
    width: -webkit-fill-available;
    padding: 6px;
}

.modal_input_field_state{
    margin-bottom: 10px;

}

#myModalLabel{
text-align: left;


}

#map {

    position: fixed  !important;
    height: 37% !important;
    width: 40%;

    margin-top: 20px;
    
  }
.google_map{
    width: 38em;
    height: 20em!important;
    position: relative!important;
    overflow: hidden!important;
}
  #description {
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
  }
  
  #infowindow-content .title {
    font-weight: bold;
  }
  
  #infowindow-content {
    display: none;
  }
  
  #map #infowindow-content {
    display: inline;
  }
  
  .pac-card {
    margin: 10px 10px 0 0;
    border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    background-color: #fff;
    font-family: Roboto;
  }
  
  #pac-container {
    padding-bottom: 12px;
    margin-right: 12px;
  }
  
  .pac-controls {
    display: inline-block;
    padding: 5px 11px;
  }
  
  .pac-controls label {
    font-family: Roboto;
    font-size: 13px;
    font-weight: 300;
  }
  
  #pac-input {
    background-color: #fff;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    margin-left: 12px;
    padding: 0 11px 0 13px;
    text-overflow: ellipsis;
    width: 400px;
  }
  
  #pac-input:focus {
    border-color: #4d90fe;
  }
  
  #title {
    color: #fff;
    background-color: #4d90fe;
    font-size: 25px;
    font-weight: 500;
    padding: 6px 12px;
  }
  #target {
    width: 345px;
  }

  .extra_information_profie{

    opacity: 0.2;
  }
  .pac-container.pac-logo{
      display: block;
      z-index: 1050;
  }