﻿body {
    background: linear-gradient(39deg, #ffffff 0%, #fff2d8 100%);
}
section.bgnew {
    padding: 40px 0 20px;
}
    section.bgnew .container {
    width: 1180px;
}


.image-holder {
    margin-bottom: 24px;
}
.img-event iframe {
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(139, 92, 246, 0.2);
}
.image-holder:hover iframe {
    box-shadow: 0 20px 40px rgba(139, 92, 246, 0.4);
}
/* =========================
   Responsive CSS
========================= */

/* Large Laptop */
@media (max-width:1200px){

    section.bgnew .container{
        width:100%;
        max-width:1140px;
        padding:0 20px;
    }

}

/* Tablet */
@media (max-width:991px){

    section.bgnew{
        padding:35px 0 15px;
    }

    section.bgnew .container{
        max-width:960px;
        padding:0 18px;
    }

    .image-holder{
        margin-bottom:20px;
    }

    .img-event iframe{
        width:100%;
        height:350px;
        border-radius:12px;
    }

}

/* Mobile */
@media (max-width:767px){

    section.bgnew{
        padding:30px 0 10px;
    }

    section.bgnew .container{
        width:100%;
        padding:0 15px;
    }

    .image-holder{
        margin-bottom:18px;
    }

    .img-event iframe{
        width:100%;
        height:280px;
        border-radius:10px;
    }

}

/* Small Mobile */
@media (max-width:576px){

    body{
        overflow-x:hidden;
    }

    section.bgnew{
        padding:25px 0 5px;
    }

    section.bgnew .container{
        padding:0 12px;
    }

    .image-holder{
        margin-bottom:15px;
    }

    .img-event iframe{
        width:100%;
        height:220px;
        border-radius:8px;
    }

}

/* Extra Small Devices */
@media (max-width:400px){

    .img-event iframe{
        height:190px;
    }

}