.mrg-top {
    margin-top: 110px !important;
}

.xs-title,
h4 {
    color: #000000;
}

.mob-arb {
    direction: ltr;
    unicode-bidi: embed;
}

.post-item__title {
    color: #463089;
    font-size: 24px;
}

.icon-internet:before,
.languageSwitcher-button {
    font-weight: 300 !important;
}

.switch-lang {
    background-color: #00000000;
    color: #fff !important;
    cursor: pointer;
    border: none;
    font-family: 'Tajawal-Bold';
}

#backtoTopN {
    display: inline-block;
    background-color: #770567;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 50px;
    left: 10px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 1;
    visibility: visible;
    z-index: 1000;
}

.xx-arrow {
    color: #fff;
   
}

#backtoTopN:hover {
    cursor: pointer;
    background-color: #333;
}

#backtoTopN:active {
    background-color: #555;
}

#backtoTopN.show {
    opacity: 1;
    visibility: visible;
}

@media (min-width: 990px) {
    .non-hash {
        border-right: 0 !important;
        margin-left: 102px;
        margin-right: auto;
        border-left: 0 !important;
    }
    .flexo {
        display: flex;
    }
}

.mobile-Logo,
.xs-menus .xs_nav-landscape {
    display: none !important;
}

@media only screen and (max-width: 370px) {
    .minu-logo {
        width: 90px;
        margin-top: 10px;
    }
}

.brandf img {
    height: auto;
    max-width: 100%;
    width: 100px;
}

@media only screen and (max-width: 768px) {
    .txrw{
        text-align:center !important;
    }
    .desktop-logo-npm {
        display: none;
    }
    .xs-form .form-control,
    .xs-form .select {
        padding: 0 15px;
        margin-bottom: 5px !important;
        font-size: 11px;
    }
    input::placeholder {
        font-size: 11px !important;
    }
    .xs-form textarea.form-control {
        padding: 15px;
    }
    .first {
        order: 2;
    }
    .second {
        order: 1;
    }
}

@media (min-width: 1300px) {}

@media (min-width: 1600px) {}

@media (min-width: 990px) {
    .koko {
        height: 400px;
        object-fit: contain;
        margin: 0 auto;
        display: flex;
    }
    .xs-menu-tools {
        justify-content: end;
    }

    .align-self-host {
        align-self: center;
    }
}



/* @media (max-width:575px) {



    .ec-slide-item {



        height: 32vh;



    }







} */


/* @media (max-width:380px) {



    .ec-slide-item {



        height: 55vh!important;



    }







} */


/* Portrait tablets and medium desktops */

@media (min-width: 992px) and (max-width: 1199px) {
    html {
        font-size: 14px;
        ;
    }
    /* pricing table */
    .pricing-feature-group {
        padding: 20px;
    }
    .xs-menu-tools>li {
        margin-right: 15px;
    }
    /* footer */
    .footer-bottom .xs-list li {
        margin-right: 20px;
    }
    /* inner banner */
    .inner-welcome-image-group .banner-ico.banner-ico-1 {
        left: 44.5%;
    }
    .inner-welcome-image-group .banner-ico.banner-ico-2 {
        right: 12%;
    }
    /* nav */
    .xs-menus .nav-menu>li {
        margin-right: 40px;
    }
}


/* Portrait tablets and small desktops */

@media (max-width: 991px) {
    #top-title-close {
        font-size: 1.9rem;
        width: 45px;
        left: 0;
    }
    #top-title {
        font-size: 16px;
    }
    .colx-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .colx-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .footer-group {
        background: linear-gradient(357deg, #fff 0%, #060606 60%, #060606 99%) !important;
    }
    .powered {
        font-size: 12.2px;
    }
    .descF {
        text-align: justify !important;
    }
    .mmkk img {
        width: 320px;
        object-fit: contain;
        margin: 0 auto;
        display: block;
    }
    .swiper-container {
        margin-top: 4%;
        margin-bottom: 0%;
    }
    .mmkk {
        margin-top: -8px;
    }
    .m0 {
        margin: 0 !important;
    }
    .pd-0 {
        padding: 0;
    }
    .mmkk img {
        width: 320px;
        object-fit: contain;
        margin: 0 auto;
        margin-top: 10px;
        display: block;
    }
    .title-pur {
        font-size: 24px;
        font-weight: bolder;
    }
    .f-18 {
        font-size: 16px;
    }
    .mt-sm-4 {
        margin-top: 2rem !important;
    }
    .mtop2 {
        margin-top: 5px !important;
        margin-right: -5px !important;
    }
    .mrg-top {
        margin-top: 0 !important;
        padding: 7px 19px !important;
        margin-top: -12px !important;
    }
    .swiper-pagination {
        bottom: 0 !important;
    }
    html {
        font-size: 82% !important;
    }
    /* margin bottom list */
    .why-choose-us-block,
    .xs-single-pricing,
    .xs-feature-group,
    .hosting-info-img,
    .hosting-info-wraper-2,
    .xs-blog-post,
    .footer-widget {
        margin-top: 30px;
    }
    .pdong {
        padding: 40px 0px 0px 0px !important;
    }
    /* header */
    .xs-header .xs-logo {
        display: none;
    }

    .mobile-Logo {
        display: block !important;
    }
    .xs-single-pricing.active1 {
        box-shadow: none !important;
    }
    .desktop-menu {
        display: none;
    }
    .footer-widget .widget-title {
        font-size: 18px !important;
    }
    .icon-arrowx {
        display: flex;
        justify-content: right;
        margin-top: -18px;
        -webkit-justify-content: flex-end;
        align-items: flex-end;
        -webkit-align-items: flex-end;
        font-weight: bold;
    }
    .nn {
        color: #1b3054 !important;
    }
    .xs-heading .heading-title {
        width: auto !important;
    }
    .headingtitleF {
        right: 0 !important;
        width: auto !important;
        min-width: auto !important;
    }
    /* header */
    .xs-menu-tools {
        display: none;
    }
    .nav-menus-wrapper {
        padding-top: 20px;
    }
    .xs-menus .nav-menu li>.nav-dropdown {
        box-shadow: none;
    }
    .d-flex-mob {
        flex-direction: column;
        margin-top: 50px;
    }
    .card-icon-box-description {
        font-size: 14px;
    }
    .xs_nav-portrait .nav-menu{
        display: inline-table !important;
        padding: 0 20px;
    }
    .colx-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .background-tg-overlay {
        z-index: 9;
        opacity: 0.4;
    }
    .xxmob {
        padding-left: 15px;
    }
    .xs-menus .nav-menu>li>a .submenu-indicator-chevron,
    .nav-sticky.sticky-header .xs-menus .nav-menu>li>a .submenu-indicator-chevron {
        border-color: transparent #1e1e1e #1e1e1e transparent;
    }
    .nav-toggle:before {
        background-color: #1b3054;
        box-shadow: 0 0.5em 0 0 #1b3054, 0 1em 0 0 #1b3054;
        left: 5px;
    }
    .xs-header.header-boxed .nav-toggle:before {
        background-color: #1b3054;
        box-shadow: 0 0.5em 0 0 #1b3054, 0 1em 0 0 #1b3054;
    }
    .xs-header.header-boxed>.container::before {
        display: none;
    }
    /* domain search */
    .domain-search-form {
        width: 100%;
    }
    /* section title */
    .xs-heading .heading-title {
        font-size: 1.3rem;
    }
    /* footer */
    .footer-bottom .xs-list {
        text-align: center;
    }
    .footer-bottom .xs-list li {
        display: inline-block;
        margin-right: 15px;
        margin-bottom: 15px;
    }
    /* index version 3 */
    .pricing-feature-item>.pricing-feature:first-child {
        height: 30px;
        padding: 7px 10px;
        font-weight: 700;
    }
    .pricing-feature {
        padding: 10px 40px;
        height: 40px;
    }
    /* inner welcome */
    .inner-welcome-image-group {
        text-align: center;
        width: 70%;
        margin: 0 auto;
    }
    /* inner welcome service banner */
    .xs-banner.service-banner-2 {
        min-height: 900px;
    }
    .social-list li {
        margin-bottom: 10px;
    }
    .service-banner .banner-title {
        font-size: 2.76471rem;
    }
    .social-list li a {
        width: 36px;
        height: 36px;
        line-height: 36px;
    }
    .xs-banner.service-banner {
        min-height: 850px;
    }
    /* inner banner */
    .inner-banner .inner-welcome-image-group {
        display: none;
    }
    /* team */
    .xs-single-team {
        margin-bottom: 30px;
    }
    .xs-single-team img {
        width: 100%;
    }
    /* contact */
    .contact-info-group {
        margin-bottom: 30px;
    }
    /* accordion */
    .xs-accordion,
    .xs-accordion:last-child {
        margin-bottom: 60px;
    }
    /* checkout */
    .checkout-form-group {
        width: calc(100% - 45px);
    }
    .checkout_info .cart_table_wraper {
        width: 100%;
    }
    .cart-checkout-wraper {
        padding: 50px;
    }
    .wc-proceed-to-checkout {
        width: 100%;
    }
    .wc-proceed-to-checkout .btn {
        padding: 15px 29px;
        font-size: .8rem;
    }
    /* vps hosting */
    .slider-content-group {
        padding: 30px;
    }
    .slider-content-group .slider-container {
        margin-bottom: 30px;
    }
    /* sticky nav */
    .nav-sticky.sticky-header .xs_nav-portrait .nav-menus-wrapper,
    .nav-sticky.sticky-header .nav-overlay-panel {
        height: 100vh;
    }
}

@media (min-width: 760px) and (max-width: 1199px) {
    .ec-slide-item {
        height: 400px !important;
    }
    .xs-top-bar-info {
        float: none !important;
        text-align: center !important;
    }
    .koko {
        height: 400px;
        object-fit: contain;
        margin: 0 auto;
        display: flex;
    }
}

.icon-arrow-left:before {
    content: "\e87a";
    font-size: 30px;
    color: #1f3383;
}

.mobile-show {
    display: none;
}

.icon-arrow-right:before {
    content: "\e87a";
    font-size: 30px;
    color: #1f3383;
}


/* Landscape phones and portrait tablets */

@media (max-width: 767px) {
    .non-hash {
        margin-left: 35px;
        border-right: 0 !important;
        border-left: 0 !important;
    }
    .mobile-no {
        display: none !important;
    }
    .pricing-mobile {
        height: 97px !important;
        line-height: 25px !important;
        display: flex !important;
        justify-content: center;
        align-items: center;
    }
    .bold-mob {
        font-weight: 320 !important;
    }
    .bold-bld {
        font-weight: 350 !important;
    }
    .mobile-show {
        display: flex;
    }
    .desktop-hide {
        display: none;
    }
    .tge-txtbtp {
        top: 10px !important;
    }
    .background-tg-overlay0,
    .border-me-tge {
        display: none;
    }
    .col-xs-12 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    /* .xs-logo-wraper,

    .pricing-matrix-slider .owl-nav .owl-next {

        display: none;

    } */
    .xs-logo-wraper,
    .pricing-matrix-slider {
        display: none;
    }
    .owl-prev {
        transform: rotate(180deg);
    }
    /* section padding */
    .mt-min-bnr {
        margin-top: 0 !important;
    }
    .btn-bnr {
        font-size: 1.25rem !important;
    }
    .ec-slide-item {
        background-size: cover !important;
        height: 20vh!important;
        background-position: center;

    }

    /* heading tilte margin bottom */
    .xs-heading {
        margin-bottom: 40px;
    }
    /* section tilte */
    .xs-heading .heading-title {
        font-size: 1.4rem;
        font-weight: 700;
    }
    /* list inline */
    .list-inline>li {
        display: block;
        margin-right: 0px;
        margin-bottom: 15px;
    }
    .list-inline>li:last-child {
        margin-bottom: 0px;
    }
    /* header */
    .xs-logo-wraper {
        display: none;
    }
    .xs-top-bar-info,
    .top-menu {
        text-align: center;
        padding: 5px 0;
    }
    .xs-top-bar-info li {
        margin-right: 15px;
    }
    /* welcome */
    .banner-title {
        font-size: .96471rem;
    }
    .banner-sub-title {
        font-size: .81176rem;
    }
    .xs-banner .xs-banner-image {
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 50px;
    }
    .xs-banner .xs-banner-image .banner-ico {
        width: 16px;
    }
    .xs-banner-content p {
        margin-bottom: 20px;
    }
    .xs-banner {
        height: 30px !important;
    }
    .mt-01 {
        margin-top: 250px;
    }
    /* domain search */
    .xs-domain-info li {
        display: block;
        margin-right: 0;
        padding-right: 0;
        border-right: 0px solid rgba(71, 93, 255, 0.25);
        margin-bottom: 15px;
    }
    /* domain search */
    .domain-search-form {
        height: 100%;
    }
    .domain-search-form-group {
        padding: 30px;
    }
    .domain-search-form .select-group {
        position: static;
        margin-top: 10px;
        width: 100%;
    }
    .domain-search-form input:not([type="submit"]) {
        height: 60px;
        padding: 0 16px;
    }
    .xs-domain-info li:last-child {
        margin-bottom: 0px;
    }
    /* all buttons */
    .xs-btn-wraper .btn {
        margin-right: 15px;
        margin-bottom: 80px;
    }
    /* .btn {
        font-size: .9rem;
        padding: 10px 25px;
    } */
    /* why choose us */
    .why-choose-us-block {
        padding: 0;
    }

    .xs-hosting-info {
        padding-bottom: 15px !important;
        padding-top: 15px !important;
    }
    .image-footer00 {
        width: 254px;
        margin: 0 auto;
    }

    ._tujrgo {
        top: 20px
    }
    .social-list {
        margin-top: 0px;
    }

    .powered {
        margin-top: 26px !important;
        /* font-size: 16px !important; */
    }
    .footer-logo-wraper .footer-logo {
        margin-left: 17px;
    }
    .ff-cc {
        width: 177px;
        margin: 0 auto;
        display: block;
    }
    .copyright-text {
        margin-top: 5px !important;
        color: #000;
    }
    .dropdown-menu.show {
        pointer-events: all;
    }
    .xs-heading .heading-title {
        font-size: 1.7rem !important;
    }
    .copyright-merge {
        width: 100%;
        /* justify-content: space-around; */
        justify-content: space-evenly;
    }
    .xs-menu-tools {
        justify-content: end;
        -webkit-justify-content: flex-end;
        align-items: flex-end;
        -webkit-align-items: flex-end;
        margin-top: -46px;
        margin-right: 40px;
        pointer-events: none;
    }
    .example {
        max-width: 132px !important;
        pointer-events: all;
    }
    .languageSwitcher-button {
        pointer-events: all;
    }
    .icon-internet:before,
    .languageSwitcher-button {
        font-weight: bold !important;
    }
    .xs-top-bar-info,
    .top-menu {
        text-align: center !important;
        padding: 5px 0;
        float: none !important;
    }
    .no-margin-l {
        margin-left: 0 !important;
    }
    .section-space-mb {
        margin-top: 5px;
        margin-bottom: 15px;
    }
    /* .nav-toggle {
        top: 92%;
    } */
    .about_img {
        height: auto !important;
    }
    /* pricing */
    .pricing-info .xs-list li {
        margin-right: 0;
        margin-bottom: 10px;
    }
    form.example button {
        right: 40px !important;
        pointer-events: all;
    }
    .xs-section-padding {
        padding-left: 0 !important;
    }
    .pricing-info .xs-list li:last-child {
        margin-bottom: 0px;
    }
    /* service section */
    .service-section .xs-mb-8 {
        margin-bottom: 0px;
    }
    .footer-main {
        padding-bottom: 0 !important;
    }
    .xs-service-block {
        margin-bottom: 40px;
    }
    .xs-service-block {
        padding: 0;
    }
    /* call to action */
    .call-to-action-section {
        padding-top: 90px;
        padding-bottom: 50px;
        height: auto;
        margin-bottom: 30px;
    }

    /* feature group */
    .xs-feature-group .media {
        flex-wrap: wrap;
    }
    .xs-feature-group .feature-img {
        margin-bottom: 15px;
    }
    .xs-feature-group .watermark-icon {
        display: none;
    }
    .xs-feature-group {
        padding: 20px;
    }
    /* hosting info */
    .hosting-info-img .info-icon {
        width: 30px;
    }
    .hosting-info-img .info-icon.icon-2 {
        left: 0;
    }
    .hosting-info-wraper {
        padding-left: 0;
        margin-bottom: 0px;
    }
    .hosting-info-wraper-2 .content-title {
        margin-bottom: 30px;
    }
    /* .xs-hosting-info .row {
        margin-bottom: 45px;
    } */
    /* content tilte */
    /* .content-title {
        font-size: 1.2rem;
    } */
    /* testimonial */
    .xs-testimonial-item,
    .xs-testimonial-slider .owl-item.center .xs-testimonial-item {
        width: 100%;
        padding: 30px;
    }
    /* footer */
    .footer-bottom-info {
        margin-bottom: 20px;
    }
    .footer-group {
        background-size: cover;
    }
    /* copyright */
    .copyright-text {
        padding: 0px;
    }
    .footer-logo-wraper {
        padding: 0;
    }
    .copyright-text p,
    .social-list {
        text-align: center;
    }
    /* index version 2 */
    .hosting-info-wraper-2 {
        margin-bottom: 50px;
    }
    /* index verison 3 */
    .xs-banner.banner-v3 {
        min-height: 900px;
    }
    .main-nav-tab-2 li {
        width: calc(100% / 2);
    }
    .main-nav-tab-2 li a {
        font-size: .9647rem;
    }
    /* inner banner */
    .service-banner .banner-title {
        font-size: 1.76471rem;
    }
    .xs-banner.service-banner {
        min-height: 700px;
    }
    .xs-banner.inner-banner .banner-title {
        font-size: 1.5882rem;
    }
    .breadcrumbs.list-inline>li {
        display: inline-block;
    }
    /* about */
    .gloosy-btn {
        width: 60px;
        height: 60px;
        line-height: 63px;
    }
    .join-with-us-wraper {
        margin-bottom: 30px;
        margin-top: 0;
        z-index: 2;
        padding: 20px 15px;
    }
    .office-interface-group-content.content-1 {
        margin-top: 0;
    }
    .office-interface-group-content.content-2 {
        margin-right: 0;
    }
    /* team */
    .simple-social-list li {
        display: inline-block;
        margin-right: 15px;
    }
    /* blog list */
    .post:not(.format-audio):not(.post-details) .post-media+.post-body {
        width: 100%;
        margin-top: 0;
    }
    .post-body .entry-title {
        font-size: 1.26471rem;
    }
    .post-body .post-meta>span:not(:last-child) {
        margin-bottom: 15px;
    }
    .xs-blog-list {
        margin-bottom: 50px;
    }
    .blog-lsit-group {
        margin-bottom: 50px;
    }
    .widget:not(.widget-search) {
        padding: 20px;
    }
    .widget:not(:last-child) {
        margin-bottom: 30px;
    }
    .sidebar-widget.sidebar-right {
        margin-left: 0px;
    }
    .sidebar-widget.sidebar-left {
        margin-right: 0px;
    }
    /* blog post */
    .xs-comments-area .comment:not(:last-child) .children {
        margin-left: 50px;
    }
    .simple-social-list.list-inline {
        text-align: left;
    }
    .author-info {
        padding: 30px;
        display: block;
    }
    .author-image {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .post-navigation [class^=col-]:first-child .post-navigation-title {
        margin-bottom: 20px;
    }
    .blog-post-group {
        margin-bottom: 30px;
    }
    .post-details .post-footer .tag-lists {
        margin-bottom: 20px;
    }
    /* contact */
    .xs-form-group {
        padding: 0;
        margin: 0 !important;
    }
    /* pricing */
    .content-title-wraper {
        margin-bottom: 80px;
    }
    /* cart */
    .coupon {
        max-width: 100%;
        margin-left: 0;
        padding: 0 15px;
        margin-bottom: 20px;
    }
    /* checkout */
    .checkout-form-group {
        width: 100%;
    }
    .cart-checkout-wraper {
        padding: 20px;
    }
    .sign_in_form.xs-form .form-control:last-child,
    .sign_in_form.xs-form .select:last-child,
    .billing-form.xs-form .form-control:last-child,
    .billing-form.xs-form .select:last-child {
        margin-bottom: 30px;
    }
    .sign_in_form .simple-btn {
        margin-top: 12px;
    }
    .checkout_info .cart_table_wraper {
        width: 100%;
    }
    /* sign up */
    .xs-form>.row>[class^=col-]:first-child .form-group {
        padding-left: 0;
    }
    .xs-form>.row>[class^=col-]:last-child .form-group {
        padding-right: 0;
    }
    .xs-form>.row>[class^=col-] .form-group {
        margin-bottom: 20px;
    }
    /* 404 */
    .xs-banner.banner-404 .banner-title {
        font-size: 1.96471rem;
    }
    .xs-banner.banner-404 .xs-banner-image {
        width: 80%;
        margin: 0 auto;
    }
    .xs-banner.banner-404 {
        min-height: 750px;
    }
    /* index 5 */
    .xs-banner.banner-v4 .banner-title {
        font-size: 2rem;
    }
    .home5-banner-image {
        text-align: right;
        width: 70%;
        margin: 0 auto;
    }
    .wave_animation_wraper {
        display: none;
    }
    /* index 4 */
    .xs-banner.banner-v5 .xs-banner-content .banner-title {
        font-size: 1.82647rem;
    }
    .domain-search-form.version-2 .select-group {
        width: 120px;
        position: absolute;
        margin-top: 0;
    }
    .domain-search-form.version-2 input:not([type="submit"]) {
        padding-left: 133px;
    }
    .domain-search-form .search-btn {
        padding: 22px;
    }
    .domain-box-list li {
        margin-bottom: 12px;
    }
    /* location map */
    .location_indicator {
        display: none;
    }
    .location-groups .location {
        display: block;
        position: static;
        margin-bottom: 30px;
    }
    .location-groups .map-image {
        display: none;
    }
    /* sticky nav */
    .nav-sticky.sticky-header .xs-top-bar {
        margin-top: -90px;
    }
    /* location map */
    .location-wraper .location {
        float: left;
        width: 50%;
        display: inline-block;
    }
}


/* Landscape phones and smaller */

@media (max-width: 480px) {
    html {
        font-size: 65%;
    }
    .xs-comments-area .comment:not(:last-child) .children {
        margin-left: 20px;
    }
    /* vps hosting */
    .vps-pricing-list>li {
        max-width: 100%;
    }
    .vps-pricing-list:last-child>li:not(:last-child) {
        padding-bottom: 26px;
        margin-bottom: 26px;
        border-bottom: 1px solid #e7e7e7;
    }
    /* locationi map */
    .location-wraper .location {
        width: 100%;
    }
}

@media (max-width: 320px) {
    html {
        font-size: 60.5%;
    }
}

@media (max-width: 997px) and (min-width: 767px) {
    .colx-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}