/* singlePage center side start */
 .singlePageGrid {
     display: flex;
     gap: 20px;
     align-items: flex-start;
     flex-wrap: wrap;
 }

 /* Əsas Xəbər */
 .blogContent {
     flex: 3;
     background: #fff;
     padding: 10px 0px;
     margin-top: 20px;
 }

 .blogContent img {
     width: 100%;
     border-radius: 10px;
     margin-bottom: 5px;
 }

 .blogContent,
 .news-title {
     font-size: 1.8rem;
     color: #222;
     font-weight: 700;
     padding: 5px;
     margin-bottom: 5px;

 }

 .meta {
     font-size: 14px;
     color: #666;
     margin-bottom: 15px;
     padding: 5px;
 }

 .meta .category,
 .meta .time {
     margin-right: 12px;
 }

 .meta i {
     margin-right: 5px;
     color: #0077cc;
 }

 .meta .views {
     margin-right: 12px;
     color: #666;
 }

 .meta .views i {
     margin-right: 5px;
     color: #0077cc;
 }


 .description {
     font-size: 18px;
     line-height: 1.7;
     font-weight: 500;
     padding: 5px;
 }

.description p{
     margin-bottom: 15px;
 }

 /* singlePage center side end */


 /* singlePage center oxsar xeberler start */

 .aBlockWrap {
     margin-top: 12px;
 }

 .bigPost {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
     gap: 10px;
 }

.bigPost a {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    text-decoration-line: none;
    display: flex
;
    flex-direction: column;
}

 .BigPostImage {
     height: 150px;
     overflow: hidden;
 }

 .BigPostImage img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     border-radius: 8px;
 }

 .aBlockTitle {
     display: flex;
     justify-content: space-between;
     align-items: center;
     border-bottom: 1px solid black;
     margin-bottom: 15px;
     font-size: 18px;
     padding-bottom: 5px;
 }

 .aAllShow a {
     text-decoration-line: none;
     color: black;
 }

 .aAllShow a:hover {
     text-decoration-line: underline;
     color: black;
 }



 .BigPostInfo {
     margin-top: 10px;
 }


 .postCategory {
     color: #007bff;
 }


 /* singlePage center oxsar xeberler end */





















 /* Lent xeberler start */
 .singleRight-sidebar {
     margin-top: 20px;
 }

 .singleRight-sidebar h3 {
     font-size: 18px;
     margin-bottom: 10px;
 }

 .singleSimilarNews {
     flex: 1;
     /* min-width: 250px; */
 }

 .singlePageSimilarCard {
     margin-top: 4px;
     margin-bottom: 20px;
 }

 .singlePageSimilarCardLent {
     background: #00bbd4;
     color: #fff;
     padding: 10px 10px;
     border-radius: 3px;
     margin-bottom: 5px;
     text-align: center;
 }

 .singlePageSimilarCardLent h3 {
     font-size: 16px;
     margin-bottom: 0px;

 }

 .singlePageRightLink {
     cursor: pointer;
     text-decoration-line: none;
     color: #000;

 }

 .sidebarSinglePageg-card {
     gap: 10px;
     display: flex;
     margin-bottom: 15px;
     padding-bottom: 10px;
     border-bottom: 1px solid #c4c4c4;
     margin-top: 15px;
 }

 .sidebarSinglePageg-card img {
     width: 70px;
     height: 80px;
     object-fit: cover;
     border-radius: 4px;
 }

 .signleSidebar-content {
     display: flex;
     flex-direction: column;
     gap: 10px;
     justify-content: space-between;
 }

 .signleSidebar-title {
     font-size: 16px;
     color: #111;
     outline: none;
     font-weight: bold;
     display: -webkit-box;
     display: box;
     -webkit-box-orient: vertical;
     box-orient: vertical;
     -webkit-line-clamp: 3;
     line-clamp: 3;
     overflow: hidden;
     text-overflow: ellipsis;
 }

 .signleSidebar-meta {
     display: flex;
     gap: 10px;
     font-size: 12px;
     color: gray;
 }

 .signleSidebar-meta i {
     margin-right: 4px;
 }

 /* Lent xeberler end */




 /* lentin altinda yerlesen bloglar start */
 .similarCardAnother {
     margin-bottom: 25px;
 }

 .rightLink {
     cursor: pointer;
     text-decoration-line: none;
     color: #000;
     margin-top: 15px;
     display: block;

 }

 .sidebar-titleAnother {
     word-break: break-all;
     font-size: 18px;
     font-weight: bold;
     display: -webkit-box;
     display: box;
     -webkit-box-orient: vertical;
     box-orient: vertical;
     -webkit-line-clamp: 2;
     line-clamp: 2;
     overflow: hidden;
     text-overflow: ellipsis;
 }

 .sidebar-contentAnother {
     display: flex;
     flex-direction: column;
     gap: 8px;
     margin-top: 5px;

 }

 .sidebar-cardAnother img {
     width: 100%;
     height: auto;
     object-fit: cover;
     border-radius: 4px;
 }

 .sidebar-meta {
     display: flex;
     gap: 10px;
     font-size: 12px;
     color: gray;
 }

 /* lentin altinda yerlesen bloglar end */






 @media (max-width: 1520px) and (min-width: 1360px) {
     .bigPost {
         display: grid;
         grid-template-columns: repeat(auto-fit, minmax(160px, 4fr));
         gap: 20px;
     }
 }

 @media (max-width: 1360px) and (min-width: 1310px) {
     .bigPost {
         display: grid;
         grid-template-columns: repeat(auto-fit, minmax(150px, 4fr));
         gap: 20px;
     }
 }

 @media (max-width: 1313px) and (min-width: 1290px) {
     .bigPost {
         display: grid;
         grid-template-columns: repeat(auto-fit, minmax(130px, 4fr));
         gap: 20px;
     }
 }

 @media (max-width: 1167px) {
     .bigPost {
         display: grid;
         grid-template-columns: repeat(auto-fit, minmax(150px, 3fr));
         gap: 20px;
     }
 }




 @media (max-width: 1150px) {

     .rightCenterMenu {
         width: 100%;
     }

     .blogContent {
         padding-top: 0px !important;
         margin-top: 5px !important;

     }

     .singleSimilarNews {
         display: flex;
         flex-direction: column-reverse;
     }

     .similarCardAnother {
         display: grid;
         grid-template-columns: repeat(auto-fit, minmax(150px, 2fr));
         gap: 20px;
     }


 }




 @media (max-width: 768px) {

     .BigPostImage {
         height: 180px;
     }
     
    .meta {
       padding: 0px;
       margin-top: 10px;
       margin-bottom: 20px;
    }

    .description {
        padding: 0px;
        font-size: 18px;
    }

    .blogContent,
    .news-title {
      padding: 0px;
      font-weight: 600;
      font-size: 1.7rem;
    }

     .aBlockWrap {
         display: flex;
         flex-direction: column;
     }
 }


 @media (max-width:500px) {
     .rightLink {
         margin-top: 0px;
     }

     .meta {
         font-size: 13px;
     }

     .aBlockTitle h2 {
         font-size: 18px;
     }

     .blogContent img {
         height: 250px;
     }
 }

 @media (max-width:353px) {
     .meta {
         font-size: 11px;
     }
 }

 @media (max-width:314px) {
     .meta {
         font-size: 10px;
     }
 }