/* 
 * 	Responsive CSS File
 *	v1.0
 */

/* clearfix */

@media (min-width: 1370px) {
	
}

@media (max-width: 1600px) {
	body {font-size: 14px;}
	table.dataTable td, table.dataTable th {font-size: 16px;}
	.chart-sub-tabs li a {padding: 7px 16px;}
	.statistics .stat-text {font-size: 16px;line-height: 20px;}
	.statistics-icon {margin-right: 10px;width: 40px;height: 40px;}
	.blog-detail .profile-thumb {height: 45px; width: 45px;}
	.blog-detail > .d-flex.blog-point {flex-direction: column !important;align-items: flex-start !important;}
	.blog-detail .blog-point ul {margin-bottom: 10px;}
	.review-main-detail {max-width: 180px;}
	.detail-page .blog-detail p {font-size: 18px;}
	.blog-detail-point li span {font-size: 18px;}
	.detail-page .blog-detail .blog-point li span {font-size: 18px;}

}

@media only screen and (min-width: 1200px) and (max-width: 1350px) {
	.col-xl-small-6 {
		flex: 0 0 50%;
	    max-width: 50%;
	}
	.col-xl-small-12 {
		flex: 0 0 100%;
	    max-width: 100%;
	}

	.user-walk-chart .chart-container {
	    min-height: 258px;
	}
	.card.user-walk-chart {
	     height:auto; 
	}
	.connections-chart .chart-container {min-height: 1px;}

	.order-progess-1 {
		display: none;
	}
	.order-progess-2 {
	    display: block;
	}
}

@media (min-width: 1230px) {
	.container {
		width: 1200px;
		max-width: 100%;
	}

}

@media (min-width: 1200px) {
	.header-right-link > ul > li.order-online {
		margin-top: 5px;
	}
	.container {padding: 0 15px;}
}

@media (max-width: 1199px) {
	.float-none-lg {
		float: none !important;
	}
	.float-left-lg {
		float: left !important;
	}
	.float-right-lg {
		float: right !important;
	}
	.show-item {
	    width: 100%;
	    margin-top: 20px;
	}

	.container {
		padding: 0 15px;
	}
	.connections-chart .chart-container {min-height: 1px;}

	.blog-detail > .d-flex.blog-point {flex-direction: row !important;align-items: center !important;}
	.blog-detail .blog-point ul {margin-bottom: 0px;}
}

@media (min-width: 992px) {
	.sidebar_minimize .sidebar {
	    left: -174px;
	    transition: all 0.6s ease 0s;
		-moz-transition: all 0.6s ease 0s;
		-webkit-transition: all 0.6s ease 0s;
		-o-transition: all 0.6s ease 0s;
	}
	.hero.sidebar_minimize {
		padding-left: 0px;
		transition: all 0.6s ease 0s;
		-moz-transition: all 0.6s ease 0s;
		-webkit-transition: all 0.6s ease 0s;
		-o-transition: all 0.6s ease 0s;
	}

	.page-inner {
	    padding-right: 2rem;
	    padding-left: 2rem;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	ul.app-btn-main li:first-child {
	    margin-right: 30px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.login-detail {
	    padding: 0 30px;
	    max-width: 660px;
	}
}

@media (max-width: 991px) {
	.center-md {
		text-align: center !important;
	}
	.float-none-md {
		float: none !important;
	}
	.float-left-md {
		float: left !important;
	}
	.float-right-md {
		float: right !important;
	}
	.ptb-md-0 {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.pt-md-0 {
		padding-top: 0px;
	}
	.pb-md-0 {
		padding-bottom: 0px;
	}
	.ptb-md-15 {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.pt-md-15 {
		padding-top: 15px;
	}
	.pb-md-15 {
		padding-bottom: 15px;
	}
	.ptb-md-30 {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.pt-md-30 {
		padding-top: 30px;
	}
	.pb-md-30 {
		padding-bottom: 30px;
	}
	.ptb-md-60 {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.pb-md-60 {
		padding-bottom: 60px;
	}
	.pt-md-60 {
		padding-top: 60px;
	}
	.ptb-100 {
	    padding-top: 65px;
	    padding-bottom: 65px;
	}
	.pt-100 {
	    padding-top: 65px;
	}

	.pb-100 {
	    padding-bottom: 65px;
	}

	.pt-60 {
		padding-top: 45px;
	}
	.mt-60 {
		margin-top: 45px;
	}
	.mb-60 {
		margin-bottom: 45px;
	}
	.mtb-md-30 {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.mt-md-30 {
		margin-top: 30px;
	}
	.mb-md-30 {
		margin-bottom: 30px;
	}
	.mtb-md-15 {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.mt-md-15 {
		margin-top: 15px;
	}
	.mb-md-15 {
		margin-bottom: 15px;
	}

	h2.main_title {
		font-size: 35px;
	}

	.main-header {
	    padding: 25px 0;
	}

	.hero {
		padding-left: 0px;
		transition: all 0.5s ease 0s;
	    -moz-transition: all 0.5s ease 0s;
	    -webkit-transition: all 0.5s ease 0s;
	    -o-transition: all 0.5s ease 0s;
	}
	.hero.sidebar_minimize {
		padding-left: 100px;
		transition: all 0.6s ease 0s;
	    -moz-transition: all 0.6s ease 0s;
	    -webkit-transition: all 0.6s ease 0s;
	    -o-transition: all 0.6s ease 0s;
	    margin-right: -100px;
	}
	.sidebar-left {width: 100px;left: -100px;}
	.sidebar_minimize .sidebar {
	    left: 0px;
	    transition: all 0.6s ease 0s;
	    -moz-transition: all 0.6s ease 0s;
	    -webkit-transition: all 0.6s ease 0s;
	    -o-transition: all 0.6s ease 0s;
	}

	.profile-sm {width: 50px; height: 50px;}
	.navbar-expand-lg .navbar-nav .dropdown-menu {
	    position: absolute;
	}
	.navbar-expand-lg .navbar-nav {
	    -ms-flex-direction: row;
	    flex-direction: row;
	}
	.page-inner {
	    padding-right: 1rem;
	    padding-left: 1rem;
	}

	/* Contant */
	.heading-part > span {font-size: 16px;}
	.login-detail .heading-part {padding-bottom: 30px;margin-bottom: 30px;}
	.login-detail .heading-part h2.heading {font-size: 22px;margin-bottom: 15px;}
	.banner-detail-inner span {font-size: 20px;}

	/* Header */
	header {
		padding: 15px 0;
		-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
		-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
		-o-box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
		box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
	}

	.search-container input[type="text"] {
	    font-size: 30px;
	    padding: 0;
	    font-weight: 500;
	}


	.banner-detail .subtitle2 {
		background: #75B69C;
		letter-spacing: 3px;
		padding-right: 10px;
	}
	.banner-detail .subtitle2 .part1 {
		padding-left: 10px;
	}

	.banner {
	    margin-top: 60px;
	}

	.inner-banner {
		padding: 60px 0;
	}

	.navbar-brand img {
		height: 30px;
	}

	.header-right-link > ul > li {
		padding: 5px 0;
		margin: -5px 0;
	}
	
	/* banner css start */
	.banner-detail {
		text-align: center;
	}
	.banner-main-img {
		float: none;
		display: inline-block;
	}
	/* banner css end */


	/*  blog page css start */
	.blog-listing .sidebar .recent-post .recent {margin-bottom: 20px;}
	.blog-listing .sidebar .recent-post .recent:last-child {margin-bottom: 0px;}
	.blog-listing .sidebar .sidebar-default .searching input {height: 50px;}
	.blog-listing .sidebar .sidebar-default .searching i {padding: 16px;}
	/*  blog page css end */

	/* footer css */
	.footer-static-block {
		margin-bottom: 30px;
	}

}

@media (min-width: 768px) {
	.footer-static-block .footer-block-contant {
		display: block !important;
	}
}

@media (max-width: 767px) {
	.float-none-sm {
	    float: none !important;
	}
	.mtb-sm-30 {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.mt-sm-30 {
		margin-top: 30px;
	}
	.mb-sm-30 {
		margin-bottom: 30px;
	}

	.mtb-sm-20 {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.mt-sm-20 {
		margin-top: 20px;
	}
	.mb-sm-20 {
		margin-bottom: 20px;
	}

	h2.main_title {
	 	font-size: 30px;
    	line-height: 35px;
	}

	.banner-detail .banner-detail-inner img {height: 100px;}
	.banner-detail .banner-detail-inner .banner-title {font-size: 40px;line-height: 50px;}
	.ser-title {font-size: 25px;line-height: 30px;}
	.input-group {margin-bottom: 15px;}
	.vertical-logo {max-width: 150px;margin-bottom: 30px;}
	.main-header .dropdown {position: initial;}
	.notif-box, .messages-notif-box {width: 100%; right: 0px !important;}

	/* breadcrumb css start */
	.inner-banner-part .inner-banner-content {
	    padding: 30px 0;
	}
	/* breadcrumb css end */
	
	/* Blog detail css strat */
	.blog-detail-part .detail-title .head-two{font-size: 16px;}
	.blog-detail-part .detail-title p:nth-of-type(2){margin-top: 20px;}
	.blog-detail-part .detail-title .tag-text{font-size: 15px;}
	.blog-detail-part .detail-title .detail-tags span{padding-left: 3px;}
	.blog-detail-part .comment-part .head-three{margin-top: 0;margin-bottom: 15px;}
	.blog-detail-part .leave-comment-part{padding-top: 50px;}
	.blog-detail-part .leave-comment-part .form-group .form-control{height: 45px;margin-bottom: 20px;}
	.blog-detail-part .leave-comment-part form .btn.comment{width: 140px;height: 44px;font-size: 13px;}
	.detail-page .blog-point .point-icon {height: 38px;width: 38px;}
	.blog-point .point-icon img {height: auto;}
	.blog-detail-point li span {font-size: 14px;}
	.rating-summary-block .rating-result:before, .rating-summary-block .rating-result > span:before {font-size: 16px;height: 16px;line-height: 16px;}
	.blog-detail-point li {margin-right: 10px;}
	.detail-page .blog-detail .blog-point li span {font-size: 14px;}
	.detail-page .blog-detail .profile-thumb {height: 60px;width: 60px;}
	/* Blog detail css end */
}

@media (max-width: 650px) {
	h2.main_title {
	    font-size: 26px;
	    line-height: 30px;
	}
}

@media (max-width: 575px) {
	h1 {font-size: 20px;}
	h3 {font-size: 18px;}
	.float-xs-none {float: none;}
	.ptb-100 {
	    padding-top: 50px;
	    padding-bottom: 50px;
	}
	.pt-100 {
	    padding-top: 50px;
	}
	.pb-100 {
	    padding-bottom: 50px;
	}
	.btn, button {padding: 18px 25px;font-size: 16px;letter-spacing: -0.5px;}
	ul.sidebar-navigation li a .line {height: 40px;}

	/* Header css */
	.header-right-link > ul > li > a {
		padding: 0px 5px;
	}
	.profile-sm {width: 35px;height: 35px;}
	.profile-pic span {display: none;}
	.nav-toggle button {padding-right: 10px;}
	/*.notif-box, .messages-notif-box {width: 280px;}*/
	/* Header css */

	.banner-detail .banner-detail-inner .banner-title {font-size: 30px;line-height: 40px;letter-spacing: -0.8px;}
	.login-detail {
	    padding: 0 30px;
	    max-width: 660px;
	}
	.card-header.no-background > .d-flex {flex-direction: column;}
	.chart-tabs li a {font-size: 13px;}
	.daily-card .number {font-size: 38px;line-height: 50px;}
	.daily-card h3 {white-space: nowrap;}
	.blog-detail > .d-flex.blog-point {flex-direction: column !important;align-items: flex-start !important;}
	.blog-detail .blog-point ul {margin-bottom: 10px;}
	div.dataTables_wrapper div.dataTables_filter { text-align: left; }
	.dataTables_length > label, .dataTables_filter > label {width: 100%;}
	div.dataTables_wrapper div.dataTables_length label {display: flex;align-items: center;justify-content: space-between;}
	.blog-point .point-icon {width: 25px; height: 25px;}
	.blog-point li {margin-right: 5px;}
	/*.detail-page .blog-point li span {font-size: 11px;}*/
	.detail-page .blog-item .col-xl-6 > .blog-detail > .d-flex.mb-20 {-ms-flex-direction: column!important;flex-direction: column!important;}
}

@media (max-width: 419px) {
	.main-title h1 {
	    margin-bottom: 0;
	    max-width: 160px;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	}
	h2.main_title {
	    font-size: 22px;
	    line-height: 30px;
	}

	.login-detail {
	    padding: 0 15px;
	    max-width: 630px;
	}
	.banner-detail-inner span {font-size: 14px;}
	.blog-detail-point {
		-ms-flex-direction: column!important;
	    flex-direction: column!important;
	}
	.blog-detail-point li {margin-bottom: 20px;}
	.detail-page .blog-point .point-icon {height: 30px;width: 30px;}
	.detail-page .blog-point .point-icon img {height: 14px;}
	.blog-detail .blog-point li span {font-size: 11px !important;}
	.extra-btn-part li a {font-size: 13px;padding: 13px 18px;}
}