/*  1350px  */
@media all and (max-width: 1479px) {

    .grid-1280 {
        width: 1280px;
    }

    .video {
        height: 760px;
        padding-top: 0px;
    }

    .video iframe {
        height: 760px !important;
    }

    .white-band {
        margin-top: -80px;
        height: 80px;
    }

}




/*  1240px  */
@media all and (max-width: 1339px) {

    .grid-1280 {
        width: 1200px;
    }



}




/*  980px  */
@media all and (max-width: 1239px) {

    .grid-1280 {
        width: 920px;
    }

    .col-1-of-1,
    .col-1-of-2,
    .col-1-of-3,
    .col-1-of-4,
    .col-1-of-5,
    .col-1-of-6,
    .col-1-of-7,
    .col-1-of-8,
    .col-1-of-9,
    .col-1-of-10,
    .col-1-of-11,
    .col-1-of-12,
    .col-2-of-3,
    .col-2-of-5,
    .col-3-of-5,
    .col-4-of-5,
    .col-3-of-4,
    .col-5-of-6,
    .col-4-of-6,
    .col-3-of-6,
    .col-2-of-6,
    .col-6-of-7,
    .col-5-of-7,
    .col-4-of-7,
    .col-3-of-7,
    .col-2-of-7,
    .col-7-of-8,
    .col-6-of-8,
    .col-5-of-8,
    .col-4-of-8,
    .col-3-of-8,
    .col-2-of-8,
    .col-8-of-9,
    .col-7-of-9,
    .col-6-of-9,
    .col-5-of-9,
    .col-4-of-9,
    .col-3-of-9,
    .col-3-of-9,
    .col-2-of-9 {
        padding: 0px 10px;
    }


    .responsive-menu-icon {
        display: block;
    }




}




/*  768px  */
@media all and (max-width: 979px) {

    .grid-1280 {
        width: 740px;
    }

    .col-1-of-4 {
        width: 50%;
    }

    .col-1-of-5 {
        width: 33.33%;
    }

    .col-1-of-6 {
        width: 33.33%;
    }

    .col-1-of-7 {
        width: 25%;
    }

    .col-1-of-8 {
        width: 25%;
    }

    .col-1-of-9 {
        width: 20%;
    }

    .col-1-of-10 {
        width: 20%;
    }

    .col-1-of-11 {
        width: 16.66%;
    }

    .col-1-of-12 {
        width: 16.66%;
    }

    .col-5-of-8 {
        width: 75%;
    }

    .col-3-of-9 {
        width: 40.00%;
    }

    .col-1-of-9 {
        width: 25%;
    }

    .col-2-of-9 {
        width: 25%
    }

    .col-3-of-9 {
        width: 50%;
    }

    .col-3-of-8 {
        width: 50%;
    }

    .col-2-of-3,
    .col-2-of-5,
    .col-3-of-5,
    .col-4-of-5,
    .col-3-of-4,
    .col-5-of-6,
    .col-4-of-6,
    .col-3-of-6,
    .col-2-of-6,
    .col-6-of-7,
    .col-5-of-7,
    .col-4-of-7,
    .col-3-of-7,
    .col-2-of-7,
    .col-7-of-8,
    .col-6-of-8,
    .col-8-of-9,
    .col-7-of-9,
    .col-6-of-9,
    .col-5-of-9,
    .col-4-of-9 {
        width: 100%;
    }





}





/*  640px  */
@media all and (max-width: 767px) {

    .grid-1280 {
        width: 600px;
    }

    .col-1-of-1,
    .col-1-of-2,
    .col-1-of-3,
    .col-1-of-4,
    .col-1-of-5,
    .col-1-of-6,
    .col-1-of-7,
    .col-1-of-8,
    .col-1-of-9,
    .col-1-of-10,
    .col-1-of-11,
    .col-1-of-12,
    .col-2-of-3,
    .col-2-of-5,
    .col-3-of-5,
    .col-4-of-5,
    .col-3-of-4,
    .col-5-of-6,
    .col-4-of-6,
    .col-3-of-6,
    .col-2-of-6,
    .col-6-of-7,
    .col-5-of-7,
    .col-4-of-7,
    .col-3-of-7,
    .col-2-of-7,
    .col-8-of-9,
    .col-7-of-9,
    .col-6-of-9,
    .col-5-of-9,
    .col-4-of-9,
    .col-3-of-9,
    .col-2-of-9,
    .col-7-of-8,
    .col-6-of-8,
    .col-5-of-8,
    .col-4-of-8,
    .col-3-of-8,
    .col-2-of-8 {
        padding: 0px 5px;
    }




}





/*  480px  */
@media all and (max-width: 639px) {

    .grid-1280 {
        width: 440px;
    }

    .col-1-of-2,
    .col-5-of-8,
    .col-4-of-8,
    .col-3-of-8,
    .col-2-of-8,
    .col-3-of-9,
    .col-2-of-9 {
        width: 100%;
        float: none;
    }

    .col-1-of-3 {
        width: 100%;
        float: none;
    }

    .col-1-of-4 {
        width: 100%;
        float: none;
    }

    .col-1-of-5 {
        width: 100%;
        float: none;
    }

    .col-1-of-6 {
        width: 50%;
    }

    .col-1-of-7 {
        width: 33.33%;
    }

    .col-1-of-8 {
        width: 33.33%;
    }

    .col-1-of-9 {
        width: 33.33%;
    }

    .col-1-of-10 {
        width: 33.33%;
    }

    .col-1-of-11 {
        width: 33.33%;
    }

    .col-1-of-12 {
        width: 33.33%;
    }








}




/*  360px  */
@media all and (max-width: 479px) {

    .grid-1280 {
        width: 320px;
    }

    .col-1-of-6 {
        width: 100%;
        float: none;
    }

    .col-1-of-7 {
        width: 50%;
    }

    .col-1-of-8 {
        width: 50%;
    }

    .col-1-of-9 {
        width: 50%;
    }

    .col-1-of-10 {
        width: 50%;
    }

    .col-1-of-11 {
        width: 50%;
    }

    .col-1-of-12 {
        width: 50%;
    }



}