/***********media************/
@media(min-width:1800px){
	.data-text-center .img-left-data { width: 40%; text-align: center;}
	.border-radius-corner { border-radius: 20px; padding: 39px 14px;}
	.f15-size{font-size:20px;}
	.f20-size {  font-size: 25px;}
	.f25-size {  font-size: 30px;}
	div#edit-profile-page .edit-profile-form { margin-left: 42px !important;margin-right: 42px !important;}
	.top-data-bar .sidebar { width: 230px;}
	.personal-information ul > li {  height: 72px; line-height: 46px;}
	.personal-information ul > li a {   font-size: 16px;}
	.first-top-profile .no-js .owl-carousel, .owl-carousel.owl-loaded {  display: block;  height: 267px;}
	.owl-carousel .owl-item img { display: block; width: 100%;  height: 200px;  object-fit: cover;}
	#onload .modal-content h5 {font-weight: 500;  text-transform: uppercase;line-height:35px;}
}
@media(min-width:1024px){
	ul#pills-tab { display: flex;  width: 35%;}
	.tabs-flex li.nav-item { margin-right: 10px; border-radius: .80rem;  width: 48%;}
	.tabs-flex li.nav-item:last-child { margin-right: 0px;}
	.tabs-data-workshow .search-btn-top input { padding: 9px 36px; width: 312px;}
	.search-btn-top input {padding-left: 42px; width: 400px;}
	.nav-tabs .nav-item.nav-link {width: 150px !important; justify-content: center; text-align: center;}
	.search-data-boxn .search-top input {  border: 1px solid #ddd; padding: 8px 36px;   border-radius: 50px;     width: 200px;}
	.search-data-boxn .top-data input { border: 1px solid #eee;padding: 8px 31px;   border-radius: 50px;    width: 200px;}
}
@media(max-width:1500px) and (min-width:1200px){
	.container, .container-lg, .container-md, .container-sm {
    max-width: 960px;
}
}
@media(max-width:1400px){
	.ptb_50 {  padding: 27px 0px;}
	.border-radius-corner {  border-radius: 20px;  padding: 10px 14px;}
	.border-radius-corner h5 {  margin-top: 11px !important;}
	.img-edit-top .img-top img {  width: 125px; }
	.img-edit-top:before {   height: 110px;}
	.f15-size { font-size: 14px;}
	
}

@media(min-width:992px) and (max-width:1800px){	

	.bottom-box ul li {list-style: none; padding: 4px !important;}
	}
@media(min-width:768px) and (max-width:1024px)
{
	
 .top-data-bar .sidebar { width: 148px; background-color: #f4f5fa; transition: all 0.5s  ease-in-out;  min-height: 100vh;
    position: absolute;  z-index: 1;}
.top-data-bar .sidebar.fliph ul { display: none;}
.top-data-bar .sidebar.fliph {width:0px;}
.top-data-bar .sidebar { width: 148px; background-color: #f4f5fa; transition: all 0.5s  ease-in-out;  min-height: 100vh;
    position: absolute;  z-index: 2;}
 .sitebar.mr-3.col-md-1 { position: absolute;right: 0; top: 10px;}
.inner-dash {height: 600px; overflow-y: scroll; margin-bottom: 23px;}
.top-data-bar .sidebar.fliph li a.active { border-radius: 6px;}
.top-data-bar .sidebar.fliph li a, .top-data-bar .sidebar li a.active {padding: 3px 4px;}
.top-data-bar .sidebar.fliph{width:0px;}
.top-data-bar .sidebar.fliph ul {  display: none;}
div .recent-data .image-left img {width: 100px; height: 74px; border-radius: 20px;}
.content-project p { font-size: 10px;  margin-bottom: 7px;}
.data-text-center .start-data { position: absolute; top: 14%; right: 20px;}
.content-project.mx-5 {margin: 0px !important; margin-left: 15px !important;}
.project-list .image-left img {width: 149px;height: 136px; object-fit: cover; border-radius: 30px;}
.menu-upload-data .form-group select.classic {width: 130px;}
.search-data-boxn .top-data input {padding: 8px 13px;}
.search-data-boxn .date-data.mb-2 { width: 43%;}
.search-data-boxn .search-top.position-relative input { padding: 8px 13px 8px 28px;}
}
@media(max-width:1024px){
	.data-text-center .img-left-data img {width: 180px !important;}
	.pl-md-6{padding-left:1em;}
.pr-md-6{padding-right:1em;}
.f20-size {font-size: 15px;}
 .common-div.d-flex { width: 80%; align-items: center;  flex-wrap: nowrap;  flex-direction: column;align-items: flex-start;}
	.data-text-center .user_info_data { width: 100%;}
	.data-text-center .user_info_data  h4 {  font-size: 21px;}
	.data-text-center .start-data { width: 20%;  text-align: center;margin-top: 19px !important;margin: 0 auto;}
	.data-text-center .img-left-data img { width: 100px;  border: 4px solid #fff;}
	.data-text-center .start {  height: 70px;  width: 70px;}
	.data-text-center  .start i.fa.fa-star {  font-size: 29px;}
	.data-text-center.w-100 { padding: 0px !important;}
	.add-list-inter .school-list ul > li > button {  font-size: 14px;}
	.slider-wrapper { width: 75%;}
	
	/***********mobile-view************/
img.hover-show {  display: none;}
.mobile-view .sidebar li:firts-child img { padding-right: 0px;}
.mobile-view .sidebar li img { padding-right: 5px;}
.mobile-view .sidebar li a.active img.hover-show{display: block;padding-right: 5px;}
.mobile-view .sidebar li a.active img.first-img{display: none;padding-right: 5px;}
.mobile-view .sidebar li:hover img.hover-show {  display: block;padding-right: 5px;}
.mobile-view .sidebar li:hover img.first-img{display:none;}
.mobile-view .sidebar li a:hover img.hover-show {  display: block;padding-right: 5px;}
.mobile-view .sidebar li a:hover img.first-img{display:none;}
.desktop-personal{display:none;}
.top-data-bar{display: none;}
header.header.header-main a.button-left {display: none;}
header.header.header-main .text-left {  display: block;}
.mobile-view{display: block;}
.mobile-view .mobile-view .fade { transition: opacity 0.09s linear!important;}
.mobile-view .modal.fade .modal-dialog { left: -350px; -webkit-transition: opacity 0.3s linear, left 0.3s ease-out; -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out; transition: opacity 0.3s linear, left 0.3s ease-out; position: fixed;  margin: auto;  width: 250px;  height: 100%; border: none;
}
.mobile-view .back-text {  margin-left: 20px;color:#7c829a;}

.mobile-view .modal.fade.show .modal-dialog { left: 0;}
.mobile-view .modal.fade .modal-dialog .modal-content { height: 100%; border-radius: 0; transform: translateY(0%); background-color:#f4f5fa;}
.mobile-view .modal.fade .modal-content { border: none;}
.mobile-view .sidebar li {  margin: 15px 10px;}
.mobile-view .sidebar li a.active { background-color: #0ec167;  transition: all 0.5s  ease-in-out;  border-radius: 20px;}
.mobile-view .sidebar li a i { padding-right: 5px;}
.mobile-view .sidebar li a .nav-label, .top-data-bar .sidebar li a .nav-label+span { transition: all 0.5s  ease-in-out;}
.mobile-view .sidebar li:hover { background-color: #0ec167 !important;  color: #fff !important;   border-radius: 20px;display: flex}
.mobile-view .sidebar li a, .top-data-bar .sidebar li a.active { display: block;  padding: 8px 8px;  text-decoration: none;}
.mobile-view .sidebar li a.active { background-color: #0ec167; transition: all 0.5s  ease-in-out;  border-radius: 20px;display: flex;}
.mobile-view .sidebar li a.active { color: #fff !important;}
ul.list-sidebar.bg-defoult li {  list-style: none;}
ul.list-sidebar.bg-defoult { padding-left: 0;}
.mobile-view .sidebar li a:hover { color: #fff;display: flex}
.mobile-view button.close { position: absolute; right: 16px; font-size: 40px;  color: #0ec167;  opacity: 1 !important;z-index: 2;}
.mobile-view .sidebar li:first-child {margin: 0;}
.mobile-view .sidebar li:first-child a{border:none;}
.mobile-view .sidebar li:first-child:hover {background: transparent !important;}
.mobile-view.personal-information .modal.fade .modal-dialog .modal-content{     background: #f4f5fa; height: 100vh; border-top-right-radius: 50px;border-bottom-right-radius: 50px;}
.mobile-view.personal-information button.close { position: absolute; right: 16px;z-index: 2;font-size: 40px;  color: #0ec167; z-index: 2; opacity: 1 !important;}
.mobile-view.personal-information .modal.fade .modal-dialog { width:319px;}
.mobile-view.personal-information  .sidebar li:hover {  border-top-left-radius:0px;border-bottom-left-radius:0px;background: #0ec167 !important;  color: #fff !important;border-top-right-radius: 50px;  border-bottom-right-radius: 50px;}
.mobile-view.personal-information .sidebar li a:hover {  color: #000;}
.mobile-view.personal-information ul.list-sidebar.bg-defoult li{margin:0px;}
.mobile-view.personal-information .modal.fade .modal-body{margin: 0px;padding: 0px;}
.mobile-view .sidebar li:hover a { display: flex;color: #fff;}
.box-shadow-profile.add-list-inter {margin-top: 16px;}

/***********notepad*******/
.notepad { position: relative;width: 100%;padding: 30px;  margin: 23px auto;}
}

@media(max-width:800px){
    .right-border-t:before { content: "";  border-top: 1px solid #ddd !important;  height: 1px;  width: 100%;  position: absolute;  left: 0;top: 0%;
    border: none;}
}
@media(max-width:767px){
.right-border-t.my-work-home:before { content: ""; height: 1px; width: 100%; position: absolute; left: 0px;  top: 0px;}
	.f25-size { font-size: 19px;}
	.bottom-box ul li{position: relative; margin-bottom: 30px;}
	.bottom-box ul li:before {border-bottom: 2px solid #eee;width: 100px;margin: 0 auto;content: "";position: absolute;bottom: -18px;left: 0;right: 0;text-align: center;} 
	.bottom-box .d-sm-none{display: none;}
	.my-work-home .d-flex.data-show-list.align-items-center { display: block !important;}
  .project-list .image-left img { width: 100%; height: 160px; object-fit: cover; border-radius: 30px;}
   .search-data-boxn .icon-arrow i.fa.fa-angle-right { position: absolute;  font-size: 26px;right:6%;top:55%;}
  .bottom-project-data div {  margin-bottom: 20px;}
  div .recent-data .image-left img {  width: 100%;  border-radius: 20px;height: 132px;}
 /* .project-list .image-left img { width: 116px; height: 100px; border-radius: 20px;margin-right: 10px;}*/
  .search-data-boxn .bottom-project-data div { margin-bottom: 20px;}
  .search-data-boxn.p-3.mt-3.position-relative { padding: 0px !important;}
  .tabs-data-workshow i.fa.fa-plus {font-size: 9px;}
  .tabs-data-workshow p.mb-0 { font-size: 11px;}
	.project-list {padding: 30px 8px 10px;}
	.content-project.mx-5 { margin: 0px !important;}
	.search-data-boxn .top-data input {width: 100%;margin-bottom: 7px !important;} 
	.project-list h4 {color: #110b56; font-size: 17px; margin-top: 17px; margin-bottom: 7px !important;}    
    .content-project.mx-5 h6 { font-size: 11px; margin-bottom: 9px !important;}
   .icon-arrow i.fa.fa-angle-right { position: absolute;  font-size: 26px;right:6%;top:60%;}
   .content-project {  margin-top: 10px;  margin-left: 0px !important;}
  .inner-dash #nav-tabContent {border: 1px solid #eee; padding: 20px !important;}
  /**********menu***********/
.top-data-bar .sidebar { width: 148px; background-color: #f4f5fa; transition: all 0.5s  ease-in-out;  min-height: 100vh;
    position: absolute;  z-index: 2;}
    .sitebar.mr-3.col-md-1 { text-align: right;}  
.home-top.d-md-flex.d-sm-block.px-2.py-4 {  padding-top: 0px !important; padding-bottom: 0px !important;}
.inner-dash {/*height: 700px; overflow-y: scroll;*/ margin-bottom: 23px;}
.top-data-bar .sidebar.fliph{width:0px;}
.top-data-bar .sidebar.fliph ul {  display: none;}

/*****profile*********/
.inner-dash .nav-item { margin-right: 0px !important;}
.data-text-center .user_info_data { width: 100%;}
.data-text-center .start-data { width: 20%;  text-align: center;margin-top: 10px;}
.data-text-center .img-left-data {  width: 100%;margin-bottom: 10px;}
.common-div.d-flex {  width: 100%;  align-items: center;}
.box-shadow-profile { height: auto;}
.list-slider,.add-list-inter{margin-top: 3em;}
.add-list-inter .school-list ul > li > button {  font-size: 12px;}
.data-text-center .start { height: 56px;  width: 58px;}
.data-text-center.w-100 {  padding: 0px !important; align-items: flex-start !important;}
.data-text-center .start p {   font-size: 10px;}


/***********edit************/
.img-edit-top:before {  border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;}
.form-control-text {  width: 100%;}

/****dashboard******/
section.left-side.slider { flex-wrap: wrap;}
.home-top .right-menu li i { font-size: 23px;}
.home-top .ml-auto{margin-top:30px;}
.recent-show-data .project-list .data-show-list {  display: block !important;}

}


@media (max-width:1250px) and (min-width:1025px) {
.data-text-center .user_info_data{
	width:47%;
}
.data-text-center .img-left-data {
    width: 53%;
}
}
@media(min-width:1225px){
    	.search-data-boxn .search-top input {width: 280px; }
	.search-data-boxn .top-data input { width: 280px; }
}