.product-grid{ font-family: 'Montserrat', sans-serif; }
.product-grid .product-image{
    position: relative;
    overflow: hidden;
}
.product-grid .product-image a.image{ display: block; }
.product-grid .product-image img{
    width: 100%;
    height: auto;
    transition: all 0.3s ease;
}

.product-grid .product-image:hover img{ 
    /* image hover remove effect by sharmeen */
    /*transform: scale(1.1);*/ }
.product-grid .social{
    padding: 0;
    margin: 0;
    list-style: none;
    opacity: 0;
    position: absolute;
    top: 10px;
    right: -60px;
    transition: all 0.3s ease;
}
.product-grid:hover .social{
    opacity: 1;
   /* right: 10px; changes have been applied for the heart to shift left sharmeen*/
    right: 23px;
}
.product-grid .social li a{
    border-radius: 50%;
    color: #ff5858;
    background: #fff;
    font-size: 14px;
    text-align: center;
   /*height: 37px;
    width: 37px;
     line-height: 37px;
    sharmeen chnages applied 
*/  
    height: 26px;
    width: 31px;  
    line-height: 26px;
    margin: 0 0 5px;
    box-shadow: 0 0 5px #d1d1d1;
    display: block;
    position: relative;
    z-index: 1;
    transition: all 0.4s ease 0s;
}
.product-grid .social li a:hover{
    color: #FF3400;
    background: #fff;
}
.product-grid .social li a:before,
.product-grid .social li a:after{
/*    content: attr(title);
    color: #fff;
    background-color: #ff5858;
    font-size: 12px;
    line-height: 22px;
    padding: 4px 7px;
    border-radius:2px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 57px;
    transition: all 0.3s ease;*/
}
.product-grid .social li a:after{
    content: '';
    height: 10px;
    width: 10px;
    padding: 0;
    border-radius: 0;
    transform: translateY(-50%) rotate(45deg);
    right: 54px;
    z-index: -1;
}
.product-grid .social li a:hover:before,
.product-grid .social li a:hover:after{
    opacity: 1;
    visibility: visible;
}
.product-grid .social li a:hover:before{ right: 48px; }
.product-grid .social li a:hover:after{ right: 45px; }
.product-grid .product-content{
    padding: 10px 0 5px;
    position: relative;
}
.product-grid .product-like-icon{
    color: #222;
    font-size: 15px;
    position: absolute;
    right: 5px;
    top: 8px;
    transition: all 0.3s ease;
}
.product-grid .product-like-icon:hover{ color: #3867d6; }
.product-grid .product-like-icon:before,
.product-grid .product-like-icon:after{
    content: attr(title);
    color: #fff;
    background-color: #222;
    font-size: 12px;
    line-height: 22px;
    padding: 4px 7px;
    border-radius:2px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    right: -2px;
    top: -32px;
    transition: all 0.3s ease;
}
.product-grid .product-like-icon:after{
    content: '';
    height: 10px;
    width: 10px;
    padding: 0;
    border-radius: 0;
    transform: rotate(45deg);
    top: -7px;
    right: 0;
}
.product-grid .product-like-icon:hover:before,
.product-grid .product-like-icon:hover:after{
    opacity: 1;
    visibility: visible;
}
.product-grid .product-like-icon:hover:before{ top: -38px; }
.product-grid .product-like-icon:hover:after{ top: -14px; }
.product-grid .title{
    font-size: 15px;
    font-weight: 400;
    text-transform: capitalize;
    margin: 0 0 5px;
}
.product-grid .title a{
    color: #000;
    transition: all .4s ease-out;
}
.product-grid .title a:hover{ color: #ff5858; }
.product-grid .price{
    color: #FF3400;
    font-size: 16px;
    font-weight: 500;
}
@media only screen and (max-width:990px){
/*    
    cchanges made by sharmeen to reduce space between the image grid
    .product-grid{ margin: 0 0 30px;
    }*/

     .product-grid{ margin: 0 0 10px;
    }
    
}

.product-grid .product-new-label,
.product-grid .product-discount-label{
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: #fff;
    background: #FF3400;
    font-size: 12px;
    /*font-weight: 500;*/
    text-transform: uppercase;
    padding: 1px 10px;
    transform: translateY(10px);
    position: absolute;
/*    -webkit-transform: rotate(-270deg); 
    -moz-transform: rotate(-270deg); 
    top: 25px;
    right: -27px;*/
    bottom: 10px;
    right: 0px;
    transition: all 0.3s;
}
.product-grid .product-discount-label{
    background: #ff5858;
    top: 25px;
}
.product-grid .product-image:hover .product-new-label,
.product-grid .product-image:hover .product-discount-label{
    opacity: 0;
    transform: translateY(0);
}

/* ----- Responsive Navbar with Media Queries ----*/
/* Extra small (phones) */

@media only screen and (min-width:847px) and (max-width: 936px) {
    #countdown{
   font-size:10px!important;  
}
#minstimes{
     font-size:7px!important;
        margin-bottom: -20px!important;
}
#time{
    font-size:9px!important;
}
#time1{
    font-size:9px!important;
}
    
}


.cl{
  animation: color-change 1s infinite;
}
@keyframes color-change {
  80% { color: orange; }
  50% { color: blue; }
  80% { color: green; }
}


.clxs{
  animation: color-change 1s infinite;
}
@keyframes color-change {
  80% { color: green; }
  50% { color: red; }
  80% { color: green; }
}

.republic{
    
    animation: color-change 1s infinite;
}
@keyframes color-change {
  80% { color: #38b4ba  ; }
  50% { color: #cb1747 ; }
  80% { color: #38b4ba; }
}

@media only screen and (min-width:768px) and (max-width: 768px) {
/*    #rowbelow{
        
margin-top: -10px!important;

    }*/
    
}

@media only screen and (min-width: 300px) and (max-width: 570px) {
   
   
   #worlbookday{
      margin-top:0px!important;
       
   }
   .mb{
       font-size:10px!important; 
       
   } 
   
       

 /*  .swal-overlay--show-modal .swal-modal{
       
       width: 262px!important;
       
       height :auto!important;
       
 
        
        
   }*/
   .swal-footer {
          margin-top: 0px !important; 
            padding: 0px 0px!important;
    padding-top:  0px!important;
    padding-right:  0px!important;
    padding-bottom:  0px!important;
    padding-left:  0px!important;
       
   }
   
  
   .swal-content{
       
        margin-top: 0px!important;
   }
  .swal-overlay--show-modal .swal-modal .swal-content p{
        font-size:9px!important;
       
   }   
    #pimg{
         /*   height:450px!important;*/
        
    }
    
    #republic{
  font-size: 12px!important;
}
   
   
   #dy_con{
        margin-top: 13px!important;
        margin-right: 10px!important;

  }
  #mobile_icon{
    margin-bottom: 10px;
     
  }
.ld{
    display:block!important;  
      
  }
  #ul_mobile{
    display: none!important;
  }
/* sjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj*/
  
#mobilemodel{
    
          display:block!important;
}
#pcmodel{
       display:none!important; 
    
}

 .modal-content{
            margin-left: 3%!important;

} 
  #mobileboxdata{
      display:block!important;
      
  }
  #pcboxdata{
          display:none!important;  
      
  }
/*  #mobilemodel{
      margin-left:3px;
      
  }*/
  
  /*wpl*/
.modal-content{
    margin-left: 9%!important;

}


/*wpl*/
#stickydivmobilehide{
     display:none!important;  
}

  .selectsort{
   width:64%!important;
      background: white!important;
      
  }
#mobargain{
    display:block!important;
}
    #filterclasses{
           margin-bottom: 25px!important;
        
    }
  
    #lbargain{
           margin-bottom: 4px;
        
    }
    #plbargain{
            font-size: 13px!important;
    }
    
    
    label#view_more {
   /* font-size: 17px!important;*/
   font-size: 14px!important;
}
/* <!-- Belong to chekout page css -->*/
#disableaddaddressb{
    
    padding:2px!important;
    
}
#disableaddaddress{
    
   padding:2px!important;  
}

.collapsed{
    margin-top:5px!important;
    padding:5px!important;
    
}

#mobilecategoryview{
  display: block!important;
}
/*.panel-title{
  padding:5px!important;    
    
  
}*/
/*checkout part css end*/

#catidmobile{
  display: none;
}
#catidtoggle{
     display: none; 
}

#cardscroll{
    max-height:400px;overflow: scroll;
 margin-top: -47px!important;
    
}

/*#mobtets{
 display: none; 
}*/

.categorynew{
    display:none;
    
}
#latestbarginmobile{
    font-size: 17px!important;


}

#latestbarginmobileh{
        font-size: 13px!important;
}
#lbargain{
   font-size: 17px!important;


}
.end_text{
    display: none;

}
.byondtilte{
 font-size: 13px!important;

}
#notesoffer1{
        font-size: 17px!important;
/*        margin-left:120px!important;*/
}
.days{
       font-size: 17px!important; 
    
}
#notesoffer2{
        font-size: 17px!important;
        /*margin-left:120px!important;*/
}
#notesoffer3{
        font-size: 17px!important;
/*        margin-left:120px!important;*/
}
#Disclaimer {
        font-size: 12px!important;
          margin-left:-4px!important;
}
    
}
@media only screen and (min-width:571px) and (max-width: 769.98px) {
    
    #Disclaimer {
    font-size: 14px!important;
    margin-left: -40px!important;
}


label#view_more {
    font-size: 14px!important;
}

#notesoffer1{
        font-size: 14px!important;

}
.days{
     font-size: 14px!important;
}
#notesoffer2{
        font-size: 14px!important;
   
}
#notesoffer3{
        font-size: 14px!important;
}
#Disclaimer {
        font-size: 14px!important;
      
}
}
@media only screen and (min-width: 152px) and (max-width: 769.98px) {
    p#currentWeek {
    font-size: 15px!important;
}
    p#currentWeekview {
    font-size: 12px!important;
}
.short-div.end_text {
    border-top: 3px solid #fff!important;
    border-bottom: 5px solid #fff!important;
}
.col-lg-2.col-md-12.col-sm-12.col-xs-2.end_text {
    border-bottom: 5px solid #fff!important;
}
/*label#notesoffer,#Disclaimer {
    font-size: 14px!important;
    margin-left: -40px!important;
}*/

label#notesoffer {
    font-size: 14px!important;
    margin-left: -40px!important;
}
/*label#view_more {
    font-size: 15px!important;
}*/



 .dektopview{
    display: none !important;
 }
.mobileview{
    display: block !important;
 }
/*.w-100 {
    height: 160px!important;
}*/

#mobilepadding{
       padding-top: 8px;

}


#mobtets{
    font-size:16px!important;
}

#mobwehave{
    font-size:16px!important;

}
#mobfindstore{
    font-size:16px!important;

}
#mobilesearch{

margin-left: 0%!important;

}
}


/*.blink_me {
  animation: blinker 7s cubic-bezier(0, 0, 0, 1) infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}*/
.blink_me{
  animation: blinker 1.8s cubic-bezier(0, 0, 0, 1) infinite;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}

#reviewstar{
padding-left:2px !important;
padding-right:1px !important;
}
#review{
padding-left: 2px !important;
padding-right:1px !important;

}
/*home slider width*/
@media only screen and (min-width: 152px) and (max-width: 435px) {
#carouselExampleIndicatorsmobileshow{
    display: none !important;
 }

 #carouselExampleIndicatorsmobileshow1{
 display: none !important;
 }
#carouselExampleIndicatorsmobilehide{
    display: block !important;
 }
 #carouselExampleIndicatorsmobilehide1{
    display: block !important;
 }
 #carouselExampleIndicatorsmobilenew{
    display: block !important;  
 }
#carouselExampleIndicatorsmobilenewyoga{
     display: block !important;  
    
    
}

#mobileviewbelowkids{
  display: block!important;

}

#Tabviewbelowkids{
  display: none!important;

}
#carouselExampleIndicatorsmobile{
    display: block !important;
 }
#carouselExampleIndicatorsmobileview{
    display: block !important;
 }

#carouselExampleIndicatorsmobile22{
    display: block !important;
 }

 #carouselExampleIndicatorsdesktop{
     
      display: none !important;
 }
  #carouselExampleIndicatorsdesktop1{
     
      display: none !important;
 }
 
  #dkview{
     
      display:none!important;
 }
  #carouselExampleIndicatorsdesktopview{
     
      display: none !important;
 }
 #carouselExampleIndicatorstab{
        display: none !important;
 }
 #carouselExampleIndicatorsmobile{
        display: block !important;
 }
 
#mobilearrow{
   display: block !important;  
    
}
#desktoparrow{
   display: none!important;  
    
}

#carouselExampleIndicatorsmobileshow11{
   display: none !important; 
}
#carouselExampleIndicatorsmobileshow12{
   display: none !important; 
}

#carouselExampleIndicatorsmobileshow1111{
   display: block !important; 
}
#carouselExampleIndicatorsmobileshow122{
   display: block !important; 
}

#justdis{
   margin-top: -11px!important;
}

}
@media only screen and (min-width: 436px) and (max-width: 810px) {

#carouselExampleIndicatorsmobileshow{
    display: none !important;
 }
 #carouselExampleIndicatorsmobileshow1{
      display: none !important;
 }
#carouselExampleIndicatorsmobilehide{
    display: none !important;
 }
 
 #carouselExampleIndicatorsmobilehide1{
    display: none !important;
 }
 #carouselExampleIndicatorstabhide{
display: block !important;

 }
 
.dkviewl{
    
    padding-left: 0px!important;
}

/*  #dkview{
     
      display:none!important;
 }
 
 #carouselExampleIndicatorsmobile{
    display: block !important;
 }*/
  #carouselExampleIndicatorsdesktop{
     
      display: none !important;
 }
 #carouselExampleIndicatorsmobile{
        display: none !important;
 }
 #carouselExampleIndicatorstab{
   display: block !important;  
     
 }
 
 #tabhide{
      display: none !important;
     
 }
#tabshow{
    display: block !important;
}

    }

@media only screen and (min-width: 883px) and (max-width: 972px) {
    #sectionimage{
        height:277px!important;
        
    }
 
.dkviewl{
    
    padding-left: 0px!important;
}
    
}
  
    @media only screen and (min-width: 989px) and (max-width: 1107px) {

.titletag{
    font-size: 17px !important;
 }
 }
  @media only screen and (min-width: 989px) and (max-width: 1134px) {
 #view_more{
        font-size: 11px !important;
 }
 
}

@media only screen and (max-width: 1200px) and (min-width:703px){
.byondtilte {
   
   font-size: 11px!important;
}

}

@media only screen and (max-width: 1200px) and (min-width:992px){
#dateprebook{
   
   font-size: 9px!important;
}
}

@media only screen and (min-width: 100px) and (max-width: 600px) {

.swal-button-container{
/*margin: -3px!important;*/
    
    }
  .block1{
       display:block !important;
       
       
   } 
   
   .block2{
       display:none !important;
       
       
   } 
    .block3{
       display:none !important;
       
       
   }
   
   .block4{
       display:block !important;
       
       
   }

#cartprobelow{
    
    
   /* margin-left: 25% !important;*/
   float: right !important;

}
    
    #lineattarck{
        
            margin-left: 4% !important;
        
    }
#freedomdeal{
    
    margin-left: -3%!important;
    font-size: 9px !important;
    
}  
  .freedomclass{
       font-size:11px!important;

  }
 /* .viewbutton{
      
      margin-top: 9px!important;
      
  }*/
   .multivolumerakhibanner{
        
        margin-top: 0px!important;
        
    }  
    #Offerstipbox
{
 font-size:12px!important;
}

#Offerstipboxmargin{
    margin-top:7px;
    
}

#Offerstipboxgopage{
 font-size:12px!important;
     margin-top: unset!important;
    width: unset!important;
}

#Offerstipboxcal{
 font-size:12px!important;
     margin-top: unset!important;
    width: unset!important;
}


#Offerstipboxcc {
    font-size:12px!important;
     margin-top: unset!important;
    width: unset!important;
    
    
}
#Offerstipboxchange{
    
    
}
 #divid{
        
          margin-top: 0px !important;  
        
    }
  #stickycount{

    margin-top: 61% !important;

    }
#viewmore{
    font-size:17px!important; 
}

#notesoffer1{
        margin-left: -38px!important;
}
.days{
       margin-left:  -0px!important;
}
#notesoffer2{
        margin-left:  -38px!important;
}
  #notesoffer3{
        margin-left:  -38px!important;
}  

.viewbutton{
        font-size: 12px!important;
           margin-top: 26px!important;


}

.djustre{
    display:none!important;
}
.mjustre{
    display:block!important;
   margin-bottom: 5px;
}

}


@media only screen and (min-width:601px) and (max-width: 702px) {
    
                #divid{
                  margin-top:11px !important;
                }
                
  
#stickycount{
    
        margin-top: 44% !important;
}

                
}

@media only screen and (min-width: 1063px) and (max-width: 1199px) {

/*all page global bredcamp menu hide*/
.btn-link {
 
     font-size: 12px!important;
    }
    
    #stickycount{
    
        margin-top: 30% !important;
}
    

}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    #Disclaimer{
        font-size:9px!important;
        
    }
    #notesoffer1{
        font-size:11px!important;
        
    }
    .days{
         font-size:11px!important;
    }
    #notesoffer2{
        font-size:11px!important;
        
    }
    #notesoffer3{
        font-size:11px!important;
        
    }
    
    
   #card-titleid{
    
    font-size: 16px!important;
    margin-bottom: 17px!important;
} 
        
     .carousel-indicators li, .carousel-indicators li.active {

    /*width: 20px!important; sharmeen changed*/
    
width: 10px!important;
   /* height: 20px!important; sharmeen changed*/
    height: 10px!important;

    border-bottom: none!important;

    box-shadow: none;

}

#stickycount{
    
        margin-top: 30% !important;
}
}
@media only screen and (min-width: 848px) and (max-width: 1062px) {
     #buttonback{
        margin-left: 15px!important;
    }
   #tableview{
        font-size:11px!important;
    }
/*all page global bredcamp menu hide*/
.btn-link {
      font-weight: 700!important;
     font-size: 9px!important;
    }
     #v-pills-tab{
          font-size: 11px!important;
    }

#redstripheading{
    font-size: small;
}
   #Offerstipbox
{
 font-size:10px!important;
 
   /* width: 290px!important;*/
   width: 180px!important;
}

   #Offerstipboxcc
{
 font-size:10px!important;
 
 /*   width: 290px!important;*/
}

#Offerstipboxgopage{
 font-size:10px!important;
 
   /* width: 290px!important;*/
  /* width: 187px!important;*/
 width:  128px!important
}

#Offerstipboxcal{
 font-size:10px!important;
 
   /* width: 290px!important;*/
   width: 125px!important;
}

 /*changes to evening need to upload on server*/
    #seeallbanner{
        font-size: 11px!important;
    }
    #viewmore{

         font-size: 11px!important;
    }
    
    #stickycount{
    
        margin-top: 30% !important;
}

.lk{
    
    font-size: 13px!important;
}
}
@media only screen and (min-width: 769px) and (max-width: 847px) {
 #buttonback{
        margin-left: 15px!important;
    }
      #tableview{
        font-size:11px!important;
    }
    
    #lineattarck{
        
        font-size:13px!important;
    }
    #redlineattarck{
   font-size:13px!important;   
}
/*all page global bredcamp menu hide*/
.btn-link {
  font-weight: 700!important;
     font-size: 10px!important;
     padding-bottom: 0px!important;
    }
     #v-pills-tab{
          font-size: 11px!important;
    }
#redstripheading{
    font-size: x-small;
}
   #Offerstipbox
{
 font-size:10px!important;
 width:240px!important;
}

#Offerstipboxgopage{
  font-size:9px!important;
 /*width:279px!important;*/
 width:122px!important;
/* width:129px!important;*/
}

#Offerstipboxcal{
 font-size:10px!important;
 
   /* width: 290px!important;*/
 /*  width: 187px!important;*/
   width: 170px!important;
}

.block2{
    
    margin-left: -99px!important;
}
.blockcart{
    
   margin-left:-26px!important;
}
#Pdetailstip{
    
        margin-left: 28px;
}

  #countdown{
   font-size:11px!important;  
}
#time{
      font-size: 8px!important;
    margin-top: 7px;
}
#time1{
    
      font-size: 8px!important;
    margin-top: 7px;
}
#minstimes{
     font-size:7px!important;
        margin-bottom: -20px!important;
}


#bradcampblock{
    
    margin-top: 42px!important
}

#divid{
    
        margin-top: 8px!important;
}
#Offerstipboxcc{
  font-size:10px!important;
      margin-left: 27px!important;
    
}

.lk{
    
    font-size: 13px!important;
}
}

@media only screen and (min-width:1194px) {
    
    .btn-link {
        font-size:13px !important;
        }

}

@media only screen and (min-width: 768px) and (max-width: 769px) {
    
    .multivolumerakhibanner{
             margin-top: 124px !important;

    } 
    #divid{
    
        margin-top: 8px!important;
}
.block2{
    
    margin-left: -99px!important;
}
.blockcart{
    
   margin-left:-26px!important;
}
#lineattarck{
    
    font-size:13px!important;
}
#redlineattarck{
   font-size:13px!important;   
}

   #Offerstipbox
{
 font-size:10px!important;
 width:240px!important;
}

#Offerstipboxcc{
  font-size:10px!important;
   margin-left: 27px!important;
}

.lk{
    
    font-size: 13px!important;
}

}
@media only screen and (min-width: 700px) and (max-width: 968px) {
    #lll1{
        margin-left: -137px!important;
        
    }
   /* #divid{
    
        margin-top: 8px!important;
}*/
    #stickycount{
        
        margin-top: 35%!important;

    }
    
    
   .multivolumerakhibanner{
             margin-top: 60px !important;

    }
    
    .freedomclass{
            font-size: 10px!important;  }
            
    #freedomdeal{
        
            margin-left: -6% !important;
            font-size: 10px !important;
        
    }
    
    
   
}
@media only screen and (min-width: 300px) and (max-width: 390px) {
    
    .navbar-nav{
        max-height: 500px!important;
        overflow-y: scroll;
    }
  #imgkds{
     margin-top:0px!important;
 }
 #card-header1{
        
            margin-top:-186px!important;
                font-size: 14px!important;

    }

/* #card-header1{
        
            margin-top:-233px!important;
                font-size: 14px!important;

    }*/
    .filter-button{
         font-size: 10px!important;
         /* border: 1px solid black!important;*/
    }
    #bckgdred{
        
        background: white;
    }
}

@media only screen and (min-width: 390px) and (max-width: 403px) {
      #imgkds{
     margin-top:0px!important;
 }
 #card-header1{
        
            margin-top:-186px!important;
                font-size: 14px!important;

    }
/* #card-header1{
        
            margin-top:-249px!important;
                font-size: 14px!important;

    }*/
    .filter-button{
         font-size: 10px!important;
    }
      #bckgdred{
        
        background: white;
    }
    
}

@media only screen and (min-width: 404px) and (max-width: 440px) {
  #imgkds{
     margin-top:0px!important;
 }
 #card-header1{
        
            margin-top:-270px!important;
                font-size: 14px!important;

    }
    .filter-button{
         font-size: 10px!important;
    }
      #bckgdred{
        
        background: white;
    }
}

@media only screen and (min-width: 404px) and (max-width: 440px) {
 #card-header1{
        
            margin-top:-261px!important;
                font-size: 14px!important;

    }
    .filter-button{
         font-size: 10px!important;
    }
      #bckgdred{
        
        background: white;
    }
    
}
/*
the below code is for the changes in the middle section which have to be removed*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
/* changed by sharmeen */
/* #sectionimage{
        
   height:244px!important;
    }*/
/* changed by sharmeen */
  /* .mibbletextdata{
            font-size:8px!important;


    }*/
    /* changed by sharmeen */
   /* .blink_me{

       font-size:8px!important;
    }
    */
    
    #shopbycategory{
            margin-left: -20px;
        
    }
}

@media only screen and (min-width: 600px) and (max-width: 760px) {
 #card-header1{
        
            margin-top:-250px!important;
                font-size: 14px!important;

    }
    .filter-button{
         font-size: 11px!important;
    }
      #bckgdred{
        
        background: white;
    }
    
}
@media only screen and (min-width: 761px) and (max-width: 767px) {
 #card-header1{
        
            margin-top:-240px!important;
                font-size: 14px!important;

    }
    .filter-button{
         font-size: 11px!important;
    }
     #bckgdred{
        
        background: white;
    }
    
}
@media only screen and (min-width: 768px) and (max-width: 810px) {
    #imgkds{
        
        margin-top:95px!important;
    }
 #card-header1{
         margin-top:  -189px!important;
    /*  margin-top: -140px!important;*/
                font-size: 14px!important;

    }
    .filter-button{
         font-size: 9px!important;
    }
     #bckgdred{
        
        background: white;
    }
     #divid{
    
        margin-top: 8px!important;
}
    
    
#Offerstipboxgopage{
font-size: 10px!important;
width: 160px!important; 
}

#Offerstipboxcal{
font-size: 10px!important;
width: 160px!important;  
}
    
    
}
@media only screen and (min-width: 811px) and (max-width: 870px) {
 #card-header1{
        
            margin-top:-83px!important;
                font-size: 14px!important;

    }
    .filter-button{
         font-size: 9px!important;
    }
     #bckgdred{
        
        background: white;
    }
    
    
#Offerstipboxgopage{
font-size: 10px!important;
width: 160px!important; 
}

#Offerstipboxcal{
font-size: 10px!important;
width: 160px!important;  
}
     #divid{
    
        margin-top: -22px!important;
}
}
@media only screen and (min-width: 871px) and (max-width: 899px) {
 #card-header1{
        
            margin-top:-84px!important;
                font-size: 14px!important;

    }
    .filter-button{
         font-size: 10px!important;
    }
     #bckgdred{
        
        background: white;
    }
    
#Offerstipboxgopage{
font-size: 10px!important;
width: 160px!important; 
}

#Offerstipboxcal{
font-size: 10px!important;
width: 160px!important;  
}
    #divid{
    
        margin-top: -22px!important;
}
    
}
@media only screen and (min-width: 900px) and (max-width: 999px) {
 #card-header1{
        
               margin-top: -128px!important;
                font-size: 14px!important;

    }
    .filter-button{
         font-size: 10px!important;
    }
     #bckgdred{
        
        background: white;
    }
    
       #divid{
    
       margin-top: 45px!important;
}
#Offerstipboxgopage{
font-size: 10px!important;
width: 160px!important; 
}

#Offerstipboxcal{
font-size: 10px!important;
width: 160px!important;  
}
    
}

@media only screen and (min-width: 1000px) and (max-width: 1019px) {
 #card-header1{
        
            margin-top:-135px!important;
                font-size: 14px!important;

    }
    .filter-button{
         font-size: 11px!important;
    }
     #bckgdred{
        
        background: white;
    }
    
    
#Offerstipboxgopage{
font-size: 10px!important;
width: 160px!important; 
}

#Offerstipboxcal{
font-size: 10px!important;
width: 160px!important;  
}
/*   #divid{
    
        margin-top: -2px!important;
}  */
}

@media only screen and (min-width: 1020px) and (max-width: 1061px) {
 #card-header1{
        
            margin-top:-150px!important;
                font-size: 14px!important;

    }
    .filter-button{
         font-size: 9px!important;
    }
     #bckgdred{
        
        background: white;
    }
/*       #divid{
    
/*        margin-top: -1px!important;*/
/*}*/
 #divid{
    margin-top: 35px!important;
}
    
#Offerstipboxgopage{
font-size: 10px!important;
width: 160px!important; 
}

#Offerstipboxcal{
font-size: 10px!important;
width: 160px!important;  
}
    
}
@media only screen and (min-width: 1062px) and (max-width: 1075px) {
 #card-header1{
        
          margin-top: -88px!important;
                font-size: 14px!important;

    }
    .filter-button{
         font-size: 11px!important;
    }
     #bckgdred{
        
        background: white;
    }
    
    
#Offerstipboxgopage{
font-size: 10px!important;
width: 160px!important; 
}

#Offerstipboxcal{
font-size: 10px!important;
width: 160px!important;  
}
    
}
@media only screen and (min-width: 1076px) and (max-width: 1175px) {
 #card-header1{
        
              margin-top: -147px!important;
                font-size: 14px!important;

    }
    .filter-button{
         font-size: 11px!important;
    }
     #bckgdred{
        
        background: white;
    }
    
#Offerstipboxgopage{
font-size: 10px!important;
width: 160px!important; 
}

#Offerstipboxcal{
font-size: 10px!important;
width: 160px!important;  
}
    
}
@media only screen and (min-width: 1176px) and (max-width: 1199px) {
 #card-header1{
        
          margin-top:-149px!important;
                font-size: 14px!important;

    }
    .filter-button{
         font-size: 13px!important;
    }
     #bckgdred{
        
        background: white;
    }
    
#Offerstipboxgopage{
font-size: 10px!important;
width: 160px!important; 
}

#Offerstipboxcal{
font-size: 10px!important;
width: 160px!important;  
}
    
}
@media only screen and (min-width: 1120px) and (max-width: 1133px) {
 #card-header1{
        margin-top:-145px!important;
         /* margin-top:-185px!important;*/
                font-size: 14px!important;

    }
    .filter-button{
         font-size: 13px!important;
    }
     #bckgdred{
        
        background: white;
    }
    #shopbycategory{
        
      /*  margin-top:390%!important;*/
          margin-top: 338%!important;
        
    }
    
    
#Offerstipboxgopage{
font-size: 10px!important;
width: 160px!important; 
}

#Offerstipboxcal{
font-size: 10px!important;
width: 160px!important;  
}
}
@media only screen and (min-width: 1134px) and (max-width: 1199px) {
     #shopbycategory{
        
     /*   margin-top:390%!important;*/
           margin-top: 432%!important; 
    }
    
    
    
}

@media only screen and (min-width: 1120px) and (max-width: 1537px) {
     #shopbycategory{
        
     /*   margin-top:390%!important;*/
           margin-top: 338%!important;
    }
    
    
#Offerstipboxgopage{
font-size: 10px!important;
width: 195px!important; 
}

#Offerstipboxcal{
font-size: 10px!important;
width: 160px!important;  
}
    
}
@media only screen and (min-width: 1134px) and (max-width: 1537px) {
 #card-header1{
        margin-top:-184px!important;
         /* margin-top:-185px!important;*/
                font-size: 14px!important;

    }
   /* .filter-button{
         font-size: 13px!important;
    }*/
   /*  #bckgdred{
        
        background: white;
    }*/
    
}
@media only screen and (min-width: 1537px) and (max-width: 1556px) {
 #card-header1{
        margin-top:-184px!important;
         /* margin-top:-185px!important;*/
                font-size: 14px!important;

    }
    #shopbycategory{
        
    /*    margin-top:390%!important;*/
          margin-top: 338%!important;  
    }
   
   /* .filter-button{
         font-size: 13px!important;
    }*/
   /*  #bckgdred{
        
        background: white;
    }*/
    
}

@media only screen and (min-width: 600px) and (max-width: 768px) {
  
  #revisedlogomob{
         max-width: 120px!important; 
      
      
  }  
    .multivolumerakhibanner{
        
            margin-top: 60px!important;  
        
    }
   #buttonback{
        margin-left: 15px!important;
    }
   #tableview{
        font-size:11px!important;
    }
/*all page global bredcamp menu hide*/
.btn-link {
      font-weight: 700!important;
     font-size: 10px!important;
   /* padding-top: 32px!important;*/
    padding-top: 0px!important;
}
    #bradcampblock{
  
              margin-top: 130px!important;
              width:100%!important;

    }
    #headerbox{
         margin-top: 130px!important;
/*     margin-top: 8px!important*/
              /*width:100%!important;*/
       /*       font-size: inherit;*/
    }
    
     #headerboxnew{
         margin-top: 2px!important;
/*     margin-top: 8px!important*/
              /*width:100%!important;*/
       /*       font-size: inherit;*/
    }
    .cardresponsive{
        font-size: 10px!important;
        
    }
    .tpcard{
         font-size: 10px!important;
    }
    #kickedout{
        font-size: 9px!important;
    }
    #wishlistbutton{
     width: 156px!important;
    font-size: 11px!important;
    }
  /* #carth6tab{
        
   width:120px!important;
    font-size: 10px!important;
    }*/
    
    #redstripheading{
 font-size:x-small;
}
#countdown{
   font-size:11px!important;  
}
#time{
    font-size:9px!important;
}
#time1{
    font-size:9px!important;
}
#minstimes{
     font-size:7px!important;
        margin-bottom: -20px!important;
}
     #headerbox1{
         margin-top:66px!important;
              width:100%!important;
    }
    
     #headerboxabout{
          margin-top: 66px!important;
              width:100%!important;
    }
     #headerbox2{
    margin-top: -37px!important;
    
     }
    
    #headerboxviewoffer{
        margin-top: 130px!important;
              width:100%!important;
        
    }
    #v-pills-tab{
          font-size: 11px!important;
    }
    #Offerstipbox
{
 font-size:10px;
 width:279px!important;
}

#Offerstipboxgopage{
    
  font-size: 10px!important;
   /* margin-top: unset!important;
    width: unset!important;*/
    width: 120px!important;
}
/*wpl*/
.seldata{
    
     font-size:10px!important;
}
/*wpl*/
.linesdata{
    margin-left:0px!important;
     font-size:12px!important;
    
}
#Offerstipboxcal{
    
     font-size: 10px!important;
     /**/
}


.h4details{
    font-size:13px!important;
}
.h3details{
font-size: 16px!important;
}
#1,#2,#3,#4{
        font-size: 8px!important;
}
#3{
      margin-left: 10px!important;  
}
#2{
      margin-left:-25px!important;  
}
#1{
      margin-left: -1px!important;  
}
#Pdetailstip{
    font-size:10px!important;
    
 width:274px!important;
        margin-left: 27px;
}

#countdown{
   font-size:11px!important;  
}
#time{
    font-size:9px!important;
}
#time1{
    font-size:9px!important;
}
#minstimes{
     font-size:7px!important;
        margin-bottom: -20px!important;
}

  
}

@media only screen and (min-width: 300px) and (max-width: 485px) {
    #buttonback{
        margin-left: 15px!important;
    }
    
    #mobileidform{
    
  display:block !important;
}

/*all page global bredcamp menu hide*/
/*.btn-link {
   font-size: 10px!important;
    padding-top: 29px!important;
}
    #bradcampblock{
            
             margin-top:146px!important;
              width:100%!important;

    }
        #headerbox{
            
             margin-top: 149px!important;
       
                 font-size: inherit;


    }
    #redstripheading{
   font-size: small;
}
    
     #headerboxabout{
          margin-top: 149px!important;
             width:100%!important;
    }
    
     #headerboxviewoffer{
       margin-top: 149px!important;
              width:100%!important;
        
    }
    #headerbox1{
        
        margin-top: 115px!important;
              width:100%!important;
    }
     #headerbox2{
    margin-top: -37px!important;
    
     }
#Seemorstipbox{
    width:100%!important;
}
#Offerstipbox
{
 font-size: small;
}*/
.card-header, nav.header-navigation {
    display:none!important;
}
div#headerbox {
    margin-top: unset!important;
}
#headerbox1{
    
        padding-top: 36px!important;
}
#headerboxs2{
        margin-top: -28px!important;
    
}
#headerbox2{
        margin-top: -28px!important;
    
}
}

@media only screen and (min-width:486px) and (max-width: 596px) {

/*all page global bredcamp menu hide*/



div#headerbox {
    margin-top: unset!important;
}

.card-header, nav.header-navigation {
    display: none!important;
}

#headerbox1{
    
        padding-top: 36px!important;
}
#headerboxs2{
        margin-top: -28px!important;
    
}
#headerbox2{
        margin-top: -28px!important;
    
}

/*.btn-link {
   font-size: 10px!important;
    padding-top: 29px!important;
}
    #bradcampblock{
            
             margin-top:100px!important;
              width:100%!important;

    }
        #headerbox{
            
             margin-top: 100px!important;
                  font-size: inherit;

    }
    #headerboxabout{
          margin-top: 93px!important;
              width:100%!important;
    }
    
       #headerbox1{
            
             margin-top: 56px!important;
              width:100%!important;

    }
      #headerbox2{
    margin-top: -37px!important;
    
     }
    #headerboxviewoffer{
        margin-top:99px!important;
              width:100%!important;
        
    }
#Seemorstipbox{
    width:100%!important;
}
#Offerstipbox
{
   font-size: small;
}

#redstripheading{
    font-size: small;
}
*/


}