@font-face {
    font-family: 'Noto Sans Regular';
    src: url('fonts/notosans/regular/NotoSans-Regular-webfont.eot');
    src: url('fonts/notosans/regular/NotoSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/notosans/regular/NotoSans-Regular-webfont.woff') format('woff'),
         url('fonts/notosans/regular/NotoSans-Regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans Bold';
    src: url('fonts/notosans/bold/NotoSans-Bold-webfont.eot');
    src: url('fonts/notosans/bold/NotoSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/notosans/bold/NotoSans-Bold-webfont.woff') format('woff'),
         url('fonts/notosans/bold/NotoSans-Bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans Italic';
    src: url('fonts/notosans/italic/NotoSans-Italic-webfont.eot');
    src: url('fonts/notosans/italic/NotoSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/notosans/italic/NotoSans-Italic-webfont.woff') format('woff'),
         url('fonts/notosans/italic/NotoSans-Italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face{
  font-family:barca;
  src:url(../fonts/barca.ttf);
}

body {
  background: #f5f3f3;
}

body, h1, h2, h3, h4, h5 {
  font-family: 'Noto Sans Regular', sans-serif!important;
  color: #363636;
  font-size: 1.4em;  /*80% css font-size added*/
  font-style: normal;
}

input:placeholder-shown {
  color: #777777;
}

input, textarea, selectbox {
  color: #b9b9b9;
}

a {
  transition: color 0.2s;
  -webkit-transition: color 0.2s;
  color: #2881e0;
}

a:hover {
  text-decoration: none;
}

a:focus {
  text-decoration: none;
}

span.manage-icon {
  background: url(../imgs/dashboard/manage.svg) center center;
  width: 25px;
  height: 25px;
  display: inline-block;
  background-size: contain;
  margin-right: 12px;
  position: relative;
  top: 3px;
}

.btn-red {
  background: #f8577f;
  border: none;
  color: #fff;
}

.btn-red:focus {
  outline: 0;
}

span.dot {
  display: inline-block;
  background: #777;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  vertical-align: middle;
}

.classroom-list .table-responsive {
  overflow-y: hidden;
}

.only-mobo {
  display: none !important;
}

/*.classes, .classroom {*/
  /*min-height: 110px;*/
/*}*/  /* not working proper in other browsers */

.bnt {
  border-top: none !important;
}

.show {
  display: block;
}

.hide {
  display: none;
}

.center {
  text-align: center !important;
}

.btn-yes, .btn-no {
  border-radius: 20px;
  width: 100px;
  padding: 9px 0;
  border: none;
  color: #fff;
  font-size: 16px;
}

.btn-yes {
  background: #09d189;
}

.btn-yes:hover, .btn-yes:focus {
  background: #09d189;
  color: #fff;
  outline: none !important;
  border: none !important;
}

.btn-no {
  background: #eac042;
}

.btn-no:hover, .btn-no:focus {
  background: #eac042;
  color: #fff;
  outline: none !important;
  border: none !important;
}

@media (min-width: 768px) {
  .container-small {
    width: 700px;
  }
}

@media (min-width: 992px) {
  .container-small {
    width: 700px;
  }
}

@media (min-width: 1200px) {
  .container-small {
    width: 50%;
  }
}

/*back/esc buttons*/
.back, .esc {
  width: 25px;
  text-align: center;
  color: #777;
}

.back img, .esc img {
  display: block;
  width:20px; /*80% css 25 to 20*/
  margin:auto; /*80% css margin added*/
}

.back p, .esc p {
  margin-top: 5px;
  font-size:12px;   /*80% css 14 to 12*/
}

.back {
  position: absolute;
  top: 15px;
  left: 15px;
}

.esc {
  position: absolute;
  top: 15px;
  right: 15px;
}
.custom-esc{
 position: absolute;
  top: 15px;
  right: -25px; 
}
.mt {
  margin-top: 10px;
}

.btn-rounded-green {
  background: #09d189;
  border: none;
  color: #fff;
  padding: 13px 50px;
  font-size: 16px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -o-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
}

.btn-rounded-green:focus {
  outline: none;
}

/*5 column layout*/
.col-xs-20,
.col-sm-20,
.col-md-20,
.col-lg-20 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.col-xs-20 {
  width: 20%;
  float: left;
}

@media (min-width: 768px) {
  .col-sm-20 {
    width: 20%;
    float: left;
  }
}

@media (min-width: 992px) {
  .col-md-20 {
    width: 20%;
    float: left;
  }
}

@media (min-width: 1200px) {
  .col-lg-20 {
    width: 20%;
    float: left;
  }
}

.light-heading {
  color: #cecece;
}

.main-header {
  background: #fff;
  height: 60px;
}

.main-header nav.top-navigation a {
  line-height: 60px;
  color: #393939;
  font-size: 1.6rem;
  margin-left: 55px;
}

.main-header .menu-icon {
  margin-right: 12px;
}

.main-header .menu-icon img {
  width: 23px;
}

main.main-content,
section.main-content-body{
  margin-top: 10px
}

main.main-content .container {
  border: solid;
  height: 300px;
}

.main-title h1 {
  font-weight: bold;
  font-size: 1.7em;
}

.add-classroom-btn {
  margin-top: 30px;
  float:right;
}

.add-classroom-btn button.btn-red {
  padding: 7px 40px;
  letter-spacing: .5px;
  font-size: 12px;   /*80% css 1.1em to 12*/
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

.add-classroom-btn button.btn-red:hover {
  background: #FF658B;
}

.add-classroom-btn button.btn-red span {
  margin-right: 10px;
}

section.main-content-body {
  position: relative;
  /*margin-top: 15px; !*Changed 20px*!*/
}

section.main-content-body .nav-tabs {
  border: none;
}

section.main-content-body .du-buttons button.btn-default {
  color: #777777;
  padding: 4.8px 24px;    /*80% css 6,30 to 4.8,24*/
  font-size: 12px;        /*80% css font-size*/
  background: transparent;
}

section.main-content-body .search-bar {
  background: #fff;
  border: solid 1px #dfdfdf;
  border-bottom: none;
  margin: 0;
}

section.main-content-body .search-bar input.form-control {
  position: relative;
  border: 1px solid rgba(223, 223, 223, 0.78);
  top: 8px;
  right: 8px;
  margin-top: 2px;
  height: 38px;
  background: url(../imgss/dashboard/search.png) no-repeat 10px center;
  background-size: 25px;
  padding-left: 50px;
  width: 320px;
}

section.main-content-body .tc {
  background: #fff;
}

section.main-content-body .tab-content {
  border: solid 1px #dfdfdf;
  border-top: none;
}

section.main-content-body .tab-content .classroom-list {
  padding: 10px;
}

section.main-content-body .tab-content .classroom-list figure.class-profile, section.main-content-body .tab-content .classroom-list .class-title {
  display: inline-table;
}

section.main-content-body .tab-content .classroom-list figure.class-profile .class-title, section.main-content-body .tab-content .classroom-list .class-title .class-title {
  margin-left: 10px;
}

section.main-content-body .tab-content .classroom-list figure.class-profile {
  margin-left: 8.8px;    /*80% css 11 to 8.8*/
}

/*for classroom-list + class list*/
.classroom-list table.my-classrooms {
  width: 99%;   /*80% css width added*/
  margin: 0 auto;
}

.classroom-list table.my-classrooms td {
  vertical-align: text-top; /*Changed - middle */   /*80% css text-top to initial*/
}

.classroom-list table.my-classrooms .class-title {
  margin-left: 10px;
}

.classroom-list table.my-classrooms .class-title small {
  color: #a1a1a1;
  font-size: 14px;
}

.classroom-list table.my-classrooms .class-type {
  color: #a1a1a1;
  font-size: 16px;
}

.classroom-list table.my-classrooms .teachers ul {
  list-style-type: none;
}

.classroom-list table.my-classrooms .teachers ul li.tchr {
  font-size: 17px;
  color: #393939;
}

.classroom-list table.my-classrooms .teachers ul li.tchr span.subject {
  font-size: 15px;
  color: #51b1dd;
}

.classroom-list table.my-classrooms .teachers ul .more a {
  color: #c7c7c7;
  font-size: 16px;
}

.classroom-list table.my-classrooms .pop-menu {
  position: relative;
}

.classroom-list table.my-classrooms .pop-menu button.btn-default {
  background: none;
}

/*Pagination - Nav*/
.page-navigation {
  background: #fff;
  border: 1px solid #DFDFDF;
  border-top: 0;
}

.page-navigation button {
  position: relative;
  top: -33px;
  margin: 0 5px;
  padding: 5px 20px;
  color: #adadad;
  background: #f9f9f9;
  border: 1px solid #dfdfdf;
  border-bottom: 2px solid #dfdfdf;
}

.page-navigation button:hover {
  border: 1px solid #dfdfdf;
}

.page-navigation .pagination li a {
  color: #adadad;
  background: #f9f9f9;
}

.page-navigation .pagination li a:focus {
  background: #f9f9f9;
}

.page-navigation .pagination li.active a {
  border-color: #dfdfdf;
  color: #393939;
}

.page-navigation .pagination li.active a:hover {
  background: #f9f9f9;
}

/*Tabs*/
.mytabtrigger a {
  font-size: 12px;  /*80% css 16 to 12*/
}

/*pop-over*/
.pop-over {
  display: none;
  position: absolute;
  top: 51px; /*Changed - 75 */
  z-index: 9;
  right: 54px; /*Changed - 37 */
  width: 240px;
}

.pop-over ul.menu {
  list-style-type: none;
  display: inline-table;
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 11px 14px 26px -8px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 11px 14px 26px -8px rgba(0, 0, 0, 0.16);
  -o-box-shadow: 11px 14px 26px -8px rgba(0, 0, 0, 0.16);
  -ms-box-shadow: 11px 14px 26px -8px rgba(0, 0, 0, 0.16);
  box-shadow: 11px 14px 26px -8px rgba(0, 0, 0, 0.16);
}

.pop-over ul.menu li {
  width: 100%;
  border: 1px solid #c6c6c6;
  text-align: center;
  background: #fff;
  padding: 9px;
  cursor: pointer;
}

.pop-over ul.menu li a {
  color: #535353;
}

.pop-over ul.menu li a:focus {
  text-decoration: none;
}

.pop-over ul.menu li:first-child {
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  border-bottom: none;
}

.pop-over ul.menu li:last-child {
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  border-top: none;
}

/*Tab2 classes section*/
.classes-list .my-classes .class-title {
  position: relative;
  top: -15px;
}

.classes-list .my-classes .class-profile {
  margin-top: 10px;
}

/*pop-up*/
.rc-pop-up {
top: 50%;
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, -50%) !important;
-moz-transform: translate(-50%, -50%) !important;
-o-transform: translate(-50%, -50%) !important;
-ms-transform: translate(-50%, -50%) !important;
transform: translate(-50%, -50%) !important;
margin: 0 !important;
}

.rc-pop-up .modal-content .modal-header {
  border: none;
  padding: 12px 12px 0 12px;    /*80% css 35,35,0,35 to 12,12,0,12*/
}

.rc-pop-up .modal-content .modal-header .modal-title {
  margin: 0;
  font-size: 16px;    /*80% css 20 to 16*/
  line-height: 1.5;
  letter-spacing: .3px;
}

.rc-pop-up .modal-content .modal-body {
  margin-top: 10px;
  margin-bottom: 30px;
  padding:0 12px;  /*80% css padding added*/
}

.rc-pop-up .modal-content .modal-body button {
  margin-left: 20px;
}

/*transfer-message*/
.transfer-message {
  background: #fff;
  border-left: solid 3px #f7a710;
  font-size: 1.3em;
  padding-left: 20px;
  margin-bottom:10px;
}

.transfer-message p {
  color: #393939;
  line-height: 55px;
}

.transfer-message span.transfer-icon img {
  width: 30px;
  margin-right: 15px;
}

/*ADD CLASS PAGE*/
.assign-teacher-wrap, .class-profile-wrap, .classroom-profile-wrap {
  margin-top: 100px !important;
  background: #fff;
  position: relative;
}
main.add-class-wrap{
  background: #fff;
  position: relative;
}
main.add-class-wrap .header, .assign-teacher-wrap .header, .class-profile-wrap .header, .classroom-profile-wrap .header {
  border-bottom: 1px solid #c4c4c4;
  padding-bottom: 20px;
  text-align: center;
  margin-top: 40px;
}

.Add-c-headings h1 {
  font-size: 25px;
  display: inline-block;
}

.Add-c-headings p .add-icon {
  width: 25px;
  margin-right: 10px;
  background: url(../imgs/dashboard/plus.png) no-repeat center bottom;
  background-size: contain;
  display: inline-block;
  height: 22px;
  position: relative;
  top: 6px;
}

.Add-c-headings h2 {
  margin-top: 0;
  color: #777777;
  letter-spacing: .3px;
}

.add-class-body {
  margin-top: 30px;
  padding: 0px 20px;
}

.add-class-body .form-group {
  /*margin-left: 30px;*/
}

.add-class-body .form-group label {
  font-weight: 300 !important;
  font-size: 14px;    /*80% css 18 to 14*/
  color: #777777;
}

.add-class-body .form-group input[type="text"] {
  margin-top: 5px;
  width: 100%; /*Changed 80%*/
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 3px;
  border: 1px solid #BDBCBC;
  font-size: 14px;    /*80% css 16 to 14*/
  padding: 8px 10px;
}

.add-class-body .form-group button.add-more {
  margin-top: 15px;
  padding: 8px 48px;
  background: #ededed;
  font-size: 16px;
  color: #1485e0;
}

.add-class-body .row.submit-sec {
  margin-top: 30px;
  padding-bottom: 60px; /* Changed margin to padding*/
}

.add-class-body button.btn-red {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  background: #f8577f;
  border: none;
  color: #fff;
  padding: 8px 100px;
  font-size: 16px;
}

main.assign-teacher-wrap {
  margin-bottom: 50px;
  margin-top: 50px !important;
  background: #fff;
  position: relative;
}

main.assign-teacher-wrap .header {
  border: none;
  margin-top: 10px;
}
/*
main.assign-teacher-wrap .assign-teacher-body .do_assign {
  margin-top: 50px;
  margin-left: 30px;
}
*/
main.assign-teacher-wrap .assign-teacher-body .do_assign input[type=text] {
  border: none;
  border-bottom: 1px solid #b0b0b0;
  font-size: 16px;
  padding: 12px 5px;
  width: 100%;
  color: #000000;
  margin-right: 15px;
}

main.assign-teacher-wrap .assign-teacher-body .do_assign input[type=text]:focus {
  outline: none;
}

.teachers-grid {
  padding: 0 20px;
  margin-top: 50px;
  margin-left: 25px;
  margin-bottom: 20px;
}

.teachers-grid .teacher {
  margin-top: 10px;
  width: 120px;
  position: relative;
}

.teachers-grid .teacher .remove {
  position: absolute;
  z-index: 999;
  background: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  display: none;
  top: -10px;
  right: 10px;
}

.teachers-grid .teacher .remove img {
  width: 30px;
}

.teachers-grid .teacher:hover .remove {
  display: block;
}

.teachers-grid .teacher .teacher-dp {
  display: block;
  width: 100px;
  height: 100px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
}

.teachers-grid .col-md-20:nth-child(5n+1) .teacher-dp {
  background: #9cc35f;
}

.teachers-grid .col-md-20:nth-child(5n+2) .teacher-dp {
  background: #f65e7e;
}

.teachers-grid .col-md-20:nth-child(5n+3) .teacher-dp {
  background: #34a7f0;
}

.teachers-grid .col-md-20:nth-child(5n+4) .teacher-dp {
  background: #eac042;
}

.teachers-grid .col-md-20:nth-child(5n+5) .teacher-dp {
  background: #f65e7e;
}

.teachers-grid .col-md-20 p.teacher-name {
  font-size: 16px;
  color: #393939;
  margin-top: 10px;
  margin-bottom: 0px;
  
}

.teachers-grid .col-md-20 p.subject-name {
  font-size: 15px;
  color: #51b1dd;
  margin-top: 0px;
  margin-bottom:10px;
}

main.class-profile-wrap, .classroom-profile-wrap {
  padding-bottom: 50px;
  margin-top: 50px !important;
  background: #fff;
  position: relative;
}

main.class-profile-wrap .header, .classroom-profile-wrap .header {
  border: none;
  margin-top: 10px;
}

.class-profile-body .profile-left .profile-container {
  background: #f2f2f2;
  padding: 50px 25px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}

.class-profile-body .profile-left .subscribers {
  margin-top: 15px;
}

.class-profile-body .profile-left .subscribers h3 {
  font-size: 18px;
  margin-top: 12px;
}

.class-profile-body .profile-left .activity .messages, .class-profile-body .profile-left .activity .contacts {
  font-size: 18px;
  color: #777;
}

.class-profile-body .profile-left .activity .messages img, .class-profile-body .profile-left .activity .contacts img {
  padding: 5px;
}

.class-profile-body .profile-right h3.title {
  font-size: 16px;
  color: #777777;
}

.class-profile-body .profile-right .section, .class-profile-body .profile-right .grade {
  border-bottom: solid 1px #b0b0b0;
  padding-bottom: 3px;
}

.class-profile-body .profile-right .section h2, .class-profile-body .profile-right .grade h2 {
  font-size: 1.7em;
}

.class-profile-body .profile-right .section, .class-profile-body .profile-right .grade, .class-profile-body .profile-right .teachers {
  margin-top: 30px;
}

.class-profile-body .profile-right .teachers .teacher-wrap {
  margin-top: 15px;
}

.class-profile-body .profile-right .teachers .teacher-wrap .p_teacher {
  display: inline-block;
  margin-right: 15px;
}

.class-profile-body .profile-right .teachers .teacher-wrap .p_teacher img {
  width: 110px;
}

main.classroom-profile-wrap {
  padding-bottom: 80px;
}

main.classroom-profile-wrap .profile-left .profile-container {
  background: none;
  border: solid 1px #b5b5b5;
  background-color:#F3F3F3;
}

main .profile-container-profile {
  background: none;
  border: none;
}

main.classroom-profile-wrap .profile-right .classes .class_wrap .class-btn {
  padding: 8px 20px;
  background: #f4f4f4;
  margin: 3px;
  font-size: 14px;  /*80% css 16 to 14*/
  color: #393939;
  display: inline-block;
}

main.classroom-profile-wrap .profile-right .classes .class_wrap .class-btn span {
  color: #51b1dd;
}

section.main-content-body .search-bar-select {
  background: #fff;
  border-bottom: none;
  font-weight:normal;
  margin: 0;
  padding-top: 15px; 
  padding-bottom: 5px;
  padding-right: 15px;
  padding-left: 15px;
}
section.main-content-body .search-bar-select label{
	font-weight:normal;
}
section.main-content-body .search-bar-select select.form-control {
	border: 1px solid rgba(223, 223, 223, 0.78);
	margin-left:10px;
}
section.main-content-body .search-bar-select input.form-control {
  position: relative;
  border: 1px solid rgba(223, 223, 223, 0.78);
  background: url(../imgs/dashboard/search.png) no-repeat 10px center;
  background-size: 15px;
  padding-left: 35px!important;
}
.mytabtrigger a:hover{
	border: none;
}
/*Added*/
figure.class-profile img { 
    width: 60px;
	vertical-align: text-top;
}
.title-name{
    font-size: 14px;    /*80% css 18 to 14*/
    color: #000000;
}
.title-description{
	color:#a1a1a1;
  font-size: 12px;    /*80% css font-size added*/
}
.title-description-class,.title-description-class-sec{
    color: #a1a1a1;
	clear:both;
	float:left;
}
.nav-tabs>li.active.mytabtrigger>a { 
    color: #000;
    font-size: 12px;    /*80% css 18 to 12*/
    font-family: 'Noto Sans Regular';
    font-weight: normal;
}
section.main-content-body .tab-content .classroom-list figure.class-profile{
	margin-right:20px;
}
.add-heading-manage {
    font-size: 16px;      /*80% css 18 to 16*/
}
.add-subheading-manage {
    font-size: 14px;      /*80% css 16 to 14*/
	color:#a1a1a1;
}
.assing-heading{
	padding-top:0em;
	font-size:18px;        /*80% css 22 to 18*/
}
form.search-teacher-assign {
    padding: 0 20px;
}
.assign-teacher-body {
    margin-top: 25px;
}
.esc > a > span {
    color: #a1a1a1;
    font-size: 12px;   /*80% css font-size added*/
}
.profile-title {
    color: #a1a1a1;
    font-size: 14px;      /*80% css 16 to 14*/
	margin-bottom: 10px;
}
.profile-description {
    font-size: 16px;        /*80% css 18 to 16*/
}
.profile-subdescription {
    font-size: 18px;      /*80% css 20 to 18*/
	color:#51b1dd;
}
.profile-description-title {
    font-size: 14px;      /*80% css 16 to 14*/
}
.profile-subdescription-title {
    font-size: 16px;  
	color:#51b1dd;
}
.profile-section,.classes{
	margin-top: 30px;
    padding-bottom: 3px;
}
.profile-section{
	border-bottom: solid 1px #b0b0b0;
}
.activity {
    margin-top: 20px;
}
.profile-img-caption{
	padding-top:10px;
}
.btn-manage-xs{
	margin-top:10px;
}
/*.Add-c-headings{*/
	/*padding-top: 20px;*/
/*}*/
.manage-btn-float{
	float:none;
}
span.ladda-label {
    font-size: 12px;    /*80% css 16 to 12*/
}
.group-mt {
    margin-top: 20px;
}
.col-sm-12.mt.group-mt input:last-child {
    margin-top: 20px;
}
.profile-section:first-child {
    margin-top: 0px;
}
.profile-container-profile img {
    min-width: 120px;       /*80% css 150 to 120*/
}
.class-profile-body {
    padding-top: 10px;
}
.profile-image-container {
    padding: 15px 0px;
}
.profile-image-container img {
    width: 60px;
    padding-right: 10px;
}	
/*Added Ends*/
@media only screen and (min-width: 317px) and (max-width: 479px) {
  .head-section .main-title {
    margin-left: 10px;
  }
  .only-mobo {
    display: inherit !important;
  }
  .only-pc {
    display: none !important;
  }
  .main-header nav.top-navigation a {
    margin-left: 23px;
    /*assign-teacher*/
  }
  .assign-teacher-body .do_assign {
    margin-left: 10px !important;
  }
  .assign-teacher-body .do_assign input[type=text] {
    margin-bottom: 10px;
    width: 96% !important;
  }
  .table-responsive { 
	border:0px;
 }
 .classroom-list{
	margin-left:0px;
	margin-right:0px;
 }
 section.main-content-body .search-bar-select select.form-control{
	margin-left:0px;
 }
 .container-greeting-text-type2 span{
    font-size: 22px;
 }
 .search-manage-row{
	float:none !important;
 } 
 .page-navigation-container{
	margin-right:-15px !important;
	margin-left:-15px !important;
 }
  .mytabtrigger>a { 
    font-size: 15px !important;
    font-weight: normal;
 }
	.add-classroom-btn{
		float:left;
		margin-top: 15px;
	} 
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .head-section .main-title {
    margin-left: 10px;
  }
  .only-mobo {
    display: inherit !important;
  }
  .only-pc {
    display: none !important;
    /*assign-teacher*/
  }
  .assign-teacher-body .do_assign input[type=text] {
    margin-bottom: 10px;
    width: 300px !important;
  }
  .class-profile-body .profile-left .profile-container {
    text-align: center;
  }
  .class-profile-body .profile-left .profile-container img {
    display: inline-block !important;
  }
 .table-responsive { 
	border:0px;
 }
 .classroom-list{
	margin-left:0px;
	margin-right:0px;
 }
 section.main-content-body .search-bar-select select.form-control{
	margin-left:0px;
 }
 .search-manage-row{
	float:none !important;
 }
	.add-classroom-btn{
		float:left;
		margin-top: 15px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .only-mobo {
    display: none !important;
  }
  .manage-classes-downbtn{
	padding: 5px 10px;
    font-size:12px;
  }
	.add-classroom-btn{
		float:left;
		margin-top: 15px;
	}  

@media only screen and (max-width: 991px) { /* Added */
	.add-classroom-btn{
		float:left;
		margin-top: 15px;
	}
	section.main-content-body .du-buttons button.btn-default.manage-classes-downbtn{
		padding: 5px 10px;	
	}	
}