@media (max-width: 767px){

div#mobile-menu {
    background: #f2f2f2;
    width: 300px;
    padding: 16px;
    position: fixed;
    top: 0;
    left: 0;
	z-index: 10;
		height: 100vh;
	}

	div#mobile-menu .logo {
		margin-left: 9px;
    margin-top: 4px;
	}
	div#mobile-menu ul{
		list-style: none;
		padding: 0;
		margin-top: 30px;
	}
	#search-mobile .form-control {
    width: 340px;
}
	.pri-mobile-menu li a{
		color: #666;
		/*padding: 2px 10px;
		border: 1px solid #666;*/
		display: inline-block;
		margin-right: 10px;
		font-weight: 700;
		min-width: 150px;
		font-size: 16px;
		width: 180px;
	}
	.pri-mobile-menu li {
		padding-bottom: 10px;
		border-bottom: 1px solid #eaeaea;
		margin-bottom: 10px;
	}

	ul.sec-mobile-menu li a {
		font-size: 12px;
		font-weight: 600;
		color: #666;
	}

	ul.sec-mobile-menu li {
		margin-bottom: 5px;
	}

	.ter-mobile-menu li {
		text-transform: uppercase;
		font-size: 11px;
		font-weight: 600;
		color: #666;
		margin-top: 10px;
	}
	.ter-mobile-menu .login-link a{
		    text-align: center;
    margin-top: 15px;
    font-size: 15px;
    width: 180px;
	}
	.mobile-overlay{
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		z-index: 9;
		background: rgba(0,0,0,0.8);
		left: 0;
	}
	#search-mobile{
			background: #fff;
		padding: 10px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
		width: 100%;
	}
	.home-banner h1.text-uppercase{
		font-size: 19px;
		/*padding-top: 132px;*/
		margin-top:10px;
	}
	#home .banner-content{padding-top: 25px;}
	a.join-link{
		width: 300px;
		font-size: 12px;
		height: 40px;
		line-height: 40px;
	}
	.home-banner p{
		font-size: 14px;
	}
	a.vid-link{
		font-size: 12px;
		line-height: 40px;
		height: 40px;
		margin-top: 20px;
		width: 100px;
	}
	.side-head-wrap{
		margin-left: 65px !important;
	}
	#home .side-head-wrap{
		margin-left: 20px !important;
	}
	.home-block{
		width: auto;
		height: auto;
		padding-bottom: 20px;
		margin-bottom: 20px;
		margin-right: 0;
	}
	.latest-panel{
		margin-right: 0;
	}
	.home-block h6{
		font-size: 17px;
	}
	.home-block-vertical img{
		margin-top: 20px;
	}
	#footer h2{
		font-size: 18px;
	}
	.panel{
		float:none !important;
		/*margin-left: 20px !important;*/
		/*width:100%;*/
		padding:0 .9375rem;
		/*margin:20px 0.9375rem;*/
	}
	.latest-panel-wrap-left .col-lg-12{
		padding-right: .9375rem;
	}
	.latest-panel-wrap-right .col-lg-12{
		padding-left: .9375rem;
	}
	.listing-partners-wrap .col-lg-4,#team-wrap, #team-wrap .col-lg-4,.team-head{
		padding-left: .9375rem;
		padding-right: .9375rem;
	}
	.partners-listing .list-arrow {
    margin-right: 30px;
    margin-top: 0;
    font-size: 40px;
    float:right;
    margin-left:0;
}
.partners-listing .side-head-wrap{
	min-width:auto;
}
.partner-panel {
    /*margin: 20px .9375rem !important;*/
}
	.partners-listing a.secondary-link {
    margin-right: 40px;
    margin-top: -5px;
}
	.tab-head{
		width: 100%;
		font-size: 14px;
	}
	.discover-text{
		width: 350px;
		margin-left: 15px;
	}
	.discover-icon{
		float:left;
		text-align: center;
		padding-left: 15px;
	}
	.tool-big{
		width: auto;
	}
	.tool-wrap, .tool-wrap .col-lg-3{
		text-align: center;
	}
	.tool-wrap{
		margin-bottom: 50px;
		float: left;
	}
	.tool-wrap .col-lg-3 .tool-small.pull-left,.tool-wrap .col-lg-3 .tool-small.pull-right{
		float:none;
	}
	div#tool-institutional{
		padding-left: 20px;
		padding-right: 20px;
		text-align: center;
	}
	div#tool-capacity{
		width: 90%;
	}
	span.tool-icon.left-side {
    margin-left: -87px;
}
	span.tool-icon.right-side {
    margin-left: 10px;
}
	.home-block-horizontal .home-wrap-img-wrap{
		width: 100%;
		padding-bottom:20px;
		padding-top: 20px !important;
	}
	.home-banner-link-wrap{
		padding: 0;
	}
	.side-head-wrap h5{font-size:23px;}
	.side-head-wrap h6{font-size:17px;}
	.box-border {
    height: 610px;
    width: 92%;
}
.box-border.part-2{
	margin-top: 655px;
}
	.dne-panel {
    width:380px !important;
	}
	.tool-small,.tool-middle{
		margin-bottom: 20px;
	}
	.featured-event{
		text-align: center;
	}
		a.support-link{
		height:104px;
	}
	#accordion .panel h4{
		text-transform: uppercase;
    margin-top: 13px;
    width: 100%;
    padding: 0 .9375rem;
    font-family: 'Futura-Med';
    
	}
	.team-panel{
		width:auto;
	}
	.shelve-panel{
		width: auto;
	}
	.shelve-panel .lib-data{
		min-width:178px !important;
		width:auto !important;
	}
	.contri-p p{
		padding:0 .9375rem;
	}
	.contact-wrap{
		/*margin:0 .9375rem;*/
	}
	#contact textarea.form-control{
		width: 100% !important;
	}
	.checkboxen br{
		display: none;
	}
	.checkbox1en{
		padding:0 ;
	}
	.contact-wrap i{ height:auto; }
	.contact-text{ width:auto;height:400px; }
	.contact-wrap{ width:auto;height:430px; }
	.contact-form-wrap {padding:0 .9375rem;}
	#report-block{
		margin-top:40px;
	}
	.pop-data{
		padding:20px 0;
	}
	.pop-head h3{
		line-height:20px;
	}
	#lib-s-form .row{
		padding:0 .9375rem;
	}
	#dne-story-main, #dne-discuss-main{
		min-width:0;
	}
	.col-lg-4.eventBox{
		width:100% !important;
		padding:5px !important
	}
	.featured-event{
		width:auto !important;
	}
	#add-story{
		padding-left:.9375rem;
		padding-right:.9375rem;
	}
	.speech-box{
		float: left;
    width: 100%;
    margin: 0;
	}
	.discuss-color-box,.event-color-box.color-box,.story-color-box.color-box{
		width:100%;
	}
	.login-pop{
		width: auto;
		height:auto;
	}
	.login-pop input[type=email], .login-pop input[type=password]{
		width:100%;
	}
	a.login-close{
		margin-left:84%;
	}
	.mob-user-name.col-xs-12 {
	    font-size: 16px;
	    font-weight: 700;
	    margin-top: 20px;
	    margin-bottom: 5px;
	}
	
	a.user-menu-item {
	    color: #303030;
	    font-size: 15px;
	    margin: 5px 0;
	}
	
	a.user-menu-item i {
	    margin-right: 7px;
	}
	div#library-filter .side-head-wrap{
		padding-top: 30px;
	}
	#accordion .panel {
	        padding: 0 0;
    border-top: 0;
    height: auto;
    margin: 20px 0;
    width: 100%;
    border-style: solid;
    border-top-width: 5px;
	}
	
	#accordian .panel .collapse p {
	    width: 100%;
	}
	
	#accordion .panel-collapse p {
	    width: 100%;
	    padding: 0 .9375rem;
	}
	.contri-p p{
		width:100%;
	}
	.tooltip {
	    font-style: italic;
	    background: #fff;
	    padding: 10px;
	    left:10%;
	    top:10%;
	    opacity: 1;
	    top: -23px;
	    width: 260px;
	    position: absolute;
	    border: 1px solid #ccc;
	    color: #646464;
	    border-radius: 10px;
	}
	.tooltip:before {
	    border-color: rgba(204, 204, 204, 0);
	    border-top-color: #ccc;
	    border-width: 9px;
	    margin-top: -10px;
	}
	.tooltip:after, .tooltip:before {
	    right: 53%;
	    top: 126%;
	    content: " ";
	    height: 0;
	    width: 0;
	    position: absolute;
	    pointer-events: none;
	}
	.tooltip:after {
	    border-color: rgba(255, 255, 255, 0);
	    border-top-color: #fff;
	    border-width: 9px;
	    margin-top: -11px;
	}
	.search-result {
	    width: auto;
	    margin: 10px 0;
	}
		#tools-inner .side-head-wrap{
		width:80%;
	}
	.search-sidebar {
	    margin: 30px 0;
	}
	.tool-mid .speech-box {
	    width: 100%;
	    margin: 0;
	    font-weight: normal;
	}
	.main-page-icon{
		margin: 10px 0;
	}
	#tools-inner .input-group {
	    /*margin-left: 0.9375rem;*/
	}
	#story-inner .row,#discuss-sidebar .row,#story-sidebar .row{
		margin:0;
	}
	#story-inner.inner-main,#discuss-sidebar.inner-sidebar,#story-sidebar.inner-sidebar{
		padding-left:15px;
	}
	#discuss-sidebar .other-box .sidebar-head{
		margin-top:25px;
	}
	#discuss-sidebar .other-box span.side-hyphen{
		margin-top:38px;
	}
	.inner-share a{
		float:left;
		margin: 5px 0;
		clear:left;
	}
	.shel-list{
		padding-right: 15px;
	}
	.shel-list .lib-data{
		margin-left: 12px;
	}
	#discussions{
		    padding-right: .9375rem;
    padding-left: .9375rem;
    overflow-x:hidden;
	}
	.mob-left-15{
		padding-left:0.9375rem;
	}
	ul.mob-ul {
	    padding: 0;
	    margin-top: 20px;
	}
	i.site-it {
    display: block;
    float: left;
}
input#doc-zoom {
    width: 100px;
}
.user-set li span{
	width:auto;
}
ul.user-sidebar{
	float:left;
	margin-bottom: 20px;
}
.user-data{
	margin-left: 0;
	margin-top: 20px;
}
.user-image{
	padding: 5px;
    width: 220px;
    margin: 20px auto;
    height: 220px;
    border: 1px solid #959595;
    float:none;
}
#user-content{
	margin-bottom: 20px;
}
.user-social{
	margin-bottom:20px;
}
#register{
	padding:0 0.9375rem;
}
#add-story, #discussions, #search-results, #tools-inner{
	padding-left: .9375rem;
	padding-right: .9375rem;
	
}
div#doc-view-wrap{
	padding: 50px .9375rem;
}
div#doc-controls-wrap{
	padding: 25px .9375rem;
}
input[type=text].form-control, input[type=password].form-control, input[type=email].form-control, textarea.form-control, input[type=tel].form-control{
	width: 100%;
}
a.dne-image{
	width:345px;
}
div#bottom-share{
	display: inline-block;
	width: 100%;
}
.inner-contact a{
	margin-bottom: 10px;
}
#register-form .input-group label{
	width: 80%;
}
.home-banner br{
	display: none;
}
.bx-pager-link{
	width: 30px;
}
.dne-wrap{
	border:none;
}
.group-checkboxes li label{
	float:left;
	width:90%;
	
}
.event-add-more{
	margin-left: 0;
}
.date .fa-calendar,.date .fa-clock-o{
	display: none;
}
#lib-add-top{
	margin-top: 20px;
}
#add-library{
	    padding-right: .9375rem;
    padding-left: .9375rem;
}
#add-library .input-group label{
	width:90%;
}
#add-library .btn-add-more{
	white-space: normal;
}
#add-pop{
	float:left;
}
#core-partners .partner-panel{
	width: 95%;
	margin: 20px 0;
}
.smallPanel{
	display:block;
}
#goals{
	white-space: normal;
}
#return-to-top{
	display: none;
}
.panel-subtext p {
    margin: 5px 15px;
}
.event-color-box.color-box{
	height: 190px;
}
.event-panel {
    padding-bottom: 15px;
    width: 100%;
}

#home #joint-socio h2 {font-size: 18px;}
#home #local-socio h2 {font-size: 18px;}
#home #vlrss h2 {font-size: 18px;}
#home #home-banner01 h2 {font-size: 18px;}

#home #local-socio {min-height: 300px;}
#home #joint-socio {min-height: 300px;}
#home #vlrss {min-height: 300px;}
#home #home-banner01 {min-height: 300px;}

#home .joint-socio-banner-content {margin-top: 30px;}
#home .local-socio-banner-content {margin-top: 30px;}
.responsecovid19 h4.card-title {font-size: 1.2rem;}
.portfolio-item {margin-bottom: 10px;}
.pad-lft {padding-left: 15px;}
.pad-rgt {padding-right: 15px;}
.home-banner2 p {margin-top: 10px;margin-bottom: 10px;}

}



@media (max-width:320px){
	.discover-text{
		width: 310px;
		margin-left: 5px;
	}
	div#tool-initializing {
		white-space: nowrap;
		padding-left: 30px;
		padding-right: 40px;
	}
	#tool-institutional {
		padding-bottom: 20px;
	}
	#bb {
		height: 670px;
	}
	#bb2 {
		height: 690px;
	}
	a.support-link{
		height:104px;
	}

	
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
	#main-header{
		padding:0;
	}
	#main-header .ter-nav{
		padding-left:0;
	}
	.home-block-horizontal{
		width:100%;
		height:auto;
		margin-bottom:20px;
	}
	#contribute-block{
		float:right;
		margin-right:0;
	}
	.home-block-vertical img{
		margin-top:30px;
	}
	.home-block-vertical{
		width:47%;
		margin-bottom:20px;
		height:300px;
	}
	.tweet-img img{
		width:264px;
	}
	.tab-head{
		padding:5px 46px;
	}
	.team-panel{
		width:auto;
	}
	#team-wrap, #team-wrap .col-lg-4{
		padding:0 .9375rem;
	}
	.discover-text {
    width: 85%;
}
.box-border{
	width:90%;
	height:230px;
}
.tool-wrap {
    padding: 0;
}
.partner-panel{
	    margin: 20px 4px;
    width: 302px;
}
a.partners-head{
	width:92%;
}
.contact-wrap {
    width: 445px;
    height: 322px;
}
.contact-text {
    width: 334px;padding-left:5px;}
    #tech-bloc{
    	margin-left:26px;
    }
    #report-block span.speech-arrow{
    	margin-left:26px;
    }
    .lib-recent-data{
    	width:63%;
    	min-height:163px;
    }
    #dne-story-main, #dne-discuss-main{
	min-width:0;
}
.col-lg-4.eventBox{
	width:33.3333% !important;
	padding:5px !important
}
.featured-event{
	width:auto !important;
}
.panel p{width:auto;padding:0 10px;}
.panel{width:auto;}
#add-story .panel{width:auto;min-height:437px;}
.panel span.small-hr{margin-left:10px;}
.panel-subtext p{margin-left:0px;}
.discuss-color-box{width:100%;}
.main-page-icon{margin-left:0;}
}