@media only screen and (max-width: 1900px) {

    .header .more-links ul li {
        margin-right: 10px;
    }

    .intro .pic img {
        width: 100%;
    }
}

@media only screen and (max-width: 990px) {
    .the-service .profile .content h3 a {
        margin-left: -15px;
    }

    .the-service .profile .menu li h4 span {
        margin-left: 0;
    }

    .the-service .profile .menu li h4 i {
        margin-left: 0px;
    }


    .intro h3 {
        font-size: 20px;
    }

    .all-categories .one img {
        height: 110px;
    }

    .category-best .the-tabs ul li {
        display: inline-block;
        margin-left: 5px;
        width: 100px;
        margin-bottom: 15px;
    }

    .header, .space, .intro .pic img, .header-after-login {
        display: none;
    }

    .header-mobile {
        display: block;
    }

    .hidden-xx {
        font-size: 30px;
        margin-top: 10px !important;
    }

    .header-mobile a img {
        width: 110px !important;
    }

    .sponsers-link img {
        height: 200px;
        width: 80%;
        display: block;
        margin: 0 auto;
    }

    .banner-pic {
        background-size: 100% 80%;
    }

    .footer {
        text-align: center;
    }

    .footer .footer-content h4 {
        margin-top: 30px;
        margin-bottom: 5px;
    }

    .send-request .the-form form {
        width: 100%;
    }

    .implementation-road {
        margin-top: 50px;
    }

    .implementation-road .progressbar li:after {
        width: 80%;
        left: 125px;
    }

    .contact-us {
        margin-top: 100px;
    }

    .send-request .the-form {
        width: 80% !important;
    }

    /*.footer .fixed-icons{
        bottom: 25%;
    }*/


}

@media only screen and (max-width: 767px) {


    .intro h3 {
        font-size: 20px;
    }

    .all-categories .one img {
        height: 160px;
    }

    .all-categories .one a {
        font-size: 16px;
    }

    .all-categories .one:hover a {
        font-size: 20px;
    }

    .category-best .the-tabs ul li {
        display: inline-block;
        margin-left: 5px;
        width: 100px;
        margin-bottom: 15px;
    }

    .category-best .one-best img, .the-one-category .category-details .one-best img {
        height: 110px;
    }

    .category-best .one-best .info h4, .the-one-category .category-details .one-best .info h4 {
        text-align: center;
    }

    .category-best .one-best .info h4 button, .the-one-category .category-details .one-best .info h4 button {
        margin-top: -50px;
        margin-left: 0px;
    }

    .banner {
        text-align: center;
        background-color: #2a6496 !important;
        background-image: none;
    }

    .banner .content a {
        margin-left: 0px;
    }

    .footer {
        text-align: center;
    }

    .footer .footer-content .social-media {
        margin-bottom: 20px;
    }

    .terms .content .para p {
        width: 100%;
    }

    .terms .content .para img {
        width: 300px;
        display: block;
        margin: 0 auto;
    }

    .testmonials .head {
        width: 100%;
    }

    .the-notifications .the-one .circle {
        display: block;
        margin: 0 auto;
        float: none;
        margin-bottom: 10px;
    }

    .the-notifications .the-one .content {
        text-align: center;
    }

    .chat-message .chat-menu .the-one .user i {
        right: 0px;
        left: 0px;
        margin: 0 auto;
    }

    .chat-message .chat-one p, .chat-message .chat-two p {
        width: 100%;
    }

    .chat-message .chat-send form input {
        width: 100%;
    }

    .chat-message .chat-send form button {
        width: 20%;
        display: block;
        margin: 0 auto;
        margin-top: 10px;
    }

    .categories {
        text-align: center;
    }

    .footer .fixed-icons {
      /*  left: 10%; */
      display:none;
    }

    .my-orders .all-orders .one-order .pic, .my-orders .all-orders .one-order .content {
        width: 100%;
    }

    .my-orders .all-orders .one-order .content {
        padding-right: 0px;
        padding-top: 20px;
        text-align: center;
    }

    .my-orders .all-orders .one-order .content a {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .edit-account form {
        padding: 0px 25px;
    }

    .add-new-serv .add-new form {
        width: 90%;
    }

    .implementation-road .road li {
        margin-top: 15px;
        width: 100%;
    }

    .implementation-road .progressbar li:after {
        width: 70%;
        left: 65px;
    }

    .implementation-road .chat h5 {
        font-size: 10px;
    }

    .implementation-road .chat .one, .implementation-road .chat .two {
        width: 80%;
    }

    .implementation-road .chat form textarea {
        width: 85%;
    }

    .the-service .testmonials-review .the-one .pic {
        width: 100%;
    }

    .the-service .testmonials-review .the-one {
        text-align: center;
    }

    .send-request .the-form form {
        width: 100%;
    }

    .star__item {
        width: 30px;
    }

    .star__item::before {
        font-size: 25px;
    }

    .banner-pic {
        width: 100%;
        background-image: none;
        background-color: #2a6496;
        text-align: center;
        height: auto;
    }

    .banner-pic .content {
        padding-top: 0px;
    }

    .banner-pic .apps img {
        width: 100px;
    }

    .implementation-road .chat a {
        display: block;
        float: none;
        text-align: center;
        margin: 0 auto;
        width: 200px;
        margin-top: 20px;
    }

    .intro {
        padding-top: 200px !important;
    }

}

@media only screen and (max-width: 500px) {
    .sponsers-link img {
        height: 140px;
    }

    .all-categories .info h4 a {
        margin-top: 0px;
    }

    .all-categories .one img {
        height: 125px;
    }

    .about-us .ab-con h3 {
        font-size: 16px;
    }

    .testmonials .head h4 {
        font-size: 16px;
    }

    .about-us .ab-con p {
        width: 100%;
        font-size: 14px;
    }

    .categories .one img, .all-categories .one img {
        height: 100px;
    }

    .categories .one a, .all-categories .one a {
        font-size: 15px;
        font-weight: bolder;
    }

    .categories .one:hover a, .all-categories .one:hover a {
        font-size: 18px;
    }

    .star__item {
        width: 20px;
    }
}

@media only screen and (max-width: 400px) {
    .all-categories .one a {
        font-size: 14px;
    }

    .all-categories .one:hover a {
        font-size: 16px;
    }

    .all-categories .one img {
        height: 110px;
    }

}