/*：源代码唯一下载地址: https://www.99ziyuan.net*/@media only screen and (min-width:320px) and (max-width: 599px) {	    body {        font-size: 14px;    }    /* Desktop Menu Hide */    #navigation-section {        display: none;    }    /* Mobile Menu Show */    .js .slicknav_menu {        display: block;    }    .title-area h1 {        font-size: 30px;    }    .title-area h2 {        font-size: 20px;        margin-top: 45px;		line-height: 30px;    }    /*::::::::::::::::::::::::::::::::::::::::::     Hero CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #hero-section.section-padding {        padding-top: 57.5px;        padding-bottom: 57.5px;    }    .hero-img {        width: 100%;        height: auto;    }    .scroll-down {        display: none;    }    .hero-name {        font-size: 55px;        line-height: 55px;        padding: 5px 0;    }    .hero-name::after {        content: "";        position: absolute;        background: #f6f6f6;        width: 100%;        height: 100%;        left: -4%;        top: 0;        z-index: -1;    }    .hero-text h4 {        font-size: 20px;    }    /*::::::::::::::::::::::::::::::::::::::::::     About CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #about-section.section-padding {        padding-top: 60.5px;        padding-bottom: 60.5px;    }    #about-section .box-btn {        margin-bottom: 30px;    }    .contact-me {        flex-direction: column;    }    .about-img{        margin-top: 30px;    }    /*::::::::::::::::::::::::::::::::::::::::::     Service CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #service-section.section-padding {        padding-top: 50px;        padding-bottom: 30px;    }    .front-side h4,    .back-side h4 {        font-size: 16px;    }    /*::::::::::::::::::::::::::::::::::::::::::     Skill CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #skill-section.section-padding {        padding-top: 55px;        padding-bottom: 25px;    }    #skill-section .title-area p{        margin-bottom: 0;    }    .skill-segment {        margin-top: 50px;    }    .skill-img {        margin-top: 52px;    }    .segment-title {        width: 180px;        height: 50px;        background: #fff;        font-size: 18px;        margin-bottom: 22px;    }    .skill-progress {        margin-top: 59px;    }    /*::::::::::::::::::::::::::::::::::::::::::     Portfolio CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #portfolio-section.section-padding {        padding-top: 50px;        padding-bottom: 30px;    }    .portfolio-area {        column-count: 1;        column-gap: 30px;    }    .portfolio-menu {        margin-bottom: 55px;        display: inline-flex;        flex-direction: column;        width: 100%;    }    /*::::::::::::::::::::::::::::::::::::::::::     Price CSS    ::::::::::::::::::::::::::::::::::::::::::*/    section#price-section.section-padding {        padding-top: 50px;        padding-bottom: 30px;    }    /*::::::::::::::::::::::::::::::::::::::::::     Testimonial CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #testimonial-section.section-padding {        padding-top: 55px;        padding-bottom: 55px;    }    .testimonial-bg{        height: 590px;    }    .designation {        font-size: 16px;    }    .single-testimonial {        height: 460px;    }    .owl-carousel .owl-dots {        bottom: 20px;    }    .testimonial-bg {        padding-left: 15px;        padding-right: 15px;    }    .owl-carousel .owl-item img{        width: 35%;        margin-bottom: 22px;    }    .reviewer-name span{        display: block;    }    /*::::::::::::::::::::::::::::::::::::::::::     Blog CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #blog-section.section-padding {        padding-top: 50px;        padding-bottom: 30px;    }    .blog-image img{        height: auto;    }    /*::::::::::::::::::::::::::::::::::::::::::     Contact CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #contact-form-section.section-padding {        padding-top: 55px;        padding-bottom: 0px;    }    .contact-form-box {        margin-top: 0px;    }    .contact-bg {        height: 1110px;    }        .single-contact-box {        margin-top: 60px;        margin-left: 30px;        margin-right: 30px;    }    .col-xs-12:first-child .single-contact-box{        margin-top: 125px;    }    /*::::::::::::::::::::::::::::::::::::::::::     Footer Navigation CSS    ::::::::::::::::::::::::::::::::::::::::::*/    .footer-nav{margin-bottom: 30px;}   #footer-navigation-section.section-padding-bottom {        padding-bottom: 18px;        margin-top: -40px;    }    .custom-offset-lg--30px {        margin-left: 0%;    }    .col-lg-3.custom-padding-off-footer {        padding-right: 15px;        padding-left: 15px;    }/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::                                                                                 Portfiloio Page CSS::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/    /*::::::::::::::::::::::::::::::::::::::::::     BreadCum CSS    ::::::::::::::::::::::::::::::::::::::::::*/    .breadcrumbs-title h1 {        color: #fff;        font-size: 32px;        font-weight: 600;        padding-top: 75px;        padding-bottom: 80px;        z-index: 99;        position: relative;    }    .breadcrumbs-navigation {        padding: 7.5px 15px;    }    /*::::::::::::::::::::::::::::::::::::::::::     Portfolio Info CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #portfolio-info-section.section-padding {        padding-top: 58px;        padding-bottom: 50px;    }    .portfolio-bg {        height: 500px;    }    .portfolio-info-box {        height: 450px;        padding: 0 25px;    }    .portfolio-info-items p {        padding: 7px 0;        display: flex;        flex-direction: column;    }    .portfolio-info-items p span {        position: inherit;        left: 0;        width: 100%;    }    #portfolio-info-section .portfolio-inner-text {        margin-top: 280px;    }    .portfolio-section-text h3 {        font-size: 18px;        line-height: 30px;    }    /*::::::::::::::::::::::::::::::::::::::::::     Portfolio Features CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #feature-section.section-padding {        padding-top: 50px;        padding-bottom: 60px;    }    .feature-text h5 {        margin-top: 10px;        margin-bottom: 30px;    }    .feature-img {        margin-top: 30px;        height: auto;    }    /*::::::::::::::::::::::::::::::::::::::::::     Portfolio Details Info CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #portfolio-img-details-section.section-padding {        padding-top: 60px;        padding-bottom: 30px;    }			.grid-item{		margin-bottom: 30px;		height: auto;		max-width: 100%;	}	.grid-item img{		width: 100%;		overflow: hidden;	}    /*::::::::::::::::::::::::::::::::::::::::::     Portfolio Service CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #portfolio-services-section.section-padding {        padding-top: 58.5px;        padding-bottom: 30px;    }    .single-portfolio-service-box {        margin-bottom: 30px;    }    /*::::::::::::::::::::::::::::::::::::::::::     Competitor Analysis Info CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #competitor-analysis-section.section-padding {        padding-top: 52px;        padding-bottom: 60px;    }    .single-competator-box {        margin-top: 48px;    }		.competator-bg img{		height: auto;	}    .post-navigation {        margin-top: 57px;    }    .post-nav {        width: 130px;    }    .portfolio-footer.section-padding-bottom {        padding-bottom: 15px;    }/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::                                                                                 Blog Page CSS::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/    /*::::::::::::::::::::::::::::::::::::::::::     Blog Header  CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #blog-header.section-padding {        padding-bottom: 0;        padding-top: 65px;    }    .blog-views-info {        margin: 23px 0;        text-align: left !important;    }    .blog-author-post-info hr{        margin-top: 0;    }    .blog-details-catagory h4{        padding: 15px 20px;    }    /*::::::::::::::::::::::::::::::::::::::::::     Blog Post  CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #blog-post-section h1 {        font-size: 25px;        font-weight: 600;        margin-bottom: 10px;        line-height: 40px;    }    #blog-post-section.section-padding {        padding-top: 4px;        padding-bottom: 33px;    }    .blog-post-img img {        margin-bottom: 30px;        height: auto;    }    .blog-detail-bg {        height: 350px;    }    /*::::::::::::::::::::::::::::::::::::::::::     Blog Quote  CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #quote-section.section-padding {        padding-top: 60px;        padding-bottom: 55px;    }    .quote-comma {        background: #1616db;        width: 65px;        height: 65px;        display: inline-flex;        justify-content: center;        align-items: center;    }    .quote-reviewer {        margin-top: 15px;    }    .quote-reviewer h3 {        font-size: 20px;        line-height: 34px;    }    /*::::::::::::::::::::::::::::::::::::::::::     Blog Video  CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #video-blog.section-padding {        padding-bottom: 0;        padding-top: 52px;    }    /*::::::::::::::::::::::::::::::::::::::::::     Video Blog  CSS    ::::::::::::::::::::::::::::::::::::::::::*/    .vedio-img {        padding-top: 55px;        padding-bottom: 55px;    }    .vedio-img img {        width: 100%;        height: 195px;    }    .blog-img-mini img {        width: 100%;        height: auto;        margin-top: 55px;    }    .blog-tag-catagory-and-share-link {        margin-top: 58px;    }    /*::::::::::::::::::::::::::::::::::::::::::     Post Like  CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #post-like.section-padding {        padding-top: 60px;        padding-bottom: 60px;    }    .blog-share-link {        text-align: left !important;        margin-top: 15px;    }    .post-like-title h2 {        font-size: 26px;        font-weight: 500;        position: relative;        margin-bottom: 48px;        margin-top: -13px;    }    .post-like-single {        margin-bottom: 50px;    }    .post-like-bg img{        height: auto;    }    #blog-post-pre-post-nav {        margin-top: 60px;    }    /*::::::::::::::::::::::::::::::::::::::::::     Comment  CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #comment-section.section-padding {        padding-bottom: 0;        padding-top: 60px;    }    .comment-author {        display: inline-flex;        flex-direction: column;    }    .commet-text {        margin-top: 0px;        margin-left: 0px;    }    .blog-comment-name-and-date h5 {        padding-right: 0px;        margin-bottom: 10px;    }    .blog-comment-name-and-date span {        line-height: 1.5;    }    .blog-footer.section-padding-bottom {        padding-top: 60px;        padding-bottom: 15px;    }    .replay-comment .commet-text {        padding-left: 0px;    }}/* Extra small devices (phones, 600px and down) */@media only screen and (min-width:600px) and (max-width: 767px) {    /* Desktop Menu Hide */    #navigation-section {        display: none;    }    /* Mobile Menu Show */    .js .slicknav_menu {        display: none;    }    body {        font-size: 16px;    }    /* Desktop Menu Hide */    #navigation-section {        display: none;    }    /* Mobile Menu Show */    .js .slicknav_menu {        display: block;    }    .title-area h1 {        font-size: 30px;    }    .title-area h2 {        font-size: 20px;        margin-top: 48px;    }    /*::::::::::::::::::::::::::::::::::::::::::     Hero CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #hero-section.section-padding {        padding-top: 57.5px;        padding-bottom: 57.5px;    }    .hero-img {        height:580;    }    .scroll-down {        display: none;    }    .hero-name {        font-size: 80px;        line-height: 80px;        padding: 5px 0;    }    /*::::::::::::::::::::::::::::::::::::::::::     About CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #about-section.section-padding {        padding-top: 60.5px;        padding-bottom: 60.5px;    }    #about-section .box-btn {        margin-bottom: 30px;    }    .contact-me {        flex-direction: column;    }    .about-img{        margin-top: 28px;    }    /*::::::::::::::::::::::::::::::::::::::::::     Service CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #service-section.section-padding {        padding-top: 50px;        padding-bottom: 30px;    }    .front-side h4,    .back-side h4 {        font-size: 16px;    }    /*::::::::::::::::::::::::::::::::::::::::::     Skill CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #skill-section.section-padding {        padding-top: 55px;        padding-bottom: 25px;    }    .skill-img {        height: 550px;        margin-top: 52px;    }    .segment-title {        width: 180px;        height: 50px;        background: #fff;        font-size: 18px;        margin-bottom: 22px;    }    /*::::::::::::::::::::::::::::::::::::::::::     Portfolio CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #portfolio-section.section-padding {        padding-top: 50px;        padding-bottom: 30px;    }    .portfolio-area {        column-count: 2;        column-gap: 30px;    }    .portfolio-menu {        margin-bottom: 55px;        display: inline-flex;        flex-direction: column;        width: 100%;    }    .portfolio-menu button{        width: 100%;    }    .portfolio-text{        width: 150px;        height: 60px;        padding-left: 20px;    }    .portfolio-text a h4 {        font-size: 18px;    }    .portfolio-text span {        font-size: 14px;    }    /*::::::::::::::::::::::::::::::::::::::::::     Price CSS    ::::::::::::::::::::::::::::::::::::::::::*/    section#price-section.section-padding {        padding-top: 50px;        padding-bottom: 30px;    }    /*::::::::::::::::::::::::::::::::::::::::::     Testimonial CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #testimonial-section.section-padding {        padding-top: 55px;        padding-bottom: 55px;    }    .reviewer-name span{        display: block;    }    .testimonial-bg {        height: 570px;    }    .single-testimonial {        height: 409px;    }    /*::::::::::::::::::::::::::::::::::::::::::     Blog CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #blog-section.section-padding {        padding-top: 50px;        padding-bottom: 30px;    }    .blog-image img {        height: auto;    }    /*::::::::::::::::::::::::::::::::::::::::::     Contact CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #contact-form-section.section-padding {        padding-top: 55px;        padding-bottom: 0px;    }    .contact-form-box {        margin-top: 0px;    }    .contact-bg {        height: 1110px;    }    .single-contact-box {        margin-top: 60px;        margin-left: 30px;        margin-right: 30px;    }    .col-sm-12:first-child .single-contact-box{        margin-top: 125px;    }    /*::::::::::::::::::::::::::::::::::::::::::     Footer Navigation CSS    ::::::::::::::::::::::::::::::::::::::::::*/    .footer-nav{margin-bottom: 30px;}    .section-padding-bottom {        padding-bottom: 0px;    }    #footer-navigation-section.section-padding-bottom {        margin-top: -40px;    }    .custom-offset-lg--30px {        margin-left: 0%;    }    .col-lg-3.custom-padding-off-footer {        padding-right: 15px;        padding-left: 15px;    }/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::                                                                                 Portfiloio Page CSS::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/    /*::::::::::::::::::::::::::::::::::::::::::     BreadCum CSS    ::::::::::::::::::::::::::::::::::::::::::*/    .breadcrumbs-title h1 {        color: #fff;        font-size: 32px;        font-weight: 600;        padding-top: 75px;        padding-bottom: 80px;        z-index: 99;        position: relative;    }    .breadcrumbs-navigation {        padding: 7.5px 15px;    }    /*::::::::::::::::::::::::::::::::::::::::::     Portfolio Info CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #portfolio-info-section.section-padding {        padding-top: 58px;        padding-bottom: 50px;    }    .portfolio-bg {        height: 500px;    }    .portfolio-info-box {        height: 450px;        padding: 0 25px;    }    .portfolio-info-items p {        padding: 7px 0;        display: flex;        flex-direction: column;    }    .portfolio-info-items p span {        position: inherit;        left: 0;        width: 100%;    }    #portfolio-info-section .portfolio-inner-text {        margin-top: 280px;    }    .portfolio-section-text h3 {        font-size: 18px;        line-height: 30px;    }    /*::::::::::::::::::::::::::::::::::::::::::     Portfolio Features CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #feature-section.section-padding {        padding-top: 50px;        padding-bottom: 60px;    }    .feature-text h5 {        margin-top: 10px;        margin-bottom: 30px;    }    /*::::::::::::::::::::::::::::::::::::::::::     Portfolio Details Info CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #portfolio-img-details-section.section-padding {        padding-top: 60px;        padding-bottom: 30px;    }	.grid-item{		margin-bottom: 30px;		height: auto;		max-width: 100%;	}	.grid-item img{		width: 100%;		overflow: hidden;	}    /*::::::::::::::::::::::::::::::::::::::::::     Portfolio Service CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #portfolio-services-section.section-padding {        padding-top: 58.5px;        padding-bottom: 30px;    }    .single-portfolio-service-box {        margin-bottom: 30px;    }    /*::::::::::::::::::::::::::::::::::::::::::     Competitor Analysis Info CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #competitor-analysis-section.section-padding {        padding-top: 52px;        padding-bottom: 60px;    }    .competator-bg img {        height: auto;    }    .single-competator-box {        margin-top: 48px;    }    .post-navigation {        margin-top: 57px;    }    .post-nav {        width: 130px;    }    .portfolio-footer.section-padding-bottom {        padding-bottom: 15px;    }    .portfolio-menu{        display: inline-block;    }    /*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::                                                                                 Blog Page CSS::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/    /*::::::::::::::::::::::::::::::::::::::::::     Blog Header  CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #blog-header.section-padding {        padding-bottom: 0;        padding-top: 65px;    }    .blog-views-info {        margin: 23px 0;        text-align: left !important;    }    /*::::::::::::::::::::::::::::::::::::::::::     Blog Post  CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #blog-post-section h1 {        font-size: 25px;        font-weight: 600;        margin-bottom: 10px;        line-height: 40px;    }    #blog-post-section.section-padding {        padding-top: 37px;        padding-bottom: 33px;    }    .blog-post-img img {        margin-bottom: 30px;       height: auto;    }    .blog-post-img {        margin-top: 25px;        margin-bottom: 55px;    }    .blog-detail-bg {        height: 350px;    }    /*::::::::::::::::::::::::::::::::::::::::::     Blog Quote  CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #quote-section.section-padding {        padding-top: 60px;        padding-bottom: 55px;    }    .quote-comma {        background: #1616db;        width: 65px;        height: 65px;        display: inline-flex;        justify-content: center;        align-items: center;    }    .quote-reviewer {        margin-top: 15px;    }    .quote-reviewer h3 {        font-size: 20px;        line-height: 34px;    }    /*::::::::::::::::::::::::::::::::::::::::::     Blog Quote  CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #video-blog.section-padding {        padding-bottom: 0;        padding-top: 52px;    }    /*::::::::::::::::::::::::::::::::::::::::::     Video Blog  CSS    ::::::::::::::::::::::::::::::::::::::::::*/    .vedio-img {        padding-top: 55px;        padding-bottom: 55px;    }    .vedio-img img {        width: 100%;        height: 195px;    }    .blog-img-mini img {        width: 100%;        height: auto;        margin-top: 55px;    }    .blog-tag-catagory-and-share-link {        margin-top: 58px;    }    /*::::::::::::::::::::::::::::::::::::::::::     Post Like  CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #post-like.section-padding {        padding-top: 60px;        padding-bottom: 60px;    }    .blog-share-link {        text-align: left !important;        margin-top: 15px;    }    .post-like-title h2 {        font-size: 26px;        font-weight: 500;        position: relative;        margin-bottom: 48px;        margin-top: -13px;    }    .post-like-single {        margin-bottom: 50px;    }    .post-like-bg img{        height: auto;    }        /*::::::::::::::::::::::::::::::::::::::::::     Comment  CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #comment-section.section-padding {        padding-bottom: 0;        padding-top: 60px;    }    .comment-author {        display: inline-flex;        flex-direction: column;    }    .commet-text {        margin-top: 0px;        margin-left: 0px;    }    .blog-comment-name-and-date h5 {        padding-right: 0px;        margin-bottom: 10px;    }    .blog-comment-name-and-date span {        line-height: 1.5;    }    .blog-footer.section-padding-bottom {        padding-top: 60px;        padding-bottom: 15px;    }    .replay-comment .commet-text {        padding-left: 0px;    }}/* Medium devices (landscape tablets, 768px and up) */@media only screen and (min-width:768px) and (max-width: 991px) {       /* Desktop Menu Hide */       #navigation-section {        display: none;    }    /* Mobile Menu Show */    .js .slicknav_menu {        display: block;    }    body {        font-size: 16px;    }    /* Desktop Menu Hide */    #navigation-section {        display: none;    }    /* Mobile Menu Show */    .js .slicknav_menu {        display: block;    }    .title-area h1 {        font-size: 30px;    }    .title-area h2 {        font-size: 20px;        margin-top: 48px;        line-height: 32px;    }    /*::::::::::::::::::::::::::::::::::::::::::     Hero CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #hero-section.section-padding {        padding-top: 57.5px;        padding-bottom: 57.5px;    }    .hero-img {        height: 336px;    }    .scroll-down {        display: none;    }    .hero-name {        font-size: 55px;        line-height: 55px;        padding: 5px 0;    }    .hero-gretting {        margin-top: 0px;        margin-bottom: 20px;        color: #212121;    }    .hero-name::after {        content: "";        position: absolute;        background: #f6f6f6;        width: 120%;        height: 100%;        left: -60px;        top: 0;        z-index: -1;    }    /*::::::::::::::::::::::::::::::::::::::::::     About CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #about-section.section-padding {        padding-top: 60.5px;        padding-bottom: 60.5px;    }    #about-section .box-btn {        margin-bottom: 30px;    }    .contact-me {        flex-direction: column;    }    .about-img .img-fluid{        height: auto;    }    /*::::::::::::::::::::::::::::::::::::::::::     Service CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #service-section.section-padding {        padding-top: 50px;        padding-bottom: 30px;    }    .front-side h4,    .back-side h4 {        font-size: 16px;    }    /*::::::::::::::::::::::::::::::::::::::::::     Skill CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #skill-section.section-padding {        padding-top: 55px;        padding-bottom: 25px;    }    .skill-img {        height: 735px;        background-position-x: center;        margin-top: 52px;    }    .segment-title {        width: 180px;        height: 50px;        background: #fff;        font-size: 18px;        margin-bottom: 22px;    }    /*::::::::::::::::::::::::::::::::::::::::::     Portfolio CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #portfolio-section.section-padding {        padding-top: 50px;        padding-bottom: 30px;    }    .portfolio-area {        column-count: 2;        column-gap: 30px;    }    .portfolio-menu {        margin-bottom: 55px;        flex-direction: column;        width: 100%;    }    .portfolio-menu button {        padding: 19px 37px;    }    /*::::::::::::::::::::::::::::::::::::::::::     Price CSS    ::::::::::::::::::::::::::::::::::::::::::*/    section#price-section.section-padding {        padding-top: 50px;        padding-bottom: 30px;    }    /*::::::::::::::::::::::::::::::::::::::::::     Testimonial CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #testimonial-section.section-padding {        padding-top: 55px;        padding-bottom: 55px;    }    .reviewer-name span{        display: inline-block;    }    /*::::::::::::::::::::::::::::::::::::::::::     Blog CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #blog-section.section-padding {        padding-top: 50px;        padding-bottom: 30px;    }    .blog-image img {        height: auto;    }    /*::::::::::::::::::::::::::::::::::::::::::     Contact CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #contact-form-section.section-padding {        padding-top: 55px;        padding-bottom: 0px;    }    .contact-bg {       padding: 0 15px;    }    .contact-form-box {        margin-top: 0px;    }    .contact-icon {        width: 60px;        height: 60px;        line-height: 60px    }    .contact-icon img {        width: 25px;    }    .contact-bg {        height: 520px;    }    .contact-form-box {padding: 45px 40px;}    .contact-info p {        font-size: 13px;    }    /*::::::::::::::::::::::::::::::::::::::::::     Footer Navigation CSS    ::::::::::::::::::::::::::::::::::::::::::*/    .footer-nav{margin-bottom: 30px;}    .section-padding-bottom {        padding-bottom: 0px;    }    #footer-navigation-section.section-padding-bottom {        margin-top: -40px;    }    .custom-offset-lg--30px {        margin-left: 0%;    }    .col-lg-3.custom-padding-off-footer {        padding-right: 15px;        padding-left: 15px;    }    .mb-md-50 {        margin-top: 30px;    }    /*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::                                                                                 Portfiloio Page CSS::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/    /*::::::::::::::::::::::::::::::::::::::::::     BreadCum CSS    ::::::::::::::::::::::::::::::::::::::::::*/    .breadcrumbs-title h1 {        color: #fff;        font-size: 32px;        font-weight: 600;        padding-top: 75px;        padding-bottom: 80px;        z-index: 99;        position: relative;    }    .breadcrumbs-navigation {        padding: 7.5px 15px;    }    /*::::::::::::::::::::::::::::::::::::::::::     Portfolio Info CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #portfolio-info-section.section-padding {        padding-top: 58px;        padding-bottom: 50px;    }    .portfolio-bg {        height: 500px;    }    .portfolio-info-box {        height: 450px;        padding: 0 25px;    }    .portfolio-info-items p {        padding: 7px 0;        display: flex;        flex-direction: column;    }    .portfolio-info-items p span {        position: inherit;        left: 0;        width: 100%;    }    #portfolio-info-section .portfolio-inner-text {        margin-top: 280px;    }    .portfolio-section-text h3 {        font-size: 18px;        line-height: 30px;    }    /*::::::::::::::::::::::::::::::::::::::::::     Portfolio Features CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #feature-section.section-padding {        padding-top: 50px;        padding-bottom: 60px;    }    .feature-text h5 {        margin-top: 10px;        margin-bottom: 30px;    }    .feature-img {        margin-top: 30px;        height: auto;        margin: 0 auto;        display: block;    }    /*::::::::::::::::::::::::::::::::::::::::::     Portfolio Details Info CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #portfolio-img-details-section.section-padding {        padding-top: 60px;        padding-bottom: 30px;    }    .grid-item{        width: 50%;        height: auto;		margin-bottom: 15px;    }    /*::::::::::::::::::::::::::::::::::::::::::     Portfolio Service CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #portfolio-services-section.section-padding {        padding-top: 58.5px;        padding-bottom: 30px;    }    .single-portfolio-service-box {        margin-bottom: 30px;    }    /*::::::::::::::::::::::::::::::::::::::::::     Competitor Analysis Info CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #competitor-analysis-section.section-padding {        padding-top: 52px;        padding-bottom: 60px;    }    .competator-bg img {        height: auto;    }    .single-competator-box {        margin-top: 48px;    }    .post-navigation {        margin-top: 57px;    }    .post-nav {        width: 130px;    }    .portfolio-footer.section-padding-bottom {        padding-bottom: 15px;    }/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::                                                                                 Blog Page CSS::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/    /*::::::::::::::::::::::::::::::::::::::::::     Blog Header  CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #blog-header.section-padding {        padding-bottom: 0;        padding-top: 65px;    }    .blog-views-info {        margin: 23px 0;        text-align: center !important;    }    .blog-detail-bg {        height: 350px;    }    /*::::::::::::::::::::::::::::::::::::::::::     Blog Post  CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #blog-post-section h1 {        font-size: 25px;        font-weight: 600;        margin-bottom: 10px;        line-height: 40px;    }    #blog-post-section.section-padding {        padding-top: 37px;        padding-bottom: 33px;    }    .blog-post-img img {        margin-bottom: 30px;        height: auto;    }    .blog-post-img {        margin-top: 25px;        margin-bottom: 55px;    }    /*::::::::::::::::::::::::::::::::::::::::::     Blog Quote  CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #quote-section.section-padding {        padding-top: 60px;        padding-bottom: 55px;    }    .quote-comma {        background: #1616db;        width: 65px;        height: 65px;        display: inline-flex;        justify-content: center;        align-items: center;    }    .quote-reviewer {        margin-top: 15px;    }    .quote-reviewer h3 {        font-size: 20px;        line-height: 34px;    }    /*::::::::::::::::::::::::::::::::::::::::::     Blog Quote  CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #video-blog.section-padding {        padding-bottom: 0;        padding-top: 52px;    }    /*::::::::::::::::::::::::::::::::::::::::::     Video Blog  CSS    ::::::::::::::::::::::::::::::::::::::::::*/    .vedio-img {        padding-top: 55px;        padding-bottom: 55px;    }    .vedio-img img {        width: 100%;        height: auto;    }    .blog-img-mini img {        width: 100%;        height: auto;        margin-top: 55px;    }    .blog-tag-catagory-and-share-link {        margin-top: 58px;    }    /*::::::::::::::::::::::::::::::::::::::::::     Post Like  CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #post-like.section-padding {        padding-top: 60px;        padding-bottom: 60px;    }    .blog-share-link {        text-align: left !important;        margin-top: 15px;    }    .post-like-title h2 {        font-size: 26px;        font-weight: 500;        position: relative;        margin-bottom: 48px;        margin-top: -13px;    }    .post-like-single {        margin-bottom: 50px;    }    .post-like-bg img{        height: auto;    }    /*::::::::::::::::::::::::::::::::::::::::::     Comment  CSS    ::::::::::::::::::::::::::::::::::::::::::*/    #comment-section.section-padding {        padding-bottom: 0;        padding-top: 60px;    }    .comment-author {        display: inline-flex;        flex-direction: column;    }    .commet-text {        margin-top: 0px;        margin-left: 0px;    }    .blog-comment-name-and-date h5 {        padding-right: 0px;        margin-bottom: 10px;    }    .blog-comment-name-and-date span {        line-height: 1.5;    }    .blog-footer.section-padding-bottom {        padding-top: 60px;        padding-bottom: 15px;    }    #comment-title {        margin-bottom: 145px;        margin-top: 20px;    }    .replay-comment .commet-text {        padding-left: 0px;    }}/* Large devices (laptops/desktops, 992px and up) */@media only screen and (min-width: 992px) and (max-width: 1199px) {    .js .slicknav_menu {        display: none;    }    /* Desktop Menu Hide */    #navigation-section {        display: inherit;    }    .title-area h1 {        font-size: 32px;    }    .hero-img {height: 475px;}    .hero-name {        font-size: 70px;        line-height: 70px;    }    .hero-name::after {left: -110px;}    .contact-me {font-size: 16px;}    .front-side h4, .back-side h4 {        font-size: 20px;        font-weight: 500;    }    .reviewer-name {        display: flex;        flex-direction: column;    }    .date, .admin {        position: relative;        padding-left: 30px;        color: #333333;        font-size: 12px;    }    a.blog-title {        font-size: 18px;        line-height: 35px;    }    .blog-excerpt {        font-size: 15px;    }    .commet-text {        margin-top: -30px;        margin-left: 30px;    }    .comment-author {        display: inline-flex;        flex-direction: column;    }    .replay-comment .commet-text p {        padding-left: 7px;    }    .replay-comment .commet-text {        padding-left: 0px;    }    .single-testimonial {        height: 365px;    }	    .grid-item{margin-bottom: 15px;}    .about-img .img-fluid {        height: auto;    }    .about-img {        position: relative;    }    .blog-image img{        height: auto;    }    .post-like-bg img {        height: auto;    }    .blog-comment-name-and-date span {        margin-top: 5px;    }    .portfolio-info-items.pii-right span {        left: 43%;    }    .portfolio-info-box .col-lg-7{        padding-left:0    }    .segment-title {        width: 210px;        height: 58px;        font-size: 20px;    }    .skill-div h5, .skill-progressbar h5{        font-size: 16px;    }    .skill-div p{        font-size: 14px;    }    .feature-img {        height: auto;    }    .feature-text h5{margin-bottom: 30px;}}@media only screen and (min-width: 992px) and (max-width: 7680px) {    .slicknav_menu {        display: none;    }    /* Desktop Menu Hide */    #navigation-section {        display: inherit;    }}@media only screen and (width: 360px) {    .about-img {        height: 400px;    }    .skill-img {        height: 450px;    }}@media only screen and (width: 384px) {    .skill-img {        height: 450px;    }}@media only screen and (min-width: 600px) and (max-width: 731px){    .about-img {        height: 580px;    }}@media only screen and (width: 411px) {    .about-img {        height: 400px;    }}@media only screen and (min-width: 731px) and (max-width: 732px){    .about-img {        height: 580px;    }}@media only screen and (min-width: 800px) and (max-width: 823px) {    .about-img {        height: 475px;    }}@media only screen and (min-width: 320px) and (max-width: 375px) {    .about-img {        height: 350px;    }    .skill-img {        height: 400px;    }}@media only screen and (width: 568px) {    .about-img {        height: 580px;    }}@media only screen and (width: 375px) {    .about-img {        height: 390px;    }}@media only screen and (width: 667px) {    .about-img {        height: 570px;    }}@media only screen and (width: 414px) {    .about-img {        height: 390px;    }}@media only screen and (width: 736px) {    .about-img {        height: 550px;    }}@media only screen and (width: 812px) {    .about-img {        height: 430px;    }}@media only screen and (width: 768px) {    .about-img {        height: 430px;    }}@media only screen and (width: 960px) {    .about-img {        height: 470px;    }}@media only screen and (width: 1024px) {    .skill-img{        height: 577px;    }}/*：源代码唯一下载地址: https://www.99ziyuan.net*/