@media only screen and (max-width: 991px){
	header{
		overflow: unset;
	}
	header nav.navbar.dark_bg{
		display: block;
	}
	.navbar-toggler{
		position: absolute;
	    right: 20px;
	    top: 15px;
	    color: #fff;
	}	
	.sidebar_mobile{
	border-radius: 50%;
	color: #fff;
}
.left_navbar .map_controller{
	margin-left: -14px;
}
header .top_nav .header_rightlist li a.button_create{
	display: none;
}
.left_navbar{
	top:-18px;
}
header .top_nav .profile_area{
	margin-left: 10px;
}
	.navbar-collapse{
	    width: 100%;
	    background: #000;
	    padding: 30px 10px 20px;
	    position: absolute;
	    top: 58px;
	    z-index: 100;
	    left: 0;		
	}
	.modal.right.fade .modal-dialog{
		top: 0;
	}
	.navbar-nav .rs_none{
		display: none;
	}
	.rs_block {
		display: inline-block !important;
	    position: absolute;
	    top: 10px;
	    right: 80px;
	}
	.rs_block li.nav-item a{
		background: #30bcaf;
	    border-radius: 50px;
	    display: inline-block;
	    height: 40px;
	    width: 40px;
	    text-align: center;
	    padding: 8px;
	    position: relative;
	    overflow: unset;
	}
	.rs_block li.nav-item a span{
		position: absolute;
	    top: calc(-50% + 7px);
	    right: calc(-50% + 2px);
	    color: white;
	    transform: translate(-50%, 50%);
	    width: 20px;
	    height: 20px;
	    border-radius: 50px;
	    font-size: 8px;
	    text-align: center;
	    line-height: 20px;
	    background: #f79a3a;
	    font-weight: 500;
		border: 1px solid white;
	}
	.modal.right .modal-content{
		height: 100%;
	}
	.sidebar_mobile{
	    display: block !important;
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 60px;
	    height: 60px;
	    z-index: 10;
	    background: #040d14;
	    text-align: center;
	    line-height: 60px;
	    font-size: 30px;
	    /*border-bottom: 1px solid #ffffff;*/
	}
	.sidebar_mobile i{
		transform: rotate(0deg);
		transition: all 0.3s ease-in-out;
	}
	.sidebar_mobile {
    /*margin-top: 40px;*/
}
.map_controller.sidebar--Collapse {
    top: 96px;
    }
	.sidebar_mobile.rotate i{
		transform: rotate(180deg);
		transition: all 0.3s ease-in-out;
	}
	.left_navbar .map_controller{
	    top: 60px;
	    width: 70px;
	    margin-left: -70px;
	    transition: margin 0.3s ease-out;
	}
	.map_controller.sidebar--Collapse{
		top: 60px;
    	margin-left: 0;
    	transition: margin 0.3s ease-out;
	}
	.left_navbar .map_controller ul li a .mouse_over{
		left: -100%;
	}
	.map_controller.sidebar--Collapse ul li a .mouse_over{
		left: 100%;
	}

	.map.minor .map_image{
		margin-left: 0;
    	width: calc(100% - 0px);
	}
	.minor_area .minor_top{
		padding: 20px 30px 20px 80px;
	}
}
@media only screen and (max-width: 769px){
	.section_area .coming_header h2 {
    
    margin-top: 20px;
}
.top_controller{
	overflow: scroll;
}


.section_area .coming_header h2 {
   
    margin-left: 20px;
}
}
@media only screen and (max-width: 1000px){
	.modal.map_modal .modal-dialog, .modal.right .modal-dialog {
	    width: 300px;
	}
	header .top_nav .header_rightlist li{
		padding-right: 0px;
	}
	.left_navbar .map_layers {
    
    margin-top: 108px;
}
	.modal.right .modal-content{
		height: 100vh;
	}
	header nav.navbar .form-inline{
		width: 100%;
	}
	.left_navbar .map_layers{
		width: 300px;
	}
	.left_navbar .current_map {
	    right: 10px;
	    bottom: 20px;
	    padding:16px 10px;
	}
	.left_navbar .section_area{
		padding: 10px;
	}
	.left_navbar .accordion{
		margin-top: 125px;
	}
	header nav.navbar a.navbar-brand{
		width: 200px;
	}
	header nav.navbar .form-inline .form-control{
		margin-top: 10px;
	}
	header nav.navbar .form-inline i{
		top: 25px;
	}
	.minor_area .minor_top{
		display: block;
	}
	.minor_area .minor_types .add_minor_type a .minor_links p{
		font-size: 14px;
	}
	.minor_area .minor_types .add_minor_type a{
		    padding: 10px 14px;
	}
	.minor_area .minor_types .add_minor_type a span.fal, .minor_area .minor_types .add_minor_type a span.fas{
		font-size: 24px;
	}
	.minor_area .minor_types .add_minor_type a .minor_links span.fal, .minor_area .minor_types .add_minor_type a .minor_links span.fas{
		width: 58px;
	    line-height: 58px;
	    height: 58px;
	}
	.sidebar_mobile{
		/*margin-top: 106px;*/
	}
	.map_controller.sidebar--Collapse{
		/*top: 165px;*/
	}
	.container-fluid{
		margin-top: 108px;
	}
	.left_navbar .section_area .coming_header h2 {

    margin-left: 59px;
}
}


@media only screen and (max-width: 380px){
	.modal.right .modal-dialog{
		width: 270px;
	}
	.modal.map_modal .modal-dialog {
	    width: 270px;
	}
	.left_navbar .map_modal .modal_account .map_details p, .left_navbar .current_map .current_Area p {
	    font-size: 14px;
	}
	.left_navbar .map_modal .modal-header a, .left_navbar .map_modal .modal-header.map_header .close{
		padding: 8px 8px;
	}
	.left_navbar .current_map .current_Area .current_line{
		min-width: 30px;
	}
	.left_navbar .map_controller ul li a{
		width: 36px;
		height: 36px;
	}
	.left_navbar .map_controller{
		/*width: 50px;*/
		margin-top: -34px;
	}
	.main_section .btm_area{
		padding: 0px 20px 0px 20px;
	}
	.minor_area .minor_top .minor_menus ul li a{
		font-size: 13px;
		padding: 3px 2px;
	}
	.left_navbar .map_controller {
    margin-top: -61px;
}
	.header_top{
		
	}
	.form-group {
    margin-bottom: 1rem;
    display: flex;
}

header .top_nav{
	justify-content: center;
	padding-top: 0px;
}
	.left_navbar{
		top: 100px;
	}


	header .top_nav .search_area{
		display: none;
	}
	header .top_nav .dropdown.profile {
    
    
    /* margin-right: 17px; */
}
header .top_nav .header_rightlist li a.button_create{
	display: none;
}
header .top_nav .profile_area{
	margin-left: 10px;
}

.left_navbar .accordion {
    margin-top: 92px;
   /* padding: 4px 0px 0px 25px;*/
}
.
}
@media only screen and (max-width: 1024px){
	.left_navbar .map_controller{
		/*margin-top: 50px;*/
	}
}
@media only screen and (max-width: 450px){
	.left_navbar .section_area .coming_header{
		display: none;
	}
	.coming_header{
	    display:none;
	    
	}
	.sidebar_mobile{
		width: 40px;
    height: 40px;
    margin-top: 18%;
    line-height: 42px;
    font-size: 25px;
    z-index: 999;
    position: fixed;
	} 
	.left_navbar{
		top: 0px;
	}
}