.mobile-navi, .mobile-navi-bg, .mobile-join  { display: none; }
.pushmenu { background: #00a0a0; width: 240px; height: 100%; top: 0; z-index: 1000; position:fixed; overflow-x: scroll; }
.pushmenu::-webkit-scrollbar { display: none; }
.pushmenu-left { left: -240px; }
.pushmenu-left.pushmenu-open { left: 0; }
.pushmenu-push { overflow-x: hidden; position: relative; left: 0; }
.pushmenu-push-toright { left: 240px; }
.pushmenu, .pushmenu-push { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;  transition: all 0.3s ease;  }

@media (min-width: 1700px) { 
.slide-img { height: 300px !important; }
}
@media (max-width: 1200px) { 
.main-coll { width: 708px; }
.navi-list { margin-top: 0; }
.navi-list li { width: 129px !important; }
.navi-list li a { font-size: 9px; }
.procedures-tabs-list li.ui-state-default { width: 250px; }
.about-coll-1, .about-coll-2 { width: 475px !important; }
.about-opinions { padding-right: 5px; border: 0; }
.about-coll-3 { margin: 25px 0 0 0; width: 100% !important; }
.projects-list > li { width: 310px; }
.project-box { min-height:285px; }
}

@media all and (min-width: 992px) { 
.topmenu.minimal { position: fixed; top: 0; left: 0; width: 100%; z-index: 500; }
.admin-bar .topmenu.minimal { top: 30px; }
}

@media (max-width: 992px) { 
.sidebar, .main-coll { float: none; width: 100%; margin-bottom: 35px; }
.colls:after { display: none; }
.tenderd-colls { margin-top: 15px; }
.side-menu { display: none; }
.side-box { padding: 0; }
.main-coll { padding-left: 0; }
.navi-list { margin-top: 0; margin-bottom: 15px; }
.navi-list li { width: 142px !important; }
.procedures-tabs-list li.ui-state-default  { width: 220px; margin-right: 15px !important; }
.procedures-tabs-list li a { font-size: 12px; height: 65px; }
.footer-menu { width: 100%; text-align: center; }
.footer-menu li { float: none; display: inline-block; margin: 0 7px; }
.footer-left, .footer-right { float: none; width: 100%; text-align: center; }
.footer .tels, .footer .email { display: inline-block; }
.footer .tels { margin-left: 20px; }
.menu .menu-menyu-container { display: none; }
.slider-main-leftsl, .slider-main-rightsl { display: none; }
.slider-main-centersl { float: none; width: 70% !important; margin: 0 auto; }
.mobile-navi-button { margin-top: 7px; }
.mobile-navi-button span { cursor: pointer; display: block !important; width: 38px; height: 32px; line-height: 35px; color: #ffffff; text-transform: uppercase; padding-left: 55px; }
.mobile-navi-button span.hide { background: url("../images/mobile-menu-button.png") center center no-repeat; }
.mobile-navi-button span.show { background: url("../images/mobile-menu-button-close.png") center center no-repeat; }
.mobile-navi-button span:hover { opacity: 0.80; }
.pushmenu ul, .pushmenu li { list-style: none; padding: 0; margin: 0; }
.pushmenu li a, .pushmenu li span { display: block; background: #00a0a0; padding: 8px 15px; color: #ffffff; font-size: 13px; text-transform: uppercase; border-top: 1px solid rgba(255,255,255,0.40); }
.pushmenu li a:hover, .pushmenu li.current-menu-item a, .pushmenu li.current-post-ancestor a, .pushmenu li.current-menu-parent a, .pushmenu li.current-post-parent a, .menu li.current-page-ancestor a { background: #ee2e24; text-decoration: none; }
.body-wrapper-container { padding-bottom: 40px; }
.tender-info, .tender-info li { text-align: center; }
.tender-info .tb, .tender-info .tr, .tender-info .td { display: block; }
.about-coll-1, .about-coll-2 { width: 100% !important; margin-bottom: 35px; margin-left: 0; }
.about-coll-2 { margin-bottom: 15px; }
.about-coll-3 { margin-top: 0; }
.projects-list > li { width: 100%; margin-bottom: 20px; min-height: 100%; }
.project-box { min-height: 100%; }
.sf-filter { position: static; width: 100%; }


}

@media all and (max-width: 768px) { 
.project-box, .join-box { background-attachment: scroll !important; background-size: cover !important; }
.about-corphistory .video { display: none; }
.about-corphistory .mobile-corphistory { display: block; }
.container { padding-left: 15px; padding-right: 15px; }
.slider-main-centersl { width: 90% !important; }
.join-btn { padding: 12px 30px; font-size: 12px; }
.td.item-info h2, .td.item-info h2 a { font-size: 13px; line-height: 15px; }
.calendar-list .item-date strong { font-size: 17px; }
.navi-list li { width: 100% !important; float: none !important; margin-bottom: 5px !important; }
.navi-list li a { height: auto; padding: 8px 15px !important; font-size: 13px; }
.tenderd-colls .items-list, .items-list .tr, .items-list .td { display: block; }
.tenderd-colls .item-img { margin: 0 auto 15px auto; }
.tenderd-colls .item-info { text-align: center; }
.tenderd-colls .item-info .times { display: inline-block; }
.tenderd-colls .item-prices { margin-bottom: 10px; }
.tenderd-colls .item-types { width: 100%; text-align: center; }
.tenderd-colls .item-types ul { position: static; height: auto; padding: 0; border: 0; margin: 0; }
.tenderd-colls .item-types ul li { display: inline-block; margin: 0 5px 5px 5px; }
.tenderd-colls .item-img a { border-color: #e6e6e6; }
.procedures-list, .procedures-list li.tr, .procedures-list li .td { display: block; width: 100%; padding: 0; }
.procedures-list li .td { padding-bottom: 15px; margin-bottom: 15px; }
.procedures-tabs-list li.ui-state-default { float: none; width: 100%; margin-bottom: 6px; padding: 0; }
.procedures-tabs-list li a { height: auto; padding: 6px 15px; text-align: center;}
.procedures-tab .left, .procedures-tab .right { width: 100%; float: none; }
.etaps-list, .etaps-list li, .etaps-list  .td { display: block; width: 100%; text-align: center; }
.etaps-list  .td { padding-left: 0; padding-right: 0; }
.etap-img { border: 0 !important; }
.etap-img img { max-width: 220px; }
}

@media all and (max-width: 523px) { 
.title strong, .title .truetitle { font-size: 20px; line-height: 25px; }
.about-corphistory * { font-size: 13px; }
.logo, .logo-slogan { float: none; width: 100%; margin: 0; text-align: center; display: block; }
.logo { margin-bottom: 15px; }
.calendar-list .item-date { font-size: 10px; }
.calendar-list .item-types ul { padding-left: 10px; }
.calendar-list .item-info h2 { margin: 0 10px; }
.slider-main-centersl { width: 100% !important; }
.load-more span, .call-form span { font-size: 12px; padding: 12px 20px; }
.footer .tels, .footer .email { margin: 4px 10px; }
.footer-right  { margin-top: 15px; }
.title strong { font-size: 18px; line-height: 23px; }
.ao-numbers strong { font-size: 20px; line-height: 20px; }
.ao-title-box { font-size: 12px; }
.search-box { width: 130px; }
}