@media (min-width: 1200px) {
    .oistxt-row {
        /* flex-wrap: nowrap; */
    }
    .oistxt-row {
        --oirow-gutter-x: 40px;
        margin-right: calc(var(--oirow-gutter-x)* -.5);
        margin-left: calc(var(--oirow-gutter-x)* -.5);
    }
    .oistxt-row > * {
        padding-right: calc(var(--oirow-gutter-x)* .5);
        padding-left: calc(var(--oirow-gutter-x)* .5);
        flex: 1;
    }


    footer .ftop .ftrow {
        flex-wrap: nowrap;
    }
    footer .ftop .ftrow {
        --ftrow-gutter-x: 50px;
        margin-right: calc(var(--ftrow-gutter-x)* -.5);
        margin-left: calc(var(--ftrow-gutter-x)* -.5);
    }
    footer .ftop .ftrow > * {
        padding-right: calc(var(--ftrow-gutter-x)* .5);
        padding-left: calc(var(--ftrow-gutter-x)* .5);
        flex: 1;
    }
    footer .ftop .ftrow .ftlogo-col {
        flex-grow: 0;
        flex-shrink: 0;
    }
    footer .ftop .ftblock.ftblogo {
        width: 200px;
    }
}

@media (max-width: 1399px) {}

@media (max-width: 1199px) {
    .hd-style-1 h3 {
        font-size: 48px;
    }
    .hd-style-2 h3 {
        font-size: 32px;
    }
    .hd-style-3 h3 {
        font-size: 28px;
    }


    header {
        gap: 25px;
    }
    header .headerlogo .nav-brand img {
        max-width: 165px;
    }

    .homebanner-slider .hombanner-item .hbcaption {
        width: 450px;
        padding: 100px 60px 20px 0px;
    }
    .homebanner-slider .hombanner-item .hbcaption h1 {
        font-size: 48px;
    }
    .homebanner-slider .hombanner-item .hbcaption .hbc-count {
        width: 92px;
        height: 92px;
    }
    .homebanner-slider .hombanner-item .hbcaption .hbc-count h5 {
        font-size: 32px;
    }
    .homebanner-slider .hombanner-item .hbnextslide {
        left: 450px;
        width: 300px;
        height: 150px;
    }


    .box-style-2 .bxs2-inner .bs2-arrow {
        width: 65px;
        height: 65px;
    }
    .box-style-2 .bxs2-inner .bs2-count h3 {
        font-size: 120px;
    }
    .box-style-2 .bxs2-inner .bs2-details h4 {
        font-size: 28px;
    }

    
    .joinola-section .josec-right {
        z-index: 2;
    }
    .joinola-section .josec-right::before {
        display: none;
    }
    .joinola-section .josec-right h3 {
        font-size: 28px;
    }


    .innerbanner-section .inbanner-item .ibcaption h1 {
        font-size: 48px;
    }


    .joinola2-section .jo2-inner h3 {
        font-size: 28px;
    }

    .text-wrap-2 h3 {
        font-size: 34px;
    }
    .text-wrap-2 h4 {
        font-size: 21px;
    }
    
    .text-wrap-3 h3 {
        font-size: 34px;
    }
    .text-wrap-3 h4 {
        font-size: 21px;
    }    
    .box-style-2 {
        height: 670px;
    }

    .login-left {
        display: none;
    }
    .login-right {
        margin: 0 auto;
        min-width: auto;
        max-width: 100%;
    }
}

@media (max-width: 991px) {
    .hd-style-1 {
        margin-bottom: 40px;
    }
    .hd-style-1 h3 {
        font-size: 38px;
    }
    .hd-style-2 h3 {
        font-size: 28px;
    }
    .hd-style-3 h3 {
        font-size: 26px;
    }

    .section-padding {
        padding: 25px 0px;
    }
    .section-padding2 {
        padding-bottom: 50px;
    }


    .list-style-4 > ul > li ul {
        margin-left: 20px;
    }


    header .headerlogo .nav-brand img {
        max-width: 165px;
    }


    .homebanner-slider .hombanner-item .hbimage {
        height: 550px;
    }
    .homebanner-slider .hombanner-item .hbcaption {
        width: 400px;
        padding: 80px 60px 20px 0px;
    }
    .homebanner-slider .hombanner-item .hbcaption h1 {
        font-size: 38px;
    }
    .homebanner-slider .hombanner-item .hbcaption .hbc-count {
        width: 72px;
        height: 72px;
    }
    .homebanner-slider .hombanner-item .hbcaption h6 {
        font-size: 17px;
    }
    .homebanner-slider .hombanner-item .hbcaption .hbc-count h5 {
        font-size: 28px;
    }
    .homebanner-slider .hombanner-item .hbnextslide {
        display: none;
    }


    .latestevents-section {
        padding: 50px 0px;
        margin-bottom: 25px;
    }
    .latestevent-block .leb-top {
        padding: 10px 15px;
    }
    .latestevent-block .leb-details {
        padding: 10px 15px;
    }
    .latestevent-block .leb-details h3 {
        font-size: 20px;
    }


    .ourimpact-section {
        padding-bottom: 50px;
    }
    .ourimpact-section .oimpactsec-right {
        padding: 0px 0px;
    }


    .box-style-2 {
        height: 560px;
    }
    .box-style-2 .bxs2-inner {
        padding: 30px 30px 30px 30px;
    }
    .box-style-2 .bxs2-inner .bs2-arrow {
        width: 60px;
        height: 60px;
    }
    .box-style-2 .bxs2-inner .bs2-count h3 {
        font-size: 100px;
    }
    .box-style-2 .bxs2-inner .bs2-details h4 {
        font-size: 26px;
    }


    .productsnservices-section .pservices-left {
        padding: 50px 30px 0px 30px;
    }
    .productsnservices-section .pservices-right {
        padding: 30px 30px;
    }
    .joinola-section .josec-right {
        padding: 30px 0px 30px 30px;
    }
    .joinola-section .josec-right h3 {
        font-size: 26px;
    }


    .newsletter-section {
        padding: 25px 0px 70px;
    }


    footer .ftop {
        padding: 50px 0px;
    }
    footer .bttrow {
        transform: translateY(-50%);
    }


    .innerbanner-section .inbanner-item .ibcaption h1 {
        font-size: 38px;
    }
    .innerbanner-section .inbanner-item .ibcaption h6 {
        font-size: 17px;
    }


    .joinola2-section .jo2-inner h3 {
        font-size: 26px;
    }

    .mediacontent-wrap {
        padding-bottom: 50px;
    }
    .joinola2-section .jo2-inner {
        margin-bottom: 50px;
    }

    .gotanyqueries-section {
        padding: 50px 0px 140px 0px;
    }


    .contactdetails-section {
        padding-bottom: 50px;
    }
    .contactdetails-section .contdetails-wrap {
        flex-wrap: wrap;
        gap: 30px 0px;
    }
    .contactdetails-section .contdetails-wrap .cdw-item {
        width: calc(50% - 20px);
    }
    .contactdetails-section .contdetails-wrap .cdw-item h3 {
        font-size: 20px;
    }
    .contactdetails-section .contdetails-wrap .cdw-item p {
        font-size: 16px;
    }
    .contactdetails-section .contdetails-wrap .cdw-item p img {
        transform: scale(0.9);
    }


    .box-style-4 {
        padding: 20px 20px;
    }
    .box-style-4 .bxs4inner .bs4-top {
        margin-bottom: 80px;
    }
    .box-style-4 .bxs4inner .bs4-top h3 {
        font-size: 26px;
    }

    .membership-pg .mshippg-ourmembers {
        padding: 60px 0px;
    }

    .services-pg .serpg-ourmembers {
        padding-bottom: 50px;
    }
    .text-wrap-2 h3 {
        font-size: 32px;
    }
    .text-wrap-2 h4 {
        font-size: 20px;
    }
    
    .text-wrap-3 .twinner-block {
        padding-bottom: 50px;
        margin-bottom: 50px;
    }
    .text-wrap-3 h3 {
        font-size: 32px;
    }
    .text-wrap-3 h4 {
        font-size: 20px;
    }

    .library-pg .lbpg-content {
        padding-bottom:  50px;
    }

    .partners-pg .partpg-content {
        margin-bottom: 50px;
    }
}

@media (max-width: 767px) {
    .hd-style-1 {
        margin-bottom: 30px;
    }
    .hd-style-1 h3 {
        font-size: 32px;
    }
    .hd-style-2 h3 {
        font-size: 24px;
    }
    .hd-style-3 h3 {
        font-size: 22px;
    }

    .btn-style-1 {
        font-size: 14px;
    }
    .btn-style-2 {
        font-size: 14px;
    }

    .section-padding {
        padding: 20px 0px;
    }
    .section-padding2 {
        padding-bottom: 40px;
    }


    .list-style-4 ul li {
        margin-bottom: 10px;
    }
    .list-style-4 > ul > li ul {
        margin-left: 10px;
    }


    header {
        gap: 20px;
    }
    header .headerlogo {
        padding: 20px 0px 20px 40px;
    }
    header .headerlogo .nav-brand img {
        max-width: 150px;
    }


    .homebanner-section {
        padding-bottom: 40px;
    }
    .homebanner-slider {
        padding-left: 40px;
    }
    .homebanner-slider .hombanner-item .hbimage {
        height: 300px;
    }
    .homebanner-slider .hombanner-item .hbcaption {
        width: 100%;
        padding: 60px 20px 0px 0px;
        position: relative;
    }
    .homebanner-slider .hombanner-item .hbcaption h1 {
        font-size: 32px;
    }
    .homebanner-slider .hombanner-item .hbcaption .hbc-count {
        width: 55px;
        height: 55px;
    }
    .homebanner-slider .hombanner-item .hbcaption h6 {
        font-size: 16px;
    }
    .homebanner-slider .hombanner-item .hbcaption .hbc-count h5 {
        font-size: 24px;
    }
    .homebanner-slider .owl-dots {
        width: 40px;
    }


    .ourimpact-section {
        padding-bottom: 40px;
    }
    .ourimpact-section .oimpactsec-right {
        /* padding: 0px 0px; */
    }


    .box-style-2 {
        height: 530px;
    }
    .box-style-2 .bxs2-inner .bs2-arrow {
        width: 55px;
        height: 55px;
    }
    .box-style-2 .bxs2-inner .bs2-count h3 {
        font-size: 80px;
    }
    .box-style-2 .bxs2-inner .bs2-details h4 {
        font-size: 24px;
    }
    .box-style-2 .bxs2-inner .bs2-details p {
        font-size: 16px;
    }


    .joinola-section .josec-right {
        padding: 30px 30px;
        flex-direction: column;
    }
    .joinola-section .josec-right h3 {
        font-size: 24px;
    }


    .latestevents-section {
        padding: 40px 0px;
        margin-bottom: 20px;
    }
    .latestevent-block .leb-details h3 {
        font-size: 18px;
    }
    .latestevent-block .leb-details h4 {
        font-size: 16px;
    }


    .newsletter-section {
        padding: 20px 0px 60px;
    }


    footer .ftop {
        padding: 40px 0px;
    }
    footer .bttrow {
        transform: translateY(-10px);
    }


    .innerbanner-section .inbanner-item .ibimage {
        height: 300px;
        padding-left: 40px;
    }
    .innerbanner-section .inbanner-item .ibcaption {
        position: relative;
    }
    .innerbanner-section .inbanner-item .ibcaption .ibcaption-inner {
        width: 100%;
        min-width: auto;
        padding: 20px 20px 20px 20px;
    }
    .innerbanner-section .inbanner-item .ibcaption h1 {
        font-size: 32px;
    }
    .innerbanner-section .inbanner-item .ibcaption h6 {
        font-size: 16px;
    }


    .joinola2-section .jo2-inner {
        flex-direction: column;
        margin-bottom: 40px;
    }
    .joinola2-section .jo2-inner h3 {
        font-size: 24px;
    }

    .mediacontent-wrap {
        padding-bottom: 40px;
    }


    .gotanyqueries-section {
        padding: 40px 0px 130px 0px;
    }


    .contactdetails-section {
        padding-bottom: 40px;
    }


    .box-style-4 {
        padding: 15px 15px;
    }
    .box-style-4 .bxs4inner .bs4-top {
        margin-bottom: 90px;
    }
    .box-style-4 .bxs4inner .bs4-top h3 {
        font-size: 22px;
    }
    .box-style-4 .bxs4inner .bs4-top p {
        font-size: 16px;
    }


    .owl-navdot-1 .owl-nav button.owl-prev, 
    .owl-navdot-1 .owl-nav button.owl-next {
        width: 30px;
        height: 30px;
        font-size: 14px;
    }

    .membership-pg .mshippg-ourmembers {
        padding: 50px 0px;
    }

    .services-pg .serpg-ourmembers {
        padding-bottom: 40px;
    }
    .text-wrap-2 .twinner-block {
        margin-bottom: 25px;
    }
    .text-wrap-2 h3 {
        font-size: 30px;
    }
    .text-wrap-2 h4 {
        font-size: 18px;
    }
    .text-wrap-2 p {
        font-size: 16px;
    }
    .text-wrap-2 ul {
        font-size: 16px;
    }
    .text-wrap-2 ol {
        font-size: 16px;
    }
    

    .text-wrap-3 .twinner-block {
        padding-bottom: 40px;
        margin-bottom: 40px;
    }
    .text-wrap-3 .twinner-block {
        margin-bottom: 25px;
    }
    .text-wrap-3 h3 {
        font-size: 30px;
    }
    .text-wrap-3 h4 {
        font-size: 18px;
    }
    .text-wrap-3 p {
        font-size: 16px;
    }
    .text-wrap-3 ul {
        font-size: 16px;
    }

    .library-pg .lbpg-content {
        padding-bottom:  40px;
    }

    .partners-pg .partpg-content {
        margin-bottom: 40px;
    }
    .innerbanner-section .inbanner-item .ibcaption.titlewrp {
        padding-left: 0;
    }
}

@media (max-width: 575px) {
    .list-style-4 > ul > li ul {
        margin-left: 0px;
    }

    header {
        gap: 10px;
    }
    header .headerlogo {
        padding: 20px 0px 20px 15px;
    }
    header .headerlogo .nav-brand img {
        max-width: 120px;
    }
    header .headermenu .header-top .htbtn2 {
        padding: 9px 15px;
    }


    .homebanner-slider .hombanner-item .hbcaption h1 {
        font-size: 28px;
    }


    .box-style-2 .bxs2-inner .bs2-arrow {
        width: 50px;
        height: 50px;
    }
    .box-style-2 .bxs2-inner .bs2-count h3 {
        font-size: 60px;
    }
    .box-style-2 .bxs2-inner .bs2-details h4 {
        font-size: 22px;
    }

    .joinola-section .josec-right h3 {
        font-size: 22px;
    }


    footer .fbottom .fbinner {
        flex-direction: column;
    }


    .innerbanner-section .inbanner-item .ibcaption h1 {
        font-size: 28px;
    }


    .joinola2-section .jo2-inner h3 {
        font-size: 22px;
    }


    .contactdetails-section .contdetails-wrap .cdw-item {
        width: 100%;
    }

    .text-wrap-2 h3 {
        font-size: 28px;
    }
    
    .text-wrap-3 h3 {
        font-size: 28px;
    }

    .downloadstrip-wrap .download-strip {
        /* flex-direction: column; */
        /* padding: 10px 10px; */
    }
    .login-wrap {
        padding: 15px;
    }
    .login-right {
        padding: 40px 20px;
    }
    .box-style-8 {
        padding: 30px 15px;
    }
}