@media screen and (min-width: 1124px) {
    li.is-active .videoReviewsSlideVideo picture{ 
        --sizeActiveSlide: 110px;
        width: calc(100% + var(--sizeActiveSlide));
        height: calc(100% + var(--sizeActiveSlide));
        /* position: absolute; */
        /* left: 50%; */
        /* top: 50%; */
        /* transform: translate(-50%, -50%); */
        z-index: 1;
        margin-left: calc( ( var(--sizeActiveSlide) / 2 ) * -1 );
        margin-top: calc( ( var(--sizeActiveSlide) / 2 ) * -1 );
        position: relative; 
    }
    .videoReviewsSlide li{height:270px}
    .videoReviewsSlideVideo {
        position: relative;
        height: 100%;
        height: 270px;
    }
    }
    
    @media screen and (max-width: 1124px) {
        section.videoReviews.videoReviewsSlide picture iframe {
            aspect-ratio: 3 / 5;
            max-height: 400px;
        }
    
    }




@media screen and (max-width: 1460px) {
    .napisalionas{ padding: 100px; }
}


@media screen and (max-width: 1360px) {

   section.napisalionas .napis_pc { 
        width: 270px;
        height: 106px; 
        right: -71px;
        top: -10px;
    }
    .container, 
    section.featuresGoogleCtn,
    section.reviewsSite .container{ 
        --fixMargin: 60px;
        margin-left: var(--fixMargin);
        margin-right: var(--fixMargin);
        box-sizing: border-box;
    } 

    section.Threesteps li::after{
        display:none
    }

    section.textPhotoRound:nth-child(even) picture{
        left:0;
    }
    section.textPhotoRound:nth-child(odd) picture{
        right:0;
        
    }

    section.textPhotoRound:nth-child(even) picture,
    section.textPhotoRound:nth-child(odd) picture{
        bottom:0
    }
    section.textPhotoRound figcaption{
        margin-bottom: 0;
    }
    section.textPhotoRound figure { 
        align-items: center; 
    }  
}


@media screen and (max-width: 1190px) {

    section.napisalionas .napis_pc{
        position:static
    }


    section.napisalionas .TitleText {
    position: relative;
    display: flex;
        flex-direction: column;
        align-items: center;
    }
    section.napisalionas .container {
        padding-right: 0;
    }

    .btnButton.btnGreenButton{ display: none;}

    section.napisalionas figure picture {
        background: #4286f659; 
    }


    body{
        font-size: 16px;
    }
    .ProjectWebsiteV2 { 
        background-position: right -140px top 70px; 
    }
    form.formCard section {
        padding: 40px 18px;
    }
    section.rocketWithBox ul { 
        flex-wrap: wrap;
        row-gap: 100px;
    }
    section.rocketWithBox ul li { 
        max-width: 500px;
    }

    section.videoReviews:not(.simpleReview,.videoReviewsSlide) picture { 
        padding: 36px;
    }
    section.videoReviews picture {
        width: 490px;
        height: 350px;
    }

    .hideInMobile{ display: none !important }
    section.referenceItem .container { 
        gap: 10px;
    }
    section.referenceItem .container>*,
    section.referenceItem:nth-child(odd) .container>* {
        width: 50%;
    }

    section.whyWorkingWithUs{
        text-align: center;
    }
    section.whyWorkingWithUs section.personSeomotive.personSeomotiveVerS ul{
        flex-direction: row;
    }
    section.whyWorkingWithUs section.personSeomotive.personSeomotiveVerS .container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

}

 

@media screen and (min-width: 992px) {
    button.BarMenu{ display: none }
    nav .menu li:hover ul.sub-menu {
        opacity:1;
        pointer-events: all;
    }

    section.pageBanner {
        overflow: hidden;  
    }
    section.pageBanner>section .container{
        height:33vw;
    }
}

@media screen and (max-width: 992px) {
    section.pageBanner>section.NFC_Banner img {
        padding: 10px;
        max-width: 290px;
    }

    section.columnPage {
        flex-direction: column-reverse;
        align-items: center;
    }
    section.BlockContent .container picture::after {
        background-size: 80% !important;
    }
    figure.RoundBoxText {
        padding: 20px;
        font-size: 13px;
    }
    section.BlockContent .container {
        padding-left: 20px ;
        padding-right: 20px ;
    }

    figure.BlockContentWithImgSimple.BlockWizytowkaGoogle figcaption p { 
        padding-left: 0;
    }

    section.personSeomotive .container section .pageBanerContent { 
        align-items: center;
    }

    section.SocialSticky{background: transparent;}
    section.SocialSticky a {
        background: var(--color4);
    }
    section.reviewsSiteList section:nth-child(n + 3){
        display: none
    }
    section.sectionContactWithForm .container { 
        align-items: center;
        flex-direction: column;
    }
    section.referenceItem .container>*, section.referenceItem:nth-child(odd) .container>*,
    section.referenceItem .container>*, section.referenceItem:nth-child(even) .container>* {
        width: 100%;
    }
    section.personSeomotive ul li{
        padding-left: 0;
    }
    section.GoogleMyCompanyGraph { 
        gap: 40px; 
    }
    section.whyGoogleMaps li { 
        padding: 34px; 
    }

    section.WhyGoogleLocalSEO li { 
        min-width: 350px;
    }
    .CompanySearchPhraseContentBorderBoxWhite { 
        padding: 50px 20px;
        margin: 0;
        margin-bottom: 50px;
    }
    section.SearchPhraseResults>.container { 
        flex-direction: column;
        align-content: center;
        align-items: center;
    }
    .SearchPhraseResults_tabs { 
        justify-content: center; 
        flex-wrap: wrap;
    }
    .SearchPhraseResults_tabs { 
        height: auto;
    }

    figure.StatsAdamsCoach_HEADER {
        display: flex;
        gap: 80px;
        align-items: center;
        padding-right: 0;
        flex-direction: column-reverse;
        align-content: center;
        text-align: center;
    }
    .CompanySearchPhraseContent_text span { 
        min-width: 100px;
    }
    figure.StatsAdamsCoach_textImage.StatsAdamsCoach_textImageStatsGraph img {
        max-width: 200px;
    }
    figure.StatsAdamsCoach_textImage.StatsAdamsCoach_textImageStatsGraph { 
        gap: 5px;
        align-items: center;
    }
    figure.StatsAdamsCoach_textImage {
        display: flex;
        gap: 70px;
        align-items: center;
        flex-direction: column;
        MARGIN-TOP: 70PX;
    }
    figure.mgTopTDown figcaption {
        margin-top: 0;
    }

    .Newsletter_Left {     
        background: url(../../assets/icons/svg/phone-blue.svg) center top no-repeat;
        padding-top: 100px;
        padding-left: 0px;
        text-align: center;
    }
    section.Newsletter .container { 
        align-items: center; 
        padding: 35px;
        flex-direction: column;
    }

    section.SearchPhraseResults section.personSeomotive ul li::before{ display: none }

    .sectionWithForm_ListColumn li,
    section.GoogleAdsCampaign .SimpleTextImage ul { 
        text-align: left;
    }
    section.GoogleAds figure {
        display: flex;
        /* align-items: center; */
        flex-direction: column;
        gap: 20px;
        /* align-content: center; */
        text-align: center;
    }
    section.GoogleAdsCampaignContent figure:nth-child(odd) picture,
    section.GoogleAdsCampaignContent figure:nth-child(even) picture{
        margin:0;
    }

    section.ImageTextBreadCrumbs figure {
        flex-direction: column;
    }
    section.GoogleAdsCampaignContent figure:nth-child(even) { 
        flex-direction: column;
    }

    section.Threesteps p{
        position:relative;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        box-shadow: none;
        right:0;
        width: 100%;
        padding: 40px 0;
    }
    section.referenceItem .container section { 
        align-items: center;
        text-align: center;
    }
    section.referenceItem .referenceItemPic ul { 
        justify-content: center;
        flex-wrap: wrap;
        font-size: 0.7em;
    }
    section.referenceItem .referenceItemPic ul li {
        /* width: 133px;
        height: 133px; */
    }
    section.referenceItem .referenceItem_services {
        justify-content: center;
    }
    .referenceItemPic {
        align-items: center;
    }
    section.Threesteps li { 
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center; 
        border-radius: 40px; 
        padding: 30px;
    }
    section.Threesteps ul { 
        gap: 70px;
    }
    section.Threesteps { 
        padding-bottom: 50px;
        padding-top: 50px;
    }

    .container, 
    section.featuresGoogleCtn{ 
        --fixMargin: 10px;
    } 
    
    section.personSeomotive img {
        max-height: 310px;
        width: auto;
    }
    section.personSeomotive picture {
        display: flex;
        justify-content: center;
    }
    section.CardULItem { 
        border-radius: 15px;  
    }
    section.CardULItem header { 
        padding: 17px 0;
    }
    .sectionWithForm_ListColumn span { 
        font-weight: 500; 
        letter-spacing: 0.52px;
        text-decoration: underline;
    }
    section.ProjectWebsiteV2 figcaption {
        width: 100%; 
        max-width: 500px;
    }
    .ProjectWebsiteV2 { 
        background: transparent; 
    }.ProjectWebsiteV2 .container {
        display: flex;
        flex: 1;
        justify-content: center;
    }

    section.videoReviews figure {
        flex-direction: column;
    }

    section.certificateGoogle .content > * { 
        width: 100%;
    }
    section.certificateGoogle .content,
    .certificateGoogleCtn .certificateGoogle:nth-child(odd) .content { 
        flex-direction: column;
    }

    section.certificateGoogle .DescriptionText { 
        align-items: center;
        gap: 20px;
    }

    section.referenceItem .container,
    section.referenceItem:nth-child(odd) .container { 
        flex-direction: column;
        align-items: center !important;
    }
    section.textPhotoRound figure,
    section.textPhotoRound:nth-child(even) figure { 
        flex-direction: column-reverse; 
    }
    section.textPhotoRound picture,
    section.textPhotoRound:nth-child(even) picture { 
        max-width: 290px;
        width:70vw;
    }
    .sectionWithForm_ListColumn {
        width: 100%;
        padding: 0 20px;
    }
    section.sectionWithForm_titleAndList .sectionWithForm_List {
        flex-direction: column;
        align-items: center;
    }
    section.certificateGoogle .container{ padding:0 }

    section.SimpleTextImage.infoGrafikaWykresWithText .container::after{ display: none; }

    section.textPhotoRound figcaption,
    section.textPhotoRound:nth-child(even) figcaption { 
        max-width: 500px;
        text-align: center;
        align-items: center;
    }

    section.SimpleTextImage figure,
    section.GoogleMyCompanyGraph section.SimpleTextImage .container figure { 
        align-items: center; 
        flex-direction: column-reverse;
    }
    section.SimpleTextImage picture {
        width: 70vw; 
    }
    section.SimpleTextImage figcaption { 
        max-width: 500px;
        text-align: center;
    }

    section.infoGrafikaWykresA img { 
        top: 0;
        padding: 40px 0;
    }

    /* section.cardPage{
        font-size:16px;
    } */
    figure.teamSeomotive { 
        display: flex;
        align-items: center;
    }
    nav img { 
        position: relative;
        z-index: 1000;
    }
    section.GoogleAdsCampaign >.container {
        align-content: center;
        align-items: center;
    }
    section.GoogleAdsCampaign section.SimpleTextImage figure {
        display: flex;
        flex-direction: column;
        gap: 20px;
        justify-content: flex-end;
    }
    section.GoogleAdsCampaign section.SimpleTextImage figcaption{ max-width: 500px }
    section.GoogleAdsCampaign .content{
        padding-right: 0;
    }
    section.GoogleAdsCampaign .TextImage { 
        flex-direction: column; 
        align-items: center;
        max-width: 550px;
    }
    section.personSeomotive .container {
        flex-direction: column;
        align-items: center;
    }
    section.personSeomotive .container > * {
        width: 100%;
        max-width: 580px;
    }

    section.personSeomotive .container section {
        text-align: center;
        display: flex;
        align-items: center;
    }

    section.featuresGoogle img { 
        max-width: 250px;
    }
    section.sectionWithForm>.container>section {
        align-items: center;
        text-align: center;
        max-width: 540px;
    }
    form.formCard{ margin-top: 0; }
    section.sectionWithForm .container,
    section.sectionWithForm .container>section.sectionWithForm_formAndImg { 
        flex-direction: column;
        align-items: center;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    section.Famder{
        text-align: center;
    }
    section.FAQItem {
        padding: 20px;
        border-radius: 10px; 
    }
    body>header .container {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    body>header nav ul { 
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: 20px;
    }

    section.SocialSticky { 
        flex-direction: row;
        position: sticky;   
        gap: 15px;
    }
    section.SocialSticky a {
        --sizeIcon: 42px;   
        border-radius: 50%;
    }
    .menu-menu_glowne-container {
        flex: 1;
        display: flex;
        align-items: center;
    }
    body>header nav section.navigation {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
        bottom: 0;
        width: 100vw;
        background: #fff;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;

        --transition: transform 200ms; 
        --transform: translateX(-100%);
        -webkit-transform: var(--transform);
        -moz-transform: var(--transform);
        -o-transform: var(--transform);
        transform: var(--transform); 

        
        -webkit-transition: var(--transition);
        -moz-transition: var(--transition);
        -o-transition: var(--transition);
        transition: var(--transition);
        padding: 20px;
        max-width: 480px;
        background:url(../../assets/backgrounds/map_glob.jpg) center bottom no-repeat #fff;
    }

    nav .menu .menu-item a::first-letter{
        color: var(--color);
        font-weight: bold;
    }

    body[data-mobile-menu="true"]>header nav section.navigation {
        --transform: translateX(0%);
    }

    body[data-mobile-menu="true"]{
        overflow: hidden;
    }

}

@media screen and (max-width: 870px) {
    figure.raport_expert figcaption {
        align-items: center !important;
    }
    section.whyWorkingWithUs_below .container figure { 
        font-size: 13px;
    }
    figure.raport_expert.raport_thanks .raportTitle { 
        padding: 20px;
        text-align: center;
    }
    figure.raport_thanks figcaption p { 
        max-width: 480px;
    }
    .raport_expert .container {
        flex-direction: column-reverse;
        gap: 50px;
    }
    .raport_50Section .container {
        flex-direction: column;
    }
    figure.raport_header .divider, .raport_50Section .divider{ display:none }
    .raport_50Section .container { 
        flex-direction: column-reverse;
        gap: 50px;
    }
    figure.raport_header .container { 
        flex-direction: column;
    }

    section.realizationItem .container,
    section.realizationItem:nth-child(odd) .container { 
        flex-direction: column;
        gap: 60px;
    }
    section.BlockContent.BlockTop3Google {
        background: #f3f6fd !important;
    }
    section.BlockContent.BackgroundStatsA {
        background: #fff !important;
    }
    section.LabelText.LabelTextArrow p::before, p.LabelTextArrow::before,
    section.BlockContent.BlockAnalysis ul::after{
        display:none;
    }
    section.BlockContent.BlockCaseConnections picture {
        flex-direction: column;
    }
    section.BlockContent.BlockCaseConnections picture>figure {
        position: static;
        --transform: unset;
    }
    figure.reportsBlockimgs * {
        width: 100%;
    }
    section.BlockContent.BlockAnalysis ul {
        gap: 20px;
        padding-right: 0;
    }
    section.BlockContent.BlockNFC,
    section.BlockContent.BlockCaseConnections.BackgroundStatsA,{
        background: #fff !important;
    }
    .BlockIncreaseStats{
        background: var(--colorSection) !important;
    }
    figure.reportsBlockimgs {
        flex-direction: column;
        align-items: center;
    }
    section.LabelText.LabelTextArrow p, p.LabelTextArrow{ padding-left:0 }
    .BlockContentImgs { 
        flex-direction: column;
        align-items: center;
    }
    figure.BlockContentWithImg, figure.BlockContentWithImgSimple {
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
    }

    section.figureRoundBlocks > *, figure.BlockContentWithImg > * {
        flex: 1 100%;
        width: 100%;
    }

    section.reviewsSiteList section:nth-child(n + 2),
    section.reviewsSite .TitleText{ display:none}

    .TitleText {
        font-size: 1.95em; 
    }
    .btnButton { 
        --radius: 40px; 
        padding: 11px 50px; 
    }
    form.formCard header { 
        font-size: 20px; 
    }
    section.realizationItem section { 
        align-items: center;
        width: 100%;
    }

    section.featuresGoogle section { 
        align-items: center;
        text-align: center;
    }

    section.FAQItem header {
        font-size: 1.15em;
    }

    section.FAQItem header::after {
        --arrowSize: 18px;
    }

    
}


@media screen and (max-width: 780px) {
    section.featuresGoogle,
    section.featuresGoogleCtn >*:nth-child(even) { 
        flex-direction: column-reverse; 
        
    }
    section.featuresGoogleCtn { 
        padding: 70px 0;
    }
    section.featuresGoogle section { 
        width: 100%;
    }

    .BannerPage_desktop{display: none;}
    .BannerPage_mobile{display: block; visibility: visible;}
    .splide__arrow{ display:none }
     
}


@media screen and (max-width: 690px) { 


    .napisalionas { 
        background: url(../../assets/napisalionas/background-mobile.png) no-repeat center;
        background-size: cover; 
        padding: 20px;
    }
    section.napisalionas .container {
        padding-right: 0;
    }
    section.napisalionas p{ display:none }

    section.slownikPostsList {
        flex: 1 100%; 
    }
    section.whyWorkingWithUs_below .container figure { 
        font-size: 9px;
    }
    ul.BlockBorderList { 
        padding: 30px; 
        gap: 30px;
        margin: 40px 0;
        font-size: 13px;
    }
    .beautyTitleLine{
        text-align:left;
    }
    .beautyTitleLine{
        text-align: center !important;
        align-items: center !important;
    }
    .beautyTitleLine .subTitle {
        text-align: center !important;
    }
    section.LabelText p, .LabelTextSimple, .LabelTextArrow { 
        font-size: 1em; 
    }
    section.figureRoundBlocks {
        flex-direction: column;
    }
    ul.SimpleRoundList { 
        width: 100%;
    }
    ul.SimpleRoundList li {
        width: 100%;
        flex: 1 100%;
    }
    .reportsBlockText {
        align-items: center;
        flex-direction: column;
    }
    section.whyWorkingWithUs section.personSeomotive.personSeomotiveVerS ul {
        flex-direction: column;
    }
    section.whyWorkingWithUs section.personSeomotive.personSeomotiveVerS { 
        background-size: inherit;
    }

    section.rocketWithBox ul li span{
        font-size: 19px !important;
    }
}


@media screen and (max-width: 550px) {
    section.CardNFC_content .formWizytowkaGoogle_group {
        background: transparent; 
        box-shadow: unset;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }
    section.whyWorkingWithUs_below .container figcaption { 
        text-align: center; 
    }
    section.whyWorkingWithUs_below .container figure { 
        flex-direction: column;
    }

    section.videoReviews:not(.simpleReview) picture {
        padding: 22px;
    }
    section.videoReviews picture {
        width: 350px;
        height: 250px;
    }
    section.teamCtn .container { 
        grid-template-columns: repeat(auto-fill,minmax(100%,1fr)); 
    } 
    footer .container { 
        flex-direction: column;
        align-content: center;
    }
     
    section.footerBox { 
        width: 80%;
    }
}