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


@media screen and (max-width: 450px){
 .mobileslider{
    display: block !important;
    margin-top: 50px;
} 
.pcslider{
    display: none ;
}
.navbar-fixed {
    top: 0; z-index: 100;
    z-index: 100;
    position: fixed;
    width: 100% !important;
    margin-left: 0% !important;

}
nav {
  margin: 0 auto !important;
    z-index: 1000;
   width: 100% !important;
    text-align: center;
    height: auto !important;
}

.class1 {
    padding: 58px 25px !important;
}
.class1 h6 {
    font-size: 18px !important;
}
.class1 h1 {
    font-size: 25px !important;
}

.class2 img{
	width: 80%;
}
.class3 h1 {
    color: #fff;
    font-weight: 700;
    font-size: 25px !important;
    z-index: 100!important;
}
.class6 {
    padding: 0 80px 80px 80px;
    margin-top: 100px !important;
}
.class5 {
    border: 3px solid;
    height: 1100px !important;
    margin-top: -25px;
    z-index: 0;
    background: transparent;
    z-index: -1;
}
.class9 {
    margin-top: -1100px !important;
}
.class10 {
    height: 265px!important;
}
.parallax {
    background: url(images/testybg.jpg) no-repeat fixed 100%;
    background-size: cover;
    height: 300px !important;
    margin-top: 0px !important;
}
.class13 {
	text-align: center;
}
.class13 img{
	width: 80%;
}
.class14 {
    padding: 50px 10px!important;
}
.class15 {
    padding: 20px 0px 80px!important;
    text-align: center!important;
}
.class27 {
    background: #ad2b09;
    height: auto !important;
    text-align: center;
    padding: 0px !important;
    font-size: 18px;
}
.class27 p{
	margin-top: 13px;padding: 0 30px;
}
.class18 {
    padding: 25px 20px !important;
}
.class21 {
    padding: 25px 20px !important;
}
.class24 {
    padding: 25px 20px !important;
}
.class6 {
    padding: 0 56px 72px 56px !important;
}


/****product css start***/

.class31 h1 {
    font-weight: 700;
    color: #ffdd20;
    margin-top: -20px !important;
    font-size: 29px !important;
}
.class31 hr {
    border-top: 5px dashed #fff;
    width: 40%;
    margin-top: 0 !important;
} 
.class31 {
    padding: 150px 0 0 0 !important;
}



.class1m{
    padding:50px 20px;
}
.class1m p{
    color: #606060;
    text-transform: uppercase;
}
.class2m{
    padding: 50px;
}


.brandanimation1m{
    text-align: center;
}
.brandanimation1m img{
    animation:khushal;
}


 #pingpong1m {
    width: 79%;
    /* margin: 32px auto 0px; */
    height: 300px;
    margin: 0 auto;
    padding: 0 25px;
}
#pingpong1m img{
    position: relative;
    left: 0;
    bottom: 10px;
    transition: all linear 1s;  
    animation: ball 1.5s linear infinite alternate;
}


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

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

/*******1*****/
 
.class42m {
    background: #fdb230;
    width: 200px;
    text-align: center;
    padding: 10px;
    color: #fff;
    font-size: 20px;
  margin: 50px auto 0;
}
.class43m {
    border: 2px solid #fdb230;
    /* margin-top: 0px; */
    width: 260px;
    margin: -23px auto;
}
.class43m p {
    padding: 30px 10px 10px 10px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}



/***2********/

.class44m {
    background: #f1e526;
    width: 200px;
    text-align: center;
    padding: 10px;
    color: #000;
    font-size: 20px;
  margin: 50px auto 0;
}
.class45m {
    border: 2px solid #f1e526;
    /* margin-top: 0px; */
    width: 260px;
    margin: -23px auto;
}
.class45m p {
    padding: 30px 10px 10px 10px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}


/*******3*****/
.class46m {
    background: #ebc2b2;
    width: 200px;
    text-align: center;
    padding: 10px;
    color: #000;
    font-size: 20px;
  margin: 50px auto 0;
}
.class47m {
    border: 2px solid #ebc2b2;
    /* margin-top: 0px; */
    width: 260px;
    margin: -23px auto;
}
.class47m p {
    padding: 30px 10px 10px 10px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}

/*******4*****/
.class48m {
    background: #ead44c;
    width: 200px;
    text-align: center;
    padding: 10px;
    color: #000;
    font-size: 20px;
  margin: 50px auto 0;
}
.class49m {
    border: 2px solid #ead44c;
    /* margin-top: 0px; */
    width: 260px;
    margin: -23px auto;
}
.class49m p {
    padding: 30px 10px 10px 10px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}

/*******5*****/
.class51m {
    background: #1e0201;
    width: 200px;
    text-align: center;
    padding: 10px;
    color: #fff;
    font-size: 20px;
  margin: 50px auto 0;
}
.class52m {
    border: 2px solid #1e0201;
    /* margin-top: 0px; */
    width: 260px;
    margin: -23px auto;
}
.class52m p {
    padding: 30px 10px 10px 10px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}

/*******6*****/
.class53m {
    background: #64e960;
    width: 200px;
    text-align: center;
    padding: 10px;
    color: #000;
    font-size: 20px;
  margin: 50px auto 0;
}
.class54m {
    border: 2px solid #64e960;
    /* margin-top: 0px; */
    width: 260px;
    margin: -23px auto;
}
.class54m p {
    padding: 30px 10px 10px 10px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}

/*******7*****/
.class55m {
    background: #e6cd2e;
    width: 200px;
    text-align: center;
    padding: 10px;
    color: #000;
    font-size: 20px;
  margin: 50px auto 0;
}
.class56m {
    border: 2px solid #e6cd2e;
    /* margin-top: 0px; */
    width: 260px;
    margin: -23px auto;
}
.class56m p {
    padding: 30px 10px 10px 10px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}

/*******8*****/
.class57m {
    background: #e6cd2e;
    width: 200px;
    text-align: center;
    padding: 10px;
    color: #000;
    font-size: 20px;
  margin: 50px auto 0;
}
.class58m {
    border: 2px solid #e6cd2e;
    /* margin-top: 0px; */
    width: 260px;
    margin: -23px auto;
}
.class58m p {
    padding: 30px 10px 10px 10px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}

/*******9*****/
.class59m {
    background: #ec7006;
    width: 200px;
    text-align: center;
    padding: 10px;
    color: #fff;
    font-size: 20px;
  margin: 50px auto 0;
}
.class60m {
    border: 2px solid #ec7006;
    /* margin-top: 0px; */
    width: 260px;
    margin: -23px auto;
}
.class60m p {
    padding: 30px 10px 10px 10px;
    text-align: center;
    color: #000;
    font-size: 15px;
    font-weight: 600;
}

/*******10*****/
.class61m {
    background: #d7deee;
    width: 200px;
    text-align: center;
    padding: 10px;
    color: #000;
    font-size: 20px;
  margin: 50px auto 0;
}
.class62m {
    border: 2px solid #d7deee;
    /* margin-top: 0px; */
    width: 260px;
    margin: -23px auto;
}
.class62m p {
    padding: 30px 10px 10px 10px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}

/*******11*****/
.class63m {
    background: #d7deee;
    width: 200px;
    text-align: center;
    padding: 10px;
    color: #000;
    font-size: 20px;
  margin: 50px auto 0;
}
.class64m {
    border: 2px solid #d7deee;
    /* margin-top: 0px; */
    width: 260px;
    margin: -23px auto;
}
.class64m p {
    padding: 30px 10px 10px 10px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}

.class4 img{
    animation: mymovelim 10s infinite !important;
position: relative !important;
}
@keyframes mymovelim {
  0% {left: 0;}
  25% {left:30%}
  50% {left: 0%;}
  75% {left:30%;}
  100% {left:  0;}
}
}











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


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


.class10 h5 {
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    padding: 0 63px !important;
}
.class17 h1 {
    font-size: 18px !important;
    
}
.class20 i {
    width: 50px !important;
    height: 50px !important;
    padding: 12px 10px 9px 14px !important;
    color: #fff;
    border-radius: 5px;
    position: absolute;
    font-size: 28px !important;
    background: #bb181e;
}
.class19 p {
    margin-left: 60px !important;
    /* margin-top: 0; */
    padding-top: 5px;
    color: #bb181e;
}
.class19 h5 {
    margin-left: 60px !important;
    margin-top: -12px !important;
    font-size: 18px !important;
    font-weight: 600;
}
.class23 i {
    width: 50px!important;
    height: 50px!important;
    padding: 10px 8px 9px 11px!important;
    color: #fff;
    border-radius: 5px;
    position: absolute;
    font-size: 28px!important;
    background: #bb181e;
}

.class22 p {
    margin-left: 60px !important;
    /* margin-top: 0; */
    padding-top: 5px;
    color: #bb181e;
}
.class22 h5 {
    margin-left: 60px!important;
    margin-top: -14px!important;
    font-size: 18px!important;
    font-weight: 600;
}
.class26 i {
    width: 50px!important;
    height: 50px!important;
    padding: 10px 8px 9px 13px!important;
    color: #fff;
    border-radius: 5px;
    position: absolute;
    font-size: 28px!important;
    background: #bb181e;
}
.class25 p {
    margin-left: 60px!important;
    /* margin-top: 0; */
    padding-top: 5px;
    color: #bb181e;
}
.class25 h5 {
    margin-left: 60px!important;
    margin-top: -11px;
    font-size: 18px!important;
    font-weight: 600;
}
.class27 {
    background: #ad2b09;
    height: 60px;
    text-align: center;
    padding: 15px;
    font-size: 18px;
    padding: 0 20px !important;
}
#pingpong1m {
    width: 79%;
    /* margin: 32px auto 0px; */
    height: 227px;
    margin: 0 auto;
    padding: 0 30px;
}
}













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


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

#pingpong1m {
    width: 79%;
    /* margin: 32px auto 0px; */
    height: 185px;
    margin: 0 auto;
    padding: 0 30px;
}

}











/*///////////**1280px pc***************************/


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

.class15 button {
    background: red;
    padding: 20px 9px !important;
}
nav {
  margin: 0 auto;
    background: #3c2a9a !important;
    z-index: 1000;
   width: 56%;
    text-align: center;
    height: 40px; border-radius: 0px !important;
}
.navbar-fixed {
    top: 0;    z-index: 100;
    z-index: 100;
    position: fixed;
       width: 56%;
    margin-left: 22% ;
    background: #de2a1b !important;
}

}




@media screen and (max-width: 1450px){
.mobileslider{
    display: none;
}
}

/*///////////**1024px pc***************************/


@media screen and (max-width: 1024px){
nav {
  margin: 0 auto;
    background: #3c2a9a !important;
    z-index: 1000;
   width: 66%;
    text-align: center;
    height: 40px; border-radius: 0px !important;
}
.navbar-fixed {
    top: 0;    z-index: 100;
    z-index: 100;
    position: fixed;
       width: 66%;
    margin-left: 16% ;
    background: #de2a1b !important;
}
}





/* -----------bigscreen Non-Retina Screens ----------- */
@media screen 
  and (min-width: 1450px) 
  and (max-width: 2560px) 
{ 
    body{
        background: transparent !important;
    }
    nav {
    margin: 0 auto;
    background: #3c2a9a !important;
    z-index: 1000;
    width:700px;
    text-align: center;
    height: 40px;
    border-radius: 0px !important;
}
.pcslider{
    display: none;
}

.mobileslider{
    display: block;
}
.navbar-fixed {
    top: 0;
    z-index: 100;
    z-index: 100;
    position: absolute;
}
.class47 {
    border: 2px solid #f1e526;
    margin-top: -20px;
    width: 300px;
    margin: -25px auto;
    margin-bottom: 50px !important;
}
.parallaxpdbg {
    background: url(images/product/02.jpg);
    background-size: cover;
    height: auto !important;
}



/*********1*apple**/

.class42 {
    background: #f1e526;
    width: 300px !important;
    text-align: center;
    padding: 10px;
    color: #000000;
    font-size: 20px;
    margin-left: 100px !important;
    margin-top: 105%;
}
.class43 {
    border: 2px solid #f1e526;
    margin-top: -30px;
    width: 300px;
    /* margin: -28px auto; */
    margin-left: 100px !important;margin-bottom: 50px !important;
}

/********2 cloudy lemon********/

.class46 {
    background: #f1e526;
    width: 300px !important;
    text-align: center;
    padding: 10px;
    color: #000000;
    font-size: 20px;
    margin-left: 100px !important;
    margin-top: 105%;
}
.class47 {
    border: 2px solid #f1e526;
    margin-top: -30px;
    width: 300px;
    /* margin: -28px auto; */
    margin-left: 100px !important;margin-bottom: 50px;
}

/********** 3 cola*************/

.class50 {
    background: #f1e526;
    width: 300px !important;
    text-align: center;
    padding: 10px;
    color: #000000;
    font-size: 20px;
    margin-left: 100px !important;
    margin-top: 105%;
}
.class51 {
    border: 2px solid #f1e526;
    margin-top: -30px;
    width: 300px;
    /* margin: -28px auto; */
    margin-left: 100px !important;margin-bottom: 50px !important;
}
/***********4*****pink gauva*****************/

.class54 {
    background: #f1e526;
    width: 300px !important;
    text-align: center;
    padding: 10px;
    color: #000000;
    font-size: 20px;
    margin-left: 100px !important;
    margin-top: 105%;
}
.class55 {
    border: 2px solid #f1e526;
    margin-top: -30px;
    width: 300px;
    /* margin: -28px auto; */
    margin-left: 100px !important;margin-bottom: 50px !important;
}
/***********5****jeera*****************/


.class58{
    background: #f1e526;
    width: 300px !important;
    text-align: center;
    padding: 10px;
    color: #000000;
    font-size: 20px;
    margin-left: 100px !important;
    margin-top: 105%;
}
.class59 {
    border: 2px solid #f1e526;
    margin-top: -30px;
    width: 300px;
    /* margin: -28px auto; */
    margin-left: 100px !important;margin-bottom: 50px !important;
}

/***********6 lemon*****************/


.class62{
    background: #f1e526;
    width: 300px !important;
    text-align: center;
    padding: 10px;
    color: #000000;
    font-size: 20px;
    margin-left: 100px !important;
    margin-top: 105%;
}
.class63 {
    border: 2px solid #f1e526;
    margin-top: -30px;
    width: 300px;
    /* margin: -28px auto; */
    margin-left: 100px !important;margin-bottom: 50px !important;
}




/***********7 mango*****************/
.class66{
    background: #f1e526;
    width: 300px !important;
    text-align: center;
    padding: 10px;
    color: #000000;
    font-size: 20px;
    margin-left: 100px !important;
    margin-top: 105%;
}
.class67 {
    border: 2px solid #f1e526;
    margin-top: -30px;
    width: 300px;
    /* margin: -28px auto; */
    margin-left: 100px !important;margin-bottom: 50px !important;
}






/***********8 pineapple*****************/


.class70{
    background: #f1e526;
    width: 300px !important;
    text-align: center;
    padding: 10px;
    color: #000000;
    font-size: 20px;
    margin-left: 100px !important;
    margin-top: 105%;
}
.class71 {
    border: 2px solid #f1e526;
    margin-top: -30px;
    width: 300px;
    /* margin: -28px auto; */
    margin-left: 100px !important;margin-bottom: 50px !important;
}




/***********9 orange****************/


.class74{
    background: #f1e526;
    width: 300px !important;
    text-align: center;
    padding: 10px;
    color: #000000;
    font-size: 20px;
    margin-left: 100px !important;
    margin-top: 105%;
}
.class75 {
    border: 2px solid #f1e526;
    margin-top: -30px;
    width: 300px;
    /* margin: -28px auto; */
    margin-left: 100px !important;margin-bottom: 50px !important;
}



/***********10 club soda*****************/


.class78{
    background: #f1e526;
    width: 300px !important;
    text-align: center;
    padding: 10px;
    color: #000000;
    font-size: 20px;
    margin-left: 100px !important;
    margin-top: 105%;
}
.class79 {
    border: 2px solid #f1e526;
    margin-top: -30px;
    width: 300px;
    /* margin: -28px auto; */
    margin-left: 100px !important;margin-bottom: 50px !important;
}


/***********11 drinking water*****************/



.class82{
    background: #f1e526;
    width: 300px !important;
    text-align: center;
    padding: 10px;
    color: #000000;
    font-size: 20px;
    margin-left: 100px !important;
    margin-top: 105%;
}
.class83 {
    border: 2px solid #f1e526;
    margin-top: -30px;
    width: 300px;
    /* margin: -28px auto; */
    margin-left: 100px !important;margin-bottom: 50px !important;
}


}





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

  nav {
    margin: 0 auto;
    background: #3c2a9a !important;
    z-index: 1000;
    width: 100%;
    text-align: center;
    height: 40px;
    border-radius: 0px !important;
}
.navbar-fixed {
    top: 0;
    z-index: 100;
    z-index: 100;
    position: fixed;
    width: 100%;
    margin-left: 0;
    background: #de2a1b !important;
}
.navimg {
    position: absolute;
    z-index: 100;
    padding: 6px 16px;
}
.class6 {
    padding: 114px 80px 80px 80px !important;
}

.class5{
    border: 3px solid;
   
}
.class10 {
    height: 270px !important;
    margin-top: -20px;
}
.parallax {
    background: url(images/testybg.jpg) no-repeat fixed 100%;
    background-size: cover;
    height: 400px;
    margin-top: 50px !important;
}
.class13 {
    padding: 100px 0;
    /* margin: 0 auto; */
    text-align: center;
}
.class204 {
    height: auto !important;
    background: #f3f3f3;
}
}