@media (min-width: 1200px) and (max-width: 1399.98px) {
    .slider .carousel-caption .title {
        font-size: 65px;
        margin-bottom: 25px;
        line-height: 1;
    }

    .about .image-area .skills-progress .progress-item .progressbar .percentCount {
        margin-top: -36px;
    }

    .about .image-area .video-area {
        height: 200px;
        width: 200px;
    }

    .call-us .bg-area .text-area p {
        font-size: 30px;
    }

    .section-title h3 {
        font-size: 40px;
        margin-top: 20px;
    }

    .counter .count-num {
        font-size: 65px;
    }

    .call-us .bg-area .icon-area {
        width: 65px;
        height: 65px;
        font-size: 23px;
        border: 7px solid #fff;
    }

    .subscribe .bg-color {
        padding: 40px;
    }

    .counter .shape {
        left: 8%;
    }

    .call-us .bg-area {
        padding: 40px 0px;
    }

    .blog .single-blog .content-area .date-area {
        top: -40px;
    }

    .work-process .single-work-process .icon-inner-1 {
        width: 100px;
        height: 100px;
        outline-offset: 15px;
    }

    .work-process .single-work-process .icon-inner-1 .icon-inner-2 {
        width: 45px;
        height: 45px;
    }

    .video .video-area .play-button-area {
        width: 100px;
        height: 100px;
    }

    .video .video-area .play-button-area .play-area {
        width: 80px;
        height: 80px;
    }

    .slider .carousel-control-next,
    .slider .carousel-control-prev {
        width: 45px;
        height: 45px;
    }

    .feature .single-feature .title {
        font-size: 20px;
    }

    .feature .single-feature .icon-box {
        width: 45px;
        height: 45px;
    }

    .about .shape-2 {
        left: 111px;
    }

    .service .single-service .content-area .button-area {
        margin-top: 15px;
    }

    .why-choose-us .shape-2 {
        left: 30px;
    }

    .video .video-area .title {
        font-size: 35px;
    }

    .contact .contact-info .contact-box {
        padding: 38px 30px;
    }

    .pricing .single-pricing .price .plan {
        font-size: 26px;
    }

    .pricing .single-pricing .price .amount {
        font-size: 42px;
    }

    .testimonial .single-testimonial .quote .icon {
        font-size: 55px;
        color: #ffe9de;
    }

    .footer-top .footer-list .title {
        font-size: 26px;
        margin-bottom: 35px;
    }

    .footer-top .footer-list p {
        margin-top: 30px;
    }

    .service-details .service-details-content .img-area img {
        height: 400px;
    }

    .service-details .service-details-content .content-area .title {
        font-size: 38px;
        margin-bottom: 20px;
    }

    .project-details .project-details-content img {
        height: 600px;
    }

    .project-details .project-details-sidebar {
        padding-bottom: 20px;
    }

    .pricing .single-pricing .price-header {
        height: 266px;
    }

    .pricing .single-pricing .price .currency-symbol {
        font-size: 25px;
        top: -12px;
    }

    .pricing .single-pricing .price .plan {
        margin-bottom: 10px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .section-title {
        margin-top: 0px;
    }

    .subscribe .bg-color {
        right: 100px;
        left: 100px;
    }

    .topbar .topbar-menu li a {
        font-size: 14px;
    }

    .about .content-area .service-features .feature-item {
        font-size: 16px;
    }

    .topbar .topbar-social li {
        margin: 0px 7px;
    }

    .topbar .topbar-social li a {
        font-size: 14px;
    }

    .slider .carousel-caption .title {
        font-size: 45px;
        margin-bottom: 25px;
    }

    .slider .carousel-control-next,
    .slider .carousel-control-prev {
        width: 40px;
        height: 40px;
    }

    .slider .carousel-control-next {
        top: 43%;
    }

    .slider .bottom-shape {
        width: 250px;
        height: 314px;
    }

    .feature .single-feature .icon-box {
        width: 45px;
        height: 45px;
    }

    .section-title h3 {
        font-size: 30px;
        margin-top: 20px;
    }

    .team .single-team .team-info .team-info-inner {
        right: 20px;
        left: 20px;
    }

    .why-choose-us .content-area .inner .single-item .icon-area {
        width: 25px;
        height: 25px;
    }

    .video .video-area .btn {
        font-size: 14px;
    }

    .about .section-title {
        padding-bottom: 30px;
    }

    .about .image-area .video-area .button-area {
        bottom: 64%;
        left: 35%;
    }

    .about .image-area .video-area {
        width: 180px;
        height: 180px;
        bottom: -65px;
        right: 15px;
    }

    .about .image-area .skills-progress .progress-item .progressbar .percentCount {
        margin-top: -38px;
        margin-right: 5px;
        font-size: 12px;
    }

    .about .image-area .skills-progress .progress-item .title {
        font-size: 16px;
    }

    .about .content-area .button-area .btn {
        font-size: 16px;
    }

    .about .image-area .skills-progress {
        width: 220px;
        padding: 20px;
        padding-bottom: 0px;
        bottom: -87px;
        left: -10px;
    }

    .about .image-area .skills-progress .progress-item .value {
        width: 35px;
        height: 35px;
    }

    .slider .carousel-control-prev {
        top: 50%;
    }

    .main_menu>ul>li>a {
        margin: 0px 20px;
    }

    .topbar .shape {
        width: 50%;
    }

    .feature .single-feature {
        padding: 30px 22px 25px 30px;
    }

    .service .single-service .content-area .icon-box {
        width: 40px;
        height: 40px;
    }

    .service .single-service .content-area .icon-box .icon {
        font-size: 20px;
    }

    .service .single-service .content-area .title a {
        font-size: 22px;
    }

    .service .single-service .content-area .desc {
        font-size: 16px;
    }

    .counter .count-num {
        font-size: 50px;
    }

    .counter .content-area .status {
        margin-top: 10px;
    }

    .counter .shape {
        top: -24%;
        left: 2%;
    }

    .service .single-service .content-area {
        padding: 38px 30px 30px 30px;
    }

    .video .video-area .play-button-area {
        width: 85px;
        height: 85px;
    }

    .video .video-area .play-button-area .play-area {
        width: 70px;
        height: 70px;
    }

    .video .video-area .title {
        font-size: 35px;
    }

    .work-process .single-work-process::after {
        width: 140px;
        top: 30%;
        left: 80%;
    }

    .work-process .single-work-process .icon-inner-1 {
        width: 90px;
        height: 90px;
        outline-offset: 10px;
    }

    .work-process .single-work-process .icon-inner-1 .icon-inner-2 {
        width: 45px;
        height: 45px;
    }

    .work-process .single-work-process .content-area .title {
        font-size: 22px;
        margin-top: 40px;
        margin-bottom: 10px;
    }

    .call-us .bg-area .text-area p {
        font-size: 26px;
    }

    .call-us .bg-area .text-area h2 {
        margin-bottom: 16px;
    }

    .call-us .bg-area .icon-area {
        width: 50px;
        height: 50px;
        font-size: 18px;
        border: 5px solid #fff;
    }

    .footer-top .footer-list .title {
        font-size: 22px;
        margin-bottom: 35px;
    }

    .footer-top .footer-list p {
        margin-top: 20px;
    }

    .footer-bottom .copyright-info p {
        font-size: 14px;
    }

    .footer-bottom .footer-menu .footer-nav li a {
        font-size: 14px;
    }

    .testimonial .single-testimonial .thum-box img {
        width: 80px;
        height: 80px;
    }

    .testimonial .single-testimonial {
        padding: 25px 40px 40px 40px;
    }

    .blog .single-blog .content-area .date-area {
        width: 50px;
        height: 50px;
        top: -29px;
        right: 27px;
    }

    .blog .single-blog .content-area .date-area .day {
        font-size: 20px;
    }

    .blog .single-blog .content-area .date-area .month {
        font-size: 13px;
        color: #ffffff;
    }

    .blog .single-blog .content-area {
        padding: 40px 40px 40px 40px;
    }

    .blog .single-blog .content-area .title {
        font-size: 22px;
        margin-top: 20px;
    }

    .blog .single-blog .content-area .button-area {
        margin-top: 15px;
    }

    .experience .image-area .main-img img {
        height: 450px;
    }

    .experience .image-area .sub-img img {
        width: 200px;
        height: 200px;
    }

    .call-us .bg-area {
        padding: 25px 0px;
    }

    .footer-top .footer-list p {
        font-size: 15px;
    }

    .footer-top .footer-list .footer-nav-links li a {
        font-size: 17px;
    }

    .counter {
        padding: 80px 0px 50px;
    }

    .experience .shape-2 {
        width: 150px;
        height: 150px;
        top: 60px;
    }

    .experience .content-area .progressbar .percentCount {
        font-size: 15px;
    }

    .section-title {
        padding-bottom: 40px;
    }

    .why-choose-us .image-area .main .content {
        font-size: 15px;
    }

    .why-choose-us .image-area .main::before {
        width: 20px;
        height: 30px;
        top: 3px;
        right: 101px;
    }

    .why-choose-us .image-area .main::after {
        width: 20px;
        height: 50px;
        top: -26px;
        right: 91px;
    }

    .why-choose-us .image-area .main img {
        height: 450px;
    }

    .why-choose-us .content-area .inner .single-item {
        margin-top: 30px;
    }

    .experience .content-area .experience-progress {
        margin-top: 12px;
    }

    .why-choose-us .section-title {
        margin-top: 0px;
        padding-bottom: 18px;
    }

    .contact .contact-info .contact-box {
        padding: 38px 30px;
    }

    .subscribe .subscribe-form input {
        width: 70%;
    }

    .subscribe .subscribe-form .btn {
        font-size: 15px;
        width: 30%;
        padding-bottom: 13px;
    }

    .subscribe .subscribe-info .title {
        font-size: 35px;
    }

    .subscribe .bg-color {
        padding: 45px 25px;
    }

    .team .single-team .team-info {
        padding: 5px 30px;
    }

    .team .single-team .team-info .team-social li a {
        height: 35px;
        width: 35px;
    }

    .team .single-team .team-info .team-info-inner .team-contact-icon li a {
        font-size: 20px;
    }

    .pricing .single-pricing .price-header {
        height: 220px;
    }

    .pricing .single-pricing .price-header .price-tag {
        top: 15%;
        right: 8%;
    }

    .pricing .single-pricing .price-header .price-icon .icon-inner-2 {
        height: 90px;
        width: 90px;
    }

    .pricing .single-pricing .price .plan {
        font-size: 23px;
        margin-bottom: 5px
    }

    .pricing .single-pricing .price .amount {
        font-size: 35px;
    }

    .pricing .single-pricing .price {
        top: 31%;
    }

    .testimonial .single-testimonial .quote .icon {
        font-size: 50px;
    }

    .breadcrumbs .breadcrumbs-content .page-title {
        font-size: 40px;
    }

    .breadcrumbs .breadcrumbs-content ul li {
        font-size: 18px;
    }

    .breadcrumbs .breadcrumbs-content ul li a {
        font-size: 18px;
    }

    .breadcrumbs .shape2 {
        width: 450px;
        height: 550px;
        bottom: -47%;
        right: -18%;
        z-index: 13;
    }

    .sidebar .support-widget {
        height: 480px;
    }

    .sidebar .support-widget .widget-content .title {
        font-size: 28px;
    }

    .sidebar .support-widget .widget-content .number {
        font-size: 35px;
    }

    .service-details .service-details-content .features .icon-box {
        top: 22%;
    }

    .service-details .service-details-content .features .desc {
        font-size: 15px;
    }

    .service-details .service-details-content .features .icon-box .icon img {
        width: 40px;
    }

    .service-details .service-details-content .features {
        padding-left: 83px;
    }

    .service-details .service-details-content .content-area .title {
        font-size: 35px;
        margin-bottom: 20px;
        line-height: 1.5;
    }

    .service-details .service-details-content .img-area img {
        height: 350px;
    }

    .project .item-details .item .image img {
        height: 230px;
    }

    .project .item-details .item .content {
        left: 15%;
        right: 15%;
        bottom: -50%;
    }

    .project-details .project-details-content img {
        height: 520px;
    }

    .project-details .project-details-sidebar {
        padding-bottom: 20px;
    }

    .project-details .project-silder .item img {
        height: 250px;
    }

    .project-details .section-title {
        padding-bottom: 10px;
    }

    .career-features .features .feature-box .icon-area {
        width: 60px;
        height: 60px;
        margin-bottom: 10px;
    }

    .career-features .features .feature-box .icon-area .icon {
        font-size: 19px;
    }

    .career-features .content .desc {
        margin-bottom: 20px;
    }

    .career-features .section-title {
        padding-bottom: 20px;
    }

    .career .job-list .job-item .job-desc {
        line-height: 1.5;
    }

    .blog-standard .blog-standard-content .img-area img {
        height: 300px;
    }

    .blog-standard .blog-standard-content .content-area .title a {
        font-size: 27px;
        top: -60px;
    }

    .blog-standard .blog-standard-content .content-area .date {
        margin: 0px 40px;
    }

    .blog-standard .blog-standard-content .content-area .desc {
        font-size: 15px;
        margin-bottom: 20px;
    }

    .blog-details .img-area img {
        height: 280px;
    }

    .blog-details .blog-details-content .date .day {
        font-size: 20px;
        margin-bottom: 2px;
    }

    .blog-details .blog-details-content .date {
        padding: 5px 15px;
    }

    .blog-details .blog-details-content .meta li a {
        font-size: 14px;
    }

    .blog-details .blog-details-content .meta {
        padding: 8px;
    }

    .blog-details .blog-details-content .date .month {
        font-size: 17px;
    }

    .blog-details .title {
        font-size: 35px;
        line-height: 1.2;
        margin-bottom: 10px;
    }

    .blog-details blockquote {
        margin: 25px 0px;
    }

    .blog-details blockquote .icon-box {
        margin-right: 20px;
    }

    .blog-details blockquote .name {
        padding-left: 4px;
        font-size: 14px;
    }

    .blog-details .list li {
        font-size: 15px;
    }

    .blog-details .list li .icon {
        margin-right: 4px;
    }

    .blog-details .image img {
        height: 220px;
    }

    .blog-details .image {
        margin: 20px 0px;
    }

    .blog-details .list {
        margin-bottom: 50px;
    }

    .contact .contact-info .contact-box {
        padding: 35px 20px;
    }

    .breadcrumbs .breadcrumbs-img img {
        width: 100%;
        height: 420px;
    }

    .contact .contact-form {
        padding: 50px 30px;
        margin-bottom: 50px;
    }

    .contact .contact-info .contact-box .contact-box-content {
        padding-left: 70px;
    }

    .contact .contact-info .contact-box .contact-box-content .title {
        margin-bottom: 5px;
    }

    .contact .contact-info .contact-box .contact-box-content .desc {
        font-size: 14px;
    }

    .contact .contact-info .contact-box .contact-box-icon .icon img {
        width: 40px;
    }

    .contact .contact-info .contact-box .contact-box-icon {
        align-items: start;
    }

    .contact .contact-info .contact-box .contact-box-icon {
        left: 0px;
    }

    .contact .contact-form input::placeholder,
    .contact .contact-form textarea::placeholder,
    .contact .contact-form select::placeholder {
        font-size: 14px;
    }

    .contact .contact-form input,
    .contact-form textarea,
    .contact .contact-form select {
        padding: 10px 15px;
    }

    .contact .contact-form button .icon {
        font-size: 12px;
    }

    .pricing .single-pricing .price-header {
        height: 250px;
    }

    .pricing .single-pricing .price-header .price-icon .icon-inner-2 {
        height: 90px;
        width: 90px;
    }

    .pricing .single-pricing .price .plan {
        font-size: 23px;
        margin-bottom: 10px;
    }

    .pricing .single-pricing .price-body .pricing-features li .icon-box .icon {
        width: 15px;
        height: 15px;
        font-size: 9px;
    }

    .pricing .single-pricing .price .amount {
        font-size: 35px;
    }

    .pricing .single-pricing .price {
        top: 35%;
    }

    .pricing .single-pricing .price .currency-symbol {
        font-size: 20px;
        top: -9px;
    }

    .about .image-area .main::after {
        right: 3%;
    }

    .sidebar-title-section h3 {
        font-size: 30px;
    }

    .feature .single-feature .header {
        margin-bottom: 25px;
    }
}

@media (max-width: 991.98px) {
    .slider .top-shape {
        top: -17px;
        left: -113px;
    }

    .slider .bottom-shape {
        width: 250px;
        height: 312px;
    }

    .slider .carousel-item img {
        height: 500px;
    }

    .about .image-area .main::after {
        right: 15%;
    }

    .section-title {
        padding-bottom: 20px;
    }

    .main-menu .navbar .navbar-toggler {
        position: relative;
    }

    .main-menu .navbar .navbar-toggler:focus {
        box-shadow: none;
        outline-style: none;
    }

    .main-menu .navbar .navbar-toggler .navbar-toggler-icon {
        width: 30px;
        height: 30px;
        top: -8px;
        right: 0px;
    }

    .slider .carousel-control-next {
        top: 43%;
    }

    .slider .carousel-control-next,
    .slider .carousel-control-prev {
        height: 38px;
        width: 38px;
        right: 100px !important;
    }

    .slider .carousel-caption .title {
        margin-bottom: 25px;
    }

    .about .image-area .main img {
        height: 400px;
    }

    .about .image-area .video-area {
        height: 180px;
        width: 180px;
        bottom: -20%;
        right: 120px;
    }

    .team .single-team .team-info .team-info-inner {
        right: 30px;
        left: 30px;
    }

    .about .image-area .skills-progress .progress-item .title {
        font-size: 16px;
    }

    .about .image-area .video-area .button-area {
        bottom: 62%;
        left: 38%;
    }

    .about .image-area .skills-progress .progress-item .value {
        width: 30px;
        height: 30px;
        ;
    }

    .about .image-area .skills-progress .progress-item .progressbar .percentCount {
        margin-top: -38px;
        margin-right: 5px;
        font-size: 10px;
    }

    .section-title h3 {
        font-size: 30px;
        text-align: center;
    }

    .about .image-area .skills-progress {
        width: 200px;
        bottom: -74px;
        left: 9%;
        padding-bottom: 10px;
    }

    .feature .single-feature {
        margin-bottom: 30px;
    }

    .about .content-area .desc {
        margin-bottom: 20px;
    }

    .about .content-area .service-features .feature-item {
        margin-bottom: 20px;
    }

    .service .single-service .content-area {
        padding: 20px;
    }

    .service .single-service {
        margin-bottom: 30px;
    }

    .video .video-area .play-button-area .play-area {
        width: 55px;
        height: 55px;
    }

    .video .video-area .btn {
        font-size: 14px;
        padding: 8px 16px;
    }

    .video .video-area .play-button-area .play-area .icon {
        font-size: 31px;
        color: #ff6116;
    }

    .video .video-area .play-button-area {
        width: 70px;
        height: 70px;
    }

    .video .video-area .title {
        font-size: 35px;
    }

    .video .video-area .desc {
        font-size: 15px;
    }

    .why-choose-us .image-area {
        margin-bottom: 30px;
    }

    .why-choose-us .image-area .main::before {
        width: 20px;
        height: 30px;
        top: -4px;
        right: 114px;
    }

    .why-choose-us .image-area .main::after {
        height: 50px;
        width: 20px;
        top: -29px;
        right: 94px;
    }

    .why-choose-us .image-area .main-outer::after {
        right: 12%;
    }

    .why-choose-us .image-area .main-outer::before {
        right: 12%;
    }

    .why-choose-us .section-title h3 {
        line-height: 1;
    }

    .why-choose-us .image-area .main img {
        height: 450px;
        width: 70%;
    }

    .why-choose-us .image-area .main .content {
        font-size: 17px;
        right: 6%;
    }

    .why-choose-us .shape-2 {
        left: 15%;
    }

    .why-choose-us .image-area::before {
        left: 10%;
    }

    .why-choose-us .content-area {
        margin-top: 0px;
        position: unset;
        transform: none;
    }

    .why-choose-us .content-area .section-title {
        text-align: center;
        padding-bottom: 20px;
    }

    .why-choose-us .content-area .desc {
        text-align: center;
    }

    .why-choose-us .shape-1 {
        top: -20%;
    }

    .why-choose-us .image-area .main {
        text-align: center;
    }

    .experience .image-area {
        margin-bottom: 120px;
        text-align: center;
    }

    .experience .image-area .main-img img {
        width: 60%;
    }

    .experience .image-area .sub-img img {
        height: 200px;
        width: 200px;
    }

    .experience .image-area::before {
        left: 100px;
    }

    .experience .shape-1 {
        left: 20%;
        top: 5%;
    }

    .experience .content-area {
        margin-top: 50px;
    }

    .experience .content-area .progressbar .percentCount {
        font-size: 15px;
    }

    .experience .content-area .experience-progress {
        margin-top: 20px;
    }

    .experience .content-area .experience-progress .progress-item {
        margin-bottom: 30px;
    }

    .experience .shape-2 {
        width: 150px;
        height: 150px;
        left: 67%;
    }

    .counter {
        padding: 80px 0px 50px;
    }

    .counter .count-num {
        display: block;
        font-size: 45px;
        margin-bottom: 20px;
    }

    .counter .content-area {
        text-align: center;
        margin-left: 0px;
        border-style: none;
    }

    .counter .content-area .status {
        margin-top: 10px;
        font-size: 20px;
    }

    .counter .shape {
        top: -16%;
        left: 29%;
    }

    .counter .content-area .designation {
        font-size: 15px;
    }

    .blog .single-blog .content-area .button-area {
        margin-top: 20px;
    }

    .blog .single-blog .content-area .title {
        margin-top: 20px;
    }

    .blog {
        padding: 40px 0px;
    }

    .blog .single-blog {
        margin-top: 0px;
    }

    .call-us .bg-area {
        padding: 40px 0px;
    }

    .call-us .bg-area .text-area h2 {
        margin-bottom: 15px;
    }

    .footer-top .footer-list .title {
        font-size: 22px;
    }

    .footer-bottom .copyright-info p {
        font-size: 14px;
    }

    .footer-bottom .footer-menu .footer-nav li a {
        font-size: 14px;
    }

    .blog .single-blog .content-area .title {
        margin-bottom: 20px;
    }

    .blog .single-blog .content-area {
        padding: 20px;
        position: relative;
    }

    .blog .single-blog .content-area .date-area {
        width: 50px;
        height: 50px;
    }

    .blog .single-blog .content-area .date-area .day {
        font-size: 20px;
    }

    .blog .single-blog .content-area .date-area .month {
        font-size: 13px;
    }

    .call-us .bg-area {
        padding: 30px 0px;
    }

    .footer-top .footer-list p {
        font-size: 17px;
        line-height: 1.5;
    }

    .footer-top .footer-about {
        margin-top: 35px;
    }

    .footer-top .footer-list p {
        font-size: 17px;
        line-height: 1.5;
        margin-top: 25px;
    }

    .footer-top .footer-list .title {
        margin-bottom: 30px;
        margin-top: 30px;
    }

    .about .image-area {
        margin-bottom: 200px;
    }

    .about .section-title {
        padding-bottom: 20px;
    }

    .about .content-area .service-features {
        float: left;
        margin: 8px 0px;
    }

    .about .shape-2 {
        top: 34px;
        left: 232px;
    }

    .scrollTop.active {
        width: 50px;
        height: 50px;
    }

    .work-process .single-work-process .icon-inner-1 {
        width: 90px;
        height: 90px;
    }

    .work-process .single-work-process {
        margin-bottom: 50px;
    }

    .work-process .single-work-process::after {
        visibility: hidden;
        display: none;
    }

    .contact .contact-info .contact-box {
        padding: 38px 30px;
    }

    .subscribe .subscribe-form input {
        width: 65%;
    }

    .subscribe .subscribe-form input::placeholder {
        font-size: 14px;
    }

    .subscribe .subscribe-form .btn {
        font-size: 14px;
        width: 35%;
        padding: 13px 0px;
    }

    .footer-top {
        padding: 120px 0px 80px;
    }

    .subscribe .subscribe-info .title {
        font-size: 35px;
        margin-bottom: 10px;
    }

    .subscribe .bg-color {
        padding: 40px 25px;
        left: 70px;
        right: 70px;
    }

    .contact .contact-form {
        padding: 30px 30px;
        margin-bottom: 35px;
    }

    .career .job-list .job-item .icon-area {
        width: 50px;
        height: 50px;
        border: 2px solid #ff6116;
        font-size: 30px;
    }

    .career .job-list .job-item .icon-area {
        font-size: 30px;
    }

    .career .job-list .job-item {
        padding: 50px 20px 90px 90px;
    }

    .career .job-list .job-item .apply-btn {
        position: static;
        float: left;
        margin-top: 10px;
    }

    .career-features .features .feature-box {
        padding: 40px 20px;
    }

    .career .job-list .job-item .icon-area {
        font-size: 35px;
        top: 55px;
        left: 20px;
    }

    .blog-details .img-area img {
        height: 450px;
        width: 100%;
        object-fit: cover;
    }

    .blog-details .title {
        font-size: 35px;
    }

    .blog-details .blog-details-sidebar .search-widget {
        margin-top: 50px;
    }

    .blog-standard .blog-sidebar .post-widget {
        padding-bottom: 70px;
    }

    .blog-standard .blog-sidebar .sidebar-widget .post-inner .post {
        margin-top: 45px;
    }

    .team .single-team {
        margin-bottom: 80px;
    }

    .team .single-team .team-info {
        padding: 5px 30px;
    }

    .team .single-team .team-info .team-social li a {
        height: 35px;
        width: 35px;
    }

    .team .single-team .team-info .team-info-inner .team-contact-icon li a {
        font-size: 20px;
    }

    .erorr-section .error-text .error-code {
        font-size: 55px;
    }

    .erorr-section .error-text .error-title {
        font-size: 35px;
    }

    .erorr-section .error-text .error-desc {
        font-size: 20px;
        margin-bottom: 30px;
    }

    .pricing .single-pricing .price-header {
        height: 250px;
    }

    .pricing .single-pricing .price-header .price-icon .icon-inner-2 {
        height: 90px;
        width: 90px;
    }

    .pricing .single-pricing .price .plan {
        font-size: 23px;
        margin-bottom: 10px;
    }

    .pricing .single-pricing .price-body .pricing-features li .icon-box .icon {
        width: 15px;
        height: 15px;
        font-size: 9px;
    }

    .pricing .single-pricing .price .amount {
        font-size: 35px;
    }

    .pricing .single-pricing .price {
        top: 35%;
    }

    .contact .contact-info .contact-box .contact-box-content {
        padding-left: 65px;
    }

    .slider .carousel-caption .title {
        font-size: 35px;
    }

    .slider .carousel-caption {
        left: 10%;
        top: 32%;
    }

    .project-details .project-details-content img {
        height: 320px;
    }

    .project-details .section-title {
        padding-bottom: 15px;
    }

    .project-details .project-details-sidebar {
        padding-bottom: 20px;
    }

    .project-details .project-silder .item img {
        height: 220px;
    }

    .testimonial .single-testimonial .quote .icon {
        font-size: 40px;
    }

    .testimonial .single-testimonial .quote {
        bottom: 12%;
        right: 13%;
    }

    .testimonial .single-testimonial .quote .icon {
        font-size: 55px;
    }

    .service-details .service-details-content .features {
        padding-left: 80px;
    }

    .service-details .service-details-content .features .icon-box {
        top: 18%;
    }

    .breadcrumbs .breadcrumbs-content .page-title {
        font-size: 35px;
    }

    .breadcrumbs .breadcrumbs-content ul li a {
        font-size: 17px;
    }

    .breadcrumbs .breadcrumbs-content ul li {
        font-size: 17px;
    }

    .breadcrumbs .breadcrumbs-img img {
        height: 400px;
        margin-top: 50px;
    }

    .breadcrumbs .breadcrumbs-content {
        top: 55%;
    }

    .breadcrumbs .shape1 {
        width: 250px;
        height: 256px;
        top: -3%;
        left: -10%;
    }

    .breadcrumbs .shape2 {
        width: 400px;
        height: 486px;
        bottom: -49%;
        right: -15%;
    }

    .sidebar .support-widget .widget-content .number {
        font-size: 26px;
    }

    .sidebar .support-widget .widget-content .title {
        font-size: 25px;
    }

    .sidebar .support-widget {
        height: 450px;
    }

    .service-details .service-details-content .features .icon-box .icon img {
        width: 40px;
    }

    .service-details .service-details-content .features .desc {
        font-size: 14px;
    }

    .service-details .service-details-content .img-area img {
        height: 320px;
    }

    .service-details .service-details-content .content-area .title {
        font-size: 32px;
        margin-bottom: 20px;
    }

    .project .item-details .item .image img {
        height: 260px;
    }

    .career-features .features .feature-box .icon-area {
        width: 50px;
        height: 50px;
        margin-bottom: 10px;
    }

    .career-features .features .feature-box .icon-area .icon {
        font-size: 19px;
    }

    .career-features .content .desc {
        margin-bottom: 20px;
    }

    .career-features .section-title {
        padding-bottom: 20px;
    }

    .career .job-list .job-item .job-desc {
        line-height: 1.5;
    }

    .blog-standard .blog-standard-content .img-area img {
        height: 280px;
    }

    .blog-standard .blog-standard-content .content-area .title a {
        font-size: 27px;
        top: -50px;
    }

    .blog-standard .blog-standard-content .content-area .date {
        margin: 0px 40px;
    }

    .blog-standard .blog-standard-content .content-area .desc {
        margin-bottom: 20px;
    }

    .blog-details .img-area img {
        height: 280px;
    }

    .blog-details .blog-details-content .date .day {
        font-size: 20px;
        margin-bottom: 2px;
    }

    .blog-details .blog-details-content .date {
        padding: 5px 15px;
    }

    .blog-details .blog-details-content .meta li a {
        font-size: 14px;
    }

    .blog-details .blog-details-content .meta {
        padding: 8px;
    }

    .blog-details .blog-details-content .date .month {
        font-size: 17px;
    }

    .blog-details .title {
        font-size: 35px;
        line-height: 1.2;
        margin-bottom: 10px;
    }

    .blog-details blockquote {
        margin: 25px 0px;
    }

    .blog-details blockquote .icon-box {
        margin-right: 20px;
    }

    .blog-details blockquote .name {
        padding-left: 4px;
        font-size: 14px;
    }

    .blog-details .list li .icon {
        margin-right: 4px;
    }

    .blog-details .image img {
        height: 220px;
    }

    .blog-details .image {
        margin: 20px 0px;
    }

    .blog-details .list {
        margin-bottom: 50px;
    }

    .contact .contact-info .contact-box {
        padding: 35px 20px;
    }

    .breadcrumbs .breadcrumbs-img img {
        width: 100%;
        height: 420px;
    }

    .contact .contact-form {
        padding: 50px 30px;
        margin-bottom: 50px;
    }

    .contact .contact-info .contact-box .contact-box-content {
        padding-left: 60px;
    }

    .contact .contact-info .contact-box .contact-box-content .title {
        margin-bottom: 5px;
    }

    .contact .contact-info .contact-box .contact-box-content .desc {
        font-size: 15px;
    }

    .contact .contact-info .contact-box .contact-box-icon .icon img {
        width: 40px;
    }

    .contact .contact-info .contact-box .contact-box-icon {
        align-items: start;
    }

    .contact .contact-info .contact-box .contact-box-icon {
        left: 0px;
    }

    .contact .contact-form input::placeholder,
    .contact .contact-form textarea::placeholder,
    .contact .contact-form select::placeholder {
        font-size: 15px;
    }

    .contact .contact-form input,
    .contact-form textarea,
    .contact .contact-form select {
        padding: 10px 15px;
    }

    .contact .contact-form button .icon {
        font-size: 13px;
    }

    .pricing .single-pricing .price .currency-symbol {
        font-size: 20px;
        top: -10px;
    }

    .sidebar .sidebar-widget .post-inner .post {
        margin-bottom: 50px;
    }

    .sidebar-title-section h3 {
        font-size: 35px;
    }

    .subscribe .subscribe-info .desc {
        line-height: 1.5;
    }

    .brands {
        padding: 100px 0px 180px;
    }

    .subscribe .bg-color {
        top: -100px;
    }

    .feature {
        padding: 40px 0 10px;
    }

    .about {
        padding: 40px 0;
    }

    .about .content-area {
        position: unset;
        transform: none;
        text-align: center;
    }

    .about .image-area {
        margin-bottom: 20px;
    }

    .service {
        padding: 40px 0 20px;
    }

    .why-choose-us {
        padding: 40px 0;
    }

    .testimonial {
        padding: 40px 0;
    }

    .testimonial .single-testimonial {
        padding: 20px;
    }

    .testimonial .single-testimonial .desc {
        margin-bottom: 0;
    }
}

@media (max-width: 767.98px) {
    .topbar {
        display: none;
    }

    .section-title {
        padding-bottom: 20px;
    }

    .slider .top-shape {
        top: 10%;
        left: -13%;
        height: 220px;
        width: 205px;
    }

    .slider .bottom-shape {
        width: 200px;
        height: 248px;
    }

    .slider .carousel-item img {
        height: 480px;
    }

    .section-title {
        padding-bottom: 30px;
    }

    .main-menu .navbar .navbar-toggler {
        position: relative;
    }

    .main-menu .navbar .navbar-toggler:focus {
        box-shadow: none;
        outline-style: none;
    }

    .main-menu .navbar .navbar-toggler .navbar-toggler-icon {
        width: 30px;
        height: 30px;
        top: -8px;
        right: 0px;
    }

    .slider .carousel-control-next {
        top: 43%;
    }

    .slider .carousel-control-next,
    .slider .carousel-control-prev {
        height: 38px;
        width: 38px;
        right: 50px !important;
    }

    .slider .carousel-caption .desc {
        display: none;
    }

    .slider .carousel-caption .title {
        margin-bottom: 25px;
    }

    .about .image-area .main img {
        height: 400px;
    }

    .about .image-area .video-area {
        height: 150px;
        width: 150px;
        bottom: -20%;
        right: 10%;
    }

    .about .image-area .skills-progress .progress-item .title {
        font-size: 16px;
    }

    .about .image-area .video-area .button-area {
        bottom: 62%;
        left: 38%;
    }

    .about .image-area .skills-progress .progress-item .value {
        width: 30px;
        height: 30px;
        ;
    }

    .about .image-area .skills-progress .progress-item .progressbar .percentCount {
        margin-top: -38px;
        margin-right: 5px;
        font-size: 10px;
    }

    .section-title h3 {
        font-size: 40px;
    }

    .about .image-area .skills-progress {
        width: 200px;
        bottom: -74px;
        left: 9%;
        padding-bottom: 10px;
    }

    .about .content-area .button-area .btn {
        padding: 10px 20px;
    }

    .feature {
        padding: 30px 0px 0px;
    }

    .feature .single-feature {
        margin-bottom: 30px;
    }

    .about {
        padding: 30px 0;
    }

    .about .content-area .desc {
        margin-bottom: 20px;
    }

    .about .content-area .service-features .feature-item {
        margin-bottom: 20px;
        font-size: 17px;
    }

    .service {
        padding: 30px 0 0;
    }

    .service .single-service .content-area {
        padding: 20px;
    }

    .service .single-service {
        margin-bottom: 30px;
    }

    .video .video-area .play-button-area .play-area {
        width: 55px;
        height: 55px;
    }

    .video .video-area .btn {
        font-size: 16px;
        padding: 12px 24px;
    }

    .video .video-area .play-button-area .play-area .icon {
        font-size: 31px;
        color: #ff6116;
    }

    .video .video-area .play-button-area {
        width: 70px;
        height: 70px;
    }

    .video .video-area .title {
        font-size: 35px;
    }

    .video .video-area .desc {
        font-size: 15px;
    }

    .why-choose-us {
        padding: 30px 0;
    }

    .why-choose-us .image-area {
        margin-bottom: 20px;
    }

    .why-choose-us .image-area .main::before {
        width: 20px;
        height: 30px;
        top: -4px;
        right: 114px;
    }

    .why-choose-us .image-area .main::after {
        height: 50px;
        width: 20px;
        top: -27px;
        right: 66px;
    }

    .why-choose-us .image-area .main::before {
        width: 20px;
        height: 50px;
        top: -5px;
        right: 86px;
    }

    .why-choose-us .image-area .main-outer::after {
        right: 12%;
    }

    .why-choose-us .image-area .main-outer::before {
        right: 12%;
    }

    .why-choose-us .section-title h3 {
        line-height: 1;
    }

    .why-choose-us .image-area .main img {
        height: 450px;
        width: 70%;
    }

    .why-choose-us .image-area .main .content {
        font-size: 17px;
        right: 6%;
    }

    .why-choose-us .shape-2 {
        left: 15%;
    }

    .why-choose-us .image-area::before {
        left: 10%;
    }

    .why-choose-us .content-area .inner .single-item .icon-area {
        height: 20px;
        width: 20px;
    }

    .why-choose-us .content-area .inner .single-item .icon-area .icon {
        font-size: 14px;
    }

    .why-choose-us .content-area .inner .single-item {
        padding-left: 40px;
        margin-top: 40px;
    }

    .why-choose-us .content-area {
        margin-top: 0px !important;
    }

    .why-choose-us .content-area .section-title {
        text-align: center;
    }

    .why-choose-us .shape-1 {
        top: -20%;
    }

    .why-choose-us .image-area .main {
        text-align: center;
    }

    .experience .image-area {
        margin-bottom: 120px;
        text-align: center;
    }

    .experience .image-area .main-img img {
        width: 70%;
        height: 450px;
    }

    .experience .image-area .sub-img img {
        height: 180px;
        width: 180px;
    }

    .experience .image-area::before {
        left: 0px;
    }

    .experience .shape-1 {
        left: 20%;
        top: 5%;
    }

    .experience .content-area {
        margin-top: 50px;
    }

    .experience .content-area .progressbar .percentCount {
        font-size: 15px;
    }

    .experience .content-area .experience-progress {
        margin-top: 20px;
    }

    .experience .content-area .experience-progress .progress-item {
        margin-bottom: 30px;
    }

    .experience .shape-2 {
        width: 150px;
        height: 150px;
        left: 67%;
    }

    .counter {
        padding: 80px 0px 50px;
    }

    .counter .count-num {
        display: block;
        font-size: 40px;
        margin-bottom: 20px;
    }

    .counter .content-area {
        text-align: center;
        margin-left: 0px;
        border-style: none;
    }

    .counter .content-area .status {
        margin-top: 10px;
        font-size: 20px;
    }

    .counter .shape {
        top: -17%;
        left: 22%;
    }

    .counter .content-area .designation {
        font-size: 15px;
    }

    .testimonial {
        padding: 30px 0;
    }

    .blog .single-blog .content-area .button-area {
        margin-top: 20px;
    }

    .blog {
        padding: 30px 0px;
    }

    .blog .single-blog {
        margin-top: 0px !important;
    }

    .call-us .bg-area .text-area p {
        font-size: 30px;
        line-height: 1.3;
    }

    .call-us .bg-area {
        padding: 30px 0px;
    }

    .call-us .bg-area .text-area h2 {
        margin-bottom: 15px;
    }

    .call-us .bg-area .icon-area {
        width: 70px;
        height: 70px;
        font-size: 25px;
        border: 7px solid #fff;
    }

    .blog .single-blog .content-area .title {
        margin-bottom: 20px;
    }

    .blog .single-blog .content-area {
        padding: 20px !important;
        position: relative;
    }

    .blog .single-blog .content-area .date-area {
        width: 55px;
        height: 55px;
    }

    .blog .single-blog .content-area .date-area .day {
        font-size: 20px;
    }

    .blog .single-blog .content-area .date-area .month {
        font-size: 13px;
    }

    .call-us .bg-area {
        padding: 30px 0px;
    }

    .footer-top .footer-list p {
        font-size: 17px;
        line-height: 1.5;
    }

    .footer-top .footer-about {
        margin-top: 35px;
    }

    .footer-top .footer-list p {
        font-size: 17px;
        line-height: 1.5;
        margin-top: 25px;
    }

    .footer-top .footer-list .title {
        margin-bottom: 30px;
        margin-top: 30px;
    }

    .about .image-area {
        margin-bottom: 20px;
    }

    .about .section-title {
        padding-bottom: 20px;
    }

    .about .content-area .service-features {
        float: left;
        margin: 8px 0px;
    }

    .about .shape-2 {
        top: 34px;
        left: 232px;
    }

    .scrollTop.active {
        width: 50px;
        height: 50px;
    }

    .work-process .single-work-process .icon-inner-1 {
        width: 90px;
        height: 90px;
        outline-offset: 10px;
    }

    .work-process .single-work-process {
        margin-bottom: 50px;
    }

    .work-process .single-work-process::after {
        visibility: hidden;
        display: none;
    }

    .contact .contact-info .contact-box {
        padding: 38px 30px;
    }

    .subscribe .subscribe-form input {
        width: 65%;
    }

    .subscribe .subscribe-form .btn {
        font-size: 14px;
        width: 35%;
        padding: 13px 0px;
    }

    .subscribe .subscribe-info {
        margin-bottom: 15px;
    }

    .subscribe .subscribe-info .title {
        font-size: 35px;
        margin-bottom: 10px;
    }

    .subscribe .subscribe-form input::placeholder {
        font-size: 15px;
    }

    .subscribe .bg-color {
        padding: 35px 25px;
        left: 80px;
        right: 80px;
        top: -100px;
    }

    .contact .contact-form {
        padding: 30px 30px;
        margin-bottom: 35px;
    }

    .breadcrumbs .breadcrumbs-img img {
        width: 100%;
        height: 420px;
    }

    .career .job-list .job-item .icon-area {
        width: 50px;
        height: 50px;
        border: 2px solid #ff6116;
        font-size: 30px;
    }

    .career .job-list .job-item {
        padding: 50px 20px 90px 90px;
    }

    .career .job-list .job-item .apply-btn {
        position: static;
        float: left;
        margin-top: 10px;
    }

    .career-features .features .feature-box {
        padding: 50px 20px;
    }

    .career .job-list .job-item .icon-area {
        color: #ff6116;
        font-size: 30px;
    }

    .career .job-list .job-item .icon-area {
        top: 50px;
        left: 20px;
    }

    .blog-details .img-area img {
        height: 450px;
        width: 100%;
        object-fit: cover;
    }

    .blog-details .title {
        font-size: 35px;
    }

    .blog-details .blog-details-sidebar .search-widget {
        margin-top: 50px;
    }

    .blog-standard .blog-sidebar .post-widget {
        padding-bottom: 70px;
    }

    .blog-standard .blog-sidebar .sidebar-widget .post-inner .post {
        margin-top: 45px;
    }

    .team .single-team {
        margin-bottom: 120px;
    }

    .team .single-team .team-info {
        padding: 5px 30px;
    }

    .team .single-team .team-info .team-social li a {
        height: 35px;
        width: 35px;
    }

    .team .single-team .team-info .team-info-inner .team-contact-icon li a {
        font-size: 20px;
    }

    .erorr-section .error-text .error-code {
        font-size: 55px;
    }

    .erorr-section .error-text .error-title {
        font-size: 35px;
    }

    .erorr-section .error-text .error-desc {
        font-size: 20px;
        margin-bottom: 30px;
    }

    .pricing .single-pricing .price-header {
        height: 400px;
        margin-top: -50px;
    }

    .pricing .single-pricing .price-header .price-icon .icon-inner-2 {
        height: 90px;
        width: 90px;
    }

    .pricing .single-pricing .price .plan {
        font-size: 30px;
        margin-bottom: 20px
    }

    .pricing .single-pricing .price .currency-symbol {
        font-size: 20px;
        top: -11px;
    }

    .pricing .single-pricing .price-header .price-tag {
        top: 30%;
    }

    .pricing .single-pricing .price .amount {
        font-size: 35px;
    }

    .pricing .single-pricing .price {
        top: 35%;
    }

    .contact .contact-info .contact-box .contact-box-content {
        padding-left: 65px;
    }

    .slider .carousel-caption .title {
        font-size: 28px;
    }

    .slider .carousel-caption {
        left: 10%;
        top: 32%;
    }

    .project-details .project-details-content img {
        height: 500px;
    }

    .testimonial .single-testimonial .quote .icon {
        font-size: 40px;
    }

    .testimonial .single-testimonial .quote {
        bottom: 12%;
        right: 13%;
    }

    .testimonial .single-testimonial .quote .icon {
        font-size: 55px;
    }

    .service-details .service-details-content .features {
        padding-left: 140px;
    }

    .service-details .service-details-content .features .icon-box {
        top: 25%;
    }

    .service-details .service-details-content .features .icon-box .icon img {
        width: 40px;
    }

    .breadcrumbs .breadcrumbs-content .page-title {
        font-size: 30px;
    }

    .breadcrumbs .breadcrumbs-content ul li a {
        font-size: 16px;
    }

    .breadcrumbs .breadcrumbs-content ul li {
        font-size: 16px;
    }

    .breadcrumbs .breadcrumbs-img img {
        height: 400px;
        margin-top: 50px;
    }

    .breadcrumbs .breadcrumbs-content {
        top: 55%;
    }

    .breadcrumbs .shape1 {
        width: 240px;
        height: 245px;
        top: 9%;
        left: -10%;
    }

    .breadcrumbs .shape2 {
        width: 350px;
        height: 428px;
        bottom: -44%;
        right: -22%;
    }

    .service-details .service-details-content .img-area img {
        height: 320px;
    }

    .service-details .service-details-content .content-area .title {
        font-size: 30px;
        margin-bottom: 15px;
    }

    .project .item-details .item .image img {
        height: 300px;
    }

    .project .item-details .item .content .title a {
        font-size: 19px;
    }

    .project .item-details .item .content .category a {
        font-size: 15px;
    }

    .project-details .project-details-content img {
        height: 280px;
    }

    .project-details .section-title {
        padding-bottom: 10px;
    }

    .project-details .project-details-sidebar {
        padding-bottom: 20px;
    }

    .project-details .project-silder .item img {
        height: 180px;
    }

    .career-features .features .feature-box .icon-area {
        width: 50px;
        height: 50px;
        margin-bottom: 10px;
    }

    .career-features .features .feature-box .icon-area .icon {
        font-size: 19px;
    }

    .career-features .content .desc {
        margin-bottom: 20px;
    }

    .career-features .section-title {
        padding-bottom: 20px;
    }

    .career .job-list .job-item .job-desc {
        line-height: 1.5;
    }

    .blog-standard .blog-standard-content .img-area img {
        height: 280px;
    }

    .blog-standard .blog-standard-content .content-area .title a {
        font-size: 25px;
        top: -70px;
    }

    .blog-standard .blog-standard-content .content-area .date {
        margin: 0px 40px;
    }

    .blog-standard .blog-standard-content .content-area .desc {
        font-size: 15px;
        margin-bottom: 20px;
    }

    .blog-details .img-area img {
        height: 250px;
    }

    .blog-details .blog-details-content .date .day {
        font-size: 20px;
        margin-bottom: 2px;
    }

    .blog-details .blog-details-content .date {
        padding: 5px 15px;
    }

    .blog-details .blog-details-content .meta li a {
        font-size: 14px;
    }

    .blog-details .blog-details-content .meta {
        padding: 8px;
    }

    .blog-details .blog-details-content .date .month {
        font-size: 17px;
    }

    .blog-details .title {
        font-size: 30px;
        line-height: 1.2;
        margin-bottom: 10px;
    }

    .blog-details blockquote {
        margin: 20px 0px;
    }

    .blog-details blockquote .icon-box {
        margin-right: 20px;
    }

    .blog-details blockquote .name {
        padding-left: 4px;
        font-size: 14px;
    }

    .blog-details .list li .icon {
        margin-right: 4px;
    }

    .blog-details .image img {
        height: 240px;
    }

    .blog-details .image {
        margin: 25px 0px;
    }

    .blog-details .list {
        margin-bottom: 50px;
    }

    .contact .contact-info .contact-box {
        padding: 35px 20px;
    }

    .breadcrumbs .breadcrumbs-img img {
        width: 100%;
        height: 420px;
    }

    .contact .contact-form {
        padding: 50px 30px;
        margin-bottom: 50px;
    }

    .contact .contact-info .contact-box .contact-box-content {
        padding-left: 60px;
    }

    .contact .contact-info .contact-box .contact-box-content .title {
        margin-bottom: 5px;
    }

    .contact .contact-info .contact-box .contact-box-content .desc {
        font-size: 14px;
    }

    .contact .contact-info .contact-box .contact-box-icon .icon img {
        width: 40px;
    }

    .contact .contact-info .contact-box .contact-box-icon {
        align-items: start;
    }

    .contact .contact-info .contact-box .contact-box-icon {
        left: 0px;
    }

    .contact .contact-form input::placeholder,
    .contact .contact-form textarea::placeholder,
    .contact .contact-form select::placeholder {
        font-size: 14px;
    }

    .contact .contact-form input,
    .contact-form textarea,
    .contact .contact-form select {
        padding: 10px 15px;
    }

    .contact .contact-form button .icon {
        font-size: 12px;
    }

    .career-features .feature {
        margin-top: 50px;
    }

    .blog-details .list li {
        line-height: 1.5;
        font-size: 16px;
    }

    .brands {
        padding: 100px 0px 180px;
    }
}

@media(max-width: 575.98px) {
    .main-navbar {
        display: none;
    }

    .section-title {
        padding-bottom: 20px;
    }

    .section-title h3 {
        font-size: 35px;
        margin-top: 0px;
    }

    .project-details .section-title {
        padding-bottom: 20px;
    }

    .main-menu .navbar .navbar-toggler {
        position: relative;
    }

    .main-menu .navbar .navbar-toggler:focus {
        box-shadow: none;
        outline-style: none;
    }

    .main-menu .navbar .navbar-toggler .navbar-toggler-icon {
      /*  background-image: url('https://www.hitechparks.com/web/template/toko-corporate/assets/css/assets/images/mobile-menu-bars.jpeg');*/
        width: 30px;
        height: 30px;
        position: absolute;
        top: -10px;
        right: 0px;
    }

    .why-choose-us .shape-1 {
        display: none;
    }

    .feature {
        padding: 30px 0 10px;
    }

    .feature .single-feature {
        padding: 20px;
        margin-bottom: 20px;
    }

    .feature .single-feature .title {
        font-size: 20px;
    }

    .feature .single-feature .icon-box {
        width: 40px;
        height: 40px;
    }

    .about .image-area .video-area {
        height: 150px;
        width: 150px;
        bottom: -80px;
        right: 0px;
    }

    .about .image-area .video-area .button-area {
        bottom: 67%;
        left: 35%;
    }

    .about .image-area .skills-progress {
        width: 155px;
        padding: 15px;
        position: absolute;
        bottom: -80px;
        left: 4%;
    }

    .about .image-area {
        margin-bottom: 10px;
    }

    .about .image-area .main::after {
        height: 200px;
        bottom: 45%;
        right: 10%;
    }

    .about .shape-2 {
        top: 3%;
        left: 5%;
    }

    .about .image-area .main img {
        height: 320px;
    }

    .about .image-area .skills-progress .progress-item .value {
        width: 35px;
        height: 35px;
        font-size: 10px;
        color: #ffffff;
        top: -6px;
        right: 0;
    }

    .about .image-area .skills-progress .progress-item .progress {
        height: 5px;
    }

    .about .image-area .video-area {
        height: 110px;
        width: 110px;
        bottom: -60px;
        right: 0px;
    }

    .about .image-area .video-area .button-area {
        bottom: 72%;
        left: 33%;
    }

    .about .content-area .desc {
        line-height: 1.8;
    }

    .about .image-area .skills-progress .progress-item .title {
        font-size: 14px;
    }

    .about .content-area .service-features {
        margin: 20px 0px;
    }

    .about .content-area .service-features .feature-item {
        margin-bottom: 25px;
        width: 100%;
    }

    .service .single-service {
        margin-bottom: 20px;
    }

    .service .single-service .content-area .desc {
        margin-top: 10px;
        line-height: 1.5;
    }

    .service .shape {
        top: -118px;
        left: -160px;
        width: 348px;
        height: 330px;
    }

    .brands .right-shape {
        top: 67px;
        right: 5px;
        width: 80px;
        height: 93px;
    }

    .brands .left-shape {
        top: 74px;
        left: 1px;
        width: 80px;
        height: 98px;
    }

    .brands .item img {
        width: 120px;
    }

    .video .video-area .play-button-area .play-area {
        width: 55px;
        height: 55px;
    }

    .video .video-area .play-button-area .play-area .icon {
        font-size: 31px;
    }

    .video .video-area .play-button-area {
        width: 70px;
        height: 70px;
    }

    .video .video-area .title {
        font-size: 30px;
    }

    .why-choose-us .image-area {
        margin-bottom: 20px;
    }

    .why-choose-us .image-area .main::before {
        width: 25px;
        height: 40px;
        top: -3px;
        right: 140px;
    }

    .why-choose-us .section-title h3 {
        line-height: 1;
    }

    .why-choose-us .image-area .main::after {
        height: 46px;
        top: -19px;
        right: 3%;
        width: 15px;
    }

    .why-choose-us .image-area .main::before {
        width: 15px;
        height: 25px;
        top: -3px;
        right: 6%;
    }

    .why-choose-us .image-area .main img {
        height: 380px;
        width: 90%;
    }

    .why-choose-us .image-area .main .content {
        font-size: 16px;
    }

    .why-choose-us .image-area .main-outer::before {
        bottom: -10px;
        right: 3%;
    }

    .why-choose-us .image-area .main-outer::after {
        bottom: -10px;
        right: 2%;
    }

    .why-choose-us .image-area .main .content {
        right: 2px;
        bottom: 95px;
    }

    .why-choose-us .shape-2 {
        width: 100px;
        height: 100px;
        top: 5%;
        left: 2%;
    }

    .work-process .single-work-process .icon-inner-1 {
        width: 80px;
        height: 80px;
    }

    .work-process .single-work-process {
        margin-bottom: 20px;
    }

    .work-process .single-work-process::after {
        visibility: hidden;
        display: none;
    }

    .experience .image-area {
        margin-bottom: 120px;
    }

    .experience .content-area .experience-progress {
        margin-top: 20px;
    }

    .experience .content-area .experience-progress .progress-item {
        margin-bottom: 30px;
    }

    .experience .content-area .experience-progress .progress-item .progress {
        height: 5px;
    }

    .experience .content-area .experience-progress .progress-item .progress .progress-bar {
        height: 5px;
    }

    .experience .content-area .section-title {
        margin-bottom: -10px;
    }

    .experience .image-area .main-img {
        text-align: center;
    }

    .experience .image-area .main-img img {
        width: 90%;
        height: 300px;
    }

    .experience .image-area .sub-img {
        bottom: -17%;
        right: 0%;
    }

    .experience .image-area .sub-img img {
        width: 120px;
        height: 120px;
    }

    .experience .shape-2 {
        width: 120px;
        height: 120px;
    }

    .counter {
        padding: 80px 0px 50px;
    }

    .counter .shape {
        left: 40%;
    }

    .counter .single-counter {
        margin-bottom: 30px;
    }

    .counter .count-num {
        display: block;
    }

    .counter .content-area {
        text-align: center;
        margin-left: 0px;
    }

    .counter .count-num {
        font-size: 50px;
    }

    .counter .content-area .designation {
        font-size: 15px;
    }

    .counter .content-area .status {
        font-size: 22px;
    }

    .testimonial .single-testimonial .thum-box {
        width: 60px;
        height: 60px;
        top: -12%;
        left: 34px;
    }

    .testimonial .single-testimonial .thum-box img {
        width: 55px;
        height: 55px;
    }

    .testimonial .single-testimonial {
        padding: 14px 30px 19px 30px;
    }

    .blog {
        padding-bottom: 0px;
    }

    .blog .single-blog {
        margin-top: 40px;
    }

    .blog .single-blog .content-area .date-area {
        width: 50px;
        height: 50px;
        top: -27px;
        right: 27px;
    }

    .blog .single-blog .content-area .button-area {
        margin-top: 20px;
    }

    .blog .single-blog .content-area .title {
        margin-top: 20px
    }

    .blog .single-blog .content-area .date-area .day {
        font-size: 20px;
    }

    .blog .single-blog .content-area .date-area .month {
        font-size: 12px;
    }

    .call-us .bg-area {
        padding: 30px 0px;
    }

    .call-us .bg-area .text-area h2 {
        margin-bottom: 10px;
    }

    .call-us .bg-area .text-area p {
        font-size: 30px;
        line-height: 1.3;
    }

    .call-us .bg-area .text-area h2::after {
        width: 30px;
    }

    .call-us .bg-area .text-area {
        padding-left: 20px;
    }

    .footer-top.main-page {
        padding: 120px 0px 30px;
    }

    .footer-top .footer-list p {
        font-size: 15px;
        margin-top: 15px;
    }

    .footer-top .footer-list .title {
        font-size: 22px;
        margin: 35px 0px 25px;
    }

    .footer-top .footer-list .address-widget li {
        padding-bottom: 50px;
    }

    .footer-top .footer-list .address-widget li .icon {
        font-size: 20px;
    }

    .footer-top .footer-list .address-widget li .icon-area {
        width: 10%;
    }

    .scrollTop.active {
        width: 40px;
        height: 40px;
        z-index: 200;
    }

    .scrollTop .icon {
        font-size: 21px;
    }

    .copyright-info {
        margin-bottom: 15px;
        text-align: center;
    }

    .subscribe .subscribe-form input {
        width: 65%;
    }

    .subscribe .subscribe-form input::placeholder {
        font-size: 14px;
    }

    .subscribe .subscribe-form .btn {
        width: 35%;
        padding: 14px 0px;
        font-size: 13px;
    }

    .subscribe .subscribe-info {
        margin-bottom: 10px;
    }

    .subscribe .subscribe-info .desc {
        line-height: 1.5;
    }

    .subscribe .subscribe-info .title {
        font-size: 35px;
        margin-bottom: 10px;
    }

    .subscribe .bg-color {
        padding: 40px 20px;
        left: 20px;
        right: 20px;
    }

    .contact .contact-info .contact-box {
        padding: 35px 20px;
    }

    .breadcrumbs .breadcrumbs-img img {
        width: 100%;
        height: 420px;
    }

    .contact .contact-form {
        padding: 50px 30px;
        margin-bottom: 50px;
    }

    .contact .contact-info .contact-box .contact-box-content {
        padding-left: 60px;
    }

    .contact .contact-info .contact-box .contact-box-content .title {
        margin-bottom: 5px;
    }

    .contact .contact-info .contact-box .contact-box-content .desc {
        font-size: 14px;
    }

    .contact .contact-info .contact-box .contact-box-icon .icon img {
        width: 40px;
    }

    .contact .contact-info .contact-box .contact-box-icon {
        align-items: start;
    }

    .contact .contact-info .contact-box .contact-box-icon {
        left: 0px;
    }

    .contact .contact-form input::placeholder,
    .contact .contact-form textarea::placeholder,
    .contact .contact-form select::placeholder {
        font-size: 14px;
    }

    .contact .contact-form input,
    .contact-form textarea,
    .contact .contact-form select {
        padding: 10px 15px;
    }

    .contact .contact-form button .icon {
        font-size: 12px;
    }

    .topbar .topbar-social {
        text-align: center;
    }

    .topbar .topbar-info {
        text-align: center;
        margin-bottom: 5px;
        padding-right: 25px;
    }

    .main-menu {
        top: 50px;
    }

    .project .item-details .item .content {
        left: 15%;
        right: 15%;
        bottom: -42%;
    }

    .breadcrumbs .breadcrumbs-img img {
        height: 300px;
        margin-top: 30px;
    }

    .breadcrumbs .breadcrumbs-content .page-title {
        font-size: 40px;
    }

    .footer-top {
        padding: 200px 0px 25px;
        padding-left: 20px;
    }

    .career .job-list .job-item .icon-area {
        width: 50px;
        height: 50px;
        border: 2px solid #ff6116;
    }

    .career .job-list .job-item .icon-area {
        font-size: 30px;
    }

    .career .job-list .job-item .apply-btn {
        position: static;
        float: left;
        margin-top: 10px;
    }

    .career-features .features .feature-box {
        padding: 50px 20px;
    }

    .career-features .features {
        margin-top: 50px;
    }

    .blog-details .img-area img {
        height: 250px;
    }

    .blog-details .blog-details-content .date .day {
        font-size: 20px;
        margin-bottom: 2px;
    }

    .blog-details .blog-details-content .date {
        padding: 5px 15px;
    }

    .blog-details .blog-details-content .meta li a {
        font-size: 14px;
    }

    .blog-details .blog-details-content .meta {
        padding: 8px;
    }

    .blog-details .blog-details-content .date .month {
        font-size: 17px;
    }

    .blog-details .title {
        font-size: 30px;
        line-height: 1.2;
        margin-bottom: 10px;
    }

    .blog-details blockquote {
        margin: 20px 0px;
    }

    .blog-details blockquote .icon-box {
        margin-right: 20px;
    }

    .blog-details blockquote .name {
        padding-left: 4px;
        font-size: 14px;
    }

    .blog-details .list li {
        line-height: 1.5;
    }

    .blog-details .list li .icon {
        margin-right: 4px;
    }

    .blog-details .image img {
        height: 220px;
    }

    .blog-details .image {
        margin: 20px 0px;
    }

    .blog-details .list {
        margin-bottom: 50px;
    }

    .blog-standard .blog-standard-content .content-area {
        padding: 12px;
    }

    .blog-standard .blog-standard-content .content-area .date {
        margin: 0px 20px;
    }

    .team .single-team {
        margin-bottom: 120px;
    }

    .team .single-team .team-image {
        height: 300px;
    }

    .team .single-team .team-info {
        padding: 5px 30px;
    }

    .team .single-team .team-info .team-social li a {
        height: 35px;
        width: 35px;
    }

    .team .single-team .team-info .team-info-inner .team-contact-icon li a {
        font-size: 20px;
    }

    .erorr-section .error-text .error-code {
        font-size: 50px;
    }

    .erorr-section .error-text .error-title {
        font-size: 30px;
    }

    .erorr-section .error-text .error-desc {
        font-size: 17px;
        margin-bottom: 30px;
    }

    .faq {
        padding: 30px 0px;
    }

    .faq .faq-accordion {
        margin-top: 10px;
    }

    .pricing .single-pricing .price-header {
        height: 300px;
        margin-top: -50px;
    }

    .pricing .single-pricing .price {
        top: 31%;
    }

    .pricing .single-pricing .price-header .price-icon .icon-inner-2 {
        width: 80px;
        height: 80px;
    }

    .pricing .single-pricing .price .amount {
        font-size: 40px;
    }

    .pricing .single-pricing .price .plan {
        font-size: 20px;
        margin-bottom: 0px;
    }

    .pricing .single-pricing .price-body .pricing-features li .icon-box .icon {
        width: 15px;
        height: 15px;
        font-size: 10px;
    }

    .pricing .single-pricing .price .plan {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .pricing .single-pricing .price .currency-symbol {
        font-size: 20px;
        top: -12px
    }

    .pricing .single-pricing .price .duration {
        font-size: 15px;
    }

    .pricing .single-pricing .price-body {
        margin-bottom: 30px;
    }

    .pricing .single-pricing .price-header .price-tag {
        top: 30%;
        right: 5%;
    }

    .footer-bottom .footer-menu .footer-nav {
        text-align: center;
    }

    .slider .top-shape {
        top: 60px;
        left: -60px;
        width: 180px;
        height: 193px;
        z-index: 12;
    }

    .slider .carousel-item img {
        height: 350px;
    }

    .slider .bottom-shape {
        width: 200px;
        height: 220px;
        bottom: 0;
        right: 0;
    }

    .slider .carousel-control-next,
    .slider .carousel-control-prev {
        width: 30px;
        height: 30px;
    }

    .slider .carousel-control-prev,
    .slider .carousel-control-next {
        right: 60px !important;
    }

    .experience .content-area .progressbar .proggress {
        height: 4px !important;
    }

    .breadcrumbs .breadcrumbs-content .page-title {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .footer-bottom .copyright-info p {
        font-size: 14px;
        line-height: 1.8;
    }

    .footer-bottom .footer-menu .footer-nav li a {
        font-size: 14px;
    }

    .contact .contact-info .contact-box .contact-box-content {
        padding-left: 65px;
    }

    .project .item-menu ul li {
        margin-bottom: 10px;
    }

    .slider .carousel-caption .info {
        display: none;
    }

    .slider .carousel-caption .desc {
        display: none;
    }

    .slider .carousel-caption .video-btn {
        display: none;
    }

    .slider .carousel-caption .info-bottom {
        display: none;
    }

    .slider .carousel-control-prev {
        top: 58%;
    }

    .slider .carousel-control-next {
        top: 48%;
    }

    .slider .carousel-caption .btn {
        padding: 10px 20px;
    }

    .preloader-dash {
        height: 50px;
    }

    .project-details .project-details-content img {
        height: 250px;
    }

    .project-details .project-details-sidebar {
        padding-bottom: 30px;
    }

    .project-details .project-silder .item img {
        height: 250px;
    }

    .faq .section-title .desc {
        margin-top: 20px;
    }

    .faq .faq-accordion .accordion .accordion-item .accordion-button {
        font-size: 16px;
    }

    .testimonial .single-testimonial .quote .icon {
        font-size: 40px;
        color: #ffe9de;
    }

    .testimonial .single-testimonial .quote {
        position: absolute;
        bottom: 3%;
        right: 9%;
    }

    .blog-details .blog-details-content .meta {
        left: 25%;
    }

    .slider .carousel-caption {
        left: 20%;
        top: 160px;
    }

    .slider .carousel-control-prev-icon,
    .slider .carousel-control-next-icon {
        height: 1rem;
        width: 1rem;
    }

    .about .image-area .video-area .button-area .play-btn {
        width: 40px;
        height: 40px;
        font-size: 13px;
    }

    .about .image-area .skills-progress .progress-item .progressbar .percentCount {
        font-size: 12px;
        margin-top: -35px;
        margin-right: 5px;
    }

    .service .single-service .content-area .icon-box {
        width: 40px;
        height: 40px;
    }

    .service .single-service .content-area .icon-box .icon {
        font-size: 22px;
    }

    .why-choose-us .content-area .inner .single-item .icon-area {
        width: 22px;
        height: 22px;
    }

    .why-choose-us .content-area .inner .single-item .icon-area .icon {
        font-size: 14px;
    }

    .why-choose-us .content-area .inner .single-item {
        padding-left: 40px;
        margin-top: 35px;
    }

    .work-process .single-work-process .icon-inner-1 {
        outline-offset: 10px;
    }

    .counter .content-area {
        border-left: none;
    }

    .counter .count-num {
        font-size: 40px;
    }

    .counter .shape {
        top: -19%;
        left: 37%;
    }

    .counter .single-counter {
        margin-bottom: 80px;
    }

    .counter .content-area .status {
        font-size: 20px;
    }

    .call-us .bg-area .icon-inner .icon-area {
        width: 60px;
        height: 60px;
    }

    .call-us .bg-area .icon-inner .icon-area .icon {
        font-size: 22px;
    }

    .call-us .bg-area .icon-inner .icon-area {
        border: 5px solid #ffffff;
    }

    .call-us .shape {
        width: 50%;
    }

    .service .single-service .content-area {
        padding: 20px;
    }

    .experience .content-area .progress-title {
        margin-top: 23px;
    }

    .experience .content-area .progressbar .percentCount {
        font-size: 16px;
    }

    .service-details .service-details-content .img-area img {
        height: 220px;
    }

    .service-details .service-details-content .content-area .title {
        font-size: 25px;
        margin-bottom: 15px;
    }

    .service-details .service-details-content .content-area .desc {
        line-height: 2;
    }

    .service-details .service-details-content .features {
        padding-left: 110px;
    }

    .service-details .service-details-content .features .icon-box .icon img {
        width: 35px;
    }

    .service-details .service-details-content .features .icon-box {
        top: 21%;
    }

    .sidebar .support-widget {
        height: 400px;
    }

    .project .item-menu ul li {
        font-size: 20px;
        margin: 0px 7px;
        margin-bottom: 20px;
    }

    .project .item-details .item .image img {
        height: 250px;
    }

    .project .item-details .item .content .title a {
        font-size: 18px;
    }

    .project .item-details .item .content .category a {
        font-size: 14px;
    }

    .breadcrumbs .breadcrumbs-content ul li a {
        font-size: 15px;
    }

    .breadcrumbs .breadcrumbs-content ul li {
        font-size: 15px;
    }

    .breadcrumbs .breadcrumbs-content ul li span {
        font-size: 14px;
    }

    .breadcrumbs .breadcrumbs-img img {
        height: 320px;
        margin-top: 50px;
    }

    .breadcrumbs .breadcrumbs-content {
        top: 60%;
    }

    .breadcrumbs .shape1 {
        width: 220px;
        height: 226px;
        top: -2%;
        left: -15%;
    }

    .breadcrumbs .shape2 {
        width: 300px;
        height: 368px;
        bottom: -42%;
        right: -28%;
    }

    .sidebar .support-widget .widget-content .title {
        font-size: 22px;
    }

    .sidebar .support-widget .widget-content .number {
        font-size: 30px;
    }

    .sidebar .support-widget .widget-content .label {
        font-size: 14px;
    }

    .sidebar .support-widget .widget-content form input::placeholder {
        font-size: 14px;
    }

    .career-features .features .feature-box .icon-area {
        width: 40px;
        height: 40px;
        margin-bottom: 10px;
    }

    .career-features .features .feature-box .icon-area .icon {
        font-size: 18px;
    }

    .career-features .section-title {
        padding-bottom: 20px;
    }

    .career .job-list .job-item .job-desc {
        line-height: 1.5;
    }

    .blog-standard .blog-standard-content .img-area img {
        height: 250px;
    }

    .blog-standard .blog-standard-content .content-area .title a {
        font-size: 22px;
        top: -90px;
        line-height: 1.5;
    }

    .blog-standard .blog-standard-content .content-area .desc {
        font-size: 16px;
        line-height: 2;
    }

    .sidebar .tag-widget .tags-list li a {
        font-size: 15px;
    }

    .sidebar-title-section h3 {
        font-size: 30px;
    }

    .feature .single-feature .title {
        margin-left: 60px;
        line-height: 1.5;
    }

    .feature .single-feature .header {
        margin-bottom: 30px;
    }

    .blog-standard .blog-standard-content .content-area .meta-tags {
        text-align: center !important;
    }
}

@media (min-width: 460px) and (max-width: 575px) {
    .about .image-area .video-area {
        right: 10%;
    }

    .pricing .single-pricing .price-body {
        margin-top: 0px;
    }

    .pricing .single-pricing .price-body .pricing-features li:first-child {
        margin-top: 0px;
    }

    .pricing .single-pricing .price-header {
        height: 350px;
        margin-top: -50px;
    }

    .pricing .single-pricing .price {
        top: 33%;
    }
}

@media (max-width:400px) {
    .about .content-area .service-features .feature-item {
        width: 100%;
    }

    .call-us .bg-area .icon-inner .icon-area {
        right: -30px;
    }

    .call-us .bg-area .text-area p {
        font-size: 25px;
    }

    .blog-standard .blog-standard-content .content-area .date {
        margin: 0px 15px;
    }

    .blog-details .blog-details-content .meta {
        left: 30%;
    }

    .slider .carousel-control-prev,
    .slider .carousel-control-next {
        right: 18px !important;
    }

    .slider .bottom-shape {
        height: 180px;
        width: 180px;
    }

    .slider .carousel-item img {
        margin-top: 30px;
    }

    .breadcrumbs .shape1 {
        width: 150px;
        height: 152px;
        top: 16%;
        left: -15%;
    }

    .breadcrumbs .shape2 {
        width: 250px;
        height: 307px;
        bottom: -43%;
        right: -33%;
    }

    .breadcrumbs .breadcrumbs-img img {
        height: 300px;
        margin-top: 33px;
    }

    .subscribe .subscribe-form input::placeholder {
        font-size: 12px;
    }

    .service-details .service-details-content .features {
        padding-left: 95px;
    }

    .team .single-team .team-info .team-info-inner {
        left: 20px;
        right: 20px;
    }

    .feature {
        padding: 25px 0 10px;
    }

    .feature .single-feature {
        padding: 15px;
        margin-bottom: 15px;
    }

    .about {
        padding: 25px 0;
    }

    .section-title h3 {
        font-size: 30px;
    }

    .about .section-title {
        padding-bottom: 15px;
    }

    .about .content-area .desc {
        margin-bottom: 15px;
    }

    .service {
        padding: 25px 0;
    }

    .service .single-service {
        margin-bottom: 15px;
    }

    .service .single-service .content-area {
        padding: 15px;
    }

    .service .single-service .content-area .button-area {
        margin-top: 15px;
    }

    .why-choose-us {
        padding: 25px 0;
    }

    .why-choose-us .image-area {
        margin-bottom: 15px;
    }

    .why-choose-us .content-area .section-title {
        padding-bottom: 15px;
    }

    .testimonial {
        padding: 25px 0;
    }

    .testimonial .single-testimonial {
        padding: 15px;
    }

    .testimonial .single-testimonial .desc {
        margin-top: 15px;
    }

    .blog {
        padding: 25px 0;
    }

    .section-title {
        padding-bottom: 15px;
    }

    .blog .single-blog .content-area {
        padding: 15px !important;
    }

    .blog .single-blog {
        margin-bottom: 15px;
    }
}

@media (max-width:340px) {
    .main-navbar {
        display: none;
    }

    .slider .carousel-caption .title {
        font-size: 30px;
    }

    .blog-standard .blog-standard-content .content-area .date {
        margin: 0px 6px;
        line-height: 3.5;
    }

    .testimonial .single-testimonial .quote .icon {
        font-size: 30px;
        color: #ffe9de;
    }

    .testimonial .single-testimonial .quote {
        position: absolute;
        bottom: 8%;
        right: 8%;
    }

    .about .image-area .main::after {
        right: 0%;
    }

    .feature .single-feature .header {
        margin-bottom: 15px;
    }
}