@media (min-width: 1200px) and (max-width: 1399.98px) { 
    .slider .carousel-caption .title{font-size: 36px;margin-bottom: 10px;line-height: 1.4;}
    .about .image-area .skills-progress .progress-item .progressbar .percentCount{margin-top: -36px;}
    .about .image-area .video-area{
        width:45%;}
    .call-us .bg-area .text-area p{font-size: 30px;}
    .section-title h3{font-size: 25px;margin-top: 20px;line-height: 1.3;}
    .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: 1%;}
    .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: 15px 15px;}
    .pricing .single-pricing .price .plan{font-size: 26px;}
    .pricing .single-pricing .price .amount{font-size: 31px;}
    .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-sidebar{padding-bottom: 20px;}
    .pricing .single-pricing .price-header{height: 226px;}
    .pricing .single-pricing .price .currency-symbol {font-size: 25px;top: -4px;}
    .pricing .single-pricing .price .plan{margin-bottom: 10px;}
    .contact .contact-info .contact-box .contact-box-content .title {

  font-size: 21px;

}
 }

 @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: 158px;height: 215px;}
    .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:44%;
        bottom: -87px;right: 25px;}
    .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: 16px;}
    .service .single-service .content-area .desc{font-size: 13px;}
    .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: 23px 12px 21px 16px;}
    .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: 14px;}
    .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: 303px;height: 334px;bottom: -45%;right: -19%;z-index: 11;}
    .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 .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: 300px;object-fit: cover;
  margin-top: 36px;}
    .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;}
 }

 @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: 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: 100px !important;}
    .slider .carousel-caption .title{margin-bottom: 25px;}
    .about .image-area .main img{width:90%;}
    .about .image-area .video-area {height: 180px;
    width: 43%;bottom: -16%;right: 51px;}
    .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;}
    .about .content-area .desc {font-size: 14px;}
    .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: 30px;}
    .about .content-area .service-features .feature-item {margin-bottom: 20px;}
    .service .single-service .content-area {padding: 45px 40px 40px 40px;}
    .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: #F2C966;}
    .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: 50px;}
    .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: 50px;}
    .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: 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 .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: 50px 0px;}
    .blog .single-blog{margin-top: 40px;}
    .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: 30px 40px 30px 40px;
        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 .content-area .title {font-size: 18px;}
    .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;}
    .career .job-list .job-item {padding: 20px;}
    .career .job-list .job-item .apply-btn {position: static;margin-right: 10px;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: 211px;height: 216px;top: -11%;left: -10%;}
    .breadcrumbs .shape2{width: 331px; height: 312px;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;}
    .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: 270px;margin-top: 24px;}
    .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: 15px;}
    .sidebar-title-section h3{font-size: 35px;}
    .subscribe .subscribe-info .desc{line-height: 1.5;}
    .brands{padding: 100px 0px 180px;}
    .subscribe .bg-color{top: -20px;}
 }

 @media (max-width: 767.98px){
.career-features {padding: 50px 0px;}
    .pricing .single-pricing .price-header .price-icon {top: 42%;}
    .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:350px;}
    .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: 18px;}
    .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: 28px;}
    .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: 50px 0px;}
    .feature .single-feature{margin-bottom: 20px;}
    .about .content-area .desc {margin-bottom: 10px;}
    .about .content-area .service-features .feature-item {margin-bottom: 20px;font-size: 17px;}
    .service .single-service .content-area {padding: 45px 40px 40px 40px;}
    .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: #F2C966;}
    .video .video-area .play-button-area {width: 70px;height: 70px;}
    .video .video-area .title{font-size: 35px;}
    .video .video-area .desc {font-size: 14px;}
    .why-choose-us .image-area{margin-bottom: 50px;}
    .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: 50px;}
    .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 .content-area .status{margin-top: 10px;font-size: 20px;}
    .counter .shape {top: -17%;left: 0%;}
    .counter .content-area .designation{font-size: 15px;}


.feature .single-feature .desc {font-size: 13px;}
.feature .single-feature {padding: 30px;}

    .blog .single-blog .content-area .button-area{margin-top: 20px;}
    .blog {padding: 50px 0px;}
    .blog .single-blog{margin-top: 40px;}
    .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;}
    .footer-top .footer-list .title{font-size: 22px;}
    .footer-bottom .copyright-info p{font-size: 14px;
        text-align: center;}
    .footer-bottom .footer-menu .footer-nav{text-align: center;margin-top: 10px;}
    .footer-top .footer-list .address-widget li .icon-area{width: 8%;}
    .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: 14px;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;text-align: center;}

    .footer-about .logo{width: 150px}
    .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;
        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: -67px;}
    .contact .contact-form {padding: 30px 30px;margin-bottom: 35px;}
    .breadcrumbs .breadcrumbs-img img {width: 100%;height: 420px;}
    .career .job-list .job-item {padding: 20px;}
    .zijiajiage {float: none;}
    .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: #F2C966;font-size: 30px;}
    .career .job-list .job-item .icon-area {top: 22px;left: 20px;}
    .career .job-list .job-item .job-category {font-size: 25px;}
    .career-features .features .feature-box .title {font-size:15px;}
    .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 {margin-top: -0px;}
    .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: 24px;}
    .slider .carousel-caption{left: 11%;top: 37%;}
    .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: 62%;}
    .breadcrumbs .shape1 {width: 161px;height: 166px;top: 9%;left: -10%;}
    .breadcrumbs .shape2 {width: 219px;    height: 263px;    bottom: -41%;    right: -16%;}
    .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: 10px;}
    .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: 300px;}
    .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:32px 0px 180px}
 }

 @media(max-width: 575.98px){
    .zijiabiaoti {width: 100%;text-align: center;float: none;display: inline flow-root list-item;}
    .feature .single-feature {padding: 20px;}
    .why-choose-us .content-area .inner .single-item .desc {font-size: 13px;}
    .main-navbar{display: none;}
    .section-title{padding-bottom: 30px;}
    .section-title h3{font-size: 24px;margin-top: 15px;}
    .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 .single-feature .title{font-size: 20px;}
    .feature .single-feature .icon-box{width: 40px;height: 40px;top: 20px;}
    .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: 52%;
    padding: 24px 11px 5px 11px;
    position: absolute;
    bottom: -80px;
    left: 0%;}
    .about .image-area{margin-bottom: 130px;}
    .about .image-area .main::after{height: 200px;right: 0%;
        bottom: 45%;}
    .about .shape-2 {top: 3%;
        left: 5%;}
    .about .image-area .main img {width: 92%; height: auto;}
    .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: 41%;bottom: -79px;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,.testimonial .single-testimonial .desc{font-size: 14px;}
    .about .content-area .service-features {margin: 20px 0px;}
    .about .content-area .service-features .feature-item {margin-bottom: 15px;font-size: 16px}
    .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: 24px;}
    .why-choose-us .image-area{margin-bottom: 50px;}
    .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: 100%;width: 100%;}
    .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: 0px;bottom: 1px;padding: 8px;}
    .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 .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 15px 15px 15px}
    .blog {padding-bottom: 0px;}
    .blog .single-blog{margin-top: 20px;}
    .blog .single-blog .content-area .date-area {width: 50px;height: 50px;top: -27px;right: 11px;}
    .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: 20px;line-height: 1.3;}
    .call-us .bg-area .text-area h2::after {width: 30px;}
    .call-us .bg-area .text-area{padding-left: 5px;}
    .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{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: 20px;margin-bottom: 10px;}
    .subscribe .bg-color {padding: 19px 9px;left: 20px;right: 20px;}
    .career-features .section-title h1 {font-size: 22px;}
    .subscribe .subscribe-info .desc {font-size: 13px;}
    .contact .contact-info .contact-box{padding: 26px 18px 15px 18px;}
    .breadcrumbs .breadcrumbs-img img {width: 100%;height: 420px;}
    .contact .contact-form {padding: 20px 15px;margin-bottom: 28px;}
    .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: 100%;height: auto;}
    .career .job-list .job-item .apply-btn {position: static;float: left; width: 48%;margin:1%;}
    .career-features .features .feature-box {padding:25px 10px;}
    .career-features .features{margin-top: 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 .nrcontent {line-height: 25px;}
    .blog-details .blog-details-content .date .month{font-size: 17px;}
    .blog-details .title {font-size: 20px;line-height: 1.2;margin-bottom: 10px;}
    .blog-details blockquote .quote {font-size: 14px;color: #616161;line-height: 1.5;}
    .blog-details {padding: 50px 0px;}
    .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{margin-top: 0px;height: 220px}
    .pricing .single-pricing .price{top: 36%;}
    .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: 28px;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-top: 16%;}
    .pricing .single-pricing .price-header .price-tag {top: 30%;right: 5%;}
    .footer-bottom .footer-menu .footer-nav{text-align: center;}
    .slider .top-shape {top: 28px;left: -71px;width: 132px;height: 142px;z-index: 12;}
    .slider .carousel-item img{height: 260px;}
    .slider .bottom-shape {width: 155px; height: 131px; 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: 12px;line-height: 1.8;}
    .footer-bottom .footer-menu .footer-nav li a{font-size: 12px;}
    .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: 50%;}
    .slider .carousel-control-next{top: 70%;}
    .slider .carousel-caption .btn{padding:7px 11px;}
    .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: 22%;}
    .slider .carousel-caption{left: 12%;top: 123px;}
    .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: 26px;height: 26px;}
    .service .single-service .content-area .icon-box .icon{font-size: 16px;}
    .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,.experience .content-area .desc{font-size: 14px;}
    .why-choose-us .content-area .inner .single-item {padding-left: 30px;margin-top: 20px;}
    .work-process .single-work-process .icon-inner-1{outline-offset: 10px;}
    .counter .content-area{margin-left:140px;}
    .counter .count-num{font-size: 40px;}
    .counter .shape{top: -38px;left:13%;margin: auto}
    .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: 15px 15px;}
    .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: 15px;margin: 0px 6px;margin-bottom: 0px;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: 230px;margin-top: 50px;}
    .breadcrumbs .breadcrumbs-content{top: 66%;}
    .breadcrumbs .shape1 {width: 113px;height: 113px;top: 13%;left: -12%;display: none;}
    .breadcrumbs .shape2 {width: 154px;  height: 165px;    bottom: -30%;    right: -21%;}
    .sidebar .support-widget .widget-content .title{font-size: 22px;}
    .sidebar .support-widget .widget-content .number{font-size: 28px;}
    .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: 63px;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: 20px;}
    .feature .single-feature .title{margin-left: 55px;line-height: 23px;}
    .feature .single-feature .header{margin-bottom: 10px;}
    .blog-standard .blog-standard-content .content-area .meta-tags{text-align: center !important;}
 }

@media (min-width: 460px) and (max-width: 575px){
    .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: 220px;margin-top: 0px;}
    .pricing .single-pricing .price{top: 33%;}
 }
 @media (max-width:400px){
    .about .content-area .service-features .feature-item{font-size: 13px}
    .call-us .bg-area .icon-inner .icon-area{right: -10px;}
    .call-us .bg-area .text-area p{font-size:21px;}
    .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: 38px;width: 32px;}
    .slider .carousel-item img{margin-top: 30px;}
    .breadcrumbs .shape1 {width: 123px;height: 131px;top: 12%;left: -15%;}
    .breadcrumbs .shape2 {width: 139px;   height: 130px;    bottom: -22%;    right: -23%;}
    .breadcrumbs .breadcrumbs-img img {height: 190px;margin-top: 76px;}
    .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;}
 }
 @media (max-width:340px){
    .main-navbar{display: none;}
    .slider .carousel-caption .title{font-size: 23px;}
    .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: 20px;}
 }