/*========================================
=            Style Responsive            =
========================================*/

@media only screen and (min-width: 1460px) {
    .team-block .images img {
        width: 80%;
    }
}

@media only screen and (min-width: 1330px) and (max-width: 1440px) {
    .base-slider .owl-prev,
    .base-slider .owl-next {
        margin-top: -58px;
    }
    .block-features img {
        max-width: 100%;
        margin-left: 0;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1330px) {
    header .menu li {
        margin-right: 20px;
    }
    .title-menu {
        font-size: 32px;
        margin-bottom: 15px;
    }
    .create {
        font-size: 18px;
    }
    header .button-header .custom-btn {
        /*width: 98px;*/
    }
    .user-slider .owl-nav .owl-next {
        right: 50px !important;
    }
    .user-slider .owl-nav .owl-prev {
        left: 50px !important;
    }
    .blog header .container {
        width: 100%;
    }
    .block-features .col-5 {
        padding-left: 0;
    }
    .block-features img {
        margin-left: 0;
    }
    .block-features .row {
        justify-content: center;
    }
}

@media only screen and (min-width: 1320px) {
    header > .container,
    .service-page header .container {
        width: 1170px;
    }
}

@media only screen and (min-width: 1200px) {
    /* .container {
    width: 80%;
  } */
    .container.small {
        width: 1020px;
    }
    .user-slider .owl-nav .owl-prev {
        left: -118px;
    }
    .user-slider .owl-nav .owl-next {
        right: -110px;
    }
    .user-slider .owl-nav .owl-next,
    .user-slider .owl-nav .owl-prev {
        margin-top: -5px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .content-order .register-img img,
    .login-img img {
        max-width: 90%;
    }
    .register-bg form,
    .sign-up form {
        width: 460px !important;
        padding: 40px 45px 25px 45px !important;
    }
    .login-bg form .form-group,
    .sign-up form .form-group {
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 991px) and (max-width: 1200px) {
    /*==================================
	=            Index.html            =
	==================================*/
    .login-bg {
        padding-left: 5px;
    }
    .participation-form {
        padding: 0;
    }
    .title-menu {
        font-size: 30px;
        margin-bottom: 15px;
    }
    .login-container,
    .register-container {
        width: 90% !important;
    }
    .create {
        font-size: 18px;
    }
    .register-bg form,
    .sign-up form {
        width: auto !important;
        padding: 35px 40px 20px 38px !important;
    }
    .section-contact .contact-us-bg form {
        float: none;
    }
    .login-bg form .form-group,
    .sign-up form .form-group {
        margin-bottom: 15px;
    }
    header.transparent {
        padding: 20px 0 0;
    }
    .content-order .register-img img {
        max-width: 85%;
    }
    header .button-header .custom-btn {
        /*width: 91px;*/
    }
    header .menu li {
        margin-right: 16px;
    }
    .widget-footer form input {
        width: 270px;
    }
    .base-slider h2 {
        font-size: 28px;
    }
    .base-slider p {
        font-size: 11px;
    }
    .base-slider .inside {
        top: 50%;
        left: 57%;
    }
    .partner ul li {
        margin-right: 60px;
    }
    .hosting-software ul li {
        margin-right: 60px;
        padding-right: 60px;
    }
    .our-team ul li {
        width: 222px;
    }
    .pricing-list {
        display: flex;
        flex-direction: row;
    }
    .pricing-list li {
        width: 24%;
    }
    .pricing-list li h5 {
        font-size: 16px;
    }
    .pricing-list li .custom-btn {
        font-size: 12px;
    }
    .pricing-table {
        margin-bottom: 40px;
    }
    .user-slider {
        padding-bottom: 100px;
    }
    .search-domain h3 {
        padding-top: 0;
        margin-top: -6px;
    }
    .search-domain form input {
        width: 360px;
    }
    /*=====  End of Index.html  ======*/
    /*==================================
	=            About.html            =
	==================================*/
    .team-block .col-6 {
        margin-right: 70px;
    }
    .team-block.reverse .col-6 {
        margin-left: 70px;
    }
    /*=====  End of About.html  ======*/
    /*=========================================
	=            service-page.html            =
	=========================================*/
    .service-page .search-domain .container,
    .service-page footer .container {
        width: 950px;
    }
    .service-page .container {
        width: 950px;
    }
    .choice-plan {
        padding-top: 145px;
    }
    .choice-plan .pricing-list li {
        width: 30%;
    }
    .block-features .row {
        justify-content: center;
    }
    .blog .container,
    .blog .search-domain .container,
    .blog footer .container {
        width: auto;
    }
    .blog header .container {
        width: 100%;
    }
    .block-features .col-5 {
        padding-left: 0;
    }
    .block-features img {
        max-width: 100%;
        margin-left: 0;
    }
    /*=====  End of service-page.html  ======*/
    /*==================================
	=            order.html            =
	==================================*/
    .account-details {
        width: auto;
    }
    .order {
        margin-bottom: 120px;
    }
    /*=====  End of order.html  ======*/
    /*====================================
	=            contact.html            =
	====================================*/
    .form-contact {
        margin: -200px auto 160px;
    }
    .social-icon li {
        width: 20px;
        height: 20px;
        /* line-height: 42px; */
        margin-right: 2px;
    }
    /*=====  End of contact.html  ======*/
}

@media only screen and (max-width: 1000px) {
    .login-img img {
        /* margin-top: 140px; */
        max-width: 100%;
    }
    .section-contact .images-bg-fix .text-section {
        padding: 0 15px;
    }
    .content-order .register-img img {
        /* max-width: 40%; */
        /* margin-top: 100px; */
    }
    .login-bg form .form-group,
    .sign-up form .form-group {
        margin-bottom: 15px;
    }
    .login-form {
        float: none;
    }
    .participation-form {
        /* float: right !important; */
    }
    .login-bg form .form-group label,
    .sign-up form .form-group {
        margin-bottom: 10px;
    }
    .login-img img {
        margin-top: 30px;
    }
}

@media only screen and (min-width: 1000px) and (max-width: 1200px) {
    .section-contact .images-bg-fix .text-section {
        padding: 0 30px;
    }
    .title-head {
        font-size: 25px;
        margin-bottom: 0px;
    }
    .login-img img {
        margin-top: 120px;
        max-width: 100%;
    }
    .contact-us-bg form {
        margin-left: 10px;
        padding: 40px 40px 30px 40px !important;
    }
    .section-contact .images-bg-fix .text-section p {
        font-size: 22px;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    .contact-us-bg form {
        width: 100% !important;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .contact-us-bg form {
        /* width: 530px !important; */
    }
    .section-contact .images-bg-fix .text-section p {
        font-size: 22px;
    }
}

@media only screen and (min-width: 1100px) and (max-width: 1200px) {
    .contact-us-bg form {
        /* width: 500px !important; */
    }
}

@media only screen and (min-width: 990px) and (max-width: 1100px) {
    .contact-us-bg form {
        width: 450px !important;
    }
}

@media only screen and (min-width: 800px) and (max-width: 991px) {
    .contact-us-bg form {
        width: 100% !important;
    }
    .section-contact .images-bg-fix .text-section p {
        font-size: 20px;
        line-height: 26px;
    }
    .images-bg-fix {
        padding-top: 55px;
    }
}

/* @media (min-width: 768px) {
    .container {
        width: 90%;
    }
} */

@media only screen and (min-width: 500px) and (max-width: 799px) {
    .contact-us-bg form {
        width: 100% !important;
    }
    .title-head {
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 0px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .login-img img {
        margin-top: 120px;
        max-width: 100%;
    }
    .section-contact .images-bg-fix .text-section {
        padding: 0 50px;
    }
    footer .widget-footer {
        margin-bottom: 5px;
        padding: 4px;
        /* width: 25%; */
    }
    .widget-footer form input {
        /* width: 290px; */
    }
    .contact-us-bg form {
        padding: 40px 35px 40px 35px !important;
    }
    footer {
    }
}

@media only screen and (max-width: 1600px) {
    .content-order .register-img img {
        margin-top: 100px;
    }
    footer .widget-footer .social-icon li {
        /* width: 45px; */
    }
    .create {
        line-height: 25px;
    }
}

@media only screen and (min-width: 670px) and (max-width: 991px) {
    .register-bg form,
    .sign-up form {
        /* width: 440px !important; */
        padding: 35px 40px 20px 38px !important;
    }
    button {
        padding: 15px 15px !important;
    }
    .title-menu {
        font-size: 28px;
        margin-bottom: 10px;
    }
    .title-head {
        font-size: 24px;
        margin-bottom: 0px;
    }
    .login-img img {
        padding-top: 40px;
    }
    .base-slider .inside {
        left: 53%;
    }
    .base-slider p {
        line-height: 16px;
        width: 50% !important;
        font-size: 15px;
    }
    header .logo img {
        max-width: 100px;
    }
    element.style {
        float: right;
    }
    .contact-us-bg form {
        padding: 30px 35px 20px 35px !important;
    }
    .widget-footer form input {
        /* width: 230px; */
    }
}

@media only screen and (min-width: 992px) {
    .mobile-menu-btn,
    .logo-mobile {
        display: none;
    }
}

@media only screen and (max-width: 991px) {
    /*==================================
	=            Index.html            =
	==================================*/
    header {
        padding: 29px 0;
        background-color: #0479ec;
    }
    header > .container {
        /*display: none;*/
    }
    header.transparent {
        /*padding: 0;*/
        /*height: 58px;*/
        /*background-color: #0479ec;*/
    }
    header.transparent.active {
        height: 100%;
    }
    header .button-header .custom-btn {
        /*width: 96px;*/
    }
    header .button-header .custom-btn .custom-btn,
    header .button-header .custom-btn.login {
        color: #fff;
    }
    header .menu li {
        margin-right: 16px;
    }
    header .logo-mobile {
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 30px;
        transform: translateY(-50%);
    }
    header .logo-mobile img {
        max-width: 144px;
    }
    .mobile-menu .logo {
        text-align: left;
        padding: 10px 0 0 30px;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        line-height: normal;
    }
    .base-slider h2 {
        font-size: 18px;
    }
    .base-slider p {
        font-size: 11px;
    }
    .base-slider .inside {
        top: 50%;
    }
    .partner ul li {
        margin-right: 15px;
    }
    .why-choose {
        margin-bottom: 40px;
    }
    .why-choose .inside {
        margin-bottom: 40px;
    }
    .hosting-software {
        margin-bottom: 80px;
    }
    .hosting-software ul li {
        margin-right: 35px;
        padding-right: 35px;
    }
    .pricing-list li {
        width: 48%;
        margin-bottom: 15px;
    }
    .search-domain form {
        margin-left: 0;
    }
    .pricing-table {
        margin-bottom: 60px;
    }
    .user-slider {
        margin-bottom: 100px;
    }
    footer .widget-footer {
        /*width: 33%; /*width: 33%;*/
        word-wrap: break-word;
        margin-bottom: 10px;
        padding: 5px;
    }
    .widget-footer .links {
        width: 100%;
    }
    footer .footer-logo .logo {
        float: none;
    }
    footer .widget-footer:nth-child(3n + 1) {
        /*clear: both;*/
    }
    footer .widget-footer.last {
        width: 33%;
        padding-left: 0;
    }
    /*=====  End of Index.html  ======*/
    /*==================================
	=            About.html            =
	==================================*/
    .team-block {
        margin-bottom: 60px;
    }
    .team-block .col-6 {
        margin-right: 0;
    }
    .team-block h3 {
        font-size: 21px;
    }
    .team-block.reverse .col-6 {
        margin-left: 0;
    }
    .team-block.reverse h3 {
        line-height: 30px;
    }
    .about-block {
        background-position: top;
    }
    .our-team ul li {
        width: 23%;
    }
    .breadcrumbs {
        padding: 150px 0;
    }
    /* .login-bg,
    .sign-up {
        margin: 0 15px;
    } */
    .participation-form {
        margin: 0px !important;
    }
    .section-contact .login-bg {
        margin: 0px;
    }
    /*=====  End of About.html  ======*/
    /*=========================================
	=            service-page.html            =
	=========================================*/
    .service-page .container {
        width: 750px;
    }
    .service-page .search-domain .container,
    .service-page footer .container {
        width: 750px;
    }
    .search-domain h3 {
        padding-bottom: 10px;
    }
    .block-features .row {
        align-items: center;
        flex-direction: column;
    }
    .block-features img {
        max-width: 100%;
        margin-left: 0;
    }
    .block-features .col-5 {
        padding-left: 15px;
    }
    .choice-plan {
        padding: 120px 0 0;
    }
    .choice-plan .pricing-list li {
        width: 30%;
        margin-right: 25px;
    }
    .choice-plan .pricing-list li .price {
        font-size: 26px;
    }
    .bottom-info-plans ul li {
        margin-right: 20px;
    }
    .user-slider .inside {
        width: 100%;
    }
    /*=====  End of service-page.html  ======*/
    /*===========================================
	=            user-interface.html            =
	===========================================*/
    .tab-content {
        padding-bottom: 220px;
    }
    /*=====  End of user-interface.html  ======*/
    /*===================================
	=            order.html             =
	===================================*/
    .content-order .tab-content,
    .content-order .account-details {
        width: auto;
        float: none;
    }
    .total-order {
        width: 100%;
    }
    .account-details .bottom {
        margin-bottom: 90px;
    }
    .account-details form .form-group.col-2 input {
        width: 344px;
    }
    /*=====  End of order.html   ======*/
    /*================================
	=            404.html            =
	================================*/
    .error-page .inside {
        padding-top: 150px;
        padding-bottom: 150px;
    }
    /*=====  End of 404.html  ======*/
    /*======================================
	=            blog-list.html            =
	======================================*/
    .order {
        margin-bottom: 30px;
    }
    .blog aside {
        margin-left: 0;
        margin-bottom: 120px;
    }
    .blog .container,
    .blog .search-domain .container,
    .blog footer .container {
        width: auto;
    }
    .single-blog .related-post ul li:last-child {
        padding-left: 0;
    }
    .post .post-images img {
        height: auto;
    }
    /*=====  End of blog-list.html  ======*/
    /*====================================
	=            contact.html            =
	====================================*/
    .form-contact {
        margin: -200px auto 150px;
    }
    /*.form-contact form,*/
    /*.login-bg form,*/
    /*.sign-up form {*/
    /*  margin: 0 15px;*/
    /*}*/
    .contact .mobile-menu .inside {
        padding: 0;
    }
    .contact .bg-form .container {
        width: 100%;
    }
    .contact .inside.left {
        padding-right: 0;
    }
    .contact .inside.right {
        padding-left: 0;
    }
    /*.login-bg form,*/
    /*.sign-up form {*/
    /*  margin: 30px auto;*/
    /*}*/
    .login-page header {
        background-color: #0479ec;
    }
    /*=====  End of contact.html  ======*/
}

@media only screen and (max-width: 1000px) {
    footer .container {
        padding-top: 25px;
    }
}

@media only screen and (min-width: 900px) {
    .participation-footer {
        position: inherit !important;
    }
}

@media only screen and (max-width: 768px) {
    /*==================================
	=            Index.html            =
	==================================*/
    header {
        margin-bottom: 60px;
    }
    .base-slider .custom-btn {
        font-size: 12px;
        padding: 11px 22px;
    }
    .base-slider .inside {
        width: 100%;
    }
    .base-slider .inside p {
        font-size: 14px;
    }
    .title-head {
        font-size: 24px;
        line-height: normal;
        margin-bottom: 50px;
    }
    .partner {
        padding-bottom: 40px;
        margin-bottom: 0;
    }
    .partner ul li {
        margin-bottom: 15px;
    }
    .hosting-software ul li {
        width: 50%;
        float: left;
        margin-right: 0;
        padding-right: 0;
        margin-bottom: 30px;
    }
    .hosting-software ul li:nth-child(2) {
        border: none;
    }
    .pricing-list li {
        width: 100%;
        margin-right: 0;
    }
    .info-pricing {
        padding: 53px 30px 22px 30px;
    }
    .info-pricing ul .custom-btn {
        padding: 10px 15px;
        font-size: 12px;
    }
    .info-pricing ul li {
        background-size: 7%;
    }
    .user-slider {
        margin-bottom: 150px;
    }
    .user-slider .inside {
        width: 100%;
    }
    .search-domain {
        padding: 30px 0 45px 0;
    }
    .search-domain h3 {
        margin-bottom: 15px;
    }
    .search-domain form input,
    .search-domain form .form-group,
    .search-domain form .custom-btn {
        width: 100%;
    }
    .search-domain form .custom-btn {
        margin-left: 0;
    }
    .pre-footer {
        margin-bottom: -4%;
    }
    /*footer .widget-footer {*/
    /*  width: 50%;*/
    /*}*/
    footer .widget-footer:nth-child(2n + 1) {
        clear: both;
    }
    footer .widget-footer:nth-child(3n + 1) {
        clear: initial;
    }
    /*footer .widget-footer.last {*/
    /*  width: 50%;*/
    /*  padding-left: 0;*/
    /*}*/
    /*=====  End of Index.html  ======*/
    /*==================================
	=            About.html            =
	==================================*/
    .info-block {
        padding: 35px 0;
        margin-bottom: 40px;
    }
    .info-block p {
        font-size: 22px;
    }
    .team-block .col-6 {
        width: 100%;
        margin-bottom: 30px;
    }
    .team-block .row {
        flex-direction: column;
    }
    .team-block .images {
        padding-right: 15px;
    }
    .team-block.reverse {
        flex-direction: column-reverse;
    }
    .team-block.reverse .col-6 {
        width: 100%;
    }
    .team-block.reverse .images img {
        padding-left: 15px;
    }
    .team-block .images img {
        width: auto;
        margin-left: 0;
    }
    .about-block .hosting-software ul li {
        width: 50%;
    }
    .about-block .hosting-software ul li:first-child,
    .about-block .hosting-software ul li:last-child {
        width: 50%;
        text-align: center;
    }
    .our-team ul {
        margin-bottom: 0;
    }
    .our-team ul li {
        width: 49%;
        margin-right: 3px;
        margin-bottom: 20px;
    }
    .our-team ul li:nth-child(2n + 1) {
        clear: both;
    }
    .user-slider .owl-prev,
    .user-slider .owl-next {
        display: none;
    }
    /*=====  End of About.html  ======*/
    /*=========================================
	=            service-page.html            =
	=========================================*/
    .service-page .container {
        width: auto;
    }
    .service-page .search-domain .container,
    .service-page footer .container {
        width: auto;
    }
    .choice-plan {
        margin-bottom: 60px;
    }
    .choice-plan h2 {
        font-size: 32px;
    }
    .choice-plan .pricing-list li {
        width: 48%;
        margin-right: 0;
    }
    .tab-content a {
        font-size: 11px;
    }
    .block-features .col-5 {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: 0;
    }
    .block-features .row {
        flex-direction: column;
    }
    .block-features img {
        margin-left: 0;
    }
    .bottom-info-plans {
        padding: 260px 0 80px 0;
    }
    .bottom-info-plans ul li {
        margin-bottom: 15px;
    }
    .info-plan {
        padding-bottom: 40px;
    }
    .info-plan p {
        margin-bottom: 30px;
    }
    .info-plans table tr {
        padding: 0 15px;
        display: block;
    }
    .info-plans table tr td {
        padding: 15px !important;
        width: 23% !important;
        display: inline-block;
    }
    .search-domain form .select-options {
        left: 0;
    }
    .select-options {
        width: 100%;
    }
    .select-options li {
        padding: 10px;
    }
    /*=====  End of service-page.html  ======*/
    /*============================================
	=            user-interface.html             =
	============================================*/
    .top-panel .nav li {
        margin-right: 15px;
    }
    .top-panel .nav li a {
        font-size: 11px;
    }
    .my-account .tab-content {
        padding-bottom: 20px;
    }
    .tab-content .content {
        width: 100%;
    }
    .payment-history,
    .password {
        width: 100%;
    }
    /*=====  End of user-interface.html   ======*/
    /*===================================
	=             order.html            =
	===================================*/
    .account-details form .form-group.col-2 input {
        width: 100%;
    }
    .account-details .bottom {
        margin-bottom: 60px;
    }
    .total-order {
        width: 100%;
        margin-bottom: 30px;
    }
    .order-page .tab-content .content {
        padding: 15px;
    }
    .order-page .tab-content div > img {
        margin-left: 0;
    }
    /*=====  End of  order.html  ======*/
    /*=======================================
	=             blog-list.html            =
	=======================================*/
    .single-blog.container {
        width: 100%;
    }
    .single-blog .content-post .quote {
        padding-left: 0;
    }
    .single-blog .content-post ul li {
        width: 100%;
        float: none;
        text-align: center;
    }
    .single-blog .content-post ul li:first-child {
        margin-right: 0;
    }
    .single-blog .related-post {
        margin-bottom: 160px;
    }
    .single-blog .related-post ul li {
        width: 100%;
        float: none;
        display: inline-block;
        margin-bottom: 30px;
    }
    .blog aside {
        margin-bottom: 170px;
    }
    /*=====  End of  blog-list.html  ======*/
    /*====================================
	=            contact.html            =
	====================================*/
    .info-block-contact:after {
        display: none;
    }
    .form-contact {
        width: 100%;
    }
    /*=====  End of contact.html  ======*/
    /*==================================
	=            login.html            =
	==================================*/
    .login-bg,
    .sign-up {
        padding-bottom: 80px;
    }
    .login-bg form,
    .sign-up form {
        width: 100%;
    }
    /*=====  End of login.html  ======*/
}

@media only screen and (min-width: 500px) and (max-width: 780px) {
    .form-contact form,
    .login-bg form,
    .sign-up form {
        margin: 0 15px;
    }
    .content-order .register-img img {
        max-width: 40% !important;
    }
    .login-bg form .form-group,
    .sign-up form .form-group {
        margin-bottom: 12px;
    }
    .content-order .register-img img {
        max-width: 43% !important;
    }
    .register-bg form,
    .sign-up form {
        width: 384px !important;
        padding: 28px 30px 20px 30px !important;
    }
}

@media only screen and (max-width: 480px) {
    /*==================================
	=            Index.html            =
	==================================*/
    .base-slider {
        /* padding-top: 55px; */
    }
    .base-slider .owl-prev,
    .base-slider .owl-next {
        display: none;
    }
    .base-slider .inside {
        margin-top: -15px;
    }
    .base-slider .inside p {
        line-height: 15px;
        margin-bottom: 10px;
    }
    .base-slider h2 {
        font-size: 22px !important;
        line-height: normal;
        font-weight: bold;
        /* margin-top: 20px; */
    }
    .base-slider .custom-btn {
        font-size: 10px;
        padding: 10px 16px;
    }
    .partner {
        padding-bottom: 20px;
        margin-bottom: 30px;
    }
    .partner ul {
        flex-direction: column;
    }
    .partner ul li {
        width: 50%;
        margin-right: 0;
    }
    .hosting-software ul li span {
        font-size: 12px;
    }
    .title-head {
        font-size: 16px;
    }
    .info-pricing {
        padding: 30px 15px 10px 15px;
    }
    .info-pricing ul {
        width: 100%;
        float: none;
    }
    .info-pricing ul.right {
        padding-left: 0;
    }
    .info-pricing ul li {
        background-size: 8%;
    }
    .pricing-table {
        margin-bottom: 30px;
    }
    .user-slider .owl-nav .owl-prev,
    .user-slider .owl-nav .owl-next {
        display: none;
    }
    .search-domain h3 {
        font-size: 24px;
    }
    .search-domain form input {
        padding-left: 15px;
    }
    footer {
        padding-top: 60px;
    }
    footer .widget-footer {
        width: 100%;
        text-align: center;
    }
    footer .widget-footer.last {
        width: 100%;
    }
    .widget-footer {
        margin-bottom: 40px;
    }
    /*=====  End of Index.html  ======*/
    /*==================================
	=            About.html            =
	==================================*/
    .breadcrumbs {
        padding: 100px 0;
    }
    .our-team ul li {
        width: 100%;
        margin-right: 0;
        padding-right: 0;
    }
    .info-block p {
        font-size: 18px;
        line-height: 28px;
        letter-spacing: 0;
    }
    .info-plan p {
        margin-bottom: 30px;
    }
    .team-block h3 {
        font-size: 20px;
        letter-spacing: 0;
    }
    .team-block.reverse h3 {
        font-size: 24px;
    }
    .about-block .hosting-software {
        display: inline-block;
    }
    .error-page .inside h2 {
        font-size: 125px;
    }
    .error-page .inside h4 {
        font-size: 26px;
        letter-spacing: 0;
    }
    .error-page .inside p {
        font-size: 12px;
        letter-spacing: 0;
    }
    /*=====  End of About.html  ======*/
    /*=========================================
	=            service-page.html            =
	=========================================*/
    .choice-plan h2 {
        font-size: 20px;
    }
    .choice-plan .nav-tabs li a {
        font-size: 10px;
        padding: 6px 16px;
    }
    .choice-plan .pricing-list li {
        width: 100%;
    }
    .bottom-info-plans .title-head {
        margin-top: 40px;
    }
    .info-plans table thead tr td {
        font-size: 10px;
    }
    .info-plans table tr {
        padding: 0 15px;
        width: 100%;
        display: inline-block;
    }
    .info-plans table tr td {
        float: left;
        padding: 6px !important;
        width: 25% !important;
        margin-bottom: 5px;
        font-size: 10px;
    }
    .info-plans table tr td.text-left {
        text-align: center;
    }
    .info-plans table tr td img {
        width: 12px;
    }
    .info-plans table tr td b {
        font-size: 8px;
    }
    /*=====  End of service-page.html  ======*/
    /*===========================================
	=            user-interface.html            =
	===========================================*/
    .top-panel {
        padding: 15px 0;
        margin-bottom: 50px;
    }
    .top-panel .nav li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .tab-content {
        padding-bottom: 0;
    }
    .tab-content h5 {
        font-size: 20px;
        letter-spacing: 1px;
    }
    .tab-content h6 {
        font-size: 16px;
    }
    .tab-content .content {
        text-align: center;
        display: inline-block;
    }
    .tab-content .content a {
        font-size: 15px;
    }
    .tab-content .center {
        padding: 0;
        margin: 20px 0;
        flex-direction: column;
    }
    .tab-content .last {
        text-align: center;
        margin-top: 5px;
    }
    .my-account .content > div {
        margin-bottom: 20px;
    }
    .my-account .content .center,
    .my-account .content .last {
        width: 50%;
        float: left;
        margin: 0;
        text-align: left;
        display: inline-block;
    }
    .my-account #information .content div,
    .my-account #payments .content div {
        width: 50%;
        float: left;
        text-align: left;
    }
    #plan .content .last a {
        margin-bottom: 37px;
    }
    /*=====  End of user-interface.html  ======*/
    /*==================================
	=            order.html            =
	==================================*/
    .order-page .breadcrumbs {
        padding: 110px 0 83px;
        margin-bottom: 40px;
    }
    .order-page .breadcrumbs h1 {
        font-size: 32px;
    }
    .order-page .tab-content .content {
        width: 100%;
    }
    .order-page .tab-content .content > div {
        margin-bottom: 20px;
    }
    .order-page .tab-content .content .center,
    .order-page .tab-content .content .last {
        width: 50%;
        float: left;
        text-align: left;
        padding-left: 0;
        margin: 0;
    }
    .order-page .tab-content .center {
        padding-right: 0;
    }
    .tab-content a {
        text-decoration: underline;
        border-bottom: none;
    }
    .content-order .first {
        padding-left: 0;
    }
    .account-details form .form-group.col-2 {
        width: 100%;
    }
    .account-details form .form-group.col-2:nth-child(2),
    .account-details form .form-group.col-2:nth-child(5) {
        padding-left: 0;
    }
    /*=====  End of order.html  ======*/
    /*======================================
	=            blog-list.html            =
	======================================*/
    .post .top-post a {
        font-size: 18px;
        line-height: 26px;
    }
    .single-blog .related-post ul li a {
        font-size: 14px;
        line-height: 22px;
    }
    /*=====  End of blog-list.html  ======*/
    /*====================================
	=            contact.html            =
	====================================*/
    .form-contact form,
    .login-bg form,
    .sign-up form {
        padding: 30px 15px;
    }
    .login-page header {
        margin-bottom: 60px;
    }
    .login-bg form h2,
    .sign-up form h2 {
        margin-bottom: 20px;
    }
    .login-bg form .form-group,
    .sign-up form .form-group {
        margin-bottom: 35px;
    }
    .login-bg form button,
    .sign-up form button {
        margin-top: 20px;
    }
    /*=====  End of contact.html  ======*/
}

/*=====  End of Style Responsive  ======*/

@media only screen and (min-width: 565px) and (max-width: 787px) {
    .widget-footer {
        width: 50% !important;
    }
    .footer-outer .text-right {
        text-align: left !important;
    }
}
@media only screen and (max-width: 767px) {
    .transparent .logo {
        text-align: center;
    }
    .button-header .custom-btn {
        font-size: 11px !important;
        padding: 10px 5px !important;
        border-radius: 3px !important;
    }
    .button-header .dropdown .btn {
        font-size: 12px !important;
        padding: 3px 10px !important;
        border-radius: 3px !important;
        height: 32px;
    }
    .button-header {
        justify-content: center;
        min-height: 50px !important;
        margin-top: 5px !important;
    }
    .card-payment-row {
        padding-top: 30px;
    }
    .footer-outer .text-right {
        text-align: center !important;
    }
    .button-header .dropdown-menu {
        left: 0 !important;
    }
    .dashboard-body .top-header {
        flex-direction: column !important;
    }
    .dashboard-body .top-header .custom-btn {
        margin-top: 20px;

    }
    .dashboard-body .profile-section .profile {
        margin-bottom: 20px;
    }
    .dataTables_wrapper {
        padding-top: 20px;
    }
    table.dataTable thead .sorting{
        white-space: nowrap;
    }
    .table-outer-body .dataTable tbody tr td {
        white-space: nowrap;
    }
    table.dataTable thead .sorting_desc, tbody th {
        white-space: nowrap !important;
    }
    .chosse-plan-btn {
padding-bottom: 10px;
    }
    .register-bg {
        margin-top: 20px;
    }
}