.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-right: auto; margin-left: auto; }
@media (min-width:576px) {
	.container-sm, .container { max-width: 100%; }
}

@media (min-width:768px) {
	.container-md, .container-sm, .container { max-width: 100%; }
}

@media (min-width:992px) {
	.container-lg, .container-md, .container-sm, .container { max-width: 100%; }
}

@media (min-width:1200px) {
	.container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1140px; }
	body[style="font-size: 95%;"] { padding-top: 160px; }
	body[style="font-size: 106.25%;"] { padding-top: 163px; }
	body[style="font-size: 95%;"] .dialog-off-canvas-main-canvas{min-height: calc(100vh - 160px);}
	body[style="font-size: 106.25%;"] .dialog-off-canvas-main-canvas { min-height: calc(100vh - 163px); }
}

@media (min-width:1400px) {
	.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1434px; }
	body[style="font-size: 95%;"] { padding-top: 166px; }
	body[style="font-size: 106.25%;"] { padding-top: 169px; }
	body[style="font-size: 95%;"] .dialog-off-canvas-main-canvas { min-height: calc(100vh - 166px); }
	body[style="font-size: 106.25%;"] .dialog-off-canvas-main-canvas { min-height: calc(100vh - 169px); }
}

/* Max width Media Query start */
@media (min-width:992px) {
.ImageGridHome .swiper-wrapper { flex-wrap: wrap; margin-left: -15px; margin-right: -15px; width: auto; }
.ImageGridHome .swiper-slide { width: calc(100% / 3) !important; display: flex; padding: 0px 15px; margin-top: 30px; }
}

@media (min-width:1200px) {
	
	/* HeaderBottom menu */
	.HeaderMenu > nav { margin-left: -15px; }
	.HeaderMenu ul { display: flex; flex-wrap: wrap; }
	.HeaderMenu ul li a { color: var(--Color-White); font-size: var(--Font-18); padding: 14px 15px; font-weight: var(--Font-400); }
	.HeaderMenu ul li.hover > a { background-color: var(--Color-PrimaryLight); }
	.HeaderMenu > nav > ul>li.parent>a:after { content: ""; width: 8px; height: 8px; display: inline-block; margin-left: 3px; border: 2px solid var(--Color-White); border-top: none; border-right: none; transform: rotate(-45deg); top: -3px; position: relative; }
	.HeaderMenu ul>li ul { margin-top: 0px; padding-left: 5px; position: absolute; top: 100%; left: 0; width: 281px; opacity: 0; visibility: hidden; top: calc(100% + 20px); transition: var(--Transition-2sl); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
	.HeaderMenu ul>li ul li:last-child a { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
	.HeaderMenu ul>li.hover > ul { opacity: 1; visibility: visible; top: calc(100% + 0px); }
	.HeaderMenu > nav > ul > li { margin-right: 30px; }
	.HeaderMenu > nav > ul>li:last-child { margin-right: 0px; }
	.HeaderMenu ul>li ul li { width: 100%; }
	.HeaderMenu ul>li ul li a { width: 100%; padding: 9px 15px; font-size: var(--Font-16); border-bottom: 1px solid var(--Color-PrimaryLight); background-color: var(--Color-Primary); }
	.HeaderMenu ul>li ul li a:after, .HeaderMenu ul>li ul li .FileSize{ display: none;}
	.HeaderMenu ul>li ul li:last-child a { border-bottom: 1px solid transparent; }
	.HeaderMenu ul>li ul li>ul { left: 100%; }
	.HeaderMenu > nav > ul> li> ul { left: -5px; }
	.HeaderMenu ul>li ul li.hover > ul { top: 0%; }
	.HeaderMenu ul>li ul li.parent > a:after { content: ""; width: 7px; height: 7px; display: inline-block; margin-left: 8px; border: 2px solid var(--Color-White); border-bottom: none; border-left: none; transform: rotate(45deg); position: absolute; right: 15px; top: 14px; }
	.parent-trigger { display: none; }
	.HeaderMenu>nav>ul>li { overflow: hidden; }
	.HeaderMenu>nav>ul>li.hover { overflow: visible; }
	
		/* HeaderBottom mega menu */
	.HeaderMenu>nav>ul>li.megaMenu { position: unset; }
	.HeaderMenu>nav>ul>li.megaMenu ul { width: 100%; left: 0; }
	.HeaderMenu>nav>ul>li.megaMenu>ul { padding: 0px 30px 0px; max-height: calc(100vh - 120px); overflow: auto; height: 0px; }
	.HeaderMenu>nav>ul>li.megaMenu.hover>ul { height: auto; padding: 70px 30px 30px; background: var(--Color-Primary); }
	.HeaderMenu>nav>ul>li.megaMenu ul li { width: 100%; }
	.HeaderMenu>nav>ul>li.megaMenu>ul>li { width: 100%; display: block; border-bottom: 1px solid #ebebeb; padding-bottom: 15px; margin-bottom: 15px; }
	.HeaderMenu>nav>ul>li.megaMenu>ul>li:last-child { border-bottom: none; padding-bottom: 0px; margin-bottom: 0px; }
	.HeaderMenu>nav>ul>li.megaMenu>ul>li>a { font-weight: 700; font-size: var(--sttl-theme-font-18); border-top: none !important; padding: 0; margin-bottom: 10px; display: block; text-transform: uppercase; background: transparent; }
	.HeaderMenu>nav>ul>li.megaMenu>ul>li>a[href=""] { pointer-events: none; cursor: auto; }
	.HeaderMenu>nav>ul>li.megaMenu>ul>li>a:after { display: none !important; }
	.HeaderMenu>nav>ul>li.megaMenu>ul>li>a:before { display: none; }
	.HeaderMenu>nav>ul>li.megaMenu>ul>li>ul { box-shadow: none; position: relative; width: 100%; opacity: 1; visibility: visible; top: unset; left: unset; display: flex; flex-wrap: wrap; }
	.HeaderMenu>nav>ul>li.megaMenu>ul>li>ul>li { margin-bottom: 8px; width: calc(100% / 4); padding-right: 15px; }
	.HeaderMenu>nav>ul>li.megaMenu>ul>li>ul>li:last-child { margin-bottom: 0px; }
	.HeaderMenu>nav>ul>li.megaMenu>ul>li>ul>li>a { border: none; padding: 0; font-size: var(--sttl-theme-font-14); position: relative; padding-left: 10px; background: transparent; }
	.HeaderMenu>nav>ul>li.megaMenu>ul>li>ul>li>a:before { display: inline-block; left: auto; border-radius: 0px; border-left: none; border-top: none; content: ""; width: 6px; height: 6px; border-right: 1.6px solid var(--sttl-theme-pure-black); border-bottom: 1.6px solid var(--sttl-theme-pure-black); transform: rotate(-45deg); margin-left: 3px; position: absolute; top: 9px; left: -6px; }
	.HeaderMenu>nav>ul>li.megaMenu>ul>li>ul>li.hover>a { background-color: transparent; color: var(--sttl-theme-pink); border: none; }
	.HeaderMenu>nav>ul>li.megaMenu ul li.hover>a { border-top: unset; background-color: unset; color: var(--sttl-theme-pink); }
}

@media screen and (min-device-width:1200px) and (max-device-width:1399px) {
	.HeaderMenu ul li a { padding: 14px 14px; }
	.HeaderMenu>nav>ul>li { margin-right: 18px; }
}

@media (max-width:1399px) {
	:root {	--Font-46:2.625em; --Font-22: 1.3125em; --Font-18:1em; --Font-20:1.125em; --Font-24:1.375em; --Font-32:1.875em; }
	.Logo { width: 290px; }
	.StickyHeader .Logo a { max-width: 270px; }
	.AccessibilityBox { width: calc(100% - 290px); }
	.SearchBox .form-submit { width: 45px; height: 45px; min-height: 45px; }
	.SearchBox .js-form-item { width: calc(100% - 45px); }
	footer .footer-col.LogoFooter { width: 35%; }
	footer .footer-col.AddressFooter { width: 45%; padding: 0px 30px; }
	footer .footer-col.SocialFooter { width: 20%; padding-left: 25px; }
	footer .footer-col-4 { width: 73%; }
	footer .footer-col-5 { width: 27%; }
}

@media (max-width:1199px) {
	:root {--Font-46:2.5em; --Font-22: 1.25em; --Font-18:1em; --Font-20:1.0625em; --Font-24:1.3125em; --Font-32:1.8125em; }
	.Logo { width: 270px; }
	.Language .dropbutton{min-width: 90px; padding-left: 10px; padding-right: 10px; height: 40px;}
	.Language .dropbutton .secondary-action a{ padding-left: 10px;}
	.Language { margin-right: 10px;}
	.SearchBox{ margin-right: 10px; min-width: 300px;}
	.AccessibilityBox { width: calc(100% - 270px); }
	.HeaderBottom { position: absolute; left: 0; top: 100%; width: 100%; display: none; }
	.HeaderTop { padding: 10px 0px; }
	header .parent-trigger { line-height: normal; font-size: var(--Font-16); color: var(--Color-White); width: 45px; height: 45px; background-color: var(--Color-Secondary); display: flex; justify-content: center; align-items: center; border-radius: 50%; margin-left: 0px; }
	/* header .parent-trigger span { display: non; } */
	header .parent-trigger .fa-solid.fa-xmark { display: none; }
	.MenuOpen header .parent-trigger span.fa-solid.fa-bars-staggered { display: none; }
	.MenuOpen header .parent-trigger .fa-solid.fa-xmark { display: inline-block; }
	.HeaderMenu { height: calc(100vh - 115px); overflow: auto; }
	.HeaderMenu>nav>ul>li>a { padding: 10px 15px; display: block; }
	.HeaderMenu>nav>ul>li>ul>li>a { padding: 10px 30px; }
	.HeaderMenu>nav>ul>li>ul>li>ul>li >a { padding: 10px 45px; }
	.HeaderMenu>nav>ul>li>ul>li>ul>li >ul>li>a { padding: 10px 60px; }
	.HeaderMenu>nav ul li a { padding-right: 45px; }
	.HeaderMenu ul>li { position: relative; }
	.HeaderMenu ul>li .child-trigger { position: absolute; right: 0px; top: 0px; width: 40px; background-color: var(--Color-PrimaryLight); }
	.HeaderMenu ul>li .child-trigger span { width: 8px; height: 8px; display: inline-block; margin-left: 8px; border: 1px solid var(--Color-White); border-top: none; border-right: none; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(-45deg); left: calc(50% - 8px); }
	.HeaderMenu>nav>ul>li>ul, .HeaderMenu>nav>ul>li>ul>li>ul { display: none; margin-top: 0px; }
	.HeaderMenu ul>li>a { border-bottom: 1px solid var(--Color-PrimaryLight); color: #fff; display: block; }
	.HeaderMenu ul>li .FileSize, .HeaderMenu>nav ul li a:after{ display: none;}
	footer .footer-col.LogoFooter { width: 35%; }
	footer .footer-col.AddressFooter { width: 45%; padding: 0px 12px; }
	footer .footer-col.SocialFooter { width: 20%; padding: 0px 12px; }
	footer .footer-col-4 { width: 69%; }
	footer .footer-col-5 { width: 31%; }
}

@media (max-width:991px) {
	.SearchBox .js-form-item input { min-height: 40px; }
	.SearchBox .js-form-item { width: calc(100% - 40px); }
	.Accessibility>button { width: 40px; }
	.SearchBox .form-submit { width: 40px; height: 40px; min-height: 40px; background-size: 15px; }
	header .parent-trigger { width: 40px; height: 40px; }
	footer .footer-col.LogoFooter { width: 100%; }
	footer .footer-col.AddressFooter { width: 74%; }
	footer .footer-col.SocialFooter { width: 26%; }
	footer .footer-col-5 { width: 40%; }
	footer .footer-col-4 { width: 60%; }
}

@media (max-width:767px) {
	:root {--Font-46:2.375em; --Font-22: 1.125em;  --Font-18:1em; --Font-20:1.0625em; --Font-24:1.3125em; --Font-32:1.8125em; }
	.HeaderMenu ul>li .child-trigger { width: 37px; }
	.HeaderMenu>nav ul li a { padding-right: 40px; }
	.SearchBox { display: none; position: absolute; top: 108px; right: 18px; margin-right: 0; }
	.SearchBox form { box-shadow: var(--BoxShadow-3); padding: 10px; background-color: var(--Color-White); }
	.SearchBox:after { content: ""; position: absolute; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid var(--Color-White); right: 42px; bottom: calc(100% - 1px); }
	.StickyHeader header { top: -6px; }
	footer .footer-col.AddressFooter { width: 100%; }
	footer .footer-col.SocialFooter { width: 100%; }
	footer .SocialConnect { justify-content: center; flex-wrap: wrap; }
	footer .SocialConnect .Heading { margin-bottom: 7px; width: 100%; text-align: center; }
	footer .footer-col-5 { width: 100%; }
	footer .footer-col-4 { width: 100%; }
	footer .Menu-1.Menu-2 ul li a, footer .CopyRight, footer .Visitors p, footer .Address, footer .Visitors { text-align: center; }
	footer .Menu-1 ul { justify-content: center; width: 100%; }
	footer .footer-col.LogoFooter { justify-content: center; display: flex; }
}

@media (max-width:575px) {
	.Logo { width: 225px; }
	.Language { display: none; }
	.SearchBox{ top: 96px;}
	.AccessibilityBox { width: calc(100% - 225px); }
	.Accessibility>button { width: 35px; }
	header .parent-trigger { width: 35px; height: 35px; }
	.SearchIconResponsive { width: 35px; height: 35px; }
	.HeaderMenu { height: calc(100vh - 100px); }
	.StickyHeader header { top: -5px; }
}

@media (max-width:392px) {
	.AccessibilityBox { width: calc(100% - 224px); }
	.Logo { width: 224px; }
	.HeaderMenu { height: calc(100vh - 95px); }
}

@media (max-width:359px) {
	.Logo { width: 200px; }
	.SearchBox { min-width: 280px; top: 90px; right: 15px; }
	.SearchBox:after { right: 37px; }
	.AccessibilityBox { width: calc(100% - 200px); }
	.Accessibility>button { width: 30px; }
	header .parent-trigger { width: 30px; height: 30px; }
	.SearchIconResponsive { width: 30px; height: 30px; }
}

@media (max-width:1399px) {
	body .dialog-off-canvas-main-canvas { min-height: calc(100vh - 161px); }
	.padding-30 { padding: 25px; }
	.padding-25 { padding: 25px; }
	.padding-35 { padding: 30px; }
	.padding-20-30 { padding: 15px 20px; }
	.padding-50 { padding: 45px; }
	.padding-top-20 { padding-top: 15px; }
	.padding-top-25 { padding-top: 20px; }
	.padding-top-30 { padding-top: 25px; }
	.padding-top-40 { padding-top: 35px; }
	.padding-top-50 { padding-top: 45px; }
	.padding-top-90 { padding-top: 50px; }
	.padding-bottom-20 { padding-bottom: 15px; }
	.padding-bottom-25 { padding-bottom: 20px; }
	.padding-bottom-30 { padding-bottom: 25px; }
	.padding-bottom-40 { padding-bottom: 35px; }
	.padding-bottom-50 { padding-bottom: 45px; }
	.padding-bottom-90 { padding-bottom: 50px; }
	.padding-right-20 { padding-right: 15px; }
	.padding-right-25 { padding-right: 20px; }
	.padding-right-30 { padding-right: 25px; }
	.padding-right-40 { padding-right: 35px; }
	.padding-right-50 { padding-right: 45px; }
	.padding-right-90 { padding-right: 50px; }
	.padding-left-20 { padding-left: 15px; }
	.padding-left-25 { padding-left: 20px; }
	.padding-left-30 { padding-left: 25px; }
	.padding-left-40 { padding-left: 35px; }
	.padding-left-50 { padding-left: 45px; }
	.padding-left-90 { padding-left: 50px; }
	.section-padding { padding: 60px 0; }
	.section-padding-top-0 { padding-top: 0px; }
	.section-padding-bottom-0 { padding-bottom: 0px; }
	.section-padding-50 { padding: 45px 0; }
	.section-padding-50-top-0 { padding-top: 0px; }
	.section-padding-50-bottom-0 { padding-bottom: 0px; }
	.float-right-img, .float-left-img { margin-bottom: 10px; }
	.float-right-img { margin-left: 30px; }
	.float-left-img { margin-right: 30px; }
	.TabsButtons ul { margin: -14px -7px 0px; }
	.TabsButtons ul li { display: flex; margin: 14px 7px 0px; }
	.TabsButtons ul li a { padding: 17px 28px; }
	.BreadcrumbBox .PageTitle { margin-bottom: 50px; }
	.table-responsive tr th, .table-responsive tr td { padding: 18px 20px; } 
	.table-responsive tr th { padding-top: 22px; padding-bottom: 22px; }
	.view-filters form .form-item { width: calc((100% / 3) - 37px); }
	.LoginSection .ashokChakra img { width: 70%; }
	body[style="font-size: 106.25%;"] .captcha__element img { top: 68px; }
	body[style="font-size: 106.25%;"] .captcha__element .reload-captcha-wrapper { top: 68px; }
	.Page404.pageThankYou .TitleText { font-size: 70px; }
	.BannerHome { height: 500px; }
	/* .BannerHome .HeadingBox { padding: 30px 0px 30px; } */
	.HomeBannerPlayBtn.PlayBtnSlider { right: 30px; }
	.Marquee { padding: 16px 0px; }
	.Marquee .cta-link { margin-left: 45px; }
	.Marquee .MarqueeBox ul li { margin-right: 25px; }
	.ImageGridHome .SubHeading { padding: 0px 15px 15px; min-height: 68px; }
	.AdvanceSearchItems .BoxHeading { padding-left: 15px; width: calc(100% - 80px); }
	.AdvanceSearchItems .Icons { width: 80px; height: 80px; }
	.ContactBox .BoxHeading { width: calc(100% - 100px); }
	.ContactBox .AdvanceSearchItems .Icons { width: 100px; height: 100px; }
	.MapMainBlock { padding: 60px 60px; }
	.MapSection .LeftPart { width: 520px; }
	.MapSection .RightPart { width: calc(100% - 520px); }
	.MapSection .RightPartIn .state-button { padding: 20px 15px;}
	.locationIcon { font-size: 26px; }
	.MapSection #State1Popup { left: 157px; top: 170px; }
	.MapSection #State2Popup { left: 193px; top: 315px; }
	.MapSection #State3Popup { left: 193px; top: 363px; }
	.MapSection #State4Popup { left: 266px; top: 280px; }
	.MapSection #State5Popup { left: 308px; top: 315px; }
	.MapSection #State6Popup { left: 305px; top: 271px; }
	.MapSection #State7Popup { left: 329px; top: 271px; }
	.MapSection #State8Popup { left: 430px; top: 226px; }
	.MediaGalleryGrid .LinkArrowBox, .LatestNewsGrid .LinkArrowBox { margin-top: 30px; }
	.LatestNewsSwiper { height: 370px; }
	.NotificationBox .text { padding-left: 15px; }
	.NotificationNew .LatestNewsGrid, .NotificationNew .MediaGalleryGrid, .NotificationNew .SocialFeed { min-height: 489px; }
	.LinkBoxDesign.Coalcompanies .Icon { padding-bottom: 90px; }
	.LinkBoxDesign.Coalcompanies .CoalcompaniesBox { width: calc(100% / 3); }
}

@media (max-width:1199px) {
	/* body { padding-top: 98px; } */
	body .dialog-off-canvas-main-canvas { min-height: calc(100vh - 98px);}
	.pager .pager__items { margin-top: -5px; margin-right: -5px; }
	.pager .pager__item { margin: 5px 5px 0px; }
	body.MenuOpen, html.MenuOpen { overflow: hidden; }
	.padding-50 { padding: 40px; }
	.padding-20-30 { padding: 10px 15px; }
	.section-padding { padding: 50px 0; }
	.section-padding-top-0 { padding-top: 0px; }
	.section-padding-bottom-0 { padding-bottom: 0px; }
	.section-padding-50 { padding: 40px 0; }
	.section-padding-50-top-0 { padding-top: 0px; }
	.section-padding-50-bottom-0 { padding-bottom: 0px; }
	.padding-top-20 { padding-top: 15px; }
	.padding-top-25 { padding-top: 20px; }
	.padding-top-30 { padding-top: 20px; }
	.padding-top-40 { padding-top: 30px; }
	.padding-top-50 { padding-top: 40px; }
	.padding-top-90 { padding-top: 30px; }
	.padding-bottom-20 { padding-bottom: 15px; }
	.padding-bottom-25 { padding-bottom: 20px; }
	.padding-bottom-30 { padding-bottom: 20px; }
	.padding-bottom-40 { padding-bottom: 30px; }
	.padding-bottom-50 { padding-bottom: 40px; }
	.padding-bottom-90 { padding-bottom: 30px; }
	.padding-right-20 { padding-right: 15px; }
	.padding-right-25 { padding-right: 20px; }
	.padding-right-30 { padding-right: 20px; }
	.padding-right-40 { padding-right: 30px; }
	.padding-right-50 { padding-right: 40px; }
	.padding-right-90 { padding-right: 30px; }
	.padding-left-20 { padding-left: 15px; }
	.padding-left-25 { padding-left: 20px; }
	.padding-left-30 { padding-left: 20px; }
	.padding-left-40 { padding-left: 30px; }
	.padding-left-50 { padding-left: 40px; }
	.padding-left-90 { padding-left: 30px; }
	.float-right-img, .float-left-img { margin-bottom: 10px; }
	.float-right-img { margin-left: 25px; }
	.float-left-img { margin-right: 25px; }
	.BreadcrumbBox .PageTitle { margin-bottom: 40px; }
	.TabsButtons ul { justify-content: center; }
	.TabsButtons { margin-bottom: 30px; padding-bottom: 30px; }
	.table-responsive tr th, .table-responsive tr td { padding: 16px 18px; }
	.table-responsive tr th { padding-top: 20px; padding-bottom: 20px; }
	.view-footer, nav.pager { margin-top: 30px; }
	.LoginSection .ashokChakra img { width: 80%; }
	.LoginSection .formSection { max-width: 400px; padding: 30px; }
	.Page404.pageThankYou .TitleText { font-size: 60px; }
	.FeedbackFrom { max-width: 850px; }
	.BannerHome { height: 450px; }
	/* .BannerHome .HeadingBox { padding: 30px 0px 30px; } */
	.HomeBannerPlayBtn.PlayBtnSlider { right: 30px; }
	.Marquee { padding: 15px 0px; }
	.Marquee .cta-link { margin-left: 35px; }
	.Marquee .MarqueeBox ul li { margin-right: 20px; }
	.LatestNewsSwiper { height: 320px; }
	.ImageGridHome .SubHeading { padding: 0px 10px 10px; min-height: 61px; }
	.AdvancedSearchBox input, .AdvancedSearchBox select, .AdvancedSearchBox textarea, .AdvancedSearchBox .form-select, .AdvancedSearchBox .Button { min-height: 48px; }
	.ContactBox .BoxHeading { width: calc(100% - 90px); }
	.ContactBox .AdvanceSearchItems .Icons { width: 90px; height: 90px; }
	.AdvancedSearchBox .col-field { width: 28%; }
	.AdvancedSearchBox .col-field.btn-field { width: 16%; }
	.AdvancedSearchBox .button { min-height: 48px; }
	.MapSection .LeftPart { width: 480px; }
	.MapSection .RightPart { width: calc(100% - 480px); }
	.MapMainBlock { padding: 50px 50px; }
	.locationIcon { font-size: 23px; }
	.HideShowDiv h3 { padding-bottom: 8px; margin-bottom: 8px; }
	.MapSection #State1Popup { left: 147px; top: 157px; }
	.MapSection #State2Popup { left: 180px; top: 289px; }
	.MapSection #State3Popup { left: 177px; top: 338px; }
	.MapSection #State4Popup { left: 243px; top: 263px; }
	.MapSection #State5Popup { left: 280px; top: 290px; }
	.MapSection #State6Popup { left: 272px; top: 251px; }
	.MapSection #State7Popup { left: 288px; top: 246px; }
	.MapSection #State8Popup { left: 402px; top: 208px; }
	.NotificationBox .DateBox { width: 60px; height: 60px; }
	.NotificationBox .text { padding-left: 10px; width: calc(100% - 60px); }
	.MediaGalleryGrid .LinkArrowBox, .LatestNewsGrid .LinkArrowBox { margin-top: 25px; }
	.LatestNewsGrid, .MediaGalleryGrid, .SocialFeed { min-height: 434px; }

}

@media (max-width:991px) {
	/* body { padding-top: 98px; } */
	body .dialog-off-canvas-main-canvas { min-height: calc(100vh - 98px); }
	.w-43 { width: 100%; }
	.w-57 { width: 100%; }
	.padding-50 { padding: 35px; }
	.padding-top-20 { padding-top: 10px; }
	.padding-top-25 { padding-top: 15px; }
	.padding-top-30 { padding-top: 15px; }
	.padding-top-40 { padding-top: 25px; }
	.padding-top-50 { padding-top: 35px; }
	.padding-bottom-20 { padding-bottom: 10px; }
	.padding-bottom-25 { padding-bottom: 15px; }
	.padding-bottom-30 { padding-bottom: 15px; }
	.padding-bottom-40 { padding-bottom: 25px; }
	.padding-bottom-50 { padding-bottom: 35px; }
	.padding-right-20 { padding-right: 10px; }
	.padding-right-25 { padding-right: 15px; }
	.padding-right-30 { padding-right: 15px; }
	.padding-right-40 { padding-right: 25px; }
	.padding-right-50 { padding-right: 35px; }
	.padding-left-20 { padding-left: 10px; }
	.padding-left-25 { padding-left: 15px; }
	.padding-left-30 { padding-left: 15px; }
	.padding-left-40 { padding-left: 25px; }
	.padding-left-50 { padding-left: 35px; }
	.padding-left-md-0 { padding-left: 0px; }
	.margin-top-35 { margin-top: 30px; }
	.section-padding { padding: 40px 0; }
	.padding-30 { padding: 20px; }
	.padding-25 { padding: 20px; }
	.padding-35 { padding: 20px; }
	.padding-20-30 { padding: 10px 10px; }
	.section-padding-top-0 { padding-top: 0px; }
	.section-padding-bottom-0 { padding-bottom: 0px; }
	.section-padding-50 { padding: 35px 0; }
	.section-padding-50-top-0 { padding-top: 0px; }
	.section-padding-50-bottom-0 { padding-bottom: 0px; }
	.float-right-img, .float-left-img { margin-bottom: 10px; }
	.float-right-img { margin-left: 20px; }
	.float-left-img { margin-right: 20px; }
	.BreadcrumbBox .PageTitle { margin-bottom: 30px; }
	.TabsButtons ul li a { padding: 15px 26px; }
	.table-responsive tr th, .table-responsive tr td { padding: 15px 15px; }
	.table-responsive tr th { padding-top: 18px; padding-bottom: 18px; }
	.pager .pager__items { margin-top: -5px; margin-right: 0px; }
	.pager .pager__item { margin: 10px 5px 0px; }
	.view-footer, nav.pager { margin-top: 25px; }
	.Pager_ViewFooter .pager { justify-content: center; }
	.Pager_ViewFooter .view-footer { width: 100%; text-align: center; padding-bottom: 15px; display: flex; justify-content: center; }
	.pager .pager__items { justify-content: center; }
	.dialog.smoke .dialog-inner { min-width: 400px; max-width: 400px; }
	.Page404.pageThankYou .TitleText { font-size: 50px; }
	.FeedbackFrom { max-width: 700px; }
	/* .BannerHome .Heading { max-width: 630px; } */
	.BannerHome { height: 400px; }
	/* .BannerHome .HeadingBox { padding: 25px 0px 25px; } */
	.Marquee { padding: 15px 0px; }
	.Marquee .cta-link { margin-left: 25px; }
	.ImageGridHome .SubHeading { padding: 0px 10px 10px; min-height: 61px; }
	.AdvancedSearchBox .col-field { width: calc(100% / 2); }
	.AdvancedSearchBox .col-field.btn-field { width: calc(100% / 2); }
	.MapSection .LeftPart { width: 591px; margin: 0 auto 30px; }
	.MapSection .RightPart { width: 100%; }
	.MapSection .RightPartIn .state-button { padding: 18px 13px; }
	.MapMainBlock { padding: 40px 40px; }
	.locationIcon { font-size: 28px; }
	.MapSection #State1Popup { left: 181px; top: 194px; }
	.MapSection #State2Popup { left: 222px; top: 359px; }
	.MapSection #State3Popup { left: 220px; top: 409px; }
	.MapSection #State4Popup { left: 301px; top: 324px; }
	.MapSection #State5Popup { left: 350px; top: 358px; }
	.MapSection #State6Popup { left: 336px; top: 309px; }
	.MapSection #State7Popup { left: 364px; top: 306px; }
	.MapSection #State8Popup { left: 499px; top: 255px; }
	.NotificationNew .LatestNewsGrid, .NotificationNew .MediaGalleryGrid, .NotificationNew .SocialFeed { min-height: auto; }
	.LinkBoxDesign.Coalcompanies .CoalcompaniesBox { width: calc(100% / 2); }
	.LinkBoxDesign.Coalcompanies .Icon { padding-bottom: 80px; }
}

@media (max-width:767px) {
	body { font-size: 14px !important; }
	body .dialog-off-canvas-main-canvas { min-height: calc(100vh - 95px); }
	.no_records:before{background-size: 120px; height: 120px;}
	.Button-Outline { min-height: 40px; line-height: 24px; }
	.pager .pager__items { margin-right: 0px; margin-top: -4px; }
	.pager .pager__item { margin: 8px 4px 0px; }
	.border-top-9 { border-top: 6px solid var(--Color-Secondary); }
	.padding-50 { padding: 30px; }
	.margin-bottom-20 { margin-bottom: 15px; }
	.margin-top-35 { margin-top: 25px; }
	.padding-top-20 { padding-top: 15px; }
	.padding-top-25 { padding-top: 15px; }
	.padding-top-30 { padding-top: 15px; }
	.padding-top-40 { padding-top: 20px; }
	.padding-top-50 { padding-top: 30px; }
	.padding-bottom-20 { padding-bottom: 10px; }
	.padding-bottom-25 { padding-bottom: 10px; }
	.padding-bottom-30 { padding-bottom: 10px; }
	.padding-bottom-40 { padding-bottom: 20px; }
	.padding-bottom-50 { padding-bottom: 30px; }
	.padding-right-20 { padding-right: 10px; }
	.padding-right-25 { padding-right: 10px; }
	.padding-right-30 { padding-right: 10px; }
	.padding-right-40 { padding-right: 20px; }
	.padding-right-50 { padding-right: 30px; }
	.padding-left-20 { padding-left: 10px; }
	.padding-left-25 { padding-left: 10px; }
	.padding-left-30 { padding-left: 10px; }
	.padding-left-40 { padding-left: 20px; }
	.padding-left-50 { padding-left: 30px; }
	.padding-30 { padding: 15px; }
	.padding-25 { padding: 15px; }
	.padding-35 { padding: 15px; }
	.section-padding { padding: 35px 0; }
	.section-padding-top-0 { padding-top: 0px; }
	.section-padding-bottom-0 { padding-bottom: 0px; }
	.section-padding-50 { padding: 30px 0; }
	.section-padding-50-top-0 { padding-top: 0px; }
	.section-padding-50-bottom-0 { padding-bottom: 0px; }
	.float-right-img, .float-left-img { margin-bottom: 20px; }
	.float-right-img { margin-left: 0px; float: unset; }
	.float-left-img { margin-right: 0px; float: unset; }
	input, select, textarea, .form-select, .form-control, .form-text { min-height: 40px; }
	.Button, .js-form-submit { min-height: 40px; line-height: 26px; }
	.captcha__element .form-item-captcha-response.js-form-item-captcha-response input { width: calc(100% - 149px); }
	.captcha__element img { width: 100px; height: 40px; top: 58px; right: 40px; }
	.captcha__element .reload-captcha-wrapper { top: 58px; width: 40px; height: 40px; }
	body[style="font-size: 95%;"] .captcha__element img { top: 59px; }
	body[style="font-size: 95%;"] .captcha__element .reload-captcha-wrapper { top: 59px; }
	body[style="font-size: 100%;"] .captcha__element img { top: 59px; }
	body[style="font-size: 100%;"] .captcha__element .reload-captcha-wrapper { top: 59px; }
	body[style="font-size: 106.25%;"] .captcha__element img { top: 59px; }
	body[style="font-size: 106.25%;"] .captcha__element .reload-captcha-wrapper { top: 59px; }
	.view-filters form .js-form-submit { width: 40px; height: 40px; }
	.view-filters form .form-item { width: calc((100% / 2) - 50px); }
	.BreadcrumbBox .PageTitle { margin-bottom: 20px; }
	.pager { width: 100%; justify-content: center; display: flex; margin-top: 20px; }
	.view-footer, nav.pager { margin-top: 20px; }
	.LoginSection .formSection { padding: 20px; }
	.Page404.pageThankYou .TitleText { font-size: 50px; }
	.FeedbackFrom { max-width: 100%; }
	.FeedbackFrom .Left { width: 100%; }
	.dialog.smoke .dialog-inner { min-width: 350px; max-width: 350px; }
	/* .BannerHome .Heading { max-width: 450px; } */
	/* .BannerHome .HeadingBox { padding: 20px 0px 20px; } */
	.Marquee .MarqueeBox ul li { margin-right: 15px; }
	.LatestNewsSwiper { height: 295px; }
	.AdvancedSearchBox .col-field { width: calc(100% / 2); }
	.AdvancedSearchBox .col-field.btn-field { width: calc(100% / 2); }
	.AdvanceSearchItems .Icons { width: 70px; height: 70px; }
	.LinkBoxDesign .Icon svg { max-width: 60px; }
	.MapMainBlock { padding: 30px 30px; }
	.MapSection .RightPartIn .state-button { padding: 16px 11px; }
	.locationIcon { font-size: 23px; }
	.MapSection #State1Popup { left: 150px; top: 161px; }
	.MapSection #State2Popup { left: 186px; top: 296px; }
	.MapSection #State3Popup { left: 181px; top: 343px; }
	.MapSection #State4Popup { left: 249px; top: 268px; }
	.MapSection #State5Popup { left: 291px; top: 298px; }
	.MapSection #State6Popup { left: 280px; top: 258px; }
	.MapSection #State7Popup { left: 300px; top: 254px; }
	.MapSection #State8Popup { left: 411px; top: 213px; }
	.MapSection .LeftPart { width: 492px; margin: 0 auto 25px; }
	.BannerHome .views-element-container, .BannerHome .views-element-container>div, .BannerHome .HomeBannerSwiper, .BannerHome .BannerHomeSlider, .BannerHome>div { height: 100%; width: 100%; }
	.BannerHome .HomeBannerPagination { position: absolute; z-index: 1; background-color: rgba(0, 0, 0, 0.60); padding: 11px 7px; border-radius: 30px; margin: 0px 0px !important; display: flex; width: auto; height: auto; top: unset; bottom: 10px; left: auto; transform: unset; right: 50px; }
	.HomeBannerPlayBtn.PlayBtnSlider { bottom: 10px; top: unset; transform: unset; left: unset; right: 15px; margin: 0px; }
	.BannerHome { height: 350px; }
	.AdvancedSearch .AdvancedSearchBox { padding: 20px; }
	.NotificationBox .DateBox { width: 55px; height: 55px; }
	.MediaGalleryGrid .LinkArrowBox, .LatestNewsGrid .LinkArrowBox { margin-top: 20px; }
	.MediaGalleryGrid .text{ padding-top: 10px;}
}

@media (max-width:575px) {
	/* body { padding-top: 82px; } */
	body .dialog-off-canvas-main-canvas { min-height: calc(100vh - 82px);}
	.table-responsive tr th { padding-top: 16px; padding-bottom: 16px; }
	.pager .pager__items { margin-right: 0px; margin-top: -3px; }
	.pager .pager__item { margin: 6px 3px 0px; }
	.border-top-9 { border-top: 5px solid var(--Color-Secondary); }
	.margin-bottom-20 { margin-bottom: 10px; }
	.margin-top-35 { margin-top: 20px; }
	.padding-50 { padding: 15px; }
	.padding-top-20 { padding-top: 15px; }
	.padding-top-25 { padding-top: 15px; }
	.padding-top-30 { padding-top: 15px; }
	.padding-top-40 { padding-top: 15px; }
	.padding-top-50 { padding-top: 15px; }
	.padding-bottom-20 { padding-bottom: 15px; }
	.padding-bottom-25 { padding-bottom: 15px; }
	.padding-bottom-30 { padding-bottom: 15px; }
	.padding-bottom-40 { padding-bottom: 15px; }
	.padding-bottom-50 { padding-bottom: 15px; }
	.padding-right-20 { padding-right: 15px; }
	.padding-right-25 { padding-right: 15px; }
	.padding-right-30 { padding-right: 15px; }
	.padding-right-40 { padding-right: 15px; }
	.padding-right-50 { padding-right: 15px; }
	.padding-left-20 { padding-left: 15px; }
	.padding-left-25 { padding-left: 15px; }
	.padding-left-30 { padding-left: 15px; }
	.padding-left-40 { padding-left: 15px; }
	.padding-left-50 { padding-left: 15px; }
	.TabsButtons ul li a { padding: 13px 22px; }
	.view-filters form .form-item { width: calc(100% / 1); }
	.view-filters form .js-form-submit { width: calc(50% - 10px); }
	.Page404.pageThankYou .TitleText { font-size: 40px; max-width: 300px; }
	.Page404.pageThankYou .TitleText:before { margin-bottom: 15px; }
	.BreadcrumbBox .PageTitle { margin-bottom: 15px; }
	.dialog.smoke .dialog-inner { min-width: 280px; max-width: 280px; }
	/* .BannerHome .HeadingBox { padding: 15px 0px 15px; } */
	/* .BannerHome .HomeBannerPagination { right: 25px; } */
	.HomeBannerPlayBtn.PlayBtnSlider { right: 15px; }
	/* .BannerHome .Heading { max-width: 100%; padding: 0px 32px; } */
	.Marquee .Updates { position: absolute; top: 0; margin-right: 25px; padding-right: 25px; }
	.Marquee .MarqueeWrap { position: relative; padding-top: 30px; }
	.Marquee .cta-link { margin-left: 15px; }
	.Marquee .MarqueeBox ul li { margin-right: 10px; }
	.AdvancedSearchBox .col-field { width: 100%; }
	.AdvancedSearchBox .col-field.btn-field { width: 100%; }
	.AdvanceSearchItems { display: block; height: 100%; }
	.AdvanceSearchItems .Icons { margin: 0 auto; }
	.AdvanceSearchItems .BoxHeading { width: 100%; padding-left: 0; text-align: center; padding-top: 10px; }
	.AdvanceSearchItems .Icons { width: 60px; height: 60px; }
	.MapMainBlock { padding: 30px 15px; }
	.MapSection .LeftPart { max-width: 266px; margin: 0 auto 20px; order: 2; }
	.MapSection .RightPart{order: 1; margin-bottom: 20px;}
	.MapSection .RightPartIn .state-button{margin: 6px; width: calc(100% - 12px);}
	.locationIcon { font-size: 14px; }
	.MapSection .MapPopup{ margin-top: 10px;}
	.MapSection #State1Popup { left: unset; top: unset; transform: unset; bottom: unset; position: unset; }
	.MapSection #State2Popup { left: unset; top: unset; transform: unset; bottom: unset; position: unset; }
	.MapSection #State3Popup { left: unset; top: unset; transform: unset; bottom: unset; position: unset; }
	.MapSection #State4Popup { left: unset; top: unset; transform: unset; bottom: unset; position: unset; }
	.MapSection #State5Popup { left: unset; top: unset; transform: unset; bottom: unset; position: unset; }
	.MapSection #State6Popup { left: unset; top: unset; transform: unset; bottom: unset; position: unset; }
	.MapSection #State7Popup { left: unset; top: unset; transform: unset; bottom: unset; position: unset; }
	.MapSection #State8Popup { left: unset; top: unset; transform: unset; bottom: unset; position: unset; }
	.HideShowDiv{position: unset; bottom: unset; transform: unset; min-width: 100%; max-width: 100%; padding: 10px;} 
	.HideShowDiv:after{ display: none;}
	.BannerHome { height: 300px; }
	.LinkBoxDesign.Coalcompanies .CoalcompaniesBox { width: calc(100% / 1); }
	.LinkBoxDesign.Coalcompanies .Icon { padding-bottom: 70px; }
}

@media (max-width:359px) {
	/* body { padding-top: 76px; } */
	body .dialog-off-canvas-main-canvas { min-height: calc(100vh - 76px); }
}