[mn="1007"] {
     --gradStart_default: rgba(255, 255, 255, 1);
     --gradEnd_default: rgba(255, 255, 255, 0);

     padding: 0;

     .itm {
         &.lr-w {
             flex: 0 0 100%;
             max-width: 100%;
             flex-direction: row-reverse;
             padding: 0;
         }

         .l,
         .r {
             flex: 0 0 50%;
             max-width: 50%;
             position: relative;

             @media(width<575px) {
                 flex: 0 0 100%;
                 max-width: 100%
             }
         }

         .l {
             min-height: 300px;

             &:after {
                 content: '';
                 left: 0;
                 bottom: 0;
                 position: absolute;
                 display: block;
                 height: 100%;
                 width: 250px;
                 background: rgb(236, 241, 243);
                 background: linear-gradient(90deg, var(--gradStart_default) 0%, var(--gradEnd_default) 100%);
             }

             @media(width<=575px) {
                 &:after {
                     display: none
                 }
             }
         }

     }

     .textbx {
         padding: 0 0 0 0;
         width: 600px;
         max-width: 100%;
         margin: 0 auto;
     }

     ._content {
         border: 0;
     }


     .floatingbg {
         position: absolute;
         left: 0;
         top: 0;
         height: 100%
     }

     @media (max-width: 575px) {
         .textbx {
             padding: 0 0 0 0 !important
         }

         .floatingbg {
             position: inherit;
             padding: 15px
         }
     }

     .rowbxlist {

        --ObjImgPadu: var(--ObjImgPadu_default, 15px 0);

        @media (width <= 1200px) { 
            --ObjImgPadu: var(--ObjImgPadu_1200, 30px 0); 
        } 
        @media (width <= 991px) { 
            --ObjImgPadu: var(--ObjImgPadu_991, 30px 0); 
        } 

        @media (width <= 767px) { 
            --ObjImgPadu: var(--ObjImgPadu_767, 30px 0); 
        } 
        
        @media (width <= 575px) { 
            --ObjImgPadu: var(--ObjImgPadu_575, 30px 0); 
        }

        /* ================================ */
        /* ================================ */

        padding: var(--ObjImgPadu);


         .rowcont {
             min-height: auto;
         }

         .rowcont {
             @media(width>=575px){
                min-height: 50vh;
             }
         }
     }

     &.dsg_1 {
         .rowbxlist:nth-child(even) {

             .rowcont {
                 .row {
                     flex-direction: row-reverse;
                 }
             }

             .lr-w {
                 flex-direction: initial;
             }

             .l {
                 &:after {
                     background: linear-gradient(90deg, var(--gradEnd_default) 0%, var(--gradStart_default) 100%);
                     left: auto;
                     right: 0; 
                 }
             }
         }
     }
     &.dsg_2 {
         .rowbxlist:nth-child(odd) {

             .rowcont {
                 .row {
                     flex-direction: row-reverse;
                 }
             }

             .lr-w {
                 flex-direction: initial;
             }

             .l {
                 &:after {
                     background: linear-gradient(90deg, var(--gradEnd_default) 0%, var(--gradStart_default) 100%);
                     left: auto;
                     right: 0; 
                 }
             }
         }
     }





 }