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

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

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

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

    .page-cbm , .page-cbm-mobile{
        overflow-x: hidden;
        font-family: 'IRANSansWeb(FaNum)';
    }
    img.icon-img{
        width: 60px !important;
    }

    /* top-banner */
    .page-cbm .top-banner {
        background: url('img/cbm/cbm-top-banner.jpg') no-repeat;
        background-size: 100% 100%;
        min-height: 60vh;
        width: auto;
    }
    .page-cbm .top-banner .desc {
        font-family: 'IRANSansWeb_Bold';
        text-align: justify;
        float: left;
        margin: 80px 50px 0;
    }
    .page-cbm .top-banner .desc p{
        text-align: center;
        font-size: 2em;
    }
    .page-cbm .top-banner .desc span{
        display: block;
        text-align: center;
        color: #722c2c;
    }
    /* video */
    .page-cbm .video {
        background: #F4E7E7;
        min-height: 300px;
    }
    .page-cbm .video video {
        margin: 15px 10px 15px;
    }
    .page-cbm .video-content {
        background: #fff;
        min-width: 300px;
        min-height: 360px;
        padding: 20px 60px;
        direction: rtl;
        position: relative;
    }
    .page-cbm .video-content img{
        display: inline-block;
        width: 60px;
    }
    .page-cbm .video-content p {
        text-align: justify;
    }
    .page-cbm .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-cbm .video .over-border-top-right1 {
        /*display: none;*/
        display: block;
        position: absolute;
        top: 20px;
        z-index: 1;
        right: 20px;
        border-top: 2px solid #000;
        border-right: 2px solid #000;
        padding: 5em;
    }
    .page-cbm .video {
        position: relative;
    }
    .page-cbm .row.video:before {
        content: '';
        display: block;
        width: 140%;
        height: 40px;
        background: transparent;
        transform: rotate(15deg);
        position: absolute;
        top: 5%;
        left: -20%;
        /* border-bottom: 30px solid #732c2c; */
        background: linear-gradient(transparent, transparent), linear-gradient(to right, #732c2c, #712c2c5c);
        background-origin: padding-box, border-box;
        background-repeat: no-repeat;
    }
    .page-cbm .row.video:after {
        content: '';
        display: block;
        width: 80%;
        height: 40px;
        background: transparent;
        transform: rotate(15deg);
        position: absolute;
        top: 5%;
        right: -20%;
        /* z-index: -1; */
        background: linear-gradient(transparent, transparent), linear-gradient(to right, #393d4a0f, #393d4a66);
        background-origin: padding-box, border-box;
        background-repeat: no-repeat;
    }
    .page-cbm .video.row .col-lg-6:nth-child(2):before{
        content: '';
        display: block;
        width: 100%;
        height: 150px;
        transform: rotate(15deg);
        position: absolute;
        top: -4.2%;
        left: -30px;
        background: #f4e7e7;
    }
    .page-cbm .video.row .col-lg-6:nth-child(2):after {
        content: '';
        display: block;
        width: 15%;
        height: 200px;
        position: absolute;
        top: -20.5%;
        left: -15%;
        background: white;
    }
    .page-cbm .video video {
        margin: 15px 0;
    }
    .page-cbm .video-content img{
        display: inline;
    }
    .page-cbm .video-content {
        margin: -40px 19px 0 0;
    }
    .container-video .over-border-left1:after{
        content: '';
        display: block;
        width: 150px;
        height: 3px;
        transform: rotate(90deg);
        position: absolute;
        background: #000;
        z-index: 1000000;
        left: -8%;
        bottom: 14.2%;
    }


    /* guide */
    .page-cbm .guide {
        position: relative;
        background-size: contain;
        background-color: transparent;
        margin-top: 0;
        background-position: right;
    }
    .page-cbm .guide .over-border-top2 {
        width: 47%;
        border-top: 2px dashed #bcb8b8;
        display: none;
        position: absolute;
        top: 12.1%;
        right: 1.5%;
        transform: rotate(18deg);
        z-index: 5;
    }
    .page-cbm .guide .over-border-right2 {
        width: 10px;
        height: 15%;
        border-left: 2px dashed #bcb8b8;
        display: none;
        position: absolute;
        top: 23.4%;
        right: 2%;
        z-index: 5;
    }
    .page-cbm .guide .over-border-right2:before{
        content: '';
        display: block;
        background: #898888;
        width: 15px;
        height: 15px;
        border-radius: 100%;
        position: absolute;
        right: 10%;
        bottom: 0;
    }
    .page-cbm .guide .over-border-top2:before{
        content: '';
        display: block;
        width: 10%;
        height: 3px;
        background: #000;
        position: absolute;
        top: -2px;
        left: 0px;
        z-index: 1;
    }

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

    .page-cbm .guide-cbm ul li {
        border-radius: 30px;
        padding: 15px 0;
        display: block;
        margin: 0px 15px 15px;
        overflow: hidden;
        /*width: 300px;*/
        /*height: 55px;*/
    }
    .page-cbm .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: 2.5% 5px 0 0;
    }
    .page-cbm .guide-cbm .title-cmb span{
        display: block;
        font-size:20px;
        font-family: 'IRANSansWeb(FaNum)_Bold';
    }
    .page-cbm .guide-cbm .path-cmb {
        background: url('img/cbm/cmb-path.png') no-repeat;
        position: absolute;
        width: 456px;
        height: 490px;
        right: 37%;
        top: -3%;
        white-space: pre-line;
        text-align: center;
        z-index: -1;
    }
    .page-cbm .guide-cbm ul {
        /*margin-left: 6%;*/
    }

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

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

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

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

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

    .page-cbm .guide-cbm ul li .right {
        margin: -3px 41% 9px 0px;
        white-space: pre-line;
        line-height: 1.3;
    }
    .page-cbm .guide-cbm ul li .right span{
        color: #722c2c;
        font-family: 'IRANSansWeb(FaNum)_Bold';
    }
    .page-cbm .guide-cbm ul li .right p{
        margin: 0;
    }
    .page-cbm .guide {
        min-height: 750px;
    }
    .page-cbm .guide-cbm .title-cmb {
        right: 35% !important;
        top: 16% !important;
    }
    .page-cbm .guide-cbm ul {
        margin-left: -5% !important;
        margin-top: -3%;
    }
    .page-cbm .guide-cbm {
        position: absolute;
        top: 7%;
        left: 15%;
        z-index: 100;
    }

    /* score */
    .page-cbm .score {
        background: #FFF;
        width: 100%;
        position: relative;
    }
    .page-cbm .score .content {
        padding: 20px 0;
    }
    .page-cbm .score .certificate {
        min-height: 290px;
        margin-top: -10px;
        position: relative;
    }
    .page-cbm .score p{
        padding: 0;
        margin: 0;
    }
    .page-cbm .score .over-border-right3 {
        width: 10px;
        height: 199%;
        border-left: 2px dashed #bcb8b8;
        display: none;
        position: absolute;
        top: 9%;
        z-index: 1;
        right: 0.3%;
    }
    .page-cbm .score .over-border-top3 {
        width: 100%;
        height: 10px;
        border-top: 2px dashed #bcb8b8;
        display: none;
        position: absolute;
        margin: 0 0;
        top: -50%;
        right: -1.3%;
        transform: rotate(18deg);
    }
    .page-cbm .score .over-border-bottom3 {
        width: 100%;
        height: 10px;
        border-top: 2px dashed #bcb8b8;
        display: none;
        position: absolute;
        margin: 0;
        bottom: -52.3%;
        right: -1.3%;
        transform: rotate(18deg);
    }
    .page-cbm .score .certificate .img {
        left: 0;
        bottom: 40%;
        position: absolute;
        z-index: 1;
        width: 55%;
    }
    .page-cbm .score .certificate2{
        bottom: -70%;
    }
    .page-cbm .score .content {
        position: absolute;
        right: 5%;
        padding: 0;
        z-index: 1;
    }
    .page-cbm .score .certificate .content h2 {
        margin:  0;
        padding: 0;
    }
    .page-cbm .certificate .container{
        margin-top: 1em;
    }
    .page-cbm .score > .content .icon {
        /*margin: 10px 0 0;*/
        /*padding: 0;*/
    }
    .page-cbm .score > .content h2 {
        margin: 0;
        padding: 0;
    }
    .page-cbm .score .certificate:before {
        content: '';
        display: block;
        width: 120%;
        /*height: 250px;*/
        height: 275px;
        background: #f2f2f2;
        transform: rotate(18deg);
        position: absolute;
        top: -30%;
        left: -10%;
    }
    .page-cbm .score .certificate:after {
        content: '';
        display: block;
        width: 130%;
        height: 850px;
        background: #f2f2f2;
        transform: rotate(18deg);
        position: absolute;
        top: 158%;
        left: -13%;
    }
    .page-cbm .score:before { /* black line */
        content: '';
        display: block;
        width: 50%;
        height: 13px;
        background: #000;
        transform: rotate(18deg);
        position: absolute;
        top: -89%;
        left: -3%;
        z-index: 2;
    }

    /* more-details */
    .page-cbm .more-details {
        background: #f2f2f2;
        width: 100%;
        position: relative;
        min-height: 400px;
    }
    .page-cbm .more-details .download{
        width: 100%;
        overflow: hidden;
        margin: 50px 0;
        z-index: 1;
    }
    .page-cbm .more-details .download a {
        display: block;
        /*margin: -260px auto;*/
        margin: -16em auto;
        text-align: center;
        font-family: 'IRANSansWeb(FaNum)_Bold';
        font-size: 18px;
    }
    .page-cbm .more-details .download a img {
        display: block;
        text-align: center;
        width: auto;
        margin: 0 auto;
    }
    .page-cbm .more-details .over-border-left4 {
        width: 10px;
        height: 78%;
        border-left: 2px dashed #bcb8b8;
        display: none;
        position: absolute;
        margin: 20px;
        top: 13%;
    }
    .page-cbm .more-details .over-border-bottom4 {
        width: 95%;
        height: 10px;
        border-top: 2px dashed #bcb8b8;
        display: none;
        position: absolute;
        margin: 20px;
        bottom: -2%;
    }
    .page-cbm .more-details .col-lg-6 {
        margin-bottom: 15px;
    }
    .page-cbm .more-details svg {
        display: none;
    }
    .page-cbm .more-details h2 {
        margin-bottom: 20px;
    }
    .page-cbm .more-details .content {
        padding: 20px 0 80px;
    }
    .page-cbm .more-details h2 {
        margin-bottom: 0;
    }
    .page-cbm .more-details {
        background: transparent;
    }
    .page-cbm .more-details .col-lg-6 {
        margin-bottom: 0;
    }
    .page-cbm .more-details svg {
        display: inline-block;
    }
    .page-cbm .more-details .container{
        margin-top: -11em;
    }
    .page-cbm .more-details .download{
        /* width: 400px; */
        width: 40%;
        height: 250px;
        position: absolute;
        overflow: unset;
        top: -45%;
        left: -3%;
    }
    .page-cbm .more-details .content {
        padding: 20px 0;
        background: #f2f2f2;
        margin-top: -20px;
    }
    .page-cbm .more-details h2 {
        margin: -165px 0 30px;
        margin-right: -6%;
        padding: 0;
    }
    .page-cbm .more-details .download a {
        transform: rotate(1deg);
    }
    .page-cbm .more-details .download:after {
        content: '';
        display: block;
        width: 70%;
        height: 10px;
        background: #722c2c;
        transform: rotate(18deg);
        position: absolute;
        bottom: -20%;
        left: 0;
    }
    .page-cbm .more-details .over-border-bottom4:before {
        content: '';
        display: block;
        background: #898888;
        width: 15px;
        height: 15px;
        border-radius: 100%;
        position: absolute;
        right: -18px;
        top: -9px;
    }
    .page-cbm .more-details .text-center .btn-black{
        float: left;
    }


    /* register */
    .page-cbm .yit-feature-item figure{
        border: 3px solid #702b2b;
    }
    .page-cbm .yit-feature-item figure img{
        height: 200px;
    }
    .page-cbm .yit-feature.style-39 .yit-feature-item{
        box-shadow: none;
        border: none;
    }

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

    .page-cbm .guide .over-border-top2,
    .page-cbm .guide .over-border-right2 ,

    .page-cbm .score .over-border-top3,
    .page-cbm .score .over-border-right3,
    .page-cbm .score .over-border-bottom3,

    .page-cbm .more-details .over-border-left4,
    .page-cbm .more-details .over-border-bottom4{
        display: block;
    }

}


/*---------------------------------------------------------
 * Desktop(small)
 ---------------------------------------------------------*/
@media (min-width: 992px) and (max-width: 1199px) {

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

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

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

    .page-cbm , .page-cbm-mobile{
        overflow-x: hidden;
        font-family: 'IRANSansWeb(FaNum)';
    }
    img.icon-img{
        width: 50px !important;
    }

    /* top-banner */
    .page-cbm .top-banner {
        background: url('img/cbm/cbm-top-banner.jpg') no-repeat;
        background-size: 100% 100%;
        min-height: 50vh;
        width: auto;
    }
    .page-cbm .top-banner .desc {
        font-family: 'IRANSansWeb_Bold';
        text-align: justify;
        float: left;
        margin: 80px 50px 0;
    }
    .page-cbm .top-banner .desc p{
        text-align: center;
        font-size: 2em;
    }
    .page-cbm .top-banner .desc span{
        display: block;
        text-align: center;
        color: #722c2c;
    }
    /* video */
    .page-cbm .video {
        background: #F4E7E7;
        min-height: 300px;
    }
    .page-cbm .video video {
        margin: 15px 10px 15px;
    }
    .page-cbm .video-content {
        background: #fff;
        min-width: 300px;
        min-height: 360px;
        padding: 20px 40px;
        direction: rtl;
        position: relative;
    }
    .page-cbm .video-content img{
        display: inline-block;
        width: 50px;
    }
    .page-cbm .video-content p {
        text-align: justify;
    }
    .page-cbm .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-cbm .video .over-border-top-right1 {
        /*display: none;*/
        display: block;
        position: absolute;
        top: 40px;
        z-index: 1;
        right: 20px;
        border-top: 2px solid #000;
        border-right: 2px solid #000;
        padding: 4em;
    }
    .page-cbm .video {
        position: relative;
    }
    .page-cbm .row.video:before {
        display: none;
    }
    .page-cbm .row.video:after {
        display: none;
    }
    .page-cbm .video.row .col-lg-6:nth-child(2):before{
        content: '';
        display: block;
        width: 100%;
        height: 150px;
        transform: rotate(15.8deg);
        position: absolute;
        top: -8%;
        left: -30px;
        background: #f4e7e7;
    }
    .page-cbm .video.row .col-lg-6:nth-child(2):after {
        content: '';
        display: block;
        width: 15%;
        height: 200px;
        position: absolute;
        top: -22%;
        left: -15%;
        background: white;
    }
    .page-cbm .video video {
        margin: 15px 0;
    }
    .page-cbm .video-content img{
        display: inline;
    }
    .page-cbm .video-content {
        margin: -40px 19px 0 0;
    }
    .container-video .over-border-left1:after{
        content: '';
        display: block;
        width: 150px;
        height: 3px;
        transform: rotate(90deg);
        position: absolute;
        background: #000;
        z-index: 1000000;
        left: -9.2%;
        bottom: 14.9%;
    }


    /* guide */
    .page-cbm .guide {
        position: relative;
        background-size: contain;
        background-color: transparent;
        margin-top: 0;
        background-position: right;
    }
    .page-cbm .guide .over-border-top2 {
        width: 46%;
        border-top: 2px dashed #bcb8b8;
        display: none;
        position: absolute;
        top: 10%;
        right: 2%;
        transform: rotate(18deg);
        z-index: 5;
    }
    .page-cbm .guide .over-border-right2 {
        width: 10px;
        height: 15%;
        border-left: 2px dashed #bcb8b8;
        display: none;
        position: absolute;
        top: 19.4%;
        right: 2%;
        z-index: 5;
    }
    .page-cbm .guide .over-border-right2:before{
        content: '';
        display: block;
        background: #898888;
        width: 15px;
        height: 15px;
        border-radius: 100%;
        position: absolute;
        right: 10%;
        bottom: 0;
    }
    .page-cbm .guide .over-border-top2:before{
        content: '';
        display: block;
        width: 10%;
        height: 3px;
        background: #000;
        position: absolute;
        top: -2px;
        left: 0px;
        z-index: 1;
    }

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

    .page-cbm .guide-cbm ul li {
        border-radius: 30px;
        padding: 15px 0;
        display: block;
        margin: 0px 15px 9px;
        overflow: hidden;
        /*width: 300px;*/
        /*height: 55px;*/
    }
    .page-cbm .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: 2.5% 5px 0 0;
    }
    .page-cbm .guide-cbm .title-cmb span{
        display: block;
        font-size:20px;
        font-family: 'IRANSansWeb(FaNum)_Bold';
    }
    .page-cbm .guide-cbm .path-cmb {
        background: url('img/cbm/cmb-path.png') no-repeat;
        position: absolute;
        width: 456px;
        height: 490px;
        right: 37%;
        top: -3%;
        white-space: pre-line;
        text-align: center;
        z-index: -1;
    }
    .page-cbm .guide-cbm ul {
        /*margin-left: 6%;*/
    }

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

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

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

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

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

    .page-cbm .guide-cbm ul li .right {
        margin: -3px 31% 9px 0px;
        white-space: pre-line;
        line-height: 1.3;
    }
    .page-cbm .guide-cbm ul li .right span{
        color: #722c2c;
        font-family: 'IRANSansWeb(FaNum)_Bold';
    }
    .page-cbm .guide-cbm ul li .right p{
        margin: 0;
    }
    .page-cbm .guide {
        min-height: 750px;
    }
    .page-cbm .guide-cbm .title-cmb {
        right: 35% !important;
        top: 16% !important;
    }
    .page-cbm .guide-cbm ul {
        margin-left: -5% !important;
        margin-top: -3%;
    }
    .page-cbm .guide-cbm {
        position: absolute;
        top: 7%;
        left: 15%;
        z-index: 100;
    }

    /* score */
    .page-cbm .score {
        background: #FFF;
        width: 100%;
        position: relative;
    }
    .page-cbm .score .content {
        padding: 20px 0;
    }
    .page-cbm .score .certificate {
        min-height: 290px;
        margin-top: -10px;
        position: relative;
    }
    .page-cbm .score p{
        padding: 0;
        margin: 0;
    }
    .page-cbm .score .over-border-right3 {
        width: 10px;
        height: 202%;
        border-left: 2px dashed #bcb8b8;
        display: none;
        position: absolute;
        top: -5%;
        z-index: 1;
        right: 0.1%;
    }
    .page-cbm .score .over-border-top3 {
        width: 100%;
        height: 10px;
        border-top: 2px dashed #bcb8b8;
        display: none;
        position: absolute;
        margin: 0 0;
        top: -56%;
        right: -1.3%;
        transform: rotate(18deg);
    }
    .page-cbm .score .over-border-bottom3 {
        width: 100%;
        height: 10px;
        border-top: 2px dashed #bcb8b8;
        display: none;
        position: absolute;
        margin: 0;
        bottom: -52.3%;
        right: -1.3%;
        transform: rotate(18deg);
    }
    .page-cbm .score .certificate .img {
        left: 0;
        bottom: 55%;
        position: absolute;
        z-index: 1;
        width: 55%;
    }
    .page-cbm .score .certificate2{
        bottom: -60%;
    }
    .page-cbm .score .content {
        position: absolute;
        right: 5%;
        padding: 0;
        z-index: 1;
    }
    .page-cbm .score .certificate .content h2 {
        margin:  0;
        padding: 0;
    }
    .page-cbm .certificate .container{
        margin-top: 0em;
    }
    .page-cbm .score > .content .icon {
        /*margin: 10px 0 0;*/
        /*padding: 0;*/
    }
    .page-cbm .score > .content h2 {
        margin: 0;
        padding: 0;
    }
    .page-cbm .score .certificate:before {
        content: '';
        display: block;
        width: 120%;
        /*height: 250px;*/
        height: 275px;
        background: #f2f2f2;
        transform: rotate(18deg);
        position: absolute;
        top: -30%;
        left: -10%;
    }
    .page-cbm .score .certificate:after {
        content: '';
        display: block;
        width: 130%;
        height: 651px;
        background: #f2f2f2;
        transform: rotate(18deg);
        position: absolute;
        top: 156%;
        left: -13%;
    }
    .page-cbm .score:before { /* black line */
        content: '';
        display: block;
        width: 50%;
        height: 13px;
        background: #000;
        transform: rotate(18deg);
        position: absolute;
        top: -89%;
        left: -3%;
        z-index: 2;
    }

    /* more-details */
    .page-cbm .more-details {
        background: #f2f2f2;
        width: 100%;
        position: relative;
        min-height: 400px;
    }
    .page-cbm .more-details .download{
        width: 100%;
        overflow: hidden;
        margin: 50px 0;
        z-index: 1;
    }
    .page-cbm .more-details .download a {
        display: block;
        /*margin: -260px auto;*/
        margin: -16em auto;
        text-align: center;
        font-family: 'IRANSansWeb(FaNum)_Bold';
        font-size: 18px;
    }
    .page-cbm .more-details .download a img {
        display: block;
        text-align: center;
        width: auto;
        margin: 0 auto;
    }
    .page-cbm .more-details .over-border-left4 {
        width: 10px;
        height: 78%;
        border-left: 2px dashed #bcb8b8;
        display: none;
        position: absolute;
        margin: 20px;
        top: 13%;
    }
    .page-cbm .more-details .over-border-bottom4 {
        width: 95%;
        height: 10px;
        border-top: 2px dashed #bcb8b8;
        display: none;
        position: absolute;
        margin: 20px;
        bottom: -2%;
    }
    .page-cbm .more-details .col-lg-6 {
        margin-bottom: 15px;
    }
    .page-cbm .more-details svg {
        display: none;
    }
    .page-cbm .more-details h2 {
        margin-bottom: 20px;
    }
    .page-cbm .more-details .content {
        padding: 20px 0 80px;
    }
    .page-cbm .more-details h2 {
        margin-bottom: 0;
    }
    .page-cbm .more-details {
        background: transparent;
    }
    .page-cbm .more-details .col-lg-6 {
        margin-bottom: 0;
    }
    .page-cbm .more-details svg {
        display: inline-block;
    }
    .page-cbm .more-details .container{
        margin-top: -8em;
    }
    .page-cbm .more-details .download{
        /* width: 400px; */
        width: 40%;
        height: 250px;
        position: absolute;
        overflow: unset;
        top: -45%;
        left: -3%;
    }
    .page-cbm .more-details .content {
        padding: 20px 0;
        background: #f2f2f2;
        margin-top: -20px;
    }
    .page-cbm .more-details h2 {
        margin: -165px 0 30px;
        margin-right: -6%;
        padding: 0;
    }
    .page-cbm .more-details .download a {
        transform: rotate(1deg);
    }
    .page-cbm .more-details .download:after {
        content: '';
        display: block;
        width: 70%;
        height: 10px;
        background: #722c2c;
        transform: rotate(18deg);
        position: absolute;
        bottom: -1%;
        left: 0;
    }
    .page-cbm .more-details .over-border-bottom4:before {
        content: '';
        display: block;
        background: #898888;
        width: 15px;
        height: 15px;
        border-radius: 100%;
        position: absolute;
        right: -18px;
        top: -9px;
    }
    .page-cbm .more-details .text-center .btn-black{
        float: left;
    }


    /* register */
    .page-cbm .yit-feature-item figure{
        border: 3px solid #702b2b;
    }
    .page-cbm .yit-feature-item figure img{
        height: 200px;
    }
    .page-cbm .yit-feature.style-39 .yit-feature-item{
        box-shadow: none;
        border: none;
    }

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

    .page-cbm .guide .over-border-top2,
    .page-cbm .guide .over-border-right2 ,

    .page-cbm .score .over-border-top3,
    .page-cbm .score .over-border-right3,
    .page-cbm .score .over-border-bottom3,

    .page-cbm .more-details .over-border-left4,
    .page-cbm .more-details .over-border-bottom4{
        display: block;
    }

}


/*---------------------------------------------------------
 * Tablet
 ---------------------------------------------------------*/
@media (min-width: 769px) and (max-width: 991px) {
    .page-cbm{ display: none; }
    .page-cbm-mobile{ display: block; }

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

    .page-cbm , .page-cbm-mobile{
        overflow-x: hidden;
        font-family: 'IRANSansWeb(FaNum)';
    }
    img.icon-img{
        width: 60px !important;
    }
    .page-cbm-mobile .container{
        padding: 0;
    }
    .page-cbm-mobile .content h4{
        font-size: 14px !important;
        margin-bottom: 1em;
    }
    .page-cbm-mobile img.icon-img{
        width: 40px !important;
    }

    /* top-banner */
    .page-cbm-mobile .top-banner {
        background: url('img/cbm/cbm-top-banner.jpg') no-repeat;
        background-size: 100% 100%;
        min-height: 40vh;
        width: auto;
    }
    .page-cbm-mobile .top-banner .desc {
        font-family: 'IRANSansWeb_Bold';
        text-align: justify;
        float: left;
        margin: 2em auto;
        font-size: 9px;
    }
    .page-cbm-mobile .top-banner .desc h2{
        font-size: 2em;
    }
    .page-cbm-mobile .top-banner .desc p{
        text-align: center;
        font-size: 1.5em;
        margin-bottom: 0;
    }
    .page-cbm-mobile .top-banner .desc span{
        display: block;
        text-align: center;
        color: #722c2c;
    }

    /* video */
    .page-cbm-mobile .video {
        background: #F4E7E7;
    }
    .page-cbm-mobile .video video {
        margin: 15px 10px 15px;
    }
    .page-cbm-mobile .video-content {
        background: #fff;
        direction: rtl;
        position: relative;
        padding: 5px 20px;
    }
    .page-cbm-mobile .video-content h4{
        font-size: 20px;
    }
    .page-cbm-mobile .video-content img{
        display: inline-block;
        width: 40px;
    }
    .page-cbm-mobile .video-content p {
        text-align: justify;
        font-size: 12px;
    }
    .page-cbm-mobile .video-content:before {
        display: none;
    }
    .page-cbm-mobile .video .video-content2 a.btn-video{
        width: 50px;
        height: 50px;
        line-height: 20px;
        margin: 15px auto;
        font-size: 30px;
    }
    .page-cbm-mobile .video .video-content2 a.btn-video i{
        line-height: 10px;
        padding-top: 8px;
        padding-left: 7px;
        font-size: 35px;
    }
    .page-cbm-mobile .video .over-border-top-right1 {
        /*display: none;*/
        display: block;
        position: absolute;
        z-index: 1;
        border-top: 2px solid #000;
        border-right: 2px solid #000;

        right: 10px;
        top: 20px;
        padding: 3em;
    }
    .page-cbm-mobile .container-video{
        padding: 0em;
        padding-bottom: 0;
        /*margin-top: -20%;*/
        margin-top: 0;
    }
    .page-cbm-mobile .container-video .video-mobile{
        display: none;
    }
    .page-cbm-mobile .container-video .video-tablet{
        display: -webkit-box;
    }
    .page-cbm-mobile .video .col-lg-6:nth-child(2){
        margin: 0em;
        padding: 1em;
    }


    /* guide */
    .page-cbm-mobile .guide {
        background: red;
        z-index: 10;
        position: relative;
        background-size: contain;
        /*background-color: transparent;*/
        margin-top: 0;
        background-position: right;
    }
    .page-cbm-mobile .guide .over-border-top2 {
        width: 47%;
        border-top: 2px dashed #bcb8b8;
        display: none;
        position: absolute;
        top: 12.1%;
        right: 1.5%;
        transform: rotate(18deg);
        z-index: 5;
    }
    .page-cbm-mobile .guide .over-border-right2 {
        width: 10px;
        height: 15%;
        border-left: 2px dashed #bcb8b8;
        display: none;
        position: absolute;
        top: 23.4%;
        right: 2%;
        z-index: 5;
    }
    .page-cbm-mobile .guide .over-border-right2:before{
        content: '';
        display: block;
        background: #898888;
        width: 15px;
        height: 15px;
        border-radius: 100%;
        position: absolute;
        right: 10%;
        bottom: 0;
    }
    .page-cbm-mobile .guide .over-border-top2:before{
        content: '';
        display: block;
        width: 10%;
        height: 3px;
        background: #000;
        position: absolute;
        top: -2px;
        left: 0px;
        z-index: 1;
    }
    .page-cbm-mobile .guide-cbm ul li {
        border-radius: 30px;
        padding: 15px 0;
        display: block;
        margin: 5px 0;
        overflow: hidden;
    }
    .page-cbm-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: 2.5% 5px 0 0;
    }
    .page-cbm-mobile .guide-cbm .title-cmb span{
        display: block;
        font-size:20px;
        font-family: 'IRANSansWeb(FaNum)_Bold';
    }

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

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

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

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

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

    .page-cbm-mobile .guide-cbm ul li .right {
        margin: -3px 41% 9px 0px;
        white-space: pre-line;
        line-height: 1.3;
    }
    .page-cbm-mobile .guide-cbm ul li .right span{
        color: #722c2c;
        font-family: 'IRANSansWeb(FaNum)_Bold';
    }
    .page-cbm-mobile .guide-cbm ul li .right p{
        margin: 0;
    }
    .page-cbm-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-cbm-mobile .guide-cbm{
        margin-top: 2%;
        z-index: 100;
        min-height: 50vh;
    }

    .page-cbm-mobile .guide-cbm .title-cmb{
        padding: 3% 5px 0 0;
        background-size: contain;
        right: 20%;
        top: 24%;
        width: 100px;
        height: 100px;
    }
    .page-cbm-mobile .guide-cbm .title-cmb span{
        font-size: 12px;
    }

    .page-cbm-mobile .guide-cbm ul li{
        background-size: 250px 55px !important;
        width: 250px;
        height: 55px;
    }
    .page-cbm-mobile .guide-cbm ul li .right {
        margin: -6px 7% 0px 0px;
        font-size: 12px;
    }

    /* score */
    .page-cbm-mobile .score {
        background: #FFF;
        width: 100%;
        position: relative;
    }
    .page-cbm-mobile .score .content {
        padding: 20px 0;
    }
    .page-cbm-mobile .score .certificate {
        /*min-height: 290px;*/
        margin-top: -10px;
        position: relative;
    }
    .page-cbm-mobile .score p{
        padding: 0;
        margin: 0;
    }
    .page-cbm-mobile .score .certificate:nth-child(1) .img{
        width: 50%;
        margin: 0 auto;
        float: left;
        margin-top: -15%;
    }
    .page-cbm-mobile .score .certificate {
        border-top: 2px dashed #bcb8b8;
    }
    .page-cbm-mobile .score .certificate:nth-child(1){
        padding: 0;
    }
    .page-cbm-mobile .score:before {
        content: '';
        display: block;
        width: 50%;
        height: 13px;
        background: #000;
        position: absolute;
        top: -4px;
        left: -3%;
        z-index: 2;
    }
    .page-cbm-mobile h6 {
        font-size: 16px !important;
        margin-bottom: 1em;
    }
    .page-cbm-mobile .score p{
        font-size: 12px;
    }

    /* more-details */
    .page-cbm-mobile .more-details {
        background: #f2f2f2;
        width: 100%;
        position: relative;
        min-height: 400px;
    }
    .page-cbm-mobile .more-details .download{
        width: 100%;
        overflow: hidden;
        margin: 50px 0;
        z-index: 1;
    }
    .page-cbm-mobile .more-details .download a {
        display: block;
        /*margin: -260px auto;*/
        margin: -16em auto;
        text-align: center;
        font-family: 'IRANSansWeb(FaNum)_Bold';
        font-size: 18px;
    }
    .page-cbm-mobile .more-details .download a img {
        display: block;
        text-align: center;
        width: auto;
        margin: 0 auto;
    }
    .page-cbm-mobile .more-details .col-lg-6 {
        margin-bottom: 15px;
    }
    .page-cbm-mobile .more-details svg {
        display: none;
    }
    .page-cbm-mobile .more-details h2 {
        margin-bottom: 20px;
    }
    .page-cbm-mobile .more-details .content {
        padding: 20px 0 20px !important;
    }
    .page-cbm-mobile .more-details{
        background: transparent;
    }

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

    /* register */
    .page-cbm-mobile .yit-feature-item figure{
        border: 3px solid #702b2b;
    }
    .page-cbm-mobile .yit-feature-item figure img{
        height: auto;
        min-height: 80px;
    }
    .page-cbm-mobile .yit-feature.style-39 .yit-feature-item{
        box-shadow: none;
        border: none;
    }

    /* download */
    .page-cbm-mobile .download-mobile{
        display: block;
        background: #f4e7e7;
        text-align: center;
        font-size: 1.2em;
        padding: 1em;
        font-family: 'IRANSansWeb_Bold';
        direction: rtl;
    }
    .page-cbm-mobile .download-mobile a{
        font-size: 12px;
    }
    .page-cbm-mobile .download-mobile img{
        width: 60px;
    }
    .page-cbm-mobile .more-details{
        display: initial;
    }
    .page-cbm-mobile .more-details .col-lg-6{
        margin-top: 0 !important;
        padding: 0;
    }
}


/*---------------------------------------------------------
 * mobile
 ---------------------------------------------------------*/
@media (max-width:768px) {
    .page-cbm{ display: none; }
    .page-cbm-mobile{ display: block; }

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

    .page-cbm , .page-cbm-mobile{
        overflow-x: hidden;
        font-family: 'IRANSansWeb(FaNum)';
    }
    img.icon-img{
        width: 60px !important;
    }
    .page-cbm-mobile .container{
        padding: 0;
    }
    .page-cbm-mobile .content h4{
        font-size: 14px !important;
        margin-bottom: 1em;
    }
    .page-cbm-mobile img.icon-img{
        width: 40px !important;
    }

    /* top-banner */
    .page-cbm-mobile .top-banner {
        background: url('img/cbm/cbm-top-banner.jpg') no-repeat;
        background-size: 100% 100%;
        min-height: 20vh;
        width: auto;
    }
    .page-cbm-mobile .top-banner .desc {
        font-family: 'IRANSansWeb_Bold';
        text-align: justify;
        float: left;
        margin: 2em auto;
        font-size: 9px;
    }
    .page-cbm-mobile .top-banner .desc h2{
        font-size: 2em;
    }
    .page-cbm-mobile .top-banner .desc p{
        text-align: center;
        font-size: 1.5em;
        margin-bottom: 0;
    }
    .page-cbm-mobile .top-banner .desc span{
        display: block;
        text-align: center;
        color: #722c2c;
    }

    /* video */
    .page-cbm-mobile .video {
        background: #F4E7E7;
    }
    .page-cbm-mobile .video video {
        margin: 15px 10px 15px;
    }
    .page-cbm-mobile .video-content {
        background: #fff;
        direction: rtl;
        position: relative;
        padding: 20px 40px;
    }
    .page-cbm-mobile .video-content h4{
        font-size: 20px;
    }
    .page-cbm-mobile .video-content img{
        display: inline-block;
        width: 40px;
    }
    .page-cbm-mobile .video-content p {
        text-align: justify;
        font-size: 12px;
    }
    .page-cbm-mobile .video-content:before {
        display: none;
    }
    .page-cbm-mobile .video .video-content2 a.btn-video{
        width: 50px;
        height: 50px;
        line-height: 20px;
        margin: 15px auto;
        font-size: 30px;
    }
    .page-cbm-mobile .video .video-content2 a.btn-video i{
        line-height: 10px;
        padding-top: 8px;
        padding-left: 7px;
        font-size: 35px;
    }
    .page-cbm-mobile .video .over-border-top-right1 {
        /*display: none;*/
        display: block;
        position: absolute;
        z-index: 1;
        border-top: 2px solid #000;
        border-right: 2px solid #000;

        right: 20px;
        top: 30px;
        padding: 3em;
    }
    .page-cbm-mobile .container-video{
        padding: 0em;
        padding-bottom: 0;
        /*margin-top: -20%;*/
        margin-top: 0;
    }
    .page-cbm-mobile .container-video .video-mobile{
        display: block;
    }
    .page-cbm-mobile .container-video .video-tablet{
        display: none;
    }
    .page-cbm-mobile .video .col-lg-6:nth-child(2){
        /*margin: 1em;*/
        padding: 1em;
    }


    /* guide */
    .page-cbm-mobile .guide {
        background: red;
        z-index: 10;
        position: relative;
        background-size: contain;
        /*background-color: transparent;*/
        margin-top: 0;
        background-position: right;
    }
    .page-cbm-mobile .guide .over-border-top2 {
        width: 47%;
        border-top: 2px dashed #bcb8b8;
        display: none;
        position: absolute;
        top: 12.1%;
        right: 1.5%;
        transform: rotate(18deg);
        z-index: 5;
    }
    .page-cbm-mobile .guide .over-border-right2 {
        width: 10px;
        height: 15%;
        border-left: 2px dashed #bcb8b8;
        display: none;
        position: absolute;
        top: 23.4%;
        right: 2%;
        z-index: 5;
    }
    .page-cbm-mobile .guide .over-border-right2:before{
        content: '';
        display: block;
        background: #898888;
        width: 15px;
        height: 15px;
        border-radius: 100%;
        position: absolute;
        right: 10%;
        bottom: 0;
    }
    .page-cbm-mobile .guide .over-border-top2:before{
        content: '';
        display: block;
        width: 10%;
        height: 3px;
        background: #000;
        position: absolute;
        top: -2px;
        left: 0px;
        z-index: 1;
    }
    .page-cbm-mobile .guide-cbm ul li {
        border-radius: 30px;
        padding: 15px 0;
        display: block;
        margin: 5px 0;
        overflow: hidden;
    }
    .page-cbm-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: 2.5% 5px 0 0;
    }
    .page-cbm-mobile .guide-cbm .title-cmb span{
        display: block;
        font-size:20px;
        font-family: 'IRANSansWeb(FaNum)_Bold';
    }

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

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

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

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

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

    .page-cbm-mobile .guide-cbm ul li .right {
        margin: -3px 41% 9px 0px;
        white-space: pre-line;
        line-height: 1.3;
    }
    .page-cbm-mobile .guide-cbm ul li .right span{
        color: #722c2c;
        font-family: 'IRANSansWeb(FaNum)_Bold';
    }
    .page-cbm-mobile .guide-cbm ul li .right p{
        margin: 0;
    }
    .page-cbm-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-cbm-mobile .guide-cbm{
        margin-top: 2%;
        z-index: 100;
    }

    .page-cbm-mobile .guide-cbm .title-cmb{
        padding: 4% 5px 0 0;
        background-size: contain;
        right: 20%;
        top: 12%;
        width: 100px;
        height: 100px;
    }
    .page-cbm-mobile .guide-cbm .title-cmb span{
        font-size: 12px;
    }

    .page-cbm-mobile .guide-cbm ul li{
        background-size: 200px 45px !important;
        width: 200px;
        height: 45px;
    }
    .page-cbm-mobile .guide-cbm ul li .right {
        margin: -6px 7% 0px 0px;
        font-size: 9px;
    }

    /* score */
    .page-cbm-mobile .score {
        background: #FFF;
        width: 100%;
        position: relative;
    }
    .page-cbm-mobile .score .content {
        padding: 20px 0;
    }
    .page-cbm-mobile .score .certificate {
        min-height: 290px;
        margin-top: -10px;
        position: relative;
    }
    .page-cbm-mobile .score p{
        padding: 0;
        margin: 0;
    }
    .page-cbm-mobile .score .certificate:nth-child(1) .img{
        width: 60%;
        margin: 0 auto;
    }
    .page-cbm-mobile .score .certificate {
        border-top: 2px dashed #bcb8b8;
    }
    .page-cbm-mobile .score .certificate:nth-child(1){
        padding: 0;
    }
    .page-cbm-mobile .score:before {
        content: '';
        display: block;
        width: 50%;
        height: 13px;
        background: #000;
        position: absolute;
        top: -4px;
        left: -3%;
        z-index: 2;
    }
    .page-cbm-mobile h6 {
        font-size: 14px !important;
        margin-bottom: 1em;
    }
    .page-cbm-mobile .score p{
        font-size: 12px;
    }

    /* more-details */
    .page-cbm-mobile .more-details {
        background: #f2f2f2;
        width: 100%;
        position: relative;
        min-height: 400px;
    }
    .page-cbm-mobile .more-details .download{
        width: 100%;
        overflow: hidden;
        margin: 50px 0;
        z-index: 1;
    }
    .page-cbm-mobile .more-details .download a {
        display: block;
        /*margin: -260px auto;*/
        margin: -16em auto;
        text-align: center;
        font-family: 'IRANSansWeb(FaNum)_Bold';
        font-size: 18px;
    }
    .page-cbm-mobile .more-details .download a img {
        display: block;
        text-align: center;
        width: auto;
        margin: 0 auto;
    }
    .page-cbm-mobile .more-details .col-lg-6 {
        margin-bottom: 15px;
    }
    .page-cbm-mobile .more-details svg {
        display: none;
    }
    .page-cbm-mobile .more-details h2 {
        margin-bottom: 20px;
    }
    .page-cbm-mobile .more-details .content {
        padding: 20px 0 80px;
    }
    .page-cbm-mobile .more-details{
        background: transparent;
    }

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

    /* register */
    .page-cbm-mobile .yit-feature-item figure{
        border: 3px solid #702b2b;
    }
    .page-cbm-mobile .yit-feature-item figure img{
        height: auto;
        min-height: 80px;
    }
    .page-cbm-mobile .yit-feature.style-39 .yit-feature-item{
        box-shadow: none;
        border: none;
    }

    /* download */
    .page-cbm-mobile .download-mobile{
        display: block;
        background: #f4e7e7;
        text-align: center;
        font-size: 1.2em;
        padding: 1em;
        font-family: 'IRANSansWeb_Bold';
    }
    .page-cbm-mobile .download-mobile a{
        font-size: 12px;
    }
    .page-cbm-mobile .download-mobile img{
        width: 60px;
    }
    .page-cbm-mobile .more-details{
        display: initial;
    }
    .page-cbm-mobile .more-details .col-lg-6{
        margin-top: 0 !important;
        padding: 0;
    }
}




@media (min-width:992px) and (max-width: 1029px) {

}
@media (min-width:1029px) and (max-width: 1033px){
    .page-cbm .video.row .col-lg-6:nth-child(2):before{
        top: -7.5%;
    }
    .page-cbm .video.row .col-lg-6:nth-child(2):after{
        top: -19%;
    }
}
@media (min-width:1034px) and (max-width: 1050px){
    .page-cbm .video.row .col-lg-6:nth-child(2):before{
        top: -7%;
        transform: rotate(16.4deg);
    }
    .page-cbm .video.row .col-lg-6:nth-child(2):after{
        top: -21%;
    }
}
@media (min-width:1051px) and (max-width: 1087px){
    .page-cbm .video.row .col-lg-6:nth-child(2):before{
        top: -6.4%;
        transform: rotate(16.3deg);
    }
    .page-cbm .video.row .col-lg-6:nth-child(2):after{
        top: -19%;
    }
}
@media (min-width:1089px) and (max-width: 1100px){
    .page-cbm .video.row .col-lg-6:nth-child(2):before{
        top: -6.5%;
        transform: rotate(15deg);
    }
    .page-cbm .video.row .col-lg-6:nth-child(2):after{
        top: -19.5%;
    }
}
@media (min-width:1101px) and (max-width: 1150px){
    .page-cbm .video.row .col-lg-6:nth-child(2):before{
        top: -5.3%;
        transform: rotate(15.5deg);
    }
    .page-cbm .video.row .col-lg-6:nth-child(2):after{
        top: -17.5%;
    }
}
@media (min-width:1151px) and (max-width: 1200px){
    .page-cbm .video.row .col-lg-6:nth-child(2):before{
        top: -4.3%;
        transform: rotate(15deg);
    }
    .page-cbm .video.row .col-lg-6:nth-child(2):after{
        top: -18.5%;
    }
}
@media (min-width:1201px) and (max-width: 1250px) {
    .page-cbm .row.video:before{
        transform: rotate(16.5deg);
        position: absolute;
        top: 6%;
        left: -19%;
        height: 35px;
    }
    .page-cbm .video.row .col-lg-6:nth-child(2):before{
        top: -8.5%;
        transform: rotate(16.2deg);
    }
    .page-cbm .video.row .col-lg-6:nth-child(2):after{
        top: -26.5%;
    }
}
@media (min-width:1251px) and (max-width: 1300px) {
    .page-cbm .row.video:before{
        transform: rotate(16.5deg);
        position: absolute;
        top: 6%;
        left: -19%;
        height: 35px;
    }
    .page-cbm .video.row .col-lg-6:nth-child(2):before{
        top: -8.5%;
        transform: rotate(16.2deg);
    }
    .page-cbm .video.row .col-lg-6:nth-child(2):after{
        top: -26.5%;
    }
}
@media (min-width:1301px) and (max-width: 1350px) {
    .page-cbm .row.video:before{
        height: 35px;
        transform: rotate(16deg);
    }
    .page-cbm .video.row .col-lg-6:nth-child(2):before{
        top: -7%;
        transform: rotate(16deg);
    }
    .page-cbm .video.row .col-lg-6:nth-child(2):after{
        top: -24.5%;
    }
}
@media (min-width:1351px) and (max-width: 1400px) {
    .page-cbm .row.video:before{
        height: 35px;
        transform: rotate(15.2deg);
    }
    .page-cbm .video.row .col-lg-6:nth-child(2):before{
        top: -6.5%;
        transform: rotate(15.1deg);
    }
    .page-cbm .video.row .col-lg-6:nth-child(2):after{
        top: -23.5%;
    }
}


@media (min-width:1442px){
    .page-cbm .video.row .col-lg-6:nth-child(2):before,
    .page-cbm .video.row .col-lg-6:nth-child(2):after ,
    .page-cbm .row.video:before,
    .page-cbm .row.video: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;}