@media screen and (max-width: 1024px) {
.sec-pricing.support-pricing .col-md-12 > p {
display: none;
}
}
@media screen and (max-width: 1150px) {
.wccus .wccus-right .pricing,
.wccus .wccus-right .yellow-area {
float: none;
}
.page-template-page-templateshire-dedicated-team-php .pageContact {
width: 100%;
}
.inner-heading .column1 .thumbnail a > img {
max-width: 220px;
height: auto;
width: 95%;
}
.section .container {
width: 100%;
}
.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
max-width: 300px;
}
.wccus .wccus-right .yellow-area::after {
content: "";
display: block;
overflow: hidden;
clear: both;
}
.wccus .wccus-right .yellow-area .button1 {
padding: 12px 15px 11px;
box-sizing: border-box;
width: 100%;
}
.security {
box-sizing: border-box;
width: 100%;
}
.body-area .wrapper {
width: 100%;
}
.testimonial_row li {
padding: 8px;
}
}
@media screen and (max-width: 1023px) {
article.post .entry-title h1 {
font-size: 24px;
}
}
@media screen and (max-width: 700px) { #masthead .container {
overflow: inherit;
}
.container {
margin: auto;
width: 100%;
padding: 0 15px;
box-sizing: border-box;
}
.entry-title {
padding-left: 15px;
padding-right: 15px;
}
.ourteam {
padding: 0 15px;
}
.logo {
float: none;
margin: 0 auto;
padding-top: 5px;
}
.right-header {
float: none;
margin: 0 auto;
width: 100%;
}
.certified {
float: none;
overflow: hidden;
padding: 10px 10px 0;
}
.certified ul li {
display: inline-flex;
float: none;
margin: 0 8px;
}
.cartMenu {
float: right;
width: 100%;
margin: 10px auto 12px;
}
#menu-sidebar-menu {
text-align: center;
width: 100%;
}
.cartMenu ul.nav-menu li {
display: inline-block;
float: none;
} .skype {
float: none;
padding: 6px 0 0;
}
.skype > ul,
.social-link1 ul,
.certified ul {
text-align: center;
}
.skype a {
line-height: 30px;
}
.skype ul li {
display: inline-block;
margin: 0 4px;
height: 28px;
}
.logo a {
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/logo.png) no-repeat scroll 48px 0 / 70% auto rgba(0, 0, 0, 0);
float: none;
margin: 18px auto 0;
text-align: center;
width: 266px;
height: 60px;
} .csslider1 > .cs_arrowprev,
.csslider1 > .cs_arrownext {
display: none;
}
.csslider1 > .cs_bullets {
display: none;
}
.projectPortfolio {
margin: 0 auto;
width: 100%;
background-position: 50% 55px;
}
.home .wrapper .container {
margin: auto;
padding: 0 15px;
width: 100%;
}
.projectServiceDescription {
padding: 10px 0 30px;
}
.projectService p {
font-size: 13px;
line-height: 22px;
}
article {
clear: both;
margin: 0 auto;
width: 100%;
}
.projectServiceContentLeft {
float: none;
width: 100%;
}
.projectServiceContentLeft h2 {
font-size: 17px;
text-align: center;
line-height: normal;
padding: 0 0 5px;
}
.projectServiceContentRight ul li:first-child {
margin-top: 10px;
}
.projectServiceContentRight ul li {
margin: 10px 0 0;
min-height: 35px;
padding: 0 0 0 45px;
}
.projectServiceContentRight {
float: none;
margin: 0 auto;
padding: 0 6px;
width: 96%;
}
.projectPortfolio li .inner {
height: auto;
}
.projectServiceContentLeft p {
padding: 0px 8px;
}
.HomeAboutContainer .container > h2 {
padding: 0 0 10px;
}
.HomeAboutContainer {
padding: 15px 0;
}
.HomeAboutDescription p:first-child {
margin-bottom: 20px;
}
.HomeAboutContainer p {
color: #454545;
padding: 0;
font-size: 14px;
}
.AboutSecondUl {
margin: 0 auto;
width: 100%;
} .SocialLinksLeftContainer {
float: none;
overflow: hidden;
padding-top: 5px;
width: 100%;
}
.SocialLinks h4 {
float: none;
font-size: 20px;
line-height: 40px;
margin: 0;
text-align: center;
}
.SocialLinksLeftContainer ul {
clear: both;
text-align: center;
float: none;
margin: 0 auto;
overflow: hidden;
width: 100%;
}
.SocialLinks > .container {
padding-top: 20px;
padding-bottom: 20px;
}
.SocialLinksRightContainer {
float: none;
width: 100%;
}
.SocialLinksRightContainer .BigImg {
float: none;
margin: 0 auto;
text-align: center;
}
.BigImg .big_c {
margin: 0 16px 0 0;
}
.OfficePhoneEmailContainer > .container {
margin: 0 auto !important;
overflow: hidden;
padding-top: 20px;
padding-bottom: 20px;
width: 100%;
}
.OfficePhoneEmailContainer .OfficePhoneEmail,
.OfficePhoneEmailContainerLeft {
float: none;
margin-bottom: 10px;
text-align: center;
width: 100%;
padding-right: 0;
}
.OfficePhoneEmail h3, .OfficePhoneEmail h5 {
font-size: 18px;
padding: 0 0 5px;
}
.OfficePhoneEmailContainerMiddle {
width: 100%;
}
.FooterLower > .container p {
font-size: 14px;
line-height: normal;
text-align: center;
}
.OfficePhoneEmail ul li {
line-height: 30px;
}
.OfficePhoneEmail ul li a {
font-size: 16px;
}
.SocialLinksLeftContainer ul li {
display: inline-block;
float: none;
}
.post-form-control-section .container > div {
max-width: 100%;
}
.post-form-control-section .letstalk-form-sec {
max-width: 100%;
}
.post-form-control-section h3 {
max-width: 100%;
}
.post-form-control-section h3 {
font-size: 24px;
}  .wrapper {
margin: 0 auto;
min-height: 500px;
width: 100%;
}
.page .entry-header .entry-title {
width: 100%;
text-align: center;
}
.page .entry-header .entry-title h1 {
font-size: 24px;
}
.entry-header {
padding: 10px 0;
}
.portfolio-filter > li {
display: inline-block;
height: 38px;
margin: 0;
padding-bottom: 10px;
}
.portfolio-filter > li a {
line-height: 38px;
padding: 8px 15px;
display: initial;
}
.portfolio-items.col-4 > li {
display: inline-block;
float: none;
margin: 0 auto;
width: 280px;
}
#portfolio .portfolio-items {
text-align: center;
}
#pp_full_res > img {
height: auto !important;
width: 100% !important;
}
div.pp_overlay {
height: 100% !important;
position: fixed;
width: 100% !important;
}
.wrapper .container {
margin-bottom: 50px;
padding: 0 15px;
}
.magentoDeve {
width: 100%;
}
.bigHeading {
font-size: 22px;
line-height: 28px;
margin-top: 20px;
}
.magentoDeve > p,
.androidDeve p {
text-align: center;
}
.androidDeve {
width: 100%;
margin: 0 auto;
}
.SupportAndMaintaince,
.shopify {
padding: 0;
text-align: center;
}
.SupportAndMaintaince > p,
.shopify > p,
#post-50 .container > p {
margin-top: 12px;
}
#post-50 .container > ul {
margin: 0 0 0 12px;
}
#post-50 .container {
padding: 0 7px;
text-align: left;
}
article .entry-content {
padding: 0;
}
.entry-content .size-full.wp-image-250.aligncenter {
height: auto;
width: 100%;
}
#post-796 ol {
margin: 0 0 0 15px;
}
.bigHeading {
font-size: 17px;
line-height: 22px;
} .woocommerce-page .wrapper #container {
box-sizing: border-box;
float: none;
margin: 20px auto;
padding: 0 10px;
width: 100%;
}
.woocommerce-page .wrapper {
margin: 0 auto;
width: 100%;
}
#primary {
float: none;
width: 100%;
overflow: hidden;
}
.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last {
float: none;
overflow: visible;
width: 98%;
}
#secondary {
float: none;
margin: 20px auto;
width: 100%;
}
.hire-certi input[type="text"],
.hire-certi input[type="email"],
.hire-certi input[type="tel"],
.hire-certi textarea {
font-size: 16px;
height: 30px;
line-height: 30px;
}
.wrapper .sellSection .container {
box-sizing: border-box;
}
.navigation .nav-previous {
margin-left: 8px;
}
h3.comment-reply-title {
font-size: 23px;
margin-bottom: 7px;
}
.col-lg-8 {
float: none;
width: 100%;
padding: 0;
}
.col-lg-4 {
float: none;
width: 100%;
padding: 0;
}
#post-38 input[type="text"],
#post-38 input[type="password"],
#post-38 input[type="email"],
#post-38 input[type="tel"],
#post-38 #Message {
width: 255px;
}
.page-id-1033 article#post-1033 {
padding: 0;
box-sizing: border-box;
}
.quickContact {
display: none !important;
}
.testimonial_row li {
display: inline-block;
}
.hiring-options ul.questions-answers {
height: auto;
}
.hiring-options {
width: 96%;
margin-left: 0;
}
.hiring-options ul.service-details {
width: 100%;
box-sizing: border-box;
}
.design_package .title {
font-size: 20px;
}
.package .dt > li {
width: 100%;
float: none;
padding: 8px 10px;
}
.degital-marketing .title-head > h2 {
font-size: 30px;
}
.degital-marketing .inner-block .img-setion,
.degital-marketing .inner-block .content {
width: 100%;
float: none;
}
.degital-marketing .inner-block .img-setion {
display: table-header-group;
}
.degital-marketing .inner-block .content {
display: table-footer-group;
}
.site-review-form .inner div {
float: left;
margin-bottom: 15px;
width: 50% !important;
}
.site-review-form .inner div.captcha {
width: 48%;
}
.site-review-form .inner div.submit {
width: 47%;
}
.site-review-form .inner div.submit .wpcf7-submit {
margin: 0;
width: 95%;
}
.site-review-form span input#captcha {
width: 100%;
}
.site-review-form div.captcha span {
float: right;
width: 63%;
margin-right: 5%;
}
.site-review-form .inner div.submit {
width: 93%;
}
.wrapper .container .faqs-listing {
padding: 0 10px;
}
.page-template-page-templateshire-dedicated-team-php .pageContact {
padding: 0 15px;
}
}
@media screen and (max-width: 600px) { .promo .content.col-md-6 {
padding: 0 5px;
width: 100%;
text-align: center;
margin-bottom: 0;
}
.promo .title {
font-size: 22px;
margin-bottom: 10px;
line-height: normal;
}
.promo.section .intro {
margin: 0 auto 20px;
}
.promo .image {
padding: 5px 10px;
width: 100%;
}
.benefit {
width: 100%;
}
.app-benefits .title {
font-size: 25px;
padding-top: 30px;
margin-bottom: 10px;
}
.app-benefits {
padding-bottom: 30px;
}
.why {
padding-top: 20px;
padding-bottom: 20px;
}
.why .item {
padding: 0px 0;
}
.why .item .title {
font-size: 25px;
margin-bottom: 10px;
}
.why .item .desc {
margin-bottom: 10px;
}
#why .figure {
text-align: center;
width: 100%;
right: inherit;
margin: 0;
}
#why .content.col-md-5 {
width: 100%;
left: inherit;
}
.why .figure img {
max-width: 320px;
width: 100%;
}
.features h2.title {
font-size: 28px;
}
.content.col-sm-4.feature p {
font-size: 13px;
line-height: 20px;
}
.feature i {
font-size: 40px;
}
.features {
padding-bottom: 30px;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: 48%!important;
}
.mag-title::after {
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid #ee5d30;
content: "";
height: 20px;
left: 50%;
margin: auto;
position: absolute;
top: 78px;
width: 0;
}
.mag-title h2 {
font-size: 20px;
line-height: normal;
margin: 0 0 0 10px;
}
.main-cert {
margin: -1px 0 0;
}
.mag-title {
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/req_magento.jpg) no-repeat scroll 21px 10px #ee5d30;
}
.projectPortfolio h1, .projectPortfolio h2 {
font-size: 24px;
line-height: normal;
padding-bottom: 30px;
}
.projectPortfolio li {
float: none;
text-align: center;
}
.projectService .container > h2,
.HomeAboutContainer .container > h2 {
color: #000;
font-size: 24px;
}
.projectService {
box-sizing: border-box;
padding: 15px 0;
}
.SocialLinksLeftContainer ul li a {
background-size: 380px auto;
height: 45px;
width: 45px;
}
.SocialLinksLeftContainer ul li a.fb {
background-position: 0 -10px;
}
.SocialLinksLeftContainer ul li a.in {
background-position: -48px -10px;
}
.SocialLinksLeftContainer ul li a.tw {
background-position: -95px -10px;
}
.SocialLinksLeftContainer ul li a.gplus {
background-position: -141px -10px;
}
.SocialLinksLeftContainer ul li a.yt {
background-position: -190px -10px;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
textarea {
border: 1px solid #b9b9b9;
padding: 4px;
width: 285px;
}
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"] {
height: 30px;
line-height: 30px;
}
.bannerSection.bannerSection2 .conBtn.conBtn1 {
margin-left: 9px;
width: 100px;
}
.bannerSection .conBtn a {
font-size: 14px;
line-height: normal;
padding: 8px 15px;
display: inline-block;
}
.bannerSection.bannerSection2 .conBtn {
width: 80px;
margin-left: 7px;
}
.bannerSection h1 {
font-size: 19px;
line-height: 8px;
margin: -3px 0 3% 6px;
text-transform: lowercase;
width: 72%;
}
.bannerSection.bannerSection2 p{
right: 0;
top: 25%;
width: 40%;
}
.bannerSection p {
right: 0;
top: 50%;
width: 45%;
}
.bannerSection .conBtn a:hover {
text-transform: lowercase;
}
.bannerSection p img {
height: auto;
text-align: right;
width: 100%;
}
.bannerSection.bannerSection2 {
background-position: 0 4%;
background-size: 100% 100%;
height: 110px;
margin-top: 10px;
}
.bannerSection .conBtn {
line-height: 17px;
min-height: 18px;
}
.section .container {
width: 100%;
}
.bannerSection h1 span {
font-size: 12px;
line-height: normal;
}
.bannerSection {
height: inherit;
min-height: inherit;
padding-top: 3%;
padding-bottom: 3%;
}
.detailsSection h2 {
font-size: 22px;
}
.detailsSection p {
font-size: 13px;
line-height: 18px;
}
.chooseSection h2 {
font-size: 15px;
padding: 5px 4px;
line-height: 23px;
min-height: 75px;
}
[class*="span"] {
float: none;
margin-left: 0;
text-align: center;
}
.span3 {
display: inline-block;
vertical-align: top;
}
div.pricing-table div.plan {
margin-right: 0;
}
div.pricing-table {
margin: 25px 0 0;
}
#post-1597 .bannerSection h1 {
line-height: 20px;
margin: 0 0 20px;
padding: 0;
}
#post-1597 .bannerSection h1 span {
font-size: 12px;
}
#post-1597 .bannerSection .conBtn {
margin-left: 4px;
width: auto;
min-height: inherit;
line-height: normal;
display: inline-block;
}
#post-1597 .bannerSection > .container {
padding-bottom: 8px;
margin-bottom: 0;
}
article.post .entry-title h1 {
font-size: 18px;
margin: 0;
}
.ourteam {
margin: 0 auto;
width: 100%;
}
.our-team-list {
text-align: center;
}
.our-team-list > li {
display: inline-block;
float: none;
margin: 0 auto 10px;
}
.our-team-list .our-team-content {
box-sizing: border-box;
padding: 20px 5px;
width: 100%;
}
.our-team-list li.last:hover .our-team-content {
left: inherit;
margin-left: 0;
padding-right: inherit;
position: inherit;
width: 100%;
}
.our-team-list > li.last {
margin-right: inherit;
}
.our-team-list li:hover .our-team-info {
background: none repeat scroll 0 0 #fff;
box-sizing: border-box;
width: 100%;
z-index: 10;
}
.woocommerce table.my_account_orders .order-actions,
.woocommerce-page table.my_account_orders .order-actions {
text-align: right;
}
.woocommerce table.my_account_orders .order-actions,
.woocommerce-page table.my_account_orders .order-actions {
text-align: right;
}
.woocommerce table.my_account_orders th,
.woocommerce table.my_account_orders td,
.woocommerce-page table.my_account_orders th,
.woocommerce-page table.my_account_orders td {
padding: 4px 6px;
}
.woocommerce input.button.alt {
width: 296px;
}
#container #content .product .images {
margin: 0 auto 20px;
width: 80%;
}
#container #content .product .summary.entry-summary,
#container #content .product .woocommerce-tabs {
float: none;
margin: 0 0 20px;
width: 100%;
}
.woocommerce .related.products .products li {
float: left;
width: 48% !important;
}
.woocommerce .related.products .products li .price,
.woocommerce .related.products .products li .price del {
font-size: 14px !important;
}
body.blog article.post,
body.archive article.post {
box-sizing: border-box;
padding: 0 0 10px;
}
.wraper-inner .column1,
.wraper-inner .column1:first-child {
width: 99%;
float: none;
margin: 0 auto 20px;
padding: 2px 0px;
}
.inner-headings {
float: none;
width: 100%;
}
.inner-headings .heading1 {
float: none;
width: 100%;
line-height: 35px;
}
.inner-headings .heading2 {
float: none;
width: 100%;
line-height: normal;
}
.services-left-column {
float: none;
width: 100%;
}
.normalhead,
.cms-features {
width: 100%;
float: none;
}
.cms-features ul {
border-left: none;
float: none;
width: 100%;
box-sizing: border-box;
clear: both;
}
.cms-features ul li::after {
content: "";
overflow: hidden;
display: block;
clear: both;
height: 0;
}
.cms-features ul li {
padding: 15px 5px 35px 0!important;
min-height: inherit;
border-top: 1px solid #d8d8d8;
}
.cms-features li span {
padding: 0 0 0 14px;
width: 82%;
}
.services-left-column {
float: none;
width: 100%;
}
.commonhead {
float: none;
width: 100%;
}
.wccus {
float: none;
width: 100%;
box-sizing: border-box;
}
.wccus .wccus-left {
float: none;
width: 100%;
}
.wccus .wccus-right,
.wccus .wccus-right .pricing {
float: none;
width: 100%;
}
.wccus .wccus-right .yellow-area::after {
content: "";
display: block;
overflow: hidden;
clear: both;
}
.wccus .wccus-right .yellow-area .button1 {
padding: 12px 15px 11px;
box-sizing: border-box;
width: 100%;
}
.services-left-column .wccus .yellow-area {
margin-top: 30px;
}
#super_recent_posts_widget-2 ul li {
float: none;
padding: 0 0px 20px 0;
width: 90%;
margin: 0 auto;
}
#super_recent_posts_widget-2 ul li img {
float: none;
margin-right: 0px;
width: 100%;
}
}
@media screen and (min-width: 470px) and (max-width: 650px) {
.skype a {
font-size: 16px;
}
.skype ul li {
margin: 0 4px 10px;
}
}
@media screen and (min-width: 601px) and (max-width: 700px) {
.bannerSection p {
top: 50%;
width: 40%;
}
.bannerSection.bannerSection2 p{
top: 25%;
width: 40%;
}
.bannerSection p img {
height: auto;
text-align: right;
width: 100%;
}
.bannerSection.bannerSection2 p {
right: 0;
}
}
@media screen and (min-width: 701px) and (max-width: 1024px) {
#pp_full_res > img {
height: auto !important;
width: 100% !important;
}
div.pp_overlay {
height: 100% !important;
position: fixed;
width: 100% !important;
}
#masthead .container:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.container {
margin: auto;
width: 100%;
box-sizing: border-box;
}
.certified {
padding: 10px 7px 0px 5px;
} .csslider1 > .cs_arrowprev,
.csslider1 > .cs_arrownext {
display: none;
}
.csslider1 > .cs_bullets {
display: none;
}
.certified ul li {
margin: 0 7px 0 4px;
}
.certified ul li a {
font-size: 11px;
}
.skype .phone > span {
font-size: 14px;
line-height: 30px;
}
.skype a {
font-size: 15px;
line-height: 31px;
margin: 0 0 0 7px;
}
.cartMenu {
margin: 5px 10px 0 0;
}
#menu-sidebar-menu {
width: auto;
}
.main-navigation div > ul > li {
margin: 0 2px;
}
.main-navigation div > ul > li > a {
font-size: 15px;
padding: 5px 7px;
}
.main-navigation div ul ul li a {
font-size: 13px;
}
.main-navigation div ul ul {
top: 25px;
width: 190px;
}
.feature-content ul li a.btn {
font-size: 16px;
}
.projectPortfolio h1, .projectPortfolio h2 {
font-size: 30px;
line-height: normal;
padding-bottom: 40px;
}
.projectService,
.HomeAboutContainer {
padding: 30px 0;
}
.projectService .container > h2,
.HomeAboutContainer .container > h2 {
font-size: 30px;
}
.projectServiceContentLeft {
float: left;
width: 49%;
}
.projectServiceContentRight {
float: right;
width: 50%;
}
.projectPortfolio {
margin: 0 auto;
width: 100%;
background-position: 50% 70px;
}
.home .wrapper .container {
margin: auto;
width: 100%;
}
.projectServiceDescription {
padding: 10px 0 30px;
}
.projectService p {
font-size: 13px;
line-height: 22px;
}
article {
clear: both;
margin: 0 auto;
width: 100%;
}
.projectPortfolio li .inner {
height: auto;
}
.projectServiceContentLeft p {
padding: 0px 8px;
}
.AboutSecondUl {
margin: 0 auto;
width: 100%;
}
.section .container {
width: 100%;
}
.bannerSection h1 span {
font-size: 17px;
}
.bannerSection .conBtn {
line-height: 35px;
min-height: 35px;
}
.bannerSection .conBtn a {
font-size: 15px;
line-height: 35px;
}
.bannerSection.bannerSection2 p,
.bannerSection p {
top: -51%;
right: 0;
width: 38%;
}
.bannerSection p {
top: 29%;
}
.bannerSection.bannerSection2,
.bannerSection {
background-size: 100% 90%;
background-color: inherit;
}
.bannerSection p img {
width: 100%;
}
.bannerSection h1 {
font-size: 2em;
}
.detailsSection h2 {
font-size: 2em;
}
.detailsSection p {
font-size: 1.1em;
line-height: 24px;
}
.chooseSection h2 {
font-size: 1.4em;
line-height: 30px;
margin: 3% 0;
min-height: 30px;
padding: 5px 3px;
}
div.pricing-table {
margin: 25px 0 0;
padding-left: 0;
width: 100%;
}
#primary {
width: 70%;
}
#secondary {
width: 27.5%;
}
.mag-title {
padding: 7px 0 0 64px;
background-position: -3px -745px;
}
.mag-title h2 {
font-size: 15px;
line-height: 20px;
}
.hire-certi input[type="text"],
.hire-certi input[type="email"],
.hire-certi input[type="tel"],
.hire-certi textarea {
font-size: 16px;
height: 30px;
line-height: 30px;
padding: 0 14px;
width: 72%;
}
.cert-submit input[type="submit"] {
font-size: 20px;
padding: 4px 20px;
}
.col-lg-8 {
width: 52%;
}
.col-lg-4 {
width: 330px;
}
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"] {
height: 30px;
line-height: 30px;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
textarea {
width: 290px;
}
.ourteam {
margin: 0 auto;
width: 100%;
}
.our-team-list > li {
margin: 0 10px 10px;
width: 30.3%;
}
.our-team-list > li > img {
height: auto;
width: 100%;
}
.our-team-list .our-team-content,
.our-team-list li:hover .our-team-info {
box-sizing: border-box;
padding: 20px 5px;
width: 100%;
}
.our-team-list li:hover .our-team-info {
box-sizing: border-box;
width: 100%;
}
.our-team-list li.last:hover .our-team-content {
left: inherit;
margin-left: 0;
padding-right: inherit;
position: inherit;
width: 100%;
}
.our-team-list > li.last {
margin-right: inherit;
}
.page-id-1033 article#post-1033 {
box-sizing: border-box;
padding: 15px;
margin-top: 25px;
}
#container #content .product .images {
float: left;
width: 43%;
}
#container #content .product .summary.entry-summary,
#container #content .product .woocommerce-tabs {
width: 52%;
}
.woocommerce .related.products .products li {
clear: none;
float: left !important;
margin-right: 20px;
width: 23% !important;
}
.woocommerce .related.products .products li .price,
.woocommerce .related.products .products li .price del {
font-size: 16px !important;
}
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
float: left;
width: 48%;
}
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
float: right;
width: 48%;
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
box-sizing: border-box;
float: right;
margin-bottom: 0;
width: auto;
} .OfficePhoneEmail ul li a {
font-size: 14px;
}
.SocialLinksLeftContainer {
float: left;
padding-top: 5px;
width: 56%;
}
.SocialLinks h4 {
float: none;
font-size: 20px;
line-height: 40px;
margin: 0;
text-align: center;
}
.SocialLinksLeftContainer ul {
clear: both;
text-align: center;
float: none;
margin: 0 auto;
overflow: hidden;
width: 100%;
}
.SocialLinks > .container {
padding-top: 20px;
padding-bottom: 20px;
}
.SocialLinksRightContainer .BigImg {
float: none;
margin: 0 auto;
text-align: center;
}
.BigImg .big_c {
margin: 0 16px 0 0;
}
.OfficePhoneEmailContainer > .container {
padding-top: 20px;
padding-bottom: 20px;
}
.OfficePhoneEmailContainerLeft {
width: 35%;
}
.OfficePhoneEmailContainerMiddle {
width: 38%;
}
.page .entry-header .entry-title {
width: 100%;
}
.page .entry-header .entry-title h1 {
font-size: 26px;
}
.bigHeading {
font-size: 18px;
line-height: 24px;
margin-top: 20px;
}
.woocommerce-page .wrapper {
margin: 0 auto;
width: 100%;
}
.woocommerce-page .wrapper #container {
box-sizing: border-box;
float: none;
margin: 20px auto;
padding: 0 10px;
width: 100%;
}
.post-form-control-section .container > div {
max-width: 70%;
}
.post-form-control-section .letstalk-form-sec {
max-width: 80%;
}
.post-form-control-section h3 {
max-width: 80%;
}
}
@media screen and (min-width: 701px) and (max-width: 880px) {
.main-navigation div > ul > li > a {
font-size: 12px;
padding: 4px 4px;
}
.main-navigation div > ul > li {
margin: 0 .9px;
}
.bannerSection.bannerSection2 p {
top: 19%;
}
.bannerSection p {
top: 54%;
}
.MenuToggle {
float: right;
margin: 8px 10px 0 0 !important;
}
.main-navigation {
top: 100%;
}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
.feature .title {
font-size: 20px;
padding-top: 0px;
}
.promo.section > .container {
margin-bottom: 0;
}
.site-review1 {
display: none;
}
.pricing-list > li {
width: 47%;
margin: 10px 1.2%;
}
.pricing-list .benifits li::before {
left: -6px;
}
.pricing-list .benifits li {
font-size: 14px;
padding-left: 18px;
}
.support-pack .col-md-3 {
width: 50%;
min-height: 125px;
}
.pricing-list .price_wrap .price {
line-height: 1.5em;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
clear: none;
float: left !important;
margin: 0 .9% 1.992em;
width: 31.5%;
text-align: center;
}
.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
margin: 0 auto;
}
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
font-size: 15px;
}
.woocommerce ul.products li.product h3,
.woocommerce-page ul.products li.product h3 {
font-size: 13px;
}
}
@media screen and (min-width: 768px) and (max-width: 1120px) {
.pricing-list .benifits li::before {
left: -3px;
}
.pricing-list .benifits li {
padding-left: 15px;
font-size: 14px;
}
.pricing-list .benifits {
padding: 10px;
}
.pricing-list .price_wrap .price {
font-size: 32px;
line-height: 1.5em;
}
.site-review-form .inner div.submit .wpcf7-submit {
font-size: 14px;
}
.site-review1 > div.wpcf7 {
width: 85%;
padding: 35px 20px 20px;
}
.site-review1 .site-review-form > p {
font-size: 18px;
margin-bottom: 10px;
padding-bottom: 10px;
}
.site-review-form .inner div {
margin: 0 0 20px;
width: 27%;
}
.site-review-form .inner div.submit {
width: 12%;
margin: 0;
}
.site-review-form .inner div.submit .wpcf7-submit {
margin: 0;
}
.site-review-form .inner div.captcha {
width: 34%;
margin: 0px 0 20px;
}
.site-review1 div.wpcf7-validation-errors {
width: 100%;
font-weight: normal;
font-size: 13px;
}
.site-review1 span.wpcf7-not-valid-tip {
font-size: 11px;
;
margin: 0px auto 0;
font-weight: normal;
}
.site-review1 .site-review-form > p.see {
margin: 0;
padding: 0;
}
.site-review-form span input#captcha {
width: 63%;
}
.site-review-form div.captcha span {
width: 100%;
display: block;
float: none;
}
.site-review1 .seo-form {
top: 55%;
}
#fbMsg img {
top: 33%;
}
}
@media screen and (max-width: 1100px) {
article {
margin: 0 auto;
width: 100%;
}
.support-pricing .container {
margin: 0 auto;
width: 100%;
}
.sec-pricing__header {
margin-top: 20px;
}
}
@media screen and (max-width: 480px) {
.content.col-sm-4.feature {
float: none;
width: 100%;
}
.content.col-sm-4.feature p {
font-size: 15px;
}
.features .title {
font-size: 20px;
margin-bottom: 15px;
} .support-pack .col-md-3 {
float: none;
width: 100%;
}
.site-review1 {
display: none;
}
.sec-pricing.support-pricing {
margin-top: 30px;
}
.pricing-list > li {
float: none;
margin: 10px auto;
width: 300px;
} .certified {
display: none;
}
.csslider1 {
display: none;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
float: none !important;
text-align: center;
width: 100% !important;
}
.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
margin: 0 auto;
}
ul.hire-team-process li {
border-left: none;
width: 100%;
margin-bottom: 30px;
min-height: inherit;
}
ul.hire-developers-bulletes li span.text-details {
width: 74%!important;
}
.testimonial_row li:first-child {
margin-left: auto;
}
.body-area div.home-headings .heading1 {
font-size: 19px;
}
.hiring-options ul.questions-answers li {
font-size: 13px;
}
.body-area div.home-headings .heading2 {
font-size: 14px;
}
.body-area div.home-headings .heading2 {
float: none;
padding: 0 10px;
box-sizing: border-box;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
clear: both;
float: none;
margin: 0 auto 2.992em;
width: 100%;
}
.seo-1 .table-block .caption_column,
.seo-1 .table-block .caption_column.column_0_responsive {
width: 99.2%;
}
.site-review-form .inner div.captcha::after {
content: "";
display: block;
overflow: hidden;
clear: both;
}
.site-review-form .inner div,
.site-review-form .inner div.captcha {
float: none;
width: 100% !important;
margin-bottom: 10px;
}
}
@media screen and (min-width: 600px) and (max-width: 1120px) {
.page-id-1936 .body-area.container {
box-sizing: border-box;
width: 99%;
}
.page-id-1936 .wrapper .row {
float: none;
}
}
@media screen and (min-width: 601px) and (max-width: 1024px) {
.promo .content {
padding: 20px 10px;
width: 55%;
}
.promo .image {
padding: 20px 10px;
width: 45%;
}
.promo .title {
font-size: 19px;
margin-bottom: 20px;
margin-top: 0;
}
.promo.section .intro {
margin: 0 auto 15px;
}
.app-benefits .title {
font-size: 20px;
font-weight: 600;
margin-bottom: 10px;
}
.benefit i {
font-size: 60px;
}
.sections-wrapper .container {
margin-bottom: 0;
}
.why {
padding-top: 40px;
padding-bottom: 20px;
}
.feature .title {
font-size: 25px;
}
.why .item {
padding: 0px 0;
}
#why .content.col-md-5 {
padding: 0 0 0 10px;
width: 52%;
}
.why .figure {
width: 48%;
margin-left: 0;
}
.app-benefits {
padding-bottom: 50px;
}
.features h2.title {
font-size: 28px;
}
.why .item .title {
font-size: 28px;
}
.col-md-push-7 {
left: 48.333%;
}
.col-md-pull-5 {
right: 53%;
}
.wraper-inner {
display: flex;
}
.wraper-inner .column1 {
height: inherit;
width: 31.7%;
}
.inner-heading li.column1 h2 {
padding: 20px 10px 10px;
}
.inner-heading .check-list {
display: block;
padding: 0 4% 20px;
}
.wraper-inner .column1 > p,
.inner-heading .heading2 {
padding: 5px 5% 7px;
height: inherit !important;
}
.inner-heading .heading3 .button1 {
width: 100%;
}
.inner-heading li.column1 .page-title h2 {
padding: 10px 4px 10px;
}
.inner-headings .heading1 {
line-height: 30px;
}
.cms-features li span {
width: 81%;
}
.cms-features ul li::after {
content: "";
overflow: hidden;
display: block;
clear: both;
height: 0;
}
.wccus .wccus-left {
width: 55%;
}
.wccus .wccus-right {
width: 45%;
}
#super_recent_posts_widget-2 ul li {
padding: 0 15px 20px 15px;
width: 50%;
}
#super_recent_posts_widget-2 ul li img {
float: none;
margin-right: 0;
width: 100%;
}
}
@media screen and (min-width: 481px) and (max-width: 700px) {
ul.hire-team-process li:nth-child(2n) {
border-left: 1px solid #dddddd;
}
ul.hire-team-process li {
border-left: medium none;
width: 49%;
float: none;
display: inline-block;
vertical-align: top;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
float: left;
width: 48%;
}
}
@media screen and (max-width: 950px) {
ul.hire-developers-bulletes li span.icon-area {
display: inline-block;
float: none;
}
.hire-developers-right:after {
content: "";
overflow: hidden;
display: block;
clear: both;
height: 0;
}
.hire-developers-right {
float: none;
padding: 25px 0 0;
width: 100%;
}
ul.hire-developers-bulletes li span.text-details {
display: inline-block;
float: none;
width: 83%;
vertical-align: top;
}
.hire-developers-left {
float: none;
padding: 35px 0 0;
width: 100%;
}
ul.hire-bulletes li span.text-details {
display: inline-block;
float: none;
width: 87%;
vertical-align: top;
margin-left: 10px;
}
ul.hire-bulletes li span.bullet {
display: inline-block;
float: none;
}
}
@media screen and (min-width: 701px) and (max-width: 1120px) {
.wrapper .degital-marketing > .container {
padding: 0;
}
.degital-marketing .inner-block .img-setion,
.degital-marketing .inner-block .content {
padding: 0 5px;
}
.degital-marketing h2.nomber {
font-size: 27px;
line-height: 35px;
}
.degital-marketing .block-heading {
font-size: 22px;
line-height: 30px;
}
ul.check-list li {
line-height: 28px!important;
}
.androidDeve ul {
width: 100%;
}
}
#super_recent_posts_widget-2::after,
#super_recent_posts_widget-2 ul::after {
content: "";
display: block;
overflow: hidden;
clear: both;
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
.main-navigation #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li>a {
font-size: 18px;
padding: 5px;
}
}
@media screen and (max-width: 1023px) {
.main-navigation div > ul > li:hover ul {
display: none;
}
.MenuToggle {
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/menu.png) no-repeat scroll right 2px / 25px 25px rgba(0, 0, 0, 0);
bottom: 48px;
cursor: pointer;
display: block;
font-size: 18px;
font-weight: bold;
height: 35px;
line-height: 28px;
margin: 8px auto 0;
clear: both;
text-align: left;
vertical-align: middle;
width: 89px;
}
.main-navigation {
padding: 10px 10px 30px;
display: none;
position: absolute;
z-index: 9999;
background: #292929;
width: 100%;
left: 0;
max-height: none;
}
.main-navigation #wp-megamenu-primary {
background: transparent;
position: static;
}
.main-navigation #wp-megamenu-primary.wp-megamenu-wrap.wpmm-mobile-menu .wpmm-nav-wrap {
position: static;
}
.main-navigation div > ul > li {
float: none;
margin: 0;
}
.main-navigation div ul ul {
background: none repeat scroll 0 0 #232323;
box-shadow: inherit;
left: 0;
position: relative;
top: 0;
padding: 0;
visibility: visible;
width: 100%;
z-index: 99;
}
.main-navigation div ul ul li a {
color: #f3f3f3;
display: block;
font-size: 14px;
line-height: 30px;
padding: 0 10px 0 0;
}
.main-navigation div ul ul li {
margin: 0;
padding: 0 0 0 5px;
}
.main-navigation div ul ul li a:hover {
color: #ccc;
}
.main-navigation div > ul > li .toggleMenu {
border-left: 1px solid #ddd;
color: #fff;
display: block !important;
font-size: 14px;
height: 51px;
line-height: 50px;
padding-right: 25px;
position: absolute;
right: 0;
text-align: right;
top: 0;
vertical-align: middle;
width: 34px;
}
.main-navigation div > ul > li#menu-item-32 > a {
border: medium none;
}
.main-navigation div > ul > li:hover {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
box-shadow: inherit;
}
.main-navigation div ul {
background: none repeat scroll 0 0 #333;
}
.main-navigation div > ul > li:hover > a {
color: #ccc;
}
.main-navigation div > ul > li > a {
color: #ccc;
line-height: 50px;
padding: 0 10px;
border-top: 1px solid #fff;
}
.main-navigation div > ul > li:hover ul {
padding: 0;
}
.main-navigation #wp-megamenu-primary.wpmm-mobile-menu a.wpmm_mobile_menu_btn {
background: transparent;
bottom: 48px;
cursor: pointer;
display: block !important;
font-size: 18px;
font-weight: bold;
height: 35px;
line-height: 28px;
margin: 8px auto 0;
clear: both;
text-align: left;
vertical-align: middle;
width: 89px;
color: #3d3d3d !important;
padding: 0;
text-decoration: none;
}
.main-navigation .wpmm-mobile-menu .wpmm_mobile_menu_btn i {
font-size: 30px;
float: right;
line-height: 30px;
font-weight: normal;
}
.main-navigation .wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.menu-item-has-children .fa {
display: block;
font-size: 25px;
}
.main-navigation div > ul > li.menu-item-has-children > a:after {
display: none;
}
}
@media screen and (max-width: 767px) {
#fbMsg img {
z-index: 999;
top: 56%;
}
.main-navigation div > ul > li:hover ul {
display: none;
}
.main-navigation #wp-megamenu-primary {
background: transparent;
position: static;
}
.main-navigation #wp-megamenu-primary.wp-megamenu-wrap.wpmm-mobile-menu .wpmm-nav-wrap {
position: static;
}
.main-navigation div > ul > li {
float: none;
margin: 0;
}
.main-navigation div ul ul {
background: none repeat scroll 0 0 #232323;
box-shadow: inherit;
left: 0;
position: relative;
top: 0;
padding: 0;
visibility: visible;
width: 100%;
z-index: 99;
}
.main-navigation div ul ul li a {
color: #f3f3f3;
display: block;
font-size: 14px;
line-height: 30px;
padding: 0 10px 0 0;
}
.main-navigation div ul ul li {
margin: 0;
padding: 0 0 0 5px;
}
.main-navigation div ul ul li a:hover {
color: #ccc;
}
.main-navigation div > ul > li .toggleMenu {
border-left: 1px solid #ddd;
color: #fff;
display: block !important;
font-size: 14px;
height: 51px;
line-height: 50px;
padding-right: 25px;
position: absolute;
right: 0;
text-align: right;
top: 0;
vertical-align: middle;
width: 34px;
}
.main-navigation div > ul > li#menu-item-32 > a {
border: medium none;
}
.main-navigation div > ul > li:hover {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
box-shadow: inherit;
}
.main-navigation div ul {
background: none repeat scroll 0 0 #333;
}
.main-navigation div > ul > li:hover > a {
color: #ccc;
}
.main-navigation div > ul > li > a {
color: #ccc;
line-height: 50px;
padding: 0 10px;
border-top: 1px solid #fff;
}
.main-navigation div > ul > li:hover ul {
padding: 0;
}
.main-navigation #wp-megamenu-primary.wpmm-mobile-menu a.wpmm_mobile_menu_btn {
background: url(//www.bay20.com/de/wp-content/themes/bay20/images/menu.png) no-repeat scroll right 2px / 25px 25px rgba(0, 0, 0, 0);
bottom: 48px;
cursor: pointer;
display: block !important;
font-size: 18px;
font-weight: bold;
height: 35px;
line-height: 28px;
margin: 8px auto 0;
clear: both;
text-align: left;
vertical-align: middle;
width: 89px;
color: #3d3d3d !important;
padding: 0;
text-decoration: none;
}
.main-navigation .wpmm-mobile-menu .wpmm_mobile_menu_btn i {
display: none;
}
.main-navigation .wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.menu-item-has-children .fa {
display: block;
font-size: 25px;
}
.FooterLower {
padding-bottom: 40px;
}
.post-form-control-section input[type="submit"] {
font-size: 16px;
padding: 12px 15px;
}
}
@media screen and (max-width: 1024px) {
.skypeCall {
right: 154px;
}
#fbMsg {
right: 15px;
}
a.social-icon.whatsapp {
right: 8px;
}
}
@media screen and (max-width: 1023px) {
.SocialLinksRightContainer .BigImg a, .SocialLinksRightContainer .BigImg .shopware_c {
width: 20%;
}
.SocialLinksRightContainer .BigImg a.magento_ctf img {
max-width: 110px;
}
}
@media screen and (max-width: 767px) {
.SocialLinksRightContainer .BigImg {
justify-content: center;
}
.SocialLinksRightContainer .BigImg a {
margin: 0 0 15px;
width: 33.333%;
padding: 0 10px;
}
.SocialLinksRightContainer .BigImg .shopware_c {
margin: 0 0 15px;
width: 33.333%;
padding: 0 10px;
}
.testimonial_row{
padding: 30px 0;
}
.SupportAndMaintaince ul,
.mcDesign ul,
.ecoStore ul,
.magentoDeve ul,
.wordDD ul,
.shopify ul,
.htmlCss ul,
.seoCon ul,
.androidDeve ul {
margin: 0 -10px;
}
.SupportAndMaintaince ul li,
.mcDesign ul li,
.ecoStore ul li,
.magentoDeve ul li,
.wordDD ul li,
.shopify ul li,
.htmlCss ul li,
.seoCon ul li,
.androidDeve ul li {
width: calc((100% - 40px) / 2);
margin: 0 10px 30px;
}
.sellSection ul {
margin: 0 -10px;
}
.sellSection li{
width: calc((100% - 40px) / 2);
margin: 0 10px 30px;
}
.span3 {
width: calc((100% - 0px) / 2);
}
.wire_frame .wireframe {
margin: 0 10px 20px;
width: calc((100% - 40px) / 2);
}
.wire_frame {
margin: 0 -10px;
}
}
@media screen and (max-width: 479px) {
.SocialLinksRightContainer .BigImg a {
width: 50%;
}
.SocialLinksRightContainer .BigImg a.magento_ctf img {
max-width: 95px;
}
.SocialLinksRightContainer .BigImg .shopware_c {
width: 50%;
}
.projectPortfolio h1, .projectPortfolio h2 {
font-size: 22px;
}
.testimonial_row li {
display: block;
margin: 0 auto 30px;
width: 80%;
}
.SupportAndMaintaince ul,
.mcDesign ul,
.ecoStore ul,
.magentoDeve ul,
.wordDD ul,
.shopify ul,
.htmlCss ul,
.seoCon ul,
.androidDeve ul {
margin: 0;
}
.SupportAndMaintaince ul li,
.mcDesign ul li,
.ecoStore ul li,
.magentoDeve ul li,
.wordDD ul li,
.shopify ul li,
.htmlCss ul li,
.seoCon ul li,
.androidDeve ul li {
width: 100%;
margin: 0 0 30px;
}
.sellSection ul {
margin: 0;
}
.sellSection li{
width: 100%;
margin: 0 0 30px;
}
.span3 {
width: 100%;
}
.wire_frame .wireframe {
margin: 0 0 20px;
width: 100%;
}
.wire_frame {
margin: 0;
}
.social-link1 a {
margin-right: 5px;
width: 30px;
height: 30px;
}
.social-link1 a.whatsapp svg, .social-link1 a.email svg, .social-link1 a.magento svg {
width: 18px;
}
.right-header .contact-navigation{
justify-content: center;
margin: 5px 0;
}
}
@media screen and (min-width: 701px) and (max-width: 1023px) {
.right-header {
width: 30%;
position: relative;
margin: 10px 0;
}
.logo {
width: 35%;
margin-left: 25%;
}
.logo a {
background-size: contain;
margin-bottom: 0;
width: 100%;
margin-left: 0;
}
.MenuToggle {
float: right;
margin: 0 10px 0 0 !important;
left: 20px;
position: absolute;
top: 34px;
}
.social-link1 {
padding: 0;
flex-wrap: wrap;
justify-content: end;
}
.social-link1 a {
margin-right: 5px;
margin-bottom: 5px;
}
.social-link1 a:last-child {
margin-right: 5px;
}
.skype {
padding-right: 6px;
display: none;
}
.feature-content ul li {
width: calc((100% - 40px) / 2);
}
}.owl-theme .owl-controls{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-controls .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background:#869791;color:#fff;text-decoration:none}.owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
} .owl-height {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
} .owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent; position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
display: none;
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
} .no-js .owl-carousel {
display: block;
} .owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
transform-style: preserve-3d;
} .owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//www.bay20.com/de/wp-content/themes/bay20/js/owl-carousel/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: scale 100ms ease;
-moz-transition: scale 100ms ease;
-ms-transition: scale 100ms ease;
-o-transition: scale 100ms ease;
transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transition: scale(1.3, 1.3);
-moz-transition: scale(1.3, 1.3);
-ms-transition: scale(1.3, 1.3);
-o-transition: scale(1.3, 1.3);
transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
}.cookielawinfo-column-1 {width: 25%;}
.cookielawinfo-column-2 {width: 10%;}
.cookielawinfo-column-3 {width: 15%;}
.cookielawinfo-column-4 {width: 50%;} .cookielawinfo-simple thead {width: 100%;}
.cookielawinfo-simple td {padding: 5px 5px 5px 0;vertical-align: top;}
.cookielawinfo-simple thead th {padding-right: 10px;text-align: left;} .cookielawinfo-modern {border: 1px solid #e3e3e3;background-color: #f2f2f2;width: 100%;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;}
.cookielawinfo-modern td, .cookielawinfo-modern th {padding: 5px;color: #333;}
.cookielawinfo-modern thead {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;padding: .2em 0 .2em .5em;text-align: left;color: #4B4B4B;background-color: #C8C8C8;background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e3e3e3), color-stop(.6,#B3B3B3));background-image: -moz-linear-gradient(top, #D6D6D6, #B0B0B0, #B3B3B3 90%);border-bottom: solid 1px #999;}
.cookielawinfo-modern th {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 17px;line-height: 20px;font-style: normal;font-weight: normal;text-align: left;text-shadow: white 1px 1px 1px;}
.cookielawinfo-modern td {line-height: 20px;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 14px;border-bottom: 1px solid #fff;border-top: 1px solid #fff;}
.cookielawinfo-modern tr.cookielawinfo-row:hover {background-color: #fff;} .cookielawinfo-elegant {border: 1px solid #DFDFDF;background-color: #F9F9F9;width: 100%;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;font-family: Arial,"Bitstream Vera Sans",Helvetica,Verdana,sans-serif;color: #333;}
.cookielawinfo-elegant tr {border-top-color: white;border-bottom: 1px solid #DFDFDF;color: #555;}
.cookielawinfo-elegant th {text-shadow: rgba(255, 255, 255, 0.796875) 0px 1px 0px;font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif;font-weight: normal;padding: 7px 7px 8px;text-align: left;line-height: 1.3em;font-size: 14px;}
.cookielawinfo-elegant td {font-size: 12px;padding: 4px 7px 2px;vertical-align: top;} .cookielawinfo-rounded {background-color: #f5f5f5;padding: 5px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border: 1px solid #ebebeb;}
.cookielawinfo-rounded td, .rounded th {padding: 1px 5px;}
.cookielawinfo-rounded thead {text-shadow: 0 1px 0 white;color: #999;}
.cookielawinfo-rounded th {text-align: left;text-transform: uppercase;font-size: 11pt;border-bottom: 1px solid #fff;padding: 1px 5px;}
.cookielawinfo-rounded td {font-size: 10pt;padding: 5px;}
.cookielawinfo-rounded tr.cookielawinfo-row:hover {background-color: #fff;} table.cookielawinfo-classic {font-family: Verdana, Arial, Helvetica, sans-serif;border-collapse: collapse;border-left: 1px solid #ccc;border-top: 1px solid #ccc; color: #333;}
table.cookielawinfo-classic thead tr th {text-transform: uppercase;background: #e2e2e2;}
table.cookielawinfo-classic tfoot tr th, table.cookielawinfo-classic tfoot tr td {text-transform: uppercase;color: #000;font-weight: bold;}
table.cookielawinfo-classic tfoot tr th {width: 20%;}
table.cookielawinfo-classic tfoot tr td {width: 80%;}
table.cookielawinfo-classic td, table.cookielawinfo-classic th {border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 5px;line-height: 1.8em;font-size: 0.8em;vertical-align: top;width: 20%;}
table.cookielawinfo-classic tr.odd th, table.cookielawinfo-classic tr.odd td {background: #efefef;} table.cookielawinfo-winter {font: 85% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;padding: 0; margin: 10px 0 20px; border-collapse: collapse; color: #333; background: #F3F5F7;}
table.cookielawinfo-winter a {color: #3A4856; text-decoration: none; border-bottom: 1px solid #C6C8CB;}
table.cookielawinfo-winter a:visited {color: #777;}
table.cookielawinfo-winter a:hover {color: #000;}
table.cookielawinfo-winter caption {text-align: left; text-transform: uppercase;  padding-bottom: 10px; font: 200% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;}
table.cookielawinfo-winter thead th {background: #3A4856; padding: 15px 10px; color: #fff; text-align: left; font-weight: normal;}
table.cookielawinfo-winter tbody {border-left: 1px solid #EAECEE; border-right: 1px solid #EAECEE;}
table.cookielawinfo-winter tbody {border-bottom: 1px solid #EAECEE;}
table.cookielawinfo-winter tbody td, table.cookielawinfo-winter tbody th {padding: 10px; background: url(//www.bay20.com/de/wp-content/plugins/cookie-law-info/legacy/images/td_back.gif) repeat-x; text-align: left;}
table.cookielawinfo-winter tbody tr {background: #F3F5F7;}
table.cookielawinfo-winter tbody tr.odd {background: #F0F2F4;}
table.cookielawinfo-winter tbody  tr:hover {background: #EAECEE; color: #111;}
table.cookielawinfo-winter tfoot td, table.cookielawinfo-winter tfoot th, table.cookielawinfo-winter tfoot tr {text-align: left; font: 120%  "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; text-transform: uppercase; background: #fff; padding: 10px;} @media(max-width:800px) {
table.cookielawinfo-row-cat-table td, table.cookielawinfo-row-cat-table th
{
width:23%;
font-size:12px;
word-wrap: break-word;
}
table.cookielawinfo-row-cat-table .cookielawinfo-column-4, table.cookielawinfo-row-cat-table .cookielawinfo-column-4
{
width:45%;
}
}
.cookielawinfo-row-cat-title{
border-bottom: 1px solid #eee;
text-align: center;
}
.cookielawinfo-row-cat-title-head{
text-align: center;
}
.cookielawinfo-row-cat-table{
width: 99%;
margin-left: 5px;
}