/* #Media Queries Responsive ================================================== */ /* Desktop large ------------------------- */ @media (min-width: 1200px) { #banner-holder {min-height: 380px; background-color: #000;} } /* Desktop ------------------------- */ @media (min-width: 980px) and (max-width: 1199px) { #main-navs > li a {padding: 20px 15px;} #home-banner #banner-caption > div h2 {font-size: 40px;line-height: 40px;} #wc-content h3 {font-size: 16px; line-height: 24px; } a.view-more {padding: 8px 15px;font-size: 14px;} /*.tp-bullets {bottom: 30px !important;}*/ /*founder */ #founder #rt {padding-top: 5%; padding-bottom: 5%;} #founder #center {padding-top: 10%; padding-bottom: 10%;} #founder h2.title {padding: 0px;} #founder #desc {padding: 20px; text-align: center;} /*credo */ #credo ul#main>li {margin-left: 0px;} #credo .tp-simpleresponsive ul, #credo .tp-simpleresponsive ul li, #credo .tp-simpleresponsive ul li:before { max-width: 1200px !important; } #credo .backdiv-credo {height: 400px!important;} /* products */ /*#facts .right {display:block; float: left; margin-top: 20px; margin-left: 20px}*/ #facts table tr td {padding: 0px 9px 10px 0px;} #facts { margin-bottom: 30px; } } /* Tablet to desktop ------------------------- */ /*@media (min-width: 793px) and (max-width: 979px) {*/ @media (min-width: 768px) and (max-width: 979px) { /* HOMEPAGE */ #full-grid {background: none;} #home-banner #banner-caption > div h2 {font-size: 35px;line-height: 35px;} #wc-content h3 {font-size: 15px; line-height: 22px; } a.view-more {padding: 5px 12px;font-size: 13px;} .tp-bullets {bottom: 30px !important;} #home-banner #banner-caption {bottom: 100px;} #full-body #grid-view > li > div .desc h5 { font-size: 14px; } /* CONTACT */ #contact .contact-grid a {width: 190px;} /* WHY WINDY */ #tabs ul#tab-ul li a {float: left;padding: 10px 20px;} .pad {display: table; margin: 0px auto;} /*certification */ #certification #block ul li {width: 50%;} #certification #block ul li:last-child {margin-top: 50px;} /*founder */ #founder #rt {padding-top: 5%; padding-bottom: 5%;} #founder #center {padding-top: 10%; padding-bottom: 10%;} #founder h2.title {padding: 0px;} #founder #desc {padding: 20px; text-align: center;} /*credo */ #credo ul#main>li {margin-left: 0px;} #credo ul#main>li {margin-left: 0px;} #credo .backdiv-credo {height: 400px!important;} /* Products */ #facts h2.title {margin-top: 20px; margin-bottom: 20px;} #wc-content #video-container .video-mask div{ top: 30%; left: 38%;} #sample-development .inner-page-full-body #block #competence-product > ul > li > .custom-div > .img { width: 100%; padding-left: 0;} #sample-development .inner-page-full-body #block #competence-product > ul > li > .custom-div > .img-dtls {width: 100%; padding: 0;} #sample-development .inner-page-full-body #block #competence-product > ul > li:nth-child(odd) .custom-div > .img-dtls{margin-top: 20px;} #sample-development .inner-page-full-body #block #competence-product > ul > li:nth-child(even) .custom-div > .img-dtls{margin-bottom: 20px;} } /* All Mobile Sizes (devices and browser) ------------------------- */ /*@media only screen and (max-width: 792px) {*/ @media only screen and (max-width: 767px) { #full-grid {position: relative;height: 85px;background: #000;} #home-banner #banner-caption > div h2 {font-size: 40px;line-height: 40px;padding: 10px;} .sp-container h2 {font-size: 40px;} a.mobilemenu {top: 50px;} .tp-bullets {bottom: 30px !important;} #home-banner #banner-caption {bottom: 100px;} #video-container {margin-top: 20px;} /*#full-body #grid-view > li > div .desc h5 { font-size: 14px; }*/ .bx-wrapper .bx-prev {left: 6px;} .bx-wrapper .bx-next {right: 15px;} #footer #copyright p { font-size: 11px; text-align: center;} #full-body #grid-view > li.large-grid {width: 100%;} #full-body #grid-view > li {width: 100%;} /*CONTACT */ #contact input {width: 98%; } #contact .contact-grid a {display: initial; } /*certification */ #certification #block ul li {width: 100%; margin: 20px 0px;} #certification #block ul li:last-child img {max-width: 220px;} /*FOOTER */ #footer #pre-footer { text-align: center; } #footer #pre-footer h3:after{ margin: 10px auto; } /*WHY WINDY */ .pad {display: table; margin: 0px auto;} #tabs ul#tab-ul li {width: 100%;} /*THUMB */ .room-thumb {box-shadow: none; } .room-thumb .mask {position: relative; transform: translateY(0px); -webkit-transform: translateY(0px);-moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);} .room-thumb:hover .mask {transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);} .room-thumb img { transition:all 0s ease 0s; width: 100%;} .room-thumb:hover img { -webkit-transform: translateY(0px);-moz-transform: translateY(0px);-o-transform: translateY(0x);-ms-transform: translateY(0px);transform: translateY(0px);} .room-thumb .content { padding: 20px; } /*founder */ #founder #rt {padding-top: 5%; padding-bottom: 5%;} #founder #center {padding-top: 10%; padding-bottom: 10%;} #founder h2.title {padding: 0px;} #founder #desc {padding: 20px; text-align: center;} #founder #img-holder { padding: 0px; background: none; } /*credo */ #credo ul#main>li {margin-left: 0px;} ul#value-culture>li {display: block; margin-top: 20px;} #credo ul#main>li.even { } #credo ul#main {height: 1200px; } /*#credo ul#main>li:first-child {min-height: 10%;} #credo ul#main>li.even {min-height: 65%;} #credo ul#main>li:last-child {min-height: 25%;}*/ #credo ul#main>li:first-child {min-height: 200px;} #credo ul#main>li.even {min-height: 600px;} #credo ul#main>li:last-child {min-height: 400px;} #credo .backdiv-credo {height: 400px!important;} .common.backdiv-common {height: 400px!important;} /* Products */ #facts h2.title {margin-top: 20px; margin-bottom: 20px;} /* #competence .inner-page-full-body .thumb-box-product img{ margin: 0 auto; }*/ #sample-development .inner-page-full-body #block #competence-product > ul > li > .custom-div > .img { width: 100%; padding-left: 0;} #sample-development .inner-page-full-body #block #competence-product > ul > li > .custom-div > .img-dtls {width: 100%; padding: 0;} #sample-development .inner-page-full-body #block #competence-product > ul > li:nth-child(odd) .custom-div > .img-dtls{margin-top: 20px;} #sample-development .inner-page-full-body #block #competence-product > ul > li:nth-child(even) .custom-div > .img-dtls{margin-bottom: 20px;} } /* Mobile Landscape & Tablet Portrait ------------------------- */ @media only screen and (min-width: 480px) and (max-width: 767px) { #logo a img {max-width: 100px;} .flex-control-paging li a {width: 15px; height: 15px; } .sp-container h2 {font-size: 40px;} /* CONTACT */ #contact .contact-grid a {width: 120px;} /* WHY WINDY */ #tabs ul#tab-ul { width: 80%; margin: 0px auto; } #tabs ul#tab-ul li {width: 50%; /*padding-bottom: 10px;*/} #tabs ul#tab-ul li a {width: 100%;text-align: center; font-size: 13px; } #tabs ul#tab-ul li:nth-child(n+3) a {border-top: 0px;} #tabs ul#tab-ul li:last-child:nth-child(odd) {width: 100%;} #tabs ul#tab-ul li:last-child:nth-child(odd) a {border-top: 0px; text-align: center;} /* facts */ /*#facts .right {display:block; float: left; margin-top: 20px; margin-left: 20px}*/ #facts table tr td {padding: 0px 9px 10px 0px;} } /* Mobile Portrait ------------------------- */ @media only screen and (max-width: 479px) { #logo a img {max-width: 100px;} .flex-control-paging li a {width: 10px; height: 10px; } .flex-control-nav { bottom: 5px; } #home-banner #banner-caption > div h2 {font-size: 10px;line-height: 10px;} #text-animation { top: 35%; } .sp-container h2 {font-size: 25px;} a.mobilemenu {top: 50px;left: 20px;} #contact .contact-grid {display: block;width: 100%; margin: 0px 0px 40px 0px; } /*CAREER */ #career input[type="text"], #career input[type="email"] { width: 100%; } /*WHY WINDY */ #tabs ul#tab-ul li a{width: 100%; font-size: 13px;} #tabs ul#tab-ul li:nth-child(n+2) a {border-top: 0px; } /* CONTACT */ /*#contact .contact-grid a {width: 60px;}*/ /*credo */ #credo ul#main {height: 1500px; } #credo ul#main>li:first-child {min-height: 200px;} #credo ul#main>li.even {min-height: 800px;} #credo ul#main>li:last-child {min-height: 500px;} #credo table#value tr td {width: 80%; display: block;} /*product */ ul#qty a { height: 88px; } .flexslider.loading {min-height: 0px;background: none;} table#speciality tr td.last-child { text-align: center; } #facts .right {float: left; margin-top: 20px; margin-left: 0px} /* team windy */ #teamwindy #member a { padding: 0px; } #grid-view > li {width: 100%;} .inner-page-full-body #about-contact #grid-holder .contact-info .img { width: 100%; } .inner-page-full-body #about-contact #grid-holder .contact-info .contact-address { width: 100%; padding: 20px 0;} #wc-content #video-container .video-mask div{ top: 30%; left: 38%;} #wc-content #video-container .video-mask div i { font-size: 25px;} }