.wrapper{ width: auto;position: relative}
a { text-decoration: none;} 
/* Header */
.top-header .navbar{  position: fixed;  top: 0;  left: 220px;  right: 0;  background-color: #fff;
    border-bottom: 0px solid #f6f5f9;   background-clip: padding-box;  /*height: 60px;*/
    z-index: 10;  padding: 0px 0px 0px 0px; transition: all .2s;  margin-top: -1px;
    border-radius: 0px;  box-shadow: 0px 0px 6px #e2e3e4; 	z-index: 1050;
}
.booking_nave{  border-bottom: 5px solid #f6f5f9 !important;  box-shadow: 0px 0px 0px #e2e3e4 !important;  	left:0px  !important;  }
.top-header .navbar .top-navbar .nav-link {  color: #293445; font-size: 12px; text-transform: uppercase; font-weight: 500;}
.top-header .navbar .searchbar { position: relative; width: 30%;}
.top-header .navbar .searchbar .search-close-icon{ right: 2rem; opacity: 0.5; cursor: pointer; }
.top-header .navbar .searchbar .form-control {  border-radius: 30px;  border: 1px solid rgb(206 212 218 / 0%);  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
    padding-left: 2.5rem;  padding-right: 2.5rem;
}
.top-header .navbar .dropdown-searchbar .form-control {  border-radius: 30px;  border: 1px solid rgb(206 212 218 / 0%);  padding-left: 3rem;  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
.top-header .navbar .searchbar .form-control:focus,
.top-header .navbar .dropdown-searchbar .form-control:focus { border-color: #86b7fe;  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)}
.top-header .navbar .searchbar .search-icon,
.top-header .navbar .dropdown-searchbar .search-icon { opacity: 0.5;}
.top-header .navbar .user-setting{  height: 40px;    border-radius: 30px;    background-color: #fff;    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);}
.dropdown-toggle-nocaret:after {display: none}
.top-header .navbar .dropdown-menu {
	-webkit-animation: .6s cubic-bezier(.25, .8, .25, 1) 0s normal forwards 1 animdropdown;
	animation: .6s cubic-bezier(.25, .8, .25, 1) 0s normal forwards 1 animdropdown
}
@-webkit-keyframes animdropdown {
	from {
		-webkit-transform: translate3d(0, 6px, 0);
		transform: translate3d(0, 6px, 0);
		opacity: 0
	}
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

@keyframes animdropdown {
	from {
		-webkit-transform: translate3d(0, 6px, 0);
		transform: translate3d(0, 6px, 0);
		opacity: 0
	}
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}
.top-header .navbar .dropdown-large {	position: relative}
.dropdown-large .dropdown-menu {	width: 360px;	border: 0;	padding: 0.5rem;	border-radius: 10px;	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)}
.header-message-list {position: relative;	height: 420px}
.header-notifications-list {position: relative;	height: 420px}
.top-header .navbar .dropdown-menu .notification-box { width: 52px;    height: 52px;    font-size: 22px;    border-radius: 50%;
    display: flex;    align-items: center;    justify-content: center;    background-color: #e1e6eb;
}
.top-header .navbar .nav-link .notify-badge { position: absolute;    top: -2px;    right: -5px;    color: #fff;    font-size: 12px;
    width: 18px;    height: 18px;    border-radius: 50%;    display: flex;    align-items: center; justify-content: center;    background-color: #fa0909;
}
.mobile-toggle-icon,
.search-toggle-icon,
.projects,
.notifications,
.messages {   position: fixed;    width: 40px;    height: 40px;    display: flex;    align-items: center;    justify-content: center;
    text-align: center;    color: #5e636b;    font-size: 16px;    cursor: pointer;    border-radius: 50%; 
	/*background-color: #fff;
    border: 1px solid rgb(255 255 255 / 0%);
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);*/
	display: none;	margin-top: 15px; margin-left: 5px; z-index: 1000;
}
/* Sidebar */
 .sidebar-wrapper {   position: fixed;    top: 0px;    left: 0;    width: 220px;	height:100%; 
    background-color: #1a1f29;    background-clip: padding-box;    border-right: 0px solid #e2e3e4;    transition: all .2s;
    z-index: 1050;	border-radius: 0px; 	margin:15px 0px 15px 0px; 
}
.sidebar-wrapper .sidebar-header {    width: 220px;    height: 60px;    /*display: flex;*/    align-items: center;
    position: fixed;    top: 0px;    bottom: 0;    padding: 0 12px 0px 0px;	background-color: #1a1f29;    z-index: 5;     border-right: 0px solid #e2e3e4;
    border-bottom: 0px solid #e4e4e4;    transition: all .2s;	border-radius: 0px; 
}
.sidebar-wrapper .sidebar-header .logo-icon {  width: 30px;}
.sidebar-wrapper .sidebar-header  .logo-text {    font-size: 22px;    margin-left: 0px;    margin-bottom: 0;    letter-spacing: 1px;    color: #3461ff;}
.toggle-icon { font-size: 22px;  cursor: pointer;  color: #fff;  padding: 0px 0px 0px 12px;float: right;margin-top:-50px;}
/*.toggle-icon {    font-size: 22px;    cursor: pointer;    color: #fff;    padding: 0px 0px 0px 12px;
    float: right;    margin-top: -50px;    position: relative;    z-index: 6000;
}*/
.sidebar-wrapper ul {	padding: 0;	margin: 0;	list-style: none;	background: 0 0}
.sidebar-wrapper .metismenu {	background: 0 0;	display: -webkit-box;
	display: -ms-flexbox;	display: flex;	padding: 10px 6px;	margin-top: 35px;	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;	-ms-flex-direction: column;	flex-direction: column
}
.sidebar-wrapper .metismenu  li{  padding:5px 0px; }
.sidebar-wrapper .metismenu li+li {	margin-top: 0px}
.sidebar-wrapper .metismenu li:first-child {margin-top: 0px}
.sidebar-wrapper .metismenu li:last-child {	margin-bottom: 0px}
.sidebar-wrapper .metismenu>li {display: -webkit-box;	display: -ms-flexbox;display: flex;
	-webkit-box-orient: vertical;-webkit-box-direction: normal;	-ms-flex-direction: column;	flex-direction: column;
	position: relative
}

.sidebar-wrapper .metismenu a {	position: relative;	display: flex;	align-items: center;	justify-content: left;	padding: 0px 0px 0px 5px; 
	font-size: .7em !important;	color: #fff;outline-width: 0;	text-overflow: ellipsis;
	overflow: hidden;	letter-spacing: .05em;	text-transform:uppercase;
	font-weight: 500;	border: 1px solid #ffffff00;
	transition: all .2s ease-out;
	    line-height:33px;
}
.sidebar-wrapper .metismenu a .parent-icon {font-size: 21px;line-height: 1;	float: left;padding-left:0px;text-align: center;}
.sidebar-wrapper .metismenu a .menu-title {	margin-left: 5px;	float: left;}
.sidebar-wrapper .metismenu ul a { padding: 1px 15px 1px 15px; font-size: 13px; border: 0;}
.sidebar-wrapper .metismenu ul a i {margin-right: 10px}
.sidebar-wrapper .metismenu ul {border: 0px solid #ededed;	background: rgba(0, 0, 0,  0.5);}
.sidebar-wrapper .metismenu ul ul a {padding: 8px 15px 8px 30px}
.sidebar-wrapper .metismenu ul ul ul a {padding: 8px 15px 8px 45px} 
.sidebar-wrapper .metismenu a:active,
.sidebar-wrapper .metismenu a:focus,
.sidebar-wrapper .metismenu a:hover {color: #fff;text-decoration: none;
	background-color:#0074ff;border-radius: 5px;
}
/* .sidebar-wrapper .metismenu .mm-active>a,
.sidebar-wrapper .metismenu a:active,
.sidebar-wrapper .metismenu a:focus,
.sidebar-wrapper .metismenu a:hover {	color: #fff;	text-decoration: none;	background-color:#0074ff;	border-radius: 5px;} 
 */
.sidebar-wrapper .metismenu .active  {color: #fff;	text-decoration: none;
	background-color:#0074ff;	border-radius: 5px;	padding: 0;
}
.menu-label {padding: 20px 15px 5px 5px;color: #b0afaf;	text-transform: uppercase;
	font-size: 12px;letter-spacing: .5px
}
.metismenu .has-arrow:after {position: absolute;	content: "";
	width: .5em;height: .5em;	border-style: solid;	border-width: 1.2px 0 0 1.2px;	border-color: initial;
	right: 15px;	transform: rotate(-45deg) translateY(-50%);	transform-origin: top;
	top: 50%;	transition: all .3s ease-out
}
@media screen and (min-width:915px) {
.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header .logo-text {display: none}
.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper {width: 70px}
.wrapper.toggled.sidebar-hovered .sidebar-wrapper {	box-shadow: 0 .3rem .8rem rgba(0, 0, 0, .12)!important	}
.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header {width: 70px}
.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header .toggle-icon {display:  block;padding: 0px !important; margin:12px 16px 0px 0px !important;	}
.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header {
	justify-content: center
}
.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header {width: 70px}
.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu a {justify-content: center;	padding: 0px 0px 0px 0px;}
.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu .menu-title {display: none}
.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu li ul {display: none}
.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu li.menu-label {display: none}
.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu .has-arrow:after {display: none}
.email-toggle-btn {	display: none!important}
.chat-toggle-btn {	display: none!important}
}
.wrapper.toggled .top-header .navbar {left:70px}
.wrapper.toggled .page-content {margin-left:70px} 
/* Page Content */
.page-content { margin-left: 220px; margin-top: 58px; padding: 0px; transition: all .2s;}
.page-content1 { margin-top: 0px !important; }
.page-content2 { margin-top: 25px !important; margin-left: 0px !important;}

/* Utilities */
.radius-10 { border-radius: 10px;}
.radius-15 { border-radius: 15px;}
.radius-30 { border-radius: 30px;}
.font-13 { font-size: 13px;}
.font-14 { font-size: 14px;}
.font-20 { font-size: 20px;}
.font-22 { font-size: 22px;}
.font-24 { font-size: 24px;}
.font-30 {font-size: 30px;}
.font-35 {font-size: 35px;}
.text-justify { text-align: justify;}
.fm-menu .list-group a { font-size: 16px;  color: #5f5f5f;  display: flex; align-items: center;}
.fm-menu .list-group a i { font-size: 23px;}
.fm-menu .list-group a:hover {background-color: rgb(52 97 255 / 15%);	color: #3461ff;	transition: all .2s ease-out}
.add-post { width: 28px;  height: 28px;  border-radius: 50%;  display: flex;
    align-items: center; justify-content: center;
    background: rgba(255, 255, 255, 0.15);
}
.fm-icon-box {  font-size: 32px;  background: #fff;    width: 52px;
    height: 52px; display: flex;
    align-items: center; justify-content: center;
}
.back-to-top {display: none;width: 40px;height: 40px;
	line-height: 40px;	text-align: center;
	font-size: 26px;color: #fff;
	position: fixed;border-radius: 50%;
	bottom: 20px;	right: 12px;
	background-color: #0d6efd;
	z-index: 5
}
.back-to-top:hover {	color: #fff;	background-color: #000;	transition: all .5s}
.project-user-groups img {   margin-right: -14px;    border: 1px solid #e4e4e4;   padding: 2px; cursor: pointer;}
.project-user-plus {    width: 33px;    height: 33px;
    margin-right: 0px;    line-height: 33px;
    background: #fff;    border-radius: 50%;
    text-align: center;    font-size: 22px;
    cursor: pointer;    border: 1px dotted #a9b2bb;
    color: #404142;
}
.user-groups img {    margin-left: -14px;    border: 1px solid #e4e4e4; padding: 2px;    cursor: pointer;}
.user-plus {   width: 33px;    height: 33px;
    margin-left: -14px;    line-height: 33px;
    background: #fff;  border-radius: 50%;    text-align: center;
    font-size: 22px;
    cursor: pointer;   border: 1px dotted #a9b2bb;
    color: #404142;
}
.icon-box {  width: 60px;  height: 60px;   background-color: #ffffff;
    border-radius: 50%;    border: 1px solid #c7c8cb;
    font-size: 26px;    display: flex;
    align-items: center; justify-content: center; cursor: pointer;
}
.product-box {	width: 52px;height: 52px;	display: flex;
	align-items: center;justify-content: center;
	border-radius: 10px;cursor: pointer;
	background-color: #ffffff;
 }
.best-product-item { background-color: #ffffff;	 cursor: pointer; border-radius: 10px;	 padding: .5rem; }
.best-product-item:hover { background-color: #f5f5f5; } 
.product-box img { width: 100%; }
.best-product { position: relative; height: 460px; }
.chart-container1 { position: relative; height: 340px;}
.gmaps, .gmaps-panaroma { height: 400px; background: #eee; border-radius: 3px;}
.theme-icons { background-color: #fff;  color: #434547;}
.cursor-pointer { cursor: pointer;}
.icon-badge { width: 45px;  height: 45px;  font-size: 1.2rem;
    background: #f2f2f2;  display: flex;
    align-items: center; justify-content: center;  border-radius: 50%;
}
.product-img-2 { width: 45px;  height: 45px; background-color: #fff;
    display: flex;  align-items: center; justify-content: center;
    border-radius: 10px; border: 1px solid #e6e6e6;
}
.error-social a {display: inline-block;	width: 40px;height: 40px;
	line-height: 40px;	font-size: 18px;color: #fff;
	text-align: center;	border-radius: 50%;	margin: 5px;
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important
}
.productlist .product-box{  width: 60px; height: 60px;
    display: flex;  align-items: center;
    justify-content: center;  border-radius: 0.25rem;
    border: 1px solid #e2e3e4; background-color: #ffffff;
}
.productlist .product-box img{ width: 100%}
.productlist .product-title { color: rgb(25, 27, 34);}
.orderlist .product-box{ width: 50px;  height: 50px;  display: flex;
    align-items: center;  justify-content: center;  border-radius: 0.25rem;
    border: 1px solid #e2e3e4; background-color: #ffffff;
}
.orderlist .product-box img{ width: 100%}
.orderlist .product-title { color: rgb(25, 27, 34);}
.breadcrumb-title { font-size: 20px;  border-right: 1.5px solid #aaa4a4;}
.page-breadcrumb .breadcrumb-item+.breadcrumb-item::before { display: inline-block; padding-right: .5rem;  color: #6c757d;
    font-family: LineIcons; content: "\ea5c";
}
.page-breadcrumb .breadcrumb li.breadcrumb-item { font-size: 16px;}
.iconmenu .ps__rail-x {height: 0px;}
.iconmenu .ps__rail-y {	width: 0px;}
.iconmenu .ps__rail-x.ps--clicking .ps__thumb-x, .iconmenu .ps__rail-x:focus>.ps__thumb-x, .iconmenu .ps__rail-x:hover>.ps__thumb-x {height: 5px}
.iconmenu .ps__rail-y.ps--clicking .ps__thumb-y, .iconmenu .ps__rail-y:focus>.ps__thumb-y, .iconmenu .ps__rail-y:hover>.ps__thumb-y {width: 5px}
.w_chart { position: relative; display: inline-block;  width: 80px !important;  height: 80px !important;  text-align: center; font-size: 1.4em;}
.w_percent {  display: inline-block;  line-height: 80px !important;  z-index: 2;  color: #0a0808;}
.w_percent:after { content: '%';  margin-left: 0.1em;}
.w_chart canvas { position: absolute;  top: 0;  left: 0;  width: 80px !important;  height: 80px !important;}
#geographic-map { width: 100%; height: 400px;}
.new-customer-list {
	position: relative;
	height: 500px
}
.new-customer-list .customer-list-item {padding: 0.5rem; border-radius: 10px;}
.new-customer-list .customer-list-item:hover {background-color: #f0f0f0;}
.top-sellers-list {position: relative;	height: 460px}
.top-sellers-list .sellers-list-item {padding: 0.5rem;  border-radius: 10px;}
.top-sellers-list .sellers-list-item:hover {background-color: #f0f0f0;}
.client-message {position: relative;height: 565px}
.client-message .client-messages-list {	padding: 0.5rem;}
.client-message .client-messages-list:hover {background-color: #f0f0f0;}
/* Widgets */
.widget-icon {   width: 48px;   height: 48px;
    background-color: #fafafa;
    border-radius: 50%;    font-size: 18px;
    display: flex;    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.widget-icon-large {    width: 54px;    height: 54px;    background-color: #fafafa;
    border-radius: 10px;    font-size: 24px;   display: flex;    align-items: center;    justify-content: center;
    cursor: pointer;
}
/* Chips */
.chip {
    display: inline-block;    height: 32px;   padding: 0 12px;    margin-right: 1rem;    margin-bottom: 1rem;    font-size: 14px;    font-weight: 500;
    line-height: 32px;    color: rgba(0, 0, 0, .7);    cursor: pointer;    background-color: #f1f1f1;    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 16px;    -webkit-transition: all .3s linear;    transition: all .3s linear;    box-shadow: none;
}
.chip img { float: left;  width: 32px;  height: 32px;  margin: 0 8px 0 -12px;  border-radius: 50%;}
.profile-cover {
    background-image: linear-gradient(to bottom right, rgb(26 30 33 / 50%), rgb(0 0 0 / 50%)), url(../images/gallery/33.png);
    background-size: cover;    height: 24rem;
    background-position: center;    margin: -4.0rem -1.5rem -5.5rem -1.5rem;    padding: 1.5rem 1.5rem 6.5rem 1.5rem;
} 
/* Authentication */
.authentication-card { display: flex;   align-items: center;   justify-content: center;   margin: auto;   max-width: 60rem; height: 100vh;}
.login-separater span { position: relative;    top: 26px;
    margin-top: -10px;    background: #fff;    padding: 5px;    font-size: 12px;
    color: #cbcbcb; z-index: 1;}
/* swicther */
.btn-switcher { position: fixed;    right: 0px;    top: 40%;    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.header-colors-indigators .indigator {width: 50px;    height: 50px;    background-color: #f7f8fa;    border-radius: 10px;
    cursor: pointer;
}
/* Responsive */
.dash_count_sec { background: #f2f2f2 none repeat scroll 0 0;    width: 100%;
    text-align: left;    padding: 12px 0px 12px 0px;    color: #000;
    margin-bottom: 0px;    border-radius: 5px;   font-size: 16px;  display: inline-block;   text-align: center;
}

.dash_container { width: 100%; margin: 0px auto; padding: 35px 0px 0px 0px;}
.dash_container a { background: #ffffff;   width: 100%;        padding: 3px;       box-shadow: 0px 0px 0 #ccc;
        border-radius: 5px;   margin-bottom: 20px;   display: inline-block;
    }
.dash_container a:hover { background: #2bcb3a;}
 
@media screen and (max-width:1280px) {
.email-header {height: auto}
.email-content {padding: 100px 0 0 0}
}
@media screen and (max-width:990px) {
.sidebar-wrapper {left: -300px;}  
.page-content { margin-left: 0px;  }
.top-header .navbar{ left: 0px;}
/* Toggeled */
.wrapper.toggled .sidebar-wrapper{left: 0px;}    
.wrapper.toggled .page-content {margin-left: 0px;}
.wrapper.toggled .top-header .navbar{ left: 0px;}
.wrapper.toggled .overlay {position: fixed;		top: 0;
		right: 0;		bottom: 0;		left: 0;
		background: #000;		opacity: .6;		z-index: 12;
		display: block;	cursor: move;		transition: all .2s ease-out	
		}    
.top-header .navbar .full-searchbar {position: absolute;    top: 0%;
    left: 0;    right: 0%;    width: 100%;    height: 60px;
    background-color: #f7f8fa;    border-bottom: 1px solid rgb(0 0 0 / 0%);
    background-clip: padding-box;    display: flex !important;
    z-index: 1;    align-items: center;    justify-content: start;    padding: 0 1rem;
    -webkit-animation: .6s cubic-bezier(.25, .8, .25, 1) 0s normal forwards 1 animdropdown;
	animation: .6s cubic-bezier(.25, .8, .25, 1) 0s normal forwards 1 animdropdown 
  }
 }
@media screen and (max-width:1024px) {
.authentication-card { padding: 1.5rem 0; height: auto;}
}
 @media screen and (max-width:767px) {
.top-header .navbar .dropdown-menu::after {display: none}
.top-header .navbar .dropdown {position:  relative !important} 
.top-header .navbar {  height: auto; display: block; } 
}
@media screen and (max-width:520px) {
.chat-footer-menu, .chat-top-header-menu {display: none	}
}

@media only screen and (max-width:1024px) { 
.dash_container { width: 100%; margin: 0px auto; padding: 100px 0px 0px 0px;}	
}
@media only screen and (max-width:900px) {
.mobile-toggle-icon,.search-toggle-icon,.projects,.notifications,.messages { display:  block;} 
}
@media only screen and (max-width:767px) { 
.mobile-toggle-icon,
.search-toggle-icon,
.projects,
.notifications,
.messages {  position:  absolute; z-index:6000;  }  
}
} 
@media (hover: hover) {
  .wrapper.sidebar-hovered .sidebar-wrapper { 
  }
}
 /*.right_cont_sec{ width:87%; float:left;}
.wrapper.toggled .right_cont_sec { width:88%; float:left;}
.right_cont_sec1{ width:100% !important; float: none;}
@media only screen and (max-width:1800px) {
.right_cont_sec{ width:85%; }
.wrapper.toggled .right_cont_sec { width:86.5%; float:left;}
}
@media only screen and (max-width:1670px) {
.right_cont_sec{ width:84%; }
.wrapper.toggled .right_cont_sec {width:86%; float:left;}
}
@media only screen and (max-width:1530px) {
.right_cont_sec{ width:83%; }
.wrapper.toggled .right_cont_sec { width:85%; float:left;}
}
@media only screen and (max-width:1485px) {
.right_cont_sec{ width:83%; }
.wrapper.toggled .right_cont_sec { width:84.5%; float:left;}
}
@media only screen and (max-width:1440px) {
.right_cont_sec{ width:82%; }
.wrapper.toggled .right_cont_sec {width:84%; float:left;}
}
@media only screen and (max-width:1400px) {
.right_cont_sec{ width:81.5%; }
.wrapper.toggled .right_cont_sec { width:83.5%; float:left;}
}
@media only screen and (max-width:1330px) {
.right_cont_sec{ width:80.4%; }
.wrapper.toggled .right_cont_sec { width:83%; float:left;}
}
@media only screen and (max-width:1320px) {
.right_cont_sec{ width:80%; }
.wrapper.toggled .right_cont_sec { width:82.5%; float:left;}
}
@media only screen and (max-width:1270px) {
.right_cont_sec{ width:79%; }
.wrapper.toggled .right_cont_sec {width:82%; float:left;}
}
@media only screen and (max-width:1220px) {
.right_cont_sec{ width:78.5%; }
.wrapper.toggled .right_cont_sec {width:81%; float:left;}
}
@media only screen and (max-width:1200px) {
.right_cont_sec{ width:78%; }
.wrapper.toggled .right_cont_sec {width:80.5%; float:left;}
}
@media only screen and (max-width:1150px) {
.right_cont_sec{ width:77%; }
.wrapper.toggled .right_cont_sec { width:80%; float:left;}
}
@media only screen and (max-width:1120px) {
.right_cont_sec{ width:76%; }
.wrapper.toggled .right_cont_sec { width:79.5%; float:left;}
}
@media only screen and (max-width:1095px) {
.right_cont_sec{ width:75%; }
.wrapper.toggled .right_cont_sec { width:79%; float:left;}
}
@media only screen and (max-width:1070px) {
.right_cont_sec{ width:75%; }
.wrapper.toggled .right_cont_sec { width:78.5%; float:left;}
}
@media only screen and (max-width:1045px) {
.right_cont_sec{ width:74%; }
.wrapper.toggled .right_cont_sec { width:78%; float:left;}
}
@media only screen and (max-width:1024px) {
 .right_cont_sec {width: 100%; }
.wrapper.toggled .right_cont_sec {width:100%; float:left;} 
 .mobile-toggle-icon, .search-toggle-icon, .projects, .notifications, .messages { margin-top: 15px; margin-left: 5px; z-index: 1000;}  
}
*/