@media only screen and (max-width: 7000px) {} @media only screen and (max-width: 1700px) {} @media only screen and (min-width: 1600px) {} @media only screen and (min-width: 1400px) {} @media only screen and (max-width: 1400px) {
body {
font-size: 16px;
line-height: 1.6;
}
p {
font-size: 16px;
line-height: 1.6;
}
h1,
.h1 {
font-size: 48px;
}
h2,
.h2 {
font-size: 32px;
}
h3,
.h3 {
font-size: 22px;
}
.section {
padding: 90px 0px;
}
.btn {
font-size: 16px;
margin-bottom: 10px;
}
section.half-custom-section {
padding-top: 100px;
padding-bottom: 100px;
}
.page_header_side.header_slide .main-menu .main-top-nav ul li a {
font-size: 22px;
}
.section.custom-block.numbers-section {
padding-bottom: 100px;
}
.section.custom-block.numbers-section .items-row .items-holder .service-4-block {
padding: 20px 20px 20px;
}
.section.custom-block .items-row .items-holder .service-4-block h3 {
margin-bottom: 12px;
margin-top: 10px;
font-size: 22px;
} .section.product-overview-block .content-block-row.product-content-row .portfolio .vertical-item .item-media {
height: 220px;
}
.filters {
margin-bottom: 20px;
justify-content: space-around;
}
.filters a+a {
margin-left: 5px;
}
.filters a {
padding: 11px 22px;
}
.filters a::before {
width: 15px;
height: 15px;
top: 12px;
}
.section.product-overview-block .content-block-row.product-content-row .widget_product_categories ul.children {
margin-left: 10px;
}
.woocommerce-MyAccount-navigation li>a,
.widget_layered_nav li>a,
.widget_layered_nav_filters li>a,
.widget_product_categories li>a {
padding-left: 12px;
font-size: 14px;
}
.section.product-overview-block .content-block-row.product-content-row .widget_product_categories ul {
margin-top: 43px;
} .section.job-description-section {
padding: 50px 0px;
}
} @media only screen and (max-width: 1200px) {
body {
font-size: 16px;
}
p {
font-size: 16px;
}
h1,
.h1 {
font-size: 40px;
}
h2,
.h2 {
font-size: 32px;
}
h3,
.h3 {
font-size: 20px;
}
h4,
.h4 {
font-size: 18px;
}
.content-block-row.video-row .video-holder .vid-icon .video-image-holder {
height: 470px;
}
.content-block-row.video-row .video-holder .vid-icon .video-gallery-button .video-gallery-polygon {
left: 45%;
}
.title-404 {
font-size: 4rem;
}
.btn-1 {
min-width: 135px;
padding: 10px 20px 10px;
}
.btn-holder .btn {
font-size: 14px;
}
.section .liststyle2-ul-holder ul li {
font-size: 15px;
}
.button-primary { }
.button-secondary {
padding: 10px 24px;
}
.logo-img {
width: 260px;
}
.section.pager-banner.header {
min-height: 80vh;
}
.footer {
padding-top: 50px;
}
.section {
padding: 80px 0px;
}
.section .content-block-row .content-block-body h2 {
margin-bottom: 1rem;
}
.section ul li { }
.section ul li:before { }
.about-info .about-info-img .img {
height: 400px;
}
.section.projects-section.news .projects-item-row .item .project-image-holder { }
.split-content.news-info-left {
margin-bottom: 15px;
}
.testimonials-box {
padding: 25px 6%;
}
.section.price-section .items-row .items-holder .service-4-block {
padding: 40px 10px 40px;
}
.section.price-section .items-row .items-holder .service-4-block h3 {
padding-bottom: 10px;
}
.team-card .title-box {
padding: 18px 0;
}
.section.team-section .content-block-row .team-card .team-img {
height: 360px;
}
.position {
padding: 30px 35px 30px 35px;
}
.position-title {
font-size: 16px;
}
.contact .contact-link-icon {
width: 50px;
max-height: 50px;
min-height: 50px;
min-width: 50px;
font-size: 20px;
} .job-description-section {
padding: 60px 0px 45px;
}
.job-description-section ul li {
width: 40%;
margin-bottom: 20px;
text-align: left;
font-size: 18px;
}
.job-description-section ul li::before {}
.job-description-section ul li::after {
top: 8px;
}
.left-padding {
padding-right: 0;
padding-left: 8%;
}
.right-padding {
padding-right: 8%;
padding-left: 0%;
} a.logo img {
width: 65px;
max-height: inherit;
}
.page_header_side a.logo {
margin-top: 25px;
}
.page_header_side a.logo img {
max-width: 100%;
width: 65px;
} .section .content-block-row .content-block-body ul.counter-ul li .c_title {
font-size: 24px;
}
.section .content-block-row .content-block-body ul.counter-ul li .c_text {
font-size: 14px;
line-height: 1.3;
} .section.team-section .content-block-row .team-card .team-content h3.team-title {
font-size: 18px;
}
.section.team-section .team-row.content-block-row .team-card .team-img {
height: 390px;
} .section.custom-block .items-row .items-holder .service-4-block {
height: inherit;
}
.section.custom-block.numbers-section .items-row .items-holder .num {
margin-bottom: 13px;
} .steps-vertical .step-wrap .step-wrap__title:after {
bottom: -250px;
}
.steps-vertical .step-wrap .step-wrap__title h3 {
font-size: 34px;
} .product-categories {
display: none;
}
.product-categories-select {
display: block;
margin-bottom: 30px;
} .page_footer {
padding: 70px 0px 60px;
}
.page_footer a.logo img {
width: 95px;
max-height: inherit;
}
.page_footer .widget_mailchimp {
text-align: left;
max-width: 100%;
}
.footer-social-links {
margin-bottom: 50px;
}
.page_footer .widget h3,
.page_footer .widget .widget-title {
margin-bottom: 16px;
padding-bottom: 10px;
margin-top: 10px;
}
} @media only screen and (max-width: 991px) {
body {
font-size: 15px;
}
p {
font-size: 15px;
}
h1,
.h1 {
font-size: 38px;
}
h2,
.h2 {
font-size: 28px;
}
h3,
.h3 {
font-size: 20px;
}
h4,
.h4 {
font-size: 18px;
}
.left-padding {
padding-right: 0;
padding-left: 0;
}
.right-padding {
padding-right: 0;
padding-left: 0;
}
.title-404 {
font-size: 4rem;
}
.btn-1 {
min-width: 135px;
padding: 10px 20px 10px;
}
.btn-holder .btn {
font-size: 14px;
}
.section .liststyle2-ul-holder ul li {
font-size: 15px;
}
.button-primary,
.button-tersiyer { }
.button-secondary {
padding: 10px 24px;
}
.logo-img {
width: 260px;
}
.section.pager-banner.header {
min-height: 80vh;
}
.footer {
padding-top: 50px;
}
.section {
padding: 80px 0px;
}
.section .content-block-row .content-block-body h2 {
margin-bottom: 1rem;
}
.section ul li { }
.section ul li:before { }
.about-info .about-info-img .img {
height: 310px;
}
.section.custom-block .items-row .items-holder .service-4-block {
min-height: 270px;
}
.section.projects-section.news .projects-item-row .item .project-image-holder {
height: 410px;
}
.split-content.news-info-left {
margin-bottom: 15px;
}
.testimonials-box {
padding: 15px 6%;
margin-bottom: 50px;
}
.section.price-section .items-row .items-holder .service-4-block {
padding: 40px 10px 40px;
}
.section.price-section .items-row .items-holder .service-4-block h3 {
padding-bottom: 10px;
}
.team-card .title-box {
padding: 18px 0;
}
.section.team-section .content-block-row .team-card .team-img {
height: 360px;
}
.position {
padding: 30px 35px 30px 35px;
}
.position-title {
font-size: 16px;
}
.contact .contact-link-icon {
width: 50px;
max-height: 50px;
min-height: 50px;
min-width: 50px;
font-size: 20px;
}
.section.custom-block .items-row .items-holder .service-4-icon {
width: 64px;
height: 54px;
}
.section.custom-block .items-row .items-holder .service-4-block {
min-height: 220px;
}
.about-img {
width: 70%;
height: 580px;
margin-bottom: 4rem;
}
.second-footer .widget-area .widget {
padding: 10px 0 25px;
}
.job-description-section {
padding: 30px 0px 25px;
}
.job-description-section ul {}
.job-description-section ul li {
width: 40%;
margin-bottom: 0px;
text-align: left;
font-size: 16px;
}
.job-description-section ul li::before {}
.job-description-section ul li::after {
top: 8px;
}
.job-description-section ul li a {}
.job-description-section ul li a:hover,
.job-description-section ul li a:focus {} .navbar .dropdown-menu li {
padding: 15px 20px;
}
li.dropdown i.fa.fa-chevron-down.pq-submenu-icon {
top: 14px;
}
.section {
padding: 60px 0px;
} .section.content-section.pager-banner-section.header.slider-fade {
min-height: 90vh;
height: 680px;
display: flex;
align-items: center;
}
section.pager-banner-section-2 {
min-height: 80vh;
height: 660px;
}
.page_header_side.active-slide-side-header {
background-position: 210px 0px;
}
.top-includes>li.metaphone {
font-size: 18px;
}
img.m-icon.m-open {
margin-top: 8px;
}
img.m-icon {
width: 37px;
}
.page_header_side.header_slide .main-menu .main-top-nav ul li {
width: 100%;
display: block;
border-bottom: 0px solid #eded;
padding: 7px 0 7px 0;
}
.page_header_side.header_slide .main-menu .main-top-nav ul li a {
font-size: 17px;
}
.page_header_side.header_slide .main-menu .main-top-nav ul li ul {
margin-top: 5px;
margin-bottom: 7px;
min-width: 100%;
margin-left: 26px;
}
.page_header_side.header_slide .main-menu .main-top-nav ul li ul li {
padding: 5px 0 3px 0;
}
.page_header_side.header_slide .main-menu { min-height: 70vh;
padding-top: 30px;
margin-bottom: 30px;
} .section.product-overview-block .content-block-row.product-content-row {
margin-top: 1rem;
}
.product-categories {
display: none;
}
.product-categories-select {
display: block;
} .content-center {
padding-top: 70px;
}
section.half-custom-section {
padding-top: 0;
padding-bottom: 100px;
} .section.content-section .content-block-row .content-image-holder.image-type-contain img {
width: 300px;
max-width: 100%;
} .testimonials-content blockquote p {
text-align: center;
margin-top: 10px;
padding: 7px 0px;
}
.owl-theme .owl-dots {
margin-top: 51px;
} .section.custom-block .items-row .items-holder {
height: 96%;
background: #fff;
}
.section.custom-block .items-row .items-holder .service-4-block {
min-width: 82%;
height: inherit;
} .page_footer .widget_icons_list .icon-styled.bordered {
height: 30px;
line-height: 30px;
width: 30px;
font-size: 12px !important;
}
.page_footer .widget_icons_list .icon-styled.bordered+p {
padding-bottom: 6px;
}
.page_footer .widget_nav_menu ul li {
padding-bottom: 5px;
}
.page_footer .c-mb-50 [class*="col-"],
.page_footer .row.c-mb-50>[class*="col-"] {
margin-bottom: 20px;
}
.footer-social-links {
margin-bottom: 10px;
}
.page_footer {
padding: 70px 0px 20px;
} .section.pager-banner-section.banner-with-video.header.slider-fade {
min-height: auto;        height: auto;
}
.section.pager-banner-section.banner-with-video .banner-bg-image-holder {
width: 50%;
}
.section.pager-banner-section.banner-with-video  .content-block-row { 
padding-top: 80px;
flex-direction: column-reverse; 
}
.section.pager-banner-section.banner-with-video .content-block-row .content-image-holder{}
.section.pager-banner-section.banner-with-video .content-block-row .content-image-holder iframe{       margin-bottom: 30px;
border: 1px solid #ededed3d;}
.search-bar-mobile{ display: block !important;}
.search-bar-desktop{ display: none !important;}
.serach-bar form input[type="text"], .serach-bar form input[type="serach"] { 
margin-bottom: 30px; 
}
.serach-bar form i { 
top: 16px;
right: 3%;
} .section.search-section  {
position: relative;
}
.section.search-section  .content-block-row {
margin-bottom: 3rem;
}
.section.search-section  .content-block-row .content-block-body {
text-align: center;
} 
.section.search-section  .content-block-row .content-block-body .search-result-holder {}
.section.search-section  .content-block-row .content-block-body .search-result-holder .search-title{}
.section.search-section  .content-block-row .content-block-body .search-result-holder .search-title img{}
.section.search-section  .content-block-row .content-block-body .search-result-holder .result-row{}
.section.search-section  .content-block-row .content-block-body .search-result-holder .result-row p{}
.section.search-section  .content-block-row .content-block-body .search-result-holder .result-row img{}
.section.search-section  .content-block-row .content-block-body .search-result-holder .result-row a{}
.section.search-section  .content-block-row .content-block-body .search-result-holder .result-row a:hover,
.section.search-section  .content-block-row .content-block-body .search-result-holder .result-row a:focus{} } @media only screen and (max-width: 768px) {
body {
font-size: 16px;
}
p {
font-size: 16px;
}
h1,
.h1 {
font-size: 28px;
}
h2,
.h2 {
font-size: 26px;
}
h3,
.h3 {
font-size: 20px;
}
h4,
.h4 {
font-size: 18px;
}
.about-info-img2 {
margin-bottom: 40px;
}
.title-404 {
font-size: 4rem;
}
.btn-1 {
min-width: 135px;
padding: 10px 20px 10px;
}
.btn-holder .btn {
font-size: 14px;
}
.section .liststyle2-ul-holder ul {
margin-bottom: 2rem;
}
.section .liststyle2-ul-holder ul li {
font-size: 15px;
display: inline-block;
width: 44%;
margin-bottom: 26px;
}
.button-primary { }
.button-secondary {
padding: 10px 24px;
width: 100%;
}
.button-tersiyer {
padding: 10px 24px;
}
.logo-img {
width: 260px;
}
.section.pager-banner.header {
min-height: 86vh;
padding: 110px 0px 50px;
}
.footer {
padding-top: 50px;
}
.section {
padding: 60px 0px;
}
.section .content-block-row .content-block-body h2 {
margin-bottom: 1rem;
}
.section ul li { }
.section ul li:before { }
.about-info .about-info-img .img {
height: 310px;
}
.section.custom-block .items-row .items-holder .service-4-block {
min-height: 270px;
}
.section.projects-section.news .projects-item-row .item .project-image-holder {
height: 410px;
}
.split-content.news-info-left {
margin-bottom: 15px;
}
.testimonials-box {
padding: 37px 6%;
margin-bottom: 30px;
width: 97%;
}
.section.price-section .items-row .items-holder {
margin-bottom: 20px;
min-height: auto;
padding: 0px 4%;
}
.section.price-section .items-row .items-holder .service-4-block {
padding: 40px 10px 40px;
}
.section.price-section .items-row .items-holder .service-4-block .btn-holder {
margin-top: 30px;
}
.section.price-section .items-row .items-holder .service-4-block h3 {
padding-bottom: 3px;
}
.team-card .title-box {
padding: 18px 0;
}
.section.team-section .content-block-row .team-card .team-img {
height: 360px;
}
.position {
padding: 24px 24px 24px 24px;
margin-bottom: 20px;
}
.position-title {
font-size: 16px;
}
.contact .contact-link-icon {
width: 50px;
max-height: 50px;
min-height: 50px;
min-width: 50px;
font-size: 20px;
}
.section.custom-block .items-row .items-holder .service-4-icon {
width: 64px;
height: 54px;
}
.section.custom-block .items-row .items-holder .service-4-block {
min-height: 170px;
}
.about-img {
width: 100%;
height: 320px;
margin-bottom: 4rem;
}
.section.testimonials-section { }
.second-footer .widget-area .widget {
padding: 10px 0 20px;
}
.job-description-section {
padding: 30px 0px 25px;
}
.job-description-section ul {
margin-left: 10px;
}
.job-description-section ul li {
width: 100%;
margin-bottom: 0px;
text-align: left;
font-size: 16px;
}
.job-description-section ul li::before {}
.job-description-section ul li::after {
top: 8px;
}
.job-description-section ul li a {}
.job-description-section ul li a:hover,
.job-description-section ul li a:focus {} .section.projects-section.news .content-block-row .content-block-body .btn-holder {
text-align: left;
margin-top: 1rem;
}
.news .item .divider {
margin-top: 10px;
margin-bottom: 10px;
}
.navbar .dropdown-menu li {
padding: 10px 20px;
}
.progress-wrap {
bottom: 16px;
right: 20px;
height: 40px;
width: 40px;
}
.progress-wrap::after {
line-height: 40px;
height: 40px;
width: 40px;
}
.about-img-hotifer {
right: 10px;
padding: 20px;
}
.section.projects-section .content-block-row .projects .projects-image-holder {
height: 330px;
}
.section.projects-section.background-size-contain .content-block-row .projects .projects-image-holder { height: 160px; }
.link-btn {
border-bottom: 0px solid #fbddd2;
}
.content-block-row.video-row {
margin-top: 20px;
}
.content-block-row.video-row .video-holder .vid-icon .video-image-holder {
height: 250px;
}
.content-block-row.video-row .video-holder .vid-icon .video-gallery-button .video-gallery-polygon {
left: 42%;
bottom: 39%;
height: 55px;
line-height: 56px;
text-align: center;
font-size: 22px;
padding-left: 4px;
width: 56px;
}
.section.contact-form-section .custom-form-holder {
margin-right: 0;
padding: 40px 20px;
}
.section.contact-form-section span.wpcf7-form-control-wrap.mathcaptcha-224 {
display: block;
margin-top: 6px;
border: none;
background: none !important;
}
.section.contact-form-section input#cap-id {
width: 70px;
height: 39px;
}
.footer .contact-ul {
padding-top: 9px;
}
.footer .contact-ul li {
margin-bottom: 16px;
}
.footer .contact-ul li i {
font-size: 17px;
line-height: 24px;
}
.copyright {
padding-top: 0;
}
.copyright p {
font-size: 14px;
padding: 23px 0% 0px;
}
.imp-daten {}
.imp-daten ul {
text-align: left;
padding-left: 0px;
margin-top: 8px;
}
.imp-daten ul li {
padding-left: 0px;
padding-right: 19px;
}
.imp-daten ul li a {}
.imp-daten ul li a:hover,
.imp-daten ul li a:focus {} .filters {
justify-content: center;
}
section.half-custom-section .content-block-row {
width: 100%;
}
.page_header_side.active-slide-side-header::before {
opacity: 0;
}
.section .content-block-row .content-block-body .btn-holder .btn i {
top: 4px;
}
.section.text-block-section.text-block-2col .content-block-row {
margin-bottom: 2rem;
}
.section.text-block-section.text-block-2col .content-block-row.heading-row .content-block-body {
text-align: left;
}
.section.text-block-section.text-block-2col .content-block-row .content-block-body {
text-align: left;
width: 100%;
}
.section.text-block-section.text-block-2col .content-block-row.heading-row.btn-holder-row {
margin-bottom: 0rem;
margin-top: 1rem;
}
.section.text-block-section.text-block-2col .content-block-row.heading-row .content-block-body {
width: 100%;
}  .section.pager-banner-section.banner-with-video.header.slider-fade {
min-height: auto;        height: auto;
}
.section.pager-banner-section.banner-with-video .banner-bg-image-holder {
width: 50%;
}
.section.pager-banner-section.banner-with-video  .content-block-row { 
padding-top: 80px;
flex-direction: column-reverse; 
}
.section.pager-banner-section.banner-with-video .content-block-row .content-image-holder{}
.section.pager-banner-section.banner-with-video .content-block-row .content-image-holder iframe{        height: 330px !important;         margin-bottom: 30px;}
.section.content-section .content-block-row  .content-image-holder.image-type-round {
height: 400px;
width: 400px;  
} .section.search-section  {
position: relative;
}
.section.search-section  .content-block-row {
margin-bottom: 3rem;
}
.section.search-section  .content-block-row .content-block-body {
text-align: center;
} 
.section.search-section  .content-block-row .content-block-body .search-result-holder {}
.section.search-section  .content-block-row .content-block-body .search-result-holder .search-title{}
.section.search-section  .content-block-row .content-block-body .search-result-holder .search-title img{}
.section.search-section  .content-block-row .content-block-body .search-result-holder .result-row{}
.section.search-section  .content-block-row .content-block-body .search-result-holder .result-row p{}
.section.search-section  .content-block-row .content-block-body .search-result-holder .result-row img{}
.section.search-section  .content-block-row .content-block-body .search-result-holder .result-row a{}
.section.search-section  .content-block-row .content-block-body .search-result-holder .result-row a:hover,
.section.search-section  .content-block-row .content-block-body .search-result-holder .result-row a:focus{} .top-cat-skz-holder img {
width: 40px; }
section.padding-top-200 {
padding-top: 130px;
}
.filters-checkbox-selection.custom-filters .filters-checkbox-wrap form {
border: 1px solid #f2f5f7;
padding: 10px 0px 0px 10px;
height: 280px;
margin-bottom: 2rem;
overflow-y: scroll;
overflow-x: hidden;
width: 100%;
}
}  @media only screen and (max-width: 575px) { a.logo img {
width: 52px;
}
.page_header_side a.logo img {
width: 52px;
}
.page_header_side a.logo {
margin-top: 20px;
}
.text-center a.logo {
margin-bottom: 0px;
}
.top-includes>li+li {
margin-left: 0px;
}
.page_header_side.header_side_right.active-slide-side-header .top-includes>li.metaphone {
display: none;
}
.page_header_side.header_side_right.active-slide-side-header .d-flex {
display: -ms-flexbox !important;
display: flex !important;
justify-content: flex-end;
}
.section.content-section.pager-banner-section.header.slider-fade {
min-height: 90vh;
}
.section.pager-banner-section .content-block-row {
padding-top: 160px;
}
.page_header_side.header_slide .simple-top-nav { text-align: left;
}
.page_header_side.header_slide .simple-top-nav ul li a {
margin-left: 0px;
padding-right: 30px !important;
font-size: 16px;
}
.content-center {
text-align: left;
}
.top-includes>li.metaphone {
font-size: 15px;
height: 54px;
display: flex;
align-items: center;
padding-right: 0px;
}
.page_header_wrapper .col-xl-6.col-md-8.col-sm-8.col-9.d-flex.justify-content-md-end {
display: flex;
justify-content: flex-end;
} .section.team-section .team-row.content-block-row .team-card .team-img {
height: 310px;
}
aside {
max-width: 100%;
}
.filters { }
.filters a {
padding: 12px 31px;
border: 1px solid #efefef;
border-radius: 8px;
width: 48%;
display: flex;
align-items: flex-start;
font-size: 14px;
}
.filters .active { border-width: 0;
border: 1px solid #e3051e;
}
.filters a::before {
left: 8px;
} .section.product-overview-block .content-block-row.product-content-row .portfolio .vertical-item .item-media {
height: 300px;
}
.section.product-overview-block .content-block-row.product-content-row .portfolio .vertical-item .item-media img {
width: 260px;
}
.section.contact-form-section .contact-icon {
margin-top: -30px;
} .section.pager-banner-section.banner-with-video.header.slider-fade {
min-height: auto;        height: auto;
}
.section.pager-banner-section.banner-with-video .banner-bg-image-holder {
width: 50%;
}
.section.pager-banner-section.banner-with-video  .content-block-row { 
padding-top: 80px;
flex-direction: column-reverse; 
}
.section.pager-banner-section.banner-with-video .content-block-row .content-image-holder{}
.section.pager-banner-section.banner-with-video .content-block-row .content-image-holder iframe{        height: 330px !important;         margin-bottom: 30px;}
.section.content-section .content-block-row  .content-image-holder.image-type-round {
height: 300px;
width: 300px;  
} .section.search-section  {
position: relative;
}
.section.search-section  .content-block-row {
margin-bottom: 3rem;
}
.section.search-section  .content-block-row .content-block-body {
text-align: center;
} 
.section.search-section  .content-block-row .content-block-body .search-result-holder {}
.section.search-section  .content-block-row .content-block-body .search-result-holder .search-title{}
.section.search-section  .content-block-row .content-block-body .search-result-holder .search-title img{}
.section.search-section  .content-block-row .content-block-body .search-result-holder .result-row{}
.section.search-section  .content-block-row .content-block-body .search-result-holder .result-row p{}
.section.search-section  .content-block-row .content-block-body .search-result-holder .result-row img{}
.section.search-section  .content-block-row .content-block-body .search-result-holder .result-row a{}
.section.search-section  .content-block-row .content-block-body .search-result-holder .result-row a:hover,
.section.search-section  .content-block-row .content-block-body .search-result-holder .result-row a:focus{} .video-main{
height: 310px;}
} @media only screen and (max-width: 340px) {
.logo-img {
width: 190px;
}
}