EVOLUTION-NINJA

Edit File: main.css

html, body
{
	margin:0;
	padding:0;		
	color: #616161 !important;
	font-family: 'Roboto', sans-serif !important; 	
}
ul, li, a, span, label, h1, h2, h3, h4, h5, h6, form, div, p
{
	margin:0 auto;
	padding:0;
}
.clr
{
	clear:both;
}

/*------------ Header ---------------------------------------------------------------------------------------------*/

.top_row
	{
		background-color:#3a3a3a;
		padding-bottom: 30px;
		padding-top: 10px;
	}
	
	
	
	.top_row a,i
	{
		color:#ffffff;
	}
	
	.top_row a:hover
	{
		text-decoration:none;
		color:#a2c046;
	}
/*------------ top_head ---------------------------------------------------------------------------------------------*/	
	.main_ban
	{
		position: relative;
		z-index: -1;
		background: url('../images/banner-1.png') no-repeat center center /cover;
		height: 608px;
		margin-top: -100px;
		
	}
	
	@media only screen and (min-width:320px) and (max-width:640px) {
		
		.main_ban
		{
			margin-top: -155px;
			height: 438px;
		}
		
	}
	
	@media only screen and (min-width:641px) and (max-width:991px) {
		
		.main_ban
		{
			margin-top: -141px;
			height: 434px;
		}
		
	}
	
/*------------ banner ---------------------------------------------------------------------------------------------*/	
	.mob_ico a:hover
	{
		text-decoration:none;
		color:#a2c046;
	}
	
	.my_Nav
	{
		margin-top: -22px;
	}
	
	
	.my_Nav_c
	{
		background:#a2c046 url("../images/navbg.png") no-repeat;
		background-position:center-left;
		height: 100px;
		
	}
	
	
	.navbar-default
	{
		background-color: transparent !important;
		border-color: transparent !important;
	}
	
	.navbar-nav  > li > a 
	{
		color: #ffffff !important;
		font-weight: 600 !important;
	}
	
	.navbar-nav  > li > a:hover
	{
		//background-color:white!important;		
		color: #F6510F !important;
		font-weight: 700 !important;
	}
	
	.navbar-right
	{
		padding-top: 32px!important;
		
	}
	
	
	
	.nav > li > a 
	{
		
		padding: 10px 21px!important;
	}
	
	
	.dropdown-menu 
	{
		right:-45px!important;
		background-color: #474747 !important;
		  min-width: 225px!important;
	}
	
	.dropdown-menu > li > a 
	{
		color: #ffffff !important;
		padding: 3px 14px !important;
		 
    }
	
	.dropdown-menu > li > a:hover {
        color: #F6510F!important;
        background-color: transparent;
      
	}
	
	@media only screen and (min-width:641px) and (max-width:991px) {
		
		
		.my_Nav_c
	{
		background:#a2c046 url("../images/navbg_tab.PNG") no-repeat;
		background-position:center-left;
		height: 85px;
		
	}
	
	.navbar-brand 
	{
		margin-top: -10px !important;
	}
	
	.navbar-brand > img
	{
		width: 75%;
	}
		
		.navbar-right
		{
			padding-top: 0px !important;
			margin-top: -20px!important;
		}
		
		.nav > li > a 
	{
		
		padding: 10px 8px !important;
		font-size: 11px !important;
	}
	
	.dropdown-menu
	{
		min-width: 151px!important;
		font-size:11px!important;
	}
		
	}
	
	@media only screen and (min-width:320px) and (max-width:640px) {
		
		
		.main_ban
	{
		
		background: url('../images/banner-1-m.png') no-repeat center center /cover;
		
		
	}
		
		.my_Nav_c
	{
		background:none;		
	}
	
	.navbar-brand 
	{
		margin-top: -79px !important;
	}
	
	.navbar-brand > img
	{
		width: 50%;
	}
	
	.navbar-default .navbar-collapse
	{
		background-color:#3A3A3A !important;
		position:absolute !important;
		z-index:+1 !important;
		width:100%!important;
		
	}
	
	
	}
	
	.clear
	{
		clear:both;
	}
/*------------ navigation ---------------------------------------------------------------------------------------------*/

.home_mid_work
{
	    //margin-top:33.4%;
		margin-bottom:35px;
		text-align: center;
		
}

.home_first_para
{
	//padding-top:35px;
	//padding-bottom:35px;
	
	background-color:#efefef;
}

.home_first_para h3
{
	font-weight:700;
	color:#444444;
}
	
.home_first_para p
{
	color: #9a9a9a;
	font-size: 16px;
	line-height: 1.6;
	padding-left: 50px;
	padding-right: 50px;

}

@media only screen and (min-width:320px) and (max-width:640px) {
	
	.home_first_para p
	{
		padding:0;
	}
	
	.home_mid_work 
	{
		margin-top: 2.4%;
	}
	.btn
	{
		
		text-align:left !important;
	}
	
}

@media only screen and (min-width:641px) and (max-width:991px) {
	
	.home_first_para p
	{
		padding:0;
	}
	
	.home_mid_work 
	{
		margin-top: 0.4%;
	}
	
}

/*------------ multi_dropdown ---------------------------------------------------------------------------------------------*/

/*----------------home_first_para----------------------------*/

.pro_slides a:hover
{
	text-decoration:none !important;
	//transform: translatey(-1%);
	//transition: 0.4s;
	transform: scale(1.1);
	transition: all .2s ease-in-out;
}

.pro_slides p
{
	height:82px;
}

.home_products_para h4
{
	font-weight:700;
	color:#444444;
	
	
}

hr
{
	margin-left: -227px !important;
	margin-right: -227px !important;
	border-top: 1px solid #818181 !important;
}

.sec_first_para h4
{
	color:#8BB200;
}
/*----------------home_products_para----------------------------*/
.home_galery
{
	background:url("../images/home-mid-bg.png") repeat;
	background-position:center;
	height: 460px;
	text-align:center;
}

.home_galery p
{
	font-size:18px;
	color:#ffffff;
	padding-left: 305px;
	padding-right: 305px;
	padding-bottom:15px;
}

.home_galery a
{
	border:2px solid white;
	padding:10px;
	color:#9BC404;
	font-size:18px;
	
}

.home_galery a:hover
{
	text-decoration:none;
	color:#ffffff;
	
}

@media only screen and (min-width:320px) and (max-width:640px) {
	
.home_galery
{
	background:url("../images/home-mid-bg.png") repeat;
	background-position:center;
	height: 905px;	
}
	
.home_galery p
{
	padding:0;
}

.home_galery img
{
	padding-top:10px !important;
}
	
}

@media only screen and (min-width:641px) and (max-width:991px) {
	
.home_galery
{
	background:url("../images/home-mid-bg.png") repeat;
	background-position:center;
	height: 362px;	
}	
	
	
.home_galery p
{
	padding:0;
}		
	
}

/*----------------home_gallery----------------------------*/

.home_footer
{
	text-align:center;
}

.footer_nav  li 
{
	float:left;
	padding:30px 0px 30px 40px;
	list-style:none;
	
	
}

.footer_nav  li a
{
	color:#4f4f4f;
	font-size:14px;	
	font-weight:600;
}

.footer_nav  li a:hover
{
	text-decoration:none;
	color:#F6510F;
}

.last_footer
{
	background:url("../images/footer-bg.png") repeat;
	background-position:center;
	height: auto;
	background-size: cover;
	text-align:left !important;
	/*padding-top:35px;*/
	
	    padding: 23px

}

.last_footer h4
{
	color:#ffffff;
}

.last_footer p
{
	color:#ffffff;
	font-size:14px;
	line-height:2;
}

.home_copy
{
	background-color:#76AD4F;	
}

.copy-ul
{
	padding-top:20px;
	padding-bottom:20px;
	text-align: center;
}

.copy-ul  li 
{
    display: inline;
    padding-left: 25px;
    //font-weight: 600;
	color: white;
	
}

.copy-ul a 
{
    color: white;
}

.copy-ul a:hover 
{
    text-decoration: none;
    color: black;
}

.jayblues 
{
    color: white;
    background-color: #0095da;
    padding: 1px 3px 2px 3px;
    border-radius: 4px;
}

@media only screen and (min-width:320px) and (max-width:640px) {
	
.last_footer 
{
	background: url("../images/footer-bg.png") repeat;
	background-position: center;
	height: auto;
	background-size: cover;
    
}
.scann-mobile{
	width: 40%;
    height: 141px;
    margin-bottom: 10px;
}
.copy-ul  li 
{
	font-size:10px;
	
}

}

.activee
{
	background-color:#F6510F;
	border-radius: 5px;
}
.register {
	color: #616161;
}

/* ---------------------------------new styles------------------------------------------------------------ */
.products-new-lists li{
	font-size: 22px;
	padding: 10px 20px;
}
.products-new-lists ::marker{
 
	padding: 10px 20px;
}
.products-new-lists{
  width: 90%;
}

/* Style for the dropdown submenu */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
    display: none; /* Hide the submenu initially */
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block; /* Show the submenu on hover */
}

/* Adjust arrow for the submenu */
.dropdown-submenu > a::after {
    content: "▸";
    float: right;
    margin-right: 5px;
}
.dropdown-menu>li>a {
    display: block;
    padding: 9px 20px !important;
    clear: both;
    font-weight: 400;
    border-bottom: 2px solid white;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

/* Ensure caret visibility and alignment */
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 5px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

@media only screen and (max-width: 600px) {
	.products-new-lists li {
		font-size: 16px;
		padding: 6px 5px;
	}
}
/* ---------------------------------new styles------------------------------------------------------------ */