@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: 2100px) {

.container                                  { max-width: 1280px; }

}



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

.container                                  { max-width: 1280px; }

}



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

.container                                  { max-width: 1280px; }

}



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

.container									{ max-width: 960px; }

#topbar ul li a								{ font-size: 15px; }
#mainNav ul.menu li							{ padding: 0 6px; }
#slider .caption h1							{ font-size: 37px; line-height: 42px; }
#slider .caption p							{ font-size: 20px; line-height: 25px; }
#slider .caption .button					{ padding: 10px 20px; font-size: 16px; }
#ourServices .item h5						{ font-size: 17px; }
.footerSection .ftr_contact ul li br		{ display: none; }

/*----------------- Inner Pages -----------------*/
#innerBanner								{ height: 350px; }
#innerBanner .caption h2					{ font-size: 40px; line-height: 45px; }

}



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

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

#topbar ul li strong						{ display: none; }
#header .logo								{ width: 100px; }
#mainNav									{ display: none; }
#slider .caption h1							{ font-size: 27px; line-height: 32px; }
#slider .caption p							{ font-size: 18px; line-height: 23px; }
#slider .caption .button					{ padding: 10px 20px; font-size: 16px; }
#ourServices								{ padding-top: 40px; padding-bottom: 40px; }
#ourServices h2								{ margin: 0 0 30px 0; font-size: 30px; line-height: 35px; }
#ourServices h2 span						{ padding: 0 0 5px 0; }
#ourServices .item							{ margin-bottom: 50px; }
#ourServices .item:nth-last-child(-n+2)		{ margin-bottom: 20px; }
#ourServices .item h5						{ margin: 0 0 -12px 0; padding: 20px 10px; font-size: 18px; }
#aboutECI									{ padding-top: 40px; padding-bottom: 40px; }
#aboutECI .image							{ margin-bottom: 30px; }
#aboutECI h2								{ padding: 0 0 5px 0; font-size: 30px; line-height: 35px; }
#aboutECI h4								{ font-size: 20px; line-height: 25px; }
#aboutECI p									{ font-size: 16px; line-height: 26px; }
#aboutECI .button							{ padding: 10px 20px; font-size: 16px; }
#hiringPeople								{ padding-top: 40px; padding-bottom: 40px; }
#hiringPeople .image						{ margin-bottom: 30px; }
#hiringPeople h2							{ padding: 0 0 5px 0; font-size: 30px; line-height: 35px; }
#hiringPeople h4							{ font-size: 20px; line-height: 25px; }
#hiringPeople p								{ font-size: 16px; line-height: 26px; }
#hiringPeople .button						{ padding: 10px 20px; font-size: 16px; }
#latestNews									{ padding-top: 40px; padding-bottom: 40px; }
#latestNews h2								{ margin: 0 0 30px 0; font-size: 30px; line-height: 35px; }
#latestNews h2 span							{ padding: 0 0 5px 0; }
#latestNews .item .info						{ padding: 15px 10px; }
#latestNews .item h6						{ font-size: 16px; line-height: 21px; }
#latestNews .item h4						{ font-size: 20px; line-height: 25px; }
#latestNews .item .button					{ padding: 0 0 4px 0; font-size: 16px; }
.footerSection								{ padding-top: 40px; }
.footerSection .ftr_logo					{ padding-bottom: 40px; }
.footerSection .ftr_menu					{ padding-bottom: 40px; }
.footerSection .ftr_contact					{ padding-bottom: 40px; }

/*----------------- Inner Pages -----------------*/
.alignleft, .alignnone, .alignright, .aligncenter { max-width: 50%; }
#innerBanner								{ height: 300px; }
#innerBanner .caption h2					{ font-size: 30px; line-height: 35px; }
#innerSection								{ padding-top: 40px; padding-bottom: 40px; }
#innerSection h1							{ margin: 0 0 30px 0; font-size: 30px; line-height: 35px; }
#innerSection h1 span						{ padding: 0 0 5px 0; }
#innerSection h4							{ font-size: 20px; line-height: 25px; }
#innerSection p								{ font-size: 16px; line-height: 26px; }
#innerSection ul li							{ margin: 0 0 7px 0; font-size: 16px; line-height: 26px; }
#innerSection ol li							{ margin: 0 0 7px 0; font-size: 16px; line-height: 26px; }

/*----------------- about page -----------------*/
#teams .item .info							{ padding: 15px 10px; }
#teams .item h4								{ font-size: 20px; line-height: 25px; }
[id*="team-content-"] h4					{ font-size: 20px; line-height: 25px; }
[id*="team-content-"] p						{ font-size: 16px; line-height: 26px; }

/*----------------- contact page -----------------*/
.map iframe									{ height: 400px; }

/*----------------- service-department page -----------------*/
.callus h3									{ font-size: 20px; }
.callus a									{ font-size: 25px; }

/*----------------- careers page -----------------*/
.bonus .wp-block-column						{ margin-bottom: 30px; }

/*----------------- blog page -----------------*/
#newsSection								{ padding-top: 40px; padding-bottom: 40px; }
#newsSection h1								{ margin: 0 0 30px 0; font-size: 30px; line-height: 35px; }
#newsSection h1 span						{ padding: 0 0 5px 0; }
#newsSection .item .info					{ padding: 15px 10px; }
#newsSection .item h6						{ font-size: 16px; line-height: 21px; }
#newsSection .item h4						{ font-size: 20px; line-height: 25px; }
#newsSection .item .button					{ padding: 0 0 4px 0; font-size: 16px; }
#newsSection .single_item h2.entry-title	{ font-size: 25px; }
#newsSection .single_item h3				{ font-size: 22px; }
#newsSection .single_item h4				{ font-size: 20px; }
#newsSection .single_item p					{ font-size: 16px; line-height: 26px; }
#newsSection .single_item ul li				{ margin: 0 0 7px 0; font-size: 16px; line-height: 26px; }
#newsSection .single_item ol li				{ margin: 0 0 7px 0; font-size: 16px; line-height: 26px; }
.user_cmt_box .media_list .blog-user-image	{ width: 40px; }
.user_cmt_box .media_list .blog-user-comment-body { width: calc(100% - 40px); }
.comment-respond p label					{ width: 100%; padding-right: 0px; text-align: left; }
.comment-respond p textarea					{ width: 100%; }
.comment-respond p input					{ width: 100%; }
.comment-respond p.comment-form-cookies-consent input { margin-left: 0%; }
.comment-respond p.comment-form-cookies-consent label { width: calc(100% - 20px); }
.comment-respond p .submit					{ margin-left: 0%; }



}



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

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

#topbar .right								{ display: none; }
#topbar ul li								{ padding: 0 9px; }
#topbar ul li strong						{ display: none; }
#header .logo								{ width: 100px; }
#mainNav									{ display: none; }
#slider > img								{ width: 200%; max-width: 200%; margin-left: -50%; }
#slider .caption							{ width: 90%; padding: 10px; }
#slider .caption h1							{ font-size: 25px; line-height: 30px; }
#slider .caption p							{ font-size: 17px; line-height: 22px; }
#slider .caption .button					{ padding: 10px 20px; font-size: 16px; }
#ourServices								{ padding-top: 30px; padding-bottom: 30px; }
#ourServices h2								{ margin: 0 0 20px 0; font-size: 25px; line-height: 30px; }
#ourServices h2 span						{ padding: 0 0 5px 0; }
#ourServices .item							{ margin-bottom: 40px; }
#ourServices .item:last-child				{ margin-bottom: 20px; }
#ourServices .item h5						{ margin: 0 0 -12px 0; padding: 20px 10px; font-size: 20px; }
#aboutECI									{ padding-top: 30px; padding-bottom: 30px; }
#aboutECI .image							{ margin-bottom: 30px; }
#aboutECI h2								{ padding: 0 0 5px 0; font-size: 25px; line-height: 30px; }
#aboutECI h4								{ font-size: 18px; line-height: 23px; }
#aboutECI p									{ font-size: 16px; line-height: 26px; }
#aboutECI .button							{ padding: 10px 20px; font-size: 16px; }
#hiringPeople								{ padding-top: 30px; padding-bottom: 30px; }
#hiringPeople .image						{ margin-bottom: 30px; }
#hiringPeople h2							{ padding: 0 0 5px 0; font-size: 25px; line-height: 30px; }
#hiringPeople h4							{ font-size: 18px; line-height: 23px; }
#hiringPeople p								{ font-size: 16px; line-height: 26px; }
#hiringPeople .button						{ padding: 10px 20px; font-size: 16px; }
#latestNews									{ padding-top: 30px; padding-bottom: 30px; }
#latestNews h2								{ margin: 0 0 20px 0; font-size: 25px; line-height: 30px; }
#latestNews h2 span							{ padding: 0 0 5px 0; }
#latestNews .item							{ margin-bottom: 20px; }
#latestNews .item:last-child				{ margin-bottom: 15px; }
#latestNews .item .info						{ padding: 15px 10px; }
#latestNews .item h6						{ font-size: 16px; line-height: 21px; }
#latestNews .item h4						{ font-size: 20px; line-height: 25px; }
#latestNews .item .button					{ padding: 0 0 4px 0; font-size: 16px; }
.footerSection								{ padding-top: 30px; }
.footerSection .ftr_logo					{ padding-bottom: 30px; text-align: center; }
.footerSection .ftr_menu					{ padding-bottom: 30px; }
.footerSection .ftr_contact					{ padding-bottom: 30px; }
.footerBottom .social_icons					{ margin-bottom: 13px; text-align: center; }
.footerBottom .social_icons ul li			{ margin: 0 4px; }
.footerBottom .copy_text					{ text-align: center; }

/*----------------- Inner Pages -----------------*/
.alignleft, .alignnone, .alignright, .aligncenter { float: none; display: block; max-width: 100%; height: auto; margin: 0 0 20px 0; }
#innerBanner								{ height: 250px; }
#innerBanner .caption h2					{ font-size: 25px; line-height: 30px; }
#innerSection								{ padding-top: 30px; padding-bottom: 30px; }
#innerSection h1							{ margin: 0 0 20px 0; font-size: 25px; line-height: 30px; }
#innerSection h1 span						{ padding: 0 0 5px 0; }
#innerSection h4							{ font-size: 18px; line-height: 23px; }
#innerSection p								{ font-size: 16px; line-height: 26px; }
#innerSection ul li							{ margin: 0 0 7px 0; font-size: 16px; line-height: 26px; }
#innerSection ol li							{ margin: 0 0 7px 0; font-size: 16px; line-height: 26px; }

/*----------------- about page -----------------*/
#teams .item								{ margin-bottom: 20px; }
#teams .item .info							{ padding: 15px 10px; }
#teams .item h4								{ font-size: 20px; line-height: 25px; }
[id*="team-content-"] h4					{ font-size: 20px; line-height: 25px; }
[id*="team-content-"] p						{ font-size: 16px; line-height: 26px; }

/*----------------- contact page -----------------*/
.contact_detail								{ padding: 20px 0 0 0; }
.map iframe									{ height: 350px; }

/*----------------- service-department page -----------------*/
.callus										{ margin-top: 10px; }
.callus h3									{ font-size: 20px; }
.callus a									{ font-size: 20px; }

/*----------------- careers page -----------------*/
.bonus .wp-block-column						{ margin-bottom: 30px; }

/*----------------- blog page -----------------*/
#newsSection								{ padding-top: 30px; padding-bottom: 30px; }
#newsSection h1								{ margin: 0 0 20px 0; font-size: 25px; line-height: 30px; }
#newsSection h1 span						{ padding: 0 0 5px 0; }
#newsSection .item							{ margin-bottom: 20px; }
#newsSection .item:last-child				{ margin-bottom: 15px; }
#newsSection .item .info					{ padding: 15px 10px; }
#newsSection .item h6						{ font-size: 16px; line-height: 21px; }
#newsSection .item h4						{ font-size: 20px; line-height: 25px; }
#newsSection .item .button					{ padding: 0 0 4px 0; font-size: 16px; }
#newsSection .single_item h2.entry-title	{ font-size: 22px; }
#newsSection .single_item h3				{ font-size: 20px; }
#newsSection .single_item h4				{ font-size: 18px; }
#newsSection .single_item p					{ font-size: 16px; line-height: 26px; }
#newsSection .single_item ul li				{ margin: 0 0 7px 0; font-size: 16px; line-height: 26px; }
#newsSection .single_item ol li				{ margin: 0 0 7px 0; font-size: 16px; line-height: 26px; }
.user_cmt_box .media_list .blog-user-image	{ width: 40px; }
.user_cmt_box .media_list .blog-user-comment-body { width: calc(100% - 40px); }
.comment-respond p label					{ width: 100%; padding-right: 0px; text-align: left; }
.comment-respond p textarea					{ width: 100%; }
.comment-respond p input					{ width: 100%; }
.comment-respond p.comment-form-cookies-consent input { margin-left: 0%; }
.comment-respond p.comment-form-cookies-consent label { width: calc(100% - 20px); }
.comment-respond p .submit					{ margin-left: 0%; }



}



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

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

#slider > img								{ width: 100%; max-width: 100%; margin-left: 0%; }
#slider .caption							{ width: 50%; padding: 15px; }

}