@media screen and (max-width:767px) and (min-width:320px){
	html
	{font-size: 90%;}

	h2
	{font-size: 1.5rem;}

	h3
	{font-size: 1.35rem;}

	h4
	{font-size: 1.2rem;}

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

	.PC
	{display: none !important;}

	.SP
	{display: block !important;}

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

	.PT100
	{padding-top: 50px;}

	.PB100
	{padding-bottom: 50px;}

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

	.PT70
	{padding-top: 40px;}

	.PB70
	{padding-bottom: 40px;}

	.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
	{text-align: center;}

	.primaryHeadD
	{padding: 0 0 10px 0;}

	.primaryHeadD img
	{height: 40px;}

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

	.primaryHead p
	{text-align: center;}

	.primaryBtn
	{height: 45px; line-height: 45px;}


	.header
	{padding: 0 15px 0 15px !important;}

	.header .navbar-brand 
	{display: block; padding: 10px 0 10px 0;}

	.header .navbar-brand img
	{height: 35px;}
	
	.header .navbar-toggler
	{padding:0; position:absolute; top: 13px; right:0;}
	
	.header .navbar-nav
	{border:none; padding: 0 0 0 0;}
	
	.header .navbar-nav .nav-item
	{border-bottom:1px solid rgba(0, 0, 0, 0.1); margin:0 !important;}
	
	.header .navbar-nav .nav-item + .nav-item
	{margin:0;}
	
	.header .navbar-nav .nav-link
	{padding: 14px 40px 14px 15px; text-align: left;}

	.navbar-collapse
	{width:300px; height:100vh !important; z-index:99; position:fixed; top:0; left:-320px; display:block !important; background:#fff; overflow-y:auto; transition: .4s cubic-bezier(.4,.47,.17,.98);}
	
	.navbar-collapse::-webkit-scrollbar 
	{width:0; height:3px;}
	
	.header .show.navbar-collapse
	{left:0 !important;}
	
	.header .navbar-nav .dropdown-menu
	{width:100%; margin:0; opacity:1; visibility:visible; display:none !important; border-radius:0; transform: initial !important; box-shadow: none; background: #f6f6f6 !important; position: static !important; padding: 10px 0 10px 0 !important;}
	
	.header .navbar-nav .dropdown-menu.show 
	{display:block !important;}

	.dropdown-menu:after
	{display: none;}

	.SPmenuBg
	{content:""; width:100%; height:100vh; position:fixed; top:0; left:0; background:rgba(0, 0, 0, 0.5); opacity:0; visibility:hidden; z-index:9; transition: .4s cubic-bezier(.4,.47,.17,.98);}
	
	.SPmenuBg_active
	{opacity:1; visibility:visible;}

	.headerBlk2ColR
	{padding: 0; position: absolute; top: 6px; right: 45px;}

	.headerBlk2ColRBx1
	{display: none;}

	.headerBlk2ColRBx2 a
	{padding: 3px 10px;}

	.headerBlk2ColRBx2 a img 
	{height: 15px;}

	.SPlogo
	{display: block;}

	.SPMenuBtm
	{display: block;}

	.masterHead
	{padding: 60px 10px 30px 10px;}

	.masterHead .slick-prev 
	{left: 5px;}

	.masterHead .slick-next 
	{right: 10px;}

	.masterHead .slick-prev:after, .masterHead .slick-next:after
	{width: 25px; height: 25px;}

	.masterHeadSliderCol
	{padding: 30px 20px 30px 20px; border-radius: 20px; text-align: center;}

	.masterHeadSliderColColLBx h1
	{font-size: 2rem;}

	.masterHeadSliderColColRBx
	{padding: 30px 0 0 0;}

	.masterHeadSliderColColR img
	{position: static; transform: initial; height: 150px; margin: 0 auto;}

	.hmBlk1 
	{padding-top: 10px;}

	.hmBlk1Sec1
	{padding: 0;}

	.hmBlk1Sec2
	{padding: 30px 0 0 0;}

	.hmBlk1Sec2ColColLBx
	{text-align: center;}

	.hmBlk1Sec2ColColL h2
	{font-size: 1.8rem;}

	.hmBlk1Sec2ColColRBx
	{padding: 0;}

	.hmBlk1Sec2ColColR p
	{text-align: center; padding: 1em 0 0 0;}

	.whyCsUshmBlkColNo
	{font-size: 5rem; bottom: 40px; right: 10px;}

	.whyCsUshmBlkScnd .whyCsUshmBlkCol h3
	{padding: 0 0 0 75px;}

	.whyCsUshmBlkScnd .whyCsUshmBlkCol h3 span
	{width: 60px; height: 60px;}

	.whyCsUshmBlkScnd .whyCsUshmBlkCol h3 span img
	{height: 40px;}

	.whyCsUshmBlkScnd .whyCsUshmBlkCol p 
	{padding: 0.5em 0 0 0;}

	.hmBlk2D1
	{display: none;}

	.hmBlk2ColRBx
	{padding: 0;}
	
	.hmBlk2ColR
	{order: 2; margin-top: 30px;}

	.hmBlk2ColRCol
	{width: 50%;}

	.hmBlk3IntroCol
	{width: 50%;}

	.hmBlk3IntroColBx
	{height: 100%; display: block; border-radius: 20px;}

	.hmBlk3IntroColIcon
	{width: 60px; height: 60px; margin: 0 auto;}

	.hmBlk3IntroColIntro
	{padding: 10px 0 10px 0 !important; text-align: center; display: block;}

	.hmBlk4 .slick-initialized .slick-slide
	{padding: 0 10px 0 10px !important;}

	.hmBlk4SliderColBx
	{width: 250px;}
	
	.hmBlk5D1
	{display: none;}

	.hmBlk5IntrRowBx
	{padding: 10px;}

	.hmBlk5IntroColLPic
	{width: 100%; height: auto; margin: 0 !important;}

	.hmBlk5IntrRow
	{margin: 0 !important;}

	.hmBlk5IntrRow+.hmBlk5IntrRow
	{margin: 40px 0 0 0 !important;}
	
	.hmBlk5IntroColLPic img
	{height: auto;}

	.hmBlk5IntroColR
	{margin-top: 30px;}

	.hmBlk5IntroColRHead
	{position: static; padding: 0 0 15px 0;}

	.hmBlk5IntroColRHead img
	{padding: 0; height: 50px;}

	.hmBlk5IntrRow:nth-child(even) .hmBlk5IntroColL
	{order: initial;}

	.hmNumBlk .row
	{margin: -10px -5px 0 -5px;}

	.hmNumBlkColRCol
	{width: 50%; padding: 10px 5px 0 5px; text-align: center;}

	.hmNumBlkColRColBx
	{padding: 20px;}

	.hmNumBlkColRColIcon
	{position: relative; transform: initial; width: 55px; height: 55px; margin: 0 auto 10px; line-height: 52px; top: 0; bottom: 0; left: 0; right: 0;}

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

	.hmBlk7 .container
	{padding: 0 !important;}

	.hmBlk7Intro
	{padding: 25px 0 0 0;}

	.hmBlk7 .slick-prev, .hmBlk7 .slick-next
	{display: none !important;}

	.hmBlk7 .slick-initialized .slick-slide
	{padding: 0 10px 0 10px !important;}

	.mrktBtsthmBlkColBx
	{padding: 1.5em 2em 1.5em 100px;}

	.mrktBtsthmBlkColBx span
	{width: 50px; height: 50px; box-shadow: 0 0 0px 7px rgba(85, 186, 71, 0.26);}

	.mrktBtsthmBlkColBx span img
	{width: 30px;}

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

	.hmBlk7ColRowLogo img
	{height: 40px;}

	.hmBlk7ColRow1 p
	{padding: 1em 0 1.5em 0; font-size: 1.1rem;}

	.BloghmBlk .slick-initialized .slick-slide
	{padding: 0 10px 0 10px !important;}

	.hmfaqBlkCol+.hmfaqBlkCol
	{margin: 15px 0 0 0;}

	.hmfaqBlkIntro .accordion-button
	{font-size: 1.1rem;}

	.address 
	{display: none !important;}

	.hmMapBlkIntro .PCMap
	{display: none;}

	.hmMapBlkIntro .SPMap
	{display: block;}

	.hmMapBlkBtm 
	{display: none;}

	.hmCrtfctBlk .row
	{margin: -10px -5px 0 -5px;}

	.hmCrtfctBlk .col-md-3
	{width: 50%; padding: 10px 5px 0 5px;}

	.hmCrtfctBlkIntro #overlay img
	{width: 90%;}

	.hmCntctBlkColRBx
	{padding: 2em 1em;}

	.footer
	{padding: 40px 0 20px 0;}

	.footerSec1ColLRow1 img
	{height: 35px;}

	.footerSec1ColRBx
	{padding: 30px 0 0 0; text-align: left;}

	.footerSec1ColRRow1 li + li 
	{margin: 0 0 0 18px;}

	.footerSec1ColRRow1 ul + ul 
	{margin-top: 20px;}

	.footerSec1Col+.footerSec1Col 
	{margin-top: 30px;}

	.footerSec1ColIntro ul li + li 
	{margin: 10px 0 0 0;}

	.footerSec1Col3Bx
	{padding: 0;}

	.footerSec2ColL
	{order: 2;}
	
	.footerSec2ColLBx
	{padding: 20px 0 0 0;}

	.footerSec2ColRBx
	{text-align: left;}

	.footerSec2ColR li + li 
	{margin: 0 0 0 20px;}
	
	.back-to-top
	{right: 15px;}



	/* about page start */
	.pageHead
	{padding: 60px 10px 0 10px;}

	.pageHeadBx
	{height: 150px;}

	.pageHeadTxt h1
	{font-size: 2rem;}

	.pageHeadTxt ul li + li 
	{margin: 0 0 0 5px;}

	.pageHeadPic
	{width: 90px;}

	.aboutPgBlk2 p
	{padding: 10px 0 0 20px;}

	.aboutPgBlk2 p:first-child::first-letter
	{font-size: 3rem;}

	.aboutPgBlk1 .hmBlk5IntrRowBx
	{padding: 10px;}

	.aboutPgBlk1 .hmBlk5IntrRow + .hmBlk5IntrRow 
	{margin: 40px 0 0 0 !important;}



	/* products page start */
	.productPgBlk1 .row
	{margin: -15px -5px 0 -5px;}

	.productPgBlk1Col
	{padding: 15px 5px 0 5px; width: 50%;}

	.productPgBlk1Col .hmBlk4SliderColBx
	{padding: 5px;}

	.hmBlk4SliderColBtm2 a
	{padding: 5px 7px;}

	.hmBlk4SliderColBtm2 a + a 
	{margin: 0 0 0 2px;}

	.hmBlk4SliderColBtm2 a img
	{height: 13px;}

	.hmBlk4SliderColBtm2
	{padding: 10px 10px 15px 10px;}



	/* product-detail page start */
	.productDtlPg
	{padding: 60px 10px 60px 10px;}

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

	.productDtlPgColL
	{order: 2; margin-top: 30px;}

	.productDtlPgColRBx
	{width: 300px; height: 300px;}

	.productDtlPgColLBx
	{padding: 0;}

	.prdctDtlPgBlk2Intro .row
	{margin: 0 -5px 0 -5px;}

	.prdctDtlPgBlk2Intro .image 
	{width: 50%; padding: 10px 5px 0 5px;}

	#overlay img
	{width: 75%;}

	

	/* contact-us page start */
	.contactPgBlk1ColL
	{order: 2;}

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

	.contactPgBlock1IntroColBx1
	{width: 50px;}

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

	.contactPgBlk1ColRRow:nth-child(1) .contactPgBlock1IntroColBx2 p br
	{display: none;}

	.contactPgBlk2Bx
	{padding: 2em; border-radius: 10px;}

	.countryCd .select
	{width: 150px;}

	.countryCd .input
	{padding-left: 195px;}



	/* blog page start */
	.blogPg .row
	{margin: 0 -5px 0 -5px;}

	.blogPgCol
	{width: 50%; padding: 10px 5px 0 5px;}

	.blogPgCol .BloghmBlkSliderColPic img
	{height: 30vw;}



	/* blog-detail page start */
	.blogDtlPgSec2 h3
	{font-size: 1.6rem;}

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



@media screen and (max-width:991px) and (min-width:768px){

	h3
	{font-size: 1.4rem;}

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

	.PT100
	{padding-top: 70px;}

	.PB100
	{padding-bottom: 70px;}

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



	.header
	{padding: 0 15px 0 15px !important;}

	.header .navbar-brand 
	{display: block; padding: 10px 0 10px 0;}

	.header .navbar-brand img
	{height: 35px;}
	
	.header .navbar-toggler
	{padding:0; position:absolute; top: 13px; right:0;}
	
	.header .navbar-nav
	{border:none; padding: 0 0 0 0;}
	
	.header .navbar-nav .nav-item
	{border-bottom:1px solid rgba(0, 0, 0, 0.1); margin:0 !important;}
	
	.header .navbar-nav .nav-item + .nav-item
	{margin:0;}
	
	.header .navbar-nav .nav-link
	{padding: 14px 40px 14px 15px; text-align: left;}

	.navbar-collapse
	{width:300px; height:100vh !important; z-index:99; position:fixed; top:0; left:-320px; display:block !important; background:#fff; overflow-y:auto; transition: .4s cubic-bezier(.4,.47,.17,.98);}
	
	.navbar-collapse::-webkit-scrollbar 
	{width:0; height:3px;}
	
	.header .show.navbar-collapse
	{left:0 !important;}
	
	.navbar-nav .dropdown-menu
	{width:100%; margin:0; opacity:1; visibility:visible; display:none !important; border-radius:0; transform: initial !important; box-shadow: none; background: #f6f6f6;}
	
	.navbar-nav .show .dropdown-menu
	{display:block !important;}

	.header .navbar-nav .nav-item.show .dropdown-menu
	{top: 0 !important; margin: 0 0 0 0 !important; text-align: left;}
	
	.header .dropdown-menu .dropdownmenu_item
	{font-size: 0.9rem; padding: 10px 15px 10px 15px;}

	.header .navbar-nav .dropdown-menu
	{width:100%; margin:0; opacity:1; visibility:visible; display:none !important; border-radius:0; transform: initial !important; box-shadow: none; background: #f6f6f6 !important; position: static !important; padding: 10px 0 10px 0 !important;}
	
	.header .navbar-nav .dropdown-menu.show 
	{display:block !important;}

	.dropdown-menu:after
	{display: none;}
	
	.SPmenuBg_active
	{opacity:1; visibility:visible;}

	.headerBlk2ColR
	{padding: 0; position: absolute; top: 6px; right: 45px;}

	.headerBlk2ColRBx1
	{display: none;}

	.headerBlk2ColRBx2 a
	{padding: 3px 10px;}

	.headerBlk2ColRBx2 a img 
	{height: 15px;}

	.SPlogo
	{display: block;}

	.SPMenuBtm
	{display: block;}

	.masterHead
	{padding: 60px 10px 30px 10px;}

	.masterHeadSliderCol
	{padding: 100px 20px 100px 20px;}

	.masterHeadSliderColColLBx h1
	{font-size: 2.2rem;}

	.masterHeadSliderColColR img
	{height: 200px;}

	.hmBlk1Sec2ColColL h2
	{font-size: 2rem;}

	.hmBlk1Sec2ColColRBx
	{padding: 0 0 0 10px;}

	.whyCsUshmBlkScnd .whyCsUshmBlkCol h3
	{padding: 0 0 0 75px;}

	.whyCsUshmBlkScnd .whyCsUshmBlkCol h3 span
	{width: 60px; height: 60px;}

	.whyCsUshmBlkScnd .whyCsUshmBlkCol h3 span img
	{height: 40px;}

	.whyCsUshmBlkScnd .whyCsUshmBlkCol p 
	{padding: 0.5em 0 0 0;}

	.hmBlk2ColR
	{order: 2; margin-top: 30px; width: 100%;}

	.hmBlk2ColRBx
	{padding: 0;}

	.hmBlk2ColL
	{width: 100%;}

	.hmBlk2ColL .primaryHead, .hmBlk2ColL .primaryHead p
	{text-align: center;}

	.hmBlk3IntroCol
	{width: 33.33333%;}

	.col-md-3.productPgBlk1Col
	{width: 33.33333%;}

	.hmBlk4SliderColBx
	{width: 100%;}

	.hmBlk5IntrRow
	{margin: 0 !important;}

	.hmBlk5IntrRow+.hmBlk5IntrRow
	{margin-top: 50px !important;}

	.hmBlk5IntrRowBx
	{padding: 15px;}

	.hmBlk5IntroColLPic
	{width: 100%; height: auto; margin: 0 !important;}

	.hmBlk5IntroColLPic img
	{height: auto;}

	.hmBlk5IntroColRHead
	{position: static; padding: 0 0 10px 0;}

	.hmBlk5IntroColRHead img
	{padding: 0; height: 50px;}

	.hmNumBlk .row
	{margin: -10px -5px 0 -5px;}

	.hmNumBlkColRCol
	{padding: 10px 5px 0 5px; text-align: center;}

	.hmNumBlkColRColBx
	{padding: 20px;}

	.hmNumBlkColRColIcon
	{position: relative; transform: initial; width: 55px; height: 55px; margin: 0 auto 10px; line-height: 52px; top: 0; bottom: 0; left: 0; right: 0;}

	.hmBlk7 .container
	{padding: 0 !important;}

	.address 
	{display: none !important;}

	.hmMapBlkIntro .PCMap
	{display: none;}

	.hmMapBlkIntro .SPMap
	{display: block;}

	.hmMapBlkBtm 
	{display: none;}

	.BloghmBlkSliderColBx
	{width: 100%;}

	.hmCntctBlkColL
	{width: 40%;}

	.hmCntctBlkColR
	{width: 60%;}

	.hmBlk7 .slick-prev, .hmBlk7 .slick-next
	{display: none !important;}



	/* about page start */
	.pageHead
	{padding: 60px 10px 0 10px;}

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



	/* products page start */
	.hmBlk4SliderColBtm2 a
	{padding: 5px 15px;}
	
	.hmBlk4SliderColBtm2 a img
	{height: 16px;}



	/* product-detail page start */
	.productDtlPg
	{padding: 60px 10px 60px 10px;}

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

	.productDtlPgCol 
	{width: 100%;}

	.productDtlPgColL
	{order: 2; margin-top: 30px;}

	.productDtlPgColRBx
	{width: 300px; height: 300px;}

	.productDtlPgColLBx
	{padding: 0;}



	/* blog-detail page start */
	.blogDtlPgCol
	{width: 100%;}

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



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

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

	.slick-prev, .slick-next
	{display: none !important;}



	.header
	{padding: 15px;}

	.header .navbar-brand
	{margin: 0 30px 0 0;}

	.header .navbar-brand img
	{height: 43px;}

	.header .navbar-nav .nav-item + .nav-item 
	{margin: 0 0 0 20px;}

	.masterHead
	{padding: 85px 15px 30px 15px;}

	.masterHead .slick-prev 
	{left: 5px; display: block !important;}

	.masterHead .slick-next 
	{right: 10px; display: block !important;}

	.masterHead .slick-prev:after, .masterHead .slick-next:after
	{width: 25px; height: 25px;}

	.masterHeadSliderCol
	{padding: 155px 50px 155px 50px;}

	.masterHeadSliderColColR img
	{height: 300px;}

	.hmBlk4SliderColBx
	{width: 400px;}

	.hmBlk5IntrRow
	{margin: 0 !important;}

	.hmBlk5IntrRow+.hmBlk5IntrRow
	{margin-top: 50px !important;}

	.hmBlk5IntrRowBx
	{padding: 15px;}

	.hmBlk5IntroColLPic
	{width: 100%; height: auto; margin: 0 !important;}

	.hmBlk5IntroColLPic img
	{height: auto;}

	.hmBlk5IntroColRHead
	{position: static; padding: 0 0 10px 0;}

	.hmBlk5IntroColRHead img
	{padding: 0; height: 50px;}

	.hmNumBlk .row
	{margin: -10px -5px 0 -5px;}

	.hmNumBlkColRCol
	{padding: 10px 5px 0 5px; text-align: center;}

	.hmNumBlkColRColBx
	{padding: 20px;}

	.hmNumBlkColRColIcon
	{position: relative; transform: initial; width: 55px; height: 55px; margin: 0 auto 10px; line-height: 52px; top: 0; bottom: 0; left: 0; right: 0;}

	.hmBlk7 .container
	{padding: 0 !important;}

	.hmBlk7 .slick-prev, .hmBlk7 .slick-next
	{display: block !important;}

	.hmBlk7 .slick-prev
	{left: 50px;}

	.hmBlk7 .slick-next
	{right: 50px;}

	.address 
	{display: none !important;}

	.hmMapBlkIntro .PCMap
	{display: none;}

	.hmMapBlkIntro .SPMap
	{display: block;}

	.hmMapBlkBtm 
	{display: none;}

	.BloghmBlkSliderColBx
	{width: 100%;}



	/* products page start */
	.hmBlk4SliderColBtm2 a
	{padding: 5px 15px;}
	
	.hmBlk4SliderColBtm2 a img
	{height: 16px;}


	
	/* product-detail page start */
	.productDtlPg
	{padding: 60px 10px 60px 10px;}

	.productDtlPgColRBx
	{width: 340px; height: 340px;}
}



@media screen and (max-width:1320px) and (min-width:1161px){
	.header
	{padding: 15px 30px 15px 30px;}

	.header .navbar-brand
	{margin: 0 25px 0 0;}

	.hmBlk7 .slick-prev 
	{left: -20px;}

	.hmBlk7 .slick-next 
	{right: -20px;}
}