@media screen and (max-width: 1800px) {
    
}
@media only screen and (max-width: 1875px) {


}
@media only screen and (max-width: 1680px) {
  

   
}
@media only screen and (max-width: 1600px) { 
 
}

@media only screen and (max-width: 1440px) { 
  .sec5-col1 img,.sec5-col3 img {width: 100%;}
  .nav-menu li {margin: 0 0.5rem;}
  .slide-content {width:90%}
  .slide-i-con p {font-size: 1.2rem;}
  .right-ov-banner .hed-img1 {    width: 100%;}
  
}

@media only screen and (max-width: 1366px) {




}


@media only screen and (max-width: 1280px) {
    
}
@media only screen and (max-width: 1279px) {
    
    
}
@media only screen and (max-width: 1200px) {
  .text-48px {
    font-size: 2rem;
}
.leading-58px {
  line-height: 2.6rem;
}


}
@media only screen and (max-width: 1100px) {
   
}
@media only screen and (max-width: 1024px) {
  .text-48px {font-size: 2rem;}
  .leading-58px {line-height: 2.6rem;}
  .amb-sec .nav-link {font-size: 14px;}
  .strings-2{margin: 0;}
  .sec4tab-content .overlap-group-wrapper {height: auto;}
  .sec4tab-content .play-wrapper{top: 21px;    left: 28px;}
  .sec4tab-content p {font-size: 26px;}
  .share-l-cont img{width: 100%;}
  .use-select .tab-pane img{width: 100%;}
  .component1-feat-1 p{text-overflow: ellipsis;overflow: hidden;display: -webkit-box;line-height: 1.5em; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
  .component3-feat-3 p{text-overflow: ellipsis;overflow: hidden;display: -webkit-box;line-height: 1.5em; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.component-1,.component-2,.component-3 {height: 610px;} 
.mobile-screen2 {margin: 2rem 0;}
.navbar-toggler:focus{box-shadow: none;}
.component1-feat-1, .component3-feat-3 {min-height: 610px;}
.fet-img1 img {position: relative; width: 100%; height: auto;}


}




@media only screen and (max-width: 1023px) {

  .component-1 .com-tx-1 h4,.component-2 .com-tx-1 h4,.component-3 .com-tx-1 h4 {font-size: 1.629rem;} 
  .ben-tab .nav-link {    padding: 0.857rem 1.157rem;} 
  .sec4-ben-cont {margin: 29% 0 0;}

    
}
@media only screen and (max-width: 912px) {
  
}

@media only screen and (max-width: 820px) {
 

}



@media only screen and (max-width: 768px) {
  .text-20px {font-size: 1rem;}
  .leading-58px {line-height: 3rem;}
  .text-48px {font-size: 2.429rem;}
  .share-l-cont img {width: 65%;}
  .knw-menu {padding: 0.8rem 0;}
  .navbar-toggler {border: none;}
  .right-ov-banner .hed-play {}
  .sec-3-le-main .tab-pane img{width: 60%;}
  .ben-tab {top:0;}
  .ben-tab .nav-link {padding: 0.857rem 1.157rem;}
  .sec4tab-content .play-2 {top: 50%;    left: 50%;    margin: -60px;}
  .cont-6-left p {font-size: 4rem;}
  .cont-6-right {gap: 12px; padding: 0px 2.143rem;}
  .container-4s-pad {padding: 1.143rem;}
  .component-1,.component-2,.component-3 {height: 610px;} 
  .component-1 .com-tx-1 h4,.component-2 .com-tx-1 h4,.component-3 .com-tx-1 h4 {font-size: 1.629rem;}
  .component1-feat-1, .component3-feat-3{height: 550px;}
  .fright ul li {    display: inline-block;    margin: 0 0.5rem 0 0;}

.feature-slider h3{font-size: 1.5rem; margin: 0 0 0.5rem;}
.feature-slider .slick-slide img {display: inline-block; width: 50%;}
.feature-slider .strings-2 h6{font-size: 1.5rem; margin: 1rem 0 0; line-height: 28px;}
.feature-slider .strings-2 {align-items: center;}
.feature-slider  .slick-slide {margin:  0 1rem;}
 


} 


@media only screen and (max-width: 767px) {
  .component-3 .com-txo-1, .component-2 .com-txo-1, .component-1 .com-txo-1 {left: 10px;} 
  .component-1 .com-tx-1 h4,.component-2 .com-tx-1 h4,.component-3 .com-tx-1 h4 {font-size: 1.329rem;} 
  .timeContainer .wrapper div:last-child {display: none;}
  .ben-tab {position: relative; top: 0; width: 100%;} .sec4-ben-cont {margin: 0 0 1.5rem;}
  .container-4s-pad {padding: 1rem;}
} 

@media only screen and (max-width: 720px) {
      
  .component-1 .com-tx-1 h4,.component-2 .com-tx-1 h4,.component-3 .com-tx-1 h4 {font-size: 1.329rem;}
  .timeContainer .wrapper div:last-child {display: none;}  
 
 
}


@media only screen and (max-width: 640px) {

  .mobile-screen .col-md-12{padding-left: 1.143rem; padding-right: 0;}
  .mobile-screen1 {padding: 0 1.143rem;}
  .mobile-screen2 {position: fixed;    bottom: 35px;}

  .sec4-ben-cont .text-48px {font-size: 1.714rem;}
  .sec4tab-content p {font-size: 1rem; line-height: 20px;}
  .header-tag-main {margin: 0;}
  .header-banner {margin: 3.429rem 0 0;}
  .container-mar {margin: 3.429rem 0;} 
  .fright {text-align: left;}
  .fright ul li{margin: 0 0.5rem 0 0;}  
  .featurebg-1 {width: 100%; margin: 0 0 1rem;}
  .featurebg-2 {width: 100%; margin: 0 0 1rem;}
  .featurebg-3 {width: 100%; margin: 0 0 1rem;}
  .ben-tab {position: relative; top: 0; width: 100%;} .sec4-ben-cont {margin: 0 0 1.5rem;}
  .container-4s-pad {padding: 1rem;}
  .cont-6-main {display: block; height: auto;}
  .cont-6-left {width: 100%;} .cont-6-right{width: 100%; padding: 0px 2.143rem 3rem;}
  .sec5-main {display: block;}
  .sec5-main .sec5-col2{display: none;}
  .share-l-cont img { width: 67%;}
  .header-tag-main {margin-bottom: 1rem; margin-top: 1.714rem; padding-right:1.143rem;} 
  .header-tag-main ul {margin: 1.143rem 0 0;}  
  .component-main {display: flex; overflow-x: auto; -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; gap: 16px;}  
  .component-main > div {min-width: 80%; scroll-snap-align: start;}
.footerlink {position: relative;}
.footerlink .col {flex: none; margin: 0 0 1rem;}
.footerlink ul li {display: inline-block; margin: 0 2rem 0 0;}
.right-ov-banner .hed-play img{width: 65%;}
.sec4tab-content .play-2{width: 16%;}

.slick-slide img {width: 65%; margin: 1.143rem 0;}
.strings-2 h6 {font-size: 1.429rem;}
.cont-6-left p {line-height: 4.286rem; font-size: 3.429rem;}
.cont-6-left {padding:2.571rem 0;}
.cont-6-right h5 {font-size: 1.714rem; line-height: 32px; margin-top: 1rem;}
.flogoleft .sub-sec {margin-bottom: 1rem;}
.sec4tab-content h4  {margin: 1rem 0 0;}
.sec-7-cont {padding:0 0.60rem;}
.container-pad {padding: 2.571rem 0;}
.eventaward-outer .slick-slide img{width: 100%; margin: 0;}
/* nav */
.navbar-collapse {height: 100vh;}
.navbar-toggler:focus {box-shadow: none;}

.footer-so1 {position: relative;}
.feature-slider1 .slick-slide img{width: 100%;}


.mobile-price {position: relative;}

.tab-buttons-pcs {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.tab-buttons-pc {
  padding:0;
  margin-right: 1.714rem;
  cursor: pointer;
  background-color: #fff;
  border: none;
  outline: none;
}
.tab-buttons-pc p{}
.tab-buttons-pc h6{font-size: 1.429rem;}
.tab-buttons-pc.active { background-color: #fff;        border: 2px solid #0052CC;        border-radius: 16px;}
.tab-buttons-pc.active p{padding: 5px 20px; background: #0052CC; border-radius: 13px 13px 0 0; color: #fff;}
.tab-buttons-pc.active h6{padding: 9px 28px;}


.tab-content-p {
  display: none;
}
.tab-content-p.active {
  display: block;
}

.mobile-price .col-md-6 {width: 50%;}
.mobile-price i {font-size: 24px;  color: #0052CC;}
.mobile-price ul li {border-bottom: 1px dashed #d5d5d5;  margin: 0 0 0.5rem;  padding: 0 0 0.5rem;}
.mobile-price ul li p{margin:0 0 1rem;}

/* nav */

.timeContainer .wrapper {display: inline-block; padding: 0;}
.timeContainer .wrapper div:first-child {margin: 0;}
.timeContainer .wrapper div:nth-child(2) {display: inline-block;}
.timeContainer .wrapper div:nth-child(3) {display: inline-block;}
.timeContainer .wrapper div:nth-child(4) {display: inline-block;}
.timeContainer .wrapper div:last-child {display: none;}


}



@media only screen and (max-width: 540px) { 

}
@media only screen and (max-width: 340px) { 
  .header-tag-main ul li { margin: 0 0.571rem 0 0;} 
  .ben-tab .nav-link {padding: 0.857rem 0.8rem;} 
  .feature-slider h3 {font-size: 1.8rem;    margin: 0 0 0.5rem;    line-height: 2rem; }
  .share-l-cont h3 {font-size: 2.429rem;line-height: 32px;}
  .share-l-cont h3 span {font-size: 2.429rem;}
  .slide-content p {    margin: 0 0 5rem;}





}
@media only screen and (max-width: 767px) and (orientation: landscape) {    
    
    
}