html {
    overflow-x: hidden;
    width: 100%;
    height: 100%
}

body {
    background-color: #f6f5f7;
    font-family: Regular !important;
    -webkit-font-smoothing: antialiased;
    font-size: 1.4rem;
    width: 100%;
    height: 100%;
    color: #222;
    padding-right: 0px !important;
    -webkit-font-smoothing: antialiased
}

a {
    text-decoration: none !important
}

.ui-autocomplete .ui-front .ui-menu .ui-widget .ui-widget-content .ui-corner-all {
    display: block !important;
    top: 52px !important;
    left: 225px !important;
    width: 412px !important
}

ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px
}

.clear {
    clear: both
}

.no-hor-padding {
    padding-left: 0px;
    padding-right: 0px
}

.container-cus {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

#trackingdetails-form {
    float: left;
    width: 100%
}

.navbar-nav>li>a {
    font-style: normal !important
}

.regular-font {
    font-family: Regular
}

.bold {
    font-family: Bold
}

.primary-bg-color {

    /* background-color: #1D1D1F */
    background-color: #7DBD00
}

.secondary-bg-color {
    background-color: #f6f5f7
}

.primary-txt-color {
    color: #222
}

.secondary-txt-color {
    color: #8e8e8e
}

.txt-white-color {
    color: #fff
}

.txt-pink-color,
.txt-pink-color:hover,
.txt-pink-color:focus {
    color: #7DBD00
}

.g-color {
    color: #7DBD00 !important
}

.gray {
    color: #b9c3cc !important
}

.text-align-right {
    text-align: right
}

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

.padding-right-10 {
    padding-right: 10px
}

.padding-left-10 {
    padding-left: 10px
}

.padding-bottom-0 {
    padding-bottom: 0px !important
}

.padding-bottom-5 {
    padding-bottom: 5px
}

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

.padding-top-0 {
    padding-top: 0px !important
}

.padding-top-5 {
    padding-top: 5px !important
}

.padding-top-10 {
    padding-top: 10px !important
}

.padding-top-20 {
    padding-top: 20px !important
}

.margin-top-10 {
    margin-top: 10px
}

.margin-top-20 {
    margin-top: 20px
}

.margin-top-15 {
    margin-top: 15px
}

.margin-bottom-0 {
    margin-bottom: 0px !important
}

.margin-left-20 {
    margin-left: 20px
}

.display-flex {
    display: flex !important
}

.border-radius-0 {
    border-radius: 0px
}

.border-radius-5 {
    border-radius: 5px
}

.boreder-btm {
    border-top: 1px solid #e7edf2 !important;
}

option {
    padding: 10px 15px;
    background-color: #222;
    color: #fff;
    border: none;
    box-shadow: none;
    -moz-appearance: none;
    -webkit-appearance: none
}

option:hover {
    background-color: #222 !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    color: #fff;
    border: none;
    box-shadow: none
}

@font-face {
    font-family: Regular;
    src: url("fonts/Regular.ttf");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: Bold;
    src: url("fonts/Bold.ttf");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: FontAwesome;
    src: url("../font-awesome-4.1.0/fonts/fontawesome-webfont.ttf");
    font-weight: normal;
    font-style: normal
}

.tick-icon {
    background: #7DBD00;
    height: 20px;
    width: 20px;
    padding: 3px;
    border-radius: 50%;
    color: #fff;
    font-size: 10px
}

.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-check:before {
    content: ""
}

.checkbox input[type=checkbox] {
    cursor: pointer;
    opacity: 0;
    z-index: 1;
    position: absolute;
    left: 0px;
    outline: none !important
}

.checkbox label {
    display: block;
    padding-top: 2px;
    padding-left: 25px;
    position: relative;
    font-size: 16px
}

.checkbox-primary input[type=checkbox]:checked+label::before {
    background-color: #7DBD00;
    border-color: #7DBD00
}

.checkbox label::before {
    -o-transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    background-color: #fff;
    border-radius: 1px;
    border: 1px solid #dbdbdb;
    border-top-color: #dbdbdb;
    border-right-color: #dbdbdb;
    border-bottom-color: #dbdbdb;
    border-left-color: #dbdbdb;
    content: "";
    display: inline-block;
    height: 17px;
    left: 20px;
    top: 3px;
    margin-left: -20px;
    position: absolute;
    transition: .3s ease-in-out;
    width: 17px;
    outline: none !important;
    border-radius: 5px
}

.checkbox-primary input[type=checkbox]:checked+label::after {
    color: #fff
}

.checkbox input[type=checkbox]:checked+label::after {
    content: "";
    font-family: "FontAwesome";
    display: inline-block
}

.checkbox label::after {
    color: #7DBD00;
    display: inline-block;
    font-size: 10px;
    height: 16px;
    left: 0;
    margin-left: 0px;
    padding-left: 4px;
    padding-top: 2px;
    position: absolute;
    top: 3px;
    width: 16px
}

.modal {
    text-align: center;
    padding: 0 !important
}

.modal:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    margin: 20px auto
}

.classified-header {
    border-radius: 0 !important;
    height: 64px;
    position: fixed;
    width: 100%;
    z-index: 1002
}


.search-for-location {
    padding-right: 5px !important
}

.search-for-location-icon {
    background: url("../images/location.png") no-repeat 10px 12px !important;
    height: 16px;
    width: 16px
}

.classified-header-bar {
    padding-top: 12px;
    padding-bottom: 12px;
    margin: 0px !important
}

.classified-search-icon {
    background: url("../images/search.png") no-repeat 10px 12px !important;
    height: 16px;
    width: 16px
}

.search-for-location input {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    padding: 0px 10px 0px 35px !important;
    background-color: #fff !important;
    height: 40px;
    color: #222 !important;
    width: 100%;
    border: 1px solid #fff !important
}

.classified-search-bar input {
    background-color: #fff !important;
    height: 40px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    color: #222 !important;
    width: 100%;
    padding-left: 32px !important;
    border-right: 1px solid #e9e9e9;
    border-color: #e9e9e9 !important
}

.classified-header-nav {
    display: none
}

.classified-search-bar-mobile {
    display: none !important
}

.classified-logo {
    text-align: center;
    display: inline-block
}

.classified-logo img {
    height: 40px;
    width: auto
}

.navbar-nav a {
    color: #fff !important
}

.classified-header-bar .classified-user-nav {
    padding-right: 0
}

.classified-user-nav {
    float: right
}

.classified-header-login {
    padding-right: 20px !important;
    padding-top: 10px;
    padding-left: 20px
}

.classified-header-signup {
    padding-top: 10px
}

.classified-header-stuff {
    margin-top: 4px;
    /* border: 1px solid white; */
    border: 1px solid #7DBD00;
    background-color: #7DBD00;
    height: auto;
    padding: 6px 10px 6px 15px;
    text-align: center;
    width: auto
}

.classified-header-stuff a {
    padding-left: 22px
}

.classified-header-stuff a:active,
.classified-header-stuff a:focus,
.classified-header-stuff a:visited {
    color: #fff !important
}

.classified-camera-icon {
    background: url("../images/camera.png") no-repeat 15px 8px;
    height: 16px;
    padding-left: 5px;
    padding-right: 5px
}

#menu-toggle {
    display: none
}

.classified-loader {
    padding-left: 0em;
    padding-right: 0em;
    margin: auto;
    width: 95px;
    margin: 40px auto 72px auto;
    display: none
}

.cssload-loader {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin: 1em;
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.cssload-loader {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin: 1em;
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.cssload-loader,
.cssload-loader:before,
.cssload-loader:after {
    animation: 1.15s infinite ease-in-out;
    -o-animation: 1.15s infinite ease-in-out;
    -ms-animation: 1.15s infinite ease-in-out;
    -webkit-animation: 1.15s infinite ease-in-out;
    -moz-animation: 1.15s infinite ease-in-out
}

.cssload-loader:before,
.cssload-loader:after {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0
}

.cssload-loader:before,
.cssload-loader:after {
    content: ""
}

.cssload-loader:before,
.cssload-loader:after {
    content: "";
    background-color: #7DBD00;
    transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    animation: cssload-animation 1.73s infinite ease-in-out;
    -o-animation: cssload-animation 1.73s infinite ease-in-out;
    -ms-animation: cssload-animation 1.73s infinite ease-in-out;
    -webkit-animation: cssload-animation 1.73s infinite ease-in-out;
    -moz-animation: cssload-animation 1.73s infinite ease-in-out
}

.cssload-loader:after {
    animation-delay: .86s;
    -o-animation-delay: .86s;
    -ms-animation-delay: .86s;
    -webkit-animation-delay: .86s;
    -moz-animation-delay: .86s
}

@keyframes cssload-animation {
    0% {
        transform: translateX(-100%) scale(0)
    }

    50% {
        transform: translateX(0%) scale(1)
    }

    100% {
        transform: translateX(100%) scale(0)
    }
}

@-o-keyframes cssload-animation {
    0% {
        -o-transform: translateX(-100%) scale(0)
    }

    50% {
        -o-transform: translateX(0%) scale(1)
    }

    100% {
        -o-transform: translateX(100%) scale(0)
    }
}

@-ms-keyframes cssload-animation {
    0% {
        -ms-transform: translateX(-100%) scale(0)
    }

    50% {
        -ms-transform: translateX(0%) scale(1)
    }

    100% {
        -ms-transform: translateX(100%) scale(0)
    }
}

@-webkit-keyframes cssload-animation {
    0% {
        -webkit-transform: translateX(-100%) scale(0)
    }

    50% {
        -webkit-transform: translateX(0%) scale(1)
    }

    100% {
        -webkit-transform: translateX(100%) scale(0)
    }
}

@-moz-keyframes cssload-animation {
    0% {
        -moz-transform: translateX(-100%) scale(0)
    }

    50% {
        -moz-transform: translateX(0%) scale(1)
    }

    100% {
        -moz-transform: translateX(100%) scale(0)
    }
}

.sticky-header-dropdown {
    float: left;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    max-height: 400px;
    height: auto;
    overflow-y: auto
}

.classified-header-nav>ul.sticky-header-dropdown>li {
    float: left;
    width: 100%;
    padding: 5px
}

.classified-header-nav>ul.sticky-header-dropdown>li>a {
    float: left;
    padding: 10px 55px;
    width: 100%
}

.classified-header-nav>ul.sticky-header-dropdown>li>a:hover {
    color: #7DBD00
}

.classified-header-nav>ul.sticky-header-dropdown>li>a.sticky-header-dropdown-others {
    padding-left: 38px !important
}

.sticky-header-dropdown-height {
    height: 39px !important
}

.navbar {
    border: 1px solid transparent;
    margin-bottom: 0px !important;
    min-height: 0px !important
}

.classified-menu nav.navbar {
    padding: 0 30px;
    border-bottom: 1px solid #f4f4f4;
    border-radius: 0;
    margin-top: 60px;
}

.classified-menu {
    background-color: #fff
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    background-color: #fff;
    border-color: #fff
}

.classified-menu li a {
    color: #222 !important;
    font-size: 1.5rem;
    /*padding: 16px 15px 16px 41px;*/
    margin-left: 15px;
    border-right: 1px solid #f4f4f4
}

.classified-menu ul li ul li a {
    border-right: none !important
}

/*.classified-menu ul li ul li a {
    margin-left: 10px !important
}*/

.classified-menu li.dropdown:first-child a {
    margin-left: 0
}

.classified-menu li a:focus {
    background-color: #fff !important
}

.classified-menu li a:hover {
    color: #7DBD00 !important
}

.classified-dropdown-submenu li a {
    padding: 10px 10px 10px 5px;
    font-size: 1.4rem
}

.classified-dropdown-submenu li a:hover {
    background: none
}

.classified-dropdown-submenu {
    border: none;
    z-index: 998
}

.sidebar-nav .body {
    overflow-y: hidden
}

.dropdown:hover #dropdown-block.dropdown-menu {
    display: block;
    max-height: 350px
}

.navbar-nav>li>.dropdown-menu {
    padding: 0;
    height: auto;
    overflow-y: auto
}

li.dropdown.main-mobile-menu.open {
    height: auto
}

.affix {
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1), 0 2px 5px 0 transparent;
    z-index: 999
}

.header-left {
    vertical-align: middle;
    line-height: 41px
}

.dropdown-submenu,
.dropdown-menu {
    -webkit-animation: slide-down .2s ease-out;
    -moz-animation: slide-down .2s ease-out
}

.tab-pane {
    -webkit-animation: slide-down3 .3s ease-in;
    -moz-animation: slide-down3 .3s ease-in
}

.classified-header-nav {
    display: inline-block;
    opacity: 0;
    padding-left: 12px;
    transition: all .5s ease 0s;
    visibility: hidden
}

.affix .classified-header-nav {
    display: block;
    display: inline-block;
    padding-left: 12px;
    opacity: 1;
    visibility: visible
}

@-webkit-keyframes slide-down {
    0% {
        opacity: 0;
        -webkit-transform: translatex(-10%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translatex(0)
    }
}

@-moz-keyframes slide-down {
    0% {
        opacity: 0;
        -moz-transform: translatex(-10%)
    }

    100% {
        opacity: 1;
        -moz-transform: translatex(0)
    }
}

@-webkit-keyframes slide-down1 {
    0% {
        opacity: 0;
        -webkit-transform: translatex(-3%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translatex(0)
    }
}

@-moz-keyframes slide-down1 {
    0% {
        opacity: 0;
        -moz-transform: translatex(-3%)
    }

    100% {
        opacity: 1;
        -moz-transform: translatex(0)
    }
}

@-webkit-keyframes slide-down3 {
    0% {
        opacity: 0;
        -webkit-transform: translatey(-10%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translatey(0)
    }
}

@-moz-keyframes slide-down3 {
    0% {
        opacity: 0;
        -moz-transform: translatey(-10%)
    }

    100% {
        opacity: 1;
        -moz-transform: translatey(0)
    }
}

.find-near-you.affix {
    top: 60px;
    box-shadow: none;
    width: 60%;
    margin: 0 auto !important;
    z-index: 444 !important
}

.dropdown-location-find {
    margin: 0 auto;
    padding-top: 20px;
    text-align: center
}

.dropdown-near-you {
    display: block;
    margin: 0 auto;
    text-align: center;
    float: none;
    border-radius: 5px;
    height: 36px;
    border: 1px solid #e7edf2;
    background-color: #fff !important;
    color: #222;
    margin-top: 20px;
    max-width: 300px
}

.dropdown-near-you img {
    padding-right: 5px;
    float: left;
    padding: 9px 8px
}

.miles {
    float: left;
    font-size: 1.4rem;
    overflow: hidden;
    padding-bottom: 7px;
    padding-top: 7px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 74%
}

.hiddencls {
    display: none
}

.dropdown-btn img {
    padding: 0
}

.dropdown-btn img:focus {
    background: url("../images/up-arrow.png") no-repeat 0 0
}

.dropdown-btn {
    background-color: #7DBD00;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    float: right;
    padding: 10px 10px 10px;
    margin-right: -1px;
    margin-top: -1px
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out 0s
}

.modal.fade.in {
    overflow-y: auto;
    scrollbar-width: none;
}

.modal.fade.in::-webkit-scrollbar {
    display: none;
}

#googleMap {
    height: 400px
}

.pac-container {
    z-index: 10000 !important;
}

.map-mylocation-button {
    background-color: #fff;
    border-radius: 50%;
    padding: 10px;
    position: absolute;
    right: 40px;
    bottom: 50px;
    z-index: 999
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #222 !important;
    border-radius: 4px;
    font-family: Regular
}

.tooltip-arrow {
    border-bottom-color: #222 !important
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50% !important;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #222 !important
}

.map-location-icon {
    position: absolute;
    left: 40px;
    top: 200px;
    z-index: 999
}

.modal-header {
    padding: 0px
}

.nearmemodal-content {
    margin: 40px auto;
    width: 700px
}

.map-search-fleld {
    z-index: 0;
    position: absolute;
    left: 0px;
    top: 0px
}

.map-close {
    display: none
}

.location-section {
    display: inline;
    top: 15px;
    z-index: 1;
    position: absolute;
    left: 0
}

.map-input-box {
    padding-left: 15px;
    width: 80%;
    float: left
}

.map-input-box input {
    background: #fff url("../images/location.png") no-repeat 10px 12px;
    border: medium none;
    border-radius: 5px;
    color: #222 !important;
    height: 40px;
    padding: 0 15px 0 35px !important;
    width: 100%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1), 0 2px 5px 0 transparent;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1), 0 2px 5px 0 transparent;
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1), 0 2px 5px 0 transparent
}

.map-select-box {
    color: #222 !important;
    margin-left: -3px;
    background-color: #fff;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 20%;
    float: left
}

.map-select-box select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 40px;
    overflow: hidden;
    border: none;
    width: 100%;
    padding-left: 5px;
    cursor: pointer;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1), 0 2px 5px 0 transparent;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1), 0 2px 5px 0 transparent;
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1), 0 2px 5px 0 transparent
}

.select-box-arrow {
    background: url("../images/down-arrow-fill.png") no-repeat 90% 15px;
    height: 12px
}

.location-button {
    margin-top: 9px
}

.location-button a:hover {
    color: #fff !important
}

.location-submit-button {
    background-color: #7DBD00;
    border-radius: 5px;
    padding: 11px 15px;
    margin-left: 5px;
    color: #fff !important
}

.location-find-button {
    background-color: #222;
    border-radius: 5px;
    padding: 11px 20px;
    margin-left: 5px;
    color: #fff !important
}

.login-modal-content {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #fff;
    color: #222 !important;
    border-radius: 5px;
    vertical-align: middle;
    margin: 20px auto
}

.login-sub-header-text {
    padding-left: 15px;
    margin-bottom: 0px;
    margin-top: 0px;
    float: left;
    padding-right: 5px
}

#exchange-modal .login-modal-header {
    padding-bottom: 10px;
    padding-left: 10px
}

.login-modal-header {
    padding-bottom: 10px
}

.login-line {
    background-color: #e7edf2;
    height: 1px;
    width: 100%
}

.login-header-text {
    font-size: 1.8rem;
    font-family: Bold;
    padding-left: 15px;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-bottom: 5px;
    float: left;
    width: 80%
}

.login-close {
    margin-top: -5px;
    padding-right: 15px !important;
    font-size: 2.5rem
}

.login-box input {
    background-color: #fff;
    border: medium none;
    border-radius: 5px;
    color: #8e8e8e !important;
    border: 1px solid #e2e2e2;
    height: 40px;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%
}

.login-content {
    padding-left: 15px;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 25px
}

.login-box .login-btn,
.payment-promote-btn {
    background-color: #7DBD00;
    border-radius: 5px;
    height: 40px;
    float: left;
    padding: 10px 0;
    border: medium none;
    text-align: center;
    color: #fff !important
}

.login-btn:hover {
    background-color: #7DBD00;
    color: #fff !important
}

.popup-input.ratting-title {
    margin-bottom: 15px
}

.remember-me-checkbox {
    float: left;
    padding-right: 5px;
    margin: 4px 0 !important
}

.remember-div {
    float: left;
    margin-top: 6px !important
}

.remember-pwd {
    padding-top: 15px;
    padding-bottom: 15px;
    float: left;
    font-size: 16px
}

.remember-me-txt {
    padding-left: 5px;
    padding-right: 10px;
    float: left
}

.remember-me-checkbox label {
    padding-left: 23px
}

.forgot-pwd {
    color: #222;
    padding-left: 6px;
    padding-top: 6px;
    float: left
}

.forgot-pwd:hover {
    color: #7DBD00
}

.left-div-line {
    background-color: #e7edf2;
    height: 1px;
    width: 35%
}

.right-div-line {
    background-color: #e7edf2;
    height: 1px;
    float: right;
    width: 35%
}

.login-or {
    float: left;
    margin-top: -10px;
    text-align: center;
    width: 100%
}

.social-login {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px
}

.social-login-center {
    float: none;
    text-align: center;
    width: 100px;
    margin: 0 auto;
}


.facebook-login {
    display: inline-block;
    padding-right: 10px
}

.twitter-login {
    display: inline-block;
    padding-right: 10px
}

.googleplus-login {
    display: inline-block
}

.new-signup {
    text-align: center;
    color: #222
}

.new-signup {
    padding-top: 15px
}

.new-signup a {
    padding-left: 3px
}

.signup-or {
    float: left;
    margin-top: -10px;
    text-align: center;
    width: 100%
}

.modal-dialog-width {
    width: 450px;
    margin: 0 auto;
    padding: 0 15px
}

.modal-big-width-dialog {
    width: 650px
}

.signup-close {
    margin-top: -5px;
    padding-right: 15px !important;
    font-size: 2.5rem
}

.signup-modal-content {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #fff;
    color: #222 !important;
    border-radius: 5px;
    margin: 40px auto
}

.signup-modal-header {
    padding-bottom: 10px
}

.sigup-line {
    background-color: #e7edf2;
    height: 1px;
    width: 100%
}

.signup-header-text {
    font-size: 1.8rem;
    font-family: Bold;
    padding-left: 15px;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-bottom: 5px;
    float: left
}

.signup-sub-header-text {
    padding-left: 15px;
    margin-bottom: 0px;
    margin-top: 0px;
    float: left
}

.signup-box input {
    background-color: #fff !important;
    border: medium none;
    border-radius: 5px;
    color: #8e8e8e !important;
    border: 1px solid #e2e2e2;
    height: 40px;
    padding-left: 15px;
    width: 100%;
    margin-bottom: 10px
}

.signup-content {
    padding: 15px 15px 30px
}

.signup-btn {
    background-color: #7DBD00;
    border-radius: 5px;
    height: 40px;
    float: left;
    padding: 10px 0;
    text-align: center
}

.signup-btn:hover {
    color: #fff !important
}

.user-login {
    padding-top: 15px;
    text-align: center
}

.login-line-2 {
    background-color: #e7edf2;
    height: 1px;
    width: 100%;
    margin-top: 15px
}

.user-login a {
    padding-left: 3px
}

.signup-or {
    float: left;
    margin-top: -10px;
    text-align: center;
    width: 100%
}

.cancel-promote-img {
    display: block
}

.modal-open {
    position: fixed;
    overflow-y: auto
}

body.modal-open {
    overflow: hidden
}

body.modal-open .classified-header {
    position: absolute
}

.forgot-dialog-width {
    width: 450px;
    margin: 0 auto
}

.forgot-close {
    margin-top: -10px;
    padding-right: 15px !important;
    font-size: 3rem
}

.forgot-modal-content {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #fff;
    color: #222 !important;
    border-radius: 5px;
    margin: 40px auto
}

.forgot-modal-header {
    padding-bottom: 15px
}

.forgot-line {
    background-color: #e7edf2;
    height: 1px;
    width: 100%
}

.forgot-header-text {
    font-size: 1.8rem;
    font-family: Bold;
    padding-left: 15px;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-bottom: 5px;
    float: left
}

.forgot-sub-header-text {
    padding-left: 15px;
    margin-bottom: 0px;
    margin-top: 0px;
    float: left
}

.forgot-box input {
    background-color: #fff;
    border: medium none;
    border-radius: 5px;
    color: #8e8e8e !important;
    border: 1px solid #e2e2e2;
    height: 40px;
    padding-left: 15px;
    width: 100%;
    margin-bottom: 10px
}

.forgot-content {
    padding: 15px 15px 0px
}

input.forgot-btn {
    background-color: #7DBD00 !important;
    border-radius: 5px;
    height: 40px;
    float: left;
    padding: 10px 0;
    text-align: center;
    color: #fff !important;
    border: medium none
}

.forgot-btn:hover {
    color: #fff !important
}

.forgot-login {
    padding-top: 15px;
    text-align: center
}

.classified-header-message {
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    margin-top: -7px
}

.classified-header-message img {
    float: left
}

.classified-login-user-nav>ul.navbar-nav {
    float: right
}

.message-counter {
    position: relative;
    z-index: 1222;
    background-color: orange;
    color: #fff !important;
    float: left;
    line-height: 13px;
    margin-left: 14px !important;
    margin-top: -35px !important;
    height: 20px;
    width: 20px;
    letter-spacing: -1px;
    line-height: 18px;
    padding: 1px 2px 0 0;
    text-align: center;
    font-size: 1.3rem;
    border-radius: 50%;
    text-transform: uppercase
}

.classified-header-profile-img {
    background: url("../images/user-profile-img.jpg") no-repeat;
    border-radius: 50%;
    height: 39px;
    width: 39px;
    float: none;
    background-size: cover;
    display: inline-block
}

.classified-header-profile {
    padding-left: 10px;
    padding-right: 15px;
    height: 40px;
    color: #222
}

.classified-header-profile .dropdown-menu {
    padding: 5px 10px !important;
    margin-top: 5px !important
}

.logout a {
    border-top: 1px solid #f4f4f4
}

.classified-header-profile a:hover {
    color: #7DBD00 !important
}

.classified-header-profile li a {
    color: #222 !important;
    padding: 10px 4px !important
}

.classified-header-har-line {
    width: 1px;
    background-color: rgba(255, 255, 255, .5);
    height: 40px;
    float: left;
    margin-left: 5px;
    margin-right: 5px
}

.classified-header-down-arrow {
    background: url("../images/down-arrow-fill.png") no-repeat;
    height: 12px;
    width: 12px;
    float: none;
    margin-top: 15px;
    margin-left: 7px;
    vertical-align: top;
    display: inline-block
}

.Category-input-box-row {
    margin-top: -9px
}

.write-review {
    padding-bottom: 5px;
    font-size: 16px
}

.write-review span {
    padding-left: 3px
}

.write-review-1 span {
    padding-left: 3px
}

.product-review-text {
    text-align: center
}

.product-review-text-area {
    line-height: 24px
}

.product-review {
    color: #222
}

.product-review:hover,
.product-review:focus {
    color: #222
}

.product-review-p {
    padding: 10px 20px;
    float: right
}

.review-content-bg {
    background-color: #fff;
    padding: 10px 15px;
    margin-top: 10px;
    border-radius: 4px
}

.review-content-heading {
    padding-bottom: 3px
}

.review-date {
    color: #8e8e8e;
    font-size: 12px
}

.edit-review {
    float: right
}

.edit-review a {
    color: #222
}

.edit-review a:hover {
    color: #7DBD00
}

.reviwer-name {
    color: #222;
    font-size: 1.125em;
    overflow: hidden;
    padding-bottom: 5px;
    padding-top: 10px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.user-name-review {
    padding-right: 5px
}

#user-pic-2 {
    background: url("../images/profile-page-profile-icon.png") no-repeat;
    width: 90px;
    height: 90px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.write-review-1 {
    font-size: 16px;
    padding-bottom: 5px;
    padding-top: 5px
}

.footer {
    background-color: #fff;
    margin-top: 25px;
    clear: both
}

.footer a {
    float: left
}

/* .classified-footer-head {
    padding-bottom: 30px;
    padding-top: 30px;
    padding-top: 40px
} */

.classified-social-icon {
    padding-top: 10px
}

.classified-social-icon img {
    padding-right: 10px
}

.classified-app-icon img {
    padding-right: 12px
}

.classified-app-icon {
    padding-top: 18px
}

.classified-android-app {
    padding-left: 13px
}

.classified-footer-vertical-line {
    background-color: #e7edf2;
    float: left;
    height: 24px;
    width: 1px
}

.classified-new-account-info {
    font-size: 1.7rem
}

.classified-new-account a {
    color: #fff;
    float: left;
    height: auto;
    width: auto;
    padding: 10px 15px;
    margin-right: 5px;
}

.classified-new-account a:active,
.classified-new-account a,
.classified-new-account a:visited {
    color: #fff !important
}

.classified-footer-horizontal-line {
    background-color: #e7edf2;
    height: 1px;
    width: 100%
}

.padding-left-none {
    padding-left: 0px !important
}

.classified-footer-menu-links a {
    padding-left: 10px;
    padding-right: 10px
}

.classified-footer-menu-links a:hover {
    color: #7DBD00
}

.classified-footer-dev {
    float: left
}

.classified-footer-menu-links {
    padding-bottom: 5px;
    padding-top: 30px
}

.classified-footer-Copyright {
    padding-bottom: 40px
}

#language {
    z-index: 1000
}

.language {
    padding-bottom: 5px;
    padding-top: 30px
}

.language-select-box-heading {
    color: #222;
    font-weight: normal;
    padding-top: 8px;
    padding-left: 15px
}

.language .form-control {
    background-color: #fff;
    border: 1px solid #e7edf2 !important;
    border-radius: 5px;
    color: #8e8e8e !important;
    display: inline-block;
    height: 40px;
    font-size: 1.4rem;
    padding-left: 8px;
    margin: 0 5px;
    -moz-appearance: none;
    -webkit-appearance: none;
    width: 90px
}

.classified-search-bar-bg {
    background-color: #fff
}

.classified-search-icon-mobile {
    background: url("../images/search.png") no-repeat 0px !important;
    height: 40px !important;
    width: 100% !important;
    padding-left: 30px
}

.circle,
.circle2,
.circle3,
.circle4 {
    position: fixed;
    bottom: 110px;
    right: 50px;
    z-index: 999;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(0, -50%);
    opacity: 0;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1px solid #7DBD00;
    -webkit-animation: ripple 4s linear infinite;
    animation: ripple 4s linear infinite
}

.circle2 {
    -webkit-animation-delay: 1s
}

.circle3 {
    -webkit-animation-delay: 2s
}

.circle4 {
    -webkit-animation-delay: 3s
}

@-webkit-keyframes ripple {
    0% {
        -webkit-transform: scale(1);
        opacity: 0
    }

    10% {
        opacity: .8
    }

    60% {
        opacity: 0
    }

    100% {
        -webkit-transform: scale(10);
        opacity: 0
    }
}

@keyframes ripple {
    0% {
        transform: scale(1);
        opacity: 0
    }

    10% {
        opacity: .8
    }

    60% {
        opacity: 0
    }

    100% {
        transform: scale(10);
        opacity: 0
    }
}

.floting-location {
    animation: 1s ease 2s normal forwards 1 fadein;
    -webkit-animation: 1s ease 2s normal forwards 1 fadein
}

.mobile-location {
    position: fixed;
    bottom: 92px;
    right: 32px;
    z-index: 1000
}

.mobile-location-icon {
    padding: 15px 15px;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    text-align: center;
    vertical-align: middle
}

.search-go {
    background: #EFEEEF;
    height: 40px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    text-align: center;
    vertical-align: middle;
    line-height: 40px;
    color: #222;
    margin-left: -1px;
    font-family: bold;
    position:relative;
    z-index:99;
}

.location-info-txt {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mobile-location-info {
    bottom: 100px;
    max-width: 150px;
    opacity: 0;
    padding: 5px 10px;
    position: fixed;
    right: 70px;
    transition: all .5s ease-out 0s;
    visibility: hidden;
    z-index: 1000
}

.mobile-location:hover+.mobile-location-info {
    display: block;
    opacity: 1;
    visibility: visible
}

.classified-search-bar-mobile {
    display: inline-flex
}

.classified-search-bar-mobile input {
    background-color: #fff;
    height: 40px;
    border: none;
    color: #222;
    width: 100%
}

.classified-search-bar-mobile input:focus {
    background-color: #2a3f52;
    color: #222;
    border: none
}

.mobile-user-area {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 1px 10px #cacaca;
    padding: 20px;
    z-index: 9999;
    width: 100%;
    text-align: center;
    clear: both;
    /* position: fixed;
    bottom: 0;*/
    display: flex;
    justify-content: space-around;
    display: none
}

.examples #testDiv {
    height: 90vh !important;
    overflow-y: auto;

}

.sidebar-menu-listng {
    padding-bottom: 50px;
    overflow-y: scroll;
}

.mobile-user-area div {
    width: 120px;
    padding: 10px
}

.mobile-user-area a:hover {
    color: #fff
}

.user-area a:hover {
    color: #fff
}

.classified-login {
    color: #fff !important;
    height: 40px;
    padding-top: 10px;
    width: 100px;
    display: inline-block
}

.classified-signup {
    background-color: #222;
    height: 40px;
    padding-top: 10px;
    width: 100px;
    margin-left: 0px;
    display: inline-block
}

.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all .ui-corner-all {
    width: 100%;
    display: block;
    padding: 10px !important;
    border: unset
}

.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all .ui-corner-all:hover {
    color: #7DBD00
}

#wrapper {
    padding-left: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

#wrapper.toggled {
    padding-left: 250px
}

#sidebar-wrapper {
    z-index: 1005;
    width: auto;
    height: auto;
    background: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

#wrapper.toggled #sidebar-wrapper {
    width: 250px;
    box-shadow: 1px 1px 7px #9b9b9b
}

#page-content-wrapper {
    width: 100%;
    position: absolute
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -250px
}

.classified-mobile-Category {
    color: #222;
    font-family: Bold;
    font-size: 2rem;
    background-color: #fff;
    padding-left: 0px !important;
    border-bottom: 1px solid #f4f4f4;
    line-height: 50px !important
}

.noscroll {
    overflow: hidden
}

.overlay {
    position: fixed;
    overflow-y: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.sidebar-menu-listng {
    height: auto;
    max-height: 100%
}

.sidebar-nav {
    float: left;
    height: 100%;
    list-style: outside none none;
    margin: 0;
    width: 100%;
    padding-bottom: 20px
}

.classified-mobile-Category-catgr {
    background: #1D1D1F none repeat scroll 0 0;
    font-family: Bold;
    font-size: 2rem;
    line-height: 50px;
    padding-left: 0;
    position: sticky;
    text-indent: 20px;
    top: 0;
    width: 100%;
    z-index: 9999;
    display: flex;
    justify-content: space-between
}

.sidebar-nav li {
    text-indent: 20px
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #222 !important;
    font-family: Bold;
    font-size: 1.5rem;
    line-height: 35px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 15px
}

.dropdown-toggle.classified-for-sale.disabled {
    margin-left: 10px
}

.sidebar-nav li a:hover {
    color: #7DBD00 !important
}

.sidebar-nav li a:focus {
    color: #7DBD00 !important
}

.dropdown-submenu li a {
    font-size: 1.5rem
}

.dropdown-submenu li a:hover {
    background-color: #fff
}

.slider-imag {
    height: 400px;
    overflow: hidden;
    position: relative
}

.video-cover {
    display: unset;
    position: absolute;
    vertical-align: top;
    width: 100%
}

.img-video {
    height: 100%
}

.slider-imag {
    background: #333
}

.img-slide-contetnt h1 {
    margin-bottom: 25px;
    padding: 0 15px;
    text-shadow: 0 0 3px #000
}

.img-slide-contetnt {
    position: absolute;
    top: 100px;
    width: 100%
}

.text-link>li {
    display: inline;
    margin: 10px 0
}

.app_link li {
    display: inline-block;
    padding-top: 30px
}

.ios_link {
    padding-right: 10px
}

.column {
    float: left
}

.size-1of8 {
    width: 12.5%
}

.size-1of6 {
    width: 16.66%
}

.size-1of5 {
    width: 20%
}

.size-1of4 {
    width: 25%
}

.size-1of3 {
    width: 33.333%
}

.size-1of2 {
    width: 50%
}

.product_align_cnt {
    padding: 10px
}

#fh5co-board[data-columns]::before {
    content: "4 .column.size-1of4";
    opacity: 0 !important
}

#fh5co-offcanvass {
    position: fixed;
    z-index: 88;
    top: 0;
    right: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translateX(320px);
    -moz-transform: translateX(320px);
    -ms-transform: translateX(320px);
    -o-transform: translateX(320px);
    transform: translateX(320px);
    bottom: 0;
    width: 300px;
    padding: 40px 30px;
    background: #fff;
    -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, .3);
    -ms-box-shadow: 0 0 9px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, .3)
}

#fh5co-offcanvass .fh5co-lead {
    font-size: 12px;
    letter-spacing: 2px;
    color: #ccc;
    text-transform: uppercase;
    margin-bottom: 20px
}

#fh5co-offcanvass ul {
    padding: 0;
    margin: 0 0 30px 0
}

#fh5co-offcanvass ul li {
    padding: 0;
    margin: 0;
    list-style: none
}

#fh5co-offcanvass ul li a {
    display: block;
    padding: 7px 4px;
    border-bottom: 1px solid #eaeaea;
    font-size: 18px;
    color: #222
}

#fh5co-offcanvass ul li a:hover,
#fh5co-offcanvass ul li a:focus,
#fh5co-offcanvass ul li a:active {
    outline: none;
    text-decoration: none;
    color: #ef5353
}

#fh5co-offcanvass ul li.active a {
    color: #ef5353 !important
}

#fh5co-offcanvass.fh5co-awake {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px)
}

#fh5co-offcanvass .fh5co-offcanvass-close {
    position: absolute;
    right: 20px;
    top: 30px;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 2px;
    font-family: Regular;
    z-index: 99;
    float: left;
    color: #222
}

#fh5co-offcanvass .fh5co-offcanvass-close i {
    font-size: 20px;
    margin-top: 3px;
    float: right;
    margin-left: 10px;
    color: red
}

#fh5co-offcanvass .fh5co-offcanvass-close:hover,
#fh5co-offcanvass .fh5co-offcanvass-close:focus,
#fh5co-offcanvass .fh5co-offcanvass-close:active {
    outline: none;
    text-decoration: none
}

#fh5co-offcanvass .fh5co-logo {
    display: block;
    float: left;
    width: 100%;
    text-transform: uppercase;
    color: #000;
    letter-spacing: 1px;
    font-family: Bold;
    padding: 0;
    margin: 40px 0 0 0
}

#fh5co-offcanvass .fh5co-logo a {
    color: #000;
    padding: 0;
    margin: 0
}

.fh5co-menu-btn {
    font-size: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
    float: right;
    margin-top: 16px;
    font-family: Regular;
    color: #222
}

.fh5co-menu-btn i {
    font-size: 20px;
    margin-top: 3px;
    float: right;
    margin-left: 10px
}

.fh5co-menu-btn:hover,
.fh5co-menu-btn:focus,
.fh5co-menu-btn:active {
    outline: none;
    text-decoration: none;
    color: #777
}

#fh5co-header {
    float: left;
    width: 100%;
    position: relative;
    padding-top: 4em;
    padding-bottom: 4em
}

#fh5co-header .navbar-header {
    float: none
}

#fh5co-header>.navbar {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    margin-bottom: 0;
    background: #fff;
    box-shadow: none;
    background: transparent;
    font-size: 13px;
    border: transparent
}

#fh5co-header>.navbar li a {
    text-transform: uppercase;
    color: #000;
    font-weight: normal;
    font-family: Regular
}

#fh5co-header>.navbar li a>span .border {
    display: block;
    height: 3px;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

#fh5co-header>.navbar li a>span .border:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ef5353;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

#fh5co-header>.navbar li a:hover,
#fh5co-header>.navbar li a:focus {
    outline: none
}

#fh5co-header>.navbar li a:hover>span,
#fh5co-header>.navbar li a:focus>span {
    outline: none
}

#fh5co-header>.navbar li a:hover>span .border:before,
#fh5co-header>.navbar li a:focus>span .border:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

#fh5co-header>.navbar li.active a {
    background: transparent
}

#fh5co-header>.navbar li.active a>span .border {
    background: #ef5353
}

#fh5co-header .navbar-brand {
    text-align: center;
    font-family: Bold;
    display: block;
    float: none !important;
    width: 200px;
    margin: 0 auto;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 20px;
    font-family: Regular;
    color: #000
}

#fh5co-header .navbar-brand:hover {
    color: #404040
}

#fh5co-hero,
.fh5co-bg-section {
    color: #fff;
    background-color: #e9e9e9;
    background-size: cover;
    background-position: center center;
    margin-top: 0px;
    z-index: 10;
    position: relative
}

#fh5co-hero .fh5co-overlay,
.fh5co-bg-section .fh5co-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 1;
    z-index: 11
}

#fh5co-hero,
.fh5co-hero-wrap,
.fh5co-bg-section {
    height: 700px
}

#fh5co-hero .fh5co-hero-wrap,
.fh5co-bg-section .fh5co-hero-wrap {
    display: table;
    width: 100%;
    z-index: 12;
    position: relative
}

#fh5co-hero .fh5co-hero-wrap .fh5co-hero-intro,
.fh5co-bg-section .fh5co-hero-wrap .fh5co-hero-intro {
    display: table-cell;
    vertical-align: middle
}

#fh5co-hero .fh5co-hero-wrap .fh5co-hero-intro .fh5co-lead,
#fh5co-hero .fh5co-hero-wrap .fh5co-hero-intro .fh5co-sub-lead,
.fh5co-bg-section .fh5co-hero-wrap .fh5co-hero-intro .fh5co-lead,
.fh5co-bg-section .fh5co-hero-wrap .fh5co-hero-intro .fh5co-sub-lead {
    color: #fff;
    margin: 0;
    padding: 0;
    line-height: 1.5
}

#fh5co-hero .fh5co-hero-wrap .fh5co-hero-intro .fh5co-lead,
.fh5co-bg-section .fh5co-hero-wrap .fh5co-hero-intro .fh5co-lead {
    margin-bottom: 30px
}

.fh5co-bg-section,
.fh5co-hero-wrap {
    height: 400px
}

.fh5co-bg-section .fh5co-overlay {
    background: #000;
    opacity: .7
}

.fh5co-bg-section .author {
    font-size: 20px;
    margin-bottom: 0
}

.price {
    padding: 10px 10px 5px
}

.item-name a {
    color: #222
}

.item-location {
    padding-left: 10px;
    padding-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pro_title {
    white-space: nowrap;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis
}

.label_ga {
    color: #7DBD00 !important
}

.day-count {
    color: #f3f3f3;
    text-shadow: 0 0 2px #3c3c3c;
    position: absolute;
    right: 10px;
    bottom: 10px
}

.item-urgent {
    color: #fff;
    background-color: #ff5a00;
    padding: 12px 10px 2px;
    position: absolute;
    right: 10px;
    top: -2px;
    font-size: 1.3rem;
    border-radius: 3px;
    z-index: 9
}

.sold-out {
    color: #fff;
    background-color: #404549;
    padding: 12px 10px 2px;
    position: absolute;
    right: 10px;
    top: -2px;
    font-size: 1.3rem;
    border-radius: 3px;
    z-index: 9
}

.item-top {
    /* background-color: #E600ac; */
    border-radius: 3px;
    color: #fff;
    font-size: 1.3rem;
    padding: 12px 10px 2px;
    position: absolute;
    right: 10px;
    top: -2px;
    z-index: 9;
    background: linear-gradient(90deg, #4800bc 0%, #6014cb 50%, #945de5 100%) !important ;
}

.day-count a:hover {
    color: #f3f3f3
}

.item-img {
    position: relative;
    overflow: hidden;
    height: 250px;
    background: #fff !important
}

.item-img.productimage.filter {
    height: 240px
}

.more-listing a {
    color: #91a7b9;
    text-align: center
}

.more-listing {
    margin: 0 auto;
    text-align: center;
    padding-bottom: 60px;
    padding-top: 40px
}

.more-listing img {
    padding-bottom: 10px
}

#fh5co-board .size-1of4:first-child {
    padding-left: 8px
}

#fh5co-board .size-1of4:last-child {
    padding-right: 8px
}

#fh5co-board .item {
    margin: 10px 5px 0;
    background: #fff;
    overflow: hidden;
    border: 1px solid #e7edf2;
    border-radius: 5px
}

#fh5co-board .item .fh5co-desc {
    padding: 20px;
    float: left;
    line-height: 24px
}

#fh5co-board .item .fh5co-item-title {
    font-family: Regular;
    font-size: 17px;
    line-height: 24px;
    margin: 0;
    padding: 0
}

#fh5co-board .item .fh5co-board-img {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    overflow: hidden;
    position: relative
}

#fh5co-board .item .image-popup:hover img {
    opacity: .5
}

.js .animate-box {
    opacity: 0
}

pre {
    background: #e9e9e9;
    border: 1px solid #ccc
}

.btn {
    border-bottom: none !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px;
    margin-right: 10px
}

.btn:hover,
.btn:focus,
.btn:active {
    box-shadow: none;
    outline: none !important;
    border-color: transparent
}

.btn.fh5co-btn-icon {
    text-transform: none !important;
    letter-spacing: normal !important;
    padding-left: 15px;
    padding-right: 15px
}

.btn-outline {
    border: 2px solid #ccc !important;
    background: transparent;
    color: #2a2e37
}

.btn-outline:hover,
.btn-outline:active,
.btn-outline:focus {
    border: 2px solid #ef5353 !important;
    background: #ef5353 !important;
    color: #fff
}
.stripe_btn{
    background-color: #635bff !important;
     border-color: #635bff !important; 
    color: white !important;
}
.btn-primary {
    background: #ef5353;
    border: 2px solid #ef5353
}

.btn-success {
    background: #5cb85c;
    border: 2px solid #5cb85c
}

.btn-danger {
    background: #d9534f;
    border: 2px solid #d9534f
}

.btn-info {
    background: #5bc0de;
    border: 2px solid #5bc0de
}

.btn-warning {
    background: #f0ad4e;
    border: 2px solid #f0ad4e
}

.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
    border-color: transparent
}

.btn-default:hover,
.btn-default:active,
.btn-default:focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-success:hover,
.btn-success:active,
.btn-success:focus,
.btn-info:hover,
.btn-info:active,
.btn-info:focus,
.btn-warning:hover,
.btn-warning:active,
.btn-warning:focus,
.btn-danger:hover,
.btn-danger:active,
.btn-danger:focus {
    background: #222;
    color: #fff
}

.form-control {
    box-shadow: none !important;
    border: none;
    background: transparent
}

.form-control:hover,
.form-control:focus,
.form-control:active {
    outline: none;
    box-shadow: none !important;
    border-color: none
}

.fh5co-social {
    padding: 0;
    margin: 0
}

.fh5co-social li {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block
}

.fh5co-social li a {
    display: block;
    float: left;
    margin-right: 10px
}

.fh5co-social li a:hover,
.fh5co-social li a:active,
.fh5co-social li a:focus {
    outline: none;
    text-decoration: none
}

.fh5co-social li a i {
    font-size: 15px
}

#fh5co-footer {
    padding: 10em 0
}

#fh5co-footer .fh5co-footer-widget {
    padding-right: 30px !important;
    float: left;
    width: 100%
}

#fh5co-footer .fh5co-footer-widget.top-level {
    margin-top: 30px !important
}

#fh5co-footer .fh5co-footer-widget .fh5co-footer-lead {
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 20px
}

#fh5co-footer .fh5co-footer-logo {
    font-family: Regular;
    font-size: 30px;
    color: #ccc;
    margin-bottom: 30px
}

#fh5co-footer ul {
    padding: 0;
    margin: 0
}

#fh5co-footer ul li {
    list-style: none;
    padding: 0;
    margin: 0 0 14px 0;
    line-height: 16px
}

.fh5co-list-check {
    position: relative;
    padding: 0;
    margin: 0;
    clear: both
}

.fh5co-list-check li {
    padding-left: 25px !important;
    position: relative;
    display: block;
    margin-bottom: 10px !important;
    line-height: 20px
}

.fh5co-list-check li:before {
    font-family: Regular;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    font-size: 18px;
    color: #ccc
}

.fh5co-pricing-table {
    padding: 10px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

.fh5co-pricing-table h3 {
    border-bottom: 1px solid #e7e7e7;
    font-size: 18px;
    margin: 0 0 20px 0;
    padding: 0 0 10px 0
}

.fh5co-pricing-table ul {
    padding: 0;
    margin: 0 0 20px 0
}

.fh5co-pricing-table ul li {
    padding: 0;
    margin: 0;
    list-style: none;
    text-decoration: line-through;
    color: #ccc
}

.fh5co-pricing-table ul li.fh5co-include {
    text-decoration: none;
    color: #222
}

.fh5co-pricing-table ul li.fh5co-include:before {
    color: #ef5353
}

.fh5co-pricing-table .btn {
    margin-bottom: 0
}

.fh5co-spacer {
    clear: both;
    position: relative;
    border: none;
    padding: 0;
    margin: 0
}

.fh5co-spacer-xlg {
    height: 150px
}

.fh5co-spacer-lg {
    height: 100px
}

.fh5co-spacer-md {
    height: 80px
}

.fh5co-spacer-sm {
    height: 50px
}

.fh5co-spacer-xs {
    height: 30px
}

.fh5co-spacer-xxs {
    height: 20px
}

.fh5co-mb30 {
    margin-bottom: 30px
}

.fh5co-row-padded {
    padding: 50px 0
}

.fh5co-social-icons>a {
    padding: 4px 10px;
    color: #ef5353
}

.fh5co-social-icons>a:hover,
.fh5co-social-icons>a:focus,
.fh5co-social-icons>a:active {
    text-decoration: none;
    color: #222
}

.owl-carousel .owl-controls,
.owl-carousel-posts .owl-controls {
    margin-top: 0
}

.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel-posts .owl-controls .owl-nav .owl-next,
.owl-carousel-posts .owl-controls .owl-nav .owl-prev {
    top: 50%;
    margin-top: -29px;
    z-index: 9999;
    position: absolute;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.owl-carousel-posts .owl-controls .owl-nav .owl-next,
.owl-carousel-posts .owl-controls .owl-nav .owl-prev {
    top: 24%
}

.owl-carousel .owl-controls .owl-nav .owl-next {
    left: 0;
    left: -70px;
    margin-top: -60px
}

.owl-carousel .owl-controls .owl-nav .owl-next:hover {
    margin-top: -65px
}

.owl-carousel .owl-controls .owl-nav .owl-next:hover i:before {
    color: #ef5353
}

.owl-carousel .owl-controls .owl-nav .owl-prev {
    left: -70px;
    margin-top: 0px
}

.owl-carousel .owl-controls .owl-nav .owl-prev:hover {
    margin-top: 5px
}

.owl-carousel .owl-controls .owl-nav .owl-prev:hover i:before {
    color: #ef5353
}

.owl-carousel-posts .owl-controls .owl-nav .owl-next i,
.owl-carousel-posts .owl-controls .owl-nav .owl-prev i,
.owl-carousel-fullwidth .owl-controls .owl-nav .owl-next i,
.owl-carousel-fullwidth .owl-controls .owl-nav .owl-prev i {
    color: #222
}

.owl-carousel-posts .owl-controls .owl-nav .owl-next:hover i,
.owl-carousel-posts .owl-controls .owl-nav .owl-prev:hover i,
.owl-carousel-fullwidth .owl-controls .owl-nav .owl-next:hover i,
.owl-carousel-fullwidth .owl-controls .owl-nav .owl-prev:hover i {
    color: #000
}

.owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-next i,
.owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-prev i {
    color: #fff
}

.owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-next:hover i,
.owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-prev:hover i {
    color: #fff
}

.owl-theme .owl-controls .owl-nav [class*=owl-] {
    background: none !important
}

.owl-theme .owl-controls .owl-nav [class*=owl-] i {
    font-size: 30px
}

.owl-theme .owl-controls .owl-nav [class*=owl-] i:hover,
.owl-theme .owl-controls .owl-nav [class*=owl-] i:focus {
    background: none !important
}

.owl-theme .owl-controls .owl-nav [class*=owl-]:hover,
.owl-theme .owl-controls .owl-nav [class*=owl-]:focus {
    background: none !important
}

.owl-theme .owl-dots {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center
}

.owl-carousel-fullwidth.owl-theme .owl-dots {
    bottom: 0;
    margin-bottom: 2.5em
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    background: rgba(255, 255, 255, .4);
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    border: 2px solid transparent
}

.owl-theme .owl-dots .owl-dot span:hover {
    background: none;
    background: #fff
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #fff;
    border: 2px solid transparent
}

.owl-carousel-fullwidth .item,
.owl-carousel-fullwidth .fh5co-owl-text-wrap {
    height: 800px;
    display: table;
    width: 100%
}

.owl-carousel-fullwidth .item {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;
    position: relative
}

.owl-carousel-fullwidth .item .fh5co-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: .3;
    z-index: 8
}

.owl-carousel-fullwidth .item img {
    max-width: 100%
}

.owl-carousel-fullwidth .item .fh5co-owl-text {
    display: table-cell;
    vertical-align: middle;
    z-index: 10;
    position: relative
}

.owl-carousel-fullwidth .item .fh5co-owl-text a {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, .5)
}

.owl-carousel-fullwidth .item .fh5co-owl-text a:hover {
    text-decoration: none;
    color: #fff;
    border-bottom: 1px solid #fff
}

.owl-carousel-fullwidth .item .fh5co-owl-text .fh5co-lead,
.owl-carousel-fullwidth .item .fh5co-owl-text .fh5co-sub-lead {
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: 100
}

.owl-carousel-fullwidth .item .fh5co-owl-text .fh5co-lead {
    font-weight: 300;
    margin-bottom: 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: Regular
}

.owl-carousel-fullwidth .item .fh5co-owl-text .fh5co-sub-lead {
    font-size: 30px;
    line-height: 42px;
    font-weight: 100;
    font-family: Regular
}

.js .to-animate {
    opacity: 0
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: .8
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0
}

img.fh5co-align-right,
a>img.fh5co-align-right {
    float: right;
    margin: 0 0 .5em 1em
}

img.fh5co-align-left,
a>img.fh5co-align-left {
    float: left;
    margin: 0 1em .5em 0
}

img.fh5co-align-center,
a>img.fh5co-align-center {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.categories {
    background-color: #fff !important;
    color: #222 !important;
    border-radius: 0px !important;
    padding: 0px 10px
        /* padding: 5px 10px */
}

.categories-list {
    padding-bottom: 5px;
    padding-top: 5px;
    /* padding-top: 10px; */
}

.categories-menu-list {
    padding-top: 5px;
    border-left: 0px !important;
    border-right: 0px !important;
    border-top: 1px solid #e7edf2 !important
}

.categories>.grid>.categories-list>ul>li a {
    color: #222 !important;
    font-size: 1.5rem;
    font-family: Regular
}

.categories>.grid>.categories-filter-list>.checkbox>label {
    color: #222 !important;
    font-size: 1.5rem;
    font-family: Regular
}

.categories>.grid>.categories-list>ul>li a:hover {
    color: #7DBD00 !important;
    font-size: 1.5rem;
    font-family: Bold
}

.categories>.grid>.categories-list>ul>li {
    padding-bottom: 7px
}

.categories>.grid>.categories-filter-list>.checkbox>label {
    padding-left: 0px
}

.categories>.grid>.categories-filter-list>.checkbox {
    padding: 0;
    margin: 0;
    padding-bottom: 8px
}

.categories>.grid>.categories-filter-list>.checkbox:last-child {
    padding-bottom: 0
}

.categories-filter-list {
    border-left: 0px !important;
    border-right: 0px !important;
    border-top: 1px solid #e7edf2 !important;
    border-bottom: 0px !important;
    padding-top: 5px;
    padding-bottom: 5px
}

.for-sale-heading {
    color: #222;
    font-size: 14px;
    font-family: Regular;
    text-transform: uppercase;
    padding-bottom: 10px;
    float: left;
    padding: 10px 0px 10px;
    user-select: none;
    -moz-user-select: none
}

.mobile-categories {
    display: none
}

.search-result {
    padding-top: 20px;
    padding-bottom: 10px
}

.search-result-text {
    font-family: Bold;
    color: #7DBD00
}

.post-list-modal-width {
    margin: 0 auto;
    width: 850px
}

.post-list-modal-content {
    padding-top: 0px;
    padding-bottom: 0px
}

.post-list-header {
    background-color: #222;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding-top: 16px;
    color: #fff
}

.modal-header-tick-icon {
    background: url("../images/header-tick-icon.png") no-repeat;
    height: 24px;
    width: 24px;
    float: left;
    background-size: cover
}

.modal-header-text {
    margin-left: 32%
}

.post-list-modal-heading {
    font-size: 1.5em;
    color: #222;
    font-family: Bold
}

.post-list-content {
    font-size: 1.1em;
    color: #222;
    padding-top: 10px
}

.post-list-cnt {
    background-color: #f4f4f4;
    padding-bottom: 0px
}

.post-list-modal-tab,
.post-list-modal-tab>li.active>a,
.post-list-modal-tab>li.active>a:hover,
.post-list-modal-tab>li.active>a:focus {
    border-bottom: 0px;
    border: none;
    color: #7DBD00 !important;
    font-family: Bold;
    font-size: 1.125em
}

.post-list-modal-tab>li>a:hover {
    border-bottom: 0px;
    color: #7DBD00 !important;
    font-family: Bold
}

.post-list-modal-tab>li>a {
    padding: 14px 16px;
    border: none;
    color: #222;
    font-size: 1.125em
}

.post-list-modal-tab {
    width: 100%;
    float: left
}

.post-list-tab-content {
    background-color: #fff;
    float: left;
    width: 100%;
    padding: 20px;
    padding-bottom: 0
}

a:focus {
    outline: 0 none
}

.post-list-tab-cnt {
    float: left;
    width: 100%;
    padding-top: 35px
}

.post-list-tab-content>div>p {
    font-size: 1.3em;
    color: #627686
}

.urgent-tab-left>ul>li {
    color: #222;
    font-size: 1.1em;
    padding: 10px 0
}

.urgent-tab-left-list {
    padding-left: 12px
}

.urgent-tab-heading {
    font-size: 1.1em;
    font-family: Bold;
    color: #222;
    padding-top: 14px;
    padding-bottom: 10px;
    width: 80%;
    border-bottom: 1px solid #d4dee4;
    margin-bottom: 7px
}

.urgent-right-circle-icon {
    background: url("../images/product-1.png") no-repeat;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border: 8px solid #f1f2f4
}

.promote-tab-left>ul>li {
    color: #222;
    font-size: 1.1em;
    padding: 10px 0
}

.promote-tab-left-list {
    padding-left: 12px
}

.promote-tab-heading {
    font-size: 1.1em;
    font-family: Bold;
    color: #222;
    padding-top: 14px;
    padding-bottom: 10px;
    width: 80%;
    border-bottom: 1px solid #d4dee4;
    margin-bottom: 7px
}

.promote-tab-right {
    padding-top: 30px
}

.promote-right-circle-icon {
    background: url("../images/product-2.png") no-repeat;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border: 8px solid #f1f2f4
}

.radio {
    text-align: center
}

.radio-tab-period {
    text-align: center;
    padding-bottom: 9px;
    font-size: 1.1em;
    word-wrap: break-word
}

.radio-tab-price {
    background-color: #7DBD00;
    color: #fff;
    padding: 7px 15px;
    float: left;
    font-size: 1.1em;
    border-radius: 5px
}

.radio-tab-days {
    color: #7DBD00;
    text-align: center;
    width: 100%;
    float: left;
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 1.1em
}

.tab-radio-content {
    border: 1px solid #eceff2;
    border-radius: 5px;
    float: left;
    width: 100%;
    height: 175px;
}

.tab-radio-button {
    padding-left: 10px;
    padding-bottom: 10px;
    padding-right: 10px
}

.tab-radio-button:first-child {
    padding-left: 0px
}

.tab-radio-button:last-child {
    padding-right: 0px
}

.tab-radio-content>label {
    width: 100%;
    text-align: center;
    padding-top: 10px
}

.highlight {
    background: #222;
    color: #fff
}

.tab-radio-button-cnt {
    padding-bottom: 10px;
    padding-top: 15px
}

.close#white {
    color: #fff;
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    padding-top: 5px;
    font-family: Regular;
    font-size: 3rem
}

.breadcrumb {
    padding: 20px 0px 10px !important;
    margin: 0px !important;
    background: transparent
}

.breadcrumb a {
    color: #8e8e8e
}

.full-horizontal-line {
    background-color: #e7edf2;
    height: 1px;
    margin-left: 15px;
    margin-right: 15px
}

.top-heading-text {
    color: #222;
    font-size: 3rem !important;
    font-family: Bold;
    margin: 0;
    padding-bottom: 5px
}

.top-heading-sub-text {
    color: #222;
    font-size: 1.7rem !important;
    margin: 0
}

.add-photos {
    background-color: #fff;
    padding: 15px;
    border-radius: 5px
}

.add-product-heading {
    padding-bottom: 10px;
    padding-top: 10px
}

.add-photos-heading {
    color: #222;
    font-family: Bold;
    font-size: 1.6rem !important;
    padding-bottom: 10px
}

.stuff-img-1 {
    background: url("../images/stuff-img-1.jpg") no-repeat 0 0;
    height: 125px !important;
    width: 125px !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    border-radius: 5px;
    border: 1px solid #e2e2e2;
    float: left;
    margin-right: 10px;
    position: relative
}

.stuff-img-add-section {
    height: 125px !important;
    width: 125px !important;
    border-radius: 5px;
    border: 1px solid #e7edf2;
    float: left;
    margin-right: 20px
}

.stuff-img-add {
    height: 25px;
    width: 25px;
    margin: 49px auto 0
}

.stuff-progress {
    padding-top: 105px;
    bottom: 15px;
    position: absolute;
    width: 100%
}

.stuff-progress-bar {
    height: 8px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 0px !important;
    width: 91% !important
}

.stuff-img-close {
    background-color: #fff !important;
    font-size: 2rem;
    opacity: 5;
    color: #8e8e8e !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-bottom: 2px !important;
    padding-top: 2px !important;
    font-weight: normal !important;
    border-top-right-radius: 2px;
    margin: 1px
}

.stuff-img-upload {
    padding-top: 10px
}

.upload-btn {
    background-color: #7DBD00;
    border-radius: 5px;
    float: left;
    height: 40px;
    padding: 10px 25px;
    text-align: center
}

.upload-btn:hover {
    color: #fff
}

a.upload-btn:active,
a.upload-btn:focus,
a.upload-btn:visited {
    color: #fff !important
}

.add-stuff-Category-section {
    background-color: #fff;
    border-radius: 5px;
    padding: 15px;
    margin-top: 10px
}

.add-stuff-Category-heading {
    padding-bottom: 10px;
    color: #222;
    font-size: 1.6rem !important;
    font-family: Bold;
    margin-bottom: 10px
}

.required {
    color: red;
    margin-bottom: 10px
}

.Category-select-box-heading {
    color: #222;
    font-weight: normal
}

.Category-select-box-row {
    padding-bottom: 15px !important
}

.Category-input-box-row {
    padding-bottom: 15px !important
}

.Category-select-box-row .form-control {
    background-color: #fff;
    border: 1px solid #e7edf2;
    border-radius: 5px;
    color: #8e8e8e !important;
    height: 40px;
    font-size: 1.4rem;
    padding-left: 5px;
    -moz-appearance: none;
    -webkit-appearance: none
}

.select-box-down-arrow {
    background: url("../images/selectbox-arrow-fill.png") no-repeat;
    height: 12px;
    background-position: right 14px
}

.select-box-down-arrowchat {

    background: url("../images/selectbox-arrow-fill.png") no-repeat;
    height: 12px;
    background-position: right 15px;
    padding-right: 20px;
}

.Category-input-box-row input {
    background-color: #fff;
    border: 1px solid #e7edf2;
    border-radius: 5px;
    color: #8e8e8e !important;
    height: 40px;
    padding-left: 10px;
    -moz-appearance: none;
    -webkit-appearance: none
}

.Category-input-box-row p {
    padding-top: 5px
}

.Category-input-box-heading {
    color: #222;
    font-weight: normal
}

.Category-input-box-height {
    height: 150px
}

.Category-input-box-row textarea {
    background-color: #fff;
    border: 1px solid #e7edf2 !important;
    border-radius: 5px;
    color: #8e8e8e !important;
    height: 80px;
    /* text-align: left !important;*/
    padding-left: 10px !important;
    -moz-appearance: none;
    -webkit-appearance: none
}

.currency-select-box-row .form-control {
    background-color: #fff;
    color: #8e8e8e !important;
    border: 1px solid #e2e2e2 !important;
    height: 40px;
    font-size: 1.4rem;
    padding-left: 5px;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: -3px;
    margin-bottom: 0px !important
}

.currency-select-box-row .form-group {
    margin-bottom: 0px !important
}

.switch {
    margin-top: 5px
}

input.cmn-toggle-round-1+label {
    background-color: #ddd;
    border-radius: 60px;
    height: 30px;
    padding: 2px;
    width: 60px
}

input.cmn-toggle-round-1+label:before,
input.cmn-toggle-round-1+label:after {
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    bottom: 1px;
    content: ""
}

input.cmn-toggle-round-1+label:before {
    right: 1px;
    background-color: #e7edf2;
    border-radius: 60px;
    transition: background .4s
}

input.cmn-toggle-round-1+label:after {
    background-color: #fff;
    margin-left: 5px;
    border-radius: 100%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
    height: 20px;
    margin-top: 4px;
    transition: margin .4s ease 0s;
    width: 20px
}

input.cmn-toggle-round-1:checked+label:before {
    background-color: #7DBD00
}

input.cmn-toggle-round-1:checked+label:after {
    margin-left: 33px
}

.cmn-toggle-1 {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden
}

.cmn-toggle-1+label {
    display: block;
    position: relative;
    cursor: pointer;
    outline: none;
    user-select: none
}

input.cmn-toggle-round+label {
    background-color: #ddd;
    border-radius: 60px;
    height: 30px;
    padding: 2px;
    width: 60px
}

input.cmn-toggle-round+label:before,
input.cmn-toggle-round+label:after {
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    bottom: 1px;
    content: ""
}

input.cmn-toggle-round+label:before {
    right: 1px;
    background-color: #e7edf2;
    border-radius: 60px;
    transition: background .4s
}

input.cmn-toggle-round+label:after {
    background-color: #fff;
    margin-left: 5px;
    border-radius: 100%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
    height: 20px;
    margin-top: 4px;
    transition: margin .4s ease 0s;
    width: 20px
}

input.cmn-toggle-round:checked+label:before {
    background-color: #7DBD00
}

input.cmn-toggle-round:checked+label:after {
    margin-left: 33px
}

.cmn-toggle {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden
}

.cmn-toggle+label {
    display: block;
    position: relative;
    cursor: pointer;
    outline: none;
    user-select: none
}

.post-btn {
    background-color: #7DBD00;
    border-radius: 5px;
    float: right;
    height: 40px;
    padding: 10px 25px;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 35px;
    text-transform: capitalize;
    margin-left: 5px
}

.promotion-cancel.delete-btn {
    float: left;
}

.post-btn:hover {
    color: #fff
}

a.post-btn:active,
a.post-btn:focus,
a.post-btn:visited {
    color: #fff !important
}

.label-note {
    padding-top: 10px
}

.margin-10 {
    margin-left: 10px
}

.margin-bottom-0 {
    margin-bottom: 0px !important
}

.delete-sub-text {
    font-size: 1.7rem
}

.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
    position: fixed;
    z-index: 9999;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    padding: 5px 0;
    font-family: Regular !important;
    border-radius: 5px
}

.ui-menu .ui-menu-item-wrapper {
    padding: 10px
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #eeedee;
    background: #eeedee;
    color: #7DBD00
}

.hme-top-location .map-input-box {
    padding-left: 0;
    width: 100%;
    float: left
}

.hme-top-location .map-input-box input {
    border-radius: 0;
    box-shadow: none
}

.sold-btn {
    background-color: #7DBD00;
    border-radius: 5px;
    float: left;
    margin-right: 10px;
    height: 40px;
    padding: 10px 25px;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 35px
}

.sold-btn:hover {
    color: #fff
}

a.sold-btn:focus {
    color: #fff !important
}

.delete-btn {
    background-color: #464e55;
    border-radius: 5px;
    float: right;
    height: 40px;
    padding: 10px 25px;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 35px;
    text-transform: capitalize;
    cursor: pointer
}

.delete-btn:hover {
    color: #fff
}

a.delete-btn:focus {
    color: #fff !important
}

.sale-btn {
    background-color: #7DBD00;
    border-radius: 5px;
    float: left;
    height: 40px;
    padding: 10px 25px;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 35px
}

.sale-btn:hover {
    color: #fff
}

.edit-btn {
    float: right
}

.mobile-product-slide {
    display: none
}

.non-mobile-product-slide {
    display: block
}

.slider-fix-left {
    background-color: #fff;
    width: 10px;
    height: 100%;
    position: absolute;
    left: 0;
    z-index: 1
}

.slider-fix-right {
    background-color: #fff;
    width: 10px;
    height: 100%;
    position: absolute;
    right: 0;
    z-index: 1
}

#thumbcarousel {
    height: auto;
    height: 120px
}

#thumbcarousel>.carousel-inner {
    height: 120px
}

#thumbcarousel>.carousel-inner>.item {
    float: left;
    height: 120px;
    width: 100%
}

.carousel-inner {
    background-color: #fff
}

.item .thumb {
    width: 25%;
    cursor: pointer;
    float: left
}

.item .thumb img {
    width: 100%;
    margin: 2px
}

.item .thumb {
    width: 16.666%;
    cursor: pointer;
    float: left
}

.item .thumb img {
    max-width: 100%;
    margin: 2px;
    height: auto
}


.product-image#prod-img-1 {
    background: url("../images/product-image-1.png") no-repeat;
    width: 100%;
    /* height: 380px !important; */
    height: 760px !important;
    background-repeat: no-repeat;
    background-position: center center;
    /* background-size: cover */
      background-size: contain !important; /* Changed from cover to contain */
    background-color: black !important; /* Add black background for remaining space */
}

.product-image#prod-thmb-img-1 {
    background: url("../images/product-image-1.png") no-repeat;
    max-width: 100%;
    height: 100px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 3px
}

.thumb-cnt {
    padding: 10px 5px
}

.item.active>.thumb-cnt:first-child {
    padding-left: 10px
}

.item.active>.thumb-cnt:last-child {
    padding-right: 10px
}

.thmb-slider-bg-left {
    background-color: #383838;
    background-image: none !important;
    opacity: .62;
    width: 30px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.thmb-slider-bg-left:hover {
    background-image: none !important;
    background-color: #383838;
    opacity: .8
}

.thmb-slider-bg-right {
    background-color: #383838;
    background-image: none !important;
    opacity: .62;
    width: 30px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.thmb-slider-bg-right:hover {
    background-image: none !important;
    background-color: #383838;
    opacity: .8
}

.thmb-slider-arrow-left {
    background: url("../images/left-arrow.png") no-repeat;
    width: 10px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    float: left;
    z-index: 999;
    left: 10px;
    position: absolute;
    top: 45%
}

.thmb-slider-arrow-right {
    background: url("../images/right-arrow.png") no-repeat;
    width: 10px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    float: left;
    z-index: 999;
    right: 10px;
    position: absolute;
    top: 45%
}

.exclamatory-icon {
    background: url("../images/exclamatory-icon.png") no-repeat;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    float: left
}

.exclamatory-icon-active {
    background: url("../images/exclamatory-icon-active.png") no-repeat;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    float: left
}

.tab-section-tabs>li>a.exclamatory-cnt:active>span.report-text {
    color: #d6213a
}

.tab-section-tabs>li.pull-right>a {
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px
}

.tab-section-tabs>li.pull-right>a:hover {
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px
}

.report-text {
    color: #8e8e8e;
    font-size: .75em;
    padding-left: 10px
}

.mob-report-text {
    color: #8e8e8e;
    font-size: 1.1em;
    padding-left: 10px
}

.mobile-report-div {
    display: none
}

.product-img {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.tab-section {
    padding-top: 20px
}

.tab-section-tabs {
    border: none
}

.tab-section-tabs>li.active>a,
.tab-section-tabs>li.active>a:hover,
.tab-section-tabs>li.active>a:focus {
    border-top: 1px solid #eceff2;
    border-left: 1px solid #eceff2;
    border-right: 1px solid #eceff2;
    border-bottom: 0px
}

.tab-section-content {
    background-color: #fff;
    border: 1px solid #eceff2;
    margin-top: -2px;
    float: left;
    width: 100%
}

.tab-section-content>div#desc>p>span.more-info>a {
    color: #7DBD00
}

ul.tab-section-tabs>li.active {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px
}

ul.tab-section-tabs>li.active>a {
    border-top: 1px solid #eceff2;
    border-left: 1px solid #eceff2;
    border-right: 1px solid #eceff2;
    padding: 10px 20px;
    font-size: 1.1em;
    font-family: Bold;
    color: #222
}

ul.tab-section-tabs>li.active>a:hover {
    padding: 10px 20px;
    border-top: 1px solid #eceff2 !important;
    border-left: 1px solid #eceff2 !important;
    border-right: 1px solid #eceff2 !important
}

.tab-section-tabs>li>a:hover {
    border: none
}

.tab-section-tabs>li>a {
    padding: 10px 20px;
    border: 1px solid transparent;
    font-size: 1.1em;
    color: #222
}

.tab-section-tabs>li.active>a {
    padding: 10px 20px;
    border-top: 1px solid #eceff2;
    border-left: 1px solid #eceff2;
    border-right: 1px solid #eceff2
}

.tab-section-tabs>li>a:hover {
    padding: 10px 20px;
    border: 1px solid transparent
}

.tab-section-content>.tab-pane {
    padding: 20px;
    float: left
}

.tab-section-content>.tab-pane #comment {
    width: 100%
}

.tab-section-content>.tab-pane>p {
    font-size: 14px;
    color: #222
}

.comment-text-cnt>a {
    color: #7DBD00
}

.comment-text-cnt>a:visited {
    color: #7DBD00
}

.comment-text-cnt>a:focus {
    color: #7DBD00
}

.morecontent>a.morelink {
    color: #7DBD00 !important
}

.morecontent>a.morelink:focus {
    color: #7DBD00 !important
}

a.morelink {
    text-decoration: none;
    outline: none
}

.morecontent span {
    display: none
}

.comment-timing-detail {
    color: #a2b2c0;
    font-size: .875em
}

.comment-text-area {
    background: #efefef !important;
    border: none !important
}

textarea {
    resize: none
}

.form-group>textarea {
    padding: 12px;
    height: 90px
}

.form-control::-moz-placeholder {
    color: #b4c1cc
}

.comment-text-area {
    width: 100%
}

.character-left {
    float: left;
    padding-right: 20px;
    width: 60%
}

.comment-profile-default {
    background: url("../images/comment-profile-default-icon.png") no-repeat;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: #f6f5f7 !important
}

.comment-user-name {
    font-family: Bold;
    font-size: .875em;
    color: #222;
    padding-top: 0px;
    padding-left: 20px
}

.comment-user-name>a {
    font-family: Bold;
    font-size: 1.1em !important;
    color: #222
}

.comment-text {
    font-size: 1.4rem;
    color: #222;
    padding-left: 20px
}

.comment-section {
    margin-top: 20px;
    overflow: auto
}

.comment {
    padding-bottom: 7px
}

.post-comment {
    width: auto;
    padding-left: 0px;
    padding-right: 0px
}

.view-all-comment {
    text-align: center
}

.view-all-comment>a {
    color: #a2b2c0
}

.product-left-container {
    padding-right: 10px;
    padding-bottom: 40px;
    padding-top: 20px
}

.product-right-container {
    padding-left: 10px
}

.product-page-right-top-container {
    background-color: #fff;
    margin-top: 20px;
    padding: 20px;
    border-radius: 5px
}

.mobile-product-details {
    display: none
}

.product-name {
    font-size: 1.125em;
    color: #222;
    word-wrap: break-word
}

.product-price {
    font-size: 1.5em;
    color: #222;
    font-family: Bold
}

.seller-batner-detail {
    padding-bottom: 15px;
    padding-top: 15px
}

.product-like {
    background: url("../images/product-like-icon-upd.png") no-repeat;
    padding: 18px;
    width: 18px !important;
    height: 16px;
    background-color: #7DBD00;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 50%
}

.product-like#liked {
    background: url("../images/product-liked-icon-upd.png") no-repeat;
    padding: 18px;
    width: 18px;
    height: 16px;
    background-color: #7DBD00;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 50%
}

.like-counter {
    font-size: .75em;
    color: #8e8e8e;
    text-align: right;
    padding-top: 10px
}

.used-status-row {
    padding-bottom: 10px;
    padding-top: 5px
}

.shipping-cost-cnt {
    padding: 10px 0;
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    margin-top: 10px;
}

.used-status {
    background-color: #8e8e8e;
    color: #fff;
    font-size: .75em;
    float: left;
    border-radius: 5px;
    padding: 2px 7px;
    margin-right: 10px
}

.days-reviews-counter {
    color: #8e8e8e;
    font-size: .875em;
    padding-top: 2px;
    float: left
}

.days-reviews-counter>span {
    padding: 0 5px
}

.fb-share {
    background: url("../images/fb-share.png") no-repeat;
    width: 59px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    float: left
}

.fb-share-count {
    color: #222;
    font-size: .75em
}

.location-grey {
    background: url("../images/location-grey.png") no-repeat;
    width: 12px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    float: left
}

.shipping-icon {
    background: url("../images/shipping.png") no-repeat;
    width: 21px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    float: left
}

.product-location {
    color: #222;
    font-size: .875em;
    float: left;
    padding-left: 10px;
    width: 96%
}

.shipping-cost {
    width: 91%;
    line-height: 24px
}

.product-location-content {
    padding-top: 20px
}

.map-location {
    float: left;
    height: 150px;
    width: 100%;
    border-radius: 5px
}

.product-address-map {
    padding-top: 10px;
    padding-bottom: 10px
}

.btn-chat-with-seller {
    float: left;
    border-radius: 3px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 0px
}

.chat-with-seller-text {
    color: #fff;
    font-size: 1.1em;
    float: left;
    text-align: center
}

.chat-with-seller-text>span {
    padding-left: 10px
}

.chat-with-seller-icon {
    background: url("../images/chat-with-seller-icon.png") no-repeat;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    float: left
}

.chat-with-seller-icon-container {
    padding-right: 15px
}

.btn-make-an-offer {
    background-color: #fff;
    /* border: 1px solid #e7edf2; */
    border: 1px solid #7DBD00;
    float: left;
    border-radius: 3px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    text-align: center;
    /* color: #222; */
    color: #7DBD00;
    font-size: 1.1em
}

.product-page-right-bottom-container {
    background-color: #fff;
    border-radius: 5px;
    margin-top: 10px
}

.about-the-seller {
    font-family: Bold;
    font-size: 1.1em;
    color: #222;
    border-bottom: 1px solid #eceff2;
    padding: 15px 20px
}

.seller-details {
    padding: 20px
}

.seller-prof-pic {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    float: left;
    position: relative
}

.seller-verified-icon {
    background-color: #7DBD00;
    border: 3px solid #fff;
    border-radius: 50%;
    bottom: 6px;
    color: #fff;
    float: left;
    font-size: 11px;
    height: 30px;
    line-height: 25px;
    overflow: hidden;
    position: absolute;
    right: -7px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 30px
}

.seller-name {
    font-family: Bold;
    font-size: 1.125em;
    color: #222;
    overflow: hidden;
    padding-top: 10px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.seller-name>a {
    font-family: Bold;
    font-size: 1.125em;
    color: #222
}

.mobile-verification#verified {
    background: url("../images/mobile-verification-icon.png") no-repeat;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: inline-block
}

.mobile-verification {
    background: url("../images/mobile-not-verified-icon.png") no-repeat;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: inline-block
}

.fb-verification#verified {
    background: url("../images/facebook-verification-icon.png") no-repeat;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: inline-block;
    margin-left: 5px
}

.fb-verification {
    background: url("../images/facebook-not-verified-icon.png") no-repeat;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin-left: 5px;
    display: inline-block
}

.mail-verification#verified {
    background: url("../images/mail-verification-icon.png") no-repeat;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin-left: 5px;
    display: inline-block
}

.mail-verification {
    background: url("../images/mail-not-verified-icon.png") no-repeat;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: inline-block
}

.seller-verification {
    padding-top: 5px;
    padding-bottom: 5px
}

.phone-number {
    float: left;
    width: 100%
}

.country-code {
    padding-right: 5px
}

.product-counter-container {
    padding: 0px 5px
}

.product-counter-container:first-child {
    padding-left: 0px
}

.product-counter-container:last-child {
    padding-right: 0px
}

.btn-product-counter {
    border: 1px solid #e7edf2;
    border-radius: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    font-size: .875em;
    color: #222;
    float: left;
    width: 100%
}

.btn-product-counter:hover {
    background-color: #f6fbff
}

.counter {
    font-family: Bold;
    float: left;
    text-align: center;
    font-size: 1.2em;
    color: #222;
    width: 100%
}

.counter-label {
    float: left;
    text-align: center;
    font-size: 1.1em;
    color: #222;
    width: 100%
}

.seller-classified-detail {
    padding-bottom: 15px;
    padding-top: 15px
}

.recently-viewed-heading {
    color: #222;
    font-size: 1.125em;
    font-family: Bold;
    padding-left: 10px;
    padding-right: 10px
}

.recently-viewed {
    padding-top: 15px
}

.rate-section-2 {
    float: left;
    background-color: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border: 1px solid #e7edf2
}

.image-container#prod-1 {
    background: url("../images/5.jpg") no-repeat;
    height: 235px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border: 1px solid #e7edf2;
    border-bottom: none
}

.image-container#prod-2 {
    background: url("../images/7.jpg") no-repeat;
    height: 235px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border: 1px solid #e7edf2;
    border-bottom: none
}

.image-container#prod-3 {
    background: url("../images/8.jpg") no-repeat;
    height: 235px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border: 1px solid #e7edf2;
    border-bottom: none
}

.image-container#prod-4 {
    background: url("../images/12.jpg") no-repeat;
    height: 235px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border: 1px solid #e7edf2;
    border-bottom: none
}

.image-container#prod-5 {
    background: url("../images/9.jpg") no-repeat;
    height: 235px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border: 1px solid #e7edf2;
    border-bottom: none;
    max-width: 100%;
    overflow: hidden;
    transition: all ease .5s
}

.image-container#prod-5:hover {
    transform: scale(1.1)
}

.image-container#prod-6 {
    background: url("../images/15.jpg") no-repeat;
    height: 235px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border: 1px solid #e7edf2;
    border-bottom: none
}

.image-container#prod-7 {
    background: url("../images/16.jpg") no-repeat;
    height: 235px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border: 1px solid #e7edf2;
    border-bottom: none
}

.product-padding {
    padding-left: 10px;
    padding-right: 10px
}

.product-row {
    margin-left: -10px;
    Margin-right: -10px
}

.recently-viewed-container {
    padding-bottom: 30px
}

.popular-product-container {
    padding-bottom: 60px
}

.recently-viewed .product-padding>a {
    clear: both;
    display: block;
    overflow: hidden;
    height: 235px;
    position: relative
}

.to-content {
    padding: 10px 10px 20px 20px;
    border-bottom: 1px solid #eceff2
}

.chat-seller-modal-content {
    background-color: #fff;
    margin: 40px auto;
    border-radius: 3px
}

.to-prof-pic {
    background: url("../images/seller-prof-pic.jpg") no-repeat;
    height: 64px;
    width: 64px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.chat-with-seller-close {
    font-size: 3rem;
    margin-top: 0px;
    padding-right: 0px !important
}

.to-prof-content {
    padding-left: 15px;
    font-size: 1.1em;
    color: #222
}

.to-prof-content>div>a {
    font-size: 1.1em;
    color: #222;
    font-family: Bold
}

.to-prof-pic-cnt {
    padding-top: 15px
}

.messgage-container {
    padding: 20px
}

.chat-modal-text-area {
    background: #fff !important;
    border: 1px solid #eceff2 !important
}

.send-btn-cnt {
    padding-top: 10px
}

.help-text {
    color: #8e8e8e;
    font-size: .75em
}

.help-text {
    padding-right: 20px
}

.help-text>span {
    padding-right: 7px
}

.foldtext {
    word-wrap: break-word
}

.send-btn {
    padding: 10px 0px;
    font-size: .875em;
    border-radius: 3px
}

.info-icon {
    background: url("../images/info-icon.png") no-repeat;
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    float: left
}

.success-icon {
    background: #7DBD00;
    height: 41px;
    width: 41px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    float: none;
    margin: 0 auto;
    margin-top: 20%;
    border-radius: 50%
}

.success-icon i.fa.fa-check {
    color: #fff;
    text-align: center;
    margin: 10px 0 0 11px;
    font-size: 20px
}

.payment-suces .success-icon {
    margin-top: 10%
}

.success-modal {
    background: #fff;
    min-height: 320px !important;
    margin-top: 40px;
    border-radius: 3px
}

.success-modal-close {
    font-family: Regular;
    font-size: 3rem;
    margin-top: 0;
    padding-right: 10px !important
}

.sent-text {
    width: 100%;
    text-align: center;
    font-family: Bold;
    font-size: 1.1em;
    color: #222;
    padding-top: 18px;
    float: left
}

.ask-price-text {
    font-size: 1.5em;
    font-family: Bold;
    color: #222;
    width: 100%;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 30px
}

.ask-price-text>span {
    color: #7DBD00
}

.offer-price-text {
    font-size: .875em;
    font-family: Bold;
    color: #222
}

.offer-text-field-label {
    color: #222;
    font-size: 1.1em;
    font-family: Bold;
    text-align: center;
    padding: 10px 0;
    background-color: #eceff2;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.offer-text-field>input {
    padding: 9px;
    width: 100%;
    border: 1px solid #eceff2;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.offer-modal-text-area {
    background: #fff none repeat auto 0 0 !important;
    border: 1px solid #eceff2 !important;
    height: 90px !important;
    margin-top: 10px;
    float: left;
    margin-bottom: 10px
}

.offer-price-txt-field-cnt {
    margin-top: 10px
}

.exchange-product-grid-container {
    height: auto;
    max-height: 420px;
    overflow-y: auto;
    text-align: center
}

.exchange-product {
    background: url("../images/8.jpg") no-repeat;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 175px;
    max-width: 100%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.exchange-product-name {
    color: #222;
    font-size: .875em;
    padding: 10px;
    width: 100%;
    border: 1px solid #e7edf2;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.exchange-product-grid {
    padding: 5px
}

.exchange-product-grid:active>div>.exchange-product {
    border-top: 3px solid #7DBD00;
    border-left: 3px solid #7DBD00;
    border-right: 3px solid #7DBD00
}

.exchange-product-grid:active>div>.exchange-product-name {
    background-color: #7DBD00;
    color: #fff;
    border: 1px solid #7DBD00
}

.exchange-product-grid:hover>div>.exchange-product {
    border-top: 3px solid #7DBD00;
    border-left: 3px solid #7DBD00;
    border-right: 3px solid #7DBD00
}

.exchange-product-grid:hover>div>.exchange-product-name {
    background-color: #7DBD00;
    color: #fff;
    border: 1px solid #7DBD00
}

.exchange-product-grid.active>div>.exchange-product {
    border-top: 3px solid #7DBD00;
    border-left: 3px solid #7DBD00;
    border-right: 3px solid #7DBD00
}

.exchange-product-grid.active>div>.exchange-product-name {
    background-color: #7DBD00;
    color: #fff;
    border: 1px solid #7DBD00
}

.create-exchange-btn {
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 20px
}

.view_more_comnts {
    display: inline-block
}

.no-item {
    line-height: 50px;
    padding-bottom: 20px;
    padding-top: 10px;
    text-align: center
}

.no-item-text {
    font-size: 3rem
}

.world-wide {
    font-size: 5rem;
    color: #7DBD00;
    font-family: Bold
}

.back-botton {
    padding-top: 20px
}

.back-btn {
    background-color: #7DBD00;
    border-radius: 5px;
    height: 40px;
    padding: 10px 25px;
    color: #fff
}

.back-btn:hover {
    color: #fff !important
}

.back-btn:focus {
    color: #fff !important
}

#invoice-modal>.modal-dialog>.login-modal-content>.login-content>.promotions-details-cnt>#invoice_content>.sale-info>.sale-initiate-date {
    float: none !important;
    text-align: center;
    font-size: 1.6rem
}

.invoice-popup-line-padding {
    padding: 5px 0
}

.invoice-popup-heading {
    font-size: 1.7rem
}

.invoice-popup-addr-cnt,
.invoice-popup-item-details-cnt {
    border-top: 1px solid #f4f4f4;
    padding-top: 15px;
    padding-bottom: 15px
}

.invoice-popup {
    font-size: 1.5rem;
    line-height: 30px
}

.invoice-popup-total {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.invoice-print-btn {
    padding: 5px 10px;
    background-color: #7DBD00;
    border-radius: 4px;
    color: #fff
}

.no-conversation-msg {
    color: #8e8e8e;
    float: left;
    font-size: 1.75em;
    margin: 5% auto 0;
    text-align: center;
    width: 100%
}

.no-conversation-msg img {
    width: 100%;
    padding: 0 10px;
    max-width: 400px
}

.message-vertical-tab-section {
    padding-top: 10px
}

.message-vertical-tab-container {
    background-color: #fff;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    box-shadow: 0px 0px 4px #cccc;
    height: 790px;
    overflow-y: hidden
}

.message-cnt {
    height: 500px;
    overflow-y: auto
}

.chat-message-container #home {
    background: url(../images/chat-bg.png) repeat scroll center;
    box-shadow: 0px 0px 4px #cccc
}

.message-vertical-tab-container:hover {
    overflow-y: auto
}

.message-vertical-tab-container>li.active>a,
.message-vertical-tab-container>li.active>a:hover,
.message-vertical-tab-container>li.active>a:focus {
    background-color: #f3f5f6;
    border-left: 5px solid #7DBD00;
    cursor: default;
    border-bottom: none;
    float: left;
    width: 100%;
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px
}

.message-vertical-tab-container>li {
    position: relative
}

.message-vertical-tab-container>li.active {
    padding-right: 0
}

.message-vertical-tab-container>li:first-child.active {
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 0px
}

.message-vertical-tab-container.nav-tabs {
    border-bottom: unset
}

#address-book .classified-acc-icon-cnt img {
    height: 16px
}

.message-vertical-tab-container>li:last-child.active {
    padding-bottom: 5px;
    padding-right: 5px;
    padding-top: 0px
}

.message-vertical-tab-container>li.active>a {
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px
}

.message-vertical-tab-container>li>a {
    margin-right: 0;
    border-radius: 0px;
    float: left;
    width: 100%;
    border: none;
    border-left: 5px solid transparent
}

.message-vertical-tab-container>li>a:hover {
    border-bottom: none;
    border-left: 5px solid #7DBD00
}

.message-prof-pic {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative
}

.message-prof-pic#pic1 {
    background: url("../images/prof-pic-2.jpg") no-repeat;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative
}

.message-prof-pic#pic2 {
    background: url("../images/prof-pic-3.jpg") no-repeat;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative
}

.message-prof-pic#pic3 {
    background: url("../images/prof-pic-4.jpg") no-repeat;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative
}

.message-prof-pic#pic4 {
    background: url("../images/prof-pic-5.jpg") no-repeat;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative
}

.message-prof-pic#pic5 {
    background: url("../images/prof-pic-6.jpg") no-repeat;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative
}

.message-prof-pic#pic7 {
    background: url("../images/prof-pic-7.jpg") no-repeat;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative
}

.message-prof-pic#pic6 {
    background: url("../images/prof-pic-8.jpg") no-repeat;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative
}

.message-prof-name {
    color: #222;
    font-size: 1.1em;
    padding-top: 10px;
    word-wrap: break-word;
    font-family: Bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.short-message {
    font-size: 1.1em;
    color: #627686;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.message-time {
    font-size: .875em;
    color: #a4b6c5;
    width: 100%;
    word-wrap: break-word
}

.message-details {
    padding-left: 7px
}

.message-icon {
    padding-top: 5px
}

.message-tab-content {
    padding: 10px;
    background-color: #fff
}

.message-conversation {
    background-color: #fff;
    padding: 10px 10px;
    border-radius: 4px;
    position: relative;
    margin-left: 11px;
    border-top-left-radius: 0px;
    max-width: 100%;
    box-shadow: 0 0px 5px #ccc
}

.message-conversation img {
    height: 18px;
    width: 18px
}

a.message-conversation-item-name {
    font-size: 1.1em;
    color: #7DBD00
}

.conversation-prof-pic {
    float: left
}

.conversation-prof-pic#user {
    float: right
}

.conversation-product-pic {
    background: url("../images/12.jpg") no-repeat;
    width: 80px;
    height: 80px;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: #f6f5f7
}

.conversation-container {
    padding-top: 15px
}

.conversation-product-pic-container {
    float: left;
    margin-right: 5px
}

.conversation-bargain-container {
    float: left;
    width: 73%;
    padding-left: 0px
}

.conversation-rate {
    padding: 5px 10px;
    background-color: #7DBD00;
    color: #fff;
    font-size: 1.1em;
    border-radius: 4px;
    float: left;
    width: auto
}

.conversation-rate-container {
    width: 100%;
    float: left;
    padding-bottom: 12px
}

.conversation-text {
    font-size: 1.1em;
    color: #627686;
    float: left;
    width: 100%;
    word-wrap: break-word
}

.arrow-left {
    border-bottom: 15px solid transparent;
    border-right: 11px solid #fff;
    border-top: 0 solid transparent;
    height: 0;
    left: 0;
    position: absolute;
    top: 5px;
    width: 0;
    z-index: 99
}

.arrow-right {
    width: 11px;
    height: 14px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: absolute;
    right: 5px;
    z-index: 553;
    border-bottom: 15px solid transparent;
    border-left: 11px solid #EEF5EB;
    border-top: 0 solid transparent;
    animation: slide-up .3s ease-in
}

.message-conversation-left-cnt {
    padding-top: 5px
}

.conversation-date {
    color: #969fa7;
    font-size: .875em;
    padding-left: 15px;
    padding-top: 5px
}

.message-conversation-container {
    padding-bottom: 10px
}

.message-conversation-right-cnt {
    -webkit-animation: slide-up .3s ease-in;
    -moz-animation: slide-up .3s ease-in;
    animation: slide-up .3s ease-in;
    float: right;
    padding-top: 5px
}

.message-conversation-right-cnt>.message-conversation {
    margin-left: 0px;
    margin-right: 15px;
    float: right;
    background: #EEF5EB none repeat scroll 0 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 0px;
    width: auto;
    padding-bottom: 10px;
    padding-top: 10px;
    box-shadow: 0 0 5px #cccc
}

.conversation-text {
    color: #222
}

.conversation-text img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 200px
}

.message-conversation-left-cnt .conversation-text {
    color: #222
}

.message-conversation-right-cnt>.conversation-date {
    padding-right: 15px;
    text-align: right
}

.message-conversation-right-cnt>.message-conversation>.conversation-container {
    padding-top: 0px
}

.message-conversation-right-cnt>.message-conversation>.conversation-container>.conversation-bargain-container {
    width: 100%
}

.message-conversation-right-cnt>.message-conversation>.conversation-container>.conversation-bargain-container>.conversation-text {
    padding-top: 0px;
    text-align: right;
    width: 100%
}

.typing-status {
    color: #a4b6c5;
    font-size: 1.1em;
    text-align: center;
    padding: 5px 0px;
    text-transform: capitalize;
    width: 100%;
    word-wrap: break-word
}

.message-type-container>.chat-message-type>.message-send>a>.send-btn {
    padding: 23px 0
}

.message-type-container>.chat-message-type>.form-group>textarea {
    height: 70px;
    font-size: 1.1em
}

.send-btn>span {
    display: none
}

.message-type-container>.chat-message-type>.form-group {
    padding-right: 10px;
    margin-bottom: 0px
}

.message-vertical-tab-section>.tab-content {
    padding-bottom: 34px
}

.message-unread-count {
    background-color: #7DBD00;
    color: #fff;
    border: 3px solid #e5e9ed;
    font-size: 1.1em;
    border-radius: 50%;
    float: left;
    width: 28px;
    height: 28px;
    text-align: center;
    position: absolute;
    right: 0;
    bottom: 0;
    padding-top: 2px
}

.floating-div {
    padding: 10px;
    width: 350px;
    background-color: #fff;
    border-radius: 4px;
    margin-bottom: 10px;
    -webkit-box-shadow: 0px 0px 7px 0px #a3a3a3;
    -moz-box-shadow: 0px 0px 7px 0px #a3a3a3;
    box-shadow: 0px 0px 7px 0px #a3a3a3
}

.message-user-prof-pic {
    background: url("../images/prof-pic-1.jpg") no-repeat;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

#floating-div-pic {
    height: 50px;
    width: 50px
}

.message-user-name {
    font-size: 1.125em;
    color: #222;
    font-family: Bold
}

.message-user-info {
    font-size: 1.125em;
    color: #222;
    float: left;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.message-user-info-cnt {
    float: left;
    max-width: 250px;
    padding-left: 10px;
    width: auto
}

.message-floating-div-cnt {
    margin-top: 20px;
    position: fixed;
    right: 10px;
    z-index: 554
}

.message-floating-div-cnt>.floating-div>.message-icon {
    padding-top: 0px;
    float: left;
    width: 50px
}

.user-conv {
    padding-right: 10px
}

.message-vertical-tab-section>ul.message-vertical-tab-container>li.active>a>.message-icon>.message-prof-pic>.message-unread-count {
    border: 3px solid #f3f5f6
}

.has-error {
    color: #de2f2c !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important
}

.short-message img {
    margin-right: 10px
}

.payment-product-top-padding {
    padding-top: 20px
}

.payment-product-top-padding:nth-child(1),
.payment-product-top-padding:nth-child(2),
.payment-product-top-padding:nth-child(3),
.payment-product-top-padding:nth-child(4) {
    padding-top: 0
}

.no-padding {
    padding: 0
}

.payment-status-txt {
    color: #8a959e;
    font-size: 1.5em;
    text-align: center;
    padding-top: 15px;
    float: left;
    width: 100%
}

.payment-status-info-txt {
    color: #222;
    font-size: 1.875em;
    text-align: center;
    padding-top: 5px;
    padding-right: 2px;
    padding-left: 2px;
    float: left;
    width: 100%
}

.payment-product-padding {
    padding-top: 100px;
    padding-bottom: 0px;
    float: left
}

.payment-red {
    color: red
}

.payment-decline-status-info {
    margin: 10% auto
}

.payment-decline-status-info-txt {
    color: #8e8e8e;
    font-size: 1.35em;
    text-align: center;
    padding-top: 98px;
    margin-bottom: 29px;
    float: left;
    width: 100%
}

.decline-center {
    margin: 8% auto 8%
}

.payment-promote-btn {
    width: auto;
    float: unset;
    margin: 0 auto;
    text-align: center;
    padding: 10px 15px
}

.cls_continue-shop {
    text-align: center;
    display: block;
    margin: 20px 0
}

.error-main {
    background-color: #f4f4f4;
    width: 100%;
    float: left;
    display: block
}

.profile-tab-content {
    min-height: unset !important
}

[type=date] {
    background: url("images/calendar.png") 97% 50% no-repeat !important;
    text-align: left !important
}

[type=date]::-webkit-inner-spin-button {
    display: none
}

[type=date]::-webkit-calendar-picker-indicator {
    opacity: 0
}

.Trackingdetails_shippingdate {
    background: url("images/calendar.png") 3% 50% no-repeat !important;
    text-align: left !important
}

.classified-accorddion-cnt {
    padding-top: 13px;
    min-height: 550px
}

.classified-accordion-title-txt {
    font-size: 18px;
    font-family: Bold;
    color: #222;
    float: left;
    padding: 8px 10px 10px
}

.classified-accordion {
    background: transparent;
    border: none;
    box-shadow: none
}

.classified-accordion>.panel-collapse>.panel-body {
    border: none !important;
    padding: 20px 0 !important
}

.classified-acc-add-addr {
    color: #fff !important;
    background-color: #7DBD00;
    padding: 8px 30px;
    border-radius: 3px
}

.classified-accordion-heading {
    padding: 10px !important;
    border-radius: 3px;
    background: #fff !important;
    width: 100%;
    display: inline-block;
    height: auto
}

.classified-acc-addr-cnt {
    background-color: #fff;
    padding: 20px;
    border-radius: 3px;
    position: relative;
    overflow: hidden
}

.classified-acc-addr-cnt-bg {
    background-color: #ddd
}

.recently-viewed .product-padding>a {
    clear: both;
    display: block;
    overflow: hidden;
    height: 234px;
    position: relative
}

.classified-acc-addr-cnt:hover,
.classified-acc-addr-cnt:active {
    -webkit-box-shadow: inset 0px 0px 0px 3px #7DBD00 !important;
    -moz-box-shadow: inset 0px 0px 0px 3px #7DBD00 !important;
    box-shadow: inset 0px 0px 0px 3px #7DBD00 !important;
}

.classified-acc-addr-cnt:hover .classified-acc-continue-btn,
.classified-acc-addr-cnt:active .classified-acc-continue-btn {
    background: #7DBD00 !important;
    color: #fff !important
}

.classified-acc-addr-cnt:hover .classified-acc-btn.classified-acc-select.setdefault_btn {
    background: #7DBD00 !important
}

.classified-acc-btn.classified-acc-select.setdefault_btn {
    background: #464e55 !important
}

#address-book .classified-acc-icon-cnt img {
    height: 16px
}

.classified-acc-icon-cnt>a {
    float: right;
    padding: 0 8px
}

.classified-acc-addr-heading {
    font-size: 20px;
    font-family: Regular;
    color: #222;
    padding-top: 13px
}

.classified-acc-addr-txt {
    font-size: 14px;
    font-family: Regular;
    color: #7e8c98;
    padding-top: 10px;
    height: 100px;
    overflow-y: auto
}

.address-active {
    background: url("../images/address-active.png") no-repeat scroll center center;
    height: 37px;
    width: 36px;
    position: absolute;
    top: 0;
    right: 0;
    display: none
}

.classified-acc-addr-cnt:active>.address-active {
    display: block
}

.classified-acc-noaddr-txt {
    float: left;
    width: 100%;
    font-size: 24px;
    color: #222;
    text-align: center;
    padding-bottom: 20px;
    padding-top: 50px
}

.classified-acc-noaddr-btn-cnt {
    float: left;
    width: 100%;
    padding-bottom: 50px
}

.classified-acc-noaddr-btn {
    float: none;
    text-align: center
}

.classified-acc-noaddr-btn>.classified-acc-add-addr {
    background-color: #7DBD00;
    color: #fff
}

.classified-acc-phone {
    color: #222;
    font-size: 16px;
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    padding: 8px 0
}

.classified-acc-select-cnt {
    float: none;
    text-align: center
}

.classified-acc-select {
    margin: 0 auto;
    width: 70%
}

.classified-acc-btn {
    background-color: #7DBD00;
    color: #fff;
    font-size: 16px;
    padding: 8px 60px;
    border-radius: 3px
}

.classified-acc-addr-cnt .classified-acc-addr {
    overflow-y: hidden;
    width: 120%
}

.classified-acc-addr {
    padding-bottom: 12px
}

.classified-acc-btn-cnt {
    padding-top: 20px
}

.classified-acc-addr-container>.classified-acc-addr-cont {
    padding-left: 0px;
    padding-bottom: 15px
}

.classified-acc-addr-container>.classified-acc-addr-cont:nth-child(4n-7) {
    padding-left: 0px
}

.classified-acc-addr-container>.classified-acc-addr-cont:nth-child(4n) {
    padding-right: 0px
}

.edit-profile-form .classified-acc-addr-cont {
    padding-left: 0px
}

.edit-profile-form .classified-acc-addr-cont:last-child {
    padding-right: 15px
}

.edit-profile-addr-cnt {
    padding-top: 20px
}

.classified-accordion-right-txt {
    font-size: 16px;
    color: #222;
    padding-top: 10px;
    padding-right: 10px
}

.classified-accordion-fullwidth-head {
    width: 100%;
    float: left
}

.classified-acc-order-summary-pic-cnt {
    padding-left: 0px
}

.classified-acc-order-summary-pic {
    background: rgba(0, 0, 0, 0) no-repeat scroll center center/cover;
    border-radius: 4px;
    height: 156px;
    margin: 0 auto;
    max-width: 100%
}

.accordion-seller-txt {
    color: #8e8e8e;
    font-size: 16px
}

.classified-acc-order-summary-txt {
    float: left;
    padding-top: 15px;
    color: #222;
    font-size: 16px;
    width: 100%
}

.classified-acc-order-summary-info-cnt {
    padding-right: 0px;
    padding-left: 5px
}

.classified-acc-order-name {
    color: #222;
    font-size: 19px;
    padding-left: 0
}

.classified-acc-order-rate {
    font-size: 16px;
    color: #222
}

.classified-acc-order-del-time {
    color: #7DBD00
}

.classified-acc-order-qty-dd {
    background-color: #fff;
    width: 5%;
    border: none;
    padding: 15px 30px;
    margin-top: 10px;
    color: #222
}

.classified-acc-order-shp-fee {
    color: #222
}

.classified-acc-order-shp-fee-cnt {
    margin-top: 10px;
    padding: 10px 0;
    border-top: 1px solid #e7edf2;
    color: #8e8e8e;
    font-size: 16px
}

.classified-acc-item-fee-txt {
    color: #8e8e8e
}

.classified-acc-order-btn-cnt {
    border-top: 1px solid #e7edf2;
    padding: 20px 0 0 0;
    margin-top: 15px
}

.classified-acc-delete-btn {
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    padding: 8px 60px;
    background-color: #464e55;
    margin-left: 20px
        /* margin-left: 10px */
}

.sold-status .label-lg.label-default {
    background: transparent;
    color: #e06c17
}

.classified-acc-btn,
.classified-acc-delete-btn {
    color: #fff !important
}

.classified-acc-continue-btn {
    color: #fff !important;
    background-color: #7DBD00 !important
}

.classified-acc-btn.classified-acc-select.setdefault_btn {
    background: #464e55 !important
}

.classified-acc-addr-cnt:hover .classified-acc-btn.classified-acc-select.setdefault_btn {
    background: #7DBD00 !important
}

#my-review .exchange-prof-pic {
    background-color: #fff
}

.classified-acc-order-btn,
.classified-acc-order-btn>a {
    float: left
}

.classified-acc-tab-ul {
    border: none
}

.classified-acc-tab-ul>li {
    border: none !important;
    float: left;
    border-radius: 3px
}

.classified-acc-tab-ul>li>a {
    border: none !important;
    margin: 0;
    background-color: transparent !important;
    font-size: 16px;
    color: #9eaebb;
    font-family: Bold
}

.classified-acc-tab-ul>li.active>a {
    color: #222
}

.classified-acc-tab-ul>li>a:hover {
    color: #222
}

.classified-acc-tab-ul>li.active,
.classified-acc-tab-ul>li.active {
    background: #fff !important;
    background: -webkit-linear-gradient(left, rgba(255, 0, 0, 0), white) !important;
    background: -o-linear-gradient(right, rgba(255, 0, 0, 0), white) !important;
    background: -moz-linear-gradient(right, rgba(255, 0, 0, 0), white) !important;
    background: linear-gradient(to right, rgba(255, 0, 0, 0), white) !important
}

.classified-acc-tab-ul>li.active>a,
.classified-acc-tab-ul>li.active>a {
    background-color: transparent !important
}

.classified-acc-payment-icon-cnt {
    float: none;
    text-align: center;
    padding-top: 10px
}

.classified-acc-payment-icon-cnt>img {
    margin: 0 auto
}

.classified-acc-payment-cnt {
    padding-top: 20px
}

.classified-acc-paypal-btn {
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    padding: 8px 20px;
    background-color: #00447b;
    margin-top: 30px;
    border-color: #00447b
}

.classified-acc-paypal-btn:hover {
    color: #fff !important
}

.classified-acc-payment-btn-cnt {
    float: none;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px
}

.classified-acc-order-qty>.select-box-down-arrow {
    background-position: right 10px
}

.classified-acc-cdtcard-cnt {
    background-color: #fff;
    border-radius: 4px
}

.classified-acc-tab-pane-cnt {
    padding-right: 0
}

.classified-acc-pane-heading {
    font-size: 18px;
    color: #222;
    width: 100%;
    padding: 15px 20px;
    font-family: Bold;
    float: left;
    border-bottom: 1px solid #f4f4f4
}

.classified-acc-pane-content {
    padding: 20px;
    float: left;
    width: 100%
}

.classified-acc-pane-content>.highlight {
    background: transparent;
    border: none;
    color: #222
}

.classified-acc-pane-content>.classified-acc-pane-left-cnt>.classified-acc-pane-radio-cnt>.radio-inline>label {
    color: #222;
    font-size: 16px;
    font-family: Regular;
    font-weight: normal !important
}

.classified-acc-pane-content>.classified-acc-pane-left-cnt>.classified-acc-pane-radio-cnt>.radio-inline.highlight {
    background: transparent;
    border: none;
    color: #222
}

.card-num {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-right: none !important
}

.cvv-num {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    padding-right: 50px
}

.cvv-num-div {
    background: url("../images/cvv-icon.png") no-repeat;
    height: 33px;
    background-position: right 2px
}

.sheild-icon {
    background: rgba(0, 0, 0, 0) url("../images/sheild-icon.png") no-repeat scroll center center/cover;
    height: 123px;
    width: 93px;
    margin: 0 auto;
    max-width: 100%;
    margin-top: 20px
}

.sheild-icon-txt {
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #a5b0b8;
    padding-top: 10px;
    font-family: Bold
}

.classified-acc-pane-radio-cnt {
    padding-bottom: 15px
}

.classified-acc-pane-btn {
    padding-top: 10px
}

.classified-acc-pane-btn>.classified-acc-btn {
    float: left
}

.payment-dd-arrow {
    background: #fff url("../images/down-arrow.png") no-repeat;
    height: 8px;
    background-position: right 14px;
    cursor: pointer;
    padding-top: 10px;
    padding-bottom: 12px;
    padding-left: 5px;
    width: 70px;
    height: 35px;
    -moz-appearance: none
}

.classified-acc-order-qty>select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: ""
}

.classified-accordion-title-sel {
    width: 54%
}

.classified-accordion-title-pay {
    width: 100%
}

.classified-acc-order-shp-fee-details {
    width: auto
}

.padding-top-10 {
    padding-top: 10px
}

#sample-hover-status {
    box-shadow: 0 0 0 3px #7DBD00 inset !important
}

.shadowcls {
    box-shadow: 0 0 0 3px #7DBD00 inset !important
}

.addressblock {
    display: block
}

.classfied-acc-paypal-btn {
    border: 1px solid !important
}

.profile-tab-content.empty-tap {
    max-height: 100% !important;
    text-align: center
}

#followings .profile-listing-product-cnt,
.followersss .profile-listing-product-cnt {
    text-align: center
}

.empty-tap {
    max-height: 505px !important;
    min-height: 500px !important
}

.exchange-btn,
.btn-chat-with-seller {
    cursor: pointer
}

a.loadmorenow.load {
    display: block;
    text-align: center;
    color: #7DBD00
}

.abs-sold-out {
    position: absolute
}

a.loadmorenow input:focus {
    outline: none
}

.profile-listing-opacity-bg {
    position: absolute;
    display: none
}

.profile-listing-btn-cnt {
    display: none
}

.imghoverproductlist:hover>.profile-listing-opacity-bg,
.imghoverproductlist:hover>.product_view .profile-listing-btn-cnt {
    display: block !important
}

.imghoverproductlist {
    height: 100%
}

a.loadmorenow input {
    display: block;
    margin: 0 auto;
    background: transparent;
    border: 0;
    padding-top: 5px;
    margin-top: -33px;
    padding-top: 40px;
    color: #91a7b9
}

.classified-menu li.dropdown:first-child a {
    margin-left: 0
}

.message-counter.message-hide {
    display: none
}

.signup-box .login-btn {
    background-color: #7DBD00;
    border-radius: 5px;
    height: 40px;
    float: left;
    padding: 10px 0;
    text-align: center;
    color: #fff !important;
    border: medium none
}

.upload-btn.start-container {
    color: #fff;
    display: none
}

.search-form .form-group {
    margin-bottom: 0 !important
}

.forgot-content .forgot-box a.forgot-btn {
    color: #fff
}

.classified-search-bar-mobile input:hover {
    border: none
}

.classified-search-bar-mobile.form-group,
.classified-search-bar.form-group {
    margin-bottom: 0
}

.affix>.container>.row>nav li.dropdown:first-child {
    padding-left: 200px
}

.affix>.container>.row>nav li.dropdown:first-child .classified-dropdown-submenu {
    margin-left: 200px
}

.classified-footer-menu-links li:first-child a {
    padding-left: 0
}

.modal-dialog.nearmemodal-content {
    transform: translate3d(0px, 0px, 0px)
}

.classified-search-icon.form-control::-webkit-input-placeholder {
    color: #b4c1cc !important
}

.classified-search-icon.form-control::-moz-placeholder {
    color: #b4c1cc !important
}

.classified-search-icon-mobile.form-control::-webkit-input-placeholder {
    color: #b4c1cc !important
}

.classified-search-icon-mobile.form-control::-webkit-input-placeholder {
    color: #b4c1cc !important
}

.classified-header-nav>ul.sticky-header-dropdown>li>a:hover {
    background-color: #f5f5f5 !important
}

.sticky-header-menu-icon {
    padding: 0px 10px 15px 0px;
    border-radius: 3px;
    -webkit-animation: slide-down .3s ease-out;
    -moz-animation: slide-down .3s ease-out
}

.sticky-header-dropdown {
    border: none;
    padding: 0px
}

.map-menu-fixed>div {
    left: 0;
    position: fixed;
    top: 104px;
    z-index: 1
}

.map-menu-fixed>div>.dropdown-near-you {
    margin: 5px auto 0
}

.map-menu-fixed {
    height: 36px
}

.login-box .login-btn {
    margin: 0
}

.categories>.grid>.categories-list>ul>li a.active {
    color: #7DBD00 !important
}

.stuff-post .post-btn {
    background-color: #7DBD00;
    border-radius: 5px;
    float: left;
    height: 40px;
    padding: 10px 25px;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 0px;
    color: #fff;
    border: none
}

#products-form label {
    font-size: 1.1em;
    font-weight: normal !important
}

.stuff-post .post-btn:hover {
    color: #fff;
    background-color: #7DBD00;
    border: none
}

.stuff-post .post-btn:active,
.stuff-post .post-btn:focus,
.stuff-post .post-btn:visited {
    color: #fff !important;
    background-color: #7DBD00;
    border: none
}

.margin-left-0 {
    margin-left: 0
}

.preview {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    position: relative;
    text-align: center;
    width: 100%
}

.preview img {
    height: 100%;
    width: 100%
}

.cancel {
    opacity: .86;
    position: absolute;
    right: -1px;
    top: -1px;
    z-index: 3
}

.stuff-img .delete {
    position: absolute;
    right: 0;
    z-index: 3
}

.sold-btn,
.delete-btn,
.post-btn {
    color: #fff
}

.stuff-post .btn-warning {
    border: medium none;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    height: 40px;
    margin-bottom: 35px;
    margin-left: 10px;
    margin-top: 15px;
    padding: 10px 25px;
    text-align: center
}

.currency-select-box-row .form-control {
    margin-bottom: 7px !important
}

.location-error {
    display: none;
    color: #4d0000
}

.add-photos .form-group.group-form-container {
    margin-bottom: 0
}

.Category-price-box-row .Category-input-box-row {
    padding-bottom: 0
}

.Category-input-box-row.location-container {
    padding-bottom: 0
}

.row.fileupload-buttonbar {
    margin: 0 !important
}

.post-btn {
    letter-spacing: normal
}

div.form.product-form-container .row {
    margin: 5px
}

.errorMessage {
    float: left;
    width: 100%;
    color: red
}

.instant-buy-details {
    display: none
}

#login-form .errorMessage,
#users-signup-form .errorMessage {
    margin-bottom: 10px
}

.message-type-container .chat-message-type .message-send a .send-btn {
    padding: 23px 0
}

.message-type-container .chat-message-type .form-group textarea {
    height: 70px;
    font-size: 1.1em
}

.message-type-container .chat-message-type .form-group {
    padding-right: 10px;
    margin-bottom: 0px
}

.chat-message-type .comment-text-area {
    width: 100%
}

.message-cnt ol {
    list-style: none
}

.message-vertical-tab-section .tab-content {
    padding-bottom: 34px
}

.typing-status {
    opacity: 0
}

.profile-vertical-tab-section {
    padding-bottom: 35px
}

.prof-pic-container {
    text-align: center
}

.profile-vertical-tab-container {
    background-color: #fff;
    border-radius: 4px;
    padding-left: 0px;
    padding-right: 0px
}

ul.profile-vertical-tab-container {
    border: none
}

.profile-vertical-tab-container>li {
    border-top: 1px solid #f4f4f4
}

.profile-vertical-tab-container>li:first-child {
    border: none
}

.profile-vertical-tab-container>li.active>a,
.profile-vertical-tab-container>li.active>a:hover,
.profile-vertical-tab-container>li.active>a:focus {
    cursor: default;
    border: none;
    float: left;
    width: 100%;
    color: #7DBD00 !important;
    font-family: Bold;
    background-color: #fbfbfb;
    word-wrap: break-word
}

.profile-vertical-tab-container>li.active>a>span.ad-label,
.profile-vertical-tab-container>li.active>a:hover>span.ad-label,
.profile-vertical-tab-container>li.active>a:focus>span.ad-label {
    font-family: Regular
}

.profile-vertical-tab-container>li.active {
    padding-right: 0px
}

.profile-vertical-tab-container>li:first-child.active {
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 0px
}

.profile-vertical-tab-container>li.active>a {
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px
}

.camera-edit-icon {
    background: url("../images/camera-edit-icon.png") no-repeat;
    width: 39px;
    height: 39px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: absolute;
    right: -15px;
    bottom: 15px;
    box-shadow: 0px 0px 5px 0px rgba(78, 78, 78, .48);
    border-radius: 50px
}

.profile-vertical-tab-container>li>a {
    margin-right: 0;
    border-radius: 0px;
    float: left;
    width: 100%;
    border: none;
    color: #222;
    font-size: 1.125em
}

.profile-vertical-tab-container>li>a:hover {
    border-bottom: none;
    color: #7DBD00
}

.ad-label {
    background-color: #E600ac;
    color: #fff;
    padding: 3px 5px 0;
    font-size: .875em;
    border-radius: 3px
}

.profile-page-profile-icon {
    width: 120px;
    height: 120px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 50%;
    margin: 0 auto;
    position: relative
}

.profile-icon-cnt {
    padding-top: 20px
}

.profile-page-profile-icon>a {
    position: absolute;
    width: 100%;
    height: 100%
}

.camera-edit-icon>a {
    position: absolute;
    width: 100%;
    height: 100%
}

.profile-vertical-tab-section>.tab-content {
    padding-left: 10px;
    padding-right: 0px
}

.profile-details {
    padding-top: 15px;
    padding-bottom: 15px
}
@media(min-width: 360px)and (max-width: 640px) {

    .prevSlide{
        position:absolute !important; 
        left:0px !important;
         padding-left:26px !important;
          top:50% !important;
           transform:translateY(-50%); 
           font-size:32px;
            background:none;
             border:none;
              color:#fff;
               cursor:pointer;
    }

    .nextSlide{
        position:absolute; 
        right:17px !important;
         padding-right:28px ;
          top:50%;
           transform:translateY(-50%);
            font-size:32px;
             background:none;
              border:none;
               color:#fff;
                cursor:pointer;
    }
}
.profile-user-name {
    font-size: 1.5em;
    overflow: hidden;
    padding: 0 15px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.user_name_class{
    color:  #7DBD00 !important;
    font-size: 1em !important;

}

.profile-country-name {
    font-size: .875em
}

.profile-tab-content-heading {
    color: #222;
    font-family: Bold;
    font-size: 1.5em;
    float: left;
    padding: 15px;
    border-bottom: 1px solid #f4f4f4 !important;
    display: flex;
    justify-content: space-between;
}

.profile-tab-content-heading span {
    align-self: center;
}

.change-pwd-btn>a,
.change-pwd-btn>a:active,
.change-pwd-btn>a:focus {
    float: left;
    color: #fff !important;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%
}

.change-pwd-btn #verify_text {
    background: #ff1d26;
    text-align: center;
    border-radius: 5px
}

.profile-tab-content-heading>.change-pwd-btn>a,
.profile-tab-content-heading>.change-pwd-btn>a:active,
.profile-tab-content-heading>.change-pwd-btn>a:focus {
    font-size: 1.4rem
}

.profile-tab-content#edit-prof>.profile-tab-content-heading {
    border: none
}

.edit-profile-form {
    padding: 0px 15px 15px 15px
}

.profile-text-label {
    color: #222;
    font-size: 1.1em;
    padding-top: 10px
}

.profile-label-verification {
    color: #222;
    font-size: 1.125em;
    padding-top: 15px;
    float: left
}

.profile-label-verification>span {
    float: left;
    padding-right: 5px
}

.question-circle {
    background: url("../images/question.png") no-repeat;
    width: 13px;
    height: 13px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    float: left
}

.mandotory-field {
    color: red;
    padding-left: 5px
}

.profile-input-fields {
    border-radius: 4px;
    padding: 0px;
    height: 40px;
    margin-top: 10px
}

.profile-input-fields>input {
    border-radius: 4px;
    width: 100%;
    border: 1px solid #e7edf2;
    padding: 0px 12px;
    height: 40px
}

.profile-input-fields>input::-moz-placeholder {
    color: #8e8e8e;
    font-size: 1.1em
}

.profile-email {
    padding-top: 30px;
    font-family: Bold
}

.profile-email-txt {
    font-size: 1.1em;
    color: #8e8e8e
}

.profile-email-txt-cnfm {
    color: #5a7184
}

.profile-mobile-details {
    display: none
}

.profile-promote-modal {
    margin-left: 0
}

.profile-promote-modal>p.login-header-text {
    padding-left: 0
}

.profile-promote-modal-header>button.login-close {
    padding-right: 0 !important
}

.address-action a {
    color: #5a7184
}

.address-edit:hover {
    color: #7DBD00 !important
}

.address-delete:hover {
    color: #c22b3d
}

.address-box-cont {
    padding-left: 10px
}

.address-box {
    height: auto;
    margin-top: 15px;
    border-radius: 4px;
    padding: 10px 15px 15px;
    background: #f4f4f4;
    min-height: 240px;
    position: relative
}

.address-box span {
    word-wrap: break-word
}

.address-box>.checkbox {
    position: absolute !important;
    bottom: 10px !important
}

.address-box>.checkbox label {
    padding-left: 0px
}

.otp-modal-header {
    padding: 12px;
    padding-top: 10px;
    border-bottom: 1px solid #eceff2
}

.otp-modal-content {
    font-family: Bold;
    font-size: 1.1em;
    color: #222;
    padding-left: 5px;
    padding-top: 8px
}

.otp-message {
    color: #334a5c;
    font-size: .875em
}

.verify-otp-btn {
    padding-top: 10px
}

.profile-dropdown {
    padding-top: 10px
}

.profile-dropdown>.drop-down-div {
    padding: 12px;
    background-color: transparent;
    border: 1px solid #e7edf2;
    color: #8e8e8e;
    border-left: 0px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.drop-down-div>.caret {
    margin-top: 8px
}

.add-phone {
    padding-top: 10px
}

.add-phone>a {
    font-size: 1.4rem;
    color: #7DBD00 !important
}

.profile-email-txt-cnfm>a {
    color: #c22b3d
}

.confirmation-input {
    background-color: #f4f4f4
}

.hor-line {
    background-color: #f4f4f4;
    height: 1px;
    float: left;
    margin-top: 35px;
    margin-bottom: 5px
}

.classified-caret {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px dashed
}

.change-pwd-btn {
    width: auto;
    min-width: 80px
}

.change-pwd-btn>a {
    padding: 9px 12px
}

.profile-text-bold {
    font-family: Bold
}

.profile-tab-tick-icon {
    float: left
}

.profile-tab-cancel-icon {
    background: url("../images/profile-tab-cancel-icon.png") no-repeat;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    float: left;
    margin-top: 3px
}

.profile-email-txt>.verified-txt {
    font-size: 1.25em;
    padding-left: 15px;
    float: left
}

.profile-email-txt>a {
    color: #c22b3d
}

.profile-email-txt>.change-txt>a {
    color: #8e8e8e;
    font-size: 1.25em;
    padding-left: 5px;
    float: left
}

.prof-save-btn {
    margin-top: 15px
}

.verify-via-sms-btn {
    padding-top: 10px;
    padding-left: 12px
}

.profile-tab-content {
    background-color: #fff;
    border-radius: 4px
}

.profile-listing-product-cnt {
    padding: 15px
}

.profile-listing-opacity-bg {
    background-color: #000;
    opacity: .4;
    height: 100%;
    border-radius: 6px
}

.profile-listing-btn-cnt>a.edit-listing-btn {
    background: transparent;
    border: 2px solid #fff;
    border-radius: 4px;
    text-align: center;
    color: #fff !important;
    line-height: 34px;
    font-size: 1.1em
}

.profile-listing-btn-cnt>a.promote-btn {
    background: #7DBD00;
    border-radius: 4px;
    text-align: center;
    color: #fff !important;
    line-height: 34px;
    font-size: 1.1em;
    margin-top: 10px
}

.profile-listing-btn-cnt {
    position: absolute !important
}

.profile-listing-btn-cnt.single-btn {
    top: 42%
}

.profile-listing-btn-cnt.double-btn {
    top: 28%
}

.profile-listing-product>.image-container,
.profile-listing-product>#prod-2.image-container,
.profile-listing-product>#prod-3.image-container,
.profile-listing-product>#prod-4.image-container,
.profile-listing-product>#prod-5.image-container,
.profile-listing-product>#prod-6.image-container {
    border-radius: 6px;
    border: none
}

.profile-listing-product-hover {
    height: 100%
}

.profile-listing-product-hover {
    display: none
}

.profile-listing-product>.image-container:hover>.profile-listing-product-hover,
.profile-listing-product>.image-container:focus>.profile-listing-product-hover,
.profile-listing-product>.image-container:active>.profile-listing-product-hover {
    display: block
}

.profile-listing-product {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px
}

.load-more-cnt {
    padding-top: 30px
}

.load-more-icon {
    background: url("../images/load-more.png") no-repeat;
    width: 34px;
    height: 34px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin: 0 auto;
    cursor: pointer
}

.notification-row:last-child {
    border-bottom: medium none
}

.load-more-txt {
    color: #91a7b9;
    font-size: 1.1em;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 30px
}

.recent-activities-tab {
    padding: 15px !important
}

ul.recent-activities-tab {
    border-bottom: 1px solid #f4f4f4
}

.recent-activities-tab>li.active>a,
.recent-activities-tab>li.active>a:hover,
.recent-activities-tab>li.active>a:focus {
    border: none;
    color: #fff !important;
    background-color: #7DBD00;
    padding: 7px 12px !important
}

.recent-activities-tab>li>a:hover,
.recent-activities-tab>li>a:focus {
    border: none !important;
    color: #627686;
    padding: 7px 12px !important
}

.recent-activities-tab>li>a {
    color: #627686;
    border: none;
    padding: 7px 12px !important;
    border-radius: 4px;
    font-size: 1.125em
}

.recent-activities-tab-content>.tab-pane>.profile-listing-product-cnt>.profile-listing-product>a>.image-container {
    border-radius: 6px !important;
    border: none !important
}

.recent-activities-tab-content>.load-more-cnt>a>.load-more-txt {
    padding-bottom: 40px
}

.promotion-content>.load-more-cnt>a>.load-more-txt {
    padding-bottom: 40px
}

.exchange-rows>.load-more-cnt>a>.load-more-txt {
    padding-bottom: 40px
}

.profile-listing-product-cnt>.exchange-row:last-child {
    margin-bottom: 0px
}

.profile-tab-content#notifications>.load-more-cnt>a>.load-more-txt {
    padding-bottom: 40px
}

.followers-prof-pic-1 {
    background: url("../images/followers-prof-pic-1.png") no-repeat;
    width: 84px;
    height: 84px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin: 0 auto;
    position: relative
}

.followers-prof-pic-1>a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.followers-prof-pic-2 {
    background: url("../images/followers-prof-pic-2.png") no-repeat;
    width: 84px;
    height: 84px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin: 0 auto;
    position: relative
}

.followers-prof-pic-2>a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.followers-prof-pic-3 {
    background: url("../images/followers-prof-pic-3.png") no-repeat;
    width: 84px;
    height: 84px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin: 0 auto;
    position: relative
}

.followers-prof-pic-3>a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.followers-prof-pic-4 {
    background: url("../images/followers-prof-pic-4.png") no-repeat;
    width: 84px;
    height: 84px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin: 0 auto;
    position: relative
}

.followers-prof-pic-4>a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.followers-prof-pic-5 {
    background: url("../images/followers-prof-pic-5.png") no-repeat;
    width: 84px;
    height: 84px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin: 0 auto;
    position: relative
}

.followers-prof-pic-5>a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.followers-prof-pic-6 {
    background: url("../images/followers-prof-pic-6.png") no-repeat;
    width: 84px;
    height: 84px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin: 0 auto;
    position: relative
}

.followers-prof-pic-6>a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.followers-cnt {
    background-color: #f4f4f4;
    padding: 12px;
    border-radius: 4px
}

.followers-info-cnt {
    padding-left: 10px
}

.follower-name {
    font-size: 1.25em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-bottom: 5px
}

.follower-place {
    color: #627686;
    font-size: .875;
    padding-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.follow-btn {
    background-color: #fff;
    border: 1px solid #e7edf2;
    border-radius: 4px;
    color: #222;
    font-size: 1.1em;
    text-align: center;
    padding-top: 7px;
    padding-bottom: 7px
}

.unfollow-btn {
    font-size: 1.1em;
    padding-top: 8px;
    padding-bottom: 8px;
    cursor: pointer
}

.promotion-product>#prod-1.image-container,
.promotion-product>#prod-2.image-container,
.promotion-product>#prod-3.image-container,
.promotion-product>#prod-4.image-container,
.promotion-product>#prod-5.image-container,
.promotion-product>#prod-6.image-container {
    border-radius: 6px;
    border: none
}

.urgent-promote-error.delete-btn,
.adds-promote-error.delete-btn {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: red;
    display: none
}

.promotion-product {
    padding-left: 5px;
    padding-right: 5px
}

.promotion-product:nth-child(4n+1) {
    padding-left: 0px
}

.promotion-product:nth-child(4n+4) {
    padding-right: 0px
}

.promotion-product {
    padding-top: 10px
}

.recent-activities-tab-content>.tab-pane>.profile-listing-product-cnt>.promotion-product>a>.image-container {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
    border: none !important;
    height: 150px !important
}

.promotion-product-info-cnt {
    background-color: #fff;
    border: 1px solid #e7edf2;
    border-top: none;
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    padding-top: 15px;
    padding-bottom: 15px
}

.promotion-product-name {
    color: #222;
    font-size: 1.1em;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 10px
}

.promotion-product-price {
    color: #222;
    font-size: 1.1em;
    text-align: center
}

.promotion-details {
    display: none
}

.promotions-details-row {
    background-color: #fff;
    border-radius: 4px
}

.promotions-content-cnt {
    padding: 15px
}

.promotion-detail-prod-pic {
    background: rgba(0, 0, 0, 0) url("../images/10.jpg") no-repeat scroll center center/contain;
    border-radius: 4px;
    height: 285px;
    margin: 0 auto;
    max-width: 100%
}

.promotions-details-content {
    padding-top: 10px
}

.promotions-prod-name-header {
    color: #222;
    font-size: 1.25em;
    text-align: left;
    margin-left: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f4f4f4
}

.promotions-type,
.paid-amt,
.upto {
    color: #b0bcc7;
    font-size: .9em;
    text-transform: uppercase
}

.promotions-type-txt {
    font-size: 1.1em
}

.vertical-divider {
    background-color: #f4f4f4;
    float: left;
    height: 30px;
    width: 1px
}

.paid-amt-cnt {
    padding-left: 20px
}

.paid-amt-txt,
.upto-txt {
    color: #222;
    font-size: 1.1em
}

.upto-cnt {
    padding-top: 10px
}

.repromote-btn {
    background-color: #7DBD00;
    padding: 10px 15px;
    color: #fff !important;
    border-radius: 4px;
    font-size: 1.1em;
    text-align: center;
    max-width: 100%
}

.repromote-btn-mob-cnt {
    display: none
}

.transaction-cnt {
    padding-top: 10px
}

.transaction-id {
    color: #b0bcc7;
    font-size: .9em;
    text-transform: uppercase
}

.transaction-id-txt {
    color: #222;
    font-size: 1.1em;
    text-transform: uppercase;
    word-wrap: break-word
}

.status-cnt {
    padding-top: 10px
}

.status {
    color: #b0bcc7;
    font-size: .9em;
    text-transform: uppercase
}

.status-txt {
    color: red;
    font-size: 1.1em;
    text-transform: uppercase
}

.exchange-row {
    background-color: #f1f3f5;
    border-radius: 4px;
    margin-bottom: 15px
}

.exchange-status-row {
    padding: 15px;
    border-bottom: 1px solid #dce2e8
}

.exchange-status {
    color: #222;
    font-size: 1.1em;
    font-family: Bold;
    float: left
}

.exchange-status>span.status-txt#status-accepted {
    color: #7DBD00;
    font-size: 1.1em;
    font-family: Regular
}

.exchange-status>span.status-txt#status-pending {
    color: #ff9000;
    font-size: 1.1em;
    font-family: Regular
}

.view-exchange>a {
    color: #222;
    font-size: 1.1em
}

.exchange-prof-pic {
    border-radius: 50%;
    margin: 0 auto;
    background-color: #fff !important
}

#exchange-pic-1 {
    background: url("../images/3.jpg") no-repeat;
    width: 120px;
    height: 120px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: table-cell;
    object-fit: cover
}

#exchange-pic-2 {
    background: url("../images/6.jpg") no-repeat;
    width: 120px;
    height: 120px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: table-cell;
    object-fit: cover
}

#exchange-pic-3 {
    background: url("../images/9.jpg") no-repeat;
    width: 120px;
    height: 120px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: table-cell;
    object-fit: cover
}

#exchange-pic-4 {
    background: url("../images/1.jpg") no-repeat;
    width: 120px;
    height: 120px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: table-cell;
    object-fit: cover
}

.exchange-content-cnt {
    padding: 15px
}

.exchange-prof-name {
    color: #222;
    font-size: 1.1em;
    text-align: center;
    padding-top: 10px;
    word-wrap: break-word
}

.exchange-name {
    color: #222;
    font-size: 1.125em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 20px;
    padding-bottom: 5px
}

.exchange-place {
    color: #8e8e8e;
    font-size: 1.1em;
    padding-top: 5px;
    word-wrap: break-word
}

.exchange-arrow {
    background: url("../images/exchange-arrow.png") no-repeat;
    width: 20px;
    height: 34px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin: 0 auto
}

.exchange-arrow-cnt {
    padding-top: 50px
}

.exchange-info {
    padding: 1px;
    border-radius: 4px;
    background-color: #e8ecf0;
    padding: 18px 15px
}

.exchange-initiate-date {
    font-size: .875em;
    color: #222;
    float: left;
    padding-top: 5px
}

.exchange-btn {
    padding: 5px 10px;
    color: #fff !important;
    border-radius: 4px;
    float: right;
    margin-left: 10px;
    min-width: 60px;
    text-align: center;
    margin-right: 5px
}

.exchange-btn:active,
.exchange-btn:focus {
    color: #fff !important
}

.exchange-info>.exchange-btn-cnt>.exchange-btn:first-child {
    margin-left: 0px
}

.exchange-details-info {
    padding: 1px;
    background-color: #fff;
    padding: 18px 0 15px;
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4
}

.exchange-details-info>.exchange-btn-cnt>.exchange-btn:first-child {
    margin-left: 0px
}

.exchange-back-link>a {
    color: #8e8e8e;
    font-size: 1.5rem;
    font-family: Regular;
    text-align: right;
    width: 100%;
    float: left
}

.exchange-prod-name {
    color: #222;
    font-size: 1.125em;
    text-align: center;
    padding-top: 10px;
    word-wrap: break-word
}

#comment #comment.comment-text-area {
    background-color: #f6f5f7 !important
}

.exchange-indivi {
    display: none
}

#exc-success,
.exc-success {
    background-color: #7DBD00
}

#exc-failed,
#exc-accept,
#exc-pending {
    background-color: #464e55
}

.exchange-detail-prof-pic {
    background: url("../images/12.jpg") no-repeat;
    max-width: 100%;
    height: 285px;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin: 0 auto
}

.exchange-detail-arrow-cnt {
    padding-top: 130px
}

.exchange-details-row {
    background-color: #fff;
    border-radius: 4px
}

.exchange-history>a {
    font-size: .875em;
    color: #222;
    float: left;
    padding-top: 5px
}

.exchange-history>a>img {
    margin-right: 10px
}

.exchange-message-conversation {
    background-color: #fff;
    border-radius: 0 4px 4px;
    margin-left: 11px;
    max-width: 100%;
    padding: 15px;
    position: relative;
    border: 1px solid #e5e9ed;
    width: auto !important;
}

.exchange-arrow-left {
    background: rgba(0, 0, 0, 0) url("../images/left-chat-arrow.png") no-repeat scroll center center/cover;
    height: 14px;
    position: absolute;
    left: 1px;
    width: 11px;
    z-index: 553
}

.exchange-message-conversation>.conversation-bargain-container {
    padding-left: 0;
    width: 100%
}

.exchange-message-conversation>.conversation-bargain-container>.conversation-text {
    width: 100%
}

.exchange-message-cnt {
    background: #f6f5f7 url(../images/chat-bg.png) repeat scroll center;
    padding: 15px
}

.exchange-comment-area {
    background-color: #fff !important
}

.exchange-comment-conversation {
    position: absolute;
    bottom: 0
}

.exchange-message-header {
    padding: 15px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #f6f5f7;
    border-bottom: 1px solid #dce2e8;
    margin-top: 15px
}

.exchange-message-header-txt-cnt {
    color: #222;
    font-family: Bold;
    font-size: 1.125em
}

.exchange-message-header-txt-cnt>img {
    margin-right: 10px
}

.exchange-history-list-left {
    color: #222;
    font-size: 1.1em;
    float: left
}

.exchange-history-list-left>a {
    color: #7DBD00 !important;
    font-size: 1.1em
}

#Trackingdetails_notes {
    border: 1px solid #e2e2e2;
    margin-bottom: 20px
}

.exchange-history-list-left>a.cancel {
    color: red !important;
    font-size: 1.1em
}

.exchange-history-load-more {
    text-align: center;
    color: #8e8e8e
}

.exchange-history-list-right {
    color: #8e8e8e;
    font-size: .875em;
    text-align: right;
    float: left
}

.exchange-history-li {
    padding-bottom: 10px;
    border-bottom: 1px solid #f4f4f4;
    margin-bottom: 10px
}

.exchange-history-li:last-child {
    padding-bottom: 0px;
    border-bottom: 0px;
    margin-bottom: 0px
}

.viewmore-arrow {
    float: right;
    padding-left: 3px;
    padding-top: 1px
}

.notification-cnt {
    padding: 15px;
    float: left
}

.notification-row {
    border-bottom: 1px solid #f4f4f4
}

.notification-pro-pic-cnt {
    float: left;
    width: 10%
}

.notification-prof-pic {
    width: 75px;
    height: 75px;
    border-radius: 50%
}

#notif-prof-1 {
    background: url("../images/prof-pic-3.jpg") no-repeat;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

#notif-prof-2 {
    background: url("../images/prof-pic-1.jpg") no-repeat;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

#notif-prof-3 {
    background: url("../images/prof-pic-2.jpg") no-repeat;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

#notif-prof-4 {
    background: url("../images/prof-pic-4.jpg") no-repeat;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

#notif-prof-5 {
    background: url("../images/prof-pic-5.jpg") no-repeat;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.notification-message {
    font-size: 1.25em;
    color: #8e8e8e;
    word-wrap: break-word
}

.notification-message>a {
    color: #7DBD00
}

.notification-message>a.notification-product-name {
    color: #222
}

.notification-date {
    font-size: 1.1em;
    color: #8e8e8e;
    word-wrap: break-word
}

.notification-message-cnt {
    float: left;
    width: 90%;
    padding-left: 15px;
    padding-top: 15px
}

.forgot-password-cnt {
    padding: 0 15px 15px;
    display: none
}

.profile-tab-heading-btn>.btn-chat-with-seller {
    float: left;
    width: auto;
    padding: 5px 10px;
    margin: 0
}

#address-book .profile-tab-heading-btn>.btn-chat-with-seller {
    background: #7DBD00
}

.profile-tab-heading-btn>.btn-chat-with-seller>.chat-with-seller-text {
    font-family: Regular
}

.classified-acc-addr-txt>span {
    width: 100%;
    float: left;
    text-align: left;
    word-wrap: break-word;
    padding-right: 20px
}

.edit-profile-addr-cnt .classified-acc-addr-cnt {
    background-color: #fbfbfb;
    border: 2px solid #f4f4f4
}

select#Tempaddresses_country {
    border: 1px solid #e2e2e2
}

.edit-profile-addr-cnt .classified-acc-addr-cnt:hover,
.edit-profile-addr-cnt .classified-acc-addr-cnt:active {
    background: #fff
}

.print-icon {
    padding-right: 15px
}

.print-txt {
    color: #8e8e8e
}

.profile-page-dev .nav-tabs>li.active>a,
.profile-page-dev .nav-tabs>li.active>a:hover,
.profile-page-dev .nav-tabs>li.active>a:focus {
    border: 0 !important
}

.help>div .help-rig-content {
    background-color: #fff;
    margin: 0 0 0 15px;
    padding: 15px;
    border-radius: 5px;
    text-align: justify
}

#products.categories {
    margin-bottom: 25px;
    user-select: none;
    -moz-user-select: none
}

.order-details {
    display: none
}

.sale-details {
    display: none
}

.sale-cnt {
    padding-bottom: 15px;
    padding-top: 15px
}

.order-placed {
    padding-left: 8px;
    font-family: Bold;
    line-height: 22px
}

.Order-total {
    line-height: 29px
}

.right-content {
    text-align: right
}

.float-right {
    float: right !important
}

.order-btn {
    padding: 6px 20px !important;
    margin-top: 15px;
    color: #fff !important;
    border-radius: 4px;
    float: left;
    margin-left: 5px;
    min-width: 140px;
    text-align: center
}

.order-id-btn {
    border: 1px solid #222;
    background: transparent;
    margin-top: 15px;
    padding: 5px 20px;
    color: #222 !important;
    border-radius: 4px;
    float: left;
    margin-left: 5px;
    min-width: 140px;
    text-align: center
}

.order-detail-name-header {
    color: #222;
    font-size: 1.25em;
    text-align: left;
    padding-bottom: 10px;
    padding-top: 10px
}

.divider {
    background: #f4f4f4;
    height: 1px;
    margin-top: 10px;
    margin-bottom: 10px
}

.divider-1 {
    background: #222;
    height: 2px;
    float: left
}

.sale-info {
    padding: 1px;
    border-radius: 4px;
    background-color: #f1f3f5;
    margin-top: 10px;
    padding: 15px 15px
}

.sale-initiate-date {
    line-height: 30px
}

.margin-0 {
    margin-left: 0px !important
}

ul.yiiPager .selected a {
    background-color: #7DBD00;
    color: #fff !important;
    border: 1px solid #7DBD00
}

.yiiPager {
    display: inline-block;
    padding-left: 16px;
    padding-top: 10px;
    padding-bottom: 20px;
    margin: 0 auto
}

.yiiPager li {
    float: left
}

ul.yiiPager a:link,
ul.yiiPager a:visited {
    border: 1px solid #dce2e8;
    padding: 8px 16px;
    color: #222;
    margin-left: -1px;
    text-decoration: none
}

li.previous a {
    border-bottom-left-radius: 4px !important;
    border-top-left-radius: 4px !important
}

li.next a {
    border-bottom-right-radius: 4px !important;
    border-top-right-radius: 4px !important
}

.yiiPager .page>a {
    transition: background-color .3s
}

li.previous a {
    border-bottom-left-radius: 4px !important;
    border-top-left-radius: 4px !important;
    background-color: #f1f3f5
}

li.next a:hover {
    background-color: #f1f3f5
}

.help {
    word-wrap: break-word
}

.help .nav {
    padding: 5px 15px !important;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 10px
}

.help>.nav-tabs>li.active>a,
.help>.nav-tabs>li.active>a:hover,
.help>.nav-tabs>li.active>a:focus {
    background-color: transparent;
    border-bottom: none;
    color: #222;
    border: none;
    box-shadow: none;
    word-wrap: break-word
}

.help>.nav-tabs>li>a,
.help>.nav-tabs>li>a:hover,
.help>.nav-tabs>li>a:focus {
    color: #222;
    font-size: 1.5rem !important
}

.help>.nav-tabs>li>a:focus,
.help>.nav-tabs>li>a:active {
    color: #7DBD00 !important;
    font-family: Bold
}

.help>.nav>li>a {
    padding: 10px 0px
}

.help ul {
    border: none
}

.help>.nav-tabs>li>a {
    border: none
}

.help>.nav>li>a:hover {
    padding: 10px 0px;
    margin: 0px
}

.help>ul>li.active>a {
    color: #7DBD00 !important;
    font-family: Bold
}

.help>.nav>li>a:active {
    padding: 10px 0px
}

.help>.nav-tabs>li>a:hover {
    border: none;
    color: #222
}

.help-heading {
    padding-bottom: 10px;
    padding-top: 20px
}

.help-rig-content {
    word-wrap: break-word;
    padding-left: 15px
}

.help-rig-content h3 {
    margin-top: 0px !important;
    font-family: bold
}

.help-heading h2 {
    font-size: 1.5rem !important
}

.help>.tab-content h3 {
    margin: 0px;
    font-family: Bold;
    font-size: 1.5rem !important;
    color: #222
}

.help>.tab-content {
    padding-bottom: 40px;
    padding-top: 20px
}

.help>.tab-content p {
    line-height: 24px;
    color: #222;
    padding-top: 10px;
    font-size: 1.5rem !important
}

.filter-img {
    height: 200px
}

.filter-img img {
    height: 200px
}

.item-img img {
    height: 250px;
    width: 100%;
    object-fit: cover;
    background: #fff;
    transition: all .3s;
    margin: 0px 0
}

.item-img:hover img {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    height: 250px;
    overflow: hidden
}

.review-content-description {
    word-break: break-word;
    word-wrap: break-word
}

.action-star {
    cursor: pointer
}

#writebtn {
    background-color: #7DBD00
}

div#page-content-wrapper {
    width: auto;
    right: 0
}

.chat-seller-modal-content,
#confirm-popup .login-modal-content {
    margin: 50px auto
}

.profile-email-txt>a,
.profile-email-txt>a:active,
.profile-email-txt>a:focus,
.profile-email-txt>a:hover,
.profile-email-txt>a:visited,
.profile-email-txt>a:link {
    color: #c22b3d !important
}

.follower-place {
    opacity: 0;
    cursor: default
}

.load-more-cnt {
    padding-top: 30px;
    padding-bottom: 30px
}

.arrow-right {
    z-index: 8
}

.profile-listing-product>.image-container {
    overflow: hidden
}

.message-conversation-right-cnt>.message-conversation>.conversation-container>.conversation-bargain-container>.conversation-text {
    text-align: left
}

.change-pwd-btn>button,
.change-pwd-btn>input,
.change-pwd-btn>input:hover,
.change-pwd-btn>input:active,
.change-pwd-btn>input:focus {
    float: left;
    color: #fff !important;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    border: 0px
}

.profile-page-update .form-control {
    border: 1px solid #ccc
}

.classified-menu li.dropdown:first-child a {
    margin-left: 0;
    padding-left: 0
}

.message-counter.message-hide {
    display: none
}

.signup-box .login-btn {
    background-color: #7DBD00;
    border-radius: 5px;
    height: 40px;
    float: left;
    padding: 10px 0;
    text-align: center;
    color: #fff !important;
    border: medium none
}

.search-form .form-group {
    margin-bottom: 0 !important
}

.forgot-content .forgot-box a.forgot-btn {
    color: #fff
}

.classified-search-bar-mobile input:hover {
    border: none
}

.classified-search-bar-mobile.form-group,
.classified-search-bar.form-group {
    margin-bottom: 0
}

.affix>.container>.row>nav li.dropdown:first-child {
    padding-left: 200px
}

.affix>.container>.row>nav li.dropdown:first-child .classified-dropdown-submenu {
    margin-left: 200px
}

.modal-dialog.nearmemodal-content {
    transform: translate3d(0px, 0px, 0px)
}

.classified-search-icon.form-control::-webkit-input-placeholder {
    color: #b4c1cc !important
}

.classified-search-icon.form-control::-moz-placeholder {
    color: #b4c1cc !important
}

.classified-search-icon-mobile.form-control::-webkit-input-placeholder {
    color: #b4c1cc !important
}

.classified-search-icon-mobile.form-control::-webkit-input-placeholder {
    color: #b4c1cc !important
}

.sidebar-nav li a {
    height: auto;
    width: auto
}

#products.section_container {
    margin-bottom: 10px;
    width: 100%
}

#Sliders2 {
    display: none
}

.categories>.grid>.categories-list>ul>li a.active {
    color: #7DBD00 !important
}

.center {
    text-align: Center
}

.no-margin {
    margin: 0px
}

.mobile-error,
.counrty-error {
    color: red;
    margin-top: 20px;
    display: none
}

.otp-error {
    left: 2px;
    position: relative;
    top: 10px;
    font-size: .875em;
    display: none;
    color: red
}

.rand_code {
    font-weight: bold
}

.nav>li>a:focus,
.nav>li>a:hover {
    background-color: transparent
}

.conversation-container {
    padding: 0px
}

.conversation-text,
.conversation-bargain-container,
.conversation-container {
    width: auto !important
}

.conversation-topic {
    padding-bottom: 10px
}

.message-conversation {
    width: auto;
    overflow: hidden;
    padding-right: 10px
}

.conversation-container {
    display: -webkit-flex;
    display: flex;
    display: -ms-flex;
    display: -moz-flex;
    display: -o-flex
}

#email_verify_link {
    color: #222 !important;
    text-decoration: underline !important
}

.login-box select {
    margin-bottom: 10px
}

.image-container {
    border: 1px solid #e7edf2 !important
}

.recently-viewed .product-padding .rate-section-2 .item-name {
    padding: 0 10px
}

ol.slider-pointer li {
    width: 14px;
    height: 7px;
    margin: 0;
    border: none;
    background-color: #fff
}

ol.slider-pointer li.active {
    width: 27px;
    height: 7px
}

#myCarousel .carousel-inner .item img {
    max-width: 100%
}

.message-actions {
    position: absolute;
    right: 10px;
    top: 10px
}

.message-actions a {
    float: right;
    margin: 0 2.5px
}

.block-user {
    background: url("../images/camera.png") no-repeat 0px 0px;
    height: 16px;
    float: right;
    padding: 10px
}

.delete-user {
    background: url("../images/camera.png") no-repeat 0px 0px;
    height: 16px;
    float: right;
    padding: 10px
}

.slider-pointer.carousel-indicators>li {
    margin-left: 3px;
    box-shadow: 0 0 3px 0px #454545
}

.carousel-indicators {
    bottom: 10px;
    margin-bottom: 0
}

.chat-message-container #home {
    background: url(../images/chat-bg.png) repeat scroll center;
    box-shadow: 0px 0px 4px #cccc
}

.item-top-1 {
    background-color: #E600ac;
    color: #fff;
    font-size: 1.3rem;
    left: 50px;
    padding: 5px 5px 1px;
    position: absolute;
    border-radius: 3px;
    top: 75px
}

.item-urgent-1 {
    background-color: #ff5a00;
    color: #fff;
    font-size: 1.3rem;
    left: 50px;
    padding: 5px 5px 1px;
    position: absolute;
    border-radius: 3px;
    top: 75px
}

.center-btn {
    float: none !important;
    width: auto;
    padding: 10px !important
}

.message-prof-pic {
    background-color: #e5e9ed
}

.profile-page-profile-icon {
    background-color: #f6f5f7
}

#notifications .notification-prof-pic {
    background-color: #f6f5f7
}

#exchange-rows .exchange-prof-pic {
    background-color: #fff
}

.categories-filter-list:first-child {
    border-top: medium none !important
}

.classified-header-profile-img.img-responsive {
    background-color: #fff !important
}

.seller-prof-pic {
    background-color: #f6f5f7 !important
}

.to-prof-pic {
    background-color: #f6f5f7 !important
}

#products .categories>.grid>.categories-filter-list>.checkbox>label {
    padding-left: 25px
}

#products .categories-filter-list .cust_checkbox.urgent {
    margin-left: 3px
}

.followers-prof-pic-1 {
    background-color: #fff
}

.unfollow-btn {
    float: left
}

.follower-name {
    text-align: left
}

#fh5co-board .categories-filter-list .cust_checkbox {
    margin: 5px 3px
}

.main-mobile-menu .angle-down {
    background: rgba(0, 0, 0, 0) url("../images/down-arrow-black.png") no-repeat scroll right center;
    display: inline-block;
    float: right;
    font-size: 12px;
    height: 12px;
    margin: 12px 9px 0;
    text-align: right;
    width: 16px
}

.main-mobile-menu a.dropdown-toggle:hover .angle-down,
.main-mobile-menu a.dropdown-toggle:active .angle-down,
.main-mobile-menu a.dropdown-toggle:focus .angle-down {
    background: rgba(0, 0, 0, 0) url("../images/down-arrow-red.png") no-repeat scroll right center
}

.main-mobile-menu.open .angle-down {
    transform: rotate(180deg)
}

.main-mobile-menu .dropdown-toggle>span {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 0;
    width: 74%;
    margin-left: 30px
}

#profile-mobile-details .mobile-error,
#profile-mobile-details .counrty-error {
    width: 100%
}

#exchange-history-modal {
    bottom: unset;
    margin: 0 auto;
    top: 40px;
    width: 400px
}

.productfileters {
    display: none
}

.productfileters .for-sale-heading {
    padding: 0;
    text-decoration: none
}

.productfileters .for-sale-heading {
    display: inline-block;
    text-decoration: none;
    text-transform: capitalize;
    width: 100%;
    padding: 10px 0px;
    font-size: 14px !important;
    text-transform: uppercase
}

.productfileters .for-sale-heading::after {
    margin-top: 3px
}

.productfileters .categories-filter-list .search-filter-list {
    display: inline-block;
    margin: 0 auto;
    width: 100%
}

.productfileters .categories-filter-list .checkbox.checkbox-primary {
    display: inline-block;
    margin: 5px 10px 5px 0
}

.productfileters .categories-filter-list {
    padding: 8px 0
}

.productfileters .categories-filter-list .search-filter-list {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    width: 100%
}

.productfileters .checkbox label::before {
    left: 22px;
    top: 4px
}

.seller-verified-icon i {
    color: #fff;
    font-size: 12px;
    margin: 6px 0
}

.user-conv .message-prof-pic,
.message-conversation-container .message-prof-pic {
    background: #f6f5f7 none repeat scroll 0 0;
    box-shadow: 0 0 4px #ccc
}

#live-msg-container {
    background: transparent
}

.acceptt-btn {
    background: #7DBD00 none repeat scroll 0 0
}

.counter-btn {
    background: #2bc248 none repeat scroll 0 0
}

.notify-btn {
    border-radius: 5px;
    color: #fff !important;
    float: left;
    height: 40px;
    margin: 15px 5px 35px;
    padding: 10px 25px;
    text-align: center
}

.offer-price-section>label {
    margin: 0
}

#count_modal .offer-price-txt-field-cnt {
    margin: 5px 0 20px
}

.counter-price-text.clearfix {
    background: #eceff2 none repeat scroll 0 0;
    margin-bottom: 20px;
    border-radius: 5px;
    margin-top: 10px;
    text-align: center
}

.counter-price-text .price-text {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
    margin-top: 10px
}

.counter-price-text .right-borer {
    border-right: 1px solid #dbe1e6
}

.counter-price-text .price-rate {
    color: #7DBD00;
    font-weight: 600;
    margin-bottom: 10px
}

#sidebar-wrapper.sidebar-wraper {
    z-index: 1005;
    width: auto;
    height: auto;
    background: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    overflow-x: hidden;
}

.slider-tick {
    width: auto
}

.slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
    font-size: 11px
}

@keyframes heartbeat {
    0% {
        transform: scale(0.75)
    }

    20% {
        transform: scale(1)
    }

    40% {
        transform: scale(0.75)
    }

    60% {
        transform: scale(1)
    }

    100% {
        transform: scale(0.75)
    }
}

.slider-handle.min-slider-handle.round:hover {
    animation: heartbeat 1.5s infinite;
    box-shadow: 0px 0px 0px 5px #f5c4c4;
    border-radius: 50%
}

.slider-handle {
    background-color: #7DBD00;
    background-image: -webkit-linear-gradient(top, #7DBD00 0, #7DBD00 100%);
    background-image: -o-linear-gradient(top, #7DBD00 0, #7DBD00 100%);
    background-image: linear-gradient(to bottom, #7DBD00 0, #7DBD00 100%)
}

.slider-selection.tick-slider-selection {
    background-image: -webkit-linear-gradient(top, #7DBD00 0, #7DBD00 100%);
    background-image: -o-linear-gradient(top, #7DBD00 0, #7DBD00 100%);
    background-image: linear-gradient(to bottom, #7DBD00 0, #7DBD00 100%)
}

.slider.slider-horizontal {
    width: 70%;
    height: 20px;
    float: left;
    margin: 0 4px
}

.slider.slider-horizontal .slider-track {
    height: 2px;
    margin-top: 0;
    top: 46%
}

.categories-filter-list .cust_checkbox.ads {
    margin-left: 1px
}

#Sliders3,
#Sliders2 {
    display: none
}

.filter-align {
    margin: 0 auto;
    width: 100%;
    display: flex;
    justify-content: space-between
}

.filtr-hm {
    float: left;
    width: 16px;
    height: 18px;
    display: inline-block;
    background: url("../images/f_hme_select.png") no-repeat center center/cover;
    padding: 0 10px
}

.filtr-road span {
    position: relative;
    right: 15px;
    top: 4px
}

.filtr-road {
    float: left;
    width: 18px;
    height: 16px;
    display: inline-block;
    background: url("../images/f_road_select.png") no-repeat right center/cover;
    padding: 20px 0 0 12px;
    font-size: 11px
}

.filterTool .jslider-label {
    display: none !important
}

.jslider-value.jslider-value-to:after {
    content: "";
    border-top: solid 5px #7DBD00;
    border-left: solid 5px transparent;
    border-right: solid 5px transparent;
    position: absolute;
    left: 40%;
    top: 20px
}

.layout-slider {
    width: 100%;
    padding: 0px 15px
}

.jslider {
    display: block;
    width: 100%;
    height: 1em;
    position: relative;
    top: .6em;
    font-family: Arial, sans-serif
}

.jslider table {
    width: 100%;
    border-collapse: collapse;
    border: 0
}

.jslider td,
.jslider th {
    padding: 0;
    vertical-align: top;
    text-align: left;
    border: 0
}

.jslider table,
.jslider table tr,
.jslider table tr td {
    width: 100%;
    vertical-align: top
}

.jslider .jslider-bg {
    position: relative
}

.jslider .jslider-bg i {
    height: 3px;
    position: absolute;
    font-size: 0;
    top: 0
}

.jslider .jslider-bg .l {
    width: 10%;
    background: #ccc;
    border-radius: 5px 0 0 5px;
    left: 0
}

.jslider .jslider-bg .f {
    width: 80%;
    left: 10%;
    background: #ccc
}

.jslider .jslider-bg .r {
    width: 10%;
    left: 90%;
    background: #ccc;
    border-radius: 0 5px 5px 0
}

.jslider .jslider-bg .v {
    position: absolute;
    width: 60%;
    left: 20%;
    top: 0;
    height: 3px;
    background: #7DBD00;
    border-radius: 5px
}

.jslider .jslider-pointer {
    width: 15px;
    height: 15px;
    background: #7DBD00;
    position: absolute;
    left: 20%;
    top: -6px;
    margin-left: -6px;
    cursor: pointer;
    border-radius: 20px
}

.jslider-pointer {
    display: none
}

.jslider-pointer.jslider-pointer-to {
    display: block
}

.jslider-label.jslider-label-to,
.jslider-value {
    display: none !important
}

.jslider-value.jslider-value-to {
    display: block !important
}

.jslider .jslider-pointer-hover {
    background-position: -20px -60px
}

.jslider .jslider-pointer-to {
    left: 80%
}

.jslider .jslider-label {
    font-size: 9px;
    line-height: 12px;
    color: #000;
    opacity: .4;
    white-space: nowrap;
    padding: 0px 2px;
    position: absolute;
    top: -18px;
    left: 0px
}

.jslider .jslider-label-to {
    left: auto;
    right: 0
}

.SliderPriceCol .jslider-label {
    display: none !important
}

.SliderPriceCol .jslider-value {
    display: block !important
}

.SliderPriceCol .jslider-pointer {
    display: block
}

.jslider .jslider-value {
    font-size: 10px;
    white-space: nowrap;
    padding: 4px 5px;
    position: absolute;
    top: -35px;
    left: -35px;
    background: #7DBD00;
    line-height: 12px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 4px;
    color: #fff
}

.jslider .jslider-value-to {
    left: 80%;
    margin-left: -36px !important
}

.jslider .jslider-label small,
.jslider .jslider-value small {
    position: relative;
    top: -0.4em
}

.jslider .jslider-scale {
    position: relative;
    top: 9px
}

.jslider .jslider-scale span {
    position: absolute;
    height: 5px;
    border-left: 1px solid #999;
    font-size: 0
}

.jslider .jslider-scale ins {
    font-size: 9px;
    text-decoration: none;
    position: absolute;
    left: 0px;
    top: 5px;
    color: #999
}

.jslider-single .jslider-pointer-to,
.jslider-single .jslider-value-to,
.jslider-single .jslider-bg .v,
.jslider-limitless .jslider-label {
    display: none
}

#back2Top {
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    position: fixed;
    background-color: #fff;
    color: #222;
    text-align: center;
    font-size: 15px;
    text-decoration: none;
    box-shadow: 0 3px 16px 0 rgba(0, 0, 0, .11);
    border-radius: 5px;
    left: 50%;
    transform: translate(-50%, 0);
    top: 140px;
    padding: 7px 10px;
    width: auto;
    border: 1px solid #e0e0e0
}

#back2Top:hover {
    color: #000
}

#back2Top span {
    background: url("../images/arrow-up.png") no-repeat left 6px;
    padding: 0 0 0 25px
}

@media(min-width: 320px)and (max-width: 1023px) {
    .filter-align {
        min-width: 250px;
    }

    .layout-slider {
        width: 100%
    }

    .jslider-value.jslider-value-to::after {
        left: 45%
    }

    .price_slider_mobile>.jslider {
        width: 200px;
        margin: 27px auto 10px auto
    }
}

.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
    max-height: 350px;
    overflow-x: hidden;
    overflow-y: auto
}

.payment-decline-status-info-txt .payment-red {
    margin: 0 10px
}

ul#dropdown-block>li:first-child>.sticky-header-dropdown-height.bold.dropdown-toggle.classified-for-sale-sticky {
    padding-left: 12px;
    padding-right: 12px
}

@media(min-width: 992px) {
    .container-small {
        width: 750px !important
    }
}

@media(min-width: 1200px) {
    .container-small {
        width: 750px !important
    }
}

@media(min-width: 1360px) {
    .container-small {
        width: 750px !important
    }
}

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

    .reviewer-content {
        text-align: center
    }

    .location-button {
        padding-left: 15px;
        padding-top: 20px
    }

    .product_align_cnt {
        padding: 10px 0
    }

    .video-cover-text {
        top: 160px
    }

    #exchange-history-modal {
        width: 95%
    }

    .exchange-history-list-left,
    .exchange-history-list-right {
        text-align: center
    }

    .notify-btn {
        margin: 15px 5px 5px
    }

    .img-video {
        display: none
    }

    .img-slide-contetnt {
        position: unset
    }

    .slider-imag {
        min-height: 300px;
        position: unset;
        height: auto
    }

    .img-slide-contetnt .img-text {
        padding: 35px 0
    }

    .write-review span {
        padding-left: 0
    }

    .help>div .help-rig-content {
        margin: 0 0
    }
}

@media(min-width: 320px)and (max-width: 1199px) {
    .mobile-none {
        display: none
    }

    .product-review-p {
        padding-top: 20px
    }

    .video-cover {
        display: unset;
        position: absolute;
        top: -150px;
        vertical-align: top;
        width: auto
    }

    .classified-icon-mobile.input-search {
        background: url("../images/search.png") no-repeat 0px !important;
        width: 100%;
        display: inline-block;
        height: 40px;
        padding: 10px 0 0 30px;
        color: #cacaca
    }

    .mobile-search-cls.modal-dialog {
        width: 100%;
        vertical-align: top;
        margin: 0;
        height: 100%
    }

    .modal-content.cls_mobile-search {
        border-radius: 0;
        padding: 15px;
        height: 100%
    }

    .login-box .classified-search-bar input {
        padding-left: 35px;
        border-radius: 5px !important
    }

    .searcls-mobile .login-box .map-input-box {
        width: 100%;
        padding: 0
    }

    .searcls-mobile .map-select-box {
        width: 27%
    }

    .searcls-mobile .login-box select {
        border: 1px solid #e2e2e2;
        box-shadow: unset;
        border-radius: 0 5px 5px 0
    }

    .login-box .map-input-box input {
        width: 100%
    }

    .searcls-mobile.modal-dialog.modal-dialog-width {
        padding: 20px 20px;
        vertical-align: top
    }

    .searcls-mobile .login-btn {
        margin: 20px 0 0
    }

    .hme-top-location.map-input-section {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width: 320px)and (max-width: 1023px) {
    .hme-top-location .map-input-box input {
        border-radius: 5px;
        margin-top: 10px
    }

    .img-video {
        display: none
    }

    .dropdown-toggle.classified-for-sale.disabled {
        margin-left: -20px
    }

    .search-filter-list .cust_checkbox.urgent {
        margin: 5px 5px
    }
}

@media(min-width: 320px)and (max-width: 639px) {
    .product-review-p {
        float: left
    }
}

@media(min-width: 992px)and (max-width: 1023px) {
    .classified-login-user-nav {
        width: 50%
    }
}

@media(min-width: 600px)and (max-width: 767px) {
    .img-slide-contetnt {
        padding: 40px 0 !important
    }
}

@media(max-width: 1199px)and (min-width: 320px) {
    .classified-header-nav {
        display: none
    }
}

@media(min-width: 320px)and (max-width: 1023px) {
    .affix .classified-header-nav {
        display: none
    }

    .full-vheader {
        display: none
    }

    .classified-user-nav .navbar-nav .classified-header-login,
    .classified-user-nav .navbar-nav .classified-header-signup {
        display: none !important
    }

    .classified-user-nav .navbar-nav {
        display: block
    }

    .classified-search-bar-mobile {
        display: block !important
    }

    .classified-header-stuff {
        display: none
    }

    .classified-header-login {
        display: none !important
    }

    .classified-header-signup {
        display: none !important
    }

    .classified-menu {
        display: none
    }

    #menu-toggle img {
        float: right
    }

    #menu-toggle {
        display: block
    }

    #wrapper {
        display: block
    }

    div.form .errorMessage {
        color: red;
        font-size: .9em
    }

    .al-mobile-user-area {
        padding: 20px 10px 60px;
        float: left
    }

    .profile-img-mob {
        width: 100%
    }

    .nav .open>a,
    .nav .open>a:hover,
    .nav .open>a:focus {
        border-color: #fff !important
    }

    #menu-toggle {
        float: right
    }

    .classified-logo {
        text-align: left
    }

    .classified-others a {
        padding: 0px !important
    }

    .classified-app-section {
        padding-top: 20px
    }

    .classified-app-store {
        float: left;
        padding-right: 15px;
        padding-left: 0px
    }

    .classified-play-store {
        float: left
    }

    .dropdown-menu.multi-column {
        width: 400px
    }

    .dropdown-menu.multi-column .dropdown-menu {
        display: block !important;
        position: static !important;
        margin: 0 !important;
        border: none !important;
        box-shadow: none !important
    }

    .categories {
        display: none
    }

    .mobile-categories {
        display: block !important
    }

    .for-sale-heading {
        padding-top: 20px;
        text-decoration: underline;
        font-size: 14px !important
    }

    .mobile-categories>.mobile-categories-filter-list>.checkbox>label {
        color: #222 !important;
        font-size: 16px;
        font-family: Regular;
        padding-left: 0
    }

    .mobile-categories>.mobile-categories-filter-list>.checkbox {
        margin: 0;
        padding: 0
    }

    .mobile-categories-filter-list {
        float: left
    }

    .mobile-category-first-label {
        float: right;
        padding-right: 10px
    }

    .mobile-category-second-label {
        padding-left: 10px !important
    }

    li.dropdown,
    .classified-mobile-Category {
        float: left;
        width: 100%
    }

    li.dropdown.classified-header-profile {
        width: auto
    }

    .sidebar-nav li a {
        padding-left: 15px
    }

    .classified-for-sale:hover,
    .classified-for-sale:focus {
        padding-left: 15px
    }

    #sidebar-wrapper>ul>li:active ul.dropdown-menu.classified-dropdown-submenu,
    #sidebar-wrapper>ul>li:focus ul.dropdown-menu.classified-dropdown-submenu,
    #sidebar-wrapper>ul>li:hover ul.dropdown-menu.classified-dropdown-submenu {
        width: 100%
    }

    .productfileters {
        display: block
    }

    .productfileters .cust_checkbox.ads {
        margin: 5px 3px
    }

    .sidebar-wraper .al-mobile-user-area {
        box-shadow: 0 -6px 12px -6px #cacaca;
        display: inline-block;
        float: none;
        padding: 15px;
        text-align: center;
        width: 100%
    }

    #myCarousel .carousel-inner .item img {
        max-width: unset;
        width: 100%
    }
}

@media screen and (min-width: 320px)and (max-width: 639px) {
    .item-img img {
        /* height: auto !important */
        height: 400px !important;
        object-position: top;
    }
    /*changes made on nov 20 for image height on ios xr*/ 
    .item-img {
        height: 280px !important;
    }
}

@media screen and (min-width: 320px)and (max-width: 700px) {
    #fh5co-board[data-columns]::before {
        content: "2 .column.size-1of2"
    }

    .columncls {
        width: 50%;
        float: left
    }
}

@media screen and (min-width: 701px)and (max-width: 850px) {
    #fh5co-board[data-columns]::before {
        content: "3 .column.size-1of3"
    }

    .columncls {
        width: 33.333%;
        float: left
    }
}

@media screen and (min-width: 1300px) {
    #fh5co-board[data-columns]::before {
        content: "4 .column.size-1of4"
    }

    .columncls {
        width: 25%;
        float: left
    }
}

@media screen and (min-width: 1450px) {
    #fh5co-board[data-columns]::before {
        content: "5 .column.size-1of5"
    }

    .columncls {
        width: 20%;
        float: left
    }
}

@media screen and (min-width: 1600px) {
    #fh5co-board[data-columns]::before {
        content: "6 .column.size-1of6"
    }

    .columncls {
        width: 16.66%;
        float: left
    }
}

@media screen and (min-width: 1921px) {
    #fh5co-board[data-columns]::before {
        content: "8 .column.size-1of8"
    }

    .columncls {
        width: 12.5%;
        float: left
    }
}

@media screen and (max-width: 480px) {
    #fh5co-header {
        padding-top: 2em;
        padding-bottom: 2em
    }

    #fh5co-header>.navbar {
        padding-left: 0px;
        padding-right: 0px
    }

    #fh5co-header .navbar-brand {
        float: left !important;
        margin: inherit;
        text-align: left;
        padding-left: 0;
        margin-left: 0
    }

    .col-xxs-12 {
        float: none;
        width: 100%
    }
}

@media screen and (max-width: 768px) {

    #fh5co-hero,
    .fh5co-hero-wrap,
    .fh5co-bg-section {
        height: inherit;
        padding: 3em 0
    }

    .fh5co-bg-section,
    .fh5co-hero-wrap {
        height: inherit;
        padding: 3em 0
    }

    #fh5co-footer {
        padding: 5em 0
    }

    .fh5co-spacer-xlg {
        height: 70px
    }

    .fh5co-spacer-lg {
        height: 50px
    }

    .fh5co-spacer-md {
        height: 30px
    }

    .fh5co-spacer-sm {
        height: 20px
    }

    .fh5co-spacer-xs {
        height: 20px
    }

    .owl-carousel .owl-controls .owl-nav {
        display: none
    }

    .owl-theme .owl-controls .owl-nav {
        display: none
    }
}

@media screen and (max-width: 640px) {
    .ply-video span {
        padding: 10px 9px 10px 34px !important;
        background-size: 25px !important;
    }

    img.fh5co-align-right {
        width: 100%;
        margin: 0 0 .5em 0
    }

    .belowBtns {
        display: flex !important;
        /*position: fixed !important;*/
        bottom: -2px !important;
        z-index: 20 !important;
        width: 100% !important;
        /*margin-left: -36px !important;*/
    }

    .make-offer-btn {
        margin-top: 10px !important;
    }
}

@media screen and (max-width: 480px) {
    img.fh5co-align-left {
        width: 100%;
        margin: 0 0 .5em 0
    }

    a>img.fh5co-align-right {
        width: 100%;
        margin: 0 0 .5em 0
    }

    a>img.fh5co-align-left {
        width: 100%;
        margin: 0 0 .5em 0
    }

    .post-list-modal-width {
        margin: 10px auto !important;
        width: 90% !important
    }

    .modal-header-text {
        margin-left: 5% !important
    }

    .post-list-header>.modal-header-text>p {
        padding-left: 10px;
        font-size: 1.5rem
    }

    .post-list-modal-heading {
        text-align: center
    }

    .post-list-content {
        text-align: center
    }

    .urgent-tab-left>ul>li.stuff-post>a {
        width: 100%
    }

    .urgent-tab-heading {
        width: 100% !important
    }

    .tab-radio-button:first-child {
        padding: 5px !important
    }

    .tab-radio-button:last-child {
        padding: 5px !important
    }

    .tab-radio-button {
        padding: 5px !important
    }

    .modal-header-text {
        margin-left: 5% !important
    }

    .post-list-header>.modal-header-text>p {
        padding-left: 10px;
        font-size: 1.5rem
    }

    .post-list-modal-heading {
        text-align: center
    }

    .post-list-content {
        text-align: center
    }

    .urgent-tab-left>ul>li.stuff-post>a {
        width: 100%
    }

    .urgent-tab-heading {
        width: 100% !important
    }

    .tab-radio-button:first-child {
        padding: 5px !important
    }

    .tab-radio-button:last-child {
        padding: 5px !important
    }

    .tab-radio-button {
        padding: 5px !important
    }

    .classified-app-store {
        padding-right: 3px
    }

    #googleMap {
        height: 400px
    }

    .nearmemodal-content {
        width: 300px;
        margin: 20 auto
    }

    .map-input-box {
        padding-right: 15px
    }

    .map-input-box {
        padding-right: 0px
    }

    .map-input-box {
        width: 70%
    }

    .map-select-box {
        width: 30%
    }

    .location-button {
        padding-top: 20px;
        text-align: center
    }

    .map-input-section {
        padding-left: 5px;
        padding-right: 5px
    }

    .map-input-box {
        padding-left: 0px
    }

    .map-close {
        display: block;
        background: #fff none repeat scroll 0 0 !important;
        font-family: Regular;
        font-size: 3rem;
        margin-top: -45px !important;
        opacity: 2 !important;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        padding-left: 10px !important;
        padding-right: 10px !important;
        text-align: center
    }

    .classified-new-account-info {
        font-size: 1.5rem
    }

    .classified-app-links {
        padding-top: 15px
    }

    .classified-new-account {
        padding-top: 15px
    }

    .classified-footer-head {
        padding-left: 10px;
        padding-right: 10px;
        padding: 40px 10px 30px
    }

    .classified-footer-menu-links a {
        padding-bottom: 15px
    }

    /* .classified-footer-head {
        padding-bottom: 20px
    } */

    .facebook-login {
        padding-right: 5px
    }

    .twitter-login {
        padding-right: 5px
    }

    .login-modal-content {
        margin: 0px auto
    }

    .signup-modal-content {
        margin: 0px auto
    }

    .select-box-down-arrow {
        background-position: right 14px
    }

    .nearmemodal-content {
        height: 450px
    }

    #mobile-verification .verified-txt {
        display: inline-block;
        float: left;
        width: 90%
    }

    #mobile-verification .change-txt {
        margin-left: 20px
    }

    .verify-via-sms-btn {
        padding-left: 0;
        padding-top: 10px
    }
}

@media(min-width: 768px)and (max-width: 1023px) {
    .post-list-modal-width {
        margin: 10px auto !important;
        width: 90% !important
    }

    .modal-header-text {
        margin-left: 30% !important
    }

    .post-list-header>.modal-header-text>p {
        padding-left: 10px;
        font-size: 1.8rem
    }

    .tab-radio-button:first-child {
        padding: 10px !important
    }

    .tab-radio-button:last-child {
        padding: 10px !important
    }

    .tab-radio-button {
        padding: 10px !important
    }

    /* .classified-header-bar{

position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000; /* adjust as needed *

} */




}

@media(min-width: 320px)and (max-width: 767px) {
    .post-list-modal-width {
        margin: 10px auto !important;
        width: 90% !important
    }

    .classified-footer-bottom {
        padding-left: 10px;
        padding-right: 10px
    }

    .classified-login-user-nav>ul.navbar-nav {
        margin: 0px
    }

    .classified-new-account {
        padding-top: 15px
    }

    .classified-new-account a {
        float: left
    }

    .exchange-content {
        text-align: center
    }

    .used-status {
        display: inline-block;
        float: unset;
        margin: 0 auto;
        text-align: center
    }

    .used-status-row .used-status {
        display: inline-block;
        float: left;
        margin-right: 10px;
        text-align: center
    }

    .classified-footer-bottom {
        margin-top: 20px;
        text-align: left
    }

    .classified-footer-menu-links a {
        float: left
    }

    .classified-footer-menu-links {
        padding-top: 0
    }

    .classified-footer-Copyright {
        padding-bottom: 15px !important
    }

    .edit-btn {
        float: left
    }

    .classified-header-profile {
        display: none
    }
}

@media(min-width: 320px)and (max-width: 640px) {
    .classified-login-user-nav>ul.navbar-nav {
        float: right
    }

    .stuff-img-1 {
        margin-right: 5px
    }

    .currency-select-box-row .form-control {
        border-radius: 5px;
        margin-top: 15px;
        margin-left: 0px
    }

    .padding-left-none {
        padding-left: 10px !important
    }

    .find-near-you.affix {
        width: 80%
    }

    .stuff-img-upload {
        margin-top: 32px;
        margin-left: 8px
    }

    .search-result>div {
        text-align: center
    }

    .mobile-product-slide {
        display: block
    }

    .non-mobile-product-slide {
        display: none
    }

    .product-thmb-slider {
        display: none
    }

    .mobile-product-slide>.carousel-control.left {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px
    }

    .mobile-product-slide>.carousel-control.right {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px
    }

    #prod-img-1 {
        border-radius: 5px
    }

    #prod-img-1.product-image {
        /* height: 220px */
        height: 400px
    }

    #thumbcarousel {
        height: 90px
    }

    #thumbcarousel>.carousel-inner {
        height: 90px
    }

    #prod-thmb-img-1.product-image {
        height: 80px
    }

    .item.active>.thumb-cnt:first-child {
        padding-left: 5px
    }

    .thumb-cnt {
        padding: 5px 2.5px
    }

    .item.active>.thumb-cnt:last-child {
        padding-right: 5px
    }

    .thmb-slider-bg-left {
        margin-bottom: 5px;
        margin-left: 5px;
        margin-top: 5px
    }

    .thmb-slider-bg-right {
        margin-bottom: 5px;
        margin-right: 5px;
        margin-top: 5px
    }

    #thumbcarousel>.carousel-inner>.item {
        height: 100px
    }

    .thmb-slider-bg-left {
        width: 20px
    }

    .thmb-slider-bg-right {
        width: 20px
    }

    .thmb-slider-arrow-left {
        left: 14px
    }

    .thmb-slider-arrow-right {
        right: 14px
    }

    .tab-section-tabs>li.pull-right {
        display: none
    }

    .mobile-report-div {
        display: block;
        width: 100%;
        padding-top: 15px
    }

    .mob-report-text {
        text-align: left
    }

    .mob-report-text {
        font-size: 1.1em
    }

    .product-page-right-top-container {
        display: none
    }

    .mobile-product-details {
        display: block;
        padding-top: 20px
    }

    .mobile-product-details>.product-page-right-top-container {
        display: block
    }

    .like-counter {
        padding-bottom: 10px
    }

    .days-reviews-counter>span {
        padding: 0 3px
    }

    .used-status-row {
        padding-top: 15px
    }

    .seller-classified-detail {
        padding-top: 20px
    }

    .product-location {
        width: 70%
    }

    .product-counter-container:first-child {
        padding-left: 5px
    }

    .product-counter-container:last-child {
        padding-right: 5px
    }

    .product-counter-container {
        padding-bottom: 5px
    }

    .recently-viewed-container {
        padding-top: 20px;
        padding-bottom: 0px
    }

    .product-padding {
        padding-bottom: 10px
    }

    .chat-with-seller-icon-container {
        padding-right: 10px
    }

    .character-left {
        width: 100%;
        text-align: right;
        padding-top: 0px;
        padding-right: 0px;
        font-size: .875em
    }

    .form-group {
        margin-bottom: 10px
    }

    .post-comment {
        width: 100%
    }

    .post-comment>a {
        width: 100%
    }

    .comment-section {
        margin-top: 25px;
        overflow: auto
    }

    .product-page-right-top-container {
        margin-top: 0px
    }

    .mob-report-text {
        text-align: left
    }

    .mob-report-text {
        font-size: 1.1em
    }

    .help-text {
        padding-bottom: 10px;
        padding-right: 0px
    }

    .success-modal {
        min-height: 240px
    }

    .exchange-product {
        height: 120px
    }

    .exchange-product-grid-container {
        height: 300px;
        overflow-y: auto
    }

    .tab-content>.message-tab-content>.message-conversation-container>.conversation-prof-pic>.message-prof-pic {
        width: 40px;
        height: 40px
    }

    .conversation-bargain-container {
        padding-left: 0px;
        width: 100%
    }

    .conversation-rate-container {
        width: 100%
    }

    .conversation-rate {
        width: 100%;
        text-align: center
    }

    .message-conversation {
        padding: 10px
    }

    .message-conversation-right-cnt>.message-conversation>.conversation-container>.conversation-bargain-container {
        padding-top: 0px
    }

    .message-type-container>.chat-message-type>.form-group {
        padding-right: 0px
    }

    .message-type-container>.chat-message-type>.message-send>a>.send-btn {
        padding: 10px 0
    }

    .message-type-container>.chat-message-type>.message-send {
        padding-top: 10px
    }

    .message-type-container>.typing-status {
        padding-bottom: 10px
    }

    .message-floating-div-cnt {
        right: 0px;
        padding: 0 5px;
        bottom: 0
    }

    .message-vertical-tab-section>.tab-content {
        display: none
    }

    .message-vertical-tab-container {
        height: auto;
        overflow: hidden
    }

    .message-user-info {
        max-width: 100%
    }

    .message-vertical-tab-section>.tab-content>.message-tab-content>.message-cnt>.message-conversation-container>.conversation-prof-pic {
        display: none
    }

    .send-btn>span {
        display: block
    }

    .message-type-container .chat-message-type .message-send a .send-btn {
        padding: 10px 0 !important
    }

    .send-btn>img {
        display: none
    }

    .profile-vertical-tab-section>.tab-content {
        padding-left: 0;
        padding-right: 0;
        padding-top: 5px
    }

    .add-phone>a {
        font-size: 1.1em
    }

    .profile-email-txt>.verified-txt {
        font-size: 1.1em;
        padding-left: 5px
    }

    .profile-email-txt>.change-txt>a {
        font-size: 1.1em
    }

    .verify-via-sms-btn {
        padding-left: 0
    }

    .profile-dropdown>.drop-down-div {
        border: 1px solid #eceff2;
        border-radius: 4px
    }

    .profile-mobile-details>.profile-input-fields>input {
        border-radius: 4px
    }

    .followers-info-cnt {
        padding-left: 0px;
        text-align: center
    }

    .promotions-prod-name-header {
        margin-left: 0px;
        padding-top: 15px;
        text-align: center
    }

    .profile-promote-modal {
        margin-left: 0 !important;
        float: left
    }

    .profile-promote-modal-box>.login-text-box>.post-list-content {
        text-align: left
    }

    .profile-promote-modal-header>button.login-close {
        margin-top: -5px
    }

    .vertical-divider {
        display: none
    }

    .paid-amt-cnt {
        padding-left: 0px;
        padding-top: 10px
    }

    .repromote-btn-cnt {
        padding-top: 10px
    }

    .repromote-btn {
        float: left !important
    }

    .exchange-rows>div>ul>li {
        width: 100%
    }

    .exchange-rows>div>ul>li>a {
        text-align: center
    }

    .exchange-status {
        width: 100%;
        text-align: center
    }

    .view-exchange {
        width: 100%;
        float: right !important;
        text-align: center;
        padding-top: 10px
    }

    .exchange-arrow-cnt {
        padding-top: 20px
    }

    .exchange-right-content {
        padding-top: 20px
    }

    .exchange-initiate-date {
        width: 100%;
        text-align: center
    }

    .exchange-btn-cnt {
        width: 100%;
        padding-top: 10px;
        margin-left: 21%;
        float: left !important
    }

    .exchange-detail-arrow-cnt {
        padding-top: 20px
    }

    .exchange-history {
        width: 100%;
        float: left
    }

    .exchange-name {
        text-align: center
    }

    .exchange-place {
        text-align: center
    }

    .exchange-history>a {
        width: 100%;
        text-align: center
    }

    .exchange-message-header-txt-cnt {
        float: left !important
    }

    .viewmore-arrow {
        float: none;
        padding-left: 3px;
        padding-top: 1px;
        position: absolute
    }

    .notification-pro-pic-cnt {
        width: 35%
    }

    .notification-prof-pic {
        margin: 0 auto
    }

    .notification-message-cnt {
        padding-left: 0;
        width: 65%;
        text-align: left;
        padding-top: 0px;
        padding-left: 10px
    }

    .notification-message {
        font-size: 1.125em
    }

    .notification-date {
        width: 100%;
        padding-top: 5px
    }

    .change-pwd-btn {
        width: auto
    }

    .change-pwd-btn>a {
        padding: 8px 10px
    }

    .repromote-btn-mob-cnt {
        padding-top: 10px;
        display: block
    }

    .repromote-btn-cnt {
        display: none
    }

    .stuff-img-upload {
        margin-top: 32px;
        margin-left: 8px
    }

    .xs-margin-top-10 {
        margin-top: 10px
    }

    ul.yiiPager>li {
        width: auto !important;
        margin-top: 10px
    }

    ul.yiiPager>li>a {
        float: left !important
    }

    ul.yiiPager {
        padding-bottom: 10px !important
    }

    .previous {
        padding-left: 5px
    }

    .classified-acc-add-addr {
        padding: 8px 7px
    }

    .classified-acc-addr-cont {
        padding: 15px 0
    }

    .classified-accordion-title-txt {
        font-size: 16px
    }

    .classified-acc-order-summary-pic-cnt {
        padding-right: 0
    }

    .classified-accordion-right-txt {
        font-size: 14px;
        padding-top: 12px
    }

    .classified-acc-order-rate {
        padding-top: 5px
    }

    .classified-acc-order-btn-cnt {
        margin-top: 5px
    }

    .classified-acc-order-rate>br,
    .classified-acc-order-qty>br {
        display: none
    }

    .classified-acc-order-btn {
        width: 100%
    }

    .classified-acc-order-btn>.classified-acc-btn,
    .classified-acc-order-btn>.classified-acc-delete-btn {
        width: 48%;
        text-align: center;
        padding: 8px 0
    }

    .classified-acc-order-qty>.select-box-down-arrow {
        background-position: right 10px
    }

    .classified-acc-order-qty {
        padding-top: 5px
    }

    .classified-acc-order-summary-info-cnt {
        padding-top: 10px
    }

    .card-num {
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important;
        border-right: 1px solid #e7edf2 !important;
        margin-bottom: 15px
    }

    .cvv-num-div {
        border-top-left-radius: 5px !important;
        border-bottom-left-radius: 5px !important
    }

    .classified-acc-pane-right-cnt {
        display: none
    }

    .classified-acc-pane-btn>.classified-acc-btn {
        width: 100%;
        text-align: center
    }

    .classified-acc-payment-cnt>.classified-acc-tab-ul {
        padding-right: 0px
    }

    .classified-acc-payment-cnt>.classified-acc-tab-pane-cnt {
        padding-left: 0px;
        margin-top: 10px
    }

    .classified-acc-pane-radio-cnt>.radio-inline {
        margin-right: 10px !important;
        margin-left: 0px !important
    }

    .classified-accordion-title-sel {
        width: 57%
    }

    .address-box-cont {
        padding-left: 0px
    }

    .classified-acc-order-shp-fee-details {
        width: inherit
    }

    .edit-profile-form .classified-acc-addr-cont:last-child {
        padding-right: 0px
    }

    .classified-acc-order-summary-txt {
        padding-top: 0px
    }

    .message-cnt ol,
    .message-cnt ol li {
        float: left;
        width: 100%
    }

    .message-cnt ol {
        padding-left: 0px
    }

    .message-cnt ol li .message-conversation-container .message-conversation-right-cnt,
    .message-cnt ol li .message-conversation-container .message-conversation-left-cnt {
        width: auto
    }

    .message-cnt ol li .message-conversation-container .message-conversation-right-cnt .message-conversation {
        width: auto
    }

    .message-cnt ol li .message-conversation-container .message-conversation-right-cnt .message-conversation .conversation-container {
        float: left;
        width: auto
    }

    .message-cnt ol li .message-conversation-container .message-conversation-right-cnt .message-conversation .conversation-container .conversation-product-pic-container,
    .message-cnt ol li .message-conversation-container .message-conversation-left-cnt .message-conversation .conversation-container .conversation-product-pic-container {
        margin-left: 0
    }

    .message-cnt ol li .message-conversation-container .message-conversation-right-cnt .message-conversation .conversation-container .conversation-bargain-container,
    .message-cnt ol li .message-conversation-container .message-conversation-left-cnt .message-conversation .conversation-container .conversation-bargain-container {
        padding-left: 5px;
        width: auto
    }

    .message-cnt ol li .message-conversation-container .message-conversation-right-cnt .message-conversation .conversation-container .conversation-bargain-container .conversation-rate-container .conversation-rate,
    .message-cnt ol li .message-conversation-container .message-conversation-left-cnt .message-conversation .conversation-container .conversation-bargain-container .conversation-rate-container .conversation-rate {
        width: auto
    }

    .language {
        padding-right: 15px
    }

    .xs-text-center {
        text-align: center
    }

    .xs-paddingtop-10 {
        padding-top: 10px
    }

    .xs-floatnone {
        float: none !important
    }

    .xs-automargin {
        margin: 0 auto
    }

    .xs-margintop-10 {
        margin-top: 10px
    }

    .xs-width-100-a {
        width: 100%
    }

    .xs-margin-0 {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0
    }
}

@media(min-width: 360px)and (max-width: 767px) {
    .classified-social-connect {
        width: 200px
    }

    .classified-app-links {
        padding-top: 0;
        width: 40%
    }
}

@media(min-width: 360px)and (max-width: 640px) {
    .login-modal-content {
        margin: 29px auto
    }

    .signup-modal-content {
        margin: 0px auto
    }

    .nearmemodal-content {
        width: 340px
    }

    .map-select-box select {
        padding-left: 10px
    }

    .select-box-down-arrow {
        background-position: right 14px
    }

    .stuff-img-1 {
        margin-right: 10px;
        width: 140px
    }

    .map-input-box {
        padding-right: 15px
    }

    .map-input-box {
        padding-right: 0px
    }

    .map-input-box {
        width: 70%
    }

    .map-select-box {
        width: 30%
    }

    .location-button {
        padding-top: 20px;
        text-align: center
    }

    .map-input-section {
        padding-left: 5px;
        padding-right: 5px
    }

    .map-input-box {
        padding-left: 0px
    }

    .map-close {
        display: block;
        background: #fff none repeat scroll 0 0 !important;
        font-family: Regular;
        font-size: 3rem;
        margin-top: -45px !important;
        opacity: 2 !important;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        padding-left: 5px !important;
        padding-right: 5px !important;
        text-align: center
    }

    div.form .errorMessage {
        color: red;
        font-size: .9em
    }
}

@media(min-width: 768px)and (max-width: 1023px) {
    #wrapper.toggled #sidebar-wrapper {
        width: 320px
    }

    .location-button {
        padding-left: 15px;
        padding-top: 20px
    }

    .map-input-section {
        padding-left: 20px;
        padding-right: 20px
    }

    .map-input-box {
        padding-left: 0px
    }

    .classified-new-account {
        padding-top: 20px
    }

    /* .classified-footer-head {
        padding-left: 10px;
        padding-right: 10px
    } */

    .classified-footer-bottom {
        padding-left: 10px;
        padding-right: 10px
    }

    /* .classified-footer-head {
        padding-bottom: 20px
    } */

    .classified-header-stuff {
        display: block
    }

    .classified-user-nav {
        display: block;
        float: left
    }

    #sidebar-wrapper .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .select-box-down-arrow {
        background-position: right 14px
    }

    .find-near-you.affix {
        width: 80%
    }

    .classified-signup {
        margin-left: 20px
    }

    .post-comment {
        width: auto
    }

    .character-left {
        width: 75%
    }

    .product-page-right-top-container {
        display: none
    }

    .mobile-product-details {
        display: block
    }

    .mobile-product-details>.product-page-right-top-container {
        display: block
    }

    .location-grey,
    .shipping-icon {
        margin-left: 0px
    }

    .chat-with-seller-icon-container {
        padding-right: 0px
    }

    .chat-with-seller-text {
        padding-left: 14px
    }

    .recently-viewed-container {
        padding-top: 20px
    }

    .product-padding {
        padding-bottom: 15px
    }

    .recently-viewed-container {
        padding-bottom: 5px
    }

    .product-left-container {
        padding-bottom: 20px
    }

    .popular-product-container {
        padding-bottom: 20px
    }

    .days-reviews-counter>span {
        padding: 0 3px
    }

    div.form .errorMessage {
        color: red;
        font-size: .9em
    }

    .message-vertical-tab-container>li>a {
        padding: 10px
    }

    .message-vertical-tab-container>li>a>.message-details {
        padding-left: 0px;
        width: 100%
    }

    .message-vertical-tab-container>li>a>.message-details>.message-prof-name {
        width: 100%;
        text-align: center
    }

    .message-vertical-tab-container>li>a>.message-details>.short-message {
        padding-top: 2px;
        text-align: center
    }

    .message-vertical-tab-container>li>a>.message-details>.message-time {
        text-align: center
    }

    .conversation-bargain-container {
        width: auto;
        padding-left: 0px
    }

    .message-floating-div-cnt>.floating-div>.message-icon>.message-user-prof-pic {
        width: 40px;
        height: 40px
    }

    .message-user-info-cnt {
        padding-left: 5px;
        padding-top: 5px
    }

    .message-user-info {
        width: 100%
    }

    .user-conv {
        padding-right: 15px
    }

    .report-text {
        color: #8e8e8e;
        font-size: .75em;
        padding-left: 10px
    }

    .mob-report-text {
        color: #8e8e8e;
        font-size: .75em;
        padding-left: 10px
    }

    #exchange ul.nav>li {
        text-align: center;
        width: 50%
    }
}

@media(min-width: 1024px)and (max-width: 1199px) {
    .classified-search-icon {
        background: url("../images/search.png") no-repeat 200px 12px
    }

    .map-input-section {
        padding-right: 20px
    }

    .location-button {
        padding-left: 15px;
        padding-top: 20px
    }

    #wrapper {
        padding-left: 250px
    }

    #wrapper.toggled {
        padding-left: 0
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 0
    }

    #page-content-wrapper {
        padding: 20px;
        position: relative
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0
    }

    .follower-name {
        text-align: left !important
    }

    .categories>.grid>.categories-filter-list>.checkbox>label {
        width: 100%
    }

    .find-near-you.affix {
        width: 80%
    }

    .product-location-content {
        margin: auto
    }

    .product-location {
        width: 90%
    }

    .shipping-cost {
        width: 89%
    }

    .used-status-row {
        padding-top: 15px
    }

    .character-left {
        width: 65%
    }

    .message-vertical-tab-section>.message-vertical-tab-container>li>a>.message-details {
        padding-left: 15px
    }

    .message-vertical-tab-container {
        height: 500px
    }

    .message-cnt {
        height: 372px
    }

    .message-user-info {
        width: 100%
    }

    .user-conv {
        padding-right: 15px
    }

    #exchange ul.nav>li {
        text-align: center;
        width: 50%
    }
}

@media(min-width: 361px)and (max-width: 400px) {
    .message-icon {
        width: 30%
    }

    .message-details {
        width: 70%;
        padding-left: 0px
    }
}

@media(min-width: 400px)and (max-width: 480px) {
    .message-icon {
        width: 25%
    }

    .message-details {
        width: 75%;
        padding-left: 0px
    }
}

@media(min-width: 481px)and (max-width: 560px) {
    .message-icon {
        width: 20%
    }

    .message-details {
        width: 80%;
        padding-left: 0px
    }
}

@media(min-width: 561px)and (max-width: 640px) {
    .message-icon {
        width: 18%
    }

    .message-details {
        width: 82%;
        padding-left: 0px
    }
}

@media(min-width: 641px)and (max-width: 767px) {
    .message-icon {
        width: 15%
    }

    .message-details {
        width: 85%;
        padding-left: 0px
    }

    .send-btn>span {
        display: block
    }

    .send-btn>img {
        display: none
    }

    .language {
        padding-right: 15px
    }

    .nearmemodal-content {
        width: 500px;
        height: 520px
    }

    .recently-viewed-heading {
        padding-top: 15px
    }

    .profile-vertical-tab-section>.tab-content {
        padding-left: 0;
        padding-right: 0px;
        padding-top: 5px
    }
}

@media(min-width: 320px)and (max-width: 1023px) {
    .app-responsive-adjust {
        height: 64px
    }

    #products.slider.container-fluid {
        width: 100%
    }

    .header-left {
        padding-right: 0;
        padding-left: 0
    }
}

@media(min-width: 320px)and (max-width: 640px) {
    .exchange-name {
        text-align: center
    }

    .exchange-place {
        text-align: center
    }
}

@media(min-width: 1024px)and (max-width: 1199px) {
    .change-pwd-btn {
        width: auto
    }

    .change-pwd-btn>a {
        padding: 10px 15px
    }

    .exchange-prof-pic {
        height: 100px;
        width: 100px
    }

    .exchange-name {
        padding-top: 10px
    }

    .profile-promote-modal {
        margin-left: 0
    }

    .profile-promote-modal>p.login-header-text {
        padding-left: 0
    }

    .profile-promote-modal-header>button.login-close {
        padding-right: 0 !important
    }

    #page-content-wrapper {
        padding: 0px
    }

    .filter-align {
        margin: 0 auto;
        width: 100%
    }

    .layout-slider {
        width: 100%;
        margin: 0px -5px;
    }

    .filtr-road {
        margin: 0 0 0 4px
    }
}

@media(min-width: 1450px)and (max-width: 1600px) {
    .filter-align {
        margin: 0 auto;
        min-width: 230px
    }

    .layout-slider {
        width: 100%;
        margin: 0px -5px;
    }

    .filtr-road {
        margin: 0 0 0 4px
    }
}

@media(min-width: 768px)and (max-width: 1023px) {
    .profile-listing-product:nth-child(3n+1) {
        padding-left: 10px
    }

    .change-pwd-btn {
        width: auto
    }

    .change-pwd-btn>a {
        padding: 10px 15px
    }

    .profile-dropdown>.drop-down-div {
        border: 1px solid #eceff2;
        border-radius: 4px
    }

    .profile-mobile-details>.profile-input-fields>input {
        border-radius: 4px
    }

    .promotion-product:nth-child(4n+1) {
        padding-left: 5px
    }

    .promotion-product:nth-child(4n+4) {
        padding-right: 5px
    }

    .profile-listing-product:nth-child(3n+1) {
        padding-left: 5px
    }

    .profile-listing-product:nth-child(3n+3) {
        padding-right: 5px
    }

    .promotions-prod-name-header {
        margin-left: 0;
        padding-top: 10px;
        text-align: center;
        word-wrap: break-word
    }

    .promotions-details-content {
        padding-left: 0
    }

    .vertical-divider {
        display: none
    }

    .paid-amt-cnt {
        padding-top: 10px;
        padding-left: 0px
    }

    .repromote-btn-cnt {
        padding-top: 10px;
        display: block
    }

    .repromote-btn-mob-cnt {
        display: none
    }

    .exchange-arrow-cnt {
        padding-top: 20px
    }

    .exchange-right-content {
        padding-top: 20px
    }

    .exchange-rows>div>ul>li {
        width: 25%
    }

    .exchange-rows>div>ul>li>a {
        text-align: center
    }

    .exchange-detail-arrow-cnt {
        padding-top: 20px
    }

    .notification-pro-pic-cnt {
        width: 16%
    }

    .notification-message-cnt {
        width: 84%
    }

    .profile-promote-modal {
        margin-left: 0 !important
    }

    .profile-promote-modal>p.login-header-text {
        padding-left: 0
    }

    .profile-promote-modal-header>button.login-close {
        padding-right: 0 !important
    }

    .repromote-btn-mob-cnt {
        padding-top: 10px;
        display: block
    }

    .repromote-btn-mob-cnt>a {
        float: left !important
    }

    .repromote-btn-cnt {
        display: none
    }
}

@media(min-width: 481px)and (max-width: 640px) {
    .nearmemodal-content {
        height: 520px
    }
}

@media(min-width: 320px)and (max-width: 640px) {
    .profile-vertical-tab-section>.tab-content {
        padding-left: 0;
        padding-right: 0;
        padding-top: 5px
    }

    .modal-big-width-dialog {
        width: 450px
    }

    .add-phone>a {
        font-size: 1.1em
    }

    .profile-email-txt>.verified-txt {
        font-size: 1.1em;
        padding-left: 5px
    }

    .profile-email-txt>.change-txt>a {
        font-size: 1.1em
    }

    .verify-via-sms-btn {
        padding-left: 0
    }

    .profile-dropdown>.drop-down-div {
        border: 1px solid #eceff2;
        border-radius: 4px
    }

    .profile-mobile-details>.profile-input-fields>input {
        border-radius: 4px
    }

    .followers-info-cnt {
        padding-left: 0px;
        text-align: center
    }

    .promotions-prod-name-header {
        margin-left: 0px;
        padding-top: 15px;
        text-align: center
    }

    .profile-promote-modal {
        margin-left: 0 !important;
        float: left
    }

    .profile-promote-modal-box>.login-text-box>.post-list-content {
        text-align: left
    }

    .profile-promote-modal-header>button.login-close {
        margin-top: -5px
    }

    .vertical-divider {
        display: none
    }

    .paid-amt-cnt {
        padding-left: 0px;
        padding-top: 10px
    }

    .repromote-btn-cnt {
        padding-top: 10px
    }

    .repromote-btn {
        float: left !important
    }

    .exchange-rows>div>ul>li {
        width: 100%
    }

    .exchange-rows>div>ul>li>a {
        text-align: center
    }

    .exchange-status {
        width: 100%;
        text-align: center
    }

    .view-exchange {
        width: 100%;
        float: right !important;
        text-align: center;
        padding-top: 10px
    }

    .exchange-arrow-cnt {
        padding-top: 20px
    }

    .exchange-right-content {
        padding-top: 20px
    }

    .exchange-initiate-date {
        width: 100%;
        text-align: center
    }

    .exchange-btn-cnt {
        width: 100%;
        padding-top: 10px;
        float: left !important
    }

    .exchange-detail-arrow-cnt {
        padding-top: 20px
    }

    .exchange-history {
        width: 100%;
        float: left
    }

    .exchange-name {
        text-align: center
    }

    .exchange-place {
        text-align: center
    }

    .exchange-history>a {
        width: 100%;
        text-align: center
    }

    .exchange-message-header-txt-cnt {
        float: left !important
    }

    .viewmore-arrow {
        float: none;
        padding-left: 3px;
        padding-top: 1px;
        position: absolute
    }

    .notification-pro-pic-cnt {
        width: 35%
    }

    .notification-prof-pic {
        margin: 0 auto
    }

    .notification-message-cnt {
        padding-left: 0;
        width: 65%;
        text-align: left;
        padding-top: 0px;
        padding-left: 10px
    }

    .notification-message {
        font-size: 1.125em
    }

    .notification-date {
        width: 100%;
        padding-top: 5px
    }

    .change-pwd-btn {
        width: auto
    }

    .change-pwd-btn>a {
        padding: 8px 10px
    }

    .repromote-btn-mob-cnt {
        padding-top: 10px;
        display: block
    }

    .repromote-btn-cnt {
        display: none
    }
}

@media(min-width: 992px)and (max-width: 1199px) {
    .miles {
        width: 73%
    }

    #exchange-pic-1 {
        height: 100px;
        width: 100px
    }
}

@media(min-width: 992px)and (max-width: 1023px) {
    #exchange #exchange-rows .exchange-arrow-cnt {
        padding-top: 60px
    }
}

@media(min-width: 768px)and (max-width: 991px) {
    .miles {
        width: 70%
    }

    .language {
        padding-top: 10px
    }

    .classified-footer-Copyright {
        padding-bottom: 0
    }

    .language {
        padding-top: 10px
    }

    .classified-footer-Copyright {
        padding-bottom: 0
    }

    .classified-footer-menu-links {
        padding-top: 12px
    }

    #exchange .exchange-arrow-cnt {
        padding-bottom: 0px;
        padding-top: 20px
    }

    .exchange-history-list-left,
    .exchange-history-list-right {
        text-align: center
    }

    .verify-via-sms-btn {
        padding-left: 0;
        padding-top: 10px
    }
}

@media(min-width: 641px)and (max-width: 1023px) {
    .navbar-nav .main-mobile-menu.open .dropdown-menu {
        position: unset !important
    }
}

@media(min-width: 641px)and (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: absolute;
        left: -85px;
        background-color: #fff
    }

    .navbar-nav .open .dropdown-menu li {
        padding: 0 5px
    }

    .message-cnt ol,
    .message-cnt ol li {
        float: left;
        width: 100%
    }

    .message-cnt ol {
        padding-left: 0px
    }

    .message-cnt ol li .message-conversation-container .message-conversation-right-cnt,
    .message-cnt ol li .message-conversation-container .message-conversation-left-cnt {
        width: auto
    }

    .message-cnt ol li .message-conversation-container .message-conversation-right-cnt .message-conversation {
        width: auto
    }

    .message-cnt ol li .message-conversation-container .message-conversation-right-cnt .message-conversation .conversation-container {
        float: left;
        width: auto
    }

    .message-cnt ol li .message-conversation-container .message-conversation-right-cnt .message-conversation .conversation-container .conversation-product-pic-container,
    .message-cnt ol li .message-conversation-container .message-conversation-left-cnt .message-conversation .conversation-container .conversation-product-pic-container {
        margin-left: 0
    }

    .message-cnt ol li .message-conversation-container .message-conversation-right-cnt .message-conversation .conversation-container .conversation-bargain-container,
    .message-cnt ol li .message-conversation-container .message-conversation-left-cnt .message-conversation .conversation-container .conversation-bargain-container {
        padding-left: 5px;
        width: auto
    }

    .message-cnt ol li .message-conversation-container .message-conversation-right-cnt .message-conversation .conversation-container .conversation-bargain-container .conversation-rate-container .conversation-rate,
    .message-cnt ol li .message-conversation-container .message-conversation-left-cnt .message-conversation .conversation-container .conversation-bargain-container .conversation-rate-container .conversation-rate {
        width: auto
    }

    .exchange-property-container .tab-content {
        padding-left: 0px;
        padding-top: 10px
    }

    #exchange .exchange-arrow-cnt {
        padding-bottom: 20px;
        padding-top: 20px
    }

    .notification-pro-pic-cnt {
        width: 15%
    }

    .notification-message-cnt {
        width: 85%
    }
}

@media(min-width: 320px)and (max-width: 470px) {
    .modal-dialog-width {
        width: 100%
    }
}

@media(min-width: 320px)and (max-width: 767px) {
    .promotion-product:nth-child(3n+1) {
        padding-left: 5px
    }

    .promotion-product:nth-child(3n+4) {
        padding-right: 5px
    }

    .map-input-section {
        padding-right: 20px
    }

    .exchange-btn-cnt {
        margin: 0;
        text-align: center
    }

    .sale-initiate-date {
        margin-top: 10px;
        width: 100%;
        text-align: center
    }

    #order-details .sale-cnt .promotions-details-row div .promotion-details-cnt .sale-info .exchange-btn-cnt .exchange-btn {
        float: none;
        display: inline-block
    }

    .xs-margin-bottom-10 {
        margin-bottom: 10px
    }

    #invoice_content .sale-info .sale-initiate-date span,
    #invoice_content .sale-info .sale-initiate-date a.no-print {
        width: 100%;
        float: left
    }

    .message-type-container .chat-message-type .form-group {
        padding-right: 0px
    }

    .send-btn span {
        display: block
    }

    .chat-message-type .form-inline .form-group {
        margin-bottom: 10px
    }

    .message-type-container .chat-message-type .message-send a .send-btn {
        padding: 10px 0;
        color: #fff
    }

    .language .form-control {
        display: inline-block;
        margin-left: 10px
    }

    .message-type-container .chat-message-type .form-group {
        padding-right: 0px;
        margin-bottom: 10px
    }

    .slider-container .carousel {
        height: auto
    }

    .language {
        padding-top: 10px
    }

    .classified-footer-Copyright {
        padding-bottom: 0
    }

    #edit-profile-form .switch-box {
        width: 100%
    }
}

@media(min-width: 768px) {
    #address-book .edit-profile-form .edit-profile-addr-cnt .classified-acc-addr-cont {
        margin-bottom: 15px !important
    }

    .classified-acc-btn {
        padding: 8px 45px
    }

    #address-book .edit-profile-form .edit-profile-addr-cnt .classified-acc-addr-cont:nth-child(3n+3) {
        padding-right: 0px;
        padding-left: 7.5px
    }

    #address-book .edit-profile-form .edit-profile-addr-cnt .classified-acc-addr-cont:nth-child(3n+1) {
        padding-left: 0px;
        padding-right: 7.5px
    }

    #address-book .edit-profile-form .edit-profile-addr-cnt .classified-acc-addr-cont {
        padding-left: 7.5px;
        padding-right: 7.5px
    }
}

@media(min-width: 768px)and (max-width: 1199px) {
    #address-book .edit-profile-form .edit-profile-addr-cnt .classified-acc-addr-cont:nth-child(odd) {
        padding-left: 0px;
        padding-right: 7.5px
    }

    #address-book .edit-profile-form .edit-profile-addr-cnt .classified-acc-addr-cont:nth-child(even) {
        padding-right: 0px;
        padding-left: 7.5px
    }

    .slider-container .carousel {
        height: auto
    }

    #language {
        display: inline-block;
        text-align: right
    }

    .language .form-control {
        display: inline
    }
}

@media(min-width: 1200px)and (max-width: 1290px) {
    .sticky-header-menu-icon {
        padding: 0 5px 15px 0
    }
}

@media(min-width: 1200px) {
    .slider-container .carousel {
        height: auto
    }
}

@media(min-width: 768px)and (max-width: 1023px) {

    .al-mobile-user-area,
    .classified-header-login,
    .classified-header-signup {
        display: none
    }

    .sidebar-wraper .al-mobile-user-area,
    .sidebar-wraper .classified-header-login,
    .sidebar-wraper .classified-header-signup {
        display: none
    }

    .sidebar-wraper .sidebar-menu-listng {
        height: 100%
    }

    .img-slide-contetnt {
        top: 90px
    }
}

.columncls {
    width: 25%;
    float: left
}

.column .columncls {
    width: 100% !important
}

#address-book .profile-tab-heading-btn>.btn-chat-with-seller {
    background: #7DBD00 none repeat scroll 0 0
}

.profile-tab-heading-btn>.btn-chat-with-seller {
    float: left;
    margin: 0;
    padding: 5px 10px;
    width: auto
}

.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all .ui-corner-all {
    width: 100%;
    display: block;
    padding: 10px !important;
    border: unset;
    margin: 0;
    border-radius: 0
}

.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all .ui-corner-all:hover {
    color: #7DBD00
}

.stuff-img-upload {
    margin-top: 20px;
    margin-left: 0px
}

.loading {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.loading:before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3)
}

.location-loader {
    border: 5px solid rgba(255, 255, 255, .5);
    border-radius: 50%;
    border-top: 5px solid #fff;
    width: 30px;
    height: 30px;
    margin: -4px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.attach_pos {
    position: absolute;
    right: 10%;
    top: 26%
}

.attach_file {
    background-image: url("../images/attach.png");
    background-size: cover;
    cursor: pointer;
    display: inline-block;
    height: 27px;
    width: 25px
}

.share_pos {
    position: absolute;
    right: 4%;
    top: 26%
}

.share_loction {
    background-image: url("../images/location_share.png");
    background-size: cover;
    cursor: pointer;
    display: inline-block;
    height: 27px;
    width: 25px
}

@media(max-width: 480px) {
    .attach_pos {
        right: 17%
    }
}

@media(min-width: 768px)and (max-width: 991px) {
    .attach_pos {
        right: 12%
    }
}

.message_area_padding {
    padding-right: 85px
}

.attach_file_loader {
    background-image: url("../images/share_loader.gif");
    background-size: cover;
    cursor: pointer;
    display: inline-block;
    height: 27px;
    width: 25px
}

.share_loction_loader {
    background-image: url("../images/share_loader.gif");
    background-size: cover;
    cursor: pointer;
    display: inline-block;
    height: 27px;
    width: 25px
}

.user_profile {
    background-color: #fff;
    box-shadow: 0px 0px 4px #cccc;
    padding: 10px
}

.user_img_msg {
    background-image: url("https://batner.com/dev/user/resized/75/5327_1512220562");
    width: 50px !important;
    height: 50px;
    background-size: cover;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    background-color: #e5e9ed;
    margin-bottom: 7px;
}

.user_name {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: "Bold";
    padding-top: 15px
}

.msg_menu {
    background: url("images/msg_menu.png") no-repeat scroll 4px 0px;
    width: 6px;
    height: 23px;
    display: inline-block;
    vertical-align: middle;
    padding: 0 7px
}

.msg_menu_pos {
    float: right;
    margin-top: 5px;
    /* margin-top: 10px; */
    margin-right: 10px;
    cursor: pointer
}

.msg_dropdown {
    left: auto;
    right: 20px;
    top: -10px;
    -webkit-animation: slide-right .3s ease-out;
    -moz-animation: slide-right .3s ease-out
}

@-webkit-keyframes slide-right {
    0% {
        opacity: 0;
        -webkit-transform: translatex(10%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translatex(0)
    }
}

@-moz-keyframes slide-right {
    0% {
        opacity: 0;
        -moz-transform: translatex(10%)
    }

    100% {
        opacity: 1;
        -moz-transform: translatex(0)
    }
}

.conversation-prof-pic .message-prof-pic {
    display: none
}

.accept_txt {
    color: #2ac249
}

.decline_txt {
    color: #e40146
}

.default_msg_txt {
    margin-bottom: 20px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap
}

.default_txt {
    display: inline-block;
    color: #fff;
    padding: 5px 10px;
    cursor: pointer;
    margin-right: 5px
}

.btn_accept {
    background-color: transparent;
    border: none
}

.accept_decline {
    border: 1px solid #dbdbdb;
    padding: 0 15px
}

.accept_decline .col-xs-6 {
    padding: 15px 0
}

.default_txt a {
    color: #fff
}

.offer_sent {
    padding: 0 !important
}

.offer_view {
    padding: 15px;
    background-color: #2ac249 !important;
    color: #fff
}

.btn_border {
    border-right: 1px solid #dbdbdb
}

.conversation-text.txt-white-color,
.message-conversation-item-name.txt-white-color {
    color: #fff
}

.arrow-left.offer_sent_arrow {
    border-right-color: #2ac249
}

.arrow-right.offer_sent_arrow {
    border-left-color: #2ac249
}

.conversation-rate.accept_offer_rate {
    background-color: #fff;
    color: #222
}

.default_msg_txt:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 23%;
    height: 28%;
    background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 60%, white 90%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 60%, white 90%);
    pointer-events: none
}

.default_msg_txt:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 23%;
    height: 28%;
    background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 60%, white 90%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 60%, white 90%);
    pointer-events: none;
    transform: scale(-1);
    -webkit-transform: scale(-1)
}

.chat-message-type {
    background-color: #fff;
    padding-bottom: 0px !important;
    padding: 20px
}

@media(max-width: 768px) {
    .default_msg_txt {
        overflow: auto
    }
}

.filter-distance {
    margin-top: 25px;
    padding-bottom: 20px
}

.layout-slider.price_slider {
    width: 85%
}

.offer_sent_view {
    padding: 0 !important
}

.offer_view.sent_user {
    padding-top: 15px !important
}

.offer_accepted {
    width: 23px;
    height: 23px;
    background-image: url("../images/offer_accept.png");
    background-size: cover;
    display: inline-block;
    vertical-align: middle
}

.white_offer {
    background-image: url("../images/offer_accept_white.png")
}

.decline_offer {
    background-image: url("../images/offer_decline.png");
    width: 20px;
    height: 20px
}

.margin_left5 {
    margin-left: 5px
}

.margin_left10 {
    margin-left: 10px
}

.sent_rate h2 {
    margin-top: 0px;
    margin-bottom: 0px
}

.conversation-product-pic.sent_offer_product {
    width: 100px;
    height: 100px
}

.offer-accepted-container .offer_container {
    background-color: #fff;
    box-shadow: 0 0 5px #cccc;
    padding: 15px;
    padding-top: 20px;
    width: auto
}

.offer-decline-container .offer_container {
    background-color: #fff;
    box-shadow: 0 0 5px #cccc;
    padding: 15px;
    padding-top: 20px;
    width: auto
}

.offer-decline-container,
.offer-accepted-container {
    margin-bottom: 40px
}

.btn_buynow,
.btn_buynow:hover,
.btn_buynow:focus {
    background-color: #2ac249;
    color: #fff;
    text-transform: capitalize;
    letter-spacing: normal;
    margin-bottom: 0
}

.extra_text_hide {
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.offer_txt {
    display: none
}

@media(max-width: 1199px) {
    .offer_txt {
        display: block;
        margin-top: 10px;
        color: #222
    }

    .offer_product {
        display: none
    }

    .offer_accept_decline_container {
        margin-left: 25%;
        text-align: center
    }
}

@media(max-width: 640px) {
    .offer_accept_decline_container {
        margin-left: 0px
    }
}

@-webkit-keyframes slide-up {
    0% {
        opacity: 0;
        -webkit-transform: translatey(20%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translatex(0)
    }
}

@-moz-keyframes slide-up {
    0% {
        opacity: 0;
        -moz-transform: translatey(20%)
    }

    100% {
        opacity: 1;
        -moz-transform: translatey(0)
    }
}

@media(max-width: 380px) {
    .offer_container {
        width: auto !important
    }
}

.dropdown-menu.msg_dropdown>li>a {
    padding: 10px 20px
}

.message-conversation-right-cnt .viewShared {
    color: #fff !important
}

.message-conversation-left-cnt .viewShared {
    color: #222 !important
}

.block_div {
    position: absolute;
    background-color: rgba(255, 255, 255, .8);
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 2;
    padding-top: 90px;
    animation: slide-up .3s ease-in;
    -webkit-animation: slide-up .3s ease-in
}

.cke_button__anchor {
    display: none !important
}

#cke_25 {
    display: none !important
}

#cke_24 {
    display: none !important
}

#cke_32 {
    display: none !important
}

.cke_button__blockquote {
    display: none !important
}

#cke_11 {
    display: none !important
}

#cke_19 {
    display: none !important
}

#cke_30 {
    display: none !important
}

#cke_37 {
    display: none !important
}

#cke_38 {
    display: none !important
}

#cke_45 {
    display: none !important
}

#cke_46 {
    display: none !important
}

#cke_39 {
    margin-top: -33px !important;
    margin-left: 71px !important
}

#cke_34 {
    margin-top: -33px !important
}

.cke_toolbar_separator {
    display: none !important
}

.post_img_cls {
    z-index: 0;
    color: #000;
    position: absolute;
    top: 30%;
    opacity: 0;
    right: 23%;
    background-color: rgba(255, 255, 255, .7) !important;
    padding: 10px 20px !important
}

.add_img {
    background-image: url(images/plus.png);
    background-size: cover;
    width: 40px;
    height: 40px;
    display: inline-block
}

.dis_none {
    display: none !important
}

.img_browse {
    background-color: #fff;
    width: 100px;
    height: 100px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    padding-top: 30%;
    box-shadow: 0px 0px 15px #ddd
}

.uploaded_img:hover .post_img_cls {
    z-index: 1;
    opacity: 1
}

.uploaded_img:first-child {
    margin-left: 0px
}

.margin_left10 {
    margin-left: 10px
}

.align_middle {
    vertical-align: middle
}

#products-form .blog_images>label.input-file-trigger {
    float: left
}

.uploaded_img {
    width: 100px;
    height: 100px;
    display: inline-block;
    margin-bottom: 10px;
    position: relative;
    /* padding: 10px; */
    float: left
}

.margin_left10 {
    margin-left: 10px
}

.blog_images .uploaded_img img {
    height: 100%
}

.ui-autocomplete {
    height: auto;
    max-height: 350px;
    overflow-y: scroll;
    overflow-x: hidden
}

.tooltip {
    position: relative
}

.tooltip:after {
    position: absolute;
    border: 3px solid #4d4d4d;
    border-radius: 3px;
    background-color: #4d4d4d;
    font-size: 1.1em;
    /* font-weight: bold; */
    color: #fff;
    content: attr(data-tooltip);
    opacity: .6;
    transition: all .2s ease-in-out .15s;
    visibility: hidden;
    z-index: 2
}

.tooltip:hover:after {
    opacity: .9;
    visibility: visible
}

.tooltip-top:after {
    bottom: 150%;
    left: 0
}

.tooltip-bottom:after {
    top: 145%;
    left: 0
}

.tooltip-left:after {
    right: 130%;
    min-width: 100px
}

.tooltip-right:after {
    left: 130%;
    min-width: 100px
}

.tooltip-top:hover:after {
    bottom: 120%
}

.tooltip-bottom:hover:after {
    top: 145%
}

.tooltip-left:hover:after {
    right: 110%
}

.tooltip-right:hover:after {
    left: 110%
}

.tooltip-top:before,
.tooltip-bottom:before,
.tooltip-left:before,
.tooltip-right:before {
    content: "";
    display: block;
    position: absolute;
    border-width: 7px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0);
    opacity: 0;
    transition: all .2s ease-in-out .15s;
    visibility: hidden
}

.tooltip-top:hover:before,
.tooltip-bottom:hover:before,
.tooltip-left:hover:before,
.tooltip-right:hover:before {
    opacity: 1;
    visibility: visible
}

.tooltip-top:before {
    top: -51%;
    left: 50%;
    transform: translateX(-50%);
    border-top-color: #4d4d4d
}

.tooltip-bottom:before {
    bottom: -96%;
    left: 50%;
    transform: translateX(-50%);
    border-bottom-color: #4d4d4d
}

.tooltip-left:before {
    left: -31%;
    top: 15%;
    border-left-color: #4d4d4d
}

.tooltip-right:before {
    right: -31%;
    top: 15%;
    border-right-color: #4d4d4d
}

.tooltip-top:hover:before {
    top: -21%
}

.tooltip-bottom:hover:before {
    bottom: -96%
}

.tooltip-left:hover:before {
    left: -11%
}

.tooltip-right:hover:before {
    right: -11%
}

.searcls-mobile .login-content {
    padding-bottom: 0
}

.classified-login-user-nav .navbar-nav>li>a {
    font-size: 14px;
    font-family: Bold
}

.comment-text p {
    margin: 0 0
}

#toast-container>.toast-warning {
    z-index: 9999;
    border-color: #fff; 
    background-image: none !important;
    background-color: #fff !important;
    color: #000 !important;
    margin-top: 21% !important;
    padding: 10px 10px 0px 25px !important;
    font-family: Bold
}

#toast-container>.toast-success {
    z-index: 9999;
    border-color: #fff;
    background-image: none !important;
    background-color: #fff !important;
    color: #000 !important;
    margin-top: 21% !important;
    padding: 10px 10px 0px 25px !important;
    font-family: Bold
}

#toast-container>.toast-info {
    z-index: 9999;
    border-color: #fff;
    background-image: none !important;
    background-color: #fff !important;
    color: #000 !important;
    margin-top: 21% !important;
    padding: 10px 10px 0px 25px !important;
    font-family: Bold
}

#toast-container>.toast-error {
    border-color: #fff;
    z-index: 9999;
    background-image: none !important;
    background-color: #fff !important;
    color: #000 !important;
    margin-top: 21% !important;
    padding: 10px 10px 0px 25px !important;
    font-family: Bold
}

.bgm {
    display: inline-block !important;
    height: 32px !important;
    width: 32px !important;
    border-radius: 40px;
    background-color: #cacaca !important;
    float: left
}

.hts-menu {
    display: inline-block;
    margin: 5px 0 5px 10px
}

.classified-menu li.dropdown:first-child a {
    padding-top: 16px;
    padding-bottom: 16px
}

@media(min-width: 320px)and (max-width: 500px) {
    .item-img {
        height: 220px
        /* height: 120px */
    }

    .item-img img {
        /* height: 100% !important */

        height: 400px !important;
        object-position: top;
    }
}

@media(min-width: 501px)and (max-width: 699px) {
    .item-img {
        height: 200px
    }

    .item-img img {
        /* height: 100% !important */
        /* height: 100% !important */
                height: 400px !important;
        object-position: top;
    }
}

@media(min-width: 700px)and (max-width: 850px) {
    .item-img {
        height: 250px
    }

    .item-img img {
        height: 100% !important
    }
}

@media(min-width: 851px)and (max-width: 991px) {
    .item-img {
        height: 220px
    }

    .item-img img {
        height: 100% !important
    }
}

.classified-login-user-nav .navbar-nav>li:last-child>a {
    padding: 6px 12px 25px 40px;
    display: inline-block
}

.classified-login-user-nav ul li:last-child {
    padding: 0
}

.mapcontrol-holder {
    padding: 0px 15px 0px 15px
}

.share-location-modal {
    padding-top: 15px;
    background-color: #fff;
    color: #222 !important;
    border-radius: 5px;
    margin: auto
}

.map-input-boxs {
    color: #222 !important;
    height: 40px;
    width: 100%;
    margin-bottom: 10px;
    padding-left: 35px !important;
    box-shadow: rgba(246, 246, 246, .5) 0px 0px 1px 0px, rgba(0, 10, 18, .12) 0px 2px 4px 0px
}

@media(min-width: 767px) {
    #shareloc>.modal-dialog-width {
        width: 600px
    }
}

@media(max-width: 767px) {
    #googleMap {
        height: 350px
    }
}

@media(max-width: 480px) {
    .floating-div {
        width: 100%
    }

    .message-floating-div-cnt {
        padding: 0 15px
    }
}

.graph-group {
    background: #fff;
    border-radius: 5px
}

.help-rig-content.insight-content.active {
    padding: 0;
    background: transparent
}

.green-color-bg {
    background-color: #2bc248;
    margin-bottom: 10px
}

.promo-section span {
    font-size: 36px
}

.prom-btn.btn {
    margin: 0px 20px;
    padding: 10px 30px;
    font-size: 24px;
    font-family: Bold;
    text-transform: capitalize;
    letter-spacing: normal
}

.promo-section .popul-low-img {
    background: url("../images/popuraity-icon.png") no-repeat scroll left center;
    padding: 3px 10px 3px 70px
}

.promo-section .eng-low-img {
    background: url("../images/engage.png") no-repeat scroll left center;
    padding: 15px 10px 15px 80px
}

.promo-section {
    padding: 20px 0
}

ul.splited {
    padding: 0 10px
}

ul.splited li {
    width: 50%;
    display: inline-block;
    float: left;
    padding: 0 5px;
    height: 100px
}

.popularity-count {
    padding: 20px 10px;
    margin: 0 0 10px 0;
    border-radius: 5px;
    background-color: #fff
}

.graph-chart {
    position: relative
}

.graph-chart .chart-view {
    position: absolute;
    right: 20px;
    bottom: 15px;
    font-size: 16px;
    background: url("../images/rounded.png") no-repeat scroll left center;
    padding: 0 0 0 30px
}

.graph-group.engage-count {
    padding: 15px 25px;
    margin: 10px 0 0
}

.engagement-section .promo-section span {
    font-size: 30px
}

.engage-icon {
    border: 1px solid #cacaca;
    border-radius: 30px;
    width: 50px;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    display: table-cell
}

.engage-count .reach-icon {
    margin-top: 6px
}

.progress-bar-value p {
    font-size: 22px
}

.progress-bar-value .graph-group {
    padding: 20px 20px;
    margin-bottom: 10px
}

.progress-bar-value .progress {
    height: 12px;
    background: #dcdcdc;
    margin-top: 8px;
    margin-bottom: 7px
}

.progress-bar-value .progress .progress-bar {
    background-size: 10px 10px;
    background-color: #40c85a
}

.progres-value {
    font-size: 18px;
    float: right
}

.sidemenu-insight ul li.nav-item {
    display: inline-block;
    width: 100%
}

.sidemenu-insight ul li.nav-item a {
    color: #666 !important;
    display: block;
    padding: 15px
}

.sidemenu-insight #sideshow {
    position: absolute;
    width: 200px;
    top: 64px
}

.sidemenu-insight #sideshow.sidebar.sticky.fixed {
    position: fixed !important;
    top: 90px;
    transition: all .5s ease-out
}

.container-fluid.scroll-content.first-review .visite-title {
    margin-top: 70px !important
}

.help-rig-content .visite-title {
    margin-top: 60px !important;
    margin-bottom: 20px
}

.view-popularity {
    margin-top: -50px
}

.container-fluid.scroll-content {
    padding: 0;
    display: block
}

.resp-view {
    display: none
}

.sidemenu-insight ul li.nav-item a.active {
    font-weight: bold;
    color: #7DBD00 !important
}

.sidemenu-insight ul.navbar-nav {
    background: #fff;
    padding: 5px 15px !important;
    border-radius: 4px;
    margin-bottom: 15px
}

.progress-bar-value {
    margin-bottom: 20px
}

.chartjs-render-monitor {
    padding: 20px 20px 20px 30px
}

.engagement-section .prom-btn-left {
    margin-top: 10px
}

.count-view .product-name,
.reach-view .product-name {
    margin: 5px 0
}

@media(min-width: 320px)and (max-width: 1023px) {
    .pull-right.prom-btn-left {
        float: left !important;
        margin: 15px 0 0;
        width: 100%
    }
}

@media(min-width: 768px)and (max-width: 1023px) {
    .classified-breadcrumb {
        margin-top: 15px
    }
}

@media(min-width: 320px)and (max-width: 767px) {
    .sidemenu-insight {
        display: none
    }

    .progres-value {
        font-size: 16px
    }

    .resp-view {
        display: block;
        position: relative;
        z-index: 99;
        width: 100%;
        background: #fff !important;
        color: #222 !important;
        letter-spacing: normal;
        text-align: left;
        font-weight: 600;
        font-family: Regular !important;
        padding: 15px;
        margin: 10px 0;
        text-transform: capitalize
    }

    .promo-section span {
        font-size: 24px
    }

    .help-rig-content .visite-title {
        margin-top: 0 !important
    }

    .scroll-content.collapse:not(.show) {
        display: none
    }

    .scroll-content.collapse.in {
        display: block
    }

    .resp-view .minus {
        display: none
    }

    .resp-view[aria-expanded=true] .plus {
        display: none
    }

    .resp-view .plus {
        background: rgba(0, 0, 0, 0) url("../images/down-arrow-black.png") no-repeat scroll right center;
        height: 14px;
        width: 14px;
        float: right;
        margin-top: 5px
    }

    .resp-view[aria-expanded=true] .minus {
        display: inline-block;
        background: rgba(0, 0, 0, 0) url("../images/down-arrow-black.png") no-repeat scroll right center;
        float: right;
        height: 14px;
        width: 14px;
        margin-top: 5px;
        transform: rotate(180deg)
    }

    .engagement-section .promo-section span {
        font-size: 25px
    }

    .container-fluid.scroll-content {
        margin-bottom: 30px
    }

    .sidemenu-insight #sideshow {
        top: 25px
    }
}

@media(min-width: 320px)and (max-width: 480px) {
    .engage-count .reach-view {
        margin: 0 auto;
        display: inline-block;
        text-align: center
    }

    .engage-count .reach-icon {
        margin: 0 auto;
        display: table
    }

    .chartjs-render-monitor {
        padding: 20px 10px
    }

    ul.splited li {
        width: 100%
    }
}

.btn:hover,
.btn:focus {
    color: #fff
}

.prom-btn.graph-group {
    color: #222
}

.advrtz-title {
    font-size: 60px
}

.adtvz-btn {
    letter-spacing: normal;
    font-family: Regular;
    text-transform: inherit
}

#files.upload-file {
    opacity: 0;
    overflow: hidden;
    position: absolute;
    width: 1px
}

.file-section {
    border: 1px solid #cacaca;
    border-radius: 4px;
    overflow: hidden;
    height: 120px;
    display: table;
    width: 100%
}

.file-section label {
    cursor: pointer;
    color: #a9b1bd;
    display: table-cell;
    vertical-align: middle
}

.thumb {
    width: 40px;
    height: 40px;
}

.remove_img_preview {
    position: relative;
    top: -25px;
    right: 5px;
    background: #000;
    color: #fff;
    border-radius: 50px;
    font-size: .9em;
    padding: 0 .3em 0;
    text-align: center;
    cursor: pointer
}

.remove_img_preview:before {
    content: "×"
}

.advrtz-form label {
    font-size: 1.1em;
    font-weight: normal !important
}

.date-select {
    background: url("../images/date-icon.png") no-repeat scroll right 10px center
}

.bootstrap-datetimepicker-widget td.active,
.bootstrap-datetimepicker-widget td.active:hover {
    background-color: #7DBD00 !important
}

.advrtz-section .top-heading-text {
    margin-top: 25px
}

.live-amount {
    background: #f0f0f0;
    font-size: 14px;
    font-family: Regular;
    padding: 10px 15px;
    border-radius: 5px;
    margin: 0 15px
}

.baner-link .Category-input-box-row {
    padding: 10px 10px 0 !important
}

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

    .sideMenu {
        overflow-y: auto;
        height: 100%
    }

    .live-amount {
        float: none !important;
        margin: 5px 15px 5px 0;
        display: inline-block
    }

    .advrt-header {
        width: 100%;
        display: inline-block
    }

    .resp-filter {
        padding-left: 0;
        padding-right: 0
    }

    ul.splited {
        padding: 0 5px;
        margin: 0 -10px
    }

    .insight-dropdown {
        height: 33px
    }
}

/*ul.sn-bar__inner-wrap li:last-child ul.dropdown-menu {
    left: -60px
}*/

ul.sn-bar__inner-wrap li:first-child>span>a {
    padding-left: 0
}

.imghoverproductlist:hover>.profile-listing-opacity-bg,
.imghoverproductlist:hover>.product_view .profile-listing-btn-cnt {
    display: block !important
}

.imghoverproductlist {
    height: 100%
}

.listingDotsHolder {
    height: 40px;
    width: 40px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 40px
}

.listingDotsPosition {
    display: none;
    position: absolute;
    bottom: 10px;
    right: 10px;
    cursor: pointer
}

.listingDotsPosition:hover .listingDotsHolder {
    background-color: rgba(0, 0, 0, .2);
    transition: .6s all
}

.listingDots {
    height: 6px;
    width: 6px;
    background: #fff;
    border-radius: 100%;
    margin: 2px 0
}

.listingProducts {
    display: none;
    margin: 10px;
    padding-right: 40px;
    position: absolute;
    bottom: 0;
    color: #fff
}

.dropdownf-position {
    top: 55px;
    right: 55px;
    z-index: 300
}

.imghoverproductlist:hover .listingDotsPosition {
    display: block
}

.imghoverproductlist:hover .listingProducts {
    display: block
}

.social-buttons-link span {
    padding: 5px
}

.product-image .day-count a:focus,
.product-image .day-count a:active {
    color: #fff !important
}

.skip-button {
    background: none;
    border: none;
    color: #fff;
    float: right
}

.video-responsive-fix {
    opacity: 0
}

.social-buttons-link {
    margin-top: 10px
}

.social-buttons-link span:first-child {
    padding-left: 0
}

.play-btn {
    position: absolute;
    right: 0;
    z-index: 10;
    top: 30px
}

.play-btn .ply-video {
    padding: 13px 10px;
    box-shadow: 0 0 3px #cacaca;
    background: #fff;
    border-radius: 5px;
    margin: 0 15px
}

.ply-video span {
    padding: 10px 10px 10px 55px;
    background: url("../images/youtube.png") no-repeat scroll center left
}

@media(max-width: 768px) {
    .modal-dialog {
        width: 100%
    }
}

.ad-fontsizer {
    font-size: 1.4rem;
    font-weight: normal;
    font-family: Regular !important
}

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

.advertise-us a {
    padding: 10px 15px;
    background-color: #7DBD00;
    color: #fff !important;
    border-radius: 5px;
}

.adtab-message {
    font-size: 1.25em;
    word-wrap: break-word;
    margin-bottom: 5px;
}

.badge {
    border-radius: 5px !important
}

.badge-success {
    color: #fff;
    background-color: #28a745 !important
}

.badge-danger {
    color: #fff;
    background-color: #dc3545 !important
}

.badge-info {
    color: #fff;
    background-color: #17a2b8 !important
}

.site-maintenance {
    margin: 50px 0;
    min-height: 100px
}

.site-maintenance .site-img {
    display: inline-block
}

.wrapper-class input[type=radio] {
    width: 15px
}

.wrapper-class label {
    display: inline;
    margin-left: 5px
}

.margin-right-15 {
    margin-right: 15px
}

.margin-right-25 {
    margin-right: 25px
}

.d-flex {
    display: flex
}

.flex-column {
    flex-direction: column
}

.no-hor-right {
    padding-right: 0px
}

.no-hor-left {
    padding-left: 0px
}

.sidebarToggler {
    background: url("../images/design/3-line.png");
    height: 25px;
    width: 25px;
    background-size: contain;
    cursor: pointer;
    margin-right: 15px;
    background-repeat: no-repeat;
    align-self: center
}

.sideMenu {

    height: 100%
}

.dropdown.main-mobile-menu .dropdown-menu {
    position: static;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%
}

.dropdown.main-mobile-menu .dropdown-menu li a {
    padding: 6px 15px 6px 65px;
    text-indent: 0
}

.classified-stuff-mob {
    background-color: #7DBD00;
    border-radius: 5px;
    color: #fff;
    float: left;
    padding: 10px;
    text-align: center;
    color: #fff !important
}

.classified-account,
.classified-exchange,
.classified-logout {
    background-color: #fff;
    border: 1px solid #e7edf2;
    border-radius: 5px;
    color: #222;
    float: left;
    padding: 10px;
    text-align: center;
    margin-top: 10px;
    color: #000 !important
}

.dropdown.main-mobile-menu.open .dropdown-submenu,
.dropdown.main-mobile-menu.open .dropdown-menu {
    -webkit-animation: slide-down3 .2s ease-out;
    -moz-animation: slide-down3 .2s ease-out
}

.close.push_right {
    font-size: 25px;
    opacity: .5;
    margin-right: 25px;
    font-family: initial
}

@media(min-width: 320px)and (max-width: 1023px) {
    .mobile-user-area {
        display: flex
    }

    /* .sidebar-nav {
        padding-bottom: 250px
    } */
}

@media(min-width: 320px)and (max-width: 767px) {
    #exchange-modal {
        padding: 0 15px !important;
    }

    #exchange-modal .exchange-product-grid {
        width: 50% !important;
    }

    .classified-header-message {
        margin-top: 0px !important
    }

    .classified-header-har-line {
        display: none !important
    }
}

.classified-header-nav.dropdown,
#page-content-wrapper {
    display: none
}

.respSell {
    padding: 10px 20px 10px 45px;
    background: url("../images/camera.png") no-repeat 20px 12px;
    background-color: #7DBD00 !important;
    position: fixed;
    bottom: 5%;
    left: 50%;
    transform: translate(-50%, 0);
    color: #fff;
    z-index: 10;
    border-radius: 20px;
    font-family: Bold;
    cursor: pointer;
    cursor: pointer
}

@media(min-width: 767px) {
    .respSell {
        display: none !important
    }
}

.for-sale-heading::after {
    content: "";
    right: 0px;
    position: absolute;
    font: normal normal normal 14px/1 FontAwesome;
    color: #8e8e8e;
    font-size: 10px;
    margin-top: 3px
}

.filters-list {
    width: 100%;
    display: none
}

.filters-title {
    width: 100%;
    cursor: pointer
}

.filter-btn a {
    font-size: 16px;
    text-align: center;
    border: 1px solid #e4e4e4;
    margin: 22px 0px 0px;
    padding: 12px 15px;
    background: #fff;
    display: block;
    border-radius: 5px
}

.resp-filter-menu {
    padding: 5px 20px
}

.productfileters .categories-menu-list.categories-list {
    padding: 8px 0px
}

#map_canvas {
    background: #f6f5f7
}

.categories>.grid>.categories-list>ul>li a {
    font-size: 16px !important
}

.classified-mobile-Category-catgr {
    /* background: #7DBD00; */
    background: #1D1D1F;
    line-height: 64px;
    color: #fff
}

.classified-mobile-Category-catgr button {
    color: #fff !important;
    text-shadow: none;
    opacity: 1 !important
}

div.childlevelattr {
    margin-top: 12px
}

.for-sale-heading {
    color: #222;
    font-size: 14px;
    font-family: bold
}

#products .checkbox.checkbox-primary input {
    width: 100%
}

.carousel-inner.product-img {
    height: auto;
    justify-content: center;
    align-items: center
}

#items-selector {
    padding: 8px;
    border: 1px solid #f4f4f4;
    margin: 10px 0px
}

.pushbar.opened body::-webkit-scrollbar {
    display: none
}

.bg_img {
    padding-bottom: 20.8%;
    background: #fff;
    height: 0;
    position: relative
}

@media(max-width: 1023px) {
    .wholeContainerResp {
        padding: 0
    }
}


/*# sourceMappingURL=style.css.map */

.filterTags {
    display: flex;
    flex-wrap: wrap;
    padding: 20px 25px 0px;
}

.tagParent {
    padding: 0px 0px 0px 15px;
    background: #7DBD00;
    color: #fff;
    font-family: Bold;
    border-radius: 5px;
    margin: 20px 10px 0px 0px;
    display: flex;
}

.tagContent {
    align-self: center;
}

.tagCloser {
    padding: 7px 10px;
    cursor: pointer;
    align-self: center;
}

#filterTags {
    display: flex;
    flex-wrap: wrap;
    padding: 0px 25px 0px;
}

#advancefilter {
    display: flex;
    flex-wrap: wrap;
}

.advancedsearchlist .jslider-label {
    display: none !important;
}

#Filter-modal .advancedsearchlist .filter-align .layout-slider {
    padding: 0;
    padding-bottom: 0px;
    padding-bottom: 15px;
}

#Filter-modal .adv_filtr_start {
    position: absolute;
    bottom: 8px;
    padding-bottom: 0;
    left: -2px;
}


#Filter-modal .adv_filtr_end {
    position: absolute;
    right: 0;
    bottom: 8px;
}

.adv_filtr_start {
    font-size: 14px;
    line-height: 12px;
    color: #000;
    opacity: .4;
    white-space: nowrap;
    padding: 3px 2px;
}

.adv_filtr_end {
    font-size: 14px;
    line-height: 12px;
    color: #000;
    opacity: .4;
    white-space: nowrap;
    padding: 0px 2px;
}

.for-sale-heading {
    word-break: break-all;
}

#products .item.categories h4 {
    border-bottom: 1px solid #e7edf2;
    padding-bottom: 10px;
}

#searchsubmit input {
    border: none !important;
}

@media only screen and (max-width: 600px) {
    .bt-modal-body {
        margin: 0 !important;
    }

    .bt-modal-frame {
        width: auto !important;
    }

    .bt-modal-body iframe {
        min-height: .01%;
        overflow-x: auto;
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }
}

#searchsubmit input {
    color: #fff;
    text-align: center;
    width: 100%;
    padding: 10px 4px;
    border-radius: 3px;
    margin-bottom: 10px;
    border-bottom: none;
}

#address-book .chat-with-seller-text {
    font-size: 16px;
}

.categories .grid .categories-list ul li {
    padding-bottom: 7px;
}

.advancedsearchlist .categories-list li {
    padding-bottom: 0 !important;
}

#products .categories-list ul li a {
    text-align: center;
    width: 100%;
    padding: 4px;
    border-radius: 3px;
    margin-top: 20px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.advancedsearchlist .checkbox {
    margin-top: -5px;
}

.notification-row {
    padding-top: 15px;
    padding-bottom: 15px;
}

@media(min-width: 320px)and (max-width: 1023px) {
    #searchsubmit {
        display: none;
    }
}

.mob-cat {
    padding: 0px !important;
}

#searchsubmitmob input {
    color: #fff !important;
    text-align: center;
    width: 100%;
    padding: 10px 4px;
    border-radius: 3px;
    margin-top: 20px;
    border: none;
    background-color: #7DBD00;
}

.pushbar.from_left {
    min-height: 90vh !important;
}

/*.sidebar-nav {
    padding-bottom: 390px !important;
}*/
#products-form #Products_description {
    width: 100%;
}

.advancedsearchlist .filters-list ul li {
    padding-bottom: 0px;
}

/* .banner-image .slick-container .slick-slider {
    margin-bottom: 0 !important;
} */
@media(min-width: 1199px) {
    .pro-hor-padding {
        padding-left: 0;
        padding-right: 0;
    }

    .sidebarToggler {
        display: none;
    }

    .filter-modal-btn,
    .mobcat,
    #Filter-modal::before {
        display: none
    }

    #Filter-modal {
        z-index: 000;
        display: block !important;
        opacity: 1 !important;
        position: inherit !important;
    }

    #Filter-modal .modal-content {
        box-shadow: none !important;
    }

    #Filter-modal .modal.fade .modal-dialog {
        transition: unset !important;
    }

    #Filter-modal .modal.in .modal-dialog {
        -webkit-transform: unset !important;
        -o-transform: unset !important;
        transform: unset !important;
    }

    #Filter-modal .modal-dialog {
        width: auto !important;
        display: block !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    #Filter-modal .modal-dialog {
        -webkit-transition: unset !important;
        -o-transition: unset !important;
        transition: unset !important;
        -webkit-transform: unset !important;
        -o-transform: unset !important;
        transform: unset !important;
    }

    #Filter-modal .modal-header {
        display: none !important;
    }

    #Filter-modal .modal-body {
        padding: 0 !important;
    }

    #Filter-modal .modal-content {
        border: none;
        background-color: transparent;
    }
}

@media(max-width: 1198px) {
    .categories-list {
        padding-top: 0;
    }

    .item.categories {
        display: block !important;
    }

    #Filter-modal .modal-header {
        border-bottom: none;
    }

    #Filter-modal .modal-header .close {
        margin-top: 0;
        font-size: 34px;
        padding-right: 10px;
        padding-top: 10px;
    }

    #Filter-modal .for-sale-heading.filters-title {
        text-decoration: none;
    }

    #Filter-modal .modal-content {
        margin: 10px;
    }

    .filter-modal-btn {
        font-size: 16px;
        text-align: center;
        border: 1px solid #e4e4e4;
        padding: 12px 15px;
        background: #fff;
        display: block;
        border-radius: 5px;
        color: #7DBD00;
        width: 100%;
        letter-spacing: 0 !important;
    }

    .filter-modal-btn.applied {
        color: #fff;
        background: #7DBD00;
    }

    .filter-modal-btn:hover,
    .filter-modal-btn:focus {
        color: #7DBD00;
        background: #fff;
    }

    /*.filter-options {
    padding:0 15px
}*/
    .filter-btn {
        display: none;
    }

    #Filter-modal #searchsubmit {
        display: block;
    }

    #Filter-modal .modal-body {
        padding-top: 0 !important;
    }
}



@media(max-width: 1024px) {
    #back2Top {
        top: 80px;
    }

    .product-left-container {
        padding-bottom: 5px;
    }

    /* 
 .sidebar-nav {
        padding-bottom: 390px !important;
    } */
}

.head-tooltip::after {
    left: -200% !important;
}

@media(min-width: 320px)and (max-width: 533px) {
    .verified-txt {

        width: 90%;
    }
}

.checkbox.checkbox-primary {
    margin-top: 0;
}

.profile-tab-content {
    min-height: 582px !important;
}

.classified-menu nav {
    position: fixed;
}

/* calendar design style */
#ui-datepicker-div .ui-datepicker-header.ui-widget-header {
    background-color: transparent;
    border: none;
}

#ui-datepicker-div table thead tr th span {
    font-size: 15px;
    font-weight: bold;
    color: #484848;
}

#ui-datepicker-div table tbody tr td a,
#ui-datepicker-div table tbody tr td span {
    font-size: 15px;
    font-weight: bold;
    background-color: transparent;
    border: none !important;
    text-align: center !important;
}

#ui-datepicker-div table tbody tr td .ui-state-highlight,
.ui-widget-content .ui-state-highlight {
    border: transparent !important;
    background: #7DBD00 !important;
    color: #fff !important;
    border-radius: 3px !important;
}

#Filter-modal .jslider-value.jslider-value-to {
    margin-left: -20px !important;
}

.InnerSliderPriceCol {
    padding-right: 10px !important;
    padding-left: 5px !important;
}

#products-form .loading {
    top: 100px !important;
}

/* 07.08.2019 */
.jslider-value.jslider-value-to::after {
    border-top: solid 4px #7DBD00 !important;
    border-left: solid 4px transparent !important;
    border-right: solid 4px transparent !important;
}

.jslider .jslider-value {
    padding: 4px 4px 4px 4px !important;
}

/* .container-fluid.wholeContainerResp{padding:0;} */

.tab-section-tabs>li>a:hover,
ul.tab-section-tabs>li.active>a,
.tab-section-tabs>li>a {
    padding: 10px 10px !important;
}

.filter-options .grid>.categories-list>span {
    color: #7DBD00;
}

.banner-image .swiper-slide img {
    width: 100%
}

.banner-image .swiper-pagination-bullet-active {
    background: #7DBD00 !important;
}

.banner-image .swiper-pagination-bullet {
    background: #fff;
    opacity: 1;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.6) !important;
}

@media(max-width: 1023px) {
    #Filter-modal .advancedsearchlist .filter-align .layout-slider {
        width: 100% !important;
    }
}


@media(min-width: 1024px)and (max-width: 1200px) {
    .resp-width-slider {
        width: 100% !important;
    }

    /* .sidebar-nav {
        padding-bottom: 250px
    } */
}

@media(min-width: 1024px) {
    .sidemenu-insight #sideshow.sidebar.sticky.fixed {
        top: 140px !important;

    }
}

.filters-resp-title {
    margin-top: 0px;
    font-size: 16px;
    padding-left: 10px;
    padding-top: 10px;
    /*! float: right; */
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
    position: absolute;
}

.chat-layout {
    min-height: unset !important;
}

/*.filter-options .for-sale-heading::after {
    top: 14px;
}*/

#products .filter-options .categories-list ul li a {
    font-size: 16px;
}

.filter-options .for-sale-heading {
    padding-right: 20px;
}

.recently-viewed .product-padding {
    padding: 10px;
}

.conversation-text {
    word-break: break-word !important;
}

.advt-btn {
    float: left;
}

.analytics-codes {
    position: absolute;
    top: -9999px;
    left: -9999px;
}


dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    color: #262626;
    text-decoration: none;
}


.justify-content-around {
    justify-content: space-around !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.align-items-center {
    align-items: center !important;
}


/* 
.sn-bar__inner-wrap li ul.sn-bar__dropdown.dropdown-menu.classified-dropdown-submenu {
    width: 100%;
    min-width: 200px;
} */


#sn-bar__inner-wrap li {
    display: block;
    position: relative;
}

#sn-bar__inner-wrap li a {

    text-decoration: none;
    min-width: 170px;
    /*this is the width of the menu items */
    /*line-height:35px;this is the hieght of the menu items */
    color: #7DBD00;
    /* list item font color */
}


/* #sn-bar__inner-wrap li li a {font-size:80%;}  smaller font size for sub menu items */
#sn-bar__inner-wrap li:hover {
    color: #7DBD00;
}

/* highlights current hovered list item and the parent list items when hovering over sub menues */

#sn-bar__inner-wrap li:hover ul ul {
    display: none;
}

/* hides sub-sublists */
#sn-bar__inner-wrap li:hover ul {
    display: block;
}

/* shows sublist on hover */
#sn-bar__inner-wrap li li:hover ul {
    display: block;
    /* shows sub-sublist on hover */
    margin-left: 180px;
    /*  this should be the same width as the parent list item */
    margin-top: -25px;
    /* aligns top of sub menu with top of list item */

}

.subcate {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.listsubmenu {
    width: 100%;
}



/*.dropdown-submenu {
    position: relative;
}*/

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
}


.mainmenu a {
    display: block;
    text-decoration: none;
    padding: 10px;
    color: #000;
}

.mainmenu a:hover {
    background-color: #7DBD00;
}



.mainmenu li:hover .submenu {
    display: block;
    max-height: 200px;
}



.submenu a {
    background-color: #fff;

}

.submenu a:hover {
    background-color: #fff;
}


.submenu {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: all 0.5s ease-out;
    margin-left: 2rem;
}



.downarrow {

    background-image: url(../images/down-arrow-black.png);
    height: 14px;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    background-position: top right;
    min-height: 15px;
    align-items: center;
    margin: 10px 0;

}

#sn-bar__inner-wrap li {
    display: block;
    position: relative;
}

#sn-bar__inner-wrap li a {

    text-decoration: none;
    min-width: 170px;
    /* this is the width of the menu items */
    /*line-height:35px;*/
    color: #7DBD00;
    /* list item font color */
}



#sn-bar__inner-wrap li:hover {
    color: #7DBD00;
}


#sn-bar__inner-wrap ul {
    position: absolute;
    padding: 0;
    /* left:0; */
    display: none;
    /* hides sublists */
}

#sn-bar__inner-wrap li:hover ul ul {
    display: none;
}

/* hides sub-sublists */
#sn-bar__inner-wrap li:hover ul {
    display: block;
}

/* shows sublist on hover */
#sn-bar__inner-wrap li li:hover ul {
    display: block;
    /* shows sub-sublist on hover */
    margin-left: 180px;
    /*  this should be the same width as the parent list item */
    margin-top: -25px;
    /* aligns top of sub menu with top of list item */

}

/*li:last-child  li:hover ul {

    display: block;
    margin-left: -175px !important;
    margin-top: -25px;

}


    li:last-child.sn-bar__item div
        {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center;
    }

ul.sn-bar__inner-wrap li:last-child ul.dropdown-menu {
    left: -25px !important;
}
    li:last-child .fa.fa-caret-right.arrow_cart {

        transform: rotate(180deg);
    
    }*/
#sn-bar__outer-wrap li:last-child {
    width: 25%;
}


.jslider .jslider-label {
    display: none !important;
}

#reversedRange {
    direction: rtl;
}

.ranges_values {
    display: flex;
    justify-content: center;
    position: relative;
    top: 10px;
    color: #7DBD00;
}


/* .jslider-value.jslider-value-to {
    display: none !important;
} */


.SliderPriceCol .jslider-value {
    display: none !important;
}

menu-dropdown {

    position: relative;
    top: 0;
}




.menu-dropdown input[type="checkbox"] {
    position: absolute;
    right: 25px;
    top: 10px;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 41px;
}


.below_menu {
    position: relative;
}

.below_menu input[type="checkbox"] {
    position: absolute;
    right: 25px;
    top: 0px;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 41px;
}

.sub-menu-dropdown {
    display: none;
}

.sub-menu-dropdown li a:hover {
    background-color: #f4f4f4;
}

.downarrow .angle-down {
    transform: rotate(0deg) !important;
}

.sub-menu-checkbox:checked+ul.sub-menu-dropdown {
    display: block !important;
    -webkit-animation: grow .45s cubic-bezier(0.77, 0, 0.175, 1);
    animation: grow .45s cubic-bezier(0.77, 0, 0.175, 1);
}

.submenu-dropdown input[type="checkbox"] {
    position: absolute;
    right: 0px;
    top: 0px;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 21px;
}

.submenu-dropdown .menu-hasdropdown {
    padding: 0px !important;
}

.drop-menu-dropdown {
    display: none;
}

.drop-menu-dropdown li {
    padding: 3px 0 !important;
}

.drop-menu-checkbox:checked+ul.drop-menu-dropdown {
    display: block !important;
    -webkit-animation: grow .45s cubic-bezier(0.77, 0, 0.175, 1);
    animation: grow .45s cubic-bezier(0.77, 0, 0.175, 1);
}

.forsub-sale-heading::after {
    content: "";
    right: 0px;
    position: absolute;
    font: normal normal normal 14px/1 FontAwesome;
    color: #8e8e8e;
    font-size: 10px;
    margin-top: 3px
}

.forsub-sale-heading {
    font-size: 16px;
    padding: 4px;
}

/*adsense css start*/
.adscontents-footer {
    margin-left: 20px;
    margin-top: 30px;
}

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

    #topbanner-ads-footer {
        margin-left: 0px !important;
        text-align: center;
    }

    .adscontents-footer {
        margin-left: 50px;
        margin-top: 30px;
    }
}



@media (min-width:768px) and (max-width:1200px) {
    #topbanner-ads {
        margin-left: 20px !important;
    }

    .adscontents-footer {
        margin-left: 65px;
        margin-top: 30px;
    }

}

@media (min-width:1201px) {
    #topbanner-ads {
        margin-left: 20px !important;
    }

    .adscontents-footer {
        margin-left: 65px;
        margin-top: 30px;


    }

}

#topbanner-ads {
    text-align: center;
    margin-left: 110px;
}

#topbanner-ads-footer {
    text-align: center;
    margin-left: 0px;
}

.adscontents ins {
    width: 100% !important;
}

.adscontents ins ins {
    width: 100% !important;
}

.adscontents ins ins ins {
    width: 100% !important;
}

.adscontents-footer ins {
    width: 100% !important;
}

.adscontents-footer ins ins {
    width: 100% !important;
}

.adscontents-footer ins ins ins {
    width: 100% !important;
}

/*adsense css ends */
/* Addons sryle start */
#Soldmodal .modal-body,
#planModal .modal-body {
    max-height: 300px;
    /*overflow-y: auto;*/
}

.align-self-center {
    align-self: center;
}

.justifi-content-between {
    justify-content: space-between;
}

.mb-0 {
    margin-bottom: 0
}

.mb-15 {
    margin-bottom: 15px
}

.ml-2 {
    margin-left: 10px
}

.greenTxt {
    color: green
}

.redTxt {
    color: red
}

.orangeTxt {
    color: orange
}

#write-review-modal .col-lg-12.d-flex {
    padding: 10px;
}

#write-review-modal img {
    width: 50px;
}

#write-review-modal p {
    font-size: 16px;
    margin-bottom: 3px !important;
    padding-left: 15px;
}

#write-review-modal p span {
    color: #7DBD00;
}

.vertical-divider {
    background-color: #f4f4f4;
    float: left;
    height: 40px;
    width: 1px;
}

.avalible {
    padding: 8px 0 0 0;
}

@media(max-width: 575px) {
    .col-xs-6 {
        width: 50%;
    }

    #planModal .edit-btn {
        float: right !important;
    }

    #planModal .modal-footer a {
        margin-bottom: 10px !important;

    }

    #write-review-modal,
    #Soldmodal {
        margin: 0 15px;
    }

    #Soldmodal .modal-footer div {
        flex-direction: column;
    }

    #Soldmodal .modal-footer div a:first-child {
        margin-bottom: 15px;
    }
}


#planModal .modal-header,
#Soldmodal .modal-header,
#write-review-modal .modal-header {
    background-color: #444;
    color: #fff;
    text-align: center;
    padding: 10px;
}

#planModal .close,
#Soldmodal .close,
#write-review-modal .close {
    color: #8e8e8e;
    opacity: 1;
    font-size: 25px;
}

#planModal .subTitle {
    font-size: 18px;
}

#planModal .tab-radio-button {
    padding: 15px !important;
}

#planModal .tab-radio-button {
    text-align: center;
    border: 1px solid #cdcdcd;
    margin-bottom: 20px;
}

#planModal .plans {
    padding-top: 20px;
}

#planModal .period {
    margin-top: 10px;
    font-size: 16px;
    margin-bottom: 15px;
}

#planModal .price {
    background-color: #e30045;
    font-size: 16px;
    color: #ffffff;
    padding: 7px 15px;
    border-radius: 5px;
}

#planModal .post {
    color: #e30045;
    font-size: 16px;
    margin-top: 15px;
}

#planModal .radio {
    margin-top: 0;
}

#planModal .checkround,
#Soldmodal .checkround {
    position: absolute;
    top: 6px;
    left: 50%;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-color: #e4e4e4;
    border-style: solid;
    border-width: 2px;
    border-radius: 50%;
    transform: translate(-50%, 0);
}

#planModal .radio .checkround::after,
#Soldmodal .radio .checkround::after {
    left: 2px;
    top: 2px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #e30045;
}

#planModal .radio input:checked~.checkround::after,
#Soldmodal .radio input:checked~.checkround::after {
    display: block;
}

#planModal .checkround::after,
#Soldmodal .checkround::after {
    content: "";
    position: absolute;
    display: none;
}

#planModal .radio input,
#Soldmodal .radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

#planModal .modal-footer a {
    margin: 0 10px 0 0;
}

#Soldmodal .content {
    align-self: center;
    padding-left: 15px;
}

#Soldmodal img {
    width: 50px
}

#Soldmodal .content .name {
    font-size: 16px;
    font-family: Bold;
    margin-bottom: 5px;
}

#Soldmodal .content .address,
#Soldmodal .modal-footer a,
#planModal .modal-footer a,
#write-review-modal .review-btn,
#write-review-modal .Category-input-box-heading {
    font-size: 16px;
}

#Soldmodal .modal-footer a {
    width: 100%;
    margin-top: 0;
}

/* Addons sryle end */

/* hot fixes  */
.promoteListing .modal-header-text {
    margin-left: auto;
    width: 100%;
    text-align: center;
}

.promoteListing .login-header-text {
    float: unset;
    width: 100%;
}

.promoteListing {
    display: flex;
}

.promoteListing .modal-header-text {
    margin-left: auto !important;
}

@media (max-width:360px) {

    #customButton1,
    .brainTree {
        width: 100%;
        margin: auto;
    }

    .promotion-cancel {
        width: 100%;
    }
}

.firebaseui-page-provider-sign-in {
    max-width: 200px !important;
}

.firebaseui-card-content {
    padding: 0 !important;
}

.firebaseui-idp-button {
    max-width: 100%;
}

@media (max-width:767px) {
    .classified-create-btn {
        margin-top: 10px;
    }

    #Filter-modal .modal-content {
        max-height: 550px;
        overflow: auto;
    }
}

.upto {
    color: #000;
    font-size: 14px;
    padding-bottom: 15px;
}

.sale-initiate-date {
    padding-right: 5px;
}

.exchange-history-list-left>a {
    white-space: nowrap;
}

/* .dropdown-submenu li a{
    white-space: normal;
} */
@media (min-width: 480px) {
    .sn-bar__inner-wrap {
        overflow-x: hidden !important;
    }
}

.paddingLeft {
    padding-left: 0 !important;
}

.paddingRight {
    padding-right: 0 !important;
}

.nowrap {
    white-space: nowrap;
}

.packPrice {
    float: unset !important;
    display: block;
    margin: auto;
    max-width: 100px;
    text-align: center;
}

.classified-header-profile .dropdown-menu {
    max-width: 190px;
}

.classified-header-profile .dropdown-submenu li a {
    text-overflow: ellipsis;
    overflow: hidden;
}

@media (min-width:992px) {
    .classified-footer-head {
        padding-bottom: 30px;
        padding-top: 30px
            /* padding-top: 40px */
    }
}

@media (max-width:991px) {
    .classified-footer-head {
        padding-bottom: 15px;
        padding-top: 30px
            /* padding-top: 40px */
    }
}

.add-photos-heading {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.direc {
    margin-right: 10px;
}

.classified-acc-order-btn-cnt .classified-acc-order-btn {
    margin-bottom: 20px;
}

.mapboxgl-ctrl-geocoder {
    transition-delay: 10000s;
}

#temp_inputbox_id {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}

#temp_inputbox {
    border: none;
    border-radius: 0;
}

.map-input-section {
    position: relative;
}

@media (max-width:380px) {
    .totalOrder {
        float: left !important;
        padding-left: 10px;
    }
}

.msg_menu_pos {
    display: flex;
    align-items: center;
}

.geocoder {
    right: 20px !important;
    left: 20px !important;
    width: auto !important;
    margin-left: unset !important;
}

.classified-acc-addr-cont .classified-acc-addr-cnt {
    box-shadow: 0 0 0 3px #7DBD00 inset !important;
}

.rc-anchor-normal {
    max-width: 250px;
}

.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
.mdl-textfield--floating-label.is-focused .mdl-textfield__label {
    top: -6px !important;
}

.mdl-textfield--floating-label .mdl-textfield__label {
    padding-left: 10px;
    margin-top: 6px;
}

.mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--icon {
    display: none !important;
}

#rc-anchor-alert {
    position: unset !important;
}

#collapse2 .classified-acc-order-btn-cnt .classified-acc-order-btn {
    display: flex !important;
    align-items: center !important;
}

.phoneLogin img {
    width: 36px;
    height: 36px;
}

.mapboxgl-ctrl-group {
    position: absolute;
    bottom: -454px;
    right: 5px;
}

/*  .mapboxgl-user-location-dot::before{
      content: none !important;
      background-color: transparent !important;
      box-shadow: none !important;
      border: 2px solid transparent !important;
  }
  .mapboxgl-user-location-dot::after{
    box-shadow: none !important;
    border: 2px solid transparent !important;
}
  .mapboxgl-user-location-dot{
      background-color: transparent !important;
  }*/
.cke_top {
    display: none !important
}

.amtItem {
    display: flex;
    align-items: center;
}

.amtSpan {
    padding-right: 5px;
}

.header_bg_color {
    background-color: html {
        overflow-x: hidden;
        width: 100%;
        height: 100%
    }

    body {
        background-color: #f6f5f7;
        font-family: Regular !important;
        -webkit-font-smoothing: antialiased;
        font-size: 1.4rem;
        width: 100%;
        height: 100%;
        color: #222;
        padding-right: 0px !important;
        -webkit-font-smoothing: antialiased
    }

    a {
        text-decoration: none !important
    }

    .ui-autocomplete .ui-front .ui-menu .ui-widget .ui-widget-content .ui-corner-all {
        display: block !important;
        top: 52px !important;
        left: 225px !important;
        width: 412px !important
    }

    ul {
        list-style-type: none;
        padding: 0px;
        margin: 0px
    }

    .clear {
        clear: both
    }

    .no-hor-padding {
        padding-left: 0px;
        padding-right: 0px
    }

    .container-cus {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto
    }

    #trackingdetails-form {
        float: left;
        width: 100%
    }

    .navbar-nav>li>a {
        font-style: normal !important
    }

    .regular-font {
        font-family: Regular
    }

    .bold {
        font-family: Bold
    }

    .primary-bg-color {
        background-color: #7DBD00
    }

    .secondary-bg-color {
        background-color: #f6f5f7
    }

    .primary-txt-color {
        color: #222
    }

    .secondary-txt-color {
        color: #8e8e8e
    }

    .txt-white-color {
        color: #fff
    }

    .txt-pink-color,
    .txt-pink-color:hover,
    .txt-pink-color:focus {
        color: #7DBD00
    }

    .g-color {
        color: #7DBD00 !important
    }

    .gray {
        color: #b9c3cc !important
    }

    .text-align-right {
        text-align: right
    }

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

    .padding-right-10 {
        padding-right: 10px
    }

    .padding-left-10 {
        padding-left: 10px
    }

    .padding-bottom-0 {
        padding-bottom: 0px !important
    }

    .padding-bottom-5 {
        padding-bottom: 5px
    }

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

    .padding-top-0 {
        padding-top: 0px !important
    }

    .padding-top-5 {
        padding-top: 5px !important
    }

    .padding-top-10 {
        padding-top: 10px !important
    }

    .padding-top-20 {
        padding-top: 20px !important
    }

    .margin-top-10 {
        margin-top: 10px
    }

    .margin-top-20 {
        margin-top: 20px
    }

    .margin-top-15 {
        margin-top: 15px
    }

    .margin-bottom-0 {
        margin-bottom: 0px !important
    }

    .margin-left-20 {
        margin-left: 20px
    }

    .display-flex {
        display: flex !important
    }

    .border-radius-0 {
        border-radius: 0px
    }

    .border-radius-5 {
        border-radius: 5px
    }

    .boreder-btm {
        border-top: 1px solid #e7edf2 !important;
    }

    option {
        padding: 10px 15px;
        background-color: #222;
        color: #fff;
        border: none;
        box-shadow: none;
        -moz-appearance: none;
        -webkit-appearance: none
    }

    option:hover {
        background-color: #222 !important;
        -moz-appearance: none;
        -webkit-appearance: none;
        color: #fff;
        border: none;
        box-shadow: none
    }

    @font-face {
        font-family: Regular;
        src: url("fonts/Regular.ttf");
        font-weight: normal;
        font-style: normal
    }

    @font-face {
        font-family: Bold;
        src: url("fonts/Bold.ttf");
        font-weight: normal;
        font-style: normal
    }

    @font-face {
        font-family: FontAwesome;
        src: url("../font-awesome-4.1.0/fonts/fontawesome-webfont.ttf");
        font-weight: normal;
        font-style: normal
    }

    .tick-icon {
        background: #7DBD00;
        height: 20px;
        width: 20px;
        padding: 3px;
        border-radius: 50%;
        color: #fff;
        font-size: 10px
    }

    .fa {
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .fa-check:before {
        content: ""
    }

    .checkbox input[type=checkbox] {
        cursor: pointer;
        opacity: 0;
        z-index: 1;
        position: absolute;
        left: 0px;
        outline: none !important
    }

    .checkbox label {
        display: block;
        padding-top: 2px;
        padding-left: 25px;
        position: relative;
        font-size: 16px
    }

    .checkbox-primary input[type=checkbox]:checked+label::before {
        background-color: #7DBD00;
        border-color: #7DBD00
    }

    .checkbox label::before {
        -o-transition: .3s ease-in-out;
        -webkit-transition: .3s ease-in-out;
        background-color: #fff;
        border-radius: 1px;
        border: 1px solid #dbdbdb;
        border-top-color: #dbdbdb;
        border-right-color: #dbdbdb;
        border-bottom-color: #dbdbdb;
        border-left-color: #dbdbdb;
        content: "";
        display: inline-block;
        height: 17px;
        left: 20px;
        top: 3px;
        margin-left: -20px;
        position: absolute;
        transition: .3s ease-in-out;
        width: 17px;
        outline: none !important;
        border-radius: 5px
    }

    .checkbox-primary input[type=checkbox]:checked+label::after {
        color: #fff
    }

    .checkbox input[type=checkbox]:checked+label::after {
        content: "";
        font-family: "FontAwesome";
        display: inline-block
    }

    .checkbox label::after {
        color: #7DBD00;
        display: inline-block;
        font-size: 10px;
        height: 16px;
        left: 0;
        margin-left: 0px;
        padding-left: 4px;
        padding-top: 2px;
        position: absolute;
        top: 3px;
        width: 16px
    }

    .modal {
        text-align: center;
        padding: 0 !important
    }

    .modal:before {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px
    }

    .modal-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
        margin: 20px auto
    }

    .classified-header {
        border-radius: 0 !important;
        height: 64px;
        position: fixed;
        width: 100%;
        z-index: 1002
    }

    .search-for-location {
        padding-right: 5px !important
    }

    .search-for-location-icon {
        background: url("../images/location.png") no-repeat 10px 12px !important;
        height: 16px;
        width: 16px
    }

    .classified-header-bar {
        padding-top: 12px;
        padding-bottom: 12px;
        margin: 0px !important;
        background-color: #1D1D1F !important;
    }

    .classified-search-icon {
        background: url("../images/search.png") no-repeat 10px 12px !important;
        height: 16px;
        width: 16px
    }

    .search-for-location input {
        border-top-left-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important;
        padding: 0px 10px 0px 35px !important;
        background-color: #fff !important;
        height: 40px;
        color: #222 !important;
        width: 100%;
        border: 1px solid #fff !important
    }

    .classified-search-bar input {
        background-color: #fff !important;
        height: 40px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        border-top-right-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
        color: #222 !important;
        width: 100%;
        padding-left: 35px;
        border-right: 1px solid #e9e9e9;
        border-color: #e9e9e9 !important
    }

    .classified-header-nav {
        display: none
    }

    .classified-search-bar-mobile {
        display: none !important
    }

    .classified-logo {
        text-align: center;
        display: inline-block
    }

    .classified-logo img {
        height: 40px;
        width: auto
    }

    .navbar-nav a {
        color: #fff !important
    }

    .classified-header-bar .classified-user-nav {
        padding-right: 0
    }

    .classified-user-nav {
        float: right
    }

    .classified-header-login {
        padding-right: 20px !important;
        padding-top: 10px;
        padding-left: 20px
    }

    .classified-header-signup {
        padding-top: 10px
    }

    .classified-header-stuff {
        margin-top: 4px;
        /* border: 1px solid white; */
        border: 1px solid #7DBD00;
        background-color: #7DBD00;
        height: auto;
        padding: 6px 10px 6px 15px;
        text-align: center;
        width: auto
    }

    .classified-header-stuff a {
        padding-left: 22px
    }

    .classified-header-stuff a:active,
    .classified-header-stuff a:focus,
    .classified-header-stuff a:visited {
        color: #fff !important
    }

    .classified-camera-icon {
        background: url("../images/camera.png") no-repeat 15px 8px;
        height: 16px;
        padding-left: 5px;
        padding-right: 5px
    }

    #menu-toggle {
        display: none
    }

    .classified-loader {
        padding-left: 0em;
        padding-right: 0em;
        margin: auto;
        width: 95px;
        margin: 40px auto 72px auto;
        display: none
    }

    .cssload-loader {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        margin: 1em;
        display: inline-block;
        position: relative;
        vertical-align: middle
    }

    .cssload-loader {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        margin: 1em;
        display: inline-block;
        position: relative;
        vertical-align: middle
    }

    .cssload-loader,
    .cssload-loader:before,
    .cssload-loader:after {
        animation: 1.15s infinite ease-in-out;
        -o-animation: 1.15s infinite ease-in-out;
        -ms-animation: 1.15s infinite ease-in-out;
        -webkit-animation: 1.15s infinite ease-in-out;
        -moz-animation: 1.15s infinite ease-in-out
    }

    .cssload-loader:before,
    .cssload-loader:after {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        position: absolute;
        top: 0;
        left: 0
    }

    .cssload-loader:before,
    .cssload-loader:after {
        content: ""
    }

    .cssload-loader:before,
    .cssload-loader:after {
        content: "";
        background-color: #7DBD00;
        transform: scale(0);
        -o-transform: scale(0);
        -ms-transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        animation: cssload-animation 1.73s infinite ease-in-out;
        -o-animation: cssload-animation 1.73s infinite ease-in-out;
        -ms-animation: cssload-animation 1.73s infinite ease-in-out;
        -webkit-animation: cssload-animation 1.73s infinite ease-in-out;
        -moz-animation: cssload-animation 1.73s infinite ease-in-out
    }

    .cssload-loader:after {
        animation-delay: .86s;
        -o-animation-delay: .86s;
        -ms-animation-delay: .86s;
        -webkit-animation-delay: .86s;
        -moz-animation-delay: .86s
    }

    @keyframes cssload-animation {
        0% {
            transform: translateX(-100%) scale(0)
        }

        50% {
            transform: translateX(0%) scale(1)
        }

        100% {
            transform: translateX(100%) scale(0)
        }
    }

    @-o-keyframes cssload-animation {
        0% {
            -o-transform: translateX(-100%) scale(0)
        }

        50% {
            -o-transform: translateX(0%) scale(1)
        }

        100% {
            -o-transform: translateX(100%) scale(0)
        }
    }

    @-ms-keyframes cssload-animation {
        0% {
            -ms-transform: translateX(-100%) scale(0)
        }

        50% {
            -ms-transform: translateX(0%) scale(1)
        }

        100% {
            -ms-transform: translateX(100%) scale(0)
        }
    }

    @-webkit-keyframes cssload-animation {
        0% {
            -webkit-transform: translateX(-100%) scale(0)
        }

        50% {
            -webkit-transform: translateX(0%) scale(1)
        }

        100% {
            -webkit-transform: translateX(100%) scale(0)
        }
    }

    @-moz-keyframes cssload-animation {
        0% {
            -moz-transform: translateX(-100%) scale(0)
        }

        50% {
            -moz-transform: translateX(0%) scale(1)
        }

        100% {
            -moz-transform: translateX(100%) scale(0)
        }
    }

    .sticky-header-dropdown {
        float: left;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        max-height: 400px;
        height: auto;
        overflow-y: auto
    }

    .classified-header-nav>ul.sticky-header-dropdown>li {
        float: left;
        width: 100%;
        padding: 5px
    }

    .classified-header-nav>ul.sticky-header-dropdown>li>a {
        float: left;
        padding: 10px 55px;
        width: 100%
    }

    .classified-header-nav>ul.sticky-header-dropdown>li>a:hover {
        color: #7DBD00
    }

    .classified-header-nav>ul.sticky-header-dropdown>li>a.sticky-header-dropdown-others {
        padding-left: 38px !important
    }

    .sticky-header-dropdown-height {
        height: 39px !important
    }

    .navbar {
        border: 1px solid transparent;
        margin-bottom: 0px !important;
        min-height: 0px !important
    }

    .classified-menu nav.navbar {
        padding: 0 30px;
        border-bottom: 1px solid #f4f4f4;
        border-radius: 0;
        margin-top: 60px;
    }

    .classified-menu {
        background-color: #fff
    }

    .nav .open>a,
    .nav .open>a:hover,
    .nav .open>a:focus {
        background-color: #fff;
        border-color: #fff
    }

    .classified-menu li a {
        color: #222 !important;
        font-size: 1.5rem;
        /*padding: 16px 15px 16px 41px;*/
        margin-left: 15px;
        border-right: 1px solid #f4f4f4
    }

    .classified-menu ul li ul li a {
        border-right: none !important
    }

    /*.classified-menu ul li ul li a {
    margin-left: 10px !important
}*/

    .classified-menu li.dropdown:first-child a {
        margin-left: 0
    }

    .classified-menu li a:focus {
        background-color: #fff !important
    }

    .classified-menu li a:hover {
        color: #7DBD00 !important
    }

    .classified-dropdown-submenu li a {
        padding: 10px 10px 10px 5px;
        font-size: 1.4rem
    }

    .classified-dropdown-submenu li a:hover {
        background: none
    }

    .classified-dropdown-submenu {
        border: none;
        z-index: 998
    }

    .sidebar-nav .body {
        overflow-y: hidden
    }

    .dropdown:hover #dropdown-block.dropdown-menu {
        display: block;
        max-height: 350px
    }

    .navbar-nav>li>.dropdown-menu {
        padding: 0;
        height: auto;
        overflow-y: auto
    }

    li.dropdown.main-mobile-menu.open {
        height: auto
    }

    .affix {
        top: 0;
        left: 0;
        right: 0;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1), 0 2px 5px 0 transparent;
        z-index: 999
    }

    .header-left {
        vertical-align: middle;
        line-height: 41px
    }

    .dropdown-submenu,
    .dropdown-menu {
        -webkit-animation: slide-down .2s ease-out;
        -moz-animation: slide-down .2s ease-out
    }

    .tab-pane {
        -webkit-animation: slide-down3 .3s ease-in;
        -moz-animation: slide-down3 .3s ease-in
    }

    .classified-header-nav {
        display: inline-block;
        opacity: 0;
        padding-left: 12px;
        transition: all .5s ease 0s;
        visibility: hidden
    }

    .affix .classified-header-nav {
        display: block;
        display: inline-block;
        padding-left: 12px;
        opacity: 1;
        visibility: visible
    }

    @-webkit-keyframes slide-down {
        0% {
            opacity: 0;
            -webkit-transform: translatex(-10%)
        }

        100% {
            opacity: 1;
            -webkit-transform: translatex(0)
        }
    }

    @-moz-keyframes slide-down {
        0% {
            opacity: 0;
            -moz-transform: translatex(-10%)
        }

        100% {
            opacity: 1;
            -moz-transform: translatex(0)
        }
    }

    @-webkit-keyframes slide-down1 {
        0% {
            opacity: 0;
            -webkit-transform: translatex(-3%)
        }

        100% {
            opacity: 1;
            -webkit-transform: translatex(0)
        }
    }

    @-moz-keyframes slide-down1 {
        0% {
            opacity: 0;
            -moz-transform: translatex(-3%)
        }

        100% {
            opacity: 1;
            -moz-transform: translatex(0)
        }
    }

    @-webkit-keyframes slide-down3 {
        0% {
            opacity: 0;
            -webkit-transform: translatey(-10%)
        }

        100% {
            opacity: 1;
            -webkit-transform: translatey(0)
        }
    }

    @-moz-keyframes slide-down3 {
        0% {
            opacity: 0;
            -moz-transform: translatey(-10%)
        }

        100% {
            opacity: 1;
            -moz-transform: translatey(0)
        }
    }

    .find-near-you.affix {
        top: 60px;
        box-shadow: none;
        width: 60%;
        margin: 0 auto !important;
        z-index: 444 !important
    }

    .dropdown-location-find {
        margin: 0 auto;
        padding-top: 20px;
        text-align: center
    }

    .dropdown-near-you {
        display: block;
        margin: 0 auto;
        text-align: center;
        float: none;
        border-radius: 5px;
        height: 36px;
        border: 1px solid #e7edf2;
        background-color: #fff !important;
        color: #222;
        margin-top: 20px;
        max-width: 300px
    }

    .dropdown-near-you img {
        padding-right: 5px;
        float: left;
        padding: 9px 8px
    }

    .miles {
        float: left;
        font-size: 1.4rem;
        overflow: hidden;
        padding-bottom: 7px;
        padding-top: 7px;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 74%
    }

    .hiddencls {
        display: none
    }

    .dropdown-btn img {
        padding: 0
    }

    .dropdown-btn img:focus {
        background: url("../images/up-arrow.png") no-repeat 0 0
    }

    .dropdown-btn {
        background-color: #7DBD00;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        float: right;
        padding: 10px 10px 10px;
        margin-right: -1px;
        margin-top: -1px
    }

    .modal.fade .modal-dialog {
        transition: transform .3s ease-out 0s
    }

    .modal.fade.in {
        overflow-y: auto;
        scrollbar-width: none;
    }

    .modal.fade.in::-webkit-scrollbar {
        display: none;
    }

    #googleMap {
        height: 400px
    }

    .pac-container {
        z-index: 10000 !important;
    }

    .map-mylocation-button {
        background-color: #fff;
        border-radius: 50%;
        padding: 10px;
        position: absolute;
        right: 40px;
        bottom: 50px;
        z-index: 999
    }

    .tooltip-inner {
        max-width: 200px;
        padding: 3px 8px;
        color: #fff;
        text-align: center;
        background-color: #222 !important;
        border-radius: 4px;
        font-family: Regular
    }

    .tooltip-arrow {
        border-bottom-color: #222 !important
    }

    .tooltip.top .tooltip-arrow {
        bottom: 0;
        left: 50% !important;
        margin-left: -5px;
        border-width: 5px 5px 0;
        border-top-color: #222 !important
    }

    .map-location-icon {
        position: absolute;
        left: 40px;
        top: 200px;
        z-index: 999
    }

    .modal-header {
        padding: 0px
    }

    .nearmemodal-content {
        margin: 40px auto;
        width: 700px
    }

    .map-search-fleld {
        z-index: 0;
        position: absolute;
        left: 0px;
        top: 0px
    }

    .map-close {
        display: none
    }

    .location-section {
        display: inline;
        top: 15px;
        z-index: 1;
        position: absolute;
        left: 0
    }

    .map-input-box {
        padding-left: 15px;
        width: 80%;
        float: left
    }

    .map-input-box input {
        background: #fff url("../images/location.png") no-repeat 10px 12px;
        border: medium none;
        border-radius: 5px;
        color: #222 !important;
        height: 40px;
        padding: 0 15px 0 35px !important;
        width: 100%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1), 0 2px 5px 0 transparent;
        -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1), 0 2px 5px 0 transparent;
        -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1), 0 2px 5px 0 transparent
    }

    .map-select-box {
        color: #222 !important;
        margin-left: -3px;
        background-color: #fff;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        width: 20%;
        float: left
    }

    .map-select-box select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        height: 40px;
        overflow: hidden;
        border: none;
        width: 100%;
        padding-left: 5px;
        cursor: pointer;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1), 0 2px 5px 0 transparent;
        -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1), 0 2px 5px 0 transparent;
        -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1), 0 2px 5px 0 transparent
    }

    .select-box-arrow {
        background: url("../images/down-arrow-fill.png") no-repeat 90% 15px;
        height: 12px
    }

    .location-button {
        margin-top: 9px
    }

    .location-button a:hover {
        color: #fff !important
    }

    .location-submit-button {
        background-color: #7DBD00;
        border-radius: 5px;
        padding: 11px 15px;
        margin-left: 5px;
        color: #fff !important
    }

    .location-find-button {
        background-color: #222;
        border-radius: 5px;
        padding: 11px 20px;
        margin-left: 5px;
        color: #fff !important
    }

    .login-modal-content {
        padding-top: 15px;
        padding-bottom: 15px;
        background-color: #fff;
        color: #222 !important;
        border-radius: 5px;
        vertical-align: middle;
        margin: 20px auto
    }

    .login-sub-header-text {
        padding-left: 15px;
        margin-bottom: 0px;
        margin-top: 0px;
        float: left;
        padding-right: 5px
    }

    #exchange-modal .login-modal-header {
        padding-bottom: 10px;
        padding-left: 10px
    }

    .login-modal-header {
        padding-bottom: 10px
    }

    .login-line {
        background-color: #e7edf2;
        height: 1px;
        width: 100%
    }

    .login-header-text {
        font-size: 1.8rem;
        font-family: Bold;
        padding-left: 15px;
        margin-bottom: 0px;
        margin-top: 0px;
        padding-bottom: 5px;
        float: left;
        width: 80%
    }

    .login-close {
        margin-top: -5px;
        padding-right: 15px !important;
        font-size: 2.5rem
    }

    .login-box input {
        background-color: #fff;
        border: medium none;
        border-radius: 5px;
        color: #8e8e8e !important;
        border: 1px solid #e2e2e2;
        height: 40px;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%
    }

    .login-content {
        padding-left: 15px;
        padding-top: 15px;
        padding-right: 15px;
        padding-bottom: 25px
    }

    .login-box .login-btn,
    .payment-promote-btn {
        background-color: #7DBD00;
        border-radius: 5px;
        height: 40px;
        float: left;
        padding: 10px 0;
        border: medium none;
        text-align: center;
        color: #fff !important
    }

    .login-btn:hover {
        background-color: #7DBD00;
        color: #fff !important
    }

    .popup-input.ratting-title {
        margin-bottom: 15px
    }

    .remember-me-checkbox {
        float: left;
        padding-right: 5px;
        margin: 4px 0 !important
    }

    .remember-div {
        float: left;
        margin-top: 6px !important
    }

    .remember-pwd {
        padding-top: 15px;
        padding-bottom: 15px;
        float: left;
        font-size: 16px
    }

    .remember-me-txt {
        padding-left: 5px;
        padding-right: 10px;
        float: left
    }

    .remember-me-checkbox label {
        padding-left: 23px
    }

    .forgot-pwd {
        color: #222;
        padding-left: 6px;
        padding-top: 6px;
        float: left
    }

    .forgot-pwd:hover {
        color: #7DBD00
    }

    .left-div-line {
        background-color: #e7edf2;
        height: 1px;
        width: 35%
    }

    .right-div-line {
        background-color: #e7edf2;
        height: 1px;
        float: right;
        width: 35%
    }

    .login-or {
        float: left;
        margin-top: -10px;
        text-align: center;
        width: 100%
    }

    .social-login {
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 10px
    }

    .social-login-center {
        float: none;
        ttext-align: center;
        width: 100px;
        margin: 0 auto;
    }

    .facebook-login {
        display: inline-block;
        padding-right: 10px
    }

    .twitter-login {
        display: inline-block;
        padding-right: 10px
    }

    .googleplus-login {
        display: inline-block
    }

    .new-signup {
        text-align: center;
        color: #222
    }

    .new-signup {
        padding-top: 15px
    }

    .new-signup a {
        padding-left: 3px
    }

    .signup-or {
        float: left;
        margin-top: -10px;
        text-align: center;
        width: 100%
    }

    .modal-dialog-width {
        width: 450px;
        margin: 0 auto;
        padding: 0 15px
    }

    .modal-big-width-dialog {
        width: 650px
    }

    .signup-close {
        margin-top: -5px;
        padding-right: 15px !important;
        font-size: 2.5rem
    }

    .signup-modal-content {
        padding-top: 15px;
        padding-bottom: 15px;
        background-color: #fff;
        color: #222 !important;
        border-radius: 5px;
        margin: 40px auto
    }

    .signup-modal-header {
        padding-bottom: 10px
    }

    .sigup-line {
        background-color: #e7edf2;
        height: 1px;
        width: 100%
    }

    .signup-header-text {
        font-size: 1.8rem;
        font-family: Bold;
        padding-left: 15px;
        margin-bottom: 0px;
        margin-top: 0px;
        padding-bottom: 5px;
        float: left
    }

    .signup-sub-header-text {
        padding-left: 15px;
        margin-bottom: 0px;
        margin-top: 0px;
        float: left
    }

    .signup-box input {
        background-color: #fff !important;
        border: medium none;
        border-radius: 5px;
        color: #8e8e8e !important;
        border: 1px solid #e2e2e2;
        height: 40px;
        padding-left: 15px;
        width: 100%;
        margin-bottom: 10px
    }

    .signup-content {
        padding: 15px 15px 30px
    }

    .signup-btn {
        background-color: #7DBD00;
        border-radius: 5px;
        height: 40px;
        float: left;
        padding: 10px 0;
        text-align: center
    }

    .signup-btn:hover {
        color: #fff !important
    }

    .user-login {
        padding-top: 15px;
        text-align: center
    }

    .login-line-2 {
        background-color: #e7edf2;
        height: 1px;
        width: 100%;
        margin-top: 15px
    }

    .user-login a {
        padding-left: 3px
    }

    .signup-or {
        float: left;
        margin-top: -10px;
        text-align: center;
        width: 100%
    }

    .cancel-promote-img {
        display: block
    }

    .modal-open {
        position: fixed;
        overflow-y: auto
    }

    body.modal-open {
        overflow: hidden
    }

    body.modal-open .classified-header {
        position: absolute
    }

    .forgot-dialog-width {
        width: 450px;
        margin: 0 auto
    }

    .forgot-close {
        margin-top: -10px;
        padding-right: 15px !important;
        font-size: 3rem
    }

    .forgot-modal-content {
        padding-top: 15px;
        padding-bottom: 15px;
        background-color: #fff;
        color: #222 !important;
        border-radius: 5px;
        margin: 40px auto
    }

    .forgot-modal-header {
        padding-bottom: 15px
    }

    .forgot-line {
        background-color: #e7edf2;
        height: 1px;
        width: 100%
    }

    .forgot-header-text {
        font-size: 1.8rem;
        font-family: Bold;
        padding-left: 15px;
        margin-bottom: 0px;
        margin-top: 0px;
        padding-bottom: 5px;
        float: left
    }

    .forgot-sub-header-text {
        padding-left: 15px;
        margin-bottom: 0px;
        margin-top: 0px;
        float: left
    }

    .forgot-box input {
        background-color: #fff;
        border: medium none;
        border-radius: 5px;
        color: #8e8e8e !important;
        border: 1px solid #e2e2e2;
        height: 40px;
        padding-left: 15px;
        width: 100%;
        margin-bottom: 10px
    }

    .forgot-content {
        padding: 15px 15px 0px
    }

    input.forgot-btn {
        background-color: #7DBD00 !important;
        border-radius: 5px;
        height: 40px;
        float: left;
        padding: 10px 0;
        text-align: center;
        color: #fff !important;
        border: medium none
    }

    .forgot-btn:hover {
        color: #fff !important
    }

    .forgot-login {
        padding-top: 15px;
        text-align: center
    }

    .classified-header-message {
        padding-left: 10px;
        padding-right: 10px;
        float: left;
        margin-top: -7px
    }

    .classified-header-message img {
        float: left
    }

    .classified-login-user-nav>ul.navbar-nav {
        float: right
    }

    .message-counter {
        position: relative;
        z-index: 1222;
        background-color: #2bc248;
        color: #fff !important;
        float: left;
        line-height: 13px;
        margin-left: 14px !important;
        margin-top: -35px !important;
        height: 20px;
        width: 20px;
        letter-spacing: -1px;
        line-height: 18px;
        padding: 1px 2px 0 0;
        text-align: center;
        font-size: 1.3rem;
        border-radius: 50%;
        text-transform: uppercase
    }

    .classified-header-profile-img {
        background: url("../images/user-profile-img.jpg") no-repeat;
        border-radius: 50%;
        height: 39px;
        width: 39px;
        float: none;
        background-size: cover;
        display: inline-block
    }

    .classified-header-profile {
        padding-left: 10px;
        padding-right: 15px;
        height: 40px;
        color: #222
    }

    .classified-header-profile .dropdown-menu {
        padding: 5px 10px !important;
        margin-top: 5px !important
    }

    .logout a {
        border-top: 1px solid #f4f4f4
    }

    .classified-header-profile a:hover {
        color: #7DBD00 !important
    }

    .classified-header-profile li a {
        color: #222 !important;
        padding: 10px 4px !important
    }

    .classified-header-har-line {
        width: 1px;
        background-color: rgba(255, 255, 255, .5);
        height: 40px;
        float: left;
        margin-left: 5px;
        margin-right: 5px
    }

    .classified-header-down-arrow {
        background: url("../images/down-arrow-fill.png") no-repeat;
        height: 12px;
        width: 12px;
        float: none;
        margin-top: 15px;
        margin-left: 7px;
        vertical-align: top;
        display: inline-block
    }

    .Category-input-box-row {
        margin-top: -9px
    }

    .write-review {
        padding-bottom: 5px;
        font-size: 16px
    }

    .write-review span {
        padding-left: 3px
    }

    .write-review-1 span {
        padding-left: 3px
    }

    .product-review-text {
        text-align: center
    }

    .product-review-text-area {
        line-height: 24px
    }

    .product-review {
        color: #222
    }

    .product-review:hover,
    .product-review:focus {
        color: #222
    }

    .product-review-p {
        padding: 10px 20px;
        float: right
    }

    .review-content-bg {
        background-color: #fff;
        padding: 10px 15px;
        margin-top: 10px;
        border-radius: 4px
    }

    .review-content-heading {
        padding-bottom: 3px
    }

    .review-date {
        color: #8e8e8e;
        font-size: 12px
    }

    .edit-review {
        float: right
    }

    .edit-review a {
        color: #222
    }

    .edit-review a:hover {
        color: #7DBD00
    }

    .reviwer-name {
        color: #222;
        font-size: 1.125em;
        overflow: hidden;
        padding-bottom: 5px;
        padding-top: 10px;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .user-name-review {
        padding-right: 5px
    }

    #user-pic-2 {
        background: url("../images/profile-page-profile-icon.png") no-repeat;
        width: 90px;
        height: 90px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover
    }

    .write-review-1 {
        font-size: 16px;
        padding-bottom: 5px;
        padding-top: 5px
    }

    .footer {
        background-color: #fff;
        margin-top: 25px;
        clear: both
    }

    .footer a {
        float: left
    }

    /* .classified-footer-head {
    padding-bottom: 30px;
    padding-top: 30px;
    padding-top: 40px
} */

    .classified-social-icon {
        padding-top: 10px
    }

    .classified-social-icon img {
        padding-right: 10px
    }

    .classified-app-icon img {
        padding-right: 12px
    }

    .classified-app-icon {
        padding-top: 18px
    }

    .classified-android-app {
        padding-left: 13px
    }

    .classified-footer-vertical-line {
        background-color: #e7edf2;
        float: left;
        height: 24px;
        width: 1px
    }

    .classified-new-account-info {
        font-size: 1.7rem
    }

    .classified-new-account a {
        color: #fff;
        float: left;
        height: auto;
        width: auto;
        padding: 10px 15px;
        margin-right: 5px;
    }

    .classified-new-account a:active,
    .classified-new-account a,
    .classified-new-account a:visited {
        color: #fff !important
    }

    .classified-footer-horizontal-line {
        background-color: #e7edf2;
        height: 1px;
        width: 100%
    }

    .padding-left-none {
        padding-left: 0px !important
    }

    .classified-footer-menu-links a {
        padding-left: 10px;
        padding-right: 10px
    }

    .classified-footer-menu-links a:hover {
        color: #7DBD00
    }

    .classified-footer-dev {
        float: left
    }

    .classified-footer-menu-links {
        padding-bottom: 5px;
        padding-top: 30px
    }

    .classified-footer-Copyright {
        padding-bottom: 40px
    }

    #language {
        z-index: 1000
    }

    .language {
        padding-bottom: 5px;
        padding-top: 30px
    }

    .language-select-box-heading {
        color: #222;
        font-weight: normal;
        padding-top: 8px;
        padding-left: 15px
    }

    .language .form-control {
        background-color: #fff;
        border: 1px solid #e7edf2 !important;
        border-radius: 5px;
        color: #8e8e8e !important;
        display: inline-block;
        height: 40px;
        font-size: 1.4rem;
        padding-left: 8px;
        margin: 0 5px;
        -moz-appearance: none;
        -webkit-appearance: none;
        width: 90px
    }

    .classified-search-bar-bg {
        background-color: #fff
    }

    .classified-search-icon-mobile {
        background: url("../images/search.png") no-repeat 0px !important;
        height: 40px !important;
        width: 100% !important;
        padding-left: 30px
    }

    .circle,
    .circle2,
    .circle3,
    .circle4 {
        position: fixed;
        bottom: 110px;
        right: 50px;
        z-index: 999;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(0, -50%);
        opacity: 0;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        border: 1px solid #7DBD00;
        -webkit-animation: ripple 4s linear infinite;
        animation: ripple 4s linear infinite
    }

    .circle2 {
        -webkit-animation-delay: 1s
    }

    .circle3 {
        -webkit-animation-delay: 2s
    }

    .circle4 {
        -webkit-animation-delay: 3s
    }

    @-webkit-keyframes ripple {
        0% {
            -webkit-transform: scale(1);
            opacity: 0
        }

        10% {
            opacity: .8
        }

        60% {
            opacity: 0
        }

        100% {
            -webkit-transform: scale(10);
            opacity: 0
        }
    }

    @keyframes ripple {
        0% {
            transform: scale(1);
            opacity: 0
        }

        10% {
            opacity: .8
        }

        60% {
            opacity: 0
        }

        100% {
            transform: scale(10);
            opacity: 0
        }
    }

    .floting-location {
        animation: 1s ease 2s normal forwards 1 fadein;
        -webkit-animation: 1s ease 2s normal forwards 1 fadein
    }

    .mobile-location {
        position: fixed;
        bottom: 92px;
        right: 32px;
        z-index: 1000
    }

    .mobile-location-icon {
        padding: 15px 15px;
        border-radius: 50%;
        height: 50px;
        width: 50px;
        text-align: center;
        vertical-align: middle
    }

    .search-go {
        background: #efeeef;
        height: 40px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        text-align: center;
        vertical-align: middle;
        line-height: 40px;
        color: #222;
        margin-left: -1px;
        font-family: bold;
        position:relative;
        z-index:99;
    }

    .location-info-txt {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .mobile-location-info {
        bottom: 100px;
        max-width: 150px;
        opacity: 0;
        padding: 5px 10px;
        position: fixed;
        right: 70px;
        transition: all .5s ease-out 0s;
        visibility: hidden;
        z-index: 1000
    }

    .mobile-location:hover+.mobile-location-info {
        display: block;
        opacity: 1;
        visibility: visible
    }

    .classified-search-bar-mobile {
        display: inline-flex
    }

    .classified-search-bar-mobile input {
        background-color: #fff;
        height: 40px;
        border: none;
        color: #222;
        width: 100%
    }

    .classified-search-bar-mobile input:focus {
        background-color: #2a3f52;
        color: #222;
        border: none
    }

    .mobile-user-area {
        background: #fff none repeat scroll 0 0;
        box-shadow: 0 1px 10px #cacaca;
        padding: 20px;
        z-index: 9999;
        width: 100%;
        text-align: center;
        clear: both;
        /* position: fixed;
    bottom: 0;*/
        display: flex;
        justify-content: space-around;
        display: none
    }

    .examples #testDiv {
        height: 90vh !important;
        overflow: auto;
    }

    .sidebar-menu-listng {
        padding-bottom: 50px;
        overflow-y: scroll;
    }

    .mobile-user-area div {
        width: 120px;
        padding: 10px
    }

    .mobile-user-area a:hover {
        color: #fff
    }

    .user-area a:hover {
        color: #fff
    }

    .classified-login {
        color: #fff !important;
        height: 40px;
        padding-top: 10px;
        width: 100px;
        display: inline-block
    }

    .classified-signup {
        background-color: #222;
        height: 40px;
        padding-top: 10px;
        width: 100px;
        margin-left: 0px;
        display: inline-block
    }

    .ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all .ui-corner-all {
        width: 100%;
        display: block;
        padding: 10px !important;
        border: unset
    }

    .ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all .ui-corner-all:hover {
        color: #7DBD00
    }

    #wrapper {
        padding-left: 0;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease
    }

    #wrapper.toggled {
        padding-left: 250px
    }

    #sidebar-wrapper {
        z-index: 1005;
        width: auto;
        height: auto;
        background: #fff;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 250px;
        box-shadow: 1px 1px 7px #9b9b9b
    }

    #page-content-wrapper {
        width: 100%;
        position: absolute
    }

    #wrapper.toggled #page-content-wrapper {
        position: absolute;
        margin-right: -250px
    }

    .classified-mobile-Category {
        color: #222;
        font-family: Bold;
        font-size: 2rem;
        background-color: #fff;
        padding-left: 0px !important;
        border-bottom: 1px solid #f4f4f4;
        line-height: 50px !important
    }

    .noscroll {
        overflow: hidden
    }

    .overlay {
        position: fixed;
        overflow-y: auto;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .sidebar-menu-listng {
        height: auto;
        max-height: 100%
    }

    .sidebar-nav {
        float: left;
        height: 100%;
        list-style: outside none none;
        margin: 0;
        width: 100%;
        padding-bottom: 20px
    }

    .classified-mobile-Category-catgr {
        /* background: #fff none repeat scroll 0 0; */
        background: #1D1D1F none repeat scroll 0 0;
        font-family: Bold;
        font-size: 2rem;
        line-height: 50px;
        padding-left: 0;
        position: sticky;
        text-indent: 20px;
        top: 0;
        width: 100%;
        z-index: 9999;
        display: flex;
        justify-content: space-between
    }

    .sidebar-nav li {
        text-indent: 20px
    }

    .sidebar-nav li a {
        display: block;
        text-decoration: none;
        color: #222 !important;
        font-family: Bold;
        font-size: 1.5rem;
        line-height: 35px !important;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 15px
    }

    .dropdown-toggle.classified-for-sale.disabled {
        margin-left: 10px
    }

    .sidebar-nav li a:hover {
        color: #7DBD00 !important
    }

    .sidebar-nav li a:focus {
        color: #7DBD00 !important
    }

    .dropdown-submenu li a {
        font-size: 1.5rem
    }

    .dropdown-submenu li a:hover {
        background-color: #fff
    }

    .slider-imag {
        height: 400px;
        overflow: hidden;
        position: relative
    }

    .video-cover {
        display: unset;
        position: absolute;
        vertical-align: top;
        width: 100%
    }

    .img-video {
        height: 100%
    }

    .slider-imag {
        background: #333
    }

    .img-slide-contetnt h1 {
        margin-bottom: 25px;
        padding: 0 15px;
        text-shadow: 0 0 3px #000
    }

    .img-slide-contetnt {
        position: absolute;
        top: 100px;
        width: 100%
    }

    .text-link>li {
        display: inline;
        margin: 10px 0
    }

    .app_link li {
        display: inline-block;
        padding-top: 30px
    }

    .ios_link {
        padding-right: 10px
    }

    .column {
        float: left
    }

    .size-1of8 {
        width: 12.5%
    }

    .size-1of6 {
        width: 16.66%
    }

    .size-1of5 {
        width: 20%
    }

    .size-1of4 {
        width: 25%
    }

    .size-1of3 {
        width: 33.333%
    }

    .size-1of2 {
        width: 50%
    }

    .product_align_cnt {
        padding: 10px
    }

    #fh5co-board[data-columns]::before {
        content: "4 .column.size-1of4";
        opacity: 0 !important
    }

    #fh5co-offcanvass {
        position: fixed;
        z-index: 88;
        top: 0;
        right: 0;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        -webkit-transform: translateX(320px);
        -moz-transform: translateX(320px);
        -ms-transform: translateX(320px);
        -o-transform: translateX(320px);
        transform: translateX(320px);
        bottom: 0;
        width: 300px;
        padding: 40px 30px;
        background: #fff;
        -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, .3);
        -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, .3);
        -ms-box-shadow: 0 0 9px 0 rgba(0, 0, 0, .3);
        box-shadow: 0 0 9px 0 rgba(0, 0, 0, .3)
    }

    #fh5co-offcanvass .fh5co-lead {
        font-size: 12px;
        letter-spacing: 2px;
        color: #ccc;
        text-transform: uppercase;
        margin-bottom: 20px
    }

    #fh5co-offcanvass ul {
        padding: 0;
        margin: 0 0 30px 0
    }

    #fh5co-offcanvass ul li {
        padding: 0;
        margin: 0;
        list-style: none
    }

    #fh5co-offcanvass ul li a {
        display: block;
        padding: 7px 4px;
        border-bottom: 1px solid #eaeaea;
        font-size: 18px;
        color: #222
    }

    #fh5co-offcanvass ul li a:hover,
    #fh5co-offcanvass ul li a:focus,
    #fh5co-offcanvass ul li a:active {
        outline: none;
        text-decoration: none;
        color: #ef5353
    }

    #fh5co-offcanvass ul li.active a {
        color: #ef5353 !important
    }

    #fh5co-offcanvass.fh5co-awake {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px)
    }

    #fh5co-offcanvass .fh5co-offcanvass-close {
        position: absolute;
        right: 20px;
        top: 30px;
        text-transform: uppercase;
        font-size: 15px;
        letter-spacing: 2px;
        font-family: Regular;
        z-index: 99;
        float: left;
        color: #222
    }

    #fh5co-offcanvass .fh5co-offcanvass-close i {
        font-size: 20px;
        margin-top: 3px;
        float: right;
        margin-left: 10px;
        color: red
    }

    #fh5co-offcanvass .fh5co-offcanvass-close:hover,
    #fh5co-offcanvass .fh5co-offcanvass-close:focus,
    #fh5co-offcanvass .fh5co-offcanvass-close:active {
        outline: none;
        text-decoration: none
    }

    #fh5co-offcanvass .fh5co-logo {
        display: block;
        float: left;
        width: 100%;
        text-transform: uppercase;
        color: #000;
        letter-spacing: 1px;
        font-family: Bold;
        padding: 0;
        margin: 40px 0 0 0
    }

    #fh5co-offcanvass .fh5co-logo a {
        color: #000;
        padding: 0;
        margin: 0
    }

    .fh5co-menu-btn {
        font-size: 15px;
        letter-spacing: 1px;
        text-transform: uppercase;
        float: right;
        margin-top: 16px;
        font-family: Regular;
        color: #222
    }

    .fh5co-menu-btn i {
        font-size: 20px;
        margin-top: 3px;
        float: right;
        margin-left: 10px
    }

    .fh5co-menu-btn:hover,
    .fh5co-menu-btn:focus,
    .fh5co-menu-btn:active {
        outline: none;
        text-decoration: none;
        color: #777
    }

    #fh5co-header {
        float: left;
        width: 100%;
        position: relative;
        padding-top: 4em;
        padding-bottom: 4em
    }

    #fh5co-header .navbar-header {
        float: none
    }

    #fh5co-header>.navbar {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        border-radius: 0px;
        margin-bottom: 0;
        background: #fff;
        box-shadow: none;
        background: transparent;
        font-size: 13px;
        border: transparent
    }

    #fh5co-header>.navbar li a {
        text-transform: uppercase;
        color: #000;
        font-weight: normal;
        font-family: Regular
    }

    #fh5co-header>.navbar li a>span .border {
        display: block;
        height: 3px;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        box-shadow: 0 0 1px transparent;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
        -webkit-transition-property: color;
        transition-property: color;
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

    #fh5co-header>.navbar li a>span .border:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #ef5353;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    #fh5co-header>.navbar li a:hover,
    #fh5co-header>.navbar li a:focus {
        outline: none
    }

    #fh5co-header>.navbar li a:hover>span,
    #fh5co-header>.navbar li a:focus>span {
        outline: none
    }

    #fh5co-header>.navbar li a:hover>span .border:before,
    #fh5co-header>.navbar li a:focus>span .border:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    #fh5co-header>.navbar li.active a {
        background: transparent
    }

    #fh5co-header>.navbar li.active a>span .border {
        background: #ef5353
    }

    #fh5co-header .navbar-brand {
        text-align: center;
        font-family: Bold;
        display: block;
        float: none !important;
        width: 200px;
        margin: 0 auto;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-size: 20px;
        font-family: Regular;
        color: #000
    }

    #fh5co-header .navbar-brand:hover {
        color: #404040
    }

    #fh5co-hero,
    .fh5co-bg-section {
        color: #fff;
        background-color: #e9e9e9;
        background-size: cover;
        background-position: center center;
        margin-top: 0px;
        z-index: 10;
        position: relative
    }

    #fh5co-hero .fh5co-overlay,
    .fh5co-bg-section .fh5co-overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #000;
        opacity: 1;
        z-index: 11
    }

    #fh5co-hero,
    .fh5co-hero-wrap,
    .fh5co-bg-section {
        height: 700px
    }

    #fh5co-hero .fh5co-hero-wrap,
    .fh5co-bg-section .fh5co-hero-wrap {
        display: table;
        width: 100%;
        z-index: 12;
        position: relative
    }

    #fh5co-hero .fh5co-hero-wrap .fh5co-hero-intro,
    .fh5co-bg-section .fh5co-hero-wrap .fh5co-hero-intro {
        display: table-cell;
        vertical-align: middle
    }

    #fh5co-hero .fh5co-hero-wrap .fh5co-hero-intro .fh5co-lead,
    #fh5co-hero .fh5co-hero-wrap .fh5co-hero-intro .fh5co-sub-lead,
    .fh5co-bg-section .fh5co-hero-wrap .fh5co-hero-intro .fh5co-lead,
    .fh5co-bg-section .fh5co-hero-wrap .fh5co-hero-intro .fh5co-sub-lead {
        color: #fff;
        margin: 0;
        padding: 0;
        line-height: 1.5
    }

    #fh5co-hero .fh5co-hero-wrap .fh5co-hero-intro .fh5co-lead,
    .fh5co-bg-section .fh5co-hero-wrap .fh5co-hero-intro .fh5co-lead {
        margin-bottom: 30px
    }

    .fh5co-bg-section,
    .fh5co-hero-wrap {
        height: 400px
    }

    .fh5co-bg-section .fh5co-overlay {
        background: #000;
        opacity: .7
    }

    .fh5co-bg-section .author {
        font-size: 20px;
        margin-bottom: 0
    }

    .price {
        padding: 10px 10px 5px
    }

    .item-name a {
        color: #222
    }

    .item-location {
        padding-left: 10px;
        padding-bottom: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .pro_title {
        white-space: nowrap;
        padding: 0 10px;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .label_ga {
        color: #7DBD00 !important
    }

    .day-count {
        color: #f3f3f3;
        text-shadow: 0 0 2px #3c3c3c;
        position: absolute;
        right: 10px;
        bottom: 10px
    }

    .item-urgent {
        color: #fff;
        background-color: #ff5a00;
        padding: 12px 10px 2px;
        position: absolute;
        right: 10px;
        top: -2px;
        font-size: 1.3rem;
        border-radius: 3px;
        z-index: 9
    }

    .sold-out {
        color: #fff;
        background-color: #e06c17;
        padding: 12px 10px 2px;
        position: absolute;
        right: 10px;
        top: -2px;
        font-size: 1.3rem;
        border-radius: 3px;
        z-index: 9
    }

    .item-top {
        background-color: #2bc248;
        border-radius: 3px;
        color: #fff;
        font-size: 1.3rem;
        padding: 12px 10px 2px;
        position: absolute;
        right: 10px;
        top: -2px;
        z-index: 9
    }

    .day-count a:hover {
        color: #f3f3f3
    }

    .item-img {
        position: relative;
        overflow: hidden;
        height: 250px;
        background: #fff !important
    }

    .item-img.productimage.filter {
        height: 240px
    }

    .more-listing a {
        color: #91a7b9;
        text-align: center
    }

    .more-listing {
        margin: 0 auto;
        text-align: center;
        padding-bottom: 60px;
        padding-top: 40px
    }

    .more-listing img {
        padding-bottom: 10px
    }

    #fh5co-board .size-1of4:first-child {
        padding-left: 8px
    }

    #fh5co-board .size-1of4:last-child {
        padding-right: 8px
    }

    #fh5co-board .item {
        margin: 10px 5px 0;
        background: #fff;
        overflow: hidden;
        border: 1px solid #e7edf2;
        border-radius: 5px
    }

    #fh5co-board .item .fh5co-desc {
        padding: 20px;
        float: left;
        line-height: 24px
    }

    #fh5co-board .item .fh5co-item-title {
        font-family: Regular;
        font-size: 17px;
        line-height: 24px;
        margin: 0;
        padding: 0
    }

    #fh5co-board .item .fh5co-board-img {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        overflow: hidden;
        position: relative
    }

    #fh5co-board .item .image-popup:hover img {
        opacity: .5
    }

    .js .animate-box {
        opacity: 0
    }

    pre {
        background: #e9e9e9;
        border: 1px solid #ccc
    }

    .btn {
        border-bottom: none !important;
        text-transform: uppercase;
        letter-spacing: 2px;
        margin-bottom: 20px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        padding-left: 20px;
        padding-right: 20px;
        margin-right: 10px
    }

    .btn:hover,
    .btn:focus,
    .btn:active {
        box-shadow: none;
        outline: none !important;
        border-color: transparent
    }

    .btn.fh5co-btn-icon {
        text-transform: none !important;
        letter-spacing: normal !important;
        padding-left: 15px;
        padding-right: 15px
    }

    .btn-outline {
        border: 2px solid #ccc !important;
        background: transparent;
        color: #2a2e37
    }

    .btn-outline:hover,
    .btn-outline:active,
    .btn-outline:focus {
        border: 2px solid #ef5353 !important;
        background: #ef5353 !important;
        color: #fff
    }

    .btn-primary {
        background: #ef5353;
        border: 2px solid #ef5353
    }

    .btn-success {
        background: #5cb85c;
        border: 2px solid #5cb85c
    }

    .btn-danger {
        background: #d9534f;
        border: 2px solid #d9534f
    }

    .btn-info {
        background: #5bc0de;
        border: 2px solid #5bc0de
    }

    .btn-warning {
        background: #f0ad4e;
        border: 2px solid #f0ad4e
    }

    .btn-primary,
    .btn-success,
    .btn-info,
    .btn-warning,
    .btn-danger {
        border-color: transparent
    }

    .btn-default:hover,
    .btn-default:active,
    .btn-default:focus,
    .btn-primary:hover,
    .btn-primary:active,
    .btn-primary:focus,
    .btn-success:hover,
    .btn-success:active,
    .btn-success:focus,
    .btn-info:hover,
    .btn-info:active,
    .btn-info:focus,
    .btn-warning:hover,
    .btn-warning:active,
    .btn-warning:focus,
    .btn-danger:hover,
    .btn-danger:active,
    .btn-danger:focus {
        background: #222;
        color: #fff
    }

    .form-control {
        box-shadow: none !important;
        border: none;
        background: transparent
    }

    .form-control:hover,
    .form-control:focus,
    .form-control:active {
        outline: none;
        box-shadow: none !important;
        border-color: none
    }

    .fh5co-social {
        padding: 0;
        margin: 0
    }

    .fh5co-social li {
        padding: 0;
        margin: 0;
        list-style: none;
        display: inline-block
    }

    .fh5co-social li a {
        display: block;
        float: left;
        margin-right: 10px
    }

    .fh5co-social li a:hover,
    .fh5co-social li a:active,
    .fh5co-social li a:focus {
        outline: none;
        text-decoration: none
    }

    .fh5co-social li a i {
        font-size: 15px
    }

    #fh5co-footer {
        padding: 10em 0
    }

    #fh5co-footer .fh5co-footer-widget {
        padding-right: 30px !important;
        float: left;
        width: 100%
    }

    #fh5co-footer .fh5co-footer-widget.top-level {
        margin-top: 30px !important
    }

    #fh5co-footer .fh5co-footer-widget .fh5co-footer-lead {
        font-size: 14px;
        letter-spacing: 2px;
        text-transform: uppercase;
        margin-bottom: 20px
    }

    #fh5co-footer .fh5co-footer-logo {
        font-family: Regular;
        font-size: 30px;
        color: #ccc;
        margin-bottom: 30px
    }

    #fh5co-footer ul {
        padding: 0;
        margin: 0
    }

    #fh5co-footer ul li {
        list-style: none;
        padding: 0;
        margin: 0 0 14px 0;
        line-height: 16px
    }

    .fh5co-list-check {
        position: relative;
        padding: 0;
        margin: 0;
        clear: both
    }

    .fh5co-list-check li {
        padding-left: 25px !important;
        position: relative;
        display: block;
        margin-bottom: 10px !important;
        line-height: 20px
    }

    .fh5co-list-check li:before {
        font-family: Regular;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        font-size: 18px;
        color: #ccc
    }

    .fh5co-pricing-table {
        padding: 10px;
        border: 1px solid #ccc;
        margin-bottom: 20px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px
    }

    .fh5co-pricing-table h3 {
        border-bottom: 1px solid #e7e7e7;
        font-size: 18px;
        margin: 0 0 20px 0;
        padding: 0 0 10px 0
    }

    .fh5co-pricing-table ul {
        padding: 0;
        margin: 0 0 20px 0
    }

    .fh5co-pricing-table ul li {
        padding: 0;
        margin: 0;
        list-style: none;
        text-decoration: line-through;
        color: #ccc
    }

    .fh5co-pricing-table ul li.fh5co-include {
        text-decoration: none;
        color: #222
    }

    .fh5co-pricing-table ul li.fh5co-include:before {
        color: #ef5353
    }

    .fh5co-pricing-table .btn {
        margin-bottom: 0
    }

    .fh5co-spacer {
        clear: both;
        position: relative;
        border: none;
        padding: 0;
        margin: 0
    }

    .fh5co-spacer-xlg {
        height: 150px
    }

    .fh5co-spacer-lg {
        height: 100px
    }

    .fh5co-spacer-md {
        height: 80px
    }

    .fh5co-spacer-sm {
        height: 50px
    }

    .fh5co-spacer-xs {
        height: 30px
    }

    .fh5co-spacer-xxs {
        height: 20px
    }

    .fh5co-mb30 {
        margin-bottom: 30px
    }

    .fh5co-row-padded {
        padding: 50px 0
    }

    .fh5co-social-icons>a {
        padding: 4px 10px;
        color: #ef5353
    }

    .fh5co-social-icons>a:hover,
    .fh5co-social-icons>a:focus,
    .fh5co-social-icons>a:active {
        text-decoration: none;
        color: #222
    }

    .owl-carousel .owl-controls,
    .owl-carousel-posts .owl-controls {
        margin-top: 0
    }

    .owl-carousel .owl-controls .owl-nav .owl-next,
    .owl-carousel .owl-controls .owl-nav .owl-prev,
    .owl-carousel-posts .owl-controls .owl-nav .owl-next,
    .owl-carousel-posts .owl-controls .owl-nav .owl-prev {
        top: 50%;
        margin-top: -29px;
        z-index: 9999;
        position: absolute;
        -webkit-transition: .2s;
        -o-transition: .2s;
        transition: .2s
    }

    .owl-carousel-posts .owl-controls .owl-nav .owl-next,
    .owl-carousel-posts .owl-controls .owl-nav .owl-prev {
        top: 24%
    }

    .owl-carousel .owl-controls .owl-nav .owl-next {
        left: 0;
        left: -70px;
        margin-top: -60px
    }

    .owl-carousel .owl-controls .owl-nav .owl-next:hover {
        margin-top: -65px
    }

    .owl-carousel .owl-controls .owl-nav .owl-next:hover i:before {
        color: #ef5353
    }

    .owl-carousel .owl-controls .owl-nav .owl-prev {
        left: -70px;
        margin-top: 0px
    }

    .owl-carousel .owl-controls .owl-nav .owl-prev:hover {
        margin-top: 5px
    }

    .owl-carousel .owl-controls .owl-nav .owl-prev:hover i:before {
        color: #ef5353
    }

    .owl-carousel-posts .owl-controls .owl-nav .owl-next i,
    .owl-carousel-posts .owl-controls .owl-nav .owl-prev i,
    .owl-carousel-fullwidth .owl-controls .owl-nav .owl-next i,
    .owl-carousel-fullwidth .owl-controls .owl-nav .owl-prev i {
        color: #222
    }

    .owl-carousel-posts .owl-controls .owl-nav .owl-next:hover i,
    .owl-carousel-posts .owl-controls .owl-nav .owl-prev:hover i,
    .owl-carousel-fullwidth .owl-controls .owl-nav .owl-next:hover i,
    .owl-carousel-fullwidth .owl-controls .owl-nav .owl-prev:hover i {
        color: #000
    }

    .owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-next i,
    .owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-prev i {
        color: #fff
    }

    .owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-next:hover i,
    .owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-prev:hover i {
        color: #fff
    }

    .owl-theme .owl-controls .owl-nav [class*=owl-] {
        background: none !important
    }

    .owl-theme .owl-controls .owl-nav [class*=owl-] i {
        font-size: 30px
    }

    .owl-theme .owl-controls .owl-nav [class*=owl-] i:hover,
    .owl-theme .owl-controls .owl-nav [class*=owl-] i:focus {
        background: none !important
    }

    .owl-theme .owl-controls .owl-nav [class*=owl-]:hover,
    .owl-theme .owl-controls .owl-nav [class*=owl-]:focus {
        background: none !important
    }

    .owl-theme .owl-dots {
        position: absolute;
        bottom: 0;
        width: 100%;
        text-align: center
    }

    .owl-carousel-fullwidth.owl-theme .owl-dots {
        bottom: 0;
        margin-bottom: 2.5em
    }

    .owl-theme .owl-dots .owl-dot span {
        width: 10px;
        height: 10px;
        background: rgba(255, 255, 255, .4);
        -webkit-transition: .2s;
        -o-transition: .2s;
        transition: .2s;
        border: 2px solid transparent
    }

    .owl-theme .owl-dots .owl-dot span:hover {
        background: none;
        background: #fff
    }

    .owl-theme .owl-dots .owl-dot.active span,
    .owl-theme .owl-dots .owl-dot:hover span {
        background: #fff;
        border: 2px solid transparent
    }

    .owl-carousel-fullwidth .item,
    .owl-carousel-fullwidth .fh5co-owl-text-wrap {
        height: 800px;
        display: table;
        width: 100%
    }

    .owl-carousel-fullwidth .item {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top left;
        position: relative
    }

    .owl-carousel-fullwidth .item .fh5co-overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #000;
        opacity: .3;
        z-index: 8
    }

    .owl-carousel-fullwidth .item img {
        max-width: 100%
    }

    .owl-carousel-fullwidth .item .fh5co-owl-text {
        display: table-cell;
        vertical-align: middle;
        z-index: 10;
        position: relative
    }

    .owl-carousel-fullwidth .item .fh5co-owl-text a {
        color: #fff;
        border-bottom: 1px solid rgba(255, 255, 255, .5)
    }

    .owl-carousel-fullwidth .item .fh5co-owl-text a:hover {
        text-decoration: none;
        color: #fff;
        border-bottom: 1px solid #fff
    }

    .owl-carousel-fullwidth .item .fh5co-owl-text .fh5co-lead,
    .owl-carousel-fullwidth .item .fh5co-owl-text .fh5co-sub-lead {
        color: #fff;
        margin: 0;
        padding: 0;
        font-weight: 100
    }

    .owl-carousel-fullwidth .item .fh5co-owl-text .fh5co-lead {
        font-weight: 300;
        margin-bottom: 30px;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-family: Regular
    }

    .owl-carousel-fullwidth .item .fh5co-owl-text .fh5co-sub-lead {
        font-size: 30px;
        line-height: 42px;
        font-weight: 100;
        font-family: Regular
    }

    .js .to-animate {
        opacity: 0
    }

    .mfp-with-zoom .mfp-container,
    .mfp-with-zoom.mfp-bg {
        opacity: 0;
        -webkit-backface-visibility: hidden;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .3s ease-out
    }

    .mfp-with-zoom.mfp-ready .mfp-container {
        opacity: 1
    }

    .mfp-with-zoom.mfp-ready.mfp-bg {
        opacity: .8
    }

    .mfp-with-zoom.mfp-removing .mfp-container,
    .mfp-with-zoom.mfp-removing.mfp-bg {
        opacity: 0
    }

    img.fh5co-align-right,
    a>img.fh5co-align-right {
        float: right;
        margin: 0 0 .5em 1em
    }

    img.fh5co-align-left,
    a>img.fh5co-align-left {
        float: left;
        margin: 0 1em .5em 0
    }

    img.fh5co-align-center,
    a>img.fh5co-align-center {
        display: block;
        margin-left: auto;
        margin-right: auto
    }

    .categories {
        background-color: #fff !important;
        color: #222 !important;
        border-radius: 0px !important;
        padding: 0px 10px
            /* padding: 5px 10px */
    }

    .categories-list {
        padding-bottom: 5px;
        padding-top: 5px;
        /* padding-top: 10px; */
    }

    .categories-menu-list {
        padding-top: 5px;
        border-left: 0px !important;
        border-right: 0px !important;
        border-top: 1px solid #e7edf2 !important
    }

    .categories>.grid>.categories-list>ul>li a {
        color: #222 !important;
        font-size: 1.5rem;
        font-family: Regular
    }

    .categories>.grid>.categories-filter-list>.checkbox>label {
        color: #222 !important;
        font-size: 1.5rem;
        font-family: Regular
    }

    .categories>.grid>.categories-list>ul>li a:hover {
        color: #7DBD00 !important;
        font-size: 1.5rem;
        font-family: Bold
    }

    .categories>.grid>.categories-list>ul>li {
        padding-bottom: 7px
    }

    .categories>.grid>.categories-filter-list>.checkbox>label {
        padding-left: 0px
    }

    .categories>.grid>.categories-filter-list>.checkbox {
        padding: 0;
        margin: 0;
        padding-bottom: 8px
    }

    .categories>.grid>.categories-filter-list>.checkbox:last-child {
        padding-bottom: 0
    }

    .categories-filter-list {
        border-left: 0px !important;
        border-right: 0px !important;
        border-top: 1px solid #e7edf2 !important;
        border-bottom: 0px !important;
        padding-top: 5px;
        padding-bottom: 5px
    }

    .for-sale-heading {
        color: #222;
        font-size: 14px;
        font-family: Regular;
        text-transform: uppercase;
        padding-bottom: 10px;
        float: left;
        padding: 10px 0px 10px;
        user-select: none;
        -moz-user-select: none
    }

    .mobile-categories {
        display: none
    }

    .search-result {
        padding-top: 20px;
        padding-bottom: 10px
    }

    .search-result-text {
        font-family: Bold;
        color: #7DBD00
    }

    .post-list-modal-width {
        margin: 0 auto;
        width: 850px
    }

    .post-list-modal-content {
        padding-top: 0px;
        padding-bottom: 0px
    }

    .post-list-header {
        background-color: #222;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        padding-top: 16px;
        color: #fff
    }

    .modal-header-tick-icon {
        background: url("../images/header-tick-icon.png") no-repeat;
        height: 24px;
        width: 24px;
        float: left;
        background-size: cover
    }

    .modal-header-text {
        margin-left: 32%
    }

    .post-list-modal-heading {
        font-size: 1.5em;
        color: #222;
        font-family: Bold
    }

    .post-list-content {
        font-size: 1.1em;
        color: #222;
        padding-top: 10px
    }

    .post-list-cnt {
        background-color: #f4f4f4;
        padding-bottom: 0px
    }

    .post-list-modal-tab,
    .post-list-modal-tab>li.active>a,
    .post-list-modal-tab>li.active>a:hover,
    .post-list-modal-tab>li.active>a:focus {
        border-bottom: 0px;
        border: none;
        color: #7DBD00 !important;
        font-family: Bold;
        font-size: 1.125em
    }

    .post-list-modal-tab>li>a:hover {
        border-bottom: 0px;
        color: #7DBD00 !important;
        font-family: Bold
    }

    .post-list-modal-tab>li>a {
        padding: 14px 16px;
        border: none;
        color: #222;
        font-size: 1.125em
    }

    .post-list-modal-tab {
        width: 100%;
        float: left
    }

    .post-list-tab-content {
        background-color: #fff;
        float: left;
        width: 100%;
        padding: 20px;
        padding-bottom: 0
    }

    a:focus {
        outline: 0 none
    }

    .post-list-tab-cnt {
        float: left;
        width: 100%;
        padding-top: 35px
    }

    .post-list-tab-content>div>p {
        font-size: 1.3em;
        color: #627686
    }

    .urgent-tab-left>ul>li {
        color: #222;
        font-size: 1.1em;
        padding: 10px 0
    }

    .urgent-tab-left-list {
        padding-left: 12px
    }

    .urgent-tab-heading {
        font-size: 1.1em;
        font-family: Bold;
        color: #222;
        padding-top: 14px;
        padding-bottom: 10px;
        width: 80%;
        border-bottom: 1px solid #d4dee4;
        margin-bottom: 7px
    }

    .urgent-right-circle-icon {
        background: url("../images/product-1.png") no-repeat;
        width: 220px;
        height: 220px;
        border-radius: 50%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        border: 8px solid #f1f2f4
    }

    .promote-tab-left>ul>li {
        color: #222;
        font-size: 1.1em;
        padding: 10px 0
    }

    .promote-tab-left-list {
        padding-left: 12px
    }

    .promote-tab-heading {
        font-size: 1.1em;
        font-family: Bold;
        color: #222;
        padding-top: 14px;
        padding-bottom: 10px;
        width: 80%;
        border-bottom: 1px solid #d4dee4;
        margin-bottom: 7px
    }

    .promote-tab-right {
        padding-top: 30px
    }

    .promote-right-circle-icon {
        background: url("../images/product-2.png") no-repeat;
        width: 220px;
        height: 220px;
        border-radius: 50%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        border: 8px solid #f1f2f4
    }

    .radio {
        text-align: center
    }

    .radio-tab-period {
        text-align: center;
        padding-bottom: 9px;
        font-size: 1.1em;
        word-wrap: break-word
    }

    .radio-tab-price {
        background-color: #7DBD00;
        color: #fff;
        padding: 7px 15px;
        float: left;
        font-size: 1.1em;
        border-radius: 5px
    }

    .radio-tab-days {
        color: #7DBD00;
        text-align: center;
        width: 100%;
        float: left;
        padding-top: 14px;
        padding-bottom: 14px;
        font-size: 1.1em
    }

    .tab-radio-content {
        border: 1px solid #eceff2;
        border-radius: 5px;
        float: left;
        width: 100%;
        height: 175px;
    }

    .tab-radio-button {
        padding-left: 10px;
        padding-bottom: 10px;
        padding-right: 10px
    }

    .tab-radio-button:first-child {
        padding-left: 0px
    }

    .tab-radio-button:last-child {
        padding-right: 0px
    }

    .tab-radio-content>label {
        width: 100%;
        text-align: center;
        padding-top: 10px
    }

    .highlight {
        background: #222;
        color: #fff
    }

    .tab-radio-button-cnt {
        padding-bottom: 10px;
        padding-top: 15px
    }

    .close#white {
        color: #fff;
        float: right;
        font-size: 21px;
        font-weight: bold;
        line-height: 1;
        padding-top: 5px;
        font-family: Regular;
        font-size: 3rem
    }

    .breadcrumb {
        padding: 20px 0px 10px !important;
        margin: 0px !important;
        background: transparent
    }

    .breadcrumb a {
        color: #8e8e8e
    }

    .full-horizontal-line {
        background-color: #e7edf2;
        height: 1px;
        margin-left: 15px;
        margin-right: 15px
    }

    .top-heading-text {
        color: #222;
        font-size: 3rem !important;
        font-family: Bold;
        margin: 0;
        padding-bottom: 5px
    }

    .top-heading-sub-text {
        color: #222;
        font-size: 1.7rem !important;
        margin: 0
    }

    .add-photos {
        background-color: #fff;
        padding: 15px;
        border-radius: 5px
    }

    .add-product-heading {
        padding-bottom: 10px;
        padding-top: 10px
    }

    .add-photos-heading {
        color: #222;
        font-family: Bold;
        font-size: 1.6rem !important;
        padding-bottom: 10px
    }

    .stuff-img-1 {
        background: url("../images/stuff-img-1.jpg") no-repeat 0 0;
        height: 125px !important;
        width: 125px !important;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: center;
        border-radius: 5px;
        border: 1px solid #e2e2e2;
        float: left;
        margin-right: 10px;
        position: relative
    }

    .stuff-img-add-section {
        height: 125px !important;
        width: 125px !important;
        border-radius: 5px;
        border: 1px solid #e7edf2;
        float: left;
        margin-right: 20px
    }

    .stuff-img-add {
        height: 25px;
        width: 25px;
        margin: 49px auto 0
    }

    .stuff-progress {
        padding-top: 105px;
        bottom: 15px;
        position: absolute;
        width: 100%
    }

    .stuff-progress-bar {
        height: 8px;
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 0px !important;
        width: 91% !important
    }

    .stuff-img-close {
        background-color: #fff !important;
        font-size: 2rem;
        opacity: 5;
        color: #8e8e8e !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
        padding-bottom: 2px !important;
        padding-top: 2px !important;
        font-weight: normal !important;
        border-top-right-radius: 2px;
        margin: 1px
    }

    .stuff-img-upload {
        padding-top: 10px
    }

    .upload-btn {
        background-color: #7DBD00;
        border-radius: 5px;
        float: left;
        height: 40px;
        padding: 10px 25px;
        text-align: center
    }

    .upload-btn:hover {
        color: #fff
    }

    a.upload-btn:active,
    a.upload-btn:focus,
    a.upload-btn:visited {
        color: #fff !important
    }

    .add-stuff-Category-section {
        background-color: #fff;
        border-radius: 5px;
        padding: 15px;
        margin-top: 10px
    }

    .add-stuff-Category-heading {
        padding-bottom: 10px;
        color: #222;
        font-size: 1.6rem !important;
        font-family: Bold;
        margin-bottom: 10px
    }

    .required {
        color: red;
        margin-bottom: 10px
    }

    .Category-select-box-heading {
        color: #222;
        font-weight: normal
    }

    .Category-select-box-row {
        padding-bottom: 15px !important
    }

    .Category-input-box-row {
        padding-bottom: 15px !important
    }

    .Category-select-box-row .form-control {
        background-color: #fff;
        border: 1px solid #e7edf2;
        border-radius: 5px;
        color: #8e8e8e !important;
        height: 40px;
        font-size: 1.4rem;
        padding-left: 5px;
        -moz-appearance: none;
        -webkit-appearance: none
    }

    .select-box-down-arrow {
        background: url("../images/selectbox-arrow-fill.png") no-repeat;
        height: 12px;
        background-position: right 14px
    }

    .select-box-down-arrowchat {

        background: url("../images/selectbox-arrow-fill.png") no-repeat;
        height: 12px;
        background-position: right 15px;
        padding-right: 20px;
    }

    .Category-input-box-row input {
        background-color: #fff;
        border: 1px solid #e7edf2;
        border-radius: 5px;
        color: #8e8e8e !important;
        height: 40px;
        padding-left: 10px;
        -moz-appearance: none;
        -webkit-appearance: none
    }

    .Category-input-box-row p {
        padding-top: 5px
    }

    .Category-input-box-heading {
        color: #222;
        font-weight: normal
    }

    .Category-input-box-height {
        height: 150px
    }

    .Category-input-box-row textarea {
        background-color: #fff;
        border: 1px solid #e7edf2 !important;
        border-radius: 5px;
        color: #8e8e8e !important;
        height: 80px;
        /* text-align: left !important;*/
        padding-left: 10px !important;
        -moz-appearance: none;
        -webkit-appearance: none
    }

    .currency-select-box-row .form-control {
        background-color: #fff;
        color: #8e8e8e !important;
        border: 1px solid #e2e2e2 !important;
        height: 40px;
        font-size: 1.4rem;
        padding-left: 5px;
        -moz-appearance: none;
        -webkit-appearance: none;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        margin-left: -3px;
        margin-bottom: 0px !important
    }

    .currency-select-box-row .form-group {
        margin-bottom: 0px !important
    }

    .switch {
        margin-top: 5px
    }

    input.cmn-toggle-round-1+label {
        background-color: #ddd;
        border-radius: 60px;
        height: 30px;
        padding: 2px;
        width: 60px
    }

    input.cmn-toggle-round-1+label:before,
    input.cmn-toggle-round-1+label:after {
        display: block;
        position: absolute;
        top: 1px;
        left: 1px;
        bottom: 1px;
        content: ""
    }

    input.cmn-toggle-round-1+label:before {
        right: 1px;
        background-color: #e7edf2;
        border-radius: 60px;
        transition: background .4s
    }

    input.cmn-toggle-round-1+label:after {
        background-color: #fff;
        margin-left: 5px;
        border-radius: 100%;
        box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
        height: 20px;
        margin-top: 4px;
        transition: margin .4s ease 0s;
        width: 20px
    }

    input.cmn-toggle-round-1:checked+label:before {
        background-color: #7DBD00
    }

    input.cmn-toggle-round-1:checked+label:after {
        margin-left: 33px
    }

    .cmn-toggle-1 {
        position: absolute;
        margin-left: -9999px;
        visibility: hidden
    }

    .cmn-toggle-1+label {
        display: block;
        position: relative;
        cursor: pointer;
        outline: none;
        user-select: none
    }

    input.cmn-toggle-round+label {
        background-color: #ddd;
        border-radius: 60px;
        height: 30px;
        padding: 2px;
        width: 60px
    }

    input.cmn-toggle-round+label:before,
    input.cmn-toggle-round+label:after {
        display: block;
        position: absolute;
        top: 1px;
        left: 1px;
        bottom: 1px;
        content: ""
    }

    input.cmn-toggle-round+label:before {
        right: 1px;
        background-color: #e7edf2;
        border-radius: 60px;
        transition: background .4s
    }

    input.cmn-toggle-round+label:after {
        background-color: #fff;
        margin-left: 5px;
        border-radius: 100%;
        box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
        height: 20px;
        margin-top: 4px;
        transition: margin .4s ease 0s;
        width: 20px
    }

    input.cmn-toggle-round:checked+label:before {
        background-color: #7DBD00
    }

    input.cmn-toggle-round:checked+label:after {
        margin-left: 33px
    }

    .cmn-toggle {
        position: absolute;
        margin-left: -9999px;
        visibility: hidden
    }

    .cmn-toggle+label {
        display: block;
        position: relative;
        cursor: pointer;
        outline: none;
        user-select: none
    }

    .post-btn {
        background-color: #7DBD00;
        border-radius: 5px;
        float: right;
        height: 40px;
        padding: 10px 25px;
        text-align: center;
        margin-top: 15px;
        margin-bottom: 35px;
        text-transform: capitalize;
        margin-left: 5px
    }

    .promotion-cancel.delete-btn {
        float: left;
    }

    .post-btn:hover {
        color: #fff
    }

    a.post-btn:active,
    a.post-btn:focus,
    a.post-btn:visited {
        color: #fff !important
    }

    .label-note {
        padding-top: 10px
    }

    .margin-10 {
        margin-left: 10px
    }

    .margin-bottom-0 {
        margin-bottom: 0px !important
    }

    .delete-sub-text {
        font-size: 1.7rem
    }

    .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
        position: fixed;
        z-index: 9999;
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        padding: 5px 0;
        font-family: Regular !important;
        border-radius: 5px
    }

    .ui-menu .ui-menu-item-wrapper {
        padding: 10px
    }

    .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active,
    a.ui-button:active,
    .ui-button:active,
    .ui-button.ui-state-active:hover {
        border: 1px solid #eeedee;
        background: #eeedee;
        color: #7DBD00
    }

    .hme-top-location .map-input-box {
        padding-left: 0;
        width: 100%;
        float: left
    }

    .hme-top-location .map-input-box input {
        border-radius: 0;
        box-shadow: none
    }

    .sold-btn {
        background-color: #7DBD00;
        border-radius: 5px;
        float: left;
        margin-right: 10px;
        height: 40px;
        padding: 10px 25px;
        text-align: center;
        margin-top: 15px;
        margin-bottom: 35px
    }

    .sold-btn:hover {
        color: #fff
    }

    a.sold-btn:focus {
        color: #fff !important
    }

    .delete-btn {
        background-color: #464e55;
        border-radius: 5px;
        float: right;
        height: 40px;
        padding: 10px 25px;
        text-align: center;
        margin-top: 15px;
        margin-bottom: 35px;
        text-transform: capitalize;
        cursor: pointer
    }

    .delete-btn:hover {
        color: #fff
    }

    a.delete-btn:focus {
        color: #fff !important
    }

    .sale-btn {
        background-color: #7DBD00;
        border-radius: 5px;
        float: left;
        height: 40px;
        padding: 10px 25px;
        text-align: center;
        margin-top: 15px;
        margin-bottom: 35px
    }

    .sale-btn:hover {
        color: #fff
    }

    .edit-btn {
        float: right
    }

    .mobile-product-slide {
        display: none
    }

    .non-mobile-product-slide {
        display: block
    }

    .slider-fix-left {
        background-color: #fff;
        width: 10px;
        height: 100%;
        position: absolute;
        left: 0;
        z-index: 1
    }

    .slider-fix-right {
        background-color: #fff;
        width: 10px;
        height: 100%;
        position: absolute;
        right: 0;
        z-index: 1
    }

    #thumbcarousel {
        height: auto;
        height: 120px
    }

    #thumbcarousel>.carousel-inner {
        height: 120px
    }

    #thumbcarousel>.carousel-inner>.item {
        float: left;
        height: 120px;
        width: 100%
    }

    .carousel-inner {
        background-color: #fff
    }

    .item .thumb {
        width: 25%;
        cursor: pointer;
        float: left
    }

    .item .thumb img {
        width: 100%;
        margin: 2px
    }

    .item .thumb {
        width: 16.666%;
        cursor: pointer;
        float: left
    }

    .item .thumb img {
        max-width: 100%;
        margin: 2px;
        height: auto
    }

    .product-image#prod-img-1 {
        background: url("../images/product-image-1.png") no-repeat;
        width: 100%;
        /* height: 380px !important; */
        height: 760px !important;
        background-repeat: no-repeat;
        background-position: center center;
        /* background-size: cover */
          background-size: contain !important; /* Changed from cover to contain */
    background-color: black !important; /* Add black background for remaining space */
    }

    .product-image#prod-thmb-img-1 {
        background: url("../images/product-image-1.png") no-repeat;
        max-width: 100%;
        height: 100px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        border-radius: 3px
    }

    .thumb-cnt {
        padding: 10px 5px
    }

    .item.active>.thumb-cnt:first-child {
        padding-left: 10px
    }

    .item.active>.thumb-cnt:last-child {
        padding-right: 10px
    }

    .thmb-slider-bg-left {
        background-color: #383838;
        background-image: none !important;
        opacity: .62;
        width: 30px;
        margin-left: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px
    }

    .thmb-slider-bg-left:hover {
        background-image: none !important;
        background-color: #383838;
        opacity: .8
    }

    .thmb-slider-bg-right {
        background-color: #383838;
        background-image: none !important;
        opacity: .62;
        width: 30px;
        margin-right: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px
    }

    .thmb-slider-bg-right:hover {
        background-image: none !important;
        background-color: #383838;
        opacity: .8
    }

    .thmb-slider-arrow-left {
        background: url("../images/left-arrow.png") no-repeat;
        width: 10px;
        height: 16px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        float: left;
        z-index: 999;
        left: 10px;
        position: absolute;
        top: 45%
    }

    .thmb-slider-arrow-right {
        background: url("../images/right-arrow.png") no-repeat;
        width: 10px;
        height: 16px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        float: left;
        z-index: 999;
        right: 10px;
        position: absolute;
        top: 45%
    }

    .exclamatory-icon {
        background: url("../images/exclamatory-icon.png") no-repeat;
        width: 16px;
        height: 16px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        float: left
    }

    .exclamatory-icon-active {
        background: url("../images/exclamatory-icon-active.png") no-repeat;
        width: 16px;
        height: 16px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        float: left
    }

    .tab-section-tabs>li>a.exclamatory-cnt:active>span.report-text {
        color: #d6213a
    }

    .tab-section-tabs>li.pull-right>a {
        padding-top: 10px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px
    }

    .tab-section-tabs>li.pull-right>a:hover {
        padding-top: 10px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px
    }

    .report-text {
        color: #8e8e8e;
        font-size: .75em;
        padding-left: 10px
    }

    .mob-report-text {
        color: #8e8e8e;
        font-size: 1.1em;
        padding-left: 10px
    }

    .mobile-report-div {
        display: none
    }

    .product-img {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

    .tab-section {
        padding-top: 20px
    }

    .tab-section-tabs {
        border: none
    }

    .tab-section-tabs>li.active>a,
    .tab-section-tabs>li.active>a:hover,
    .tab-section-tabs>li.active>a:focus {
        border-top: 1px solid #eceff2;
        border-left: 1px solid #eceff2;
        border-right: 1px solid #eceff2;
        border-bottom: 0px
    }

    .tab-section-content {
        background-color: #fff;
        border: 1px solid #eceff2;
        margin-top: -2px;
        float: left;
        width: 100%
    }

    .tab-section-content>div#desc>p>span.more-info>a {
        color: #7DBD00
    }

    ul.tab-section-tabs>li.active {
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px
    }

    ul.tab-section-tabs>li.active>a {
        border-top: 1px solid #eceff2;
        border-left: 1px solid #eceff2;
        border-right: 1px solid #eceff2;
        padding: 10px 20px;
        font-size: 1.1em;
        font-family: Bold;
        color: #222
    }

    ul.tab-section-tabs>li.active>a:hover {
        padding: 10px 20px;
        border-top: 1px solid #eceff2 !important;
        border-left: 1px solid #eceff2 !important;
        border-right: 1px solid #eceff2 !important
    }

    .tab-section-tabs>li>a:hover {
        border: none
    }

    .tab-section-tabs>li>a {
        padding: 10px 20px;
        border: 1px solid transparent;
        font-size: 1.1em;
        color: #222
    }

    .tab-section-tabs>li.active>a {
        padding: 10px 20px;
        border-top: 1px solid #eceff2;
        border-left: 1px solid #eceff2;
        border-right: 1px solid #eceff2
    }

    .tab-section-tabs>li>a:hover {
        padding: 10px 20px;
        border: 1px solid transparent
    }

    .tab-section-content>.tab-pane {
        padding: 20px;
        float: left
    }

    .tab-section-content>.tab-pane #comment {
        width: 100%
    }

    .tab-section-content>.tab-pane>p {
        font-size: 14px;
        color: #222
    }

    .comment-text-cnt>a {
        color: #7DBD00
    }

    .comment-text-cnt>a:visited {
        color: #7DBD00
    }

    .comment-text-cnt>a:focus {
        color: #7DBD00
    }

    .morecontent>a.morelink {
        color: #7DBD00 !important
    }

    .morecontent>a.morelink:focus {
        color: #7DBD00 !important
    }

    a.morelink {
        text-decoration: none;
        outline: none
    }

    .morecontent span {
        display: none
    }

    .comment-timing-detail {
        color: #a2b2c0;
        font-size: .875em
    }

    .comment-text-area {
        background: #efefef !important;
        border: none !important
    }

    textarea {
        resize: none
    }

    .form-group>textarea {
        padding: 12px;
        height: 90px
    }

    .form-control::-moz-placeholder {
        color: #b4c1cc
    }

    .comment-text-area {
        width: 100%
    }

    .character-left {
        float: left;
        padding-right: 20px;
        width: 60%
    }

    .comment-profile-default {
        background: url("../images/comment-profile-default-icon.png") no-repeat;
        width: 40px;
        height: 40px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        background-color: #f6f5f7 !important
    }

    .comment-user-name {
        font-family: Bold;
        font-size: .875em;
        color: #222;
        padding-top: 0px;
        padding-left: 20px
    }

    .comment-user-name>a {
        font-family: Bold;
        font-size: 1.1em !important;
        color: #222
    }

    .comment-text {
        font-size: 1.4rem;
        color: #222;
        padding-left: 20px
    }

    .comment-section {
        margin-top: 20px;
        overflow: auto
    }

    .comment {
        padding-bottom: 7px
    }

    .post-comment {
        width: auto;
        padding-left: 0px;
        padding-right: 0px
    }

    .view-all-comment {
        text-align: center
    }

    .view-all-comment>a {
        color: #a2b2c0
    }

    .product-left-container {
        padding-right: 10px;
        padding-bottom: 40px;
        padding-top: 20px
    }

    .product-right-container {
        padding-left: 10px
    }

    .product-page-right-top-container {
        background-color: #fff;
        margin-top: 20px;
        padding: 20px;
        border-radius: 5px
    }

    .mobile-product-details {
        display: none
    }

    .product-name {
        font-size: 1.125em;
        color: #222;
        word-wrap: break-word
    }

    .product-price {
        font-size: 1.5em;
        color: #222;
        font-family: Bold
    }

    .seller-batner-detail {
        padding-bottom: 15px;
        padding-top: 15px
    }

    .product-like {
        background: url("../images/product-like-icon-upd.png") no-repeat;
        padding: 18px;
        width: 18px !important;
        height: 16px;
        background-color: #7DBD00;
        background-repeat: no-repeat;
        background-position: center center;
        border-radius: 50%
    }

    .product-like#liked {
        background: url("../images/product-liked-icon-upd.png") no-repeat;
        padding: 18px;
        width: 18px;
        height: 16px;
        background-color: #7DBD00;
        background-repeat: no-repeat;
        background-position: center center;
        border-radius: 50%
    }

    .like-counter {
        font-size: .75em;
        color: #8e8e8e;
        text-align: right;
        padding-top: 10px
    }

    .used-status-row {
        padding-bottom: 10px;
        padding-top: 5px
    }

    .shipping-cost-cnt {
        padding: 10px 0;
        border-top: 1px solid #f4f4f4;
        border-bottom: 1px solid #f4f4f4;
        margin-top: 10px;
    }

    .used-status {
        background-color: #8e8e8e;
        color: #fff;
        font-size: .75em;
        float: left;
        border-radius: 5px;
        padding: 2px 7px;
        margin-right: 10px
    }

    .days-reviews-counter {
        color: #8e8e8e;
        font-size: .875em;
        padding-top: 2px;
        float: left
    }

    .days-reviews-counter>span {
        padding: 0 5px
    }

    .fb-share {
        background: url("../images/fb-share.png") no-repeat;
        width: 59px;
        height: 20px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        float: left
    }

    .fb-share-count {
        color: #222;
        font-size: .75em
    }

    .location-grey {
        background: url("../images/location-grey.png") no-repeat;
        width: 12px;
        height: 16px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        float: left
    }

    .shipping-icon {
        background: url("../images/shipping.png") no-repeat;
        width: 21px;
        height: 24px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        float: left
    }

    .product-location {
        color: #222;
        font-size: .875em;
        float: left;
        padding-left: 10px;
        width: 96%
    }

    .shipping-cost {
        width: 91%;
        line-height: 24px
    }

    .product-location-content {
        padding-top: 20px
    }

    .map-location {
        float: left;
        height: 150px;
        width: 100%;
        border-radius: 5px
    }

    .product-address-map {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .btn-chat-with-seller {
        float: left;
        border-radius: 3px;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: 0px
    }

    .chat-with-seller-text {
        color: #fff;
        font-size: 1.1em;
        float: left;
        text-align: center
    }

    .chat-with-seller-text>span {
        padding-left: 10px
    }

    .chat-with-seller-icon {
        background: url("../images/chat-with-seller-icon.png") no-repeat;
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        float: left
    }

    .chat-with-seller-icon-container {
        padding-right: 15px
    }

    .btn-make-an-offer {
        background-color: #fff;
        /* border: 1px solid #e7edf2; */
        border: 1px solid #7DBD00;
        float: left;
        border-radius: 3px;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: 10px;
        text-align: center;
        /* color: #222; */
        color: #7DBD00;
        font-size: 1.1em
    }

    .product-page-right-bottom-container {
        background-color: #fff;
        border-radius: 5px;
        margin-top: 10px
    }

    .about-the-seller {
        font-family: Bold;
        font-size: 1.1em;
        color: #222;
        border-bottom: 1px solid #eceff2;
        padding: 15px 20px
    }

    .seller-details {
        padding: 20px
    }

    .seller-prof-pic {
        width: 85px;
        height: 85px;
        border-radius: 50%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        float: left;
        position: relative
    }

    .seller-verified-icon {
        background-color: #7DBD00;
        border: 3px solid #fff;
        border-radius: 50%;
        bottom: 6px;
        color: #fff;
        float: left;
        font-size: 11px;
        height: 30px;
        line-height: 25px;
        overflow: hidden;
        position: absolute;
        right: -7px;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 30px
    }

    .seller-name {
        font-family: Bold;
        font-size: 1.125em;
        color: #222;
        overflow: hidden;
        padding-top: 10px;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .seller-name>a {
        font-family: Bold;
        font-size: 1.125em;
        color: #222
    }

    .mobile-verification#verified {
        background: url("../images/mobile-verification-icon.png") no-repeat;
        width: 28px;
        height: 28px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        display: inline-block
    }

    .mobile-verification {
        background: url("../images/mobile-not-verified-icon.png") no-repeat;
        width: 28px;
        height: 28px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        display: inline-block
    }

    .fb-verification#verified {
        background: url("../images/facebook-verification-icon.png") no-repeat;
        width: 28px;
        height: 28px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        display: inline-block;
        margin-left: 5px
    }

    .fb-verification {
        background: url("../images/facebook-not-verified-icon.png") no-repeat;
        width: 28px;
        height: 28px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        margin-left: 5px;
        display: inline-block
    }

    .mail-verification#verified {
        background: url("../images/mail-verification-icon.png") no-repeat;
        width: 28px;
        height: 28px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        margin-left: 5px;
        display: inline-block
    }

    .mail-verification {
        background: url("../images/mail-not-verified-icon.png") no-repeat;
        width: 28px;
        height: 28px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        display: inline-block
    }

    .seller-verification {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .phone-number {
        float: left;
        width: 100%
    }

    .country-code {
        padding-right: 5px
    }

    .product-counter-container {
        padding: 0px 5px
    }

    .product-counter-container:first-child {
        padding-left: 0px
    }

    .product-counter-container:last-child {
        padding-right: 0px
    }

    .btn-product-counter {
        border: 1px solid #e7edf2;
        border-radius: 5px;
        padding-top: 15px;
        padding-bottom: 15px;
        text-align: center;
        font-size: .875em;
        color: #222;
        float: left;
        width: 100%
    }

    .btn-product-counter:hover {
        background-color: #f6fbff
    }

    .counter {
        font-family: Bold;
        float: left;
        text-align: center;
        font-size: 1.2em;
        color: #222;
        width: 100%
    }

    .counter-label {
        float: left;
        text-align: center;
        font-size: 1.1em;
        color: #222;
        width: 100%
    }

    .seller-classified-detail {
        padding-bottom: 15px;
        padding-top: 15px
    }

    .recently-viewed-heading {
        color: #222;
        font-size: 1.125em;
        font-family: Bold;
        padding-left: 10px;
        padding-right: 10px
    }

    .recently-viewed {
        padding-top: 15px
    }

    .rate-section-2 {
        float: left;
        background-color: #fff;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        border: 1px solid #e7edf2
    }

    .image-container#prod-1 {
        background: url("../images/5.jpg") no-repeat;
        height: 235px;
        width: 100%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border: 1px solid #e7edf2;
        border-bottom: none
    }

    .image-container#prod-2 {
        background: url("../images/7.jpg") no-repeat;
        height: 235px;
        width: 100%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border: 1px solid #e7edf2;
        border-bottom: none
    }

    .image-container#prod-3 {
        background: url("../images/8.jpg") no-repeat;
        height: 235px;
        width: 100%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border: 1px solid #e7edf2;
        border-bottom: none
    }

    .image-container#prod-4 {
        background: url("../images/12.jpg") no-repeat;
        height: 235px;
        width: 100%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border: 1px solid #e7edf2;
        border-bottom: none
    }

    .image-container#prod-5 {
        background: url("../images/9.jpg") no-repeat;
        height: 235px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border: 1px solid #e7edf2;
        border-bottom: none;
        max-width: 100%;
        overflow: hidden;
        transition: all ease .5s
    }

    .image-container#prod-5:hover {
        transform: scale(1.1)
    }

    .image-container#prod-6 {
        background: url("../images/15.jpg") no-repeat;
        height: 235px;
        width: 100%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border: 1px solid #e7edf2;
        border-bottom: none
    }

    .image-container#prod-7 {
        background: url("../images/16.jpg") no-repeat;
        height: 235px;
        width: 100%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border: 1px solid #e7edf2;
        border-bottom: none
    }

    .product-padding {
        padding-left: 10px;
        padding-right: 10px
    }

    .product-row {
        margin-left: -10px;
        Margin-right: -10px
    }

    .recently-viewed-container {
        padding-bottom: 30px
    }

    .popular-product-container {
        padding-bottom: 60px
    }

    .recently-viewed .product-padding>a {
        clear: both;
        display: block;
        overflow: hidden;
        height: 235px;
        position: relative
    }

    .to-content {
        padding: 10px 10px 20px 20px;
        border-bottom: 1px solid #eceff2
    }

    .chat-seller-modal-content {
        background-color: #fff;
        margin: 40px auto;
        border-radius: 3px
    }

    .to-prof-pic {
        background: url("../images/seller-prof-pic.jpg") no-repeat;
        height: 64px;
        width: 64px;
        border-radius: 50%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover
    }

    .chat-with-seller-close {
        font-size: 3rem;
        margin-top: 0px;
        padding-right: 0px !important
    }

    .to-prof-content {
        padding-left: 15px;
        font-size: 1.1em;
        color: #222
    }

    .to-prof-content>div>a {
        font-size: 1.1em;
        color: #222;
        font-family: Bold
    }

    .to-prof-pic-cnt {
        padding-top: 15px
    }

    .messgage-container {
        padding: 20px
    }

    .chat-modal-text-area {
        background: #fff !important;
        border: 1px solid #eceff2 !important
    }

    .send-btn-cnt {
        padding-top: 10px
    }

    .help-text {
        color: #8e8e8e;
        font-size: .75em
    }

    .help-text {
        padding-right: 20px
    }

    .help-text>span {
        padding-right: 7px
    }

    .foldtext {
        word-wrap: break-word
    }

    .send-btn {
        padding: 10px 0px;
        font-size: .875em;
        border-radius: 3px
    }

    .info-icon {
        background: url("../images/info-icon.png") no-repeat;
        height: 16px;
        width: 16px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        float: left
    }

    .success-icon {
        background: #7DBD00;
        height: 41px;
        width: 41px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        float: none;
        margin: 0 auto;
        margin-top: 20%;
        border-radius: 50%
    }

    .success-icon i.fa.fa-check {
        color: #fff;
        text-align: center;
        margin: 10px 0 0 11px;
        font-size: 20px
    }

    .payment-suces .success-icon {
        margin-top: 10%
    }

    .success-modal {
        background: #fff;
        min-height: 320px !important;
        margin-top: 40px;
        border-radius: 3px
    }

    .success-modal-close {
        font-family: Regular;
        font-size: 3rem;
        margin-top: 0;
        padding-right: 10px !important
    }

    .sent-text {
        width: 100%;
        text-align: center;
        font-family: Bold;
        font-size: 1.1em;
        color: #222;
        padding-top: 18px;
        float: left
    }

    .ask-price-text {
        font-size: 1.5em;
        font-family: Bold;
        color: #222;
        width: 100%;
        text-align: center;
        padding-top: 15px;
        padding-bottom: 30px
    }

    .ask-price-text>span {
        color: #7DBD00
    }

    .offer-price-text {
        font-size: .875em;
        font-family: Bold;
        color: #222
    }

    .offer-text-field-label {
        color: #222;
        font-size: 1.1em;
        font-family: Bold;
        text-align: center;
        padding: 10px 0;
        background-color: #eceff2;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px
    }

    .offer-text-field>input {
        padding: 9px;
        width: 100%;
        border: 1px solid #eceff2;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px
    }

    .offer-modal-text-area {
        background: #fff none repeat auto 0 0 !important;
        border: 1px solid #eceff2 !important;
        height: 90px !important;
        margin-top: 10px;
        float: left;
        margin-bottom: 10px
    }

    .offer-price-txt-field-cnt {
        margin-top: 10px
    }

    .exchange-product-grid-container {
        height: auto;
        max-height: 420px;
        overflow-y: auto;
        text-align: center
    }

    .exchange-product {
        background: url("../images/8.jpg") no-repeat;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        height: 175px;
        max-width: 100%;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
    }

    .exchange-product-name {
        color: #222;
        font-size: .875em;
        padding: 10px;
        width: 100%;
        border: 1px solid #e7edf2;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    .exchange-product-grid {
        padding: 5px
    }

    .exchange-product-grid:active>div>.exchange-product {
        border-top: 3px solid #7DBD00;
        border-left: 3px solid #7DBD00;
        border-right: 3px solid #7DBD00
    }

    .exchange-product-grid:active>div>.exchange-product-name {
        background-color: #7DBD00;
        color: #fff;
        border: 1px solid #7DBD00
    }

    .exchange-product-grid:hover>div>.exchange-product {
        border-top: 3px solid #7DBD00;
        border-left: 3px solid #7DBD00;
        border-right: 3px solid #7DBD00
    }

    .exchange-product-grid:hover>div>.exchange-product-name {
        background-color: #7DBD00;
        color: #fff;
        border: 1px solid #7DBD00
    }

    .exchange-product-grid.active>div>.exchange-product {
        border-top: 3px solid #7DBD00;
        border-left: 3px solid #7DBD00;
        border-right: 3px solid #7DBD00
    }

    .exchange-product-grid.active>div>.exchange-product-name {
        background-color: #7DBD00;
        color: #fff;
        border: 1px solid #7DBD00
    }

    .create-exchange-btn {
        width: 100%;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 20px
    }

    .view_more_comnts {
        display: inline-block
    }

    .no-item {
        line-height: 50px;
        padding-bottom: 20px;
        padding-top: 10px;
        text-align: center
    }

    .no-item-text {
        font-size: 3rem
    }

    .world-wide {
        font-size: 5rem;
        color: #7DBD00;
        font-family: Bold
    }

    .back-botton {
        padding-top: 20px
    }

    .back-btn {
        background-color: #7DBD00;
        border-radius: 5px;
        height: 40px;
        padding: 10px 25px;
        color: #fff
    }

    .back-btn:hover {
        color: #fff !important
    }

    .back-btn:focus {
        color: #fff !important
    }

    #invoice-modal>.modal-dialog>.login-modal-content>.login-content>.promotions-details-cnt>#invoice_content>.sale-info>.sale-initiate-date {
        float: none !important;
        text-align: center;
        font-size: 1.6rem
    }

    .invoice-popup-line-padding {
        padding: 5px 0
    }

    .invoice-popup-heading {
        font-size: 1.7rem
    }

    .invoice-popup-addr-cnt,
    .invoice-popup-item-details-cnt {
        border-top: 1px solid #f4f4f4;
        padding-top: 15px;
        padding-bottom: 15px
    }

    .invoice-popup {
        font-size: 1.5rem;
        line-height: 30px
    }

    .invoice-popup-total {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd
    }

    .invoice-print-btn {
        padding: 5px 10px;
        background-color: #7DBD00;
        border-radius: 4px;
        color: #fff
    }

    .no-conversation-msg {
        color: #8e8e8e;
        float: left;
        font-size: 1.75em;
        margin: 5% auto 0;
        text-align: center;
        width: 100%
    }

    .no-conversation-msg img {
        width: 100%;
        padding: 0 10px;
        max-width: 400px
    }

    .message-vertical-tab-section {
        padding-top: 10px
    }

    .message-vertical-tab-container {
        background-color: #fff;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        box-shadow: 0px 0px 4px #cccc;
        height: 790px;
        overflow-y: hidden
    }

    .message-cnt {
        height: 500px;
        overflow-y: auto
    }

    .chat-message-container #home {
        background: url(../images/chat-bg.png) repeat scroll center;
        box-shadow: 0px 0px 4px #cccc
    }

    .message-vertical-tab-container:hover {
        overflow-y: auto
    }

    .message-vertical-tab-container>li.active>a,
    .message-vertical-tab-container>li.active>a:hover,
    .message-vertical-tab-container>li.active>a:focus {
        background-color: #f3f5f6;
        border-left: 5px solid #7DBD00;
        cursor: default;
        border-bottom: none;
        float: left;
        width: 100%;
        border-top: 0px;
        border-right: 0px;
        border-bottom: 0px
    }

    .message-vertical-tab-container>li {
        position: relative
    }

    .message-vertical-tab-container>li.active {
        padding-right: 0
    }

    .message-vertical-tab-container>li:first-child.active {
        padding-top: 5px;
        padding-right: 0px;
        padding-bottom: 0px
    }

    .message-vertical-tab-container.nav-tabs {
        border-bottom: unset
    }

    #address-book .classified-acc-icon-cnt img {
        height: 16px
    }

    .message-vertical-tab-container>li:last-child.active {
        padding-bottom: 5px;
        padding-right: 5px;
        padding-top: 0px
    }

    .message-vertical-tab-container>li.active>a {
        border-top: 0px;
        border-right: 0px;
        border-bottom: 0px
    }

    .message-vertical-tab-container>li>a {
        margin-right: 0;
        border-radius: 0px;
        float: left;
        width: 100%;
        border: none;
        border-left: 5px solid transparent
    }

    .message-vertical-tab-container>li>a:hover {
        border-bottom: none;
        border-left: 5px solid #7DBD00
    }

    .message-prof-pic {
        width: 75px;
        height: 75px;
        border-radius: 50%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        position: relative
    }

    .message-prof-pic#pic1 {
        background: url("../images/prof-pic-2.jpg") no-repeat;
        width: 75px;
        height: 75px;
        border-radius: 50%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        position: relative
    }

    .message-prof-pic#pic2 {
        background: url("../images/prof-pic-3.jpg") no-repeat;
        width: 75px;
        height: 75px;
        border-radius: 50%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        position: relative
    }

    .message-prof-pic#pic3 {
        background: url("../images/prof-pic-4.jpg") no-repeat;
        width: 75px;
        height: 75px;
        border-radius: 50%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        position: relative
    }

    .message-prof-pic#pic4 {
        background: url("../images/prof-pic-5.jpg") no-repeat;
        width: 75px;
        height: 75px;
        border-radius: 50%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        position: relative
    }

    .message-prof-pic#pic5 {
        background: url("../images/prof-pic-6.jpg") no-repeat;
        width: 75px;
        height: 75px;
        border-radius: 50%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        position: relative
    }

    .message-prof-pic#pic7 {
        background: url("../images/prof-pic-7.jpg") no-repeat;
        width: 75px;
        height: 75px;
        border-radius: 50%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        position: relative
    }

    .message-prof-pic#pic6 {
        background: url("../images/prof-pic-8.jpg") no-repeat;
        width: 75px;
        height: 75px;
        border-radius: 50%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        position: relative
    }

    .message-prof-name {
        color: #222;
        font-size: 1.1em;
        padding-top: 10px;
        word-wrap: break-word;
        font-family: Bold;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .short-message {
        font-size: 1.1em;
        color: #627686;
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .message-time {
        font-size: .875em;
        color: #a4b6c5;
        width: 100%;
        word-wrap: break-word
    }

    .message-details {
        padding-left: 7px
    }

    .message-icon {
        padding-top: 5px
    }

    .message-tab-content {
        padding: 10px;
        background-color: #fff
    }

    .message-conversation {
        background-color: #fff;
        padding: 10px 10px;
        border-radius: 4px;
        position: relative;
        margin-left: 11px;
        border-top-left-radius: 0px;
        max-width: 100%;
        box-shadow: 0 0px 5px #ccc
    }

    .message-conversation img {
        height: 18px;
        width: 18px
    }

    a.message-conversation-item-name {
        font-size: 1.1em;
        color: #7DBD00
    }

    .conversation-prof-pic {
        float: left
    }

    .conversation-prof-pic#user {
        float: right
    }

    .conversation-product-pic {
        background: url("../images/12.jpg") no-repeat;
        width: 80px;
        height: 80px;
        border-radius: 4px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        background-color: #f6f5f7
    }

    .conversation-container {
        padding-top: 15px
    }

    .conversation-product-pic-container {
        float: left;
        margin-right: 5px
    }

    .conversation-bargain-container {
        float: left;
        width: 73%;
        padding-left: 0px
    }

    .conversation-rate {
        padding: 5px 10px;
        background-color: #7DBD00;
        color: #fff;
        font-size: 1.1em;
        border-radius: 4px;
        float: left;
        width: auto
    }

    .conversation-rate-container {
        width: 100%;
        float: left;
        padding-bottom: 12px
    }

    .conversation-text {
        font-size: 1.1em;
        color: #627686;
        float: left;
        width: 100%;
        word-wrap: break-word
    }

    .arrow-left {
        border-bottom: 15px solid transparent;
        border-right: 11px solid #fff;
        border-top: 0 solid transparent;
        height: 0;
        left: 0;
        position: absolute;
        top: 5px;
        width: 0;
        z-index: 99
    }

    .arrow-right {
        width: 11px;
        height: 14px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        position: absolute;
        right: 5px;
        z-index: 553;
        border-bottom: 15px solid transparent;
        border-left: 11px solid #F2F7E7;
        border-top: 0 solid transparent;
        animation: slide-up .3s ease-in
    }

    .message-conversation-left-cnt {
        padding-top: 5px
    }

    .conversation-date {
        color: #969fa7;
        font-size: .875em;
        padding-left: 15px;
        padding-top: 5px
    }

    .message-conversation-container {
        padding-bottom: 10px
    }

    .message-conversation-right-cnt {
        -webkit-animation: slide-up .3s ease-in;
        -moz-animation: slide-up .3s ease-in;
        animation: slide-up .3s ease-in;
        float: right;
        padding-top: 5px
    }

    .message-conversation-right-cnt>.message-conversation {
        margin-left: 0px;
        margin-right: 15px;
        float: right;
        background: #F2F7E7 none repeat scroll 0 0;
        border-top-left-radius: 4px;
        border-top-right-radius: 0px;
        width: auto;
        padding-bottom: 10px;
        padding-top: 10px;
        box-shadow: 0 0 5px #cccc
    }

    .conversation-text {
        color: #222
    }

    .conversation-text img {
        width: auto;
        max-width: 100%;
        height: auto;
        max-height: 200px
    }

    .message-conversation-left-cnt .conversation-text {
        color: #222
    }

    .message-conversation-right-cnt>.conversation-date {
        padding-right: 15px;
        text-align: right
    }

    .message-conversation-right-cnt>.message-conversation>.conversation-container {
        padding-top: 0px
    }

    .message-conversation-right-cnt>.message-conversation>.conversation-container>.conversation-bargain-container {
        width: 100%
    }

    .message-conversation-right-cnt>.message-conversation>.conversation-container>.conversation-bargain-container>.conversation-text {
        padding-top: 0px;
        text-align: right;
        width: 100%
    }

    .typing-status {
        color: #a4b6c5;
        font-size: 1.1em;
        text-align: center;
        padding: 5px 0px;
        text-transform: capitalize;
        width: 100%;
        word-wrap: break-word
    }

    .message-type-container>.chat-message-type>.message-send>a>.send-btn {
        padding: 23px 0
    }

    .message-type-container>.chat-message-type>.form-group>textarea {
        height: 70px;
        font-size: 1.1em
    }

    .send-btn>span {
        display: none
    }

    .message-type-container>.chat-message-type>.form-group {
        padding-right: 10px;
        margin-bottom: 0px
    }

    .message-vertical-tab-section>.tab-content {
        padding-bottom: 34px
    }

    .message-unread-count {
        background-color: #7DBD00;
        color: #fff;
        border: 3px solid #e5e9ed;
        font-size: 1.1em;
        border-radius: 50%;
        float: left;
        width: 28px;
        height: 28px;
        text-align: center;
        position: absolute;
        right: 0;
        bottom: 0;
        padding-top: 2px
    }

    .floating-div {
        padding: 10px;
        width: 350px;
        background-color: #fff;
        border-radius: 4px;
        margin-bottom: 10px;
        -webkit-box-shadow: 0px 0px 7px 0px #a3a3a3;
        -moz-box-shadow: 0px 0px 7px 0px #a3a3a3;
        box-shadow: 0px 0px 7px 0px #a3a3a3
    }

    .message-user-prof-pic {
        background: url("../images/prof-pic-1.jpg") no-repeat;
        width: 75px;
        height: 75px;
        border-radius: 50%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover
    }

    #floating-div-pic {
        height: 50px;
        width: 50px
    }

    .message-user-name {
        font-size: 1.125em;
        color: #222;
        font-family: Bold
    }

    .message-user-info {
        font-size: 1.125em;
        color: #222;
        float: left;
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .message-user-info-cnt {
        float: left;
        max-width: 250px;
        padding-left: 10px;
        width: auto
    }

    .message-floating-div-cnt {
        margin-top: 20px;
        position: fixed;
        right: 10px;
        z-index: 554
    }

    .message-floating-div-cnt>.floating-div>.message-icon {
        padding-top: 0px;
        float: left;
        width: 50px
    }

    .user-conv {
        padding-right: 10px
    }

    .message-vertical-tab-section>ul.message-vertical-tab-container>li.active>a>.message-icon>.message-prof-pic>.message-unread-count {
        border: 3px solid #f3f5f6
    }

    .has-error {
        color: #de2f2c !important;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important
    }

    .short-message img {
        margin-right: 10px
    }

    .payment-product-top-padding {
        padding-top: 20px
    }

    .payment-product-top-padding:nth-child(1),
    .payment-product-top-padding:nth-child(2),
    .payment-product-top-padding:nth-child(3),
    .payment-product-top-padding:nth-child(4) {
        padding-top: 0
    }

    .no-padding {
        padding: 0
    }

    .payment-status-txt {
        color: #8a959e;
        font-size: 1.5em;
        text-align: center;
        padding-top: 15px;
        float: left;
        width: 100%
    }

    .payment-status-info-txt {
        color: #222;
        font-size: 1.875em;
        text-align: center;
        padding-top: 5px;
        padding-right: 2px;
        padding-left: 2px;
        float: left;
        width: 100%
    }

    .payment-product-padding {
        padding-top: 100px;
        padding-bottom: 0px;
        float: left
    }

    .payment-red {
        color: red
    }

    .payment-decline-status-info {
        margin: 10% auto
    }

    .payment-decline-status-info-txt {
        color: #8e8e8e;
        font-size: 1.35em;
        text-align: center;
        padding-top: 98px;
        margin-bottom: 29px;
        float: left;
        width: 100%
    }

    .decline-center {
        margin: 8% auto 8%
    }

    .payment-promote-btn {
        width: auto;
        float: unset;
        margin: 0 auto;
        text-align: center;
        padding: 10px 15px
    }

    .cls_continue-shop {
        text-align: center;
        display: block;
        margin: 20px 0
    }

    .error-main {
        background-color: #f4f4f4;
        width: 100%;
        float: left;
        display: block
    }

    .profile-tab-content {
        min-height: unset !important
    }

    [type=date] {
        background: url("images/calendar.png") 97% 50% no-repeat !important;
        text-align: left !important
    }

    [type=date]::-webkit-inner-spin-button {
        display: none
    }

    [type=date]::-webkit-calendar-picker-indicator {
        opacity: 0
    }

    .Trackingdetails_shippingdate {
        background: url("images/calendar.png") 3% 50% no-repeat !important;
        text-align: left !important
    }

    .classified-accorddion-cnt {
        padding-top: 13px;
        min-height: 550px
    }

    .classified-accordion-title-txt {
        font-size: 18px;
        font-family: Bold;
        color: #222;
        float: left;
        padding: 8px 10px 10px
    }

    .classified-accordion {
        background: transparent;
        border: none;
        box-shadow: none
    }

    .classified-accordion>.panel-collapse>.panel-body {
        border: none !important;
        padding: 20px 0 !important
    }

    .classified-acc-add-addr {
        color: #fff !important;
        background-color: #7DBD00;
        padding: 8px 30px;
        border-radius: 3px
    }

    .classified-accordion-heading {
        padding: 10px !important;
        border-radius: 3px;
        background: #fff !important;
        width: 100%;
        display: inline-block;
        height: auto
    }

    .classified-acc-addr-cnt {
        background-color: #fff;
        padding: 20px;
        border-radius: 3px;
        position: relative;
        overflow: hidden
    }

    .classified-acc-addr-cnt-bg {
        background-color: #ddd
    }

    .recently-viewed .product-padding>a {
        clear: both;
        display: block;
        overflow: hidden;
        height: 234px;
        position: relative
    }

    .classified-acc-addr-cnt:hover,
    .classified-acc-addr-cnt:active {
        -webkit-box-shadow: inset 0px 0px 0px 3px #7DBD00 !important;
        -moz-box-shadow: inset 0px 0px 0px 3px #7DBD00 !important;
        box-shadow: inset 0px 0px 0px 3px #7DBD00 !important;
    }

    .classified-acc-addr-cnt:hover .classified-acc-continue-btn,
    .classified-acc-addr-cnt:active .classified-acc-continue-btn {
        background: #7DBD00 !important;
        color: #fff !important
    }

    .classified-acc-addr-cnt:hover .classified-acc-btn.classified-acc-select.setdefault_btn {
        background: #7DBD00 !important
    }

    .classified-acc-btn.classified-acc-select.setdefault_btn {
        background: #464e55 !important
    }

    #address-book .classified-acc-icon-cnt img {
        height: 16px
    }

    .classified-acc-icon-cnt>a {
        float: right;
        padding: 0 8px
    }

    .classified-acc-addr-heading {
        font-size: 20px;
        font-family: Regular;
        color: #222;
        padding-top: 13px
    }

    .classified-acc-addr-txt {
        font-size: 14px;
        font-family: Regular;
        color: #7e8c98;
        padding-top: 10px;
        height: 100px;
        overflow-y: auto
    }

    .address-active {
        background: url("../images/address-active.png") no-repeat scroll center center;
        height: 37px;
        width: 36px;
        position: absolute;
        top: 0;
        right: 0;
        display: none
    }

    .classified-acc-addr-cnt:active>.address-active {
        display: block
    }

    .classified-acc-noaddr-txt {
        float: left;
        width: 100%;
        font-size: 24px;
        color: #222;
        text-align: center;
        padding-bottom: 20px;
        padding-top: 50px
    }

    .classified-acc-noaddr-btn-cnt {
        float: left;
        width: 100%;
        padding-bottom: 50px
    }

    .classified-acc-noaddr-btn {
        float: none;
        text-align: center
    }

    .classified-acc-noaddr-btn>.classified-acc-add-addr {
        background-color: #7DBD00;
        color: #fff
    }

    .classified-acc-phone {
        color: #222;
        font-size: 16px;
        border-top: 1px solid #f4f4f4;
        border-bottom: 1px solid #f4f4f4;
        padding: 8px 0
    }

    .classified-acc-select-cnt {
        float: none;
        text-align: center
    }

    .classified-acc-select {
        margin: 0 auto;
        width: 70%
    }

    .classified-acc-btn {
        background-color: #7DBD00;
        color: #fff;
        font-size: 16px;
        padding: 8px 60px;
        border-radius: 3px
    }

    .classified-acc-addr-cnt .classified-acc-addr {
        overflow-y: hidden;
        width: 120%
    }

    .classified-acc-addr {
        padding-bottom: 12px
    }

    .classified-acc-btn-cnt {
        padding-top: 20px
    }

    .classified-acc-addr-container>.classified-acc-addr-cont {
        padding-left: 0px;
        padding-bottom: 15px
    }

    .classified-acc-addr-container>.classified-acc-addr-cont:nth-child(4n-7) {
        padding-left: 0px
    }

    .classified-acc-addr-container>.classified-acc-addr-cont:nth-child(4n) {
        padding-right: 0px
    }

    .edit-profile-form .classified-acc-addr-cont {
        padding-left: 0px
    }

    .edit-profile-form .classified-acc-addr-cont:last-child {
        padding-right: 15px
    }

    .edit-profile-addr-cnt {
        padding-top: 20px
    }

    .classified-accordion-right-txt {
        font-size: 16px;
        color: #222;
        padding-top: 10px;
        padding-right: 10px
    }

    .classified-accordion-fullwidth-head {
        width: 100%;
        float: left
    }

    .classified-acc-order-summary-pic-cnt {
        padding-left: 0px
    }

    .classified-acc-order-summary-pic {
        background: rgba(0, 0, 0, 0) no-repeat scroll center center/cover;
        border-radius: 4px;
        height: 156px;
        margin: 0 auto;
        max-width: 100%
    }

    .accordion-seller-txt {
        color: #8e8e8e;
        font-size: 16px
    }

    .classified-acc-order-summary-txt {
        float: left;
        padding-top: 15px;
        color: #222;
        font-size: 16px;
        width: 100%
    }

    .classified-acc-order-summary-info-cnt {
        padding-right: 0px;
        padding-left: 5px
    }

    .classified-acc-order-name {
        color: #222;
        font-size: 19px;
        padding-left: 0
    }

    .classified-acc-order-rate {
        font-size: 16px;
        color: #222
    }

    .classified-acc-order-del-time {
        color: #7DBD00
    }

    .classified-acc-order-qty-dd {
        background-color: #fff;
        width: 5%;
        border: none;
        padding: 15px 30px;
        margin-top: 10px;
        color: #222
    }

    .classified-acc-order-shp-fee {
        color: #222
    }

    .classified-acc-order-shp-fee-cnt {
        margin-top: 10px;
        padding: 10px 0;
        border-top: 1px solid #e7edf2;
        color: #8e8e8e;
        font-size: 16px
    }

    .classified-acc-item-fee-txt {
        color: #8e8e8e
    }

    .classified-acc-order-btn-cnt {
        border-top: 1px solid #e7edf2;
        padding: 20px 0 0 0;
        margin-top: 15px
    }

    .classified-acc-delete-btn {
        border-radius: 3px;
        color: #fff;
        font-size: 16px;
        padding: 8px 60px;
        background-color: #464e55;
        margin-left: 20px
            /* margin-left: 10px */
    }

    .sold-status .label-lg.label-default {
        background: transparent;
        color: #e06c17
    }

    .classified-acc-btn,
    .classified-acc-delete-btn {
        color: #fff !important
    }

    .classified-acc-continue-btn {
        color: #fff !important;
        background-color: #7DBD00 !important
    }

    .classified-acc-btn.classified-acc-select.setdefault_btn {
        background: #464e55 !important
    }

    .classified-acc-addr-cnt:hover .classified-acc-btn.classified-acc-select.setdefault_btn {
        background: #7DBD00 !important
    }

    #my-review .exchange-prof-pic {
        background-color: #fff
    }

    .classified-acc-order-btn,
    .classified-acc-order-btn>a {
        float: left
    }

    .classified-acc-tab-ul {
        border: none
    }

    .classified-acc-tab-ul>li {
        border: none !important;
        float: left;
        border-radius: 3px
    }

    .classified-acc-tab-ul>li>a {
        border: none !important;
        margin: 0;
        background-color: transparent !important;
        font-size: 16px;
        color: #9eaebb;
        font-family: Bold
    }

    .classified-acc-tab-ul>li.active>a {
        color: #222
    }

    .classified-acc-tab-ul>li>a:hover {
        color: #222
    }

    .classified-acc-tab-ul>li.active,
    .classified-acc-tab-ul>li.active {
        background: #fff !important;
        background: -webkit-linear-gradient(left, rgba(255, 0, 0, 0), white) !important;
        background: -o-linear-gradient(right, rgba(255, 0, 0, 0), white) !important;
        background: -moz-linear-gradient(right, rgba(255, 0, 0, 0), white) !important;
        background: linear-gradient(to right, rgba(255, 0, 0, 0), white) !important
    }

    .classified-acc-tab-ul>li.active>a,
    .classified-acc-tab-ul>li.active>a {
        background-color: transparent !important
    }

    .classified-acc-payment-icon-cnt {
        float: none;
        text-align: center;
        padding-top: 10px
    }

    .classified-acc-payment-icon-cnt>img {
        margin: 0 auto
    }

    .classified-acc-payment-cnt {
        padding-top: 20px
    }

    .classified-acc-paypal-btn {
        border-radius: 3px;
        color: #fff;
        font-size: 16px;
        padding: 8px 20px;
        background-color: #00447b;
        margin-top: 30px;
        border-color: #00447b
    }

    .classified-acc-paypal-btn:hover {
        color: #fff !important
    }

    .classified-acc-payment-btn-cnt {
        float: none;
        text-align: center;
        padding-top: 30px;
        padding-bottom: 30px
    }

    .classified-acc-order-qty>.select-box-down-arrow {
        background-position: right 10px
    }

    .classified-acc-cdtcard-cnt {
        background-color: #fff;
        border-radius: 4px
    }

    .classified-acc-tab-pane-cnt {
        padding-right: 0
    }

    .classified-acc-pane-heading {
        font-size: 18px;
        color: #222;
        width: 100%;
        padding: 15px 20px;
        font-family: Bold;
        float: left;
        border-bottom: 1px solid #f4f4f4
    }

    .classified-acc-pane-content {
        padding: 20px;
        float: left;
        width: 100%
    }

    .classified-acc-pane-content>.highlight {
        background: transparent;
        border: none;
        color: #222
    }

    .classified-acc-pane-content>.classified-acc-pane-left-cnt>.classified-acc-pane-radio-cnt>.radio-inline>label {
        color: #222;
        font-size: 16px;
        font-family: Regular;
        font-weight: normal !important
    }

    .classified-acc-pane-content>.classified-acc-pane-left-cnt>.classified-acc-pane-radio-cnt>.radio-inline.highlight {
        background: transparent;
        border: none;
        color: #222
    }

    .card-num {
        border-top-right-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
        border-right: none !important
    }

    .cvv-num {
        border-top-left-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
        padding-right: 50px
    }

    .cvv-num-div {
        background: url("../images/cvv-icon.png") no-repeat;
        height: 33px;
        background-position: right 2px
    }

    .sheild-icon {
        background: rgba(0, 0, 0, 0) url("../images/sheild-icon.png") no-repeat scroll center center/cover;
        height: 123px;
        width: 93px;
        margin: 0 auto;
        max-width: 100%;
        margin-top: 20px
    }

    .sheild-icon-txt {
        width: 100%;
        text-align: center;
        font-size: 16px;
        color: #a5b0b8;
        padding-top: 10px;
        font-family: Bold
    }

    .classified-acc-pane-radio-cnt {
        padding-bottom: 15px
    }

    .classified-acc-pane-btn {
        padding-top: 10px
    }

    .classified-acc-pane-btn>.classified-acc-btn {
        float: left
    }

    .payment-dd-arrow {
        background: #fff url("../images/down-arrow.png") no-repeat;
        height: 8px;
        background-position: right 14px;
        cursor: pointer;
        padding-top: 10px;
        padding-bottom: 12px;
        padding-left: 5px;
        width: 70px;
        height: 35px;
        -moz-appearance: none
    }

    .classified-acc-order-qty>select {
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 1px;
        text-overflow: ""
    }

    .classified-accordion-title-sel {
        width: 54%
    }

    .classified-accordion-title-pay {
        width: 100%
    }

    .classified-acc-order-shp-fee-details {
        width: auto
    }

    .padding-top-10 {
        padding-top: 10px
    }

    #sample-hover-status {
        box-shadow: 0 0 0 3px #7DBD00 inset !important
    }

    .shadowcls {
        box-shadow: 0 0 0 3px #7DBD00 inset !important
    }

    .addressblock {
        display: block
    }

    .classfied-acc-paypal-btn {
        border: 1px solid !important
    }

    .profile-tab-content.empty-tap {
        max-height: 100% !important;
        text-align: center
    }

    #followings .profile-listing-product-cnt,
    .followersss .profile-listing-product-cnt {
        text-align: center
    }

    .empty-tap {
        max-height: 505px !important;
        min-height: 500px !important
    }

    .exchange-btn,
    .btn-chat-with-seller {
        cursor: pointer
    }

    a.loadmorenow.load {
        display: block;
        text-align: center;
        color: #7DBD00
    }

    .abs-sold-out {
        position: absolute
    }

    a.loadmorenow input:focus {
        outline: none
    }

    .profile-listing-opacity-bg {
        position: absolute;
        display: none
    }

    .profile-listing-btn-cnt {
        display: none
    }

    .imghoverproductlist:hover>.profile-listing-opacity-bg,
    .imghoverproductlist:hover>.product_view .profile-listing-btn-cnt {
        display: block !important
    }

    .imghoverproductlist {
        height: 100%
    }

    a.loadmorenow input {
        display: block;
        margin: 0 auto;
        background: transparent;
        border: 0;
        padding-top: 5px;
        margin-top: -33px;
        padding-top: 40px;
        color: #91a7b9
    }

    .classified-menu li.dropdown:first-child a {
        margin-left: 0
    }

    .message-counter.message-hide {
        display: none
    }

    .signup-box .login-btn {
        background-color: #7DBD00;
        border-radius: 5px;
        height: 40px;
        float: left;
        padding: 10px 0;
        text-align: center;
        color: #fff !important;
        border: medium none
    }

    .upload-btn.start-container {
        color: #fff;
        display: none
    }

    .search-form .form-group {
        margin-bottom: 0 !important
    }

    .forgot-content .forgot-box a.forgot-btn {
        color: #fff
    }

    .classified-search-bar-mobile input:hover {
        border: none
    }

    .classified-search-bar-mobile.form-group,
    .classified-search-bar.form-group {
        margin-bottom: 0
    }

    .affix>.container>.row>nav li.dropdown:first-child {
        padding-left: 200px
    }

    .affix>.container>.row>nav li.dropdown:first-child .classified-dropdown-submenu {
        margin-left: 200px
    }

    .classified-footer-menu-links li:first-child a {
        padding-left: 0
    }

    .modal-dialog.nearmemodal-content {
        transform: translate3d(0px, 0px, 0px)
    }

    .classified-search-icon.form-control::-webkit-input-placeholder {
        color: #b4c1cc !important
    }

    .classified-search-icon.form-control::-moz-placeholder {
        color: #b4c1cc !important
    }

    .classified-search-icon-mobile.form-control::-webkit-input-placeholder {
        color: #b4c1cc !important
    }

    .classified-search-icon-mobile.form-control::-webkit-input-placeholder {
        color: #b4c1cc !important
    }

    .classified-header-nav>ul.sticky-header-dropdown>li>a:hover {
        background-color: #f5f5f5 !important
    }

    .sticky-header-menu-icon {
        padding: 0px 10px 15px 0px;
        border-radius: 3px;
        -webkit-animation: slide-down .3s ease-out;
        -moz-animation: slide-down .3s ease-out
    }

    .sticky-header-dropdown {
        border: none;
        padding: 0px
    }

    .map-menu-fixed>div {
        left: 0;
        position: fixed;
        top: 104px;
        z-index: 1
    }

    .map-menu-fixed>div>.dropdown-near-you {
        margin: 5px auto 0
    }

    .map-menu-fixed {
        height: 36px
    }

    .login-box .login-btn {
        margin: 0
    }

    .categories>.grid>.categories-list>ul>li a.active {
        color: #7DBD00 !important
    }

    .stuff-post .post-btn {
        background-color: #7DBD00;
        border-radius: 5px;
        float: left;
        height: 40px;
        padding: 10px 25px;
        text-align: center;
        margin-top: 15px;
        margin-bottom: 0px;
        color: #fff;
        border: none
    }

    #products-form label {
        font-size: 1.1em;
        font-weight: normal !important
    }

    .stuff-post .post-btn:hover {
        color: #fff;
        background-color: #7DBD00;
        border: none
    }

    .stuff-post .post-btn:active,
    .stuff-post .post-btn:focus,
    .stuff-post .post-btn:visited {
        color: #fff !important;
        background-color: #7DBD00;
        border: none
    }

    .margin-left-0 {
        margin-left: 0
    }

    .preview {
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        height: 100%;
        position: relative;
        text-align: center;
        width: 100%
    }

    .preview img {
        height: 100%;
        width: 100%
    }

    .cancel {
        opacity: .86;
        position: absolute;
        right: -1px;
        top: -1px;
        z-index: 3
    }

    .stuff-img .delete {
        position: absolute;
        right: 0;
        z-index: 3
    }

    .sold-btn,
    .delete-btn,
    .post-btn {
        color: #fff
    }

    .stuff-post .btn-warning {
        border: medium none;
        border-radius: 5px;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        height: 40px;
        margin-bottom: 35px;
        margin-left: 10px;
        margin-top: 15px;
        padding: 10px 25px;
        text-align: center
    }

    .currency-select-box-row .form-control {
        margin-bottom: 7px !important
    }

    .location-error {
        display: none;
        color: #4d0000
    }

    .add-photos .form-group.group-form-container {
        margin-bottom: 0
    }

    .Category-price-box-row .Category-input-box-row {
        padding-bottom: 0
    }

    .Category-input-box-row.location-container {
        padding-bottom: 0
    }

    .row.fileupload-buttonbar {
        margin: 0 !important
    }

    .post-btn {
        letter-spacing: normal
    }

    div.form.product-form-container .row {
        margin: 5px
    }

    .errorMessage {
        float: left;
        width: 100%;
        color: red
    }

    .instant-buy-details {
        display: none
    }

    #login-form .errorMessage,
    #users-signup-form .errorMessage {
        margin-bottom: 10px
    }

    .message-type-container .chat-message-type .message-send a .send-btn {
        padding: 23px 0
    }

    .message-type-container .chat-message-type .form-group textarea {
        height: 70px;
        font-size: 1.1em
    }

    .message-type-container .chat-message-type .form-group {
        padding-right: 10px;
        margin-bottom: 0px
    }

    .chat-message-type .comment-text-area {
        width: 100%
    }

    .message-cnt ol {
        list-style: none
    }

    .message-vertical-tab-section .tab-content {
        padding-bottom: 34px
    }

    .typing-status {
        opacity: 0
    }

    .profile-vertical-tab-section {
        padding-bottom: 35px
    }

    .prof-pic-container {
        text-align: center
    }

    .profile-vertical-tab-container {
        background-color: #fff;
        border-radius: 4px;
        padding-left: 0px;
        padding-right: 0px
    }

    ul.profile-vertical-tab-container {
        border: none
    }

    .profile-vertical-tab-container>li {
        border-top: 1px solid #f4f4f4
    }

    .profile-vertical-tab-container>li:first-child {
        border: none
    }

    .profile-vertical-tab-container>li.active>a,
    .profile-vertical-tab-container>li.active>a:hover,
    .profile-vertical-tab-container>li.active>a:focus {
        cursor: default;
        border: none;
        float: left;
        width: 100%;
        color: #7DBD00 !important;
        font-family: Bold;
        background-color: #fbfbfb;
        word-wrap: break-word
    }

    .profile-vertical-tab-container>li.active>a>span.ad-label,
    .profile-vertical-tab-container>li.active>a:hover>span.ad-label,
    .profile-vertical-tab-container>li.active>a:focus>span.ad-label {
        font-family: Regular
    }

    .profile-vertical-tab-container>li.active {
        padding-right: 0px
    }

    .profile-vertical-tab-container>li:first-child.active {
        padding-top: 5px;
        padding-right: 5px;
        padding-bottom: 0px
    }

    .profile-vertical-tab-container>li.active>a {
        border-top: 0px;
        border-right: 0px;
        border-bottom: 0px
    }

    .camera-edit-icon {
        background: url("../images/camera-edit-icon.png") no-repeat;
        width: 39px;
        height: 39px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        position: absolute;
        right: -15px;
        bottom: 15px;
        box-shadow: 0px 0px 5px 0px rgba(78, 78, 78, .48);
        border-radius: 50px
    }

    .profile-vertical-tab-container>li>a {
        margin-right: 0;
        border-radius: 0px;
        float: left;
        width: 100%;
        border: none;
        color: #222;
        font-size: 1.125em
    }

    .profile-vertical-tab-container>li>a:hover {
        border-bottom: none;
        color: #7DBD00
    }

    .ad-label {
        background-color: #E600ac;
        color: #fff;
        padding: 3px 5px 0;
        font-size: .875em;
        border-radius: 3px
    }

    .profile-page-profile-icon {
        width: 120px;
        height: 120px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        border-radius: 50%;
        margin: 0 auto;
        position: relative
    }

    .profile-icon-cnt {
        padding-top: 20px
    }

    .profile-page-profile-icon>a {
        position: absolute;
        width: 100%;
        height: 100%
    }

    .camera-edit-icon>a {
        position: absolute;
        width: 100%;
        height: 100%
    }

    .profile-vertical-tab-section>.tab-content {
        padding-left: 10px;
        padding-right: 0px
    }

    .profile-details {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .profile-user-name {
        font-size: 1.5em;
        overflow: hidden;
        padding: 0 15px;
        text-overflow: ellipsis;
        white-space: nowrap
    }



    .profile-country-name {
        font-size: .875em
    }

    .profile-tab-content-heading {
        color: #222;
        font-family: Bold;
        font-size: 1.5em;
        float: left;
        padding: 15px;
        border-bottom: 1px solid #f4f4f4 !important;
        display: flex;
        justify-content: space-between;
    }

    .profile-tab-content-heading span {
        align-self: center;
    }

    .change-pwd-btn>a,
    .change-pwd-btn>a:active,
    .change-pwd-btn>a:focus {
        float: left;
        color: #fff !important;
        padding-top: 10px;
        padding-bottom: 10px;
        width: 100%
    }

    .change-pwd-btn #verify_text {
        background: #ff1d26;
        text-align: center;
        border-radius: 5px
    }

    .profile-tab-content-heading>.change-pwd-btn>a,
    .profile-tab-content-heading>.change-pwd-btn>a:active,
    .profile-tab-content-heading>.change-pwd-btn>a:focus {
        font-size: 1.4rem
    }

    .profile-tab-content#edit-prof>.profile-tab-content-heading {
        border: none
    }

    .edit-profile-form {
        padding: 0px 15px 15px 15px
    }

    .profile-text-label {
        color: #222;
        font-size: 1.1em;
        padding-top: 10px
    }

    .profile-label-verification {
        color: #222;
        font-size: 1.125em;
        padding-top: 15px;
        float: left
    }

    .profile-label-verification>span {
        float: left;
        padding-right: 5px
    }

    .question-circle {
        background: url("../images/question.png") no-repeat;
        width: 13px;
        height: 13px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        float: left
    }

    .mandotory-field {
        color: red;
        padding-left: 5px
    }

    .profile-input-fields {
        border-radius: 4px;
        padding: 0px;
        height: 40px;
        margin-top: 10px
    }

    .profile-input-fields>input {
        border-radius: 4px;
        width: 100%;
        border: 1px solid #e7edf2;
        padding: 0px 12px;
        height: 40px
    }

    .profile-input-fields>input::-moz-placeholder {
        color: #8e8e8e;
        font-size: 1.1em
    }

    .profile-email {
        padding-top: 30px;
        font-family: Bold
    }

    .profile-email-txt {
        font-size: 1.1em;
        color: #8e8e8e
    }

    .profile-email-txt-cnfm {
        color: #5a7184
    }

    .profile-mobile-details {
        display: none
    }

    .profile-promote-modal {
        margin-left: 0
    }

    .profile-promote-modal>p.login-header-text {
        padding-left: 0
    }

    .profile-promote-modal-header>button.login-close {
        padding-right: 0 !important
    }

    .address-action a {
        color: #5a7184
    }

    .address-edit:hover {
        color: #7DBD00 !important
    }

    .address-delete:hover {
        color: #c22b3d
    }

    .address-box-cont {
        padding-left: 10px
    }

    .address-box {
        height: auto;
        margin-top: 15px;
        border-radius: 4px;
        padding: 10px 15px 15px;
        background: #f4f4f4;
        min-height: 240px;
        position: relative
    }

    .address-box span {
        word-wrap: break-word
    }

    .address-box>.checkbox {
        position: absolute !important;
        bottom: 10px !important
    }

    .address-box>.checkbox label {
        padding-left: 0px
    }

    .otp-modal-header {
        padding: 12px;
        padding-top: 10px;
        border-bottom: 1px solid #eceff2
    }

    .otp-modal-content {
        font-family: Bold;
        font-size: 1.1em;
        color: #222;
        padding-left: 5px;
        padding-top: 8px
    }

    .otp-message {
        color: #334a5c;
        font-size: .875em
    }

    .verify-otp-btn {
        padding-top: 10px
    }

    .profile-dropdown {
        padding-top: 10px
    }

    .profile-dropdown>.drop-down-div {
        padding: 12px;
        background-color: transparent;
        border: 1px solid #e7edf2;
        color: #8e8e8e;
        border-left: 0px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px
    }

    .drop-down-div>.caret {
        margin-top: 8px
    }

    .add-phone {
        padding-top: 10px
    }

    .add-phone>a {
        font-size: 1.4rem;
        color: #7DBD00 !important
    }

    .profile-email-txt-cnfm>a {
        color: #c22b3d
    }

    .confirmation-input {
        background-color: #f4f4f4
    }

    .hor-line {
        background-color: #f4f4f4;
        height: 1px;
        float: left;
        margin-top: 35px;
        margin-bottom: 5px
    }

    .classified-caret {
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px dashed
    }

    .change-pwd-btn {
        width: auto;
        min-width: 80px
    }

    .change-pwd-btn>a {
        padding: 9px 12px
    }

    .profile-text-bold {
        font-family: Bold
    }

    .profile-tab-tick-icon {
        float: left
    }

    .profile-tab-cancel-icon {
        background: url("../images/profile-tab-cancel-icon.png") no-repeat;
        width: 16px;
        height: 16px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        float: left;
        margin-top: 3px
    }

    .profile-email-txt>.verified-txt {
        font-size: 1.25em;
        padding-left: 15px;
        float: left
    }

    .profile-email-txt>a {
        color: #c22b3d
    }

    .profile-email-txt>.change-txt>a {
        color: #8e8e8e;
        font-size: 1.25em;
        padding-left: 5px;
        float: left
    }

    .prof-save-btn {
        margin-top: 15px
    }

    .verify-via-sms-btn {
        padding-top: 10px;
        padding-left: 12px
    }

    .profile-tab-content {
        background-color: #fff;
        border-radius: 4px
    }

    .profile-listing-product-cnt {
        padding: 15px
    }

    .profile-listing-opacity-bg {
        background-color: #000;
        opacity: .4;
        height: 100%;
        border-radius: 6px
    }

    .profile-listing-btn-cnt>a.edit-listing-btn {
        background: transparent;
        border: 2px solid #fff;
        border-radius: 4px;
        text-align: center;
        color: #fff !important;
        line-height: 34px;
        font-size: 1.1em
    }

    .profile-listing-btn-cnt>a.promote-btn {
        background: #7DBD00;
        border-radius: 4px;
        text-align: center;
        color: #fff !important;
        line-height: 34px;
        font-size: 1.1em;
        margin-top: 10px
    }

    .profile-listing-btn-cnt {
        position: absolute !important
    }

    .profile-listing-btn-cnt.single-btn {
        top: 42%
    }

    .profile-listing-btn-cnt.double-btn {
        top: 28%
    }

    .profile-listing-product>.image-container,
    .profile-listing-product>#prod-2.image-container,
    .profile-listing-product>#prod-3.image-container,
    .profile-listing-product>#prod-4.image-container,
    .profile-listing-product>#prod-5.image-container,
    .profile-listing-product>#prod-6.image-container {
        border-radius: 6px;
        border: none
    }

    .profile-listing-product-hover {
        height: 100%
    }

    .profile-listing-product-hover {
        display: none
    }

    .profile-listing-product>.image-container:hover>.profile-listing-product-hover,
    .profile-listing-product>.image-container:focus>.profile-listing-product-hover,
    .profile-listing-product>.image-container:active>.profile-listing-product-hover {
        display: block
    }

    .profile-listing-product {
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 10px
    }

    .load-more-cnt {
        padding-top: 30px
    }

    .load-more-icon {
        background: url("../images/load-more.png") no-repeat;
        width: 34px;
        height: 34px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        margin: 0 auto;
        cursor: pointer
    }

    .notification-row:last-child {
        border-bottom: medium none
    }

    .load-more-txt {
        color: #91a7b9;
        font-size: 1.1em;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 30px
    }

    .recent-activities-tab {
        padding: 15px !important
    }

    ul.recent-activities-tab {
        border-bottom: 1px solid #f4f4f4
    }

    .recent-activities-tab>li.active>a,
    .recent-activities-tab>li.active>a:hover,
    .recent-activities-tab>li.active>a:focus {
        border: none;
        color: #fff !important;
        background-color: #7DBD00;
        padding: 7px 12px !important
    }

    .recent-activities-tab>li>a:hover,
    .recent-activities-tab>li>a:focus {
        border: none !important;
        color: #627686;
        padding: 7px 12px !important
    }

    .recent-activities-tab>li>a {
        color: #627686;
        border: none;
        padding: 7px 12px !important;
        border-radius: 4px;
        font-size: 1.125em
    }

    .recent-activities-tab-content>.tab-pane>.profile-listing-product-cnt>.profile-listing-product>a>.image-container {
        border-radius: 6px !important;
        border: none !important
    }

    .recent-activities-tab-content>.load-more-cnt>a>.load-more-txt {
        padding-bottom: 40px
    }

    .promotion-content>.load-more-cnt>a>.load-more-txt {
        padding-bottom: 40px
    }

    .exchange-rows>.load-more-cnt>a>.load-more-txt {
        padding-bottom: 40px
    }

    .profile-listing-product-cnt>.exchange-row:last-child {
        margin-bottom: 0px
    }

    .profile-tab-content#notifications>.load-more-cnt>a>.load-more-txt {
        padding-bottom: 40px
    }

    .followers-prof-pic-1 {
        background: url("../images/followers-prof-pic-1.png") no-repeat;
        width: 84px;
        height: 84px;
        border-radius: 50%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        margin: 0 auto;
        position: relative
    }

    .followers-prof-pic-1>a {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%
    }

    .followers-prof-pic-2 {
        background: url("../images/followers-prof-pic-2.png") no-repeat;
        width: 84px;
        height: 84px;
        border-radius: 50%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        margin: 0 auto;
        position: relative
    }

    .followers-prof-pic-2>a {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%
    }

    .followers-prof-pic-3 {
        background: url("../images/followers-prof-pic-3.png") no-repeat;
        width: 84px;
        height: 84px;
        border-radius: 50%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        margin: 0 auto;
        position: relative
    }

    .followers-prof-pic-3>a {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%
    }

    .followers-prof-pic-4 {
        background: url("../images/followers-prof-pic-4.png") no-repeat;
        width: 84px;
        height: 84px;
        border-radius: 50%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        margin: 0 auto;
        position: relative
    }

    .followers-prof-pic-4>a {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%
    }

    .followers-prof-pic-5 {
        background: url("../images/followers-prof-pic-5.png") no-repeat;
        width: 84px;
        height: 84px;
        border-radius: 50%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        margin: 0 auto;
        position: relative
    }

    .followers-prof-pic-5>a {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%
    }

    .followers-prof-pic-6 {
        background: url("../images/followers-prof-pic-6.png") no-repeat;
        width: 84px;
        height: 84px;
        border-radius: 50%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        margin: 0 auto;
        position: relative
    }

    .followers-prof-pic-6>a {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%
    }

    .followers-cnt {
        background-color: #f4f4f4;
        padding: 12px;
        border-radius: 4px
    }

    .followers-info-cnt {
        padding-left: 10px
    }

    .follower-name {
        font-size: 1.25em;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-bottom: 5px
    }

    .follower-place {
        color: #627686;
        font-size: .875;
        padding-bottom: 8px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .follow-btn {
        background-color: #fff;
        border: 1px solid #e7edf2;
        border-radius: 4px;
        color: #222;
        font-size: 1.1em;
        text-align: center;
        padding-top: 7px;
        padding-bottom: 7px
    }

    .unfollow-btn {
        font-size: 1.1em;
        padding-top: 8px;
        padding-bottom: 8px;
        cursor: pointer
    }

    .promotion-product>#prod-1.image-container,
    .promotion-product>#prod-2.image-container,
    .promotion-product>#prod-3.image-container,
    .promotion-product>#prod-4.image-container,
    .promotion-product>#prod-5.image-container,
    .promotion-product>#prod-6.image-container {
        border-radius: 6px;
        border: none
    }

    .urgent-promote-error.delete-btn,
    .adds-promote-error.delete-btn {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        color: red;
        display: none
    }

    .promotion-product {
        padding-left: 5px;
        padding-right: 5px
    }

    .promotion-product:nth-child(4n+1) {
        padding-left: 0px
    }

    .promotion-product:nth-child(4n+4) {
        padding-right: 0px
    }

    .promotion-product {
        padding-top: 10px
    }

    .recent-activities-tab-content>.tab-pane>.profile-listing-product-cnt>.promotion-product>a>.image-container {
        border-top-left-radius: 4px !important;
        border-top-right-radius: 4px !important;
        border: none !important;
        height: 150px !important
    }

    .promotion-product-info-cnt {
        background-color: #fff;
        border: 1px solid #e7edf2;
        border-top: none;
        border-bottom-left-radius: 4px !important;
        border-bottom-right-radius: 4px !important;
        padding-top: 15px;
        padding-bottom: 15px
    }

    .promotion-product-name {
        color: #222;
        font-size: 1.1em;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 0 10px
    }

    .promotion-product-price {
        color: #222;
        font-size: 1.1em;
        text-align: center
    }

    .promotion-details {
        display: none
    }

    .promotions-details-row {
        background-color: #fff;
        border-radius: 4px
    }

    .promotions-content-cnt {
        padding: 15px
    }

    .promotion-detail-prod-pic {
        background: rgba(0, 0, 0, 0) url("../images/10.jpg") no-repeat scroll center center/contain;
        border-radius: 4px;
        height: 285px;
        margin: 0 auto;
        max-width: 100%
    }

    .promotions-details-content {
        padding-top: 10px
    }

    .promotions-prod-name-header {
        color: #222;
        font-size: 1.25em;
        text-align: left;
        margin-left: 15px;
        padding-bottom: 10px;
        border-bottom: 1px solid #f4f4f4
    }

    .promotions-type,
    .paid-amt,
    .upto {
        color: #b0bcc7;
        font-size: .9em;
        text-transform: uppercase
    }

    .promotions-type-txt {
        font-size: 1.1em
    }

    .vertical-divider {
        background-color: #f4f4f4;
        float: left;
        height: 30px;
        width: 1px
    }

    .paid-amt-cnt {
        padding-left: 20px
    }

    .paid-amt-txt,
    .upto-txt {
        color: #222;
        font-size: 1.1em
    }

    .upto-cnt {
        padding-top: 10px
    }

    .repromote-btn {
        background-color: #7DBD00;
        padding: 10px 15px;
        color: #fff !important;
        border-radius: 4px;
        font-size: 1.1em;
        text-align: center;
        max-width: 100%
    }

    .repromote-btn-mob-cnt {
        display: none
    }

    .transaction-cnt {
        padding-top: 10px
    }

    .transaction-id {
        color: #b0bcc7;
        font-size: .9em;
        text-transform: uppercase
    }

    .transaction-id-txt {
        color: #222;
        font-size: 1.1em;
        text-transform: uppercase;
        word-wrap: break-word
    }

    .status-cnt {
        padding-top: 10px
    }

    .status {
        color: #b0bcc7;
        font-size: .9em;
        text-transform: uppercase
    }

    .status-txt {
        color: red;
        font-size: 1.1em;
        text-transform: uppercase
    }

    .exchange-row {
        background-color: #f1f3f5;
        border-radius: 4px;
        margin-bottom: 15px
    }

    .exchange-status-row {
        padding: 15px;
        border-bottom: 1px solid #dce2e8
    }

    .exchange-status {
        color: #222;
        font-size: 1.1em;
        font-family: Bold;
        float: left
    }

    .exchange-status>span.status-txt#status-accepted {
        color: #7DBD00;
        font-size: 1.1em;
        font-family: Regular
    }

    .exchange-status>span.status-txt#status-pending {
        color: #ff9000;
        font-size: 1.1em;
        font-family: Regular
    }

    .view-exchange>a {
        color: #222;
        font-size: 1.1em
    }

    .exchange-prof-pic {
        border-radius: 50%;
        margin: 0 auto;
        background-color: #fff !important
    }

    #exchange-pic-1 {
        background: url("../images/3.jpg") no-repeat;
        width: 120px;
        height: 120px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        display: table-cell;
        object-fit: cover
    }

    #exchange-pic-2 {
        background: url("../images/6.jpg") no-repeat;
        width: 120px;
        height: 120px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        display: table-cell;
        object-fit: cover
    }

    #exchange-pic-3 {
        background: url("../images/9.jpg") no-repeat;
        width: 120px;
        height: 120px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        display: table-cell;
        object-fit: cover
    }

    #exchange-pic-4 {
        background: url("../images/1.jpg") no-repeat;
        width: 120px;
        height: 120px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        display: table-cell;
        object-fit: cover
    }

    .exchange-content-cnt {
        padding: 15px
    }

    .exchange-prof-name {
        color: #222;
        font-size: 1.1em;
        text-align: center;
        padding-top: 10px;
        word-wrap: break-word
    }

    .exchange-name {
        color: #222;
        font-size: 1.125em;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-top: 20px;
        padding-bottom: 5px
    }

    .exchange-place {
        color: #8e8e8e;
        font-size: 1.1em;
        padding-top: 5px;
        word-wrap: break-word
    }

    .exchange-arrow {
        background: url("../images/exchange-arrow.png") no-repeat;
        width: 20px;
        height: 34px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        margin: 0 auto
    }

    .exchange-arrow-cnt {
        padding-top: 50px
    }

    .exchange-info {
        padding: 1px;
        border-radius: 4px;
        background-color: #e8ecf0;
        padding: 18px 15px
    }

    .exchange-initiate-date {
        font-size: .875em;
        color: #222;
        float: left;
        padding-top: 5px
    }

    .exchange-btn {
        padding: 5px 10px;
        color: #fff !important;
        border-radius: 4px;
        float: right;
        margin-left: 10px;
        min-width: 60px;
        text-align: center;
        margin-right: 5px
    }

    .exchange-btn:active,
    .exchange-btn:focus {
        color: #fff !important
    }

    .exchange-info>.exchange-btn-cnt>.exchange-btn:first-child {
        margin-left: 0px
    }

    .exchange-details-info {
        padding: 1px;
        background-color: #fff;
        padding: 18px 0 15px;
        border-top: 1px solid #f4f4f4;
        border-bottom: 1px solid #f4f4f4
    }

    .exchange-details-info>.exchange-btn-cnt>.exchange-btn:first-child {
        margin-left: 0px
    }

    .exchange-back-link>a {
        color: #8e8e8e;
        font-size: 1.5rem;
        font-family: Regular;
        text-align: right;
        width: 100%;
        float: left
    }

    .exchange-prod-name {
        color: #222;
        font-size: 1.125em;
        text-align: center;
        padding-top: 10px;
        word-wrap: break-word
    }

    #comment #comment.comment-text-area {
        background-color: #f6f5f7 !important
    }

    .exchange-indivi {
        display: none
    }

    #exc-success,
    .exc-success {
        background-color: #7DBD00
    }

    #exc-failed,
    #exc-accept,
    #exc-pending {
        background-color: #464e55
    }

    .exchange-detail-prof-pic {
        background: url("../images/12.jpg") no-repeat;
        max-width: 100%;
        height: 285px;
        border-radius: 4px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        margin: 0 auto
    }

    .exchange-detail-arrow-cnt {
        padding-top: 130px
    }

    .exchange-details-row {
        background-color: #fff;
        border-radius: 4px
    }

    .exchange-history>a {
        font-size: .875em;
        color: #222;
        float: left;
        padding-top: 5px
    }

    .exchange-history>a>img {
        margin-right: 10px
    }

    .exchange-message-conversation {
        background-color: #fff;
        border-radius: 0 4px 4px;
        margin-left: 11px;
        max-width: 100%;
        padding: 15px;
        position: relative;
        border: 1px solid #e5e9ed;
        width: auto !important;
    }

    .exchange-arrow-left {
        background: rgba(0, 0, 0, 0) url("../images/left-chat-arrow.png") no-repeat scroll center center/cover;
        height: 14px;
        position: absolute;
        left: 1px;
        width: 11px;
        z-index: 553
    }

    .exchange-message-conversation>.conversation-bargain-container {
        padding-left: 0;
        width: 100%
    }

    .exchange-message-conversation>.conversation-bargain-container>.conversation-text {
        width: 100%
    }

    .exchange-message-cnt {
        background: #f6f5f7 url(../images/chat-bg.png) repeat scroll center;
        padding: 15px
    }

    .exchange-comment-area {
        background-color: #fff !important
    }

    .exchange-comment-conversation {
        position: absolute;
        bottom: 0
    }

    .exchange-message-header {
        padding: 15px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        background-color: #f6f5f7;
        border-bottom: 1px solid #dce2e8;
        margin-top: 15px
    }

    .exchange-message-header-txt-cnt {
        color: #222;
        font-family: Bold;
        font-size: 1.125em
    }

    .exchange-message-header-txt-cnt>img {
        margin-right: 10px
    }

    .exchange-history-list-left {
        color: #222;
        font-size: 1.1em;
        float: left
    }

    .exchange-history-list-left>a {
        color: #7DBD00 !important;
        font-size: 1.1em
    }

    #Trackingdetails_notes {
        border: 1px solid #e2e2e2;
        margin-bottom: 20px
    }

    .exchange-history-list-left>a.cancel {
        color: red !important;
        font-size: 1.1em
    }

    .exchange-history-load-more {
        text-align: center;
        color: #8e8e8e
    }

    .exchange-history-list-right {
        color: #8e8e8e;
        font-size: .875em;
        text-align: right;
        float: left
    }

    .exchange-history-li {
        padding-bottom: 10px;
        border-bottom: 1px solid #f4f4f4;
        margin-bottom: 10px
    }

    .exchange-history-li:last-child {
        padding-bottom: 0px;
        border-bottom: 0px;
        margin-bottom: 0px
    }

    .viewmore-arrow {
        float: right;
        padding-left: 3px;
        padding-top: 1px
    }

    .notification-cnt {
        padding: 15px;
        float: left
    }

    .notification-row {
        border-bottom: 1px solid #f4f4f4
    }

    .notification-pro-pic-cnt {
        float: left;
        width: 10%
    }

    .notification-prof-pic {
        width: 75px;
        height: 75px;
        border-radius: 50%
    }

    #notif-prof-1 {
        background: url("../images/prof-pic-3.jpg") no-repeat;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover
    }

    #notif-prof-2 {
        background: url("../images/prof-pic-1.jpg") no-repeat;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover
    }

    #notif-prof-3 {
        background: url("../images/prof-pic-2.jpg") no-repeat;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover
    }

    #notif-prof-4 {
        background: url("../images/prof-pic-4.jpg") no-repeat;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover
    }

    #notif-prof-5 {
        background: url("../images/prof-pic-5.jpg") no-repeat;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover
    }

    .notification-message {
        font-size: 1.25em;
        color: #8e8e8e;
        word-wrap: break-word
    }

    .notification-message>a {
        color: #7DBD00
    }

    .notification-message>a.notification-product-name {
        color: #222
    }

    .notification-date {
        font-size: 1.1em;
        color: #8e8e8e;
        word-wrap: break-word
    }

    .notification-message-cnt {
        float: left;
        width: 90%;
        padding-left: 15px;
        padding-top: 15px
    }

    .forgot-password-cnt {
        padding: 0 15px 15px;
        display: none
    }

    .profile-tab-heading-btn>.btn-chat-with-seller {
        float: left;
        width: auto;
        padding: 5px 10px;
        margin: 0
    }

    #address-book .profile-tab-heading-btn>.btn-chat-with-seller {
        background: #7DBD00
    }

    .profile-tab-heading-btn>.btn-chat-with-seller>.chat-with-seller-text {
        font-family: Regular
    }

    .classified-acc-addr-txt>span {
        width: 100%;
        float: left;
        text-align: left;
        word-wrap: break-word;
        padding-right: 20px
    }

    .edit-profile-addr-cnt .classified-acc-addr-cnt {
        background-color: #fbfbfb;
        border: 2px solid #f4f4f4
    }

    select#Tempaddresses_country {
        border: 1px solid #e2e2e2
    }

    .edit-profile-addr-cnt .classified-acc-addr-cnt:hover,
    .edit-profile-addr-cnt .classified-acc-addr-cnt:active {
        background: #fff
    }

    .print-icon {
        padding-right: 15px
    }

    .print-txt {
        color: #8e8e8e
    }

    .profile-page-dev .nav-tabs>li.active>a,
    .profile-page-dev .nav-tabs>li.active>a:hover,
    .profile-page-dev .nav-tabs>li.active>a:focus {
        border: 0 !important
    }

    .help>div .help-rig-content {
        background-color: #fff;
        margin: 0 0 0 15px;
        padding: 15px;
        border-radius: 5px;
        text-align: justify
    }

    #products.categories {
        margin-bottom: 25px;
        user-select: none;
        -moz-user-select: none
    }

    .order-details {
        display: none
    }

    .sale-details {
        display: none
    }

    .sale-cnt {
        padding-bottom: 15px;
        padding-top: 15px
    }

    .order-placed {
        padding-left: 8px;
        font-family: Bold;
        line-height: 22px
    }

    .Order-total {
        line-height: 29px
    }

    .right-content {
        text-align: right
    }

    .float-right {
        float: right !important
    }

    .order-btn {
        padding: 6px 20px !important;
        margin-top: 15px;
        color: #fff !important;
        border-radius: 4px;
        float: left;
        margin-left: 5px;
        min-width: 140px;
        text-align: center
    }

    .order-id-btn {
        border: 1px solid #222;
        background: transparent;
        margin-top: 15px;
        padding: 5px 20px;
        color: #222 !important;
        border-radius: 4px;
        float: left;
        margin-left: 5px;
        min-width: 140px;
        text-align: center
    }

    .order-detail-name-header {
        color: #222;
        font-size: 1.25em;
        text-align: left;
        padding-bottom: 10px;
        padding-top: 10px
    }

    .divider {
        background: #f4f4f4;
        height: 1px;
        margin-top: 10px;
        margin-bottom: 10px
    }

    .divider-1 {
        background: #222;
        height: 2px;
        float: left
    }

    .sale-info {
        padding: 1px;
        border-radius: 4px;
        background-color: #f1f3f5;
        margin-top: 10px;
        padding: 15px 15px
    }

    .sale-initiate-date {
        line-height: 30px
    }

    .margin-0 {
        margin-left: 0px !important
    }

    ul.yiiPager .selected a {
        background-color: #7DBD00;
        color: #fff !important;
        border: 1px solid #7DBD00
    }

    .yiiPager {
        display: inline-block;
        padding-left: 16px;
        padding-top: 10px;
        padding-bottom: 20px;
        margin: 0 auto
    }

    .yiiPager li {
        float: left
    }

    ul.yiiPager a:link,
    ul.yiiPager a:visited {
        border: 1px solid #dce2e8;
        padding: 8px 16px;
        color: #222;
        margin-left: -1px;
        text-decoration: none
    }

    li.previous a {
        border-bottom-left-radius: 4px !important;
        border-top-left-radius: 4px !important
    }

    li.next a {
        border-bottom-right-radius: 4px !important;
        border-top-right-radius: 4px !important
    }

    .yiiPager .page>a {
        transition: background-color .3s
    }

    li.previous a {
        border-bottom-left-radius: 4px !important;
        border-top-left-radius: 4px !important;
        background-color: #f1f3f5
    }

    li.next a:hover {
        background-color: #f1f3f5
    }

    .help {
        word-wrap: break-word
    }

    .help .nav {
        padding: 5px 15px !important;
        background: #fff;
        border-radius: 5px;
        margin-bottom: 10px
    }

    .help>.nav-tabs>li.active>a,
    .help>.nav-tabs>li.active>a:hover,
    .help>.nav-tabs>li.active>a:focus {
        background-color: transparent;
        border-bottom: none;
        color: #222;
        border: none;
        box-shadow: none;
        word-wrap: break-word
    }

    .help>.nav-tabs>li>a,
    .help>.nav-tabs>li>a:hover,
    .help>.nav-tabs>li>a:focus {
        color: #222;
        font-size: 1.5rem !important
    }

    .help>.nav-tabs>li>a:focus,
    .help>.nav-tabs>li>a:active {
        color: #7DBD00 !important;
        font-family: Bold
    }

    .help>.nav>li>a {
        padding: 10px 0px
    }

    .help ul {
        border: none
    }

    .help>.nav-tabs>li>a {
        border: none
    }

    .help>.nav>li>a:hover {
        padding: 10px 0px;
        margin: 0px
    }

    .help>ul>li.active>a {
        color: #7DBD00 !important;
        font-family: Bold
    }

    .help>.nav>li>a:active {
        padding: 10px 0px
    }

    .help>.nav-tabs>li>a:hover {
        border: none;
        color: #222
    }

    .help-heading {
        padding-bottom: 10px;
        padding-top: 20px
    }

    .help-rig-content {
        word-wrap: break-word;
        padding-left: 15px
    }

    .help-rig-content h3 {
        margin-top: 0px !important;
        font-family: bold
    }

    .help-heading h2 {
        font-size: 1.5rem !important
    }

    .help>.tab-content h3 {
        margin: 0px;
        font-family: Bold;
        font-size: 1.5rem !important;
        color: #222
    }

    .help>.tab-content {
        padding-bottom: 40px;
        padding-top: 20px
    }

    .help>.tab-content p {
        line-height: 24px;
        color: #222;
        padding-top: 10px;
        font-size: 1.5rem !important
    }

    .filter-img {
        height: 200px
    }

    .filter-img img {
        height: 200px
    }

    .item-img img {
        height: 250px;
        width: 100%;
        object-fit: cover;
        background: #fff;
        transition: all .3s;
        margin: 0px 0
    }

    .item-img:hover img {
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        height: 250px;
        overflow: hidden
    }

    .review-content-description {
        word-break: break-word;
        word-wrap: break-word
    }

    .action-star {
        cursor: pointer
    }

    #writebtn {
        background-color: #7DBD00
    }

    div#page-content-wrapper {
        width: auto;
        right: 0
    }

    .chat-seller-modal-content,
    #confirm-popup .login-modal-content {
        margin: 50px auto
    }

    .profile-email-txt>a,
    .profile-email-txt>a:active,
    .profile-email-txt>a:focus,
    .profile-email-txt>a:hover,
    .profile-email-txt>a:visited,
    .profile-email-txt>a:link {
        color: #c22b3d !important
    }

    .follower-place {
        opacity: 0;
        cursor: default
    }

    .load-more-cnt {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .arrow-right {
        z-index: 8
    }

    .profile-listing-product>.image-container {
        overflow: hidden
    }

    .message-conversation-right-cnt>.message-conversation>.conversation-container>.conversation-bargain-container>.conversation-text {
        text-align: left
    }

    .change-pwd-btn>button,
    .change-pwd-btn>input,
    .change-pwd-btn>input:hover,
    .change-pwd-btn>input:active,
    .change-pwd-btn>input:focus {
        float: left;
        color: #fff !important;
        padding-top: 10px;
        padding-bottom: 10px;
        width: 100%;
        border: 0px
    }

    .profile-page-update .form-control {
        border: 1px solid #ccc
    }

    .classified-menu li.dropdown:first-child a {
        margin-left: 0;
        padding-left: 0
    }

    .message-counter.message-hide {
        display: none
    }

    .signup-box .login-btn {
        background-color: #7DBD00;
        border-radius: 5px;
        height: 40px;
        float: left;
        padding: 10px 0;
        text-align: center;
        color: #fff !important;
        border: medium none
    }

    .search-form .form-group {
        margin-bottom: 0 !important
    }

    .forgot-content .forgot-box a.forgot-btn {
        color: #fff
    }

    .classified-search-bar-mobile input:hover {
        border: none
    }

    .classified-search-bar-mobile.form-group,
    .classified-search-bar.form-group {
        margin-bottom: 0
    }

    .affix>.container>.row>nav li.dropdown:first-child {
        padding-left: 200px
    }

    .affix>.container>.row>nav li.dropdown:first-child .classified-dropdown-submenu {
        margin-left: 200px
    }

    .modal-dialog.nearmemodal-content {
        transform: translate3d(0px, 0px, 0px)
    }

    .classified-search-icon.form-control::-webkit-input-placeholder {
        color: #b4c1cc !important
    }

    .classified-search-icon.form-control::-moz-placeholder {
        color: #b4c1cc !important
    }

    .classified-search-icon-mobile.form-control::-webkit-input-placeholder {
        color: #b4c1cc !important
    }

    .classified-search-icon-mobile.form-control::-webkit-input-placeholder {
        color: #b4c1cc !important
    }

    .sidebar-nav li a {
        height: auto;
        width: auto
    }

    #products.section_container {
        margin-bottom: 10px;
        width: 100%
    }

    #Sliders2 {
        display: none
    }

    .categories>.grid>.categories-list>ul>li a.active {
        color: #7DBD00 !important
    }

    .center {
        text-align: Center
    }

    .no-margin {
        margin: 0px
    }

    .mobile-error,
    .counrty-error {
        color: red;
        margin-top: 20px;
        display: none
    }

    .otp-error {
        left: 2px;
        position: relative;
        top: 10px;
        font-size: .875em;
        display: none;
        color: red
    }

    .rand_code {
        font-weight: bold
    }

    .nav>li>a:focus,
    .nav>li>a:hover {
        background-color: transparent
    }

    .conversation-container {
        padding: 0px
    }

    .conversation-text,
    .conversation-bargain-container,
    .conversation-container {
        width: auto !important
    }

    .conversation-topic {
        padding-bottom: 10px
    }

    .message-conversation {
        width: auto;
        overflow: hidden;
        padding-right: 10px
    }

    .conversation-container {
        display: -webkit-flex;
        display: flex;
        display: -ms-flex;
        display: -moz-flex;
        display: -o-flex
    }

    #email_verify_link {
        color: #222 !important;
        text-decoration: underline !important
    }

    .login-box select {
        margin-bottom: 10px
    }

    .image-container {
        border: 1px solid #e7edf2 !important
    }

    .recently-viewed .product-padding .rate-section-2 .item-name {
        padding: 0 10px
    }

    ol.slider-pointer li {
        width: 14px;
        height: 7px;
        margin: 0;
        border: none;
        background-color: #fff
    }

    ol.slider-pointer li.active {
        width: 27px;
        height: 7px
    }

    #myCarousel .carousel-inner .item img {
        max-width: 100%
    }

    .message-actions {
        position: absolute;
        right: 10px;
        top: 10px
    }

    .message-actions a {
        float: right;
        margin: 0 2.5px
    }

    .block-user {
        background: url("../images/camera.png") no-repeat 0px 0px;
        height: 16px;
        float: right;
        padding: 10px
    }

    .delete-user {
        background: url("../images/camera.png") no-repeat 0px 0px;
        height: 16px;
        float: right;
        padding: 10px
    }

    .slider-pointer.carousel-indicators>li {
        margin-left: 3px;
        box-shadow: 0 0 3px 0px #454545
    }

    .carousel-indicators {
        bottom: 10px;
        margin-bottom: 0
    }

    .chat-message-container #home {
        background: url(../images/chat-bg.png) repeat scroll center;
        box-shadow: 0px 0px 4px #cccc
    }

    .item-top-1 {
        background-color: #2bc248;
        color: #fff;
        font-size: 1.3rem;
        left: 50px;
        padding: 5px 5px 1px;
        position: absolute;
        border-radius: 3px;
        top: 75px
    }

    .item-urgent-1 {
        background-color: #ff003c;
        color: #fff;
        font-size: 1.3rem;
        left: 50px;
        padding: 5px 5px 1px;
        position: absolute;
        border-radius: 3px;
        top: 75px
    }

    .center-btn {
        float: none !important;
        width: auto;
        padding: 10px !important
    }

    .message-prof-pic {
        background-color: #e5e9ed
    }

    .profile-page-profile-icon {
        background-color: #f6f5f7
    }

    #notifications .notification-prof-pic {
        background-color: #f6f5f7
    }

    #exchange-rows .exchange-prof-pic {
        background-color: #fff
    }

    .categories-filter-list:first-child {
        border-top: medium none !important
    }

    .classified-header-profile-img.img-responsive {
        background-color: #fff !important
    }

    .seller-prof-pic {
        background-color: #f6f5f7 !important
    }

    .to-prof-pic {
        background-color: #f6f5f7 !important
    }

    #products .categories>.grid>.categories-filter-list>.checkbox>label {
        padding-left: 25px
    }

    #products .categories-filter-list .cust_checkbox.urgent {
        margin-left: 3px
    }

    .followers-prof-pic-1 {
        background-color: #fff
    }

    .unfollow-btn {
        float: left
    }

    .follower-name {
        text-align: left
    }

    #fh5co-board .categories-filter-list .cust_checkbox {
        margin: 5px 3px
    }

    .main-mobile-menu .angle-down {
        background: rgba(0, 0, 0, 0) url("../images/down-arrow-black.png") no-repeat scroll right center;
        display: inline-block;
        float: right;
        font-size: 12px;
        height: 12px;
        margin: 12px 9px 0;
        text-align: right;
        width: 16px
    }

    .main-mobile-menu a.dropdown-toggle:hover .angle-down,
    .main-mobile-menu a.dropdown-toggle:active .angle-down,
    .main-mobile-menu a.dropdown-toggle:focus .angle-down {
        background: rgba(0, 0, 0, 0) url("../images/down-arrow-red.png") no-repeat scroll right center
    }

    .main-mobile-menu.open .angle-down {
        transform: rotate(180deg)
    }

    .main-mobile-menu .dropdown-toggle>span {
        float: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-right: 0;
        width: 74%;
        margin-left: 30px
    }

    #profile-mobile-details .mobile-error,
    #profile-mobile-details .counrty-error {
        width: 100%
    }

    #exchange-history-modal {
        bottom: unset;
        margin: 0 auto;
        top: 40px;
        width: 400px
    }

    .productfileters {
        display: none
    }

    .productfileters .for-sale-heading {
        padding: 0;
        text-decoration: none
    }

    .productfileters .for-sale-heading {
        display: inline-block;
        text-decoration: none;
        text-transform: capitalize;
        width: 100%;
        padding: 10px 0px;
        font-size: 14px !important;
        text-transform: uppercase
    }

    .productfileters .for-sale-heading::after {
        margin-top: 3px
    }

    .productfileters .categories-filter-list .search-filter-list {
        display: inline-block;
        margin: 0 auto;
        width: 100%
    }

    .productfileters .categories-filter-list .checkbox.checkbox-primary {
        display: inline-block;
        margin: 5px 10px 5px 0
    }

    .productfileters .categories-filter-list {
        padding: 8px 0
    }

    .productfileters .categories-filter-list .search-filter-list {
        display: inline-block;
        margin: 0 auto;
        text-align: center;
        width: 100%
    }

    .productfileters .checkbox label::before {
        left: 22px;
        top: 4px
    }

    .seller-verified-icon i {
        color: #fff;
        font-size: 12px;
        margin: 6px 0
    }

    .user-conv .message-prof-pic,
    .message-conversation-container .message-prof-pic {
        background: #f6f5f7 none repeat scroll 0 0;
        box-shadow: 0 0 4px #ccc
    }

    #live-msg-container {
        background: transparent
    }

    .acceptt-btn {
        background: #7DBD00 none repeat scroll 0 0
    }

    .counter-btn {
        background: #2bc248 none repeat scroll 0 0
    }

    .notify-btn {
        border-radius: 5px;
        color: #fff !important;
        float: left;
        height: 40px;
        margin: 15px 5px 35px;
        padding: 10px 25px;
        text-align: center
    }

    .offer-price-section>label {
        margin: 0
    }

    #count_modal .offer-price-txt-field-cnt {
        margin: 5px 0 20px
    }

    .counter-price-text.clearfix {
        background: #eceff2 none repeat scroll 0 0;
        margin-bottom: 20px;
        border-radius: 5px;
        margin-top: 10px;
        text-align: center
    }

    .counter-price-text .price-text {
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 5px;
        margin-top: 10px
    }

    .counter-price-text .right-borer {
        border-right: 1px solid #dbe1e6
    }

    .counter-price-text .price-rate {
        color: #7DBD00;
        font-weight: 600;
        margin-bottom: 10px
    }

    #sidebar-wrapper.sidebar-wraper {
        z-index: 1005;
        width: auto;
        height: auto;
        background: #fff;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
        overflow-x: hidden;
    }

    .slider-tick {
        width: auto
    }

    .slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
        font-size: 11px
    }

    @keyframes heartbeat {
        0% {
            transform: scale(0.75)
        }

        20% {
            transform: scale(1)
        }

        40% {
            transform: scale(0.75)
        }

        60% {
            transform: scale(1)
        }

        100% {
            transform: scale(0.75)
        }
    }

    .slider-handle.min-slider-handle.round:hover {
        animation: heartbeat 1.5s infinite;
        box-shadow: 0px 0px 0px 5px #f5c4c4;
        border-radius: 50%
    }

    .slider-handle {
        background-color: #7DBD00;
        background-image: -webkit-linear-gradient(top, #7DBD00 0, #7DBD00 100%);
        background-image: -o-linear-gradient(top, #7DBD00 0, #7DBD00 100%);
        background-image: linear-gradient(to bottom, #7DBD00 0, #7DBD00 100%)
    }

    .slider-selection.tick-slider-selection {
        background-image: -webkit-linear-gradient(top, #7DBD00 0, #7DBD00 100%);
        background-image: -o-linear-gradient(top, #7DBD00 0, #7DBD00 100%);
        background-image: linear-gradient(to bottom, #7DBD00 0, #7DBD00 100%)
    }

    .slider.slider-horizontal {
        width: 70%;
        height: 20px;
        float: left;
        margin: 0 4px
    }

    .slider.slider-horizontal .slider-track {
        height: 2px;
        margin-top: 0;
        top: 46%
    }

    .categories-filter-list .cust_checkbox.ads {
        margin-left: 1px
    }

    #Sliders3,
    #Sliders2 {
        display: none
    }

    .filter-align {
        margin: 0 auto;
        width: 100%;
        display: flex;
        justify-content: space-between
    }

    .filtr-hm {
        float: left;
        width: 16px;
        height: 18px;
        display: inline-block;
        background: url("../images/f_hme_select.png") no-repeat center center/cover;
        padding: 0 10px
    }

    .filtr-road span {
        position: relative;
        right: 15px;
        top: 4px
    }

    .filtr-road {
        float: left;
        width: 18px;
        height: 16px;
        display: inline-block;
        background: url("../images/f_road_select.png") no-repeat right center/cover;
        padding: 20px 0 0 12px;
        font-size: 11px
    }

    .filterTool .jslider-label {
        display: none !important
    }

    .jslider-value.jslider-value-to:after {
        content: "";
        border-top: solid 5px #7DBD00;
        border-left: solid 5px transparent;
        border-right: solid 5px transparent;
        position: absolute;
        left: 40%;
        top: 20px
    }

    .layout-slider {
        width: 100%;
        padding: 0px 15px
    }

    .jslider {
        display: block;
        width: 100%;
        height: 1em;
        position: relative;
        top: .6em;
        font-family: Arial, sans-serif
    }

    .jslider table {
        width: 100%;
        border-collapse: collapse;
        border: 0
    }

    .jslider td,
    .jslider th {
        padding: 0;
        vertical-align: top;
        text-align: left;
        border: 0
    }

    .jslider table,
    .jslider table tr,
    .jslider table tr td {
        width: 100%;
        vertical-align: top
    }

    .jslider .jslider-bg {
        position: relative
    }

    .jslider .jslider-bg i {
        height: 3px;
        position: absolute;
        font-size: 0;
        top: 0
    }

    .jslider .jslider-bg .l {
        width: 10%;
        background: #ccc;
        border-radius: 5px 0 0 5px;
        left: 0
    }

    .jslider .jslider-bg .f {
        width: 80%;
        left: 10%;
        background: #ccc
    }

    .jslider .jslider-bg .r {
        width: 10%;
        left: 90%;
        background: #ccc;
        border-radius: 0 5px 5px 0
    }

    .jslider .jslider-bg .v {
        position: absolute;
        width: 60%;
        left: 20%;
        top: 0;
        height: 3px;
        background: #7DBD00;
        border-radius: 5px
    }

    .jslider .jslider-pointer {
        width: 15px;
        height: 15px;
        background: #7DBD00;
        position: absolute;
        left: 20%;
        top: -6px;
        margin-left: -6px;
        cursor: pointer;
        border-radius: 20px
    }

    .jslider-pointer {
        display: none
    }

    .jslider-pointer.jslider-pointer-to {
        display: block
    }

    .jslider-label.jslider-label-to,
    .jslider-value {
        display: none !important
    }

    .jslider-value.jslider-value-to {
        display: block !important
    }

    .jslider .jslider-pointer-hover {
        background-position: -20px -60px
    }

    .jslider .jslider-pointer-to {
        left: 80%
    }

    .jslider .jslider-label {
        font-size: 9px;
        line-height: 12px;
        color: #000;
        opacity: .4;
        white-space: nowrap;
        padding: 0px 2px;
        position: absolute;
        top: -18px;
        left: 0px
    }

    .jslider .jslider-label-to {
        left: auto;
        right: 0
    }

    .SliderPriceCol .jslider-label {
        display: none !important
    }

    .SliderPriceCol .jslider-value {
        display: block !important
    }

    .SliderPriceCol .jslider-pointer {
        display: block
    }

    .jslider .jslider-value {
        font-size: 10px;
        white-space: nowrap;
        padding: 4px 5px;
        position: absolute;
        top: -35px;
        left: -35px;
        background: #7DBD00;
        line-height: 12px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 4px;
        color: #fff
    }

    .jslider .jslider-value-to {
        left: 80%;
        margin-left: -36px !important
    }

    .jslider .jslider-label small,
    .jslider .jslider-value small {
        position: relative;
        top: -0.4em
    }

    .jslider .jslider-scale {
        position: relative;
        top: 9px
    }

    .jslider .jslider-scale span {
        position: absolute;
        height: 5px;
        border-left: 1px solid #999;
        font-size: 0
    }

    .jslider .jslider-scale ins {
        font-size: 9px;
        text-decoration: none;
        position: absolute;
        left: 0px;
        top: 5px;
        color: #999
    }

    .jslider-single .jslider-pointer-to,
    .jslider-single .jslider-value-to,
    .jslider-single .jslider-bg .v,
    .jslider-limitless .jslider-label {
        display: none
    }

    #back2Top {
        overflow: hidden;
        z-index: 999;
        display: none;
        cursor: pointer;
        position: fixed;
        background-color: #fff;
        color: #222;
        text-align: center;
        font-size: 15px;
        text-decoration: none;
        box-shadow: 0 3px 16px 0 rgba(0, 0, 0, .11);
        border-radius: 5px;
        left: 50%;
        transform: translate(-50%, 0);
        top: 140px;
        padding: 7px 10px;
        width: auto;
        border: 1px solid #e0e0e0
    }

    #back2Top:hover {
        color: #000
    }

    #back2Top span {
        background: url("../images/arrow-up.png") no-repeat left 6px;
        padding: 0 0 0 25px
    }

    @media(min-width: 320px)and (max-width: 1023px) {
        .filter-align {
            min-width: 250px;
        }

        .layout-slider {
            width: 100%
        }

        .jslider-value.jslider-value-to::after {
            left: 45%
        }

        .price_slider_mobile>.jslider {
            width: 200px;
            margin: 27px auto 10px auto
        }
    }

    .ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
        max-height: 350px;
        overflow-x: hidden;
        overflow-y: auto
    }

    .payment-decline-status-info-txt .payment-red {
        margin: 0 10px
    }

    ul#dropdown-block>li:first-child>.sticky-header-dropdown-height.bold.dropdown-toggle.classified-for-sale-sticky {
        padding-left: 12px;
        padding-right: 12px
    }

    @media(min-width: 992px) {
        .container-small {
            width: 750px !important
        }
    }

    @media(min-width: 1200px) {
        .container-small {
            width: 750px !important
        }
    }

    @media(min-width: 1360px) {
        .container-small {
            width: 750px !important
        }
    }

    @media(min-width: 320px)and (max-width: 767px) {
        .reviewer-content {
            text-align: center
        }

        .location-button {
            padding-left: 15px;
            padding-top: 20px
        }

        .product_align_cnt {
            padding: 10px 0
        }

        .video-cover-text {
            top: 160px
        }

        #exchange-history-modal {
            width: 95%
        }

        .exchange-history-list-left,
        .exchange-history-list-right {
            text-align: center
        }

        .notify-btn {
            margin: 15px 5px 5px
        }

        .img-video {
            display: none
        }

        .img-slide-contetnt {
            position: unset
        }

        .slider-imag {
            min-height: 300px;
            position: unset;
            height: auto
        }

        .img-slide-contetnt .img-text {
            padding: 35px 0
        }

        .write-review span {
            padding-left: 0
        }

        .help>div .help-rig-content {
            margin: 0 0
        }
    }

    @media(min-width: 320px)and (max-width: 1199px) {
        .mobile-none {
            display: none
        }

        .product-review-p {
            padding-top: 20px
        }

        .video-cover {
            display: unset;
            position: absolute;
            top: -150px;
            vertical-align: top;
            width: auto
        }

        .classified-icon-mobile.input-search {
            background: url("../images/search.png") no-repeat 0px !important;
            width: 100%;
            display: inline-block;
            height: 40px;
            padding: 10px 0 0 30px;
            color: #cacaca
        }

        .mobile-search-cls.modal-dialog {
            width: 100%;
            vertical-align: top;
            margin: 0;
            height: 100%
        }

        .modal-content.cls_mobile-search {
            border-radius: 0;
            padding: 15px;
            height: 100%
        }

        .login-box .classified-search-bar input {
            padding-left: 35px;
            border-radius: 5px !important
        }

        .searcls-mobile .login-box .map-input-box {
            width: 100%;
            padding: 0
        }

        .searcls-mobile .map-select-box {
            width: 27%
        }

        .searcls-mobile .login-box select {
            border: 1px solid #e2e2e2;
            box-shadow: unset;
            border-radius: 0 5px 5px 0
        }

        .login-box .map-input-box input {
            width: 100%
        }

        .searcls-mobile.modal-dialog.modal-dialog-width {
            padding: 20px 20px;
            vertical-align: top
        }

        .searcls-mobile .login-btn {
            margin: 20px 0 0
        }

        .hme-top-location.map-input-section {
            padding-left: 0;
            padding-right: 0
        }
    }

    @media(min-width: 320px)and (max-width: 1023px) {
        .hme-top-location .map-input-box input {
            border-radius: 5px;
            margin-top: 10px
        }

        .img-video {
            display: none
        }

        .dropdown-toggle.classified-for-sale.disabled {
            margin-left: -20px
        }

        .search-filter-list .cust_checkbox.urgent {
            margin: 5px 5px
        }
    }

    /* @media(min-width: 320px)and (max-width: 639px) {

} */

    @media(min-width: 320px)and (max-width: 639px) {
        .product-review-p {
            float: left
        }
    }

    @media(min-width: 992px)and (max-width: 1023px) {
        .classified-login-user-nav {
            width: 50%
        }
    }

    @media(min-width: 600px)and (max-width: 767px) {
        .img-slide-contetnt {
            padding: 40px 0 !important
        }
    }

    @media(max-width: 1199px)and (min-width: 320px) {
        .classified-header-nav {
            display: none
        }
    }

    @media(min-width: 320px)and (max-width: 1023px) {
        .affix .classified-header-nav {
            display: none
        }

        .full-vheader {
            display: none
        }

        .classified-user-nav .navbar-nav .classified-header-login,
        .classified-user-nav .navbar-nav .classified-header-signup {
            display: none !important
        }

        .classified-user-nav .navbar-nav {
            display: block
        }

        .classified-search-bar-mobile {
            display: block !important
        }

        .classified-header-stuff {
            display: none
        }

        .classified-header-login {
            display: none !important
        }

        .classified-header-signup {
            display: none !important
        }

        .classified-menu {
            display: none
        }

        #menu-toggle img {
            float: right
        }

        #menu-toggle {
            display: block
        }

        #wrapper {
            display: block
        }

        div.form .errorMessage {
            color: red;
            font-size: .9em
        }

        .al-mobile-user-area {
            padding: 20px 10px 60px;
            float: left
        }

        .profile-img-mob {
            width: 100%
        }

        .nav .open>a,
        .nav .open>a:hover,
        .nav .open>a:focus {
            border-color: #fff !important
        }

        #menu-toggle {
            float: right
        }

        .classified-logo {
            text-align: left
        }

        .classified-others a {
            padding: 0px !important
        }

        .classified-app-section {
            padding-top: 20px
        }

        .classified-app-store {
            float: left;
            padding-right: 15px;
            padding-left: 0px
        }

        .classified-play-store {
            float: left
        }

        .dropdown-menu.multi-column {
            width: 400px
        }

        .dropdown-menu.multi-column .dropdown-menu {
            display: block !important;
            position: static !important;
            margin: 0 !important;
            border: none !important;
            box-shadow: none !important
        }

        .categories {
            display: none
        }

        .mobile-categories {
            display: block !important
        }

        .for-sale-heading {
            padding-top: 20px;
            text-decoration: underline;
            font-size: 14px !important
        }

        .mobile-categories>.mobile-categories-filter-list>.checkbox>label {
            color: #222 !important;
            font-size: 16px;
            font-family: Regular;
            padding-left: 0
        }

        .mobile-categories>.mobile-categories-filter-list>.checkbox {
            margin: 0;
            padding: 0
        }

        .mobile-categories-filter-list {
            float: left
        }

        .mobile-category-first-label {
            float: right;
            padding-right: 10px
        }

        .mobile-category-second-label {
            padding-left: 10px !important
        }

        li.dropdown,
        .classified-mobile-Category {
            float: left;
            width: 100%
        }

        li.dropdown.classified-header-profile {
            width: auto
        }

        .sidebar-nav li a {
            padding-left: 15px
        }

        .classified-for-sale:hover,
        .classified-for-sale:focus {
            padding-left: 15px
        }

        #sidebar-wrapper>ul>li:active ul.dropdown-menu.classified-dropdown-submenu,
        #sidebar-wrapper>ul>li:focus ul.dropdown-menu.classified-dropdown-submenu,
        #sidebar-wrapper>ul>li:hover ul.dropdown-menu.classified-dropdown-submenu {
            width: 100%
        }

        .productfileters {
            display: block
        }

        .productfileters .cust_checkbox.ads {
            margin: 5px 3px
        }

        .sidebar-wraper .al-mobile-user-area {
            box-shadow: 0 -6px 12px -6px #cacaca;
            display: inline-block;
            float: none;
            padding: 15px;
            text-align: center;
            width: 100%
        }

        #myCarousel .carousel-inner .item img {
            max-width: unset;
            width: 100%
        }
    }

    @media screen and (min-width: 320px)and (max-width: 639px) {
        .item-img img {
            /* height: auto !important */
            /* height: auto !important */

        height: 400px !important;
        object-position: top;
        }
    }

    @media screen and (min-width: 320px)and (max-width: 700px) {
        #fh5co-board[data-columns]::before {
            content: "2 .column.size-1of2"
        }

        .columncls {
            width: 50%;
            float: left
        }
    }

    @media screen and (min-width: 701px)and (max-width: 850px) {
        #fh5co-board[data-columns]::before {
            content: "3 .column.size-1of3"
        }

        .columncls {
            width: 33.333%;
            float: left
        }
    }

    @media screen and (min-width: 1300px) {
        #fh5co-board[data-columns]::before {
            content: "4 .column.size-1of4"
        }

        .columncls {
            width: 25%;
            float: left
        }
    }

    @media screen and (min-width: 1450px) {
        #fh5co-board[data-columns]::before {
            content: "5 .column.size-1of5"
        }

        .columncls {
            width: 20%;
            float: left
        }
    }

    @media screen and (min-width: 1600px) {
        #fh5co-board[data-columns]::before {
            content: "6 .column.size-1of6"
        }

        .columncls {
            width: 16.66%;
            float: left
        }
    }

    @media screen and (min-width: 1921px) {
        #fh5co-board[data-columns]::before {
            content: "8 .column.size-1of8"
        }

        .columncls {
            width: 12.5%;
            float: left
        }
    }

    @media screen and (max-width: 480px) {
        #fh5co-header {
            padding-top: 2em;
            padding-bottom: 2em
        }

        #fh5co-header>.navbar {
            padding-left: 0px;
            padding-right: 0px
        }

        #fh5co-header .navbar-brand {
            float: left !important;
            margin: inherit;
            text-align: left;
            padding-left: 0;
            margin-left: 0
        }

        .col-xxs-12 {
            float: none;
            width: 100%
        }
    }

    @media screen and (max-width: 768px) {

        #fh5co-hero,
        .fh5co-hero-wrap,
        .fh5co-bg-section {
            height: inherit;
            padding: 3em 0
        }

        .fh5co-bg-section,
        .fh5co-hero-wrap {
            height: inherit;
            padding: 3em 0
        }

        #fh5co-footer {
            padding: 5em 0
        }

        .fh5co-spacer-xlg {
            height: 70px
        }

        .fh5co-spacer-lg {
            height: 50px
        }

        .fh5co-spacer-md {
            height: 30px
        }

        .fh5co-spacer-sm {
            height: 20px
        }

        .fh5co-spacer-xs {
            height: 20px
        }

        .owl-carousel .owl-controls .owl-nav {
            display: none
        }

        .owl-theme .owl-controls .owl-nav {
            display: none
        }
    }

    @media screen and (max-width: 640px) {
        .ply-video span {
            padding: 10px 9px 10px 34px !important;
            background-size: 25px !important;
        }

        img.fh5co-align-right {
            width: 100%;
            margin: 0 0 .5em 0
        }

        .belowBtns {
            /*  display: flex;*/
            justify-content: center;
            gap: 10px;
            /*position: fixed !important;*/
            /*bottom: -2px !important;*/
            z-index: 20 !important;
            width: 100% !important;


            /*margin-left: -36px !important;*/
        }

        .make-offer-btn {
            margin-top: 10px !important;
        }
    }

    @media screen and (max-width: 480px) {
        img.fh5co-align-left {
            width: 100%;
            margin: 0 0 .5em 0
        }

        a>img.fh5co-align-right {
            width: 100%;
            margin: 0 0 .5em 0
        }

        a>img.fh5co-align-left {
            width: 100%;
            margin: 0 0 .5em 0
        }

        .post-list-modal-width {
            margin: 10px auto !important;
            width: 90% !important
        }

        .modal-header-text {
            margin-left: 5% !important
        }

        .post-list-header>.modal-header-text>p {
            padding-left: 10px;
            font-size: 1.5rem
        }

        .post-list-modal-heading {
            text-align: center
        }

        .post-list-content {
            text-align: center
        }

        .urgent-tab-left>ul>li.stuff-post>a {
            width: 100%
        }

        .urgent-tab-heading {
            width: 100% !important
        }

        .tab-radio-button:first-child {
            padding: 5px !important
        }

        .tab-radio-button:last-child {
            padding: 5px !important
        }

        .tab-radio-button {
            padding: 5px !important
        }

        .modal-header-text {
            margin-left: 5% !important
        }

        .post-list-header>.modal-header-text>p {
            padding-left: 10px;
            font-size: 1.5rem
        }

        .post-list-modal-heading {
            text-align: center
        }

        .post-list-content {
            text-align: center
        }

        .urgent-tab-left>ul>li.stuff-post>a {
            width: 100%
        }

        .urgent-tab-heading {
            width: 100% !important
        }

        .tab-radio-button:first-child {
            padding: 5px !important
        }

        .tab-radio-button:last-child {
            padding: 5px !important
        }

        .tab-radio-button {
            padding: 5px !important
        }

        .classified-app-store {
            padding-right: 3px
        }

        #googleMap {
            height: 400px
        }

        .nearmemodal-content {
            width: 300px;
            margin: 20 auto
        }

        .map-input-box {
            padding-right: 15px
        }

        .map-input-box {
            padding-right: 0px
        }

        .map-input-box {
            width: 70%
        }

        .map-select-box {
            width: 30%
        }

        .location-button {
            padding-top: 20px;
            text-align: center
        }

        .map-input-section {
            padding-left: 5px;
            padding-right: 5px
        }

        .map-input-box {
            padding-left: 0px
        }

        .map-close {
            display: block;
            background: #fff none repeat scroll 0 0 !important;
            font-family: Regular;
            font-size: 3rem;
            margin-top: -45px !important;
            opacity: 2 !important;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            padding-left: 10px !important;
            padding-right: 10px !important;
            text-align: center
        }

        .classified-new-account-info {
            font-size: 1.5rem
        }

        .classified-app-links {
            padding-top: 15px
        }

        .classified-new-account {
            padding-top: 15px
        }

        .classified-footer-head {
            padding-left: 10px;
            padding-right: 10px;
            padding: 40px 10px 30px
        }

        .classified-footer-menu-links a {
            padding-bottom: 15px
        }

        /* .classified-footer-head {
        padding-bottom: 20px
    } */

        .facebook-login {
            padding-right: 5px
        }

        .twitter-login {
            padding-right: 5px
        }

        .login-modal-content {
            margin: 0px auto
        }

        .signup-modal-content {
            margin: 0px auto
        }

        .select-box-down-arrow {
            background-position: right 14px
        }

        .nearmemodal-content {
            height: 450px
        }

        #mobile-verification .verified-txt {
            display: inline-block;
            float: left;
            width: 90%
        }

        #mobile-verification .change-txt {
            margin-left: 20px
        }

        .verify-via-sms-btn {
            padding-left: 0;
            padding-top: 10px
        }
    }

    @media(min-width: 768px)and (max-width: 1023px) {
        .post-list-modal-width {
            margin: 10px auto !important;
            width: 90% !important
        }

        .modal-header-text {
            margin-left: 30% !important
        }

        .post-list-header>.modal-header-text>p {
            padding-left: 10px;
            font-size: 1.8rem
        }

        .tab-radio-button:first-child {
            padding: 10px !important
        }

        .tab-radio-button:last-child {
            padding: 10px !important
        }

        .tab-radio-button {
            padding: 10px !important
        }
    }

    @media(min-width: 320px)and (max-width: 767px) {
        .post-list-modal-width {
            margin: 10px auto !important;
            width: 90% !important
        }

        .classified-footer-bottom {
            padding-left: 10px;
            padding-right: 10px
        }

        .classified-login-user-nav>ul.navbar-nav {
            margin: 0px
        }

        .classified-new-account {
            padding-top: 15px
        }

        .classified-new-account a {
            float: left
        }

        .exchange-content {
            text-align: center
        }

        .used-status {
            display: inline-block;
            float: unset;
            margin: 0 auto;
            text-align: center
        }

        .used-status-row .used-status {
            display: inline-block;
            float: left;
            margin-right: 10px;
            text-align: center
        }

        .classified-footer-bottom {
            margin-top: 20px;
            text-align: left
        }

        .classified-footer-menu-links a {
            float: left
        }

        .classified-footer-menu-links {
            padding-top: 0
        }

        .classified-footer-Copyright {
            padding-bottom: 15px !important
        }

        .edit-btn {
            float: left
        }

        .classified-header-profile {
            display: none
        }
    }

    @media(min-width: 320px)and (max-width: 640px) {
        .classified-login-user-nav>ul.navbar-nav {
            float: right
        }

        .stuff-img-1 {
            margin-right: 5px
        }

        .currency-select-box-row .form-control {
            border-radius: 5px;
            margin-top: 15px;
            margin-left: 0px
        }

        .padding-left-none {
            padding-left: 10px !important
        }

        .find-near-you.affix {
            width: 80%
        }

        .stuff-img-upload {
            margin-top: 32px;
            margin-left: 8px
        }

        .search-result>div {
            text-align: center
        }

        .mobile-product-slide {
            display: block
        }

        .non-mobile-product-slide {
            display: none
        }

        .product-thmb-slider {
            display: none
        }

        .mobile-product-slide>.carousel-control.left {
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px
        }

        .mobile-product-slide>.carousel-control.right {
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px
        }

        #prod-img-1 {
            border-radius: 5px
        }

        #prod-img-1.product-image {
            /* height: 220px */
            height: 400px
        }

        #thumbcarousel {
            height: 90px
        }

        #thumbcarousel>.carousel-inner {
            height: 90px
        }

        #prod-thmb-img-1.product-image {
            height: 80px
        }

        .item.active>.thumb-cnt:first-child {
            padding-left: 5px
        }

        .thumb-cnt {
            padding: 5px 2.5px
        }

        .item.active>.thumb-cnt:last-child {
            padding-right: 5px
        }

        .thmb-slider-bg-left {
            margin-bottom: 5px;
            margin-left: 5px;
            margin-top: 5px
        }

        .thmb-slider-bg-right {
            margin-bottom: 5px;
            margin-right: 5px;
            margin-top: 5px
        }

        #thumbcarousel>.carousel-inner>.item {
            height: 100px
        }

        .thmb-slider-bg-left {
            width: 20px
        }

        .thmb-slider-bg-right {
            width: 20px
        }

        .thmb-slider-arrow-left {
            left: 5px
        }

        .thmb-slider-arrow-right {
            right: 5px
        }

        .tab-section-tabs>li.pull-right {
            display: none
        }

        .mobile-report-div {
            display: block;
            width: 100%;
            padding-top: 15px
        }

        .mob-report-text {
            text-align: left
        }

        .mob-report-text {
            font-size: 1.1em
        }

        .product-page-right-top-container {
            display: none
        }

        .mobile-product-details {
            display: block;
            padding-top: 20px
        }

        .mobile-product-details>.product-page-right-top-container {
            display: block
        }

        .like-counter {
            padding-bottom: 10px
        }

        .days-reviews-counter>span {
            padding: 0 3px
        }

        .used-status-row {
            padding-top: 15px
        }

        .seller-classified-detail {
            padding-top: 20px
        }

        .product-location {
            width: 70%
        }

        .product-counter-container:first-child {
            padding-left: 5px
        }

        .product-counter-container:last-child {
            padding-right: 5px
        }

        .product-counter-container {
            padding-bottom: 5px
        }

        .recently-viewed-container {
            padding-top: 20px;
            padding-bottom: 0px
        }

        .product-padding {
            padding-bottom: 10px
        }

        .chat-with-seller-icon-container {
            padding-right: 10px
        }

        .character-left {
            width: 100%;
            text-align: right;
            padding-top: 0px;
            padding-right: 0px;
            font-size: .875em
        }

        .form-group {
            margin-bottom: 10px
        }

        .post-comment {
            width: 100%
        }

        .post-comment>a {
            width: 100%
        }

        .comment-section {
            margin-top: 25px;
            overflow: auto
        }

        .product-page-right-top-container {
            margin-top: 0px
        }

        .mob-report-text {
            text-align: left
        }

        .mob-report-text {
            font-size: 1.1em
        }

        .help-text {
            padding-bottom: 10px;
            padding-right: 0px
        }

        .success-modal {
            min-height: 240px
        }

        .exchange-product {
            height: 120px
        }

        .exchange-product-grid-container {
            height: 300px;
            overflow-y: auto
        }

        .tab-content>.message-tab-content>.message-conversation-container>.conversation-prof-pic>.message-prof-pic {
            width: 40px;
            height: 40px
        }

        .conversation-bargain-container {
            padding-left: 0px;
            width: 100%
        }

        .conversation-rate-container {
            width: 100%
        }

        .conversation-rate {
            width: 100%;
            text-align: center
        }

        .message-conversation {
            padding: 10px
        }

        .message-conversation-right-cnt>.message-conversation>.conversation-container>.conversation-bargain-container {
            padding-top: 0px
        }

        .message-type-container>.chat-message-type>.form-group {
            padding-right: 0px
        }

        .message-type-container>.chat-message-type>.message-send>a>.send-btn {
            padding: 10px 0
        }

        .message-type-container>.chat-message-type>.message-send {
            padding-top: 10px
        }

        .message-type-container>.typing-status {
            padding-bottom: 10px
        }

        .message-floating-div-cnt {
            right: 0px;
            padding: 0 5px;
            bottom: 0
        }

        .message-vertical-tab-section>.tab-content {
            display: none
        }

        .message-vertical-tab-container {
            height: auto;
            overflow: hidden
        }

        .message-user-info {
            max-width: 100%
        }

        .message-vertical-tab-section>.tab-content>.message-tab-content>.message-cnt>.message-conversation-container>.conversation-prof-pic {
            display: none
        }

        .send-btn>span {
            display: block
        }

        .message-type-container .chat-message-type .message-send a .send-btn {
            padding: 10px 0 !important
        }

        .send-btn>img {
            display: none
        }

        .profile-vertical-tab-section>.tab-content {
            padding-left: 0;
            padding-right: 0;
            padding-top: 5px
        }

        .add-phone>a {
            font-size: 1.1em
        }

        .profile-email-txt>.verified-txt {
            font-size: 1.1em;
            padding-left: 5px
        }

        .profile-email-txt>.change-txt>a {
            font-size: 1.1em
        }

        .verify-via-sms-btn {
            padding-left: 0
        }

        .profile-dropdown>.drop-down-div {
            border: 1px solid #eceff2;
            border-radius: 4px
        }

        .profile-mobile-details>.profile-input-fields>input {
            border-radius: 4px
        }

        .followers-info-cnt {
            padding-left: 0px;
            text-align: center
        }

        .promotions-prod-name-header {
            margin-left: 0px;
            padding-top: 15px;
            text-align: center
        }

        .profile-promote-modal {
            margin-left: 0 !important;
            float: left
        }

        .profile-promote-modal-box>.login-text-box>.post-list-content {
            text-align: left
        }

        .profile-promote-modal-header>button.login-close {
            margin-top: -5px
        }

        .vertical-divider {
            display: none
        }

        .paid-amt-cnt {
            padding-left: 0px;
            padding-top: 10px
        }

        .repromote-btn-cnt {
            padding-top: 10px
        }

        .repromote-btn {
            float: left !important
        }

        .exchange-rows>div>ul>li {
            width: 100%
        }

        .exchange-rows>div>ul>li>a {
            text-align: center
        }

        .exchange-status {
            width: 100%;
            text-align: center
        }

        .view-exchange {
            width: 100%;
            float: right !important;
            text-align: center;
            padding-top: 10px
        }

        .exchange-arrow-cnt {
            padding-top: 20px
        }

        .exchange-right-content {
            padding-top: 20px
        }

        .exchange-initiate-date {
            width: 100%;
            text-align: center
        }

        .exchange-btn-cnt {
            width: 100%;
            padding-top: 10px;
            margin-left: 21%;
            float: left !important
        }

        .exchange-detail-arrow-cnt {
            padding-top: 20px
        }

        .exchange-history {
            width: 100%;
            float: left
        }

        .exchange-name {
            text-align: center
        }

        .exchange-place {
            text-align: center
        }

        .exchange-history>a {
            width: 100%;
            text-align: center
        }

        .exchange-message-header-txt-cnt {
            float: left !important
        }

        .viewmore-arrow {
            float: none;
            padding-left: 3px;
            padding-top: 1px;
            position: absolute
        }

        .notification-pro-pic-cnt {
            width: 35%
        }

        .notification-prof-pic {
            margin: 0 auto
        }

        .notification-message-cnt {
            padding-left: 0;
            width: 65%;
            text-align: left;
            padding-top: 0px;
            padding-left: 10px
        }

        .notification-message {
            font-size: 1.125em
        }

        .notification-date {
            width: 100%;
            padding-top: 5px
        }

        .change-pwd-btn {
            width: auto
        }

        .change-pwd-btn>a {
            padding: 8px 10px
        }

        .repromote-btn-mob-cnt {
            padding-top: 10px;
            display: block
        }

        .repromote-btn-cnt {
            display: none
        }

        .stuff-img-upload {
            margin-top: 32px;
            margin-left: 8px
        }

        .xs-margin-top-10 {
            margin-top: 10px
        }

        ul.yiiPager>li {
            width: auto !important;
            margin-top: 10px
        }

        ul.yiiPager>li>a {
            float: left !important
        }

        ul.yiiPager {
            padding-bottom: 10px !important
        }

        .previous {
            padding-left: 5px
        }

        .classified-acc-add-addr {
            padding: 8px 7px
        }

        .classified-acc-addr-cont {
            padding: 15px 0
        }

        .classified-accordion-title-txt {
            font-size: 16px
        }

        .classified-acc-order-summary-pic-cnt {
            padding-right: 0
        }

        .classified-accordion-right-txt {
            font-size: 14px;
            padding-top: 12px
        }

        .classified-acc-order-rate {
            padding-top: 5px
        }

        .classified-acc-order-btn-cnt {
            margin-top: 5px
        }

        .classified-acc-order-rate>br,
        .classified-acc-order-qty>br {
            display: none
        }

        .classified-acc-order-btn {
            width: 100%
        }

        .classified-acc-order-btn>.classified-acc-btn,
        .classified-acc-order-btn>.classified-acc-delete-btn {
            width: 48%;
            text-align: center;
            padding: 8px 0
        }

        .classified-acc-order-qty>.select-box-down-arrow {
            background-position: right 10px
        }

        .classified-acc-order-qty {
            padding-top: 5px
        }

        .classified-acc-order-summary-info-cnt {
            padding-top: 10px
        }

        .card-num {
            border-top-right-radius: 5px !important;
            border-bottom-right-radius: 5px !important;
            border-right: 1px solid #e7edf2 !important;
            margin-bottom: 15px
        }

        .cvv-num-div {
            border-top-left-radius: 5px !important;
            border-bottom-left-radius: 5px !important
        }

        .classified-acc-pane-right-cnt {
            display: none
        }

        .classified-acc-pane-btn>.classified-acc-btn {
            width: 100%;
            text-align: center
        }

        .classified-acc-payment-cnt>.classified-acc-tab-ul {
            padding-right: 0px
        }

        .classified-acc-payment-cnt>.classified-acc-tab-pane-cnt {
            padding-left: 0px;
            margin-top: 10px
        }

        .classified-acc-pane-radio-cnt>.radio-inline {
            margin-right: 10px !important;
            margin-left: 0px !important
        }

        .classified-accordion-title-sel {
            width: 57%
        }

        .address-box-cont {
            padding-left: 0px
        }

        .classified-acc-order-shp-fee-details {
            width: inherit
        }

        .edit-profile-form .classified-acc-addr-cont:last-child {
            padding-right: 0px
        }

        .classified-acc-order-summary-txt {
            padding-top: 0px
        }

        .message-cnt ol,
        .message-cnt ol li {
            float: left;
            width: 100%
        }

        .message-cnt ol {
            padding-left: 0px
        }

        .message-cnt ol li .message-conversation-container .message-conversation-right-cnt,
        .message-cnt ol li .message-conversation-container .message-conversation-left-cnt {
            width: auto
        }

        .message-cnt ol li .message-conversation-container .message-conversation-right-cnt .message-conversation {
            width: auto
        }

        .message-cnt ol li .message-conversation-container .message-conversation-right-cnt .message-conversation .conversation-container {
            float: left;
            width: auto
        }

        .message-cnt ol li .message-conversation-container .message-conversation-right-cnt .message-conversation .conversation-container .conversation-product-pic-container,
        .message-cnt ol li .message-conversation-container .message-conversation-left-cnt .message-conversation .conversation-container .conversation-product-pic-container {
            margin-left: 0
        }

        .message-cnt ol li .message-conversation-container .message-conversation-right-cnt .message-conversation .conversation-container .conversation-bargain-container,
        .message-cnt ol li .message-conversation-container .message-conversation-left-cnt .message-conversation .conversation-container .conversation-bargain-container {
            padding-left: 5px;
            width: auto
        }

        .message-cnt ol li .message-conversation-container .message-conversation-right-cnt .message-conversation .conversation-container .conversation-bargain-container .conversation-rate-container .conversation-rate,
        .message-cnt ol li .message-conversation-container .message-conversation-left-cnt .message-conversation .conversation-container .conversation-bargain-container .conversation-rate-container .conversation-rate {
            width: auto
        }

        .language {
            padding-right: 15px
        }

        .xs-text-center {
            text-align: center
        }

        .xs-paddingtop-10 {
            padding-top: 10px
        }

        .xs-floatnone {
            float: none !important
        }

        .xs-automargin {
            margin: 0 auto
        }

        .xs-margintop-10 {
            margin-top: 10px
        }

        .xs-width-100-a {
            width: 100%
        }

        .xs-margin-0 {
            margin-left: 0;
            margin-right: 0;
            margin-bottom: 0
        }
    }

    @media(min-width: 360px)and (max-width: 767px) {
        .classified-social-connect {
            width: 200px
        }

        .classified-app-links {
            padding-top: 0;
            width: 40%
        }
    }

    @media(min-width: 360px)and (max-width: 640px) {
        .login-modal-content {
            margin: 29px auto
        }

        .signup-modal-content {
            margin: 0px auto
        }

        .nearmemodal-content {
            width: 340px
        }

        .map-select-box select {
            padding-left: 10px
        }

        .select-box-down-arrow {
            background-position: right 14px
        }

        .stuff-img-1 {
            margin-right: 10px;
            width: 140px
        }

        .map-input-box {
            padding-right: 15px
        }

        .map-input-box {
            padding-right: 0px
        }

        .map-input-box {
            width: 70%
        }

        .map-select-box {
            width: 30%
        }

        .location-button {
            padding-top: 20px;
            text-align: center
        }

        .map-input-section {
            padding-left: 5px;
            padding-right: 5px
        }

        .map-input-box {
            padding-left: 0px
        }

        .map-close {
            display: block;
            background: #fff none repeat scroll 0 0 !important;
            font-family: Regular;
            font-size: 3rem;
            margin-top: -45px !important;
            opacity: 2 !important;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            padding-left: 5px !important;
            padding-right: 5px !important;
            text-align: center
        }

        div.form .errorMessage {
            color: red;
            font-size: .9em
        }
    }

    @media(min-width: 768px)and (max-width: 1023px) {
        #wrapper.toggled #sidebar-wrapper {
            width: 320px
        }

        .location-button {
            padding-left: 15px;
            padding-top: 20px
        }

        .map-input-section {
            padding-left: 20px;
            padding-right: 20px
        }

        .map-input-box {
            padding-left: 0px
        }

        .classified-new-account {
            padding-top: 20px
        }

        /* .classified-footer-head {
        padding-left: 10px;
        padding-right: 10px
    } */

        .classified-footer-bottom {
            padding-left: 10px;
            padding-right: 10px
        }

        /* .classified-footer-head {
        padding-bottom: 20px
    } */

        .classified-header-stuff {
            display: block
        }

        .classified-user-nav {
            display: block;
            float: left
        }

        #sidebar-wrapper .navbar-nav .open .dropdown-menu {
            position: static;
            float: none;
            width: auto;
            margin-top: 0;
            background-color: transparent;
            border: 0;
            -webkit-box-shadow: none;
            box-shadow: none
        }

        .select-box-down-arrow {
            background-position: right 14px
        }

        .find-near-you.affix {
            width: 80%
        }

        .classified-signup {
            margin-left: 20px
        }

        .post-comment {
            width: auto
        }

        .character-left {
            width: 75%
        }

        .product-page-right-top-container {
            display: none
        }

        .mobile-product-details {
            display: block
        }

        .mobile-product-details>.product-page-right-top-container {
            display: block
        }

        .location-grey,
        .shipping-icon {
            margin-left: 0px
        }

        .chat-with-seller-icon-container {
            padding-right: 0px
        }

        .chat-with-seller-text {
            padding-left: 14px
        }

        .recently-viewed-container {
            padding-top: 20px
        }

        .product-padding {
            padding-bottom: 15px
        }

        .recently-viewed-container {
            padding-bottom: 5px
        }

        .product-left-container {
            padding-bottom: 20px
        }

        .popular-product-container {
            padding-bottom: 20px
        }

        .days-reviews-counter>span {
            padding: 0 3px
        }

        div.form .errorMessage {
            color: red;
            font-size: .9em
        }

        .message-vertical-tab-container>li>a {
            padding: 10px
        }

        .message-vertical-tab-container>li>a>.message-details {
            padding-left: 0px;
            width: 100%
        }

        .message-vertical-tab-container>li>a>.message-details>.message-prof-name {
            width: 100%;
            text-align: center
        }

        .message-vertical-tab-container>li>a>.message-details>.short-message {
            padding-top: 2px;
            text-align: center
        }

        .message-vertical-tab-container>li>a>.message-details>.message-time {
            text-align: center
        }

        .conversation-bargain-container {
            width: auto;
            padding-left: 0px
        }

        .message-floating-div-cnt>.floating-div>.message-icon>.message-user-prof-pic {
            width: 40px;
            height: 40px
        }

        .message-user-info-cnt {
            padding-left: 5px;
            padding-top: 5px
        }

        .message-user-info {
            width: 100%
        }

        .user-conv {
            padding-right: 15px
        }

        .report-text {
            color: #8e8e8e;
            font-size: .75em;
            padding-left: 10px
        }

        .mob-report-text {
            color: #8e8e8e;
            font-size: .75em;
            padding-left: 10px
        }

        #exchange ul.nav>li {
            text-align: center;
            width: 50%
        }
    }

    @media(min-width: 1024px)and (max-width: 1199px) {
        .classified-search-icon {
            background: url("../images/search.png") no-repeat 200px 12px
        }

        .map-input-section {
            padding-right: 20px
        }

        .location-button {
            padding-left: 15px;
            padding-top: 20px
        }

        #wrapper {
            padding-left: 250px
        }

        #wrapper.toggled {
            padding-left: 0
        }

        #wrapper.toggled #sidebar-wrapper {
            width: 0
        }

        #page-content-wrapper {
            padding: 20px;
            position: relative
        }

        #wrapper.toggled #page-content-wrapper {
            position: relative;
            margin-right: 0
        }

        .follower-name {
            text-align: left !important
        }

        .categories>.grid>.categories-filter-list>.checkbox>label {
            width: 100%
        }

        .find-near-you.affix {
            width: 80%
        }

        .product-location-content {
            margin: auto
        }

        .product-location {
            width: 90%
        }

        .shipping-cost {
            width: 89%
        }

        .used-status-row {
            padding-top: 15px
        }

        .character-left {
            width: 65%
        }

        .message-vertical-tab-section>.message-vertical-tab-container>li>a>.message-details {
            padding-left: 15px
        }

        .message-vertical-tab-container {
            height: 500px
        }

        .message-cnt {
            height: 372px
        }

        .message-user-info {
            width: 100%
        }

        .user-conv {
            padding-right: 15px
        }

        #exchange ul.nav>li {
            text-align: center;
            width: 50%
        }
    }

    @media(min-width: 361px)and (max-width: 400px) {
        .message-icon {
            width: 30%
        }

        .message-details {
            width: 70%;
            padding-left: 0px
        }
    }

    @media(min-width: 400px)and (max-width: 480px) {
        .message-icon {
            width: 25%
        }

        .message-details {
            width: 75%;
            padding-left: 0px
        }
    }

    @media(min-width: 481px)and (max-width: 560px) {
        .message-icon {
            width: 20%
        }

        .message-details {
            width: 80%;
            padding-left: 0px
        }
    }

    @media(min-width: 561px)and (max-width: 640px) {
        .message-icon {
            width: 18%
        }

        .message-details {
            width: 82%;
            padding-left: 0px
        }
    }

    @media(min-width: 641px)and (max-width: 767px) {
        .message-icon {
            width: 15%
        }

        .message-details {
            width: 85%;
            padding-left: 0px
        }

        .send-btn>span {
            display: block
        }

        .send-btn>img {
            display: none
        }

        .language {
            padding-right: 15px
        }

        .nearmemodal-content {
            width: 500px;
            height: 520px
        }

        .recently-viewed-heading {
            padding-top: 15px
        }

        .profile-vertical-tab-section>.tab-content {
            padding-left: 0;
            padding-right: 0px;
            padding-top: 5px
        }
    }

    @media(min-width: 320px)and (max-width: 1023px) {
        .app-responsive-adjust {
            height: 64px
        }

        #products.slider.container-fluid {
            width: 100%
        }

        .header-left {
            padding-right: 0;
            padding-left: 0
        }
    }

    @media(min-width: 320px)and (max-width: 640px) {
        .exchange-name {
            text-align: center
        }

        .exchange-place {
            text-align: center
        }
    }

    @media(min-width: 1024px)and (max-width: 1199px) {
        .change-pwd-btn {
            width: auto
        }

        .change-pwd-btn>a {
            padding: 10px 15px
        }

        .exchange-prof-pic {
            height: 100px;
            width: 100px
        }

        .exchange-name {
            padding-top: 10px
        }

        .profile-promote-modal {
            margin-left: 0
        }

        .profile-promote-modal>p.login-header-text {
            padding-left: 0
        }

        .profile-promote-modal-header>button.login-close {
            padding-right: 0 !important
        }

        #page-content-wrapper {
            padding: 0px
        }

        .filter-align {
            margin: 0 auto;
            width: 100%
        }

        .layout-slider {
            width: 100%;
            margin: 0px -5px;
        }

        .filtr-road {
            margin: 0 0 0 4px
        }
    }

    @media(min-width: 1450px)and (max-width: 1600px) {
        .filter-align {
            margin: 0 auto;
            min-width: 230px
        }

        .layout-slider {
            width: 100%;
            margin: 0px -5px;
        }

        .filtr-road {
            margin: 0 0 0 4px
        }
    }

    @media(min-width: 768px)and (max-width: 1023px) {
        .profile-listing-product:nth-child(3n+1) {
            padding-left: 10px
        }

        .change-pwd-btn {
            width: auto
        }

        .change-pwd-btn>a {
            padding: 10px 15px
        }

        .profile-dropdown>.drop-down-div {
            border: 1px solid #eceff2;
            border-radius: 4px
        }

        .profile-mobile-details>.profile-input-fields>input {
            border-radius: 4px
        }

        .promotion-product:nth-child(4n+1) {
            padding-left: 5px
        }

        .promotion-product:nth-child(4n+4) {
            padding-right: 5px
        }

        .profile-listing-product:nth-child(3n+1) {
            padding-left: 5px
        }

        .profile-listing-product:nth-child(3n+3) {
            padding-right: 5px
        }

        .promotions-prod-name-header {
            margin-left: 0;
            padding-top: 10px;
            text-align: center;
            word-wrap: break-word
        }

        .promotions-details-content {
            padding-left: 0
        }

        .vertical-divider {
            display: none
        }

        .paid-amt-cnt {
            padding-top: 10px;
            padding-left: 0px
        }

        .repromote-btn-cnt {
            padding-top: 10px;
            display: block
        }

        .repromote-btn-mob-cnt {
            display: none
        }

        .exchange-arrow-cnt {
            padding-top: 20px
        }

        .exchange-right-content {
            padding-top: 20px
        }

        .exchange-rows>div>ul>li {
            width: 25%
        }

        .exchange-rows>div>ul>li>a {
            text-align: center
        }

        .exchange-detail-arrow-cnt {
            padding-top: 20px
        }

        .notification-pro-pic-cnt {
            width: 16%
        }

        .notification-message-cnt {
            width: 84%
        }

        .profile-promote-modal {
            margin-left: 0 !important
        }

        .profile-promote-modal>p.login-header-text {
            padding-left: 0
        }

        .profile-promote-modal-header>button.login-close {
            padding-right: 0 !important
        }

        .repromote-btn-mob-cnt {
            padding-top: 10px;
            display: block
        }

        .repromote-btn-mob-cnt>a {
            float: left !important
        }

        .repromote-btn-cnt {
            display: none
        }
    }

    @media(min-width: 481px)and (max-width: 640px) {
        .nearmemodal-content {
            height: 520px
        }
    }

    @media(min-width: 320px)and (max-width: 640px) {
        .profile-vertical-tab-section>.tab-content {
            padding-left: 0;
            padding-right: 0;
            padding-top: 5px
        }

        .modal-big-width-dialog {
            width: 450px
        }

        .add-phone>a {
            font-size: 1.1em
        }

        .profile-email-txt>.verified-txt {
            font-size: 1.1em;
            padding-left: 5px
        }

        .profile-email-txt>.change-txt>a {
            font-size: 1.1em
        }

        .verify-via-sms-btn {
            padding-left: 0
        }

        .profile-dropdown>.drop-down-div {
            border: 1px solid #eceff2;
            border-radius: 4px
        }

        .profile-mobile-details>.profile-input-fields>input {
            border-radius: 4px
        }

        .followers-info-cnt {
            padding-left: 0px;
            text-align: center
        }

        .promotions-prod-name-header {
            margin-left: 0px;
            padding-top: 15px;
            text-align: center
        }

        .profile-promote-modal {
            margin-left: 0 !important;
            float: left
        }

        .profile-promote-modal-box>.login-text-box>.post-list-content {
            text-align: left
        }

        .profile-promote-modal-header>button.login-close {
            margin-top: -5px
        }

        .vertical-divider {
            display: none
        }

        .paid-amt-cnt {
            padding-left: 0px;
            padding-top: 10px
        }

        .repromote-btn-cnt {
            padding-top: 10px
        }

        .repromote-btn {
            float: left !important
        }

        .exchange-rows>div>ul>li {
            width: 100%
        }

        .exchange-rows>div>ul>li>a {
            text-align: center
        }

        .exchange-status {
            width: 100%;
            text-align: center
        }

        .view-exchange {
            width: 100%;
            float: right !important;
            text-align: center;
            padding-top: 10px
        }

        .exchange-arrow-cnt {
            padding-top: 20px
        }

        .exchange-right-content {
            padding-top: 20px
        }

        .exchange-initiate-date {
            width: 100%;
            text-align: center
        }

        .exchange-btn-cnt {
            width: 100%;
            padding-top: 10px;
            float: left !important
        }

        .exchange-detail-arrow-cnt {
            padding-top: 20px
        }

        .exchange-history {
            width: 100%;
            float: left
        }

        .exchange-name {
            text-align: center
        }

        .exchange-place {
            text-align: center
        }

        .exchange-history>a {
            width: 100%;
            text-align: center
        }

        .exchange-message-header-txt-cnt {
            float: left !important
        }

        .viewmore-arrow {
            float: none;
            padding-left: 3px;
            padding-top: 1px;
            position: absolute
        }

        .notification-pro-pic-cnt {
            width: 35%
        }

        .notification-prof-pic {
            margin: 0 auto
        }

        .notification-message-cnt {
            padding-left: 0;
            width: 65%;
            text-align: left;
            padding-top: 0px;
            padding-left: 10px
        }

        .notification-message {
            font-size: 1.125em
        }

        .notification-date {
            width: 100%;
            padding-top: 5px
        }

        .change-pwd-btn {
            width: auto
        }

        .change-pwd-btn>a {
            padding: 8px 10px
        }

        .repromote-btn-mob-cnt {
            padding-top: 10px;
            display: block
        }

        .repromote-btn-cnt {
            display: none
        }
    }

    @media(min-width: 992px)and (max-width: 1199px) {
        .miles {
            width: 73%
        }

        #exchange-pic-1 {
            height: 100px;
            width: 100px
        }
    }

    @media(min-width: 992px)and (max-width: 1023px) {
        #exchange #exchange-rows .exchange-arrow-cnt {
            padding-top: 60px
        }
    }

    @media(min-width: 768px)and (max-width: 991px) {
        .miles {
            width: 70%
        }

        .language {
            padding-top: 10px
        }

        .classified-footer-Copyright {
            padding-bottom: 0
        }

        .language {
            padding-top: 10px
        }

        .classified-footer-Copyright {
            padding-bottom: 0
        }

        .classified-footer-menu-links {
            padding-top: 12px
        }

        #exchange .exchange-arrow-cnt {
            padding-bottom: 0px;
            padding-top: 20px
        }

        .exchange-history-list-left,
        .exchange-history-list-right {
            text-align: center
        }

        .verify-via-sms-btn {
            padding-left: 0;
            padding-top: 10px
        }
    }

    @media(min-width: 641px)and (max-width: 1023px) {
        .navbar-nav .main-mobile-menu.open .dropdown-menu {
            position: unset !important
        }
    }

    @media(min-width: 641px)and (max-width: 767px) {
        .navbar-nav .open .dropdown-menu {
            position: absolute;
            left: -85px;
            background-color: #fff
        }

        .navbar-nav .open .dropdown-menu li {
            padding: 0 5px
        }

        .message-cnt ol,
        .message-cnt ol li {
            float: left;
            width: 100%
        }

        .message-cnt ol {
            padding-left: 0px
        }

        .message-cnt ol li .message-conversation-container .message-conversation-right-cnt,
        .message-cnt ol li .message-conversation-container .message-conversation-left-cnt {
            width: auto
        }

        .message-cnt ol li .message-conversation-container .message-conversation-right-cnt .message-conversation {
            width: auto
        }

        .message-cnt ol li .message-conversation-container .message-conversation-right-cnt .message-conversation .conversation-container {
            float: left;
            width: auto
        }

        .message-cnt ol li .message-conversation-container .message-conversation-right-cnt .message-conversation .conversation-container .conversation-product-pic-container,
        .message-cnt ol li .message-conversation-container .message-conversation-left-cnt .message-conversation .conversation-container .conversation-product-pic-container {
            margin-left: 0
        }

        .message-cnt ol li .message-conversation-container .message-conversation-right-cnt .message-conversation .conversation-container .conversation-bargain-container,
        .message-cnt ol li .message-conversation-container .message-conversation-left-cnt .message-conversation .conversation-container .conversation-bargain-container {
            padding-left: 5px;
            width: auto
        }

        .message-cnt ol li .message-conversation-container .message-conversation-right-cnt .message-conversation .conversation-container .conversation-bargain-container .conversation-rate-container .conversation-rate,
        .message-cnt ol li .message-conversation-container .message-conversation-left-cnt .message-conversation .conversation-container .conversation-bargain-container .conversation-rate-container .conversation-rate {
            width: auto
        }

        .exchange-property-container .tab-content {
            padding-left: 0px;
            padding-top: 10px
        }

        #exchange .exchange-arrow-cnt {
            padding-bottom: 20px;
            padding-top: 20px
        }

        .notification-pro-pic-cnt {
            width: 15%
        }

        .notification-message-cnt {
            width: 85%
        }
    }

    @media(min-width: 320px)and (max-width: 470px) {
        .modal-dialog-width {
            width: 100%
        }
    }

    @media(min-width: 320px)and (max-width: 767px) {
        .promotion-product:nth-child(3n+1) {
            padding-left: 5px
        }

        .promotion-product:nth-child(3n+4) {
            padding-right: 5px
        }

        .map-input-section {
            padding-right: 20px
        }

        .exchange-btn-cnt {
            margin: 0;
            text-align: center
        }

        .sale-initiate-date {
            margin-top: 10px;
            width: 100%;
            text-align: center
        }

        #order-details .sale-cnt .promotions-details-row div .promotion-details-cnt .sale-info .exchange-btn-cnt .exchange-btn {
            float: none;
            display: inline-block
        }

        .xs-margin-bottom-10 {
            margin-bottom: 10px
        }

        #invoice_content .sale-info .sale-initiate-date span,
        #invoice_content .sale-info .sale-initiate-date a.no-print {
            width: 100%;
            float: left
        }

        .message-type-container .chat-message-type .form-group {
            padding-right: 0px
        }

        .send-btn span {
            display: block
        }

        .chat-message-type .form-inline .form-group {
            margin-bottom: 10px
        }

        .message-type-container .chat-message-type .message-send a .send-btn {
            padding: 10px 0;
            color: #fff
        }

        .language .form-control {
            display: inline-block;
            margin-left: 10px
        }

        .message-type-container .chat-message-type .form-group {
            padding-right: 0px;
            margin-bottom: 10px
        }

        .slider-container .carousel {
            height: auto
        }

        .language {
            padding-top: 10px
        }

        .classified-footer-Copyright {
            padding-bottom: 0
        }

        #edit-profile-form .switch-box {
            width: 100%
        }
    }

    @media(min-width: 768px) {
        #address-book .edit-profile-form .edit-profile-addr-cnt .classified-acc-addr-cont {
            margin-bottom: 15px !important
        }

        .classified-acc-btn {
            padding: 8px 45px
        }

        #address-book .edit-profile-form .edit-profile-addr-cnt .classified-acc-addr-cont:nth-child(3n+3) {
            padding-right: 0px;
            padding-left: 7.5px
        }

        #address-book .edit-profile-form .edit-profile-addr-cnt .classified-acc-addr-cont:nth-child(3n+1) {
            padding-left: 0px;
            padding-right: 7.5px
        }

        #address-book .edit-profile-form .edit-profile-addr-cnt .classified-acc-addr-cont {
            padding-left: 7.5px;
            padding-right: 7.5px
        }
    }

    @media(min-width: 768px)and (max-width: 1199px) {
        #address-book .edit-profile-form .edit-profile-addr-cnt .classified-acc-addr-cont:nth-child(odd) {
            padding-left: 0px;
            padding-right: 7.5px
        }

        #address-book .edit-profile-form .edit-profile-addr-cnt .classified-acc-addr-cont:nth-child(even) {
            padding-right: 0px;
            padding-left: 7.5px
        }

        .slider-container .carousel {
            height: auto
        }

        #language {
            display: inline-block;
            text-align: right
        }

        .language .form-control {
            display: inline
        }
    }

    @media(min-width: 1200px)and (max-width: 1290px) {
        .sticky-header-menu-icon {
            padding: 0 5px 15px 0
        }
    }

    @media(min-width: 1200px) {
        .slider-container .carousel {
            height: auto
        }
    }

    @media(min-width: 768px)and (max-width: 1023px) {

        .al-mobile-user-area,
        .classified-header-login,
        .classified-header-signup {
            display: none
        }

        .sidebar-wraper .al-mobile-user-area,
        .sidebar-wraper .classified-header-login,
        .sidebar-wraper .classified-header-signup {
            display: none
        }

        .sidebar-wraper .sidebar-menu-listng {
            height: 100%
        }

        .img-slide-contetnt {
            top: 90px
        }
    }

    .columncls {
        width: 25%;
        float: left
    }

    .column .columncls {
        width: 100% !important
    }

    #address-book .profile-tab-heading-btn>.btn-chat-with-seller {
        background: #7DBD00 none repeat scroll 0 0
    }

    .profile-tab-heading-btn>.btn-chat-with-seller {
        float: left;
        margin: 0;
        padding: 5px 10px;
        width: auto
    }

    .ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all .ui-corner-all {
        width: 100%;
        display: block;
        padding: 10px !important;
        border: unset;
        margin: 0;
        border-radius: 0
    }

    .ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all .ui-corner-all:hover {
        color: #7DBD00
    }

    .stuff-img-upload {
        margin-top: 20px;
        margin-left: 0px
    }

    .loading {
        position: fixed;
        z-index: 999;
        height: 2em;
        width: 2em;
        overflow: show;
        margin: auto;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0
    }

    .loading:before {
        content: "";
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .3)
    }

    .location-loader {
        border: 5px solid rgba(255, 255, 255, .5);
        border-radius: 50%;
        border-top: 5px solid #fff;
        width: 30px;
        height: 30px;
        margin: -4px;
        -webkit-animation: spin 2s linear infinite;
        animation: spin 2s linear infinite
    }

    @-webkit-keyframes spin {
        0% {
            -webkit-transform: rotate(0deg)
        }

        100% {
            -webkit-transform: rotate(360deg)
        }
    }

    @keyframes spin {
        0% {
            transform: rotate(0deg)
        }

        100% {
            transform: rotate(360deg)
        }
    }

    .attach_pos {
        position: absolute;
        right: 10%;
        top: 26%
    }

    .attach_file {
        background-image: url("../images/attach.png");
        background-size: cover;
        cursor: pointer;
        display: inline-block;
        height: 27px;
        width: 25px
    }

    .share_pos {
        position: absolute;
        right: 4%;
        top: 26%
    }

    .share_loction {
        background-image: url("../images/location_share.png");
        background-size: cover;
        cursor: pointer;
        display: inline-block;
        height: 27px;
        width: 25px
    }

    @media(max-width: 480px) {
        .attach_pos {
            right: 17%
        }
    }

    @media(min-width: 768px)and (max-width: 991px) {
        .attach_pos {
            right: 12%
        }
    }

    .message_area_padding {
        padding-right: 85px
    }

    .attach_file_loader {
        background-image: url("../images/share_loader.gif");
        background-size: cover;
        cursor: pointer;
        display: inline-block;
        height: 27px;
        width: 25px
    }

    .share_loction_loader {
        background-image: url("../images/share_loader.gif");
        background-size: cover;
        cursor: pointer;
        display: inline-block;
        height: 27px;
        width: 25px
    }

    .user_profile {
        background-color: #fff;
        box-shadow: 0px 0px 4px #cccc;
        padding: 10px
    }

    .user_img_msg {
        background-image: url("https://batner.com/dev/user/resized/75/5327_1512220562");
        width: 50px !important;
        height: 50px;
        background-size: cover;
        border-radius: 50%;
        display: inline-block;
        vertical-align: middle;
        background-color: #e5e9ed;
        margin-bottom: 7px;
    }

    .user_name {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-family: "Bold";
        padding-top: 15px
    }

    .msg_menu {
        background: url("images/msg_menu.png") no-repeat scroll 4px 0px;
        width: 6px;
        height: 23px;
        display: inline-block;
        vertical-align: middle;
        padding: 0 7px
    }

    .msg_menu_pos {
        float: right;
        margin-top: 5px;
        /* margin-top: 10px; */
        margin-right: 10px;
        cursor: pointer
    }

    .msg_dropdown {
        left: auto;
        right: 20px;
        top: -10px;
        -webkit-animation: slide-right .3s ease-out;
        -moz-animation: slide-right .3s ease-out
    }

    @-webkit-keyframes slide-right {
        0% {
            opacity: 0;
            -webkit-transform: translatex(10%)
        }

        100% {
            opacity: 1;
            -webkit-transform: translatex(0)
        }
    }

    @-moz-keyframes slide-right {
        0% {
            opacity: 0;
            -moz-transform: translatex(10%)
        }

        100% {
            opacity: 1;
            -moz-transform: translatex(0)
        }
    }

    .conversation-prof-pic .message-prof-pic {
        display: none
    }

    .accept_txt {
        color: #2ac249
    }

    .decline_txt {
        color: #e40146
    }

    .default_msg_txt {
        margin-bottom: 20px;
        width: 100%;
        overflow: hidden;
        white-space: nowrap
    }

    .default_txt {
        display: inline-block;
        color: #fff;
        padding: 5px 10px;
        cursor: pointer;
        margin-right: 5px
    }

    .btn_accept {
        background-color: transparent;
        border: none
    }

    .accept_decline {
        border: 1px solid #dbdbdb;
        padding: 0 15px
    }

    .accept_decline .col-xs-6 {
        padding: 15px 0
    }

    .default_txt a {
        color: #fff
    }

    .offer_sent {
        padding: 0 !important
    }

    .offer_view {
        padding: 15px;
        background-color: #2ac249 !important;
        color: #fff
    }

    .btn_border {
        border-right: 1px solid #dbdbdb
    }

    .conversation-text.txt-white-color,
    .message-conversation-item-name.txt-white-color {
        color: #fff
    }

    .arrow-left.offer_sent_arrow {
        border-right-color: #2ac249
    }

    .arrow-right.offer_sent_arrow {
        border-left-color: #2ac249
    }

    .conversation-rate.accept_offer_rate {
        background-color: #fff;
        color: #222
    }

    .default_msg_txt:after {
        position: absolute;
        top: 0;
        right: 0;
        width: 23%;
        height: 28%;
        background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 60%, white 90%);
        background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 60%, white 90%);
        pointer-events: none
    }

    .default_msg_txt:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 23%;
        height: 28%;
        background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 60%, white 90%);
        background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 60%, white 90%);
        pointer-events: none;
        transform: scale(-1);
        -webkit-transform: scale(-1)
    }

    .chat-message-type {
        background-color: #fff;
        padding-bottom: 0px !important;
        padding: 20px
    }

    @media(max-width: 768px) {
        .default_msg_txt {
            overflow: auto
        }
    }

    .filter-distance {
        margin-top: 25px;
        padding-bottom: 20px
    }

    .layout-slider.price_slider {
        width: 85%
    }

    .offer_sent_view {
        padding: 0 !important
    }

    .offer_view.sent_user {
        padding-top: 15px !important
    }

    .offer_accepted {
        width: 23px;
        height: 23px;
        background-image: url("../images/offer_accept.png");
        background-size: cover;
        display: inline-block;
        vertical-align: middle
    }

    .white_offer {
        background-image: url("../images/offer_accept_white.png")
    }

    .decline_offer {
        background-image: url("../images/offer_decline.png");
        width: 20px;
        height: 20px
    }

    .margin_left5 {
        margin-left: 5px
    }

    .margin_left10 {
        margin-left: 10px
    }

    .sent_rate h2 {
        margin-top: 0px;
        margin-bottom: 0px
    }

    .conversation-product-pic.sent_offer_product {
        width: 100px;
        height: 100px
    }

    .offer-accepted-container .offer_container {
        background-color: #fff;
        box-shadow: 0 0 5px #cccc;
        padding: 15px;
        padding-top: 20px;
        width: auto
    }

    .offer-decline-container .offer_container {
        background-color: #fff;
        box-shadow: 0 0 5px #cccc;
        padding: 15px;
        padding-top: 20px;
        width: auto
    }

    .offer-decline-container,
    .offer-accepted-container {
        margin-bottom: 40px
    }

    .btn_buynow,
    .btn_buynow:hover,
    .btn_buynow:focus {
        background-color: #2ac249;
        color: #fff;
        text-transform: capitalize;
        letter-spacing: normal;
        margin-bottom: 0
    }

    .extra_text_hide {
        max-width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }

    .offer_txt {
        display: none
    }

    @media(max-width: 1199px) {
        .offer_txt {
            display: block;
            margin-top: 10px;
            color: #222
        }

        .offer_product {
            display: none
        }

        .offer_accept_decline_container {
            margin-left: 25%;
            text-align: center
        }
    }

    @media(max-width: 640px) {
        .offer_accept_decline_container {
            margin-left: 0px
        }
    }

    @-webkit-keyframes slide-up {
        0% {
            opacity: 0;
            -webkit-transform: translatey(20%)
        }

        100% {
            opacity: 1;
            -webkit-transform: translatex(0)
        }
    }

    @-moz-keyframes slide-up {
        0% {
            opacity: 0;
            -moz-transform: translatey(20%)
        }

        100% {
            opacity: 1;
            -moz-transform: translatey(0)
        }
    }

    @media(max-width: 380px) {
        .offer_container {
            width: auto !important
        }
    }

    .dropdown-menu.msg_dropdown>li>a {
        padding: 10px 20px
    }

    .message-conversation-right-cnt .viewShared {
        color: #fff !important
    }

    .message-conversation-left-cnt .viewShared {
        color: #222 !important
    }

    .block_div {
        position: absolute;
        background-color: rgba(255, 255, 255, .8);
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        text-align: center;
        z-index: 2;
        padding-top: 90px;
        animation: slide-up .3s ease-in;
        -webkit-animation: slide-up .3s ease-in
    }

    .cke_button__anchor {
        display: none !important
    }

    #cke_25 {
        display: none !important
    }

    #cke_24 {
        display: none !important
    }

    #cke_32 {
        display: none !important
    }

    .cke_button__blockquote {
        display: none !important
    }

    #cke_11 {
        display: none !important
    }

    #cke_19 {
        display: none !important
    }

    #cke_30 {
        display: none !important
    }

    #cke_37 {
        display: none !important
    }

    #cke_38 {
        display: none !important
    }

    #cke_45 {
        display: none !important
    }

    #cke_46 {
        display: none !important
    }

    #cke_39 {
        margin-top: -33px !important;
        margin-left: 71px !important
    }

    #cke_34 {
        margin-top: -33px !important
    }

    .cke_toolbar_separator {
        display: none !important
    }

    .post_img_cls {
        z-index: 0;
        color: #000;
        position: absolute;
        top: 30%;
        opacity: 0;
        right: 23%;
        background-color: rgba(255, 255, 255, .7) !important;
        padding: 10px 20px !important
    }

    .add_img {
        background-image: url(images/plus.png);
        background-size: cover;
        width: 40px;
        height: 40px;
        display: inline-block
    }

    .dis_none {
        display: none !important
    }

    .img_browse {
        background-color: #fff;
        width: 100px;
        height: 100px;
        cursor: pointer;
        display: inline-block;
        text-align: center;
        padding-top: 30%;
        box-shadow: 0px 0px 15px #ddd
    }

    .uploaded_img:hover .post_img_cls {
        z-index: 1;
        opacity: 1
    }

    .uploaded_img:first-child {
        margin-left: 0px
    }

    .margin_left10 {
        margin-left: 10px
    }

    .align_middle {
        vertical-align: middle
    }

    #products-form .blog_images>label.input-file-trigger {
        float: left
    }

    .uploaded_img {
        width: 100px;
        height: 100px;
        display: inline-block;
        margin-bottom: 10px;
        position: relative;
        padding: 10px;
        float: left
    }

    .margin_left10 {
        margin-left: 10px
    }

    .blog_images .uploaded_img img {
        height: 100%
    }

    .ui-autocomplete {
        height: auto;
        max-height: 350px;
        overflow-y: scroll;
        overflow-x: hidden
    }

    .tooltip {
        position: relative
    }

    .tooltip:after {
        position: absolute;
        border: 3px solid #4d4d4d;
        border-radius: 3px;
        background-color: #4d4d4d;
        font-size: 1.1em;
        /* font-weight: bold; */
        color: #fff;
        content: attr(data-tooltip);
        opacity: .6;
        transition: all .2s ease-in-out .15s;
        visibility: hidden;
        z-index: 2
    }

    .tooltip:hover:after {
        opacity: .9;
        visibility: visible
    }

    .tooltip-top:after {
        bottom: 150%;
        left: 0
    }

    .tooltip-bottom:after {
        top: 145%;
        left: 0
    }

    .tooltip-left:after {
        right: 130%;
        min-width: 100px
    }

    .tooltip-right:after {
        left: 130%;
        min-width: 100px
    }

    .tooltip-top:hover:after {
        bottom: 120%
    }

    .tooltip-bottom:hover:after {
        top: 145%
    }

    .tooltip-left:hover:after {
        right: 110%
    }

    .tooltip-right:hover:after {
        left: 110%
    }

    .tooltip-top:before,
    .tooltip-bottom:before,
    .tooltip-left:before,
    .tooltip-right:before {
        content: "";
        display: block;
        position: absolute;
        border-width: 7px;
        border-style: solid;
        border-color: rgba(0, 0, 0, 0);
        opacity: 0;
        transition: all .2s ease-in-out .15s;
        visibility: hidden
    }

    .tooltip-top:hover:before,
    .tooltip-bottom:hover:before,
    .tooltip-left:hover:before,
    .tooltip-right:hover:before {
        opacity: 1;
        visibility: visible
    }

    .tooltip-top:before {
        top: -51%;
        left: 50%;
        transform: translateX(-50%);
        border-top-color: #4d4d4d
    }

    .tooltip-bottom:before {
        bottom: -96%;
        left: 50%;
        transform: translateX(-50%);
        border-bottom-color: #4d4d4d
    }

    .tooltip-left:before {
        left: -31%;
        top: 15%;
        border-left-color: #4d4d4d
    }

    .tooltip-right:before {
        right: -31%;
        top: 15%;
        border-right-color: #4d4d4d
    }

    .tooltip-top:hover:before {
        top: -21%
    }

    .tooltip-bottom:hover:before {
        bottom: -96%
    }

    .tooltip-left:hover:before {
        left: -11%
    }

    .tooltip-right:hover:before {
        right: -11%
    }

    .searcls-mobile .login-content {
        padding-bottom: 0
    }

    .classified-login-user-nav .navbar-nav>li>a {
        font-size: 14px;
        font-family: Bold
    }

    .comment-text p {
        margin: 0 0
    }

    #toast-container>.toast-warning {
        z-index: 9999;
        border-color: #fff background-image: none !important;
        background-color: #fff !important;
        color: #000 !important;
        margin-top: 21% !important;
        padding: 10px 10px 0px 25px !important;
        font-family: Bold
    }

    #toast-container>.toast-success {
        z-index: 9999;
        border-color: #fff background-image: none !important;
        background-color: #fff !important;
        color: #000 !important;
        margin-top: 21% !important;
        padding: 10px 10px 0px 25px !important;
        font-family: Bold
    }

    #toast-container>.toast-info {
        z-index: 9999;
        border-color: #fff background-image: none !important;
        background-color: #fff !important;
        color: #000 !important;
        margin-top: 21% !important;
        padding: 10px 10px 0px 25px !important;
        font-family: Bold
    }

    #toast-container>.toast-error {
        border-color: #fff z-index: 9999;
        background-image: none !important;
        background-color: #fff !important;
        color: #000 !important;
        margin-top: 21% !important;
        padding: 10px 10px 0px 25px !important;
        font-family: Bold
    }

    .bgm {
        display: inline-block !important;
        height: 32px !important;
        width: 32px !important;
        border-radius: 40px;
        background-color: #cacaca !important;
        float: left
    }

    .hts-menu {
        display: inline-block;
        margin: 5px 0 5px 10px
    }

    .classified-menu li.dropdown:first-child a {
        padding-top: 16px;
        padding-bottom: 16px
    }

    @media(min-width: 320px)and (max-width: 500px) {
        .item-img {
            height: 120px
        }

        .item-img img {
            /* height: 100% !important */

        height: 400px !important;
        object-position: top;
        }
    }

    @media(min-width: 501px)and (max-width: 699px) {
        .item-img {
            height: 200px
        }

        .item-img img {
            /* height: 100% !important */
        height: 400px !important;
        object-position: top;
        }
    }

    @media(min-width: 700px)and (max-width: 850px) {
        .item-img {
            height: 250px
        }

        .item-img img {
            height: 100% !important
        }
    }

    @media(min-width: 851px)and (max-width: 991px) {
        .item-img {
            height: 220px
        }

        .item-img img {
            height: 100% !important
        }
    }

    .classified-login-user-nav .navbar-nav>li:last-child>a {
        padding: 6px 12px 25px 40px;
        display: inline-block
    }

    .classified-login-user-nav ul li:last-child {
        padding: 0
    }

    .mapcontrol-holder {
        padding: 0px 15px 0px 15px
    }

    .share-location-modal {
        padding-top: 15px;
        background-color: #fff;
        color: #222 !important;
        border-radius: 5px;
        margin: auto
    }

    .map-input-boxs {
        color: #222 !important;
        height: 40px;
        width: 100%;
        margin-bottom: 10px;
        padding-left: 35px !important;
        box-shadow: rgba(246, 246, 246, .5) 0px 0px 1px 0px, rgba(0, 10, 18, .12) 0px 2px 4px 0px
    }

    @media(min-width: 767px) {
        #shareloc>.modal-dialog-width {
            width: 600px
        }
    }

    @media(max-width: 767px) {
        #googleMap {
            height: 350px
        }
    }

    @media(max-width: 480px) {
        .floating-div {
            width: 100%
        }

        .message-floating-div-cnt {
            padding: 0 15px
        }
    }

    .graph-group {
        background: #fff;
        border-radius: 5px
    }

    .help-rig-content.insight-content.active {
        padding: 0;
        background: transparent
    }

    .green-color-bg {
        background-color: #2bc248;
        margin-bottom: 10px
    }

    .promo-section span {
        font-size: 36px
    }

    .prom-btn.btn {
        margin: 0px 20px;
        padding: 10px 30px;
        font-size: 24px;
        font-family: Bold;
        text-transform: capitalize;
        letter-spacing: normal
    }

    .promo-section .popul-low-img {
        background: url("../images/popuraity-icon.png") no-repeat scroll left center;
        padding: 3px 10px 3px 70px
    }

    .promo-section .eng-low-img {
        background: url("../images/engage.png") no-repeat scroll left center;
        padding: 15px 10px 15px 80px
    }

    .promo-section {
        padding: 20px 0
    }

    ul.splited {
        padding: 0 10px
    }

    ul.splited li {
        width: 50%;
        display: inline-block;
        float: left;
        padding: 0 5px;
        height: 100px
    }

    .popularity-count {
        padding: 20px 10px;
        margin: 0 0 10px 0;
        border-radius: 5px;
        background-color: #fff
    }

    .graph-chart {
        position: relative
    }

    .graph-chart .chart-view {
        position: absolute;
        right: 20px;
        bottom: 15px;
        font-size: 16px;
        background: url("../images/rounded.png") no-repeat scroll left center;
        padding: 0 0 0 30px
    }

    .graph-group.engage-count {
        padding: 15px 25px;
        margin: 10px 0 0
    }

    .engagement-section .promo-section span {
        font-size: 30px
    }

    .engage-icon {
        border: 1px solid #cacaca;
        border-radius: 30px;
        width: 50px;
        height: 50px;
        text-align: center;
        vertical-align: middle;
        display: table-cell
    }

    .engage-count .reach-icon {
        margin-top: 6px
    }

    .progress-bar-value p {
        font-size: 22px
    }

    .progress-bar-value .graph-group {
        padding: 20px 20px;
        margin-bottom: 10px
    }

    .progress-bar-value .progress {
        height: 12px;
        background: #dcdcdc;
        margin-top: 8px;
        margin-bottom: 7px
    }

    .progress-bar-value .progress .progress-bar {
        background-size: 10px 10px;
        background-color: #40c85a
    }

    .progres-value {
        font-size: 18px;
        float: right
    }

    .sidemenu-insight ul li.nav-item {
        display: inline-block;
        width: 100%
    }

    .sidemenu-insight ul li.nav-item a {
        color: #666 !important;
        display: block;
        padding: 15px
    }

    .sidemenu-insight #sideshow {
        position: absolute;
        width: 200px;
        top: 64px
    }

    .sidemenu-insight #sideshow.sidebar.sticky.fixed {
        position: fixed !important;
        top: 90px;
        transition: all .5s ease-out
    }

    .container-fluid.scroll-content.first-review .visite-title {
        margin-top: 70px !important
    }

    .help-rig-content .visite-title {
        margin-top: 60px !important;
        margin-bottom: 20px
    }

    .view-popularity {
        margin-top: -50px
    }

    .container-fluid.scroll-content {
        padding: 0;
        display: block
    }

    .resp-view {
        display: none
    }

    .sidemenu-insight ul li.nav-item a.active {
        font-weight: bold;
        color: #7DBD00 !important
    }

    .sidemenu-insight ul.navbar-nav {
        background: #fff;
        padding: 5px 15px !important;
        border-radius: 4px;
        margin-bottom: 15px
    }

    .progress-bar-value {
        margin-bottom: 20px
    }

    .chartjs-render-monitor {
        padding: 20px 20px 20px 30px
    }

    .engagement-section .prom-btn-left {
        margin-top: 10px
    }

    .count-view .product-name,
    .reach-view .product-name {
        margin: 5px 0
    }

    @media(min-width: 320px)and (max-width: 1023px) {
        .pull-right.prom-btn-left {
            float: left !important;
            margin: 15px 0 0;
            width: 100%
        }
    }

    @media(min-width: 768px)and (max-width: 1023px) {
        .classified-breadcrumb {
            margin-top: 15px
        }
    }

    @media(min-width: 320px)and (max-width: 767px) {
        .sidemenu-insight {
            display: none
        }

        .progres-value {
            font-size: 16px
        }

        .resp-view {
            display: block;
            position: relative;
            z-index: 99;
            width: 100%;
            background: #fff !important;
            color: #222 !important;
            letter-spacing: normal;
            text-align: left;
            font-weight: 600;
            font-family: Regular !important;
            padding: 15px;
            margin: 10px 0;
            text-transform: capitalize
        }

        .promo-section span {
            font-size: 24px
        }

        .help-rig-content .visite-title {
            margin-top: 0 !important
        }

        .scroll-content.collapse:not(.show) {
            display: none
        }

        .scroll-content.collapse.in {
            display: block
        }

        .resp-view .minus {
            display: none
        }

        .resp-view[aria-expanded=true] .plus {
            display: none
        }

        .resp-view .plus {
            background: rgba(0, 0, 0, 0) url("../images/down-arrow-black.png") no-repeat scroll right center;
            height: 14px;
            width: 14px;
            float: right;
            margin-top: 5px
        }

        .resp-view[aria-expanded=true] .minus {
            display: inline-block;
            background: rgba(0, 0, 0, 0) url("../images/down-arrow-black.png") no-repeat scroll right center;
            float: right;
            height: 14px;
            width: 14px;
            margin-top: 5px;
            transform: rotate(180deg)
        }

        .engagement-section .promo-section span {
            font-size: 25px
        }

        .container-fluid.scroll-content {
            margin-bottom: 30px
        }

        .sidemenu-insight #sideshow {
            top: 25px
        }
    }

    @media(min-width: 320px)and (max-width: 480px) {
        .engage-count .reach-view {
            margin: 0 auto;
            display: inline-block;
            text-align: center
        }

        .engage-count .reach-icon {
            margin: 0 auto;
            display: table
        }

        .chartjs-render-monitor {
            padding: 20px 10px
        }

        ul.splited li {
            width: 100%
        }
    }

    .btn:hover,
    .btn:focus {
        color: #fff
    }

    .prom-btn.graph-group {
        color: #222
    }

    .advrtz-title {
        font-size: 60px
    }

    .adtvz-btn {
        letter-spacing: normal;
        font-family: Regular;
        text-transform: inherit
    }

    #files.upload-file {
        opacity: 0;
        overflow: hidden;
        position: absolute;
        width: 1px
    }

    .file-section {
        border: 1px solid #cacaca;
        border-radius: 4px;
        overflow: hidden;
        height: 120px;
        display: table;
        width: 100%
    }

    .file-section label {
        cursor: pointer;
        color: #a9b1bd;
        display: table-cell;
        vertical-align: middle
    }

    .thumb {
        width: 40px;
        height: 40px;
    }

    .remove_img_preview {
        position: relative;
        top: -25px;
        right: 5px;
        background: #000;
        color: #fff;
        border-radius: 50px;
        font-size: .9em;
        padding: 0 .3em 0;
        text-align: center;
        cursor: pointer
    }

    .remove_img_preview:before {
        content: "×"
    }

    .advrtz-form label {
        font-size: 1.1em;
        font-weight: normal !important
    }

    .date-select {
        background: url("../images/date-icon.png") no-repeat scroll right 10px center
    }

    .bootstrap-datetimepicker-widget td.active,
    .bootstrap-datetimepicker-widget td.active:hover {
        background-color: #7DBD00 !important
    }

    .advrtz-section .top-heading-text {
        margin-top: 25px
    }

    .live-amount {
        background: #f0f0f0;
        font-size: 14px;
        font-family: Regular;
        padding: 10px 15px;
        border-radius: 5px;
        margin: 0 15px
    }

    .baner-link .Category-input-box-row {
        padding: 10px 10px 0 !important
    }

    @media(min-width: 320px)and (max-width: 767px) {
        .live-amount {
            float: none !important;
            margin: 5px 15px 5px 0;
            display: inline-block
        }

        .advrt-header {
            width: 100%;
            display: inline-block
        }

        .resp-filter {
            padding-left: 0;
            padding-right: 0
        }

        ul.splited {
            padding: 0 5px;
            margin: 0 -10px
        }

        .insight-dropdown {
            height: 33px
        }
    }

    /*ul.sn-bar__inner-wrap li:last-child ul.dropdown-menu {
    left: -60px
}*/

    ul.sn-bar__inner-wrap li:first-child>span>a {
        padding-left: 0
    }

    .imghoverproductlist:hover>.profile-listing-opacity-bg,
    .imghoverproductlist:hover>.product_view .profile-listing-btn-cnt {
        display: block !important
    }

    .imghoverproductlist {
        height: 100%
    }

    .listingDotsHolder {
        height: 40px;
        width: 40px;
        border-radius: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 40px;
        width: 40px
    }

    .listingDotsPosition {
        display: none;
        position: absolute;
        bottom: 10px;
        right: 10px;
        cursor: pointer
    }

    .listingDotsPosition:hover .listingDotsHolder {
        background-color: rgba(0, 0, 0, .2);
        transition: .6s all
    }

    .listingDots {
        height: 6px;
        width: 6px;
        background: #fff;
        border-radius: 100%;
        margin: 2px 0
    }

    .listingProducts {
        display: none;
        margin: 10px;
        padding-right: 40px;
        position: absolute;
        bottom: 0;
        color: #fff
    }

    .dropdownf-position {
        top: 55px;
        right: 55px;
        z-index: 300
    }

    .imghoverproductlist:hover .listingDotsPosition {
        display: block
    }

    .imghoverproductlist:hover .listingProducts {
        display: block
    }

    .social-buttons-link span {
        padding: 5px
    }

    .product-image .day-count a:focus,
    .product-image .day-count a:active {
        color: #fff !important
    }

    .skip-button {
        background: none;
        border: none;
        color: #fff;
        float: right
    }

    .video-responsive-fix {
        opacity: 0
    }

    .social-buttons-link {
        margin-top: 10px
    }

    .social-buttons-link span:first-child {
        padding-left: 0
    }

    .play-btn {
        position: absolute;
        right: 0;
        z-index: 10;
        top: 30px
    }

    .play-btn .ply-video {
        padding: 13px 10px;
        box-shadow: 0 0 3px #cacaca;
        background: #fff;
        border-radius: 5px;
        margin: 0 15px
    }

    .ply-video span {
        padding: 10px 10px 10px 55px;
        background: url("../images/youtube.png") no-repeat scroll center left
    }

    @media(max-width: 768px) {
        .modal-dialog {
            width: 100%
        }
    }

    .ad-fontsizer {
        font-size: 1.4rem;
        font-weight: normal;
        font-family: Regular !important
    }

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

    .advertise-us a {
        padding: 10px 15px;
        background-color: #7DBD00;
        color: #fff !important;
        border-radius: 5px;
    }

    .adtab-message {
        font-size: 1.25em;
        word-wrap: break-word;
        margin-bottom: 5px;
    }

    .badge {
        border-radius: 5px !important
    }

    .badge-success {
        color: #fff;
        background-color: #28a745 !important
    }

    .badge-danger {
        color: #fff;
        background-color: #dc3545 !important
    }

    .badge-info {
        color: #fff;
        background-color: #17a2b8 !important
    }

    .site-maintenance {
        margin: 50px 0;
        min-height: 100px
    }

    .site-maintenance .site-img {
        display: inline-block
    }

    .wrapper-class input[type=radio] {
        width: 15px
    }

    .wrapper-class label {
        display: inline;
        margin-left: 5px
    }

    .margin-right-15 {
        margin-right: 15px
    }

    .margin-right-25 {
        margin-right: 25px
    }

    .d-flex {
        display: flex
    }

    .flex-column {
        flex-direction: column
    }

    .no-hor-right {
        padding-right: 0px
    }

    .no-hor-left {
        padding-left: 0px
    }

    .sidebarToggler {
        background: url("../images/design/3-line.png");
        height: 25px;
        width: 25px;
        background-size: contain;
        cursor: pointer;
        margin-right: 15px;
        background-repeat: no-repeat;
        align-self: center
    }

    .sideMenu {

        height: 100%
    }

    .dropdown.main-mobile-menu .dropdown-menu {
        position: static;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        width: 100%
    }

    .dropdown.main-mobile-menu .dropdown-menu li a {
        padding: 6px 15px 6px 65px;
        text-indent: 0
    }

    .classified-stuff-mob {
        background-color: #7DBD00;
        border-radius: 5px;
        color: #fff;
        float: left;
        padding: 10px;
        text-align: center;
        color: #fff !important
    }

    .classified-account,
    .classified-exchange,
    .classified-logout {
        background-color: #fff;
        border: 1px solid #e7edf2;
        border-radius: 5px;
        color: #222;
        float: left;
        padding: 10px;
        text-align: center;
        margin-top: 10px;
        color: #000 !important
    }

    .dropdown.main-mobile-menu.open .dropdown-submenu,
    .dropdown.main-mobile-menu.open .dropdown-menu {
        -webkit-animation: slide-down3 .2s ease-out;
        -moz-animation: slide-down3 .2s ease-out
    }

    .close.push_right {
        font-size: 25px;
        opacity: .5;
        margin-right: 25px;
        font-family: initial
    }

    @media(min-width: 320px)and (max-width: 1023px) {
        .mobile-user-area {
            display: flex
        }

        /* .sidebar-nav {
        padding-bottom: 250px
    } */
    }

    @media(min-width: 320px)and (max-width: 767px) {
        #exchange-modal {
            padding: 0 15px !important;
        }

        #exchange-modal .exchange-product-grid {
            width: 50% !important;
        }

        .classified-header-message {
            margin-top: 0px !important
        }

        .classified-header-har-line {
            display: none !important
        }
    }

    .classified-header-nav.dropdown,
    #page-content-wrapper {
        display: none
    }

    .respSell {
        padding: 10px 20px 10px 45px;
        background: url("../images/camera.png") no-repeat 20px 12px;
        background-color: #7DBD00 !important;
        position: fixed;
        bottom: 5%;
        left: 50%;
        transform: translate(-50%, 0);
        color: #fff;
        z-index: 10;
        border-radius: 20px;
        font-family: Bold;
        cursor: pointer;
        cursor: pointer
    }

    @media(min-width: 767px) {
        .respSell {
            display: none !important
        }
    }

    .for-sale-heading::after {
        content: "";
        right: 0px;
        position: absolute;
        font: normal normal normal 14px/1 FontAwesome;
        color: #8e8e8e;
        font-size: 10px;
        margin-top: 3px
    }

    .filters-list {
        width: 100%;
        display: none
    }

    .filters-title {
        width: 100%;
        cursor: pointer
    }

    .filter-btn a {
        font-size: 16px;
        text-align: center;
        border: 1px solid #e4e4e4;
        margin: 22px 0px 0px;
        padding: 12px 15px;
        background: #fff;
        display: block;
        border-radius: 5px
    }

    .resp-filter-menu {
        padding: 5px 20px
    }

    .productfileters .categories-menu-list.categories-list {
        padding: 8px 0px
    }

    #map_canvas {
        background: #f6f5f7
    }

    .categories>.grid>.categories-list>ul>li a {
        font-size: 16px !important
    }

    .classified-mobile-Category-catgr {
        /* background: #7DBD00; */
        background: #1D1D1F;
        line-height: 64px;
        color: #fff
    }

    .classified-mobile-Category-catgr button {
        color: #fff !important;
        text-shadow: none;
        opacity: 1 !important
    }

    div.childlevelattr {
        margin-top: 12px
    }

    .for-sale-heading {
        color: #222;
        font-size: 14px;
        font-family: bold
    }

    #products .checkbox.checkbox-primary input {
        width: 100%
    }

    .carousel-inner.product-img {
        height: auto;
        justify-content: center;
        align-items: center
    }

    #items-selector {
        padding: 8px;
        border: 1px solid #f4f4f4;
        margin: 10px 0px
    }

    .pushbar.opened body::-webkit-scrollbar {
        display: none
    }

    .bg_img {
        padding-bottom: 20.8%;
        background: #fff;
        height: 0;
        position: relative
    }

    @media(max-width: 1023px) {
        .wholeContainerResp {
            padding: 0
        }
    }


    /*# sourceMappingURL=style.css.map */

    .filterTags {
        display: flex;
        flex-wrap: wrap;
        padding: 20px 25px 0px;
    }

    .tagParent {
        padding: 0px 0px 0px 15px;
        background: #7DBD00;
        color: #fff;
        font-family: Bold;
        border-radius: 5px;
        margin: 20px 10px 0px 0px;
        display: flex;
    }

    .tagContent {
        align-self: center;
    }

    .tagCloser {
        padding: 7px 10px;
        cursor: pointer;
        align-self: center;
    }

    #filterTags {
        display: flex;
        flex-wrap: wrap;
        padding: 0px 25px 0px;
    }

    #advancefilter {
        display: flex;
        flex-wrap: wrap;
    }

    .advancedsearchlist .jslider-label {
        display: none !important;
    }

    #Filter-modal .advancedsearchlist .filter-align .layout-slider {
        padding: 0;
        padding-bottom: 0px;
        padding-bottom: 15px;
    }

    #Filter-modal .adv_filtr_start {
        position: absolute;
        bottom: 8px;
        padding-bottom: 0;
        left: -2px;
    }


    #Filter-modal .adv_filtr_end {
        position: absolute;
        right: 0;
        bottom: 8px;
    }

    .adv_filtr_start {
        font-size: 14px;
        line-height: 12px;
        color: #000;
        opacity: .4;
        white-space: nowrap;
        padding: 3px 2px;
    }

    .adv_filtr_end {
        font-size: 14px;
        line-height: 12px;
        color: #000;
        opacity: .4;
        white-space: nowrap;
        padding: 0px 2px;
    }

    .for-sale-heading {
        word-break: break-all;
    }

    #products .item.categories h4 {
        border-bottom: 1px solid #e7edf2;
        padding-bottom: 10px;
    }

    #searchsubmit input {
        border: none !important;
    }

    @media only screen and (max-width: 600px) {
        .bt-modal-body {
            margin: 0 !important;
        }

        .bt-modal-frame {
            width: auto !important;
        }

        .bt-modal-body iframe {
            min-height: .01%;
            overflow-x: auto;
            width: 100%;
            margin-bottom: 15px;
            overflow-y: hidden;
            -ms-overflow-style: -ms-autohiding-scrollbar;
            border: 1px solid #ddd;
        }
    }

    #searchsubmit input {
        color: #fff;
        text-align: center;
        width: 100%;
        padding: 10px 4px;
        border-radius: 3px;
        margin-bottom: 10px;
        border-bottom: none;
    }

    #address-book .chat-with-seller-text {
        font-size: 16px;
    }

    .categories .grid .categories-list ul li {
        padding-bottom: 7px;
    }

    .advancedsearchlist .categories-list li {
        padding-bottom: 0 !important;
    }

    #products .categories-list ul li a {
        text-align: center;
        width: 100%;
        padding: 4px;
        border-radius: 3px;
        margin-top: 20px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    .advancedsearchlist .checkbox {
        margin-top: -5px;
    }

    .notification-row {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    @media(min-width: 320px)and (max-width: 1023px) {
        #searchsubmit {
            display: none;
        }
    }

    .mob-cat {
        padding: 0px !important;
    }

    #searchsubmitmob input {
        color: #fff !important;
        text-align: center;
        width: 100%;
        padding: 10px 4px;
        border-radius: 3px;
        margin-top: 20px;
        border: none;
        background-color: #7DBD00;
    }

    .pushbar.from_left {
        min-height: 90vh !important;
    }

    /*.sidebar-nav {
    padding-bottom: 390px !important;
}*/
    #products-form #Products_description {
        width: 100%;
    }

    .advancedsearchlist .filters-list ul li {
        padding-bottom: 0px;
    }

    /* .banner-image .slick-container .slick-slider {
    margin-bottom: 0 !important;
} */
    @media(min-width: 1199px) {
        .pro-hor-padding {
            padding-left: 0;
            padding-right: 0;
        }

        .sidebarToggler {
            display: none;
        }

        .filter-modal-btn,
        .mobcat,
        #Filter-modal::before {
            display: none
        }

        #Filter-modal {
            z-index: 000;
            display: block !important;
            opacity: 1 !important;
            position: inherit !important;
        }

        #Filter-modal .modal-content {
            box-shadow: none !important;
        }

        #Filter-modal .modal.fade .modal-dialog {
            transition: unset !important;
        }

        #Filter-modal .modal.in .modal-dialog {
            -webkit-transform: unset !important;
            -o-transform: unset !important;
            transform: unset !important;
        }

        #Filter-modal .modal-dialog {
            width: auto !important;
            display: block !important;
            margin-top: 0 !important;
            margin-bottom: 0 !important;
        }

        #Filter-modal .modal-dialog {
            -webkit-transition: unset !important;
            -o-transition: unset !important;
            transition: unset !important;
            -webkit-transform: unset !important;
            -o-transform: unset !important;
            transform: unset !important;
        }

        #Filter-modal .modal-header {
            display: none !important;
        }

        #Filter-modal .modal-body {
            padding: 0 !important;
        }

        #Filter-modal .modal-content {
            border: none;
            background-color: transparent;
        }
    }

    @media(max-width: 1198px) {
        .categories-list {
            padding-top: 0;
        }

        .item.categories {
            display: block !important;
        }

        #Filter-modal .modal-header {
            border-bottom: none;
        }

        #Filter-modal .modal-header .close {
            margin-top: 0;
            font-size: 34px;
            padding-right: 10px;
            padding-top: 10px;
        }

        #Filter-modal .for-sale-heading.filters-title {
            text-decoration: none;
        }

        #Filter-modal .modal-content {
            margin: 10px;
        }

        .filter-modal-btn {
            font-size: 16px;
            text-align: center;
            border: 1px solid #e4e4e4;
            padding: 12px 15px;
            background: #fff;
            display: block;
            border-radius: 5px;
            color: #7DBD00;
            width: 100%;
            letter-spacing: 0 !important;
        }

        .filter-modal-btn.applied {
            color: #fff;
            background: #7DBD00;
        }

        .filter-modal-btn:hover,
        .filter-modal-btn:focus {
            color: #7DBD00;
            background: #fff;
        }

        /*.filter-options {
    padding:0 15px
}*/
        .filter-btn {
            display: none;
        }

        #Filter-modal #searchsubmit {
            display: block;
        }

        #Filter-modal .modal-body {
            padding-top: 0 !important;
        }
    }

    @media screen and (max-width: 360px) {
        /*.advt-btn {
        padding: 15px;
    }*/
    }

       

    @media(max-width: 1024px) {
        #back2Top {
            top: 80px;
        }

        .product-left-container {
            padding-bottom: 5px;
        }

        /* 
 .sidebar-nav {
        padding-bottom: 390px !important;
    } */
    }

    .head-tooltip::after {
        left: -200% !important;
    }

    @media(min-width: 320px)and (max-width: 533px) {
        .verified-txt {

            width: 90%;
        }
    }

    .checkbox.checkbox-primary {
        margin-top: 0;
    }

    .profile-tab-content {
        min-height: 582px !important;
    }

    .classified-menu nav {
        position: fixed;
    }

    /* calendar design style */
    #ui-datepicker-div .ui-datepicker-header.ui-widget-header {
        background-color: transparent;
        border: none;
    }

    #ui-datepicker-div table thead tr th span {
        font-size: 15px;
        font-weight: bold;
        color: #484848;
    }

    #ui-datepicker-div table tbody tr td a,
    #ui-datepicker-div table tbody tr td span {
        font-size: 15px;
        font-weight: bold;
        background-color: transparent;
        border: none !important;
        text-align: center !important;
    }

    #ui-datepicker-div table tbody tr td .ui-state-highlight,
    .ui-widget-content .ui-state-highlight {
        border: transparent !important;
        background: #7DBD00 !important;
        color: #fff !important;
        border-radius: 3px !important;
    }

    #Filter-modal .jslider-value.jslider-value-to {
        margin-left: -20px !important;
    }

    .InnerSliderPriceCol {
        padding-right: 10px !important;
        padding-left: 5px !important;
    }

    #products-form .loading {
        top: 100px !important;
    }

    /* 07.08.2019 */
    .jslider-value.jslider-value-to::after {
        border-top: solid 4px #7DBD00 !important;
        border-left: solid 4px transparent !important;
        border-right: solid 4px transparent !important;
    }

    .jslider .jslider-value {
        padding: 4px 4px 4px 4px !important;
    }

    /* .container-fluid.wholeContainerResp{padding:0;} */

    .tab-section-tabs>li>a:hover,
    ul.tab-section-tabs>li.active>a,
    .tab-section-tabs>li>a {
        padding: 10px 10px !important;
    }

    .filter-options .grid>.categories-list>span {
        color: #7DBD00;
    }

    .banner-image .swiper-slide img {
        width: 100%
    }

    .banner-image .swiper-pagination-bullet-active {
        background: #7DBD00 !important;
    }

    .banner-image .swiper-pagination-bullet {
        background: #fff;
        opacity: 1;
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next,
    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
        transform: scale(.6) !important;
    }

    @media(max-width: 1023px) {
        #Filter-modal .advancedsearchlist .filter-align .layout-slider {
            width: 100% !important;
        }
    }


    @media(min-width: 1024px)and (max-width: 1200px) {
        .resp-width-slider {
            width: 100% !important;
        }

        /* .sidebar-nav {
        padding-bottom: 250px
    } */
    }

    @media(min-width: 1024px) {
        .sidemenu-insight #sideshow.sidebar.sticky.fixed {
            top: 140px !important;

        }
    }

    .filters-resp-title {
        margin-top: 0px;
        font-size: 16px;
        padding-left: 10px;
        padding-top: 10px;
        /*! float: right; */
        font-size: 21px;
        font-weight: 700;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        filter: alpha(opacity=20);
        opacity: .2;
        position: absolute;
    }

    .chat-layout {
        min-height: unset !important;
    }

    /*.filter-options .for-sale-heading::after {
    top: 14px;
}*/

    #products .filter-options .categories-list ul li a {
        font-size: 16px;
    }

    .filter-options .for-sale-heading {
        padding-right: 20px;
    }

    .recently-viewed .product-padding {
        padding: 10px;
    }

    .conversation-text {
        word-break: break-word !important;
    }

    .advt-btn {
        float: left;
    }

    .analytics-codes {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }


    dropdown-menu>li>a:hover,
    .dropdown-menu>li>a:focus {
        color: #262626;
        text-decoration: none;
    }


    .justify-content-around {
        justify-content: space-around !important;
    }

    .justify-content-between {
        justify-content: space-between !important;
    }

    .align-items-center {
        align-items: center !important;
    }


    /* 
.sn-bar__inner-wrap li ul.sn-bar__dropdown.dropdown-menu.classified-dropdown-submenu {
    width: 100%;
    min-width: 200px;
} */


    #sn-bar__inner-wrap li {
        display: block;
        position: relative;
    }

    #sn-bar__inner-wrap li a {

        text-decoration: none;
        min-width: 170px;
        /*this is the width of the menu items */
        /*line-height:35px;this is the hieght of the menu items */
        color: #7DBD00;
        /* list item font color */
    }


    /* #sn-bar__inner-wrap li li a {font-size:80%;}  smaller font size for sub menu items */
    #sn-bar__inner-wrap li:hover {
        color: #7DBD00;
    }

    /* highlights current hovered list item and the parent list items when hovering over sub menues */

    #sn-bar__inner-wrap li:hover ul ul {
        display: none;
    }

    /* hides sub-sublists */
    #sn-bar__inner-wrap li:hover ul {
        display: block;
    }

    /* shows sublist on hover */
    #sn-bar__inner-wrap li li:hover ul {
        display: block;
        /* shows sub-sublist on hover */
        margin-left: 180px;
        /*  this should be the same width as the parent list item */
        margin-top: -25px;
        /* aligns top of sub menu with top of list item */

    }

    .subcate {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }


    .listsubmenu {
        width: 100%;
    }



    /*.dropdown-submenu {
    position: relative;
}*/

    .dropdown-submenu>.dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
    }


    .mainmenu a {
        display: block;
        text-decoration: none;
        padding: 10px;
        color: #000;
    }

    .mainmenu a:hover {
        background-color: #7DBD00;
    }



    .mainmenu li:hover .submenu {
        display: block;
        max-height: 200px;
    }



    .submenu a {
        background-color: #fff;

    }

    .submenu a:hover {
        background-color: #fff;
    }


    .submenu {
        overflow: hidden;
        max-height: 0;
        -webkit-transition: all 0.5s ease-out;
        margin-left: 2rem;
    }



    .downarrow {

        background-image: url(../images/down-arrow-black.png);
        height: 14px;
        background-repeat: no-repeat;
        background-size: contain;
        display: flex;
        background-position: top right;
        min-height: 15px;
        align-items: center;
        margin: 10px 0;

    }

    #sn-bar__inner-wrap li {
        display: block;
        position: relative;
    }

    #sn-bar__inner-wrap li a {

        text-decoration: none;
        min-width: 170px;
        /* this is the width of the menu items */
        /*line-height:35px;*/
        color: #7DBD00;
        /* list item font color */
    }



    #sn-bar__inner-wrap li:hover {
        color: #7DBD00;
    }


    #sn-bar__inner-wrap ul {
        position: absolute;
        padding: 0;
        /* left:0; */
        display: none;
        /* hides sublists */
    }

    #sn-bar__inner-wrap li:hover ul ul {
        display: none;
    }

    /* hides sub-sublists */
    #sn-bar__inner-wrap li:hover ul {
        display: block;
    }

    /* shows sublist on hover */
    #sn-bar__inner-wrap li li:hover ul {
        display: block;
        /* shows sub-sublist on hover */
        margin-left: 180px;
        /*  this should be the same width as the parent list item */
        margin-top: -25px;
        /* aligns top of sub menu with top of list item */

    }

    /*li:last-child  li:hover ul {

    display: block;
    margin-left: -175px !important;
    margin-top: -25px;

}


    li:last-child.sn-bar__item div
        {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center;
    }

ul.sn-bar__inner-wrap li:last-child ul.dropdown-menu {
    left: -25px !important;
}
    li:last-child .fa.fa-caret-right.arrow_cart {

        transform: rotate(180deg);
    
    }*/
    #sn-bar__outer-wrap li:last-child {
        width: 25%;
    }


    .jslider .jslider-label {
        display: none !important;
    }

    #reversedRange {
        direction: rtl;
    }

    .ranges_values {
        display: flex;
        justify-content: center;
        position: relative;
        top: 10px;
        color: #7DBD00;
    }


    /* .jslider-value.jslider-value-to {
    display: none !important;
} */


    .SliderPriceCol .jslider-value {
        display: none !important;
    }

    menu-dropdown {

        position: relative;
        top: 0;
    }




    .menu-dropdown input[type="checkbox"] {
        position: absolute;
        right: 25px;
        top: 10px;
        opacity: 0;
        cursor: pointer;
        width: 100%;
        height: 41px;
    }


    .below_menu {
        position: relative;
    }

    .below_menu input[type="checkbox"] {
        position: absolute;
        right: 25px;
        top: 0px;
        opacity: 0;
        cursor: pointer;
        width: 100%;
        height: 41px;
    }

    .sub-menu-dropdown {
        display: none;
    }

    .sub-menu-dropdown li a:hover {
        background-color: #f4f4f4;
    }

    .downarrow .angle-down {
        transform: rotate(0deg) !important;
    }

    .sub-menu-checkbox:checked+ul.sub-menu-dropdown {
        display: block !important;
        -webkit-animation: grow .45s cubic-bezier(0.77, 0, 0.175, 1);
        animation: grow .45s cubic-bezier(0.77, 0, 0.175, 1);
    }

    .submenu-dropdown input[type="checkbox"] {
        position: absolute;
        right: 0px;
        top: 0px;
        opacity: 0;
        cursor: pointer;
        width: 100%;
        height: 21px;
    }

    .submenu-dropdown .menu-hasdropdown {
        padding: 0px !important;
    }

    .drop-menu-dropdown {
        display: none;
    }

    .drop-menu-dropdown li {
        padding: 3px 0 !important;
    }

    .drop-menu-checkbox:checked+ul.drop-menu-dropdown {
        display: block !important;
        -webkit-animation: grow .45s cubic-bezier(0.77, 0, 0.175, 1);
        animation: grow .45s cubic-bezier(0.77, 0, 0.175, 1);
    }

    .forsub-sale-heading::after {
        content: "";
        right: 0px;
        position: absolute;
        font: normal normal normal 14px/1 FontAwesome;
        color: #8e8e8e;
        font-size: 10px;
        margin-top: 3px
    }

    .forsub-sale-heading {
        font-size: 16px;
        padding: 4px;
    }

    /*adsense css start*/
    .adscontents-footer {
        margin-left: 20px;
        margin-top: 30px;
    }

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

        #topbanner-ads-footer {
            margin-left: 0px !important;
            text-align: center;
        }

        .adscontents-footer {
            margin-left: 50px;
            margin-top: 30px;
        }
    }



    @media (min-width:768px) and (max-width:1200px) {
        #topbanner-ads {
            margin-left: 20px !important;
        }

        .adscontents-footer {
            margin-left: 65px;
            margin-top: 30px;
        }

    }

    @media (min-width:1201px) {
        #topbanner-ads {
            margin-left: 20px !important;
        }

        .adscontents-footer {
            margin-left: 65px;
            margin-top: 30px;


        }

    }

    #topbanner-ads {
        text-align: center;
        margin-left: 110px;
    }

    #topbanner-ads-footer {
        text-align: center;
        margin-left: 0px;
    }

    .adscontents ins {
        width: 100% !important;
    }

    .adscontents ins ins {
        width: 100% !important;
    }

    .adscontents ins ins ins {
        width: 100% !important;
    }

    .adscontents-footer ins {
        width: 100% !important;
    }

    .adscontents-footer ins ins {
        width: 100% !important;
    }

    .adscontents-footer ins ins ins {
        width: 100% !important;
    }

    /*adsense css ends */
    /* Addons sryle start */
    #Soldmodal .modal-body,
    #planModal .modal-body {
        max-height: 300px;
        /*overflow-y: auto;*/
    }

    .align-self-center {
        align-self: center;
    }

    .justifi-content-between {
        justify-content: space-between;
    }

    .mb-0 {
        margin-bottom: 0
    }

    .mb-15 {
        margin-bottom: 15px
    }

    .ml-2 {
        margin-left: 10px
    }

    .greenTxt {
        color: green
    }

    .redTxt {
        color: red
    }

    .orangeTxt {
        color: orange
    }

    #write-review-modal .col-lg-12.d-flex {
        padding: 10px;
    }

    #write-review-modal img {
        width: 50px;
    }

    #write-review-modal p {
        font-size: 16px;
        margin-bottom: 3px !important;
        padding-left: 15px;
    }

    #write-review-modal p span {
        color: #7DBD00;
    }

    .vertical-divider {
        background-color: #f4f4f4;
        float: left;
        height: 40px;
        width: 1px;
    }

    .avalible {
        padding: 8px 0 0 0;
    }

    @media(max-width: 575px) {
        .col-xs-6 {
            width: 50%;
        }

        #planModal .edit-btn {
            float: right !important;
        }

        #planModal .modal-footer a {
            margin-bottom: 10px !important;

        }

        #write-review-modal,
        #Soldmodal {
            margin: 0 15px;
        }

        #Soldmodal .modal-footer div {
            flex-direction: column;
        }

        #Soldmodal .modal-footer div a:first-child {
            margin-bottom: 15px;
        }
    }


    #planModal .modal-header,
    #Soldmodal .modal-header,
    #write-review-modal .modal-header {
        background-color: #444;
        color: #fff;
        text-align: center;
        padding: 10px;
    }

    #planModal .close,
    #Soldmodal .close,
    #write-review-modal .close {
        color: #8e8e8e;
        opacity: 1;
        font-size: 25px;
    }

    #planModal .subTitle {
        font-size: 18px;
    }

    #planModal .tab-radio-button {
        padding: 15px !important;
    }

    #planModal .tab-radio-button {
        text-align: center;
        border: 1px solid #cdcdcd;
        margin-bottom: 20px;
    }

    #planModal .plans {
        padding-top: 20px;
    }

    #planModal .period {
        margin-top: 10px;
        font-size: 16px;
        margin-bottom: 15px;
    }

    #planModal .price {
        background-color: #e30045;
        font-size: 16px;
        color: #ffffff;
        padding: 7px 15px;
        border-radius: 5px;
    }

    #planModal .post {
        color: #e30045;
        font-size: 16px;
        margin-top: 15px;
    }

    #planModal .radio {
        margin-top: 0;
    }

    #planModal .checkround,
    #Soldmodal .checkround {
        position: absolute;
        top: 6px;
        left: 50%;
        height: 20px;
        width: 20px;
        background-color: #fff;
        border-color: #e4e4e4;
        border-style: solid;
        border-width: 2px;
        border-radius: 50%;
        transform: translate(-50%, 0);
    }

    #planModal .radio .checkround::after,
    #Soldmodal .radio .checkround::after {
        left: 2px;
        top: 2px;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: #e30045;
    }

    #planModal .radio input:checked~.checkround::after,
    #Soldmodal .radio input:checked~.checkround::after {
        display: block;
    }

    #planModal .checkround::after,
    #Soldmodal .checkround::after {
        content: "";
        position: absolute;
        display: none;
    }

    #planModal .radio input,
    #Soldmodal .radio input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

    #planModal .modal-footer a {
        margin: 0 10px 0 0;
    }

    #Soldmodal .content {
        align-self: center;
        padding-left: 15px;
    }

    #Soldmodal img {
        width: 50px
    }

    #Soldmodal .content .name {
        font-size: 16px;
        font-family: Bold;
        margin-bottom: 5px;
    }

    #Soldmodal .content .address,
    #Soldmodal .modal-footer a,
    #planModal .modal-footer a,
    #write-review-modal .review-btn,
    #write-review-modal .Category-input-box-heading {
        font-size: 16px;
    }

    #Soldmodal .modal-footer a {
        width: 100%;
        margin-top: 0;
    }

    /* Addons sryle end */

    /* hot fixes  */
    .promoteListing .modal-header-text {
        margin-left: auto;
        width: 100%;
        text-align: center;
    }

    .promoteListing .login-header-text {
        float: unset;
        width: 100%;
    }

    .promoteListing {
        display: flex;
    }

    .promoteListing .modal-header-text {
        margin-left: auto !important;
    }

    @media (max-width:360px) {

        #customButton1,
        .brainTree {
            width: 100%;
            margin: auto;
        }

        .promotion-cancel {
            width: 100%;
        }
    }

    .firebaseui-page-provider-sign-in {
        max-width: 200px !important;
    }

    .firebaseui-card-content {
        padding: 0 !important;
    }

    .firebaseui-idp-button {
        max-width: 100%;
    }

    @media (max-width:767px) {
        .classified-create-btn {
            margin-top: 10px;
        }

        #Filter-modal .modal-content {
            max-height: 550px;
            overflow: auto;
        }
    }

    .upto {
        color: #000;
        font-size: 14px;
        padding-bottom: 15px;
    }

    .sale-initiate-date {
        padding-right: 5px;
    }

    .exchange-history-list-left>a {
        white-space: nowrap;
    }

    /* .dropdown-submenu li a{
    white-space: normal;
} */
    @media (min-width: 480px) {
        .sn-bar__inner-wrap {
            overflow-x: hidden !important;
        }
    }

    .paddingLeft {
        padding-left: 0 !important;
    }

    .paddingRight {
        padding-right: 0 !important;
    }

    .nowrap {
        white-space: nowrap;
    }

    .packPrice {
        float: unset !important;
        display: block;
        margin: auto;
        max-width: 100px;
        text-align: center;
    }

    .classified-header-profile .dropdown-menu {
        max-width: 190px;
    }

    .classified-header-profile .dropdown-submenu li a {
        text-overflow: ellipsis;
        overflow: hidden;
    }

    @media (min-width:992px) {
        .classified-footer-head {
            padding-bottom: 30px;
            padding-top: 30px
                /* padding-top: 40px */
        }
    }

    @media (max-width:991px) {
        .classified-footer-head {
            padding-bottom: 15px;
            padding-top: 30px
                /* padding-top: 40px */
        }
    }

    .add-photos-heading {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .direc {
        margin-right: 10px;
    }

    .classified-acc-order-btn-cnt .classified-acc-order-btn {
        margin-bottom: 20px;
    }

    .mapboxgl-ctrl-geocoder {
        transition-delay: 10000s;
    }

    #temp_inputbox_id {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
    }

    #temp_inputbox {
        border: none;
        border-radius: 0;
    }

    .map-input-section {
        position: relative;
    }

    @media (max-width:380px) {
        .totalOrder {
            float: left !important;
            padding-left: 10px;
        }
    }

    .msg_menu_pos {
        display: flex;
        align-items: center;
    }

    .geocoder {
        right: 20px !important;
        left: 20px !important;
        width: auto !important;
        margin-left: unset !important;
    }

    .classified-acc-addr-cont .classified-acc-addr-cnt {
        box-shadow: 0 0 0 3px #7DBD00 inset !important;
    }

    .rc-anchor-normal {
        max-width: 250px;
    }

    .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label,
    .mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
    .mdl-textfield--floating-label.is-focused .mdl-textfield__label {
        top: -6px !important;
    }

    .mdl-textfield--floating-label .mdl-textfield__label {
        padding-left: 10px;
        margin-top: 6px;
    }

    .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--icon {
        display: none !important;
    }

    #rc-anchor-alert {
        position: unset !important;
    }

    #collapse2 .classified-acc-order-btn-cnt .classified-acc-order-btn {
        display: flex !important;
        align-items: center !important;
    }

    .phoneLogin img {
        width: 36px;
        height: 36px;
    }

    .mapboxgl-ctrl-group {
        position: absolute;
        bottom: -454px;
        right: 5px;
    }

    /*  .mapboxgl-user-location-dot::before{
      content: none !important;
      background-color: transparent !important;
      box-shadow: none !important;
      border: 2px solid transparent !important;
  }
  .mapboxgl-user-location-dot::after{
    box-shadow: none !important;
    border: 2px solid transparent !important;
}
  .mapboxgl-user-location-dot{
      background-color: transparent !important;
  }*/
    .cke_top {
        display: none !important
    }

    .amtItem {
        display: flex;
        align-items: center;
    }

    .amtSpan {
        padding-right: 5px;
    }

    .header_bg_color {
        background-color: #666666
    }

    .cssForFloatLeft {
        float: left;
    }

    .cssForFloatRight {
        float: right;
    }
}

.cssForFloatLeft {
    float: left;
}

.cssForFloatRight {
    float: right;
}

/* app install alert css for smart banner */

.smartbanner {
    left: 0;
    top: 0;
    width: 100%;
    height: 78px;
    font-family: "Helvetica Neue", helvetica, arial, sans-serif;
    background: #fff;
    overflow: hidden;
    display: none;
}

.smartbanner-close {
    position: absolute;
    left: 7px;
    top: 7px;
    display: block;
    font-family: ArialRoundedMTBold, Arial;
    font-size: 15px;
    text-align: center;
    text-decoration: none;
    border-radius: 14px;
    -webkit-font-smoothing: subpixel-antialiased;
    border: 0;
    width: 17px;
    height: 17px;
    line-height: 17px;
    color: #b1b1b3;
    background: #efefef;
    z-index: 9;
}

.smartbanner-title {
    font-size: 15px;
    line-height: 17px;
    color: #000;
    font-weight: 700
}

.smartbanner-button {
    position: absolute;
    right: 20px;
    top: 24px;
    border-bottom: 3px solid #e600ac;
    padding: 0 10px;
    min-width: 12%;
    height: 30px;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    font-weight: 700;
    color: #fff;
    background-color: #e600ac;
    text-decoration: none;
    border-radius: 5px
}

.smartbanner-button:hover {
    color: #fff
}

.smartbanner-button-text {
    text-align: center;
    display: block;
    padding: 0 5px
}

/*changes made on 20-Dec*/
@media (max-width: 1200px) {
    .smartbanner {
        display: block;
        position: fixed;
        z-index: 11;
    }
}

/*changes made on 20-Dec*/
.smartbanner-icon {
    position: absolute;
    left: 20px;
    top: 9px;
    display: block;
    width: 57px;
    height: 57px;
    background-color: #fff;
    background-size: cover;
    background-image: url(icon_512x512.png);
}

.smartbanner-info {
    position: absolute;
    left: 90px;
    top: 16px;
    width: 44%;
    font-size: 12px;
    line-height: 1.2em;
    font-weight: 700;
    color: #999;
}

.classified-menu nav.navbar {
    padding-top: 64px;
}

.classified-menu nav.navbar {
    padding: 0 30px;
    border-bottom: 1px solid #f4f4f4;
    border-radius: 0;
    margin-top: 60px;
}

.classified-menu nav {
    position: unset;
}

.navbar {
    border: 1px solid transparent;
    margin-bottom: 0 !important;
    min-height: 0 !important;
}

.navbar-nav>li>.dropdown-menu {
    padding: 0;
    height: auto;
    overflow-y: auto;
}

.classified-dropdown-submenu {
    border: none;
    z-index: 998;
}


/*header css */

.cust_select.dropdowns {
    cursor: pointer !important;
    border: none !important;
    padding: 10px !important;
    border-radius: 5px;
    min-width: 100px;
    background-color: #fff;
    margin-left: 30px;
    position: relative;
}

.current {
    font-weight: bold;
    padding-left: 0;
}

.cust_select.dropdowns .list {
    box-sizing: border-box;
    transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;
    transform: scale(0.75);
    transform-origin: 50% 0;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.09);
    background-color: #fff;
    border-radius: 5px;
    margin-top: 7px;
    padding: 3px 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 100%;
    z-index: 999;
    left: 0;
}

.cust_select.dropdowns .list ul {
    margin-bottom: 0;
}

.cust_select.dropdowns .option.selected {
    font-weight: 600;
}

.cust_select.dropdowns .option {
    cursor: default;
    line-height: 25px;
    outline: none;
    padding-left: 14px;
    padding-right: 29px;
    padding-top: 5px;
    transition: all 0.2s;
    font-weight: bold;
}

.cust_select.dropdowns.open .list {
    transform: scale(1);
    opacity: 1;
    pointer-events: auto;
    width: 100px;
    max-height: 200px;
    overflow-y: auto;
}

.cust_select.dropdowns:after,
.custom-select .caret {
    background-image: url(./images/down_arrow.png);
    background-size: 13px;
    background-repeat: no-repeat;
    height: 20px;
    width: 15px;
    transform: origin(50% 20%);
    transition: all 0.125s ease-in-out;
    content: "";
    position: absolute;
    top: 15px;
    border: none;
    padding-left: 10px;
    right: 10px;
}

.cust_select.dropdowns.open:after,
.dropdowns.open .caret {
    transform: rotate(-180deg);
    top: 1px;
    right: 10px;
    padding-left: 10px;
}


.custom-select {}

@media(min-width: 1024px) {
    .custom-select {
        margin-left: 89px;
    }

}






.video-thumbnail-wrapper {
    position: relative;
    display: block;
    cursor: pointer;
    height: 110px;
}

.video-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    opacity: 0.8;
    transition: opacity 0.3s;
}

.video-play-icon:hover {
    opacity: 1;
}

.video-thumb {
    width: 100%;
    height: auto;
}


/* //new style// */

.custom-select {
    position: relative;
}

.custom-select select {
    display: none;
}

.select-selected {
    background-color: DodgerBlue;
}

.select-selected:after {
    position: absolute;
    content: "";
    top: 18px;
    right: 14px;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-color: gray transparent transparent transparent;
}

.select-selected.select-arrow-active:after {
    top: 10px;
    rotate: 180deg;
}

.select-items div {
    color: #000;
    padding: 0px 10px;
    cursor: pointer;
    user-select: none;
    height: 32px;
    display: flex;
    align-items: center;
}

.select-selected {
    background: #fff;
    color: #000;
    font-weight: bold;
    padding: 2px 14px;
    border-radius: 5px;
    min-width: 110px;
    height: 40px;
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
}

.select-items {
    position: absolute;
    background-color: white;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.09);
    border-radius: 4px;
}

.select-hide {
    display: none;
}

.uploadimages_div {
    overflow: auto;
    white-space: nowrap;
}

/* .uploadimages_div div{
    margin-top: -30px;
} */

@media screen and (max-width:1200px) {
    .custom-select {
        margin-left: 10px;
    }
}

@media screen and (max-width:767px) {
    .classified-header-message {
        display: none !important;
    }

    .header-left {
        align-items: center;
    }

    .custom-select {
        position: absolute;
        right: 0px;
    }

    .select-selected {
        height: 36px;
    }
}

@media screen and (min-width:768px) and (max-width:992px) {
    .header-left {
        width: 50%;
    }

    .logindiv .custom-select {
        margin-left: 20px;
        right: -330px;
        left: auto;
    }

    .custom-select {
        left: 152px;
    }
}


@media screen and (min-width:1024px) and (max-width:1200px) {
    .classified-header-bar {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .header-left {
        width: auto;
    }

    .sidebarToggler {
        display: none;
    }

    .custom-select {
        margin-left: 20px;
        position: relative;
        left: 18px;
    }

    .full-vheader {
        width: auto;
    }

    .classified-login-user-nav {
        float: none !important;
        width: auto;
    }

    .classified-login-user-nav ul {
        float: none !important;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .classified-header-profile a {
        display: flex;
        align-items: center;
        top: -15px;
        position: relative;
    }

    .classified-header-profile a .classified-header-down-arrow {
        margin-top: 6px;
    }

    .classified-login-user-nav ul li {
        padding-top: 0px !important;
    }

    .logindiv .custom-select {
        left: 40px;
    }

}

@media screen and (min-width:1920px) and (max-width:1920px) {
    .select-selected {
        min-width: 180px;
    }
}


@media screen and (min-width:1440px) and (max-width:1440px) {
    .custom-select {
        margin-left: 180px;
    }

    .full-vheader {
        position: relative;
        left: 90px;
    }

    .select-selected {
        min-width: 152px;
    }
}

@media screen and (min-width:1920px) and (max-width:1920px) {
    .custom-select {
        margin-left: 330px;
    }

    .full-vheader {
        position: relative;
        left: 152px;
    }
}

.img_card_relative {
    position: relative;

}

.image_card_play {
    position: absolute;
    z-index: 9;
    margin: 0 auto;
    left: 12px;
    right: 0px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    top: 10px;
}

.image_card_play img {
    width: 28px;
    height: 28px;
}


.vjs-tech {
    min-width: 300px !important;
    height: 390px;
}

.vjs-fullscreen video {
    height: 100% !important;
}

.video-js .vjs-control-bar {
    top: 360px;
 }



.vjs-fullscreen .vjs-control-bar {
    top: unset !important;
}

@media screen and (min-width:300px) and (max-width:500px) {


 .video-js .vjs-control-bar {

top: 100%;

  } 

.vjs-tech {
    /* min-width: 300px !important; */
    width: 100%;
    height:  auto !important;
}
}


@media screen and (max-width:767px) {
    .belowBtns{
    flex-wrap: wrap;
    flex-direction: column;
    gap: 10px;
}
}

.item-urgent{

background: linear-gradient(90deg, #A0320B 0%, #E35A16 100%) !important ;
}

/* .verify_div>span{
float: left;
padding-right: 5px;
} */

/* .profile-text-label>span{
    float: left;
padding-right: 5px;
} */

 @media screen and (max-width: 767px) {
             .product-left-container {
            padding-right: 15px;
        }
        }

       /* === BATNER FIX: Larger video popup – DESKTOP === */
@media (min-width: 769px) {
  [id^="streamplay"] .modal-dialog {
    width: 60vw !important;
    max-width: 60vw !important;
    max-height: 80vh !important;
    margin: 5vh auto !important;
  }

  /* [id^="streamplay"] .modal-content {
    width: 100% !important;
    height: auto !important;
    background: #000 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }

  [id^="streamplay"] .modal-body {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 !important;
    background: #000 !important;
  }

  [id^="streamplay"] iframe,
  [id^="streamplay"] video {
    max-width: 100% !important;
    max-height: 75vh !important;
    width: auto !important;
    height: auto !important;
  } */
}

/* === BATNER FIX: video popup – MOBIL/TABLET === */
@media (max-width: 768px) {
  [id^="streamplay"] .modal-dialog {
    width: 100vw !important;
    max-width: 100vw !important;
    max-height: 100vh !important;
    margin: 0 !important;
  }

  [id^="streamplay"] .modal-content {
    width: 100% !important;
    height: 100% !important;
    background: #000 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
  }

  [id^="streamplay"] .modal-body {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 !important;
    background: #000 !important;
  }

  [id^="streamplay"] iframe,
  [id^="streamplay"] video {
    max-width: 100% !important;
    max-height: 70vh !important;
    width: auto !important;
    height: auto !important;
  }
}

/* Smaller close button on all video popups */
[id^="streamplay"] .modal-header button.close,
[id^="streamplay"] .modal-header .close {
  transform: scale(0.7);
  right: 10px !important;
  top: 10px !important;
}


.video-js.vjs-fullscreen .vjs-control-bar{
     bottom: 0 !important;
     top:auto !important;
}

.video-js.vjs-fullscreen #videoPreviewModal .vjs-tech{
    height: 100% !important;
}

#customBtn {
    position:absolute;
}

#customBtnn {
    position:absolute;
}

.customGoogleImg{
    margin-left:0px !important;
}

.social-login-center div{
    text-align:center;
}

#customBttnn{
    float:none !important;
}