/*
  Theme Name: Emkwen - LMS Education HTML Template
  Author: Humayun Ahmed
  Author URL: https://themeforest.net/user/pixelcurve
  Support: humayunahmed82@gmail.com
  Description: Creative  HTML5 template.
  Version: 1.0
*/

/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {


}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199.98px) {

.navigation .navbar .navbar-nav li {
	margin-right: 35px;
}
.singel-course .cont {
	padding-left: 25px;
	padding-right: 25px;
}
.singel-course .course-teacher .name {
	margin-left: 5px;
}
.singel-course .course-teacher .admin ul li {
	margin-right: 5px;
}

.feature ul li .singel-feature .icon {
	padding-right: 20px;
}
.feature ul li .singel-feature .cont {
	width: 75%;
	float: left;
	overflow: hidden;
}

.singel-publication .cont {
	display: block;
}
.singel-publication .cont .name,
.singel-publication .cont .button {
	width: 100%;
    
}
.singel-publication .cont .button {
    text-align: left !important;
    margin-top: 10px;
}


.navigation-2 .navbar .navbar-nav li {
	margin-right: 17px;
}
.navigation-2 .navbar .navbar-nav li a {
	font-size: 13px;
}
.right-icon ul li a {
	font-size: 15px;
}
.right-icon ul li {
	margin-right: 3px;
}

.category-form {
	margin-top: -197px;
}
.singel-course-2 > .thum .course-teacher .review {
	margin-left: 50px;
}
.singel-course-2 > .thum .price {
	bottom: 70px;
}

.slider-cont-3 {
	padding: 50px 60px 60px;
}

.slider-cont-3 h2 {
	font-size: 42px;
}

.category-form-3{
    margin-top: 0;
}

.count-down-cont h2,
.count-down-time .singel-count .number{
    font-size: 62px;
}


.corses-singel-left {
	padding: 35px 40px;
}
.corses-singel-left .course-terms > ul > li {
	margin-right: 23px;
}
.course-features .price-button .main-btn {
	float: none;
	margin-top: 15px;
}
.You-makelike .singel-makelike .cont {
	padding: 0 20px;
}

.singel-event-list {
	padding: 20px;
}

.events-coundwon {
	padding: 10px 20px 20px;
}
.events-coundwon .count-down-time .singel-count .title{
    font-size: 12px;
}
.events-address {
	padding: 0 20px 20px;
}

.teachers-right .tab-content {
	padding: 0px 35px 20px;
}
.teachers-left {
	padding: 25px 35px 20px;
}

.saidbar .saidbar-search {
	padding: 25px;
}
.saidbar .categories {
	padding: 20px 25px 15px;
}

.saidbar .saidbar-post {
	padding: 20px 25px 25px;
}

.contact-from {
	padding: 40px;
}

.contact-address {
	padding: 10px 40px 40px;
}



}






 
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991.98px) {


.navigation .navbar .navbar-nav li {
	margin-right: 0;
}
.navigation .navbar .navbar-nav li a {
	padding: 10px 0;
}
.navigation .navbar .navbar-nav li .sub-menu {
	position: relative !important;
	width: 100% !important;
	left: 0 !important;
	top: auto !important;
	opacity: 1 !important;
	visibility: visible !important;
	display: none;
	right: auto;
	-webkit-transition: none;
	transition: none;
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
	text-align: left;
}
.navigation .navbar .navbar-nav li a .sub-nav-toggler {
	position: absolute;
	padding: 5px;
	background: none;
	border: 0;
	top: 5px;
	right: 0;
	cursor: pointer;
    display: block;
}

.category-text{
    text-align: center;
}

.apply-color-1 {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 0;
	border-top-right-radius: 5px;
}

.apply-color-2 {
	border-top-right-radius: 0;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.feature-bg {
	top: auto;
	right: 0;
	width: 100%;
	height: 100%;
	bottom: 0;
}
.video {
	padding-left: 0;
	position: relative;
	z-index: 5;
}

.navigation-2.navigation .navbar {
	padding: 20px 0;
}
.navigation-2.navigation.sticky .navbar {
	padding: 0 0;
}
.navigation-2.sticky .navbar .navbar-nav li a {
	padding: 10px 0;
}
.category-form {
	margin-top: 50px;
}

.navigation-3 .navbar-collapse{
    background-color: #fff;
    padding: 0 15px;
}
.navigation-3 .navbar .navbar-nav li a{
    color: #8fd3ff;
}

.slider-cont-3 {
	padding: 25px 35px 35px;
}
.slider-cont-3 h2 {
	font-size: 38px;
}

.slider-cont-3 span {
	font-size: 22px;
}

.corses-singel-left .course-terms > ul > li {
	margin-right: 50px;
}
.course-features .price-button .main-btn {
	float: none;
	margin-top: 15px;
}
.teachers-right .tab-content {
	padding: 0px 35px 20px;
}

.single-slider {
	padding-bottom: 200px;
	padding-top: 100px;
}
.category {
	margin-top: -100px;
}

#about-part {
	padding-bottom: 170px;
	padding-top: 15px;
}

#apply-aprt {
	padding-bottom: 70px;
}
#course-part {
	padding-top: 65px;
	padding-bottom: 70px;
}
#video-feature {
	padding-top: 10px;
	padding-bottom: 70px;
}

#teachers-part {
	padding-top: 15px;
	padding-bottom: 70px;
}
#publication-part {
	padding-top: 65px;
	padding-bottom: 70px;
}
#testimonial {
	padding-top: 65px;
	padding-bottom: 65px;
}
#news-part {
	padding-top: 65px;
	padding-bottom: 70px;
}
#patnar-logo {
	padding-top: 0;
	padding-bottom: 30px;
}

.slider-2.single-slider {
	padding-top: 130px;
	padding-bottom: 150px;
}
#counter-part {
	padding-top: 15px;
	padding-bottom: 60px;
}
#event-part {
	padding-top: 70px;
}
#category-3 {
	padding-top: 40px;
	padding-bottom: 70px;
}
#slider-part-3 {
	position: relative;
	padding-top: 150px;
	padding-bottom: 70px;
}
#count-down-part {
	padding-top: 10px;
	padding-bottom: 70px;
}
#event-part.pb-120 {
	padding-bottom: 70px;
}

#page-banner {
	padding-top: 85px;
	padding-bottom: 90px;
}

#about-page {
	padding-top: 15px;
	padding-bottom: 65px;
}
.about-items.pt-60 {
	padding-top: 25px;
}

#courses-part {
	padding-top: 70px;
	padding-bottom: 70px;
}
#corses-singel {
	padding-top: 40px;
	padding-bottom: 70px;
}
.releted-courses.pt-95 {
	padding-top: 45px;
}
#event-page {
	padding-top: 40px;
	padding-bottom: 70px;
}
#event-singel {
	padding-top: 70px;
	padding-bottom: 70px;
}
.events-coundwon {
	margin-top: 65px;
}
#teachers-page {
	padding-top: 40px;
	padding-bottom: 70px;
}
#teachers-singel {
	padding-top: 20px;
	padding-bottom: 70px;
}
#blog-page {
	padding-top: 40px;
	padding-bottom: 70px;
}
#blog-singel {
	padding-top: 40px;
	padding-bottom: 70px;
}
.releted-item {
	padding-top: 55px;
}
#contact-page {
	padding-top: 40px;
	padding-bottom: 70px;
}





}

 
/* small mobile :320px. */
@media (min-width: 576px) and (max-width: 767.98px) {

.navigation .navbar .navbar-nav li {
	margin-right: 0;
}
.navigation .navbar .navbar-nav li a {
	padding: 10px 0;
}
.navigation .navbar .navbar-nav li .sub-menu {
	position: relative !important;
	width: 100% !important;
	left: 0 !important;
	top: auto !important;
	opacity: 1 !important;
	visibility: visible !important;
	display: none;
	right: auto;
	-webkit-transition: none;
	transition: none;
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
	text-align: left;
}
.navigation .navbar .navbar-nav li a .sub-nav-toggler {
	position: absolute;
	padding: 5px;
	background: none;
	border: 0;
	top: 5px;
	right: 0;
	cursor: pointer;
    display: block;
}

.logo {
	text-align: center;
}

.support-button {
	float: none !important;
	overflow: hidden;
}
.support-button .support {
	margin-left: 40px;
}

.slider-cont h1 {
	font-size: 46px;
}

.category-text{
    text-align: center;
}

.apply-color-1 {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 0;
	border-top-right-radius: 5px;
}

.apply-color-2 {
	border-top-right-radius: 0;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
.feature-bg {
	top: auto;
	right: 0;
	width: 100%;
	height: 100%;
	bottom: 0;
}
.video {
	padding-left: 0;
	position: relative;
	z-index: 5;
}
	
.navigation-2.navigation .navbar {
	padding: 20px 0;
}
.navigation-2.navigation.sticky .navbar {
	padding: 0 0;
}
.navigation-2.sticky .navbar .navbar-nav li a {
	padding: 10px 0;
}
.category-form {
	margin-top: 50px;
}

.navigation-3 .navbar-collapse{
    background-color: #fff;
    padding: 0 15px;
}
.navigation-3 .navbar .navbar-nav li a{
    color: #8fd3ff;
}

.slider-cont-3 {
	padding: 15px 25px 25px;
}
.slider-cont-3 h2 {
	font-size: 38px;
}
.slider-cont-3 span {
	font-size: 22px;
}

.count-down-cont h2,
.count-down-time .singel-count .number{
    font-size: 52px;
}

#page-banner {
	padding-top: 100px;
	padding-bottom: 100px;
}

.courses-top-search {
	text-align: center;
}
.courses-search{
	float: none !important;
    display: inline-block;
}
.courses-top-search .nav {
	float: none !important;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
    padding-bottom: 15px;
}

#courses-list .singel-course .thum .price {
    top: auto;
	right: 60px;
	bottom: -24px;
}
.page-banner-cont h2 {
	font-size: 44px;
}

.corses-singel-left .course-terms > ul > li {
	margin-right: 50px;
}
.corses-singel-left .course-terms ul li .review {
	margin-left: 60px;
	margin-top: 15px;
}
.corses-tab .nav .nav-item a {
	font-size: 15px;
}

.corses-singel-left {
	padding: 20px 30px;
	background-color: #fff;
}

.singel-event-list {
	padding: 20px;
}

.events-area {
	padding: 25px 30px 30px;
}

.singel-blog .blog-cont {
	padding: 20px 30px;
}
.singel-blog .blog-cont a h3 {
	font-size: 28px;
}
.leave-comment {
	padding: 0 30px 25px;
}

.shop-destails .shop-left {
	padding-right: 0;
}

.blog-details .cont {
	padding: 20px 30px;
	background-color: #fff;
}
.footer-about {
	padding-right: 0;
}

.single-slider {
	padding-bottom: 200px;
	padding-top: 100px;
}
.category {
	margin-top: -100px;
}

#about-part {
	padding-bottom: 170px;
	padding-top: 15px;
}

#apply-aprt {
	padding-bottom: 70px;
}
#course-part {
	padding-top: 65px;
	padding-bottom: 70px;
}
#video-feature {
	padding-top: 10px;
	padding-bottom: 70px;
}

#teachers-part {
	padding-top: 15px;
	padding-bottom: 70px;
}
#publication-part {
	padding-top: 65px;
	padding-bottom: 70px;
}
#testimonial {
	padding-top: 65px;
	padding-bottom: 65px;
}
#news-part {
	padding-top: 65px;
	padding-bottom: 70px;
}
#patnar-logo {
	padding-top: 0;
	padding-bottom: 30px;
}

.slider-2.single-slider {
	padding-top: 130px;
	padding-bottom: 150px;
}
#counter-part {
	padding-top: 15px;
	padding-bottom: 60px;
}
#event-part {
	padding-top: 70px;
}
#category-3 {
	padding-top: 40px;
	padding-bottom: 70px;
}
#slider-part-3 {
	position: relative;
	padding-top: 150px;
	padding-bottom: 70px;
}
#count-down-part {
	padding-top: 10px;
	padding-bottom: 70px;
}
#event-part.pb-120 {
	padding-bottom: 70px;
}

#page-banner {
	padding-top: 85px;
	padding-bottom: 90px;
}

#about-page {
	padding-top: 15px;
	padding-bottom: 65px;
}
.about-items.pt-60 {
	padding-top: 25px;
}

#courses-part {
	padding-top: 70px;
	padding-bottom: 70px;
}
#corses-singel {
	padding-top: 40px;
	padding-bottom: 70px;
}
.releted-courses.pt-95 {
	padding-top: 45px;
}
#event-page {
	padding-top: 40px;
	padding-bottom: 70px;
}
#event-singel {
	padding-top: 70px;
	padding-bottom: 70px;
}
.events-coundwon {
	margin-top: 65px;
}
#teachers-page {
	padding-top: 40px;
	padding-bottom: 70px;
}
#teachers-singel {
	padding-top: 20px;
	padding-bottom: 70px;
}
#blog-page {
	padding-top: 40px;
	padding-bottom: 70px;
}
#blog-singel {
	padding-top: 40px;
	padding-bottom: 70px;
}
#shop-page {
	padding-top: 70px;
	padding-bottom: 70px;
}
#shop-singel {
	padding-top: 70px;
	padding-bottom: 70px;
}
.releted-item {
	padding-top: 55px;
}
#contact-page {
	padding-top: 40px;
	padding-bottom: 70px;
}








    

}
 
/* Large Mobile :480px. */
@media only screen and  (max-width: 575.98px) {

.main-btn {
	padding: 0 20px;
	font-size: 14px;
	font-weight: 700;
	line-height: 45px;
}

.section-title h2 {
	font-size: 26px;
}

.navigation .navbar .navbar-nav li {
	margin-right: 0;
}
.navigation .navbar .navbar-nav li a {
	padding: 10px 0;
}
.navigation .navbar .navbar-nav li .sub-menu {
	position: relative !important;
	width: 100% !important;
	left: 0 !important;
	top: auto !important;
	opacity: 1 !important;
	visibility: visible !important;
	display: none;
	right: auto;
	-webkit-transition: none;
	transition: none;
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
	text-align: left;
}
.navigation .navbar .navbar-nav li a .sub-nav-toggler {
	position: absolute;
	padding: 5px;
	background: none;
	border: 0;
	top: 5px;
	right: 0;
	cursor: pointer;
    display: block;
}
.navigation-2.navigation .navbar .navbar-brand {
	width: 145px;
}

.search-box .serach-form input {
	width: 80%;
}
.search-box .serach-form button {
	left: 80%;
}
.logo {
	text-align: center;
}

.header-contact ul li {
	display: block;
	margin-right: 0;
}

.support-button {
	float: none !important;
	overflow: hidden;
	text-align: center;
}
.support-button .support{
    padding-bottom: 20px;
    text-align: left;
}
.support-button .support, .support-button .button {
	margin-left: 0;
	float: none !important;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.slider-cont h1 {
	font-size: 30px;
}
.slider-cont p {
	font-size: 16px;
	font-weight: 400;
}

.category-text{
    text-align: center;
}

.category-slied .prev.slick-arrow {
	left: -30px;
}
.category-slied .slick-arrow {
	right: -30px;
}

.about-event {
	padding: 30px 35px 10px;
}
.about-event .event-title h3 {
	font-size: 28px;
}
.about-event ul li .singel-event h4 {
	font-size: 18px;
}
.about-bg {
	width: 100%;
}
.apply .apply-cont {
	padding: 25px 30px 30px;
}
.apply-color-1 {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 0;
	border-top-right-radius: 5px;
}

.apply-color-2 {
	border-top-right-radius: 0;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.singel-course .cont h4 {
	font-size: 20px;
}

.singel-course .course-teacher .admin {
	float: none;
	margin-left: 55px;
}

.feature-bg {
	top: auto;
	right: 0;
	width: 100%;
	height: 100%;
	bottom: 0;
}
.video {
	padding-left: 0;
	position: relative;
	z-index: 5;
}

.feature ul li .singel-feature .icon {
	float: none;
	display: block;
	padding-right: 0;
}

.feature ul li .singel-feature .cont {
	width: 100%;
	float: none;
	margin-top: 30px;
}
.products-btn {
	text-align: left !important;
}
.singel-testimonial .testimonial-thum {
	position: relative;
	display: inline-block;
	left: 50%;
	top: 0;
	margin-top: 25px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.singel-testimonial .testimonial-cont {
	padding-left: 0;
	padding-top: 20px;
}


.navigation-2.navigation .navbar {
	padding: 20px 0;
}
.navigation-2.navigation.sticky .navbar {
	padding: 0 0;
}
.navigation-2.sticky .navbar .navbar-nav li a {
	padding: 10px 0;
}
.category-form {
	margin-top: 50px;
}

.navigation-3 .navbar-collapse{
    background-color: #fff;
    padding: 0 15px;
}
.navigation-3 .navbar .navbar-nav li a{
    color: #8fd3ff;
}

.singel-course-2 > .thum .course-teacher .review {
	margin-left: 50px;
    display: block;
}
.singel-course-2 > .thum .price {
	bottom: 70px;
}

.category-form .form-title h3 {
	font-size: 28px;
}
.category-form .form-title h3 {
	font-size: 28px;
}

.category-form .main-form {
	padding-left: 20px;
	padding-right: 20px;
}
.happy-student .happy-title h3 {
	font-size: 28px;
}
.happy-student {
	padding-top: 35px;
	padding-left: 30px;
	padding-right: 30px;
}
.happy-student .singel-student p {
	padding-right: 0;
}
.happy-student .student-image {
	text-align: right;
}
.happy-student .student-image img {
	width: 60%;
}
.event-2 {
	padding: 40px 25px 10px;
}

.slider-cont-3 {
	padding: 15px 25px 25px;
}
.slider-cont-3 h2 {
	font-size: 38px;
}
.slider-cont-3 span {
	font-size: 22px;
}
.slider-search input {
	border-left: 0;
	border-top: 1px solid #a8a8a8;
}

.count-down-cont h3 {
	font-size: 20px;
}
.count-down-cont h2,
.count-down-time .singel-count .number{
    font-size: 32px;
}

.page-banner-cont h2 {
	font-size: 40px;
}

.courses-top-search {
	text-align: center;
}
.courses-search{
	float: none !important;
    display: inline-block;
}
.courses-top-search .nav {
	float: none !important;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
    padding-bottom: 15px;
}

.courses-pagination .pagination .page-item a {
	font-size: 14px;
	width: 34px;
	height: 34px;
	line-height: 30px;
}

#courses-list .singel-course .thum .price {
    top: auto;
	right: 60px;
	bottom: -24px;
}
.courses-search input {
	width: 100%;
}

.corses-singel-left {
	padding: 20px 30px;
	background-color: #fff;
}

.corses-singel-left .title h3 {
	font-size: 24px;
}
.corses-singel-left .course-terms > ul > li {
	margin-right: 0;
}
.corses-singel-left .course-terms ul li .course-category,
.corses-singel-left .course-terms ul li .review {
	margin-top: 15px;
}

.overview-description {
	padding: 0px 5px 25px;
}

.curriculam-cont {
	padding: 25px 5px;
}

.instructor-cont {
	padding: 30px 5px 25px;
}
.instructor-cont .instructor-author .author-thum {
	float: none;
}
.instructor-cont .instructor-author .author-name {
	float: none;
	margin-top: 20px;
}
.corses-tab .nav .nav-item {
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
	width: 50%;
}

.reviews-cont {
	padding: 25px 5px 30px;
}

.course-features .price-button .main-btn {
	float: none;
	margin-top: 15px;
}

.You-makelike .singel-makelike .cont {
	padding: 0 15px;
}

.You-makelike .singel-makelike .cont h4 {
	font-size: 16px;
}

.singel-event-list {
	display: block;
}
.singel-event-list .event-thum{
    width: 100%;
}
.singel-event-list .event-cont{
	width: 100%;
    padding-left: 0;
    padding-top: 30px;
}

.events-coundwon {
	padding: 10px 20px 20px;
}
.events-coundwon .count-down-time .singel-count .title{
    font-size: 12px;
}
    
.events-area {
	padding: 20px 25px 25px;
}
.singel-blog .blog-cont {
	padding: 20px 30px;
}
.singel-blog .blog-cont a h3 {
	font-size: 28px;
}

.saidbar .saidbar-search {
	padding: 25px;
}
.saidbar .categories {
	padding: 20px 25px 15px;
}

.saidbar .saidbar-post {
	padding: 20px 25px 25px;
}
.saidbar .saidbar-post ul li a .singel-post .cont h6 {
	font-size: 16px;
}

.contact-from {
	padding: 30px;
}

.contact-address {
	padding: 0 30px 30px;
}

.blog-details .cont {
	padding: 5px 10px;
}
.blog-details .cont h3 {
	font-size: 28px;
}
.blog-details .cont ul li {
	display: block;
	line-height: 30px;
}
.blog-details .cont .share li.title {
	font-size: 15px;
}
.blog-details .cont .share > li {
	margin-right: 5px;
}
.blog-details .cont .share li a i {
	width: 30px;
	line-height: 30px;
	font-size: 14px;
}
.blog-details .cont .blog-comment ul li .replay {
	padding-left: 0;
}
.course-features .price-button span {
	display: block;
}
.footer-about {
	padding-right: 0;
}

.single-slider {
	padding-bottom: 200px;
	padding-top: 100px;
}
.category {
	margin-top: -100px;
}

#about-part {
	padding-bottom: 170px;
	padding-top: 15px;
}

#apply-aprt {
	padding-bottom: 70px;
}
#course-part {
	padding-top: 65px;
	padding-bottom: 70px;
}
#publication-part {
	padding-top: 65px;
	padding-bottom: 70px;
}
#testimonial {
	padding-top: 65px;
	padding-bottom: 65px;
}
#news-part {
	padding-top: 65px;
	padding-bottom: 70px;
}
#patnar-logo {
	padding-top: 0;
	padding-bottom: 30px;
}

.slider-2.single-slider {
	padding-top: 130px;
	padding-bottom: 150px;
}
#counter-part {
	padding-top: 15px;
	padding-bottom: 60px;
}
#event-part {
	padding-top: 70px;
}
#category-3 {
	padding-top: 40px;
	padding-bottom: 70px;
}
#slider-part-3 {
	position: relative;
	padding-top: 150px;
	padding-bottom: 70px;
}
#count-down-part {
	padding-top: 10px;
	padding-bottom: 70px;
}
#event-part.pb-120 {
	padding-bottom: 70px;
}

#page-banner {
	padding-top: 85px;
	padding-bottom: 90px;
}

#about-page {
	padding-top: 15px;
	padding-bottom: 65px;
}
.about-items.pt-60 {
	padding-top: 25px;
}

#courses-part {
	padding-top: 70px;
	padding-bottom: 70px;
}
#corses-singel {
	padding-top: 40px;
	padding-bottom: 70px;
}
.releted-courses.pt-95 {
	padding-top: 45px;
}
#event-page {
	padding-top: 40px;
	padding-bottom: 70px;
}
#event-singel {
	padding-top: 70px;
	padding-bottom: 70px;
}
.events-coundwon {
	margin-top: 65px;
}
#blog-page {
	padding-top: 40px;
	padding-bottom: 70px;
}
#blog-singel {
	padding-top: 40px;
	padding-bottom: 70px;
}
.releted-item {
	padding-top: 55px;
}
#contact-page {
	padding-top: 40px;
	padding-bottom: 70px;
}





























}

/* =========================================================
   MOBILE LAYOUT - KEEP THE DESKTOP HEADER/LOOK ON PHONES
   ========================================================= */
@media (max-width: 767.98px) {
    html, body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    .container {
        width: 100%;
        max-width: 100%;
        padding-left: 12px;
        padding-right: 12px;
    }

    /* Top information bar: keep it visible on phones */
    .header-top.d-none.d-lg-block {
        display: block !important;
        padding: 7px 0;
        overflow: hidden;
    }

    .header-top .row {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        margin-left: -6px;
        margin-right: -6px;
    }

    .header-top .col-lg-6 {
        width: 50%;
        flex: 0 0 50%;
        padding-left: 6px;
        padding-right: 6px;
    }

    .header-contact ul {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow: hidden;
    }

    .header-contact ul li {
        margin-right: 12px;
        flex: 0 0 auto;
    }

    .header-contact ul li:nth-child(2) {
        display: none;
    }

    .header-contact ul li img {
        width: 14px;
        height: auto;
    }

    .header-contact ul li span,
    .header-opening-time p {
        font-size: 9px;
        line-height: 14px;
        white-space: nowrap;
    }

    .header-contact ul li span {
        margin-left: 4px;
    }

    .header-opening-time {
        text-align: right !important;
        white-space: nowrap;
        overflow: hidden;
    }

    .header-opening-time p {
        margin: 0;
        overflow: hidden;
        text-overflow: clip;
    }

    /* Logo + support row: preserve the desktop arrangement */
    .header-logo-support {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }

    .header-logo-support .row {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
    }

    .header-logo-support .col-lg-4.col-md-4 {
        width: 42%;
        flex: 0 0 42%;
    }

    .header-logo-support .col-lg-8.col-md-8 {
        width: 58%;
        flex: 0 0 58%;
    }

    .logo img {
        width: 58px !important;
        height: 58px !important;
        object-fit: contain;
    }

    .support-button.float-right.d-none.d-md-block {
        display: flex !important;
        align-items: center;
        justify-content: flex-end;
        float: none !important;
        width: 100%;
    }

    .support-button .support {
        margin-top: 0;
        min-width: 0;
        transform: scale(.82);
        transform-origin: right center;
    }

    .support-button .support .icon img {
        width: 32px;
        height: auto;
    }

    .support-button .support .cont {
        margin-left: 7px;
        white-space: nowrap;
    }

    .support-button .support .cont p {
        font-size: 9px;
        line-height: 12px;
    }

    .support-button .support .cont span {
        font-size: 13px;
        line-height: 16px;
    }

    .support-button .button {
        margin-left: 8px;
        transform: scale(.72);
        transform-origin: right center;
    }

    .support-button .button .main-btn {
        line-height: 38px;
        padding: 0 13px;
        font-size: 10px;
    }

    /* Navigation stays visible and keeps the same desktop-style menu.
       It scrolls sideways rather than collapsing into a hamburger. */
    .navigation {
        width: 100%;
        overflow: hidden;
    }

    .navigation > .container {
        padding-left: 8px;
        padding-right: 8px;
    }

    .navigation .row {
        display: block;
        margin: 0;
    }

    .navigation .col-lg-10.col-md-10.col-sm-9.col-8 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        padding: 0;
    }

    .navigation .col-lg-2.col-md-2.col-sm-3.col-4 {
        display: none;
    }

    .navigation .navbar {
        display: block;
        width: 100%;
        padding: 0;
    }

    .navigation .navbar-toggler {
        display: none !important;
    }

    .navigation .navbar-collapse,
    .navigation .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        overflow: hidden !important;
    }

    .navigation .navbar .navbar-nav {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center;
        width: max-content;
        min-width: 100%;
        margin: 0 !important;
        padding: 0 4px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .navigation .navbar .navbar-nav::-webkit-scrollbar {
        display: none;
    }

    .navigation .navbar .navbar-nav li {
        flex: 0 0 auto;
        margin-right: 18px;
    }

    .navigation .navbar .navbar-nav li:last-child {
        margin-right: 8px;
    }

    .navigation .navbar .navbar-nav li a {
        font-size: 11px;
        padding: 17px 0;
        white-space: nowrap;
    }

    .navigation .navbar .navbar-nav li .sub-menu {
        display: none !important;
    }

    /* Page banner follows the desktop design, scaled for a phone */
    #page-banner {
        min-height: 250px;
        padding-top: 65px !important;
        padding-bottom: 65px !important;
        background-position: center center;
    }

    .page-banner-cont h2 {
        font-size: 38px;
        line-height: 1.15;
        padding-bottom: 12px;
    }

    .page-banner-cont .breadcrumb .breadcrumb-item,
    .page-banner-cont .breadcrumb-item + .breadcrumb-item::before {
        font-size: 14px;
    }

    /* Prevent large desktop elements from creating sideways overflow */
    .row {
        max-width: 100%;
    }

    img {
        max-width: 100%;
        height: auto;
    }
}

@media (max-width: 380px) {
    .header-contact ul li span,
    .header-opening-time p {
        font-size: 8px;
    }

    .logo img {
        width: 52px !important;
        height: 52px !important;
    }

    .support-button .support {
        transform: scale(.72);
    }

    .support-button .button {
		display: block !important;
    }

    .navigation .navbar .navbar-nav li {
        margin-right: 14px;
    }

    .navigation .navbar .navbar-nav li a {
        font-size: 10px;
    }

    #page-banner {
        min-height: 220px;
        padding-top: 55px !important;
        padding-bottom: 55px !important;
    }

    .page-banner-cont h2 {
        font-size: 32px;
    }
}