/*Extra small devices (portrait phones, less than 576px)*/

@media (max-width: 575.98px) { 

    body{
        font-size: 18px;
        line-height: 28px;
    }
    /* header part stast */
    .logo{
        width: 200px;
    }
    .header-btn-box{
        gap: 12px;
    }
    .header-btn-box a{
        padding: 12px 25px;
    }
    /* header part end */

    /* banner part start */
    .banner{
        padding-top: 50px;
        padding-bottom: 150px;
    }
    .banner-box h1{
        font-size: 30px;
        line-height: 36px;
    }
    .banner-box p{
        font-size: 18px;
        line-height: 26px;
    }
    .banner-box img{
        width: 290px;
    }
    /* banner part end */

    /* video part start */
    .video{
        padding: 50px 0;
    }
    .video-box{
        margin-top: -150px;
        grid-template-columns: repeat(1,1fr);
    }
    /* video part end */

    /* guarantee part start */
    .com-padding{
        padding: 70px 0;
    }
    .guarantee-box{
        grid-template-columns: repeat(1,1fr);
    }
    .com-heading{
        font-size: 26px;
        line-height: 40px;
    }
    .com-guarantee h4{
        font-size: 20px;
        line-height: 30px;
    }
    .real-role-icon img,
    .school-icon img{
        width: 80px;
    }
    .com-guarantee p{
        font-size: 17px;
    }
    /* guarantee part end */

    /* real role part start */
    .real-role-box{
        grid-template-columns: repeat(1,1fr);
        gap: 20px;
    }
    /* real role part end */

    /* steps part start */
    .single-steps{
        grid-template-columns: repeat(1,1fr);
        gap: 15px;
    }
    .steps-text h3{
        font-size: 24px;
        line-height: 29px;
    }
    .steps-icon{
        width: 65px;
        height: 65px;
    }
    .steps-icon img{
        width: 40px;
    }
    /* steps part end */

    

    /* signup part start */
    .signup{
        padding-bottom: 70px;
    }
    .signup-box,
    .signup-bottom-box{
        padding: 40px 30px;
    }
    .signup-box ul li{
        font-size: 13px;
        line-height: 22px;
    }
    .signup-box p{
        font-size: 16px;
        line-height: 24px;
    }
    .signup-box h3{
        font-size: 17px;
    }

    .signup-guarantee-box{
        grid-template-columns: repeat(1,1fr);
    }
    /* signup part end */

    /* testimonial part start */
    .testimonial-box{
        grid-template-columns: repeat(1,1fr);
        gap: 30px;
    }
    /* testimonial part end */

    /* school part start */
    .school-box{
        grid-template-columns: repeat(1,1fr);
    }
    /* school part end */

    /* quote part start */
    .quote-box p{
        font-size: 20px;
        line-height: 30px;
    }
    /* quote part end */

    /* faq part start */
    .faq-box,
    .single-slider{
        grid-template-columns: repeat(1,1fr);
    }
    /* faq part end */

    .copy_right {
        display: block;
        text-align: center;
    }
    .copy_right figure {
        width: auto;
        margin-bottom: 20px;
    }

    .modal-dialog .modal-content {
        width: 100%;
    }

    /* popup part start */
    .not-sure-box .signup-btn a{
        font-size: 17px;
    }
    .not-sure-box .signup-btn a p{
        font-size: 12px;
    }
    .popup-bottom-box{
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }

    .popup-bottom-right .pop-arrow{
        right: auto;
        bottom: 99%;
        left: 50%;
        top: auto;
        transform: translateX(-50%) translateY(0) rotate(-90deg);
    }

    .popup-box{
        height: 90vh;
        overflow-y: scroll;
    }
    /* popup part end */

    /* pricing part start */
    .pricing-box{
        grid-template-columns: repeat(1,1fr);
    }
    .special-single-price{
        margin-top: 0;
    }
    .signup-first-ul{
        padding-left: 0;
    }
    /* pricing part end */
    
 }



/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) { 
    /* banner part start */
    .banner-box h1{
        font-size: 40px;
        line-height: 52px;
    }
    .banner-box p{
        font-size: 22px;
        line-height: 32px;
    }
    /* banner part end */

    /* video part start */
    .video-box{
        grid-template-columns: repeat(1,1fr);
    }
    /* video part end */

    /* guarantee part start */
    .com-padding{
        padding: 70px 0;
    }
    .guarantee-box{
        grid-template-columns: repeat(1,1fr);
    }
    /* guarantee part end */

    /* real role part start */
    .real-role-box{
        grid-template-columns: repeat(2,1fr);
    }
    /* real role part end */

    /* signup part start */
    .signup{
        padding-bottom: 130px;
    }
    .signup-box{
        padding: 40px;
    }
    .signup-box ul li{
        font-size: 14px;
    }

    .signup-guarantee-box{
        grid-template-columns: repeat(1,1fr);
    }
    /* signup part end */

    /* testimonial part start */
    .testimonial-box{
        grid-template-columns: repeat(1,1fr);
    }
    /* testimonial part end */

    /* school part start */
    .school-box{
        grid-template-columns: repeat(1,1fr);
    }
    /* school part end */

    /* faq part start */
    .faq-box,
    .single-slider{
        grid-template-columns: repeat(1,1fr);
    }
    
    /* faq part end */

    /* pricing part start */
    .pricing-box{
        grid-template-columns: repeat(1,1fr);
    }
    .special-single-price{
        margin-top: 0;
    }
    .signup-first-ul{
        padding-left: 0;
    }
    /* pricing part end */
 }

@media (max-width: 991px) {
    .exam_sec, .for_whom_sec {
        padding: 45px 0 50px;
    }

    .exam_sec .container {
        max-width: 100%;
        width: 100%;
    }

    .exam_sec .global_title {
        padding: 0 4%;
    }

    .exam_block h3 {
        font-size: 33px;
        line-height: 41px;
    }

    .exam_block {
        margin-bottom: 30px;
    }

    .exam_sec figure.trustpilot {
        width: 85%;
        margin: 40px auto 10px;
    }

    .exam_sec .global_title, .for_whom_sec .global_title {
        margin-bottom: 60px;
    }

    .exam_sec .owl-carousel .owl-nav {
        display: inline-flex;
        gap: 40px;
    }

    .exam_sec .owl-carousel .owl-nav button.owl-next, .exam_sec .owl-carousel .owl-nav button.owl-prev {
        width: 20px;
        height: 38px;
        font-size: 0;
        display: inline-flex;
        background: none;
        z-index: 555;
        transition: all .6s ease-in-out;
        color: #0a0a0a !important;
    }

    .exam_sec .owl-carousel .owl-nav button.owl-prev {
        background: url(../../images/arrow_1.png) center center no-repeat;
        background-size: 100% 100%;
    }

    .exam_sec .owl-carousel .owl-nav button.owl-next {
        background: url(../../images/arrow_2.png) center center no-repeat;
        background-size: 100% 100%;
    }

    .exam_sec .owl-carousel .owl-nav button.owl-next:hover, .exam_sec .owl-carousel .owl-nav button.owl-prev:hover {
        opacity: 0.6;
    }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) { 
    /* banner part start */
    .banner-box h1{
        font-size: 50px;
        line-height: 62px;
    }
    .banner-box p{
        font-size: 22px;
        line-height: 32px;
    }
    /* banner part end */

    /* video part start */
    .video-box{
        grid-template-columns: repeat(1,1fr);
    }
    /* video part end */

    /* guarantee part start */
    .com-padding{
        padding: 70px 0;
    }
    .guarantee-box{
        grid-template-columns: repeat(1,1fr);
    }
    /* guarantee part end */

    /* real role part start */
    .real-role-box{
        grid-template-columns: repeat(2,1fr);
    }
    /* real role part end */

    /* testimonial part start */
    .testimonial-box{
        grid-template-columns: repeat(1,1fr);
    }
    /* testimonial part end */

    /* school part start */
    .school-box{
        grid-template-columns: repeat(1,1fr);
    }
    /* school part end */

    /* signup part start */
    .signup-guarantee-box{
        grid-template-columns: repeat(1,1fr);
    }
    /* signup part end */

    /* faq part start */
    .faq-box{
        grid-template-columns: repeat(1,1fr);
    }
    /* faq part end */

    /* quote part start */
    .single-slider{
        grid-template-columns: repeat(1,1fr);
    }
    /* quote part end */

    /* pricing part start */
    .pricing-box{
        grid-template-columns: repeat(1,1fr);
    }
    .special-single-price{
        margin-top: 0;
    }
    /* pricing part end */
 }

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) { 

    /* header part start */
    .main-header-btn a{
        font-size: 14px;
        padding: 10px 28px;
    }
    /* header part end */
    .learn .learn-box{
        padding-left: 200px;
    }

    .real-role-list-box{
        padding-left: 90px;
    }

    .guarantee-box{
        padding-left: 100px;
    }
    .copy_right {
        justify-content: right;
    }

 }

/*Extra large devices (Extra large desktops, 1200px and up)*/
@media (min-width: 1200px) and (max-width: 1399.98px) { 
    .learn .learn-box{
        padding-left: 250px;
    }
    .real-role-list-box{
        padding-left: 110px;
    }

    .guarantee-box{
        padding-left: 120px;
    }
 }

/*Extra large devices (Extra Extra large desktops, 1400px and up)*/
@media (min-width: 1400px) { 
    
    .learn .learn-box{
        padding-left: 350px;
    }
    .real-role-list-box{
        padding-left: 140px;
    }
    .guarantee-box{
        padding-left: 120px;
    }
 }


@media (max-width: 767px) {
    .within strong {
        font-size: 35px;
    }
    .signup-top-box {
        padding: 18px;
        margin-bottom: 45px;
    }
    .signup-top-box .global_title {
        margin-bottom: 25px;
    }
    .signup-top-box ul li {
        font-size: 11px;
    }
    .within.with_discount {
        width: 100%;
    }

   #video-main {
       width: 100%;
       margin: 0 auto;
       zoom: 1.3;
   }
    .video-main iframe{
        height: 482px;
    }

    .video-main.horizontal iframe {
        height: auto;
        /*border: 0px solid #171717;*/
        /*border-right-width: 10px;*/
        /*border-left-width: 10px;*/
        border: none;
        border-radius: 10px;
    }
}

@media (min-width: 440px) and (max-width: 767px) {
    .signup-top-box ul li {
        font-size: 13px;
    }
}
@media (min-width: 448px) and (max-width: 767px) {
    .signup-top-box ul li {
        font-size: 14px;
    }
}

@media (max-width: 600px) {
    .container {
        width: 83%;
        padding-left: 0;
        padding-right: 0;
    }

    .exam_sec .owl-carousel .owl-nav button.owl-next, .exam_sec .owl-carousel .owl-nav button.owl-prev{ width:15px; height:28px;}
    .exam_block h3{ font-size: 20px; line-height: 28px;}
}
@media screen and (min-width: 1075px) {
    #menu-bottom {
        display: none;
    }
}
@media screen and (max-width: 1075px) {
    #menu-bottom {
        display: block;
        max-width: 72%;
    }
}