@media (max-width:1680px){
  .slider_bottom { margin-bottom: -60px; }
}
@media (max-width:1440px){
  .white_box h2 {font-size: 2.5rem;}
}
@media (max-width:1280px){
.ps-inner-page{padding-top: 50px;}
}
@media (max-width:1199px){
.container {max-width: 100%; padding: 0 25px;}
}



@media (max-width:1199px){

.dashboard_page .logo_bar{padding-top: 15px;}
.dashboard_page .logo{text-align: center;}
.dashboard_page body{overflow-x: hidden;}

/* mobile menu css start */
.dashboard_page header{position: relative; padding: 0;}
.topbar { width:100%; position:relative;  padding: 0 0; border-bottom: #eee 1px solid; background: white;}
.no_links .topbar{ -webkit-box-shadow:0 2px 10px rgb(0 0 0 / 6%); box-shadow:0 2px 10px rgb(0 0 0 / 6%);}
.topbar.sticky{margin:0;position:fixed;top:0;left:0;width:100%;z-index:999;animation-name:menu_sticky;animation-duration:.6s;animation-timing-function:ease-out; -webkit-box-shadow:rgba(0,0,0,0.2) 0 0 10px;
  box-shadow:rgba(0,0,0,0.2) 0 0 10px; background: white;}
.topbar ul.top_right_contents li a i {font-size: 22px;color:black; }
.menu_open i {font-size: 36px;}
.menu_overlay {position: fixed; top:0; right:0; bottom:0; left:0; z-index:9999; background: rgba(0,0,0,0.75);}
.menu_head {background:#000;text-align: center; position: relative;color:#fff;}
.menu_head a {color:#fff; padding:15px 10px; display: inline-block; font-weight: 500; font-size: 16px;text-decoration: none;}
.menu_head a span.menu_account_icon {font-size: 22px; vertical-align: middle; width: 32px; height:32px; line-height:32px; background: #444; display: inline-block; border-radius: 50%; margin-right:10px; }

.menu_close {position: absolute; right:-40px; top:20px;}
.menu_close i {font-size:30px; color: white;}
.mobile_menu_wrap {position: fixed; top:0; bottom: 0; left:-100%; z-index:99999; background:#212121; padding:0 0 75px; transition: all linear 0.2s; max-width: 80%; width: 280px; height: 100vh;}
.mobile_menu_wrap.menu_show {left:0;}
.mobile_menu_wrap ul {padding:0; margin:0; list-style:none; font-size: 15px}
.mobile_menu_wrap ul.main_menu {margin-bottom:10px; padding:0 0 120px;}
.mobile_menu_wrap ul.main_menu li {border-bottom: 1px solid #333; padding:0 15px 0 15px;}
.mobile_menu_wrap ul.main_menu li a {font-size:15px; text-decoration: none;}
.mobile_menu_wrap ul li a {display: block; padding:15px 0;color: #fff !important;}
.mobile_menu_wrap ul li.hassub {position: relative; padding:0 50px 0 15px;}
.mobile_menu_wrap ul li.hassub .sub_menu_open {position: absolute; right:0; top:0; font-size:18px; line-height: 1; padding:19px 20px; border-left:1px solid #333;}
.mobile_menu_wrap ul li.hassub ul {position: fixed; top:0; bottom:0; left:-100%; max-width: 80%; width: 280px; background:#212121; margin:0; transition: all linear 0.3s; padding:48px 0 100px; overflow: auto; z-index: 9; visibility: hidden;}
.mobile_menu_wrap ul li.hassub ul.show_submenu {visibility: visible; left: 0;}
.mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu {position: absolute; top:0; width: 100%; background: #444;}
.mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a {font-size:15px; color: #bbb; padding:10px 0;}
.mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a i.fa {font-size:35px;}
/* mobile menu css end */

.ps-wrapper {margin-top: 0; }
.detail_padd{padding-left: 0; margin-top: 30px;}

.left_panel {display: none;}
.right_panel {left: 0; position: relative; bottom:0; padding:25px 0; }
.admin_page_wrapper footer {position: relative; left: 0!important;}
.desktop_show {display: none;}
.mobile_show {display: block;}
.ps-inner-page, section {padding: 30px 0;}
.table_contents {margin-top: 0;}
.video_page h3 {font-size: xx-large;}

header{position: relative; padding: 0;}
}


@media (max-width:991px){

  .logo_bar{padding-top: 15px;}
  .logo{text-align: center;}
  body{overflow-x: hidden;}
  header{position: relative; padding: 0;}
.ps-wrapper {margin-top: 0; }
.detail_padd{padding-left: 0; margin-top: 30px;}
.white_box{max-width: 500px; margin: 0 auto 20px;}
.dcf-table-responsive .btn {font-size:12px; padding:7px 9px; margin-bottom:15px; max-width: 130px;}
.table_btn { max-width: inherit !important;}
.right_panel table {border-collapse:inherit;}
.dcf-table thead {font-size: 15px;}
.right_panel table td {font-size: 13px;}
.form_wrapper_profile {margin-top: 0; margin-bottom: 30px;}


.video_page {text-align: center;}
.video_page .btn {margin-bottom: 5px;}
.video_player{margin-top: 40px;}
.video_player video{width:100%; height: auto;}
.video_page h3 {font-size: x-large;}
.table_btn .row{margin: 0 -2px;}
.table_btn .row  [class*=col] {padding: 0 2px;}
}
@media (max-width:800px){
  h1{font-size: 2rem;}
}

@media (min-width:768px) and (max-width:1199px) {
}
@media (min-width:768px) and (max-width:991px){

}
@media (max-width:800px){
  h1{font-size: 2rem;}
}
@media (max-width:767px){
  .hero_caption h1 {  font-size: 2rem; }
  section { padding: 60px 0;  }
  footer{text-align: center;}
  .ps-home {min-height:auto;}
  ul.social_link{margin-bottom: 25px;}
  .btn_big {font-size: 18px;}
  .btn {padding: 11px 15px; }
  .or_title { font-size: 20px;}
  .dcf-table-responsive .btn{padding:7px 12px; display: block; white-space: nowrap;}
  .balance_row .btn { margin-bottom: 20px;}
	#countdown small {
		font-size:12px;
		float:none;
	}
	#countdown strong {
		text-align: right;
	}
}


@media (max-width:738px){
  .dcf-table-bordered td, .dcf-table-bordered th, .dcf-table-striped td, .dcf-table-striped th{padding-left: .5em; padding-right: .5em;}
}
@media (max-width:706px){
 .form_wrapper_profile .profile_btn{margin-top: 12px;}
 .form_wrapper_profile .row  [class*=col] {flex: inherit; width: 100%;}
 .right_panel {min-height: 500px;}
 .dashboard_page .logo_bar{padding-top: 35px;}
}

@media (min-width:570px) and (max-width:626px){
}
@media (max-width:42.09em){
  .table_btn {display: flex !important; justify-content: center;}
}
@media (max-width:575px){
  .chat_body {height: auto;}
}

@media (max-width:525px){
.white_box{max-width: 400px;}
}

@media (max-width:500px){
  .btn_big, .or_title { font-size: 18px;  }
  .profile_bg div { position: relative; width: calc(100% - 10px); display: block; overflow: hidden; text-overflow: ellipsis;  white-space: nowrap;}
  .tabs_wrapper .nav{margin-left: 15px;}
  .tabs_wrapper .nav-item button{font-size: 14px;}
  .tabs_wrapper .nav-item button,.tabs_wrapper .nav-item button.active{padding-left: 12px; padding-right: 12px;}
  .table_contents {padding: 15px;}


}

@media (max-width:484px){
  ul.social_link2{margin-top: 20px;}
}
@media (max-width:480px){
  h2, .h2,  h3, .h3{font-size: x-large;}
}

@media (max-width:464px){
  .hero_banner{border-radius: 12px;}
  .banner_slide{border-radius: 7px;}
}
@media (max-width:460px){
  .form_wrapper_profile {  padding: 30px 20px;}
}



  @media (max-width:425px){
    h1 { font-size: 1.5rem; }
    .white_box{max-width: 280px;}
    .notification_list .dropdown-menu.show {transform: translate(50px, 38px) !important; }
    .video_page {padding: 30px 15px;}


  }


@media (max-width:414px){
  .form_wrapper_profile .profile_btn{margin-top: 12px;}
  .profile_bg{display: block;padding: 8px 12px;}

  .caption_title {font-size: 13px;}
  .hero_caption p{font-size: 10px;}
}


@media (max-width:400px){
  .form_wrapper {padding: 50px 20px;}
}
@media (max-width:397px){
}


 @media (max-width:385px){
  .ps-home {  min-height: 0;  }
}
@media (max-width:379px){
  .notification_list .dropdown-menu.show {transform: translate(-175px, 38px) !important; }

}

@media (max-width:375px){
  .btn_big, .or_title { font-size: 15px;  }
  .radio-btn{padding: 30px 15px;}
}


@media (max-width:360px){
  .small_contents2 [class*='col-']{flex: inherit; width: 100%; max-width: 100%;}
  .small_contents2 [class*='col-']:last-child{text-align: left !important;}
}

@media (max-width:348px){
  .video_page .btn {padding: 6px 10px;}
}


@media (max-width:323px){
  .tabs_wrapper .nav-item button, .tabs_wrapper .nav-item button.active{font-size: 13px;}
}