@media only screen and (min-width: 768px) and (max-width: 1192px) {
	.banner .tmt-form {
		width: cal(100%-100px);
		margin: 0 30px;
	}

}
@media only screen and (max-width: 320px) {
	div.profile-stats {

		bottom: -200px;
		
	}
}
@media only screen and (max-width: 360px) {
	.audio {
    margin: 11px 0 0 43px !important;
}
	div.profile-stats {

		bottom: -270px;
		/*padding: 129px 15px 15px 31px;*/
		padding: 175px 3px 15px 8px;
	}
	#header h1 {
		margin: 247px auto !important	;
		text-align: center;
	}
	.profile-inormation-page {
		padding-top: 216px;
	}
}

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

	#header h1 {
		margin: 195px auto;
		text-align: center;
	}

	div.profile-stats ul li {
		margin-right: 10px;
		text-align: center;
	}
	.header-layout-2 .head-middle {
		position: relative;
		top: 5px;
		margin: 0 auto;
	}
	.header-layout-2 .navbar-right {
		margin-right: 0px;
	}
	.header-layout-2 ul {
		text-align: left;
	}
	.banner.archive form span.input-text {
		padding: 0px 10px 10px;
	}
	.banner.archive form input[type="text"] {
		margin: 0 auto;
		width: 100%;
	}
	.banner.archive form span.input-text::before {
		top: 4px;
	}
	.banner h1 {
		text-transform: capitalize;
		font-family: 'Roboto', sans-serif;
		padding-bottom: 18px;
	}
	.banner form {
		margin: 0px auto 40px;
	}
	.banner form h2 {
		font-size: 18px;
	}
	.tmt-form {
		margin-top: 20px;
	}
	.navbar-header button {
		font-size: 13px;
		font-weight: bolder;
	}
	.navbar-header button i {
		font-size: 32px;
		display: block;
		color: #6FC4FF;
		padding-bottom: 0px;
		margin-bottom: 0px;
		line-height: 22px;
	}
	.nav {
		text-align: right;
		background: #ffffff;
	}
	.nav > li {
		background: #ffffff;
	}
	.nav > li > a {
		padding: 10px 12px;
	}

	.navbar-toggle {
		margin: 0px;
	}
	.head-main h4 {
		font-size: 11px;
	}
	.head-middle {
		position: absolute;
		top: 100px;
		background: transparent;
		width: 100%;
		margin: 0 -30px 0 -15px;
		text-align: center;
	}
	.head-middle img {
		width: 60%;
	}
	.banner form input, .banner form select {
		margin: 10px;
	}
	.banner form input[type="text"], .banner form select {
		width: 95%;
	}
	.banner {
		padding-top: 100px;
	}
	.form-inline span {
		display: block;
	}
	.banner.clearfix.archive.profile-page {
		padding-bottom: 50px;
	}
}