@charset "utf-8";
/* CSS Document */


@media screen and (max-width: 1700px) {
	
	

	.pageTitleSection.withVector .pageTitleSectionIn{ margin-top: -60px; }
 
	.pageTitleSectionIn{ max-width: 80% !important;  }
	 
	.aboutMainRoundBoxTopLeft{ width: 80%; }
  
 
	
	


	.aboutMainRoundBoxUpdatedLeftText{     width: calc( 100% - 250px); }

	.aboutMainRoundBoxUpdatedLeftImg{ width: 220px; }

	.aboutMainRoundBoxUpdatedRightImg{ width: 120px; }
	
	.aboutMainRoundBoxUpdatedRightText{ width: calc( 100% - 120px); }

	.aboutMainRoundBoxUpdatedRightIn:first-child .aboutMainRoundBoxUpdatedRightImg{ margin-top: -25px; }

	.blockwithVector h1{ margin-top: 0; }

   .corporateGovernance p { font-size: 14px; line-height: 20px; }
	

}

@media screen and (max-width: 1300px) {
	
	
	
	
    .pageTitleSectionIn{ max-width: 100% !important; }

    .downloadsList{ width: 50%; }
    
    .investorsList{ padding: 0 1%; margin-bottom: 25px; }
	

	

 
	.pageTitleSection.withVector .pageTitleSectionIn{ margin-top: -14px; }


	

	.infoCorporateSec .investorsList{ width: 100% }

	.newsList{ width: 50%; }

	.companyInfoClassificationCol { width: 50%; }


	.secFilingsMain{ position: relative; }

	.secFilingsMain .scrollAcross{ display: block; margin-top: 20px; }

	.secFilingsList{ min-width: 1300px; }

	.secFilings{ overflow-x: scroll; }

 
}


@media only screen 
and (max-width: 1023px)
and (orientation : portrait) {

	#scrollToView{ display: none !important; }

}

@media screen and (max-width: 1023px) {
	 
	body{ padding-top: 75px; }

	.mainSplashMain{ margin-top: -75px; }
	


    .aboutMainRoundBoxTopLeft{ float: none; width: 100%; }

	.aboutMainRoundBoxUpdatedLeft .btnContainer .btn{ margin-bottom: 10px; }

	.aboutMainRoundBoxUpdatedLeftText{ padding-top: 80px; }

    .aboutMainRoundBoxTopRight{ float: none; width: 100%; }

    .aboutMainRoundBoxTopRight span{ display: inline-block; }
    
	.aboutMainRoundBox{ padding: 5%; margin-bottom: 45px;}
	

    .investorsList{ width: 50%; }
	
	.investorsListIn{ padding: 4vw 5%; }

	.breadCrumb { padding: 40px 0; }
	
	.pageTitleSection { margin: 0px 0 23px; }
	
	.aboutUsExpSec { padding: 60px 0; }
	
	.boardOfDirectorsMain { padding: 60px 0 8px; }

    /* .getInTouchFormLeft,
    
    .getInTouchFormRight{ float: none; padding-right: 0; width: 100%; } */


	.getInTouch { padding: 5%; }

	.getInTouchupper #start .width50{ width: 100% !important; float: none !important;  }

	.getInTouchForm{ width: 100%; }

	.getInTouchFormRight .formText{ width: 100% !important; float: none !important; }

	.demo-form-bg > .flt-lft.mgntop20{ margin-left: 0 !important; }

	.demo-form-content{     padding: 0 0px 20px; }

	.getInTouchFormRight input.btn{ float: none !important; }

	

	#windowScrollDown { display: none !important; }
	
	#requestDemo { display: none; }

 
	#splashExplore{ bottom: 3%; }


}

@media screen and (max-width: 767px) {

 
	
  	


	.pageTitleSection { margin: 30px 0 0px; }

	.pageTitleSection.withVector img{ display: none; }
	
	.pageTitleSection.withVector .pageTitleSectionIn{ margin: 0 !important; }

	.boardOfDirectorsMain p, .managementMain p { min-height: auto; height: auto; }
	
	.aboutMainRoundBoxTopLeft { padding-left: 12px;  }

	
	 



	.contactInfoList { width: 100%;  }
	

	.newsListText h4,

	.newsListText h6{ min-height: 0; }

	.relatedArticles h5{ min-height: 0; }

	.newsListText a.btn{ margin-bottom: 0; }


	.aboutMainRoundBox.articleBgSection{ margin-top: 30px; }

 
	 
	.productMainRoundBoxTopLeft { width: 100%;	}
	 

	.productMainRoundBoxTopRight span img{ max-width: 70px; }


	.secFilingsFilter .btn{ min-width: 134px; }

	   

}


@media screen and (max-width: 639px) {
	 
	
	.corporateGovernanceMain{  overflow-x: scroll; }

	.corporateGovernanceMainParent .scrollAcross{ display: block; }

	.corporateGovernance{ min-width: 500px; }

	.newsList { width: 100%; margin-bottom: 20px; }

	.investorsList { width: 100%; }

	.companyInfo { display: block; }

	.companyInfoCol{ width: 100%; }

	.companyInfoCol:first-child{ margin-bottom: 20px; }


	.companyInfoClassification{ display: block; }  

	.companyInfoClassificationCol { width: 100%; margin-bottom: 20px; }

	.financialInfo { display: block; }

	.financialInfoCol{ width: 100%;  margin-bottom: 20px; }

	.financialInfo .btn{ position: static; }  

	.paginationMid{ display: none; }

}