@media (max-width: 768px) {
	body, html {
		overflow: hidden;
	}
	nav#navbar,#bottom_button,#header-sticky-wrapper {
		display: none;
	}
	#main {
    height: 100%;
    padding-top: 0;
	}
	.container {
	    width: 100%;
	    padding: 0;
	    margin-right: auto;
	    margin-left: auto;
	}
	div#my_area  div#my_video {
		position: absolute;
		height: 150px!important;
		bottom: 2px;
		width: 84px;
		left: 1px;
		z-index: 2;
		margin:0!important;
	}
	div#main_area {
		height: 100%;
	}
	div#remote_area {
		height: calc(100%);
		margin: 0;
	}
	#main_area .col-md-8 {
		height: calc(100% - 90px);
	}
	div#mobil_toolbar {
	    width: 100%;
	    height: 58px;
	    display: block;
	    background: white;
	    border: 1px solid #c1c1c1;
	    position: relative;
	}
	img#finding_user {
	    height: 100%;
	    width: 100%;
	    border-radius: 10px;
	    object-fit: cover;
	}
	div#c_chat_area {
		position: absolute;
		width: 100%;
	}
	div#c_input_area {
		display: none;
	}
	div#my_area .row .col-md-6 {
		height: 0;
	}
	div#my_area {
	    height: 350px;
	    position: absolute;
	    bottom: 0;
	    width: 100%;
	}
	div#bottom_button {
		display: none;

	}
	span.material-icons {
	    float: left;
	    padding-right: 0;
	    cursor: pointer;
	}
	div#camera_op,div#sound_op {
		display: none;
	}
	button#invite {
		margin-right: 10px;
	}
	button#find_new {
		margin-left: 10px;
	}
	span#m_memu {
		line-height: 42px;
		margin-left: 15px;
		font-size: 33px;
		color: #9b9b9b;
	}

	span#m_chat {
		float: right;
		margin-right: 15px;
		font-size: 31px;
		color: #9b9b9b;
		line-height: 42px;
	}

	div#m_tool_orta_ust {
		height: 30px;
		margin-top: 3px;
		float: left;
		width: calc(100% - 82px);
		margin-left: 27px;
		border: 1px solid #e1e1e1;
		border-radius: 20px;
	}

	div#m_tool_orta_ust span {
		line-height: 28px;
		width: 33.33%;
		text-align: center;
		color: #e1e1e1;
		border-radius: 20px;
	}

	span#m_cagri {
	}

	span#m_profile {
	}

	span#m_cagri.active {
		background: rgb(2,0,36);
		background: linear-gradient(90deg, #ff344a 0%, #ffad42 100%);
		color: white;
	}

	span#m_profile.active {
		background: rgb(2,0,36);
		background: linear-gradient(90deg, #00d357 0%, #00edff 100%);
		color: white;
	}

	span#m_favori.active {
		background: rgb(2,0,36);
		background: linear-gradient(90deg, #21abff 0%, #32f7ec 100%);
		color: white;
	}
	span#m_mail.active {
		background: rgb(2,0,36);
		background: linear-gradient(90deg, #135f84 0%, #32f7ec 100%);
		color: white;
	}
	div#m_tool_orta_alt {
	    height: 20px;
	    position: absolute;
	    bottom: 0;
	    width: 100%;
	}

	div#mynick2 {
	    float: left;
	    width: 100px;
	    border: 1px solid #e1e1e1;
	    height: 20px;
	    line-height: 20px;
	    border-radius: 10px;
	    font-size: 12px;
	    white-space: nowrap; 
		overflow: hidden;
		text-overflow: ellipsis;
	}

	#mynick2 img {
	    height: 18px;
	    padding-left: 10px;
	}

	div#mycredit2 {
	    float: left;
	    width: calc(100% - 202px);
	    border: 1px solid #e1e1e1;
	    height: 20px;
	    line-height: 20px;
	    border-radius: 10px;
	    text-align: center;
	}

	div#mycredit2 img {
	    height: 18px;
	    float: left;
	    padding-left: 10px;
	}

	div#total_credit2 {
	    float: left;
	    font-size: 10px;
	    width: calc(100% - 30px);
	    font-size: 12px;
	}

	div#credit-load2 {
	    float: left;
	    height: 20px;
	    line-height: 20px;
	    font-size: 12px;
	    border: 1px solid #e1e1e1;
	    width: 102px;
	    border-radius: 10px;
	    text-align: left;
	}
	div#credit-load2 span {
		line-height: 18px;
		color: orange;
		padding-left: 9px;
	}

	div#m_b_next {
		border-top-left-radius: 50px;
		border-top-right-radius: 50px;
		height: 57px;
		width: 50px;
		background: #f1f1f1;
		float: left;
		position: absolute;
		bottom: 0px;
		left: calc(50% - 25px);
	}

	div#m_b_next span {
		height: 50px;
	    width: 50px;
	    text-align: center;
	    background: #7f66ff;
	    border-radius: 50px;
	    line-height: 50px;
	    color: white;
	    position: relative;
	}


	span#m_b_chat {
	    width: calc(25% - 12.5px);
	    margin-top: 15px;
	    background: #f1f1f1;
	    text-align: center;
	    height: 35px;
	    line-height: 35px;
	    color: #bbbbbb;
	}

	span#m_b_voice {
	    width: calc(25% - 12.5px);
	    margin-top: 15px;
	    background: #f1f1f1;
	    text-align: center;
	    height: 35px;
	    line-height: 35px;
	    color: #bbbbbb;
	}

	span#m_b_cam {
	    width: calc(25% - 12.5px);
	    margin-top: 15px;
	    background: #f1f1f1;
	    text-align: center;
	    height: 35px;
	    line-height: 35px;
	    color: #bbbbbb;
	    margin-left: 50px;
	}

	span#m_b_next_pro {
	    width: calc(25% - 12.5px);
	    margin-top: 15px;
	    background: #f1f1f1;
	    text-align: center;
	    height: 35px;
	    line-height: 35px;
	    color: #bbbbbb;
	}
	
	span#m_b_next_pro img {
	    height: 30px;
	    -webkit-animation-name: fadeIn;
		-webkit-animation-duration: 3s;
		animation-name: fadeIn;
		animation-duration: 3s;
		animation-iteration-count:infinite;

	}
	div#mobil_bottom {
		position: absolute;
		display: block;
		bottom: -3px;
		width: 100%;
		z-index: 2;
	}
	@-webkit-keyframes fadeIn { 
	  0% { opacity: 0.5; }
	  25% { opacity: 0.75; }
	  50% { opacity: 1; }
	  75% { opacity: 0.75; }
	  100% { opacity: 0.5; }
	}

	@keyframes fadeIn {
	  0% { opacity: 0.5; }
	  25% { opacity: 0.75; }
	  50% { opacity: 1; }
	  75% { opacity: 0.75; }
	  100% { opacity: 0.5; }
	}


	div#yan_bar {
	    position: absolute;
	    width: 100%;
	    max-width: 100%!important;
	    margin: 0px!important;
	    background: #2d4865;
	    display: none;
	    z-index: 5;
	}

	div#populer_uye,div#genel_chat,div#g_tablar,div#g_chat_bottom {
		display: none;
	}
	div#genel_chat {
		height: 100%;
	}
	div#g_chat_area {
	    height: calc(100% - 124px);
	}

	div#current_chat {
	    height: 150px!important;
	    width: 100%;
	    position: absolute;
	    max-width: 100%!important;
	    bottom: 100px;
	    opacity: 0.7;
	    background: transparent;
	}

	p.syslog {
	    width: 100%;
	    text-align: center;
	}
	#m_inputlarim {
		display: none;
		height: 40px;
		position: absolute;
		bottom: 0;
		width: 100%;
	}

	div#m_inputlarim input {
		width: 100%;
		height: 100%;
		padding-left: 10px;
		padding-right: 48px;
	}

	span#mobil_mesaj_hide {
		position: absolute;
		right: 0;
		z-index: 1;
		color: black;
		bottom: 0;
		height: 40px;
		width: 40px;
		text-align: center;
		line-height: 40px;
		background: #d2d2d2;
		border-radius: 40px;
	}

	video#remote_vid,video#myvideo_cont {
		    object-fit: contain;
	}
}