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

@media (min-width: 1800px) and (max-width: 1899px){
}

@media (min-width: 1700px) and (max-width: 1799px){
/* lesson-plan page */
html.show-accordion .lesson-plan-section .lesson-plan-description > .row > .col-xxl-8 { width: 65%; }
html.show-accordion .lesson-plan-section .lesson-plan-description > .row > .col-xxl-4 { width: 35%; }
/* lesson-plan page */
}

@media (min-width: 1600px) and (max-width: 1699px){
/* media page */
html.show-accordion .popular-videos-section .popular-videos-list > .row > * { width: 50%; }
.popular-videos-section .popular-videos-block .popular-videos-image { height: 180px; }
/* media page */

/* lesson-plan page */
html.show-accordion .lesson-plan-section .lesson-plan-description > .row > .col-xxl-8 { width: 60%; }
html.show-accordion .lesson-plan-section .lesson-plan-description > .row > .col-xxl-4 { width: 40%; }
/* lesson-plan page */
}

@media (min-width: 1500px) and (max-width: 1599px){
/* media page */
html.show-accordion .popular-videos-section .popular-videos-list > .row > * { width: 50%; }
.popular-videos-section .popular-videos-block .popular-videos-image { height: 180px; }
/* media page */

/* lesson-plan page */
html.show-accordion .lesson-plan-section .lesson-plan-description > .row > .col-xxl-8 { width: 60%; }
html.show-accordion .lesson-plan-section .lesson-plan-description > .row > .col-xxl-4 { width: 40%; }
/* html.show-accordion .lesson-plan-section .lesson-plan-title .lesson-main-detail, */
html.show-accordion .lesson-plan-section .lesson-plan-title .lesson-main-title { flex-direction: column; }
/* html.show-accordion .lesson-plan-section .lesson-plan-title .lesson-main-detail > *, */
html.show-accordion .lesson-plan-section .lesson-plan-title .lesson-main-title > * { flex: 0 0 100% !important; max-width: 100% !important; margin: 0 0 10px; }
html.show-accordion .lesson-plan-section .lesson-plan-title .lesson-main-title { margin: 10px 0 0; text-align: left; }
/* lesson-plan page */
}

@media (min-width: 1400px) and (max-width: 1499px){
/* home page */
.welcome-alex-title .common-searchbox { min-width: 475px; }
html.show-accordion .favorites-list > .row > * { width: 33.33333333%; }
/* home page */

/* related-info page */
.common-tabing-accordion .related-info-block .related-info-image { margin-left: 70px; }
/* related-info page */

/* media page */
html.show-accordion .popular-videos-section .popular-videos-list > .row > * { width: 50%; }
.popular-videos-section .popular-videos-block .popular-videos-image { height: 180px; }
/* media page */

/* lesson-plan page */
html.show-accordion .lesson-plan-section .lesson-plan-description > .row > .col-xxl-8 { width: 60%; }
html.show-accordion .lesson-plan-section .lesson-plan-description > .row > .col-xxl-4 { width: 40%; }
/* html.show-accordion .lesson-plan-section .lesson-plan-title .lesson-main-detail, */
html.show-accordion .lesson-plan-section .lesson-plan-title .lesson-main-title { flex-direction: column; }
/* html.show-accordion .lesson-plan-section .lesson-plan-title .lesson-main-detail > *, */
html.show-accordion .lesson-plan-section .lesson-plan-title .lesson-main-title > * { flex: 0 0 100% !important; max-width: 100% !important; margin: 0 0 10px; }
html.show-accordion .lesson-plan-section .lesson-plan-title .lesson-main-title { margin: 10px 0 0; text-align: left; }
/* lesson-plan page */
}

@media (min-width: 1300px) and (max-width: 1399px){
.sidebar-header .navbar .navbar-brand { margin-bottom: 60px; }
.header .common-searchbox { min-width: 375px; }

/* home page */
.welcome-alex-title .common-searchbox { min-width: 425px; }
html.show-accordion .favorites-list > .row > * { width: 33.33333333%; }
/* home page */

/* related-info page */
.common-tabing-accordion .related-info-block .related-info-image { margin-left: 35px; }
/* related-info page */

/* key-articles page */
html.show-accordion .common-tabing-accordion .hand-surgery-section { flex-direction: column; }
html.show-accordion .common-tabing-accordion .hand-surgery-section .hand-surgery-main-image { flex: 0 0 100%; max-width: 100%; margin: 0 0 35px; }
/* key-articles page */

/* media page */
html.show-accordion .popular-videos-section .popular-videos-list > .row > * { width: 50%; }
.popular-videos-section .popular-videos-block .popular-videos-image { height: 180px; }
/* media page */

/* lesson-plan page */
html.show-accordion .lesson-plan-section .lesson-plan-description > .row > * { width: 100% !important; }
/* .lesson-plan-section .lesson-plan-title .lesson-main-detail, */
.lesson-plan-section .lesson-plan-title .lesson-main-title { flex-direction: column; }
/* .lesson-plan-section .lesson-plan-title .lesson-main-detail > *, */
.lesson-plan-section .lesson-plan-title .lesson-main-title > * { flex: 0 0 100% !important; max-width: 100% !important; margin: 0 0 10px !important; }
.lesson-plan-section .lesson-plan-title .lesson-main-title { margin: 10px 0 0; text-align: left; }
html.show-accordion .lesson-plan-slidebar { margin-top: 35px; }
/* lesson-plan page */
}

@media (min-width: 1200px) and (max-width: 1299px){
.sidebar-header .navbar .navbar-brand { margin-bottom: 60px; }
.header .common-searchbox { min-width: 325px; }

/* home page */
.welcome-alex-title .common-searchbox { min-width: 375px; }
.favorites-list > .row > * { width: 33.33333333%; }
html.show-accordion .news-updated-list > .row > * { width: 50%; }
/* home page */

/* related-info page */
.common-tabing-accordion .related-info-block .related-info-image { margin-left: 35px; }
/* related-info page */

/* key-articles page */
html.show-accordion .common-tabing-accordion .hand-surgery-section { flex-direction: column; }
html.show-accordion .common-tabing-accordion .hand-surgery-section .hand-surgery-main-image { flex: 0 0 100%; max-width: 100%; margin: 0 0 35px; }
/* key-articles page */

/* media page */
html.show-accordion .popular-videos-section .popular-videos-list > .row > * { width: 100%; }
.popular-videos-section .popular-videos-block .popular-videos-image { height: 180px; }
/* media page */

/* lesson-plan page */
html.show-accordion .lesson-plan-section .lesson-plan-description > .row > * { width: 100% !important; }
/* .lesson-plan-section .lesson-plan-title .lesson-main-detail, */
.lesson-plan-section .lesson-plan-title .lesson-main-title { flex-direction: column; }
/* .lesson-plan-section .lesson-plan-title .lesson-main-detail > *, */
.lesson-plan-section .lesson-plan-title .lesson-main-title > * { flex: 0 0 100% !important; max-width: 100% !important; margin: 0 0 10px !important; }
.lesson-plan-section .lesson-plan-title .lesson-main-title { margin: 10px 0 0; text-align: left; }
html.show-accordion .lesson-plan-slidebar { margin-top: 35px; }
/* lesson-plan page */
}

@media (min-width: 992px) and (max-width: 1199px){
.sidebar-header .navbar .navbar-brand { margin-bottom: 35px; }
.sidebar-acordion-section.show-accordion { flex: 0 0 325px; max-width: 325px; }
.header { padding: 20px; }
.header:before { width: calc(100% - 40px); }
.header .section-title { margin-right: 25px; }
.header .common-searchbox { min-width: 275px; }
html.show-accordion .header .common-searchbox { min-width: 225px; }
html.show-accordion .user-profile-dropdown .dropdown-toggle { font-size: 0; }
html.show-accordion .user-profile-dropdown .dropdown-toggle .user-prf-img { margin-right: 0; }
html.show-accordion .user-profile-dropdown .dropdown-toggle:after { margin-left: 10px; }

/* home page */
.welcome-alex-title .common-searchbox { min-width: 375px; }
html.show-accordion .welcome-alex-title > * { width: 100%; }
html.show-accordion .welcome-alex-title .common-searchbox { min-width: initial; }
html.show-accordion .welcome-alex-title { flex-direction: column; justify-content: flex-start; align-items: flex-start; }
html.show-accordion .welcome-alex-title .section-title { margin-bottom: 20px; }
html.show-accordion .favorites-list > .row > * { width: 50%; }
html.show-accordion .news-updated-list > .row > * { width: 100%; }
/* home page */

/* related-info page */
.common-tabing-accordion .related-info-block { flex-direction: column; align-items: center; }
.common-tabing-accordion .related-info-block .related-info-image { margin: 0 0 35px; }
/* related-info page */

/* key-articles page */
html.show-accordion .common-tabing-accordion .hand-surgery-section { flex-direction: column; }
html.show-accordion .common-tabing-accordion .hand-surgery-section .hand-surgery-main-image { flex: 0 0 100%; max-width: 100%; margin: 0 0 35px; }
/* key-articles page */

/* media page */
html.show-accordion .popular-videos-section .popular-videos-list > .row > * { width: 100%; }
.popular-videos-section .popular-videos-block .popular-videos-image { height: 180px; }
/* media page */

/* lesson-plan page */
/* .lesson-plan-section .lesson-plan-title .lesson-main-detail, */
.lesson-plan-section .lesson-plan-title .lesson-main-title { flex-direction: column; }
/* .lesson-plan-section .lesson-plan-title .lesson-main-detail > *, */
.lesson-plan-section .lesson-plan-title .lesson-main-title > * { flex: 0 0 100% !important; max-width: 100% !important; margin: 0 0 10px !important; }
.lesson-plan-section .lesson-plan-title .lesson-main-title { margin: 10px 0 0; text-align: left; }
.lesson-plan-slidebar { margin-top: 35px; }
/* lesson-plan page */
}

@media (min-width: 768px) and (max-width: 991px){
.sidebar-header .navbar .navbar-brand { margin-bottom: 35px; }
.sidebar-acordion-section.show-accordion { flex: 0 0 300px; max-width: 300px; }

.header { padding: 25px 20px; }
.header:before { width: calc(100% - 40px); }
.header .section-title { margin-right: 25px; }
.header .common-searchbox { min-width: 275px; position: absolute; right: 115px; }
html.show-accordion .header .common-searchbox { min-width: initial; }
html.show-accordion .header .common-searchbox .form-control { background: #ffffff; padding: 0; width: 0; position: absolute; top: 50%; right: -15px; visibility: hidden; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); }
html.show-accordion .header .common-searchbox .search-icon { position: relative; top: auto; right: auto; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
html.show-accordion .header .common-searchbox.search-open .form-control { width: 200px; visibility: visible; padding: 10px 75px 10px 10px; }
.user-profile-dropdown .dropdown-toggle { font-size: 0; }
.user-profile-dropdown .dropdown-toggle .user-prf-img { margin-right: 0; }
.user-profile-dropdown .dropdown-toggle:after { margin-left: 10px; }

/* home page */
.welcome-alex-title .common-searchbox { min-width: initial; }
.welcome-alex-title > * { width: 100%; }
.welcome-alex-title { flex-direction: column; justify-content: flex-start; align-items: flex-start; }
.welcome-alex-title .section-title { margin-bottom: 20px; }
html.show-accordion .favorites-section .favorites-title { flex-direction: column; align-items: flex-start; }
.favorites-section .favorites-title .section-title { margin-bottom: 20px; }
html.show-accordion .favorites-list > .row > * { width: 100%; }
html.show-accordion .news-updated-list > .row > * { width: 100%; }
/* home page */

/* summary page */
.page-main-title { flex-direction: column; }
.page-main-title .section-title { margin-bottom: 20px; }
/* summary page */

/* related-info page */
.common-tabing-accordion .related-info-block { flex-direction: column; align-items: center; }
.common-tabing-accordion .related-info-block .related-info-image { margin: 0 0 35px; }
/* related-info page */

/* key-articles page */
.common-tabing-accordion .hand-surgery-section { flex-direction: column; }
.common-tabing-accordion .hand-surgery-section .hand-surgery-main-image { flex: 0 0 100%; max-width: 100%; margin: 0 0 35px; }
/* key-articles page */

/* media page */
html.show-accordion .popular-videos-section .popular-videos-title { flex-direction: column; align-items: flex-start; }
html.show-accordion .popular-videos-section .popular-videos-title .view-all-button { margin: 15px 0 0; }
html.show-accordion .popular-videos-section .popular-videos-block .published-date-likes .date { margin-bottom: 10px; }
html.show-accordion .popular-videos-section .popular-videos-block .published-date-likes { flex-direction: column; align-items: flex-start; }
.popular-videos-section .popular-videos-block .popular-videos-image { height: 180px; }
/* media page */

/* lesson-plan page */
/* .lesson-plan-section .lesson-plan-title .lesson-main-detail, */
.lesson-plan-section .lesson-plan-title .lesson-main-title { flex-direction: column; }
/* .lesson-plan-section .lesson-plan-title .lesson-main-detail > *, */
.lesson-plan-section .lesson-plan-title .lesson-main-title > * { flex: 0 0 100% !important; max-width: 100% !important; margin: 0 0 10px !important; }
.lesson-plan-section .lesson-plan-title .lesson-main-title { margin: 0 0 10px; text-align: left; }
html.show-accordion .lesson-plan-section .lesson-plan-title .lesson-main-detail > * { flex: 0 0 100%; max-width: 100%; }
html.show-accordion .lesson-plan-section .lesson-plan-title .lesson-main-detail { flex-direction: column; }
html.show-accordion .lesson-plan-section .lesson-plan-title .title-right { margin: 10px 0 0; text-align: left; text-align: left; }
.lesson-plan-slidebar { margin-top: 35px; }
/* lesson-plan page */
}

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

@media (max-width: 767px) {
/* .main-content-wrapper { height: initial; } */

.sidebar-header { position: fixed; left: 0; right: 0; bottom: 0; height: auto; flex: 0 0 100%; max-width: 100%; width: 100%; z-index: 9999; padding: 0 15px; }
.sidebar-header .navbar { flex-direction: row; }
.sidebar-header .navbar-nav { flex-direction: row; }
.sidebar-header .navbar-nav .nav-item { margin: 0 10px; }
.sidebar-header .navbar-nav .nav-item:first-child { margin-left: 0; }
.sidebar-header .navbar-nav .nav-item:last-child { margin-right: 0; }
.sidebar-header .navbar-nav .nav-item .nav-link { border-radius: 12px 12px 0 0; -webkit-border-radius: 12px 12px 0 0; -moz-border-radius: 12px 12px 0 0; -ms-border-radius: 12px 12px 0 0; -o-border-radius: 12px 12px 0 0; }


.sidebar-acordion-section { left: 0 !important; flex: 0 0 100% !important; max-width: 100% !important; width: calc(100% - 92px); height: calc(100% - 73px); position: fixed; left: -100%; bottom: 0; z-index: 999; padding: 25px 0 95px; }
.sidebar-acordion-section.show-accordion { left: -100% !important; }
.sidebar-acordion-section .sidebar-acordion-content { height: 100%; opacity: 1; visibility: visible; }
.sidebar-acordion .accordion-item { padding: 0 20px; }
.sidebar-acordion .accordion-item:last-child:before { width: calc(100% - 40px); }

.header .common-searchbox { min-width: initial; position: absolute; right: 95px; }
.header .common-searchbox .form-control { background: #ffffff; padding: 0; width: 0; position: absolute; top: 50%; right: -15px; visibility: hidden; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); }
.header .common-searchbox .search-icon { position: relative; top: auto; right: auto; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
.header .common-searchbox.search-open .form-control { width: 275px; visibility: visible; padding: 10px 75px 10px 10px; }
.user-profile-dropdown .dropdown-toggle { font-size: 0; }
.user-profile-dropdown .dropdown-toggle .user-prf-img { margin-right: 0; }
.user-profile-dropdown .dropdown-toggle:after { display: none; }

.header { padding: 0; }
.header:before { width: 100%; }
.header .h-content { padding: 12px 20px; margin: 0; }
.header .h-content > * { padding: 0; }
.header .section-title { font-size: 22px; }

/* home page */
.welcome-alex-title .common-searchbox { min-width: initial; }
.welcome-alex-title > * { width: 100%; }
.welcome-alex-title { flex-direction: column; justify-content: flex-start; align-items: flex-start; }
.welcome-alex-title .section-title { margin-bottom: 20px; }
/* home page */

/* summary page */
.page-main-title { flex-direction: column; }
.page-main-title > * { flex: 0 0 100%; max-width: 100%; width: 100%; }
.page-main-title .page-different-opts ul { justify-content: space-between; }
.page-main-title .page-different-opts ul li { width: 100%; }
.page-main-title .page-different-opts ul li a { width: 100%; height: 40px; }
.page-main-title .section-title { margin-bottom: 20px; }
/* .page-main-title .section-title p b { font-family: 'gilroy-light' !important; font-weight: 300; } */
.common-tabing-accordion .accordion-item { padding: 0 20px; }
/* .common-tabing-accordion ul li b { font-family: 'gilroy-light' !important; font-weight: 300 !important; } */
/* .common-tabing-accordion .summary-accordion-block p b { font-family: 'gilroy-light' !important; font-weight: 300; } */
.common-tabing-accordion .summary-figma-block .figma-bookmark { position: relative; margin-bottom: 25px; }
.common-tabing-accordion .summary-figma-block { margin: 30px 0; }
.figma-main-items-carousel .figma-main-image { height: 80px; }
/* summary page */

/* summary-detail page */
.summary-detail-section .summary-detail-block { padding: 25px 15px; }
/* summary-detail page */

/* related-info page */
.common-tabing-accordion .related-info-block { flex-direction: column; align-items: center; }
.common-tabing-accordion .related-info-block .related-info-image { margin: 0 0 35px; }
/* related-info page */

/* media page */
.popular-videos-section .popular-videos-title { flex-direction: column; align-items: flex-start; }
.popular-videos-section .popular-videos-title .view-all-button { margin: 15px 0 0; }
.popular-videos-section .popular-videos-block .popular-videos-image { height: 180px; }
/* media page */

/* key-articles page */
.common-tabing-accordion .hand-surgery-section { flex-direction: column; }
.common-tabing-accordion .hand-surgery-section .hand-surgery-main-image { flex: 0 0 100%; max-width: 100%; margin: 0 0 35px; }
/* key-articles page */

/* lesson-plan page */
/* .lesson-plan-section .lesson-plan-title .lesson-main-detail, */
.lesson-plan-section .lesson-plan-title .lesson-main-title { flex-direction: column; }
/* .lesson-plan-section .lesson-plan-title .lesson-main-detail > *, */
.lesson-plan-section .lesson-plan-title .lesson-main-title > * { flex: 0 0 100% !important; max-width: 100% !important; margin: 0 0 10px !important; }
.lesson-plan-section .lesson-plan-title .lesson-main-title { margin: 0 0 10px; text-align: left; }
/* html.show-accordion .lesson-plan-section .lesson-plan-title .lesson-main-detail > * { flex: 0 0 100%; max-width: 100%; } */
/* html.show-accordion .lesson-plan-section .lesson-plan-title .lesson-main-detail { flex-direction: column; } */
/* html.show-accordion .lesson-plan-section .lesson-plan-title .title-right { margin: 10px 0 0; text-align: left; text-align: left; } */
.lesson-plan-slidebar { margin-top: 35px; }
.lesson-plan-section .lesson-plan-main-detail { padding: 25px 15px; }
/* .lesson-plan-section .lesson-plan-main-detail b { font-family: 'gilroy-light' !important; font-weight: 300 !important; } */
/* .lesson-plan-up-next-link b { font-family: 'gilroy-light' !important; font-weight: 300 !important; } */
/* lesson-plan page */
}

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

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

@media (min-width: 240px) and (max-width: 575px){
.sidebar-header .navbar-nav .nav-item { margin: 0; }
.sidebar-header .navbar-nav .nav-item .nav-link { font-size: 10px; line-height: 14px; }

/* media page */
.popular-videos-section .popular-videos-block .published-date-likes { flex-direction: column; align-items: flex-start; }
.popular-videos-section .popular-videos-block .published-date-likes ul { margin-top: 5px; }
.popular-videos-section .popular-videos-block .popular-video-buttons .btn { width: 100%; margin-left: 0; margin-right: 0; }
/* media page */

/* lesson-plan page */
.lesson-plan-section .lesson-plan-all-type-videos .btn { width: 100%; margin: 0 0 12px; }
/* lesson-plan page */
}

@media (max-width: 374px){

.btn { padding: 10px 20px; }


.header .h-content { padding: 12px 15px; }
.header .h-mobile-content { padding: 20px 15px; }
.header .common-searchbox { right: 80px; }
.header .common-searchbox.search-open .form-control { width: 225px; }

.sidebar-acordion-section { width: calc(100% - 60px); padding-bottom: 70px; }
.sidebar-acordion .accordion-item { padding: 0 15px; }
.sidebar-acordion .accordion-item:last-child:before { width: calc(100% - 30px); }
.sidebar-header .navbar-nav .nav-item .nav-link span { display: none; }
.sidebar-header .navbar-nav .nav-item .nav-link .nav-icon { margin: 0; }

/* home page */
.favorites-block { padding: 25px 15px; }
/* home page */

/* summary page */
.common-tabing-accordion .accordion-item { padding: 0 15px; }
.common-custom-navigation ul li { margin: 0 12px; }
.figma-main-items-carousel .figma-main-image { height: 125px; }
/* summary page */

/* related-info page */
.common-tabing-accordion .related-info-block .related-info-image .image { margin-bottom: 15px; }
.common-tabing-accordion .related-info-block ul li { margin-bottom: 10px; }
.common-tabing-accordion .related-info-block ul li span { font-size: 18px; flex: 0 0 60px; max-width: 60px; margin-right: 10px; }
/* related-info page */

/* lesson-plan page */
.lesson-plan-section .lesson-plan-title .lesson-main-detail > * { flex: 0 0 100%; max-width: 100%; }
.lesson-plan-section .lesson-plan-title .lesson-main-detail { flex-direction: column; }
.lesson-plan-section .lesson-plan-title .title-right { margin: 10px 0 0; text-align: left; text-align: left; }
/* lesson-plan page */
}
/*---------- Large Desktop , Large Screen End ----------*/