@media only screen and (max-width: 1024px) {
.vc_grid-item.blog .vc_gitem-post-data-source-post_date{
display: none;
}
.stm_post_details ul li.post_cat{
clear: both;
margin: 0;
}
.stm_post_details ul li.post_cat:before{
display: none;
}
.header_socials{
margin: 0 0 0 40px;
}
#wrapper{
padding-bottom: 0 !important;
}
#footer{
position: relative;
width: auto;
bottom: auto;
}
.contact_col aside.widget{
padding-top: 38px !important;
padding-bottom: 30px !important;
}
.top_nav .top_nav_wrapper > ul,
.top_nav .main_menu_nav > ul{
padding: 0 20px;
}
.icon_button{
font-size: 10px;
}
.top_bar .top_bar_info li:before{
margin: 0 15px;
}
}
@media only screen and (max-width: 960px) {
.header_socials{
margin: 0 0 0 10px;
}
.top_nav .icon_text{
display: none;
}
.vc_column_container.left_column{
padding-right: 15px !important;
}
.header_top .icon_text{
margin: 5px 0 0 10px;
}
.vc_column_container.right_column{
padding-left: 15px !important;
}
.vc_column_container.center_column{
padding-left: 15px !important;
padding-right: 15px !important;
}
}
@media only screen and (max-width: 768px) {
body .vc_call_to_action{
padding: 16px 30px 15px 30px;
}
.projects_tabs h2{
float: none;
margin: 0 0 30px;
}
.projects_tabs .tabs{
float: none;
margin: 0;
}
#header .header_top,
#header .top_nav
{
display: none;
}
.mobile_header{
display: block;
}
.mobile_header .header_socials{
margin: 0;
float: right;
}
.mobile_header #stm_wpml_lang_switcher{
float: left;
margin: 0;
padding: 9px 0 7px;
}
.mobile_header #stm_wpml_lang_switcher ul{
top: -15px;
padding: 55px 25px 8px 20px;
}
.mobile_header .mobile_header_top_bar{
background: #eeeeee;
padding: 4px 23px;
}
.mobile_header .header_socials a,
.mobile_header .header_socials a:first-child
{
margin: 5px 30px 5px 0;
}
.mobile_header .header_socials a:last-child{
margin: 0;
}
.mobile_header .logo_wrapper{
position: relative;
background: #fff;
padding: 30px 23px;
}
.mobile_header .logo_wrapper .logo{
float: left;
}
.mobile_header .header_info{
background: #3f3f3f;
padding: 0 28px;
}
.mobile_header .icon_texts{
padding: 20px 0;
}
.mobile_header .header_info .icon_text{
padding: 0;
color: #aaaaaa;
display: inline-block;
vertical-align: top;
margin-right: 70px;
}
.mobile_header .header_info .icon_text:last-child{
margin: 0;
}
.mobile_header .header_info .icon_text .text strong,
.mobile_header .header_info .icon_text .text strong a
{
color: #fff;
font-size: 15px;
}
.mobile_header .header_info .icon_text .text span{
font-size: 13px;
}
.icon_text .text{
float: left;
}
.mobile_header .header_info .icon_text .icon{
width: 32px;
margin: 0;
}
#menu_toggle{
position: relative;
cursor: pointer;
float: right;
width: 26px;
height: 23px;
padding: 20px 0;
}
#menu_toggle button{
position: absolute;
left: 0;
top: 50%;
background: #3f3f3f;
height: 5px;
margin: 0;
padding: 0;
border: none;
width: 100%;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
outline: none !important;
}
#menu_toggle button:before{
content: '';
position: absolute;
left: 0;
top: -9px;
width: 26px;
height: 5px;
background: #3f3f3f;
-webkit-transform-origin: 1.5px center;
-moz-transform-origin: 1.5px center;
-o-transform-origin: 1.5px center;
transform-origin: 1.5px center;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
#menu_toggle button:after{
content: '';
position: absolute;
left: 0;
bottom: -9px;
width: 26px;
height: 5px;
background: #3f3f3f;
-webkit-transform-origin: 1.5px center;
-moz-transform-origin: 1.5px center;
-o-transform-origin: 1.5px center;
transform-origin: 1.5px center;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
#menu_toggle.open button{
background: transparent;
}
#menu_toggle.open button:before{
top: 0;
-webkit-transform: rotate3d(0,0,1,-45deg);
-moz-transform: rotate3d(0,0,1,-45deg);
-o-transform: rotate3d(0,0,1,-45deg);
transform: rotate3d(0,0,1,-45deg);
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
#menu_toggle.open button:after{
bottom: 0;
-webkit-transform: rotate3d(0,0,1,45deg);
-moz-transform: rotate3d(0,0,1,45deg);
-o-transform: rotate3d(0,0,1,45deg);
transform: rotate3d(0,0,1,45deg);
transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.mobile_header .top_nav_mobile{
margin: 0 -28px 10px;
display: none;
}
.mobile_header .top_nav_mobile .main_menu_nav{
padding: 0;
margin: 0;
}
.mobile_header .top_nav_mobile .main_menu_nav li{
position: relative;
list-style: none;
}
.mobile_header .top_nav_mobile .main_menu_nav > li > a{
padding: 17px 30px 17px 40px;
display: block;
font-size: 16px;
color: #cccccc;
text-transform: uppercase;
font-weight: 900;
}
.mobile_header .top_nav_mobile .main_menu_nav > li:hover{
background: #333;
}
.mobile_header .top_nav_mobile .main_menu_nav > li.menu-item-has-children .arrow{
position: absolute;
display: block;
right: 10px;
top: 0px;
color: #aaaaaa;
cursor: pointer;
padding: 20px 20px 15px;
-webkit-transition: transform 0.2s, top 0.2s;
-moz-transition: transform 0.2s, top 0.2s;
-ms-transition: transform 0.2s, top 0.2s;
-o-transition: transform 0.2s, top 0.2s;
transition: transform 0.2s, top 0.2s;
}
.mobile_header .top_nav_mobile .main_menu_nav > li.menu-item-has-children > .sub-menu > li.menu-item-has-children .arrow{
padding: 10px 20px 12px;
}
.mobile_header .top_nav_mobile .main_menu_nav > li.menu-item-has-children .arrow.active{
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
top: 5px;
}
.mobile_header .top_nav_mobile .main_menu_nav > li{
border-bottom: 1px solid #5e5e5e;
}
.mobile_header .top_nav_mobile .main_menu_nav ul{
margin: -8px 0 10px 51px;
padding: 0;
display: none;
}
.mobile_header .top_nav_mobile .main_menu_nav ul li a{
font-size: 16px;
color: #fff;
font-weight: 400;
padding: 10px 0;
display: block;
}
.mobile_header .top_nav_mobile .main_menu_nav ul li:active > a{
color: #dac725;
}
.mobile_header .top_nav_mobile .main_menu_nav li.current_page_item > a,
.mobile_header .top_nav_mobile .main_menu_nav > li.current_page_item.menu-item-has-children > .arrow,
.mobile_header .top_nav_mobile .main_menu_nav li.current-menu-parent > a,
.mobile_header .top_nav_mobile .main_menu_nav li.current-menu-ancestor > a,
.mobile_header .top_nav_mobile .main_menu_nav > li.current-menu-parent.menu-item-has-children > .arrow,
.mobile_header .top_nav_mobile .main_menu_nav > li.current-menu-ancestor.menu-item-has-children > .arrow,
.mobile_header .top_nav_mobile .main_menu_nav > li.current-menu-parent.menu-item-has-children > .sub-menu > li.current-menu-item.menu-item-has-children > .arrow,
.mobile_header .top_nav_mobile .main_menu_nav > li.current-menu-ancestor.menu-item-has-children > .sub-menu > li.current-menu-parent.menu-item-has-children > .arrow
{
color: #dac725;
}
.footer_widgets_wrapper .widgets.cols_4 aside{
width: 50%;
}
.vc_row.construction_slider .ls-container{
margin-top: -60px !important;
}
.posts_grid .post_date{
display: none;
}
.page_404{
text-align: center;
}
.page_404 h2:before{
display: none;
}
.page_404 strong{
margin-top: 250px;
}
.contact_col aside.widget{
padding-top: 70px !important;
padding-bottom: 44px !important;
}
.entry-header{
margin-top: -60px;
}
body.header_style_transparent .icon_text .text strong,
body.header_style_transparent .header_top .icon_text span,
body.header_style_transparent .header_socials a{
color: #aaa;
}
body.header_style_transparent #header{
height: auto;
}
body.header_style_transparent #header:before{
display: none;
}
.top_bar{
display: none;
}
body.header_style_dark .logo, body.header_style_white .logo{
margin: 0 !important;
}
body.mobile_header_style_white .mobile_header .logo_wrapper{
background: #3f3f3f;
}
body.mobile_header_style_white .mobile_header .header_info{
background: #fff;
}
body.mobile_header_style_white #menu_toggle button,
body.mobile_header_style_white #menu_toggle button:before,
body.mobile_header_style_white #menu_toggle button:after
{
background: #fff;
}
body.mobile_header_style_white #menu_toggle.open button{
background: transparent;
}
body.mobile_header_style_white .mobile_header .header_info .icon_text .text strong,
body.mobile_header_style_white .mobile_header .header_info .icon_text .text strong a{
color: #3f3f3f;
}
body.mobile_header_style_white .mobile_header .top_nav_mobile .main_menu_nav > li > a{
color: #3f3f3f;
}
body.mobile_header_style_white .mobile_header .top_nav_mobile .main_menu_nav li.current_page_item > a,
body.mobile_header_style_white .mobile_header .top_nav_mobile .main_menu_nav > li.current_page_item.menu-item-has-children .arrow,
body.mobile_header_style_white .mobile_header .top_nav_mobile .main_menu_nav li.current-menu-parent > a,
body.mobile_header_style_white .mobile_header .top_nav_mobile .main_menu_nav > li.current-menu-parent.menu-item-has-children .arrow
{
color: #dac725;
}
body.mobile_header_style_white .mobile_header .top_nav_mobile .main_menu_nav > li{
border-bottom: 1px solid #ccc;
}
body.mobile_header_style_white .mobile_header .top_nav_mobile .main_menu_nav > li:hover{
background: #fff;
}
body.mobile_header_style_white .mobile_header .top_nav_mobile .main_menu_nav ul li a{
color: #777;
}
body.mobile_header_style_white .mobile_header .top_nav_mobile .main_menu_nav > li > a:hover{
color: #dac725;
}
}
@media only screen and (max-width: 667px) {
body .vc_call_to_action.vc_cta_btn_pos_right .vc_button-2-wrapper{
float: none;
margin: 0 0 20px;
}
body .vc_call_to_action{
padding-top: 25px;
text-align: center;
}
.posts_grid > ul > li{
width: 50%;
}
.stm_post_details ul li{
float: none;
}
.stm_post_details ul li.post_by{
clear: both;
margin: 0;
}
.stm_post_details ul li.post_by:before{
display: none;
}
.stm_share{
text-align: left;
margin: 10px 0;
}
#header{
margin-bottom: 15px;
}
.page_404 strong{
font-size: 100px;
margin-top: 20px;
line-height: 100px;
}
.mobile_header .header_info .icon_text{
display: block;
margin: 0 0 17px;
}
.project_grid .project,
.project_grid_wrapper.col_2 .project_grid .project,
.project_grid_wrapper.col_4 .project_grid .project,
.project_grid_wrapper.col_5 .project_grid .project
{
width: 50%;
}
.project_grid_wrapper.col_1 .project_grid .project{
width: 100%;
}
.project_grid_filter ul li{
margin: 1px 10px 10px 0
}
.vacancy_table td,
.vacancy_table th{
padding-left: 8px;
padding-right: 8px;
}
body.header_transparent.header_style_transparent #header{
position: relative;
left: auto;
top: auto;
height: auto;
margin-bottom: 0;
}
.entry-header .entry-title-right,
.entry-header .entry-title-left,
.entry-header.small .entry-title-left,
.entry-header.small .entry-title-right
{
float: none;
height: auto;
margin: 0 0 20px;
}
.entry-header .entry-title-right,
.entry-header.small .entry-title-right
{
margin-bottom: 30px;
}
.entry-header{
margin-top: -15px;
}
.prev_next_post a{
margin: 0 12px 0 0;
}
.entry-header .entry-title-right .button{
margin: 0 10px 0 0;
}
}
@media only screen and (max-width: 480px) {
.footer_widgets_wrapper .widgets.cols_3 aside,
.footer_widgets_wrapper .widgets.cols_4 aside{
width: 100%;
}
.posts_grid > ul > li{
width: 100%;
}
.posts_grid .post_date{
display: inline-block;
}
.stm_post_details .comments_num{
clear: both;
float: none;
}
.stm_post_details ul li.post_date,
.stm_post_details ul li.post_by,
.stm_post_details ul li.post_cat
{
margin: 0 0 10px;
}
.ls-l.mobile_remove{
display: none !important;
}
.page_404 strong{
margin-top: 100px;
}
.stm_post_details ul {
width: auto;
}
.stm_post_details .comments_num {
text-align: left;
width: auto;
}
.vacancy_table_wr{
overflow-x: auto;
padding-bottom: 20px;
}
.vc_grid-item.blog{
margin: 0 0 40px;
}
.our_partners .logo{
float: none;
margin: 0 0 30px;
display: inline-block;
}
}
@media only screen and (max-width: 320px) {
}