.popup-2-image-control {

    display: flex;
    flex-direction: column;
    width: 100%;

}

.popup-2-image-grid {
    display: grid;
    grid-template-columns: 30% 70%;
    margin-bottom: 8px;
    padding-right: 8px;
    margin-top: 8px;
}

.popup-2-image-start {
    width: 100%;
    height: auto;
    object-fit: contain;
}
.popup-2-image-start:hover{
    transform: none;
}
.popup-2-video-start {
    width: 100%;
    height: auto;
    object-fit: contain;
    display: none;
}

.popup-2-image-in-grid-left {
    display: flex;
    flex-direction: column;
}

.popup-2-image-in-grid-left-1 {
    width: 100%;
    margin-right: 4px;
    height: 345px;
    object-fit: cover;
}

.popup-2-image-in-grid-left-2-border {
    width: 100%;
    margin-right: 4px;
    margin-top: 10px;
    height: 345px;
    overflow: hidden;
}

.popup-2-image-in-grid-left-2 {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.popup-2-image-in-grid-right-border {
    width: 100%;
    height: 700px;
    margin-left: 8px;
    overflow: hidden;
}

.popup-2-image-in-grid-right {
    width: 100%;
    height: 700px;
    object-fit: cover;
}

.popup-2-image-3 {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.popup-2-image-last-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-top: 8px;
}

.popup-2-image-last-img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* Extra large devices (large desktops, 1400px and up) */
@media (max-width: 1400px) {
    .main-control {}
}

/* Large devices (laptops/desktops, 1200px and up) */
@media (max-width: 1200px) {
    .main-control {}
}


/* Medium devices (small laptops, 992px and up) */
@media (max-width: 992px) {}

@media (max-width: 768px) {
   

   
 

    .popup-2-image-in-grid-left-2{
        height: auto;
        object-fit: contain;
    }

    .popup-2-image-in-grid-right{
        height: auto;
    }

    .popup-2-image-in-grid-left-1{
        height: auto;
        object-fit: contain;
    }

    .popup-2-image-in-grid-left-2-border{
        height: auto;
    }

    .popup-2-image-in-grid-right-border{
        height: auto;
    }

    .popup-2-image-grid{
        grid-template-columns: 32.3% 67.7%;
    }
}