/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
ul.infoGraphic li{margin-bottom:105px}
.sidebar{display:inline-block; background:transparent;}
.sidebar.sidebar-offcanvas{display:none}
/*header, footer {
background: #3498db !important;
}*/
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: 0px;
		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: rgb(175 150 121);
	}
	.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}
	/*afterlogin*/
	.sliderInner{margin-top:0}
	.container-scroller .sliderInner .discIndLftIn {
		top: 0px !important
	}
	.sliderInner .discIndLftIn p{font-size:27px!important}
	.page-body-wrapper{padding-top:0px}
	.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:0px; 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:0px; padding-right:0px}
	#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:0px}
	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: 0px;
	}
	.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: 0px
	}
	.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: 0px;
		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: 0px;
		padding-right: 0px
	}
	#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: 0px
	}
	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;
	}
}
/* Extra Small Devices, Phones */
@media only screen and (min-width : 1025px) and (max-width:1499px) {
	header .logoTwo, header .logoThree {
		padding: 2px !important;
	}
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}
/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
}
/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 479px) {
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 360px) {
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 319px) {
}