/* Normal desktop :1400px. */
@media (min-width: 1400px) and (max-width: 1600px) {
    


    /*portfolio-section-2*/
    .port-shape-thumb2 {
        right: 71px;
    }

    /*portfolio-details*/
    .csd-content p {
        font-size: ;
        text-align: justify;
    }
    
    /*blog-details*/
    .blog-content-text p {
        text-align: justify;
    }



}

/* Normal desktop :1300px. */
@media (min-width: 1300px) and (max-width: 1399px) {








    /*inner-pages-responsive-css*/

    /*service-area-tow*/
    .service-area-tow {
        background-position: center;
    }

    /*portfolio-section-2*/
    .port-shape-thumb2 {
        right: 31px;
    }

    .case-study-title h3 a {
        font-size: 19px;
        line-height: 30px;
    }

    /*portfolio-details*/
    .csd-content p {
        font-size: ;
        text-align: justify;
    }


    /*blog-details*/
    .blog-content-text p {
        text-align: justify;
    }






}


/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1299px) {
   


    /*inner-pages-responsive-css*/
    .service-area-tow {
        background-position: center;
    }

   /*portfolio-section-2*/
    .port-shape-thumb2 {
        right: 19px;
    }

    .case-study-title h3 a {
        font-size: 18px;
        line-height: 26px;
    }


    /*portfolio-details*/
    .csd-content p {
        text-align: justify;
    }

    /*blog-details*/
    .blog-content-text p {
        text-align: justify;
    }





}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199px) {
    .top-bar-address ul li {
        margin-right: 8px;
    }

    .top-bar-area::before {
        width: 50%;
        left: -11px;
    }

    /*header-area*/
    .header_menu ul > li {
        display: inline-block;
        margin-right: 13px;
    }

    /*hero-section*/
    .hero-area {
        height: 650px;
    }

    .hero-content h1 {
        font-size: 60px;
        line-height: 70px;
    }

    /*feature-section*/
    .feature-box-content h4 {
        font-size: 20px;
        margin: 0 0 6px;
    }

    /*section-title*/
    .section-title h1 {
        font-size: 30px;
        line-height: 40px;
    }

    .about-shape-1 {
        left: 40%;
    }

    .single-service-box {
        padding: 39px 20px 21px;
    }

    .single-choose-us-box {
        padding: 11px 16px 23px;
    }


    /*principlse-section*/
    .single-principlse-box {
        padding: 12px 50px 17px 0;
    }

    .single-principlse-box.upper {
        left: -28px;
    }

    .single-principlse-box.style-two {
        padding: 12px 0 17px 46px;
    }
        .single-principlse-box.style-two.upper {
        left: 26px;
    }

    .principlse-thumb {
        left: 23%;
    }

    /*team-section*/
    .team-social-icon {
        top: -146px;
        left: 52px;
    }

    .single-testimonial-box {
        padding: 5px 65px 18px;
    }

    .skill-shape-2 {
        right: 13px;
    }

    .skill-shape-5 {
        right: 33px;
    }

    .meta-blog {
        bottom: 140px;
    }

    .single-blog-content a {
        font-size: 16px;
        line-height: 26px;
    }

    .call-do-action-content h4 {
        font-size: 26px;
        line-height: 24px;
    }

    .call-do-action-contact-box {
        margin-left: 0;
    }

    .footer-widget-menu ul li a {
        font-size: 15px;
        line-height: 40px;
    }

    .footer-widget-brand span {
        margin-right: 0;
        display: inherit;
        margin-top: 12px;
    }
    
    .footer-bottom-content-copy p {
        font-size: 14px;
    }


    /*--inner-pages-responsive--*/

    .abouts_thumb-tow img {
        width: 100%;
    }

    /*service-section-tow*/
    .service-area-tow {
        background-position: center;
    }

    .service-box-tow {
        padding: 0px 20px 30px;
    }

    .em-service-title h2 {
        font-size: 16px;
    }

     /*about-section-three*/
    .about-thumb-three img {
        width: 100%;
    }

    .about-thumb-three {
        left: -31px;
    }

    .about-shape {
        right: 12px;
    }

    .extra-progress {
        padding: 0 0 0 26px;
    }

    /*call-do-action-section-tow*/
    .call-do-action-content-tow p {
        width: 50%;
    }

    /*testi-tow*/
    .testimonial-content-tow {
        padding: 18px 12px 24px;
    }

    .testimonial-content-tow::before {
        left: 0;
    }

    /*service-details*/
    .serivce-details-desc p {
        text-align: justify;
    }

    .service-details-icon {
        float: inherit;
    }

    .service-details-title h4 {
        font-size: 17px;
    }

    .service-details-thumb img {
        width: 100%;
    }

    .service-details-icon-box {
        margin-left: 0;
    }

    .widget-service-details-icon p {
        margin-bottom: 5px;
        font-size: 14px;
    }

    .service-work-process-box {
        padding: 40px 10px 20px;
    }

    .service-work-process-title h4 {
        font-size: 20px;
        line-height: 30px;
    }

    .widget-categories-menu ul li a {
        font-size: 13px;
    }

    .widget-title2 h3 {
        font-size: 28px;
        line-height: 30px;
    }

    /*portfolio-section-2*/
    .case-study-title h6 {
        font-size: 15px;
    }

    .case-study-title h3 a {
        font-size: 16px;
        line-height: 24px;
    }

    .port-shape-thumb2 {
        right: 0;
    }

    /*portfolio-details*/
    .case-study-intro {
        padding: 26px;
    }

    .csd-info {
        padding: 0 26px;
    }

    .csd-content p {
        text-align: justify;
    }

    /*blog-details*/
    .blog-content-text p {
        text-align: justify;
    }

    .blog-section .blog-content-text h5 {
        font-size: 28px;
    }





}


/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
    .top-bar-area {
      display: none;
    }

    /*header-section*/
    .header_menu_area {
        display: none;
    }

    .sticky {
        position: absolute !important;
    }

    .hero-area {
        height: 730px;
    }

    .hero-content h1 {
        font-size: 55px;
        line-height: 60px;
    }

    .hero-shape-1 {
        display: none;
    }

    .hero-shape-2 {
       display: none;
    }

     .hero-shape-3 {
       display: none;
    }

    .hero-shape-4 {
       display: none;
    } 

    .hero-shape-5 {
       display: none;
    }
    
    .single-feature-box {
        padding: 33px 10px 26px;
    }

    .feature-box-content {
        padding-left: 12px;
    }

    .feature-box-content h4 {
        font-size: 18px;
        margin: 0 0 4px;
    }

    .feature-button {
        right: 21px;
        transform: translate(48%, -48%);
    }

    .feature-box-content p {
        font-size: 14px;
    }

    p.section-desc-1 {
        width: 75%;
    }

    .about-thumb {
        margin-left: 0;
        margin-bottom: 38px;
    }

    .service-area .section-title h1 {
        font-size: 30px;
        line-height: 30px;
    }

   .service-area p.section-desc-1 {
        width: 100%;
        font-size: 15px;
    }

    .why-choose-us-area {
        background-position: center right;
    }

    .single-principlse-box.upper {
        left: 0;
    }

    .single-principlse-box.style-two.upper {
        left: 0;
    }

    .principlse-thumb {
        display: none;
    }

    .single-principlse-box {
        padding: 12px 69px 17px 14px;
    }

    .single-principlse-box.style-two {
        padding: 12px 28px 17px 69px;
    }

    .team-area {
        padding: 114px 0 85px;
    }

    .section-title h1 {
        font-size: 28px;
        line-height: 36px;
    }

    .single-team-box {
        margin-bottom: -82px;
    }

    .team-social-icon {
        top: -240px;
        left: 107px;
    }

    .counter-area {
        padding: 65px 0 8px;
    }

    .single-counter-box {
        margin-bottom: 54px;
    }

    .skill-area-thumb {
        margin-left: 0;
        margin-bottom: 40px;
    }

    .skill.tow::before {
        width: 80%;
    }

    .skill-bar.tow {
        width: 65%;
    }

    .skill-shape-2 {
        right: 126px;
    }

    .skill-shape-5 {
        right: 144px;
    }

    .blog-area {
        padding: 115px 0 210px;
    }

    .single-blog-box {
        margin-bottom: 30px;
    }

    .meta-blog {
        bottom: 190px;
    }

    .call-do-action-contact-box {
        margin-left: 0;
    }

    .call-do-action-contact-content h4 {
        font-size: 20px;
        line-height: 40px;
    }
    .call-do-action-contact-icon {
        top: 0;
        padding-right: 8px;
    }

    .call-do-action-content h4 {
        font-size: 24px;
        line-height: 28px;
    }

    .footer-widget-content {
        margin-bottom: 55px;
    }

    .footer-widget-brand {
        display: flex;
    }

    .footer-bottom-area {
        margin-top: 52px;
    }

    .footer-bottom-content-copy p {
        line-height: 60px;
        text-align: left;
    }


    /*---inner-pages-responsive-css---*/

    /*britcam-section*/
    .britcam-shape {
        width: 44%;
    }

    /*about-area-tow*/
    .abouts_thumb-tow img {
        width: 100%;
    }

    .abouts_titles h3 {
        font-size: 20px;
        padding: 30px 85px 30px 9px;
    }

    /*faqs-section*/
    .faq-area .section-title {
        margin-bottom: 17px;
    }

    .tab_container {
        padding-left: 0;
        margin-top: 26px;
    }

    /*service-area-tow*/
    .service-area-tow {
        background-position: center;
    }

    .service-area-tow .section-title {
        margin-bottom: 36px;
    }

    .service-area-tow .ITpro-button {
        text-align: left;
        margin-bottom: 52px;
    }

    .service-box-tow {
        margin-top: 36px;
    }

    /*about-area-three*/
    .about-thumb-three {
        left: 0;
    }

    .about-shape {
        right: 126px;
    }

    .call-do-action-content-tow p {
        width: 56%;
    }

    /*service-details-area*/
    .serivce-details-desc p {
        text-align: justify;
    }

    .service-details-icon-box {
        margin-left: -28px;
    }

    .widget-service-details-icon p {
        margin-bottom: 14px;
        font-size: 15px;
    }

    /*contact-section*/
    .cda-content-inner h4 {
        font-size: 18px;
    }

    /*portfolio-section-2*/
    .case-study-title h3 a {
        font-size: 18px;
        line-height: 26px;
    }

    .port-shape-thumb2 {
        right: 0;
    }

    /*portfolio-details*/
    .case-study-intro {
        padding: 26px;
    }

    .csd-info {
        padding: 0 0;
    }

    .csd-content p {
        text-align: justify;
    }

    /*blog-details*/
    .blog-content-text p {
        text-align: justify;
    }

    .blog-section .blog-content-text h5 {
        font-size: 28px;
    }






}

/* Large Mobile :600px. */
@media only screen and (min-width: 600px) and (max-width: 767px) {
   .top-bar-area {
      display: none;
    }

    /*header-section*/
    .header_menu_area {
        display: none;
    }

    .sticky {
        position: absolute !important;
    }

    .hero-area {
        height: 730px;
    }

    .hero-content h1 {
        font-size: 40px;
        line-height: 50px;
    }

    .hero-shape-1 {
        display: none;
    }

    .hero-shape-2 {
       display: none;
    }

     .hero-shape-3 {
       display: none;
    }

    .hero-shape-4 {
       display: none;
    } 

    .hero-shape-5 {
       display: none;
    }
    
    .feature-area .responsive {
        padding-right: 15px !important;
    }  

    .feature-area .responsive-tow{
        padding-left: 15px !important;
    }
    .single-feature-box {
        padding: 33px 30px 26px;
    }

    .feature-box-content {
        padding-left: 12px;
    }

    .feature-box-content h4 {
        font-size: 18px;
        margin: 0 0 4px;
    }

    .feature-button {
        right: 24px;
        transform: translate(-10%, -48%);
    }

    .feature-box-content p {
        font-size: 14px;
    }

    p.section-desc-1 {
        width: 85%;
    }

    .about-thumb {
        margin-left: -43px;
        margin-bottom: 38px;
    }

    .about-shape-1 {
      left: 42%;
    }

    .service-area .section-title h1 {
        font-size: 30px;
        line-height: 30px;
    }

    .service-area p.section-desc-1 {
        width: 65%;
        font-size: 15px;
    }
    .why-choose-us-area {
        background-position: center right;
    }

    .single-principlse-box.upper {
        left: 0;
    }

    .single-principlse-box.style-two.upper {
        left: 0;
    }

    .principlse-thumb {
        display: none;
    }

    .single-principlse-box {
        padding: 12px 69px 17px 14px;
    }

    .single-principlse-box.style-two {
        padding: 12px 28px 17px 69px;
    }

    .team-area {
        padding: 114px 0 85px;
    }

   .team-area .text-right {
        text-align: left !important;
    }

    .team-area .ITpro-button {
        margin-top: 0;
        margin-bottom: 50px;
    }

    .section-title h1 {
        font-size: 28px;
        line-height: 36px;
    }

    .single-team-box {
        margin-bottom: -82px;
    }

    .team-share {
        right: 68px;
    }

    .team-social-icon {
        top: -330px;
        left: 164px;
    }

    .counter-area {
        padding: 65px 0 8px;
    }

    .single-counter-box {
        margin-bottom: 54px;
    }

    .skill-area-thumb {
        margin-left: -32px;
        margin-bottom: 40px;
    }

    .skill.tow::before {
        width: 80%;
    }
    
    .skill-bar.tow {
        width: 65%;
    }

    .skill-shape-2 {
        right: -18px;
    }

    .skill-shape-5 {
        right: 0;
    }

    .blog-area {
        padding: 115px 0 210px;
    }

    .single-blog-box {
        margin-bottom: 30px;
    }

    .meta-blog {
        bottom: 157px;
    }

    .call-do-action-contact-box {
        margin-left: 0;
        margin-top: 35px;
    }

    .call-do-action-content h4 {
        font-size: 34px;
        line-height: 34px;
    }

    .call-do-action-contact-icon {
        top: 0;
        padding-right: 8px;
    }

    .call-do-action-content h4 {
        font-size: 24px;
        line-height: 28px;
    }

    .footer-widget-desc p {
        width: 85%;
    }

    .footer-widget-content {
        margin-bottom: 55px;
    }

    .footer-widget-brand {
        display: flex;
    }

    .newsletter-button button {
        right: 90px;
    }

    .footer-bottom-area {
        margin-top: 52px;
    }

    .footer-bottom-content-copy p {
        line-height: 60px;
        text-align: left;
    }

    /*---inner-pages-responsive-css---*/

    /*britcam-section*/
    .breadcumb-area {
        height: 400px;
        text-align: center;
        margin-top: 60px;
    }

    .britcam-shape {
        width: 55%;
    }

    /*about-section-tow*/
    .abouts_tow {
        padding: 123px 0 87px;
    }

    .abouts_thumb-tow {
        margin-bottom: 65px;
    }

    .abouts_thumb-tow img {
        width: 100%;
    }

    .abouts_titles h3 {
        font-size: 22px;
        padding: 30px 80px 30px 19px;
    }


    /*faqs-section*/
    .faq-area .section-title {
        margin-bottom: 18px;
    }

    .tab_container {
        padding-left: 0;
        margin-top: 26px;
    }

    /*service-area-tow*/
    .service-area-tow {
        background-position: center;
    }

    .service-area-tow .section-title {
        margin-bottom: 17px;
    }

    .service-box-tow {
        margin-top: 40px;
    }

    .service-area-tow .ITpro-button a {
        margin-bottom: 40px;
    }

    /*about-area-three*/
    .about-thumb-three {
        left: 0;
    }

    .about-thumb-three img {
        width: 100%;
    }

    .call-do-action-content-tow h4 {
        font-size: 26px;
        line-height: 28px;
    }

    .call-do-action-content-tow p {
        width: 70%;
    }

    .call-do-action-area-tow .ITpro-button {
        text-align: center;
    }

    /*service-details-area*/
    .serivce-details-desc {
        text-align: justify;
    }

    .service-details-icon {
        float: inherit;
    }

    .service-details-thumb {
        margin-bottom: 28px;
    }

    .service-work-process-box {
        padding: 40px 16px 20px;
    }
    /*portfolio-section-2*/
    .case-study-thumb2 img {
        width: 100%;
    }

    .case-study-title h3 a {
        font-size: 18px;
        line-height: 26px;
    }
    .port-shape-thumb2 {
        display: none;
    }
    /*portfolio-details*/
    .case-study-intro {
        padding: 45px;
    }

    .csd-info {
        padding: 0 0;
    }

    .csd-content p {
        text-align: justify;
    }

    /*blog-details*/
    .blog-content-text p {
        text-align: justify;
    }

    .blog-section .blog-content-text h5 {
        font-size: 24px;
    }




 }

/* small mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 599px) {
    .top-bar-area {
      display: none;
    }

    /*header-section*/
    .header_menu_area {
        display: none;
    }

    .sticky {
        position: absolute !important;
    }

    .hero-area {
        height: 640px;
        margin-top: 34px;
    }

    .hero-content h1 {
        font-size: 35px;
        line-height: 40px;
    }

    .hero-shape-1 {
        display: none;
    }

    .hero-shape-2 {
       display: none;
    }

     .hero-shape-3 {
       display: none;
    }

    .hero-shape-4 {
       display: none;
    } 

    .hero-shape-5 {
       display: none;
    }
    
   .feature-area .responsive {
        padding-right: 15px !important;
    }  

    .feature-area .responsive-tow{
        padding-left: 15px !important;
    }

    .single-feature-box {
        padding: 33px 30px 26px;
    }

    .feature-box-content {
        padding-left: 12px;
    }

    .feature-box-content h4 {
        font-size: 18px;
        margin: 0 0 4px;
    }

    .feature-button {
        right: 24px;
        transform: translate(-10%, -48%);
    }

    .feature-box-content p {
        font-size: 14px;
    }

    p.section-desc-1 {
        width: 85%;
    }

    .about-thumb {
        margin-left:0;
        margin-bottom: 38px;
    }
    .about-thumb img {
        width: 100%;
    }
    .about-shape-1 {
        left: 40%;
        top: 0;
    }
    .service-area .section-title h1 {
        font-size: 30px;
        line-height: 30px;
    }

    .service-area p.section-desc-1 {
        width: 75%;
        font-size: 15px;
    }

    .why-choose-us-area {
        background-position: center right;
    }

    .why-choose-us-area p.section-desc-1 {
        text-align: justify;
    }

    .single-principlse-box.upper {
        left: 0;
    }

    .single-principlse-box.style-two.upper {
        left: 0;
    }

    .principlse-thumb {
        display: none;
    }

    .single-principlse-box {
        padding: 12px 67px 17px 0;
    }

    .principlse-box-icon {
      right: 11px;
    }

    .single-principlse-box.style-two {
        padding: 12px 28px 17px 69px;
    }

    .single-principlse-box.style-two .principlse-box-icon {
        left: 24px;
    }

    .team-area {
        padding: 114px 0 85px;
    }

   .team-area .text-right {
        text-align: left !important;
    }

    .team-area .ITpro-button {
        margin-top: 0;
        margin-bottom: 50px;
    }

    .section-title h1 {
        font-size: 28px;
        line-height: 36px;
    }

    .team-social-icon {
        top: -341px;
        left: 139px;
    }

    .team-share {
        right: 68px;
    }

    .team-social-icon {
        top: -330px;
        left: 164px;
    }

    .counter-area {
        padding: 65px 0 8px;
    }

    .single-counter-box {
        margin-bottom: 54px;
    }

    .skill-area-thumb {
        display: none;
    }

    .skill.tow::before {
        width: 80%;
    }
    
    .skill-bar.tow {
        width: 65%;
    }

    .skill-shape-2 {
        right: -18px;
    }

    .skill-shape-5 {
        right: 0;
    }

    .blog-area {
        padding: 115px 0 210px;
    }

    .single-blog-box {
        margin-bottom: 30px;
    }

    .meta-blog {
        bottom: 192px;
    }

    .call-do-action-contact-box {
        margin-left: 0;
        margin-top: 35px;
    }

    .call-do-action-content h4 {
        font-size: 34px;
        line-height: 34px;
    }

    .call-do-action-contact-content h4 {
        font-size: 24px;
        line-height: 38px;
    }

    .call-do-action-contact-icon {
        top: 0;
        padding-right: 16px;
    }

    .call-do-action-content h4 {
        font-size: 30px;
        line-height: 35px;
    }

    .footer-area {
        text-align: center;
    }

    .footer-widget-titel h4::before {
        left: 44%;
    }

    .footer-widget-desc p {
        width: 100%;
        margin: auto;
    }

    .footer-widget-content {
        margin-bottom: 55px;
    }

    .footer-widget-brand {
        display: block;
        text-align: center;
    }

    .footer-widget-brand span {
        margin-right: -24px;
        margin-left: 31px;
    }

    .newsletter-button button {
        right: 58px;
    }

    .footer-bottom-area {
        margin-top: 52px;
    }

    .footer-bottom-content-copy p {
        line-height: 50px;
        text-align: center;
        font-size: 14px;
    }

    /*--inner-pages-responsive-css--*/

    /*britcam-section*/
    .breadcumb-area {
        text-align: center;
        margin-top: 45px;
    }

    .britcam-shape {
        display: none;
    }

    /*about-section-tow*/
    .abouts_tow {
        padding: 123px 0 84px;
    }

    .abouts_thumb-tow {
        margin-bottom: 60px;
    }

    .abouts_thumb-tow img {
        width: 100%;
    }

    /*faqs-section*/
    .faq-area .section-title {
        margin-bottom: 16px;
    }

    .tab_container {
        padding-left: 13px;
        margin-top: 18px;
    }

    /*services-area-tow*/
    .service-area-tow {
        background-position: center;
    }

    .service-area-tow .ITpro-button {
        margin-bottom: 24px;
    }

    .service-area-tow .section-title {
        margin-bottom: 22px;
    }

    .service-box-tow {
        margin-top: 40px;
    }

    /*about-section-three*/
    .about-thumb-three {
        left: 0;
    }

    .about-thumb-three img {
        width: 100%;
    }
    .extra-progress {
        padding: 0 0 0 20px;
    }

    /*call-do-action-section-tow*/

    .call-do-action-content-tow h4 {
        font-size: 22px;
        line-height: 22px;
    }

    .call-do-action-content-tow p {
        width: 85%;
    }

    .call-do-action-area-tow .ITpro-button {
        text-align: center;
    }

    /*service-details-section*/
    .service-page-title h1 {
        font-size: 28px;
    }

    .serivce-details-desc p {
        text-align: justify;
    }

    .service-page-title2 h1 {
        font-size: 22px;
        padding: 10px 0 10px;
    }

    .service-details-thumb {
        margin-bottom: 20px;
    }

    /*404*/
    .error-thumb img {
        width: 100%;
    }
    .error-content h2 {
        font-size: 28px;
    }

    /*portfolio-section-2*/
    .case-study-thumb2 img {
        width: 100%;
    }
    .case-study-title h3 a {
        font-size: 18px;
        line-height: 26px;
    }
    .port-shape-thumb2 {
        display: none;
    }
    .portfolio_nav ul li {
        font-size: 14px;
        padding: 5px 22px;
    }
    /*portfolio-details*/
    .case-study-intro {
        padding: 29px;
    }
    .csd-info {
        padding: 0 0;
    }
    .csd-content p {
        text-align: justify;
    }
    /*portfolio-details*/
    .case-study-intro {
        padding: 45px;
    }
    .csd-info {
        padding: 0 0;
    }
    .csd-content p {
        text-align: justify;
    }
    /*blog-details*/
    .blog-content {
        padding: 15px 18px 20px;
    }
    .blog-content-text p {
        text-align: justify;
    }

    .blog-section .blog-content-text h5 {
        font-size: 20px;
    }




}

/* small mobile :320px. */
@media only screen and (min-width: 320px) and (max-width: 479px) {
    .top-bar-area {
      display: none;
    }

    /*header-section*/
    .header_menu_area {
        display: none;
    }

    .sticky {
        position: absolute !important;
    }

    .hero-area {
        height: 500px;
        margin-top: 34px;
    }

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

    .hero-video-button {
        display: none;
    }
    .hero-shape-1 {
        display: none;
    }

    .hero-shape-2 {
       display: none;
    }

     .hero-shape-3 {
       display: none;
    }

    .hero-shape-4 {
       display: none;
    } 

    .hero-shape-5 {
       display: none;
    }
    
   .feature-area .responsive {
        padding-right: 15px !important;
    }  

    .feature-area .responsive-tow{
        padding-left: 15px !important;
    }

    .single-feature-box {
        padding: 33px 20px 26px;
        display: block;
        background-size: cover;
    }

    .feature-box-content {
        padding-left: 0;
        padding-top: 15px;
    }

    .feature-box-content h4 {
        font-size: 18px;
        margin: 0 0 4px;
    }

    .feature-button {
        right: 2px;
        transform: translate(-10%, -150%);
    }

    .feature-box-content p {
        font-size: 14px;
    }

    .about-box-left {
        display: none;
    }

    .about-author {
        padding-left: 0;
        padding-top: 20px;
    }

    .service-area .section-title h1 {
        font-size: 30px;
        line-height: 30px;
    }

    .service-area p.section-desc-1 {
        width: 93%;
        font-size: 15px;
    }

     .single-service-box {
        padding: 39px 19px 21px;
    }

    .why-choose-us-area {
        background-position: center right;
    }

    .why-choose-us-area p.section-desc-1 {
        text-align: justify;
    }

    .single-choose-us-box {
        padding: 11px 16px 23px;
    }

    .choose-us-content h4 {
        font-size: 16px;
    }
    .single-principlse-box.upper {
        left: 0;
    }

    .single-principlse-box.style-two.upper {
        left: 0;
    }

    .principlse-thumb {
        display: none;
    }

    .single-principlse-box.style-two {
        padding: 12px 9px 17px 63px;
    }

    .principlse-box-icon {
      right: 11px;
    }

    .single-principlse-box.style-two .principlse-box-icon {
        left: 24px;
    }

    .team-area {
        padding: 114px 0 85px;
    }

   .team-area .text-right {
        text-align: left !important;
    }

    .team-area .ITpro-button {
        margin-top: 0;
        margin-bottom: 50px;
    }

    .section-title h1 {
        font-size: 18px;
        line-height: 30px;
    }

    p.section-desc-1 {
        width: 100%;
        text-align: justify;
    }
    .single-team-box {
        margin-bottom: -77px;
    }
    .team-social-icon {
        top: -341px;
        left: 139px;
    }

    .team-share {
        right: 40px;
    }

    .team-social-icon {
        top: -200px;
        left: 87px;
    }

    .counter-area {
        padding: 65px 0 8px;
    }

    .single-counter-box {
        margin-bottom: 54px;
    }

    .skill-area-thumb {
        display: none;
    }

    .skill.tow::before {
        width: 80%;
    }
    
    .skill-bar.tow {
        width: 65%;
    }

    .skill-shape-2 {
        right: -18px;
    }

    .skill-shape-5 {
        right: 0;
    }
    .testimonial-content p {
        font-size: 15px;
    }
    .blog-area {
        padding: 115px 0 210px;
    }

    .single-blog-box {
        margin-bottom: 30px;
    }

    .meta-blog {
        bottom: 192px;
    }

    .single-blog-content {
        padding: 23px 20px 20px;
    }

    .single-blog-content a {
        font-size: 16px;
        line-height: 26px;
    }
    .row.add-bg {
        padding: 59px 6px 77px;
    }


    .call-do-action-contact-box {
        margin-left: 0;
        margin-top: 35px;
    }

    .call-do-action-content h4 {
        font-size: 23px;
        line-height: 23px;
    }

   .call-do-action-contact-content h4 {
        font-size: 17px;
        line-height: 32px;
    }
    .call-do-action-contact-icon {
        top: 0;
        padding-right: 16px;
    }


    .footer-area {
        text-align: center;
    }

    .footer-widget-titel h4::before {
        left: 40%;
    }

    .footer-widget-desc p {
        width: 100%;
        margin: auto;
    }

    .footer-widget-content {
        margin-bottom: 55px;
    }

    .footer-widget-brand {
        display: none;
    }
    .newletter-input-box input {
        width: 90%;
    }

    .newsletter-button button {
        right: 15px;
    }
    .footer-bottom-area {
        margin-top: 52px;
    }

    .footer-bottom-content-copy p {
        line-height: 26px;
        text-align: center;
        font-size: 14px;
        margin-top: 16px;
    }

    /*--inner-pages-responsive-css--*/

    /*breadcumb-section*/
    .breadcumb-area {
        text-align: center;
        margin-top: 55px;
    }

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

    .britcam-shape {
        display: none;
    }

    /*about-section-tow*/
    .abouts_tow {
        padding: 123px 0 99px;
    }

    .abouts_thumb-tow {
        margin-bottom: 60px;
    }

    .abouts_thumb-tow img {
        width: 100%;
    }

    .abouts_titles h3 {
        padding: 30px 96px 30px 30px;
        font-size: 16px;
    }

    .abouts_icons i {
        height: 35px;
        width: 35px;
        line-height: 35px;
        font-size: 16px;
    }

    /*counter-section*/
    .counter-single-item-inner.d-flex {
        display: inherit !important;
        text-align: center;
        margin-bottom: 25px;
    }

    .counter-single-item-inner.d-flex {
        text-align: center;
    }

    .counter-section .counter-text span {
        font-size: 50px;
    }

    .counter-section .counter-title {
        float: inherit;
        top: 10px;
        left: 0;
        padding: 0 0 15px;
    }
    /*--faqs-section--*/
    .faq-area .section-title {
        margin-bottom: 0;
    }

    .tab_container {
        padding-left: 8px;
        margin-top: 20px;
    }

    .accordion li a {
        font-weight: 400;
        font-size: 14px;
        padding: 14px 18px 14px 29px;
    }

    .accordion li a span::after {
        left: -22px;
    }

    /*service-section-tow*/
    .service-area-tow {
        background-position: center;
    }

    .service-area-tow .section-title {
        margin-bottom: 10px;
    }

    .service-box-tow {
        margin-top: 38px;
    }

    .service-area-tow .ITpro-button {
        margin-bottom: 26px;
    }

    /*about-section-three*/
    .about-thumb-three {
        left: 0;
    }

    .about-thumb-three img {
        width: 100%;
    }

    .about-list-item-three ul li {
        margin-bottom: 8px;
        font-size: 12px;
    }

    .extra-progress {
        display: inherit;
        padding: 20px 0 0 0;
    }

    /*call-do-action-area-tow*/
    .call-do-action-content-tow h4 {
        font-size: 15px;
        line-height: 15px;
    }

    .call-do-action-content-tow p {
        width: 100%;
    }

    .call-do-action-area-tow .ITpro-button {
        text-align: center;
    }

    /*testimonial-area-tow*/
    .testimonial-content-tow {
        padding: 18px 22px 24px;
    }

    .quote-title h4 {
        font-size: 18px;
    }

    /*service-details-area*/
    .service-page-title h1 {
        font-size: 20px;
        padding: 20px 0 10px;
    }

    .serivce-details-desc p {
        text-align: justify;
    }

    .service-details-icon {
        float: inherit;
    }

    .service-page-title2 h1 {
        font-size: 22px;
        padding: 16px 0 12px;
    }

    .service-details-icon-box {
        margin-left: 0;
    }

    .widget-service-details-icon span {
        font-size: 14px;
    }

    .widget-categories-box {
        padding: 42px 34px 25px;
    }

    .widget-categories-menu ul li a {
        font-size: 14px;
    }

    .widget-title2 h3 {
        font-size: 26px;
        line-height: 26px;
    }

    /*404*/
    .error-thumb img {
        width: 100%;
    }
    .error-content h2 {
        font-size: 18px;
    }

    .error-content p {
        font-size: 15px;
    }

    .error-search input {
        width: 80%;
    }

    /*contact-section*/
    .cda-single-content {
        margin: 0 22px;
    }

    .cda-content-inner h4 {
        font-size: 18px;
    }

    /*portfolio-section-2*/
    .case-study-thumb2 img {
        width: 100%;
    }

    .case-study-title h3 a {
        font-size: 18px;
        line-height: 26px;
    }

    .port-shape-thumb2 {
        display: none;
    }

    .portfolio_nav ul li {
        font-size: 13px;
        padding: 4px 18px;
    }

    /*portfolio-details*/
    .case-study-intro {
        padding: 18px;
    }

    .csd-info {
        padding: 0 0;
    }

    .csd-title h3 {
        font-size: 20px;
    }

    .csd-info strong {
        width: 85px;
        font-size: 14px;
        margin-right: 5px;
    }

    .csd-content p {
        text-align: justify;
    }

    .csd-social-icon li i {
        height: 30px;
        width: 30px;
        line-height: 30px;
    }

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

    /*portfolio-details*/

    .case-study-intro {
        padding: 15px;
    }

    .csd-info {
        padding: 0 0;
    }

    .csd-content p {
        text-align: justify;
    }

    /*blog-details*/

    .blog-content {
        padding: 15px 18px 20px;
    }

    .blog-content-text p {
        text-align: justify;
    }

    .blog-section .blog-content-text h5 {
        font-size: 16px;
    }

    .blog-section .blog-content h4 {
        font-size: 16px;
    }

    .widget-items.responsive-320 {
        padding: 30px 0;
    }

    .tag-item .all-days ul li, .tag-item .all-date ul li {
        width: 41px;
    }





}




/*xl device min width*/
@media screen and (min-width:992px) {
    .pl-lg-50 {
        padding-left: 50px;
    }
}

/*xl device min width*/
@media screen and (min-width:1200px) {
    .video-icon {
        left: 75%;
    }
}