a, p, h1, h2, h3, h4, h5, h6 {
    font-family: "Titillium Web", sans-serif !important;
}row-setting

/*h1, h2, h3, h4, h5, h6, p, a {
    line-height: 1em !important;
}*/

@font-face{
  font-family:'Glyphicons Halflings';
  src:url("https://stackpath.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"),
  url("https://stackpath.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.woff") format("woff"),  
  url("https://stackpath.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular") format("svg")
}
/*treding property*/
.newpsttitle
{
    width: 100%!important;
    float: left;
    color: #57299d!important;
}
.disnonebann
{
    display: none!important;
}
.marbot10
{
    margin-bottom: 10px;
}
/*end treding property*/
a.white-anchor:hover{
  color:#fff !important;
}
a.white-anchor-focus:focus{
  color:#fff !important;
}
.icon_minim:hover {
    color: #b133c8;
}
.modal-header .close {
    margin-top: 0px;
}
.section-headline h2 {
    float: left;
    line-height: 90px;
	color: #fff;
	font-size: 2em;
	font-weight: 700;
    margin: 0 auto;
} 

.frame_a p.cha-job-title
{
    font-size: 14px!important;
    width: 95%;
    background-color: #e8eafd;
    margin-left: 5px;
    padding: 12px;
    border-radius: 10px;
    color:#484848;
    margin-bottom: 12px;
    float: left;
    
}
.supp_answer_2 .checkbox label, .radio label
{
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
    background: #4f379d;
    color: #fff;
    font-size: 16px;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    width: 94%;
    float: left;
}
.supp_answer_2 .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio]
{
    position: relative;
    margin-left: 0px;
}
.frame_a li a
{
    background-color: #4f379d;
    padding: 11px 20px;
    border-radius: 10px;
   
    position: relative;
    margin-bottom: 15px;
    color: #fff!important;
    margin-left: 6px;
    float: left;

}
.frame_a li a:hover
{
    color: #fff!important;
}
.frame_a input[type=text]
{
    width: 258px;
    border-radius:10px!important;  
    margin-top:2px;
    margin-bottom:5px;
    margin-left: 18px;
    border: 2px solid #b5b5b5;
}
.frame_a li{padding:10px!important;}
.frame_a select 
{   
    border-radius: 10px!important;
    background-color:#4f379d!important;
    color: #ffffff!important;
    font-size:16px;
    width: 94%;
}


/*scroll barrr*/

#sidepanel
{
    margin-left: 30px;
    float: left;
    height: 300px;
    width: 65px;
    background: #F5F5F5;
    overflow-y: scroll;
    margin-bottom: 0px;
}

#sidepanel::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius:5px;
    background-color: #F5F5F5;
}

#sidepanel::-webkit-scrollbar
{
    width:7px;
    background-color: #F5F5F5;
}

#sidepanel::-webkit-scrollbar-thumb
{
    border-radius:5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #57299d;
}


/*end scroll bar*/




h2 {
    color: #888;
    font-size: 2em;
    font-weight: 700;
}

a:focus, a:hover {
    color: #444 ;
    text-decoration: none !important;
}
ul.main-menu {
    margin-bottom: 0;
}
.clear {
    clear: both;
}
.section {
    padding: 60px 0 90px;
    overflow: hidden;
}
.block-with-text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.circle.dark img {
    width: 70px !important;
    margin-top: 19% !important;
}
div#services-wrap .circle.dark img {
    margin-top: -35% !important;
}
.pack-box.pack-box2 .serviceBox .service-icon img {
    margin-top: 22%;
}
.author-profile-banner.bannerwithimage{
position: relative;
}
.author-profile-banner.bannerwithimage img {
    width: 100%;
    background-size: cover;
    height: 350px;
}
.compare-boxes {
    overflow: hidden;
    margin: 0 auto;
	padding-bottom: 0px;
}
.compare-boxes .compare-box {
   /* width: 19%;
     padding-top: 24px; */
    /* padding-bottom: 24px; */
	width:24%;
    border: 1px solid #ebebeb;
    background-color: #fff;
    position: relative;
    float: left;
    margin-right: 10px;
}
/*.compare-boxes .compare-box {
    width: 23%;
    border: 1px solid #ebebeb;
    background-color: #fff;
    position: relative;
    float: left;
    margin-right: 20px;
}*/
.compare-property-block {
    position: relative;
    margin: 20px 0px;
    padding: 0px;
    font-family: "Titillium Web", sans-serif;
}
.compare-property-block .compare-inner-box {
    position: relative;
}
.compare-property-block .compare-image-box {
    position: relative;
    overflow: hidden;
}
.compare-property-block .compare-image-box .image {
    position: relative;
    margin: 0;
}
/*.compare-property-block .compare-image-box .image img {
    height: 190px;
}*/
.compare-property-block .compare-image-box .for {
    position: absolute;
    left: -75px;
    top: 25px;
    font-size: 13px;
    line-height: 23px;
    color: #ffffff;
    font-weight: 700;
    background: -moz-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(86,130,181,1)), color-stop(49%, rgba(77,40,152,1)), color-stop(100%, rgba(187,52,205,1)));
    background: -webkit-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -o-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    transition: all 300ms ease;
    padding: 0 80px;
    text-align: center;
    z-index: 9;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.compare-property-block .compare-image-box .featured {
    position: absolute;
    right: 0;
    top: 25px;
    font-size: 12px;
    line-height: 20px;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 7px;
    z-index: 9;
    background: -moz-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(86,130,181,1)), color-stop(49%, rgba(77,40,152,1)), color-stop(100%, rgba(187,52,205,1)));
    background: -webkit-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -o-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    transition: all 300ms ease;
}

.compare-property-block .compare-image-box .info {
    position: absolute;
    bottom: 10px;
    width: 100%;
    padding: 0 20px;
    z-index: 99;
}

.compare-property-block .compare-image-box .info li {
    position: relative;
    float: right;
    text-align: right;
    width: 100%;
    font-size: 12px;
    line-height: 15px;
    color: #ffffff;
    font-weight: 400;
    z-index: 9;
    margin-bottom: 8px;
}
.compare-property-block .compare-image-box .info li a {
    color: #ffffff;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.compare-property-block .compare-lower-content {
    position: relative;
    padding: 20px 0 0;
    background: #f5f5f5;
}
.compare-property-block h3 {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 1.2em;
    color: #222222;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 0% 1%;
}
.compare-property-block h3 a {
    color: #222222;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.compare-property-block .lucation {
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 24px;
    color: #777777;
    font-weight: 400;
    text-align: center;
	padding: 0% 5%;
}
.compare-property-block  .property-info {
    position: relative;
    margin-bottom: 30px;
}
.compare-property-block .property-info li {
    position: relative;
    float: left;
    width: 50%;
    padding-left: 15px;
    font-size: 14px;
    line-height: 35px;
    color: #777777;
    cursor: default;
    font-weight: 400;
}
.compare-property-block .property-price {
    /* display: flex; */
    position: relative;
    text-align: center;
}
.compare-property-block  .property-price .read-more {
    position: relative;
    float: left;
    width: 45%;
    margin-left: 10px;
    background: -moz-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(86,130,181,1)), color-stop(49%, rgba(77,40,152,1)), color-stop(100%, rgba(187,52,205,1)));
    background: -webkit-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -o-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    transition: all 300ms ease;
}
.compare-property-block .property-price .read-more .theme-btn {
    position: relative;
    display: block;
    line-height: 20px;
    padding: 10px 10px;
    font-size: 15px;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
}
.compare-property-block .property-price .price {
    position: relative;
    /*float: right;
    width: 40%;**/
    font-size: 18px;
    line-height: 20px;
    color: #ffffff;
    font-weight: 700;
    padding: 10px 10px;
    background-color: #222222;
    /* text-align: center; */
};
.compare-lower-content input[type="radio"], input[type="checkbox"] {
    display: inline-block;
    margin-left: 6% !important;
}
.compare-lower-content.compare-heading-box {
    background-color: transparent;
    border: none !important;
}

.compare-common-discription {
    overflow: hidden;
    margin: 0 auto 26px;
}

.compare-discription-box {
    /* width: 19.7%;
    padding-top: 24px; */
    /* padding-bottom: 24px; */
	width:24%;
    border: 1px solid #ebebeb;
    background-color: #fff;
    position: relative;
    float: left;
     margin-right: 10px;
}

.compare-discription-box ul {
    padding: 5% 4%;
}
/*.compare-discription-box ul.discription-list li {
    height: 160px;
}
.compare-discription-box ul.discription-list li {
    height: 170px;
    overflow: hidden;
    margin-bottom: 6%;
}*/
.compare-discription-box ul.discription-list li {
    height: 255px;
    overflow-y: scroll;
    margin-bottom: 6%;
}

.compare-discription-box ul.discription-sub-list li {
    height: auto !important;
    padding: 3% 0%;
}
.o8ogva{
    position: absolute;
    z-index: 999999;
    top: 1px;
    left: 3px;
    height: 25px;
    width: 25px;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 50%;
    font-size: 10px;
    line-height: 24px;
    color: #878787;
    text-align: center;
    cursor: pointer;
}
@media screen and (min-width: 600px) {
    .view-only-btn {
     display: none!important;   
            }
}

@media screen and (max-width: 1510px){
.compare-common-discription {
    width: 1170px;
    padding-left: 6px;
    margin-bottom: 6px;
    padding-bottom: 40px;
}
}
/***** ALL REVIEWS START *****/

.reviews a.list-group-item {
    border: none !important;
    box-shadow: 0px 0px 6px 0px #ccc !important;
    margin: 0% 0% 2% !important;
}

.reviews a.sellers-group-item .media {
    padding-left: 0 !important;
}
.reviews a.list-group-item .media img {
    display: block;
    height: 150px;
    width: 150px;
    position: relative;
    border: 1px solid #e0e0e0;
    border-radius: 50%;
}
.reviews a.list-group-item .media figure {
    margin-top: 2%;
    margin-left: 2%;
}
.reviews a.list-group-item .media figure {
    padding-right: 0px;
}
.reviews a.list-group-item {
    height:auto;
   /* min-height:205px*/
}
.reviews a.list-group-item.active small {
    color:#fff;
}
.reviews .stars {
    margin:20px auto 1px;    
}

.reviews a.list-group-item:hover{
	background: -moz-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%) !important;
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(86,130,181,1)), color-stop(49%, rgba(77,40,152,1)), color-stop(100%, rgba(187,52,205,1))) !important;
    background: -webkit-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%) !important;
    background: -o-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%) !important;
    background: -ms-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%) !important;
    background: linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%) !important;
    transition: all 300ms ease !important;
}
.reviews a.list-group-item:hover h4, .reviews a.list-group-item:hover p {
    color: #fff !important;
}
.reviews a.list-group-item .media {
    padding-left: 0;
}

.reviews .stars .rating .rating-item .svg-star {
    fill: #ffc000;
    width: 12px;
    height: 15px;
    margin-top: 10px;
}
.reviews .stars .rating .rating-item.empty .svg-star {
    fill: #cfcfcf;
}

.list-group.new-review-group {
    position: relative;
}

.list-group-item.new-review-item {
    position: absolute;
    width: 100%;
    display: block;
}
/***** ALL REVIEWS END *****/

.search-seller.sellers {
    width: 100%;
    margin: 0 auto;
}

.search-seller.sellers .seller-item {
    height: 132px;
    padding: 10px 0 0 10px;
    margin-bottom: 14px;
}

.search-seller .seller-item {
    border: 1px solid #ebebeb;
    background-color: #fff;
    position: relative;
}

.search-seller.sellers .seller-item .pin {
    top: 16px;
    left: -6px;
    padding: 0px 4px 0 10px;
}

.search-seller.sellers .seller-item .pin {
    left: -6px;
    padding: 0px 4px 0 10px;
}

.search-seller .seller-item .pin {
    position: absolute;
    z-index: 9990;
}
.pin.featured {
    background-color: #ffc000;
}
.pin {
    display: inline-block;
    padding: 0px 5px;
    border-radius: 2px;
    background-color: #535d5f;
    color: #fff;
    font-family: "Titillium Web", sans-serif;
    font-size: 0.5625em;
    font-weight: 700;
    line-height: 15px;
    text-transform: uppercase;
    position: absolute;
}
/*.search-seller.sellers .seller-item .author-data {
    padding: 7px 15px 0 5px;
}*/

.search-seller.sellers .seller-item .author-data {
    padding: 8% 2% 0% 1%;
}
.search-seller.sellers .seller-item .seller-info, .search-seller.sellers .seller-item .author-data, .search-seller.sellers .seller-item .item-metadata, .search-seller.sellers .seller-item .author-data-reputation, .search-seller.sellers .seller-item .item-actions, .search-seller.sellers .seller-item .price-info {
    float: left;
    height: 110px;
    border-right: 1px solid #ebebeb;
}
.search-seller.sellers .seller-item .author-data .user-rating {
    margin-bottom: 8px;
}
.search-seller .seller-item .user-rating {
    overflow: hidden;
}
.search-seller .seller-item .user-rating .text-header {
    float: left;
    margin-top: 6px;
}
.search-seller .seller-item .text-header {
    display: inline-block;
    margin-bottom: 4px;
}

.text-header.tiny {
    font-size: 0.75em;
    line-height: 1.16667em;
}

.rating {
    overflow: hidden;
    cursor: pointer;
}
.r_box {
    width: 30px;
    background: #306eda;
    float: left;
    color: #fff;
    text-align: center;
    font-weight: bold;
    padding: 2px 0;
    margin: 0 6px 0 0;
    border-radius: 5px;
}
.rating .rating-item {
    float: left;
    margin-right: 2px;
    margin-top: -6px;
}
.search-seller.sellers .seller-item .seller-info {
    padding: 0 18px;
}
/*.search-seller.sellers .seller-item .seller-info, .search-seller.sellers .seller-item .author-data, .search-seller.sellers .seller-item .item-metadata, .search-seller.sellers .seller-item .author-data-reputation, .search-seller.sellers .seller-item .item-actions, .search-seller.sellers .seller-item .price-info {
    float: left;
    height: 70px;
    border-right: 1px solid #ebebeb;
}*/

.search-seller .seller-item .seller-info {
    overflow: visible;
    margin-bottom: 0px;
}

/*.search-seller.sellers .seller-item .price-info {
    width: 160px;
    padding: 10% 5% 0%;
}*/

.search-seller.sellers .seller-item .price-info {
    width: 160px;
    padding: 10% 5% 0%;
    border-right: none;
}

.search-seller.sellers .seller-item .price-info .price {
    text-align: left;
    padding-right: 15px;
    padding-left: 15px;
    line-height: 18px;
}
.price.medium {
    font-size: 14px;
    color: #306eda;
}
.price {
    font-size: 1.25em;
    position: relative;
}
.product-preview-image.small {
    width: 105px;
    height: 70px;
}
/*.search-seller.sellers .r_s {
    width: auto;
    font-family: "Titillium Web", sans-serif;
    line-height: 20px;
    padding: 3px 16px;
    border-radius: 20px 0 20px 20px;
    font-size: 12px;
    color: #fff;
    position: absolute;
    bottom: 38%;
    right: 14%;
    background: -moz-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(86,130,181,1)), color-stop(49%, rgba(77,40,152,1)), color-stop(100%, rgba(187,52,205,1)));
    background: -webkit-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -o-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
}*/

.search-seller.sellers .r_s {
    width: auto;
    font-family: "Titillium Web", sans-serif;
    line-height: 20px;
    padding: 3px 16px;
    border-radius: 20px 0 20px 20px;
    font-size: 12px;
    color: #fff;
    position: absolute;
    bottom: 5%;
    right: 15%;
    background: -moz-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(86,130,181,1)), color-stop(49%, rgba(77,40,152,1)), color-stop(100%, rgba(187,52,205,1)));
    background: -webkit-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -o-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
}

.seller-pic-rating {
    padding-left: 0px;
}

.search-seller .price-info.w_54 {
    display: none;
}

.sellerPic {
    padding-left: 0px;
}

.sellerImage .product-preview-image img {
    height: 100px;
    width: 90px;
    margin-top: 3%;
}
.product-description.block-with-text {
    -webkit-line-clamp: 2;
}
/***** Search Seller *****/
	
	
/***** Followers Page *****/
	
	.mainHeading h2 {
    margin: 0 auto;
    color: #888;
	}

	.card {
    background-color: #fff;
    height: auto;
    width: 22.5%;
    margin: 5vh 2vh auto;
    border-radius: 4px;
    padding-bottom: 15px;
    /* box-shadow: 2px 2px 5px #4069E2; */
    text-align: center;
	}	
	.card:hover {
    box-shadow: 0px 0px 5px #ccc;
	}

	.card h3 {
    font-weight: 200;
    font-size: 24px;
    color: #444;
    letter-spacing: -1px;
    margin: 10px auto;
    padding: 0;
    text-transform: uppercase;
	}

	.card h2{
		font-weight: 400;
		font-size: 14px;
		color: #666;
		letter-spacing: .5px;
		margin: 0;
		padding: 0;
	}
	.card .image-crop {
    display: block;
    position: relative;
    background-color: #E6EBEE;
    width: 150px;
    height: 150px;
    margin: 15px auto;
    overflow: hidden;
    border-radius: 50%;
    box-shadow: 1px 1px 5px #4069E2;
	}

	.card #avatar {
    display: inline;
    height: 160px;
    width: auto;
    margin-left: 0;
	}
	
	.card .profile-social-links {
    display: table;
    width: 70%;
    margin: 5px auto;
	}		

	.card .profile-social-links li{
		display: table-cell;
		width: 33.3333333333333333%
	}

	/*.card .profile-social-links li a {
    display: block;
    text-align: center;
    padding: 10px;
    margin: 0 10px;
    border-radius: 50%;
    -webkit-transition: box-shadow 0.2s;
    -moz-transition: box-shadow 0.2s;
    -o-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
    border: 1px solid #eee;
	}
	.card .profile-social-links li a:hover{
		box-shadow: 0 1px 1.5px 0 rgba(0,0,0,.12),0 1px 1px 0 rgba(0,0,0,.24);
	}

	.card .profile-social-links li a img{
		width: 100%;
		display: block;
	}*/
	
	ul.profile-social-links li a {
    color: #ccc;
    border: none !important;
	}
	
	ul.profile-social-links li a:hover {
    color: #ccc !important;
	}

	.card .profile-bio{
		padding: 0 30px;
		text-align: center;
		color: #888;
	}

	.card #stats {
    display: flex;
    flex-direction: row;
    height: auto;
    width: 90%;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    font-weight: 500;
	}

	.card .col {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: auto;
	}

	.card .stat {
    font-size: 18px;
    margin: 0;
    line-height: 20px;
	}

	.card .label {
		margin: 0;
		color: #888;
	}
	
	.card .followBtn {
    width: 90px;
	}
	
/******* MY RATE ****/

.section-headline-wrap {
    background: url(../images/section_headline_bg.png) no-repeat center, linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background-size: cover;
    /*position: absolute;*/
    z-index: 0;
    width: 100%;
}

.profile {
    min-height: 355px;
    display: inline-block;
    background-color: #fff;
    box-shadow: 0px 0px 5px #ccc;
    margin: 30px auto;
}

figcaption.ratings
{
    margin-top:20px;
    }
figcaption.ratings a
{
    color:#f1c40f;
    font-size:11px;
    }
figcaption.ratings a:hover
{
    color:#f39c12;
    text-decoration:none;
    }
.divider 
{
    border-top:1px solid rgba(0,0,0,0.1);
    }
.emphasis 
{
    border-top: 4px solid transparent;
    }
	.emphasis:hover 
	{
    border-top: 4px solid #9a30bd;
    }
.emphasis h2
{
    margin-bottom:0;
    }
	span.tags 
	{
    border-radius: 2px;
    color: #f5f5f5;
    font-weight: bold;
    padding: 0px 7px;
        line-height: 2;
	background: -moz-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(86,130,181,1)), color-stop(49%, rgba(77,40,152,1)), color-stop(100%, rgba(187,52,205,1)));
    background: -webkit-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -o-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    }

.myRate {
    background-color: #fff;
    padding: 2% 3%;
    position: relative;
    z-index: 99999999;
    margin-top: 0%;
}

.divider .emphasis p{
    text-align: center;
}
.myRate figure img {
    margin-top: -14%;
    margin-bottom: 10%;
    position: relative;
    z-index: 999999999;
    border: 6px solid #4e2e9a;
    box-shadow: 0px 0px 4px 0px #8888;
}
.sidebar-item.author-reputation.full {
    text-align: center;
}
.ratecardProfile img {
    width: 100%;
    height: 220px;
    margin-bottom: 0px !important;
}
/***** PLACE BID *****/

.sidebar > *:last-child {
    margin-bottom: 0;
}

.bg_white_n {
    background: #fff;
    border: 1px solid #d1d1d1;
    margin-bottom: 20px;
}
.inbox-messages-preview {
    border: 1px solid #ebebeb;
    overflow: hidden;
}

.inbox-messages-preview .inbox-message-preview {
    width: 100%;
}
.inbox-messages-preview .inbox-messages, .inbox-messages-preview .inbox-message-preview {
    float: left;
    height: 418px;
}
.inbox-message-preview {
    background-color: #fff;
}

.placeBidSide {
    width: 300px;
}
.sidebar-new{
	width: 300px;
	background-color: #fff;
	border:1px solid #888;
	
}
.placeBidSide .sidebar-item {
    padding: 15px;
    background-color: rgba(255, 255, 255, 0.4);
    border: double;
    border-color: #fff;
}
.bid_box_4 {
    width: 40%;
    margin: 5%;
    float: left;
}
.bid_box_10 {
    width: 90%;
    margin: 5%;
}
.bid_box_8 {
    width: 80%;
    margin: 0% 5%;
    float: left;
}
.bid_box_bbb {
    width: 90% !important;
    margin: 0 auto !important;
    margin-bottom: 25px !important;
}
.bid_bg {
    background: #fff;
    padding: 30px;
}

.bid_h {
   width: 99%;
    margin-left: 1%;
    margin-top: 20px;
    display: flow-root;
    box-shadow: 0px 0px 14px 0px #cecdcd;
}
.descimg
{
    margin-top: -3px;
    margin-right: 5px;
}
.dispute-heading .hire-contact
{
    float: right!important;
    font-size: 16px!important;
    padding-top: padding: 8px 25px!important;
}
.colpurple
{
    color: #3d1d7d;
}
.bid_se1 {
    width: 100% !important;
    background: #fff;
    display: flow-root;
    padding: 0px 20px;
    margin-top: 20px;
}
.bid_se2 {
    width: 100% !important;
    background: #fff;
    display: flow-root;
    padding: 20px 20px;
    margin-top: 20px;
}
.bid_icon {
    width: 100% !important;
}
.text-icons .text-icon {
    margin-bottom: 10px !important;
    padding-top: 10px;
    width: 180px !important;
    float: left;
    margin: 0 20px 40px 0;
}
.text-icon {
    padding: 2px 0 0 56px;
    position: relative;
}
.bid_bg h2 {
    float: none !important;
}
.bid_h h2 {
    font-size: 22px;
    margin: 0px;
    float: left;
    padding: 0 0 10px 0;
    color: #2b373a;
    line-height: 36px;
}
.bid_icon p {
    font-size: 16px !important;
}
.section .content.content-new {
    float: none;
    width: 850px;
}
.bid_h1 {
    width: 30% !important;
    float: left;
    padding: 20px 0;
    text-align: center !important;
    border-right: 1px solid #b2b2bd;
}
.bid_h1 p {
    font-size: 18px !important;
}
.bid_se2 p {
    font-size: 13px;
    color: #666;
    padding-bottom: 10px;
    padding: 0px 0 10px 0 !important;
    margin: 0px !important;
}
.bid_se2 h2 {
    font-size: 20px;
    color: #000;
    padding-bottom: 30px;
}
.product-list.list {
    width: 870px;
    margin: 0 auto;
}

.bid_w {
    width: 100% !important;
}

.product-list.list .product-item {
    height:94px;
    padding: 10px 0 0 93px;
    margin-bottom: 14px;
}
.product-list .product-item {
    border: 1px solid #ebebeb;
    background-color: #fff;
    position: relative;
}
.product-list.list .product-item .author-data {
    padding: 7px 15px 0 5px;
}
.product-list.list .product-item .author-data .user-rating {
    margin-bottom: 8px;
}

.product-list .product-item .user-rating {
    overflow: hidden;
}
.rating {
    overflow: hidden;
    cursor: pointer;
}


.productDis .product-list.list .product-item .product-info {
    float: left;
    width: 195px !important;
    padding: 0 14px;
    height: auto !important;
}

.product-list.list .product-item .product-info, .product-list.list .product-item .author-data, .product-list.list .product-item .item-metadata, .product-list.list .product-item .author-data-reputation, .product-list.list .product-item .item-actions, .product-list.list .product-item .price-info {
    float: left;
    height: 70px;
    border-right: 1px solid #ebebeb;
}
.product-list .product-item .product-info {
    overflow: hidden;
    margin-bottom: 0px;
}
.bid_w .product-info {
    width: 204px !important;
}
.product-list.list .product-item .product-preview-image {
    top: 12px;
    left: 12px;
}

.product-list .product-item .product-preview-image {
    position: absolute;
}
.product-preview-image.small {
    width: 70px;
    height: 70px;
}
.sellerPic .product-preview-image.small {
    width: 100px;
    height: 80px;
}
.content-new figure.product-preview-image.small img {
    height: 70px;
}
.li_c {
    font-size: 10px;
    margin-top: -10px;
    font-weight: bold;
    width: 101px;
    font-family: "Titillium Web", sans-serif;
}
 
.bid_se2 p a {
    margin-right: 5px !important;
    color: #306EDA;
    font-weight: bold;
    white-space: normal;
}

.chat_btn {
    background: linear-gradient(to bottom right, #5575b1, #a832c4);
    display: block;
    text-align: center;
    width: 50%;
    color: #fff;
    border-radius: 25px;
    margin: 6px 0;
    font-size: 12px;
    font-weight: bold;
    padding: 8px 0;
    float: left;
}
.product-showcase {
    transition: opacity .5s ease-in-out;
}
.text-header {
    font-size: 12px;
}
.product-list.list .product-item .product-info {
    float: left;
    width: 152px;
    padding: 0 18px;
}
.product-list.list .product-item .product-info .product-description {
    margin-bottom: 0;
}

.product-list .product-item .product-description {
    font-size: 12px;
    line-height: 20px;
}

.product-list.list .product-item .item-actions .circle {
    background: -moz-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(86,130,181,1)), color-stop(49%, rgba(77,40,152,1)), color-stop(100%, rgba(187,52,205,1)));
    background: -webkit-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -o-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
}
.product-list .product-item .circle {
    position: relative;
}
.circle.tiny {
    width: 30px;
    height: 30px;
    margin: 5px auto;
}
.circle {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    transition: all .2s ease-in-out;
    line-height: 120px;
}
.product-list .product-item .circle span.icon-heart {
    font-size: 15px;
    left: 8px;
    top: 9px;
}
.product-list .product-item .circle span {
    font-size: 18px;
    color: #fff;
    position: absolute;
    top: 12px;
}
.product-list.list .product-item .price-info {
    width: 124px;
    border-right: none;
    padding-top: 17px;
}
.price.medium {
    font-size: 14px;
    color: #535353;
    float: left; font-weight:bold;
    width: 59%;
}
.price {
    font-size: 1.25em;
    position: relative;
}
.text-header, .category, .price {
    color: #000;
    font-weight: 700;
    line-height: 1em;
}
.w_54 {
    width: 121px !important;
}
.r_s {
    width: auto;
    font-family: "Titillium Web", sans-serif;
    line-height: 20px;
    padding: 3px 16px;
    border-radius: 20px 0 20px 20px;
    font-size: 12px;
    color: #fff;
    position: absolute;
    bottom: -8px;
    right: 0px;
    background: -moz-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(86,130,181,1)), color-stop(49%, rgba(77,40,152,1)), color-stop(100%, rgba(187,52,205,1)));
    background: -webkit-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -o-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
}

.chat_btn2 {
    border: 1px solid #306eda;
    display: block;
    text-align: center;
    width: 100%;
    color: #306eda;
    border-radius: 25px;
    margin: 6px 0;
    font-size: 12px;
    font-weight: bold;
    padding: 7px 0;
}
.w_50 {
    width: 41% !important;
    height: auto !important;
    line-height: 14px;
    text-align: center;
    padding: 0px 0 !important;
    font-family: "Titillium Web", sans-serif;
    font-weight: bold;
    float: right !important;
}
#map {
    height: 350px;
}

/******* BOOKVIEWINGPOPUP *******/

.date-select .calendar_popup {
	z-index:999999999;
}

/*div#bookViewingModal .modal-content {
    width: 40%;
    margin: 0 auto;
}*/
div#bookViewingModal .timeBox {
    width: 100%;
    display: block;
    text-align: center;
    margin-left: 0%;
    padding: 0% 1%;
    border-color: #ac33c6 !important;
}

p.text-center.offcNeedPara {
    padding-top: 4%;
}

#timeCal .ui.input input {
    border-color: #b133c8;
    margin-top: 3px !important;
}

div#bookViewingModal .countryCode select.minimal {
    border-color: #b133c8;
}

div#bookViewingModal h4.modal-title {
    Text-align:center;
}
div#bookViewingModal .line-separator {
    position: absolute;
    background-color: #b133c8;
    content: "";
    height: 1px;
    width: 95%;
    margin-top: 7%;
}
div#bookViewingModal p.text-center.selectDatePara {
    padding: 2% 0%;
    font-size: 20px;
}
#bookViewingModal .modal-header .close {
    margin-top: -3%;
}
.removeStyle {
    cursor: auto;
}
#bookViewingModal {
    z-index: 99999999;
}

/***** ON GOING JOBS *****/

.editDelBtn a span {
    color: #fff !important;
    margin: 2% 0.5% 0% !important;
    border: 1px solid #999;
    padding: 0.5% 0.5%;
    border-radius: 3px;
    background: -moz-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(86,130,181,1)), color-stop(49%, rgba(77,40,152,1)), color-stop(100%, rgba(187,52,205,1)));
    background: -webkit-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -o-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
}

.sellerJobInfo label {
    font-size: 16px;
}

.onGoingBox p {
    color: #888;
    line-height: 19px;
    font-family: sans-sarif;
}

.sellerJobInfo p {

    color: #8c8c8c !important;
    line-height: 20px;
    font-weight: normal;
    font-size: 12px;

}
.sellerJobInfo label {
    color: #333;
}
.sellerResponseInfo label {
    color: #333;
	font-size: 16px;
}
.sellerResponseInfo p {
    color: #8c8c8c !important;
    line-height: 20px;
    font-weight: normal;
    font-size: 12px;
}
/***** ON GOING JOBS END *****/

.product-description.portfolio-product-dis{
    height: 160px;
    overflow: auto;
}
/***** DASHBOARD CALL START *****/
.dash_menu {
    width: 100%;
    background: #0E1724;
}
.dash_menu ul li a:hover {
    color: #fff !important;
    opacity: 0.8;
}
.pd_t0 {
    padding: 0px !important;
}
.dash_menu ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.dash_menu ul li {
    margin: 0px;
    padding: 0px;
    float: left;
    line-height: 50px;
}
.dash_menu ul li a.active {
    background: #0087E0;
    border-bottom: 4px dashed #b4d1ff;
}
.dash_menu ul li a {
    font-size: 14px;
    margin: 0px 3px 0 0;
    font-weight: bold;
    display: inline-block;
    color: #fff;
    padding: 0 25px;
    line-height: 50px;
	    border-bottom: 4px dashed transparent;
}
.dashboard-header .dashboard-header-item.title h6 {
    line-height: 10px  !important;
}
.stats-meta {
    margin-top: -6%;
}
.stats-meta p {
    margin-top: -4%;
}
.d_rel {
    position: relative;
}
.dashboard-header.dashboard-header-new {
    width: 100%;
    z-index: 9000;
    transition: all .5s ease;
    float: left;
	position: relative;
	padding: 0;
}
.dashboard-header-new .dashboard-header-item.title {
    padding: 0 0 0 30px;
}
.dashboard-header-new .dashboard-header-item {
    float: left !important;
    width: 23% !important;
    height: 70px !important;
    padding: 22px 0 0 14px !important;
    border-bottom: 1px solid #ebebeb !important;
    border-right: 1px solid #ebebeb !important;
    background-color: #fff !important;
}
.dashboard-header-new .db-side-menu-handler {
    width: 70px;
    height: 69px;
    background-color: #2b373a;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9000;
    cursor: pointer;
    display: none;
}
.dashboard-header-new .stats-meta .pie-chart {
    float: left;
    margin-right: 8px;
}
.form-box-item.w_100.spaced {
    width: 100% !important;
    background: #fff !important;
	
    padding: 30px !important;
    display: inline-block;
    margin-top: 20px !important;
}

.dashboard-header-new .form-box-item {
    padding: 0;
    margin: 20px 0 0 0;
}  
.dashboard-header-new .d2_box p {
    font-size: 16px;
    margin: 0px;
    padding: 0px;
	
}
.dashboard-header-new .d2_box p img {
    margin-bottom: 20px;
}
	.form-box-item h4 {
    margin-bottom: 22px;
}
.dashboard-header-new .rs_btn {
    width: 200px !important;
    font-size: 20px;
    margin: 0 auto;
    margin-top: 20px;
    line-height: 50px;
    height: 50px;
    background: -moz-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(86,130,181,1)), color-stop(49%, rgba(77,40,152,1)), color-stop(100%, rgba(187,52,205,1)));
    background: -webkit-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -o-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
}

.rs_btn2 {
    width: 160px !important;
    font-size: 14px !important;
    margin-top: -45px;
    line-height: normal !important;
    float: right;
    background: none;
    color: #0087E0 !important;
    height: 40px;
    border: 4px double #0087E0;
}

.d2_box p {
    text-align: center;
}


.form-box-item.w_100.spaced p {
    text-align: center;
}

.form-box-item.w_100.spaced .rs_btn {
    width: 200px !important;
    font-size: 20px;
    margin: 0 auto;
    margin-top: 20px;
    line-height: 50px;
    height: 50px;
    background: -moz-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(86,130,181,1)), color-stop(49%, rgba(77,40,152,1)), color-stop(100%, rgba(187,52,205,1)));
    background: -webkit-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -o-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
}

.rs_btn3 {
    width: 160px !important;
    font-size: 14px !important;
    margin-top: -45px;
    line-height: normal !important;
    float: right;
    color: #fff !important;
    height: 40px !important;
    background: -moz-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(86,130,181,1)), color-stop(49%, rgba(77,40,152,1)), color-stop(100%, rgba(187,52,205,1)));
    background: -webkit-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -o-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
}

.pd_o {
    padding: 0px !important;
}

.bg_white_n {
    background: #fff !important; 
    border: 1px solid #d1d1d1 !important;
    margin-bottom: 20px !important;
}
.sidebar-item h4 {
    margin-bottom: 22px;
    text-align: center;
}
.numbers-slider .numbers-slider-item .text-header.big {
    font-size: 2.5em !important;
    color: #fff;
    padding: 5px 0 8px 0;
    margin: 0px 60px 34px 60px;
    border: 10px double #fff;
    background: -moz-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(86,130,181,1)), color-stop(49%, rgba(77,40,152,1)), color-stop(100%, rgba(187,52,205,1)));
    background: -webkit-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -o-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
}
.numbers-slider .numbers-slider-item p {
    line-height: 1em;
    text-align: center;
}
/***** DASHBOARD CALL END *****/
.content.content-new.left.place-bid-left-new {
    width: 800px;
}
.place-bid-right-new {
    width: 350px;
}
.place-bid-right-new .sidebar-new {
    width: 350px;
}
.place-bid-left-new .text-icons .text-icon {
    margin-bottom: 25px !important;
    padding-top: 12px;
    width: 219px !important;
    float: left;
    margin: 4px 8px 40px 2px;
}
.place-bid-left-new .text-icon {
    padding: 2px 0 0 49px;
    position: relative;
}
.place-bid-left-new .product-list.list {
    width: 800px;
    margin: 0 auto;
}
 .place-bid-left-new .product-list .price-info.w_54 {
    width: 35px !important;
    font-size: 14px !important; float:right;
    /*margin-top: 2% !important;*/
}

.place-bid-left-new .new-price-info {
    padding-top: 10px !important;
}
.product-list.list .product-item .new-item-actions {
    padding: 8px 15px 0;
}
.product-list.list .product-item .price-info {
    width: 241px;
    border-right: none;
    font-size: 14px !important;

}


.msg-board-newbox .inbox-message-preview .inbox-message-preview-body .message-preview:nth-child(even) {
    float: right;
    padding: 20px 80px 15px 40px;
    background: #fff;
}

.msg-board-newbox .inbox-message-preview .inbox-message-preview-body .message-preview {
    float: left;
    clear: both;
}
.msg-board-newbox .message-preview {
    max-width: 540px;
    padding: 20px 40px 15px 80px;
    background: #f6f6f6;
    width: 100%;
    position: relative;
}

.msg-board-newbox .inbox-message-preview .inbox-message-preview-body .message-preview:nth-child(even) .user-avatar {
    left: auto;
    right: 24px;
}

.msg-board-newbox .inbox-message-preview .inbox-message-preview-body .message-preview:nth-child(even) p {
    text-align: right;
}

select.new-dropdown {
    border: 1px solid #b133c8;
    border-radius: 4px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 25px;
}

.sellerBtn {
    width: 100%;
    height: 40px;
    font-size: 14px;
    color: #fff;
    margin-top: 9%;
}

.new-edit-btn- {
    top: 24%;
}

select#duplicate_message_id {
    width: 9%;
    height: 16px;
    padding: 0px;
    border-radius: 3px;
    float: right;
}
select#duplicate_message_id option {
    font-size: 10px;
    text-align: center;
    margin: 0 auto;
}
.buyer-msg-form {
    background-color: #fff;
    width: 100%;
    padding: 0;
    left: 0;
}
.message-preview p.msg-board-para {
    width: 100%;
    float: left;
}
form.inbox-reply-form.buyer-reply-form {
    z-index: 999999;
    background-color: #fff;
    padding: 0;
    height: auto;
}
.inbox-message-preview .inbox-message-preview-body{
	
}


/*.inbox-message-preview .inbox-reply-form.buyer-reply-form input[type="text"] {
    width: 175px !important;
    float: left;
    padding: 5% 4%;
	
}*/

.inbox-message-preview .inbox-reply-form.buyer-reply-form input[type="text"] {
width: 175px !important;
    float: left;
    padding: 4% 4%;
    height: 62px;
    margin: 0;
}
.inbox-message-preview .inbox-reply-form.buyer-reply-form .button {
    position: relative;
    top: 15px;
    right: 12px;
    float: right;
    width: 100px !important;
}

option:hover,
option:focus,
option:active,
option:checked {
 border-radius:3px !important;
}

/*.inbox-messages-preview.msg-board-newbox .inbox-message-preview .inbox-message-preview-body.messagebody {
    height: auto !important;
}*/

figure.user-avatar.inbox-author-pic {
    margin: 0% 4%;
}
.inbox-message p {
    font-size: 0.8125em;
    line-height: 60px !important;
    margin: 0;
}
.inbox-message .inbox-message-type {
    width: 58px;
    height: 50px !important;
    position: relative;
}
.inbox-message-preview .inbox-message-preview-body.messagebody {
    height: 360px;
}
button.duplicateBtn {
    cursor: default;
    background: transparent;
    color: red;
    margin-left: 15%;
    font-size: 12px;
	padding-bottom: 3%;
}
figure.user-avatar.medium.new-profile-pic {
    height: 185px;
}
.new-profile-pic .profile-pic img {
    width: 150px;
    height: 150px;
}
.new-profile-pic p.text-header {
    font-size: 22px;
}
.profile-pic .profile-choose {
    margin-right: 16%;
}
.send-me-noti {
    margin-top: 0;
    margin-bottom: 0;
	border-color: #b133c8 !important;
}

div#servicesModal .form-popup.new-message {
    margin: 0 auto;
}
div#servicesModal .newClose {
	opacity: 0.9;
    position: absolute;
    right: 0%;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    width: 40px;
    top: 0%;
    z-index: 9999999;
    height: 40px;
    border-radius: 50%;
    background: -moz-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(86,130,181,1)), color-stop(49%, rgba(77,40,152,1)), color-stop(100%, rgba(187,52,205,1)));
    background: -webkit-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -o-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
}
.doc-container label.rl-label.document-label {
    width: 90%;
    float: left;
}
.doc-container button.button.primary {
    width: 10%;
}
.input-container.half.half-doc-container {
    border: 1px solid #f5f5f5;
    border-radius: 4px;
    padding: 1% 1%;
    box-shadow: 1px 2px 4px -1px #999;
}
.input-container.half.individual-half {
    border: 1px solid #f5f5f5;
    border-radius: 4px;
    padding: 1% 1%;
    box-shadow: 1px 2px 4px -1px #999;
    height: 78px;
}
.input-container.half button.button.primary.individual-btn {
    width: 10%;
    float: right;
}

button.button.primary.individual-btn.removeBtn {
    margin-right: 5%;
}
 .documentInfo input[type=file]{
    margin-top: 15% !important;
}

/******* CHAT WINDOW CSS START *******/

/*#frame {
    width: 95%;
    min-width: 360px;
    max-width: 1000px;
    height: 80vh;
    min-height: 300px;
    max-height: 720px;
    background: transparent;
	bottom: 0;
   position: absolute;
}
div#frame {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 99999999;
}*/
@media screen and (max-width: 360px) {
  #frame {
    width: 100%;
    height: 100vh;
  }
}
#frame #sidepanel {
    float: right;
    min-width: 250px;
    max-width: 300px;
    box-shadow: 0px 0px 6px 0px #585858;
    background: #fff;
    color: #999;
    overflow: auto;
    position: fixed;
    bottom: -40px;
    right: 0;
    /* min-height: 380px; */
	border-radius: 3px 0px 0px;
    max-height: 720px;
	z-index: 99999999;
	height: 380px;
    margin-right: 15px;
    border-radius: 4px 4px 0 0 !important;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel {
    width: 58px;
    min-width: 58px;
  }
}
#frame #sidepanel #profile {
    width:100%;
    padding: 0 8px;
    background-color: #57299d;
    color: #ffffff!important;

}
@media screen and (max-width: 735px) {
  /*#frame #sidepanel #profile {
    width: 100%;
    margin: 0 auto;
    padding: 5px 0 0 0;
    background: #32465a;
  }*/
  #frame #sidepanel #profile {
    width: 100%;
    padding: 0 8px;
    background-color: #57299d;
    color: #ffffff!important;
}
}
#frame #sidepanel #profile.expanded .wrap {
  height: 170px;
  line-height: initial;
}
#frame #sidepanel #profile.expanded .wrap p {
  margin-top: 20px;
}
#frame #sidepanel #profile.expanded .wrap i.expand-button {
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
  margin-top: -14px;
}
#frame #sidepanel #profile .wrap {
  /* height: 60px; */
  line-height: 30px;
  overflow: hidden;
  -moz-transition: 0.3s height ease;
  -o-transition: 0.3s height ease;
  -webkit-transition: 0.3s height ease;
  transition: 0.3s height ease;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap {
    height: 33px;
  }
}
#frame #sidepanel #profile .wrap img {
  width: 50px;
  border-radius: 50%;
  padding: 3px;
  border: 2px solid #e74c3c;
  height: auto;
  float: left;
  cursor: pointer;
  -moz-transition: 0.3s border ease;
  -o-transition: 0.3s border ease;
  -webkit-transition: 0.3s border ease;
  transition: 0.3s border ease;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap img {
    width: 40px;
    margin-left: 4px;
  }
}
#frame #sidepanel #profile .wrap img.online {
  border: 2px solid #2ecc71;
}
#frame #sidepanel #profile .wrap img.away {
  border: 2px solid #f1c40f;
}
#frame #sidepanel #profile .wrap img.busy {
  border: 2px solid #e74c3c;
}
#frame #sidepanel #profile .wrap img.offline {
  border: 2px solid #95a5a6;
}
#frame #sidepanel #profile .wrap p {
  float: left;
  margin-left: 15px;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap p {
    display: none;
  }
}
#frame #sidepanel #profile .wrap i.expand-button {
  float: right;
  margin-top: -35px;
  font-size: 0.8em;
  cursor: pointer;
  color: #435f7a;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap i.expand-button {
    display: none;
  }
}
#frame #sidepanel #profile .wrap #status-options {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  width: 150px;
  margin: 50px 0 0 0;
  border-radius: 6px;
  z-index: 99;
  line-height: initial;
  background: #435f7a;
  -moz-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap #status-options {
    width: 58px;
    margin-top: 57px;
  }
}
#frame #sidepanel #profile .wrap #status-options.active {
  opacity: 1;
  visibility: visible;
  margin: 75px 0 0 0;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap #status-options.active {
    margin-top: 62px;
  }
}
#frame #sidepanel #profile .wrap #status-options:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 8px solid #435f7a;
  margin: -8px 0 0 24px;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap #status-options:before {
    margin-left: 23px;
  }
}
#frame #sidepanel #profile .wrap #status-options ul {
  overflow: hidden;
  border-radius: 6px;
}
#frame #sidepanel #profile .wrap #status-options ul li {
  padding: 15px 0 30px 18px;
  display: block;
  cursor: pointer;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap #status-options ul li {
    padding: 15px 0 35px 22px;
  }
}
#frame #sidepanel #profile .wrap #status-options ul li:hover {
  background: #496886;
}
#frame #sidepanel #profile .wrap #status-options ul li span.status-circle {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 5px 0 0 0;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap #status-options ul li span.status-circle {
    width: 14px;
    height: 14px;
  }
}
#frame #sidepanel #profile .wrap #status-options ul li span.status-circle:before {
  content: '';
  position: absolute;
  width: 14px;
  height: 14px;
  margin: -3px 0 0 -3px;
  background: transparent;
  border-radius: 50%;
  z-index: 0;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap #status-options ul li span.status-circle:before {
    height: 18px;
    width: 18px;
  }
}
#frame #sidepanel #profile .wrap #status-options ul li p {
  padding-left: 12px;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap #status-options ul li p {
    display: none;
  }
}
#frame #sidepanel #profile .wrap #status-options ul li#status-online span.status-circle {
  background: #2ecc71;
}
#frame #sidepanel #profile .wrap #status-options ul li#status-online.active span.status-circle:before {
  border: 1px solid #2ecc71;
}
#frame #sidepanel #profile .wrap #status-options ul li#status-away span.status-circle {
  background: #f1c40f;
}
#frame #sidepanel #profile .wrap #status-options ul li#status-away.active span.status-circle:before {
  border: 1px solid #f1c40f;
}
#frame #sidepanel #profile .wrap #status-options ul li#status-busy span.status-circle {
  background: #e74c3c;
}
#frame #sidepanel #profile .wrap #status-options ul li#status-busy.active span.status-circle:before {
  border: 1px solid #e74c3c;
}
#frame #sidepanel #profile .wrap #status-options ul li#status-offline span.status-circle {
  background: #95a5a6;
}
#frame #sidepanel #profile .wrap #status-options ul li#status-offline.active span.status-circle:before {
  border: 1px solid #95a5a6;
}
#frame #sidepanel #profile .wrap #expanded {
  padding: 30px 0 0 0;
  display: block;
  line-height: initial !important;
}
#frame #sidepanel #profile .wrap #expanded label {
  float: left;
  clear: both;
  margin: 0 8px 5px 0;
  padding: 5px 0;
}
#frame #sidepanel #profile .wrap #expanded input {
  border: none;
  margin-bottom: 6px;
  background: #32465a;
  border-radius: 3px;
  color: #f5f5f5;
  padding: 7px;
  width: calc(100% - 43px);
}
#frame #sidepanel #profile .wrap #expanded input:focus {
  outline: none;
  background: #435f7a;
}
#frame #sidepanel #search {
    border-top: 1px solid #b133c8;
    border-bottom: 1px solid #b133c8;
    font-weight: 300;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #search {
    display: none;
  }
}
#frame #sidepanel #search label {
  position: absolute;
  margin: 10px 0 0 20px;
}
#frame #sidepanel #search input {
    font-family: "proxima-nova", "Source Sans Pro", sans-serif;
    padding: 10px 0 10px 46px;
    width: calc(100% - 0px);
    border: none;
    background: #fff;
    color: #666;
    border-radius: 0px;
}
#frame #sidepanel #search input:focus {
    outline: none;
    background: #fff;
    color: #666;
}
#frame #sidepanel #search input::-webkit-input-placeholder {
  color: #f5f5f5;
}
#frame #sidepanel #search input::-moz-placeholder {
  color: #f5f5f5;
}
#frame #sidepanel #search input:-ms-input-placeholder {
  color: #f5f5f5;
}
#frame #sidepanel #search input:-moz-placeholder {
  color: #f5f5f5;
}
/*#frame #sidepanel #chat_contacts {
  height: calc(100% - 146px);
  overflow-y: scroll;
  overflow-x: hidden;
}*/
#frame #sidepanel #chat_contacts {
    height: calc(94% - 50px);
    /* overflow-y: scroll; */
    overflow-x: hidden;
    margin: 0;
	padding: 0
    /*padding: 0 10px 10px;*/
    max-height: 400px;
    overflow-x: hidden;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #chat_contacts {
    height: calc(100% - 149px);
    overflow-y: scroll;
    overflow-x: hidden;
  }
  #frame #sidepanel #chat_contacts::-webkit-scrollbar {
    display: none;
  }
}
#frame #sidepanel #chat_contacts.expanded {
  height: calc(100% - 256px);
}
#frame #sidepanel #chat_contacts::-webkit-scrollbar {
  width: 8px;
  background: #2c3e50;
}
#frame #sidepanel #chat_contacts::-webkit-scrollbar-thumb {
  background-color: #243140;
}
#frame #sidepanel #chat_contacts ul li.contact {
  position: relative;
  padding: 4px 0 4px 0;
  font-size: 0.9em;
  cursor: pointer;
  border-bottom: 1px solid #e5e5e5;
}
p.cha-job-title {
    margin-bottom: 2px;
    font-weight: normal;
    padding-left: 10px;
	line-height: 19px;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #chat_contacts ul li.contact {
    padding: 6px 0 46px 8px;
  }
}
#frame #sidepanel #chat_contacts ul li.contact:hover {
  background: -moz-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(86,130,181,1)), color-stop(49%, rgba(77,40,152,1)), color-stop(100%, rgba(187,52,205,1)));
    background: -webkit-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -o-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    color: #fff;
}
#frame #sidepanel #chat_contacts ul li.contact.active {
    /* background: #32465a; */
    border-right: 5px solid #7f2db0;
    background: -moz-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(86,130,181,1)), color-stop(49%, rgba(77,40,152,1)), color-stop(100%, rgba(187,52,205,1)));
    background: -webkit-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -o-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    color: #fff;
}
#frame #sidepanel #chat_contacts ul li.contact.active span.contact-status {
  border: 2px solid #32465a !important;
}
#frame #sidepanel #chat_contacts ul li.contact .wrap {
  width: 88%;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #chat_contacts ul li.contact .wrap {
    width: 100%;
  }
}
#frame #sidepanel #chat_contacts ul li.contact .wrap span {
  position: absolute;
  left: 0;
  margin: -2px 0 0 -2px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid #2c3e50;
  background: #95a5a6;
}
#frame #sidepanel #chat_contacts ul li.contact .wrap span.online {
  background: #2ecc71;
}
#frame #sidepanel #chat_contacts ul li.contact .wrap span.away {
  background: #f1c40f;
}
#frame #sidepanel #chat_contacts ul li.contact .wrap span.busy {
  background: #e74c3c;
}
#frame #sidepanel #chat_contacts ul li.contact .wrap img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  float: left;
  margin-right: 10px;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #chat_contacts ul li.contact .wrap img {
    margin-right: 0px;
  }
}
#frame #sidepanel #chat_contacts ul li.contact .wrap .meta {
  padding: 5px 0 0 0;
  padding-left: 40px;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #chat_contacts ul li.contact .wrap .meta {
    display: none;
  }
}
#frame #sidepanel #chat_contacts ul li.contact .wrap .meta .name {
  font-weight: 600;
  margin-bottom: 0px;
  line-height: 10px;
}
#frame #sidepanel #chat_contacts ul li.contact .wrap .meta .preview {
  margin: 0 0 0 0;
  padding: 0 0 1px;
  font-weight: 400;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -moz-transition: 1s all ease;
  -o-transition: 1s all ease;
  -webkit-transition: 1s all ease;
  transition: 1s all ease;
}
#frame #sidepanel #chat_contacts ul li.contact .wrap .meta .preview span {
  position: initial;
  border-radius: initial;
  background: none;
  border: none;
  padding: 0 2px 0 0;
  margin: 0 0 0 1px;
  opacity: .5;
}
#frame #sidepanel #bottom-bar {
  position: absolute;
  width: 100%;
  bottom: 0;
  background: -moz-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(86,130,181,1)), color-stop(49%, rgba(77,40,152,1)), color-stop(100%, rgba(187,52,205,1)));
    background: -webkit-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -o-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
}
#frame #sidepanel #bottom-bar button {
    float: right;
    border: none;
    width: 50%;
    padding: 10px 0;
    background: transparent;
    color: #f5f5f5;
    cursor: pointer;
    font-size: 0.85em;
    font-family: "proxima-nova", "Source Sans Pro", sans-serif;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #bottom-bar button {
    float: none;
    width: 100%;
    padding: 15px 0;
  }
}
#frame #sidepanel #bottom-bar button:focus {
  outline: none;
}
#frame #sidepanel #bottom-bar button:nth-child(1) {
  border-right: 1px solid #2c3e50;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #bottom-bar button:nth-child(1) {
    border-right: none;
    border-bottom: 1px solid #2c3e50;
  }
}
#frame #sidepanel #bottom-bar button:hover {
  background: transparent;
  opacity:0.7;
}
#frame #sidepanel #bottom-bar button i {
  margin-right: 3px;
  font-size: 1em;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #bottom-bar button i {
    font-size: 1.3em;
  }
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #bottom-bar button span {
    display: none;
  }
}
#frame .content {
    float: right;
    width: 75%;
    /*height: 100%;*/
    overflow: hidden;
    position: relative;
    bottom: 0;
}
@media screen and (max-width: 735px) {
  #frame .content {
    width: calc(100% - 58px);
    min-width: 300px !important;
  }
}
@media screen and (min-width: 900px) {
 /* #frame .content {
    width: calc(100% - 340px);
  }*/
}

#frame .content .contact-profile {
  width: 100%;
  height: 60px;
  line-height: 60px;
  background: #f5f5f5;
}
#frame .content .contact-profile img {
  width: 40px;
  border-radius: 50%;
  float: left;
  margin: 9px 12px 0 9px;
}
#frame .content .contact-profile p {
  float: left;
}
#frame .content .contact-profile .social-media {
  float: right;
}
#frame .content .contact-profile .social-media i {
  margin-left: 14px;
  cursor: pointer;
}
#frame .content .contact-profile .social-media i:nth-last-child(1) {
  margin-right: 20px;
}
#frame .content .contact-profile .social-media i:hover {
  color: #435f7a;
}
#frame .content .messages {
  height: auto;
  min-height: calc(100% - 93px);
  max-height: calc(100% - 93px);
  overflow-y: scroll;
  overflow-x: hidden;
}
@media screen and (max-width: 735px) {
  #frame .content .messages {
    max-height: calc(100% - 105px);
  }
}
#frame .content .messages::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
#frame .content .messages::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
}
#frame .content .messages ul li {
  display: inline-block;
  clear: both;
  float: left;
  margin: 15px 15px 5px 15px;
  width: calc(100% - 25px);
  font-size: 0.9em;
}
#frame .content .messages ul li:nth-last-child(1) {
  margin-bottom: 20px;
}
#frame .content .messages ul li.sent img {
  margin: 6px 8px 0 0;
}
#frame .content .messages ul li.sent p {
  background: #435f7a;
  color: #f5f5f5;
}
#frame .content .messages ul li.replies img {
  float: right;
  margin: 6px 0 0 8px;
}
#frame .content .messages ul li.replies p {
  background: #f5f5f5;
  float: right;
}
#frame .content .messages ul li img {
  width: 22px;
  border-radius: 50%;
  float: left;
}
#frame .content .messages ul li p {
  display: inline-block;
  padding: 10px 15px;
  border-radius: 20px;
  max-width: 205px;
  line-height: 130%;
}
@media screen and (min-width: 735px) {
  #frame .content .messages ul li p {
    max-width: 300px;
  }
}
#frame .content .message-input {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 99;
}
#frame .content .message-input .wrap {
  position: relative;
}
#frame .content .message-input .wrap input {
  font-family: "proxima-nova",  "Source Sans Pro", sans-serif;
  float: left;
  border: none;
  width: calc(100% - 90px);
  padding: 11px 32px 10px 8px;
  font-size: 0.8em;
  color: #32465a;
}
@media screen and (max-width: 735px) {
  #frame .content .message-input .wrap input {
    padding: 15px 32px 16px 8px;
  }
}
#frame .content .message-input .wrap input:focus {
  outline: none;
}
#frame .content .message-input .wrap .attachment {
  position: absolute;
  right: 60px;
  z-index: 4;
  margin-top: 10px;
  font-size: 1.1em;
  color: #435f7a;
  opacity: .5;
  cursor: pointer;
}
@media screen and (max-width: 735px) {
  #frame .content .message-input .wrap .attachment {
    margin-top: 17px;
    right: 65px;
  }
}
#frame .content .message-input .wrap .attachment:hover {
  opacity: 1;
}
#frame .content .message-input .wrap button {
  float: right;
  border: none;
  width: 50px;
  padding: 12px 0;
  cursor: pointer;
  background: #32465a;
  color: #f5f5f5;
}
@media screen and (max-width: 735px) {
  #frame .content .message-input .wrap button {
    padding: 16px 0;
  }
}
#frame .content .message-input .wrap button:hover {
  background: #435f7a;
}
#frame .content .message-input .wrap button:focus {
  outline: none;
}

/***** CHAT WINDOW *****/

.panel{
    margin-bottom: 0px;
}
/*.chat-window {
    bottom: 0;
    position: relative;
    float: right;
    margin-left: 10px;
    width: 300px;
}
.chat-window {
    float: right;
    min-width: 300px;
    max-width: 300px;
    width: 30%;
    height: 398px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    margin: 0 auto;
    padding: 0;
    right: 0;
}*/
.chat-window {
    float: left;
    min-width: 330px;
    max-width: 300px;
    width: 30%;
    height: 380px;
    /* min-height: 380px; */
    max-height: 380px;
    overflow: hidden;
    position: fixed;
    bottom: 0px;
    margin: 0 auto;
    padding: 0;
    right: 290px;
	z-index: 99999999;
}
.chat-window > div > .panel{
    border-radius: 5px;
	border: 1px solid #b133c8;
    margin-left: 5px;
}
.icon_minim{
    padding:2px 10px;
}
.msg_container_base{
  background: #fff;
  margin: 0;
  padding: 0 10px 10px;
  min-height:282px;
 max-height:282px;
  overflow-x:hidden;
}
.chat-window .panel-footer p {
    color: #fff;
}
.top-bar {
    /*background: #f5f5f5;*/
    color: #444;
    padding: 4px;
    position: relative;
	height:38px;
    /*overflow: hidden;*/
	    padding-left: 0;
}
.msg_receive{
    padding-left:0;
    margin-left:0;
}
.msg_sent{
    padding-bottom:10px !important;
    margin-right:0;
}
.messages {
  background: #f5f5f5;
  padding: 5px;
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  max-width:100%;
}
.messages > p {
    font-size: 13px;
    margin: 0 0 0.2rem 0;
	line-height:15px;
color:#fff;
  }
.messages > time {
    font-size: 11px;
    color: #ccc;
}
/*.msg_container {
    padding: 10px;
    overflow: hidden;
    display: flex;
}*/
.msg_container {
    padding: 4px;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
}
.msg_container_base .msg_container .avatar {
    position: relative;
	padding:0px;
}
.msg_container_base .msg_container .avatar img {
    width: 40px;
    height: 40px;
	display: block;
}

.base_receive > .avatar:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border: 5px solid #f5f5f5;
    border-left-color: rgba(0, 0, 0, 0);
    border-bottom-color: rgba(0, 0, 0, 0);
}

.base_sent {
  justify-content: flex-end;
  align-items: flex-end;
}
.base_sent > .avatar:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border: 5px solid #f5f5f5;
    border-right-color: transparent;
    border-top-color: transparent;
    box-shadow: 1px 1px 2px rgba(black, 0.2); // not quite perfect but close
}

.msg_sent > time{
    float: right;
}


.msg_container_base::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.msg_container_base::-webkit-scrollbar
{
    width: 12px;
    background-color: #F5F5F5;
}

.msg_container_base::-webkit-scrollbar-thumb
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}

.btn-group.dropup{
    position:fixed;
    left:0px;
    bottom:0;
}

.panel-footer {
    background-color: #fff;
    padding: 3% 6%;
}
input#btn-input {
    padding: 4px 6px;
    height: 28px;
    border: 1px solid #b133c8;
    border-radius: 3px;
	width: 190px;
}
.send-chat-btn{
    background: -moz-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(86,130,181,1)), color-stop(49%, rgba(77,40,152,1)), color-stop(100%, rgba(187,52,205,1)));
    background: -webkit-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -o-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
	border: 1px solid #b133c8;
    border-radius: 3px;
    border-left: none;
    width: 60px;
    margin-left: -2%;
    height: 34px;
}
/*.top-bar {
    background: #f5f5f5;
    color: #444;
    padding: 10px;
    position: relative;
    overflow: hidden;
    border: 1px solid #b133c8;
    border-radius: 3px 3px 0px 0px;
}
.panel-heading.top-bar h3 {
    width: 80%;
    float: left;
}*/
.panel-heading.top-bar h3 {
    width: 100%;
    float: left;
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.top-bar .fa{
color:#b133c8;
}
h3.chat-heading {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    text-align: left;
    padding-left: 3%;
	/* margin-top: 10px; */
}
#supChatListMinimize {
    color: #fff!important;
}
#frame #sidepanel #chat_contacts ul li.contact.active p {
    color: #fff;
    width: 75%;
}
#frame #sidepanel #chat_contacts ul li.contact:hover p {
    color: #fff;
    width: 90%;
}
#frame #sidepanel #chat_contacts ul li.contact:hover p.chat-date {
   opacity:0.6;
}
.pro-hChat{
	padding:0px;
}
.panel-collapsed{
	bottom: 0;
}
#frame #sidepanel #search input::placeholder {
    color: #999;
}

p.chat-date{
	font-size:10px;
	text-align: right;
	margin-bottom: 0px;
}
/******* CHAT WINDOW CSS END *******/

/**** START DISPUTE ******/
a.job-edit-btn.right {
    /*float: right;*/
    font-size: 14px;
    color: #333;
    padding-top: 1.5%;
}
.completeJobBtn {
    margin-top: 2px;
    float: right;
}

.completeJobBtn a {
    display: inline-block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    margin-right: 5px;
}

.heading-bid {
    width: 70%;
    float: left;
}

.disputeform label {
    padding-left: 0px;
}
.disputeform .form-group.checkbox {
    width:33%;
	float:left;
}
.disputeform .form-group.checkbox {
    width: 33%;
    float: left;
    margin: 0;
	padding-bottom:20px;
}
.disputeform textarea#textarea {
    border-color: #b133c8;
}
.sidebar ul.dropdown.hover-effect li.dropdown-item.active {
    background: -moz-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(86,130,181,1)), color-stop(49%, rgba(77,40,152,1)), color-stop(100%, rgba(187,52,205,1)));
    background: -webkit-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -o-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    color: #fff;
}
.sidebar ul.dropdown.hover-effect li.dropdown-item.active a{
    color: #fff !important;
	border-color:#fff;
}
.sidebar ul.dropdown.hover-effect li.dropdown-item.active a:before {
    display: block;
    content: '';
    width: 6px;
    height: 51px;
    background: -moz-linear-gradient(-45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(86,130,181,1)), color-stop(49%, rgba(77,40,152,1)), color-stop(100%, rgba(187,52,205,1)));
    background: -webkit-linear-gradient(-45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: linear-gradient(135deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    position: absolute;
    top: -1px;
    left: 0;
}

.sidebar ul.dropdown.hover-effect li.dropdown-item a:hover::after{
    display: block;
    content: '';
    width: 6px;
    height: 51px;
    background: -moz-linear-gradient(-45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(86,130,181,1)), color-stop(49%, rgba(77,40,152,1)), color-stop(100%, rgba(187,52,205,1)));
    background: -webkit-linear-gradient(-45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: linear-gradient(135deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    position: absolute;
    top: -1px;
    left: 0;
	color:#fff !important;
}
.dropdown.small.hover-effect .dropdown-item > a:hover::after{
    display: block;
    content: '';
    width: 6px;
    height: 42px;
    background: -moz-linear-gradient(-45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(86,130,181,1)), color-stop(49%, rgba(77,40,152,1)), color-stop(100%, rgba(187,52,205,1)));
    background: -webkit-linear-gradient(-45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: linear-gradient(135deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    position: absolute;
    top: -1px;
    left: 0;
}

/*.dispute-left {
    width: 70%;
    float: left;
}
.dispute-right {
    width: 28%;
    float: right;
}*/
.dispute-form2 .button.primary {
    float: right;
}
.dispute-heading{
	padding:0px;
}
.disputeJobBtn{
	padding:0px;
}

.disputeJobBtn a {
    display: inline-block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    margin-right: 5px;
}
.red {
    color: red;
}

.dispute-left {
    padding-left: 0;
}

.dispute-right {
    padding-right: 0;
}
.dispute-box2 {
    background-color: #f5f5f5;
}

.disputeJobBtn a {
    float: right;
}

.dispute-right .text-header.big {
    font-size: 2.5em !important;
    color: #fff;
    padding: 5px 0 8px 0;

    border: 10px double #fff;
    background: -moz-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(86,130,181,1)), color-stop(49%, rgba(77,40,152,1)), color-stop(100%, rgba(187,52,205,1)));
    background: -webkit-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -o-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
}

.offerAmount {
    height: 90px !important;
}
.offerAmount::placeholder {
    line-height: 25px;
}
.dispute-form2 #textarea {
    border: 1px solid #b133c8;
}

/**** END DISPUTE ******/

/**** START PAGINATION ******/
ul.pagination {
	text-align:center;
	color:#829994;
}
ul.pagination li {
	display:inline;
	padding:0 3px;
}
ul.pagination a {
	color:#0d7963;
	display:inline-block;
	padding:5px 10px;
	border:1px solid #cde0dc;
	text-decoration:none;
}


.pager.primary.new-pagination ul li a {
    border-radius: 0;
	color:#999;
}

.pager.primary.new-pagination ul li a.current {
	color:#fff;
	
    background: -moz-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(86,130,181,1)), color-stop(49%, rgba(77,40,152,1)), color-stop(100%, rgba(187,52,205,1)));
    background: -webkit-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -o-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
}

.new-pagination ul li a:hover {
	color:#fff !important;
    background: -moz-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(86,130,181,1)), color-stop(49%, rgba(77,40,152,1)), color-stop(100%, rgba(187,52,205,1)));
    background: -webkit-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -o-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
}
/**** END PAGINATION ******/

.my-bid-box:hover {
	color:#fff !important;
    background: -moz-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(86,130,181,1)), color-stop(49%, rgba(77,40,152,1)), color-stop(100%, rgba(187,52,205,1)));
    background: -webkit-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -o-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
}

.form-box-items.my-bid-box:hover p, .form-box-items.my-bid-box:hover label {
    color: #fff;
}

/**** START PAGINATION END******/

/***** INBOX PAGE AVTAR IMAGE *******/

.inbox-mini-img img {
    width: 40px;
    height: 40px;
}

.error-color{
color:red;
}

/***** /INBOX PAGE AVTAR IMAGE *******/

/****** VIEW SELLER PROFILE ******/

.profile-personal-info {
    width: 70%;
    text-align: justify;
    float: left;
}
.profile-personal-info p, .profile-rating-info p{
    text-align: justify !important;
}

.profile-rating-info .profile-reviews {
    
}

.profile-rating-info {
    width: 28%;
    float: right;
    border-left: 1px solid #e5e5e5;
    padding-left: 2%;
}
.profile-rating-info span.profile-completion {
    color: #b133c8;
    font-weight: bold;
    font-size: 16px;
}
.profile-personal-info h4 {
    line-height: 25px;
}

.seller_pic img {
    width: 100%;
    height: 210px;
}

.sidebar.right.seller-profile-sidebar {
    width: 295px;
}

.seller_pic.seller-profile-pic img {
    width: 100%;
    height: 210px;
}

/* div#frame {
    display: none;
} */
.author-bio.seller-bio p.text-oneline.text_m {
    font-size: 1em;
}

ul.profile-skills span.icon-star {
    color:#b133c8;
}
ul.profile-skills li {
    font-weight: 300;
    color: #666;
    padding: 5% 0%;
    border-bottom: 1px solid #e5e5e5;
}
ul.profile-skills li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.dashboard-content.profile-dashboard-content {
    width: 98%;
}

.seller-profile-subbox {
    background-color: #fff;
    margin-top: 20px;
}

.seller-profile-subbox h2 {
    padding: 20px 26px 20px;
    border-bottom: 1px solid #e5e5e5;
    font-weight: 500;
	margin-bottom:0px;
}

.seller-profile-subbox .form-box-item.w_100.spaced {
    padding-top: 0px !important;
}

.seller-profile-subbox p{
	text-align:left !important;
font-weight: normal;
}
.edu-course h4 {
    margin-bottom: 5px;
}
span.education-year {
    font-size: 12px;
    font-weight: normal;
}
.edu_border.qualification {
    border-bottom: 1px solid #e5e5e5;
}

ul.seller-profile-portfolio li img {
    display: block;
    width: 100%;
    opacity: 0.5;
    height: 170px;
}
ul.seller-profile-portfolio li iframe {
    display: block;
    width: 100%;
    opacity: 0.5;
    height: 170px;
}
ul.seller-profile-portfolio li {
    list-style: none;
    display: inline-block;
    width: 30%;
    margin-bottom: 15px;
    margin-right: 15px;
    background-color: #000;
    height: 170px;
}
ul.seller-profile-portfolio li:hover img {
    opacity:1;
}

/****** /VIEW SELLER PROFILE ******/
.button.primary.assign-tag-btn {
    margin-top: 20px;
}

.productDis .product-list.list .product-item .product-info.bid_se_r.bid-project-seller {
    width: 145px !important;
}
span.bid-rate-span {
    color: #772dac;
    font-size: 14px !important;
    line-height: 22px;
}
.bid-chat-btn{
    height: 32px !important;
}

/****** CUSTOMER REVIEWS FORM********/
.rating-loading {
    width: 25px;
    height: 25px;
    font-size: 0px;
    color: #fff;
    background: transparent url('../img/loading.gif') top left no-repeat;
    border: none;
}
/*
 * Stars
 */
.rating-gly {
    font-family: 'Glyphicons Halflings';
}
.rating-gly-star {
    font-family: 'Glyphicons Halflings';
    padding-left: 2px;
}

.rating-gly-star .rating-stars:before {
    padding-left: 2px;
}

.rating-lg .rating-gly-star, .rating-lg .rating-gly-star .rating-stars:before {
    padding-left: 4px;
}

.rating-xl .rating-gly-star, .rating-xl .rating-gly-star .rating-stars:before {
    padding-left: 2px;
}

.rating-active {
    cursor: default;
}

.rating-disabled {
    cursor: not-allowed;
}

.rating-uni {
    font-size: 1.2em;
    margin-top: -5px;
}

.rating-container {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    color: #e3e3e3;
    overflow: hidden;
	font-size: 16px;
}

.rating-container:before {
    content: attr(data-content);
}

.rating-container .rating-stars {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    color: #fde16d;
    transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out;
}

.rating-container .rating-stars:before {
    content: attr(data-content);
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.7);
}

.rating-container-rtl {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    color: #fde16d;
}

.rating-container-rtl:before {
    content: attr(data-content);
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.7);
}

.rating-container-rtl .rating-stars {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    color: #e3e3e3;
    transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out;
}

.rating-container-rtl .rating-stars:before {
    content: attr(data-content);
}

/**
 * Rating sizes
 */
.rating-xl {
    font-size: 3.89em;
}

.rating-lg {
    font-size: 3.91em;
}

.rating-md {
    font-size: 2.13em;
}

.rating-sm {
    font-size: 2em;
}

.rating-xs {
    font-size: 2em;
}

/** Clear rating button **/
.star-rating .clear-rating, .star-rating-rtl .clear-rating {
    color: #aaa;
    cursor: not-allowed;
    display: inline-block;
    vertical-align: middle;
    font-size: 60%;
}

.clear-rating-active {
    cursor: pointer !important;
}

.clear-rating-active:hover {
    color: #843534;
}

.star-rating .clear-rating {
    padding-right: 5px;
}

/**
 * Caption
 */
.star-rating .caption, .star-rating-rtl .caption {
    color: #999;
    display: inline-block;
    vertical-align: middle;
    font-size: 55%;
}

.star-rating .caption {
    padding-left: 5px;
}

.star-rating-rtl .caption {
    padding-right: 5px;
}

form.reviews-fill-form label {
    text-align: left !important;
}
.review-form-btn .button {
    width: 35%;
    height: 35px;
    float: left;
    margin-right: 20px;
    line-height: 35px;
}
.reviewsand.rating-form {
    background-color: #fff;
    padding: 15px;
}
.ratingStars .caption {
    font-size: 14px !important;
}

.ratingStars .star-rating {
    width: 50%;
    float: right;
    padding-left: 26%;
    padding-top: 1%;
}
.rating-left-block label {
    padding: 15px 0px;
}
.rating-right-block {
    padding-top: 6px;
}
.new-star-heading {
    width: 50%;
    float: left;
    height: 30px;
    line-height: 9px;
}
.ratingStars h5 {
    text-align: left !important;
    padding: 0 !important;
	padding-left: 1% !important;
}
span.star-sub-heading {
    font-size: 12px;
    text-transform: none;
    line-height: 30px;
}
textarea#message {
    border: 1px solid #b133c8;
}

.reviews-fill-form {
    border-top: 1px solid #f5f5f5;
	margin-top: 0px !important;
	background: -moz-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(86,130,181,1)), color-stop(49%, rgba(77,40,152,1)), color-stop(100%, rgba(187,52,205,1)));
    background: -webkit-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -o-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
    background: linear-gradient(45deg, rgba(86,130,181,1) 0%, rgba(77,40,152,1) 49%, rgba(187,52,205,1) 100%);
}
/**** REVIEW REDESIGN ****/

.padding-bottom-7{
	padding-bottom:7px;
}

.review-block{
	background-color:#FFF;
	border:1px solid #EFEFEF;
	padding:15px;
	border-radius:3px;
	margin-bottom:15px;
}
.review-block-name {
    font-size: 14px;
    margin: 10px 0;
    text-align: center;
}
.review-block-date {
    font-size: 12px;
    text-align: center;
}
.font-star-style .fa {
    color: #ffc000;
    font-size: 18px;
    margin-bottom: 5px !important;
}
.review-block-rate {
    font-size: 13px;
    margin-bottom: 0px;
}
.review-block-rate .btn {
    width: 22px;
    height: 20px;
}
.review-block-title{
	font-size:15px;
	font-weight:700;
	margin-bottom:10px;
}
.review-block-description{
	font-size:13px;
}

form.form-horizontal.reviews-fill-form input {
    border: 1px solid #b133c8;
}

.reviewName-Image img {
    width: 70px;
    height: 70px;
    margin-left: 18%;
}
/****** CUSTOMER REVIEWS FORM********/
 .skillOverflow{
	 text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
 }

/****** REVIEWS CIRCLE START ********/
.rating-right-block {
    
    padding: 30px 20px 0px;
}
.reviews-fill-form.bid_se2 h2 {
    padding-bottom: 0px !important;
    margin-top: 10px !important;
    color: #fff;
}
.rating-right-block .ratingStars {
    background-color: rgba(255,255,255,0.3);
    margin: 5px 0px;
    padding: 10px 25px;
    line-height: 30px;
}
/*.rating-circle .progress{
    width: 150px;
    height: 150px;
    line-height: 150px;
    background: none;
    margin: 0 auto;
    box-shadow: none;
    position: relative;
}
.rating-circle .progress:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 8px solid #ddd;
    position: absolute;
    top: 0;
    left: 0;
}
.rating-circle .progress > span{
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
}
.rating-circle .progress .progress-left{
    left: 0;
}
.rating-circle .progress .progress-bar{
    width: 100%;
    height: 100%;
    background: none;
    border-width: 9px;
    border-style: solid;
    position: absolute;
    top: 0;
}
.rating-circle .progress .progress-left .progress-bar{
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}
.rating-circle .progress .progress-right{
    right: 0;
}
.rating-circle .progress .progress-right .progress-bar{
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
    animation: loading-1 1.8s linear forwards;
}
.rating-circle .progress .progress-value {
    width: 90%;
    height: 90%;
    border-radius: 50%;
    background: #fff;
    font-size: 24px;
    color: #999;
    line-height: 135px;
    text-align: center;
    position: absolute;
    top: 5%;
    left: 5%;
    padding-top: 20px;
}

.rating-circle .progress.gray .progress-bar{
    border-color: #eee;
}
.rating-circle .progress.gray .progress-left .progress-bar{
    animation: loading-2 1.5s linear forwards 1.8s;
}
.rating-circle .progress.yellow .progress-bar{
    border-color: #fdba04;
}
.rating-circle .progress.yellow .progress-left .progress-bar{
    animation: loading-3 1s linear forwards 1.8s;
}
.rating-circle .progress.pink .progress-bar{
    border-color: #ed687c;
}
.rating-circle .progress.pink .progress-left .progress-bar{
    animation: loading-4 0.4s linear forwards 1.8s;
}
.rating-circle .progress.green .progress-bar{
    border-color: #1abc9c;
}
.rating-circle .progress.green .progress-left .progress-bar{
    animation: loading-5 1.2s linear forwards 1.8s;
}
.rating-circle .progress .progress-value p {
    text-align: center;
    color: #999;
    font-size: 18px;
    line-height: 30px;
    margin: 0 auto;
}*/
.reviewsInCircle {
    background-color: #fff;
    padding: 20px;
    margin-top: 20px;
}

.review-data p {
    text-align: center;
    font-size: 16px;
    color: #333;
    line-height: 15px;
}
.review-data a.button.primary {
    margin: 0 auto;
    color: #fff;
}
.review-data.recommend-btn a.button.primary {
    float: left;
    width: 46%;
    margin: 2%;
    /* margin: 0 auto; */
}

.review-data {
    padding: 17px;
    border-right: 1px solid #f5f5f5;
    height: 165px;
}

.review-data.last{
border:none;
}
.progress-value.star-data {
    margin-top: 19%;
}
.progress-value.recom-data {
    margin-top: 10%;
}
@keyframes loading-1{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
@keyframes loading-2{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(144deg);
        transform: rotate(144deg);
    }
}
@keyframes loading-3{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}
@keyframes loading-4{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(36deg);
        transform: rotate(36deg);
    }
}
@keyframes loading-5{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(126deg);
        transform: rotate(126deg);
    }
}
/****** REVIEWS CIRCLE END ********/
    
.sub-banner h2{width: 41%;}    
    
    
 
.sub-banner .TncTitTxt{ width: 37%;}   
.heartLikeSize{ width:10%;float:right;font-size: 22px; text-align: right;}

.post-paragraph .post-title{ width: 90%; float: left;}
.rating-side .main-row {
    width: 200px;
}

 
.dashboard-header.dashboard-header-new{ display: block !important; }
.post-item-list{ float: left; width: 100%;}    

.post .post-paragraph.half {
    float: left;
    width: 100%;
}



.select2-container--default .select2-selection--multiple {
    height: 180px;
}

.favourites-area .product-list.grid .product-item {
    height: 300px;
}
.table>thead>tr>th{ border-right:none;  border-left: none; }


.fullBoxwhiteabt{float: left; width: 100%; padding: 40px 0; position: relative; }
.leftPartOfabt{float: left; width:50%; padding-right:40px;}
.rightPartOfabt{float: left; width:50%; padding-left:40px; position: relative; }
.imageBdy img{float: left; width:100%; height: 300px;}
 
.abtTxtBdy h4{
    font-size: 40px;
    line-height: 50px;
    margin: 0 0 20px 0;
    color: #000;
    float: left;
    width: 100%;
}
.abtTxtBdy p{
    font-size: 18px;
    line-height: 26px;
    margin: 0;
    color: #333;
    float: left;
    width: 100%;
}

.fullBoxGrayabt{ float: left; width: 100%; padding: 40px 0;  } 
.imageBdy .transLogoImg{ 
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0;
    height: 400px;
}
.videoBackBdy{ width: 100%; height: 300px;}



.leftTxtLogo {
    width: 55%;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 120px;
    z-index: 9999;
}
.rightTxtLogo{
    float: right; 
    width:70%;
    position: relative;
    margin-right: -200px;
}


.abtTxtBdy .topLineAbterr{
    font-size: 18px;
    line-height: 26px;
    margin: 0;
    color: #333;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.abtTxtBdy .botLineAbterr{
    font-size: 18px;
    line-height: 26px;
    margin: 0;
    color: #333;
    float: left;
    width: 100%;
    font-weight: 400;
    
}
.abtTxtBdy .headLineAbterr{
    font-size: 60px;
    line-height: 50px;
    margin: 0 0 20px 0;
    color: #000;
    float: left;
    width: 100%;
}

.videoBackBdy {
    width: 100%;
    height: 400px;
}


.joinTeam{ float: left; width: 100%; position: relative; margin-bottom: 30px; margin-top: 40px;}
.joinTeam img{float: left; width: 100%;}
.joinTeamBox{ 
    border-radius: 15px;
    max-width: 380px;
    position: absolute;
    right: 10%;
    top: 0px;
    padding: 20px;
    background-color: #ffffffd1;
    margin-top: 45px;
}

.joinTeamBox h3{
    float: left;
    width: 100%;
    text-align: center;
    margin: 0 0 15px 0;
    font-size: 26px;
    color: #000;
}
.joinTeamBox p{
    float: left;
    width: 100%;
    text-align: center;
    margin: 0 0 15px 0;
    font-size: 18px;
     color: #333;
    font-weight: 400;
}

.joinTeamBox a{
    float: left;
    width: 100%;
    text-align: center;
    margin: 0;
    font-size: 18px;
    color: #fff;
    padding: 15px;
    border: none;
    background-color: #05ecc5;
    font-weight: 700;
    border-radius:10px;
}


.joinTeamBox a:active, .joinTeamBox a:hover, .joinTeamBox a:focus{color: #fff; background-color: #05ecc5;}

/* 
.userSupportChat li{padding:10px;} 
select {border-radius: 20px; background-color:#a56caf; font-color:#000;} 
.contact .cha-job-title{border-radius: 20px; font-color:#000; padding:10px;} 
.userSupportChat .input-group input{border-radius: 20px !important; width: 100%!important;}
.userSupportChat .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    width: 100%;
} */


/*********************************** requirment *******************************************************/
/*.paddlft40 a:focus, a:hover 
{
    color: #fff !important;
    text-decoration: none !important;
}*/
#supp_answer_2
{
    font-size: 22px!important;
    padding-left:15px!important;
}
#supp_answer_3
{
    font-size: 22px!important;
    padding-left:15px!important;
}
#supp_answer_4
{
    font-size: 22px!important;
    padding-left:15px!important;
}
#supp_answer_5
{
    font-size: 22px!important;
    padding-left:15px!important;
}
#supp_answer_2 .radio input[type=radio]
{   
    float: left!important;
    /*width: 8%!important;
    margin-top: 5px!important;
    margin-right: 5px!important;*/
    visibility: hidden;
    margin-left: -13px;
}
#supp_answer_3 .radio input[type=radio]
{   
    float: left!important;
    /*width: 8%!important;
    margin-top: 5px!important;
    margin-right: 5px!important;*/
    visibility: hidden;
    margin-left: -13px;
}
#supp_answer_4 .radio input[type=radio]
{   
    float: left!important;
    /*width: 8%!important;
    margin-top: 5px!important;
    margin-right: 5px!important;*/
    visibility: hidden;
    margin-left: -13px;
}
#supp_answer_5 .radio input[type=radio]
{   
    float: left!important;
    /*width: 8%!important;
    margin-top: 5px!important;
    margin-right: 5px!important;*/
    visibility: hidden;
    margin-left: -13px;
}
.recjobul
{
    margin-left: 60px;
    margin-top: 55px;
}
.lrgbtn
{
    font-size: 28px!important;
     padding: 20px 40px!important;
    border-radius: 35px!important;
}
.recjobul li
{
    font-size:32px;
    color: #ffffff;
    font-family: "Titillium Web", sans-serif !important;
    text-align: left;
    list-style: circle;
}
.shortlstbtn
{
    text-align: center;
    margin-top: 8px;
    font-size: 12px;
    color: #fff;
    background: #095bbc!important;
    padding: 6px 25px;
    border-radius: 5px;
    border: 0;
    float: right!important;
    font-size: 16px!important;

}

.newmorebtn
{
    width: 100%;
    float: left;
    text-align: center;
    margin-left: 18%;
}
.cmplink
{
    color: #3d1d7d!important;
    font-weight: bold;
}
.martop10
{
    margin-top: 7px;
}
.martop20
{
    margin-top: 20px;
}
.marleft10
{
    margin-left: 10px;
}
.txtjust
{
    text-align: justify;
}
.morecontent span {
    display: none;
}
.morelink {
    display: block;
}
.marright5
{
    margin-right: 3px;
}
.txtleft
{
    text-align: left;
}
.readmrpar
{
    color: #3d1d7d;
    margin-top: 0px;
    font-weight: bold;
    font-size: 16px;

}
.requirementbackmain
{
    width: 100%;
    float: left;
    background:url(../images/mateus_campos_felipe_zxdjfgsgqba_unsplash.png)!important;
    padding-top: 80px!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    height: auto!important;
    padding-bottom:100px;
}
.mainheadreq
{
    width: 100%;
    float: left;
    text-align: left;
}
.mainheadreq h1
{
    text-align: left!important;
    color: #ffffff;
    font-size: 57px;
    font-weight: 400;
}
.jobseakingpr
{
    width: 100%;
    float: left;
    color: #ffffff;
    font-weight: 400;
    font-size: 27px;
}
.answergetfindsec
{
    border-radius: 20px;
    float: left;
    font-size: 16px;
    padding:5px 20px;
    background: linear-gradient(-258.46892655134deg , rgba(227,0,242,255) 0%, rgba(0,4,121,255) 40%, rgba(18,143,190,255) 100%);
    color: #ffffff;
    margin-top: 13px;
    margin-bottom: 20px;
}
.txtsecmainreq
{
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.txtreq
{
    width: 50%;
    float: left;
}
.txtloc
{
    width: 25%;
    margin-left: 2%;
    float: left; 
}
.txtsrch
{
    width: 5%;
    float: left;
    margin-left: 2%;
}
.txtsrch img
{
    margin-top: 51px;
}
.searchimg
{
    cursor:cursor: grab;
}

.txtsecmainreq .reqtxtboxestop
{
    width: 100%;
    float: left;
    border:none;
    border-radius: 20px;
    background-color: rgba(125,13,129,255);
    padding:5px 20px;
    color: #ffffff;
    font-size: 19px;
    box-shadow: none!important;
}
.txtsecmainreq input::placeholder {
  color: #ffffff!important;
}
.requirementbtn
{

    float: left;
    border:none;
    border-radius: 20px;
    background-color: rgba(125,13,129,255);
    padding:15px 20px;
    color: #ffffff;
    font-size: 19px;
    box-shadow:0px 0px 15px 0px #000000;
    font-weight: 400;
    font-family: "Titillium Web", sans-serif !important;
}
.centersecmain
{
    width: 100%;
    float: left;
    position: relative;
     background: linear-gradient(90deg , rgba(57,58,216,255) 0%, rgba(211,31,86,255) 100%);
     padding-bottom:50px;
}
.combineback
{
    width: 100%;
    float: left;
    position: relative;
    height: 830px;
}
.bannerctrmain
{
    width: 100%;
    float: left;   
    position: absolute;
}
.jobimages
{
    width: 100%;
    float: left;
    margin-top: 100px;
    margin-bottom:60px;
}
.leftimg
{
    width: 50%;
    float: left;
    text-align: center;
}
.rightimg
{
    width: 50%;
    float: left;
    text-align: center;
}
.jobsearchtxt
{
    width: 100%;
    font-size: 34px;
    text-align: center;
    color: #fff;

}

.howworkmain
{
    width: 100%;
    float: left;
    text-align: center;
}
.howworkpar
{
    font-size: 50px;
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
}
.threarepar
{
    width: 43%;
    text-align: center;
    font-size: 26px;
    margin:0px auto;
    color: #fff;
    font-weight: 400;
}
.readmrbtn
{
    border:none;
    border-radius: 20px;
    background-color: rgba(125,13,129,255);
    padding:15px 20px;
    color: #ffffff;
    font-size: 19px;
    font-weight: 400;
    font-family: "Titillium Web", sans-serif !important;
    margin-top: 30px;
    margin-bottom:60px;
}
.gradientbackmain
{
    width: 100%;
    float: left;
   /* background: linear-gradient(90deg , rgba(57,58,216,255) 0%, rgba(211,31,86,255) 100%);
    height: 500px;*/
    position: relative;
    margin-top: -200px;
    z-index: -1;

}
.recommadstep
{
    width: 100%;
    float: left;
    margin-top:0px;
    margin-bottom: 30px;
}
.recomstep
{
    width: 100%;
    float: left;
    font-size: 30px;
    color: #ffffff;
}
.signupsecmain
{
    width: 100%;
    float: left;
    margin-top: 30px;
}
.lftimgsec
{
    width: 55%;
    float: left;
    text-align: center;
}
.rgtcontsec
{
    width: 35%;
    float: left;
    text-align: center;
}
.rgtcontsec h1
{
    font-size: 34px;
    text-align: center;
}
.rgtcontsec p
{
    font-size: 22px;
    color: #fff;
    width: 58%;
    margin: 0px auto;
    font-weight: 400;

}
.martop20
{
    margin-top:10px!important;
}
.registerbtnsec
{
    width: 100%;
    float: left;
    position: relative;
    text-align: center;
}
.mar0
{
    margin-bottom:0px!important;
}
/************************************ End Requirment ****************************************************/




@media screen and (min-width:768px) and (max-width:1100px){
    
 .newmorebtn
{
        margin-left: 50%;
}   
.imageBdy .transLogoImg { 
    padding-left: 20px;
    height: 350px;
} 
.imageBdy img { 
    height: 250px;
}  
.videoBackBdy { 
    height: 350px;
}
.leftTxtLogo {
    width: 50%;
    margin-top: 60px;
}    
.rightTxtLogo {    
    width: 80%;    
    margin-right: -150px;
}
    
    
.leftPartOfabt {
    padding-right: 20px;
}
.rightPartOfabt {
    padding-left: 20px;
}    
.abtTxtBdy h4 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 10px;
}
.abtTxtBdy p {
    font-size: 16px;
    line-height: 22px;
}    
.fullBoxwhiteabt { 
    padding: 20px 0;
}    
.fullBoxGrayabt { 
    padding: 20px 0;
}
    
    
.content .headline h4 {
    padding-left: 20px;
}   
    
#product-sideshow-wrap .ht-banner-wrap {
    float: none;
    width: 100%;
}

    
.product-showcase{
float: left;
width: 100%;
}
.rate_left {
width: 100%;
float: left;
}
    
.header-wrap {
    background-color: #f0f0f0 !important;
}
header .logo-mobile {
    width: 330px!important;
}   
.dropdown.hover-effect > .dropdown-item > a {
    color: #b0b0b0 !important;
}   
.dash_menu .pd_t0 {
    overflow-x: scroll;
    margin: 0;
    width: 100%;
}
.dash_menu ul {
    overflow: hidden;
    float: left;
    width: auto;
    white-space: nowrap;
}
.dash_menu ul li {
    float: none !important;
    display: inline-block;
}
.dash_menu ul li a {
    padding: 0 10px 0 15px;
    margin: 0;
}
.banner .search-widget {
    width: 100%;
    height: 230px;
}    
.banner img[alt="banner-img"] {
     display: none;
}   
.service-list{
    float: left;
    width: 100%;
}
.service-list a{
    float: left;
    width: 33.33%;
}   
.column6-wrap .column {
    width: 100%;
}  
.g_flote{display: none;}
.hire-scope h4{ text-align: left;}    
.hire-scope p{ text-align: left;} 
.ht-banner .ht-banner-img4 {
    width: 80%;
    left: 10%;
}   
#footer-top .twitter-feed {
    position: relative;
}
.services-v2 .service-list .service-item {
    min-height: 110px!important;
    width: 50%;
    margin-right: 0;
}
.column4-wrap.service-list {
    width: 100%;
}
.column4-wrap.service-list .column:nth-child(3n+3) {
    margin-right: 0px;
}
.menu-bar a{ padding-right: 15px;}    
.upload-file .upload-file-progress {
    width: auto;
} 

.select2-container{width: 100% !important; height: 130px;}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    height: 140px!important;
}
    .select2-container--default .select2-selection--multiple {  height: 140px!important;}
    
.upload-file .upload-file-progress {
    width: 40px !important;
    margin-top: 10px !important;
}
.author-profile-info {
width: 100%;
}

.profile-main-head .inner-employee-card{
      float: left!important;
    width: 100%;
    margin-bottom: 0px!important;
    padding-left: 7px;
    margin-left: 11px;
}    
.profile-main-head .employee-card{
    float: left!important;
    width: 250%!important;
    margin-bottom: 15px!important;
    padding-left: 15px;
} 
.profile-main-head .inner-employee-card  .image-width-3 {
margin-right: 14px;
}
.inner-rating-content {

    float: left;
}
.inner-rating {
    width: 30px;
}
.ac-service-1  .image-reasponsive {
    float: left;
    width: 112px;
    height: 112px;
}  
.input-container{ float: left; width: 100%;}    
.inner-rating-content .online-card{ text-align: left;}    
.title-heading h5 {
    font-size: 14px;
    margin-left: -15px;
}
.image-size-4 {
    width: 28px;
    margin-top: 6px;
}    
    
.post-a-job {
    width: 90%;
}    
    
    
.pack-boxes-Bdoy {
    overflow-x: scroll!important;
    white-space: nowrap!important;
    margin-left: 15px;
}
.compare-boxes {
    width: auto!important;
    float: left!important;
}    
.compare-boxes .compare-box {
    width: 280px!important;
    display: inline-block!important;
    float: none!important;
}
.compareList1 p {
    white-space: normal;
    float: left;
    width: 100%;
}
.compareList1 h4 {
    white-space: normal;
    float: left;
    width: 100%;
}
.compareList1 {
    width: 280px!important;
    display: inline-block!important;
    float: none!important;
}
.compareFacility {
    float: left;
    width: 100%;
}
.sub-banner h2 {    width: 65%;}    
 .mobileTabMinus15 {
    margin-left: -15px;
    margin-right: -15px;
}
.tabBdyScroll .tabcontent-2 {
    padding: 22px 0px 0 15px;
    height: 100%;
}
.tabBdyScroll .tabcontSrol {
    overflow-x: scroll;
    white-space: nowrap;
}
.tabBdyScroll .tabcontent-2 .table {
    width: auto;
}
.buyer-project .tabBdyScroll .tabcontent-2 .table td {
    float: none;
    width: 170px;
    display: inline-block;
    white-space: normal;
    text-align: center;
}
.tabBdyScroll .tabcontent-2 .table thead tr th {
    float: none;
    width: 170px;
    display: inline-block;
    white-space: normal;
    text-align: center;
    border-right: none;
    border-left: none;
}
.inbox-messages {
    overflow-x: scroll;
    white-space: nowrap;
}
 .inbox-message.v2 .inbox-message-author {
    position: relative!important;
    padding-left: 0!important;
    width: auto!important;
    float: left!important;
    display: inline-block!important;
}   
.inbox-message.v2 .inbox-message-author .user-avatar {
    display: inline-block!important;
    width: 50px!important;
    margin: 10px 0 0 0!important;
    top: 0!important;
    left: 0!important;
    position: relative!important;
}

.inbox-message.v2 .inbox-message-author .text-header {
    float: right!important;
    width: 100px!important;
    height: 20px!important;
    margin: 0!important;
}
.inbox-message.v2 .inbox-message-content {
    margin-top: 0 !important;
    width: auto!important;
    height: auto!important;
    max-height: inherit!important;
}
.inbox-message.v2 .inbox-message-type {
    display: block !important;
}
    
.inbox-message.v2 .inbox-message-type {
    display: block !important;
}
.inbox-message.v2 .inbox-message-date {
    top: 0!important;
    right: 0!important;
    position: relative!important;
    float: right!important;
    margin: 0 20px!important;
}
.inbox-message.v2 {
    padding: 0 10px!important;
    height: 62px!important;
}
.inbox-messages .inbox-message {
    width: auto !important;
}
.inbox-message.v2 .inbox-message-author .text-header .message-icon {
    display: none !important;
}
.section .content .headline.buttons.two:before, .dashboard-content .headline.buttons.two:before {
    height: 67px !important;
}    
.dropdown.hover-effect > .dropdown-item > a {
  color: #b0b0b0 !important;
}    
    
.section .content .headline.buttons.two, .dashboard-content .headline.buttons.two {
    height: auto!important;
}
.phone {
    position: absolute;
    width: 11%;
    top: 56px;
    left: 20px;
}
.clock {
    position: absolute;
    width: 11%;
    top: 56px;
    right: 20px;
}
.tabcontent {
    float: left;
    padding: 12px;
    width: 100% !important;
    border-left: none;
    height: 610px !important;
    overflow: scroll !important;
    display: none;
    white-space: nowrap;
}
.columns {
    width: 240px !important;
    display: inline-block;
    float: none !important;
}
    
.tabcontent ul li {
    white-space: normal;
}
    
.tabcontent ul li {
    white-space: normal;
}    
.bidPackegeBdy {
    float: left;
    width: 100%;
    overflow-x: scroll;
}
.bidPackegeBdy .table-striped {
    width: auto;
    max-width: inherit;
    white-space: nowrap;
    border-collapse: collapse;
}
.bidPackegeBdy .main-bg-table th {
    float: none;
    width: 130px;
    display: inline-block;
    border-right: none;
    border-left: none;
}
.bidPackegeBdy .table-striped tbody tr td {
    float: none;
    width: 130px;
    display: inline-block;
}
    
.bidPackegeBdy {
    float: left;
    width: 100%;
    overflow-x: scroll;
    margin-top: 80px
}
.bidPackegeBdy .table-striped {
    width: auto;
    max-width: inherit;
    white-space: nowrap;
    border-collapse: collapse;
    margin: 0 auto;
}
.bidPackegeBdy .table-striped tbody tr td {
    float: none;
    width: 130px;
    display: inline-block;
}
    
.dashboard-header .dashboard-header-item.back-button {
    display: block;
    padding: 0 !important;
float: right !important;
}     
.sellerResponseInfo{
width: 100%!important;
float: left!important;
clear: left!important;
flex: inherit!important;
max-width: 100%!important;
margin-left: -15px; 
margin-right: -15px;
margin-top: 20px;
}    
.seller-item>a{
width: 100%!important;
float: left!important;
clear: left!important;
flex: inherit!important;
max-width: 100%!important;
}   
.sellerJobInfo{
width: 100%!important;
float: left!important;
clear: left!important;
flex: inherit!important;
max-width: 100%!important;
}    
.my-bid-item .seller-info{
width: 100%!important;
float: left!important;
clear: left!important;
flex: inherit!important;
max-width: 100%!important;
}    

.my-bid-item .responseInfo{
width: 50%!important;
float: left!important;
max-width: 50%!important;
flex: inherit!important;
}
    
.transaction-list-header-date, .transaction-list-item-date {
     width: 15%;
}   
.transaction-list-header-author, .transaction-list-item-author {
    width: 44%;
}
.transaction-list-header-item, .transaction-list-item-item {
    width: 25%;
}    
.transaction-list-item-author p{ text-align: center;}    
.section .content .headline.buttons:before, .dashboard-content .headline.buttons:before {
    height: 72px;
}   
.section .content .headline.buttons, .dashboard-content .headline.buttons {
    height: 72px;
}    
.select2-selection.select2-selection--multiple {
    height: 140px;
}    
.banner {
    min-height: 780px !important;
}
.property-block .property-price .price {
    width: 45%;
}
.view-more {
    left: 50%;
    margin-top: 50px;
    width: 150px;
    margin-left: -75px;
    position: relative;
}    
.carousel-indicators {
    bottom: -2% !important;
} 
    
.bookViewingDate {
    margin: 0 auto;
    width: 100% !important;
    display: block !important;
}
    
.timeBox {
    width: 100%;
    text-align: center;
    margin-left: 0%;
    padding: 0;
    height: 60px;
    margin-top: -2%;
}
#timeCal .ui.input {
margin-left: 0;
}    
.post-item-list{ float: left; width: 100%;}    

.description-note{ float: left!important; width: 100%!important;}
.bid-card .col-lg-9{ float: left!important; width: 100%!important;}
.bid-card .col-sm-2{float: left!important; width: 100%!important;}    

.sidebar.right {
    float: left;
    margin-bottom: 20px;
}    
#myHeader2 {
    top: 0px !important;
    position: relative !important;
    width: 100% !important;
    left: 0 !important;
    float: left;
} 
.section .sidebar {
    margin-bottom: 20px;
}
.section .content .headline:before, .dashboard-content .headline:before {
    height: 72px;
}
.section .content .headline, .dashboard-content .headline {
    height: 72px;
    padding: 0;
}    
.ac-service-1 .col-sm-3{}
.rating-side .main-row {
  
}
.online-card{ text-align:left!important;}   
header .account-actions {
    float: right;
    margin: 80px 0px 20px 26px;
    width: 100%;
    text-align: center;
}
header .account-actions .button {
    width: 120px;
    float: none;
    display: inline-block;
    margin: 0 auto;
}

.icons-width {
    width: 7%;
    float: left;
} 
.card-tag .image-size-1 {
width: 59%;
float: left;
}
.hire-contact-btn {
margin-bottom: 15px;
float: right;
}
.heading-name {
    text-align: left;
    margin-top: 10px;
}
.add-employee-input .button.mid-short {
    width: 100%;
}
.add-employee-input{ margin-bottom: 15px;}    
.add-employee-input .button.mid-short {
    margin-top: 0px !important;
    margin-bottom: 20px !important;
}
    
.adEmpTabBdyofBdy{

}   
.adEmpTabBdy{  
width: auto;
overflow-x: scroll;
white-space: nowrap;
}   
.adEmpTabBdy>.table>thead>tr>th{width: 120px; display: inline-block; border-left:none; border-right:none;}
.adEmpTabBdy>.table>tbody>tr>td{width: 120px; display: inline-block; border-left:none; border-right:none;}
.adEmpTabBdy>.table>thead>tr>th:first-child{width: 320px; display: inline-block; }
.adEmpTabBdy>.table>tbody>tr>td:first-child{width: 320px; display: inline-block; }    

.product-list {float: left; width: 100%;}
.product-list.grid.column4-wrap .product-item.column.in_p_padd {
    min-height: 325px !important;
    height: auto !important;
    width: 46%;
    margin-left: 2%;
    margin-right: 2% !important;
}   
.product-list.grid .product-item .product-preview-actions {
    width: 96%;
}
.product-preview-image {
    width: 100%;
}
    
    
    
}



.fltRight{ float: right; clear: right;}
.fltLeft{ float: left; clear: left;}




@media screen and (min-width:768px) and (max-width:900px){
    
   .mobdisnone
 {
    display: none!important;
 }   
.joinTeamBox {    
    right: 50%;     
    margin-right: -190px;
}
.imageBdy .transLogoImg { 
    padding-left: 20px;
    height: 350px;
} 
.imageBdy img { 
    height: 250px;
}  
.videoBackBdy { 
    height: 350px;
}
.leftTxtLogo {
    width: 50%;
    margin-top: 60px;
}  
.abtTxtBdy .headLineAbterr {
    font-size: 50px;
}

.rightTxtLogo .transLogoImg {
    padding-left: 0px;
    height: 350px;
}
.rightTxtLogo {
    width: 80%;
    margin-right: -110px;
}
    .topNotPad{ padding-top: 0;}   


/***********************recruitment****************************/
#userSupportChat
{
    font-size: 22px!important;
    /*padding:10px!important;*/
    padding-right: 17px;
}
.supp_ques_answer
.fnt22
{
    font-size: 22px!important;
    padding:10px!important;
}
.requirementbackmain
{
   padding-top: 20px!important;
   padding-bottom: 40px;
}
.mobftsize
{
    font-size: 30px!important;
}
.jobseakingpr
{
    font-size: 18px;
}
.txtreq
{
    width: 100%;
}
.txtloc 
{
    width: 100%;
    margin-left: 0%;   
    margin-top: 20px;
}
.txtsrch img 
{
    margin-top: 20px;
}
.jobimages
{
    margin-top: 30px;
    margin-bottom: 20px;
}
.leftimg
{
    width: 50%;
    text-align: center;
}
.rightimg
{
    width: 50%;
    text-align: center;
}
.combineback
{
    display: none;
}
.bannerctrmain
{
    position: relative;
}
.howworkpar
{
    font-size: 38px;
}
.threarepar
{
    width:65%;
}
.signupsecmain 
{
    margin-top: -15px;
}
.mobresimg
{
    width: 85%;
    margin:0px auto!important;
}
.lftimgsec
{
    width: 50%;
}
.rgtcontsec
{
    width: 50%;
}

.rgtcontsec p 
{
    width: 95%;
    font-size: 18px
}
.readmrbtn
{
    width:40%;
    margin-bottom: -5px;
}
.recommadstep 
{
    margin-top: 30px;
}


/************************end recruitment**************************/

    
    
}







@media screen and (min-width:319px) and (max-width:767px){
  

.topzr
{
    margin-bottom: 0px!important;
} 
    
 .fltRight{ float: left; clear: left;}   
    
    
    
 .mobdisnone
 {
    
 } 
.frame_a p.cha-job-title
{
    font-size: 14px!important;
}

.joinTeamBox {
    right: 0;
    padding: 15px;
    margin-top: 35px;
    margin-right: 5%;
    margin-left: 5%;
    width: 90%;
}
.joinTeamBox h3 {
font-size: 22px;
}
.joinTeamBox p {    
    font-size: 16px;     
}        
.joinTeamBox a {
    font-size: 16px;
    padding: 15px 10px;
}    
    

 .martop10
 {
    margin-top: 15px!important;
 }   
.leftPartOfabt {
   width: 100%;
    padding: 0 10px;    
}
.rightPartOfabt{
   width: 100%;
    padding: 0 10px;
    margin-bottom: 20px;
}
.fullBoxwhiteabt { 
    padding: 0;
}  
.abtTxtBdy h4 {
    font-size: 22px;
    line-height: 30px;
}
.abtTxtBdy p {
font-size: 16px;
line-height: 22px;
    margin-bottom: 15px;
}    
.fullBoxwhiteabt{ 
    margin-bottom: 0px;
}    
.fullBoxGrayabt { 
    padding: 5px 0;
}    
.imageBdy img { 
    height: 200px;
}   
.videoBackBdy {
    height: 200px;
}
    
    
.amountRsPartLeft .rediolist .prefferd +.btn {
    margin-left: 0px;
}   
.inp .form-group .labNew{ margin-bottom: 0px;}    
    
.fildAmtInner{padding: 0;}
#product-sideshow-wrap .ht-banner-wrap {
    float: none;
    width: 100%;
}
.product-showcase{
float: left;
width: 100%;
}   
    
.favourites-area {     
 padding-top: 90px;
}

.rate_left {
width: 100%;
float: left;
}
.adEmpTabBdy{  
width: auto;
overflow-x: scroll;
white-space: nowrap;
}   
.adEmpTabBdy>.table>thead>tr>th{width: 120px; display: inline-block; border-left:none; border-right:none;}
.adEmpTabBdy>.table>tbody>tr>td{width: 120px; display: inline-block; border-left:none; border-right:none;}
.adEmpTabBdy>.table>thead>tr>th:first-child{width: 320px; display: inline-block; }
.adEmpTabBdy>.table>tbody>tr>td:first-child{width: 320px; display: inline-block; }        
    
#TextBoxesGroup {margin-bottom: 20px !important;}
    
.add-employee-input .button.mid-short {
    width: 100%;
}
.add-employee-input{ margin-bottom: 15px;}    
.add-employee-input .button.mid-short {
    margin-top: 0px !important;
    margin-bottom: 10px !important;
} 
.button.mid-short {
    width: 100%;
    margin-top: 0px !important;
} 
    
.sub-banner h2 {
    width: 100%;
}
.select2-selection.select2-selection--multiple {
    height: 140px;
}        
.input-container{ float: left; width: 100%;}    
.hire-contact-btn {
    margin-bottom: 15px;

    width: 100%;
    margin-top: 0;
}
.hire-contact {
    margin-right: 15px;
}       
.price-tag h1 {
    font-size: 20px;
}
.profile-main-head .inner-employee-card .image-width-3 {
        width: 32px;
    margin-right: 0;
}
.profile-main-head .inner-employee-card{
    float: left!important;
    width: 100%;
    margin-bottom: 15px!important;
    padding-left: 30px;
}    
.profile-main-head .employee-card{
    float: left!important;
    width: 100%;
    margin-bottom: 15px!important;
    padding-left: 30px;
}    
    
#profile_picture {
    margin-top: 22px;
    width: 100%;
    margin-bottom: 30px;
}    
.form-box-item .input-container {    
    margin-bottom: 10px;
}       
.author-profile-info {
    width: 100%;
}
 .datepicker-wrap {
    width: 100% !important;
        margin-left: -16px;
}
.dash_menu ul {
    overflow: hidden;
    float: left;
     width: auto;
    white-space: nowrap;
}
.dash_menu ul li {    
    float: none !important;
    display: inline-block;
}    
.dash_menu ul li a {   
    padding: 0 10px 0 15px;   
    margin: 0;
}    
.dash_menu .pd_t0{
    overflow-x: scroll;  
    margin: 0;
    width: 100%;
}    
.service-list .service-item p {
    line-height: 18px;
}
.service-list.small .service-item p {
    min-height: 130px;
}
.hire-scope .icon {    
    margin: 0 15px 22px 0 !important;     
}   
    
.banner-wrap #page{ display: none;}    
#services {
    padding-top: 0px;
}
.service-list .service-item{min-height: 130px;}    
.service-list .service-item h3 {
    font-size: 14px;
    margin: 10px 0 0 0;
    line-height: 14px;
}
    
.city {
    padding-bottom: 70px;
}  
    
#product-sideshow {
    padding: 30px 0 0 0;
}

#product-sideshow .product-list:last-child {
    margin-bottom: 10px;
}
    
.tablink {
    width: calc(50% - 20px)!important;
    background-color: #fff;
    color: #464646;
    float: left;
    box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2);
    border: none;
    outline: none;
    cursor: pointer;
    padding: 12px 12px !important;
    font-size: 14px !important;
    font-weight: bold;
    margin: 0px 10px !important;
    border-radius: 50px;
} 
.tabcontent {
    float: left;
    padding: 12px;
    width: 100% !important;
    border-left: none;
    height: 610px !important;
    overflow: scroll !important;
    display: none;
    white-space: nowrap;
}
.columns {
    width: 240px !important;
    display: inline-block;
    float: none !important;
}
    .heading-title{ font-size: 20px; line-height: 30px; margin-top: 0;}
 .demo {
    padding: 30px 0 10px 0 !important;
    
}
.subPopFrmBdy{ float: left; width: 100%; padding: 0 20px;}
.mile_left {
    width: 100%;
    padding: 15px;
    float: left;
}
.mile_right {
    width: 100%;
    padding: 15px;
}   
    
 .form-box-item.w_100.spaced { 
padding: 30px 20px !important;  
}     
    
.planBox{
    padding: 10px 10px!important;  
    min-height: 300px!important;  
    width: 100%!important;  
    margin-bottom: 20px!important;  
}    
.planBox .plan-icon {
    font-size: 50px;     
    position: relative!important;  
    top: 0px!important;  
    left: 50%!important;  
    margin-left: -25px!important;      
    width: auto!important;  
} 
.planBox .title {
 font-size: 14px!important;
    line-height: 20px!important;
}    
.planBox .description {
    font-size: 14px!important;  
    line-height: 22px!important;  
}    
.memSpace{ padding: 0 10px;}
.post .post-content {
    padding: 0!important;  
} 
 .sub-banner .TncTitTxt{ width:100%;}     
.phone {
    position: absolute;
    width: 11%;
    top: 56px;
    left: 20px;
} 
.clock {
    position: absolute;
    width: 11%;
    top: 56px;
    right: 20px;
}   
.top {
    display: none;
    }

    .post-paragraph .post-title{ width: 90%;}
  
.inner-rating-content {
   /* float: left;
    width: 100%;*/

}    
.rating-side .main-row {
    float: left;
    width: 30%;
   min-height: 80px;
}   
.inner-2 h6 {
     white-space: normal;
    float: left;
    width: 100%;
    text-align: center;
    margin-left: 0;
}
 .online-card a {
    color:#632ca4;
}   
.image-size-1 {
    margin-left: 20px;
}
.card-tag span{ margin-left: 0px;}    

.icons-prmium {
text-align: right!important;
}
.dashboard-header .dashboard-header-item.back-button{ padding-left: 0!important;}    

.form-box-item.w_100.spaced p{ white-space: inherit!important;}   
.inbox-message.v2 .inbox-message-author .user-avatar {
display: block !important;
    position: relative!important;
}
.inbox-message.v2 {
    padding: 0 10px;
    float: left;
    width: 100%;
    height: auto;
    position: relative;
}   

.inbox-messages{
overflow-x: scroll;
white-space: nowrap;
}
.inbox-messages .inbox-message {
width: 600px!important;
} 
    
.inbox-message.v2 .inbox-message-author {
position: relative!important;
padding-left: 0!important;
width: auto!important;
float: left!important;
display: inline-block!important;
}    

.inbox-message.v2 .inbox-message-author .user-avatar {
display: inline-block!important;
width: 50px!important;
margin:10px 0 0 0!important;
top: 0!important;
left: 0!important;
    
}

.inbox-message.v2 .inbox-message-author .text-header {
float: right!important;
width: 100px!important;
height: 20px!important;
margin: 0!important;
}    

.inbox-message.v2 .inbox-message-content {
width: auto!important;
height: auto!important;
max-height: inherit!important;
}
 
.inbox-message.v2 .inbox-message-date {
top: 0!important;
right: 0!important;
position: relative!important;
float: right;!important;
margin: 0 20px!important;
}
.inbox-message.v2 {
padding: 0 10px!important;
height: 62px!important;
}    
.inbox-message.v2 .inbox-message-content{ margin-top: 0 !important;}    
.inbox-message.v2 .inbox-message-type {
display: block !important;
}
.text-header .message-icon {display: none !important;}
.services-page h5 {     
height: 60px;
}  
.image-size-4 {
margin-top: 7px;
}    
.post-a-job {
margin: 0 auto;
width: 270px;
}


.tablinks-3 {
overflow-x: scroll;
white-space: nowrap;
}

.tablink-2 {
float: none !important;
width: auto !important;
display: inline-block;
}    
.mobileTabMinus15{ margin-left: -15px;  margin-right: -15px;}


.tabBdyScroll .tabcontSrol{ 
    overflow-x: scroll;
    white-space: nowrap;
}
.tabBdyScroll .tabcontent-2   {
    padding: 22px 0px 0 15px;
    height: 100%;
}

.tabBdyScroll .tabcontent-2 .table{width: auto; }
.tabBdyScroll .tabcontent-2 .table thead tr th{
    float: none;
    width: 170px;
    display: inline-block;
    white-space: normal;
    text-align: center;
    border-right: none;
    border-left: none;
}
.buyer-project .tabBdyScroll .tabcontent-2 .table td{
    float: none;
    width: 170px;
    display: inline-block;
    white-space: normal;
    text-align: center;
}
.inner-rating-content .online-card{ text-align: left !important;}
   
.select2-container--default.select2-container--focus .select2-selection--multiple {
height: 150px!important;
} 
.select2-container {
width: 100%!important;
}
.select2-selection.select2-selection--multiple {
height: 150px!important;
}

.seller-item .sellerResponseInfo{ margin-left: -15px; margin-right: -15px;} 
.list-group .allJobsCard    { padding: 20px 5px;}

.place-bid-right-new .sidebar-new {
width: 100% !important;
}
    
.bid_box_4 {
    width: 100%;
    margin: 0;
    float: left;
    padding: 0 15px;
}
.text-center-2 {
    text-align: center;
    font-size: 19px;
    border-right: 1px solid #e4e3e3;
    float: left;
    width: 50%;
    margin-bottom: 20px;
    padding: 0 5px;
}

.row-setting2 {
    display: inherit;
}
 .place-bid-left-new .text-icons .text-icon {
     
    padding-top: 10px;
    width: 100% !important;
    float: left;
    margin: 0!important;
    height: 52px;
}   
 .content.content-new.left.place-bid-left-new {
    width: 100%;
    float: left;
}
.bid_h {
    width: 100%;
    display: inherit;
    padding: 24px;
    float: left;
}
.btn225{
        margin-bottom: 14px !important;
    margin-top: 10px !important;
}
.heading-bid.heading-width {
    width: 80% !important;    
}
.bid_h1 {
    width: auto !important;
    float: none;
    display: inline-block;
    }
.bid_se1 {
    width: auto !important;
    white-space: nowrap;
    overflow-x: scroll;
    padding: 0px 15px;
    margin-top: 0px;
}
.bid_h1 p {
    font-size: 14px !important;
}
   
 .chat_btn {     width: 100%!important;}   
    
 .bid_se2 {     
    margin-top:0px;
     padding-top: 0;
}  
.icons-prmium {
    text-align: left!important;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.dot {
    position: relative;
    left: 30%;
    top: 4px;
    border: 3px solid #fff;
}
.bid-card {
    max-width: 100%;
}    
.place-bid-left-new .product-list.list {
    width: 100%;
    margin: 0 auto;
    float: left;
}
.bid-card .image-size {
    margin-bottom: 10px;
}
.inbox-messages-preview .inbox-message-preview .inbox-message-preview-body {
    height: 220px;
}
.inbox-messages-preview .inbox-messages, .inbox-messages-preview .inbox-message-preview {
    float: left;
    height: 368px;
}
.profile-rating-info {
    width: 100%;
    float: left;
    border-left: none;
    padding-left: 0;
}    
ul.seller-profile-portfolio li {    width: 100%;}
.edu_border.qualification {padding: 10px; margin-bottom: 20px;}    
.reviewName-Image img { 
    left: 50%;
    margin-left: -35px;
    position: relative;
}   
.review-data {
    padding: 15px;
    height: auto;
    float: left;
    margin-bottom: 10px;
}    
.review-data.last {width: 100%;}
.message-preview .user-avatar {
    display: block;
     top: 18px;
    left: 14px;
}
.userMsgBoard img {
    width: 60px;
    height: 60px;
}
.productDis .product-list.list .product-item .product-info {
    float: left;
    width: 100% !important;
    padding: 0 14px;
    height: auto;
}
.product-list.list .product-item {float: left;width: 100%; padding: 10px 0 10px 0;}
.card-item{height: auto !important;}   
    
.product-list.list .product-item .author-data {
    padding: 27px 15px 0 5px;
    position: relative !important;
    float: left!important;
    width: 90%!important;
    height: auto!important;
    top: 0 !important;
    border-right: none;
}
    
.productDis .product-list.list .product-item .product-info {
    float: left;
    width: 100% !important;
    padding: 0 14px;
    height: auto;
}
.product-list.list .product-item .product-preview-image {
    top: 12px;
    left: 12px;
    position: relative;
}   
#frame {
    height: auto;
} 
.bid_se2 {    
    padding: 20px 15px;    
}    
.inbox-message-content .description{ margin-left: 20px !important;}  
.rating-right-block .ratingStars {
    padding: 4px;
    line-height: 30px;
    float: left;
    width: 100%;
}  
.new-star-heading {
    width: 100%;
    float: left;
    height: auto;
    line-height: 12px;
}    
.ratingStars .star-rating {
    width: 100%;
    float: right;
    padding-left: 0;
    padding-top: 0;
}
form.reviews-fill-form label {
    margin: 0;
}    
.rating-left-block{margin-right: -25px!important;  margin-left: -25px!important;}
.inbox-message-preview .inbox-reply-form.buyer-reply-form input[type="text"] {
 width: 160px !important;
}   

.msg-board-newbox .inbox-message-preview .inbox-message-preview-body .message-preview:nth-child(even) .user-avatar {
    left: auto;
    right: 10px;
}
.user-avatar img {
    height: 60px;
    width: 60px;
} 
.user-avatar {
    width: 60px;
    height: 60px;
}    
    
.inbox-message-author .user-avatar img {
    height: 40px;
    width: 40px;
} 
    
.profile-main-head .employee-card{ float: left; width: 100%;}    
.profile-main-head {
    display: inherit;
    width: 100%;
    float: left;
}

#frame #sidepanel {
width: 398px;
min-width: 58px;
margin-right: 9px;
}

p.cha-job-title {
    width: 80%;
    float: right;
}    
#frame #sidepanel #chat_contacts ul li.contact:hover p {
    width: 80%;
    float: right;
}    
    

#frame .content .chat-window{
    display: none;
    right:0 !important;
    min-width: inherit!important;
    max-width: inherit!important; 
    width: 100%;
    margin-left: -30px !important;
    margin-right: -30px !important;
    width: calc(100% + 30px);
}
#frame .content .chat-window:last-child{
    display: block;
    width: 100%;
    margin-left: -30px !important;
    margin-right: -30px !important;
}
p.cha-job-title {
    width: 100%;
    float: right;
    padding-right: 10px;
    padding-left: 0;
}
p.cha-job-title {
    font-size: 14px!important;
}
.outer-ring .user-avatar img {
    height: 40px;
    width: 40px;
}    
.icon_minim{  display: none;}
.banner.banner-v2 h2 {
    font-size: 22px;
    line-height: 30px;
}
.chat-window > div > .panel {
    margin-left: -15px;
    margin-right: -15px;
}    
.banner-wrap2 .banner {
min-height: 800px !important;
}   
    
.pack-boxes {    width: 90%;}    
.banner.banner-v2 .search-widget-form {
    margin: 0;
    width: 100%;
    padding: 0 15px;
}
.property-block .property-price .price {
    right: 5%;
    width: 90%;
}
.property-block .property-price .read-more {
    margin-left: 0!important;
     left: 5%!important;
     width: 90%!important;
     margin-bottom: 15px !important;
}   
.masonry-items-container{ height: auto !important; margin-bottom: 30px!important;}   
  
.popular-item.masonry-item.medium-item {
    position: relative !important;
    left: 0px !important;
    top: 0px !important;
    right: 0px !important;
    height: 130px !important;
}
.popular-item     {
    position: relative !important;
    left: 0px !important;
    top: 0px !important;
    right: 0px !important;
    height: 130px !important;
}
.carousel-indicators {
    bottom: -3% !important;
}   
.view-more {
    margin-left: 28%;
    margin-top: 90px;
    margin-bottom: 40px;
}
.timeBox {
    width: 100%;
    text-align: center;
    margin-left: 0%;
    padding: 0% 5%;
    height: 60px;
    margin-top: -5%;
}
.bookViewingDate {
    margin: 0 auto;
    width: 90% !important;
    display: block !important;
}

.dispute-box2{
    margin-bottom: 11px;
    float: left;
    width: 100%;
}

.dispute-left {
    padding:0 15px;  
    float: left;
    width: 100%;
}

.hire-contact{ margin-left: 9px; margin-top: 8px;}   

#applyRecruitmentModal .modal-content {
    width: 92%;
    margin: 0 0 70px 0;
    float: left;
}   
    
.card-property-align {
    width: 100%;
    height: auto;
}   
.read-more {
    margin-left: 0 !important;    
    left: 0% !important;
}
.width25_new {
    width: 90% !important;    
    margin: 0 5% 10% 5%!important;
}
.property-block .property-price .price {
    right: 5%!important;      
}
.compare-boxes .compare-box {
    width: 280px!important; 
    display: inline-block!important;  
    float: none!important; 
}
.compare-boxes {   
    width: auto!important;    
    float: left!important; 
}


.pack-boxes-Bdoy{ overflow-x: scroll!important; white-space: nowrap!important;  }   

.compareList1 {
    width: 280px!important; 
    display: inline-block!important;  
    float: none!important; 
}  
.compareList1 h4{
    white-space: normal;
    float: left;
    width: 100%; 
}    
.compareList1 p{
    white-space: normal;
    float: left;
    width: 100%; 
} 
.compare-common-discription {    
float: left!important; 
overflow: initial!important; 
}
.compareFacility{
float: left;
width: 100%; 
}    
.pack-boxes-Bdoy {
    overflow-x: scroll!important;
    white-space: nowrap!important;
    margin-left: 15px;
}  
.hire-contact{float: left; padding: 10px 25px;}   
    
#profile_picture {
    margin-top: 22px;
    width: 84%;
}    
    
.form-box-items {   
    padding: 0px 10px 20px 10px;     
}     
.imageBdy .transLogoImg {
    padding-left: 10px;
    padding-right: 10px;
}
.leftTxtLogo {
    width: 100%;
    position: relative;
    left: 0;
    top: 0;
    margin-top: 0;
    z-index: 9999;
    padding: 0 10px;
}
.rightTxtLogo {   
    width: 100%;
    position: relative;
    margin-right: 0;
    display: none;
}    
.videoBackBdy {
    height: 200px;
}
    
.videoBackBdy {
    height: 200px;
    padding: 0 10px;
}
.rightTxtLogo .transLogoImg{ display: none;}    
.leftTxtLogo {
    width: 100%;
    position: relative;
    left: 0;
    top: 0;
    margin-top: 0;
}
.abtTxtBdy .headLineAbterr {
    font-size: 32px;
    line-height: 36px;
     margin-bottom: 10px;
}
.abtTxtBdy .botLineAbterr {
    font-size: 16px;
    line-height: 24px;
     margin-bottom: 10px;
}
.abtTxtBdy .topLineAbterr {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 10px;
}  



/***********************recruitment****************************/
.shortlstbtn 
{
    width:100%;
    float: left;
    padding:10px;
    margin-right: 15px;
}

.recjobul
{
    margin-left: 45px;
    margin-top: 32px;
}
.recjobul li
{
    font-size: 24px;
}
.lrgbtn
{
    font-size: 20px!important;
}
.recomstep 
{
    font-size: 22px;
}
.howworkpar
{
    font-size: 36px;
    line-height: 42px;
}
.threarepar 
{
    font-size: 20px;
}
.paddlft40
{
    padding-left: 43px;
}
.dispute-heading .hire-contact
{
    font-size: 16px!important;
    width: 100%;
    float: left;

}
.newmorebtn a:hover
{
    color: #ffffff!important;
}
.cmplink
{
    color: #3d1d7d!important;
}
.requirementbackmain
{
   padding-top: 20px!important;
   padding-bottom: 40px;
}
.mobftsize
{
    font-size: 30px!important;
}
.jobseakingpr
{
    font-size: 18px;
}
.txtreq
{
    width: 100%;
}
.txtloc 
{
    width: 100%;
    margin-left: 0%;   
    margin-top: 20px;
}
.txtsrch img 
{
    margin-top: 20px;
}
.jobimages
{
    margin-top: 30px;
    margin-bottom: 20px;
}
.leftimg
{
    width: 100%;
    text-align: center;
}
.rightimg
{
    width: 100%;
    text-align: center;
}
.combineback
{
    display: none;
}
.bannerctrmain
{
    position: relative;
}
.howworkpar
{
    font-size: 38px;
}
.threarepar
{
    width: 100%;
}
.signupsecmain 
{
    margin-top: -15px;
}
.mobresimg
{
    width: 85%;
    margin:0px auto!important;
}
.lftimgsec
{
    width: 100%;
}
.rgtcontsec
{
    width: 100%;
}

.rgtcontsec p 
{
    width: 95%;
    font-size: 18px
}
.readmrbtn
{
    width: 100%;
    margin-bottom: -5px;
}
.recommadstep 
{
    margin-top: 30px;
}


/************************end recruitment**************************/
    
 .joinTeam img {
    float: left;
    width: 100%;
    height: 255px;
}   
    
}    
    
  

.rightimg a img:hover{ cursor: pointer;}
.rightimg a p:hover{ cursor: pointer;}    
    
.deleteModal .closeDeleteModal {
    padding: 10px;
    opacity: 1;
    font-size: 35px;    
    margin-top: -9px;
}   
#loginModal .modal-content {    
    width: 600px;
}
.pack-boxes .carousel .property-block .lower-content{ min-height: 510px;}
.pack-boxes .view-more{ margin-top: 50px;}
.compare-align {bottom: 80px !important;}
.property-block .pro_d_new h3 {margin-bottom: 10px;}
.property-block h3 a{text-shadow: 2px 2px 4px #c8a4ff;}

.property-block .lower-content{ min-height: 485px;}




#postAJob .modal-content {
    width: 600px;
    position: relative;
}

#postAJob .tag-width .select2.select2-container.select2-container--default {
    width: 100% !important;
}
#postAJob .dashboard-content {
    padding: 30px 0;
}

#postAJob .close {
    cursor: pointer;
    position: absolute;
    top: 60px;
    right: 30px;
    font-size: 30px;
    opacity: 1;
    z-index: 9;
}

.jobimages .rightimg:hover{ cursor: pointer;}
.jobimages .leftimg:hover{ cursor: pointer;}


@media screen and (min-width:319px) and (max-width:767px){

#loginModal .modal-content {
width: 288px;
}
.property-block .property-price .price {
right: 0%!important;
}
.carousel-item .property-block .property-price .price   {
right: 5%!important;
}
.property-list-box { 
margin-bottom: 20px;
}   
.pack-boxes .view-more {
margin-top: 80px;
margin-bottom: 0;
}
.post-paragraph p{ float: left; width: 100%;}    
#postAJob .modal-content {
    width: calc(100% - 40px);
    position: relative;
    margin:30px 10px  !important;
    padding: 0;
}
    #postAJob{ padding-top: 0px;}    
    
}
@media only screen and (max-width: 600px) and (min-width: 300x){
	
	
}





.textAlignRit{ text-align: right;}
 .product-preview-image audio{
     
    width: 257px;
    height: 111px;

 }


/***************************************************card changes*************************/
	.img-radius-center img{
		width: 112px !important;
		height: 112px !important;
		border-radius: 50%;
		margin: auto;
		display: block;
	}
	.card-height{
		    padding: 20px 13px 47px !important;
			position:relative;
	}
	.chat-boared-index{
		z-index:99999999;
		position:static;
	}
	.f-l{
		float:left!important;
		margin-right:4px!important;
	}
	.button-alignment{
			display: flex;
	}
	.p-seller-card{
		padding: 22px;
	}
/*********************************************/
@media only screen and (max-width: 480px) and (min-width: 320px){

.video-sizing {
    width: 89px;
    height: 89px;
    object-fit: cover;
    border-radius: 6px;
}
.location-service {
    font-size: 11px;
    margin-bottom: 0;
    color: #bdbdbd;
    position: absolute;
    top: 16px;
    left: 81px;
}
.company-name-sec {
    margin-bottom: 0;
    position: absolute;
    top: 31px;
    left: 81px;
    font-size: 11px;
}
.icons-veryfy {
    display: block !important;
    /* left: 140px; */
} 
.ac-service-1 {
  
    background: #fff !important;
}
.price-tag{
	    background: #874bbc;

}
.price-tag span{
	color:#fff !important;
}
.price-tag h1{
	color:#fff !important;
	    padding: 16px;
}
.ac-service-1{
		border-radius:6px;
		    box-shadow: 2px 2px 9px #cfcfcf;

	}
	.inner-rating-content{
		border-radius:12px !important;
	}
	.tick-2:before {
    content: '';
    width: 13px!important;
    height: 13px!important;
    background: #00d728!important;
    position: absolute!important;
    border-radius: 50%!important;
    top: 37px!important;
    left: 52px!important;
}
.tick-3:before {
    content: '';
    width: 13px!important;
    height: 13px!important;
    background: red;
    position: absolute!important;
    border-radius: 50%!important;
    top: 37px!important;
    left: 52px!important;
}
.job-card-days h5 {
    margin-top: -30px;
}
.hire-contact-btn{

	    z-index: 9999999;
} 

.hire-contact{
	float:none !important;
    margin: 0px !important;
}
.icons-prmium{
	margin-top:3px!important;
	margin-bottom:3px!important;
}

.inner-2 h6{
	color:#fff;
	margin-bottom:0;
}

.icons-width {
    width: 10%;
}
}
@media only screen and (max-width: 767px) and (min-width:500px){

.video-sizing {
   width: 189px;
    height: 150px;
    object-fit: cover;
    border-radius: 7px;
}
.rate-card {
    padding-top: 7px;
}
.heading-name h2{
	margin-left:0 !important;
}
.icons-width {
    width: 16%;
}
.dot {
    position: relative;
    left: -22px;
    top: 35px;
    border: 3px solid #fff;
}
}
@media only screen and (max-width: 986px) and (min-width:769px){
.sell-tag-man{
	width:6% !important;
}
ol.progtrckr li.progtrckr-done {
    font-size: 11px;
}
}
@media only screen and (max-width: 320px) and (min-width: 200px){
	.hire-contact-btn{

	    z-index: 9999999;
} 

}

.chat-bottom-pr .chat-window{
	position:fixed;
	bottom:-36px;
}

.chat-bottom-pr .panel-footer{
	padding:0 !important;}
	
	.chat-bottom-pr .input-sm{
		width:100% !important;
	}
	
.chat-bottom-pr	.chat-box-12{
		width: 100%;
		
	}
	@media only screen and (max-width: 480px) and (min-width: 360px){
		.bidPackegeBdy .table-striped{
			        width: 682px !important;
    max-width: max-content !important; 
    white-space: normal !important;
    border-collapse: collapse !important;
		}
		.bidPackegeBdy .table-striped tbody tr td{
			    display: revert;
		}
	}
	@media only screen and (max-width: 360px) and (min-width: 320px){
		.bidPackegeBdy .table-striped{
			        width: 682px !important;
    max-width: max-content !important; 
    white-space: normal !important;
    border-collapse: collapse !important;
		} 
		.bidPackegeBdy .table-striped tbody tr td{
			    display: revert;
		}
	}