@media(max-width:992px){
    .mega-menu li a {
        padding: 6px 0px;
        display: flex;
        align-items: center;
    }
    .mega-menu li a h4{
        font-size: 15px;
        font-weight: 600;
    }
    .mega-menu li a img{
        margin-right: 10px;
        width: 40px;
    }
    .mega-menu li a p{
        display: none;
    }
    .price-box{
        height: auto;
        margin: 0;
    }
    .home-banner-content h1{
        font-size: 40px;
        line-height: 52px;
        margin-bottom: 20px;
    }
    .home-banner-content p{
        font-size: 16px;
        line-height: 22px;
    }
    .search-box .form-control{
        height: 50px;
    }
    .search-box{
        margin-bottom: 20px;
    }
    .home-banner {
        padding: 140px 0px 100px;
    }
    .price-boxes{
        padding-bottom: 60px;
    }
    .top-curve-img{
        top: -1px;
        height: 180px;
    }
    .bottom-curve-img{
        bottom: -1px;
        height: 180px;
    }
    .section-header h3{
        font-size: 28px;
        line-height: normal;
    }
    .section-header p{
        width: 100%;
    }
    .section-header{
        margin-bottom: 40px;
    }
    .section-pad {
        padding: 60px 0px;
    }
    .section-middle-content h4{
        font-size: 28px;
    }
    .section-middle-content{
        margin-bottom: 20px;
    }
    .why-choose-elyspace h3{
        font-size: 28px;
        margin-bottom: 30px;
    }
    .security-bx{
        margin-bottom: 30px;
        height: auto;
    }
    .footer-box{
        margin-bottom: 30px;
    }
    .security-bx img{
        height: 60px;
    }
    .inner-banner-content h2{
        font-size: 40px;
    }
    .inner-banner-content ul li{
        font-size: 16px;
    }
    .inner-banner-content h4{
        font-weight: 600;
        font-size: 20px;
    }
    .inner-banner-content p{
        font-size: 14px;
        font-weight: 300;
    }
    .cpanel-hosting-content{
        padding-bottom: 200px;
    }
    .installation-sec{
        margin-top: -60px;
    }
    .installation-img{
        margin-bottom: 30px;
    }
    .installation-content{
        text-align: center;
        margin-bottom: 30px;
    }
    .powered-by-cpanel .accordion{
        margin-bottom: 30px;
    }
    .reseller-highlights {
        padding-bottom: 180px;
    }
    .reseller-support-bx{
        margin-bottom: 30px;
    }
    .res-support-box {
        padding: 10px 0px;
    }
    .wordpress-support {
        padding-bottom: 180px;
    }
    .business-security .top-curve-img{
        height: 220px;
    }
    .business-hosting-boxes {
        padding-top: 0px;
    }
    .business-hosting-bx h4{
        font-size: 22px;
    }
    .business-security{
        padding-bottom: 180px;
    }
    .horizontal-price-info {
        border-left: none;
        padding-left: 0;
    }
    .horizontal-price-feature{
        margin-bottom: 20px;
    }
    .cloud-vps-accordian-img {
        position: relative;
        top: auto;
        right: 0;
        transform: translateY(0);
        width: 100%;
        text-align: right;
        margin-top: 30px;
    }
    .window-server-accordian {
        padding-bottom: 120px;
    }
    .installation-content h4{
        font-size: 28px;
    }
    .server-hosting{
        padding-bottom: 180px;
    }
    .get-started-bx{
        margin-bottom: 30px;
    }
    .get-started-mini-bx::before{
        display: none;
    }
    .website-security{
        padding-bottom: 180px;
    }
    .faq-area h3{
        font-size: 28px;
        font-weight: 700;
        margin-bottom: 30px;
    }
    .landing-banner-content h2{
        font-size: 40px;
    }
    .landing-page-img{
        text-align: center;
    }
    .zig-zag-img{
        text-align: center;
    }
    .whcms-hosting{
        padding-bottom: 170px;
    }
    .blog-left-img{
        margin-bottom: 30px;
    }
    .blog-highlight-content{
        padding-left:0px ;
    }
    .reseller-support{
        margin-bottom: 60px;
    }
    .zig-zag-content{
        margin-bottom: 30px;
    }
    .blog-box{
        margin-bottom: 30px;
    }
    .about-elyspace-content p:last-child{
        margin-bottom: 30px;
    }
    .left-box::before {
        top: -26px;
        right: 50%;
        transform: translateX(50%) rotate(270deg);
    }
    .right-box::before {
        top: -26px;
        left: 50%;
        transform: translateX(-50%) rotate(90deg);
    }
    .history-box {
        margin-bottom: 30px;
    }
    .left-box{
        padding-right: 0px;
    }
    .right-box{
        padding-left: 0px;
    }
    .work-with-us-box{
        margin-bottom: 30px;
        height: auto;
    }
    .footer-contact-info{
        margin-bottom: 30px;
    }
    .work-with-us-box h3{
        font-size: 30px;
    }
    .contact-options-bx h3{
        font-size: 26px;
    }
    .contacts-bx img{
        width: 60px;
    }
    .contacts-bx h4{
        font-size: 18px;
    }
    .contacts-bx h2{
        font-size: 16px;
    }
    .livechat-box{
        margin-bottom: 30px;
    }
    .term-and-condition-tabs{
        margin-bottom: 30px;
    }
    .affiliate-box{
        margin-bottom: 40px;
    }
    .affiliate-feat-box::after{
        display: none;
    }
    .affiliate-highlights{
        margin-bottom: 30px;
        height: calc(100% - 30px);
    }
    .left-box span{
        text-align: left;
    }
    .horizontal-price-feature ul li{
        width: 100%;
    }
    .horizontal-price-bx{
        margin: 0;
    }
    .login-btn{
        text-align: center;
        margin: 5px 10px;
        font-size: 16px;
    }
    .blog-header{
        display: none;
    }
}

@media(max-width:767px){
    .header-top ul li a{
        font-size: 12px;
    }
    .header-logo img{
        height: 30px;
    }
    .header-top ul li a img {
        width: 16px;
        margin-right: 5px;
    }
    .home-banner-content h1{
        font-size: 30px;
        line-height: 36px;
        font-weight: 800;
    }
    .home-banner-content p{
        font-size: 14px;
        font-weight: 300;
    }
    .search-box .submit-btn{
        padding: 5px 20px;
        font-size: 16px;
    }
    .search-box .form-control{
        padding: 10px 115px 10px 25px;
    }
    .domain-name h4{
        text-align: center;
    }
    .section-header h3{
        font-size: 24px;
        margin-bottom: 10px;
    }
    .security-bx{
        margin-bottom: 20px;
    }
    .section-middle-content h4 {
        font-size: 24px;
    }
    .section-pad {
        padding: 40px 0px;
    }
    .why-choose-elyspace h3 {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .why-us-box{
        margin-bottom: 20px;
        height: auto;
    }
    .faq-area .accordion-button{
        font-size: 15px;
    }
    .faq-area .accordion-button::after{
        font-size: 16px;
    }
    .inner-banner-content h2 {
        font-size: 30px;
        margin-bottom: 20px;
    }
    .inner-banner-content ul{
        margin-bottom: 20px;
    }
    .inner-banner-content ul li{
        padding: 0px 10px;
        font-size: 14px;
    }
    .inner-banner-content h4{
        font-size: 16px;
        font-weight: 500;
    }
    .desktop-view{
        width: 100%;
    }
    .section-header {
        margin-bottom: 20px;
    }
    .mobile-view{
        height: 220px;
        width: 120px;
    }
    .slider-item{
        padding: 0px 0px 20px 20px;
    }
    .powered-by-cpanel .accordion-button{
        font-size: 16px;
    }
    .powered-by-cpanel .accordion-body{
        font-size: 14px;
    }
    .powered-by-cpanel .accordion {
        margin-bottom: 20px;
    }
    .hosting-benefit-bx img {
        width: 130px;
    }
    .hosting-benefit-bx h4{
        font-size: 18px;
    }
    .section-header h5{
        font-size: 16px;
    }
    .highlights-box{
        height: auto;
        margin-bottom: 20px;
    }
    .installation-content h4 {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .installation-content h5{
        font-size: 20px;
        font-weight: 600;
    }
    .reseller-support-bx h4{
        font-size: 26px;
    }
    .res-support-box{
        padding: 0;
    }
    .res-support-box p{
        margin-bottom: 20px;
    }
    .res-support-box h4{
        font-size: 18px;
        margin-bottom: 10px;
    }
    .reseller-support{
        margin-bottom: 40px;
        padding: 30px 0px;
    }
    .common-support-bx img{
        margin-bottom: 20px;
    }
    .common-support-bx h4{
        margin-bottom: 10px;
    }
    .zig-zag-content h4{
        font-size: 20px;
        margin-bottom: 10px;
    }
    .wordpress-highlights{
        height: auto;
        margin-bottom: 20px;
    }
    .business-hosting-bx{
        text-align: center;
    }
    .business-hosting-bx img {
        margin-left: 0;
    }
    .advance-feature-bx{
        margin-bottom: 20px;
        height: auto;
    }
    .advance-feature-bx h4{
        font-size: 18px;
    }
    .zig-zag-content{
        margin-bottom: 20px;
    }
    .cloud-vps-accordian-img{
        padding: 0px 15px;
    }
    .about-cloud-vps h3{
        font-size: 20px;
    }
    .installation-sec {
        margin-top: -40px;
    }
    .support-box img{
        max-height: 100%;
    }
    .get-started-bx {
        margin-bottom: 20px;
    }
    .wordpress-hack-box{
        height: auto;
        margin-bottom: 20px;
    }
    .why-us-content h4{
        font-size: 18px;
    }
    .installation-content ul li{
        font-size: 16px;
        font-weight: 600;
        padding-bottom: 10px;
    }
    .effective-service-box{
        height: auto;
        margin-bottom: 20px;
    }
    .footer-top {
        padding: 20px 0px 0px;
    }
    .footer-box {
        margin-bottom: 20px;
    }
    .footer-bottom{
        padding: 10px 0px 20px;
    }
    .website-design-box{
        margin-bottom: 20px;
    }
    .landing-banner-content h2 {
        font-size: 30px;
    }
    .blog-header ul li{
        padding: 0px 10px;
    }
    .blog-header ul li a{
        font-size: 16px;
        margin-bottom: 20px;
    }
    .blog-highlight-content h3{
        font-size: 22px;
    }
    .blog-category-box{
        height: auto;
        margin-bottom: 20px;
    }
    .blog-box{
        margin-bottom: 20px;
    }
    .blog-list-header {
        height: 95px;
    }
    .landing-banner {
        padding: 150px 0px 40px;
    }
    .faq-area h3{
        font-size: 24px;
        margin-bottom: 20px;
    }
    .price-boxes {
        padding-bottom: 40px;
    }
    .cpanel-hosting-content p{
        width: 100%;
    }
    .installation-content p{
        font-size: 14px;
    }
    .about-elyspace-box{
        padding: 20px;
    }
    .history-box{
        padding: 20px 15px;
        margin-bottom: 20px;
    }
    .work-with-us-box{
        padding: 30px;
    }
    .work-with-us-box p{
        font-size: 18px;
    }
    .footer-contact-info h3{
        font-size: 24px;
    }
    .contact-options-bx h3 {
        font-size: 22px;
    }
    .contacts-bx{
        margin-top: 20px;
    }
    .livechat-box {
        margin-bottom: 20px;
    }
    .livechat-box{
        padding: 10px;
    }
    .contact-options {
        margin-top: -60px;
    }
    .affiliate-highlights{
        margin-bottom: 20px;
        height: auto;
    }
    .affiliate-feat-box span{
        width: 55px;
        height: 55px;
    }
    .term-and-condition-tabs .nav-pills .nav-link{
        font-size: 16px;
    }
    .terms-condition-content h3{
        font-size: 20px;
        margin-bottom: 20px;
    }
    .about-elyspace {
        margin-top: -60px;
    }
    .about-cloud-vps{
        padding: 20px 30px;
    }
}
@media(max-width:580px){
    .footer-box{
        margin-bottom:30px;
      }
      .footer-box ul{
          display:none;
          margin-top:10px;
      }
      .footer-box.isOpen ul{
          display: block;
      }
      .footer__column .footer-box{
          margin-bottom:0px;
          padding:10px;
          position:relative;
      }
      .footer__column .footer-box:before{
          position:absolute;
          top:10px;
          right:10px;
          content:'\f067';
          font-family: "Font Awesome 5 Pro";
          font-size:20px;
          transition:all 0.3s;
      }
      .footer__column .footer-box.isOpen:before{
           content:'\f068';
           transition:all 0.3s;
      }
      .footer__column .footer-box h4{
          margin:0;
          position: relative;
      }
      .landing-page-img{
        display: none;
      }
      .header.header-scrolled{
        position: fixed;
        z-index: 999;
        background-color: #321e70;
        padding: 10px 0px;
        transition:all 0.3s ease-in-out;
    }
    .header.header-scrolled .header-top{
        display: none;
    }
}
@media(max-width:480px){
    .header-top ul li{
        padding-left: 10px;
    }
    .home-banner {
        padding: 120px 0px 80px;
    }
    .home-banner-content h1{
        font-size: 26px;
        line-height: 32px;
    }
    .search-box .form-control {
        padding: 6px 105px 6px 15px;
        font-size: 14px;
    }
    .swiper-wrapper {
        padding: 0px 0px 46px;
    }
    .price-carousel .swiper-wrapper{
        padding:0px 0px 20px;
    }
    .swiper-pagination .swiper-pagination-bullet{
        width: 10px;
        height: 10px;
    }
    .price-box .label-title{
        margin-bottom: 10px;
        font-size: 14px;
    }
    .price-box h3{
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 10px;
    }
    .price-box h2, .horizontal-price-info h2{
        font-size: 28px;
        margin-bottom: 10px;
    }
    .price-box h4, .horizontal-price-info h4{
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 10px;
    }
    /* .price-box p{
        margin-bottom: 10px;
    } */
    .section-header h3{
        font-size: 20px;
    }
    .section-header p{
        font-size: 14px;
        line-height: normal;
    }
    .security-bx{
        padding: 20px 10px;
    }
    .why-us-box img {
        margin-right: 10px;
        width: 35px;
    }
    .why-us-box{
        padding: 15px 10px;
    }
    .why-choose-elyspace h3{
        font-size: 20px;
    }
    .why-us-content h4 {
        font-size: 16px;
    }
    .why-us-content p{
        font-size: 14px;
    }
    .section-pad {
        padding: 20px 0px;
    }
    .testimonial-bx{
        padding: 10px;
    }
    .review-icon img{
        width: 16px;
    }
    .faq-area .accordion-button{
        padding-left: 43px;
    }
    .faq-area .accordion-button::after{
        left: 12px;
    }
    .faq-area h3{
        font-size: 20px;
    }
    .blog-box-content {
        padding: 10px;
    }
    .blog-box-content h4{
        font-size: 16px;
        margin-bottom: 10px;
    }
    .blog-box-content p{
        font-size: 14px;
        margin-bottom: 20px;
    }
    .blog-box-content span{
        font-size: 12px;
    }
    .view-all-btn{
        padding: 7px 20px;
        font-size: 16px;
    }
    .footer-box img {
        height: 30px;
        margin-bottom: 10px;
    }
    .payment-icon img {
        height: 24px;
    }
    .footer-box h4{
        font-size: 18px;
    }
    .footer-box ul li {
        padding-bottom: 4px;
    }
    .footer-bottom p{
        font-size: 12px;
    }
    .inner-banner-content h2{
        font-size: 24px;
        font-weight: 700;
    }
    .inner-banner-content p{
        font-size: 14px;
    }
    .price-box ul li{
        padding-bottom: 10px;
    }
    .price-boxes {
        padding-bottom: 20px;
    }
    .section-header h5 {
        font-size: 14px;
        margin-bottom: 5px;
    }
    .highlights-box{
        padding: 10px;
    }
    .highlights-box h4{
        margin-bottom: 10px;
    }
    .highlights-box p{
        font-size: 14px;
    }
    .section-middle-content h4 {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 10px;
    }
    .installation-content p{
        font-size: 14px;
    }
    .powered-by-cpanel .accordion-body{
        padding: 10px;
    }
    .powered-by-cpanel .accordion-button{
        padding:15px 10px;
        font-size: 14px;
    }
    .mobile-view {
        height: 150px;
        width: 80px;
    }
    .web-hosting-benefit{
        padding: 30px 0px;
    }
    .top-curve-img{
        height: 120px;
    }
    .bottom-curve-img{
        height: 120px;
    }
    .reseller-highlights {
        padding-bottom: 120px;
    }
    .installation-content h4{
        font-size: 20px;
        margin-bottom: 10px;
    }
    .reseller-support-bx{
        padding: 20px;
    }
    .reseller-support-bx h4 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .reseller-support-bx p{
        font-size: 14px;
    }
    .web-application .top-curve-img {
        height: 160px;
    }
    .price-box ul {
        margin: 20px 0px 15px;
    }
    .common-support-bx img{
        width: 50px;
        margin-bottom: 10px;
    }
    .common-support-bx h4{
        font-size: 18px;
    }
    .zig-zag-content h4{
        font-size: 18px;
    }
    .zig-zag-section + .zig-zag-section {
        padding-top: 30px;
    }
    .wordpress-highlights h4{
        font-size: 16px;
        margin-bottom: 10px;
    }
    .wordpress-highlights{
        padding: 10px;
    }
    .business-security {
        padding-bottom: 90px;
    }
    .advance-feature-bx{
        padding: 10px;
    }
    .advance-feature-bx h4{
        margin-bottom: 10px;
    }
    .horizontal-price-bx{
        padding: 20px 15px;
    }
    .horizontal-price-feature ul li{
        width: 100%;
        padding: 0px 0px 5px 30px;
    }
    .wordpress-support {
        padding-bottom: 100px;
    }
    .horizontal-price-heading h4{
        font-size: 20px;
    }
    .could-vps-acc h3{
        font-size: 20px;
        margin-bottom: 20px;
    }
    .server-management .price-box h3{
        font-size: 18px;
    }
    .server-hosting {
        padding-bottom: 110px;
    }
    .our-support {
        margin-top: -40px;
    }
    .other-support-box h4{
        font-size: 18px;
        margin-bottom: 10px;
    }
    .other-support-box p{
        margin-bottom: 20px;
    }
    .wordpress-hack {
        margin-top: -50px;
        position: relative;
    }
    .wordpress-hack-box{
        padding: 10px;
    }
    .wordpress-hack-box h4{
        font-size: 18px;
        margin-bottom: 10px;
    }
    .installation-content ul li{
        justify-content: center;
    }
    .installation-content ul li img {
        margin-right: 10px;
        width: 20px;
    }
    .installation-img {
        margin-bottom: 20px;
    }
    .effective-service-box{
        padding: 15px;
    }
    .effective-service-box img {
        width: 60px;
        margin-bottom: 20px;
    }
    .effective-service-box h4{
        font-size: 18px;
    }
    .adds-box{
        padding: 10px;
        height: auto;
        margin-bottom: 20px;
    }
    .adds-box h4{
        font-size: 16px;
    }
    .website-security {
        padding-bottom: 110px;
    }
    .website-deisgn-tab .nav-pills .nav-link{
        font-size: 14px;
    }
    .website-deisgn-tab .nav-item {
        padding: 0px 8px;
    }
    .website-builder-box h4{
        font-size: 18px;
        margin-bottom: 10px;
    }
    .website-builder-box p{
        margin-bottom: 20px;
    }
    .landing-banner {
        padding: 120px 0px 15px;
    }
    .main-btn{
        padding: 12px 25px;
        font-size: 16px;
        font-weight: 500;
        white-space: nowrap;
        margin-bottom: 20px;
    }
    .landing-banner-content ul{
        flex-wrap: wrap;
        margin-bottom: 0;
    }
    .landing-banner-content ul li {
        max-width: 100%;
        margin-bottom: 20px;
        display: flex;
        align-items: center;
    }
    .landing-banner-content ul li img{
        margin:0px 15px 0px 0px;
        width: 30px;
    }
    .landing-banner-content h2 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .compare-section{
        padding: 30px 0px;
    }
    .blog-left-img {
        margin-bottom: 20px;
    }
    .blog-highlight-content h3 {
        font-size: 18px;
    }
    .blog-highlight-content p{
        margin-bottom: 20px;
    }
    .blog-category-box {
        padding: 10px;
    }
    .blog-header ul li a{
        font-size: 14px;
    }
    .blog-details h3{
        font-size: 22px;
    }
    .about-elyspace-content p{
        font-size: 14px;
        margin-bottom: 20px;
    }
    .about-elyspace-box {
        padding: 10px;
    }
    .left-box::before{
        top: -23px;
    }
    .right-box::before{
        top: -23px;
    }
    .history-box h6{
        font-size: 16px;
        line-height: 22px;
    }
    .history-box{
        padding: 15px 10px;
    }
    .work-with-us-box {
        padding: 20px;
        margin-bottom: 20px;
    }
    .bx-bottom-box .btn + .btn{
        margin-top: 20px;
    }
    .work-with-us-box h3{
        font-size: 24px;
        margin-bottom: 10px;
    }
    .work-with-us-box p {
        font-size: 16px;
    }
    .footer-contact{
        padding: 15px;
    }
    .contact-options-bx{
        padding: 10px;
    }
    .contact-options-bx h3 {
        font-size: 20px;
    }
    .contacts-bx img {
        width: 50px;
    }
    .livechat-box p {
        font-size: 14px;
        margin-bottom: 12px;
    }
    .livechat-box h4{
        font-size: 16px;
    }
    .footer-contact-info h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .affiliate-box{
        padding: 16px 16px 20px;
    }
    .affiliate-box h4{
        font-size: 16px;
        margin-bottom: 10px;
    }
    .affiliate-box {
        margin-bottom: 30px;
    }
    .affiliate-feat-box{
        padding: 10px;
    }
    .affiliate-highlights{
        padding: 15px;
    }
    .terms-condition-content h4{
        font-size: 16px;
    }
    .terms-condition-content p{
        margin-bottom: 20px;
    }
    .term-and-condition-tabs .nav-pills .nav-link{
        font-size: 14px;
    }
    .home-web-security .top-curve-img{
        height: 180px;
    }
    .highlights-box i{
        margin-bottom: 10px;
    }
    .cpanel-hosting-content {
        padding-bottom: 120px;
    }
    .wordpress-highlights i{
        margin-bottom: 10px;
    }
    .advance-feature-bx i{
        margin-bottom: 10px;
    }
    .business-hosting-bx img{
        width: 100px;
    }
    .business-hosting-bx h4{
        font-size: 18px;
        margin-bottom: 10px;
    }
    .about-cloud-vps{
        padding: 10px 15px;
    }
    .about-cloud-vps h3{
        margin-bottom: 10px;
    }
    .installation-sec {
        margin-top: -10px;
    }
    .installation-content h5{
        margin-bottom: 10px;
    }
    .zig-zag-content p{
        margin-bottom: 20px;
    }
    .whcms-hosting {
        padding-bottom: 115px;
    }
}