.center{text-align: center;}
		.logocolor{
			width: 23%;
			/*background: url(../images/shape.png) no-repeat top right rgba(1, 16, 100, 0);*/
			position: relative;
			padding-right: 3%;
		}
		.staticlogo{
				top: -598px;
				right: -90px;
				margin-bottom: -5em;

		}
		.mmrintro{
			    min-height: 0px !important;
		}
		.item{
			width:100%;
			
		}
		.mobile-quick
		{
			display:none;
		}
		.desk-quick
		{
			display:block;
		}
		@media (max-width: 300px) {
		.mobile-quick
		{
			display:block;
			margin-top: 10px;	
		}
		.desk-quick
		{
			display:none;
		}
		.moblogohidden{
			display: none
		}
		}
		
		@media (min-width: 300px) and (max-width: 559px) {
		
		.info-wrapper {
			height: 71px;
			margin-bottom: 400px;
		}
		body{overflow-x: hidden;}
		
		.inner-sec {
						margin-top: 60px;
			}
			
			.header_box {
							top: 70px;
			}
		.carousel {
			position: relative;
			top: 70px;
		}		
		
		a {
				color: #ffffff !important;
				text-decoration: none !important;
			}
		a:hover{
				color: #ffffff !important;
				text-decoration: none !important;
		}
		.item{
			width:100%;
			height: auto;
		}
			.mobile-quick
		{
			display:block;
		}
		.desk-quick
		{
			display:none;
		}
		.moblogohidden{
			display: none;
		}
		}
		.cart a{
				color: #ffffff;
				text-decoration: none;
			}
		.cart a:hover{
				color: #ffffff;
				text-decoration: none;
		}	
		@media (min-width: 560px) and (max-width: 766px) {
		.item{
			width:100%;
			height: auto;
		}

			.inner-sec {
			 margin-top: -30px;
			}
			
			.header_box {
						    top: 0px;
			}
		body{overflow-x: hidden;}
		
		.mobile-quick
		{
			display:block;
		}
		.desk-quick
		{
			display:none;
		}
		.moblogohidden{
			display: none;
		}  
		}
		
		
		
		@media (min-width: 767px) and (max-width: 1023px) {
		
		.mobile-quick
		{
			display:block;
		}
		.desk-quick
		{
			display:none;
		}
		
			.staticlogo {
							display : none;
			}
			.carousel {
				top: 0px;
				position: relative;
			}
			.header_box {
				top:90px;
			}
			.inner-sec {
					margin-top: 105px;
			}
			#menubar
			{
				    top: 460px;
                   position: absolute;
				
			}
			
			.serimg{display:none;}
		body{overflow-x: hidden;}	
		.moblogohidden{
			display: none;
		}
		}
		@media (min-width: 1024px) {
		
			
			.carousel {
				top: 0px;
				position: relative;
			}
			
			#menubar
			{
				/*top :452px;*/
				
			}
			.center{margin-bottom: 35px;}
		}

/* button css */
		.btnn
		{
		    background-image: linear-gradient(90deg, #01009c,#fe0002);
    background-size: 400% 400%;
    padding: 6px 3px 3px 3px;
    text-align: center;
    color: #FFFFFF;
	transition: all ease 1s;
    -webkit-animation: AnimationName 30s ease infinite;
    -moz-animation: AnimationName 30s ease infinite;
	    font-family: cursive;
    animation: AnimationName 30s fade infinite;}
		.btnn:hover
		{
			
			
			color: #FFFFFF;
			
		}
		 @-webkit-keyframes AnimationName {
    0%{background-position:0% 50%;}
    50%{background-position:100% 50%;}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}