@media (max-width: 992px){
  /*------------------------------------------*/
  /*  NAVIGATION MENU    
  /*------------------------------------------*/

  .desktoplogo img, .centerlogo img { max-height: 42px; }
  .centerlogo img { max-height: 45px; }
  .scroll .centerlogo img { max-height: 22px; }

  .centered-menu .menu { padding: 0; background-color: #b3a594;}
  .tra-menu.tra-menu-wide .mainfull { padding: 30px 0; }

  .menu > .menu-list > li > .megamenu.w-75 { width: 90%!important; left: 8%; }
  .menu > .menu-list > li > .megamenu.halfmenu { width: 42%; }

  .menu > .menu-list > li > a { font-size: 1.4rem; margin: 0 4px; padding: 10px 13px; }
  .centered-menu .menu > .menu-list > li > a { font-size: 1.4rem; margin: 0 2px; padding: 10px 8px; }
  .centered-menu .menu > .menu-list > li.centerlogo > a { margin: 0; padding: 10px 0; }

  .menu > .menu-list > li a.btn {font-size: 1.4rem;line-height: 30px;margin-top: 14px;margin-left: 8px;padding: 4px 10px 3px;}

  .menu > .menu-list > li > ul.sub-menu > li > a, .menu > .menu-list > li > .megamenu .link-list li a,
  .menu > .menu-list > li > .megamenu.w-75 ul.link-list > li > a,
  .menu > .menu-list > li > .megamenu.halfmenu ul.link-list > li > a { font-size: 0.8rem; }
  .megamenu .post-summary a { font-size: 0.8rem; }

  /*------------------------------------------*/
  /*  HERO
  /*------------------------------------------*/

  /* Hero-3 */
  #hero-3 { padding-top: 165px; padding-bottom: 115px; } 

  .hero-3-txt h2 { font-size: 3.85rem; margin-bottom: 5px; }
  .hero-3-txt p { font-size: 1.45rem; margin-bottom: 25px; }

  /*------------------------------------------*/
  /*  NAVIGATION MENU    
  /*------------------------------------------*/

  .headtoppart { display: none; }
  .centered-menu .menu { padding: 0; background-color: #b3a594;}
  .centered-menu .menu > .menu-list { display: block; }
  .centered-menu .menu > .menu-list > li { text-align: center;  /*display: block;*/ float: none; } 
  .menu > .menu-list > li.centerlogo { display: none; }

  .menu > .menu-list > li.mg_link:hover > a:after { display: none; }

  .menu > .menu-list > li > .menu-click { height: 64px; }

  .menu > .menu-list > li > a { font-size: 0.95rem; padding: 7px 32px 6px 20px; margin: 0; }
  .tra-menu .menu > .menu-list > li > a, .dark-menu .menu > .menu-list > li > a { color: #F8F9FA; }
  .menu > .menu-list > li > .menu-click > i { margin: 23px 18px 0px 0px; }
  .menu > .menu-list > li .menu-click.-activearrow > i { transform: rotate(-45deg); margin-top: 28px; }
  .menu > .menu-list > li > .menu-click > i { height: 10px; width: 10px; }

  .menu > .menu-list > li > ul.sub-menu > li > a:before,
  .menu > .menu-list > li > .megamenu .link-list li a:before,
  .menu > .menu-list > li > .megamenu.w-75 .link-list > li > a:before,
  .menu > .menu-list > li > .megamenu.halfmenu .link-list > li > a:before { font-size: 1.05rem; left: 5px; top: 14px; }

  .menu > .menu-list > li > ul.sub-menu > li > a:hover:before,
  .menu > .menu-list > li > .megamenu .link-list li a:hover:before,
  .menu > .menu-list > li > .megamenu.w-75 .link-list > li > a:hover:before, 
  .menu > .menu-list > li > .megamenu.halfmenu .link-list > li > a:hover:before { left: 17px; }

  .menu > .menu-list > li > .megamenu.w-75 { width: 100%; left: 0; }
  .menu > .menu-list > li > .megamenu.halfmenu { width: 100%; }    

  .menu > .menu-list > li > ul.sub-menu > li > a,
  .menu > .menu-list > li > .megamenu .link-list li a,
  .menu > .menu-list > li > .megamenu.w-75 ul.link-list > li > a,
  .menu > .menu-list > li > .megamenu.halfmenu ul.link-list > li > a { color: #F8F9FA; font-size: 0.9rem; padding: 12px 0; }

  .menu > .menu-list > li > ul.sub-menu > li > a:hover,
  .menu > .menu-list > li > .megamenu .link-list li a:hover,
  .menu > .menu-list > li > .megamenu.w-75 ul.link-list > li > a:hover,
  .menu > .menu-list > li > .megamenu.halfmenu ul.link-list > li > a:hover { 
    background-color: transparent; 
    padding: 12px 0 12px 8px; 
    text-decoration: none; 
  }

  .menu > .menu-list > li > .megamenu .link-list li.fst-li > a { padding: 0 0 12px; }
  .menu > .menu-list > li > .megamenu .link-list li a:hover { padding: 12px 0 12px 4px; }
  .menu > .menu-list > li > .megamenu .link-list li.fst-li a:hover {padding: 0 0 12px 4px; }

  .menu > .menu-list > li > .megamenu.w-75 .title p,
  .menu > .menu-list > li > .megamenu.halfmenu .title p { display: block; font-size: 0.95rem; margin: 0 0 5px 0; }
  .menu > .menu-list > li > .megamenu .title { font-size: 1.1rem; padding: 0; }

  .menu > .menu-list > li a.btn { 
    height: 60px; 
    font-size: 0.95rem;
    line-height: 60px; 
    padding: 0 17px; 
    margin: 0;
    border: none;
    -webkit-border-radius: 0; 
    -moz-border-radius: 0; 
    border-radius: 0; 
  }

  .menu > .menu-list > li a.btn.btn-tra-white { background-color: #eee; border-color: #eee; color: #F8F9FA; }
  .mobileheader .smllogo { display: block; margin-top: 19px; padding-left: 0; }
  .smllogo img { width: auto; max-width: inherit; max-height: 23px; }

  .menu > .menu-list > li > ul.sub-menu, 
  .menu > .menu-list > li > .megamenu.w-75,
  .menu > .menu-list > li > .megamenu.halfmenu { top: 5px; -webkit-border-radius: 0; -moz-border-radius: 0; 
  -o-border-radius: 0; -webkit-box-shadow: 0 0; -moz-box-shadow: 0 0; box-shadow: 0 0; border-bottom: 1px solid #ddd; }
  .menu > .menu-list > li > ul.sub-menu:before, .menu > .menu-list > li > .megamenu.w-75:before,
  .menu > .menu-list > li > .megamenu.halfmenu:before { display: none; }

 /*------------------------------------------*/
  /*  NAVIGATION MENU    
  /*------------------------------------------*/

  .headtoppart { display: none; }
  .centered-menu .menu { padding: 0; background-color: #b3a594;}
  .centered-menu .menu > .menu-list { display: block; }
   .centered-menu .menu > .menu-list > li { text-align: center; /*display: block;*/ float: none; } 
  .menu > .menu-list > li.centerlogo { display: none; }

  .mobileheader { height: 106px; text-align: center; box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); } 
  .tra-menu .mobileheader, .white-menu .mobileheader { background-color: #F8F9FA; }
  .dark-menu .mobileheader { background-color: #1d293f; }

  .callusbtn { left: 0; top:0; padding: 14px 0 14px 0; margin: 14px 0 0 28px; }
  .menu > .menu-list > li > a.callusbtn { font-size: 10px; }
  .callusbtn.ico-20 [class^="flaticon-"]:before, .callusbtn.ico-20 [class^="flaticon-"]:after { 
    font-size: 1.45rem; line-height: 1; 
  }

  .animated-arrow { padding: 14px 22px 14px 0px; margin: 24px 28px 0 0; }
  .animated-arrow span:before { top: -8px; width: 26px; }
  .animated-arrow span:after { bottom: -8px; width: 20px; }

  .dark-menu .animated-arrow span, .dark-menu .animated-arrow span:before, 
  .dark-menu .animated-arrow span:after { background: #eee; }

  .active .animated-arrow span:before, .active .animated-arrow.active span:after { width: 28px; top: 0; }
  .active .animated-arrow span:after { width: 28px; top: 0; }
  .active .animated-arrow span { background: transparent; }

  .menu > .menu-list > li.mg_link:hover > a:after { display: none; }

  .menu > .menu-list > li > .menu-click { height: 64px; }

  .menu > .menu-list > li > a { font-size: 0.95rem; padding: 7px 32px 6px 20px; margin: 0; }
  .tra-menu .menu > .menu-list > li > a, .dark-menu .menu > .menu-list > li > a { color: #F8F9FA; }
  .menu > .menu-list > li > .menu-click > i { margin: 23px 18px 0px 0px; }
  .menu > .menu-list > li .menu-click.-activearrow > i { transform: rotate(-45deg); margin-top: 28px; }
  .menu > .menu-list > li > .menu-click > i { height: 10px; width: 10px; }

  .menu > .menu-list > li > ul.sub-menu > li > a:before,
  .menu > .menu-list > li > .megamenu .link-list li a:before,
  .menu > .menu-list > li > .megamenu.w-75 .link-list > li > a:before,
  .menu > .menu-list > li > .megamenu.halfmenu .link-list > li > a:before { font-size: 1.05rem; left: 5px; top: 14px; }

  .menu > .menu-list > li > ul.sub-menu > li > a:hover:before,
  .menu > .menu-list > li > .megamenu .link-list li a:hover:before,
  .menu > .menu-list > li > .megamenu.w-75 .link-list > li > a:hover:before, 
  .menu > .menu-list > li > .megamenu.halfmenu .link-list > li > a:hover:before { left: 17px; }

  .menu > .menu-list > li > .megamenu.w-75 { width: 100%; left: 0; }
  .menu > .menu-list > li > .megamenu.halfmenu { width: 100%; }    

  .menu > .menu-list > li > ul.sub-menu > li > a,
  .menu > .menu-list > li > .megamenu .link-list li a,
  .menu > .menu-list > li > .megamenu.w-75 ul.link-list > li > a,
  .menu > .menu-list > li > .megamenu.halfmenu ul.link-list > li > a { color: #F8F9FA; font-size: 0.9rem; padding: 12px 0; }

  .menu > .menu-list > li > ul.sub-menu > li > a:hover,
  .menu > .menu-list > li > .megamenu .link-list li a:hover,
  .menu > .menu-list > li > .megamenu.w-75 ul.link-list > li > a:hover,
  .menu > .menu-list > li > .megamenu.halfmenu ul.link-list > li > a:hover { 
    background-color: transparent; 
    padding: 12px 0 12px 8px; 
    text-decoration: none; 
  }

  .menu > .menu-list > li > .megamenu .link-list li.fst-li > a { padding: 0 0 12px; }
  .menu > .menu-list > li > .megamenu .link-list li a:hover { padding: 12px 0 12px 4px; }
  .menu > .menu-list > li > .megamenu .link-list li.fst-li a:hover {padding: 0 0 12px 4px; }

  .menu > .menu-list > li > .megamenu.w-75 .title p,
  .menu > .menu-list > li > .megamenu.halfmenu .title p { display: block; font-size: 0.95rem; margin: 0 0 5px 0; }
  .menu > .menu-list > li > .megamenu .title { font-size: 1.1rem; padding: 0; }

  .menu > .menu-list > li a.btn { 
    height: 60px; 
    font-size: 0.95rem;
    line-height: 60px; 
    padding: 0 17px; 
    margin: 0;
    border: none;
    -webkit-border-radius: 0; 
    -moz-border-radius: 0; 
    border-radius: 0; 
  }

  .menu > .menu-list > li a.btn.btn-tra-white { background-color: #eee; border-color: #eee; color: #F8F9FA; }
  .mobileheader .smllogo { display: block; margin-top: 19px; padding-left: 0; }
  .smllogo img { width: auto; max-width: inherit; max-height: 18px; }

  .menu > .menu-list > li > ul.sub-menu, 
  .menu > .menu-list > li > .megamenu.w-75,
  .menu > .menu-list > li > .megamenu.halfmenu { top: 5px; -webkit-border-radius: 0; -moz-border-radius: 0; 
  -o-border-radius: 0; -webkit-box-shadow: 0 0; -moz-box-shadow: 0 0; box-shadow: 0 0; border-bottom: 1px solid #ddd; }
  .menu > .menu-list > li > ul.sub-menu:before, .menu > .menu-list > li > .megamenu.w-75:before,
  .menu > .menu-list > li > .megamenu.halfmenu:before { display: none; }

  /*------------------------------------------*/
  /*  NAVIGATION MENU    
  /*------------------------------------------*/

  .callusbtn { left: 0; top:0; padding: 14px 0 14px 0; margin: 15px 0 0 15px; }
  .callusbtn.ico-20 [class^="flaticon-"]:before, .callusbtn.ico-20 [class^="flaticon-"]:after { font-size: 1.45rem; }
  .animated-arrow { padding: 14px 22px 14px 0px; margin: 24px 18px 0 0; }

  .menu > .menu-list { width: 345px; margin-right: -345px; }
  .active .mobileheader { margin-right: 345px; }
  .overlapblackbg { width: calc(100% - 345px); }

  .menu > .menu-list > li > a, .menu > .menu-list > li a.btn { font-size: 0.925rem; }
  .menu > .menu-list > li > ul.sub-menu > li > a, .menu > .menu-list > li > .megamenu .link-list li a,
  .menu > .menu-list > li > .megamenu.w-75 ul.link-list > li > a,
  .menu > .menu-list > li > .megamenu.halfmenu ul.link-list > li > a { font-size: 0.875rem; }

  .mobileheader .smllogo { display: block; margin-top: 0; }
  .smllogo img { width: auto; max-width: inherit; max-height: 22px; }

  /*------------------------------------------*/
  /*  NAVIGATION MENU    
  /*------------------------------------------*/

  .callusbtn { left: 0; top: 0; padding: 14px 0 14px 0; margin: 15px 0 0 15px; }
  .callusbtn.ico-20 [class^="flaticon-"]:before, .callusbtn.ico-20 [class^="flaticon-"]:after { font-size: 1.45rem; }
  .animated-arrow { padding: 14px 22px 14px 0px; margin: 24px 18px 0 0; }

  .menu > .menu-list { width: 300px; margin-right: -300px; }
  .active .mobileheader { margin-right: 300px; }
  .overlapblackbg { width: calc(100% - 300px); }

  .menu > .menu-list > li > a, .menu > .menu-list > li a.btn { font-size: 0.925rem; }
  .menu > .menu-list > li > ul.sub-menu > li > a, .menu > .menu-list > li > .megamenu .link-list li a,
  .menu > .menu-list > li > .megamenu.w-75 ul.link-list > li > a,
  .menu > .menu-list > li > .megamenu.halfmenu ul.link-list > li > a { font-size: 0.875rem; }
  .smllogo img { width: auto; max-width: inherit; max-height: 22px; }

  /*------------------------------------------*/
  /*  NAVIGATION MENU    
  /*------------------------------------------*/

  .callusbtn { left: 0; top:0; padding: 14px 0 0 0; margin: 15px 0 0 13px; }
  .callusbtn.ico-20 [class^="flaticon-"]:before, .callusbtn.ico-20 [class^="flaticon-"]:after { font-size: 1.35rem; }
  .animated-arrow { padding: 14px 22px 14px 0px; margin: 24px 15px 0 0; }

  .menu > .menu-list { width: 270px; margin-right: -270px; }
  .active .mobileheader { margin-right: 270px; }
  .overlapblackbg { width: calc(100% - 270px); }

  .menu > .menu-list > li > a, .menu > .menu-list > li a.btn { font-size: 0.925rem; }
  .menu > .menu-list > li > ul.sub-menu > li > a, .menu > .menu-list > li > .megamenu .link-list li a,
  .menu > .menu-list > li > .megamenu.w-75 ul.link-list > li > a,
  .menu > .menu-list > li > .megamenu.halfmenu ul.link-list > li > a { font-size: 0.875rem; }
  .smllogo img { width: auto; max-width: inherit; max-height: 22px; }

  /* Breadcrumb */
  .breadcrumb-item { font-size: 0.75rem!important; }
  .breadcrumb-item + .breadcrumb-item::before { font-size: 1.1rem; padding-right: 12px; margin-top: -4px; }
  .breadcrumb-item + .breadcrumb-item { padding-left: 15px; }

  /* Scroll Up */
  #scrollUp { width: 34px; height: 34px; bottom: 10px; right: 5px; }

}