/**
*
* -----------------------------------------------------------------------------
*
* Template : Vsaasi - Creative HTML5 Template for Saas, Startup & Agency
* Author : reacthemes
* Author URI : https://reacthemes.com/ 
*
* -----------------------------------------------------------------------------
*
**/

/*--------------------------------------
	Min Width & Max Width Responsive CSS
--------------------------------------*/
@media only screen and (min-width: 1251px) and (max-width: 1700px)  {
	.pi-banner .banner-layer {
	    width: 55%;
	}
	.pi-banner .pi-row .pi-right-image img.pi__layer3 {
	    left: auto;
	    right: -40px;
	    top: 120px;
	}
	.pi-about.pi-about-three .pi__shape_bg2{
		background-size: 100% !important;
		top: -80px;
	}
	.pi-banner-two.pi-banner-three img.pi__layer1 {
	    left: 0;
	}
	.pi-banner .pi-row .pi-right-image img.pi__layer2 {
	    top: 160px;
	    left: 575px;
	}
	.pi-banner .pi-row .pi-right-image img.layer3 {
	    top: 148px;
	    right: -13%;
	    z-index: 0;
	}
	.pi-banner .pi-row .pi-right-image img.layer4 {
	    top: 228px;
	    right: -13%;
	    z-index: 0;
	}
	.pi-banner .pi-row .pi-right-image img.layer2 {
	    left: 0;
	}
	.pi-banner-two:not(.pi-banner-three) .banner-layer {
		width: 35%;
	    margin-left: 50px;
	}
	.pi-banner-two .pi-row .pi-right-image img.layer4 {
	    right: -17%;
	}
	.pi-ux-design .pi-ux-slider .slick-next {
	    right: 9%;
	}
	.pi-ux-design .pi-ux-slider .slick-prev{
		right: 14%;
	}
	.pi-ux-design .pi-ux-slider li.slick-slide .pi-top ul li {
	    margin-bottom: 20px;
	}
	.pi-ux-design .pi-ux-slider li.slick-slide .pi-top {
	    padding:22px 30px;
	    flex: 0 0 54%;
	}
	.pi-ux-design .pi-ux-slider li.slick-slide .pi-top ul li p{
		font-size: 14px;
	}
	.pi-ux-design .pi-ux-slider li.slick-slide .pi-top ul li:last-child{
		padding-bottom: 16px;
	}
	.pi-ux-design .pi-ux-slider li.slick-slide .pi-image {
	    flex: 0 0 46%;
	}
	.pi-blog-related .container .pi-blog-slider li .pi-inner .pi-blog-content h3{
		font-size: 14px;
	}
}

/*--------------------------------------
	Min Width & Max Width Responsive CSS
--------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1700px)  {
	.pi-blog-grid .container .pi-blogs li .pi-inner .pi-blog-content h3{
		font-size: 15px;
	}
	.pi-blog-grid .container .pi-blogs li .pi-inner .pi-blog-content {
	    padding: 20px 20px 16px;
	}
}

/*--------------------------------------
	Min Width Responsive CSS
--------------------------------------*/
@media screen and (min-width: 992px) {
	.container{
		max-width: 1200px;
	}
	.pi-mobile-btn{
		display: none;
	}
	#pi-header.pi-transparent.pi-sticky .jk-menus > li > a{
		color: #1a152e;
	}
	#pi-header.pi-transparent.pi-sticky .jk-menus > li > a:hover{
		color: #465fe9;
	}
	#pi-header.pi-transparent.pi-sticky .jk-menus > li > a.pi-current-page{
		color: #465fe9 !important;
	}
}



/*--------------------------------------
	Max Width Responsive CSS
--------------------------------------*/
@media screen and (max-width: 1800px) {
	.pi-portfolio-details .container .pi-thumbnail {
	    margin-top: -110px;
	}
	.pi-breadcrumbs .breadcrumbs-wrap img.pi__inner__shape {
	    width: 22%;
	    top: -6px;
	}
}

@media screen and (max-width: 1250px) {
	.pi-contact-box .container ul.pi-box li{
		margin-bottom: 30px;
		margin-right: 25px;
	}
	.pi-contact.pi-contacts{
	    margin-top: -200px;
	}
	.pi-blog-single .blog-single-inner .blog-content .pi-2nd {
	    margin-top: 0;
	}
	.pi-banner .pi-row .pi-right-image img.pi__layer3 {
	    left: auto;
	    right: -20px;
	    top: 80px;
	}
	.pi-banner .pi-row .pi-right-image img.pi__layer2 {
	    top: 100px;
	    left: 483px;
	}
	.pi-about.pi-dashboard .pi-container .pi-sec-title .pi-title{
		font-size: 30px;
	}
	.pi-pricings .pricing-wrapper .price p{
		padding-right: 0;
	}
	.pi-pricings .pi-price-btn a{
		padding: 7px 35px;
	}
	.pi-about.pi-about-three .pi__shape_bg2{
		background-size: 100% !important;
		top: -180px;
	}
	.pi-banner-two.pi-banner-three img.pi__layer1 {
	    left: 0;
	}
	.pi-about.pi-about-two .pi-container .banner-tw {
	    margin-left: 0;
	}
	.pi-pricings .pricing-body ul li{
		font-size: 13px;
	}
	.pi-pricings .pricing-list > li .pi-price-two {
	    padding: 40px 30px;
	}
	.pi-about.pi-about-two .pi-container .pi-list-arrow li{
		width: 41%;
	}
	.pi-banner-two.pi-banner-three .pi-row .pi-left-content h1 {
	    font-size: 36px;
	    line-height: 50px;
	}
	.pi-banner-two.pi-banner-three .pi-row .pi-right-image{
	    flex: 0 0 50%;
	}
	.pi-blog .container .pi-blog-slider li .pi-inner .pi-blog-content h3{
		font-size: 16px;
	}
	.pi-banner-two .banner-layer {
	    margin-left: 28px;
	}
	.pi-cta br{
		display: none;
	}
	.pi-sidebar .widget {
	    padding: 0 0 0 15px;
	}
	.pi-breadcrumbs .breadcrumbs-wrap .breadcrumbs-inner .breadcrumbs-text .breadcrumbs-title {
	    font-size: 40px;
	    line-height: 50px;
	}
	.pi-breadcrumbs.pi-blog-breadcrumbs .breadcrumbs-wrap > img{
		min-height: 450px;
	}
	.pi-ux-design .pi-ux-slider .slick-prev {
	    right: 30%;
	}
	.pi-ux-design .offset-lg-2 {
	    margin-left: 0;
	}	
	.pi-clients .containers.offset-lg-2 {
	    margin-left: 0;
	}
	.pi-clients .pi-clients-slider li{
		margin: 56px 20px 50px 20px;
		padding-left: 30px;
		padding-right: 30px;
	}
	.pi-banner .banner-layer {
	    width: 55%;
	}
	.pi-banner .pi-row .pi-right-image img.layer3 {
	    top: 148px;
	    right: -13%;
	    z-index: 0;
	}
	.pi-banner .pi-row .pi-right-image img.layer4 {
	    top: 228px;
	    right: -13%;
	    z-index: 0;
	}
	.pi-banner .pi-row .pi-right-image img.layer2 {
	    left: 0;
	}
	.pi-banner-two:not(.pi-banner-three) .banner-layer {
		width: 35%;
	    margin-left: 50px;
	}
	.pi-banner-two .pi-row .pi-right-image img.layer4 {
	    right: -17%;
	}

	.pi-banner {
	    padding: 100px 0 120px;
	}
	.pi-about .container .pi-container .pi-sec-title {
	    padding-left: 0;
	}
	.pi-about {
	    padding: 100px 0 140px;
	}
	.pi-tab{
		padding-bottom: 90px;
	}
	.pi-design .container .pi-container .layer22 {
	    right: 0;
	}
	.pi-design .container .pi-container .layer21 {
	    left: 0;
	}
	.pi-banner .pi-row .pi-left-content h1 {
	    font-size: 50px;
	}
	.pi-clients .pi-clients-slider {
	    margin: 0;
	}
	.pi-ux-design .pi-ux-slider li.slick-slide .pi-top ul li {
	    margin-bottom: 20px;
	}
	.pi-ux-design .pi-ux-slider li.slick-slide .pi-top {
	    padding: 30px 30px 40px 30px;
	}
	.pi-ux-design .pi-ux-slider li.slick-slide .pi-top ul li:last-child{
		padding-bottom: 20px;
	}
}

@media screen and (max-width: 991px) {
	#pi-header .logo{
		flex: 1;
	}
	.pi-contact.pi-contacts {
	    margin-top: 0;
	}
	.pi-breadcrumbs .breadcrumbs-wrap img.pi__inner__shape {
	    width: 34%;
	    top: -15px;
	    right: 20px;
	}
	.pi-single-service .col-lg-4{
		padding-bottom: 70px;
	}
	.pi-about.pi-about-three .pi-container .pi-absolute {
	    max-width: 100%;
	}
	.pi-design .container .pi-container .layer22 {
	    right: -93px;
	}
	.pi-portfolio-details .pi-container {
	    max-width: 648px;
	}
	.pi-portfolio-details .pi-container .pi-content .pi-two-image{
		display: block;
	}
	.pi-portfolio-details .pi-container .pi-content .pi-two-image img{
		margin-bottom: 30px;
		padding-top: 30px;
		border-radius: 0;
	}
	.pi-banner-two .pi-row .pi-left-content h1 {
	    font-size: 40px;
	    line-height: 50px;
	}
	.pi-banner-two .pi-row .pi-left-content{
		padding-top: 0;
	}
	.pi-banner-two{
		padding: 140px 0 170px;
	}
	.pi-footer .footer-top,
	.pi-footer .footer-top .pi-footer-menu li a{
		font-size: 14px;
	}
	.pi-design .container .pi-container .layer21 {
	    left: -70px;
	}
	.pi-banner-two.pi-banner-three .pi-row .pi-left-content{
	    flex: 0 0 45%;
	}
	.pi-banner-two.pi-banner-three .pi-row .pi-left-content{
		padding-top: 0;
	}
	.pi-banner .pi-row .pi-left-content h1 {
	    font-size: 40px;
	    line-height: 50px;
	}
	.pi-banner .pi-row .pi-right-image img.layer4 {
	    top: 180px;
	    right: 0;
	}
	.pi-banner .pi-row .pi-right-image img.layer3{
		right: 0;
	}
	.pi-service .pi-container .pi-inner-col {
	    padding-left: 0;
	    max-width: 450px;
	    margin: 0 auto 60px;
	    text-align: center;
	}
	.pi-service .pi-container{
	    padding: 70px 33px 41px 30px;
	}
	.pi-tab .pi-tab-gird .pi-col-2 {
	    flex: 0 0 60%;
	    padding-left: 40px;
	}
	.pi-tab .pi-tab-gird .pi-col-1 {
	    flex: 0 0 40%;
	}
	.pi-tab-gird .menu div{
		font-size: 16px;
	}
	.pi-service .pi-container .pi-inner-col p{
		max-width: 100%;
	}
	.pi-service .pi-container .pi-inner-col .pi-arrow-btn:before{
		margin-left: auto;
		margin-right: auto;
	}
	.pi-core .container .col-lg-4.pi-col3,
	.pi-core .container .col-lg-4.pi-col2,
	.pi-core .container .col-lg-4.pi-col1 {
	    max-width: 500px;
	    margin: 40px auto 40px;
	}
	.pi-about.pi-about-three .pi-container .pi-absolute,
	.pi-contact .container .pi-image-maping img.pi-absolute{
		position: relative;
	}
	.pi-about.pi-about-three .pi-container .pi-absolute{
		left: 0;
	}
	.pi-awards.pi-awards-three .pi-sec-title{
		text-align: center;
	}
	.pi-managed .container .pi-box ul li{
		text-align: left;
	}
	.pi-awards.pi-awards-two .pi-container ul{
		margin-top: 0;
	}
	.pi-contact .container .pi-image-maping img.pi-absolute{
		top: 0;
		margin-top: 50px;
	}
	.pi-contact .container ul.pi-dots{
		max-width: 380px;
		margin: 40px auto 0;
	}
	.pi-contact .container .pi-image-maping .pi-tooltip5 {
	    right: 90px;
	}
	.pi-contact .container .pi-image-maping .pi-tooltip2 {
	    right: 90px;
	}
	.pi-contact .container .pi-inner{
		max-width: 400px;
		margin: 0 auto;		
	}
	.pi-pricing .pricing-list > li {
	    padding: 0 20px;
	}
	.pi-pricing.pi-pricings .pricing-list > li {
	    padding: 0 6px;
	}
	.pi-contact {
	    padding: 100px 0 100px;
	}
	.pi-pricing .pricing-wrapper .price p{
		padding-right: 0;
	}
	.pi-single-service{
		padding-bottom: 45px;
	}
	.pi-ux-design .pi-ux-slider li.slick-slide {
	    margin-right: 20px;
	    margin-left: 20px;
	}
	.pi-ux-design .pi-ux-slider {
	    margin-right: 0;
	}
	.pi-about.pi-about-two .pi-container .pi-col-6 {
	    padding-left: 20px;
	    padding-right: 20px;
	}
	.pi-ux-design .pi-ux-slider li.slick-slide .pi-top {
	    flex: 0 0 70%;
	}
	.pi-ux-design .pi-ux-slider li.slick-slide .pi-image {
	    flex: 0 0 30%;
	}
	.pi-sidebar .widget {
	    padding: 0;
	}
	.pi-services .pi-pl {
	    padding-left: 0px;
	}
	.pi-blog-related .pi-blog-slider .pi-blog-image img{
		width: 100%;
	}
	.pi-blog-single .blog-single-inner .blog-content .blog-form form .pi-check-box{
		display: block;
	}
	.pi-blog-single .col-lg-4.pi-sidebar-sticky{
		padding-top: 100px;
	}
	.pi-blog-single .blog-single-inner .blog-content .author-comment ul li:nth-child(2) {
	    margin-left: 40px;
	    padding: 30px 52px 38px 25px;
	}
	.pi-sidebar .widget.widget-tags {
	    margin-top: 0;
	}
	.pi-blog-single {
	    padding-bottom: 20px;
	}
	.pi-contacts .pi-image-maping img{
		min-height: 400px;
	}
	.pi-contacts .pi-image-maping .pi-tooltip1 {
	    bottom: 205px;
	}
	.pi-footer .footer-top .pi-row .pi-footer-col.pi-footer-widget-one {
	    padding-right: 20px;
	}
	.pi-footer .footer-top .footer-widget .social-links li {
	    margin-right: 2px;
	}
	.pi-main-menu .menu-toggle{
		display: flex;
	    align-items: center;
	    justify-content: space-between;
	}
	.pi-desktop{
		display: none;
	}
	#pi-header .pi-join-btn{
		margin-right: 15px;
		margin-left: 0;
		margin-top: 12px;
		margin-bottom: 12px;
	}
	#pi-header .jk-inner-menus {
	    display: block;
	}
	.menu-toggle #menu-btn {
	    background: #fff;
	    border: 1px solid #fff;
	    padding: 9px 10px;
	    margin: 12px 0 12px 16px;
	    outline: none;
	}
	.jk-menus > li > a {
	    padding: 14px 25px 14px 25px;
	}
	.jk-menus li ul.sub-menu{
		padding: 0;
	}
	.jk-menus li ul.sub-menu li a,
	#pi-header.pi-transparent .jk-menus > li > a{
		color: #1a152e;
	}
	#pi-header.pi-transparent .jk-menus > li.menu-active > a{
		color: #744fff;
	}
	.pi-breadcrumbs .breadcrumbs-wrap > img{
		min-height: 350px;
	}
	.pi-contact-box .container .blog-form form button{
		margin-top: 30px;
		float: none;
	}
	.pi-contact-box .container .pi-blog-form{
		margin-left: 50px;
		margin-right: 50px;
	}
	.pi-contact-box .container .blog-form form .pi-check-box{
		display: block;
	}
	.pi-setup .pi-inner-col{
		margin-bottom: 30px;
	}
	.pi-about.pi-about-about {
	    padding-bottom: 90px;
	    padding-top: 50px;
	}
	.pi-about .container .pi-container .pi-sec-title {
	    padding-left: 0;
	    margin-top: 50px;
	}
	.pi-managed .container .pi-box{
		margin: 90px auto 0;
	}
	.pi-managed{
		text-align: center;
		padding: 80px 0 100px;
	}
	.pi-managed .container h2 br,
	.pi-awards .container .pi-container .pi-sec-title .pi-title br{
		display: none;
	}
	.pi-awards.pi-awards-about .pi-container ul {
	    margin-top: 0;
	    padding-left: 0;
	}
	.pi-join .container .pi-container .pi-inner-col {
	    max-width: 600px;
	    margin: 40px auto 0;
	}
	.pi-join.pi-join-about {
	    padding-bottom: 100px;
	    padding-top: 50px;
	}
	.pi-awards.pi-awards-about {
	    padding-top: 90px;
	}
	.pi-setup .pi-top{
		display: block;
	}
	.pi-setup .pi-top .pi-filter {
	    margin-top: 50px;
	}
	.pi-contact-box .container ul.pi-box {
	    justify-content: center;
	}
	.pi-contact-box .container ul.pi-box li {
	    margin-right: 15px;
	    margin-left: 15px;
	}
	.pi-contact-box .pi-sec-title{
		text-align: center;
	}
	.pi-single-service .container .pi-service-sidebar,
	.pi-single-service .container ul.pi-download li{
		max-width: 520px;
	}
	.pi-about.analytics .pi-container .pi-sec-title .pi-title{
		font-size: 30px;
	}
	.pi-pricings .pricing-list > li .pi-price-two {
	    padding: 40px 15px;
	    margin: 0;
	}
}


@media screen and (max-width: 767px) {
	.pi-footer .footer-top .pi-row .pi-footer-col.pi-footer-widget-one {
	    padding-right: 0;
	    flex: 0 0 100%;
	    text-align: center;
	}
	.pi-cta .container .col-lg-4 {
	    text-align: center;
	    margin-top: 40px;
	}
	.pi-breadcrumbs.pi-single-service-breadcrumbs .breadcrumbs-wrap .breadcrumbs-inner .breadcrumbs-text .breadcrumbs-title {
	    font-size: 30px;
	    line-height: 40px;
	}
	.pi-error .content-wrap .title-part .title {
	    font-size: 100px;
	    line-height: 100px;
	}
	.pi-error .content-wrap .title-part .title em{
		left: 0;
	}
	.pi-breadcrumbs.pi-single-service-breadcrumbs .breadcrumbs-wrap img.pi__inner__shape{
		z-index: -1;
	}
	.pi-banner .pi-row .pi-right-image img.pi__layer3 {
	    left: auto;
	    right: 0;
	    top: 55%;
	}
	.pi-breadcrumbs .breadcrumbs-wrap img.pi__inner__shape {
	    top: 10px;
	}
	.pi-about.pi-about-two.analytics .container .pi-container .pi-sec-title{
		margin-top: 120px;
	}
	.pi-banner .pi-row .pi-right-image img.pi__layer2 {
	    top: 65%;
	    left: 0;
	}
	.pi-banner .pi-right-image .banner-layer{
		position: relative;
	}
	.pi-pricing .pricing-list{
		max-width: 400px;
		margin: 0 auto;
	}
	.pi-blog-single .blog-single-inner .blog-content .post-author{
		display: block;
	}
	.pi-contact-box .container ul.pi-box li{
		margin-left: 0;
	}
	.pi-portfolio {
	    padding: 100px 0 50px;
	}
	.pi-awards.pi-awards-about.pb-120.mt--20{
	    padding-top: 14px;
	}
	.pi-services .container .pi-sec-title .pi-title{
		text-align: left;
	}
	.pi-contact .container .pi-image-maping .pi-tooltip2 {
	    right: 244px;
	    top: 220px;
	}
	.pi-portfolio-details .container .pi-thumbnail {
	    margin-top: 50px;
	    margin-bottom: 0px;
	}
	.pi-portfolio-details .pi-container ul.information li {
	    flex: 0 0 50%;
	    margin-top: 14px;
	}
	.pi-portfolio-details .pi-container ul.information {
	    margin: 0px auto 45px;
	    max-width: 460px;
	}
	.pi-portfolio-details .pi-container .pi-content {
	    max-width: 460px;
	    margin: 0 auto;
	}
	.pi-breadcrumbs.portfolio-single .breadcrumbs-text{
		top: 0;
	}
	.pi-portfolio-details {
	    padding-bottom: 100px;
	    padding-top: 50px;
	}
	.pi-blog-single .blog-single-inner .blog-content .post-author .avatar {
	    margin-right: 0;
	    margin-bottom: 25px;
	}
	.pi-banner-two .pi-row{
		display: block;
	}
	.pi-banner-two .pi-row .pi-left-content h1 {
	    font-size: 35px;
	    line-height: 44px;
	}
	.pi-banner-two:not(.pi-banner-three) .banner-layer {
	    width: auto;
	    margin-left: 0;
	    margin-top: 50px;
	    position: relative;
	}
	.pi-about.analytics .pi-container .pi-col-6 {
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.pi-about.analytics .pi-container .pi-col-5 {
	    flex: 0 0 100%;
	    max-width: 100%;
	    padding: 0 25px;
	}
	.pi-about.pi-dashboard .pi-container .pi-col-5 {
	    flex: 0 0 100%;
	    max-width: 100%;
	    padding-left: 25px;
	}
	.pi-about.pi-dashboard .pi-container .pi-col-6 {
	    flex: 0 0 100%;
	    max-width: 100%;
	    padding-top: 50px;
	}
	.pi-about.pi-dashboard {
	    padding-bottom: 0;
	    margin-top: 0;
	    padding-top: 60px;
	    margin-bottom: 60px;
	}
	.pi-pricings {
	    padding-top: 230px;
	}
	.pi-awards .container .pi-container ul{
		padding-left: 0;
	}
	.pi-design .container .pi-container input[type=text]{
		width: 100%;
	}
	.pi-design .container .pi-container input[type=submit]{
		margin-left: 0;
		margin-top: 25px;
	}
	.pi-design form{
		text-align: left;
	}
	.pi-pricings .pricing-switcher .fieldset em label{
		font-size: 14px;
		margin: 0px 40px;
	}
	.pi-pricings .pricing-switcher .fieldset{
		width: 320px;
	}
	.pi-pricings .pricing-switcher .fieldset em .switch{
		left: 132px;
	}
	.pi-awards.pi-awards-two {
	    padding-top: 0;
	}
	.pi-pricings .pricing-list > li .pi-price-two {
	    padding: 30px 35px 40px;
	}
	.pi-pricing .pricing-list > li {
	    padding: 0 50px;
	    margin-bottom: 50px;
	    margin-top: 50px;
	}
	.pi-banner .pi-row{
		display: block;
	}
	.pi-banner .pi-row .pi-right-image {
	    flex: 0 0 100%;
	}
	.pi-banner .banner-layer {
	    width: auto;
	    margin-top: 50px;
	}
	.pi-blog-grid .container .pi-blogs li .pi-inner .pi-blog-content br{
		display: none;
	}
	.pi-blog-single .blog-single-inner .blog-content .author-comment ul li .reply {
	    display: block;
	    position: relative;
	    text-align: left;
	    width: 100%;
	    top: 0;
	}
	.pi-banner .pi-row .pi-left-content {
	    flex: 0 0 100%;
	    padding-top: 0;
	}
	.pi-service{
		padding-top: 150px;
		padding-bottom: 120px;
	}
	.pi-service .pi-container {
	    padding: 70px 33px 20px 30px;
	}
	.pi-awards {
	    padding: 95px 0 0;
	}
	.pi-join {
	    padding: 30px 0 100px;
	}
	.pi-about.pi-about-two .pi-container .pi-list-arrow li {
	    float: none;
	    width: 100%;
	    margin: 16px 31px 8px 3px;
	}
	.pi-about.pi-about-two .pi-container .pi-list-arrow {
	    padding: 10px 0 40px;
	}
	.pi-ux-design {
	    padding-top: 90px;
	}
	.pi-about.pi-about-two .pi-container.pt-120{
	    padding-top: 25px;
	}
	.pi-services .container .pi-inner-col {
	    padding-bottom: 0;
	}
	.pi-services .pi-pl {
	    padding: 50px 20px 0;
	}
	.pi-services .container .pi-sec-title {
	    margin-bottom: 60px;
	}
	.pi-ux-design .pi-ux-slider li.slick-slide{
		display: block;
	}
	.pi-ux-design .pi-ux-slider li.slick-slide .pi-image img {
	    border-radius: 0;
	}
	.pi-ux-design .pi-ux-slider li.slick-slide .pi-image {
	    padding: 0 35px 35px;
	}
	.social-links.text-right{
	    text-align: left !important;
	    margin-top: 25px;
	}
	.pi-blog-single .blog-single-inner .blog-content .author-comment ul li .col-sm-2 {
	    text-align: left;
	    padding-right: 15px;
	}
	.pi-blog-single .blog-single-inner .blog-content .author-comment ul li .image-comments{
		margin-bottom: 12px;
	}
	.pi-blog-single .blog-single-inner .blog-content .blog-form{
		margin-top: 50px;
		padding: 40px 20px;
	}

	.pi-blog-single .blog-single-inner .blog-content .author-comment ul li{
		padding: 30px 30px 38px 30px;
	}
	.pi-blog-single .blog-single-inner .blog-content .blog-tags .social-links li {
	    padding-left: 0;
	    margin-right: 4px;
	}
	.pi-cta{
		text-align: center;
	}
	.pi-footer .footer-top .pi-row .pi-footer-col.pi-footer-widget-two, 
	.pi-footer .footer-top .pi-row .pi-footer-col.pi-footer-widget-three, 
	.pi-footer .footer-top .pi-row .pi-footer-col.pi-footer-widget-four {
	    flex: 0 0 100%;
	    padding: 60px 0 0;
	    text-align: center;
	}
	.pi-footer .footer-top .pi-row .pi-footer-col.pi-footer-widget-four {
	    padding-left: 0;
	}
	.pi-contact-box .container ul.pi-box{
		justify-content: center;
	}
	.pi-contact-box .container .pi-sec-title .pi-title{
		font-size: 30px;
	}
	.pi-setup .pi-top .pi-sec-title .pi-title br{
		display: none;
	}
	.pi-services.pt-110{
		padding-top: 75px;
		padding-bottom: 45px;
	}
	.pi-ux-design .pi-sec-title {
	    padding-left: 20px;
	    padding-right: 20px;
	}
	.pi-sec-title .pi-title br{
		display: none !important;
	}
	.pi-services .container .pi-inner-col p{
		max-width: 100%;
		margin-bottom: 40px;
	}
	.pi-ux-design .pi-sec-title .pi-title,
	.pi-managed .container h2,
	.pi-service .pi-sec-title .pi-title,
	.pi-tab .pi-sec-title .pi-title,
	.pi-setup .pi-top .pi-sec-title .pi-title,
	.pi-clients .pi-sec-title .pi-title,
	.pi-pricing .pricing-switcher .pi-sec-title .pi-title, 
	.pi-pricing .pricing-list .pi-sec-title .pi-title,
	.pi-about .container .pi-container .pi-sec-title .pi-title,
	.pi-services .container .pi-sec-title .pi-title,
	.pi-blog .container .pi-sec-title .pi-title,
	.pi-contact .container .pi-sec-title .pi-title,
	.pi-awards .container .pi-container .pi-sec-title .pi-title{
		font-size: 30px;
		line-height: 40px;
	}
	.pi-design .container .pi-container h2{
		font-size: 40px;
		line-height: 50px;
	}
	.pi-contact .container .pi-sec-title {
	    margin-bottom: 60px;
	}
	.pi-core {
	    padding: 130px 0 60px;
	}
	.pi-banner-two .banner-layer {
	    margin-left: 0;
	    position: relative;
	    margin-top: 60px;
	}
	.pi-banner-two.pi-banner-three {
	    padding: 70px 0 110px;
	}
	.pi-awards.pi-awards-two {
	    padding-bottom: 70px;
	}
	.pi-design .container .pi-container .layer22 {
	    right: 0;
	    position: relative;
	    bottom: 0;
	    margin-top: 40px;
	}
	.pi-design .container .pi-container .layer21{
		display: none;
	}

	.pi-tab .pi-tab-gird{
		display: block;
	}
	.pi-tab .pi-tab-gird .pi-col-2{
		padding-left: 0;
	}
	.pi-tab .pi-tab-gird .pi-tab-content{
		margin-right: 0;
		margin-top: 50px;
		min-height: 260px;
	}
	.pi-about {
	    padding: 100px 0 100px;
	}
}

@media screen and (max-width: 600px) {
	.pi-breadcrumbs .breadcrumbs-wrap .breadcrumbs-inner .breadcrumbs-text .breadcrumbs-title {
	    font-size: 40px;
	    line-height: 50px;
	}
	.pi-breadcrumbs .breadcrumbs-wrap > img{
		min-height: 300px;
	}
	.pi-breadcrumbs.pi-single-service-breadcrumbs .breadcrumbs-wrap > img{
		min-height: 400px;
	}	
	.pi-contact-box .container ul.pi-box li{
		margin-right: 0;
	}
	.pi-error .content-wrap .title-part .title{
		letter-spacing: 0;
		margin-right: 25px;
	}
	.pi-error .content-wrap .title-part .title em{
		left: -10px;
		letter-spacing: 0;
	}
	.pi-contact-box .container .pi-blog-form{
		margin-left:0;
		margin-right:0;
	}
	.pi-contact-box .container .blog-form{
		padding: 50px 25px;
	}
	.pi-join .container .pi-container .pi-inner-col {
	    padding: 60px 50px 50px 50px;
	}
	#pi-header .pi-join-btn {
	    margin-right: 0;
	}
	.pi-blog-grid{
		padding-top: 90px;
	}
}

@media screen and (max-width: 480px) {
	
	.pi-awards .container .pi-container ul li {
	    flex: 0 0 50%;
	    margin: 50px 0 1px;
	    padding: 0;
	    text-align: center;
	}
	.pi-banner-two{
		overflow: hidden;
	}
	.pi-pricings .pricing-switcher .fieldset {
	    width: 340px;
	}
	.pi-banner .pi-row .pi-right-image img.pi__layer3 {
	    top: 72%;
	    width: 46%;
	}
	.pi-portfolio .container .pi-grid .pi-inner-col .pi-portfolio-content h3.pi-title {
	    font-size: 17px;
	}
	.pi-about.pi-about-two .pi-container .pi__shape_bg6 {
	    left: 0px;
	    top: 4%;
	}
	.pi-contact .container .pi-image-maping .pi-tooltip4 {
	    left: 205px;
	    top: 304px;
	}
	.pi-contact .container .pi-image-maping .pi-tooltip3 {
	    left: 218px;
	}
	.pi-service {
	    padding-top: 0px;
	}
	.pi-banner {
	    padding: 100px 0 100px;
	}
	.pi-tab .pi__shape_bg5 {
	    top: 50%;
	}
	.pi-pricing .pricing-list {
	    max-width: 320px;
	}
	.pi-core {
	    padding: 70px 0 40px;
	}	
	.pi-pricing.pi-pricings .pricing-list {
	    max-width: 360px;
	}
	.pi-pricings .pricing-switcher .fieldset em label{
		margin: 0;
		padding: 0px 40px;
	}
	.pi-pricing .pricing-list > li {
	    padding: 0 35px;
	}
	.pi-setup .pi-top .pi-filter button{
		margin: 0 3px 10px;
	}
	.pi-breadcrumbs.pi-blog-breadcrumbs .breadcrumbs-wrap .breadcrumbs-inner .breadcrumbs-text .breadcrumbs-title{
		font-size: 30px;
	}
	.pi-portfolio-details .pi-container ul.information{
		display: block;
	}
	.pi-breadcrumbs.pi-blog-breadcrumbs .pi-category{
		margin-top: 24px;
	}
	.pi-portfolio-details .pi-container .single-nav{
		display: block;
	}
	.pi-portfolio-details .pi-container .single-nav .pi-social-link{
		text-align: center;
		padding:20px 0 16px;
	}
	.pi-portfolio-details .pi-container .single-nav{
		padding-top: 50px;
	}
	.pi-portfolio-details .pi-container .single-nav .pi-next{
		text-align: right;
	}
	.pi-awards.pi-awards-two {
	    padding-top: 85px;
	    padding-bottom: 95px;
	}
	.pi-portfolio-details .pi-container .single-nav .pi-prev, .pi-portfolio-details .pi-container .single-nav .pi-next {
	    margin: 0 auto;
	    max-width: 125px;
	}
	.pi-breadcrumbs.portfolio-single .breadcrumbs-text {
	    top: 18px;
	}
	.pi-contacts .pi-image-maping img {
	    min-height: 250px;
	}
	.pi-contacts .pi-image-maping .pi-tooltip1 {
	    bottom: 100px;
	}
}

@media screen and (max-width: 400px) {
	.pi-footer .pi-copyright p a{
		display: inline-block;
	}
}