/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

.page-id-319 .pricing-table-wrap:first-child {
width: 56%;
}
.page-id-319 .pricing-table-wrap:nth-child(2) {
width: 24%;
}
.page-id-319 .pricing-table-wrap:nth-child(3) {
width: 24%;
}
.page-id-726 .pricing-table-wrap:first-child {
width: 56%;
}
.page-id-726 .pricing-table-wrap:nth-child(2) {
width: 24%;
}
.page-id-726 .pricing-table-wrap:nth-child(3) {
width: 24%;
}
.pricing-table li.avia-pricing-row
{ font-size: 30px;}

.pricing-table li.avia-pricing-row small, .pricing-table li.avia-pricing-row .currency-symbol {
color: #fff;
opacity: 0.99;
top: -0.19em;

}
.pricing-table li.avia-pricing-row .currency-symbol {
	font-size: 0.9em;
	}
	
.main_color .pricing-table>li:nth-child(even){ background:#f8f8f8 none repeat scroll 0 0; color: #666666;}
.main_color tr:nth-child(odd){color: #666666;}
.avia-pricing-row {color: #fff !important;}
.pricing-table-wrap:nth-child(1) li {
text-align: left;
}
.main_color .pricing-table li.avia-pricing-row {
    background-color: #82A541;}
.main_color .pricing-table li.avia-heading-row, .main_color .pricing-table li.avia-heading-row .pricing-extra {background-color: #82A541;}
.pricing-table-wrap:nth-child(3) li {

}

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (max-width: 768px) {
	
.page-id-319 .pricing-table-wrap:first-child {font-size: 80%;}
.page-id-319 .pricing-table-wrap:nth-child(3) {}
.page-id-319 .pricing-table-wrap:nth-child(2) {}
.pricing-table li.avia-pricing-row{ font-size: 180%; }
.pricing-table li.avia-pricing-row .currency-symbol {font-size: 0.7em;}
.entry-content-wrapper div li{font-size: 118%;}
.cell1 {font-size: 60%;}

}

@media only screen and (max-width: 568px) {
	
/*.pricing-table li.avia-pricing-row{font-size: 150%;}*/
.pricing-table li.avia-pricing-row .currency-symbol {}
.entry-content-wrapper div li{font-size: 110%; min-height: 9%;}
.pricing-table > li:last-child { max-height: 11%; }
.main_color .pricing-table li.avia-pricing-row { font-size: 122%;}
.body div .avia-button {margin: 0 0 0 -15px;}
.cell1 {font-size: 60%;}
}

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

}