/*
* Theme Name: Media Queries
* Description: Responsive and clean layout
* Author: Jack Feng
* Contact: master@314100.com
* Author URI:  http://www.314100.com/
* Copyright (c) 2013 Jiashan Panoramic Technology Co.,Ltd.
* Version: 1.0
*/


/* ------------------ Large Desktop; ------------------ */
@media only screen and (min-width: 1200px){}

/* ------------------ Standard Desktop ------------------ */
@media only screen and (min-width: 959px) and (max-width: 1199px) {
 
   .home-slider .h60 { font-size:50px;}
   .home-slider .h80 { font-size:70px;}
    
   .home_about { width: 220px; text-align:center; float: left; display: inline; margin-left: 10px; margin-right: 10px; }
   .home_about img { width:180px; margin:0 auto;  -webkit-border-radius: 180px; -moz-border-radius: 180px; border-radius: 180px;}  
   
   .usa { width: 300px; }
   .usa img { width:280px; margin:0 auto;  -webkit-border-radius:280px; -moz-border-radius: 280px; border-radius: 280px;}
   .usa h3 { top:34%; left:34%; }
		
   p { font-size:14px; line-height:22px;}
   .list-5 li { margin-top:0; margin-bottom:0; font-size:14px; line-height:22px;  }
   .list-5 li strong { font-size:14px; }
   .list-6 li { margin-top:0; margin-bottom:0; font-size:14px; line-height:22px; }
   .list-6 li strong { font-size:14px; }
   
   .owl-carousel .owl-controls .owl-prev { position: absolute; top: 55px; left: 23px; pointer-events: auto; }
   .owl-carousel .owl-controls .owl-next { position: absolute; top: 55px; right: 23px; pointer-events: auto; }
  
}

/* ------------------ ipad Tablet Portrait size to standard 960 ------------------ */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    
  .text_i_t{ width:85%; }  
   
  .site-follow { display:none; }
  .site_nav { margin-right:20px;}
  
  .navigation .logo img{ width:180px; height:auto; margin:12px 0 0; }
  
  .nav-menu{ margin-right:20px;}
  .nav-menu ul li  a{ font-size:20px;}
  .nav-menu ul li:first-child a{ display:none; }
  
  .home-slider .h60 { font-size:40px;}
  .home-slider .h80 { font-size:60px;}

  .home_about { width: 170px; text-align:center; float: left; display: inline; margin-left: 10px; margin-right: 10px; }
  .home_about img { width:160px; margin:0 auto;  -webkit-border-radius: 160px; -moz-border-radius: 160px; border-radius: 160px;}  
  .home_about h3 { font-size:20px;}
  
  .section-header { position: relative; text-align: center; overflow: hidden;  white-space: nowrap; width:100%; margin:0 auto; }
  .section-header:before, .section-header:after {height: 0px;}
   
  .usa { width: 236px; }
  .usa img { width:220px; margin:0 auto;  -webkit-border-radius:220px; -moz-border-radius: 220px; border-radius: 220px;}
  .usa h3 { top:29%; left:30%; }

  .news-item-preview .news-item-description h3 { font-size: 14px;}
  .news-item-preview .news-item-description p { font-size: 14px; line-height:20px;}
  
  .list-6 li { margin-bottom:5px; }

}

/* ------------------ All Mobile Sizes ------------------ */
@media only screen and (max-width: 767px) {
   
   .text_i_t{ width:95%; } 
   
   .navigation .logo img{ height:40px; width:auto; margin-top:15px; }
   .nav-menu{ display:none; }
   .mobile-drop{ display:block; }

   .home-slider .h60 { font-size:14px;}
   .home-slider .h80 { font-size:30px;}
   
   .home_about { width: 95%; text-align:center; float:none; display: block; margin:0 auto; }
   .home_about img { width:95%; margin:0 auto;  -webkit-border-radius:95%; -moz-border-radius: 95%; border-radius: 95%;}  
   .home_about h3 { font-size:24px;}

   .section-header { font-size:22px; }
   
   .footer-nav { display:none; }
   .footer-follow { float: none; margin:15px auto; }
   .bottom_phone, .bottom_mail { display: block; text-align:center;}
   .footer-copy {margin-top:10px; margin-left:0; text-align:center;}
   .footer-list p { font-size:18px;  }
    
   .titlebar { min-height: 200px;}
   .titlebar h2 { margin-top:100px; font-size: 36px; color:#fff; font-family: Arial, Helvetica, sans-serif; font-weight:700; text-align:center; text-shadow: -1px -1px 0 #fff,1px 1px 0 #333,1px 1px 0 #444;}
    
   .usa { width: 280px; display:block; }
   .usa img { width:280px; margin:0 auto;  -webkit-border-radius:280px; -moz-border-radius: 280px; border-radius: 280px;}
   .usa h3 { top:32%; left:33%; }

   .owl-carousel .owl-controls .owl-prev { position: absolute; top: 105px; left: 23px; pointer-events: auto; }
   .owl-carousel .owl-controls .owl-next { position: absolute; top: 105px; right: 23px; pointer-events: auto; }

   .featured-box { float:none; display:block;}
   .circle-2  { display:none;}

   .mt-30px { margin-top: 10px !important; }  
   .mt-60px { margin-top: 30px !important; }
    
   .mb-30px { margin-bottom:10px !important; }
   .mb-50px { margin-bottom:20px !important; }
}

/* ------------------ All Mobile Sizes ------------------ */
@media only screen and (min-width: 480px) and (max-width: 767px) {

    #top-bar { height:0; display:none;}
    #header { top:0;}
    .navigation .logo{ left:10px; }
    .nav-menu{ display:none; }
    .site-follow { display:none;}
    .site-call-phone { left:10px;}
    .site_nav { display:none;}
    .mobile-drop{ display:block; }

    .home-slider .h60 { font-size:32px;}
    .home-slider .h80 { font-size:52px;}
    
    .home_about { width: 95%; text-align:center; float: none; display: block; margin:0 auto; }
    .home_about img { width:95%; margin:0 auto;  -webkit-border-radius:95%; -moz-border-radius: 95%; border-radius: 95%;}  
    .home_about h3 { font-size:24px;}

    .featured-box { float:none; display:block;}
    .featured-desc { float:none; display:block; margin: 20px auto; }
    .featured-desc h3 { margin-bottom:10px; }

}

/* ------------------ Phone < 480px ------------------ */
@media only screen and (max-width: 479px) {

    #top-bar { display:none; height:0;}
    #header { top:0;}
    .navigation .logo{ left:20px; }
    .nav-menu{ display:none; }
    .site-follow { display:none;}
    .site-call-phone { display:none;}
    .site_nav { display:none;}

     h2{ font-size:24px;}
    .navigation .logo{ left:20px; }
    .mobile-drop{ display:block; }

    .main ul li{ list-style:none; color:white; text-transform:uppercase; text-shadow:2px 2px 2px rgba(0,0,0,0.1); font-family:bebasneueregular; line-height:50px;}

    .home-slider .h60 { font-size:18px;}
    .home-slider .h80 { font-size:24px;}
    
     .home_about { width: 95%; text-align:center; float:none; display: block; margin:0 auto; }
     .home_about img { width:95%; margin:0 auto;  -webkit-border-radius:95%; -moz-border-radius: 95%; border-radius: 95%;}  
     .home_about h3 { font-size:24px;}

    .owl-carousel .owl-controls .owl-prev { position: absolute; top: 70px; left: 23px; pointer-events: auto; }
    .owl-carousel .owl-controls .owl-next { position: absolute; top: 70px; right: 23px; pointer-events: auto; }

    .footer-list p { font-size:14px;  }

    .featured-box { float:none; display:block;}

    .featured-desc { float:none; display:block; margin: 20px auto; }
    .featured-desc h3 { margin-bottom:10px; font-size:16px; }
}