@media (min-width: 801px) {
	.hide-mobile-bg {
		display: none !important;
	}	
}

@media (max-width: 800px) {
	
	.hide-desktop {
		display: inherit !important;
	}
	
	.hide-mobile {
		display: none;
	}
	
	.hide-mobile-bg {
		display: none;
	}
	
	.text-padding {
		padding: 10px 0px;
	}
	
	.menu-btn {
		right: 30px;
	}
	
	.mySwiperQuote .swiper-slide {
		padding-left: 0;
	}
	
	.swiper-button-next:after, 
	.swiper-button-prev:after {
		line-height: 0.8;
	}
	
	/*.text-centerbox,
	.text-centerbox-inner {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}*/
	
	.plusminus {
		left: -30px;
		top: 14px;
	}
	
	p {
		font-size: 18px;
	}
	
	h1 {
		font-size: 26px;
	}
	
	h2 {
		font-size: 30px;
		line-height: 30px;
	}
	
	.bullet-box {
		padding: 18px;
	}
	
	.header-textbox {
		bottom: 14%;
		top: auto;
	}
	
	.wrapper ul li a {
		font-size: 36px;
		line-height: 36px;
	}
	
	.portfolio-item {
	    width: 100%;
	}	
	
	.accordion-button {
		font-size: 20px;
	}
	
	.logo {
		left: 30px;
		height: 60px;
	}
	
	.swiper-button-next {
		right: 10px;
	}
	
	.swiper-button-prev {
		left: 10px;
	}
	
	.section {
	    padding: 50px 30px !important;
	}
	
	.text-centerbox-inner {
		text-align: left;
	    padding: 30px 0px !important;
	    word-break: break-word;
	    hyphens: auto;
	}
	
	.swiper-button-prev-quote {
		margin-left: 30px;
	}
	
	.swiper-button-next:after, 
	.swiper-button-prev:after {
		font-size: 20px;
	}
	
	.swiper-button-next-quote, 
	.swiper-button-prev-quote {
		margin: 20px 0;
		height: 22px;	
	}
	
	.swiper-button-next-quote {
		margin-left: 30px;
	}
	
	.icons-section p {
		font-size: 18px;
	    margin-top: -26px;
	    margin-bottom: 40px;
	    padding: 0 30px;
	}
	
	.portfolio-item.portfolio-left .borderbox {
		border-right: 0;
		border-left: solid 3px #B395E9;
		padding-right: 0;
		padding-left: 30px;
	}
	
	.portfolio-item.portfolio-right .borderbox {
		padding-left: 30px;
	}
	
	.portfolio-item.portfolio-left .timeline-date {
	    padding-left: 60px;
	}
	
	.portfolio-item.portfolio-right .timeline-date {
	    padding-left: 70px;
	}
	
	.portfolio-dot {
		width: 20px;
		height: 20px;
	}
	
	.portfolio-item.portfolio-right .portfolio-dot {
		left: 22px;
		top: 18px;
	}
	
	.borderbox {
		padding-bottom: 30px;
	}
	
	.portfolio-item.portfolio-left .portfolio-dot {
	    right: -5px;
	    top: 46px;
	}
	
	.portfolio-item.portfolio-left .portfolio-dot {
	    left: 22px;
	}
	
	.portfolio-item.portfolio-left {
	    border-right: none;
	    padding: 30px;
	    margin-left: 0;
	    text-align: left;
	    padding-bottom: 0;
	    margin-top: 0;
	}
	
	.portfolio-item.portfolio-right {
	    margin-left: 0;
	    padding-left: 30px;
	    padding-bottom: 0;
	}
	
	.wrapper > ul > li > a {
		text-align: left;
		padding: 0 10%;
		margin-left: 0 !important;
	}
	
	.wrapper > ul > li > ul > li > .sub-menu {
		display: none !important;
	}
	
	.wrapper > ul > li > ul > li > a:after {
		font-size: 24px;
		font-family: "Font Awesome 5 Free";
		content: "\f078";
		display: inline-block;
		padding-right: 3px;
		vertical-align: middle;
	    width: 12px;
	    display: -webkit-inline-box;
	    background-size: contain;
	    margin-left: 20px;
	    transition: transform 0.4s;
	}
	
	.staff-section .staff-container .plusminus {
		top: 12px;
	}
	
	.staff-section .staff-container img {
		margin-bottom: 20px;
	}
	
	#menu-footer-1 li {
		float: none;
		text-align: center;
	}
	
	.parent {
		width: 100%;
		height: 200px;
		margin-bottom: 30px;
	}
	
	.projects-section .parent:nth-child(even) {
		margin-top: 0;
	}
	
	.projects-section .parent:nth-child(odd) {
		margin-bottom: 30px;
	}
	
	.project-header {
		font-size: 14px;
		top: 20px;
		left: 20px;
	}
	
	.child .link {
		font-size: 10px;
		left: 20px;
		bottom: 20px;
		padding: 6px 30px;
	}
	
	.filter-section button {
		padding: 0 10px;
	}
	
	.accordion-body .link {
		display: block;
		margin-bottom: 10px;
	}
	
	.accordion {
		margin-left: 0;
	}
	
	.staff-section .staff-container .staff-name {
		padding-left: 0;
	}
	
	.staff-section .staff-hover {
		width: auto;
	}
	
	.menu-right {
		width: 0;
	}
	
	.wrapper > ul {
		width: 100%;
		top: 10%;
	}
	
	.wrapper > ul > li {
		margin: 30px 0;
	}
	
	.wrapper ul li a {
		margin-left: 0;
	}
	
	#Mainmenu > li > .sub-menu {
	    left: 10%;
	    top: 20%;
	    width: 85%;
	}
	
	#Mainmenu .menu-image {
		display: none;
	}
	
	#Mainmenu > li > .sub-menu > li {
		width: 100%;
	}
	
	.wrapper .back-arrow {
		position: absolute;
	    top: 40px;
	    left: 10%;
	    display: none !important;
	}
	
	.wrapper .back-arrow .fa {
		transform: rotate(180deg);
	}
	
	.wrapper .back-arrow a {
		font-size: 20px;
		text-transform: none;
	}
	
	.wrapper .back-arrow img {
		transform: rotate(180deg);
	}
	
	.swiper-slide img {
		width: 70%;
	}
	
	.swiper-button-next, 
	.swiper-button-prev {
		top: 50%;
	}
	 
	.open-menu-point > a {
		text-align: left !important;
	}
	
	#Mainmenu > li > .sub-menu > li > .sub-menu > li a:after {
		background: none;
		transition: transform 0.4s;
	}
	
	.remove-arrow:after {
		background: none;
		transition: transform 0.4s;
	}
	
	.mobile-menu-social {
		position: absolute;
	    left: 10%;
	    bottom: 10%;
	    display: none;
	}
	
	.wrapper > ul > li > ul > li.remove-arrow a:after {
		transform: rotate(180deg) !important;
		transition: transform 0.4s;
		
	}
	
	.wpcf7 .wpcf7-list-item {
		width: 50%;
	}
	
	#Mainmenu > li.menu-item-has-children > a.remove-arrow:after {
		background: none !important;
	}
	
	.post {
		margin: 100px 0px;
	}
	
	.post .container {
		margin: 0px;
		padding: 0;
	}
	
	.post-content {
		padding: 0;
		margin-top: 30px;
	}
	
	.post-content .link span {
		padding: 0 !important;
	}
	
	.text-centerbox-inner.header-container {
		padding: 0 30px !important;
	}
	
	.post-content p,
	.post-content span,
	.post-content a {
		padding: 0 30px !important;
	}
	
	.row.killrow {
		margin: 0 !important;
		padding: 0 !important;
	}
	
	.header-video {
		top: 60%;
	}
	
	.header-section video {
		width: 160%;
	}
	
	.home .header-video {
		top: 50%;
	}
	
	.home .header-section video {
		width: auto;
	}
	
	.killrow .post-content:first-child {
		padding-right: 0;
	}
	
	.projects-section .whitebox p {
		display: none;
	}
	
	.boldfriends-section p {
	    font-size: 60px;
		line-height: 50px;
		font-size: 40px;
		line-height: 40px;
		margin-bottom: 20px;
	}
	
	.good-text {
		line-height: 80px;
		display: inline-block;
        margin-bottom: 16px;
	}
	
	.friends-styled {
		font-size: 75px;
        margin-top: 30px;
        display: inline-block;
	}
	
	.goodpeople-section p {
	    font-size: 44px;
		line-height: 50px;
	}
	
	.boldfriends-section .star {
		height: 40px;
		margin-top: -30px;
		margin-right: -10px;
	}
	
	.bold-styled svg.circle {
		top: -20px;
	}
	
	.header-logo {
		display: none;
	}
	
	.text-section p {
	    color: #4C5EEB;
	    font-size: 26px;
	    line-height: 40px;
	}
	
	.header-textbox p {
		font-size: 18px;
        margin-bottom: 0px;
        line-height: 30px;
	}
	
	.header-section {
	    background-repeat: repeat;
		background-size: contain;
		height: auto;
		padding: 150px 0 !important;
	}
	
	.header-small-section {
		background-repeat: repeat;
		background-size: contain;
		padding: 100px 30px;
		margin-top: 30px;
	}
	
	.header-small-section .header-textbox {
		max-width: 100%;
	}
	
	.spantext {
		line-height: 30px;
	}
	
	.infobox-section .bg-white {
		padding: 30px;
	}
	
	.infobox-section .link {
		display: inline-block;
	}
	
	.footer-block1 {
		margin-bottom: 30px;
	}
	
	.footer-block1 h2 {
		font-size: 22px;
	}
	
	#Mainmenu > li > .sub-menu > li > .sub-menu > li a {
	    font-size: 18px;
	    padding-top: 20px;
	    padding-bottom: 20px;
	}
	
	#Mainmenu li > .sub-menu > li > a {
	    font-size: 26px;
	}
	
	#Mainmenu > li > .sub-menu > li > .sub-menu > li {
		max-height: fit-content;	
	}
	
	.headerline {
		font-size: 26px !important;
	}
	
	.whitebox {
		border-radius: 0;
	}
	
	.link {
		font-size: 18px;
		width: fit-content;
	}
	
	.bold-styled {
		font-size: 110px;
	}
	
	.people-styled {
		font-size: 36px;
        display: inline-block;
        margin-bottom: 26px;
	}
	
	.ideas-styled {
        font-size: 75px;
        margin-top: 20px;
        display: inline-block;
    }
    
    .logolink {
		z-index: 999;
	    position: sticky;
	}
	
	.wpcf7 {
		position: relative;
		margin-bottom: 100px;
	}
	
	.wpcf7 .screen-reader-response {
		bottom: -100px;
	}
	
}