/*Media Query for small devices*/

@media (max-width: 1240px) {
    /****HOME PAGE START****/
    .main-navigation .navbar-default .navbar-nav > li {
        margin-left: 25px;
    }

    /*.banner-section {
        background-size: initial;
        padding: 50px 0;
    }

    .banner-caption {
        width: 70%;
    }*/

    .chevron-arrow-block {
        padding-left: 40px;
    }

    .case-img-box, .case-result-box {
        width: 22%;
    }

    .case-study-details {
        width: 56%;
    }

    .case-result-box {
        padding: 92px 35px 80px 35px;
    }

    /****HOME PAGE END****/
    /****GET STARTED PAGE START****/
    .get-started-banner-section .banner-caption {
        width: 60%;
    }

    /****GET STARTED PAGE END****/
    /****BLOG PAGE START****/
    .blog-banner-section {
        padding: 40px 0;
    }
    /****BLOG PAGE END****/

    /****ABOUT PAGE START**/
    .about-banner-section .banner-caption {
        width: 60%;
    }
    /****ABOUT PAGE END****/

    /****SPEAKING PAGE START****/
    .quote-section p {
        font-size: 35px;
    }
    /****SPEAKING PAGE END****/
}

@media (max-width: 991px) {
    /****HOME PAGE START****/
    .top-header {
        min-height: 86px;
    }

    .top-header h2 {
        padding-right: 0;
        padding-bottom: 10px;
    }

    .main-navigation .navbar-toggle {
        margin-right: 0;
        margin-top: 40px;
        border-color: #24ce7b;
        background-color: #24ce7b;
        transition: all .3s ease-in-out;
    }

    .main-navigation .navbar-toggle .icon-bar {
        background-color: #fff;
    }

    .main-navigation .navbar-default .navbar-toggle:hover, .main-navigation .navbar-default .navbar-toggle:focus {
        background-color: #24ce7b;
    }

    header.smaller .main-navigation .navbar-toggle {
        margin-top: 25px;
    }

    .main-navigation .navbar-nav, header.smaller .main-navigation .navbar-nav {
        float: left;
        width: 100%;
        margin: 10px 0;
    }

    .main-navigation .navbar-default .navbar-nav > li {
        margin: 10px 10px;
    }

    .main-navigation .navbar-collapse {
        border-top: 1px solid #29ace4;
    }

    .banner-section {
        background: url(../images/home-banner-bg-mobile.jpg) top center no-repeat;
        background-size: cover;
    }

    .banner-caption, .landing-page-banner-content-text {
        width: 100%;
    }

    .content-box h2, .get-breakthrough-section h2, .call-to-action-section h2, .product-details-block h2, .general-content h2, .blog-single-box h2, .team-block h2 {
        font-size: 35px;
    }

    .cta-btn-big {
        padding: 10px 25px;
        min-width: 290px;
    }

    .content-box h3, .get-breakthrough-section h3, .call-to-action-section h3 {
        font-size: 30px;
    }

    .chevron-arrow-block, .user-details:before, .landing-page-banner-content-img {
        display: none;
    }

    .chevron-arrow-block-mobile {
        display: inherit;
    }

    .student-box, .adult-box {
        border-right: none;
        padding: 10px 65px;
    }

    .text-block h2, .resources-view-section h2, .user-details h2, .recommended-product-box h3, .list-col h2 {
        font-size: 25px;
    }

    .resources-view-section p, .recommended-product-box p {
        font-size: 15px;
    }

    .resources-view-section .cta-btn {
        margin-bottom: 15px;
    }

    .case-study-details {
        width: 100%;
        margin-top: 15px;
    }

    .user-details {
        margin-right: 0;
    }

    .case-img-box, .case-result-box {
        width: 245px;
        float: none;
        margin-top: 0;
    }

    .call-to-action-section h2 {
        padding: 0px 15px 20px 15px;
    }

    .contact-us-btn {
        padding: 7px 20px;
    }

    /****HOME PAGE END****/
    /****PRODUCT PAGE START****/
    .product-img-box {
        width: 20%;
    }

    .product-text-box {
        width: 75%;
        padding-right: 0;
    }

    .bundle, .bundle-2 {
        margin: 20px 3px;
    }

    .drop-box {
        width: 105px;
        height: 125px;
        padding: 25px 5px;
    }

    .product-buy .table > tbody > tr > td {
        font-size: 15px;
    }

    .product-buy input[type="checkbox"] + label span {
        top: 1px;
    }

    .qty-box {
        margin-right: 15px;
    }

    .qty-box h2 {
        font-size: 20px;
        padding-right: 10px;
        padding-top: 15px;
    }

    .qty-box span.qty-number {
        width: 54px;
        height: 54px;
        font-size: 18px;
        line-height: 55px;
    }

    .product-buy .cta-btn-big, .product-section-2 .cta-btn-big {
        padding: 10px 20px;
        min-width: 215px;
    }

    .testimonial-title-text-box {
        padding: 5px 15px;
    }

    .testimonial-single {
        width: 90%;
    }

    .testimonial-single .testimonial-title-text-box {
        padding-top: 35px;
    }

    /****PRODUCT PAGE END****/
    /****LANDING PAGE START****/
    .content-block {
        padding: 0;
    }

    .title-col, .list-col, a.get-started-btn {
        padding: 10px 15px;
    }

    a.get-started-btn:after {
        right: 15px;
    }

    /****LANDING PAGE END****/
    /****CONTACT PAGE START****/
    .contact-banner-section {
        background: url(../images/contact-banner-mobile.jpg) top center no-repeat;
        background-size: cover;
    }

    .fb-widget-box {
        display: none;
    }

    /****CONTACT PAGE END****/
    /****GET STARTED PAGE START****/
    .get-started-banner-section {
        background: url(../images/get-started-banner-mobile.jpg) top center no-repeat;
        background-size: cover;
        padding: 60px 0px;
    }

    .get-started-banner-section .banner-caption {
        width: 100%;
    }

    /****GET STARTED PAGE END****/
    /****STUDENT PAGE START****/
    .student-banner-section {
        background: url(../images/student-banner-mobile.jpg) top center no-repeat;
        background-size: cover;
    }

    .img-align-right, .img-align-left {
        max-width: 250px;
    }

    /****STUDENT PAGE END****/
    /******* Adult Page ******/
    .adult-banner-section {
        background: url(../images/contact-banner-mobile.jpg) top center no-repeat;
    }

    /****** Adult Page End ******/
    /****BLOG PAGE START****/
    .blog-banner-section, .case-study-banner-section {
        background: url(../images/blog-banner-mobile.jpg) top center no-repeat;
        background-size: cover;
    }

    .blog-box h2 {
        font-size: 35px;
    }

    .blog-box p {
        font-size: 15px;
    }

    .blog-img-holder {
        width: 100%;
        margin: 0px 0px 15px 0px;
    }

    .author-img {
        padding: 0px 0px 20px 10px;
    }

    /****BLOG PAGE END****/
    /****ABOUT PAGE START**/
    .about-banner-section {
        background: #e3e3d7;
    }

    .about-banner-section .banner-caption {
        width: 100%;
    }

    .testimonial-image-box {
        width: 30%;
        padding: 0px 10px 0px 40px;
    }

    .testimonial-text-box {
        width: 70%;
    }
    /****ABOUT PAGE END****/

    /****CHECKLIST PAGE START****/
    .bot-side-section {
        text-align: center;
    }
    .bot-side-section p {
        font-size: 22px;
        padding: 0px 0px 15px 0px;
    }
    .bot-side-section p:after {
        display: none;
    }
    .bot-side-section .cta-btn-medium {
        width: auto;
    }
    /****CHECKLIST PAGE END****/

    /****SPEAKING PAGE START****/
    .speaking-banner-section {
        background: url(../images/speaking-banner-mobile.jpg) top center no-repeat;
        background-size: cover;
    }
    .quote-section p {
        font-size: 30px;
    }
    /****SPEAKING PAGE END****/
}

@media (max-width: 767px) {
    /****HOME PAGE START****/
    header.smaller {
        position: relative;
    }

    .top-header {
        height: auto;
    }

    header.smaller .top-header {
        padding: 10px 0px;
    }

    header.smaller h1.logo img {
        max-height: 103px;
    }

    header.smaller .main-navigation .navbar-toggle {
        margin-top: 40px;
    }

    .content-box .video-container, .content-box img, .resources-view-section img {
        margin-bottom: 25px;
    }

    .primary-information-section {
        padding: 80px 0px 35px 0px;
    }

    .text-block {
        margin-bottom: 45px;
    }

    .footer-menu-block .social-media {
        width: 80%;
    }

    .contact-us-btn {
        padding: 7px 33px;
    }

    span.contact-number {
        padding-left: 30px;
        display: block;
    }

    /****HOME PAGE END****/
    /****PRODUCT PAGE START****/
    .product-text-box h2 {
        font-size: 18px;
        padding-bottom: 6px;
    }

    .product-text-box p {
        font-size: 14px;
        line-height: 20px;
    }

    .testimonial-title-img-box, .testimonial-title-text-box, .testimonial-single .testimonial-title-img-box, .testimonial-single .testimonial-title-text-box {
        width: 100%;
    }

    .testimonial-title-text-box {
        text-align: center;
    }

    .testimonial-title-text-box h2 {
        line-height: 25px;
    }

    .heading-title h2 {
        font-size: 26px;
        top: -14px;
    }

    .testimonial-single .testimonial-title-text-box {
        padding-top: 0;
    }

    /****PRODUCT PAGE END****/
    /****LANDING PAGE START****/
    .landing-page-banner-content-text h2 {
        font-size: 35px;
    }

    .landing-page-banner-content-text h3 {
        font-size: 17px;
    }

    .landing-page-banner-content-text p {
        font-size: 15px;
    }

    .list-col {
        min-height: 0;
        padding: 15px 15px;
    }
    /****LANDING PAGE END****/

    /****CONTACT PAGE START*/
    .contact-form-box .form-horizontal .control-label {
        margin-bottom: 0;
    }

    .contact-form-box .form-control {
        margin-top: 12px;
    }

    span.divider-bar {
        display: none;
    }
    /****CONTACT PAGE END****/

    /****BLOG PAGE START***/
    span.image-box {
        width: 15%;
    }

    span.text-box {
        width: 85%;
        font-size: 18px;
        padding: 30px 0px 0px 15px;
    }
    /****BLOG PAGE END****/

    /****ABOUT PAGE START****/
    .team-block h2 {
        padding-top: 20px;
    }
    /****ABOUT PAGE END****/

    /****CASE STUDY PAGE START****/
    .case-details-block, .case-visual-block {
        border-right: none;
        padding-right: 15px;
        padding-left: 15px;
    }
    /****CASE STUDY PAGE END****/

}

@media (max-width: 667px) {
    /****ABOUT PAGE START****/
    .cta-row-section h2 {
        padding-right: 0;
        padding-bottom: 15px;
    }

    /****ABOUT PAGE END****/
}

@media (max-width: 600px) {
    /****LANDING PAGE START****/
    .landing-page-banner-content-text h2 {
        font-size: 28px;
    }

    .landing-page-banner-content-text h3 {
        font-size: 14px;
    }

    .landing-page-banner-content-text p {
        font-size: 13px;
    }

    .landing-page-content-section:before {
        border-right: 200px solid transparent;
        border-left: 200px solid transparent;
        border-top: 65px solid #dad7f0;
    }

    .landing-page-content-section {
        padding: 95px 0 15px 0;
    }

    /****LANDING PAGE END****/
    /****BLOG PAGE START***/
    span.text-box {
        font-size: 16px;
        padding: 20px 0px 0px 15px;
    }

    /****BLOG PAGE END****/
}

@media (max-width: 567px) {
    /****HOME PAGE START****/
    .top-header h2, .banner-caption p {
        font-size: 16px;
    }

    .banner-caption h2 {
        font-size: 35px;
    }

    .cta-btn-big {
        padding: 10px 15px;
        font-size: 20px;
    }

    .percentage-rate ul li {
        margin: 0px 5px;
    }

    .before-block, .after-block {
        margin: 10px 15px;
    }

    .call-to-action-section {
        padding: 60px 0 45px 0;
    }

    .call-to-action-section h2 {
        padding: 0px 10px 20px 10px;
        font-size: 35px;
    }

    .call-to-action-section p {
        padding: 0px 20px 30px 20px;
    }

    /****HOME PAGE END****/
    /****LANDING PAGE START****/
    .landing-page-banner-content {
        padding: 60px 0px 30px 0px;
    }

    .landing-page-banner-content-text h2 {
        font-size: 25px;
    }

    .landing-page-banner-content-text h3 {
        font-size: 14px;
    }

    /****LANDING PAGE END****/
    /****ABOUT PAGE START****/
    .cta-row-section h2 {
        font-size: 20px;
    }

    .testimonial-image-box {
        width: 200px;
        padding: 0px 0px 20px 0px;
        margin: 0px auto;
        float: none;
    }

    .testimonial-text-box {
        width: 100%;
        padding: 0px 40px;
    }

    span.user-info span {
        display: block;
    }

    /****ABOUT PAGE END****/
}

@media (max-width: 479px) {
    /****HOME PAGE START****/
    .cta-btn, .cta-btn-big, .cta-btn-medium {
        width: 100%;
        min-width: 100%;
    }

    .chevron-arrow-block-mobile ul li .chevron-down {
        width: 340px;
    }

    .student-box, .adult-box {
        padding: 10px 0px;
    }

    .content-box h3, .get-breakthrough-section h3, .call-to-action-section h3 {
        font-size: 25px;
    }

    .content-box h2, .get-breakthrough-section h2, .call-to-action-section h2, .blog-single-box h2 {
        font-size: 32px;
    }

    .get-breakthrough-section .student-box h2, .get-breakthrough-section .adult-box h2, .product-details-block h2, .primary-content-section h2, .general-content h2, .team-block h2 {
        font-size: 30px;
    }

    .percentage-rate ul li {
        margin: 5px 5px;
    }

    .chevron-arrow-block-mobile ul li span.number {
        width: 25px;
    }

    /****HOME PAGE END****/
    /****PRODUCT PAGE START****/
    .product-details-block h3 {
        font-size: 15px;
    }

    .product-buy, span.price-per-unit {
        text-align: center;
    }

    .qty-box {
        float: none;
        display: inline-block;
        margin-bottom: 10px;
    }

    .testimonial-single, .author-details-text-area {
        width: 100%;
    }

    .product-section-2 .qty-box {
        width: 100%;
        margin-right: 0;
        text-align: center;
    }

    .product-section-2 .qty-box h2 {
        font-size: 20px;
        display: inline-block;
        float: none;
    }

    .product-section-2 .qty-box span.qty-number {
        float: none;
        display: inline-block;
    }

    /****PRODUCT PAGE END****/
    /****LANDING PAGE START****/
    .landing-page-content-section:before {
        border-right: 150px solid transparent;
        border-left: 150px solid transparent;
        border-top: 60px solid #dad7f0;
    }

    .list-col h2 {
        font-size: 23px;
    }

    a.get-started-btn {
        font-size: 18px;
    }

    /****LANDING PAGE END****/
    /****CONTACT PAGE START****/
    .contact-form-box {
        padding: 40px 20px 20px 20px;
    }

    .contact-form-box h2, .suscribe-box h2 {
        font-size: 25px;
    }

    .contact-form-box h3 {
        font-size: 14px;
    }

    /****CONTACT PAGE END****/
    /****STUDENT PAGE START****/
    .img-align-right, .img-align-left {
        max-width: 100%;
    }

    /****STUDENT PAGE END****/
    /****BLOG PAGE START***/
    .blog-box h2 {
        font-size: 30px;
    }

    .share-bar {
        padding: 10px 15px;
    }

    .share-bar ul li {
        margin-right: 15px;
    }

    .suscribe-box p {
        font-size: 20px;
    }

    span.image-box {
        width: 30%;
    }

    span.text-box {
        width: 70%;
        font-size: 15px;
    }

    .author-bar {
        padding: 0;
    }

    span.author-name, span.published-date {
        font-size: 15px;
        padding-right: 5px;
    }

    .author-img {
        padding: 0px 0px 20px 0px;
        width: 100%;
    }

    .connect-to-author-bar span, .comment-title h2 {
        font-size: 18px;
    }

    /****BLOG PAGE END****/
    /****ABOUT PAGE START****/
    .testimonial-text-box h2 {
        font-size: 25px;
    }

    span.user-info {
        font-size: 16px;
    }

    /****ABOUT PAGE END****/

    /****SPEAKING PAGE START****/
    .quote-section p {
        font-size: 25px;
    }
    /****SPEAKING PAGE END****/
}

@media (max-width: 384px) {
    /****HOME PAGE START****/
    h1.logo {
        width: 260px;
    }

    .chevron-arrow-block-mobile ul li .chevron-down {
        width: 330px;
    }

    .block-left h5 {
        font-size: 20px;
    }

    .block-right p {
        font-size: 13px;
        line-height: 17px;
    }

    /****HOME PAGE END****/
    /****PRODUCT PAGE START****/
    .discount-package h2 {
        font-size: 20px;
    }

    .product-buy .table > tbody > tr > td {
        font-size: 14px;
    }

    .heading-title h2 {
        font-size: 20px;
        top: -11px;
    }

    /****PRODUCT PAGE END****/
}

@media (max-width: 375px) {
    /****HOME PAGE START****/
    .chevron-arrow-block-mobile ul li .chevron-down {
        width: 320px;
    }

    /****HOME PAGE END****/
}

@media (max-width: 345px) {
    /****HOME PAGE START****/
    h1.logo {
        width: 215px;
    }

    .main-navigation .navbar-toggle, header.smaller .main-navigation .navbar-toggle {
        margin-top: 30px;
    }

    .banner-caption h2 {
        font-size: 30px;
    }

    .content-box h2, .get-breakthrough-section h2, .call-to-action-section h2, .product-details-block h2, .general-content h2, .blog-single-box h2, .team-block h2 {
        font-size: 28px;
    }

    .chevron-arrow-block-mobile ul li .chevron-down {
        width: 270px;
        height: 140px;
    }

    .block-left h5 {
        font-size: 18px;
    }

    .block-right p {
        font-size: 12px;
        line-height: 14px;
    }

    .content-box h3, .get-breakthrough-section h3, .call-to-action-section h3, .blog-single-box h3, .author-box h3, .connect-to-author-bar ul li a {
        font-size: 22px;
    }

    .chevron-arrow-block-mobile ul li span.number {
        width: 20px;
    }

    .block-left, .block-right {
        padding: 10px;
    }

    /****HOME PAGE END****/
    /****PRODUCT PAGE START****/
    .product-img-box {
        width: 25%;
        margin-right: 3%;
    }

    .product-text-box {
        width: 72%;
    }

    .product-text-box h2 {
        font-size: 15px;
        padding-bottom: 5px;
    }

    .product-text-box p {
        font-size: 13px;
        line-height: 18px;
    }

    .discount-package h2 {
        font-size: 18px;
    }

    .product-buy .table > tbody > tr > td {
        font-size: 12px;
    }

    .product-buy input[type="checkbox"] + label span {
        top: -1px;
    }

    /****PRODUCT PAGE END****/
    /****PRODUCT PAGE START****/
    .title-col, .list-col, a.get-started-btn {
        padding: 10px 10px;
    }

    .list-col h2 {
        font-size: 20px;
    }

    .list-col ul li {
        padding: 0px 0px 0px 20px;
    }

    a.get-started-btn {
        text-align: center;
    }

    a.get-started-btn:after, .comment-title h2:after {
        display: none;
    }

    /****PRODUCT PAGE END****/
    /****BLOG PAGE START****/
    .blog-box h2 {
        font-size: 26px;
    }

    .share-bar {
        padding: 10px 10px;
    }

    .share-bar ul li {
        margin-right: 10px;
    }

    .share-bar ul li a span {
        margin-right: 5px;
    }

    span.text-box {
        font-size: 14px;
        padding: 15px 0px 0px 15px;
    }

    .connect-to-author-bar {
        padding: 5px 15px;
    }

    .connect-to-author-bar span, .comment-title h2 {
        padding-top: 3px;
    }

    /****BLOG PAGE END****/
}
