@charset "UTF-8";

.id1728984339 li.list-group-item.list-group-item-action {
    border-radius: 10px;
    margin: 1%;
    box-shadow: 0 0 7px 0 #d9d9d9;
}
.id1728984339 .page_image img {
  border-radius: 10px;
  margin-bottom: 5px;
}
.id1728984339 .page_title{

}
.id1728984339  div.category_title, div.page_title {
    padding-bottom:0% !important;
    margin-top: 0% !important;
}
.id1728984339 .side1{
}
.id1728984339 .maghalat{
    padding-top:3%;
    text-align: justify;
    margin-left:3%;
}
.id1728984339 .maghalatimg{
    float: right;
    width: 40%;
    margin: 3% 0 0 5%;
}
.id1728984339 h1.category_title, h1.page_title {
    FONT-SIZE: 25px !important;

}
.id1728984339 .beforeafter a {background: #02a755;padding: 1%;color: white;font-size: 15px;}
.id1728984339 .suggest {
    background: #efefef;
    padding: 2%;
    border-right: 2px solid #02a755;
}
/********************************************************************
DO NOT edit this file manually. This file is generated by layout.
If you want to add custom css, edit custom.css file in current template folder
*********************************************************************/
@media (max-width: 767px) {
    .id1728984339 .mohtava{
    padding: 10px ;
}
    .id1728984339 .beforeafter a {background: #02a755;padding: 1%;color: white;font-size: 12px;}
}
@media (min-width: 768px) and (max-width: 991px) {}
@media (min-width: 992px) and (max-width: 1199px) {}
@media (min-width: 1200px) {}