@media (min-width: 1681px) and (max-width: 1749px) {
	.banner-wrap .banner-sec .banner-grp .banner-left h1 {font-size: 50px; line-height: 70px;}
	.banner-wrap .banner-sec .banner-grp .banner-left {width: 50%;}
	.banner-wrap .banner-sec .banner-grp .banner-left p {font-size: 16px;}
	.banner-wrap .banner-sec .banner-grp .banner-left > span {font-size: 16px;}
	.banner-wrap .banner-sec .banner-grp .banner-right::before {width: 650px; height: 650px; right: 0; top: -150px;}
	.philosophy-sec .philosophy-grp {gap: 30px;}
	.design-block .primary-btn span {padding: 16px 5px;}
}

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

	.banner-wrap .banner-sec .banner-grp .banner-left h1 {font-size: 40px; line-height: 45px;}
	.banner-wrap .banner-sec .banner-grp .banner-left {width: 50%;}
	.banner-wrap .banner-sec .banner-grp .banner-left p {font-size: 16px;}
	.banner-wrap .banner-sec .banner-grp .banner-left > span {font-size: 16px;}
	.banner-wrap .banner-sec .banner-grp .banner-right::before {width: 650px; height: 650px; right: 0; top: -150px;}

	.cta-sec {padding: 70px 0;}
	.cta-sec .cta-grp .cta-text h2 {font-size: 40px;}
	.cta-sec .cta-grp .cta-text p {font-size: 16px;}

	.artical-sec {padding: 70px 0;}
	.artical-grp .artical-title h2 {font-size: 40px;}
	.artical-grp .artical-title p {font-size: 16px;}
	.artical-box-grp .artical-box .artical-content .data-btn span {font-size: 14px; padding: 10px;}
	.post-title h3 {font-size: 22px; line-height: 30px;}
	.data-row .cat {font-size: 14px;}
	.data-row .date {font-size: 14px;}
	.data-row {gap: 7px;}

	.block-sec {padding: 70px 0;}
	.block-grp .block-content h2 {font-size: 40px;}
	.block-grp .block-content p {font-size: 16px; line-height: 26px;}

	.footer-grp .footer-left .left-content p {font-size: 16px; line-height: 26px;}
	.footer-grp .footer-left .left-content span {font-size: 16px; line-height: 26px;}
	.footer-right .about-link span, .footer-right .content-link span, .footer-right .product-link span {font-size: 18px;}
	.footer-right .about-link ul li a, .footer-right .content-link ul li a, .footer-right .product-link ul li a {font-size: 16px;}
	.footer-right {gap: 20px;}
	.footer-grp {padding-bottom: 50px;}
	.footer-bottom span {font-size: 16px;}

	.blog-text p {font-size: 16px;}
	.blog-text > span {font-size: 16px;}
	.data-row .name {font-size: 14px;}
	.artical-sec.topic-sec .post-title {margin-bottom: 0;}
	.artical-sec.topic-sec .post-title p {padding: 0;} 

	.banner-sec-img::after {padding: 50% 0 0;}
 	.banner-caption .caption-text h2 {font-size: 40px;}

	.block-sec.about-block::after {width: 140px; height: 130px;}
	
	.text-block .text-block-content p {font-size: 20px; text-align: center;}
	.philosophy-sec .philosophy-grp .philosophy-img {width: 50%;}
	.philosophy-sec .philosophy-grp .philosophy-text {width: 50%;}
	.philosophy-sec .philosophy-grp {gap: 20px;}

	.philosophy-sec .philosophy-grp .philosophy-text h2 {font-size: 38px;}
	.philosophy-sec .philosophy-grp .philosophy-text p {font-size: 18px;}
	.philosophy-sec .philosophy-grp:nth-child(even) .philosophy-img {margin-top: -400px;}
	.general-text .general-text-grp h3 {font-size: 32px; line-height: 45px;}
	.general-text .general-text-grp p {font-size: 18px; }
	.general-text .general-text-grp p br {display: none;}

	.artical-sec.news-latter-page .artical-grp .artical-box > .btnbox { margin: 0;}
	.cta-sec.news-latter-cta .cta-grp { gap: 50px;}

	.professional-title h2 {font-size: 38px;}
	.design-content .cta-subscribe .cta-place input {max-width: 350px;}


}

@media (min-width: 1301px) and (max-width: 1399px) { 
	.banner-wrap .banner-sec .banner-grp .banner-left h1 {font-size: 36px; line-height: 45px;}
	.banner-wrap .banner-sec .banner-grp .banner-left {width: 50%;}
	.banner-wrap .banner-sec .banner-grp .banner-left p {font-size: 16px;}
	.banner-wrap .banner-sec .banner-grp .banner-left > span {font-size: 16px;}
	.banner-wrap .banner-sec .banner-grp .banner-right::before {width: 560px; height: 560px; right: 0; top: -150px;}

	.cta-sec {padding: 70px 0;}
	.cta-sec .cta-grp .cta-text h2 {font-size: 36px;}
	.cta-sec .cta-grp .cta-text p {font-size: 16px;}

	.artical-sec {padding: 40px 0;}
	.artical-grp .artical-title h2 {font-size: 36px;}
	.artical-grp .artical-title p {font-size: 16px;}
	.artical-box-grp .artical-box .artical-content .data-btn span {font-size: 14px; padding: 10px;}
	.post-title h3 {font-size: 22px; line-height: 30px;}
	.data-row .cat {font-size: 14px;}
	.data-row .date {font-size: 14px;}
	.data-row {gap: 7px;}

	.block-sec {padding: 70px 0;}
	.block-grp .block-content h2 {font-size: 36px;}
	.block-grp .block-content p {font-size: 16px; line-height: 26px;}

	.footer-grp .footer-left .left-content p {font-size: 16px; line-height: 26px;}
	.footer-grp .footer-left .left-content span {font-size: 16px; line-height: 26px;}
	.footer-right .about-link span, .footer-right .content-link span, .footer-right .product-link span {font-size: 18px;}
	.footer-right .about-link ul li a, .footer-right .content-link ul li a, .footer-right .product-link ul li a {font-size: 16px;}
	.footer-right {gap: 20px;}
	.footer-grp {padding-bottom: 50px;}
	.footer-bottom span {font-size: 16px;}

	.blog-right {padding-left: 30px;}
	.blog-left::after {padding: 100% 0 0;}
	.blog-text p {font-size: 16px;}
	.blog-text > span {font-size: 16px;}
	.data-row .name {font-size: 14px;}

	.banner-sec-img::after {padding: 50% 0 0;}
 	.banner-caption .caption-text h2 {font-size: 36px;}

	.contact-form {padding: 70px 0;}
	/* .contact-form .form-grp .form-left .form-title h4 {font-size: 36px;} */
	.contact-form .form-grp .form-left .form-title p {font-size: 16px;}
	.contact-form .form-grp .form-left .form-title {margin-bottom: 24px;}
	/* .banner-caption .caption-text p {font-size: 16px;} */
	.contact-form .form-grp .form-left .reachout span {font-size: 16px;}
	.contact-form .form-grp .form-left .reachout a {font-size: 16px;}
	.contact-form .form-grp .form-left .reachout {margin-bottom: 24px;}
	.contact-form .form-grp .form-left .social-link p {font-size: 16px;}
	.contact-form .form-grp .form-left .social-link ul {gap: 10px;}

	.block-sec.about-block::after {width: 140px; height: 130px;}
	.text-block {padding: 70px 0;}
	.text-block .text-block-content p {font-size: 18px; text-align: center;}
	.philosophy-sec {padding: 70px 0;}
	.philosophy-sec .philosophy-grp .philosophy-img {width: 50%;}
	.philosophy-sec .philosophy-grp .philosophy-text {width: 50%;}
	.philosophy-sec .philosophy-grp {gap: 20px;}

	.philosophy-sec .philosophy-grp .philosophy-text h2 {font-size: 34px;}
	.philosophy-sec .philosophy-grp .philosophy-text p {font-size: 16px; line-height: 24px;}
	.philosophy-sec .philosophy-grp:nth-child(even) .philosophy-img {margin-top: -400px;}
	.general-text .general-text-grp h3 {font-size: 30px; line-height: 40px;}
	.general-text .general-text-grp p {font-size: 16px; line-height: 24px;}

	.artical-sec.news-latter-page .artical-grp .artical-box > .btnbox { margin: 0;}
	.cta-sec.news-latter-cta .cta-grp { gap: 26px;}

	.professional-block {padding: 70px 0;}
	.professional-block .professional-grp {gap: 30px;}
	.professional-title h2 {font-size: 34px; margin-bottom: 25px;}
	.professional-title h2::after {bottom: -15px;}
	.professional-title p {font-size: 16px;}
	.professional-feture span {font-size: 16px;}
	.professional-feture ul li {font-size: 16px;}

	.design-block {padding: 70px 0;}
	.design-block .design-grp {gap: 30px;}
	.design-content .cta-subscribe .cta-place input {max-width: 270px;}

	.default-page {margin: 130px 0 24px;}
	.bredcrum-sec .bredcrum-link ul li span {font-size: 16px;}
	.bredcrum-sec {margin-bottom: 35px;}
	.default-main-title {margin-top: 24px;}
	.default-main-title .default-grp .main-tilte-wrap .title-text h1 {font-size: 44px; line-height: 60px; font-weight: 700; text-transform: capitalize;}
	.default-main-title .default-grp .main-tilte-wrap .title-text {margin-bottom: 20px;}
	.blog-author ul li i {width: 32px; height: 32px;}
	.blog-author ul li span {font-size: 16px; line-height: 18px;}
	.share-links ul li a {height: 40px;}
	.share-links ul li a span {font-size: 16px;}
	.default-main-title .default-grp .main-tilte-wrap {margin-bottom: 24px;}
	.inner-content .img-sec-inner {margin-bottom: 24px;}
	.content-detail {margin-bottom: 30px;}
	.content-detail p {font-size: 16px; line-height: 24px;}
	.content-detail h6 {margin: 24px 0; font-size: 18px; line-height: 20px;}
	.content-detail ul {margin: 20px 0;}
	.content-detail ul li {font-size: 16px; line-height: 24px;}
	.content-detail ul li::before {top: 10px;}
	.text-area {padding: 12px;}
	.text-area span {font-size: 16px; line-height: 24px;}

	.content-detail h1 {font-size: 34px; margin-bottom: 24px; font-family: 'Inter'; font-weight: 700; line-height: 30px; margin-top: 24px;}
	.content-detail h2 {font-size: 30px; margin-bottom: 24px; font-family: 'Inter'; font-weight: 700; line-height: 30px; margin-top: 24px;}
	.content-detail h3 {font-size: 26px; margin-bottom: 24px; font-family: 'Inter'; font-weight: 700; line-height: 30px; margin-top: 24px;}
	.content-detail h4 {font-size: 24px; margin-bottom: 24px; font-family: 'Inter'; font-weight: 700; line-height: 30px; margin-top: 24px;}
	.content-detail h5 {font-size: 20px; margin-bottom: 24px; font-family: 'Inter'; font-weight: 700; line-height: 30px; margin-top: 24px;}
}


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

	/* .banner-wrap .banner-sec .banner-grp {padding-top: 130px;} */
	.banner-wrap .banner-sec .banner-grp .banner-left h1 {font-size: 36px; line-height: 45px;}
	.banner-wrap .banner-sec .banner-grp .banner-left {width: 50%;}
	.banner-wrap .banner-sec .banner-grp .banner-left p {font-size: 16px;}
	.banner-wrap .banner-sec .banner-grp .banner-left > span {font-size: 16px;}
	.banner-wrap .banner-sec .banner-grp .banner-right::before {width: 560px; height: 560px; right: 0; top: -150px;}

	.cta-sec {padding: 70px 0;}
	.cta-sec .cta-grp .cta-text h2 {font-size: 36px;}
	.cta-sec .cta-grp .cta-text p {font-size: 16px;}

	.artical-sec {padding: 40px 0;}
	.artical-grp .artical-title h2 {font-size: 36px;}
	.artical-grp .artical-title p {font-size: 16px;}
	.artical-box-grp .artical-box .artical-content .data-btn span {font-size: 14px; padding: 10px;}
	.post-title h3 {font-size: 22px; line-height: 30px;}
	.data-row .cat {font-size: 14px;}
	.data-row .date {font-size: 14px;}
	.data-row {gap: 7px;}

	.block-sec {padding: 40px 0;}
	.block-grp .block-content h2 {font-size: 36px;}
	.block-grp .block-content p {font-size: 16px; line-height: 26px;}

	.footer-grp .footer-left .left-content p {font-size: 16px; line-height: 26px;}
	.footer-grp .footer-left .left-content span {font-size: 16px; line-height: 26px;}
	.footer-right .about-link span, .footer-right .content-link span, .footer-right .product-link span {font-size: 18px;}
	.footer-right .about-link ul li a, .footer-right .content-link ul li a, .footer-right .product-link ul li a {font-size: 16px;}
	.footer-right {gap: 20px;}
	.footer-grp {padding-bottom: 50px;}
	.footer-bottom span {font-size: 16px;}

	.blog-right {padding-left: 20px;}
	.blog-text p {font-size: 16px;}
	.blog-text > span {font-size: 16px;}
	.blog-right .btnbox {margin-top: 30px;}
	.data-btn span {font-size: 14px;}
	.blog-left::after {padding: 100% 0 0;}
	.data-row .name {font-size: 14px;}

	.banner-sec-img::after {padding: 50% 0 0;}
 	.banner-caption .caption-text h2 {font-size: 32px;}

	.contact-form {padding: 40px 0;}
	.contact-form .form-grp .form-left .form-title h4 {font-size: 32px;}
	.contact-form .form-grp .form-left .form-title p {font-size: 16px;}
	.contact-form .form-grp .form-left .form-title {margin-bottom: 24px;}
	/* .banner-caption .caption-text p {font-size: 16px;} */
	.contact-form .form-grp .form-left .reachout span {font-size: 16px;}
	.contact-form .form-grp .form-left .reachout a {font-size: 16px;}
	.contact-form .form-grp .form-left .reachout {margin-bottom: 24px;}
	.contact-form .form-grp .form-left .social-link p {font-size: 16px;}
	.contact-form .form-grp .form-left .social-link ul {gap: 10px;}

	.block-sec.about-block::after {width: 73px; height: 67px;}
	.text-block {padding: 40px 0;}
	.text-block .text-block-content p {font-size: 18px; text-align: center;}
	.philosophy-sec {padding: 40px 0;}
	.philosophy-sec .philosophy-grp .philosophy-img {width: 50%;}
	.philosophy-sec .philosophy-grp .philosophy-text {width: 50%;}
	.philosophy-sec .philosophy-grp {gap: 20px;}

	.philosophy-sec .philosophy-grp .philosophy-text h2 {font-size: 30px;}
	.philosophy-sec .philosophy-grp .philosophy-text p {font-size: 16px; line-height: 24px;}
	.philosophy-sec .philosophy-grp:nth-child(even) .philosophy-img {margin-top: -400px;}
	.general-text .general-text-grp h3 {font-size: 30px; line-height: 40px;}
	.general-text .general-text-grp p {font-size: 16px; line-height: 24px;}

	.artical-sec.news-latter-page .artical-grp .artical-box > .btnbox { margin: 0;}
	.cta-sec.news-latter-cta .cta-grp { gap: 26px;}

	.professional-block {padding: 40px 0;}
	.professional-block .professional-grp {gap: 30px;}
	.professional-title h2 {font-size: 30px; margin-bottom: 25px;}
	.professional-title h2::after {bottom: -15px;}
	.professional-title p {font-size: 16px;}
	.professional-feture span {font-size: 16px;}
	.professional-feture ul li {font-size: 16px;}

	.design-block {padding: 40px 0;}
	.design-block .design-grp {gap: 30px;}
	.design-content .cta-subscribe {flex-direction: column;}
	.design-content .cta-subscribe .cta-place input {width: 100%; max-width: 100%;}
	.design-content .cta-subscribe .btnbox button {width: 100%;}

	.default-page {margin: 130px 0 24px;}
	.bredcrum-sec .bredcrum-link ul li span {font-size: 16px;}
	.bredcrum-sec {margin-bottom: 35px;}
	.default-main-title {margin-top: 24px;}
	.default-main-title .default-grp .main-tilte-wrap .title-text h1 {font-size: 40px; line-height: 55px; font-weight: 700; text-transform: capitalize;}
	.default-main-title .default-grp .main-tilte-wrap .title-text {margin-bottom: 20px;}
	.blog-author ul li i {width: 32px; height: 32px;}
	.blog-author ul li span {font-size: 16px; line-height: 18px;}
	.share-links ul li a {height: 40px;}
	.share-links ul li a span {font-size: 16px;}
	.default-main-title .default-grp .main-tilte-wrap {margin-bottom: 24px;}
	.inner-content .img-sec-inner {margin-bottom: 24px;}
	.content-detail {margin-bottom: 30px;}
	.content-detail p {font-size: 16px; line-height: 24px;}
	.content-detail h6 {margin: 24px 0; font-size: 18px; line-height: 20px;}
	.content-detail ul {margin: 20px 0;}
	.content-detail ul li {font-size: 16px; line-height: 24px;}
	.content-detail ul li::before {top: 10px;}
	.text-area {padding: 12px;}
	.text-area span {font-size: 16px; line-height: 24px;}

	.content-detail h1 {font-size: 34px; margin-bottom: 24px; font-family: 'Inter'; font-weight: 700; line-height: 30px; margin-top: 24px;}
	.content-detail h2 {font-size: 30px; margin-bottom: 24px; font-family: 'Inter'; font-weight: 700; line-height: 30px; margin-top: 24px;}
	.content-detail h3 {font-size: 26px; margin-bottom: 24px; font-family: 'Inter'; font-weight: 700; line-height: 30px; margin-top: 24px;}
	.content-detail h4 {font-size: 24px; margin-bottom: 24px; font-family: 'Inter'; font-weight: 700; line-height: 30px; margin-top: 24px;}
	.content-detail h5 {font-size: 20px; margin-bottom: 24px; font-family: 'Inter'; font-weight: 700; line-height: 30px; margin-top: 24px;}
}
 
@media (min-width: 992px) and (max-width: 1200px) {
	.banner-wrap .banner-sec .banner-grp {padding-top: 130px;}
	.banner-wrap .banner-sec .banner-grp .banner-left h1 {font-size: 32px; line-height: 40px;}
	.banner-wrap .banner-sec .banner-grp .banner-left {width: 50%;}
	.banner-wrap .banner-sec .banner-grp .banner-left p {font-size: 16px;}
	.banner-wrap .banner-sec .banner-grp .banner-left > span {font-size: 16px;}
	.banner-wrap .banner-sec .banner-grp .banner-right::before {width: 500px; height: 500px; right: 0; top: -150px;}

	.cta-sec {padding: 70px 0;}
	.cta-sec .cta-grp .cta-text h2 {font-size: 32px;}
	.cta-sec .cta-grp .cta-text p {font-size: 16px;}

	.artical-sec {padding: 40px 0;}
	.artical-grp .artical-title h2 {font-size: 32px;}
	.artical-grp .artical-title p {font-size: 16px; line-height: 22px;}
	.artical-box-grp .artical-box .artical-content .data-btn span {font-size: 14px; padding: 10px;}
	.post-title h3 {font-size: 22px; line-height: 30px;}
	.data-row .cat {font-size: 12px;}
	.data-row .date {font-size: 12px;}
	.data-row {gap: 7px;}

	.block-sec {padding: 40px 0;}
	.block-grp .block-content h2 {font-size: 32px;}
	.block-grp .block-content p {font-size: 16px; line-height: 26px;}

	.footer-grp .footer-left .left-content p {font-size: 16px; line-height: 26px;}
	.footer-grp .footer-left .left-content span {font-size: 16px; line-height: 26px;}
	.footer-right .about-link span, .footer-right .content-link span, .footer-right .product-link span {font-size: 18px;}
	.footer-right .about-link ul li a, .footer-right .content-link ul li a, .footer-right .product-link ul li a {font-size: 16px;}
	.footer-right {gap: 20px;}
	.footer-grp {padding-bottom: 50px;}
	.footer-bottom span {font-size: 16px;}

	.blog-page-blog {padding: 40px 0;}
	.data-btn span {font-size: 14px;}
	.blog-text h4 {font-size: 28px; line-height: 34px;}
	.blog-text p {font-size: 16px; line-height: 22px;}
	.blog-text > span {font-size: 16px;}
	.blog-right .btnbox {margin-top: 20px;}
	.blog-left::after {padding: 100% 0 0;}
	.blog-right {padding-left: 20px;}
	.data-row .name {font-size: 12px;}

	.banner-sec-img::after {padding: 50% 0 0;}
 	.banner-caption .caption-text h2 {font-size: 28px;}

	.contact-form {padding: 40px 0;}
	.contact-form .form-grp .form-left .form-title h4 {font-size: 28px;}
	.contact-form .form-grp .form-left .form-title p {font-size: 14px;}
	.contact-form .form-grp .form-left .form-title {margin-bottom: 24px;}
	.banner-caption .caption-text p {font-size: 16px;}
	.contact-form .form-grp .form-left .reachout span {font-size: 14px;}
	.contact-form .form-grp .form-left .reachout a {font-size: 14px;}
	.contact-form .form-grp .form-left .reachout {margin-bottom: 24px;}
	.contact-form .form-grp .form-left .social-link p {font-size: 14px;}
	.contact-form .form-grp .form-left .social-link ul {gap: 10px;}


	.block-sec.about-block::after {width: 73px; height: 67px;}
	.text-block {padding: 40px 0;}
	.text-block .text-block-content p {font-size: 18px; text-align: center;}
	.philosophy-sec {padding: 40px 0;}
	.philosophy-sec .philosophy-grp .philosophy-img {width: 50%;}
	.philosophy-sec .philosophy-grp .philosophy-text {width: 50%;}
	.philosophy-sec .philosophy-grp {gap: 20px;}

	.philosophy-sec .philosophy-grp .philosophy-text h2 {font-size: 30px;}
	.philosophy-sec .philosophy-grp .philosophy-text p {font-size: 16px; line-height: 24px;}
	.philosophy-sec .philosophy-grp:nth-child(even) .philosophy-img {margin-top: -250px;}
	.general-text .general-text-grp h3 {font-size: 30px; line-height: 40px;}
	.general-text .general-text-grp p {font-size: 16px; line-height: 24px;}


	.artical-sec.news-latter-page .artical-grp .artical-box > .btnbox {display: flex; margin: 0;}
	.cta-sec.news-latter-cta .cta-grp { gap: 26px;}

	.professional-block {padding: 40px 0;}
	.professional-block .professional-grp {gap: 30px; align-items: stretch;}
	.professional-title h2 {font-size: 30px; margin-bottom: 25px;}
	.professional-title h2::after {bottom: -15px;}
	.professional-title p {font-size: 16px;}
	.professional-feture span {font-size: 16px;}
	.professional-feture ul li {font-size: 16px;}

	.design-block {padding: 40px 0;}
	.design-block .design-grp {gap: 30px; align-items: stretch;}
	.design-content .cta-subscribe {flex-direction: column;}
	.design-content .cta-subscribe .cta-place input {width: 100%; max-width: 100%;}
	.design-content .cta-subscribe .btnbox button {width: 100%;}

	
	.default-page {margin: 100px 0 24px;}
	.bredcrum-sec .bredcrum-link ul li span {font-size: 16px;}
	.bredcrum-sec {margin-bottom: 24px;}
	.default-main-title {margin-top: 24px;}
	.default-main-title .default-grp .main-tilte-wrap .title-text h1 {font-size: 36px; line-height: 40px; font-weight: 700; text-transform: capitalize;}
	.default-main-title .default-grp .main-tilte-wrap .title-text {margin-bottom: 20px;}
	.blog-author ul li i {width: 32px; height: 32px;}
	.blog-author ul li span {font-size: 16px; line-height: 18px;}
	.share-links ul li a {height: 40px;}
	.share-links ul li a span {font-size: 16px;}
	.default-main-title .default-grp .main-tilte-wrap {margin-bottom: 24px;}
	.inner-content .img-sec-inner {margin-bottom: 24px;}
	.content-detail {margin-bottom: 30px;}
	.content-detail p {font-size: 16px; line-height: 24px;}
	.content-detail h6 {margin: 24px 0; font-size: 18px; line-height: 20px;}
	.content-detail ul {margin: 20px 0;}
	.content-detail ul li {font-size: 16px; line-height: 24px;}
	.content-detail ul li::before {top: 10px;}
	.text-area {padding: 12px;}
	.text-area span {font-size: 16px; line-height: 24px;}

	.content-detail h1 {font-size: 32px; margin-bottom: 24px; font-family: 'Inter'; font-weight: 700; line-height: 30px; margin-top: 24px;}
	.content-detail h2 {font-size: 28px; margin-bottom: 24px; font-family: 'Inter'; font-weight: 700; line-height: 30px; margin-top: 24px;}
	.content-detail h3 {font-size: 24px; margin-bottom: 24px; font-family: 'Inter'; font-weight: 700; line-height: 30px; margin-top: 24px;}
	.content-detail h4 {font-size: 22px; margin-bottom: 24px; font-family: 'Inter'; font-weight: 700; line-height: 30px; margin-top: 24px;}
	.content-detail h5 {font-size: 18px; margin-bottom: 24px; font-family: 'Inter'; font-weight: 700; line-height: 30px; margin-top: 24px;}
	
 
 

}

@media (min-width: 768px) and (max-width: 991px) {
 .primary-btn span {font-size: 14px; padding: 10px 20px;}	
 .banner-wrap .banner-sec .banner-grp {flex-direction: column; padding-top: 130px;}
 .banner-wrap .banner-sec .banner-grp .banner-left h1 {font-size: 28px; line-height: 50px;}
 .banner-wrap .banner-sec .banner-grp .banner-left p {margin-bottom: 20px; font-size: 16px;}
 .banner-wrap .banner-sec .banner-grp .banner-left > span {font-size: 16px; line-height: 26px;}
 .banner-wrap .banner-sec .banner-grp .banner-right::before {top: 50px; right: 0; width: 370px; height: 370px;}
 .banner-wrap .banner-sec .banner-grp .banner-left .btnbox a span {font-size: 14px; padding: 10px 20px;}

 .cta-sec {padding: 60px 0;}
 .cta-sec .cta-grp .cta-text h2 {font-size: 28px;}
 .cta-sec .cta-grp .cta-text p {font-size: 16px;}

 .artical-sec {padding: 40px 0;}
 .artical-grp .artical-title h2 {font-size: 28px;}
 .artical-grp .artical-title p {font-size: 16px; line-height: 26px;}
 .artical-box-grp .row>* {padding: 0 6px!important;}
 .artical-grp .artical-box > .btnbox {display: none;}
 .artical-box-grp .artical-box .artical-content {padding-top: 20px;}
 .artical-box-grp .artical-box .artical-content .data-btn span {font-size: 12px; padding: 10px;}
 .post-title h3 {font-size: 20px; line-height: 30px;}
 .data-row {gap: 5px;}
 .data-row .date {font-size: 11px;}
 .data-row .cat {font-size: 11px;}
 .post-title p {font-size: 14px;}

 .block-sec {padding: 40px 0;}
 .block-grp {flex-direction: column;}
 .block-grp .block-img-sec {width: 100%;}
 .block-grp .block-content {width: 100%; padding-top: 40px;}
 .block-grp .block-content h2 {font-size: 28px; margin-bottom: 30px;}
 .block-grp .block-content h2::after {bottom: -10px; width: 90px;}
 .block-grp .block-content p {font-size: 16px; line-height: 26px;}

 .footer-grp {flex-direction: column; padding-bottom: 50px;}
 .footer-grp .footer-left {width: 100%;}
 .footer-grp .footer-left .left-content p {font-size: 16px;}
 .footer-grp .footer-left .left-content span {font-size: 16px;}
 .footer-right {width: 100%;}
 .footer-right .about-link span, .footer-right .content-link span, .footer-right .product-link span {font-size: 18px;}
 .footer-right .about-link ul li a, .footer-right .content-link ul li a, .footer-right .product-link ul li a {font-size: 16px;}
 .footer-bottom span {font-size: 16px; line-height: 24px;}

 .artical-sec.topic-sec .artical-grp .artical-box > .btnbox {display: flex;}
 .blog-page-blog {padding: 40px 0;}
 .blog-right {padding: 40px 0 0;}
 .blog-text h4{font-size: 28px;}
 .blog-text p {font-size: 16px;}
 .blog-text > span {font-size: 16px;}
 .data-row .name {font-size: 11px;}

 .banner-sec-img::after {padding: 66% 0 0;}
 .banner-caption .caption-text h2 {font-size: 28px;}

 .contact-form {padding: 40px 0;}
 .contact-form .form-grp .form-left .form-title h4 {font-size: 28px;}
 .contact-form .form-grp .form-left .form-title p {font-size: 14px;}
 .contact-form .form-grp .form-left .form-title {margin-bottom: 24px;}
 .banner-caption .caption-text p {font-size: 16px;}
 .contact-form .form-grp .form-left .reachout span {font-size: 14px;}
 .contact-form .form-grp .form-left .reachout a {font-size: 14px;}
 .contact-form .form-grp .form-left .reachout {margin-bottom: 24px;}
 .contact-form .form-grp .form-left .social-link p {font-size: 14px;}
 .contact-form .form-grp .form-left .social-link ul {gap: 10px;}
 .contact-form .form-grp .form-left {width: 40%;}
 .form-right {width: 60%;}


 .block-sec.about-block .block-grp {flex-direction: column-reverse; gap: 24px;}
.block-sec.about-block {padding: 40px 0 76px;}
.block-sec.about-block::after {width: 73px; height: 67px; left: 15%; bottom: 20px;}
.text-block {padding: 0 0 24px;}
.text-block .text-block-content {padding: 16px;}
.text-block .text-block-content p {font-size: 16px; line-height: 24px; text-align: center;}
.philosophy-sec {padding: 24px 0;}
.philosophy-sec .philosophy-grp {flex-direction: column; gap: 24px;}
.philosophy-sec .philosophy-grp .philosophy-img::before {width: 220px; height: 220px;}
.philosophy-sec .philosophy-grp .philosophy-text h2 {font-size: 30px; text-align: center; margin-bottom: 20px;} 
.philosophy-sec .philosophy-grp .philosophy-text h2::after {width: 100px; left: 50%; transform: translateX(-50%); bottom: -15px; }
.philosophy-sec .philosophy-grp .philosophy-text p {font-size: 16px; line-height: 22px; text-align: center;}
.philosophy-sec .philosophy-grp:nth-child(even) {margin-top: 24px; flex-direction: column;}
.philosophy-sec .philosophy-grp:nth-child(even) .philosophy-img {margin: 0;}
.philosophy-sec .text-block {padding: 24px 0 0;}
.general-text .general-text-grp h3 {font-size: 30px; line-height: 40px; margin-bottom: 20px;}
.general-text .general-text-grp p {line-height: 22px; font-size: 16px; }
.general-text .general-text-grp p br {display: none;}
.philosophy-sec .philosophy-grp {align-items: center;}

.artical-sec.news-latter-page .artical-grp .artical-box > .btnbox {display: flex; margin: 0;}
.cta-sec.news-latter-cta .cta-grp {flex-direction: column; gap: 26px;}
.cta-sec.news-latter-cta .cta-grp .cta-text {width: 100%; text-align: center;}
.cta-sec.news-latter-cta .cta-grp .cta-subscribe {width: 100%;}

.professional-block {padding: 40px 0;}
.professional-block .professional-grp {flex-direction: column; gap: 24px;}
.professional-block .professional-grp .professional-img {width: 100%;}
.professional-block .professional-grp .professional-detail {width: 100%;}
.professional-title {padding-bottom: 16px;}
.professional-title h2 {font-size: 24px; line-height: 30px; margin-bottom: 20px;}
.professional-title h2::after {bottom: -10px;}
.professional-title p {font-size: 16px; line-height: 24px;}
.professional-block .professional-grp .professional-detail .professional-feture {padding-top: 16px;}
.professional-feture span {margin-bottom: 12px; font-size: 16px; line-height: 18px; }
.professional-feture ul li:not(:last-child) {margin-bottom: 10px;}
.professional-feture ul li {font-size: 16px;}
.professional-feture .btnbox {margin-top: 16px; width: 100%;}
.professional-feture .btnbox .primary-btn {width: 100%;}
.professional-feture .btnbox a span {font-size: 16px; padding: 12px;}

.design-block {padding: 40px 0;}
.design-block .design-grp {flex-direction: column-reverse; gap: 24px;}
.design-block .design-grp .design-img {width: 100%;}
.design-block .design-grp .design-content {width: 100%;}
.design-content .cta-subscribe {margin-top: 16px; flex-direction: column;}
.design-content .cta-subscribe .btnbox {width: 100%;}
.design-content .cta-subscribe .btnbox button {width: 100%;}
.design-content .cta-subscribe .cta-place input {height: 44px;}


.default-page-header .header-wapper .nav-bar .navigation-grp {border: none;}
.default-page {margin: 100px 0 16px;}
.bredcrum-sec .bredcrum-link ul li span {font-size: 16px;}
.bredcrum-sec {margin-bottom: 24px;}
.default-main-title {margin-top: 24px;}
.default-main-title .default-grp .main-tilte-wrap .title-text h1 {font-size: 32px; line-height: 40px; font-weight: 700; text-transform: capitalize;}
.default-main-title .default-grp .main-tilte-wrap .title-text {margin-bottom: 20px;}
.blog-author ul li i {width: 32px; height: 32px;}
.blog-author ul li span {font-size: 16px; line-height: 18px;}
.share-links ul li a {height: 40px;}
.share-links ul li a span {font-size: 16px;}
.default-main-title .default-grp .main-tilte-wrap {margin-bottom: 24px;}
.inner-content .img-sec-inner {margin-bottom: 16px;}
.content-detail {margin-bottom: 16px;}
.content-detail p {font-size: 16px; line-height: 24px;}
.content-detail h6 {margin: 16px 0; font-size: 18px; line-height: 20px;}
.content-detail ul {margin: 20px 0;}
.content-detail ul li {font-size: 16px; line-height: 24px;}
.content-detail ul li::before {top: 10px;}
.text-area {padding: 12px;}
.text-area span {font-size: 16px; line-height: 24px;}


.content-detail h1 {font-size: 32px; margin-bottom: 16px; font-family: 'Inter'; font-weight: 700; line-height: 30px; margin-top: 16px;}
.content-detail h2 {font-size: 28px; margin-bottom: 16px; font-family: 'Inter'; font-weight: 700; line-height: 30px; margin-top: 16px;}
.content-detail h3 {font-size: 24px; margin-bottom: 16px; font-family: 'Inter'; font-weight: 700; line-height: 30px; margin-top: 16px;}
.content-detail h4 {font-size: 22px; margin-bottom: 16px; font-family: 'Inter'; font-weight: 700; line-height: 30px; margin-top: 16px;}
.content-detail h5 {font-size: 18px; margin-bottom: 16px; font-family: 'Inter'; font-weight: 700; line-height: 30px; margin-top: 16px;}


} 

@media (max-width: 991px) {

	.menu-btn {display: flex; position: relative; top: 0; right: 0; justify-content: center; align-items: center; z-index: 1000; background-color: #D4AF37; padding: 10px; border-radius: 100%; width: 40px; height: 40px;}
	.nav-link {}
	.header-wapper .nav-bar .navigation-grp .nav-link ul {flex-direction: column; height: 100%; padding: 0 20px; justify-content: flex-start; margin-top: 100px; align-items: flex-start;}
	.open-nav .header-wapper .nav-bar .navigation-grp .nav-link{right: 0;}
	.header-wapper .nav-bar .navigation-grp {justify-content: space-between; align-items: center; padding: 0 0 0 10px;  position: relative; }
	.header-wapper .nav-bar .navigation-grp .logo a {font-size: 18px; line-height:1.3;}
	.header-wapper .nav-bar .navigation-grp .nav-link {position: fixed; top: 0; right: 100%; width: 100%; height: auto; bottom: 0; background: #D4AF37; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out;}
	.header-wapper .nav-bar .navigation-grp .logo {position: relative; z-index: 1;}
	#header {transition: all ease-in-out 0.3;}
	#header .header-wapper {transition: all ease-in-out 0.3s;}
	#header.fixed .header-wapper {background: #1B4332;}
/* 	#header.fixed .header-wapper .nav-bar .navigation-grp .logo a {color: #FFF;} */
	
	.privacy-policy .header-wapper .nav-bar .navigation-grp {background: transparent;}
}
@media (max-width: 767px) {

	.banner-wrap .banner-sec .banner-grp {flex-direction: column;}
	.banner-wrap .banner-sec .banner-grp .banner-left h1 {font-size: 26px; margin-bottom: 10px; line-height: 40px;}
	.banner-wrap .banner-sec .banner-grp .banner-left {max-width: 100%;}
	.banner-wrap .banner-sec .banner-grp .banner-left p {font-size: 14px; line-height: 24px; margin-bottom: 24px;}
	.banner-wrap .banner-sec .banner-grp .banner-left .btnbox {margin-top: 24px;}
	.banner-wrap .banner-sec .banner-grp .banner-left .btnbox a span {font-size: 14px; padding: 12px 16px;}
	.banner-wrap .banner-sec .banner-grp .banner-left > span {font-size: 14px; margin-top: 10px;}

	.banner-wrap .banner-sec .banner-grp .banner-right {width: 100%;}
	.banner-wrap .banner-sec .banner-grp .banner-right::before {top: 90px; right: -154px; width: 650px; height: 650px;}
	
	.cta-sec {padding: 24px 0;}
	.cta-sec .cta-grp .cta-text h2 {font-size: 26px; line-height: 40px; margin-bottom: 10px;}
	.cta-sec .cta-grp .cta-text p {font-size: 14px; line-height: 24px;}
	.cta-sec .cta-grp .cta-subscribe {flex-direction: column; margin-top: 26px; gap: 12px;}
	.cta-sec .cta-grp .cta-subscribe .btnbox .primary-btn {width: 100%; height: 42px;}
	.primary-btn span {width: 100%; font-size: 14px; padding-top: 11px; padding-bottom: 11px;}
	.cta-sec .cta-grp .cta-subscribe .cta-place input {height: 42px;}
	.cta-sec .cta-grp .cta-text {margin-bottom: 26px;}

	.artical-sec {padding: 24px 0;}
	.artical-grp .artical-title {margin-bottom: 16px;}
	.artical-grp .artical-title h2 {font-size: 26px; margin-bottom: 10px; line-height: 40px;}
	.artical-grp .artical-title p {font-size: 14px; line-height: 22px; margin-bottom: 24px;}
	.artical-box-grp .row {flex-direction: row; flex-wrap: nowrap;  scroll-behavior: smooth; margin: 0 !important; overflow: hidden; gap: 20px; overflow-x: auto; row-gap: 0; padding-bottom: 30px;}

	.artical-box-grp .row::-webkit-scrollbar{ width: 4px; height: 4px; border-radius: 30px; } 
	.artical-box-grp .row::-webkit-scrollbar-track{ background: #E2E2E2; border-radius: 30px;}
	.artical-box-grp .row::-webkit-scrollbar-thumb{ background: #1B4332; border-radius: 8px; border: 2px solid transparent; width: 6px;}

	.artical-box-grp .row>* {padding: 0 !important;}
	.artical-grp .artical-box > .btnbox {display: none;}
	.post-title h3 {font-size: 20px; line-height: 30px;}
	.data-row .date {font-size: 14px;}
	.data-row .cat {font-size: 14px;}
	.post-title p {font-size: 14px;}

	.block-sec {padding: 24px 0;}
	.block-grp {flex-direction: column;}
	.block-grp .block-img-sec {width: 100%;}
	.block-grp .block-content {width: 100%; margin-top: 16px;}
	.block-grp .block-content h2 {font-size: 16px; margin-bottom: 20px;}
	.block-grp .block-content h2::after {bottom: -10px; width: 60px;}
	.block-grp .block-content p {font-size: 14px; line-height: 24px;}

	.footer-wrap {padding-top: 24px;}
	.footer-grp {flex-direction: column; padding-bottom: 32px;}
	.footer-grp .footer-left {width: 100%;}
	.footer-grp .footer-left .logo a {font-size: 20px;}
	.footer-grp .footer-left .logo {margin-bottom: 12px;}
	.footer-grp .footer-left .left-content {margin-bottom: 16px;}
	.footer-grp .footer-left .left-content p {font-size: 14px; line-height: 24px;}
	.footer-grp .footer-left .left-content span {margin-top: 16px; font-size: 14px; line-height: 24px;}
	.footer-right {flex-direction: column; width: 100%;}
	.footer-right .about-link, .footer-right .content-link, .footer-right .product-link {width: 100%;}
	.footer-right .about-link span, .footer-right .content-link span, .footer-right .product-link span {font-size: 16px; margin-bottom: 12px;}
	.footer-right .about-link ul li a, .footer-right .content-link ul li a, .footer-right .product-link ul li a {font-size: 14px;}
	.footer-bottom span {font-size: 14px; line-height: 24px;}

	.data-btn span {font-size: 13px;}
	.data-row .name {font-size: 14px;}
	.banner-sec-img::after {padding: 100% 0 0;}
	.inner-banner .banner-bg .banner-caption {padding: 132px 0 96px;}
	.banner-caption .caption-text h2 {font-size: 24px; margin-bottom: 20px;}
	.banner-caption .caption-text p {font-size: 14px; line-height: 24px;}

	.blog-page-blog {padding: 24px 0;}
	.blog-right {padding: 24px 0 0 0;}
	.blog-text h4 {font-size: 20px; line-height: 30px; margin-bottom: 10px;}
	.blog-text p {font-size: 14px; line-height: 24px; padding-bottom: 10px;}
	.blog-text > span {margin-top: 10px; font-size: 14px; line-height: 24px;}
	.blog-right .btnbox {margin-top: 24px;}
	.blog-right .primary-btn {width: 100%;}
	.blog-right .primary-btn span {text-align: center;}

	.artical-sec.topic-sec .artical-box-grp .row {overflow-x: hidden; flex-direction: column; gap: 40px;}
	.artical-sec.topic-sec .artical-grp .artical-box > .btnbox {display: flex;}
	.primary-btn span {text-align: center;}
	.banner-caption .caption-text h2::after {bottom: -15px;}


	.contact-form {padding: 40px 0;}
	.contact-form .form-grp .form-left {width: 100%;}
	.contact-form .form-grp {flex-direction: column;}
	.contact-form .form-grp .form-left .form-title {margin-bottom: 16px; text-align: center; order: 1;}
	.contact-form .form-grp .form-left .form-title h4 {font-size: 26px; margin-bottom: 10px; line-height: 40px;}
	.contact-form .form-grp .form-left .form-title p {font-size: 13px; line-height: 22px;}
	.banner-caption .caption-text span {margin-top: 10px; font-size: 13px; line-height: 20px;}
	.form-right {width: 100%; padding: 0;}
	.contact-form .form-grp .form-left .reachout {display: none;}
	.contact-form .form-grp .form-left .social-link {display: none;}
	.contact-form .form-grp .form-left.mobile {display: block; margin-top: 24px;}
	.contact-form .form-grp .form-left.mobile .reachout {display: block; margin-bottom: 24px;}
	.contact-form .form-grp .form-left.mobile .social-link {display: block;}
	.contact-form .form-grp .form-left .reachout span {font-size: 14px;}
	.contact-form .form-grp .form-left .reachout a {font-size: 14px;}
	.contact-form .form-grp .form-left .social-link p {font-size: 14px;}
	.contact-form .form-grp .form-left .social-link ul {gap: 12px;}



	.block-sec.about-block .block-grp {flex-direction: column-reverse; gap: 24px;}
	.block-sec.about-block {padding: 24px 0 76px;}
	.block-sec.about-block::after {width: 73px; height: 67px; left: 15%; bottom: 20px;}
	.text-block {padding: 0 0 24px;}
	.text-block .text-block-content {padding: 16px;}
	.text-block .text-block-content p {font-size: 14px; line-height: 24px; text-align: center;}
	.philosophy-sec {padding: 24px 0;}
	.philosophy-sec .philosophy-grp {flex-direction: column; gap: 24px;}
	.philosophy-sec .philosophy-grp .philosophy-img::before {width: 220px; height: 220px;}
	.philosophy-sec .philosophy-grp .philosophy-text h2 {font-size: 26px; text-align: center; margin-bottom: 20px;} 
	.philosophy-sec .philosophy-grp .philosophy-text h2::after {width: 100px; left: 50%; transform: translateX(-50%); bottom: -15px; }
	.philosophy-sec .philosophy-grp .philosophy-text p {font-size: 13px; line-height: 22px; text-align: center;}
	.philosophy-sec .philosophy-grp:nth-child(even) {margin-top: 24px; flex-direction: column;}
	.philosophy-sec .philosophy-grp:nth-child(even) .philosophy-img {margin: 0;}
	.philosophy-sec .text-block {padding: 24px 0 0;}
	.general-text .general-text-grp h3 {font-size: 26px; line-height: 40px; margin-bottom: 20px;}
	.general-text .general-text-grp p {line-height: 22px; font-size: 13px; }
	.general-text .general-text-grp p br {display: none;}


	.artical-sec.news-latter-page .artical-grp .artical-box > .btnbox {display: flex; margin: 0;}
	.cta-sec.news-latter-cta .cta-grp {flex-direction: column; gap: 26px;}
	.cta-sec.news-latter-cta .cta-grp .cta-text {width: 100%; text-align: center;}
	.cta-sec.news-latter-cta .cta-grp .cta-subscribe {width: 100%;}


	.professional-block {padding: 24px 0;}
	.professional-block .professional-grp {flex-direction: column; gap: 24px;}
	.professional-block .professional-grp .professional-img {width: 100%;}
	.professional-block .professional-grp .professional-detail {width: 100%;}
	.professional-title {padding-bottom: 16px;}
	.professional-title h2 {font-size: 20px; line-height: 30px; margin-bottom: 20px;}
	.professional-title h2::after {bottom: -10px;}
	.professional-title p {font-size: 14px; line-height: 24px;}
	.professional-block .professional-grp .professional-detail .professional-feture {padding-top: 16px;}
	.professional-feture span {margin-bottom: 12px; font-size: 14px; line-height: 18px; }
	.professional-feture ul li:not(:last-child) {margin-bottom: 10px;}
	.professional-feture ul li {font-size: 14px;}
	.professional-feture .btnbox {margin-top: 16px; width: 100%;}
	.professional-feture .btnbox .primary-btn {width: 100%;}
	.professional-feture .btnbox a span {font-size: 14px; padding: 12px;}

	.design-block {padding: 24px 0;}
	.design-block .design-grp {flex-direction: column-reverse; gap: 24px;}
	.design-block .design-grp .design-img {width: 100%;}
	.design-block .design-grp .design-content {width: 100%;}
	.design-content .cta-subscribe {margin-top: 16px; flex-direction: column;}
	.design-content .cta-subscribe .btnbox {width: 100%;}
	.design-content .cta-subscribe .btnbox button {width: 100%;}
	.design-content .cta-subscribe .cta-place input {height: 44px;}

	.default-page-header .header-wapper .nav-bar .navigation-grp {border: none;}

	.default-page {margin: 100px 0 16px;}
	.bredcrum-sec .bredcrum-link ul li span {font-size: 14px;}
	.bredcrum-sec {margin-bottom: 24px;}
	.default-main-title {margin-top: 24px;}
	.default-main-title .default-grp .main-tilte-wrap .title-text h1 {font-size: 26px; line-height: 40px; font-weight: 700; text-transform: capitalize;}
	.default-main-title .default-grp .main-tilte-wrap .title-text {margin-bottom: 20px;}
	.blog-author ul {flex-wrap: wrap; justify-content: center; row-gap: 10px;}
	.blog-author ul li:first-child {width: 100%; justify-content: center;}
	.blog-author ul li i {width: 32px; height: 32px;}
	.blog-author ul li span {font-size: 14px; line-height: 18px;}
	.blog-author ul li:nth-child(2)::before {display: none;}
	.share-links ul li a {height: 40px;}
	.share-links ul li a span {font-size: 14px;}
	.default-main-title .default-grp .main-tilte-wrap {margin-bottom: 24px;}
	.inner-content .img-sec-inner {margin-bottom: 16px;}
	.content-detail {margin-bottom: 16px;}
	.content-detail p {font-size: 14px; line-height: 24px;}
	.content-detail h6 {margin: 16px 0; font-size: 16px; line-height: 20px;}
	.content-detail ul {margin: 20px 0;}
	.content-detail ul li {font-size: 14px; line-height: 24px;}
	.content-detail ul li::before {top: 10px;}
	.text-area {padding: 12px;}
	.text-area span {font-size: 14px; line-height: 24px;}

	.content-detail h1 {font-size: 32px; margin-bottom: 16px; font-family: 'Inter'; font-weight: 700; line-height: 30px; margin-top: 16px;}
	.content-detail h2 {font-size: 28px; margin-bottom: 16px; font-family: 'Inter'; font-weight: 700; line-height: 30px; margin-top: 16px;}
	.content-detail h3 {font-size: 24px; margin-bottom: 16px; font-family: 'Inter'; font-weight: 700; line-height: 30px; margin-top: 16px;}
	.content-detail h4 {font-size: 22px; margin-bottom: 16px; font-family: 'Inter'; font-weight: 700; line-height: 30px; margin-top: 16px;}
	.content-detail h5 {font-size: 18px; margin-bottom: 16px; font-family: 'Inter'; font-weight: 700; line-height: 30px; margin-top: 16px;}
	
}


@media (min-width: 568px) and (max-width: 767px) {
}
@media (min-width: 240px) and (max-width: 567px) {
}