@media only screen and (min-width: 320px) and (max-width: 768px) {
    .stripcontainer0 {
        padding: 20px 24px;
    }

    .stripcontainer0 .stripmove0 h3 {
        font-size: 16px
    }

    .headBTN.headBTNmobile {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-bottom: 10px;
    }

    .headBTN.headBTNmobile .theme-btn:before {
        top: 4px;
        z-index: -1;
    }

    .mainheaderInner {
        padding-bottom: 10px;
    }

    .auto-container {
        width: 90%;
        margin: 0 auto
    }

    p,
    body {
        font-size: 14px;
        line-height: 18px;
    }

    ul.listStyle li {
        margin-left: 5px;
        font-size: 14px;
        line-height: 18px;
        margin: 10px 5px;
        padding-left: 10px;
    }

    .sectionSpace {
        padding: 30px 0px;
    }

    .theme-btn span {
        font-size: 11px;
        line-height: 14px;
        padding: 0px 15px;
        padding-bottom: 0px;
    }

    .theme-btn {
        min-width: 118px;
        height: 40px;
        margin: 10px 5px !important;
    }

    .headBTN {
        width: auto;
        margin-top: 0;
        display: none;
    }

    .headBTN .navbtn,
    .headBTN a.navbtn {
        font-size: 10px;
        line-height: 12px;
        margin: 0px 5px;
    }

    .mainheading {
        padding-bottom: 20px;
        width: 100%;
    }

    .headBTN .menuicon {
        margin-right: 0;
        margin-left: 0;
        display: block;
        width: 100%;
    }

    /* .headBTN .menuicon img{
    width: 30px;
} */

    .leftnavhead .menuicon img {
        width: 80%;
    }

    .mainheading h2 {
        font-size: 20px;
        line-height: 25px;
        letter-spacing: -0.5px;
    }

    .mainheading p {
        text-align: center;
        padding-top: 10px;
        margin: 0;
    }

    .mainheader {
        padding: 10px 0px;
        padding-bottom: 20px;
    }

    .mainlogo {
        width: 100%;
        padding-top: 0;
        padding-bottom: 0;
        margin-left: 0;
    }

    .bannerOuter {
        height: 270px;
    }

    .bannerOuter::before {
        width: 40%;
        height: 100%;
    }

    .heroinnerContent {
        padding: 20px;
        padding-bottom: 0;
        padding-top: 40px;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }

    .videobg {
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }

    .youtubeWraper {
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }

    .heroinnerContent:before {
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }

    .videobg .videocontainer {
        min-height: 100%;
        border-radius: 10px;
    }

    .heroinnerContent h1 {
        padding: 10px 0px;
        width: 100%;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: -0.4px;
    }

    .heroSection {
        position: relative;
        width: 100%;
    }

    .quoteTextarea02 .quoteIcon02 img {
        width: 10%;
    }

    .quoteTextarea02 .quoteIcon02 {
        left: -1%;
        top: -4%;
    }

    .quoteTextarea02 {
        padding-left: 35px;
        width: 100%;
    }

    .quoteTextarea02 h4 {
        font-style: normal;
        font-size: 12px;
        line-height: 16px;
        padding-bottom: 0;
    }

    .quoteMetaInfo02 {
        border-radius: 0px 30px 30px 0px;
        -webkit-border-radius: 0px 30px 30px 0px;
        -moz-border-radius: 0px 30px 30px 0px;
        -ms-border-radius: 0px 30px 30px 0px;
        -o-border-radius: 0px 30px 30px 0px;
    }

    .quoteMetaInfo02 p {
        padding: 5px 0px;
        font-size: 12px;
        line-height: 14px;
    }

    .quoteMetaInfo02 h3 {
        font-size: 14px;
        line-height: 17px;
        letter-spacing: -0.158px;
    }

    .testimonailStyle02 figure {
        transform: unset;
        height: auto;
        width: 70%;
    }

    .testimonailStyle02:before {
        bottom: 6%;
        width: 100%;
        height: 14%;
        background: linear-gradient(89deg, rgba(81, 222, 180, 1) 0%, rgb(85 194 160 / 13%) 100%);
    }

    .healthIntrosec01 .mainheading {
        padding-bottom: 20px;
        padding-top: 0;
    }

    .healthIntrosec01 figure {
        border: #ffffff7d solid 10px;
        margin-bottom: 20px;
    }

    .healthIntrosec01 p {
        padding-bottom: 10px;
    }

    .healthIntrosec01 h3 {
        font-size: 20px;
        line-height: 21px;
        letter-spacing: unset;
        padding-bottom: 10px;
    }

    .mapstatsItem p {
        margin: 5px 0px;
    }

    .moroccosWraper {
        padding-bottom: 10% !important;
        margin-bottom: 30px;
    }

    .moroccosWraper .mainheading {
        width: 100%;
    }

    .moroccosWraperInner {
        padding-top: 20px;
        padding-left: 20px;
        padding-bottom: 10px;
        border-radius: 20px;
        margin-bottom: 20px;
    }

    .moroccosWraperInner h2 {
        font-size: 16px;
        line-height: 19px;
    }

    .pillars5 {
        padding: 10px 0px;
        padding-left: 20px;
    }

    .pillars5 li span {
        width: 30px;
        height: 30px;
        padding: 3px;
        font-size: 12px;
    }

    .pillars5 li {
        font-size: 12px;
        padding-left: 30px;
        margin-bottom: 5px;
    }

    .moroccosWraper:before {
        bottom: -5%;
        right: 0;
        width: 100%;
        height: 99%;
    }

    .featureSliderStyle p {
        padding: 10px 10px;
        font-size: 14px;
        line-height: 19px;
    }

    .featureSliderItem01 figure {
        height: 120px;
        padding: 30px;
    }

    .designationwrap h4 {
        font-size: 20px;
        padding-bottom: 0;
    }

    .desigITem01 {
        width: 45%;
        margin: 5px 6px;
    }

    .desigITem01 p {
        font-size: 15px;
        padding: 14px;
        height: 100%;
    }

    .sectorsWrap h4 {
        font-size: 20px;
        padding-bottom: 0;
    }

    .sectorItems li {
        padding: 14px 20px;
        font-size: 14px;
        line-height: 18px;
    }

    .testimonialInner2 p {
        font-size: 16px;
        width: 100%;
        line-height: 21px;
    }

    .testimonialInner2 figure {
        position: relative;
        width: 100%;
    }

    .testimonialInner2 {
        background-position: center;
        padding-top: 20px;
        padding-left: 20px;
    }

    .testimonialInner2 h4 {
        font-size: 15px;
        color: #071f2c;
        padding-top: 18px;
    }

    .statsItem01 {
        padding: 10px 10px;
    }

    .statsItem01 h2 {
        font-size: 20px;
        line-height: 22px;
        letter-spacing: -1.56px;
    }

    .statsItem01 p {
        font-size: 14px;
        line-height: 16px;
    }

    .bluestats,
    .whitestatsbg {
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }

    .stats04iner h2 {
        font-size: 20px;
        line-height: 25px;
        letter-spacing: -1.84px;
    }

    .quoteIcon {
        right: unset;
        top: -4%;
        width: 14%;
    }

    .themesITem01 {
        padding: 8px;
    }

    .themesITem01Inner h3 {
        font-size: 14px;
        line-height: 16px;
        letter-spacing: -0.04px;
        padding: 10px 0px;
        padding-left: 4px;
    }

    .agendaInnerWrap h2 {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: -0.9px;
        padding-bottom: 20px;
    }

    .agendaItemv3 h3 {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: -0.2px;
        padding: 5px 0px;
    }

    .agendinfowhite {
        border-radius: 10px;
        padding: 10px;
        min-height: 200px;
        height: auto;
    }

    .agendinfowhite h5 {
        font-weight: bold;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: -0.4px;
    }

    .agendinfowhite p {
        font-size: 10px;
        line-height: 12px;
    }

    .agendinfowhite li {
        margin-left: 5px;
        font-size: 15px;
        line-height: 17px;
        margin: 10px 5px;
    }

    .agendaItemv3 {
        padding: 10px;
        height: auto;
        margin: 10px auto;
    }

    .speakerItemv3 {
        padding: 5px;
    }

    .speakerItemv3Inner {
        padding: 5px;
    }

    .speakerDet {
        padding: 0;
        padding-top: 10px;
    }

    .swiper-speaker .swiper-slide.swiper-slide-active .speakerItemv3Inner .speakerDet h4 {
        font-size: 14px;
        line-height: 16px;
    }

    .swiper-speaker .swiper-slide.swiper-slide-active .speakerItemv3Inner .speakerDet p {
        font-size: 12px;
        line-height: 13px;
        padding: 8px 0px;
    }

    .swiper-speaker .swiper-slide.swiper-slide-active .speakerItemv3Inner figure {
        min-height: auto;
        margin: 0;
    }

    .speakerItemv3Inner figure {
        /* height: 130px; */
        margin-bottom: 0px;
        width: 100%;
        min-height: auto;
    }

    .speakerItemv3Inner .speakerDet h4 {
        font-size: 10px;
        line-height: 13px;
    }

    .speakerItemv3Inner .speakerDet p {
        font-size: 9px;
        line-height: 11px;
        padding: 5px 0px;
        margin: 0;
    }

    .logoStyleItem figure {
        height: 70px;
    }

    .logoStyleItem h3 {
        font-size: 12px;
        line-height: 15px;
    }

    .inner-footer h2 {
        color: #fff;
        font-size: 16px;
        line-height: 18px;
        text-transform: uppercase;
    }

    .FooterBtn .whiteOutline-btn {
        font-size: 12px;
        line-height: 14px;
    }

    .main-footer {
        background-position: center -200px;
        background-color: #002c41;
    }

    .FooterLogo {
        margin-bottom: 30px;
    }

    .ftrEmails {
        margin-bottom: 30px;
    }

    .bottom-ft {
        display: block;
    }

    .websiteby-text {
        color: #868585;
        padding: 10px 0px;
        padding-bottom: 0;
        text-align: center;
    }

    .burger {
        height: auto;
    }

    .leftnavhead .menuicon {
        margin-right: 0;
        margin-left: 0;
    }

    #menu-wrapper #hamburger-menu {
        margin: 0 !important;
    }

    #menu-wrapper #hamburger-menu.open .menuicon {
        margin-right: 0;
        margin-left: 0;
    }

    #menu-container .menu-list.active {
        display: block;
        margin-right: 1%;
        margin-top: 0;
        max-width: 200px;
        border-radius: 10px;
    }

    #leftside-navigation ul li a {
        font-size: 13px;
        line-height: 16px;
    }

    #leftside-navigation ul ul li a {
        padding: 5px 20px 5px 15px;
        font-size: 13px;
        line-height: 15px;
    }

    #menu-wrapper #hamburger-menu.open {
        padding: 10px;
        text-align: center;
    }

    #menu-wrapper #hamburger-menu.open .menuicon img {
        width: 55%;
    }

    .theme-btn:before {
        top: 4px;
    }

    .leftnavhead {
        width: 34%;
        margin-top: 0;
    }

    .whyattend0 .accordion-flush .accordion-button {
        font-size: 14px;
        line-height: 16px;
        margin: 10px 0px;
        padding: 5px 10px;
        outline: unset;
        padding-bottom: 4px;
    }

    .whyattend0 .accordion-flush .accordion-body h3 {
        font-size: 14px;
        line-height: 17px;
    }

    .whyattend0 .accordion-flush .accordion-body p {
        font-size: 14px;
        line-height: 16px;
    }

    .whyattend0 .accordion-flush .accordion-body li {
        font-size: 14px;
        line-height: 16px;
    }

    .whyattend0 .accordion-flush .accordion-button span {
        font-size: 12px;
        line-height: 15px;
        width: 25px;
        height: 23px;
        margin-right: 10px;
    }

    .whyattend0 .accordion-flush .accordion-body {
        padding: 10px 20px;
    }

    .innerwrapbaner,
    .inerbannerText,
    .inerbannerText:before {
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
    }

    .accessPointWrap:before {
        top: 0;
    }

    .exhibitmeetWrap figure {
        height: 300px;
    }

    .exhibitmeetWrap .healthIntrosec01 figure {
        border: none;
        margin-bottom: 20px;
    }

    .col4box-item h4 {
        font-size: 16px;
        line-height: 18px;
    }

    .col4box-item ul.listStyle li {
        display: block;
        margin-left: 5px;
        font-size: 14px;
        line-height: 16px;
    }

    .col4box-item ul.listStyle li:before {
        font-size: 11px;
    }

    .exhibitwhatuget h2 {
        padding-top: 20px;
        padding-bottom: 10px;
        font-size: 18px;
    }

    .col3feat .agendaInnerWrap p {
        font-size: 14px;
        line-height: 18px;
    }

    .aboutintro .healthIntrosec01 p {
        color: #fff;
        padding-bottom: 10px;
    }

    .col3feat .agendinfowhite h5 {
        font-size: 18px;
        line-height: 20px;
        padding: 10px 0px;
    }

    .col3feat .agendinfowhite p {
        font-size: 14px;
        line-height: 18px;
        letter-spacing: -0.9px;
    }

}


/* end */