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

header {
    padding: 20px 0px;
}
.menu {
    display: none;
}
.mbl_menu {
    position: relative;
    float: right;
	display: block;
}
button#responsive-menu-button {
    display: block !important;
    top: 20px !important;
}

header .text-right {
    text-align: center !important;
}
.ban_txt {
    padding: 60px 0px;
}
.video_section {
    padding: 0px 0px 40px;
    text-align: center;
}
.video {
    position: relative;
    margin-top: 30px;
}
.work_box h2 {
    font-size: 40px;
    margin: 20px 0px;
}
.pr_txt {
    padding: 30px 0px 35px;
    text-align: center;
}
.pr_box p {
    font-size: 19px;
}
.steps_section {
    padding: 50px 0px;
}
.step_box {
    width: 100%;
    margin: 30px 0px 0px;
}
.live_section {
    text-align: center;
}
.live_section img.shield-img {
    position: relative;
    top: 0;
    margin: 20px 0px;
}
.job_txt {
    padding: 30px 20px;
}
.use_box {
    padding: 30px 0px 40px;
    margin-bottom: -80px;
}
.use_box h2 {
    font-size: 21px;
}
.use_box a {
    font-size: 14px;
    padding: 10px 15px;
}
.use_box::before {
    top: 15px;
    left: 11px;
}
.foo_txt ul {
    padding: 0px;
    margin: 40px 0px 0px;
	width: 100%;
}
.foo_cont {
    position: relative;
    margin-top: 40px;
}

/* 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%;
}

/** login **/
	
.login {
    padding-top: 30%;
}


}

/*............................... 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;
}
	
.use_box::before {
    left: 15px;
}
.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 {
    padding-top: 11%;
}


}

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

.top_bg {
    background: url(../images/banner-mbl.jpg) top center no-repeat;
	background-size: cover;
}
header {
    padding: 20px 0px;
    border-bottom: none;
}
.logo {
    text-align: center;
}
.MenuFixed .logo {
    display: none;
}
.menu {
    display: none;
}
.mbl_menu {
    position: relative;
    float: right;
    margin-top: 21px;
	display: block;
}
.MenuFixed .mbl_menu {
    margin-top: 0px;
}
.all-body button#responsive-menu-button {
    top: 18px;
}
button#responsive-menu-button {
	display: block !important;
}
header .text-right {
    text-align: left !important;
}
.top_btn {
    margin-top: 25px;
}
.MenuFixed .top_btn {
    margin-top: 0px;
}
.ban_txt {
    padding: 50px 0px;
}
.ban_txt h1 {
    font-size: 34px;
}
.ban_txt h1 br {
    display: none;
}
.ban_txt h2 {
    font-size: 23px;
}
.my_notification {
    margin: 30px 0px 0px;
}
.my_notification .close {
    top: -18px !important;
}
.my_notification h2 {
    font-size: 14px !important;
    text-align: left;
    width: 92%;
}
.my_notification h2.collapsed:after {
    content: '';
    width: 16px;
    height: 16px;
    right: 10px;
    top: 22px;
}
.my_notification h2.pressed:after {
    content: '';
    width: 16px;
    height: 16px;
    right: 10px;
    top: 12px;
}
.my_notification p {
    font-size: 14px;
	text-align: left;
}
.video_section {
    position: relative;
    padding: 40px 0px;
}
.video_section h2 {
    margin: 0px;
}
.work_box {
    text-align: center;
}
.work_box h2 {
    font-size: 22px;
    margin: 15px 0px !important;
}
.work_box p {
    font-size: 16px;
    margin: 0px 0px 5px;
}
.process_section {
    text-align: center;
}
.pr_box {
    padding: 25px 0px 25px;
    margin: 10px 0px;
}
.step_box {
    width: 100%;
    margin: 30px 0px 0px;
	text-align: center;
}
.st_img {
    display: block;
}
.st_txt h2 {
    font-size: 20px;
    margin: 5px 0px 0px;
}
.live_section {
    text-align: center;
}
.live_section h2 {
    margin: 10px 50px 0px;
}
.live_section img.shield-img {
    position: relative;
    top: 0;
}
.live_section p {
    font-size: 22px;
    margin: 10px 50px 20px;
}
.live_section a {
    margin-top: 20px;
    font-size: 16px;
    display: inline-block;
}
.job_txt {
    padding: 30px 20px;
}
.job_txt button {
    font-size: 16px;
    padding: 15px 10px;
}
.tool-step[data-step="1"] {
    left: 1.5em;
    top: -0.3em;
}
.tool-step[data-step="2"] {
    top: -7%;
    left: 3%;
}
.tool-step[data-step="2"] > .job-tooltip:after {
    left: 33px;
}
.tool-step[data-step="3"] {
    top: -16%;
    right: auto;
    left: 8%;
}
.job-tooltip {
    width: 280px;
    background: #646464;
}
.job-tooltip::after {
    border-color: #646464 transparent transparent transparent;
}
.job-tooltip p {
    font-size: 15px;
}
.job-tooltip button {
    color: #626262;
}
.job-tooltip button.close {
    color: #626262 !important;
}
.tool-step[data-step="1"] .job-tooltip::after {
    transform: rotate(180deg);
    right: auto;
    left: 20%;
    bottom: auto;
    top: -18px;
}
.use_box {
    margin-top: 50px;
    margin-bottom: -30px;
}
.use_box::before {
	left: 12px;
}
footer {
    padding: 80px 0px 10px;
}
.foo_txt ul {
    margin: 35px 0px 0px;
	width: 100%;
}
.foo_cont {
    position: relative;
    margin-top: 40px;
}
	

/* Contact Us */

.white-bg {
    padding: 20px 10px;
    margin: 20px 0px;
}
.white-bg h2 {
    font-size: 22px;
}
.contact-detail h3 {
    font-size: 20px;
    margin-bottom: 10px;
}
.contact-detail-button {
    width: 80%;
}
.white-bg img {
    width: 30%;
}
.contact-detail img {
    width: auto;
}	
.contact-form h3 {
    font-size: 20px;
}
.contact-form input, .contact-form textarea {
    height: 45px;
    padding: 5px 15px;
}
.contact-form textarea {
	height: 100px;
}
.contact-form br {
    display: none;
}
	
/* 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 {
    padding-top: 15%;
}

/** 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;
}
	
}