@media only screen and (max-width: 1399px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1280px;
        width: 1280px;
    }
     
    
     
    
}

@media screen and (max-width: 1280px) and (max-height: 800px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1200px;
        width: 1200px;
    } 
     
     

     
}

@media (max-width: 1024px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 950px;
        width: 950px;
    }
     



}

@media (max-width: 991px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 950px;
        width: 950px;
    }
     






    
  }

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1386px;
        width: 1386px;
    }
     
}
@media (min-width: 1700px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1550px;
        width: 1550px;
    }
    

}


@media (min-width: 1920px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1700px;
        width: 1700px;
    }
}

/* Higher than 1200 (desktop devices)
 ====================================================================== */
@media only screen and (min-width: 1300px) {
	
}
/* Higher than 960 (desktop devices)
 ====================================================================== */
@media only screen and (min-width: 960px) and (max-width: 1199px) {
	.homePg .sectionOne .subSec h5 {
	    margin-top: 97px;
	}
	.topBand {
	    background-color: rgb(1, 57, 143);
	}
	.navbar-default .navbar-nav>li{
		margin-top: 25px;
	}
}



@media only screen and (max-width: 1550px) {
	.siteNavbar {
		gap: 24px;
	}
	.siteBrandLogo {
		flex-basis: 330px;
	}
 
	.siteMenu>li>a {
		font-size: 13px;
		padding: 0 13px;
	}
	.siteMenu>li.active>a:after,
	.siteDropdown.active>a:after {
		left: 13px;
	}
	.siteMenu>li.siteContactItem>a {
		padding: 0 22px;
	}
}

@media only screen and (max-width: 1380px) {
	.siteTopBar {
		height: 48px;
	}
	.siteMainHeader {
		min-height: 96px;
	}
	.siteNavbar {
		min-height: 96px;
	}
	.siteBrandLogo {
		flex-basis: 290px;
	}
 
	.siteMenuToggle {
		display: block;
		margin-left: auto;
	}
	.siteMenu {
		background: #fff;
		box-shadow: 0 15px 25px rgba(0, 25, 65, 0.16);
		display: none;
		left: 0;
		padding: 12px 20px 20px;
		position: absolute;
		right: 0;
		top: 96px;
		z-index: 30;
	}
	.siteMenu.open {
		display: block;
	}
	.siteMenu>li>a {
		border-bottom: 1px solid #edf0f4;
		font-size: 13px;
		min-height: 44px;
		padding: 0 8px;
	}
	.siteMenu>li.active>a:after,
	.siteDropdown.active>a:after {
		display: none;
	}
	.siteContactItem {
		margin: 12px 0 0;
	}
	.siteMenu>li.siteContactItem>a {
		display: inline-flex;
		min-height: 46px;
		padding: 0 18px;
	}
	.siteDropdownMenu {
		border-top: 0;
		box-shadow: none;
		display: none;
		opacity: 1;
		padding: 0 0 5px 14px;
		position: static;
		transform: none;
		visibility: visible;
		width: 100%;
	}
	.siteDropdown:hover .siteDropdownMenu {
		display: none;
	}
	.siteDropdown.open .siteDropdownMenu {
		display: block;
	}
	.homeHero,
	.homeHeroContent {
		min-height: calc(100vh - 144px);
	}
}

@media only screen and (max-width: 1199.98px) {
	.ts-trust-section {
		padding: 75px 0;
	}
	.ts-testimonial-card {
		padding: 42px;
	}
	.ts-project-card {
		padding: 38px;
	}
	.ts-address-card {
		padding: 28px;
	}
}

@media only screen and (max-width: 991.98px) {
	    .ts-trust-section::before {
        top: auto;
        right: 0px;
        bottom: 0;
        width: 100%;
        height: 49%;
        clip-path: polygon(100% 0, 100% 24%, 100% 100%, 0 100%, 17% 88%);
    }
	.footerNav {
    display: grid;
    grid-template-columns: repeat(3, 1fr); 
    gap: 10px; 
}
footer a {
    color: #dbeafe;
    font-size: 13px;
}
.siteBrandLogo img {
    width: 170px; 
}
	.ts-trust-section::after {
		width: 100%;
		height: 45%;
	}
	.ts-section-heading {
		margin-bottom: 38px;
	}
	.ts-project-card {
		min-height: 285px;
	}
}

@media only screen and (max-width: 650px) {
	.siteTopBar {
		height: auto;
		min-height: 40px;
		padding: 9px 0;
	}
	.siteTopBarInner {
		align-items: center;
		justify-content: flex-end;
		flex-wrap: wrap;
		gap: 10px;
	}
	.siteContactDetails {
		align-items: center;
		flex-direction: row;
		gap: 20px;
	}
	.siteContactDetails a {
		font-size: 10px;
	}
	.siteContactDetails a+a {
		border-left: 1px solid rgba(255, 255, 255, 0.55);
		padding-left: 20px;
	}
	.siteSocialLinks {
		gap: 12px;
	}
	.siteSocialLinks a {
		font-size: 15px;
	}
	.siteMainHeader {
		min-height: 82px;
	}
	.siteNavbar {
		min-height: 82px;
	}
	.siteBrandLogo {
		flex-basis: 220px;
		min-width: 0;
	}
 
	.siteMenu {
		top: 82px;
	}
	.homeHero {
		background-position: center top;
		min-height: 283px;
	}
	.homeHeroContent {
		min-height: 283px;
		padding: 70px 15px 35px;
	}
	.homeHero h1 {
		font-size: 22px;
		letter-spacing: 1px;
	}
	section {
    padding-top: 30px;
    padding-bottom: 20px;
}
	.ts-trust-section {
		padding: 58px 0;
	}
	.ts-eyebrow {
		gap: 10px;
		font-size: 10px;
		letter-spacing: 3px;
	}
	.ts-eyebrow::before,
	.ts-eyebrow::after {
		width: 34px;
	}
	.ts-testimonial-card {
		padding: 32px 25px;
	}
	.ts-quote-icon {
		margin-bottom: 22px;
		font-size: 56px;
	}
	.ts-testimonial-text {
		line-height: 1.55;
	}
	.ts-customer-avatar {
		flex-basis: 54px;
		width: 54px;
		height: 54px;
		font-size: 19px;
	}
	.ts-project-card {
		min-height: 258px;
		padding: 34px 27px;
	}
	.ts-project-label {
		font-size: 17px;
		letter-spacing: 6px;
	}
	.ts-address-card {
		display: block;
		padding: 30px 25px;
	}
	.ts-location-icon {
		width: 60px;
		height: 60px;
		margin-bottom: 18px;
		font-size: 24px;
	}
}

/* Tablet Portrait (devices and browsers)
 ====================================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px){
	.homePg .sectionOne .subSec h5{
		margin-top: 20px;
	}
}

@media only screen and (max-width: 959px) {
	.topBand {
	    background-color: rgb(2, 60, 152);
	    padding: 14px 0;
	}
	.topBand .socialCont {
		display: none;
	}
	.navbar-default .navbar-toggle{
		background-color: #fff;
	}
	.homePg h2 {
	    font-size: 22px;
	    margin: 26px 0;
	}
	.homePg .sectionOne p {
	    letter-spacing: 1px;
	           line-height: 1.6;
        font-size: 14px;
	}
	.homePg .sectionOne .subSec h5 {
    font-size: 18px;
    line-height: 1.4; 
}
.highlightDesc { 
    font-size: 15px;
    line-height: 1.6; 
}
.homePg .ts-section-title { 
    font-size: clamp(24px, 4vw, 64px); 
}
	.homePg .sectionOne .subSec h5{
		margin-top: 30px;
	}
	.navbar-default .navbar-nav>li>a{
		padding: 4px 10px;
	}
}


/* All Mobile Sizes (devices and browser)
 ====================================================================== */
@media only screen and (max-width: 767px) {
	footer, footer .text-right {
	    text-align: center;
	}
	footer .socialIcons{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.faqAccordion .panel-title button {
		font-size: 16px;
		padding: 16px 46px 16px 16px;
	}
	.faqAccordion .panel-title button:after {
		right: 16px;
		top: 19px;
	}
	.faqAccordion .panel-body {
		font-size: 15px;
		padding: 15px 16px 18px;
	}
	.contactBlock {
		min-height: 0;
		padding: 28px 20px;
		border-radius: 12px;
	}
	.contactBlockIcon {
		width: 48px;
		height: 48px;
		font-size: 20px;
		border-radius: 10px;
	}
	.contactFormPanel {
		margin-bottom: 40px;
		padding: 28px 20px;
		border-radius: 12px;
	}
	.contactFormPanel h3 {
		font-size: 23px;
	}
	.contactFormNew .form-control {
		height: 50px;
		padding: 12px 14px 12px 44px;
		border-radius: 6px;
	}
	.contactFormNew .formGroupIcon i {
		left: 14px;
		font-size: 15px;
	}
	.contactFormNew .formGroupIcon textarea.form-control + i {
		top: 16px;
	}
	.formSubmitRow {
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
	}
	.recaptchaBlock {
		min-width: 100%;
	}
	.submitBtn {
		width: 100%;
		justify-content: center;
		padding: 14px 32px;
	}
	.recaptchaBlock {
		overflow-x: auto;
	}
	.mapSec {
		padding: 40px 0 45px;
	}
	.mapSec h2 {
		font-size: 22px;
	}
	.mapCard {
		margin-bottom: 20px;
		border-radius: 12px;
	}
	.mapCard h3 {
		font-size: 14px;
		padding: 16px 20px;
	}
	.mapCard iframe {
		border-radius: 0 0 12px 12px;
	}
	.contactMaps .row {
		margin-left: -10px;
		margin-right: -10px;
	}
	.contactMaps [class*="col-"] {
		padding-left: 10px;
		padding-right: 10px;
	}
	#myCarousel {
	    margin-top: 0px;
	}
	.bannerCaption h1 {
		font-size: 26px;
		padding: 0 20px;
	}
	.bannerCaption h1:after {
		height: 3px;
		margin-top: 8px;
		width: 70px;
	}
	.bannerCaption p {
		font-size: 14px;
		line-height: 1.3;
		margin-top: 12px;
		max-width: 90%;
	}
	.navbar-wrapper {
	    background-color: rgb(1, 57, 143);
	}
	.logoBlock img{
		max-width: 90px;
	}
	.aboutTmxBlock {
		padding: 5px 0 0;
	}
	.aboutTmxCopy {
		padding: 0 5px;
	}
	.col-xs-3 {
    width: 50%;
}
	.aboutTmxBlock h3 {
		font-size: 22px;
	}
	.aboutTmxItem {
		width: calc(50% - 8px);
	}
	.aboutTmxMedia {
		margin-top: 15px;
	}
	.aboutTmxHero {
		height: auto;
	}
	.productPg .tableSection {
	    padding: 23px 10px;
		        margin-bottom: 0;
	}
	tbody, td, tfoot, th, thead, tr ,
	.productPg .tableSection .table>tbody>tr>td{ 
    border: 1px solid #86868691;
}
.carousel-inner>.item img{
	height: 250px;
}
.productGallery .col-xs-4 {
    width: 50%;
}
.productGallery a>.titleS>span { 
    padding: 10px 10px; 
    font-size: 12px;
}
	.productPg .sectionTwo p{
		width: auto;
		font-size: 14px;
	}
	.tmxEcoSection {
		padding: 38px 0 25px;
	}
	.tmxEcoIntro h2 {
		font-size: 28px;
	}
	.tmxCsrBlock {
		padding: 22px;
	}
	.tmxCsrBlock img {
		margin-top: 20px;
	}
	.certificatePg {
		padding: 35px 0 40px;
	}
	.certificateIntro h2 {
		font-size: 28px;
	}
	.certificateGroup h3 {
		font-size: 21px;
	}
	.certificateGroup h3:before,
	.certificateGroup h3:after {
		width: 10%;
	}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers)
 ====================================================================== */
@media only screen and (min-width: 640px) and (max-width: 767px) {
	
}
@media only screen and (min-width: 480px) and (max-width: 639px) {
	
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
 =================================================================== */
@media only screen and (max-width: 479px) {
	
}

@media (max-width: 991px) {
	.tmxBenefitItem {
		width: 50%;
	}
}

@media (max-width: 767px) {
	.tmxApplications h3 {
		font-size: 23px;
	}
	.tmxBenefitItem {
		width: 100%;
	}
	.tmxApplicationGrid .col-xs-4 {
    width: 50%;
}
.tmxBenefitPanel { 
    padding: 18px 18px 18px;
}
}

@media only screen and (max-width: 991px) {
	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width: 100%;
		width: auto;
	}
}