/* 320-359 */
@media only screen and (min-width: 320px) and (max-width: 359px) {
.container-fol { background-color:#ffffff;
padding:0px 0px 0px 0px; margin:0px;
direction:rtl; }

.row-fol-header { margin:0 auto;background-color:#f2f2f2; }

.col-fol-header {
text-align:center;
display: flex;justify-content: center;
flex-direction: column;
margin-top:20px;margin-bottom:20px;}

.col-fol-header h1 { font-family:shabnam;
font-size:15px;color:#cf984a;
padding:0px;margin:0px 0px 0px 0px;}

.row-fol-body{
margin: 15px auto 20px auto;
padding:0px 0px;list-style-type:none; }

.col-fol-body { padding:12px 12px;
margin-bottom:10px; border-right:1px solid #f2f2f2; }

.col-fol-body:nth-child(even) { border-right:0px; }
 
.col-fol-body a {
padding:0px 0px 0px 0px;text-align:center;
display:block; }

.col-fol-body img { border-radius:12px; }

.col-fol-body span { padding:5px 0px;
color:#222222;font-family:shabnam;
font-size:12px;margin:10px 10px 0px 10px;
display:block;background-color:#ffffff; 
border-top:2px solid #f2f2f2; 
border-bottom:2px solid #f2f2f2; }

}








/* 360-399 */
@media only screen and (min-width: 360px) and (max-width: 399px) {
.container-fol { background-color:#ffffff;
padding:0px 0px 0px 0px; margin:0px;
direction:rtl; }

.row-fol-header { margin:0 auto;background-color:#f2f2f2; }

.col-fol-header {
text-align:center;
display: flex;justify-content: center;
flex-direction: column;
margin-top:20px;margin-bottom:20px;}

.col-fol-header h1 { font-family:shabnam;
font-size:17px;color:#cf984a;
padding:0px;margin:0px 0px 0px 0px;}

.row-fol-body{
margin: 15px auto 20px auto;
padding:0px 0px;list-style-type:none; }

.col-fol-body { padding:12px 12px;
margin-bottom:10px; border-right:1px solid #f2f2f2; }

.col-fol-body:nth-child(even) { border-right:0px; }
 
.col-fol-body a {
padding:0px 0px 0px 0px;text-align:center;
display:block; }

.col-fol-body img { border-radius:12px; }

.col-fol-body span { padding:8px 0px;
color:#222222;font-family:shabnam;
font-size:14px;margin:10px 10px 0px 10px;
display:block;background-color:#ffffff; 
border-top:2px solid #f2f2f2; 
border-bottom:2px solid #f2f2f2; }

}












/* 400-767 */
@media only screen and (min-width: 400px) and (max-width: 767px) {
.container-fol { background-color:#ffffff;
padding:0px 0px 0px 0px; margin:0px;
direction:rtl; }

.row-fol-header { margin:0 auto;background-color:#f2f2f2; }

.col-fol-header {
text-align:center;
display: flex;justify-content: center;
flex-direction: column;
margin-top:20px;margin-bottom:20px;}

.col-fol-header h1 { font-family:shabnam;
font-size:18px;color:#cf984a;
padding:0px;margin:0px 0px 0px 0px;}

.row-fol-body{
margin: 15px auto 20px auto;
padding:0px 0px;list-style-type:none; }

.col-fol-body { padding:12px 12px;
margin-bottom:10px; border-right:1px solid #f2f2f2; }

.col-fol-body:nth-child(even) { border-right:0px; }
 
.col-fol-body a {
padding:0px 0px 0px 0px;text-align:center;
display:block; }

.col-fol-body img { border-radius:12px; }

.col-fol-body span { padding:7px 0px;
color:#222222;font-family:shabnam;
font-size:16px;margin:15px 10px 0px 10px;
display:block;background-color:#ffffff; 
border-top:2px solid #f2f2f2; 
border-bottom:2px solid #f2f2f2; }

}