

@media only screen and (max-width: 700px) {
:root{
--ppfs00:1.2rem;
--ppfs01:1.5rem;
--ppfs10:1.2rem;
--ppfs11:1.3rem;
--ppfs20:1.2rem;
--ppfs21:1.2rem;
--ppfs30:1rem;
--ppfs31:1rem;
--ppfs40:1rem;
--ppfs41:1rem;

--pppd00:1rem;
--pppd01:0px;
--pppd10:1rem;
--pppd11:0px;
--pppd20:1rem;
--pppd21:0px;
--pppd30:1rem;
--pppd31:0px;
--pppd40:1rem;
--pppd41:0px;

--ppmg00:1px;
--ppmg01:1px;
--ppmg10:2px;
--ppmg11:1px;
--ppmg20:0px;
--ppmg21:1px;
--ppmg30:0px;
--ppmg31:1px;
--ppmg40:0px;
--ppmg41:1px;

   

}
}


@media only screen and (max-width: 700px) {
    .bdm0 {
        border-width: 0px!important;   
    }
    .bdm1 {
        border-width: 1px!important;   
    }


    .bdmt0 {
        border-top-width: 0px!important;
        border-top-right-radius:0px !important;
        border-top-left-radius:0px !important;

    }
    .bdmt1 {
        border-top-width: 1px!important;
        border-top-right-radius:0px !important;
        border-top-left-radius:0px !important;

    }
    

    .bdmr0 {
        /*border: 0px;*/
        border-right-width: 0px!important;
        border-bottom-right-radius:0px !important;
        border-top-right-radius:0px !important;
    }
    .bdmr1 {
        /*border: 0px;*/
        border-right-width: 1px!important;
        border-bottom-right-radius:0px !important;
        border-top-right-radius:0px !important;
    }
    .bdmb0 {
        border-bottom-width: 0px!important;
        border-bottom-left-radius:0px !important;
        border-top-left-radius:0px !important;

    }

    .bdmb1 {
        border-bottom-width: 1px!important;
        border-bottom-left-radius:0px !important;
        border-bottom-right-radius:0px !important;

    }
    .bdml0 {
        border-left-width: 0px !important;
        border-bottom-left-radius:0px !important;
        border-top-left-radius:0px !important;

    }

    .bdml1 {
        border-left-width: 1px!important;
        border-bottom-left-radius:0px !important;
        border-bottom-right-radius:0px !important;

    }
    * {
        background-attachment:scroll;
    }
    

    

}
@media only screen and (max-width: 700px) {
    .font3m {font-size:3rem !important;}
    .font25m {font-size:2.5rem !important;}
    .font2m {font-size:2rem !important;}
    .font15m {font-size:1.5rem !important;}
    .font14m {font-size:1.4rem !important;}
    .font13m {font-size:1.3rem !important;}
    .font12m {font-size:1.2rem !important;}   
    .font1m {font-size:1rem !important;}   
  
}

@media only screen and (min-width: 700px) {
   .noshow {
       display:none ;

   }
   

}


@media only screen and (max-width: 700px) {
    .pptextalignRL, .pptextalignRL > div {
        text-align: left
    }

    .mleft, .mleft > div {
        padding-left: 0rem;
    }

    .fullscreen {
        height: min-content;
    }

    .nbxcc2, .nbxcc3, .nbxcc4 {
        column-count: 1;
        vertical-align: middle;
    }

    .nomob {
        height:0px !important;
        padding:0px !important;
        margin: 0px !important;
        border:0px !important;
        
    }
    iframe .nomob{
        src:unset;
    }
    

    .maxwidth {
        width: 100% ;
    }
}
@media only screen and (max-width: 700px) {
    .verhor > div {
        flex-direction: column;
    }

    .nbxmenu {
        display: inline-flex;
        flex-direction: column;
        height: auto
    }

        .nbxmenu > div {
            display: inline-flex;
            flex-direction: column;
            border: 0px;
        }
}
@media only screen and (max-width: 700px) {
.flexcr,.pp-flexcr {
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
        
}
/*.flexcr div {flex-basis : 0}
.flexcr div:nth-of-type(1) {flex-grow: 2}
.flexcr div:nth-of-type(2) {flex-grow: 1}
*/

.flexcr-rev,.pp-flexcr-rev {
    display:inline-flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: stretch;
       
}

.flexcr-rev div:nth-of-type(1),.pp-flexcr-rev div:nth-of-type(1) {flex-grow: 2}
.flexcr-rev div:nth-of-type(2),.pp-flexcr-rev div:nth-of-type(2) {flex-grow: 1}

.flexrc,.pp-flexrc {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
.flexrc-rev,.pp-flexrc-rev {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-evenly;
}


}

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

.gryd32 {
    display: grid;
    align-content: start;
    grid-template-columns: 1fr 1fr;
}
.gryd32 > p:first-child {
        grid-column-start: span 2;
}
.grid32{
    display: grid;
    align-content: start;
    grid-template-columns: 1fr;
}


    .mgrd13 {
        display: grid;
        align-content: start;
        grid-template-columns: 1fr 3.54fr;
    }

        .mgrd13 > div:first-of-type {
            grid-column-start: 1
        }

    [class*="grid"] {
        display: grid;
        grid-template-columns: auto;
        margin-left: 5px;
        margin-right: 5px;
    }

        [class*="grid"] > p:first-child {
            grid-column-start: span 1
        }

    .flexr, .flexr > div, .flexc > div {
        display: flex;
        flex-direction: column;
        align-items: baseline;
    }
    .grxd1112,.grxd11112 {
        display: grid;
        align-content: start;
        grid-template-columns: 1fr 1fr;
    }
    .grxd1112 > p:first-child,.grxd11112 > p:first-child {
            grid-column-start: span 2;
        }



    
}
@media only screen and (max-width: 700px) {
    
    

    .sidespacing,.sidespacing5 {
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media only screen and (max-width: 700px) {
.mparallax {
    background-attachment:scroll;
}
}
@media only screen and (max-width: 700px) {
.pp-width50pct > div{
   width:100% !important; 
}
.pp-wydth2550pct > div{
   width:50% !important; 
}
    .pad0px,.pad0rem {
        padding:0px !important ;
        
    }
    .pad4px {
        padding:4px !important ;
    }
    .pad8px {
        padding:8px !important ;
    }
    .pad12px {
        padding:12px !important ;
    }
    .pad16px,.pad1rem {
        padding:1rem !important ;
    }
    .pad1rem0 {
        padding:1rem 0rem 1rem 0rem !important ;
    }
    .pad20px,.pad2rem {
        padding:2rem !important ;
    }
    .pad2rem0 {
        padding:2rem 0rem 2rem 0rem !important ;
    }
    
    .padr0{
        padding-right:0px !important;
    }
    .padr1{
        padding-right:1rem !important;
    }
    .padr2{
        padding-right:2rem !important;
    }
    .padr1px{
        padding-right:1px !important;
    }
    .padr2px{
        padding-right:2px !important;
    }
    .padl1{
        padding-left:1rem !important;
    }
    .padl2{
        padding-left:2rem !important;
    }
    .padl1px{
        padding-left:1px !important;
    }
    .padl2px{
        padding-left:2px !important;
    }
    .mgn0 {
      margin:0px !important ;  
    }
    .mgn1rem {
        margin:1rem !important;
    }
    .mgn2rem {
        margin:2rem !important;
    }
    .mgnt0 {
        margin-top: 0rem !important;
    }
    .mgnr0 {
        margin-right: 0rem !important;
    }
    
    .mgnb0 {
        margin-bottom: 0rem !important;
    }

    .mgnl0 {
        /*margin: 0px;*/
        margin-left: 0rem !important;
    }
    .mgnt2px {
        margin-top:2px !important;
    }
    .mgnb2px {
        margin-bottom:2px !important;
    }

    .mgnl2px{
        margin-left:2px !important;
    }

    .mgnr2px{
        margin-right:2px !important;
    }
    .wid95vwm,.ppwid90vwm,.ppwid90vwm>div{
        width:90vw ;
        height:90vw ;
    }
    .ppwid80vwm,.ppwid80vwm>div{
        width:80vw ;
        height:80vw ;
    }

    .ppwid60vwm,.ppwid60vwm>div{
        width:60vw ;
        height:60vw ;
    }
    

    .pad1{
        padding-right:1rem !important;
        padding-left:1rem !important;
    }
    [class*="padrm1"]{
        padding-right:1rem !important;

    }
    [class*="padrm2"]{
        padding-right:2rem !important;

    }
    [class*="pp-width"]>div {
        width: 100%;
    }
    

   
}
@media only screen and (max-width: 700px) {
    .sblist2col > div > div {
        grid-template-columns: 1fr;
    }
}
@media only screen and (max-width: 700px) {
    .stext1pic {
        height: auto
    }

        .stext1pic > div > div {
            grid-template-columns: 1fr;
        }
}
@media only screen and (max-width: 700px) {
    .stext4pics {
        height: auto
    }

        .stext4pics > div > div {
            grid-template-columns: 1fr;
        }
}
@media only screen and (max-width: 700px) {
    .s1pic4text > div:nth-of-type(4) {
        grid-template-columns: 1fr;
    }
}
@media only screen and (max-width: 700px) {
    .pp-showhide-m:hover>div{
        position:absolute;
        /*margin-top:1rem;*/
        max-width:85%;
        margin-top:10px;
        left:0%;
        z-index:9;  
    }
    
    
    /*.showchild2>div:hover{
        display:none;
    }*/
    

    
}
@media only screen and (max-width: 700px) {
    .zoomedimage {
        height: auto;
    }
}
@media only screen and (max-width: 700px) {
    .ppimg280136 img{
        height:136px;
    }
    
    .pptextalignLC{
        text-align:center;
    }
}
@media only screen and (max-width: 700px) {
    .pp-img-zoom-m:focus{
        position:fixed;
        /*width:min-content;
        height:zoom;
        transform:scale(1);*/
        height:80vh;
        width:auto;
        top:10px;
        left:10px;
        z-index:3;
        border:0px;
      }
      .pp-static-m,.pp-absolute {
        position:static;
        
      }
      
      
    
}
@media only screen and (max-width: 700px) {

    .ppgridcol1{
        grid-column-start:1;
    }
    .ppgridrow2{
        grid-row-start:2;
    }
    .ppscreenheight{
        height:auto;
    }
    
    
    .ppgallery div {
         display:inline-block !important;
       
        width:25vw !important;
        height:20vh !important;
        margin:2px !important;
        
    }
    .ppgallery div p{
        font-size:0.8rem !important;
        
        
    }
}
