#Content {
     padding: 0 2% 0 0;
     width: 72%;
 }
 /*fixedsidebar-styles*/
 .fixedsidebar {
     width: 305px !important;
     display: inline-block !important;
     vertical-align: top !important;
 }
 .tabs-hd {
     width: 100%;
     float: left;
     margin-bottom: 10px;
 }
.tabs-hd li a {
	padding: 6px 0;
	display: block;
	color: #000;
	font: 400 16px/19px 'Roboto', sans-serif;
	border: 1px solid #000;
    transition: all 0.5s;
}
 .tabs-hd li:hover {
     background: #000;
     transition: all 0.5s;
 }
.tabs-hd li a:hover {
	background: #e5e5e5;
	color: #000;
	transition: all 0.5s;
}
.tabs-hd li {
	width: 100%;
	float: left;
	margin: 0 0px 5px 0;
	background: #7cd5b0;
	padding: 0 !important;
	text-align: center;
}
 .dfw-whitemode #Content {
     width: 100%;
 }
 .dfw-blackmode #Content {
     width: 100%;
 }
 @media screen and (max-width : 1170px) {
     #Content {
         width: 70%;
     }
 }
 @media screen and (max-width : 960px) {
     #Content {
         width: 67%;
     }
 }
 @media screen and (max-width : 860px) {
     #Content {
         width: 60%;
     }
 }
 @media screen and (max-width : 767px) {
     #Content {
         width: auto;
         padding: 0;
     }
     .fixedsidebar {
         display: none!important;
         margin: 0 auto;
     }
 }
 @media screen and (max-width : 640px) {
     #Sidebar {
         display: none !important;
     }
 }