/**** Avanti product page stylesheet ***/

/*div {
  
  border-width :1px;
  border-color :#000000;
  border-style :solid;
}*/

@media (max-width :1334px) {

	.purchasingFeatureBlockText {
		max-width:650px;
	}

	.customerFeatureBlockText {
		max-width:630px;
	}

	.stockFeatureBlockText {
		max-width:630px;
	}
}

@media (min-width :1335px) {

	.purchasingFeatureBlockText {
		max-width:550px;
	}

	.customerFeatureBlockText {
		max-width:550px;
	}

	.stockFeatureBlockText {
		max-width:900px;
	}
	
}


@media (max-width :1173px) {

	.financialFeatureBlockText {
		padding-bottom :20px;
		margin-right :0;
	}

}


@media (min-width :1174px) {

	.financialFeatureBlockText {
		margin-right :100px;
	}

}

@media (min-width: 1065px) {

	.pageContainer {
		margin-top :80px;
	}	

}

@media (max-width: 1064px) and (min-width: 538px) {

	.pageContainer {
		margin-top :140px;
	}

}

@media (max-width: 537px) {

	.pageContainer {
		margin-top :80px;
	}

}
 

@media (max-width :980px) {
	ul.customerFeaturesList {
	  	width :93%;
	}

	.supplierImage {
		height :98%;
		width :98%;
	}

}

@media (min-width :981px) {
	ul.customerFeaturesList {
	  	width :90%;
	}

	.sectionMainText {
		width :65%;
	}	
}

@media (max-width :768px) {
	.customerImage {
		height :100%;
		width :100%; 
	}

    .bankImage {
        height: 100%;
        width: 100%;
    }

	.sectionMainText {
		width :95%;
	}

}

@media (min-width: 769px) and (max-width: 980px) {
	.sectionMainText {
		width :85%;
	}	
}

@media (min-width: 769px) {
	.customerImage {
		height:280px; 
		width:620px;
	}

    .bankImage {
        height: 310px;
        width: 580px;
    }
}


@media (max-width: 670px) {
	.invoiceBlock {
		max-width :90%;
	}
}


@media (min-width: 671px) {

	.invoiceBlock {
		max-width :80%;
	}
}

@media (max-width :449px) {
	.invoiceImage {
		height :100%;
		width :100%;
	}

    .aboutUsTeamImage {
        height: 98%;
        width: 98%;
    }
	
	
}


@media (max-width :1120px) {
	.stockCtrlImage {
		height :98%;
		width :98%;	
	}
}

@media (min-width: 450px) {
    .aboutUsTeamImage {
        width: 389px;
        height: 271px;
    }
}


@media (max-width:480px) {
	li.dashboardBlock {
		margin-left :0;
		margin-right :0;	
	}
}

@media (min-width:481px) {
	li.dashboardBlock {
		margin-left :15px;
		margin-right :15px;	
	}
}



@media (max-width: 350px) {

	.financialImage {
		height:100%; 
		width:100%;
	}

}


@media (min-width :351px) {
	.financialImage {
		height:155px; 
		width:310px;
	}
}


.pageContainer {
	min-height :750px;	
	padding-top :0;
	margin-left :0;
	margin-right :0;
	margin-bottom :0;
}

.pageHeaderBar {
	/*background-color: #2980b9;*/
  	background-size: 100% 100%;
  	min-height: 110px;
  	margin-top :0;
}

.headerContent {
	width: 65%;
	margin-left :auto;
	margin-right :auto;
	padding-bottom :15;
}

h1 {
	padding-top: 15px;
	text-align: center;
	margin :0;	
  	font-size :2.0em;
    font-weight: normal;
	color: #229E8B;
}

h2 {
	font-weight: normal;
	font-size: 1.35em;
	text-align: center;
	padding-bottom:15px;
	color: #505050;
}

.headerCaption {

}

.mainCaption {    
    padding-bottom: 10px;
    padding-top: 20px;
}

.subHeaderCaption {
    padding-bottom: 10px;
}

.postHeader {
    padding-bottom: 5px;
    padding-top: 25px;
}

.postSubHeader {    
    padding-bottom: 10px;
}


.section {
	margin-left :auto;
	margin-right :auto;
}


.sectionHeader {
	font-size :2em;
	text-align: center;
	font-weight: normal;
	padding-top: 15px;
	color: #505050;
}

.sectionSubHeader {
	padding-bottom :20px;
}

.subHeaderText {
	font-size: 1.2em;
	text-align: center;
	font-weight: normal;
	color: #505050;
}

.sectionMainText {
	/*font-size: 1.05em;
	font-weight: normal;
	color : #000000;*/
	padding :0;
	margin-top :0;
	margin-bottom :0;
	padding-bottom :10px;	
	margin-left: auto;
	margin-right: auto;
}

.dashboardSection {
	min-height: 200px;
}

.sectionBackground {
	background-color: #f7f7f7;	
}

.customerSection {
	min-height: 200px;
}

.salesSection {
	min-height: 200px;
}

.supplierSection {
	min-height: 200px;
}

.crmSection {
	min-height: 750px;
}

.purchasingSection {
	min-height:200px;
}

.financialSection {
	min-height: 200px;
}

ul.featuresList {
	display: block;
  	list-style-type: none;
  	margin-left: auto;
  	margin-right: auto;
  	text-align: center;
  	padding: 0px;
}


ul.customerFeaturesList {
	width :90%;	
	margin-top:0;
}

li.block {
	display: inline-block;
}


li.dashboardBlock {
	text-align :center;
	padding-bottom :15px;
}

.featureBlock {
  	text-align: center;
  	max-width :330px;
  	padding-bottom :30px;
}

.dashboardFeatureHeader {
	margin-top: 10px;
	margin-bottom: 0px;
	color: #505050;
	font-weight: normal;
	font-size: 1.35em;
}


.dashboardFeatureBlockText {
	width:88%; 
	margin-left:6%;
	color : #505050;
	font-weight: normal;
	font-size: 1em;
}

.customerFeatureBlockText {
	/*max-width:550px;*/ 
	text-align:left; 	
}

.stockFeatureBlockText {
	/*max-width:550px;*/ 
	text-align:left; 	
}

.purchasingFeatureBlockText {
	/*max-width:550px;*/ 
	text-align:left; 
	margin-left: 15px;
}


.financialFeatureBlock {
	padding-bottom :5px;
}


.financialFeatureBlockText {
	text-align:left; 
}


.dashboardImage {
	height:140px; 
	width:310px;
}

.customerImage {
	padding-bottom:20px;
}

.bankImage {
    padding-bottom: 20px;
}

.vatImage {
	padding-bottom:20px;
}

.mainImageBlock {
	margin-left :auto;
	margin-right :auto;
	padding-bottom :0px;
	text-align: center;
}

.aboutUsImageBlock {
    padding-top: 10px;
}

.supplierBlock {
	margin-left :auto;
	margin-right :auto;
	text-align: center;	
}

.mainContent {
	margin-left: auto;
	margin-right: auto;
}

.postTextContainer {
	margin-bottom: 40px;
}