body{ width: 100%; overflow-x: hidden; font-size:16px; background-color: #fff;}
*{ font-family: "Open Sans", "Lucida Grande", "Lucida Sans Unicode","Arial"; margin:0; padding:0; font-size:inherit;font-weight:400; line-height:1.6; color:#333; text-decoration:none; list-style:none;}

.sitemapwrap{width:96%; max-width:1200px; margin:auto; direction:rtl;}
.sitemapban{overflow:hidden; text-align:center;}
.sitemapban h1{font-size:36px; font-weight:bold; margin:50px auto;}
.sitemapcon1,.howtocon{padding:40px 30px 40px 0; border-top:2px solid #f1f1f1;}
.sitemapcon1 h2,.howtocon h2{font-size:26px; font-weight:bold;}
.sitemapcon1 ul{width:23%; display:inline-block; vertical-align:top; margin:10px 10px 0 0;}
.sitemapcon1 li,.howtocon li{margin-top:20px; font-size:18px;}
.sitemapcon1 li a,.howtocon li a{color:#2b7fe7; font-size:inherit;}
.sitemapcon1 li a:hover,.howtocon li a:hover{text-decoration:underline;}
.howtocon ul{width:48%; display:inline-block; vertical-align:top; margin-top:20px;}
.howtocon ul>a{display:inline-block; color:#2b7fe7; border:1px solid #2b7fe7; line-height:1; padding:6px 12px; margin-top:25px;}
.howtocon ul>a:hover{color:#fff; background-color:#2b7fe7;}

@media screen and (max-width: 980px){
.sitemapcon1,.howtocon{padding:40px 10px 40px 0;}
}
@media screen and (max-width: 768px){
.sitemapcon1 ul{width:46%;}
}
@media screen and (max-width: 568px){
.sitemapwrap{font-size:16px;}
.sitemapcon1,.howtocon{padding:40px 6px;}
.sitemapcon1 h2,.howtocon h2{text-align:center;}
.howtocon ul{width:100%;}
}