/*cp*/

@media (min-width: 1024px){

.center .btn {

    padding: 15px 50px;

}

}

@media (min-width: 769px){

  .container, .container-md, .container-sm {

  max-width: 90%;

}

.footer .col-md-6 {
  height: 350px !important;
}

.ulList{display: block !important;}

}

@media (min-width: 567px){

.ulList{display: block !important;}

}

@media only screen and (max-width: 1024px){

.card.techcrunch {

  padding: 20px 30px;

}

.pre-primary {

  padding: 15px 20px 10px;

  margin: 7px 7px;

  /* width: 20%; */

}

.home.banner p {

  margin: 20px 0px 10px;

}

.forstep-header li {

    padding-right: 15px;

}

.male-tutor-out .reviewBOx1 {

    width: 45%;

    margin: 5px;

    margin-bottom: 20px !important;

}

}

@media only screen and (max-width: 992px){

  .findtutor {

      text-align: center;

      padding: 10px;

      border-bottom: 1px solid #a1a1a1;

  }

  .playstoreTutor {

      margin: 0px 0px 8px;

      display: flex;

      justify-content: center;

      padding-bottom: 8px;

      box-sizing: border-box;

      border-top: 1px solid #ccc;

      padding-top: 10px;

  }

.playstoreTutor img {

    width: 40%;

}

.addressIcon a {

    font-size: 17px;

}

img#subscribeIcon {

    width: 21px;

}

.side-menu-wrap.opened button {

  padding: 5px 10px;

  font-size: 14px;

}

.side-menu-wrap.opened .header-logo img {

  width: 100px;

}

.side-menu-wrap.opened .header-logo {

  width: 100%;

  padding: 10px;

  border-bottom: 2px solid #ff7200;

}

.test-profile.card{padding: 10px;}

.jobs-by-cities .col-md-4 {

  width: 50%;

}

.tutorstate-banner .card {

  padding: 20px;

}

.tutorReview2 .col-md-6 {

  width: 100%;

}

section.tutorReview2 {

  padding: 50px 0px;}



  .reviewBOx1, .reviewBOx2 {

  width: 22%;

  margin: 0 10px !important;

  padding: 10px 0;

}



.forstep-header li{padding: 0;}

}









@media only screen and (max-width: 768px){

  .home.banner p{display: none;}

.container, .container-sm {

  max-width: 100%;

  padding: 0px 40px;

}

#header .logo,#header .navigtion {

  width: auto;

}

.form-group textarea {

    padding: 14px 10px;

    box-sizing: border-box;

    color: #706b6b;

    font-size: 18px;

    font-weight: 500;

    width: 100%;

    height: 90px;

    border-radius: 10px;

    border: 1px solid #888;

}

.head-row {

  justify-content: space-between;

}

.header_top .col-md-4.findtutor {

  display: none;

}

.top_left p{
  text-align: center;
  font-size: 12px !important;
}

.home-card-out .card {

  margin-bottom: 20px;

}

.tutor-buttons {

  padding-top: 20px;

}

.why-be{margin-bottom: 40px;margin-left: 50px;}

.why-be h4 {

  margin-bottom: 5px;

  color: #48413e;

}

.why-be img {

  width: 45px;

  height: auto;

  position: absolute;

  left: -40px;

  top: 0;

}

.why-be::after {

left: -70px;

height: 50px;

width: 50px;

}

.why_choose_us.section {

  padding: 50px 0;

  background: #fff1f0;

}

.reason {

  padding: 0px;

  margin-bottom: 25px;

}

.reason img {

  margin: 0px 20px 0px 0px;

  width: 20%;

  float: left;

}

.book-demo-icon img{display: none;}

.book_demo .btn {

  margin-top: 10px;

}

.book-demo-in {

  padding: 50px 0;

  text-align: center;

}

.tutor_in h4, .book_demo h4 {

  margin-bottom: 10px;

}

.col-rev{flex-direction: column-reverse;}

.testimonials-out .tab button {

  width: 31%;

  float: left;

  margin: 5px;

}

.test-profile.card {

  flex-direction: column;

  margin-bottom: 30px;

  padding: 5px;

}

.description h4 {

  margin-bottom: 10px;

}

element {



}

.description img {

    margin-bottom: 10px;

}

.find-app-right {

  padding-top: 0;

}

.find-app-in {

  background: url("../images/findapp-banner-2.jpg") no-repeat;

  padding: 40px 0;

  background-size: cover;

  margin: 0;

}

.how_works_in.content::after {display: none;}

.card.techcrunch,.card.partnerslogo {width: 22%;}

.testimonials-out {padding: 50px 0 0;}

.side-menu-wrap.opened button {

  padding: 4px 15px;

}

.apply-tutor-left {

  position: relative;

  display: none;

}

.team-out .col-md-4,.colGrops .col-md-4,.TutorSubject .col-md-4 {

  width: 33%;

}

.our-vision.section{background: transparent;}

.about-cta-apply {

  padding: 0 0 40px;

}

.ourblog-in {

  padding-top: 30px;

}

.card{padding: 20px 15px;}



.job-state-list li{width: 50%;float: left;}

.tutorstate .job-state-list {
  margin-top: 25px !important; 
}
20200020565

.bannerText.center p.mb-5 {

  margin-bottom: 10px !important;

}

section.tutorReview2 {

  padding: 10px 0px 30px;

  background: #ff7300;

}

.reviewBOx1, .reviewBOx2 {

  width: 45%;

  margin: 10px !important;

  padding: 10px;

}

.find-app-cta.tusion-home {

  margin: 50px 0;

}

.find-app-cta.tusion-home h3, .find-app-cta.tusion-home .btn {

  float: none;

}

.forstep-header li {

  width: 50%;

  float: left;

  margin: 10px 0;

}

.forstep-header ul {

  margin: 0;

  display: block;

}

form.bannerAddress .col-md-6 {

  width: 50%;

}

.row.fcb {

  display: block !important;

  float: left;

  width: 100%;

  margin: 0 !important;

}

footer {

  background: #000;

  padding: 20px 0px;

  box-sizing: border-box;

  width: 100%;

  float: left;

}

footer .col-md-6 {

  width: 50% !important;

  float: left;

}

.copyright .col-md-6, .copyright .col-md-6 p {

  text-align: center;

  padding-bottom: 5px;

}

.copyright {

  padding: 10px 0 5px;

}

.card.partnerslogo,.card.techcrunch{padding: 10px 15px;}

.mrg-left,.mrg-right{margin: 0;}

.mail_femail {

    background: #f7f7f7;

}

.mail_femail .textsatisfication img {

  margin: 0 0 50px;

}

.textsatisfication.female_img {

    margin-right: 0;

}

.graphic img{width: 100%;}

}





@media only screen and (max-width: 567px){

.container, .container-sm {

  max-width: 100%;

  padding: 0px 20px;

}

.header-logo.d-block {

  width: 130px;

}

.banner-content {

    position: static;

    top: 12% !important;

    text-align: center;

    left: 0;

    margin-top: 20px;

}

.banner-content .mobButton {
  margin: auto !important;
}

.home.banner .carousel-indicators {

    position: static;

    text-align: center;

    margin: 22px auto 0px;

}

/* .home.banner p {

  line-height: 24px;

  margin: 5px 0px;

} */

.home.banner p {

  line-height: 20px;

  margin: 5px 0px;

  font-size: 14px;

}

.carousel-item img {

  height: 200px;

}

.banner-content .btn {

  padding: 4px 8px;

  font-size: 14px;

  margin-top: 8px !important;

  margin: auto;

}

.tutor-buttons button.btn {

  margin: 0 7px;

  padding: 5px 10px;

  font-size: 14px;

}

.tutor-buttons {

  padding-top: 10px;

}

.reason img {

  margin: 0px 0px 20px 0px;

  width: 20%;

  float: none;

}

.reason {

  text-align: center;

}

.why_choose_us.section {

  padding: 50px 0 20px;

}

.book_demo {

  background-size: cover;

  padding: 10px 0;

}

/* .tutor_in h4, .book_demo h4 {

  margin-bottom: 0;

} */

.tutor_in h4, .book_demo h4 {

    margin-bottom: 10px;

    text-align: center;

}

.book_demo .btn {

  margin-top: 0;

}



.btn {padding: 4px 16px;}

.card.techcrunch, .card.partnerslogo {

  width: 43%;

}

.testimonials-out .tab button {

  width: 30%;

  margin: 4px;

}

.profile img {

  width: 50px;

  margin-right: 0;

}

.test-title p {

  font-size: 12px;

}

.description {

  text-align: center;
  margin-top: 20px;

}

.find-app-in {

  padding: 10px 0;

  background-size: cover;

  text-align: center;



}

.googleplay, .appstore {

  border-radius: 0;

  border: 0;

  padding: 0;

  width: 90px;

}

.accordion-button {padding: 15px 15px;font-size: 14px;}

.accordion-item .accordion-button{padding: 15px 50px 15px 15px;}

.team-out .col-md-4 {

  width: 100%;

}

.jobs-by-cities .col-md-4,.colGrops .col-md-4,.TutorSubject .col-md-4 {

  width: 100%;

}

.reviewBOx1, .reviewBOx2 {

  width: 100%;

  margin: 10px !important;

  padding: 10px;

}

.forstep-header li {

  margin: 4px 0;

}

.apply-tutor .btn {

  width: 90%;

}

form.bannerAddress .col-md-6 {

  width: 100%;

}

.counter .col-md-3 {

  width: 50%;

  margin-bottom: 15px;}

  .counter-count{margin-bottom: 0;}

  .team-out .col-md-4 {

  margin-bottom: 20px;

}

.team .user-title {

  font-size: 18px;

  margin-top: 10px;

}

.team img {

  width: 100px;

}

footer .col-md-6 {

  width: 100% !important;

  float: left;

}

.ulList {

  display: none;

}

.ContentBox {

  margin: 0;

  display: block;

  text-align: left;

}

.FooterHeading.active {

  margin-bottom: 15px;

}

h3.FooterHeading::after {

  content: "";

  position: absolute;

  left: auto !important;

  width: 14px !important;

  height: 13px;

  top: 10px !important;

  margin-left: 15px;

  background: url(../images/down-arrow.png) no-repeat;

  background-size: contain;

  border: 0 !important;

  transition: .4s linear;

}

h3.FooterHeading.active::after {

  transform: rotate(180deg);

  top: 7px !important;

}

.ulList .listli {

  margin: 2px !important;

}

.row.fcb.down{

  padding-bottom: 15px;

  margin-bottom: 15px !important;

  border-bottom: 1px solid #fff;

}

.deff-drop h3.FooterHeading::after {

  display: none;

}

/* .deff-drop {

  text-align: center;

} */

.deff-drop .socialMediaIcon {

  align-items: center;

  justify-content: start;

}

.deff-drop {

  text-align: center;

  border-top: 1px solid #fff;

  padding-top: 10px !important;

}

.pre-primary {

  width: 100%;

  justify-content: start;

  align-items: center;

  padding: 10px 15px;

}

.pre-primary img {

    width: 40px;

    margin-bottom: 12px;

}

.online span {

    width: 100%;

}

.tutor_in.content {

     padding-top: 0px

}

.pre-primary h5 {

  margin: 0 0 0 10px;

}

img.logoFooter {

  width: 100px;

  margin: auto;

  text-align: center;

}

h3.SocialMediaHeading {

    margin: 20px 0px 10px;

    }

.faqs.section {

  padding: 50px 0px 20px;

}

.banner-card .btn {

    width: 220px;

    margin: auto;

    margin-top: 0px;

    padding: 10px;

}

.male-tutor-out .reviewBOx1 {

    width: 70%;

}

.tutor-buttons.center.about .btn{margin-bottom: 10px;}

}


.verifiedOtooTutor .card {
  min-height: 200px;
  max-height: 311px;
}






























/*deepak*/



@media only screen and (max-width:1200px){

  .how_works_in.content::after {

  width: 75px;

  height: 105px;

  bottom: -125px;

}

}

@media(max-width:991.98px){

  .post-slide{

      margin: 0 20px;

  }

  .bannerText h1 {
    font-size: 32px !important;
  }

  .owl-controls .owl-prev {

      position: absolute;

      left: -16px;

      bottom: 109px;

      padding: 1px 9px;

      background: #333;

      transition: background-color 0.50s ease;

      color: currentColor;

  }

  .owl-controls .owl-next {

    position: absolute;

    right: -23px;

    bottom: 117px;

    padding: 1px 9px;

    background: #333;

    transition: background-color 0.50s ease;

    color: currentColor;

}

  .post-slide {

    width: 202px;

}

  button.btn.btn-light {

      padding: 5px 36px;

      box-sizing: border-box;

      background: #000000;

      color: #fff;

      font-size: 18px;

      transition: background-color .5s;

  }





}





@media(max-width:768px){

  /* .owl-controls .owl-buttons .owl-prev{

      left:0px;

      bottom: 260px;

  }

  .owl-controls .owl-buttons .owl-next{

      right:0px;

      bottom: 260px;

  } */

  .apply-tutor2 .center {
    padding-top: 25px;
  }

  .testimonials-out .test-title {
    height: 65px;
    padding-top: 5px;
  }
  

  button.btn.btn-light {

      padding: 5px 54px;

      box-sizing: border-box;

      background: #000000;

      color: #fff;

      font-size: 18px;

      margin: 1px 0px;

      transition: background-color .5s;

  }

  .owl-controls .owl-prev {

      position: absolute;

      left: -18px;

      bottom: 99px;

      padding: 1px 9px;

      background: #333;

      transition: background-color 0.50s ease;

      color: currentColor;

  }

  .owl-controls .owl-next {

    position: absolute;

    right: -18px;

    bottom: 99px;

    padding: 1px 9px;

    background: #333;

    transition: background-color 0.50s ease;

    color: currentColor;

}



}





@media(max-width:575.98px){



  .post-slide {

    width: 210px;

}

  button.btn.btn-light {

    padding: 6px 29px;

    box-sizing: border-box;

    background: #000000;

    color: #fff;

    font-size: 18px;

    transition: background-color .5s;

}

.owl-controls .owl-prev {

    position: absolute;

    left: -3px;

    bottom: 110px;

    padding: 1px 9px;

    background: #333;

    transition: background-color 0.50s ease;

    color: currentColor;

}

.owl-controls .owl-next {

    position: absolute;

    right: -10px;

    bottom: 107px;

    padding: 1px 9px;

    background: #333;

    transition: background-color 0.50s ease;

    color: currentColor;

}



}





@media(max-width:479.98px){

  .TutorSelect_mode {
    padding-bottom: 30px;
  }

  .post-slide {
    width: 85%;
  }

  #find-tutor-form textarea {
    padding-left: 20px !important;
  }

  .bannerText h1 {
    font-size: 22px !important;
  }

.owl-controls .owl-prev {

    position: absolute;

    left: 100px;

    bottom: -9px;

    padding: 1px 9px;

    background: #333;

    transition: background-color 0.50s ease;

    color: currentColor;

}

.owl-controls .owl-next {

    position: absolute;

    right: 76px;

    bottom: -9px;

    padding: 1px 9px;

    background: #333;

    transition: background-color 0.50s ease;

    color: currentColor;

}

}





@media only screen and (max-width:1199.98px){

  h3.FooterHeading::after {

      content: "";

      position: absolute;

      left: 0;

      width: 24%;

      border-bottom: 2px solid #f1621c;

      top: 29px;

  }

  /* h3.FooterHeading {

    font-weight: 500;

    margin-bottom: 30px;

    font-variant: all-petite-caps;

    color: #fff;

    height: 44px;

    position: relative;

    transition: color 0.5s;

}

h3.FooterHeading {

    font-weight: 500;

    margin-bottom: 30px;

    font-variant: all-petite-caps;

    color: #fff;

    line-height: 28px;

    height: 41px;

    position: relative;

    transition: color 0.5s;

} */

}

@media only screen and (max-width:991.98px){

  .thankYouText h3 {

      font-weight: bold;

      font-size: 24px;

      color: #49413e;

  }

  .tutor-buttons.center.about .btn {
    margin: auto;
    margin-bottom: 10px !important;
  }



  .thankYouText p {

      font-size: 18px;

      color: #49413e;

      margin: 10px;

  }

  footer {

    background: #000;

    padding: 29px 0px;

    box-sizing: border-box;

}



h3.FooterHeading {

    font-weight: 500;

    margin-bottom: 30px;

    font-variant: all-petite-caps;

    color: #fff;

    height: 17px;

    position: relative;

    transition: color 0.5s;

}

h3.FooterHeading::after {

    content: "";

    position: absolute;

    left: 0;

    width: 24%;

    border-bottom: 2px solid #f1621c;

    top: 33px;

}

.row.fcb {

    display: -webkit-inline-box;

    margin-left: 50px;

}

form.form-horizontal.messageBox {

    box-shadow: 0px 0px 18px 9px #ccc;

    padding: 29px 15px;

    box-sizing: border-box;

    background: white;

}



.formHeading span {

    font-weight: 600;

    font-size: 29px;

}

.OTTOaddress span {

    font-weight: 600;

    font-size: 30px;

}

.OTTOaddress .addressIcon span {

    font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));

    font-weight: 500;

}

input.form-control {

    border: 0px;

    font-size: 15px;

}

.form-group.help img {

    width: 15px;

}

.form-group label {

    font-size: 16px;

    margin: 10px 0px;

    color: #7c7777;

}

.addressIcon {

    display: flex;

    color: #706b6b;

    margin: 20px 0px;

    align-items: baseline;

}

button.btn.subscribeBtn {

    padding: 5px 15px;

    box-sizing: border-box;

}

.form-group.help {

    display: flex;

    align-items: center;

    border: 1px solid #9f9f9f;

    padding: 0px 20px;

    border-radius: 10px;

    color: #706b6b;

    /* box-shadow: 0px 0px 3px 1px #ccc; */

    margin: 11px 0px;

}

section.contactDetails {

    padding: 26px 0px 0px;

    box-sizing: border-box;

    background: #fafafa;

}

section.contactUs {

    background-image: url(../images/contactimg.png);

    padding: 30px 0px 50px;

    background-size: cover;

    background-position: bottom right;

    background-color: #fafafa;

    background-blend-mode: darken;

}

.col-md-6.getInTOuch {

    padding-right: 0;

}

.col-md-6.SendMessage {

    padding-left: 0px;

}

.addressIcon {

    margin: 37px 0px !important;

}

h3.headingContact{

    font-weight: 600;

    font-size: 30px;

  }

  .HowTOWorkHeadingText h1 {

    font-weight: bold;

    color: #fff;

    font-size: 36px;

}

iframe {

    width: 100%;

    height: 250px;

    margin: 0;

    padding: 0;

}

.form-group.helpss {

    display: flex;

    align-items: center;

    color: #706b6b;

    background: white;

    padding: 4px 5px 4px 10px;

    border-radius: 12px;

    font-size: 21px;

}

.SendMessageText h5 {

    font-size: 26px;

    font-weight: bold;

    color: #fff;

}

section.sendMessage {

    padding: 20px 0px;

    box-sizing: border-box;

    background: #ff7200;

}



  #myTab_Tabs.nav.nav-tabs li button {

    margin: 10px 0px;

  }

    #myTab_Tabs.nav.nav-tabs {

    margin-top: -30px;

}

/* 23 */

.findtutor button {

    padding: 4px 11px;

}

/* .findtutor button {

    padding: 4px 11px;

} */



}

@media only screen and (max-width:768px){

  .banner-content h3 {
    width: 50% !important;
  }

  #inlineFormInputGroupt {
    font-size: 14px;
  }

  .counter.section {
    margin-top: 30px;
  }

  .thankYouText p {

      font-size: 20px;

      color: #49413e;

      margin: 25px;

  }

.addressIcon p {

    margin: 0px 0px -14px 25px;
}



footer {

    background: #000;

    padding: 20px 0px;

    box-sizing: border-box;

}

.TutorSelect_mode .col-md-4 {

  width: 33%;

  text-align: center;

}

.offset-2.col-md-8.offset-2 {

    margin: 0px;

}

section.ThankYou {

    padding: 31px 0px;

    box-sizing: border-box;

    background: #f3f7f7;

    text-align: center;

}

.addressIcon {

    display: flex;

    color: #706b6b;

    margin: 16px 0px !important;

}

.OTTOaddress>p {

    padding-left: 39px;

    margin: 26px 0px;

    color: #5c5a5a;

}

.OTTOaddress .addressIcon span {

    font-size: 17px;

    font-weight: 500;

}

svg#contactIcon {

    font-size: 16px;

}

input.form-control {

    border: 0px;

    font-size: 14px;

}

.form-group.help {

    display: flex;

    align-items: center;

    border: 1px solid #9f9f9f;

    padding: 3px 20px;

    border-radius: 10px;

    color: #706b6b;

    box-shadow: 0px 0px 12px 1px #ccc;

    margin: 11px 0px;

}

.form-group label {

    font-size: 16px;

    margin: 10px 0px;

    color: #7c7777;

}

section.contactDetails {

    padding: 26px 0px 20px;

    box-sizing: border-box;

    background: #fafafa;

}

.col-md-6.SendMessage {

  padding: 0px;

  margin-top: 50px;

}

svg#subscribeIcon {

    font-size: 16px;

}

img#subscribeIcon {

    width: 17px;

}

label.helpu {

    font-size: 15px !important;

}

#myTab_Tabs.nav.nav-tabs {

    border: none;

    margin: 0 0 50px 0;

    display: flex;

    justify-content: space-evenly;

}

/ end deepak /

}

@media only screen and (max-width:575.98px){

  .form-group.help {

      display: flex;

      align-items: center;

      border: 1px solid #9f9f9f;

      padding: 0px 20px;

      border-radius: 10px;

      color: #706b6b;

      box-shadow: 0px 0px 5px 1px #ccc;

      margin: 11px 0px;

  }

  .otooServices ,.btn {
    padding: 10px 15px !important;
  }

  .banner-content h3 {
    width: 100% !important;
  }

  section.contactUs {

    background-image: url(../images/contactimg.png);

    padding: 6px 0px 50px;

    background-size: contain;

    background-position: bottom right;

    background-color: #fafafa;

    background-blend-mode: darken;

}

iframe {

    width: 100%;

    height: 150px;

    margin: 0;

    padding: 0;

}

.OTTOaddress .addressIcon span {

    font-size: 15px;

}

.addressIcon a {

    font-size: 15px;

}

}

@media only screen and (max-width:479.98px){

  .pre-primary {
    height: 130px;
  }

  .thankYouText p {

      font-size: 16px;

      color: #49413e;

      margin: 10px 0px;

      text-align: justify;

  }

  #myTab_Tabs li {
    margin: auto;
  }

section.contactUs {

    background-image: url(../images/contactimg.png);

    padding: 16px 0px 16px;

    background-size: contain;

    background-position: bottom right;

    background-color: #fafafa;

    background-blend-mode: darken;

}

.OTTOaddress .addressIcon span {

    font-size: 14px;

}

.addressIcon a {

    font-size: 14px;

}

.HowTOWorkHeadingText h1 {

    color: #fff;

    font-weight: 600;

    font-size: 24px;

}

.OTTOaddress span {

    font-weight: 600;

    font-size: 22px;

}

.formHeading span {

    font-weight: 600;

    font-size: 22px;

}

.SendMessageText h5 {

    font-size: 22px;

    font-weight: bold;

    color: #fff;

}

.form-group.help {

    display: flex;

    align-items: center;

    border: 1px solid #9f9f9f;

    padding: 0px 11px;

    border-radius: 10px;

    color: #706b6b;

    box-shadow: 0px 0px 5px 1px #ccc;

    margin: 11px 0px;

}

a.anchorPage {

    color: #f3eded;

    text-decoration: none;

    transition: color .3s;

    font-size: 14px;

}

/* #myTab_Tabs.nav.nav-tabs {

    display: flex;

    justify-content: space-between;

} */

#myTab_Tabs.nav.nav-tabs {

    display: flex;

    justify-content: space-between;

    margin-top: -43px;

}



}



@media only screen and (max-width: 575.98px){



  section.contactUs {

      background-image: url(../images/contactimg.png);

      padding: 31px 0px 50px;

      background-size: cover;

      background-position: bottom right;

      background-color: #fafafa;

      background-blend-mode: darken;

  }





}

@media only screen and (max-width: 479.98px){

  h3.headingContact {

    font-weight: 600;

    font-size: 26px;

}

.tutorstate {

    background-size: initial;

}

form.bannerAddress {

    padding: 0px 13px;

    box-sizing: border-box;

}

.card.banner-card.center button {

    width: 100%;

}

section.colGrops {

    padding: 50px 0px 0px;

}

.job-state-list li {

    width: 100%;

}

.testimonial .pic {

    display: block;

    border-radius: 50%;

    overflow: hidden;

    position: relative;

}



.UserInfo small {

    color: #ff5a08;

    font-size: 22px;

}

.pic img {

    width: 90px !important;

}

.UserInfo h3{

  margin: 0px;

}

.UserInfo span {

    margin-top: 10px;

}

.card.banner-card.center.tutorhomeew {

   margin-top: 0px;

}

.home-card-out.extra_space_top {

    margin-top: 15px;

}

.online.first p {

    text-align: justify;

}

.online.second p {

    text-align: center;

}

small.cerft {

    margin: 9px 0px 20px;

    display: block;

}

.tutor_in.content {

    text-align: center;

}

}

/* tutor subject  tutor state */

@media only screen and (max-width: 399px){
  .forstep-header li {
    width: 70% !important;
  }
}