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

.botTopFileds .botSetingsPan .filedDiv {
  margin: 0 0 12px 0;
}

}
@media only screen and (max-width : 1280px) {
.registerpageDiv { position: static; clear: both; display: block; transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; padding: 20px 0; }
.registerpageDiv .landSingUp { float: none; width: 100%; }
.landingLogSec.registerpageDiv .signUpForm { width: 100%; }
.signUpForm .errorText { clear: both; font-size: 14px; line-height: 16px; padding: 5px 10px; position: static; width: 100%; }
.signUpForm .errorText:after { display: none; }
#searchToAdd-slider { left: 59%; }
.senarioPanel .senarioTableFixed table thead th:last-child {
  width: 150px;
}
.senarioPanel .senarioTableFixed table thead th:nth-child(1) {
  width: 16rem;
}
.senarioPanel table thead th {
  padding: 0.75rem 0.375rem;
}
.senarioPanel table tbody td {
  padding: 0.375rem 0.375rem;
}

.senarioPanel {
  padding: 1.875rem 1.25rem;
}
}

@media only screen and (max-width : 1024px) {
.newPageDiv, .footer { width: auto; }
.navigation > ul > li { width: 16.66%; }
.mainWrapInner, #FlagsContainer { width: 100% !important; }
.userContainer { padding: 0 20px; }
.storeTopBannerWrap, .storeWrap, .mainWrap, .storeTopBannerWrap .storeWrap, .userSettingsPanel .mainWrap { width: 100%; }
.CMS .mainWrap { padding: 0 20px; }
.CMS .main p { word-wrap: break-word; }
.newHeader .mainWrap { padding: 0 10px; }
.storeTopBannerWrap { padding: 0; }
.storeTopBannerWrap { height: auto; }
.topChannenPanel .topChanLt, .topChannenPanel .topChanRt, .categorySearchIn .categorySearchLt { width: 100%; }
.topChannenPanel .topChanLt { margin-bottom: 30px; }
.topChanList ul li .chanBox.one { width: 35%; }
.topChanList ul li .chanBox.two { width: 50%; }
.topChanList ul li .chanBox.three { width: 15%; }
.storeTopBanner .storeBannerLt, .storeTopBanner .storeBannerRt { width: 100%; }
.storeTopBanner .storeBannerLt img { width: 100%; }
.storeAlert .storeAlertLt { width: 100%; }
.storeAlert .storeAlertRt { display: table; float: none; margin: 0 auto; padding-top: 10px; }
.categorySearchIn .storeSearchBox { width: 100%; position: relative; }
.categorySearchIn .storeSearchBox input[type="text"] { width: 100%; border-radius: 0; }
.categorySearchIn .storeSearchBox .greyBtn { border-radius: 0; position: absolute; right: 0; top: 0; }
.realTimePanel { width: 100% !important; }
.realTimePanel ul li .rtCont .greenBtnIn a.greyBtn, .realTimePanel ul li .rtCont .greenBtnIn a.greenBtn { min-width: 66px; }
.storeCateList .lsitBox.lsitBox1, .storeCateList .lsitBox.lsitBox2, .storeCateList .lsitBox.lsitBox3, .storeCateList .lsitBox.lsitBox4, .storeCateList .lsitBox.lsitBox5 { width: 20%; padding: 0; }
.storeCateList .lsitBox h5 { padding-left: 0; }
.footerIn ul { text-align: center; }
.footerIn ul li { float: none; display: inline-block; vertical-align: top; margin: 0 10px; }
.navigation ul li .subDropMenu { width: 166px; left: auto; right: 0; }
.storeTopBannerWrap .storePagination { position: static; clear: both; display: block; padding: 0 0 20px 0; }
.featuredChannelSlider .slick-dots { position: static; clear: both; display: block; padding: 20px 0 0 0; height: auto; }
.landFiltBtns > ul > li.midLI { width: 38%; }
.evtPlcBtn a { min-width: inherit; padding: 0 10px; font-size: 16px; }
.landingFlagsBox { position: relative; }
.landFlgDiv:first-child .landFlgLt { width: 100%; max-width: 82% }
.landFlgDiv:first-child .landFlgLt.titleDotLength1 { width: 100%; max-width: 77%; }
.landFlgDiv:first-child .landFlgLt.titleDotLength2 { width: 100%; max-width: 70%; }
.landFlgDiv:first-child .landFlgLt.titleDotLength3 { width: 100%; max-width: 65%; }
.landFlgDiv:first-child .landFlgLt.titleDotLength4 { width: 100%; max-width: 65%; }
.landFlgDiv:first-child .landFlgRt { width: auto; padding-top: 12px; padding-right: 80px; }
.landFlgDiv:first-child .landFlgRt .landArrow { right: 30px; }
.landFlgDiv:last-child .landFlgRt { padding-right: 24px; padding-top: 48px; text-align: right; }
.landFlgDiv h4 { font-size: 30px; line-height: 30px; padding-bottom: 4px; padding-top: 3px; }
.landFlgDiv p { font-size: 22px; line-height: 22px; }
.landCaption h1, .topSldier h2 { font-size: 40px; line-height: 40px; }
.landFiltBtns { height: auto; display: inline-block; width: 100%; vertical-align: top; }
.sortLabel { clear: both; display: block; float: none; height: auto; font-size: 20px; line-height: 24px; padding-bottom: 10px; }
.leftHeader { width: 36%; }
.leftHeader img { height: auto; }
.landingFilter .filterBox { width: 50%; }
.distanceSlider { width: 60%; }
.landingFlagsBox { padding: 3px; position: relative; height: 169px; }
.landingFlagsBox .landingFlagsImg { position: absolute; left: 3px; top: 3px; }
.landingFlagsBox .landingFlagsContent { width: 100%; padding-left: 175px; }
.landingFilter .filterBox a { border-width: 2px; font-size: 22px; height: 44px; line-height: 36px; padding: 0 10px; width: 126px; }
.sldierDiv .slick-list .item { min-height: 200px; }
.landFlgDiv:first-child .landFlgRt span { margin-right: 5px; }
.landProImg img { width: 40px; height: auto; }
.landFlgDiv:last-child .landFlgLt { height: 96px; }
.landFlgLtBox span { font-size: 22px; line-height: 22px; margin: 0 0 2px; }
.landFlgLtBox span.text1 { padding-bottom: 0; margin-bottom: 6px; }
.landFlgDiv p i { margin-top: 4px; }
.landFlgLtBox ul li { height: 22px; font-size: 18px; margin: 0 0 5px; }
.distanceSlider .priceSliderDiv { padding: 20px 16px 0; }
.joinBtmpart span { font-size: 16px; }
#featuredChannelSlider { height: auto; }
.storeTopBanner .storeBannerRt { padding: 0 20px; }
.storeTopHead { width: 100%; }
.findList ul li a { font-size: 16px; }
.storeAltFrnd { position: static; text-align: center; }
.storeAltFrnd ul li { display: inline-block; vertical-align: top; float: none; }
.distanceSlider label, .landingFilter .filterBox label { font-size: 22px; line-height: 22px; padding: 0 0 10px 0; }
.distanceSlider input { font-size: 20px; line-height: 20px; }
.userContainer .leftSide, .userContainer .rightSide { width: 100%; }
.flagNewEvents .flagEventsCont .flagEventsDtls { display: table; width: 100%; }
.flagEventsDtls .eventsDtlsLt { width: 36.5%; padding: 3px 5px 8px; letter-spacing: 2px; float: none; display: table-cell; vertical-align: top; }
.flagEventsDtls .eventsDtlsRt { width: 63.5%; display: table-cell; vertical-align: top; float: none; }
.eventsDtlsRt .eventFiltLt { padding: 25px 20px 0; width: 70%; }
.eventsDtlsRt .eventFiltRt { width: 30%; padding-right: 10px; }
.flagEventsDtls h5 { font-size: 16px; line-height: 16px; }
.flagEventsDtls p a.btn { font-size: 16px; min-width: inherit; width: 100px; }
.flagEventsDtls .sortDtls p a.btn { margin: 0 4px; }
.flagEventsDtls p, .eventFiltLt p em, .eventFiltLt p input { font-size: 16px; line-height: 16px; height: auto; }
.flagEventsDtls .sortDtls p { text-align: center; }
.flagEventsDtls .sortDtls p a.btn:last-child { float: none; }
.fBoxTop { position: relative; z-index: 1; }
.fBoxBtm { padding-left: 240px; position: relative; }
.fBoxBtm .fBoxImg { position: absolute; left: 10px; top: 10px; }
.fBoxBtm .fBoxCont { width: 100%; }
.fBoxContBtm .fBoxContLt { width: 44%; }
.fBoxContBtm .fBoxContRt { width: 56%; }
.coutBox .coutBoxVal { font-size: 12px; }
.fboxIcon6 ul { left: auto; right: 0; }
.landFiltBtns > ul > li > a.showsec { height: 80px; line-height: 72px; }
.landingFilter .filterBox { width: 40%; letter-spacing: 2px; padding: 8px 10px 10px; }
.bannerSec .mainWrapInner img { height: auto; }
.profileThumb { width: 20%; left: 4%; }
.proimgsec, .headimgsec { height: 100%; width: 100%; }
.bannerSec #uploadedHeaderImage, .profileBox .proimgsec, .uploadProfile { height: 100%; width: 100%; }
.ProfileImageContainer, .ProfileImageOuter { height: 100%; width: 100%; }
.bannerSec .HeaderImageContainer, .bannerSec .HeaderImageOuter { height: 100%; width: 100%; }
.infoLeftPan, .infoMenu .infoMenuOthers { width: 50%; }
.infoLeftPan .infoName, .infoLeftPan .infoUser { width: 50%; }
.infoMenuOthers ul li { width: 50%; }
.flagNewEvents .flagEventsUl li .evIcon { display: none; }
.landFlgDiv:last-child .landFlgRt span:first-child { margin: 0; }
.flagNewEvents .flagEventsUl { height: auto; }
.flagNewEvents .flagEventsUl li { height: auto; }
.flagEventsDtls h5 { font-size: 22px; line-height: 22px; padding: 0 0 10px; }
.flagEventsDtls .sortDtls p a.btn { border-width: 2px; font-size: 22px; height: 44px; line-height: 40px; padding: 0 10px; width: 126px; }
.flagEventsDtls .sortDtls p:first-child { margin-bottom: 10px; }
.flagNewEvents .flagEventsCont { min-height: inherit; }
.eventsDtlsRt .eventFiltLt { padding: 3px 10px 10px; width: 100%; }
.eventsDtlsRt .eventFiltRt { padding: 18px 10px 8px; width: 100%; }
.flagEventsDtls p, .eventFiltLt p em, .eventFiltLt p input { font-size: 22px; height: auto; line-height: 22px; }
.eventFiltLt p input { max-width: 60px; width: auto; margin-right: 4px; }
.flagEventsDtls .eventFiltLt p { height: auto; margin: 0 0 30px; }
.eventsDtlsRt .eventFiltRt p { display: inline-block; margin: 0; vertical-align: top; }
.flagEventsDtls .eventFiltLt h5 { padding-bottom: 10px; }
.sortList.newSortList ul { width: 100%; }
#boxContainer { width: 100% !important; }
.sortList.newSortList ul li, .sortList.newSortList ul li:last-child { width: 18%; margin: 0 1%; }
.priceSliderDiv .ui-slider-handle { width: 40px; height: 40px; margin: -14px 0 0 -20px; }
.eventsDtlsRt .eventFiltRt > label { font-size: 22px; }
.eventsDtlsRt .eventFiltRt .btn { padding: 0 8px; }
.priceSliderDiv .ui-slider { margin: 0 20px; }
.infoMenu { height: auto; }
.infoLeftPan, .infoMenu .infoMenuOthers { width: 100%; }
.userSettingsPanel .userSettingsLeft { width: 100%; position: static; }
.userSettingsPanel .userSettingsRight { width: 100%; padding: 0 20px; }
.userSettingsFiled .settingFiledDiv label { width: 33%; }
.userSettingsFiled .settingFiledDiv .settingFiledRt { width: 67%; }
.settingFiledRt .settingsValue { width: 80%; }
.settingFiledRt .settingsValueEdit { float: right; }
.userSettingsFiled .settingFiledDiv label { width: 100%; margin-bottom: 6px; }
.userSettingsFiled .settingFiledDiv .settingFiledRt { width: 100%; }
.userSettingsFiled .settingFiledDiv { padding-bottom: 20px; }
.subscriptionsPanel .subscriptionsTop { width: 100%; }
.fullChannel .fullChannelLt, .fullChannel .fullChannelRt { width: 50%; }
.joinSec .joinDivIn .joinLt { width: 100%; }
.gangSelectorAlert .gangSelectLt { padding: 0; }
.gangAlertDiv { padding-bottom: 20px; }
.gangSelectorAlert .gangSelectLt img { height: auto; }
.profileImgPanel .profileTitle { float: left; width: auto; }
.gangContentBottom { position: static; padding-top: 10px; }
.gangSelectorAlert .gangSelecRt > p { min-height: inherit; }
.gangSelectorAlert .gangSelecRt { min-height: inherit; }
.subcribeChanelLsit ul li .userDesc { margin-left: 5px; width: auto; }
.subcribeChanelLsit ul li { padding: 0 3px 3px; }
.gangSelectorAlert .gangSelecRt > h2.channelSubtitle { width: 100%; }
.flagNewEvents { margin-bottom: 5px; }
.newChannelBtm .newChannelLeft { width: 100%; }
.newChannelBtm .newChannelRight { width: 100%; }
.commentFileds { padding: 0 0 0 70px; position: relative; }
.commentFileds .commenterImg { margin: 0; position: absolute; left: 0; top: 0; }
.commentFileds .commentFiled { width: 100%; }
.countBoxsec { margin: 0; }
.countBox { width: 32.93%; margin: 0 0.2%; }
.gangSelectorAlert { margin-bottom: 12px; }
.channelProfileList { border: 0; margin-bottom: 0; }
.searchIndex .newChannel { border: 0; margin-bottom: 5px; padding: 3px 0 7px; }
.channelProfileList h5 { font-size: 16px; line-height: 18px; }
.channelProfileList h5 span { font-size: 18px; }
.gangSelectorTitle .makedivhideClickme, .gangSelectorAlert .topArrow { display: none; }
.newChannel h5 { padding-bottom: 14px; }
.gangAlertDiv { padding: 20px 0; }
.twoBtnsPan span { font-size: 30px; }
.counterNumberSec .happningText, .counterNumberSec .expiredText { font-size: 24px; }
.socialShare .greenBtn { font-size: 18px; height: 54px; line-height: 50px; text-align: center; }
.socialShare .greenBtn span { line-height: 18px; padding-left: 60px; text-align: left; }
.socialShare .greenBtn.fbShare span, .socialShare .greenBtn.emailShare span { background-size: 32px auto; -webkit-background-size: 32px auto; -moz-background-size: 32px auto; -o-background-size: 32px auto; -ms-background-size: 32px auto; }
.shareLinks .shareDiv, .mapAddressDiv p, .mapaddRt { font-size: 20px; }
.shareLinks .shareDiv.extLinks, .mapaddRt i, .shareLinks .shareDiv a.linkIcon i,.shareLinks .shareDiv.phoneIcon i { background-size: 40px auto; -webkit-background-size: 40px auto; -moz-background-size: 40px auto; -o-background-size: 40px auto; -ms-background-size: 40px auto; }
.mapaddRt i, .shareLinks .shareDiv a.linkIcon i { height: 40px; margin-bottom: 10px; width: 40px; }

.hostedBlock .rightTitle, .mobilePopup.bigPopup .topPopDiv .popTitle { font-size: 16px; line-height: 18px; }
.rightTitle { font-size: 18px; line-height: 30px; }
.shareLinks .shareDiv a.linkIcon { padding-right: 70px; }
.votePanel .voteStar, .threeTypeIcons { width: 50%; }
.descriptionBox { padding-left: 0; padding-right: 0; }
.descriptionBox h5, .descriptionDiv { padding-left: 20px; padding-right: 20px; }
.flagPicture ul { margin: 0; }
.flagPicture ul li { width: 32.33%; max-width: none; margin: 0.5%; }
.flagTitleBox { padding-bottom: 10px; padding-left: 12px; padding-right: 12px; }
.landFlgDiv:first-child .landFlgLt { width: 100%; max-width: 77%; }
.landFlgDiv:first-child .landFlgLt.titleDotLength1 { width: 100%; max-width: 70%; }
.landFlgDiv:first-child .landFlgLt.titleDotLength2 { width: 100%; max-width: 62%; }
.landFlgDiv:first-child .landFlgLt.titleDotLength3 { width: 100%; max-width: 58%; }
.landFlgDiv:first-child .landFlgLt.titleDotLength4 { width: 100%; max-width: 55%; }
.landFlgDiv:first-child .landFlgLt.titleDotLength5 { width: 100%; max-width: 54%; }
.landingBannerCaption h1 { font-size: 40px; line-height: 40px; }
.joinBtmpart span { font-size: 24px; }
#searchToAdd-slider { margin: 0; left: auto; right: 0; }
.newChannelContent { padding: 0 10px; }
.newChannBanner img { width: 100%; }
.newChanMembers .profileSlider { transform: scale(0.8); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); }
.newChanMembers .profileSlider a { display: block; vertical-align: top; position: relative; }
.joinBtmCounter { padding: 0 10px;min-height: inherit; }
.newChannBanner .joinCaption h4 { font-size: 30px; line-height: 30px; }
.newChanSubTitle { font-size: 20px; line-height: 20px; }
.joinBtmpart .joinBtmCounter + .userImg { right: 10px; position: absolute; }
.flagNewEventsChannel.flagNewEvents .flagEventsUl li a {
  font-size: 18px;
  padding: 0 6px;
}
.flagNewEventsUpdate.flagNewEvents .flagEventsUl li a{
  padding: 0 12px;
  font-size: 20px;
  height: 48px;
  line-height: 44px;
}
.profilePageInfo .profileThumb{
  margin: 0;
}
.profilePageInfo .profileThumb .profileImg img{
  height: auto;
}
.lsitChanDiv img{
  width: 100%;
}
.channelSearch{
  padding: 10px;
}
.cmsContentSec {
  padding: 0;
}
.cmsPagesSec .cmsContentSec h2{
  font-size: 24px;
  line-height: 24px;
}
.cmsPagesSec .cmsContentSec p{
  text-align: justify;
}
.cmsHeaderBan{
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
  background-position: center center;
}
.CMS .main .pressTabsDiv > ul > li{
  font-size: 20px;
  line-height: 48px;
  height: 54px;
}
.CMS .main .pressTabsDiv > ul > li::after{
  height: 4px;
}

.imagesPrePan {
  max-width: 90%;
  top: 0;
  position: absolute;
  transform: translate(-50%,0);
  -webkit-transform: translate(-50%,0);
  -moz-transform: translate(-50%,0);
  -o-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
}
.imagesSlider button{
  top: 22%;
}
.imagesSlider button.slick-next,.imagesSlider2 button.slick-next{
  left: auto;
  margin-left: 0;
  right: 10px;
}
.imagesSlider .imagesPreviewIn{
  height: 400px;
  line-height: 398px;
}
.imagesPreview{
  width: 100%;
}
.imagesCont{
  width: 100%;
  padding: 12px 12px 0;
  clear: both;
  display: block;
}
.imagesContTitle {
  font-size: 24px;
  line-height: 24px;
}
.viewsText{
  font-size: 14px;
}
.imguser img{
  width: 58px;
}
.imagesUpInfo {
  margin: 0 0 0 68px;
}
.commentFileds.imgTypeComments {
  padding: 0;
  position: absolute;
}
.likeVotesec div {
  padding: 0 0 0 3rem;
}
.likeVotesec div i {
  width: 2.75rem;
  height: 2.75rem;
  margin: -1.5rem 0 0 0;
}
.likeVotesec div:hover i,.likeVotesec div.active i {
	width: 3rem;
	height: 3rem;
}

.botStatsPanel .col4{
  width: 50%;
}
.botStatsTitle {
  font-size: 18px;
  line-height: 18px;
}
.progressBar{
  width: 140px;
}
.progressCount {
  margin: 0 4px 0 0;
  font-size: 16px;
}
.playbtnDiv .greenBtn {
  width: 140px;
  height: 38px;
  font-size: 18px;
  line-height: 38px;
}
.playbtnDiv i{
  width: 25px;
  height: 25px;
  vertical-align: -6px;
}
.chartsList ul li{
  padding: 10px;
}
.botIntCheck + label{
  width: 24px;
  height: 24px;
}
.botLabel{
  line-height: 24px;
}
.chartCheckbox{
  padding-left: 34px;
}
.counterBot{
  line-height: 24px;
}
.botProgress {
  margin: 2px 0 0 0;
}
.selLabelText .selText2 {
  padding: 0 0 0 10px;
  margin: 0 0 0 6px;
}
.selLabelValue span {
  font-size: 18px;
}
.profilePageInfo .proImgUpload .proimgsec.MarkOnline::after, .profilePageInfo .proImgUpload .proimgsec.MarkAway::after{
  right: 0;
}
.flagExtTopCont{
  display: block;
}
.flagExtTopCont > div{
  width: 100%;
  display: block;
}
.flagExtTopCont .flagTopMid {
  width: 100%;
  padding: 1.25rem 0 0
}
.flagExtTopCont .flagTopRt{
  width: 100%;
  padding: 1.25rem 0 0;
  text-align: left;
}
.mobileImg{
	display: block;
}
.desktopImg{
	display: none;
}
}

@media only screen and (max-width : 900px) {
.landingApps { height: auto; }
.btmPopDiv .leftCont ul li{
	font-size: 16px;
	line-height: 24px;
}
.flagNewPart .contentLeft{ width: 100%; }
.flagNewPart .contentRight { width: 100%; position: static; }
.afterLogLeft{
	padding-left: 20px;
	padding-right: 20px;
	width: auto;
}
.innerHeader .navigation ul li span,.navigation ul li.counter .icon6 {
  background-size: 20px auto;
  -webkit-background-size: 20px auto;
  -moz-background-size: 20px auto;
  -o-background-size: 20px auto;
  -ms-background-size: 20px auto;
  display: block;
  margin: 5px auto;
  vertical-align: 0;
  width: 20px;
  height: 20px;
}
.navigation > ul > li > a{
	font-size: 12px;
	line-height: 12px;
}
.navigation ul li.counter .countSpan{
  line-height: 20px;
}
.radioSwitch + label span{
  font-size: 20px;
  line-height: 20px;
}
.flgBoxItem .insMobFlagImg .newchannBtm .counterReview {
  transform: scale(0.7) translate(-60px, 0px);
  -webkit-transform: scale(0.7) translate(-60px, 0px);
  -moz-transform: scale(0.7) translate(-60px, 0px);
  -o-transform: scale(0.7) translate(-60px, 0px);
  -ms-transform: scale(0.7) translate(-60px, 0px);
  white-space: nowrap;
}
.effextIcon {
  bottom: -36px;
  transform: scale(0.7) translate(-70px, 0px);
  -webkit-transform: scale(0.7) translate(-70px, 0px);
  -moz-transform: scale(0.7) translate(-70px, 0px);
  -o-transform: scale(0.7) translate(-70px, 0px);
  -ms-transform: scale(0.7) translate(-70px, 0px);
}
.flgBoxItem .counterReview > span {
  margin: 0 10px 0 0;
}
.flgBoxItem .counterReview span:hover {
  margin-right: 20px;
}
.topTitleDiv .title1{
  font-size: 20px;
  line-height: 20px;
}
.topTitleDiv .title2{
  font-size: 16px;
  line-height: 16px;
}
.newPageFlag #coolflagListOnProfile {
  margin: -0.5px;
}
.flgBoxItem .insMobFlagImg .calenderDiv{
  right: 12px;
}
.flgBoxItem .insMobFlagImg .flagerImg {
  right: 12px;
}
.searchWithLoc {
  width: 100%;
  margin-bottom: 10px;
}
.searchSubmit {
  width: 12%;
}
.searchFilt {
  padding-left: 0;
  width: 86%;
}

.upadteProfileSec{
  padding: 0;
}
.upadteProfileSec .fullChannelRt{
  display: none;
}
.upadteProfileSec .fullChannelLt{
  width: 100%;
}
.flagUpdateSearch .location{
  width: 24%;
}
.flagUpdateSearch .blueDateDistance {
  width: 34%;
}
.everythingSec {
  width: auto;
  position: relative;
}
.everythingList {
  background: #fff;
  border: 1px solid #d6d6d6;
  padding: 16px;
  position: absolute;
  right: 20px;
  top: 50px;
  width: 200px;
  z-index: 99;
}
.everythingSec ul li{
  width: 100%;
}
.flagUpdateSearch .blueDateDistance{
  width: 270px;
}
.flagUpdateSearch .channelSearch + .blueBarPan .blueDateDistance{
  float: right;
  margin-right: 20px;
  width: auto;
}
.kmSliderSec{
  width: 22%;
}
.flagUpdateSearch .channelSearch .intBox{
  font-size: 16px;
  height: 42px;
  padding: 0 6px;
}
.flagUpdateSearch .intBtn{
  width: 42px;
  height: 42px;
}
.flagUpdateSearch .searchSubmit{
  width: auto;
}
.flagUpdateSearch .selectDiv:before{
  width: 42px;
}
.flagUpdateSearch .selectDiv:after{
  right: 12px;
}
.selArrowSpan{
  width: 42px;
  height: 42px;
}
.flagUpdateSearch .radioSwitch + label span{
  font-size: 16px;
}
.flagUpdateSearch .channelSearch + .blueBarPan .dateDistDiv{
  line-height: 42px;
}
.flagUpdateSearch .inText{
  line-height: 42px;
}
.flagUpdateSearch .locationFiled .intBox{
  line-height: 42px;
}
.progressBar {
  width: 100px;
}
.newChannBanner .joinCaption {
  padding-top: 0;
}
.newChannBanner .joinCaption h4 {
  font-size: 24px;
  line-height: 24px;
}

/*Msg*/
.msgClsMobile .msgLeft {
    width: 100vw;
    height: 100%;
}
.msgClsMobile .msgRight {
    width: 100vw;
    position: absolute;
    left: 100vw;
    background: #fff;
    transition: all 400ms ease 0ms;
}
.msgClsMobile .msgLeft .msgFriendList{
  height: calc(100% - 3.125rem) !important;
}
.msgClsMobile.showDetails .msgRight{
  left: 0;
  z-index: 999;
}
.mobileBarSec{
  display: block;
}

.composePanel .mobileBarSec{display: none;}
.composePanel .mobileBarCompose{display: block;}
.msgDetlsTopSec span,.mobileBarCompose span{padding: 1rem;display: inline-block;vertical-align: top}
.msgDetlsTopSec i{font-size: 2rem;}
.messagemain .mainWrapInner.mobilePadding{padding: 0;}
.msgClsMobile .msgLeft .msgProfile {
    display: none;
}
.msgProfileImg{display: block;width: 2.75rem;height: 2.75rem;border-radius: 50%;position: absolute;right: 0.5rem;top: calc(50% - 1.375rem)}
.msgProfileImg img{border-radius: 50%;border:0.125rem solid #31b5f8;}
.messageMobileVersion.main.innerMain {
    min-height: calc(100vh - 46px);
    overflow-x: hidden;
}
.msgClsMobile {
    height: calc(100vh - 46px) !important;
}
.msgClsMobile .allMsgListpan {
    padding: 0 0.625rem;
}
.mobileMessagePage {
    overflow: hidden;
}
.mobileCompose{display: block;right: 1rem;bottom: 2rem;position: fixed;z-index: 999;padding: 0.5rem 0.75rem;border-radius: 1rem;background: #31b5f8;color: #fff;top: auto;}
.mobileCompose i{margin: 0 0.5rem 0 0;}
.composePanel .msgClsMobile .msgRight{height: calc(100% - 2.375rem)}
.msgFriendDiv:hover{background: none;}
.msgFriendDiv:hover .fndContent h5 a{color: #31b5f8;}
.msgFriendDiv:hover .fndContent h6 {
    color: #363636;
}
.msgFriendDiv:hover .timeText {
    color: #b1c9e0;
}
.msgFriendDiv:hover .msgMoreOption{display: none;}
.navigation > ul{display: flex;}
.navigation > ul li{flex-grow: 1;flex-basis: 0}

.composePanel .btmFiledDiv {height: calc(100vh - 46px - 38px);}
.composePanel .btmFiledDiv form{display: flex;flex-flow: column;justify-content: space-between;height: 100%;}
.composePanel .btmFiledDiv .toAndSubjectSec, .composePanel .btmFiledDiv .commentToUserBottom{position: static;}
.composePanel .topFiledDiv {display: none;}

.msgClsMobile .chatProImg{width: 3rem}
.msgClsMobile .chatProImg a .picname{height: 3rem;font-size: 1.5rem;line-height: 1.5rem;}
.msgClsMobile .chatDiv .chatProText{width: 100%}
.msgClsMobile ul.orderAfterDtls li .productElement{padding: 0.625rem 0.75rem;}
.msgClsMobile .chatDiv .chatProText .productTable + .dateText,.chatDiv .dateText{font-size: 1rem;line-height: 1rem;}
.msgClsMobile .validate {height: 3rem;display: inline-flex;align-items: center;}
.msgClsMobile .validate span {margin: 0 0.375rem;position: relative;}
.msgClsMobile .validate span i{height: 2rem;width: 2rem;}
.msgClsMobile .validate span::before {content: "";position: absolute;left: -0.375rem;right: -0.375rem;top: -0.375rem;bottom: -0.375rem;}
.msgClsMobile ul.orderAfterDtls {margin: 0 0 0.75rem 0;}
.msgClsMobile .chatDiv.othersPeople {padding: 0 0 0 3.5rem;}
.msgClsMobile .chatProText .boxBtmText .ordTotals{text-align: right;padding-right: 0.75rem;}
.ctrlPanPage .fixedWrapInner{left: 0;z-index: 999999;}
.cpanelMenuBar{display: none;}
.templateTableDiv ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.templateTableDiv ul li {
    width: calc(50% - 1rem);
}
.msgGroupDiv:hover .msgGroupText{color: #31b5f8}

}
@media only screen and (min-width : 481px) and (max-width : 899px) {
.contentRight .mobileDiv {
  padding: 11.9% 3.1% 0;
  width: 380px;
  margin-left: auto;
  margin-right: auto;
}
}

@media only screen and (min-width : 1024px) {
.distanceSlider .priceSliderDiv .ui-slider-handle { width: 52px; height: 52px; margin: -24px 0 0 -26px; }
}

@media only screen and (max-width : 767px) {
.realTimePanel ul li .contentTop .ltCont { width: 100%; padding-bottom: 10px; }
.realTimePanel ul li .contentTop .rtCont { width: 100%; text-align: center; }
.landFlgDiv:first-child .landFlgLt { width: 100%; }
.landFlgDiv:first-child .landFlgRt { display: none; }
.landFlgDiv:last-child .landFlgRt { padding: 0; }
.landFlgLt .landFlgLtBox:last-child { display: none; }
.landFlgLt .landFlgLtBox:first-child { padding-top: 0; width: auto; }
.landFlgDiv:last-child .landFlgLt { height: 42px; }
.btmPopDiv .leftCont { width: 100%; }
.btmPopDiv .signUpForm { width: 100%; }
.leftHeader { padding-top: 0; }
.rightHeader { padding: 0;width: 100%; }
.afterLoginHeader .signUpForm{ margin: 0 -0.5%;width: auto; }
.afterLoginHeader .firstStep .greenBtn{font-size: 1.125rem;}
.afterLoginHeader .signUpForm .filedDiv {
  float: left;
  width: 32.33%;
  margin: 0 0.5%;
}
.topLogin { width: 100%; }
.topLogin a { float: left; padding: 0 10px; width: 48%; font-size: 14px; }
.topLogin a.twitBtn{float: right;}
.orText { width: 100%; }
.inputOne { width: 80%; }
.inputThree { width: 20%; }
.inputTwo { width: 100%; display: inline-block; vertical-align: top; padding: 6px 0; }
.keepText { width: auto; margin: 0 10px 0 0; }
.btmLogin .intBox { width: 49%; margin: 0 1% 0 0 !important; }
.landingLogSec { position: static; transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; padding: 20px 0; }
.landSingUp { width: 100%; float: none; }
.landingLogSec .signUpForm { width: 100%; background: none; border: 0; padding: 0 20px; }
.landingLogSec .signUpForm h4 { color: #373737; text-shadow: none; }
.sldierDiv { width: 100%; }
.landingApps .appsLeft { padding-top: 60%; width: 48%; }
.landingApps .appsRight { width: 50%; }
.landingApps .appsRight img { margin: 0; max-width: 100%; }
.landingApps .appsLeft a { margin: 0 1%; width: 48%; }
.joinCaption h4 { font-size: 26px; line-height: 26px; }
.joinCaption h5 { font-size: 20px; line-height: 20px; }
.joinCaption .joinCapLt, .joinCaption .joinCapRt { float: none; display: block; }
.joinCaption .greenBtn { font-size: 16px; height: 36px; line-height: 36px; padding: 0 20px; }
.btmPopDiv .leftCont ul li { font-size: 14px; line-height: 20px; }
.bigPopup.landPopUp .midBanner { height: 180px; }
.popTitle { font-size: 20px; line-height: 22px; }
.topPopDiv .greenBtn { font-size: 20px; height: 36px; line-height: 36px; padding: 0 20px; }
.btmPopDiv .filedDiv .greenBtn { font-size: 20px; height: 36px; line-height: 36px; }
.joinTitle { font-size: 24px; height: auto; line-height: 28px; padding: 10px 20px; }
.landFlgLtBox span { font-size: 13px; line-height: 13px; margin: 0; }
.landFlgLtBox span.text1 { padding-bottom: 2px; margin: 0; }
.landingFlagsBox { padding: 1px 0 0 0; margin: 0; border-bottom-color: #a1a1a1; }
.landFlgDiv:last-child .landFlgRt { padding: 0; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); position: absolute; right: 10px; bottom: 4px; text-align: right; width: auto; }
.mobilePopup .landFlgDiv:last-child .landFlgRt { bottom: 10px; }
.landFlgRt .fboxIcon1 i { width: 23px; height: 23px; background-size: 82px auto; -webkit-background-size: 82px auto; -moz-background-size: 82px auto; -o-background-size: 82px auto; -ms-background-size: 82px auto; background-position: -59px 0; }
.landFlgRt .fboxIcon1:hover i { background-position: -59px -45px; }
.landFlgRt .fboxIcon1.active i { background-position: -59px -91px; }
.landFlgDiv h4 { font-size: 18px; line-height: 21px; padding-bottom: 0; }
.landFlgDiv p { font-size: 13px; line-height: 13px; }
.landFlgDiv p i, .landFlgDiv p:hover i { margin: 0 4px 0 0; width: 12px; height: 12px; background-size: 12px auto; -webkit-background-size: 12px auto; -moz-background-size: 12px auto; -o-background-size: 12px auto; vertical-align: top; }
.landFlgDiv p a:hover i { background-size: 12px auto; -webkit-background-size: 12px auto; -moz-background-size: 12px auto; -o-background-size: 12px auto; }
.landingFlagsBox .landingFlagsImg { height: auto; width: 82px; position: absolute; left: 1px; top: 1px; }
.flagNewEvents { margin-bottom: 5px; }
.landingFlagsBox .landingFlagsImg img { height: auto; }
.landingFlagsBox .landingFlagsContent { width: 100%; padding-left: 88px; height: 83px; }
.landFiltBtns > ul > li > a.showsec { font-size: 24px; border-width: 3px; height: 44px; line-height: 40px; }
.landingFilter .filterBox a { font-size: 13px; padding: 0 5px; width: 73px; margin: 0; height: 26px; line-height: 22px; }
.landingFilter .filterBox a:first-child { margin-right: 4px; }
.topSearchFiled label { font-size: 16px; line-height: 44px; }
.topSearchFiled .leaflet-pelias-input { font-size: 16px; line-height: 16px; height: 44px; }
.distanceSlider label, .landingFilter .filterBox label { font-size: 13px; line-height: 13px; padding-bottom: 6px; }
.landingFilter .filterBox, .distanceSlider { width: 45%; padding: 5px 3px; letter-spacing: 1px; }
.distanceSlider input { font-size: 16px; line-height: 16px; }
.topSearchDiv .leaflet-pelias-search-icon { top: 10px; }
.landingFlagsBox { height: auto; }
.findList ul li { width: 50%; }
.landingLogSec.registerpageDiv .signUpForm { background: rgba(0, 0, 0, 0.25); padding: 20px; }
.joinBtmpart span { font-size: 12px; padding: 0 8px; line-height: 20px; }
.joinBtmpart span i img { width: auto; height: 12px; }
.joinBtmpart .userImg img { width: 80px; margin: 0; }
.joinBtmpart .userImg em { display: none; }
.flagNewEvents .flagEventsUl { height: auto; }
.flagNewEvents .flagEventsUl li { height: auto; }
.flagNewEvents .flagEventsUl li a { font-size: 36px; font-weight: 700; height: 90px; line-height: 82px; }
.fBoxTop .fBoxTopRt ul { display: table; margin: 0 auto; }
.fBoxContTop span.boxOne, .fBoxContTop span.boxTwo, .fBoxContTop span.boxThree { width: auto; font-size: 14px; }
.fBoxContTop span a i { line-height: 14px; }
.fBoxPro { position: relative; padding-left: 78px; }
.fBoxProImg { position: absolute; left: 0; top: 0; }
.fBoxProPost { width: 100%; }
.flagNewEvents .flagEventsUl li .evIcon { display: none; }
.fBoxProRt { float: right; width: auto; }
.flagEventsDtls .eventsDtlsLt { letter-spacing: 1px; padding: 5px 3px; }
.eventsDtlsRt .eventFiltLt { padding-top: 5px; }
.flagNewEvents .flagEventsUl li a { font-size: 24px; height: 44px; line-height: 40px; }
.flagNewEvents .flagEventsUl li a:after { height: 3px; }
.flagEventsDtls .sortDtls p a.btn { font-size: 13px; height: 26px; line-height: 20px; margin: 0 2px; padding: 0 5px; width: 73px; min-width: inherit; }
.flagEventsDtls h5 { font-size: 13px; line-height: 13px; padding-bottom: 6px; }
.flagEventsDtls p, .eventFiltLt p em, .eventFiltLt p input { font-size: 13px; line-height: 13px; }
.eventsDtlsRt .eventFiltRt .btn { font-size: 13px; height: 26px; line-height: 22px; }
.eventsDtlsRt .eventFiltRt > label { font-size: 13px; }
.priceSliderDiv .ui-slider { margin: 0 10px; }
.eventsDtlsRt .eventFiltRt { display: none; }
.eventFiltLt p input { max-width: 28px; }
.priceSliderDiv .ui-slider-handle { height: 26px; margin: -6px 0 0 -13px; width: 26px; }
.flagEventsDtls .eventFiltLt p { margin-bottom: 18px; }
.gangSelectorAlert .gangSelectLt { width: 100%; padding: 20px 0; }
.gangSelectorAlert .gangSelecRt { width: 100% }
.gangSelectorAlert .gangSelectLt img { width: 100%; }
.gangSelectorAlert { padding: 0 3px; margin-bottom: 20px; }
.channelProfile { padding: 0 3px; }
.orText span { line-height: 14px; margin: -6px 0 0 0; }
.orText { margin-bottom: 8px; }
.fBoxBtm { padding: 3px 3px 3px 90px; width: 100%; background: #f4fbff; }
.fBoxBtm .fBoxImg { height: auto; left: 3px; position: absolute; top: 3px; width: 82px; margin: 0; }
.fBoxBtm .fBoxImg img { height: auto; }
.fBoxProImg img { width: 38px; height: auto; }
.fBoxTopLt { width: auto; }
.fBoxPro { padding-left: 48px; width: auto; }
.fBoxCont .fBoxContTop { display: block; height: 82px; background: none; position: relative; margin-bottom: 4px; }
.fBoxContTop span { display: block; border: 0; text-align: left; color: #373737; }
.fBoxContTop span a { height: auto; display: block; line-height: inherit; padding: 0; color: #373737; }
.fBoxContTop span > i { height: auto; line-height: inherit; padding: 0; }
.fBoxContTop span.boxOne { font-size: 18px; font-weight: 600; line-height: 21px; padding: 4px 0; text-transform: capitalize; }
.fBoxContTop span.boxOne a:hover { color: #31b5f8; }
.fBoxContTop span.boxOne i { line-height: inherit; }
.fBoxContTop span.boxTwo { font-size: 13px; line-height: 13px; margin: 0; color: #606060; font-weight: 600; padding-bottom: 2px; }
.fBoxContTop span.boxTwo a { color: #606060; }
.fBoxContTop span a:hover, .fBoxContTop span:hover a { background: none; }
.fBoxContTop span.boxThree { text-transform: capitalize; color: #4fc3ff; font-size: 13px; line-height: 13px; margin: 0; font-weight: 600; position: absolute; left: 0; bottom: 4px; }
.fBoxContTop span.boxThree a { color: #4fc3ff; }
.fBoxContBtm { margin: 0 0 0 -87px; width: auto; border-top: 1px solid #e3f0f6; }
.LargeViewOnFlagBox.decsCont { width: 100%; top: 0; }
.fBoxContBtm .fBoxContLt { padding: 10px; }
.fBoxStar { width: auto; }
.customRating span { background-size: 26px auto; -webkit-background-size: 26px auto; -moz-background-size: 26px auto; -o-background-size: 26px auto; -ms-background-size: 26px auto; width: 20px; height: 20px; margin: 0 1px; }
.gangSelectorAlert .topArrow, .gangSelectorTitle .makedivhideClickme { display: none; }
.gangContentTop { padding-bottom: 16px; }
.gangSelectorAlert .gangSelecRt > h2.channelSubtitle { height: auto; }
.searchIndex .newChannel { padding: 0 0 5px; margin: 0 0 12px; }
.subcribeChanelLsit ul li { padding-bottom: 5px; }
.profileTitle .profileTitleLt h5 { padding: 0; }
.profileImgPanel { padding-bottom: 10px; }
.channelProfileList h5 { font-size: 16px; line-height: 18px; }
.channelProfileList h5 span { font-size: 18px; }
.btmLogin { padding: 0; }
.btmLogin u { display: table; clear: both; display: block; }
.newHeader { min-height: inherit; padding: 0.625rem 0; }
.subcribeChanelLsit ul li .userDesc { width: 114px; }
.fullChannel .fullChannelLt, .fullChannel .fullChannelRt { width: 100%; }
.appDownlaodBtn a { text-align: center; }
.flagTabLinks ul li { border-width: 3px; font-size: 20px; height: 44px; line-height: 40px; }
.flagTitleBox h1 { font-size: 32px; line-height: 32px; }
.channelName { font-size: 24px; line-height: 24px; }
.flagPrice, .flagRating { line-height: 20px; }
.flagRating i { height: 16px; width: 17px; background-size: auto 16px; -webkit-background-size: auto 16px; -moz-background-size: auto 16px; -o-background-size: auto 16px; -ms-background-size: auto 16px; }
.userListSec { padding: 10px 0; }
.byUserDiv .byText { font-size: 18px; line-height: 26px; }
.byUserDiv { top: -32px; }
.byUserDiv img { width: 68px; }
.counterNumberSec .countdownOnFlagPage { display: inline-block; vertical-align: top; width: 100%; }
.counterNumberSec .countdownOnFlagPage span { font-size: 26px; line-height: 26px; margin: 0; width: 25%; }
.counterNumberSec .countdownOnFlagPage span em { font-size: 12px; line-height: 12px; padding-top: 3px; }
.descriptionBox { padding: 20px 0 0; }
.descriptionDiv, .descriptionBox h5 { padding: 0 12px; }
.descriptionBox h5 { font-size: 20px; line-height: 20px; }
.descriptionDiv .showmoreDescription { padding-top: 2px; }
.flagSldierPanel, .flagTabsContainer { width: 100%; }
.contentRight.currentFlagTab2 { margin-top: 0; }
.channelName .channelNameLt a:after { width: 16px; height: 16px; }
.channelName .channelNameLt a { padding-left: 26px; }
.flagSldier .slickItem img { width: 110px; }
.landFlgDiv:first-child .landFlgLt { width: 100%; max-width: 100%; }
.landFlgDiv:first-child .landFlgLt.titleDotLength1 { width: 100%; max-width: 100%; }
.landFlgDiv:first-child .landFlgLt.titleDotLength2 { width: 100%; max-width: 100%; }
.landFlgDiv:first-child .landFlgLt.titleDotLength3 { width: 100%; max-width: 100%; }
.landFlgDiv:first-child .landFlgLt.titleDotLength4 { width: 100%; max-width: 100%; }
.contentRight .mobilePopup { position: relative; margin: 0 0 20px; }
.contentRight .mobilePopup.bigPopup .bigPopupIn { position: static; overflow: visible; }
.joinGroupsNew .joinBtmpart span { font-size: 20px; padding: 0 10px; line-height: 40px; }
.joinGroupsNew .joinBtmpart span i img { width: auto; height: 20px; }
.joinGroupsNew .joinBtmpart .userImg img { width: 80px; margin: 0; }
.joinGroupsNew .joinBtmpart .userImg em, .joinGroupsNew .joinBtmpart .userImg span { display: block; }
.commProfileAdd i, .proMsgIcon i, .commProfileFrnd i,.commProfileUnFrnd a { background-size: 100% auto; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; -ms-background-size: 100% auto; width: 50px; height: 50px; }
.commProfileAdd, .commProfileFrnd, .commProfilePend,.commProfileUnFrnd { left: 0;top: 0; }
.proMsgIcon {
  bottom: 10px;
  right: 10px;
}
.profileSlider { left: 40%; transform: scale(0.8) translate(-50%); -webkit-transform: scale(0.8) translate(-50%); -moz-transform: scale(0.8) translate(-50%); -o-transform: scale(0.8) translate(-50%); -ms-transform: scale(0.8) translate(-50%); }
.newchannBtmIn .orgaMid { font-size: 36px; line-height: 36px; }
.newchannBtmIn > div { font-size: 16px; line-height: 18px; }
.newchannelList .joinCaption h4 { padding-bottom: 6px; }
.friendsPopup .friendsPopupDiv { max-width: 96%; }
.friendsPopTab ul li { padding: 0 10px; font-size: 24px; line-height: 66px; min-height: 70px; border-width: 4px; }
.listDivContent span { font-size: 12px; margin: 0 4px 4px 0; }
.newfrndSearchFiled { padding: 16px 0 16px 16px; }
.newfrndSearchFiled .newfrndInput { font-size: 20px; line-height: 20px; height: 54px; }
.newfrndSearchFiled .newfrndBtn { height: 54px; }
.afterLogRight { width: 100%; margin: 0; }
.newChannBanner img { height: auto; }
.newChannBanner .joinBtmpart .userImg img { width: 56px; border-width: 2px; }
.joinBtmpart { bottom: 4px; }
.newChannBanner .joinBtmpart { bottom: 4px; }
.newChannBanner .joinBtmpart .userImg span { display: block; }
.newChanMembers .profileSlider { width: 100%; transform: scale(0.6) translate(-60%, 0); -webkit-transform: scale(0.6) translate(-60%, 0); -moz-transform: scale(0.6) translate(-60%, 0); -o-transform: scale(0.6) translate(-60%, 0); -ms-transform: scale(0.6) translate(-60%, 0); }
.newChanjoinPan > div { width: auto; display: block; clear: both; padding: 10px 0; border: 0; }
.newChanShare ul li { margin: 0 10px 0 0; }
.newChanShare ul li span { font-size: 16px; line-height: 16px; }
.newChanShare ul li img { width: 32px; }
.newChanjoinPan { padding: 0; }
.newChanjoinPan .newChanShare { float: left; clear: none; display: inline-block; }
.newChanjoinPan .newChanJoin { float: right; clear: none; display: inline-block; margin: 0; }
.newChanJoin .greenBtn { width: 100px; height: 38px; font-size: 20px; line-height: 38px; }
.newChanRating .profileRatingDiv { float: none; margin: 0 auto; display: table; }
.newChanDescription { font-size: 14px;padding:0 0 10px 0; margin: 0 0 10px 0; }
.newChanDescription p { line-height: 20px; }
.afterLogLeft { display: none; }
.newChanRating { float: left; }
.newChanjoinPan .newChanShare { clear: none; display: block; float: none; margin: 0 auto; text-align: center; }
.newUdateFlag > .flagSldierPanel .flagSldier .slickItem{
	width: 300px;
}
.blockBoxContent .flagContent .flagCommentDetails > ul > li{
  min-width: 65%;
}
.blueBarLocation{
  line-height: 50px;
  font-size: 18px;
  float: left;
  width: 50%;
}
.blueDateDistance{
  width: 50%;
  text-align: right;
  position: static;
  float: right;
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
}
.dateDistDiv{
  line-height: 50px;
}
.rightCounterFilter .filterDiv {
  line-height: 50px;
}
.rightCounter{
  line-height: 50px;
  font-size: 20px;
}
.gridListDiv {
  float: left;
  line-height: 50px;
  margin: 0;
}
.newChanRating .commRatingUser span {
  height: 20px;
  line-height: 20px;
  font-size: 14px;
}
.newChanRating .commRatingUser span i{
  background-size: 100% auto;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -ms-background-size: 100% auto;
  width: 12px;
  height: 13px;
}
.newChanjoinPan .newChanSharePan{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  padding: 10px;
}
.newChanRating .ratingVal {
  font-size: 32px;
  line-height: 32px;
}
.addEventBtn{
  display: block;
}
.mobileTabSec{
  display: none;
}
.profileSarousel.kc-wrap{
  padding: 16% 0 0;
}
.newChanMembersCenter .stageRightSec{
  margin-bottom: 6px;
}
.dateExpaire{
  font-size: 1rem;
  line-height: 1rem;
  padding: 0.75rem;
}
.expDate i{
  width: 1.125rem;
  height: 1.125rem;
}
.flagTopTitle{
  font-size: 1.5rem;
  line-height: 1.5rem;
}
.flagExtTopCont .flagTopLt{
  width: 100%;
}
.flagExtTopCont .phoneLink a, .flagExtTopCont .webLink a {
  padding: 0 0 0 1.5rem;
  line-height: 1rem;
  font-size: 1rem;
}
.flagExtTopCont .phoneLink i, .flagExtTopCont .webLink i{
  width: 1rem;
  height: 1rem;
  background-size: 1rem auto;
  -webkit-background-size: 1rem auto;
  -moz-background-size: 1rem auto;
  -o-background-size: 1rem auto;
  -ms-background-size: 1rem auto;
  top: 0.125rem;
}
.flagTopBox,.galBoxSec{
  padding: 0.75rem;
}
.flagBlkTitle {
  margin: 0 0 0.625rem 0;
}
.hostedBlock{
  padding-top: 0.75rem;
}

.flagRatingDiv{display: inline-block;vertical-align: top;}
.flagreviewCount {
  display: inline-block;vertical-align: top;
}
.mobileLoginSec{
  display: inline-block;
  vertical-align: top;
}
.backDiv{
  display: block;
}
.newUdateFlag.flagPageExt > .flagSldierPanel .flagSldier .slickItem{
  width: 180px;
}
.backForm{
  display: inline-block;
}
.afterLogRight{
  display: none;
}
.leftHeader { width: 9.125rem;margin: 0 0 0 -0.25rem; }
.imagesSlider .imagesPreviewIn{
  height: auto;
  line-height: normal;
}
.likeVotesec{
  bottom: -1.75rem;
}
.imagesPreview{
  margin: 0 0 2rem 0;
}
.imguser img{
  width: 2.5rem;
}
.imagesUpInfo {
  margin: 0 0 0 3.125rem;
}
.imagesContTitle{
  margin-bottom: 0.625rem;
}
.imagesSlider .imagesPreviewIn, .imagesSlider2 .imagesPreviewIn{
  height: auto;
  line-height: inherit;
  width: 100%;
}
.imagesDiv{
  width: 100%;
}
.imagesSlider .item img{
  max-height: 400px;
}
.imagesComments{
  min-height: inherit;
}
.imagesSignup + .imagesComments{
  min-height: inherit;
}
.imagesCommentList {
  max-height: 44px;
  height: auto;
}
.mobileLikeVote,.mobileTopShow{
  display: block;
}
.desktopLikeVote,.desktopFlager{
  display: none;
}
.mobileLogin{
  display: none;
}
.pictureRow{
  display: block;
}
.imagesPrePan{
  max-width: 90% !important;
  position: fixed;
  top: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
}
.mobileTopShow{
  padding: 0.625rem;
}
.imagesContTitle{
  float: left;
}
.imagesUploader{
  float: right;
  margin-bottom: 0;
  text-align: right;
}
.imguser img{
  width: 1.5rem;
}
.imagesUpInfo {
  margin: 0 0 0 1.875rem;
}
.likeVotesec div i.viewsIcon2, .likeVotesec div i.viewsIcon1 {
	width: 2rem;
	height: 2rem;
	margin: -0.75rem 0 0 0;
}
.likeVotesec div:hover i.viewsIcon2 {
	width: 2.25rem;
	height: 2.25rem;
}
.likeVotesec div i.viewsIcon1{
  height: 1.375rem;
  margin: -0.375rem 0 0 0;
}
.likeVotesec div:hover i.viewsIcon1 {
	width: 2.25rem;
	height: 1.5rem;
}
.likeVotesec {
  padding: 0 0.625rem;
  width: auto;
}
.likeVotesec div{
  line-height: 2.5rem;
}
.pictureRight{
  width: auto;
}
.pictureRow .imagesCont{
  padding: 0 0.625rem;
}
.imagesSlider button{
  top: 48%;
}
.mobileTypeFiled{
	display: block;
}
.desktopTypeFiled{
	display: none;
}
.upinfoName{
	font-size: 1rem;
	padding: 0;
	line-height: 1.25rem;
}
.pcitureFeedList ul li > a::after,.videoFeedList ul li > a::after{
  display: none;
}
.pcitureFeedList ul li > a:hover img,.videoFeedList ul li > a:hover img{
  transform: none;
}
.pcitureFeedList ul li .captionName, .pcitureFeedList ul li .imgInfoIco {
    display: none;
}
.videoFeedList ul li .captionName, .videoFeedList ul li .imgInfoIco {
  display: none;
}
.upimgDiv{
	text-align: right;
	display: table;
	margin: 0 0 0 auto;
}
.pictureRow {
	max-height: calc(100vh - 20rem);
}
.imagesSignup{
	padding: 0.5rem 0;
	margin-bottom: 0.5rem;
}
.mobileLoginTag{
	display: inline-block;
}
.desktopLoginTag{display: none;}
.extImgprePop .imagesSlider button.slick-next, .extImgprePop .imagesSlider2 button.slick-next{
	right: 0.625rem;
}
.registerPopup{
	width: 90%;
}
.registerPopup .filedDiv .greenBtn{
	height: 3rem;
	font-size: 1.5rem;
	line-height: 3rem;
}
.pictureRow .imagesPreview{
	margin-bottom: 0.625rem;
}
.pcitureFeedList ul li,.videoFeedList ul li{
  width: 33.33%;
}
.popFlexBox{
  flex-flow: column;
}
.popFlexBox .imagesPreview{
  width: 100%;
  margin-bottom: 0;
  height: auto;
  border-radius: 0.5rem 0.5rem 0 0;
}
.imagesSlider .popFlexBox .imagesPreviewIn .imagesDiv img,.imagesSlider .popFlexBox .imagesPreviewIn .imagesDiv video{
  max-height: none;
  width: 100%;
  height: auto;
}
.popFlexBox .imagesCont{
  width: 100%;
  padding-top: 0.375rem;
}
.popRightBtm .imagesComments{
  min-height: 8rem;
}
.popRightCont .popRightTop{
  padding: 0;
}
.popRightCont .viewsPan {
  padding: 0;
  margin: 0.25rem 0 0 auto;
  display: table;
}
.popRightCont .imagesSignup {
  padding: 0.5rem 0;
  margin: 0.375rem 0 0 0;
  border-bottom: 0;
  clear: both;
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.popRightCont .popRightTop .viewsText {
  padding: 0 0 0.25rem 0;
}
.popFlexBox .imagesCont .viewsPan {
    padding: 0;
}
.popRightCont .viewsValue {
  font-size: 1rem;
  line-height: 1rem;
}
.popFlexBox .likeVotesec {
  bottom: 0.125rem;
}
.imagesSlider .popFlexBox .imagesPreviewIn .imagesDiv{
  padding-bottom: 2rem;
  width: auto;
}
.popRightCont .imagesUploader {
  margin: -2.725rem 0 0 0;
}
.flagSubPopup .imagesSlider button.slick-next, .flagSubPopup .imagesSlider2 button.slick-next{
  left: auto;
  right: 0.625rem;
}
.flagSubPopup .imagesSlider button {
    top: calc(50% - 1.25rem);
}
.joinCaption .newChanShare {
  right: -0.375rem;
  bottom: 0.125rem;
}
.mobPopTopSec {
  padding-bottom: 0.5rem;
}
.imagesUploader .imguser{
  display: none;
}
.popRightTop .viewsDiv.commentsView {
    display: none;
}
.popRightCont .mobPopTopSec .viewsValue{
  text-align: left;
}
.brandFooter{
  padding: 0.625rem;
  min-height: 2.5rem;
  position: absolute;
}
.brandFooter .footerIn ul li{
  font-size: 12px;
  line-height: 12px;
}
.popFlexBox .likeVotesec div {
  line-height: 2rem;
  width: auto;
  margin: 0 1rem 0 0;
  font-size: 1rem;
}
.pcitureFeedList, .videoFeedList {
  margin: 0 -10px;
}
/*.topCookiesSec.topCookiesExternal{
  text-align: left;
  padding-right: 2.5rem;
}*/
/*.topCookiesSec.topCookiesExternal .removeCookies{
  top: 50%;
  transform: translate(0,-50%);
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  right: 1rem;
}*/
.mobFlexBox{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.mNopadding{
  padding: 0!important;
}
.mNomargin{
  margin: 0 !important;
}
.popRightCont .mobPopTopSec .viewsPan{
  margin-left: 0;
  order: -1;
  margin-top: 0.125rem;
}
.popRightCont .mobPopTopSec .viewsValue{
  padding-bottom: 0.125rem;
}
.popRightCont .popRightTop .mobPopTopSec .viewsText{
  padding-bottom: 0;
}
.imgViewerClose {
    right: 1vh;
    top: 1vh;
    background-size: 0.75rem auto;
    -webkit-background-size: 0.75rem auto;
    -moz-background-size: 0.75rem auto;
    -o-background-size: 0.75rem auto;
    -ms-background-size: 0.75rem auto;
    opacity: 0.4;
}
.groupPopupSec .botTopFileds, .globalPopup.globalPopupApi .globalPopupIn{
  width: 96%;
}
/*.popupImgDiv{
  width: 90%;
  height: 90vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popupImgDiv img{
  max-height: 100%;
}*/
}

@media only screen and (max-width : 640px) {
.topChanList ul li .chanBox.one { width: 100%; padding-bottom: 20px; }
.topChanList ul li .chanBox.two { padding: 0; width: auto; }
.topChanList ul li .chanBox.three { width: auto; float: right; }
.storeCateList .lsitBox.lsitBox1, .storeCateList .lsitBox.lsitBox2, .storeCateList .lsitBox.lsitBox3, .storeCateList .lsitBox.lsitBox4, .storeCateList .lsitBox.lsitBox5 { width: 50%; min-height: 180px; }
.navigation > ul > li > a { padding: 0; font-size: 10px; line-height: 10px; }
#featuredChannelSlider, #featuredChannelSlider > li { width: 100% !important; }
.storeAlertLt p, .gangSelectorAlert .gangSelecRt > p.channelSubtitle, .gangSelectorAlert .gangSelecRt > h2.channelSubtitle { width: 100%; }
.starPan.transportRatingDiv { text-align: center; }
.storeAltFrnd .storeAltRt { clear: both; display: block; padding: 10px 0; float: none; }
.storeAlert .storeAlertRt { float: none; display: block; clear: both; }
.realTimePanel .rtCont .greenBtnIn a.greyBtn, .realTimePanel .rtCont .greenBtnIn a.greenBtn { min-width: 76px; }
.navigation ul li .subDropMenu { max-height: 340px; overflow: auto; }
.btnsDiv { padding: 6px 0; text-align: center; }
.storeAltFrnd { position: static; text-align: center; }
.storeAltFrnd ul li { float: none; display: inline-block; vertical-align: top; }
.btnsDiv .greenBtn, .btnsDiv .greyBtn { width: auto; min-width: 96px; }
.landCaption h1, .topSldier h2 { font-size: 24px; line-height: 24px; }
.joinCaption { padding: 10px 20px; }
.joinCaption h4 { font-size: 20px; line-height: 20px; padding: 0; }
.joinCaption h5 { font-size: 14px; line-height: 20px; }
.joinCaption .greenBtn { font-size: 12px; height: 24px; line-height: 24px; padding: 0 12px; }
.landProImg { margin: 0 5px 0 0; }
.landProImg img { height: auto; width: 30px; }
.sldierDiv .slick-list .item { min-height: 150px; }
.fBoxContBtm .fBoxContLt, .fBoxContBtm .fBoxContRt { width: 100%; height: auto; }
.sortList ul li { padding: 0 0 0 6px; }
.gangContentBottom .transportRating > span { text-align: center; }
.stepBlockBox { width: auto; margin: 20px 10px; }
.stepTwo .popFiledInt, .stepThree .popFiledInt, .stepThree textarea, .stepThree select { width: 100%; }
.annonymousWarningPopup.ui-dialog { width: 90% !important; min-width: inherit; }
.calDate { text-align: center; }
.calDate { width: 102px; }
.flagTitleBox h1 { padding-right: 0; }
.rightBlockCont ul li { text-align: center; }
.calBtm { padding: 9px 0; border-radius: 0 0 12px 12px; -webkit-border-radius: 0 0 12px 12px; -moz-border-radius: 0 0 12px 12px; }
.flagPicture ul li { width: 49%; }
#map_addressInput, #FbEventAddSec.onlyOpenCage #default_addressInput { padding-right: 116px; }
#FbEventAddSec .greenBtn { font-size: 12px; }
#FbEventAddSec .leaflet-pelias-search-icon { right: 120px; left: auto; }
.stepThree .stepBlockIn { padding: 10px; }
#map_addressInput #address_map { width: 100% !important; }
.stepThree .stepBlockIn .formFiled .ui-datepicker-trigger { right: 12px; }
.uploadOuter .uploadBtns { float: none; margin-top: 10px; }
.formFiled.eventLength .popFiledInt { width: 49.5%; }
#FbEventAddSec #closeaddmap { right: auto; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); }
.commProfileRight { width: 100%; margin-top: 0; margin-bottom: 10px; }
.commProfileRight .coomUserLocation, .commProfileRight h2 a { color: #c1d4de; }
.commProfileRight .coomUserLocation i { background: url("../images/map-pin-icon-grey.png") no-repeat 0 0; }
.commProfileImg { width: 150px; margin-top: 0; }
.commProfileImg a { border-width: 4px; }
.commProfileRight h2 { font-size: 30px; line-height: 30px; }
.commProfileInfo .scoreDiv { font-size: 20px; }
.commProfileSec { padding: 0 20px; }
.communityTitle h2 { font-size: 20px; }
.commratingBack { width: 90px; height: 15px; background-size: auto 39px; -webkit-background-size: auto 39px; -moz-background-size: auto 39px; -o-background-size: auto 39px; -ms-background-size: auto 39px; }
.commratingBack .commratingFront { height: 15px; background-size: auto 39px; -webkit-background-size: auto 39px; -moz-background-size: auto 39px; -o-background-size: auto 39px; -ms-background-size: auto 39px; }
.communityItem { width: 180px; }
.commProfileBanner img { height: auto; }
.commProfileBanner h1 { font-size: 32px; }
.landingBannerCaption h1 { font-size: 32px; line-height: 32px; }
.commCaption h4 { font-size: 18px; line-height: 18px; }
.titleSpan { font-size: 12px; line-height: 14px; margin-bottom: 0; }
.titleSpan i { transform: scale(0.65); -webkit-transform: scale(0.65); -moz-transform: scale(0.65); -o-transform: scale(0.65); -ms-transform: scale(0.65); vertical-align: -6px; margin: 0; }
.commBtmLt { width: 70%; }
.topPopDiv,.btmPopDiv {
  padding: 16px;
}
.topPopDiv .popTitle {
  font-size: 18px;
  line-height: 20px;
}
.btmPopDiv .leftCont{
	margin: 0 0 10px 0;
}
.profilePageInfo .profileThumb {
  position: absolute;
  top: -70px;
  width: 140px;
}
.profilePageInfo{
  padding: 0 10px;
}
.profilePageInfo .commProfileRight h2{
  color: #363636;
  font-size: 20px;
  line-height: 20px;
  display: block;
  padding: 0 0 0 140px;
  font-weight: 700;
  letter-spacing: 1px;
  margin: 6px 0 12px 0;
}
.profilePageInfo .commProfileRight .coomUserLocation{
  display: block;
  padding: 0 0 0 140px;
  font-size: 18px;
  line-height: 18px;
  letter-spacing: 1px;
}
.commProfileRight .coomUserLocation i {
  height: 18px;
  width: 15px;
  background-size: auto 100%;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  -ms-background-size: auto 100%;
}
.profilePageInfo .commProfileInfo {
  font-size: 16px;
  line-height: 20px;
  min-height: 40px;
  padding: 10px 10px 10px 40px;
}
.profilePageInfo .MarkOnline, .profilePageInfo .MarkAway {
  height: 20px;
  left: 10px;
  top: 10px;
  width: 20px;
}
.profilePageInfo .MarkOnline:after, .profilePageInfo .MarkAway:after {
  height: 20px;
  width: 20px;
}
.commProfileRight .coomUserLocation a {
  color: #31b5f8;
}
.commProfileRight .coomUserLocation a:hover {
  color: #0090d9;
}
.newPageChannel {
  margin-top: 10px;
}
.profilePageInfo{
  margin: 10px 0 0;
}
.contributorsTitle,.blueBarTitle{
  font-size: 20px;
  line-height: 20px;
  padding: 12px 0;
}
.editFiledText .intBox{
  height: 160px;
}
.btnDivPan .btn {
  border-radius: 6px;
  font-size: 20px;
  height: 48px;
  line-height: 48px;
  margin: 0 10px;
  min-width: inherit;
  padding: 0 20px;
}
.defaultPopup .defaultPopupDiv,.filterPopup .filterPopupDiv {
  width: 90%;
}
.filterPopDiv, .filterPopSlider {
  padding: 20px;
}
.filterPopSlider{
  padding:0 20px;
}
.filterLabel {
  font-size: 20px;
  line-height: 20px;
  margin: 0 0 12px;
}
.filterSliderDiv .text1 {
  font-size: 14px;
  line-height: 16px;
  margin: 0 0 30px;
  width: 60%;
}
.filterSliderDiv .text2 input {
  font-size: 16px;
  height: 16px;
  line-height: 16px;
  width: 70px;
}
.filterSliderDiv {
  margin: 0 0 30px;
}
.filterSliderDiv .text2 span {
  font-size: 14px;
  line-height: 14px;
  margin: 0 0 0 6px;
}
.newPageChannel .inviteSearchList .invUserName{
  font-size: 16px;
}
.newPageChannel .inviteSearchList ul li{
  padding: 4px 10px;
}
.listDivItem {
  height: 86px;
  line-height: 84px;
  padding: 0 0 0 110px;
}
.listDivTitle{
  font-size: 20px;
  line-height: 20px;
}
.newPageChannel .inviteList .inviteSearch{
  padding-right: 96px;
}
.newPageChannel .inviteList .inviteSearch .greenBtn{
  right: 10px;
}
.newPageChannel .inviteList .greenBtn{
  width: 80px;
}
.rulesDiv ul li{
  font-size: 14px;
  line-height: 14px;
}
.proMsgIcon {
  bottom: 0;
  right: 0;
}
.channelSearch + .blueBarPan .blueDateDistance{
  width: auto;
  padding: 0 0 0 30px
}
.channelSearch + .blueBarPan .dateDistDiv{
  padding: 0;
}
}
@media only screen and (max-width : 599px) {
.flagTitleNew .byUserDiv{
	top: -54px;
}
.flagTitleNew .byUserDiv img{
	width: 100px;
}
.byUserDiv .byText {
  font-size: 16px;
  line-height: 16px;
}
.channelName {
  font-size: 16px;
  line-height: 16px;
  padding: 0 80px 0 0;
}
.flagTitleBox h1 {
  font-size: 24px;
  line-height: 24px;
  margin: 0 0 11px 0;
}
.flagTitleBox {
  padding: 10px 12px;
}
.voteStar{
	width: 100%;
	margin: 0 0 20px 0;
}
.rightRating {
  width: 100%;
}
.activStatus {
  padding: 12px 10px;
  text-align: center;
  width: 42%;
}
.newUdateFlag .threeTypeIcons {
  padding: 0;
  width: 58%;
}
.activStatus span{
	font-size: 24px;
	line-height: 40px;
}
.threeTypeIcons .topLinks{
	padding: 12px 0;
}
.newUdateFlag .interestText .countBox .countBoxval{
	margin: 0;
}
.newUdateFlag .interestText .countBox a{
	border-width: 3px;
}
.newUdateFlag .interestText .countBox .countBoxName, .newUdateFlag .interestText .countBox .countBoxval{
	font-size: 14px;
	line-height: 36px;
}
.distanceText {

  font-size: 20px;
  font-weight: 700;
  height: 42px;
  line-height: 38px;
  padding: 0 20px 0 48px;
  background-size: 20px auto;
  -webkit-background-size: 20px auto;
  -moz-background-size: 20px auto;
  -o-background-size: 20px auto;
  -ms-background-size: 20px auto;
}
.blockBoxContent .flagContent .flagCommentDetails > ul > li{
  min-width: 80%;
}
.flgBoxItem {
  padding: 0.5px 0;
  width: 100%;
}
.newPageFlag #coolflagListOnProfile {
  margin:0;
}
.flagNewEventsUpdate.flagNewEvents .flagEventsUl li{
  display: none;
}
.flagNewEventsUpdate.flagNewEvents .flagEventsUl li.add_event{
  display: block;
}
.flagNewEventsUpdate.flagNewEvents .flagEventsUl li.add_event a{
  display: inline-block;
  vertical-align: top;
  padding: 0 20px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  color: #fff;
  background: #31b5f8;
  line-height: 48px;
}
.flagNewEventsUpdate.flagNewEvents .flagEventsUl li.add_event a:hover{
  background: #0090d9;
}
.flagNewEventsUpdate.flagNewEvents .flagEventsUl li.add_event a:after{
  display: none;
}
.flagNewEventsUpdate.flagNewEvents .flagEventsUl li a {
  height: 48px;
  line-height: 44px;
  padding: 0;
}
.flagNewEvents .flagEventsUl{
  box-shadow: none;
  padding: 10px 0;
}
.blueBarPan{
  padding: 0 10px;
}
.blueBarLocation,.blueDateDistance{
  width: auto;
  line-height: 36px;
}
.blueDateDistance{
  text-align: center;
  padding-bottom: 0;
  transform: scale(0.7) translate(50px,0);
  -webkit-transform: scale(0.7) translate(50px,0);
  -moz-transform: scale(0.7) translate(50px,0);
  -o-transform: scale(0.7) translate(50px,0);
  -ms-transform: scale(0.7) translate(50px,0);
  margin: -10px 0 0 0;
}
.blueBarLocation{
  font-size: 20px;
  text-align: left;
  padding: 0;
  transform: scale(0.7) translate(-42px,0);
  -webkit-transform: scale(0.7) translate(-42px,0);
  -moz-transform: scale(0.7) translate(-42px,0);
  -o-transform: scale(0.7) translate(-42px,0);
  -ms-transform: scale(0.7) translate(-42px,0);
  min-height: 40px;
  min-width: 220px;
}
.blueBarLocation i{
  vertical-align: -4px;
  margin-right: 4px;
}
.rightCounterFilter .filterDiv{
  display: none;
}
.blueBarPan{
  min-height: inherit;
}
.dateDistDiv{
  padding: 0;
}
.rightCounterFilter{
  position: absolute;
  right: 10px;
  top: 0;
  line-height: inherit;
}
.gridListDiv{
  transform: scale(0.7) translate(-20px,0);
  -webkit-transform: scale(0.7) translate(-20px,0);
  -moz-transform: scale(0.7) translate(-20px,0);
  -o-transform: scale(0.7) translate(-20px,0);
  -ms-transform: scale(0.7) translate(-20px,0);
  margin-top: -40px;
}
.rightCounter {
  transform: scale(0.7) translate(14px,0);
  -webkit-transform: scale(0.7) translate(14px,0);
  -moz-transform: scale(0.7) translate(14px,0);
  -o-transform: scale(0.7) translate(14px,0);
  -ms-transform: scale(0.7) translate(14px,0);
}
.blueBarLocation i{
  width: 16px;
  height: 22px;
}
.gridListDiv,.rightCounterFilter .filterDiv{
  line-height: 36px;
}
.dateDistDiv {
  line-height: 36px;
  padding: 0 0 2px 0;
}
.rightCounter {
  line-height: 36px;
}
.radioSwitch + label span {
  font-size: 20px;
  line-height: 20px;
}
.channelSearch + .blueBarPan .blueDateDistance{
  width: 100%;
  padding: 0;
}
.channelSearch + .blueBarPan .gridListDiv{
  width: auto;
  text-align: center;
  position: absolute;
  right: 16px;
  top: 0;
}
.imagesContTitle {
  font-size: 20px;
  line-height: 20px;
}
.inputTwo{
  padding-bottom: 0;
}
.newChanMembers{
  padding-bottom: 80px;
  position: relative;
}
.newChanjoinPan .newChanShare{
  position: absolute;
  left: 10px;
  right: auto;
  bottom: 0;
  padding: 0;
}
.btmLogin a{
  line-height: 14px;
}
.newChanShare ul li a img {
  min-height: 32px;
}
.topPopDiv .greenBtn{
  margin: 0 2px;
}
.switchHandel{
  margin: 0 2px;
}
.loginsecheader .loginsecheaderIn{
  width: 90%;
}
}

@media only screen and (max-width : 480px) {
.itemSliderDiv { margin: 0; }
.realTimePanel .slideItem { padding-right: 0; padding-left: 0; }
.topSearchFiled label { clear: both; display: block; }
.topSearchDiv { clear: both; display: block; width: 100%; }
.distanceSlider .priceSliderDiv { min-height: 60px; }
.topSearchFiled { padding: 0 20px 10px; }
.distanceSlider { padding-top: 0; }
.findList ul li { width: 100%; }
.eventsDtlsRt .eventFiltLt, .eventsDtlsRt .eventFiltRt { width: 100%; }
.flagNewEvents .flagEventsUl li a { font-size: 18px; }
.flagEventsDtls p a.btn { font-size: 12px; min-width: 110px; }
.joinBtmpart .userImg { right: 10px; }
.joinBtmpart .userImg img { margin: 0; width: 50px; }
.eventsDtlsRt .eventFiltRt > label { text-align: left; padding-bottom: 4px; display: block; clear: both; }
.eventsDtlsRt .eventFiltRt span { padding-bottom: 0.8%; }
.flagEventsDtls .eventsDtlsLt { border: 0; }
.flagEventsDtls .eventsDtlsRt { border-left: 1px solid #eaf8ff }
.eventFiltLt p input { max-width: 28px; }
.flagEventsDtls .sortDtls p:first-child { margin-bottom: 6px; }
.eventsDtlsRt .eventFiltLt { padding: 5px 5px 10px; }
.flagEventsDtls .sortDtls p a.btn { margin: 0 1px; }
.flagEventsDtls .eventsDtlsLt { width: 47%; }
.flagEventsDtls .eventsDtlsRt { width: 53%; }
.priceSliderDiv .ui-slider { height: 4px; }
.subscriptionsTableIn table tr td tr td { width: 49%; display: inline-block; vertical-align: top; }
.subscriptionsTableIn table tr td tr:first-child td { display: none; }
.subscriptionsTableIn table tr td tr:first-child td:first-child { display: block; width: 100%; }
.subscriptionsPanel .subscriptionsTop table th, .subscriptionsPanel .subscriptionsTop table td { width: 100%; font-size: 13px; clear: both; display: block; }
.subscriptionsBottom .sortList label { clear: both; display: block; padding-bottom: 10px; }
.sortList ul li { padding: 0 6px 0 0; }
.subscriptionsPanel .subscriptionsTop table th:last-child { display: none; }
.showStats { position: relative; margin-top: 10px; }
.showStats:before { content: "Show stats for"; position: relative; display: block; clear: both; margin-bottom: 6px; }
.profileImgPanel .profileImg { clear: both; display: block; }
.profileImgPanel .profileTitle { width: 100%; clear: both; display: block; }
.settingsPush p.threeBtnIn { display: block; }
.channelGrey .channelSettings p .greyBtn { clear: both; display: block; width: 100%; }
.channelGrey .channelSettings p .greyBtn.makedivhideClickme, .channelGrey .greyBtn.makedivhideClickme, .channelGrey.disable .greyBtn.greyBtnDisable { clear: both; display: block; width: 100%; float: none; margin: 2px 0; text-align: center; }
.priceSliderDiv .ui-slider-handle { margin-top: -8px; }
.flagTitleBox h1 { font-size: 24px; line-height: 24px; padding-right: 80px; }
.channelNameLt { padding-bottom: 0; }
.votePanel .voteStar .customRating { display: inline-block; vertical-align: top; }
.twoBtnsPan span { font-size: 22px; line-height: 54px; }
.twoBtnsPan .btnOne i { background-size: 20px auto; -webkit-background-size: 20px auto; -moz-background-size: 20px auto; -o-background-size: 20px auto; -ms-background-size: 20px auto; width: 20px; height: 18px; margin-left: 6px; vertical-align: -2px; }
.twoBtnsPan .btnTwo i { background-size: 20px auto; -webkit-background-size: 20px auto; -moz-background-size: 20px auto; -o-background-size: 20px auto; -ms-background-size: 20px auto; width: 20px; height: 20px; margin-left: 6px; vertical-align: -3px; }
.countBox .countBoxName, .countBox .countBoxval { font-size: 12px; }
.countBox .countBoxval i { margin-left: 4px; }
.userListSec ul li { width: 76px; margin-bottom: 5px; }
.userListSec ul li img { height: auto; }
.mapAddressDiv h5 { font-size: 20px; padding-bottom: 0; background-size: auto 20px; -webkit-background-size: auto 20px; -moz-background-size: auto 20px; -o-background-size: auto 20px; -ms-background-size: auto 20px; line-height: 20px; padding-left: 20px; margin-bottom: 5px }
.shareLinks .shareDiv, .mapAddressDiv p, .mapaddRt { font-size: 14px; line-height: 16px; min-height: inherit; }
.flagTitleBox h1 { margin-bottom: 10px; }
.flagCommentTab .flagsortby { clear: both; display: inline-block; vertical-align: top; width: 100%; margin: 6px 0; }
.dateCounter { padding: 10px; }
.calBtm { padding: 5px 0; }
.calTextTop { font-size: 14px; height: 30px; line-height: 30px; border-radius: 12px 12px 0 0; -webkit-border-radius: 12px 12px 0 0; -moz-border-radius: 12px 12px 0 0; font-weight: 700; }
.calBtm .calText1 { font-size: 16px; line-height: 14px; padding: 0 0 4px; font-weight: 700; }
.calBtm .calText2 { font-size: 36px; line-height: 30px; padding: 0 0 4px; font-weight: 700; }
.calBtm .calText3 { font-size: 16px; line-height: 14px; font-weight: 700; }
.cunterAndTime { width: 59%; }
.calenderDiv { height: auto; width: 100%; }
.counterNumberSec .happningText, .counterNumberSec .expiredText { font-size: 18px; line-height: 24px; margin: 0 0 6px 0; }
.cunterAndTime p { font-size: 18px; line-height: 20px; }
.counterNumberSec { background-size: 24px auto; -webkit-background-size: 24px auto; -moz-background-size: 24px auto; -o-background-size: 24px auto; -ms-background-size: 24px auto; padding-left: 30px; background-position: 0 1px; }
.flagContent .flagCommentDetails > ul > li { padding-left: 76px; padding-right: 10px; margin-bottom: 10px; }
.flagContent .flagCommentDetails .conmmImg { width: 76px; margin: 0; text-align: center; }
.flagContent .flagCommentDetails .conmmImg img { width: 56px; height: auto; }
.flagContent .flagCommentDetails > ul > li.comments.right { padding: 0 76px 0 0; padding-left: 10px; }
.flagContent .flagCommentContainer .conmmRight:before { border-width: 5px; left: -5px; top: 25px; }
.flagContent .flagCommentDetails > ul > li.comments.right .conmmRight::after { border-width: 5px; right: -5px; top: 25px; }
.flagCommentTab ul li { width: 50%; }
.flagContent .report { right: 20px; }
.flagContent .flagCommentDetails > ul > li.comments.right .report { left: 20px; }
.votePanel .voteStar { text-align: center; }
.conmmRight h5 { font-size: 14px; margin-bottom: 4px; line-height: 14px; }
.flagContent .flagCommentContainer .conmmRight p { font-size: 14px; line-height: 18px; }
.flagContent .flagCommentContainer .conmmRight p span { vertical-align: -4px; width: 18px; height: 18px; background-size: 100% auto; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; -ms-background-size: 100% auto; }
.flagContent .conmmRight .comDivdate { padding-top: 4px }
.flagContent .flagCommentContainer .conmmRight { padding: 6px 10px; }
.flagContent .commentDate, .flagContent .voteInstant { font-size: 13px; line-height: 13px; }
.flagContent .commentFileds .commentFiled textarea { font-size: 14px; }
.shareLinks .shareDiv a.linkIcon { min-height: 38px; }
.flagContent .commentFileds .commentFiled textarea { font-size: 20px; }
.flagContent .flagCommentTab { padding: 0 10px; }
.flagContent .commentFileds .commentFiled input { top: auto; background-size: 42px auto; -webkit-background-size: 42px auto; -moz-background-size: 42px auto; -o-background-size: 42px auto; -ms-background-size: 42px auto; width: 42px; height: 36px; }
.flagContent .commentFileds .commentFiled textarea { width: 74%; }
.flagContent .report .nodgeopen { left: auto; right: 0; }
.flagContent .flagCommentDetails > ul > li.comments.right .report .nodgeopen { left: 0; right: auto; }
.flagPicture ul { margin: 0 0.75%; }
.flagPicture ul li { width: 48.5%; margin: 0 0.75% 1.5%; }
.flagContent .commentFileds .commentFiled textarea { width: 83%; }
.flagContent .commentFileds .commentFiled input { bottom: 5px; right: 10px; }
.mapAddressDiv h6 { font-size: 16px; line-height: 18px; }
.threeTypeIcons .topLinks { padding: 13px 0 0; }
.votePanel .voteStar { padding: 13px 0; }
.threeTypeIcons .topLinks ul li i { background-size: 322px auto; -webkit-background-size: 322px auto; -moz-background-size: 322px auto; -o-background-size: 322px auto; -ms-background-size: 322px auto; }
.threeTypeIcons .topLinks ul li i.icons1 { width: 32px; height: 34px; background-position: 0 -2px; }
.threeTypeIcons .topLinks ul li.loggedin.active:hover i.icons1, .threeTypeIcons .topLinks ul li.loggedin i.icons1 { background-position: 0 -108px; }
.threeTypeIcons .topLinks ul li:hover i.icons1, .threeTypeIcons .topLinks ul li.loggedin.active i.icons1 { background-position: 0 -2px; }
.threeTypeIcons .topLinks ul li.loggedin:hover i.icons1, .threeTypeIcons .topLinks ul li.loggedin.active:hover i.icons1 { background-position: 0 -52px; }
.threeTypeIcons .topLinks ul li i.icons2 { width: 32px; height: 34px; background-position: -54px -1px; }
.threeTypeIcons .topLinks ul li.loggedin.active:hover i.icons2, .threeTypeIcons .topLinks ul li.loggedin i.icons2 { background-position: -54px -107px; }
.threeTypeIcons .topLinks ul li:hover i.icons2, .threeTypeIcons .topLinks ul li.loggedin.active i.icons2 { background-position: -54px -1px; }
.threeTypeIcons .topLinks ul li.loggedin:hover i.icons2, .threeTypeIcons .topLinks ul li.loggedin.active:hover i.icons2 { background-position: -54px -51px; }
.threeTypeIcons .topLinks ul li i.icons3 { width: 34px; height: 34px; background-position: -177px -1px; }
.threeTypeIcons .topLinks ul li.loggedin.active i.icons3, .threeTypeIcons .topLinks ul li.loggedin.active:hover i.icons3, .threeTypeIcons .topLinks ul li.loggedin i.icons3 { background-position: -177px -107px; }
.threeTypeIcons .topLinks ul li:hover i.icons3 { background-position: -177px -1px; }
.threeTypeIcons .topLinks ul li.loggedin:hover i.icons3, .threeTypeIcons .topLinks ul li.loggedin.active:hover i.icons3 { background-position: -177px -51px; }
.threeTypeIcons .topLinks ul li i.icons4 { width: 32px; height: 34px; background-position: -112px -1px; }
.threeTypeIcons .topLinks ul li.loggedin.active i.icons4, .threeTypeIcons .topLinks ul li.loggedin.active:hover i.icons4, .threeTypeIcons .topLinks ul li.loggedin i.icons4 { background-position: -112px -107px; }
.threeTypeIcons .topLinks ul li:hover i.icons4 { background-position: -112px -1px; }
.threeTypeIcons .topLinks ul li.loggedin:hover i.icons4, .threeTypeIcons .topLinks ul li.loggedin.active:hover i.icons4 { background-position: -112px -51px; }
.threeTypeIcons .topLinks ul li i.icons5 { width: 32px; height: 34px; background-position: -237px -1px; }
.threeTypeIcons .topLinks ul li.loggedin.active:hover i.icons5, .threeTypeIcons .topLinks ul li.loggedin i.icons5 { background-position: -237px -107px; }
.threeTypeIcons .topLinks ul li:hover i.icons5 { background-position: -237px -1px; }
.threeTypeIcons .topLinks ul li.loggedin:hover i.icons5, .threeTypeIcons .topLinks ul li.loggedin.active:hover i.icons5 { background-position: -237px -51px; }
.counterNumberSec .countdownOnFlagPage { padding-bottom: 10px; }
.cunterAndTime p span { line-height: 20px; font-size: 16px; }
.countBox .countBoxval .icon2 { background-size: 12px auto; -webkit-background-size: 12px auto; -moz-background-size: 12px auto; -o-background-size: 12px auto; -ms-background-size: 12px auto; width: 12px; height: 12px; vertical-align: -1px; }
.countBox .countBoxval i { vertical-align: 0; }
.shareLinks .shareDiv.phoneIcon { background-size: 40px auto; -webkit-background-size: 40px auto; -moz-background-size: 40px auto; -o-background-size: 40px auto; -ms-background-size: 40px auto; min-height: 40px; background-position: 92% 50%; }
.flagSldier .slickItem { padding: 0 0.3%; }
.commProfileSec { margin: 0; }
.commProfileImg { margin: 10px auto; float: none; }
.commProfileSec:before { top: 0; }
.profileSlider { left: 36%; }
.listDivTitle { font-size: 20px; line-height: 20px; margin-bottom: 10px; }
.listDivItem { padding-left: 100px; height: 94px; line-height: 93px; }
.listDivItem .listDivLt { width: 106px; }
.listDivLt .listDivimg img { width: 75px; }
.friendsPopTab ul li { font-size: 20px; line-height: 54px; min-height: 60px; padding: 0 5px; }
.listDivContent span { padding: 0 5px; line-height: 26px; height: auto; margin: 0 2px 4px 0; }
.listDivimg .commProfileFrnd i, .listDivimg .commProfilePend i, .listDivimg .proMsgIcon i, .listDivimg .commProfileUnFrnd a, .listDivimg .commProfileAdd i { height: 32px; width: 32px; }
.listDivimg.MarkOnline:after, .listDivimg.MarkAway:after { bottom: 3px; right: 1px; }
.listDivimg .commProfileAdd, .listDivimg .commProfileFrnd, .listDivimg .commProfilePend, .listDivimg .commProfileUnFrnd { left: -8px; top: -4px; }
.newChannBanner .joinCaption h4 { font-size: 20px; line-height: 20px; }
.activStatus span{font-size: 16px;border-width: 2px;line-height: 30px;height: 34px;}
.activStatus {
  padding: 5px;
}
.threeTypeIcons .topLinks {
  padding: 5px 0 0;
}
.newUdateFlag .votePanel{
	padding: 0;
}
.voteStar .customRating span {
  margin: 0 8px 0 0;
}
.innerHeader .navigation ul li span, .navigation ul li.counter .icon6{
	margin: 3px auto 2px;
}
.newUdateFlag .interestText .countBox .countBoxName, .newUdateFlag .interestText .countBox .countBoxval {
  font-size: 12px;
  line-height: 32px;
}
.activStatus span{
	padding: 0 10px;
}
.mapaddLt {
  width: 70%;
}

.channelProfileList.totalusersAndflags ul{
  width: 50%;
}
.channelProfileList.totalusersAndflags ul li{
  font-size: 14px;
  line-height: 18px;
}
.channelProfileList.totalusersAndflags ul.chnanuserCounter li span,.channelProfileList.totalusersAndflags ul li span{
  font-size: 18px;
}
.newPageChannel .topContTitle,.proTitle{
  font-size: 20px;
  line-height: 20px;
}
.joinCaption .threeBtnsDiv .greenBtn{
  width: auto;
  height: 32px;
  line-height: 32px;
  margin: 0 0 0 5px;
  font-size: 16px;
}
.joinCaption .threeBtnsDiv .greenBtn i{
  width: 18px;
  height: 18px;
  background-size: 100% auto;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -ms-background-size: 100% auto;
  vertical-align: -3px;
}
.profileImg .profileImgIn {
  height: 138px;
  padding: 26px 0 0;
  position: relative;
  width: 110px;
}
.newPageChannel .inviteSearchList .invListLt {
  display: table-cell;
  vertical-align: middle;
  float: none;
}
.newPageChannel .inviteSearchList .invListRt {
  display: table-cell;
  vertical-align: middle;
  width: 80px;
  float: none;
}
.newPageChannel .inviteSearchList ul li {
  display: table;
}
.inviteSearchList .invListLt span {
  display: table-cell;
  vertical-align: middle;
}
.inviteSearchList .invUserImg{
  width: 60px;
}
.newPageChannel .inviteList .inviteSearchList .greenBtn {
  width: 100%;
}
.newPageChannel .inviteSearchList .invUserName {
  padding: 0 0 0 10px;
}
.subcribeChanel.similarChannBlock .subcribeChanelLsit ul li > * {
  display: table-cell;
  vertical-align: middle;
  float: none;
}
.subcribeChanel.similarChannBlock .subcribeChanelLsit ul li{
  display: table;
}
.subcribeChanel.similarChannBlock .subcribeChanelLsit ul li .userDesc{
  padding-left: 10px;
}
.subcribeChanelLsit ul li .userImg img{
  height: auto;
}
.blockBoxTitle,.subcribeChanel .blockSimiTitle{
  font-size: 20px;
}
.newPageChannel .subChannTitle{
  font-size: 18px;
}
.actionTitle{
  font-size: 14px;
}
.joinGroupsList ul li a > img {
  height: 180px;
  max-width: none;
  width: auto;
}
.profileSlider{
  width: 220px;
  left: 22%;
}
.showAndload{
  width: 100%;
  height: auto;
}
.showAndload span{
  display: block;
  text-align: center;
}
.blockBoxContent .flagContent .commentFileds .commentFiled input{
  right: 0;
}
.blockBoxContent .flagContent .commentFileds .commentFiled textarea{
  width: 82%;
}
.friendsPopup .friendsPopupDiv, .filterPopup .filterPopupDiv, .defaultPopup .defaultPopupDiv{
  top: 52%;
}
.joinCaption .threeBtnsDiv .joinSec .greenBtn.forjoinpush{
  min-width: 70px;
}
.channelBanTitle {
  font-size: 20px;
  line-height: 20px;
}
.newPageChannel .commProfileAdd, .newPageChannel .commProfileFrnd, .newPageChannel .commProfilePend, .newPageChannel .commProfileUnFrnd {
  left: 0;
  top: 19px;
}
.profileImg .commProfileFrnd i, .profileImg .commProfilePend i, .profileImg .proMsgIcon i, .profileImg .commProfileUnFrnd a, .profileImg .commProfileAdd i {
  height: 38px;
  width: 38px;
}
.contributorsDiv .listDivItem {
  padding-left: 140px;
}
.contriCounter {
  font-size: 20px;
  left: 16px;
  line-height: 20px;
}
.contributorsDiv .listDivItem .listDivLt {
  left: 50px;
  width: 76px;
}
.listAdded {
  font-size: 16px;
  line-height: 16px;
  padding-bottom: 6px;
}
.listDivContent span{
  font-size: 11px;
  margin: 0;
}
.listMember i{
  vertical-align: 4px;
  height: 18px;
}
.contributorCont .listDivTitle{
  margin-bottom: 4px;
}
.listDivContent span.listLocation i{
  height: 18px;
  width: 14px;
}

.searchFilt {
  width:76%;
}
.searchSubmit {
  width: 22%;
}
.memberListDiv .channelProfileList ul li img{
  height: auto;
}
.footerIn > ul{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  flex-flow: wrap;
  justify-content: center;
}
.footerIn ul li.fooParent {
  width: 100%;
  margin: 0;
  order: -1;
}
.footerIn ul li ul li{
  line-height: 11px;
}
.footerIn ul li a{
  display: inline-block;
  vertical-align: top;
}
.fooSubMenu{
  padding: 0 0 6px;
  width: 100%;
  position: static;
  display: block;
  text-align: center;
}
.footer{
  position: static;
}
.brandFooter{position: fixed;left: 0;right: 0;bottom: 0;}
.brandFooter .footerIn ul li:first-child{margin-left: 0;}
.brandFooter .footerIn{
  float: none;
}
.newPageDiv, .CMS{
  padding: 0;
}
.footerIn{
  padding: 20px 0;
}
.copyRight{
  padding: 0 0 10px;
}
.cookiesBtsSec .greenBtn{
  padding: 0;
  width: 54px;
}
.topCookiesSec{
  padding-right: 1rem;
}
.cookiesBtsSec .greenBtn{
  position: relative;
}
.cookiesBtsSec .greenBtn:after{
  content: "";
  position: absolute;
  left: -1rem;
  right: -1rem;
  top: -1rem;
  bottom: -1rem;
}
.flagProfileInfo{
  width: 6rem;
  left: 10px;
}
.newChannBanner .joinCaption.flagBanCap {
  padding-top: 0.625rem;
}
.brandHeader {
  z-index: 9999999999;
}
}
@media only screen and (max-width : 360px) {
.mobileDiv.android{
  transform: scale(0.85) translate(0,42px);
  -webkit-transform: scale(0.85) translate(0,42px);
  -moz-transform: scale(0.85) translate(0,42px);
  -o-transform: scale(0.85) translate(0,42px);
  -ms-transform: scale(0.85) translate(0,42px);
}
}
@media only screen and (max-width : 340px) {
.landingFilter .filterBox, .distanceSlider { width: 49%; }
.flagEventsDtls .eventsDtlsLt { width: 50%; }
.flagEventsDtls .eventsDtlsRt { width: 50%; }
.flagTabLinks ul li { font-size: 20px; }
.genInfo {
  margin-bottom: 20px;
  width: 100%;
}
.genInfo:last-child{
  margin: 0;
}
.joinBtmpart .userImg img {
  margin: 0;
  width: 40px;
}
.smartBannerContent .smartLt p{
  font-size: 14px;
  line-height: 16px;
}
.smartBannerPan .smartBannerContent .smartRt a{
  font-size: 14px;
  line-height: 14px;
}
}