.header {
background: #fff;
box-shadow: 0 0 4px rgb(0 0 0 / 20%);
-webkit-box-shadow: 0 0 4px rgb(0 0 0 / 20%);
position: fixed;
top: 0px;
z-index: 9999999;
}
.header-3 #siteNav a {
font-size: 14px;
text-transform: uppercase;
}
.header{
box-shadow: 0 0 4px rgb(0 0 0 / 20%);
-webkit-box-shadow: 0 0 4px rgb(0 0 0 / 20%);
}

.logo img {
display: block;
max-width: 100% !important;
max-height: 40px;
}

p{
font-size:15px;

}
div{
font-size:16px;
}
.section-one{
margin-top:80px;
}
.sticky-left{
position: -webkit-sticky !important;
position: sticky !important;
top: 80px !important;
}
.sticky-right{
position: -webkit-sticky !important;
position: sticky !important;
top: 80px !important;
}
.card{
border-radius:10px;
box-shadow: 0 1px 3px 0 rgb(0 0 0 / 18%), 0 1px 2px 0 rgb(0 0 0 / 12%) !important;
border:0px !important;
}
.category-title{
color:#757a91;
}
.cust-left-cat-row{
padding:25px 0px;
position: relative;
top: -20px;
}
.cust-left-cat-col-1{
float:left;
width:15%;
}
.cust-left-cat-col-1 img{
border-radius:4px;
}

.cust-left-cat-col-2 {
float:left;
width:85%;


}
.cust-left-cat-col-2 span {
display:block;
padding: 0 10px;
line-height: 1.3;
}
.cust-left-cat-col-2 span:nth-child(1){
font-size: 15px;
color: #393a4f;
font-weight: 600;
text-transform: capitalize;
}
.cust-left-cat-col-2 span:nth-child(2){
font-size: 13px;
color: #757a91;
}
/* Feed 1 */
.feed-row-1{
padding:25px 0px;
position: relative;
top: -20px;
}
.feed-author-col-1{
float:left;
width:9%;
}
.feed-author-col-1 img {
border-radius: 50%;
height: 38px;
width: 38px;
}

.feed-author-col-2 {
float:left;
width:91%;
padding-top: 1px;
}
.feed-author-col-2 span {
display:block;
padding: 0 10px;
line-height: 1.5;
}
.feed-author-col-2 span:nth-child(1){
font-size: 15px;
color: #393a4f;
font-weight: 600;
text-transform: capitalize;
}
.feed-author-col-2 span:nth-child(2){
font-size: 13px;
color: #757a91;
}
.feed-author-col-3{

}
/* Feed 1*/

/* Feed 2*/
.feed-card{
margin-bottom:30px;
}
.feed-row-2{
    
margin-top:20px;
position: relative;
    top: -14px;
    margin-bottom: -14px;
}
.feed-row-2 h2{
color:#393a4f;
font-size: 19px;
text-transform: capitalize;
}
.feed-row-2 img{
border-radius:10px;
width:100%;
}
.feed-row-2 p{
margin-top:15px;
}
/* Feed 2*/
/* Feed 3*/
.feed-row-3{
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.feed-row-3 .col-avatar{
width:20%;
float:left;
margin-top:10px;
}
.feed-row-3 .col-avatar img{
width:27px;
}


.feed-row-3 .col-like{
width:20%;
float:left;
margin-top:10px;
}
.feed-row-3 .col-like img{
width:27px;
}
.feed-row-3 .col-comment{
width:20%;
float:left;
margin-top:10px;
}
.feed-row-3 .col-comment img{
width:27px;
}
.feed-row-3 .col-cat-name{
width:60%;
float:left;
margin-top:10px;
}
.feed-row-3 .col-cat-name span{


padding: 2px 10px;
border-radius: 15px;
text-transform: capitalize;
/* color: #842029;
background-color: #f8d7da;
border-color: #f5c2c7; */
font-size: 15px;
}
/* Feed 3*/
/* Feed 4*/
.feed-row-4{
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top:10px;
}
/* Feed 4*/


/* Detail Post Feed 3*/
.detail-post-feed-row-3{
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.detail-post-feed-row-3 .col-avatar{
width:74%;
float:left;
margin-top:10px;
}
.detail-post-feed-row-3 .col-avatar img{
width:40px;
height:40px;
border-radius: 50%;
}


.detail-post-feed-row-3 .col-like{
width:13%;
float:left;
margin-top:10px;
}
.detail-post-feed-row-3 .col-like img{
width:35px;
height:35px;
}
.detail-post-feed-row-3 .col-comment{
width:13%;
float:left;
margin-top:10px;
}
.detail-post-feed-row-3 .col-comment img{
width:35px;
height:35px;
}
.detail-post-feed-row-3 span{
font-size:18px;
position: relative;
top: 3px;    
}
/* Detail Post Feed 3*/

/* SM FEED */
/* Feed 1 */
.sm-feed-row-1{
padding:25px 0px;
position: relative;
top: -20px;
}
.sm-feed-author-col-1{
float:left;
width:15%;
}
.sm-feed-author-col-1 img{
border-radius:50%;
width: 34px;
height: 34px;
}

.sm-feed-author-col-2 {
float:left;
width:85%;
padding-top: 0px;
}
.sm-feed-author-col-2 span {
display:block;
padding: 0 10px;
line-height: 1.3;
}
.sm-feed-author-col-2 span:nth-child(1){
font-size: 14px;
color: #393a4f;
font-weight: 600;
text-transform: capitalize;
}
.sm-feed-author-col-2 span:nth-child(2){
font-size: 13px;
color: #757a91;
}
/* Feed 1*/

/* Feed 2*/
.sm-feed-card{
margin-bottom:30px;
}
.sm-feed-row-2{
/* margin-top:10px; */
position: relative;
top: -6px;
}
.sm-feed-row-2 h2{
color:#393a4f;
font-size: 13px;
text-transform: capitalize;
}
.sm-feed-row-2 img{
border-radius:10px;
width:100%;
}
.sm-feed-row-2 p{
margin-top:15px;
}
/* Feed 2*/
/* Feed 3*/
.sm-feed-row-3{
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.sm-feed-row-3 .sm-col-like{
width:40%;
float:left;
margin-top:10px;
}
.sm-feed-row-3 .sm-col-like img{
width:22px;
}
.sm-col-like span{
font-size:13px;
}
.sm-feed-row-3 .sm-col-comment{
width:40%;
float:left;
margin-top:10px;
}
.sm-feed-row-3 .sm-col-comment img{
width:22px;
}
.sm-col-comment span{
font-size:13px;
}
/* Feed 3*/
/* Feed 4*/
.sm-feed-row-4{
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top:10px;
}

/* Feed 4*/

/* Profile List */
.all-profile-row{
padding:25px 0px;
position: relative;
top: -20px;
}
.all-profile-col-1{
float:left;
width:17%;
}
.all-profile-col-1 img{
border-radius: 50%;
width:38px;
height: 38px;
}

.all-profile-col-2 {
float:left;
width:83%;


}
.all-profile-col-2 span {
display:block;
padding: 0 10px;
line-height: 1.3;
}
.all-profile-col-2 span:nth-child(1){
font-size: 14px;
color: #393a4f;
font-weight: 600;
}
.all-profile-col-2 span:nth-child(2){
font-size: 13px;
color: #757a91;
}
/* Profile List */
/* SM FEED */
.modal {
position: fixed;
top: 50px;
left: 0;
z-index: 99999 !important;
}
.modal-md{
max-width: 618px;
}
.minicart-right-drawer.right .modal-dialog{
width:25% !important;
}
.minicart-right-drawer {
position: fixed;
top: 0px;
left: 0;

z-index: 999999999999999!important;
}
.readmore{
color:blue;
}
.cat-card-overflow-scroll{
overflow: auto;
height: 558px;
}

/* width */
.cat-card-overflow-scroll::-webkit-scrollbar {
width: 5px;
}
/* Track */
.cat-card-overflow-scroll::-webkit-scrollbar-track {
background: #fff; 
}
/* Handle */
.cat-card-overflow-scroll::-webkit-scrollbar-thumb {
background: #ddd; 
}
/* Handle on hover */
.cat-card-overflow-scroll::-webkit-scrollbar-thumb:hover {
background: #ccc; 
}
@media (min-width: 0px) and (max-width: 767px){
.header {
background: #fff;
box-shadow: 0 0 4px rgb(0 0 0 / 20%);
-webkit-box-shadow: 0 0 4px rgb(0 0 0 / 20%);
position: fixed;
top: 0px;
z-index: 999;
}
.logo img {
display: block;
max-width: 117px !important;
max-height: 40px;
}
.sticky-left{
display:none;
}
.sticky-right{
display:none;
}
.feed-author-col-1 {
float: left;
width: 13%;
}
.feed-author-col-2 {
float: left;
width: 87%;
padding-top: 2px;
}
.feed-author-col-2 span:nth-child(1) {
font-size: 14px;
color: #393a4f;
font-weight: 600;
}
.feed-author-col-2 span:nth-child(2) {
font-size: 12px;
color: #757a91;
}
.feed-author-col-2 span {
display: block;
padding: 0 10px;
line-height: 1.3;
}
.feed-row-2 {
margin-top: 15px;
}
.feed-row-2 h2 {
color: #393a4f;
font-size: 15px;
text-transform: capitalize;
}
.feed-row-3 .col-like {
width: 25%;
float: left;
margin-top: 10px;
}
.feed-row-3 .col-like img {
width: 24px;
}
.feed-row-3 .col-like span {
font-size:13px;
}
.feed-row-3 .col-comment {
width: 25%;
float: left;
margin-top: 10px;
}
.feed-row-3 .col-comment img {
width: 24px;
}
.feed-row-3 .col-comment span {
font-size:13px;
}
.feed-row-3 .col-cat-name{
width:50%;
float:left;
margin-top:10px;
}
.feed-row-3 .col-cat-name span{


padding: 2px 10px;
border-radius: 13px;
text-transform: capitalize;
/* color: #842029;
background-color: #f8d7da;
border-color: #f5c2c7; */
font-size: 15px;
}

/* Profile List */
.all-profile-row{
padding:25px 0px;
position: relative;
top: -20px;
}
/* Profile List */


/* Detail Post Feed 3*/
.detail-post-feed-row-3{
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.detail-post-feed-row-3 .col-avatar{
width:60%;
float:left;
margin-top:10px;
}
.detail-post-feed-row-3 .col-avatar img{
width:32px;
height:32px;
border-radius: 50%;
}


.detail-post-feed-row-3 .col-like{
width:20%;
float:left;
margin-top:10px;
}
.detail-post-feed-row-3 .col-like img{
width:23px;
height:23px;
}
.detail-post-feed-row-3 .col-comment{
width:20%;
float:left;
margin-top:10px;
}
.detail-post-feed-row-3 .col-comment img{
width:23px;
height:23px;
}
.detail-post-feed-row-3 span{
font-size:14px;
position: relative;
top: 3px;    
}
/* Detail Post Feed 3*/

.minicart-right-drawer.right .modal-dialog{
width:85% !important;
}
/* End */
}