@media only screen and (max-height: 820px){
	.homeBanner ul{height: 550px !important;}
}
 
@media only screen and (min-width: 991px){
	header nav{display: block !important;}
	header nav ul > li.mainLi:hover > .dropdown{visibility: visible !important; opacity: 1 !important;}
	header nav ul > li > a:after{display: block;}
}

@media only screen and (max-width: 1480px) {
	/* homepage */
	.homeBanner .slick-next{right: 30px;}
	.homeBanner .slick-prev{left: 30px;}
	.homeBanner ul li .bannerCaption p{font-size: 55px; line-height: 65px;}
	/* media page */
	.mediaPopup .popContent{width: 80%; height: 80%;}
}

@media only screen and (max-width: 1280px) {
	/* homepage */
	header .dropdown .menuText h2{font-size: 45px; padding-bottom: 25px; margin-bottom: 30px;}
	header .dropdown .menuText p{font-size: 20px; line-height: 28px;}
	.fullWidthSlider .slideBox h3{font-size: 23px; line-height: 29px;}
	.fullWidthSlider .slideBox{height: 400px;}
	.fullWidthSlider .sixitem .slideBox{height: 290px;}
	.container{width: 100%; padding: 0 30px;}
	header .goldPricer{right: 30px;}
	.returnTop{right: 30px;}
	/* management page */
	.mgmtListing .heading h3, .mediaListing .heading h3{font-size: 20px; line-height: 30px;}
	.mgmtListing .heading h4, .mgmtListing .heading p{font-size: 18px; line-height: 25px;}
	.mgmtListing .heading, .mediaListing .heading{padding-bottom: 15px;}
	.mgmtListing .content{padding-top: 30px;}
	.mgmtListing .content figure{margin-right: 45px; }
	.mgmtListing .content figcaption{width: 70%;}
	.mgmtListing ul li{margin-bottom: 55px;}
	/* about us page */
	.aboutLayer p, .aboutLayer ul li p{font-size: 20px; line-height: 30px;}
	.aboutLayer .container{width: 100%;}
	/* operation landing page */
	.topContent h2{font-size: 30px; line-height: 45px;}
	/* operation inner pages */
	.characteristic ul li .box{padding: 0 25px;}
	.characteristic ul li h3{font-size: 18px; line-height: 24px;}
	.characteristic ul li h4{font-size: 22px; line-height: 30px;}
	.characteristic ul li p{line-height: 27px;}
	.operationAccordion .content img{padding: 0 20px;}
	/* media page */
	.mediaPopup .popContent .buttons a.next{right: 0;}
	.mediaPopup .popContent .buttons a.prev{left: 0}

}

@media only screen and (max-width: 1024px) {
	/* homepage */ 
	header nav ul > li > a{font-size: 15px; line-height: 20px;}
	header .dropdown{top: 205px;}
	header .dropdown .menuText{padding-left: 50px;}
	ul.subNav li a{font-size: 14px;}
	.corporate .content p{font-size: 24px; line-height: 40px;}
	.newletter{width: 100%;}
	.newletter .newsBox .textsubmit{width: 120px;}
	.operationList ul li .box .textPart p{font-size: 18px; line-height: 29px;}
	p{font-size: 20px; line-height: 30px;}
	footer .left{width: 45%;}
	footer .right{width: 55%;}
	footer .right ul{width: 32%; margin-right: 1%;}
	.homeBanner ul li .bannerCaption p{font-size: 50px; line-height: 60px; padding: 0 30px;}
	.homeBanner .slick-next{right: 10px;}
	.homeBanner .slick-prev{left: 10px;;}	
	/* operation landing page */
	.topContent .container{width: 100%;}
	.topContent h2{font-size: 25px; line-height: 34px;}
	.pageDetail ul li .boxLeft p{font-size: 19px; line-height: 33px;}
	/* health & safety page */
	.imgBox h3{font-size: 49px; line-height: 52px;}
	
}

@media only screen and (max-width: 991px) {
	/* homepage */
	.corporate .content, .homeSustain .content{width: 100%; padding-left: 30px; padding-right: 30px;}
	ul.subNav li{padding: 0 12px;}
	ul.subNav li a{font-size: 12px;}
	.corporate .content p{font-size: 20px; line-height: 32px;}
	.corporate{padding: 70px 0 105px;}
	.fullWidthSlider .slideBox{height: 310px;}
	.fullWidthSlider .slideBox h3{font-size: 20px; line-height: 25px; padding: 0 5px;}
	h3{font-size: 55px; line-height: 65px;}
	/* menu */
	header nav{display: none;width: 100%; position: absolute; top: 99%; left: 0; background: white; z-index: 9; margin-top: 0; float: left;}
	header .logo{width: 100%;}
	header .goldPricer{width: 250px;}
	header .logo .logoContent{width: 200px; float: left;}
	header .bottomRow{position: relative; padding-bottom: 25px; padding-top: 80px;}
	.menuIcon{display: block; float: right; width: 10%;}
	header nav ul > li > a:after{display: none;}
	.showSubMenu{position: absolute; right: 0; top: 0; background-color: #ffd014; color: #fff; width: 45px; height: 50px; font-size: 31px; line-height: 1.5; font-weight: 700; text-align: center; display: block; padding: 0;}
	header nav ul, header nav ul > li{width: 100%; float: left; margin: 0;}
	header nav ul > li{ position: relative; border-bottom: 3px solid #dfe0e2;}
	header .dropdown{transform: none;}
	header nav ul > li:hover .dropdown{visibility: hidden; opacity: 0;transform: none;transition-delay: unset;}
	header nav ul > li > a{padding: 15px 30px; position: static;font-size: 18px; letter-spacing: 1px;}
	header nav ul > li > a:hover::after, header nav ul > li.active > a::after{display: none;}
	header nav ul > li .dropdown{display: none; position: static; top: auto; transition: 0.5s all ease;}
	header nav ul > li .dropdown.open{display: block; visibility: visible; opacity: 1;}
	header .dropdown .menuText{width: 100%; padding: 30px;}
	header .dropdown .menuText ul li a{padding: 0;}
	header .dropdown .menuText p{font-size: 17px; line-height: 25px;}
	header .dropdown .menuText h2{font-size: 40px;}
	header nav ul > li.active > a{color: #ffd014}
	header nav ul > li.active{border-color: #ffd014}
	header nav ul > li.active > a.showSubMenu{color: #fff}
	header .dropdown .menuText ul li a{font-size: 14px;	}
	header .dropdown .menuText ul li{margin-bottom: 18px; border-bottom: 0;}
	footer .left .socialLinks li{margin-right: 35px;}
	footer .left p, .newletter h3{font-size: 18px; line-break: 24px;}
	.newletter{margin: 10px 0 65px;}
	.newletter .newsBox .tnp-button{width: 110px; font-size: 13px;}
	.newletter .newsBox .tnp-email{padding: 0 125px 0 15px;}
	/* inner page banner */
	h1{font-size: 50px; line-height: 65px;}
	.innerBanner h1{padding-bottom: 10px;}
	.innerNav{margin: 45px 0;}
	.innerNav li a{font-size: 13px; line-height: 20px; margin: 0 10px; padding-bottom: 8px;}
	.policesListing ul li h3{font-size: 22px; line-height: 30px;}
	.innerBanner .container{width: 100%;}
	.policesListing ul li{margin-bottom: 50px; padding-bottom: 15px;}
	.innerNav li{margin-bottom: 10px;}
	.mgmtListing, .policesListing{margin: 35px 0 90px;}
	.innerNav .container{padding: 0 10px;}
	/* management page */
	.mgmtListing .content figcaption{width: 62%;}
	.mgmtListing .content p{font-size: 18px; line-height: 28px;}
	/* about us page */ 
	.aboutContent .mainContent p{padding-left: 0; width: 67%; line-height: 30px;}
	.aboutLayer figcaption{width: 79%; float: right;}
	.aboutContent h2, .sustainSection h2{font-size: 30px; line-height: 40px;}
	/* operation inner pages */
	.featuresBox .innerContainer, .operationAccordion .content p{width: 100%; padding: 0 30px;}
	.operationAccordion .content ul{width: 100%; float: left;}
	.characteristic .innerContainer{padding: 0;;}
	.operationAccordion .heading{width: 100%;}
	.characteristic ul li{width: 31%; margin-right: 3%; margin-bottom: 3%;}
	.characteristic ul li h3{font-size: 15px;}
	.generalContent ul li ul, .operationAccordion .content ul li ul{margin-bottom: 0;}
	.characteristic ul li h4{font-size: 19px;}
	.characteristic ul li p{font-size: 17px;}
	.gernericSection, .commonMargin{margin-bottom: 40px;}
	/* health & safety page */
	.sustainSection .container, .sustainSection h2{width: 100%;}
	/* generic template */
	.genericImage{margin: 35px 0 50px;}
	/* media page */
	.mediaListing ul li{width: 30%; margin: 0 5% 5% 0;}
	.mediaListing ul li:nth-child(3n+3){margin-right:0;}
	.mediaListing ul li:nth-child(4n+4){margin-right: 5%;}
	.mediaPopup .popContent{width: 90%; height: 85%;}
	.operationAccordion .container{padding: 0 30px;}
}

@media only screen and (max-width: 767px) {
	/* homepage */
	.resereves{margin-top: 40px;}
	header .goldPricer{width: 225px;}
	header .goldPricer ul li{padding: 13px 10px; font-size: 13px; line-height: 15px;}
	header .bottomRow{padding-top: 60px;}
	header .dropdown .img{display: none;}
	header .dropdown .menuText p{display: none;}
	header .dropdown .menuText ul li{width: 100%; margin-bottom: 14px;}
	header .dropdown .menuText h2{font-size: 20px; padding-bottom: 15px; margin-bottom: 20px;}
	header .dropdown .menuText h2:before {height: 5px;}
	header .dropdown:before{height: 9px;}
	header .dropdown .menuText{padding: 20px 30px 13px}
	header .container{padding: 0 20px;}
	header .goldPricer{right: 20px;}
	.operationList ul li .box{display: inline-block;}
	.operationList ul li .box .imgPart, .operationList ul li .box .textPart{width: 100%; display: inline-block; padding: 0;}
	.operationList ul li .box .imgPart{height: 205px; margin-bottom: 15px;}
	.homeExploration .content .right, .homeExploration .content .left{width: 100%; float: left; padding: 0;}
	.homeExploration .content .left{margin-bottom: 20px;}
	footer .left, footer .right{width: 100%; float: left; padding: 0;}
	h3{font-size: 37px; line-height: 45px;}
	.homeBanner ul li .bannerCaption p{font-size: 30px; line-height: 45px; padding: 0;}
	ul.subNav li{padding: 2px 14px;}
	ul.subNav li a{font-size: 14px;}
	ul.subNav{margin-bottom: 35px;}
	.corporate .content p, .homeExploration .content .left p, p{font-size: 18px; line-height: 28px;}
	.fullWidthSlider .slick-next{right: 20px;}
	.fullWidthSlider .slick-prev{left: 20px;}
	footer .left p{display: none;}
	.newletter{margin-top: 25px; margin-bottom: 30px;}
	.newletter h3{font-size: 17px; line-height: 24px;}
	footer .right{margin-top: 25px;}
	.homeBanner ul{height: 450px !important;}
	.homeBanner .slick-dots{bottom: 60px;}
	footer .right ul > li > a{font-size: 13px; line-height: 18px;}
	footer .right ul > li > ul > li{margin-bottom: 12px;}
	footer .right ul > li > ul{margin-top: 15px;}
	.corporate .content{padding-left: 0; padding-right: 0;}
	/* inner page banner */
	h1{font-size: 35px; line-height: 45px;}
	.innerBanner h1{padding-bottom: 10px;}
	.innerBanner h1:before{height: 6px;}
	.policesListing ul li h3 span{width: 100%; float: left;}
	.policesListing ul li h3 a{position: absolute; right: 0; top: 5px; background-size: 23px; padding-right: 29px; font-size: 13px;}
	.policesListing ul li{position:relative; padding-right: 58px;}
	.mgmtListing, .policesListing{margin-top: 0;}
	/* management page  */
	.mgmtListing .container{padding: 0 30px;}
	.mgmtListing .heading h4, .mgmtListing .heading p{font-size: 16px; line-height: 20px;}
	.mgmtListing .content figure{margin-right: 0; width: 100%; margin-bottom: 25px;}
	.mgmtListing .content figcaption{width: 100%;}
	.mgmtListing .heading, .mediaListing .heading{padding-right: 38px;}
	/* about page */
	.aboutContent h2, .sustainSection h2{width: 100%;}
	.aboutContent h2, .sustainSection h2{font-size: 25px; line-height: 35px; margin-bottom: 40px;}
	.aboutContent .quickLinks{width: 100%; margin-bottom: 25px; float: left; position: static;}
	.aboutContent .mainContent p{width: 100%; float: left; font-size: 18px; line-height: 30px; margin-bottom: 20px;}
	.aboutLayer figure{width: 100%; text-align: center; margin-bottom: 15px;}
	.aboutLayer figcaption{width: 100%; float: left;}
	.aboutLayer h3{font-size: 28px; line-height: 35px; margin-bottom: 10px;}
	.aboutLayer p, .aboutLayer ul li p{font-size: 18px; line-height: 24px;}
	.aboutLayer{padding: 40px 0;}
	/* operation landing page */ 
	.topContent h2{font-size: 18px; line-height: 26px;}
	.topContent{margin-bottom: 25px;}
	.pageDetail ul li .left{width: 100%; margin-bottom: 40px;}
	.pageDetail ul li .right{width: 100%; padding-left: 0; text-align: center;}
	.pageDetail ul li .right img{display: inline-block;}
	.pageDetail ul li .boxLeft p{line-height: 30px;}
	.pageDetail ul li:nth-child(even) .right{padding: 0;}
	/* operation inner pages */
	.operationInnerContent .mainContent img{margin: 15px 0;}
	.featuresBox h3{font-size: 20px; line-height: 30px;}
	.characteristic ul{text-align: center;}
	.characteristic ul li{width: 45%; margin-right: 5%; float: none; display: inline-block; margin-bottom: 25px;}
	.characteristic ul li:nth-child(3n+3){margin-right: 5%;}
	.characteristic ul li:nth-child(2n+2){margin-right: 0;}
	.operationAccordion{margin-top: 35px;}
	.operationAccordion .content p{padding: 0;}
	.operationAccordion .content img{padding: 0;}
	/* health & safety page */
	.safetyList li figure{height: 120px;}
	.sustainSection p, .safetyList li figcaption p{font-size: 18px; line-height: 27px;}
	.imgBox h3{font-size: 29px; line-height: 40px;}
	.imgBox{margin: 40px 0;}
	.sustainSection .left, .sustainSection .rightImgBox{width: 100%; float: left;padding-left: 0;}
	.sustainSection .rightImgBox{text-align: center;}
	.sustainSection .rightImgBox img{display: inline-block;}
	.last-section{margin-bottom: 120px;}
	/* media page */
	.mediaListing ul{text-align: center;}
	.mediaListing ul li{width: 43%; margin: 0 5% 5% 0; float: none; display: inline-block;}
	.mediaListing ul li:nth-child(2n+2){margin-right: 0;}
	.mediaListing ul li:nth-child(3n+3){margin-right: 5%;}
	.mediaListing ul li:nth-child(4n+4){margin-right: 5%;}
	.mediaListing .heading i{top: 0;}
	.mediaPopup .downloadBtn{top: auto; bottom: 0; padding: 15px 55px 14px 12px; font-size: 14px;}
	.mediaPopup .popContent .buttons a, .mediaPopup .popContent .close{width: 45px; height: 45px; line-height: 45px; font-size: 21px;}
	.mediaPopup .popContent .close{line-height: 35px;}
	
}

@media only screen and (max-width: 479px) {
	/* homepage */
	.homeBanner ul li .bannerCaption p{font-size: 27px; line-height: 34px;}
	footer .left .socialLinks li{margin-right: 25px;}
	footer .right ul{width: 47%; margin-right: 6%;}
	footer .right .menu-footer-second-nav-container ul{margin-right: 0;}
	footer .right .menu-footer-first-nav-container ul{margin-bottom: 15px;}
	.newletter .newsBox .tnp-button{width: 95px; font-size: 12px;}
	.newletter .newsBox .tnp-email{padding: 0 105px 0 10px}
	/* inner page banner */
	h1{font-size: 27px; line-height: 40px;}
	.policesListing ul li h3{font-size: 15px; line-height: 20px;}
	/* about us page */
	.aboutLayer h3{font-size: 25px; line-height: 30px;}
	/* operation inner page */
	.characteristic ul li{width: 85%; margin-right: 0;}
	.characteristic ul li .box{height: auto; padding: 60px 25px 40px 25px;}
	.characteristic ul li:nth-child(3n+3){margin-right: 0%;}
	/* health & safety page */
	.imgBox h3{font-size: 18px; line-height: 30px;}
	.safetyList li{display: inline-block;}
	.safetyList li figure, .safetyList li figcaption{width: 100%; display: inline-block; padding: 0;}
	.safetyList li figure{margin-bottom: 20px;}
	/* media page */
	.mediaListing ul li{width: 95%; margin: 0 0 30px 0; float: none; display: inline-block;}
	.mediaListing ul li:nth-child(2n+2){margin-right: 0;}
	.mediaListing ul li:nth-child(3n+3){margin-right: 0;}
	.mediaListing ul li:nth-child(4n+4){margin-right: 0;}
}