@media (max-width: 1800px) {    /* ----------------------------------------- 1800 --------------------------*/
    .related2 a img { height:160px}
}

@media (max-width: 1500px)  {   /* ----------------------------------------- 1500 --------------------------*/
    .wmini{padding-right:3%;padding-left:3%; }
    .gotop{right:1%;}
    #win{right:10%;width:80%;}
    .grid-item{width:31.3%;margin:1%;}
}

@media (max-width: 1300px)  {   /* ----------------------------------------- 1300 --------------------------*/
    .wmini{padding-right:2%;padding-left:2%; }
    .related2 a img { height:140px}
    .cartoonindex2{width: 85%;}
}

@media (max-width: 1100px)  {   /* ----------------------------------------- 1100 --------------------------*/
    .related2 a img { height:110px}
    .cartoonindex2{width: 100%;}
}

@media (max-width: 1200px)  {   /* ----------------------------------------- 1200 --------------------------*/
    .boxmini{ width:48%;}
}

@media (max-width: 1000px)  {   /* ----------------------------------------- 1000 --------------------------*/
    .jads{width: 96%; }
    .wmini{padding-right:2%;padding-left:2%; }
    .slick-dots li { width: 30px;margin: 0px 5px;}
    .sliderpeyv a{   margin:0 0 7px 2%;width:98% ;}
    .topb a{padding: 0px 10px 5px;}
    .topb a:nth-child(1),.topb a:nth-child(2),.topb a:nth-child(3){float:right;margin-left:5px}
    .topb a:nth-child(4),.topb a:nth-child(5),.topb a:nth-child(6){float:left;margin-right:5px}
    .botlogo{left:2%}
    .style2 .biglogo{right:2%;}
    .style2 .topb{text-align: left}
    .style2 .topb a{float:none;margin:0 2px;}
    .style2 .topb a:last-child{margin-left:0}
    .gotop{display:none}
    .mainbody,aside{width:100%;}
    #ads_sidebar{display: none} .linkbet,.linkbet2{display: inline-block;}.linkbet_iframe{display: inherit;margin: 0 auto}
    .headerpic{height: auto}
    .ft1-1,.ft1-2,.ft1-3,.ft1-4{width:100%;margin:20px 0}
    .ft1-2 .ft-titr,.ft1-3 .ft-titr,.ft1-4 .ft-titr{text-align:center}
    .ft1-2 a{display: table;float:none;margin: 20px auto}
    .birthlist img{width: 48%;margin:50px auto 0}
    .birthlist2{padding-right: 10px}
    .sch2{width: 98%;float: none;margin: 0 auto}
    .asknew{border-radius: 0;margin: 0;display: none}
    .asktitr{display: none} .askk{padding-top: 20px}
    .twolink .asktitr{display: inline-block}
    .related2 a img { height:140px}
    .mainbody2{width:100%;}
    .asknote {display: block;}
}

@media (max-width: 800px)  {   /* ----------------------------------------- 800 --------------------------*/
    .wmini{padding-right:1%;padding-left:1%; }
    .adressbar{padding-right:10px;padding-left:10px;}
    .slick-dots {  margin: 20px 0px 0px 0px;}
    .dota{padding:0}
    .slick-dots li { width: 20px;}
    .topmobile{display:block !important;}
    .topmobile a{float: none !important;}
    .logo{display: block}
    .logo img{height:68px;}
    .linkhd{display: none}
    #win{padding: 8px;}
    .popmob,.mobile2link{display: block;}
    .nxpg,.pvpg,.pageactive,.opagenum,.firstpg,.lastpg{display: inline-block;}
    .grid-item{width:49%;margin:1% 0.5%;}
    .postdesc{width:50%;text-align: right;padding:5px 20px}
    .searchbar { width: 98%;}
    .headerpic .adstop {width: 27%;top: 27%;right: 2.05%;}
    .dlapp2{width: 100%;padding:0 15px;display: inline-block;text-align: center;font-size: 16px}
    .dlapp img,.birthlist img{display: table;float: none;margin:10px auto;}
    .dlapp h2,.birthlist h2{margin:10px 0 20px}
    .birthlist img{width: auto;}
    .birthlist2{margin:0 auto;text-align: center;padding: 0}
    .birthlist button{float: none}
    .related2 a img { height:120px}
    .boxmini .boxmini2 { height:auto;overflow: auto}
    .kidworld {display: none;}
    .boxmini{ width:98%;margin:3% 1% 3% 1%;}
    .titlenewposts {margin:25px 0px 0px 0px;}
    .cartoonindex #cover { float:none;margin:30px auto -15px; }
    .cartoonindex .btns { text-align:center; }
    .cartoonindex h2 {text-align: center;}
}

@media (max-width: 700px)  {   /* ----------------------------------------- 700 --------------------------*/
    .obirth{width:48%;margin:1%;}
    .bloklink a{width: 50%}
    .boxask .panelzir a{width: 100%}
    .jashn1{width: 48%;margin: 5px 1%;}
    /*.searchbar input:first-child{width: 98%;margin:10px 1%}*/
    /*.searchbar select{width: 63%;margin:0px 1%}*/
    /*.searchbar input:last-child{width: 33%;margin:0px 1%}*/
    .related2 a{width: 50%}
    .related2 a img { height:200px}
}

@media (max-width: 600px)  {   /* ----------------------------------------- 600 --------------------------*/
    .sliderpeyv a{   margin:0 0 7px 0 !important;width:100% !important;}
    #win{right:5%;width:90%;}
    .cloz{display: block}
    .hamsal3{margin:15px auto 0 auto;float: none;display: table}
    .flbox3 span{width:100%;display: inline-block}
    .flbox3 span:nth-child(2){display: none}
    .nf1{width: 90%;min-width: auto;text-align: center;margin: 0 5%}
    .nf3{float: none;margin:50px auto;display: inline-block}
    .formdiv label{width: 100%;margin:0 0 5px}
    .formdiv input,.formdiv textarea{width: 100%}
    .formdiv .inputteke .seccode{width:calc(100% - 140px)}
    .formdiv .inputteke input{width:calc(100% - 180px)}
    .formdiv .inputtteke input{width:calc(100% - 137px)!important}
    .midpage .link50{width:98%;}
    .whyninipg {  width: 98%;margin: 10px 1%   }
    .whyninipg span{min-height: auto}
    .boxfl{width: 100%;margin:5px 0}
    .grid-item{width:99%;position:relative !important;top:0 !important;right:0 !important}
    .axha{height:auto !important}
    .formdiv2 .inputteke input{width:calc(100% - 210px)}
    .formdiv2 .inputteke span{width:calc(100% - 210px);display:initial;}
    .formdiv2{font-size: 15px}
    .ask .ask3 .c2,.ask .ask3 .c44{display: none}
    .related2 a img { height:160px}
    .blokt {font-size: 25px;}
    aside {padding: 0;}

    .inindex article { float:none;clear:both; }
    .inindex .boxmini{ float:none;clear:both;margin:5% 1%; }
    .boxfl { float:none;clear:both;margin:5% 1%; }
    .titlenewposts {font-size: 25px;}
    .paging a{padding:10px 12px}
    
}

@media (max-width: 500px) {    /* ----------------------------------------- 500 --------------------------*/
    .linkbet img{max-width: 98% !important;;border-radius: 6px;}
    .popmobdown{display: block;}
    .sabet .f a {margin:10px 0 0 0}
    .nextpost,.prevpost{width:100%}
    .postdesc{width:100%;text-align: right;padding:5px 20px}
    .link2{margin-top:10px}
    .hamsal2 .chekboxha div{width: 100%;margin:15px 0 0 0}
    .hamsal2 {padding-top:0}
    .fltitr{display: none}
    .hamsalan span{display: none}
    .related2 a img { height:160px}

    .paging a { display:none;padding:10px; }
    .paging a:nth-last-child(2) { display:inline-block;background-color:rgba(0,0,0,0.1);padding-right:0; }
    .paging a.pageactive { display:inline-block;padding:10px 15px; }
    .paging a.pageactive:not(.paging a:nth-last-child(2)) { display:inline-block;padding:10px 15px 10px 0; }
    .paging a.pageactive::after { content:'از';margin-right:10px; }
    .paging a:nth-last-child(2)::after { display:none; }
    .paging a.nxpg,.paging a.pvpg { display:inline-block;padding:10px 20px; }
    .paging a.nxpg { float:right; }
    .paging a.pvpg { float:left; }
}

@media (max-width: 350px) {    /* ----------------------------------------- 350 --------------------------*/
    .related2 a{width: 100%}
    .related2 a img { height:190px}
}