/*@use "variables" as *;
@use "media-query" as *;*/

.Instagram_main_new{
    overflow: hidden; position: relative;  
    .Instagram_inner_new{
        .Instagram_mainleft_new{width: 322px; position: absolute; top: 77px; left: 19px;
            .Instagram_innerleft_new{
                img{width:100%; height:auto;}
                video{width:100%;  height:auto;}
            }  
        }
        .Instagram_mainright_new{width: 236px; position: absolute; top:0px; right: 84px;
            .Instagram_innerright_new{
                img{width:100%; height:auto;}
                video{width:100%;  height:auto;}
            }
        }
        .Instagram_mainboth_new{
            position: relative; z-index:1;
            .Instagram_innerboth_new{
                .Instagram_innerboth_mainitem_new{
                    .Instagram_innerboth_inneritem_new{
                        text-align: center;
                        .Instagram_innerboth_inneritem_maininfos_new{
                            padding-top:24px;
                            .Instagram_innerboth_inneritem_innerinfos_new{ text-wrap: initial; }
                        }
                    }
                }
                .Instagram_innerboth_mainicon_new{ padding-top: 10px;
                    .Instagram_innerboth_innericon_new{
                        ul{display:flex; align-items: center; justify-content: flex-end; grid-gap: 12px;
                            li{
                                a{ display: flex; }
                                svg{ width: 20px; height: auto; display: flex; }
                            }
                        }
                    }
                }
            }
        }
        .Instagram_mainloop_new{ padding-top: 26px; position: relative; z-index:1;
            .Instagram_innerloop_new{
                .Index_object_instagram_marquee{
                    span{ display:flex; align-items: center; grid-gap: 0px 16px; }
                    .js-marquee-wrapper{ display:flex; align-items: center; grid-gap: 0px 16px;
                        .js-marquee{
                            display:flex; align-items: center; grid-gap: 0px 16px;
                        }
                    }
                    .Instagram_innerloop_mainmedia_new{ width:250px;
                        .Instagram_innerloop_innermedia_new{position: relative; padding-bottom:156.8%;
                            img{ width:100%; position:absolute; object-fit:cover; top:0; left:0; bottom:0; right:0; height:100%; border: 1px solid #081C3E; }
                            video{ width:100%; position:absolute; object-fit:cover; top:0; left:0; bottom:0; right:0; height:100%; border: 1px solid #081C3E; }
                            /* A <video poster> attribute takes one URL and has no srcset, so a single
                               file had to serve both the 250px desktop tile and the 120px mobile tile.
                               Responsive-video-new emits the poster as these two custom properties
                               instead, and the browser only fetches the one whose media query matches,
                               so each viewport downloads its own size. Breakpoint must stay at 749px
                               to match the tile width switch below. */
                            video.lazy-video--split{ background-image: var(--poster-lg); background-size: cover; background-position: center; background-repeat: no-repeat; }
                        }
                    }
                }   
            }
        }
    }
}

@media(min-width:0px) and (max-width:749px){
    
    .Instagram_main_new{
        /*border-top: 0;*/
        .Instagram_inner_new{
            .Instagram_mainleft_new{width:150px; top: 0; left:0px; }
            .Instagram_mainright_new{width:146px; top: 0; right:0px; }
            .Instagram_mainboth_new{
                .Instagram_innerboth_new{ 
                    display: flex; flex-direction: column-reverse;
                    max-width: 335px; margin: auto;
                    .Instagram_innerboth_mainitem_new{
                        .Instagram_innerboth_inneritem_new{
                            .Instagram_innerboth_inneritem_maininfos_new{padding-top: 16px;}
                        }
                    }
                    .Instagram_innerboth_mainicon_new{padding-top:0px; padding-bottom: 16px;
                        .Instagram_innerboth_innericon_new{
                            ul{justify-content: center;}
                        }
                    }
                }
            }
            .Instagram_mainloop_new{
                /* Section padding-bottom is driven by a schema setting that ships at 0, so the
                   card strip butted straight into the footer. Space the gap here instead. */
                padding-top: 32px; padding-bottom: 64px;
                .Instagram_innerloop_new{
                    .Index_object_instagram_marquee{
                        span{  grid-gap: 0px 12px; }
                        .js-marquee-wrapper{ grid-gap: 0px 12px;
                            .js-marquee{
                               grid-gap: 0px 12px;
                            }
                        }
                        .Instagram_innerloop_mainmedia_new{width:120px;
                            .Instagram_innerloop_innermedia_new{padding-bottom:156.94%;
                                video.lazy-video--split{ background-image: var(--poster-sm); }
                            }
                        }       
                    }
                }
            }
        }
    }
}

@media(min-width:750px) and (max-width:989px){
    
    .Instagram_main_new{
        .Instagram_inner_new{
            .Instagram_mainleft_new{ width: 210px; top: 80px; left: 5px; }
            .Instagram_mainright_new{width: 160px; top:0px; right: 20px;}
            .Instagram_mainboth_new{
                .Instagram_innerboth_new{
                    .Instagram_innerboth_mainitem_new{
                        .Instagram_innerboth_inneritem_new{
                            .Instagram_innerboth_inneritem_maininfos_new{
                                padding-top:16px;
                            }
                        }
                    }
                }
            }
        }
    }
}
@media(min-width:990px) and (max-width:1439px){

    .Instagram_main_new{
        .Instagram_inner_new{
            .Instagram_mainleft_new{ width: 230px; top: 100px; left: 10px; }
            .Instagram_mainright_new{ width: 180px; top: 0px; right: 40px; }
        }
    }
}