@media (max-width:1536px) {
    .service-category-section .package-price{
        font-size: 14px !important;
    }
    .datacenter-page{
        gap: 1rem !important;
    }
    .nav-tabs{
        padding: 0 !important;
    }
    .blog-page-posts-section{
        flex-wrap: wrap !important;
    }
    
}

@media (max-width:1300px) {
    .detail-left-section {
        margin-top: 3rem !important;
    }
    .support-contact-image-section{
        padding: 1rem !important;
        margin-top: 4rem !important;
    }
    .contact-form-row-section  .form-section{
        margin:0.2rem 0 !important;
    }
    .contact-form-row-section   .support-section{
        margin:0.2rem 0 !important;
    }
    .support-contact-image-section,
    .support-contact-image-section::before{
        border-radius:0 !important
    }
    .cf7-submit-btn-section { 
        flex-direction: column  !important;
        gap: 1rem  !important;
    }
    .cf7-submit-btn-section .wpcf7-not-valid-tip {
        position: absolute !important;
        left: 151px !important;
        width: 200px !important;
    }
    .blog-detail{
        margin-bottom: 0 !important;
    }
    .page-common-head-title {
        font-size: 18px !important;
    }
    .auction-section-empty{
        padding: 4rem 0 !important;
    }

}
@media (min-width:1300px) {
    
    .cf7-submit-btn-section .wpcf7-not-valid-tip {
        position: absolute !important;
        right: 80px !important;
        width: 200px !important;
    }
    .support-contact-image-section{
        padding: 3rem !important;
        margin: 12rem 0  !important;
    } 
    .contact-form-row-section  .form-section{
        margin-top: -10rem !important;
    }
    .contact-form-row-section   .support-section{
        margin-bottom: -15rem !important;
    }
}
@media (max-width:1280px) {
    .call-account-btn-xs{
        width: 100% !important;
        display: inline-flex  !important;
        line-height: 0  !important;
        justify-content: center  !important;
        align-items: center  !important;
        text-align: right  !important;
        direction: ltr  !important;
        padding-right: 20px  !important;
      }
    .road-map-left-section-items li {
        margin-left: 4rem !important;
    }
    .header-navbar-menu > li{
        margin: 1.5rem 0 !important;
    }
}

@media (max-width:1024px) {
    .speed-test-border-left{
        border-left:none !important;
      }
   
    .prices-page .tab-content table thead tr th{
        min-width: 200px !important;
    }
    .nav-tabs{
        display: flex !important;
        margin-left: auto !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        margin-bottom: 1.5rem !important;
        margin-right: 0 !important;
    }
    .faq-vertical-tabs li{
        width: 50% !important;
      }
      .faq-vertical-tabs{ 
        flex-wrap: wrap !important;
      }
    
    .display-none{
        display: none !important;
    }
    #faq-vertical-tabs .nav-item a {
        display: flex;
        align-items: center;
        padding: 0.8rem 0;
        justify-content: space-between;
        width: 100%;
    }
    .auction-padding p{
        line-height: 1.8 !important;
    }
    .auction-more-detail-btn{
        margin-bottom: 1.5rem !important;
    }
    .auction-section h2{
        font-size: 18px !important;
    }
    .package-order-btn {
        padding: 15px 6px !important;
    }
    .service-tariff-section{
        flex-wrap: wrap !important;
    }

   
    .modal-dialog .modal-content {
        background-color:transparent !important
    }
    .modal-dialog {
        max-width: 100% !important;
        background-color: transparent !important;
      }
      
    /*  iframe{
        width: 100% !important;
        height: 350px !important;
      }*/
  
    .sub-menu{
        position: relative !important;
        margin-bottom: 1.5rem !important;
    }
    .sub-menu li{
        text-align: right !important;
    }
    .intro-content {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .road-map-left-section-items li {
        margin-left: 3rem !important;
    }

    .aboutus-roadmap-section {
        flex-direction: column-reverse !important;
    }

}

@media (max-width:768px) {
    
  
    .packages-left-section{
        text-align: center;
        display: flex;
        flex-direction: column;
        gap: 5px;
    }
    .auction-padding p{
        text-align: center !important;
    }
    .auction-section{
        flex-direction: column !important;
        padding: 0 2rem;
    }
    .service-tariff-section{
        flex-wrap: wrap !important;
        flex-direction: column !important;
    }
    .page-header-section h1 {
        text-align: center !important
    }

    .jobs-item-section .jobs-item h2 {
        font-size: 14px !important;
    }
   
    .jobs-tab-navs li{
        padding: 0.5rem !important;
    }
    .jobs-section{
        padding: 1rem !important;
    }
    .jobs-section::before{
        display: none !important;
    }
    .user-guides-section{
        flex-direction: column !important;
    }
    .breadcrumb-ph{
        width: 100% !important;
        justify-content: center !important;
    }
    .bc-shape::before{
        display: none !important;
    }
    .navbar-menu-side.active ul{
        max-width: 100% !important;
        min-width: 100% !important;
        width: 100% !important;
    }
    .purchase-col-section{
        flex-direction: column;
    }
    .package-thumbnail{
        width: 80% !important;
    }
    .package-item-order-price-section{
        flex-direction: column !important;
    }
    .map-section{
        display: none !important;
    }
    .contact-us-roadmap-apps-nav-section{
        display: block !important;
    }
    .services-section .flex-basis-49p img{
     margin: auto !important;
    }
    .content-faq-btn-sections{
        gap: 10px !important;
    }
}


@media (max-width:640px) {
    .cf7-submit-btn-section .wpcf7-not-valid-tip {
        position: absolute !important;
        left: 170px !important;
        width: 200px !important;
        font-size: 13px;
        top: 0 !important;
    }

    .agencies-form-section .text-phone {
        width: 100% !important;
    }
    #agencies-form-section .form-group{
        flex-direction: column !important;
      }
    #agencies-form-section .ageents-form .wpcf7-not-valid-tip {
        display: block !important;
        right: -13rem !important;
        top: 19px !important;
        font-size: 12px !important;
    }
    .career-right-col{
        margin-bottom: 2rem !important;
    }
    .agencies-section {
        padding: 0 !important;
    }
    .agencies-form-section{
        margin: 2rem 0 !important;
    }
    .agencies-form-section .form-group{
        flex-direction: column !important;
    }
    .owl-nav {
        position: absolute !important;
        justify-content: center !important;
        display: flex !important;
        align-items: flex-end !important;
        margin-top: 3rem !important;
    }
    #certificates-gallery .owl-nav {
        margin-top: 4rem !important;
    }
    #customers-logos-owl .owl-nav {
        margin-top: -1rem !important;
    }

    #customers-logos-owl{
        padding-bottom: 3rem !important;
    }
    .feature-box-title{
        margin: 0 !important;
    }
    .features-box{
        flex-direction: column !important;
    }
    body{
        overflow-x: hidden !important;
    }
    .nav-tabs{
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        text-align: center !important;
        width: 100% !important;
    }
    .package-order-btn {
        padding: 15px 6px !important;
        width: 80% !important;
        margin: 15px;
    }
    .service-tariff-description-section{
        padding: 2rem !important; 
      }

    .service-page-item-box .service-item-footer {
        margin-right: 1rem !important;
        flex-direction: row !important;
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        padding: 0 2rem !important;
    }
    .service-page-item-box .service-button {
        padding: 5px !important;
        width: 100px !important;
        font-size: 13px !important;
        padding: 0 !important;
        line-height: 0;
        height: 40px;
    }
    .service-page-item-box {
        padding: 1rem 0 !important;
        padding-right: 1rem !important;
        display: flex;
        direction: rtl !important;
    }
    .service-icon {
        width: 85px !important;
        height: 85px !important;
        border-radius:20px !important
    }
    .service-page-item-box .service-button {
        width: 100px !important;
        font-size: 13px !important;
    }

    .services-page .service-title { 
        font-weight: 600 !important;
        padding: 0.5rem 0 !important;
        margin-top: 5px !important;
        font-size: 14px !important;
    }
    .error-410-page-search-btn-submit{
        width: 100% !important;
    }
    .header-navbar-menu li:hover > .sub-menu > li:hover > .sub-menu a{
        line-height: 1.5 !important;
    }
    .header-navbar-menu li:hover > .sub-menu > li:hover > .sub-menu{
        right: 0 !important;
        width: auto !important;
    }
    .error-page {
        margin-top: 2rem !important;
        margin-bottom: 0 !important;
    }
    .error-page-title{
        font-size: 32px !important;
    }
    .services-section .flex-basis-49p *{
        text-align: center !important;
      }
    .footer-copyright{
        padding: 0 !important;
    }
    .footer-certificates-section li {
        background-color: #fff !important;
        width: 75px !important;
    }
    .footer-copyright h4{
        width: 73% !important;
        word-spacing: -1px !important;
        margin: auto !important;
        margin: 0.5rem auto !important;
        line-height:1.5 !important;
    }
    .footer-certificates-section{
        gap: 5px !important;
    }
    .catchment-area-icon .section-col:nth-child(1){
        width: 46% !important;
    }
    .catchment-area-icon .section-col:nth-child(2){
        width: 46% !important;
    }
    .suggestion-section *{
        text-align: center !important;
    }
    .catchment-area-icon .section-col {
        padding: 14px !important;
        height: 128px !important;
    }
    .catchment-area-icon{
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
    }
    ul.footer-links-nav{
        flex-direction: column !important;
        align-items: start !important;
        line-height: 6 !important;
    }
    .footer-links-nav li {
        border-bottom: 1px solid #75767b !important;
        width: 100% !important;
        text-align: right !important;
        padding: 13px 0 !important;
        line-height: 0 !important;
        margin: 0 !important;
        padding-bottom: 1.4rem !important;
      }
      
    .about-us-top-description{
        text-align: right !important;
        text-align: justify !important;
        direction: rtl !important;
    }
    #gmap_canvas{
        height: 250px !important;
        margin-top: 2rem !important;
        border-radius:1rem !important
      }
    .footer-social-section{
        margin-top: 1rem !important;
    }
    .cu-whastapp-btn ,.cu-telegram-btn {
        width: 85% !important;
    }
    .cu-whastapp-btn span.icon{ 
        right: -40px !important
    }
    .cu-telegram-btn span.icon {
        right: -55px !important
    }
   
    .contactus-col-section .col-box{
        justify-content: right !important;
    }
    .contactus-col-section .col-box div + div *{
        text-align: right !important;
    }
   
    .header-navbar-menu .sub-menu{
        top: 0 !important;
        margin-bottom: 1rem !important;
    }
    .header-navbar-menu{
        display: flex !important;
        flex-direction: column !important;
        margin: 2rem 0 !important;
    }
    .header-navbar-menu > li{
        margin: 0.5rem 0 !important;
    }
  
  
    .contact-us-form-title{
        font-size: 18px !important;
    }
    .header-navbar-menu li:first-child{
        margin-top: 0 !important;
    }
    .body-overlay{
        top: 0;
        content: '';
        width: 100%;
        height: 100%;
        position: fixed;
        background-color: #3636365d;
        z-index: 99999;
    }
    .bi-mr{
        margin-right: 0 !important;
    }

    .service-more-btn{
        display: flex !important;
        justify-content: center !important;
    }

    #certificates-gallery img {
        width: 100% !important;
    }

    #our-team-carousel .owl-item img {
        height: 380px;
        object-fit: cover;
        object-position: top;
    }

    .home-slider-bottom-features {
        flex-direction: row !important;
    }

    .about-us-page-section .features-section {
        flex-direction: row !important;
        flex-wrap: wrap !important;
    }

    .features-section .col-box {
        display: flex !important;
        flex-direction: column !important;
    }

    .row-section-3x {
        padding: 0 !important;
    }

    .container {
        max-width: 95% !important;
    }

    .features-section .card {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .flex-basis-49p .service-title {
        text-align: center !important;
        font-size: 18px !important;
    }
    .service-title-3col{
        font-size: 18px !important;
    }
    .service-detail-3col{
        margin-bottom: 0 !important;
    }

    .flex-basis-49p .service-thumbnail {
        max-width: 50% !important;
    }

    .flex-basis-49p .service-more-detail {
        margin-bottom: 0rem !important;
    }

    .service-more-detail {
        margin-top: 2rem !important;
    }

    .flex-basis-49p .btn-more-section {
        justify-content: center !important;
        align-items: center !important;
    }

    .flex-basis-49p {
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .footer-social-section {
        padding: 1rem 0 !important;
        line-height: 2 !important;
    }

    .address-section p {
        text-align: justify !important;
        line-height: 2 !important;
    }

    .row-section-2x {
        padding: 1rem 0 !important;
    }

    .social-nav-links {
        margin-top: 10px !important;
    }

    .title-section {
        font-size: 16px !important;
    }

    .section-row-1x {
        padding: 0 !important;
    }

    .btn-more-blog {
        padding: 10px 40px !important;
        font-size: 14px !important;
        bottom: 14px !important;
    }

    .content-faq-section {
        display: flex;
        justify-content: center;
    }

    .aboutus-roadmap-section {
        display: flex !important;
        flex-direction: column-reverse !important;
    }

    .road-map-left-section-items {
        display: flex !important;
        width: 100% !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        overflow-x: scroll !important;
        gap: 12px !important;
        direction: rtl !important;
    }

    body {
        overflow-x: hidden !important;
    }

    .road-map-left-section-items li {
        margin-left: 0rem !important;
    }
    .left-tab-content-title {
        font-size: 18px;
        text-align: center;
        
    }
}

@media (max-width:380px) {
    .blog-page-posts-section , .blog-selection-top{
        flex-wrap: wrap !important;
    }
    .features-section {
        flex-direction: row !important;
    }
    .blog-article-footer{
        flex-wrap: wrap !important;
        flex-direction: column;
        display: flex;
        padding: 1rem;
        line-height: 3;
    }
}

@media (max-width:320px) {
    .features-section {
        flex-direction: row !important;
    }
}
@media (min-width:900px) and (max-width:1280px){
    .footer-widgets-section{
        justify-content: space-evenly;
    }
}
@media (min-width:1280px) and (max-width:1550px){
    .footer-about-us{
        line-height: 2.5 !important
    }
    .desktop-mobile-text{
        display: none !important;
    }
    .footer-links-nav{
        flex-wrap: wrap  !important;
        gap: 2rem  !important;
        justify-content: stretch  !important;
    }
}
  
@media (min-width:1280px) and (max-width:1400px){
    
    .desktop-login-text{
        display: none !important;
    }
    .desktop-mobile-btn,
    .desktop-login-btn{
        width: 48px !important;
        height: 48px !important;
        display: flex !important;
        justify-content: center !important; 
    }