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

	body {
		font-size: 12px !important;
	}
	.datatable-wrapper .data-col-first,  .datatable-wrapper .data-col-last {
		float: none;
	}
	.datatable-wrapper .data-col-first {
		margin-bottom: 15px;
	}
	.cards-container .card-content {
		margin-left: 0;
	}

	.download-list .list-group-item {
		display: grid;
	}

	ul.kb-list li .kb-meta, .feed-element .feed-content, ul.message-list .kb-meta {
		font-size: 11px;
	}

	.message-list .kb-head > a {
		font-size: 16px;
	}

}


@media screen and (max-width: 560px) {
	body {
		font-size: 13px !important;
	}
	h3.mail-title,  form.mail-search {
		float: none;
		width: auto;
	}

	.speed-analyzer .speed-analyzer-text {
		float: none;
		width: auto;
	}
	.speed-analyzer .speed-score {
		width: 50%;
	}
}


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

	body {
		font-size: 13px !important;
	}

	.main-container .main-content {
		padding-right: 0;
		padding-left: 0;
		margin-top: 30px;
	}

	.main-container .row {
		margin-left: 0;
		margin-right: 0;
	}

	.main-container .row > div,
	.main-container .row > form {
		padding-left: 0;
		padding-right: 0;
	}

	.carousel-caption h2 {
		font-size: 1.5em !important;
	}
	.main-container .banner-ad {
		margin: 0;
		margin-bottom: -10px;
	}

	.page-sidebar .site-header {
		padding: 0 20px;
		box-shadow: 0 7px 7px 0 rgba(27,27,27,.2);
		background-color: transparent;
		height: 60px;
		font-size: 24px;

	}

	.site-header .sidebar-mobile-menu {
		float: left;
	}

	.site-header .sidebar-mobile-menu  .mobile-menu-icon {
		height: 60px;
		display: inline-block;
		padding-top: 18px;
	}
	.site-header .mbl-title {
		width: calc( 100% - 70px);
		text-align: center;
		font-size: 1.1em;
		overflow: hidden;
		text-overflow: ellipsis;
		padding-top: 15px;
		color: #34495E;
		white-space: nowrap;
		float: left;
		margin-top: 0;
	}
	.site-header .icon-menu {
		color: #3585cf;
	}

	.site-header .mbl-search {
		display: inline-block;
		float: right;
		height: 60px;
    padding-top: 15px;
	}




	.page-container .page-sidebar {
		display: block;
		width: 100% !important;
		height: auto;
		position: -webkit-sticky;
		position: sticky;
    top: 0;
		background-color: rgba(255,255,255,0.6) !important;
		-webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
	}

	.page-container .main-container .slider {
		/*margin-top: 60px;*/
	}
	.page-container .main-container .carousel {
		top: 0;
	}
	.page-sidebar .site-header .kb-search {
		margin-bottom: 0;
	  height: 60px;
	  width: 100%;
	  /*background-color: #fff;*/
	  display: block;
		font-size: 16px;
		padding-top: 15px;
	}

	.page-sidebar .site-header .kb-search .form-control {
		width: calc( 100% - 110px);
		float: left;
		border: none;
    background-color: #f4f4f4;
		margin-left: 15px;
		margin-top: 1px;
	}

	.page-sidebar .site-header .kb-search .search-icon {
		background-color: #3585cf;
    border: none;
    color: white;
    height: 32px;
    margin-top: 1px;
    margin-left: -5px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
	}

	.page-sidebar .site-header .kb-search a#cancel-btn {
		display: inline-block;
		height: 40px;
		padding-top: 5px;
		margin-left: 15px;
		font-size: 17px;
	}
	.page-sidebar .main-menu li {
		background-color: #f4f4f4;
		padding: 0;
	}

	.page-sidebar .main-menu li.active a {
		border-color: #3585cf;
	}

	.page-sidebar .main-menu li a {
		padding: 15px;
		font-size: 1.5em;
		text-align: left;
		border-left: 5px solid transparent;
		color: #3585cf !important;
	}

	.page-sidebar .main-menu li a i {
		margin-right: 15px;
		vertical-align: bottom;
		display: none;
	}

	.page-sidebar .main-menu li a br {
		display: none;
	}

	.page-sidebar .main-menu  .global-nav-mbl hr {
		margin: 0;
	}
	.filter-wrapper .form-inline .form-group {
		margin-right: 0;
	}

	.table-responsive.indent-row,  .table-responsive.fluid-row {
		margin-right: 0;
		margin-left: 0;
	}

	.page-container {
		display: block;
		height: auto;
	}
	.page-container .main-container {
		display: block;
		height: auto;
		width: 100%;
		margin-left: 0;
		/*margin-top: 10px;*/
		padding: 0;
	}

	.page-container .main-container .login-ph {
		height: auto;
		margin: 0;
	}

	.page-container .main-container .login {
		display: inline-table;
		width: 100%;
	}
	.page-container .main-container .login  .col-xs-12  {
		padding-bottom: 10px;
	}
	.page-container .main-container .login-ph .login .btn-link {
		border-right: 1px solid #cccccc;
    padding-right: 20px;
    margin-right: 20px;
		border-left: none;
		padding-left: 0;
		margin-left: 0;
	}

	.page-container .main-container .login  .col-xs-12 .form-control {
		width: 100%;
		margin-bottom: 5px;
	}

	.page-container .main-container .login  .col-xs-12 .btn-primary {
		margin-left: 0;
		width: 50%;
	}

	.page-container .main-container .login  .col-xs-12 .checkbox {
		display: inline-block;
	}

	.page-container .main-container .main-header .search-ph {
		display: none;
	}

	.page-container .main-container .panel {
		box-shadow: none !important;
	}

	.banner-ad .carousel .carousel-inner .image {
		background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
	}

	ul.main-menu {
		margin-bottom: 0;
		border: 0 none;
		-moz-box-shadow: none;
		box-shadow: 0 0 7px 7px rgba(27,27,27,.2);
	}

	.page-container .main-container .last {
		margin-bottom: 0;
	}
	.page-container .main-container .footer-main {
		width: calc(100% + 0px);
		position: relative;
		margin: 0;
		height: auto;
	}

	body.login-page {
		background-color: #3771BA;
	}

	body.login-page .login-content {
		background-color: transparent;
		box-shadow: none;
	}

	body.login-page .login-content h2 {
		display: none;
	}

	body.login-page .login-content .form-control {
		background-color: transparent;
		border-bottom-color: #90BEF3;
		font-size: 20px;
		color: #ffffff;
	}

	body.login-page .login-content .message {
		background-color:#6CB8FF;
		padding:15px;
		border:1px solid #3585cf;
		line-height:25px;
		box-shadow: 0px 2px 8px 0 #05549D;
	}

	body.login-page .login-content .form-group {
		color: #aaaaaa;
	}

	body.login-page .login-content .form-control::placeholder {
		color: #CECECE;
	}

	body.login-page .login-content .btn-block {
		background: #FFFFFF;
		border-radius: 50px;
		width: 60%;
		margin: 0 auto;
		color: #3771BA;
		font-weight: 400;
		margin-top: 60px;
	}



	body.login-page .login-content .checkbox-replace {
		display: none;
	}

	body.login-page .login-content p {
		color: #eee;
	}

	.wizard li a {
		height: 31px;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 24px !important;
    display: inline-block;
	}

	ul.removable-list li {
		padding-right: 20px;
	}
	.browse-page, .forum-page, .download-page, .case-page, .asset-page {
		padding-top: 0;
		margin-top: 0 !important;
	}
	.browse-page > .row.last, .last {
		margin-bottom: 20px !important;
	}

	.case-page .tabs-container .tab-content .table-responsive .toolbar .text-right {
		text-align: left !important;
		margin-top: 10px;
	}

	.detail-body {
		padding: 10px;
	}

	.browse-page .detail-body .meta-info {
		border-left: none;
	}

	.browse-page .detail-header .actions {
		text-align: left !important;
	}

	.browse-page .detail-header .actions a:first-child {
		margin-left: 0;
	}

	.error-page .main-content .page-error-container .custom-error-msg {
		width: 100% !important;
    background-color: rgba(216,82,9,0.7);
	}
}



@media screen and (max-width: 991px) {
	body {
		font-size: 13px !important;
	}

	.page-sidebar .sidebar-fixed {
		position: relative;
		width: 100%;
		height: auto;
	}
	.sidebar-fixed.ps-container {
		overflow: visible !important;
	}

	.pad-r20 {
		padding-right: 20px;
	}

}

@media (min-width: 768px) and (max-width: 1023px) {
	body {
		font-size: 13px !important;
	}

	.main-header .title-ph h1, .main-header .title-ph h2 {
		overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 30px;
	}

	.page-container .main-container .login-ph {
	    height: auto;
	    display: inline-table;

	}

	.page-container .main-container .login-ph .col-sm-12 {
		padding-bottom: 10px;
	}

	.banner-ad .carousel .carousel-inner .image {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 50%;
	}
}




@media screen and (max-width: 479px) {
	.notifications.dropdown .dropdown-menu {
		width: 260px;
	}
	.lockup-video .lockup-thumbnail {
		float: none;
	}
	.row-revenue {
		padding: 0;
	}
}