/* Default CSS */

     html {
         border-style: none;
         border-width: 0;
         width: auto;
     }

     body {
         border-width: 0;
         float: none;
         margin-left: auto;
         margin-right: auto;
         width: auto;
     }

     .flx_main {
         border-style: none;
         border-width: 0;
         display: block;
         padding: 0;
         margin: 0;
         width: auto;
     }

     .flx_info {
         border-style: none;
         border-width: 0;
         text-align: left;
         width: auto;
     }

/* ----------------------------------- */
/* -------- paypal ------------------- */

     .divdon {
         height:53px; 
         width: auto;
         float: none;
         margin-left: auto;
         margin-right: auto; 
         border: 1px solid #fff;
     }

     .quadrdon {
         float: right; 
         margin: 10px 10px 10px 0;
         border: 1px solid #fff;
     }

/* ----------------------------------- */

     @media only screen and (min-width: 601px){

/* ----------------------------------- */

       html {
           border: solid 1px #fff;
           float: none;
           margin-bottom: 0;
           margin-top: 0;
           margin-right: auto;
           margin-left: auto;
           width: auto;
       } 

       body {
           border: solid 1px #fff;
           float: none;
           margin-bottom: 0;
           margin-top: 0;
           margin-right: auto;
           margin-left: auto;
           width: auto;
       } 

       .flx_main {
           border: solid 1px #fff;
           float: none;
           margin-left: auto;
           margin-right: auto; 
           width: auto;
           max-width: 700px;
       }

       .flx_info {
           border: solid 1px #fff;
           text-align: justify;
           float: none;
           margin-left: auto;
           margin-right: auto; 
           width: auto; 
       }

/* ----------------------------------- */

     }

/* ---------------------------------- */

     @media only screen and (min-width: 1001px) {

/* ----------------------------------- */

       html {
           width: 99.9%;
       } 

       body {
           width: 99.8%;
       } 

       .flx_main {
           width: 70%;
           max-width: none;
       }

       .flx_info {
           border-style: solid;
           border-width: 1px;
           text-align: justify;
           float: none;
           margin-left: auto;
           margin-right: auto; 
           width: 100%; 
       }

/* ----------------------------------- */

     }