.header-style-2 #navbar > ul > li > a, .header-style-3 #navbar > ul > li > a { padding: 25px 9px; } .site-header #navbar > ul > li > a { font-size: 16px; font-size: 0.84rem; } .header-style-2{ position: fixed; width: 100%; z-index: 4; } .header-style-2 #navbar > ul li a { color: #fff; } .header-style-2 .navigation .navbar-brand, .header-style-3 .navigation .navbar-brand { margin-top: 0px; } .site-header .navbar-header .open-btn { display: block; } .site-header .cart-search-contact { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; position: unset; right: unset; top: unset; } .recent-projects-s3 .projects-menu li a.current{ background-color: transparent; color: #cee002; text-decoration: underline; } .recent-projects-s3 .projects-menu li{ margin-top:0px; } .header-style-2 .topbar, .header-style-3 .topbar { padding: 10px 15px 0; border-bottom: none; float: left; } .site-header .navigation { background-color: #333; margin-bottom: 0; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0; padding: 15px 10px; } .navbar-brand>img { max-width: 125px!important; } .projects-menu > ul >li >a:hover{ background-color: transparent; color: #cee002; text-decoration: underline; }  .site-header .cart-search-contact > div + div { margin-left: 15px; } .header-style-2 #navbar, .header-style-3 #navbar { margin-right: 35%; } .site-header .cart-search-contact .fi:before { font-size: 22px; font-size: 1.46667rem; color: #fff; } .header-style-2 .topbar ul > li + li, .header-style-3 .topbar ul > li + li { margin-left: 20px; } .header-style-2 .topbar ul li, .header-style-3 .topbar ul li { font-size: 15px; font-size: 0.8rem; float: left; padding: 2px 0; color: #fff; line-height: 1em; } .site-header .navbar-header button { background-color: transparent; width: 45px; height: 35px; border: 0; padding: 5px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; outline: 0; position: absolute; left: 5px; top: 15px; z-index: 20; } .site-header .navbar-header button span { background-color: #fff; display: block; height: 2px; margin-bottom: 5px; } .recent-projects-s3 .projects-menu1 li a { font-size: 16px; font-size: 0.78667rem; text-transform: uppercase; color: #fff; padding: 15px 10px; border-radius: 45px; display: inline-block; } .recent-projects-s3 .projects-menu{ text-align: center; margin: 0 auto; } .recent-projects-s3{ background-color: transparent; } .recent-projects-s3 .projects-menu2 ul{ display: -webkit-box; overflow: -webkit-paged-x; } .recent-projects-s3 .projects-grids .grid { width: 25%; position: relative; overflow: hidden; } .icon-bar1{ background-color: #fff; display: block; height: 2px; margin-bottom: 5px; } .sticky-header{ display:none; } .main-menu { visibility: hidden; vertical-align: middle; position: fixed; top: 0px; right: 0; width: 0; height: 0; overflow: hidden; background: #445366; opacity: 0.9; -webkit-transition: all .5s cubic-bezier(0,1,.5,1); transition: all .5s cubic-bezier(0,1,.5,1); z-index: -1; } .main-menu.active { visibility: visible; width: 250px; height: 100%; position: fixed; z-index:3; overflow: auto; height: 100%; } .main-menu ul { position: relative; top: 5%; width: 100%; } .list-unstyled { padding-left: 0; list-style: none; } .main-menu ul > li > a { text-transform: uppercase; width: 100%; text-align: center; color: #FFF; display: block; padding: 10px; } .main-menu ul.list-unstyled > li > a { text-align: left; } .main-menu ul.sub-menu > li > a { text-align: left; padding: 10px 10px 10px 25px; font-size:0.8rem; } .menu-toggle.active .burger-before { background-color: #FFF!important; } .menu-toggle.active .burger-before { margin-top: -5px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .burger-before { margin-top: -8px; } .burger, .burger-before, .burger-after { width: 48px !important; background-color: #FFF; height: 3px; display: block; position: absolute; -webkit-transition: -webkit-transform .4s; transition: transform .4s; } .menu-toggle.active .burger-after { background-color: #FFF!important; } .menu-toggle.active .burger-after { margin-top: -5px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .burger-after { margin-top: 8px; } .burger, .burger-before, .burger-after { width: 35px !important; background-color: #FFF; height: 3px; display: block; position: absolute; -webkit-transition: -webkit-transform .4s; transition: transform .4s; top: 20px; left: 9px; } .menu-toggle.active .burger { display: none; } .padding-top-80{ margin-top:80px; } .menu-toggle { background: #cee002; cursor: pointer; height: 40px; -webkit-transition: opacity .1s; transition: opacity .1s; width: 50px !important; top: 20%; right: 10px; position: absolute; z-index: 9; height: 40px; } .main-menu > ul li a:hover { text-decoration: none; color: #cee002; } .menu-item-has-children > a:after { content: "\e64b"; display: inline-block; font-size: 12px; font-family: themify; margin-left: 10px; } .menu-item-has-children > a.active:after { content: '\e648'; } .recent-projects-s3 .grid:hover .hover-content { opacity: 1; top: 0; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); } .recent-projects-s3 .grid.hover .hover-content { opacity: 1; top: 0; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); } .site-header .navbar-header{ float:left; } @media (min-width: 2001px) and (max-width: 9999px) { .header-style-2 .topbar, .header-style-3 .topbar{ position:absolute; right:4%; } .site-header .cart-search-contact{ position: absolute; right: 540px; top: 43%; } .site-header .cart-search-contact .mini-cart .fi:before { font-size: 28px; font-size: 1.56667rem; } .site-header .cart-search-contact .fi:before { font-size: 22px; font-size: 1.26667rem; color: #fff; } } @media (min-width: 1701px) and (max-width: 2000px) { .header-style-2 .topbar, .header-style-3 .topbar{ position:absolute; right:4%; } .site-header .cart-search-contact{ position: absolute; right: 540px; top: 43%; } .site-header .cart-search-contact .mini-cart .fi:before { font-size: 28px; font-size: 1.56667rem; } .site-header .cart-search-contact .fi:before { font-size: 22px; font-size: 1.26667rem; color: #fff; } } @media (min-width: 1601px) and (max-width: 1700px) { .header-style-2 .topbar, .header-style-3 .topbar{ position:absolute; right:4%; } .site-header .cart-search-contact{ position: absolute; right: 30%; top: 43%; } } @media (min-width: 1500px) and (max-width: 1600px) { .header-style-2 .topbar, .header-style-3 .topbar{ position:absolute; right:4%; } .site-header .cart-search-contact{ position: absolute; right: 34%; top: 43%; }	 } @media (max-width:1499px) and (min-width: 1350px){ .header-style-2 .topbar, .header-style-3 .topbar{ position:absolute; right:4%; } .site-header .cart-search-contact{ position: absolute; right: 36%; top: 43%; } } @media (max-width:1349px) and (min-width: 1025px){ .header-style-2 .topbar, .header-style-3 .topbar{ position:absolute; right:4%; } .site-header .cart-search-contact{ position: absolute; right: 39%; top: 43%; } .padding-top{ padding-top:80px; }	 .recent-projects-s3 .projects-menu1 li a { font-size: 0.70667rem; padding: 15px 5px; } .site-header .cart-search-contact .fi:before { font-size: 22px; font-size: 1.26667rem; color: #fff; } .site-header .cart-search-contact .mini-cart .fi:before { font-size: 28px; font-size: 1.46667rem; } .header-style-2 .topbar ul > li + li, .header-style-3 .topbar ul > li + li { margin-left: 10px; } } @media (min-width: 1025px) { .projects-menu2{ display:none; } } @media (max-width:1180px) and (min-width: 1100px){ .header-style-2 .topbar ul > li:nth-child(2){ display:none; } .padding-top-80{ margin-top:80px; } .site-header .navigation{ padding-top:15px; } .header-style-2 .topbar, .header-style-3 .topbar { position: absolute; top: 20%; right: 145px; } .site-header .cart-search-contact { position: absolute; right: 8%; top: 43%; } } @media (max-width: 1199px){ .recent-projects-s3 .projects-grids .grid { width: 50%; } } @media (max-width: 1099px) { .projects-menu1{ display:none; } .site-header .cart-search-contact { right: 9%; position: absolute; top: 54%; } .projects-menu2{ display:none; } .projects-menu{ display:block; } .site-header .navigation{ padding-top: 15px; } .header-style-2 .topbar, .header-style-3 .topbar{ position: absolute; right: 0px; top: 0px; } .menu-toggle{ top:40%; } .padding-top-80{ margin-top:80px; } .recent-projects-s3 .projects-menu1 li a{ font-size: 0.71667rem; } .header-style-2 .topbar ul li, .header-style-3 .topbar ul li{ font-size: 0.85667rem; } } @media (max-width:1099px) and (min-width: 1025px){ .site-header .cart-search-contact { position: absolute; right: 285px; top: 43%; } .padding-top{ margin-top:80px; } .header-style-2 .topbar ul > li:nth-child(1){ display:none; } .header-style-2 .topbar ul > li:nth-child(2){ display:none; } .header-style-2 .topbar, .header-style-3 .topbar { position: absolute; right: 65px; top: 20%; } .menu-toggle{ top:20%; } .projects-menu2{ display:none; } } @media (max-width: 1024px) { .projects-menu1{ display:none; } .site-header .cart-search-contact { right: 9%; position: absolute; top: 54%; } .projects-menu2{ display:none; } .projects-menu{ display:block; } .site-header .navigation{ padding-top: 40px; } .header-style-2 .topbar, .header-style-3 .topbar{ position: absolute; right: 0px; top: 0px; } .menu-toggle{ top:40%; } .padding-top-80{ margin-top:59px; } .recent-projects-s3 .projects-menu1 li a{ font-size: 0.71667rem; } .header-style-2 .topbar ul li, .header-style-3 .topbar ul li{ font-size: 0.85667rem; } } @media (min-width: 881px)  and (max-width: 1024px) { .projects-menu2{ display:none; } .padding-top-80 { margin-top: 105px; } } @media (max-width: 768px){ .site-header .navigation{ padding-top:15px; } .menu-toggle { top: 20%; } } @media (min-width: 768px)  and (max-width: 880px) { .site-header .navigation{ padding-top:15px; } .recent-projects-s3{ display:block; } #header .recent-projects-s3{ display: none; } .padding-top-80 { margin-top: 100px; } .topbar{ display:none; } .site-header .cart-search-contact { right: 98px; top: 50%; } .menu-toggle { top: 30%; } .navbar-brand>img { max-width: 200px!important; } .recent-projects-s3 .projects-menu li { margin-top: 8px; } .project-single-section .overview { margin-top: 0; } .recent-projects-s3 .projects-menu li { float: none; } .topbar{ display: block; } .header-style-2 .topbar, .header-style-3 .topbar { position: absolute; right: 170px; top: 30%; } .header-style-2 .topbar ul > li:nth-child(2){ display:none; } } @media (min-width: 850px)  and (max-width: 880px) { .header-style-2 .topbar ul > li:nth-child(2){ display:block; } } @media (max-width: 600px){ .recent-projects-s3 .projects-grids .grid { width: 100%; } } @media (min-width: 481px)  and (max-width: 767px) { .recent-projects-s3{ display:block; } #header .recent-projects-s3{ display: none; } .padding-top-80 { margin-top: 100px; } .topbar{ display:none; } .site-header .cart-search-contact { right: 98px; top: 50%; } .menu-toggle { top: 30%; } .navbar-brand>img { max-width: 200px!important; } .recent-projects-s3 .projects-menu li { margin-top: 8px; } .project-single-section .overview { margin-top: 0; } } @media (max-width: 480px) { .site-header .cart-search-contact{ position: absolute; right: 100px; top: 45% } .navbar-brand>img{ max-width:125px!important; } .topbar{ display:none; } .padding-top-80{ margin-top:77px; } .projects-menu1{ display:none; } .recent-projects-s3 .projects-menu li{ margin-top:8px; } .site-header .cart-search-contact .header-search-form-wrapper { display: block;  } .site-header .cart-search-contact .mini-cart-content-toggle, .site-header .cart-search-contact .header-search-content-toggle{ right:-35px; } } @media (max-width: 321px) { .navbar-brand>img { max-width: 150px!important; } .menu-toggle{ width: 40px !important; height: 35px; } .burger, .burger-before, .burger-after{ top: 16px; left: 5px; } .site-header .cart-search-contact { position: absolute; right: 70px; top: 45%; } .padding-top-80 { margin-top: 85px; } } .project-single-section .msnry_item.hover { overflow: hidden; padding:0!important; } .project-single-section .msnry_item.hover img { -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }	 .project-single-section .msnry_item.hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }