/*
/* index.html */
/* index-1.html */
/* index-2.html */
/* index-3.html */
/* index-4.html */


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

    .col1, .col2, .col3, .cols {
        /*display: block;*/
        padding-bottom: 20%;
        max-width:360px;

    }
    .col1 {
        margin:0 1px;width:299px;position:relative;
        text-align: justify;
    }


    /*#page3 .col1 {width:480px}
    /* index-5.html */
    /*#page4 .box2 .col1 {width:480px}
    /* index-6.html */
}
@media screen and (min-width: 361px) and (max-width: 768px){
    .col1, .col2, .col3, .cols {float:left;}
    .col1 {margin:0 6px;width:264px;position:relative}
    .col2 {margin:0 6px;width:560px;position:relative}
    #page3 .col1 {width:768px}
    /* index-5.html */
    #page4 .box2 .col1 {width:768px}
    /* index-6.html */
}
@media screen and (min-width: 769px){
    .col1, .col2, .col3, .cols {float:left;}
    .col1 {margin:0 6px;width:264px;position:relative}
    .col2 {margin:0 6px;width:560px;position:relative}
    #page3 .col1 {width:768px}
    /* index-5.html */
    #page4 .box2 .col1 {width:768px}
    /* index-6.html */
}