@media (max-width:1400px){
.stay-connected {max-height: 680px;min-height: 680px;}
.reserve {max-height: 680px;min-height: 680px;}
}

@media (max-width:1200px){
.stay-connected { max-height: 750px; min-height: 750px;}
.reserve {max-height: 750px;min-height: 750px;}
.slide2 img{min-height: 370px; max-height: 370px;}
.tesla-life-slide{min-height: 400px; max-height: 400px;}
.decentralised-part{min-height: 400px; max-height: 400px;}
.tesla-life-slide h2{font-size: 20px;}
.tesla-life-slide p{font-size: 12px;}
.icons-slide img{height: 35px;}
.section1-para h5{font-size: 13px;}
.section1-para p{font-size: 10px;}
}

@media (max-width:1275px){
.header .header-navmenu { position: fixed; top: 0; right: -100%; bottom: 0; height: 100%; min-height: 100vh; width: 300px; background: #fff; opacity: 0; transition: 0.3s; -webkit-transition: 0.3s; z-index: 99; padding: 30px 20px 20px; overflow: auto; } 
.header .header-navmenu.active { opacity: 1; right: 0; }
.header .header-navmenu ul{flex-direction: column; align-items: flex-start;}
.header .header-navmenu ul li{margin: 0; width: 100%;}
.header .header-navmenu ul li a:not(.btn-primaryx){display: inline-block; padding: 10px 0; color: var(--blackcolor); font-weight: 500;    font-size: 15px; }
.header .header-navmenu .nav-close-btn{margin-bottom: 15px;}
.header .header-navmenu ul li:last-child{margin-top: 10px;}
.header .header-navmenu ul li:not(:last-child) a::before{background: #000; bottom: 2px;}  
.header .header-navmenu ul li a:hover::before{background: #000;}
.d-lg-none{display: block !important;}
.xphone-submenu{padding: 0;position: relative; }
.xphone-submenu .toggle-xphone-submenu{display: block;         position: relative;}
.xphone-submenu ul { display: none; position: absolute; top: 100%; flex-direction: column; left: 0; width: 100%; background: #F2F2F2; z-index: 99; max-height: 600px; overflow: auto; } 
.xphone-submenu ul li a{display: block; padding: 13px 13px; border-bottom: 1px solid rgba(82, 81, 81, 0.08); text-align: center; margin: 0; }
}

@media (max-width: 1199px) {
.footer .social-ul li a{padding: 5px;}
.footer .footer-menu li a{font-size: 14px;}
.footer .clearsites-list ul li:first-child a{font-size: 13px; padding: 5px 5px 5px 0;}
.header .header-navmenu ul li{font-size: 9px;}
.header .header-navmenu ul li button.btn.btn-transaparent a{font-size: 9px;}
.header .header-navmenu ul li button.btn.btn-dark a{font-size: 9px;}
.same-title-pay p{padding: 10px 50px;}
.buttons{width: 100%;}
}

@media (max-width:1150px){
  .tesla-phone-325 button.btn.btn-dark{font-size: 12px !important;}
  .tesla-phone-325 button.btn.btn-transparent {font-size: 12px !important;}
}

@media (max-width:768px){
  .tesla-life-text{text-align: center;}
  .icons{margin-bottom: 2rem;}
  .rigorous-description{text-align: center; margin-top: 2rem;}
  .reputaion-section-text{text-align: center;}
  .phone-text{text-align: center;}
  .amount{justify-content: center;}
  .tesla-phone-325.col-lg-6.col-md-6.col-sm-12{text-align: center;}
  .tesla-phone-325 button.btn.btn-transparent{width: 50%;}
  .tesla-phone-325 button.btn.btn-dark{width: 45%;}
  .pay-wrapper { height: 400px; }
.pay-wrapper .container { height: 400px; }
.pay-wrapper .same-title{    padding-top: 140px;}
.stay-connected{min-height: 350px !important;max-height: 350px !important; margin-bottom: 2rem;}
.why-rsvp{margin-bottom: 2rem;}
.tesla-life-slide.px-5{padding: 0 15px 0 15px !important;}
.tesla-life-slide{ min-height: 340px; max-height: 340px;}
.tesla-life-slide-text h2{font-size: 15px;}
.tesla-life-slide-text p{font-size: 12px;}
.tesla-life-slide-img img{padding: 0 10px;}
.icons-slide img{height: 35px;}
.section1-para h5{font-size: 12px;}
.section1-para p{font-size: 9px;}
.decentralised-login img{height: 400px;}
.ratio-section{height: 400px;}
.licence-plate-img img{height: 220px;}
.x-connect-image img{height: 300px; margin-top: 2rem;}
.photography img{height: 300px;}
.battery-life img{height: 300px;}
.say-hello img{height: 350px;}
.less-is-more img{height: 150px;}
.rigorous-img img{height: 300px;}
.icons img{height: 50px;}
.tesla-life-img img{height: 300px;}
.sbscription-img img{height: 300px;}
.pb-5{padding-bottom: 1.5rem !important;}
p.phone_icon{font-size: 12px !important;}
.clearid img{height: 300px;}
.clearid-logo img{height: 80px;}
.seamless-boxes{flex-wrap: wrap; justify-content: center;gap: 20px;}
.same-section.phone-banner{text-align: center !important;}
.tesla-logo img{height: 80px;}
.video-img-box img{height: 250px;}
.video-play-iconx img{height: 40px;} 
.x-web-logo img{height: 80px;}
.x-scan-logo img{height: 80px;}
.x-med-logo img{height: 80px;}
.x-care-logo img{height: 80px;}
.tesla-life-logo img{height: 80px;}
img.x-web-car{height: 130px !important;}
img.x-scan-img{height: 400px !important;}
.imgbox img{height: 400px;}
.clearid img{height: 350px !important;}
img.cleargm-img{height: 300px !important;}
.tack-back-text{text-align: center;}
img.tack-back-img{height: 350px !important;}
i.ri-arrow-left-s-line{display: none;}
i.ri-arrow-right-s-line{display: none;}
.vehicle button.btn-dark{margin-top: 80px !important;}
.vehicle button.btn-primary{margin-top:80px !important;}
.carousel-item {min-height: 350px; max-height: 350px;}
img.accessible-img{height: 250px !important;}
.swipper{display: none !important;}
.mobile-slider{display: block !important;}
}

@media (max-width: 991px) {
.black-layer { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 90; background: rgba(0, 0, 0, 0.5); pointer-events: none; visibility: hidden; transition: 0.3s; -webkit-transition: 0.3s; }
.black-layer.active { visibility: visible; pointer-events: all; }
.header{padding: 15px 5px;}
.header .site-logobx{width: 100%; max-width: 100px;}
img.cleargm-img{height: 500px;}
.clearid img{height: 500px;}
img.x-scan-img{height: 500px !important;}
.imgbox img{height: 450px;}
.img-box img{height: 300px;}
.tesla-phone-image img{height: 400px; margin-top: 2rem;}
.decentralised-login img{height: 270px;}
.digital-freedom img{height: 400px;}
.register-bg{height: auto;}
.ratio-section{height: 500px;}
img.clearcare-image{height: 400px;}
section.same-section.protection-identity-wrap.py-5 {padding: 0 !important;}
p{font-size: 14px;}
.footer{text-align: center; }
.footer-logo{margin-bottom: 1.5rem;}
.footer .footer-menu li a{padding:5px 0;}
.footer .digital-logo-box{width: 100%; max-width: 200px; margin: 20px auto 0; display: block;}
.footer .clearsites-list{padding-top: 0;}
.footer .clearsites-list ul{justify-content: center; flex-wrap: wrap;}
.footer .clearsites-list ul li:first-child{ border: 0; background: #f2f2f4; width: 100%; padding: 5px 10px; text-align: center;}
.footer .clearsites-list ul li:first-child a{border: 0;}
.footer .social-ul{justify-content: center; margin:10px 0;}
.footer .footer-payment-icon .icon{justify-content: center;}
.container.gap{padding: 0 100px;}
.tesla-phone-325 button.btn.btn-transparent{width: 50%;}
.cell-tower p{width: 100%;}
.container.space{padding: 0 0px;}
.container.gap{padding: 0 50px;}
.reserve{margin-top: 2rem;max-height: 350px;min-height: 350px;}
.stay-connected{min-height: 607px;max-height: 607px;}
.slide2 img{min-height: 310px; max-height: 310px;}
.tesla-life-slide.bg-gray.px-5.py-5{ padding:5px !important;}
.tesla-life-slide{min-height: 340px !important; max-height: 340px !important;}
.decentralised-part.px-5.py-5{padding: 20px !important; min-height: 345px; max-height: 345px;}
.carousel-item{max-height: 420px !important; min-height: 420px !important;}

}

@media (max-width:567px){
  .pay-wrapper { height: 340px; }
  .pay-wrapper .container { height: 340px; }
  .decentralised-part.px-5.py-5 {padding: 10px !important;}
  .container.gap{padding: 0 0px;}
  .amount{gap: 20px;}
  .price1 p{font-size: 11px !important;}
  .tesla-phone-325 button.btn.btn-dark {font-size: 11px !important;}
  .digital-freedom img{height: 300px;}
  .tesla-phone-image img{height: 300px;}
  .ratio-section{height: 300px;}
  .ratio-division{gap: 20px;}
  .ratio-division.py-5{padding-top: 10px !important;}
  .same-title.text-center.py-5{padding: 10px 0 !important;}
  .same-title{margin-bottom: 5px !important;}
  .rigorous-img img{height: 250px;}
  .decentralised.text-center.py-5{padding: 0 !important;}
  .buttons button.btn.btn-dark{font-size: 10px !important;}
  .buttons button.btn-blank{font-size: 10px !important;}
  .video-img-box{margin-top: 2rem !important;}
  img.tesla-id-do{height: 200px;}
  img.clearcare-image{height: 350px;}
  button.btn.btn-dark{font-size: 12px !important; padding: 7px 10px !important;}
  button.btn.btn-primary{font-size: 12px !important; padding: 5px 10px !important;}
  .licence-plate-img img{height: 150px;}
  .price1 img{height: 15px;}
  .price1 h3{font-size: 20px;}
  .price2 p{font-size: 11px !important;}
  .price2 h3{font-size: 20px;}
  .phone-text h2{font-size: 20px;}
  .phone-text h3{font-size: 18px;}
  .decentralised h2{font-size: 20px;}
  .decentralised p{font-size: 15px !important;}
  .decentralised-part p{font-size: 12px !important;}
  .tesla-life-slide-text p{font-size: 12px !important;}
  .decentralised-login h2{font-size: 20px;}
  p{font-size: 12px !important;}
  li{font-size: 12px !important;}
  li::marker{font-size: 20px !important;}
  h2{font-size: 20px !important;}
  h3{font-size: 20px !important;}
  h4{font-size: 20px !important;}
  .vehicle button.btn-dark{margin-top: 110px !important;}
  .vehicle button.btn-primary{margin-top: 105px !important;}
  .x-connect-image img{height: 250px;}
  .photography img{height: 250px;}
  .buttons{width: 90%;}
  .seamlessbx img{height: 40px;}
  .pb-5{padding-bottom: 0.5rem !important;}
  .workspace-experience.py-5{ padding-top:3rem !important;padding-bottom: 0 !important;}
  .stay-connected{min-height: 250px !important; max-height: 250px !important;}
  .reserve{min-height: 280px !important;max-height: 280px !important;}
  .subscription-text p{font-size: 10px !important;}
  button.btn.btn-light.px-5{font-size: 12px !important;padding: 10px !important;}
  .dollar{font-size: 15px !important;}
  .subscription-text p.pb-4{padding-bottom: 5px !important;}
  .slide2 img{min-height: 280px !important; max-height: 280px !important;}

.decentralised-part{min-height: 310px !important; max-height: 310px !important;}/*.................. */
.tesla-life-slide{min-height: 310px !important; max-height: 310px !important;}/*.................. */
.section1-para{margin-bottom: 0!important;}/*.................. */

}
@media (max-width:500px){
  .pay-wrapper .same-title-pay{padding-top: 32vw;}
}
@media (max-width: 480px) {
.footer .footer-menu li { width: 33.33%; }
.section1-para{margin-bottom: 10px !important;}
.tesla-life-slide-text h2{font-size: 12px;}
.tesla-life-slide-text p{font-size: 9px !important;}
.icons-slide img{height: 20px;}

.tesla-life-slide{min-height: 300px !important; max-height: 300px !important;}
.decentralised-part.px-5.py-5{min-height: 300px !important ; max-height: 300px !important ;}
.section1-para h5{font-size: 9px;}
.section1-para p{font-size: 7px !important;}
.buttons  button.btn.btn-dark.py-2.px-5{font-size: 10px !important; padding: 10px 10px !important;}
.buttons button.btn-blank.px-5{font-size: 10px !important; padding: 5px 10px !important;}
.slide2 img{min-height: 265px !important; max-height: 265px !important;}
img.accessible-img{height: 200px !important;}
.carousel-item{min-height: 413px !important; max-height: 413px !important;}
}

@media (max-width:400px){
  p.phone_icon{font-size: 9px !important;}
  .slide2 img{min-height: 270px !important; max-height: 270px !important;}
  .subscription-text p{font-size: 8px !important;}
}
@media (max-width:450px){
  img.tesla-id-do{height: 150px;}
  .stay-connected{min-height: 290px !important; max-height: 290px !important;}
  .reserve{min-height: 310px !important; max-height: 310px !important;}
}
@media (max-width:350px){
  .amount{gap: 11px !important;}
}
@media (max-width: 1400px) {
  .certificate-decentralize-wrap { background-size: 220px; } 
}
  
  @media (max-width: 1199px) {
  .xphone-decentralize-wrap .decentraliz-list .middle-imgBx{background-size:contain; min-height: max-content;padding: 38px 11px 8px;}
  .medication-wrap .clearmed-medication-bx ul{display: flex; flex-wrap: wrap; }
  .medication-wrap .clearmed-medication-bx ul li{-webkit-transform: none !important; transform: none !important; width: 25%; margin: 0 !important; min-height: 150px; }
  .medication-wrap .clearmed-medication-bx ul li:nth-child(8){-webkit-transform: none !important; transform: none !important;}
  }

  @media (max-width: 991px) {
  
  .black-layer { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 90; background: rgba(0, 0, 0, 0.5); pointer-events: none; visibility: hidden; transition: 0.3s; -webkit-transition: 0.3s; }
  .black-layer.active { visibility: visible; pointer-events: all; }
  
  p{font-size: 14px;}
  .same-title{margin-bottom: 30px;}
  .same-title h2{font-size: 26px;line-height: 1.3;}
  .same-title h2 .light-title{font-size: 20px;}
  .same-title h3{font-size: 20px;line-height: 1.3;}
  .same-section{padding: 30px 0;}
  
  .btn-primaryx{font-size: 14px;padding: 7px 20px;}
  .btn-dark{font-size: 14px;padding: 7px 20px !important;}
  .btn-primary{font-size: 14px;padding: 7px 20px !important;}
  .bannerWrapper{padding: 40px 0 0; text-align: center; }
  .bannerWrapper .xphone-phone{padding: 50px 0; background-size:58%;}
  .bannerWrapper .xphone-phone .img-box{width: 100%; max-width: 170px; margin: auto;}
  .bannerWrapper .banner-text h1{font-size: 32px;}
  .bannerWrapper .banner-text p{font-size: 14px;}
  .text-mobile-center{text-align: center;}
  .bannerWrapper .banner-download-btn{position: relative; bottom: unset; right: unset; max-width: 100%; margin:30px 0 10px; }
  .bannerWrapper .banner-download-btn p{font-size: 14px;}
  .xlife-btns li a { width: 40px; height: 40px; font-size: 18px; line-height: 40px; border-radius: 10px; } 
  .xlife-btns li a img{width: 100%; max-width: 14px; margin: auto;}
  .bannerWrapper .xlife-btns{justify-content: center;}
  /* .xphone-decentralize-wrap .decentraliz-list{   align-items: flex-start;} */
  .xphone-decentralize-wrap .container{max-width: 100%;}
  .xphone-decentralize-wrap .decentraliz-list li:first-child, .xphone-decentralize-wrap .decentraliz-list li:last-child{padding: 0 10px;}
  .xphone-decentralize-wrap .decentraliz-list h3{font-size: 16px; margin-bottom: 1vw;}
  .xphone-decentralize-wrap .decentraliz-list p{font-size: 14px;}
  .xphone-decentralize-wrap .decentraliz-list li{width: 33.33%;}
  .xphone-decentralize-wrap .decentraliz-list .content-bx  + .content-bx{margin-top:15px;}
  .xphone-decentralize-wrap .decentraliz-list .content-bx{    padding: 4vw 1vw 2vw;}
  .xphone-decentralize-wrap .decentraliz-list .content-bx:before{ height: 20px; width: 40px;} 
  .xphone-decentralize-wrap .decentraliz-list .middle-imgBx{min-height: 50vw;     padding: 6vw 1vw 2vw; background-size: contain;}
  .xphone-decentralize-wrap .decentraliz-list .middle-imgBx p{    margin: 5vw 1vw;}
  .xphone-decentralize-wrap .decentraliz-list .middle-imgBx .barCode{    max-width: 11vw;}
  .certificate-decentralize-wrap{background-size: 150px; background-position: top 20px left 30px ;}
 
  .photosensitive-wrap .sensorcontent-list li .contentbx{flex-wrap: wrap; align-items: center; text-align: center;}
  .photosensitive-wrap .sensorcontent-list li .contentbx h3{font-size: 22px;}
  .photosensitive-wrap .sensorcontent-list li .contentbx ul li{font-size: 14px;}
  .photosensitive-wrap .sensorcontent-list li:first-child .contentbx{justify-content: center;}
  .photosensitive-wrap .sensorcontent-list li:first-child .contentbx .imgbx{order: 0;}
  .photosensitive-wrap .sensorcontent-list li:first-child .contentbx ul li{text-align: center;}
  .photosensitive-wrap .sensorcontent-list > li{padding: 10px;}
  .photosensitive-wrap .sensorcontent-list li :is(.imgbx,.textbx){width: 100%;}
  
  .fingerprint-unlock-wrap .fingerprint-withimg{flex-direction: column;}
  .specified-scenario-wrap{padding-top: 0;}
  .specified-scenario-wrap .specified-img-box{width: 100%; position: relative;}
  .specified-scenario-wrap .same-title{padding: 0; text-align: center;}
  .specified-scenario-wrap .scenario-list{justify-content: center; margin: 30px 0; }
  
  .same-title.text-center .halfwidth-subtitle{max-width: 100%;}
  .same-title .halfwidth-subtitle{max-width: 100%;}
  .tesla-phone-info-wrap .same-title.text-center .halfwidth-subtitle{max-width: 70vw;}
  .tesla-phone-info-wrap .teslainfo-top-box .same-title{top: 30px;}
  .tesla-phone-info-wrap .tesla-charging-box .img-box{width: 100%; max-width: 50%; margin: auto;}
  .xphone-slider .sectioncontent h2{text-align: center;}
  .xphone-slider .sectioncontent p{max-width: 100%;}
  .xphone-slider .sectioncontent{max-width: 50vw; margin: auto;}
  
  .harmonious-wrap .harmonious-list li .icon-box{width: 65px; height: 65px; padding: 5px; border-radius: 10px;}
  .harmonious-wrap .harmonious-list{gap: 10px;}
  .harmonious-wrap .harmonious-list li .icon-box + .icon-box{margin-top: 10px;}
  
  .refined-wrap .phone-price-box h3{font-size: 20px;}
  .refined-wrap .price-text{font-size: 28px;    margin-bottom: 20px;}
  .refined-wrap .phone-price-box .btn-primaryx{max-width: max-content;}
  .refined-wrap .phone-price-box{margin-top: 20px;}

  
  .refined-wrap .imgbx {width: 100%; max-width: 50%; margin: auto;}
  .specified-scenario-wrap .img-box{width: 100%; max-width: 50%; margin: auto;}
  :is(.games-smoothly-wrap, .shutter-wrapper,.fingerprint-unlock-wrap ) .img-box{width: 100%; max-width: 50%; margin: auto;}
  
  .xphone-slider .sections .section{padding: 30px 0;}
  
  /* .pay-wrapper .same-title{    top: 36%;} */
  .network-wrapper .same-title{padding-top: 0;}
  .network-wrapper .img-box{margin: 0 0 0 auto; max-width: 27vw; }
  
  .downloadapps-btn-list{justify-content: center;}
  .downloadapps-btn-list a{font-size: 14px;}
  .all-services-section .all-services-outer{max-width: 500px; height: 500px; }
  .all-services-section .all-services-icon { width: 68px; height: 68px; line-height: 68px; margin: 0 auto; }
  .all-services-section .all-services-ul li p{font-size: 14px;}
  .all-services-section .all-services-icon img { max-width: 34px; max-height: 34px; }
  .all-services-section .all-services-ul li:nth-child(10){top: 37%;}
  .all-services-section .all-services-ul li:nth-child(4){top: 37%;}
  
  .xlife-secure-wrap .xlife-btns{justify-content: center;}
  .xlife-secure-wrap .banner-download-btn{margin-top: 15px;}
  
  .id-banner{text-align: center;}
  .id-banner .section-bottom-btn{justify-content: center;}
  
  .stay-secure-cleargm .why-data-row{align-items: center;  text-align: center; margin: 40px 0;}
  .stay-secure-cleargm .why-data-mid-img{display: none;}
  .stay-secure-cleargm .why-data-align-right { justify-content: start; text-align: center;}
  .stay-secure-cleargm .why-data-row .icon-bx{ position: relative;         margin: -35px auto 15px; transform: inherit !important; left: unset !important; right: unset !important; top: unset !important; }
  
  .clearweb-work-section .row{--bs-gutter-y: 1.5rem;}
  .clearweb-work-section .phone-card{padding: 1.5rem;}
  .clearweb-work-section .phone-card:before,.clearweb-work-section .phone-card:after{display: none;}
  .text-mobile-center .section-bottom-btn{justify-content: center;}
  
  .clearmed-good-section .clearmed-good-bx { margin: 25px 0; height: initial; padding: 25px 15px; }
  .clearmed-good-section .order-last .includes-txt{ border: 1px solid #cbc1cd; border-left: 4px solid var(--blackcolor);}
  .clearmed-good-section .clearmed-good-bx h2{font-size: 26px;}
  
  .border-title:after{right: 0; left: 0; margin: auto;}
  .integration-wrap .company-box{margin-bottom: 15px;}
  .clearEmail-plan-section .plan-box{margin-bottom: 15px;}
  .clearEmail-plan-section .plan-box .plan-pricebx{font-size: 30px;}
  .clearEmail-plan-section .plan-box .plan-pricebx sup{font-size: 20px;}
  .clearEmail-plan-section .plan-box .plan-box-header{padding: 30px; height: auto;}
  .clearEmail-plan-section .plan-box .check-list li{font-size: 14px; padding-left: 30px;}
  .clearEmail-plan-section .plan-box .check-list .iconbx{font-size: 19px; width: 20px; height: 20px;}
  .clearEmail-plan-section .plan-box .plan-footer{margin-top: 20px;}
  .clearEmail-plan-section .plan-box .plan-footer h4{font-size: 16px; margin-bottom: 0;}
  .clearEmail-plan-section .plan-box .smile-bx{width: 100%; max-width: 33px;}
  .same-icon-ul .iconBx{margin-bottom: 15px;}
  .clearsignal-get-section .clearsignal-get-img{margin-bottom: 30px;}
  .launcher-wrap .same-title.home-launcher .img-bx{margin-top: 0; min-height: inherit;}
  .launcher-wrap .row{margin-top: 0;}
  .launcher-wrap .same-title .img-bx{min-height: inherit;}
  .faq-accordian-bx .accordion-button{font-size: 16px;}
  .internet-experience-wrap .resources-bx h3{font-size: 16px;}
  .xphone-submenu ul li a:before {display: none;}
  .x-connect-text p{width: 100%;}
  .container.gap{padding: 0 100px;}
  .cell-tower p{width: 100%;}
  .container.space{padding: 0 0px;}
  }
  
  
  @media (max-width: 767px) {
  
  .xphone-decentralize-wrap .decentraliz-list h3{font-size: 2.2vw; margin-bottom: 1vw; line-height: 1.5;}
  .xphone-decentralize-wrap .decentraliz-list h3 .light-title{font-size: 2.3vw;}
  .xphone-decentralize-wrap .decentraliz-list p{font-size: 1.8vw;}
  
  .pay-wrapper { height: 400px; }
  .pay-wrapper .container { height: 400px; }
  .pay-wrapper .same-title{    padding-top: 140px;}
  /* .network-wrapper .img-box{max-width: 180px;} */
  .ultra-wide .img-box { position: relative; }
  .ultra-wide .img-box:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #000000c4; content: ''; }
  .ultra-wide .same-title h2 { color: #fff; }
  .certificate-decentralize-wrap { background-size: 70px; background-position: top 60px left 14px; } 
  .video-autoplay-modal .modal-dialog{max-width: 500px;}
  .video-autoplay-modal video, .video-autoplay-modal iframe{min-height: 300px;}
  .os-video-section .img-box{height: 250px;}
  a.video-play-icon img{height: 50px;}
  .checkout-hacks-bx-outer .input-group-append{width: 100%;}
  .checkout-hacks-bx-outer .input-group-append button{width: 100%; display: block; margin-top: 20px;}
  .x-connect-widespread-coverage p span{display: inline-block !important;}
  .iot-connectivity-text p span{display:inline-block}
  .coverage{padding-top: 2rem;}
  .container.gap{padding: 0 0px;}
  .satellite-based-cell-tower{padding: 2rem 0;}
  .remove-coverage-gaps p span{display: inline-block;}
  .connectivity-text p{width: 100%;text-align: center;}
  }
  
  @media (max-width: 567px) {
  .xphone-slider{height:80vh;}
  .xphone-slider .sectioncontent{max-width: 90vw;}
  .xphone-slider .sections .section{align-items: center;}
  
  .harmonious-wrap .harmonious-list li .icon-box { width: 45px; height: 45px; }
  .specified-scenario-wrap .scenario-list{gap: 20px;} 
  .specified-scenario-wrap .scenario-list .scenario-icon{width: 45px;height: 45px;line-height: 45px;}
  .bannerWrapper{padding: 40px 0;}
  .bannerWrapper .xphone-phone{background-size:cover ; padding: 30px  0 0;}
  .curved-wrapper .same-title{position: absolute; margin: 0; top: 0; right: 0; left: 0; bottom: 0; width: 100%;}
  .curved-wrapper .same-title h2 { position: absolute; right: 10px; top: 11px; width: 100%; max-width: 161px; font-size: 20px; }
  .curved-wrapper .same-title p { position: absolute; left: 20px; bottom: 10px; width: 100%; max-width: 220px; } 
  
  .tesla-phone-info-wrap .teslainfo-top-box .img-box img{width: 100%; height: 100%; object-fit: cover;}
  .tesla-phone-info-wrap .teslainfo-top-box .img-box { height: 270px; position: relative; }
  .tesla-phone-info-wrap .same-title.text-center .halfwidth-subtitle{max-width: 100%; padding: 0 10px;}
  .tesla-phone-info-wrap .tesla-charging-box{padding-top: 30px;}
  
  .pay-wrapper { height: 340px; }
  .pay-wrapper .container { height: 340px; }
  .all-services-section .all-services-outer{ max-width: 350px; height: 350px; margin: 30px auto;transform: scale(0.9);}
  .all-services-section .all-services-icon { width: 40px; height: 40px; line-height: 40px; }
  .all-services-section .all-services-icon img { max-width: 21px; max-height: 21px; }
  .all-services-section .all-services-ul li p{font-size: 12px;}
  .all-services-section .all-services-ul li:nth-child(7){bottom: -13%;}
  .all-services-section .all-services-ul li:nth-child(6) {bottom: -13px; right: 14%; } 
  
  .all-services-section .all-services-ul li:nth-child(8) {bottom: -17px; left: 14%; } 
  .xlife-secure-wrap .img-box{width: 100%; max-width: 50%; margin: auto;}
  
  .phone-specs-section p strong{word-break: break-word;}
  .microServer_icon_row .microServer, .phone_icon_row .phone_icon{word-break: break-word;}
  
  .xphone-decentralize-wrap .decentraliz-list li:first-child, .xphone-decentralize-wrap .decentraliz-list li:last-child{padding: 0 1.5vw 1.5vw ;}
  .xphone-decentralize-wrap .decentraliz-list .content-bx + .content-bx{margin-top: 1.5vw;}
  .xphone-decentralize-wrap .decentraliz-list .middle-imgBx{min-height: 53vw;}
  .xphone-decentralize-wrap .decentraliz-list .content-bx:before { height: 10px; width: 20px; }
  .xphone-decentralize-wrap .container{padding: 0;}
  .xphone-decentralize-wrap .decentraliz-list h3{ font-size: 2.8vw;line-height: 1.4;}
  .xphone-decentralize-wrap .decentraliz-list h3 .light-title{font-size: 2.6vw;}
  .xphone-decentralize-wrap .decentraliz-list p{font-size: 2.1vw;}
  .xphone-decentralize-wrap .decentraliz-list .middle-imgBx .barCode { max-width: 15vw; }
  
  .video-autoplay-modal .modal-dialog{max-width: 85vw; margin: auto;}
  .video-autoplay-modal .btn-close{width: 28px; height: 28px; line-height: 28px; font-size: 14px;}
  .video-autoplay-modal video, .video-autoplay-modal iframe{min-height: inherit;}
  .medication-wrap .clearmed-medication-bx ul li{width: 50%;}
  .same-title h2 br{display: none;}
  h4.pt-5 {padding-top: 1rem !important;}
  }

  @media (max-width:380px){
    img.accessible-img{height: 100px !important;}
    .buttons{width: 100% !important;}  
    .stay-connected{min-height: 320px !important; max-height: 320px !important;}
    }