@media only screen and (max-width: 1024px){
	.thriceCard .card{
		width: 48%;
		margin-bottom: 25px;
	}

	.thriceCard .card:last-child{
		width: 100%;
		margin-bottom: 0;
	}

	.twiceCardLeft .card{
		width: 100% !important;
	}

	.twiceCardLeft .card{
		margin-bottom: 25px;
	}

	.twiceCardLeft .card:last-child{
		margin-bottom: 0px;
	}
}

@media only screen and (max-width: 992px){
	.sidebar{
		width: 0px;
		top: 0;
		padding-right: 0;
	    overflow: hidden;
	    border-right: 0;
	    border-top: 0;
	}

	.sidebar:hover{
	    overflow: hidden;
	}

	.mainMenu {
		overflow: auto;
		padding: 0px;
		position: relative;
		height: calc(100vh - 70px);
	}

	.mainMenu>li:first-child{
		margin-top: 0;
	}

	.mainMenu>li>a:hover{
		border-radius: 0px;
	}

	.mainMenu>li>a.active{
		border-radius: 0px;
	}

	.menuOuter{
		position: fixed;
		top: 0;
		left: 0;
		width: 0%;
		height: 100%;
		background-color: rgba(0,0,0,0.5);
		z-index: 999;
		display: none;
		overflow: auto;
	}

	.main-body{
		margin-left: 0;
	}

	.headerLeft{
		width: 60px;
	    min-width: 60px;
	    max-width: 60px;
	}

	.headerLeft .logo img{
	    max-width: 35px;
	}

	.mobileMenu{
		display: block;
	}

	.menuToggle{
		display: none;
	}

	.menuHeader{
		display: block;
	}

	.sidebar{
	    box-shadow: 0px 10px 9px #22192f;
	}

	.mobileHeader {
		display: flex !important;
		display: -webkit-flex !important;
	}

	/* profile css */
	.profileHeader .row.flex-center{
		display: block;
	}

	.extraActions{
		margin-top: 15px;
	}

}

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

	.pad-30.noOverflow{
		padding: 15px !important;
	}
	

	#profileInfo-panels{
		position: fixed;
		top: 0px;
		right: 0;
		background-color: #fff;
		width: 0%;
		height: 100%;
		overflow: auto;
		z-index: 9999;
	}

	.tabHeader{
		margin-bottom: 0;
		border-left: none;
		position: sticky;
		top: 0;
		z-index: 9;
	}

	.tab-body {
		padding: 25px;
	}

	.tab-body .profiInfoBlock:first-child{
		margin-top: 0px;
	}

	.noOverflow{
		padding: 0px !important;
		box-shadow: 0px !important;
	}

	
	.designBlock1, .designBlock2{
		left: -23px;
	}

	.tempBlock {
		padding-right: 40px;
	}

	.profilePic{
		margin: 0px auto 20px auto;
	}

	.accSettings{
		margin-top: 0;
	}

	.userCounts .infoBox{
		margin-bottom: 10px;
	}

	.tabBlock-header h3{
		margin-right: 15px;
		font-size: 1.2em;
	}

	/* Company Profile */
	.card .row.flex-center{
		display: block !important;
	}

	#companyProfile .notVerified{
		display: block;
		width: 100px;
		text-align	: center;
		margin-top: 3px;
	}

	#companyProfile .verifyLink{
		margin-left: 0;
		margin-top: 8px;
	}

	.tabHeader.primaryBG{
		margin-bottom: 20px;
	}

	.contactPer-header{
		display: flex;
		display: -webkit-flex;
		align-items: center;
	}

	.contPersonIntro .text-center{
		text-align: left !important;
	}

	#talentManager .contactPer-pic{
		margin-right: 15px;
	}

	h5.title{
		margin-top: 25px;
	}

	.compopup_content{
		width: 100%;
	}
}

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

	.userWelcome {
		margin-bottom: 10px;
	}

	.main-body{
		padding: 15px;
	}

	.headerRight{
		padding: 7px 10px;
	}

	.username{
		display: none;
	}

	/*.headerOptions-list>li:first-child{
		display: none;
	}*/

	.thriceCard .card{
		width: 100%;
	}

	.dataID{
		margin-bottom: 15px;
	}

	.smallData .dataID{
		margin-bottom: 0px;
	}

	.smallData{
		margin-bottom: 15px;
	}

	.twiceCardLeft .card{
		padding: 15px;
	}

	.headerOptions-list>li.user>a{
		    padding: 0px 3px 0px 0px;
	}

	.headerOptions-list>li.user{
		padding: 0px 5px 0px 15px;
	}

	.headerOptions-list>li.settings>a{
		margin: 0px 0px 0px 10px; 
	}

	.searchbar{
		margin-right: 5px;
		width: 30px;
	    height: 30px;
	    background: #ddd;
	    text-align: center;
	    border-radius: 50%;
	        padding: 2px;
	}

	.searchbar .searchInput{
		display: none;
	    position: fixed;
	    top: 0;
	    left: 0;
	    width: 100%;
	    border-radius: 0;
	    height: 60px;
	    border: none;
	    border-bottom: 1px solid #ddd;
	    background-color: #fff;
	    z-index: 9;
	}

	.searchbar i{
		position: static;
		font-size: 18px;
		color: #555b6d;
	}

	.headerOptions-list>li.iconic{
		margin-top: 0;
	}

	#approval, #pendAppr-section .yserRepresentation,
	#pendAppr-section p.normal.smallText.mb-2.mt-1 {
		display: none !important;
	}

	#pendAppr-section .text-center{
		text-align: left;
	}

	#pendAppr-section{
		margin-bottom: 15px;
	}

	#pendAppr-section .overlapedAnalytics{
		position: static;
		transform: translate(0,0);
		margin: 15px 0px;
	}

	/* profile css */
	.card-header .row.flex-end.space-between{
		display: block;
		text-align: center;
	}

	.holdMsg {
		margin: 15px 0px;
	}

	.profStatusMain {
		display: flex;
		display: -webkit-flex;
		align-items: center;
		justify-content: flex-start;
		flex-wrap: wrap;
	}

	#profPlan{
		width: 100%;
		margin-top: 10px;
	}

	.extraProp{
		padding-top: 30px;
	}
	
	.approvedProfile{
		left: 50%;
		transform: translate(-50%, 0%);
		min-width: 80%;
	}

	.profilePic{
		margin: 0px auto 10px auto;
	}

	.pad-25{
		padding: 15px;
	}

	.profileBlock .form-group{
		margin-bottom: 15px;
	}

	.profileName{
		line-height: 1.4;
		margin-bottom: 3px;
		text-align: center;
	}

	.verification{
		margin: 10px 0px 15px;
		padding-bottom: 25px;
		border-bottom: 1px solid #ddd;
	}

	.profileBasic-info p.introText{
		text-align: center;
		padding-bottom: 15px;
		margin-bottom: 15px;
		border-bottom: 1px solid #ddd;
	}

	.profileComplete p{
		padding-bottom: 0 !important;
		margin-bottom: 0 !important;
		border-bottom: none !important;
	}

	.shortBio{
		height: 200px !important;
	}

	.Infoicon {
		width: 40px;
		height: 40px;
		min-width: 40px;
		min-height: 40px;
		max-width: 40px;
		max-height: 40px;
		border-radius: 8px;
		margin-right: 15px;
		background-color: #eaeaea;
		font-size: 1.5em;
		text-align: center;
		padding: 4px;
		color: #ccc;
	}

	.education-list>li{
		align-items: flex-start;
	}

	.taglist li{
		padding: 5px 10px;
	}

	.audioBlock{
		margin-bottom: 15px;
	}

	.profileExtra-info{
		padding-bottom: 0px;
	}

	.designation{
		display: block;
		border-left: none;
		padding-left: 0px;
		margin-left: 0;
	}

	.notes>li .noteheader {
		align-items: flex-start;
	}

	.comPopup_main{
		padding: 20px;
	}

	.document-body{
		margin-top: 25px;
	}

	.document-body, .document-body img{
		height: auto;
		min-height: 100px;
	}

	
	.designBlock1{
		left: -55px;
	}

	.designBlock2{
		left: -100px;
	}

	.tempBlock{
		padding-left: 100px;
	}


	.tempBlock {
		padding-right: 40px;
	}

	.designBlock1 strong{
		text-align: right;
	}

	.profileBlock .btn-group{
		left: 200px;
	}

	.note-options{
		position: static;
		text-align: left;
		border-top: 1px solid #ddd;
		margin-top: 10px;
		padding-top: 10px;
		display: flex;
		align-items: center;
	}

	.note-options .smallText{
		margin-left: 15px;
	}

	/* directory media query */
	.tabBlock-header{
		display: block !important;
	}

	.tabBlock-header h3{
		display: none;
	}

	.sortBy-block .multiselect.dropdown-toggle{
		margin-left: 15px;
	}

	.sortTitle{
		left: 10px;
	}

	.filterBox{
		width: 120px;
		min-width: 120px;
		max-width: 120px;
	}

	.searchbox-outer, .searchBox{
		width: 100%;
	}

	table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child{
		position: relative;
    padding-left: 10px;
    padding-top: 35px;
    cursor: pointer;
	}
	
	table.dataTable>tbody>tr.child span.dtr-title {
		display: inline-block;
		min-width: 120px;
		font-weight: bold;
	}

	table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before{
		left: 10px;
		content: "\e9ac";
		font-family: 'boxicons'!important;
	}

	table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child::before{
		content: "\e9b9";
		font-family: 'boxicons'!important;
	}

	table.dataTable > tbody > tr.child {
		background-color: #fff;
	}
	table.dataTable>tbody>tr.child ul.dtr-details>li:last-child {
		border-bottom: none;
		display: flex;
		align-items: center;
	}

	.filtersInner{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		min-width: 100%;
		z-index: 777;
		overflow: auto;
		padding: 50px 20px 20px;
	}

	.timesSign{
		display: block;
	}

	.filterBlock .row.flex-center{
		display: block !important;
	}

	.no-marg{
		margin-bottom: 15px !important;
	}

	/* Company Profiel */
	.compProf-tabs{
		border: 1px solid #e7e7f0;
	}
	.compProf-tabs li{
		width: 49%;
		border-bottom: 1px solid #e7e7f0;
	}

	.compProf-tabs li:last-child a{
		border-bottom: none;
		border-right: 1px solid #e7e7f0;
	}

	.compProf-tabs li:nth-child(2) a,
	.compProf-tabs li:nth-child(4) a{
		border-right: none;
	}


	#invoice .comPopup-body{
		padding: 15px;
	}
	
	.invoiceHeader .text-right{
		text-align: left;
		margin-top: 10px;
	}

	.searchUser-block{
		padding: 0;
	}

	.hiddenLabel{
		display: none;
	}

	.resolveOuter{
		right: 0;
		width: 100%;
		height: 100%;
		z-index: 99;
		border-radius: 0px;
	}

	.inquiryContent {
		padding: 15px;
	}

	/* Access management media query */

	.infoBlock{
		margin-bottom: 15px;
	}

	.pad-30{
		padding: 15px !important;
	}

	#createNewAccess{
		display: block !important;
		margin-bottom: 10px !important;
		padding-bottom: 10px !important;
	}

	#createNewAccess label{
		margin-top: 10px;
	}
	
	.empInfo h3.managerName, .empInfo p{
		text-align: center;
	}

	.empInfo p{
		border-bottom: 1px solid #ddd;
		padding-bottom: 15px;
	}

	#definedRolesBtns a{
		display: block;
		text-align: center;
	}

	#definedRolesBtns a:first-child{
		margin-bottom: 10px;
	}

	.order-header{
		display: block !important;
	}

	.order-options{
		margin-top: 15px;
	}

	.orderInfo {
		margin-bottom: 15px;
	}

	.invoiceCard{
		margin-top: 15px;
	}

	.actionMessages{
		width: 100%;
	}

	.card-header {
		display: block !important;
	}

	.order-placed{
		margin-top: 2px;
	}

	/* Add Category */
	
	.bannerDisplay, .catBanner{
		height: auto;
	}

	.pip{
		width: 95px;
		height: 75px;
	}

	.actionClick{
		min-width: 45px;
	}

	.photographer-list{
		display: block;
		width: 100%;
		margin-bottom: 10px;
	}

	.formBlock{
		padding: 20px;
	}

	.mobileHidden{
		box-shadow: none;
		background-color: transparent;
	}
	
	#addCelebrity .tabBlock-header h3{
		display: block;
	}

	.secBtn, .secBtn:hover, .secBtn:focus,
	.primeBtn, .primeBtn:hover, .primeBtn:focus{
		padding: 8px;
	}

	.formBtns {
		padding: 0px 15px 15px;
	}

	.awardList {
		display: block
	}
	
	.awardList li{
		width: 100%;
		margin: 0px 0px 15px 0px;
		padding: 15px;
		border: 1px solid #ddd;
	}
	
	#profVideoDisplay{
		margin-top: 0px;
	}

	#talentManager .contactPer-pic{
		margin: 0px 15px 0px 0px;
	}

	#celebsOrders .tabBlock-header h3{
		display: block;
	}

	.managerServing-for{
		margin-top: 25px;
	}

	.managerForm{
		padding: 20px;
	}

	.formSection {
		margin-top: 15px;
		padding: 15px;
	}

	.removeDefault .formBlock{
		padding: 0px;
	}
	
	.profileSwitchBtns{
		display: block !important;
	}

	.profileTabs{
		margin-bottom: 15px;
	}


}


@media only screen and (max-width: 512px){
	#sliderBlock, .background, .box{
		width: 340px;
		height: 400px;
	}

	.lightbox, .lightbox img{
		height: auto;
	}

	audio, video{
		width: 294px;
	}

	.timeSelection {
		display: block;
	}

	.fromTime {
		width: 100% !important;
		margin-bottom: 10px;
	}

	.fromTime strong{
		width: 45px;
		display: inline-block;
	}

	.verfiedBadge{
		text-align: center;
	}

	.social-link {
		height: auto;
		padding: 10px;
	}

	.social-link .socialLink-title {
		position: static;
	}

	#insta, #fb, #imdb, #youtube, #twit, #linkedin {
		padding-left: inherit;
	}

	.social-link input {
		padding: 8px 12px;
		margin-top: 10px;
		background-color: #fff !important;
		border-radius: 4px;
	}

	/* Login Media Query */
	.login-form .row.flex-center{
		display: block !important;
	}

	.login-form{
		background-color: #fff;
	}

	.login-inner, .rightPart{
		padding: 20px;
		border: none;
		box-shadow: none;
	}

	.formPart h3{
		font-size: 1.5em;
	}

	.login-inner .mt-3{
		margin-top: 15px !important;
	}

	.login-outer, .login-inner{
		display: block;
	}

	.managerDetails {
		display: block !important;
	}

	.landingSide{
		width: 100%;
    	height: 70px;
	}

	.landingContent h1{
		transform: rotate(0deg) translate(0%, 0%);
		top: 15px;
		left: 0;
		font-size: 2em;
		width: 100%;
		text-align: center;
	}

	.managerDetails{
		margin-left: 0;
	}

	.managerPic-outer{
		margin: auto;
	}

	.managerInfo{
		padding: 0;
		margin-top: 15px;
		text-align: center;
	}

	.managerTable table{
		width: 100%;
	}

	.divider{
		margin: 15px auto;
	}

	.timelog{
		margin-left: 0px;
	}

	.landing-outer{
		display: block;
		padding: 20px;
	}
	
	.landing-inner{
		display: block;
	}

	.landingContent{
		padding: 90px 15px 15px 15px;
	}

	.skipID{
		position: static;
		display: block;
		text-align: center;
		margin-top: 15px;
		padding: 15px;
		border-top: 1px solid #ddd;
	}

	.profCard{
		padding: 20px;
		margin-bottom: 20px;
	}
	
}