/* media screen 1024--*/
.navbar-nav > li:hover {
	border: none;
	border-bottom: none;
	border-radius: 8px 8px 0 0;
	background: #4e5051;
	background: -moz-linear-gradient(top, #4e5051 0%, #38393a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e5051), color-stop(100%,#38393a));
	background: -webkit-linear-gradient(top, #4e5051 0%,#38393a 100%);
	background: -o-linear-gradient(top, #4e5051 0%,#38393a 100%);
	background: -ms-linear-gradient(top, #4e5051 0%,#38393a 100%);
	background: linear-gradient(to bottom, #4e5051 0%,#38393a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e5051', endColorstr='#38393a',GradientType=0 );
	position: relative;
}
 li:hover ul {
	display: inline-block;
	position: absolute;
}
.nav-item-sub.last-child {
	display: none;
}

@media screen and (min-width: 1024px) and (max-width:1024px)
{
#accounting {
float: none !important;
padding-top: 2% !important;
padding-left: 38% !important;
}
.nav>li>a {

padding: 14.5px !important;
}
.navbar-inverse .navbar-nav>li>a {

font-size: 12px !important;
}
#col4head{
min-width: 100%;
}
#col4stand {
text-align: left !important;
padding-left: 0% !important;
box-shadow: 0px 0px 0px 0px !important;
color: black !important;
margin-left: 0% !important;
}
#col4stand ul
{
width: 100% !important;

}
#col4
{
box-shadow: 0px 0px 0px 0px !important;

}
#col4 ul{
width: 100% !important;
}
#paytext{
padding-right: 1% !important;

}
#payimg {
float: left;
padding-right: 0% !important;
}
.dropdown-menu {
width: 940px !important;
}


}

/*---end media 1024--*/

/*--media 768 --*/
@media screen and (min-width: 768px) and (max-width: 768px)
{
#right {
display: flex !important;
padding: 14px 0px 0px 0px !important;
float: left !important;
width: 29% !important;
}
#topimg {
padding-left: 24% !important;
padding-right: 4% !important;
 width: 24px !important;
}
#left
{
padding-top: 11px !important;
padding-left: 0% !important;
}
#center {

width: 34% !important;
padding-right: 0% !important;
}
.navbar-header {
float: left !important;
padding-right: 2% !important;
}

#demoimg {
float: left !important;
padding-right: 1%!important;
width: 22% !important;
}
#liveimg {
float: left !important;
padding-right: 1% !important;
width: 22% !important;
}
#openimg {
float: left !important;
width: 22% !important;
padding-right: 0% !important;
}

#accounting {
float: none !important;
padding-top: 2%!important;
padding-left: 0% !important;
}

.navbar-inverse .navbar-nav>li>a
{
font-size: 10px !important;
padding: 6.5px !important;

}
.dropdown-menu {
width: 721px !important;
}
.dropdown-menu>li>a
{
padding: 0px 4px !important;

}
.dropdown-menu
{
font-size: 12px !important;
}

#col4head{
min-width: 100%;
}
#col4stand {
text-align: left !important;
padding-left: 0% !important;
box-shadow: 0px 0px 0px 0px !important;
color: black !important;
margin-left: 0% !important;
}
#col4stand ul
{
width: 100% !important;

}
#col4
{
box-shadow: 0px 0px 0px 0px !important;

}
#col4 ul{
width: 100% !important;
}

#footersection2
{
float: left !important;
padding-right: 16% !important;

}


}
/*-----end media 768  -----*/

/*--media 480 --*/
@media screen and (min-width: 480px) and (max-width: 480px)
{
.container
{
padding-left: 0px !important;
padding-right: 0px !important;

}
.marketing
{
background-color: white;
}


#right{
width:38% !important;
}
#logo {
padding-left: 0% !important;
}
#follow {
color: white !important;
font-size: 11px !important;
}
#topimg {
padding-left: 24% !important;
padding-right: 0% !important;
width: 20px !important;
}
#left{
padding-left: 2% !important;

}
#trader {
padding-right: 4% !important;
padding-bottom: 4% !important;
}
#center{
display: block !important;
float: none !important;
width: 32% !important;
position: absolute !important;
padding-right: 0%!important;
z-index: 9999 !important;
top: 7% !important;
left: 52% !important;
}
.nav>li>a{
padding: 9px 13px !important;
}
#accounting {
float: none !important;
padding-top: 2% !important;
padding-left: 0% !important;
padding-bottom: 6% !important;
}
#demoimg {
float: left !important;
padding-right: 2% !important;
width: 34% !important;
}
#liveimg {
float: left !important;
width: 34% !important;
padding-right: 2% !important;
}
#openimg {
float: right !important;
width: 32% !important;
}

li:hover ul 
{
 display: none !important;
    position:   !important;
}
.navbar-nav .open .dropdown-menu{
display: table-row-group !important;

}

.carousel {
height: 280px !important;
margin-bottom: 0px !important;
margin-top: 19%!important;

}

.carousel-inner > .item > img {
position: absolute !important;
top: 0 !important;
left: 0 !important;
min-width: 100% !important;
height: 280px !important;
}

.carousel .item {
height: 280px !important;
}

#col4head{
min-width: 100%;
}
#col4stand {
text-align: left !important;
padding-left: 0% !important;
box-shadow: 0px 0px 0px 0px !important;
color: black !important;
margin-left: 0% !important;
}
#col4stand ul
{
width: 100% !important;

}
#col4
{
box-shadow: 0px 0px 0px 0px !important;

}
#col4 ul{
width: 100% !important;
}

#learn {
 float: none !important;

}
#secondsection_content{
padding-bottom: 0% !important;
}
#footersection2
{
padding-right: 20% !important;
float: left !important;
}



}

/*-----end media 480  -----*/

/*--media 320 --*/
@media screen and (min-width: 320px) and (max-width: 320px)
{

.container
{
padding-left: 0px !important;
padding-right: 0px !important;

}
.marketing
{
background-color: white !important;
}
#topimg {
padding-left: 40% !important;
padding-right: 0% !important;
width: 30px !important;
}

#right {
display: flex !important;
padding: 7px 9px 17px 12px !important;
float: left !important;
width: 100% !important;
}
#left
{
padding-left: 3% !important;
top: 6% !important;
z-index: 9999 !important;
position: absolute !important;

}

#top_link{
overflow: visible;



}


#center {
display: flex !important;
 float: right !important;
position: absolute !important;
width: 100% !important;
z-index: 9999 !important;
padding-left: 2% !important;
padding-right: 0% !important;
top: 13% !important;
}
#logo {
padding-left: 6% !important;
width: 64% !important;
padding-top: 25% !important;
}
#demoimg  {
padding-bottom: 2% !important;
}

#liveimg{
padding-bottom: 2% !important;
}

#openimg {
padding-bottom: 2% !important;
}
.carousel {
height: 154px !important;
margin-bottom: 0px !important;
margin-top: 65% !important;
}
.carousel-inner > .item > img {
position: absolute !important;
top: 0 !important;
left: 0 !important;
min-width: 100% !important;
height: 164px !important;
}

.carousel .item {
height: 164px !important;
background-color: #777 !important;
}


#col4head{
width: 240px !important;
min-width: 100% !important;
}
#col4stand {
text-align: left !important;
padding-left: 0% !important;
box-shadow: 0px 0px 0px 0px !important;
color: black !important;
margin-left: 0% !important;
}
#col4stand ul
{
width: 100% !important;

}
#col4
{
box-shadow: 0px 0px 0px 0px !important;

}
#col4 ul{
width: 100% !important;
}
#register-form {
padding-left: 1% !important;
padding-right: 2% !important;
}

li:hover ul 
{
 display: none !important;
    position:   !important;
}
.navbar-nav .open .dropdown-menu{
display: table-row-group !important;

}
#footersection2
{
padding-right: 12% !important;
color: #8f8f8f !important;
float: left !important;

}
.pull-right {
float: none!important;
}

#copyright
{
font-size: 11px !important;

}

.navbar-collapse{
max-height: 341px !important;

}

.navbar-wrapper {
position: absolute !important;
top: 100px !important;
}

}
/*-----end media 320  -----*/





