/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/
@media (min-width: 1200px) and (max-width: 1920px){
}

@media (min-width: 1400px) and (max-width: 1499px){
}

@media (min-width: 1300px) {
    .container {max-width: 1182px;}
    .header .container {max-width: 1297px;}
}

@media (min-width: 1300px) and (max-width: 1399px) {
}

@media (min-width: 1200px) and (max-width: 1299px) {
    /*footer*/
    /*footer*/
}

@media (min-width: 992px) and (max-width: 1199px) {
    /* Header Start */
    .searchbar {max-width: 150px;}
    /* Header End */

    /* Home Page Start */
    .banner-img img {height: 550px;}

    .slick-prev { left: 0; }
    .slick-next { right: 0; }
    .slick-arrow { width: 44px; height: 44px; }
    .our-program-img img {height: 210px;}
    .info-block-main .row {align-items: stretch;}
    .info-block-img, .info-block-img figure, .info-block-img img {height: 100%;}

    .reviews-block { padding: 35px 40px; }
    /* Home Page End */
    
    /*footer*/
    /*footer*/

    /*teachers overview*/
    .teachers-overview-detail-wrp { padding-bottom: 20px; }
    .teachers-overview-detail-main .large-detail h5 { max-width: 100%; }
    /*teachers overview*/


       /*text page*/
    .text-page-wrapper { padding: 39px 0 60px 0; }
    .text-page-inner .text-page-block .large-detail h5 { max-width: 100%;}
    /*text page*/

    /**footer**/
    /**footer**/

}

@media (max-width: 991px) {
    /* Header Start */
    .header .navbar { padding: 0; }
    .header .navbar-brand { margin-left: 0; max-width: 120px; position: relative; left: 0; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; margin: 0; z-index: 11;}
    .header-bottom {padding: 15px 0;}
    .header .mobile-header-icons { display: flex; align-items: center; gap: 16px; order: 3; z-index: 11; }
    .header .navbar-toggler { padding: 0; box-shadow: none; border: none; z-index: 99; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
    .header .navbar-toggler span { background-color: var(--black); width: 25px; height: 2px; margin-bottom: 5px; display: block; position: relative; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; }
    .header .navbar-toggler span:last-child {margin-bottom: 0;}
    .header .navbar-toggler:not(.collapsed) span:first-child { top: 7px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
    .header .navbar-toggler:not(.collapsed) span:nth-child(2) {opacity: 0;}
    .header .navbar-toggler:not(.collapsed) span:last-child { top: -7px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }
    .header .navbar-collapse { position: fixed; max-width: 100%; width: 100%; top: 0; right: -100%; bottom: 0; height: 100%; padding: 85px 30px 30px; overflow: auto; z-index: 9; background-color: var(--white); transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
    .header .navbar-collapse.show {right: 0; height: auto;}
    .header .navbar-collapse::before { content: ""; background-color: var(--white); position: fixed; max-width: 100%; width: 100%; top: 0; right: -100%; height: 85px; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; z-index: 11;}
    .header .navbar-collapse.show::before {right: 0;}
    .header .navbar-nav .nav-item {padding: 8px 0;}
    .header .navbar-nav .nav-item.dropdown,
    .header .navbar-nav .dropend {display: flex; align-items: center; justify-content: space-between;}
    .header .navbar-nav .nav-link {display: inline-block; width: auto; padding: 0;}
    .header .navbar-nav .nav-link:hover {color: var(--red);}
    .header .navbar-nav .dropdown-caret {display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; cursor: pointer;}
    .header .navbar-nav .dropdown-caret::after {transition: transform .2s;}
    .header .navbar-nav .dropdown-caret.show::after {transform: rotate(180deg);}
    .header .navbar-nav .dropdown-menu {border: none; padding: 0; margin: 15px 0 0 20px;}
    .header .navbar-nav .dropdown-menu li {padding: 5px 0;}
    .header .navbar-nav .dropdown-menu .dropdown-item {padding: 0; display: inline-block; width: auto; background-color: transparent;}
    .header .navbar-nav .dropdown-menu .dropdown-item:hover {color: var(--red);}
    .searchbar { width: 100%; max-width: 197px; margin: 0 30px 0 0;}
    .user-icon {margin: 0;}
    .header-right {justify-content: center; padding: 0 0;         margin: 0 auto;}
    .header-btn {justify-content: center; padding: 20px 0 0;}
    .user-icon img{ height: 19px; width: 22px; } 
    .header-icon img { height: 19px; width: 22px; } 
    .basket-icon img { height: 19px; width: 22px; } 
    .favourites { margin: 0 0 0 19px; } .add-to-cart { margin: 0 0 0 18px; }
    /*header*/

    /*category*/
    .category-btns .btn {  margin-right: 11px; font-size: 13px; line-height: 100%; padding: 11px 11px; max-width: 133px;  justify-content: center;} 
    /*category*/

    /*teachers overview*/
    .teachers-img { height: 161px; }
    /*teachers overview*/

    /*header*/
    .header-btn .btn { padding: 7px 18px; }
    /*header*/
    /*breadcrumb*/
    .breadcrumb-wrp { padding: 15px 10px; }
    /*breadcrumb*/

}



@media (min-width: 768px) and (max-width: 991px) {
    /* Common Style Start */
    .main-title {font-size: 40px; line-height: 51px;}
    .section-title {font-size: 28px; line-height: 37px;}
    body { font-size: 17px; line-height: 25px; }
    .small-title { font-size: 18px; line-height: 28px; }
    /* Common Style End */
    
    /* Home Page Start */
    .banner-details {max-width: 440px;}
    .banner-img img {height: 450px;}

    .slick-arrow {width: 40px; height: 40px;}
    .slick-prev { left: 0; }
    .slick-next { right: 0; }
    .our-program-img img {height: 210px;}

    .info-block-main .row {margin: 0 -15px; align-items: stretch;}
    .info-block-main .row>* { padding: 0 15px; }
    .info-block-img, .info-block-img figure, .info-block-img img {height: 100%;}

    .reviews-block { padding: 35px 40px; }
    /* Home Page End */

    /* Course Details Start */
    .course-faq-block .accordion-item {padding: 20px 0;}
    .course-faq-wrp { padding: 60px 0 0; }
    /* Course Details End */
    
    /*footer*/
    /*footer*/

    /*teachers overview*/
    .teachers-overview-detail-wrp { padding-bottom: 20px; }
    .teachers-overview-detail-main .large-detail h5 { max-width: 100%; }
    /*teachers overview*/

    /*text page*/
    .text-page-wrapper { padding: 39px 0 60px 0; }
    .text-page-inner .text-page-block .large-detail h5 { max-width: 100%;}
    /*text page*/

    
    /*header*/
    .navbar-nav { max-width: 690px; margin: 0 auto; }
    .header-btn {   max-width: 690px; margin: 0 auto;}
    .header .navbar-collapse { padding: 120px 30px 30px; } 
    /*header*/


    

}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
    /* Common Style Start */
    .main-title {font-size: 30px; line-height: 40px; margin: 10px 0 !important;}
    .section-title {font-size: 25px; line-height: 33px;}
    body {font-size: 18px; line-height: 26px;}
    .small-title { font-size: 19px; line-height: 29px; }
    /* Common Style End */
    
    /* Home Page Start */
    .banner-details {max-width: 440px; padding: 20px;}
    .banner-img img {height: 350px;}
    .banner-bottom ul {flex-wrap: wrap;}

    .category-section .row { margin: 0 -10px; }
    .category-section .row>* { padding: 0 10px; } 
    .category-block {margin: 0 0 20px; height: calc(100% - 20px);}

    .slick-arrow {width: 40px; height: 40px;}
    .slick-prev { left: 0; }
    .slick-next { right: 0; }
    .slick-arrow svg {width: 16px;}
    .our-program-img img {height: 210px;}
    .our-program-slider { margin: 0; }

    .info-block-main .row {margin: 0 -15px; }
    .info-block-main .row>* { padding: 0 15px; }
    .info-block-left { text-align: center; margin: 0 0 30px !important; }
    .info-block-left .section-title { margin: 0 0 20px;         text-align: center;}
    .info-block-left .detail { margin: 0 0 25px; max-width: 100%; text-align: center;}

    .reviews-block { padding: 30px; }
    .reviews-slider { margin: 0; }

    .our-offer-middle { display: block; }
    .our-offer-links ul li {padding: 0 0 16px;}
    .our-offer-wrp {padding: 47px 0 30px;}
    .our-program-title {margin: 0 auto 20px;}
    .our-program-top .small-detail {position: relative; max-width: max-content; margin: 0 auto;}
    .our-program-top {margin: 0 0 30px;}

    .you-might-like-slider {margin: 0;}
    .reviews-title .small-detail { position: relative; top: 0; display: block; max-width: max-content; margin: 10px auto 0; }
    .reviews-title { display: block; }
    /* Home Page End */

    /* Course Details Start */
    .course-faq-block .accordion-item {padding: 20px 0;}
    .course-faq-wrp { padding: 40px 0 0; }
    /* .row/.course-details-left gutter used only by product_show.blade.php */
    .course-details-main > .row { margin: 0 -15px; }
    .course-details-main > .row>* { padding: 0 15px; }
    .course-details-left {margin: 0 0 30px;}
    .course-details-img { margin: 0 0 30px; }
    .choose-date { padding: 20px 0 0; }
    .lecturere-img {margin: 0 0 30px;}
    .course-details-wrp { padding: 31px 0 40px; }
    /* Course Details End */

    /* Img text Grid Page Start */
    .img-grid-row .row { margin: 0 -15px; }
    .img-grid-row .row>* { padding: 0 15px; }
    .grid-img {margin: 0 0 30px;}
    .img-grid-row { padding: 0 0 20px; }
    .text-grid-detail { padding: 0 0 40px; }
    .img-text-grid-wrp { padding: 30px 0 0; }
    /* Img text Grid Page End */

    /*category oage*/
    .category-btns { flex-wrap: wrap; row-gap: 13px; justify-content: flex-start; }
    .category-btns .btn { margin-right: 13px; font-size: 16px; line-height: 17px; padding: 13px 17px; max-width: 152px; }
    .category-filter-wrp { padding: 25px 0 0 0; }
    /*category page*/

    /*course filter sidebar / offcanvas*/
    .course-results-head { flex-direction: column; align-items: stretch; margin-bottom: 18px; }
    .course-results-sort .filter-select { width: 100%; }
    .filter-toggle-btn { width: 100%; justify-content: center; }
    .filter-actions { flex-wrap: wrap; }
    .filter-apply-btn { flex: 1 1 auto; justify-content: center; }
    /*course filter sidebar / offcanvas*/

    /*text page (pagina header met afbeelding)*/
    .hero-photo { display: none; }
    /*text page*/

    /*collectie- en aanbodpagina banner (niet de homepage hero)*/
    .split-banner-wrp:not(.split-banner-wrp--hero) .split-banner-media { display: none; }
    /*collectie- en aanbodpagina banner*/

    /*teachers overview*/
    .teachers-overview-flx .row { align-items: center; row-gap: 20px; } 
    .teachers-overview-detail-wrp { padding-bottom: 20px; } 
    .teachers-img { max-width: 100%;         height: 366px;} 
    .teachers-overview-detail-main .large-detail h5 { max-width: 100%; }
    .teachers-overview-detail-main .large-detail h5 br { display: none; }
    .teachers-overview-wrp { margin-bottom: 30px; }
    /*teachers overview*/

    /*text page*/
    .text-page-wrapper { padding: 50px 0; } 
    .text-page-inner .small-title { margin-bottom: 32px; }
    .text-page-inner .text-page-block .large-detail h5 { max-width: 100%; }
    .text-page-inner .text-page-block .large-detail h5  br { display: none; }
    /*text page*/

    /*header*/
    .searchbar { width: 100%; max-width: 140px; margin: 0 25px 0 0; }
    .favourites { margin: 0 0 0 11px; }
    .add-to-cart { margin: 0 0 0 13px; }
    /*header*/

    /*teachers overview*/
    .teachers-overview-detail-main .large-detail p { font-size: 15px; line-height: 25px; } 
    /*teachers overview*/

    /*course details*/
    .course-details-title .block-title { max-width: 100%; }
    /*course details*/


        /*header*/
    .navbar-nav { max-width: 510px; margin: 0 auto; }
    .header-btn {   max-width: 510px; margin: 0 auto;}
    .header .navbar-collapse { padding: 120px 30px 30px; } 
    /*header*/
}

/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/
@media (min-width: 576px) and (max-width: 767px) {
    /*footer*/
    /*footer*/

    /*categorie-pagina-met-filter*/
    .category-filter-wrp      .our-program-img img { height: 300px; }
    /*categorie-pagina-met-filter*/

}

@media (max-width: 575px) {
    /*footer*/
    .footer { padding: 30px 0; }
    /*footer*/

    /*category pages*/
    .category-btns .btn {  margin-right: 11px; font-size: 13px; line-height: 100%; padding: 11px 11px; max-width: 133px;  justify-content: center;}
    /*category pages*/

    /*header*/
    .header .navbar-toggler { order: unset; }
    .header-right { flex-basis: 100%; margin: 13px 10px 0 0; }
    .searchbar { width: 100%; max-width: 289px; margin: 0 auto 0 0; } 
    /*header*/

    /*course-details*/
    .course-details-price .block-title { font-size: 24px; } 
    .course-details-title .block-title { max-width: 100%; font-size: 25px; line-height: 120%; margin: 0 0 13px 0; }
    /*course-details*/

    /*docenten-overzicht-pagina*/
    .category-block  { padding: 9px; } 
    .category-block .common-detail { font-size: 14px; line-height: 19px; }
    /*docenten-overzicht-pagina*/

    .header .navbar-collapse { padding: 120px 15px 30px; }

}

@media (max-width: 440px) {
    /*header*/
     .searchbar { max-width: 232px; }
    /*header*/

    /*docenten-overzicht-pagina*/
   .teachers-img { max-width: 100%; height: 241px; } 
    /*docenten-overzicht-pagina*/

}


@media (max-width: 380px) {
    /*header*/
     .searchbar { max-width: 155px; }
    /*header*/

    /*category*/
    .category-btns .btn { margin-right: 5px; font-size: 13px; line-height: 100%; padding: 11px 14px; max-width: 118px; justify-content: center; }
    /*category*/

}