/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 03-Sep-2019, 15:16:24
    Author     : User
*/
@media screen and (max-width: 1141px) {
  .wrapper {
    width: 100%;
    padding: 0 20px; }

  header .top-header form.active input[type="text"] {
    width: 300px; }
  header .bottom-header .wrapper {
    padding: 25px 20px; }

  footer .footer-top {
    background: #001b48 url(../../img/footer-bgs.png) no-repeat center bottom;
    background-size: 80%; }

  #main-menu li ul {
    padding-right: 33% !important; } }
@media screen and (max-width: 1000px) {
  footer .footer-top {
    background: #001b48;
    /*            .contact-blk{
                          width: calc(100% - 270px);        
                          .newsletter{
                              margin-top: 40px;
                          }
                      }*/ }
    footer .footer-top .location .link {
      width: calc(100% / 2); } }
/*@media screen and (max-width : 900px){ before 50 years*/
@media screen and (max-width: 1100px) {
  header .top-header {
    background: #2059a8; }
    header .top-header .left {
      display: none; }
    header .top-header .right {
      width: 100%; }
      header .top-header .right .apply {
        display: none; }
      header .top-header .right form {
        width: 100%; }
        header .top-header .right form input[type="text"] {
          width: calc(100% - 10px);
          padding-right: 60px;
          margin-left: 0;
          margin-right: 0; }
        header .top-header .right form input[type="submit"] {
          opacity: 1;
          background: url(/ethics/assets/img/search-btn.png) no-repeat right center;
          background-size: 45%; }
    header .top-header .dropdown {
      display: none; }
  header .bottom-header .logo {
    /*width: 200px; before 50 years*/ }
  header .bottom-header .menu {
    display: none; }
  header .bottom-header .toggle-menu {
    display: block; }
  header .slide-menu {
    display: block; }

  .page-id-67 header .bottom-header .menu,
  .page-id-70 header .bottom-header .menu,
  .page-id-64 header .bottom-header .menu {
    display: none; } }
@media screen and (max-width: 950px) {
  #second_blk .dbl_blk .inner {
    width: 100% !important; }
  #second_blk .dbl_blk .left_blk {
    margin-bottom: 30px; }
    #second_blk .dbl_blk .left_blk .btns {
      margin-right: 0 !important; }
  #second_blk .dbl_blk .right_blk .blks {
    margin-left: 0 !important; }
    #second_blk .dbl_blk .right_blk .blks .blk-3 .sections .sec .dbl_sec .left_sec:after {
      display: none; } }
@media screen and (max-width: 800px) {
  footer .footer-top {
    /*            .contact-blk{
                          width: calc(100%); 
                      }*/ }
    footer .footer-top .location {
      width: 100%;
      padding-right: 0; }
      footer .footer-top .location .newsletter {
        margin-top: 0px; }
    footer .footer-top .links {
      margin-top: 0px;
      width: 100%; }
      footer .footer-top .links ul li {
        width: auto;
        padding-right: 20px; } }
@media screen and (max-width: 800px) {
  footer .footer-bottom {
    padding: 30px 0; }
    footer .footer-bottom .wrapper {
      text-align: center; }
      footer .footer-bottom .wrapper span {
        display: block;
        float: none;
        padding-top: 0;
        margin-bottom: 15px; }
      footer .footer-bottom .wrapper img {
        float: none;
        display: inline-block; } }
@media screen and (max-width: 650px) {
  .blks {
    padding-bottom: 0 !important; }
    .blks .blk {
      margin-bottom: 0 !important; }

  #report .blks .blk {
    margin-bottom: 20px !important; } }
@media screen and (max-width: 650px) {
  #second_blk .dbl_blk .right_blk .blks .blk-5 .sections {
    margin-left: 0 !important; }
    #second_blk .dbl_blk .right_blk .blks .blk-5 .sections .sec {
      width: calc(100%) !important;
      margin-left: 0 !important;
      margin-bottom: 30px !important; } }
@media screen and (max-width: 550px) {
  .page-id-16 header .bottom-header .logo,
  .page-id-67 header .bottom-header .logo,
  .page-id-70 header .bottom-header .logo,
  .page-id-64 header .bottom-header .logo {
    width: calc(100% - 65px); }

  footer .footer-top .contact-blk .form .two-fields .input-field {
    width: calc(100% - 20px); }
  footer .footer-top .location {
    margin-top: 0; }
    footer .footer-top .location span {
      width: 100%; }
  footer .footer-top .links {
    margin-top: 10px; }
    footer .footer-top .links ul li {
      width: 100%; } }
@media screen and (max-width: 500px) {
  .common-title {
    font-size: 25px;
    margin-bottom: 35px; }

  br.px-60 {
    content: " ";
    display: block;
    margin: 30px 0 0 !important;
    line-height: 30px !important; }

  #second_blk .dbl_blk .right_blk .blks .blk.blk-3 .sections .sec .dbl_sec .left_sec {
    width: 60px !important; }
    #second_blk .dbl_blk .right_blk .blks .blk.blk-3 .sections .sec .dbl_sec .left_sec img {
      width: 50px; }
  #second_blk .dbl_blk .right_blk .blks .blk.blk-3 .sections .sec .dbl_sec .right_sec {
    width: calc(100% - 60px) !important;
    margin-bottom: 30px !important; }

  #form_section .report-banner {
    background: url(/ethics/assets/img/report-image.jpg) no-repeat right !important; }

  #report .dbl_blk .right_blk .blks .location {
    margin-bottom: 0 !important; } }
/*only for 50 years*/
@media screen and (max-width: 525px) {
  header .bottom-header .logo {
    width: 50%; }
  header .bottom-header .logo-2 {
    width: 35%;
    margin-left: 5px; } }
@media screen and (max-width: 420px) {
  footer .footer-bottom .wrapper img {
    float: none;
    display: inline-block;
    width: 100%; } }
@media screen and (max-width: 400px) {
  header .bottom-header .toggle-menu {
    z-index: 9999999; }
    header .bottom-header .toggle-menu.active .bar1,
    header .bottom-header .toggle-menu.active .bar2,
    header .bottom-header .toggle-menu.active .bar3 {
      background-color: #fff; }

  .slide-menu {
    left: -100%;
    width: 100%; }
    .slide-menu:after {
      left: -100%;
      width: 100%; } }
@media screen and (max-width: 320px) {
  .slide-menu .logo {
    width: 180px; } }

/*# sourceMappingURL=style-responsive.css.map */