@media all and (max-width: 1200px) {
  .container { width: 90%; }
}
@media screen and (min-device-width: 1024px) {
  .common-wrapper, .common-right { transition: all 0.3s ease-in-out 0s; }
  .fixed-wrapper.sticky { position: fixed; width: 100%; z-index: 1000; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
  .fixed-wrapper.sticky .common-wrapper { position: absolute; top: -36px; left: 0px; width: 100%; }
  .fixed-wrapper.sticky .common-right { position: absolute; top: 52px; right: 0px; z-index: 9999; }
  .fixed-wrapper.sticky .common-right ul li { border-left: 1px solid rgb(255, 255, 255); }
  .fixed-wrapper.sticky .logo { background-size: 35px auto; padding-left: 45px; font-size: 120%; min-height: 60px; padding-top: 10px; }
  .fixed-wrapper.sticky .header-wrapper { height: 70px; }
}
@media all and (max-width: 1023px) {
  .ico-responsive { display: none; }
  .footer-top-wrapper ul { display: block; }
  .footer-top-wrapper ul li { width: 33.33%; text-align: left; padding-bottom: 3px; }
  .footer-top-wrapper ul li::before { content: ""; }
  .logo { display: inline-block; float: none; }
  .main-menu > ul > li > a { padding: 12px 9px; }
}
@media all and (max-width: 940px) {
  .nav-wrapper { background: transparent none repeat scroll 0% 0%; height: inherit ! important; }
  .sitemap-el { position: absolute; top: 5px; right: 0px; }
  .bttn.bttn-sitemap { padding: 2px 3px ! important; border-radius: 0px; font-size: 85%; }
  .search-el { position: absolute; bottom: -36px; left: 0px; z-index: 100; margin: 0px; }
  .footer-bottom-container { text-align: center; }
  .footer-block { float: none; display: block; width: 100%; text-align: center; padding-bottom: 15px; border-bottom: 1px dashed rgb(66, 66, 66); margin-bottom: 15px; }
  .footer-block:last-child { margin: 0px; padding: 0px; border: medium none; }
  .flt-left { float: none ! important; display: inline-block; }
  .site-info { float: none ! important; display: inline-block; width: inherit; }
  .flt-right { float: none ! important; display: inline-block; }
  .ft-lan { float: none; display: block; text-align: center; }
  #nav { display: none; }
  .toggle-nav-bar { display: block ! important; position: absolute; top: 30px; right: 0%; text-align: center; }
  .toggle-nav-bar span { display: block; text-transform: uppercase; font-size: 61%; line-height: 20px; font-weight: 600; }
  .toggle-nav-bar .menu-icon { width: 25px; height: 20px; background: transparent url(d18315e36b5c6461130cb836f14edc24a014b6f1.png)  no-repeat scroll 0% 0%; }
  .nav-wrapper.sticky { position: fixed; top: 0px; left: 0px; z-index: 1000; height: 40px; width: 100%; }
  .search-el.sticky { position: fixed; top: 4px; left: 5%; z-index: 9999; height: 35px; }
  .container.nav-container { width: 100%; }
  #nav { position: absolute; top: 0px; left: 0px; width: 100%; z-index: 1000; max-height: 300px; overflow: auto; }
  #nav li { float: none; display: block; margin: 0px; padding: 0px; background: rgb(205, 205, 205) none repeat scroll 0% 0%; border-left: 0px none; border-bottom: 1px solid rgba(0, 0, 0, 0.1); position: relative; }
  .nav-wrapper ul ul { width: 100% ! important; }
  .nav-wrapper ul li a { padding: 0px 5% ! important; }
  .nav-wrapper ul ul { display: none; }
  .nav-wrapper ul li:hover ul { display: none ! important; }
  .nav-wrapper ul li.open ul { display: block ! important; position: inherit ! important; }
  .nav-wrapper ul li.open ul li a { background: rgb(154, 154, 154) none repeat scroll 0% 0% ! important; padding-left: 8% ! important; color: rgb(255, 255, 255); }
  .nav-wrapper ul li.open ul li:hover a { background: rgb(102, 102, 102) none repeat scroll 0% 0% ! important; }
  .nav-wrapper ul li.open ul li:last-child { border-bottom: 0px none ! important; }
  .sub-menu i { position: absolute; top: 12px; right: 5%; font-size: 18px; display: block; }
  .nav-wrapper ul li:hover a { background: rgb(179, 179, 179) none repeat scroll 0% 0% ! important; }
  #nav ul { margin-left: 0px ! important; }
  #nav li:hover > ul, #nav li.hover > ul, #nav a:focus + ul, #nav .hover a:focus { margin-left: 0px ! important; z-index: 100; }
  #nav ul a:focus { margin-left: 0px ! important; }
  #side_nav ul { margin-left: 0px; }
  #side_nav li:hover > ul, #side_nav li.hover > ul, #side_nav a:focus + ul, #side_nav .hover a:focus { margin-left: 0px ! important; z-index: 100; }
  #side_nav ul a:focus { margin-left: 0px ! important; }
  #nav li ul li a::before { content: ""; font-family: "FontAwesome"; font-size: 15px; margin-right: 13px; }
  .main-menu { display: none; }
  .megamenu-wraper .container { width: 100%; }
  .main-menu ul > li > a { display: block; width: 100%; padding: 10px; }
  .nav-item a .indicator { border-left: 1px solid rgba(0, 0, 0, 0.1); height: 40px; line-height: 43px; position: absolute; right: 0px; text-align: center; top: 0px; width: 60px; }
  .main-menu ul > li { position: relative; }
  .sub-nav { display: block; margin-top: 0px; padding: 0.5em 1em; position: inherit; top: 0px; }
  .sub-nav.col-3 ul, .sub-nav.col-2 ul, .sub-nav.col-4 ul, .sub-nav.col-5 ul, .sub-nav ul { width: 100%; display: block; }
  .main-menu ul > li { border-right: medium none; border-bottom: 1px solid rgba(0, 0, 0, 0.1); display: block; float: none; }
  .main-menu ul > li > a { color: rgb(237, 206, 107); }
  .main-menu {  }
  .main-menu > ul > li.active a, .main-menu > ul > li > a:focus, .main-menu > ul > li:hover > a, .main-menu > ul > li > a:hover { background: rgb(255, 255, 255) none repeat scroll 0% 0%; color: rgb(0, 0, 0) ! important; }
  div.sub-nav { background: rgba(0, 0, 0, 0.1) none repeat scroll 0% 0%; width: 100%; }
  .megamenu-wraper .container .showhide { display: block; }
  .sub-sub-nav { background: rgba(0, 0, 0, 0.1) none repeat scroll 0% 0%; }
  .sub-nav .sub-sub-nav ul { padding: 0px; }
  .nav-item .sub-nav-group li { border-bottom: 1px solid rgba(0, 0, 0, 0.1) ! important; }
  .sub-nav .sub-sub-nav ul li { border-bottom: 1px solid rgba(0, 0, 0, 0.1) ! important; background-position: 8px center ! important; padding-left: 15px; }
  .sub-nav .sub-sub-nav ul li:last-child { border: medium none ! important; }
  .sub-nav-group a .indicator { width: 40px; border-left: 1px solid rgba(0, 0, 0, 0.2); height: 36px; line-height: 36px; }
  .sub-sub-nav { display: none; }
  .nav-item > a { margin: 0px; }
  #main_menu .sub-nav ul li { border-bottom: 1px solid rgba(0, 0, 0, 0.1) ! important; }
}
@media all and (max-width: 767px) {
  .footer-sub-nav ul li { float: none; display: block; padding: 5px 0px ! important; margin: 0px; border-bottom: 0px none; border-right: 0px solid rgb(218, 218, 218); }
}
@media all and (max-width: 639px) {
  .toggle-nav-bar { top: 17px; }
  .logo { font-size: 100%; padding: 5px 0px 0px 50px; background-size: 16% auto; min-height: 56px; background-position: 0px 0px; }
  .common-left { float: none; text-align: center; border-bottom: 1px solid rgb(238, 238, 238); display: none; }
  .common-left ul { display: inline-block; height: 30px; }
  .common-right { display: block; text-align: left; position: inherit; }
  .common-right ul { text-align: center; display: inline-block; height: 30px; }
  .fixed-wrapper .logo { background-size: 35px auto; padding-left: 45px; font-size: 120%; min-height: 60px; padding-top: 10px; }
  .fixed-wrapper .header-wrapper { height: 70px; }
  .common-right ul li.ico-site-search { position: inherit; }
  .toggle-cont { right: inherit; left: 0px; width: 100%; }
  .search-drop input[type="text"] { width: 100%; }
  .copyright-content { margin: 0px; padding: 0px 0px 8px; float: none; display: block; text-align: center; }
  .logo-cmf { float: none; display: block; padding: 0px; border: 0px none; text-align: center; }
  .logo-cmf a { padding: 0px; border: 0px none; margin: 0px; }
  .footer-top-wrapper ul li { width: 50%; text-align: left; padding-bottom: 3px; }
  .font-controll, .high-contrast, .skip-cont { display: none; }
  .megamenu-wraper .showhide { top: -50px; }
  .megamenu-wraper .showhide { top: -52px ! important; }
}
@media all and (max-width: 500px) {
  .footer-top-wrapper ul li a { font-size: 80%; }
}
@media all and (max-width: 420px) {
  .top-left a { width: 27px; overflow: hidden; height: 27px; }
  .top-left a span { display: none; }
  .flex-direction-nav { display: none; }
}