@media screen and (max-width: 500px){
    button.navbar-toggler {
    background: #fff;
}
ul.navbar-nav li {
    padding-bottom: 17px;
}
div#collapsibleNavbar {
    background: #0c406f;
    padding: 30px 20px;
}
    .content-box h1{
        font-size:39px;
    }
    .hero-section .content-box {
    width: 100% !important;
}
    br{
        display:none;
    }
    .see-on {
    display: grid !important;
    grid-template-columns: repeat(3, 33%);
}
   
    .see-on img {
    width: 100% !important;
    padding: 0 10px !important;
}
.date-box{
    width:unset !important;
}
.section_title h2 {
    font-size: 30px;
}
.webinar-container h2 {
    font-size: 40px;
}
.fome-field-container {
    grid-template-columns: repeat(2, 49%) !important;
}
.fome-field-container .form-field {
    margin-top: 8px;
}
.price-container-box {
    margin-bottom: 20px;
}
.course-leade-box {
    display: unset;
}
.section_title.pb-1 {
    text-align: center;
}
.owl-nav {
    display: none;
}
span#right-arrow, span#left-arrow {
    display: none;
}
.cta-section-hero a{
    padding:10px 23px;
}
.certificate-container {
    display: block;
}
.course-meterial table td{
    padding:8px 20px !important;
            font-size: 14px;
}
.title-item, span.duration {
    font-size: 13px;
}
}