.Article_Pagination{width: 100%; float: left;}
.Article_Pagination ul{display: flex;gap: 10px;}
.Article_Pagination ul li{font-size: 14px;font-weight: 500;text-align: justify;line-height: 22px;display: flex; gap: 10px;}
.Article_Pagination ul li a{color: #666;padding: 10px 18px;text-decoration: none;border: 1px solid var(--brdgrey);background-color: #fff;box-shadow: 0 0 10px #EEE;border-radius: 5px;}
.Article_Pagination ul li a.active{color: #111; border: 1px solid #111;}

.Articles_Section{}
.Articles_Section h1.title_class{text-align: center; padding-bottom: 30px; font-size: 26px;}
.Articles_Section h1.title_class.two{text-align:left; font-size:24px; padding-top:10px;}
.Articles_Section .ContinueShopping_Btn{padding-top: 20px; text-transform: uppercase;}
.Articles_Section .ContinueShopping_Btn a{ display: inline-block;background: var(--btngrey);border: 1px solid var(--btngrey);color: #000; font-size: 16px;padding: 15px 20px;font-size: 16px;font-weight: 600;border-radius: 5px;}

.Article_Title{font-size: 16px;color: #000104;font-weight: 600;border-bottom: 1px solid var(--brdgrey);padding: 0 0 10px 0; margin-bottom:20px;}

.Articles_Container{display: flex; justify-content: space-between;}
.Articles_Container img{border-radius: 10px; width: 100%; height: auto; max-width: 100%;}

.Article_Right{width: 70%;}
.ArticleSlider{padding: 0 0 20px 0; position: relative;}
.ArticleSlider .owl-nav button.owl-prev, 
.ArticleSlider .owl-nav button.owl-next {position: absolute !important;top: 38%;border: 1px solid #333 !important;border-radius: 50px !important;cursor: pointer;padding: 0 !important;}
.ArticleSlider .owl-dots{bottom: 10px !important;position: absolute;left: 0;right: 0; display: none;}
.ArticleSlider .owl-dots .owl-dot.active{background: var(--Primary) !important;}
.ArticleSlider .owl-dots .owl-dot{background: var(--brdgrey) !important;}
.ArticleSlider .ArticleBox{margin: 0;}
.ArticleSlider .ArticleBox h2{padding: 15px 0 !important;}

.ArticleBox{border: 1px solid var(--brdgrey); overflow: hidden; border-radius: 10px;}
.ArticleBox a{color: #7B7B7B;}
.ArticleBox .ArticleImg{}
.ArticleBox .ArticleImg img{border-radius: 10px 10px 0 0; width: 100%;}
.ArticleBox .ArticleContent{background: #fff; padding: 15px;}
.ArticleBox .ArticleContent h2,
.ArticleBox .ArticleContent h4{font-size: 18px; font-weight: bold; color: #111; padding: 15px 0 0 0;}
.ArticleBox .ArticleContent h2 span,
.ArticleBox .ArticleContent h4 span{display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical; overflow:hidden; text-overflow: ellipsis;}

.ArticleBox .ArticleContent p.date,
.Article_Popular .PostText p.date{font-size: 12px; display: flex; align-items: center;}

.ArticleBox .ArticleContent p.date svg,
.Article_Popular .PostText p.date svg,
.ArticleBox .ArticleContent span.more svg{width: 20px; height: 20px; margin-right:5px;}

.ArticleBox .ArticleContent p.date path,
.Article_Popular .PostText p.date path{stroke: #7b7b7b;}

.ArticleBox .ArticleContent p.ShortNotes{line-height: 22px; text-align: justify; height: 80px;}
.ArticleBox .ArticleContent p.ShortNotes span{display:-webkit-box; -webkit-line-clamp: 3; -webkit-box-orient:vertical; overflow:hidden; text-overflow: ellipsis;}
.ArticleBox .ArticleContent span.more{display: flex; align-items: center; font-weight: 600; font-size: 14px; color: var(--Price);}
.ArticleBox .ArticleContent span.more svg{margin: 0 0 0 5px;}
.ArticleBox .ArticleContent span.more svg path{fill: var(--Price);}

.Common_Articles_Container{}
.Common_Articles_Container .ArticleBox .ArticleContent h4{height: 70px;}
.Common_Articles_Container .Article_Detalis{width: 49%; float: left; margin-bottom: 20px;}
.Common_Articles_Container .Article_Detalis:nth-child(2n){float: right;}

.Article_Right .pagination{text-align: center; width: 100%;}
.Article_Right .pagination li{margin: 0 1px !important; display: inline-block; float: none !important;}
.Article_Right .pagination span{font-size: 18px;}

.Article_Left{width: 24%;}
.Article_Search{}
.Article_Search .formBox{background: #fff; border: 1px solid var(--brdgrey); border-radius: 10px; padding: 5px; display: flex; justify-content: space-between; margin: 20px 0 40px 0;}
.Article_Search .formBox .textbox{width: 75%;}
.Article_Search .formBox .textbox input{height: 35px; border: 0; width: 100%; padding: 0;}
.Article_Search .formBox .btn_holder{width: 50px; text-align: center;}
.Article_Search .formBox .btn_holder button{width: 100%; height: 35px; cursor: pointer; background: var(--siteBlue); padding: 0;}
.Article_Search .formBox .btn_holder button svg{width: 24px; height: 24px;}
.Article_Search .formBox .btn_holder button svg path{stroke: #fff;}

.Article_Categories{}
.Article_Categories_Content{padding: 10px 0 40px 0;}
.Article_Categories_Content .CategoryBox{position: relative; overflow: hidden;}
.Article_Categories_Content .CategoryBox .CategoryLink{font-size: 14px; font-weight: 600; width: 100%; padding: 15px;border-bottom: 1px solid var(--brdgrey);background-color: var(--lightGrey); transition: 0.3s;}

.Article_Categories_Content .CategoryBox.OpenMenu{}
.Article_Categories_Content .CategoryBox.OpenMenu .menuheader::after{content: '-'; font-size: 30px; top: 2px;}
.Article_Categories_Content .CategoryBox.OpenMenu .categoryitems{display:block !important;}

.Article_Categories_Content .CategoryBox .menuheader{width: 35px; float: right; text-align: center; position: absolute; top: 0; right: 0;}
.Article_Categories_Content .CategoryBox .menuheader::after{content: '+'; position: absolute; top: 8px; right: 5px; width: 100%; color: var(--siteBlue); font-weight: 600;font-size: 25px; line-height: normal; cursor: pointer;}
.Article_Categories_Content .CategoryBox .menuheader.openheader{}
.Article_Categories_Content .CategoryBox .menuheader.openheader::after{content: '-'; font-size: 30px; top: 2px;}
.Article_Categories_Content .categoryitems{width: 100%; padding: 10px; font-size: 14px;background-color: var(--lightGrey); max-height: 200px;overflow: hidden auto; border-bottom: 2px solid #ccc; margin-bottom: 10px;}
.Article_Categories_Content .categoryitems ul li{ padding: 7px 0 7px 17px; position: relative;}
.Article_Categories_Content .categoryitems ul li::before {content: '';position: absolute;left: 5px;top: 12px;width: 5px;height: 5px;background: #333;border-radius: 50px;}
.Article_Categories_Content .CategoryBox:first-child{border-radius: 10px 10px 0 0; overflow: hidden;}
.Article_Categories_Content .CategoryBox:last-child{border-radius: 0 0 10px 10px; overflow: hidden;}
.Article_Categories_Content .CategoryBox:has(.menuheader.openheader) .CategoryLink{border-bottom: 0px solid var(--brdgrey);background-color: #ccc;}
.Article_Categories_Content .CategoryBox.NoSubLinks{}
.Article_Categories_Content .CategoryBox.NoSubLinks .menuheader,
.Article_Categories_Content .CategoryBox.NoSubLinks .categoryitems{display:none;}

.Article_Popular{}
.Article_PopularBox{padding: 0 0 30px 0;}
.Article_PopularBox .col{width: 100%; float: left; padding: 10px 0; border-bottom: 1px solid var(--brdgrey);}
.Article_PopularBox .col a{display:inline-block; width:100%;}
.Article_PopularBox .PostImg{width: 90px; float: left; overflow: hidden;}
.Article_PopularBox .PostImg img{border-radius: 10px;}
.Article_PopularBox .PostImg img{width: 100%;}
.Article_PopularBox .PostText{width: 65%; float: right;}
.Article_PopularBox .PostText p{display:-webkit-box; -webkit-line-clamp: 3; -webkit-box-orient:vertical; overflow:hidden; text-overflow: ellipsis; font-size: 14px;}
.Article_PopularBox .PostText p.date{padding-top: 10px; color: #7b7b7b;}

.Article_ContentPage{padding: 0;}
.Article_Discription{padding-top: 20px;}
.Article_Discription p{text-align: justify; line-height: 22px; margin-bottom: 15px;}
.Article_Discription .title_One,
.Article_Discription h2,
.Article_Discription h3{font-size: 18px; font-weight: 700; margin-bottom: 15px;}
.Article_Discription a,
.Article_Discription strong,
.Article_Discription b{color: var(--siteBlue);}
.Article_Discription ul,
.Article_Discription ol{margin-left: 30px; margin-bottom: 25px;}
.Article_Discription ul li,
.Article_Discription ol li{margin-bottom: 10px;}
.Article_Discription ul li{list-style: disc;}
.Article_Discription ul li strong,
.Article_Discription ol li strong,
.Article_Discription .BlackText{color: #111;}


@media only screen and (max-width:900px),(max-width:999px){
.Article_PopularBox .PostImg{width: 60px;}
.Article_PopularBox .PostText{width: 60%;}

.Common_Articles_Container .Article_Detalis{width: 100%;}
.Common_Articles_Container .ArticleBox .ArticleContent h4{padding: 15px 0 !important; height: auto;}

}

@media only screen and (max-width:700px),(max-width:799px){

}

@media only screen and (max-width:400px),(max-width:499px) {
.Articles_Container{display: inline-block; width: 100%;}
.Articles_Section h1.title_class.two{padding:0 0 15px 0; font-size:20px;}
.ArticleSlider{padding-bottom: 50px;}
.ArticleSlider .owl-nav{display: none;}
.ArticleSlider .owl-dots{display: block; bottom: 25px !important;}

.Article_Right{width: 100%;}
.Article_Left{width: 100%; padding-top: 30px; float: left;}
.Article_PopularBox .PostImg{width: 25%;}
.Article_PopularBox .PostText{width: 70%;}
.Article_PopularBox .PostText p{text-align: left;}

}

@media only screen and (max-width:375px),(max-width:399px){

}

@media only screen and (max-width:360px){

}

@media only screen and (max-width:300px),(max-width:320px){

}