/* XL Device :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {


    .signup-section {
        height: auto;
        padding: 80px 0;
    }
    .signup_bg {
        right: 5%;
    }
    .categories-area::before {
        top: 0;
        width: 88%;
    }

    .about-us-area::before {
        width: 97%;
    }




}

/* LG Device :992px. */
@media (min-width: 992px) and (max-width: 1199px) {

    .signup_wrap {
        padding: 40px 20px;
        margin-top: 50px;
    }
    .signup_bg {
        right: 5%;
    }

    .social_icon li a {
        padding: 9px;
        margin-right: 2px;
    }
    .ext li::after {
        right: -75px;
        width: 65px;
    }
    .signup-section {
        height: auto;
        padding: 100px 0;
    }

    .categori-text {
        font-size: 12px;
    }

    .singel-categori-item {
        padding: 15px;
    }

    .categori-icon img {
        max-width: 70px;
        margin-bottom: 10px;
    }

    .hero-content h1 {
        font-size: 26px;
    }

    .hero-content {
        padding: 200px 0;
    }

    .discover-pagination ul::after {
        right: 34%;
    }

    .blog-btn span {
        padding: 3px 5px;
    }





}


/* MD Device :768px. */
@media (min-width: 768px) and (max-width: 991px) {

    .categori-icon img {
        max-width: 40px;
        margin-bottom: 10px;
    }

    .singel-categori-item {
        padding: 10px;
    }

    .categori-text {
        font-size: 12px;
    }

    .categori-box {
        padding: 15px;
    }

    .singel-categori-item {
        width: 19%;
        margin-left: 5px;
    }

    .hero-content h1 {
        font-size: 22px;
    }

    .hero-content p {
        font-size: 12px;
    }

    .hero-content {
        padding: 120px 0;
        position: relative;
    }

    .hero-right-inner {
        width: 57%;
    }

    .section-title h2 {
        font-size: 24px;
    }

    .discover-pagination ul::after {
        display: none;
    }

    .categori-title {
        font-size: 14px;
        margin-top: 30px;
    }

    .footer-area ul li a {
        font-size: 12px;
    }

    .address-item p {
        font-size: 12px;
    }

    .footer-logo-sec p {
        font-size: 12px;
    }

    .hamburger-menu {
        top: 8px;
    }

    .signup_wrap {
        padding: 30px;

    }

    .ext li::after {
        right: -63px;
        width: 42px;
    }

    .signup_bg {
        display: none;
    }
    .signup-section {
        height: auto;
        padding: 100px 0;
    }
    .comment-box {
        margin-bottom: 80px;
    }
    .c-pro {
        width: 20%;
    }
    .text-cmnt {
        width: 80%;
        float: left;
    }
    .ar-today .articles-single-item {
        width: 45%;
        float: left;
        margin: 15px;
    }
    .article-area-2 .articles-single-item {
        position: relative;
        z-index: 1;
        margin-bottom: 60px;
    }
    .articles-tab-area .articles-single-item {
        margin-bottom: 25px;
    }
    .tags-list {
        margin-bottom: 35px;
    }
    .social-warp {
        text-align: center;
    }
    .follow-title {
        display: inline-block;
        float: left;
        margin-right: 35px;
        padding-top: 11px;
        margin-left: 100px;
    }
    .about-us-area::before {
        width: 94%;
    }

    .about-title h1 {
        font-size: 30px;
    }
    .about-title {
        margin-left: 60px;
    }

    .about-title a {
        margin-top: 0px;
    }

    .about-images img {
        top: 90px;
    }
    .thumb-sofial {
        top: -4px;
    }

    .hero-categories-title {
        transform: translate(-24%, -48%);
    }
    .categories-hero-area {
        height: 330px;
    }
    .categories-hero-content::before {
        bottom: 15px;
    }
    .categories-area-two .categories-box {
        display: block;
    }
    .categories-area-two .categories-single-box {
        border: 1px solid #1056E5;
        width: 33.333%;
        float: right;
        margin-right: 0;
        margin-bottom: 0;
    }
    .row.mt-30 {
        margin-top: 0;
    }
    .project-text {
        padding: 12px 10px;
    }
    .heart-icon i {
        font-size: 18px;
        margin-left: -10px;
    }

    .categories-dt .hero-categories-title {
        position: unset;
        left: 0;
        width: auto;
        top: 50%;
        transform: translate(0, -0%);
        background: #1056E5;
        padding: 50px;
        border-radius: 30px 0 0;
    }
    .categories-dt .categories-hero-content::before {
        bottom: 15px;
        display: none;
    }

    .categories-hero-area.categories-dt {
        height: auto;
    }

    .contact-form {
        margin-top: 40px;
    }

    .pricing-content {
        margin-top: 100px;
    }
    .pricing-after {
        position: relative;
        height: 300px;
    }






}




/* Extra small Device. */
@media only screen and (min-width: 320px) and (max-width: 767px) {


    .ext li {
        margin-right: 10px;
    }



    .pricing-content {
        margin-top: 100px;
    }.about-us-content.priceing-area {
        margin-top: 0;
        padding-top: 40px;
    }


    .pricing-text {
        box-shadow: 0 5px 10px #ddd;
        height: 530px;
        border-radius: 10px;
        background: #fff;
        margin-bottom: 125px;
    }

    .pricing-after .about-title {
        margin-left: 0;
        padding-bottom: 75px;
    }
    .pricing-after {
        position: relative;
        height: 270px;
    }


    .categories-area-two .categories-box {
        display: block;
    }
    .categories-area-two .categories-single-box {
        border: 1px solid #1056E5;
        width: 33.333%;
        float: right;
        margin-right: 0;
        margin-bottom: 0;
    }



    .categories-area-two .categories-single-box {
        border: 1px solid #1056E5;
        width: 50%;
        float: right;
        margin-right: 0;
        margin-bottom: 0;
    }
    .row.mt-30 {
        margin-top: 0;
    }



    .logo img {
        max-width: 125px;
    }



    .hero-area {
        margin-top: 0;
    }


    .singel-categori-item {
        width: 48%;
        margin-left: 5px;
        padding: 10px;
    }

    .categori-box {
        padding: 15px;
    }

    .categori-icon img {
        max-width: 50px;
        margin-bottom: 10px;
    }

    .categori-text {
        font-size: 12px;
    }

    .hero-right-inner,
    .social-link::after,
    .seeall-btn::after,
    .discover-pagination ul::after {
        display: none;
    }

    .hero-content h1 {
        font-size: 26px;
    }

    .hero-content p {
        margin-bottom: 15px;
        font-size: 12px;
    }

    .hero-content {
        padding: 110px 0;
        text-align: center;
    }

    .social-link {
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
    }

    .section-title h2 {
        font-size: 22px;
    }

    .section-title {
        text-align: center;
    }

    .seeall-btn {
        text-align: center;
        margin-top: 10px;
    }

    .seeall-btn i {
        margin-right: 0;
    }




    .copyright {
        font-size: 12px;
        text-align: center;
        margin-top: 15px;
    }

    .copyright-area ul {
        text-align: center;
        margin-top: 10px;
    }

    .categori-title {
        font-size: 18px;
        margin-top: 30px;
    }

    .categori-content h2 {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .categori-content {
        padding: 40px 15px;
    }

    .categori-content p {
        font-size: 12px;
    }

    .articles-single-item {
        margin-bottom: 15px;
    }




    .categori-box {
        margin-left: 0;
    }

    .categories-area::before {
        width: 100%;
    }

    .about-us-area {
        margin-top: 88px;
    }

    .about-us-area::before {
        width: 100%;
    }

    .about-title h1 {
        font-size: 30px;
    }

    .about-title a {
        margin-top: 0;
    }

    .about-title a img {
        width: 30px;
    }

    .about-title {
        margin-left: 0;
        padding-top: 60px;
    }

    .about-left-text h1 {
        font-size: 30px;
    }

    .about-us-content {
        padding-bottom: 20px;
    }

    .categories-hero-image img {
        display: none;
    }


    .categories-hero-area {
        margin-top: 88px;
        height: auto;
        background: #1056E5;
        border-radius: 30px 0 0 0;
        padding: 30px 0;
    }

    .hero-categories-title {
        position: unset;
        left: 50%;
        width: 100%;
        top: 50%;
        transform: translate(0%, 0%);
        padding: 0;
        margin-top: 0;
    }

    .categories-dt .hero-categories-title {
        position: unset;
        left: 50%;
        width: auto;
        top: 50%;
        transform: translate(0%, 0%);
    }

    .pr {
        padding-right: 15px;
        padding-left: 15px;
    }

    .hero-categories-title h1 {
        color: #fff;
        font-size: 30px;
    }

    .hero-categories-title p br {
        display: none;
    }

    .hero-categories-title p {
        margin-bottom: 0;
        font-size: 14px;
    }

    .project-details-title h1 {
        font-size: 25px;
    }

    .project-details-area {
        margin-top: 105px;
    }

    .project-details-content {
        margin-top: 20px;
    }

    .project-details-content h2 {
        font-size: 24px;
    }

    .project-details-content p {
        font-size: 14px;
    }

    .Download-btn a {
        padding: 8px 20px;
        margin-right: 13px;
        font-size: 14px;
    }

    .files-title h1 {
        font-size: 25px;
    }

    .categories-area-two .categories-single-box {
        width: 50%;
        margin-right: 0;
        margin-bottom: 0;
    }

    .categories-single-box {
        width: 50%;
        margin-right: 0;
        margin-bottom: 0;
    }


    .categories-single-box h4 {
        font-size: 15px;
    }

    .categories-box {
        flex-wrap: wrap;
    }

    .select-area .col-4.pr {
        padding-left: 3px;
        padding-right: 3px;
    }

    .select-area {
        padding: 30px 12px;
    }

    .select-area .nice-select {
        font-size: 12px;
        line-height: 35px;
        padding-left: 8px;
        height: 40px;
    }

    .signup_wrap {
        padding: 30px;
        box-shadow: none;

    }

    .ext li::after {
        right: -63px;
        width: 42px;
    }

    .signup_wrap h2 {

        font-size: 26px;

    }

    .sm-left {
        text-align: left !important;
    }

    .signup_bg {
        display: none;
    }

    .ext {
        display: block;
    }

    .ext li::after {
        display: none;
    }

    .ext,
    .social_icon {
        margin-top: 15px;
    }

    .social_icon {
        padding-left: 30px;
    }


    .signup-section {
        height: auto;
        padding: 38px 0;
    }

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


    .contact-content h1 {
        font-size: 30px;
    }


    .contact-box {
        display: block;
    }
    .single-info-left {
        width: auto;
        padding-right: 0;
    }
    .single-info-right {
        width: auto;
    }
    .contact-form {
        padding: 20px;
        margin-top: 30px;
    }
    .contact-form h1 {
        font-size: 30px;
    }
    .contact-form p {
        font-size: 16px;
    }

    .comment-box {
        margin-bottom: 100px;
    }
    .small-post img {
        width: 40%;
    }

    .small-post-txt {
        width: 60%;
    }
    .comment-box h2 {
        font-size: 20px;
    }
    .c-pro {
        width: 15%;
    }
    .text-cmnt {
        width: 85%;
        float: left;
        padding-left: 15px;
    }
    .text-cmnt p {
        font-size: 13px;
    }
    .text-cmnt a {
        font-size: 14px;
    }
    .comment-common.comnt-reply {
        padding-left: 40px;
    }
    .about-left {
        float: none;
        margin-right: 0px;
        text-align: center;
        margin-bottom: 25px;
    }
    .author-about-txt {
        text-align: center;
    }
    .author-about-txt .thumb-sofial {
        position: relative;
        top: 10px;
        float: left;
        width: 100%;
        text-align: center;
        justify-content: center;
    }
    .tags-list.author-tags button {
        margin: 5px 5px;
        text-align: center;
    }
    .blog-thumb img {
        height: 280px;
    }
    .blog-thumb-txt {
        position: absolute;
        bottom: -43px;
    }
    .thumb-sofial {
        position: relative;
        top: -18px;
    }

    .article-area-2 .articles-single-item {
        position: relative;
        z-index: 1;
        margin-bottom: 60px;
    }
    .articles-tab-area .articles-single-item {
        margin-bottom: 25px;
    }
    .tags-list {
        margin-bottom: 35px;
    }
    .tags-list button {
        margin: 5px;
    }
    .follow-title h4 {
        display: none;
    }
    .social-warp a {
        margin-bottom: 10px;
        display:block ;
    }
    .social-warp i {
        height: 100%;
        background: rgba(0, 0, 0, 0.1);
        margin-left: 0px;
        width: 50px;
        text-align: center;
        line-height: 50px;
        border-radius: 0 5px 5px 0px;
        margin-right: 8px;
        height: 55
        px;
    }
    .social-warp a {
        color: #fff;
        padding: 0;
        border-radius: 3px;
        margin-left: 0;
        font-size: 15;
    }


    .social-warp .fab.fa-facebook-f {
        margin-left: -36px;
    }



    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        padding: 6px 22px;
    }
    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
        padding: 6px 22px;
    }

    .blog-top-slider-area {
        padding-top: 100px;
    }
    .blog-dtails-right-warp li {
        margin-right: 5px;
    }
    .blog-dtails-right-warp span {
        width: 40px;
        margin-right: 5px;
        transform: translateY(-2px);
    }






}