body {
    background-color: #f8f8f8;
    font-size: 12px;
    font-family: courier-prime, monospace;
    font-weight: 400;
    font-style: normal;
}

a {
    color: #000000;
    font-weight: 700;
}

a:hover {
    color: #000000;
    text-decoration: underline;
}

.wrapper {
    margin: auto;
	max-width: 900px;
}

/* HEADER */

.nav {
    padding-top: 20px;
    max-width: 150px;
}

.header {
    font-size: 40px;
    font-weight: 700;
    font-style: normal;
    text-align: center;
    max-width: 300px;
    letter-spacing: -2px;
}

.header a:hover {
    text-decoration: none;
}
.head-logo{ margin-top: 10px !important;}.head-logo .spacermob10{	height:0px;}
.subheader {
    font-size: 25px;
    font-weight: 700;
    font-style: normal;
    text-align: center;
}

.city {
    font-weight: 700;
    font-style: normal;
    text-align: right;
    padding-top: 20px;
    max-width: 170px;
    float: right;
}


/* /HEADER ***************************************************/



/******BURGER DROPDOWN ***************************************************/
.btn-burger{background-color: #f8f8f8;  border: none;  margin-left: -5px;}
.dropcontents-main{ min-width: 160px; background-color: #0000ff;  color: #ffffff;}

.dropcontents-main .dropdown-item {
 display:block;
 width:100%;
 padding: 12px 0px 12px 16px;
 clear:both;
 font-weight:700;
 color:#ffffff;
 text-align:inherit;
 white-space:nowrap;
 background-color:transparent;
 border:0;
 text-decoration: none;
 font-size:12px;
 text-transform:lowercase;
}
.dropcontents-main .dropdown-item:focus,
.dropcontents-main .dropdown-item:hover {
 color:#fff;
 text-decoration:none;
 background-color:transparent
}
.dropcontents-main .dropdown-item.active,
.dropcontents-main .dropdown-item:active {
 color:#fff;
 text-decoration:none;
 background-color:transparent
}



/* Change color of dropdown links on hover */
.dropcontents-main a.dropdown-item:hover {text-decoration: none;}
span.menu-item:hover{ text-decoration:underline;}


/* BODY */

.home-date-box {
    font-weight: 700;
    font-style: normal;
    max-width: 900px;
    border: 2px solid #000;
    text-align: center;
}

.home-date-text{ text-align:center; padding:7px;}
.home-date-period{color: #0000ff; font-size: 22px; line-height:0px;}

.item-post-wrap{border: 2px solid #000; display:block; width:250px; max-width: 250px; height:200px; overflow:hidden;}
.item-post-wrap a:hover{text-decoration:none;}


.connection-title {
    font-weight: 700;
    font-style: normal;
   /* max-width: 250px;*/
    /*border: 2px solid #000;*/
	border-bottom: 2px solid #000;
    text-align: center;
    padding: 15px;
    line-height: 18px;
    background-color: #f8f8f8;
}

.connection-title:hover{text-decoration:underline;}

.connection-post {
    font-weight: 400;
    font-style: normal;
   /* max-width: 250px;*/
    /*border-left: 2px solid #000;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;*/
    text-align: left;
    padding: 15px;
    line-height: 23px;
    background-color: #f8f8f8;
}

.connection-title-big {
    font-weight: 700;
    font-style: normal;
    max-width: 550px;
    border: 4px solid #000;
    text-align: center;
    padding: 40px;
    line-height: 45px;
    background-color: #f8f8f8;
    font-size: 25px;
}

.connection-post-big {
    font-weight: 400;
    font-style: normal;
    max-width: 550px;
    border-left: 4px solid #000;
    border-right: 4px solid #000;
    border-bottom: 4px solid #000;
    text-align: left;
    padding: 40px;
    line-height: 40px;
    background-color: #f8f8f8;
    font-size: 15px;
}

.post-content-text{ font-size:16px;}

.center {
    margin: auto;
}

.right {
    margin-left: 30px;
}

.md-bg-blue{background-color: #0000ff;}
.md-bg-white1{background-color: #f8f8f8;}
.md-closetop {
    color: #000000;
    font-weight: bold;
    text-align: right;
    margin-right: 20px;
    margin-bottom: 0;
    font-size: 50px;
    position: fixed;
    right: 0;
    width: 100px;
    z-index: 1;
}

/* /BODY ***************************************************/

/* LOAD MORE */

.loadmore {
    background-color: #0000ff;
    color: #ffffff;
    font-weight: 700;
    font-style: normal;
    text-align: center;
    padding: 8px;
}

.loadmore a {
    color: #ffffff;
}

.loadmore a: hover {
    text-decoration: underline;
}

/* /LOAD MORE ***************************************************/

#browse .browse-item {
  max-width: 25rem;
  margin-left: auto;
  margin-right: auto;
}
#browse .browse-item .browse-link {
  position: relative;
  display: block;
  margin: 0 auto;
}
#browse .browse-item .browse-link .browse-hover {
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(254, 209, 54, 0.9);
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity ease-in-out 0.25s;
}
#browse .browse-item .browse-link .browse-hover .browse-hover-content {
  font-size: 1.25rem;
  color: white;
}
#browse .browse-item .browse-link:hover .browse-hover {
  opacity: 1;
}
#browse .browse-item .browse-caption {
  padding: 1.5rem;
  text-align: center;
  background-color: #fff;
}
#browse .browse-item .browse-caption .browse-caption-heading {
  font-size: 1.5rem;
  /*font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/
  font-family: 'Courier Prime', monospace;
  font-weight: 700;
  margin-bottom: 0;
}
#browse .browse-item .browse-caption .browse-caption-subheading {
  font-style: italic;
  /*font-family: "Droid Serif", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/
  font-family: 'Courier Prime', monospace;
}

.browse-modal .modal-dialog {
  margin: 1rem;
  max-width: 100vw;
}
.browse-modal .modal-content {
  padding-top: 6rem;
  padding-bottom: 6rem;
  text-align: center;
}
.browse-modal .modal-content h2 {
  font-size: 3rem;
  line-height: 3rem;
}
.browse-modal .modal-content p.item-intro {
  font-style: italic;
  margin-bottom: 2rem;
  /*font-family: "Droid Serif", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/
  font-family: 'Courier Prime', monospace;
}
.browse-modal .modal-content p {
  margin-bottom: 2rem;
}
.browse-modal .modal-content ul.list-inline {
  margin-bottom: 2rem;
}
.browse-modal .modal-content img {
  margin-bottom: 2rem;
}
.browse-modal .close-modal {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  width: 3rem;
  height: 3rem;
  cursor: pointer;
  background-color: transparent;
}
.browse-modal .close-modal:hover {
  opacity: 0.3;
}

div.postlist-item {
  margin-left: auto;
  margin-right: auto;
}
div.postlist-item a{ color:#212529; text-decoration:none;}
div.postlist-item:hover{ background-color:#0099FF !important;}
div.postlist-item:hover h5{opacity: 0.3;}
div.postlist-item:hover p{opacity: 0.3;}
div.postlist-item .postlist-link {
  position: relative;
  display: block;
  margin: 0 auto;
  min-height:150px;
}
div.postlist-item .postlist-link .postlist-hover {
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity ease-in-out 0.25s;
}
div.postlist-item .postlist-link .postlist-hover .postlist-hover-content {
  font-size: 1.25rem;
  color: white;
}
div.postlist-item .postlist-link:hover .postlist-hover {
  opacity: 1;
}

.text-trans-cap{text-transform:capitalize !important;}

.btn-fa-twitter {
    color: #fff;
    background-color: #1CA0F3;
    border-color: #1CA0F3;
}

.btn-fa-facebook {
    color: #fff;
    background-color: #3B5997;
    border-color: #3B5997;
}

.btn-fa-linkedin {
    color: #fff;
    background-color: #007AB5;
    border-color: #007AB5;
}

.btn-fa-googleplus {
    color: #fff;
    background-color: #DA4A36;
    border-color: #DA4A36;
}

.btn-social:hover {
  color: #0099FF;
  text-decoration: none;
}

.footer{font-size:12px;}
	.footer .copyright{ text-align:left;}
	.footer .social_links{ text-align:center;}
	.footer .right_links a{ color:#000000; text-decoration:none;}
	.footer .right_links a:hover{ color:#000000; text-decoration:underline;}
	.footer .social_links .btn{padding:5px 6px 0px 6px !important;}

.clearFix{clear:both !important;}


.portfolio-modal .modal-dialog {
  /*margin: 1rem;*/
  margin:35px;
  max-width: 100vw;
}
.portfolio-modal .modal-content {
  padding-top: 6rem;
  padding-bottom: 6rem;
  text-align: center;
}
.portfolio-modal .modal-content h2 {
  font-size: 2.5rem;
  line-height: 3rem;
}
.portfolio-modal .modal-content p.item-intro {
  font-style: italic;
  margin-bottom: 2rem;
  /*font-family: "Droid Serif", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/
  font-family: 'Courier Prime', monospace;
}
.portfolio-modal .modal-content p {
  margin-bottom: 2rem;
}
.portfolio-modal .modal-content ul.list-inline {
  margin-bottom: 2rem;
}
.portfolio-modal .modal-content img {
  margin-bottom: 2rem;
}
.portfolio-modal .close-modal {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  width: 3rem;
  height: 3rem;
  cursor: pointer;
  background-color: transparent;
}
.portfolio-modal .close-modal:hover {
  opacity: 0.3;
}

.modal-notify {
	color: #636363;
	width: 400px;
}
.modal-notify .modal-content {
	padding: 20px;
	border-radius: 0px;
	border: none;
	text-align: center;
	font-size: 14px;
}
.modal-notify .modal-header {
	border-bottom: none;
	position: relative;
}
.modal-notify h4 {
	text-align: center;
	font-size: 26px;
	margin: 30px 0 -10px;
}
.modal-notify .close {
	position: absolute;
	top: -5px;
	right: -2px;
}
.modal-notify .modal-body {
	color: #999;
}
.modal-notify .modal-footer {
	border: none;
	text-align: center;
	border-radius: 5px;
	font-size: 13px;
	padding: 10px 15px 25px;
}
.modal-notify .modal-footer a {
	color: #999;
}

.modal-bg-1{background-color: #0000FF;}
.text-white{color:#FFFFFF;}
.opacity-1{opacity:1}

/***DELETE MODAL***/
.modal-confirm {
	color: #636363;
	width: 400px;
}
.modal-confirm .modal-content {
	padding: 20px;
	border-radius: 5px;
	border: none;
	text-align: center;
	font-size: 14px;
}
.modal-confirm .modal-header {
	border-bottom: none;
	position: relative;
}
.modal-confirm h4 {
	text-align: center;
	font-size: 26px;
	margin: 30px 0 -10px;
}
.modal-confirm .close {
	position: absolute;
	top: -5px;
	right: -2px;
}
.modal-confirm .modal-body {
	color: #999;
}
.modal-confirm .modal-footer {
	border: none;
	text-align: center;
	border-radius: 5px;
	font-size: 13px;
	padding: 10px 15px 25px;
}
.modal-confirm .modal-footer a {
	color: #999;
}
.modal-confirm .icon-box {
	width: 80px;
	height: 80px;
	margin: 0 auto;
	border-radius: 50%;
	z-index: 9;
	text-align: center;
	border: 3px solid #f15e5e;
}
.modal-confirm .icon-box i {
	color: #f15e5e;
	font-size: 46px;
	display: inline-block;
	margin-top: 13px;
}
.modal-confirm .btn, .modal-confirm .btn:active {
	color: #fff;
	border-radius: 4px;
	background: #60c7c1;
	text-decoration: none;
	transition: all 0.4s;
	line-height: normal;
	min-width: 120px;
	border: none;
	min-height: 40px;
	border-radius: 3px;
	margin: 0 5px;
}
.modal-confirm .btn-secondary {
	background: #c1c1c1;
}
.modal-confirm .btn-secondary:hover, .modal-confirm .btn-secondary:focus {
	background: #a8a8a8;
}
.modal-confirm .btn-danger {
	background: #f15e5e;
}
.modal-confirm .btn-danger:hover, .modal-confirm .btn-danger:focus {
	background: #ee3535;
}
.trigger-btn {
	display: inline-block;
	margin: 100px auto;
}

.modal-comm-text{font-size:0.96rem; line-height: 1.5rem;}

a.browse-links{ color:#212529; text-decoration:none;}
a.browse-links:hover{color:#0099FF; text-decoration:none;}

a.arrow-link{font-size:28px; line-height:normal; margin:0; padding:0;}

.browse-arrow-left{ margin-top:15px; padding-right:5px;}
.browse-arrow-right{ margin-top:15px; padding-left:5px;}


.fdot{color: #0000ff; font-size: 40px;}

.page-section {

}
.page-section h2.section-heading {
  font-size: 2.5rem;
  margin-top: 0;
  margin-bottom: 1rem;
}
.page-section h3.section-subheading {
  font-size: 1rem;
  font-weight: 400;
  font-style: italic;
  margin-bottom: 4rem;
}


.form_section .form-group {
  margin-bottom: 1.5rem;
}
.form_section .form-group input,
section#contact form#contactForm .form-group textarea {
  padding: 1.25rem;
}
.form_section .form-group input.form-control {
  height: auto;
}
.form_section .form-group-textarea {
  height: 100%;
}
.form_section .form-group-textarea textarea {
  height: 100%;
  min-height: 10rem;
}
.form_section p.help-block {
  margin: 0;
}
.form_section .form-control:focus {
  border-color: #000;
  box-shadow: none;
}
.form_section ::-webkit-input-placeholder {
  color: #bbbbbb;
  font-weight:normal;
}
.form_section :-moz-placeholder {
  color: #bbbbbb;
  font-weight:normal;
}
.form_section ::-moz-placeholder {
  color: #bbbbbb;
  font-weight:normal;
}
.form_section :-ms-input-placeholder {
  color: #bbbbbb;
  font-weight:normal;
}

.col-centered{margin:0 auto 0 auto;}

.btn-fixed-width{min-width:160px;}

.header-spacer1{height: 65px;}
.header-spacer2{height: 30px;}

.mobile-view-only{display:none;}

.input-error{ border:1px solid #FF0000 !important;}

.subhead-text{ font-size: 25px; font-weight: 700; font-style: normal; text-align: center; line-height:normal; padding-bottom:30px; margin-top:50px;}
.subhead-text-2{ font-size: 25px; font-weight: 700; font-style: normal; text-align: center; line-height:normal; padding-bottom:30px;}

.text-period{color: #0000ff; font-size:40px; line-height:0px;}
.text-period-red{color: #FF0000; font-size:40px; line-height:0px;}
.text-period-red:hover{ text-decoration:none !important;}

.btn-load-more{ background-color:#0000FF; border:none; font-size: 12px; font-family: courier-prime, monospace; font-weight: 700; padding:10px; margin:0px;}
.padd-top-20{padding-top:20px;}
.padd-top-25{padding-top:25px;}

.spacer5{width:auto; height:5px; margin:0px; padding:0px; font-size:0px; line-height:normal;}
.spacer10{width:auto; height:10px; margin:0px; padding:0px; font-size:0px; line-height:normal;}
.spacer15{width:auto; height:15px; margin:0px; padding:0px; font-size:0px; line-height:normal;}
.spacer20{width:auto; height:20px; margin:0px; padding:0px; font-size:0px; line-height:normal;}
.spacer25{width:auto; height:25px; margin:0px; padding:0px; font-size:0px; line-height:normal;}
.spacer30{width:auto; height:30px; margin:0px; padding:0px; font-size:0px; line-height:normal;}
.spacer50{width:auto; height:50px; margin:0px; padding:0px; font-size:0px; line-height:normal;}
.spacer90{width:auto; height:90px; margin:0px; padding:0px; font-size:0px; line-height:normal;}
.spacer100{width:auto; height:100px; margin:0px; padding:0px; font-size:0px; line-height:normal;}
.spacer150{width:auto; height:150px; margin:0px; padding:0px; font-size:0px; line-height:normal;}
.spacer200{width:auto; height:200px; margin:0px; padding:0px; font-size:0px; line-height:normal;}
.spacer240{width:auto; height:240px; margin:0px; padding:0px; font-size:0px; line-height:normal;}
.spacer270{width:auto; height:270px; margin:0px; padding:0px; font-size:0px; line-height:normal;}
.spacer175{width:auto; height:175px; margin:0px; padding:0px; font-size:0px; line-height:normal;}

.input-fields1{border: 4px solid #000; padding: 30px; background-color: #f8f8f8; font-size: 15px;}
.input-style2{border: 2px solid #000; padding: 15px; background-color: #f8f8f8; font-weight: 700;}
.input-style3{border: 2px solid #000; padding: 15px; background-color: #f8f8f8; font-weight: 700; width:325px; height:65px;}
.input-style4{ border:none; padding:5px; background-color: #eee; font-weight: 600;}

.btn-style1{background-color: #f8f8f8 !important; border: 4px solid #000000 !important; padding: 15px !important; font-size: 15px !important; color:#000000 !important;}
.btn-style2{background-color: #f8f8f8 !important; border: 2px solid #000000 !important; padding: 10px !important; color:#000000 !important; font-size:12px !important; font-weight:400;}
.btn-style1.disabled, .btn-style1:disabled {opacity: 1;}

.border-black-2p{border:2px solid #000 !important;}
.border-right-0{border-right:none !important;}
.border-left-0{border-left:none !important;}

.border-rad-none{border-radius:0px;}
.border-bot-none{ border-bottom:none;}

.btnpop-style-1{border: 2px solid #FFFFFF; background-color:#0000FF; color:#FFFFFF;}
.btnpop-style-2{border: 2px solid #FFFFFF; background-color:#FFFFFF; color:#0000FF;}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #bbbbbb !important;
  opacity: 1; /* Firefox */
  font-weight:normal;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #bbbbbb !important;
 font-weight:normal;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: #bbbbbb !important;
 font-weight:normal;
}

.postchat::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #bbbbbb !important;
  opacity: 1; /* Firefox */
}

.postchat:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #bbbbbb !important;
 font-weight:normal;
}

.postchat::-ms-input-placeholder { /* Microsoft Edge */
 color: #bbbbbb !important;
 font-weight:normal;
}

a.link-info{ color:#0000ff; text-decoration:none;}
a.link-info:hover{ color:#0000ff; text-decoration:underline;}

/*RESPONSIVE*/
.head-section{position: relative;}

.bd-textwide{ display:inherit;}
.bd-textsm{ display:none;}

.bpost-box{border: 2px solid #000; padding: 15px; background-color: #f8f8f8; font-weight: 400; text-align:center;}
.bpost-box-link{ text-decoration:none;}
.bpost-box-link:hover{ text-decoration:none;}
.bpost-box-mon{font-size: 12px; font-weight:bold;}
.bpost-box-year{ color:#000000; font-size:12px; font-weight:bold;}


.table-border-2{}
.table-border-2 th{border: 2px solid #000 !important;}
.table-border-2 td{border: 2px solid #000 !important;}

.table-border-4{}
.table-border-4 th{border-top: 4px solid #000 !important; border-left: 4px solid #000 !important; border-right: 4px solid #000 !important;}
.table-border-4 td{border: 4px solid #000 !important;}

.chatboxwrap{border: 4px solid #000; height:350px; overflow-y: scroll; padding:20px; scroll-behavior: auto;}
.chatboxwrap .chatmsg{padding-bottom:15px;}
.chatboxform{border: 4px solid #000; border-top:0px; display:block; height:70px;}
	.chatboxform .chatfields{ width:80%; float:left;  display:block;}
	.chatboxform .chatbtn{ width:20%; float:right; border-left:4px solid #000;  display:block;}
	.chatboxform .chatfields .textfields{height:70px; min-width:435px; display:block; border:none; background:none;
										 padding:15px; margin:0px;}
	.chatboxform .chatbtn .textbtn{height:70px; min-width:105px; display:block; border:none; background:none; font-weight:bold; text-align:center; vertical-align:middle;}

.chatboxposter{ width:auto; height:auto; border: 4px solid #000; display:block;}
.chatuserwrap{ width:20%; height:420px; float:left; overflow-y:auto;}
.chatmsgwrap{ width:80%; height:auto; float:right;}

ul.chatuserlist{ padding:0px; margin:0px;}
	ul.chatuserlist li{display:block; text-align:center;}
	ul.chatuserlist li a{padding:15px 10px 15px 10px; margin:0px; display:block; text-decoration:none;}
	ul.chatuserlist li a:hover{background:#000000; color:#FFFFFF; text-decoration:none;}

	ul.chatuserlist li a{ background:#000000; color:#FFFFFF; text-decoration:none;}
	ul.chatuserlist li a:hover{ background:#000000; color:#FFFFFF; text-decoration:none;}

  	ul.chatuserlist li a.current{ background:#0000ff; color:#FFFFFF; text-decoration:none;}
  	ul.chatuserlist li a.current:hover{ background:#0000ff; color:#FFFFFF; text-decoration:none;}

.chatmsgwrap .msgdisplay{border-left: 4px solid #000; border-bottom: 4px solid #000; height:350px; overflow-y: auto; padding:20px; display:block;}
.chatmsgwrap .msgform{border-left: 4px solid #000; display:block; height:70px;}
	.chatmsgwrap .msgform .chatfields{ width:80%; float:left;  display:block;}
	.chatmsgwrap .msgform .chatbtn{ width:20%; float:right; border-left:4px solid #000;  display:block;}
	.chatmsgwrap .msgform .chatfields .textfields{height:70px; min-width:435px; display:block; border:none; background:none;
										 padding:15px; margin:0px;}
	.chatmsgwrap .msgform .chatbtn .textbtn{height:70px; min-width:105px; display:block; border:none; background:none; font-weight:bold; text-align:center; vertical-align:middle;}

.text-bold{font-weight:bold;}
.font-normal{font-weight:normal;}

.text-area-style1{border: 4px solid #000; padding: 30px; background-color: #f8f8f8; font-size: 15px; color:#000000;}


.head-section .head-city .city ul li:first-child{
    background-image:url('../images/dropdown.png'); 
    background-size: 5px;
    background-position: left center; 
    background-repeat: no-repeat;  cursor:pointer;
}
.head-section .head-city .city ul li{
    list-style:none;
    padding: 5px 15px; 
    text-align: left; 
    cursor:pointer; 
}

.head-section .head-city .city ul li:last-child{
    background: #0000ff;
}
.head-section .head-city .city ul li a{
    color:white;
}
.btn-style1{
    margin-top: 20px;
}
.messages--wrap{
    top: 15px;
    left: 10px;
}
/* Large Devices Styles Starts */
@media (min-width: 1200px) {

}

/* Medium Devices Styles Starts */
@media (min-width: 992px) and (max-width: 1199px) {

}




/* Small Devices Styles Starts */
@media (min-width: 779px) and (max-width: 991px) {
	.header-spacer1{height:65px;}
	.header-spacer2{height:0px;}

	.wrapper {
		margin:0px;
		max-width:none;
		padding:10px 20px 20px 20px;
	}

	.footer .copyright{display:block; text-align:center;}
	.footer .social_links{display:block; text-align:center;}
	.footer .right_links{display:block; text-align:center;}

	.mobile-view-only{display:block;}

	.mobile-margin-0{margin:0px !important;}
	.item-post-wrap{max-width:250px; width:250px; height:200px; margin:0 auto 0 auto;}
	.home-date-box {max-width: 900px; margin:0 auto 0 auto;}

	.head-section .head-search {
		padding: .25rem .5rem;
		font-size: 12px;
		line-height: 1.5;
		border-radius: .2rem;
	}

	.mobile-inputs{width:100%;}

	.bpost-box{margin-top:20px; border: 2px solid #000; padding: 15px; background-color: #f8f8f8; font-weight: 400; text-align:center;}

	.chatboxform .chatfields{ width:100%; float:none;  display:block;}
	.chatboxform .chatbtn{ width:100%; float:none; display:block; border-left:0px !important;}

	.chatboxform .chatfields .textfields{height:70px; min-width:inherit; width:100%; display:block; border:none; background:none; padding:15px; margin:0px;}
	.chatboxform .chatbtn .textbtn{height:50px; width:80px; min-width:inherit; display:block; border:2px solid #000000; background:none; font-weight:bold;
								   text-align:center; vertical-align:middle; margin:10px auto 0 auto; padding:0px; }

	.chatuserwrap{ width:auto; height:280px; float:none; display:block; border-bottom: 4px solid #000; overflow-y:auto;}
	.chatmsgwrap{ width:auto; height:auto; float:none; display:block;}
	.chatmsgwrap .msgdisplay{border-left:0px;}
	.chatmsgwrap .msgform{border-left:0px;}
	.chatmsgwrap .msgform .chatfields{ width:auto; float:none;  display:block;}
	.chatmsgwrap .msgform .chatbtn{ width:auto; float:none; border:none; display:block;}

	.chatmsgwrap .msgform .chatfields .textfields{height:70px; min-width:inherit; width:100%; display:block;}
	.chatmsgwrap .msgform .chatbtn .textbtn{height:50px; width:80px; min-width:inherit; display:block; border:2px solid #000000; background:none; font-weight:bold;
								   text-align:center; vertical-align:middle; margin:10px auto 0 auto; padding:0px; }

	.text-area-style1{border: 2px solid #000; padding: 20px; background-color: #f8f8f8; font-size: 12px; color:#000000;}
	.mobile-t-h{height:165px !important;}

	.portfolio-modal .modal-dialog { margin:5px;}
	.connection-post-big {line-height:23px; font-size:12px; max-width:none;}

	.cbw-mob{border: 2px solid #000 !important; height:180px; overflow-y: scroll; padding:20px;}
	.cbf-mob{border: 2px solid #000 !important; border-top:none !important;}
	.connection-title-big{
		font-weight: 700;
		font-style: normal;
		padding: 15px;
		line-height: 18px;
		font-size:12px;
		max-width:none;
	}
	.mob-mt-2{margin-top:25px;}


}

@media (min-width: 768px) and (max-width: 778px) {
	.header{line-height:35px;}

	.header-spacer1{height:65px;}
	.header-spacer2{height:0px;}

	.wrapper {
		margin:0px;
		max-width:none;
		padding:10px 20px 20px 20px;
	}

	.footer .copyright{display:block; text-align:center;}
	.footer .social_links{display:block; text-align:center;}
	.footer .right_links{display:block; text-align:center;}

	.mobile-view-only{display:block;}

	.mobile-margin-0{margin:0px !important;}
	.item-post-wrap{max-width:250px; width:250px; height:200px; margin:0 auto 0 auto;}
	.home-date-box {max-width: 900px; margin:0 auto 0 auto;}

	.head-section .head-search {
		padding: .25rem .5rem;
		font-size: 12px;
		line-height: 1.5;
		border-radius: .2rem;
	}

	.mobile-inputs{width:100%;}

	.bpost-box{margin-top:20px; border: 2px solid #000; padding: 15px; background-color: #f8f8f8; font-weight: 400; text-align:center;}

	.chatboxform .chatfields{ width:100%; float:none;  display:block;}
	.chatboxform .chatbtn{ width:100%; float:none; display:block; border-left:0px !important;}

	.chatboxform .chatfields .textfields{height:70px; min-width:inherit; width:100%; display:block; border:none; background:none; padding:15px; margin:0px;}
	.chatboxform .chatbtn .textbtn{height:50px; width:80px; min-width:inherit; display:block; border:2px solid #000000; background:none; font-weight:bold;
								   text-align:center; vertical-align:middle; margin:10px auto 0 auto; padding:0px; }

	.chatuserwrap{ width:auto; height:280px; float:none; display:block; border-bottom: 4px solid #000; overflow-y:auto;}
	.chatmsgwrap{ width:auto; height:auto; float:none; display:block;}
	.chatmsgwrap .msgdisplay{border-left:0px;}
	.chatmsgwrap .msgform{border-left:0px;}
	.chatmsgwrap .msgform .chatfields{ width:auto; float:none;  display:block;}
	.chatmsgwrap .msgform .chatbtn{ width:auto; float:none; border:none; display:block;}

	.chatmsgwrap .msgform .chatfields .textfields{height:70px; min-width:inherit; width:100%; display:block;}
	.chatmsgwrap .msgform .chatbtn .textbtn{height:50px; width:80px; min-width:inherit; display:block; border:2px solid #000000; background:none; font-weight:bold;
								   text-align:center; vertical-align:middle; margin:10px auto 0 auto; padding:0px; }

	.text-area-style1{border: 2px solid #000; padding: 20px; background-color: #f8f8f8; font-size: 12px; color:#000000;}
	.mobile-t-h{height:165px !important;}

	.portfolio-modal .modal-dialog { margin:5px;}
	.connection-post-big {line-height:23px; font-size:12px; max-width:none;}

	.cbw-mob{border: 2px solid #000 !important; height:180px; overflow-y: scroll; padding:20px;}
	.cbf-mob{border: 2px solid #000 !important; border-top:none !important;}
	.connection-title-big{
		font-weight: 700;
		font-style: normal;
		padding: 15px;
		line-height: 18px;
		font-size:12px;
		max-width:none;
	}
	.mob-mt-2{margin-top:25px;}
}

@media (max-width: 800px) {
	.col-sm-4 {
		-ms-flex:none;
		flex: none;
		max-width: none;
	}
}


/* Extra Small Devices Styles Starts */
@media (max-width: 767px) {
	.header-spacer1{height:0px;}
	.header-spacer2{height:0px;}

	.header{line-height:35px;}

 .mob-mt-4{
   margin-top: 1.5rem!important;
 }

	.wrapper {
		margin:0px;
		max-width:none;
		padding:10px 20px 20px 20px;
	}

	.footer .copyright{display:block; text-align:center;}
	.footer .social_links{display:block; text-align:center;}
	.footer .right_links{display:block; text-align:center;}

	.mobile-view-only{display:block;}
  .table td, .table th{
    padding: 0.5rem;
  }
  .table.table-border-2 tr td:nth-child(1){
      width: 40%;
  }
  .table.table-border-2 tr td:nth-child(2){
      width: 20%;
  }
  .table.table-border-2 tr td:nth-child(3){
      width: 13%;
  }
  .table.table-border-2 tr td:nth-child(4){
      width: 13%;
  }
	.head-section .head-search {
		padding: .25rem .5rem;
		font-size: 12px;
		line-height: 1.5;
		border-radius: .2rem;
	}

	.bd-textwide{ display:none;}
	.bd-textsm{ display:block;}

	.mobile-margin-0{margin:0px !important;}
	.item-post-wrap{max-width:250px; width:250px; height:200px; margin:0 auto 0 auto;}
	.home-date-box {max-width: none; margin:0 auto 0 auto;}

	.spacer90{width:auto; height:30px; margin:0px; padding:0px; font-size:0px; line-height:normal;}
	.spacer240{width:auto; height:50px; margin:0px; padding:0px; font-size:0px; line-height:normal;}
	.spacer270{width:auto; height:50px; margin:0px; padding:0px; font-size:0px; line-height:normal;}
	.spacer175{width:auto; height:50px; margin:0px; padding:0px; font-size:0px; line-height:normal;}

	.mobile-inputs{width:100%;}
	.bpost-box{margin-top:20px; border: 2px solid #000; padding: 15px; background-color: #f8f8f8; font-weight: 400; text-align:center;}

	.text-area-style1{border: 2px solid #000; padding: 20px; background-color: #f8f8f8; font-size: 12px; color:#000000;}
	.mobile-t-h{height:165px !important;}

	.portfolio-modal .modal-dialog { margin:5px;}
	.connection-post-big {line-height:23px; font-size:12px; max-width:none;}

	.cbw-mob{border: 2px solid #000 !important; height:180px; overflow-y: scroll; padding:20px;}
	.cbf-mob{border: 2px solid #000 !important; border-top:none !important;}
	.connection-title-big{
		font-weight: 700;
		font-style: normal;
		padding: 15px;
		line-height: 18px;
		font-size:12px;
		max-width:none;
	}
	.mob-mt-2{margin-top:25px;}
}

@media (min-width: 479px) and (max-width: 766px) {
	.header-spacer1{height:0px;}
	.header-spacer2{height:0px;}

	.wrapper {
		margin:0px;
		max-width:none;
		padding:10px 20px 20px 20px;
	}

	.footer .copyright{display:block; text-align:center;}
	.footer .social_links{display:block; text-align:center;}
	.footer .right_links{display:block; text-align:center;}


	.head-section .head-buger{ display:inline; text-align:left; z-index:9; width:60px;}
	.head-section .head-logo{ display:inline !important; text-align:center !important; margin:0px !important; padding:0px !important; }
	.head-section .head-logo .header{max-width:none; margin-top:20px;}
	.head-section .head-city{ display:inline; position: absolute; top: 0px;  right: 10px;}
	.head-section .head-city .city ul{
	    list-style:none;
	}

	.header{line-height:35px;}

	.portfolio-modal .modal-dialog { margin:5px;}

	.cbw-mob{border: 2px solid #000 !important; height:180px; overflow-y: scroll; padding:20px;}
	.cbf-mob{border: 2px solid #000 !important; border-top:none !important;}
	.connection-title-big{
		font-weight: 700;
		font-style: normal;
		padding: 15px;
		line-height: 15px;
		font-size:12px;
		max-width:none;
		border: 2px solid #000 !important;
	}

	.mob-mt-2{margin-top:25px;}

	.btn-style1{border: 2px solid #000000 !important;}

	.chatboxwrap {border: 2px solid #000; scroll-behavior: auto;}
	.chatboxform {border: 2px solid #000; border-top: 0px;}

	.chatboxposter{border: 2px solid #000;}
	.chatmsgwrap .msgdisplay{border-left: 2px solid #000; border-bottom: 2px solid #000;}
	.chatmsgwrap .msgform{border-left: 2px solid #000;}

	.connection-post-big {
		line-height:23px; font-size:12px;
		border-left: 2px solid #000;
		border-right: 2px solid #000;
		border-bottom: 2px solid #000;
		padding: 15px;
	}

	.portfolio-modal .modal-content {padding-top: 4.2rem; }
	.portfolio-modal .close-modal {top: 0.5rem;}
	.md-closetop {margin-right: 0px; font-size: 30px; }
	.modal-body { padding: 0 1rem 1rem 1rem !important; }

	.mob-mt-p4{ margin-top:4px;}
}



/* Extremely Small Devices Styles Starts */
@media (max-width: 478px) {
	.header-spacer1{height:0px;}
	.header-spacer2{height:0px;}

	.wrapper {
		margin:0px;
		max-width:none;
		padding:10px 20px 20px 20px;
	}
        .page-section.mypost .container, .page-section.mypost .col-md-12, .page-section.myconv .container, .page-section.myconv .col-md-12{		padding:0px;	}
	.footer .copyright{display:block; text-align:center;}
	.footer .social_links{display:block; text-align:center;}
	.footer .right_links{display:block; text-align:center;}


	.head-section .head-buger{ display:inline; text-align:left; z-index:9; width:60px;}
	.head-section .head-logo{ display:inline !important; text-align:center !important; margin:0px; padding:0px !important; }
	.head-section .head-logo .header{max-width:none; margin-top:20px;}
	.head-section .head-city{ display:inline; position: absolute; top: 0px;  right: 10px;}

	.portfolio-modal .modal-content h2 {
		font-size: 1.5rem;
		line-height: 2rem;
	}

	a.ml-2, a.mx-2 {
		margin-left: 0.1rem !important;
	}
	a.mr-2, a.mx-2 {
		margin-right: 0.1rem !important;
	}

	.modal-body h3 { font-size: 1.3rem !important;}
	.modal-body .btn-xl {padding: 0.6rem 0.6rem !important;}

	/*.home-post-item-1{ margin:0 auto 20px auto;}
	.home-post-item-3{ margin:20px auto 0px auto;}*/
	.connection-title{max-width:none;}
	.connection-post{max-width:none;}
	.home-post-item-2{ margin:0px;}

	.mobile-margin-0{margin:0px !important;}
	.item-post-wrap{max-width:250px; width:250px; height:200px; margin:0 auto 0 auto;}
	.home-date-box {max-width: 250px; margin:0 auto 0 auto;}

	.mobile-view-only{display:block;}

	.head-section .head-search {
		padding: .25rem .5rem;
		font-size: 12px;
		line-height: 1.5;
		border-radius: .2rem;
	}

	.bd-textwide{ display:none;}
	.bd-textsm{ display:block;}

	.spacer90{width:auto; height:30px; margin:0px; padding:0px; font-size:0px; line-height:normal;}
	.spacer240{width:auto; height:50px; margin:0px; padding:0px; font-size:0px; line-height:normal;}
	.spacer270{width:auto; height:50px; margin:0px; padding:0px; font-size:0px; line-height:normal;}
	.spacer175{width:auto; height:50px; margin:0px; padding:0px; font-size:0px; line-height:normal;}

	.spacermob10{width:auto; height:10px; margin:0px; padding:0px; font-size:0px; line-height:normal;}

	.mobile-inputs{width:100%;}
	.bpost-box{margin-top:20px; border: 2px solid #000; padding: 15px; background-color: #f8f8f8; font-weight: 400; text-align:center;}

	.chatboxwrap {border: 2px solid #000; height:180px;}
	.chatboxform {border:0px !important; height:auto;}

	.chatboxposter{border: 2px solid #000;}
	.chatmsgwrap .msgdisplay{border-left: 2px solid #000; border-bottom: 2px solid #000;}
	.chatmsgwrap .msgform{border-left: 2px solid #000;}

	.chatboxform .chatfields{ width:100%; float:none;  display:block; border: 2px solid #000; border-top:0px;}
	.chatboxform .chatbtn{ width:100%; float:none; display:block; border-left:0px !important;}

	.chatboxform .chatfields .textfields{height:70px; min-width:inherit; width:100%; display:block; border:none; background:none; padding:15px; margin:0px;}
	.chatboxform .chatbtn .textbtn{height:50px; width:80px; min-width:inherit; display:block; border:2px solid #000000; background:none; font-weight:bold;
								   text-align:center; vertical-align:middle; margin:30px auto 0 auto; padding:0px; color: black;}

	.chatuserwrap{ width:auto; height:140px; float:none; display:block; border-bottom: 2px solid #000; overflow-y:auto; background-color: black;}
	.chatmsgwrap{ width:auto; height:auto; float:none; display:block;}
	.chatmsgwrap .msgdisplay{border-left:0px;}
	.chatmsgwrap .msgform{border-left:0px;}
	.chatmsgwrap .msgform .chatfields{ width:auto; float:none;  display:block;}
	.chatmsgwrap .msgform .chatbtn{ width:auto; float:none; border:none; display:block;}

	.chatmsgwrap .msgform .chatfields .textfields{height:70px; min-width:inherit; width:100%; display:block;}
	.chatmsgwrap .msgform .chatbtn .textbtn{height:50px; width:80px; min-width:inherit; display:block; border:2px solid #000000; background:none; font-weight:bold;
								   text-align:center; vertical-align:middle; margin:30px auto 0 auto; padding:0px; color: black; }

	.browse-arrow-left{ margin-top:25px; padding-right:5px;}
	.browse-arrow-right{ margin-top:25px; padding-left:5px;}

	.text-area-style1{border: 2px solid #000; padding: 20px; background-color: #f8f8f8; font-size: 12px; color:#000000;}
	.mobile-t-h{height:165px !important;}

	.portfolio-modal .modal-dialog { margin:5px;}

	.cbw-mob{border: 2px solid #000 !important; height:180px; overflow-y: scroll; padding:20px;}
	.cbf-mob{border: 0px !important;}
	.connection-title-big{
		font-weight: 700;
		font-style: normal;
		padding: 15px;
		line-height: 15px;
		font-size:12px;
		max-width:none;
		border: 2px solid #000 !important;
	}

	.mob-mt-2{margin-top:25px;}

	.btn-style1{border: 2px solid #000000 !important; font-size:12px !important;}

	.connection-post-big {
		line-height:23px; font-size:12px;
		border-left: 2px solid #000;
		border-right: 2px solid #000;
		border-bottom: 2px solid #000;
		padding: 15px;
	}

	.portfolio-modal .modal-content {padding-top: 4.2rem; }
	.portfolio-modal .close-modal {top: 0.5rem;}
	.md-closetop {margin-right: 0px; font-size: 30px; }
	.modal-body { padding: 0 1rem 1rem 1rem !important; }

	.mob-mt-p4{ margin-top:4px;}
}

@media (max-width: 375px) {
	.home-date-text{padding-bottom:5px;}
	.home-date-add{ position:relative; right:0; display:block; margin:0px 0px 0px 0px; padding:0px; text-align:center;}

	.header-spacer1{height:0px;}
	.header-spacer2{height:0px;}

	.wrapper {
		margin:0px;
		max-width:none;
		padding:10px 20px 20px 20px;
	}

	.footer .copyright{display:block; text-align:center;}
	.footer .social_links{display:block; text-align:center;}
	.footer .right_links{display:block; text-align:center;}

	.mobile-view-only{display:block;}

	.mobile-margin-0{margin:0px !important;}
	.item-post-wrap{max-width:250px; width:250px; height:200px; margin:0 auto 0 auto;}

	.home-date-box {max-width: 250px; margin:0 auto 0 auto;}

	.connection-title{max-width:none;}
	.connection-post{max-width:none;}
	.home-post-item-2{ margin:0px;}

	.head-section .head-search {
		padding: .25rem .5rem;
		font-size: 12px;
		line-height: 1.5;
		border-radius: .2rem;
	}

	.bd-textwide{ display:none;}
	.bd-textsm{ display:block;}

	.spacer90{width:auto; height:30px; margin:0px; padding:0px; font-size:0px; line-height:normal;}
	.spacer240{width:auto; height:50px; margin:0px; padding:0px; font-size:0px; line-height:normal;}
	.spacer270{width:auto; height:50px; margin:0px; padding:0px; font-size:0px; line-height:normal;}
	.spacer175{width:auto; height:50px; margin:0px; padding:0px; font-size:0px; line-height:normal;}
	.spacermob10{width:auto; height:10px; margin:0px; padding:0px; font-size:0px; line-height:normal;}

	.mobile-inputs{width:100%;}
	.bpost-box{margin-top:20px; border: 2px solid #000; padding: 15px; background-color: #f8f8f8; font-weight: 400; text-align:center;}

	.chatboxwrap {border: 2px solid #000; height:180px;}
	.chatboxform {border:0px; height:auto;}

	.chatboxposter{border: 2px solid #000;}
	.chatmsgwrap .msgdisplay{border-left: 2px solid #000; border-bottom: 2px solid #000;}
	.chatmsgwrap .msgform{border-left: 2px solid #000;}

	.chatboxform .chatfields{ width:100%; float:none;  display:block; border: 2px solid #000; border-top:0px;}
	.chatboxform .chatbtn{ width:100%; float:none; display:block; border-left:0px !important;}

	.chatboxform .chatfields .textfields{height:70px; min-width:inherit; width:100%; display:block; border:none; background:none; padding:15px; margin:0px;}
	.chatboxform .chatbtn .textbtn{height:50px; width:80px; min-width:inherit; display:block; border:2px solid #000000; background:none; font-weight:bold;
								   text-align:center; vertical-align:middle; margin:10px auto 0 auto; padding:0px; }

	.chatuserwrap{ width:auto; height:140px; float:none; display:block; border-bottom: 2px solid #000; overflow-y:auto;}
	.chatmsgwrap{ width:auto; height:auto; float:none; display:block;}
	.chatmsgwrap .msgdisplay{border-left:0px;}
	.chatmsgwrap .msgform{border-left:0px;}
	.chatmsgwrap .msgform .chatfields{ width:auto; float:none;  display:block;}
	.chatmsgwrap .msgform .chatbtn{ width:auto; float:none; border:none; display:block;}

	.chatmsgwrap .msgform .chatfields .textfields{height:70px; min-width:inherit; width:100%; display:block;}
	.chatmsgwrap .msgform .chatbtn .textbtn{height:50px; width:80px; min-width:inherit; display:block; border:2px solid #000000; background:none; font-weight:bold;
								   text-align:center; vertical-align:middle; margin:10px auto 0 auto; padding:0px; }

	.browse-arrow-left{ margin-top:25px; padding-right:5px;}
	.browse-arrow-right{ margin-top:25px; padding-left:5px;}

	.text-area-style1{border: 2px solid #000; padding: 20px; background-color: #f8f8f8; font-size: 12px; color:#000000;}
	.mobile-t-h{height:165px !important;}

	.portfolio-modal .modal-dialog { margin:5px;}


	.cbw-mob{border: 2px solid #000 !important; height:180px; overflow-y: scroll; padding:20px;}
	.cbf-mob{border:0px !important;}
	.connection-title-big{
		font-weight: 700;
		font-style: normal;
		padding: 15px;
		line-height: 18px;
		font-size:12px;
		max-width:none;
		border: 2px solid #000 !important;
	}
	.mob-mt-2{margin-top:25px;}

	.btn-style1{border: 2px solid #000000 !important;}

	.connection-post-big {
		line-height:23px; font-size:12px;
		border-left: 2px solid #000;
		border-right: 2px solid #000;
		border-bottom: 2px solid #000;
	}

	.portfolio-modal .modal-content {padding-top: 4.2rem; }
	.portfolio-modal .close-modal {top: 0.5rem;}
	.md-closetop {margin-right: 0px; font-size: 30px; }
	.modal-body { padding: 0 1rem 1rem 1rem !important; }

	.mob-mt-p4{ margin-top:4px;}
}