@media only screen and (max-width: 319px) {
    .header-top-left p {
        display: block !important;
        text-align: center !important;
        font-size: 14px;
        font-weight: normal;
        line-height: normal;
        letter-spacing: normal;
        text-transform: inherit;
    }

    .ptb-10 {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .socil-icon {
        margin-right: auto !important;
        margin-bottom: 0;
        display: block !important;
    }

    .socil-icon li a {
        margin-right: 5px !important;
    }

    .container {
        width: 100% !important;
    }

    .logo a {
        display: block;
    }

    .logo a h2 {
        color: #F6D964;
        font-size: 20px;
        font-weight: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        text-transform: inherit;
        margin-bottom: 0;
    }

    .slicknav_menu .slicknav_icon {
        float: none !important;
        width: 25px !important;
        height: auto !important;
        margin: auto !important;
        font-size: 25px;
    }

    .responsive-menu-wrap .slicknav_menu, .logo {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .slider-content {
        position: static !important;
        transform: none !important;
        padding: 15px !important;
    }

    .brand-menu ul li,.brand-menu ul li a {
        /*width: 100% !important;*/
    }

    .slider-content li a, .slider-content ul li {
        width: 100% !important;
    }

    .slider-content li a {
        color: #333333;
        text-align: center;
        line-height: normal;
        text-transform: uppercase;
        letter-spacing: normal;
        font-size: 15px !important;
        font-weight: 700;
        padding: 16px 10px !important;
        border: 2px solid rgb(44, 39, 39);
    }

    .brand-menu ul li a {
        height: auto !important;
        /*width: 100% !important;*/
        text-align: center !important;
        line-height: normal !important;
        text-transform: uppercase !important;
        font-size: 15px !important;
        padding: 16px 10px;
    }

    .cmp-hdr-txt h1, .cmp-hdr-txt h2 {
        color: #333333;
        font-size: 26px;
        font-weight: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        text-transform: inherit;
    }

    .slider-content ul li:first-child {
        margin-bottom: 15px !important;
    }

    .slider-content ul li {
        margin: auto !important;
    }

    .ptb-30 {
        padding-top: 10px !important;
        padding-bottom: 20px !important;
    }

    .mb-50 {
        margin-bottom: 20px !important;
    }

    .mb-30 {
        margin-bottom: 0 !important;
    }

    .brand-img {
        height: auto !important;
        border: 2px solid #000 !important;
        text-align: center;
        padding: 15px 10px !important;
        font-size: 22px !important;
        font-weight: 700 !important;
        background: #000 !important;
        color: #fff;
    }

    a.connect-btn {
        width: 100%;
        text-align: center;
        margin-top: 10px !important;
    }

    .ptb-120 {
        padding-top: 30px !important;
        padding-bottom: 15px !important;
    }

    .funfact-wrap {
        padding: 20px 15px !important;
    }

    .section-heading, .section-heading span {
        font-size: 26px !important;
    }

    .section-heading {
        color: #333333;
        font-size: 26px;
        font-weight: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        text-transform: uppercase;
    }

    .section-heading span {
        margin-top: 10px !important;
    }

    .wwwevent-wrap h3 {
        margin-bottom: 22px !important;
        margin-top: 22px !important;
        font-size: 23px;
        font-weight: 600;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        text-transform: inherit;
    }

    .wwwevent-wrap p {
        color: #333333;
        font-size: 15px;
        font-weight: 100;
        line-height: normal;
        letter-spacing: normal;
        text-align: justify;
        text-transform: inherit;
        margin-bottom: 15px !important;
    }

    .home2-wwwevent-area {
        margin-bottom: 15px !important;
        margin-top: 30px !important;
    }

    .dotate-style .owl-dots {
        bottom: -15px !important;
    }

    .dotate-style .owl-dot {
        height: 5px !important;
        width: 4px !important;
        margin: auto !important;
    }

    .speak-content p {
        color: #333333;
        font-size: 15px;
        font-weight: 100;
        line-height: normal;
        letter-spacing: normal;
        text-align: justify;
        text-transform: inherit;
    }

    .speak-content {
        padding: 25px 20px !important;
    }

    .speak-wrap {
        /*height: auto !important;*/
    }

    .speak-active .owl-item {
        padding-bottom: 0 !important;
    }

    .comment p {
        color: #333333;
        font-size: 15px;
        font-weight: 100;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        text-transform: inherit;
    }

    .ticket-area {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .section-heading h2 {
        font-weight: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        text-transform: inherit;
    }

    .section-title h2 {
        font-size: 26px;
        font-weight: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        text-transform: inherit;
    }

    .ticket-area button:hover {
        border: 1px solid #fff !important;
    }

    .submit_mail {
        width: 100% !important;
    }

    .copyright p {
        color: hsl(48, 89%, 68%);
        font-size: 11px;
        font-weight: 100;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        text-transform: inherit;
    }

    .footer-bottom {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    .owl-controls {
        display: none;
    }

    .slicknav_nav a {
        color: #000 !important;
    }
    img.teact-intro-img {
        /*height: auto !important;*/
    }
    div.swal2-popup.swal2-modal.swal2-show {
        width: 95% !important;
    }
    .swal2-title{
        font-size: 14px !important;
        line-height: normal;
    }
    .swal2-styled.swal2-confirm {
        font-size: 16px !important;
    }

    .swal2-styled {
        margin: auto !important;
        padding: 6px 13px !important;
        width: 45%;
    }
    .swal2-styled:focus{
        outline: none;
        box-shadow: none;
    }
    .modal1{
        width: 95%;
        margin-left: auto !important;
        margin-top: auto !important;
        padding: 15px !important;
        box-sizing: border-box;
        transform: translate(-50% , -50%) !important;
    }
    #info p {
        text-align: justify !important;
        font-size: 13px !important;
        font-weight: 400 !important;
        line-height: normal;
        color: #010101 !important;
    }
    #info h1 {
        font-size: 16px !important;
        color: #010101 !important;
        border-bottom: 1px solid grey;
        padding-bottom: 15px !important;
        line-height: normal;
        font-weight: 600 !important;
    }
    .close{
        opacity: 1 !important;
        font-size: 15px !important;
    }
    .ptb-99 {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }
    .mt-40 {
        margin-top: 25px !important;
    }
    #video-display-section iframe,.cmp-vid-sec-fra{
        width: 100% !important;
        height: auto !important;
    }
    .video-section-scroll.item{
        margin-right:0 !important;
    }
    .video-section-scroll.item img,.cmp-vid-sec-img{
        height: auto !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    .video-section-title {
        width: 100% !important;
        padding-top: 10px !important;
    }
}

/*end of 319 resolution screen*/

@media only screen and (min-width: 320px) and (max-width: 575px) {
    .header-top-left p {
        display: block !important;
        text-align: center !important;
        font-size: 14px;
        font-weight: normal;
        line-height: normal;
        letter-spacing: normal;
        text-transform: inherit;
    }

    .ptb-10 {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .socil-icon {
        margin-right: auto !important;
        margin-bottom: 0;
        display: block !important;
    }

    .socil-icon li a {
        margin-right: 5px !important;
    }

    .container {
        width: 100% !important;
    }

    .logo a {
        display: block;
    }

    .logo a h2 {
        color: #F6D964;
        font-size: 20px;
        font-weight: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        text-transform: inherit;
        margin-bottom: 0;
    }

    .slicknav_menu .slicknav_icon {
        float: none !important;
        width: 25px !important;
        height: auto !important;
        margin: auto !important;
        font-size: 25px;
    }

    .responsive-menu-wrap .slicknav_menu, .logo {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .slider-content {
        position: static !important;
        transform: none !important;
        padding: 15px !important;
    }

    .brand-menu ul li,.brand-menu ul li a {
        /*width: 100% !important;*/
    }

    .slider-content li a, .slider-content ul li {
        width: 100% !important;
    }

    .slider-content li a {
        color: #333333;
        text-align: center;
        line-height: normal;
        text-transform: uppercase;
        letter-spacing: normal;
        font-size: 15px !important;
        font-weight: 700;
        padding: 16px 10px !important;
        border: 2px solid rgb(44, 39, 39);
    }

    .brand-menu ul li a {
        height: auto !important;
        /*width: 100% !important;*/
        text-align: center !important;
        line-height: normal !important;
        text-transform: uppercase !important;
        font-size: 15px !important;
        padding: 16px 10px;
    }

    .cmp-hdr-txt h1, .cmp-hdr-txt h2 {
        color: #333333;
        font-size: 26px;
        font-weight: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        text-transform: inherit;
    }

    .slider-content ul li:first-child {
        margin-bottom: 15px !important;
    }

    .slider-content ul li {
        margin: auto !important;
    }

    .ptb-30 {
        padding-top: 10px !important;
        padding-bottom: 20px !important;
    }

    .mb-50 {
        margin-bottom: 20px !important;
    }

    .mb-30 {
        margin-bottom: 0 !important;
    }

    .brand-img {
        height: auto !important;
        border: 2px solid #000 !important;
        text-align: center;
        padding: 15px 10px !important;
        font-size: 22px !important;
        font-weight: 700 !important;
        background: #000 !important;
        color: #fff;
    }

    a.connect-btn {
        width: 100%;
        text-align: center;
        margin-top: 10px !important;
    }

    .ptb-120 {
        padding-top: 30px !important;
        padding-bottom: 15px !important;
    }

    .funfact-wrap {
        padding: 20px 15px !important;
    }

    .section-heading, .section-heading span {
        font-size: 26px !important;
    }

    .section-heading {
        color: #333333;
        font-size: 26px;
        font-weight: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        text-transform: uppercase;
    }

    .section-heading span {
        margin-top: 10px !important;
    }

    .wwwevent-wrap h3 {
        margin-bottom: 22px !important;
        margin-top: 22px !important;
        font-size: 23px;
        font-weight: 600;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        text-transform: inherit;
    }

    .wwwevent-wrap p {
        color: #333333;
        font-size: 15px;
        font-weight: 100;
        line-height: normal;
        letter-spacing: normal;
        text-align: justify;
        text-transform: inherit;
        margin-bottom: 15px !important;
    }

    .home2-wwwevent-area {
        margin-bottom: 15px !important;
        margin-top: 30px !important;
    }

    .dotate-style .owl-dots {
        bottom: -15px !important;
    }

    .dotate-style .owl-dot {
        height: 5px !important;
        width: 4px !important;
        margin: auto !important;
    }

    .speak-content p {
        color: #333333;
        font-size: 15px;
        font-weight: 100;
        line-height: normal;
        letter-spacing: normal;
        text-align: justify;
        text-transform: inherit;
    }

    .speak-content {
        padding: 25px 20px !important;
    }

    .speak-wrap {
        /*height: auto !important;*/
    }

    .speak-active .owl-item {
        padding-bottom: 0 !important;
    }

    .comment p {
        color: #333333;
        font-size: 15px;
        font-weight: 100;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        text-transform: inherit;
    }

    .ticket-area {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .section-heading h2 {
        font-weight: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        text-transform: inherit;
    }

    .section-title h2 {
        font-size: 26px;
        font-weight: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        text-transform: inherit;
    }

    .ticket-area button:hover {
        border: 1px solid #fff !important;
    }

    .submit_mail {
        width: 100% !important;
    }

    .copyright p {
        color: hsl(48, 89%, 68%);
        font-size: 11px;
        font-weight: 100;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        text-transform: inherit;
    }

    .footer-bottom {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    .owl-controls {
        display: none;
    }

    .slicknav_nav a {
        color: #000 !important;
    }
    img.teact-intro-img {
        /*height: auto !important;*/
    }
    div.swal2-popup.swal2-modal.swal2-show {
        width: 95% !important;
    }
    .swal2-title{
        font-size: 14px !important;
        line-height: normal;
    }
    .swal2-styled.swal2-confirm {
        font-size: 16px !important;
    }

     .swal2-styled {
         margin: auto !important;
         padding: 6px 13px !important;
         width: 45%;
     }
    .swal2-styled:focus{
        outline: none;
        box-shadow: none;
    }
    .modal1{
        width: 95%;
         margin-left: auto !important;
         margin-top: auto !important;
        padding: 15px !important;
         box-sizing: border-box;
        transform: translate(-50% , -50%) !important;
    }
    #info p {
        text-align: justify !important;
        font-size: 13px !important;
        font-weight: 400 !important;
        line-height: normal;
        color: #010101 !important;
    }
    #info h1 {
        font-size: 16px !important;
        color: #010101 !important;
        border-bottom: 1px solid grey;
        padding-bottom: 15px !important;
        line-height: normal;
        font-weight: 600 !important;
    }
    .close{
        opacity: 1 !important;
        font-size: 15px !important;
    }
    .ptb-99 {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }
    .mt-40 {
        margin-top: 25px !important;
    }
    #video-display-section iframe,.cmp-vid-sec-fra{
        width: 100% !important;
        height: auto !important;
    }
    .video-section-scroll.item{
        margin-right:0 !important;
    }
    .video-section-scroll.item img,.cmp-vid-sec-img{
        height: auto !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    .video-section-title {
        width: 100% !important;
        padding-top: 10px !important;
    }
}


/*end of 320 X 575 resolution screen*/

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .header-top-left p {
        display: block !important;
        text-align: center !important;
        font-size: 14px;
        font-weight: normal;
        line-height: normal;
        letter-spacing: normal;
        text-transform: inherit;
    }

    .ptb-10 {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .socil-icon {
        margin-right: auto !important;
        margin-bottom: 0;
        display: block !important;
    }

    .socil-icon li a {
        margin-right: 5px !important;
    }

    .container {
        width: 100% !important;
    }

    .logo a {
        display: block;
    }

    .logo a h2 {
        color: #F6D964;
        font-size: 20px;
        font-weight: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        text-transform: inherit;
        margin-bottom: 0;
    }

    .slicknav_menu .slicknav_icon {
        float: none !important;
        width: 25px !important;
        height: auto !important;
        margin: auto !important;
        font-size: 25px;
    }

    .responsive-menu-wrap .slicknav_menu, .logo {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .slider-content {
        position: static !important;
        transform: none !important;
        padding: 15px !important;
    }

    .brand-menu ul li,.brand-menu ul li a {
        /*width: 100% !important;*/
    }

    .slider-content li a, .slider-content ul li {
        width: 100% !important;
    }

    .slider-content li a {
        color: #333333;
        text-align: center;
        line-height: normal;
        text-transform: uppercase;
        letter-spacing: normal;
        font-size: 15px !important;
        font-weight: 700;
        padding: 16px 10px !important;
        border: 2px solid rgb(44, 39, 39);
    }

    .brand-menu ul li a {
        height: auto !important;
        /*width: 100% !important;*/
        text-align: center !important;
        line-height: normal !important;
        text-transform: uppercase !important;
        font-size: 15px !important;
        padding: 16px 10px;
    }

    .cmp-hdr-txt h1, .cmp-hdr-txt h2 {
        color: #333333;
        font-size: 26px;
        font-weight: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        text-transform: inherit;
    }

    .slider-content ul li:first-child {
        margin-bottom: 15px !important;
    }

    .slider-content ul li {
        margin: auto !important;
    }

    .ptb-30 {
        padding-top: 10px !important;
        padding-bottom: 20px !important;
    }

    .mb-50 {
        margin-bottom: 20px !important;
    }

    .mb-30 {
        margin-bottom: 0 !important;
    }

    .brand-img {
        height: auto !important;
        border: 2px solid #000 !important;
        text-align: center;
        padding: 15px 10px !important;
        font-size: 22px !important;
        font-weight: 700 !important;
        background: #000 !important;
        color: #fff;
    }

    a.connect-btn {
        width: 100%;
        text-align: center;
        margin-top: 10px !important;
    }

    .ptb-120 {
        padding-top: 30px !important;
        padding-bottom: 15px !important;
    }

    .funfact-wrap {
        padding: 20px 15px !important;
    }

    .section-heading, .section-heading span {
        font-size: 26px !important;
    }

    .section-heading {
        color: #333333;
        font-size: 26px;
        font-weight: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        text-transform: uppercase;
    }

    .section-heading span {
        margin-top: 10px !important;
    }

    .wwwevent-wrap h3 {
        margin-bottom: 22px !important;
        margin-top: 22px !important;
        font-size: 23px;
        font-weight: 600;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        text-transform: inherit;
    }

    .wwwevent-wrap p {
        color: #333333;
        font-size: 15px;
        font-weight: 100;
        line-height: normal;
        letter-spacing: normal;
        text-align: justify;
        text-transform: inherit;
        margin-bottom: 15px !important;
    }

    .home2-wwwevent-area {
        margin-bottom: 15px !important;
        margin-top: 30px !important;
    }

    .dotate-style .owl-dots {
        bottom: -15px !important;
    }

    .dotate-style .owl-dot {
        height: 5px !important;
        width: 4px !important;
        margin: auto !important;
    }

    .speak-content p {
        color: #333333;
        font-size: 15px;
        font-weight: 100;
        line-height: normal;
        letter-spacing: normal;
        text-align: justify;
        text-transform: inherit;
    }

    .speak-content {
        padding: 25px 20px !important;
    }

    .speak-wrap {
        /*height: auto !important;*/
    }

    .speak-active .owl-item {
        padding-bottom: 0 !important;
    }

    .comment p {
        color: #333333;
        font-size: 15px;
        font-weight: 100;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        text-transform: inherit;
    }

    .ticket-area {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .section-heading h2 {
        font-weight: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        text-transform: inherit;
    }

    .section-title h2 {
        font-size: 26px;
        font-weight: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        text-transform: inherit;
    }

    .ticket-area button:hover {
        border: 1px solid #fff !important;
    }

    .submit_mail {
        width: 100% !important;
    }

    .copyright p {
        color: hsl(48, 89%, 68%);
        font-size: 11px;
        font-weight: 100;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        text-transform: inherit;
    }

    .footer-bottom {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    .owl-controls {
        display: none;
    }

    .slicknav_nav a {
        color: #000 !important;
    }
    img.teact-intro-img {
        /*height: auto !important;*/
    }
    div.swal2-popup.swal2-modal.swal2-show {
        width: 95% !important;
    }
    .swal2-title{
        font-size: 14px !important;
        line-height: normal;
    }
    .swal2-styled.swal2-confirm {
        font-size: 16px !important;
    }

    .swal2-styled {
        margin: auto !important;
        padding: 6px 13px !important;
        width: 45%;
    }
    .swal2-styled:focus{
        outline: none;
        box-shadow: none;
    }
    .modal1{
        width: 95%;
        margin-left: auto !important;
        margin-top: auto !important;
        padding: 15px !important;
        box-sizing: border-box;
        transform: translate(-50% , -50%) !important;
    }
    #info p {
        text-align: justify !important;
        font-size: 13px !important;
        font-weight: 400 !important;
        line-height: normal;
        color: #010101 !important;
    }
    #info h1 {
        font-size: 16px !important;
        color: #010101 !important;
        border-bottom: 1px solid grey;
        padding-bottom: 15px !important;
        line-height: normal;
        font-weight: 600 !important;
    }
    .close{
        opacity: 1 !important;
        font-size: 15px !important;
    }
    .ptb-99 {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }
    .mt-40 {
        margin-top: 25px !important;
    }
    #video-display-section iframe,.cmp-vid-sec-fra{
        width: 100% !important;
        height: auto !important;
    }
    .video-section-scroll.item{
        margin-right:0 !important;
    }
    .video-section-scroll.item img,.cmp-vid-sec-img{
        height: auto !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    .video-section-title {
        width: 100% !important;
        padding-top: 10px !important;
    }

}

/*end of 576 X 767 resolution screen*/

@media only screen and (max-width: 319px) {
    .ptb-99 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .iframe-youtube {
        height: auto !important;
    }
    .cmp-abt-tit{
        color: #333333;
        font-size: 26px;
        font-weight: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        text-transform: inherit;
        margin-bottom: 15px !important;
    }
    .about-section-ul li {
        width: 50% !important;
    }
    .cmp-tab-lis li a{
        color: #555555 !important;
        font-size: 14px;
        font-weight: 600;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        text-transform: inherit;
    }
    .nav > li > a{
        padding-right: 5px !important;
        padding-left: 5px !important;
        height: 56px;
    }

    .about-h1-tag{
        color: #555555 !important;
        font-size: 18px;
        font-weight: 400;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        text-transform: inherit;
    }
    .about-p-tag{
        color: #333333;
        font-size: 15px;
        font-weight: 100;
        line-height: normal;
        letter-spacing: normal;
        text-align: justify;
        text-transform: inherit;
        padding-top: 12px;
    }

    .bcm-a-mem {
        height: auto !important;
        width: 100% !important;
        padding: 15px 10px !important;
        margin: 15px auto;
        font-size: 14px;
        font-weight: 600;
        line-height: normal;
        letter-spacing: normal;
    }
    .social-media-icons {
        height: auto !important;
        width: 100% !important;
    }
    .icons-div{
        margin: auto !important;
        border-radius: 0 !important;
    }

    .socil-icon li a {
        width: 25px !important;
        height: auto !important;
    }

    .cmp-bot-soc-lnk{
        width:100% !important;
    }

    .cmp-bot-soc-lnk ul li a i{
        font-size: 14px;
        padding: 5px;
    }
    .icons-div a{
        margin-top: 0 !important;
    }
}

/*end of 319 resolution screen*/

@media only screen and (min-width: 320px) and (max-width: 575px) {
    .ptb-99 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .iframe-youtube {
        height: auto !important;
    }
    .cmp-abt-tit{
        color: #333333;
        font-size: 26px;
        font-weight: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        text-transform: inherit;
        margin-bottom: 15px !important;
    }
    .about-section-ul li {
        width: 50% !important;
    }
    .cmp-tab-lis li a{
        color: #555555 !important;
        font-size: 14px;
        font-weight: 600;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        text-transform: inherit;
    }
    .nav > li > a{
        padding-right: 5px !important;
        padding-left: 5px !important;
        height: 56px;
    }

    .about-h1-tag{
        color: #555555 !important;
        font-size: 18px;
        font-weight: 400;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        text-transform: inherit;
    }
    .about-p-tag{
        color: #333333;
        font-size: 15px;
        font-weight: 100;
        line-height: normal;
        letter-spacing: normal;
        text-align: justify;
        text-transform: inherit;
        padding-top: 12px;
    }

    .bcm-a-mem {
        height: auto !important;
        width: 100% !important;
        padding: 15px 10px !important;
        margin: 15px auto;
        font-size: 14px;
        font-weight: 600;
        line-height: normal;
        letter-spacing: normal;
    }
    .social-media-icons {
        height: auto !important;
        width: 100% !important;
    }
    .icons-div{
        margin: auto !important;
        border-radius: 0 !important;
    }

    .socil-icon li a {
        width: 25px !important;
        height: auto !important;
    }

    .cmp-bot-soc-lnk{
        width:100% !important;
    }

    .cmp-bot-soc-lnk ul li a i{
        font-size: 14px;
        padding: 5px;
    }
    .icons-div a{
        margin-top: 0 !important;
    }

}

/*end of 320 X 575 resolution screen*/

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .ptb-99 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .iframe-youtube {
        height: 330px !important;
    }
    .cmp-abt-tit{
        color: #333333;
        font-size: 26px;
        font-weight: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        text-transform: inherit;
        margin-bottom: 15px !important;
    }
    .about-section-ul li {
        width: 50% !important;
    }
    .cmp-tab-lis li a{
        color: #555555 !important;
        font-size: 14px;
        font-weight: 600;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        text-transform: inherit;
    }
    .nav > li > a{
        padding-right: 5px !important;
        padding-left: 5px !important;
        height: 56px;
    }

    .about-h1-tag{
        color: #555555 !important;
        font-size: 18px;
        font-weight: 400;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        text-transform: inherit;
    }
    .about-p-tag{
        color: #333333;
        font-size: 15px;
        font-weight: 100;
        line-height: normal;
        letter-spacing: normal;
        text-align: justify;
        text-transform: inherit;
        padding-top: 12px;
    }

    .bcm-a-mem {
        height: auto !important;
        width: 100% !important;
        padding: 15px 10px !important;
        margin: 15px auto;
        font-size: 14px;
        font-weight: 600;
        line-height: normal;
        letter-spacing: normal;
    }
    .social-media-icons {
        height: auto !important;
        width: 100% !important;
    }
    .icons-div{
        margin: auto !important;
        border-radius: 0 !important;
    }

    .socil-icon li a {
        width: 25px !important;
        height: auto !important;
    }

    .cmp-bot-soc-lnk{
        width:100% !important;
    }

    .cmp-bot-soc-lnk ul li a i{
        font-size: 14px;
        padding: 5px;
    }
    .icons-div a{
        margin-top: 0 !important;
    }
}

/*end of 576 X 767 resolution screen*/

@media only screen and (max-width: 319px) {
    #instructor-filter {
        margin-top: 0 !important;
        padding: 20px !important;
    }
    .topic-btn {
        padding: 15px 15px !important;
        margin: 10px auto 0 !important;
        line-height: normal;
        letter-spacing: normal;
    }
    .topic-btn,.topic-btn::before {
        width: 100%;
    }
    .readmore {
        position: static !important;
        /*float: right;*/
        width: 100%;
    }
    .instructor-name,.instructor-category,.instructor-desc{
        color: #010101 !important;
    }
    .instructor-desc{
        margin: 14px auto !important;
    }
    .ins-panel-footer {
        background: #f6d964 !important;
    }
    div.apply-btn {
        color: #000 !important;
    }
    .ins-panel-footer button{
        width: 100%;
    }
}

/*end of 319 resolution screen*/

@media only screen and (min-width: 320px) and (max-width: 575px) {
    #instructor-filter {
        margin-top: 0 !important;
        padding: 20px !important;
    }
    .topic-btn {
        padding: 15px 15px !important;
        margin: 10px auto 0 !important;
        line-height: normal;
        letter-spacing: normal;
    }
    .topic-btn,.topic-btn::before {
        width: 100%;
    }
    .readmore {
        position: static !important;
        /*float: right;*/
        width: 100%;
    }
    .instructor-name,.instructor-category,.instructor-desc{
        color: #010101 !important;
    }
    .instructor-desc{
        margin: 14px auto !important;
    }
    .ins-panel-footer {
        background: #f6d964 !important;
    }
    div.apply-btn {
        color: #000 !important;
    }
    .ins-panel-footer button{
        width: 100%;
    }
}

/*end of 320 X 575 resolution screen*/

@media only screen and (min-width: 576px) and (max-width: 767px) {
    #instructor-filter {
        margin-top: 0 !important;
        padding: 20px !important;
    }
    .topic-btn {
        padding: 15px 15px !important;
        margin: 10px auto 0 !important;
        line-height: normal;
        letter-spacing: normal;
    }
    .topic-btn,.topic-btn::before {
        width: 100%;
    }
    .readmore {
        position: static !important;
        /*float: right;*/
        width: 100%;
    }
    .instructor-name,.instructor-category,.instructor-desc{
        color: #010101 !important;
    }
    .instructor-desc{
        margin: 14px auto !important;
    }
    .ins-panel-footer {
        background: #f6d964 !important;
    }
    div.apply-btn {
        color: #000 !important;
    }
    .ins-panel-footer button{
        width: 100%;
    }
}

/*end of 576 X 767 resolution screen*/

@media only screen and (max-width: 319px) {
    .video-count-div {
        width: 100% !important;
        height: auto !important;
    }
    .video-count {
        padding: 15px !important;
    }
    .video-section {
        overflow-x: scroll !important;
        width: 100% !important;
    }
    .owl-carousel{
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;

        -webkit-justify-content: center;
        justify-content: center;

        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .video-section.owl-carousel.item img{
        height: auto !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    .video-section.owl-carousel.item {
        margin-right: 0 !important;
    }
}

/*end of 319 resolution screen*/
@media only screen and (min-width: 320px) and (max-width: 575px) {
    .video-count-div {
        width: 100% !important;
        height: auto !important;
    }
    .video-count {
        padding: 15px !important;
    }
    .video-section {
        overflow-x: scroll !important;
        width: 100% !important;
    }
    .owl-carousel{
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;

        -webkit-justify-content: center;
        justify-content: center;

        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .video-section.owl-carousel.item img{
        height: auto !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    .video-section.owl-carousel.item {
        margin-right: 0 !important;
    }

}

/*end of 320 X 575 resolution screen*/

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .video-count-div {
        width: 100% !important;
        height: auto !important;
    }
    .video-count {
        padding: 15px !important;
    }
    .video-section {
        overflow-x: scroll !important;
        width: 100% !important;
    }
    .owl-carousel{
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;

        -webkit-justify-content: center;
        justify-content: center;

        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .video-section.owl-carousel.item img{
        height: auto !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    .video-section.owl-carousel.item {
        margin-right: 0 !important;
    }
}

/*end of 576 X 767 resolution screen*/