@charset "utf-8";
/* Table of Contents
==================================================
	#Desktop (1920 and 1600 and 1440 and 1366)
	#laptop (1440 and 1366)
	#Tablet (991 to 767)
	#Mobile (767 to 360)



/* #Additional - Large Screens width of 1800px to 1601px 
================================================== */
@media only screen and (min-width: 1601px) and (max-width: 1800px) {

:root										{ --container-width: 1300px; } 
.container                                  { max-width: 1300px; }


}

/* #Additional - Large Screens width of 1600px to 1501px 
================================================== */
@media only screen and (min-width: 1501px) and (max-width: 1600px) {

:root										{ --container-width: 1300px; }
.container                                  { max-width: 1300px; }


}

/* #Additional - Large Screens width of 1500px to 1441px 
================================================== */
@media only screen and (min-width: 1441px) and (max-width: 1500px) {

:root										{ --container-width: 1300px; }
.container                                  { max-width: 1300px; }


}

/* #Additional - Large Screens width of 1440px to 1200px 
================================================== */
@media only screen and (min-width: 1367px) and (max-width: 1440px) {

:root										{ --container-width: 1300px; }
.container                                  { max-width: 1300px; }


}

/* #Additional - Large Screens  width of 1366px to 1200px
================================================== */
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
    
:root										{ --container-width: 1250px; }
.container                                  { max-width: 1250px; }

header 																			{ padding: 7px 35px 0 35px; }
footer .open-hours ul li 														{ padding-left: 13px; }
.banner-section .right-said .inner-after 										{ top: 268px; left: -35px; max-width: 200px; }
.banner-section .right-said .inner-before 										{ top: 55px; right: -10px; }	
.banner-section .right-said 													{ padding: 35px 65px 50px 65px; }
.servicesSec .servicesBox .servicesName .servicesInfo h4 						{ padding: 10px 15px 10px 55px; }
.blog-sec .right-said .blog-box a img                                           { border-radius: 10px; }


}

/* #iPad Pro - Large Screens width of 1199px to 990px
================================================== */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

:root										{ --container-width: 960px; }
.container									{ max-width: 960px; }

header 																						{ padding: 0px 15px; }
.main-header .logo 																			{ max-width: 120px; }
header .main-header .logo img 																{ width: 90%;}
.menu_sec ul.menu li 																		{ margin-right: 12px; }
header .main-header .menu_sec ul.menu li.contact-btn a 										{ font-size: 15px; line-height: 30px; padding: 3px 13px; }
.menu_sec ul.menu li a 																		{ padding: 23px 0 23px 0; font-size: 15px; line-height: 33px; }
.main-header .callnow-menu 																	{ gap: 5px; } 
.main-header .callnow-menu .callnow-info p 													{ font-size: 15px; line-height: 18px; }
.main-header .callnow-menu .callnow-info a 													{ font-size: 15px; line-height: 18px; }
header .main-header .menu_sec 																{ gap: 10px; }

.banner-section 																			{ padding: 35px 15px 50px 15px; height: auto; }
.banner-section .left-said 																	{ padding: 0px 0 0px 0; }
.banner-section .left-said h3 															{ margin-bottom: 15px; }	
.banner-section .left-said h1 																{ font-size: 35px; line-height: 42px; margin-bottom: 15px; }
.banner-section .left-said p 																{ margin-bottom: 20px; }
.banner-section .left-said .button-box .book-an-apporment 									{ font-size: 15px; }
.banner-section .left-said .counterBox														{ margin: 25px 0 0 0; gap: 15px; }
.banner-section .left-said .counterBox .counterItem .bigText								{ font-size: 30px; line-height: 40px; }
.banner-section .left-said .counterBox .counterItem .smallText 								{ font-size: 13px; }
.banner-section .left-said .button-box 														{ gap: 10px; margin-bottom: 5px; }
.banner-section .right-said 																{padding-right: 50px;padding-left: 50px;}
.banner-section .right-said .inner-before													{padding: 10px;top: 65px;right: 0;max-width: 145px;}
.banner-section .right-said .inner-before:before 											{ top: 10px; left: 6px; }
.banner-section .right-said .inner-before p 												{padding-top: 45px;}
.banner-section .right-said .inner-after 													{padding: 10px;left: -20px;bottom: 30px;max-width: 145px;}
.banner-section .right-said .inner-after p 													{padding-top: 45px;}
.banner-section .right-said .inner-after:after 												{ top: 10px; left: 8px; }

.said-icon 																					{ padding: 35px 5px; }

.meet-doctor-sec 																			{ padding-top: 55px; }
.meet-doctor-sec .left-said .meet 															{ margin-bottom: 15px; }
.meet-doctor-sec .left-said h2 																{ font-size: 30px; line-height: 35px; }
.meet-doctor-sec .left-said h6 																{ font-size: 16px; line-height: 30px; margin-bottom: 10px; }
.meet-doctor-sec .left-said p 																{ margin-bottom: 10px; }

.servicesSec 																				{ padding-top: 50px; padding-bottom: 50px; }
.servicesSec .servicesTitle h3 														{ margin-bottom: 10px; }
.servicesSec .servicesTitle h2 																{ font-size: 30px; line-height: 40px; }
.servicesSec .servicesTitle 																{ margin-bottom: 50px; }
.servicesSec .servicesBox .servicesName .servicesInfo h4 									{ font-size: 15px; line-height: 20px; }
.servicesSec .servicesBox p 																{ margin-bottom: 15px; }
.servicesSec .servicesBox .servicesName .servicesIcon 										{ width: 70px; height: 70px; }
.servicesSec .servicesBox .servicesName .servicesIcon::before								{ width: 60px; height: 60px; }
.servicesSec .row [class*="col-"]:nth-child(1),
.servicesSec .row [class*="col-"]:nth-child(3) 												{ margin-top: 135px; }
.servicesSec .row [class*="col-"]:nth-child(3n + 2) 										{ margin-top: -150px; }
.servicesSec .row [class*="col-"]:nth-child(7) 												{ margin-top: -150px; }
.conditions-sec 																			{ padding-top: 50px; padding-bottom: 50px; }
.conditions-sec .Conditions 																{ margin-bottom: 10px; }
.conditions-sec h2 																			{ font-size: 28px; line-height: 30px; margin-bottom: 70px; }
.conditions-slider .slider-box p 															{ font-size: 18px; line-height: 24px; padding: 15px 0px; }
.swiper-button-next 																		{ height: 50px !important; width: 50px !important; top: var(--swiper-navigation-top-offset, 118%) !important; right: 42% !important; }
.swiper-button-prev 																		{ height: 50px !important; width: 50px !important; top: var(--swiper-navigation-top-offset, 118%) !important; left: 47% !important; }

.blog-sec 																					{ padding: 50px 0px 50px 0px; }
.blog-sec .title h3 																			{ margin-bottom: 10px; }
.blog-sec .title h2 																				{ font-size: 28px; line-height: 40px; max-width: 100%; }
.blog-sec .left-said .inner-box 															{ padding: 0px 10px 10px 10px; }
.blog-sec .left-said .inner-box .info 														{ padding: 10px; }
.blog-sec .left-said .inner-box .info h6 													{ font-size: 18px; line-height: 22px; margin-bottom: 10px; }
.blog-sec .left-said .inner-box .info p 													{ font-size: 15px; line-height: 22px; margin-bottom: 15px; }
.blog-sec .left-said .inner-box .info .read-blog-btn 										{ font-size: 15px; line-height: 20px; }
.blog-sec .left-said .inner-box .info .read-blog-btn:before 								{ top: 10px; left: 18px; width: 20px; }
.blog-sec .right-said .blog-box .card-info 													{ padding-left: 15px; }
.blog-sec .right-said .blog-box a img                                                       { border-radius: 10px; }
.blog-sec .right-said .blog-box .card-info h6 												{ font-size: 18px; line-height: 24px; margin-bottom: 5px; }
.blog-sec .right-said .blog-box .card-info p 												{ font-size: 15px; line-height: 22px; }

.contacttoday-sec 																					{ padding-bottom: 70px; }
.contacttoday-sec .contact-bg 																		{ padding-top: 0px; }
.contacttoday-sec .contact-bg .contact-info 														{ padding: 55px 0px 70px 0px; }
.contacttoday-sec .contact-bg .contact-info h3 												{ margin-bottom: 15px; }
.contacttoday-sec .contact-bg .contact-info h2 														{ font-size: 30px; line-height: 40px; margin-bottom: 15px; }
.contacttoday-sec .contact-bg .contact-slider .slide 												{ font-size: 18px; line-height: 25px; }
.contacttoday-sec .contact-bg .testimonials-slider .slider-box .slider-info							{ padding-bottom: 10px; }
.contacttoday-sec .contact-bg .testimonialsSliderBox .testimonials-slider-arrow 					{ margin-bottom: 20px; }
.contacttoday-sec .contact-bg .testimonials-slider .slider-box .slider-info .img-box h6 			{ font-size: 17px; line-height: 25px; }
.contacttoday-sec .contact-bg .contact-slider .slider-box .slider-info ul 							{ margin-bottom: 0; }

/* -----------INNER-BANNER-------- */

.innerBanner-section                                                                        { padding: 30px 50px 50px 15px; }
.innerBanner-section .left-said .button-title                                               { margin-bottom: 15px; }
.innerBanner-section .left-said h1                                                          { font-size: 35px; line-height: 45px; margin-bottom: 15px; }
.innerBanner-section .right-said::before 													{ top: 30px; left: 35px; width: 88%; height: 100%; }
.innerBanner-section .right-said img 														{ width: 90%; }

#innerSection													{ padding-top: 40px; padding-bottom: 40px; }
#innerSection .content h2										{ margin: 0 0 20px 0; font-size: 32px; line-height: 36px; }
#innerSection .content p 										{ font-size: 16px; line-height: 25px; }

/* -----------ABOUT-PAGE--------------- */

.eliteSports-sec                                                                            { padding: 50px 0; }
.eliteSports-sec h2                                                                         { font-size: 28px; line-height: 38px; margin-bottom: 15px; }
.alignright                                                                                 { max-width: 50%; margin: 0 0 30px 25px; }

.doctorInfo-sec .meet-doctore                                                               { margin-bottom: 15px; }
.doctorInfo-sec h2                                                                          { font-size: 28px; line-height: 35px; }
.doctorInfo-sec h6                                                                          { font-size: 17px; line-height: 27px; }
.alignleft                                                                                  { max-width: 50%; margin: 0 15px 20px 0; }
.doctorInfo-sec h5                                                                          { font-size: 19px; line-height: 29px; margin-bottom: 10px; } 
.doctorInfo-sec .accordionBox h4                                                            { font-size: 25px; line-height: 35px; margin: 10px 0 30px 0; }

.accordion-bg                                                                               { padding: 19px 30px 5px 30px; }
.doctorInfo-sec .accordion .panel .panel-heading .btn 											{ font-size: 22px; line-height: 32px; padding: 17px 30px; }
.doctorInfo-sec .accordion .panel-heading .btn-link::after 									{ width: 20px; height: 20px; }
.doctorInfo-sec .accordion .panel .panel-body ul li ul.subList 								{ padding-left: 30px; }
.doctorInfo-sec .accordion .panel-heading.collapsed .btn-link::after 						{ width: 20px; height: 20px; right: 15px; }
.doctorInfo-sec .accordion .panel-heading:not(.collapsed) .btn-link::after 					{ width: 20px; height: 20px; right: 15px; }


/* -----SERVICE-INNER-PAGE----- */

.prp-section 																				{ padding-top: 50px; padding-bottom: 50px; }
.prp-section h2 																			{ font-size: 30px; line-height: 40px; }
.prp-section .otherServices 																{ padding: 50px 0 50px 0; }
.prp-section .otherServices h2																{ margin-bottom: 50px; }
.prp-section .otherServices .servicesBox .servicesName .servicesInfo h4						{ font-size: 15px; line-height: 22px; }

/* ----------CONDITIONS-PAGE---------- */

.recovery-sec 																				{ padding-top: 50px; padding-bottom: 50px; }
.recovery-sec .recovery-title h3 														{ margin-bottom: 15px; }
.recovery-sec .recovery-title h2 															{ font-size: 28px; line-height: 38px; margin-bottom: 40px; }
.recovery-sec .recovery-info 																{ margin-bottom: 40px; }
.recovery-sec .recovery-info p 																{ font-size: 17px; line-height: 22px; }

/* ----------CONTECT-PAGE---------- */

.contactForm-sec 																			{ padding: 50px 0; }
.contactForm-sec .contact-box h2 																	{ font-size: 30px; line-height: 40px; }
.contactForm-sec .contact-box .form-control 												{ padding: 18px 20px; margin-bottom: 19px; font-size: 20px; line-height: 25px; }
.contactForm-sec .contact-box textarea.form-control 										{ height: 135px; }

.map-sec .icons-info 																		{ width: 100%; padding: 25px 0px 23px 15px; }
.map-sec .icons-info img 																	{ margin-bottom: 20px; }
.map-sec .icons-info h6 																	{ font-size: 16px; line-height: 26px; }
.map-sec .icons-info p																		{ font-size: 16px; line-height: 25px; }
.map-sec .icons-info ul li 																	{ font-size: 14px; line-height: 24px; gap: 7px; }
.map-sec .map-box h2 																		{ font-size: 30px; line-height: 40px; margin-bottom: 40px; }
.map-sec .map-box h2:before 																{ top: 23px; right: -55px; width: 50px; height: 45px; }

/* ----------BLOG-PAGE---------- */
.latestBlog-sec 																			{ padding: 50px 0; }
.latestBlog-sec .blog-title .blog 															{ margin-bottom: 15px; }
.latestBlog-sec .blog-title h2 																{ font-size: 30px; line-height: 40px; margin-bottom: 35px; }
.latestBlog-sec .left-said .blog-infoBox .img-box 											{ max-width: 270px; }
.latestBlog-sec .left-said .blog-infoBox .blog-info 										{ width: calc(100% - 270px); padding: 10px 0 0 20px; }
.latestBlog-sec .left-said .blog-infoBox .blog-info h6 										{ font-size: 18px; line-height: 25px; margin-bottom: 8px; }
.latestBlog-sec .left-said .blog-infoBox .blog-info p 										{ line-height: 23px; margin-bottom: 15px; }
.latestBlog-sec .left-said .blog-infoBox .blog-info .read-blog-btn					 		{ padding: 10px 15px 10px 40px; }
.latestBlog-sec .left-said .blog-infoBox .blog-info .read-blog-btn:before 					{ top: 10px; left: 15px; width: 20px; }

.latestBlog-sec .left-said:before 															{ height: 100%; }
.latestBlog-sec .right-said .search-blog 													{ padding-bottom: 25px; }
.latestBlog-sec .right-said .search-blog h6 												{ font-size: 19px; line-height: 29px; margin-bottom: 12px; }
.latestBlog-sec .right-said .browseCategories h6 											{ font-size: 19px; line-height: 24px; margin-bottom: 12px; }
.latestBlog-sec .right-said .browseCategories ul li 										{ line-height: 20px; margin-bottom: 9px; }

.latestBlog-sec .right-said .browseCategories 												{ padding-bottom: 10px; }
.latestBlog-sec .right-said .most-articles h6 												{ font-size: 19px; line-height: 25px; margin-bottom: 20px; }
.latestBlog-sec .right-said .most-articles .articles-box .article-info .date 				{ margin-bottom: 5px; }
.latestBlog-sec .right-said .most-articles .articles-box .article-info p 					{ font-size: 14px; line-height: 20px; }


/* ----------BLOG-DETAIL-PAGE---------- */
.latestBlog-sec .blogDetail .left-said .blog-info 											{ padding: 20px 15px 13px 15px; }
.latestBlog-sec .blogDetail .left-said .img-box 											{ margin-bottom: 20px; }
.latestBlog-sec .blogDetail .left-said .blog-info h1 										{ font-size: 43px; line-height: 53px; margin-bottom: 25px; }
.latestBlog-sec .blogDetail .left-said .blog-info h2 										{ font-size: 38px; line-height: 48px; margin-bottom: 25px; }
.latestBlog-sec .blogDetail .left-said .blog-info h3 										{ font-size: 33px; line-height: 43px; margin-bottom: 25px; }
.latestBlog-sec .blogDetail .left-said .blog-info h4 										{ font-size: 28px; line-height: 38px; margin-bottom: 25px; }
.latestBlog-sec .blogDetail .left-said .blog-info h5 										{ font-size: 25px; line-height: 35px; margin-bottom: 25px; }

/* ----------FOOTER---------- */
footer .footer-info img 																	{ margin-bottom: 20px; }
footer .links h6 																			{ font-size: 20px; line-height: 26px; margin-bottom: 15px; }
footer .contact h6 																			{ font-size: 20px; line-height: 25px; margin-bottom: 15px; }
footer .open-hours h6 																		{ font-size: 20px; line-height: 25px; margin-bottom: 15px; }
footer .open-hours ul li 																	{ font-size: 15px; line-height: 20px; margin-bottom: 10px; padding-left: 0px; }
footer .open-hours ul 																		{ padding: 15px; }

}



/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 991px to 768px */
@media only screen and (min-width: 768px) and (max-width: 991px) {

:root										{ --container-width: 100%; }
.container									{ max-width: 100%; padding: 0 15px; }

header 																						{ padding: 10px 15px; }
header .main-header .menu_sec 																{ display: none; }
.main-header .logo 																			{ max-width: 110px; }
.mobile-menu 																				{ display: block; }

.rmp-container .rmp-menu-title .rmp-menu-title-image			{ width: 150px !important; height: auto !important; margin-bottom: 0; }

.banner-section	 																			{ padding: 50px 15px; }
.banner-section .left-said .button-box 														{ margin-bottom: 0px; }
.banner-section .left-said 																	{ margin-bottom: 40px; }
.banner-section .left-said h3 															{ margin-bottom: 10px; }
.banner-section .left-said h1 																{ font-size: 35px; line-height: 42px; margin-bottom: 15px; }
.banner-section .right-said 																{ padding-right: 50px; padding-left: 50px; }
.banner-section .right-said .inner-before 													{ top: 58px; right: 0px; }
.banner-section .right-said .inner-after 													{ left: 0px; }
.banner-section .left-said p 																{ margin-bottom: 22px; }
.banner-section .left-said .counterBox 														{ margin: 30px 0 0 0; gap: 10px; }
.banner-section .left-said .counterBox .counterItem .bigText 								{ font-size: 30px; line-height: 40px; }

.said-icon 																					{ display: none; }

.meet-doctor-sec 																			{ padding-top: 50px; height: auto; }
.meet-doctor-sec .left-said .meet 															{ margin-bottom: 15px; }
.meet-doctor-sec .left-said h2 																{ font-size: 28px; line-height: 35px; margin-bottom: 0px; }
.meet-doctor-sec .left-said h6 																{ font-size: 17px; line-height: 35px; margin-bottom: 10px; }
.meet-doctor-sec .left-said p 																{ margin-bottom: 10px; }
.meet-doctor-sec .col-md-5                                                                  { display: flex; justify-content: center; align-items: end;}

.servicesSec																			 	{ padding-top: 50px; padding-bottom: 50px; }
.servicesSec .servicesTitle h3 														{ margin-bottom: 10px; }
.servicesSec .servicesTitle h2 																{ font-size: 28px; line-height: 35px; }
.servicesSec .row [class*="col-"] 															{ margin-bottom: 15px; }
.servicesSec .row [class*="col-"]:nth-child(7) 												{ margin-top: 0px; }
.servicesSec .row [class*="col-"]:nth-child(1),
.servicesSec .row [class*="col-"]:nth-child(3) 												{ margin-top: 0px; }
.servicesSec .servicesTitle 																{ margin-bottom: 0px; }
.servicesSec .row [class*="col-"]:nth-child(3n - 1) 										{ margin-top: 0px; }
.servicesSec .servicesBox 																	{ margin-top: 85px; }
.servicesSec .servicesBox .servicesName 													{ margin-top: -70px; }
.servicesSec .servicesBox .servicesName .servicesIcon::before 								{ width: 60px; height: 60px; }
.servicesSec .servicesBox .servicesName .servicesIcon 										{ width: 70px; height: 70px; }

.conditions-sec 																			{ padding-top: 50px; padding-bottom: 50px; }
.conditions-sec .Conditions 																{ margin-bottom: 10px; }
.conditions-sec h2 																			{ font-size: 28px; line-height: 35px; }
.conditions-slider .slider-box p 															{ font-size: 16px; line-height: 25px; padding: 10px 0px; }
.swiper-button-next 																		{ height: 50px !important; width: 50px !important; top: var(--swiper-navigation-top-offset, 120%) !important; right: 40% !important; }
.swiper-button-prev 																		{ height: 50px !important; width: 50px !important; top: var(--swiper-navigation-top-offset, 120%) !important; right: 40% !important; }

.blog-sec 																					{ padding: 50px 0px 50px 0px; }
.blog-sec .title h3 																		{ margin-bottom: 10px; }
.blog-sec .title h2 																				{ font-size: 28px; line-height: 40px; max-width: 100%; }
.blog-sec .left-said .blogImg {width: 100%;}
.blog-sec .left-said {margin-bottom: 30px; height: calc(100% - 30px);}
.blog-sec .left-said .inner-box .info h6 													{ font-size: 18px; line-height: 25px; margin-bottom: 10px; }
.blog-sec .left-said .inner-box .info .read-blog-btn:before 								{ width: 20px; }
.blog-sec .right-said .blog-box 															{ flex-direction: column; }
.blog-sec .right-said .blog-box a img 														{ width: 100%; }
.blog-sec .right-said .blog-box .card-info h6 												{ font-size: 18px; line-height: 25px; }
.blog-sec .blog-btn .all-blog-btn 															{ margin-top: 15px; }

.contacttoday-sec 																			{ padding-bottom: 70px; }
.contact-bg 																				{ padding-top: 0px; }
.contacttoday-sec .contact-bg .contact-info 												{ padding: 50px 0px 40px 0px; }
.contacttoday-sec .contact-bg .contact-info h3 										{ margin-bottom: 15px; }
.contacttoday-sec .contact-bg .contact-info h2 												{ font-size: 28px; line-height: 35px; margin-bottom: 15px; max-width: 100%; }	
.contacttoday-sec .contact-bg .contact-info p 												{ max-width: 100%; }
.contacttoday-sec .contact-bg .testimonialsSliderBox .testimonials-slider-arrow 			{ margin-bottom: 15px; }

/* ---------- Inner Banner Section ---------- */
.innerBanner-section                                                                        { padding: 35px 15px 70px 15px; background-size: cover; }
.innerBanner-section .left-said .button-title                                              	{ margin-bottom: 15px; }
.innerBanner-section .left-said h1                                                          { font-size: 35px; line-height: 40px; margin-bottom: 15px; }
.innerBanner-section .right-said::before 													{ top: 25px; left: 30px; width: 85%; height: 96%; }
.innerBanner-section .right-said img 														{ width: 90%; }
.alignright                                                                                 { float: left; margin: 0 0 30px 0px; width: 100%;}
.eliteSports-sec                                                                            { padding: 50px 0; }
.eliteSports-sec h2                                                                         { font-size: 25px; line-height: 35px; margin-bottom: 15px; display: inline-block; }

#innerSection																				{ padding-top: 40px; padding-bottom: 40px; }
#innerSection .content h2																	{ margin: 0 0 20px 0; font-size: 32px; line-height: 36px; }
#innerSection .content p 																	{ font-size: 16px; line-height: 25px; }

/* -----------------ABOUT-PAGE----------------------------- */
.doctorInfo-sec .meet-doctore                                                               { margin-bottom: 15px; }
.doctorInfo-sec h2                                                                          { font-size: 28px; line-height: 35px; }
.doctorInfo-sec h6                                                                          { font-size: 17px; line-height: 27px; margin-bottom: 18px; }
.alignleft                                                                                  { margin: 0 0px 30px 0; width: 100%; }
.doctorInfo-sec h5                                                                          { display: inline-block; font-size: 19px; line-height: 29px; }
.doctorInfo-sec .accordionBox h4                                                            { font-size: 25px; line-height: 35px; margin: 10px 0px 25px 0; }
.accordion-bg                                                                               { padding: 19px 25px 9px 25px; }
.doctorInfo-sec .accordion .panel .panel-heading .btn 										{ font-size: 20px; line-height: 31px; padding: 15px 25px; }
.doctorInfo-sec .accordion .panel-heading .btn-link::after 									{ width: 20px; height: 20px; }
.doctorInfo-sec .accordion .panel .panel-body 												{ padding: 0 30px 18px 30px; }
.doctorInfo-sec .accordion .panel .panel-body ul li ul.subList 								{ padding-left: 30px; }
.doctorInfo-sec .accordion .panel-heading.collapsed .btn-link::after 						{ width: 20px; height: 20px; right: 15px; }
.doctorInfo-sec .accordion .panel-heading:not(.collapsed) .btn-link::after 					{ width: 20px; height: 20px; right: 15px; }	

/* -----------SERVICE-INNER-PAGE------------- */
.prp-section 																				{ padding-top: 50px; padding-bottom: 50px; }
.prp-section h3 																			{ margin-bottom: 15px; }
.prp-section h2 																			{ font-size: 28px; line-height: 38px; margin-bottom: 15px; }
.prp-section .otherServices 																{ padding: 50px 0 72px 0; }
.prp-section .otherServices .servicesTitle 													{ margin-bottom: 0px; }
.prp-section .otherServices .servicesBox 													{ margin-top: 85px; }
.prp-section .otherServices .servicesBox .servicesName 										{ margin-top: -70px; }
.prp-section .otherServices .servicesBox .servicesName .servicesIcon::before 				{ width: 60px; height: 60px; }
.prp-section .otherServices .servicesBox .servicesName .servicesIcon 						{ width: 70px; height: 70px; }
.prp-section .otherServices h2 																{ margin-bottom: 15px;}

/* ----------CONDITIONS-PAGE---------- */
.recovery-sec 																				{ padding-top: 50px; padding-bottom: 50px; }
.recovery-sec .recovery-title h3 															{ margin-bottom: 15px; }
.recovery-sec .recovery-title h2 															{ font-size: 28px; line-height: 35px; margin-bottom: 40px; }
.recovery-sec .recovery-info p 																{ font-size: 17px; padding: 15px 0px; line-height: 22px; }
.recovery-sec .recovery-info 																{ margin-bottom: 30px; }

/* ----------CONTECT-PAGE---------- */
.contactForm-sec 																			{ padding: 50px 0; }
.contactForm-sec .contact-box h2 															{ font-size: 30px; line-height: 40px; }
.contactForm-sec .contact-box .form-control 												{ padding: 13px 20px; font-size: 18px; line-height: 26px; margin-bottom: 15px; }
.contactForm-sec .contact-box textarea.form-control 										{ height: 125px; }

.map-sec 																					{ padding: 50px 0px 0 0; }
.map-sec .icons-info 																		{ width: 100%; margin-bottom: 25px; height: 90%; }
.map-sec .map-box 																			{ margin: 20px 0 0 0; }
.map-sec .map-box h2 																		{ font-size: 30px; line-height: 35px; margin-bottom: 40px; }
.map-sec .map-box h2:before 																{ top: 22px; right: -50px; width: 45px; height: 45px; }
.map-sec .map-box iframe 																	{ height: 400px; }

/* ----------BLOG-PAGE---------- */
.latestBlog-sec 																			{ padding: 50px 0; }
.latestBlog-sec .blog-title .blog 															{ margin-bottom: 10px; }
.latestBlog-sec .blog-title h2 																{ font-size: 26px; line-height: 30px; margin-bottom: 30px; }
.latestBlog-sec .left-said .blog-infoBox 													{ flex-direction: column; margin-bottom: 20px; }
.latestBlog-sec .left-said .blog-infoBox .img-box 											{ max-width: 100%;}
.latestBlog-sec .left-said .blog-infoBox .blog-info 										{ width: 100%; padding: 10px 0 0 0; }
.latestBlog-sec .left-said .blog-infoBox .blog-info h6 										{ font-size: 18px; line-height: 25px; }
.latestBlog-sec .left-said .blog-infoBox .blog-info p 										{ margin-bottom: 15px; }
.latestBlog-sec .left-said:before 															{ right: -15px; height: 100%; }

.latestBlog-sec .right-said 																{ padding: 0 0 0 0px; }
.latestBlog-sec .right-said .search-blog h6 												{ font-size: 19px; line-height: 25px; }
.latestBlog-sec .right-said .search-blog 													{ padding-bottom: 25px; }
.latestBlog-sec .right-said .browseCategories h6 											{ font-size: 19px; line-height: 25px; margin-bottom: 15px; }
.latestBlog-sec .right-said .browseCategories ul li 										{ font-size: 15px; line-height: 20px; }
.latestBlog-sec .right-said .browseCategories 												{ padding-bottom: 15px; }
.latestBlog-sec .right-said .most-articles h6 												{ font-size: 19px; line-height: 25px; margin-bottom: 20px; }
.latestBlog-sec .right-said .most-articles .articles-box img 								{ width: 100%; margin-bottom: 12px; }
.latestBlog-sec .right-said .most-articles .articles-box 									{ flex-direction: column; }
.latestBlog-sec .right-said .most-articles .articles-box .article-info		 				{ padding-left: 0; }
.latestBlog-sec .right-said .most-articles .articles-box .article-info p 					{ font-size: 15px; line-height: 22px; }

.latestBlog-sec .right-said .most-articles ul li 											{ position: relative; width: 100%; flex-direction: column; align-items: flex-start;}
.latestBlog-sec .right-said .most-articles ul li .rpwwt-post-date 							{ position: absolute; top: 175px; margin-left: 0; }
.latestBlog-sec .right-said .most-articles ul li img 										{ width: 100%!important; height: 150px!important; object-fit: cover; }

/* ----------BLOG-DETAIL-PAGE---------- */
.latestBlog-sec .blogDetail .left-said .blog-info 											{ padding: 20px 15px 13px 15px; }
.latestBlog-sec .blogDetail .left-said .img-box 											{ margin-bottom: 20px; }
.latestBlog-sec .blogDetail .left-said .blog-info h1 										{ font-size: 40px; line-height: 50px; margin-bottom: 20px; }
.latestBlog-sec .blogDetail .left-said .blog-info h2 										{ font-size: 35px; line-height: 45px; margin-bottom: 20px; }
.latestBlog-sec .blogDetail .left-said .blog-info h3 										{ font-size: 30px; line-height: 40px; margin-bottom: 20px; }
.latestBlog-sec .blogDetail .left-said .blog-info h4 										{ font-size: 25px; line-height: 35px; margin-bottom: 20px; }
.latestBlog-sec .blogDetail .left-said .blog-info h5 										{ font-size: 22px; line-height: 32px; margin-bottom: 20px; }
.latestBlog-sec .blogDetail .left-said:before 												{ height: 1370px; }

/* ----------FOOTER---------- */
footer .footer-info img 																	{ max-width: 120px; margin-bottom: 15px; }
footer .footer-info,
footer .links																		        { margin-bottom: 30px;}
footer .links ul li 																        { margin-bottom: 5px; }
footer .links h6 																			{ font-size: 18px; line-height: 25px; margin-bottom: 10px; }
footer .contact h6 																			{ font-size: 18px; line-height: 25px; margin-bottom: 15px; }
footer .contact ul li a 																	{ gap: 10px; }
footer .open-hours h6 																		{ font-size: 18px; line-height: 25px; margin-bottom: 15px; }

}



/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 767px to 320px */
@media only screen and (max-width: 767px) {

:root																				{ --container-width: 100%; }
.container																			{ max-width: 740px; padding: 0 15px;}

header 																				{ padding: 10px 15px; }
.main-header .logo 																	{ max-width: 100px; }
header .main-header .menu_sec 														{ display: none; }
.mobile-menu	 																	{ display: block; }

.rmp-container .rmp-menu-title .rmp-menu-title-image			{ width: 150px !important; height: auto !important; margin-bottom: 0; }

.banner-section 																	{ padding: 30px 15px 30px 15px;}
.banner-section .left-said															{ padding: 0px 0 50px 0; }
.banner-section .left-said h3 														{ font-size: 14px; line-height: 20px; }
.banner-section .left-said h1 														{ font-size: 27px; line-height: 35px; margin-bottom: 10px; }
.banner-section .left-said p 														{ margin-bottom: 20px; }
.banner-section .left-said .button-box 												{ gap: 10px; flex-direction: column; margin-bottom: 0px; }
.banner-section .left-said .counterBox .counterItem .bigText 						{ font-size: 30px; line-height: 40px; }
.banner-section .left-said .counterBox 												{ margin: 25px 0 0 0; gap: 10px; }	
.banner-section .right-said 														{ padding: 0 30px; }
.banner-section .right-said .inner-before p 										{ font-size: 12px; line-height: 17px; max-width: 100px; margin-bottom: 10px; }
.banner-section .right-said .inner-before:before 									{ top: 12px; left: 10px; }
.banner-section .right-said .inner-after 											{ bottom: 20px; left: -10px; padding: 5px; max-width: 116px; }	
.banner-section .right-said .inner-before 											{ top: -22px; right: -10px; padding: 5px; max-width: 125px; }
.banner-section .right-said .inner-after p 											{ font-size: 12px; line-height: 17px; max-width: 110px; }
.banner-section .right-said .inner-after:after 										{ top: 10px; left: 9px; }

.said-icon 																			{ display: none; }

.meet-doctor-sec 																	{ padding-top: 50px; background-position: center bottom; background-size: 180%; }
.meet-doctor-sec:before 															{ background: linear-gradient(180deg, #fff 70%, rgba(255, 255, 255, 0) 84%, rgba(255, 255, 255, 0) 100%); }
.meet-doctor-sec .left-said .meet 													{ margin-bottom: 20px; }
.meet-doctor-sec .left-said h2 														{ font-size: 28px; line-height: 32px; margin-bottom: 5px; }
.meet-doctor-sec .left-said h6 														{ font-size: 16px; line-height: 25px; margin-bottom: 10px; }
.meet-doctor-sec .left-said p 														{ margin-bottom: 10px; }
.meet-doctor-sec .left-said .read-more-btn                                          { padding-top: 20px; padding-bottom: 45px; }
.meet-doctor-sec .left-said .read-more-btn .read-more 								{ padding: 10px 25px 10px 40px; }
.meet-doctor-sec .left-said .read-more-btn .read-more:before 						{ top: 14px; left: 15px; }
.meet-doctor-sec .right-said img 													{ display: block; width: 200px; margin: 0 auto; padding-top: 50px; }

.servicesSec 																		{ padding-top: 50px; padding-bottom: 50px; }
.servicesSec .servicesTitle h3 												{ margin-bottom: 15px; }
.servicesSec .servicesTitle h2 														{ font-size: 28px; line-height: 32px; margin-bottom: 25px; }
.servicesSec .servicesTitle 														{ margin-bottom: 0px; }
.servicesSec .row [class*="col-"]:nth-child(1),
.servicesSec .row [class*="col-"]:nth-child(3) 										{ margin-top: 0px; }
.servicesSec .row [class*="col-"] 													{ margin-bottom: 30px; }
.servicesSec .row [class*="col-"]:nth-child(3n + 2) 								{ margin-top: 0px; }
.servicesSec .row [class*="col-"]:nth-child(7) 										{ margin-top: 0px; }
.servicesSec .servicesBox 															{ text-align: center; padding: 15px; margin-top: 50px; }
.servicesSec .servicesBox .servicesName .servicesInfo h4 							{ font-size: 16px; line-height: 22px; }
.servicesSec .servicesBox .servicesName .servicesIcon img 							{ width: 30px; }

.conditions-sec 																	{ padding-top: 50px; padding-bottom: 50px; }
.conditions-sec .Conditions 														{ margin-bottom: 15px; }
.conditions-sec h2 																	{ font-size: 28px; line-height: 35px; margin-bottom: 20px; }
.conditions-sec .swiper 															{ margin-top: 20px; }
.conditions-slider .slider-box p 													{ font-size: 17px; padding: 10px 0px; }
.swiper-button-prev 																{ height: 45px !important; width: 45px !important; left: 35% !important; top: var(--swiper-navigation-top-offset, 119%) !important;}
.swiper-button-next 																{ height: 45px !important; width: 45px !important; top: var(--swiper-navigation-top-offset, 119%) !important; right: 35% !important; }
.conditions-sec .conditions-slider-arrow 											{ margin-top: 20px; }

.blog-sec 																			{ padding: 50px 0px 50px 0px; }
.blog-sec .title h2 																		{ font-size: 25px; line-height: 35px; margin-bottom: 30px; }
.blog-sec .title h3 																	{ margin-bottom: 15px; }
.blog-sec .left-said 																{ margin-bottom: 30px; height: calc(100% - 30px); }
.blog-sec .left-said .blogImg 														{margin-bottom: 10px; height: auto; } 
.blog-sec .left-said .inner-box 													{ position: unset; padding: 0; }
.blog-sec .left-said .inner-box .info 												{ background-color: transparent; padding: 0; }

.blog-sec .right-said .blog-box a 													{ flex-direction: column; }
.blog-sec .right-said .blog-box .card-info 											{ width: 100%; padding: 0; }
.blog-sec .left-said .inner-box .info .date 										{ margin-bottom: 15px; }
.blog-sec .left-said .inner-box .info h6 											{ font-size: 19px; margin-bottom: 10px; }
.blog-sec .left-said .inner-box .info .read-blog-btn 								{ padding: 10px 15px 10px 45px; }
.blog-sec .right-said .blog-box 													{ margin-bottom: 30px; }
.blog-sec .right-said .blog-box .img-box 											{ max-width: 100%; margin-bottom: 20px; }
.blog-sec .right-said .blog-box .img-box img 										{ width: 100%; }
.blog-sec .right-said .blog-box .card-info h6 										{ font-size: 18px; line-height: 25px; }
.blog-sec .blog-btn .all-blog-btn 													{ line-height: 22px; padding: 10px 15px 10px 45px; margin-top: 15px; }
.blog-sec .blog-btn .all-blog-btn:before 											{ top: 12px; left: 20px; }

.contact-bg 																		{ padding-top: 0px; }
.contacttoday-sec 																	{ padding-bottom: 50px; }
.contacttoday-sec .contact-bg .contact-info 										{padding: 30px 0px 10px 0px;}
.contacttoday-sec .contact-bg .contact-info h2 										{ font-size: 28px; line-height: 35px; margin-bottom: 15px; }
.contacttoday-sec .contact-bg .contact-info h3 								{ margin-bottom: 15px; }
.contacttoday-sec .contact-bg .testimonialsSliderBox 								{margin-bottom: -40px;}
.contacttoday-sec .contact-bg .testimonialsSliderBox .testimonials-slider-arrow 	{margin-bottom: 20px;}
.contacttoday-sec .contact-bg .contact-slider .slider-box 									{ padding: 15px; }
.contacttoday-sec .contact-bg .testimonials-slider .slider-box .slider-info 				{ padding-bottom: 5px; }
.contacttoday-sec .contact-bg .testimonials-slider .slider-box .slider-info .img-box h6 	{ font-size: 16px; line-height: 20px; }

/* ---------------INNER-BANNER--------------- */
.innerBanner-section                                                                { padding: 50px 15px 50px 15px; background-size: cover; }
.innerBanner-section .left-said h1                                                  { font-size: 30px; line-height: 40px; margin-bottom: 15px; }
.innerBanner-section .left-said .button-title                                      	{ margin-bottom: 10px; }
.breadcrumb-item.active                                                             { font-size: 16px; line-height: 24px; margin-top: 3px; }
.innerBanner-section .right-said img                                        	 	{ width: 90%; }
.innerBanner-section .right-said::before                                    		{ top: 32px; left: 25px; width: 90%; height: 98%; }
.breadcrumb 																		{ margin: 0 0 25px 0; }

#innerSection													{ padding-top: 40px; padding-bottom: 40px; }
#innerSection .content h2										{ margin: 0 0 20px 0; font-size: 28px; line-height: 34px; }
#innerSection .content p 										{ font-size: 16px; line-height: 25px; }

/* ----------ABOUT-PAGE------------ */

.eliteSports-sec                                                                    { padding: 50px 0; }
.alignright                                                                         { margin: 0 0 30px 0px; }
.eliteSports-sec h2                                                                 { font-size: 21px; line-height: 32px; margin-bottom: 15px; }
.eliteSports-sec p                                                                  { margin-bottom: 10px; }

.doctorInfo-sec .meet-doctore                                                       { margin-bottom: 10px; }
.doctorInfo-sec h2                                                                  { font-size: 25px; line-height: 30px; margin-bottom: 0px; }
.doctorInfo-sec h6                                                                  { font-size: 15px; line-height: 30px; }
.alignleft                                                                          { margin: 0 0px 20px 0; }
.doctorInfo-sec h5                                                                  { font-size: 17px; line-height: 27px; }
.doctorInfo-sec p                                                                   { font-size: 15px; line-height: 24px; margin-bottom: 12px; }
.doctorInfo-sec .accordionBox h4                                                    { font-size: 25px; line-height: 30px; margin: 12px 0 22px 0; }
.accordionBox #accordion .accordion-header .accordion-title                         { font-size: 18px; line-height: 27px; }
.accordion-bg                                                                       { padding: 2px 17px 2px 17px; margin-top: 15px; }
.doctorInfo-sec .accordion .panel .panel-heading .btn								{ font-size: 18px; line-height: 30px; padding: 17px 20px; }
.doctorInfo-sec .accordion .panel-heading.collapsed .btn-link::after 				{ width: 20px; height: 20px; right: 15px; }
.doctorInfo-sec .accordion .panel-heading:not(.collapsed) .btn-link::after 			{ width: 20px; height: 20px; right: 15px; }
.doctorInfo-sec .accordion .panel .panel-body 										{ padding: 0 20px 18px 20px; }
.doctorInfo-sec .accordion .panel .panel-body ul li 								{ font-size: 15px; }
.doctorInfo-sec .accordion .panel .panel-body ul li ul.subList 						{ padding-left: 0px; }								

.prp-section 																		{ padding-top: 50px; padding-bottom: 50px; }
.prp-section h3 																	{ margin-bottom: 15px; }
.prp-section h2 																	{ font-size: 25px; line-height: 35px; margin-bottom: 15px; }
.prp-section .otherServices 														{ padding: 45px 0 10px 0; }
.prp-section .otherServices h2 														{ margin-bottom: 0px; line-height: 30px; }
.prp-section .servicesTitle 														{ margin-bottom: 0px; }
.prp-section .otherServices .servicesBox 											{ text-align: center; padding: 15px; margin-top: 75px; }
.prp-section .otherServices .servicesBox .servicesName .servicesInfo h4 			{ font-size: 16px; line-height: 22px; }
.prp-section .otherServices .servicesBox .servicesName .servicesIcon img 			{ width: 30px; }

/* ----------CONDITIONS-PAGE---------- */
.recovery-sec 																		{ padding-top: 50px; padding-bottom: 50px; }
.recovery-sec .recovery-title h3 												{ margin-bottom: 10px; }
.recovery-sec .recovery-title h2 													{ font-size: 28px; line-height: 35px; margin-bottom: 25px; }
.recovery-sec .recovery-info p 														{ font-size: 17px; line-height: 22px; }
.recovery-sec .recovery-info 														{ margin-bottom: 25px; }

/* ----------CONTECT-PAGE---------- */
.contactForm-sec 																	{ padding: 50px 0; }
.contactForm-sec .contact-box h2 															{ font-size: 25px; line-height: 35px; }
.contactForm-sec .contact-box .form-control 										{ padding: 15px 20px; margin-bottom: 20px; font-size: 17px; line-height: 22px; }
.contactForm-sec .contact-box textarea.form-control 								{ height: 110px; }
.contactForm-sec .contact-box .bubmitBtn-box .submitBtn 							{ font-size: 15px; line-height: 20px; }

.map-sec 																			{ padding: 50px 0px 0 0; }
.map-sec .icons-info 																{ width: 100%; margin-bottom: 25px; height: 270px; }
.map-sec .icons-info img 															{ margin-bottom: 20px; }
.map-sec .icons-info h6 															{ font-size: 16px; line-height: 20px; }
.map-sec .icons-info p 																{ font-size: 15px; line-height: 23px; }
.map-sec .icons-info ul li 															{ font-size: 15px; line-height: 23px; }
.map-sec .map-box 																	{ margin: 20px 0 0 0; }
.map-sec .map-box h2							 									{ font-size: 23px; line-height: 33px; margin-bottom: 37px; }
.map-sec .map-box h2:before 														{ top: 25px; right: -35px; width: 35px; height: 37px; }
.map-sec .map-box iframe 															{ height: 450px; }

/* ----------BLOG-PAGE---------- */
.latestBlog-sec 																	{ padding: 50px 0; }
.latestBlog-sec .blog-title .blog 													{ margin-bottom: 10px; }
.latestBlog-sec .blog-title h2 														{ font-size: 25px; line-height: 35px; margin-bottom: 25px; }
.latestBlog-sec .left-said:before 													{ width: 0px; height: 0px; }
.latestBlog-sec .left-said .blog-infoBox 											{ flex-direction: column; }
.latestBlog-sec .left-said .blog-infoBox .blog-info 								{ width: 100%; padding: 10px 0 0 0; }
.latestBlog-sec .left-said .blog-infoBox .blog-info h6 								{ font-size: 18px; line-height: 24px; }
.latestBlog-sec .left-said .blog-infoBox .blog-info p 								{ margin-bottom: 15px; }
.latestBlog-sec .left-said .blog-infoBox .img-box 									{ max-width: 100%; }
.latestBlog-sec .right-said															{ padding: 0; }
.latestBlog-sec .right-said .search-blog h6 										{ font-size: 19px; line-height: 29px; margin-bottom: 10px; }
.latestBlog-sec .right-said .browseCategories h6 									{ font-size: 19px; line-height: 25px; margin-bottom: 15px; }
.latestBlog-sec .right-said .browseCategories 										{ padding-bottom: 15px; }
.latestBlog-sec .right-said .most-articles h6 										{ font-size: 19px; line-height: 25px; margin-bottom: 20px; }
.latestBlog-sec .right-said .most-articles .articles-box .article-info p 			{ font-size: 15px; line-height: 22px; }
.latestBlog-sec .right-said .search-blog 											{ padding-bottom: 20px; }
.comment-respond p 																	{ flex-direction: column; padding: 0 0 15px 0; }
.comment-respond p label 															{ width: 100%; text-align: left; }
.comment-respond p textarea 														{ width: 100%; }
.comment-respond p input															{ width: 100%; }
.comment-respond p.comment-form-cookies-consent 									{ flex-direction: row; }
.comment-respond p.comment-form-cookies-consent input 								{ margin: 0 7px 0 0%; }
.comment-respond p.comment-form-cookies-consent label 								{ width: calc(100% - 20px); }
.comment-respond p .submit															{ margin-left: 0; }

/* ----------BLOG-DETAIL-PAGE---------- */
.latestBlog-sec .blogDetail															{ margin-bottom: 30px; }
.latestBlog-sec .blogDetail .left-said .blog-info 									{ padding: 20px 15px 13px 15px; }
.latestBlog-sec .blogDetail .left-said .img-box 									{ margin-bottom: 22px; }
.latestBlog-sec .blogDetail .left-said .blog-info h1 								{ font-size: 42px; line-height: 47px; margin-bottom: 20px; }
.latestBlog-sec .blogDetail .left-said .blog-info h2 								{ font-size: 40px; line-height: 45px; margin-bottom: 20px; }
.latestBlog-sec .blogDetail .left-said .blog-info h3 								{ font-size: 35px; line-height: 40px; margin-bottom: 20px; }
.latestBlog-sec .blogDetail .left-said .blog-info h4 								{ font-size: 30px; line-height: 35px; margin-bottom: 20px; }
.latestBlog-sec .blogDetail .left-said .blog-info h5 								{ font-size: 20px; line-height: 25px; margin-bottom: 20px; }

/* ----------FOOTER---------- */
footer 																				{padding-top: 30px;}
footer .footer-info,
footer .links,
footer .contact		 																{ margin-bottom: 30px;}
footer .footer-info img 															{ margin-bottom: 15px;    max-width: 100px; }
footer .links h6 																	{ font-size: 18px; line-height: 25px; margin-bottom: 10px; }
footer .links ul li 																{ margin-bottom: 5px; }
footer .contact h6 																	{ font-size: 18px; line-height: 25px; margin-bottom: 15px; }
footer .open-hours h6 																{ font-size: 18px; line-height: 25px; margin-bottom: 15px; }
footer .open-hours ul 																{ padding: 15px; margin-bottom: 0px; }
footer .open-hours ul li 															{ font-size: 15px; line-height: 20px; margin-bottom: 13px; }
footer .open-hours ul li:before 													{ top: 2px; left: -5px; }
footer .open-hours ul li:last-child:before 											{ top: 2px; left: -6px; }
.bottom-footer 																		{ margin: 30px 0 0 0; }
.bottom-footer .bottom-footer-info 													{ flex-direction: column; }	
.bottom-footer .bottom-footer-info p 												{ font-size: 13px; line-height: 22px; margin-bottom: 10px; }
.bottom-footer .bottom-btn 															{ gap: 20px; }
.bottom-footer .bottom-btn a 														{ font-size: 13px; line-height: 22px; }

}

/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 575px to 320px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

:root										{ --container-width: 100%; }
.container									{ max-width: 100%; padding: 0 15px; }



}