body{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/***************************/

h1{
	font-size: 45px;
}

h2{
	font-size: 40px;
}


h3{
	font-size: 30px;
}

h4{
	font-size: 25px;
}

h5{
	font-size: 15px;
}
h6{
	font-size: 15px;
}
p{
	font-size: 18px;
}

.productpadding {
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
}


/*****************************/

.class1{
	background: #8b0b0b;
}
.class2{
	padding: 20px 0 0 30px;
}
.class2 img{
	width: 72%;
}
.class3{
	    background: #ffe13e;
    text-align: center;
    border-radius: 25px;
    width: 300px;
    margin: 0 auto;
    font-weight: 600;
    height: 30px;
    padding-top: 5px;
}
.class3 h6 a{
	color: #000000;
}
.class4 h5 a{
	color: #fff;
}
.class4{
	margin-top: 10px;
}
.class4 img{
	margin-left: 100px;position: absolute;
}
.class4 h6{
	    position: absolute;
   margin-left: 124px;
    margin-top: -1px;
    color: #fff;
}
.class4 h5{
	    margin-left: 121px;
    padding-top: 18px;
    font-weight: 700;
     color: #fff;
}
.class5{
	border: 0px solid #000000;
	margin: 0 auto;
	text-align: center;
	width: 280px;
	padding: 5px; 
}
.class6{
	text-align: center;
}
.class6 h5{
	word-spacing: 20px;
    letter-spacing: 5px;
    margin-top: 14px;
}
.class6 h1{
	color: #8b0b0b;
	font-weight: 700;
	margin-top: -10px;
}
.class6 img{
	width: 40%;
	margin-top: -10px;
}
.class6 p{
	padding: 30px;
}
.class7{
	text-align: center;
}
.class7 h1{
	font-weight: 700;
	color: #8b0b0b;
	padding-top: 10px;
}
.class7 img{
	margin-top: -15px;
	width: 30%;
}
.class7 h2{
	font-family: Niagara Solid;
}
.brandanimation1{
	text-align: center;
}
.brandanimation1 img{
	animation:khushal;
}

 
 #pingpong1{
	width: 100%;
	height: 300px;
}

#pingpong1 img{
	position: relative;
	left: 0;
	bottom: 10px;
	transition: all linear 1s;	
	animation: ball 0.8s linear infinite alternate;
}


@-webkit-keyframes ball{
	0% {bottom: 4px;}
	100% {bottom: -50px;}	
}

@keyframes ball{
	0% {bottom: 4px;}
	100% {bottom: -50px;}	
}
 


 
 #pingpong2{
	width: 100%;
    height: 300px;
}

#pingpong2 img{
	position: relative;
	left: 0;
	bottom: 10px;
	transition: all linear 1s;
	animation: ball 1.2s linear infinite alternate;
}


@-webkit-keyframes ball{
	0% {bottom: 4px;}
	100% {bottom: -50px;}	
}

@keyframes ball{
	0% {bottom: 4px;}
	100% {bottom: -50px;}	
} 





 
 #pingpong3{
	width: 100%;
    height: 300px;
}

#pingpong3 img{
	position: relative;
	left: 0;
	bottom: 10px;
	transition: all linear 1s;	
	animation: ball 1.6s linear infinite alternate;
}


@-webkit-keyframes ball{
	0% {bottom: 4px;}
	100% {bottom: -50px;}	
}

@keyframes ball{
	0% {bottom: 4px;}
	100% {bottom: -50px;}	
}




 
 #pingpong4{
	width: 100%;
    height: 350px;
}

#pingpong4 img{
	position: relative;
	left: 0;
	bottom: 10px;
	transition: all linear 1s;
	animation: ball 2s linear infinite alternate;
}


@-webkit-keyframes ball{
	0% {bottom: 4px;}
	100% {bottom: -50px;}	
}

@keyframes ball{
	0% {bottom: 4px;}
	100% {bottom: -50px;}	
}

.brandanimation2{
	text-align: center;
}
.brandanimation3{
	text-align: center;
}
.brandanimation4{
	text-align: center;
}
/*//////product css/////////*/

.product-title{
	text-align: center;
}

.product-title h1{
	font-weight: 700;
	color: #fff;
	margin-top: -30px;
}

.product-title img{
	word-spacing: 30%;
	margin-top: -20px;
}
.pg-color1{
	background: #ffe13e !important;
	color: #000000;
}


.pg-color2{
	background: #3ec2ff !important;
	color: #fff;
}

.pg-color3{
	background: #15dd9d !important;
	color: #fff;
}

.pg-color4{
	background: #ff793e !important;
	color: #fff;
}




.introduce{
	height: 350px;
	width: 100%;
	text-align: center;
	
	margin-bottom: 10px;
}
.flex-column-2{
	height: 90%;
	width: 100%;
	align-items:center;
	background: #e0e0e0;
}
.pic{
 	margin: 0 auto; 
    transition: all .2s ease-in-out;
}
.pic img{
	 height: 100%;
  
}
.introduce:hover .pic{
	transform: scale(1.1);
}


/*//////product css end/////////*/

.class13{
	color: #000000;
	font-family: Raleway;
	
}
.class13 h2{
	font-size: 30px;
	font-weight: 900;
	text-align: center;
	padding: 68px 0;
}
.class13 span{
	color: #ad2b09;
}

.class14{
	text-align: center;
	padding: 50px;
}
.class14 a {
    /* padding: 11px; */
    background: #ad2b09;
    color: #fff;
    height: 70px;
    width: 192px;
    padding-top: 20px;
}
/*************click here btn css**********/

/* Bounce To Right */
.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fee03e;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
  color: #000000;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}















.class15{
	text-align: center;
	padding: 50px 0 0 0; 
}
.class16{
	padding: 50px 0 40px 0; 
}
.class16 h5 a{
	color: #000000;
}
.class17 h5 a{
	color: #000000;
}
.class16 img{
	position: absolute;
	margin-left: 50px;
}
.class16 h6{
	margin-left: 100px;
}
.class16 h5{
	margin-left: 100px;
	margin-top: -5px;
}
.class17{
	padding: 50px 0 40px 0; 
}
.class17 img{
	position: absolute;
	margin-left: 30px;
}
.class17 h6{
	margin-left: 100px;
}
.class17 h5{
	margin-left: 100px;
	margin-top: -5px;
}
 .Follow-img{
	position: absolute;
	margin-left: 30px;
}
.class18{
	padding: 50px 0 40px 0; 
}
.class18 h6{
	margin-left: 110px;
}
.class18 ul{
	margin-left: 70px;
	list-style: none;
}
.class18 ul li{
	display: inline-block;	
	
}
.class19{
	background: #fee03e;
	padding-top: 20px;
	text-align: center;
}

.productpre{
	padding: 50px 50px 20px 50px;
}



.cookies{

}
.cookies img{
	animation:khushal;
	position: fixed !important;
	margin-top: -100px !important;
}

 
 #pingpong10{

}

#pingpong10 img{
	position: relative;
	left: 0;
	bottom: 0;
	margin-left: 0px;
	transition: all linear 1s;	
	animation: ball 0.8s linear infinite alternate;
	z-index: 1000;
}


@-webkit-keyframes ball{
	0% {bottom: 4px;}
	100% {bottom: -50px;}	
}

@keyframes ball{
	0% {bottom: 4px;}
	100% {bottom: -50px;}	
}



.aboutleft{
	padding: 50px;
}

.aboutright{
	padding: 50px;
	
}
.aboutright h3{
	font-size: 45px !important;
	font-weight: 700;
	    color: #8b0b0b;
	font-family: cursive;
}


.qualityleft{
	padding: 50px;
}
.qualityleft img{
	border: 1px solid #000000;
}
.qualityright{
	padding: 50px;
}

.contactleft p{
	font-family: Raleway;
}

.contactleft{
	padding: 50px;
	text-align: center;
	background: #fee4e4;
}
	

.contactleft h1{
	font-weight: 700;
	color: #8b0b0b;	font-family: cursive;
}
.contactleft i{
	font-size: 50px;
	color: #8b0b0b;
}
.contactleft ul li p a{
	color: #000000;
}

.contactright{
	padding: 50px;
	text-align: center;
	background: #fee4e4;
}
.contactright h1{

font-weight: 700;
	color: #8b0b0b;
	font-family:cursive;

}





















/**********************mobile 450**************************/

@media only screen and (max-width: 450px){


.navbar-fixed {
  top: 0;
  z-index: 100;
  position: fixed;
  width:100%;
  margin-left: 0% !important;
}
nav{
  background: #ffe13e !important;
  z-index: 1000;
  height: auto;
}


.class4 h6 {
    position: absolute;
    margin-left: 124px;
    margin-top: 0px;
    color: #fff;
    font-size: 12px;
}

.class2{
	padding:20px 50px 20px 50px;
}
.class2 img {
    width: 100%;
}
.class4 {
    margin-top: 10px;
    margin-left: -43px;
}
.class6 img {
    width: 100%;
    margin-top: -20px;
}
.class6 h5 {
    word-spacing: 6px;
    letter-spacing: 5px;
    margin-top: 9px;
}
.class6 p {
    padding: 0 30px;
}
.class7 img {
    margin-top: -25px;
    width: 80%;
}
.product-title img{
	width: 80%;
}
section .productwidth{
	width: 85%;
}
.footerbg{
	background: #d8d8d8 !important;

}
.class16 {
    padding: 30px 0 0px 0;
    margin-left: 45px;
}
.class17 {
    padding: 29px 0 27px 0;
    margin-left: 50px;
}
.class18 {
    padding: 11px 0 12px 0;
    margin-left: 50px;
}
.map{
	margin-top: 50px !important;
}
.aboutright {
    /* padding: 50px; */
    width: 85%;
    padding: 10px;margin-top: 45px;
    text-align: center;
    margin:0 auto;
}
.aboutright h3 {
    font-size: 25px !important;
    font-weight: 700;
    font-family: cursive;
}
.bigtitle {
    color: #fff;
    padding: 50px;
    width: 100%;
}
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    width: 70%;
    height: auto !important;
}
.bigtitle h1{
	font-size: 30px !important;
}
}












/**********************mobile 375*************************/

@media only screen and (max-width: 375px){
 



.class4 h6 {
    position: absolute;
    margin-left: 124px;
    margin-top: 2px;
    color: #fff;
    font-size: 10px !important;
}
.class4 h5 {
    margin-left: 121px;
    padding-top: 18px;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
}
.class6 h1 {
    color: #8b0b0b;
    font-weight: 700;
    margin-top: -10px;
    font-size: 37px;
}
.class16 {
    padding: 27px 0 0px 0;
    margin-left: 0px;
}
.class17 {
    padding: 29px 0 27px 0;
    margin-left: 11px;
}
.class18 {
    padding: 11px 0 12px 0;
    margin-left: 10px;
}
.overlay {
    position: absolute;
    bottom: 1px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5);
    color: #f1f1f1;
    width: 80%;
    transition: .5s ease;
    opacity: 1;
    color: white;
    font-size: 24px !important;
    padding: 8px 0;
    margin: 50px 3%;
}
.contactleft h1 {
    font-weight: 700;
    color: #8b0b0b;
    font-family: sans-serif;
    font-size: 32px;
}
.contactleft i {
    font-size: 35px;
    color: #8b0b0b;
}
.contactleft p {
    font-family: Raleway;
    font-size: 14px;
}
.contactright h1 {
    font-weight: 700;
    color: #8b0b0b;
    font-family: sans-serif;
    font-size: 32px;
}
}






@media only screen  and (max-width: 1280px)  {
 body{
     overflow-x: hidden!important;
 }
 #pingpong1 img {
    position: relative;
    left: 0;
    width: 180px;
    bottom: 10px;
    transition: all linear 1s;
    animation: ball 0.8s linear infinite alternate;
}
#pingpong4 img {
    position: relative;
    left: 0;
    width: 185px;
    bottom: 10px;
    transition: all linear 1s;
    animation: ball 2s linear infinite alternate;
}
.class4 img {
    margin-left: 20px!important;
    position: absolute;
}
.class4 h6 {
    position: absolute;
    margin-left: 50px!important;
    margin-top: -1px;
    color: #fff;
}
.class4 h5 {
    margin-left: 50px!important;
    padding-top: 18px;
    font-weight: 700;
    color: #fff;
}
}





/**********************mobile 320*************************/

@media only screen and (max-width: 320px){

  .class3 {
    background: #ffe13e;
    text-align: center;
    border-radius: 25px;
    width: 95%;
    margin: 0 auto;
    font-weight: 600;
    height: 30px;
    padding-top: 5px;
}
.class4 {
    margin-top: 10px;
    margin-left: -72px;
    width: 112%;
}
.class7 h1 {
    font-weight: 700;
    color: #8b0b0b;
    padding-top: 10px;
    font-size: 35px;
}
.product-title h1 {
    font-weight: 700;
    color: #fff;
    margin-top: -30px;
    font-size: 30px;
}
.product-title img {
    width: 100%;
}
.class16 img {
    position: absolute;
    margin-left: 20px;
}
.class16 h6 {
    margin-left: 74px;
}
.class16 h5 {
    margin-left: 75px;
    margin-top: -5px;
}
.class17 img {
    position: absolute;
    margin-left: 4px;
}
.class17 h6 {
    margin-left: 70px;
}
.class17 h5 {
    margin-left: 70px;
    margin-top: -5px;
}
.Follow-img {
    position: absolute;
    margin-left: 0px;
}
.class18 h6 {
    margin-left: 85px;
}
.class18 ul {
    margin-left: 43px;
    list-style: none;
}

.class15 h5 {
    font-size: 15px;
}

.class13 h2 {
    font-size: 27px;
    font-weight: 900;
    text-align: center;
    padding: 29px 0;
}

#container {
  margin: 10px;
  width: 100%;
}

.overlay {
    position: absolute;
    bottom: 1px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5);
    color: #f1f1f1;
    width: 84%;
    transition: .5s ease;
    opacity: 1;
    color: white;
    font-size: 24px !important;
    padding: 4px 0;
    margin: 59px 0%;
}
.contactright h1 {
    font-weight: 700;
    color: #8b0b0b;
    font-family: sans-serif;
    font-size: 30px;
}

}




.bigtitle{
	color: #fff;
	padding: 50px;
}