@media only screen and (min-width :1480px) and (max-width :30000px) {
  .home-banner .position-relative img.img-fluid {
    max-height: 350px
  }
}

@media (max-width:1365px) {
	.home-banner .shape-bg {
	width: 453px;
	height: 410px;
	bottom: -91px;
	background-size: contain;
}
	.home-banner .shape-bg .video-heading-tag {
	position: absolute;
	top: 174px;
	left: 128px;
	max-width: 220px;
	font-size: 24px;
}
	
}
@media (max-width:1200px) {
  .logo-light-stick img {
    height: 44px
  }
.home-banner .shape-bg {
	width: 377px;
	height: 423px;
	bottom: -157px;
	background-repeat: no-repeat;
	background-size: contain;
}
	.video-btnplay {
	max-width: 45px;
}
	.home-banner .shape-bg .video-heading-tag {
	top: 144px;
	left: 118px;
	max-width: 170px;
	font-size: 20px;
}
  .home-banner .shape-bg h1 {
    left: 127px
  }
  .racknap-counter h5 {
    font-size: 17px
  }
  .who-bg::after, .who-bg::before {
    width: 65%
  }
  .about-us-head {
    font-size: 24px;
    line-height: 38px
  }
  .about-us-head .font16 {
    font-size: 14px;
    line-height: 22px
  }
  .trusted-title {
    font-size: 24px;
    line-height: 34px
  }
  .racknap-process-d span {
    font-size: 14px;
    line-height: 24px
  }
  .trusted-logo-section figure img {
    height: 18px !important
  }
  .trusted-logo-section > figure {
    padding: 0;
    margin: 0
  }
  .company-brand p {
    font-size: 20px
  }
  .case-studies-outer .case-stuies-box-in p {
    font-size: 16px;
    line-height: 30px
  }
  .display-1-home-heading {
    font-size: 45px;
    line-height: 55px
  }
}
@media (max-width:991px) {
  .home-logp-automates figure img {
    height: 40px !important
  }
  .banner-menu-prod, .inner-pagbanner-testimonial .client-image, .video-embed-head, header .dropdown-header, ul.list-unstyled li .dropdown-item .nav-icon-list, ul.list-unstyled li span.subtext-nav {
    display: none
  }
  .home-banner .shape-bg h1 {
    left: 37px;
    font-size: 20px;
    top: 150px
  }
.home-banner .shape-bg {
	width: 357px;
	height: 407px;
	right: 15px;
}
	.home-banner .shape-bg .video-heading-tag {
	top: 142px;
	left: 48px;
	max-width: 170px;
	font-size: 20px;
}
	.video-btnplay {
	max-width: 40px;
	margin: 15px auto 0;
}
	#rackanpvideohome iframe {
	height: 315px !important;
}
  .home-banner .ms-auto.mt-4 {
    bottom: -30px
  }
  .hamburger.offcanvas-nav-btn {
    border: 1px solid #ee4c05;
    padding: 14px;
    background: #ee4c05;
    border-radius: 4px
  }
  .home-tab .nav-tabs.nav-tabs-basic .nav-item .nav-link, .home-tab .nav-tabs.nav-tabs-basic .nav-item .nav-link.active {
    padding: 15px 5px;
    font-size: 15px
  }
  .racknap-counter h3 {
    font-size: 40px !important
  }
  .racknap-counter h5 {
    font-size: 15px
  }
  .who-bg::after, .who-bg::before {
    width: 55%
  }
  .ptop-7 {
    margin-top: 0
  }
  ul.list-unstyled-foot li span.social-link-list > a {
    margin: 0 5px 0 0
  }
  .navbar-dark .navbar-nav li.nav-item:focus .nav-link, .navbar-dark .navbar-nav li.nav-item:hover .nav-link {
    color: #ee4c05 !important;
    background-color: transparent
  }
  .navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item, header ul.list-unstyled.list-icons-header {
    padding-left: 0
  }
  header .dropdown-menu {
    font-size: .78rem
  }
  header .navbar-dark .navbar-nav .nav-link:focus, header .navbar-dark .navbar-nav .nav-link:hover {
    background-color: transparent
  }
  header .navbar-expand-lg .navbar-brand {
    padding-top: .4rem;
    padding-bottom: .4rem
  }
  .inner-pagbanner-testimonial .info img {
    height: 33px
  }
  .inner-page-banner .shape-bg {
    background: #fff;
    width: 100%;
    height: 100%;
    clear: both;
    display: inline-block;
    padding: 15px;
    border: 5px solid #ee4c05;
    border-radius: 6px;
    bottom: 0
  }
  .inner-pagbanner-testimonial {
    position: relative;
    top: 0;
    left: 0
  }
  .inner-pagbanner-testimonial .quote {
    width: 100%;
    font-size: 16px
  }
  .inner-pagbanner-testimonial .info {
    width: 100%;
    text-align: left;
    margin-top: 15px
  }
  .inner-page-banner h1 {
    margin-top: 30px
  }
  .wrapper .container.pt-18 {
    padding-top: 2rem !important
  }
  .in-the-media-logo .col figure img {
    max-height: 90px
  }
  .trusted-title {
    font-size: 18px;
    line-height: 23px
  }
  .racknap-process-d {
    font-size: 20px;
    line-height: 34px
  }
  .racknap-process-d span {
    font-size: 14px;
    line-height: 18px
  }
  .rusted-leftbox::after {
    width: 2px;
    right: -15px
  }
  .about-user-box h5 {
    font-size: 20px
  }
  .about-user-box span {
    font-size: 16px;
    line-height: 16px
  }
  .about-user-box p {
    font-size: 16px;
    line-height: 24px
  }
  .compay-logo-about {
    display: inline-block;
    padding: 10px
  }
  .compay-logo-about figure img {
    max-height: 21px
  }
  .compay-logo-about figure {
    margin: 0
  }
  .company-brand p {
    font-size: 16px
  }
  .home-award.aboutus-award figure.px-md-3 {
    padding: 0 !important;
    margin: 0 !important
  }
  .case-studies-outer .case-stuies-box-in {
    padding: 10px
  }
  .case-studies-outer .case-stuies-box-in p {
    font-size: 14px;
    line-height: 22px
  }
  ul.list-unstyled li .dropdown-item .nav-link-cc {
    margin: 0 0 0 5px
  }
  .display-1-home-heading {
    font-size: 40px;
    line-height: 45px
  }
}
@media (max-width:767px) {
	#rackanpvideohome iframe {
	height: 310px !important;
}
  .home-video-rk iframe {
    height: 250px !important;
    border: none;
  }
  .inner-headb-btn.textalign-center.mt-6 {
    text-align: center;
    margin: 0 auto 15px;
    display: table
  }
  .book-demo .book-page-man, .evemts-imgtag, .footer-subobx::after, .home-banner .ms-auto.mt-4, .home-tab img.img-fluid, .who-bg::after, .who-bg::before {
    display: none
  }
  .racknap-process-d {
    font-size: 19px;
    line-height: 30px
  }
  .inner-page-banner {
    max-height: 100%;
    padding: 0 0 20px
  }
  .racknap-process-d span {
    font-size: 14px;
    line-height: 18px
  }
  .trusted-logo-section figure img {
    height: 18px !important
  }
  .book-demo .book-left h5 {
    font-size: 24px
  }
  .lead.fs-lg {
    font-size: .99em !important
  }
  .inner-page-banner h1 {
    margin-top: 100px
  }
  .home-banner .shape-bg {
    width: 280px;
    height: 388px;
    left: 15px;
    bottom: -191px
  }
  .home-banner .shape-bg h1 {
    left: 64px;
    font-size: 16px;
    top: 126px
  }
  .wrapper.cericle-bg .pt-16 {
    padding-top: 2.5rem !important
  }
  .display-5 {
    font-size: 1.05rem
  }
  .display-6 {
    font-size: 1.02rem !important
  }
  .trusted-title, ul.bullet-list li span {
    font-size: 18px
  }
  .nav-tabs.nav-pills, .nav-tabs.nav-tabs-basic {
    display: flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    flex-direction: inherit
  }
  .home-tab .nav-tabs.nav-tabs-basic .nav-item {
    width: inherit;
    text-align: center;
    flex-shrink: 0
  }
  .home-tab .nav-tabs.nav-tabs-basic .nav-item .nav-link {
    padding: 10px 5px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100px;
    background-color: #f0f0f0;
    line-height: 21px;
    margin: 0 3px
  }
  .home-tab .nav-tabs.nav-tabs-basic .nav-item .nav-link.active {
    padding: 8px 10px;
    border-radius: 5px;
    background: #ee4c05;
    color: #fff
  }
  .nav-tabs.nav-pills .nav-item, .nav-tabs.nav-tabs-basic .nav-item {
    margin-bottom: 0
  }
  .home-tab .tab-content {
    margin-top: 1.25rem;
    padding: 15px 0 0
  }
  .py-10, .r-event-page .py-12 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }
  .racknap-counter h3 {
    font-size: 30px !important
  }
  .plans-title-name span, .who-bg .btn {
    font-size: 14px
  }
  .racknap-counter .counter-wrapper .col-sm-3 {
    padding: 0 7px
  }
  .racknap-counter .counter-border::after {
    width: 1px
  }
  .who-bg .btn {
    padding: .5rem .2rem;
    margin: 5px 3px
  }
  .inner-page-b {
    width: 47%;
    height: 55px
  }
  .who-bg .col.mt-2 {
    margin-top: 0 !important
  }
  .book-demo .book-left {
    padding: 20px;
    text-align: center;
    border-radius: 10px
  }
  footer .widget-title, footer ul.list-unstyled-foot li {
    text-align: center
  }
  footer .list-unstyled {
    list-style: none;
    text-align: center
  }
  .footer-subobx {
    text-align: center;
    margin-bottom: 30px
  }
  .plans-table-sections .table-responsive {
    border: 1px solid #e5e5e5
  }
  .bookdemo-page .book-demo .book-right {
    width: 100%
  }
  .bookdemo-page .book-demo .row.book-d-page-css {
    max-width: 820px;
    margin-top: 0;
    padding: 20px 10px
  }
  .wrapper.primary-bg.bg-primary.mt-15 {
    margin-top: 1rem !important
  }
  .book-demo-logo-csps figure {
    min-height: 100px
  }
  .primary-bg {
    background-size: cover
  }
  .integrations-outer-main h3 {
    font-size: 20px;
    margin: 0 0 20px
  }
  .inner-page-banner.m-space-remove h1 {
    margin-top: 0
  }
  .racknp-faq-inner .nav {
    min-width: 140px
  }
  .about-user-box h5 {
    font-size: 20px
  }
  .about-user-box span {
    font-size: 16px;
    line-height: 16px
  }
  .about-user-box p {
    font-size: 16px;
    line-height: 26px;
    margin: 20px 0;
    min-height: auto
  }
  .about-user-box {
    margin: 0 0 30px
  }
  .aboutus-header .g-10, .aboutus-header .gy-10 {
    --bs-gutter-y: .5rem
  }
  .trusted-title {
    line-height: 23px;
    margin-bottom: 20px !important;
    margin-top: 20px
  }
  .compay-logo-about {
    padding: 10px;
    float: left;
    margin-right: 10px
  }
  .company-brand p {
    font-size: 16px;
    line-height: 22px;
    display: inline;
    margin: 0;
    padding: 0
  }
  .copyright-text {
    font-size: 12px;
    line-height: 16px
  }
  footer .h4, footer h4 {
    font-size: .85rem
  }
  footer .icon-list:not(.row) li + li, footer .unordered-list li + li, footer .widget .list-unstyled:not(.tag-list) li + li {
    margin-top: .15rem
  }
  footer .mb-3 {
    margin-bottom: .25rem !important
  }
  footer .widget {
    margin-top: .95rem !important
  }
  .home-tab .tab-content {
    padding-bottom: 20px !important
  }
  .home-tab .nav-tabs.nav-tabs-basic.nav {
    flex-wrap: nowrap
  }
  .display-1-home-heading {
    font-size: 30px;
    line-height: 35px;
    text-align: center;
    margin: 60px 0
  }
  .text-white.fs-22.box-border-bottom-h {
    text-align: center !important;
    font-size: 18px !important;
    margin: 0 auto;
    display: table;
    border-bottom: none
  }
  .bookademohome .col-md-5.col-lg-4.book-page-fm.book-right {
    top: -40px
  }
  .home-heaigntag {
    padding-right: 0
  }
  .bookademohome .book-page-fm.book-right {
    max-width: 100%
  }
  .bookademohome .container.py-8 {
    padding-top: 2rem !important
  }
  .bookademohome {
    margin-top: -10px
  }
  .bookademohome.innner-top-space-btn {
    top: 0
  }
  .home-tab .nav-tabs.nav-tabs-basic .nav-item .nav-link, .home-tab .nav-tabs.nav-tabs-basic .nav-item .nav-link.active {
    min-height: 62px
  }
  .justify-content-center.horizontal-tabs {
    justify-content: left !important
  }
}
@media (max-width:576px) {
  .rackanplogo figure img {
    height: 38px !important
  }
  .bookademohome .col-md-5.col-lg-4.book-page-fm.book-right {
    top: -30px
  }
  .company-brand p, .racknap-counter .counter-wrapper .col-sm-3 {
    text-align: center
  }
  .home-logp-automates .card-body, .wrapper.primary-bg.bg-primary .card-body {
    padding: 5px
  }
  .home-logp-automates .row-cols-3 > * {
    padding: 0 6px
  }
  .home-logp-automates .card {
    border-radius: .2rem
  }
  .home-tab .nav-tabs.nav-tabs-basic .nav-item .nav-link.active {
    padding: 7px;
    border-radius: 3px;
    font-size: 14px
  }
  .home-tab .nav-tabs.nav-tabs-basic .nav-item {
    max-width: inherit
  }
  .home-tab .nav-tabs.nav-tabs-basic .nav-item .nav-link {
    padding: 10px 5px;
    text-decoration: underline
  }
  .cloud-industry-box::after, .racknap-counter .counter-border::after, .racknap-process-d::after {
    display: none
  }
  .book-demo .book-left {
    margin: 0 auto;
    max-width: 90%
  }
  .book-demo .book-right {
    margin: 15px auto 0;
    max-width: 90%
  }
  .navbar-expand-lg .navbar-brand {
    padding-top: .4rem;
    padding-bottom: .4rem
  }
  button.hamburger span, button.hamburger::after, button.hamburger::before {
    width: .9rem;
    height: .09rem
  }
  .wrapper.primary-bg.bg-primary .card {
    border-radius: 3px
  }
  .wrapper.primary-bg.bg-primary .row-cols-3 > * {
    padding: 0 7px
  }
  .sm-full-btn .inner-page-b, .sm-full-btn .inner-page-b2 {
    width: 80%;
    max-width: 250px
  }
  .bookdemo-page .book-demo .row.book-d-page-css {
    width: 95%;
    margin: 0 auto
  }
  .bookdemo-page .book-demo .col-12.b-page-h {
    width: 100%
  }
  .bookdemo-page .book-demo .book-left {
    max-width: 100%
  }
  ul.racknap-n-come-list.white-list-arrow li {
    text-align: left;
    clear: both;
    display: inline-block;
    width: 100%
  }
  .fs-24 {
    font-size: 1rem !important
  }
  ul.racknap-n-come-list {
    margin: 0 0 20px
  }
  .in-the-media-logo .col figure img {
    max-height: 60px
  }
  .wrapper ul.bullet-list li .btn, .wrapper ul.innerlist-box .plans-btn .btn {
    padding: .5rem .3rem;
    font-size: 14px
  }
  .wrapper ul.bullet-list li {
    padding-left: 25px
  }
  .wrapper ul.innerlist-box {
    padding-left: 10px
  }
  .racknp-faq-inner .d-flex {
    display: inline-block !important
  }
  .racknp-faq-inner .nav {
    border-right: none;
    padding: 0;
    min-width: 100%
  }
  .racknp-faq-inner .nav-link {
    padding: 5px 0;
    font-size: 16px;
    text-decoration: underline
  }
  .racknp-faq-inner h3 {
    font-size: 1rem
  }
  .racknap-process-d {
    font-size: 20px;
    line-height: 30px;
    width: 100%;
    margin: 10px 0
  }
  .compay-logo-about {
    padding: 10px;
    float: none;
    margin: 0 auto;
    display: table;
    border-radius: 8px
  }
  .company-brand p {
    font-size: 16px;
    line-height: 22px;
    display: table;
    margin: 20px auto 0
  }
  .tab-btnlink a {
    padding: 10px;
    font-size: 15px;
    margin: 0;
    min-width: 120px;
    display: inline;
    width: 48%
  }
  .home-logp-automates figure img {
    max-height: 25px
  }
	#rackanpvideohome iframe {
	height: 250px !important;
}
}