#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: 9px 5px;
	display: block;
	color: #fff;
	font: 400 16px/19px 'PT Sans', sans-serif;
	border: 1px solid #19398B;
    background: #0c308b;
    
}
 .tabs-hd li:hover {
     background: #3c81b7;
 }
.tabs-hd li a:hover {
	background: #0c308b;
	color: #fff;
	border: 1px solid #0076c0;
}
.tabs-hd li {
	width: 100%;
	float: left;
	margin: 0 0px 5px 0;
	background: #19398B;
	padding: 0 !important;
	text-align: center;
}

.tabs2 li {
	float: left;
	width: 48%;
	margin: 0 1% 0;
	list-style: none !important;
	background: none !important;
	min-width: 315px;
	padding: 5px 5px 5px 0 !important;
}
.tabs2 li a {
	display: block;
	font-size: 17px !important;
	background: #0c308b;
	color: #fff;
	padding: 12px 10px 12px 20px;
	text-decoration: none;
	box-shadow: 2px 3px 7px #222;
	border-radius: 10px 2px;
}
.tabs2 li a:hover {
	background: #3c81b7;
	color: #fff;
	transition: 0.5s all ease-in-out;
}
 .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;
     }
 }
@media screen and (max-width : 480px){
    #form-element-list li .control-fields li {
		width: 95% !important;
	}
}