@charset "utf-8";
/* Table of Contents
==================================================
	#Desktop (1600)
	#Desktop (1366)
	#Desktop (1024)
	#Tablet (Portrait)
	#Mobile (Portrait)
	#Mobile (Landscape)

/* #Additional - Large Screens beyond 1920px
================================================== */
@media only screen and (min-width: 1700px) and (max-width: 2700px) {

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

}

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

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

#trustedBySec 								{ background-position: right 127% top 20%; }

}

/* #Additional - Large Screens beyond 1366px
================================================== */
@media only screen and (min-width: 1180px) and (max-width: 1366px) {

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

#propertySec .property-slider .item .image 	{ width: 570px; }
#propertySec .property-slider .owl-nav 		{ bottom: 20px; left: 590px; }
.rtl #propertySec .property-slider .owl-nav { right: 590px;	}
#trustedBySec 								{ background-position: right 104% top 20%; }
#weSpeakSec .weSpeakContent 				{ gap: 100px; }

}



/* #iPad Pro - Large Screens beyond 1024px
================================================== */
@media only screen and (min-width: 959px) and (max-width: 1180px) {

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

#header										{ grid-gap: 15px; padding: 15px 32px; }
#header .mainNav ul.menu					{ grid-gap: 10px; }
#header .rightNav							{ grid-gap: 15px; }
#header .rightNav a.button					{ padding: 10px 18px; }
#slider, #slider .home-slider, #slider .owl-stage-outer, #slider .owl-stage, #slider .owl-item { height: 500px; }
#slider .caption 							{ max-width: 520px; padding: 20px 15px; outline-offset: 4px; bottom: 60px; left: 38px; }
#slider .caption h1 						{ font-size: 45px; line-height: 50px; }
#slider .caption h1 br 						{ display: block; }
#slider .caption p 							{ margin: 15px 0 0 0; font-size: 16px; line-height: 23px; }
#slider .caption a.button 					{ margin: 20px 0 0 0; padding: 10px 18px; font-size: 16px; line-height: 20px; }
#welcomeSec									{ padding-top: 80px; padding-bottom: 80px; }
#welcomeSec .topContent h2 					{ font-size: 40px; line-height: 45px; }
#welcomeSec .topContent p 					{ font-size: 18px; line-height: 25px; }
#welcomeSec .welcomeContent h4 				{ font-size: 25px; line-height: 30px; }
#welcomeSec .welcomeContent ol li			{ font-size: 20px; line-height: 25px; }
#welcomeSec .welcomeContent ol li img		{ width: 135px; }
#propertySec								{ padding-top: 80px; padding-bottom: 80px; }
#propertySec .topContent h2 				{ font-size: 40px; line-height: 45px; }
#propertySec .topContent p 					{ font-size: 18px; line-height: 25px; }
#propertySec .property-slider 				{ width: 84%; }
#propertySec .property-slider .item .image 	{ width: 50%; }
#propertySec .property-slider .item .info	{ padding-top: 15px; }
#propertySec .property-slider .item .info h3 { font-size: 25px; line-height: 30px; }
#propertySec .property-slider .owl-nav 		{ justify-content: center; margin-top: 40px; position: static; }
#getResultsSec .info 						{ max-width: 490px; padding: 15px 15px; outline-offset: 4px; top: 109px; left: 6px; }
#getResultsSec .info h3 					{ margin: 0 0 15px 0; padding: 0 0 15px 0; font-size: 40px; line-height: 45px; }
#getResultsSec .info p 						{ font-size: 18px; line-height: 25px; }
#marqueeSec									{ padding-top: 15px; padding-bottom: 15px; }
#marqueeSec .marqueeBox .mhTrack .item .text { font-size: 20px; }
#marqueeSec .marqueeBox .mhTrack .item .icon img { min-width: 34px; }
#clearProcessSec							{ padding-top: 80px; padding-bottom: 80px; }
#clearProcessSec .topContent h2 			{ font-size: 40px; line-height: 45px; }
#clearProcessSec .topContent p 				{ font-size: 18px; line-height: 25px; }
#clearProcessSec .processContent 			{ max-width: 860px; }
#trustedBySec								{ padding-top: 80px; padding-bottom: 80px; background-position: right 97% top 27%; background-size: 125%; }
#trustedBySec .topContent h2 				{ font-size: 40px; line-height: 45px; }
#trustedBySec .topContent h2::before 		{ width: 37px; height: 48px; margin-top: -12px; transform: translateY(-22px); }
.rtl #trustedBySec .topContent h2::before 	{ transform: translateY(-22px) scaleX(-1); }
#trustedBySec .topContent p 				{ font-size: 18px; line-height: 25px; }
#trustedBySec .trustedbyContent ul 			{ gap: 15px; }
#trustedBySec .trustedbyContent ul li 		{ gap: 10px; width: calc(33.333333% - 14px); padding: 8px 8px; font-size: 18px; line-height: 23px; }
#trustedBySec .trustedbyContent ul li:last-child:after { width: 37px; height: 48px; transform: scaleX(-1) scaleY(-1) translateX(-73px) translateY(-17px); }
.rtl #trustedBySec .trustedbyContent ul li:last-child:after { transform: scaleX(1) scaleY(-1) translateX(-73px) translateY(-17px); }
#clientsSaySec								{ padding-top: 80px; padding-bottom: 80px; }
#clientsSaySec .topContent h2 				{ font-size: 40px; line-height: 45px; }
#clientsSaySec .topContent p 				{ font-size: 18px; line-height: 25px; }
#clientsSaySec .clients-slider .item 		{ gap: 20px; padding: 15px; }
#clientsSaySec .clients-slider .item .info p { font-size: 18px; line-height: 25px; }
#clientsSaySec .clients-slider .item .name 	{ font-size: 22px; }
#clientsSaySec .clients-slider .item .name strong { font-size: 17px; }
#weSpeakSec									{ padding-top: 80px; padding-bottom: 80px; }
#weSpeakSec .weSpeakContent 				{ gap: 70px; }
#weSpeakSec .weSpeakContent .left h2 		{ font-size: 40px; line-height: 45px; }
#weSpeakSec .weSpeakContent .left p 		{ font-size: 18px; line-height: 25px; }
#haveCondoSec .info 						{ max-width: 530px; }
#haveCondoSec .info h3 						{ margin: 0 0 20px 0; font-size: 40px; line-height: 45px; }
#haveCondoSec .info p 						{ font-size: 18px; line-height: 25px; }
#haveCondoSec .info p br 					{ display: block; }
#haveCondoSec .info a.button 				{ margin: 5px 0 0 0; padding: 10px 18px; font-size: 16px; line-height: 20px; }
#footer										{ padding: 0 32px; padding-top: 130px; padding-bottom: 30px; }
#footer [class*="col-"]:nth-child(4) 		{ flex: 0 0 22%; max-width: 22%; }
#footer h3 									{ font-size: 25px; line-height: 30px; }
#footer ul.social							{ gap: 15px; }
#footer ul.social li a						{ gap: 7px; }
#footer ul.social li a span					{ width: 35px; height: 35px; }
#footer ul.social li a span img 			{ width: 17px; }

/*----------------- Modal Design -----------------*/
.modalDesign .modal-body					{ padding: 30px 50px; }
.modalDesign .close							{ margin: -10px -30px 0 0; }
.modalDesign .modal-body h2					{ font-size: 40px; line-height: 50px; }

/*----------------- Inner Pages -----------------*/
#innerBanner, #innerBanner .inner-slider, #innerBanner .owl-stage-outer, #innerBanner .owl-stage, #innerBanner .owl-item { height: 420px; }
#innerBanner .caption 						{ max-width: 700px; }
#innerBanner .caption h1 					{ font-size: 45px; line-height: 50px; }
#innerBanner .caption h1 br 				{ display: block; }
#innerBanner .caption p 					{ margin: 15px 0 0 0; font-size: 16px; line-height: 23px; }
#innerBanner .caption a.button 				{ margin: 20px 0 0 0; padding: 10px 18px; font-size: 16px; line-height: 20px; }
#innerSec 									{ padding-top: 80px; padding-bottom: 80px; }
#innerSec .content h1 						{ font-size: 45px; line-height: 50px; }
#innerSec .content h2 						{ font-size: 40px; line-height: 45px; }
#innerSec .content h3 						{ font-size: 35px; line-height: 40px; }
#innerSec .content h4 						{ font-size: 30px; line-height: 35px; }
#innerSec .content h5 						{ font-size: 25px; line-height: 30px; }
#innerSec .content h6 						{ font-size: 20px; line-height: 25px; }
#innerSec .content p 						{ font-size: 16px; line-height: 23px; }
#innerSec .content > strong 				{ font-size: 18px; line-height: 23px; }
#innerSec .content ul 						{ gap: 7px; }
#innerSec .content ul li 					{ padding: 0 0 0 18px; font-size: 16px; line-height: 23px; }
#innerSec .content ul li::before 			{ width: 7px; height: 7px; top: 8px; }
#innerSec .content ol 						{ gap: 7px; }
#innerSec .content ol li 					{ padding: 0 0 0 27px; font-size: 16px; line-height: 23px; }

/*----------------- About Page -----------------*/
#aboutSec									{ padding-top: 80px; padding-bottom: 80px; }
#aboutSec .topContent h2 					{ font-size: 40px; line-height: 45px; }
#aboutSec .topContent h2 br 				{ display: block; }
#aboutSec .topContent p 					{ font-size: 18px; line-height: 25px; }
#aboutSec .aboutContent .box 				{ gap: 50px; }
#aboutSec .aboutContent .box .item 			{ width: 50%; }
#aboutSec .aboutContent h4 					{ font-size: 18px; line-height: 26px; }
#aboutSec .aboutContent p 					{ font-size: 16px; line-height: 23px; }
#aboutListSec 								{ padding-top: 80px; padding-bottom: 80px; }
#aboutListSec .item 						{ gap: 40px; margin-bottom: 80px; }
#aboutListSec .item .image 					{ width: 50%; }
#aboutListSec .item .info 					{ width: 50%; }
#aboutListSec .item .info h3 				{ font-size: 40px; line-height: 45px; }
#aboutListSec .item .info p 				{ font-size: 16px; line-height: 23px; }
#aboutListSec .item .info ul li 			{ padding: 12px 15px 12px 30px; font-size: 16px; line-height: 23px; }
.rtl #aboutListSec .item .info ul li 		{ padding: 12px 30px 12px 15px; }
#unlockValueSec 							{ padding-top: 80px; padding-bottom: 80px; }
#unlockValueSec .unlockValueContent h2 		{ font-size: 50px; line-height: 55px; }
#unlockValueSec .unlockValueContent img 	{ width: 180px; height: 90px; margin-right: 20px; }
#principlesSec 								{ padding-top: 80px; padding-bottom: 80px; }
#principlesSec .topContent h2 				{ font-size: 40px; line-height: 45px; }
#principlesSec .topContent p 				{ font-size: 16px; line-height: 23px; }
#principlesSec .principlesContent ul 		{ gap: 15px; }
#principlesSec .principlesContent ul li 	{ padding: 14px 20px 14px 54px; font-size: 16px; line-height: 26px; }
.rtl #principlesSec .principlesContent ul li { padding: 14px 54px 14px 20px; }

/*----------------- Services Page -----------------*/
#servicesSec 								{ padding-top: 80px; padding-bottom: 80px; }
#servicesSec .item 							{ gap: 40px; padding-bottom: 80px; margin-bottom: 80px; }
#servicesSec .item .image 					{ width: 55%; }
#servicesSec .item .image h3 				{ gap: 15px; font-size: 30px; line-height: 35px; }
#servicesSec .item .info 					{ width: 45%; }
#servicesSec .item .info h5 				{ margin: 20px 0 15px 0; font-size: 18px; line-height: 23px; }
#servicesSec .item .info p 					{ font-size: 16px; line-height: 23px; }
#servicesSec .item .info ul li 				{ padding: 12px 15px 12px 30px; font-size: 16px; line-height: 23px; }
.rtl #servicesSec .item .info ul li 		{ padding: 12px 30px 12px 15px; }
#servicesSec .item .info ul.ideal li 		{ padding: 8px 20px; font-size: 16px; line-height: 20px; }

/*----------------- Faq Page -----------------*/
#faqSec 									{ padding-top: 80px; padding-bottom: 80px; }
#faqSec .faqContent .item 					{ gap: 50px; margin-bottom: 50px; }
#faqSec .faqContent .item h4 				{ max-width: 350px; margin: 17px 0 0 0; font-size: 23px; line-height: 28px; }
#faqSec .faqContent .item .accordion .card .card-header .link { padding: 20px 0; font-size: 16px; line-height: 23px; }
#faqSec .faqContent .item .accordion .card .card-body { padding: 0 0 20px 0; }
#faqSec .faqContent .item .accordion .card .card-body p { font-size: 16px; line-height: 23px; }
#faqSec .faqContent .item .accordion .card .card-body ul li { font-size: 16px; line-height: 23px; }

/*----------------- Blog Page -----------------*/
#blogFeaturedSec 							{ padding-top: 80px; padding-bottom: 80px; }
#blogFeaturedSec .featuredContent .info h3 	{ font-size: 25px; line-height: 30px; }
#blogFeaturedSec .featuredContent .info p 	{ font-size: 16px; line-height: 23px; }
#blogListingSec 							{ padding-top: 80px; padding-bottom: 80px; }
#blogListingSec .titleFilter 				{ gap: 15px; }
#blogListingSec .titleFilter .filterBox 	{ gap: 15px; }
#blogListingSec .titleFilter .filterBox label { display: block; }
#blogListingSec .title h3 					{ font-size: 35px; line-height: 40px; }
#blogListingSec .blogListing 				{ gap: 40px; }
#blogListingSec .blogListing .wrapper 		{ row-gap: 40px; }
#blogListingSec .blogListing .item .info h3 { font-size: 20px; line-height: 25px; }
#blogListingSec .blogListing .pagination ul li .page-numbers { min-width: 45px; min-height: 45px; }

/*----------------- Blog Detail Page -----------------*/
#blogDetailSec 								{ padding-top: 80px; padding-bottom: 80px; }
#blogDetailSec .detailContent 				{ gap: 25px; }
#blogDetailSec .detailContent .title 		{ width: 90%; }
#blogDetailSec .detailContent .title h1 	{ font-size: 45px; line-height: 50px; }
#blogDetailSec .detailContent .title .post-meta { gap: 15px; margin-top: 20px; padding-top: 20px; }
#blogDetailSec .detailContent .info 		{ width: 80%; }
#blogDetailSec .detailContent .info h2 		{ font-size: 40px; line-height: 45px; }
#blogDetailSec .detailContent .info h3 		{ font-size: 35px; line-height: 40px; }
#blogDetailSec .detailContent .info h4 		{ font-size: 30px; line-height: 35px; }
#blogDetailSec .detailContent .info h5 		{ font-size: 25px; line-height: 30px; }
#blogDetailSec .detailContent .info h6 		{ font-size: 20px; line-height: 25px; }
#blogDetailSec .detailContent .info p 		{ font-size: 16px; line-height: 23px; }
#blogDetailSec .detailContent .info > strong { font-size: 18px; line-height: 23px; }
#blogDetailSec .detailContent .info ul 		{ gap: 7px; }
#blogDetailSec .detailContent .info ul li 	{ padding: 0 0 0 18px; font-size: 16px; line-height: 23px; }
.rtl #blogDetailSec .detailContent .info ul li { padding: 0 18px 0 0; }
#blogDetailSec .detailContent .info ul li::before { width: 7px; height: 7px; top: 8px; }
#blogDetailSec .detailContent .info ol 		{ gap: 7px; }
#blogDetailSec .detailContent .info ol li 	{ padding: 0 0 0 27px; font-size: 16px; line-height: 23px; }
.rtl #blogDetailSec .detailContent .info ol li { padding: 0 27px 0 0; }

/*----------------- Contact Page -----------------*/
#contactSec 								{ padding-top: 80px; padding-bottom: 80px; }
#contactSec .contactBox 					{ gap: 80px; }
#contactSec .contactBox .contactForm  		{ width: 57%; }
#contactSec .contactBox .contactForm h2 	{ font-size: 40px; line-height: 45px; }
#contactSec .contactBox .contactForm p 		{ font-size: 16px; line-height: 23px; }
#contactSec .contactBox .contactForm .form-group { margin-bottom: 35px; }
#contactSec .contactBox .contactForm .form-group note { font-size: 16px; line-height: 23px; top: 13px; }
#contactSec .contactBox .contactForm .form-group note + .wpcf7-form-control-wrap .form-control { padding-right: 40px; }
#contactSec .contactBox .contactForm .form-group .form-control { padding: 13px 0; font-size: 16px; line-height: 23px; }
#contactSec .contactBox .contactForm .form-group textarea.form-control { margin-top: 13px; }
#contactSec .contactBox .contactForm .form-group label { font-size: 16px; line-height: 23px; top: 13px; }
#contactSec .contactBox .contactForm .form-group .wpcf7-form-control-wrap:has(input:focus) ~ label,
#contactSec .contactBox .contactForm .form-group .wpcf7-form-control-wrap:has(input:not(:placeholder-shown)) ~ label,
#contactSec .contactBox .contactForm .form-group .wpcf7-form-control-wrap:has(textarea:focus) ~ label,
#contactSec .contactBox .contactForm .form-group .wpcf7-form-control-wrap:has(textarea:not(:placeholder-shown)) ~ label,
#contactSec .contactBox .contactForm .form-group .wpcf7-form-control-wrap:has(.select.active) ~ label,
#contactSec .contactBox .contactForm .form-group .wpcf7-form-control-wrap:has(select:focus) ~ label,
#contactSec .contactBox .contactForm .form-group .wpcf7-form-control-wrap:has(select:not([value=""])) ~ label { font-size: 14px; top: -10px; }
#contactSec .contactBox .contactForm .form-group .wpcf7-form-control-wrap:has(textarea) ~ label { top: 0px; }
#contactSec .contactBox .contactForm .form-group .wpcf7-form-control-wrap:has(textarea:focus) ~ label,
#contactSec .contactBox .contactForm .form-group .wpcf7-form-control-wrap:has(textarea:not(:placeholder-shown)) ~ label { top: -23px; }
#contactSec .contactBox .contactForm .form-group .submitBtn { padding: 10px 18px; font-size: 16px; line-height: 20px; }
#contactSec .contactBox .contactDetail 		{ width: 43%; }
#contactSec .contactBox .contactDetail .item { gap: 20px; margin-bottom: 20px; padding: 20px 20px; }
#contactSec .contactBox .contactDetail .item h4 { font-size: 20px; line-height: 25px; }
#contactSec .contactBox .contactDetail ul 	{ gap: 15px; }
#contactSec .contactBox .contactDetail ul li { padding: 0 0 0 50px; font-size: 16px; line-height: 24px; }
.rtl #contactSec .contactBox .contactDetail ul li { padding: 0 50px 0 0; }
#contactSec .contactBox .contactDetail ul li::before, #contactSec .contactBox .contactDetail ul li::after { width: 40px; height: 40px; }
#contactSec .contactBox .contactDetail ul li::after { background-size: 20px !important; }
#contactSec .contactBox .contactDetail ul li span { font-size: 14px; line-height: 18px; }
#contactSec .contactBox .contactDetail ul li a br { display: block; }
#contactSec .contactBox .contactDetail ul.checklist { gap: 10px; }
#contactSec .contactBox .contactDetail ul.checklist li { padding: 0 0 0 30px; }
.rtl #contactSec .contactBox .contactDetail ul.checklist li { padding: 0 30px 0 0; }

}



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

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

#header										{ grid-gap: 15px; padding: 15px 15px; }
#header.headerTransform 					{ transform: none; }
#header .logo 								{ width: 108px; }
#header .mainNav							{ display: none; }
#header .hamburger 							{ display: block; order: 3; }
#header .hamburger .rmp-container .rmp-menu-title .rmp-menu-title-image { width: 108px !important; height: auto !important; margin: 0; }
#header .rightNav							{ margin-left: auto; }
#header .rightNav a.button					{ display: none; }
#slider, #slider .home-slider, #slider .owl-stage-outer, #slider .owl-stage, #slider .owl-item { height: 500px; }
#slider .caption 							{ max-width: 350px; padding: 20px 15px; outline-offset: 4px; bottom: 60px; left: 38px; }
#slider .caption h1 						{ font-size: 30px; line-height: 35px; }
#slider .caption h1 br 						{ display: block; }
#slider .caption p 							{ margin: 15px 0 0 0; font-size: 16px; line-height: 23px; }
#slider .caption a.button 					{ margin: 20px 0 0 0; padding: 10px 18px; font-size: 16px; line-height: 20px; }
#welcomeSec									{ padding-top: 60px; padding-bottom: 60px; }
#welcomeSec .topContent h2 					{ font-size: 30px; line-height: 35px; }
#welcomeSec .topContent p 					{ font-size: 16px; line-height: 23px; }
#welcomeSec .welcomeContent h4 				{ font-size: 20px; line-height: 25px; }
#welcomeSec .welcomeContent ol li			{ padding: 25px 45px; font-size: 20px; line-height: 25px; }
#welcomeSec .welcomeContent ol li img		{ width: 115px; }
#propertySec								{ padding-top: 60px; padding-bottom: 60px; }
#propertySec .topContent h2 				{ font-size: 30px; line-height: 35px; }
#propertySec .topContent p 					{ font-size: 16px; line-height: 23px; }
#propertySec .property-slider 				{ width: 84%; }
#propertySec .property-slider .item .image 	{ width: 60%; }
#propertySec .property-slider .item .info	{ padding-top: 10px; }
#propertySec .property-slider .item .info h3 { margin: 0 0 15px 0; font-size: 20px; line-height: 25px; }
#propertySec .property-slider .item .info ul li { gap: 5px; }
#propertySec .property-slider .item .info ul li .label { font-size: 14px; line-height: 18px; }
#propertySec .property-slider .item .info ul li .data { font-size: 16px; line-height: 20px; }
#propertySec .property-slider .owl-nav 		{ justify-content: center; margin-top: 40px; position: static; }
#getResultsSec .info 						{ max-width: 370px; padding: 15px 15px; outline-offset: 4px; top: 70px; left: 21px; }
#getResultsSec .info h3 					{ margin: 0 0 15px 0; padding: 0 0 15px 0; font-size: 30px; line-height: 35px; }
#getResultsSec .info p 						{ font-size: 16px; line-height: 23px; }
#marqueeSec									{ padding-top: 15px; padding-bottom: 15px; }
#marqueeSec .marqueeBox .mhTrack .item .text { font-size: 18px; }
#marqueeSec .marqueeBox .mhTrack .item .icon img { min-width: 30px; }
#clearProcessSec							{ padding-top: 60px; padding-bottom: 60px; }
#clearProcessSec .topContent h2 			{ font-size: 30px; line-height: 35px; }
#clearProcessSec .topContent p 				{ font-size: 16px; line-height: 23px; }
#clearProcessSec .processContent 			{ max-width: 860px; }
#trustedBySec								{ padding-top: 60px; padding-bottom: 60px; background-position: right 97% top 27%; background-size: 125%; }
#trustedBySec .topContent h2 				{ font-size: 30px; line-height: 35px; }
#trustedBySec .topContent h2::before 		{ width: 37px; height: 48px; margin-top: -16px; transform: translateY(-20px); }
.rtl #trustedBySec .topContent h2::before 	{ transform: translateY(-20px) scaleX(-1); }
#trustedBySec .topContent p 				{ font-size: 16px; line-height: 23px; }
#trustedBySec .trustedbyContent ul 			{ gap: 15px; }
#trustedBySec .trustedbyContent ul li 		{ gap: 15px; width: calc(50% - 8px); padding: 10px 10px; font-size: 16px; line-height: 23px; }
#trustedBySec .trustedbyContent ul li:last-child:after { width: 37px; height: 48px; transform: scaleX(-1) scaleY(-1) translateX(-73px) translateY(-17px); }
.rtl #trustedBySec .trustedbyContent ul li:last-child:after { transform: scaleX(1) scaleY(-1) translateX(-73px) translateY(-17px); }
#clientsSaySec								{ padding-top: 60px; padding-bottom: 60px; }
#clientsSaySec .topContent h2 				{ font-size: 30px; line-height: 35px; }
#clientsSaySec .topContent p 				{ font-size: 16px; line-height: 23px; }
#clientsSaySec .clients-slider .item 		{ gap: 20px; padding: 15px; }
#clientsSaySec .clients-slider .item .info 	{ min-height: 156px; max-height: 156px; }
#clientsSaySec .clients-slider .item .info p { font-size: 16px; line-height: 23px; }
#clientsSaySec .clients-slider .item .name 	{ font-size: 20px; }
#clientsSaySec .clients-slider .item .name strong { font-size: 14px; }
#weSpeakSec									{ padding-top: 60px; padding-bottom: 60px; }
#weSpeakSec .weSpeakContent 				{ gap: 30px; }
#weSpeakSec .weSpeakContent .left h2 		{ font-size: 30px; line-height: 35px; }
#weSpeakSec .weSpeakContent .left p 		{ font-size: 16px; line-height: 23px; }
#haveCondoSec 								{ margin-bottom: -60px; }
#haveCondoSec .info 						{ max-width: 400px; right: 30px; }
#haveCondoSec .info h3 						{ margin: 0 0 20px 0; font-size: 30px; line-height: 35px; }
#haveCondoSec .info p 						{ font-size: 16px; line-height: 23px; }
#haveCondoSec .info p br 					{ display: block; }
#haveCondoSec .info a.button 				{ margin: 5px 0 0 0; padding: 10px 18px; font-size: 16px; line-height: 20px; }
#footer										{ padding: 0 15px; padding-top: 90px; padding-bottom: 30px; }
#footer [class*="col-"]:nth-child(1) 		{ flex: 0 0 calc(50% - 15px); max-width: calc(50% - 15px); }
#footer [class*="col-"]:nth-child(2) 		{ flex: 0 0 calc(50% - 15px); max-width: calc(50% - 15px); }
#footer [class*="col-"]:nth-child(2) ul.menu li { width: calc(50% - 8px); }
#footer [class*="col-"]:nth-child(3) 		{ flex: 0 0 calc(50% - 15px); max-width: calc(50% - 15px); }
#footer [class*="col-"]:nth-child(4) 		{ flex: 0 0 calc(50% - 15px); max-width: calc(50% - 15px); }
#footer h3 									{ font-size: 20px; line-height: 25px; }
#footer ul.menu 							{ flex-direction: row; }
#footer ul.social							{ gap: 15px; }
#footer ul.social li a						{ gap: 7px; }
#footer ul.social li a span					{ width: 35px; height: 35px; }
#footer ul.social li a span img 			{ width: 17px; }

/*----------------- Modal Design -----------------*/
.modalDesign::-webkit-scrollbar				{ width: 0px; }
.modalDesign .modal-body					{ padding: 30px 30px; }
.modalDesign .close							{ width: 30px; margin: -20px -20px 0 0; }
.modalDesign .modal-body h2					{ font-size: 30px; line-height: 35px; }

/*----------------- Inner Pages -----------------*/
#innerBanner, #innerBanner .inner-slider, #innerBanner .owl-stage-outer, #innerBanner .owl-stage, #innerBanner .owl-item { height: 420px; }
#innerBanner .caption 						{ max-width: 470px; left: 15px; }
#innerBanner .caption h1 					{ font-size: 30px; line-height: 35px; }
#innerBanner .caption h1 br 				{ display: block; }
#innerBanner .caption p 					{ margin: 15px 0 0 0; font-size: 16px; line-height: 23px; }
#innerBanner .caption a.button 				{ margin: 20px 0 0 0; padding: 10px 18px; font-size: 16px; line-height: 20px; }
#innerSec 									{ padding-top: 60px; padding-bottom: 60px; }
#innerSec .content h1, #innerSec .content h2, #innerSec .content h3, #innerSec .content h4, #innerSec .content h5, #innerSec .content h6 { font-weight: 500; }
#innerSec .content h1 						{ font-size: 35px; line-height: 40px; }
#innerSec .content h2 						{ font-size: 30px; line-height: 35px; }
#innerSec .content h3 						{ font-size: 25px; line-height: 30px; }
#innerSec .content h4 						{ font-size: 20px; line-height: 25px; }
#innerSec .content h5 						{ font-size: 18px; line-height: 23px; }
#innerSec .content h6 						{ font-size: 16px; line-height: 21px; }
#innerSec .content p 						{ font-size: 16px; line-height: 23px; }
#innerSec .content > strong 				{ font-size: 18px; line-height: 23px; }
#innerSec .content ul 						{ gap: 7px; }
#innerSec .content ul li 					{ padding: 0 0 0 18px; font-size: 16px; line-height: 23px; }
#innerSec .content ul li::before 			{ width: 7px; height: 7px; top: 8px; }
#innerSec .content ol 						{ gap: 7px; }
#innerSec .content ol li 					{ padding: 0 0 0 27px; font-size: 16px; line-height: 23px; }

/*----------------- About Page -----------------*/
#aboutSec									{ padding-top: 60px; padding-bottom: 60px; }
#aboutSec .topContent h2 					{ font-size: 30px; line-height: 35px; }
#aboutSec .topContent h2 br 				{ display: block; }
#aboutSec .topContent p 					{ font-size: 16px; line-height: 23px; }
#aboutSec .aboutContent .box 				{ gap: 30px; }
#aboutSec .aboutContent .box .item 			{ width: 50%; }
#aboutSec .aboutContent h4 					{ font-size: 18px; line-height: 26px; }
#aboutSec .aboutContent p 					{ font-size: 16px; line-height: 23px; }
#aboutListSec 								{ padding-top: 60px; padding-bottom: 60px; }
#aboutListSec .item 						{ align-items: flex-start; gap: 30px; margin-bottom: 60px; }
#aboutListSec .item .image 					{ width: 50%; }
#aboutListSec .item .info 					{ width: 50%; }
#aboutListSec .item .info h3 				{ font-size: 30px; line-height: 35px; }
#aboutListSec .item .info p 				{ font-size: 16px; line-height: 23px; }
#aboutListSec .item .info ul li 			{ padding: 12px 15px 12px 30px; font-size: 16px; line-height: 23px; }
.rtl #aboutListSec .item .info ul li 		{ padding: 12px 30px 12px 15px; }
#unlockValueSec 							{ padding-top: 60px; padding-bottom: 60px; }
#unlockValueSec .unlockValueContent h2 		{ font-size: 35px; line-height: 40px; }
#unlockValueSec .unlockValueContent img 	{ width: 150px; height: 70px; margin-right: 15px; }
#principlesSec 								{ padding-top: 60px; padding-bottom: 60px; }
#principlesSec .topContent h2 				{ font-size: 30px; line-height: 35px; }
#principlesSec .topContent p 				{ font-size: 16px; line-height: 23px; }
#principlesSec .principlesContent ul 		{ gap: 15px; }
#principlesSec .principlesContent ul li 	{ padding: 10px 15px 10px 45px; font-size: 16px; line-height: 23px; }
.rtl #principlesSec .principlesContent ul li { padding: 10px 45px 10px 15px; }
#principlesSec .principlesContent ul li:before { left: 15px; }
.rtl #principlesSec .principlesContent ul li:before { right: 15px; }

/*----------------- Services Page -----------------*/
#servicesSec 								{ padding-top: 60px; padding-bottom: 60px; }
#servicesSec .item 							{ gap: 30px; padding-bottom: 60px; margin-bottom: 60px; }
#servicesSec .item .image 					{ width: 55%; }
#servicesSec .item .image h3 				{ gap: 10px; font-size: 27px; line-height: 32px; }
#servicesSec .item .info 					{ width: 45%; }
#servicesSec .item .info h5 				{ margin: 20px 0 15px 0; font-size: 18px; line-height: 23px; }
#servicesSec .item .info p 					{ font-size: 16px; line-height: 23px; }
#servicesSec .item .info ul li 				{ padding: 12px 15px 12px 30px; font-size: 16px; line-height: 23px; }
.rtl #servicesSec .item .info ul li 		{ padding: 12px 30px 12px 15px; }
#servicesSec .item .info ul.ideal li 		{ padding: 8px 20px; font-size: 16px; line-height: 20px; }

/*----------------- Faq Page -----------------*/
#faqSec 									{ padding-top: 60px; padding-bottom: 60px; }
#faqSec .faqContent .item 					{ flex-direction: column; gap: 10px; margin-bottom: 50px; }
#faqSec .faqContent .item h4 				{ max-width: none; margin: 0; font-size: 23px; line-height: 28px; }
#faqSec .faqContent .item .accordion .card .card-header .link { padding: 15px 0; font-size: 16px; line-height: 23px; }
#faqSec .faqContent .item .accordion .card .card-body { padding: 0 0 15px 0; }
#faqSec .faqContent .item .accordion .card .card-body p { font-size: 16px; line-height: 23px; }
#faqSec .faqContent .item .accordion .card .card-body ul li { font-size: 16px; line-height: 23px; }

/*----------------- Blog Page -----------------*/
#blogFeaturedSec 							{ padding-top: 60px; padding-bottom: 60px; }
#blogFeaturedSec .featuredContent 			{ flex-direction: column; }
#blogFeaturedSec .featuredContent .image 	{ width: 100%; }
#blogFeaturedSec .featuredContent .info 	{ width: 100%; padding: 0px 0; }
#blogFeaturedSec .featuredContent .info h3 	{ font-size: 22px; line-height: 27px; }
#blogFeaturedSec .featuredContent .info p 	{ font-size: 16px; line-height: 23px; }
#blogListingSec 							{ padding-top: 60px; padding-bottom: 60px; }
#blogListingSec .titleFilter 				{ gap: 15px; }
#blogListingSec .titleFilter .filterBox 	{ gap: 15px; }
#blogListingSec .titleFilter .filterBox label { display: block; }
#blogListingSec .title h3 					{ font-size: 35px; line-height: 40px; }
#blogListingSec .blogListing 				{ gap: 40px; }
#blogListingSec .blogListing .wrapper 		{ row-gap: 40px; }
#blogListingSec .blogListing .item .info 	{ padding: 10px 0; }
#blogListingSec .blogListing .item .info h3 { font-size: 20px; line-height: 25px; }
#blogListingSec .blogListing .pagination ul li .page-numbers { min-width: 45px; min-height: 45px; }

/*----------------- Blog Detail Page -----------------*/
#blogDetailSec 								{ padding-top: 60px; padding-bottom: 60px; }
#blogDetailSec .detailContent 				{ gap: 25px; }
#blogDetailSec .detailContent .title 		{ width: 100%; }
#blogDetailSec .detailContent .title h1 	{ font-size: 35px; line-height: 40px; }
#blogDetailSec .detailContent .title .post-meta { gap: 15px; margin-top: 20px; padding-top: 20px; }
#blogDetailSec .detailContent .info 		{ width: 100%; }
#blogDetailSec .detailContent .info h2, #blogDetailSec .detailContent .info h3, #blogDetailSec .detailContent .info h4, #blogDetailSec .detailContent .info h5, #blogDetailSec .detailContent .info h6 { font-weight: 500; }
#blogDetailSec .detailContent .info h2 		{ font-size: 30px; line-height: 35px; }
#blogDetailSec .detailContent .info h3 		{ font-size: 25px; line-height: 30px; }
#blogDetailSec .detailContent .info h4 		{ font-size: 20px; line-height: 25px; }
#blogDetailSec .detailContent .info h5 		{ font-size: 18px; line-height: 23px; }
#blogDetailSec .detailContent .info h6 		{ font-size: 16px; line-height: 21px; }
#blogDetailSec .detailContent .info p 		{ font-size: 16px; line-height: 23px; }
#blogDetailSec .detailContent .info > strong { font-size: 18px; line-height: 23px; }
#blogDetailSec .detailContent .info ul 		{ gap: 7px; }
#blogDetailSec .detailContent .info ul li 	{ padding: 0 0 0 18px; font-size: 16px; line-height: 23px; }
.rtl #blogDetailSec .detailContent .info ul li { padding: 0 18px 0 0; }
#blogDetailSec .detailContent .info ul li::before { width: 7px; height: 7px; top: 8px; }
#blogDetailSec .detailContent .info ol 		{ gap: 7px; }
#blogDetailSec .detailContent .info ol li 	{ padding: 0 0 0 27px; font-size: 16px; line-height: 23px; }
.rtl #blogDetailSec .detailContent .info ol li { padding: 0 27px 0 0; }

/*----------------- Contact Page -----------------*/
#contactSec 								{ padding-top: 60px; padding-bottom: 60px; }
#contactSec .contactBox 					{ gap: 30px; }
#contactSec .contactBox .contactForm  		{ width: 52%; }
#contactSec .contactBox .contactForm h2 	{ font-size: 30px; line-height: 35px; }
#contactSec .contactBox .contactForm p 		{ font-size: 16px; line-height: 23px; }
#contactSec .contactBox .contactForm .form-group { margin-bottom: 25px; }
#contactSec .contactBox .contactForm .form-group note { font-size: 16px; line-height: 23px; top: 10px; }
#contactSec .contactBox .contactForm .form-group note + .wpcf7-form-control-wrap .form-control { padding-right: 40px; }
#contactSec .contactBox .contactForm .form-group .form-control { padding: 10px 0; font-size: 16px; line-height: 23px; }
#contactSec .contactBox .contactForm .form-group textarea.form-control { margin-top: 10px; }
#contactSec .contactBox .contactForm .form-group label { font-size: 16px; line-height: 23px; top: 10px; }
#contactSec .contactBox .contactForm .form-group .wpcf7-form-control-wrap:has(input:focus) ~ label,
#contactSec .contactBox .contactForm .form-group .wpcf7-form-control-wrap:has(input:not(:placeholder-shown)) ~ label,
#contactSec .contactBox .contactForm .form-group .wpcf7-form-control-wrap:has(textarea:focus) ~ label,
#contactSec .contactBox .contactForm .form-group .wpcf7-form-control-wrap:has(textarea:not(:placeholder-shown)) ~ label,
#contactSec .contactBox .contactForm .form-group .wpcf7-form-control-wrap:has(.select.active) ~ label,
#contactSec .contactBox .contactForm .form-group .wpcf7-form-control-wrap:has(select:focus) ~ label,
#contactSec .contactBox .contactForm .form-group .wpcf7-form-control-wrap:has(select:not([value=""])) ~ label { font-size: 14px; top: -13px; }
#contactSec .contactBox .contactForm .form-group .wpcf7-form-control-wrap:has(textarea) ~ label { top: 0px; }
#contactSec .contactBox .contactForm .form-group .wpcf7-form-control-wrap:has(textarea:focus) ~ label,
#contactSec .contactBox .contactForm .form-group .wpcf7-form-control-wrap:has(textarea:not(:placeholder-shown)) ~ label { top: -23px; }
#contactSec .contactBox .contactForm .form-group .submitBtn { padding: 10px 18px; font-size: 16px; line-height: 20px; }
#contactSec .contactBox .contactDetail 		{ width: 48%; }
#contactSec .contactBox .contactDetail .item { gap: 20px; margin-bottom: 20px; padding: 20px 20px; }
#contactSec .contactBox .contactDetail .item h4 { font-size: 20px; line-height: 25px; }
#contactSec .contactBox .contactDetail ul 	{ gap: 15px; }
#contactSec .contactBox .contactDetail ul li { padding: 0 0 0 50px; font-size: 16px; line-height: 24px; }
.rtl #contactSec .contactBox .contactDetail ul li { padding: 0 50px 0 0; }
#contactSec .contactBox .contactDetail ul li::before, #contactSec .contactBox .contactDetail ul li::after { width: 40px; height: 40px; }
#contactSec .contactBox .contactDetail ul li::after { background-size: 20px !important; }
#contactSec .contactBox .contactDetail ul li span { font-size: 14px; line-height: 18px; }
#contactSec .contactBox .contactDetail ul li a br { display: none; }
#contactSec .contactBox .contactDetail ul.checklist { gap: 10px; }
#contactSec .contactBox .contactDetail ul.checklist li { padding: 0 0 0 30px; }
.rtl #contactSec .contactBox .contactDetail ul.checklist li { padding: 0 30px 0 0; }

}



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

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

#header										{ grid-gap: 15px; padding: 15px 15px; }
#header.headerTransform 					{ transform: none; }
#header .logo 								{ width: 108px; }
#header .mainNav							{ display: none; }
#header .hamburger 							{ display: block; order: 3; }
#header .hamburger .rmp-container .rmp-menu-title .rmp-menu-title-image { width: 108px !important; height: auto !important; margin: 0; }
#header .rightNav							{ margin-left: auto; }
#header .rightNav a.button					{ display: none; }
#slider, #slider .home-slider, #slider .owl-stage-outer, #slider .owl-stage, #slider .owl-item { height: 600px; }
#slider .caption 							{ max-width: none; width: calc(100% - 42px); margin-top: -150px; padding: 15px 15px; outline-offset: 4px; /*position: relative; top: auto; bottom: 6px;*/ right: auto; left: 21px; }
#slider .caption h1 						{ font-size: 30px; line-height: 35px; }
#slider .caption h1 br 						{ display: block; }
#slider .caption p 							{ margin: 15px 0 0 0; font-size: 16px; line-height: 23px; }
#slider .caption a.button 					{ margin: 20px 0 0 0; padding: 10px 18px; font-size: 16px; line-height: 20px; }
#welcomeSec									{ padding-top: 50px; padding-bottom: 50px; }
#welcomeSec .topContent						{ margin-bottom: 30px; }
#welcomeSec .topContent h2 					{ font-size: 30px; line-height: 35px; }
#welcomeSec .topContent p 					{ font-size: 16px; line-height: 23px; }
#welcomeSec .welcomeContent h4 				{ margin: 0 0 5px 0; font-size: 20px; line-height: 25px; }
#welcomeSec .welcomeContent ol li			{ padding: 25px 15px 25px 45px; font-size: 20px; line-height: 25px; }
.rtl #welcomeSec .welcomeContent ol li		{ padding: 25px 45px 25px 15px; }
#welcomeSec .welcomeContent ol li:hover 	{ text-indent: 0px; }
#welcomeSec .welcomeContent ol li img		{ display: none; width: 52px; right: 15px; }
.rtl #welcomeSec .welcomeContent ol li img 	{ left: 15px; }
#propertySec								{ padding-top: 50px; padding-bottom: 50px; }
#propertySec .topContent					{ margin-bottom: 30px; }
#propertySec .topContent h2 				{ font-size: 30px; line-height: 35px; }
#propertySec .topContent p 					{ font-size: 16px; line-height: 23px; }
#propertySec .property-slider 				{ width: 100%; }
#propertySec .property-slider .item			{ flex-direction: column; gap: 15px; }
#propertySec .property-slider .item .image 	{ width: 100%; }
#propertySec .property-slider .item .info	{ padding-top: 0; }
#propertySec .property-slider .item .info h3 { margin: 0 0 15px 0; font-size: 20px; line-height: 25px; }
#propertySec .property-slider .item .info ul { flex-direction: row; flex-wrap: wrap; }
#propertySec .property-slider .item .info ul li { gap: 5px; width: calc(50% - 8px); }
#propertySec .property-slider .item .info ul li:nth-child(5) { width: calc(100% - 0px); }
#propertySec .property-slider .item .info ul li .label { font-size: 14px; line-height: 18px; }
#propertySec .property-slider .item .info ul li .data { font-size: 16px; line-height: 20px; }
#propertySec .property-slider .owl-nav 		{ justify-content: space-between; margin-top: 30px; position: static; }
#getResultsSec .info 						{ max-width: none; width: auto; padding: 15px 15px; outline-offset: 4px; top: auto; bottom: 46px; right: 20px; left: 20px; }
#getResultsSec .info h3 					{ margin: 0 0 15px 0; padding: 0 0 15px 0; font-size: 30px; line-height: 35px; }
#getResultsSec .info p 						{ font-size: 16px; line-height: 23px; }
#getResultsSec .image img 					{ max-width: none; width: 200%; margin-left: -30%; }
#marqueeSec									{ padding-top: 15px; padding-bottom: 15px; }
#marqueeSec .marqueeBox .mhTrack .item .text { font-size: 18px; }
#marqueeSec .marqueeBox .mhTrack .item .icon img { min-width: 30px; }
#clearProcessSec							{ padding-top: 50px; padding-bottom: 50px; }
#clearProcessSec .topContent				{ margin-bottom: 30px; }
#clearProcessSec .topContent h2 			{ font-size: 30px; line-height: 35px; }
#clearProcessSec .topContent p 				{ font-size: 16px; line-height: 23px; }
#clearProcessSec .processContent 			{ max-width: 860px; }
#trustedBySec								{ padding-top: 50px; padding-bottom: 50px; background-position: center top 60%; background-size: 400%; }
#trustedBySec .topContent					{ margin-bottom: 30px; }
#trustedBySec .topContent h2 				{ font-size: 30px; line-height: 35px; }
#trustedBySec .topContent h2::before 		{ width: 27px; height: 35px; margin-top: -7px; transform: translateY(-17px); }
.rtl #trustedBySec .topContent h2::before 	{ transform: translateY(-17px) scaleX(-1); }
#trustedBySec .topContent p 				{ font-size: 16px; line-height: 23px; }
#trustedBySec .trustedbyContent ul 			{ gap: 15px; }
#trustedBySec .trustedbyContent ul li 		{ gap: 15px; width: calc(100% - 0px); padding: 10px 10px; font-size: 16px; line-height: 23px; }
#trustedBySec .trustedbyContent ul li:last-child:after { width: 27px; height: 35px; transform: scaleX(-1) scaleY(-1) translateX(-7px) translateY(-27px) rotate(37deg); }
.rtl #trustedBySec .trustedbyContent ul li:last-child:after { transform: scaleX(1) scaleY(-1) translateX(-7px) translateY(-27px) rotate(37deg); }
#clientsSaySec								{ padding-top: 50px; padding-bottom: 50px; }
#clientsSaySec .topContent					{ margin-bottom: 30px; }
#clientsSaySec .topContent h2 				{ font-size: 30px; line-height: 35px; }
#clientsSaySec .topContent p 				{ font-size: 16px; line-height: 23px; }
#clientsSaySec .clients-slider .item 		{ gap: 20px; padding: 15px; }
#clientsSaySec .clients-slider .item .info 	{ min-height: 156px; max-height: 156px; }
#clientsSaySec .clients-slider .item .info p { font-size: 16px; line-height: 23px; }
#clientsSaySec .clients-slider .item .name 	{ font-size: 20px; }
#clientsSaySec .clients-slider .item .name strong { font-size: 14px; }
#weSpeakSec									{ padding-top: 50px; padding-bottom: 50px; }
#weSpeakSec .weSpeakContent 				{ flex-direction: column; gap: 30px; }
#weSpeakSec .weSpeakContent .left 			{ width: 100%; text-align: center; }
#weSpeakSec .weSpeakContent .left h2 		{ font-size: 30px; line-height: 35px; }
#weSpeakSec .weSpeakContent .left p 		{ font-size: 16px; line-height: 23px; }
#weSpeakSec .weSpeakContent .right 			{ width: 100%; }
#haveCondoSec 								{ margin-bottom: -50px; }
#haveCondoSec .info 						{ max-width: 280px; right: 15px; }
#haveCondoSec .info h3 						{ margin: 0 0 20px 0; font-size: 30px; line-height: 35px; }
#haveCondoSec .info p 						{ font-size: 16px; line-height: 23px; }
#haveCondoSec .info p br 					{ display: none; }
#haveCondoSec .info a.button 				{ margin: 5px 0 0 0; padding: 10px 18px; font-size: 16px; line-height: 20px; }
#footer										{ padding: 0 15px; padding-top: 80px; padding-bottom: 30px; }
#footer [class*="col-"]:nth-child(1) 		{ flex: 0 0 100%; max-width: 100%; }
#footer [class*="col-"]:nth-child(2) 		{ flex: 0 0 100%; max-width: 100%; }
#footer [class*="col-"]:nth-child(2) ul.menu li { width: calc(50% - 8px); }
#footer [class*="col-"]:nth-child(3) 		{ flex: 0 0 100%; max-width: 100%; }
#footer [class*="col-"]:nth-child(4) 		{ flex: 0 0 100%; max-width: 100%; }
#footer h3 									{ font-size: 20px; line-height: 25px; }
#footer ul.menu 							{ flex-direction: row; }
#footer ul.social							{ gap: 15px; }
#footer ul.social li a						{ gap: 7px; }
#footer ul.social li a span					{ width: 35px; height: 35px; }
#footer ul.social li a span img 			{ width: 17px; }
#footer .copyText							{ font-size: 14px; }

/*----------------- Modal Design -----------------*/
.modalDesign::-webkit-scrollbar				{ width: 0px; }
.modalDesign .modal-body					{ padding: 25px 25px; }
.modalDesign .close							{ width: 25px; margin: -20px -20px 0 0; }
.modalDesign .modal-body h2					{ font-size: 25px; line-height: 30px; }

/*----------------- Inner Pages -----------------*/
#innerBanner, #innerBanner .inner-slider, #innerBanner .owl-stage-outer, #innerBanner .owl-stage, #innerBanner .owl-item { height: 520px; }
#innerBanner .caption 						{ max-width: none; width: auto; right: 15px; left: 15px; }
#innerBanner .caption h1 					{ font-size: 30px; line-height: 35px; }
#innerBanner .caption h1 br 				{ display: block; }
#innerBanner .caption p 					{ margin: 15px 0 0 0; font-size: 16px; line-height: 23px; }
#innerBanner .caption a.button 				{ margin: 20px 0 0 0; padding: 10px 18px; font-size: 16px; line-height: 20px; }
#innerSec 									{ padding-top: 50px; padding-bottom: 50px; }
#innerSec .content h1, #innerSec .content h2, #innerSec .content h3, #innerSec .content h4, #innerSec .content h5, #innerSec .content h6 { font-weight: 500; }
#innerSec .content h1 						{ font-size: 35px; line-height: 40px; }
#innerSec .content h2 						{ font-size: 30px; line-height: 35px; }
#innerSec .content h3 						{ font-size: 25px; line-height: 30px; }
#innerSec .content h4 						{ font-size: 20px; line-height: 25px; }
#innerSec .content h5 						{ font-size: 18px; line-height: 23px; }
#innerSec .content h6 						{ font-size: 16px; line-height: 21px; }
#innerSec .content p 						{ font-size: 16px; line-height: 23px; }
#innerSec .content > strong 				{ font-size: 18px; line-height: 23px; }
#innerSec .content ul 						{ gap: 7px; }
#innerSec .content ul li 					{ padding: 0 0 0 18px; font-size: 16px; line-height: 23px; }
#innerSec .content ul li::before 			{ width: 7px; height: 7px; top: 8px; }
#innerSec .content ol 						{ gap: 7px; }
#innerSec .content ol li 					{ padding: 0 0 0 27px; font-size: 16px; line-height: 23px; }

/*----------------- About Page -----------------*/
#aboutSec									{ padding-top: 50px; padding-bottom: 50px; }
#aboutSec .topContent h2 					{ margin: 0; font-size: 30px; line-height: 35px; }
#aboutSec .topContent h2 br 				{ display: none; }
#aboutSec .topContent p 					{ font-size: 16px; line-height: 23px; }
#aboutSec .aboutContent						{ margin-top: 30px; }
#aboutSec .aboutContent .box 				{ flex-direction: column; gap: 30px; }
#aboutSec .aboutContent .box .item 			{ width: 100%; }
#aboutSec .aboutContent h4 					{ font-size: 18px; line-height: 26px; }
#aboutSec .aboutContent p 					{ font-size: 16px; line-height: 23px; }
#aboutListSec 								{ padding-top: 50px; padding-bottom: 50px; }
#aboutListSec .item 						{ flex-direction: column; gap: 30px; margin-bottom: 50px; }
#aboutListSec .item:nth-child(even) 		{ flex-direction: column; }
#aboutListSec .item .image 					{ width: 100%; }
#aboutListSec .item .info 					{ width: 100%; }
#aboutListSec .item .info h3 				{ font-size: 30px; line-height: 35px; }
#aboutListSec .item .info p 				{ font-size: 16px; line-height: 23px; }
#aboutListSec .item .info ul li 			{ padding: 12px 15px 12px 30px; font-size: 16px; line-height: 23px; }
.rtl #aboutListSec .item .info ul li 		{ padding: 12px 30px 12px 15px; }
#unlockValueSec 							{ padding-top: 50px; padding-bottom: 50px; }
#unlockValueSec .unlockValueContent h2 		{ font-size: 27px; line-height: 32px; }
#unlockValueSec .unlockValueContent img 	{ width: 100px; height: 50px; margin-right: 15px; }
#principlesSec 								{ padding-top: 50px; padding-bottom: 50px; }
#principlesSec .topContent					{ margin-bottom: 30px; }
#principlesSec .topContent h2 				{ font-size: 30px; line-height: 35px; }
#principlesSec .topContent p 				{ font-size: 16px; line-height: 23px; }
#principlesSec .principlesContent ul 		{ gap: 15px; }
#principlesSec .principlesContent ul li 	{ padding: 10px 15px 10px 45px; font-size: 16px; line-height: 23px; }
.rtl #principlesSec .principlesContent ul li { padding: 10px 45px 10px 15px; }
#principlesSec .principlesContent ul li:before { left: 15px; }
.rtl #principlesSec .principlesContent ul li:before { right: 15px; }

/*----------------- Services Page -----------------*/
#servicesSec 								{ padding-top: 50px; padding-bottom: 50px; }
#servicesSec .item 							{ flex-direction: column; gap: 30px; padding-bottom: 50px; margin-bottom: 50px; }
#servicesSec .item:nth-child(even) 			{ flex-direction: column; }
#servicesSec .item .image 					{ width: 100%; }
#servicesSec .item .image h3 				{ gap: 10px; font-size: 27px; line-height: 32px; }
#servicesSec .item .info 					{ width: 100%; }
#servicesSec .item .info h5 				{ margin: 20px 0 15px 0; font-size: 18px; line-height: 23px; }
#servicesSec .item .info p 					{ font-size: 16px; line-height: 23px; }
#servicesSec .item .info ul li 				{ padding: 12px 15px 12px 30px; font-size: 16px; line-height: 23px; }
.rtl #servicesSec .item .info ul li 		{ padding: 12px 30px 12px 15px; }
#servicesSec .item .info ul.ideal li 		{ padding: 8px 20px; font-size: 16px; line-height: 20px; }

/*----------------- Faq Page -----------------*/
#faqSec 									{ padding-top: 50px; padding-bottom: 50px; }
#faqSec .faqContent .item 					{ flex-direction: column; gap: 10px; margin-bottom: 50px; }
#faqSec .faqContent .item h4 				{ max-width: none; margin: 0; font-size: 23px; line-height: 28px; }
#faqSec .faqContent .item .accordion .card .card-header .link { padding: 15px 0; font-size: 16px; line-height: 23px; }
#faqSec .faqContent .item .accordion .card .card-body { padding: 0 0 15px 0; }
#faqSec .faqContent .item .accordion .card .card-body p { font-size: 16px; line-height: 23px; }
#faqSec .faqContent .item .accordion .card .card-body ul li { font-size: 16px; line-height: 23px; }

/*----------------- Blog Page -----------------*/
#blogFeaturedSec 							{ padding-top: 50px; padding-bottom: 50px; }
#blogFeaturedSec .featuredContent 			{ flex-direction: column; }
#blogFeaturedSec .featuredContent .image 	{ width: 100%; }
#blogFeaturedSec .featuredContent .info 	{ width: 100%; padding: 0px 0; }
#blogFeaturedSec .featuredContent .info h3 	{ font-size: 22px; line-height: 27px; }
#blogFeaturedSec .featuredContent .info p 	{ font-size: 16px; line-height: 23px; }
#blogListingSec 							{ padding-top: 50px; padding-bottom: 50px; }
#blogListingSec .titleFilter 				{ gap: 15px; }
#blogListingSec .titleFilter .filterBox 	{ gap: 15px; }
#blogListingSec .titleFilter .filterBox label { display: none; }
#blogListingSec .title h3 					{ font-size: 35px; line-height: 40px; }
#blogListingSec .blogListing 				{ gap: 40px; }
#blogListingSec .blogListing .wrapper 		{ row-gap: 40px; }
#blogListingSec .blogListing .item 			{ width: calc(100% - 0px); }
#blogListingSec .blogListing .item .info 	{ padding: 10px 0; }
#blogListingSec .blogListing .item .info h3 { font-size: 22px; line-height: 27px; }
#blogListingSec .blogListing .pagination ul li .page-numbers { min-width: 45px; min-height: 45px; }

/*----------------- Blog Detail Page -----------------*/
#blogDetailSec 								{ padding-top: 50px; padding-bottom: 50px; }
#blogDetailSec .detailContent 				{ gap: 25px; }
#blogDetailSec .detailContent .title 		{ width: 100%; }
#blogDetailSec .detailContent .title h1 	{ font-size: 35px; line-height: 40px; }
#blogDetailSec .detailContent .title .post-meta { gap: 15px; margin-top: 20px; padding-top: 20px; }
#blogDetailSec .detailContent .info 		{ width: 100%; }
#blogDetailSec .detailContent .info h2, #blogDetailSec .detailContent .info h3, #blogDetailSec .detailContent .info h4, #blogDetailSec .detailContent .info h5, #blogDetailSec .detailContent .info h6 { font-weight: 500; }
#blogDetailSec .detailContent .info h2 		{ font-size: 30px; line-height: 35px; }
#blogDetailSec .detailContent .info h3 		{ font-size: 25px; line-height: 30px; }
#blogDetailSec .detailContent .info h4 		{ font-size: 20px; line-height: 25px; }
#blogDetailSec .detailContent .info h5 		{ font-size: 18px; line-height: 23px; }
#blogDetailSec .detailContent .info h6 		{ font-size: 16px; line-height: 21px; }
#blogDetailSec .detailContent .info p 		{ font-size: 16px; line-height: 23px; }
#blogDetailSec .detailContent .info > strong { font-size: 18px; line-height: 23px; }
#blogDetailSec .detailContent .info ul 		{ gap: 7px; }
#blogDetailSec .detailContent .info ul li 	{ padding: 0 0 0 18px; font-size: 16px; line-height: 23px; }
.rtl #blogDetailSec .detailContent .info ul li { padding: 0 18px 0 0; }
#blogDetailSec .detailContent .info ul li::before { width: 7px; height: 7px; top: 8px; }
#blogDetailSec .detailContent .info ol 		{ gap: 7px; }
#blogDetailSec .detailContent .info ol li 	{ padding: 0 0 0 27px; font-size: 16px; line-height: 23px; }
.rtl #blogDetailSec .detailContent .info ol li { padding: 0 27px 0 0; }

/*----------------- Contact Page -----------------*/
#contactSec 								{ padding-top: 50px; padding-bottom: 50px; }
#contactSec .contactBox 					{ flex-direction: column; gap: 30px; }
#contactSec .contactBox .contactForm  		{ width: 100%; }
#contactSec .contactBox .contactForm h2 	{ font-size: 30px; line-height: 35px; }
#contactSec .contactBox .contactForm p 		{ font-size: 16px; line-height: 23px; }
#contactSec .contactBox .contactForm .form-group { margin-bottom: 30px; }
#contactSec .contactBox .contactForm .form-group note { font-size: 16px; line-height: 23px; top: 10px; }
#contactSec .contactBox .contactForm .form-group note + .wpcf7-form-control-wrap .form-control { padding-right: 40px; }
#contactSec .contactBox .contactForm .form-group .form-control { padding: 10px 0; font-size: 16px; line-height: 23px; }
#contactSec .contactBox .contactForm .form-group textarea.form-control { margin-top: 10px; }
#contactSec .contactBox .contactForm .form-group label { font-size: 16px; line-height: 23px; top: 10px; }
#contactSec .contactBox .contactForm .form-group .wpcf7-form-control-wrap:has(input:focus) ~ label,
#contactSec .contactBox .contactForm .form-group .wpcf7-form-control-wrap:has(input:not(:placeholder-shown)) ~ label,
#contactSec .contactBox .contactForm .form-group .wpcf7-form-control-wrap:has(textarea:focus) ~ label,
#contactSec .contactBox .contactForm .form-group .wpcf7-form-control-wrap:has(textarea:not(:placeholder-shown)) ~ label,
#contactSec .contactBox .contactForm .form-group .wpcf7-form-control-wrap:has(.select.active) ~ label,
#contactSec .contactBox .contactForm .form-group .wpcf7-form-control-wrap:has(select:focus) ~ label,
#contactSec .contactBox .contactForm .form-group .wpcf7-form-control-wrap:has(select:not([value=""])) ~ label { font-size: 14px; top: -13px; }
#contactSec .contactBox .contactForm .form-group .wpcf7-form-control-wrap:has(textarea) ~ label { top: 0px; }
#contactSec .contactBox .contactForm .form-group .wpcf7-form-control-wrap:has(textarea:focus) ~ label,
#contactSec .contactBox .contactForm .form-group .wpcf7-form-control-wrap:has(textarea:not(:placeholder-shown)) ~ label { top: -23px; }
#contactSec .contactBox .contactForm .form-group .submitBtn { padding: 10px 18px; font-size: 16px; line-height: 20px; }
#contactSec .contactBox .contactDetail 		{ width: 100%; }
#contactSec .contactBox .contactDetail .item { gap: 20px; margin-bottom: 20px; padding: 25px 25px; }
#contactSec .contactBox .contactDetail .item h4 { font-size: 20px; line-height: 25px; }
#contactSec .contactBox .contactDetail ul 	{ gap: 15px; }
#contactSec .contactBox .contactDetail ul li { padding: 0 0 0 45px; font-size: 16px; line-height: 24px; }
.rtl #contactSec .contactBox .contactDetail ul li { padding: 0 45px 0 0; }
#contactSec .contactBox .contactDetail ul li::before, #contactSec .contactBox .contactDetail ul li::after { width: 35px; height: 35px; top: 3px; }
#contactSec .contactBox .contactDetail ul li::after { background-size: 17px !important; }
#contactSec .contactBox .contactDetail ul li span { font-size: 14px; line-height: 18px; }
#contactSec .contactBox .contactDetail ul li a br { display: none; }
#contactSec .contactBox .contactDetail ul.checklist { gap: 10px; }
#contactSec .contactBox .contactDetail ul.checklist li { padding: 0 0 0 30px; }
.rtl #contactSec .contactBox .contactDetail ul.checklist li { padding: 0 30px 0 0; }

}



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

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

#footer [class*="col-"]:nth-child(1) 		{ flex: 0 0 calc(50% - 15px); max-width: calc(50% - 15px); }
#footer [class*="col-"]:nth-child(2) 		{ flex: 0 0 calc(50% - 15px); max-width: calc(50% - 15px); }
#footer [class*="col-"]:nth-child(3) 		{ flex: 0 0 calc(50% - 15px); max-width: calc(50% - 15px); }
#footer [class*="col-"]:nth-child(4) 		{ flex: 0 0 calc(50% - 15px); max-width: calc(50% - 15px); }

/*----------------- Inner Pages -----------------*/
#innerBanner, #innerBanner .inner-slider, #innerBanner .owl-stage-outer, #innerBanner .owl-stage, #innerBanner .owl-item { height: 370px; }

}