/* Student login and Signup */
*{font-family: 'Roboto', sans-serif;box-sizing: border-box;line-height: 1.5;}
.row{display: inline-table;width: 100%;padding: 0;margin: 0;}
#register_form{margin: 0 auto;background-color: #fff;border-radius: 10px;box-shadow: 0 2px 4px #ccc;}
#LoginFOrm{margin: 0 auto;background-color: #fff;border-radius: 10px;box-shadow: 0 2px 4px #ccc;}
#LoginForm{margin: 0 auto;background-color: #fff;border-radius: 10px;box-shadow: 0 2px 4px #ccc;}
.topBanner{background-image: url(https://www.guruvandana.us/wp-content/uploads/2020/03/img07-1.jpg);background-repeat: no-repeat;background-size: cover;}
.topBanner .ovarlay{background-color:rgba(2, 70, 140, 0.8);padding: 60px 35px;text-align: center;}
.topBanner .ovarlay h4{color: #fff;margin: 0;padding: 0;font-size: 36px;line-height: 0.5;font-weight: 300;}
.topBanner .ovarlay h3{color: #F78003;font-size: 40px;text-shadow: 0 0 10px #000;padding: 0; margin: 0;text-transform: uppercase;}
label.error{text-align:left;margin-left: 10px;background-color: #fff;color: rgba(255, 0, 0, 0.6);margin: 0;padding: 0;font-size: 12px;text-transform: none;letter-spacing: 0.6px;line-height: 1;display: block;}       
#register .error_show{color: red;margin-left: 10px;}
.submitbtn{background-color: #4CAF50!important;font-size: 16px;font-weight: 600;line-height: 1;}
.btnForgot{background-color: transparent;border:0;color: #2196F3!important;margin-right: -15px;float: right; cursor: pointer;}
[hidden]{display: none!important;}
.profileimg{background-color: #fff!important;border: 1px solid #ccc;border-radius: 4px;   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);font-size: 14px;line-height: 1.42857143;color: #666;position: relative;height: 38px;margin-bottom: 4px;}
.profileimg input[type=file]{font-size: 1px;height: 36px;width: 100%;margin: 0;padding: 0;}
.customFile{position: absolute;top: 0;width: 100%;background-color: #fff;border-radius: 6px;}
#custom-button {color: white;background-color: #00BCD4;border: 0;border-radius: 0;cursor: pointer;font-weight: 600;height: 36px;width: 40%;float: left; position: absolute; top: 0px; left: 0px;}
#custom-button:hover {background-color: #00b28f;}
#custom-text {margin-left: 10px;color: #666;word-break: break-all;width: 55%;float: left;line-height: 36px; position: absolute; top:4%; left: 40%}
div, input, p{box-sizing: border-box;font-family: 'Roboto', sans-serif;}
.loginBox{margin: 0 auto;}
.form-group{margin-bottom: 10px;}
.form-group-check{display: block;margin-bottom: 15px;}
.form-group-check input {padding: 0;height: initial;width: initial;margin-bottom: 0;display: none;cursor: pointer;}
.form-group-check label {position: relative;cursor: pointer;color: #666;font-style: italic;font-size: 12px;}
.form-group-check label:before {content:'';-webkit-appearance: none;background-color: transparent;border: 2px solid #aaa;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); padding: 5px;display: inline-block;position: relative;vertical-align: middle;cursor: pointer; margin-right: 8px;margin-top: -2px;}
.form-group-check input:checked + label:after {content: '';display: block;position: absolute;top: -2px;left: 8px;width: 6px;height: 14px;border: solid #ce5c0a;border-width: 0 2px 2px 0;transform: rotate(45deg);}
.container{width: 100%;height: 100%;position: relative;text-align: center;padding-left: 0;padding-right: 0}
#container_demo{text-align: left;margin: 0;padding: 0;position: relative;}
.container_demo{text-align: left;margin: 0;padding: 0;position: relative;}
a.hiddenanchor{display: none;}
#wrapper{right: 0px; width:100%;height: 100%;margin: 0px auto;position: absolute;top: 0;}
#wrapper h1{font-size: 48px;color: #F78003;padding: 20px 0 30px 0;font-weight: bold;text-align: center;   margin: 0;}
#wrapper a{color: rgb(95, 155, 198);text-decoration: underline;}
p.login.button,p.signin.button{text-align: center;margin: 5px 0;}
p.login .btn-warning, p.signin .btn-warning{background-color: #F78003;font-weight: 600;font-size: 18px;}
p.change_link{position: relative;color: rgb(127, 124, 124);height: 20px;width: 100%;padding: 20px 0;    margin-top: 30px;font-size: 16px ;text-align: right;border-top: 1px solid rgb(219, 229, 232);-webkit-border-radius: 0 0  5px 5px;-moz-border-radius: 0 0  5px 5px;border-radius: 0 0  5px 5px;}
#wrapper p.change_link a {display: inline-block;font-weight: bold;background: rgb(247, 248, 241);padding: 2px 6px;color: #F78003;margin-left: 10px;text-decoration: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;border: 1px solid rgb(203, 213, 214);-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s  linear;-o-transition: all 0.4s linear;-ms-transition: all 0.4s  linear;transition: all 0.4s  linear;}
#wrapper p.change_link a:hover {color: rgb(57, 191, 215);background: rgb(247, 247, 247);border: 1px solid rgb(74, 179, 198);}
#wrapper p.change_link a:active{position: relative;top: 1px;}
#register, #login{position: absolute;top: 0px;width: 100%;padding: 20px 25px;margin: 0 0 35px 0;background: transparent;}
#register{z-index: 21;opacity: 0;}
#login{z-index: 22;}
.custom-file-upload input:disabled::-webkit-input-placeholder{font-weight: normal;}
::-webkit-input-placeholder{color: #666!important;}
input:-moz-placeholder, textarea:-moz-placeholder{color: #666!important;} 
input {outline: none;}
.btn {border-radius: 4px;background-color: #f4511e;border: none;color: #FFFFFF;text-align: center;padding:10px 20px;width: 200px;transition: all 0.5s;cursor: pointer;margin: 5px;}
.btn span {cursor: pointer;color:#fff;display: inline-block;position: relative;transition: 0.5s;}
.btn span:after {content: '\00bb';position: absolute;opacity: 0;top: 0;right: -20px;transition: 0.5s;}
.btn:hover span {padding-right: 25px;}
.btn:hover span:after {opacity: 1;right: 0;}
label { margin-top: 5px;}
input[type=date]::-webkit-inner-spin-button, 
input[type=date]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
input[type="date"]::-webkit-calendar-picker-indicator {color: rgba(0, 0, 0, 0);opacity: 1;display: block;background: url(https://www.guruvandana.us/wp-content/uploads/2020/04/calender-icon.png) no-repeat;width: 20px;height: 20px;border-width: thin;  background-position: center;cursor: pointer;}
/*Form Animation effect*/
#tologin:target~#wrapper #login,#toregister:target~#wrapper #register{z-index:22;-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft;-ms-animation-name:fadeInLeft;-o-animation-name:fadeInLeft;animation-name:fadeInLeft;-webkit-animation-delay:.1s;-moz-animation-delay:.1s;-o-animation-delay:.1s;-ms-animation-delay:.1s;animation-delay:.1s}#tologin:target~#wrapper #register,#toregister:target~#wrapper #login{-webkit-animation-name:fadeOutLeftBig;-moz-animation-name:fadeOutLeftBig;-ms-animation-name:fadeOutLeftBig;-o-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}.animate{-webkit-animation-duration:1s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:1s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-o-animation-duration:1s;-o-animation-timing-function:ease;-o-animation-fill-mode:both;-ms-animation-duration:1s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:1s;animation-timing-function:ease;animation-fill-mode:both}.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s}.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(-20px)}100%{opacity:1;-moz-transform:translateX(0)}}@-ms-keyframes fadeInLeft{0%{opacity:0;-ms-transform:translateX(-20px)}100%{opacity:1;-ms-transform:translateX(0)}}@-o-keyframes fadeInLeft{0%{opacity:0;-o-transform:translateX(-20px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft;-ms-animation-name:fadeInLeft;-o-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@-moz-keyframes fadeOutLeftBig{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(-2000px)}}@-ms-keyframes fadeOutLeftBig{0%{opacity:1;-ms-transform:translateX(0)}100%{opacity:0;-ms-transform:translateX(-2000px)}}@-o-keyframes fadeOutLeftBig{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;-moz-animation-name:fadeOutLeftBig;-ms-animation-name:fadeOutLeftBig;-o-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}
/*Form Animation effect end*/

/*model popup css*/
.result .modal-content{text-align: center;}
.result .modal-content p{color: #060;font-size: 26px;font-weight: 600;}
.result .modal-content p.error{color: #d82b1f!important;background: transparent;
    text-transform: initial;}
.result input[type="button"]{padding: 6px 20px;font-size: 18px;line-height: 1;border-radius: 6px;color: #fff;background-color: #090;border: 1px solid #030;text-decoration: none;font-weight: 600;}
.modal {display: none;position: fixed;z-index: 99;padding-top: 100px;left: 0;top: 0; width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);}
.modal-content {background-color: #fefefe;margin: auto;border: 1px solid #888;}
.close {color: #d82b1f;float: right;font-size: 28px;font-weight: bold;opacity: 0.8;margin-top: -20px;}
.close:hover, .close:focus {color: #000;text-decoration: none;cursor: pointer;}
.closebtn {color: #d82b1f;float: right;font-size: 28px;font-weight: bold;opacity: 0.8;margin-top: -20px;}
.closebtn:hover, .closebtn:focus {color: #000;text-decoration: none;cursor: pointer;}
/*End Signup css*/
/*Student profile css*/
.profileBox{margin: -10% auto 50px;width: 90%;box-shadow: 1px 8px 18px -9px rgba(0,0,0,.75);}
.profile-header{background-color: #F78003;border-top-left-radius: 6px;border-top-right-radius: 6px;width: 100%;padding: 15px 20px;}
.profile-header h2{margin: 0;color: #fff;line-height: 1;text-align: left;}
.btnGroup {float: left;text-align: right;}
.btnGroup .buttons {width: 40px;height: 40px;border-radius: 50%;padding: 0;line-height: 40px;color: #000!important;background-color: #fff!important;text-decoration: none;font-weight: 600;text-align: center;}
.btn-info{float: right;margin-left: 10px;}
.profile-body{background-color: #fff;padding:35px 20px;}
.profile-body p{margin: 8px 0 0}
.profilePic{text-align: center;position: relative;}
.profilePic img { width: 200px;height: 200px; margin: 0 auto;border-radius: 50%;background-color: #f2f2f2;}
.edit-btn{display: block;width: 30px;height: 30px;background-color: #f3802c;color: #fff;  position: absolute;bottom: 10px;right: 30px;border-radius: 50%;text-align: center;   line-height: 30px;font-size: 18px;font-weight: 600;top: unset;}
.invite{text-align: right;}
.video-box{background-image: url(https://www.guruvandana.us/wp-content/uploads/2020/03/img1-banner-1.jpg);background-repeat: no-repeat;background-size: cover;background-position: 0;margin-bottom: 50px;}
.video-content{background-color:rgba(2, 70, 140, 0.8);text-align: center;min-height: 320px;    padding: 30px 20px}
.video-content .row, .comment-box .row{width: 96%;}
h2.heading{margin: 0 0 30px;color: #fff;text-transform: uppercase;text-align: center;}
h2.heading::before, h2.heading::after{content: ""; background-color:#F78003;height: 2px;display: inline-block;vertical-align: middle;}
.video-content p{text-align: justify;color: #fff;font-size: 18px;padding: 10px 0px;}
.comment-box{padding: 30px 20px;}
.sub-heading{width: 65%;margin: 0 auto;text-align: center;font-size: 18px;}
.commentbox {border: 1px solid #ccc;background-color: #fff;border-radius: 5px;padding: 16px;margin: 16px 0;width: 100%;position: relative;box-shadow: 0 1px 1px rgba(0,0,0,.125), 0 2px 3px rgba(0,0,0,.2);}
.commentbox::after {content: "";clear: both;display: table;}
.comment-box h2.heading{margin-bottom: 0;color: #000}
.imgBox{width: 100%;display: grid;text-align: center;}
.imgBox img {float: left;margin: 0 auto 10px;border-radius: 50%;width: 90px;border: 5px solid #fde3e3;}
.commentbox p{font-size: 20px;padding: 10px;color: #777;margin: 0 0 20px;text-align: left;}
.greeting{padding: 0 10px;text-align: left;}
.greeting p{font-size: 21px;color: #2E608A;padding: 0;margin: 0 15px 0 0;font-weight: 500; text-transform: capitalize;}
.greeting span{font-size: 15px;color: #000;margin-left: 8px;font-weight: 400;}
span.quote{font-size: 150px;position: absolute;right: 12px;bottom:0px;line-height: 0;color: #ccc;}
::-webkit-input-placeholder{color: #666!important;}
input:-moz-placeholder, textarea:-moz-placeholder{color: #666!important;}
.text-center{text-align: center!important;}
.btn-Invite{padding: 10px 16px;font-size: 18px;line-height: 1.3333333;border-radius: 6px;color: #fff;background-color: #f3802c;border: 1px solid #f36803;text-decoration: none;font-weight: 600;height: 45px;}
.btn-success{padding: 6px 20px;font-size: 18px;line-height: 1;border-radius: 6px;color: #fff;background-color: #090;border: 1px solid #030;text-decoration: none;font-weight: 600;}
.submitbtn{padding: 6px 20px;font-size: 18px;line-height: 1.3333333;border-radius: 6px;color: #fff;background-color: #f3802c;border: 1px solid #f36803;text-decoration: none;font-weight: 600;height: 40px;}
.panel{margin: 0;box-shadow: none;}
.panel-heading{background-color:#f2f2f2;padding: 15px;border-bottom: 1px solid #f3802c;}
.panel-heading .panel-title{color:#f3802c;font-size: 18px;padding: 0;margin: 0}
.panel-body{padding: 20px 15px;}
.mb-15{margin-bottom: 15px;}
.form-group p{margin: 8px 0 0;font-weight: 400;color: #2E608A;font-size: 16px;text-align: left;}
.form-group p label{font-weight: 600;color: #000;padding-right: 10px;}
.form-control{display: block;width: 100%;height: 34px;padding: 6px 12px!important;font-size: 14px;line-height: 1.42857143;color: #555!important;background-color: #fff!important;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);margin: 0 0 5px;letter-spacing: 0.5px;text-transform: initial;font-weight: 500;}
textarea.form-control{height: 80px;}
.stTeacher table td, table th{color: #666;}
.ptop{padding-top: 30px;}
#editModal #register_form{width: 100%;box-shadow: none;padding: 0;}
#editModal #register_form .profileimg{margin: 0 15px 4px;}
.profile-body .btn-success{padding: 10px 16px;height: 45px;}
.tooltipBtn {display: inline-block;position: relative;}
.tooltipBtn .tooltiptext {visibility: hidden;width: 105px;background: #34639e;color: #fff;text-align: center;border-radius: 6px;padding: 5px 0;font-size: 12px; position: absolute;z-index: 1;top: 35px;left: 0;}
.tooltipBtn:hover .tooltiptext {visibility: visible;}
.tooltipBtn:hover .tooltiptext:before{border: solid;border-color: #34639e transparent;border-width: 0px 6px 8px 6px;content: "";left: 15%;top: -8px;position: absolute;}
.topheading{text-align: left;width: 100%;border-bottom: 2px solid #34639e;padding-bottom: 6px;padding-left: 10px;margin-bottom: 10px;}
.topheading .title h3{margin: 0;color: #2E608A;line-height: 40px;}
.invite .btn-Invite{width: 40px;height: 40px;border-radius: 50%;padding: 0;line-height: 40px;color: #fff!important;background-color: #F78003;text-decoration: none;font-weight: 600;text-align: center;float: right;margin-left: 8px}
#addteacher .topBanner .ovarlay h3{ font-size: 35px;}
#addteacher .profileBox{border-top: 4px solid #F78003;border-top-left-radius: 4px;
    border-top-right-radius: 4px;}
#addteacher .form-group{margin-bottom: 25px;}
#addteacher .formControl{width: 100%;border-width: 0 0 2px 0;height: 30px;border-color: #cacaca;font-size: 15px;margin:0;text-transform: initial;letter-spacing: 0.05px;}
#addteacher .btn-add{background-color: #F78003;color: #fff;font-size: 16px;padding: 10px 20px;text-transform: uppercase;border: 0;border-radius: 5px;text-align: center;margin-top: 20px;}
.inviteTeacher{background-color: #F78003;padding: 30px 0;}
.inviteTeacher p{color: #fff;font-weight: 500;font-size: 18px;margin:0;}
.inviteTeacher .btn-send{margin-left: 10px;background-color: #fff;padding: 8px 20px;  border-radius: 5px;box-shadow: 1px 2px 4px #4e4848;color: #000;text-transform: uppercase;font-size: 14px;text-decoration: none;font-weight: 600;}
.btn-addon{text-align:left;padding-left: 8px;}
.btn-addon button{background-color: #F78003;border: 0;border-radius: 4px;height: 30px;width: 35px;color: #fff;font-size: 18px;padding: 0;}
.attachment{text-align: left;}
.attachment .fa{-webkit-transform: scaleX(-1);transform: scaleX(-1);color: #555;}
.mailBody{border: 1px solid #F78003;margin: 15px 10px;padding: 20px;border-radius: 6px;}
.mailBody p{text-align: left;margin-bottom: 20px;color: #666;}
#eGuruvandana .profileBox{border-top: 4px solid #F78003;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.img-box{width: 160px;height: 160px;margin: 0 auto;position: relative;}
.img-box img{width: 100%;height: 100%;border-radius: 50%;}
.viewAll{position: absolute;background-color: rgba(247, 128, 3, 0.8);width: 100%;
    height: 100%;top: 0;margin: 0!important;border-radius: 50%; color: #fff!important;font-size: 16px;font-weight: 600;padding: 40px 0;}
.viewAll .fa{font-size: 45px;}
.mt-30{margin-top: 30px;}
.videoMsg{padding: 15px 10px;text-align: left;}
.videoMsg p{color: #666;}
#eGuruvandana .profile-body a p{text-decoration: none;color: #000;font-weight: 400}
input[disabled]{background-color: #fff}
p.formControl{border-bottom: 2px solid #cacaca;color: #666;padding-left: 6px;}
.p-lr-15{padding: 0 15px!important;}
.teacherList{width: 90%;margin: 0 auto 40px;box-shadow: 1px 6px 12px rgba(0,0,0, 0.2);border-radius: 4px;padding: 20px;}
.teacherList table tr th{background-color: #F78003;color: #fff}
#btnvideoUpload {color: white;background-color: #00BCD4;border: 0;border-radius: 0;cursor: pointer;font-weight: 600;height: 36px;width: 40%;float: left; position: absolute; top: 0px; left: 0px;}
#btnvideoUpload:hover {background-color: #00B28F;}
#video-text {margin-left: 10px;color: #666;word-break: break-all;width: 55%;float: left;line-height: 36px; position: absolute; top:4%; left: 40%}
.sendTomail{display: flex;border-bottom: 2px solid #cacaca;padding-bottom: 8px;}
span.email-ids {float: left;border: 1px solid #f3802c;margin-right: 5px;margin-bottom: 5px;background: #fff;padding: 4px 10px 5px;border-radius: 20px;display: inline-flex;color: #2E608A;font-weight: 600;}
span.cancel-email {width: 18px;display: block;float: right;text-align: center;margin-left: 12px;border-radius: 49%;height: 18px;line-height: 15px;margin-top: 3px;cursor: pointer;}
span.to-input {display: block;float: left;padding-right: 11px;line-height: 2}
input.enter-mail-id, input:focus.enter-mail-id{width: auto;border: 0;}
.video-content .buttons{border-radius: 50%;width: 35px;height: 35px;text-align: center;padding: 0;line-height: 36px;}
.stdBioBox{/*border:1px solid #ccc;text-align: right;*/padding: 20px 20px 0;}
#editStudentBio .modal-content form{width: 80%;}
#editStudentBio form textarea{margin-bottom: 15px;}
/*.comment-box .panel-body{max-height: 500px;overflow-y: scroll;}*/
.profileimg label.error{margin-top: 8px;}
.pl-10{padding-left: 10px!important;}
.mb-30{margin-bottom: 30px!important;}
.red{margin: 0;color: #ff0000;}
#editModal .profileimg #custom-text, #editModal .profileimg #video-text{font-size: 12px;line-height: 16px;}
#editModal .profileimg{height: 42px;}
#editModal .profileimg input[type=file], #editModal .profileimg #custom-button, #editModal .profileimg #btnvideoUpload{height: 40px;}
.row{display: inline-table;width: 100%;margin: 0;}
select.form-control{padding:0 8px!important;}
/*Responsive css*/
@media all and (min-width: 768px){
    /*#wrapper{width: 65%;}*/
    .container{padding-top: 64px;}
    #container_demo{min-height: 950px;}
    .container_demo{min-height: 600px;}
    .topBanner{background-position: 0 -60px;}
    .topBanner .ovarlay{min-height: 320px;}
    .loginBox{width: 40%;}
    #LoginForm{width: 80%;padding: 60px 20px 40px;margin-top: 20px;}
    #LoginFOrm{width: 80%;padding: 60px 20px 40px;margin-top: 20px;}
    #register_form{width: 80%;padding: 40px 20px;margin-top: 20px;}
    .halfCol{width: 50%;float: left;padding: 0 15px;}
    .modal-content {padding: 20px;width: 60%;}
    .modal-content form{width: 50%;margin: 20px auto;}
    .result .modal-content{width: 40%;}
    .modal-content #edit_profile{width: 100%;}
    .col-3, .col-9, .col-2, .col-4, .col-6, .col-7,.col-8{float: left;}
    .col-3{width: 30%;}.col-9{width: 70%;}.col-4{width: 40%;}.col-2{width: 20%;}.col-6{width: 50%;}.col-7{width: 60%;}.col-8{width: 80%;}
    .addTeacher .col-4{width: 33.33%;padding: 0 15px;}
    .profile-body .col-6{padding: 0 10px;}  
    .onlyMob{display: none;}
    .pleft-25{padding-left: 25px;}
    .row{padding: 0 15px;}
    #custom-button {padding: 10px;}
    #btnvideoUpload {padding: 10px;}
    .red{padding: 0 30px;}
    .profile-header, .topheading{display: flex;}
    .profile-header .boxTitle, .topheading .title{width: 80%;}
    .btnGroup, .invite{width: 20%;}
    h2.heading::before, h2.heading::after{width: 130px;margin-right: 15px;margin-left: 15px;}
}
@media all and (max-width: 767px){
    .container{padding-top: 8px;}
    #container_demo{min-height: 1120px;}
    .topBanner{background-position: 0 0;}
    .topBanner .ovarlay{min-height: 250px;}
    .loginBox{width: 100%;}
    #LoginFOrm{width: 100%;padding: 20px;}
    #register_form{width: 100%;padding:20px;}
    #LoginForm{width: 100%;padding: 20px;}
    .halfCol{width: 100%;}
    #custom-text{font-size: 12px;}
    .modal-content {padding: 40px 20px;width: 90%;}
    .modal-content form{width: 100%;margin: 20px auto 0;}
    .result .modal-content{width: 85%;}
    .col-3, .col-9, .col-2, .col-4, .col-6, .col-7,.col-8{width: 100%;}
    .hideMob{display: none;}
    .onlyMob td{display: inline-block;width: 100%;padding: 10px 0;}
    .onlyMob td p{margin-bottom: 6px;}
    #custom-button {padding: 5px;}
    #btnvideoUpload {padding: 5px;}
    .p-lr-15{padding: 0!important;}
    .mb-25{margin-bottom: 25px;}
    .profileBox{margin-top: -25%;}
    /*.profile-header h2{width: 65%;line-height: 1.4;}*/
    .profile-header, .topheading{height: 70px;}
    .profile-header .boxTitle, .topheading .title{width: 55%;float: left;}
    .btnGroup, .invite {width: 35%;float: left;}
    .profile-header h2, .topheading .title{font-size: 20px;}
    h2.heading{font-size: 18px;}
    h2.heading::before, h2.heading::after{width: 30px;margin-right: 6px;margin-left: 6px;}
}
@media (max-width: 500px) {
    .commentbox {text-align: center;}
    .commentbox img {margin: auto;float: none;display: block;}
}
@media all and (min-width: 768px) and (max-width: 990px){
    .col-4{width: 50%!important;}
    .col-2{width: 100%!important;}
}