/*---------------------------------------------------------
 * Desktop(huge)
 ---------------------------------------------------------*/
@media (min-width:1200px) {

    .page-cm{ display: block; }
    .page-cm-mobile{ display: none; }

    /*---------------------------------------------------------
 * ALL
 ---------------------------------------------------------*/
    /*.alavipour-crimson{color: #722c2c;}*/
    /*.alavipour-gray{color:#393d4a;}*/

    .back-top #toTop{
        z-index: 100;
    }
    .page-cm {
        overflow-x: hidden;
        font-family: 'IRANSansWeb(FaNum)';
    }
    .page-cm .content h4{
        font-size: 24px !important;
    }
    img.icon-img{
        width: 60px !important;
    }
    /*---------------------------------------------------------
     * top-banner
     ---------------------------------------------------------*/
    .page-cm .top-banner {
        background: url('img/cm/top-banner.png') no-repeat;
        background-size: 100% 100%;
        min-height: 100vh;
        width: auto;
    }
    .page-cm .top-banner .desc {
        font-family: 'IRANSansWeb_Bold';
        text-align: justify;
        float: left;
        margin: 80px 50px 0;
    }
    .page-cm .top-banner .desc p{
        text-align: center;
        font-size: 2em;
    }
    .page-cm .top-banner .desc span{
        display: block;
        text-align: center;
        color: #722c2c;
    }
    /*---------------------------------------------------------
     * video
     ---------------------------------------------------------*/
    .page-cm .video {
        background: #F4E7E7;
        min-height: 300px;
    }
    .page-cm .video video {
        margin: 15px 10px 15px;
    }
    .page-cm .video-content {
        background: #fff;
        min-width: 300px;
        min-height: 360px;
        padding: 20px 60px;
        direction: rtl;
        position: relative;
    }
    .page-cm .video-content img{
        display: inline-block;
        width: 50px;
    }
    .page-cm .video-content p {
        text-align: justify;
    }
    .page-cm .video-content:before {
        content: '';
        display: block;
        background: url('img/cbm/cbm-border-left.png');
        width: 37px;
        height: 42px;
        left: -36px;
        position: absolute;
        top: 0;
    }
    .page-cm .video .over-border-top-right1 {
        display: block;
        position: absolute;
        top: 20px;
        z-index: 1;
        right: 20px;
        border-top: 2px solid #000;
        border-right: 2px solid #000;
        padding: 5em;
    }
    /*---------------------------------------------------------
     * Plan
     ---------------------------------------------------------*/
    .page-cm .plan:before{
        /*content: '';*/
        /*width: 47%;*/
        /*border-top: 2px dashed #bcb8b8;*/
        /*position: absolute;*/
        /*top: 12.1%;*/
        /*right: 1.5%;*/
        /*transform: rotate(18deg);*/
        /*z-index: 5;*/
    }
    .page-cm .cm-plan {
        width: 70%;
        height: 100%;
        text-align: center;
        margin: 0 auto;
        margin-top: -10%;
    }

    /*---------------------------------------------------------
     * Guide
    ---------------------------------------------------------*/
    .page-cm .guide {
        position: relative;
        background-size: contain;
        background-color: transparent;
        margin-top: 0;
        background-position: right;
    }

    .page-cm .over-border-top2{
        content: '';
        display: block;
        width: 300px;
        height: 8px;
        background: #712c2c;
        position: absolute;
        top: 11.3%;
        left: -1%;
        z-index: 1;
        transform: rotate(17.7deg);
    }

    .page-cm .guide-cbm {
        /*top: 7%;*/
        z-index: 100;
    }

    .page-cm .guide-cbm ul li {
        border-radius: 30px;
        padding: 15px 0;
        display: block;
        margin: 0px 15px 10px;
        overflow: hidden;
    }
    .page-cm .guide-cbm .title-cmb {
        background: url('img/cbm/cmb-title.png') no-repeat;
        position: absolute;
        width: 150px;
        height: 150px;
        right: 29%;
        top: 1%;
        white-space: pre-line;
        text-align: center;
        padding: 4.5% 5px 0 0;
    }
    .page-cm .guide-cbm .title-cmb span{
        display: block;
        font-size:16px;
        font-family: 'IRANSansWeb(FaNum)_Bold';
    }
    .page-cm .guide-cbm .path-cmb {
        background: url('img/cbm/cmb-path.png') no-repeat;
        position: absolute;
        width: 200px;
        height: 300px;
        right: 48%;
        white-space: pre-line;
        text-align: center;
        z-index: -1;
        margin-top: 2%;
    }

    .page-cm .guide-cbm ul li{
        background-size: 250px 55px !important;
        width: 250px;
        height: 55px;
    }
    .page-cm .guide-cbm ul li#cmb01 {
        background: url('img/cm/guide-cm-1.png') no-repeat;
        /*background-size: 320px 70px;*/
    }

    .page-cm .guide-cbm ul li#cmb02 {
        background: url('img/cm/guide-cm-2.png') no-repeat;
        /*background-size: 320px 70px;*/
    }

    .page-cm .guide-cbm ul li#cmb03 {
        background: url('img/cm/guide-cm-3.png') no-repeat;
        /*background-size: 320px 70px;*/
    }

    .page-cm .guide-cbm ul li#cmb04 {
        background: url('img/cm/guide-cm-4.png') no-repeat;
        /*background-size: 320px 70px;*/
    }

    .page-cm .guide-cbm ul li#cmb05 {
        background: url('img/cm/guide-cm-5.png') no-repeat;
        /*background-size: 320px 70px;*/
    }


    .page-cm .guide-cbm ul li#cmb06 {
        background: url('img/cm/guide-cm-6.png') no-repeat;
        /*background-size: 320px 70px;*/
    }

    .page-cm .guide-cbm ul li#cmb07 {
        background: url('img/cm/guide-cm-7.png') no-repeat;
        /*background-size: 320px 70px;*/
    }

    .page-cm .guide-cbm ul li#cmb08 {
        background: url('img/cm/guide-cm-8.png') no-repeat;
        /*background-size: 320px 70px;*/
    }

    .page-cm .guide-cbm ul li#cmb09 {
        background: url('img/cm/guide-cm-9.png') no-repeat;
        /*background-size: 320px 70px;*/
    }

    .page-cm .guide-cbm ul li#cmb10 {
        background: url('img/cm/guide-cm-10.png') no-repeat;
        /*background-size: 320px 70px;*/
    }

    .page-cm .guide-cbm ul li#cmb11 {
        background: url('img/cm/guide-cm-11.png') no-repeat;
        /*background-size: 320px 70px;*/
    }


    .page-cm .guide-cbm ul li .right {
        margin: -3px 41% 9px 0px;
        white-space: pre-line;
        line-height: 1.3;
    }
    .page-cm .guide-cbm ul li .right span{
        /*color: #722c2c;*/
        font-family: 'IRANSansWeb(FaNum)_Bold';
    }
    .page-cm .guide-cbm ul li .right p{
        margin: 0;
    }

    /*---------------------------------------------------------
     * score
     ---------------------------------------------------------*/
    .page-cm .score {
        background: #FFF;
        width: 100%;
        position: relative;
    }
    .page-cm .score .content {
        padding: 20px 0;
    }
    .page-cm .score .certificate {
        min-height: 290px;
        margin-top: -10px;
        position: relative;
    }
    .page-cm .score .certificate .icon-img { /* cbm-icon1 */
        width: 70px;
    }
    .page-cm .score .certificate2 .icon-img { /* cbm-icon2 */
        width: 70px;
    }
    .page-cm .score p{
        padding: 0;
        margin: 0;
    }
    .page-cm .score .over-border-right3 {
        width: 10px;
        height: 137%;
        border-left: 2px dashed #bcb8b8;
        display: none;
        position: absolute;
        top: -1%;
        z-index: 1;
        right: 0.3%;
    }
    .page-cm .score .over-border-top3 {
        width: 100%;
        height: 10px;
        border-top: 2px dashed #bcb8b8;
        display: none;
        position: absolute;
        margin: 0 0;
        top: -31.5%;
        right: -1.3%;
        transform: rotate(18deg);
    }
    .page-cm .score .certificate:nth-child(1):before{
        top: -43%;
    }
    .page-cm .score .certificate:nth-child(2):before{
        top: 60%;
    }
    .page-cm .score .certificate:after{
        display: none;
    }
    /*---------------------------------------------------------
     * more-details
     ---------------------------------------------------------*/
    .page-cm .more-details {
        background: #f2f2f2;
        width: 100%;
        position: relative;
        min-height: 500px;
    }
    .page-cm .more-details .icon-img { /* cbm-icon3 */
        width: 70px;
    }
    .page-cm .more-details .download{
        width: 100%;
        overflow: hidden;
        margin: 50px 0;
        z-index: 1;
    }
    .page-cm .more-details .download a {
        display: block;
        /*margin: -260px auto;*/
        margin: -16em auto;
        text-align: center;
        font-family: 'IRANSansWeb(FaNum)_Bold';
        font-size: 18px;
    }
    .page-cm .more-details .download a img {
        display: block;
        text-align: center;
        width: auto;
        margin: 0 auto;
    }
    .page-cm .more-details .over-border-left4 {
        width: 10px;
        height: 82%;
        border-left: 2px dashed #bcb8b8;
        display: none;
        position: absolute;
        margin: 20px;
        top: 10%;
    }
    .page-cm .more-details .over-border-bottom4 {
        width: 97%;
        height: 10px;
        border-top: 2px dashed #bcb8b8;
        display: none;
        position: absolute;
        margin: 20px;
        bottom: -2%;
    }
    .page-cm .more-details svg {
        display: none;
    }
    .page-cm .more-details h2 {
        margin-bottom: 20px;
    }
    .page-cm .more-details .content {
        padding: 20px 0 80px;
    }

    .page-cm .more-details{
        min-height: 230px;
    }
    .page-cm .more-details:before{
        content: '';
        position: absolute;
        display: block;
        width: 300%;
        height: 600px;
        transform: rotate(18deg);
        top: 120%;
        left: -20%;
        background: #f1f2f2;
    }
    /*---------------------------------------------------------
     * register
     ---------------------------------------------------------*/
    .page-cm .yit-feature-item figure{
        border: 3px solid #702b2b;
    }
    .page-cm .yit-feature-item figure img{
        height: 200px;
    }
    .page-cm .yit-feature.style-39 .yit-feature-item{
        box-shadow: none;
        border: none;
    }

    /* all */
    .page-cm .video .over-border-top-right1,

    .page-cm .score .over-border-top3,
    .page-cm .score .over-border-right3,

    .page-cm .more-details .over-border-bottom4{
        display: block;
    }

    /* video */
    .page-cm .video {
        position: relative;
    }
    .page-cm .container-video {
        margin-top:-17%;
    }
    .page-cm .video.row .col-lg-6:nth-child(2){
        padding-bottom: 1em;
    }
    .page-cm .video.row .col-lg-6:nth-child(2):before{
        content: '';
        display: block;
        width: 100%;
        height: 150px;
        transform: rotate(12.7deg);
        position: absolute;
        top: -0.6%;
        left: -30px;
        background: #f4e7e7;
    }
    .page-cm .video.row .col-lg-6:nth-child(2):after {
        content: '';
        display: block;
        width: 15%;
        height: 200px;
        position: absolute;
        top: -19%;
        left: -15%;
        background: white;
    }
    .page-cm .video video {
        margin: 15px 0;
    }
    .page-cm .video-content img{
        display: inline;
    }
    .page-cm .video-content {
        margin: -40px 19px 0 0;
    }
    .page-cm .container-video .over-border-left1 {
        content: '';
        display: block;
        width: 88%;
        border-top: 2px dashed #bcb8b8;
        height: 1px;
        background: #fff;
        position: absolute;
        bottom: -10%;
        left: 8%;
        z-index: 1;
        transform: rotate(918deg);
    }
    .page-cm .container-video .over-border-left1:after {
        content: '';
        display: block;
        width: 50px;
        height: 3px;
        position: absolute;
        background: black;
        left: 90.5%;
        bottom: 0;
    }
    .page-cm .container-video .over-border-left1:before{
        content: '';
        display: block;
        width: 50px;
        height: 3px;
        position: absolute;
        background: black;
        left: 97%;
        bottom: -23px;
        transform: rotate(72deg);
    }
    .page-cm .container-video .over-border-right1 {
        content: '';
        display: block;
        width: 115%;
        border-top: 2px dashed #bcb8b8;
        height: 1px;
        background: #fff;
        position: absolute;
        /*bottom: -134%;*/
        top: 233%;
        right: -51.5%;
        z-index: 1;
        transform: rotate(90deg);
    }
    .page-cm .container-video .over-border-right1:before{
        content: '';
        display: block;
        width: 130px;
        position: absolute;
        border: 1px dashed #bcb8b8;
        left: 90.5%;
        bottom: -64px;
        transform: rotate(90deg);
    }

    /* plan */
    .page-cm .plan {
        min-height: 750px;
        padding-top: 80px !important;
    }
    .page-cm img.cm-plan{
        display: block;
    }
    .page-cm .plan .content{
        right: 5%;
        margin-top: 2%;
    }
    /* guide */
    .page-cm .guide {
        min-height: 500px;
        display: block;
        margin-top: -38.1%;
        z-index: 2;
        overflow: hidden;
    }
    .page-cm .guide-cbm .title-cmb {
        right: 35% !important;
        margin-top: 5% !important;
    }
    .page-cm .guide-cbm {
        position: absolute;
        top: 35%;
        left: 20%;
        z-index: 100;
    }
    .page-cm .guide-cbm ul.cm-list-1{
        position: absolute;
        left: 16%;
        margin-top: 1%;
    }
    .page-cm .guide-cbm ul.cm-list-2{
        position: absolute;
        left: -11%;
        margin-top: -11%;
    }

    /* score */
    .page-cm .score .certificate .img {
        left: 0;
        bottom: 50%;
        position: absolute;
        z-index: 1;
        width: 55%;
    }
    .page-cm .score .content {
        position: absolute;
        right: 5%;
        padding: 0;
        z-index: 1;
    }
    .page-cm .certificate .container,
    .page-cm .certificate2 .container{
        margin-top: -2em;
    }
    .page-cm .score .certificate:before {
        content: '';
        display: block;
        width: 120%;
        height: 250px;
        background: #f2f2f2;
        transform: rotate(18deg);
        position: absolute;
        top: -30%;
        left: -10%;
    }
    .page-cm .score .certificate:after {
        content: '';
        display: block;
        width: 130%;
        height: 850px;
        background: #f2f2f2;
        transform: rotate(18deg);
        position: absolute;
        top: 158%;
        left: -13%;
    }
    .page-cm .score:before { /* black line */
        content: '';
        display: block;
        width: 50%;
        height: 13px;
        background: #000;
        transform: rotate(18deg);
        position: absolute;
        top: -51%;
        left: -3%;
        z-index: 2;
    }
    .page-cm .score .certificate .img {
        left: 0;
        bottom: 20%;
        position: absolute;
        z-index: 1;
        width: 100%;
    }

    /* download */
    .page-cm .download-mobile{
        display: none;
    }

    /* more-details */
    .page-cm .more-details h2 {
        margin-bottom: 0;
    }
    .page-cm .more-details {
        background: transparent;
    }
    .page-cm .more-details .col-lg-6 {
        margin-bottom: 0;
    }
    .page-cm .more-details svg {
        display: inline-block;
    }
    .page-cm .more-details .container{
        margin-top: -11.5em;
    }
    .page-cm .more-details .download{
        /* width: 400px; */
        width: 40%;
        height: 250px;
        position: absolute;
        overflow: unset;
        top: -210%;
        left: -3%;
    }
    .page-cm .more-details .content {
        padding: 20px 0;
        background: #f2f2f2;
        margin-top: -9px;
    }
    .page-cm .more-details h2 {
        margin: -165px 0 30px;
        margin-right: -6%;
        padding: 0;
    }
    .page-cm .more-details .download a {
        transform: rotate(1deg);
    }
    .page-cm .more-details .download:after {
        content: '';
        display: block;
        width: 70%;
        height: 10px;
        background: #722c2c;
        transform: rotate(18deg);
        position: absolute;
        bottom: -20%;
        left: 0;
    }
    .page-cm .more-details .over-border-bottom4:before {
        content: '';
        display: block;
        background: #898888;
        width: 15px;
        height: 15px;
        border-radius: 100%;
        position: absolute;
        left: -7px;
        top: -9px;
    }

}


/*---------------------------------------------------------
 * Desktop(small)
 ---------------------------------------------------------*/
@media (min-width: 992px) and (max-width: 1199px) {
    .page-cm , .page-cm-mobile {
        display: none;
    }
    .page-cm{
        display: block;
    }

    .page-cm{ display: block; }
    .page-cm-mobile{ display: none; }

    /*---------------------------------------------------------
     * ALL
     ---------------------------------------------------------*/
    /*.alavipour-crimson{color: #722c2c;}*/
    /*.alavipour-gray{color:#393d4a;}*/

    .back-top #toTop{
        z-index: 100;
    }
    .page-cm {
        overflow-x: hidden;
        font-family: 'IRANSansWeb(FaNum)';
    }
    .page-cm .content h4{
        font-size: 22px !important;
    }
    img.icon-img{
        width: 50px !important;
    }
    /*---------------------------------------------------------
     * top-banner
     ---------------------------------------------------------*/
    .page-cm .top-banner {
        background: url('img/cm/top-banner.png') no-repeat;
        background-size: 100% 100%;
        min-height: 80vh;
        width: auto;
    }
    .page-cm .top-banner .desc {
        font-family: 'IRANSansWeb_Bold';
        text-align: justify;
        float: left;
        margin: 80px 50px 0;
    }
    .page-cm .top-banner .desc p{
        text-align: center;
        font-size: 2em;
    }
    .page-cm .top-banner .desc span{
        display: block;
        text-align: center;
        color: #722c2c;
    }
    /*---------------------------------------------------------
     * video
     ---------------------------------------------------------*/
    .page-cm .video {
        background: #F4E7E7;
        min-height: 300px;
    }
    .page-cm .video video {
        margin: 15px 10px 15px;
    }
    .page-cm .video-content {
        background: #fff;
        min-width: 300px;
        min-height: 360px;
        padding: 20px 40px;
        direction: rtl;
        position: relative;
    }
    .page-cm .video-content img{
        display: inline-block;
        width: 50px;
    }
    .page-cm .video-content p {
        text-align: justify;
    }
    .page-cm .video-content:before {
        content: '';
        display: block;
        background: url('img/cbm/cbm-border-left.png');
        width: 37px;
        height: 42px;
        left: -36px;
        position: absolute;
        top: 0;
    }
    .page-cm .video .over-border-top-right1 {
        display: block;
        position: absolute;
        top: 20px;
        z-index: 1;
        right: 20px;
        border-top: 2px solid #000;
        border-right: 2px solid #000;
        padding: 5em;
    }
    /*---------------------------------------------------------
     * Plan
     ---------------------------------------------------------*/
    .page-cm .plan:before{
        /*content: '';*/
        /*width: 47%;*/
        /*border-top: 2px dashed #bcb8b8;*/
        /*position: absolute;*/
        /*top: 12.1%;*/
        /*right: 1.5%;*/
        /*transform: rotate(18deg);*/
        /*z-index: 5;*/
    }
    .page-cm .cm-plan {
        width: 70%;
        height: 100%;
        text-align: center;
        margin: 0 auto;
        margin-top: -10%;
    }

    /*---------------------------------------------------------
     * Guide
    ---------------------------------------------------------*/
    .page-cm .guide {
        position: relative;
        background-size: contain;
        background-color: transparent;
        margin-top: 0;
        background-position: right;
    }

    .page-cm .over-border-top2{
        content: '';
        display: block;
        width: 300px;
        height: 8px;
        background: #712c2c;
        position: absolute;
        top: 12.5%;
        left: -1%;
        z-index: 1;
        transform: rotate(17.7deg);
    }

    .page-cm .guide-cbm {
        /*top: 7%;*/
        z-index: 100;
    }

    .page-cm .guide-cbm ul li {
        border-radius: 30px;
        padding: 15px 0;
        display: block;
        margin: 0px 15px 7px;
        overflow: hidden;
    }
    .page-cm .guide-cbm .title-cmb {
        background: url('img/cbm/cmb-title.png') no-repeat;
        background-size: 120px 120px;
        position: absolute;
        width: 120px;
        height: 120px;
        right: 29%;
        top: 1%;
        white-space: pre-line;
        text-align: center;
        padding: 4.5% 5px 0 0;
    }
    .page-cm .guide-cbm .title-cmb span{
        display: block;
        font-size:14px;
        font-family: 'IRANSansWeb(FaNum)_Bold';
    }
    .page-cm .guide-cbm .path-cmb {
        background: url('img/cbm/cmb-path.png') no-repeat;
        position: absolute;
        width: 200px;
        height: 300px;
        right: 48%;
        white-space: pre-line;
        text-align: center;
        z-index: -1;
        margin-top: 2%;
    }

    .page-cm .guide-cbm ul li{
        background-size: 200px 45px !important;
        width: 200px;
        height: 45px;
    }
    .page-cm .guide-cbm ul li#cmb01 {
        background: url('img/cm/guide-cm-1.png') no-repeat;
        /*background-size: 320px 70px;*/
    }

    .page-cm .guide-cbm ul li#cmb02 {
        background: url('img/cm/guide-cm-2.png') no-repeat;
        /*background-size: 320px 70px;*/
    }

    .page-cm .guide-cbm ul li#cmb03 {
        background: url('img/cm/guide-cm-3.png') no-repeat;
        /*background-size: 320px 70px;*/
    }

    .page-cm .guide-cbm ul li#cmb04 {
        background: url('img/cm/guide-cm-4.png') no-repeat;
        /*background-size: 320px 70px;*/
    }

    .page-cm .guide-cbm ul li#cmb05 {
        background: url('img/cm/guide-cm-5.png') no-repeat;
        /*background-size: 320px 70px;*/
    }


    .page-cm .guide-cbm ul li#cmb06 {
        background: url('img/cm/guide-cm-6.png') no-repeat;
        /*background-size: 320px 70px;*/
    }

    .page-cm .guide-cbm ul li#cmb07 {
        background: url('img/cm/guide-cm-7.png') no-repeat;
        /*background-size: 320px 70px;*/
    }

    .page-cm .guide-cbm ul li#cmb08 {
        background: url('img/cm/guide-cm-8.png') no-repeat;
        /*background-size: 320px 70px;*/
    }

    .page-cm .guide-cbm ul li#cmb09 {
        background: url('img/cm/guide-cm-9.png') no-repeat;
        /*background-size: 320px 70px;*/
    }

    .page-cm .guide-cbm ul li#cmb10 {
        background: url('img/cm/guide-cm-10.png') no-repeat;
        /*background-size: 320px 70px;*/
    }

    .page-cm .guide-cbm ul li#cmb11 {
        background: url('img/cm/guide-cm-11.png') no-repeat;
        /*background-size: 320px 70px;*/
    }


    .page-cm .guide-cbm ul li .right {
        margin: -3px 41% 9px 0px;
        white-space: pre-line;
        line-height: 1.3;
    }
    .page-cm .guide-cbm ul li .right span{
        /*color: #722c2c;*/
        font-family: 'IRANSansWeb(FaNum)_Bold';
        font-size: 12px;
    }
    .page-cm .guide-cbm ul li .right p{
        margin: 0;
    }

    /*---------------------------------------------------------
     * score
     ---------------------------------------------------------*/
    .page-cm .score {
        background: #FFF;
        width: 100%;
        position: relative;
    }
    .page-cm .score .content {
        padding: 20px 0;
    }
    .page-cm .score .certificate {
        min-height: 240px;
        margin-top: -10px;
        position: relative;
    }
    .page-cm .score .certificate .icon-img { /* cbm-icon1 */
        width: 70px;
    }
    .page-cm .score .certificate2 .icon-img { /* cbm-icon2 */
        width: 70px;
    }
    .page-cm .score p{
        padding: 0;
        margin: 0;
    }
    .page-cm .score .over-border-right3 {
        width: 10px;
        height: 142.5%;
        border-left: 2px dashed #bcb8b8;
        display: none;
        position: absolute;
        top: 1%;
        z-index: 1;
        right: 0.1%;
    }
    .page-cm .score .over-border-top3 {
        width: 100%;
        height: 10px;
        border-top: 2px dashed #bcb8b8;
        display: none;
        position: absolute;
        margin: 0 0;
        top: -30.4%;
        right: -1.3%;
        transform: rotate(18.3deg);
    }
    .page-cm .score .certificate:nth-child(1):before{
        top: -43%;
    }
    .page-cm .score .certificate:nth-child(2):before{
        top: 60%;
    }
    .page-cm .score .certificate:after{
        display: none;
    }
    /*---------------------------------------------------------
     * more-details
     ---------------------------------------------------------*/
    .page-cm .more-details {
        background: #f2f2f2;
        width: 100%;
        position: relative;
        min-height: 500px;
    }
    .page-cm .more-details .icon-img { /* cbm-icon3 */
        width: 70px;
    }
    .page-cm .more-details .download{
        width: 100%;
        overflow: hidden;
        margin: 50px 0;
        z-index: 1;
    }
    .page-cm .more-details .download a {
        display: block;
        /*margin: -260px auto;*/
        margin: -15.5em auto;
        text-align: center;
        font-family: 'IRANSansWeb(FaNum)_Bold';
        font-size: 16px;
    }
    .page-cm .more-details .download a img {
        display: block;
        text-align: center;
        margin: 0 auto;
        width: 100px !important;
    }
    .page-cm .more-details .over-border-left4 {
        width: 10px;
        height: 82%;
        border-left: 2px dashed #bcb8b8;
        display: none;
        position: absolute;
        margin: 20px;
        top: 10%;
    }
    .page-cm .more-details .over-border-bottom4 {
        width: 97%;
        height: 10px;
        border-top: 2px dashed #bcb8b8;
        display: none;
        position: absolute;
        margin: 20px;
        bottom: -2%;
    }
    .page-cm .more-details svg {
        display: none;
    }
    .page-cm .more-details h2 {
        margin-bottom: 20px;
    }
    .page-cm .more-details .content {
        padding: 20px 0 80px;
    }

    .page-cm .more-details{
        min-height: 230px;
    }
    .page-cm .more-details:before{
        content: '';
        position: absolute;
        display: block;
        width: 300%;
        height: 600px;
        transform: rotate(18deg);
        top: 120%;
        left: -20%;
        background: #f1f2f2;
    }
    /*---------------------------------------------------------
     * register
     ---------------------------------------------------------*/
    .page-cm .yit-feature-item figure{
        border: 3px solid #702b2b;
    }
    .page-cm .yit-feature-item figure img{
        height: 200px;
    }
    .page-cm .yit-feature.style-39 .yit-feature-item{
        box-shadow: none;
        border: none;
    }

    /* all */
    .page-cm .video .over-border-top-right1,

    .page-cm .score .over-border-top3,
    .page-cm .score .over-border-right3,

    .page-cm .more-details .over-border-bottom4{
        display: block;
    }

    /* video */
    .page-cm .video {
        position: relative;
    }
    .page-cm .container-video {
        margin-top:-17%;
    }
    .page-cm .video.row .col-lg-6:nth-child(2){
        padding-bottom: 1em;
    }
    .page-cm .video.row .col-lg-6:nth-child(2):before{
        content: '';
        display: block;
        width: 100%;
        height: 150px;
        transform: rotate(12.7deg);
        position: absolute;
        top: -0.6%;
        left: -30px;
        background: #f4e7e7;
    }
    .page-cm .video.row .col-lg-6:nth-child(2):after {
        content: '';
        display: block;
        width: 15%;
        height: 200px;
        position: absolute;
        top: -19%;
        left: -15%;
        background: white;
    }
    .page-cm .video video {
        margin: 15px 0;
    }
    .page-cm .video-content img{
        display: inline;
    }
    .page-cm .video-content {
        margin: -40px 19px 0 0;
    }
    .page-cm .container-video .over-border-left1 {
        content: '';
        display: block;
        width: 88%;
        border-top: 2px dashed #bcb8b8;
        height: 1px;
        background: #fff;
        position: absolute;
        bottom: -10%;
        left: 8%;
        z-index: 1;
        transform: rotate(918deg);
    }
    .page-cm .container-video .over-border-left1:after {
        content: '';
        display: block;
        width: 50px;
        height: 3px;
        position: absolute;
        background: black;
        left: 90.5%;
        bottom: 0;
    }
    .page-cm .container-video .over-border-left1:before{
        content: '';
        display: block;
        width: 50px;
        height: 3px;
        position: absolute;
        background: black;
        left: 98%;
        bottom: -23px;
        transform: rotate(72deg);
    }
    .page-cm .container-video .over-border-right1 {
        content: '';
        display: block;
        width: 115%;
        border-top: 2px dashed #bcb8b8;
        height: 1px;
        background: #fff;
        position: absolute;
        /*bottom: -134%;*/
        top: 201%;
        right: -51.5%;
        z-index: 1;
        transform: rotate(90deg);
    }
    .page-cm .container-video .over-border-right1:before{
        content: '';
        display: block;
        width: 110px;
        position: absolute;
        border: 1px dashed #bcb8b8;
        left: 90.5%;
        bottom: -55px;
        transform: rotate(90deg);
    }

    /* plan */
    .page-cm .plan {
        min-height: 600px;
        padding-top: 60px !important;
    }
    .page-cm img.cm-plan{
        display: block;
    }
    .page-cm .plan .content{
        right: 5%;
        margin-top: 2%;
    }
    /* guide */
    .page-cm .guide {
        min-height: 500px;
        display: block;
        margin-top: -37.4%;
        z-index: 2;
        overflow: hidden;
    }
    .page-cm .guide-cbm .title-cmb {
        right: 35% !important;
        margin-top: 5% !important;
    }
    .page-cm .guide-cbm {
        position: absolute;
        top: 35%;
        left: 20%;
        z-index: 100;
    }
    .page-cm .guide-cbm ul.cm-list-1{
        position: absolute;
        left: 16%;
        margin-top: 1%;
    }
    .page-cm .guide-cbm ul.cm-list-2{
        position: absolute;
        left: -11%;
        margin-top: -11%;
    }

    /* score */
    .page-cm .score .certificate .img {
        left: 0;
        bottom: 50%;
        position: absolute;
        z-index: 1;
        width: 55%;
    }
    .page-cm .score .content {
        position: absolute;
        right: 5%;
        padding: 0;
        z-index: 1;
    }
    .page-cm .certificate .container,
    .page-cm .certificate2 .container{
        margin-top: -2em;
    }
    .page-cm .score .certificate:before {
        content: '';
        display: block;
        width: 120%;
        height: 200px;
        background: #f2f2f2;
        transform: rotate(18deg);
        position: absolute;
        top: -30%;
        left: -10%;
    }
    .page-cm .score .certificate:after {
        content: '';
        display: block;
        width: 130%;
        height: 850px;
        background: #f2f2f2;
        transform: rotate(18deg);
        position: absolute;
        top: 158%;
        left: -13%;
    }
    .page-cm .score:before { /* black line */
        content: '';
        display: block;
        width: 50%;
        height: 13px;
        background: #000;
        transform: rotate(18deg);
        position: absolute;
        top: -50.5%;
        left: -3%;
        z-index: 2;
    }
    .page-cm .score .certificate .img {
        left: 0;
        bottom: 35%;
        position: absolute;
        z-index: 1;
        width: 85%;
    }

    /* download */
    .page-cm .download-mobile{
        display: none;
    }

    /* more-details */
    .page-cm .more-details h2 {
        margin-bottom: 0;
    }
    .page-cm .more-details {
        background: transparent;
    }
    .page-cm .more-details .col-lg-6 {
        margin-bottom: 0;
    }
    .page-cm .more-details svg {
        display: inline-block;
    }
    .page-cm .more-details .container{
        margin-top: -11.5em;
    }
    .page-cm .more-details .download{
        /* width: 400px; */
        width: 40%;
        height: 250px;
        position: absolute;
        overflow: unset;
        top: -185%;
        left: -3%;
    }
    .page-cm .more-details .content {
        padding: 20px 0;
        background: #f2f2f2;
        margin-top: -9px;
    }
    .page-cm .more-details h2 {
        margin: -165px 0 30px;
        margin-right: -6%;
        padding: 0;
    }
    .page-cm .more-details .download a {
        transform: rotate(1deg);
    }
    .page-cm .more-details .download:after {
        content: '';
        display: block;
        width: 70%;
        height: 10px;
        background: #722c2c;
        transform: rotate(18deg);
        position: absolute;
        bottom: -2%;
        left: 0;
    }
    .page-cm .more-details .over-border-bottom4:before {
        content: '';
        display: block;
        background: #898888;
        width: 15px;
        height: 15px;
        border-radius: 100%;
        position: absolute;
        left: -7px;
        top: -9px;
    }

    .page-cm .btn-black{
        float: none;
        /*padding: 3px 8px;*/
        font-size: 14px;
    }
}



/*---------------------------------------------------------
 * Tablet
 ---------------------------------------------------------*/
@media (min-width: 769px) and (max-width: 991px) {

    .page-cm { display: none;}
    .page-cm-mobile { display: block;}

    /* all */
    .back-top #toTop {
        z-index: 100;
    }

    .page-cm-mobile {
        overflow-x: hidden;
        font-family: 'IRANSansWeb(FaNum)';
    }

    .page-cm-mobile .content h4 {
        font-size: 14px !important;
        margin-bottom: 1em;
    }

    img.icon-img {
        width: 45px !important;
    }

    .page-cm-mobile .container {
        padding: 0;
    }

    /* top-banner */
    .page-cm-mobile .top-banner {
        background: url('img/cm/top-banner.png') no-repeat;
        background-size: 100% 100%;
        min-height: 60vh;
        width: auto;
    }

    .page-cm-mobile .top-banner .desc {
        font-family: 'IRANSansWeb_Bold';
        text-align: justify;
        float: left;
        margin: 1em 3em;
        white-space: nowrap;
        font-size: 9px;
    }

    .page-cm-mobile .top-banner .desc h2 {
        font-size: 3em;
    }

    .page-cm-mobile .top-banner .desc p {
        text-align: center;
        font-size: 2.5em;
        margin-bottom: 0;
    }

    .page-cm-mobile .top-banner .desc span {
        display: block;
        text-align: center;
        color: #722c2c;
        font-size: 12px;
    }

    /* video */
    .page-cm-mobile .video {
        background: #F4E7E7;
        /*min-height: 300px;*/
        /*width: 100%;*/
    }

    .page-cm-mobile .video video {
        margin: 15px 10px 15px;
    }

    .page-cm-mobile .video-content {
        background: #fff;
        padding: 5px 20px;
        direction: rtl;
        position: relative;
    }

    .page-cm-mobile .video-content h4 {
        font-size: 22px;
    }

    .page-cm-mobile .video-content img {
        display: inline-block;
        width: 40px;
    }

    .page-cm-mobile .video-content p {
        text-align: justify;
        font-size: 12px;
    }

    .page-cm-mobile .video-content:before {
        display: none;
    }

    .page-cm-mobile .video .video-content2 a.btn-video {
        width: 50px;
        height: 50px;
        line-height: 20px;
        margin: 15px auto;
        font-size: 30px;
    }

    .page-cm-mobile .video .video-content2 a.btn-video i {
        line-height: 10px;
        padding-top: 8px;
        padding-left: 7px;
        font-size: 35px;
    }

    .page-cm-mobile .video .over-border-top-right1 {
        display: block;
        position: absolute;
        z-index: 1;
        border-top: 2px solid #000;
        border-right: 2px solid #000;

        right: 10px;
        top: 20px;
        padding: 3em;
    }

    .page-cm-mobile .container-video {
        padding: 0em;
        margin-top: -20%;
    }
    .page-cm-mobile .container-video .video-mobile{
        display: none;
    }
    .page-cm-mobile .container-video .video-tablet{
        display: -webkit-box;
    }

    .page-cm-mobile .video .col-lg-6:nth-child(2) {
        margin: 0em;
        padding: 1em;
    }

    /* guide */
    .page-cm-mobile .guide {
        position: relative;
        background-size: contain;
        background-color: transparent;
        margin-top: 0;
        background-position: right;
    }

    .page-cm-mobile .guide-cbm {
        /*top: 7%;*/
        z-index: 100;
    }

    .page-cm-mobile .guide-cbm ul li {
        border-radius: 30px;
        padding: 15px 0;
        display: block;
        margin: 7px 0 7px 20px;
        overflow: hidden;
    }

    .page-cm-mobile .guide-cbm .title-cmb {
        background: url('img/cbm/cmb-title.png') no-repeat;
        position: absolute;
        width: 150px;
        height: 150px;
        right: 29%;
        top: 1%;
        white-space: pre-line;
        text-align: center;
        padding: 4.5% 5px 0 0;
    }

    .page-cm-mobile .guide-cbm .title-cmb span {
        display: block;
        font-size: 16px;
        font-family: 'IRANSansWeb(FaNum)_Bold';
    }

    .page-cm-mobile .guide-cbm .path-cmb {
        background: url('img/cbm/cmb-path.png') no-repeat;
        position: absolute;
        width: 200px;
        height: 300px;
        right: 48%;
        white-space: pre-line;
        text-align: center;
        z-index: -1;
        margin-top: 2%;
    }

    .page-cm-mobile .guide-cbm ul li {
        background-size: 190px 43px !important;
        width: 190px;
        height: 43px;
    }

    .page-cm-mobile .guide-cbm ul li#cmb01 {
        background: url('img/cm/guide-cm-1.png') no-repeat;
        /*background-size: 320px 70px;*/
    }

    .page-cm-mobile .guide-cbm ul li#cmb02 {
        background: url('img/cm/guide-cm-2.png') no-repeat;
        /*background-size: 320px 70px;*/
    }

    .page-cm-mobile .guide-cbm ul li#cmb03 {
        background: url('img/cm/guide-cm-3.png') no-repeat;
        /*background-size: 320px 70px;*/
    }

    .page-cm-mobile .guide-cbm ul li#cmb04 {
        background: url('img/cm/guide-cm-4.png') no-repeat;
        /*background-size: 320px 70px;*/
    }

    .page-cm-mobile .guide-cbm ul li#cmb05 {
        background: url('img/cm/guide-cm-5.png') no-repeat;
        /*background-size: 320px 70px;*/
    }


    .page-cm-mobile .guide-cbm ul li#cmb06 {
        background: url('img/cm/guide-cm-6.png') no-repeat;
        /*background-size: 320px 70px;*/
    }

    .page-cm-mobile .guide-cbm ul li#cmb07 {
        background: url('img/cm/guide-cm-7.png') no-repeat;
        /*background-size: 320px 70px;*/
    }

    .page-cm-mobile .guide-cbm ul li#cmb08 {
        background: url('img/cm/guide-cm-8.png') no-repeat;
        /*background-size: 320px 70px;*/
    }

    .page-cm-mobile .guide-cbm ul li#cmb09 {
        background: url('img/cm/guide-cm-9.png') no-repeat;
        /*background-size: 320px 70px;*/
    }

    .page-cm-mobile .guide-cbm ul li#cmb10 {
        background: url('img/cm/guide-cm-10.png') no-repeat;
        /*background-size: 320px 70px;*/
    }

    .page-cm-mobile .guide-cbm ul li#cmb11 {
        background: url('img/cm/guide-cm-11.png') no-repeat;
        /*background-size: 320px 70px;*/
    }


    .page-cm-mobile .guide-cbm ul li .right {
        margin: -7px 41% 0px 0px;
        white-space: pre-line;
        line-height: 1.2;
    }

    .page-cm-mobile .guide-cbm ul li .right span {
        /*color: #722c2c;*/
        font-family: 'IRANSansWeb(FaNum)_Bold';
    }

    .page-cm-mobile .guide-cbm ul li .right p {
        margin: 0;
    }

    .page-cm-mobile .guide.row {
        margin: 0;
        background: #f2f2f2;
        padding: 0 0 20px 0;
    }

    .page-cm-mobile .guide-cbm {
        margin-top: -75%;
    }

    .page-cm-mobile .guide-cbm .title-cmb {
        padding: 5% 5px 0 0;
        background-size: contain;
        right: 20%;
        top: 21%;
        width: 90px;
        height: 90px;
    }

    .page-cm-mobile .guide-cbm .title-cmb span {
        font-size: 10px;
    }

    .page-cm-mobile .guide-cbm ul li {
        background-size: 170px 40px !important;
        width: 170px;
        height: 40px;
    }

    .page-cm-mobile .guide-cbm ul li .right span {
        font-size: 11px;
    }

    .page-cm-mobile .guide.row {
        margin: 0;
        background: #f2f2f2;
        /*padding: 0 0 20px 0;*/

        background: url('img/svg/guide1.jpg');
        /*background-size: contain;*/
        background-size: 100% auto;
        background-repeat: no-repeat;
    }

    .page-cm-mobile .guide-cbm {
        margin-top: 2%;
        z-index: 100;
    }

    .cm-list-2, .cm-list-1 {
        width: 30% !important;
        padding: 0;
        margin: 0;
        float: left;
    }

    .cm-list-1 {
        margin-top: 10%;
    }

    .cm-list-2 {
        margin-top: 4.5%;
    }

    /* score */
    .page-cm-mobile .score {
        background: #FFF;
        width: 100%;
        position: relative;
    }

    .page-cm-mobile .score .content {
        padding: 20px 0;
    }

    .page-cm-mobile .score .certificate {
        min-height: 290px;
        margin-top: -10px;
        position: relative;
    }

    .page-cm-mobile .score p {
        padding: 0;
        margin: 0;
    }

    .page-cm-mobile .score .certificate:nth-child(1):before {
        top: -43%;
    }

    .page-cm-mobile .score .certificate:nth-child(2):before {
        top: 60%;
    }

    .page-cm-mobile .score .certificate:after {
        display: none;
    }

    .page-cm-mobile .score .certificate:nth-child(1) .img {
        width: 50%;
        margin: 2em auto;
        float: left;
        margin-top: -10%;
    }

    .page-cm-mobile .score .content {
        padding: 10px 0px;
    }

    .page-cm-mobile .score .certificate {
        border-top: 2px dashed #bcb8b8;
        min-height: 100px;
    }

    .page-cm-mobile .score .certificate:nth-child(1) {
        padding: 0;
    }

    .page-cm-mobile .score:before {
        content: '';
        display: block;
        width: 51.2%;
        height: 13px;
        background: #000;
        position: absolute;
        top: -4px;
        left: -3%;
        z-index: 2;
    }

    .page-cm-mobile h6 {
        font-size: 16px !important;
        margin-bottom: 10px;
    }

    .page-cm-mobile .score p {
        font-size: 12px;
    }

    /* register */
    .page-cm-mobile .yit-feature-item figure {
        border: 3px solid #702b2b;
    }

    .page-cm-mobile .yit-feature-item figure img {
        height: auto;
        min-height: 150px;
    }

    .page-cm-mobile .yit-feature.style-39 .yit-feature-item {
        box-shadow: none;
        border: none;
    }


    /* plan */
    .page-cm-mobile .plan {
        padding-top: 0px !important;
    }

    .page-cm-mobile img.cm-plan-mobile {
        display: block;
        width: 80%;
        margin: 0 auto;
        margin-top: -5%;
    }

    /* download */
    .page-cm-mobile .download-mobile {
        display: block;
        background: #f4e7e7;
        text-align: center;
        font-size: 1.2em;
        padding: 1em;
        font-family: 'IRANSansWeb_Bold';
        direction: rtl;
    }

    .page-cm-mobile .download-mobile a {
        font-size: 12px;
    }

    .page-cm-mobile .download-mobile img {
        width: 60px;
    }

    .page-cm-mobile .btn-black {
        float: none;
        padding: 3px 8px;
        font-size: 11px;
    }

}


/*---------------------------------------------------------
 * Mobile
 ---------------------------------------------------------*/
/*320px-480px: Mobile devices*/
/*481px-768px: iPads, Tablets*/
@media (max-width:768px) {

    .page-cm{ display: none; }
    .page-cm-mobile{ display: block; }

    /* all */
    .back-top #toTop{
        z-index: 100;
    }
    .page-cm-mobile {
        overflow-x: hidden;
        font-family: 'IRANSansWeb(FaNum)';
    }
    .page-cm-mobile .content h4{
        font-size: 14px !important;
        margin-bottom: 1em;
    }
    img.icon-img{
        width: 40px !important;
    }
    .page-cm-mobile .container{
        padding: 0;
    }
    /* top-banner */
    .page-cm-mobile .top-banner {
        background: url('img/cm/top-banner.png') no-repeat;
        background-size: 100% 100%;
        min-height: 30vh;
        width: auto;
    }
    .page-cm-mobile .top-banner .desc {
        font-family: 'IRANSansWeb_Bold';
        text-align: justify;
        float: left;
        margin: 1em 3em;
        white-space: nowrap;
        font-size: 9px;
    }
    .page-cm-mobile .top-banner .desc h2{
        font-size: 2em;
    }
    .page-cm-mobile .top-banner .desc p{
        text-align: center;
        font-size: 1.5em;
        margin-bottom: 0;
    }
    .page-cm-mobile .top-banner .desc span{
        display: block;
        text-align: center;
        color: #722c2c;
    }
    /* video */
    .page-cm-mobile .video {
        background: #F4E7E7;
        /*min-height: 300px;*/
        /*width: 100%;*/
    }
    .page-cm-mobile .video video {
        margin: 15px 10px 15px;
    }
    .page-cm-mobile .video-content {
        background: #fff;
        padding: 20px 60px;
        direction: rtl;
        position: relative;
    }
    .page-cm-mobile .video-content h4{
        font-size: 20px;
    }
    .page-cm-mobile .video-content img{
        display: inline-block;
        width: 40px;
    }
    .page-cm-mobile .video-content p {
        text-align: justify;
        font-size: 12px;
    }
    .page-cm-mobile .video-content:before {
        display: none;
    }
    .page-cm-mobile .video .video-content2 a.btn-video{
        width: 50px;
        height: 50px;
        line-height: 20px;
        margin: 15px auto;
        font-size: 30px;
    }
    .page-cm-mobile .video .video-content2 a.btn-video i{
        line-height: 10px;
        padding-top: 8px;
        padding-left: 7px;
        font-size: 35px;
    }
    .page-cm-mobile .video .over-border-top-right1 {
        display: block;
        position: absolute;
        z-index: 1;
        border-top: 2px solid #000;
        border-right: 2px solid #000;

        right: 15px;
        top: 20px;
        padding: 3em;
    }
    .page-cm-mobile .container-video{
        padding: 0em;
        margin-top: -20%;
    }
    .page-cm-mobile .container-video .video-mobile{
        display: block;
    }
    .page-cm-mobile .container-video .video-tablet{
        display: none;
    }
    .page-cm-mobile .video .col-lg-6:nth-child(2){
        margin: 1em;
        padding: 0 1em;
    }
    .page-cm-mobile .video-content{
        padding: 10px 40px;
    }


    /* guide */
    .page-cm-mobile .guide {
        position: relative;
        background-size: contain;
        background-color: transparent;
        margin-top: 0;
        background-position: right;
    }
    .page-cm-mobile .guide-cbm {
        /*top: 7%;*/
        z-index: 100;
    }

    .page-cm-mobile .guide-cbm ul li {
        border-radius: 30px;
        padding: 15px 0;
        display: block;
        margin: 5px 0 5px 5px;
        overflow: hidden;
    }
    .page-cm-mobile .guide-cbm .title-cmb {
        background: url('img/cbm/cmb-title.png') no-repeat;
        position: absolute;
        width: 150px;
        height: 150px;
        right: 29%;
        top: 1%;
        white-space: pre-line;
        text-align: center;
        padding: 4.5% 5px 0 0;
    }
    .page-cm-mobile .guide-cbm .title-cmb span{
        display: block;
        font-size:16px;
        font-family: 'IRANSansWeb(FaNum)_Bold';
    }
    .page-cm-mobile .guide-cbm .path-cmb {
        background: url('img/cbm/cmb-path.png') no-repeat;
        position: absolute;
        width: 200px;
        height: 300px;
        right: 48%;
        white-space: pre-line;
        text-align: center;
        z-index: -1;
        margin-top: 2%;
    }

    .page-cm-mobile .guide-cbm ul li{
        background-size: 150px 35px !important;
        width: 150px;
        height: 35px;
    }
    .page-cm-mobile .guide-cbm ul li#cmb01 {
        background: url('img/cm/guide-cm-1.png') no-repeat;
        /*background-size: 320px 70px;*/
    }

    .page-cm-mobile .guide-cbm ul li#cmb02 {
        background: url('img/cm/guide-cm-2.png') no-repeat;
        /*background-size: 320px 70px;*/
    }

    .page-cm-mobile .guide-cbm ul li#cmb03 {
        background: url('img/cm/guide-cm-3.png') no-repeat;
        /*background-size: 320px 70px;*/
    }

    .page-cm-mobile .guide-cbm ul li#cmb04 {
        background: url('img/cm/guide-cm-4.png') no-repeat;
        /*background-size: 320px 70px;*/
    }

    .page-cm-mobile .guide-cbm ul li#cmb05 {
        background: url('img/cm/guide-cm-5.png') no-repeat;
        /*background-size: 320px 70px;*/
    }


    .page-cm-mobile .guide-cbm ul li#cmb06 {
        background: url('img/cm/guide-cm-6.png') no-repeat;
        /*background-size: 320px 70px;*/
    }

    .page-cm-mobile .guide-cbm ul li#cmb07 {
        background: url('img/cm/guide-cm-7.png') no-repeat;
        /*background-size: 320px 70px;*/
    }

    .page-cm-mobile .guide-cbm ul li#cmb08 {
        background: url('img/cm/guide-cm-8.png') no-repeat;
        /*background-size: 320px 70px;*/
    }

    .page-cm-mobile .guide-cbm ul li#cmb09 {
        background: url('img/cm/guide-cm-9.png') no-repeat;
        /*background-size: 320px 70px;*/
    }

    .page-cm-mobile .guide-cbm ul li#cmb10 {
        background: url('img/cm/guide-cm-10.png') no-repeat;
        /*background-size: 320px 70px;*/
    }

    .page-cm-mobile .guide-cbm ul li#cmb11 {
        background: url('img/cm/guide-cm-11.png') no-repeat;
        /*background-size: 320px 70px;*/
    }


    .page-cm-mobile .guide-cbm ul li .right {
        margin: -9px 40% 0px 0px;
        white-space: pre-line;
        line-height: 1;
    }
    .page-cm-mobile .guide-cbm ul li .right span{
        /*color: #722c2c;*/
        font-family: 'IRANSansWeb(FaNum)_Bold';
    }
    .page-cm-mobile .guide-cbm ul li .right p{
        margin: 0;
    }
    .page-cm-mobile .guide.row{
        margin:0;
        background: #f2f2f2;
        padding: 0 0 20px 0;
    }
    .page-cm-mobile .guide-cbm{
        margin-top: -75%;
    }
    .page-cm-mobile .guide-cbm .title-cmb{
        padding: 7% 5px 0 0;
        background-size: contain;
        right: 20%;
        top: 4%;
        width: 80px;
        height: 80px;
    }
    .page-cm-mobile .guide-cbm .title-cmb span{
        font-size: 9px;
    }
    .page-cm-mobile .guide-cbm ul li {
        background-size: 150px 35px !important;
        width: 150px;
        height: 35px;
    }
    .page-cm-mobile .guide-cbm ul li .right span{
        font-size: 9px;
    }
    .page-cm-mobile .guide.row{
        margin:0;
        background: #f2f2f2;
        /*padding: 0 0 20px 0;*/

        background: url('img/svg/guide1.jpg');
        /*background-size: contain;*/
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .page-cm-mobile .guide-cbm{
        margin-top: 2%;
        z-index: 100;
    }
    .cm-list-2, .cm-list-1 {
        width: 40% !important;
        padding: 0;
        margin: 0;
        float: left;
    }
    .cm-list-1{
        margin-top: 20%;
    }
    .cm-list-2{
        margin-top: 10.5%;
    }

    /* score */
    .page-cm-mobile .score {
        background: #FFF;
        width: 100%;
        position: relative;
    }
    .page-cm-mobile .score .content {
        padding: 20px 0;
    }
    .page-cm-mobile .score .certificate {
        min-height: 290px;
        margin-top: -10px;
        position: relative;
    }
    .page-cm-mobile .score p{
        padding: 0;
        margin: 0;
    }
    .page-cm-mobile .score .certificate:nth-child(1):before{
        top: -43%;
    }
    .page-cm-mobile .score .certificate:nth-child(2):before{
        top: 60%;
    }
    .page-cm-mobile .score .certificate:after{
        display: none;
    }
    .page-cm-mobile .score .certificate:nth-child(1) .img{
        width: 60%;
        margin: 0 auto;
    }
    .page-cm-mobile .score .content{
        padding: 10px 0px;
    }
    .page-cm-mobile .score .certificate {
        border-top: 2px dashed #bcb8b8;
        min-height: 100px;
    }
    .page-cm-mobile .score .certificate:nth-child(1){
        padding: 0;
    }
    .page-cm-mobile .score:before {
        content: '';
        display: block;
        width: 51.2%;
        height: 13px;
        background: #000;
        position: absolute;
        top: -4px;
        left: -3%;
        z-index: 2;
    }
    .page-cm-mobile h6 {
        font-size: 14px !important;
        margin-bottom: 10px;
    }
    .page-cm-mobile .score p{
        font-size: 12px;
    }
    /* register */
    .page-cm-mobile .yit-feature-item figure{
        border: 3px solid #702b2b;
    }
    .page-cm-mobile .yit-feature-item figure img{
        height: auto;
        min-height: 105px;
    }
    .page-cm-mobile .yit-feature.style-39 .yit-feature-item{
        box-shadow: none;
        border: none;
    }


    /* plan */
    .page-cm-mobile .plan {
        padding-top: 0px !important;
    }
    .page-cm-mobile img.cm-plan-mobile{
        display: block;
    }

    /* download */
    .page-cm-mobile .download-mobile{
        display: block;
        background: #f4e7e7;
        text-align: center;
        font-size: 1.2em;
        padding: 1em;
        font-family: 'IRANSansWeb_Bold';
    }
    .page-cm-mobile .download-mobile a{
        font-size: 12px;
    }
    .page-cm-mobile .download-mobile img{
        width: 60px;
    }

    .page-cm-mobile .btn-black{
        float: none;
        padding: 3px 8px;
        font-size: 11px;
    }
}



@media (min-width:992px) and (max-width: 1029px) {
    .page-cm .video.row .col-lg-6:nth-child(2):before{
        top: -10.8%;
        transform: rotate(15deg);
    }
    .page-cm .video.row .col-lg-6:nth-child(2):after{
        top: -26.5%;
    }
}
@media (min-width:1030px) and (max-width: 1033px){
    .page-cm .video.row .col-lg-6:nth-child(2):before{
        top: -8.5%;
        transform: rotate(14.5deg);
    }
    .page-cm .video.row .col-lg-6:nth-child(2):after{
        top: -24%;
    }
}
@media (min-width:1034px) and (max-width: 1050px){
    .page-cm .video.row .col-lg-6:nth-child(2):before{
        top: -8%;
        transform: rotate(14.3deg);
    }
    .page-cm .video.row .col-lg-6:nth-child(2):after{
        top: -23%;
    }
}
@media (min-width:1051px) and (max-width: 1087px){
    .page-cm .video.row .col-lg-6:nth-child(2):before{
        top: -5.5%;
        transform: rotate(14.1deg);
    }
    .page-cm .video.row .col-lg-6:nth-child(2):after{
        top: -20.5%;
    }
}
@media (min-width:1089px) and (max-width: 1100px){
    .page-cm .video.row .col-lg-6:nth-child(2):before{
        top: -4.5%;
        transform: rotate(13.5deg);
    }
    .page-cm .video.row .col-lg-6:nth-child(2):after{
        top: -19.5%;
    }
}
@media (min-width:1101px) and (max-width: 1150px){
    .page-cm .video.row .col-lg-6:nth-child(2):before{
        top: -2.3%;
        transform: rotate(13.3deg);
    }
    .page-cm .video.row .col-lg-6:nth-child(2):after{
        top: -16.5%;
    }
}
@media (min-width:1151px) and (max-width: 1200px){
    .page-cm .video.row .col-lg-6:nth-child(2):before{
        top: 1.1%;
        transform: rotate(12.5deg);
    }
    .page-cm .video.row .col-lg-6:nth-child(2):after{
        top: -12.1%;
    }
}
@media (min-width:1201px) and (max-width: 1250px) {
    .page-cm .video.row .col-lg-6:nth-child(2):before{
        top: -14.5%;
        transform: rotate(14.9deg);
    }
    .page-cm .video.row .col-lg-6:nth-child(2):after{
        top: -35.5%;
    }
}
@media (min-width:1251px) and (max-width: 1300px) {
    .page-cm .video.row .col-lg-6:nth-child(2):before{
        top: -12.5%;
        transform: rotate(14.5deg);
    }
    .page-cm .video.row .col-lg-6:nth-child(2):after{
        top: -33.5%;
    }
}
@media (min-width:1301px) and (max-width: 1350px) {
    .page-cm .video.row .col-lg-6:nth-child(2):before{
        top: -8.5%;
        transform: rotate(13.5deg);
    }
    .page-cm .video.row .col-lg-6:nth-child(2):after{
        top: -27.7%;
    }
}
@media (min-width:1351px) and (max-width: 1400px) {
    .page-cm .video.row .col-lg-6:nth-child(2):before{
        top: -7%;
        transform: rotate(13.5deg);
    }
    .page-cm .video.row .col-lg-6:nth-child(2):after{
        top: -26.3%;
    }
}
@media (min-width:1401px) and (max-width: 1420px) {
    .page-cm .video.row .col-lg-6:nth-child(2):before{
        top: -2.9%;
        transform: rotate(12.9deg);
    }
    .page-cm .video.row .col-lg-6:nth-child(2):after{
        top: -21.5%;
    }
}



@media (min-width:1442px){
    .page-cm .video.row .col-lg-6:nth-child(2):before,
    .page-cm .video.row .col-lg-6:nth-child(2):after {
        display: none;
    }
}


.st0{clip-path:url(#SVGID_2_);}
.st1{opacity:0.6;clip-path:url(#SVGID_4_);}
.st2{clip-path:url(#SVGID_6_);}
.st3{opacity:5.000310e-02;clip-path:url(#SVGID_10_);}
.st4{clip-path:url(#SVGID_12_);fill:#202241;}
.st5{clip-path:url(#SVGID_16_);fill:#24303E;}
.st6{opacity:0.1;clip-path:url(#SVGID_20_);}
.st7{clip-path:url(#SVGID_22_);}
.st8{clip-path:url(#SVGID_22_);fill:none;stroke:#202241;stroke-width:3;stroke-miterlimit:10;}
.st9{clip-path:url(#SVGID_26_);}
.st10{clip-path:url(#SVGID_26_);fill:none;stroke:#202241;stroke-width:3;stroke-miterlimit:10;}
.st11{clip-path:url(#SVGID_30_);}
.st12{clip-path:url(#SVGID_30_);fill:none;stroke:#202241;stroke-width:3;stroke-miterlimit:10;}
.st13{clip-path:url(#SVGID_34_);}
.st14{clip-path:url(#SVGID_34_);fill:none;stroke:#202241;stroke-width:3;stroke-miterlimit:10;}