@media (max-width: 728px) {
    .wrapper{text-align: left;}
    .wrapper .container{width: auto;display: block;}
    .banner,header{display: block !important;text-align: center;}
header .logo{height: 110px;}
header .contact{display: none;}
header .menu{padding: 17px;display: none;}
header .menu a{display: block;}
/*header .mob_nav{display: flex;justify-content: space-between;}*/
header .mob_nav button{display: block;margin-top: 8px;
  border-width: 0;
   width: 40px;height: 40px;border-radius: 8px;background-color: #233060;}
header .mob_nav button span {
    background-color: white;
    display: block;
    width: 100%;
    height: 4px;
    margin: 6px auto;
    transition: background-color 0.3s ease;
  }
.banner{padding:0px 16px 16px 16px}
.banner .des{width: auto;padding-right: 0px;}
.banner .des h1{font-size: 30px;}
.banner .des p{display: none;}

.banner  .video {padding: 4px;width:100%;height:250px;margin-top: 16px;}

.banner .opt{display: none;}
.banner .button{display: none;}
.banner .mbutton{display: block ;border-radius: 8px;padding: 16px;
    margin-top: 16px;
text-align: center;color: black;font-size: 18px;font-weight: bold;}
.banner .mbutton b{font-size: 24px;}
.mobile_bar{display: block;background-color: #FFDD00;padding: 16px;margin: 16px -16px;color: black;text-align: center;font-weight: bold;}

.course_details .button span,.banner .mbutton span{font-size: 14px;}

.course_details{}
.big_title{font-size: 24px;text-align: center;font-weight: bold;margin-top: 0;}
.course_details .cdt{flex-wrap: wrap;justify-content: flex-start;margin-top: 32px;}
.course_details .cdt{display: block;}
.course_details .cdt .img{width: 100%; }
.course_details .cdt .img img{width: 100%;}
.course_details .cdt .dt{margin-left: 0px;font-size: 14px;}
.course_details .cdt .op{margin: 16px;display: flex;justify-content:start;}
.course_details .cdt .op span{font-size: 14px;}
.course_details .price{display: block;text-align: center;background-color: #233060;padding: 8px;border-radius: 8px;}
.course_details .price span{font-size: 24px;display: block;}
.course_details .price span div{font-size: 18px;}
.course_details .button{display: block;font-size: 20px;margin-top: 16px;border-radius: 8px;}

.course_details .cdtls{}
.course_details .cdtls .dtl{padding: 16px 0px;}
.course_details .cdtls .dtl .i{width: 30%;}
.course_details .cdtls .dtl .d{width: 70%;padding-left: 16px;}
.course_details .cdtls .dtl .d h2{margin: 0;font-size: 18px;}
.course_details .cdtls .dtl .d p{font-size: 16px;margin: 4px;}
.course_details .cdtls .dtl .d b{font-size: 18px;}

.course_details .money_back{text-align: center;display: block;margin-top: 16px;}
.course_details .money_back>div{justify-content: center;text-align: left;align-items: center;padding: 0px;display: block;text-align: center;}
.course_details .money_back img{width: 150px;}
.course_details .money_back>div div{margin-left: 16px;}
.course_details .money_back h2{}
.course_details .money_back p{}

.about_us{padding:0px;display: block;padding-bottom: 16px;}
.about_us img{width: 100%;outline: solid 4px #FFDD00;padding: 0px;border-radius: 8px;}
.about_us div{padding-left: 0px;width: auto;}
.about_us div h2{font-size: 18px;}
.about_us div p{font-size: 16px;line-height: 32px;}

.accordion-item {
    border-bottom: 1px solid #ccc;
  }
  
  .accordion-header {
    background-color: white;
    padding: 16px;
    cursor: pointer;justify-content:center;
  }
   .accordion-header img{width: 24px;height: 24px;margin: 0px 16px;}
   .accordion-header span{width: 100%;}
   .accordion-content {
    display: none;
    padding: 32px;
  }
  
  .accordion-content p {
    margin: 0;
  }
  .accordion{margin-top: 40px;}
  .copyright{text-align: center;margin-top: 32px;background-color: white;padding: 16px;border-radius: 8px;}
  .copyright div a{margin: 16px;display: block;}
  .login-form {
    width: 90%;
}
}