@media screen and (min-width: 601px) and (max-width: 1260px) {
    #mainPhoto h1 {
        /* position: absolute; */
        left: 10%;
        /* top: 20vh;
        font-size: calc(20px + 2vw);
        margin-bottom: 0; */
    }
    #mainPhoto h1 span:nth-of-type(3) {
        font-size: calc(14px + 1vw);
    }
    #mainPhoto .text {
        top: 55vh;
        left: 40%;
    }
    .underLine{
        top:31vh;
    }
    .underLine.active{
        width:35vw;
    }
    .ptb {
        position: absolute;
        width: 124px;
        right: 30px;
        top: 163px;
    }
}
@media (max-width: 600px) {
    .bg-white h1 {
        font-size:1.5rem;
    }
    .bg-white img {
        width: 282px;
        height: 159px;
        /* aspect-ratio: attr(width) / attr(height); */ 
    }
    .pageBanner {
        -webkit-background-size: contain;
            -moz-background-size: contain;
                -o-background-size: contain;
                    background-size: contain;
        height:30vh;
    }
    #transportation .pageBanner{
        -webkit-background-size: cover;
            -moz-background-size: cover;
                -o-background-size: cover;
                    background-size: cover;
    }
    #temperalt-szallitas .pageBanner {
        height:30vh;
    }
    .pageBanner-extra {
        height:50vh;
        background-image:url('../images/Nemzetkozi-szallitmanyozasER-small.jpg');
        background-position: bottom;
    }
    #mainPhoto {
        height:82vh;
    }
    .photoLayer {
        height: 82vh;
    }
    #mainPhoto h1 {
        position: absolute;
        left: 7%;
        top: 30vh;
        font-size: calc(20px + 2vw);
        margin-bottom: 0;
    }
    #mainPhoto h1 span:nth-of-type(2) {
        margin-left: 20vw;
    }
    #mainPhoto h1 span:nth-of-type(3) {
        font-size: 15px;
        display: inline-block;
        margin-left: 20vw;
        max-width: 40%;
        margin-top: 1rem;
    }
    #mainPhoto .text {
        top: 55vh;
        left: 28%;
    }
    .underLine{
        top:34vh;
    }
    .underLine.active{
        width:42vw;
    }
    .ptb {
        position: absolute;
        width: 56px;
        right: 65px;
        top: 103px;
    }
    .ptb .box-wrapper{
        width: 75px;
        margin-bottom: 20px;
        /* right: -250px; */
        transition: right .6s ease-in-out;
    }
    .ptb .box-wrapper .img-box{
        width: 85px;
        padding:10%;
        height:85px;
    }
}