#main_photos_right {
    display: flex;
    margin: auto;
    text-align: justify;
}

#main_photos_right img {
    margin: 20px 20px 20px 5px;
    width: 500px;
    height: 500px;
    float: right;
    cursor: pointer;
}

#main_photos_left {
    display: flex;
    margin: auto;
    text-align: justify;
}


#main_photos_left img {
    margin: 20px 5px 20px 20px;
    width: 500px;
    height: 500px;
    float: left;
    cursor: pointer;
}

#main_text {
    height: fit-content;
}

#main_text p {
    padding-bottom: 30px;
    border-bottom: 5px solid;
    border-image-slice: 0.5;
    border-image-source: radial-gradient(darkblue 75%, white 85%);
}

#photo_styles {
    margin: 10px;
    display: flex;
}

#photo_styles img {
    margin: auto;
    width: 50%;
    height: 50%;
    cursor: pointer;
}

#photo_style_block {
    margin: auto;
    text-align: center;
}

#style_description {
    text-align: justify;
    border-top: 5px solid;
    border-image-slice: 0.5;
    border-image-source: radial-gradient(darkblue 75%, white 85%);
    width: 100%;
}


#styles_show {
    display: flex;
    margin: auto;
}

#styles_show img {
    margin: auto;
    width: 40%;
    height: 40%;
    cursor: pointer;
}

#styles_show p {
    padding-top: 10px;
    padding-bottom: 10px;
    margin: auto;
}

#photo_styles_res {
    display: none;
}

#responsive_photo_styles_text {
    display: none;
}

#photo_style_block_res {
    display: none;
}

#non_responsive_photo_styles {
    display: block;
}

#main_photos_left_res {
    display: none;
}

#panorama_res {
    display: none;
}

#panorama_non_res {
    display: block;
}

#app_odkaz {
    display: block;
}

#app_odkaz_res {
    display: none;
}

@media (max-width: 1500px) {
    #main_text {
        width: 70%;
    }

    #main_photos_right img {
        width: 500px;
        height: 500px;
    }

    #non_responsive_photo_styles img {
        width: 150px;
        height: 120px;
    }

}

@media (max-width: 1250px) {

    #main_text {
        width: 100%;
    }

    #main_text p {
        border: none;
    }

    #photo_style_block_res {
        text-align: center;
        margin: auto;
        display: block;
    }

    #responsive_photo_styles_text {
        display: block;
    }

    #non_responsive_photo_styles {
        display: none;
    }

    #main_photos_left_res {
        display: flex;
        margin: auto;
        text-align: justify;
        border-bottom: 5px solid;
        border-image-slice: 0.5;
        border-image-source: radial-gradient(darkblue 75%, white 85%);
    }

    #main_photos_left_res p {
        height: fit-content;
    }

    #main_photos_right {
        border-bottom: 5px solid;
        border-image-slice: 0.5;
        border-image-source: radial-gradient(darkblue 75%, white 85%);
    }

    #main_photos_right img {
        width: 25%;
        height: 25%;
    }

    #main_photos_left_res img {
        margin: 20px 20px 20px 5px;
        width: 25%;
        height: 25%;
        float: right;
        cursor: pointer;
    }

    #main_photos_left {
        display: none;
    }
}

@media (max-width: 900px) {
    #styles_show {
        text-align: center;
        display: block;
    }

    #styles_show img {
        width: 90%;
        height: 90%;
    }

    #panorama_res {
        display: block;
    }

    #panorama_non_res {
        display: none;
    }

}

@media (max-width: 650px) {
    #main_photos_left_res {
        border-bottom: 5px solid;
        border-image-slice: 0.5;
        border-image-source: radial-gradient(darkblue 75%, white 85%);
        width: 100%;
        display: block;
        text-align: center;
    }

    #main_photos_left_res p {
        padding-bottom: 0;
        text-align: justify;
    }

    #main_photos_left_res img {
        margin: auto auto 20px auto;
        width: 40%;
        height: 40%;
        display: block;
        float: none;
        text-align: center;
    }

    #main_photos_right {
        border-bottom: 5px solid;
        border-image-slice: 0.5;
        border-image-source: radial-gradient(darkblue 75%, white 85%);
        width: 100%;
        display: block;
        text-align: center;
    }

    #main_photos_right p {
        padding-bottom: 0px;
        border: none;
        text-align: justify;
    }

    #main_photos_right img {
        margin: 0 0 20px 0;
        width: 40%;
        height: 40%;
        float: none;
    }

}

@media (max-width: 490px) {
    #photo_styles {
        display: block;
    }

}

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

    #main_photos_left_res p {
        text-align: left;
    }

    p {
        font-size: 22px;
    }



    #main_photos_right p {
        text-align: left;
    }

    #style_description p {
        text-align: left;
    }

    #app_odkaz {
        display: none;
    }

    #app_odkaz_res {
        display: block;
    }

}