@media screen and (max-width: 1230px) {

    .cul-btn>a:first-child button {
        margin-bottom: 10px;
    }
@media screen and (max-width: 1144px) {
    .upcoming-box2{
        height: 100%;
    }
    /* common css  */

    .container {
        padding-right: 15px;
        padding-left: 15px;
    }

    .rsp-xl-m-0 {
        margin: 0;
    }

    .rsp-xl-mt-0 {
        margin-top: 0;
    }

    .rsp-xl-p-0 {
        padding: 0;
    }

    .wh-xl-init {
        white-space: initial;
    }

    .rsp-xl-ht-auto {
        height: auto;
    }

    .rsp-xl-w-100 {
        width: 100%;
    }

    /* HEADER PART CSS */

    /* HOME PAGE CSS */
    .cul-btn button {
        font-size: 12px;
        letter-spacing: 0;
        width: auto;
    }

    /* INNER PAGES COMMON CSS */
    .inner-yel-bg {
        display: none;
    }
}

@media only screen and (max-width: 1023px) {
    /* common css  */

    .rsp-lg-m-0 {
        margin: 0;
    }

    .rsp-lg-mr-0 {
        margin-right: 0;
    }

    .rsp-lg-ml-0 {
        margin-left: 0;
    }

    .rsp-lg-mb-0 {
        margin-bottom: 0;
    }

    .rsp-lg-mt-10p {
        margin-top: 10px;
    }

    .rsp-lg-mt-15p {
        margin-top: 15px;
    }

    .rsp-lg-mt-20p {
        margin-top: 20px;
    }

    .rsp-lg-mt-25p {
        margin-top: 25px;
    }

    .rsp-lg-mtb-20p {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .rsp-lg-mlr-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .rsp-lg-mb-20p {
        margin-bottom: 20px;
    }

    .rsp-lg-mb-25p {
        margin-bottom: 25px;
    }

    .rsp-lg-p-0 {
        padding: 0;
    }

    .rsp-lg-p-15p {
        padding: 15px;
    }

    .rsp-lg-pl-15p {
        padding-left: 15px;
    }

    .rsp-lg-pr-15p {
        padding-right: 15px;
    }

    .rsp-lg-pb-25p {
        padding-bottom: 25px;
    }

    .rsp-lg-ptb-25p {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .wh-lg-init {
        white-space: initial;
    }

    .rsp-lg-dis-block {
        display: block !important;
    }

    .rsp-lg-dis-inlineblock {
        display: inline-block !important;
    }

    .rsp-lg-txt-center {
        text-align: center !important;
    }

    .rsp-lg-flex-dir {
        flex-direction: column-reverse;
    }

    .rsp-m-justify-init {
        justify-content: initial;
    }

    .rsp-lg-ht-auto {
        height: auto;
    }

    .rsp-lg-width-auto {
        width: auto !important;
    }

    .rsp-lg-width-100 {
        width: 100% !important;
    }

    /* common titles css  */
    .common-section {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .section_title,
    .welcome-title {
        font-size: 24px;
    }
    .section_title2 {
        font-size: 30px;
    }

    /* HEADER PART CSS */

    /* HOME PAGE CSS */
    .banner-sec {
        margin-bottom: 0;
    }

    /* FOOTER CSS */
}

@media(max-width: 992px) {
    .ul-3{
        column-count: 2;
    }
    .cul-btn button{
        width: 100% !important;
    }
    .welcome-sec{
        padding-top: 40px !important;
    }
    .header-bottom-blk {
        display: none;
    }
    .mobilele-logo.d-block{
        display: block !important;
    }
    .mobilele-logo{
        background: #870000;
        z-index: 1;
        position: relative;
    }
    .mobilele-logo img{
        height: 130px;
        object-fit: contain;
    }
}
    @media(max-width: 992px) {
    .nav-toggle {
        top: 20px;
        z-index: 800;
        width: 40px;
        height: 28px;
        background-color: #ffbf00;
        /* margin-top: -104px; */
        right: -0px;
        position: fixed;
        border: 0px;
        padding: 6px 0px 6px 10px;
        border-bottom-left-radius: 15px;
        border-top-left-radius: 15px;
    }
    .navigation-portrait {
        height: 0;
    }

    .keep-blk {
        padding: 3px 10px;
    }
    /* HEADER CSS */

    .header-top-blk,
    .header-bottom-blk {
        display: none;
    }
    .nav-brand {
        display: block;
    }
    .navigation {
        border-radius: 0;
        padding: 0;
        margin-bottom: 0;
    }
    .submenu-indicator {
        display: block;
    }
    /* HOME PAGE CSS */
    .team-sq-sec {
        background: none;
        background-color: #414141;
    }

    .upcoming-blk {
        grid-template-columns: repeat(1, 1fr);
    }
    .upcoming__icon img,
    .upcoming__icon2 img {
        width: 100%;
        height: 325px;
        object-fit: cover;
    }
    .upcoming__content,
    .upcoming__content2 {
        padding: 15px 15px 35px 15px;
    }
    .upcoming__content h4,
    .upcoming__content2 h4 {
        font-size: 20px;
    }
    .join-banner {
        background-size: cover;
        padding: 25px 0px;
    }

    .section_title2 {
        font-size: 25px;
    }
    .thoranam {
        display: none;
    }

    /* HEADER CSS */

    .mob-logo {
        height: 45px;
    }
    .nav-menu {
        margin: 0;
        padding: 0;
        list-style: none;
        line-height: normal;
        font-size: 0;
        display: block;
    }

    /* HOME PAGE CSS */
    .wed-content {
        padding: 15px;
    }
    .c-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
    }
    .f-grid{
        grid-template-columns: repeat(2,1fr);
      }
}


@media screen and (max-width: 767px) {
    .ul-2 {
        columns: 1 !important;
        margin-top: 8px;
    }
    .ul-3{
        column-count: 1;
    }
    iframe{
        width: 100% !important;
    }
    .bor-img-padding2 {
        padding: 25px 15px;
        background-color: #fff;
    }
    .c-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
    }
    .inner-bg {
        padding: 0px;
    }
    .inner-border2 {
        padding: 10px;
        padding-bottom: 25px;
    }
    p.inner-head-2 {
        padding-bottom: 0;
        margin-bottom: 0px !important
    }
    .innerbanner h3 {
        width: 100%;
        text-align: center;
        left: auto;
        font-size: 25px;
    }
    .p25 {
        padding: 15px;
    }

    /* common css  */

    .rsp-m-0 {
        margin: 0;
    }
    .rsp-m-5p {
        margin: 5px;
    }

    .rsp-mt-10p {
        margin-top: 10px;
    }

    .rsp-mt-15p {
        margin-top: 15px;
    }

    .rsp-mt-20p {
        margin-top: 20px !important;
    }

    .rsp-mt-25p {
        margin-top: 25px;
    }

    .rsp-mtb-20p {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .rsp-mtb-25p {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .rsp-mtb-40p {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .rsp-mt-0 {
        margin-top: 0px;
    }

    .rsp-mb-0 {
        margin-bottom: 0px;
    }

    .rsp-mr-0 {
        margin-right: 0px;
    }

    .rsp-ml-0 {
        margin-left: 0px;
    }

    .rsp-mb-20p {
        margin-bottom: 20px;
    }

    .rsp-mb-25p {
        margin-bottom: 25px;
    }

    .rsp-mb-40p {
        margin-bottom: 40px;
    }

    .rsp-p-0 {
        padding: 0;
    }
    .rsp-pr-15p {
        padding-right: 15px;
    }
    .rsp-pl-15p {
        padding-left: 15px;
    }

    .rsp-pr-0p {
        padding-right: 0px;
    }
    .rsp-pl-0p {
        padding-left: 0px;
    }

    .rsp-p-15p {
        padding: 15px;
    }

    .rsp-pt-10p {
        padding-top: 10px;
    }

    .rsp-pt-20p {
        padding-top: 20px;
    }

    .rsp-ptb-15p {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .rsp-ptb-20p {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .rsp-ptb-25p {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .rsp-ptb-30p {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .rsp-pt-0 {
        padding-top: 0;
    }

    .rsp-pb-0 {
        padding-bottom: 0;
    }

    .rsp-pl-0 {
        padding-left: 0;
    }

    .rsp-pr-0 {
        padding-right: 0;
    }

    .rsp-pb-20p {
        padding-bottom: 20px;
    }
    .rsp-pb-25p {
        padding-bottom: 25px;
    }
    .rsp-pb-30p {
        padding-bottom: 30px;
    }
    .rsp-pb-40p {
        padding-bottom: 40px;
    }

    .rsp-w-100 {
        width: 100% !important;
    }

    .rsp-ht-auto {
        height: auto;
    }

    .rsp-min-ht-auto {
        min-height: auto;
    }

    .wh-md-init {
        white-space: initial;
    }

    .rsp-md-flex-dir {
        flex-direction: column-reverse;
    }

    .rsp-m-txt-center {
        text-align: center !important;
    }

    .rsp-m-txt-initial {
        text-align: initial !important;
    }

    .rsp-m-dis-block {
        display: block !important;
    }

    .rsp-m-justify-space {
        justify-content: space-between;
    }

    .rsp-m-justify-center {
        justify-content: center;
    }

    .rsp-m-justify-initial {
        justify-content: initial;
    }

    /* HOME PAGE CSS */

    /* banner css */

    .banner-br {
        background-size: cover;
        padding: 15px 0px 30px 0px;
        text-align: center;
        background-position: left center;
        min-height: auto;
    }
    .banner-content {
        padding: 10px;
        padding-left: 20px;
    }
    .carousel-indicators li {
        display: none;
    }
    .tax-box h3 {
        font-size: 20px;
    }
    .team-box {
        margin-top: 15px;
    }
    .trending_block {
        grid-template-columns: repeat(2, 1fr);
    }

    /* FOOTER CSS */
    .footer-sec {
        padding-top: 0;
        padding-bottom: 15px;
    }
    .footer-box {
        border-right: 0;
    }
    .f1box {
        margin-right: 0px;
    }
    .f2box {
        margin-left: 0px;
    }

    /* INNER PAGES COMMON CSS */
    .inner-main-bg {
        padding-bottom: 20px;
    }
    .inner-title1 {
        font-size: 20px;
        line-height: 24px;
        padding: 10px 0px;
    }
}
@media screen and (max-width: 576px) {
    .f-grid{
        display: grid;
        grid-template-columns: repeat(1,1fr);
      }
    .c-grid img {
        object-fit: contain;
        background: #0000001a;
    }
    .c-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
    }
    .ul-2{
        columns: 1  ;
    }
    .pdf-sec li a, .links-sec li a {
        position: relative;
        line-height: 20px;
        display: inline-block;
        padding-right: 2px;
        margin-bottom: 10px;
    }
    /* a{
        word-break: break-all;
    } */

    .keep-blk {
        width: 100%;
    }
    .keep-blk .rsp-m-justify-initial {
        justify-content: space-between;
    }
    .footer-menu ul {
        display: block;
        columns: 2;
        height: auto;
    }

    /* common css  */

    .mobil-t-p20 {
        padding-top: 20px;
    }

    .rsp-sm-dis-block {
        display: block !important;
    }

    .wh-sm-init {
        white-space: initial;
    }

    .rsp-sm-mt-0 {
        margin-top: 0px;
    }

    .rsp-sm-mt-10p {
        margin-top: 10px;
    }

    .rsp-sm-mt-15p {
        margin-top: 15px;
    }

    .rsp-sm-mt-30p {
        margin-top: 30px;
    }

    .rsp-sm-mr-0 {
        margin-right: 0;
    }

    .rsp-sm-mr-15p {
        margin-right: 15px;
    }

    .rsp-sm-mr-20p {
        margin-right: 20px;
    }

    .rsp-sm-mb-10p {
        margin-bottom: 10px;
    }

    .rsp-sm-mb-15p {
        margin-bottom: 15px;
    }

    .rsp-sm-font20 {
        font-size: 20px;
    }

    .rsp-sm-font23 {
        font-size: 23px;
    }

    .rsp-sm-w-100 {
        width: 100% !important;
    }

    .rsp-sm-txt-center {
        text-align: center !important;
    }

    .rsp-sm-txt-init {
        text-align: initial !important;
    }

    /* HOME PAGE CSS */

    .trending_block {
        grid-template-columns: repeat(1, 1fr) !important;
    }
    .team-c-n {
        margin-bottom: 10px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1144px) {
    .thoranam{display: none;}
    .cul-btn button {
        font-size: 12px;
        width: 100%;
    }
    .cul-btn>a:first-child button {
        margin-bottom: 10px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {

    /* common css  */

    .rsp-ipad-dis-block {
        display: block !important;
    }

    .rsp-ipad-justify-center {
        justify-content: center;
    }

    .rsp-ipad-text-center {
        text-align: center;
    }

    .rsp-ipad-width-auto {
        width: auto !important;
    }

    .rsp-ipad-width-100 {
        width: 100% !important;
    }
    .rsp-ipad-height-100 {
        height: 100% !important;
    }

    .rsp-ipad-mt-30p {
        margin-top: 30px;
    }

    .rsp-ipad-pl-15p {
        padding-left: 15px;
    }
    .rsp-ipad-pr-15p {
        padding-right: 15px;
    }

    /* HOME PAGE CSS */
    .banner-content {
        padding-left: 20px;
    }
    .team-c {
        margin: 0;
        margin-bottom: 10px;
    }
    .trending_block {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (min-width: 1024px) and (max-width: 1144px) {
    .rsp-ipadpro-dis-block {
        display: block !important;
    }

    .rsp-ipadpro-text-center {
        text-align: center;
    }

    .rsp-ipadpro-width-100 {
        width: 100% !important;
    }
    .rsp-ipadpro-height-100 {
        height: 100% !important;
    }

    .rsp-ipad-mt-30p {
        margin-top: 30px;
    }

    .rsp-ipadpro-pl-15p {
        padding-left: 15px;
    }
    .rsp-ipadpro-pr-15p {
        padding-right: 15px;
    }

    .rsp-ipadpro-mt-30p {
        margin-top: 30px;
    }

    .rsp-ipadpro-font12 {
        font-size: 12px;
    }
    .rsp-ipadpro-font14 {
        font-size: 14px;
    }
    .rsp-ipadpro-font16 {
        font-size: 16px;
    }

    /* HEADER CSS */

    .header-top-li li,
    .header-top-li li:nth-child(2) {
        margin-left: 5px;
    }
    .desk-logo {
        margin-left: -15px;
        width: 100%;
    }
    .nav-menu > li > a {
        font-size: 13px;
        padding: 12px 14.5px !important;
    }

    /* HOME PAGE CSS */
}

@media screen and (min-width: 992px) and (max-width: 1144px) {
    /* common css  */

    .rsp-ipadpro-dis-block {
        display: block !important;
    }

    /* HEADER CSS */
    .nav-menu > li > a {
        padding: 12px 12px;
        font-size: 13px;
    }

    /* HOME PAGE CSS */

    /* FOOTER CSS */
}

/* ctrl + */

@media screen and (min-width: 1120px) and (max-width: 1230px) {
    .nav-menu > li > a {
        padding: 12px 17.5px;
    }
}


@media screen and (max-width:576px){
    .dataTables_wrapper.no-footer {
      overflow: auto;
    }
    }