@media (min-width: 1921px){
	
	body{
		font-size: 1.5vmin;

    line-height: 2.8vmin;
	}
	
	
	.hendrio_menu>ul>li>a{
		margin: 3vmin 1vmin;
		font-size: 1.5vmin;
	}
	
	.hendrio_menu ul .sub-menu li a{
		padding: 1vmin 1vmin;
		font-size: 1.4vmin;
	}
	
	
	
	nav.hendrio_menu span{
		font-size: 1.3vmin;
		top: -2.2vmin;
		padding-left: 10px;
	}
	.header-call h3{
		font-size: 1.8vmin;
	}
	.language_web .langu img{
		width: 2.5vmin;
	}
	
	.about-icon-box{
		padding: 2.6vmin 0 3vmin;
    margin-top: 2vmin;
	}
	
	
	.single-about.txt{
		padding-top: 15vmin;
    padding-right: 6vmin;
	}
	
	.about-area .section-title h5{
		font-size: 12vmin;
	}
	.about-area .section-title h2{
		font-size: 3.2vmin;
		margin-top: 8%;
	}
	.about-area .section-title h1{
		font-size: 4vmin;
		line-height: 1.5;
	}
	.about-description p{
		font-size: 1.7vmin;
		line-height: 3vmin;
	}
	.abouts_titles h4{
		font-size: 4.5vmin;
        line-height: 3vmin;
		padding-bottom: 2vmin;
	}
	.abouts_titles h4 i{
		font-size: 1.4vmin;
		right: -30px;
	}
	.abouts_titles p{
		padding-top: 0.3vmin;
		font-size: 1.8vmin;
        line-height: 2.6vmin;
	}
	.hendrio-button a{
		font-size: 2vmin;
		padding: 1.5vmin 4vmin 1.5vmin 4vmin;
	}
	.sy_about .about-thumb{
		height: 100%;
	}
	.about-thumb img{
		width: auto;
		height: 100%;
	}
	
	.portfolio-area .section-title h1{
		font-size: 3.3vmin;
		line-height: 5vmin;
	}
	.portfolio-area .section-title h5{
		font-size: 2.5vmin;
		margin-bottom: 1.5vmin;
	}
	.portfolio-content h3 a{
		font-size: 1.8vmin;
		padding-top: 2vmin;
	}
	
	.portfolio-area{
		padding: 10vmin 0 6vmin;
	}
	.portfolio-area .hendrio-button{
		margin-top: 60px;
	}
	
	
	.portfolio-content{
		padding: 0px 3vmin 1.8vmin;
	}
	.section-title.sybt{
		padding-top: 4vmin;
	}
	
	.team-list .owl-nav{
		bottom: 6vmin;
	}
	
	.owl-next i{
		height: 5vmin;
        width: 5vmin;
		line-height: 5vmin;
		font-size: 1.8vmin;
	}
	
	.owl-prev{
		right: -7vmin;
	}
	.owl-prev i{
		height: 5vmin;
        width: 5vmin;
		line-height: 5vmin;
		font-size: 1.8vmin;
	}
	
	
	.section-title.sybt h5{
		font-size: 9.8vmin;
	}
	.section-title.sybt h2{
		font-size: 2.8vmin;
		margin-top: 3.1vmin;
	}
	.section-title.sybt h1{
		font-size: 3vmin;
		line-height: 5vmin;
	}
	.sy_qyhj_lb{
		margin-top: 2vmin;
	}
	.qyhj_img{
		height: 59vmin;
	}
	.qyhj_img2_img{
		height: 25vmin;
	}
	.qyhj_img2_txt p{
		font-size: 1.6vmin;
		padding: 1.2vmin 0;
	}
	.qyhj_img2_txt {
		height: auto;
	}
	.call-do-action{
		padding: 6vmin 0 4vmin;
	}
	
	.sy_zmqy.testimonial-area{
		padding: 8.5vmin 0 7vmin;
	}
	
	.sy_zmqy_bt h3{
		font-size: 3.5vmin;
		margin-top: 1.1vmin;
	}
	
	.sy_zmqy_fwz p{
		font-size: 4vmin;
	}
	.sy_zmqy_fwz h5{
		font-size: 4.8vmin;
	}
	.blog-area{
		padding: 8vmin 0 7vmin;
	}
	.qyxw_bt h5{
		font-size: 2vmin;
	}
	.qyxw_bt p{
		font-size: 1.6vmin;
	}
	.blog-area h2.blog-title a{
		font-size: 2vmin;
		line-height: 3vmin;
	}
	.blog-area .blog-content{
		padding: 5vmin 3.5vmin 6vmin;
	}
	.hydt_bt h5{
		font-size: 2vmin;
	}
	.hydt_bt p{
		font-size: 1.6vmin;
	}
	.sy_news_lb{
		margin-top: 3vmin;
	}
	.sy_news_hydt .blog-xw h2 a{
		font-size: 2vmin;
	}
	.news_hydt_wk{
		padding: 7vmin 5vmin;
	}
	
	.sy_news_hydt .blog-xw p{
		margin-top: 4vmin;
	}
	
	.sy_news_hydt .blog-xw p a{
		font-size: 1.6vmin;
		line-height: 1.8;
	}
	.news_hydt_wk .blog-btn1 a{
		padding: 1vmin 5vmin;
		font-size: 1.6vmin;
		display: inline-block;
	}
	.sy_xwlb_txt h5 {
		margin-top: 1.1vmin;
	}
	.sy_xwlb_txt h5 a{
		font-size: 1.8vmin;
	}
	.sy_xwlb_txt p{
		margin-top: 1vmin;
	}
	.sy_xwlb_txt p a{
		font-size: 1.6vmin;
		line-height: 1.8;
	}
	.blog-btn2 a{
		font-size: 2.2vmin;
	}
	.footer-area{
		padding: 2vmin 0 0;
	}
	.foot-nav{
		padding: 3vmin 10%;
		margin-bottom: 6vmin;
	}
	.foot-nav .bt h3{
		font-size: 2.2vmin;
	}
	.foot-nav .nav ul li a{
		font-size: 1.6vmin;
	}
	ul.footer-menu li{
		padding: 0px 0 1vmin;
	}
	ul.footer-menu li a{
		font-size: 1.8vmin;
		padding: 0 0 0 1.5vmin;
        display: inline-block;
        line-height: 1;
	}
	ul.footer-menu li a::before{
		top: 9px;
    width: 1vmin;
    height: 1vmin;
    border-radius: 1vmin;
	}
	
	
	.footer-zxzx .zxzx a{
		padding: 1vmin 2vmin;
	}
	.zxzx_txt p{
		font-size: 1.6vmin;
	}
	.tel p{
		font-size: 1.8vmin;
		line-height: 1;
	}
	.tel h3{
		font-size: 2.8vmin;
        padding-top: 1vmin;
	}
	
	.zxzx_img{
		padding-right: 2vmin;
	}
	.zxzx_img img{
		width: 1.9vmin;
	}
	
	
	.single-about{
		height: 100%;
	}
	.about-thumb{
		height: 100%;
	}
	.single-about .about-thumb img{
		height: 100%;
		width: 100%;
	}
	.about-area .section-title{
		padding-top: 4vmin;
	}
	.about-title h4{
		    font-size: 1.6vmin;
    line-height: 2.8vmin;
		margin: 1.7vmin 0 1.9vmin 5vmin;
	}
	.about-title h4::before{
		top: 1.5vmin;
	}
	.breadcumb-area{
		height: 38vmin;
	}
	.breadcumb-content h1{
		font-size: 5.5vmin;
		margin-bottom: 1vmin;
	}
	.breadcumb-content ul li{
		font-size: 1.5vmin;
	}
	
	.breadcumb-content ul li a{
		font-size: 1.5vmin;
		margin-right: 2vmin;
	}
	
	.breadcumb-content ul li a::before{
		height: 1.4vmin;
    width: 0.1vmin;
    top: 0.1vmin;
    right: -1.4vmin;
	}
	
	.abouts_titles h3{
		font-size: 2vmin;
    line-height: 2.6vmin;
		padding-bottom: 1vmin;
	}
	
	.single-feature-box-inner{
		padding: 3.5vmin 3.1vmin 4vmin;
	}
	
	.feature-content h3{
		font-size: 2.4vmin;
    line-height: 3.5vmin;
	}
	.feature-content span{
		font-size: 1.6vmin;
		margin-left: 2.5vmin;
	}
	
	.feature-content span::before{
		    top: 1.1vmin;
		    width: 2vmin;
            left: -2.5vmin;
	}
	.feature-icon{
		height: 7vmin;
    width: 7vmin;
    line-height: 7vmin;
	}
	.feature-icon img{
		width: 3vmin;
	}
	
	.ny_about .team-description p{
		font-size: 1.8vmin;
		line-height: 2.8vmin;
		margin: 1.6vmin 0 0;
	}
	
	.skill-area.style-two{
		padding: 9vmin 0 9vmin;
	}
	.skill-description p{
		font-size: 1.6vmin;
		margin: 1.5vmin 0 0px 0;
		line-height: 1.5;
	}
	.testimonial-area{
		padding: 8.5vmin 0 7vmin;
	}
	.testimonial-area .owl-next i{
		height: 5vmin;
    width: 5vmin;
    line-height: 5vmin;
		font-size: 1.8vmin;
	}
	.testimonial-area .owl-prev i{
		height: 5vmin;
    width: 5vmin;
    line-height: 5vmin;
		font-size: 1.8vmin;
	}
	.testimonial-area .owl-prev{
		right: 7vmin;
	}
	.testimonial-area .owl-next{
		top: -120px;
	}
	.footer-bottom-content-copy p{
		font-size: 1.2vmin;
	}
	.footer-bottom-menu ul li a{
		font-size: 1.2vmin;
	}
	.footer-bottom-menu ul li a::before{
		width: 1vmin;
    height: 1vmin;
		left: -1.5vmin;
    border-radius: 1vmin;
	}
	.row.footer-bottom{
		padding: 2.5vmin 0 2vmin;
	}
	.footer-text p{
		font-size: 1.5vmin;
		padding-top: 1vmin;
	}
	.pagination-menu ul li{
		font-size: 1.6vmin;
		margin-right: 0.8vmin;
	}
	.portfolio-area .single-portfolio{
		margin: 0 0.5vmin 2vmin;
	}


	.pagination-menu ul li span{
		width: 4.6vmin;
        height: 4.6vmin;
        line-height: 4.6vmin;
		font-size: 2vmin;
	}
	
	.pagination-menu ul li a{
		width: 4.6vmin;
        height: 4.6vmin;
        line-height: 4.6vmin;
		font-size: 2vmin;
	}
	
	.hendrio_menu ul .sub-menu{
		width: 260%;
	}
	
	h4.sidebar-title{
		font-size: 2.2vmin;
        padding: 0 0 2.5vmin;
	}
	
	h4.sidebar-title::before{
	left: -1.4vmin;
    top: 0;
    width: 0.3vmin;
    height: 3vmin;
	}
	ul.sidebar-menu{
		padding: 3vmin 0 0;
	}
	ul.sidebar-menu li{
		padding: 1.3vmin 1.5vmin 1.3vmin;
		margin-bottom: 1vmin;
    border-radius: 0.4vmin;
	}
	ul.sidebar-menu li a{
		font-size: 1.6vmin;
		line-height: 1.8;
	}
	ul.sidebar-menu li a i{
		border-radius: 2vmin;
    font-size: 1.6vmin;
    padding: 0px 0.3vmin;
    margin-right: 0.5vmin;
	}
	.upper.widget_search input{
		height: 6vmin;
		border-radius: 0.4vmin 0px 0px 0.4vmin;
    padding: 0 2vmin 0;
	}
	.upper button.icons{
		height: 5.6vmin;
    width: 5.6vmin;
		font-size: 1.8vmin;
	}
	
	.product-sale span{
		padding: 0.4vmin 2vmin;
        font-size: 1.4vmin;
		line-height: 2.4vmin;
	}
	
	ul.product-rating li{
		font-size: 1.4vmin;
	}
	.product-content{
		padding: 2.3vmin 0 0.6vmin;
	}
	.product-title h2{
		font-size: 1.8vmin;
		line-height: 1.7vmin;
		margin-top: 1.1vmin;
	}
	.product-price p{
		font-size: 1.5vmin;
		padding: 1.4vmin 0 0px;
	}
	
	.widget-sidebar-box{
		padding: 3vmin 3vmin 3vmin;
    background: #fff;
    margin-bottom: 3vmin;
	}
	
	.product-categories-box{
		padding: 3vmin 3vmin 2vmin;
		margin-bottom: 3vmin;
	}
	
	.categories-title h4::before{
		left: -3.5vmin;
        top: 0;
        height: 2.9vmin;
	}
	
	.categories-title h4{
		font-size: 2.2vmin;
		padding: 0px 0 2.5vmin;
        margin: 0 0 3.0vmin;
	}
	.sticky nav.hendrio_menu span{
		font-size: 1.3vmin;
        padding-left: 0.6vmin;
	}
	.products-title h6{
		font-size: 1.6vmin;
        line-height: 2.1vmin;
		margin-top: 1.1vmin;
	}
	.product-price span{
		font-size: 1.5vmin;
		line-height: 1.5;
	}
	.product-icon-list ul{
		line-height: 2vmin;
	}
	.product-icon-list ul li{
		letter-spacing: 0.4vmin;
    font-size: 1.4vmin;
	}
	.product-thumb{
		margin-right: 1.7vmin;
    width: 7vmin;
    height: 7vmin;
	}
	.top-wrap .go-top-button i{
		font-size: 2vmin;
    padding-left: 0.4vmin;
	}
	.top-wrap .go-top-button{
		width: 5vmin;
    height: 5vmin;
    line-height: 4vmin;
	}
	.top-wrap .go-top-button::after{
		left: 0.3vmin;
    top: 0.3vmin;
    width: 4.5vmin;
    height: 4.5vmin;
	}
	
	.product-thumb-icon a{
		font-size: 2vmin;
    width: 4.6vmin;
    height: 4.6vmin;
    line-height: 4.7vmin;
	}
	
	.tabs_item{
		padding: 3vmin 0;
		margin-bottom: 3vmin;
	}
	.tabs_item img{
		width: 100%;
    max-width: 100%;
	}
	.mfp-image-holder .mfp-content{
		width: 50%;
	}
	.mfp-image-holder .mfp-content img.mfp-img{
		width: 100%;
	}
	.mfp-arrow:after, .mfp-arrow:before{
		margin-top: 3.5vmin;
    margin-left: 3.5vmin;
	}
	.mfp-arrow:after{
		border-top-width: 1.3vmin;
    border-bottom-width: 1.3vmin;
    top: 0.8vmin;
	}
	
	.mfp-arrow-right:after{
		border-left: 1.7vmin solid #fff;
    margin-left: 3.9vmin;
	}
	.mfp-arrow:before{
		border-top-width: 2.1vmin;
    border-bottom-width: 2.1vmin;
	}
	.mfp-arrow-right:before{
		border-left: 2.7vmin solid #3f3f3f;
	}
	.mfp-gallery .mfp-iframe-holder .mfp-close, .mfp-gallery .mfp-image-holder .mfp-close {
		width: 4.4vmin;
    height: 4.4vmin;
    line-height: 4.4vmin;
		font-size: 2.8vmin;
		right: -4vmin;
	}
	.mfp-bottom-bar .mfp-counter{
		font-size: 1.2vmin;
    line-height: 1.8vmin;
	}

	.category-title h2{
		font-size: 3.1vmin;
		line-height: 2.6vmin;
        padding: 0px 0 2.3vmin;
	}
	
	.category-icon-list ul li{
		font-size: 1.6vmin;
	}
	
	.category-price h1{
		font-size: 1.8vmin;
        line-height: 2.6vmin;
		padding: 0.6vmin 0 1.9vmin;
		margin-top: 1.1vmin;
	}
	
	.category-description p{
		font-size: 1.5vmin;
        line-height: 2.8vmin;
	}
	.category-color p{
		line-height: 2.6vmin;
    font-size: 1.6vmin;
    padding: 1.8vmin 0 0.6vmin;
	}
	
	.category-button a{
		padding: 1.3vmin 2.5vmin;
    font-size: 1.5vmin;
    font-weight: 500;
    border-radius: 0.4vmin;
	}
	
	.category-button a i{
		padding-right: 1vmin;
    font-size: 1.6vmin;
	}
	.style-three.tab{
		border: 0.1vmin solid rgba(6,36,98,0.1);
    padding: 1.5vmin 4.4vmin 1.5vmin;
    border-radius: 1vmin;
    margin-right: 1.5vmin;
    margin-bottom: 5vmin;
	}
	
	ul.tabs.active li img{
		width: 13vmin;
	}
	.style-three li.current a{
		border: 0.1vmin solid #FD8F14;
		padding: 0.5vmin;
		margin-right: 2vmin;
        border-radius: 0.5vmin;
	}
	
	.tabs li{
		line-height: 3.8vmin;
    margin-bottom: 3vmin;
	}
	
	.appoinment-tab .tabs li a{
		font-size: 1.5vmin;
		padding: 0.9vmin 2.9vmin;
		margin-right: 2vmin;
		border-radius: 0.5vmin;
		border: 0.1vmin solid rgba(13,14,20,0.1);
	}
	
	.product-item-title h2{
		font-size: 3vmin;
    font-weight: 700;
    line-height: 4.2vmin;
    padding: 2vmin 0 3vmin;
	}
	.products-thumb{
		border: 0.1vmin solid rgba(6,36,98,0.1);
	}
	
	/*xw*/
	.blog-area .meta-blog a{
		font-size: 1.6vmin;
    padding: 0.7vmin 2.2vmin 0.7vmin 4.8vmin;
    border-radius: 3vmin;
		line-height: 1.5;
	}
	.blog-area .meta-blog{
		bottom: -20px;
    left: 30px;
	}
	.blog-area .meta-blog a::after{
		left: 2vmin;
    top: 1.8vmin;
    background: #fff;
    width: 2vmin;
    height: 0.1vmin;
	}
	.blog-content h2{
		margin-top: 1.1vmin;
		font-size: 3.5vmin;
	}
	
	
	.blog-content p{
		font-size: 1.8vmin;
		line-height: 1.8;
		margin-top: 1vmin;
	}
	.blog-area .blog-btn a{
		font-size: 1.5vmin;
		padding: 2.2vmin 0 0;
	}
	.blog-area .blog-btn a i{
		font-size: 1.8vmin;
	}
	.sidebar-widget input{
		height: 6vmin;
	}
	button.icons{
		font-size: 1.8vmin;
		padding: 0.1vmin 1.5vmin;
		height: 6vmin;
        width: 6vmin;
		border-radius: 0 0.4vmin 0.4vmin 0;
	}
	
	.rpost-thumb{
		margin-right: 2vmin;
    padding: 0 0 2.2vmin;
    width: 7vmin;
    height: 7vmin;
	}
	
	.rpost-title h4{
		font-size: 1.6vmin;
		margin: 1.5vmin 0 0;
	}
	
	.widget-sidebar-quick-contact{
		padding: 5vmin 0 5vmin;
    margin-bottom: 3vmin;
    border-radius: 0.5vmin;
	}
	h3.widget-title2{
		padding: 2.5vmin 0 2vmin;
    font-size: 2.6vmin;
	}
	h5.sidebar-title{
		font-size: 2vmin;
		margin-top: 1.1vmin;
	}
	h5.sidebar-title2{
		font-size: 2.4vmin;
        padding: 1.2vmin 0 4.8vmin;
		margin-top: 1.1vmin;
	}
	
	.widget-button a{
		padding: 1.2vmin 3.5vmin;
		border-radius: 0.4vmin;
		font-size: 1.7vmin;
		line-height: 1.5;
	}
	
	.meta-blog a{
		font-size: 1.4vmin;
    padding: 0.7vmin 2.2vmin 0.7vmin 4.8vmin;
		border-radius: 3vmin;
		line-height: 1.5;
	}
	.meta-blog a::after{
		left: 2vmin;
    top: 1.8vmin;
    background: #fff;
    width: 2vmin;
    height: 0.1vmin;
	}
	ul.blog-author{
		margin-top: 2vmin;
	}
	ul.blog-author li{
		font-size: 1.5vmin;
	}
	ul.blog-author li i{
		margin-right: 0.7vmin;
		font-size: 1.5vmin;
	}
	ul.blog-author li span::before{
    top: 0.4vmin;
    width: 0.1vmin;
    height: 1.2vmin;
	}
	
	.blog-detials-single-box{
	font-size: 1.6vmin;	
	line-height: 2.8vmin;
	}
	
	
	
	/*whby*/
	.section-title h5{
		font-size: 1.6vmin;
		margin-bottom: 1.5vmin;
	}
	.section-title h1{
		font-size: 4vmin;
		line-height: 5vmin;
	}
	.ny_byfw .ny_byfw_img img{
		width: 100%;
	}
	
	
	/*zxly*/
	.contact-title h3{
		font-size: 3.4vmin;
    line-height: 8vmin;
	}
	
	.contact-area .form_box input{
		height: 5.4vmin;
    padding-left: 2vmin;
    border-radius: 1vmin;
	}
	
	.contact-area .form-button button{
		font-size: 1.5vmin;
		border-radius: 3vmin;
		margin-top: 0.5vmin;
		padding: 1.5vmin 0 1.5vmin;
	}

	.contact-area .information-title h3{
		font-size: 2.6vmin;
    line-height: 4.2vmin;
		margin: 0 0 3vmin 6.5vmin;
	}
	
	.contact-area .information-title h3::before{
		top: 2.1vmin;
    left: -6vmin;
    height: 0.2vmin;
    width: 4.5vmin;
	}
	.info-titles h4{
		font-size: 1.7vmin;
    line-height: 2.8vmin;
	}
	
	.info-titles span{
		font-size: 1.4vmin;
    line-height: 2.3vmin;
	}
	.information-icon{
		margin-right: 2vmin;
	}
	.information-icon i{
		font-size: 3vmin;
    height: 6vmin;
    width: 6vmin;
    line-height: 6vmin;
	}
	.lh-map{
		height: 55vmin;
	}
	
	/*liuyan*/
	.contact-area .form_box textarea{
		padding-left: 2vmin;
    padding-top: 1.5vmin;
    height: 15vmin;
	margin-top: 0.7vmin;
	border-radius: 1vmin;	
	}
	
	.langu .languageBox{
		width: 11.4vmin;
		top: 5vmin;
	}
	.language_web .langu:after{
		margin-top: 0;
	}
	
}
@media (min-width: 1800px){
	.footer-text{
		width: 70%;
	}
}


@media (min-width: 1400px) and (max-width: 1600px) {
	
.hendrio_menu>ul>li>a{
	margin: 40px 10px;	
}

	
	
.skill-right-site {
    right: -18%;
}

.skills-rights-sites {
    right: -18%;
}
	
.about-thumb{
	width: 100%;	
}
	
.about-content {
    left: -100px;
}

.video-icon {
    left: -70px;
}

.team-list .owl-nav {
    bottom: 70px;
}

.skill-left-box {
    left: -91px;
    padding: 35px 10px;
}
	
	

}
@media (min-width: 1400px){
	.footer-contact_wx{
		width: 60%;
	}
	.style-three .tabs li a{
		margin-right: 10px;
	}
	
	
}
/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1399px) {
.hendrio_nav_manu{
		padding: 0 28px 0;
	}
.hendrio_menu>ul>li>a {
    margin: 40px 10px;
    font-size: 14px;
}

.slider-title h1 {
    font-size: 60px;
    line-height: 70px;
}

.header-icon-img {
    margin: 0 5px 0 10px;
}
	
.header-call h3{
	font-size: 16px;	
}
	
	
.about-content {
    left: -100px;
}

.video-icon {
    left: -70px;
}

.section-title h1 {
    font-size: 39px;
}

ul.sidebar-menu2 li {
    font-size: 13px;
}
img.sidbr-icn {
    padding-right: 12px;
}

.products-title h6 {
    font-size: 13px;
}

	ul.tabs.active li img{
		width: 90px;
	}	

	
	
}


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

.header-button a {
    padding: 12px 20px;
    font-size: 13px;
}

.header-icon-img {
    margin: 0 10px 0 10px;
}

.header-call h3 {
    font-size: 14px;
}

.header-button {
    padding-left: 20px;
}

.hendrio_menu>ul>li>a {
    margin: 40px 4px;
    font-size: 13px;
}

.slider-title h1 {
    font-size: 51px;
    line-height: 65px;
}

.single-feature-box-inner {
    padding: 35px 15px 40px;
}

.feature-content span {
    font-size: 13px;
}

.feature-content h3 {
    font-size: 22px;
    line-height: 25px;
}

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

.about-content {
    left: -70px;
}

.video-icon {
    left: -25px;
}

.section-title h1 {
    font-size: 32px;
    line-height: 45px;
}

.abouts_titles h4 {
    font-size: 14px;
}

.abouts_titles p {
    font-size: 12px;
    line-height: 20px;
}

.about_text p {
    font-size: 13px;
}

.single-service:hover .service-shape.upper {
    right: 0;
}

.service-area .single-service:hover .service-title h2::before {
    width: 100%;
}

.call-do-action .call-do-act-title h3 {
    font-size: 28px;
}

.portfolio-content h3 a {
    font-size: 16px;
}

.testimonial-area .owl-next {
    top: -36%;
}

.testimonial-area .testi-icon i {
    display: none;
}

.contact-icon {
    top: 483px;
}

.blog-area h2.blog-title a {
    font-size: 16px;
    line-height: 25px;
}

.footer-title h4 {
    font-size: 10px;
    line-height: 20px;
}

.single-service.style-two .service-thumb {
    left: 43px;
}

.service-area .single-service .service-thumb {
    left: 40px;
}

.service-area .single-service .service-icon-list ul li {
    font-size: 14px;
}

.single-portfolio:hover .portfolio-content {
    bottom: 0 !important;
}

.portfolio-content {
    padding: 5px 30px 18px 18px;
}

.testimonial-area .testimonial-content p {
    font-size: 13px;
    line-height: 25px;
}

.header-button a::after {
    left: 12px;
}

.skill-area.style-two .video-icon {
    top: -196px;
}

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

ul.sidebar-menu li {
    padding: 13px 5px 13px;
}

img.sidbr-icn {
    padding-right: 5px;
}

.widget-sidebar-box {
    padding: 30px 20px 30px;
}

ul.sidebar-menu2 li {
    font-size: 11px;
}

.sevice-dtls-content h4 {
    font-size: 16px;
}

.service-dtls-cont h3 {
    font-size: 27px;
}

h3.prct-title {
    font-size: 18px;
}

.widget-check-box {
    padding: 40px 25px 18px;
}

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

.product-icon-list ul li {
    letter-spacing: 0;
    font-size: 12px;
}

.products-title h6 {
    font-size: 11px;
}

.product-thumb {
    padding-right: 6px;
}

.single-products-box:hover .product-thumb-icon a:nth-child(1) {
    left: 40px;
}

.single-products-box:hover .product-thumb-icon a:nth-child(2) {
    right: 40px;
}

.product-title h2 {
    font-size: 15px;
}

.widget-check {
    padding-left: 30px;
}

.widget-check {
    font-size: 14px;
}

h2.blog-title a {
    font-size: 23px;
}

.contact-area .information-title h3 {
    font-size: 20px;
}

.contact-information {
    padding: 37px 30px 50px 30px;
}

.header-top-area {
    padding: 0 25px 0;
}

.hendrio_nav_manu {
    padding: 0 20px 0;
}

.skills-rights-sites {
    top: 252px;
    right: -28px;
}

.skill-right-site {
    position: absolute;
    top: -85px;
    right: -28px;
}

.skill-right-site {
    padding: 65px 50px 65px;
}

.skills-rights-sites {
    padding: 55px 50px 55px;
}

.skills-rights-sites {
    top: 242px;
    right: -28px;
}

.call-do-thumb img {
    width: 100%;
}

.call-do-action .call-do-act-title h3 {
    padding-left: 0;
}

.call-do-action .call-do-act-description p {
    margin: 15px 0 0 0px;
}





}


/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {

.call-do-thumb img {
    width: 100%;
}
 .slider-title h1 {
    font-size: 36px;
    line-height: 50px;
}

.breadcumb-content {
    margin-top: 45px;
}

.slider-title h4::before {
    left: -56%;
}

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

.service-area .single-service .service-thumb {
    left: 102px;
}

.service-area .single-service {
    margin: 0 0px 80px 0;
}

.service-area .services-bottom {
    margin-top: 0;
}

.skills-rights-sites {
    display: none;
}

.skill-right-site {
    display: none;
}

.call-do-action .call-do-act-title h3 {
    font-size: 23px;
    line-height: 30px;
}

.call-do-action .call-do-act-button {
    display: none;
}



.contact-area .contact-content {
    display: none;
}

.contact-area .contact-icon {
    display: none;
}

.contact-area .form-button {
    text-align: center;
}

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

.blog-area h2.blog-title a {
    font-size: 18px;
}

ul.footer-menu {
    margin-bottom: 40px;
}

.about-thumb {
    margin-bottom: 50px;
    text-align: center;
}

.team-description {
    margin-bottom: 50px;
}

.skill-area.style-two .video-icon {
    position: absolute;
    top: -90px;
    right: inherit;
    left: 233px!important;
    text-align: right;
    margin: 0 auto 0;
}

.sevice-dtls-content h4 {
    font-size: 16px;
}

.service-dtls-cont h5 {
    margin-top: 50px;
}

.portfolio-content h3 a {
    font-size: 17px;
}

.project-thumb {
    margin-bottom: 30px;
}

h2.blog-title a {
    font-size: 25px;
}

.contact-area .form-button button {
    width: 70%;
}

.about-content {
    width: 45%;
    top: 13%;
    left: 0;
}

.about-area .video-icon {
    top: 25%;
    left: -155px;
    right: -84px;
}

.contact-area {
    background-position: right;
}

.contact-area {
    padding: 85px 0 90px;
}

.skill-area {
    background-position: left;
}

.sticky {
    position: relative !important;
}




    
   
}


/* Tablet desktop :600px. */
@media (min-width: 600px) and (max-width: 767px) {
 
.hendrio-slider-area {
    height: 680px;
}

 .slider-title h1 {
    font-size: 36px;
    line-height: 50px;
}

.slider-thumb {
    display: none;
}

.slider_shape {
    top: -270px;
    left: 80%;
}

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

.about_icon-img {
    margin-bottom: 40px;
}

.service-area .single-service .service-thumb {
    left: 185px;
}

.service-area .single-service {
    margin: 0 0px 80px 0;
}

.skill-right-site {
    display: none;
}

.skills-rights-sites {
    display: none;
}

.call-do-action .call-do-act-button {
    display: none;
}

.call-do-thumb {
    margin-bottom: 35px;
}

.single-call-do {
    margin-bottom: 30px;
}

.contact-icon {
    display: none;
}

.call-us {
    display: none;
}

.form-button {
    text-align: center;
}

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

h4.widget-title {
    padding: 30px 0 13px;
}

.sinlge-footer {
    margin: 25px 0 50px;
}

.footer-area .form-button {
    text-align: left;
}

.footer-bottom-content-copy {
    text-align: center;
}

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



.about-thumb {
    margin-bottom: 50px;
}

.team-description {
    margin-bottom: 50px;
}

.skill-area.style-two .video-icon {
    position: absolute;
    top: -90px;
    right: inherit;
    left: 233px!important;
    text-align: right;
    margin: 0 auto 0;
}

.call-do-action .call-do-act-title h3 {
    line-height: 40px;
}

.service-dtls-box {
    margin-top: 30px;
}

.service-dtls-cont h5 {
    margin-top: 50px;
}
.service-dtls-all-items {
    padding-left: 0;
}

.breadcumb-content {
    margin-top: 40px;
}

.project-thumb {
    margin-bottom: 30px;
}

p.quote-desc {
    font-size: 14px;
}

h3.prjct-dtls-title {
    font-size: 24px;
}

.project-thumb {
    margin-bottom: 30px;
}

h2.blog-title a {
    font-size: 19px;
}

.blog-quote p {
    font-size: 13px;
}

.blog-post-comment span.rights-reply {
    top: 0px;
}

.single-blog-dtls-box .form-button button {
    width: 35%;
}

.sidebar-widget input {
    margin-top: 50px;
}

.sidebar-widget button.subscribe-btn {
    top: 50px;
}

.contact-area .form-button button {
    margin-bottom: 50px;
}

.skill-area {
    background-position: left;
}

.sticky {
    position: relative !important;
}

.about-content {
    left: -26px;
}

.video-icon {
    left: 82px;
}

.call-do-action .call-do-act-title h3 {
    padding-left: 0;
}

.call-do-action .call-do-act-description p {
    margin: 15px 0 0 0;
}

.call-do-action {
    padding-top: 35px;
}

.contact-area {
    padding: 85px 0 60px;
}
  
}



/* Tablet desktop :320px. */
@media (min-width: 320px) and (max-width: 599px) {
    
 .contact-icon {
    display: none;
}

.call-us {
    display: none;
}

.slider-thumb {
    display: none;
}

.slider-title h1 {
    font-size: 30px;
    line-height: 40px;
}

.slider-title h4 {
    font-size: 14px;
}

.slider-title h4::before {
    left: -57%;
}

.hendrio-slider-area {
    height: 580px;
}

.slider_shape {
    top: 31px;
}

.feature-content span {
    font-size: 11px;
}

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

.about-content {
    display: none;
}

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

.about-title h4 {
    font-size: 12px;
}

.about-description p {
    font-size: 15px;
    line-height: 25px;
}

.about_icon-img {
    margin-bottom: 40px;
}

.about_text p {
    font-size: 10px;
    line-height: 18px;
    padding-top: 5px;
    overflow: hidden;
}

.service-area .single-service .service-thumb {
    left: 80px;
}

.service-area .single-service {
    margin: 0 0px 100px 0;
}

.service-area .services-bottom a {
    padding: 10px 32px 10px 14px;
}

.service-area .services-bottom a {
    font-size: 13px;
}

.service-area .services-bottom {
    margin-top: 0;
}

.skill-right-site {
    display: none;
}

.skills-rights-sites {
    display: none;
}

.call-do-action .call-do-act-button {
    display: none;
}

.call-do-action .call-do-act-title h3 {
    font-size: 27px;
    margin: 30px 0 0;
}

.call-do-action .call-do-act-description p {
    font-size: 13px;
    margin: 15px 0 30px;
}

.portfolio-content h3 a {
    font-size: 13px;
}

.testimonial-area .testi-icon i {
    display: none;
}

.testimonial-area .testimonial-content p {
    font-size: 14px;
}


.testimonial-area .testimonial-title h3 {
    font-size: 18px;
}

.contact-area .form-button {
    text-align: center;
}

.contact-area .form-button button {
    width: 70%;
}

.blog-area h2.blog-title a {
    font-size: 16px;
    line-height: 25px;
}

h4.widget-title {
    margin-top: 25px;
}

.footer-bottom-content-copy p {
    text-align: center;
}

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

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

.footer-bottom-menu ul li {
    padding-left: 25px;
}

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

.breadcumb-content {
    margin-top: 30px;
}

.about-thumb {
    margin-bottom: 50px;
}

.team-description {
    margin-bottom: 50px;
}

.skill-area.style-two .video-icon {
    top: -90px;
    right: 65px;
    text-align: right;
}

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

.breadcumb-content ul li a {
    font-size: 13px;
}

.breadcumb-content ul li {
    font-size: 13px;
}

.breadcumb-content ul li span {
    font-size: 13px;
}

.service-dtls-box {
    margin-top: 30px;
}

.service-dtls-cont h5 {
    margin-top: 50px;
}
.service-dtls-all-items {
    padding-left: 0;
}

h2.service-title {
    font-size: 20px;
    line-height: 40px;
}

.sevice-dtls-content h4 {
    font-size: 16px;
}

.service-dtls-cont h3 {
    font-size: 25px;
}

h2.accordion-title {
    font-size: 20px;
}

.accordion li a {
    font-size: 16px;
}

.accordion li p {
    font-size: 12px;
    line-height: 23px;
}

h3.prjct-dtls-title {
    font-size: 24px;
}

.project-thumb {
    margin-bottom: 30px;
}

p.quote-desc {
    padding: 5px 0 7px 0;
}

p.quote-desc::before {
    background: inherit;
}

span.pagination2 {
    display: none;
}

h3.prct-title {
    font-size: 18px;
}

.faq_area .faq_thumb img {
    margin-left: 0;
}

.row.products {
    padding-left: 0;
	padding-top: 40px;
}

.category-button a {
    display: none;
}

ul.blog-author li {
    margin-right: 6px;
}

ul.blog-author li span::before {
    background-color: inherit;
}

h2.blog-title a {
    font-size: 18px;
}

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

.blog-quote {
    padding: 25px 10px 15px;
}

img.qte-icon {
    margin-right: 5px;
}

.blog-quote p {
    overflow: hidden;
    font-size: 14px;
}

.blogs-social-share {
    padding: 20px 0 25px 5px;
}

.blog-post-comment {
    padding: 34px 0px 26px;
}

.blog-post-comment span.rights-reply {
    display: none;
}

.blog-post-comment .post-comment2 {
    margin-left: 0;
}

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

.single-blog-dtls-box .form-button button {
    width: 55%;
}

.contact-title h3 {
    font-size: 28px;
    line-height: 50px;
}

.contact-information {
    padding: 37px 5px 50px 5px;
    margin-top: 50px;
}

.call-do-action .call-do-act-title h3 {
    padding-left: 0;
}

.skill-area {
    background-position: left;
}


.contact-area {
    background-position: right;
}

	.foot-nav{
		display: none;
	}
	.footer-zxzx .menu-quick-link-content,.footer-zxzx .tel{
		text-align: left;
	}
	
	.footer-contact{
		text-align:center;
	}
	
	.shop-area{
		padding: 60px 0 60px;
	}
	
	
}





/* small mobile :320px. */
@media only screen and (min-width: 320px) and (max-width: 991px) {

.header-top-area {
    display: none;
}

.hendrio_nav_manu {
    display: none;
}




}



@media (max-width: 991px){
.sy_web{
display: none;
}
.sy_app{
	display: inherit;
}
	.mobile-menu .language_web{
		left: auto;
    right: 15%;
	}
	
	.mobile-logo{
		top: 0px;
		height: 100%;
	}	
	.mobile-logo .logo_img{
		display: initial;
	}
	.mobile-logo img{
		width: auto;
       height: 100%;
	}
	.hendrio-slider-area{
		height: 580px;
	}	
	.video-container{
		z-index: 1;
	}
    .video-container video{
		height: 100%;
		z-index: 11;
	}
	
    .app_banner	{
	position:relative;
    display: block;
	height: 100%;
	}

	.single-about.txt{
	padding-top: 60px;
    padding-right: 0px;
	padding-bottom: 60px;	
	}	
	.about-area .section-title h5{
		font-size: 60px;
		top: 0;
	}
	.about-description{
		margin-top: 30px;
	}
	.abouts_titles h4{
		font-size: 25px;
	}
	.about-area .section-title h1{
		line-height: initial;
		font-size: 30px;
	}
	.abouts_titles p{
		font-size: 12px;
	}
	
	.sy-about-img{
		margin-top: 30px;
	}
	
	.about-img img{
		width: 100%;
	}
	
	.single-about .hendrio-button a{
		margin-top: 0px;
	}
	
	.ny_about .about-description{
		margin-top: 20px;
	}
	
	.about-description{
		margin-top: 80px;
		margin-bottom: 20px;
	}
	.single-about .hendrio-button a{
		font-size: 16px;
	}
	.sy_about .about-icon-box{
	top: auto;
    width: 90%;
    padding: 20px 0px 20px 30px;
    margin-top: 20px;
    bottom: -20px;
	}
	.abouts_titles h4{
		font-size: 20px;
	}
	.section-title.sybt h5{
		font-size: 60px;
		top: 0;
	}
	
	.single-skills{
		margin-left: 0px;
	}
	
	.section-title.sybt h1{
		line-height:inherit;
		font-size: 26px;
	}
	
	.section-title.sybt h2{
		font-size: 24px;
	}
	
	
	.skill-area{
		background: url(/uploads/home/asy_ryzz_bg.jpg)no-repeat;
    background-size: cover;
	}
	
	.asy_ryzz_img{
		margin-top: 30px;
	}
	.asy_ryzz_img img{
		width: 100%;
	}

	.testimonial-area .sybt{
		padding-bottom: 30px;
	}
	
	.testimonial-area .owl-prev {
    top: -38px;
}

.testimonial-area .owl-next {
    top: -38px;
}
	
.sy_zmqy.testimonial-area{
		
	}
	
.sy_zmqy_fwz{
	
	position: initial;
	}	
.sy_zmqy_bt{
		padding-bottom: 30px;
	}	
.sy_zmqy_fwz h5{
		margin-top: 0px;
	}
	
	.blog-area{
		padding: 60px 0 70px;
		background-size: cover;
	}
	
	.blog-area .hendrio-button{
		text-align: left;
	}	
	
	.news_dt_lb{
		margin-top: 40px;
	}
	
	.sy_xwlb_txt h5{
		margin-top: 0px;
	}
	.sy_xwlb_txt p a{
		font-size: 14px;
		color:#666;
		line-height:26px;
	}
	.blog-area .blog-content{
		padding: 20px 15px 20px;
	}
	
	.blog-area .blog-content h2{
		margin-top: 0;
	}
	
	.blog-area .blog-btn a{
		padding: 0;
	}
	.widget-nav-menu{
		margin-top: 20px;
	}
	ul.footer-menu li{
		padding: 0px 0 5px;
	}
	ul.footer-menu li a{
		font-size: 15px;
		padding:0px;
	}
	
	.footer-zxzx{
		margin-top: 20px;
	}
	
	.footer-zxzx .zxzx a{
		text-decoration: none;
	}
	.footer-zxzx .menu-quick-link-content{
		margin: 0;
	}
	.footer-nadh{
		display: none;
	}
	.footer-contact{
		margin-top: 20px;
		text-align: left;
	}
	.footer-contact_wx{
	width: 100%;
	}
	.footer-text{
		width: 50%;
	}
	
	.row.footer-bottom{
		margin-top: 20px;
	}
	
	.swiper-footer{
		padding-top: 40px;
	}
	
	.about-area{
		padding: 60px 0 60px;
	}
	.about-thumb{
		width: 100%;
	}
	.skill-area.style-two{
		background: #f6f6f6;
	}
	
	.cplm_fldh{
		display: none;
	}
	
	.product-content{
		padding: 10px ;
	}
	
	.product-title h2{
		font-size: 16px;
		line-height: 26px;
		margin-top: 0px;
		height: auto;
	}
	
	.product-price p{
		font-size: 12px;
		padding: 5px 0 0px;
		display: none;
	}
	
	.product-sale{
		display: none;
	}
	
	.upper.widget_search input{
		width: 100%;
	}
	.breadcumb-area{
		height: 260px;
		background-position: 30% center;
	}
	
	.style-three.tab{
		padding: 15px 10px 15px;
	}
	
	ul.tabs.active li img{
		width: 86px;
	}
	.shop-dtls-info{
		padding-left: 0px;
	}
	.tab{
		padding-top: 20px;
		left: 0px;
	}
	.tabs_item{
		padding: 0px 0;
	}
	.appoinment-tab .tabs li a{
		margin-right: 10px;
		padding: 5px 20px;
	}
	.appoinment-tab .tabs li{
		
	}
	
	.blogs_area{
		padding: 60px 0 60px;
	}
	
	.blogs_area h2{
		font-size: 22px;
	}
	h3.widget-title2{
		padding: 15px 0 10px;
	}
	
	.ny_byfw.service-area{
		padding: 60px 0 60px;
	}
	
	.section-title.text-center{
		margin-bottom: 40px;
	}
	.contact-area.style-two{
		padding: 60px 0 60px;
	}
	.map-area{
		padding: 40px 0 40px;
	}
	
	.mean-container .mean-nav ul li a.mean-expand{
		width: 50%;
	}
	
	.cpfl_nav{
		
	}
	
	.cpfl_nav_sx.web{
	display: none;
}
.cpfl_nav_sx.app{
	display: block;
}
}


@media (max-width: 767px){
	.mobile-logo{
		top: 15px;
		height: auto;
	}
	.mobile-logo img{
		width: 100%;
       height: auto;
	}
	.hendrio-slider-area{
		height: 220px;
        margin-top: 60px;
	}
	
	.owl-next{
		z-index: 11;
	}
	
	.portfolio-area .owl-next{
		left: -0px;
	}
	
	.portfolio-area .owl-prev{
		right: 20px;
	}
	
	.portfolio-area .owl-prev i{
		border: 1px solid #FD8F15;
		background: #FD8F15;
	}
	
	.portfolio-area .owl-next i{
		border: 1px solid #FD8F15;
		background: #FD8F15;
	}
	
	.testimonial-area .owl-prev{
		top: 50%;
        left: 5px;
	}
	
	.testimonial-area .owl-next{
		top: 50%;
        right: 5px;
	}
	
	.abouts_titles{
		border-right:none;
		border-bottom: 1px solid #c8c8c8;
		padding-bottom: 10px;
	}
	
	.single-feature-box{
		padding: 10px 0;
	}
	.style-three .tabs li a{
		margin-right: 10px;
	}
	ul.tabs.active li img{
		width: 80px;
	}
	.category-title h2{
		line-height: 1.5;
		font-size: 24px;
	}
	
	.cpxq_nr .widget-sidebar-box{
		display: none;
	}
	.hendrio-button a{
		font-size: 15px;
		padding: 10px 30px 10px 30px;
	}
	.ny_about .team-area{
		padding: 70px 0 70px;
	}
	
	.cpfl_nav_dh ul.sidebar-menu li a{
		font-size: 14px;
		padding-right: 5px;
	}
	.cpfl_nav_dh ul.sidebar-menu li{
		padding: 10px 5px 10px;
		margin-bottom: 0px;
		margin-top: 0px;
	}
	.cpfl_nav_dh ul.sidebar-menu li a i{
		display: none;
	}
	
	.cpfl_nav_sx .filter-cen{
		padding: 10px;
    background: #fbfbfb;
	}
	.upper.widget_search{
		margin-bottom: 20px;
	}
	
	
	
}

@media (max-width: 400px){
	.sy_about .about-icon-box{
	top: 120%;
	bottom: auto;	
}
	}