/* @media (min-width: 1400px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
      max-width: 1350px !important;
 }
}
@media (min-width: 1200px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
      max-width: 1170px;
 }
} */
@media (min-width: 1200px) and (max-width:1399px){
  .container-lg-custom{
      max-width: 1300px;
 }
  .custom-nav .navbar-brand img {
      width: 60px!important;
 }
  .custom-nav .nav-link{
      font-size: 16px!important;
 }
  .navbar-brand{
      margin-left: 1rem;
 }
  .annual-report-bg-img{
      height: 700px;
 }
  .f_tab_wrapper .nav-pills .nav-link{
      padding: 15px 15px !important;
 }
}
/* Start Navbar Design */
@media (min-width: 1200px){
  .custom-nav{
      background-color: #f2f2f2;
      padding: 0 !important;
      box-shadow: 0px 2px 15px #0000001a;
 }
  .custom-nav .navbar-brand {
      padding-top: 10px;
      padding-bottom: 10px;
 }
  .custom-nav .navbar-brand img{
      width: 85px;
      transform: scale(1.5);
 }
  .custom-nav .nav-link{
      position: relative;
      font-family: 'Gotham-Medium', sans-serif !important;
      font-size: 21px;
      color: #7c7c7c !important;
      line-height: 1;
      text-transform: capitalize;
      padding: 50px 10px !important;
      margin: 0;
      white-space: nowrap;
      box-shadow: none;
      outline: 0;
      border: 0;
      transition: 0.3s;
 }
  .custom-nav .nav-link.dropdown-toggle.show{
      background-color: #163029 !important;
      color: #fff !important;
 }
  .custom-nav .nav-link.active{
      color: #163029 !important;
      border-color: #163029;
 }
  .custom-nav .nav-link:hover{
      color: #163029 !important;
      border-color: #163029;
 }
  .custom-nav .nav-link::before {
      content: url("../images/icons/icon-nav-hover3.png");
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: 28px;
      opacity: 0;
      transition: opacity 200ms ease-in-out, bottom 200ms ease-in-out;
      -webkit-transition: opacity 200ms ease-in-out, bottom 200ms ease-in-out;
      -moz-transition: opacity 200ms ease-in-out, bottom 200ms ease-in-out;
      -o-transition: opacity 200ms ease-in-out, bottom 200ms ease-in-out;
 }
  .custom-nav .nav-item:hover .nav-link::before {
      opacity: 1;
 }
  .custom-nav .nav-item:hover .nav-link.show::before {
      opacity: 0 !important;
 }
  .custom-nav .nav-item.dropdown{
      position: static !important;
 }
  .custom-nav .dropdown-toggle::after {
      display: none;
 }
  .custom-nav .dropdown-toggle:hover::after {
      border-top-color: #163029 !important;
 }
  .custom-nav .dropdown-menu[data-bs-popper] {
      margin-top: -1px;
 }
  .custom-nav .dropdown-menu {
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      min-height: 250px;
      padding: 25px 0;
      min-width: 100%;
      max-width: 100%;
      background-color: #163029;
      border: 0;
      border-radius: 0;
      -webkit-transform: scale(0);
      transform: scale(0);
      -webkit-transform-origin: 50% 0;
      transform-origin: 50% 0;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
 }
  .custom-nav .dropdown-menu.show {
      -webkit-transform: scale(1);
      transform: scale(1);
 }
  .custom-nav .dropdown-menu .dropdown-item {
      font-family: 'Gotham-Medium', sans-serif !important;
      font-size: 13px;
      padding: 0.6rem 1rem;
      color: #ffffff;
      text-transform: capitalize;
      border-radius: 2px;
      transition: all 0.3s;
 }
  .custom-nav .dropdown-menu .dropdown-item:hover, .custom-nav .dropdown-menu .dropdown-item:active, .custom-nav .dropdown-menu .dropdown-item:focus {
      background-color: #ffb548;
 }
  .custom-nav .dropdown-menu .dropdown-item.disabled, .custom-nav .dropdown-menu .dropdown-item:disabled {
      color: #ffb548 !important;
 }
  .custom-nav .dropdown-menu .dd-main-list{
      list-style-type: none;
      padding: 0;
 }
  .custom-nav .dropdown-menu .highlights{
      padding: 0 25px;
      border-left: 2px solid #ffb548;
 }
  .custom-nav .dropdown-menu .highlights .heading{
      font-family: 'Gotham-Bold', sans-serif !important;
      font-size: 18px;
      color: #ffb548;
      line-height: 1;
      text-transform: capitalize;
      margin-bottom: 20px;
 }
  .custom-nav .dropdown-menu .highlights .item .item-img{
      border: 1px solid #ccc;
      border-radius: 3px;
      overflow: hidden;
      margin-bottom: 18px;
 }
  .custom-nav .dropdown-menu .highlights .item .title{
      font-family: 'Gotham-Bold', sans-serif !important;
      font-size: 14px;
      color: #fff;
      line-height: 1;
      text-transform: capitalize;
      margin-bottom: 12px;
 }
  .custom-nav .dropdown-menu .highlights .item .desc{
      font-size: 14x;
      color: #fff;
      line-height: 1.3;
      margin-bottom: 8px;
 }
  .custom-nav .dropdown-menu .highlights .item .read-more{
      display: inline-block;
      font-family: 'Gotham-Medium', sans-serif !important;
      font-size: 14px;
      color: #fff;
      line-height: 1;
      text-transform: capitalize;
      text-decoration: none;
 }
  .custom-nav .dropdown-menu .highlights .item .read-more:hover{
      text-decoration: underline;
 }
  .custom-nav .global-search .web-search-icon{
      width: 25px;
      margin-left: 50px;
      cursor: pointer;
 }
  .custom-nav .global-search .mob-search {
      display: none;
 }
  .custom-nav .select-lang{
      font-family: 'bahij', sans-serif !important;
      font-size: 18px;
      font-weight:bold;
      color: #163029;
      text-transform: capitalize;
      background-color: #fff;
      padding: 12px 16px;
      border: 0;
      border-radius: 30px;
      outline: 0;
      box-shadow: none;
      margin-left: 25px;
      text-align:center;
      width:100px;
 }
  .custom-nav .nav-btn-ipo {
      display: block;
      text-wrap: nowrap;
      white-space: nowrap;
      text-align: center;
      background-color: #163029;
      padding: 8px 12px;
      min-width: 80px;
      color: #fff;
      text-decoration: none;
      border-radius: 30px;
      margin-left: 10px;
      transition: all 0.3s;
 }
  .custom-nav .nav-btn-ipo:hover{
      background-color: #ffb548;
      color: #163029;
 }
  .for-first, .for-second, .for-third, .for-forth, .for-fifth, .for-sixth, .for-seventh, .for-eighth, .for-ninth{
      display: none;
 }
  .home-slider-new .slick-slide img {
      height: calc(90vh - 120px);
      object-fit: cover;
 }
}
/* App demo page responsive */
@media(max-width:1199px){
  .f_statement_wrapper .f_statement_side .sidebar_content p {
      padding: 14.2px 10px;
 }
}
@media only screen and (min-width: 991.98px) and (max-width: 1199.98px) {
  .badar-sara-sec .chef-badar-img{
      height: 330px;
 }
  .badar-sara-sec .play-btn-character .badar-full-img, .badar-sara-sec .play-btn-character .sara-full-img{
      height:300px;
 }
  .store-wrapper .store-icon-wrapper {
      width: 30%;
 }
  .store-wrapper .qr {
      width: 120px;
 }
  .store-wrapper .apps {
      width: 150px;
 }
  .app-section .copy-text{
      width:150px;
      padding: 5px;
 }
}
@media only screen and (min-width: 992px) and (max-width: 1023.98px) {
  .logo-slider-sec .logo-slider.slick-slide {
      height: 110px !important;
      padding:20px;
 }
}
@media only screen and (min-width: 1024px) and (max-width: 1399.98px) {
  .logo-slider-sec .logo-slider.slick-slide {
      height: 105px !important;
      padding:20px;
 }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .slick-logo-slider .slick-prev{
      left:-30px;
 }
  .slick-logo-slider .slick-next{
      right:-30px;
 }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .logo-slider-sec .logo-slider.slick-slide {
      height: 145px !important;
 }
  .badar-sara-sec .chef-badar-img{
      height: 415px;
 }
  .badar-sara-sec .play-btn-character .badar-full-img, .badar-sara-sec .play-btn-character .sara-full-img{
      height:380px;
 }
 /* App demo page responsive start*/
  .app-section .copy-text{
      padding:6px;
 }
  .store-wrapper .qr {
      width: 150px;
 }
  .store-wrapper .apps {
      width: 200px;
 }
  .store-wrapper .store-icon-wrapper {
      width: 32%;
 }
 /* App demo page responsive end*/
  .home-our-history .history #mywave_svg {
      width: 100%;
 }
  .home-our-history .history .item.first {
      top: 3px;
      left: 12px;
 }
  .home-our-history .history .item.second {
      bottom: 3px;
      left: 174px;
 }
  .home-our-history .history .item.third {
      top: 3px;
      left: 337px;
 }
  .home-our-history .history .item.forth {
      bottom: 3px;
      left: 500px;
 }
  .home-our-history .history .item.fifth {
      top: 3px;
      right: 328px;
 }
  .home-our-history .history .item.sixth {
      bottom: -15px;
      right: 130px;
 }
  .home-our-history .history .item.seventh {
      top: 3px;
      right: -62px;
 }
  .home-our-history .history .item .year {
      height: 145px;
      width: 145px;
      font-size: 40px;
 }
  .home-our-history .history .item .event {
      font-size: 14px;
 }
  .ipo-public-offering .img {
      padding: 0 50px;
 }
}
@media only screen and (min-width: 992px) {
  .banner-section .banner-img {
      width: 100%;
 }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .banner-section .heading {
      font-size: 65px;
 }
 /* Factory Page */
  .factory-capacity .item .count, .factory-capacity .item .count .counter-animation {
      font-size: 55px;
 }
  .factory-capacity .item .count .sm-text {
      margin-left: -10px;
 }
  .factory-capacity .item .text {
      font-size: 16px;
 }
 /* Contact Page */
  .contact-details .heading {
      font-size: 22px;
 }
  .contact-details a, .contact-details p {
      font-size: 16px;
 }
  .home-our-history .history #mywave_svg {
      width: 100%;
 }
  .home-our-history .history .item.first {
      top: 3px;
      left: 10px;
 }
  .home-our-history .history .item.second {
      bottom: 3px;
      left: 143px;
 }
  .home-our-history .history .item.third {
      top: 3px;
      left: 275px;
 }
  .home-our-history .history .item.forth {
      bottom: 3px;
      left: 409px;
 }
  .home-our-history .history .item.fifth {
      top: 3px;
      right: 264px;
 }
  .home-our-history .history .item.sixth {
      bottom: -13px;
      right: 101px;
 }
  .home-our-history .history .item.seventh {
      top: 3px;
      right: -58px;
 }
  .home-our-history .history .item .year {
      height: 118px;
      width: 118px;
      font-size: 35px;
 }
  .home-our-history .history .item .event {
      padding-left: 70px;
      font-size: 12px;
 }
  .home-our-history .history .item.first .event, .home-our-history .history .item.third .event, .home-our-history .history .item.fifth .event, .home-our-history .history .item.seventh .event {
      margin-bottom: 18px;
 }
  .home-our-history .history .item.second .event, .home-our-history .history .item.forth .event, .home-our-history .history .item.sixth .event {
      margin-top: 16px;
 }
  .home-join-conv .item img {
      height: 100% !important;
 }
}
@media only screen and (max-width: 1050px) {
  .home-banner .slide .content .quality_text{
      font-size: 80px;
 }
}
@media only screen and (max-width: 1199.98px) {
  .play-btn-character.btn_two{
      height: 50%;
 }
  .right-content-character{
      left: -50px;
 }
  .badar-sara-sec .left-content-character{
      right: -45px;
 }
  .custom-nav{
      background-color: #f2f2f2;
      box-shadow: 0px 2px 15px #0000002e;
      padding-top: 0;
      padding-bottom: 0;
 }
  .custom-nav .container-lg{
      position: relative;
 }
  .custom-nav .navbar-toggler {
      right: -12px;
      position: relative;
      background-color: #163029;
      height: 87px;
      width: 87px;
      border-radius: 0;
      border: 0;
      outline: 0;
      border-color: transparent;
      box-shadow: none;
 }
  .custom-nav .navbar-toggler i{
      font-size: 30px;
      color: #ffb548;
 }
  .custom-nav .navbar-nav{
      margin-top: 15px;
 }
  .custom-nav .nav-link{
      font-family: 'Gotham-Medium', sans-serif !important;
      font-size: 18px;
      color: #163029 !important;
      padding: 0.3rem 0.3rem;
      box-shadow: none;
      outline: 0;
      border: 0;
 }
  .custom-nav .dropdown-toggle::after {
      border-top: 0.375em solid;
      position: absolute;
      right: 10px;
      top: 22px;
 }
  .custom-nav .dropdown-menu{
      background-color: #163029;
      color: #fff;
 }
  .custom-nav .dropdown-menu .dropdown-item{
      position: relative;
      color: #fff;
      padding-left: 0;
     /*white-space: break-spaces;
     */
 }
  .custom-nav .dropdown-menu .dropdown-item:hover, .custom-nav .dropdown-menu .dropdown-item:active, .custom-nav .dropdown-menu .dropdown-item:focus{
      background-color: transparent;
 }
  .custom-nav .dropdown-menu .dropdown-item.disabled, .custom-nav .dropdown-menu .dropdown-item:disabled {
      color: #ffb548 !important;
      font-weight:bold;
 }
  .custom-nav .dropdown-menu .sec-level-dropdown {
      white-space: initial;
      padding-right: 0 !important;
 }
  .custom-nav .dropdown-menu .sec-level-dropdown::after{
      right: 0px;
      top: 12px;
 }
  .custom-nav .dropdown-menu .sec-level-dropdown-menu{
      padding: 0 10px;
      border: 0;
      background-color: #ffb548;
      border-radius: 3px;
 }
 /* .custom-nav .dropdown-menu .dropdown-item::before {
      content: "";
      position: absolute;
      left: 10px;
      top: 11px;
      border-left: 0.3em solid #fff;
      border-top: 0.3em solid transparent;
      border-right: 0;
      border-bottom: 0.3em solid transparent;
 }
  */
  .custom-nav .dropdown-menu .dd-main-list{
      list-style-type: none;
      padding: 0;
 }
  .custom-nav .select-lang{
      width: 100%;
      display: block;
      font-family: bahij;
      font-weight: 600;
      text-align: right;
      font-size: 16px;
      color: #f2f2f2;
      text-transform: capitalize;
      text-decoration: none;
      background-color: #163029;
      padding: 12px 16px;
     /*border: 1px solid #163029;
     */
      border-radius: 5px;
      outline: 0;
      box-shadow: none;
      margin-bottom: 15px;
 }
  .custom-nav .global-search .web-search-icon{
      display: none;
 }
  .custom-nav .global-search .mob-search {
      position: relative;
      margin-bottom: 15px;
 }
  .custom-nav .global-search .mob-search input{
      width: 100%;
      font-size: 14px;
      color: #163029;
      text-transform: capitalize;
      background-color: #fff;
      padding: 12px 16px;
      border: 1px solid #163029;
      border-radius: 5px;
      outline: 0;
      box-shadow: none;
 }
  .custom-nav .global-search .mob-search input::-webkit-search-cancel-button {
      margin-right: 25px;
 }
  .custom-nav .global-search .mob-search .mob-btn-search{
      position: absolute;
      right: 0;
      height: 100%;
      background-color: transparent;
      line-height: 1;
      padding: 0 10px;
      border: 0;
      outline: 0;
      box-shadow: none;
 }
  .custom-nav .global-search .mob-search .mob-btn-search img{
      width: 25px;
 }
  .custom-nav .nav-btn-ipo{
      display: block;
      text-align: left;
      background-color: #163029;
      padding: 12px 15px;
      color: #fff;
      text-decoration: none;
      border-radius: 5px;
      margin-top: 10px;
      margin-bottom:5px;
 }
  .ceo-msg-main {
      background-size: 100% 101%;
      background-position: left;
      padding: 75px 0 60px;
 }
  .ceo-msg-main .img {
      padding: 30px 30px 0 30px;
 }
  .ceo-msg-main .msg {
      padding: 0px 12px 0px 40px;
 }
  .ceo-msg-main .msg .text {
      color: #ffffff;
 }
  .lang_btn{
      margin-bottom: 20px;
 }
  .home-join-conv .px-40 {
      padding-left: 15px;
      padding-right: 15px;
 }
  .home-join-conv .item .tweet, .sb-join-conversion .item .tweet{
      padding: 100px 20px 30px;
 }
  .annual-report-bg-img{
      height: 500px;
 }
  .f_tab_wrapper .nav.nav-pills{
      justify-content: flex-start;
 }
}
@media(max-width:991px){
  .f_statement_wrapper .f_statement_side .sidebar_content p {
      padding: 16.2px 10px;
 }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .banner-section .heading {
      font-size: 60px;
      line-height: 1.1;
 }
 /* About History Section */
  .home-our-history {
      padding: 80px 0;
 }
  .home-our-history .history{
      display: flex;
      flex-wrap: wrap;
 }
  .home-our-history .section-heading {
      margin-bottom: 50px;
 }
  .home-our-history .history #mywave_svg{
      display: none;
 }
  .home-our-history .history .item {
      width: 50%;
      position: initial;
      display: flex;
      align-items: center;
      justify-content: center;
      column-gap: 20px;
 }
  .home-our-history .history .item:after{
      content: "";
      position: absolute;
      top: 0;
      left: calc(50% - 2px);
      height: 100%;
      width: 4px;
      background-color: #ffb548;
 }
  .home-our-history .history .item.first, .home-our-history .history .item.third, .home-our-history .history .item.fifth, .home-our-history .history .item.seventh {
      padding: 30px 30px 30px 0;
 }
  .home-our-history .history .item.second, .home-our-history .history .item.forth, .home-our-history .history .item.sixth {
      padding: 30px 0 30px 30px;
 }
  .home-our-history .history .item .event {
      padding-left: 0;
      width: 150px;
 }
  .home-our-history .history .item.first .event, .home-our-history .history .item.third .event, .home-our-history .history .item.fifth .event, .home-our-history .history .item.seventh .event {
      margin-bottom: 0;
      text-align: right;
 }
  .home-our-history .history .item.second .event, .home-our-history .history .item.forth .event, .home-our-history .history .item.sixth .event {
      margin-top: 0;
      text-align: left;
 }
  .home-our-history .history .item .year {
      min-width: 150px;
      font-size: 40px;
 }
  .home-our-history .history .sm-horiz-bar{
      display: none;
 }
  .home-our-history .history .md-horiz-bar{
      display: block;
      height: 4px;
      width: 100%;
      background-color: #ffb548;
 }
 /* About History Section */
 /* Factory Page */
  .factory-contact-details .center-block {
      border-left: 0;
      border-right: 0;
 }
  .factory-capacity {
      text-align: center;
 }
  .factory-capacity .item .count, .factory-capacity .item .count .counter-animation {
      font-size: 45px;
 }
  .factory-capacity .item .count .sm-text {
      margin-left: 0;
 }
  .factory-capacity .item .text {
      font-size: 18px;
 }
 /* CEO Page */
  .ceo-msg-main {
      padding: 60px 0 60px;
 }
  .ceo-msg-main .img{
      margin-bottom: 50px;
 }
  .ceo-msg-main .img img{
      width: 60%;
 }
  .ceo-msg-main .msg {
      padding: 0px 12px 0px 12px;
 }
 /* Contact Page */
  .contact-details .center-block {
      border-left: 0;
      border-right: 0;
 }
  .keep-in-touch .section-heading {
      font-size: 45px;
 }
  .keep-in-touch .section-desc {
      font-size: 18px;
 }
}
@media only screen and (max-width: 991.98px) {
  .slick-logo-slider .slick-next{
      right: -50px;
 }
  .slick-logo-slider .slick-prev{
      left: -50px;
 }
  .logo-slider-sec .logo-slider.slick-slide{
      height: 130px !important;
 }
  .sb-faq-section .faq-desc{
      padding-right:0px;
      padding-bottom:50px;
 }
  .sb-about-program .bread-img-wrapper{
      text-align:center;
      margin-top:40px;
 }
  .sb-about-program .bread-img-wrapper img{
      width:400px;
 }
  .sb-banner::before{
     /* width: 80px;
      height: 100px;
      */
 }
  .sb-banner::after{
      width: 80px;
      height: 215px;
      right: 0;
 }
  .app-banner .app-heading{
      font-size: 25px;
      line-height: 30px;
 }
  .app-banner .app-heading-ar{
      font-size:25px;
 }
  .catalogue-img{
      width:90%;
      padding:10px 0px;
 }
 /* start of financial statement */
  .fin-state-sec .tab-title{
      margin-top: 10px;
      font-size: 1.5rem;
 }
  .fin-state-sec .accordion-header button{
      font-size: 1rem;
 }
  .fin-state-sec .accordion-button:not(.collapsed){
      font-size: 1rem;
 }
  .fin-state-sec .accordion-button {
      position: relative;
      display: flex;
      align-items: center;
      width: 100%;
      padding: 0.5rem 1rem;
 }
  .fin-state-sec .card-body {
      padding: 0rem 0.8rem;
 }
  .fin-state-sec .card-body .card-title{
      font-size: .7rem;
 }
  .fin-state-sec .card-body a .card-text{
      font-size: .8rem;
 }
  .fin-state-sec .books-div img{
      height: 150px;
 }
  .fin-state-sec .image-container1{
      height: 250px;
 }
  .fin-state-sec .image-container2{
      height: 250px;
 }
 /* end of financial statement */
 /* Investor Relation */
  .shares-sec .share-content h3,.shares-sec .share3 h3{
      font-size:1.5rem;
 }
  .fin-state-sec .accordion-body{
      padding: 0px;
 }
  .fin-state-sec .nav-pills .nav-link{
      font-size:0.9rem;
 }
  .banner-section .content-container .heading-sec {
      margin-bottom: 50px;
 }
 /* Investor Relation end*/
 /* Footer css */
  .section-footer .footer-links{
      text-align: center;
 }
  .section-footer .social-icons,.section-footer .email-info,.section-footer .location-info{
      justify-content: center;
 }
  .section-footer .contact-info{
      justify-content: center;
      align-items: center;
 }
 /* Footer css end */
 /* mobile app section css starts */
  .mobile-app-screen .mobile{
      width:300px;
 }
  .store-wrapper .qr{
      width:150px;
 }
  .store-wrapper .apps{
      width:200px;
 }
  .app-section .copy-text, .app-section .copy-btn{
      width:150px;
 }
  .app-copy-wrapper {
      justify-content: space-between;
      align-items: center;
      padding: 20px 0px 0px 0px;
 }
  .store-wrapper{
      text-align:center;
      display:block;
 }
  .right-content-character{
      left: -42px;
      top: -14px;
 }
  .badar-sara-sec .left-content-character{
      top: -45px;
      right: -60px;
 }
  .badar-sara-sec .full-img-wrapper-right{
      margin: 0 auto;
 }
  .annual-report-bg-img {
      height: 400px;
 }
}
@media only screen and (min-width: 768px) and (max-width: 1199.98px) {
  .custom-nav .navbar-brand img {
      width: 80px;
      transform: scale(1.2);
 }
  .custom-nav .navbar-toggler {
      height: 98px;
      width: 98px;
 }
}
@media only screen and (min-width: 576px) and (max-width: 991.98px) {
}
@media(max-width:767px){
  .f_statement_wrapper .f_statement_side .sidebar_content p {
      padding: 16.2px 10px !important;
 }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .badar-sara-sec .chef-badar-img{
      height: 240px;
 }
  .badar-sara-sec .play-btn-character .badar-full-img, .badar-sara-sec .play-btn-character .sara-full-img{
      height:210px;
 }
  .home-vm .mission{
      padding-left: 20px;
 }
  .home-vm .vision {
      padding-right: 40px;
 }
}
@media only screen and (max-width: 767.98px) {
  .logo-slider-sec .section-heading{
      font-size: 30px;
 }
  .sb-faq-section .left-stars{
      left: -50px;
      bottom: -80px;
 }
  .sb-faq-section .left-stars .star1{
      width: 32px;
      left: 16px;
      bottom: 20px;
 }
  .sb-faq-section .left-stars .star2 {
      width: 20px;
      left: 67px;
      bottom: 58px;
 }
  .sb-faq-section .left-stars .star3 {
      width: 45px;
      left: 1px;
      bottom: 98px;
 }
  .sb-register .star1{
      top: 12px;
      right: 12px;
 }
  .sb-register .star2{
      top: 20px;
      right: 40px;
 }
  .slick-logo-slider .slick-next{
      right: 0px;
 }
  .slick-logo-slider .slick-prev{
      left: 0px;
 }
  .slick-logo-slider .slick-next:before,.slick-logo-slider .slick-prev:before{
      transform:scale(0.6);
 }
  .slick-logo-slider .slick-prev, .slick-logo-slider .slick-next{
      background-color:transparent!important;
 }
  .logo-slider-sec .logo-slider{
      margin:0px 10px;
 }
  .logo-slider-sec .logo-slider.slick-slide{
      height:160px!important;
      padding:20px;
 }
  .badar-sara-row-wrapper {
      padding: 0px 15px;
      flex-direction: column-reverse;
      row-gap: 20px;
 }
  .badar-sara-sec .full-img-wrapper{
      width:100%;
      margin:0 auto;
 }
  .badar-sara-sec .right-content-wrapper{
      width:100%;
      margin:0 auto;
 }
  .badar-sara-sec .full-img-wrapper-right, .badar-sara-sec .left-content-wrapper{
      width:100%;
 }
  .badar-sara-sec .play-btn-character .badar-full-img, .badar-sara-sec .play-btn-character .sara-full-img{
      width:100%;
      height:auto;
 }
  .right-content-character, .badar-sara-sec .left-content-character{
      position:relative;
      margin-top:30px;
      top:0;
      left:0;
 }
  .right-content-wrapper .left-content{
      text-align:left!important;
 }
  .left-content-character .left-content{
      text-align:right!important;
 }
  .badar-sara-sec .section-heading{
      padding-bottom: 15px;
      margin-bottom:0px!important;
 }
  .badar-sara-sec .chef-badar-img{
      height: 350px;
 }
  .badar-sara-sec .sara-row-wrapper{
      display: flex;
      flex-direction: column;
 }
  .sb-faq-section .section-heading{
      font-size:30px;
 }
  .sb-faq-section .faq-desc{
      font-size:18px;
 }
  .passion-hightligts{
      font-size:25px;
 }
  .sb-about-program .bread-img-wrapper img {
      width: 300px;
 }
  .sb-banner::after {
      width: 68px;
      height: 130px;
      bottom: 32px;
      right: -10px;
 }
  .sb-banner::before {
      width: 150px;
 }
  .app-section-row .app-text {
      text-align: center;
 }
  .app-copy-wrapper {
      justify-content: center;
 }
  .app-banner .content-container{
      display:block!important;
 }
  .app-banner .app-heading {
      font-size: 18px;
      line-height: 25px;
 }
  .store-wrapper .apps{
      width:150px;
 }
  .app-banner .app-screens {
      width: 30%;
      text-align: center;
      display: block;
      margin: 0 auto;
      padding: 10px 0px;
 }
  .app-banner .app-heading-ar{
      font-size: 18px;
 }
  .mobile-app-screen .mobile {
      width: 200px;
 }
  .app-section-row{
      flex-direction:column-reverse;
 }
  .store-wrapper{
      text-align: center;
 }
  .app-section .copy-text, .app-section .copy-btn{
      margin:5px auto;
      padding:15px 0px;
 }
  .qr-wrapper{
      width:100%;
 }
  .mobile-app-screen .mobile{
      width:200px;
 }
  .copy-wrapper{
      text-align:center;
 }
  .app-section .copy-text, .app-section .copy-btn{
      padding: 8px 0px;
 }
  .product-catlogue-section .float-right,.product-catlogue-section .float-left{
      float:none;
 }
  .catalogue-img{
      width:50%;
      padding:10px 0px;
 }
  .topbar {
      padding: 12px 5px;
 }
  .topbar .links {
      justify-content: center;
 }
  .topbar .links li a {
      font-size: 14px;
 }
  .custom-nav .navbar-brand img{
      width: 70px;
 }
  .home-banner .slide .content {
      top: 45%;
      left: 0;
      right: 0;
      padding: 0 15px;
      text-align: center;
 }
  .home-banner .slide .content .sm, .home-banner .slide .content .smnew {
      display: inline-block;
      font-size: 24px;
      margin-bottom: 5px;
 }
  .home-banner .slide .content .sm::before {
      display: none;
 }
  .home-banner .slide .content .smnew::before{
      display: none;
 }
  .home-banner .slide .content .lg {
      left: 0;
      font-size: 40px;
 }
  .home-slider .slick-prev, .home-slider .slick-next{
      width: 50px;
      height: 50px;
      border-radius: 10px;
      top: auto;
      bottom: 10px;
      -webkit-transform: initial;
      -ms-transform: initial;
      transform: initial;
 }
  .home-slider .slick-prev {
      left: 10px;
 }
  .home-slider .slick-next {
      right: 10px;
 }
  .home-slider .slick-dots {
      display: none !important;
 }
  .home-who-we-are {
      padding: 50px 0;
 }
  .home-who-we-are .img-before, .home-who-we-are .img-after{
      display: none;
 }
  .home-who-we-are .section-heading {
      font-size: 30px;
      margin-bottom: 30px;
 }
  .home-who-we-are .desc {
      font-size: 18px;
      line-height: 1.4;
      text-align: center;
 }
  .home-vm {
      background: none;
      padding: 0;
 }
  .home-vm .vision {
      padding: 40px 20px 40px 25px;
      background-color: #163029;
      text-align: center;
 }
  .home-vm .mission {
      padding: 40px 20px 40px 25px;
      background-color: #f5f5f5;
      text-align: center;
 }
  .home-vm .vision .icon, .home-vm .mission .icon {
      min-width: 50px;
      width: 50px;
      margin-right: auto;
      margin-left: auto;
      margin-bottom: 20px;
 }
  .home-vm .vision .heading, .home-vm .mission .heading {
      font-size: 28px;
      margin-bottom: 15px;
 }
  .home-vm .vision .desc, .home-vm .mission .desc {
      font-size: 18px;
      line-height: 1.4;
 }
  .vm-value {
      padding: 50px 0 50px;
 }
  .vm-value .section-heading {
      font-size: 35px;
      margin-bottom: 40px;
 }
  .vm-value .item {
      padding: 25px 30px 40px;
 }
  .vm-value .item .icon img {
      width: 80px;
 }
  .vm-value .item .name {
      font-size: 21px;
      margin-bottom: 15px;
 }
  .company-numbers {
      padding: 50px 0 50px;
 }
  .company-numbers .section-heading {
      font-size: 30px;
      line-height: 1.1;
      margin-bottom: 60px;
 }
  .company-numbers .item {
      display: block;
      text-align: center;
      margin-bottom: 40px;
 }
  .company-numbers .item:last-child{
      margin-bottom: 0;
 }
  .company-numbers .item:nth-child(1) {
      padding: 0 15px 0 15px;
 }
  .company-numbers .item:nth-child(2) {
      padding: 40px 15px 40px 15px;
      border-left: 0;
      border-right: 0;
      border-top: 2px solid #16312a66;
      border-bottom: 2px solid #16312a66;
 }
  .company-numbers .item:nth-child(3) {
      padding: 0px 15px 0px 15px;
 }
  .company-numbers .item .icon {
      width: 55px;
      margin-right: 0;
      margin-bottom: 15px;
 }
  .company-numbers .item .number {
      font-size: 40px;
      line-height: 1;
 }
  .company-numbers .item .text {
      font-size: 20px;
 }
  .home-our-history {
      padding: 50px 0;
 }
  .home-our-history .section-heading {
      font-size: 30px;
      margin-bottom: 50px;
 }
  .home-our-history .history #mywave_svg{
      display: none;
 }
  .home-our-history .history .item {
      position: initial;
      display: flex;
      align-items: center;
      justify-content: center;
      column-gap: 40px;
 }
  .home-our-history .history .item:after{
      content: "";
      position: absolute;
      top: 0;
      left: calc(50% - 2px);
      height: 100%;
      width: 4px;
      background-color: #ffb548;
 }
  .home-our-history .history .item .event {
      padding-left: 0;
      width: 150px;
 }
  .home-our-history .history .item.first .event, .home-our-history .history .item.third .event, .home-our-history .history .item.fifth .event, .home-our-history .history .item.seventh .event {
      margin-bottom: 0;
      text-align: right;
 }
  .home-our-history .history .item.second .event, .home-our-history .history .item.forth .event, .home-our-history .history .item.sixth .event {
      margin-top: 0;
      text-align: left;
 }
  .home-our-history .history .item .year {
      font-size: 40px;
      border-radius: 15px;
 }
  .home-our-history .history .sm-horiz-bar{
      display: block;
      height: 4px;
      width: 100%;
      background-color: #ffb548;
      margin: 20px 0;
 }
  .home-our-history .history .md-horiz-bar{
      display: none;
 }
  .home-join-conv {
      padding: 50px 0 50px;
 }
  .home-join-conv .section-heading {
      font-size: 30px;
      line-height: 1.1;
      margin-bottom: 50px;
 }
  .home-join-conv .px-40 {
      padding-left: 20px;
      padding-right: 20px;
      margin-bottom: 30px;
 }
  .home-join-conv .px-40:last-child {
      margin-bottom: 0;
 }
  .home-news {
      padding: 50px 0 50px;
 }
  .home-news .section-heading {
      font-size: 30px;
      margin-bottom: 50px;
 }
  .home-news .item .body {
      padding: 20px 20px;
 }
  .section-footer .first {
      padding: 30px;
 }
  .section-footer .first .footer-logo img {
      width: 120px;
      transform: scale(1.2);
 }
  .section-footer .second {
      padding: 50px 0;
 }
  .section-footer .ps-80 {
      padding-left: 12px;
 }
  .section-footer .ps-50 {
      padding-left: 12px;
 }
  .section-footer .footer-links li {
      margin-bottom: 15px;
      text-align: center;
 }
  .section-footer .footer-links li:last-child {
      margin-bottom: 15px;
 }
  .section-footer .footer-links li a {
      font-size: 16px;
 }
  .section-footer .social-icons {
      justify-content: center;
      margin-top: 35px;
      column-gap: 10px;
 }
  .section-footer .social-icons .item {
      height: 40px;
      min-width: 40px;
      line-height: 40px;
 }
  .section-footer .social-icons .item:last-child{
      margin-right: 0;
 }
  .section-footer .social-icons .item i {
      font-size: 25px;
 }
  .section-footer .contact-info, .section-footer .email-info{
      justify-content: center;
      margin-bottom: 30px;
 }
  .section-footer .location-info{
      justify-content: center;
 }
  .contact-info div{
      text-align: center;
 }
  .section-footer .contact-info .text, .section-footer .email-info .text, .section-footer .location-info .text{
      font-size: 18px;
 }
  .section-footer .ipo-footer-content{
      display: block;
 }
  .section-footer .ipo-footer-content .heading {
      text-align: center;
 }
  .section-footer .ipo-footer-content .item {
      justify-content: center;
      margin-bottom: 25px;
 }
  .section-footer .ipo-footer-content .item:last-child{
      margin-bottom: 0;
 }
  .banner-section .heading {
      font-size: 30px;
      line-height: 1;
      margin-bottom:-25px;
 }
  .banner-section .breadcrumbs{
      width: 100%;
      right: 0;
      bottom: 0;
      justify-content: center;
      padding: 10px 20px;
 }
  .banner-section .breadcrumbs li {
      font-size: 12px;
      margin-right: 18px;
 }
  .banner-section .breadcrumbs li::after {
      right: -13px;
 }
 /* Factories Page */
  .factory-contact-details {
      padding: 50px 0;
 }
  .factory-contact-details .icon img {
      height: 40px;
 }
  .factory-contact-details .heading {
      font-size: 21px;
      margin-bottom: 15px;
 }
  .factory-contact-details a, .factory-contact-details p {
      font-size: 16px;
 }
  .factory-contact-details .center-block {
      border-left: 0;
      border-right: 0;
      border-top: 1px solid #163029;
      border-bottom: 1px solid #163029;
      padding: 24px 12px;
 }
  .factory-capacity {
      padding: 50px 0;
      text-align: center;
 }
  .factory-capacity .item .count, .factory-capacity .item .count .counter-animation {
      font-size: 35px;
 }
  .factory-capacity .item .count .sm-text {
      font-size: 14px;
      margin-left: 0;
 }
  .factory-capacity .item .text {
      font-size: 16px;
 }
  .factory-tables {
      padding: 50px 0;
 }
  .factory-tables .shadow, .factory-tables .table {
      border-radius: 10px;
 }
  .factory-tables .left table tr th:first-child, .factory-tables .right table tr th:first-child {
      padding: 22px 10px 22px 15px;
 }
  .factory-tables .left table tr th:last-child, .factory-tables .right table tr th:last-child {
      padding: 22px 15px 22px 10px;
 }
  .factory-tables .left table tr td:first-child, .factory-tables .right table tr td:first-child {
      padding: 20px 10px 20px 15px;
 }
  .factory-tables .left table tr td:last-child, .factory-tables .right table tr td:last-child {
      padding: 20px 15px 20px 10px;
 }
  .factory-tables .left table tr td .icon {
      margin-right: 5px;
 }
 /* About Page */
  .about-description {
      padding: 50px 0;
 }
  .about-description .text {
      font-size: 18px;
      line-height: 1.4;
      text-align: left;
 }
  .about-blocks {
      padding: 50px 0 50px;
 }
 /* Board of Directors Page */
  .bod-members {
      padding: 50px 0 50px;
 }
  .bod-members .section-desc {
      width: 100%;
      font-size: 18px;
      margin: 0 auto 40px;
 }
 /* BOD Profile Page */
  .bod-profile-description {
      padding: 50px 0 50px;
 }
  .bod-profile-description .content{
      display: block;
 }
  .bod-profile-description .content .profile {
      min-width: auto;
      width: 250px;
      margin-right: auto;
      margin-left: auto;
      margin-bottom: 30px;
 }
  .bod-profile-description .content .desg {
      font-size: 26px;
      text-align: center;
      margin-bottom: 20px;
 }
  .bod-profile-description .content .bio {
      text-align: center;
 }
 /* CEO Page */
  .ceo-msg-main {
      padding: 50px 0 50px;
 }
  .ceo-msg-main .img{
      text-align: center;
      margin-bottom: 40px;
 }
  .ceo-msg-main .img img{
      width: 70%;
 }
  .ceo-msg-main .msg {
      padding-left: 12px;
 }
  .ceo-msg-main .msg .name {
      font-size: 28px;
      margin-bottom: 20px;
 }
  .ceo-msg-main .msg .text {
      font-size: 16px;
 }
 /* Partners Page */
  .partners-logo {
      padding: 50px 0;
 }
  .partners-logo .section-heading{
      font-size: 30px;
      margin-bottom: 40px;
 }
 /* Media Center Page */
  .media-center-main {
      padding: 50px 0;
 }
  .reports-section {
      padding: 50px 0 50px;
 }
 /* Photos Gallery Page */
  .gallery-main {
      padding: 50px 0;
 }
 /* Products Page */
  .product-listing {
      padding: 50px 0 35px;
 }
  .product-listing .item .hover-details {
      padding: 10px;
 }
  .product-listing .item .hover-details .desc {
      font-size: 14px;
 }
 /* Product Details Page */
  .product-details {
      padding: 50px 0;
 }
  .product-details .product-img {
      border-radius: 25px;
      padding: 10px 15px;
      margin-bottom: 30px;
 }
  .product-details .content {
      padding-left: 0;
 }
  .product-details .content .product-title {
      font-size: 26px;
      margin-bottom: 20px;
 }
  .product-details .content .product-desc {
      font-size: 16px;
      width: 100%;
 }
  .product-details .content .custom-tabs .nav-item {
      width: 50%;
 }
  .product-details .content .custom-tabs .nav-item:last-child{
      padding-right: 0;
 }
  .product-details .table tr td {
      padding: 15px 25px;
 }
 /* Contact Page */
  .contact-details {
      padding: 50px 0;
 }
  .contact-details .icon img {
      height: 40px;
 }
  .contact-details .heading {
      font-size: 21px;
      margin-bottom: 15px;
 }
  .contact-details a, .contact-details p {
      font-size: 16px;
 }
  .contact-details .center-block {
      border-left: 0;
      border-right: 0;
      border-top: 1px solid #163029;
      border-bottom: 1px solid #163029;
      padding: 24px 12px;
 }
  .fin-state-sec .contact-details .rmv-border-right {
      border-bottom: 0px;
 }
  .keep-in-touch {
      padding: 50px 0 50px;
 }
  .keep-in-touch .section-heading {
      font-size: 30px;
      margin-bottom: 12px;
 }
  .keep-in-touch .section-desc {
      font-size: 16px;
 }
  .keep-in-touch .section-desc::after {
      top: 35px;
      left: 50%;
      width: 35px;
      height: 3px;
 }
  .keep-in-touch .contact-form .field {
      height: 50px;
 }
  .keep-in-touch .contact-form .btn-send {
      width: 100%;
      height: 50px;
      padding: 5px 60px;
      font-size: 18px;
 }
  .sb-banner{
      padding: 40px 0 100px;
 }
  .sb-banner .logo {
      width: 140px;
      margin: 0 auto;
 }
  .sb-banner .breadcrumbs {
      bottom: -100px !important;
 }
  .multi-sec-bg {
      background-position: left top;
 }
  .sb-about-program {
      padding: 50px 0 25px;
 }
  .sb-about-program .section-heading {
      font-size: 30px;
      line-height: 1.2;
      text-align: center;
      margin-bottom: 20px;
 }
  .sb-about-program .desc {
      font-size: 16px;
      text-align: center;
 }
  .sb-program-characters {
      padding: 25px 0 50px;
 }
  .sb-program-characters .section-heading {
      font-size: 30px;
      line-height: 1.2;
      margin-bottom: 40px;
 }
  .sb-program-characters .img-chef {
      display: block;
      width: 65%;
      min-width: auto;
      margin: 0 auto 40px;
 }
  .sb-program-characters .left-content {
      padding-left: 0;
      text-align: center;
      margin-bottom: 50px;
 }
  .sb-program-characters .left-content .name, .sb-program-characters .right-content .name {
      font-size: 25px;
 }
  .sb-program-characters .left-content .age, .sb-program-characters .right-content .age {
      font-size: 22px;
 }
  .sb-program-characters .right-content {
      padding: 0 0 0 0;
      width: 100%;
      text-align: center;
 }
  .sb-program-characters .sb-video {
      margin-top: 50px;
      margin-bottom: 0;
      height: 200px;
 }
  .sb-program-characters .sb-video .btn-play img {
      width: 100px;
 }
  .sb-program-partners {
      padding: 50px 0 50px;
 }
  .sb-program-partners .section-heading {
      font-size: 30px;
      line-height: 1.2;
 }
  .sb-program-partners .section-heading::before, .sb-program-partners .section-heading::after {
      display: none;
 }
  .sb-program-partners .partners{
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      column-gap: 40px;
 }
  .sb-program-partners .partners .item{
      margin-bottom: 30px;
      height: 200px;
 }
  .sb-program-partners .partners .item:last-of-type{
     /* margin-bottom: 0;
      */
 }
  .sb-program-partners .partners .item img{
      width: 100%;
 }
  .sb-program-highlights {
      padding: 50px 0;
 }
  .sb-program-highlights .section-heading {
      font-size: 30px;
      line-height: 1.2;
      margin-bottom: 60px;
 }
  .sb-program-highlights .timeline {
      width: 100%;
      margin: 0 auto 60px;
 }
  .sb-gallery {
      padding: 50px 0 50px;
 }
  .sb-gallery .section-heading {
      font-size: 30px;
      line-height: 1.2;
      margin-bottom: 40px;
 }
  .sb-register {
      padding: 50px 0;
 }
  .sb-register .content {
      display: block;
 }
  .sb-register .content .desc {
      width: 100%;
      margin-bottom: 30px;
      padding-right: 0;
      text-align: center;
 }
  .sb-register .content .btn-register-now {
      display: block;
      padding: 20px 50px;
      font-size: 18px;
      text-align: center;
 }
  .sb-join-conversion {
      padding: 50px 0 50px;
 }
  .sb-join-conversion .section-heading {
      font-size: 30px;
      line-height: 1.2;
      margin-bottom: 40px;
 }
  .sb-join-conversion .section-heading::before, .sb-join-conversion .section-heading::after{
      display: none;
 }
 /* IPO Page */
  .ipoModal .modal-dialog-centered {
      min-height: calc(100% - 3rem);
      margin: 1.5rem auto;
 }
  .ipoModal .modal-dialog-scrollable {
      height: calc(100% - 3rem);
 }
  .ipoModal .modal-content .modal-header {
      padding: 15px 15px;
 }
  .ipoModal .modal-content .modal-header .modal-title {
      font-size: 20px;
 }
  .ipoModal .modal-content .modal-body {
      padding: 20px 15px;
 }
  .ipoModal .modal-content .modal-body .simple-text {
      font-size: 16px;
 }
  .ipoModal .modal-content .modal-body label {
      font-size: 16px;
      margin-bottom: 12px;
 }
  .ipoModal .modal-content .modal-body select {
      font-size: 15px;
      padding: 12px 15px;
      background-position-x: 95%;
      background-position-y: 20px;
 }
  .ipoModal .modal-content .modal-footer {
      padding: 15px 15px;
 }
  .ipoModal .modal-content .modal-footer .btn-footer {
      font-size: 16px;
 }
  .ipoModal .modal-content .modal-footer .switch-to-arabic {
      font-size: 16px;
 }
  .ipo-banner .heading{
      font-size: 18px;
      padding-bottom: 30px;
      letter-spacing: 0;
 }
  .ipo-banner .heading span{
      font-size: 14px;
 }
  .ipo-our-story {
      padding: 50px 0;
 }
  .ipo-our-story .sec-heading {
      font-size: 28px;
      margin-bottom: 25px;
 }
  .ipo-our-story .sec-desc {
      font-size: 16px;
 }
  .ipo-public-offering {
      padding: 75px 0 50px;
 }
  .ipo-public-offering .img {
      padding: 0 30px;
      margin-bottom: 40px;
 }
  .ipo-public-offering .img .icon {
      top: -40px;
      bottom: auto;
      left: 50%;
      transform: translateX(-50%);
 }
  .ipo-public-offering .heading {
      font-size: 28px;
      margin-bottom: 25px;
 }
  .ipo-public-offering .desc {
      font-size: 16px;
 }
  .ipo-leadership {
      padding: 50px 0;
 }
  .ipo-leadership .sec-heading {
      font-size: 28px;
      line-height: 1.1;
      margin-bottom: 50px;
 }
  .ipo-leadership .ceo-row {
      margin-top: 50px;
 }
  .ipo-leadership .chairman-row .profile-img, .ipo-leadership .ceo-row .profile-img {
      margin-bottom: 25px;
 }
  .ipo-leadership .chairman-row .name, .ipo-leadership .ceo-row .name {
      font-size: 25px;
      margin-bottom: 10px;
 }
  .ipo-leadership .chairman-row .designation, .ipo-leadership .ceo-row .designation {
      font-size: 20px;
      margin-bottom: 15px;
 }
  .ipo-leadership .chairman-row .info, .ipo-leadership .ceo-row .info {
      font-size: 16px;
 }
  .ipo-leadership .ceo-row .name, .ipo-leadership .ceo-row .designation, .ipo-leadership .ceo-row .info {
      text-align: left;
 }
  .ipo-investment {
      padding: 50px 0 0;
 }
  .ipo-investment .sec-heading {
      font-size: 28px;
      line-height: 1.1;
      margin-bottom: 40px;
 }
  .web-investment-tabs .box .content {
      bottom: 10px;
      padding: 0 5px;
 }
  .web-investment-tabs .box .content .title {
      font-size: 10px;
      line-height: 1.2;
      margin-bottom: 10px;
 }
  .web-investment-tabs .box .content .more-details-link {
      font-size: 10px;
 }
  .web-investment-tabs .highlights-content {
      padding: 0 15px;
 }
  .web-investment-tabs .highlights-content .desc-heading {
      font-size: 18px;
      line-height: 1.3;
      margin-top: 30px;
      margin-bottom: 15px;
      padding-left: 0px;
 }
  .web-investment-tabs .highlights-content .desc-list li {
      padding: 15px 0px 10px 25px;
 }
  .ipo-key-documents {
      padding: 50px 0;
 }
  .ipo-key-documents .sec-heading {
      font-size: 28px;
      line-height: 1.1;
      margin-bottom: 40px;
 }
  .ipo-receiving-banks {
      padding: 50px 0 50px;
 }
  .ipo-receiving-banks .section-heading {
      font-size: 28px;
      line-height: 1.1;
      margin-bottom: 40px;
 }
  .ipo-timetable {
      padding: 50px 0 20px;
 }
  .ipo-timetable .sec-heading {
      font-size: 28px;
      margin-bottom: 30px;
 }
  .ipo-subscription {
      padding: 50px 0 25px;
 }
  .ipo-subscription .sec-heading {
      font-size: 28px;
      margin-bottom: 30px;
 }
 /* start of financial statement */
 /* .left-sidebar-nav{
      display: none;
 }
  */
  .left-sidebar-nav #collapseOne.show{
     /* display: none;
      */
 }
  .left-sidebar-nav #collapseOne .collapse:not(.show){
     /* display: none;
      */
 }
 /* .show-reports-sidebar-wrapper{
      display: block;
      margin-bottom: 10px;
      padding: 0px 10px;
 }
  .show-reports-sidebar-mobile{
      width: 100%;
      padding: 5px;
      background-color: #163029;
      color: #ebebeb;
      padding: 10px;
      outline: none;
      border: none;
 }
  .show-reports-sidebar-mobile .add-border{
      border: 1px solid #ffb548;
      padding: 5px;
      color: #ffb548;
 }
  */
  .left-sidebar-nav #accordionExample > * {
      display: none;
     /* Hide all children of #accordionExample */
 }
  .left-sidebar-nav #accordionExample > :first-child {
      display: block;
     /* Display the first child of #accordionExample */
 }
  #collapseOne #v-pills-tab > :first-child{
      margin-top: 5px;
 }
  .fin-state-sec .books-div img{
      height: 120px;
 }
  .fin-state-sec .image-container1, .fin-state-sec .image-container2{
      height: 300px!important;
      width: 80%;
      margin-bottom: 20px;
 }
 /* end of financial statement */
 /* investor relations */
  .show-content .investor-wlcm-sec .wlcm-content p {
      font-size: 16px;
 }
  .investor-wlcm-sec .wlcm-content h1{
      font-size: 28px;
 }
  .reports-section .item {
      margin: 0px 0px;
 }
  .sb-program-highlights .fin-icons{
      font-size: 25px;
 }
 /* .show-content .investor-wlcm-sec .wlcm-content .learn-more,.home-vm .vision .view-details{
      font-size: .8rem;
      padding: 5px 10px;
 }
  */
 /* firstmills in number row two column on mobile */
 /* investor relation welcome section */
  .shares-sec .share-img-parent{
      width: 100%;
 }
  .section-footer .ipo-footer-content .footer-copyright{
      font-size: 16px;
 }
 /* investor relation welcome section end*/
 /* IR Overview */
  .ir-overview .ir-overview-content .title{
      font-size: 20px;
 }
  .ir-overview .ir-overview-content .list-item{
      font-size: 14px;
 }
  .ir-vm .mission,.ir-vm .vision{
      padding:10px;
 }
 /* First mills in number col-6 on md start*/
 /* .sb-program-highlights .first-mills-num-col{
      width: 50%;
 }
  .sb-program-highlights .highlights .item{
      padding: 5px 10px;
 }
  .sb-program-highlights .highlights .item .name {
      font-size: 12px;
      line-height: 1.2;
 }
  .sb-program-highlights .highlights .item .item-title{
      font-size: 14px;
 }
  */
 /* First mills in number col-6 on md end */
  .annual-report-bg-img{
      height: 300px;
 }
  .sb-container-highlight .para-number{
      font-size: 18px;
 }
  .play-btn-character.btn_one{
      display: none;
 }
  .play-btn-character.btn_two{
      display: none;
 }
 /* Saudi bakery registration page */
  .registration_radio_labels{
      display: block;
      padding-top: 10px;
      padding-right: 0px;
 }
 /* about us page certificates/awards */
  .certificates-block .certificates-desc-wrapper .certificates-description{
      padding: 20px 10px 0px 10px;
      font-size: 16px;
 }
  .certificates-block .certificate-card{
      margin: 0px;
 }
  .certificates-block .certificate-card .image-wrapper img{
      width: 150px;
 }
  .certificates-block .certificate-card .desc-wrapper .title{
      font-size: 16px;
 }
  .certificates-block .certificate-card .desc-wrapper .description{
      font-size: 14px;
 }
  .f_statement_wrapper .f_statement_side .sidebar_content p{
      padding: 29px 10px;
 }
}
/* IR Overview end*/
@media only screen and (max-width: 575.98px) {
  .sb-banner::before{
      opacity: 0.3;
 }
  .slick-logo-slider .slick-next{
      right: 0px;
 }
  .slick-logo-slider .slick-prev{
      left: 0px;
 }
  .logo-slider-sec .logo-slider.slick-slide{
      width:120px!important;
      height:120px!important;
 }
  .passion-hightligts {
      font-size: 20px;
 }
  .sb-about-program .bread-img-wrapper img {
      width: 200px;
 }
  .section-footer .ipo-footer-content .footer-copyright, .section-footer .footer-copyright{
      text-align:center;
 }
  .app-copy-wrapper{
      display:flex;
      flex-direction:row;
      justify-content: center;
      column-gap: 10px;
 }
  .app-section-row .app-text {
      font-size: 18px!important;
 }
  .app-section .company-text{
      font-size:14px;
 }
  .app-banner .app-heading-ar{
      font-size: 12px;
 }
  .app-banner .app-heading {
      font-size: 12px;
      line-height: 20px;
 }
  .app-banner .app-screens{
      padding: 2px 0px;
 }
  .mobile-app-screen .mobile{
      width:150px;
 }
  .qr-wrapper{
      margin: 0 auto;
 }
  .copy-wrapper{
      padding-left:10px;
 }
  .store-wrapper .store-icon-wrapper{
      padding:0px;
      width:auto;
 }
  .app-section .copy-text, .app-section .copy-btn {
      width:100px;
      padding: 2px;
      font-size: 12px;
 }
  .store-wrapper .qr{
      width:80px;
 }
  .store-wrapper .apps{
      display:block;
      width: 100px;
 }
  .catalogue-img .title{
      font-size:14px;
 }
  .topbar .links li a {
      font-size: 12px!important;
 }
  .ipoModal .modal-dialog-centered {
      margin: 1.5rem 1rem;
 }
 /* investor relation welcome section */
  .show-content .investor-wlcm-sec {
      height: auto;
      padding: 30px 10px;
 }
  .show-content .investor-wlcm-sec2 .wlcm-image{
      margin-right: 15px;
 }
  .show-content .investor-wlcm-sec2 {
      height: auto;
      padding: 30px 10px;
 }
  .show-content .investor-wlcm-sec2 .wlcm-content h1 {
      font-size: 1.5rem;
 }
  .show-content .investor-wlcm-sec2 .wlcm-content p {
      font-size: 0.8rem;
 }
  .show-content .investor-wlcm-sec2 .wlcm-content a button {
      font-size: .8rem;
      padding: 5px 10px;
 }
  .show-content .investor-wlcm-sec2 .wlcm-image{
      margin-right: 15px;
 }
 /* investor relation welcome section end*/
  .annual-report-bg-img{
      height: 250px;
 }
  .sb-program-partners .partners .item {
      width: 150px;
      height: 150px;
 }
  .sb-program-highlights .highlights .item{
      padding: 20px 10px 20px 10px;
 }
  .badar-sara-sec .play-btn-character::after{
      display: none;
 }
  .sb-register{
      padding: 45px 0 12px 0px;
 }
 /* about us page certificates/awards */
  .certificates-block .certificate-card{
      margin: 20px;
      padding: 10px 0px;
 }
  .f_statement_wrapper .f_statement_side .sidebar_content p{
      font-size: 14px;
      padding: 15px 10px;
      text-wrap: auto;
 }
  .f_statement_wrapper .year_wrapper .quarters .quarter img{
      width: 20px;
 }
  .f_statement_wrapper .f_statement_side .arrows .slide_btn{
      width: 26px;
      height: 26px;
 }
  .f_statement_wrapper .year_wrapper .year{
      padding: 13px 10px;
      height: auto;
 }
  .f_statement_wrapper .f_statement_side .arrows{
    padding: 15px 10px;
 }
  .f_tab_wrapper .nav-pills .nav-link, .f_tab_wrapper .nav-pills .nav-item{
      width: 100%;
 }
  .f_statement_wrapper.annual_rep .year_wrapper .report_pdf img{
      width: 100px;
 }
  .f_statement_wrapper .year_wrapper .quarters a {
      height: 44px;
 }
  .home-banner .slide .content .quality_text{
      font-size: 50px;
 }
 .f_statement_wrapper .f_statement_side {
    width: 700px !important;
  }
}
@media only screen and (max-width: 450px) {
  .annual-report-bg-img{
      height: 200px;
 }
  .sb-program-partners .partners .item {
      width: 130px;
      height: 130px;
 }
  .sb-program-partners .partners {
      column-gap: 20px;
 }
  .f_statement_wrapper.static_years{
      flex-direction: column;
 }
  .f_statement_wrapper.static_years .year_wrapper{
      width: 100%;
 }
  .f_statement_wrapper.annual_rep{
      width: 100%;
 }
  .home-banner .slide .content .quality_text{
      font-size: 25px;
 }
}
/* topbar font-size smaller to appear properly*/
@media(max-width:383px){
  .f_statement_wrapper .f_statement_side {
    width: 600px !important;
  }
  .f_statement_wrapper .f_statement_side .sidebar_content p{
    font-size: 12px;
  }
  .f_statement_wrapper .year_wrapper .quarters{
    padding: 14.6px 20px;
  }
  .quarter {
    font-size: 14px !important;
  }
}
@media only screen and (max-width: 320px) {
  .topbar .links li a{
      font-size:10px!important;
 }
  .topbar .links li{
      padding: 0 5px;
 }
  .annual-report-bg-img{
      height: 160px;
 }
  .sb-program-partners .partners .item {
      width: 120px;
      height: 120px;
 }
  .f_statement_wrapper .f_statement_side .sidebar_content p{
      font-size: 12px;
      padding: 6px 5px;
 }
  .f_statement_wrapper .year_wrapper .quarters{
      padding: 5px 5px;
 }
  .f_statement_wrapper .year_wrapper .quarters .quarter{
      font-size: 12px;
 }
  .f_statement_wrapper .year_wrapper .quarters a {
      height: 38px;
 }
}