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


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

:root															{ --container-width: 1250px; }
.elementor-container                           					{ max-width: 1250px; }
.container 														{ width:1250px; }


}

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

:root															{ --container-width: 1250px; }
.elementor-container                           					{ max-width: 1250px; }
.container 														{ width:1250px; }


}

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

:root															{ --container-width: 1250px; }
.elementor-container                           					{ max-width: 1250px; }
.container 														{ width:1250px; }


}

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

:root															{ --container-width: 1250px; }
.elementor-container                       						{ max-width: 1250px; }
.container 														{ width:1250px; }


}

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

}

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

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

/* ---------- Inner Banner Css ---------- */
.innerBanner 													{ padding-bottom: 30px; }
.committedBox													{ width: 50%; left: -20px!important; }
.licensedList ul li .elementor-icon-list-text					{ font-size: 15px!important; }

/* ---------- Blog Page Css ---------- */
.blogMainSec 													{ padding: 60px 0px; }
.blogMainSec .articleBox 										{ width: 100%; }
.blogMainSec .articleBox .blogItems .blogImage img 				{ min-height: auto !important; }
.blogMainSec .articleBox .blogItems .blogInfo h4.title 			{ min-height: 60px; font-size: 20px; line-height: 30px; }


/* ---------- Blog Detail Page Css ---------- */
.blogDetailsSec 												{ max-width: 960px; padding: 60px 0px; margin-top: 125px; }
.blogDetailsSec article .entryHeader h1							{ font-size: 45px; line-height: 50px; }
.blogDetailsSec article .content p,
.blogDetailsSec article .content ul li							{ font-size: 16px; line-height: 26px; }
.blogDetailsSec .comment-respond p 								{ font-size: 16px; }
.blogDetailsSec .comment-respond h3 							{ margin: 30px 0 20px 0; font-size: 35px; line-height: 40px; }
.blogDetailsSec .comment-respond p label 						{ font-size: 16px; }

.blogRelatedSec 												{ padding-top: 0; }
.blogRelatedSec .titleTotal 									{ margin-bottom: 20px; }
.blogRelatedSec .titleTotal h2.pageTitle						{ font-size: 35px; line-height: 40px; }


}

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

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

#rmp_menu_trigger-153                                   		{ top: 35px; }
header.sticky .elementor-widget-image img                   	{ max-width: 85px !important; }

.homeBlog ul li .info h3, .homeBlog ul li .info h3 a 			{ font-size: 19px; line-height: 24px; }
.homeBlog ul li .info p 										{ font-size: 18px; line-height: 22px; }


/* ---------- Inner Banner Css ---------- */
.innerBanner 													{ padding-bottom: 30px; }
.committedBox													{ width: 65%; left: -20px!important; }
.licensedList ul li .elementor-icon-list-text					{ font-size: 15px!important; }


/* ---------- Blog Page Css ---------- */
.blogMainSec 													{ padding: 50px 0px; }
.blogMainSec .titleTotal .pageTitle 							{ margin: 0 0 0px 0; font-size: 35px; line-height: 35px; }
.blogMainSec .articleBox 										{ width: 100%; }
.blogMainSec .articleBox .blogItems 							{ width: 100%; }
.blogMainSec .articleBox .blogItems .blogImage img 				{ min-height: auto !important; }
.blogMainSec .articleBox .blogItems .blogInfo h4.title 			{ min-height: 60px; font-size: 20px; line-height: 30px; }


/* ---------- Blog Detail Page Css ---------- */
.blogDetailsSec 												{ max-width: 738px; padding: 60px 0px; margin-top: 125px; }
.blogDetailsSec article .entryHeader h1							{ font-size: 45px; line-height: 50px; }
.blogDetailsSec article .content p,
.blogDetailsSec article .content ul li							{ font-size: 16px; line-height: 26px; }
.blogDetailsSec .comment-respond p 								{ font-size: 16px; }
.blogDetailsSec .comment-respond h3 							{ margin: 30px 0 20px 0; font-size: 35px; line-height: 40px; }
.blogDetailsSec .comment-respond p label 						{ font-size: 16px; }

.blogRelatedSec 												{ padding-top: 0; }
.blogRelatedSec .titleTotal 									{ margin-bottom: 20px; }
.blogRelatedSec .titleTotal h2.pageTitle						{ font-size: 35px; line-height: 40px; }

}

/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 767px to 320px */

@media only screen and (max-width: 767px) {

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

header.sticky .elementor-widget-image img                   	{ max-width: 70px !important; }
.subTitle .elementor-heading-title::before                  	{ top: 13px; width: 25px; }
.testimonialsSec .testimonialsSubTitle .elementor-heading-title::after { top: 13px; width: 25px; }

.homeBlog ul 													{ flex-direction: column; }
.homeBlog ul li 												{ width: 100%; border-right: 0; border: 1px solid #54545b; margin-bottom: 20px; }
.homeBlog ul li:last-child 										{ margin-bottom: 0; border-right: 1px solid #54545b; }
.homeBlog ul li .info h3, .homeBlog ul li .info h3 a 			{ font-size: 19px; line-height: 24px; }
.homeBlog ul li .info p 										{ font-size: 18px; line-height: 22px; }

/* ---------- Inner Banner Css ---------- */
.innerBanner 													{ padding-bottom: 20px; }
.innerBanner ul.bcn-breadcrumbs li 								{ font-size: 18px; }

/* ---------- About Page Css ---------- */
.whatWeSec .listItem 											{ flex-wrap: nowrap; }
.whatWeSec .listItem .elementor-image-box-wrapper				{ display: flex; flex-direction: row-reverse; }

/* ---------- Contact Page Css ---------- */
.contactForm 													{ margin: 0 0px; }
.contactForm .form-group.half 									{ width: 100%; }
.contactForm .form-group 										{ padding: 0 0px; }

/* ---------- Blog Page Css ---------- */
.blogMainSec 													{ padding: 40px 0px; }
.blogMainSec .titleTotal .pageTitle 							{ margin: 0 0 0px 0; font-size: 35px; line-height: 35px; }
.blogMainSec .articleBox 										{ gap: 30px; flex-direction: column; width: 100%; }
.blogMainSec .articleBox .blogItems 							{ display: flex; flex-direction: column; width: 100%; }
.blogMainSec .articleBox .blogItems .blogImage img 				{ min-height: auto!important; }
.blogMainSec .articleBox .blogItems .blogInfo 					{ width: 100%; }
.blogMainSec .articleBox .blogItems .blogInfo h4.title 			{ min-height: auto!important; font-size: 20px; line-height: 25px; }


/* ---------- Blog Detail Page Css ---------- */
.blogDetailsSec 												{ max-width: 100%; width: auto; padding: 40px 15px; }
.blogDetailsSec ul.bcn-breadcrumbs 								{ flex-direction: column; align-items: flex-start; row-gap: 7px; }
.blogDetailsSec article .entryHeader 							{ margin-bottom: 30px; }
.blogDetailsSec article .entryHeader h1							{ font-size: 28px; line-height: 34px; }
.blogDetailsSec article .content p,
.blogDetailsSec article .content ul li							{ font-size: 18px; line-height: 26px; }
.blogDetailsSec article .share 									{ margin-top: 40px; }

.blogDetailsSec .comments-area 									{ padding-top: 40px !important; }
.blogDetailsSec .comment-respond h3 							{ margin: 0px 0 20px 0; font-size: 28px; line-height: 34px; }
.blogDetailsSec .comment-respond p 								{ flex-direction: column; align-items: flex-start; margin: 0 0 15px 0; }
.blogDetailsSec .comment-respond p label 						{ width: 100%; }
.blogDetailsSec .comment-respond p.comment-form-cookies-consent { flex-direction: inherit; margin-left: 0; }
.blogDetailsSec .comment-respond p.comment-form-cookies-consent input { margin: 0px 0px 0 0; }
.blogDetailsSec .comment-respond p input, 
.blogDetailsSec .comment-respond p textarea 					{ width: 100%; }
.blogDetailsSec .comment-respond p .submit 						{ margin-left: 0; }

.blogRelatedSec 												{ padding-top: 40px; }
.blogRelatedSec .titleTotal 									{ margin-bottom: 20px; }
.blogRelatedSec .titleTotal h2.pageTitle						{ font-size: 28px; line-height: 34px; }
.blogRelatedSec .articleBox .blogItems 							{ border-right: 0px; border-bottom: 1px solid #c5c5c5; }

}

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

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

}