/* -------------------- RESPONSIV CODE CSS BY ARAMBLOG.IR  ---------- BEING COD ---------- */
@media  screen and (max-width: 960px ) {
.topmenu {width:100%}
.topmenu nav {width:100%;overflow: hidden}
.topmenu  nav .right{width:auto;font:14px byekan;}
.topmenu  nav .left{width:auto; float:left !important; padding:0; margin-top:10px;}
.topmenu nav .right ul li {padding:0px}
.topmenu nav .right ul li a{font:14px byekan;padding: 3px 4px;}
.aramblog .main {width:auto;}
.aramblog .fixedimg .div img {max-width:100%;height:350px;}
.aramblog .main .title h1 {font:35px byekan;}
.aramblog .main .title:hover h1 {font:35px byekan !important;}
.aramblog .main .about h2 {font:22px byekan}
.ads468 .ads {width:auto; height:auto !important;}
.ads468 .ads figure {width:50%;}
.ads468 .ads figure img {max-width:99%; height:auto}
.emkanat {width:auto;}
.emkanat .exam {width:96%; margin:5px auto;float:none}
.emkanat .login {width:96%; margin:5px auto;float:none}
.update {width: auto;}
.update .blogup {width: 47%;float:right;margin:5px}
.border {width:96%; margin:0 auto}
.linerr {width:96%; margin:0 auto}
.last {width:96%;}
.last .news{width:100%;}
.last .textads{width:100%;}
.last .ads120{width:100%;}
.last .textads .links ul li:nth-child(2n+1) {width:46%;}
.last .textads .links ul li:nth-child(2n) {width:46%}
.last .textads .links ul li:last-child{width:96%}
.last .ads120 .ads figure {width:100%; text-align:center;}
#footer {width:100%;}
/* ---- PANNEL ------------ */
.panelmain .content {width: 96%; margin: 0px auto;overflow: hidden;}
.panelmain .content aside {width: 100%;}
.elan .get {width:96%;}
.panelmain .content .frambox {width:100%;}

}


@media  screen and (max-width: 460px ) {
.topmenu {width:100%}
.topmenu nav {width:100%;overflow: hidden}
.topmenu  nav .right{width:100%;font:12px byekan;}
.topmenu  nav .left{width:50%; float:right !important; padding:0; margin-top:10px; position:absolute; top:30px;left:2px;z-index:1000}
.topmenu nav .right ul li {padding:0px}
.topmenu nav .right ul li a{font:12px byekan;padding: 3px 4px;}
.aramblog {background:url("imgss/dot.png") #17B495; }
.aramblog .fixedimg {display:none;}
.aramblog .main {width:auto;}
.aramblog .main .title h1 {font:35px byekan;}
.aramblog .main .title:hover h1 {font:35px byekan !important;}
.aramblog .main .about h2 {font:22px byekan}
.ads468 .ads {width:auto; height:auto !important;}
.ads468 .ads figure {width:auto}
.ads468 .ads figure img {width:90%; height:auto}
.emkanat {width:auto;}
.emkanat .exam {width:96%; margin:5px auto;float:none}
.emkanat .login {width:96%; margin:5px auto;float:none}
.update {width: auto;}
.update .blogup {width: auto; margin: 11px; float:none;margin:5px}
.border {width:96%; margin:0 auto}
.linerr {width:96%; margin:0 auto}
.last {width:96%;}
.last .news{width:100%;}
.last .textads{width:100%;}
.last .ads120{width:100%;}
.last .textads .links ul li:nth-child(2n+1) {width:46%;}
.last .textads .links ul li:nth-child(2n) {width:46%}
.last .textads .links ul li:last-child{width:96%}
.last .ads120 .ads figure {width:100%; text-align:center;}
#footer {width:100%;}
/* ---- PANNEL ------------ */
.panelmain .content {width: 96%; margin: 0px auto;overflow: hidden;}
.panelmain .content aside {width: 100%;}
.elan .get {width:96%;}
.panelmain .content .frambox {width:100%;}
.aramblog .main .signup a {font:12px byekan !important}

}