/* Leptop Layout: 1366. */


@media only screen and (min-width: 992px) and (max-width: 1200px) {

    .navbar-area .custom-container .nav-right-content ul {
        margin-left: 0;
    }

    .banner-area .banner-inner {
        padding-left: 0;
    }

    .social-icon.style-01 {
        display: none;
    }

    .banner-area {
        padding: 220px 0 160px;
    }

    .banner-area .bg-img {
        width: 750px;
        left: 30%;
        background-size: contain;
    }

    .header-style-02 .navbar-area.navigation-style-02 .custom-container .nav-right-content .info-items {
        display: none;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .history-single-item .history-single-item-content .thumb {
        max-width: 460px;
    }

    .history-single-item .content {
        margin-right: 0;
    }

    .history-single-item:nth-child(even) .history-single-item-content .content {
        margin-left: 0;
    }

    .page-wrapper .info-items li:first-child {
        display: none;
    }

    .newsletter-form .submit {
        padding: 0 25px;
    }

    .header-style-02 .navbar-area.navigation-style-02 .custom-container .nav-right-content .info-items {
        display: none;
    }
}

/* Tablet Layout: 991px. */

@media only screen and (max-width: 991px) {
    .navbar-area.navigation-style-02 .custom-container .nav-right-content,
    .navbar-area.navigation-style-01 .custom-container .nav-right-content {
        display: none;
    }

    .navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-nav ul li.page_item_has_children .children .page_item_has_children > .children {
        position: initial;
    }

    .navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children {
        padding-right: 0;
    }

    .request-page-form-wrap {
        margin-top: 60px;
    }

    .header-bottom-wrapper .right-content {
        padding-left: 30px;
        padding-right: 15px;
    }

    .navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children > .sub-menu {
        margin-top: 0;
    }

    .navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children > .sub-menu li {
        padding-left: 25px;
    }

    .navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
        border-bottom: initial;
    }

    .navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav .sub-menu .menu-item-has-children:before {
        color: #0A246A;
    }
    .navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:before {
        right: 20px;
    }

    .sidebar {
        margin-top: 60px;
    }

    .navbar-area.navigation-style-02 .custom-container .logo-wrapper.mobile-logo {
        display: block;
    }

    .info-bar-inner .right-content-area .top-right-nav {
        display: flex;
        margin-right: 0 !important;
    }

    .header-carousel-wrapper .main-slider-nav-wrap {
        right: 0;
    }

    .comments-area .comment-list li .single-comment-wrap .content {
        max-width: calc(100% - 100px);
    }

    .breadcrumb-wrap .page-title {
        font-size: 48px;
        line-height: 58px;
    }

    .info-bar-inner .right-content-area .boxed-btn {
        display: none;
    }

    .info-bar-inner .right-content-area {
        justify-content: space-between;
    }

    .navbar-area .custom-container .nav-right-content {
        display: none;
    }

    .header-style-01 .info-bar .btn-wrap .request-btn {
        display: none;
    }

    .navbar-area .custom-container .nav-right-content ul {
        margin-left: 0;
    }

    .header-style-01 .info-bar-inner .logo-wrapper {
        display: none;
    }

    .header-style-01 .info-bar-bottom .search-form .search-form-page {
        margin-left: 0;
    }

    .navbar-area .custom-container.for-triangle:after {
        display: none;
    }

    .navbar-area .custom-container.for-triangle:before {
        height: 127px;
    }

    .course-slider-controls .slider-nav.style-01 {
        display: none;
    }

    .case-study-tabs .custom-tabs-menu .nav-item .nav-link {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .info-bar-inner .left-content-area .logo-wrapper {
        display: none;
    }

    .info-bar-inner .left-content-area .search-form {
        margin-left: 0 !important;
    }

    .info-bar-inner {
        padding: 20px 10px;
    }

    .info-bar-inner .left-content-area .search-form {
        justify-content: left !important;
    }

    .info-bar-inner.hide_topbar {
        display: none;
    }

    .full-width-content .comments-area .comment-list li .single-comment-wrap .content {
        max-width: calc(100% - 100px);
    }

    .single-meta-item-wrap {
        column-count: 2;
        margin-bottom: 30px;
    }

    .team-details-page .top-content-area {
        display: block;
    }

    .team-details-page .top-content-area .img-wrapper img {
        width: 100%;
    }

    .team-details-page .top-content-area .content {
        margin-left: 0;
    }

    .tutor-wrap {
        padding-bottom: 120px;
    }

    .banner-area .banner-inner {
        padding-left: 0;
    }

    .social-icon.style-01 {
        display: none;
    }

    .banner-area {
        padding: 220px 0 160px;
    }

    .banner-area .bg-img {
        display: none;
    }

    .content-wrapper {
        display: block;
    }

    .content-wrapper .left-content {
        margin-right: 0;
        margin-bottom: 40px;
    }

    .content-wrapper .description-tab-content {
        min-height: 450px;
    }

    .content-wrapper .right-content {
        margin-left: 0;
    }

    .page-wrapper .info-items li:first-child {
        display: none;
    }

    .custom-logo-link img, .site-logo img, .footer-logo img {
        max-width: 150px !important;
    }

    .header-icon-box-item.style-01 {
        right: 20px;
    }

    .footer-top-widget-wrap {
        margin-top: 30px;
    }

    .footer-style-02 .call-to-action-inner .title {
        margin-bottom: 30px;
    }

    .history-single-item .history-single-item-content .thumb {
        max-width: 430px;
    }

    .history-single-item .content {
        margin-right: 0;
    }

    .history-single-item:nth-child(even) .history-single-item-content .content {
        margin-left: 0;
    }

    .history-single-item .content p {
        max-width: 425px;
    }

    .single-meta-item {
        margin-bottom: 30px;
    }
    .project-slider-area .slider-next, .project-slider-area .slider-prev {
        right: auto;
    }

}


/* Tablet Layout wide: 768px. */

@media only screen and (max-width: 768px) {
    .theme-heading-title .title span,
    .theme-heading-title .title {
        font-size: 36px;
        line-height: 46px;
    }

    .blog-standard-item-01.format-quote .thumbnail {
        display: none;
    }

    .blog-standard-item-01.format-quote .quote-post-type {
        position: initial;
        transform: initial;
        background-color: var(--main-color-one);
        padding: 30px 0 20px 0;
    }

    .blog-standard-item-01.format-quote .quote-post-type .title {
        padding-left: 0;
    }

    .blog-standard-item-01.format-quote .quote-post-type .post-meta {
        padding-left: 0;
    }

    .topbar-inner.style-01 .right-contnet p {
        display: none;
    }

    .blog-standard-item-01.format-quote .quote-post-type.style-01:after {
        opacity: .2;
        left: 40px;
        top: 10px;
    }

    .blog-single-content-wrap .post-author {
        display: block;
    }

    .blog-single-content-wrap .post-author .author-content {
        margin-left: 0;
        margin-top: 30px;
    }

    .info-items-03 li + li {
        display: none;
    }

    .blog-standard-item-01 .content .title {
        font-size: 32px;
    }

    .blog-standard-item-01.format-quote .quote-post-type .title {
        font-size: 30px;
        line-height: 40px;
    }

    .blog-pagination ul li a, .blog-pagination ul li span {
        padding: 0 20px;
    }

    .blog-pagination {
        text-align: center;
    }

    .team-single-item-list li {
        width: calc(100% / 2);

    }


    .single-skill-item .title {
        bottom: 15px;
    }

    .course-single-item.style-01 {
        display: block;
    }

    .course-single-item .thumb img {
        width: 100%;
    }

    .team-single-item .content .title {
        font-size: 24px;
        line-height: 34px;
    }

    .case-study-tabs .custom-tabs-menu .nav-item {
        width: calc(100% / 3);
    }

    .tab-content-wrap > li {
        width: calc(100% / 2);
    }

    .video-play-btn-02 {
        width: 120px !important;
        height: 120px !important;
    }

    .search-form .search-form-page input {
        width: 250px;
    }

    .counter-single-item li:last-child {
        display: none;
    }

    .page-wrapper .header-right .btn-wrap .boxed-btn {
        display: none;
    }

    .banner-area .banner-inner-02 .title {
        font-size: 40px;
        line-height: 50px;
    }

    .banner-area .banner-inner-02 .subtitle {
        font-size: 12px;
    }

    .banner-area .banner-inner-02 .feature-title {
        font-size: 18px;
        line-height: 28px;
    }

    .banner-area p {
        font-size: 14px;
    }

    .header-icon-box-item {
        display: none;
    }

    .call-to-action-inner .title {
        font-size: 38px;
    }

    .history-single-item + .history-single-item::before,
    .history-single-item::after,
    .history-single-item .dot {
        display: none;
    }

    .history-single-item .history-single-item-content .thumb {
        width: 100%;
        max-width: 100%;
    }

    .history-single-item .content {
        margin-top: 30px;
    }

    .history-single-item .content p {
        max-width: inherit;
    }

    .history-single-item:nth-child(even) .history-single-item-content .content {
        text-align: left;
    }

    .history-single-item .history-single-item-content {
        display: block;
    }

    .banner-area .hover {
        left: 50px;
        top: 15%;
    }

    .banner-area .header-right-image .craft-img-shape {
        display: none;
    }

}


/* medium tablet layout 599px */

@media only screen and (max-width: 599px) {
    .blog-standard-item-01.format-quote .quote-post-type .title,
    .blog-standard-item-01 .content .title {
        font-size: 24px;
        line-height: 34px;
    }

    .error-404 .title {
        font-size: 150px;
        line-height: 160px;
    }

    .post-navigation-inner:after {
        z-index: -1;
        width: 100%;
        height: 1px;
    }

    .post-navigation-inner {
        display: block;
    }

    .post-navigation-inner div {
        width: 100%;
    }

    .post-navigation-inner div:last-child {
        text-align: left;
    }

    .header-carousel-wrapper .main-slider-nav-wrap {
        display: none;
    }

    .product-related-posts.colum-2 .sm-outer-wrap,
    .product-related-posts.colum-3 .sm-outer-wrap,
    .product-related-posts.colum-4 .sm-outer-wrap {
        width: 100%;
    }

    .post-navigation-inner .content-area {
        width: 100%;
    }

    .post-navigation-inner:after {
        display: none;
    }

    .post-navigation-area .post-navigation-inner .content-area.style-01 .content {
        text-align: left;
    }

    .post-navigation-area .post-navigation-inner .content-area.style-01 {
        margin-top: 30px;
    }


    .contact-page-form {
        padding: 60px 40px;
    }

    .blog-single-content-wrap .blog-list {
        margin-top: 35px;
    }

    .dream-course-form .dream-course-search .dream-course-category {
        display: none;
    }

    .team-details-page .top-content-area {
        display: block;
    }

    .team-details-page .top-content-area .content {
        margin-left: 0;
    }

    /*.header-bottom-area .header-menu-content .header-right {*/
    /*    display: none;*/
    /*}*/

    .header-bottom-area .header-menu-content .header-left {
        justify-content: space-between;
        width: 100%;
    }

    .banner-area .header-right-image {
        display: none;
    }

    .banner-area .hover {
        display: none;
    }

    .footer-nav-widget {
        margin-bottom: 30px;
    }

    .footer-style-01 .footer-wrap.bg-image {
        background-position: top center;
        background-size: auto;
    }

    .module-download-area .content {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 510px) {
    .copyright-wrap-inner .social_share {
        margin-bottom: 20px;
    }
    .copyright-wrap-inner.style-01{
        display: block;
    }
    .banner-section.two.inner{
        padding-top: 85px;
        padding-bottom: 80px;
    }
    .single-product div.product .summary.entry-summary a.buy-now.button, .wishlist_table .product-add-to-cart a, .single-product div.product .summary.entry-summary button[type=submit]{
        width: max-content;
    }
}

@media only screen and (max-width: 450px) {
    .breadcrumb-wrap .page-title {
        font-size: 36px;
        line-height: 46px;
    }

    .dream-course-form-two .dream-course-search .input-box input {
        padding-right: 20px;
    }

    .no-results .page-header h1 {
        font-size: 42px;
    }

    .blog-pagination ul li {
        margin: 10px 5px;
    }

    .blog-standard-item-01.format-quote .quote-post-type.style-01:after {
        opacity: .2;
    }

    .blog-standard-item-01.format-quote .quote-post-type .title {
        padding-left: 20px;
        padding-right: 20px;
    }

    .blog-standard-item-01.format-quote .quote-post-type.style-01 .post-meta,
    .blog-standard-item-01.format-quote .quote-post-type.style-01 .title {
        padding-left: 0;
    }


    .breadcrumb-wrap .page-list li {
        font-size: 14px;
    }

    .blog-standard-item-01.format-quote .quote-post-type .post-meta {
        padding-left: 20px;
    }

    .blog-standard-item-01.format-quote .quote-post-type:after {
        left: 20px;
    }

    .no-results .page-header h1 {
        font-size: 42px;
    }

    .banner-area .title {
        font-size: 44px;
        line-height: 54px;
    }

    .banner-area p {
        font-size: 20px;
        line-height: 30px;
    }

    .single-case-study-item-list.style-01 li {
        width: 100%;
    }

    .case-study-tabs .custom-tabs-menu .nav-item {
        width: calc(100% / 1);
    }

    .theme-heading-title .title span,
    .theme-heading-title .title {
        font-size: 34px;
        line-height: 44px;
    }

    .blog-single-content-wrap .subtitle {
        font-size: 22px;
        line-height: 32px;
    }

    .blog-details-footer {
        display: block;
    }

    .blog-single-content-wrap .post-author .author-image {
        width: 100%;
    }

    .blog-single-content-wrap .wp-block-quote:not(.is-large):not(.is-style-large) {
        padding: 40px 20px;
    }

    .blog-single-content-wrap .wp-block-quote:not(.is-large):not(.is-style-large) p {
        font-size: 22px;
    }

    .blog-single-content-wrap .wp-block-quote:not(.is-large):not(.is-style-large) cite {
        font-size: 16px;
    }

    .team-single-item-list li {
        width: calc(100% / 1);
    }

    .comments-area .comment-list li .single-comment-wrap {
        display: block;
    }

    .comments-area .comment-list li .single-comment-wrap .content {
        max-width: 100%;
    }

    .comments-area .comment-list li ul.children li {
        margin-left: 20px;
    }

    .blog-pagination ul li a, .blog-pagination ul li span {
        padding: 0 15px;
        line-height: 35px;
    }

    .gallery-columns-4 .gallery-item,
    .gallery-columns-2 .gallery-item,
    .gallery-columns-3 .gallery-item {
        max-width: 100%;
    }

    .blog-single-content-wrap blockquote:not(.has-light-gray-color,
    .has-very-dark-gray-color,
    .is-style-large) p,
    .single-comment-wrap blockquote p,
    .softim-page-content-area blockquote p {
        font-size: 24px;
    }

    .breadcrumb-wrap.navbar- .breadcrumb-content {
        padding: 130px 0 137px 0;
    }

    .profit-chart-box .chart-logo {
        width: 70px;
        height: 70px;
    }


    .contact-page-form {
        padding: 40px 30px;
    }

    .blog-grid-item-01 .content .title {
        font-size: 20px;
        line-height: 30px;
    }

    .service-single-item-04 .content-wrap .title {
        font-size: 20px;
        line-height: 30px;
    }

    .theme-heading-title .subtitle span,
    .theme-heading-title .subtitle {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 0;
    }

    .service-single-item-03 .content-wrap .title {
        font-size: 20px;
        line-height: 30px;
    }

    .single-careers-item .table-striped tbody tr td .title,
    .team-single-item-02 .content .title,
    .single-testimonial-item .content .author-meta .title,
    .portfolio-single-item .hover-content .content-wrap .title,
    .service-single-item-05 .content .title,
    .single-blog-grid-02 .content .title,
    .single-blog-grid-03 .content .title {
        font-size: 22px;
        line-height: 32px;
    }

    .blog-standard-item-01 .content .blog-bottom {
        flex-direction: column-reverse;
        align-items: baseline;
    }

    .dream-course-form .dream-course-search {
        padding: 25px 10px;
        border-radius: 30px;
        display: block;
        height: auto;
    }

    .btn-wrap .course-btn {
        margin-top: 20px;
        width: 100%;
    }

    .newsletter-form .submit {
        position: initial;
        transform: initial;
        width: 100%;
    }

    .search-form .search-form-page input {
        width: 100%;
    }

    .counter-single-item .counter-item {
        margin-top: 20px;
    }

    .event-breadcrumb-wrap .title {
        padding-bottom: 27px;
    }

    .single-image-gallery .gallery-overlay .cart-icon a {
        font-size: 30px;
        line-height: 40px;
    }

    .tab-content-wrap > li {
        width: calc(100% / 1);
    }

    blockquote:not(.has-light-gray-color):not(.has-very-dark-gray-color):not(.is-style-large):not(.is-style-large) p {
        font-size: 24px;
        line-height: 34px;
    }

    blockquote:not(.has-light-gray-color):not(.has-very-dark-gray-color):not(.is-style-large):not(.is-style-large) {
        padding: 20px;
    }

    .single-contact-item {
        display: block;
    }

    .single-contact-item .icon {
        margin-bottom: 20px;
    }

    .dream-course-form-two .dream-course-search .btn-wrap .course-btn {
        position: initial;
    }

    .header-style-01 .info-bar .btn-wrap .request-btn {
        display: none;
    }

    .top-right-nav li:first-child {
        display: none;
    }

    .info-bar-inner {
        display: block;
    }

    .top-right-nav li:first-child {
        display: block;
    }

    .header-style-01 .info-bar-inner .right-content-area {
        margin-top: 15px;
    }

    .course-category-item .content .title {
        font-size: 20px;
        line-height: 30px;
    }

    .theme-heading-title p {
        font-size: 16px;
    }

    .course-single-item .content .title {
        font-size: 20px;
        line-height: 30px;
    }

    .single-counterup-03 .content .count-wrap {
        font-size: 38px;
        line-height: 48px;
    }

    .dream-course-form .btn-wrap {
        margin-left: 0;
    }

    .contact-form .input-box .boxed-btn {
        line-height: 50px;
        padding: 0 40px;
    }

    .single-testimonial-item-02 .content .description {
        font-size: 16px;
        line-height: 30px;
    }


    .single-contact-item .content .title {
        font-size: 20px;
        line-height: 38px;
    }

    .full-width-content .comments-area .comment-list li .single-comment-wrap .content {
        max-width: 100%;
    }

    .single-meta-item-wrap {
        column-count: 1;
    }

    .accordion-wrapper .card .card-body.style-01 {
        display: block;
    }

    .accordion-wrapper .card .card-body.style-01 .card-body-inner {
        margin-left: 0;
        margin-top: 20px;
    }

    .accordion-wrapper .card .card-body.style-01 .card-body-inner ul li {
        column-count: 1;
    }

    .content-wrapper .description-tab-content {
        padding: 35px 30px;
    }

    .content-wrapper .right-content .content .title {
        font-size: 28px;
        line-height: 38px;
    }

    .service-item-list .service-title .title {
        font-size: 20px;
        line-height: 30px;
    }

    .content-wrapper .right-content {
        padding: 45px 30px 50px;
    }

    .service-single-item-list .service-single-item {
        width: 100%;
    }

    .service-thumb {
        height: 330px;
    }


    .call-to-action-inner .title {
        font-size: 32px;
    }

    .call-to-action-item .content {
        margin-bottom: 20px;
    }

    .copyright-wrap-inner .social_share {
        margin-bottom: 20px;
    }

    .call-to-action-item {
        padding: 40px 30px;
    }

    .blog-standard-item-01 .content .post-meta-wrap .social-icon {
        display: none;
    }

    blockquote:not(.has-light-gray-color):not(.has-very-dark-gray-color):not(.is-style-large):not(.is-style-large):before {
        display: none;
    }

    .breadcrumb-wrap .page-list li:after {
        top: 3px;
    }

    .blog-standard-item-01 .content .post-meta li {
        line-height: 24px;
    }

    .footer-top-widget-wrap {
        display: block;
    }
    .single-counterup-01 .content .count-wrap .count-num{
        font-size: 52px;
        line-height: 62px;
    }

}

/* mobile tablet layout 414px */

@media only screen and (max-width: 414px) {
    .topbar-inner {
        justify-content: center;
    }

    .info-bar-inner .right-content-area .info-items-03 {
        display: none;
    }

    .topbar-inner .left-contnet {
        display: none;
    }


    .video-play-btn-02 {
        width: 100px !important;
        height: 100px !important;
        line-height: 70px;
    }

    .video-play-btn-02:before {
        width: 90px;
        height: 90px;
    }

    .team-single-item .content .title {
        font-size: 22px;
        line-height: 32px;
    }

    .info-bar-inner .left-content-area {
        display: block;
    }

    .search-form.style-01 {
        display: block;
        margin-top: 20px;
        margin-left: 0 !important;
    }

    .single-event-item .content .title {
        font-size: 26px;
    }

    .banner-area .btn-wrap .blank-btn {
        display: block;
        margin-left: 0;
        margin-top: 20px;
    }

    .module-download-area .content .title {
        margin-left: 15px;
    }
    .brand-item-two::after{
        display: none;
    }
}


/* mobile tablet layout 375px */

@media only screen and (max-width: 384px) {
    .theme-heading-title .title span,
    .theme-heading-title .title {
        font-size: 30px;
        line-height: 40px;
    }

    .error-404 .title {
        font-size: 100px;
        line-height: 100px;
    }

    .single-blog-grid-02 .content .post-meta li {
        margin-right: 10px;
    }

}

@media only screen and (max-width: 330px) {
    .what-we-single-item .content .btn-wrap .graduate-btn {
        padding: 0 15px;
    }

    .footer-widget-wrap {
        padding: 45px 30px 20px;
    }
}

/*---------------------------------------------*/
/* Newsim Full Responsive Layout Is Styling HEere */
/*-----------------------------------------------*/
@media only screen and (max-width: 1680px){
    /* Home Page Three */
    .banner-section .home-three-banner .banner-image {
        width: 960px;
    }
    .custom-navigation {
        left: 80px;
    }
    .custom-navigation.next-text {
        left: 410px;
    }
    .home-three-menu .address-wrapper {
        padding-right: 120px;
    }
}
/*----------------*/
/*  Meduim Layout */
/*----------------*/
@media only screen and (max-width: 1445px){
    /* Home page Three */
    .header-bottom-area .navbar-expand-xl.home-three .touch {
        display: none;
    }
    .header-bottom-area .navbar-expand-xl.home-three .logo-wrapper {
        text-align: right;
    }
    .banner-section .banner-content-two .title {
        font-size: 105px;
    }
    .banner-section .home-three-banner {
        padding-top: 85px;
        padding-left: 50px;
        padding-bottom: 200px;
        margin-bottom: 68px;
    }
    .banner-section .banner-content-two p {
        font-size: 35px;
        padding-top: 65px;
        padding-left: 65px;
    }
    .banner-section .home-three-banner .banner-image {
        width: 785px;
    }
    .case-study-section .case-study-slider-wrapper .case-study-slider .prev-text {
        left: 70px;
    }
    .case-study-section .case-study-slider-wrapper .case-study-slider .next-text {
        right: 31%;
    }
    .custom-navigation {
        left: 15px;
        bottom: 20px;
    }
    .custom-pagination {
        width: 18% !important;
        left: 5% !important;
        bottom: 30px;
    }
    .custom-navigation.next-text {
        left: 360px;
    }
    .home-three-menu .address-wrapper {
        padding-right: 0px;
    }
    .home-three-menu .nav-wrapper .menu-text {
        font-size: 330px;
    }
}

@media only screen and (max-width: 1200px) {
    /* Home Three */
    .home-three-menu .nav-wrapper .menu-text {
        font-size: 280px;
    }
    .header-section.home-three .header-bottom-area .navbar-collapse .main-menu li + li{
        border-top: 1px solid #5a68a9;
    }
}

/*----------------*/
/* Tablet Layout */
/*----------------*/
@media only screen and (max-width: 1199px) {
    /* Home Page Three */
    .header-bottom-area .navbar-expand-xl.home-three .logo-wrapper {
        display: none;
    }
    .header-bottom-area .navbar-expand-xl.home-three .home-three-logo {
        display: block;
    }
    .banner-section .home-three-banner {
        padding-top: 65px;
        padding-left: 50px;
        padding-bottom: 200px;
        margin-bottom: 0px;
    }
    .banner-section .banner-content-two .title {
        font-size: 90px;
        margin-bottom: 60px;
    }
    .banner-section .banner-content-two p {
        font-size: 32px;
        padding-top: 45px;
        padding-left: 55px;
    }
    .banner-section .banner-content-two span::after {
        height: 240px;
    }
    .banner-section .home-three-banner .banner-image {
        width: 510px;
        top: 290px;
    }
    .statistics-item-area .icon-box-items .odo-area .title {
        font-size: 18px;
    }
    .statistics-item-area .icon-box-items .content p {
        font-size: 20px;
    }
    .development-section .thumbnail .about-thumb-video {
        padding: 30px;
    }
    .development-section .thumbnail .about-thumb-video .circle svg {
        left: -110%;
        height: 290px;
        top: -100px;
    }
    .development-section .thumbnail .about-thumb-video .video-icon {
        width: 90px;
        height: 90px;
        line-height: 90px;
    }
    .service-single-item {
        padding: 25px;
        padding-top: 65px;
    }
    .service-single-item .content .title {
        font-size: 22px;
    }
    .blog-single-item .content {
        position: absolute;
        left: 40px;
        bottom: 40px;
        width: calc(100% - 80px);
    }
    .blog-single-item .content .title {
        font-size: 19px;
    }
    .blog-single-item .content .post-meta .date {
        margin-left: 15px;
        padding-left: 15px;
    }
    .blog-single-item-02 .content .title {
        font-size: 19px;
    }
    .blog-single-item-02 .content + .content {
        margin-top: 20px;
        padding-top: 16px;
    }
    .blog-single-item .content .post-meta .date::before {
        left: -2px;
    }
    .footer-contact .content .title {
        font-size: 34px;
    }
    .footer-contact .contact p {
        font-size: 27px;
    }
    .custom-pagination {
        width: 20% !important;
        left: 12% !important;
        bottom: 30px;
        z-index: 99999;
    }
    .custom-navigation {
        left: 65px;
    }
}

@media only screen and (max-width: 991px){
    /* Home Page Three */
    .banner-section .home-three-banner {
        padding-top: 50px;
        padding-left: 50px;
        padding-bottom: 440px;
    }
    .banner-section .banner-content-two .title {
        font-size: 68px;
        margin-bottom: 20px;
    }
    .banner-section .banner-content-two p {
        font-size: 27px;
        padding-top: 0;
        padding-left: 0;
    }
    .banner-section .banner-content-two p br {
        display: none;
    }
    .banner-section .banner-content-two p::after {
        display: none;
    }
    .banner-section .banner-content-two span {
        display: none;
    }
    .banner-section .banner-shape {
        display: none;
    }
    .banner-section .home-three-banner .banner-image {
        top: 335px;
        left: 68px;
        right: unset;
    }
    .development-section .thumbnail .about-thumb-video {
        left: 20%;
    }
    .development-section .shape-02 {
        display: none;
    }
    .service-single-item {
        padding: 25px;
        padding-top: 25px;
    }
    .service-single-item .icon {
        position: unset;
        margin-bottom: 25px;
    }
    .service-single-item .content .more-btn .icons i {
        font-size: 21px;
    }
    .customer-service-section .rmt-60 {
        margin-top: 0px;
    }
    .case-study-section .case-study-slider-wrapper {
        padding: 30px;
    }
    .case-study-section .case-study-single-item .content p {
        font-size: 15px;
    }
    .case-study-section .case-study-slider-wrapper .case-study-slider .prev-text {
        left: 30px;
        bottom: 22px;
    }
    .case-study-section .case-study-slider-wrapper .case-study-slider .next-text {
        right: 26%;
        bottom: 22px;
    }
    .case-study-section .case-study-slider-wrapper {
        right: -25px;
    }
    .case-study-section .case-study-slider-wrapper .swiper-pagination-progressbar {
        margin-top: 35px;
    }
    .hero-single-item .contact .thumbnail img {
        width: 100%;
        object-fit: cover;
    }
    .blog-single-item .thumbnail img {
        width: 100%;
        object-fit: cover;
    }
    .footer-contact {
        padding: 30px 30px 30px 0px;
    }
    .footer-contact .content .title {
        font-size: 30px;
    }
    .footer-contact .contact {
        margin-left: 18px;
    }
    .footer-contact .contact p {
        font-size: 22px;
        flex: 1;
    }
    .experience-secction {
        margin-top: 90px;
        margin-bottom: 60px;
    }
    .development-section {
        padding-top: 90px;
        padding-bottom: 60px;
    }
    .customer-service-section {
        margin-top: 90px;
    }
    .customer-service-section .section-header {
        margin-bottom: 50px;
    }
    .case-study-section {
        margin-top: 60px;
        margin-bottom: 100px;
    }
    .team-hero-section {
        margin-top: 90px;
        padding-top: 90px;
        padding-bottom: 60px;
    }
    .happy-client-section {
        margin-top: 90px;
    }
    .blog-section {
        /*margin-top: 90px;*/
        padding-top: 90px;
        padding-bottom: 60px;
    }
    .custom-pagination {
        display: none;
    }
    .custom-navigation {
        display: none;
    }
    .statistics-item-area .icon-box-items {
        align-items: center;
    }
    .nav-tabs .nav-link:not(:last-child) {
        margin-right: 10px;
    }
    .nav-tabs .nav-link:not(:last-child) {
        padding-right: 10px;
    }

    .wishlist_table {
        padding-left: 0;
    }
    .wishlist_table.mobile li .item-details table.item-details-table {
        width: auto;
    }
    .wishlist_table.mobile li table.additional-info td.label,
    .wishlist_table.mobile li .item-details table.item-details-table td.label {
        width: 45px !important;
        text-align: left !important;
    }
    .wishlist_table.mobile li table.additional-info td.value {
        text-align: left !important;
    }
    .wishlist_table li {
        border-bottom: 1px solid #e1e1e1;
    }
    .wishlist_table.mobile li .additional-info-wrapper .product-remove {
        text-align: left;
        padding: 16px 0 20px 0;
    }
    .wishlist_table.mobile li .additional-info-wrapper .product-add-to-cart {
        text-align: left;
    }
    .gallery-filter-wrapper .filter-btn-group button {
        min-width: 120px;
        margin: 4px;
        width: auto !important;
    }
    .wc-page-content-inner .products .softim-single-product-item:nth-child(4n+1) {
        margin-left: 0;
    }
    .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
        width: 20.15%;
    }
    .woocommerce-single-product-page-content-area.padding-bottom-105 {
        padding-bottom: 60px;
    }
    .woocommerce-single-product-page-content-area.padding-top-120 {
        padding-top: 110px;
    }
    .about-content.two {
        margin-left: 0;
        margin-bottom: 55px;
    }
}

@media only screen and (max-width: 767px){
    /* Home Page Three */
    .project-slider-area .slider-next, .project-slider-area .slider-prev {
        right: auto;
    }
    .banner-section .home-three-banner {
        padding-top: 30px;
        padding-left: 31px;
        padding-bottom: 420px;
    }
    .banner-section .banner-content-two .title {
        font-size: 45px;
        margin-bottom: 15px;
    }
    .banner-section .banner-content-two p {
        font-size: 21px;
    }
    .banner-section .home-three-banner .banner-image {
        top: 200px;
        left: 47px;
        width: 480px;
    }
    .development-section .content .title {
        font-size: 34px;
    }
    .case-study-section .case-study-slider-wrapper .swiper-pagination-progressbar {
        width: 77%;
    }
    .case-study-section .case-study-slider-wrapper .case-study-slider .next-text {
        right: 6%;
    }
    .team-hero-section .hero-single-item .content .title-main {
        font-size: 34px;
        margin-bottom: 30px;
    }
    .hero-single-item .content .thumbnail img {
        width: 100%;
    }
    .team-hero-section .team-thumbnail img {
        width: 100%;
    }
    .footer-contact {
        display: none;
    }
}
/*----------------*/
/* Mobile Layout */
/*----------------*/
@media only screen and (max-width: 575px){
    /* Home Page Three */
    .banner-section .home-three-banner {
        padding-top: 25px;
        padding-left: 20px;
        padding-bottom: 360px;
    }
    .banner-section .home-three-banner .banner-image {
        top: 235px;
        left: 36px;
        width: 380px;
    }
    .banner-section .banner-content-two .title {
        font-size: 40px;
        margin-bottom: 15px;
    }
    .banner-section .banner-content-two p {
        font-size: 20px;
    }
    .banner-section .home-three-banner .banner-image {
        top: 210px;
        left: 36px;
        width: 380px;
    }
    .experience-secction .experience-content .title {
        font-size: 18px;
    }
    .development-section .shape-01 {
        display: none;
    }
    .development-section .content .title {
        font-size: 28px;
    }
    .customer-service-section .section-header .section-title {
        font-size: 26px;
    }
    .case-study-section .case-study-slider-wrapper {
        right: 0px;
    }
    .case-study-section .case-study-slider-wrapper .swiper-pagination-progressbar {
        display: none;
    }
    .case-study-section .case-study-slider-wrapper .case-study-slider .prev-text,
    .case-study-section .case-study-slider-wrapper .case-study-slider .next-text {
        display: none;
    }
    .case-study-section .case-study-single-item .content {
        left: 25px;
        bottom: 25px;
        width: calc(100% - 50px);
    }
    .case-study-section .case-study-single-item .content .title {
        font-size: 22px;
    }
    .team-hero-section .hero-single-item .content .title-main {
        font-size: 26px;
    }
    .client-single-item {
        padding: 25px 15px 25px 25px;
    }
    .client-single-item .content .icon .title {
        font-size: 19px;
    }
    .client-single-item .content .icon{
        display: block;
    }
    .client-single-item .content .icon .title{
        margin-left: 0;
        margin-top: 15px;
    }
    .client-single-item .content .designation-wrap{
        display: block;
    }
    .client-single-item .content .designation-wrap .ratings{
        margin-top: 15px;
    }
}
@media all and (max-width: 575px) {
    .banner-widget-wrapper .banner-widget-middle {
        margin-bottom: 15px;
        margin-top: 8px;
    }
    .case-study-section .nav-pills .nav-item .nav-link {
        padding: 4px 11px;
        font-size: 14px;
    }
    .wishlist_table {
        padding-left: 0;
    }
    .wishlist_table.mobile li .item-details table.item-details-table {
        width: auto;
    }
    .wishlist_table.mobile li table.additional-info td.label,
    .wishlist_table.mobile li .item-details table.item-details-table td.label {
        width: 45px !important;
        text-align: left !important;
    }
    .wishlist_table.mobile li table.additional-info td.value {
        text-align: left !important;
    }
    .wishlist_table li {
        border-bottom: 1px solid #e1e1e1;
    }
    .wishlist_table.mobile li .additional-info-wrapper .product-remove {
        text-align: left;
        padding: 16px 0 20px 0;
    }
    .wishlist_table.mobile li .additional-info-wrapper .product-add-to-cart {
        text-align: left;
    }
    .gallery-filter-wrapper .filter-btn-group button {
        min-width: 120px;
        margin: 4px;
        width: auto !important;
    }
    .home-2-footer-subscribe-form .wpcf7 form.sent .wpcf7-response-output {
        border: 1px solid #cfcece;
        color: #999;
        border-radius: 5px;
        width: 100%;
        margin-left: -1px;
        font-size: 13px;
    }

}
@media only screen and (max-width: 320px) {
    /* Home Page Three */
    .banner-section .home-three-banner .banner-image {
        top: 250px;
        left: 36px;
        width: 380px;
    }
}