.w100{ width: 100%; }
.mw100{ max-width: 100%; }

.form-inline .input-group{ width: 96%; }

.homepage-search-block{ background-image: url(../../images/frontend/banner.jpg); background-size: cover; background-position: top center; height: 500px; }
.homepage-search-title{ color: #fff; }

.trusted-by li:last-child{ padding-right: 0; }
.cat-name{ width: 100px; overflow: hidden; white-space: nowrap; display: inline-block; text-overflow: ellipsis; }

.slick-track{ margin-left: unset; margin-right: unset; }

.freelance-projects h3{ font-size: 20px; padding-bottom: 25px; font-weight: 700; margin: 0; padding-top: 0px; }

.top-right-icons{ width: 35%; }
.btn-sell{ background: #d81d49; color: #fff; }
.btn-sell:hover{ background: #ff1f54; color: #fff; }

.btn-success:hover{ background-color: #ff1f54; border-color: #ff1f54; }
.btn-success:not(:disabled):not(.disabled):active{ background-color: #ff1f54; border-color: #ff1f54; }
.btn-success:focus{ background-color: #ff1f54; border-color: #ff1f54; }

.select2-container--default .select2-results__option--highlighted[aria-selected]{ background: #d81d49 !important; }

.cstm-btn{ font-size: 11px; line-height: 1.8; }

.guide img{ height: 200px; }

.product-desc{ margin-bottom: 40px; }
.product-recommendeds{ margin-top: 40px; }

.slider-nav .item-slick img{ height: 100px; object-fit: cover; }

.offer-input{ float: left; width: 100%; padding: 15px; height: 55px; border: 1px solid #ddd; position: relative; }
.offer-container{ position: relative; line-height: 48px; margin-bottom: 10px; }
.offer-container::after{ position: absolute; right: 0; top: 0; height: 100%; text-align: center; content: 'TL'; font-weight: bold; color: #000; padding: 5px; border-left: 1px solid #ddd; display: block; width: 50px; }

.main-page .profile-card .right .user-info a{ background: #d81d49; }
.main-page .right .tab-content p{ margin-bottom: 0; }

.user-container{ float: left; width: 100%; padding: 30px 0 60px; }
.user-sidebar-list{ float: left; width: 100%; padding: 20px; background: #fff; box-shadow: 1px 1px 15px #eee; }
.u-s-title{ float: left; width: 100%; font-size: 18px; font-weight: bold; margin-bottom: 20px; }
.u-s-menu{ float: left; width: 100%; }
.u-s-menu ul li{ float: left; width: 100%; margin-bottom: 15px; }
.u-s-menu ul li a{ font-size: 16px; color: #000; }

.table tr td{ vertical-align: middle; }

.nearby-products{ float: left; width: 100%; padding: 80px 0; }
.nearby-products h3{ margin-bottom: 40px; }

.pagi{ float: left; width: 100%; }

.post-detail{ float: left; width: 100%; padding: 50px 0; }
.post-title{ float: left; width: 100%; margin-bottom: 30px; }
.post-title h1{ font-size: 35px; }
.post-image{ float: left; width: 100%; margin-bottom: 40px; }
.post-content{ float: left; width: 100%; margin-bottom: 40px; }

.hidenseek{ display: table-cell; }

.input-group-text{ padding: 0 5px; border-radius: 0; }

.comment-form{ float: left; width: 100%; padding: 20px 0; }
.c-f-row{ float: left; width: 100%; margin-bottom: 20px; }
.c-f-row textarea{ float: left; width: 100%; padding: 20px; border: 1px solid #ddd; }
.c-f-row button{ display: inline-block; padding: 10px 30px; background: #d81d49; color: #fff; border: none; }

.reply-row{ float: left; width: 100%; margin: 20px 0; }

.share-it{ float: left; width: 100%; padding: 20px 0; }
.share-it a{ display: inline-block; margin-right: 5px; width: 32px; height: 32px; border-radius: 50%; color: #fff; line-height: 32px; text-align: center; }
.share-it a.fb{ background: #3b5999; }
.share-it a.tw{ background: #55acee; }
.share-it a.lin{ background: #0077B5; }

.trusted-by .nav-link:hover{ font-weight: bold; font-size: 18px; }

.recommended .inner-slider .inner-wrapper .footer{ display: block !important; }

.price{ font-weight: bold; }
.footer .price{ float: right; }
.footer .price span{ font-weight: bold; }









@media (min-width: 1281px){

}

@media (min-width: 1025px) and (max-width: 1280px){
    .trusted-by li{ padding-right: 0; }
    .cat-name{ display: none; }
}

@media (min-width: 768px) and (max-width: 1103px){
    .top-right-icons{ width: 40%; }
}

@media (min-width: 768px) and (max-width: 1024px){
    .top-right-icons{ width: 56%; }
}

@media (min-width: 481px) and (max-width: 767px){
    .navbar-brand{ float: left; width: 100%; text-align: center; margin-right: 0; margin-bottom: 15px; }
    .top-right-icons{ width: 100%; text-align: center; display: inline-block; flex-direction: unset; }
    .osahan-nav-top .nav-item.dropdown{ display: inline-block; float: none; }
    .recommended a img.img-fluid{ height: 400px; }
    .hidenseek{ display: none; }
}

@media (min-width: 320px) and (max-width: 480px){
    .navbar-brand{ float: left; width: 100%; text-align: center; margin-right: 0; margin-bottom: 15px; }
    .top-right-icons{ width: 100%; text-align: center; display: inline-block; flex-direction: unset; }
    .osahan-nav-top .nav-item.dropdown{ display: inline-block; float: none; }
    .recommended a img.img-fluid{ height: 400px; }
    .hidenseek{ display: none; }
}

@media (min-width: 200px) and (max-width: 321px){
    .navbar-brand{ float: left; width: 100%; text-align: center; margin-right: 0; margin-bottom: 15px; }
    .top-right-icons{ width: 100%; text-align: center; display: inline-block; flex-direction: unset; }
    .osahan-nav-top .nav-item.dropdown{ display: inline-block; float: none; }
    .recommended a img.img-fluid{ height: 400px; }
    .hidenseek{ display: none; }
}