@media (min-width: 1280px) {
.kvText {
position: absolute;
left: 26%;
}
}
@media (max-width: 1280px) {
.kvTitle {
font-size: 3.5rem;
}
.kvDec {
font-size: 1.5rem;
}
.kvText {
top: 35%;
}
.roundBtn {
padding: 10px 10px;
}
.lab_video_text_overlay {
margin-top: 90px;
}
.breadcrumb {
padding-top: 66px;
}
.colPadding {
padding: 0px 40px;
}
}
@media (max-width: 1001px) {
.iconCardDes{
font-size: 0.8rem;
}
.mapBtnWrap {
margin: 0px 0px;
}
#map2, #map {
height: 300px;
}
.mapDetail{
position: relative;
max-width:100%;
width: 100%;
right: 0px;
}
.newsCard .card-text {
font-size: 0.8rem;
}
.kv {
min-height: 1108px;
}
.iconCard .iconCardDes {
opacity: 1;
display: block;
}
.layer:nth-child(2) {
padding: 0;
width: 460px;
transform: translate(-50%, -74%) rotateZ(0deg) translateZ(50px);
}
.layer:nth-child(2) img {
width: 100%;
}
.leftTitle {
display: none;
}
.logoImg {
top: -35px;
}
.mainVideo::after {
top: 16px;
left: 0px;
}
.mainSliderWrap {
padding-left: 20px;
padding-right: 20px;
margin-bottom: 60px;
}
.swiper-button-next,
.swiper-button-next2,
.swiper-container-rtl .swiper-button-prev,
.swiper-container-rtl .swiper-button-prev2 {
width: 35px;
height: 35px;
right: -18px;
}
.swiper-button-prev,
.swiper-button-prev2,
.swiper-container-rtl .swiper-button-next,
.swiper-container-rtl .swiper-button-next2 {
width: 35px;
height: 35px;
left: -18px;
}
.layer:nth-child(3) {
transform: translate(-18%, -52%) rotateZ(0deg) translateZ(110px);
}
.kvText {
position: relative;
top: 15%;
margin: 0px auto;
width: 90%;
padding: 20px;
left: 0;
transform: inherit;
text-align: center;
}
.kvbox {
position: relative;
height: 100%;
top: 50%;
left: 50%;
}
.calendarWrap {
padding: 100px 0px;
}
.colPadding {
padding: 0px 20px;
}
.filterItem {
display: none;
}
.mobileFilterBtn {
font-size: 2rem;
color: #35c0ed;
display: block;
}
.benefitBox {
text-align: center;
width: 100%;
}
.searchBtn {
padding: 20px;
}
.quickSearch {
padding: 80px 20px 200px 20px;
}
.quickSearchForm .form-control {
font-size: 1rem;
border: 0px;
margin-bottom: 2px;
}
.breadcrumb {
padding-top: 90px;
}
.silderTextWrap {
width: 60%;
}
.lab_video_text_overlay {
margin-top: 140px;
}
.silderDetail {
line-height: 24px;
font-size: 1rem;
}
.mainDesItem {
padding: 0px 15px;
}
.mobileBorderTop {
padding-top: 20px;
border-top: 1px solid #cdcdcd;
padding-right: 20px;
}
.quickSubSearch {
padding: 0px 20px 40px 20px;
}
.mainWrapper {
padding: 50px 20px;
}
.srotPackGroupWrap label {
width: 100%;
}
}
@media only screen and (max-width: 800px) {
.kvbox {
top: 43%;
}
/* Force table to not be like tables anymore */
.responsiveTable table,
.responsiveTable thead,
.responsiveTable tbody,
.responsiveTable th,
.responsiveTable td,
.responsiveTable tr {
display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */
.responsiveTable thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.responsiveTable tr {
border: 1px solid #ccc;
}
.responsiveTable td {
/* Behave like a "row" */
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 40%;
white-space: normal;
text-align: left;
}
.responsiveTable td:before {
/* Now like a table header */
position: absolute;
color:#e377a7 ;
/* Top/left values mimic padding */
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align: left;
font-weight: bold;
}
/*
Label the data
*/
.responsiveTable td:before {
content: attr(data-title);
}
}
@media (max-width: 768px) {
.mainVideoWrap {
padding: 40px 0px 60px 0px;
}
.mainWrap {
margin: 40px 0px;
}
.calendarWrap {
padding: 40px 0px;
}
.layer:nth-child(3) {
transform: translate(-26%, -38%) rotateZ(0deg) translateZ(110px);
}
.layer:nth-child(2) {
padding: 30px;
transform: translate(-50%, -65%) rotateZ(0deg) translateZ(50px);
}
.kvTitle {
font-size: 2.2rem;
margin-bottom: 10px;
}
.kvDec {
font-size: 1rem;
}
.h1,
h1 {
font-size: 3rem;
}
.mobileFullWidth {
width: 100% !important;
}
.mainSmallWrapper {
padding: 30px 20px;
}
.colPadding {
padding: 0px 15px;
}
.mobileMargin-auto {
margin: 20px auto !important;
}
.shardowBox {
padding: 20px;
}
.benefitBox svg {
width: 160px;
height: 160px;
}
.subscribe {
width: 100%;
}
.payBtn {
min-width: auto;
}
.moblieNoMargin {
margin: 0px !important;
}
.searchResultsDetail {
text-align: center;
}
.searchResultsPrice {
margin-top: 20px;
padding-top: 10px;
border-left: 0px dotted #cdcdcd;
border-top: 1px dotted #cdcdcd;
border-radius: 0px 0px 10px 10px;
}
.teamDetail {
padding: 40px 20px;
}
.swiper-slide {
width: 100%;
}
.teamBanner {
height: 300px;
}
.silderDetail {
font-size: 0.9rem;
}
.silderTextWrap {
width: 80%;
padding-left: 10%;
}
}
@media (max-width: 500px) {
.breadcrumbLink a,
.breadcrumbLink {
text-align: left;
}
.breadcrumbWrapper {
margin: 0px;
padding: 10px 20px;
}
.breadcrumbWrapper.text-center {
text-align: left !important;
}
.mainIcon {
width: auto;
}
h3, .h3 {
font-size: 1.2rem;
}
.kv {
min-height: 966px;
}
.sliderStar {
top: 120px;
}
.sliderStar {
right: -380px;
}
.lab_video_text_overlay {
margin-top: 100px;
}
.aboutDes {
width: 100%;
}
.aboutImg {
width: 100%;
}
.mobileLeft {
margin-left: 0px !important;
}
.silderTextWrap {
width: 90%;
}
.flexSmColumn {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
}