.container{
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
    box-sizing: border-box;
    clear: both;
}

.box-container {
    width: 80% !important;
    margin: 0 auto !important; 
    padding: 0;
    display: block;
    clear: both;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
}

.box-container-float{
    width: 80% !important;
    margin: 0 auto !important; 
    padding: 0;
    display: block;
    clear: both;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
}

@media screen and (min-width: 1280px) {
    .container{
       // width: 1280px !important;
        margin: 0 auto !important; 
    }
    .box-container{
        //width: 12px !important;
        margin: 0 auto !important; 
    }
}

@media screen and (max-width: 1240px) {
    .box-container {
        width: 100% !important;
    }
}



.row {
    width: 100% !important; 
    display: block;
    clear: both;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
}

.row {
  *zoom: 1;
}

.row, .col, .fcol{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
}

img, object, embed {
  max-width: 100%; 
  border: none;
}

img {
  height: auto; 
}

figure img {
  max-width: 100%; 
}

.skip-float {
  clear: left; 
}

.clear {
  display: block;
  clear: both; 
}

.fl {
  float: left  !important; }

.fr {
  float: right !important; }

.video-holder {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  display: block; 
}

.video-holder iframe, .video-holder object, .video-holder embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; 
}

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

    .col{
        padding-left: 3%;
        margin-left: 0% !important;
        float: left;
    }
    
    .col.c_1, 
    .col.c_1_2, 
    .col.c_1_3, .col.c_2_3,
    .col.c_1_4, .col.c_2_4, .col.c_3_4,
    .col.c_1_5, .col.c_2_5, .col.c_3_5, .col.c_4_5,
    .col.c_1_6, .col.c_2_6, .col.c_3_6, .col.c_4_6, .col.c_5_6
    {
        width: 94%;
    }
    
    .fcol{
        padding-left: 0%;
        margin-left: 0% !important;
        float: left;
    }
    
    .fcol.c_1, 
    .fcol.c_1_2, 
    .fcol.c_1_3, .fcol.c_2_3,
    .fcol.c_1_4, .fcol.c_2_4, .fcol.c_3_4,
    .fcol.c_1_5, .fcol.c_2_5, .fcol.c_3_5, .fcol.c_4_5,
    .fcol.c_1_6, .fcol.c_2_6, .fcol.c_3_6, .fcol.c_4_6, .fcol.c_5_6
    {
        width: 100%;
    }
}

@media screen and (min-width: 769px) {
    
    .col{
        margin-left: 1.5%;
        float: left;
    }

    .fcol{
        float: left;
        display: block;
        padding: 0;
        margin: 0;
    }
    .col.c_1, .fcol.c_1{
        width: 100%;
    }
    .col.c_1_2{
        width: 49.25%;
    }
    .col.c_1_3{
        width: 32.3333333333%;
    }
    .col.c_2_3{
        width: 66.12%;
    }
    .col.c_1_4{
        width: 23.875%;
    }
    .col.c_2_4{
        width: 49.25%;
    }
    .col.c_3_4{
        width: 74.625%;
    }
    .col.c_1_5{
        width: 18.80%;
    }
    .col.c_2_5{
        width: 39.10%;
    }
    .col.c_3_5{
        width: 59.40%;
    }
    .col.c_4_5{
        width: 79.70%;
    }
    .col.c_1_6{
        width: 15.4167%;
    }
    .col.c_2_6{
        width: 32.3332%;
    }
    .col.c_3_6{
        width: 49.2499%;
    }
    .col.c_4_6{
        width: 66.1666%;
    }
    .col.c_5_6{
        width: 83.0833%;
    }
    
    .fcol.c_1_2{
        width: 50%;
    }
    .fcol.c_1_3{
        width: 33.3333333333%;
    }
    .fcol.c_2_3{
        width: 66.66%;
    }
    .fcol.c_1_4{
        width: 25%;
    }
    .fcol.c_2_4{
        width: 50%;
    }
    .fcol.c_3_4{
        width: 75%;
    }
    .fcol.c_1_5{
        width: 20%;
    }
    .fcol.c_2_5{
        width: 40%;
    }
    .fcol.c_3_5{
        width: 60%;
    }
    .fcol.c_4_5{
        width: 80%;
    }
    .fcol.c_1_6{
        width: 16.66%;
    }
    .fcol.c_2_6{
        width: 33.34%;
    }
    .fcol.c_3_6{
        width: 50%;
    }
    .fcol.c_4_6{
        width: 66.67%;
    }
    .fcol.c_5_6{
        width: 83.34%;
    }

}

.col:first-child{
  margin-left:0;
}

.first-col{
    margin-left:0 !important;
}


@media screen and (min-width: 520px) {
.span_1_3{
    margin-left: 32.3333333333% !important;
}
.span_1_5{
    margin-left: 18.80% !important;
}
.span_1_6{
    margin-left: 15.4167% !important;
}
}

@media only screen and (min-width: 1024px) {
    .box-container {
        width: 1000px !important;
        max-width: 1000px !important;
        padding: 0px 0px 0px 0px;
        margin: 0 auto; 
    }
}

@media only screen and (min-width: 1600px) {
    .box-container {
        width: 1300px !important;
        max-width: 1024px !important;
        padding: 0px 0px 0px 0px;
        margin: 0 auto; 
    }
    
    .media-wrap{
        max-width: 1300px;
    }
    
    header div:first-child{
        width: 1024px !important;
    }
}



/* 
    ========================== TABLET PORTRAIT < 768 ===========================
*/
@media handheld, only screen and (max-width: 1024px) {
    .container{
        width: 100% !important;
        max-width: 100% !important;
    }
    
  .box-container {
    width: 94% !important;
    max-width: 94% !important;
    padding: 0 3% 0 3%;
    margin: 0 auto; 
  }
  .box-container-float{
      width: 94% !important;
      max-width: 94% !important;
      padding: 0px 0px 0px 0px;
      margin: 0 3%;
  }
}




/* 
    ============================ PHONE PORTRAIT < 320 ==========================
*/
@media handheld, only screen and (max-width: 320px) {

  .row {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto; }

  .content-row {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 auto;
    overflow-y: auto; }
    .content-row .row {
      width: 100% !important; }

}

.mt{
    margin-top: 1.5%;
}
.m0{
    margin: 0px 0px 0px 0px !important;
}
.mt20{
    margin-top: 20px !important;
}
.mt40{
    margin-top: 40px !important;
}
.mt5p{
    margin-top: 5%;
}
.mt10p{
    margin-top: 10%;
}
.mt20p{
    margin-top: 20%;
}
.mt30p{
    margin-top: 30%;
}
.pt10{
    padding-top: 10px !important;
}
.pt20{
    padding-top: 20px !important;
}
.pt40{
    padding-top: 40px !important;
}
.p0{
    padding: 0px 0px 0px 0px !important;
}
.p2{
    padding: 2% 2% 2% 2%;
}
.pt3p{
    padding-top: 3%;
}
.p5p05p0{
    padding: 5% 0px 5% 0px;
    display: block;
}
.p3p03p0{
    padding: 3% 0px 3% 0px;
    display: block;
}
.p2p03p0{
    padding: 2% 0px 3% 0px;
    display: block;
}

.fc{
    display: inline-block;
    position: relative;
    clear: both;
    margin: 0px auto 0px auto !important;
}

.tc {
  text-align: center; }

.tl {
  text-align: left; }

.tr {
  text-align: right; }

.tj {
  text-align: justify; }