.blog-heading-title > table {
    overflow-x: scroll;
}
.blog-detail .table.table-bordered{
    overflow-x: scroll; 
    line-break: anywhere !important;
}
.mts-blog-para p {
    line-height: anywhere !important;
}
.blog-heading-title img{
    max-width:100% !important;
}
.blog-heading-title table{
    max-width:650px !important;
}
.blockquote {
    margin-bottom: 1rem !important;
    font-size: 15px !important;
    border-left: 3px solid rgb(78, 149, 141) !important;
    padding-left: 11px !important;
    font-style: italic;
}
.blog-heading-title .blockquote i{
    font-size: 14px !important;
    font-weight: 300 !important;
}
/* .blog b,strong{
    font-weight: unset !important;
    font-family: "'Philosopher', sans-serif" !important;
} */
.blog h1{
    font-family: "'Philosopher', sans-serif";
    font-weight: 500 !important;
    font-size: 2.25rem;
    line-height: 54px;
    margin: 30px 0px 30px;
}
.blog-heading-title h1{
    font-family: "'Philosopher', sans-serif";
    font-weight: 500 !important;
    font-size: 2.25rem;
    line-height: 1.3 !important;
    margin: 30px 0px 30px;
}

.blog-heading-title h2 {
    font-family: "'Philosopher', sans-serif";
    font-weight: 500 !important;
    font-size: 2.25rem;
    line-height: 1.3 !important;
    margin: 30px 0px 30px;
}

.blog-heading-title h3 {
    font-family: "'Philosopher', sans-serif" !important;
    font-weight: 500 !important;
    font-size: 1.875rem;
    line-height: 1.3 !important;
    margin: 30px 0px 30px;
}

.blog-heading-title p{
    font-family: "'Philosopher', sans-serif" !important;
    font-size: 1.125rem !important;
    line-height: 1.9 !important;
    /* margin: 10px 0px 10px 0px; */
    font-weight: 400 !important;
    color: #333;
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.blog-heading-title span{
    font-family: unset !important;
    font-size: unset !important;
    font-weight: unset !important;
}

.author-detail{
    margin: 20px;
    padding: 10px;

}
.author-detail .author-name {
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
    color: #333;
    margin: 0 0 8px;
}

.author-detail .author-avatar {
    width: 85px;
    height: 85px;
    margin-bottom: 14px;
    border-radius: 85px;
}

.author-detail .author-desc {
    font-size: 15px;
    line-height: 22px;
    color: #333;
    margin-bottom: 16px;
    width: 80%;
}
.author-dese-detail{
    display: flex;
    justify-content: center;
    align-items: center;
}
.author-dese-detail p{
    width:40%;
}
.author-detail .social-icon{
    font-size: 18px;
    font-weight: 700;
    margin: 10px 20px;
}

      /*grade level*/
        .grade-img{
            padding-top: 37%;
            background-image: url(../img/grade.png);
            background-size: 100%;
            background-position: center;
        }
        .grade-blog-heading h5{
            margin: 10px 0px 60px 0px;
        }
        .grade-blog-heading h5 span{
            font-size: 22px;
            color: #333333;
            line-height: 30px;
            font-family: 'MuseoSlab500Regular', Arial, Helvetica, sans-serif;
            font-weight: 800;
            position: relative;
            padding-bottom: 10PX;
        }
        .grade-blog-heading h5 span:after{
            content: "";
            background-color:#c8c8c8;
            height: 1px;
            width: 750px;
            position: absolute;
            bottom: 0;
            display: block;
            left: 5px;
        }
        .grade-row{
            margin-bottom: 20px;
        }
        .grade-blog-img img{
            height: 100%;
            width: 80%;
        }
        .grade-level-para{
            padding-top: 40px;
        }
        .grade-level-para h5{
            font-size: 16px;
            color: black;
            font-family: 'MuseoSlab500Regular', arial, helvetica, sans-serif;
            font-weight: 700;
            margin-bottom: 20px;
        }
        .grade-level-para h5 span{
            position: relative;
            padding-bottom: 10px;
        }
        .grade-level-para h5 span:after {
            content: "";
            height: 1px;
            width: 220px;
            background-color: #c8c8c8;
            display: block;
            position: absolute;
            bottom: 0;
            left: 0;
        }
        .grade-level-para p{
            color: #737373;
            font-size: 15px;
            line-height: 30px;
            font-family: 'Open Sans', Arial, Helvetica, sans-serif;
            font-weight: 400;
        }
        /*grade level end*/

        /*our tutors-page*/
        .Tutor-list ul li i {
            color: black;
            font-size: 20px;
            margin-right: 23px;
        }
        .our-tutors{
        /* margin-bottom: 40px ; */
        }
        /* .our-tutors-para{
            background-image: url(../img/bg2.jpg);
            background-position:top;
            background-size: cover;
            min-height: 400px;
            height: 100%;
            position: relative;
        } */
        /* .Tutor-list ul{
            position: absolute;
            bottom: 0;
            margin-bottom: 0px;
        }
        .Tutor-list ul li{
            margin-bottom: 20px;
        }
        .Tutor-list ul li span{
            background-color: white;
            font-size: 18px;
            font-family: 'Open Sans', Arial, Helvetica, sans-serif;
            box-shadow: 0 2px 4px 1px #c7c7c7;
            color: #102451;
            padding: 3px 7px;
        } */
        /*our tutors end*/

        /*tutors blog*/
        .tutors-blog{
            padding: 50px 0px;
        }
        .tutors-heading-blog h4{
            margin-bottom: 40px;
        }
        .tutors-heading-blog h4 span{
            padding-bottom: 20px;
            color: #333333;
            line-height: 30px;
            font-size: 22px;    
            font-family: 'MuseoSlab500Regular', arial, helvetica, sans-serif;
            font-weight: 700;
            position: relative;
        }
        .tutors-heading-blog h4 span:after{
            content: "";
            background-color:#c8c8c8;
            height: 1px;
            width: 420px;
            position: absolute;
            bottom: 0;
            display: block;
            left: 5px;
        }
        .tutors-blog-img{
            margin-bottom: 20px;
        }
        .tutors-blog-img img{
            height: 50%;
            width: 50%;
        }
        .tutors-blog-para h5{
            font-size: 18px;
            color: #10adb3;
            font-family: 'MuseoSlab500Regular', arial, helvetica, sans-serif;
            font-weight: 700;
            margin-bottom: 20px;
        }
        .tutors-blog-para p{
            color: #737373;
            line-height: 30px;
            font-size: 15px;
            font-family: 'Open Sans', Arial, Helvetica, sans-serif;
            font-weight: 400;
        }
        .tutor-blog-parent{
            margin-top: 20px;
        }
      
      .error{
          color: red;
      }

     

      #parentsignupform_btn:active{
          background-color: #55a098 !important;
      }

      @media screen and (max-width: 431px){
    
        .redirectsteponeprice-basic-price{
         font-size: 15px !important;
        }
  }
   

.required{
  color: red;   
}

/* step-three-online-tutoring end */


 /*blog*/
 .mts-blog-para-link{
     color: #4e958d !important;
 }
 #continuebutton{
   color: white !important;
   background-color: #55a098 !important;
 }
 #blog-post-btn{
    color: white !important;
    background-color: #07B290 !important;
 }
 .mts-blog-para-link:hover{
    color: #61bd98 !important;
 }
 .mts-blog{
    padding-top: 155px;
}
.mts-blog-div{
    background-color: #fff;
    box-shadow: 0 0 15px #cccccc57!important;
    padding: 28px;
    margin-bottom: 30px;
}
.mts-blog-image img{
    height: auto;
    max-width: 100%;
    object-fit: cover;
}
.mts-blog-para h6{
    color: #4e958d;
    font-style: italic;
    text-transform: uppercase;
    line-height: 13px;
    margin-bottom: 15px;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 13px;
    cursor: pointer;
    transition: 0.3s;
}
.mts-blog-para h6:hover{
    color: #61bd98 !important;
}
.mts-blog-para h3{
    font-size: 21px;
    line-height: 34px;
    color: #333;
    font-family: MuseoSlab500Regular, arial, helvetica, sans-serif!important;
    font-weight: 500;
}
.mts-blog-para ul{
    padding-left: 0px;
}

.mts-blog-para ul li{
    list-style: none;
    display: inline-flex;
    margin-right: 20px;  
}
.mts-blog-para ul li a{
    text-decoration: none !important;
    color:  #333;
    font-size: 15px;
    font-family: 'Merriweather', serif !important;
}
.mts-blog-para ul li a i{
    margin-right: 6px;
}
.mts-blog-para p{
    line-height: 27px!important;
    margin-top: 0;
    margin-bottom: 20px;
    letter-spacing: 2px!important;
    color: #747474;
    font-size: 13px;
    line-break: anywhere !important;
}
.mts-blog-button{
    text-align: right;
    font-family: 'Merriweather', serif;
}
.mts-blog-button button{
    background-color: #4e958d;
    color: white;
    font-size: 13px;
}
/*right side*/
.blog-right-heading{
    margin-bottom: 15px;
}
.blog-right-heading h4{
    font-size: 16px;
    color: black !important;
    font-family: 'Merriweather', serif !important;
    line-height: 22px;
    margin-bottom: 18px;
    position: relative;
}
.blog-right-heading h4:after{
    content: "";
    background-color: lightgray;
    height: 1px;
    width: 25%;
    position: absolute;
    top: 11px;
    left: 10px;
    display: block;
}
.blog-right-heading h4:before{
    content: "";
    background-color: lightgray;
    height: 1px;
    width: 25%;
    position: absolute;
    top: 11px;
    right:10px;
    display: block;
}
.blog-mts-parent{
    box-shadow: 0 0 15px #cccccc57!important;
}
.blog-right-div{
    padding: 20px;
}
.blog-right-image img{
    width: 86px;
    height: 91px;
    object-fit: cover;
}
.blog-right-para h4{
    font-size: 20px;
    line-height: 27px;
    font-weight: 400;
    margin-bottom: 15px;
    color: #337ab7 !important;
}
.blog-right-para h6{
    font-size: 16px;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 2px;
}
.blog-right-para h6 i{
    margin-right: 7px;
}


/*blog list*/
.mts-blog-list{
    margin-bottom: 25PX;
  box-shadow: 0 0 15px #cccccc57!important;  
   padding: 35px 50px 40px 50px;
   margin-top: 25px;
}
.mts-list ul{
    padding-left: 0px;
}
.mts-list ul li{
    margin-bottom: 15px;
    list-style: none;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 300!important;
    color: black!important;
    border-bottom: 1px solid #d3d3d361;
    padding-bottom: 15px;
    position: relative;
}
/* .mts-list ul li:before{
    content: "\f096";
    font-family: FontAwesome;
    display: inline-block;
}*/
.mts-list i{
    color: black;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    font-size: 10px;
    margin-right: 15px;
}
.mts-list ul li i{
    position: absolute;
    left: -21px;
    top: 7px;
}
.square-two{
    position: absolute !important;
    left: -17px !important;
}
 .icon-image {
    text-align: center;
    margin-bottom: 50px;
 }
.icon-image img{
    background-color: #4e958d;
}

/*deatil image*/

.blog-detail{
    padding-top: 40px;
    padding-bottom: 90px;
}
.blog-detail-div{
    background-color: white;
    box-shadow: 0 0 15px #cccccc57!important;
    padding: 40px;
}

.detail-image-blog {
    width: 100%;
    /*height: 350px;*/
    margin: 20px 0px 10px 0px;
}

.detail-image img{
    /*height: 100%;*/
    width: 100%;
}
.mts-blog-para h4{
    font-family: 'Merriweather', serif;
    font-size: 25px;
    font-weight: bold;
}
.detail-image{
    margin-bottom:30px;
}
.detail-blog-paragraphs h4{
    font-size: 18px;
    font-family: MuseoSlab500Regular, arial, helvetica, sans-serif!important;
    line-height: 28px;
    font-weight: bold;
    margin-bottom: 20px;
}
.detail-blog-paragraphs p{
    font-size: 13px;
    line-height: 32px;
    color: #737373;
    font-family: 'Open Sans', sans-serif!important;
    letter-spacing:.01em;
    font-weight: 300;
}
/*/other para*/


.detail-blog-form{
    margin-top: 30px;
     background-color: white;
    box-shadow: 0 0 15px #cccccc57!important;
    padding: 40px;
}
.detail-blog-form textarea{
    height: 150px;
    width: 100%;
    border:1px solid lightgray;
    padding: 20px;
}
.detail-blog-form input{
    padding: 15PX;
    font-size: 15PX;
    background-color: white;
    border:1px solid lightgray;
    color: lightgray;
    height: 40px;
    width: 100%;
    margin-top: 15px;
}
.detail-button{
    margin-top: 20px;
}
.detail-button button{
    background-color: #07B290;
    color: white;
    padding: 10px 15px;
    border: none;
    font-family: Arial Hebrew, Arial, sans-serif;
    border-radius: 5px !important;
    margin-top: 10px;
    font-size: 13px;
}
.detail-blog-form h2{
    margin-top: 20px;
    font-weight: bold;
    color: #333;
    font-size: 20px;
    font-family: MuseoSlab500Regular, arial, helvetica, sans-serif!important;
}
/*form*/
.navu-div{
    padding-top: 50px;
}
.navu-div-part{
    background-color: #4e958d;
    padding: 30px;
    border-radius: 5px;
}
.navu-div ul {
    padding-left: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.navu-div ul li{
 display: inline-block;
 color: white;
 margin-right: 10px;
 font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}
.itallic-style{
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}
.navu-div ul li a{
    font-size: 15px;
    color: white;
    text-decoration: none;
}
.navu-div ul li a i{
    margin-right: 10px;
}
.gl-border{
border-bottom: 0px !important;
}










/* Custom CSS */
.remove-underline{
    text-decoration: none !important;
}

 /*  admission-counselling-services page */

/* .admission-counselling-services{
    color: #747474 !important;
    line-height: 30px !important;
    font-size: 14px !important;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
    font-weight: 400 !important;
} */






/*media query started*/
/*@media (max-width:400px) and (min-width:900px) 
{

}*/


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

   
    /*bog detail*/
    .blog-detail{
        padding-top: 30px;
    }
    /*mts blog*/

    .mts-blog {
    padding-top: 28px;
   }
   .blog-mts-parent{
    width: 100%;
   }
   .blog-right-image img {
    width: 100%;
    height: 91px;
    object-fit: cover;
   }
    /*types of tutoring classes*/
    .accordian-heading-div {
    padding-top: 10px;
    }
    /*types of tutoring clases*/
    .header{
    border-top: 3px solid #61bd98;
    }
    .active{
        color: white !important;
    }
 
   
   
   /*online tutprial page*/
   .online-container{
        max-width: 910px !important;
    }
    .free-online-heading h5:after {
    left: 344px;
    }
    .free-online{
        padding: 0;
    }
    /*online tutoring en*/


    /*why mtss*/
    .tutoring-class-div{
        margin-bottom: 30px;
    }
    /*grade level*/
    .grade-blog-heading h5 span:after {
    content: "";
    background-color: #c8c8c8;
    height: 1px;
    width: 400px;
    position: absolute;
    bottom: 0;
    display: block;
    left: 126px;
     }
     .grade-level-para {
    padding-top: 17px;
    }
    .grade-level-para h5 span:after {
    content: "";
    height: 1px;
    width: 235px;
    background-color: #c8c8c8;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    }
    /*why mts*/
    /*contact page*/
        .contact-content {
          padding: 0px 0px 30px 0px;
        }

    /*faqs*/
    .faqs-div h6:before {
    display: none;
   }
   .faqs-div h6:after {
    display: none;
   }
/*   .faqs-div{
    text-align: center;
   } */  

   /*faqs*/
    .faqs-div {
    padding-top: 15px;
    }

     /*classrommm*/
     .faqs-classroom {
    padding-top: 15px !important;
      }
}

@media screen and (max-width: 768px){
    .author-dese-detail p{
        width: 80%;
    }

    .blog-heading-title img{
        width: 100%;
        height: 100%;
    }
    .detail-image-blog {
        width: 100%;
        height: 100%;
        margin: 20px 0px 10px 0px;
    }
    
        /*blogs*/
        .blog-mts-parent{
            width: 100%;
        }
        .blog-right-image img {
        width: 100%;
        height: 119px;
        object-fit: cover;
        }
        .blog-mts-parent{
            margin-bottom: 20px;
        }
}


        /*pricing*/
        @media (max-width:992px) and (min-width:768px) {
            .offset-md-4 {
             margin-left: 26.333333% !important;
            }

            .auth-bio-hide-on-mobile{
                display: none;
            }
}
@media screen and (max-width: 767px){
    .blog-detail-div{
        padding: 15px;
    }
    .mts-blog-image img{
        height: auto;
        width: 100%;
    }
    .blog-right-image img{
        height: auto;
        width: 100%;
    }
    .author-dese-detail p{
        width: 100%;
    }
        .tutor-blog-parent-div{
            margin-bottom: 30px;
        }

}
@media screen and (max-width: 778px){
       /*why mtsss*/

       .auth-bio-hide-on-mobile{
        display: none;
    }
    .tutoring-class-heading h4 span:after {
    content: "";
    background-color: #c8c8c8;
    height: 1px;
    width: 400px;
    position: absolute;
    bottom: 0;
    display: block;
    left: 88px;
    }

    
}
@media screen and (max-width: 593px){
   .gl-content-part ul li span{
   background-color: transparent;
   }
   .gl-content-part ul li{
    background-color: white;
    padding: 6px;
    width: 87%;
    margin-bottom: 15px;
    box-shadow: 0 2px 4px 1px #c7c7c7;
   }
   .blog-heading-title img{
            max-width:100% !important;
        }

}
@media screen and (max-width: 576px){

    .auth-bio-hide-on-mobile{
        display: none;
    }
    .tutor-heading h4 strong:after {
    content: "";
    height: 1px;
    width: 200px;
    display: block;
    background-color: lightgray;
    position: absolute;
    bottom: 0;
    left: 130px;
    }

     /*onlie tutorila page start*/
     .free-online{
        display: none;
     }
     .get-free{
        display: block;
     }
     /*form*/
     .form-heading h4:after {
      left: 161px;
      display: none;
     }
     .form-heading{
        margin-bottom: 10px;
     }
     /*online tutorial end*/

     /*private tutoring*/
     .bg-image{
        background-image: none;
     }
     .easy-main-part{
        padding: 40px 0px;
     }
     .submit-para{
        padding: 0 20px;
     }

     /*grade level*/
     .grade-level-para {
    padding-top: 16px;
    }
    .grade-blog-heading h5 span:after {
    content: "";
    background-color: #c8c8c8;
    height: 1px;
    width: 300px;
    position: absolute;
    bottom: 0;
    display: block;
    left: 92px;
    }

    /*our tutotrs*/
    .Tutor-list ul{
        padding: 0;
        left: 0px; 
    }
    .Tutor-list ul li i {
    color: black;
    font-size: 20px;
    margin-right: 5px;
    }
    /*private tutoring*/
    .tutoring-page-heading h4 span:after{
      display: none;    
    }
    .hr-style{
            display: block !important;
        }

    /*grade level*/
    .grade-blog-img img {
    height: 100%;
    width: 90%;
    }

    /*faqs*/
    .faqs-para {
    margin-left: 5px;
    }
    .faqs-para h2:before {
    left: 29px;
    }
    .faqs-para ul {
    padding-left: 53px;
    }
    .faqs-para ul li:before {
    left: 50px;
    position: absolute;
    font-weight: bold;
    }

    /*types ofmtutoring*/
    .card-header a{
        display: inline-flex !important;
        width: 100% !important;
    }
    .card-header a i{
        position: relative !important;
        top: 6px !important
    }

    /*blogs page*/
    .mts-blog-image{
        margin-bottom: 25px;
    }
    .mts-blog-image img{
        width: 100%;
    }
    .blog-right-image{
        margin-bottom: 20px;
    }
    .blog-right-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    }
}
@media screen and (max-width: 531px){
    .navu-div-part{
        margin-top: 100px;
    }
    .gl-content-part ul li span{
   background-color: transparent;
   }
   .gl-content-part ul li{
    background-color: white;
    padding: 6px;
    width: 87%;
    margin-bottom: 15px;
    box-shadow: 0 2px 4px 1px #c7c7c7;
   }
   .gl-content-part {
    position: absolute;
    bottom: -33px;
    left: 35px;
   }
   /*why mts*/
   .tutoring-class-heading h4 span:after {
    content: "";
    background-color: #c8c8c8;
    height: 1px;
    width: 200px;
    position: absolute;
    bottom: 0;
    display: block;
    left: 101px;
    }
} 
@media screen and (max-width: 590px){
    .Tutor-list ul li span{
        font-size: 15px !important;
    }
    .Tutor-list ul li span{
        background-color: transparent;
        box-shadow: none !important;
        display: inline-block;
    }
    .list-parent{
        background: rgba(255,255,255,0.60) !important;
        box-shadow: 0 2px 4px 1px #c7c7c7 !important;
        color: #102451 !important;
        width: 95%; 
        padding: 3px 7px;
    }
    .list-change{
        background-color: transparent !important;
    }
    .span-style{
        background: rgba(255,255,255,0.60) !important;
        box-shadow: 0 2px 4px 1px #c7c7c7 !important;
        color: #102451 !important;
        padding: 3px 7px;
    }
}
@media screen and (max-width: 500px){
    .gl-content-part {
    position: absolute;
    bottom: 40px;
    left: 6px;
   }
   .gl-content-part ul li{
    background: rgba(255, 255, 255, 0.60);
    padding: 6px;
    width: 87%;
    box-shadow: 0 2px 4px 1px #c7c7c7;
    width: 98%;
    font-size: 15px;
   }
   
  
}
@media screen and (max-width: 461px){
        .tutors-heading-blog h4 span:after {
    content: "";
    background-color: #c8c8c8;
    height: 1px;
    width: 319px;
    position: absolute;
    bottom: 0;
    display: block;
    left: 29px;
    }

    .auth-bio-hide-on-mobile{
        display: none;
    }
}
@media screen and (max-width: 475px){
    
    /*why mts*/
    .grade-blog-heading h5 span:after {
    content: "";
    background-color: #c8c8c8;
    height: 1px;
    width: 200px;
    position: absolute;
    bottom: 0;
    display: block;
    left: 89px;
    }
    .grade-level-para {
    padding-top: 3px;
    }

    .blog-heading-title img{
        max-width:100% !important;
    }

    .auth-bio-hide-on-mobile{
        display: none;
    }
 
}

@media screen and (max-width: 388px){
   
    /*our tutors*/
    .tutors-heading-blog h4 span:after {
    content: "";
    background-color: #c8c8c8;
    height: 1px;
    width: 219px;
    position: absolute;
    bottom: 0;
    display: block;
    left: 49px;
    }

    .blog-heading-title img{
        max-width:100% !important;
    }
    .auth-bio-hide-on-mobile{
        display: none;
    }
   
}
@media screen and (max-width: 388px){
    /*mts-blog*/
    .blog-right-heading h4:after{
            content: "";
            background-color: lightgray;
            height: 1px;
            width: 25%;
            position: absolute;
            top: 11px;
            left: 0px;
            display: block;
        }
        .blog-right-heading h4:before{
            content: "";
            background-color: lightgray;
            height: 1px;
            width: 25%;
            position: absolute;
            top: 11px;
            right:0px;
            display: block;
        }
    .easy-heding h3 span:after {
    left: 10px;
    }
   
    .auth-bio-hide-on-mobile{
        display: none;
    }
    /*grade level*/
    .grade-blog-heading h5 span:after {
    content: "";
    background-color: #c8c8c8;
    height: 1px;
    width: 200px;
    position: absolute;
    bottom: 0;
    display: block;
    left: 51px;
    }
}


/*media query end
/* blog detail */

@media screen and (max-width: 500px){
    .blogdetail-heading{
      margin-top: -140px !important;
    }
    .auth-bio-hide-on-mobile{
        display: none;
    }
}


@media screen and (max-width: 2000px)
{
.list-card li {
    /* display: inline-flex; */
    align-items: center;
    display: flex;
}
}



@media  (min-width:993px) and (max-width: 1201px)
{
  .image-heading-content-card{
      margin-top: 80px;
  }
}

@media  (min-width:270px) and (max-width: 300px)
{
    .grade-blog-heading h5 span:after{
      left:15px !important; 
    }
}




@media (min-width:278px) and (max-width: 299px)
{
    #codenum{
        font-size: 7px !important;
    }
}

@media (min-width:300px) and (max-width: 324px)
{
    #codenum{
        font-size: 10px !important;
    }
}

@media (min-width:325px) and (max-width: 349px)
{
    #codenum{
        font-size: 12px !important;
    }
}

@media (min-width:350px) and (max-width: 380px){
    #codenum{
        font-size: 13px !important;
    }

}



/* @media screen and (max-width: 768px){
    
    .custom-heading-top-page{
       margin-top: 70px;
      
    }
} */

/* @media screen and (max-width: 377px){
    .star-icons-wrap{
        display: flex ;
        justify-content: center;
        font-size: 0.8rem !important;
    }
    .testimonial-para i{
        margin-top: 6px;
        font-size: 0.8rem !important;
    }
} */