/*............................... For Tablet Vertical ...............................*/
@media only screen and (min-width: 768px) and (max-width: 991px) {


/* Steps */

.step_content ul li {
    background: url(../images/check-icon.png) left 5px no-repeat;
}
	
.contact-form .form-group {
    width: 46%;
}
.st_bottom p {
    height: auto;
    overflow: visible;
}
.practice_content p span:last-child {
    width: 90%;
}


}

/*............................... For Tablet Horizontal ...............................*/

@media (min-width: 901px) and (max-width: 1199px) {

.top_btn a {
    font-size: 16px;
}
.menu ul li a {
    padding: 10px 10px;
}
.video_section {
    padding: 50px 0px;
}
.video_section h2 {
    font-size: 34px;
    margin: 0px;
}
.pr_txt {
    padding: 42px 0px 27px;
}
.pr_box p {
    font-size: 19px;
}
.pr_txt h2 {
    font-size: 28px;
}
.live_section p {
    font-size: 15px;
}
.live_section a {
    font-size: 24px;
    padding: 10px 30px;
}
.live_section h2 {
    font-size: 32px;
}
.tool-step[data-step="1"] {
    left: -3%;
}
.tool-step[data-step="2"] {
    top: -7%;
    left: 0%;
}
.tool-step[data-step="3"] {
    left: 61%;
}
.use_box::before {
    left: 15px;
}
.joblist .nav-tabs li button {
    padding: 15px 10px;
}
.foo_txt p {
    width: 97%;
}
.foo_txt ul {
    width: 60%;
}

/* Steps */

.step_content ul li {
    background: url(../images/check-icon.png) left 5px no-repeat;
}
.practice_content p span:last-child {
    width: 91%;
}
	
.contact-form .form-group {
    width: 46%;
}

/** login **/
	
.login-box {
    padding: 20px 25px 25px;
}

}

/*............................... For Mobile Vertical ...............................*/
@media only screen and (max-width: 767px) {


/* Steps */
	
img.step-img {
    max-width: 80%;
    height: auto;
    margin: 0 auto;
    float: unset;
    display: block;
}
.show_step_count {
    width: 92%;
}
.step_content ul li {
    background: url(../images/check-icon.png) left 6px no-repeat;
}
.step_content .paging_btns li {
    margin: 80px 0px 20px !important;
    display: inline-block;
    padding: 0px;
}
ul.paging_btns li .acp_title {
	font-size: 14px;
    padding: 10px 5px;
    margin: 0px 5px;
}
.step_np {
    margin-top: 20px;
}
.st_bottom p {
    height: auto;
    overflow: visible;
}
.contact-form .form-group {
    width: 100%;
    margin: 0px;
}
.wpcf7-form-control-wrap {
    display: block;
}
.StartBonus label {
    font-size: 14px;
}
.step_tabs ul li {
    width: 100%;
    padding:0px;
}
.step_tabs ul li a {
    font-size: 18px;
    padding: 15px 0px;
}
.practice_content p span:last-child {
    width: 85%;
}

/* login */
.login-notification {
    font-size: 13px;
}
.login-box {
    margin-top: 15px;
    padding: 20px 25px 25px;
}



/** Quiz styling **/
div#popup-content:before {
    font-size: 16px;
}
div#content-item-quiz h1 {
    font-size: 24px !important;
}
body.lp_course-template-default.single-lp_course div#popup-content {
    overflow-x: hidden !important;
}
div#popup-content .quiz-questions .question-answers .answer-options label.option-title {
    font-size: 15px;
}
div#popup-content .question-explanation-content {
    font-size: 15px;
}
div#popup-content .content-item-wrap .questions-pagination .nav-links .page-numbers {
    font-size: 14px !important;
    padding: 7px 8px !important;
}

/** Watu Quizzes **/
body.page-id-5853 .ban_txt h1, body.page-id-5855 .ban_txt h1, body.page-id-5857 .ban_txt h1, body.page-id-5859 .ban_txt h1  {
    font-size: 28px;
    margin: 0px;
}
.mybreadcrumb, .mybreadcrumb a {
    font-size: 14px;
}
.quiz-area {
    padding: 0px 10px 20px;
}
.quiz-area .php-answer-label, .quiz-area .js-answer-label {
    margin: 5px 0px !important;
}
.quiz-score-card {
    margin-top: 25px;
    padding: 30px 10px;
}
.quiz-score-card h2 {
    font-size: 30px;
}
.quiz-score-card h3 {
    font-size: 20px;
}
.quiz-score-card p {
    font-size: 16px;
}
.quiz-score-card p b {
    display: block;
}




}