.card .form-control[type="file"] { height: auto;}
#pay-invoice .text-danger { min-width: 100%;}

@media screen and (max-width: 1560px){
	.post-item img { float: left;}	
}
@media screen and (max-width: 1400px){
	
}
@media screen and (max-width: 1280px){
	.main_title br { display: none;}
	.main_title { font-size: 30px;}
	.post-item img { max-width: 100%;}
	.bg_all { background-position: left center !important;}	
	h2.no-margin-top { font-size: 35px;}
	span.big_font { font-size: 35px;}
	.post-item2 ul li, .post-item2 ul li:last-child { padding: 20px 20px;}
	input.input-text.email { width: 185px; padding-left: 35px; font-size: 14px; background-position: 10px 15px;}
	button.submit-btn { font-size: 14px;}
	.menutoggle { margin: -2px 20px 0 -53px;}
	.navbar .navbar-nav li > a .menu-icon { width: 20px;}
	aside.left-panel { padding: 0 10px;}
	.menutoggle { margin: -2px 20px 0 -44px;}
	.right-panel .page-header { padding: 0;}
	.col-6 { width: 100%; flex: 0 0 100%; max-width: 100%;}
	#payment-button { margin: 20px auto 0;}
	.card .form-control[type="file"] { height: auto;}
	
	.ldr-img { width: 45px; height: 45px;}
}
@media screen and (max-width: 980px){
	h2.no-margin-top { font-size: 28px;}
	input.input-text.email { width: 100%; border-radius: 3px;}	
	button.submit-btn { width: 100%; border-radius: 3px; margin: 10px auto 0;}
	.main_footer h5 { font-size: 15px;}
	.profile-left { max-width: 30%; flex: 0 0 30%;}
	.profile-content { max-width: 70%; flex: 0 0 70%;}
	.table thead th { padding: 10px 10px; font-size: 13px; min-width: 100px;}
	.table td { font-size:13px;}
	.right-panel .page-header.right-search { width: 100%; max-width: 380px;}
	.right-widget .title { font-size: 15px; padding: 10px 10px 10px 10px;}
	.stat-widget-four .stat-heading { font-size: 16px;}
	.leaders .name { margin: 0;}
	.ldr-img {}
	.lead-sec .leaders .text-right { text-align: left !important;}
	.reward-col { border:0; padding: 10px 15px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 10px auto;}
	.top-section { margin: 20px auto 0}
}
@media screen and (max-width: 767px){
	.hero-area .block h1 { font-size: 35px; margin-top: 20px;}
	.middle_contnent { padding: 40px 0;}
	.main_title { margin-bottom: 40px; font-size: 25px;}
	.middle_contnent2 { padding: 40px 0;}
	h1.tilte_2 { font-size: 70px;}
	.border_class { padding: 10px 20px; margin: 0 auto 20px;}
	.post-item img { float: none;}
	.bg_all { padding: 35px 0;}
	.contact-us-sec .heading { margin-bottom: 20px !important;}
	.cta { padding: 0;}
	h2.no-margin-top { margin: 20px auto !important;}
	.content-bottom-widgets { padding-top: 60px; padding-bottom: 60px;}
	.main_footer .logo img { max-width: 100%;}
	.container { max-width: 95%;}
	.table thead th { padding: 10px 10px; font-size: 13px; vertical-align: middle;}
	.table td { font-size:13px;}
	.card .card-header strong { margin: 0;}
	.profile-content { margin-top: 20px;}
	.navbar .navbar-brand img { width: 100px;}
	aside.left-panel .navbar .navbar-brand { margin: 0 auto;}
	aside.left-panel { padding: 0 10px 0px;}
	aside.left-panel .navbar .navbar-toggler { font-size:28px;color:#fff;}	
	.profile-left { max-width: 100%; flex: 0 0 100%;}
	.profile-content { max-width: 100%; flex: 0 0 100%;}
	.right-panel .page-header h1 { font-size: 15px;}
	.user-area .user-avatar { margin: 0;}
	.breadcrumbs { font-size: 14px;}
	.user-area .user-menu .nav-link { font-size: 12px; line-height: 18px;}
	.navbar .navbar-nav li.menu-item-has-children .sub-menu { padding-left: 10px;}
	.table thead th { padding: 7px 5px;}
	.card-body label { font-size:14px;}
	.content .card .card-body { overflow: auto;}
	.open aside.left-panel .navbar .navbar-nav li.menu-item-has-children .sub-menu { right: -210px; width: 200px;}
	.navbar .navbar-nav li.menu-item-has-children .sub-menu i { left: 5px; top: 10px;}
	#edit_leaderboard .form-group.col-4 { width: 100%; max-width: 100%; flex: 0 0 100%;}
	.table thead th.desc { min-width: 400px;}
	.table thead th.assmt { min-width: 300px;}
}
@media screen and (max-width: 567px){
	.hero-area .block h1 { font-size: 29px; margin-top: 20px; line-height: normal;}
	.text-thin br { display: none;}
	.hero-area { height: 50vh;}
	h1.tilte_2 { font-size: 50px;}
	p.para_Cala { font-size: 20px; line-height: normal;}
	.bottom_content { padding: 50px 0;}
	.bg_all { background-position: center center !important;}
	.contact-us-sec .form-group { width: 100%; margin: 0 0%; padding: 20px 20px 0;}
	.contact-us-sec .form-group label { font-size: 15px;}
	.contact-us-sec h2.no-margin-top { font-size: 35px; margin-top: 30px !important;}
	.main_footer { padding-top: 50px;}
	.text-right.socials { text-align: left !important; padding: 0px 0 10px;}
	.navbar-dark .navbar-nav .nav-link { padding: 10px 10px;}
	.nav-link.join-usbutton { padding: 10px 20px !important; width: auto; display: inline-block;}
	.register-link { margin: 20px auto 0;}
	.card .card-header strong { margin: 0;}
	.right-panel header.header { padding: 10px 20px 10px 5px;}
	.main-menu .navbar-nav { float: left; width:100%;}
	.main-menu, aside.left-panel { float: left; width:100%;}
	.breadcrumbs { font-size: 14px;}
	.right-panel .breadcrumbs .page-header h1  {}
	.breadcrumbs .col-sm-4 { float: left; display: inline-block; width: auto;}
	.breadcrumbs .col-sm-8 { float: right; display: inline-block; width: auto; margin: 3px auto 0;color: #898989;}
	.form-control[name="month"], .form-control[name="year"] { width: 48%; margin: 10px auto 0;}
	.form-control[name="month"] { float: left;}
	.form-control[name="year"] { float: right;}
	.row.form-group { margin: 0 -10px;}
	.animated .row { margin: 0;}
	#pay-invoice .card-body { padding: 0;}
	#pay-invoice form > .row .col-6 { padding: 0;}
	.right-panel .content .row div[class*="col"] { padding: 0;}
	.card.results .card-title { font-size:14px;}
	.btn, button { font-size: 14px;}
	.modal-body { float: left; width: 100%; padding: 0;}
	.right-panel .content .row div.form-group.col-4 { width: 100%; max-width: 100%;}
	.card-footer  .btn.btn-primary  { display: inline-block; margin: 0 auto 10px; width: 100%;}
	.profile-left figure { text-align: center;}
	.profile-left figure img { float: none; display: inline-block; width: auto; max-width: 200px;}
	.leaderboard-sec .lead-sec, .right-widget { width: 100%; max-width: 100%; flex: 0 0 100%; margin: 30px auto 0;}
	.lead-sec .leaders { padding: 12px 0;}
	.ldr-img { width: 100px; height: 100px;}
	.leaderboard-sec .top-row { text-align: center;}
	.form-control { font-size: 14px;}
	.breadcrumbs .search-bar-right { width: 100%;}
	.page-header .search-btn { height: 100%; top:0;}
	.dep-alert.alert-danger { margin: 10px auto; max-width: 98%;}
	.input-group-addon { margin-right: -5px;}
	.cc-cvc + .input-group-addon { margin-right: 0px; margin-left: -5px;}
	.login-form h2 { font-size: 25px;}
}
@media screen and (max-width: 370px){
	
}
