.mobile-loc-info {
	display: none;
}
.mobile-content {
	display: none;   
}


.dre, .dre a, .dre span {
    color:  #000 !important;
}

.nav .cslogoside { 
	width: 100px;
	max-width: 100%;
	padding: 0 0 25px 0px;
	display: block;
}

.mobile-l-info {
	display: none;  
}

.swiper-slide {
	width: auto !important;
}

#project .swiper-slide:first-child {
	width: 10px;
}

.pop-li-left, .pop-li-right {
	width: 50%;
}

.journal-main-div {
	padding-top: 80px;
}

#project, #projects {
	max-height: 100vh;
	overflow: hidden;
}

.dark .overlay {
	background: rgba(0,0,0,.2);
}

.hidden-mobile {
	display: block;
}

	@media (max-width: 1200px) {
		#project .mobile-loc-info {
			/* display: block; */
		    width: 100%;
		    clear: both;
		    overflow: hidden;
		    padding: 0 0 40px;
		}
		#project .main-pop-box .col-md-3 {
			display: none;
		}

		#project .pop-center-content {
			width: 100%;
		    max-width: 100%;
		    flex: 0 0 100%;
		}

		#project .pop-li-left, #project .pop-li-right {
		    width: 50%;
		    font-weight: 300;
		    float: left;
		}
.info_page .atf .col-md-6 .row.clientlist .col-12.col-inner p {
	width: 50%; 
	text-align: left !important;
	max-width: 100%;
}
.listings .main-pop-box .col-md-12.pop-center-content {
	display: grid;
}
.listings .main-pop-box .col-md-12.pop-center-content .col-md-3 {
	width: auto;
	max-width: 100%;
	margin-bottom: 20px;
	order: 1;
	margin: 0 auto;
	margin-top: 40px;
	float: left;
	width: 100%;
}
.listings .main-pop-box .col-md-12.pop-center-content .col-md-7 {
	width: 100%;
	max-width: 100%;
}

	}

	@media (max-width: 991px) { 

		/*.left-column .nav-item{
			display: block;
			float: left;
			width: 100%;
		}

		.left-column .nav-link{
			padding:0px 0px 3px 10px;
		}

		.left-column .collapse-item{
			padding:0px 0 3px 20px;
		}*/

		.foot_botm .foot_left a:nth-child(1) {
			margin-left: 0;
		}

.info_page .atf .col-md-6.hidden-xs .infosidebar p {
	float: left;
	width: 100%;
	display: block;
	align-items: center;
}
.info_page .atf .col-md-6.hidden-xs .infosidebar p span {
	float: left;
	width: 100%;
	max-width: 310px;
	margin-left: 0;
	margin-top: 20px;
}
.info_page .atf .col-md-6.hidden-xs .infosidebar p a.nohover {
	display: table;
}   
.info_page .atf .col-md-6.hidden-xs .infosidebar {
	position: fixed;
	left: 30px;
	top: 25%;
	max-width: 50%;
	bottom: auto;
	margin: auto;
	display: block;
	height: auto;
}
	}


	@media (max-width: 767px) { 

		/* #listings .w-100 {
		    width: auto !important;
		    height: 100%;
		    object-fit: cover;
		} */

		.foot_botm .foot_left a:nth-child(1) {
			margin-left: 5px;
		}

		.hidden-mobile {
			display: none;
		}
/* 
		#listings .carousel-inner, #listings .carousel-item {
			max-height: 40vh;
		}

		#listings .carousel-item {
			height: 40vh;
		} */

		#project .closeit {
			display: none;
		}
		/*.myers-top {
			padding-top: 110px;
		}*/
		/*.myerstwo-top {
			padding-top: 25px;
		}*/
		#project {
			background: #fcf9ef;
		}

		.mobile-l-info {
			display: list-item;
    		padding-bottom: 15px;
		}

		#listings .office-address p:first-child, .listings h5 a {
			font-size: 16px;
		}

		#project .swiper-container, #listings .swiper-container {
		    margin-left: auto;
		    margin-right: auto;
		    overflow: hidden;
		    list-style: none;
		    position: absolute;
		    padding: 0;
		    z-index: auto;
		    top: 50px;
		    width: 100%;
		    height: 50vh;
		    left: 0px;
		}

		#project .copy-column, .listings .copy-column {
			top: 50vh;
		}

		#project .logo-mobile, #project .hamburger-inner, #project .hamburger-inner::before, #project .hamburger-inner::after {
			color: #000 !important;
		}

		#project.modal-open .logo-mobile {
			color: #000 !important;
		}

		#projects .mobile-content, #listings .mobile-content {
			padding-top: 50px;
			background: #fcf9ef;
		}

		#projects .swiper-container/* , .listings .swiper-container */ {
			display: none;  
		}
		#projects, #project {
			max-height: unset;
			overflow: scroll;
		}
		#project .mobile-content {
			top: 140px;
		    position: relative;
		}
		.book small {
			margin-top: 0px;
			display: block;
		}
		.books-content{
			margin-top: 0px;
		}
		.book {
			margin-bottom: 20px;
			height: 80vh;
		}
		.book-info{
			display: block;
			margin-top: -50px;
		} 
		.book-image, .book img{
			max-height: 50vh;
		}
		.mobile-header {
			position: fixed;
			z-index: 1051;
			padding-top: 10px;
			padding-bottom: 12px;
			width: 100%;
			display: block;
			right: 0;
			left: 0;
			background: transparent;
		}
		.logo-mobile{
		    display: block;
		    margin: 5px 0 0 0;
		    max-width: 200px;
		    width: auto;
		    float: left;
		    font-size: 16px;
		    color: #000 !important;
		}
		.logo-mobile sup {
			top: -7px;
		    font-size: 7px;
		    margin-left: -4px;
		}

		.logo-mobile:hover {
			text-decoration: none;
		}

		.menu-mobile {
			display: inline-block;
		    color: #fff;
		    padding: 0;
		    font-size: 12px;
		    font-weight: 300;
		    float: right;
		}

		.modal.show {
			background: #fcf9ef;
		}

		.modal-content {
			background-color: transparent;
			height: 100vh;
		}

		.modal-body {
			padding: 10px 0 0px 0;
		}

		.modal-footer p, .modal-footer a {
			font-size: 16px;
			line-height: 28px;
			color: #5072a8 !important;
			display: inline;
		}

		.underline a {
			text-decoration: underline;
		}

		.modal-footer a:hover {
			text-decoration: underline;
			color: #5072a8 !important;
		}

		.modal-content a, .modal-open .logo-mobile {
			color: #000 !important;
			transition: all .5s ease-in-out !important;

		}

		#project .modal-content a, .listings .modal-content a {
			color: #000 !important;
		}

		.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {
			background-color: #000 !important;
		}

		.mobile-slide {
			position: relative;
			margin-top: -1px;
		}

		.swipetext {
			left: 30px;
		}

		.copy-column {
		    position: relative !important;
		    width: calc(100% - 30px);
		    max-width: calc(100% - 30px);
		    height: auto;
		    left: 15px;
		    display: block !important;
		    top: 125px;
		}

		#project .copy-column, .listings .copy-column {
			left: 0;
		}

		
		#project .main-pop-h h3, .listings .main-pop-h h3 {
			text-align: center;
			margin: 20px 0px 0px;
		}

#project .pop-center-content, .listings .pop-center-content {padding-bottom: 50px;padding-left: 0;padding-right: 0;}
#project .pop-center-content .col-md-12, .listings .pop-center-content .col-md-12 {padding: 0;}
.pager-a {padding: 20px 0px;}
#listings .pager-a {padding: 50px 15px 20px;}
#listings #learnmore .mobile-l-info .office-address {float: left;left: 0;right: unset;}
#listings #learnmore .mobile-l-info .office-address p {text-align: left;}
.mobile-nav-degree div {/*padding-left: 15px;*/left: 5px;position: absolute;bottom: 15px;}

.modal-footer .mobile-nav-degree .left-ft {
	bottom:  11px;
}

.modal-footer .mobile-nav-degree .right-ft {
	padding-right: 15px !important;
}

.info .atf {margin-top: 160px;}
#project .swiper-slide img {height: 100%;}
#listings .main-listings, #listings .listing-info {margin-top: 50px;width: 100%;margin-left: 0;}
#listings .grid-images {width: 100vw;}
#listings .grid-images .grid-boxes {padding-left: 0;padding-right: 0;position: relative;height: 100%;}
#listings .grid-images .grid-boxes p {position: absolute;bottom: 0px;left: 15px;}
#listings .grid-images .grid-boxes p a {color: #fff;font-size: 14px;}
#listings .grid-boxes img {margin-bottom: 0;}
#listings .carousel {top: 50px;}
#listings .listing-info {position: absolute;top: 170px;left: 10px;width: 60%;display: none;}
#listings #learnmore .office-address {width: 100%;float: right;top: 0;position: relative;right: 5px;}
#listings #learnmore {padding-top: 70px;padding-left: 0;padding-right: 0;padding-bottom: 0;}
#listings .main-office-div {padding: 20px 0px 0;}
#listings .office-address {padding-left: 0;padding-bottom: 5px;}
#listings .office-address p {width: 50%;}
#listings .office-content h5 {top: 40px;position: relative;}
#listings #learnmore .office-address p {font-size: 11px;font-weight: 500;width: 100%;line-height: initial;text-align: right;padding-right: 10px;}
#project .copy-column .pop-center-content p {text-align: left !important;}
.hamburger {padding: 0px 0px;margin-top: 0px;}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {background-color: #000;border-radius: 0;height: 2px;width: 25px;}
.menu-mobile:active,.menu-mobile:hover{text-decoration: none;color: #000;}
.nav li {/*border-bottom: 2px solid #5072a8 !important;*/padding: 2px 15px;}
.nav li:first-child {/*border-top: 2px solid #5072a8 !important;*/}
.nav a {font-size: 26px;line-height: 30px;}
.smallnav .nav-item a {font-size: 18px;line-height: 24px;}
.nav-link.active, .collapse-item.active, .nav a:hover {text-decoration: none;}
#listings .hamburger-inner, #listings .hamburger-inner::before, #listings .hamburger-inner::after {background-color: #000;}
#about .hamburger-inner, #about .hamburger-inner::before, #about .hamburger-inner::after {background-color: #000;}
/*#project .hamburger-inner, #project .hamburger-inner::before, #project .hamburger-inner::after {background-color: #fbfeda;}*/
#project .row {margin-left: 0;margin-right: 0;}
#listings .logo-mobile {color: #000;}
.infosidebar {display: none;}
.info .col-sm-12 {padding: 0 30px 0 15px;}
.info .clientlist .col-12 {font-size: 4em;border-bottom: 1px solid #5074a7;line-height: 1.475em;}
.info h1 {/*font-size: 1.5rem;*/font-size: 16px;}
.info h2 {font-size: 16px;}
.info .atf p {font-size: 16px;}
.clientlist {margin-top: 0;}

/* swiper switcher */
.swiper-container {/*display: none;*/}
.mobile-content {display: block;}
.listings  .mobile-content {display: block;z-index: 999;}
.hamburger-box {width: 25px;}
.modal-footer {padding: 0 0 25px;}
.hamburger--collapse .hamburger-inner::after {top: -16px;}
.hamburger-inner::before {top: -8px;}
.info .clientlist span {font-size: 16px !important;}
.infofooter article {padding-bottom: 50px;}
.info .clientlist .col-12 {font-size: 2em;border-bottom: 1px solid #5074a7;line-height: 1.475em;text-align: center !important;padding: 5px 0;}
.timespent .main-pop-h h3 {text-align: center;}
.timespent .mobile-hidden {display: none;}
.casestudybutton, .closeit {display: none;}
.timespent .copy-column {height: auto;left: 0;}
.slideup .main-pop-box .pager-a {position: relative;bottom: 0;}
.foot_botm .foot_left {float: left;width: auto;} 
.foot_botm {float: left;width: 100%;position: relative;display: block;align-items: baseline;padding: 0 10px;margin-top: 20px;}
.foot_botm .foot_center {display: table;float: left;}
.info_page .atf {margin-top: 80px;margin-left: 0;margin-right: 0;padding: 0 15px;}
.info_page .atf .col-md-6.hidden-xs .infosidebar {position: static;display: block;max-width: 100%;display: table;margin-bottom: 20px;}
.info_page .atf .col-md-6.hidden-xs .infosidebar p {display: block;}
.info_page .atf .col-md-6.hidden-xs .infosidebar p a {margin-bottom: 15px;display: table;}
.info_page .atf .col-md-6.hidden-xs .infosidebar p span {float: left;width: 100%;max-width: 100%;margin-left: 0;}
.modal-footer .row.mobile-nav-degree {display: table;margin: 0;}
.modal-footer .row.mobile-nav-degree .col-6 {color: #000;width: auto;max-width: 100%;}
.modal-content .modal-body .nav.flex-column.text-left {text-align: center !important;}
.modal-footer .row.mobile-nav-degree .col-6.right-ft {right: 0;left: auto;width: auto;}
.nav .cslogoside {margin: 0 auto;margin-bottom: 35px;}
.modal-body .nav.flex-column.text-left {text-align: center !important;}
.modal-body .nav.flex-column.text-left .nav-item {margin: 6px 0;}
.copy-column .main-pop-box {padding-bottom: 10px;}

.foot_botm .foot_center {
	top:  0;
}
}  
@media screen and (min-width: 767px) and (max-width: 1140px) {

	.info_page .atf .col-md-6.hidden-xs .infosidebar p span {
		max-width:  350px;
	}
}
  
@media screen and (min-width: 767px) and (max-width: 980px) {
	
.foot_botm .foot_left a {margin-left: 20px;font-size: 14px;}
.playlistslink { margin-left: 23px !important; }
.foot_botm .foot_center p {margin-bottom: 0;font-size: 14px;}
	
} 

@media screen and (max-width: 480px) {

/* Font Size in mobile case */
body {font-size: 16px;}
.main-pop-box .pop-center-content p {font-size: 18px;line-height: 23px;}
.main-pop-box ul li {font-size: 16px;line-height: 22px;}
.nav a, p {font-size: 13px;line-height: 17px;}
h3 { font-size: 23px; }
.pager-a {font-size: 16px;}
.smallnav .nav-item a {font-size: 16px;line-height: 20px;}
.listings .main-pop-box .col-md-12.pop-center-content .col-md-7 {padding: 0;}
.nav a{font-size: 30px;line-height: 28px;}
.info_page .atf .col-md-6 .row.clientlist .col-12.col-inner p a {text-align: left !important;}
.listings .main-pop-box .col-md-12.pop-center-content .col-md-3 {padding: 0;}

}

@media screen and (max-width: 400px) {

.modal-footer .row.mobile-nav-degree .col-6 {padding: 0 10px;}
.foot_botm .foot_center {margin-left: 55px;}

}