/* Reusable column setup */
.container_12 {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important;
}

/* 1. 12 Column Grid 0px - Infinity 
    ----------------------------------------------------------------------------- 
    
    Span 1:    6.5%
    Span 2:    15.0%
    Span 3:    23.5%
    Span 4:    32.0%
    Span 5:    40.5%
    Span 6:    49.0%
    Span 7:    57.5%
    Span 8:    66.0%
    Span 9:    74.5%
    Span 10:    83.0%
    Span 11:    91.5%
    Span 12:    100%
    
    ----------------------------------------------------------------------------- */

@media screen and (min-width: 737px) {
/* .page {
     margin: 60px auto 0;
     max-width: 75%;
     overflow:hidden;
	 
} */
        
.container_12 {
    width: 100%;
}
/*  .row .col:first-child {
            margin-left:0;
        } */
       
        
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
    float: left;
    margin-left: 1%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important;
}
.grid_1 {
    width: 6.5%;
}
.grid_2 {
    width: 15%;
}
.grid_3 {
    width: 23.4%;
}
.grid_4 {
    width: 32.0%;
}
.grid_5 {
    width: 40.5%;
}
.grid_6 {
    width: 49.0%;
}
.grid_7 {
    width: 57.5%;
}
.grid_8 {
    width: 70.0%;
}
.grid_9 {
    width: 74.5%;
}
.grid_10 {
    width: 83.0%;
}
.grid_11 {
    width: 91.5%;
}
.grid_12 {
    margin-left: 0;
    width: 100%;
}
}

@media screen and (min-width: 961px) and (max-width: 1349px) {
.grid_2 {
    width: 20%;
}
}

@media screen and (min-width: 736px) and (max-width: 960px) {
.grid_2 {
    width: 25%;
}
.grid_8 {
    width: 47%;
}
}

@media screen and (max-width: 738px) {
.page {
    margin: 0px auto 0px;
    max-width: 90%;
    box-sizing: border-box !important;
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
    float: left;
    padding: 0% 1.5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important;
}
.grid_1 {
    width: 100%;
}
.grid_2 {
    width: 100%;
}
.grid_3 {
    width: 100%;
}
.grid_4 {
    width: 100%;
}
.grid_5 {
    width: 100%;
}
.grid_6 {
    width: 100%;
}
.grid_7 {
    width: 100%;
}
.grid_8 {
    width: 100%;
}
.grid_9 {
    width: 100%;
}
.grid_10 {
    width: 100%;
}
.grid_11 {
    width: 100%;
}
.grid_12 {
    margin-left: 0;
    width: 100%;
}
}

@media only screen and (min-width: 737px) and (max-width: 1084px) {
.page {
    margin: 0px auto 0px;
    max-width: 95%;
    box-sizing: border-box !important;
}
	#navigation ul.menu li a {
		font-size: 10px;
	}
}

@media only screen and (min-width: 739px) and (max-width: 829px) {
.po-logo {
    display: none;
}
}

@media only screen and (min-width: 1085px) and (max-width: 1349px) {
.page {
    margin: 0px auto 0px;
    max-width: 80%;
    box-sizing: border-box !important;
}
}

@media screen and (min-width: 1350px) {
.page {
    margin: 0px auto 0px;
    max-width: 80%;

    box-sizing: border-box !important;
}
}