@media screen and (min-width: 991px) {
	/*** SUPERFISH STYLES ***/
	.sf-menu, .sf-menu * {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.sf-menu li {
		position: relative;
	}
	.sf-menu ul {
		position: absolute;
		display: none;
		top: 100%;
		left: 0;
		z-index: 99;
	}
	.sf-menu > li {
		float: left;
	}
	.sf-menu li:hover > ul,
	.sf-menu li.sfHover > ul {
		display: block;
	}

	.sf-menu a {
		display: block;
		position: relative;
	}
	.sf-menu ul ul {
		top: 0;
		left: 100%;
	}


	/*** DEMO SKIN ***/
	.sf-menu {
		float: left;
		margin-bottom: 1em;
	}
	.sf-menu ul {
		box-shadow: 2px 2px 6px rgba(0,0,0,.2);
		min-width: 12em; /* allow long menu items to determine submenu width */
		*width: 12em; /* no auto sub width for IE7, see white-space comment below */
	}
	.sf-menu a {
		border-left: 1px solid #fff;
		border-top: 1px solid #dFeEFF; /* fallback colour must use full shorthand */
		border-top: 1px solid rgba(255,255,255,.5);
		padding: .75em 1em;
		text-decoration: none;
		zoom: 1; /* IE7 */
	}
	.sf-menu a {
		color: #13a;
	}
	.sf-menu li {
		background: #BDD2FF;
		white-space: nowrap; /* no need for Supersubs plugin */
		*white-space: normal; /* ...unless you support IE7 (let it wrap) */
		-webkit-transition: background .2s;
		transition: background .2s;
	}
	.sf-menu ul li {
		background: #AABDE6;
	}
	.sf-menu ul ul li {
		background: #9AAEDB;
	}
	.sf-menu li:hover,
	.sf-menu li.sfHover {
		background: #CFDEFF;
		/* only transition out, not in */
		-webkit-transition: none;
		transition: none;
	}

	/*** arrows (for all except IE7) **/
	.sf-arrows .sf-with-ul {
		padding-right: 2.5em;
		*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
	}
	/* styling for both css and generated arrows */
	.sf-arrows .sf-with-ul:after {
		content: '';
		position: absolute;
		top: 50%;
		right: 1em;
		margin-top: -3px;
		height: 0;
		width: 0;
		/* order of following 3 rules important for fallbacks to work */
		border: 5px solid transparent;
		border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
		border-top-color: rgba(255,255,255,.5);
	}
	.sf-arrows > li > .sf-with-ul:focus:after,
	.sf-arrows > li:hover > .sf-with-ul:after,
	.sf-arrows > .sfHover > .sf-with-ul:after {
		border-top-color: white; /* IE8 fallback colour */
	}
	/* styling for right-facing arrows */
	.sf-arrows ul .sf-with-ul:after {
		margin-top: -5px;
		margin-right: -3px;
		border-color: transparent;
		border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
		border-left-color: rgba(255,255,255,.5);
	}
	.sf-arrows ul li > .sf-with-ul:focus:after,
	.sf-arrows ul li:hover > .sf-with-ul:after,
	.sf-arrows ul .sfHover > .sf-with-ul:after {
		border-left-color: white;
	}
	/* main menu style starts */
	.main-navbar_ .main-navbar-inner {
	    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	    -webkit-box-shadow: none;
	    -moz-box-shadow: none;
	    box-shadow: none;
	    margin: 0;
	    padding: 0;
	    min-height: inherit;
	    border: none;
	    background: none;
	    -webkit-border-radius: none;
	    -moz-border-radius: none;
	    border-radius: none;
	    float: left;
	}
	.main-navbar_ {
		margin-bottom: 0 !important;
		height: auto!important;
		width: 100%;
	}
	.main-nav-collapse .main-nav {
		float: right;
	}
	.main-navbar_ .collapse {
		overflow: visible;
		line-height: 0 !important;
		font-size: 0;
	 	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	}
	.main-navbar_ .main-nav-collapse_ .main-nav li li {
		font-size: 15px;
		line-height: 1.2;
		padding: 0;
		display: block;
		float: none;
		background: transparent;
	}
	.main-navbar_ .main-nav-collapse_ .main-nav li li a {
		color: #fff;
		border: none;
		text-align: left;
		padding: 10px 12px;
	}
	.main-navbar_ .main-nav-collapse_ .main-nav li li a:hover {
		color: #1A1A1A!important;
	}
	.main-navbar_ .main-navbar-inner {
	 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		margin: 0;
		padding: 0;
		min-height: inherit;
		border: none;
		background: none;
		-webkit-border-radius: none;
		-moz-border-radius: none;
		border-radius: none;
		float: none;
	}
	.main-navbar_ .main-nav-collapse_ {
		padding: 0;
		height: auto;
		overflow: visible !important;
	}
	.main-nav-collapse_ {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		float: none;
		margin: 0;
		padding: 0;
		background: none;
		text-align: center;
	}

	.main-nav-collapse_ .main-nav {
		margin: 0;
	}
	.main-nav-collapse_ .main-nav li {
		position: relative;
		display: inline-block;
		background: inherit;
		margin: 0;
		padding: 0 15px;
		float: left;
		zoom: 1;
		white-space: normal;
		line-height: 21px;
	}
	.main-nav-collapse_ .main-nav li:last-child {
		padding-right: 0;
	}
	.main-nav-collapse_ .main-nav > li > a {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		margin: 0;
		color: #ffffff;
		box-shadow: none !important;
		text-shadow: none !important;
		padding: 0;
		background: transparent;
		display: inline-block;
		border: none;
		height: 39px;
		font-size: 14px;
	}
	.main-nav-collapse_ .main-nav > li > em {
		width: 10px;
		height: 7px;
		background: url(../img/slash.png) no-repeat;
		display: inline-block;
		margin-top: 40px;
	}
	.main-nav-collapse_ .main-nav > li.active > a {
		color: #ffffff !important;
		background: inherit !important;
		box-shadow: none;
	}
	.main-nav-collapse_ .main-nav > li a:hover {
		color: #fff !important;
		background: inherit !important;
	}
	.main-nav-collapse_ .main-nav > li > a:hover:before,
	.main-nav-collapse_ .main-nav > li.active > a:before {
		content: "";
		display: block;
		width: 32px;
		height: 3px;
		background-color: #FA6400;
		position: absolute;
		bottom: 0;  
	}
	.main-nav-collapse_ .main-nav > li:last-child > a:hover:before,
	.main-nav-collapse_ .main-nav > li.active:last-child > a:before {
		left: auto;
		right: 0;
	}	
	.main-nav-collapse_ .main-nav > li > a.sf-with-ul:after {
		top: 9px;
	    right: -1em;
	    margin-top: 0;
	}
	.sf-arrows .sf-with-ul {
		padding-right: 0;
	}
	.main-nav-collapse_ .main-nav > .sfHover > a {
		color: #ffffff !important;
		background: inherit !important;
	}
	.main-nav-collapse_ .main-nav > li > a span {
		display: inline-block;
		background: url(../img/menu-marker.png) no-repeat;
		width: 7px;
		height: 6px;
		left: 52px;
		top: 63px;
		position: absolute;
	}
	.main-nav-collapse_ .main-nav ul {
		width: 200px;
		left: 8px;
		/* padding: 10px 0; */
		background: rgb(208,82,14);
		background: -webkit-linear-gradient(rgba(208,82,14,1) 0%, rgba(253,158,0,1) 100%);
		background: -o-linear-gradient(rgba(208,82,14,1) 0%, rgba(253,158,0,1) 100%);
		background: linear-gradient(rgba(208,82,14,1) 0%, rgba(253,158,0,1) 100%);
	}
	.main-nav-collapse_ .main-nav li:last-child ul {
		left: auto;
		right: 0;
	}
	.main-nav-collapse_ .main-nav ul ul {
		left: 100%;
		background-image: linear-gradient(151deg, #138CBF 0%, #00365A 100%);
		box-shadow: 0 0 14px 0 rgba(0,0,0,0.06);
		border-radius: 0 0 3px 3px 0;
	}
}

@media screen and (min-width: 1200px) {
	
	.main-container, 
	.main-navbar-static-top .main-container, 
	.main-navbar-fixed-top .main-container, 
	.main-navbar-fixed-bottom .main-container {
	    width: 1170px;
	}
	.main-nav-collapse_ .main-nav > li > a {
		font-size: 16px;
	}
	.main-footer-top .footer-right:before {
		bottom: -32px;
    	left: -109px;
    	height: 200px;
	}
	.main-row {
	    margin-left: -30px;
	}
	.footer-left,
	.footer-right,
	.footer-left-col,
	.footer-copyright {
		float: left;
	    min-height: 1px;
	    margin-left: 30px;
	}
	.footer-left {
	    width: 770px;	    
	}	
	.footer-left-col {
	    width: 170px;
	}
	.footer-right {
	    width: 270px;
	    margin-left: 130px;
	}
	.footer-copyright {
	    width: 1170px;
	}
}

@media screen and (min-width: 1250px) {	
	.main-footer-top .footer-right:before {
		bottom: -50px;
	}
}

@media screen and (min-width: 1400px) {	
	.main-footer-top .footer-right:before {
    	height: 238px;
	}
}

@media screen and (min-width: 1600px) {	
	.main-footer-top .footer-right:before {
		bottom: -88px;
    	left: -109px;
	}
}

@media screen and (max-width: 1199px) {	
	.main-brand {
	    width: 240px;
	}
	.main-header-right {
	    width: 690px;
	}
	.slider-left {
	    max-width: 500px;
	}
	.banner-slider h2 {
	    font-size: 44px;
	}
	.banner-slider h3 {
	    font-size: 25px;
	}
	footer:after, .main-footer-top .footer-right:before {
		display: none;
	}
}

@media screen and (max-width: 990px) {
	h2 {
		font-size: 30px;
	}
	h5 {
		font-size: 15px;
	}
	header .main-container {
	    position: relative;
	}	
	.main-brand, .main-navbar_ {
	    display: none;
	}
	header .container {
		position: relative;
	}
	.main-header-right {
	    width: 100%;
	    float: none;
	}
	.main-top-header {
		position: absolute;
		top: -20px;
		left: 0;
		right: 0;
		width: 100%;
		z-index: 999999;
		text-align: center;
		font-size: 13px;
		float: none;
    	margin: 0 auto;
	}
	.main-top-header li {
		display: inline-block;
		float: none;
	}
	.main-top-header li:last-child {
		padding-right: 8px;
	}
	.main-nav-collapse_ .main-nav > li > a:hover:after, .main-nav-collapse_ .main-nav > li.active > a:after {
		display: none;
	}
	.main-nav-collapse_ .main-nav > li > a {
		height: auto;
		border-left: none;
	}
	.sf-arrows .sf-with-ul:after {
		display: none;
	}
	.mobile-menu {	    
	    max-width: 269px;
	}
	footer {
		padding: 30px 0 20px;
	}
	footer, footer a {
		font-weight: 400;
	}	
}

@media (max-width: 979px) and (min-width: 768px) {
	.main-container, 
	.main-navbar-static-top .main-container, 
	.main-navbar-fixed-top .main-container, 
	.main-navbar-fixed-bottom .main-container {
	    width: 724px;
	}	
	.main-row {
	    margin-left: -20px;
	}
	.main-row:before, .main-row:after {
	    display: table;
	    content: "";
	    line-height: 0;
	}
	.footer-left,
	.footer-right,
	.footer-left-col,
	.footer-copyright {
		float: left;
	    min-height: 1px;
	    margin-left: 20px;
	}
	.footer-left {
	    width: 476px;
	}
	.footer-left-col {
	    width: 104px;
	}
	.footer-right {
		width: 166px;
		margin-left: 82px;
	}

}

@media screen and (max-width: 767px) {
	body {
		font-size: 15px;
		line-height: 25px;
	}
	h2, h3, h4, h5, h6 {
		line-height: 1.3;
		margin-bottom: 15px;
	}
	h2 {
		font-size: 24px;
	}
	h3 {
		font-size: 21px;
	}
	h4 {
		font-size: 18px;
	}
	p {
	    margin-bottom: 20px;
	}
	.row, .span2, .span3, .span4, .span5, .span6, .span8, .span10, .span12 {
		margin-left: 0;
	}
	.span2, .span3, .span4, .span5, .span6, .span8, .span10, .span12 {
		width: 100%;
	}	
	footer .span2 {
		margin-bottom: 15px;
	}
	footer:before {
		display: none;
	}
	.main-container {
	    width: auto;
	}
	.main-top-header {
		font-size: 12px;
		width: 96%;
	}
	.main-top-header li {
	    padding: 0 5px;
	}
	footer {
		text-align: center;
	}
	footer h5:after {
		margin-left: auto;
    	margin-right: auto;
	}
	footer .row {
		margin-left: 0;
	}	
	.main-footer-top .footer-right a {
	    font-size: 15px;
	}
	.main-footer-bottom {
		margin-top: 15px;
	}
	.footer-left, .footer-right, .footer-copyright {
		width: 100%;
		margin-left: 0;
	}
	.footer-left-col {
		margin-bottom: 15px;
		width: 100%;
		margin-left: 0;
	}
	footer .main-row {
	    margin-left: 0;
	}
	.main-container {
		width: auto;
	    padding: 0 20px;
	    text-align: center;
	}
}

@media screen and (max-width: 359px) {
	.mobile-menu {
		max-width: 70%;
	}
}