ul.infoGraphic li {
    margin-bottom: 105px
}
.sidebar {
    display: inline-block;
    background: #fff0
}
    .sidebar.sidebar-offcanvas {
        display: none
    }
ul.infoGraphic li a {
    text-decoration: none
}
.learnInIndaLft img {
    border-radius: 0px !important;
    border: 2px solid #d1d1d1
}
@media only screen and (max-width : 767px) {
    header .container-fluid {
        padding: 0;
        width: 100%
    }
    header .btmHdrLft {
        padding: 0 5px !important
    }
    .logo.logoFrst {
        width: 59% !important
    }
    header .logoTwo, header .logoThree {
        padding: 4px !important
    }
    .logo {
        margin-right: 0px !important
    }
    .btmHdrRgt {
        width: 100% !important;
        float: right
    }
    .logo.logoThree {
        width: 16% !important
    }
    .homeBlogSec {
        padding: 45px 0
    }
    .copyR {
        margin-top: 0;
        padding-top: 0
    }
    footer .col-md-3.col-sm-3.col-xs-12 {
        margin-bottom: 0
    }
    .humbrgMenu {
        margin: 14px 4px 0 3px !important;
        width: 28px !important
    }
    .btmHdrLft {
        width: 100% !important
    }
    .sliderInner {
        display: inline-block
    }
    .loginlftImg img {
        margin-top: 7px
    }
    .rgsterFormDiv {
        padding: 15px
    }
    .registerPgSec .card-title {
        font-size: 17px;
        text-align: justify
    }
    .rgsterFormDiv {
        margin-top: 0
    }
    .login-bgimage {
        height: auto !important
    }
    header .logo.logoTwo, header .logo.logoThree {
        padding: 0px !important;
        margin-top: 7px
    }
    .breadcrumb {
        display: none
    }
    .cuture-secbg {
        padding: 0
    }
    .innerMainContentSec .tophdngOne {
        padding: 15px !important
    }
    .cuture-secbg {
        width: 100%;
        float: left;
        display: inline-block
    }
    .innerMainContentSec .tophdngOne p {
        text-align: justify
    }
    .bg-blog.innerSecBlog {
        display: none
    }
    .mobileLoginDiv {
        display: none
    }
    .loginLnkLst.rgsterBtn {
        display: inline-block
    }
    .btmHdrRgt ul.loginLnkLst {
        display: inline-block
    }
    .btmHdrRgt ul.loginLnkLst {
        margin-top: 0;
        float: left;
        margin-right: 14px
    }
    .loginLnkLst li a {
        font-size: 17px
    }
    .headerMenuTop .ftrMainLnk {
        padding-top: 5px
    }
    .humbrgMenu.crossArrow {
        margin-top: -41px !important
    }
    .nav > li > a {
        padding: 10px 7px
    }
    .innerMainContentSec .tophdngTwo {
        padding: 15px !important
    }
    .innerMainContentSec .tophdngThree {
        padding: 15px !important
    }
    .innerMainContentSec .tab .nav-tabs {
        margin-top: 35px
    }
    .glancebg1, .glancebg2, .glancebg3, .glancebg4, .glancebg5, .glancebg6, .glancebg7, .glancebg8, .glancebg9, .glancebg10, .glancebg11, .glancebg12, .glancebg13 {
        padding: 15px;
        margin: 10px 0
    }
    .innerMainContentSec .tophdngFour {
        padding: 15px !important
    }
    .innerMainContentSec .tophdngFive {
        padding: 15px !important
    }
    .text {
        width: 100%
    }
    .ten-reason-count {
        position: relative;
        top: 0;
        margin-bottom: 45px;
        color: #f68018
    }
    .follow-ussocial {
        margin-top: 0 !important
    }
        .follow-ussocial .section-content {
            padding: 0px !important
        }
    .followus-more a {
        margin-bottom: 10px;
        display: inline-block
    }
    .nav.nav-tabs.about-sii-tab li {
        margin-bottom: 15px
    }
    .col-md-12.row-bottom .mb-20 {
        padding: 0px !important;
        line-height: 28px
    }
    .ttd-adventure-desktop {
        width: 100%
    }
    .thistodoinidaSec {
        width: 100%;
        float: left
    }
    .sliderInner.sliderInnerSta {
        margin-top: 0
    }
    .ttd-backwater .title {
        position: relative
    }
    .thstudentdiv {
        width: 100%;
        float: left
    }
    .ttd-backwater .title h4 {
        white-space: pre-wrap;
        padding: 12px 10px;
        color: #f68018;
        font-size: 27px
    }
    .ttd-backwater .title p {
        padding: 15px
    }
    .ttd-festival .text {
        padding: 15px
    }
        .ttd-festival .text h4 {
            font-size: 27px;
            line-height: 30px
        }
        .ttd-festival .text p {
            line-height: 28px
        }
    .beaches-bg {
        background-color: #af9679
    }
    .qf-slider-text {
        position: relative;
        width: 100%;
        background-color: rgb(60 40 22 / 40%);
        height: auto
    }
        .qf-slider-text p {
            padding: 15px
        }
    .culture-img {
        width: 100%
    }
    .col-md-12.hi-img-btm {
        width: 100%;
        float: left
    }
        .col-md-12.hi-img-btm.cuture-secbg .col-md-6.pl-0 {
            padding-left: 15px !important
        }
    .sliderInnerSta .discIndLftIn p span {
        font-size: 37px
    }
    .sii-program-title {
        font-size: 27px
    }
    .loginLnkLst ul {
        /* right:auto; */
        /* left:0; */
        top: 44px;
    }
    .sliderInner {
        margin-top: 0
    }
    .container-scroller .sliderInner .discIndLftIn {
        top: 0px !important
    }
    .sliderInner .discIndLftIn p {
        font-size: 27px !important
    }
    .page-body-wrapper {
        padding-top: 0
    }
    .card {
        padding: 7px
    }
    .container-fluid.page-body-wrapper .navbar {
        display: inline-block;
        margin-top: 0;
        height: auto
    }
        .container-fluid.page-body-wrapper .navbar .collapse:not(.show) {
            display: inline-block;
            width: 100%
        }
        .container-fluid.page-body-wrapper .navbar ul li {
            margin-bottom: 12px
        }
    .card .card-body {
        padding-top: 10px
    }
    .grid-margin {
        padding: 0
    }
    #accordion .panel-title a {
        color: #262626
    }
    .be-radio.inline + .be-radio.inline {
        margin-left: 4px
    }
    .myChoiceDiv {
        overflow-x: scroll
    }
    div.dtsp-verticalContainer div.dtsp-verticalPanes {
        width: 100% !important
    }
    .sliderInner {
        display: inline-block !important;
        float: left !important;
        width: 100% !important
    }
    .inner-header .sliderInner .discIndLftIn {
        top: 70px !important;
        position: absolute
    }
    .btn-home-logout.btn-pupup {
        float: right
    }
    .courseDivRgt {
        padding: 0 !important
    }
    div.dtsp-verticalPanes {
        margin-left: 0px !important
    }
    div.dtsp-panesContainer div.dtsp-title {
        width: 100%;
        float: left;
        text-align: left
    }
    .dtsp-collapseAll {
        padding-right: 36px !important
    }
    div.dtsp-panesContainer div.dataTables_wrapper div.dataTables_scrollBody {
        height: auto !important
    }
    div.dtsp-verticalContainer div.dtsp-dataTable {
        overflow-x: scroll
    }
    .dataTables_wrapper .dataTables_length select {
        padding: 4px 27px !important;
        margin-right: 7px !important;
        background-position-y: 2px !important
    }
    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
        text-align: left !important
    }
    div.dt-buttons {
        text-align: left !important
    }
    .dtsp-dataTable table.dataTable thead th, .dtsp-dataTable table.dataTable thead td {
        padding: 10px 28px !important
    }
    .sliderInner .discIndLftIn {
        top: 0px !important;
        z-index: 9
    }
    .tab .nav-tabs li {
        width: 50% !important
    }
    .btmnavFlpdiv {
        padding-left: 0;
        padding-right: 0;
        border-radius: 0
    }
        .btmnavFlpdiv .tab .nav-tabs {
            border-radius: 0
        }
            .btmnavFlpdiv .tab .nav-tabs li a {
                font-size: 14px !important
            }
    .tab-content {
        padding: 0
    }
    .cardCourse {
        padding: 15px
    }
    .courseDivRgt.courseDetailsPgDiv .courseLstCnt ul li {
        width: 100%
    }
    .table-responsive {
        overflow-x: scroll !important
    }
    ul.list_ed_detail2 li .course-details {
        display: block;
        width: 100%;
        float: left
    }
    .abt-collage-left-divider {
        border-right: none !important
    }
    ul.list_ed_detail2 li {
        padding: 15px 15px 36px 15px
    }
    .sldrInrHdng {
        font-size: 27px !important;
        padding: 9px 0
    }
    .col-md-4.col-sm-4 .academic-yr {
        width: 100%;
        float: left
    }
    .section-content .idashbordPrftHdng h2 {
        font-size: 27px !important
    }
    .headOfIns .card-dasb .plan-name {
        width: 100%
    }
    .visaFro .card-dasb .plan-name {
        width: 100%
    }
    .contactDetl .card-dasb .plan-name {
        width: 100%
    }
    .contactDetl .card-dasb .plan-description {
        margin-top: 45px
    }
    .idashbordPrftHdng {
        margin-bottom: 15px
    }
    .studentDetailsSec .container-fluid {
        padding: 0
    }
    .studentDetailsSec .contan-paddg {
        padding: 0
    }
    .newtablelist .dataTables_length {
        margin-top: 8px;
        padding-left: 10px
    }
    .dataTables_filter {
        padding-left: 10px;
        width: 100%;
        float: left
    }
    .idashbordPrftHdng h2 {
        font-size: 17px !important
    }
    .pagination {
        padding-left: 10px;
        float: left !important;
        margin-top: 10px !important
    }
    #frm .idashbordPrftHdng {
        margin-top: 15px
    }
    #frm .col-md-6.text-right.pull-right {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }
    #txtSearch {
        border-radius: 4px;
        margin-bottom: 12px
    }
    .pull-right.simple-pagination {
        float: left !important;
        margin-top: 8px
    }
    div.dataTables_wrapper div.dataTables_info {
        text-align: left !important;
        padding-left: 10px !important
    }
    .table.table-bordered thead tr th {
        padding: 5px 24px !important
    }
    .headOfIns .card-dasb {
        padding: 29px 15px
    }
    .dataTables_length {
        padding-left: 10px
    }
    .accordion .accordion-item button[aria-expanded="false"] .accordion-title, .accordion .accordion-item button[aria-expanded="true"] .accordion-title {
        padding-left: 10px
    }
    #frm4 .col-md-12 {
        overflow-x: scroll
    }
    .d-md-block .btn-uploaddd {
        margin-bottom: 12px
    }
    #tbl_wrapper .dataTables_length {
        margin-top: 10px
    }
    #tbl_wrapper {
        overflow-x: scroll
    }
    #viewSample {
        margin-left: 0 !important;
        width: 100% !important;
        float: left !important;
        text-align: center !important;
        margin-bottom: 14px !important;
        padding: 8px 5px !important
    }
    .alumaniDetlSecIndxOne {
        padding: 0 15px
    }
    #btnRefreshCaptcha {
        margin-bottom: 8px
    }
    .tw-toggle input {
        position: relative
    }
    .abtInstSec .abt-collage-left-divider {
        border-left: none
    }
    .abt-collage-left-divider {
        padding-left: 0
    }
    input[type=text] {
        border-radius: 4px
    }
    .sectionCntentSec {
        padding: 0 15px
    }
    .gotodashboardsec {
        padding: 0 15px
    }
    .newTr .table tr td {
        width: 100% !important;
        float: left
    }
    .did-you-know-bg {
        width: 100%;
        float: left
    }
    .col-lg-12.page-detail-pr0 #myTab .nav.nav-tabs.about-sii-tab li {
        width: 100% !important
    }
    .innerMainContentSec .col-lg-12.page-detail-pr0 .tab .nav-tabs {
        margin-top: 0
    }
    #Section3 .bs-example.grade-conv-scroll {
        overflow-x: scroll
    }
    .topFourBtnSec .btn.btn-warning {
        margin-bottom: 8px;
        margin-left: 10px
    }
    .topSrchDiv .topSrchDivIn {
        width: 100%;
        float: left;
        text-align: left;
        margin-top: 10px
    }
    div.dataTables_wrapper div.dataTables_length select {
        width: 106px;
        margin-top: 12px;
        margin-bottom: 10px
    }
    #example1_wrapper .col-sm-12 {
        overflow-x: scroll
    }
    div.dataTables_wrapper div.dataTables_length select {
        width: 100px !important
    }
    .detailsFroReportSec .container-fluid {
        padding: 0
    }
    .detailsFroReportSec .accordion .accordion-item button[aria-expanded="true"] {
        text-align: left
    }
    .accordion .accordion-item button[aria-expanded="false"] .accordion-title, .accordion .accordion-item button[aria-expanded="true"] .accordion-title {
        padding-left: 0
    }
}
@media only screen and (min-width : 768px) and (max-width:1024px) {
    header .container-fluid {
        padding: 0;
        width: 100%
    }
    header .btmHdrLft {
        padding: 0
    }
    .logo.logoFrst {
        width: 59%
    }
    header .logoTwo, header .logoThree {
        padding: 4px !important
    }
    .logo {
        margin-right: 0
    }
    .btmHdrRgt {
        width: 9%;
        float: right
    }
    .logo.logoThree {
        width: 16%
    }
    .homeBlogSec {
        padding: 45px 0
    }
    .copyR {
        margin-top: 0;
        padding-top: 0
    }
    footer .col-md-3.col-sm-3.col-xs-12 {
        margin-bottom: 0
    }
    .humbrgMenu {
        margin: 14px 4px 0 3px;
        width: 35px
    }
    .btmHdrLft {
        width: 78%
    }
    .sliderInner {
        display: inline-block
    }
    .loginlftImg img {
        margin-top: 7px
    }
    .rgsterFormDiv {
        padding: 15px
    }
    .registerPgSec .card-title {
        font-size: 17px;
        text-align: justify
    }
    .rgsterFormDiv {
        margin-top: 0
    }
    .sliderInner .discIndLftIn .dis_1 {
        width: 49%
    }
    .loginlftImg {
        width: 100% !important
    }
    .lognRgtCnt {
        width: 100% !important
    }
    .logo.logoFrst {
        width: 39%
    }
    .btmHdrMainMenu {
        margin-right: 10px
    }
    ul.infoGraphic li {
        max-width: 34em;
        cursor: pointer;
        margin-bottom: 64px
    }
    .topSrchDiv {
        padding-right: 0
    }
    .topSrchDivIn {
        margin-top: 15px
    }
    #mytable_wrapper {
        overflow-x: scroll
    }
    .sliderInner {
        margin-top: 0
    }
    .container-scroller .sliderInner .discIndLftIn {
        top: 0px !important
    }
    .sliderInner .discIndLftIn p {
        font-size: 27px !important
    }
    .page-body-wrapper {
        padding-top: 0
    }
    .card {
        padding: 7px
    }
    .container-fluid.page-body-wrapper .navbar {
        display: inline-block;
        margin-top: 0;
        height: auto
    }
        .container-fluid.page-body-wrapper .navbar .collapse:not(.show) {
            display: inline-block;
            width: 100%
        }
        .container-fluid.page-body-wrapper .navbar ul li {
            margin-bottom: 12px
        }
    .card .card-body {
        padding-top: 10px
    }
    .grid-margin {
        padding: 0
    }
    #accordion .panel-title a {
        color: #262626
    }
    .be-radio.inline + .be-radio.inline {
        margin-left: 4px
    }
    .myChoiceDiv {
        overflow-x: scroll
    }
    div.dtsp-verticalContainer div.dtsp-verticalPanes {
        width: 100% !important
    }
    .sliderInner {
        display: inline-block !important;
        float: left !important;
        width: 100% !important
    }
    .inner-header .sliderInner .discIndLftIn {
        top: 70px !important;
        position: absolute
    }
    .btn-home-logout.btn-pupup {
        float: right
    }
    .courseDivRgt {
        padding: 0 !important
    }
    div.dtsp-verticalPanes {
        margin-left: 0px !important
    }
    div.dtsp-panesContainer div.dtsp-title {
        width: 100%;
        float: left;
        text-align: left
    }
    .dtsp-collapseAll {
        padding-right: 36px !important
    }
    div.dtsp-panesContainer div.dataTables_wrapper div.dataTables_scrollBody {
        height: auto !important
    }
    div.dtsp-verticalContainer div.dtsp-dataTable {
        overflow-x: scroll
    }
    .dataTables_wrapper .dataTables_length select {
        padding: 4px 27px !important;
        margin-right: 7px !important;
        background-position-y: 2px !important
    }
    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
        text-align: left !important
    }
    div.dt-buttons {
        text-align: left !important
    }
    .dtsp-dataTable table.dataTable thead th, .dtsp-dataTable table.dataTable thead td {
        padding: 10px 28px !important
    }
    .sliderInner .discIndLftIn {
        top: 0px !important;
        z-index: 9
    }
    .tab .nav-tabs li {
        width: 50% !important
    }
    .btmnavFlpdiv {
        padding-left: 0;
        padding-right: 0;
        border-radius: 0
    }
        .btmnavFlpdiv .tab .nav-tabs {
            border-radius: 0
        }
            .btmnavFlpdiv .tab .nav-tabs li a {
                font-size: 14px !important
            }
    .tab-content {
        padding: 0
    }
    .cardCourse {
        padding: 15px
    }
    .courseDivRgt.courseDetailsPgDiv .courseLstCnt ul li {
        width: 100%
    }
    .table-responsive {
        overflow-x: scroll !important
    }
    ul.list_ed_detail2 li .course-details {
        display: block;
        width: 100%;
        float: left
    }
    .abt-collage-left-divider {
        border-right: none !important
    }
    ul.list_ed_detail2 li {
        padding: 15px 15px 36px 15px
    }
    .sldrInrHdng {
        font-size: 27px !important;
        padding: 9px 0
    }
    .col-md-4.col-sm-4 .academic-yr {
        width: 100%;
        float: left
    }
    .section-content .idashbordPrftHdng h2 {
        font-size: 27px !important
    }
    .headOfIns .card-dasb .plan-name {
        width: 100%
    }
    .visaFro .card-dasb .plan-name {
        width: 100%
    }
    .contactDetl .card-dasb .plan-name {
        width: 100%
    }
    .contactDetl .card-dasb .plan-description {
        margin-top: 45px
    }
    .idashbordPrftHdng {
        margin-bottom: 0px !important
    }
    .studentDetailsSec .container-fluid {
        padding: 0
    }
    .studentDetailsSec .contan-paddg {
        padding: 0
    }
    .newtablelist .dataTables_length {
        margin-top: 8px;
        padding-left: 10px
    }
    .dataTables_filter {
        padding-left: 10px;
        width: 100%;
        float: left
    }
    .idashbordPrftHdng h2 {
        font-size: 17px !important
    }
    .pagination {
        padding-left: 10px;
        float: left !important;
        margin-top: 10px !important
    }
    #frm .idashbordPrftHdng {
        margin-top: 15px
    }
    #frm .col-md-6.text-right.pull-right {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }
    #txtSearch {
        border-radius: 4px;
        margin-bottom: 12px
    }
    .pull-right.simple-pagination {
        float: left !important;
        margin-top: 8px
    }
    div.dataTables_wrapper div.dataTables_info {
        text-align: left !important;
        padding-left: 10px !important
    }
    .table.table-bordered thead tr th {
        padding: 5px 24px !important
    }
    .headOfIns .card-dasb {
        padding: 29px 15px
    }
    .dataTables_length {
        padding-left: 10px
    }
    .accordion .accordion-item button[aria-expanded="false"] .accordion-title, .accordion .accordion-item button[aria-expanded="true"] .accordion-title {
        padding-left: 10px
    }
    #frm4 .col-md-12 {
        overflow-x: scroll
    }
    .d-md-block .btn-uploaddd {
        margin-bottom: 12px
    }
    #tbl_wrapper .dataTables_length {
        margin-top: 10px
    }
    #tbl_wrapper {
        overflow-x: scroll
    }
    #viewSample {
        margin-left: 0 !important;
        width: 100% !important;
        float: left !important;
        text-align: center !important;
        margin-bottom: 14px !important;
        padding: 8px 5px !important
    }
    .alumaniDetlSecIndxOne {
        padding: 0 15px
    }
    #btnRefreshCaptcha {
        margin-bottom: 8px
    }
    .tw-toggle input {
        position: relative
    }
    .abtInstSec .abt-collage-left-divider {
        border-left: none
    }
    .abt-collage-left-divider {
        padding-left: 0
    }
    input[type=text] {
        border-radius: 4px
    }
    .sectionCntentSec {
        padding: 0 15px
    }
    .gotodashboardsec {
        padding: 0 15px
    }
    .newTr .table tr td {
        width: 100% !important;
        float: left
    }
    .did-you-know-bg {
        width: 100%;
        float: left
    }
    .col-lg-12.page-detail-pr0 #myTab .nav.nav-tabs.about-sii-tab li {
        width: 100% !important
    }
    .innerMainContentSec .col-lg-12.page-detail-pr0 .tab .nav-tabs {
        margin-top: 0
    }
    #Section3 .bs-example.grade-conv-scroll {
        overflow-x: scroll
    }
    .topFourBtnSec .btn.btn-warning {
        margin-bottom: 8px;
        margin-left: 10px
    }
    .topSrchDiv .topSrchDivIn {
        width: 100%;
        float: left;
        text-align: left;
        margin-top: 10px
    }
    div.dataTables_wrapper div.dataTables_length select {
        width: 106px;
        margin-top: 12px;
        margin-bottom: 10px
    }
    #example1_wrapper .col-sm-12 {
        overflow-x: scroll
    }
    div.dataTables_wrapper div.dataTables_length select {
        width: 100px !important
    }
    .detailsFroReportSec .container-fluid {
        padding: 0
    }
    .detailsFroReportSec .accordion .accordion-item button[aria-expanded="true"] {
        text-align: left
    }
    .accordion .accordion-item button[aria-expanded="false"] .accordion-title, .accordion .accordion-item button[aria-expanded="true"] .accordion-title {
        padding-left: 0
    }
    .btmHdrRgt .btmHdrMainMenu .rgsterBtn {
        display: inline-block
    }
    .btmHdrRgt ul {
        margin-top: 10px
    }
    .df-example {
        width: 100%;
        float: left
    }
    .btmHdrRgt ul {
        margin-top: 10px !important
    }
    .table-responsive .idashbordPrftHdng {
        margin-top: 15px;
        margin-bottom: 15px !important
    }
    .page-divider {
        display: none
    }
    #mytable_filter {
        margin-top: 16px
    }
    .accordion .accordion-item button[aria-expanded="true"] {
        padding-left: 15px
    }
    .accordion .accordion-item button[aria-expanded="false"] {
        padding-left: 15px
    }
}
@media only screen and (min-device-width: 820px) and (max-device-width:1180px) and (-webkit-min-device-pixel-ratio:1) {
    .topfourboxDiv {
        width: 52%
    }
    .topSrchDiv {
        width: 48%;
        padding-right: 0
    }
}
@media only screen and (min-width : 1025px) and (max-width:1499px) {
    header .logoTwo, header .logoThree {
        padding: 2px !important
    }
}