ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / lab2454c / fcxpro.com / wp-content / plugins / webon-core / inc / shortcodes / frame-slider / assets / css / scss

/* ==========================================================================
   Frame Slider shortcode responsive style - begin
   ========================================================================== */
.qodef-frame-slider-holder {
    
    @media only screen and (max-width: 1680px) {
    
        .qodef-m-item {
            
            img {
                top: -26px;
            }
        
            &.swiper-slide-active {
            
                img {
                    top: -32px;
                }
            }
        }
    }

@include qodefScreenSize1440 {
        
        .qodef-m-item {
            
            img {
                top: -22px;
            }
        
            &.swiper-slide-active {
            
                img {
                    top: -28px;
                }
            }
        }
    }
    
    @media only screen and (max-width: 1368px) {
        
        .qodef-m-item {
    
            img {
                top: -19px;
            }
        
            &.swiper-slide-active {
            
                img {
                    top: -25px;
                }
            }
        }
    }

@include qodefScreenSize1024 {
    
       .qodef-frame-slider-image {
           width: 65%;
        }
    
        .qodef-m-item {
            padding-top: calc(50% + 50px);
            margin: 0 3%;
            
            img {
                top: -30px;
                transform: scale(1);
            }
        
            &.swiper-slide-active {
    
                img {
                    top: -32px;
                    transform: scale(1.28);
                }
            }
        }
    }

@include qodefScreenSize768 {
        
        .qodef-m-item {
        
            &.swiper-slide-active {
            
                img {
                    top: -30px;
                }
            }
        }
    }

@include qodefScreenSize680 {
    
        .qodef-m-item {
        
            &.swiper-slide-active {
            
                img {
                    top: -28px;
                    transform: scale(1.288);
                }
            }
        }
    }

@include qodefScreenSize480 {
    
        .qodef-m-item {
        
            img {
                top: -25px;
            }
        }
    }
}

/* ==========================================================================
   Frame Slider shortcode responsive style - end
   ========================================================================== */

[+] ..
[-] _frame-slider-responsive.scss [edit]
[-] _frame-slider-default.scss [edit]