/* CSS Document */

/******************************

[Table of Contents]

1. < 1600px
2. < 1440px
3. < 1280px
4. < 1199px
5. < 1024px
6. < 991px
7. < 959px
8. < 880px
9. < 768px
10. < 767px
11. < 539px
12. < 479px
13. < 400px
14. < 320px

******************************/



/************
1. < 1600px
************/

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

/************
2. < 1440px
************/

@media only screen and (max-width: 1440px)
{
    .home_inner
    {
        height: 500px;
    }
	.mission_container h1
    {
        font-size: 40px;
    }
}

/************
3. < 1380px
************/

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

/************
3. < 1280px
************/

@media only screen and (max-width: 1280px)
{
    .slider_nav_btn_prev
    {
        left: -22px;
    }
    .slider_nav_btn_next
    {
        right: -22px;
    }
}

/************
4. < 1199px
************/

@media only screen and (max-width: 1199px)
{
	.main_nav, .header_user, .header_cart, .header_favs
    {
        display: none;
    }
    .header_hamburger
    {
        display: flex !important;
    }
    .split_section_left
    {
        padding-right: 24px;
    }
}

/************
4. < 1100px
************/

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

/************
5. < 1024px
************/

@media only screen and (max-width: 1024px)
{
    .brand_item
    {
        transform: scale(0.8);
        margin-right: 72px;
    }
}

/************
6. < 991px
************/

@media only screen and (max-width: 991px)
{
    .home .container
    {
        max-width: 100%;
    }
    .home_inner
    {
        height: auto;
        padding-top: 88px;
        padding-bottom: 88px;
    }
    .mission_container h1
    {
        font-size: 32px;
    }
    .mission_button
    {
        margin-top: 32px;
    }
    .split_section_pic
    {
        margin-top: 40px;
    }
    .teacher_social .social_links_container
    {
        margin-left: 0;
    }
    .footer .container
    {
        max-width: 100%;
    }
    .footer_container
    {
        padding-bottom: 22px;
        padding-left: 12px;
        padding-right: 12px;
    }
    .footer_content
    {
        align-items: center;
        max-width: 100%;
    }
    .footer_content p
    {
        display: none;
    }
    .social_links_container
    {
        margin-top: 0;
        margin-left: auto;
    }
    .footer_nav_column
    {
        margin-bottom: 51px;
    }
}

/************
7. < 959px
************/

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

/************
8. < 805px
************/

@media only screen and (max-width: 805px)
{
	.video_container video
    {
        width: auto;
        height: 100%;
    }
}

/************
9. < 768px
************/

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

/************
10. < 767px
************/

@media only screen and (max-width: 767px)
{
    .header
    {
        height: 72px;
    }
    .header.scrolled
    {
        height: 64px;
    }
    .logo_text
    {
        font-size: 22px;
    }
    .header_controls
    {
        padding-top: 0;
    }
    .header_search_container
    {
        display: none !important;
    }
    .menu_search
    {
        display: block;
    }
    .home
    {
        padding-top: 72px;
    }
    .mission_container h1
    {
        font-size: 28px;
    }
    .brands_description
    {
        padding-right: 24px;
    }
    .brands .container
    {
        max-width: 100%;
    }
    .brands_flex
    {
        padding-left: 12px;
        padding-right: 12px;
    }
    .footer_bottom_content
    {
        height: auto;
        padding-top: 28px;
        padding-bottom: 27px;
        flex-direction: column !important;
        justify-content: center !important;
    }
    .footer_bottom_links
    {
        margin-top: 12px;
    }
    .copyright_text
    {
        text-align: center;
    }
    .menu, .menu.scrolled
    {
        height: calc(100vh - 88px);
        top: 96px;
    }
}

/************
11. < 575px
************/

@media only screen and (max-width: 575px)
{
    h2
    {
        font-size: 32px;
    }
    .section_subtitle > div
    {
        padding-left: 10px;
        padding-right: 10px;
    }
    .section_subtitle img
    {
        width: 14px;
    }
    .section_subtitle span
    {
        font-size: 14px;
        margin-left: 5px;
    }
    .section_title
    {
        margin-top: 12px;
    }
    .home_button > div > span
    {
        margin-bottom: 0;
    }
    /* Header - mobile */
    .header
    {
        padding: 4px;
        padding-left: 16px;
        height: 56px;
    }
    .header_hamburger
    {
        width: 40px;
        height: 40px;
    }
    .header_hamburger.enabled .hamburger_container div:nth-child(1)
    {
        -webkit-transform: translateY(5px) rotate(45deg);
        -ms-transform: translateY(5px) rotate(45deg);
        -o-transform: translateY(5px) rotate(45deg);
        transform: translateY(5px) rotate(45deg);
    }
    .header_hamburger.enabled .hamburger_container div:nth-child(3)
    {
        -webkit-transform: translateY(-5px) rotate(-45deg);
        -ms-transform: translateY(-5px) rotate(-45deg);
        -o-transform: translateY(-5px) rotate(-45deg);
        transform: translateY(-5px) rotate(-45deg);
    }
    .menu, .menu.scrolled
    {
        right: 8px;
        height: calc(100vh - 64px);
        top: 64px;
    }
    #menu_icon
    {
        width: 18px;
        height: 12px;
    }
    .hamburger_container
    {
        width: 18px;
        height: 12px;
    }
    .hamburger_container > div:nth-child(2)
    {
        top: 5px;
    }
    .header.scrolled
    {
        height: 56px;
    }
    .header > div
    {
        padding-left: 0;
        padding-right: 0;
    }
    .search_panel.enabled
    {
        top: 56px;
    }
    .logo_text
    {
        font-size: 16px;
    }
    .logo img
    {
        width: 24px;
        height: 24px;
    }
    .search_panel
    {
        padding-left: 24px;
        padding-right: 24px;
    }
    .home
    {
        padding-left: 0;
        padding-right: 0;
        padding-top: 56px;
    }
    .home_inner
    {
        border-radius: 0;
        padding-top: 64px;
        padding-bottom: 64px;
    }
    .home_content
    {
        padding-left: 0;
        padding-right: 0;
    }
    .mission_button
    {
        margin-top: 24px;
    }
    .section_content_row
    {
        margin-top: 43px;
    }
    .about
    {
        padding-top: 64px;
    }
    .split_section_left p
    {
        font-size: 16px;
    }
    .stats
    {
        padding-left: 0;
        padding-right: 0;
    }
    .stats_inner
    {
        border-radius: 0;
        padding-bottom: 56px;
    }
    .stats_item
    {
        margin-bottom: 16px;
    }
    .slider_nav_btn
    {
        display: none !important;
    }
    .testimonials
    {
        padding-top: 64px;
        padding-bottom: 64px;
    }
    .testimonial_rating svg
    {
        width: 18px;
        height: 18px;
    }
    .testimonial_content
    {
        margin-top: 20px;
    }
    .testimonial_content p
    {
        font-size: 18px;
    }
    .testimonial_author_info > div:first-child
    {
        padding-left: 16px;
        padding-right: 28px;
    }
    .testimonial_author_info > div:last-child
    {
        padding-left: 28px;
    }
    .testimonial_author_pic
    {
        width: 56px;
        height: 56px;
    }
    .testomonial_author_name
    {
        font-size: 16px;
    }
    .testimonial_author_title
    {
        font-size: 14px;
    }
    .brands
    {
        padding-left: 12px;
        padding-right: 12px;
    }
    .teachers
    {
        padding-bottom: 56px;
    }
    .teacher
    {
        margin-bottom: 16px;
    }
    .section_title_container
    {
        margin-top: 64px;
    }
    .cta1
    {
        padding-left: 0;
        padding-right: 0;
    }
    .cta1_inner
    {
        height: auto;
        border-radius: 0;
        padding-left: 32px;
        padding-right: 32px;
        padding-top: 56px;
        padding-bottom: 64px;
    }
    .footer
    {
        padding-left: 0;
        padding-right: 0;
    }
    .footer_inner
    {
        border-radius: 0px;
    }
    .footer_logo span
    {
        font-size: 16px;
    }
    .social_links_container div:not(:last-child)
    {
        margin-right: 16px;
    }
    .social_links_container svg
    {
        width: 24px;
        height: 24px;
    }
    .teacher_social .social_links_container svg
    {
        width: 28px;
        height: 28px;
    }
    .footer_container
    {
        padding-left: 0;
        padding-right: 0;
    }
}

/************
11. < 539px
************/

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

/************
12. < 480px
************/

@media only screen and (max-width: 480px)
{
    h3
    {
        font-size: 20px;
    }
    .header
    {
        padding-right: 0;
    }
    .section_title_container
    {
        margin-top: 64px;
    }
    .testimonial_author_info > div:last-child
    {
        display: none;
    }
    .testimonial_author_info > div:first-child::after
    {
        display: none;
        padding-right: 0;
    }
    .brands_flex
    {
        height: 102px;
    }
    .brands_description
    {
        width: 112px;
        height: 64px;
    }
    .cta1 .button_fill, .cta1 .button_outline
    {
        width: 100%;
    }
    .cta1_buttons
    {
        flex-direction: column !important;
    }
    .cta1_buttons > div:last-child
    {
        margin-left: 0;
        margin-top: 12px;
    }
    .button_fill a div, .button_outline a div
    {
        justify-content: center;
    }
    .blog_content h4 a
    {
        font-size: 20px;
    }
}

/************
13. < 400px
************/

@media only screen and (max-width: 479px)
{
    .search_panel
    {
        padding-left: 16px;
        padding-right: 24px;
    }
    .search_panel .search_suggestions_container
    {
        padding-left: 0;
    }
    .search_input
    {
        padding-left: 16px;
    }
    .search_input::-webkit-input-placeholder
    {
        font-size: 14px !important;
    }
    .search_input:-moz-placeholder
    {
        font-size: 14px !important;
    }
    .search_input::-moz-placeholder
    {
        font-size: 14px !important;
    } 
    .search_input:-ms-input-placeholder
    { 
        font-size: 14px !important;
    }
    .search_input::input-placeholder
    {
        font-size: 14px !important;
    }
	.footer_bottom_links
    {
        flex-direction: column !important;
        margin-top: 16px;
    }
    .footer_bottom_links div:not(:last-child)
    {
        margin-right: 0;
    }
    .footer_bottom_links div:not(:first-child)
    {
        margin-top: 8px;
    }
}

/************
14. < 320px
************/

@media only screen and (max-width: 320px)
{
    h1
    {
        font-size: 32px;
    }
    h2
    {
        font-size: 28px;
    }
    .stats_title p
    {
        font-size: 16px;
    }
    .stats_num
    {
        font-size: 56px;
    }
    .stats_subtitle_2
    {
        margin-top: 11px;
    }
    .stats_subtitle_2 p
    {
        font-size: 16px;
    }
    .stats_description
    {
        font-size: 14px;
        margin-top: 8px;
    }
    .teacher_name
    {
        font-size: 16px;
    }
    .teacher_title
    {
        font-size: 14px;
    }
    .teacher_info
    {
        padding-top: 14px;
        padding-bottom: 15px;
    }
    .cta1_inner
    {
        padding-left: 24px;
        padding-right: 24px;
    }
    .cta1_content p
    {
        font-size: 16px;
    }
    .blog_content
    {
        padding-top: 13px;
        padding-left: 15px;
        padding-bottom: 13px;
    }
    .blog_content h4 a
    {
        font-size: 18px;
    }
}