body {
    font-family: 'Work Sans', sans-serif;
    font-size: 16px;
    color: #201f1f;
}

img {
    border: none;
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}

*, ::after, ::before {
    box-sizing: border-box;
}

h3 {
    color: #1d1c1c;
}

h3 span {
    font-weight: 600;
}

p {
    font-size: 16px;
    line-height: 26px;
}

section.top-categories, section.business-banner, section.recent-business, section.promation {
    padding: 60px 0px;
}

/***btn-css***/

.btn {
    font-size: 16px;
    font-weight: 600;
    padding: 4px 14px;
}

.btn:focus {
    outline: none;
    box-shadow: inherit;
}

.btn span {
    margin-right: 8px;
    font-size: 12px;
}

span.location-icon {
    color: #a4a2a2;
}

.btn-crimson {
    background-color: #f91942;
    color: #fff;
}

.btn-crimson:hover {
    background-color: #e11a3f;
    color: #fff;
}

.btn-midnightBlue {
    border: 1px solid #222e62;
    color: #222e62;
}

.btn-midnightBlue:hover {
    background-color: #222e62;
    color: #fff;
}

.btn-blue {
    background-color: #1a74bb;
    color: #fff;
}

.btn-blue:hover {
    color: #fff;
    background-color: #1a6aaa;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff !important;
}

/**loading**/

.website-loader {
    display: none;
}

.website-loader {
    position: relative;
    position: fixed;
    content: "";
    top: 0;
    width: 100%;
    z-index: 1055;
    height: 100%;
    background: rgb(255 255 255 / 74%);
}

.loader-pict {
    position: absolute;
    left: 50%;
    top: 57%;
    z-index: 1054;
    transform: translate(-50%, -50%);
}

/***error-page****/

.error_page {
    position: relative;
    text-align: center;
    padding: 80px 0px;
    min-height: 786px;
}
.error-content {  
    text-align: center;
    width: 100%;  
}
.error-content h1 {
    margin: 20px 0;
}
.banner-pict-error img {
    max-width: 100%;
}
.result-pict {
    text-align: center;
}

.result-content {
    text-align: center;
}

.result-pict img {
    max-width: 100%;
}

/**scroll-design***/

/* width */

::-webkit-scrollbar {
    width: 3px;
}

/* Track */

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */

::-webkit-scrollbar-thumb {
    background: #1a74bb;
}

/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: #1a6aaa;
}

/***container-custom***/

.container {
    max-width: 1340px;
}

/***header***/
header.sticky-header {
    position: fixed;
    width: 100%;
    z-index: 999;
    top: 0;
    background-color: #fff;
}
header {
    box-shadow: 0px 2px 4px #1a74bb29;
    padding: 10px 0px;
}

.header-block {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

.header-center {
    width: 50%;
}

.header-right {
    text-align: right;
    display: flex;
    align-items: center;
}
.header-right a:first-child {
    margin-left: 0;
}

.after-login {
    display: inline-block;
    margin-left: 6px;
}

.after-login .dropdown-menu a:hover {
    color: #1a74bb;
}

.after-login .dropdown-menu a span {
    margin-right: 10px;
}

.header-right a {
    margin-left: 10px;
}

.after-login a {
    margin-left: 0;
}

.after-login a.dropdown-item {
    margin-left: 0;
    font-weight: 500;
}

a.dropdown-item.text-danger:hover {
    background-color: #edeef0;
}

/***search-code****/

form#search_result {
    width: 100%;
}

.main-search {
    position: relative;
    width: 100%;
}

.main-search .form-group {
    margin-bottom: 0;
    display: flex;
    /* border: 1px solid #ccc; */
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0px 0px 2px #ccc;
}

.main-search .form-control {
    height: calc(1.5em + .75rem + 2px);
    padding-left: 26px;
    border: none;
    font-size: 14px;
    border-radius: inherit;
}

.btn-location {
    white-space: nowrap;
    border-radius: inherit;
    border: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: #f3f1f2;
    font-weight: 400;
    font-size: 14px;
    padding: 7px 10px;
    min-width: 180px;
    text-align: left;
    border-right: 1px solid #d9d7d8;
}
span#selected_city {
    font-weight: 600;
}
h6.ac-group-label {
    background-color: #f3f1f2;
    padding: 6px 10px;
    margin-bottom: 0px;
    font-weight: 600;
    margin-top: 5px;
}
span.arrow-pos {
    position: absolute;
    right: 6px;
    top: 9px;
    transform: rotate(
-180deg
);
}
.dropdown.show span.arrow-pos {
    transform: rotate(
0deg
);
}
.bottom {
    background-color: #e3e3e3;
    margin-top: 16px;
    position: fixed;
    bottom: 0px;
    width: 100%;
    margin-top: 0px;
    font-weight: 600;
    padding: 5px 11px;
    border-top: 1px solid #adadad;
}
.bottom a{  color: #4d4d4d;}
.bottom a:hover{
    text-decoration: none;
}
.search-city {
    position: relative;
}

.search-city span {
    position: absolute;
    right: 22px;
    top: 8px;
    color: #aeaaaa;
    font-size: 14px;
}

ul.list-group li {
    list-style: none;
}
.main-search .form-control {    
    padding-left: 10px;
}
.btn-search {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    border-top-left-radius: 0px;
    background-color: #1a74bb;
    border-bottom-left-radius: 0px;
    padding: 5px 9px;
}

.btn-search:hover {
    color: #fff;
    background-color: #1a6aaa;
}
div#highlightsearchdiv {
    margin-top: 0px;
    box-shadow: 0 0 0 0.2rem rgb(26 116 187 / 12%);
}

.main-search .dropdown-menu {
    min-width: 242px;
}
button.btn.btn-location {
    text-align: left;
}

.search-city .form-control {
    border: 1px solid #ccc;
    padding: 0px 6px;
    margin: 0 10px;
    width: 92%;
    border-radius: 3px;
}

ul.list-group li a {
    padding: 10px 0 0 0;
    line-height: 30px;
    color: #565555;
}

ul.list-group {
    height: 300px;
    margin: 0;
    padding: 0 !important;
    overflow-y: scroll;
    border: none;
}

ul.list-group li a {
    padding: 4px 10px;   
    color: #565555;
    border-bottom: 1px solid #ccc;
    display: block;
}
ul.list-group li a:last-child {
    border-bottom: none;
}
ul.list-group li a:hover {
    color: #000000;
    font-weight: 500;
    background-color: #f0f0f0;
    text-decoration: none;
}

/***section-title****/

.section-title {
    text-align: center;
    margin-bottom: 40px;
}

.section-title h3 span {
    position: relative;
}

.section-title h3 span:before {
    position: absolute;
    bottom: 0;
    width: 120px;
    height: 3px;
}

.section-title h3 span:after {
    position: absolute;
    content: "";
    background-color: #1a74bb;
    height: 8px;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: -1;
}

/***top-categories****/

section.top-categories {
    clear: both;
}

.cate-box {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    transition: all .5s ease;
    box-shadow: 0px 0px 10px #ccc;
    margin-bottom: 45px;
}
.cate-box:hover {
    transform: translateY(-10px);

}
.cat-img-icon {
    position: relative;
    overflow: hidden;
}
.cat-img-icon img {
    transition: transform 2s, filter 1.5s ease-in-out;
    transform-origin: center center;
    filter: brightness(50%);

}

.cat-img-icon:hover img {   
    filter: brightness(100%);
    transform: scale(1.3);
}
.cate-name-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 2;
}
.cat-img-icon:hover .cate-name-icon span {
    color: #fff700;
}
.cat-img-icon:hover .cate-name-icon h5 {
    color: #fff700;
}

.cate-name-icon h5 {
    color: #fff;
    font-weight: 500;
}

.cate-name-icon span {
    color: #fff;
    font-size: 42px;
}

.cate-img {
    position: relative;
    cursor: pointer;
}

.cate-img img {
    border-radius: 3px;
    max-width: 100%;
    width: 100%;
}
.cat-img-icon:before {
    content: "";
    position: absolute;
    background: rgb(26 116 187 / 44%);
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    height: 100%;
    border-radius: 3px;
}
/* .cate-img:before {
    content: "";
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    height: 100%;
    border-radius: 3px;
} */


.cat-img-icon:hover:before {
    background: #0000008a;
    border-radius: 3px;
}

.cateories-list {
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 30px;
    padding: 10px;
    
}

.cateories-list ul li span {
    margin-right: 8px;
    color: #1a74bb;
}

.cateories-list ul {
    padding-left: 0;
    margin-top: 16px;
}

.cateories-list ul li {
    list-style: none;
    display: inline-block;
    width: 49%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cateories-list ul li a {
    list-style: none;
    font-size: 14px;
    color: #4d4d4d;
    letter-spacing: 0.03em;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}

.cateories-list ul li a:hover {
    color: #1a74bb;
}

a.btn-viewmore {
    background-color: #f9d6dc;
    color: #f91942;
    font-size: 12px;
    font-weight: 600;
    padding: 6px 8px;
    border-radius: 3px;
}

a.btn-viewmore:hover {
    background-color: #f91942;
    color: #fff;
    text-decoration: none;
}

span.cate-name {
    position: absolute;
    z-index: 9;
    top: 6px;
    right: 6px;
    background-color: #f91942;
    font-weight: 600;
    color: #fff;
    padding: 0 8px;
    border-radius: 3px;
}

/****business-banner****/

section.business-banner {
    background: url(../img/business-bg.webp) no-repeat center top;
    background-size: cover;
    padding: 120px 0px;
}

span.tadline {
    font-size: 28px;
    color: #fff;
    font-weight: 400;
    display: block;
    margin-bottom: 30px;
}

section.business-banner .banner-heading {
    font-size: 3.125rem;
    font-weight: 600;
    color: #fff;
}

a.explore-more {
    border: 1px solid #fff;
    padding: 10px 20px;
    margin-top: 40px;
    font-size: 18px;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    border-radius: 3px;
}

a.explore-more span {
    font-size: 16px;
    margin-left: 8px;
}

a.explore-more:hover {
    background-color: #fff;
    color: #f91942;
    text-decoration: none;
}

/*****recent-business***/

.recent-bus-content ul {
    padding-left: 0;
}

.recent-bus-content ul li {
    list-style: none;
    line-height: 26px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0 !important;
}

.recent-bus-content ul li span {
    margin-right: 10px;
    color: #1a74bb;
    width: 20px;
    float: left;
}

.recent-bus-content ul li a {
    color: #4d4d4d;
    font-size: 14px;
    letter-spacing: 0.03em;
    font-family: 'Roboto', sans-serif;
}
.recent-bus-content ul li a:hover {
    text-decoration: none;
}
.recent-bus-content {
    padding: 18px;
}
.recent-box-serv .re-bus-img{
position: relative;
overflow: hidden;
}
.re-bus-img:hover img {
    filter: brightness(100%);
    transform: scale(1.3);
}
.recent-box-serv .re-bus-img a img {
    transition: transform 2s, filter 1.5s ease-in-out;
    transform-origin: center center;
    filter: brightness(95%);
}
.recent-box-serv {
    transition: all .5s ease;
    border: 1px solid #cccccc70;
    box-shadow: 0px 0px 10px #ccc;
    min-height: 500px;
}
.recent-box-serv:hover {
transform: translateY(-10px);
}


.recent-bus-content h5 {
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0px 0 0px 0px;
    padding: 10px 0px;
    /* background-color: #ebebec; */
}
.recent-bus-content h5 a{
    color: #393939;
}
.recent-bus-content h5 a:hover{text-decoration: none;}
.recent-bus-content ul li a:hover {
    color: #1a74bb;
}

/***promation***/

.promation {
    clear: both;
}

.prom-left {
    text-align: center;
    background-color: #222e62;
    padding: 18px;
    color: #fff;
    border-radius: 3px;
}

.prom-right {
    text-align: center;
    border: 1px solid #e8ecfe;
    padding: 15px;
    border-radius: 3px;
    background-color: #f3f5ff;
}

/***find by services***/

.categores-display {
    border: 1px solid #dec8cc;
    border-radius: 3px;
}

.categores-display h6 {
    border-bottom: 1px solid #dec8cc;
    padding: 10px;
    color: #1a74bb;
    font-weight: 700;
}

.categores-display ul {
    padding-left: 10px;
}

.categores-display ul li {
    list-style: none;
    display: inline-block;
}

.categores-display ul li a {
    color: #4d4d4d;
    border-right: 1px solid #32323280;
    padding-right: 7px;
    margin-right: 7px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.03em;
    font-family: 'Roboto', sans-serif;
}

.categores-display h6 {
    border-bottom: 1px solid #dec8cc;
    padding: 10px;
}

.categores-display h6 span {
    margin-right: 8px;
    color: #1a74bb;
}

section.find-services .section-title {
    text-align: left;
}

section.find-services {
    clear: both;
    padding: 20px 0px;
    background-color: #eef1ff;
}

section.find-services .section-title h3 span:after {
    z-index: 1;
}

.categores-display {
    border: 1px solid #dec8cc;
    border-radius: 3px;
    margin-bottom: 20px;
}

.categores-display ul li a:hover {
    color: #1a74bb;
}

/****footer****/

footer {
    background-color: #1a74bb;
    padding: 34px 0px;
}

footer p {
    color: #fff;
    margin-bottom: 0;
}

.footer-nav ul li a {
    color: #fff;
    font-weight: 600;
}

.footer-nav {
    text-align: left;
}

.footer-nav ul li {
    list-style: none;
    display: inline-block;
    margin-right: 17px;
}

.footer-nav ul {
    padding-left: 0;
    margin-bottom: 0;
}

/* .re-bus-img img {
    width: 100%;
    min-height: 313px;
} */

/* .re-bus-img {
    min-height: 313px;
    position: relative;
   
} */
/* .re-bus-img {
    min-height: 313px;
    display: flex;
    position: relative;
    align-items: center;
    border: 1px solid #ebebec;
    justify-content: center;
} */
.recent-box-serv .re-bus-img a{
    color: #000;
}
.recent-box-serv .re-bus-img a:hover{text-decoration: none;}
.re-bus-img {
    min-height: 254px;
    display: flex;
    position: relative;
    background-color: #caebfb;
    font-size: 48px;
    align-items: center;
    border: 1px solid #ebebec;
    justify-content: center;
}
.re-bus-img:hover:before {
    background: #1a74bb8c;
    border-radius: 3px;
}
.login-form input#user_phone {
    padding-left: 88px;
}

/* .re-bus-img:before {
    content: "";
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    height: 100%;
    border-radius: 3px;
    cursor: pointer;
} */
/**search-page**/

section.search-block {
    padding: 25px 0px;
}

section.search-block .section-title {
    text-align: left;
}

section.search-block .recent-bus-content h5 {
    margin: 0px 0 15px 0px;
    padding: 0;
    background-color: transparent;
}
span.featured-list {
    position: absolute;
    right: 20px;
    top: 7px;
    font-weight: 500;
    background-color: #f91942;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 11px;
}

.list-group {
    border: 1px solid #d3cece;
    margin-bottom: 17px;
    margin-bottom: 10px;
    padding: 10px;
}
.list-group .recent-bus-content {
    padding: 0;
}
.list-group .recent-box-serv {
    box-shadow: inherit;
    border: none;
}
.list-group .recent-box-serv:hover {
    transform: translateY(0px);
}
.sub-categories ul {
    padding-left: 0;
}

.sub-categories .panel ul li {
    list-style: square;
}

.sub-categories .panel ul li a {
    color: #4d4d4d;
}

.sub-categories .panel ul li a:hover {
    color: #15a7de;
}

.buiness-logo {
    width: 250px;
    height: 183px;
    background-color: #caebfb;
    display: flex;
    align-items: center;
    justify-content: center;
}
.buiness-logo a {
    font-size: 46px;
    color: #201f1f;
}

.filter-block .form-group {
    margin-bottom: 0;
}

.buiness-logo h4 {
    font-size: 60px;
}

.buiness-logo img {
    max-width: 100%;
}

.filter-block {
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: .25rem;
}

.categories {
    border: 1px solid #ccc;
    padding: 10px;
    margin: 20px 0px;
    border-radius: .25rem;
}

.cateories-list.categories ul li {
    width: 100%;
}

.sub-categories {
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: .25rem;
    clear: both;
}

/***according**/

.sub-categories .accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 8px 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

.sub-categories .active, .accordion:hover {
    background-color: #e9ecef;
}

.sub-categories .accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.sub-categories .active:after {
    content: "\2212";
}

.sub-categories .panel {
    padding: 0 18px;
    border: 1px solid #e9ecef;
    background-color: white;
    border-top: none;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.sub-categories ul li {
    list-style: none;
    margin-bottom: 7px;
}

.sub-categories .panel ul {
    padding-left: 20px;
    padding: 8px 0 0px 20px;
}

.sub-categories .panel ul li a {
    font-size: 14px;
}

.filter-block .dropdown-toggle::after {
    right: 0;
    position: absolute;
    top: 15px;
    right: 15px;
}

.filter-block .btn-location {
    width: 100%;
    text-align: left;
    border-right: 0;
}

.filter-block .dropdown-menu.show {
    display: block;
    width: 100%;
}
.addbanner-vertical1 { 
    text-align: center;
    width: 350px;
    /* height: 350px; */
    margin: 20px auto;
    position: relative;
}
.addbanner-vertical1 a img {
    max-width: 100%;
}
.addbanner-vertical2 { 
    text-align: center;
    width: 350px;
    /* height: 600px; */
    margin: 20px auto;
}
.addbanner-vertical2 a img {
    max-width: 100%;
}
.addbanner-horizontal{
    text-align: center;
    clear: both;  
    width: 720px;
    height: 270px;
    margin: 30px auto;
    position: relative;

}
.addbanner-horizontal a img {
    max-width: 100%;
}
.add-banner {
    text-align: center;
    margin: 20px;
}



.add-banner img {
    max-width: 100%;
}

/* swati code start from here */

/* signup form css */

.signup-form p.text-center.link_to_login {
    margin-bottom: 0px;
}

.signup-form {
    box-shadow: 0px 0px 36px #65816638;
    padding: 40px 40px;
}

.outer-signup {
    width: 60%;
    margin: 0 auto;
    margin-bottom: 70px;
}

.signup-form label span {
    font-size: 16px;
    color: #f02424;
    margin-left: 2px;
    display: inline-block;
}

.signup-section .heading_style {
    text-align: center;
    margin-top: 60px;
}

.signup-form .signup-footer p {
    margin-bottom: 0px;
    font-size: 15px;
}

span.invalid-error {
    color: red;
    margin-top: 2px;
    display: block;
    font-weight: 500;
    font-size: 12px;
}

.outer-signup .signup-submit span {
    margin-right: 10px;
}

.outer-signup .form-check-label {
    margin-bottom: 0;
    font-size: 13px;
    width: 60%;
    padding-left: 11px;
}

.outer-signup .link-g {
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    margin: 15px 0px 10px 0px;
}

.outer-signup .submit-my-form {
    margin-top: 30px;
}

.outer-signup .form-check-label {
    margin-bottom: 0!important;
    width: 100% !important;
    padding-left: 11px!important;
}

div#thanks_msg {
    box-shadow: 0px 0px 36px #65816638;
    padding: 40px 40px;
    width: 45%;
    margin-top: 100px;
    margin-bottom: 100px;
}

div#thanks_msg span {
    color: #ffffff;
    font-size: 22px;
    background-color: #55a747;
    width: 50px;
    height: 50px;
    display: inline-block;
    margin: 12px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}

div#thanks_msg .btn-blue {
    margin-top: 30px;
    margin-bottom: 12px;
}

div#thanks_msg h2 {
    font-size: 40px;
    margin-top: 30px;
    display: inline-block;
    text-align: center;
    width: 100%;
    color: #232423;
    font-weight: 600;
}

div#thanks_msg p {
    margin-bottom: 0;
}

.flag {
    width: 80px;
    height: 35px;
    display: flex;
    left: 1px;
    top: 1px;
    padding: -28px;
    align-items: center;
    justify-content: center;
    background-color: #fff8f8;
    border-right: none;
    position: absolute;
}

.flag img {
    float: left;
    width: 26px;
    margin-right: 7px;
}

/* *** login page*** */

.login-form {
    box-shadow: 0px 0px 36px #65816638;
    padding: 40px 40px;
}

.outer-login {
    width: 55%;
    margin: 0 auto;
    margin-bottom: 70px;
}

.login-form label span {
    font-size: 16px;
    color: #f02424;
    margin-left: 2px;
    display: inline-block;
}

.login-section .heading_style {
    text-align: center;
    margin-top: 60px;
}

.login-form span.invalid-error {
    color: red;
    margin-top: 2px;
    display: block;
    font-weight: 500;
    font-size: 12px;
}

.login-form a.forgot-password {
    display: inline-block;
    line-height: 45px;
    margin-left: 10px;
}

.login-form p.link-g {
    text-align: center;
    margin: 20px;
    font-weight: 500;
    font-size: 20px;
}

.login-form p.link_to_login {
    text-align: center;
    font-size: 18px;
}

/* forgot-password */

.forgot-password-form {
    box-shadow: 0px 0px 36px #65816638;
    padding: 40px 40px;
}

.outer-forgot-password {
    width: 50%;
    margin: 0 auto;
    margin-bottom: 70px;
    margin-bottom: 170px;
}

.forgot-password-form label span {
    font-size: 16px;
    color: #f02424;
    margin-left: 2px;
    display: inline-block;
}

.forgot-password-form .forgot-password-footer {
    text-align: center;
    margin-top: 25px;
}

.forgot-password-section .heading_style {
    text-align: center;
    margin-top: 60px;
}

/* eror-show */

span.red {
    font-size: 18px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    display: block;
    color: #ca2e2e;
    padding: 10px;
    font-weight: 500;
    background-color: #ca2e2e3d;
    margin-bottom: 25px;
}

.error-highlight-box {
    border: 2px solid red;
}

.input-group small {
    color: red;
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 3px;
}

/*  */

/* heading all form */

.upper-form-heading .heading_style p {
    color: #757575 !important;
    font-size: 14px;
}

.upper-form-heading .heading_style span {
    color: #1a74bb;
    display: block;
}

.upper-form-heading .heading_style h4:before {
    background-color: rgba(0, 0, 0, 0.05);
    content: "";
    height: 1px;
    position: absolute;
    top: 4%;
    left: auto;
    margin: 10px 30px 0 0;
    right: 303px;
    width: 50%;
}

.upper-form-heading .heading_style h4:after {
    background-color: rgba(0, 0, 0, 0.05);
    content: "";
    height: 1px;
    left: 50%;
    margin: 10px 0 0 30px;
    position: absolute;
    top: 4%;
    width: 50%;
}

.upper-form-heading .heading_style {
    position: relative;
}

/* end */

/* all three form css  */

.upper-form-heading .input-group {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    position: relative;
}

.login-form .right-block {
    width: 65%;
    position: relative;
}

.login-form .left-block {
    margin-right: 10px;
    width: 33%;
    display: flex;
    color: #000000;
    font-size: 18px;
    justify-content: start !important;
    font-weight: 500;
}

.form-check.input-group.con label {
    font-weight: 400;
}

.signup-form input#user_phone {
    padding-left: 88px;
}

.signup-form small.invalid-error {
    visibility: hidden;
    margin-top: 2px;
    font-size: 11px;
    margin-bottom: 0px;
}

.right-block.error small.invalid-error {
    visibility: visible;
}

.signup-form .left-block {
    margin-right: 10px;
    width: 33%;
    display: flex;
    color: #000000;
    font-size: 18px;
    margin-bottom: 16px;
    justify-content: start !important;
    font-weight: 500;
}

.signup-form .right-block {
    width: 65%;
    position: relative;
}

.form-check.input-group.con label {
    font-weight: 400;
}

.upper-form-heading .input-group-append {
    position: absolute;
    right: 17px;
    top: 10px;
    color: #a09d9d;
    height: 15px;
}

.upper-form-heading input.form-control {
    border-radius: 0px !important;
}

.addbusiness-form .card {
    margin-bottom: 70px;
    box-shadow: 0px 0px 10px #dbdbdb;
}
.Quickly-business {
    width: 60%;
    margin: 0 auto;
    margin-bottom: 40px;
}
.quick_signup_disabled {
    position: relative;
    pointer-events: none;
}
.quick_signup_disabled:before {
    background: #5a555521;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}

.addbusiness-form .form-control {
    border-radius: 0px;
}

.addbusiness-form .social-icons-links i.fab {
    color: #1a74bb;
}

.addbusiness-form .social-icons-links i.fas {
    color: #1a74bb;
}

.addbusiness-form .heading_style h4:before {
    right: 469px !important;
}
.addbusiness-form .contact-num .flag {
    top: 33px;
    height: 36px;
    left: 16px;
}
.qick-form .out {
    display: flex;
    margin: 0 auto;
    width: 89%;
    align-items: center;
    justify-content: center;
}
.qick-form .form-group label {
    padding-right: 30px;
}
.qick-form input#email {
    width: 100%;
}
.qick-form .btn-blue {
    width: 142px;
    padding: 7px 0;
    margin-left: 0px;
}
.Quickly-business .signup-form {
    padding: 10px 40px;
}

.addbusiness-form .contact-num input {
    padding-left: 93px;
}

/* drag drop add business*/

.addbusiness-form .dr-section .drop_upper {
    border: 1px dashed #b9b8b3 !important;
    text-align: center;
    width: 100%;
}

.addbusiness-form .droped_data {
    display: flex;
    align-items: center;
    justify-content: center;
}

.addbusiness-form div#drag_h3 {
    margin-top: 15px;
    color: #838588;
}

.addbusiness-form input#file1 {
    display: none;
}

.addbusiness-form div#drag_h3 {
    color: #838588;
    margin: 14px 0px 0px 0px;
}

.addbusiness-form #drag label.open {
    margin-top: 10px;
    margin-bottom: 10px;
}

.highlight {
    background: #cccccc1f;
}

.addbusiness-form .drop_img {
    color: #1a74bb;
}

.addbusiness-form .drag_dropsection p {
    margin-bottom: 0px;
    margin-left: 5px;
    padding: 10px;
}

.addbusiness-form div#drag_h3 p {
    margin-bottom: 0px;
    font-weight: 400 !important;
}

.addbusiness-form div#drag_h3 p span {
    margin-right: 8px;
}

.addbusiness-form .dr-section .drop_lower .upload_file_row {
    padding-top: 0px;
    border: 1px solid #ccc;
    margin: 10px;
    width: 98%;
    position: relative;
    border-bottom: 1px solid #ccc;
}

.addbusiness-form .dr-section .dr-file-name {
    padding: 0px 0 6px 4px !important;
    overflow: hidden;
}

.addbusiness-form .dr-section .cross {
    background: #f91942;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    font-size: 10px;
    padding: 4px;
    margin: 0px 0 0 0 !important;
    position: absolute;
    right: -6px;
    width: 20px;
    top: -10px;
    height: 20px;
    cursor: pointer;
}

.addbusiness-form .dr-file-name p {
    margin-bottom: 0px;
    padding: 10px;
    text-align: left;
}

/* end */

/* add business form css */

.addbusiness-form .working-days-check label.checkbox-inline {
    margin-right: 20px;
    font-weight: 400;
}

.addbusiness-form .working-days-check input[type="checkbox"] {
    margin-right: 5px;
}

.addbusiness-form .WorkingHours select {
    float: left;
    width: 100%;
    border: none;
    border-bottom: 1px solid #ced4da;
}

.addbusiness-form .WorkingHours select#sel1:focus {
    box-shadow: 0 0 0 0.2rem rgb(255 255 255);
}

span.select-unit {
    margin-top: 5px;
    position: absolute;
    margin-left: 10px;
}

.addbusiness-form .card-header i.fa.fa-landmark.fa-fw {
    color: #7e1de8;
}

.addbusiness-form .heading_style {
    text-align: center;
    margin-top: 60px;
    position: relative;
    width: 84%;
    margin: 0 auto;
    margin-top: 50px;
}

.addbusiness-form .card-body label {
    font-weight: 500;
}

.addbusiness-form .social-icons-links label {
    font-weight: 400 !important;
}

/***static-page*****/

.main-content {
    clear: both;
    min-height: 690px;
    padding: 25px 0px;
}

.main-title {
    background-color: #1a74bb;
}

.main-title h1 {
    text-align: center;
    padding: 20px 0px;
    color: #ffffff;
}

section.main-content h2 {
    font-size: 24px;
    color: #262626;
    font-weight: 600;
}

section.main-content h3 {
    font-size: 22px;
    color: #262626;
    font-weight: 600;
}

section.main-content ul {
    padding-left: 21px;
}

section.main-content ul li {
    margin-bottom: 4px;
    line-height: 26px;
    color: #262626;
    list-style: square;
    margin-bottom: 16px;
}
section.main-content ol {
    padding-left: 21px;
}
.main-title ol.breadcrumb {
    justify-content: center;
}
section.main-content ol li {
    margin-bottom: 10px;
    line-height: 26px;
    color: #262626;
}

section.main-content h6, section.main-content h5, section.main-content h4 {
    font-weight: 600;
}
/**servi-by-categorie**/
.services-title h2 span {
    color: #706c6c;
    font-size: 18px;
}
.services-title ul {
    padding-left: 0 !important;
    margin-left: 0;
    margin-top: 31px;
}
.services-title ul li {
    display: inline-block;
    width: 48%;
}
.services-title ul li a {
    font-size: 18px;
    line-height: 32px;
}

/***listing-block***/

.list-b ul {
    padding-left: 0 !important;
}

.recent-bus-content.list-b ul li {
    margin-bottom: 4px;
}

.action {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
}

section.business-view-outer {
    margin: 70px 0px;
}

/* business view page css  */

.business-view-outer img.img-fluid {
    width: 100%;

}

.business-view-outer .small,
small {
    font-size: 80%;
    font-weight: 500;
    font-size: 16px;
}

.business-view-outer .businessView-right-block {
    border: 1px solid #ccc;
   
}
.businessView-right-block.upper
{
    width:350px;
    height:350px;
}
.businessView-right-block.lower
{
    width:350px;
    height:600px;
}
.business-view-outer .banner-block .img-block {
    /* border: 1px solid #c7c7c75c; */
    text-align: center;
    margin-bottom: 10px;
    /* padding: 8px; */
    height: 196px;
    display: flex;
    box-shadow: 0px 0px 10px #cccccc5c;
    align-items: center;
    justify-content: center;
    font-size: 2vw;
    font-weight: 700;
    background-color: #caebfb;
}

.business-view-outer .coming-field-content {
    padding-left: 0px;
    list-style-type: none;
    margin-bottom: 0px;
    background: #1a74bb;
    padding: 5px 20px;
}

.business-view-outer .coming-field-content li {
    display: inline;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
}
.business-view-outer .coming-field-content li a {
    color: #fff;
}
.business-view-outer .coming-field-content li a:hover {text-decoration: none;}
.business-view-outer .coming-field-content li span {
    font-size: 10px;
    margin: 0px 5px;

}

.business-view-outer .btn {
    font-weight: 400;
}

.business-view-outer .badge.badge-secondary.p-2.mb-1 {
    font-weight: 400;
}

.business-view-outer .border-bottom {
    padding: 0px 0px 5px 0px;
}

.business-view-outer .card-header .fa {
    color: #1a74bb;
}

.business-view-outer h6.border-bottom {
    margin-bottom: 2px;
}

.business-view-outer   .social-icon-imgs img {
    height: 26px;
    width: 24px;
}

.business-view-outer .share-business {
    float: right;
    cursor: pointer;
    font-size: 17px;
    border: 1px solid #e2e6ea;
    font-weight:500;
    padding-right: 10px;
}

.business-view-outer  p.ask-a-question {
    text-decoration: underline;
    font-weight: 500;
    color: #007bff;
    cursor: pointer;
}

.business-view-outer .report_listing a {
    text-decoration: underline;
    font-weight: 400;
}

.business-view-outer  p.feedback-option {
    margin-top: 16px;
    margin-bottom: 0px;
}

.business-view-outer  p.report_listing {
    float: right;
}

.business-view-outer p.feedback-option a {
    text-decoration: underline !important;
    cursor: pointer;
    color: #007bff !important;
}

.business-view-outer .share-business i.fa.fa-fw.fa-share-alt {
    color: #222e62;
    font-size: 18px;
    border: 1px solid #fff;
    padding: 10px;
    width: 40px;
    background-color: #e4e4e4;
}

.business-view-outer .feedback-modal .submit-form .btn-blue {
    margin-top: 25px;
    font-weight: 600;
}

.business-view-outer .modal-dialog.modal-lg {
    max-width: 600px;
}

.business-view-outer .askquestion-modal .submit-form {
    margin-top: 25px;
}

.business-view-outer .modal-dialog.modal-lg label {
    font-weight: 500;
}

.business-view-outer .modal-dialog.modal-lg label span {
    font-size: 16px;
    color: #f02424;
    margin-left: 2px;
    display: inline-block;

}

.askquestion-modal h4.modal-title i {
    color: #f91942;
    font-weight: 600;
    font-size: 21px;
}

.businessView-left-block p.ask-a-question i {
    color: #000;
}

.askquestion-modal .submit-form .btn-blue {
    font-weight: 600;
}

.business-view-outer .addbanner-vertical1 {
    margin-top: 0px;
    position: relative;
}
 .addbanner-vertical2 {
  
    position: relative;
}
.business-view-outer .blue {
    color: #1a74bb;
    font-size: 18px;
 
    margin-right: 4px;
}
.business-view-outer .green {
    color: #17a2b8;
    font-size: 18px;
  
    margin-right: 4px;
}
.business-view-outer .greenish {
    color: #28a745;
    font-size: 18px;
 
}
.business-view-outer .red {
    color:red;
    font-size: 18px;
    margin-right: 6px;
}
.social-icon-imgs .blue{
    color: #1a74bb;
    font-size: 18px;
    margin-right: 6px;
}
.social-icon-imgs .green{
    color: #17a2b8;
    font-size: 18px;
    margin-right: 6px;
}
.social-icon-imgs i {
    font-size: 22px;
 
}
.social-icon-imgs .pink{
    color: #ff2de5;
    font-size: 18px;
    margin-right: 6px;
}

/*  */
.alert-message-show {
    position: fixed;
    top: 58px;
    right: 0;
    left: 0;
    z-index: 1030;
    width: 36%;
    margin:0 auto;
    outline:none;
}
.alert-message-show  .alert-success {
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
}
.alert-message-show p {
    margin-bottom: 0px;
}

.forgot-password-form label {
    font-weight: 500;
    color: #000000;
    font-size: 18px;
}

/***post-a-job****/
.post-job-from .form-check {  
    margin-right: 14px;
    display: inline-block !important; 
}
.post-job-from label {
    width: 100%;
}


.business-view-outer .modal h4.modal-title {
    font-size: 22px;
}


/* contact us page */
.outer-contactus  .outer-contactus {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 70px;
}

.outer-contactus   .upper-form-heading .heading_style {
    position: relative;
}

.outer-contactus  .upper-form-heading .heading_style h4:before {
    background-color: rgba(0, 0, 0, 0.05);
    content: "";
    height: 1px;
    position: absolute;
    top: 4%;
    left: auto;
    margin: 10px 30px 0 0;
    right: 303px;
    width: 50%;
}

.outer-contactus.upper-form-heading .heading_style h4:after {
    background-color: rgba(0, 0, 0, 0.05);
    content: "";
    height: 1px;
    left: 50%;
    margin: 10px 0 0 30px;
    position: absolute;
    top: 4%;
    width: 50%;
}


.outer-contactus .contactus-section .heading_style {
    text-align: center;
    margin-top: 60px;
}

.outer-contactus  .right-contact-block .contact-details .icon-sec {
    float: left;
    height: 70px;
    margin-right: 20px;
    font-size: 20px;

}

.outer-contactus .social-icon {
    margin-top: 30px;
    text-align: center;
    float: left;
    width: 100%;
}

.outer-contactus .social-icon a {
    cursor: pointer;
    font-size: 20px;
    color: #fff;
    margin-right: 16px;
}

.outer-contactus  .contact-main-section {
    /* border: 1px solid #ccc; */
    padding: 45px 25px;
    box-shadow: 0px 0px 10px #ccc;
    width: 60%;
    margin: 0 auto;
    position: relative;
    margin-top: 35px;
    /* height: px; */
    margin-bottom: 70px;
}
.outer-contactus textarea#msg {
    height: 135px;
}
.outer-contactus span.red p {
    font-size: 14px;
    margin-bottom: 0px;
}
.outer-contactus  .right-contact-block 
.inner-content {
background: #1a74bb;
padding: 58px 24px;
color: #fff;
/* border: 1px solid #ccc; */
height: 408px;
position: absolute;
left: -93px;
top: -3px;
box-shadow: 0px 0px 10px #1a74bb63;
}

.outer-contactus  .inner-content h4 {
    margin-bottom: 20px;
}
.contact-details {
    clear: both;
}

.outer-contactus  .right-contact-block .contact-details .right-content h5 {
    font-size: 20px;
}
.outer-contactus .right-contact-block .contact-details .right-content a {
    color: #fff;
}
.contactus-form .left-contact-block .left-block {
    width: 30%;
    font-weight: 500;
    font-size: 18px;
}

.contactus-form .left-contact-block .right-block {
    width: 68%;
    position: relative;
}
.contactus-section .heading_style {
    text-align: center;
    margin-top: 60px;
    width: 60%;
    margin: 0 auto;
    margin-top: 55px;
}
.contactus-section   .heading_style h4:before {
right: 365px;
}
.contactus-form .descript label {
position: absolute;
top: 0;
}
.contactus-form .input-group.mb-4.descript {
position: relative;
}
.outer-contactus .contactus-form  label span {
font-size: 16px;
color: #f02424;
margin-left: 2px;
display: inline-block;
}
/* .outer-contactus .contact-main-section .col-md-8 {
float: right;
width: 67%;
position: absolute;
right: 0px;

} */
/* recaptcha */

div#recaptcha_block {
    float: left;
    width: 100%;
   
 
}
div#recaptcha_block .right-blocks {
    float: right;
    width: 66%;
}
.outer-signup div#recaptcha_block {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.outer-contactus .recaptcha_block {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.outer-contactus .recaptcha_block  .right-blocks {
    float: right;
    width: 70%;
}
.addbusiness-form .add-buss-captcha {
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;

}

/***social-link***/
.social_icons {
    text-align: right;
}

.social_icons ul li a {color: #fff;}
.social_icons ul li {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
}

.social_icons ul {
    padding-left: 0;
}

/***about-us****/
.box {
    text-align: center;
    float: left;
    width: 48%;
    margin-bottom: 10px;
    /* border: 1px solid #ccc; */
    padding: 30px;
    margin-right: 12px;
    cursor: pointer;
    box-shadow: 0px 0px 13px #cccccc6e;
}
.box:hover {
    background-color: #1a74bb;
}
.box:hover span{color: #fff;}
.box:hover h4 {
    color: #fff;
}
.sr-box {
    padding: 30px;
    min-height: 200px;
    cursor: pointer;
    border: 1px solid #cccccc6e;
    /* border-bottom: 1px solid #ccc; */
}
.sr-box:hover {
    border: 1px solid #1a74bb;
}
.sr-box:hover span {   
    color:#1a74bb ;
}
.sr-box:hover h5{
    color: #1a74bb;
}
.sr-box:hover p{
    color: #1a74bb;
}
.box h4 {
    font-weight: 400 !important;
}
.box span {
    font-size: 40px;
    display: block;
    color: #1a74bb;
    text-align: center;
}
.our-services {
    clear: both;
    margin: 50px 0px;
}
.sr-box span {
    display: block;
    margin-bottom: 13px;
}

.actions {
    text-align: center;
    margin-top: 55px;
}
.actions a.btn.btn-blue {
    margin-bottom: 15px;
  
}
.thankyou-outer {
    box-shadow: 0px 0px 36px #65816638;

    width: 45%;
    margin: 0 auto;
    margin-top: 80px;
    margin-bottom: 80px;
    text-align: center;
}

.thankyou-outer .success {
    color: #1a74bb;
    font-size: 40px;
    font-weight: 600;
}

.thanyou-card-header {
    height: 140px;
}
.thanyou-card-content {
padding: 40px 40px 45px 40px;
}
.thanyou-card-header img.img-fluid {
width: 13%;
margin-top: 45px;
}
.thanyou-card-content .btn-blue {
margin-right: 34px;
}
/* promote listing */
span.categeory-data {
    margin-left: 4px;
    font-size: 16px;
    font-weight: 400;
}
section.Promote-Listing {
    width: 30%;
    margin: 0 auto;
    margin-top: 70px;
    margin-bottom: 80px;
}
.Promote-Listing label {
    font-weight: 600;
}
.Promote-Listing .card-header span {
    color: #1a74bb;
    margin-right: 4px;
}
.cat-sub .form-check-inline {
width: 100%;
}
.Promote-Listing  .card {
    box-shadow: 0px 0px 10px #ccccccab;
}

.list-b h3 a {
    color: #141313;
}
.list-b h3 a:hover {text-decoration: none;}
/* advertisment user form  */
section.advertisement-user {
    width: 50%;
    margin: 30px auto;
    border-radius: 4px;
}

.advertisement-user .card-body label {
    font-weight: 500;
}
.advertisement-user #drag_h3 p span {
    margin-right: 8px;
    color: #1a74bb;
}
.advertisement-user .droped_data {
    margin-top: 0px; 
}

 .advertisement-user .dr-section .cross {
    background: #f91942;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    font-size: 10px;
    padding: 3px;
    margin: 0px 0 0 0 !important;
    position: absolute;
    right: -6px;
    width: 20px;
    top: -10px;
    height: 20px;
}
.advertisement-user .dr-section .drop_upper {
    padding-bottom: 8px;
}
.advertisement-user .dr-section .drop_lower .upload_file_row {
    margin-bottom: 10px;
}
.advertisement-user .card-header h1 span {
    color: #1a74bb;
}
.advertisement-user .dr-section .cross:hover {
    background: #f91942;
}
.right-search-block {
    display: flex;
}
.adv-listing img {
    height: 100px;
    width: 120px;
    /* width: 73%; */
}
span.vertical-heading {
    position: absolute;
    display: block;
    text-align: left;
    background: #f9194299;
    color: #fff;
    z-index: 2;
    font-weight: 600;
    left: 0;
    padding: 2px 6px;
    margin: 4px;
    border-radius: 4px;
    font-size: 14px;
}
.header-center .dropdown .btn:focus {
    outline: 0 !important;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%) !important;
}

.search_shadow {
    outline: 0 !important;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%) !important;
}
#search_result .form-control:focus {
outline: 0;
box-shadow:none;
}
.social_icons.botom .icon {
    padding: 3px 10px;   
    border-radius: 100px;
    border: 1px solid #feffff;   
    width: 40px;
    display: flex;
    height: 40px;
    align-items: center;
    justify-content: center;  
    color: #1a74bb;
    font-size: 18px;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
}
.social_icons ul li:hover .icon {
    transform: translateY(-3px);
}
.social_icons.botom ul li:hover .icon {
    background-color: #f91942;
    border: 1px solid #f91942;
}

.warning-msg {
    display: flex;
    align-items: center;
    background-color: #f8d7da;
    color: #FFF3CD;
    font-weight: 600;
    justify-content: stretch;
    padding: 8px 20px;
}
.warning-msg p{
    margin-bottom: 0;
    color: #721c24;
}

.business-view-outer .btn {
    font-weight: 400;
}
.btn-edit {
    background-color: #4fa640;
    color: #fff;
    font-weight: 600 !important;
    display: block;
    padding: 0 8px;
    margin-left: 11px;
}
.select2-container {
    width: 100% !important;
}
.select2-container--default .select2-selection--multiple { 
    border: 1px solid #ced4da !important;
}

.most-view-business .row.autoplay.slick-initialized.slick-slider {
    overflow: hidden;
    position: relative;
}
#search_seggestion .list-group a {
    white-space: nowrap;
    overflow: hidden;
    padding: 6px 10px !important;
    text-overflow: ellipsis;
    border-bottom: 1px solid #ccc;
}
.list-group .recent-box-serv {
    min-height: auto;
}
.view_all_button {  
    margin-right: 13px;
}
/***responsive****/

@media only screen and (max-width: 1200px) {
    .header-left {
        width: 18%;
    }
    .header-center {
        width: 40%;
    }
    .outer-signup {
        width: 72%;
    }
    .outer-login {
        width: 72%;
    }
  
    .advertisement-user  section.advertisement-user {
        width: 65%;
      
    } 
}


@media only screen and (max-width: 1024px) {
    .cateories-list ul li span {
        margin-right: 6px;
        color: #1a74bb;
    }
    .cate-name-icon span {
        color: #fff;
        font-size: 24px;
    }
    .cate-name-icon {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    section.business-banner .banner-heading {
        font-size: 44px;
    }
    .footer-nav ul li {
        margin-left: 4px;
    }
    .addbusiness-form .contact-num .flag {
        top: 34px;
        height: 34px;
    }
    .alert-message-show {
        width: 55%;
    }
    /* business view */
    .businessView-left-block .card-header h1.h4.mb-0 {
        font-size: 20px;
    }
    .business-view-outer .share-business {
        font-size: 15px;
    }
    .addbusiness-form .add-buss-captcha {
        margin-right: -30px;
    }
    .outer-contactus .contact-main-section {
    width: 70%;
    } 
    .thankyou-outer {
        width: 65%;
    }
    section.Promote-Listing {
        width: 45%;
    }
    .Quickly-business {
        width: 80%;
    }
  
}
    @media only screen and (max-width: 992px) {
        .btn {
            font-size: 16px;
            font-weight: 600;
            padding: 4px 8px;
        }
        a.logo img {
            max-width: 100%;
            height: auto;
        }
        .section-title p br {
            display: none;
        }
        .btn-location {            
            min-width: 125px;
        }
        .cateories-list ul li {
            width: 48%;       
    }
}

    @media only screen and (max-width: 768px) {
        .header-block {
            flex-wrap: wrap;
            position: relative;
        }
        .header-center {
            width: 100%;
            float: left;
            margin-top: 22px;
            position: relative;
        }
        .header-right {
            position: absolute;
            right: 0;
            top: 1px;
        }
        .btn-location {
            padding: 7px 10px;
        }
        .cate-name-icon h5 {
            font-size: 15px;
        }
        .cate-img img {         
            height: auto;
        }
        section.business-banner .banner-heading {
            font-size: 34px;
        }
        span.tadline {
            font-size: 24px;
        }
        .section-title p br {
            display: none;
        }
        .cateories-list ul li {
            width: 100%;
        }
        /* login */
        .outer-login {
            width: 90%;
            margin: 0 auto;
            margin-bottom: 70px;
        }
        .upper-form-heading .outer-login {
            width: 95%;
        }
        .upper-form-heading .heading_style h4:after {
            display: none;
        }
        .upper-form-heading .heading_style h4:before {
            display: none;
        }
        /* signup*/
        .outer-signup {
            width: 90%;
            margin: 0 auto;
            margin-bottom: 70px;
        }
        div#thanks_msg {
            width: 90%;
        }
        /* forgot password */
        .outer-forgot-password {
            width: 90%;
        }
        /* add business */
        .addbusiness-form .working-days-check label.checkbox-inline {
            margin-right: 10px;
        }
        .addbusiness-form .dr-section .drop_lower .upload_file_row {
            width: 97%
        }
        .alert-message-show {
            width: 78%;
            top: 119px;
        
    }
    /* business view */
    .business-view-outer .col-md-8.left {
        max-width: 100%;
        flex: inherit;
    }
    .business-view-outer .col-md-4.right {
        max-width: 100%;
        flex: inherit;
    }
    /* contact-us */
    .outer-contactus .contact-main-section {
        width: 75%;
        }
        .thankyou-outer {
            width: 75%;
        }
        section.Promote-Listing {
            width: 55%;
        }
        section.advertisement-user {
            width: 85%;
          
        } 
        .advertisement-user .dr-section .drop_lower .upload_file_row {
            padding-top: 0px;
            border: 1px solid #ccc;
            margin: 10px;
            width: 96%;
            position: relative;
            border-bottom: 1px solid #ccc;
            width: 96%;
            padding-left: 0px;
        }
        .header-right a:first-child {
            margin-left: 0;
        }
        .qick-form .out {         
            width: 94%;
        }
        .Quickly-business {
            width: 96%;
        }
    
    
}
    @media only screen and (max-width: 767px) {
        .header-block {
            flex-wrap: wrap;
            position: relative;
        }
        .header-left {
            width: 30%;
            padding-top: 6px;
        
        }
        .header-center {
            width: 100%;
            margin-top: 18px;
        }
        .header-right {
            text-align: center;
            width: 100%;
            position: absolute;
            top: 13px;
            /* right: 0; */
            
        }
        .header-right {
            text-align: center;
            position: absolute;
            top: 2px;
            right: 0px;
            width: auto;
        }
        .section-title p {
            display: none;
        }
        a.logo img {
            max-width: 100%;
            height: auto;
        }
        .cate-img img {
            max-width: 100%;
        }
        /* signup */
        .signup-form .left-block {
            width: 100%;
            margin-bottom: 0px;
        }
        .signup-form .right-block {
            width: 100%;
        }
        .signup-form small.invalid-error {
            margin-bottom: 0px;
        }
        .outer-signup .submit-my-form {
            margin-top: 20px;
        }
        div#recaptcha_block .right-blocks {
            float: inherit;
            width: 100%;
        }        
        /* login */
        .login-form .left-block {
            width: 100%;
            margin-bottom: 0px;
        }
        .login-form .right-block {
            width: 100%;
        }
        .login-form small.invalid-error {
            margin-bottom: 0px;
        }
        .login-form .submit-my-form {
            margin-top: 20px;
        }
        .alert-message-show {
            width: 95%;
            top: 99px;
        }
        .alert-message-show  h5{
            font-size: 15px;
        }
        .alert-message-show  p{
            font-size: 14px;
            line-height: 22px;
        }
        .outer-contactus .contact-main-section {
            width: 75%;
            height: 56rem;
        }
      
        .outer-contactus .right-contact-block .inner-content {
            left: 0rem;
            top: 28rem;
            width: 100%;
        }
        .outer-contactus .right-contact-block .contact-details .icon-sec {
            color: #1a74bb;
        }
        .outer-contactus .right-contact-block .inner-content {
            background: #fff;
            color: #000;
            box-shadow: none;
        }
        .outer-contactus .social-icon a {       
            color: #1a74bb;        
        }
        .btn-location {
            padding: 9px 10px;
            min-width: 180px;
        }
        .btn-search {
            padding: 8px;
        }
        .select2-container {          
            width: 100% !important;
        }
        .cateories-list ul li {
            width: 49%;
        }
        .cate-name-icon span {           
            font-size: 42px;
        }
        .cate-name-icon h5 {
            font-size: 1.25rem;
        }
        .recent-box-serv {
            margin-top: 11px;
        } 
        .addbanner-horizontal {           
            width: 100%;
        }
        .addbanner-horizontal {
            width: 100%;
            height: auto;
        }
        .addbanner-vertical1 {
            width: 100%;
            height: auto;
            
        }
        .addbanner-vertical2 {
            width: 100%;
            height: auto;
        }
        .social_icons {            
            text-align: left;
            padding: 14px 0px;
        }
        .social_icons ul {         
            margin-bottom: 0;
        }
        .outer-contactus .right-contact-block .contact-details .right-content a {
            color: #000;
        }
        section.business-banner {
            background: none;
            background-color: #1a74bb;
        }
        .qick-form .out {
            width: 94%;
            flex-wrap: wrap;
            justify-content: flex-start;
        }
        .qick-form .btn-blue {           
            margin-left: 0;
            margin-top: 10px;
        }
        .qick-form .btn-blue {
            width: auto;
            font-size: 14px;
            padding: 7px 20px;
            margin-left: 0;
        } 
    }
    @media only screen and (max-width: 425px) {
        
        .cat-img-icon{           
            position: relative;          
        }
        .outer-signup .form-check-label {          
            padding-left: 0 !important;
        }
        .cate-name-icon {
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
        .cateories-list ul li {
            width: 49%;
        }
        .cate-box {
            display: inline-block;
            margin-bottom: 22px;
        }        
        section.top-categories, section.business-banner, section.recent-business, section.promation {
            padding: 25px 0px;
        }
        .row.mt-5 {
            margin-top: 0 !important;
        }
        .cate-name-icon span {
            font-size: 42px;
        }
        .cate-name-icon h5 {
            font-size: 1.25rem;
        }
        .recent-bus-content h5 {
            margin: 0px 0 10px 0px;
        }
        .cate-img img {
            max-width: 100%;
        }
        .btn-location {           
            min-width: 112px;
        }
       
        /* login */
        .login-form .login-submit span {
            margin-right: 10px;
            position: inherit;
            top: 16px;
            margin-left: 0px;
        }
        .login-form .login-submit .btn-primary {
            width: 100%;
            margin-top: 10px;
        }
        .login-form .login-footer {
            text-align: left;
        }
        .login-form {
            padding: 25px;
        }
        .outer-login {
            width: 100%;
        }
        .upper-form-heading .input-group label {
            width: 100% !important;
        }
        .login-form p.link_to_login {
            text-align: left;
        }
        .login-form p.link-g {
            text-align: left;
            margin: 0px 0px 10px 0px;
            font-size: 16px;
        }
        .link_to_login a.btn.btn-crimson {
            margin-top: 10px;
        }
        /* signup */
        .signup-form .signup-submit span {
            margin-right: 10px;
            position: inherit;
            top: 16px;
            margin-left: 0px;
        }
        .signup-form .signup-submit .btn-primary {
            width: 100%;
            margin-top: 10px;
        }
        .signup-form .signup-footer {
            text-align: left;
        }
        .signup-form {
            padding: 25px;
        }
        .outer-signup {
            width: 100%
        }
        /* forgot password */
        .outer-forgot-password {
            width: 100%;
            margin-bottom: 70px
        }
        /* add business */
        .addbusiness-form .heading_style {
            width: 100%;
        }
        .addbusiness-form .working-days-check label.checkbox-inline {
            margin-right: 8px;
        }
        .addbusiness-form .dr-file-name p {
            font-size: 11px;
            padding-top: 10px;
        }
        .addbusiness-formdiv#drag_h3 p {
            font-size: 12px;
        }
        .addbusiness-form .dr-section .drop_lower .upload_file_row {
            width: 90%;
        }
        .addbusiness-form div#drag_h3 p {
            font-size: 14px;
        }
        .form-check.input-group.con label {
            font-size: 15px;
        }
        .btn {
            font-size: 12px;
        }
        .forgot-password-form label {
            font-size: 16px;
        }
        /* business view */
        .business-view-outer .coming-field-content li {
            font-size: 14px;
        }
        .businessView-left-block .card-header h1.h4.mb-0 {
            font-size: 18px;
        }
        .business-view-outer .share-business {
            font-size: 17px; 
            float: left;
            margin-top: 8px;
        }
        .business-view-outer p.feedback-option {
            margin-bottom: 16px;
        }
        .business-view-outer .modal h4.modal-title {
            font-size: 18px;        
        }
        .services-title ul li {
            display: inline-block;
            width: 100%;
        }
        /* contact us */
        .outer-contactus .contact-main-section {
            height: 67rem;
            padding: 21px;
            width: 96%;
        }
        .contactus-form .left-contact-block .left-block {
            width: 100%;
        }
        .contactus-form .left-contact-block .right-block {
            width: 99%;
        }
        .contactus-form .descript label {
            position: inherit;
            /* top: 0; */
        }
        .contactus-section .heading_style {
        
            width: 100%;
            
        }
        .outer-contactus .right-contact-block .inner-content {
            top: 35rem;
            left: 7px;
            width: 94%;
            height: 191px;
        }
        .outer-contactus .recaptcha_block .right-blocks {
            margin-right: 88px;
        }
        .actions {
            text-align: left;
            margin-top: 0px;
        }
        .thanyou-card-header img.img-fluid {
            width: 25%;
            margin-top: 45px;
        }
        .thankyou-outer {
            width: 82%;
           }
         
           .thanyou-card-content {
               padding: 22px 22px 30px 22px;
           }
           .main-search .form-control {           
            padding-top: 1px;
        }
        .buiness-logo {
            width: 100%;
            height: auto;
        }
        .section-title{
            margin-bottom: 16px !important;
        }
        section.search-block .section-title h2 {
            text-align: left;
            font-size: 22px;            
        }
        /* .re-bus-img {
            min-height: auto;
        } */
        .re-bus-img img {         
            min-height: auto;
        }
        .addbanner-vertical1 {
            width: 100%;
        }
        .addbanner-vertical2 {
            width: 100%;
        }
        section.Promote-Listing {
            width: 90%;    
        }
        .filter-block {          
            margin-top: 20px;
        }
        .footer-nav ul li {
            margin-left: 0;
        }
        .outer-contactus .social-icon {
            margin-top: 10px;
            text-align: left;
            padding-left: 35px;           
        }
        .main-title h1 {           
            padding: 10px 0px;
            font-size: 24px;           
        }
        section.advertisement-user{
                width: 95%;
    }
    section.advertisement-user .col-md-6.services {
        margin-top: 16px;
    }
    span.location-icon {
        color: #a4a2a2;
        margin-right: 5px;
    }
    span.arrow-pos {
        position: absolute;
        right: -2px;
    }
    .btn-location {
        padding: 9px 6px;     
    }
    .main-search .form-control {     
        margin-bottom: 0;
        padding-bottom: 0;
    }
    input#search_keyword {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 181px;
    }
    .view_all_subcategories, .view_all_subcategories:hover {       
        margin-right: 20px;
    }
    div#highlightsearchdiv {
        margin-top: 10px;       
    }

    }
    @media only screen and (max-width: 375px) {
        .main-search .form-control {
            padding-left: 10px;           
            font-size: 12px;
        }
        .btn {
            font-size: 11px;
            padding: 4px 8px;
        }
      
        .cate-img img {
            max-width: 100%;
        }
        /* login */
        .login-form a.forgot-password {
            margin-left: 0px;
        }
        /* add business */
        .addbusiness-form .dr-file-name p {
            font-size: 9px;
        }
        .form-check.input-group.con label {
            font-size: 15px;
        }
        span.red {
            font-size: 14px;
        }
        /* login */
        .login-form a.forgot-password {
            margin-left: 0px;
        }
        .alert-message-show {
            top: 91px;
        }
        .btn-location {
            padding: 8px;
        }
        .btn-search {
            padding: 7px;
        }
        .section-title h3 {
            font-size: 24px;
        }
        section.business-banner .banner-heading {
            font-size: 24px;
        }
        section.business-banner .banner-heading br {
            display: none;
        }
        span.tadline {
            font-size: 18px;
        }
        a.explore-more {           
            padding: 6px 16px;            
            font-size: 14px;           
        }
        section.advertisement-user {
            width: 95%;
            font-size: 14px;
        }
        h1.h4 {
            font-size: 18px;
        }
        input#search_keyword {         
            width: 134px;
        }
     
    }
    @media only screen and (max-width: 320px) {
        .cate-box {
            display: block;
        }
        .btn {
            font-size: 11px !important;
            padding: 6px 4px !important;
        }
        .btn-search {
            padding: 5px 7px;
        }
        .prom-left h4 {
            font-size: 20px;
        }
        .prom-right h4 {
            font-size: 20px;
        }
        .outer-contactus .right-contact-block .inner-content {
            padding: 30px 17px;
        }
        .outer-signup div#recaptcha_block {
            margin-left: -23px; 
        }
        .addbusiness-form .add-buss-captcha {
            margin-right: -40px;
        }
        .outer-login #recaptcha_block .right-blocks {
            margin-left: -24px;
        }
        .btn-location {
            padding: 5px;
        }
        span.arrow-pos {           
            top: 9px;           
        }
        .thanyou-card-content {
            padding: 0px 22px 30px 22px;
        }
        section.Promote-Listing {
            width: 100%;    
        }
        .advertisement-user .upload_file_row p {
            float: inherit;
        }
        h1.h4 {
            font-size: 16px;
        }
        .header-right .btn-midnightBlue {
            text-overflow: ellipsis;
            width: 78px;
            overflow: hidden;
        }
        input#search_keyword {
            width: 80px;
        }
    }