/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

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

	table.table.academic tbody tr td,
	table#qualification-table tbody tr td,
	table#education-table tbody tr td,
	table#experience-table tbody tr td,
	table#chapter-file-row tbody tr td {
		display: inline-block !important;
		width: 100% !important;
		padding-right: 20px;
	}

	section#removeContent {
		margin-top: 80px;
	}

	.container-fluid {
		padding: 0px;
		margin: 0px;
	}

	.navbar>.container .navbar-brand,
	.navbar>.container-fluid .navbar-brand {
		margin-left: 50px;
		width: 73%;
	}

	.info-container {
		margin: -142px 15px !important;
	}

	.profile-image img {
		width: 100%;
	}

	.col-md-6.header-side-left {
		margin: 0px;
		padding: 0px;
	}

	.row.two-col {
		margin: 0px;
	}

	.col-md-6.header-side-right {
		padding: 0px;
	}

	.body.side-content {
		margin-top: 0px;
		padding: 15px;
	}

	.body.desktop {
		padding: 15px;
	}

	.timer {
		font-size: 41px !important;
		text-align: center;
	}

	ul.read-detail {
		display: unset !important;
	}

	button#player_timer {
		font-size: 23px;
		background: transparent;
	}

	ul.read-detail li {
		padding: 2px;
		list-style-type: none;
	}

	header.student_register.pdf_viewer {
		height: auto;
	}

	iframe#fraDisabled {
		height: calc(100vh - 405px) !important;
	}

	.container.main {
		padding: 5px;
		margin: 0px;
	}

	.timer {
		width: 100%;
		margin: 5px 0px;
		padding: 5px;
	}

	.col-md-2.select-photo {
		display: none !important;
	}

	.row.select-photo-mobile {
		display: block !important;
	}

	td.plus-td.experience-row {
		margin-top: -30px;
	}

	button.btn.btn-secondary {
		background: none;
	}

	footer.footer-normal {
		margin: 0px;
		padding: 0px;
	}

	.col-md-6.company_profile {
		padding: 0px;
		margin: 0px;
	}

	.col-md-6.copy-right {
		text-align: left;
		padding: 0px;
		margin: 0px;
	}

	table.table.annual-fee th,
	table.table.learning-resource th {
		font-size: 12px;
		color: #000;
	}

	.card {
		box-shadow: none;
	}

	input.form-control.question-input,
	textarea.form-control.question-input,
	iframe.video_iframe {
		margin-left: 0px;
	}
	/* .canvas-container{
		width: 100% !important;
		height: 100vh !important;
	}
	.pdf-canvas{
		width: 100% !important;
		height: 100vh !important;
	} */
}
/* iPad Mini in portrait & landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	.canvas-container{
		width: 100% !important;
		height: 100vh !important;
	}
	.pdf-canvas{
		width: 100% !important;
		height: 100vh !important;
	}
}
/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	table.table.academic tbody tr td,
	table#qualification-table tbody tr td,
	table#education-table tbody tr td,
	table#experience-table tbody tr td,
	table#chapter-file-row tbody tr td {
		display: inline-block !important;
		width: 100% !important;
		padding-right: 20px;
	}

	section#removeContent {
		margin-top: 80px;
	}

	.container-fluid {
		padding: 0px;
		margin: 0px;
	}

	.container-fluid .col-lg-12.col-md-12.col-sm-12.col-xs-12 {
		margin: 0px;
		padding: 0px;
	}

	.navbar>.container .navbar-brand,
	.navbar>.container-fluid .navbar-brand {
		margin-left: 50px;
		width: 73%;
	}

	.info-container {
		margin: -142px 15px !important;
	}

	.profile-image img {
		width: 100%;
	}

	.col-md-6.header-side-left {
		margin: 0px;
		padding: 0px;
	}

	.row.two-col {
		margin: 0px;
	}

	.col-md-6.header-side-right {
		padding: 0px;
	}

	.body.side-content {
		margin-top: 0px;
		padding: 15px;
	}

	.body.desktop {
		padding: 15px;
	}

	.timer {
		font-size: 41px !important;
		text-align: center;
	}

	ul.read-detail {
		display: unset !important;
	}

	button#player_timer {
		font-size: 23px;
		background: transparent;
	}

	ul.read-detail li {
		padding: 2px;
		list-style-type: none;
	}

	header.student_register.pdf_viewer {
		height: auto;
	}

	iframe#fraDisabled {
		height: calc(100vh - 405px) !important;
	}

	.container.main {
		padding: 5px;
		margin: 0px;
	}

	.timer {
		width: 100%;
		margin: 5px 0px;
		padding: 5px;
	}

	.col-md-2.select-photo {
		display: none !important;
	}

	.row.select-photo-mobile {
		display: block !important;
	}

	td.plus-td.experience-row {
		margin-top: -30px;
	}

	button.btn.btn-secondary {
		background: none;
	}

	footer.footer-normal {
		margin: 0px;
		padding: 0px;
	}

	.col-md-6.company_profile {
		padding: 0px;
		margin: 0px;
	}

	.col-md-6.copy-right {
		text-align: left;
		padding: 0px;
		margin: 0px;
	}

	table.table.annual-fee th,
	table.table.learning-resource th {
		font-size: 12px;
		color: #000;
	}

	.card {
		box-shadow: none;
	}

	input.form-control.question-input,
	textarea.form-control.question-input,
	iframe.video_iframe {
		margin-left: 0px;
	}
	/* .canvas-container {
		width: 100% !important;
		height: 100vh !important;
	}

	.pdf-canvas {
		width: 100% !important;
		height: 100vh !important;
	} */
}

@media (min-width: 540px) and (max-width: 720px) and (orientation : portrait) {
	#fraDisabled{
		padding-right: 15px !important;
		margin-left: 5px;
	}
}
/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) {

	table.table.academic tbody tr td,
	table#qualification-table tbody tr td,
	table#education-table tbody tr td,
	table#experience-table tbody tr td,
	table#chapter-file-row tbody tr td {
		display: inline-block !important;
		width: 100% !important;
		padding-right: 20px;
	}

	section#removeContent {
		margin-top: 80px;
	}

	.container-fluid {
		padding: 0px;
		margin: 0px;
	}

	.container-fluid .col-lg-12.col-md-12.col-sm-12.col-xs-12 {
		margin: 0px;
		padding: 0px;
	}

	.navbar>.container .navbar-brand,
	.navbar>.container-fluid .navbar-brand {
		margin-left: 50px;
		width: 73%;
	}

	.info-container {
		margin: -142px 15px !important;
	}

	.profile-image img {
		width: 100%;
	}

	.col-md-6.header-side-left {
		margin: 0px;
		padding: 0px;
	}

	.row.two-col {
		margin: 0px;
	}

	.col-md-6.header-side-right {
		padding: 0px;
	}

	.body.side-content {
		margin-top: 0px;
		padding: 15px;
	}

	.body.desktop {
		padding: 15px;
	}

	.timer {
		font-size: 25px !important;
		text-align: center;
	}

	ul.read-detail {
		display: unset !important;
	}

	button#player_timer {
		font-size: 16px;
		background: transparent;
	}

	ul.read-detail li {
		padding: 2px;
		list-style-type: none;
		font-size: 14px;
	}

	header.student_register.pdf_viewer {
		height: auto;
	}

	iframe#fraDisabled {
		height: calc(100vh - 405px) !important;
	}

	.container.main {
		padding: 5px;
		margin: 0px;
	}

	.timer {
		width: 100%;
		margin: 5px 0px;
		padding: 5px;
	}

	.col-md-2.select-photo {
		display: none !important;
	}

	.row.select-photo-mobile {
		display: block !important;
	}

	td.plus-td.experience-row {
		margin-top: -30px;
	}

	button.btn.btn-secondary {
		background: none;
	}

	footer.footer-normal {
		margin: 0px;
		padding: 0px;
	}

	.col-md-6.company_profile {
		padding: 0px;
		margin: 0px;
	}

	.col-md-6.copy-right {
		text-align: left;
		padding: 0px;
		margin: 0px;
	}

	table.table.annual-fee th,
	table.table.learning-resource th {
		font-size: 12px;
		color: #000;
	}

	.card {
		box-shadow: none;
	}

	input.form-control.question-input,
	textarea.form-control.question-input,
	iframe.video_iframe,
	audio {
		margin-left: 0px;
	}

	.canvas-container {
		width: 100% !important;
		height: 100vh !important;
	}

	.pdf-canvas {
		width: 100% !important;
		height: 100vh !important;
	}
	#fraDisabled{
		position: fixed;
		padding-right: 10px;
	}
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {

	table.table.academic tbody tr td,
	table#qualification-table tbody tr td,
	table#education-table tbody tr td,
	table#experience-table tbody tr td,
	table#chapter-file-row tbody tr td {
		display: inline-block !important;
		width: 100% !important;
		padding-right: 20px;
	}

	section#removeContent {
		margin-top: 80px;
	}

	.container-fluid {
		padding: 0px;
		margin: 0px;
	}

	.container-fluid .col-lg-12.col-md-12.col-sm-12.col-xs-12 {
		margin: 0px;
		padding: 0px;
	}

	.navbar>.container .navbar-brand,
	.navbar>.container-fluid .navbar-brand {
		margin-left: 50px;
		width: 73%;
	}

	.info-container {
		margin: -142px 15px !important;
	}

	.profile-image img {
		width: 100%;
	}

	.col-md-6.header-side-left {
		margin: 0px;
		padding: 0px;
	}

	.row.two-col {
		margin: 0px;
	}

	.col-md-6.header-side-right {
		padding: 0px;
	}

	.body.side-content {
		margin-top: 0px;
		padding: 15px;
	}

	.body.desktop {
		padding: 15px;
	}

	.timer {
		font-size: 25px !important;
		text-align: center;
	}

	ul.read-detail {
		display: unset !important;
	}

	button#player_timer {
		font-size: 16px;
		background: transparent;
	}

	ul.read-detail li {
		padding: 2px;
		list-style-type: none;
		font-size: 14px;
	}

	header.student_register.pdf_viewer {
		height: auto;
	}

	iframe#fraDisabled {
		height: calc(100vh - 405px) !important;
	}

	.container.main {
		padding: 5px;
		margin: 0px;
	}

	.timer {
		width: 100%;
		margin: 5px 0px;
		padding: 5px;
	}

	.col-md-2.select-photo {
		display: none !important;
	}

	.row.select-photo-mobile {
		display: block !important;
	}

	td.plus-td.experience-row {
		margin-top: -30px;
	}

	button.btn.btn-secondary {
		background: none;
	}

	footer.footer-normal {
		margin: 0px;
		padding: 0px;
	}

	.col-md-6.company_profile {
		padding: 0px;
		margin: 0px;
	}

	.col-md-6.copy-right {
		text-align: left;
		padding: 0px;
		margin: 0px;
	}

	table.table.annual-fee th,
	table.table.learning-resource th {
		font-size: 12px;
		color: #000;
	}

	table {
		background-color: white;
		border-right: 1px solid rgb(0, 0, 0, 0.1) !important;
	}

	.card {
		box-shadow: none;
	}

	input.form-control.question-input,
	textarea.form-control.question-input,
	iframe.video_iframe,
	audio {
		margin-left: 0px;
	}

	.canvas-container {
		width: 100% !important;
		height: 100vh !important;
	}

	.pdf-canvas {
		width: 100% !important;
		height: 100vh !important;
	}
	#fraDisabled{
		position: fixed;
		padding-right: 10px !important;
	}
}