@media only screen and (min-width: 320px) and (max-width: 767px) {
.sidebar-custom {display: block}
.contact-us-btn{padding-right: 12px}
.contact-us-btn, .nav-link-div{display: none}
.custom-header {height: 80px;width:calc(100% - 24px)}
.custom-header.full-width-mob{width: 100%}
.banner-main-fluid {padding-top: 15px;height: 1220px;width: 100%;border-radius: 0 0 16px 16px;overflow-y:hidden }
body {padding: 0}
.video-js{height: 155px}
.video-js .vjs-control-bar {
    width: calc(100% - 15px);
    bottom: 10px;
    left: 5px;
}
.video-js .vjs-big-play-button {line-height: 50px;height: 50px;width: 50px;top: calc(50% - 24px);left: calc(50% - 24px);font-size: 30px}
.contact-us-fluid .container.container-contact {padding-top: 30px}
.banner-data-row h5 {font-size: 14px}
.banner-data-row {padding-top: 30px;position: relative;top: 0}
.banner-data-row h1 {font-size: 36px;margin: 40px 0 33px}
.banner-data-row p {font-size: 14px;line-height: 23px;margin-bottom: 55px}
.btn.download-ios-btn {height: 52px;font-size: 16px;padding: 0 20px;width: 70%}
.height-100{height: auto}
.banner-img-right {position: relative;margin-top:0;text-align: center;top:0;right: -12px}
.banner-img-right img{margin: auto}
.app-steps-banner {top: -175px;padding: 5px 3px;width:100%;margin: auto}
.steps-icons-div {width: 80px;height: 80px}
.contact-us-btn-main {width: 62%}
.product-features-fluid .contact-us-btn-main {width: 75%}
.steps-details-div {width: calc(100% - 80px);padding-left: 15px}
.app-steps-banner .col-12.col-xl-4{padding: 10px 12px}
.steps-details-div h6 {font-size: 18px}  .steps-details-div p {font-size: 14px}
.video-screen-row {padding-top: 0;margin-top: -100px}
.discover-ui-fluid h2 {font-size: 30px;line-height: 40px}
.discover-ui-fluid h2 span {font-size: 36px}
.btn.download-ios-btn.black-theme-btn {margin: 30px 0 60px}
.player {height: auto}
.about-us-fluid {padding: 60px 0 0;scroll-margin-top:0}
.about-img-common img{width: 100%;object-fit: cover}
.about-img-common.about-big img {height: 300px}
.about-img-common.about-small img {width: 100%;height: 145px}
.about-small .small-img-1 {margin:0 0 10px}
.about-us-details h5 {font-size: 30px;line-height: 50px;margin-bottom: 0}
.about-us-details img {height: 30px;margin-bottom: 35px}
.about-us-details p, .features-row-common p {font-size: 16px;line-height: 28px}
.about-row-1 {margin-bottom: 25px}
.about-us-2 h4, .features-row-common h5 {font-size: 32px;line-height: 40px}
.btn.common-btn {margin-top: 30px;padding: 15px 40px;font-size: 16px}
.about-scroll-data h5 {font-size: 22px;line-height: 32px;margin-bottom: 15px}
.about-scroll-data {height: 600px;margin-top: 60px}
.about-us-2 {padding:21px 0 60px}
.about-us-details h6, .features-row-common h6 {padding-left: 60px}
.about-us-details h6:before, .features-row-common h6:before {width: 50px}
.features-row-common ul li {font-size: 14px;padding: 8px 0}
.progress-main-fluid {padding: 60px 15px;margin-top: 45px}
.inner-card-main {height: 385px;padding: 50px 15px;border: 1px solid #4D4D4D}
.progress-description {width: 100%;top: 0}
.iphone-14-div {position: relative;right: -120px;bottom: 78px}
.inner-card-main.inner-card-1 {padding-bottom: 0;border: 1px solid #4D4D4D}
.iphone-14-div img{height: 175px}
.inner-card-main h5 {font-size: 22px;line-height: 30px}
.inner-card-main p {font-size: 16px;line-height: 27px}
.about-vartis-details-fluid {padding: 60px 15px 30px;overflow: hidden}
.globe-img-right img {height: auto}
.details-heading h5 {font-size: 36px;line-height: 45px;margin-bottom: 30px}
.details-heading p {font-size: 16px;line-height: 27px}
.details-heading {padding:175px 0 60px}
.product-details-section {padding: 0 15px 60px;text-align: center !important}
.product-details-section h6 {margin: 15px 0 5px;font-size: 18px}
.product-details-section p {font-size: 16px;line-height: 27px}
.product-img-center img {height: 350px;margin-top: 30px}
.download-for-ios-fluid h6 {font-size: 26px;margin-bottom: 35px}
.download-for-ios-fluid p {font-size: 16px;line-height: 27px;margin-bottom: 35px}
.download-for-ios-fluid {margin: 0 auto 60px;padding-top: 45px}
.download-now-fluid {height: auto;padding: 45px 0}
.download-now-fluid h5 {font-size: 30px;line-height: 40px}
.download-now-fluid p {font-size: 16px;line-height: 27px;margin: 30px 0}
.footer-fluid {padding: 60px 0}
.features-row-common ul li span {padding-right: 0}
.nav-link-footer {margin: 50px 0 15px}
.nav-link-footer li.list-inline-item:not(:last-child),
.social-link li.list-inline-item:not(:last-child){margin-right: 10px}
.nav-link-footer li a,
.footer-fluid p{font-size: 14px}
.social-link {margin-bottom:75px;display: flex;align-items: center;justify-content: center}
.conditions-fluid {margin-top: 0;padding: 15px 12px 45px}
.condition-row {padding: 30px 0;margin-top: 30px}
.condition-heading-div {margin-bottom: 10px}
.condition-heading-div h1 {font-size: 24px;line-height: 24px}
.condition-inner-details h5 {font-size: 16px}
.condition-inner-details p, .condition-inner-details ul li {font-size: 14px;line-height: 26px}
.condition-inner-details h6{font-size: 15px;line-height: 28px}
.contact-us-row {padding: 0}
.contact-us-fluid {margin-top:0;padding: 15px 12px 45px}
.contact-us-row h5 {font-size: 36px;line-height: 42px;margin: 0 0 40px;padding-right: 0}
.layer-img {display: none}
.bg-bottom-right-theme {display: none}
.padding-right-custom{padding-right: 5px}
.padding-left-custom{padding-left: 5px}
.about-us-details p{margin-bottom: 48px}
.for-mobile-feature-img{right: -24px}
.for-mobile-feature-div-2{left: -24px}
.progress-carousel-slide .carousel-control-next, .progress-carousel-slide .carousel-control-prev {bottom: -42px;height: 30px;width: 30px;top: auto}
.progress-carousel-slide .carousel-control-prev{left: 75%}
.progress-details-row{border: 0;margin: 0}  .product-img-center{display: none}  .logo-div {width: 50%}  .about-us-mob-big{width: 59%;padding-right: 0}  .about-us-mob-small{width: 40%;padding-left: 0}  .product-features-fluid {padding: 30px 12px;scroll-margin-top: 0}  .globe-img-right {top: -135px}  .bg-img-div {top: auto}  .download-for-ios-img {top: 0;margin-top: 60px;position: relative}  .nav-link-footer li.list-inline-item:not(:last-child){width: 100%;margin-right: 0}  .nav-link-footer li.list-inline-item{padding: 12px 0}  .product-details-section:last-child{padding-bottom: 60px}  .toggle-btn{display: block}
      .img-div-news {
    width: 100%;
          margin-bottom: 15px;
}
      .img-div-news a img{
          width: 100%;
      }
      .details-heading-news h5 {
    font-size: 36px;
          line-height: 30px;
}
      .news-details-div{
          padding: 0;
          width: 100%;
      }
      .news-details-div h6, .comma {
    font-size: 18px;
    line-height: 21px;
}
      .news-details-div p {
    font-size: 16px;
    line-height: 24px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
.contact-us-fluid .container.container-contact {padding-top: 45px}
.contact-us-btn, .nav-link-div{display: none}
.sidebar-custom {display: block;width: 60%}
.banner-data-row h5 {font-size: 15px}
.video-js{height: 191px}
.banner-data-row h1 {font-size: 28px;margin: 35px 0}
.about-us-mob-big, .about-us-mob-small{width: 50%}
.banner-data-row {padding-top: 60px}
.banner-main-fluid {height: 725px;padding-top: 15px}
.banner-img-right {bottom: -175px}
.condition-row {margin-top: 45px}
.steps-icons-div {width: 75px;height: 75px}
.banner-data-row p {font-size: 15px;margin-bottom: 30px}
.layer-img {bottom: 45px;width: 75%}
.steps-details-div {width: calc(100% - 100px);padding-left: 10px}
.app-steps-banner {top: -50px;padding: 15px 10px}
.app-steps-banner .col-12.col-md-6{padding: 5px 0}
.discover-ui-fluid h2, .discover-ui-fluid h2 span {font-size: 35px;line-height: 50px}
.btn.download-ios-btn{width: 80%}
.btn.download-ios-btn.black-theme-btn {margin-top: 30px;}
.player {height: auto}
.contact-us-btn-main {width: 55%}
.product-features-fluid .contact-us-btn-main {width: 35%}
.time-bar {width: 35%}
.custom-header{width: calc(100% - 24px)}
.video-screen-row {padding-top: 0}
.about-us-fluid {padding-top: 90px}
.about-img-common.about-small img {width: 100%;object-fit: cover}
.about-us-2 h4, .features-row-common h5 {font-size: 35px;line-height: 50px}
.about-scroll-data h5 {font-size: 22px;line-height: 30px;margin-bottom: 15px}
.about-scroll-data p {font-size: 14px;line-height: 23px}
.about-scroll-data {height: 270px}
.about-us-2 {padding-bottom: 65px}
.features-row-common ul li {font-size: 14px;padding: 7px 0}
.progress-main-fluid {padding:75px 0;margin-top: 60px}
.progress-description {width: 100%}
.iphone-14-div img{height: 275px}
.inner-card-main h5 {font-size: 22px}
.inner-card-main.inner-card-3,
.inner-card-main.inner-card-4{border-bottom: 1px solid #4D4D4D}
.globe-img-right img {height: 190px}
.about-vartis-details-fluid {padding: 75px 0 45px}
.details-heading h5 {font-size: 40px}
.details-heading p {font-size: 16px;line-height: 26px}
.product-details-section {padding: 0 0 20px}
.product-details-section h6 {font-size: 18px}
.product-details-section p {font-size: 16px;line-height: 26px}
.download-for-ios-fluid h6 {font-size: 22px;margin-bottom: 10px}
.download-for-ios-fluid p {font-size: 14px;line-height: 23px;margin-bottom: 25px}
.download-for-ios-fluid {padding-top: 45px;margin: 0 auto 60px}
.download-for-ios-fluid .btn.download-ios-btn{margin-bottom: 30px;width: 65%}
.download-now-fluid {height: auto;padding: 45px 0}
.footer-fluid {padding: 45px 15px}
.nav-link-footer {margin: 30px 0}
.social-link{margin-bottom: 30px}
.contact-us-row h5 {font-size: 44px;line-height: 50px;margin-top: 45px;padding-right: 30px;margin-bottom: 30px}
.inner-card-main.inner-card-3{border-left: 1px solid #4D4D4D}
.toggle-btn{display: block}
.video-js .vjs-control-bar {width: 93%;left: calc(50% - 160px);bottom: 15px}
.about-us-fluid {scroll-margin-top:-45px}
.product-features-fluid {scroll-margin-top: 30px}
.video-js .vjs-big-play-button {line-height: 50px;height: 50px;width: 50px;top: calc(50% - 24px);left: calc(50% - 24px);font-size: 30px}
.img-div-news {
    width: 240px;
}
.news-details-div {
    width: calc(100% - 240px);
    padding-left: 30px;
}
.news-details-div h6, .comma {
    font-size: 26px;
    line-height: 30px;
}
.news-details-div p {
    font-size: 16px;
    line-height: 20px;
}



}

@media only screen and (min-width: 768px) and (max-width: 1200px) and (orientation: landscape) {
.contact-us-btn, .nav-link-div{display: block}
.nav-link-div ul li.list-inline-item:not(:last-child) {margin-right: 0.5rem}
.nav-link-div ul li a {font-size: 16px}
.banner-main-fluid {height: 750px}
.app-steps-banner {top: -75px}
.iphone-14-div img {height: 300px}
.download-for-ios-fluid h6 {font-size: 28px;margin-bottom: 25px}
.toggle-btn{display: none}
.contact-us-btn-main {width: 55%}
.contact-us-btn{padding-right: 12px}
.banner-img-right {bottom: -70px}
.video-js .vjs-control-bar {left: calc(50% - 250px);bottom: 10px}
.btn.download-ios-btn {width: 70%}
.product-features-fluid .contact-us-btn-main,
.download-for-ios-fluid .btn.download-ios-btn {width: 52%}
.video-js {height: 302px}
.img-div-news {
    width: 270px;
}
.news-details-div {
    width: calc(100% - 270px);
    padding-left: 45px;
}
.news-details-div h6, .comma {
    font-size: 30px;
    line-height: 40px;
}
.news-details-div p {
    font-size: 16px;
    line-height: 24px;
}
}
@media only screen and (min-width: 1201px) and (max-width: 1400px){
    .img-div-news {
    width: 270px;
}
.news-details-div {
    width: calc(100% - 270px);
    padding-left: 45px;
}
.news-details-div h6, .comma {
    font-size: 30px;
    line-height: 40px;
}
.news-details-div p {
    font-size: 16px;
    line-height: 24px;
}
}