@media only screen and (min-width:992px)
{
	nav > ul > li{margin:0px 20px;}
	nav > ul > li > a{padding:0px; position:relative;}
	nav > ul > li > a:before { position:absolute; left:-20px; border-left:1px solid #ECEBEB; content:""; height:22px; top:9px;}
	nav > ul > li:first-child > a:before{content:none;}
}

@media only screen and (max-width:1600px)
{
	.slide-inner .container{padding-left:100px;}
}


@media only screen and (max-width:1399px)
{
	.searchside{gap:70px;}
	.headSearch{width:58%;}
	.loggers{width:25%;}
	ul.megaMenu{right:auto; left:-145px;}
	.tableInside .table thead tr th{white-space: nowrap;}
}

@media only screen and (max-width:1299px)
{
	.prodDesc{padding:10px 10px 20px 10px;}
	.prodDesc h4{font-size:14px;}
	.dashItems .dashItem .itemDet{width:53%;}
}

@media only screen and (max-width:1199px)
{
	.smallDesc > label{margin-bottom:20px;}
	.qntity{margin-top:25px;}
	.disProducts{ width:calc(100% - 28%);}
	.prodItem{width:calc(51% - 20px);}
	.prodDesc {padding:10px 20px 20px 20px;}
	.prodDesc h4{font-size:16px;}
	.disProducts{align-items:unset;}
	.pageTitle{height:450px;}
	.hero-style{height:550px;}
	.aboutTxt{padding:20px;}
	.allBrands ul{gap:20px;}
	.allBrands ul li{width:calc(16% - 12px);}
	.allBrands ul li label{padding:10px; line-height:18px;}
	.logSignForm{align-items:unset;}
	.formImg img{height:100%; }
	.formSide{padding:30px 25px;}
	.frming{width:calc(100% - 40px); gap:4px;}
	.form-group{padding:10px 15px;}
	.logoSide{gap:50px;}
	.searchside{width:55%; gap:7%;}
	ul.megaMenu{left:-110px; width:900px !important;}
	.sidebar{width:250px;}
	.pageBody{width:calc(100% - 280px);}
	.dashItems .dashItem{width:calc(50% - 15px);}
	.loggers{width:auto;}
	.profileForm .btns button{min-width:175px;}
	.tabEdit .nav-tabs button{padding:7px 15px; font-size:15px;}
	.tableInside .table thead tr th{white-space:nowrap;}
	.tableInside .table tbody tr td{white-space:nowrap;}


}

@media only screen and (max-width:991px)
{
	.smallDesc > h2{font-size:22px; margin-bottom:10px;}
	.smallDesc > label { margin-bottom:15px;}
	.smallDesc .listing > div{line-height:24px;}
	.smallDesc .listing > div label{font-size:14px;}
	.smallDesc .listing > div span{font-size:14px;}
	.lgImg{min-height:390px;}
	.lgImg img{width:auto;}
	.catSidebar{display:block; width: 100%;}
	.catSidebar .catList{display: none;}
	.disProducts{width:100%;}
	.slide-title h1{font-size:28px; line-height:165.02%;	}
	.hero-style{height:450px;}
	.slide-title {margin-top:-45px;}
	.aboutImg{right:0px; text-align:center; background:#fff; padding:40px 30px 30px;}
	.aboutTxt { left:0px; padding:0px 60px 40px; text-align:center;}
	.allBrands ul li { width:calc(25% - 15px);}
	.faqs{height:auto;}
	.faqs:before { background-size:100% 100%; width:40%; height:60%;}
	.faqs:after { background-size:100% 100%; width:40%; height:60%;}
	.formImg{display:none;}
	.formSide{width:100%; padding:35px 50px;}
	.logoSide{gap:25px; width:45%;}
	.logoSide > a { display:inline-block; width:160px;}
	.headSearch{display:none;}
	.logoSide{width:auto;}
	.locDrop{width:55%;}
	.searchside{width:fit-content;}
	.locDrop:after, .loginUser:after{margin-top:2px;}
	nav ul ul ul a:hover{color:#fff;}
	label.toggle.hamburger { color:#000; font-size:26px;}
	.header nav ul.menu li{ border-bottom:1px solid #0f164e; width:100% !important;}
	.header nav ul.menu li a{}
	.header nav ul.menu {	 max-width:95%;	 margin:0 auto;	 padding:0px 15px;	 overflow:hidden;	 width:100%;	}
	nav ul li ul{padding:0px;}
	nav ul li ul li{border-bottom:1px solid #ccc;}
	nav ul li a{padding:0px;}
	nav ul li ul li a{padding:0px 15px;}
	.locDrop{display:none;}
	.mobileHead { width:100%; background:#fff; border-top:1px solid #ccc; display:block;}
	.mobileHead .container{display:flex; flex-wrap:wrap; justify-content:space-between;}
	.mobileHead .locDrop{display:flex; flex-wrap:wrap; align-items:center;}
	.mobileHead .locDrop select{width:fit-content; background:transparent;}
	.megaMenu > div{flex-wrap:wrap; gap:5px;}
	.smallList{display:none;}
	ul.megaMenu{width:100% !important;}
	ul.megaMenu li{border-bottom:0px !important; }
	ul.megaMenu li h4 { padding-bottom:0; border-bottom:0px solid #ccc; background:#f7f7f7; line-height:40px; padding:0px 15px;}
	ul.megaMenu li.active .smallList { display:block; padding-bottom:30px; padding-left:15px;}
	ul.megaMenu li h4:after {	 content:"+";	 position:absolute;	 right:15px;	 font-size:22px;	 top:-2px;	}
	ul.megaMenu li.active h4:after{content:"-";}
	.pumpsslide ul li label{font-size:14px;}
	.sidebar{width:100%; margin-bottom:20px;}
	.sidebar .navLists{display:none;}
	.sidebar .mobilSidebar{display:block;}
	.pageBody{width:100%;}
	.switchers ul li label{font-size:14px; width:22%;}
	.switchers ul li span{font-size:14px; width:58%;}
	.notifyListsDrop ul{padding-top:30px;}
	.insideDetails ul{gap:10px;}
	.insideDetails ul li{width:100%;}
	.tableAccordian table.fold-table > tbody > tr.fold td{white-space:normal;}
	.invoicebtn{width:35%;}
	.welcomePage .row{flex-direction: column-reverse;}
	.welcomePage .row .welcomeImg{margin-bottom: 35px; text-align: left;}



}

@media only screen and (max-width:767px)
{
	.lgImg{min-height:auto; margin-bottom:25px;}
	.lgImg img {max-height:270px;}
	.disProducts{gap:10px;}
	.prodItem {width:calc(52% - 16px);}
	.countPagi{text-align:center; justify-content:center; padding:15px 0px;}
	.countPagi p{text-align:center; margin-bottom:10px;}
	.pageTitle{height:350px;}
	.innerTitle h2{font-size:36px; letter-spacing:1px;}
	.breadcrum ul li{letter-spacing:0.5px;}
	.breadcrum ul li a{letter-spacing:0.5px;}
	.hero-style{height:250px;}
	.slide-inner .container{padding-left:0px;}
	.slide-title {margin-top:0px;}
	.slide-title h1{font-size:20px; letter-spacing:0.3px;}
	.allBrands ul li { width:calc(33% - 15px);}
	.faqs:before, .faqs:after{content:none;}
	.faqs{padding-top:20px;}
	.locDrop{display:none;}
	.mobileHead { width:100%; background:#f7f7f7; border-top:1px solid #ccc; display:block;}
	.mobileHead .container{display:flex; flex-wrap:wrap; justify-content:space-between;}
	.mobileHead .locDrop{display:flex; flex-wrap:wrap; align-items:center;}
	.mobileHead .locDrop select{width:fit-content; background:transparent;}
	.header nav ul.menu { max-width:540px; margin:0 auto; padding:0px 15px;}
	.dashItems .dashItem{justify-content:center;}
	.dashItems .dashItem .itemDet{width:100%;}
	.userImg {	 width:172px;	 height:172px;	 border-radius:200px;	 overflow:hidden;	 display:flex;	 align-items:center;	 justify-content:center;	 margin:0 auto;	}
	.userImg > img {	 width:94%;	 height:auto;	}
	.profileForm .btns button{min-width:100px;}
	.tabEdit .nav-tabs { border:0px; display:flex; flex-wrap:wrap; gap:10px;}
	.tabEdit .nav-tabs button { border-radius:35px; font-size:13px; letter-spacing:0.3px; background:#f5f5f5; line-height:18px;}
	.tabEdit .nav-tabs button.active { border-color:#00749A; color:#fff; background:#00749A;}
	.rfqDetTable thead tr th{white-space:nowrap;}
	.rfqDetTable tbody tr td{white-space:nowrap;}
	.notifyListsDrop{ right:-175px; width:550px;}
	.detailPopup{padding:20px;}
	.createList button.btnOut{line-height:30px; padding:0px 10px; font-size:14px;}
	.thankuDetails div h4{line-height: normal;}
	.thankuDetails div p{line-height: normal;}
	.CrteListngPge > .pics .listngImg li{width: calc(50% - 20px);}

}

@media only screen and (max-width:575px)
{
	.bottomFooter p{font-size:14px;}
	.quoteForm button.btn, .quoteForm button.btnOut {margin:0px 0px 10px 0px !important; width:100%;}
	.prodItem {width:100%;}
	.pageTitle{height:200px;}
	.innerTitle h2{font-size:32px;}
	.hero-style{height:190px;}
	.slide-inner .container{padding-left:50px;}
	.slide-title h1{font-size:16px; letter-spacing:0px;}
	.aboutImg{padding:15px;}
	.aboutTxt { left:0px; padding:10px 20px 30px; text-align:center;}
	.padd80{padding:30px 0px;}
	.prodCatTabs ul.nav-tabs li a{font-size:15px; text-transform:capitalize;}
	.allBrands ul li{width:calc(50% - 15px);}
	.formSide{width:100%; padding:40px 20px;}
	.popOff{top:-30px; right:4px;}
	.locDrop{width:60%;}
	.faqAccordian .accordion-button{font-size:16px;}
	.faqAccordian .accordion-button:after{margin-left:20px;}
	.faqAccordian .accordion-body{padding:0px 20px 20px 0px; line-height:22px; font-size:14px; letter-spacing:0;}
	.dashItems .dashItem{width:100%;}
	.dashItems .dashItem .itemDet{width:63%;}
	.profileForm .form-group.btns button{min-width:100%;}
	.profileForm .btns{flex-direction:column-reverse;}
	.profileForm .btns button{width:100%;}
	.switchers ul li label{width:100%;}
	.switchers ul li span{width:80%;}
	.heading{flex-wrap:wrap;}
	.heading > div{width:100%;}
	.heading > a{margin-top:40px;}
	.notifyLists ul li{flex-wrap:wrap; gap:10px;}
	.notifyLists ul li p{width:100%;}
	.logoSide{width:30%;}
	.notifyListsDrop { right:-164px; width:360px;}
	.colorHead h2{font-size:16px;}
	.insideDetails ul li{flex-wrap:wrap;}
	.insideDetails ul li label, .insideDetails ul li span{width:100%; font-size:14px;}
	.insideDetails{padding:20px;}
	div[data-bs-dismiss="modal"]{width:auto;}
	.editButton { margin-top:20px; width:100%; text-align:center;}
	.pageBody{padding:20px;}
	.createList{display:none;}
	.crteMblList{display:block;}
	.crteMblList .createList{ display:block; text-align:right; margin-bottom:20px;}
	.welcomeText .heading h2{font-size:18px;     margin: 0 auto;}
	.welPoints ul li h4{font-size: 16px;}
	.welPoints ul li p{font-size: 14px !important; line-height: 22px !important;}
	.quoteForm button.btn, .quoteForm button.btnOut{min-width: auto;}
}