/*Media query css*/
@media only screen and (max-width:980px){
body:before, body:after, .login-before:before, .login-after:after{content: none;}
.subject-master-module table{overflow-x: auto !important;display: inline-table;border-radius: 0;}
.teacher-master-module table{overflow-x: auto !important;border-radius: 0;}
.full-width{padding: 80px 10px 30px;}
.menu .main-menu{top: 0px !important;}
.fixed-top{left: 40px !important;}
.page-footer a{padding: 0px 10px;}
.desktop-menu{display: none;}
.mobile-menu{display: block;padding: 5px 5px !important;background-color: #004da3;position: fixed;width: 70px;}
.c-hamburger{margin: 0px !important;}
.sub-menu li a{margin: 3px 10px;padding: 5px 10px;}
.sub-menu li a:hover span{color: #FFF;}
.sub-menu li a span{color: #363636;}
.mobile-menu ul li i {position: relative;display: block;width: 40px;height: 40px;text-align: center;top: 2px;background-position: center;margin: 0}
.fixed-top{z-index: 1 !important;}
.sub-menu li a:hover i{filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(324deg) brightness(102%) contrast(104%);}
.subject-master-modal .modal-dialog {max-width: initial;width: 100%;margin: 0px !important;}
.full-width h1{text-align: center;}
.breadcrumbs ul{margin: 0px 0px 10px 10px;}
.justify-content-start, .justify-content-end{justify-content: center !important;margin: 0px 0px 10px !important;}
.teacher-master-module .search-form{width: 100%;}
.dates-availability-div{padding: 30px 10px;}
.bycall-div {width: 50%;}
.full-width button{font-size: 17px;}
.dates-availability table tr{border-bottom: 1px solid #a8a8a8;display: grid;padding: 20px 5px;background-color: #FFF;border-radius: 20px;margin: 0px 0px 15px;}
.switch span{padding: 0px 0px 0px 10%;}
.availability-timing .form-label, .checkmark{background-color: #FFF;}
.head-profile{justify-content: center;}
/*jul-28*/
.box-div{display: block;width: 100%;}
.box-layout1 .profile-div{margin: 0px 0px 30px;padding: 30px 20px;}
.teacher-profile{width: 100%;float: left;margin: 0px 0px 20px;}
.teacher-contact{width: 45%;float: left;margin: 0px 25px 0px 0px;}
.teacher-location{width: 50%;justify-items: flex-start;padding: 0px;}
.teacher-avail-timing{padding: 0px;}
#subject-master-module{display: inline-table;}
.w-100{margin: 0px;}
.teacher-details{margin: 0px 0px 5%;}
.subjects{width: 100%;}

.collapsed .teacherviewbox p{width: 100%;}
.collapsed .teacherviewgrid {grid-template-columns: repeat(4,1fr);}
.teacherviewgrid{grid-template-columns: repeat(3,1fr);}
#teachersdetails .card{position: inherit;}
.viewmore-txt, .viewless-txt{top: -75%;right: 15px;}
div:not(.collapsed) .viewless-txt{top: -30%;right: 15px;}
.teacherviewbox p{width: 100%;float: left;}
.choosed-date{grid-template-columns: repeat(1,1fr);}

}

@media only screen and (max-width:768px){
	.login-box{padding: 50px 20px;border-radius: 0px;}
.subject-index{display: block;}.subject-index .vl{display: none;}.subject-master-module .justify-content-end{justify-content: center !important;}.full-width h1, .full-width h2{text-align: center;padding: 0px 0px 10px;}.login-box p br{display: none;}
.add-teacher-form .split-form{grid-template-columns: repeat(1,1fr);}
/*jul-28*/
.teacher-contact{width: 100%;margin: 0px 0px 20px;}
.teacher-location{width: 100%;}

.availablegridboxx{grid-template-columns: repeat(2,1fr);}
.collapsed .teacherviewgrid {grid-template-columns: repeat(2,1fr);display: grid;}

}

@media only screen and (max-width:640px){
	.box-layout{margin-top: 0px !important;}
	.subject-master-modal .form-label{font-size: 15px !important;}
	.subject-master-modal .form-control{padding: 8px 3px;}
	.subject-master-modal .modal-body {padding: 50px 15px;}
	.subject-master-modal .modal-header{padding: 10% 0px 0px 15px;}
	.subject-master-modal button.btn.left-arrow{font-size: 17px;}
	.subject-master-module table, .add-teacher-form .form-group{display: block;}
	/*jul-28*/
	.add-teacher-box{padding: 30px 10px;margin: 0px;}
	/*end-jul-28*/
	.default-div, .additional-div{display: block;}
	.availability-timing .form-outline{width: 30%;float: left;padding:0px 10px 0px 0px;}
	.availability-timing .input-adds{width: 15%;float: left;}
	.availability-timing .bycall-div{width: 25%;float: left;}
	.availability-timing select{padding: 15px 5px;}
	.applyall-div .pr-45{display: none !important;}
	/*jul-28*/
	.add-teacher-form .form-group label{width: 100%;}
	.breadcrumbs li a{font-size: 14px;}
	.breadcrumbs li::before{padding: 0px 3px;position: relative;top: 3px}
	.container{padding: 0px 10px;}
	.subject-master-module .container{padding: 0px;}	
	#subject-master-module{display: block;}
	.add-teacher-form .eye{top:43%;}
	.page-link {padding: 5px 8px !important;font-size: 16px;}
	.paging_full_numbers{float: none;margin: 15px 0px;}
}

@media only screen and (max-width:575px){
	.navbar-logo{display: block !important;}
	/*jul-28*/
	.teacher-location{grid-template-columns: repeat(1, 1fr);}
	.available-box{display: block;border-bottom: 1px solid #bbb;margin: 0px 0px 20px;}
	.teacher-availability{padding: 30px 20px;}
	.teacher-avail-timing{width: 100%;}
	.days-name {width: 100%;color: #000;padding: 0px 0px 10px;}
	.box-layout1{padding: 0px 0px 30px;margin: 0px;width: 100%;}
	.teacher-profile img{width: auto;}
	.teacher-details{margin: 10px 10px 5%;padding: 30px 10px;}
	.accordion .card-header button{padding: 10px 40px 0px 0px;font-size: 20px;}
	.accordion .card-header button::after{right: 0px;}
	.accordion .card-body table td{font-size: 17px;}
	.teacher-details p{text-align: center;padding: 0px 0px 10px;}
	.subject-master-modal .form-outline{display: block;float: left;}
	.subject-master-modal .form-outline .col1, .subject-master-modal .form-outline .col3{width: 100%;}
	.subject-master-modal .form-outline .col2{display: none;}
	.subject-master-modal {top: 10%;}

	.viewmore-txt, .viewless-txt{top: -67%;}
	.teacherviewgrid {grid-template-columns: repeat(2,1fr);gap: 30px;}
	
}

@media only screen and (max-width:480px){
	.availability-timing .form-outline{width: 45%;}
	.availability-timing .input-adds{width: 10%;}
	.availability-timing .bycall-div{width: 100%;}
	.switch span {padding: 0px 0px 0px 20%;}
	.additional-div{float: left;border-top: 1px solid #afafaf;}
	.dates-availability-div{width: 100%;display: table-row;}
	.applyall-div{grid-template-columns: repeat(1, 1fr);}
	.available-icon{padding: 20px 0px 0px;}
	/**/
	.viewmore-txt, .viewless-txt {
		top: -45%;
	}
	div:not(.collapsed) .viewless-txt {
		top: -18%;
		right: 15px;
	}
	.boxed-layout{padding: 20px 10px;}

}