@media only screen and (max-width:1399px){
	.hero-ttl h1{font-size: 56px; line-height: 66px;}
	.hero-desc{padding-right: 36px;}
	.hero-desc p{line-height: 24px; font-size:17px;}
}

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

@media only screen and (max-width:1199px){
	.header a.brandname img{height:45px}
	.navigation ul{gap:20px; flex-wrap:wrap;}
	.gldpr-lgn-ham > button{padding:0px 16px;}
	.page-title{min-height: auto;}
	.cntitem{padding:24px;}
	.sdmsg{padding:35px;}
	.saftyfirst .wcu{grid-template-columns: repeat(2, 1fr);}
	.plnimg{position: relative; height: 368px}
	.plnimg img {        position: absolute;        top: 0px;        right: 0px;        bottom: 0;        margin: auto;    }
	.chooseus .wcu{grid-template-columns: repeat(3, 1fr);}
	.chooseus .wcu .wcu-item{padding: 20px;}
	.savard{padding: 30px !important;}
	.hero-ttl h1 {        font-size: 44px;        line-height: 54px;    }
	.hero-img{height: 100%;}
	.hero-img > img{height: 100%;}
}

@media only screen and (max-width:991px){
	
	.navigation{position:fixed; top:0px; left:0px; width:100%; height:100%; background:#0A1F44; border-right:1px solid rgba(255,255,255,0.20); z-index:999; left:-100%; -webkit-transition:all 0.1s ease-in-out; -moz-transition:all 0.1s ease-in-out;  -o-transition:all 0.1s ease-in-out; transition:all 0.1s ease-in-out;}
	.navigation.active{left:0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out;  -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
	.navigation a.brandname img{height:35px;}
	.navigation.active ul li{width:100% !important}
	.bdrrt:after{background-image: url(../img/hrline.svg); width: 100%; height: 3px; top: auto; bottom: 0px;}
	.page-title h1{line-height: 60px; font-size: 46px;}
	.plnimg{height: auto;}
	.plnimg img{position: unset; width: 100%;}
	.wcu-item div.icon{margin-bottom: 20px;}
	.wrksitm h4{font-size: 20px;}
	.wrksitm p{font-size: 16px; line-height: 22px;}
	.primg img{width: 100%;}
	.rndofimg img{width: 100%;}
	.hero-banner{padding-top: 140px;}
	.hero-ttl h1 br{display:none;}
	.hero-img > img{width: 100%}
}	

@media only screen and (max-width:767px){
	.navigation .social-nav a{width:40px; height:40px;}
	.page-title{padding: 120px 0px 100px 0px;}
	.page-title h1{line-height: 50px; font-size: 42px;}
	.cntitem p{font-size:14px; line-height: 20px;}
	.heading h2{font-size: 30px; line-height: 38px;}
	.saftyfirst .wcu .wcu-item{padding:20px;}
	.gdtxt{width: calc(100% - 60px);}
	.transparency .gdtxt{width: calc(100% - 100px);}
	.svplan{padding: 24px;}
	.welgrow .gdtxt {        width: calc(100% - 80px);    }
	.gldcta h2{font-size: 36px; line-height: 48px;}
	.gldcta{padding: 40px;}
	.chooseus .wcu{grid-template-columns: repeat(2, 1fr);}
	.purgld .gdtxt {width: calc(100% - 85px);}
	.msf{padding: 30px 20px;}
	.wrksitm {        width: 100%;        display: flex;        align-items: flex-start;        gap:30px;    }
	.wrksitm > div:nth-child(2){width: calc(100% - 120px);}
	.wrkflw{gap: 50px;}
	.wrksitm .icon{margin: 0px 0px 24px 0px; width:80px; height: 80px;}
	.wrksitm .icon span{font-size:30px;}
	.wrkflw:before {        width: 3px;        height: 115%;        background-image: url(../img/hrline1.svg);        top: -36px;        left: 40px;    }
	.g-security .gdtxt {        width: calc(100% - 80px);    }
	.glcrd{padding:24px;}
	.calcar{padding: 30px;}
	.trustpart h5{border-right: 0px; font-size: 30px; line-height: 38px;}
	.trustpart h5 br{display: none;}
}	

@media only screen and (max-width:575px){
	.header a.brandname img{height:35px}
	.page-title h1{font-size: 36px; line-height: 42px;}
	p{font-size: 16px; line-height: 24px;}
	.page-title{padding: 120px 0px  70px 0px;}
	.sdmsg{padding: 24px;}
	.saftyfirst .wcu{grid-template-columns: repeat(1, 1fr);}
	.gdtxt{width: calc(100% - 50px);}
	.transparency .gdtxt{width: calc(100% - 68px);}
	.gldcta h2{font-size: 28px; line-height:35px; font-weight: 700;}
	.gldcta p{font-size: 16px; line-height: 24px;	}
	.chooseus .wcu{grid-template-columns: repeat(1, 1fr); text-align: center;}
	.wrksitm p{font-size: 15px; line-height: 22px;}
	.amtref{font-size: 52px;}
	.calc-val{padding: 18px;}
	.gldinfo{margin-top:16px; }
	.hero-ttl h1 {        font-size: 30px;        line-height: 42px;    }
	.hero-desc{margin-top: 55px; padding: 40px 30px 20px 30px;}
	.hero-desc:after{width: 120px; height: 120px;}
	.hero-desc p{font-size: 16px;}
	.calcar{padding: 10px;}
	.trustpart h5{border-right: 0px; font-size:26px; line-height: 32px;}
}