@media(max-width:1330px){


}

@media(min-width:768px) {



}

@media(max-width:1270px){


}

@media(min-width:1025px) and (max-width:1280px){
.topHeaderBox.portalMgment .pdtp5 strong{ display:block;}


}

@media(min-width:1025px) and (max-width:1200px){
.AllfileSec ul > div {width: 19.60% !important;}
}

@media(max-width:1160px){
.productImages .col-sm-3{ width:33.33%;}
.topHeaderBox.portalMgment .pdtp5:first-child{ width:25%;}
.topHeaderBox.portalMgment .pdtp5:nth-child(4){ width:16.55%;}
.topHeaderBox.portalMgment .pname{width:100%;}
}

@media(max-width:1024px){
    .contentArea{ position: relative; overflow: inherit; display: inherit; float: left;}
.leftMenu{position: absolute;z-index: 999;height: 100%;}
#sidefilter.sidebarFilter{position: absolute;  right:-275px; height: 100%;  width: 275px; z-index: 999;}
body.filterOpened .AllfileSec ul > div { width: 32.8%;}
.views.filter{ display: inline-block !important;}
#sidefilter.sidebarFilter{margin-right: 0 !important; top: 0;}
.searchSec{width: 100%; float: left; margin-left: 0;}
.activitySearch{ margin-left: 0;}
.listViewSec .table tr td:last-child .link {  display: inline-block;}

.topHeaderBox.portalMgment .pdtp5 strong{ display:block;}
.topHeaderBox.portalMgment .pdtp5:nth-child(4) +.col-sm-2{ position:static !important;}

}


@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){
 
    .AllfileSec ul > div{ width: 24.50%;}
    .activitySearch .optionBox .field-activitylogsearch-role {max-width: 139px;}
    .activitySearch .optionBox .field-activitylogsearch-userby_id {max-width: 100px;}
    .activitySearch .optionBox.area {min-width: 175px;}
    .activitySearch .optionBox .field-activitylogsearch-area {max-width: 131px;}
    .activitySearch .optionBox.role { min-width: 190px }
}


@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){
    .AllfileSec ul > div, .leftOpened .AllfileSec ul> div{width: 32.8%;}
    .leftOpened .search, .filterOpened .search{width: 40%;}
    .showfolder {display: inline-block !important;}
	.topHeaderBox.portalMgment .pdtp5{ width:25% !important;}
	.topHeaderBox.portalMgment .pdtp5:nth-child(4) +.col-sm-2{width:100%;}
	.productDetails > div >.col-sm-3{width:40%;}
	.productDetails > div >.col-sm-9{width:60%;}
	.productImages .col-sm-3 { width: 50%;}
	.subHeader ul li{ margin-bottom:5px;}
    
}

@media (min-width:300px) and (max-width:767px) and (orientation:landscape){
	.login{ min-height:550px; position:relative;}
	
}

@media(max-width:992px){
.activitySearch .optionBox{width: 33.33%; margin-bottom: 7px;}
.activitySearch .optionBox.area{    border-right: 1px solid #e2e2e2;}
.activitySearch .optionBox .field-activitylogsearch-userby_id, .activitySearch .optionBox .field-activitylogsearch-area{max-height: 30px;}
.activitySearch .optionBox .field-activitylogsearch-role{max-width: 80%; width: 100%;}
.activitySearch .optionBox .roles{ max-width: 100%;}
.activitySearch .optionBox .field-activitylogsearch-userby_id{max-width: 79%;}
.activitySearch .optionBox .field-activitylogsearch-area{max-width: 83%;}
.activitySearch .optionBox .field-activitylogsearch-website{max-width: 73%;}
.activitySearch .optionBox.buttonSec{ width: auto;}
.listViewSec{ overflow-x: auto;}
.listViewSec .table {   min-width: 1150px;}
.Roles ul li{width: 32%;}
}

@media (min-width: 576px){
.modal-dialog.modal-md{ max-width: 550px;}
}

@media(max-width:767px){
.totalAssets{ margin-left: 0;position: absolute;right: 0px; top: 35px;}
.menu + .user{ position: absolute;top: 0px; right: 10px;}
.user + .menu2{    float: left;    position: absolute;    right: 40px;    top: 2px;}
.logo + .menu{ width: 100%;}
.contentArea{ display: block; position: relative; overflow: hidden;}
.listViewSec{ overflow-x: auto;}
.listViewSec .table {min-width: 800px;}
.search {width: 100%; margin-top: 7px; margin-bottom: 7px;}
.contentArea .leftMenu{position: absolute;height: 100%;z-index: 999;}

.filterSec .views_tiles ,.filterSec .views_list{    position: absolute;    top: 5px;    right: 35px;}
.filterSec .filter{position: absolute;    top: 6px;    right: 5px; display: inline-block !important;}
.leftOpened .search, .filterOpened .search ,.searchSec .search{width: 100%; margin-left: 0;}
#sidefilter.sidebarFilter{position: absolute;  right: -275px; top: 0; height: 100%;}
#sidefilter .sidebarFilter{ height: 100%;}
.contentArea .showfolder{ display: inline-block !important;}
.totalAssets{ margin-left: 0;}
body.filterOpened .AllfileSec ul > div {  width: 50%;}
.fileViwer{min-height: 160px;}
.fileViwer canvas{width: 100% !important; height: 100px !important;}
.verticalshades{ min-height: auto !important;  background: none;}
.AllfileSec ul > div{    width: 32.6%;}
.uploadTabs li{border-radius: 3px;     border-bottom: 1px solid #ced4da; width: 48.3%; text-align: center;    margin-bottom: 5px; }
.uploadTabs li:nth-child(2n){ margin-right: 0;}
.uploadTabs li.active{    border-bottom: 1px solid #f7941d; margin-bottom: 5px;}
.playSection{ min-height: 200px;  max-height: 200px;}
.popfileDetails .row:last-child .col-4:nth-child(2), .popfileDetails .row:last-child .col-4:nth-child(3){ padding: 0;}
.green-audio-player{ min-width: 275px; width: 275px;}
.AllfileSec ul li .imgSec .hover .text span{ display: block !important;}
.site-login{ max-width: 300px; margin-left: -150px; min-height: 350px; margin-top: -175px;}
#login-form .form-floating.mb-5{margin-bottom: 1rem!important; }
.portalBtnbox{max-width: 300px;}
.portalBtnbox .portalBtn{ font-size: 18px;}
.portalBtn label{padding: 5px 0;}
.portalBtn span{padding: 5px 0px; width: 60px;}
.portalBtn span img{ width: 30px !important;}
.activitySearch .optionBox{ width: 100%; border-right: 1px solid #e2e2e2 !important;}
.activitySearch .optionBox .field-activitylogsearch-role { max-width: 86%;}
.activitySearch .optionBox .field-activitylogsearch-area {  max-width: 88%;}
.activitySearch .optionBox .field-activitylogsearch-website { max-width: 81%;}
.totalAssets{bottom: 8px; top: inherit;}
.activitySearch .optionBox .field-activitylogsearch-userby_id { max-width: 85.2%; width: 100%;}
.listViewSec .table {  min-width: 1015px;}
.activitySearch form .optionBox.buttonSec .btn-orange {  border-radius: 3px !important;}
.rolesLegend label{ text-align: left; float: left;padding-left: 10px; padding-right: 0;} 
.totalAssets{ position: inherit;}
.activitySearch .totalAssets{ position: absolute;}
.rolesChckbox ul li{    width: 100%;}
.rolesChckbox ul li{margin-bottom: 3px;  border-radius: 3px !important; border-right: 1px solid #ccc;} 

.vtabs{width:100%; padding-right:0px;}
#myTabContent.tab-content{width: 100% !important; margin-bottom: 10px; overflow-x:auto ;}
#myTabContent.tab-content .tab-pane{min-width: 700px;}
.permissionTabs li{width:auto;}
header .user + .menu.menu2 ul li{margin-right: 10px;}
header .user + .menu.menu2 ul li:last-child { margin-right: 5px;}
.borderSec.permissions{ min-width:1125px;} 
.topHeaderBox.portalMgment .pdtp5, .topHeaderBox.portalMgment .pdtp5:nth-child(4) +.col-sm-2{width:100% !important;}
	.subHeader ul li{ margin-bottom:5px;}
	.productImages .col-sm-3{width:50%;}
	.productDetails .col-sm-9 .detailsHeading{ margin-top:30px;}
	.portalList .filterSec .views_tiles, .portalList .filterSec .views_list{ position:static !important;}
}



@media(max-width:515px){
    .AllfileSec ul li .imgSec{ min-height: 90px;}
    .AllfileSec ul > div, .leftOpened .AllfileSec ul> div{ max-width: 49%; width: 49%; min-height: 120px;}
    .subHeader ul li:nth-child(5), .subHeader ul li:nth-child(6){ margin-top: 7px;}
    .AllfileSec ul li .imgSec img.pptbg{ height: 55px;}
    .Roles ul{    width: 95%;   margin: 5px auto;}
    .Roles ul li{ margin-right: 0; margin-bottom: 20px; width: 100%;} 
	.site-login{ max-width:300px; margin-left: -150px;}

}

@media(max-width:375px){
.productImages .col-sm-3{width:100%;}


}