.masterVision.bg-gradient-color {
          overflow: hidden;
          display: flex;
          flex-direction: row;
          justify-content: center;
          align-items: center;
          width: 100%;
          height: 100vh;
          background-image: radial-gradient(circle,  rgba(151,211,241,0.45), rgba(99,189,234,1));
          position: relative;
          min-height:900px;

          max-height:1080px;
        }
        .masterVision.bg-gradient-color .pos{
            position: relative;
            max-height:1080px;
        }

        .shop.backgroundImg{
            width:  100%;
            padding-top: 25%;
            opacity: .6;
            background-repeat: no-repeat;
            background-position: center;
            -moz-background-size:contain;
            -webkit-background-size:contain;
            -o-background-size:contain;
            background-size:contain;
            -webkit-transition: all 0.35s ease;
            transition: all 0.35s ease;
            z-index: -1;
            position: absolute;
            top: 50%;
            transform: translateY(-85%);
            z-index: 1;
            opacity: .25;
        }

        .container-fluid{
            max-width: 1920px;
        }

        .container-fluid.no-padding{
            padding-right: 0px;
            padding-left: 0px;
        }

        .masterVision .titleRow{
            text-align: center;
            height: 80vh;
            display: flex;
            justify-content: center;
        }
        .masterVision .titleBox{
            display:flex;
            align-items:center;
            justify-content:center;
            position: relative; 
        }
        .masterVision .titleRow.bgImg{
            max-height:750px;
            background-position: center;
            -moz-background-size:contain;
            -webkit-background-size:contain;
            -o-background-size:contain;
            background-size:contain;
            background-repeat: no-repeat;
            min-height:750px;

        }


        .masterVision .titleBox h1{
            color: #fff;
            font-size: 5.6rem;
            font-weight: 700;
            margin-bottom: 1.2rem;
            line-height:6rem;
            text-shadow: 0 1px 0 #398bc5, 0 0 5px rgba(2, 51, 78,.1), 0 1px 3px rgba(2, 51, 78,.3), 0 3px 5px rgba(2, 51, 78,.2), 0 5px 10px rgba(2, 51, 78,.25), 0 10px 10px rgba(2, 51, 78,.2), 0 20px 20px rgba(2, 51, 78,.15);
        }

        .masterVision .titleBox span.subtitle{
            color: #42abe0;
            font-weight: 700;
            font-size: 2rem;
        }

        .masterVision .cloud:before {
            content: "";
            width:30vw;
            height:100%;
            min-height: 400px;
            max-height: 600px;
            max-width:  570px;
            background: url("../img/cloud_01.png");
            top: -270px;
            left: -50px;
            position: absolute;
            background-repeat: no-repeat;
            -moz-background-size:contain;
            -webkit-background-size:contain;
            -o-background-size:contain;
            background-size:contain;

            -webkit-transition: all 0.35s ease;
            transition: all 0.35s ease;
            z-index: 20;
        }

        .masterVision .cloud:after {
            content: "";
            width: 12vw;
            height: 100%;
            max-height: 280px;
            min-height: 240px;
            max-width:  230px;
            background: url("../img/cloud_02.png");
            top: -115px;
            right: 500px;
            position: absolute;
            background-repeat: no-repeat;
            -moz-background-size:contain;
            -webkit-background-size:contain;
            -o-background-size:contain;
            background-size:contain;

            -webkit-transition: all 0.35s ease;
            transition: all 0.35s ease;
            z-index: 20;

        }
        .shop-store{
            position: relative; 
        }

        .shop-store:after{
            content: "";
            width: 30vw;
            height: 100vh;
            max-width: 570px; 
            max-height: 885px;
            min-height: 810px;
            background: url("../img/phone_shop_02.png");
            position: absolute;
            top: -8%;
            right: -30%;
            /* right: 0px; */
            /* transform: translateX(60%); */

            background-repeat: no-repeat;
            -moz-background-size:contain;
            -webkit-background-size:contain;
            -o-background-size:contain;
            background-size:contain;

            z-index:    10;
            -webkit-transition: all 0.35s ease;
            transition: all 0.35s ease;

        }

        .c_01 , .c_02 ,.c_03{
            background-repeat: no-repeat;
            -moz-background-size:contain;
            -webkit-background-size:contain;
            -o-background-size:contain;
            background-size:contain;
            color:  #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            font-weight:  700;
            position: absolute; 
            -webkit-transition: all 0.35s ease;
            transition: all 0.35s ease;
        }
        .c_01{
            max-width:  245px;
            max-height:   245px;
            width:  12vw;
            height: 12vw;
            font-size:  4rem;
            line-height:    4rem;
            right:  37.5%;
            top: 10px;
            transform: translateY(-20%);
        }
        .c_02{
            max-width:  200px;
            max-height:   200px;
            width:  10vw;
            height: 10vw;
            font-size:  4rem;
            line-height:    4rem;
            top:  45%;
            left:   110px;

        }
        .c_03{
            max-width: 205px;
            max-height:  205px;
            width:  10vw;
            height: 10vw;
            font-size:  4rem;
            line-height:    4rem;
            bottom: 70px;
            left:   42%;

        }
        .shop_car:after{
            content: "";
            width: 25vw;
            height: 25vw;
            max-height: 185px;
            min-height: 160px;
            max-width:  350px;
            background: url("../img/car_01.png");
            position: absolute;
            bottom: -0px;
            right: -65px;
            transform: translate(45%,-10%);
            z-index: 20;
            background-repeat: no-repeat;
            -moz-background-size:contain;
            -webkit-background-size:contain;
            -o-background-size:contain;
            background-size:contain;
        }
        article.masterVision.bg-gradient-color:after{
            content: "";
            width:  100vw;
            height: 35px;
            background: url("../img/wave_01_1.png");
            position: absolute;
            bottom:     -1px;
            left:   0px;
            background-repeat: repeat-x;
            -moz-background-size:contain;
            -webkit-background-size:contain;
            -o-background-size:contain;
            background-size:contain;
            background-position: bottom;


        }

        .sales-down{
            width:  30vw;
            height:  30vw;
            max-width:300px;
            max-height:400px;  
            background-repeat: no-repeat;
            -moz-background-size:contain;
            -webkit-background-size:contain;
            -o-background-size:contain;
            background-size:contain;
            background-position: bottom;
            position: absolute; 
            left:   2rem;
            bottom: 0px;
            z-index:    15;
            text-align: center; 
            display: block;
        }
        .phone-block{
            opacity: 0;
        }
        @media (max-width: 1800px) {
            .shop-store:after{
                right: -27%;
            }
        }
        @media (max-width: 1660px) {
            .masterVision .cloud:before {
                top: -80px;
                left: 200px;
                width: 25vw;
            }
            .masterVision .cloud:after {
                top: 5px;
                right: 430px;
            }
            .shop-store:after{
                top: 25px;
                right: -25%;
                max-width: 570px; 
                max-height: 600px;
            }

            .masterVision.bg-gradient-color{
                min-height: 950px;
                max-height: 950px;
            }
            .c_01{
                right: 40%;
                top: 20px;    
            }
            .c_02{
                top: 47%;
                left: 135px;
            }
        }
        @media (max-width: 1600px) {
            .shop.backgroundImg{
                padding-top: 45%;
                background-position: center;
                -moz-background-size:cover;
                -webkit-background-size:cover;
                -o-background-size:cover;
                background-size:cover;
                opacity: .3;
            }
            .shop-store:after{
                right: -20%;
            }
        }
        @media (max-width: 1440px) {
            .masterVision.bg-gradient-color{
                min-height: 780px;
                max-height: 780px;
            }
            .shop.backgroundImg{
                padding-top: 40%;
                background-position: center;
            }
            .masterVision .cloud:after {
                top: 50px;
                right: 300px;
            }
            .c_01 {
                right: 35%;
                top: 60px;
            }
            .c_02 {
                top: 47%;
                left: 180px;
            }
            .shop_car:after{
                bottom: 30px;
                right: -30px;  
            }
            .shop-store:after{
                min-height: 610px;
                right: -16%;
                top: 75px;
            }
        }

        @media (max-width: 1350px) {
            .shop-store:after{
                right: -12%;
            }
        }
        /* ------------------------------------------ */
        @media (max-width: 1280px) {
            .shop.backgroundImg{
                padding-top: 45%;
            }
            .shop-store:after{
                right: -5%;
                top: 140px;
                width: 31vw;
            }
            .shop_car:after {
                bottom: 15px;
                right: 25px;
            }
            .c_01 {
                right: 40%;
                top: 100px;
            }
            .c_02 {
                top: 37%;
                left: 110px;
            }
            .c_03 {
                bottom: 120px;
            }
            .sales-down{
                max-width: 260px;
                max-height: 350px;
                right: 120px;
                bottom: 50px;
            }

        }
        @media (max-width: 1200px) {
            .shop-store:after{
                right: -13%;
            }
        }
        @media (max-width: 1020px) {
            .shop-store:after{
                right: -5%;
                top: 180px;
            }
        }
        @media (max-width: 1024px) {


        }
        @media (max-width: 991px) {

            .shop.backgroundImg,.c_02,.c_01,.c_03{
                opacity: 0;
                padding-top:0px;
            }

            .phone-block.seoBox{
                opacity: 1;
            }
            .masterVision .titleBox{
                padding-bottom: 8rem;
            }
            .masterVision .titleBox span.subtitle{
                color: #fff;
                text-shadow: 0 1px 0 #398bc5, 0 0 5px rgba(2, 51, 78,.1), 0 1px 3px rgba(2, 51, 78,.3), 0 3px 5px rgba(2, 51, 78,.2);
            }
            .seoBox{
                color: #fff;
                font-size: 1.5rem;
                font-weight: 500;
                text-shadow: 0 1px 0 #398bc5, 0 0 5px rgba(2, 51, 78,.1), 0 1px 3px rgba(2, 51, 78,.3), 0 3px 5px rgba(2, 51, 78,.2);

            }
            .masterVision .titleRow{
                /* justify-content: left; */
                -ms-flex-pack: start;
                justify-content: start;
            }
            .masterVision .titleBox h1 ,.masterVision .titleBox span.subtitle ,.phone-block.seoBox ,.masterVision .titleBox{
                text-align: left;
            }
            .shop-store:after {
                right: -15%;
                width: 45vw;
                top: 115px;
            }
            .shop_car:after {
                bottom: 20px;
                right: 35px;
                width: 35vw;
            }
            .masterVision.bg-gradient-color .pos{
                    min-height: 720px;

                    max-height: 720px;
            }
            .sales-down {
                bottom: 30px;
                max-width: 185px;
                max-height: 240px;
            }
            .masterVision .cloud:after {
                top: 25px;
                right: 285px;
                width: 16vw;
            }
            .masterVision .cloud:before {
                top: -95px;
                left: 150px;
                width: 31vw;
            }
        }
        @media (max-width: 825px) {
            .shop-store:after {
                right: -13%;
            }
        }

        @media (max-width: 767px) {
            .masterVision .titleBox{
                align-items: inherit;
                justify-content: inherit; 
                width: 100%;
            }
            .masterVision .titleRow.bgImg{
                display: flex;
                justify-content: center;
            }
            .shop-store:after {
                right: -18%;
                width: 39vw;
                top: inherit;
                bottom: 0px;
                max-height: 480px;
                min-height: 400px;
            }
            .shop_car:after {
                bottom: -35px;
                right: 165px;
                width: 35vw;
            }
            .masterVision .cloud:after {
                top: 105px;
                right: 50px;
                width: 16vw;
            }

            .masterVision .cloud:before {
                top: inherit;
                left: 150px;
                width: 31vw;
                bottom: 0px;
                max-height: 485px;
            }
            .masterVision .titleBox{
                padding-bottom: inherit;
            }
            .sales-down{
                    left: 60px;
            }
        }

        @media (max-width: 700px) {
            .masterVision .titleBox h1{
                font-size: 5rem;
                line-height: 5.4rem;
            }
            .masterVision .titleRow.bgImg{
                justify-content: left;
                padding: 0px;
            }
            .masterVision .cloud:after{
                top: 220px;
                right: inherit;
                left: 240px;
            }
            .masterVision .cloud:before{
                   left: 20px; 
            }
            .shop-store:after{
                width: 55vw;
                max-height: 530px;
                min-height: 500px;
                transform: inherit;
                right: -16%;
            }

            .sales-down{
                z-index: 99;
                left: 0px;
                max-width: 210px;
                max-height: 240px;
                width: 35vw;
                height: 40vw;
            }
            .shop_car:after{
                bottom: 0px;
                right: inherit;
                width: 40vw;   
                transform : inherit;
                left: 165px;
            }


        }

        @media (max-width: 600px) {
            .shop-store:after{
                right: -12%;
                top: 195px;
            }
        }
        @media (max-width: 575px) {
            .masterVision.bg-gradient-color{
                padding: 2rem;
            }
            .masterVision .titleBox h1 {
                font-size: 4rem;
                line-height: 4.2rem;
            }
            .masterVision .titleBox span.subtitle ,.seoBox{
                font-size: 1.5rem;
            }
            .shop-store:after{
                top: 195px;
                bottom: inherit;
            }
            .masterVision .cloud:after {
                top: 185px;
                right: inherit;
                left: 185px;
                z-index: 5;
            }
            .masterVision .cloud:before{
                max-height: 520px;
            }
            .shop_car:after{
                bottom: 25px;
                width: 45vw;
                left: 165px; 
            }
            .sales-down{
                bottom: 85px;
            }
        }   
        @media (max-width: 480px) {
            .masterVision .cloud:after{
                left: 180px;
            }
            .shop-store:after{
                    top: 230px;
                max-height: 420px;
                min-height: 420px;   
                width: 60vw;
            }
            .shop_car:after {
                bottom: 55px;
                width: 40vw;
                left: 145px;
            }
            .masterVision .cloud:before {
                left: 0px;
                    width: 35vw;
            }
            .masterVision .cloud:after {
                left: 155px;
                width: 20vw;
            }
            .sales-down {
                bottom: 115px;
            }
        }
        @media (max-width: 414px) {
            .masterVision.bg-gradient-color,.masterVision .titleRow.bgImg{
                min-height: 736px;
                max-height: 736px;
            }
            .shop-store:after {
                top: inherit;
                bottom: 50px;
                max-height: 400px;
                min-height: 400px;
                width: 70vw;
                right: -2.5rem;
            }

            .masterVision .cloud:after {
                left: 155px;
                width: 25vw;
            }
            .shop_car:after {
                bottom: 25px;
                width: 50vw;
                left: 65px;
                max-height: 115px;
                min-height: 115px;
            }
            .sales-down {
                bottom: 140px;
                left: -1.5rem;
                height: 45vw;
            }
        }
        @media (max-width: 340px) {
            .masterVision .titleBox h1 {
                font-size: 3.5rem;
                line-height: 3.75rem;
            }
            .masterVision .titleBox span.subtitle ,.seoBox {
                font-size: 1.35rem;
            }
            .sales-down {
                bottom: 180px;
                width: 112px;
                height: 144px;
            }
            .shop_car:after{
                bottom: 70px;
                width: 50vw;
                left: 0px;
                width: 160px;
                height: 115px;
            }
            .shop-store:after{
                width: 224px;
                height: 400px;
            }
            .masterVision .cloud:before{
                width: 112px;
            }
            .masterVision .cloud:after{
                width: 80px;
            }
        }