@media only screen and (max-width: 1920px){}

@media only screen and (max-width: 1630px)
{
	.heroSlider{height: 65vh;}
	.slideThree{background-position: 70% 50%;}
}

@media only screen and (max-width: 1589px)
{
	.slideThree{background-position: 60% 50%;}
}

@media only screen and (max-width: 1399px)
{
	.heroSlider{height: 60vh;}
	.slideContent h2{font-size: 34px;}

	.pcsDiv h3{font-size: 30px;}

	.contactInfo p{font-size: 18px;}

    .carouselSlide h2{font-size: 32px;}

    .contactInforPadd{padding-top: 20px;padding-bottom: 20px;}
    .contactPageInfo, .contactPageInfoMap{width: 100%;}
}

@media only screen and (max-width: 1299px){}

@media only screen and (max-width: 1199px)
{
	.MenuOption li a, .contactInfo p{font-size: 16px;}

	.heroSlider{height: 50vh;}
	.slideContent{width: 50%;}
	.slideContent h2{font-size: 30px;}

	.homePCSDiv{padding: 15px;}

	.newsContentText h3{font-size: 26px;}
	.aboutText p{font-size: 20px;}
	.newsContentText span{font-size: 12px;}

	.contactInfo h6{font-size: 18px;}
	.contactInforBLR::before, .contactInforBLR::after{height: 224px;}
	.contactInforPadd{padding-top: 25px;padding-bottom: 25px;}

	.pageTitle404 h1{font-size: 32px;}
	.pageTitle404 p, .highlightText span{font-size: 16px;}
	.highlightText{gap: 25px;margin: 25px 0;}
	.pageTitle404 ul li::before{width: 8px;height: 8px;}

	.carouselSlide h2{width: 75%;font-size: 30px;}
	.newsDivTxtTop, .newsDivTxtBot{padding: 15px;}

	.newsContentText figure{margin: 0 auto;}
}

@media only screen and (max-width: 991px)
{
	.desktopMenu, .contactInforBLR::before, .contactInforBLR::after{display: none;}
	.mobileMenu, .homeProductTitleDiv{display: block;}

	.headerLogo a img{width: 175px;height: 47px;}

	.heroSlider{height: 40vh;}
	.slideContent{width: 60%;left: 50px;}
	.slideContent h2{font-size: 28px;}

	.slideOne{background-size: cover;}

	.navArrow.left{left: 10px;}
	.navArrow.right{right: 10px;}

	.approachInDiv{display: flex;flex-direction: column-reverse;}

	.sectionHeading{text-align: left;}
	.sectionHeading h2, .headingText h1, .pageTitle404 h1{margin-bottom: 25px;}
	.aboutText p, .newsContentText p{font-size: 18px;}
	.missionSection, .headeingContaciner, .section404, .productPageCategorySection{padding: 50px 0;}
	.approachSection, .contactInfoSection, .technologySection, .contactFormSection, .newsSection, .listingSection{padding-bottom: 50px;}

	.pcsDiv h3{font-size: 26px;}

	.headingText h1{font-size: 22px;}
	.contactInfo h6{font-size: 18px;}
	.headingPara p, .formDiv label, .contactInfo p{font-size: 16px;}

    .contactInforPadd{padding-top: 0;padding-bottom: 0;}
	.contactInforBLR{border-top: 1px solid #505050;border-bottom: 1px solid #505050;padding: 20px 12px;}
	.map-placeholder iframe{width: 100%;height: 200px;}

	.highlightText{flex-direction: column;gap: 10px;}

	.pageTitle404 ul{flex-wrap: wrap;}
	.pageTitle404 ul li{margin-bottom: 0;}

    .carouselSlideImg{padding: 50px 25px;}
	.carouselSlide h2{width: 100%;font-size: 24px;}

    .newsContentContainer{padding: 0 0 0 1.5rem;}
	.newsDivTxtTop p, .newsDivTxtBot p{font-size: 15px;}

	.newsContentText h3{font-size: 24px;text-align: left;}
}

@media only screen and (max-width: 767px)
{
	.navArrow{display: none;}
	.dots{display: block;}

	.heroSlider{height: 35vh;}
	.slideContent{left: 25px;}
	.slideContent h2{font-size: 26px;}
	.navArrow.left{left: 0px;}
	.navArrow.right{right: 0px;}

	.productCategorySection{padding: 10% 0;}

	.colPcsDiv{--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;margin-bottom: calc(var(--bs-gutter-x) * .5);padding: 0;}

	.pcsDiv{height: 275px;}

	.productDivBorderRB, .productDivBorderB, .productDivBorderR{border-style: none;}

	.headingPara{padding: 0 38px;}

	.ftrSocial{justify-content: center;}
	.copyrightText, .devCom{text-align: center;}
	.copyrightText p{margin-bottom: 14px;}

	.carouselSlideOne, .carouselSlideTwo{background-position: left;}
	.carouselSlideOne .container h2{display: flex;align-items: center;}
    .carouselSlide h2{font-size: 28px;}
	.newsContentDate h5{font-size: 16px;}

	.newsContentTextRSP{margin-bottom: 0;}
}

@media only screen and (max-width: 640px){}

@media only screen and (max-width: 575px)
{
    .mobileThreeOnw{background-image: url('../images/slides/banner_3_mob.png');}

    .homeProductTitle h1{font-size: 24px;}
	.homeProductTitle p{font-size: 14px;}

	.slideContent{left: 15px;}
	.sectionHeading h2{font-size: 24px;}
	.aboutText p, .newsContentText p{font-size: 16px;}

	.carouselSlide{height: auto;}
	.carouselSlide h2{height: 125px;font-size: 24px;}

	.newsContentText h3{font-size: 22px;}
}

@media only screen and (max-width: 479px)
{
    body{margin-top: 70px;}

	.headerSection{padding: 12px 0;}

	.slideThree{background-position: 65% 50%;}
	.slideContent{width: 65%;}
	.slideContent h2{font-size: 19px;}

	.sectionHeading h2{font-size: 22px;}

	.headingText h1{font-size: 20px;}
	.headingPara{padding: 0 19px;}
	.copyrightText p, .devCom p{font-size: 13px;}
	.copyrightText p{margin-bottom: 10px;}

	.pageTitle404 h1{font-size: 28px;margin-bottom: 25px;}
	.pageTitle404 p, .highlightText span{font-size: 14px;}

	.newsDivTxtTop, .newsDivTxtBot{padding: 10px;}

	.carouselSlide h2, .newsContentText h3{font-size: 20px;}
}

@media only screen and (max-width: 400px)
{
	.slideContent h2{font-size: 18px;}

	.pageTitle404 h1{font-size: 24px;}
}