.baked-brd2{

    border: solid  3px black !important;
    height: 8px !important;
    width:fit-content !important;
    background-color:black !important;
    color:black !important;
    padding: 5px 5px 5px 5px ;
    letter-spacing: 3px;
    margin-bottom: 45px !important;
    
     }

     .baked-brd6{

        border: solid  3px black !important;
        height: 8px !important;
        width:fit-content !important;
        background-color:black !important;
        color:black !important;
        padding: 5px 5px 5px 5px ;
        letter-spacing: 3px;
        margin-bottom: 45px !important;
        
         }

         .baked-brd7{

            border: solid  3px black !important;
            height: 8px !important;
            width:fit-content !important;
            background-color:black !important;
            color:black !important;
            padding: 5px 5px 5px 5px ;
            letter-spacing: 3px;
            margin-bottom: 45px !important;
            margin-left: 40px !important;
            
             }


         .baked-brd8{

            border: solid  3px black !important;
            height: 8px !important;
            width:fit-content !important;
            background-color:whitesmoke !important;
            color: whitesmoke!important;
            font-size: 10px;
            padding: 5px 5px 5px 5px;
            letter-spacing: 1px;
            margin-bottom: 45px !important;
            
             }

     .baked-brd3{

        border: solid  3px black !important;
        height:8px !important;
        width: fit-content !important;
        background-color:black !important;
        color:black !important;
        padding:5px 5px 5px 5px;
        letter-spacing: 3px;
        margin-left:45% !important;
        margin-bottom: 10px;
        
         }


         .baked-brd4{

            border: solid  3px black !important;
            height:8px !important;
            width: fit-content !important;
            background-color:black !important;
            color:black !important;
            padding:5px 5px 5px 5px;
            letter-spacing: 3px;
            margin-left:45% !important;
            margin-bottom: 35px;
            
             }

     .baked-shrt-card{

        border: transparent !important;
        height:30% !important;
        width: 97%  !important;
        background-color: white !important;
       
        padding: 10px 10px 10px 10px ;
        box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.2), 0 6px 8px 0 rgba(0, 0, 0, 0.19);
        margin-left: 10px !important;
        margin-top:4px !important;


 }


 .padd-left{

margin-left: -10px !important;

 }

 .fnt-crd{

    color: black;
    font-size: 9.5px;
    font-weight: bolder !important;
    margin-left: 50px !important;
    letter-spacing: 1px;
    
 
 }

 .img-mag{

    margin-bottom: -9px !important;
 }


 .claim{

font-size: 13px;
color: black !important;
font-weight: bolder !important;

 }


 .fnt-footer{

    font-size: 10px ;
    color:silver;
    letter-spacing: 3px;
    font-weight: bolder;



 }


 .footer{

    color: silver !important;
    padding: 10px 10px 10px 10px ;


 }


 .footer2{

    color: silver !important;
    padding: 10px 10px 10px 10px ;
    font-size: 13px !important;
    font-weight: bolder ;


 }


 .footer3{

    color: silver !important;
    
 }


 .btn-store{

font-size: 10px;



 }




     .top-menu-height{

height: 80px !important;
margin-top: -25px !important;

     }




/* media query starts here  for normal mobile mode*/




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





    .top-menu-height{

        height:auto !important;
    
        
             }





             .baked-brd3{

                border: solid  1px black !important;
                height:8px !important;
                width: fit-content !important;
                background-color:black !important;
                color:black !important;
                padding:5px 5px 5px 5px;
                letter-spacing: 3px;
                margin-left:-3% !important;
                margin-bottom: 10px;
                
                 }



         .baked-brd4{

            border: solid  1px black !important;
            height:8px !important;
            width: fit-content !important;
            background-color:black !important;
            color:black !important;
            padding:5px 5px 5px 5px;
            letter-spacing: 3px;
            margin-left:-3% !important;
            margin-bottom: 35px;
            
             }


}



.zoom {


    transition: transform .2s; /* Animation */
   

}

.zoom:hover {
    transform: scale(0.9); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
 


.zoom2{


    transition: transform 2s; /* Animation */
   

}

.zoom2:hover {
    transform: scale(0.9); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
 

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color:rgba(255, 255, 255, 0.959);
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    text-align:left;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none ;
    font-size: 11px;
    
    color:#79B762;
    display: block;
    transition: 0.3s;

}

.sidenav a:hover{
    color: grey;
}

.sidenav .closebtn {
    position: absolute;
    text-decoration:none;
    top: 0;
    right: 25px;
    font-size: 30px;
    margin-left: 50px;
  
}

/*menue for mobile */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}


/* menu for desktop */
@media  screen and (min-width: 1024px){


    .baked-hide2{

display: none !important;


    }
}

/*menue for ipad pro*/

@media  screen and (min-height: 1366px){

.footer{
    margin-top: 70% !important;
}
    


    .baked-hide{

display: none !important;


    }


    .baked-hide2{

        display:inline !important;
        
        
            }

            .colorlnd{

                background-color: white !important;
            }

          
    
}


/*menue for ipad*/

@media  screen and (min-height:768px){


    .footer{
        margin-top: 50%;
    }
        
    


    .baked-hide{

display: none !important;


    }


    .baked-hide2{

        display:inline !important;
        
        
            }

            .colorlnd{

                background-color: white !important;
            }
    
}






.main{

margin-left: 20px !important;
font-family: 'Rubik', sans-serif;
font-style: normal;
font-weight: bolder;
font-size: 11.5px;
line-height: 35px;
color:grey;
text-decoration: none !important;
}

.main:hover{

    margin-left: 20px !important;
    font-family: 'Rubik', sans-serif;
    font-style: normal;
    font-weight: bolder;
    font-size: 11.5px;
    line-height: 35px;
    color:lightgreen;
    text-decoration: none !important;
    
    }


    .left{

margin-left: 550px;
margin-bottom:15px !important;
margin-top: -30px !important;

    }


.padd{

margin-bottom:15px !important;
margin-top: -30px !important;

}

.cart{

    text-decoration-line: line-through !important;
    color: gray;
    margin-left: 5%; 


}




.form{


    border: 2px transparent !important ;
    background-color: rgba(192, 192, 192, 0.5) ; 
    height:25px ;


text-align: center;

font-family: inherit !important;
font-size: 11px ;

color: black !important; 

    width: 80% !important ;

    margin-top: 20px ;





}

.btn-form {


    margin-top: 30px !important;
    height: 30px ;
    width:80%;
    
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 18px ;
    background-color: transparent !important;
    
    border : 2px solid black;
}



.btn-form:hover {


    margin-top: 30px !important;
    height: 30px ;
    width:80%;
    color: white;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 18px ;
    background-color:black !important;
    
    border : 2px solid black;
}






.push-form{


    margin-top: 10% ; 


}

.ovr-form-img{

margin-left: 25% ;

}


.idnt{

font-size: 10px ;
color: grey;


}


.link{

color: black !important;



}

/*form  land scape mode mobile */ 

@media only screen and (min-width:568px) and (max-width:812px) {

    .form{


        border: 2px transparent !important ;
        background-color: rgba(192, 192, 192, 0.5) ; 
        height:25px ;
    
    
    text-align: center;
    
    font-family: 'Courier New', Courier, monospace !important;
    font-size: 13px ;
    
    color: black !important; 
    
        width: 200% !important ;
    
        margin-top: 20px ;
        margin-left: -30px; 
    
    
    
    
    
    }
    
    




}


/*form mobile version */     

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


    .size{

        margin-left:-7px !important;
    
      
    
    }


    


.push-form{


    margin-top: 30% ; 
    margin-bottom: 30%;



}



.form{


    border: 2px transparent !important ;
    background-color: rgba(192, 192, 192, 0.5) ; 
    height:25px ;


text-align: center;

font-family: 'Courier New', Courier, monospace !important;
font-size: 13px ;

color: black !important; 

    width: 150% !important ;

    margin-top: 20px ;





}



.ovr-form-img{


    margin-left: 43% ;
    margin-bottom: 20% !important;


}


.form{

margin-top: 20% !important;

}




.btn-form {


    margin-top: 30px !important;
    margin-bottom: 30px ! important ;
    height: 30px ;
    width:fit-content !important;
    
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 18px ;
    background-color: transparent !important;
    
    border : 2px solid black;
}





}






.top-colo-women{

    background-color: blanchedalmond;
    text-align: right;
margin-top: -10px !important ;
margin-left: -10px !important;
width: 30px;
height:55px !important ;
padding-bottom: 60px ;



}


.top-colo-men{

    background-color:chocolate;
    text-align: right;
margin-top: -10px !important ;
margin-left: -10px !important;
width: 30px;
height:55px !important ;
padding-bottom: 60px ;



}



.top-colo-kids{

    background-color:sienna;
    text-align: right;
margin-top: -10px !important ;
margin-left: -10px !important;
width: 30px;
height:55px !important ;
padding-bottom: 60px ;



}

.small{

font-size: 10px ;
text-align:left;
color: silver;
padding-right: 5px;

}


.small2{

    font-size: 13px;
    font-weight: bolder;
    text-align:left;
    color: silver;
    padding-right: 5px;
    
    }

    .small3{

        font-size: 13px;
        
        text-align:left;
        color:grey;
        padding-right: 5px;
        
        }

.colotag{
    color: silver;
    font-size: 12px;
text-align: left;
margin-bottom: -20px !important;

}


.category{
    
text-align: left;
margin-bottom: -10px !important;

}

.price{

margin-left: -2% !important;
color: grey;
margin-right: 60% ;


}




.a:hover{

text-decoration-line: line-through;

}




@media only screen and (min-width:568px) and (max-width:812px) {

    
    .btn-form {


        margin-top: 30px !important;
        margin-bottom: 30px ! important ;
        height: 30px ;
        width:fit-content !important;
        
        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
        font-size: 18px ;
        background-color: transparent !important;
        
        border : 2px solid black;
    }
    

    .price{

        margin-left: 1% !important;
        color: grey;
        margin-right: 60% ;
        
        
        }

        .colorlnd{

            background-color: white !important;
        }



}



/* code for shop filter */

.filter{
    font-size: 11px;
    color: silver;
}

.box1{

    border : 1px solid silver !important;
    background-color: blanchedalmond;
    color:blanchedalmond;
    
}


.box2{

    border : 1px solid silver !important;
    background-color: black;
    color:black;
    
}

.box3{

    border : 1px solid silver !important;
    background-color:brown;
    color:brown;
    
}

.box4{

    border : 1px solid silver !important;
    background-color:chocolate;
    color:chocolate;
    
}

.box5{

    border : 1px solid silver !important;
    background-color:silver;
    color:silver;
    
}

.box6{

    border : 1px solid silver !important;
    background-color:whitesmoke;
    color:whitesmoke;
    
}


.box7{

    border : 1px solid silver !important;
    background-color:skyblue;
    color:skyblue;
    
}


.box8{

    border : 1px solid silver !important;
    background-color:palevioletred;

    color:palevioletred;
    
}


.box12{

    border : 1px solid silver !important;
    background-color:white;
    font-size:15px ;
    padding: 3px 3px 3px 3px ;
    color:black;
    
}


.box12:hover{

    border : 1px solid silver !important;
    background-color:white;
    font-size:15px ;
    padding: 3px 3px 3px 3px ;
    color:black;
    text-decoration-line: line-through;
    
}


.price2{

    font-size: 13px;
    margin: 3px;

}

.price2:hover{
    text-decoration-line: line-through;
    color: silver;
}

.select{

    border: transparent;
    background-color: whitesmoke;
    width: 100%;
    
}


.window{

    width: 50px !important;
    height: 50px !important;

}


.corr{

text-decoration-line: none !important;
color: inherit !important;


}


.price5{

    margin-right:50px;
    font-size: 18px;
    font-weight: bolder;
    color: grey;
    

}

.price5:hover{

  text-decoration-line: line-through;

}

.size{

    margin-left:50px;

}

.btn-shop{

    margin-top:30px;
    border: 2px solid black;
    background-color: white;
    color: black;
    font-size:14px;
    font-weight: bolder;
    

}


.btn-shop:hover{
    text-decoration-line: line-through;
}


/* css for check out page */

.check-out-card{

border: 2px solid transparent ;
border-radius: 5px; 
background-color: white;
width: 100%  !important;
height:fit-content;
margin-bottom: 4px;

}

.check-out-card2{

    border: 2px solid transparent ;
    border-radius: 5px; 
    background-color: white;
    width: 100%  !important;
    height:fit-content;
    margin-bottom: 100px;
    
    }
    

.order-summary-card{

border: 2px solid transparent;
border-radius: 5px;
background-color: white;
width: 100% !important;
height: fit-content;
margin-bottom: 5px;


}

.check-out-img{
    width: 70px !important;
    height: 70px !important;
}

.small-checkout{

    font-size: 13px;
    line-height: 19px;
    font-style: normal;
    margin-left: 75px;
    margin-top: -70px;
    padding-left: 30px;
    padding-right: 30px;
}

.checkout-price{

    font-size: 12px;
    font-weight: bolder;
    color: grey;
    margin-left: 10px;
}

.checkout-price:hover{
    text-decoration-line: line-through;
    color: black;
}

.checkout-qty{

    font-size: 12px ;
    font-weight: bolder;
    margin-left: 100px;
    margin-top: -47px;

}


.checkout-hrd{

    margin-left: 10px;
}

.checkout-hrd2{
    margin-left: 10px;
    margin-bottom: 8px;
}

.checkout-hrd3{
    margin-left:55px ;
    margin-top:-30px;
}

.checkout-price2{
    margin-left: 75%;
    margin-top:-30px;
    font-size:11px; 
    color: grey;
    font-weight: bolder;
    margin-bottom: 8px;
}

.svg-icon{

    width: 25px !important;
    height:25px !important ;
    margin: 10px 10px 10px 10px;
}

.checkout-hrd-default{

    margin-left: 50px;
    text-transform:uppercase !important;

}

.default{

    margin-left: 50px;
    font-size: 13px;
    line-height: 19px;
    font-style: normal;
    color: grey;

    
}



/*theme banners fixed images sizing */
/*NB - YOU CAN ADJUST IMAGE SIZE HERE BASED ON YOUR OWN BANNERS REQUIRED SIZE */

.img1{

    width:943px !important;
    height:483 !important ;

}