/* Medium Layout: 1200px. */@media only screen and (min-width: 992px) and (max-width: 1200px) {    .header-area .header-inner .title {        font-size: 100px;        line-height: 110px;    }    .header-area .header-inner .subtitle {        font-size: 35px;        line-height: 35px;        margin-bottom: 25px;    }    .about-us-area .right-content-area .title {        font-size: 50px;        line-height: 60px;    }    .about-us-area .right-content-area .subtitle {        font-size: 35px;        line-height: 45px;    }    .what-we-see-area .single-we-see-box:after {        display: none;    }    .our-features-area .sigle-feature-box .content .title {        font-size: 18px;        line-height: 28px;        letter-spacing: -2px;    }    .team-member-area .single-team-member .content {        padding: 33px 30px 25px 31px;    }    .contact-area .contact-area-inner .inner-title .title {        font-size: 52px;        line-height: 62px;    }    .contact-area .contact-area-inner .inner-title .subtitle {        font-size: 35px;        line-height: 45px;    }    .footer-area .footer-top .widget.about .widget-body .subscription .title {        font-size: 23px;        line-height: 32px;    }    .navbar-area .nav-container {        padding: 0 15px 0 20px;    }    .what-we-do .single-services-item .content .title {        font-size: 25px;        line-height: 35px;    }    .our-features-area .sigle-feature-box .content p {        font-size: 14px;    }    .portfolio-area .portfolio-menu ul li {        font-size: 16px;    }    .what-we-do .single-services-item .content p {        font-size: 15px;        line-height: 26px;    }    .portfolio-area .portfolio-menu ul li {        padding: 15px 25px;    }    .widget-area.social .social-links li a {        width: 35px;        height: 35px;        line-height: 35px;        font-size: 14px;    }    .blog-page-content-area .blog-page-content-area-inner .single-blog-post-item .content .title,    .blog-details-content .single-blog-post .details-container .post-body .title {        font-size: 30px;        line-height: 40px;    }    .breadcrumb-area .page-title {        font-size: 70px;        line-height: 80px;    }    .pricing-plan-area .single-price-table .price-heading .title {        font-size: 36px;        line-height: 45px;    }    .contact-area.contact-page .contact-area-inner {        margin-top: 0;        padding: 60px 50px 58px 50px;    }    .contact-area.contact-page .contact-area-inner .title {        font-size: 44px;    }        .contact-area.contact-page .contact-area-inner .subtitle {        font-size: 30px;    }    .contact-area .contact-area-inner .left-content-area {        padding-right: 0;        display: block;    }    .contact-area .contact-area-inner .left-content-area .contact-info li .single-contact-info-item .content .details {        font-size: 16px;        line-height: 26px;    }}/* Tablet Layout: 768px. */@media only screen and (min-width: 768px) and (max-width: 991px) {    .navbar-area .navbar-collapse {        position: absolute;        top: 130px;        background: #181731;        z-index: 9;        right: 0;        width: 250px;        padding-left: 20px;    }    .navbar-area .navbar-collapse .navbar-nav .nav-item .dropdown-menu.show {        border: 0;    }    .navbar-area.navbar.navbar-light .navbar-toggler {        background: #fff;    }    .navbar-area .navbar-collapse .navbar-nav .nav-item .nav-link.pl-0 {        padding-left: 0.4rem !important;    }    .navbar-area .navbar-collapse .navbar-nav .nav-item {        padding: 0;    }    .navbar-area .navbar-collapse .navbar-nav .nav-item .dropdown-menu.show .dropdown-item {        color: #fff;    }    .dropdown-item {        background: #181731;        color: #fff;        border: 0;    }        .logo-wrapper.navbar-brand {        padding-top: 0;    }    .navbar-area {        top: 20px;    }    .logo-wrapper.navbar-brand {        padding-top: 0;    }    .navbar-area .navbar-collapse .navbar-nav .nav-item {        line-height: 35px;    }        .navbar-area.nav-fixed {        padding: 20px 0;    }    .blog-page-content .blog-posts-lists{        margin-right: 0;    }    .blog-page-content .blog-posts-lists .single-blog-post.gallery {        margin-right: 30px;    }    .sidebar {        margin-top: 60px;    }    .blog-details-page-content {        padding-bottom: 235px;    }    .blog-page-content{        padding-bottom: 215px;        padding-top: 115px;    }    .navbar-area .navbar-collapse .navbar-nav .nav-item:hover .dropdown-menu {        border: none;    }    .navbar-area.nav-fixed .navbar-collapse {        top: 90px;    }    .navbar-area .nav-container {        border: 2px solid rgba(255, 255, 255, 0.1);        border-radius: 6px;        margin-top: 30px;        padding: 20px 35px 20px 40px;    }    .header-area .header-inner .title {        font-size: 80px;        line-height: 90px;    }    .about-us-area .left-cotnent-area .img-wrapper {        margin-bottom: 30px;    }        .about-us-area .right-content-area {        padding-left: 0;    }    .what-we-see-area .single-we-see-box {        text-align: center;        margin: 0 auto;        margin-bottom: 30px;    }        .what-we-see-area .single-we-see-box:after {        display: none;    }    .what-we-see-area {        padding-bottom: 90px;    }    .our-features-area .sigle-feature-box {        margin-bottom: 30px;    }    .our-features-area{        padding-bottom:90px    }    .portfolio-area .portfolio-menu ul {        border-radius: 80px;    }    .counterup-area .single-counterup-item:after {        display: none;    }        .counterup-area .single-counterup-item {        margin-bottom: 40px;    }        .counterup-area {        padding-bottom: 75px;    }    .contact-area .right-content-area {        margin-top: 50px;    }    .call-to-action .left-content-area .subtitlte {        font-size: 30px;        line-height: 40px;    }    .call-to-action .left-content-area .title {        font-size: 50px;        line-height: 60px;    }    .footer-area .footer-top .widget {        margin-bottom: 40px;    }        .footer-area .footer-top {        padding-bottom: 50px;    }    .what-we-do .single-services-item {        padding: 56px 30px 38px 30px;    }    .portfolio-area.portfolio-page .portfolio-menu ul{        border: none;    }    .blog-page-content-area .blog-page-content-area-inner .single-blog-post-item .content .title,    .blog-details-content .single-blog-post .details-container .post-body .title {        font-size: 35px;        line-height: 45px;    }    .blog-page-content-area {        padding-bottom: 80px;    }    .blog-area .single-blog-item .content .title {        font-size: 18px;        line-height: 30px;    }    .blog-area .single-blog-item .content p {        font-size: 15px;    }    .breadcrumb-area .page-title {        font-size: 50px;        line-height: 60px;    }    .pricing-plan-area .single-price-table {        padding: 60px 40px 60px 40px;    }    .pricing-plan-area .single-price-table .price-heading .title {        font-size: 41px;        line-height: 51px;    }    .pricing-plan-area .single-price-table {        margin-bottom: 30px;    }        .pricing-plan-area {        padding-bottom: 193px;    }    .pricing-plan-area.section-plan {        padding-bottom: 90px;    }    .error-page-content .right-content-area .img-wrapper {        text-align: center;    }    .contact-area .contact-area-inner {        padding: 90px 50px 98px 50px;    }    .widget-area.tags .tags-list {        text-align: center;    }    .about-us-area {        padding-bottom: 145px;    }    .portfolio-area .portfolio-menu ul {        background: transparent;    }}/* Tablet Layout wide: 768px. */@media only screen and (max-width: 767px) {    .navbar-area.nav-fixed {        padding: 20px 0;    }    .navbar-area .navbar-collapse .navbar-nav .nav-item:hover .dropdown-menu {        border: none;    }    .navbar-area.nav-fixed .navbar-collapse {        top: 100px;    }    .navbar-area .navbar-collapse {        position: absolute;        top: 135px;        background: #181731;        z-index: 9;        right: 0;        width: 250px;        padding-left: 20px;    }    .navbar-area .navbar-collapse .navbar-nav .nav-item .dropdown-menu.show {        border: 0;    }    .navbar-area.navbar.navbar-light .navbar-toggler {        background: #fff;    }    .navbar-area .navbar-collapse .navbar-nav .nav-item .nav-link.pl-0 {        padding-left: 0.4rem !important;    }    .navbar-area .navbar-collapse .navbar-nav .nav-item {        padding: 0;    }    .navbar-area .navbar-collapse .navbar-nav .nav-item .dropdown-menu.show .dropdown-item {        color: #fff;    }    .dropdown-item {        background: #181731;        color: #fff;        border: 0;    }       .blog-page-content .blog-posts-lists:after,    .blog-details-page-content .blog-details-post:after {        display: none;    }    .navbar-area.nav-fixed {        padding: 20px ;    }    .blog-page-content .blog-posts-lists {        margin-right: 0;    }    .blog-page-content .blog-posts-lists .single-blog-post.gallery {        margin-right: 30px;    }    .sidebar {        margin-top: 60px;    }    .blog-details-page-content {        padding-bottom: 235px;    }    .blog-page-content {        padding-bottom: 215px;        padding-top: 115px;    }    .navbar-area .nav-container {        padding: 20px;    }    .header-area .header-inner .title {        font-size: 60px;        line-height: 70px;    }    .header-area .header-inner .subtitle {        font-size: 30px;        line-height: 40px;        margin-bottom: 10px;    }    .header-area {        padding: 300px 0 325px 0;    }    .about-us-area .right-content-area {        padding-left: 0;    }        .about-us-area .right-content-area {        padding-top: 30px;    }    .about-us-area .right-content-area .subtitle {        font-size: 20px;        line-height: 30px;        margin-bottom: 0;    }    .about-us-area .right-content-area .title {        font-size: 50px;        line-height: 60px;    }    .about-us-area {        padding-bottom: 100px;    }    .section-title .subtitle {        font-size: 30px;        line-height: 40px;    }    .what-we-see-area .single-we-see-box {        margin: 0 auto;        margin-bottom: 30px;    }        .what-we-see-area .single-we-see-box:after {        display: none;    }        .what-we-see-area {        padding-bottom: 90px;    }    .our-features-area .sigle-feature-box .content .title {        font-size: 26px;        line-height: 30px;    }    .our-features-area .sigle-feature-box {        margin-bottom: 30px;    }    .our-features-area {        padding-bottom: 90px;    }    .portfolio-area .portfolio-menu ul{        background-color: transparent;    }    .portfolio-area .portfolio-menu ul li {        font-size: 16px;        line-height: 28px;        padding: 10px 22px;    }    .portfolio-area .portfolio-masonry .single-portfolio-item .thumb img {        width: 100%;    }    .team-member-area .single-team-member .thumb img {        width: 100%;    }        .team-member-area .single-team-member .thumb {        display: block;    }    .counterup-area .single-counterup-item:after {        display: none;    }        .counterup-area .single-counterup-item {        margin-bottom: 40px;    }    .counterup-area {        padding-bottom: 75px;    }    .section-title .title {        font-size: 44px;        line-height: 54px;    }    .section-title .subtitle {        font-size: 25px;        line-height: 35px;    }    .intro-video-area .intro-video-inner .title {        font-size: 45px;        line-height: 50px;    }    .intro-video-area {        padding: 200px 0 180px 0;    }    .blog-area .single-blog-item .thumb img {        width: 100%;    }    .contact-area .contact-area-inner {        padding: 50px 50px 58px 50px;    }    .contact-area .contact-area-inner .inner-title .title {        font-size: 50px;        line-height: 60px;    }    .contact-area .contact-area-inner .inner-title .subtitle {        font-size: 30px;        line-height: 40px;    }    .contact-area .contact-area-inner .right-content-area {        margin-top: 60px;    }    .call-to-action .left-content-area .subtitlte {        font-size: 30px;        line-height: 40px;    }    .call-to-action .left-content-area .title {        font-size: 50px;        line-height: 60px;    }    .call-to-action .right-content-area {        float: none;    }        .call-to-action .right-content-area .btn-wrapper {        margin-top: 15px;    }    .footer-area .footer-top {        padding-bottom: 60px;    }    .footer-area .footer-top .widget {        margin-bottom: 40px;    }    .work-with-us-area .work-with-us-inner .subtitle {        font-size: 30px;        line-height: 40px;    }        .work-with-us-area .work-with-us-inner .title {        font-size: 42px;        line-height: 52px;    }    .breadcrumb-area .page-title {        font-size: 40px;        line-height: 50px;    }    .portfolio-area.portfolio-page .portfolio-menu ul{        border: none;    }    .blog-page-content-area .blog-page-content-area-inner .single-blog-post-item .content .title ,    .blog-details-content .single-blog-post .details-container .post-body .title{        font-size: 30px;        line-height: 35px;    }    .blog-page-content-area {        padding-bottom: 80px;    }    .widget-area.tags .tags-list {        text-align: center;    }    .blog-details-content .single-blog-post .details-container .post-body .post-bottom-content .top-content .right-content .title {        display: none;    }        .blog-details-content .single-blog-post .details-container .post-bottom-content .bottom-content .right-content .title {        display: block;        font-size: 18px;    }        .blog-details-content .single-blog-post .details-container .post-bottom-content .bottom-content .right-content .title:after {        display: none;    }        .blog-details-content .single-blog-post .details-container .post-body .post-bottom-content .bottom-content .right-content {        float: none;        margin-top: 15px;    }    .breadcrumb-area .breadcrumb-lists ul li {        font-size: 14px;    }    .pricing-plan-area .single-price-table .price-heading .title {        font-size: 40px;        line-height: 50px;    }    .pricing-plan-area .single-price-table{        margin-bottom: 30px;    }    .pricing-plan-area {        padding-bottom: 190px;    }    .pricing-plan-area.section-plan {        padding-bottom: 90px;    }    .shop-page-content-area .single-shop-item .thumb img {        width: 100%;    }    .faq-page-content .faq-search-area .faq-search-form .submit-btn {        width: 160px;        height: 70px;    }    .call-to-action {        padding: 70px 0 80px 0;    }}/* medium tablet layout 599px */@media only screen and (max-width: 599px) {    .contact-area.contact-page {        padding: 120px 0 120px 0;    }    .error-page-content .right-content-area {        text-align: center;    }    .faq-page-content .faq-inner-wrapper .single-faq-item .description .title {        font-size: 18px;        line-height: 25px;    }    .faq-page-content .faq-search-area .faq-search-form .form-element .input-field {        padding-right: 30px;    }        .faq-page-content .faq-search-area .faq-search-form .submit-btn {        position: initial;        margin-top: 20px;        width: 200px;    }    .work-with-us-area .work-with-us-inner .title {        font-size: 34px;        line-height: 44px;    }    .work-with-us-area .work-with-us-inner .subtitle {        font-size: 25px;        line-height: 35px;    }    .blog-page-content-area .blog-page-content-area-inner .single-blog-post-item .content .title, .blog-details-content .single-blog-post .details-container .post-body .title {        font-size: 25px;        line-height: 30px;    }    .blog-details-content .single-blog-post .details-container .post-body .post-blockquote {        padding: 23px 30px 27px 20px;    }    .blog-details-content .single-blog-post .details-container .post-body .post-bottom-content .bottom-content .left-content ul li a {        padding: 5px 10px;        font-weight: 600;    }    .widget-area.tags .tags-list {        text-align: left;    }    .blog-details-content {        padding-bottom: 75px;    }    .call-to-action .left-content-area .title {        font-size: 40px;        line-height: 50px;    }    .call-to-action .left-content-area .subtitlte {        font-size: 25px;        line-height: 35px;    }    .call-to-action .right-content-area .btn-wrapper .boxed-btn {        width: 180px;        height: 55px;        line-height: 55px;    }    .work-with-us-area .work-with-us-inner p {        font-size: 15px;        line-height: 26px;    }    .breadcrumb-area {        padding: 280px 0 125px 0;    }    .breadcrumb-area.pricing-page {        padding: 280px 0 215px 0;    }    .breadcrumb-area.exta {        padding-bottom: 135px;    }    .intro-video-area .intro-video-inner .title {        font-size: 36px;        line-height: 40px;    }    .intro-video-area {        padding: 160px 0 145px 0;    }    .intro-video-area .intro-video-inner .title {        margin-top: 25px;    }    .about-us-area .right-content-area .about-bottom-box .content {        padding-left: 140px;    }    .section-title .title {        font-size: 35px;        line-height: 45px;    }    .section-title .subtitle {        font-size: 20px;        line-height: 30px;    }    .header-bottom-area .header-bottom-inner .single-header-bottom-item {        margin-bottom: 30px;    }    .header-bottom-area .header-bottom-inner .single-header-bottom-item {        margin-bottom: 30px;    }        .header-bottom-area .header-bottom-inner {        padding-bottom: 22px;    }    .testimonial-area .testimonial-carousel .single-testimonial-item {        margin-left: 60px;    }    .counterup-area .single-counterup-item .count-number .count-num {        font-size: 50px;        line-height: 60px;    }    .header-area .header-inner .subtitle {        font-size: 20px;        line-height: 27px;        margin-bottom: 10px;    }    .header-area .header-inner .title {        font-size: 44px;        line-height: 54px;        margin-bottom: 30px;    }    .header-area .header-inner .btn-wrapper .boxed-btn {        margin: 0 5px;    }    .boxed-btn {        height: 55px;        line-height: 55px;        width: 170px;    }    .header-area {        padding: 270px 0 290px 0;    }    .contact-area.contact-page .contact-area-inner {        padding-top: 0;    }    .contact-area .contact-area-inner .left-content-area {        padding-right: 0;    }}@media only screen and (max-width: 440px) {    .header-bottom-area .header-bottom-inner .single-header-bottom-item .content .title {        font-size: 25px;        line-height: 35px;    }    .header-bottom-area .header-bottom-inner .single-header-bottom-item .icon {        font-size: 60px;        line-height: 60px;        margin-bottom: 10px;    }    .about-us-area .right-content-area .title {        font-size: 40px;        line-height: 50px;    }    .about-us-area .right-content-area .title {        font-size: 40px;        line-height: 50px;    }    .contact-area .contact-area-inner .inner-title .subtitle {        font-size: 25px;        line-height: 35px;    }    .contact-area .contact-area-inner .inner-title .title {        font-size: 40px;        line-height: 50px;    }    .blog-page-content-area .blog-page-content-area-inner .single-blog-post-item .content .title, .blog-details-content .single-blog-post .details-container .post-body .title {        font-size: 20px;        line-height: 25px;        margin-bottom: 15px;    }    .blog-details-content .single-blog-post .details-container .post-body .post-blockquote .icon {        display: none;    }        .blog-details-content .single-blog-post .details-container .post-body .post-blockquote .content {        padding-left: 20px;    }    .blog-details-content .comments-area .single-comment-item .thumb {        position: initial;    }        .blog-details-content .comments-area .single-comment-item .content {        padding-left: 0;    }    .widget-area.tags .tags-list{        text-align: center;    }    .pricing-plan-area .single-price-table .price-heading .title {        font-size: 35px;        line-height: 44px;    }    .faq-page-content .faq-search-area {        padding: 50px 30px 50px 30px;    }    .section-title .title {        font-size: 32px;        line-height: 42px;    }}/* mobile tablet layout 414px */@media only screen and (max-width: 414px) {    .testimonial-area .testimonial-carousel .single-testimonial-item .thumb {        position: absolute;        left: 50%;        top: -60px;        -ms-transform: translateX(-50%);        -webkit-transform: translateX(-50%);        transform: translateX(-50%);    }    .testimonial-area .testimonial-carousel .single-testimonial-item .content {        padding: 80px 40px 32px 40px;        text-align: center;    }    .testimonial-area .testimonial-carousel .single-testimonial-item{        margin-left: 0;        margin-top: 60px;    }    .testimonial-area .testimonial-carousel .single-testimonial-item .content p {        font-size: 14px;        line-height: 26px;    }    .contact-area .contact-area-inner .left-content-area .contact-info li .single-contact-info-item .content .details {        font-size: 16px;        line-height: 26px;    }    .boxed-btn {        height: 55px;        line-height: 55px;        width: 160px;    }    .breadcrumb-area.error-page {        padding-bottom: 134px;    }    .error-page-content .left-content-area .title {        font-size: 154px;        line-height: 160px;    }    .section-title .subtitle {        font-size: 16px;        line-height: 26px;        margin-bottom: 0;    }    .section-title .title {        font-size: 30px;        line-height: 40px;    }    .contact-area .contact-area-inner .inner-title .subtitle {        font-size: 18px;        line-height: 25px;    }    .call-to-action .left-content-area .subtitlte {        font-size: 18px;        line-height: 28px;    }    .what-we-do .single-services-item .content .title {        font-size: 25px;        line-height: 35px;    }    .what-we-do .single-services-item .icon {        font-size: 60px;        line-height: 60px;        margin-bottom: 10px;    }    .work-with-us-area .work-with-us-inner .subtitle {        font-size: 20px;        line-height: 30px;    }    .work-with-us-area .work-with-us-inner .title {        font-size: 30px;        line-height: 40px;    }    .blog-details-content .single-blog-post .details-container .post-body .post-bottom-content .bottom-content .left-content ul li a {        font-size: 12px;    }    .blog-details-content .single-blog-post .details-container .post-body .post-bottom-content .bottom-content .left-content ul li {        margin: 0 4px;    }    .breadcrumb-area .page-title {        font-size: 35px;        line-height: 45px;    }    .pricing-plan-area .single-price-table .icon img {        width: 70px;    }    .pricing-plan-area .single-price-table .icon{        margin-bottom: 15px;    }    .pricing-plan-area .single-price-table .price-heading .title {        font-size: 30px;        line-height: 40px;    }    .faq-page-content .faq-search-area .faq-search-form .submit-btn {        position: initial;        margin-top: 20px;        width: 200px;        height: 60px;    }    .faq-page-content .faq-search-area .faq-search-form .form-element .input-field{        height: 60px;    }    .about-us-area .right-content-area .about-bottom-box .img-wrapper {        margin-bottom: 30px;        position: inherit;        width: 100%;        height: auto;    }    .about-us-area .right-content-area .about-bottom-box .img-wrapper img {        width: 100%;    }        .about-us-area .right-content-area .about-bottom-box .img-wrapper .hover .vd-play {        width: 60px;        height: 60px;        background-color: #fff;        text-align: center;        line-height: 60px;        border-radius: 50%;        color: #FF8400;    }    .about-us-area .right-content-area .about-bottom-box .content{        padding-left: 0;    }    .what-we-see-area .single-we-see-box {        width: 150px;        height: 150px;    }    .what-we-see-area .single-we-see-box .icon {        font-size: 40px;        line-height: 45px;        margin-bottom: 15px;    }    .what-we-see-area .single-we-see-box .content .title {        font-size: 16px;    }    }/* mobile tablet layout 375px */@media only screen and (max-width: 384px) {    .about-us-area .right-content-area .subtitle {        font-size: 20px;        line-height: 30px;        margin-bottom: 0;    }    .about-us-area .right-content-area .about-bottom-box .img-wrapper {        position: relative;        display: inline-block;    }            .about-us-area .right-content-area .about-bottom-box .content {        padding-left: 0;        margin-top: 30px;    }    .section-title .subtitle {        font-size: 18px;        line-height: 27px;        margin-bottom: 0;    }    .section-title .title {        font-size: 30px;        line-height: 40px;    }    .intro-video-area .intro-video-inner .title {        font-size: 30px;        line-height: 35px;    }    .blog-area .single-blog-item .content .title {        font-size: 18px;        line-height: 26px;    }    .contact-area .contact-area-inner .inner-title .subtitle {        font-size: 20px;        line-height: 35px;    }    .contact-area .contact-area-inner .inner-title .title {        font-size: 35px;        line-height: 45px;    }    .call-to-action .left-content-area .subtitlte {        font-size: 20px;        line-height: 30px;    }    .call-to-action .left-content-area .title {        font-size: 34px;        line-height: 45px;    }    .call-to-action .right-content-area .btn-wrapper .boxed-btn {        width: 170px;        height: 55px;        line-height: 55px;    }    .header-area .header-inner .title {        font-size: 40px;        line-height: 50px;        margin-bottom: 30px;    }    .boxed-btn {        height: 55px;        line-height: 55px;        width: 150px;    }    .header-bottom-area .header-bottom-inner .single-header-bottom-item .content .title {        font-size: 23px;        line-height: 33px;    }    .our-features-area .sigle-feature-box .content .title {        font-size: 23px;        line-height: 30px;    }    .what-we-do .single-services-item .content .title {        font-size: 20px;        line-height: 30px;        letter-spacing: 0px;    }    .what-we-do .single-services-item .icon {        font-size: 60px;        line-height: 60px;        margin-bottom: 10px;    }    .counterup-area .single-counterup-item .icon {        font-size: 80px;        line-height: 80px;        margin-bottom: 10px;    }    .counterup-area .single-counterup-item .count-number .count-num {        font-size: 45px;        line-height: 50px;    }    .counterup-area .single-counterup-item .count-number {        margin-bottom: 0;    }    .work-with-us-area .work-with-us-inner .subtitle {        font-size: 18px;        line-height: 28px;        margin-bottom: 5px;    }    .work-with-us-area .work-with-us-inner .title {        font-size: 28px;        line-height: 38px;    }    .boxed-btn {        height: 52px;        line-height: 52px;        width: 150px;    }    .blog-details-content .single-blog-post .details-container .post-body .post-bottom-content .bottom-content .left-content ul li {        margin-bottom: 10px;    }    .breadcrumb-area.pricing-page {        padding: 280px 0 200px 0;    }    .pricing-plan-area .single-price-table .price-heading .title {        font-size: 30px;        line-height: 40px;    }    .shop-page-content-area .single-shop-item .content .price-warp .price {        font-size: 20px;    }    .faq-page-content .faq-search-area .faq-search-form .form-element .input-field,    .faq-page-content .faq-search-area .faq-search-form .submit-btn {        height: 55px;        width: 100%;    }    .faq-page-content .faq-inner-wrapper .single-faq-item .faq-header {        position: initial;        margin-bottom: 25px;    }        .faq-page-content .faq-inner-wrapper .single-faq-item .description {        padding-left: 0;    }    .blog-details-content .single-blog-post .details-container .post-body .post-bottom-content .bottom-content .left-content ul li:last-child {        margin-left: 0;    }    .header-area .header-inner .subtitle {        font-size: 16px;        line-height: 27px;        margin-bottom: 5px;        font-weight: 600;    }    .our-features-area .sigle-feature-box .icon {        font-size: 50px;        line-height: 50px;        margin-bottom: 15px;    }    .work-with-us-area .work-with-us-inner .btn-wrapper .boxed-btn{        height: 52px;        line-height: 52px;        width: 162px;    }    .blog-page-content-area .blog-page-content-area-inner .single-blog-post-item .content .title,     .blog-details-content .single-blog-post .details-container .post-body .title {        font-size: 19px;        line-height: 25px;        margin-bottom: 15px;    }    .work-with-us-area .work-with-us-inner p {        font-size: 14px;        line-height: 26px;    }    .pricing-plan-area .single-price-table .icon img {        width: 60px;    }    .pricing-plan-area .single-price-table .icon {        margin-bottom: 20px;    }    .pricing-plan-area .single-price-table .price-footer .boxed-btn {        width: 200px;        height: 60px;    }}/* mobile tablet layout 360px */@media only screen and (max-width: 360px) {    .header-area .header-inner .subtitle {        font-size: 16px;    }    .boxed-btn {        width: 180px;    }    .header-area .header-inner .btn-wrapper .boxed-btn {        margin-bottom: 20px;    }    .header-area .header-inner .title {        font-size: 36px;        line-height: 45px;        margin-bottom: 30px;    }    .header-area {        padding: 270px 0 270px 0;    }    .header-bottom-area .header-bottom-inner .single-header-bottom-item .content p {        padding: 0 20px;    }    .about-us-area .right-content-area .subtitle {        font-size: 20px;        line-height: 30px;    }    .about-us-area .right-content-area .title {        font-size: 35px;        line-height: 45px;    }    .portfolio-area .portfolio-menu ul li {        font-size: 14px;        line-height: 24px;    }    .blog-area .single-blog-item .content .post-meta li,    .blog-page-content-area .blog-page-content-area-inner .single-blog-post-item .content .post-meta li a {        font-size: 12px;        line-height: 22px;    }    .work-with-us-area .work-with-us-inner .subtitle {        font-size: 18px;        line-height: 30px;    }    .work-with-us-area .work-with-us-inner .title {        font-size: 35px;        line-height: 41px;    }    .widget-area {        padding: 30px 30px 40px 30px;    }    .blog-page-content-area .blog-page-content-area-inner .single-blog-post-item .content p {        font-size: 15px;    }    .submit-btn{        width: 100%;    }    .header-area .header-inner .btn-wrapper .boxed-btn {        width: 135px;        font-size: 12px;        height: 50px;    }    .section-title .title {        font-size: 35px;        line-height: 45px;    }    .section-title .subtitle {        font-size: 18px;        line-height: 28px;        margin-bottom: 10px;    }    .what-we-see-area .single-we-see-box .icon {        font-size: 65px;        line-height: 65px;        margin-bottom: 15px;    }    .what-we-see-area .single-we-see-box .content .title {        font-size: 16px;    }    .what-we-do .single-services-item {        padding: 56px 30px 38px 30px;    }    .counterup-area .single-counterup-item .icon {        font-size: 65px;        line-height: 65px;        margin-bottom: 10px;    }    .blog-details-content .single-blog-post .details-container .post-body .post-meta li,    .blog-details-content .single-blog-post .details-container .post-body .post-meta li a {        font-size: 12px;        margin: 0 5px;    }    .what-we-do.team-page:after {        height: 400px;    }    .pricing-plan-area .single-price-table .icon img {        width: 50px;    }    .contact-area .contact-area-inner .left-content-area .contact-info li .single-contact-info-item .icon {        font-size: 30px;        line-height: 30px;    }    .contact-area .contact-area-inner .left-content-area .contact-info li .single-contact-info-item .content .details {        font-size: 14px;        line-height: 26px;    }    .contact-area .contact-area-inner .left-content-area .contact-info li .single-contact-info-item .content {        padding-left: 45px;    }    .contact-area .contact-area-inner .inner-title .subtitle {        font-size: 18px;        line-height: 35px;    }    .header-bottom-area .header-bottom-inner .single-header-bottom-item .icon {        font-size: 50px;        line-height: 50px;        margin-bottom: 10px;    }    .header-bottom-area .header-bottom-inner .single-header-bottom-item .content .title {        font-size: 19px;        line-height: 26px;    }    .header-bottom-area .header-bottom-inner .single-header-bottom-item .content p {        font-size: 15px;        line-height: 24px;    }    .blog-details-content .single-blog-post .details-container .post-body p,    .faq-page-content .faq-inner-wrapper .single-faq-item .description p {        font-size: 15px;        line-height: 26px;    }    .error-page-content .left-content-area .details {        font-size: 19px;        line-height: 30px;    }    .what-we-see-area .single-we-see-box .icon {        font-size:40px;        line-height: 40px;        margin-bottom: 15px;    }}/* mobile tablet layout 320px */@media only screen and (max-width: 330px) {    .navbar-light .navbar-brand img {        width: 150px;        display: inline-block;    }    .section-title .title {        font-size: 40px;        line-height: 45px;    }    .team-member-area .single-team-member .content {        padding: 33px 30px 25px 30px;    }    .contact-area .contact-area-inner {        padding: 50px 30px 58px 30px;    }    .faq-page-content .faq-inner-wrapper .single-faq-item {        padding: 40px 30px 20px 30px;    }    .faq-page-content .faq-inner-wrapper .single-faq-item .description p {        font-size: 14px;        line-height: 26px;    }    .error-page-content .left-content-area .title {        font-size: 110px;        line-height: 110px;    }    .footer-area .footer-top .widget.about .widget-body .subscription .title {        font-size: 23px;        line-height: 36px;    }    .about-us-area .right-content-area .title {        font-size: 30px;        line-height: 45px;    }    .about-us-area .right-content-area .subtitle {        font-size: 18px;        line-height: 30px;    }        .section-title .subtitle {        margin-bottom: 10px;    }    .blog-page-content-area .blog-page-content-area-inner .single-blog-post-item .content .post-meta li {        font-size: 12px;        margin-left: 0;    }    .widget-area {        padding: 30px 21px 40px 22px;    }    .widget-area.tags .tags-list{        text-align: left;    }    .blog-details-content .single-blog-post .details-container .post-body .post-meta li,    .blog-details-content .single-blog-post .details-container .post-body .post-meta li a{        margin-left: 0;        font-size: 12px;    }    .blog-details-content .single-blog-post .details-container .post-body .post-bottom-content .bottom-content .left-content ul li:nth-child(2){        margin-left: 0;    }    .blog-details-content .comments-form-area .title {        font-size: 24px;        line-height: 34px;    }    .error-page-content .left-content-area .details {        font-size: 18px;        line-height: 25px;    }    .navbar-area.nav-fixed .navbar-collapse {        top: 82px;    }    .blog-area .single-blog-item .content p,    .what-we-do .single-services-item .content p {        font-size: 15px;    }}