@media screen and (max-width: 1250PX) {
    .container > svg{
        width:550px !important;
        left:170px !important;
    }

    .aboutus svg{
        display:none !important;
    }
    .aboutus div.matn{
        width:100% !important ;
    }
}

@media screen and (max-width: 1151PX) {
    .container > svg {
        width: 450px !important;
    }

    header .bottom .left .search{
        display: none!important;
    }
    header > .bottom > .left{
        width: auto!important;
    }
    main.paygahedanesh div.last .lastArticle .left a p{
        font-size: 13pt!important;
        padding-top: 0!important;
    }
    main.paygahedanesh div.last .lastArticle .left{
        padding: 0 30px 0px 0!important;

    }
    .slider2{
        min-height: auto !important;

    }

    .textleft{
        margin: auto ;
    }
}

@media screen and (max-width: 1050PX){
    .slider2{
        text-align: center!important;
    }
    .container{
        float: none!important;
    }
    .container > svg{
        width: 100% !important;
        left: 2.5% !important;
    }

    .answer .offer{
        width:100%!important;
        display: block!important;
        margin-bottom: 30px!important;
        margin-top: 0!important;
        top: 0!important;
        float: none!important;
    }
    .answer .answerlist{
        padding: 50px 0 30px 0!important;
        min-height: auto!important;
    }
    .ask .offer{
        width:100%!important;
        display: block!important;
        margin-bottom: 30px!important;
        top: 0!important;
        float: none!important;
    }
    .ask .showask{
        width: 100%!important;
    }
    .answer .showanswer{
        width:100%!important;
    }
    .answer .items div.buttonAns{
        padding: 4px 8px!important;
        font-size: 9pt!important;
    }
    .answer .answerlist span.title{
        font-size: 14pt!important;
    }
    .answer .offer span{
        font-size: 14pt!important;
    }
    .answer .relatedQues span.title2{
        font-size: 14pt!important;
    }
    main.paygahedanesh div.last .lastArticle{
        display: block!important;
    }
    main.paygahedanesh div.last .lastArticle .left{
        display: block!important;
        padding:0!important;

    }
    main.paygahedanesh div.last .lastArticle .right {
        display: block;
        float: none !important;
        margin: 0 auto !important;
        width: 100%!important;
    }
    main.paygahedanesh div.last .lastArticle .right a img{
        width: 100%!important;
    }
    main.paygahedanesh div.last .div1 .title{
        font-size: 17pt!important;
    }
    main.paygahedanesh div.last .div1 .all{
        font-size: 9pt!important;
        padding: 7px!important;
    }

    .questions .leftt {
        width: 100%!important;
        position: absolute!important;
        right: 0!important;
        margin-top: 50px!important;
        padding: 0 100px!important;

    }
    .questions .offer{
        display: none!important;
    }
    .questions .leftt .top{
        display: none!important;
    }
    .questions .rightt{
        width: 100%!important;
        position: relative!important;
        padding-top: 25px!important;
    }
    .questions div.listques ul li img.iconques{
        right: -25px!important;
    }
    main.questions .bg {
        display: none!important;
    }
    .article p.title,.session p.title{
        font-size: 16pt!important;
    }

}

@media screen and (max-width: 1000PX){
    .cart .basket,.checkout .information,.checkout h1{
        padding:50px 30px!important;
    }
    .checkout .information{
        padding:40px 30px!important;
    }
    .checkout .basket{
        padding: 0 30px!important;
    }

    main.aboutus div.content > div{
        float: none!important;
        width: 100%!important;
    }

    main.aboutus div.content .left ul li{
        text-align: center!important;
    }
    main.aboutus div.content .left ul{
        border-left: none!important;
    }
    main.aboutus div.content .left ul li:after{
        display: none!important;
    }

    footer .top div{
        float: none!important;
        margin: 0 auto!important;
        width:70%!important;
    }
    footer{
        padding: 0 0!important;
    }
    footer .bottom p{
        text-align: center!important;
        margin: 0 auto!important;
    }
    .ertebatBaMa .contactus .letter img{
        width: 100%!important;
    }
    .questions .modal .feedback-input{
        font-size: 14px!important;
        width: 100%!important;
    }
    .questions .modal span.comment{
        display: none!important;
    }
    header .top .left{
        display: none;
    }
}

@media screen and (max-width: 950PX){
    .firstPage .articles div > div {
        width: 100% !important;
    }

    .firstPage .articles div div.left .items {
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 30px !important;
    }
    .firstPage .articles div div.left .items img{
        max-height: none!important;
    }
}

@media screen and (max-width: 892PX) {

    main.aboutus div.content .right div.ourTeam ul li img{
        display: inline-block!important;
    }
    main.aboutus div.content .right div.ourTeam ul li{
        width: 49%!important;
    }


    main.paygahedanesh div.top div.arrBottom{
        float: none!important;
    }

    .firstPage .podcasts div.right {
        width: 100%!important;
        margin-bottom: 30px!important;
    }
    .firstPage .podcasts div.left .items div{
        height:auto!important;
    }
    .firstPage .podcasts div.left {
        width: 100%!important;
    }

    header .bottom{
        display: none!important;
    }
    header .top{
        display: none!important;

    }
    header .responsive {
        display:inline-block!important;
        wudth:100%!important;
    }
    .userP .menutop{
        display: block!important;
    }
    .userP .right{
        display: none!important;
    }
    .userP .left{
        width: 100%!important;
        padding-right: 100px!important;
    }
    header{
        height: 120px!important;
    }
    .firstPage .suggestion > div >div{
        width: 100%!important;
        margin-top: 25px!important;
        margin-bottom: 25px!important;
    }
    .firstPage div p.title{
        font-size: 19pt!important;
        margin-bottom: 20px!important;
    }
    .course p.title {
        font-size: 16pt!important;
    }
    .course div.filters form select{
        padding: 3px!important;
        margin-left: 2px!important;
    }
    .course div.filters form button{
        padding: 5.5px 19px!important;
    }
    .ertebatBaMa .contactus .letter{
        padding-left: 0!important;
        width: 400px!important;
        text-align: center!important;
        float: none!important;
        display: block!important;
        margin: 0 auto;
        padding-top:0!important;
    }
    .ertebatBaMa .contactus .form{
        margin: 0 auto!important;
        text-align: center!important;
        width: 400px!important;
        float: none!important;
        padding-top:0!important;
    }
    .article .offer1 ,.article .fixedoffer,.session .offer ,.session .fixedoffer{
        display: none!important;
    }
    .article .matn .intro div.social-inner1,.fixedSocial{
        display: none!important;
    }
    .article .offer2,.article .matn .intro div.social-inner2{
        display: block!important;
    }

    .article .matn .intro .description{
        width:100%!important;
        margin-left:0!important;
    }

    .article .matn .intro,.article .tag,.session .matn .intro,.session .tag{
        width: 100%!important;
    }

    .article .rank span.title{
        font-size: 16pt!important;
    }
    #form-main .form .submit {
        width: 100%!important;
    }
    .crs div .right .intro{
        display: block!important;
    }
    .crs div .left{
        display:none!important;
    }
    .crs div .right{
        width: 100%!important;
    }
}

@media screen and (max-width: 840PX){
    main.questions div.top1 input{
        width:100%!important;
    }

    main.questions div.top1 h1.tit{
        font-size:12pt!important;
        margin:0 auto!important;
    }
    .questions div.listques ul li .left div.date{
        margin-top: -3px!important;
        margin-right: 12px!important;
    }
    .questions div.listques ul li div.answer {
        display: none !important;
    }
    .questions div.listques ul li div.right{
        width:100%!important;
    }
    .questions div.listques ul li div.left{
        float:none!important;
        width:100%!important;
    }
}

@media screen and (max-width: 762PX) {
    .learn .commentlist,.learn #form-main{
        width: 100%!important;
    }
    .learn #form-main{
        padding: 35px!important;
    }

    main.aboutus div.content .right div.ourResult ul li span.txt{
        font-size:10pt!important;
    }
    main.aboutus div.content .right div.ourResult ul li span.num {
        font-size:16pt!important;
    }
    main.aboutus div.content .right div.ourResult ul li img{
        width:40px!important;
    }

    main.aboutus div.content .right div.ourTeam.main ul li{
        float: none!important;
        width: 100%!important;
    }

    main.aboutus div.content .right div.ourTeam ul li div{
        height: auto!important;
    }


    .firstPage .courses ul{
        width:100%!important;
    }

    .firstPage .sliderr .desktopslider{
        display: none!important;
    }
    .firstPage .sliderr .mobileslider{
        display: block!important;
    }

    .firstPage .courses ul li{
        width: 100%!important;
        height: auto!important;
        margin-right:0!important;
        margin-bottom: 20px!important;
    }
    .firstPage .courses ul li a,.firstPage .courses ul li a img{
        height: auto!important;
    }

    .firstPage .courses ul li a .p {
        top: 0!important;
        border-radius: 0 0 5px 5px!important;
    }
    .firstPage .courses ul li a img{
        border-radius:5px 5px 0 0!important;
    }

    .firstPage .courses ul li:hover a .p {
        background-color: #F0F0F1!important;
        top:0!important;
        font-family:iranyekan_regular!important;
    }

    main.paygahedanesh div.top input {
        width: 100% !important;
        padding: 21px 16px !important;
    }
    main div.top div.resultsearch{
        width: 100% !important;
    }
    main.paygahedanesh div.top div.clsInp,main.questions div.top1 div.clsInp{
        width: 100%!important;
    }
    main.paygahedanesh div.top div.clsInp .del,main.questions div.top1 div.clsInp .del{
        top:12px!important;
        width: 18px;
    }

    main.paygahedanesh div.top p {
        font-size: 16pt!important;
    }

    main.answer {
        padding: 30px !important;
    }

    main.questions div.top1 p {
        font-size: 14pt !important;
    }

    main.questions div.top1 input {
        width: 100% !important;
        height: 16px !important;
        padding: 20px 16px !important;
    }
    main div.top1 div.resultsearch{
        width: 100% !important;
    }

    .questions .modal #addquestion {
        width: 68% !important;
    }

    .article #form-main {
        padding: 30px !important;
    }

    .article .feedback-input {
        padding: 8px 13px 8px 0 !important;

    }
}

@media screen and (max-width: 700PX){
    main.aboutus div.content .right div.ourTeam.main ul li div {
        width: 100% !important;
        height:auto !important;
    }

    main div.top h1.ti{
        font-size:14pt!important;
    }

}

@media screen and (max-width: 600PX) {

    .crs .right .teacher .teacherPic{
        width: 180px !important;
        float: none !important;
        display: block !important;
        margin: auto !important;
    }
    .itemJ .time{
        float: none !important;
        display: block !important;
        text-align: center !important;
        padding: 7px 0 1px 0 !important;
    }


    .hh11, .hh22, .hh33{
        width:100% !important;
        text-align:center;
    }

    .logobotom{
        display: none !important;
    }
    .slider2{
        width:100% !important;
    }

    .learn #form-main .form input{
        width: 100%!important;
    }

    .article .modal div.mdlFrm{
        width: 94%!important;
        max-width: 550px!important;
        padding: 30px!important;
    }
    .crs div .right .comment div.ghCmt ul li{
        width: 100%!important;
        margin: 10px auto!important;
    }
    .crs div .right .comment div ul li {
        width: 100%!important;
        display: block!important;
    }
    main.answer #form-main{
        padding: 20px!important;
        padding-bottom: 100px!important;
    }
    header {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    div.masir{
        margin: 15px 30px!important;
    }


    .userP .left{
        padding: 30px!important;
    }

    .userP{
        padding: 0!important;
    }
    .userP .menutop{
        padding-left: 30px!important;
        padding-right: 30px!important;
    }

    .userP .sliderMenu{
        padding:20px 30px!important;
    }
    .userP .sliderMenu ul li a{
        font-size: 10pt!important;
    }

    header .modal div.imp {
        width:90%!important;
        max-width: 350px!important;
    }

    header .modal div form #p{
        right:0!important;
    }
    header .modal div form p.pass{
        width: 100%!important;
    }

    header .modal div form {
        width: 200px !important;
    }

    header .modal div form input {
        width: 220px !important;
    }

    header .modal div form .submit {
        width: 220px !important;
        height: 40px !important;
        font-size: 11pt !important;
    }

    header .modal div h1 {
        font-size: 13pt !important;
    }

    header .modal div form label {
        font-size: 8pt !important;
        right: 23px !important;
    }

    header .modal div form input {
        height: 40px !important;
    }

    header .modal div.imp div.googleacount {
        margin-right: 22% !important;
        font-size: 10pt !important;
    }

    .course div.filters form select{
        display: block;
        margin-bottom: 8px;
    }

    main{
        padding: 30px!important;
    }

    main.firstPage,main.checkout,main.cart,main.course,main.archiveArt{
        padding: 0!important;
        padding-bottom: 30px!important;
    }

    .firstPage > div{
        padding:30px !important;
        margin-bottom: 30px!important;
        text-align: center!important;
    }

    .firstPage div.articles > div,.firstPage div.courses > div,.firstPage div.podcasts > div{
        margin-top: 20px!important;
    }

    .questions .leftt {
        padding: 0 30px!important;
    }

    .answer #form-main .form .submit{
        width: 100%!important;
    }
    .answer #form-main .form .submit span{
        padding-top:10px!important;
    }
    .answer #form-main .form input{
        width: 100% !important;
        height: 41px!important;
    }
    .article #form-main{
        padding: 35px 35px!important;
    }

    #form-main .form input{
        width: 100%!important;
    }
    #form-main .form span{
        height: 57px!important;
        padding-top: 12px!important;
    }
}

@media screen and (max-width: 500PX) {

    footer .top span{
        font-size:12pt!important;
    }
    .firstPage div a.all{
        float: none!important;
        margin: 0 auto!important;
        width: 62px!important;
        margin-bottom: 10px!important;
    }
    .firstPage div p.title{
        display: block!important;
        float: none!important;
        text-align: center!important;
    }
    .pages ul li a{
        padding: 2px 9px!important;
    }
    .pages ul li{
        padding: 0!important;
    }
    .left form.editUser ul li input{
        width: 100%!important;
        max-width: 400px!important;
    }

}

@media screen and (max-width:430PX) {
    main.article #form-main .form span{
        width: 100%!important;
    }

    main div.top h1.ti{
        font-size:11pt!important;
    }
    main div.top input{
        margin: 0 auto 0 auto!important;
        margin-bottom: 20px!important;
    }
}