/*====================================
	Theme Common
=====================================*/
@media (max-width: 768px){
	.mvh-md-auto{
		min-height: 0;
	}
}
@media (max-width: 768px){
	.ad-warpper{
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
	}
}

/*====================================
	Login
======================================*/
@media (max-width: 768px){
	.login-page-right{
		max-width: 100%;
    	width: 100%;
	    flex: 0 0 100%;
	}
	.login-page-left{
		max-width: 100%;
    	width: 100%;
	    flex: 0 0 100%;
	}
}
@media (max-width: 375px){
	.login-box{
		padding-left: 15px;
		padding-right: 15px;
	}
}

/*====================================
	Misc
======================================*/

@media (max-width: 1024px){
	.nav-pills .nav-link{
	    padding-left: 20px;
	    padding-right: 20px;
	}
}
@media (max-width: 575px){
	.bx-container{
	    padding: 20px 15px;
	}
}

/*====================================
	Layout
======================================*/
@media (max-width: 1024px){
	#header, #content-main {
	    padding-right: 15px;
	}
}
@media (max-width: 768px){
	.container-row .bx-two-third,
	.container-row .bx-one-third,
	.container-row .bx-three-forth,
	.container-row .bx-one-forth{
		max-width: 100%;
    	width: 100%;
	    flex: 0 0 100%;
	}
}
@media (max-width: 768px){
	body{
		padding-top:60px;
	}
	#header, #content-main {
	    padding-left: 15px;
    	padding-right: 15px;
	}
	#content-main{
		padding-top: 15px;
	}
	#header{
		padding-left: 45px;
	    padding-top: 5px;
    	padding-bottom: 5px;
	    position: fixed;
	    top:0;
	    left:0;
	    z-index: 999;
	    background: #ffffff;
	    width: 100%;
	    -moz-box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 25%);
		-webkit-box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 25%);
	    box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 25%);
	    min-height: 60px;
	}
	.header-logo-title{
		display: none;
	}
	.header-logo {
	    display: block;
	}
	.header-logo img{
		width: auto;
		height: auto;
		max-width: 92px;
		max-height: 50px;
	}
	#menu-nav-trig {
	    display: flex;
	    font-size: 20px;
	    color: #000000;
	    position: absolute;
	    z-index: 1;
	    width: 60px;
	    height: 100%;
	    text-align: center;
	    left: 0px;
	    top: 0;
	    align-items: center;
	    justify-content: center;
	}
	#sidebar-menu{
		width: 300px;
		left: -340px;
	    -webkit-transition: all 250ms ease;
		-moz-transition: all 250ms ease;
		-ms-transition: all 250ms ease;
		-o-transition: all 250ms ease;
		transition: all 250ms ease;
	}
	#sidebar-menu.active{
		left: 0px;
	}
	.header-style-2 .header-logo img{
		width: auto;
	}
	body.scrolled {
    	padding-top: 60px;
	}
	.scrolled .sticky-header{
	    -moz-box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 25%);
		-webkit-box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 25%);
	    box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 25%);
	    -webkit-animation-name: none;
	    -moz-animation-name: none;
	}
}

@media (max-width: 575px){
	#content-main {
	    padding-left: 0;
	    padding-right: 0;
	}
	#header{
		padding-right: 0;
	}
	.header-icon-item .header-icon-link{
		padding: 5px 5px;
	}
	.header-style-2 .header-logo{
		margin-right: 5px;
	    padding: 12px 0;
	}
	.header-menu-item {
	    margin: 0 3px;
	}
}

/*================================
	Sidebar
==================================*/
@media (max-width: 768px){
	.sidebar-logo{
		display: none;
	}
	#sidebar-menu .sidebar-content{
    	height: 100vh;
    	background: #ffffff;
	}
	.sidebar-nav {
	    overflow-y: auto;
    	max-height: 100vh;
	}
	.nav-item-box{
		display: flex;
		align-items: center;
	}
	.nav-item-icon{
		margin-right: 15px;
	}
	.sidebar-nav .nav-item{
		border-bottom: 1px solid #ddd;
	}
	.sidebar-nav .nav-item a{
		position: relative;
	}
	.sidebar-nav .nav-item.has-submenu a.level-1:after,
	.sidebar-nav .nav-item.has-submenu .nav-subitem.has-submenu a.level-2:after{
		content: "+";
		position: absolute;
		right: 0;
		top: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 40px;
    	height: 100%;
	    font-size: 24px;
	}
	.sidebar-nav .nav-item.has-submenu.active a.level-1:after,
	.sidebar-nav .nav-item.has-submenu .nav-subitem.has-submenu.active a.level-2:after{
		content: "-";
	}
	.nav-subitems,
	.nav-item .nav-subitems li .nav-subitems{
	    position: relative;
	    padding: 0;
	    left: 0;
	    top: 0;
	    height: auto;
	    width: auto;
	    box-shadow: none;
	    border-radius: 0;
	    opacity: 1;
	    visibility: visible;
	    z-index: 0;
	    margin: 0;
	}
	.nav-subitems .nav-item-box{
		padding-left: 35px;
	}

	.nav-subitems li .nav-subitems .nav-item-box{
		padding-left: 55px;
	}

	.sidebar-nav .nav-subitem{
		height: 0;
		overflow: hidden;
	    -webkit-transition: all 250ms ease;
		-moz-transition: all 250ms ease;
		-ms-transition: all 250ms ease;
		-o-transition: all 250ms ease;
		transition: all 250ms ease;
	}
	.sidebar-nav .nav-item.active .nav-subitem{
		height: auto;
	}


	.sidebar-nav .nav-item .nav-subitems li .nav-subitems{
		height: 0;
		overflow: hidden;
	    -webkit-transition: all 250ms ease;
		-moz-transition: all 250ms ease;
		-ms-transition: all 250ms ease;
		-o-transition: all 250ms ease;
		transition: all 250ms ease;
	}
	.sidebar-nav .nav-item .nav-subitems li.active .nav-subitems{
		height: auto;
	}


	#sidebar-menu-overlay {
		display: none;
	    background: rgba(0,0,0,0.25);
	    position: fixed;
	    z-index: -1;
	    width: 100%;
	    height: 100%;
	    top: 0;
	    left: 0;
	}
	#sidebar-menu.active #sidebar-menu-overlay {
		display: block;
	}
}


/*================================
	Dashboard
==================================*/
@media (max-width: 1024px){
	.dashboard-title-bg-item.dashboard-title-item {
	    margin-right: 10px;
	    margin-left: 10px;
	    max-width: 220px;
	}
}
@media (max-width: 768px){
	.dashboard-tile {
	    padding: 15px 20px;
	}
}
@media (max-width: 575px){
	.dv-statistics-main-wrapper {
	    flex-direction: column;
	    align-items: center;
	}
	#dv-statistics-total {
	    margin-bottom: 20px;
	}
	#dv-statistics-filter .btn {
	    border-radius: 7px;
	    padding-left: 7px;
	    padding-right: 7px;
	    font-size: 12px;
	    margin-right: 5px !important;
	}
}


/*===========================
	Mini Profile
=============================*/
@media (max-width: 768px){
	.mini-profile {
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
	}
}


/* ================================
	Attendee Listing
================================== */
@media (max-width: 1024px){
	.profile-sidebar-items .profile-basic-item {
	    padding: 10px 5px 10px 5px;
	}
}
@media (max-width: 768px){
	.company-more-content .user-profile-item{
		max-width: 50%;
	   	width: 50%;
	    flex: 0 0 50%;
	}
	.user-profile-list .grid-view .card-view-item{
		max-width: 320px;
		margin: 0 auto;
	}
}

@media (max-width: 767px){
	.grid-slider-wrap{
		display: block;
    	margin-bottom: 40px;
	}
	.grid-slider-wrap.has-title .grid-slider-title {
	    width: 100%;
    	height: 100%;
    	font-size: 16px;
	    min-height: 36px;
	    padding: 5px 15px;
	}
	.grid-slider-wrap.has-title .grid-slider-con {
    	width: 100%;
	}
	.grid-slider-title .slider-title {
	    min-height: 36px;
	    font-size: 15px;
	    padding: 7px 45px;
	}
}

@media (max-width: 575px){
	.company-more-content .user-profile-item{
		max-width: 100%;
	   	width: 100%;
	    flex: 0 0 100%;
	    padding-left: 0;
	    padding-right: 0;
	}
}

/*===============================
	Profile Detail
================================= */
@media (max-width: 575px){
	.profile-detail .profile-top-block .user-profile{
		flex-direction: column;
	    align-items: center;
	    text-align: center;
	    position: relative;
	}
	.profile-detail .profile-top-block .user-detail{
		padding-top: 7px !important;
	}
	.profile-top-block .user-name {
	    font-size: 22px;
	    margin-bottom: 0;
	}
	.profile-top-block .profile-edit-btn-wrap{
		position: absolute;
		top: 10px;
		right: 10px;
	}
	.style-2 .profile-top .user-image{
		margin-right: 0 !important;
	}
	.meeting-short-box .meeting-short-actions{
		top: 20px;
	}
	.style-2 .profile-top .user-image{
		margin-top: -25px;
	}
	.style-2 .profile-top .profile-img-circle,
	.style-2 .profile-top .profile-img-square,
	.style-2 .profile-top .profile-circle,
	.style-2 .profile-top .profile-square {
	    width: 120px;
    	height: 120px;
	}
	.style-2 .profile-top .top-meeting-action-btn{
		display: none !important;
	}
	.profile-top .user-info .grp-box {
    	font-weight: 600;
	    padding: 3px 5px;
    	font-size: 10px;
	}
	.style-2 .profile-top .user-info{
		top: 0;
	}
	.style-2 .user-action{
		padding: 0px 5px;
	}
	.style-2 .user-action .change-cover-button{
		margin-top: 5px;
	}
}

/*===============================
	Company Detail
=================================*/
@media (max-width: 768px){
	.company-detail .company-detail-top-left{
		max-width: 100%;
	   	width: 100%;
	    flex: 0 0 100%;
	    order: 2;
	}
	.company-detail .company-detail-top-right{
		max-width: 100%;
	   	width: 100%;
	    flex: 0 0 100%;
	    order: 1;
	}
}

/*===============================
	Product Listing
=================================*/
@media (max-width: 768px){
	.company-more-content .product-item{
		max-width: 100%;
    	width: 100%;
	    flex: 0 0 100%;
	}
}

@media (max-width: 575px){
	.company-more-content .product-item{
	    padding-left: 0;
	    padding-right: 0;
	}
	.item-flat .product-item-image a {
	    width: 90px;
	}
}

/*==================================
	Brochure
===================================*/
@media (max-width: 1024px){
	.brochure-icon-title{
		display: block !important;
	}
	.brochure-icon{
		width: 58px;
		margin-bottom: 15px;
	}
}
@media (max-width: 768px){
	.company-more-content .brochure-grid-item{
		max-width: 100%;
	   	width: 100%;
	    flex: 0 0 100%;
	}
	.brochure-icon-title{
		display: flex !important;
	}
}
@media (max-width: 575px){
	.brochure-icon-title{
		display: block !important;
	}
	.company-more-content .brochure-grid-item{
	    padding-left: 0;
	    padding-right: 0;
	}
}





/*=========================================
	Conference Listing
===========================================*/
@media (max-width: 575px){
	.conf-session-list-date-title {
	    display: block;
	}
	.conf-session-list-date {
	    margin-right: 10px;
    	margin-bottom: 10px;
	    max-width: 80%;
    	width: auto;
    	display: inline-block;
	}
	.conf-session-list-date .meeting-list-date-time{
		display: flex;
	}
	.conf-session-list-date .meeting-date{
		border-bottom: none;
	}
	.conf-session-list-date .meeting-date::after {
	    content: "-";
	    padding: 0 5px 0 10px;
	}
}

/*=========================================
	Conference Listing
===========================================*/
@media (max-width: 575px){
	.video-grid-item {
    	padding: 0 0;
	}
}


/*=========================================
	Conference Detail
===========================================*/
@media (max-width: 575px){
	.program-video-wrap {
	    margin: -20px -15px 0;
	}
}


/*===============================
	Meeting Form
=================================*/
@media (max-width: 575px){
	.btn-date-time, .btn-date-time:hover {
	    padding: 5px 10px;
	    min-width: 110px;
	}
}

/*===============================
	Visiting Card
=================================*/
@media (max-width: 768px){
	.grid-view .card-view-item.exh-card {
	    max-width: 320px;
	    margin: 0 auto;
	    position: relative;
	}
	.grid-view .card-view-item.exh-card .exh-card-briefcase{
		right: 10px;
	}
}