@media ( max-width: 1366px ) {
	.b-scroll-wrapper,
	#contactF,
	#contactC {
	    right: -5%;
	}

	.section-intro {
	    left: -5%;
	}
}


@media ( max-width: 1170px ) {
	.single-about-story-counter span {
	    font-size: 35px;
	}

	.single-about-story-counter p {
	    font-size: 13px;
	}

	.single-resume-left {
	    margin-right: 65px;
	    padding-right: 65px;
	}

	.single-resume-left h6:after {
		left: 160%;
	}

	.persoh-initial-menu .persoh-navbar-initial li a {
		padding: 30px 6px;
	}
}


/*
Max Width 1080px
==========================================================
*/

@media ( max-width: 1026px ) {
	.banner-left h2 {
	    font-size: 50px;
	}

	.project-details {
		flex-wrap: wrap;
	}

	.single-details {
		flex-basis: 50%;
	}

	.persoh-initial-menu .persoh-navbar-initial li ul.persoh-dropdown-menu {
		width: 195px;
	}

	.persoh-initial-menu .persoh-navbar-initial li a {
		padding: 30px 4px;
	}
}


/*
Max Width 991px
==========================================================
*/

@media ( max-width: 991px ) {
	.elegant-banner-left {
	    padding-top: 100px;
	    padding-bottom: 170px;
	}
	.persoh-initial-mobile-menu-area {
	    display: block;
	    border-bottom: 1px solid #f5f5f5;
	}

	.persoh-mobile-menu {
		background: transparent;
		min-height: 85px;
	}

	.persoh-mobile-menu.slinky-theme-default.is-set-menu ul li a {
		padding: 13px 0;
	}

	.persoh-mobile-menu.is-set-menu > ul > li:last-child a {
	    text-transform: uppercase;
	    font-size: 13px;
	    letter-spacing: 0.07em;
	    padding-top: 18px;
	}

	.slinky-theme-default .back::before {
	    padding: 1em 0;
	}

	.slinky-theme-default a:not(.back):active,
	.slinky-theme-default a:not(.back):hover,
	.slinky-theme-default a:not(.back):focus {
		background: transparent;
	}

	.persoh-initial-menu {
		display: none;
	}

	.persoh-blog-posts article {
		margin-right: 0;
	}

	.widget-area {
		margin-top: 90px;
	}

	.article-left {
		margin-bottom: 30px;
	}

	.persoh-blog-posts .single-article {
		margin-right: 0;
	}

	.about-stories-counter {
	    flex-wrap: wrap;
	}

	.single-about-story-counter {
	    text-align: left;
	    flex-basis: 50%;
	}

	.persoh-contact {
	    width: 80%;
	}

	.comments-area {
		margin-right: 0;
		padding-bottom: 0;
	}

	.slide-details {
		width: 80%;
	}

	.slidenav {
		top: 90%;
	}

	.persoh-testimonial-wrapper {
		padding-top: 60px;
	}

	.single-testimonial {
		display: block;
	}

	.testimonial-details,
	.testimonial-img {
		float: none;
		width: 100%;
	}

	.single-testimonial:before {
		top: 20vw;
	}

	.testimonial-details-wrapper {
	    position: relative;
	    top: 0;
	    margin-bottom: 30px;
	    padding: 20px 0;
	    -webkit-transform: translateY(0);
	       -moz-transform: translateY(0);
	        -ms-transform: translateY(0);
	         -o-transform: translateY(0);
	            transform: translateY(0);
	}
	
	.elegant-banner-front p {
	    width: 80%;
	}
}


@media ( max-width: 881px ) {
	.banner-left h2 {
	    font-size: 40px;
	}

	.b-scroll-wrapper, #contactF, #contactC {
	    right: -6%;
	}

	.section-intro {
	    left: -6%;
	}

	.contact-form-wrapper {
		width: 80%;
	}

	.contact-form-wrapper form p:nth-child(2),
	.contact-form-wrapper form p:nth-child(3) {
	    float: none;
	    width: 100%;
	}

	.contact-form-wrapper form p:nth-child(3) {
	    margin-left: 0;
	}
}


/*
For WordPress
==========================================================
*/

@media screen and (max-width: 782px) {
	.logged-in.admin-bar .persoh-main-header-area, .logged-in.admin-bar .persoh-sidebar-menu {
	    top: 46px;
	}
}


/*
Max Width 767px
==========================================================
*/

@media ( max-width: 767px ) {

	.banner-left {
	    background-color: rgba(255, 255, 255, .5);
	    padding: 130px 40px 130px 40px;
	}

	.banner-left:before {
		display: none;
	}

	.banner-right {
		background-color: rgba(255, 255, 255, .5);
		padding-bottom: 85px;
	}

	.banner-circle {
		display: none;
	}

	.banner-right ul {
		position: relative;
		bottom: 50px;
		left: 40px;
		width: 80%;
	}

	.elegant-banner-left .tback,
	.elegant-banner-left .tfront {
	    font-size: 50px;
	}

	.persoh-sidebar-menu {
		width: 100%;
	}

	.sidebar-menu-social {
	    margin: 30px 0 20px;
	}

	.single-about-story-counter {
	    text-align: center;
	    flex-basis: auto;
	}

	.about-right {
	    padding: 80px 40px 110px 40px;
	}

	.services-left, 
	.services-right {
	    flex-basis: 100%;
	}

	.single-details {
	    flex-basis: auto;
	}

	.persoh-next-post,
	.persoh-prev-post {
		text-align: center;
	}

	.persoh-prev-post {
		margin-top: 40px;
	}

	.persoh-post-navigation span.navigate-next {
		text-align: left;
	}

	.persoh-post-navigation span.navigate-prev {
		text-align: right;
	}

	.persoh-post-navigation a > img {
		display: none;
	}

	.b-scroll-wrapper,
	#contactF,
	#contactC {
	    right: -7%;
	}

	.section-intro {
	    left: -7%;
	}

	.persoh-contact {
	    width: 90%;
	}

	.slide__title {
		font-size: 22px;
	}
	
	.grid-sizer.cols-3,
	.grid-item.cols-3,
	.grid-sizer.cols-4,
	.grid-item.cols-4,
	.grid-item.cols-5,
	.grid-item.cols-6 {
	    float: none;
	}

	.grid-sizer.cols-2,
	.grid-item.cols-2,
	.grid-sizer.cols-3,
	.grid-item.cols-3,
	.grid-sizer.cols-4,
	.grid-item.cols-4,
	.grid-item--width2.cols-3,
	.grid-item--width2.cols-4,
	.grid-sizer.cols-5,
	.grid-item.cols-5,
	.grid-item--width2.cols-5,
	.grid-item--width2.cols-5,
	.grid-sizer.cols-6,
	.grid-item.cols-6,
	.grid-item--width2.cols-6,
	.grid-item--width2.cols-6 {
	    width: 100%;
	}

	.testimonial-details {
		padding: 0 20px;
		margin-left: 0;
	}

	.persoh-contact-wrapper form p:nth-child(1),
	.persoh-contact-wrapper form p:nth-child(2),
	.persoh-contact-wrapper form p:nth-child(3) {
		float: none;
		margin: 0 0 15px;
		width: 100%;
	}

	.section-heading {
	    -webkit-transform: rotate(0) translateX(0) translateY(-100%);
	       -moz-transform: rotate(0) translateX(0) translateY(-100%);
	        -ms-transform: rotate(0) translateX(0) translateY(-100%);
	         -o-transform: rotate(0) translateX(0) translateY(-100%);
	            transform: rotate(0) translateX(0) translateY(-100%);
	}

	.section-description {
		font-size: 25px;
	}

	.single-testimonial:before {
	    width: 70vw;
	    top: 35vw;
	}
}


@media screen and ( max-width: 630px ) {
	.banner-wrapper h2 span {
	    font-size: 25px;
	}

	.banner-wrapper h5 {
	    letter-spacing: 0.05em;
	}

	.banner-wrapper {
	    width: 50%;
	    padding: 25vw 20px 15vw;
	}

	.banner-wrapper:before {
	    width: 55px;
	    left: -43px;
	    -webkit-transform: skew(-3deg);
	    -moz-transform: skew(-3deg);
	    -ms-transform: skew(-3deg);
	    -o-transform: skew(-3deg);
	    transform: skew(-3deg);
	}

	.banner-three .banner-social {
	    margin-top: 70px;
	}
}


/*
For WordPress
==========================================================
*/

@media screen and (max-width: 600px) {
	.logged-in.admin-bar .persoh-main-header-area.nav-down,
	.logged-in.admin-bar .nav-down .persoh-sidebar-menu {
	    top: 0;
	}

	.logged-in.admin-bar .persoh-main-header-area.nav-up,
	.logged-in.admin-bar .nav-up .persoh-sidebar-menu {
	    top: -80px;
	}

	.elegant-banner-social {
		display: none;
	}
}



/*
Max Width 575px
==========================================================
*/

@media screen and ( max-width: 575px ) {
	blockquote {
	    margin-left: 0;
	    padding-left: 40px;
	    font-size: 20px;
	}

	.banner-left {
	    padding: 80px 40px 100px 40px;
	}

	.banner-right {
	    padding-bottom: 35px;
	}

	.b-scroll-wrapper,
	.section-intro {
		display: none;
	}

	.b-scroll {
		right: -50px;
	}

	.banner-left a.persoh-btn {
	    margin-top: 20px;
	}

	.single-about-story-counter {
	    text-align: left;
	    flex-basis: 50%;
	}

	.article-left .article-details h4 {
	    font-size: 20px;
	}

	.single-details {
	    flex-basis: 50%;
	}

	.single-resume {
		flex-wrap: wrap;
	}

	.single-resume-left h6 {
		margin-bottom: 20px;
		padding-bottom: 5px;
	}

	.single-resume-left h6:after {
		left: 0;
		top: 100%;
	}

	.contact-form-wrapper {
		padding: 20px 30px 0 30px;
	}

	.comment-form-author,
	.comment-form-email {
		float: none;
		width: 100%;
	}

	.comment-form-email {
		margin-left: 0;
	}

	.comments-area .comment-list .comment-body {
		flex-wrap: wrap;
	}

	.comment-content {
		margin-left: 0;
		margin-top: 15px;
	}

	.introductory-text {
		left: 0;
	}

	.introductory-text h2 {
	    font-size: 40px;
	}
}



@media screen and ( max-width: 435px ) {
	.banner-left h2 {
	    font-size: 35px;
	}
	.single-about-story-counter span {
	    font-size: 30px;
	}
	.single-about-story-counter p {
	    font-size: 12px;
	}
	.slide__title {
	    font-size: 18px;
	}

	.elegant-banner-left .tback,
	.elegant-banner-left .tfront {
	    font-size: 40px;
	}

	.elegant-banner-front p {
	    width: 100%;
	}
}



@media screen and ( max-width: 405px ) {
	th, td {
	    font-size: 12px;
	}
	.persoh-main-header-area {
		height: 100px;
	}

	.persoh-main-header {
		padding: 1.5rem 0;
	}

	.persoh-main-header-area .persoh-main-header .navbar-brand {
		width: 100px;
	}

	.progressbar-text {
		display: none;
	}

	.persoh-progress span {
		font-size: 12px;
	}

	.article-details h4 {
		font-size: 1rem;
	}

	.persoh-next-post h6,
	.persoh-post-navigation span.navigate-next,
	.persoh-prev-post h6,
	.persoh-post-navigation span.navigate-prev {
		text-align: center;
	}

	.article-left .article-details h4 {
	    font-size: 16px;
	}

	.single-post .entry-meta {
		float: left;
	}

	.introductory-text h2 {
	    font-size: 35px;
	}
}

@media only screen and (min-width: 1140px) {
    .alignfull, .alignwide {
        margin-bottom: 2em;
    }
    .alignwide {
        width: 75vw;
        margin-left: calc( 50% - 75vw / 2 );
        max-width: none;
    }
}