@charset "utf-8";

p{
    font-size:13px;
}
.share-col-md{
    position: absolute;
    top: 260px;
    right: 465px;
    width: 220px;
}
.title-col-md{
    position: absolute;
    top: 150px;
    left: 30px;
    width:43%;
}
.list-single-main-item-title  h2{
	color: #334e6f;
	text-align: left;
    font-size: 18px;
    font-weight: 600;
}
#cv-btn,#message{
    background: #f0c14b;
    border-color: #a88734 #9c7e31 #846a29;
    color: #111;
    background: linear-gradient(to bottom,#f7dfa5,#f0c14b);
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
}
#cv-btn:hover,#message:hover{
    background: linear-gradient(to bottom,#f5d78e,#eeb933);
    box-shadow: 0 1px 3px rgba(0,0,0,.2) inset;
    border-color: #a88734 #9c7e31 #846a29;
}
.border-bottom{
    border-bottom: solid 1px #cccccc;
}
.box-place{
    padding: 20px 0;
}
.online-jukou{
    font-size: 14px;
    font-weight: 700;
    color: #5ECFB1 !important;
}
@media screen and (max-width: 1200px) and (min-width: 1064px){
    .row {
      padding: 0 3%;
    }
  }
@media screen and (max-width: 1150px) and (min-width: 1116px){
    .res-col-md-8{
        width: 64.666667%;
    }
    .share-col-md{
        right: 490px;
    }
}
@media screen and (max-width: 1115px) and (min-width: 1064px){
    .res-col-md-8{
        width: 61.666667%;
    }
    .share-col-md{
        right: 508px;
    }
    .res-col-md-4{
        width: 31.33333333%;
    }
}
@media screen and (max-width: 1064px) and (min-width: 992px){
    .share-col-md{
        position: absolute;
        top: 260px;
        right: 100px;
        width: 220px;
    }
    .viewed-counter{
        margin-right: 57px!important;
    }
    .title-col-md{
        width:62%;
    }
}
@media screen and (max-width: 991px) and (min-width: 768px){
    .share-col-md{
        position: absolute;
        top: 260px;
        right: 50px;
        width: 220px;
    }
    .viewed-counter{
        margin-right: 57px!important;
    }
    .title-col-md{
        width:62%;
    }
}
@media screen and (max-width: 767px) and (min-width: 11px){
    .title-col-md{
        width:100%;
        top: 30px;
        left: 12px;
    }
    .viewed-counter{
        margin-right: 57px!important;
    }
    .share-col-md{
        top: 259px;
        right: -30px;
        width: 218px;
    }
}
@media screen and (max-width: 434px) {
    .title-col-md{
        width:100%;
        top: 30px;
        left: 12px;
    }
    .share-col-md{
        top: 293px;
        right: 85px;
        width: 217px;
    }
    .viewed-counter{
        margin-right: 57px!important;
    }
    .list-single-header-inside .list-single-header-item h1 {
        font-size: 23px;
    }
}