@media screen and (max-width:767px) and (min-width:320px){
	html
	{font-size: 70%;}
	
	.container
	{width:100%; padding:0 15px 0 15px !important;}

	h1
	{font-size: 2rem;}

	.input
	{height: 50px;}

	.select
	{height: 50px;}

	.textarea
	{padding: 15px 70px 16px 50px;}

	.PBth120
	{padding: 60px 0 60px 0;}

	.PT120
	{padding-top: 60px;}

	.PB120
	{padding-bottom: 60px;}

	.PBth100
	{padding: 60px 0 60px 0;}

	.PT100
	{padding-top: 60px;}

	.PB100
	{padding-bottom: 60px;}

	.PBth80
	{padding: 50px 0 50px 0;}

	.PT80
	{padding-top: 50px;}

	.PB80
	{padding-bottom: 50px;}

	.PBth60
	{padding: 40px 0 40px 0;}

	.PT60
	{padding-top: 40px;}

	.PB60
	{padding-bottom: 40px;}

	.PT50
	{padding-top: 35px;}

	.PBth50
	{padding: 35px 0 35px 0;}

	.PBth40
	{padding: 20px 0 20px 0;}

	.PT40
	{padding-top: 20px;}

	.PB40
	{padding-bottom: 20px;}

	.PT30
	{padding-top: 20px;}

	.PT20
	{padding-top: 15px;}

	.PT15
	{padding-top: 10px;}

	.primaryHead h2
	{font-size: 2.2rem;}

	.primaryBtn
	{font-size: 14px; height: 45px;line-height: 45px; padding: 0 60px 0 20px;}

	

	.mainLogo
	{width: 100px; height: 100px;}

	.masterHead
	{height: 90vw;}

	.masterHeadOvrBx
	{padding: 90px 0 0 70px;}

	.masterHeadOvr h1
	{font-size: 3rem;}

	.scrollDwnBx
	{left: auto; right: 25px; height: 95px;}

	.scrollDwnTxt span
	{display: none;}

	.leftHeaderScroll
	{height: 40px; left: -1px; top: 55px;}

	.scrollDwnTxt
	{font-size: 11px; left: 2px; letter-spacing: 0.2em;}

	.hmBlk1Intro 
	{padding-top: 20px;}

	.hmBlk1IntroColLBx
	{padding: 0;}

	.hmBlk1IntroColLRow1 p
	{font-size: 13.5px;}

	.hmBlk1IntroColLRow2Sec .primaryBtn 
	{min-width: 220px;}

	.hmBlk1IntroColR
	{margin-top: 30px;}

	.hmBlk1IntroColRBx
	{padding: 0 0 0 60px;}

	.hmBlk1IntroColRPic2
	{width: 40%; bottom: -30px; left: 0;}

	.hmBlk2Intro p
	{font-size: 13.5px;}

	.hmBlk2Sec2BxInr
	{padding: 20px;}

	.hmBlk2Sec2ColL img
	{height: 110px;}

	.hmBlk2Sec2ColRBx 
	{padding: 20px 0 0 0;}

	.hmBlk2Sec2ColR p
	{font-size: 13.5px;}

	.hmBlk2Sec2ColRRow2Btn
	{width: 100%;}

	.hmBlk2Sec2ColRRow2Btn+.hmBlk2Sec2ColRRow2Btn
	{margin: 10px 0 0 0;}

	.hmBlk3Row
	{padding: 0 15px 0 15px;}

	.hmBlk3RowCol
	{width: 100%;}

	.hmBlk3RowColOvr
	{width: 90%; margin: -20px auto 0; position: relative; left: 0 !important; top: 0 !important; right: 0 !important; padding: 25px; min-height: initial;}

	.hmBlk3RowColOvr h3
	{font-size: 2rem; padding: 0 0 10px 0;}

	.hmBlk3RowColOvr p
	{font-size: 13.5px;}

	.hmBlk4Bx
	{padding: 0;}

	.hmBlk4Head
	{width: 100%; position: static; text-align: center;}

	.hmBlk4HeadCol
	{float: initial; display: inline-block; vertical-align: middle;}

	.hmBlk4HeadCol + .hmBlk4HeadCol
	{margin: 0;}

	.hmBlk4HeadCol h2
	{font-size: 2.2rem;
		vertical-align: initial;
		-webkit-writing-mode: initial;
		-moz-writing-mode: initial;
		-ms-writing-mode: initial;
		-ms-writing-mode: initial;
		writing-mode: initial;
	}

	.hmBlk4Tbl
	{margin: 30px 0 0 0; padding: 1.5em;}

	.hmBlk4Tbl .table th
	{padding: 10px 20px 10px 10px; width: 130px;}

	.hmBlk4Tbl .table th:after
	{height: 20px; right: 20px; top: 13px;}

	.hmBlk4Tbl .table td
	{padding: 10px 0 10px 0;}
	
	.footer
	{padding: 15px 0 12px 0;}

	.fixBnr
	{width: 295px; bottom: 10px; right: 10px;}

	.fixBnrCls img
	{top: 1px;}
}		



@media screen and (max-width:991px) and (min-width:768px){
	html
	{font-size: 80%;}
	
	.container
	{width:100%; padding:0 15px 0 15px !important;}

	h1
	{font-size: 2rem;}

	.input
	{height: 50px;}

	.select
	{height: 50px;}

	.textarea
	{padding: 15px 70px 16px 50px;}

	.PBth100
	{padding: 70px 0 70px 0;}

	.PT100
	{padding-top: 70px;}

	.PB100
	{padding-bottom: 70px;}

	.PBth80
	{padding: 50px 0 50px 0;}

	.PT80
	{padding-top: 50px;}

	.PB80
	{padding-bottom: 50px;}

	.PBth60
	{padding: 40px 0 40px 0;}

	.PT60
	{padding-top: 40px;}

	.PB60
	{padding-bottom: 40px;}

	.PT50
	{padding-top: 35px;}

	.PBth50
	{padding: 35px 0 35px 0;}

	.PBth40
	{padding: 20px 0 20px 0;}

	.PT40
	{padding-top: 20px;}

	.PB40
	{padding-bottom: 20px;}

	.PT30
	{padding-top: 20px;}

	.PT20
	{padding-top: 15px;}

	.PT15
	{padding-top: 10px;}

	

	.mainLogo
	{width: 120px; height: 120px;}

	.masterHead
	{height: 70vw;}

	.masterHeadOvr h1
	{font-size: 4.5rem;}

	.scrollDwnBx
	{left: auto; right: 25px; height: 95px;}

	.scrollDwnTxt span
	{display: none;}

	.leftHeaderScroll
	{height: 40px; left: -1px; top: 55px;}

	.scrollDwnTxt
	{font-size: 11px; left: 2px; letter-spacing: 0.2em;}

	.hmBlk1IntroCol 
	{width: 100%;}

	.hmBlk1IntroColLBx
	{padding: 0;}

	.hmBlk1IntroColR
	{margin-top: 40px;}

	.hmBlk1IntroColRBx
	{padding: 0 0 0 110px;}

	.hmBlk1IntroColRPic2
	{bottom: -30px; left: 0;}

	.hmBlk3Row
	{padding: 0 20px 0 20px;}

	.hmBlk3RowCol
	{width: 100%;}

	.hmBlk3RowColOvr
	{width: 90%; margin: -20px auto 0; position: relative; left: 0 !important; top: 0 !important; right: 0 !important; padding: 25px; min-height: initial;}

	.hmBlk4Tbl .table th
	{width: 250px;}

	
}



@media screen and (max-width:1110px) and (min-width:992px){
	html
	{font-size: 80%;}

	.container
	{width: 100%; padding: 0 25px 0 25px !important;}

	
	.hmBlk1IntroColRPic2
	{left: -80px;}

	.hmBlk3RowColPic img
	{height: 34vw; object-fit: cover;}
	
}	




@media screen and (max-width:1200px) and (min-width:1111px){
	.hmBlk1IntroColRPic2
	{left: -80px;}

	.hmBlk3RowColPic img
	{height: 34vw; object-fit: cover;}
}