@media only screen and (min-width: 1000px){
.b960 .fullwidthbanner-container .fullwidthabanner {
margin-bottom: -7px;
}
.b960 .wrapper.top-slider {
height: auto !Important;
}
.post-area {
z-index: 2;
}
}
@media only screen and (max-width: 1200px){
.container {
padding-left: 3px !important;
padding-right: 0px !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.page-header .menu-bg > .container {
padding: 0 !important;
}
.teaser.small {
height: auto;
border-radius: 1020px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.teaser.style3 h2 {
width: 80%;
margin-top: -5px;
margin-left: 10%;
}
.teaser.style4 header {
/*position: absolute;*/
/*bottom: -30px;*/
}
.teaser {
width: 96%;
height: auto;
margin-bottom: 30px;
border-radius: 500px;
}
.teaser > img, .teaser div > img {
border-radius: 500px;
height: auto;
}
.teaser.style2 header {
/*border-radius: 0 0 50% 50%;*/
}
.teaser.style3 header {
padding-top: 35%;
}
.teaser.style1 header {
border-radius: 500px;
}
.widget_recent_posts_2-fac .date {
margin-left: 15%;
}
.rev_slider {
margin-bottom: -7px;
}
}
@media only screen and (max-width: 959px){
.why-choose-us .grid_3 {
width: 47.5%;
}
footer .container .grid_3 {
width: 47.5%;
}
.post-area.grid_6 {
width: 97.5%;
}
.post-area.grid_9 {
width: 72.5% !Important;
}
.padding-0_34per_0_0 {
padding-right: 0;
}
/* .left-sidebar.grid_3 {
width: 97.5%
}*/
/*.right-sidebar.grid_3 {
width: 97.5%
}*/
.menu>li>a {
padding: 0 10px;
}
.widget_recent_posts_2-fac .date {
margin-left: 17%;
}
.widget_out_stuff2 .item-con-t1 header h2 {
font-size: 18px;
}
.widget_out_stuff2 .item-con-t1 header p {
margin-top: 5px;
line-height: 1;
}
body.woocommerce ul.products li.product:nth-child(2n+2), body.woocommerce-page ul.products li.product:nth-child(2n+2) {
margin-right: 0;
}
body.woocommerce ul.products li.product:nth-child(3n+3), body.woocommerce-page ul.products li.product:nth-child(3n+3) {
margin-right: 3.8%;
}
body.woocommerce ul.products li.product, body.woocommerce-page ul.products li.product {
width: 47.5%;
}
.headerstyle2 .menu li > span {
right: -10px;
}
}
@media only screen and (max-width: 767px){
.headerstyle2 div.wrapper.menu-bg.transparent {
margin-bottom:0;
}
.wrapper.transparent-content {
margin-top:0;
}
.top-slider-content {
position: relative;
}
.white-text {
font-size: 11px !important;
width: 60%;
}
.extrabold55 {
font-size: 12px !important;
}
.light80 {
font-size: 19px !important;
}
.column_post {
width: 47.5%;
}
.three-plates .plate {
width: 100% !important;
}
.three-plates .plate:hover {
background: #a7acaf;
}
.three-plates .plate .alpha,
.three-plates .plate .omega {
display: none;
}
.three-plates .plate .separator {
position: absolute;
top: 0;
left: 0;
height: 1px;
width: 100%;
background: #717476;
border-bottom: solid 1px #babec1;
}
.three-plates .plate .separator div{
position: absolute;
top: 7px;
left: 50%;
height:8px;
width: 15px;
margin-left:-7px;
background-image: url(../img/sprite.png);
background-position: -8px 0;
}
.three-plates .plate:first-child .separator{
display: none;
}
.advantages .grid_4 {
width: 47.5%;
}
.grid_1, .grid_2, .grid_4, .grid_5, .grid_6 {
width: 47.5% !Important;
margin-bottom: 10px;
}
.grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
width: 97.5% !Important;
margin-bottom: 10px;
}
.widget_more_info h2 {
font-size: 19px;
padding: 20px;
margin-bottom: 110px;
}
.widget_more_info span {
position: absolute;
right: 39%;
bottom: 30px;
top: auto;
}
.tab-nav li a {
padding: 9px 25px;
}
.theme-one-fourth {
width: 45%;
margin-right: 5%;
}
.flexslider-posts-slider.images-slider .flex-direction-nav {
top: 32%;
}
.widget_recent_posts_2-container .slides > li {
padding-right: 12px;
}
.extended-pricing-table div.column, .price-cell,
.extended-pricing-table div.column.featured,
.simple-pricing-table div.column, .price-cell,
.simple-pricing-table div.column.featured {
width: 47.5%;
margin: 0 2% 20px 0 !important;
}
.extended-pricing-table div.column.features-list,
.simple-pricing-table div.column.features-list {
width:100%;
}
.extended-pricing-table div.column.features-list .header {
display:none;
}
.headerstyle2 .header-image.header-image-no-titlebar {
margin-top: 0;
}
.banner-inner h2 {
font-size: 20px !important;
}
.button-transparent {
padding: 5px 10px;
margin-top: -10px;
}
.tp-caption h2 {
font-size: 20px;
}
.tp-caption p {
font-size: 9px;
}
.tp-caption.transparent {
background: transparent;
margin-top: -30px !important;
}
}
@media only screen and (max-width: 767px){
.logo {
width: 205px;
margin: 0 auto;
float: none;
height: 75px;
}
.socials {
width: 100%;
text-align: center;
}
.socials li {
display: inline-block;
float: none;
margin-top: 0;
}
/*------ Mobile -----*/
.page-path {
display: none;
}
.headerstyle2 .headline h1 span {
display:none;
}
body.headerstyle2 .headline h1 {
line-height: 54px;
}
body.headerstyle2 .page-path {
margin-top: 0;
}
body.headerstyle2 nav {
float: left;
width: 100%;
padding-right: 50px;
}
body.headerstyle2 nav {
float: left;
width: 100%;
padding-right: 50px;
}
body.headerstyle2 .menu>li>a {
height: 44px;
line-height: 44px;
}
body.email.contact {
margin-left: 0px;
}
body.headerstyle3 nav {
float: none;
margin: 0;
}
.absolute {
height: auto;
float: none;
}
.wrapper.header-image {
margin-top: -54px;
height: 5px;
}
.absolute.fixed .menu-bg {
position: relative;
}
.menu li {
margin: 0;
display: block;
text-align: left;
padding-left: 5px;
border: 0;
border-bottom: 1px dotted #555;
}
.menu li > span {
display:block;
padding: 15px 20px;
right: 0px;
top: 0px;
}
.menu li:hover>a, .menu li.current_page_item>a {
color: #fff;
border: 0;
}
.menu li a {
color: rgb(187, 187, 187);
border: 0;
width: 100%;
}
.mini_logo {
display: inline;
float: none;
width: auto;
margin-right: 10px;
margin-left: 25px;
}
.menu li:hover> ul {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
}
.menu li>ul {
position: relative;
background: transparent;
height: auto;
opacity: 1;
margin: 0 !important;
width: auto !important;
}
.menu li>ul>li>a {
background-color: #fff;
color: #BBB;
border: 0;
}
.headerstyle3 .menu, .headerstyle2 .menu {
width: 100%;
float: left;
}
.menu li>ul>li>a:hover {
background-color: #292929;
color: #fff;
border: 0;
}
.menu li:hover>a:after, .menu li.current_page_item>a:after {
display: none;
}
.menu>li:hover>a, .menu>li.current_page_item>a {
color: #fff;
border: 0;
}
.menu li>ul>li {
border: 0;
}
.menu li>ul>li>a {
background-color: #292929;
}
.headerstyle2 .headline {
height: 55px;
}
.socials.mobile-socials {
display:block;
}
#menu-btn {
display: inline-block;
}
#search-icon {
display: none;
}
.headerstyle2 .menu {
width: 100%;
}
.menu > li:first-child {
margin-left: 0px;
}
.headerstyle2 .menu li > span {
right: 15px;
top: 8px;
}
header .menu {
margin-top: 0;
float: left;
width: 100%;
overflow: hidden;
background: rgb(41, 41, 41);
height: 0;
}
header .menu.opened {
height: auto;
}
.page-header > .wrapper {
display: none;
}
div.fixed.menu-bg {
position: relative !important;
}
.menu-bg .container, .menu-bg .grid_12 {
padding: 0;
width: 100% !important;
margin:0;
}
.menu {
margin: 0;
}
.headerstyle2 .page-header > .wrapper {
display: block;
overflow: hidden;
}
.headerstyle2 .wrapper.preheader {
display: none;
}
.headerstyle2 .logo {
display: inline-block;
width: 150px;
height: 40px;
margin-left: 20px;
}
.headerstyle2 .logo img {
height: 30px !important;
opacity: 1;
}
.headerstyle2 .menu>li {
width: 100%;
padding-right: 10px;
}
.headerstyle3 .contact {
display: none;
}
.headerstyle3 .mobile-socials li {
overflow: hidden;
}
.headerstyle3 .menu-bg .container, .headerstyle3 .menu-bg .grid_12 {
text-align: center;
padding: 0;
}
div.wrapper.menu-bg {
background: rgba(255,255,255,1);
}
.menu-bg {
background-color: #fff;
}
.menu .sub-menu li .sub-menu, .menu ul li ul li ul {
left: 10px;
}
/*---- Mobile ---*/
.page-template-template-contact-form-1-php.headerstyle2 .headline h1 {
margin-top: 0 !important;
}
.headerstyle4 .page-header .container .grid_12 {
margin: 0;
width: 100% !important;
}
.headerstyle4 .page-header .container {
padding: 0 !important;
text-align: center;
}
.headerstyle4 .page-header > .wrapper {
display: block;
}
.headerstyle4 .logo img {
height: 100% !important;
margin-top: 7.5px;
}
.headerstyle4 .logo {
//width: auto;
height: 45px;
display: inline-block;
}
li.post-menu > ul >li {
width: 24.1%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
height: auto;
clear: none;
display: inline-block;
float: none;
}
.post-details {
display: none !important;
}
li.post-menu > ul >li>a>img, li.post-menu > ul >li>a {
height: auto;
}
.headerstyle5 .page-header .wrapper.small_preheader {
display: none;
}
.headerstyle5 .page-header > .wrapper.main-menu {
display: block;
background-color: #fff;
text-align: center;
}
.wrapper.main-menu .container {
padding: 0 !important;
}
}
@media only screen and (max-width: 639px){
.featured-project-slider.full-width .featured-project > a:after{
display:none;
}
.wrapper.headline {
height: auto;
}
.gallery-container .gallery .item-con-t1 {
width: 47.4%;
}
.column_post header a, .column_post header h2 {
font-size: 12px;
}
#back_to_top {
display:none !important;
}
.widget_out_stuff2 .item-con-t1 {
width: 99.564102%;
}
.b1170 .container, .b960 .container {
padding-left: 10px;
padding-right: 10px;
}
.item-con-t1 h2 {
font-size: 12px;
}
.widget_recent_posts_2-fac .date {
margin-left: 13%;
}
.advantages .grid_4 {
width: 97.5%;
}
.why-choose-us .grid_3 {
width: 97.5%;
}
footer .container .grid_3 {
width: 97.5%;
}
.left-sidebar.grid_3 {
width: 97.5%;
}
.right-sidebar.grid_3 {
width: 97.5%;
}
.leave-comment form .input-field {
width: 100%;
}
.leave-comment form .input-field:first-child {
margin-right: 0%;
}
.single-gallery .grid_9,
.single-gallery .grid_3 {
width: 97.5%;
}
.single-gallery .grid_9 {
margin-bottom: 30px;
}
.contacts .grid_9,
.contacts .grid_3 {
width: 97.5%;
}
.contacts .grid_3 {
margin-bottom: 30px;
}
.contacts form .input-field {
width: 100%;
}
.contacts form .input-field:first-child {
margin-right: 0%;
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
width: 97.5% !Important;
}
.purchase-plate_header, .purchase-plate_text {
padding: 0;
}
div.purchase-plate {
padding: 30px 30px 40px;
}
.purchase-plate a.sc-button-hover {
position: absolute;
left: 50%;
top: auto;
bottom: 15px;
margin-left: -80px;
right: auto;
}
.purchase-plate a.purchase-plate_button {
position: relative;
display: block;
top: auto;
margin: 20px 0 0;
right: auto;
left: auto;
bottom: auto;
}
.widget_out_stuff .item-con-t1 {
width: 80%;
margin-left: 8%;
margin-top: 30px;
}
.widget_testimonials .item {
width: 96%;
}
.theme-one-half,
.theme-one-third,
.theme-two-third,
.theme-three-fourth,
.theme-one-fifth,
.theme-two-fifth,
.theme-three-fifth,
.theme-four-fifth,
.theme-one-sixth,
.theme-five-sixth {
width: 100%;
margin-right: 0;
}
.theme-one-fourth {
width: 100%;
margin: 0;
}
.z-link {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.z-tab {
width: 100% !important;
}
.horizontal .z-tabs-nav {
width: 100%;
}
.post-helper-absolute {
display: none;
}
.post {
margin-left: 0;
padding-right: 10px;
}
.flexslider-posts-slider.images-slider .flex-direction-nav {
top: 28%;
}
.two-headers h2 {
font-size: 18px;
}
.two-headers h3 {
font-size: 13px;
margin-bottom: 0;
}
.two-headers a {
top: 37%;
}
.widget_out_stuff2 .item-con-t1 header h2 {
font-size: 16px;
}
.widget_out_stuff2 .item-con-t1 header p {
font-size: 12px;
margin-top: 0px;
line-height: 1.5;
}
.transp_bg, .transp_round {
display: none;
}
.post-area.grid_9 {
width: 97.5% !Important;
}
.underline .z-link {
font-size: 13px;
}
.post-area {
z-index: 1;
}
}
@media only screen and (max-width: 560px){
.widget_recent_works .image-links {
top: 50%;
}
.post-category {
height: auto;
}
.post .post-body .item-con-t1 {
width: 100%;
margin: 0;
}
.column_post {
width: 97%;
}
.gallery-container .gallery .item-con-t1 {
width: 97.4%;
}
.flexslider-posts-slider.images-slider .flex-direction-nav {
top: 12%;
}
.widget_recent_works .flexslider {
margin-bottom: 0;
padding: 0;
width: 100%;
margin-top: 10px;
}
.widget_recent_posts_2-fac .date {
margin-left: 6%;
}
.widget_recent_posts_2-container .slides > li {
padding-right: 3px;
}
.widget_recent_works .item-con-t1 {
width: 99%;
}
.headline h1 {
font-size: 20px;
white-space: nowrap;
}
.item-con-t1:hover .visible-on-hover {
opacity: 0 !important;
}
.item-con-t1 .visible-on-hover.hover {
opacity: 1 !important;
}
.avatar img {
border-radius: 100px;
}
.extended-pricing-table div.column, .price-cell,
.extended-pricing-table div.column.featured,
.simple-pricing-table div.column, .price-cell,
.simple-pricing-table div.column.featured {
width: 100%;
}
.headerstyle2 .headline h1 span, .headerstyle5 .headline h1 span {
white-space: normal;
}
.headerstyle2 .header-image, .headerstyle5 .header-image {
height: 140px;
margin-top: -120px;
}
.sc-highlight-full-width img {
display: block;
float: none;
max-width: 100%;
margin: 0 auto;
}
.sc-highlight-full-width {
min-height: initial !Important;
padding-top: 50px !Important;
padding-bottom: 30px !Important;
background-size: cover !important;
background-position: center !important;
}
.banner-inner {
padding-bottom: 20px !Important;
padding-top: 30px !important;
}
.banner-builder {
height: auto !important;
}
}
@media only screen and (max-width: 320px){
.widget_recent_works-container .slides > li {
padding-right: 0;
}
body.woocommerce ul.products li.product, body.woocommerce-page ul.products li.product {
width: 99%;
}
ul.socials.mobile-socials {
display: none;
}
div.panel-switcher {
display: none;
}
.fixed-header .headline {
padding-top: 0;
}
}
/*----------- Mobile -----------*/
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
.three-plates-img-1 span,
.three-plates-img-2 span,
.three-plates-img-3 span,
.three-plates-idea span,
.three-plates-list span,
.three-plates-mental span,
.three-plates-start span,
.three-plates-strategy span,
.three-plates-target span,
.three-plates-time span,
.advantages a .advantages-img span,
.teaser a .advantages-img span,
.why-choose-us .why-choose-us-img span,
.rev-direction-nav .rev-next span,
.rev-direction-nav .rev-prev span,
.rev-direction-nav a {
background-image: url("../img/[email protected]");
background-size: 512px 760px;
}
.socials a, .socials-bottom a {
background-image: url("../img/[email protected]");
background-size: 350px 1000px;
}
}
.media_for_js {
position: fixed;
visibility: hidden;
width: 0px;
height: 0px;
z-index: 940;
}
@media only screen and (max-width: 939px){
.media_for_js {
z-index: 939;
}
}
@media only screen and (max-width: 767px){
.media_for_js {
z-index: 767;
}
}
@media only screen and (max-width: 639px){
.media_for_js {
z-index: 639;
}
}
@media only screen and (max-width: 479px){
.media_for_js {
z-index: 479;
}
}