.detailComp-ctrl .steps-list li:first-child:after,.page-loader,.review-list .hidden{display:none}
.page-loader{position:fixed;z-index:99999999;background:rgba(0,0,0,.6);left:0;top:0;right:0;bottom:0}
.page-loader .page-loader-spinner{left:50%;top:50%;width:100px;text-align:center;position:absolute;margin-left:-50px;margin-top:-25px}
.page-loader .page-loader-spinner>div{width:50px;height:50px}
.complaint-title-sec{padding:2.5rem 0 .5rem}
.complaint-detail-company-ads{display:flex;justify-content:center;align-items:center;margin-bottom:10px}
.complaint-detail-company-ads.card{border:none;box-shadow:0 6px 8px -4px rgba(0,42,91,.1);padding-top:12px;padding-bottom:12px}
.detailComp-wrapper{padding:1rem 0}
.detailComp-wrapper .container{padding:0 10px}
.detailComp-wrapper .rating-details .custom-logo{-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;border-radius:6px;border:1px solid #e9eff3;display:table;height:40px;width:95px;background:#fff;text-align:center}
.detailComp-wrapper .rating-details .custom-logo span{display:table-cell;vertical-align:middle;font-size:1rem;color:#002a5b;font-weight:600}
.detailComp-wrapper .rating-details .custom-logo span img{max-width:80%;max-height:70px}
.detailComp-wrapper .rating-details .company-satisfaction{margin-left:.8rem}
.detailComp-ctrl{position:relative}
.detailComp-ctrl #complaint-id{opacity:.2;font-size:10px;position:absolute;top:5px;right:5px;color:#002a5b}
.detailComp-ctrl .back-to-prev{display:inline-block;font-size:1.2rem;font-weight:500;color:#4c698c;padding-left:1.5rem;position:relative;margin-bottom:1.5rem}
.detailComp-ctrl .back-to-prev:after{content:'';width:10px;height:17px;top:0;right:auto;bottom:auto;left:-4px;position:absolute;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);background:url(../images/right-arrow.svg) center center/6px auto no-repeat;-webkit-background-size:5px auto;display:inline;padding-right:14px}
.detailComp-ctrl .steps-list .num:after,.detailComp-ctrl .steps-list li:after{-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);bottom:auto;top:50%;content:''}
.detailComp-ctrl .partner-detail{padding-bottom:1.8rem;margin:0 auto}
.detailComp-ctrl .partner-logo{background-color:#fff;width:70px;border:1px solid #eef3f6;align-items:center;justify-content:center;display:flex;height:50px;padding:5px;border-radius:3px;margin-right:10px}
.detailComp-ctrl .description{padding:.8rem 0;display:inline-block}
.detailComp-ctrl .description .desc-title{font-size:1.4rem;font-weight:weight-bold;color:#002a5b;line-height:1.8rem;margin:0}
.detailComp-ctrl .description .desc{font-size:1.2rem;color:#002a5b;line-height:1.5rem;margin:0}
.detailComp-ctrl .steps-list{padding-bottom:40px;font-size:0}
.detailComp-ctrl .steps-list li{display:inline-block;position:relative;padding:0 23px;width:25%}
.detailComp-ctrl .steps-list li:after{width:68%;height:.25rem;right:auto;left:-24%;position:absolute;transform:translateY(-50%);background:#002a5b}
.detailComp-ctrl .steps-list li:nth-child(2):after{left:-39%}
.detailComp-ctrl .steps-list li:nth-child(3):after{left:-35%}
.detailComp-ctrl .steps-list li:last-child{padding-right:0}
.detailComp-ctrl .steps-list li.complete .step-level{color:#002a5b;font-weight:400;background:0 0}
.detailComp-ctrl .steps-list .num{font-size:1.6rem;font-weight:800;height:36px;width:36px;color:#b0bece;border:.38rem solid #002a5b;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;position:relative;padding:0;display:inline-block;line-height:2.8rem;background:#fff;z-index:1}
.detailComp-ctrl .steps-list .num:after{height:0;right:-9px;left:auto;transform:translateY(-50%);border-left:8px solid #002a5b}
.detailComp-ctrl .steps-list .num:before{content:'';height:0;top:50%;right:auto;bottom:auto;left:-9px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);border-right:8px solid #002a5b}
.detailComp-ctrl .steps-list .step-level{top:35px;right:auto;bottom:auto;left:50%;position:absolute;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);color:#b0bece;font-size:1.2rem;font-weight:400}
.detial-maincard .card-head a{font-size:0}
.detailComp-cards{padding-bottom:7rem}
.detailComp-cards .card-body{padding:0 1.5rem 1.2rem}
.detailComp-cards .card{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;border:0;box-shadow:0 6px 8px -4px rgba(0,42,91,.1);background:#fff;margin-bottom:1.5rem}
.detailComp-cards .card .card-head{padding:22px 15px 8px}
.detailComp-cards .card .card-title{margin-bottom:.8rem;line-height:1.3}
.detailComp-cards .card .profile-img{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;overflow:hidden;margin-right:5px;width:2rem;height:2rem;float:left;display:flex;align-items:center;justify-content:center}
.detailComp-cards .card .profile-img img{display:inline-block;vertical-align:top}
.detailComp-cards .card .profile-name{font-size:1.2rem;color:#002a5b;padding-right:.5rem;font-weight:600;line-height:20px;vertical-align:top}
.detailComp-cards .card .time-history{font-size:1.2rem;color:#b0bece;font-weight:500;line-height:20px;vertical-align:top;display:inline-block;padding-left:1.3rem;position:relative}
.detailComp-cards .card .under-review{line-height:1.4;padding-top:.4rem;padding-left:0}
.detailComp-cards .card p{line-height:1.43;margin-bottom:.8rem;white-space:pre-wrap}
.detailComp-cards .card.brand-ans-card{border:1px solid #002a5b;box-shadow:0 6px 8px -4px rgba(0,42,91,.2);-webkit-box-shadow:0 6px 8px -4px rgba(0,42,91,.2);padding:1.8rem 0 0}
.detailComp-cards .card.brand-ans-card h2{font-size:1.8rem}
.detailComp-cards .card.solution-box{border:1px solid #fff}
.detailComp-cards .card.solution-box .solution-head{padding:1rem 1.5rem;color:#fff;font-size:1.2rem;font-weight:700;max-height:40px}
.detailComp-cards .card.solution-box .solution-head i{width:2rem;height:2rem;display:inline-block;margin-right:5px}
.detailComp-cards .card.solution-box .solution-head i img{vertical-align:top;height:2rem}
.detailComp-cards .card.solution-box .solution-head span{line-height:2rem;vertical-align:top}
.detailComp-cards .card.solution-box .card-head{background:#fff;padding-bottom:1px;border-radius:4px 4px 0 0}
.detailComp-cards .card.solution-box .card-body,.detailComp-cards .card.solution-box .card-footer{background:#fff}
.detailComp-cards .card.good-solution{border-color:#45da6f}
.detailComp-cards .card.good-solution .solution-head{background:#45da6f}
.detailComp-cards .card .ext-area{padding:1.2rem 1.5rem;background:#f4f4f4;border-top:1px solid #45da6f;border-radius:0 0 4px 4px}
.detailComp-cards .card .ext-area .card-text{margin:0;font-weight:500}
.detailComp-cards .card-footer{padding:1.2rem 1.5rem;background:0 0}
.detailComp-cards .card-footer button{width:50%;text-align:center;color:#4c698c;font-size:1.2rem;font-weight:600;border:none;background:#fff;padding:0}
.detailComp-cards .card-footer button .card-footer-icon{padding-right:4px;display:inline-block;position:relative;top:2px}
.detailComp-cards .card-footer button span{padding-right:4px;display:inline-block}
.detailComp-cards .card-footer button.viwes .card-footer-icon{width:12px;height:13px;background:url(../images/upload-blue-icn.svg) no-repeat}
.detailComp-cards .card-footer button.support .card-footer-icon{width:12px;height:12px;background:url(../images/chat-blue-icn.svg) no-repeat;left:-1px}
.detailComp-cards .card-footer.with-share{position:relative}
.detailComp-cards .card-footer.with-share button.share span{vertical-align:top;line-height:15px}
.detailComp-cards .review-list li{float:left;padding-right:30px;width:auto;position:relative}
.detailComp-cards .review-list li:last-child{padding:0;width:100px}
.detailComp-cards .review-list li:after{content:'';width:0;height:0;top:40%;right:auto;bottom:auto;left:-18px;position:absolute;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);color:#b0bece;content:.;line-height:0}
.detailComp-cards .review-list li:first-child:after{display:none}
.detailComp-cards .review-list .upvote,.detailComp-cards .review-list li span span{padding-right:3px}
.detailComp-cards .review-list span{font-size:1.1rem;color:#b0bece;font-weight:500;line-height:1.4;display:inline-block}
.detailComp-cards .review-list .upvoter-item .card-tooltip .list-info{overflow:auto}
.detailComp-cards .product-details{display:flex;margin-bottom:1rem}
.detailComp-cards .product-details a{display:block;width:100%;height:100%}
.detailComp-cards .product-details .large-view a{height:180px;position:relative;overflow:hidden;border-radius:4px;border:1px solid rgba(0,0,0,.1)}
.detailComp-cards .product-details .large-view a img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:inherit}
.detailComp-cards .product-details .large-view{display:block;width:50%;margin-right:15px}
.detailComp-cards .product-details .large-view:last-child{margin-right:0}
.detailComp-cards .product-details .large-view.full-view{width:100%;margin-right:0}
.share-tooltip{top:auto;right:0;bottom:42px;left:auto;position:absolute;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;border:1px solid #f3f6f8;width:230px;box-shadow:0 4px 24px -8px rgba(0,42,91,.2);-webkit-box-shadow:0 4px 24px -8px rgba(0,42,91,.2);background:#fff;display:none}
.share-tooltip:after{content:'';width:0;height:0;top:auto;right:70px;bottom:-10px;left:auto;position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff}
.share-tooltip h5{padding:1rem 1.5rem;font-weight:600;border-bottom:1px solid #f2f6f9}
.share-tooltip ul{padding:0 1.5rem}
.share-tooltip ul li{float:left;width:54%;display:flex;line-height:0;min-height:43px}
.share-tooltip ul li:nth-child(odd){width:46%}
.share-tooltip ul a,.share-tooltip ul button{display:flex;align-items:center;padding:12px 0;font-size:1.2rem;font-weight:600;margin:0!important;line-height:1.4;min-height:19px;width:100%!important}
.share-tooltip ul a.facebook{color:#325a97}
.share-tooltip ul a.twitter{color:#44aced}
.share-tooltip ul a.linkedin{color:#2978b5}
.share-tooltip ul button.linkshare{color:#002a5b}
.share-tooltip ul a span,.share-tooltip ul button span{display:inline-block;vertical-align:top;line-height:0;padding-right:5px}
@media all and (min-width:360px) {
    .detailComp-ctrl .steps-list li:after{width:75%;left:-33%}
    .detailComp-ctrl .steps-list li:nth-child(2):after{left:-42%}
    .detailComp-ctrl .steps-list li:nth-child(3):after{left:-41%}
}
@media (max-width:992px) {
    .detailComp-content .card-head h1.card-title{font-size:1.4rem}
}
@media all and (min-width:768px) {
    .detailComp-wrapper{background:#f1f5f8;padding:0}
    .detailComp-wrapper .rating-details .custom-logo{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;height:80px;width:190px}
    .detailComp-wrapper .rating-details .custom-logo span{font-size:1.5rem}
    .detailComp-wrapper .time-history:before{left:6px}
    .complaint-title-sec{padding:2.5rem 0}
    .detailComp-ctrl{float:right;max-width:358px;width:100%}
    .detailComp-ctrl #complaint-id{opacity:.2;font-size:10px;position:absolute;top:-30px;color:#002a5b;right:0}
    .detailComp-ctrl .description{width:100%}
    .detailComp-ctrl .description .desc-title{font-size:1.6rem;line-height:1.3;padding-bottom:5px}
    .detailComp-ctrl .description .desc{font-size:1.4rem;line-height:1.5}
    .detailComp-ctrl .steps-list{padding-bottom:20px;position:relative;top:-6px}
    .detailComp-ctrl .steps-list li{width:auto}
    .detailComp-ctrl .steps-list li:after{content:'';width:44px;height:.25rem;top:50%;right:auto;bottom:auto;left:-21px;position:absolute}
    .detailComp-ctrl .steps-list li:nth-child(2):after,.detailComp-ctrl .steps-list li:nth-child(3):after{left:-21px}
    .detailComp-content{float:left;width:calc(100% - 379px);width:-webkit-calc(100% - 379px);width:-moz-calc(100% - 379px)}
    .detailComp-cards .card-footer{padding:1.2rem 2rem;border-radius:0 0 4px 4px}
    .detailComp-cards .card-footer button{width:auto;display:inline-block;margin-right:20px}
    .detailComp-cards .card-footer.with-share{padding:1.2rem 1.5rem}
    .detailComp-cards .card-footer.with-share button{width:auto;margin-right:2rem}
    .detailComp-cards .card-footer.with-share button.share{margin:0}
    .detailComp-cards .product-details .large-view a{height:350px}
    .rating-details{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;box-shadow:0 6px 8px -4px rgba(0,42,91,.1);-webkit-box-shadow:0 6px 8px -4px rgba(0,42,91,.1);background:#fff;padding:2rem;margin-bottom:15px}
    .rating-details .rate-area{padding-bottom:2rem;border-bottom:1px solid #e9eff3}
    .rating-details .rate-area .rate-desc{padding-top:1.5rem}
    .rating-details .rate-area .rate-stars{margin:0 0 4px}
    .rating-details .rate-area .rate-txt{color:#002a5b;font-size:1.8rem;font-weight:700}
    .rating-details .rate-area .rate-txt sub{font-size:1.2rem;font-weight:500;bottom:0}
    .rating-details .rating-review{margin-bottom:1.5rem;border-bottom:1px solid #e9eff3}
    .rating-details .rating-review li{width:32%;float:left;padding:20px 0 1.8rem}
    .rating-details .rating-review li:nth-child(2){margin:0 2%}
    .rating-details .rating-review .rvw-icn{display:block;margin-bottom:.6rem;min-height:41px}
    .rating-details .rating-review .rvw-title{color:#002a5b;font-size:2rem;font-weight:700;white-space:nowrap}
    .rating-details .rating-review .rvw-desc{color:#002a5b;font-size:1.2rem;margin:0}
    .share-tooltip{right:-10px}
}
@media all and (min-width:992px) {
    .card-tooltip{top:25px}
    .detailComp-cards .review-list li,.detailComp-cards .review-list li:last-child{width:auto}
    .detailComp-cards .review-list span{font-size:1.2rem}
    .detailComp-cards .card .card-title{font-size:1.6rem}
    .detailComp-cards .card .card-head{padding:2rem 2rem 1.2rem}
    .detailComp-cards .card .time-history{padding-left:2rem}
    .detailComp-cards .card .time-history:before{content:'';width:2px;height:2px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;top:9px;right:auto;bottom:auto;left:6px;position:absolute;background:#b0bece}
    .detailComp-cards .card .under-review{padding-top:.2rem}
    .detailComp-cards .card .card-body{padding:1.2rem 2rem}
    .detailComp-cards .card .ext-area .card-title{font-size:1.4rem}
    .detailComp-cards .card.detial-maincard .card-title{font-size:2rem}
    .detailComp-cards .card.detial-maincard .card-head{padding:2rem 2rem 0}
    .detailComp-cards .card.detial-maincard .ext-area .card-title{font-size:1.4rem;margin-bottom:5px}
    .detailComp-cards .card.brand-ans-card h2{font-size:2.4rem}
    .complaint-title-sec{padding:1.5rem 0}
    .complaint-title-sec .breadcrumb{margin-bottom:0}
}
.detailComp-ctrl .steps-list .num:after,.detailComp-ctrl .steps-list .num:before{border-top:5px solid transparent;border-bottom:5px solid transparent;height:0;position:absolute}
.detailComp-cards .card.comment-cards .post-comment-item:hover .comment-list .card-nav,.detailComp-ctrl .steps-list li:first-child a:before,.detailComp-ctrl .steps-list li:first-child:after,.detailComp-ctrl .steps-list li:last-child a:after{display:none}
.attached-field div,.detailComp-cards .review-list span{-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:.3s ease-in-out}
.detailComp-cards .card-footer button.cardsocial-share,.detailComp-cards .product-details .detail-view .detail-small .small-view:last-child,.detailComp-cards .product-details .large-view:last-child{margin-right:0}
.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}
.detailComp-ctrl .steps-list .num:focus,.slick-dots li button,.slick-dots li button:focus,.slick-dots li button:hover,.slick-list:focus{outline:0}
.complaint-title-sec{padding:2.5rem 0 .5rem}
.complaint-title-sec .breadcrumb-wrap{display:flex;justify-content:space-between}
.complaint-title-sec .breadcrumb-wrap #complaint-id{opacity:.7;font-weight:bold;font-size:10px;color:#002a5b}
.detailComp-wrapper{padding:1rem 0}
.detailComp-cards,.detailComp-cards .card.brand-ans-card .brands-btn.brands-btn-pad{padding-bottom:2rem}
.detailComp-wrapper .container{padding:0 10px}
.detailComp-wrapper .rating-details .custom-logo{-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;border-radius:6px;border:1px solid #e9eff3;display:table;height:40px;width:95px;background:#fff;text-align:center}
.detailComp-wrapper .rating-details .custom-logo span{display:table-cell;vertical-align:middle;font-size:1rem;color:#002a5b;font-weight:600}
.detailComp-wrapper .rating-details .custom-logo span img{max-width:80%;max-height:70px}
.detailComp-wrapper .rating-details .company-satisfaction{margin-left:.8rem}
.detailComp-ctrl{position:relative}
.detailComp-ctrl .back-to-prev{display:inline-block;font-size:1.2rem;font-weight:500;color:#4c698c;padding-left:1.5rem;position:relative;margin-bottom:1.5rem}
.detailComp-ctrl .back-to-prev:after{content:'';width:10px;height:17px;top:0;right:auto;bottom:auto;left:-4px;position:absolute;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);background:url(../images/right-arrow.svg) center center/6px auto no-repeat;-webkit-background-size:5px auto;display:inline;padding-right:14px}
.detailComp-ctrl .steps-list .num:after,.detailComp-ctrl .steps-list li:after{-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);top:50%;bottom:auto;content:''}
.detailComp-ctrl .partner-detail{padding-bottom:1.8rem;margin:0 auto}
.detailComp-ctrl .partner-logo{background-color:#fff;width:70px;border:1px solid #eef3f6;align-items:center;justify-content:center;display:flex;height:50px;padding:5px;border-radius:3px;margin-right:10px}
.detailComp-ctrl .partner-logo.custom-logo{height:50px}
.detailComp-ctrl .description{padding:.8rem 0;display:inline-block}
.detailComp-ctrl .description .desc-title{font-size:1.4rem;font-weight:weight-bold;color:#002a5b;line-height:1.8rem;margin:0}
.detailComp-ctrl .description .desc{font-size:1.2rem;color:#002a5b;line-height:1.5rem;margin:0}
.detailComp-ctrl .description.has-customlogo{width:calc(100% - 96px);width:-moz-calc(100% - 96px);width:-webkit-calc(100% - 96px)}
.detailComp-ctrl .steps-list{padding-bottom:40px;font-size:0}
.detailComp-ctrl .steps-list li{display:inline-block;position:relative;padding:0 23px;width:25%}
.detailComp-ctrl .steps-list li:after{width:68%;height:.25rem;right:auto;left:-24%;position:absolute;transform:translateY(-50%);background:#002a5b}
.detailComp-ctrl .steps-list li:nth-child(2):after{left:-39%}
.detailComp-ctrl .steps-list li:nth-child(3):after{left:-35%}
.detailComp-ctrl .steps-list li:first-child{padding-left:0}
.detailComp-ctrl .steps-list li:last-child{padding-right:0}
.detailComp-ctrl .steps-list li.active .num{color:#fff;background:#45da6f}
.detailComp-ctrl .steps-list li.active .step-level{color:#002a5b;font-weight:600}
.detailComp-ctrl .steps-list li.complete span{background:#002a5b}
.detailComp-ctrl .steps-list li.complete .step-level{color:#002a5b;font-weight:400;background:0 0}
.detailComp-ctrl .steps-list .num{font-family:Montserrat,sans-serif;font-size:1.6rem;font-weight:800;height:36px;width:36px;color:#b0bece;border:.38rem solid #002a5b;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;position:relative;padding:0;display:inline-block;line-height:2.8rem;background:#fff;z-index:1}
.detailComp-ctrl .steps-list .num:after{width:0;right:-9px;left:auto;transform:translateY(-50%);border-left:8px solid #002a5b}
.detailComp-ctrl .steps-list .num:before{content:'';width:0;top:50%;right:auto;bottom:auto;left:-9px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);border-right:8px solid #002a5b}
.detailComp-ctrl .steps-list .step-level{top:35px;right:auto;bottom:auto;left:50%;position:absolute;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);color:#b0bece;font-size:1.2rem;font-weight:400}
.detial-maincard .card-head a{font-size:0}
.detailComp-cards .card-body{padding:0 1.5rem 1.2rem}
.detailComp-cards .card-body .highlight{color:#002a5b;font-weight:400;border-bottom:1px dotted}
.detailComp-cards .card{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;border:0;box-shadow:0 6px 8px -4px rgba(0,42,91,.1);background:#fff;margin-bottom:1.5rem}
.detailComp-cards .card .profile-img,.profile-acd-list .profile-icn{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%}
.detailComp-cards .card.last-card-load{position:relative;z-index:1}
.detailComp-cards .card .card-head{padding:22px 15px 8px}
.detailComp-cards .card .card-head .edit-card span{cursor:pointer}
.detailComp-cards .card .card-title{margin-bottom:.8rem;line-height:1.3}
.detailComp-cards .card .profile-img{border-radius:50%;overflow:hidden;margin-right:5px;width:2rem;height:2rem;float:left;display:flex;align-items:center;justify-content:center}
.detailComp-cards .card .profile-img img{display:inline-block;vertical-align:top}
.detailComp-cards .card .details{width:calc(100% - 70px);width:-webkit-calc(100% - 70px);width:-moz-calc(100% - 70px);padding-top:1px}
.detailComp-cards .card figure{max-width:100%;margin:0}
.detailComp-cards .card figure a{border:1px solid #eef3f6;align-items:center;justify-content:center;display:flex;height:50px;padding:5px;border-radius:3px}
.detailComp-cards .card .profile-name{font-size:1.2rem;color:#002a5b;padding-right:.5rem;font-weight:600;line-height:20px;vertical-align:top}
.detailComp-cards .card .time-history{font-size:1.2rem;color:#b0bece;font-weight:500;line-height:20px;vertical-align:top;display:inline-block;padding-left:1.3rem;position:relative}
.detailComp-cards .card .under-review{line-height:1.4;padding-top:.4rem;padding-left:0}
.detailComp-cards .card p{line-height:1.43;margin-bottom:.8rem;white-space:pre-wrap}
.detailComp-cards .card p a{color:#45da6f;font-weight:700}
.detailComp-cards .card .attach-icn{margin-left:1rem}
.detailComp-cards .card .attach-icn img{vertical-align:top}
.detailComp-cards .card .produt-img{margin-bottom:1rem}
.detailComp-cards .card.brand-ans-card{border:1px solid #002a5b;box-shadow:0 6px 8px -4px rgba(0,42,91,.2);-webkit-box-shadow:0 6px 8px -4px rgba(0,42,91,.2);padding:1.8rem 0 0}
.more-cards .load-more,.profile-compform{box-shadow:0 6px 8px -4px rgba(0,42,91,.1)}
.detailComp-cards .card.brand-ans-card h2{font-size:1.8rem}
.detailComp-cards .card.brand-ans-card .details{width:100%;margin-bottom:.7rem}
.detailComp-cards .card.brand-ans-card .brand-ans{padding:0 1.5rem}
.detailComp-cards .card.brand-ans-card .card-head{padding:15px 0 9px;border-bottom:1px solid #e8eef3}
.detailComp-cards .card.brand-ans-card .card-head:last-child{border:0}
.detailComp-cards .card.brand-ans-card .brands-btn{padding:1.5rem 1.5rem .5rem}
.detailComp-cards .card.brand-ans-card .brands-btn button{width:100%;margin-bottom:10px;float:none;font-size:1.2rem;line-height:1.3}
.detailComp-cards .card.brand-ans-card .brands-btn button:last-child{margin-bottom:0;padding:.9rem 1.2rem}
.detailComp-cards .card.brand-ans-card .card-footer{border-color:#002a5b;padding:1rem 1.5rem}
.detailComp-cards .card.brand-ans-card .card-footer button{width:auto;color:#002a5b;font-size:1.4rem}
.detailComp-cards .card.brand-ans-card .card-footer button span{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);width:7px;padding:0;margin:0 4px;vertical-align:top}
.detailComp-cards .card.brand-ans-card .card-footer button span img,.detailComp-cards .card.comment-cards .views-allpost span img{width:12px}
.detailComp-cards .card.comment-cards{margin:0 -10px 15px;width:calc(100% + 20px);width:-webkit-calc(100% + 20px);width:-moz-calc(100% + 20px);padding:0 1.5rem}
.detailComp-cards .card.comment-cards .card-tooltip{z-index:4}
.detailComp-cards .card.comment-cards .card-head{padding:1.2rem 0 .7rem}
.detailComp-cards .card.comment-cards .card-body{padding:0 0 .7rem}
.detailComp-cards .card.comment-cards p{margin-bottom:5px}
.detailComp-cards .card.comment-cards .details{width:100%}
.detailComp-cards .card.comment-cards .post-comments{padding:2rem 0 .8rem}
.detailComp-cards .card.comment-cards .post-comments .post-txt-user{cursor:pointer}
.detailComp-cards .card.comment-cards .post-comments .post-txt-user:hover{background:rgba(215,226,232,.6)}
.detailComp-cards .card.comment-cards .post-comments .post-txt,.detailComp-cards .card.comment-cards .post-comments .post-txt-user{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;border:1px solid #d7e2e8;background:#f1f7fb;min-height:80px;padding:1.5rem;font-size:1.2rem;font-weight:500;color:rgba(0,42,91,.5);margin-bottom:1.5rem}
.detailComp-cards .card.comment-cards .post-comments .post-txt .link,.detailComp-cards .card.comment-cards .post-comments .post-txt-user .link{cursor:pointer;font-weight:700;color:rgba(0,42,91,.5)}
.detailComp-cards .card.comment-cards .review-list li{width:auto}
.detailComp-cards .card.comment-cards .review-list li:nth-child(2){cursor:pointer}
.detailComp-cards .card.comment-cards .card-footer{padding:0;border:0}
.detailComp-cards .card.comment-cards .card-footer button{width:auto;margin-right:1.5rem}
.detailComp-cards .card.comment-cards .post-comment-item{padding-bottom:1rem;border-bottom:1px solid #e5eaef}
.detailComp-cards .card.comment-cards .post-comment-item:hover .card-nav{display:block}
.detailComp-cards .card.comment-cards .comment-list .card-body,.detailComp-cards .card.comment-cards .comment-list .card-footer,.detailComp-cards .card.comment-cards .comment-list .card-head{padding:1rem 2rem 1rem 4rem}
.detailComp-cards .card.comment-cards .comment-list .all-comments .sub-comment-item .comment-bracket-item{height:1px;padding:1rem 2rem;border-bottom:1px solid #f7f7f7}
.detailComp-cards .card.comment-cards .comment-list .all-comments .sub-comment-item:last-child .comment-bracket-item{border:0}
.detailComp-cards .card.comment-cards .comment-list .card-body{padding-top:0;padding-bottom:0}
.detailComp-cards .card.comment-cards .comment-list .comment-view{font-size:1.1rem;font-weight:600;color:#002a5b;padding-right:20px;position:relative;z-index:3;display:inline-block;margin-top:1rem;margin-bottom:1rem;cursor:pointer}
.detailComp-cards .card.comment-cards .comment-list .comment-view.open-drpdwn .arrow{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);top:0;right:0}
.detailComp-cards .card.comment-cards .comment-list .arrow{top:0;right:3px;bottom:auto;left:auto;position:absolute;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);width:11px;height:20px;display:inline-block;padding:0}
.detailComp-cards .card.comment-cards .comment-list .arrow img{width:8px;display:inline-block}
.detailComp-cards .card.comment-cards .views-allpost{width:auto;color:#002a5b;font-size:1.4rem;font-weight:600;padding:1.5rem;display:inline-block}
.detailComp-cards .card.comment-cards .views-allpost span{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);width:7px;padding:0;margin:0 4px;vertical-align:middle;display:inline-block}
.detailComp-cards .card.solution-box{border:1px solid #fff}
.detailComp-cards .card.solution-box .solution-head{padding:1rem 1.5rem;color:#fff;font-size:1.2rem;font-weight:700;max-height:40px}
.detailComp-cards .card.solution-box .solution-head i{width:2rem;height:2rem;display:inline-block;margin-right:5px}
.detailComp-cards .card.solution-box .solution-head i img{vertical-align:top;height:2rem}
.detailComp-cards .card.solution-box .solution-head span{line-height:2rem;vertical-align:top}
.detailComp-cards .card.solution-box .card-head{background:#fff;padding-bottom:1px;border-radius:4px 4px 0 0}
.detailComp-cards .card.solution-box .card-body,.detailComp-cards .card.solution-box .card-footer{background:#fff}
.detailComp-cards .card.solution-box .remove-publication{position:relative;padding-left:3rem}
.detailComp-cards .card.solution-box .remove-publication .profile-img{top:0;right:auto;bottom:auto;left:0;position:absolute;width:20px;height:20px;margin-right:10px}
.detailComp-cards .card.solution-box .remove-history{padding-left:3rem}
.detailComp-cards .card.good-solution{border-color:#45da6f}
.detailComp-cards .card.insufficient-sol,.detailComp-cards .card.insufficient-sol .ext-area{border-color:#fc6c6c}
.detailComp-cards .card.good-solution .solution-head{background:#45da6f}
.detailComp-cards .card.insufficient-sol .solution-head{background:#fc6c6c}
.detailComp-cards .card.average-sol,.detailComp-cards .card.average-sol .ext-area{border-color:#febc65}
.detailComp-cards .card.average-sol .solution-head{background:#febc65}
.details-popup.popup-sliderwrap .close-icn:hover,.details-popup.popup-sliderwrap .slick-arrow:hover{background-color:rgba(0,0,0,.1)}
.detailComp-cards .card .ext-area{padding:1.2rem 1.5rem;background:#f4f4f4;border-top:1px solid #45da6f;border-radius:0 0 4px 4px}
.detailComp-cards .card .ext-area .card-text{margin:0;font-weight:500}
.detailComp-cards .card-footer{padding:1.2rem 1.5rem;background:0 0;display:flex;align-items:center;justify-content:space-between}
.detailComp-cards .card-footer button{text-align:center;color:#4c698c;font-size:1rem;font-weight:600;border:none;background:#fff;padding:0;margin-right:20px;white-space:nowrap}
.detailComp-cards .card-footer button.active{color:#45da6f}
.detailComp-cards .card-footer button .card-footer-icon{padding-right:4px;display:inline-block;position:relative;top:2px}
.detailComp-cards .card-footer button span{padding-right:4px;display:inline-block}
.detailComp-cards .card-footer button.viwes .card-footer-icon{width:12px;height:13px;background:url(../images/upload-blue-icn.svg) no-repeat}
.detailComp-cards .card-footer button.viwes.active .card-footer-icon{background:url(../images/upload-green-icn.svg) no-repeat}
.detailComp-cards .card-footer button.support .card-footer-icon{width:12px;height:12px;background:url(../images/chat-blue-icn.svg) no-repeat;left:-1px}
.detailComp-cards .card-footer button.bookmark .card-footer-icon{width:12px;height:13px;background:url(../images/bookmark-filled.svg) no-repeat}
.detailComp-cards .card-footer button.bookmark.active .card-footer-icon{background:url(../images/bookmarked.svg) no-repeat}
.detailComp-cards .card-footer.with-share{position:relative}
.detailComp-cards .card-footer.with-share button.share span{vertical-align:middle;line-height:15px}
.detailComp-cards .view-all{margin-bottom:1.6rem}
.detailComp-cards .view-all .container{padding:0 6px}
.detailComp-cards .review-list .upvote,.detailComp-cards .review-list li #complaint-comment-count,.detailComp-cards .review-list li span span{padding-right:3px}
.detailComp-cards .view-all a{font-size:1.2rem;color:#45da6f;font-weight:700}
.detailComp-cards .review-list li{float:left;padding-right:30px;width:auto;position:relative}
.detailComp-cards .review-list li:last-child{padding:0;width:100px}
.detailComp-cards .review-list li:after{content:'';width:0;height:0;top:40%;right:auto;bottom:auto;left:-18px;position:absolute;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);color:#b0bece;content:.;line-height:0}
.detailComp-cards .review-list li.hidden-after:after,.detailComp-cards .review-list li:first-child:after{display:none}
.detailComp-cards .review-list li.show-comments{cursor:pointer}
.detailComp-cards .review-list span{transition:.3s ease-in-out;font-size:1.1rem;color:#b0bece;font-weight:500;line-height:1.4;display:inline-block}
.detailComp-cards .review-list .upvoter-item .card-tooltip .list-info{overflow:auto}
.detailComp-cards .banner-5g{margin-bottom:1.3rem}
.detailComp-cards .product-details{display:flex;margin-bottom:1rem}
.counter-banner .counter-info,.global-popup.comment-verification-code-popup .popup-dialog .popup-wrap p,.global-popup.comment-verify-popup .popup-dialog .popup-wrap p{margin-bottom:1.2rem}
.detailComp-cards .product-details a{display:block;width:100%;height:100%}
.detailComp-cards .product-details .img-overlay{top:0;right:0;bottom:0;left:0;position:absolute;border-radius:4px;background:rgba(0,0,0,.6);color:#fff;font-size:3rem;font-weight:700;display:flex;align-items:center;justify-content:center}
.detailComp-cards .product-details .video-playicn{top:50%;right:auto;bottom:auto;left:50%;position:absolute;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:60px;height:60px;display:inline-block}
.detailComp-cards .product-details .large-view a{height:180px}
.detailComp-cards .product-details .detail-view a,.detailComp-cards .product-details .small-view a{height:82px}
.detailComp-cards .product-details .detail-view a,.detailComp-cards .product-details .large-view a,.detailComp-cards .product-details .medium-view a,.detailComp-cards .product-details .small-view a{position:relative;overflow:hidden;border-radius:4px;border:1px solid rgba(0,0,0,.1)}
.detailComp-cards .product-details .detail-view a img,.detailComp-cards .product-details .large-view a img,.detailComp-cards .product-details .medium-view a img,.detailComp-cards .product-details .small-view a img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:inherit}
.detailComp-cards .product-details .large-view{display:block;width:50%;margin-right:15px}
.detailComp-cards .product-details .large-view.full-view{width:100%;margin-right:0}
.detailComp-cards .product-details .detail-view{display:block;width:50%}
.detailComp-cards .product-details .detail-view .medium-view{margin-bottom:15px}
.complaint-detail01 .detailComp-cards .card.good-solution,.detailComp-cards .product-details .detail-view .medium-view:last-child{margin-bottom:0}
.detailComp-cards .product-details .detail-view .detail-small{display:flex}
.detailComp-cards .product-details .detail-view .detail-small .small-view{width:50%;margin-right:15px}
.detailComp-cards .others-Card-sec{padding:2rem 0 0}
.detailComp-cards .others-Card-sec .others-title{font-size:1.8rem;line-height:1.3;margin-bottom:1.5rem}
.detailComp-cards .others-Card-sec .review-list li:first-child{cursor:initial!important}
.detailComp-cards .others-Card-sec .review-list a strong{font-weight:600}
.detailComp-cards .others-Card-sec .card .card-head{padding:2rem 2rem 0}
.detailComp-cards .others-Card-sec .card .card-body{padding-top:.5rem}
.attached-field div{cursor:pointer;transition:.3s ease-in-out;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;border:1px solid #002a5b;padding:.7rem 1rem;line-height:1.4rem;font-weight:700;color:#002a5b;font-size:1.3rem;display:inline-block;margin:.8rem 1rem 1rem 0}
.comment-cards .comment-items .card-head .details .card-nav span,.detailComp-tags a{-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:.3s ease-in-out}
.attached-field div img{vertical-align:top}
.attached-field div:hover{background:rgba(0,42,91,.12)}
.attached-field span{vertical-align:top;display:inline-block;margin-right:1rem}
.more-cards{padding:0 2rem;margin-bottom:3.3rem;position:relative;z-index:0}
.more-cards .load-more{padding:1.3rem;-webkit-box-shadow:0 6px 8px -4px rgba(0,42,91,.1);background-color:#fff;color:#4c698c;font-size:1.4rem;font-weight:600;display:block;margin-top:-1.5rem;position:relative;border-radius:0 0 4px 4px}
.counter-banner .btn-complain,.profile-compform .btn-complain{font-weight:700}
.more-cards .load-more:after,.more-cards .load-more:before{content:'';width:auto;height:10px;top:auto;right:1rem;bottom:-1rem;left:1rem;position:absolute;box-shadow:0 6px 8px -4px rgba(0,42,91,.3);-webkit-box-shadow:0 6px 8px -4px rgba(0,42,91,.3);background:#fff;z-index:-1;border-radius:0 0 4px 4px}
.more-cards .load-more:before{z-index:-2;top:auto;right:2rem;bottom:-2rem;left:2rem;position:absolute}
.more-cards .arrow{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);width:7px;height:12px;display:inline-block;margin-top:5px;vertical-align:top}
.more-cards .arrow img{width:12px}
.detailComp-tags{padding:1.3rem 0}
.detailComp-tags a{border:1px solid #002a5b;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;transition:.3s ease-in-out;text-align:center;font-size:1.4rem;font-weight:500;color:#002a5b;padding:1rem 2rem;float:left;margin:0 1rem 1rem 0;line-height:1;display:inline-block}
.counter-banner,.detailComp-content .popular-info .popular-list{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px}
.detailComp-tags a.active,.detailComp-tags a:hover{color:#45da6f;border-color:#45da6f}
.detailComp-tags .close-tag{display:inline-block;width:16px;height:15px;background:url(../images/close-icn-blue.svg) center center/10px 10px no-repeat;vertical-align:top;-webkit-background-size:10px 10px}
.counter-banner{border-radius:4px;border:1px solid #002a5b;padding:16px 47px 20px;background:url(../images/counter-bg.png) left top;margin-bottom:1.5rem}
.counter-banner .counter-info .txt{position:relative;padding-left:31px;display:inline-block;color:#fff;font-size:1.4rem;font-weight:600;max-width:172px}
.counter-banner .counter-icn{top:50%;right:auto;bottom:auto;left:0;position:absolute;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);display:inline-block;line-height:0;height:20px}
.detailComp-content .popular-info{position:relative}
.detailComp-content .popular-info .popular-drop{font-size:1.4rem;font-weight:600;color:#002a5b;padding-right:20px;position:relative;z-index:3;display:inline-block}
.detailComp-content .popular-info .popular-drop.open-drpdwn .arrow{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
.detailComp-content .popular-info .arrow{top:0;right:3px;bottom:auto;left:auto;position:absolute;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);width:7px;height:25px;display:inline-block}
.details-popup .complaint-editdetails .reason-message-error,.details-popup .edit-form #delete-reason-error,.share-tooltip{display:none}
.detailComp-content .popular-info .arrow img{width:9px}
.detailComp-content .popular-info .popular-list{top:-10px;right:-10px;bottom:auto;left:auto;position:absolute;border-radius:4px;min-width:230px;padding-top:50px;background:#fff;box-shadow:0 4px 24px -8px rgba(0,42,91,.2);-webkit-box-shadow:0 4px 24px -8px rgba(0,42,91,.2);display:none;z-index:2}
.detailComp-content .popular-info .popular-list li{padding:5px 15px}
.detailComp-content .popular-info .popular-list li:first-child{border-top:1px solid rgba(196,208,221,.2)}
.detailComp-content .popular-info .popular-list li a{font-size:1.2rem;font-weight:600;color:#002a5b}
.detailComp-content .popular-info .popular-list.open-list{display:block}
.share-tooltip{top:auto;right:0;bottom:42px;left:auto;position:absolute;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;border:1px solid #f3f6f8;width:230px;box-shadow:0 4px 24px -8px rgba(0,42,91,.2);-webkit-box-shadow:0 4px 24px -8px rgba(0,42,91,.2);background:#fff}
.share-tooltip:after{content:'';width:0;height:0;top:auto;right:70px;bottom:-10px;left:auto;position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff}
.share-tooltip h5{padding:1rem 1.5rem;font-weight:600;border-bottom:1px solid #f2f6f9}
.share-tooltip ul{padding:0 1.5rem}
.share-tooltip ul li{float:left;width:54%;display:flex;line-height:0;min-height:43px}
.share-tooltip ul li:nth-child(odd){width:46%}
.share-tooltip ul a,.share-tooltip ul button{display:flex;align-items:center;padding:12px 0;font-size:1.2rem;font-weight:600;margin:0!important;line-height:1.4;min-height:19px;width:100%!important}
.share-tooltip ul a.facebook,.share-tooltip ul button.facebook{color:#325a97}
.share-tooltip ul a.twitter,.share-tooltip ul button.twitter{color:#44aced}
.share-tooltip ul a.linkedin,.share-tooltip ul button.linkedin{color:#2978b5}
.share-tooltip ul a.linkshare,.share-tooltip ul button.linkshare{color:#002a5b}
.share-tooltip ul a span,.share-tooltip ul button span{display:inline-block;vertical-align:top;line-height:0;padding-right:5px}
.complaint-detail01 .detial-maincard .card-footer{border-top-color:rgba(196,208,221,.2)}
.complaint-detail01 .detailComp-cards .card.detial-maincard{z-index:2;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.complaint-detail01 .detailComp-cards .loaded-compress{position:relative;z-index:1;padding:0 .5rem}
.complaint-detail01 .detailComp-cards .loaded-compress .card{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;margin:0;border-bottom:1px solid #e0e7ed}
.complaint-detail01 .detailComp-cards .loaded-compress .card:last-child{border:0;border-radius:0 0 4px 4px}
.complaint-detail01 .detailComp-cards .loaded-compress .card .details{width:100%}
.complaint-detail01 .detailComp-cards .loaded-compress .review-list li{width:80px}
.complaint-detail01 .detailComp-cards .loaded-compress .card-footer{border-color:rgba(196,208,221,.2)}
.complaint-detail01 .detailComp-cards .loaded-compress .card-body{padding:1.2rem 1.5rem;border-top:1px solid rgba(196,208,221,.2)}
.complaint-detail01 .detailComp-cards .loaded-compress .card-head{padding:16px 15px 15px}
.complaint-detail01 .more-cards .load-more{margin-top:0}
.complaint-detail02 .detial-maincard{margin-bottom:1px}
.complaint-detail02 .detial-maincard .details{width:calc(100% - 60px);width:-webkit-calc(100% - 60px);width:-moz-calc(100% - 60px)}
.complaint-detail02 .detial-maincard .edit-card{text-align:right}
.complaint-detail02 .detial-maincard .edit-card a{margin-left:17px;line-height:0;vertical-align:top}
.complaint-detail02 .detial-maincard .edit-card a:first-child{margin-left:0}
.details-popup{display:block}
.details-popup .popup-wrap{max-width:100%}
.details-popup .complaint-editdetails{background:#f1f5f8;padding:0}
.details-popup .complaint-editdetails .edit-group{padding:1.5rem}
.details-popup .edit-form{padding:1rem 1rem 12rem;height:calc(100vh - 59px);height:-webkit-calc(100vh - 59px);height:-moz-calc(100vh - 59px);overflow:auto;-webkit-overflow-scrolling:touch}
.details-popup .edit-form .btns-wrap{padding:10px 10px 90px;background:#f1f5f8}
.details-popup .edit-form .btns-wrap a{display:block;width:100%;padding:.9rem 2rem;min-width:auto;box-shadow:0 4px 24px -8px rgba(0,42,91,.2);-webkit-box-shadow:0 4px 24px -8px rgba(0,42,91,.2)}
.details-popup .edit-form .radio-label{font-weight:500;line-height:1.3;margin:.5rem 0}
.details-popup .edit-form input[type=radio]:checked+.radio-label{font-weight:500}
.details-popup .edit-form #comment-button,.details-popup .edit-form #complaint-message-button,.details-popup .edit-form #delete-complaint,.details-popup .edit-form #thank-complaint-button{width:auto}
.details-popup .editpopup-title{font-size:2rem;padding:15px}
.details-popup .close-wrap{top:0;right:0;bottom:auto;left:auto;position:absolute;z-index:1}
.details-popup .radio-area{padding:.5rem 0 3rem}
.details-popup.popup-sliderwrap .close-icn{top:5px;right:10px;bottom:auto;left:auto;position:absolute;padding:10px;line-height:10px;cursor:pointer;z-index:11;border-radius:3px}
.details-popup.popup-sliderwrap .popup-wrap{-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:50%;max-width:100%}
.details-popup.popup-sliderwrap .popup-inner{background:0 0;max-width:1300px;margin:0 auto;width:100%}
.details-popup.popup-sliderwrap .slick-slide img,.details-popup.popup-sliderwrap .slick-slide video{max-height:800px;margin:0 auto;border-radius:4px}
.details-popup.popup-sliderwrap .slick-arrow{background:url(../images/slide-arrow.svg) center center no-repeat;height:26px;right:14px;padding:20px;border-radius:3px}
.details-popup.popup-sliderwrap .slick-arrow.slick-prev{left:14px}
.details-popup.popup-sliderwrap .slick-dots{position:absolute;left:0;right:0;bottom:40px;margin:auto;font-size:0;padding:0;list-style-type:none;z-index:11;pointer-events:none}
.details-popup.popup-sliderwrap .slick-dots li{margin:0}
.details-popup.popup-sliderwrap .slick-dots li button{pointer-events:initial;display:block;width:1rem;height:1rem;padding:0;border:none;border-radius:100%;background-color:#fff;opacity:.3;text-indent:-9999px}
.details-popup.popup-sliderwrap .slick-dots li.slick-active button,.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}
.popup-slider{position:static!important}
.popup-slider .slide-item{padding:5px}
.profile-compform{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;background:#fff;padding:1.5rem;-webkit-box-shadow:0 6px 8px -4px rgba(0,42,91,.1)}
.profile-compform .form-title{font-weight:700;font-size:1.4rem;margin-bottom:1rem}
.profile-compform .form-desc{color:#4c698c;margin-bottom:2rem}
.profile-compform .form-control{background:#f1f5f8}
.upload-field{position:relative}
.upload-field input{top:0;right:auto;bottom:auto;left:0;position:absolute;opacity:0;width:0;height:0}
.upload-field label{border:1px solid #b0bece;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;padding:2rem;cursor:pointer;width:100%;margin:0}
.upload-field.dragenter label{border-color:#45da6f;border-style:dashed;background:rgba(255,255,255,.4)}
.upload-field .upload-content{width:calc(100% - 84px);width:-webkit-calc(100% - 84px);width:-moz-calc(100% - 84px);padding-left:16px;position:relative}
.upload-field .upload-content .add-sign{top:0;right:auto;bottom:auto;left:0;position:absolute;margin-right:6px}
.upload-field .upload-content .upload-title{font-size:1.4rem;font-weight:500;color:#002a5b}
.upload-field .upload-content .upload-title .optional{color:#b0bece}
.upload-field .upload-content .upload-desc{font-size:1.2rem;color:#4c698c;margin:0;line-height:1.5;width:100%}
.global-popup.comment-verification-code-popup .popup-dialog .popup-wrap .notice,.global-popup.comment-verify-popup .popup-dialog .popup-wrap .notice,.profile-acd-list .profile-compform .form-group,.profile-acd-list .profile-infolist li{margin-bottom:2rem}
.upload-field .upload-icn{display:inline-block;width:30px}
.upload-field #upload-file-answer,.upload-field #upload-file-answer-doc,.upload-field #upload-file-comment{overflow:hidden;cursor:pointer}
.upload-field #file-list-answer .file,.upload-field #file-list-answer-doc .file,.upload-field #file-list-comment .file{display:flex;align-items:center;padding:0 0 15px}
.upload-field #file-list-answer .file:last-child,.upload-field #file-list-answer-doc .file:last-child,.upload-field #file-list-comment .file:last-child{border-bottom:1px solid #b0bece;margin-bottom:10px}
.upload-field #file-list-answer .file .file-img,.upload-field #file-list-answer-doc .file .file-img,.upload-field #file-list-comment .file .file-img{margin-right:10px}
.upload-field #file-list-answer .file .file-img img,.upload-field #file-list-answer-doc .file .file-img img,.upload-field #file-list-comment .file .file-img img{width:30px;height:30px;border-radius:4px;border:1px solid #f1f5f8}
.upload-field #file-list-answer .file .file-text,.upload-field #file-list-answer-doc .file .file-text,.upload-field #file-list-comment .file .file-text{font-size:14px;font-weight:600;color:#002a5b;width:88%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.upload-field #file-list-answer .file .remove,.upload-field #file-list-answer-doc .file .remove,.upload-field #file-list-comment .file .remove{width:30px;height:30px;align-items:center;display:flex;justify-content:center;cursor:pointer}
.upload-field #file-list-answer .file .remove:hover,.upload-field #file-list-answer-doc .file .remove:hover,.upload-field #file-list-comment .file .remove:hover{background:rgba(204,204,204,.2)}
.upload-field #file-list-answer .file[data-mimetype=photo] .file-img img,.upload-field #file-list-answer-doc .file[data-mimetype=photo] .file-img img,.upload-field #file-list-comment .file[data-mimetype=photo] .file-img img{border:1px solid #b0bece!important}
.media-rules{margin-bottom:3rem}
.media-rules a,.media-rules span{font-size:1.2rem;color:#4c698c}
.media-rules .tool-icn{margin-right:5px;display:inline-block}
.profile-warning{display:block}
.profile-warning .wrap-complaint-info{max-height:calc(100vh - 150px);max-height:-webkit-calc(100vh - 150px);max-height:-moz-calc(100vh - 150px);height:auto;box-shadow:0 6px 8px -4px rgba(0,42,91,.1);-webkit-box-shadow:0 6px 8px -4px rgba(0,42,91,.1);background:#f1f5f8}
.profile-warning .btns-wrap{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;padding-bottom:57px}
.profile-warning .btns-wrap a{min-width:auto;width:auto;padding:.9rem 2rem}
.profile-warning .btns-wrap a.btn-complain{background:#e53434;border-color:#e53434}
.profile-warning .btns-wrap a.btn-complain:hover{background:red;border-color:red}
.profile-warning .popup-detail{background:0 0;padding-top:57px}
.profile-warning .popup-detail .sky-title{font-size:2rem}
.profile-warning .popup-detail .sky-desc{font-size:1.4rem;line-height:1.43}
.profile-warning .warning-icn{display:inline-block;margin-bottom:2rem}
.profile-acd-list,.profile-acd-list .container{padding:0}
.profile-acd-list .acd-wrap{background:#fff;margin-bottom:3rem}
.profile-acd-list .card{background:0 0;border:0}
.profile-acd-list .btn-link{display:block;font-size:1.6rem;font-weight:600;color:#002a5b;text-decoration:none;position:relative;width:100%;text-align:left;padding:.9rem 1.5rem}
.complaint-editdetails .edit-group.delete-reason-message,.profile-acd-list .app-profile{display:none}
.profile-acd-list .btn-link:after{content:'';width:20px;height:20px;top:50%;right:9px;bottom:auto;left:auto;position:absolute;-webkit-transform:translateY(-50%) rotate(-90deg);-moz-transform:translateY(-50%) rotate(-90deg);-ms-transform:translateY(-50%) rotate(-90deg);-o-transform:translateY(-50%) rotate(-90deg);transform:translateY(-50%) rotate(-90deg);background:url(../images/right-icon-gray.svg) center center no-repeat}
.profile-acd-list .btn-link.collapsed:after{-webkit-transform:translateY(-50%) rotate(90deg);-moz-transform:translateY(-50%) rotate(90deg);-ms-transform:translateY(-50%) rotate(90deg);-o-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg)}
.profile-acd-list .card-header{background:0 0;padding:0;border-bottom:0;border-top:1px solid #e9eff3}
.profile-acd-list .card-body{padding:3rem 1rem 2rem}
.profile-acd-list .profile-compform{padding:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.profile-acd-list .profile-compform .textarea-grp textarea{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;border:1px solid #e9eff3;padding:1.5rem;min-height:117px;resize:none;width:100%;font-size:1.4rem;font-weight:500;color:#002a5b}
.profile-acd-list .profile-compform .textarea-grp textarea:focus{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-color:#e9eff3}
.profile-acd-list .profile-compform .desc{font-size:1.4rem;color:#4c698c;line-height:1.3}
.profile-acd-list .profile-icn{border-radius:50%;width:80px;height:80px;position:relative;margin:0 auto 4rem}
.profile-acd-list .edit-icon{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;border:1px solid #b0bece;top:auto;right:auto;bottom:-11px;left:50%;position:absolute;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);width:26px;height:26px;background:#fff;text-align:center}
.profile-acd-list .edit-icon span{line-height:21px;vertical-align:top}
.profile-acd-list .edit-icon img{display:inline-block;vertical-align:top;margin-top:4px}
.profile-acd-list .upload-btn{min-width:100px;width:auto;margin-right:1.2rem}
.profile-acd-list .field-btns{padding-top:3rem}
.profile-acd-list .profile-droplist{top:auto;right:auto;bottom:auto;left:10px;position:absolute;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;top:calc(100% + 22px);top:-webkit-calc(100% + 22px);top:-moz-calc(100% + 22px);background:#fff;width:180px;box-shadow:0 -2px 4px 4px rgba(0,42,91,.05);-webkit-box-shadow:0 -2px 4px 4px rgba(0,42,91,.05);display:none;z-index:1}
.profile-acd-list .profile-droplist a{padding:.9rem 1.5rem;color:#002a5b;font-size:1.4rem;font-weight:600;display:block}
.profile-acd-list .profile-droplist a:hover{background:rgba(0,42,91,.04)}
.profile-acd-list .profile-droplist:after{content:'';width:0;height:0;top:-12px;right:auto;bottom:auto;left:22px;position:absolute;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:12px solid #fff}
.profile-acd-list .profile-infolist{padding:0 .5rem}
.profile-acd-list .profile-infolist label{display:block;width:100%;font-size:1.2rem;line-height:1.5rem;color:#b0bece;margin:0}
.profile-acd-list .profile-infolist a{display:inline-block;font-size:1.4rem;line-height:1.8rem;color:#002a5b}
.profile-acd-list .field-link{padding:1rem .5rem 0}
.profile-acd-list .field-link a{color:#45da6f;text-decoration:underline;font-size:1.4rem}
.profile-breadcrumb{padding:1.4rem 0}
.profile-breadcrumb .breadcrumb{margin:0}
.complaint-editdetails{padding:10px 0}
.complaint-editdetails .edit-group{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;border:1px solid #d7e2e8;padding:.5rem 1.5rem 0;background:#fff;margin-bottom:1.5rem;position:relative}
.complaint-editdetails .edit-group label{font-size:1.1rem;font-weight:500;color:#002a5b;opacity:.4;display:block;margin:0;line-height:1.2}
.global-popup.delete-attention-popup h5,.global-popup.delete-permission-popup h5{color:#dc3545}
.complaint-editdetails .edit-group textarea{border:0;width:100%;resize:none;font-weight:500;font-size:1.4rem;height:22px;line-height:1.8rem;padding:0 15px;}
.complaint-editdetails .edit-group.in-detail{padding-bottom:1.5rem}
.global-popup.delete-attention-popup .btns-wrap,.global-popup.delete-permission-popup .btns-wrap{padding-bottom:36px}
.complaint-editdetails .edit-group.in-detail textarea{min-height:77px;height:auto}
.complaint-editdetails .words-counter{top:auto;right:5px;bottom:3px;left:auto;position:absolute;font-size:1rem;color:#002a5b;opacity:.3;font-weight:600}
.complaint-editdetails h5{font-size:1.6rem;margin-bottom:7px}
.complaint-editdetails .detailComp-tags{padding:0 0 10px}
.complaint-editdetails .detailComp-tags a:hover{color:#002a5b;border-color:#002a5b;background:rgba(0,42,91,.12)}
.complaint-editdetails .detailComp-tags a .add-sign{margin-left:3px}
.complaint-editdetails .detailComp-tags.search-tag a{color:#fff;background:#002a5b}
.complaint-editdetails .detailComp-tags.search-tag a .cls-sign{display:inline-block;line-height:0;width:10px;margin-left:5px}
.complaint-editdetails .detailComp-tags.search-tag a:hover{background:#00152e}
.complaint-editdetails .desc{color:#4c698c;line-height:1.3}
.complaint-editdetails .btns-wrap a{margin:0 5px;min-width:145px;text-align:center}
.global-popup.delete-attention-popup p,.global-popup.delete-permission-popup p{margin-bottom:1rem!important}
.complaint-editdetails .btns-wrap a:first-child{margin-left:0}
.complaint-editdetails .btns-wrap a:last-child{margin-right:0}
.comment-cards .comment-items .sub-comment-item:hover .card-nav{display:block!important}
.global-popup.comment-verification-code-popup,.global-popup.delete-attention-popup,.global-popup.delete-permission-popup,.global-popup.would-evaluate-popup{display:none}
.comment-cards .comment-items .card-head .details{position:relative}
.comment-cards .comment-items .card-head .details .card-nav{top:auto;right:20px;bottom:auto;left:auto;position:absolute;width:11px;height:25px;padding:10px 0}
.comment-cards .comment-items .card-head .details .card-nav span{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;transition:.3s ease-in-out;width:4px;height:4px;position:relative;display:inline-block;background:#4c698c}
.comment-cards .comment-items .card-head .details .card-nav span:after,.comment-cards .comment-items .card-head .details .card-nav span:before{content:'';width:4px;height:4px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;top:-5px;right:auto;bottom:auto;left:0;position:absolute;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;background:#4c698c}
.comment-cards .comment-items .card-head .details .card-nav span:after{bottom:-5px;top:auto}
.comment-cards .comment-items .card-head .details .card-nav:focus,.comment-cards .comment-items .card-head .details .card-nav:hover{cursor:pointer}
.comment-cards .comment-items .card-head .details .card-nav:focus span,.comment-cards .comment-items .card-head .details .card-nav:focus span:after,.comment-cards .comment-items .card-head .details .card-nav:focus span:before,.comment-cards .comment-items .card-head .details .card-nav:hover span,.comment-cards .comment-items .card-head .details .card-nav:hover span:after,.comment-cards .comment-items .card-head .details .card-nav:hover span:before{background:#002a5b}
.comment-cards .comment-items .card-head .details .report-footer{display:none;top:35px;right:0;bottom:auto;left:auto;position:absolute;border-radius:4px;border:1px solid #f3f6f8;box-shadow:0 -4px 24px -8px rgba(0,42,91,.2);padding:0;max-width:120px;background:#fff;z-index:3}
.comment-cards .comment-items .card-head .details .report-footer .report{width:100%;padding:7px 15px;text-align:left}
.comment-cards .comment-items .card-head .details .report-footer .report .card-footer-icon{background:url(../images/report-blue-icn.svg) no-repeat;width:12px;height:13px}
.comment-cards .comment-items .card-head .details .report-footer .report:hover,.comment-cards .comment-items .card-head .details .report-footer:hover{background:#f8f8f8}
.comment-cards .comment-items .card-head .details .report-footer .report .card-footer-icon.delete-button{background:url(../images/delete-button.svg) no-repeat!important;top:1px}
.comment-cards .comment-items .card-head .details .report-footer:after{content:'';width:0;height:0;top:-12px;right:17px;bottom:auto;left:auto;position:absolute;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:12px solid #fff}
.comment-cards .comment-items .card-footer{justify-content:unset}
#comment-form .highlite-text,#complaint-message-form .highlite-text,#thank-complaint-form .highlite-text{min-height:90px}
#comment-form .edit-group,#complaint-message-form .edit-group,#thank-complaint-form .edit-group{padding:0}
#comment-form .edit-group .words-counter,#complaint-message-form .edit-group .words-counter,#thank-complaint-form .edit-group .words-counter{z-index:1}
#comment-form .edit-group label,#complaint-message-form .edit-group label,#thank-complaint-form .edit-group label{padding:0 15px;margin-top:10px;margin-bottom:5px}
#comment-form label.error,#complaint-message-form label.error,#thank-complaint-form label.error{position:relative;top:-10px}

#cevaplayalim .highlite-text,#complaint-message-form .highlite-text,#thank-complaint-form .highlite-text{min-height:90px}
#cevaplayalim .edit-group,#complaint-message-form .edit-group,#thank-complaint-form .edit-group{padding:0}
#cevaplayalim .edit-group .words-counter,#complaint-message-form .edit-group .words-counter,#thank-complaint-form .edit-group .words-counter{z-index:1}
#cevaplayalim .edit-group label,#complaint-message-form .edit-group label,#thank-complaint-form .edit-group label{padding:0 15px;margin-top:10px;margin-bottom:5px}
#cevaplayalim label.error,#complaint-message-form label.error,#thank-complaint-form label.error{position:relative;top:-10px}
#file-section-answer .moxie-shim-html5,#file-section-comment .moxie-shim-html5{display:none!important}
.reason{border:1px solid #fc6c6c;border-radius:3px;margin-top:2rem;margin-bottom:-8px}
.reason .name{background:#fc6c6c;padding:1rem;color:#fff;font-size:1.2rem;font-weight:700}
.reason .desc{text-align:left!important;padding:10px!important;font-size:1.3rem!important}
@media all and (min-width:360px) {
    .detailComp-ctrl .steps-list li:after{width:75%;left:-33%}
    .detailComp-ctrl .steps-list li:nth-child(2):after{left:-42%}
    .detailComp-ctrl .steps-list li:nth-child(3):after{left:-41%}
}
@media(max-width:992px) {
    .detailComp-content .card-head h1.card-title,.detailComp-content .others-Card-sec .card-head h3{font-size:1.4rem}
}
@media all and (min-width:768px) {
    .profile-acd-list .app-profile,.rating-details{box-shadow:0 6px 8px -4px rgba(0,42,91,.1);background:#fff}
    .detailComp-wrapper{background:#f1f5f8;padding:0}
    .detailComp-wrapper .rating-details .custom-logo{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;height:80px;width:190px}
    .detailComp-wrapper .rating-details .custom-logo span{font-size:1.5rem}
    .detailComp-wrapper .time-history:before{left:6px}
    .detailComp-wrapper .comment-attention-popup .popup-wrap{top:50%;width:100%}
    .complaint-title-sec{padding:2.5rem 0}
    .complaint-title-sec #complaint-id{opacity:.2;font-size:10px;color:#002a5b}
    .detailComp-ctrl{float:right;max-width:358px;width:100%}
    .detailComp-ctrl .description{width:100%}
    .detailComp-ctrl .description .desc-title{font-size:1.6rem;line-height:1.3;padding-bottom:5px}
    .detailComp-ctrl .description .desc{font-size:1.4rem;line-height:1.5}
    .detailComp-ctrl .steps-list{padding-bottom:20px;position:relative;top:-6px}
    .detailComp-ctrl .steps-list li{width:auto}
    .detailComp-ctrl .steps-list li:after{content:'';width:44px;height:.25rem;top:50%;right:auto;bottom:auto;left:-21px;position:absolute}
    .detailComp-ctrl .steps-list li:nth-child(2):after,.detailComp-ctrl .steps-list li:nth-child(3):after{left:-21px}
    .detailComp-ctrl.profilecomp-ctrl .steps-list .step-level{font-size:1.3rem}
    .detailComp-content{float:left;width:calc(100% - 379px);width:-webkit-calc(100% - 379px);width:-moz-calc(100% - 379px)}
    .detailComp-content .turkcell-banner{margin-bottom:1.5rem}
    .detailComp-cards .card-footer{padding:1.2rem 2rem;border-radius:0 0 4px 4px}
    .detailComp-cards .card-footer button{width:auto;display:inline-block;font-size:.9rem;margin-right:20px}
    .detailComp-cards .card-footer.with-share{padding:1.2rem 1.5rem}
    .detailComp-cards .card-footer.with-share button{width:auto}
    .detailComp-cards .card-footer.with-share button.share{margin:0}
    .detailComp-cards .product-details .large-view a{height:350px}
    .detailComp-cards .product-details .detail-view a,.detailComp-cards .product-details .small-view a{height:167px}
    .rating-details{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 6px 8px -4px rgba(0,42,91,.1);padding:2rem;margin-bottom:15px}
    .rating-details .rate-area{padding-bottom:2rem;border-bottom:1px solid #e9eff3}
    .rating-details .rate-area .rate-desc{padding-top:1.5rem}
    .rating-details .rate-area .rate-stars{margin:0 0 4px}
    .rating-details .rate-area .rate-txt{color:#002a5b;font-size:1.8rem;font-weight:700}
    .rating-details .rate-area .rate-txt sub{font-size:1.2rem;font-weight:500;bottom:0}
    .rating-details .rating-review{margin-bottom:1.5rem;border-bottom:1px solid #e9eff3}
    .rating-details .rating-review li{width:32%;float:left;padding:20px 0 1.8rem}
    .rating-details .rating-review li:nth-child(2){margin:0 2%}
    .rating-details .rating-review .rvw-icn{display:block;margin-bottom:.6rem;min-height:41px}
    .rating-details .rating-review .rvw-title{color:#002a5b;font-size:2rem;font-weight:700;white-space:nowrap}
    .rating-details .rating-review .rvw-desc{color:#002a5b;font-size:1.2rem;margin:0}
    .share-tooltip{right:-10px}
    .details-popup{display:block}
    .details-popup .complaint-editdetails{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px}
    .details-popup .edit-form{max-height:calc(100vh - 120px);max-height:-webkit-calc(100vh - 120px);max-height:-moz-calc(100vh - 120px);height:auto;padding:2rem 2rem 0}
    .details-popup .edit-form .btns-wrap{padding:0 0 2rem;position:static}
    .details-popup .edit-form .btns-wrap a{display:inline-block;width:auto}
    .details-popup .popup-wrap{max-width:587px}
    .details-popup .close-wrap{position:static;padding:8px 0}
    .details-popup .editpopup-title{border:1px solid #d7e2e8;font-size:1.4rem;background:#fff;font-weight:600;padding:1.3rem 2rem;border-radius:4px 4px 0 0}
    .profile-acd-list .app-profile{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;display:block;-webkit-box-shadow:0 6px 8px -4px rgba(0,42,91,.1);margin-bottom:3rem}
    .comment-cards .comment-items .card-head .details .card-nav,.profile-acd-list .btn-link:after,.profile-acd-list .profile-acc{display:none}
    .profile-acd-list .container{padding:0 1.5rem}
    .profile-acd-list .profile-icn{width:120px;height:120px;margin-right:2rem}
    .profile-acd-list .profile-compform{margin-bottom:0}
    .profile-acd-list .profile-compform .fields-wrap{max-width:360px;width:100%;margin:0}
    .profile-acd-list .card-body{padding:2rem}
    .profile-acd-list .btn-link{font-size:1.8rem}
    .profile-acd-list .btn-link.collapsed{font-weight:400;color:#4c698c}
    .profile-acd-list .card-header{border:0}
    .profile-acd-list .acd-wrap{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;box-shadow:0 6px 8px -4px rgba(0,42,91,.1);-webkit-box-shadow:0 6px 8px -4px rgba(0,42,91,.1);padding:10px 0}
    .profile-acd-list .profile-droplist{left:30px}
    .profile-acd-list .field-link{padding:7rem 0 0}
    .profile-warning .btns-wrap a.btn-complain{width:auto}
    .profile-warning .wrap-complaint-info{max-height:calc(100vh - 96px);max-height:-webkit-calc(100vh - 96px);max-height:-moz-calc(100vh - 96px)}
    .profile-warning .popup-wrap{top:calc(50% - 22px);top:-webkit-calc(50% - 22px);top:-moz-calc(50% - 22px)}
    .profile-compform .btn-complain{margin-right:.5rem}
    .delete-permission-popup .popup-wrap{max-width:670px}
    .would-evaluate-popup .popup-wrap{max-width:600px}
    .comment-verification-code-popup .popup-dialog .popup-wrap,.comment-verify-popup .popup-dialog .popup-wrap{position:absolute!important;background:0 0!important;border:none!important;transform:translate(-50%,-50%);top:50%}
}
@media all and (min-width:992px) {
    .detailComp-cards .card .ext-area .card-title,.detailComp-cards .card.comment-cards .comment-list .comment-view,.detailComp-cards .card.comment-cards .post-comments .post-txt,.detailComp-cards .card.comment-cards .post-comments .post-txt-user{font-size:1.4rem}
    .complaint-detail01 .detailComp-cards .loaded-compress .review-list li,.detailComp-cards .review-list li,.detailComp-cards .review-list li:last-child{width:auto}
    .card-tooltip{top:25px}
    .detailComp-cards .review-list span{font-size:1.2rem}
    .detailComp-cards .card .card-title{font-size:1.6rem}
    .detailComp-cards .card .card-head{padding:2rem 2rem 1.2rem}
    .detailComp-cards .card .time-history{padding-left:2rem}
    .detailComp-cards .card .time-history:before{content:'';width:2px;height:2px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;top:9px;right:auto;bottom:auto;left:6px;position:absolute;background:#b0bece}
    .detailComp-cards .card .under-review{padding-top:.2rem}
    .detailComp-cards .card figure{max-width:100%}
    .detailComp-cards .card figure img{max-height:auto}
    .detailComp-cards .card .details{width:calc(100% - 75px);width:-webkit-calc(100% - 75px);width:-moz-calc(100% - 75px)}
    .detailComp-cards .card .card-body{padding:1.2rem 2rem}
    .detailComp-cards .card.last-card-soln .card-head{padding:2rem}
    .detailComp-cards .card.last-card-soln .details{padding:20px 0 0;width:calc(100% - 90px);width:-webkit-calc(100% - 90px);width:-moz-calc(100% - 90px)}
    .detailComp-cards .card.last-card-soln .remove-publication{float:left}
    .detailComp-cards .card.last-card-soln .time-wrap{float:right;padding-right:24px}
    .detailComp-cards .card.last-card-soln figure{width:90px}
    .detailComp-cards .card.last-card-soln figure img{width:100%}
    .detailComp-cards .card.detial-maincard .card-title{font-size:2rem}
    .detailComp-cards .card.brand-ans-card .card-footer button,.detailComp-cards .card.comment-cards .views-allpost,.detailComp-cards .popular-info .popular-drop{font-size:1.6rem}
    .detailComp-cards .card.detial-maincard .card-head{padding:2rem 2rem 0}
    .detailComp-cards .card.detial-maincard .ext-area .card-title{font-size:1.4rem;margin-bottom:5px}
    .detailComp-cards .card.brand-ans-card h2{font-size:2.4rem}
    .detailComp-cards .card.brand-ans-card .brands-btn button{width:auto;font-size:1.2rem;line-height:1.5;margin:0 5px;padding:1.2rem .9rem;min-width:150px}
    .detailComp-cards .card.brand-ans-card .brands-btn button:last-child{margin-left:5px;padding:1.2rem .9rem}
    .detailComp-cards .card.comment-cards{margin:0 0 15px;width:100%;padding:0 2rem}
    .detailComp-cards .card .card-footer button{font-size:1.2rem}
    .complaint-title-sec h2,.detailComp-cards .others-Card-sec .others-title{font-size:2.4rem}
    .detailComp-content .turkcell-banner{margin-bottom:2rem}
    .complaint-title-sec{padding:1.5rem 0}
    .complaint-title-sec .breadcrumb{margin-bottom:0}
    .more-cards{margin-bottom:3rem}
    .more-cards .load-more{font-size:1.6rem}
    .counter-banner .counter-info .txt{max-width:100%;font-size:1.6rem}
    .complaint-detail01 .detailComp-cards .loaded-compress{padding:0 1rem}
    .complaint-detail01 .detailComp-cards .loaded-compress .card-body{border:0;padding:0 1.5rem}
    .complaint-detail01 .detailComp-cards .loaded-compress .card-footer{border:0}
    .complaint-detail01 .detailComp-cards .loaded-compress .card-head{padding:20px 15px 8px}
    .profile-compform{padding:2rem;margin-bottom:2.4rem}
    .profile-warning .popup-detail{padding:57px 11% 13px}
    .profileComp-cards .card.good-solution .card-body{padding:0 2rem 1.2rem}
    .profileComp-cards .card-footer.with-share{padding:1.2rem 2rem}
    .would-evaluate-popup .popup-detail{padding:57px 11% 0}
}
@media all and (max-width:320px) {
    .detailComp-cards .card-footer button{margin-right:8px;font-size:.9rem}
}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto}
.slick-slide,.slick-slide.slick-loading img{display:none}
.slick-track:after,.slick-track:before{content:"";display:table}
.slick-initialized .slick-slide,.slick-slide img{display:block}
.slick-track:after{clear:both}
.slick-slide{float:left;height:100%;min-height:1px}
[dir=rtl] .slick-slide{float:right}
.slick-slide.dragging img{pointer-events:none}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.slick-vertical{display:inline-block!important;vertical-align:middle;float:none}
.slick-dots{position:absolute;bottom:-45px;display:block;width:100%;padding:0;list-style:none;text-align:center}
.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}
.slick-dots li button{font-size:12px;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:#fff;border:0}
.slick-dots li.slick-active button:before{opacity:.75;color:#000}

 .reply-cmnt-wrap .reply-cmnt-inner p {
    padding: 0 18px 0 0;
    line-height: 1.5;
}

    .sec-post .story-block {
        width:57.5%
    }

     .story-title h1 {
        font-size: 3.7rem;
        letter-spacing: .8px
    }

     .story-title .total-review {
        font-size: 2.1rem
    }

     {
        margin-bottom: 14px
    }

     .profile-details .profile-img {
        width: 51px;
        height: 51px
    }


 .reply-cmnt-wrap .view-reply {
    top: -7px;
    right: auto;
    bottom: auto;
    left: 52px;
    position: absolute;
    font-size: 1.3rem;
    font-weight: 500;
    letter-spacing: .5px;
    color: #3ad08f
}

 .reply-cmnt-wrap .view-reply i {
    margin-right: 3px;
    margin-top: -3px
}

 .reply-cmnt-wrap .create-story-lg .attachment .btn-file i,.sec-post .story-block .story-secondary .create-story-lg .attachment .btn-file i {
    margin-right: 7px;
    margin-top: -5px
}

 .reply-cmnt-wrap .view-reply i.icon-reply-scs {
    width: 15px;
    height: 13px;
    background-position: -440px -240px
}

 .reply-cmnt-wrap .reply-cmnt-inner {
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    -ms-border-radius: 21px;
    border-radius: 21px;
    background-color: #cccccc4d;
    padding: 23px 22px;
}
 .story-comment .profile-details {
    margin-bottom: 10px
}

 .story-comment .profile-details .profile-img {
    width: 41px;
    height: 41px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden
}

 .story-comment .profile-details .profile-img.brand {
    border: 1px solid #d1d2d7;
	position: absolute;
}

 .story-comment .profile-details .profile-img.brand span.without-logo {
    color: #695de9;
    font-size: 2rem;
    line-height: 2rem;
    font-weight: 600
}
.story-comment .profile-details .profile-desc .username {
    font-size: 2.3rem;
}


@media all and (min-width: 1192px) {
     .story-comment .profile-details .profile-desc {
        width:calc(100% - 51px);
        padding-left: 29px;
        padding-top: 0
    }

     .story-comment .profile-details .profile-desc .username {
        font-size: 2.3rem
    }

     .story-comment .profile-details .profile-desc .username .post-time {
        font-size: 1.5rem;
        line-height: 1.2rem
    }

     .story-comment .comment-wrap.timeline:after, .story-comment .timeline.reply-cmnt-wrap:after {
        left: 25px
    }

     .story-comment .comment-wrap, .story-comment .reply-cmnt-wrap {
        padding: 21px 0 30px 64px
    }

     .story-comment .comment-wrap:after, .story-comment .reply-cmnt-wrap:after {
        left: 30px
    }
}


 .story-comment .profile-details .profile-img img {
    width: 100%;
    height: auto
}
.story-comment .profile-details .profile-img {
	    display: flex;
}
 .story-comment .profile-details .profile-desc {
    width: calc(100% - 41px);
    padding-left: 68px;
    padding-top: 3px;
    position: relative;
}


 .story-comment .profile-details .profile-desc .report {
    top: 8px;
    right: 0;
    bottom: auto;
    left: auto;
    position: absolute
}

 .story-comment .profile-details .profile-desc .username {
    color: #3a3a3a;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: .5px
}

 .story-comment .profile-details .profile-desc .username .post-time {
    color: #99979e;
    font-size: 1.3rem;
    font-weight: 400;
    text-transform: none;
    margin-left: 5px;
	    margin-top: 12px;
}

@media all and (min-width: 1192px) {
    .sec-post .story-block {
        width:57.5%
    }

     .story-title h1 {
        font-size: 3.7rem;
        letter-spacing: .8px
    }

     .story-title .total-review {
        font-size: 2.1rem
    }

     .story-comment {
        margin-bottom: 14px;
		border: 1px solid #008c00;
		padding: 10px;
		background-color: #f7fbf78a;
		border-radius:10px
		
    }

     .story-comment .profile-details .profile-img {
        width: 51px;
        height: 51px
    }
}