@media (min-device-width: 767px) and (orientation: portrait) {
  h1{ font-size: 34px;}
  #sign-line img:last-child{display: none;}
  #header #main-header #logo{ width: 20%; top: -38px;}
  #main-header-top > img{ width: 33%;}
  #header #nav .nav-list li:last-child{ display: none;}
  #header #nav{ margin-top: 40px;}
  #content-main{ padding: 40px 15px 30px 10px;}
  .box-religious h4{ font-size: 18px;}

  #social-single{ left: 10px; width: auto; top: -40px;}
  #single-blog{ padding: 50px 0 20px; }
  #header #nav .nav-list li{ margin-left: 10px;}

  #banner h1 {margin:30px 0;}
  .slick-dots{display:none !important;}

  #after-banner img, #after-banner #team-text {float: none;}
  #after-banner #team-member {text-align:center;}
  #after-banner #team-text {width: auto;}

  #white-section #little-images li div {width:50%;}

  .archive-resources #boxes_categories .four{width: 50%;}
  .archive-resources #content-main #categories_resources #boxes_categories .box_category{float: none !important; margin:10px auto;}
  #buttons_back a.government{margin-right: 15px;}

  #banner .single_banner .content_banner{position: static; padding: 20px 0 50px;}
  #banner .single_banner .content_banner img{max-width: 70%;}
  #banner #clock_container {width: 90%;}
  #banner .slick-dots {bottom: -5px;}


  #footer .nav-footer {padding-left:0;}
}
@media (max-device-width: 1024px) and (orientation: landscape) {
  .box-religious h4{ font-size: 24px;}
  
  #banner .single_banner .content_banner img {width: 500px; max-width: none;}
  .slick-dots{display:none !important;}

  #social-single{ left: 10px; width: auto; top: -40px;}
  #single-blog{ padding: 50px 0 20px; }
  
  #feature-section .feature-box.blue {height:138px;}

}