/* for media queries */
@media only screen and (max-width: 1003px){
  .footer-nav ul li a{ width: auto; }
}
@media only screen and (max-width: 1000px){
    
    .site-logo{ position: relative; }
    .header-top{ height: auto; padding-bottom: 54px; }
    .hdr-num{ margin-top: 26px; }
    .hdr-search{ margin-top: 13px; }

   .m-newsletter span.wpcf7-form-control-wrap{ width: 48%; }
   .m-newsletter form input.newsf{ width: 100%; }
}
@media only screen and (max-width: 1051px){

}
@media only screen and (max-width: 1000px){
  
 .hdr-search input{ opacity: 1; }
}
@media only screen and (max-width: 940px){
   #nav ul li{ margin-right: 2%; }
}
@media only screen and (max-width: 900px){
 #nav ul li a{ font-size: 2vw; }
  .m-newsletter form input.newsf{ display: block; width: 100%; }

  .tlt-des2{ font-size: 20px; }

}
@media only screen and (max-width: 850px){

  .latest-left .post-image .post-thumb, .latest-left .post-image img{ height: 167px; }
  .latest-rgt .post-image img, .latest-rgt .post-image .post-thumb{ height: 91px; }
  .m-newsletter{ padding: 12px 10px 38px; }
  .m-newsletter p{ display: block; }
 .m-newsletter div{ margin: 20px auto 0; display: block; }


}
@media only screen and (max-width: 768px){

  .header-links{ overflow: hidden; padding: 10px; position: relative; }
.hdr-search{ padding-right: 15px; }

  .nav-toggle-btn{ display: inline-block; color: #fff; position: relative; }
  #nav li small{ display: block; right: 25px; top: -4px; }

  #nav{ display: none; clear: both; padding-top: 15px; }
  #nav ul li{ display: block; padding: 0; margin: 4px auto; }
  #nav ul li:hover >ul{ display: none; }
  #nav ul li:after{ display: none; }
  #nav ul li a{ border: 1px solid #fff; font-size: 15px; line-height: 28px; }
  #nav ul ul{ width: 100%; position: relative; background: #595959; }

   #nav ul ul li{ padding: 0; border: 0; }
   #nav ul ul li a{ text-align: center; }

  .tlt-box{ margin-bottom: 18px; }
  
  .recommend-box{ padding-bottom: 0; }
  .recommend-box .post-thumb, .recommend-box .thumbnail-wrapper img{ height: auto; max-width: 451px; margin: 19px auto 0; display: block; width: 100%; }
  .recommend-box .post-thumb{ padding: 36% 0; }


    #main-bottom{ padding: 30px 8px 0; }
    .tlt-box span{ display: block; }
  .m-newsletter form input.newsf{ margin: 4px auto; height: 33px; }
  .m-newsletter h2{ font-size: 22px; }

    .rgt-aside{ clear: both; padding-top: 50px; }

    .copyright{ margin-top: 14px; line-height: 27px; }
    .contact-left{ margin-top: 0; padding: 25px 0; }
    .copyr{ float: none; }

    #footer{ padding: 10px 10px 17px; text-align: center; }
    .footer-nav ul li{ display: block; margin: 5px auto; }
    .footer-nav ul li a{ width: 100%; line-height: 23px; padding: 0; border-width: 1px; }
    .footerlinks ul li:after{ top: -2px; }

}
@media only screen and (max-width: 680px){
  
  #mid .post-tlt2{ font-size: 19px; line-height: 22px; }
  #mid .post-image{ width: 40%; }
  #mid .post-excerpt-cont{ width: 56%; }

}
@media only screen and (max-width: 670px){
  
  #page-header{ text-align: center; }

  .hdr-search{ float: none; display: inline-block; margin-top: auto; text-align: center; vertical-align: top; }
  .hdr-search input{ width: 285px; }

  .hdr-num{ float: none; display: inline-block; text-align: left; }
  .hdr-num ul{ text-align: center; }

  .header-links{ text-align: left; }

}
@media only screen and (max-width: 635px){
  .header-top{ padding-bottom: 20px; }
}
@media only screen and (max-width: 550px){
   
.hdr-search{ margin-top: 34px; } 
 
  .latest-left{ padding-left: 0; width: 100%; float: none; }
  .latest-rgt{ padding: 0 0 20px; width: 100%; float: none; }
 
  .bnr-rgt img{ width: 222px; } 

}
@media only screen and (max-width: 515px){
  #mid .post-image{ width: 100%; }
  #mid .post-excerpt-cont{ width: 100%; margin-top: 30px; }

  #mid .post-box{ padding: 30px 0 0; }
  #mid h2.tlt-box span{ display: block; padding: 0 0 30px; }
  #mid h2.tlt-box span:before{ left: 0; bottom: 0; top: auto; right: 0; }
  #mid h2.tlt-box span:after{ display: none; }

  .m-newsletter h2{ font-size: 17px; }
  .m-newsletter span.wpcf7-form-control-wrap{ width: 100%; }

}
@media only screen and (max-width: 410px){

  #page-header{ text-align: center; }
  #page-header .search-form{ position: relative; }
  .hdr-search{ display: block; padding: 0 15px; }
  .hdr-search input{ width: 100%; }
  .header-links{ text-align: left; }
  .alignright, .alignleft{ float: none; display: block; margin: 10px auto !important; }
  
  #related_posts .post-box{ display: block; float: none; width: 100% !important; padding: 20px 0; border: 0; }
  #related_posts .post-thumb, #related_posts .thumbnail-wrapper img{ height: auto !important; }
  #related_posts .post-thumb{ padding: 30% 0; }

}
@media only screen and (max-width: 360px){
 .main-cat .post-image{ width: 166px; margin-bottom: 6px; }
 .main-cat .post-excerpt-cont{ margin-top: 15px; }

 .hdr-num ul{ display: block; margin: 0; margin-top: 14px; }
 .hdr-num div{ text-align: left; }
}