@import url('https://fonts.googleapis.com/css?family=Exo:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
 html {
     height: 100%;
 }
 
 body {
     background: #333333 none repeat scroll 0 0;
 }
 
 a:focus,
 input:focus,
 button:focus {
     outline: none !important;
     -webkit-outline: none !important;
     -moz-outline: none !important;
 }
 
 a:hover,
 a:focus {
     text-decoration: none;
 }
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-family: 'Exo', sans-serif;
     font-weight: 500;
 }
 
 .navbar-top {
     background-color: #333333;
     height: 72px;
     max-height: 100%;
     position: fixed;
 }
 
 .navbar-top > .nav-top > .nav > li > a {
     height: 72px;
     padding-top: 30px;
 }
 
 .navbar-top > .nav-top > .nav > li > a:hover,
 .navbar-top > .nav-top > .nav > li > a:focus {
     background-color: #f2b530;
 }
 
 .navbar-top > .nav-top > .nav > li .dropdown-toggle.city {
     background-color: #f2b530;
     border-radius: 25px;
     height: auto;
     margin-top: 18px;
     padding: 10px;
     width: 160px;
 }
 
 .city.dropdown-toggle > span {
     font-weight: bold;
     margin-left: 10px;
 }
 
 .navbar-side {
     top: 72px;
 }
 
 .navbar-side .side-nav li,
 .navbar-side .side-nav li.panel {
     border-bottom: 1px solid #3e3e3e;
     border-top: 0;
 }
 
 .navbar-side .side-nav > li > a.active {
     background-color: #2a2a2a;
 }
 
 .navbar-side .side-nav > li > a {
     font-family: 'Exo', sans-serif;
 }
 
 .navbar-side .navbar-nav > li > a,
 .navbar-side .navbar-nav > li > a:focus,
 .navbar-side .navbar-nav > li > a:hover,
 .navbar-side .navbar-nav > li > a:active {
     background-color: #333333;
 }
 
 #page-wrapper {
     margin: 74px 0 0 225px;
     padding: 30px 30px 0;
 }
 
 .ads {
     background-color: #ffffff;
     border: 1px solid #d9d9d9;
     border-radius: 5px;
     box-shadow: 0 0 3px #d4d4d4;
     display: block;
     margin-bottom: 20px;
     overflow: hidden;
     position: relative;
 }
 
 .ads h2 {
     background-color: #f2b530;
     color: #ffffff;
     font-size: 23px;
     margin: 0;
     padding: 5px 10px;
 }
 
 .ads figure img {
     width: 100%;
 }
 
 .ads figcaption {
     color: #333333;
     font-size: 18px;
     padding: 10px;
 }
 
 .ads:hover {
     text-decoration: none;
 }
 
 .ads figure {
     height: 220px;
     overflow: hidden;
 }
 
 .stylish-input-group .input-group-addon {
     background: white !important;
 }
 
 .stylish-input-group .form-control {
     border-right: 0;
     box-shadow: 0 0 0;
     border-color: #ccc;
 }
 
 .stylish-input-group button {
     border: 0;
     background: transparent;
 }
 
 .input-group.stylish-input-group {
     margin-top: 20px;
 }
 
 .copyright {
     font-family: exo;
     font-size: 10px;
     font-weight: 200;
     letter-spacing: 1px;
     margin: 0 auto;
     padding: 10px;
     text-align: center;
     color: #a96c18;
 }
 
 .f_menu {
     margin-bottom: 0;
     margin-left: 0;
     margin-right: 0;
     padding: 15px 0 0;
     text-align: center;
 }
 
 .f_menu a::after {
     color:#deb528;
     content: "|";
     font-size: 10px;
     margin: 0 10px;
 }
 
 .f_menu li:last-child a::after {
     display: none;
 }
 
 .f_menu a {
     color: #f2b530;
     display: inline-block;
     font-family: exo;
     padding: 0;
     text-transform: capitalize;
 }
 
 .f_menu > li {
     display: inline-block;
 }
 
 .carousel-control span {
     background-color: #f2b530;
     border-radius: 50%;
     font-size: 41px;
     height: 50px;
     line-height: 50px;
     opacity: 1;
     text-align: center;
     width: 50px;
 }
 
 .carousel-control {
     bottom: auto;
     text-shadow: 0 0 0;
     top: 50%;
     transform: translateY(-50%);
     width: 70px;
     background: none !important;
 }
 
 .carousel-caption {
     font-size: 50px;
     font-family: 'Exo', sans-serif;
 }
 
 .circle-tile-number {
     font-family: "Exo", sans-serif;
     font-weight: 300;
     padding-bottom: 35px;
     padding-top: 35px;
 }
 
 .banner {
     margin: -30px -30px 30px;
 }
 
 .input-group.stylish-input-group {
     margin: 0;
 }
 
 .search-bg {
     background-color: #e0e7e8;
     margin-bottom: 30px;
     padding: 10px 0;
 }
 
 .btn-primary {
     background-color: #d9ddde;
     border-color: #cfd3d4;
     color: #333333;
 }
 
 .ttl {
     font-size: 30px;
     margin-top: 0;
 }
 
 .btn-primary:hover,
 .btn-primary:focus,
 .btn-primary:active,
 .btn-primary.active,
 .open .dropdown-toggle.btn-primary {
     background-color: #ced2d3;
     border-color: #b8bcbd;
     color: #333333;
 }
 
 .carousel-inner > .item > img {
     width: 100%;
 }
 
 footer {
     background-color: #1f1f1f;
     color: #ffffff;
     margin-left: -30px;
     margin-right: -30px;
 }
 
 .ads-sec hr {
     border-color: #cecece;
 }
 
 .navbar-side ul.side-nav {
     border-bottom: medium none;
 }
 
 .search-bg select.form-control {
     margin: 10px 0;
 }
 
.profile figure {
  background-color: #efefef;
  border-radius: 50%;
  box-shadow: 0 0 5px #d1d1d1;
  display: inline-block;
  
  margin-bottom: 15px;
 
}
 
 .profile {
     margin: 0 auto;
     text-align: center;
     width: 250px;
 }

 /* home cats */
 
 .home-cats .col-sm-4 {
     border-bottom: 1px solid #eeeeee;
     border-right: 1px solid #eeeeee;
     padding: 20px;
     text-align: center;
     transition: all 0.3s ease 0s;
 }
 
 .home-cats .col-sm-4:hover {
     box-shadow: 0 0 5px #e6e6e6;
 }
 
 .home-cats img {
     bottom: 0;
     left: 0;
     margin: 0 auto 20px;
     position: absolute;
     right: 0;
     width: 70px;
 }
 
 .home-cats figcaption {
     font-size: 18px;
     font-weight: normal;
 }
 
 .home-cats {
     background-color: #fff;
 }
 
 .home-cats figure {
     height: 85px;
     position: relative;
 }
 
 #page-wrapper.collapsed {
     border: 0 none;
     
 }
 /* ad-details */
 
 .bg-article {
     background-color: #ffffff;
     box-shadow: 0 0 5px #aeb2b3;
     float: left;
     margin-bottom: 20px;
     margin-top: 250px;
     padding-top: ;
     width: 100%;
     padding: 250px 20px 20px 20px;
     position: relative;
 }
 
 .bg-white {
     background-color: #ffffff;
     box-shadow: 0 0 5px #aeb2b3;
     float: left;
     margin-bottom: 20px;
     padding-top: ;
     width: 100%;
     padding: 20px 20px 20px 20px;
     position: relative;
 }
 
 .ad-detail > figure img {
     width: 100%;
     height: 100%;
 }
 
.profile figure img {
  
  width: 100%;
}
 .ad-detail {
     position: relative;
 }
.navbar-side .side-user img {
  margin-left: 0;
}
 
 .ad-detail figure {
     border: 20px solid #ecf0f1;
     border-radius: 50%;
     height: 500px;
     left: 0;
     margin: 0 auto;
     overflow: hidden;
     position: absolute;
     right: 0;
     top: 0;
     width: 500px;
     z-index: 1;
     background-color: #fff;
 }
 
 .slider-ads .bg-article {
     margin-top: 0;
     padding-top: 0;
 }
 
 .top-ttls {
     left: 0;
     padding: 30px;
     position: absolute;
     right: 0;
     top: 0;
     width: 100%;
 }
 
 .top-ttls h4 {
     color: #f39c12;
     font-size: 56px;
     font-weight: bold;
 }
 
 .top-ttls label {
     clear: both;
     color: #9d9d9d;
     display: block;
     float: left;
     font-size: 18px;
     font-style: italic;
     font-weight: normal;
     margin-top: -14px;
 }
 
 .ad1 .col-xs-12 > .row {
     background-color: #f7f9f9;
     padding-bottom: 5px;
     padding-top: 5px;
     margin: 0;
 }
 
 .ad1 .col-xs-12 > .row:nth-child(2n) {
     background-color: #ecf0f1;
 }
 
 .bid ul {
     height: 265px;
     list-style: outside none none;
     overflow-y: scroll;
     padding: 15px 0;
 }
 
 .bid li {
     background-color: #eeeeee;
     border-bottom: 1px solid #ecf0f1;
     color: #6f6f6f;
     padding: 5px;
 }
 
 .bid li:nth-child(2n+1) {
     background-color: #f6f6f6;
 }
 
 .bid li strong {
     color: #f2b528;
     font-size: 30px;
 }
 
 .bid .date {
     color: #b4b4b4;
     font-size: 15px;
     margin-left: 10px;
 }
 
 .bid li p {
     font-weight: bold;
 }
 
 .post-bid form {
     background-color: #f6f6f6;
     margin-top: 26px;
     min-height: 200px;
     padding: 30px;
 }
 
 .btn.btn-yellow {
     background-color: #f2b528;
     color: #ffffff;
 }
 /*
 * Dot Net developper
 **/
 .btn.btn-blackt {
     background-color: #f2b528;
     color: #ffffff;
 }

 .post-bid form p {
     color: #666666;
     font-size: 13px;
     line-height: 22px;
     margin-bottom: 17px;
 }
 
 .comments li {
     background-color: #f6f6f6;
     border-radius: 50px;
     box-shadow: 2px 4px 5px #e2e2e2;
     float: left;
     list-style: outside none none;
     width: 100%;
     margin-bottom: 15px;
 }
 
 .comments li i {
     float: left;
     width: 80px;
     height: 80px;
     border-radius: 50%;
     overflow: hidden;
 }
 
 .comments li i img {
     width: 100%; height: 100%;
 }
 
 .comments li > div {
     float: right;
     padding: 5px 0;
     width: calc(100% - 90px);
 }
 
 .comments ul {
     padding-left: 0;
 }
 
 .user-comment input {
     border-radius: 50px;
     font-size: 17px;
     height: 65px;
     letter-spacing: 4px;
     margin-bottom: 15px;
     padding: 0 30px;
 }
 
 .user-comment .btn {
     border-radius: 50px;
     display: block;
     float: none;
     font-size: 16px;
     font-weight: bold;
     margin: 0 auto;
     width: 120px;
 }
 
 .status-user > span {
     display: inline-block;
     margin: 10px;
 }
 
 .status-user {
     color: #f39c12;
     float: right;
     position: absolute;
     right: 30px;
     top: 30px;
 }
 
 .status-user .online {
     color: #008000;
 }
 
 .top-ttls .starr-view {
     float: left;
     clear: both;
 }
/* 
 .starrr,
 .starr-view {
     color: #f39c12;
     font-size: 27px;
 }
 
 .starrr .glyphicon {
     cursor: pointer;
     font-family: FontAwesome;
     font-size: 40px;
     margin: 0 5px;
 }
 */
.star,
 .starr-view {
     color: #f39c12;
     font-size: 27px;
 }
.star .glyphicon {
     cursor: pointer;
     font-family: FontAwesome;
     font-size: 40px;
     margin: 0 5px;
 } 
.glyphicon-star-empty:before {
     content: "\f006";
 }
 
 .glyphicon-star:before {
     content: "\f005";
 }
 
 .peoples-item {
     background-color: #ffffff;
     border: 1px solid #d3d3d3;
     box-shadow: 0 0 5px #6e6e6e;
     margin: 10px 0;
 }
 
 .profile-details > figure {
     background-color: #f2b528;
     overflow: hidden;
     padding: 15px 0;
 }
 
 .profile-details > h4 {
     background-color: #333333;
     color: #ffd447;
     margin: 0;
     padding: 10px 0;
 }
 
 .peoples-item .btn {
     margin: 5px 0;
     text-transform: uppercase;
     font-weight: bold;
     font-size: 12px;
 }
 
 .chat-open {
     bottom: 0;
     display: none;
     max-width: 400px;
     position: fixed;
     right: 0;
     margin-bottom: 0;
     width: 100%;
     z-index: 9;
 }
 
 #chat-show {
     cursor: pointer;
 }
 
 .tab-pane.active .col-md-3 {
     animation-delay: 0s;
     animation-direction: normal;
     animation-duration: 700ms;
     animation-fill-mode: forwards;
     animation-iteration-count: 1;
     animation-name: tabItems;
     animation-play-state: running;
     animation-timing-function: linear;
     -webkit-animation-delay: 0s;
     -webkit-animation-direction: normal;
     -webkit-animation-duration: 700ms;
     -webkit-animation-fill-mode: forwards;
     -webkit-animation-iteration-count: 1;
     -webkit-animation-name: tabItems;
     -webkit-animation-play-state: running;
     -webkit-animation-timing-function: linear;
 }
 
 .login-page {
     background-image: url(../img/main/business-people.jpg);
     background-repeat: no-repeat;
     background-size: cover;
     position: relative;
     height: 100%;
 }
 
 .register-page {
     height: auto;
 }
 
 /*Commented by dotnet developper for login page color change*/
 /*.login-page::before {
     background-color: #000000;
     content: "";
     height: 100%;
     opacity: 0.8;
     position: absolute;
     top: 0;
     width: 100%;
 }*/

  .login-page::before {
     background-color: #FFF;
     content: "";
     height: 100%;
     opacity: 0.8;
     position: absolute;
     top: 0;
     width: 100%;
 }

 /** Dot net developper start*/
 /*.portlet-green > .portlet-heading {
     background-color: #f2b528;
     color: #ffffff;
 }
 
 .portlet-green,
 .portlet-green > .portlet-heading {
     border-color: #f2b530;
 }*/
 
 
 .portlet-green > .portlet-heading {
     background-color: #f2b530;;
     color: #ffffff;
 }
 
 .portlet-green,
 .portlet-green > .portlet-heading {
     border-color: #f2b530;
 }
 /** Dot net developper end*/

 .portlet-footer a i {
     background-color: #f2b530;
     border-radius: 20px;
     color: #fff;
     height: 30px;
     line-height: 30px;
     width: 50px;
 }
 
 .portlet-footer a i.fa-facebook {
     background-color: #3F5C9A;
 }
 
 .portlet-footer a i.fa-google {
     background-color: #EA4335;
 }
 /* thumbnile slider */
 
 .thubnial-carousel-indicators li {
     list-style: outside none none;
     margin-bottom: 5px;
 }
 
 .thubnial-carousel-indicators li img {
     width: 100%;
 }
 
/*
 .detail-slider .item {
     height: 400px;
     overflow: hidden;
 }
*/
 /* ad-list page */
 
 .ad-list {
     background-color: #ffffff;
     border-radius: 5px;
     box-shadow: 0 3px 5px #9a9a9a;
     margin: 20px 0;
     overflow: hidden;
 }
 
 .ad-list figure img {
     width: 100%;
 }
 
 .ad-list aside h2 {
     color: #f2b528;
     font-size: 19px;
 }
 
 .ad-list aside p {
     color: #666666;
     font-size: 13px;
     line-height: 17px;
 }
 
 label.date {
     color: #9f9f9f;
     font-size: 12px;
     font-weight: normal;
 }
 
 span.loc {
     font-size: 12px;
     font-style: italic;
     padding-left: 40px;
     color: #9f9f9f;
 }
 
 .item_price {
     color: #39b3d7;
     font-family: exo;
     font-size: 26px;
     font-weight: bold;
     margin-top: 20px;
 }
 
 .btn.btn-gary {
     background-color: #484848;
     color: #ffffff;
 }
 
 .status {
     font-size: 12px;
 }
 
 .status.online {
     color: #008000;
 }
 
 .status.offline {
     color: #808080;
 }
 
 .ad-list .row a.col-sm-9 {
     background-color: #f8f8f8;
 }
 
 .side-bar {
     background-color: #f8f8f8;
     box-shadow: 0 3px 5px #c9c9c9;
     min-height: 400px;
 }
 
 .side-bar .portlet-default > .portlet-heading,
 .side-bar .portlet-dark-blue > .portlet-heading {
     background-color: #cdd1d2;
     color: #333333;
 }
 
 .side-bar .portlet-default,
 .side-bar .portlet-dark-blue,
 .side-bar .portlet-default > .portlet-heading,
 .side-bar .portlet-dark-blue > .portlet-heading {
     border-color: #d8dcdd;
 }
 
 .side-bar .portlet-widgets i {
     color: #333333;
 }
 
 .range-bar b {
     position: absolute;
     top: 0;
 }
 
 .side-bar input[type="range"] {
     display: inline-block;
     width: 100%;
 }
 
 .range-bar b.pull-right {
     right: 0;
 }
 
 .input-group.range-bar {
     padding-top: 20px;
     width: 100%;
 }
 
 .side-bar .portlet {
     margin-bottom: 0;
 }
 
 .thubnial-carousel-indicators {
     height: 400px;
     margin-bottom: 0;
     padding-left: 0;
 }
 
 .mCSB_inside > .mCSB_container {
     margin-right: 10px;
 }
 
 .postAd {
     background-color: #f2b530;
     background-image: linear-gradient(#f2b530, #b47700);
     border-radius: 50%;
     bottom: 10px;
     box-shadow: 0 0 3px #f2b530;
     color: #ffffff;
     font-family: exo;
     font-size: 16px;
     height: 80px;
     padding-top: 20px;
     position: fixed;
     right: 10px;
     text-align: center;
     text-shadow: 3px 5px 4px #333333;
     width: 80px;
     z-index: 9;
 }
 
 .postAd i {
     display: block;
 }
 
 .postAd:hover,
 .postAd:focus {
     color: #fff;
 }
 
 .form-bg {
     background-color: #ffffff;
     border-radius: 5px;
     box-shadow: 0 0 8px #c0c0c0;
     margin: 20px 0;
     padding: 15px;
 }
 
 .form-bg > h4 {
     background-color: #f2b530;
     border-radius: 3px;
     box-shadow: 0 0 3px #f2b530;
     color: #ffffff;
     display: inline-block;
     margin: 0;
     padding: 8px 15px;
     position: relative;
     top: -31px;
 }
 
 .form-bg .form-control {
     border-color: rgb(238, 238, 238);
     border-radius: 3px;
     box-shadow: 0 0 5px rgba(238, 238, 238, 0.5);
     padding: 5px;
 }
 
 .form-bg select.form-control {
     appearance: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     background-image: url(../img/main/select.png);
     background-position: calc(100% - 15px) center;
     background-repeat: no-repeat;
     background-size: 10px;
 }
 
 .btn.text-uppercase {
     text-transform: uppercase;
 }
 
 .uploadimgs .col-xs-6 {
     background-color: rgba(51, 51, 51, 0.1);
     margin-bottom: 1px;
     padding: 10px;
 }
 
 .uploadimgs .col-xs-6:nth-child(2n+1) {
     border-right: 1px solid rgb(255, 255, 255);
 }
 
 .ad-cont {
     padding: 5px 25px;
 }
 
 .ad_ttl {
     float: left;
     font-family: exo;
     font-size: 20px;
     font-style: italic;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     width: 240px;
 }
 
 .ad_Price {
     color: #eeb12d;
     display: block;
     font-weight: bold;
     padding-top: 5px;
     text-align: right;
 }
 
 .date_time {
     clear: both;
     color: #666666;
     float: left;
     margin-top: 0;
 }
 
 .ad_loc {
     color: #666666;
     float: left;
     padding-left: 10px;
     padding-top: 0;
 }
 
 .form-bg form {
     margin: 0 auto;
     max-width: 600px;
 }
 
 .ads .chat,
 .ads .status {
     float: right;
     font-size: 12px;
     padding: 0 5px;
 }
 
 .ads .chat {
     color: #48d1e5;
 }
 /* 28-11-16*/
 
 .t-c a {
     color: #f2b530;
     text-decoration: underline;
 }
 
 .filter .portlet .portlet-body {
     height: 200px;
 }
 
 .ad1 .status-user {
     color: #f39c12;
     float: none;
     position: static;
 }
 
 .link_red {
     color: #d20707;
     text-decoration: underline;
     font-weight: 600;
     font-size: 12px;
 }
 
 .link_green {
     color: #008000;
     text-decoration: underline;
     font-weight: 600;
     font-size: 12px;
 }
 
 .product-item {
     background-color: #e4e3e3;
     margin-top: -15px;
 }
 
 #messages .chat-widget {
     max-height: 100%;
     overflow-x: hidden;
 }
 
 div#messages {
     background-color: #ffffff;
     height: 100%;
     min-height: 600px;
     overflow-x: hidden;
     position: fixed;
     right: 0;
     top: 73px;
     transition: transform 0.5s ease 0s;
     width: 350px;
     z-index: 10;
     transform: translateX(calc(100% + 75px));
 }
 
 div#messages.active {
     transform: none;
 }
 
 div#messages .product-item {
     margin: 0;
 }
 
 div#messages hr {
     margin: 0;
     border-width: 2px;
     border-color: #f39c12;
 }
 
 div#messages .chat-widget > .row {
     margin: 0;
 }
 
.imgCircle img {
  height: 100%;
  
  width: 100%;
}
 
 #page-wrapper .chosen-container-single .chosen-single {
     background-color: #ffffff;
     background-image: none;
     border: 1px solid #cccccc;
     border-radius: 4px;
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
     color: #555555;
     display: block;
     font-size: 14px;
     height: 34px;
     line-height: 1.42857;
     padding: 6px 12px;
     transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
     width: 100%;
 }
 
 #page-wrapper .chosen-container {
     width: 100% !important;
 }
 
 .slide .item img {
     width: 100%;     height: auto !important;
 }
 
 .chat-widget .media-object.img-circle {
     height: 50px;
     width: 50px;
 }
 
 .abcRioButton.abcRioButtonBlue {
     font-size: 7px !important;
     height: 25px !important;
     width: 80px !important;
 }
 
 .g-signin2 {
     float: left;
 }
 
 .abcRioButtonSvgImageWithFallback.abcRioButtonIconImage.abcRioButtonIconImage18 svg {
     height: 14px !important;
     width: 14px !important;
 }
 
 .abcRioButtonContents > span {
     font-size: 11px;
     position: relative;
     top: -4px;
 }
 
 .login-page .portlet .portlet-footer {
     float: left;
     width: 100%;
 }
 
 .fb_iframe_widget {
     float: right;
 }
 
 .abcRioButtonBlue .abcRioButtonIcon {
     background-color: #ffffff;
     border-radius: 0;
     padding: 4px !important;
 }
 
 .abcRioButtonBlue .abcRioButtonContentWrapper {
     border: 0 none !important;
 }
 /* 03-01-17*/
 
 .navbar-top .dropdown-user {
     min-width: 200px;
 }
 
/*
 .badge.pull-right {
     position: relative;
     top: -18px;
 }
*/
 
 .dropdown-user li a > i {
     margin-right: 10px;
 }
 
 img.img-circle.img-
  {
     max-width: 200px;
     margin: 0;
 }
 /* 07-01-17*/
 
 .profile figure img {
     width: 100%;
 }
 
 .ad-cont > div {
     padding: 0;
 }
.imgCircle {
  height: 100px;
  margin: 0 auto;
  width: 100px;
}
.phCloudImg .img-responsive {
  
  width: 100%;
}
.ad-img-upload{
  height: 250px;
  overflow: hidden;
}
 
 @keyframes tabItems {
     0% {
         transform: scale(0.5);
     }
     50% {
         transform: scale(1.1);
     }
     100% {
         transform: scale(1);
     }
 }
 
 @-webkit-keyframes tabItems {
     0% {
         -webkit-transform: scale(0.5);
     }
     50% {
         -webkit-transform: scale(1.1);
     }
     100% {
         -webkit-transform: scale(1);
     }
 }
 

.navbar-brand img { max-width: 200px;}

 @media (max-width:979px) {
     .ad-detail article {
         margin-bottom: 20px;
         margin-top: 130px;
         padding-top: 130px;
     }
     .ad-detail figure {
         border-width: 10px;
         height: 250px;
         width: 250px;
     }
     .top-ttls h4 {
         font-size: 34px;
     }
     
     section.ads-sec > .row {
    margin: 0;
}
 }
 
 @media (max-width:767px) {
     #page-wrapper {
         margin: 0;
         padding: 0 10px;
     }
     .navbar-brand img {
         max-width: 150px;
     }
     .navbar-brand {
         height: auto;
     }
     .navbar-top .navbar-toggle {
         background-color: rgba(0, 0, 0, 0);
         border: 0 none;
         margin-top: 20px;
         padding: 0;
         width: auto;
     }
     .navbar-toggle .fa.fa-bars {
         color: #f2b530;
         font-size: 27px;
     }
     .navbar-top .navbar-toggle:active,
     .navbar-top .navbar-toggle:focus,
     .navbar-top .navbar-toggle:hover {
         background-color: rgba(0, 0, 0, 0);
     }
     .navbar-top {
         height: auto;
         top: 0;
         width: 100%;
         z-index: 99;
     }
     #page-wrapper {
         margin-top: 123px;
padding-top:20px;
     }
     .navbar-top > .nav-top > .nav > li > a {
         height: 55px;
         padding-top: 21px;
     }
     .navbar-top .navbar-header {
         background-color: #242424;
     }
     .carousel-control span {
         font-size: 19px;
         height: 25px;
         line-height: 25px;
         width: 25px;
     }
     .carousel-caption {
         font-size: 26px;
     }
     .ads figure {
         height: auto;
     }
     footer,
     .banner {
         margin-left: -20px;
         margin-right: -20px;
     }
     .home-cats figcaption {
         font-size: 15px;
     }
     .top-ttls h4 {
         font-size: 36px;
     }
     .top-ttls label,
     .top-ttls h4 {
         float: none !important;
     }
     .top-ttls {
         padding: 0;
         position: static;
         text-align: center;
     }
     .bg-article {
         padding-left: 0;
         padding-right: 0;
     }
     .post-bid form {
         margin-bottom: 20px;
         padding: 15px;
     }
     .comments li {
         border-radius: 10px;
         margin-top: 50px;
         padding: 35px 10px 10px;
         position: relative;
         width: 100%;
     }
     .comments li i {
         left: 0;
         margin: 0 auto;
         position: absolute;
         right: 0;
         top: -46px;
     }
     .comments li > div {
         width: 100%;
     }
     .comments li h4 {
         font-size: 14px;
     }
     .comments li span {
         font-size: 12px;
     }
     .status-user {
         position: static;
     }
     .top-ttls .starr-view {
         padding-left: 15px;
         font-size: 18px;
     }
     .top-bar-filter > div {
         margin: 10px 0;
     }
     .ad-list .row {
         margin: 0;
     }
     .ad-list {
         padding-bottom: 15px;
     }
     
     /* 10-01-17*/
     
     div#messages { width: 250px;}
     .navbar-side {
  
  overflow-y: scroll;
  position: fixed;
  top: 68px;
  width: 100%;
  z-index: 99;
}
     .side-bar {
    
    min-height: 100%;
   
}
     .slider.opened {
    max-height: 100% !important;
    height: 100% !important;
    width: 100% !important;
   
}
     footer, .banner {
  margin-left: -10px;
  margin-right: -10px;
}
     
     .ad-cont {
  margin: 0;
  padding: 5px 10px;
}
     .home-cats { margin: 0 -10px;}
     .row {
    margin-left: 0;
    margin-right: 0;
}
     .postAd {
    
    bottom: 70px;
    
    font-size: 11px;
    height: 50px;
    padding-top: 11px;
    
    right: 10px;
    
    width: 50px;
    
}
     .ads-sec .col-xs-6 .btn-primary {
    margin-bottom: 5px;
}
     .rating-container + span {
    position: static !important;
    font-size: 12px !important;
}
     .ad1 span.col-xs-6 {
    word-break: break-all;
}
     input[type=file] {
   
    width: 100%;
}
div#txtdiv {
    margin-bottom: 10px;
}
     .nav>li>a {

    padding: 10px 10px;
}
 }

@media (max-width:599px) {
    .uploadimgs .col-xs-6 {
    width: 100%;
}
  .home-cats .col-sm-4 {
    min-height: 180px;
}  
    .f_menu a {
    font-size: 11px;
}
    .ttl {
    font-size: 17px;

}
.page-content {
    min-height:480px;
}
}