/*************  Note: Design for a width bigger than 960px   ***************/
@media only screen and (max-width: 1650px)  
{ 
   
  
  
}

@media only screen and  (min-width: 1280px) and (max-width: 1659px)
{
   div.body {
      _border: 1px solid yellow!important;
    }
    
} 
@media only screen and  (min-width: 1199px) and (max-width: 1279px)
{
    div.body{
      _border: 1px solid red!important;
    }
  
  
}  
@media only screen and  (min-width: 1178px) and (max-width: 1200px)
{
     div.body {
      _border: 1px solid magenta!important;
    }
    .container {
        width:100%;
    } 
    
}
 
@media only screen and  (min-width: 1120px) and (max-width: 1177px)
{
    div.body {
      _border: 1px solid green!important;
    }
    .container {
        width:100%;
    } 
    
    /***        ***/
    
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, label, input{
      font-size:18px;
    }
   .bottom2_container h2, 
   div.flexgallery h1, div.eshop_container h1.componentheading, div.blog .subheading-category, div.page-header h1,
   div.home h2,
   div#banner h1{
    font-size:50px;
   } 
   div#banner p{
    font-size:24px;
   }
   div.bottom2_container .strengths p,
   div.home p strong, div.home p{
    font-size:18px;
   }
    
    
}  
@media only screen and  (min-width: 992px) and (max-width: 1119px)
{
    div.body{
      _border: 1px solid yellow!important;
    }
    div.bottom2_container{
      background-size:cover!important;
    }
   
    /***        ***/
    
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, label, input{
      font-size:18px;
    }
   .bottom2_container h2, 
   div.flexgallery h1, div.eshop_container h1.componentheading, div.blog .subheading-category, div.page-header h1,
   div.home h2,
   div#banner h1{
    font-size:50px;
   } 
   div#banner p{
    font-size:24px;
   }
   div.bottom2_container .strengths p,
   div.home p strong, div.home p{
    font-size:18px;
   }
}  
@media only screen and (min-width: 960px) and (max-width: 991px) 
{
   
    div.body{
      _border: 1px solid magenta!important;
    }
    .container {
        width:100%;
    } 
    div.bottom2_container{
      background-size:cover!important;
    }
    #scroll{
      left:43%;
    }
     /***        ***/
    
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, label, input{
      font-size:18px;
    }
   .bottom2_container h2, 
   div.flexgallery h1, div.eshop_container h1.componentheading, div.blog .subheading-category, div.page-header h1,
   div.home h2,
   div#banner h1{
    font-size:50px;
   } 
   div#banner p{
    font-size:24px;
   }
   .itemid-188 .bottom2_container h3, .itemid-107 .bottom2_container h3,
   div.bottom2_container .strengths p,
   div.home p strong, div.home p{
    font-size:18px;
   }
}

/*************************************/
/*************************************/
/*************************************/

/*******    Note: Design for a width between 800px and 959px       **********/

@media only screen and (min-width: 800px) and (max-width: 959px)
{
	div.body{
      _border: 1px solid blue!important;
    }
     div.bottom2_container{
      background-size:cover!important;
    }
    #scroll{
      left:43%;
    }
    .bottom2_container h2,
    div.flexgallery h1, 
    div.eshop_container h1.componentheading,
    div.blog .subheading-category, 
    div.page-header h1,
    div.home h2{
      font-size:40px;
    } 
    div.blog.news .items-row .span6{
      width:100%;
    }
    div.blog.news .items-row .span6 .column-1{
      border:none;
    }
    div.blog div.item{
      text-align:center!important;
      border-bottom:1px solid #00adef!important;
    }
     /***        ***/
    
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, label, input{
      font-size:18px;
    }
   .bottom2_container h2, 
   div.flexgallery h1, div.eshop_container h1.componentheading, div.blog .subheading-category, div.page-header h1,
   div.home h2,
   div#banner h1{
    font-size:50px;
   } 
   div#banner p{
    font-size:24px;
   }
   .itemid-188 .bottom2_container h3, .itemid-107 .bottom2_container h3,
   div.bottom2_container .strengths p,
   div.home p strong, div.home p{
    font-size:18px;
   } 
	
}

/*************************************/
/*************************************/
/*************************************/
/******       Note: Design for a width between 768px and 799px        ********/
@media only screen and (min-width: 768px) and (max-width: 799px)	
{
   div.body{
      _border: 1px solid green!important;
    }
    div.bottom2_container{
      background-size:cover!important;
    }
    #scroll{
      left:43%;
    }
    .bottom2_container h2,
    div.flexgallery h1, 
    div.eshop_container h1.componentheading,
    div.blog .subheading-category, 
    div.page-header h1,
    div.home h2{
      font-size:40px;
    } 
    div.blog.news .items-row .span6{
      width:100%;
    }
    div.blog.news .items-row .span6 .column-1{
      border:none;
    }
    div.blog div.item{
      text-align:center!important;
      border-bottom:1px solid #00adef!important;
    }
    div.bottom1_container div.col-md-4 .values, 
    div.home1_container div.col-md-4 .values{
       width:200px;
       height:200px;
       font-size:20px;
    }
    div.bottom2_container .strengths h2{
      font-size:34px;
    }
    .lefttext,
    .righttext {
      width:100%;
      float:left;
      text-align:center;
      
    }
    .righttext{
      margin-bottom:30px;
      border-bottom:1px solid #00adef;
    }
    .lefttext table td{
      text-align:left;
    }
    .lefttext table td.title{
      text-align:right;
    }
      /***        ***/
    div.bottom1_container div.col-md-4 .values, div.home1_container div.col-md-4 .values,
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, label, input{
      font-size:16px;
    }
   .bottom2_container h2, 
   div.flexgallery h1, div.eshop_container h1.componentheading, div.blog .subheading-category, div.page-header h1,
   div.home h2,
   div#banner h1{
    font-size:40px;
   } 
   div.blog.news .items-row .span6 .item h2,
   div#banner p{
    font-size:24px;
   }
   .itemid-188 .bottom2_container h3, .itemid-107 .bottom2_container h3,
   div.bottom2_container .strengths p,
   div.home p strong, div.home p{
    font-size:18px;
   }
  
}


/*************************************/
/*************************************/
/*************************************/

/************   Note: Design for a width between  640px and 767px  ***********/
	
@media only screen and (min-width: 640px) and (max-width: 767px)
{
  body{
    
  }
  div.body{

      _border: 1px solid cyan!important;
  }
  div.bottom2_container{
      background-size:cover!important;
    }
    #scroll{
      left:43%;
    }
     div#banner h1,
    .bottom2_container h2,
    div.flexgallery h1, 
    div.eshop_container h1.componentheading,
    div.blog .subheading-category, 
    div.page-header h1,
    div.home h2{
      font-size:40px;
    } 
    div.blog.news .items-row .span6{
      width:100%;
    }
    div.blog.news .items-row .span6 .column-1{
      border:none;
    }
    div.blog div.item{
      text-align:center!important;
      border-bottom:1px solid #00adef!important;
    }
    div.bottom1_container div.col-md-4 .values, 
    div.home1_container div.col-md-4 .values{
       width:200px;
       height:200px;
       font-size:20px;
    }
    div.bottom2_container .strengths h2{
      font-size:34px;
    }
    .lefttext,
    .righttext {
      width:100%;
      float:left;
      text-align:center;
      
    }
    .righttext{
      margin-bottom:30px;
      border-bottom:1px solid #00adef;
    }
    .lefttext table td{
      text-align:left;
    }
    .lefttext table td.title{
      text-align:right;
    } 
    #hornav ul li a{
      padding-left:8px;
      padding-right:8px;
    }
    div#banner p{
      font-size:24px;
    }
    div.bottom1_container div.col-md-4, div.home1_container div.col-md-4{
       margin-bottom:40px;
    }
    div.home2_container h2,
    div.home2_container h3,
    div.home2_container p, 
    div.home2_container p strong{
       text-shadow: 1px 1px 0px #000;
    }
    div.bottom1_container .cycl_services table h4{
      margin-left:0px;
    }
    .bottomleft{
      padding-right:0px;
    }
    .bottomright{
      padding-left:0px;
    }
    /***        ***/
      div.bottom1_container div.col-md-4 .values, 
      div.home1_container div.col-md-4 .values,
      html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, label, input{
      font-size:16px;
      }
      div.cf-container div.title,
      .bottom2_container h2, 
      div.flexgallery h1, div.eshop_container h1.componentheading, div.blog .subheading-category, div.page-header h1,
      div.home h2,
      div#banner h1{
      font-size:34px;
      } 
      div.home h3,
      div.home1_container h3,
      div.blog.news .items-row .span6 .item h2,
      div#banner p{
      font-size:22px;
      }
      div.cf-container form fieldset .label,
      .itemid-188 .bottom2_container h3, .itemid-107 .bottom2_container h3,
      div.bottom2_container .strengths p,
      div.home p strong, div.home p{
      font-size:18px;
      }
  
  	
}

/*************************************/
/*************************************/
/*************************************/

/* Note: Design for a width between  480px and 639px */
 
@media only screen and (min-width:480px) and (max-width: 639px)
{
	 body{
    
  }
   div.body{
      _border: 1px solid red!important;
    }
   div.bottom2_container{
      background-size:cover!important;
    }
    #scroll{
      left:43%;
    }
    div.home p strong, div.home p{
      font-size:18px;
    }
     div#banner h1,
    .bottom2_container h2,
    div.flexgallery h1, 
    div.eshop_container h1.componentheading,
    div.blog .subheading-category, 
    div.page-header h1,
    div.home h2{
      font-size:28px;
    } 
    div.blog.news .items-row .span6{
      width:100%;
    }
    div.blog.news .items-row .span6 .column-1{
      border:none;
    }
    div.blog div.item{
      text-align:center!important;
      border-bottom:1px solid #00adef!important;
    }
    div.bottom1_container div.col-md-4 .values, 
    div.home1_container div.col-md-4 .values{
       width:200px;
       height:200px;
       font-size:20px;
    }
    div.bottom2_container .strengths h2{
      font-size:34px;
    }
    .lefttext,
    .righttext {
      width:100%;
      float:left;
      text-align:center;
      
    }
    .righttext{
      margin-bottom:30px;
      border-bottom:1px solid #00adef;
    }
    .lefttext table td{
      text-align:left;
    }
    .lefttext table td.title{
      text-align:right;
    } 
    #hornav ul li a{
      padding-left:8px;
      padding-right:8px;
    }
    div#banner p{
      font-size:24px;
    }
    div.bottom1_container div.col-md-4, div.home1_container div.col-md-4{
       margin-bottom:40px;
    }
    div.home2_container h2,
    div.home2_container h3,
    div.home2_container p, 
    div.home2_container p strong{
       text-shadow: 1px 1px 0px #000;
    }
    div.bottom1_container .cycl_services table h4{
      margin-left:0px;
      text-align:Center;
    }
    .bottomleft{
      padding-right:0px;
    }
    .bottomright{
      padding-left:0px;
    }
    #mobmenu{
      display:block;
    }
    #hornav{
      display:none;
      position:absolute;
      background: transparent url(../images/trans2.png) repeat;
      left:15px;
      right:15px;
      z-index:999;
      top:15px;
      
    }
    .notindesktop{
      display:block;
    }
    #hornav ul{
      border-top:none;
    }
    #hornav ul{
       width:80%;
      margin-left:auto;
      margin-right:auto;
      padding-bottom:15px;
    }
    #hornav ul li{
      float:none;
      width:100%;
      text-align:center;
    }
     #hornav ul li a{
     
     }
    span.close {
        position:absolute;
        right:10px;
        top:10px;
        color:#ffffff;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }
    span.close:hover{
        color:#ffffff;
    }
    div.home3_container .container, 
    div.home2_container .container,
    div.home1_container .container{
      padding-top:24px;
    }
    div.subfooter_container p a{
      font-size:30px;
      padding-top:5px;
    }
    div.bottom1_container .cycl_services table td{
      width:100%;
      display:block;
      padding-top:0px;
    }
    div.bottom2_container .strengths .col-md-5{
      padding-right:0px;
      text-align:center;
    }
    div.bottom2_container .strengths .col-md-7{
      padding-left:0px;
      text-align:center;
    }
    div.bottom2_container .strengths hr{
      margin-left:auto!important;
      margin-right:auto!important;
    }
    #phoca-dl-category-box .pd-filebox{
      width:100%;
      float:none;
    }
    div.cf-container form fieldset textarea,
    div.cf-container form fieldset input{
      width:95%;
    }
    /***        ***/
      div.bottom1_container div.col-md-4 .values, 
      div.home1_container div.col-md-4 .values,
      html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, label, input{
      font-size:16px;
      }
      
      div.bottom2_container .strengths h2,
      div.cf-container div.title,
      .bottom2_container h2, 
      div.flexgallery h1, div.eshop_container h1.componentheading, div.blog .subheading-category, div.page-header h1,
      div.home h2,
      div#banner h1{
      font-size:30px;
      } 
      div.bottom2_container .strengths h3,
      div.home h3,
      div.home1_container h3,
      div.blog.news .items-row .span6 .item h2,
      div#banner p{
      font-size:18px;
      }
      .itemid-107 #mcol h3,
      div.bottom1_container h3,
      div.cf-container form fieldset .label,
      .itemid-188 .bottom2_container h3, .itemid-107 .bottom2_container h3,
      div.bottom2_container .strengths p,
      div.home p strong, div.home p{
      font-size:18px;
      }
      div.bottom2_container .strengths p{
        margin-bottom:30px;
      }
      .itemid-232 .cf-container .fieldset{
        width:100%;
        float:none;
      }
    
}

/*************************************/
/*************************************/
/*************************************/

/* Note: Design for a width between  480px and 639px */
 
@media only screen and (max-width:479px)
{
	body{
  
  }
   div.body{
      _border: 1px solid cyan!important;
   }
   div.bottom2_container{
      background-size:cover!important;
    }
    #scroll{
      left:37%;
    }
   
    div.home p strong, div.home p{
      font-size:16px;
    }
    div.home1_container h3,
     div#banner h1,
    .bottom2_container h2,
    div.flexgallery h1, 
    div.eshop_container h1.componentheading,
    div.blog .subheading-category, 
    div.page-header h1,
    div.home h2{
      font-size:24px;
    } 
    div.blog.news .items-row .span6{
      width:100%;
    }
    div.blog.news .items-row .span6 .column-1{
      border:none;
    }
    div.blog div.item{
      text-align:center!important;
      border-bottom:1px solid #00adef!important;
    }
    div.bottom1_container div.col-md-4 .values, 
    div.home1_container div.col-md-4 .values{
       width:200px;
       height:200px;
       font-size:20px;
    }
    div.bottom2_container .strengths h2{
      font-size:24px;
    }
    .lefttext,
    .righttext {
      width:100%;
      float:left;
      text-align:center;
      
    }
    .righttext{
      margin-bottom:30px;
      border-bottom:1px solid #00adef;
    }
    .lefttext table td{
      text-align:center;
      width:100%;
      display:block;
    }
    .lefttext table td.title{
      text-align:center;
      padding-right:0px;
    } 
    #hornav ul li a{
      padding-left:8px;
      padding-right:8px;
    }
    div#banner p{
      font-size:18px;
    }
    div.bottom1_container div.col-md-4, div.home1_container div.col-md-4{
       margin-bottom:40px;
    }
    div.cf-container div.title{
      line-height:120%;
    }
    div.home2_container h2,
    div.home2_container h3,
    div.home2_container p, 
    div.home2_container p strong{
       text-shadow: 1px 1px 0px #000;
    }
    div.bottom1_container .cycl_services table h4{
      margin-left:0px;
      text-align:Center;
    }
    .bottomleft{
      padding-right:0px;
    }
    .bottomright{
      padding-left:0px;
    }
    #mobmenu{
      display:block;
    }
    #hornav{
      display:none;
      position:absolute;
      background: transparent url(../images/trans2.png) repeat;
      left:15px;
      right:15px;
      z-index:999;
      top:15px;
      
    }
    .notindesktop{
      display:block;
    }
    #hornav ul{
      border-top:none;
    }
    #hornav ul{
       width:80%;
      margin-left:auto;
      margin-right:auto;
      padding-bottom:15px;
    }
    #hornav ul li{
      float:none;
      width:100%;
      text-align:center;
    }
     #hornav ul li a{
     
     }
    span.close {
        position:absolute;
        right:10px;
        top:10px;
        color:#ffffff;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }
    span.close:hover{
        color:#ffffff;
    }
    div.home3_container .container, 
    div.home2_container .container,
    div.home1_container .container{
      padding-top:24px;
    }
    div.subfooter_container p a{
      font-size:17px;
      padding-top:10px;
      padding-bottom:10px;
    }
    div.bottom1_container .cycl_services table td{
      width:100%;
      display:block;
      padding-top:0px;
    }
    div.bottom2_container .strengths .col-md-5{
      padding-right:0px;
      padding-left:0px;
      text-align:center;
    }
    div.bottom2_container .strengths .col-md-7{
      padding-left:0px;
      text-align:center;
    }
    div.bottom2_container .strengths hr{
      margin-left:auto!important;
      margin-right:auto!important;
    }
    #phoca-dl-category-box .pd-filebox{
      width:100%;
      float:none;
    }
    div.cf-container form fieldset textarea,
    div.cf-container form fieldset input{
      width:95%;
    }
    div.banner_container #logo .logo img{
      max-width:150px;
      padding-top:10px;
    }
    
    div.home3_container{
      height:auto;
      background-size:cover;
    }
    .itemid-107 .bottom1_container .services_glob.custom{
      width:auto;
    }
    /***        ***/
      div.bottom1_container div.col-md-4 .values, 
      div.home1_container div.col-md-4 .values,
      html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, label, input{
      font-size:15px;
      }
      
      div.bottom2_container .strengths h2,
      div.cf-container div.title,
      .bottom2_container h2, 
      div.flexgallery h1, div.eshop_container h1.componentheading, div.blog .subheading-category, div.page-header h1,
      div.home h2,
      div#banner h1{
      font-size:23px;
      } 
      div.bottom2_container .strengths h3,
      div.home h3,
      div.home1_container h3,
      div.blog.news .items-row .span6 .item h2,
      div#banner p{
      font-size:16px;
      }
      .itemid-107 #mcol h3,
      div.bottom1_container h3,
      div.cf-container form fieldset .label,
      .itemid-188 .bottom2_container h3, .itemid-107 .bottom2_container h3,
      div.bottom2_container .strengths p,
      div.home p strong, div.home p{
      font-size:16px;
      }
      div.bottom2_container .strengths p{
        margin-bottom:30px;
      }
       .lefttext table td.title{
        margin-top:20px;
       }
      .lefttext table td.title br {
        display:none;
      } 
      #phoca-dl-category-box .pd-fdesc p,
      .itemid-188 .bottom2_container p, .itemid-107 .bottom2_container p,
      .itemid-107 #mcol p,
      div.bottom1_container .cycl_services table td p,
       .item-page .px18 strong, .item-page .px18{
        font-size:16px;  
      }
      .itemid-232 .cf-container .fieldset{
        width:100%;
        float:none;
      }
  
}
@media only screen and (max-width:479px) and (orientation:landscape){
   #scroll{
      display:none;
   }  
}
@media only screen and (max-width:479px) and (orientation:portrait){
  div.bannerin{
    height:250px;
  }
}
@media only screen and (max-device-height:785px){
    #banner{
      margin-top:45px;
    }
    div#banner p{
      margin-bottom:30px;
    }
    #scroll{
      bottom:15px;
    }
}

@media only screen and (min-device-height:481px) and (max-device-height:640px) and (orientation:landscape){
   #scroll{
      display:none;
   }
    body{
      _border:1px solid green!important;
    }
    #banner{
      margin-top:20px;
    }
    
     div#banner p{
      margin-bottom:20px;
     }
      div#banner h1{          
      font-size:34px;
      
    }
}
/*@media only screen and (max-height:640px) and (orientation:landscape){
   #scroll{
      display:none;
   }
    body{
      border:1px solid black!important;
    }
    #banner{
      margin-top:50px;
    }
     div#banner p{
      margin-bottom:20px;
     }
    
}  */
@media only screen and (min-device-height:321px) and (max-device-height:480px) and (orientation:landscape) {
    body{
      _border:1px solid yellow!important;
    }
    #scroll{
      display:none;
   }
    div#banner h1{          
      font-size:24px;
    }
    .bannerin{
      height:480px!important;
    }
    div#banner p{
      margin-bottom:45px;
      line-height:110%;
      font-size:18px;
      
    }
    div#banner a.more:link, 
    div#banner a.more:visited,
    div#banner a.more:active{
        
    }
    
    div.banner_container #logo .logo img{
      margin-bottom:0px;
      max-width:200px;
    }
    #hornav ul{
      padding-top:10px;
    }
    div.bannerin{
    
    }
    
}
/*@media only screen and (max-height:480px) and (orientation:landscape) {
    body{
      border:1px solid yellow!important;
    }
    #banner{
    }
    div#banner h1{          
      font-size:24px;
    }
    
    div#banner p{
      margin-bottom:45px;
      line-height:110%;
      font-size:18px;
      
    }
    div#banner a.more:link, 
    div#banner a.more:visited,
    div#banner a.more:active{
        
    }
    
    div.banner_container #logo .logo img{
      margin-bottom:0px;
      max-width:200px;
    }
    #hornav ul{
      padding-top:10px;
    }
    div.bannerin{
    
    }
    
}  */
@media only screen and (max-device-height:320px) and (orientation:landscape) {
    #banner{
      margin-top:10px;
    }
     body{
      _border:1px solid black!important;
    }
    div#banner h1{
      margin-bottom:0px;
      font-size:24px;
    }
    .bannerin{
      height:320px;
    }
    div#banner p{
      margin-bottom:10px;
      line-height:110%;
      font-size:18px;
      
    }
    div#banner a.more:link, 
    div#banner a.more:visited,
    div#banner a.more:active{
        padding-top:5px;
        padding-bottom:5px;
    }
    
    div.banner_container #logo .logo img{
      margin-bottom:0px;
      max-width:200px;
    }
    #hornav ul{
      padding-top:10px;
    }
    div.bannerin{
  }
    
}
/*@media only screen and (max-height:320px) and (orientation:landscape) {
    #banner{
      margin-top:10px;
    }
     body{
      border:1px solid black!important;
    }
    div#banner h1{
      margin-bottom:0px;
      font-size:24px;
    }
    
    div#banner p{
      margin-bottom:10px;
      line-height:110%;
      font-size:18px;
      
    }
    div#banner a.more:link, 
    div#banner a.more:visited,
    div#banner a.more:active{
        padding-top:5px;
        padding-bottom:5px;
    }
    
    div.banner_container #logo .logo img{
      margin-bottom:0px;
      max-width:200px;
    }
    #hornav ul{
      padding-top:10px;
    }
    div.bannerin{
  }
    
} */