@media screen and (min-width:960px) {
.col_1,
.col_2, .col_2_2, .col_2_3, .col_2_4, .col_2_5, .col_2_6, .col_2_7,
.col_3, .col_3_2, .col_3_3, .col_3_4, .col_3_5, .col_3_6, .col_3_7, .col_3_9,
.col_4, .col_4_menu, .col_4_2, .col_4_3, .col_4_4,
.col_5, .col_5_2, .col_5_3,
.col_6, .col_6_2,
.col_7,
.col_9 {
  width: 100%;
  display: flex;
  display: -ms-flexbox; /* IE10 */
  flex-wrap: wrap;
  -ms-flex-wrap: wrap; /* IE10 */
}

/* Custom Container Exceptions */
.col_3_8,
.col_3_9 {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  margin: 0 auto;
}
.col_3_8 {
  width: 90%;
}

/* 
.col_1 > div img,
.col_2 > div img,
.col_2_2 > div img,
.col_2_3 > div img,
.col_2_4 > div img,
.col_2_6 > div img,
.col_2_7 > div img,
.col_3 > div img,
.col_3_2 > div img,
.col_3_3 > div img,
.col_3_4 > div img,
.col_3_5 > div img,
.col_3_6 > div img,
.col_3_7 > div img,
.col_3_8 > div img,
.col_4 > div img,
.col_4_2 > div img,
.col_4_4 > div img,
.col_5 > div img,
.col_5_2 > div img,
.col_5_3 > div img,
.col_6 > div img,
.col_6_2 > div img,
.col_7 > div img,
.col_9 > div img {
  width: 100%;
  height: auto;
}

.col_4_3 > div img {
  width: 100%;
  height: auto;
  margin: 10px auto;
} */

/* --------------------------------------------------
   1 Column Layout
   -------------------------------------------------- */
.col_1 > div {
  width: 100%;
  padding: 10px;
}

/* --------------------------------------------------
   2 Columns Layout Variations
   -------------------------------------------------- */
.col_2 > div {
  width: 50%;
  padding: 0 5px;
}

.col_2_2 > div {
  width: 49%;
  padding: 10px;
  margin: 0 auto 10px;
}

.col_2_3 > div {
  width: 50%;
  padding: 10px;
}

.col_2_4 > div {
  width: 50%;
  padding: 10px;
  margin-top: 20px;
}

.col_2_5 > div.box75p {
  width: 75%;
  padding: 10px;
}
.col_2_5 > div.box25p {
  width: 25%;
  padding: 10px;
}
.col_2_5 > div.box35p {
  width: 35%;
  padding: 10px;
}
.col_2_5 > div.box65p {
  width: 65%;
  padding: 30px;
}

.col_2_6 > div,
.col_2_7 > div {
  width: 48%;
  margin: 0 10px;
  padding: 10px;
}

/* --------------------------------------------------
   3 Columns Layout Variations
   -------------------------------------------------- */
.col_3 > div,
.col_3_4 > div,
.col_3_5 > div,
.col_3_9 > div {
  width: 33%;
  padding: 10px;
  margin: 0 auto;
}

.col_3_2 > div {
  width: 32%;
  padding: 10px;
  margin: 10px auto !important;
}

.col_3_3 > div {
  width: 32%;
  padding: 10px;
  margin: 0 auto;
}

.col_3_6 > div {
  width: 32%;
  padding: 5px;
  margin: 5px auto;
}

.col_3_7 > div {
  width: 27%;
  padding: 10px;
  margin: 0 auto;
}

.col_3_8 > div {
  width: 33%;
  padding: 10px;
  margin: 0 auto 10px;
}

/* --------------------------------------------------
   4 Columns Layout Variations
   -------------------------------------------------- */
.col_4 > div {
  width: 24%;
  padding: 10px;
  margin: 0 auto 10px;
}

.col_4_menu > div {
  width: 24%;
  padding: 7px;
  margin: 0 auto 12px;
}

.col_4_2 > div {
  width: 50%;
}

.col_4_3 > div {
  width: 25%;
  padding: 10px;
}

.col_4_4 > div {
  width: 22.5%;
  padding: 10px;
  margin: 0 auto 10px;
}

/* --------------------------------------------------
   5 Columns Layout Variations
   -------------------------------------------------- */
.col_5 > div,
.col_5_3 > div {
  width: 20%;
  padding: 10px;
}

.col_5_2 > div {
  width: 19%;
}

/* --------------------------------------------------
   6 Columns Layout Variations
   -------------------------------------------------- */
.col_6 > div {
  width: 16.5%;
  padding: 10px;
}

.col_6_2 > div {
  width: 15%;
  margin: 5px;
}

/* --------------------------------------------------
   7 & 9 Columns Layout Variations
   -------------------------------------------------- */
.col_7 > div {
  width: 13%;
  margin: 6px;
}

.col_9 > div {
  width: 10%;
  padding: 10px;
}}

@media screen and (min-width:768px) and (max-width:959px) { 
[class^="col_"] {
  width: 100%;
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap; 
}

.col_3_8 {
  width: 90%;
  margin: 0 auto;
}

/*
[class^="col_"] > div img {
  width: 100%;
  height: auto;
}*/

/* ==========================================
   1 Column Layout
   ========================================== */
.col_1 > div {
  width: 100%;
  margin: 0 auto;
}

/* ==========================================
   2 Column Layouts
   ========================================== */
.col_2 > div {
  width: 48%;
  padding: 0 5px;
  margin: 0 auto;
}

.col_2_2 > div {
  width: 45.5%;
  padding: 10px;
  margin: 0 auto 10px;
}

.col_2_3 > div {
  width: 43%;
  padding: 10px;
}

.col_2_4 > div {
  width: 50%;
  padding: 10px;
}

.col_2_5 > div.box75p {
  width: 75%;
  padding: 10px;
}

.col_2_5 > div.box25p {
  width: 25%;
  padding: 10px;
}

.col_2_5 > div.box35p {
  width: 35%;
  padding: 10px;
}

.col_2_5 > div.box65p {
  width: 65%;
  padding: 30px;
}

.col_2_6 > div {
  width: 50%;
  margin: 0 10px;
  padding: 10px;
}

.col_2_7 > div {
  width: 47%;
  margin: 0 10px;
  padding: 10px;
}

/* ==========================================
   3 Column Layouts
   ========================================== */
.col_3 > div {
  width: 32%;
  margin: 0 auto;
  padding: 10px;
}

.col_3_2 > div {
  width: 30%;
  padding: 10px;
  margin: 10px auto;
}

.col_3_3 > div {
  width: 30%;
  padding: 10px;
  margin: 0 auto;
}

.col_3_4 > div {
  width: 33%;
  padding: 10px;
  margin: 0 auto;
}

.col_3_5 > div {
  width: 33%;
  margin: 0 auto;
  padding: 10px;
}

.col_3_6 > div {
  width: 48%;
  margin: 5px auto;
  padding: 5px;
}

.col_3_7 > div {
  width: 27%;
  padding: 10px;
  margin: 0 auto;
}

.col_3_8 > div {
  width: 30%;
  padding: 10px;
  margin: 0 auto 10px;
}

.col_3_9 > div {
  width: 33%;
  padding: 10px;
  margin: 0 auto;
}

/* ==========================================
   4 Column Layouts
   ========================================== */
.col_4 > div {
  width: 23%;
  padding: 12px 0px;
  margin: 0 auto 10px;
}

.col_4_2 > div {
  width: 50%;
}

.col_4_3 > div {
  width: 24%;
  padding: 4px;
}

.col_4_4 > div {
  width: 20%;
  padding: 10px;
  margin: 0 auto 10px;
}

/* ==========================================
   5 Column Layouts
   ========================================== */
.col_5 > div {
  width: 17%;
  padding: 10px;
}

.col_5_2 > div {
  width: 19%;
}

.col_5_3 > div {
  width: 19%;
  padding: 10px;
}

/* ==========================================
   6, 7, 9 Column Layouts
   ========================================== */
.col_6 > div {
  width: 16.5%;
  padding: 10px;
}

.col_6_2 > div {
  width: 15%;
  margin: 5px;
}

.col_7 > div {
  width: 13%;
  margin: 6px;
}

.col_9 > div {
  width: 10%;
  padding: 10px;
}}
@media screen and (min-width:100px) and (max-width:767px) {
	[class^="col_"] {
  width: 100%;
  display: flex;
  display: -ms-flexbox; /* IE10 */
  flex-wrap: wrap;
  -ms-flex-wrap: wrap; /* IE10 */
}

/* Specific Container Overrides */
.col_1_2 { width: 15%; }
.col_6 { width: 100%; } /* SPp_u uses 100%, SPres used 80% */
.col_9 { width: 70%; }
.col_3_9 { margin: 0 auto; }

/* Items & Child Styles */
.col_1 > div {
  width: 100%;
  margin: 0 auto;
}
.col_1 > div img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.col_1_2 > div {
  width: 100%;
  margin: 0 auto;
}
.col_1_2 > div img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.col_2 > div {
  width: 100%;
}
.col_2 > div img {
  width: 100%;
}

.col_2_2 > div {
  width: 47%;
  margin: 3px auto 5px;
  padding: 12px;
}
.col_2_2 > div img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.col_2_3 > div {
  width: 50%;
  margin: 0 auto;
  padding: 10px;
}
.col_2_3 > div img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.col_2_4 > div {
  width: 100%;
  margin: 0 auto;
  padding: 10px;
}

.col_2_5 > div.box75p {
  width: 100%;
  padding: 10px;
}
.col_2_5 > div.box25p {
  width: 50%;
  padding: 10px;
}
.col_2_5 > div.box35p {
  width: 90%;
  padding: 10px;
  margin: 0 auto;
}
.col_2_5 > div.box65p {
  width: 90%;
  padding: 10px;
  margin: 0 auto;
}

.col_2_6 > div {
  width: 95%;
  margin: 0 auto 20px auto;
  padding: 10px;
}
.col_2_6 > div img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.col_2_7 > div {
  width: 47%;
  padding: 10px;
}
.col_2_7 > div img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.col_3 > div {
  width: 45%;
  margin: 5 auto;
  padding: 5px;
}
.col_3 > div img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.col_3_2 > div {
  width: 48%;
  padding: 10px;
  margin: 10px auto;
}
.col_3_2 > div img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.col_3_3 > div {
  width: 48%;
  padding: 10px;
  margin-top: 5px;
}
.col_3_3 > div img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.col_3_4 > div {
  width: 50%;
  padding: 10px;
  margin-top: 5px;
}
.col_3_4 > div img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.col_3_5 > div {
  width: 100%;
  margin: 5 auto;
  padding: 5px;
}
.col_3_5 > div img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.col_3_6 > div {
  width: 90%;
  margin: 5 auto;
  padding: 5px;
}
.col_3_6 > div img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.col_3_7 > div {
  width: 85%;
  padding: 10px;
  margin: 0 auto 15px;
}

.col_3_8 > div {
  width: 33%;
  padding: 10px;
  margin: 0 auto 10px;
}
.col_3_8 > div img {
  width: 80%;
  height: auto;
  margin: 0 auto;
}

.col_3_9 > div {
  width: 100%;
  margin: 10 auto 0;
}

.col_pc3_sp1 > div {
  width: 45%;
  margin: 5px auto;
}

.col_4 > div {
  width: 47%;
  margin: 3px auto 5px;
  padding: 12px;
}

.col_4_2 > div {
  width: 48%;
  padding: 5px;
  margin: 0 auto;
}
.col_4_2 > div img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.col_4_3 > div {
  width: 50%;
  padding: 10px;
}
.col_4_3 > div img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.col_4_4 > div {
  width: 45%;
  margin: 3px auto 15px;
  padding: 7;
}

.col_5 > div {
  width: 33%;
  padding: 5px;
}
.col_5 > div img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.col_5_2 > div {
  width: 48%;
}
.col_5_2 > div img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}

/* Unique selectors from SPres */
.col_5_3 > div {
  width: 33%;
  padding: 5px;
}
.col_5_3 > div img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.col_6 > div {
  width: 33%;
  padding: 10px;
}
.col_6 > div img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.col_6_2 > div {
  width: 33%;
  margin: 5px;
}
.col_6_2 > div img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.col_7 > div {
  width: 32%;
  margin: 6px;
}
.col_7 > div img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.col_9 > div {
  width: 100%;
  padding: 10px;
}
.col_9 > div img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}}