4
/*
Theme Name: Hanzo 
Theme url:
Author:Uivision
Author url:
Version:1.0.0
Tag:bussiness
Description:this is responsive css file for mobile and tablet layout

================+/+/+/+/+/+/+/+/+/=================
                    heigh
================+/+/+/+/+/+/+/+/+/=================
*/
@media only screen and (min-width: 1367px) {
    .single-pricing4 span {
	    top: 5%;

	}
	.video_phone {
	    right: 0%;
	}
    .welcome-area:after {

    right: -50%;

	}
	.shape_1 {
	    bottom: 18%;
	}
	.service-left_page_3 {
	    left: -15%;
	    bottom: 6%;
	}
	.phone_img4 img {
	    right: 18%;
	}
	.video-area.v5{
		overflow:visible;
	}
	.video-area.v5 .video_phone {
	    top: -30%;
	    right: 4%;
	}
	.service-area.v7{
		padding: 100px 0;
	}
	
}
/*
================+/+/+/+/+/+/+/+/+/=================
                    heigh
================+/+/+/+/+/+/+/+/+/=================
*/

@media only screen and (min-width: 1367px) {
    .single-pricing4 span {
	    top: 5%;

	}
	.video_phone {
	    right: 0%;
	}
    .welcome-area:after {

    right: -50%;

	}
	.shape_1 {
	    bottom: 18%;
	}
	.service-left_page_3 {
	    left: -15%;
	    bottom: 6%;
	}
	.phone_img4 img {
	    right: 18%;
	}
	.video-area.v5{
		overflow:visible;
	}
	.video-area.v5 .video_phone {
	    top: -30%;
	    right: 4%;
	}
	.service-area.v7{
		padding: 100px 0;
	}
	
}


/*
================+/+/+/+/+/+/+/+/+/=================
                     tab
================+/+/+/+/+/+/+/+/+/=================
*/
@media only screen and (max-width: 991px){
	.welcome-area, 
	.service-area, 
	.about-area, 
	.video-area, 
	.cta-area, 
	.footer-area, 
	.header-area, 
	.blog-area, 
	.testimonial-area,
	.contact-area
	{	width: 100%;
		overflow-x: hidden;
	}
    .welcome-area:after {
		visibility: hidden;;
	}
	.future-area img, 
	.about-img img {
	    width: 400px;
	}
	.single_pricing {
	    width: 500px;
	    margin: 0 auto;
	    margin-bottom: 50px;
	}
	.about-text {
	    margin-bottom: 100px;
	}
	.welcome-area, .about-area, .cta-area {
	    text-align: center;
	}
	.about-area .space-100{
		height: 0;
	}
	.pricing-area.section-padding{
		padding-top: 0;
	}
	.about-area.section-padding{
		padding: 0;
	}
	.about-img img{
		margin-bottom: 100px;
	}
	.v7_right_img_w {
	    margin-top: 80px;
	}
	.welcome-area.v7{
		padding-bottom: 0;
	}
	.v8_right_img_w, .about-area.v8 .about-img{
		text-align: center;
	}
	.pricing-area.v8{
		padding-top: 100px;
	}
	.v8_right_img_w img, .about-area.v8 .about-img img{
	    margin-top: 80px;
	}
	.about-area.v6 .about-img img{
		margin-bottom: 0;
	}
	.v6_right_img_w img {
	    height: 100%;
	    width: 100%;
	    margin-top: 50px;
	}
	.v6_about{
		margin: 100px 0;
	}

	.welcome2_img img {
	    margin-top: 100px;
	}
	.about-img.left-about:before, .about-img.about_right:before {
	    visibility: hidden;
	}
	.video-area.v4_gradient:before {
	    height: 100%;
	    width: 100%;
	}

	.video_phone {
	    position: relative;
	    right: 0;
	    top: 0;
	    margin-top: 100px;
	}
	.phone_img4 {
	    text-align: center;
	}
	.about-area.v4{
		padding-top:100px;
		padding-bottom: 0;
	}
	.video-area.v5 {
	    background: none;
	}
	.video-area.v5 .video_phone {
	    position: relative;
	    right: 0;
	    top: 0;
	}
	.video-area.bg2.section-padding{
		padding: 0;
		background: #EA627C;
	}
	.pricing-area.v1{
		padding-top: 100px;
	}
	.custome_pagination {
	    margin-bottom: 100px;
	}
	.recent-img img {
	    width: 80px;
	}
	.col-lg-5.offset-1.contact_links {
	    margin-top: 100px;
	}
	.about-area, 
	.welcome-area{
		overflow: hidden;
	}

	.about-area.v3 .about-img img{
		margin-bottom: 0;
	}
}

/*
================+/+/+/+/+/+/+/+/+/=================
                    Mobile
================+/+/+/+/+/+/+/+/+/=================
*/
@media only screen and (max-width: 767px) {
	body{
		overflow-x: hidden;
		max-width: 100%;
	}

	.welcome-text h1 {
	    font-size: 32px;
	}
	h1{
		font-size: 28px !important;
	}
    .welcome-area {
	    padding: 150px 0;
	}
	.about-img.about_right {
	    margin-top: 80px;
	}
	.footer-area{
	    text-align: center;
	}
	.single-footer li a:hover {
	    padding-left:0;
	}
	/*.footer-logo {
	    margin: 0 auto;
	}*/
	.footer-social {
	    margin: 30px 0;
	}
	.single-footer {
	    margin-top: 30px;
	}
	.single_pricing {
	    margin-bottom: 40px;
	}
	span.blog_poster {
	    bottom: 48%;
	}
	.single-blog {
	    margin-bottom: 45px;
	}
	
	.blog-text a {

	    font-size: 25px;

	}
	.future-area img {
	    width: 100%;
	}
	.single_pricing {
	    width: auto;
	}
	.demo_bg {
	    width: 400px;
	    height: 400px;
	}
	.welcome-area.inner {
	    padding-top: 150px;
	    padding-bottom: 100px;
	}
	
	a.a-btn12, a.a-btn12, a.a-btn13, a.a-btn14 {
	    padding: 17px 17px;
	}
	.service-area.section-padding{
		padding: 0;
	}
	.about-img img {
	    width: 100%;
	    height: auto;
	}
	.about-text {
	    margin-bottom: 0;
	    margin-top: 50px;
	}
	
	.cta_subscribe input {
	    width: 100%;
	    margin-bottom: 40px;
	}
	.cta_subscribe a{
		width: 100%;

	}
	.welcome-area.v7{
		padding-bottom: 150px;
	}
	.v8_right_img_w img, .about-area.v8 .about-img img{
	    width: 250px;
	}
	.screenshort-area .owl-carousel .owl-item img {
	    width: 100%;
	}
	
	.v8_right_img_w img, 
	.about-area.v8 .about-img img, 
	.welcome3_img img, 
	.about-img.about_3_1 img{
		width: 100%;
		height: auto;
	}
	.welcome-area.v6 .welcome-text {
	    padding: 50px 0;
	}
	
	.pricing-area.v6.section-padding{
		padding-top: 100px;
	}
	.welcome3_img img{
		margin-top:100px;
	}
	.service-area.page_3.v4{
	    padding: 100px 0;
	    margin-bottom: 100px;
	}

	.phone_img4 img {
	    width: 100%;
	    margin-top: 80px;
	}
	.spaceSm-50{
		height: 50px;
	}
	.service-area.v4{
		padding-top: 100px;
	}
	
	.space-100.sm-hide{
		height: 0;
	}
	.service-area.v7{
		padding: 100px 0;
	}
	.video-area.gb2 .video-text{
		background: red;
	}
	.card-header h2 button{
		font-size: 16px;
	}
	.card-body{
		font-size: 14px;
	}
	.comment_form input {
	    width: 100%;
	}
	.comment_form input[type="text"]{
		margin-bottom: 15px;
	}
	.contact .col-lg-5.offset-1{
		margin: 0;
	}
	.space-sm-100{
		height: 100px;
	}
	.link_icon {
	    width: 80px;
	    height: 80px;
	    line-height: 80px;
	    font-size: 30px;
	}
	.app-btn:last-child {
	    margin-left: 0;
	    margin-top: 30px;
	}
	.welcome-area, 
	.service-area, 
	.about-area, 
	.video-area, 
	.cta-area, 
	.footer-area, 
	.header-area, 
	.blog-area, 
	.testimonial-area,
	.contact-area
	{	width: 100%;
		overflow-x: hidden;
	}
	a#btn_11_video {
	    display: -webkit-inline-box;
	    margin-top: 33px;
	}

	
}

/*
================+/+/+/+/+/+/+/+/+/=================
                    wid device
================+/+/+/+/+/+/+/+/+/=================
*/

@media only screen and (min-width: 480px) and (max-width: 767px) {
	body{
		overflow-x: hidden;
		max-width: 100%;
	}
	.container{
		width: 480px;
	}
	.v8_right_img_w img, .about-area.v8 .about-img img{
		width: 300px;
	}
	.shape_2 {
	    visibility: hidden;
	}
	.pricing-area.v5{
		padding-top: 100px;
		padding-bottom: 0;
	}
	.phone_img4 img {
	    width: 300px;
	}
    

}
/*=========================================================================
                                The end
==========================================================================*/