body {
  margin: 0;
}
@font-face{
  font-family: Univers1;
  src:url(UniversLTStd-Bold.otf);
}
@font-face{
  font-family: Unified1;
  src:url(Unified-Regular.ttf);
}
@font-face{
  font-family: segoeui1;
  src:url(segoeui.ttf);
}

.topnav {
  overflow: hidden;
  background-image: linear-gradient(#3FFF8A,#63FDA0,#C6FFDD);
  filter:drop-shadow(0px 3px 10px #60E092) !important ;
  min-height: 113.77px;
  position: fixed;
  top:0;
  width: 100%;
  z-index: 3;
  
}
.overlay{
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 3;
  top:0;
  left:0;
  background-color: rgba(0,0,0,0.9);
  overflow-y: auto;
  overflow-x: hidden;
  text-align: center;
  opacity: 0;
  transition: opacity 1s;
}
#bar_head{
 display: none;
}
.sidenav{
  display: none;
}
.search_responsive{
  display: none !important;
}
form.form_responsive button{
  display: none !important;
}
/*.topnav a {
  filter: drop-shadow(1px 0px 0px rgba(0, 0, 0, 0.2));
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 28px 16px;
  text-decoration: none;
  font-size: 30px;
  color: rgba(0,0,0,1) !important;
} */

/*.topnav a:hover {
  background-color: #ff0000;
  un
}*/


.topnav .icon {
  display: none ;
}
#TopLogo {
  position: absolute;
  width: 129.073px;
  height: 88px;
  left: 33px;
  top: 12px;
  overflow: visible;
}
/*#AClogo{
  
  position: absolute;
  border-radius: 5px
  width: 310px; 
  height: 60px;
  left: 33px;
  top: 12px;
  overflow: visible;

}*/
.home_head{
  filter: drop-shadow(1px 0px 0px rgba(0, 0, 0, 0.2));
  float:left;
    left: 183px;
    top: 32px;
    position: absolute;
    overflow: visible;
    width: 81px;
    white-space: nowrap;
    text-align: left;
    font-family: Arial;
    font-style: normal;
    font-weight: normal;
    font-size: 28px;
    color: rgba(0,0,0,1) !important;
}

.ABOUT_US_HEAD{
  filter: drop-shadow(1px 0px 0px rgba(0, 0, 0, 0.2));
  float:left;
    left: 301px;
    top: 32px;
    position: absolute;
    overflow: visible;
    width: 124px;
    white-space: nowrap;
    text-align: left;
    font-family: Arial;
    font-style: normal;
    font-weight: normal;
    font-size: 28px;
    color: rgba(0,0,0,1) !important;
}
.gallery_head{
  filter: drop-shadow(1px 0px 0px rgba(0, 0, 0, 0.2));
  float:left;
    left: 463px;
    top: 32px;
    position: absolute;
    overflow: visible;
    width: 96px;
    text-align: left;
    font-family: Arial;
    font-style: normal;
    font-weight: normal;
    font-size: 28px;
    color: rgba(0,0,0,1) !important;
}
.products_head{
  filter: drop-shadow(1px 0px 0px rgba(0, 0, 0, 0.2));
  float:left;
    left: 598px;
    top: 32px;
    position: absolute;
    overflow: visible;
    width: 119px;
    text-align: left;
    font-family: Arial;
    font-style: normal;
    font-weight: normal;
    font-size: 28px;
    color: rgba(0,0,0,1)!important;
}
.print_your_work_head{
  filter: drop-shadow(1px 0px 0px rgba(0, 0, 0, 0.2));
  float:left;
    left: 756px;
    top: 32px;
    position: absolute;
    overflow: visible;
    width: 209px;
    white-space: nowrap;
    text-align: left;
    font-family: Arial;
    font-style: normal;
    font-weight: normal;
    font-size: 28px;
    color: rgba(0,0,0,1)!important;
}
.contact_us_head{
    filter: drop-shadow(1px 0px 0px rgba(0, 0, 0, 0.2));
    float:left;
    left: 997px;
    top: 32px;
    position: absolute;
    overflow: visible;
    width: 149px;
    white-space: nowrap;
    text-align: left;
    font-family: Arial;
    font-style: normal;
    font-weight: normal;
    font-size: 28px;
    color: rgba(0,0,0,1)!important;
}
.track_head{
    filter: drop-shadow(1px 0px 0px rgba(0, 0, 0, 0.2));
    float:left;
    left: 1185px;
    top: 32px;
    position: absolute;
    overflow: visible;
    width: 75px;
    white-space: nowrap;
    text-align: left;
    font-family: Arial;
    font-style:italic0;
    font-weight: normal;
    font-size: 28px;
    color: rgba(0,0,0,1)!important; 
}

.search_head{
  width:380px !important;
  top: 32px;
  border-radius: 5px 0px 0px 5px !important;
  height: 36px;
  overflow: visible;
  position: absolute;
  left: 1310px;
  float: left;
  outline: none !important;
}

form.form_head button {
  float: left;
  top: 33px;
  width: 42px;
  height: 36px;
  overflow: visible;
  border-radius: 0px 5px 5px 0px !important;
  border-style: none;
  background: #FF0000;
  color: white;
  font-size: 17px;
  position: absolute;
  left: 1687px;
  border-left: none;
  cursor: pointer;
}
#cart_head{
  position: absolute;
    top: 32px !important;
    width: 41px;
    height: 41px;
    left: 1780px;
    top: 35px;
    padding-right: auto;
    overflow: visible;
}
#login_head , .loginbtn{
    position: absolute;
    top: 36px !important;
    width: 28.7px;
    height: 32.52px;
    left: 1865px;
    top: 40px;
    padding-right: auto;
    overflow: visible;
}
.form-control {
  outline: none !important;
}


/*************************************  Footer  *********************************/

.footer_bottom{
  overflow: hidden;
  background-image: linear-gradient(#C6FFDD,#72FFAA,#53FF96);
  filter:drop-shadow(0px 3px 10px rgba(164,251,198,0.72)) !important ;
  min-height: 230px;
}
.logo_footer{
  margin-left: 5%;
}
.logo_footer_col{
  margin-top: 2.2% !important;
}
div.col-sm-2.logo_footer_col{
  max-width: 300px !important;
}
/*********************************  Column 1  *********************************/

.footer_col1{
  margin-top: 1.5%;
  line-height: 2.2;
  position: absolute;
  font-size: 16px;
  font-family: Arial;
  color: #0000FF;
  justify-content: flex-start;
}
.about_us_foot{
  color: #0000FF;
  filter: drop-shadow(0px 2px 3px rgba(25, 0, 255, 0.6));
  font-weight: bold;
}
.contact_us_foot{
  color: #0000FF;
  filter: drop-shadow(0px 2px 3px rgba(25, 0, 255, 0.6));
  font-weight: bold;
}
.ordering_foot{
  color: #0000FF;
  filter: drop-shadow(0px 2px 3px rgba(25, 0, 255, 0.6));
  font-weight: bold;
}
.shipping_foot{
  color: #0000FF;
  filter: drop-shadow(0px 2px 3px rgba(25, 0, 255, 0.6));
  font-weight: bold;
}
.location_foot{
  color: #0000FF;
  filter: drop-shadow(0px 2px 3px rgba(25, 0, 255, 0.6));
  font-weight: bold;
}



.about_us_foot:hover{
  color: red;
  text-decoration: none;
  filter: drop-shadow(0px 2px 2px rgba(255,16,16,0.38) );
}
.contact_us_foot:hover{
  color: red;
  text-decoration: none;
  filter: drop-shadow(0px 2px 2px rgba(255,16,16,0.38) );
}
.ordering_foot:hover{
  color: red;
  text-decoration: none;
  filter: drop-shadow(0px 2px 2px rgba(255,16,16,0.38) );
}
.shipping_foot:hover{
  color: red;
  text-decoration: none;
  filter: drop-shadow(0px 2px 2px rgba(255,16,16,0.38) );
}
.location_foot:hover{
  color: red;
  text-decoration: none;
  filter: drop-shadow(0px 2px 2px rgba(255,16,16,0.38) );
}
div.col-sm-2.footer_col1{
  max-width: 300px !important;
}

/*********************************  Column 2  *********************************/

.footer_col2{
  margin-top: 1.5%;
  line-height: 2.2;
  font-size: 16px;
  font-family: Arial;
  color: #0000FF;
  justify-content: flex-start;
}

.privacy_foot{
  color: #0000FF;
  filter: drop-shadow(0px 2px 3px rgba(25, 0, 255, 0.6));
  font-weight: bold;
}
.terms_foot{
  color: #0000FF;
  filter: drop-shadow(0px 2px 3px rgba(25, 0, 255, 0.6));
  font-weight: bold;
}
.product_foot{
  color: #0000FF;
  filter: drop-shadow(0px 2px 3px rgba(25, 0, 255, 0.6));
  font-weight: bold;
}
.reviews_foot{
  color: #0000FF;
  filter: drop-shadow(0px 2px 3px rgba(25, 0, 255, 0.6));
  font-weight: bold;
}
.faq_foot{
  color: #0000FF;
  filter: drop-shadow(0px 2px 3px rgba(25, 0, 255, 0.6));
  font-weight: bold;
}



.privacy_foot:hover{
  color: red;
  text-decoration: none;
  filter: drop-shadow(0px 2px 2px rgba(255,16,16,0.38) );
}
.terms_foot:hover{
  color: red;
  text-decoration: none;
  filter: drop-shadow(0px 2px 2px rgba(255,16,16,0.38) );
}
.product_foot:hover{
  color: red;
  text-decoration: none;
  filter: drop-shadow(0px 2px 2px rgba(255,16,16,0.38) );
}
.reviews_foot:hover{
  color: red;
  text-decoration: none;
  filter: drop-shadow(0px 2px 2px rgba(255,16,16,0.38) );
}
.faq_foot:hover{
  color: red;
  text-decoration: none;
  filter: drop-shadow(0px 2px 2px rgba(255,16,16,0.38) );
}
div.col-sm-2.footer_col2{
  max-width: 300px !important;
}

/*********************************  Column 3  *********************************/

.footer_col3{
  margin-top: 1.5%;
  
}
.subscribe_letter{
  font-size: 18px;
  font-family: Arial;
  filter:drop-shadow(0px 2px 3px rgba(0,0,0,0.50));
}
.subscribe_input{
  border-radius: 5px 0px 0px 5px !important;
  border: 2.1px solid #FF0000;
  width: 70%;
  height: 40px;
  background-color: transparent;
  outline-color: blue;
}
.subscribe_button{
  border-radius: 0px 5px 5px 0px !important;
  width: 18%;
  height: 40px;
  background-color: #FF0000;
  border:none;
  outline: none;
  position: relative;
  top:1.5px;
  font-size: 20px;
  color: white;
}
.subscribe_input:hover{
  border: 2.1px solid #0000FF;
}
.subscribe_button:hover{
  background-color: #0000FF;
  opacity: 0.8;
}

/*********************************  Column 4  *********************************/

.footer_col4{
  margin-top: 1.5%;
  margin-left: 1.5%;
}
.follow_footer{
  font-size: 18px;
  letter-spacing: 1px;
  margin-left: 11%;
  color: red;
  font-family: Arial;
  font-weight: bold;
  filter:drop-shadow(1px 1px 1px rgba(245,60,60,0.71));
  word-spacing: 4px;

}
.facebook_img_png{
  width: 20px;
  margin-left: 12%;
  margin-bottom: 10px;
}
.twitter_img_png{
  width: 20px;
  margin-left: 12%;
  margin-bottom: 10px;
}
.instagram_img_png{
  width: 20px;
  margin-left: 12%;
  margin-bottom: 10px;
}
.linkedin_img_png{
  width: 20px;
  margin-left: 12%;
  margin-bottom: 10px;
}
.youtube_img_png{
  width: 20px;
  margin-left: 12%;
  margin-bottom: 10px;
}

.facebook_foot{
  display: inline-flex;
  margin-left:7%;
  position: absolute;
  top:41px;
  font-size: 17px;
  font-family: Arial;
  filter:drop-shadow(0px 2px 3px rgba(0,0,0,0.50) );
}
.twitter_foot{
  display: inline-flex;
  margin-left:7%;
  position: absolute;
  top:72px;
  font-size: 17px;
  font-family: Arial;
  filter:drop-shadow(0px 2px 3px rgba(0,0,0,0.50) );
}
.instagram_foot{
  display: inline-flex;
  margin-left:7%;
  position: absolute;
  top:101px;
  font-size: 17px;
  font-family: Arial;
  filter:drop-shadow(0px 2px 3px rgba(0,0,0,0.50) );
}
.linkedin_foot{
  display: inline-flex;
  margin-left:7%;
  position: absolute;
  top:131px;
  font-size: 17px;
  font-family: Arial;
  filter:drop-shadow(0px 2px 3px rgba(0,0,0,0.50) );
}
.youtube_foot{
  display: inline-flex;
  margin-left:7%;
  position: absolute;
  top:161px;
  font-size: 17px;
  font-family: Arial;
  filter:drop-shadow(0px 2px 3px rgba(0,0,0,0.50) );
}
.follow_link{
  color: #000000;
}
.follow_link:hover{
  text-decoration: none;
  color: #000000;
}
div.col-sm-2.footer_col4{
  max-width: 260px !important;
}


/*********************************  Column 5  *********************************/
.footer_col5{
  margin-top: 1.5%;
}
.map_img_png{
  width: 20px;
}
.phone1_img_png{
  width: 20px;
  position: relative;
  top:45px;
}
.phone2_img_png{
  width: 20px;
  position: relative;
  top:50px;
}
.mail1_img_png{
  width: 20px;
  position: relative;
  top:53px;
}
.mail2_img_png{
  width: 20px;
  position: relative;
  top:57px;
}
.address_foot{
  display: inline-block;
  margin-left:8%;
  color: #000000;
  position: absolute;
  font-size: 16px;
  font-family: Arial;
  filter:drop-shadow(0px 3px 6px rgba(57,57,57,0.8) );
}
.m1_foot{
  display: inline-block;
  margin-left:8%;
  top:72px;
  color: #000000;
  position: absolute;
  font-size: 16px;
  font-family: Arial;
  filter:drop-shadow(0px 0px 6px rgba(57,57,57,0.8) );
}
.m2_foot{
  display: inline-block;
  margin-left:8%;
  top:102px;
  color: #000000;
  position: absolute;
  font-size: 16px;
  font-family: Arial;
  filter:drop-shadow(0px 0px 6px rgba(57,57,57,0.8) );
}
.mail1_foot{
  display: inline-block;
  margin-left:8%;
  color: #000000;
  top:127px;
  position: absolute;
  font-size: 16px;
  font-family: Arial;
  filter:drop-shadow(0px 0px 6px rgba(57,57,57,0.8) );
}
.mail1_foot:hover{
  text-decoration: none;
}
.mail2_foot{
  display: inline-block;
  margin-left:8%;
  color: #000000;
  top:155px;
  position: absolute;
  font-size: 16px;
  font-family: Arial;
  filter:drop-shadow(0px 0px 6px rgba(57,57,57,0.8) );
}
.mail2_foot:hover{
  text-decoration: none;
}
.copyright{
  color: #FF0000;
  font-size: 16px;
  font-weight: bold;
  font-family: Arial;
  margin-left: 85%;
  filter: drop-shadow(0px 3px 6px rgba(255,0,0,0.68));
}
/************************  Footer Display None for 851 px  *************************/
.footer_bottom_851{
  display: none;
}
.loginbtn{
  border:none !important;
  outline:none !important;
  background:transparent;
  cursor: pointer;
  position: absolute;
  top: 36px;
  width: 28.7px;
  height: 32.52px;
  left: 1865px;
}
.login_dropdown_content{
  display: none;
  background-color: #FFFFFF;
  position: fixed;
  margin-top: 5.9%;
  left:1710px;
  min-width: 210px;
  overflow: auto;
  z-index: 3;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a{
  color: #000000;
  font-size: 18px;
  font-family: segoeui1;
  padding:12px 16px;
  text-decoration: none;
  display: block;
}
.login_dropdown_content a:hover {
    text-decoration: none;
    background-color: #EEEEEE;
    color: #0000FF;
}
.show_login{
  display: block;
}
/********************************  Gallery CSS  ********************************/
.gallery_right_column{
  margin-left: -70px !important;  
  overflow: visible !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-family: Times New Roman;
  font-size: 30px;
  margin-top: 15%;
  color:#000000;
  margin-left: 7%;
  border:none;
  outline:none;
  background-color: transparent;
}
.monthly_button{
  font-family: Times New Roman;
  font-size: 30px;
  margin-top: 5%;
  color:#000000;
  margin-left: 7%;
  border:none;
  outline:none;
  background-color: transparent;
}
.daily_button{
  font-family: Times New Roman;
  font-size: 30px;
  margin-top: 5%;
  color:#000000;
  margin-left: 7%;
  border:none;
  outline:none;
  background-color: transparent;
}
.note_button{
  font-family: Times New Roman;
  font-size: 30px;
  margin-top: 5%;
  color:#000000;
  margin-left: 7%;
  border:none;
  outline:none;
  background-color: transparent;
}
.diary_button{
  font-family: Times New Roman;
  font-size: 30px;
  margin-top: 5%;
  color:#000000;
  margin-left: 7%;
  border:none;
  outline:none;
  background-color: transparent;
}
.box_button{
  font-family: Times New Roman;
  font-size: 30px;
  margin-top: 5%;
  color:#000000;
  margin-left: 7%;
  border:none;
  outline:none;
  background-color: transparent;
}
.table_button{
  font-family: Times New Roman;  
  font-size: 30px;
  margin-top: 5%;
  color:#000000;
  margin-left: 7%;
  border:none;
  outline:none;
  background-color: transparent;
}
.tag_button{
  font-family: Times New Roman;  
  font-size: 30px;
  margin-top: 5%;
  color:#000000;
  margin-left: 7%;
  border:none;
  outline:none;
  background-color: transparent;
}
.add_button{
  font-family: Times New Roman;  
  font-size: 30px;
  margin-top: 5%;
  color:#000000;
  margin-left: 7%;
  border:none;
  outline:none;
  background-color: transparent;
}
.monthly_button:hover , .monthly_button:focus{
  outline: none;
}
.daily_button:hover , .daily_button:focus{
  outline: none;
}
.note_button:hover , .note_button:focus{
  outline: none;
}
.diary_button:hover , .diary_button:focus{
  outline: none;
}
.box_button:hover , .box_button:focus{
  outline: none;
}
.table_button:hover , .table_button:focus{
  outline: none;
}
.tag_button:hover , .tag_button:focus{
  outline: none;
}
.add_button:hover , .add_button:focus{
  outline: none;
}
.all_button:hover , .all_button:focus{
  outline: none;
}
.vertical_line{
  position: relative;
  top:-650px;
  margin-left: 79%;
  border-left: 4px solid #707070;
  height: 810px;
}
.green_gallery{
  color: #3DD1A0 !important;
}
/*
#DailY{
  display: block !important;
}*/
.card{
  width: 300px;
  height: 380px;
  position: relative;
  overflow: hidden;
  display: inline-block;
  margin-top: 13%;
  margin-left: 40px;
  text-align: center;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
}
.card span {
  position: absolute;
  display: block;
  width: 0px;
  height: 0px;
  transform: translate(-50%,-50%);
  border-radius: 50%;
  opacity: 0.97;
  background: #766EC8;
  z-index: 1;
  transition: width 0.5s, height 0.5s;
}
.card:hover span{
  width: 1000px;
  height: 1000px;
}
/*************************** Modal Img *******************************/

.zoom_class{
  cursor: pointer;
  background: none;
  outline: none;
  border:none;
  text-decoration: underline;
  color: #FFF700;
  font-family: segoeui1;
  letter-spacing: 1px;
  font-size: 18px;
}
.zoom_class:hover{ 
  color: #00FFFF;
  outline: none;
  border: none;
}
.zoom_class:focus {
  outline: none;
  border: none;   
}
/* The Modal (background) */
.modalDIV_class {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(185,185,185); /* Fallback color */
  background-color: rgba(185,185,185,0.9); /* Black w/ opacity */
  cursor: pointer;
}

/* Modal Content (image) */
.modal-content {
  margin-top: 10% !important;
  margin: auto;
  display: block;
  border:none !important;
  outline: none !important;
  background: none !important;
  width: 80%;
  max-width: 900px;
}
/* Caption of Modal Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  font-family: Arial !important;
  font-size: 40px;
  color: #FF0000;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation */
.modal-content, #caption {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  margin-top: 10%;
  position: absolute;
  margin-left: 75%;
  color: #FF0000 !important;
  font-size: 45px !important;
  font-weight: bold !important;
  transition: 0.3s;
  text-shadow: none !important;
}

.close:hover,
.close:focus {
  text-decoration: none;
  cursor: pointer;
}
/********************************************************************/
.product_img{
  top: 0px;
  width: 240px;
  height: 310.4px;
}
.table1_img{
  margin-top: 40px;
  width: 240px;
  height: 270.4px;
}
.dailyarc_img{
  margin-top: -10px !important;
  width: 220px;
  height: 320.4px;
}
.cake5_img_class{
  margin-top: 90px;
  width: 250px;
  height: 220.4px;
}
.pa1_img{
  top: 0px;
  width: 220px;
  height: 310.4px;
}
.tag2_img{
  top: 0px;
  width: 210px;
  height: 310.4px;  
}
.tag3_img{
  top: 5px;
  width: 220px;
  height: 300.4px;  
}
.tag4_img{
  top: 0px;
  width: 175px;
  height: 300.4px;
}
.mithra1_img{
  top: 0px;
  width: 240px;
  height: 240px;
}
.product_info{
  margin-top: 15px;
  font-size: 24px;
  font-family: segoeui1;
  font-weight: bold;
}
.content1{
  position: absolute;
  top:0;
  left: 0;
  display: flex;
  justify-content: center;
  align-content: center;
}
.card .content1_div{
  padding: 40px;
  color: #FFFFFF;
  visibility: hidden;
  opacity: 0;
  transform: translateY(50px);
  transition: 0.2s;
  z-index: 1;
}
.card:hover .content1_div{
  visibility: visible;
  opacity: 1;
  transform: translateY(0px);
}
.description_box{
  font-size: 22px;
  font-family: segoeui1;
  text-align:center;
}
.info_box{
  font-size: 18px;
  word-wrap: break-word;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}

/******************************** Media Query ************************************
/********************* Large to Small Pixel for max- width ************************/
/******************************** 2200 px ***************************************/

@media screen and (max-width: 2200px) {
  #AClogo{
    display: none;
  }
}

/******************************** 1951 px ***************************************/

@media screen and (max-width: 1951px) {  /* ( max-width ) - less than  */
  #TopLogo {
  
  }
  #AClogo{
    display: none;
  }
  .home_head {
    font-size: 27px;
    left:193px;
  }
  .ABOUT_US_HEAD{
    font-size: 27px;
    left:306px;
  }
  .gallery_head{
    font-size: 27px;
    left:458px;
  }
  .products_head{
    font-size: 27px;
    left:586px;
  }
  .print_your_work_head{
    font-size: 27px;
    left:735px;
  }
  .contact_us_head {
  font-size: 27px;
  left:967px;  
  }
  .track_head {
  font-size: 27px;
  left:1145px;  
  }
  .search_head{
  left:1260px;
    

  }
  form.form_head button{
  left:1638px; 
    
  }
  #cart_head{
  left:1720px;
   
  }
  #login_head , .loginbtn{
  left:1805px;
  
  }
  .slideshow-container {
  position: relative;
  margin: auto;
  margin-top: 7.5% !important;
}
.login_dropdown_content{
  margin-top: 6.2%;
  left:1650px;
  min-width: 210px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
} 

/******************************** 1901 px ***************************************/

@media screen and (max-width: 1901px) {
  #TopLogo {

  }
  .home_head {
    font-size: 25.5px;
    top:37px;
    left:183px;
  }
  .ABOUT_US_HEAD{
    font-size: 25.5px;
    top:37px;
    left:286px;
  }
  .gallery_head{
    font-size: 25.5px;
    top:37px;
    left:423px;
  }
  .products_head{
    font-size: 25.5px;
    top:37px;
    left:536px;
  }
  .print_your_work_head{
    font-size: 25.5px;
    top:37px;
    left:670px;
  }
  .contact_us_head {
  font-size: 25.5px;
  top:37px;
  left:882px;  
  }
  .track_head {
  font-size: 25.5px;
  top:37px;
  left:1040px;  
  }
  .search_head{
  left:1145px;
  top:37px;
  height: 34px !important;
    

  }
  form.form_head button{
  left:1522px;
  top:37.5px; 
  height: 32.5px !important;

  }
  #cart_head{
  left:1600px;
   
  }
  #login_head , .loginbtn{
  left:1675px;
  }
  .copyright{
  font-size: 15.5px;  
  margin-left: 85%;  
}
.login_dropdown_content{
  margin-top: 6.5%;
  left:1520px;
  min-width: 210px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}


/********************************  Gallery CSS  ********************************/
.gallery_right_column{
  margin-left: -70px !important;  
  overflow: visible !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 30px;
  margin-top: 15%;
  margin-left: 7%;
}
.monthly_button{
  font-size: 30px;
  margin-top: 5%;
  margin-left: 7%;
}
.daily_button{
  font-size: 30px;
  margin-top: 5%;
  margin-left: 7%;
}
.note_button{
  font-size: 30px;
  margin-top: 5%;
  margin-left: 7%;
}
.diary_button{
  font-size: 30px;
  margin-top: 5%;
  margin-left: 7%;
}
.box_button{
  font-size: 30px;
  margin-top: 5%;
  margin-left: 7%;
}
.table_button{
  font-size: 30px;
  margin-top: 5%;
  margin-left: 7%;
}
.tag_button{
  font-size: 30px;
  margin-top: 5%;
  margin-left: 7%;
}
.add_button{
  font-size: 30px;
  margin-top: 5%;
  margin-left: 7%;
}
.vertical_line{
  position: relative;
  top:-630px;
  margin-left: 82%;
  border-left: 4px solid #707070;
  height: 810px;
}
.card{
  width: 280px;
  height: 354.67px;
  position: relative;
  margin-top: 13%;
  margin-left: 40px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
}
.card span {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  opacity: 0.97;
  transition: width 0.5s, height 0.5s;
}
.card:hover span{
  width: 1000px;
  height: 1000px;
}
/*************************** Modal Img *******************************/

.zoom_class{
  letter-spacing: 1px;
  font-size: 18px;
}

/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(185,185,185); /* Fallback color */
  background-color: rgba(185,185,185,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 10% !important;
  width: 80%;
  max-width: 900px;
}
/* Caption of Modal Image */
#caption {
  width: 80%;
  max-width: 700px;
  font-size: 40px;
  padding: 10px 0;
  height: 150px;
}

/* The Close Button */
.close {
  margin-top: 10%;
  position: absolute;
  margin-left: 77.5%;
  font-size: 45px !important;
}

/********************************************************************/
.product_img{
  top: 0px;
  width: 220px;
  height: 284.53px;
}
.table1_img{
  margin-top: 40px;
  width: 220px;
  height: 247.87px;
}
.dailyarc_img{
  margin-top: -10px !important;
  width: 200px;
  height: 291.27px;
}
.cake5_img_class{
  margin-top: 80px;
  width: 230px;
  height: 202.77px;
}
.pa1_img{
  top: 0px;
  width: 200px;
  height: 282.18px;
}
.tag2_img{
  top: 0px;
  width: 190px;
  height: 280.84px;  
}
.tag3_img{
  top: 5px;
  width: 200px;
  height: 273.09px;  
}
.tag4_img{
  top: 0px;
  width: 165px;
  height: 283.23px;
}
.mithra1_img{
  margin-top: 60px;
  width: 220px;
  height: 220px;
}
.product_info{
  margin-top: 15px;
  font-size: 24px;
}
.card .content1_div{
  padding: 40px;
}

.description_box{
  font-size: 22px;
}
.info_box{
  font-size: 18px;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}



} 

/******************************** 1801 px ***************************************/

@media screen and (max-width: 1801px) {
  #TopLogo {

  }
  .home_head {
    font-size: 24.5px;
    top:37px;
    left:187px;
  }
  .ABOUT_US_HEAD{
    font-size: 24.5px;
    top:37px;
    left:285px;
  }
  .gallery_head{
    font-size: 24.5px;
    top:37px;
    left:417px;
  }
  .products_head{
    font-size: 24.5px;
    top:37px;
    left:527px;
  }
  .print_your_work_head{
    font-size: 24.5px;
    top:37px;
    left:656px;
  }
  .contact_us_head {
  font-size: 24.5px;
  top:37px;
  left:861px;  
  }
  .track_head {
  font-size: 24.5px;
  top:37px;
  left:1015px;  
  }
  .search_head{
  left:1110px;
  top:37.5px;
  height: 33px !important;
    

  }
  form.form_head button{
  left:1487px;
  top:38px; 
  height: 31.5px !important;

  }
  #cart_head{
  left:1560px;
   
  }
  #login_head , .loginbtn{
  left:1635px;
  
  }
  .copyright{
  font-size: 15px;  
  margin-left: 83%;  
  }
  div.col-sm-2.footer_col1{
  max-width: 270px !important;
  }
  div.col-sm-2.footer_col2{
  max-width: 270px !important;
  }
  .subscribe_button{
    position: relative;
    top:1.5px;
  }
  .login_dropdown_content{
  margin-top: 6.8%;
  left:1460px;
  min-width: 210px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}





/********************************  Gallery CSS  ********************************/
.gallery_right_column{
  margin-left: -70px !important;  
  overflow: visible !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 30px;
  margin-top: 15%;
  margin-left: 7%;
}
.monthly_button{
  font-size: 30px;
  margin-top: 5%;
  margin-left: 7%;
}
.daily_button{
  font-size: 30px;
  margin-top: 5%;
  margin-left: 7%;
}
.note_button{
  font-size: 30px;
  margin-top: 5%;
  margin-left: 7%;
}
.diary_button{
  font-size: 30px;
  margin-top: 5%;
  margin-left: 7%;
}
.box_button{
  font-size: 30px;
  margin-top: 5%;
  margin-left: 7%;
}
.table_button{
  font-size: 30px;
  margin-top: 5%;
  margin-left: 7%;
}
.tag_button{
  font-size: 30px;
  margin-top: 5%;
  margin-left: 7%;
}
.add_button{
  font-size: 30px;
  margin-top: 5%;
  margin-left: 7%;
}
.vertical_line{
  position: relative;
  top:-610px;
  margin-left: 83%;
  border-left: 4px solid #707070;
  height: 810px;
}
.card{
  width: 260px;
  height: 329.33px;
  position: relative;
  margin-top: 13%;
  margin-left: 40px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
}
.card span {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  opacity: 0.97;
  transition: width 0.5s, height 0.5s;
}
.card:hover span{
  width: 1000px;
  height: 1000px;
}
/*************************** Modal Img *******************************/

.zoom_class{
  letter-spacing: 1px;
  font-size: 18px;
}

/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(185,185,185); /* Fallback color */
  background-color: rgba(185,185,185,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 10% !important;
  width: 80%;
  max-width: 900px;
}
/* Caption of Modal Image */
#caption {
  width: 80%;
  max-width: 700px;
  font-size: 40px;
  padding: 10px 0;
  height: 150px;
}

/* The Close Button */
.close {
  margin-top: 10%;
  position: absolute;
  margin-left: 79%;
  font-size: 45px !important;
}

/********************************************************************/
.product_img{
  top: 0px;
  width: 200px;
  height: 258.67px;
}
.table1_img{
  margin-top: 30px;
  width: 200px;
  height: 225.33px;
}
.dailyarc_img{
  margin-top: 0px !important;
  width: 180px;
  height: 262.15px;
}
.cake5_img_class{
  margin-top: 70px;
  width: 210px;
  height: 185.14px;
}
.pa1_img{
  top: 0px;
  width: 180px;
  height: 253.96px;
}
.tag2_img{
  top: 0px;
  width: 170px;
  height: 251.28px;  
}
.tag3_img{
  top: 5px;
  width: 180px;
  height: 245.78px;  
}
.tag4_img{
  top: 0px;
  width: 145px;
  height: 248.9px;
}
.mithra1_img{
  margin-top: 60px;
  width: 200px;
  height: 200px;
}
.product_info{
  margin-top: 15px;
  font-size: 24px;
}
.card .content1_div{
  padding: 40px;
}

.description_box{
  font-size: 22px;
}
.info_box{
  font-size: 18px;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}







} 

/******************************** 1701 px ***************************************/

@media screen and (max-width: 1701px) {
  #TopLogo {
   
   width: 119px;
   height: 81px;
  }
  .home_head {
    font-size: 24.5px;
    top:37px;
    left:182px;
  }
  .ABOUT_US_HEAD{
    font-size: 24.5px;
    top:37px;
    left:275px;
  }
  .gallery_head{
    font-size: 24.5px;
    top:37px;
    left:405px;
  }
  .products_head{
    font-size: 24.5px;
    top:37px;
    left:512px;
  }
  .print_your_work_head{
    font-size: 24.5px;
    top:37px;
    left:637px;
  }
  .contact_us_head {
  font-size: 24.5px;
  top:37px;
  left:836px;  
  }
  .track_head {
  font-size: 24.5px;
  top:37px;
  left:986px;  
  }
  .search_head{
  width: 330px !important;
  border-radius: 5px 0px 0px 5px ;
  left:1075px;
  top:37.5px;
  height: 33px !important;
    

  }
  form.form_head button{
  left:1404px;
  top:38px; 
  height: 31.5px !important;

  }
  #cart_head{
  left:1470px;
   
  }
  #login_head , .loginbtn{
  left:1535px;
  }
  .copyright{
  font-size: 15px;  
  margin-left: 83%;  
  }
  div.col-sm-2.footer_col1{
  max-width: 250px !important;
  }
  div.col-sm-2.footer_col2{
  max-width: 250px !important;
  }
  .subscribe_button{
    position: relative;
    top:1.5px;
  }
  .footer_col4{
    margin-left: 0.5%;
  }
  .slideshow-container {
  position: relative;
  margin: auto;
  margin-top: 8.5% !important;
}
  .login_dropdown_content{
  margin-top: 7.1%;
  left:1360px;
  min-width: 210px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
} 

/******************************** 1640 px ***************************************/

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

/********************************  Gallery CSS  ********************************/
.gallery_right_column{
  margin-left: -70px !important;  
  overflow: visible !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 30px;
  margin-top: 15%;
  margin-left: 7%;
}
.monthly_button{
  font-size: 30px;
  margin-top: 5%;
  margin-left: 7%;
}
.daily_button{
  font-size: 30px;
  margin-top: 5%;
  margin-left: 7%;
}
.note_button{
  font-size: 30px;
  margin-top: 5%;
  margin-left: 7%;
}
.diary_button{
  font-size: 30px;
  margin-top: 5%;
  margin-left: 7%;
}
.box_button{
  font-size: 30px;
  margin-top: 5%;
  margin-left: 7%;
}
.table_button{
  font-size: 30px;
  margin-top: 5%;
  margin-left: 7%;
}
.tag_button{
  font-size: 30px;
  margin-top: 5%;
  margin-left: 7%;
}
.add_button{
  font-size: 30px;
  margin-top: 5%;
  margin-left: 7%;
}
.vertical_line{
  position: relative;
  top:-600px;
  margin-left: 84%;
  border-left: 4px solid #707070;
  height: 810px;
}
.card{
  width: 250px;
  height: 316.67px;
  position: relative;
  margin-top: 13%;
  margin-left: 40px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
}
.card span {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  opacity: 0.97;
  transition: width 0.5s, height 0.5s;
}
.card:hover span{
  width: 1000px;
  height: 1000px;
}
/*************************** Modal Img *******************************/

.zoom_class{
  letter-spacing: 1px;
  font-size: 18px;
}

/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(185,185,185); /* Fallback color */
  background-color: rgba(185,185,185,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 10% !important;
  width: 80%;
  max-width: 900px;
}
/* Caption of Modal Image */
#caption {
  width: 80%;
  max-width: 700px;
  font-size: 40px;
  padding: 10px 0;
  height: 150px;
}

/* The Close Button */
.close {
  margin-top: 10%;
  position: absolute;
  margin-left: 79%;
  font-size: 45px !important;
}

/********************************************************************/
.product_img{
  top: 0px;
  width: 190px;
  height: 245.73px;
}
.table1_img{
  margin-top: 30px;
  width: 190px;
  height: 214.07px;
}
.dailyarc_img{
  margin-top: 0px !important;
  width: 170px;
  height: 247.58px;
}
.cake5_img_class{
  margin-top: 70px;
  width: 200px;
  height: 176.32px;
}
.pa1_img{
  margin-top: 5px;
  width: 170px;
  height: 239.85px;
}
.tag2_img{
  margin-top: 10px;
  width: 160px;
  height: 236.5px;  
}
.tag3_img{
  margin-top: 15px;
  width: 170px;
  height: 232.13px;  
}
.tag4_img{
  margin-top: 10px;
  width: 135px;
  height: 231.74px;
}
.mithra1_img{
  margin-top: 60px;
  width: 190px;
  height: 190px;
}
.product_info{
  margin-top: 15px;
  font-size: 23px;
}
.card .content1_div{
  padding: 40px;
}

.description_box{
  font-size: 22px;
}
.info_box{
  font-size: 18px;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}

}
/******************************** 1601 px ***************************************/

@media screen and (max-width: 1601px) {
  #TopLogo {
   
   width: 119px;
   height: 81px;
  }
  .home_head {
    font-size: 23.5px;
    top:37px;
    left:182px;
  }
  .ABOUT_US_HEAD{
    font-size: 23.5px;
    top:37px;
    left:270px;
  }
  .gallery_head{
    font-size: 23.5px;
    top:37px;
    left:393px;
  }
  .products_head{
    font-size: 23.5px;
    top:37px;
    left:492px;
  }
  .print_your_work_head{
    font-size: 23.5px;
    top:37px;
    left:610px;
  }
  .contact_us_head {
  font-size: 23.5px;
  top:37px;
  left:802px;  
  }
  .track_head {
  font-size: 23.5px;
  top:37px;
  left:944px;  
  }
  .search_head{
  width: 280px !important;
  border-radius: 5px 0px 0px 5px ;
  left:1035px;
  top:37.5px;
  height: 33px !important;
    

  }
  form.form_head button{
  left:1314px;
  top:38px; 
  height: 31.5px !important;

  }
  #cart_head{
  left:1380px;
   
  }
  #login_head , .loginbtn{
  left:1445px;  
  }
  .copyright{
  font-size: 14px;  
  margin-left: 83%;  
  }
  div.col-sm-2.logo_footer_col{
  max-width: 240px !important;
  }
  div.col-sm-2.footer_col1{
  max-width: 240px !important;
  }
  div.col-sm-2.footer_col2{
  max-width: 240px !important;
  }
  div.col-sm-2.footer_col4{
  max-width: 240px !important;
  }
  .subscribe_input{
    width: 68%;
  }
  .subscribe_button{
    position: relative;
    top:1.5px;
  }
  .footer_col4{
    margin-left: 0%;
  }
  .login_dropdown_content{
  margin-top: 7.7%;
  left:1265px;
  min-width: 210px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}






/********************************  Gallery CSS  ********************************/
.gallery_right_column{
  margin-left: -50px !important;  
  overflow: visible !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 30px;
  margin-top: 15%;
  margin-left: 7%;
}
.monthly_button{
  font-size: 30px;
  margin-top: 5%;
  margin-left: 7%;
}
.daily_button{
  font-size: 30px;
  margin-top: 5%;
  margin-left: 7%;
}
.note_button{
  font-size: 30px;
  margin-top: 5%;
  margin-left: 7%;
}
.diary_button{
  font-size: 30px;
  margin-top: 5%;
  margin-left: 7%;
}
.box_button{
  font-size: 30px;
  margin-top: 5%;
  margin-left: 7%;
}
.table_button{
  font-size: 30px;
  margin-top: 5%;
  margin-left: 7%;
}
.tag_button{
  font-size: 30px;
  margin-top: 5%;
  margin-left: 7%;
}
.add_button{
  font-size: 30px;
  margin-top: 5%;
  margin-left: 7%;
}
.vertical_line{
  position: relative;
  top:-600px;
  margin-left: 92%;
  border-left: 3.5px solid #707070;
  height: 810px;
}
.card{
  width: 230px;
  height: 291.33px;
  position: relative;
  margin-top: 13%;
  margin-left: 40px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
}
.card span {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  opacity: 0.97;
  transition: width 0.5s, height 0.5s;
}
.card:hover span{
  width: 1000px;
  height: 1000px;
}
/*************************** Modal Img *******************************/

.zoom_class{
  letter-spacing: 1px;
  font-size: 18px;
}

/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(185,185,185); /* Fallback color */
  background-color: rgba(185,185,185,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 10% !important;
  width: 80%;
  max-width: 900px;
}
/* Caption of Modal Image */
#caption {
  width: 80%;
  max-width: 700px;
  font-size: 40px;
  padding: 10px 0;
  height: 150px;
}

/* The Close Button */
.close {
  margin-top: 10%;
  position: absolute;
  margin-left: 82%;
  font-size: 45px !important;
}

/********************************************************************/
.product_img{
  top: 0px;
  width: 170px;
  height: 219.87px;
}
.table1_img{
  margin-top: 30px;
  width: 170px;
  height: 191.53px;
}
.dailyarc_img{
  margin-top: 0px !important;
  width: 150px;
  height: 218.45px;
}
.cake5_img_class{
  margin-top: 60px;
  width: 180px;
  height: 158.69px;
}
.pa1_img{
  margin-top: 5px;
  width: 150px;
  height: 211.64px;
}
.tag2_img{
  margin-top: 10px;
  width: 140px;
  height: 206.93px;  
}
.tag3_img{
  margin-top: 15px;
  width: 150px;
  height: 204.82px;  
}
.tag4_img{
  margin-top: 10px;
  width: 115px;
  height: 197.41px;
}
.mithra1_img{
  margin-top: 30px;
  width: 190px;
  height: 190px;
}
.product_info{
  margin-top: 15px;
  font-size: 22px;
}
.card .content1_div{
  padding: 40px;
}

.description_box{
  font-size: 22px;
}
.info_box{
  font-size: 17px;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}






} 

/******************************** 1501 px ***************************************/

@media screen and (max-width: 1501px) {
  #TopLogo {
   width: 113px;
   height: 77px;
  }
  .home_head {
    font-size: 23px;
    top:37px;
    left:172px;
  }
  .ABOUT_US_HEAD{
    font-size: 23px;
    top:37px;
    left:260px;
  }
  .gallery_head{
    font-size: 23px;
    top:37px;
    left:380px;
  }
  .products_head{
    font-size: 23px;
    top:37px;
    left:479px;
  }
  .print_your_work_head{
    font-size: 23px;
    top:37px;
    left:596px;
  }
  .contact_us_head {
  font-size: 23px;
  top:37px;
  left:781px;  
  }
  .track_head {
  font-size: 23px;
  top:37px;
  left:919px;  
  }
  .search_head{
  width: 225px !important;
  border-radius: 5px 0px 0px 5px ;
  left:1005px;
  top:37.5px;
  height: 31px !important;
    

  }
  form.form_head button{
  left:1229px;
  top:38px; 
  height: 29.5px !important;

  }
  #cart_head{
  left:1290px;
  width: 35px;
  height: 35px;
  top: 35px !important;
   
  }
  #login_head , .loginbtn{
  left:1350px;
  width: 23.82px;
  height: 27px;
  top: 40px !important;
  }
  .copyright{
  font-size: 13px;  
  margin-left: 83%;  
  }
  div.col-sm-2.logo_footer_col{
  max-width: 230px !important;
  }
  div.col-sm-2.footer_col1{
  max-width: 220px !important;
  }
  div.col-sm-2.footer_col2{
  max-width: 220px !important;
  }
  div.col-sm-2.footer_col4{
  max-width: 230px !important;
  }
  .subscribe_input{
    width: 70%;
  }
  .subscribe_button{
    position: relative;
    top:1.5px;
    width: 21%;
  }
  .subscribe_letter{
    font-size: 16px;
  }
  .footer_col1{
    margin-top: 2%;
    font-size: 15px;
  }
  .footer_col2{
    margin-top: 2%;
    font-size: 15px;
  }
  .footer_col4{
    margin-left: 0%;
  }
  .address_foot{
    font-size: 15px;
    top:3px;
  }
  .m1_foot{
    font-size: 15px;
  }
  .m2_foot{
    font-size: 15px;
  }
  .mail1_foot{
    font-size: 15px;
  }
  .mail2_foot{
    font-size: 15px;
  }
  .map_img_png{
  width: 18px;

  }
  .phone1_img_png{
  width: 18px;
  }
  .phone2_img_png{
  width: 18px;   
  }
  .mail1_img_png{
  width: 18px;       
  }
  .mail2_img_png{
  width: 18px;
  }
  .slideshow-container {
  position: relative;
  margin: auto;
  margin-top: 9.5% !important;
}
 .login_dropdown_content{
  margin-top: 8.3%;
  left:1170px;
  min-width: 210px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}





/********************************  Gallery CSS  ********************************/
.gallery_right_column{
  margin-left: 0px !important;  
  overflow: visible !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 28px;
  margin-top: 15%;
  margin-left: 7%;
}
.monthly_button{
  font-size: 28px;
  margin-top: 5%;
  margin-left: 7%;
}
.daily_button{
  font-size: 28px;
  margin-top: 5%;
  margin-left: 7%;
}
.note_button{
  font-size: 28px;
  margin-top: 5%;
  margin-left: 7%;
}
.diary_button{
  font-size: 28px;
  margin-top: 5%;
  margin-left: 7%;
}
.box_button{
  font-size: 28px;
  margin-top: 5%;
  margin-left: 7%;
}
.table_button{
  font-size: 28px;
  margin-top: 5%;
  margin-left: 7%;
}
.tag_button{
  font-size: 28px;
  margin-top: 5%;
  margin-left: 7%;
}
.add_button{
  font-size: 28px;
  margin-top: 5%;
  margin-left: 7%;
}
.vertical_line{
  position: relative;
  top:-550px;
  margin-left: 103%;
  border-left: 3.5px solid #707070;
  height: 810px;
}
.card{
  width: 230px;
  height: 291.33px;
  position: relative;
  margin-top: 13%;
  margin-left: 40px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
}
.card span {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  opacity: 0.97;
  transition: width 0.5s, height 0.5s;
}
.card:hover span{
  width: 1000px;
  height: 1000px;
}
/*************************** Modal Img *******************************/

.zoom_class{
  letter-spacing: 1px;
  font-size: 18px;
}

/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(185,185,185); /* Fallback color */
  background-color: rgba(185,185,185,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 10% !important;
  width: 80%;
  max-width: 850px;
}
/* Caption of Modal Image */
#caption {
  width: 80%;
  max-width: 700px;
  font-size: 40px;
  padding: 10px 0;
  height: 150px;
}

/* The Close Button */
.close {
  margin-top: 10%;
  position: absolute;
  margin-left: 85%;
  font-size: 45px !important;
}

/********************************************************************/
.product_img{
  top: 0px;
  width: 170px;
  height: 219.87px;
}
.table1_img{
  margin-top: 30px;
  width: 170px;
  height: 191.53px;
}
.dailyarc_img{
  margin-top: 0px !important;
  width: 150px;
  height: 218.45px;
}
.cake5_img_class{
  margin-top: 60px;
  width: 180px;
  height: 158.69px;
}
.pa1_img{
  margin-top: 5px;
  width: 150px;
  height: 211.64px;
}
.tag2_img{
  margin-top: 10px;
  width: 140px;
  height: 206.93px;  
}
.tag3_img{
  margin-top: 15px;
  width: 150px;
  height: 204.82px;  
}
.tag4_img{
  margin-top: 10px;
  width: 115px;
  height: 197.41px;
}
.mithra1_img{
  margin-top: 30px;
  width: 190px;
  height: 190px;
}
.product_info{
  margin-top: 15px;
  font-size: 22px;
}
.card .content1_div{
  padding: 40px;
}

.description_box{
  font-size: 22px;
}
.info_box{
  font-size: 17px;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}






} 

/******************************** 1401 px ***************************************/

@media screen and (max-width: 1401px) {
  #TopLogo {
   width: 113px;
   height: 77px;
  }
  .home_head {
    font-size: 22px;
    top:37px;
    left:172px;
  }
  .ABOUT_US_HEAD{
    font-size: 22px;
    top:37px;
    left:250px;
  }
  .gallery_head{
    font-size: 22px;
    top:37px;
    left:360px;
  }
  .products_head{
    font-size: 22px;
    top:37px;
    left:449px;
  }
  .print_your_work_head{
    font-size: 22px;
    top:37px;
    left:556px;
  }
  .contact_us_head {
  font-size: 22px;
  top:37px;
  left:730px;  
  }
  .track_head {
  font-size: 22px;
  top:37px;
  left:859px;  
  }
  .search_head{
  width: 210px !important;
  border-radius: 5px 0px 0px 5px ;
  left:935px;
  top:37.5px;
  height: 30.5px !important;
    

  }
  form.form_head button{
  left:1144px;
  top:38px; 
  height: 29.5px !important;

  }
  #cart_head{
  left:1205px;
  width: 35px;
  height: 35px;
  top: 35px !important;
   
  }
  #login_head , .loginbtn{
  left:1262px;
  width: 23.82px;
  height: 27px;
  top: 40px !important;
  }
  .copyright{
  font-size: 12.5px;  
  margin-left: 83%;  
  }
  div.col-sm-2.logo_footer_col{
  max-width: 190px !important;
  }
  div.col-sm-2.footer_col1{
  max-width: 200px !important;
  }
  div.col-sm-2.footer_col2{
  max-width: 200px !important;
  }
  div.col-sm-2.footer_col4{
  max-width: 220px !important;
  }
  .logo_footer{
    margin-top: 10%;
    margin-left: 0%;
  }
  .subscribe_input{
    width: 70%;
  }
  .subscribe_button{
    position: relative;
    top:1.5px;
    width: 21%;
  }
  .subscribe_letter{
    font-size: 15px;
  }
  .follow_footer{
    font-size: 16px;
    letter-spacing: 0px;
    margin-left: 12%;
  }
  .facebook_foot{
   font-size: 15px;
   top:40px;
  }
  .twitter_foot{
   font-size: 15px;
   top:71px;
  }
  .instagram_foot{
   font-size: 15px;
   top:100px;
  }
  .linkedin_foot{
   font-size: 15px;
   top:130px;
  }
  .youtube_foot{
   font-size: 15px;
   top:160px;
  }
  .footer_col1{
    margin-top: 3%;
    font-size: 14px;
  }
  .footer_col2{
    margin-top: 3%;
    font-size: 14px;
  }
  .footer_col3{
    margin-top: 3%;
  }
  .footer_col4{
    margin-left: 0%;
  }
  .address_foot{
    font-size: 14px;
    top:3px;
  }
  .m1_foot{
    font-size: 14px;
  }
  .m2_foot{
    font-size: 14px;
  }
  .mail1_foot{
    font-size: 14px;

  }
  .mail2_foot{
    font-size: 14px;
    
  }
  .map_img_png{
  width: 17px;

  }
  .phone1_img_png{
  width: 17px;
  }
  .phone2_img_png{
  width: 17px;   
  }
  .mail1_img_png{
  width: 17px;
  top:51px;       
  }
  .mail2_img_png{
  width: 17px;
  top:55px;
  }
  .login_dropdown_content{
  margin-top: 8.9%;
  left:1090px;
  min-width: 190px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a{
  font-size: 17px;
  padding:10px 16px;  
}






/********************************  Gallery CSS  ********************************/
.gallery_right_column{
  margin-left: 0px !important;  
  overflow: visible !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 26px;
  margin-top: 15%;
  margin-left: 4%;
}
.monthly_button{
  font-size: 26px;
  margin-top: 5%;
  margin-left: 4%;
}
.daily_button{
  font-size: 26px;
  margin-top: 5%;
  margin-left: 4%;
}
.note_button{
  font-size: 26px;
  margin-top: 5%;
  margin-left: 4%;
}
.diary_button{
  font-size: 26px;
  margin-top: 5%;
  margin-left: 4%;
}
.box_button{
  font-size: 26px;
  margin-top: 5%;
  margin-left: 4%;
}
.table_button{
  font-size: 26px;
  margin-top: 5%;
  margin-left: 4%;
}
.tag_button{
  font-size: 26px;
  margin-top: 5%;
  margin-left: 4%;
}
.add_button{
  font-size: 26px;
  margin-top: 5%;
  margin-left: 4%;
}
.vertical_line{
  position: relative;
  top:-500px;
  margin-left: 103%;
  border-left: 3.5px solid #707070;
  height: 810px;
}
.card{
  width: 230px;
  height: 291.33px;
  position: relative;
  margin-top: 13%;
  margin-left: 40px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
}
.card span {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  opacity: 0.97;
  transition: width 0.5s, height 0.5s;
}
.card:hover span{
  width: 1000px;
  height: 1000px;
}
/*************************** Modal Img *******************************/

.zoom_class{
  letter-spacing: 1px;
  font-size: 16px;
}

/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(185,185,185); /* Fallback color */
  background-color: rgba(185,185,185,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 10% !important;
  width: 80%;
  max-width: 800px;
}
/* Caption of Modal Image */
#caption {
  width: 80%;
  max-width: 700px;
  font-size: 40px;
  padding: 10px 0;
  height: 150px;
}

/* The Close Button */
.close {
  margin-top: 10%;
  position: absolute;
  margin-left: 83%;
  font-size: 45px !important;
}

/********************************************************************/
.product_img{
  top: 0px;
  width: 170px;
  height: 219.87px;
}
.table1_img{
  margin-top: 30px;
  width: 170px;
  height: 191.53px;
}
.dailyarc_img{
  margin-top: 0px !important;
  width: 150px;
  height: 218.45px;
}
.cake5_img_class{
  margin-top: 60px;
  width: 180px;
  height: 158.69px;
}
.pa1_img{
  margin-top: 5px;
  width: 150px;
  height: 211.64px;
}
.tag2_img{
  margin-top: 10px;
  width: 140px;
  height: 206.93px;  
}
.tag3_img{
  margin-top: 15px;
  width: 150px;
  height: 204.82px;  
}
.tag4_img{
  margin-top: 10px;
  width: 115px;
  height: 197.41px;
}
.mithra1_img{
  margin-top: 30px;
  width: 190px;
  height: 190px;
}
.product_info{
  margin-top: 15px;
  font-size: 22px;
}
.card .content1_div{
  padding: 40px;
}

.description_box{
  font-size: 20px;
}
.info_box{
  font-size: 15px;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}





} 

/******************************** 1301 px ***************************************/

@media screen and (max-width: 1301px) {
  .topnav{
    min-height: 105px;
  }
  #TopLogo {
   width: 107px;
   height: 73px;
  }
  .home_head {
    font-size: 20px;
    top:37px;
    left:162px;
  }
  .ABOUT_US_HEAD{
    font-size: 20px;
    top:37px;
    left:235px;
  }
  .gallery_head{
    font-size: 20px;
    top:37px;
    left:336px;
  }
  .products_head{
    font-size: 20px;
    top:37px;
    left:418px;
  }
  .print_your_work_head{
    font-size: 20px;
    top:37px;
    left:517px;
  }
  .contact_us_head {
  font-size: 20px;
  top:37px;
  left:676px;  
  }
  .track_head {
  font-size: 20px;
  top:37px;
  left:795px;  
  }
  .search_head{
  width: 185px !important;
  border-radius: 5px 0px 0px 5px ;
  left:865px;
  top:37.5px;
  height: 28.5px !important;
   

  }
  form.form_head button{
  width: 38px;
  left:1049px;
  top:38px; 
  height: 27.5px !important;

  }
  #cart_head{
  left:1105px;
  width: 32px;
  height: 32px;
  top: 35px !important;
   
  }
  #login_head , .loginbtn{
  left:1157px;
  width: 21.17px;
  height: 24px;
  top: 40px !important;
  }
  .copyright{
  font-size: 11.3px;  
  margin-left: 83%;  
  }
  div.col-sm-2.logo_footer_col{
  max-width: 170px !important;
  }
  div.col-sm-2.footer_col1{
  max-width: 200px !important;
  }
  div.col-sm-2.footer_col2{
  max-width: 200px !important;
  }
  div.col-sm-2.footer_col4{
  max-width: 220px !important;
  }
  
  .logo_footer{
    margin-top: 20%;
    margin-left: 0%;
  }
  .subscribe_input{
    width: 70%;
  }
  .subscribe_button{
    position: relative;
    top:1.5px;
    width: 25%;
  }
  .subscribe_letter{
    font-size: 14px;
  }
  .follow_footer{
    font-size: 16px;
    letter-spacing: 0px;
    margin-left: 12%;
  }
  .facebook_foot{
   font-size: 15px;
   top:40px;
  }
  .twitter_foot{
   font-size: 15px;
   top:71px;
  }
  .instagram_foot{
   font-size: 15px;
   top:100px;
  }
  .linkedin_foot{
   font-size: 15px;
   top:130px;
  }
  .youtube_foot{
   font-size: 15px;
   top:160px;
  }
  .footer_col1{
    margin-top: 3%;
    font-size: 13px;
  }
  .footer_col2{
    margin-top: 3%;
    font-size: 13px;
  }
  .footer_col3{
    margin-top: 3%;
  }
  .footer_col4{
    margin-left: 0%;
  }
  .address_foot{
    font-size: 12.8px;
    top:3px;
  }
  .m1_foot{
    font-size: 13px;
  }
  .m2_foot{
    font-size: 13px;
  }
  .mail1_foot{
    font-size: 13px;

  }
  .mail2_foot{
    font-size: 13px;
    
  }
  .map_img_png{
  width: 17px;

  }
  .phone1_img_png{
  width: 17px;
  }
  .phone2_img_png{
  width: 17px;   
  }
  .mail1_img_png{
  width: 17px;
  top:51px;       
  }
  .mail2_img_png{
  width: 17px;
  top:55px;
  }
  .slideshow-container {
  position: relative;
  margin: auto;
  margin-top: 10% !important;
}
.login_dropdown_content{
  margin-top: 8.9%;
  left:990px;
  min-width: 190px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a{
  font-size: 17px;
  padding:10px 16px;  
}




/********************************  Gallery CSS  ********************************/
.gallery_right_column{
  margin-left: 0px !important;  
  overflow: visible !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 26px;
  margin-top: 15%;
  margin-left: 4%;
}
.monthly_button{
  font-size: 26px;
  margin-top: 5%;
  margin-left: 4%;
}
.daily_button{
  font-size: 26px;
  margin-top: 5%;
  margin-left: 4%;
}
.note_button{
  font-size: 26px;
  margin-top: 5%;
  margin-left: 4%;
}
.diary_button{
  font-size: 26px;
  margin-top: 5%;
  margin-left: 4%;
}
.box_button{
  font-size: 26px;
  margin-top: 5%;
  margin-left: 4%;
}
.table_button{
  font-size: 26px;
  margin-top: 5%;
  margin-left: 4%;
}
.tag_button{
  font-size: 26px;
  margin-top: 5%;
  margin-left: 4%;
}
.add_button{
  font-size: 26px;
  margin-top: 5%;
  margin-left: 4%;
}
.vertical_line{
  position: relative;
  top:-500px;
  margin-left: 103%;
  border-left: 3.5px solid #707070;
  height: 810px;
}
.card{
  width: 230px;
  height: 291.33px;
  position: relative;
  margin-top: 13%;
  margin-left: 40px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
}
.card span {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  opacity: 0.97;
  transition: width 0.5s, height 0.5s;
}
.card:hover span{
  width: 1000px;
  height: 1000px;
}
/*************************** Modal Img *******************************/

.zoom_class{
  letter-spacing: 1px;
  font-size: 16px;
}

/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(185,185,185); /* Fallback color */
  background-color: rgba(185,185,185,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 10% !important;
  width: 77%;
  max-width: 750px;
}
/* Caption of Modal Image */
#caption {
  width: 80%;
  max-width: 700px;
  font-size: 36px;
  padding: 10px 0;
  height: 150px;
}

/* The Close Button */
.close {
  margin-top: 10%;
  position: absolute;
  margin-left: 83%;
  font-size: 45px !important;
}

/********************************************************************/
.product_img{
  top: 0px;
  width: 170px;
  height: 219.87px;
}
.table1_img{
  margin-top: 30px;
  width: 170px;
  height: 191.53px;
}
.dailyarc_img{
  margin-top: 0px !important;
  width: 150px;
  height: 218.45px;
}
.cake5_img_class{
  margin-top: 60px;
  width: 180px;
  height: 158.69px;
}
.pa1_img{
  margin-top: 5px;
  width: 150px;
  height: 211.64px;
}
.tag2_img{
  margin-top: 10px;
  width: 140px;
  height: 206.93px;  
}
.tag3_img{
  margin-top: 15px;
  width: 150px;
  height: 204.82px;  
}
.tag4_img{
  margin-top: 10px;
  width: 115px;
  height: 197.41px;
}
.mithra1_img{
  margin-top: 30px;
  width: 190px;
  height: 190px;
}
.product_info{
  margin-top: 15px;
  font-size: 20px;
}
.card .content1_div{
  padding: 40px;
}

.description_box{
  font-size: 20px;
}
.info_box{
  font-size: 15px;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}




} 

/******************************** 1201 px ***************************************/

@media screen and (max-width: 1201px) {
  .topnav{
    min-height: 105px;
  }
  #TopLogo {
   left:15px; 
   width: 107px;
   height: 73px;
  }
  .home_head {
    font-size: 19px;
    top:37px;
    left:142px;
  }
  .ABOUT_US_HEAD{
    font-size: 19px;
    top:37px;
    left:212px;
  }
  .gallery_head{
    font-size: 19px;
    top:37px;
    left:310px;
  }
  .products_head{
    font-size: 19px;
    top:37px;
    left:390px;
  }
  .print_your_work_head{
    font-size: 19px;
    top:37px;
    left:484px;
  }
  .contact_us_head {
  font-size: 19px;
  top:37px;
  left:636px;  
  }
  .track_head {
  font-size: 19px;
  top:37px;
  left:748px;  
  }
  .search_head{
  width: 185px !important;
  border-radius: 5px 0px 0px 5px ;
  left:815px;
  top:35.5px;
  height: 28.5px !important;
   

  }
  form.form_head button{
  width: 38px;
  left:999px;
  top:36px; 
  height: 27.5px !important;

  }
  #cart_head{
  left:1050px;
  width: 32px;
  height: 32px;
  top: 33px !important;
   
  }
  #login_head , .loginbtn{
  left:1098px;
  width: 21.17px;
  height: 24px;
  top: 38px !important;
  }
  .copyright{
  font-size: 11.3px;  
  margin-left: 81%;  
  }
  div.col-sm-2.logo_footer_col{
  max-width: 160px !important;
  }
  div.col-sm-2.footer_col1{
  max-width: 190px !important;
  }
  div.col-sm-2.footer_col2{
  max-width: 190px !important;
  }
  div.col-sm-2.footer_col4{
  max-width: 210px !important;
  }
  .logo_footer{
    margin-top: 20%;
    margin-left: 0%;
  }
  .subscribe_input{
    width: 70%;
  }
  .subscribe_button{
    position: relative;
    top:1.5px;
    width: 25%;
  }
  .subscribe_letter{
    font-size: 13px;
  }
  .follow_footer{
    margin-top: 4%;
    font-size: 16px;
    letter-spacing: 0px;
    margin-left: 12%;
  }
  .facebook_img_png{
    width: 19px;
  }
  .twitter_img_png{
    width: 19px;
  }
  .instagram_img_png{
    width: 19px;
  }
  .linkedin_img_png{
    width: 19px;
  }
  .youtube_img_png{
    width: 19px;
  }
  .facebook_foot{
   font-size: 14px;
   top:45px;
  }
  .twitter_foot{
   font-size: 14px;
   top:75px;
  }
  .instagram_foot{
   font-size: 14px;
   top:102px;
  }
  .linkedin_foot{
   font-size: 14px;
   top:133px;
  }
  .youtube_foot{
   font-size: 14px;
   top:162px;
  }
  .footer_col1{
    margin-top: 3%;
    font-size: 13px;
  }
  .footer_col2{
    margin-top: 3%;
    font-size: 13px;
  }
  .footer_col3{
    margin-top: 3%;
  }
  .footer_col4{
    margin-left: 0%;
  }
  .address_foot{
    font-size: 12px;
    top:5px;
  }
  .m1_foot{
    font-size: 12px;
  }
  .m2_foot{
    font-size: 12px;
  }
  .mail1_foot{
    font-size: 12px;

  }
  .mail2_foot{
    font-size: 12px;
    
  }
  .map_img_png{
  width: 17px;

  }
  .phone1_img_png{
  width: 17px;
  top:43px;
  }
  .phone2_img_png{
  width: 17px;  
  top:48px; 
  }
  .mail1_img_png{
  width: 17px;
  top:51px;       
  }
  .mail2_img_png{
  width: 17px;
  top:55px;
  }
  .login_dropdown_content{
  margin-top: 9.3%;
  left:935px;
  min-width: 190px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a{
  font-size: 17px;
  padding:10px 16px;  
}





/********************************  Gallery CSS  ********************************/
.gallery_right_column{
  margin-left: 0px !important;  
  overflow: visible !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 22px;
  margin-top: 15%;
  margin-left: 0%;
}
.monthly_button{
  font-size: 22px;
  margin-top: 5%;
  margin-left: 0%;
}
.daily_button{
  font-size: 22px;
  margin-top: 5%;
  margin-left: 0%;
}
.note_button{
  font-size: 22px;
  margin-top: 5%;
  margin-left: 0%;
}
.diary_button{
  font-size: 22px;
  margin-top: 5%;
  margin-left: 0%;
}
.box_button{
  font-size: 22px;
  margin-top: 5%;
  margin-left: 0%;
}
.table_button{
  font-size: 22px;
  margin-top: 5%;
  margin-left: 0%;
}
.tag_button{
  font-size: 22px;
  margin-top: 5%;
  margin-left: 0%;
}
.add_button{
  font-size: 22px;
  margin-top: 5%;
  margin-left: 0%;
}
.vertical_line{
  position: relative;
  top:-440px;
  margin-left: 109%;
  border-left: 3px solid #707070;
  height: 810px;
}
.card{
  width: 210px;
  height: 266px;
  position: relative;
  margin-top: 13%;
  margin-left: 40px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
}
.card span {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  opacity: 0.97;
  transition: width 0.5s, height 0.5s;
}
.card:hover span{
  width: 1000px;
  height: 1000px;
}
/*************************** Modal Img *******************************/

.zoom_class{
  letter-spacing: 1px;
  font-size: 16px;
}

/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(185,185,185); /* Fallback color */
  background-color: rgba(185,185,185,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 10% !important;
  width: 75%;
  max-width: 700px;
}
/* Caption of Modal Image */
#caption {
  width: 80%;
  max-width: 700px;
  font-size: 36px;
  padding: 10px 0;
  height: 150px;
}

/* The Close Button */
.close {
  margin-top: 10%;
  position: absolute;
  margin-left: 85%;
  font-size: 40px !important;
}

/********************************************************************/
.product_img{
  top: 0px;
  width: 170px;
  height: 219.87px;
}
.table1_img{
  margin-top: 30px;
  width: 170px;
  height: 191.53px;
}
.dailyarc_img{
  margin-top: 0px !important;
  width: 150px;
  height: 218.45px;
}
.cake5_img_class{
  margin-top: 60px;
  width: 180px;
  height: 158.69px;
}
.pa1_img{
  margin-top: 5px;
  width: 150px;
  height: 211.64px;
}
.tag2_img{
  margin-top: 10px;
  width: 140px;
  height: 206.93px;  
}
.tag3_img{
  margin-top: 15px;
  width: 150px;
  height: 204.82px;  
}
.tag4_img{
  margin-top: 10px;
  width: 115px;
  height: 197.41px;
}
.mithra1_img{
  margin-top: 30px;
  width: 190px;
  height: 190px;
}
.product_info{
  margin-top: 7px;
  font-size: 17px;
}
.card .content1_div{
  padding: 40px;
}

.description_box{
  font-size: 20px;
}
.info_box{
  font-size: 15px;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}






} 

/******************************** 1151 px ***************************************/

@media screen and (max-width: 1151px) {
  .topnav{
    min-height: 95px;
  }
  #TopLogo {
   top:11px;
   left:15px; 
   width: 102px;
   height: 70px;
  }
  .home_head {
    font-size: 18.5px;
    top:33px;
    left:137px;
  }
  .ABOUT_US_HEAD{
    font-size: 18.5px;
    top:33px;
    left:206px;
  }
  .gallery_head{
    font-size: 18.5px;
    top:33px;
    left:300px;
  }
  .products_head{
    font-size: 18.5px;
    top:33px;
    left:378px;
  }
  .print_your_work_head{
    font-size: 18.5px;
    top:33px;
    left:472px;
  }
  .contact_us_head {
  font-size: 18.5px;
  top:33px;
  left:621px;  
  }
  .track_head {
  font-size: 18.5px;
  top:33px;
  left:731px;  
  }
  .search_head{
  width: 175px !important;
  border-radius: 5px 0px 0px 5px ;
  left:797px;
  top:32.5px;
  height: 27.5px !important;
   

  }
  form.form_head button{
  width: 35px;
  left:971px;
  top:33px; 
  height: 26.5px !important;

  }
  #cart_head{
  left:1024px;
  width: 29px;
  height: 29px;
  top: 31px !important;
   
  }
  #login_head , .loginbtn{
  left:1070px;
  width: 19.41px;
  height: 22px;
  top: 36px !important;
  }
  .copyright{
  font-size: 11.3px;  
  margin-left: 81%;  
  }
  div.col-sm-2.logo_footer_col{
  max-width: 160px !important;
  }
  div.col-sm-2.footer_col1{
  max-width: 190px !important;
  }
  div.col-sm-2.footer_col2{
  max-width: 190px !important;
  }
  div.col-sm-2.footer_col4{
  max-width: 210px !important;
  }
  .logo_footer{
    margin-top: 20%;
    margin-left: 0%;
  }
  .subscribe_input{
    width: 70%;
    height: 35px;
  }
  .subscribe_button{
    height: 35px;
    position: relative;
    top:1.5px;
    width: 25%;
  }
  .subscribe_letter{
    font-size: 13px;
  }
  .follow_footer{
    margin-top: 4%;
    font-size: 16px;
    letter-spacing: 0px;
    margin-left: 12%;
  }
  .facebook_img_png{
    width: 19px;
  }
  .twitter_img_png{
    width: 19px;
  }
  .instagram_img_png{
    width: 19px;
  }
  .linkedin_img_png{
    width: 19px;
  }
  .youtube_img_png{
    width: 19px;
  }
  .facebook_foot{
   font-size: 14px;
   top:45px;
  }
  .twitter_foot{
   font-size: 14px;
   top:75px;
  }
  .instagram_foot{
   font-size: 14px;
   top:102px;
  }
  .linkedin_foot{
   font-size: 14px;
   top:133px;
  }
  .youtube_foot{
   font-size: 14px;
   top:162px;
  }
  .footer_col1{
    margin-top: 3%;
    font-size: 13px;
  }
  .footer_col2{
    margin-top: 3%;
    font-size: 13px;
  }
  .footer_col3{
    margin-top: 3%;
  }
  .footer_col4{
    margin-left: 0%;
  }
  .address_foot{
    font-size: 11.5px;
    top:5px;
  }
  .m1_foot{
    font-size: 12px;
  }
  .m2_foot{
    font-size: 12px;
  }
  .mail1_foot{
    font-size: 12px;

  }
  .mail2_foot{
    font-size: 12px;
    
  }
  .map_img_png{
  width: 17px;

  }
  .phone1_img_png{
  width: 17px;
  top:43px;
  }
  .phone2_img_png{
  width: 17px;  
  top:48px; 
  }
  .mail1_img_png{
  width: 17px;
  top:51px;       
  }
  .mail2_img_png{
  width: 17px;
  top:55px;
  }
  .login_dropdown_content{
  margin-top: 9.0%;
  left:900px;
  min-width: 190px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a{
  font-size: 17px;
  padding:10px 16px;  
}
} 

/******************************** 1101 px ***************************************/

@media screen and (max-width: 1101px) {
  .topnav{
    min-height: 90px;
  }
  #TopLogo {
   top:11px;
   left:15px; 
   width: 99.19px;
   height: 68px;
  }
  .home_head {
    font-size: 17.5px;
    top:33px;
    left:134px;
  }
  .ABOUT_US_HEAD{
    font-size: 17.5px;
    top:33px;
    left:198px;
  }
  .gallery_head{
    font-size: 17.5px;
    top:33px;
    left:287px;
  }
  .products_head{
    font-size: 17.5px;
    top:33px;
    left:361px;
  }
  .print_your_work_head{
    font-size: 17.5px;
    top:33px;
    left:450px;
  }
  .contact_us_head {
  font-size: 17.5px;
  top:33px;
  left:591px;  
  }
  .track_head {
  font-size: 17.5px;
  top:33px;
  left:696px;  
  }
  .search_head{
  width: 170px !important;
  border-radius: 5px 0px 0px 5px ;
  left:757px;
  top:30.5px;
  height: 27.5px !important;
  }
  form.form_head button{
  width: 35px;
  left:926px;
  top:31px; 
  height: 26.5px !important;

  }
  #cart_head{
  left:974px;
  width: 29px;
  height: 29px;
  top: 29px !important;  
  }
  #login_head , .loginbtn{
  left:1020px;
  width: 19.41px;
  height: 22px;
  top: 34px !important;
}
 .copyright{
  font-size: 11px;  
  margin-left: 81%;  
  }
  div.col-sm-2.logo_footer_col{
  max-width: 160px !important;
  }
  div.col-sm-2.footer_col1{
  max-width: 190px !important;
  }
  div.col-sm-2.footer_col2{
  max-width: 190px !important;
  }
  div.col-sm-2.footer_col4{
  max-width: 150px !important;
  }
  .logo_footer{
    margin-top: 20%;
    margin-left: 0%;
  }
  .subscribe_input{
    width: 70%;
    font-size:14px;
    height: 35px;
  }
  .subscribe_button{
    height: 35px;
    position: relative;
    top:0.5px;
    width: 25%;
    font-size: 18px;
  }
  .subscribe_letter{
    font-size: 13px;
  }
  .follow_footer{
    margin-top: 4%;
    font-size: 14px;
    letter-spacing: 0px;
    margin-left: 12%;
  }
  .facebook_img_png{
    width: 18px;
  }
  .twitter_img_png{
    width: 18px;
  }
  .instagram_img_png{
    width: 18px;
  }
  .linkedin_img_png{
    width: 18px;
  }
  .youtube_img_png{
    width: 18px;
  }
  .facebook_foot{
   font-size: 13px;
   top:43px;
  }
  .twitter_foot{
   font-size: 13px;
   top:72px;
  }
  .instagram_foot{
   font-size: 13px;
   top:100px;
  }
  .linkedin_foot{
   font-size: 13px;
   top:129px;
  }
  .youtube_foot{
   font-size: 13px;
   top:156px;
  }
  .footer_col1{
    margin-top: 4%;
    font-size: 12px;
  }
  .footer_col2{
    margin-top: 4%;
    font-size: 12px;
  }
  .footer_col3{
    margin-top: 4%;
  }
  .footer_col4{
    margin-left: 0%;
  }
  .footer_col5{
    margin-top: 2%;  }
  .address_foot{
    font-size: 11px;
    top:5px;
  }
  .m1_foot{
    font-size: 11px;
  }
  .m2_foot{
    font-size: 11px;
  }
  .mail1_foot{
    font-size: 11px;

  }
  .mail2_foot{
    font-size: 11px;
    
  }
  .map_img_png{
  width: 15px;

  }
  .phone1_img_png{
  width: 15px;
  top:41px;
  }
  .phone2_img_png{
  width: 15px;  
  top:46px; 
  }
  .mail1_img_png{
  width: 15px;
  top:49px;       
  }
  .mail2_img_png{
  width: 15px;
  top:53px;
  }
  .login_dropdown_content{
  margin-top: 9.0%;
  left:850px;
  min-width: 190px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a{
  font-size: 17px;
  padding:10px 16px;  
}







/********************************  Gallery CSS  ********************************/
.gallery_right_column{
  margin-left: 0px !important;  
  overflow: visible !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 22px;
  margin-top: 15%;
  margin-left: -20px;
}
.monthly_button{
  font-size: 22px;
  margin-top: 5%;
  margin-left: -20px;
}
.daily_button{
  font-size: 22px;
  margin-top: 5%;
  margin-left: -20px;
}
.note_button{
  font-size: 22px;
  margin-top: 5%;
  margin-left: -20px;
}
.diary_button{
  font-size: 22px;
  margin-top: 5%;
  margin-left: -20px;
}
.box_button{
  font-size: 22px;
  margin-top: 5%;
  margin-left: -20px;
}
.table_button{
  font-size: 22px;
  margin-top: 5%;
  margin-left: -20px;
}
.tag_button{
  font-size: 22px;
  margin-top: 5%;
  margin-left: -20px;
}
.add_button{
  font-size: 22px;
  margin-top: 5%;
  margin-left: -20px;
}
.vertical_line{
  position: relative;
  top:-420px;
  margin-left: 109%;
  border-left: 3px solid #707070;
  height: 810px;
}
.card{
  width: 210px;
  height: 266px;
  position: relative;
  margin-top: 13%;
  margin-left: 30px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
}
.card span {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  opacity: 0.97;
  transition: width 0.5s, height 0.5s;
}
.card:hover span{
  width: 1000px;
  height: 1000px;
}
/*************************** Modal Img *******************************/

.zoom_class{
  letter-spacing: 1px;
  font-size: 16px;
}

/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(185,185,185); /* Fallback color */
  background-color: rgba(185,185,185,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 10% !important;
  width: 75%;
  max-width: 670px;
}
/* Caption of Modal Image */
#caption {
  width: 80%;
  max-width: 700px;
  font-size: 36px;
  padding: 10px 0;
  height: 150px;
}

/* The Close Button */
.close {
  margin-top: 10%;
  position: absolute;
  margin-left: 85%;
  font-size: 40px !important;
}

/********************************************************************/
.product_img{
  top: 0px;
  width: 170px;
  height: 219.87px;
}
.table1_img{
  margin-top: 30px;
  width: 170px;
  height: 191.53px;
}
.dailyarc_img{
  margin-top: 0px !important;
  width: 150px;
  height: 218.45px;
}
.cake5_img_class{
  margin-top: 60px;
  width: 180px;
  height: 158.69px;
}
.pa1_img{
  margin-top: 5px;
  width: 150px;
  height: 211.64px;
}
.tag2_img{
  margin-top: 10px;
  width: 140px;
  height: 206.93px;  
}
.tag3_img{
  margin-top: 15px;
  width: 150px;
  height: 204.82px;  
}
.tag4_img{
  margin-top: 10px;
  width: 115px;
  height: 197.41px;
}
.mithra1_img{
  margin-top: 30px;
  width: 190px;
  height: 190px;
}
.product_info{
  margin-top: 7px;
  font-size: 17px;
}
.card .content1_div{
  padding: 40px;
}

.description_box{
  font-size: 20px;
}
.info_box{
  font-size: 15px;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}






} 

/******************************** 1051 px ***************************************/

@media screen and (max-width: 1051px) {
  .topnav{
    min-height: 85px;
  }
  #TopLogo {
   top:10px;
   left:15px; 
   width: 94.82px;
   height: 65px;
  }
  .home_head {
    font-size: 16.5px;
    top:33px;
    left:124px;
  }
  .ABOUT_US_HEAD{
    font-size: 16.5px;
    top:33px;
    left:188px;
  }
  .gallery_head{
    font-size: 16.5px;
    top:33px;
    left:276px;
  }
  .products_head{
    font-size: 16.5px;
    top:33px;
    left:349px;
  }
  .print_your_work_head{
    font-size: 16.5px;
    top:33px;
    left:433px;
  }
  .contact_us_head {
  font-size: 16.5px;
  top:33px;
  left:568px;  
  }
  .track_head {
  font-size: 16.5px;
  top:33px;
  left:669px;  
  }
  .search_head{
  width: 165px !important;
  border-radius: 5px 0px 0px 5px ;
  left:732px;
  top:30.5px;
  height: 27px !important;
   

  }
  form.form_head button{
  width: 35px;
  left:896px;
  top:31px; 
  height: 26px !important;

  }
  #cart_head{
  left:949px;
  width: 27px;
  height: 27px;
  top: 29px !important;
   
  }
  #login_head , .loginbtn{
  left:995px;
  width: 17.64px;
  height: 20px;
  top: 34px !important;
  }
  .copyright{
  font-size: 10px;  
  margin-left: 80%;  
  }
  div.footer_bottom.container-fluid{
    min-height: 180px;
  }
  div.col-sm-2.logo_footer_col{
  max-width: 140px !important;
  }
  div.col-sm-2.footer_col1{
  max-width: 180px !important;
  }
  div.col-sm-2.footer_col2{
  max-width: 180px !important;
  }
  div.col-sm-2.footer_col4{
  max-width: 150px !important;
  }
  .logo_footer{
    margin-top: 40%;
    margin-left: 0%;
  }
  .subscribe_input{
    width: 70%;
    font-size:13px;
    height: 32px;
  }
  .subscribe_button{
    height: 32px;
    position: relative;
    top:0.8px;
    width: 25%;
    font-size: 16px;
  }
  .subscribe_letter{
    font-size: 13px;
  }
  .follow_footer{
    margin-top: 7%;
    font-size: 13px;
    letter-spacing: 0.5px;
    margin-left: 11%;
  }
  .facebook_img_png{
    width: 16px;
  }
  .twitter_img_png{
    width: 16px;
  }
  .instagram_img_png{
    width: 16px;
  }
  .linkedin_img_png{
    width: 16px;
  }
  .youtube_img_png{
    width: 16px;
  }
  .facebook_foot{
   font-size: 13px;
   top:42px;
  }
  .twitter_foot{
   font-size: 13px;
   top:70px;
  }
  .instagram_foot{
   font-size: 13px;
   top:98px;
  }
  .linkedin_foot{
   font-size: 13px;
   top:127px;
  }
  .youtube_foot{
   font-size: 13px;
   top:154px;
  }
  .footer_col1{
    margin-top: 6%;
    font-size: 11px;
  }
  .footer_col2{
    margin-top: 6%;
    font-size: 11px;
  }
  .footer_col3{
    margin-top: 5.5%;
  }
  .footer_col4{
    margin-left: 0%;
  }
  .footer_col5{
    margin-top: 2%;  }
  .address_foot{
    font-size: 11px;
    top:5px;
  }
  .m1_foot{
    font-size: 11px;
  }
  .m2_foot{
    font-size: 11px;
  }
  .mail1_foot{
    font-size: 11px;

  }
  .mail2_foot{
    font-size: 11px;
    
  }
  .map_img_png{
  width: 15px;

  }
  .phone1_img_png{
  width: 15px;
  top:41px;
  }
  .phone2_img_png{
  width: 15px;  
  top:46px; 
  }
  .mail1_img_png{
  width: 15px;
  top:49px;       
  }
  .mail2_img_png{
  width: 15px;
  top:53px;
  }
  .login_dropdown_content{
  margin-top: 8.6%;
  left:825px;
  min-width: 190px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a{
  font-size: 17px;
  padding:10px 16px;  
}  
} 

/******************************** 1025 px ***************************************/

@media screen and (max-width: 1025px) {
  .topnav{
    min-height: 75px;
  }
  #AClogo{
  display: block;
  border-radius: 3px;
  position: absolute;
  border-radius: 5px
  width: 234.26px; 
  height: 45px;
  left: 7.5%;
  top: 15px;
  overflow: visible;

}
  .form-control{
   outline: none !important;
   outline-style: none !important;
   
  }
  #TopLogo {
   display: none;
  }
  .home_head {
    display: none;
  }
  .ABOUT_US_HEAD{
    display: none;
  }
  .gallery_head{
    display: none;
  }
  .products_head{
    display: none;
  }
  .print_your_work_head{
    display: none;
  }
  .contact_us_head {
  display: none;  
  }
  .track_head {
  display: none;  
  }
  .search_head{
    
  width: 470px !important;
  border-radius: 5px 0px 0px 5px ;
  left:330px;
  top:18px;
  height: 39px !important;
   

  }
  form.form_head button{
    
  width: 40px;
  left:799px;
  top:18px; 
  height: 38px !important;

  }

  #cart_head{
  left:870px;
  width: 35px;
  height: 35px;
  top: 20px !important;
   
  }
  #login_head , .loginbtn{
  left:945px;
  width: 23.82px;
  height: 27px;
  top: 25px !important;
  }
  #bar_head{
 display: block;
 color: #4E00FF;
 position: absolute;
 padding-left: 2.5%;
 font-size:35px;
 cursor:pointer;
 top:10px;
}

  .sidenav {
  display: block;
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 5%;
  filter:drop-shadow(0px 0px 6px #6A6A6A) !important ;
}

.sidenav a {
  display: block;
  text-decoration: none;
  font-size: 20px;
  color: #000000;
  display: block;
  transition: 0.3s;
  filter:drop-shadow(1px 0px 0px rgba(0,0,0,0.19) ) !important ;
}
.home_side{
  margin-top: 15px;
  margin-left: 10%;
  margin-right: 70%;
}
.ABOUT_US_side{
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 57%;

}
.gallery_side{
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 65%;
}
.products_side{
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 60%;
}
.print_your_work_side{
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 40%;
}
.contact_us_side{
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 50%;
}
.track_side{
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 65%;
}



.sidenav a:hover {
  color: #ff0000;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 33px;
  
}
.login_dropdown_content{
  margin-top: 8%;
  left:780px;
  min-width: 190px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a{
  font-size: 17px;
  padding:10px 16px;  
} 




/********************************  Gallery CSS  ********************************/
.gallery_column{
  top: -50px !important;
  min-width: 950px !important;
  max-height: 180px;
}
.gallery_right_column{
  margin-left: 0px !important;  
  min-width: 960px !important;
  overflow: visible !important;
}
.all_span , .monthly_span , .daily_span , .note_span , .diary_span , .box_span , .table_span , .tag_span , .add_span{
  display: none !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 22px;
  position: relative;
  top: -100px;
  margin-left: 55px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.monthly_button{
  font-size: 22px;
  position: relative;
  top: -183.5px;
  margin-left: 200px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.daily_button{
  font-size: 22px;
  position: relative;
  top: -266px;
  margin-left: 396px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.note_button{
  font-size: 22px;
  position: relative;
  top: -349.5px;
  margin-left: 564px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.diary_button{
  font-size: 22px;
  position: relative;
  top: -432.7px;
  margin-left: 686px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.box_button{
  font-size: 22px;
  position: relative;
  top: -450px;
  margin-left: 55px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.table_button{
  font-size: 22px;
  position: relative;
  top: -532.7px;
  margin-left: 224px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.tag_button{
  font-size: 22px;
  position: relative;
  top: -615.5px;
  margin-left: 394px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.add_button{
  font-size: 22px;
  position: relative;
  top: -698.3px;
  margin-left: 510px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.vertical_line{
  position: relative;
  top:-640px;
  margin-left: 0px;
  border-top: 3px solid #707070;
  height: 0;
  width: 105%;
}
.card{
  width: 200px;
  height: 253.33px;
  position: relative;
  margin-top: 13%;
  margin-left: 30px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
}
.card span {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  opacity: 0.97;
  transition: width 0.5s, height 0.5s;
}
.card:hover span{
  width: 700px;
  height: 700px;
}
/*************************** Modal Img *******************************/

.zoom_class{
  letter-spacing: 1px;
  font-size: 14px;
}

/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(185,185,185); /* Fallback color */
  background-color: rgba(185,185,185,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 10% !important;
  width: 75%;
  max-width: 670px;
}
/* Caption of Modal Image */
#caption {
  width: 80%;
  max-width: 700px;
  font-size: 36px;
  padding: 10px 0;
  height: 150px;
}

/* The Close Button */
.close {
  margin-top: 10%;
  position: absolute;
  margin-left: 87%;
  font-size: 40px !important;
}

/********************************************************************/
.product_img{
  top: 0px;
  width: 160px;
  height: 206.93px;
}
.table1_img{
  margin-top: 30px;
  width: 160px;
  height: 180.27px;
}
.dailyarc_img{
  margin-top: 0px !important;
  width: 140px;
  height: 203.89px;
}
.cake5_img_class{
  margin-top: 60px;
  width: 170px;
  height: 149.87px;
}
.pa1_img{
  margin-top: 5px;
  width: 140px;
  height: 197.53px;
}
.tag2_img{
  margin-top: 10px;
  width: 130px;
  height: 192.5px;  
}
.tag3_img{
  margin-top: 15px;
  width: 140px;
  height: 191.16px;  
}
.tag4_img{
  margin-top: 10px;
  width: 105px;
  height: 180.24px;
}
.mithra1_img{
  margin-top: 30px;
  width: 180px;
  height: 180px;
}
.product_info{
  margin-top: 7px;
  font-size: 17px;
}
.card .content1_div{
  padding: 40px;
}

.description_box{
  margin-top: -10px;
  font-size: 18.5px;
}
.info_box{
  font-size: 13.5px;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}



}


@media screen and (max-width: 991px) {
/********************************  Gallery CSS  ********************************/
.gallery_column{
  top: -50px !important;
  min-width: 950px !important;
  max-height: 150px;
}
.gallery_right_column{
  margin-left: 0px !important;  
  min-width: 960px !important;
  overflow: visible !important;
}
.all_span , .monthly_span , .daily_span , .note_span , .diary_span , .box_span , .table_span , .tag_span , .add_span{
  display: none !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 22px;
  position: relative;
  top: -101px;
  margin-left: -55px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.monthly_button{
  font-size: 22px;
  position: relative;
  top: -174px;
  margin-left: 90px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.daily_button{
  font-size: 22px;
  position: relative;
  top: -247px;
  margin-left: 286px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.note_button{
  font-size: 22px;
  position: relative;
  top: -320.5px;
  margin-left: 454px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.diary_button{
  font-size: 22px;
  position: relative;
  top: -393.7px;
  margin-left: 576px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.box_button{
  font-size: 22px;
  position: relative;
  top: -410px;
  margin-left: -55px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.table_button{
  font-size: 22px;
  position: relative;
  top: -483px;
  margin-left: 114px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.tag_button{
  font-size: 22px;
  position: relative;
  top: -556.5px;
  margin-left: 284px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.add_button{
  font-size: 22px;
  position: relative;
  top: -629.7px;
  margin-left: 400px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.vertical_line{
  position: relative;
  top:-580px;
  margin-left: -100px;
  border-top: 3px solid #707070;
  height: 0;
  width: 133%;
}
.card{
  width: 200px;
  height: 253.33px;
  position: relative;
  margin-top: 13%;
  margin-left: 30px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
}
.card span {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  opacity: 0.97;
  transition: width 0.5s, height 0.5s;
}
.card:hover span{
  width: 1000px;
  height: 1000px;
}
/*************************** Modal Img *******************************/

.zoom_class{
  letter-spacing: 1px;
  font-size: 14px;
}

/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(185,185,185); /* Fallback color */
  background-color: rgba(185,185,185,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 10% !important;
  width: 75%;
  max-width: 670px;
}
/* Caption of Modal Image */
#caption {
  width: 80%;
  max-width: 700px;
  font-size: 36px;
  padding: 10px 0;
  height: 150px;
}

/* The Close Button */
.close {
  margin-top: 10%;
  position: absolute;
  margin-left: 87%;
  font-size: 40px !important;
}

/********************************************************************/
.product_img{
  top: 0px;
  width: 160px;
  height: 206.93px;
}
.table1_img{
  margin-top: 30px;
  width: 160px;
  height: 180.27px;
}
.dailyarc_img{
  margin-top: 0px !important;
  width: 140px;
  height: 203.89px;
}
.cake5_img_class{
  margin-top: 60px;
  width: 170px;
  height: 149.87px;
}
.pa1_img{
  margin-top: 5px;
  width: 140px;
  height: 197.53px;
}
.tag2_img{
  margin-top: 10px;
  width: 130px;
  height: 192.5px;  
}
.tag3_img{
  margin-top: 15px;
  width: 140px;
  height: 191.16px;  
}
.tag4_img{
  margin-top: 10px;
  width: 105px;
  height: 180.24px;
}
.mithra1_img{
  margin-top: 30px;
  width: 180px;
  height: 180px;
}
.product_info{
  margin-top: 7px;
  font-size: 17px;
}
.card .content1_div{
  padding: 40px;
}

.description_box{
  margin-top: -10px;
  font-size: 18.5px;
}
.info_box{
  font-size: 13.5px;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}






} 

/******************************** 981 px ***************************************/

@media screen and (max-width: 981px) {
  .topnav{
    min-height: 75px;
  }
  #AClogo{
  display: block;
  border-radius: 3px;
  position: absolute;
  border-radius: 5px
  width: 234.26px; 
  height: 45px;
  left: 7.5%;
  top: 15px;
  overflow: visible;

}
  .form-control{
   outline: none !important;
   outline-style: none !important;
   
  }
  #TopLogo {
   display: none;
  }
  .home_head {
    display: none;
  }
  .ABOUT_US_HEAD{
    display: none;
  }
  .gallery_head{
    display: none;
  }
  .products_head{
    display: none;
  }
  .print_your_work_head{
    display: none;
  }
  .contact_us_head {
  display: none;  
  }
  .track_head {
  display: none;  
  }
  .search_head{
    
  width: 440px !important;
  border-radius: 5px 0px 0px 5px ;
  left:330px;
  top:18px;
  height: 39px !important;
   

  }
  form.form_head button{
    
  width: 40px;
  left:769px;
  top:18px; 
  height: 38px !important;

  }

  #cart_head{
  left:830px;
  width: 35px;
  height: 35px;
  top: 20px !important;
   
  }
  #login_head , .loginbtn{
  left:905px;
  width: 23.82px;
  height: 27px;
  top: 25px !important;
  }
  #bar_head{
 display: block;
 color: #4E00FF;
 position: absolute;
 padding-left: 2.5%;
 font-size:35px;
 cursor:pointer;
 top:10px;
}

  .sidenav {
  display: block;
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 5%;
  filter:drop-shadow(0px 0px 6px #6A6A6A) !important ;
}

.sidenav a {
  display: block;
  text-decoration: none;
  font-size: 20px;
  color: #000000;
  display: block;
  transition: 0.3s;
  filter:drop-shadow(1px 0px 0px rgba(0,0,0,0.19) ) !important ;
}

.home_side{
  margin-top: 15px;
  margin-left: 10%;
  margin-right: 70%;
}
.ABOUT_US_side{
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 57%;

}
.gallery_side{
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 65%;
}
.products_side{
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 60%;
}
.print_your_work_side{
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 40%;
}
.contact_us_side{
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 50%;
}
.track_side{
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 65%;
}

.sidenav a:hover {
  color: #ff0000;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 33px;
  
}
 .copyright{
  font-size: 10px;  
  margin-left: 80%;  
  }
  div.footer_bottom.container-fluid{
    min-height: 140px;
  }
  div.col-sm-2.logo_footer_col{
  max-width: 120px !important;
  }
  div.col-sm-2.footer_col1{
  max-width: 170px !important;
  }
  div.col-sm-2.footer_col2{
  max-width: 170px !important;
  }
  div.col-sm-2.footer_col4{
  max-width: 140px !important;
  }
  .logo_footer{
    margin-top: 50%;
    margin-left: 0%;
  }
  .subscribe_input{
    width: 70%;
    font-size:11px;
    height: 29px;
  }
  .subscribe_button{
    height: 29px;
    position: relative;
    top:0.8px;
    width: 25%;
    font-size: 13px;
  }
  .subscribe_letter{
    font-size: 11px;
  }
  .follow_footer{
    margin-top: 18%;
    font-size: 12px;
    letter-spacing: 0.5px;
    margin-left: 11%;
  }
  .facebook_img_png{
    width: 14px;
  }
  .twitter_img_png{
    width: 14px;
  }
  .instagram_img_png{
    width: 14px;
  }
  .linkedin_img_png{
    width: 14px;
  }
  .youtube_img_png{
    width: 14px;
  }
  .facebook_foot{
   font-size: 11px;
   top:55px;
  }
  .twitter_foot{
   font-size: 11px;
   top:82px;
  }
  .instagram_foot{
   font-size: 11px;
   top:108px;
  }
  .linkedin_foot{
   font-size: 11px;
   top:134px;
  }
  .youtube_foot{
   font-size: 11px;
   top:161px;
  }
  .footer_col1{
    margin-top: 6%;
    font-size: 10px;
  }
  .footer_col2{
    margin-top: 6%;
    font-size: 10px;
  }
  .footer_col3{
    margin-top: 6%;
  }
  .footer_col4{
    margin-left: 0%;
  }
  .footer_col5{
    margin-top: 2%;  }
  .address_foot{
    font-size: 11px;
    top:5px;
  }
  .m1_foot{
    font-size: 11px;
    top:75px;
  }
  .m2_foot{
    font-size: 11px;
  }
  .mail1_foot{
    font-size: 11px;

  }
  .mail2_foot{
    font-size: 11px;
    
  }
  .map_img_png{
  width: 13px;

  }
  .phone1_img_png{
  width: 13px;
  top:44px;
  }
  .phone2_img_png{
  width: 13px;  
  top:46px; 
  }
  .mail1_img_png{
  width: 13px;
  top:49px;       
  }
  .mail2_img_png{
  width: 13px;
  top:53px;
  }
.login_dropdown_content{
  margin-top: 8.3%;
  left:750px;
  min-width: 190px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a{
  font-size: 17px;
  padding:8px 10px;  
} 






/********************************  Gallery CSS  ********************************/
.gallery_column{
  top: -50px !important;
  min-width: 930px !important;
  max-height: 150px;
}
.gallery_right_column{
  margin-left: -15px !important;  
  min-width: 950px !important;
  overflow: visible !important;
}
.all_span , .monthly_span , .daily_span , .note_span , .diary_span , .box_span , .table_span , .tag_span , .add_span{
  display: none !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 22px;
  position: relative;
  top: -101px;
  margin-left: -55px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.monthly_button{
  font-size: 22px;
  position: relative;
  top: -174px;
  margin-left: 90px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.daily_button{
  font-size: 22px;
  position: relative;
  top: -247px;
  margin-left: 286px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.note_button{
  font-size: 22px;
  position: relative;
  top: -320.5px;
  margin-left: 454px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.diary_button{
  font-size: 22px;
  position: relative;
  top: -393.7px;
  margin-left: 576px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.box_button{
  font-size: 22px;
  position: relative;
  top: -410px;
  margin-left: -55px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.table_button{
  font-size: 22px;
  position: relative;
  top: -483px;
  margin-left: 114px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.tag_button{
  font-size: 22px;
  position: relative;
  top: -556.5px;
  margin-left: 284px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.add_button{
  font-size: 22px;
  position: relative;
  top: -629.7px;
  margin-left: 400px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.vertical_line{
  position: relative;
  top:-580px;
  margin-left: -100px;
  border-top: 3px solid #707070;
  height: 0;
  width: 133%;
}
.card{
  width: 200px;
  height: 253.33px;
  position: relative;
  margin-top: 13%;
  margin-left: 30px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
}
.card span {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  opacity: 0.97;
  transition: width 0.5s, height 0.5s;
}
.card:hover span{
  width: 1000px;
  height: 1000px;
}
/*************************** Modal Img *******************************/

.zoom_class{
  letter-spacing: 1px;
  font-size: 14px;
}

/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(185,185,185); /* Fallback color */
  background-color: rgba(185,185,185,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 10% !important;
  width: 75%;
  max-width: 670px;
}
/* Caption of Modal Image */
#caption {
  width: 80%;
  max-width: 700px;
  font-size: 36px;
  padding: 10px 0;
  height: 150px;
}

/* The Close Button */
.close {
  margin-top: 10%;
  position: absolute;
  margin-left: 87%;
  font-size: 40px !important;
}

/********************************************************************/
.product_img{
  top: 0px;
  width: 160px;
  height: 206.93px;
}
.table1_img{
  margin-top: 30px;
  width: 160px;
  height: 180.27px;
}
.dailyarc_img{
  margin-top: 0px !important;
  width: 140px;
  height: 203.89px;
}
.cake5_img_class{
  margin-top: 60px;
  width: 170px;
  height: 149.87px;
}
.pa1_img{
  margin-top: 5px;
  width: 140px;
  height: 197.53px;
}
.tag2_img{
  margin-top: 10px;
  width: 130px;
  height: 192.5px;  
}
.tag3_img{
  margin-top: 15px;
  width: 140px;
  height: 191.16px;  
}
.tag4_img{
  margin-top: 10px;
  width: 105px;
  height: 180.24px;
}
.mithra1_img{
  margin-top: 30px;
  width: 180px;
  height: 180px;
}
.product_info{
  margin-top: 7px;
  font-size: 17px;
}
.card .content1_div{
  padding: 40px;
}

.description_box{
  margin-top: -10px;
  font-size: 18.5px;
}
.info_box{
  font-size: 13.5px;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}






} 


/******************************** 951 px ***************************************/

@media screen and (max-width: 951px) {
  .topnav{
    min-height: 75px;
  }
  #AClogo{
  display: block;
  border-radius: 3px;
  position: absolute;
  border-radius: 5px
  width: 234.26px; 
  height: 45px;
  left: 7.5%;
  top: 15px;
  overflow: visible;

}
  .form-control{
   outline: none !important;
   outline-style: none !important;
   
  }
  #TopLogo {
   display: none;
  }
  .home_head {
    display: none;
  }
  .ABOUT_US_HEAD{
    display: none;
  }
  .gallery_head{
    display: none;
  }
  .products_head{
    display: none;
  }
  .print_your_work_head{
    display: none;
  }
  .contact_us_head {
  display: none;  
  }
  .track_head {
  display: none;  
  }
  .search_head{
    
  width: 410px !important;
  border-radius: 5px 0px 0px 5px ;
  left:330px;
  top:18px;
  height: 39px !important;
   

  }
  form.form_head button{
    
  width: 40px;
  left:739px;
  top:18px; 
  height: 38px !important;

  }

  #cart_head{
  left:810px;
  width: 35px;
  height: 35px;
  top: 20px !important;
   
  }
  #login_head , .loginbtn{
  left:875px;
  width: 23.82px;
  height: 27px;
  top: 25px !important;
  }
  #bar_head{
 display: block;
 color: #4E00FF;
 position: absolute;
 padding-left: 2.5%;
 font-size:35px;
 cursor:pointer;
 top:10px;
}

  .sidenav {
  display: block;
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 5%;
  filter:drop-shadow(0px 0px 6px #6A6A6A) !important ;
}

.sidenav a {
  display: block;
  text-decoration: none;
  font-size: 20px;
  color: #000000;
  display: block;
  transition: 0.3s;
  filter:drop-shadow(1px 0px 0px rgba(0,0,0,0.19) ) !important ;
}

.home_side{
  margin-top: 15px;
  margin-left: 10%;
  margin-right: 70%;
}
.ABOUT_US_side{
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 57%;

}
.gallery_side{
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 65%;
}
.products_side{
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 60%;
}
.print_your_work_side{
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 35%;
}
.contact_us_side{
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 50%;
}
.track_side{
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 65%;
}


.sidenav a:hover {
  color: #ff0000;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 33px;
}
.login_dropdown_content{
  margin-top: 8.5%;
  left:710px;
  min-width: 190px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a{
  font-size: 17px;
  padding:8px 10px;  
}





/********************************  Gallery CSS  ********************************/
.gallery_column{
  top: -50px !important;
  min-width: 890px !important;
  max-height: 150px;
}
.gallery_right_column{
  margin-left: 30px !important;  
  min-width: 890px !important;
  overflow: visible !important;
}
.all_span , .monthly_span , .daily_span , .note_span , .diary_span , .box_span , .table_span , .tag_span , .add_span{
  display: none !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 22px;
  position: relative;
  top: -101px;
  margin-left: -55px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.monthly_button{
  font-size: 22px;
  position: relative;
  top: -174px;
  margin-left: 90px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.daily_button{
  font-size: 22px;
  position: relative;
  top: -247px;
  margin-left: 286px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.note_button{
  font-size: 22px;
  position: relative;
  top: -320.5px;
  margin-left: 454px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.diary_button{
  font-size: 22px;
  position: relative;
  top: -393.7px;
  margin-left: 576px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.box_button{
  font-size: 22px;
  position: relative;
  top: -410px;
  margin-left: -55px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.table_button{
  font-size: 22px;
  position: relative;
  top: -483px;
  margin-left: 114px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.tag_button{
  font-size: 22px;
  position: relative;
  top: -556.5px;
  margin-left: 284px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.add_button{
  font-size: 22px;
  position: relative;
  top: -629.7px;
  margin-left: 400px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.vertical_line{
  position: relative;
  top:-580px;
  margin-left: -70px;
  border-top: 3px solid #707070;
  height: 0;
  width: 123%;
}
.card{
  width: 200px;
  height: 253.33px;
  position: relative;
  margin-top: 13%;
  margin-left: 50px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
}
.card span {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  opacity: 0.97;
  transition: width 0.5s, height 0.5s;
}
.card:hover span{
  width: 1000px;
  height: 1000px;
}
/*************************** Modal Img *******************************/

.zoom_class{
  letter-spacing: 1px;
  font-size: 14px;
}

/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(185,185,185); /* Fallback color */
  background-color: rgba(185,185,185,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 10% !important;
  width: 72%;
  max-width: 640px;
}
/* Caption of Modal Image */
#caption {
  width: 80%;
  max-width: 700px;
  font-size: 36px;
  padding: 10px 0;
  height: 150px;
}

/* The Close Button */
.close {
  margin-top: 10%;
  position: absolute;
  margin-left: 88%;
  font-size: 38px !important;
}

/********************************************************************/
.product_img{
  top: 0px;
  width: 160px;
  height: 206.93px;
}
.table1_img{
  margin-top: 30px;
  width: 160px;
  height: 180.27px;
}
.dailyarc_img{
  margin-top: 0px !important;
  width: 140px;
  height: 203.89px;
}
.cake5_img_class{
  margin-top: 60px;
  width: 170px;
  height: 149.87px;
}
.pa1_img{
  margin-top: 5px;
  width: 140px;
  height: 197.53px;
}
.tag2_img{
  margin-top: 10px;
  width: 130px;
  height: 192.5px;  
}
.tag3_img{
  margin-top: 15px;
  width: 140px;
  height: 191.16px;  
}
.tag4_img{
  margin-top: 10px;
  width: 105px;
  height: 180.24px;
}
.mithra1_img{
  margin-top: 30px;
  width: 180px;
  height: 180px;
}
.product_info{
  margin-top: 7px;
  font-size: 17px;
}
.card .content1_div{
  padding: 40px;
}

.description_box{
  margin-top: -10px;
  font-size: 18.5px;
}
.info_box{
  font-size: 13.5px;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}





} 

/******************************** 911 px ***************************************/

@media screen and (max-width: 911px) {
  .topnav{
    min-height: 75px;
  }
  #AClogo{
  display: block;
  border-radius: 3px;
  position: absolute;
  border-radius: 5px
  width: 234.26px; 
  height: 45px;
  left: 7.5%;
  top: 15px;
  overflow: visible;

}
  .form-control{
   outline: none !important;
   outline-style: none !important;
   
  }
  #TopLogo {
   display: none;
  }
  .home_head {
    display: none;
  }
  .ABOUT_US_HEAD{
    display: none;
  }
  .gallery_head{
    display: none;
  }
  .products_head{
    display: none;
  }
  .print_your_work_head{
    display: none;
  }
  .contact_us_head {
  display: none;  
  }
  .track_head {
  display: none;  
  }
  .search_head{
    
  width: 400px !important;
  border-radius: 5px 0px 0px 5px ;
  left:330px;
  top:18px;
  height: 39px !important;
   

  }
  form.form_head button{
    
  width: 40px;
  left:729px;
  top:18px; 
  height: 38px !important;

  }

  #cart_head{
  left:800px;
  width: 35px;
  height: 35px;
  top: 20px !important;
   
  }
  #login_head , .loginbtn{
  left:865px;
  width: 23.82px;
  height: 27px;
  top: 25px !important;
  }
  #bar_head{
 display: block;
 color: #4E00FF;
 position: absolute;
 padding-left: 2.5%;
 font-size:35px;
 cursor:pointer;
 top:10px;
}

  .sidenav {
  display: block;
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 5%;
  filter:drop-shadow(0px 0px 6px #6A6A6A) !important ;
}

.sidenav a {
  display: block;
  text-decoration: none;
  font-size: 20px;
  color: #000000;
  display: block;
  transition: 0.3s;
  filter:drop-shadow(1px 0px 0px rgba(0,0,0,0.19) ) !important ;
}

.home_side{
  margin-top: 15px;
  margin-left: 10%;
  margin-right: 70%;
}
.ABOUT_US_side{
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 57%;

}
.gallery_side{
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 65%;
}
.products_side{
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 60%;
}
.print_your_work_side{
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 30%;
}
.contact_us_side{
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 50%;
}
.track_side{
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 65%;
}


.sidenav a:hover {
  color: #ff0000;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 33px;
}
  .slideshow-container {
  position: relative;
  margin: auto;
  margin-top: 11% !important;
}
.login_dropdown_content{
  margin-top: 8.5%;
  left:700px;
  min-width: 190px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a{
  font-size: 17px;
  padding:8px 10px;  
}
} 


/******************************** 901 px ***************************************/

@media screen and (max-width: 901px) {
  .topnav{
    min-height: 75px;
  }
  #AClogo{
  display: block;
  border-radius: 3px;
  position: absolute;
  border-radius: 5px
  width: 234.26px; 
  height: 45px;
  left: 7.5%;
  top: 15px;
  overflow: visible;

}
  .form-control{
   outline: none !important;
   outline-style: none !important;
   
  }
  #TopLogo {
   display: none;
  }
  .home_head {
    display: none;
  }
  .ABOUT_US_HEAD{
    display: none;
  }
  .gallery_head{
    display: none;
  }
  .products_head{
    display: none;
  }
  .print_your_work_head{
    display: none;
  }
  .contact_us_head {
  display: none;  
  }
  .track_head {
  display: none;  
  }
  .search_head{
    
  width: 350px !important;
  border-radius: 5px 0px 0px 5px ;
  left:325px;
  height: 39px !important;
   

  }
  form.form_head button{
    
  width: 40px;
  left:674px;
  top:18px; 
  height: 38px !important;

  }

  #cart_head{
  left:750px;
  width: 35px;
  height: 35px;
  top: 20px !important;
   
  }
  #login_head , .loginbtn{
  left:815px;
  width: 23.82px;
  height: 27px;
  top: 25px !important;
  }
  #bar_head{
 display: block;
 color: #4E00FF;
 position: absolute;
 padding-left: 2.5%;
 font-size:35px;
 cursor:pointer;
 top:10px;
}

  .sidenav {
  display: block;
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 5%;
  filter:drop-shadow(0px 0px 6px #6A6A6A) !important ;
}

.sidenav a {
  display: block;
  text-decoration: none;
  font-size: 20px;
  color: #000000;
  display: block;
  transition: 0.3s;
  filter:drop-shadow(1px 0px 0px rgba(0,0,0,0.19) ) !important ;
}

.home_side{
  margin-top: 15px;
  margin-left: 10%;
  margin-right: 70%;
}
.ABOUT_US_side{
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 57%;

}
.gallery_side{
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 65%;
}
.products_side{
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 60%;
}
.print_your_work_side{
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 30%;
}
.contact_us_side{
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 50%;
}
.track_side{
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 65%;
}

.sidenav a:hover {
  color: #ff0000;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 33px;
}
.copyright{
  font-size:9px;  
  margin-left: 80%;  
  }
  div.footer_bottom.container-fluid{
    min-height: 140px;
  }
  div.col-sm-2.logo_footer_col{
  max-width: 120px !important;
  }
  div.col-sm-2.footer_col1{
  max-width: 165px !important;
  }
  div.col-sm-2.footer_col2{
  max-width: 165px !important;
  }
  div.col-sm-2.footer_col4{
  max-width: 140px !important;
  }
  div.col-sm-2.footer_col5{
  max-width: 200px !important;
  }
  .logo_footer{
    margin-top: 50%;
    margin-left: 0%;
  }
  .subscribe_input{
    width: 70%;
    font-size:11px;
    height: 29px;
  }
  .subscribe_button{
    height: 29px;
    position: relative;
    top:0.8px;
    width: 25%;
    font-size: 13px;
  }
  .subscribe_letter{
    font-size: 10px;
  }
  .follow_footer{
    margin-top: 20%;
    font-size: 12px;
    letter-spacing: 0.5px;
    margin-left: 11%;
  }
  .facebook_img_png{
    width: 12px;
  }
  .twitter_img_png{
    width: 12px;
  }
  .instagram_img_png{
    width: 12px;
  }
  .linkedin_img_png{
    width: 12px;
  }
  .youtube_img_png{
    width: 12px;
  }
  .facebook_foot{
   font-size: 10px;
   top:58px;
  }
  .twitter_foot{
   font-size: 10px;
   top:84px;
  }
  .instagram_foot{
   font-size: 10px;
   top:110px;
  }
  .linkedin_foot{
   font-size: 10px;
   top:134px;
  }
  .youtube_foot{
   font-size: 10px;
   top:160px;
  }
  .footer_col1{
    margin-top: 6%;
    font-size: 9px;
  }
  .footer_col2{
    margin-top: 6%;
    font-size: 9px;
  }
  .footer_col3{
    margin-top: 6%;
  }
  .footer_col4{
    margin-left: 0%;
  }
  .footer_col5{
    margin-top: 2%;  }
  .address_foot{
    font-size: 9.5px;
    top:8px;
  }
  .m1_foot{
    font-size: 9.5px;
    top:77px;
  }
  .m2_foot{
    font-size: 9.5px;
  }
  .mail1_foot{
    font-size: 9.5px;

  }
  .mail2_foot{
    font-size: 9.5px;
    
  }
  .map_img_png{
  width: 11px;

  }
  .phone1_img_png{
  width: 11px;
  top:44px;
  }
  .phone2_img_png{
  width: 11px;  
  top:46px; 
  }
  .mail1_img_png{
  width: 11px;
  top:47px;       
  }
  .mail2_img_png{
  width: 11px;
  top:51px;
  }

.login_dropdown_content{
  margin-top: 9.1%;
  left:650px;
  min-width: 190px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a{
  font-size: 17px;
  padding:8px 10px;  
}




/********************************  Gallery CSS  ********************************/
.gallery_column{
  top: -50px !important;
  min-width: 810px !important;
  max-height: 150px;
  margin-left: 30px ;
}
.gallery_right_column{
  margin-left: 10px !important;  
  min-width: 810px !important;
  overflow: visible !important;
}
.all_span , .monthly_span , .daily_span , .note_span , .diary_span , .box_span , .table_span , .tag_span , .add_span{
  display: none !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 22px;
  position: relative;
  top: -101px;
  margin-left: -25px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.monthly_button{
  font-size: 22px;
  position: relative;
  top: -174px;
  margin-left: 120px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.daily_button{
  font-size: 22px;
  position: relative;
  top: -247px;
  margin-left: 316px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.note_button{
  font-size: 22px;
  position: relative;
  top: -320.5px;
  margin-left: 484px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.diary_button{
  font-size: 22px;
  position: relative;
  top: -393.7px;
  margin-left: 606px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.box_button{
  font-size: 22px;
  position: relative;
  top: -410px;
  margin-left: -25px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.table_button{
  font-size: 22px;
  position: relative;
  top: -483px;
  margin-left: 144px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.tag_button{
  font-size: 22px;
  position: relative;
  top: -556.5px;
  margin-left: 314px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.add_button{
  font-size: 22px;
  position: relative;
  top: -629.7px;
  margin-left: 430px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.vertical_line{
  position: relative;
  top:-580px;
  margin-left: -50px;
  border-top: 3px solid #707070;
  height: 0;
  width: 112%;
}
.card{
  width: 200px;
  height: 253.33px;
  position: relative;
  margin-top: 13%;
  margin-left: 50px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
}
.card span {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  opacity: 0.97;
  transition: width 0.5s, height 0.5s;
}
.card:hover span{
  width: 1000px;
  height: 1000px;
}
/*************************** Modal Img *******************************/

.zoom_class{
  letter-spacing: 1px;
  font-size: 14px;
}

/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(185,185,185); /* Fallback color */
  background-color: rgba(185,185,185,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 10% !important;
  width: 70%;
  max-width: 620px;
}
/* Caption of Modal Image */
#caption {
  width: 80%;
  max-width: 700px;
  font-size: 30px;
  padding: 10px 0;
  height: 150px;
}

/* The Close Button */
.close {
  margin-top: 10%;
  position: absolute;
  margin-left: 90%;
  font-size: 38px !important;
}

/********************************************************************/
.product_img{
  top: 0px;
  width: 160px;
  height: 206.93px;
}
.table1_img{
  margin-top: 30px;
  width: 160px;
  height: 180.27px;
}
.dailyarc_img{
  margin-top: 0px !important;
  width: 140px;
  height: 203.89px;
}
.cake5_img_class{
  margin-top: 60px;
  width: 170px;
  height: 149.87px;
}
.pa1_img{
  margin-top: 5px;
  width: 140px;
  height: 197.53px;
}
.tag2_img{
  margin-top: 10px;
  width: 130px;
  height: 192.5px;  
}
.tag3_img{
  margin-top: 15px;
  width: 140px;
  height: 191.16px;  
}
.tag4_img{
  margin-top: 10px;
  width: 105px;
  height: 180.24px;
}
.mithra1_img{
  margin-top: 30px;
  width: 180px;
  height: 180px;
}
.product_info{
  margin-top: 7px;
  font-size: 17px;
}
.card .content1_div{
  padding: 40px;
}

.description_box{
  margin-top: -10px;
  font-size: 18.5px;
}
.info_box{
  font-size: 13.5px;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}





}



/******************************** 851 px ***************************************/

@media screen and (max-width: 851px) {
  .topnav{
    min-height: 75px;
  }
  #AClogo{
  display: block;
  border-radius: 3px;
  position: absolute;
  border-radius: 5px
  width: 213.44px; 
  height: 41px;
  left: 7.5%;
  top: 17px;
  overflow: visible;

}
  .form-control{
   outline: none !important;
   outline-style: none !important;
   
  }
  #TopLogo {
   display: none;
  }
  .home_head {
    display: none;
  }
  .ABOUT_US_HEAD{
    display: none;
  }
  .gallery_head{
    display: none;
  }
  .products_head{
    display: none;
  }
  .print_your_work_head{
    display: none;
  }
  .contact_us_head {
  display: none;  
  }
  .track_head {
  display: none;  
  }
  .search_head{
    
  width: 300px !important;
  border-radius: 5px 0px 0px 5px ;
  left:295px;
  top:20px;
  height: 37px !important;
   

  }
  form.form_head button{
    
  width: 40px;
  left:594px;
  top:20px; 
  height: 36px !important;

  }

  #cart_head{
  left:660px;
  width: 35px;
  height: 35px;
  top: 20px !important;
   
  }
  #login_head , .loginbtn{
  left:725px;
  width: 23.82px;
  height: 27px;
  top: 25px !important;
  }
  #bar_head{
 display: block;
 color: #4E00FF;
 position: absolute;
 padding-left: 2.5%;
 font-size:32px;
 cursor:pointer;
 top:12px;
}

  .sidenav {
  display: block;
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 5%;
  filter:drop-shadow(0px 0px 6px #6A6A6A) !important ;
}

.sidenav a {
  display: block;
  text-decoration: none;
  font-size: 20px;
  color: #000000;
  display: block;
  transition: 0.3s;
  filter:drop-shadow(1px 0px 0px rgba(0,0,0,0.19) ) !important ;
}

.home_side{
  margin-top: 15px;
  margin-left: 10%;
  margin-right: 68%;
}
.ABOUT_US_side{
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 52%;

}
.gallery_side{
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 63%;
}
.products_side{
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 58%;
}
.print_your_work_side{
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 38%;
}
.contact_us_side{
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 45%;
}
.track_side{
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 65%;
}

.sidenav a:hover {
  color: #ff0000;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 33px;
}

/********************************  Footer at 851 px  *****************************/
.copyright{
display: none;  
}
.footer_bottom{
  display: none;
}

.footer_bottom_851{
  display: block;
  overflow: hidden;
  background-image: linear-gradient(#C6FFDD,#72FFAA,#53FF96);
  filter:drop-shadow(0px 3px 10px rgba(164,251,198,0.72)) !important ;
  min-height: 230px;
}
.accordion {
  background-color: transparent;
  color: #FF0000;
  font-weight: bold;
  font-family: Arial;
  cursor: pointer;
  margin-top: 1%;
  margin-left: 3%;
  margin-right: 5%;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 18px;
  transition: 0.4s;
  filter: drop-shadow(0px 0px 3px rgba(245,60,60,0.71));
}
.active, .accordion:hover {
  background-color: transparent;
  outline: none;
}
.accordion:after {
  content: "\142F";
  color: #FF0000;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}
.active:after {
  content: "\2212";
}
.panel {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

/**********************************  New Css  ***********************************/

/********************************  Logo Row 0  **********************************/

.logo_footer_851{
  margin-left: 37%;
  margin-top: 3% !important;
  height: 100px;
  width: 145.87px;
}

/*********************************  Row 1  *********************************/

.footer_row1{
  margin-top: 1.5%;
  line-height: 2.2;
  position: absolute;
  font-size: 16px;
  font-family: Arial;
  color: #0000FF;
  justify-content: flex-start;
}
.about_us_foot_851{
  color: #0000FF;
  filter: drop-shadow(0px 2px 3px rgba(25, 0, 255, 0.6));
  font-weight: bold;
}
.contact_us_foot_851{
  color: #0000FF;
  filter: drop-shadow(0px 2px 3px rgba(25, 0, 255, 0.6));
  font-weight: bold;
}
.ordering_foot_851{
  color: #0000FF;
  filter: drop-shadow(0px 2px 3px rgba(25, 0, 255, 0.6));
  font-weight: bold;
}
.product_foot_851{
  color: #0000FF;
  filter: drop-shadow(0px 2px 3px rgba(25, 0, 255, 0.6));
  font-weight: bold;
}
.location_foot_851{
  color: #0000FF;
  filter: drop-shadow(0px 2px 3px rgba(25, 0, 255, 0.6));
  font-weight: bold;
}
.about_us_foot_851:hover{
  color: red;
  text-decoration: none;
  filter: drop-shadow(0px 2px 2px rgba(255,16,16,0.38) );
}
.contact_us_foot_851:hover{
  color: red;
  text-decoration: none;
  filter: drop-shadow(0px 2px 2px rgba(255,16,16,0.38) );
}
.ordering_foot_851:hover{
  color: red;
  text-decoration: none;
  filter: drop-shadow(0px 2px 2px rgba(255,16,16,0.38) );
}
.product_foot_851:hover{
  color: red;
  text-decoration: none;
  filter: drop-shadow(0px 2px 2px rgba(255,16,16,0.38) );
}
.location_foot_851:hover{
  color: red;
  text-decoration: none;
  filter: drop-shadow(0px 2px 2px rgba(255,16,16,0.38) );
}


/*********************************  Row 2  *********************************/

.footer_row2{
  margin-top: 0.5%;
  
}
.subscribe_letter_851{
  font-size: 18px;
  font-family: Arial;
  filter:drop-shadow(0px 2px 3px rgba(0,0,0,0.50));
}
.subscribe_input_851{
  border-radius: 5px 0px 0px 5px !important;
  border: 2.1px solid #FF0000;
  width: 35%;
  height: 40px;
  background-color: transparent;
  outline-color: blue;
}
.subscribe_button_851{
  border-radius: 0px 5px 5px 0px !important;
  width: 7%;
  position: relative;
  top:1.4px;
  height: 40px;
  background-color: #FF0000;
  border:none;
  outline: none;
  font-size: 20px;
  color: white;
}
.subscribe_input_851:hover{
  border: 2.1px solid #0000FF;
}
.subscribe_button_851:hover{
  background-color: #0000FF;
  opacity: 0.8;
}


/*********************************  Row 3  *********************************/

.follow_footer_851{
  margin-top: 1.5%;
  font-size: 18px;
  letter-spacing: 0.5px;
  margin-left: 1.5%;
  color: red;
  font-family: Arial;
  font-weight: bold;
  filter:drop-shadow(0px 0px 3px rgba(245,60,60,0.71));
  word-spacing: 4px;

}
.facebook_img_png_851{
  width: 25px;
  margin-left: 1.5%;
}
.twitter_img_png_851{
  width: 25px;
  margin-left: 3%;
}
.instagram_img_png_851{
  width: 25px;
  margin-left: 3%;
}
.linkedin_img_png_851{
  width: 25px;
  margin-left: 3%;
}
.youtube_img_png_851{
  width: 30px;
  margin-left: 3%;
}

/*********************************  Row 4  *********************************/
div.col.footer_row4{
  min-height: 200px;
}
.footer_row4{
  margin-top: 1.5%;
}
.map_img_png_851{
  width: 20px;
}
.phone1_img_png_851{
  width: 20px;
  position: relative;
  top:47px;
}
.phone2_img_png_851{
  width: 20px;
  position: relative;
  top:52px;
}
.mail1_img_png_851{
  width: 20px;
  position: relative;
  top:55px;
}
.mail2_img_png_851{
  width: 20px;
  position: relative;
  top:59px;
}
.address_foot_851{
  display: inline-block;
  margin-left:8%;
  color: #000000;
  position: absolute;
  top:2px;
  font-size: 16px;
  font-family: Arial;
  filter:drop-shadow(0px 3px 6px rgba(57,57,57,0.8) );
}
.m1_foot_851{
  display: inline-block;
  margin-left:8%;
  top:76px;
  color: #000000;
  position: absolute;
  font-size: 16px;
  font-family: Arial;
  filter:drop-shadow(0px 0px 6px rgba(57,57,57,0.8) );
}
.m2_foot_851{
  display: inline-block;
  margin-left:8%;
  top:104px;
  color: #000000;
  position: absolute;
  font-size: 16px;
  font-family: Arial;
  filter:drop-shadow(0px 0px 6px rgba(57,57,57,0.8) );
}
.mail1_foot_851{
  display: inline-block;
  margin-left:8%;
  color: #000000;
  top:130px;
  position: absolute;
  font-size: 16px;
  font-family: Arial;
  filter:drop-shadow(0px 0px 6px rgba(57,57,57,0.8) );
}
.mail1_foot_851:hover{
  text-decoration: none;
}
.mail2_foot_851{
  display: inline-block;
  margin-left:8%;
  color: #000000;
  top:158px;
  position: absolute;
  font-size: 16px;
  font-family: Arial;
  filter:drop-shadow(0px 0px 6px rgba(57,57,57,0.8) );
}
.mail2_foot_851:hover{
  text-decoration: none;
}


/*********************************  Row 5  *********************************/


.footer_row5{
  margin-top: 2%;
  line-height: 2.2;
  font-size: 16px;
  font-family: Arial;
  color: #0000FF;
  justify-content: flex-start;
}

.privacy_foot_851{
  color: #0000FF;
  filter: drop-shadow(0px 2px 3px rgba(25, 0, 255, 0.6));
  
}
.terms_foot_851{
  color: #0000FF;
  filter: drop-shadow(0px 2px 3px rgba(25, 0, 255, 0.6));
}
.shipping_foot_851{
  color: #0000FF;
  filter: drop-shadow(0px 2px 3px rgba(25, 0, 255, 0.6));
}
.reviews_foot_851{
  color: #0000FF;
  filter: drop-shadow(0px 2px 3px rgba(25, 0, 255, 0.6));
}
.faq_foot_851{
  color: #0000FF;
  filter: drop-shadow(0px 2px 3px rgba(25, 0, 255, 0.6));
}

.privacy_foot_851:hover{
  color: red;
  text-decoration: none;
  filter: drop-shadow(0px 2px 2px rgba(255,16,16,0.38) );
}
.terms_foot_851:hover{
  color: red;
  text-decoration: none;
  filter: drop-shadow(0px 2px 2px rgba(255,16,16,0.38) );
}
.shipping_foot_851:hover{
  color: red;
  text-decoration: none;
  filter: drop-shadow(0px 2px 2px rgba(255,16,16,0.38) );
}
.reviews_foot_851:hover{
  color: red;
  text-decoration: none;
  filter: drop-shadow(0px 2px 2px rgba(255,16,16,0.38) );
}
.faq_foot_851:hover{
  color: red;
  text-decoration: none;
  filter: drop-shadow(0px 2px 2px rgba(255,16,16,0.38) );
}

/*********************************  Row 6  *********************************/
.footer_row6{
  margin-top: 2%;
}
.copyright_851{
  color: #FF0000;
  font-size: 14px;
  font-weight: bold;
  font-family: Arial;
  margin-bottom: 5px;
  filter: drop-shadow(0px 0px 4px rgba(255,0,0,0.68));
}
.login_dropdown_content{
  margin-top: 10%;
  left:565px;
  min-width: 190px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a{
  font-size: 17px;
  padding:8px 10px;  
}






/********************************  Gallery CSS  ********************************/
.gallery_column{
  top: -50px !important;
  min-width: 730px !important;
  max-height: 150px;
  margin-left: 30px ;
}
.gallery_right_column{
  margin-left: 10px !important;  
  min-width: 740px !important;
  overflow: visible !important;
}
.all_span , .monthly_span , .daily_span , .note_span , .diary_span , .box_span , .table_span , .tag_span , .add_span{
  display: none !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 22px;
  position: relative;
  top: -101px;
  margin-left: -25px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.monthly_button{
  font-size: 22px;
  position: relative;
  top: -173.5px;
  margin-left: 120px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.daily_button{
  font-size: 22px;
  position: relative;
  top: -245.8px;
  margin-left: 314px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.note_button{
  font-size: 22px;
  position: relative;
  top: -318px;
  margin-left: 482px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.diary_button{
  font-size: 22px;
  position: relative;
  top: -390.5px;
  margin-left: 602px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.box_button{
  font-size: 22px;
  position: relative;
  top: -410px;
  margin-left: -25px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.table_button{
  font-size: 22px;
  position: relative;
  top: -482px;
  margin-left: 142px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.tag_button{
  font-size: 22px;
  position: relative;
  top: -554.5px;
  margin-left: 308px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.add_button{
  font-size: 22px;
  position: relative;
  top: -626.8px;
  margin-left: 422px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  color: #0066FF;
}
.vertical_line{
  position: relative;
  top:-580px;
  margin-left: -40px;
  border-top: 3px solid #707070;
  height: 0;
  width: 107%;
}
.card{
  width: 200px;
  height: 253.33px;
  position: relative;
  margin-top: 13%;
  margin-left: 30px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
}
.card span {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  opacity: 0.97;
  transition: width 0.5s, height 0.5s;
}
.card:hover span{
  width: 1000px;
  height: 1000px;
}
/*************************** Modal Img *******************************/

.zoom_class{
  letter-spacing: 1px;
  font-size: 14px;
}

/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(185,185,185); /* Fallback color */
  background-color: rgba(185,185,185,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 10% !important;
  width: 70%;
  max-width: 620px;
}
/* Caption of Modal Image */
#caption {
  width: 80%;
  max-width: 700px;
  font-size: 30px;
  padding: 10px 0;
  height: 150px;
}

/* The Close Button */
.close {
  margin-top: 10%;
  position: absolute;
  margin-left: 90%;
  font-size: 38px !important;
}

/********************************************************************/
.product_img{
  top: 0px;
  width: 160px;
  height: 206.93px;
}
.table1_img{
  margin-top: 30px;
  width: 160px;
  height: 180.27px;
}
.dailyarc_img{
  margin-top: 0px !important;
  width: 140px;
  height: 203.89px;
}
.cake5_img_class{
  margin-top: 60px;
  width: 170px;
  height: 149.87px;
}
.pa1_img{
  margin-top: 5px;
  width: 140px;
  height: 197.53px;
}
.tag2_img{
  margin-top: 10px;
  width: 130px;
  height: 192.5px;  
}
.tag3_img{
  margin-top: 15px;
  width: 140px;
  height: 191.16px;  
}
.tag4_img{
  margin-top: 10px;
  width: 105px;
  height: 180.24px;
}
.mithra1_img{
  margin-top: 30px;
  width: 180px;
  height: 180px;
}
.product_info{
  margin-top: 7px;
  font-size: 17px;
}
.card .content1_div{
  padding: 40px;
}

.description_box{
  margin-top: -10px;
  font-size: 18px;
}
.info_box{
  font-size: 13.25px;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}






} 

/******************************** 769 px ***************************************/

@media screen and (max-width: 769px) {
  .topnav{
    min-height: 75px;
  }
  #AClogo{
  display: block;
  border-radius: 3px;
  position: absolute;
  border-radius: 5px
  width: 195.44px; 
  height: 38px;
  left: 7.5%;
  top: 19px;
  overflow: visible;

}
  .form-control{
   outline: none !important;
   outline-style: none !important;
   
  }
  #TopLogo {
   display: none;
  }
  .home_head {
    display: none;
  }
  .ABOUT_US_HEAD{
    display: none;
  }
  .gallery_head{
    display: none;
  }
  .products_head{
    display: none;
  }
  .print_your_work_head{
    display: none;
  }
  .contact_us_head {
  display: none;  
  }
  .track_head {
  display: none;  
  }
  .search_head{
    
  width: 250px !important;
  border-radius: 5px 0px 0px 5px ;
  left:270px;
  top:20px;
  height: 34px !important;
   

  }
  form.form_head button{
    
  width: 40px;
  left:519px;
  top:20.5px; 
  height: 33px !important;

  }

  #cart_head{
  left:590px;
  width: 32px;
  height: 32px;
  top: 20px !important;
   
  }
  #login_head , .loginbtn{
  left:655px;
  width: 21.17px;
  height: 24px;
  top: 25px !important;
  }
  #bar_head{
 display: block;
 color: #4E00FF;
 position: absolute;
 padding-left: 2.5%;
 font-size:28px;
 cursor:pointer;
 top:17px;
}

  .sidenav {
  display: block;
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 5%;
  filter:drop-shadow(0px 0px 6px #6A6A6A) !important ;
}

.sidenav a {
  display: block;
  text-decoration: none;
  font-size: 20px;
  color: #000000;
  display: block;
  transition: 0.3s;
  filter:drop-shadow(1px 0px 0px rgba(0,0,0,0.19) ) !important ;
}
.home_side{
  font-size: 19px !important;
  margin-top: 15px;
  margin-left: 10%;
  margin-right: 65%;
}
.ABOUT_US_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 47%;

}
.gallery_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 60%;
}
.products_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 53%;
}
.print_your_work_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 20%;
}
.contact_us_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 40%;
}
.track_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 65%;
}

.sidenav a:hover {
  color: #ff0000;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
  .slideshow-container {
  position: relative;
  margin: auto;
  margin-top: 12% !important;
}
.login_dropdown_content{
  margin-top: 11.1%;
  left:490px;
  min-width: 190px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a{
  font-size: 17px;
  padding:8px 10px;  
}




/********************************  Gallery CSS  ********************************/
.gallery_column{
  top: -50px !important;
  min-width: 750px !important;
  max-height: 180px;
  margin-left: 0px ;
}
.gallery_right_column{
  margin-left: 5px !important;  
  margin-top: -50px;
  min-width: 680px !important;
  overflow: visible !important;
}
.all_span , .monthly_span , .daily_span , .note_span , .diary_span , .box_span , .table_span , .tag_span , .add_span{
  display: none !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 20px;
  position: relative;
  top: -101px;
  margin-left: 20px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.monthly_button{
  font-size: 20px;
  position: relative;
  top: -171px;
  margin-left: 143px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.daily_button{
  font-size: 20px;
  position: relative;
  top: -241px;
  margin-left: 312px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.note_button{
  font-size: 20px;
  position: relative;
  top: -311.3px;
  margin-left: 456px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.diary_button{
  font-size: 20px;
  position: relative;
  top: -381.3px;
  margin-left: 557px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.box_button{
  font-size: 20px;
  position: relative;
  top: -390px;
  margin-left: 20px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.table_button{
  font-size: 20px;
  position: relative;
  top: -460px;
  margin-left: 164px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.tag_button{
  font-size: 20px;
  position: relative;
  top: -530px;
  margin-left: 307.5px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.add_button{
  font-size: 20px;
  position: relative;
  top: -600.3px;
  margin-left: 404px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  white-space: nowrap;
}
.vertical_line{
  position: relative;
  top:-550px;
  margin-left: -15px;
  border-top: 3px solid #707070;
  height: 0;
  width: 100.5%;
}
.card{
  width: 180px;
  height: 228px;
  position: relative;
  margin-top: 13%;
  margin-left: 30px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
}
.card span {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  opacity: 0.97;
  transition: width 0.5s, height 0.5s;
}
.card:hover span{
  width: 1000px;
  height: 1000px;
}
/*************************** Modal Img *******************************/

.zoom_class{
  letter-spacing: 1px;
  font-size: 14px;
}

/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(185,185,185); /* Fallback color */
  background-color: rgba(185,185,185,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 10% !important;
  width: 70%;
  max-width: 570px;
}
/* Caption of Modal Image */
#caption {
  width: 80%;
  max-width: 700px;
  font-size: 30px;
  padding: 10px 0;
  height: 150px;
}

/* The Close Button */
.close {
  margin-top: 10%;
  position: absolute;
  margin-left: 92%;
  font-size: 38px !important;
}

/********************************************************************/
.product_img{
  top: 0px;
  width: 150px;
  height: 194px;
}
.table1_img{
  margin-top: 30px;
  width: 150px;
  height: 169px;
}
.dailyarc_img{
  margin-top: 0px !important;
  width: 130px;
  height: 189.33px;
}
.cake5_img_class{
  margin-top: 50px;
  width: 160px;
  height: 141.06px;
}
.pa1_img{
  margin-top: 5px;
  width: 130px;
  height: 183.42px;
}
.tag2_img{
  margin-top: 10px;
  width: 120px;
  height: 177.37px;  
}
.tag3_img{
  margin-top: 15px;
  width: 130px;
  height: 177.51px;  
}
.tag4_img{
  margin-top: 10px;
  width: 95px;
  height: 163.07px;
}
.mithra1_img{
  margin-top: 25px;
  width: 170px;
  height: 170px;
}
.product_info{
  margin-top: 3px;
  font-size: 15px;
}
.card .content1_div{
  padding: 40px;
}

.description_box{
  font-size: 19px;
}
.info_box{
  font-size: 14px;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}


} 


@media screen and (max-width: 767px) {
    /********************************  Gallery CSS  ********************************/
.gallery_column{
  top: -50px !important;
  min-width: 690px !important;
  max-height: 150px;
  margin-left: 0px ;
}
.gallery_right_column{
  margin-left: 5px !important;  
  margin-top: -50px;
  min-width: 680px !important;
  overflow: visible !important;
}
.all_span , .monthly_span , .daily_span , .note_span , .diary_span , .box_span , .table_span , .tag_span , .add_span{
  display: none !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 20px;
  position: relative;
  top: -101px;
  margin-left: -55px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.monthly_button{
  font-size: 20px;
  position: relative;
  top: -162.5px;
  margin-left: 75px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.daily_button{
  font-size: 20px;
  position: relative;
  top: -224px;
  margin-left: 251.5px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.note_button{
  font-size: 20px;
  position: relative;
  top: -285px;
  margin-left: 403.5px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.diary_button{
  font-size: 20px;
  position: relative;
  top: -346.5px;
  margin-left: 512px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.box_button{
  font-size: 20px;
  position: relative;
  top: -350px;
  margin-left: -55px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.table_button{
  font-size: 20px;
  position: relative;
  top: -410.5px;
  margin-left: 96px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.tag_button{
  font-size: 20px;
  position: relative;
  top: -471.5px;
  margin-left: 247.5px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.add_button{
  font-size: 20px;
  position: relative;
  top: -532.7px;
  margin-left: 352px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  white-space: nowrap;
}
.vertical_line{
  position: relative;
  top:-500px;
  margin-left: -70px;
  border-top: 3px solid #707070;
  height: 0;
  width: 128.5%;
}
.card{
  width: 180px;
  height: 228px;
  position: relative;
  margin-top: 13%;
  margin-left: 30px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
}
.card span {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  opacity: 0.97;
  transition: width 0.5s, height 0.5s;
}
.card:hover span{
  width: 1000px;
  height: 1000px;
}
/*************************** Modal Img *******************************/

.zoom_class{
  margin-left: -10px;
  letter-spacing: 1px;
  font-size: 13.5px;
}

/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(185,185,185); /* Fallback color */
  background-color: rgba(185,185,185,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 10% !important;
  width: 70%;
  max-width: 570px;
}
/* Caption of Modal Image */
#caption {
  width: 80%;
  max-width: 700px;
  font-size: 30px;
  padding: 10px 0;
  height: 150px;
}

/* The Close Button */
.close {
  margin-top: 10%;
  position: absolute;
  margin-left: 92%;
  font-size: 38px !important;
}

/********************************************************************/
.product_img{
  top: 0px;
  width: 150px;
  height: 194px;
}
.table1_img{
  margin-top: 30px;
  width: 150px;
  height: 169px;
}
.dailyarc_img{
  margin-top: 0px !important;
  width: 130px;
  height: 189.33px;
}
.cake5_img_class{
  margin-top: 50px;
  width: 160px;
  height: 141.06px;
}
.pa1_img{
  margin-top: 5px;
  width: 130px;
  height: 183.42px;
}
.tag2_img{
  margin-top: 10px;
  width: 120px;
  height: 177.37px;  
}
.tag3_img{
  margin-top: 15px;
  width: 130px;
  height: 177.51px;  
}
.tag4_img{
  margin-top: 10px;
  width: 95px;
  height: 163.07px;
}
.mithra1_img{
  margin-top: 25px;
  width: 170px;
  height: 170px;
}
.product_info{
  margin-top: 3px;
  font-size: 15px;
}
.card .content1_div{
  padding: 40px;
}

.description_box{
  margin-top: -15px;
  margin-left: -10px;
  font-size: 17.5px;
}
.info_box{
  margin-top: -10px;
  margin-left: -10px;
  font-size: 12.75px;
  min-width: 120px;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}
}


/******************************** 701 px ***************************************/

@media screen and (max-width: 701px) {
  .topnav{
    min-height: 75px;
  }
  #AClogo{
  display: block;
  border-radius: 3px;
  position: absolute;
  border-radius: 5px
  width: 195.44px; 
  height: 38px;
  left: 7.5%;
  top: 19px;
  overflow: visible;

}
  .form-control{
   outline: none !important;
   outline-style: none !important;
   
  }
  #TopLogo {
   display: none;
  }
  .home_head {
    display: none;
  }
  .ABOUT_US_HEAD{
    display: none;
  }
  .gallery_head{
    display: none;
  }
  .products_head{
    display: none;
  }
  .print_your_work_head{
    display: none;
  }
  .contact_us_head {
  display: none;  
  }
  .track_head {
  display: none;  
  }
  .search_head{
    
  width: 230px !important;
  border-radius: 5px 0px 0px 5px ;
  left:270px;
  top:20px;
  height: 34px !important;
   

  }
  form.form_head button{
    
  width: 40px;
  left:499px;
  top:20.5px; 
  height: 33px !important;

  }

  #cart_head{
  left:560px;
  width: 32px;
  height: 32px;
  top: 20px !important;
   
  }
  #login_head , .loginbtn{
  left:625px;
  width: 21.17px;
  height: 24px;
  top: 25px !important;
  }
  #bar_head{
 display: block;
 color: #4E00FF;
 position: absolute;
 padding-left: 2.5%;
 font-size:28px;
 cursor:pointer;
 top:17px;
}

  .sidenav {
  display: block;
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 5%;
  filter:drop-shadow(0px 0px 6px #6A6A6A) !important ;
}

.sidenav a {
  display: block;
  text-decoration: none;
  font-size: 20px;
  color: #000000;
  display: block;
  transition: 0.3s;
  filter:drop-shadow(1px 0px 0px rgba(0,0,0,0.19) ) !important ;
}
.home_side{
  font-size: 19px !important;
  margin-top: 15px;
  margin-left: 10%;
  margin-right: 65%;
}
.ABOUT_US_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 47%;

}
.gallery_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 60%;
}
.products_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 53%;
}
.print_your_work_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 20%;
}
.contact_us_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 40%;
}
.track_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 65%;
}

.sidenav a:hover {
  color: #ff0000;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
.logo_footer_851{
  margin-left: 35%;
  margin-top: 3% !important;
  height: 100px;
  width: 145.87px;
}
  .slideshow-container {
  position: relative;
  margin: auto;
  margin-top: 13% !important;
}
.login_dropdown_content{
  margin-top: 11.6%;
  left:460px;
  min-width: 190px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a{
  font-size: 17px;
  padding:8px 10px;  
}





/********************************  Gallery CSS  ********************************/
.gallery_column{
  top: -50px !important;
  min-width: 660px !important;
  max-height: 150px;
  margin-left: 0px ;
}
.gallery_right_column{
  margin-left: 0px !important;  
  margin-top: -50px;
  min-width: 660px !important;
  overflow: visible !important;
}
.all_span , .monthly_span , .daily_span , .note_span , .diary_span , .box_span , .table_span , .tag_span , .add_span{
  display: none !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 20px;
  position: relative;
  top: -101px;
  margin-left: -55px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.monthly_button{
  font-size: 20px;
  position: relative;
  top: -162.5px;
  margin-left: 75px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.daily_button{
  font-size: 20px;
  position: relative;
  top: -224px;
  margin-left: 251.5px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.note_button{
  font-size: 20px;
  position: relative;
  top: -285px;
  margin-left: 403.5px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.diary_button{
  font-size: 20px;
  position: relative;
  top: -346.5px;
  margin-left: 512px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.box_button{
  font-size: 20px;
  position: relative;
  top: -350px;
  margin-left: -55px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.table_button{
  font-size: 20px;
  position: relative;
  top: -410.5px;
  margin-left: 96px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.tag_button{
  font-size: 20px;
  position: relative;
  top: -471.5px;
  margin-left: 247.5px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.add_button{
  font-size: 20px;
  position: relative;
  top: -532.7px;
  margin-left: 352px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  white-space: nowrap;
}
.vertical_line{
  position: relative;
  top:-500px;
  margin-left: -70px;
  border-top: 3px solid #707070;
  height: 0;
  width: 128.5%;
}
.card{
  width: 180px;
  height: 228px;
  position: relative;
  margin-top: 13%;
  margin-left: 27px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
}
.card span {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  opacity: 0.97;
  transition: width 0.5s, height 0.5s;
}
.card:hover span{
  width: 1000px;
  height: 1000px;
}
/*************************** Modal Img *******************************/



/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(185,185,185); /* Fallback color */
  background-color: rgba(185,185,185,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 10% !important;
  width: 68%;
  max-width: 550px;
}
/* Caption of Modal Image */
#caption {
  width: 80%;
  max-width: 700px;
  font-size: 30px;
  padding: 10px 0;
  height: 150px;
}

/* The Close Button */
.close {
  margin-top: 10%;
  position: absolute;
  margin-left: 92%;
  font-size: 35px !important;
}

/********************************************************************/
.product_img{
  top: 0px;
  width: 150px;
  height: 194px;
}
.table1_img{
  margin-top: 30px;
  width: 150px;
  height: 169px;
}
.dailyarc_img{
  margin-top: 0px !important;
  width: 130px;
  height: 189.33px;
}
.cake5_img_class{
  margin-top: 50px;
  width: 160px;
  height: 141.06px;
}
.pa1_img{
  margin-top: 5px;
  width: 130px;
  height: 183.42px;
}
.tag2_img{
  margin-top: 10px;
  width: 120px;
  height: 177.37px;  
}
.tag3_img{
  margin-top: 15px;
  width: 130px;
  height: 177.51px;  
}
.tag4_img{
  margin-top: 10px;
  width: 95px;
  height: 163.07px;
}
.mithra1_img{
  margin-top: 25px;
  width: 170px;
  height: 170px;
}
.product_info{
  margin-top: 3px;
  font-size: 15px;
}
.card .content1_div{
  padding: 40px;
}

.zoom_class{
  margin-left: -10px;
  letter-spacing: 1px;
  font-size: 13.5px;
}
.description_box{
  margin-top: -15px;
  margin-left: -10px;
  font-size: 17.5px;
}
.info_box{
  margin-top: -10px;
  margin-left: -10px;
  font-size: 12.75px;
  min-width: 120px;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}





} 

/******************************** 671 px ***************************************/

@media screen and (max-width: 671px) {
  .topnav{
    min-height: 75px;
  }
  #AClogo{
  display: block;
  border-radius: 3px;
  position: absolute;
  border-radius: 5px
  width: 195.44px; 
  height: 38px;
  left: 7.5%;
  top: 19px;
  overflow: visible;

}
  .form-control{
   outline: none !important;
   outline-style: none !important;
   
  }
  #TopLogo {
   display: none;
  }
  .home_head {
    display: none;
  }
  .ABOUT_US_HEAD{
    display: none;
  }
  .gallery_head{
    display: none;
  }
  .products_head{
    display: none;
  }
  .print_your_work_head{
    display: none;
  }
  .contact_us_head {
  display: none;  
  }
  .track_head {
  display: none;  
  }
  .search_head{
    
  width: 225px !important;
  border-radius: 5px 0px 0px 5px ;
  left:270px;
  top:20px;
  height: 34px !important;
   

  }
  form.form_head button{
    
  width: 40px;
  left:494px;
  top:20.5px; 
  height: 33px !important;

  }

  #cart_head{
  left:550px;
  width: 32px;
  height: 32px;
  top: 20px !important;
   
  }
  #login_head , .loginbtn{
  left:610px;
  width: 21.17px;
  height: 24px;
  top: 25px !important;
  }
  #bar_head{
 display: block;
 color: #4E00FF;
 position: absolute;
 padding-left: 2.5%;
 font-size:28px;
 cursor:pointer;
 top:17px;
}

  .sidenav {
  display: block;
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 5%;
  filter:drop-shadow(0px 0px 6px #6A6A6A) !important ;
}

.sidenav a {
  display: block;
  text-decoration: none;
  font-size: 20px;
  color: #000000;
  display: block;
  transition: 0.3s;
  filter:drop-shadow(1px 0px 0px rgba(0,0,0,0.19) ) !important ;
}
.home_side{
  font-size: 19px !important;
  margin-top: 15px;
  margin-left: 10%;
  margin-right: 65%;
}
.ABOUT_US_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 47%;

}
.gallery_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 60%;
}
.products_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 53%;
}
.print_your_work_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 20%;
}
.contact_us_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 40%;
}
.track_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 65%;
}

.sidenav a:hover {
  color: #ff0000;
}

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

/********************************  Logo Row 0  **********************************/

.logo_footer_851{
  margin-left: 35%;
  margin-top: 3% !important;
  height: 100px;
  width: 145.87px;
}

/*********************************  Row 1  *********************************/

.footer_row1{
  margin-top: 1.5%;
  line-height: 2.2;
  position: absolute;
  font-size: 16px;
  font-family: Arial;
  color: #0000FF;
  justify-content: flex-start;
}

/*********************************  Row 2  *********************************/

.footer_row2{
  margin-top: 0.5%; 
}
.subscribe_letter_851{
  font-size: 18px;
  font-family: Arial;
}
.subscribe_input_851{
  width: 35%;
  height: 40px;
}
.subscribe_button_851{
  width: 7%;
  position: relative;
  top:1.4px;
  height: 40px;
  font-size: 20px;
}

/*********************************  Row 3  *********************************/

.follow_footer_851{
  margin-top: 1.5%;
  font-size: 18px;
  letter-spacing: 0.5px;
  margin-left: 1.5%;
  font-weight: bold;
  word-spacing: 4px;

}
.facebook_img_png_851{
  width: 25px;
  margin-left: 1.5%;
}
.twitter_img_png_851{
  width: 25px;
  margin-left: 3%;
}
.instagram_img_png_851{
  width: 25px;
  margin-left: 3%;
}
.linkedin_img_png_851{
  width: 25px;
  margin-left: 3%;
}
.youtube_img_png_851{
  width: 30px;
  margin-left: 3%;
}

/*********************************  Row 4  *********************************/
div.col.footer_row4{
  min-height: 200px;
}
.footer_row4{
  margin-top: 1.5%;
}
.map_img_png_851{
  width: 20px;
}
.phone1_img_png_851{
  width: 20px;
  position: relative;
  top:47px;
}
.phone2_img_png_851{
  width: 20px;
  position: relative;
  top:52px;
}
.mail1_img_png_851{
  width: 20px;
  position: relative;
  top:55px;
}
.mail2_img_png_851{
  width: 20px;
  position: relative;
  top:59px;
}
.address_foot_851{
  display: inline-block;
  margin-left:8%;
  position: absolute;
  top:2px;
  font-size: 16px;
}
.m1_foot_851{
  display: inline-block;
  margin-left:8%;
  top:76px;
  position: absolute;
  font-size: 16px;
}
.m2_foot_851{
  display: inline-block;
  margin-left:8%;
  top:104px;
  position: absolute;
  font-size: 16px;
}
.mail1_foot_851{
  display: inline-block;
  margin-left:8%;
  top:131px;
  position: absolute;
  font-size: 16px;
}
.mail2_foot_851{
  display: inline-block;
  margin-left:8%;
  top:160px;
  position: absolute;
  font-size: 16px;
}


/*********************************  Row 5  *********************************/

.footer_row5{
  margin-top: 2%;
  line-height: 2.2;
  font-size: 15px;
}

/*********************************  Row 6  *********************************/
.footer_row6{
  margin-top: 2.2%;
}
.copyright_851{
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 5px;
}
.login_dropdown_content{
  margin-top: 11.9%;
  left:445px;
  min-width: 190px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a{
  font-size: 17px;
  padding:8px 10px;  
}





/********************************  Gallery CSS  ********************************/
.gallery_column{
  top: -50px !important;
  min-width: 640px !important;
  max-height: 150px;
  margin-left: 0px ;
}
.gallery_right_column{
  margin-left: -5px !important;  
  margin-top: -50px;
  min-width: 640px !important;
  overflow: visible !important;
}
.all_span , .monthly_span , .daily_span , .note_span , .diary_span , .box_span , .table_span , .tag_span , .add_span{
  display: none !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 20px;
  position: relative;
  top: -101px;
  margin-left: -55px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.monthly_button{
  font-size: 20px;
  position: relative;
  top: -162.5px;
  margin-left: 65px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.daily_button{
  font-size: 20px;
  position: relative;
  top: -224px;
  margin-left: 231.5px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.note_button{
  font-size: 20px;
  position: relative;
  top: -285px;
  margin-left: 373.5px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.diary_button{
  font-size: 20px;
  position: relative;
  top: -346.5px;
  margin-left: 473px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.box_button{
  font-size: 20px;
  position: relative;
  top: -350px;
  margin-left: -55px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.table_button{
  font-size: 20px;
  position: relative;
  top: -410.5px;
  margin-left: 86px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.tag_button{
  font-size: 20px;
  position: relative;
  top: -471.5px;
  margin-left: 227.5px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.add_button{
  font-size: 20px;
  position: relative;
  top: -532.7px;
  margin-left: 322px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  white-space: nowrap;
}
.vertical_line{
  position: relative;
  top:-500px;
  margin-left: -60px;
  border-top: 3px solid #707070;
  height: 0;
  width: 124%;
}
.card{
  width: 180px;
  height: 228px;
  position: relative;
  margin-top: 13%;
  margin-left: 22px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
}
.card span {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  opacity: 0.97;
  transition: width 0.5s, height 0.5s;
}
.card:hover span{
  width: 1000px;
  height: 1000px;
}
/*************************** Modal Img *******************************/


/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(185,185,185); /* Fallback color */
  background-color: rgba(185,185,185,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 10% !important;
  width: 68%;
  max-width: 510px;
}
/* Caption of Modal Image */
#caption {
  width: 80%;
  max-width: 700px;
  font-size: 30px;
  padding: 10px 0;
  height: 150px;
}

/* The Close Button */
.close {
  margin-top: 10%;
  position: absolute;
  margin-left: 92%;
  font-size: 35px !important;
}

/********************************************************************/
.product_img{
  top: 0px;
  width: 150px;
  height: 194px;
}
.table1_img{
  margin-top: 30px;
  width: 150px;
  height: 169px;
}
.dailyarc_img{
  margin-top: 0px !important;
  width: 130px;
  height: 189.33px;
}
.cake5_img_class{
  margin-top: 50px;
  width: 160px;
  height: 141.06px;
}
.pa1_img{
  margin-top: 5px;
  width: 130px;
  height: 183.42px;
}
.tag2_img{
  margin-top: 10px;
  width: 120px;
  height: 177.37px;  
}
.tag3_img{
  margin-top: 15px;
  width: 130px;
  height: 177.51px;  
}
.tag4_img{
  margin-top: 10px;
  width: 95px;
  height: 163.07px;
}
.mithra1_img{
  margin-top: 25px;
  width: 170px;
  height: 170px;
}
.product_info{
  margin-top: 3px;
  font-size: 15px;
}
.card .content1_div{
  padding: 40px;
}
.zoom_class{
  margin-left: -10px;
  letter-spacing: 1px;
  font-size: 13.5px;
}
.description_box{
  margin-top: -15px;
  margin-left: -10px;
  font-size: 17.5px;
}
.info_box{
  margin-top: -10px;
  margin-left: -10px;
  font-size: 12.75px;
  min-width: 120px;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}




} 

/******************************** 651 px ***************************************/

@media screen and (max-width: 651px) {
  .topnav{
    min-height: 70px;
  }
  #AClogo{
  display: block;
  border-radius: 3px;
  position: absolute;
  border-radius: 5px
  width: 181.44px; 
  height: 35px;
  left: 7.5%;
  top: 19px;
  overflow: visible;

}
  .form-control{
   outline: none !important;
   outline-style: none !important;
   
  }
  #TopLogo {
   display: none;
  }
  .home_head {
    display: none;
  }
  .ABOUT_US_HEAD{
    display: none;
  }
  .gallery_head{
    display: none;
  }
  .products_head{
    display: none;
  }
  .print_your_work_head{
    display: none;
  }
  .contact_us_head {
  display: none;  
  }
  .track_head {
  display: none;  
  }
  .search_head{
    
  width: 205px !important;
  border-radius: 5px 0px 0px 5px ;
  left:240px;
  top:21px;
  height: 31px !important;
   

  }
  form.form_head button{
    
  width: 35px;
  left:444px;
  top:21.5px; 
  height: 30px !important;

  }

  #cart_head{
  left:500px;
  width: 30px;
  height: 30px;
  top: 20px !important;
   
  }
  #login_head , .loginbtn{
  left:560px;
  width: 18.53px;
  height: 21px;
  top: 25px !important;
  }
  #bar_head{
 display: block;
 color: #4E00FF;
 position: absolute;
 padding-left: 2.5%;
 font-size:25px;
 cursor:pointer;
 top:17px;
}

  .sidenav {
  display: block;
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 5%;
  filter:drop-shadow(0px 0px 6px #6A6A6A) !important ;
}
/*.sidenav.responsive{
  width:35% !important;
}*/
.sidenav a {
  display: block;
  text-decoration: none;
  font-size: 20px;
  color: #000000;
  display: block;
  transition: 0.3s;
  filter:drop-shadow(1px 0px 0px rgba(0,0,0,0.19) ) !important ;
}
.home_side{
  font-size: 19px !important;
  margin-top: 15px;
  margin-left: 10%;
  margin-right: 65%;
}
.ABOUT_US_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 47%;

}
.gallery_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 60%;
}
.products_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 53%;
}
.print_your_work_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 20%;
}
.contact_us_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 40%;
}
.track_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 65%;
}

.sidenav a:hover {
  color: #ff0000;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
/********************************  Logo Row 0  **********************************/
.accordion{
  font-size: 17px;
}
.logo_footer_851{
  margin-left: 35%;
  margin-top: 3% !important;
  height: 100px;
  width: 145.87px;
}

/*********************************  Row 1  *********************************/

.footer_row1{
  margin-top: 1.5%;
  line-height: 2.2;
  position: absolute;
  font-size: 14px;
  font-family: Arial;
  color: #0000FF;
  justify-content: flex-start;
}

/*********************************  Row 2  *********************************/

.footer_row2{
  margin-top: 0.5%; 
}
.subscribe_letter_851{
  font-size: 18px;
  font-family: Arial;
}
.subscribe_input_851{
  width: 35%;
  height: 40px;
}
.subscribe_button_851{
  width: 7%;
  position: relative;
  top:1.4px;
  height: 40px;
  font-size: 20px;
}

/*********************************  Row 3  *********************************/

.follow_footer_851{
  margin-top: 1.5%;
  font-size: 17px;
  letter-spacing: 0px;
  margin-left: 1.5%;
  font-weight: bold;
  word-spacing: 3px;

}
.facebook_img_png_851{
  width: 24px;
  margin-left: 1.5%;
}
.twitter_img_png_851{
  width: 24px;
  margin-left: 3%;
}
.instagram_img_png_851{
  width: 24px;
  margin-left: 3%;
}
.linkedin_img_png_851{
  width: 24px;
  margin-left: 3%;
}
.youtube_img_png_851{
  width: 29px;
  margin-left: 3%;
}

/*********************************  Row 4  *********************************/
div.col.footer_row4{
  min-height: 200px;
}
.footer_row4{
  margin-top: 1.5%;
}
.map_img_png_851{
  width: 19px;
}
.phone1_img_png_851{
  width: 19px;
  position: relative;
  top:47px;
}
.phone2_img_png_851{
  width: 19px;
  position: relative;
  top:52px;
}
.mail1_img_png_851{
  width: 19px;
  position: relative;
  top:55px;
}
.mail2_img_png_851{
  width: 19px;
  position: relative;
  top:59px;
}
.address_foot_851{
  display: inline-block;
  margin-left:8%;
  position: absolute;
  top:2px;
  font-size: 15px;
}
.m1_foot_851{
  display: inline-block;
  margin-left:8%;
  top:75px;
  position: absolute;
  font-size: 15px;
}
.m2_foot_851{
  display: inline-block;
  margin-left:8%;
  top:104px;
  position: absolute;
  font-size: 15px;
}
.mail1_foot_851{
  display: inline-block;
  margin-left:8%;
  top:130px;
  position: absolute;
  font-size: 15px;
}
.mail2_foot_851{
  display: inline-block;
  margin-left:8%;
  top:159px;
  position: absolute;
  font-size: 15px;
}


/*********************************  Row 5  *********************************/

.footer_row5{
  margin-top: 2%;
  line-height: 2.2;
  font-size: 14px;
}

/*********************************  Row 6  *********************************/
.footer_row6{
  margin-top: 3%;
}
.copyright_851{
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 5px;
}
  .slideshow-container {
  position: relative;
  margin: auto;
  margin-top: 14% !important;
}
.login_dropdown_content{
  margin-top: 12.3%;
  left:395px;
  min-width: 190px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a{
  font-size: 17px;
  padding:8px 10px;  
}







/********************************  Gallery CSS  ********************************/
.gallery_column{
  top: -50px !important;
  min-width: 590px !important;
  max-height: 150px;
  margin-left: 0px ;
}
.gallery_right_column{
  margin-left: 20px !important;  
  margin-top: -50px;
  min-width: 570px !important;
  overflow: visible !important;
}
.all_span , .monthly_span , .daily_span , .note_span , .diary_span , .box_span , .table_span , .tag_span , .add_span{
  display: none !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 19px;
  position: relative;
  top: -101px;
  margin-left: -24px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.monthly_button{
  font-size: 19px;
  position: relative;
  top: -160.5px;
  margin-left: 92px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.daily_button{
  font-size: 19px;
  position: relative;
  top: -220px;
  margin-left: 251.5px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.note_button{
  font-size: 19px;
  position: relative;
  top: -279.5px;
  margin-left: 387.5px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.diary_button{
  font-size: 19px;
  position: relative;
  top: -339px;
  margin-left: 482.5px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.box_button{
  font-size: 19px;
  position: relative;
  top: -350px;
  margin-left: -24px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.table_button{
  font-size: 19px;
  position: relative;
  top: -409.5px;
  margin-left: 112px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.tag_button{
  font-size: 19px;
  position: relative;
  top: -469px;
  margin-left: 247px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.add_button{
  font-size: 19px;
  position: relative;
  top: -528.5px;
  margin-left: 337px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  white-space: nowrap;
}
.vertical_line{
  position: relative;
  top:-480px;
  margin-left: -29px;
  border-top: 3px solid #707070;
  height: 0;
  width: 113.5%;
}
.card{
  width: 210px;
  height: 266px;
  position: relative;
  margin-top: 13%;
  margin-left: 40px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
}
.card span {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  opacity: 0.97;
  transition: width 0.5s, height 0.5s;
}
.card:hover span{
  width: 1000px;
  height: 1000px;
}
/*************************** Modal Img *******************************/


/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(185,185,185); /* Fallback color */
  background-color: rgba(185,185,185,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 10% !important;
  width: 65%;
  max-width: 490px;
}
/* Caption of Modal Image */
#caption {
  width: 80%;
  max-width: 700px;
  font-size: 28px;
  padding: 10px 0;
  height: 150px;
}

/* The Close Button */
.close {
  margin-top: 10%;
  position: absolute;
  margin-left: 92%;
  font-size: 32px !important;
}

/********************************************************************/
.product_img{
  top: 0px;
  width: 170px;
  height: 219.87px;
}
.table1_img{
  margin-top: 30px;
  width: 170px;
  height: 191.53px;
}
.dailyarc_img{
  margin-top: 0px !important;
  width: 150px;
  height: 218.45px;
}
.cake5_img_class{
  margin-top: 50px;
  width: 180px;
  height: 158.69px;
}
.pa1_img{
  margin-top: 8px;
  width: 150px;
  height: 211.64px;
}
.tag2_img{
  margin-top: 10px;
  width: 140px;
  height: 206.93px;  
}
.tag3_img{
  margin-top: 15px;
  width: 150px;
  height: 204.82px;  
}
.tag4_img{
  margin-top: 10px;
  width: 115px;
  height: 197.41px;
}
.mithra1_img{
  margin-top: 25px;
  width: 190px;
  height: 190px;
}
.product_info{
  margin-top: 8px;
  font-size: 17px;
}
.card .content1_div{
  padding: 40px;
}



div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}






} 

/******************************** 601 px ***************************************/

@media screen and (max-width: 601px) {
  .topnav{
    min-height: 70px;
  }
  #AClogo{
  display: block ;
  border-radius: 3px;
  position: absolute;
  border-radius: 5px
  width: 181.44px; 
  height: 35px;
  left: 8%;
  top: 19px;
  overflow: visible;

}
  .form-control{
   outline: none !important;
   outline-style: none !important;
   
  }
  #TopLogo {
   display: none;
  }
  .home_head {
    display: none;
  }
  .ABOUT_US_HEAD{
    display: none;
  }
  .gallery_head{
    display: none;
  }
  .products_head{
    display: none;
  }
  .print_your_work_head{
    display: none;
  }
  .contact_us_head {
  display: none;  
  }
  .track_head {
  display: none;  
  }
  .search_head{
    
  width: 170px !important;
  border-radius: 5px 0px 0px 5px ;
  left:240px;
  top:21px;
  height: 31px !important;
   

  }
  form.form_head button{
    
  width: 35px;
  left:409px;
  top:21.5px; 
  height: 30px !important;

  }

  #cart_head{
  left:460px;
  width: 30px;
  height: 30px;
  top: 20px !important;
   
  }
  #login_head , .loginbtn{
  left:520px;
  width: 18.53px;
  height: 21px;
  top: 25px !important;
  }
  #bar_head{
 display: block;
 color: #4E00FF;
 position: absolute;
 padding-left: 2.5%;
 font-size:25px;
 cursor:pointer;
 top:17px;
}

  .sidenav {
  display: block;
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 5%;
  filter:drop-shadow(0px 0px 6px #6A6A6A) !important ;
}
/*.sidenav.responsive{
  width:35% !important;
}*/
.sidenav a {
  display: block;
  text-decoration: none;
  font-size: 20px;
  color: #000000;
  display: block;
  transition: 0.3s;
  filter:drop-shadow(1px 0px 0px rgba(0,0,0,0.19) ) !important ;
}
.home_side{
  font-size: 19px !important;
  margin-top: 15px;
  margin-left: 10%;
  margin-right: 65%;
}
.ABOUT_US_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 47%;

}
.gallery_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 60%;
}
.products_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 53%;
}
.print_your_work_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 20%;
}
.contact_us_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 40%;
}
.track_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 65%;
}

.sidenav a:hover {
  color: #ff0000;
}

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

/********************************  Logo Row 0  **********************************/

.logo_footer_851{
  margin-left: 35%;
  margin-top: 3% !important;
  height: 95px;
  width: 138.58px;
}

/*********************************  Row 1  *********************************/
.accordion{
  font-size: 16px;
}
.footer_row1{
  margin-top: 1.5%;
  line-height: 2.2;
  position: absolute;
  font-size: 14px;
  font-family: Arial;
  color: #0000FF;
  justify-content: flex-start;
}

/*********************************  Row 2  *********************************/

.footer_row2{
  margin-top: 0.5%; 
}
.subscribe_letter_851{
  font-size: 16px;
  font-family: Arial;
}
.subscribe_input_851{
  width: 35%;
  height: 40px;
}
.subscribe_button_851{
  width: 7%;
  position: relative;
  top:1.8px;
  height: 40px;
  font-size: 20px;
}

/*********************************  Row 3  *********************************/

.follow_footer_851{
  margin-top: 1.5%;
  font-size: 16px;
  letter-spacing: 0px;
  margin-left: 1.5%;
  font-weight: bold;
  word-spacing: 3px;

}
.facebook_img_png_851{
  width: 23px;
  margin-left: 1.5%;
}
.twitter_img_png_851{
  width: 23px;
  margin-left: 3%;
}
.instagram_img_png_851{
  width: 23px;
  margin-left: 3%;
}
.linkedin_img_png_851{
  width: 23px;
  margin-left: 3%;
}
.youtube_img_png_851{
  width: 28px;
  margin-left: 3%;
}

/*********************************  Row 4  *********************************/
div.col.footer_row4{
  min-height: 200px;
}
.footer_row4{
  margin-top: 1.5%;
}
.map_img_png_851{
  width: 18px;
}
.phone1_img_png_851{
  width: 18px;
  position: relative;
  top:47px;
}
.phone2_img_png_851{
  width: 18px;
  position: relative;
  top:52px;
}
.mail1_img_png_851{
  width: 18px;
  position: relative;
  top:55px;
}
.mail2_img_png_851{
  width: 18px;
  position: relative;
  top:59px;
}
.address_foot_851{
  display: inline-block;
  margin-left:8%;
  position: absolute;
  top:5px;
  font-size: 14px;
}
.m1_foot_851{
  display: inline-block;
  margin-left:8%;
  top:75px;
  position: absolute;
  font-size: 14px;
}
.m2_foot_851{
  display: inline-block;
  margin-left:8%;
  top:104px;
  position: absolute;
  font-size: 14px;
}
.mail1_foot_851{
  display: inline-block;
  margin-left:8%;
  top:131px;
  position: absolute;
  font-size: 14px;
}
.mail2_foot_851{
  display: inline-block;
  margin-left:8%;
  top:160px;
  position: absolute;
  font-size: 14px;
}


/*********************************  Row 5  *********************************/

.footer_row5{
  margin-top: 2%;
  line-height: 2.2;
  font-size: 13px;
}

/*********************************  Row 6  *********************************/
.footer_row6{
  margin-top: 3%;
}
.copyright_851{
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 8px;
}
.login_dropdown_content{
  margin-top: 13.2%;
  left:360px;
  min-width: 180px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a{
  font-size: 16.5px;
  padding:8px 10px;  
}






/********************************  Gallery CSS  ********************************/
.gallery_column{
  top: -50px !important;
  min-width: 540px !important;
  max-height: 150px;
  margin-left: 10px ;
}
.gallery_right_column{
  margin-left: 5px !important;  
  margin-top: -50px;
  min-width: 550px !important;
  overflow: visible !important;
}
.all_span , .monthly_span , .daily_span , .note_span , .diary_span , .box_span , .table_span , .tag_span , .add_span{
  display: none !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 18px;
  position: relative;
  top: -101px;
  margin-left: -24px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.monthly_button{
  font-size: 18px;
  position: relative;
  top: -158px;
  margin-left: 87px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.daily_button{
  font-size: 18px;
  position: relative;
  top: -215px;
  margin-left: 238.5px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.note_button{
  font-size: 18px;
  position: relative;
  top: -272px;
  margin-left: 367.5px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.diary_button{
  font-size: 18px;
  position: relative;
  top: -329px;
  margin-left: 459px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.box_button{
  font-size: 18px;
  position: relative;
  top: -330px;
  margin-left: -24px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.table_button{
  font-size: 18px;
  position: relative;
  top: -386.7px;
  margin-left: 106px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.tag_button{
  font-size: 18px;
  position: relative;
  top: -443.7px;
  margin-left: 235px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.add_button{
  font-size: 18px;
  position: relative;
  top: -500.5px;
  margin-left: 321px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  white-space: nowrap;
}
.vertical_line{
  position: relative;
  top:-443px;
  margin-left: -30px;
  border-top: 3px solid #707070;
  height: 0;
  width: 110%;
}
.card{
  width: 210px;
  height: 266px;
  position: relative;
  margin-top: 13%;
  margin-left: 40px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
}
.card span {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  opacity: 0.97;
  transition: width 0.5s, height 0.5s;
}
.card:hover span{
  width: 1000px;
  height: 1000px;
}
/*************************** Modal Img *******************************/



/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(185,185,185); /* Fallback color */
  background-color: rgba(185,185,185,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 10% !important;
  width: 62%;
  max-width: 440px;
}
/* Caption of Modal Image */
#caption {
  width: 80%;
  max-width: 700px;
  font-size: 28px;
  padding: 10px 0;
  height: 150px;
}

/* The Close Button */
.close {
  margin-top: 10%;
  position: absolute;
  margin-left: 92%;
  font-size: 32px !important;
}

/********************************************************************/
.product_img{
  top: 0px;
  width: 170px;
  height: 219.87px;
}
.table1_img{
  margin-top: 30px;
  width: 170px;
  height: 191.53px;
}
.dailyarc_img{
  margin-top: 0px !important;
  width: 150px;
  height: 218.45px;
}
.cake5_img_class{
  margin-top: 50px;
  width: 180px;
  height: 158.69px;
}
.pa1_img{
  margin-top: 8px;
  width: 150px;
  height: 211.64px;
}
.tag2_img{
  margin-top: 10px;
  width: 140px;
  height: 206.93px;  
}
.tag3_img{
  margin-top: 15px;
  width: 150px;
  height: 204.82px;  
}
.tag4_img{
  margin-top: 10px;
  width: 115px;
  height: 197.41px;
}
.mithra1_img{
  margin-top: 25px;
  width: 190px;
  height: 190px;
}
.product_info{
  margin-top: 8px;
  font-size: 17px;
}
.card .content1_div{
  padding: 40px;
}

.zoom_class{
  margin-left: 6px;
  letter-spacing: 1px;
  font-size: 14.5px;
}
.description_box{
  margin-left: 5px;
  font-size: 18.5px;
}
.info_box{
  margin-top: 5px;
  margin-left: 5px;
  font-size: 13.5px;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}




} 



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

/********************************  Gallery CSS  ********************************/
.gallery_column{
  top: -50px !important;
  min-width: 540px !important;
  max-height: 150px;
  margin-left: 0px ;
}
.gallery_right_column{
  margin-left: -10px !important;  
  margin-top: -50px;
  min-width: 520px !important;
  overflow: visible !important;
}
.all_span , .monthly_span , .daily_span , .note_span , .diary_span , .box_span , .table_span , .tag_span , .add_span{
  display: none !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 18px;
  position: relative;
  top: -101px;
  margin-left: -24px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.monthly_button{
  font-size: 18px;
  position: relative;
  top: -158px;
  margin-left: 87px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.daily_button{
  font-size: 18px;
  position: relative;
  top: -215px;
  margin-left: 238.5px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.note_button{
  font-size: 18px;
  position: relative;
  top: -272px;
  margin-left: 367.5px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.diary_button{
  font-size: 18px;
  position: relative;
  top: -329px;
  margin-left: 459px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.box_button{
  font-size: 18px;
  position: relative;
  top: -330px;
  margin-left: -24px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.table_button{
  font-size: 18px;
  position: relative;
  top: -386.7px;
  margin-left: 106px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.tag_button{
  font-size: 18px;
  position: relative;
  top: -443.7px;
  margin-left: 235px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.add_button{
  font-size: 18px;
  position: relative;
  top: -500.5px;
  margin-left: 321px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  white-space: nowrap;
}
.vertical_line{
  position: relative;
  top:-443px;
  margin-left: -25px;
  border-top: 3px solid #707070;
  height: 0;
  width: 110%;
}
.card{
  width: 210px;
  height: 266px;
  position: relative;
  margin-top: 13%;
  margin-left: 40px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
}
.card span {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  opacity: 0.97;
  transition: width 0.5s, height 0.5s;
}
.card:hover span{
  width: 1000px;
  height: 1000px;
}
/*************************** Modal Img *******************************/


/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(185,185,185); /* Fallback color */
  background-color: rgba(185,185,185,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 10% !important;
  width: 62%;
  max-width: 440px;
}
/* Caption of Modal Image */
#caption {
  width: 80%;
  max-width: 700px;
  font-size: 28px;
  padding: 10px 0;
  height: 150px;
}

/* The Close Button */
.close {
  margin-top: 10%;
  position: absolute;
  margin-left: 92%;
  font-size: 32px !important;
}

/********************************************************************/
.product_img{
  top: 0px;
  width: 170px;
  height: 219.87px;
}
.table1_img{
  margin-top: 30px;
  width: 170px;
  height: 191.53px;
}
.dailyarc_img{
  margin-top: 0px !important;
  width: 150px;
  height: 218.45px;
}
.cake5_img_class{
  margin-top: 50px;
  width: 180px;
  height: 158.69px;
}
.pa1_img{
  margin-top: 8px;
  width: 150px;
  height: 211.64px;
}
.tag2_img{
  margin-top: 10px;
  width: 140px;
  height: 206.93px;  
}
.tag3_img{
  margin-top: 15px;
  width: 150px;
  height: 204.82px;  
}
.tag4_img{
  margin-top: 10px;
  width: 115px;
  height: 197.41px;
}
.mithra1_img{
  margin-top: 25px;
  width: 190px;
  height: 190px;
}
.product_info{
  margin-top: 8px;
  font-size: 17px;
}
.card .content1_div{
  padding: 40px;
}

.zoom_class{
  margin-left: 6px;
  letter-spacing: 1px;
  font-size: 14.5px;
}
.description_box{
  margin-left: 5px;
  font-size: 18.5px;
}
.info_box{
  margin-top: 5px;
  margin-left: 5px;
  font-size: 13.5px;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}


}



/******************************** 551 px ***************************************/

@media screen and (max-width:551px) {
  .topnav{
    min-height: 70px;
  }
  #AClogo{
  display: block ;
  border-radius: 3px;
  position: absolute;
  border-radius: 5px
  width: 181.44px; 
  height: 35px;
  left: 8%;
  top: 19px;
  overflow: visible;

}
  .form-control{
   outline: none !important;
   outline-style: none !important;
   
  }
  #TopLogo {
   display: none;
  }
  .home_head {
    display: none;
  }
  .ABOUT_US_HEAD{
    display: none;
  }
  .gallery_head{
    display: none;
  }
  .products_head{
    display: none;
  }
  .print_your_work_head{
    display: none;
  }
  .contact_us_head {
  display: none;  
  }
  .track_head {
  display: none;  
  }
  .search_head{
    
  width: 150px !important;
  border-radius: 5px 0px 0px 5px ;
  left:240px;
  top:21px;
  height: 31px !important;
   

  }
  form.form_head button{
    
  width: 35px;
  left:389px;
  top:21.5px; 
  height: 30px !important;

  }

  #cart_head{
  left:440px;
  width: 30px;
  height: 30px;
  top: 20px !important;
   
  }
  #login_head , .loginbtn{
  left:500px;
  width: 18.53px;
  height: 21px;
  top: 25px !important;
  }
  #bar_head{
 display: block;
 color: #4E00FF;
 position: absolute;
 padding-left: 2.5%;
 font-size:25px;
 cursor:pointer;
 top:17px;
}

  .sidenav {
  display: block;
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 5%;
  filter:drop-shadow(0px 0px 6px #6A6A6A) !important ;
}

.sidenav a {
  display: block;
  text-decoration: none;
  font-size: 20px;
  color: #000000;
  display: block;
  transition: 0.3s;
  filter:drop-shadow(1px 0px 0px rgba(0,0,0,0.19) ) !important ;
}
.home_side{
  font-size: 19px !important;
  margin-top: 15px;
  margin-left: 10%;
  margin-right: 65%;
}
.ABOUT_US_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 47%;

}
.gallery_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 60%;
}
.products_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 53%;
}
.print_your_work_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 20%;
}
.contact_us_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 40%;
}
.track_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 65%;
}

.sidenav a:hover {
  color: #ff0000;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
.footer_row5{
  margin-top: 2%;
  line-height: 2.2;
  font-size: 12.5px;
}
.login_dropdown_content{
  margin-top: 13.7%;
  left:340px;
  min-width: 180px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a{
  font-size: 16.5px;
  padding:6px 10px;  
}






/********************************  Gallery CSS  ********************************/
.gallery_column{
  top: -50px !important;
  min-width: 510px !important;
  max-height: 150px;
  margin-left: 0px ;
}
.gallery_right_column{
  margin-left: -20px !important;  
  margin-top: -50px;
  min-width: 500px !important;
  overflow: visible !important;
}
.all_span , .monthly_span , .daily_span , .note_span , .diary_span , .box_span , .table_span , .tag_span , .add_span{
  display: none !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 18px;
  position: relative;
  top: -101px;
  margin-left: -14px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.monthly_button{
  font-size: 18px;
  position: relative;
  top: -157px;
  margin-left: 97px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.daily_button{
  font-size: 18px;
  position: relative;
  top: -212.8px;
  margin-left: 248.5px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.note_button{
  font-size: 18px;
  position: relative;
  top: -268.8px;
  margin-left: 377.5px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.diary_button{
  font-size: 18px;
  position: relative;
  top: -224px;
  margin-left: -14px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.box_button{
  font-size: 18px;
  position: relative;
  top: -330px;
  margin-left: -14px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.table_button{
  font-size: 18px;
  position: relative;
  top: -385.7px;
  margin-left: 116px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.tag_button{
  font-size: 18px;
  position: relative;
  top: -441.7px;
  margin-left: 245px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.add_button{
  font-size: 18px;
  position: relative;
  top: -497.5px;
  margin-left: 331px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  white-space: nowrap;
}
.vertical_line{
  position: relative;
  top:-413px;
  margin-left: -20px;
  border-top: 3px solid #707070;
  height: 0;
  width: 108%;
}
.card{
  width: 210px;
  height: 266px;
  position: relative;
  margin-top: 13%;
  margin-left: 40px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
}
.card span {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  opacity: 0.97;
  transition: width 0.5s, height 0.5s;
}
.card:hover span{
  width: 1000px;
  height: 1000px;
}
/*************************** Modal Img *******************************/

/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(185,185,185); /* Fallback color */
  background-color: rgba(185,185,185,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 10% !important;
  width: 60%;
  max-width: 410px;
}
/* Caption of Modal Image */
#caption {
  width: 80%;
  max-width: 700px;
  font-size: 28px;
  padding: 10px 0;
  height: 150px;
}

/* The Close Button */
.close {
  margin-top: 10%;
  position: absolute;
  margin-left: 92%;
  font-size: 32px !important;
}

/********************************************************************/
.product_img{
  top: 0px;
  width: 170px;
  height: 219.87px;
}
.table1_img{
  margin-top: 30px;
  width: 170px;
  height: 191.53px;
}
.dailyarc_img{
  margin-top: 0px !important;
  width: 150px;
  height: 218.45px;
}
.cake5_img_class{
  margin-top: 50px;
  width: 180px;
  height: 158.69px;
}
.pa1_img{
  margin-top: 8px;
  width: 150px;
  height: 211.64px;
}
.tag2_img{
  margin-top: 10px;
  width: 140px;
  height: 206.93px;  
}
.tag3_img{
  margin-top: 15px;
  width: 150px;
  height: 204.82px;  
}
.tag4_img{
  margin-top: 10px;
  width: 115px;
  height: 197.41px;
}
.mithra1_img{
  margin-top: 25px;
  width: 190px;
  height: 190px;
}
.product_info{
  margin-top: 8px;
  font-size: 17px;
}
.card .content1_div{
  padding: 40px;
}

.zoom_class{
  margin-left: 1px;
  letter-spacing: 1px;
  font-size: 14.5px;
}
.description_box{
  margin-left: 0px;
  font-size: 18.5px;
}
.info_box{
  margin-top: 5px;
  margin-left: 0px;
  font-size: 13.5px;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}







} 
     
/******************************** 531 px ***************************************/

@media screen and (max-width:531px) {
  .topnav{
    min-height: 70px;
  }
  #AClogo{
  display: block ;
  border-radius: 3px;
  position: absolute;
  border-radius: 5px
  width: 218.6px; 
  height: 42px;
  left: 27.5%;
  top: 15px;
  overflow: visible;

}
  .form-control{
   outline: none !important;
   outline-style: none !important;
   
  }
  #TopLogo {
   display: none;
  }
  .home_head {
    display: none;
  }
  .ABOUT_US_HEAD{
    display: none;
  }
  .gallery_head{
    display: none;
  }
  .products_head{
    display: none;
  }
  .print_your_work_head{
    display: none;
  }
  .contact_us_head {
  display: none;  
  }
  .track_head {
  display: none;  
  }
  .search_head{
  display: none !important; 
  width: 150px !important;
  border-radius: 5px 0px 0px 5px ;
  left:240px;
  top:21px;
  height: 31px !important;
   

  }
  form.form_head button{
  display: none !important;  
  width: 35px;
  left:389px;
  top:21.5px; 
  height: 30px !important;

  }

  #cart_head{
  left:81%;
  width: 33px;
  height: 33px;
  top: 20px !important;
   
  }
  #login_head , .loginbtn{
  left:92%;
  width: 21.17px;
  height: 24px;
  top: 25px !important;
  }
  #bar_head{
 display: block;
 color: #4E00FF;
 position: absolute;
 padding-left: 3%;
 font-size:30px;
 cursor:pointer;
 top:11px;
}

  .sidenav {
  display: block;
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 5%;
  filter:drop-shadow(0px 0px 6px #6A6A6A) !important ;
}
/*.sidenav.responsive{
  width:35% !important;
}*/
.sidenav a {
  display: block;
  text-decoration: none;
  font-size: 20px;
  color: #000000;
  display: block;
  transition: 0.3s;
  filter:drop-shadow(1px 0px 0px rgba(0,0,0,0.19) ) !important ;
}
.home_side{
  font-size: 19px !important;
  margin-top: 15px;
  margin-left: 10%;
  margin-right: 62%;
}
.ABOUT_US_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 42%;

}
.gallery_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 58%;
}
.products_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 51%;
}
.print_your_work_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 19%;
}
.contact_us_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 38%;
}
.track_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 63%;
}

.sidenav a:hover {
  color: #ff0000;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
.search_responsive{
  display: block !important;
  width:86.5% !important;
  top: 82px;
  border-radius: 3px 0px 0px 3px !important;
  filter:drop-shadow(0px 0px 3px rgba(100,100,100,0.38) ) !important ;
  height: 42px !important;
  overflow: visible;
  color: color: #D9D9D9 !important;
  position: absolute;
  left: 3%;
  float: left;
  outline: none !important;
  background:#FCFCFC;
  }
  form.form_responsive button{
  display: block !important;
  float: left;
  top: 82.3px;
  width: 45px;
  height: 41.8px !important;
  overflow: visible;
  border-radius: 0px 5px 5px 0px !important;  
  border:none !important;
  border-style: none !important;
  outline: none !important;
  background: #FF0000;
  color: white;
  font-size: 17px;
  position: absolute;
  left: 89%;
  border-left: none;
  cursor: pointer;
}
.slideshow-container {
  margin-top: 25% !important;
  position: relative;
  margin: auto;
}

/********************************  Logo Row 0  **********************************/

.logo_footer_851{
  margin-left: 35%;
  margin-top: 3% !important;
  height: 95px;
  width: 138.58px;
}

/*********************************  Row 1  *********************************/
.accordion{
  font-size: 16px;
}
.footer_row1{
  margin-top: 1.5%;
  line-height: 2.2;
  position: absolute;
  font-size: 14px;
  font-family: Arial;
  color: #0000FF;
  justify-content: flex-start;
}

/*********************************  Row 2  *********************************/

.footer_row2{
  margin-top: 0.5%; 
}
.subscribe_letter_851{
  font-size: 16px;
  font-family: Arial;
}
.subscribe_input_851{
  width: 35%;
  height: 36px;
}
.subscribe_button_851{
  width: 8%;
  position: relative;
  top:0.5px;
  height: 36px;
  font-size: 18px;
}

/*********************************  Row 3  *********************************/

.follow_footer_851{
  margin-top: 1.5%;
  font-size: 16px;
  letter-spacing: 0px;
  margin-left: 1.5%;
  font-weight: bold;
  word-spacing: 3px;

}
.facebook_img_png_851{
  width: 23px;
  margin-left: 1.5%;
}
.twitter_img_png_851{
  width: 23px;
  margin-left: 3%;
}
.instagram_img_png_851{
  width: 23px;
  margin-left: 3%;
}
.linkedin_img_png_851{
  width: 23px;
  margin-left: 3%;
}
.youtube_img_png_851{
  width: 28px;
  margin-left: 3%;
}

/*********************************  Row 4  *********************************/
div.col.footer_row4{
  min-height: 200px;
}
.footer_row4{
  margin-top: 1.5%;
}
.map_img_png_851{
  width: 18px;
}
.phone1_img_png_851{
  width: 18px;
  position: relative;
  top:47px;
}
.phone2_img_png_851{
  width: 18px;
  position: relative;
  top:52px;
}
.mail1_img_png_851{
  width: 18px;
  position: relative;
  top:55px;
}
.mail2_img_png_851{
  width: 18px;
  position: relative;
  top:59px;
}
.address_foot_851{
  display: inline-block;
  margin-left:8%;
  position: absolute;
  top:5px;
  font-size: 14px;
}
.m1_foot_851{
  display: inline-block;
  margin-left:8%;
  top:75px;
  position: absolute;
  font-size: 14px;
}
.m2_foot_851{
  display: inline-block;
  margin-left:8%;
  top:104px;
  position: absolute;
  font-size: 14px;
}
.mail1_foot_851{
  display: inline-block;
  margin-left:8%;
  top:131px;
  position: absolute;
  font-size: 14px;
}
.mail2_foot_851{
  display: inline-block;
  margin-left:8%;
  top:160px;
  position: absolute;
  font-size: 14px;
}


/*********************************  Row 5  *********************************/

.footer_row5{
  margin-top: 2%;
  line-height: 2.2;
  font-size: 12px;
}

/*********************************  Row 6  *********************************/
.footer_row6{
  margin-top: 3%;
}
.copyright_851{
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 8px;
}
.login_dropdown_content{
  margin-top: 14.2%;
  left:320px;
  min-width: 180px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a{
  font-size: 16.5px;
  padding:6px 10px;  
}






/********************************  Gallery CSS  ********************************/
.gallery_column{
  top: -50px !important;
  min-width: 500px !important;
  max-height: 220px;
  margin-left: 0px ;
}
.gallery_right_column{
  margin-left: -12px !important;  
  margin-top: -50px;
  min-width: 500px !important;
  overflow: visible !important;
}
.all_span , .monthly_span , .daily_span , .note_span , .diary_span , .box_span , .table_span , .tag_span , .add_span{
  display: none !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 18px;
  position: relative;
  top: -51px;
  margin-left: -14px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.monthly_button{
  font-size: 18px;
  position: relative;
  top: -107px;
  margin-left: 97px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.daily_button{
  font-size: 18px;
  position: relative;
  top: -162.8px;
  margin-left: 248.5px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.note_button{
  font-size: 18px;
  position: relative;
  top: -218.8px;
  margin-left: 377.5px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.diary_button{
  font-size: 18px;
  position: relative;
  top: -174px;
  margin-left: -14px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.box_button{
  font-size: 18px;
  position: relative;
  top: -280px;
  margin-left: -14px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.table_button{
  font-size: 18px;
  position: relative;
  top: -335.7px;
  margin-left: 116px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.tag_button{
  font-size: 18px;
  position: relative;
  top: -391.7px;
  margin-left: 245px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.add_button{
  font-size: 18px;
  position: relative;
  top: -447.5px;
  margin-left: 331px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  white-space: nowrap;
}
.vertical_line{
  position: relative;
  top:-343px;
  margin-left: -20px;
  border-top: 3px solid #707070;
  height: 0;
  width: 108%;
}
.card{
  width: 200px;
  height: 253.33px;
  position: relative;
  margin-top: 13%;
  margin-left: 35px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
}
.card span {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  opacity: 0.97;
  transition: width 0.5s, height 0.5s;
}
.card:hover span{
  width: 1000px;
  height: 1000px;
}
/*************************** Modal Img *******************************/



/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(185,185,185); /* Fallback color */
  background-color: rgba(185,185,185,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 10% !important;
  width: 60%;
  max-width: 410px;
}
/* Caption of Modal Image */
#caption {
  width: 80%;
  max-width: 700px;
  font-size: 28px;
  padding: 10px 0;
  height: 150px;
}

/* The Close Button */
.close {
  margin-top: 10%;
  position: absolute;
  margin-left: 92%;
  font-size: 32px !important;
}

/********************************************************************/
.product_img{
  top: 0px;
  width: 160px;
  height: 206.93px;
}
.table1_img{
  margin-top: 20px;
  width: 160px;
  height: 180.27px;
}
.dailyarc_img{
  margin-top: 0px !important;
  width: 140px;
  height: 203.89px;
}
.cake5_img_class{
  margin-top: 55px;
  width: 170px;
  height: 149.87px;
}
.pa1_img{
  margin-top: 8px;
  width: 140px;
  height: 197.53px;
}
.tag2_img{
  margin-top: 10px;
  width: 130px;
  height: 192.15px;  
}
.tag3_img{
  margin-top: 15px;
  width: 140px;
  height: 191.16px;  
}
.tag4_img{
  margin-top: 20px;
  width: 105px;
  height: 180.24px;
}
.mithra1_img{
  margin-top: 25px;
  width: 180px;
  height: 180px;
}
.product_info{
  margin-top: 8px;
  font-size: 17px;
}
.card .content1_div{
  padding: 40px;
}

.zoom_class{
  margin-left: 1px;
  letter-spacing: 1px;
  font-size: 14.5px;
}
.description_box{
  margin-left: 0px;
  font-size: 18.5px;
}
.info_box{
  margin-top: 5px;
  margin-left: 0px;
  font-size: 13.5px;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}





} 


/******************************** 511 px ***************************************/

@media screen and (max-width:511px) {
  .topnav{
    min-height: 69px;
  }
  #AClogo{
  display: block ;
  border-radius: 3px;
  position: absolute;
  border-radius: 5px
  width: 213.44px; 
  height: 41px;
  left: 26.5%;
  top: 15px;
  overflow: visible;

}
  .form-control{
   outline: none !important;
   outline-style: none !important;
   
  }

  #TopLogo {
   display: none;
  }
  .home_head {
    display: none;
  }
  .ABOUT_US_HEAD{
    display: none;
  }
  .gallery_head{
    display: none;
  }
  .products_head{
    display: none;
  }
  .print_your_work_head{
    display: none;
  }
  .contact_us_head {
  display: none;  
  }
  .track_head {
  display: none;  
  }
  .search_head{
  display: none !important; 
  width: 150px !important;
  border-radius: 5px 0px 0px 5px ;
  left:240px;
  top:21px;
  height: 31px !important;
   

  }
  form.form_head button{
  display: none !important;  
  width: 35px;
  left:389px;
  top:21.5px; 
  height: 30px !important;

  }

  #cart_head{
  left:81%;
  width: 31px;
  height: 31px;
  top: 20px !important;
   
  }
  #login_head , .loginbtn{
  left:92%;
  width: 19.41px;
  height: 22px;
  top: 25px !important;
  }
  #bar_head{
 display: block;
 color: #4E00FF;
 position: absolute;
 padding-left: 3%;
 font-size:30px;
 cursor:pointer;
 top:11px;
}

  .sidenav {
  display: block;
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 5%;
  filter:drop-shadow(0px 0px 6px #6A6A6A) !important ;
}
/*.sidenav.responsive{
  width:35% !important;
}*/
.sidenav a {
  display: block;
  text-decoration: none;
  font-size: 20px;
  color: #000000;
  display: block;
  transition: 0.3s;
  filter:drop-shadow(1px 0px 0px rgba(0,0,0,0.19) ) !important ;
}
.home_side{
  font-size: 19px !important;
  margin-top: 15px;
  margin-left: 10%;
  margin-right: 62%;
}
.ABOUT_US_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 42%;

}
.gallery_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 58%;
}
.products_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 51%;
}
.print_your_work_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 19%;
}
.contact_us_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 38%;
}
.track_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 63%;
}

.sidenav a:hover {
  color: #ff0000;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
..search_responsive{
  display: block !important;
  width:85% !important;
  top: 82px;
  border-radius: 3px 0px 0px 3px !important;
  filter:drop-shadow(0px 0px 3px rgba(100,100,100,0.38) ) !important ;
  height: 42px !important;
  overflow: visible;
  color: color: #D9D9D9 !important;
  position: absolute;
  left: 3%;
  float: left;
  outline: none !important;
  background:#FCFCFC;
  }
  form.form_responsive button{
  display: block !important;
  float: left;
  top: 82.3px;
  width: 45px;
  height: 41.8px !important;
  overflow: visible;
  border-radius: 0px 5px 5px 0px !important;  
  border:none !important;
  border-style: none !important;
  outline: none !important;
  background: #FF0000;
  color: white;
  font-size: 17px;
  position: absolute;
  left: 87%;
  border-left: none;
  cursor: pointer;
}
.slideshow-container {
  margin-top: 27% !important;
  position: relative;
  margin: auto;
}

/********************************  Logo Row 0  **********************************/

.logo_footer_851{
  margin-left: 34%;
  margin-top: 3% !important;
  height: 90px;
  width: 131.28px;
}

/*********************************  Row 1  *********************************/
.accordion{
  font-size: 15px;
}
.footer_row1{
  margin-top: 1.5%;
  line-height: 2.2;
  position: absolute;
  font-size: 13px;
  font-family: Arial;
  color: #0000FF;
  justify-content: flex-start;
}

/*********************************  Row 2  *********************************/

.footer_row2{
  margin-top: 0.5%; 
}
.subscribe_letter_851{
  font-size: 14px;
  font-family: Arial;
}
.subscribe_input_851{
  width: 37%;
  height: 36px;
}
.subscribe_button_851{
  width: 8%;
  position: relative;
  top:0px;
  height: 36px;
  font-size: 18px;
}

/*********************************  Row 3  *********************************/

.follow_footer_851{
  margin-top: 1.5%;
  font-size: 15px;
  letter-spacing: 0px;
  margin-left: 1.5%;
  font-weight: bold;
  word-spacing: 3px;

}
.facebook_img_png_851{
  width: 21px;
  margin-left: 1.5%;
}
.twitter_img_png_851{
  width: 21px;
  margin-left: 3%;
}
.instagram_img_png_851{
  width: 21px;
  margin-left: 3%;
}
.linkedin_img_png_851{
  width: 21px;
  margin-left: 3%;
}
.youtube_img_png_851{
  width: 26px;
  margin-left: 3%;
}

/*********************************  Row 4  *********************************/
div.col.footer_row4{
  min-height: 180px;
}
.footer_row4{
  margin-top: 1.5%;
}
.map_img_png_851{
  width: 16px;
}
.phone1_img_png_851{
  width: 16px;
  position: relative;
  top:47px;
}
.phone2_img_png_851{
  width: 16px;
  position: relative;
  top:52px;
}
.mail1_img_png_851{
  width: 16px;
  position: relative;
  top:55px;
}
.mail2_img_png_851{
  width: 16px;
  position: relative;
  top:59px;
}
.address_foot_851{
  display: inline-block;
  margin-left:7%;
  position: absolute;
  top:5px;
  font-size: 12px;
}
.m1_foot_851{
  display: inline-block;
  margin-left:7%;
  top:76px;
  position: absolute;
  font-size: 12px;
}
.m2_foot_851{
  display: inline-block;
  margin-left:7%;
  top:106px;
  position: absolute;
  font-size: 12px;
}
.mail1_foot_851{
  display: inline-block;
  margin-left:7%;
  top:132px;
  position: absolute;
  font-size: 12px;
}
.mail2_foot_851{
  display: inline-block;
  margin-left:7%;
  top:161px;
  position: absolute;
  font-size: 12px;
}


/*********************************  Row 5  *********************************/

.footer_row5{
  margin-top: 2%;
  line-height: 2.2;
  font-size: 11.5px;
}

/*********************************  Row 6  *********************************/
.footer_row6{
  margin-top: 3%;
}
.copyright_851{
  font-size: 10.5px;
  font-weight: bold;
  margin-bottom: 8px;
}
.login_dropdown_content{
  margin-top: 14.8%;
  left:285px;
  min-width: 180px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a{
  font-size: 16.5px;
  padding:6px 10px;  
}






/********************************  Gallery CSS  ********************************/
.gallery_column{
  top: -50px !important;
  min-width: 470px !important;
  max-height: 220px;
  margin-left: 0px ;
}
.gallery_right_column{
  margin-left: -12px !important;  
  margin-top: -50px;
  min-width: 470px !important;
  overflow: visible !important;
}
.all_span , .monthly_span , .daily_span , .note_span , .diary_span , .box_span , .table_span , .tag_span , .add_span{
  display: none !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 17px;
  position: relative;
  top: -51px;
  margin-left: -20px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.monthly_button{
  font-size: 17px;
  position: relative;
  top: -103px;
  margin-left: 87px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.daily_button{
  font-size: 17px;
  position: relative;
  top: -154.8px;
  margin-left: 232.5px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.note_button{
  font-size: 17px;
  position: relative;
  top: -206.8px;
  margin-left: 357.5px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.diary_button{
  font-size: 17px;
  position: relative;
  top: -166px;
  margin-left: -20px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.box_button{
  font-size: 17px;
  position: relative;
  top: -265px;
  margin-left: -20px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.table_button{
  font-size: 17px;
  position: relative;
  top: -316.5px;
  margin-left: 105px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.tag_button{
  font-size: 17px;
  position: relative;
  top: -368.5px;
  margin-left: 230px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.add_button{
  font-size: 17px;
  position: relative;
  top: -420.5px;
  margin-left: 314px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  white-space: nowrap;
}
.vertical_line{
  position: relative;
  top:-323px;
  margin-left: -20px;
  border-top: 3px solid #707070;
  height: 0;
  width: 108%;
}
.card{
  width: 200px;
  height: 253.33px;
  position: relative;
  margin-top: 13%;
  margin-left: 25px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
}
.card span {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  opacity: 0.97;
  transition: width 0.5s, height 0.5s;
}
.card:hover span{
  width: 1000px;
  height: 1000px;
}
/*************************** Modal Img *******************************/


/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(185,185,185); /* Fallback color */
  background-color: rgba(185,185,185,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 10% !important;
  width: 60%;
  max-width: 410px;
}
/* Caption of Modal Image */
#caption {
  width: 80%;
  max-width: 700px;
  font-size: 28px;
  padding: 10px 0;
  height: 150px;
}

/* The Close Button */
.close {
  margin-top: 10%;
  position: absolute;
  margin-left: 94%;
  font-size: 32px !important;
}

/********************************************************************/
.product_img{
  top: 0px;
  width: 160px;
  height: 206.93px;
}
.table1_img{
  margin-top: 20px;
  width: 160px;
  height: 180.27px;
}
.dailyarc_img{
  margin-top: 0px !important;
  width: 140px;
  height: 203.89px;
}
.cake5_img_class{
  margin-top: 55px;
  width: 170px;
  height: 149.87px;
}
.pa1_img{
  margin-top: 8px;
  width: 140px;
  height: 197.53px;
}
.tag2_img{
  margin-top: 10px;
  width: 130px;
  height: 192.15px;  
}
.tag3_img{
  margin-top: 15px;
  width: 140px;
  height: 191.16px;  
}
.tag4_img{
  margin-top: 20px;
  width: 105px;
  height: 180.24px;
}
.mithra1_img{
  margin-top: 25px;
  width: 180px;
  height: 180px;
}
.product_info{
  margin-top: 8px;
  font-size: 17px;
}
.card .content1_div{
  padding: 40px;
}

.zoom_class{
  margin-left: 1px;
  letter-spacing: 1px;
  font-size: 14.5px;
}
.description_box{
  margin-left: 0px;
  font-size: 18.5px;
}
.info_box{
  margin-top: 5px;
  margin-left: 0px;
  font-size: 13.5px;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}





} 

/******************************** 481 px ***************************************/

@media screen and (max-width:481px) {
  .topnav{
    min-height: 68px;
  }
  #AClogo{
  display: block ;
  border-radius: 3px;
  position: absolute;
  border-radius: 5px
  width: 213.44px; 
  height: 41px;
  left: 24.5%;
  top: 15px;
  overflow: visible;

}
  .form-control{
   outline: none !important;
   outline-style: none !important;
   
  }

  #TopLogo {
   display: none;
  }
  .home_head {
    display: none;
  }
  .ABOUT_US_HEAD{
    display: none;
  }
  .gallery_head{
    display: none;
  }
  .products_head{
    display: none;
  }
  .print_your_work_head{
    display: none;
  }
  .contact_us_head {
  display: none;  
  }
  .track_head {
  display: none;  
  }
  .search_head{
  display: none !important; 
  width: 150px !important;
  border-radius: 5px 0px 0px 5px ;
  left:240px;
  top:21px;
  height: 31px !important;
   

  }
  form.form_head button{
  display: none !important;  
  width: 35px;
  left:389px;
  top:21.5px; 
  height: 30px !important;

  }

  #cart_head{
  left:81%;
  width: 30px;
  height: 30px;
  top: 21px !important;
   
  }
  #login_head , .loginbtn{
  left:92%;
  width: 18.53px;
  height: 21px;
  top: 27px !important;
  }
  #bar_head{
 display: block;
 color: #4E00FF;
 position: absolute;
 padding-left: 3%;
 font-size:30px;
 cursor:pointer;
 top:11px;
}

  .sidenav {
  display: block;
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 5%;
  filter:drop-shadow(0px 0px 6px #6A6A6A) !important ;
}
/*.sidenav.responsive{
  width:35% !important;
}*/
.sidenav a {
  display: block;
  text-decoration: none;
  font-size: 20px;
  color: #000000;
  display: block;
  transition: 0.3s;
  filter:drop-shadow(1px 0px 0px rgba(0,0,0,0.19) ) !important ;
}
.home_side{
  font-size: 19px !important;
  margin-top: 15px;
  margin-left: 10%;
  margin-right: 62%;
}
.ABOUT_US_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 42%;

}
.gallery_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 58%;
}
.products_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 51%;
}
.print_your_work_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 19%;
}
.contact_us_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 38%;
}
.track_side{
  font-size: 19px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 63%;
}

.sidenav a:hover {
  color: #ff0000;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
..search_responsive{
  display: block !important;
  width:83% !important;
  top: 82px;
  border-radius: 3px 0px 0px 3px !important;
  filter:drop-shadow(0px 0px 3px rgba(100,100,100,0.38) ) !important ;
  height: 42px !important;
  overflow: visible;
  color: color: #D9D9D9 !important;
  position: absolute;
  left: 3%;
  float: left;
  outline: none !important;
  background:#FCFCFC;
  }
  form.form_responsive button{
  display: block !important;
  float: left;
  top: 82.3px;
  width: 45px;
  height: 41.8px !important;
  overflow: visible;
  border-radius: 0px 5px 5px 0px !important;  
  border:none !important;
  border-style: none !important;
  outline: none !important;
  background: #FF0000;
  color: white;
  font-size: 17px;
  position: absolute;
  left: 85%;
  border-left: none;
  cursor: pointer;
}
.slideshow-container {
  margin-top: 29.5% !important;
  position: relative;
  margin: auto;
}

/********************************  Logo Row 0  **********************************/

.logo_footer_851{
  margin-left: 34%;
  margin-top: 3% !important;
  height: 90px;
  width: 131.28px;
}

/*********************************  Row 1  *********************************/
.accordion{
  font-size: 15px;
}
.footer_row1{
  margin-top: 1.5%;
  line-height: 2.2;
  position: absolute;
  font-size: 13px;
  font-family: Arial;
  color: #0000FF;
  justify-content: flex-start;
}

/*********************************  Row 2  *********************************/

.footer_row2{
  margin-top: 0.5%; 
}
.subscribe_letter_851{
  font-size: 14px;
  font-family: Arial;
}
.subscribe_input_851{
  width: 37%;
  height: 36px;
}
.subscribe_button_851{
  width: 8%;
  position: relative;
  top:0px;
  height: 36px;
  font-size: 18px;
}

/*********************************  Row 3  *********************************/

.follow_footer_851{
  margin-top: 1.5%;
  font-size: 15px;
  letter-spacing: 0px;
  margin-left: 1.5%;
  font-weight: bold;
  word-spacing: 3px;

}
.facebook_img_png_851{
  width: 21px;
  margin-left: 1.5%;
}
.twitter_img_png_851{
  width: 21px;
  margin-left: 3%;
}
.instagram_img_png_851{
  width: 21px;
  margin-left: 3%;
}
.linkedin_img_png_851{
  width: 21px;
  margin-left: 3%;
}
.youtube_img_png_851{
  width: 26px;
  margin-left: 3%;
}

/*********************************  Row 4  *********************************/
div.col.footer_row4{
  min-height: 180px;
}
.footer_row4{
  margin-top: 1.5%;
}
.map_img_png_851{
  width: 16px;
}
.phone1_img_png_851{
  width: 16px;
  position: relative;
  top:47px;
}
.phone2_img_png_851{
  width: 16px;
  position: relative;
  top:52px;
}
.mail1_img_png_851{
  width: 16px;
  position: relative;
  top:55px;
}
.mail2_img_png_851{
  width: 16px;
  position: relative;
  top:59px;
}
.address_foot_851{
  display: inline-block;
  margin-left:7%;
  position: absolute;
  top:5px;
  font-size: 12px;
}
.m1_foot_851{
  display: inline-block;
  margin-left:7%;
  top:76px;
  position: absolute;
  font-size: 12px;
}
.m2_foot_851{
  display: inline-block;
  margin-left:7%;
  top:106px;
  position: absolute;
  font-size: 12px;
}
.mail1_foot_851{
  display: inline-block;
  margin-left:7%;
  top:132px;
  position: absolute;
  font-size: 12px;
}
.mail2_foot_851{
  display: inline-block;
  margin-left:7%;
  top:161px;
  position: absolute;
  font-size: 12px;
}


/*********************************  Row 5  *********************************/

.footer_row5{
  margin-top: 2%;
  font-size: 10.5px;
}

/*********************************  Row 6  *********************************/
.footer_row6{
  margin-top: 3%;
}
.copyright_851{
  font-size: 10px;
  font-weight: bold;
  margin-bottom: 8px;
  word-spacing: 2px;
}
.login_dropdown_content{
  margin-top: 15.9%;
  left:245px;
  min-width: 180px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a{
  font-size: 16.5px;
  padding:6px 10px;  
}






/********************************  Gallery CSS  ********************************/
.gallery_column{
  top: -50px !important;
  min-width: 430px !important;
  max-height: 220px;
  margin-left: 0px ;
}
.gallery_right_column{
  margin-left: -7px !important;  
  margin-top: -50px;
  min-width: 440px !important;
  overflow: visible !important;
}
.all_span , .monthly_span , .daily_span , .note_span , .diary_span , .box_span , .table_span , .tag_span , .add_span{
  display: none !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 17px;
  position: relative;
  top: -51px;
  margin-left: -10px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.monthly_button{
  font-size: 17px;
  position: relative;
  top: -100.8px;
  margin-left: 97px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.daily_button{
  font-size: 17px;
  position: relative;
  top: -150.8px;
  margin-left: 242.5px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.note_button{
  font-size: 17px;
  position: relative;
  top: -110.3px;
  margin-left: 50px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.diary_button{
  font-size: 17px;
  position: relative;
  top: -160px;
  margin-left: -10px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.box_button{
  font-size: 17px;
  position: relative;
  top: -255px;
  margin-left: -10px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.table_button{
  font-size: 17px;
  position: relative;
  top: -304.5px;
  margin-left: 115px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.tag_button{
  font-size: 17px;
  position: relative;
  top: -354.5px;
  margin-left: 240px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.add_button{
  font-size: 17px;
  position: relative;
  top: -359.8px;
  margin-left: 139px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  white-space: nowrap;
}
.vertical_line{
  position: relative;
  top:-303px;
  margin-left: -20px;
  border-top: 3px solid #707070;
  height: 0;
  width: 110%;
}
.card{
  width: 190px;
  height: 240.67px;
  position: relative;
  margin-top: 13%;
  margin-left: 15px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
}
.card span {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  opacity: 0.97;
  transition: width 0.5s, height 0.5s;
}
.card:hover span{
  width: 1000px;
  height: 1000px;
}
/*************************** Modal Img *******************************/


/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(185,185,185); /* Fallback color */
  background-color: rgba(185,185,185,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 10% !important;
  width: 52%;
  max-width: 360px;
}
/* Caption of Modal Image */
#caption {
  width: 80%;
  max-width: 700px;
  font-size: 28px;
  padding: 10px 0;
  height: 150px;
}

/* The Close Button */
.close {
  margin-top: 10%;
  position: absolute;
  margin-left: 93%;
  font-size: 32px !important;
}

/********************************************************************/
.product_img{
  top: 0px;
  width: 150px;
  height: 194px;
}
.table1_img{
  margin-top: 20px;
  width: 150px;
  height: 169px;
}
.dailyarc_img{
  margin-top: 0px !important;
  width: 130px;
  height: 189.33px;
}
.cake5_img_class{
  margin-top: 55px;
  width: 160px;
  height: 141.06px;
}
.pa1_img{
  margin-top: 8px;
  width: 130px;
  height: 183.42px;
}
.tag2_img{
  margin-top: 10px;
  width: 120px;
  height: 177.37px;  
}
.tag3_img{
  margin-top: 15px;
  width: 130px;
  height: 177.51px;  
}
.tag4_img{
  margin-top: 20px;
  width: 95px;
  height: 163.07px;
}
.mithra1_img{
  margin-top: 25px;
  width: 170px;
  height: 170px;
}
.product_info{
  margin-top: 8px;
  font-size: 17px;
}
.card .content1_div{
  padding: 40px;
}

.zoom_class{
  margin-left: 1px;
  letter-spacing: 1px;
  font-size: 14.5px;
}
.description_box{
  margin-left: 0px;
  font-size: 18.5px;
}
.info_box{
  margin-top: 5px;
  margin-left: 0px;
  font-size: 13.5px;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}



}



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

/********************************  Gallery CSS  ********************************/
.gallery_column{
  top: -50px !important;
  min-width: 430px !important;
  max-height: 220px;
  margin-left: 0px ;
}
.gallery_right_column{
  margin-left: -7px !important;  
  margin-top: -50px;
  min-width: 440px !important;
  overflow: visible !important;
}
.all_span , .monthly_span , .daily_span , .note_span , .diary_span , .box_span , .table_span , .tag_span , .add_span{
  display: none !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 17px;
  position: relative;
  top: -51px;
  margin-left: -10px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.monthly_button{
  font-size: 17px;
  position: relative;
  top: -102.8px;
  margin-left: 97px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.daily_button{
  font-size: 17px;
  position: relative;
  top: -154.3px;
  margin-left: 242.5px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.note_button{
  font-size: 17px;
  position: relative;
  top: -96.3px;
  margin-left: 50px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.diary_button{
  font-size: 17px;
  position: relative;
  top: -148px;
  margin-left: -10px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.box_button{
  font-size: 17px;
  position: relative;
  top: -250px;
  margin-left: -10px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.table_button{
  font-size: 17px;
  position: relative;
  top: -301.5px;
  margin-left: 115px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.tag_button{
  font-size: 17px;
  position: relative;
  top: -353px;
  margin-left: 239.5px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.add_button{
  font-size: 17px;
  position: relative;
  top: -355px;
  margin-left: 139px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  white-space: nowrap;
}
.vertical_line{
  position: relative;
  top:-303px;
  margin-left: -20px;
  border-top: 3px solid #707070;
  height: 0;
  width: 110%;
}
.card{
  width: 190px;
  height: 240.67px;
  position: relative;
  margin-top: 13%;
  margin-left: 15px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
}
.card span {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  opacity: 0.97;
  transition: width 0.5s, height 0.5s;
}
.card:hover span{
  width: 1000px;
  height: 1000px;
}
/*************************** Modal Img *******************************/


/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(185,185,185); /* Fallback color */
  background-color: rgba(185,185,185,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 10% !important;
  width: 52%;
  max-width: 360px;
}
/* Caption of Modal Image */
#caption {
  width: 80%;
  max-width: 700px;
  font-size: 28px;
  padding: 10px 0;
  height: 150px;
}

/* The Close Button */
.close {
  margin-top: 10%;
  position: absolute;
  margin-left: 93%;
  font-size: 32px !important;
}

/********************************************************************/
.product_img{
  top: 0px;
  width: 150px;
  height: 194px;
}
.table1_img{
  margin-top: 20px;
  width: 150px;
  height: 169px;
}
.dailyarc_img{
  margin-top: 0px !important;
  width: 130px;
  height: 189.33px;
}
.cake5_img_class{
  margin-top: 55px;
  width: 160px;
  height: 141.06px;
}
.pa1_img{
  margin-top: 8px;
  width: 130px;
  height: 183.42px;
}
.tag2_img{
  margin-top: 10px;
  width: 120px;
  height: 177.37px;  
}
.tag3_img{
  margin-top: 15px;
  width: 130px;
  height: 177.51px;  
}
.tag4_img{
  margin-top: 20px;
  width: 95px;
  height: 163.07px;
}
.mithra1_img{
  margin-top: 25px;
  width: 170px;
  height: 170px;
}
.product_info{
  margin-top: 8px;
  font-size: 17px;
}
.card .content1_div{
  padding: 40px;
}

.zoom_class{
  margin-left: -4px;
  letter-spacing: 1px;
  font-size: 14.5px;
}
.description_box{
  margin-left: -5px;
  font-size: 18.5px;
}
.info_box{
  margin-top: 5px;
  margin-left: -5px;
  font-size: 13.5px;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}


} 



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

/********************************  Gallery CSS  ********************************/
.gallery_column{
  top: -50px !important;
  min-width: 430px !important;
  max-height: 220px;
  margin-left: 0px ;
}
.gallery_right_column{
  margin-left: -7px !important;  
  margin-top: -50px;
  min-width: 440px !important;
  overflow: visible !important;
}
.all_span , .monthly_span , .daily_span , .note_span , .diary_span , .box_span , .table_span , .tag_span , .add_span{
  display: none !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 17px;
  position: relative;
  top: -51px;
  margin-left: -10px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.monthly_button{
  font-size: 17px;
  position: relative;
  top: -100.8px;
  margin-left: 97px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.daily_button{
  font-size: 17px;
  position: relative;
  top: -150.8px;
  margin-left: 242.5px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.note_button{
  font-size: 17px;
  position: relative;
  top: -97.5px;
  margin-left: 50px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.diary_button{
  font-size: 17px;
  position: relative;
  top: -148px;
  margin-left: -10px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.box_button{
  font-size: 17px;
  position: relative;
  top: -250px;
  margin-left: -10px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.table_button{
  font-size: 17px;
  position: relative;
  top: -300px;
  margin-left: 115px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.tag_button{
  font-size: 17px;
  position: relative;
  top: -350.5px;
  margin-left: 239.5px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.add_button{
  font-size: 17px;
  position: relative;
  top: -348.8px;
  margin-left: 139px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  white-space: nowrap;
}
.vertical_line{
  position: relative;
  top:-303px;
  margin-left: -20px;
  border-top: 3px solid #707070;
  height: 0;
  width: 110%;
}
.card{
  width: 190px;
  height: 240.67px;
  position: relative;
  margin-top: 13%;
  margin-left: 15px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
}
.card span {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  opacity: 0.97;
  transition: width 0.5s, height 0.5s;
}
.card:hover span{
  width: 1000px;
  height: 1000px;
}
/*************************** Modal Img *******************************/


/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(185,185,185); /* Fallback color */
  background-color: rgba(185,185,185,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 10% !important;
  width: 52%;
  max-width: 360px;
}
/* Caption of Modal Image */
#caption {
  width: 80%;
  max-width: 700px;
  font-size: 28px;
  padding: 10px 0;
  height: 150px;
}

/* The Close Button */
.close {
  margin-top: 10%;
  position: absolute;
  margin-left: 93%;
  font-size: 32px !important;
}

/********************************************************************/
.product_img{
  top: 0px;
  width: 150px;
  height: 194px;
}
.table1_img{
  margin-top: 20px;
  width: 150px;
  height: 169px;
}
.dailyarc_img{
  margin-top: 0px !important;
  width: 130px;
  height: 189.33px;
}
.cake5_img_class{
  margin-top: 55px;
  width: 160px;
  height: 141.06px;
}
.pa1_img{
  margin-top: 8px;
  width: 130px;
  height: 183.42px;
}
.tag2_img{
  margin-top: 10px;
  width: 120px;
  height: 177.37px;  
}
.tag3_img{
  margin-top: 15px;
  width: 130px;
  height: 177.51px;  
}
.tag4_img{
  margin-top: 20px;
  width: 95px;
  height: 163.07px;
}
.mithra1_img{
  margin-top: 25px;
  width: 170px;
  height: 170px;
}
.product_info{
  margin-top: 8px;
  font-size: 17px;
}
.card .content1_div{
  padding: 40px;
}

.zoom_class{
  margin-left: -7px;
  letter-spacing: 1px;
  font-size: 14.5px;
}
.description_box{
  margin-left: -8px;
  font-size: 18.5px;
}
.info_box{
  margin-top: 5px;
  margin-left: -8px;
  font-size: 13.5px;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}


} 



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

/********************************  Gallery CSS  ********************************/
.gallery_column{
  top: -50px !important;
  min-width: 430px !important;
  max-height: 220px;
  margin-left: 0px ;
}
.gallery_right_column{
  margin-left: -7px !important;  
  margin-top: -50px;
  min-width: 440px !important;
  overflow: visible !important;
}
.all_span , .monthly_span , .daily_span , .note_span , .diary_span , .box_span , .table_span , .tag_span , .add_span{
  display: none !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 17px;
  position: relative;
  top: -51px;
  margin-left: -10px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.monthly_button{
  font-size: 17px;
  position: relative;
  top: -101.8px;
  margin-left: 97px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.daily_button{
  font-size: 17px;
  position: relative;
  top: -152.8px;
  margin-left: 242.5px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.note_button{
  font-size: 17px;
  position: relative;
  top: -97px;
  margin-left: 50px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.diary_button{
  font-size: 17px;
  position: relative;
  top: -148px;
  margin-left: -10px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.box_button{
  font-size: 17px;
  position: relative;
  top: -250px;
  margin-left: -10px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.table_button{
  font-size: 17px;
  position: relative;
  top: -302px;
  margin-left: 115px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.tag_button{
  font-size: 17px;
  position: relative;
  top: -353.5px;
  margin-left: 239.5px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.add_button{
  font-size: 17px;
  position: relative;
  top: -352.3px;
  margin-left: 139px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  white-space: nowrap;
}
.vertical_line{
  position: relative;
  top:-303px;
  margin-left: -20px;
  border-top: 3px solid #707070;
  height: 0;
  width: 110%;
}
.card{
  width: 190px;
  height: 240.67px;
  position: relative;
  margin-top: 13%;
  margin-left: 15px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
}
.card span {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  opacity: 0.97;
  transition: width 0.5s, height 0.5s;
}
.card:hover span{
  width: 1000px;
  height: 1000px;
}
/*************************** Modal Img *******************************/

/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(185,185,185); /* Fallback color */
  background-color: rgba(185,185,185,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 10% !important;
  width: 52%;
  max-width: 360px;
}
/* Caption of Modal Image */
#caption {
  width: 80%;
  max-width: 700px;
  font-size: 28px;
  padding: 10px 0;
  height: 150px;
}

/* The Close Button */
.close {
  margin-top: 10%;
  position: absolute;
  margin-left: 93%;
  font-size: 32px !important;
}

/********************************************************************/
.product_img{
  top: 0px;
  width: 150px;
  height: 194px;
}
.table1_img{
  margin-top: 20px;
  width: 150px;
  height: 169px;
}
.dailyarc_img{
  margin-top: 0px !important;
  width: 130px;
  height: 189.33px;
}
.cake5_img_class{
  margin-top: 55px;
  width: 160px;
  height: 141.06px;
}
.pa1_img{
  margin-top: 8px;
  width: 130px;
  height: 183.42px;
}
.tag2_img{
  margin-top: 10px;
  width: 120px;
  height: 177.37px;  
}
.tag3_img{
  margin-top: 15px;
  width: 130px;
  height: 177.51px;  
}
.tag4_img{
  margin-top: 20px;
  width: 95px;
  height: 163.07px;
}
.mithra1_img{
  margin-top: 25px;
  width: 170px;
  height: 170px;
}
.product_info{
  margin-top: 8px;
  font-size: 17px;
}
.card .content1_div{
  padding: 40px;
}

.zoom_class{
  margin-left: -7px;
  letter-spacing: 1px;
  font-size: 14.5px;
}
.description_box{
  margin-left: -8px;
  font-size: 18.5px;
}
.info_box{
  margin-top: 5px;
  margin-left: -8px;
  font-size: 13.5px;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}


} 

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

/********************************  Gallery CSS  ********************************/
.gallery_column{
  top: -50px !important;
  min-width: 430px !important;
  max-height: 220px;
  margin-left: 0px ;
}
.gallery_right_column{
  margin-left: -7px !important;  
  margin-top: -50px;
  min-width: 440px !important;
  overflow: visible !important;
}
.all_span , .monthly_span , .daily_span , .note_span , .diary_span , .box_span , .table_span , .tag_span , .add_span{
  display: none !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 17px;
  position: relative;
  top: -51px;
  margin-left: -10px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.monthly_button{
  font-size: 17px;
  position: relative;
  top: -101.3px;
  margin-left: 97px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.daily_button{
  font-size: 17px;
  position: relative;
  top: -151.8px;
  margin-left: 242.5px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.note_button{
  font-size: 17px;
  position: relative;
  top: -97px;
  margin-left: 50px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.diary_button{
  font-size: 17px;
  position: relative;
  top: -148px;
  margin-left: -10px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.box_button{
  font-size: 17px;
  position: relative;
  top: -250px;
  margin-left: -10px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.table_button{
  font-size: 17px;
  position: relative;
  top: -300px;
  margin-left: 115px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.tag_button{
  font-size: 17px;
  position: relative;
  top: -350.5px;
  margin-left: 239.5px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.add_button{
  font-size: 17px;
  position: relative;
  top: -349.3px;
  margin-left: 139px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  white-space: nowrap;
}
.vertical_line{
  position: relative;
  top:-303px;
  margin-left: -20px;
  border-top: 3px solid #707070;
  height: 0;
  width: 110%;
}
.card{
  width: 190px;
  height: 240.67px;
  position: relative;
  margin-top: 13%;
  margin-left: 15px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
}
.card span {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  opacity: 0.97;
  transition: width 0.5s, height 0.5s;
}
.card:hover span{
  width: 1000px;
  height: 1000px;
}
/*************************** Modal Img *******************************/


/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(185,185,185); /* Fallback color */
  background-color: rgba(185,185,185,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 10% !important;
  width: 52%;
  max-width: 360px;
}
/* Caption of Modal Image */
#caption {
  width: 80%;
  max-width: 700px;
  font-size: 28px;
  padding: 10px 0;
  height: 150px;
}

/* The Close Button */
.close {
  margin-top: 10%;
  position: absolute;
  margin-left: 93%;
  font-size: 32px !important;
}

/********************************************************************/
.product_img{
  top: 0px;
  width: 150px;
  height: 194px;
}
.table1_img{
  margin-top: 20px;
  width: 150px;
  height: 169px;
}
.dailyarc_img{
  margin-top: 0px !important;
  width: 130px;
  height: 189.33px;
}
.cake5_img_class{
  margin-top: 55px;
  width: 160px;
  height: 141.06px;
}
.pa1_img{
  margin-top: 8px;
  width: 130px;
  height: 183.42px;
}
.tag2_img{
  margin-top: 10px;
  width: 120px;
  height: 177.37px;  
}
.tag3_img{
  margin-top: 15px;
  width: 130px;
  height: 177.51px;  
}
.tag4_img{
  margin-top: 20px;
  width: 95px;
  height: 163.07px;
}
.mithra1_img{
  margin-top: 25px;
  width: 170px;
  height: 170px;
}
.product_info{
  margin-top: 8px;
  font-size: 17px;
}
.card .content1_div{
  padding: 40px;
}

.zoom_class{
  margin-left: -7px;
  letter-spacing: 1px;
  font-size: 14.5px;
}
.description_box{
  margin-left: -8px;
  font-size: 18.5px;
}
.info_box{
  margin-top: 5px;
  margin-left: -8px;
  font-size: 13.5px;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}

}    



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

/********************************  Gallery CSS  ********************************/
.gallery_column{
  top: -50px !important;
  min-width: 430px !important;
  max-height: 220px;
  margin-left: 0px ;
}
.gallery_right_column{
  margin-left: -7px !important;  
  margin-top: -50px;
  min-width: 440px !important;
  overflow: visible !important;
}
.all_span , .monthly_span , .daily_span , .note_span , .diary_span , .box_span , .table_span , .tag_span , .add_span{
  display: none !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 17px;
  position: relative;
  top: -51px;
  margin-left: -10px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.monthly_button{
  font-size: 17px;
  position: relative;
  top: -100.8px;
  margin-left: 97px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.daily_button{
  font-size: 17px;
  position: relative;
  top: -150.8px;
  margin-left: 242.5px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.note_button{
  font-size: 17px;
  position: relative;
  top: -98.5px;
  margin-left: 50px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.diary_button{
  font-size: 17px;
  position: relative;
  top: -148px;
  margin-left: -10px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.box_button{
  font-size: 17px;
  position: relative;
  top: -250px;
  margin-left: -10px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.table_button{
  font-size: 17px;
  position: relative;
  top: -300px;
  margin-left: 115px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.tag_button{
  font-size: 17px;
  position: relative;
  top: -350.5px;
  margin-left: 239.5px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.add_button{
  font-size: 17px;
  position: relative;
  top: -348.8px;
  margin-left: 139px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  white-space: nowrap;
}
.vertical_line{
  position: relative;
  top:-303px;
  margin-left: -20px;
  border-top: 3px solid #707070;
  height: 0;
  width: 110%;
}
.card{
  width: 190px;
  height: 240.67px;
  position: relative;
  margin-top: 13%;
  margin-left: 15px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
}
.card span {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  opacity: 0.97;
  transition: width 0.5s, height 0.5s;
}
.card:hover span{
  width: 1000px;
  height: 1000px;
}
/*************************** Modal Img *******************************/


/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(185,185,185); /* Fallback color */
  background-color: rgba(185,185,185,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 10% !important;
  width: 52%;
  max-width: 360px;
}
/* Caption of Modal Image */
#caption {
  width: 80%;
  max-width: 700px;
  font-size: 28px;
  padding: 10px 0;
  height: 150px;
}

/* The Close Button */
.close {
  margin-top: 10%;
  position: absolute;
  margin-left: 93%;
  font-size: 32px !important;
}

/********************************************************************/
.product_img{
  top: 0px;
  width: 150px;
  height: 194px;
}
.table1_img{
  margin-top: 20px;
  width: 150px;
  height: 169px;
}
.dailyarc_img{
  margin-top: 0px !important;
  width: 130px;
  height: 189.33px;
}
.cake5_img_class{
  margin-top: 55px;
  width: 160px;
  height: 141.06px;
}
.pa1_img{
  margin-top: 8px;
  width: 130px;
  height: 183.42px;
}
.tag2_img{
  margin-top: 10px;
  width: 120px;
  height: 177.37px;  
}
.tag3_img{
  margin-top: 15px;
  width: 130px;
  height: 177.51px;  
}
.tag4_img{
  margin-top: 20px;
  width: 95px;
  height: 163.07px;
}
.mithra1_img{
  margin-top: 25px;
  width: 170px;
  height: 170px;
}
.product_info{
  margin-top: 8px;
  font-size: 17px;
}
.card .content1_div{
  padding: 40px;
}

.zoom_class{
  margin-left: -7px;
  letter-spacing: 1px;
  font-size: 14.5px;
}
.description_box{
  margin-left: -8px;
  font-size: 18.5px;
}
.info_box{
  margin-top: 5px;
  margin-left: -8px;
  font-size: 13.5px;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}


} 





/******************************** 441 px ***************************************/

@media screen and (max-width:441px) {
  .topnav{
    min-height: 68px;
  }
  #AClogo{
  display: block ;
  border-radius: 3px;
  position: absolute;
  border-radius: 5px
  width: 203.02px; 
  height: 39px;
  left: 24.5%;
  top: 15px;
  overflow: visible;

}
  .form-control{
   outline: none !important;
   outline-style: none !important;
   
  }

  #TopLogo {
   display: none;
  }
  .home_head {
    display: none;
  }
  .ABOUT_US_HEAD{
    display: none;
  }
  .gallery_head{
    display: none;
  }
  .products_head{
    display: none;
  }
  .print_your_work_head{
    display: none;
  }
  .contact_us_head {
  display: none;  
  }
  .track_head {
  display: none;  
  }
  .search_head{
  display: none !important; 
  width: 150px !important;
  border-radius: 5px 0px 0px 5px ;
  left:240px;
  top:21px;
  height: 31px !important;
   

  }
  form.form_head button{
  display: none !important;  
  width: 35px;
  left:389px;
  top:21.5px; 
  height: 30px !important;

  }

  #cart_head{
  left:81%;
  width: 29px;
  height: 29px;
  top: 21px !important;
   
  }
  #login_head , .loginbtn{
  left:92%;
  width: 17.64px;
  height: 20px;
  top: 27px !important;
  }
  #bar_head{
 display: block;
 color: #4E00FF;
 position: absolute;
 padding-left: 3%;
 font-size:29px;
 cursor:pointer;
 top:12px;
}

  .sidenav {
  display: block;
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 5%;
  filter:drop-shadow(0px 0px 6px #6A6A6A) !important ;
}
/*.sidenav.responsive{
  width:35% !important;
}*/
.sidenav a {
  display: block;
  text-decoration: none;
  font-size: 20px;
  color: #000000;
  display: block;
  transition: 0.3s;
  filter:drop-shadow(1px 0px 0px rgba(0,0,0,0.19) ) !important ;
}
.home_side{
  font-size: 17px !important;
  margin-top: 15px;
  margin-left: 10%;
  margin-right: 62%;
}
.ABOUT_US_side{
  font-size: 17px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 42%;

}
.gallery_side{
  font-size: 17px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 58%;
}
.products_side{
  font-size: 17px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 51%;
}
.print_your_work_side{
  font-size: 17px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 19%;
}
.contact_us_side{
  font-size: 17px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 38%;
}
.track_side{
  font-size: 17px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 63%;
}

.sidenav a:hover {
  color: #ff0000;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 34px;
  margin-left: 50px;
}
.search_responsive{
  display: block !important;
  width:83% !important;
  top: 82px;
  border-radius: 3px 0px 0px 3px !important;
  filter:drop-shadow(0px 0px 3px rgba(100,100,100,0.38) ) !important ;
  height: 42px !important;
  overflow: visible;
  color: color: #D9D9D9 !important;
  position: absolute;
  left: 3%;
  float: left;
  outline: none !important;
  background:#FCFCFC;
  }
  form.form_responsive button{
  display: block !important;
  float: left;
  top: 82.3px;
  width: 45px;
  height: 41.8px !important;
  overflow: visible;
  border-radius: 0px 5px 5px 0px !important;  
  border:none !important;
  border-style: none !important;
  outline: none !important;
  background: #FF0000;
  color: white;
  font-size: 17px;
  position: absolute;
  left: 85%;
  border-left: none;
  cursor: pointer;
}
.slideshow-container {
  margin-top: 32% !important;
  position: relative;
  margin: auto;
}

/********************************  Logo Row 0  **********************************/

.logo_footer_851{
  margin-left: 33.5%;
  margin-top: 3% !important;
  height: 85px;
  width: 123.99px;
}

/*********************************  Row 1  *********************************/
.accordion{
  font-size: 14px;
}
.footer_row1{
  margin-top: 1.5%;
  line-height: 2.2;
  position: absolute;
  font-size: 12px;
  font-family: Arial;
  color: #0000FF;
  justify-content: flex-start;
}

/*********************************  Row 2  *********************************/

.footer_row2{
  margin-top: 0.5%; 
}
.subscribe_letter_851{
  font-size: 13px;
  font-family: Arial;
}
.subscribe_input_851{
  width: 37%;
  height: 36px;
  font-size: 14px;
}
.subscribe_button_851{
  width: 10%;
  position: relative;
  top:0px;
  height: 36px;
  font-size: 16px;
}

/*********************************  Row 3  *********************************/

.follow_footer_851{
  margin-top: 1.5%;
  font-size: 14px;
  letter-spacing: 0px;
  margin-left: 1.5%;
  font-weight: bold;
  word-spacing: 0px;

}
.facebook_img_png_851{
  width: 19px;
  margin-left: 1.5%;
}
.twitter_img_png_851{
  width: 19px;
  margin-left: 3%;
}
.instagram_img_png_851{
  width: 19px;
  margin-left: 3%;
}
.linkedin_img_png_851{
  width: 19px;
  margin-left: 3%;
}
.youtube_img_png_851{
  width: 24px;
  margin-left: 3%;
}

/*********************************  Row 4  *********************************/
div.col.footer_row4{
  min-height: 170px;
}
.footer_row4{
  margin-top: 1.5%;
}
.map_img_png_851{
  width: 16px;
}
.phone1_img_png_851{
  width: 16px;
  position: relative;
  top:38px;
}
.phone2_img_png_851{
  width: 16px;
  position: relative;
  top:43px;
}
.mail1_img_png_851{
  width: 16px;
  position: relative;
  top:47px;
}
.mail2_img_png_851{
  width: 16px;
  position: relative;
  top:51px;
}
.address_foot_851{
  display: inline-block;
  margin-left:7%;
  position: absolute;
  top:5px;
  font-size: 12px;
}
.m1_foot_851{
  display: inline-block;
  margin-left:7%;
  top:68px;
  position: absolute;
  font-size: 12px;
}
.m2_foot_851{
  display: inline-block;
  margin-left:7%;
  top:98px;
  position: absolute;
  font-size: 12px;
}
.mail1_foot_851{
  display: inline-block;
  margin-left:7%;
  top:124px;
  position: absolute;
  font-size: 12px;
}
.mail2_foot_851{
  display: inline-block;
  margin-left:7%;
  top:153px;
  position: absolute;
  font-size: 12px;
}


/*********************************  Row 5  *********************************/

.footer_row5{
  margin-top: 1.5%;
  font-size: 9.5px;
}

/*********************************  Row 6  *********************************/
.footer_row6{
  margin-top: 3%;
}
.copyright_851{
  font-size: 9px;
  font-weight: bold;
  margin-bottom: 8px;
  word-spacing: 2px;
}
.login_dropdown_content{
  margin-top: 17.1%;
  left:220px;
  min-width: 180px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a{
  font-size: 16.5px;
  padding:6px 10px;  
}





/********************************  Gallery CSS  ********************************/
.gallery_column{
  top: -50px !important;
  min-width: 400px !important;
  max-height: 190px;
  margin-left: 0px ;
}
.gallery_right_column{
  margin-left: -3.5px !important;  
  margin-top: -50px;
  min-width: 410px !important;
  overflow: visible !important;
}
.all_span , .monthly_span , .daily_span , .note_span , .diary_span , .box_span , .table_span , .tag_span , .add_span{
  display: none !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 17px;
  position: relative;
  top: -51px;
  margin-left: -10px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.monthly_button{
  font-size: 17px;
  position: relative;
  top: -100px;
  margin-left: 97px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.daily_button{
  font-size: 17px;
  position: relative;
  top: -149px;
  margin-left: 242.5px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  white-space: nowrap;
}
.note_button{
  font-size: 17px;
  position: relative;
  top: -95.8px;
  margin-left: 50px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.diary_button{
  font-size: 17px;
  position: relative;
  top: -145px;
  margin-left: -10px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.box_button{
  font-size: 17px;
  position: relative;
  top: -245px;
  margin-left: -10px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.table_button{
  font-size: 17px;
  position: relative;
  top: -294.8px;
  margin-left: 115px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.tag_button{
  font-size: 17px;
  position: relative;
  top: -345px;
  margin-left: 240px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.add_button{
  font-size: 17px;
  position: relative;
  top: -343.3px;
  margin-left: 139px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  white-space: nowrap;
}
.vertical_line{
  position: relative;
  top:-303px;
  margin-left: -19px;
  border-top: 3px solid #707070;
  height: 0;
  width: 110%;
}
.card{
  width: 180px;
  height: 228px;
  position: relative;
  margin-top: 13%;
  margin-left: 10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
}
.card span {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  opacity: 0.97;
  transition: width 0.5s, height 0.5s;
}
.card:hover span{
  width: 1000px;
  height: 1000px;
}
/*************************** Modal Img *******************************/

/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(185,185,185); /* Fallback color */
  background-color: rgba(185,185,185,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 10% !important;
  width: 52%;
  max-width: 340px;
}
/* Caption of Modal Image */
#caption {
  width: 80%;
  max-width: 700px;
  font-size: 25px;
  padding: 10px 0;
  height: 150px;
}

/* The Close Button */
.close {
  margin-top: 10%;
  position: absolute;
  margin-left: 93%;
  font-size: 30px !important;
}

/********************************************************************/
.product_img{
  top: 0px;
  width: 150px;
  height: 194px;
}
.table1_img{
  margin-top: 20px;
  width: 150px;
  height: 169px;
}
.dailyarc_img{
  margin-top: 0px !important;
  width: 130px;
  height: 189.33px;
}
.cake5_img_class{
  margin-top: 50px;
  width: 160px;
  height: 141.06px;
}
.pa1_img{
  margin-top: 8px;
  width: 130px;
  height: 183.42px;
}
.tag2_img{
  margin-top: 10px;
  width: 120px;
  height: 177.37px;  
}
.tag3_img{
  margin-top: 15px;
  width: 130px;
  height: 177.51px;  
}
.tag4_img{
  margin-top: 20px;
  width: 95px;
  height: 163.07px;
}
.mithra1_img{
  margin-top: 25px;
  width: 170px;
  height: 170px;
}
.product_info{
  margin-top: 4px;
  font-size: 15px;
}
.card .content1_div{
  padding: 40px;
}

.zoom_class{
  margin-left: -10px;
  letter-spacing: 1px;
  font-size: 14px;
}
.description_box{
  margin-left: -11px;
  font-size: 18px;
}
.info_box{
  margin-top: 5px;
  margin-left: -11px;
  font-size: 13px;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}



} 


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


/********************************  Gallery CSS  ********************************/
.gallery_column{
  top: -50px !important;
  min-width: 400px !important;
  max-height: 190px;
  margin-left: 0px ;
}
.gallery_right_column{
  margin-left: -3.5px !important;  
  margin-top: -50px;
  min-width: 410px !important;
  overflow: visible !important;
}
.all_span , .monthly_span , .daily_span , .note_span , .diary_span , .box_span , .table_span , .tag_span , .add_span{
  display: none !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 17px;
  position: relative;
  top: -51px;
  margin-left: -10px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.monthly_button{
  font-size: 17px;
  position: relative;
  top: -100px;
  margin-left: 97px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.daily_button{
  font-size: 17px;
  position: relative;
  top: -149px;
  margin-left: 242.5px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  white-space: nowrap;
}
.note_button{
  font-size: 17px;
  position: relative;
  top: -96.1px;
  margin-left: 50px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.diary_button{
  font-size: 17px;
  position: relative;
  top: -145px;
  margin-left: -10px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.box_button{
  font-size: 17px;
  position: relative;
  top: -245px;
  margin-left: -10px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.table_button{
  font-size: 17px;
  position: relative;
  top: -293.8px;
  margin-left: 115px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.tag_button{
  font-size: 17px;
  position: relative;
  top: -343px;
  margin-left: 240px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.add_button{
  font-size: 17px;
  position: relative;
  top: -342px;
  margin-left: 139px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  white-space: nowrap;
}
.vertical_line{
  position: relative;
  top:-303px;
  margin-left: -19px;
  border-top: 3px solid #707070;
  height: 0;
  width: 110%;
}
.card{
  width: 180px;
  height: 228px;
  position: relative;
  margin-top: 13%;
  margin-left: 10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
}
.card span {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  opacity: 0.97;
  transition: width 0.5s, height 0.5s;
}
.card:hover span{
  width: 1000px;
  height: 1000px;
}
/*************************** Modal Img *******************************/


/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(185,185,185); /* Fallback color */
  background-color: rgba(185,185,185,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 10% !important;
  width: 52%;
  max-width: 340px;
}
/* Caption of Modal Image */
#caption {
  width: 80%;
  max-width: 700px;
  font-size: 25px;
  padding: 10px 0;
  height: 150px;
}

/* The Close Button */
.close {
  margin-top: 10%;
  position: absolute;
  margin-left: 93%;
  font-size: 30px !important;
}

/********************************************************************/
.product_img{
  top: 0px;
  width: 150px;
  height: 194px;
}
.table1_img{
  margin-top: 20px;
  width: 150px;
  height: 169px;
}
.dailyarc_img{
  margin-top: 0px !important;
  width: 130px;
  height: 189.33px;
}
.cake5_img_class{
  margin-top: 50px;
  width: 160px;
  height: 141.06px;
}
.pa1_img{
  margin-top: 8px;
  width: 130px;
  height: 183.42px;
}
.tag2_img{
  margin-top: 10px;
  width: 120px;
  height: 177.37px;  
}
.tag3_img{
  margin-top: 15px;
  width: 130px;
  height: 177.51px;  
}
.tag4_img{
  margin-top: 20px;
  width: 95px;
  height: 163.07px;
}
.mithra1_img{
  margin-top: 25px;
  width: 170px;
  height: 170px;
}
.product_info{
  margin-top: 4px;
  font-size: 15px;
}
.card .content1_div{
  padding: 40px;
}

.zoom_class{
  margin-left: -10px;
  letter-spacing: 1px;
  font-size: 14px;
}
.description_box{
  margin-left: -11px;
  font-size: 18px;
}
.info_box{
  margin-top: 5px;
  margin-left: -11px;
  font-size: 13px;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}


}











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

/********************************  Gallery CSS  ********************************/
.gallery_column{
  top: -50px !important;
  min-width: 400px !important;
  max-height: 190px;
  margin-left: 0px ;
}
.gallery_right_column{
  margin-left: -3.5px !important;  
  margin-top: -50px;
  min-width: 410px !important;
  overflow: visible !important;
}
.all_span , .monthly_span , .daily_span , .note_span , .diary_span , .box_span , .table_span , .tag_span , .add_span{
  display: none !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 17px;
  position: relative;
  top: -51px;
  margin-left: -10px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.monthly_button{
  font-size: 17px;
  position: relative;
  top: -99.2px;
  margin-left: 97px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.daily_button{
  font-size: 17px;
  position: relative;
  top: -147.5px;
  margin-left: 242.5px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  white-space: nowrap;
}
.note_button{
  font-size: 17px;
  position: relative;
  top: -101.5px;
  margin-left: 50px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.diary_button{
  font-size: 17px;
  position: relative;
  top: -150px;
  margin-left: -10px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.box_button{
  font-size: 17px;
  position: relative;
  top: -245px;
  margin-left: -10px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.table_button{
  font-size: 17px;
  position: relative;
  top: -293.3px;
  margin-left: 115px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.tag_button{
  font-size: 17px;
  position: relative;
  top: -341.7px;
  margin-left: 240px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.add_button{
  font-size: 17px;
  position: relative;
  top: -346.3px;
  margin-left: 139px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  white-space: nowrap;
}
.vertical_line{
  position: relative;
  top:-303px;
  margin-left: -19px;
  border-top: 3px solid #707070;
  height: 0;
  width: 110%;
}
.card{
  width: 180px;
  height: 228px;
  position: relative;
  margin-top: 13%;
  margin-left: 10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
}
.card span {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  opacity: 0.97;
  transition: width 0.5s, height 0.5s;
}
.card:hover span{
  width: 1000px;
  height: 1000px;
}
/*************************** Modal Img *******************************/


/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(185,185,185); /* Fallback color */
  background-color: rgba(185,185,185,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 10% !important;
  width: 52%;
  max-width: 340px;
}
/* Caption of Modal Image */
#caption {
  width: 80%;
  max-width: 700px;
  font-size: 25px;
  padding: 10px 0;
  height: 150px;
}

/* The Close Button */
.close {
  margin-top: 10%;
  position: absolute;
  margin-left: 93%;
  font-size: 30px !important;
}

/********************************************************************/
.product_img{
  top: 0px;
  width: 150px;
  height: 194px;
}
.table1_img{
  margin-top: 20px;
  width: 150px;
  height: 169px;
}
.dailyarc_img{
  margin-top: 0px !important;
  width: 130px;
  height: 189.33px;
}
.cake5_img_class{
  margin-top: 50px;
  width: 160px;
  height: 141.06px;
}
.pa1_img{
  margin-top: 8px;
  width: 130px;
  height: 183.42px;
}
.tag2_img{
  margin-top: 10px;
  width: 120px;
  height: 177.37px;  
}
.tag3_img{
  margin-top: 15px;
  width: 130px;
  height: 177.51px;  
}
.tag4_img{
  margin-top: 20px;
  width: 95px;
  height: 163.07px;
}
.mithra1_img{
  margin-top: 25px;
  width: 170px;
  height: 170px;
}
.product_info{
  margin-top: 4px;
  font-size: 15px;
}
.card .content1_div{
  padding: 40px;
}

.zoom_class{
  margin-left: -10px;
  letter-spacing: 1px;
  font-size: 14px;
}
.description_box{
  margin-left: -11px;
  font-size: 18px;
}
.info_box{
  margin-top: 5px;
  margin-left: -11px;
  font-size: 13px;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}



}


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

/********************************  Gallery CSS  ********************************/
.gallery_column{
  top: -50px !important;
  min-width: 400px !important;
  max-height: 190px;
  margin-left: 0px ;
}
.gallery_right_column{
  margin-left: -3.5px !important;  
  margin-top: -50px;
  min-width: 410px !important;
  overflow: visible !important;
}
.all_span , .monthly_span , .daily_span , .note_span , .diary_span , .box_span , .table_span , .tag_span , .add_span{
  display: none !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 17px;
  position: relative;
  top: -51px;
  margin-left: -10px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.monthly_button{
  font-size: 17px;
  position: relative;
  top: -99.2px;
  margin-left: 97px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.daily_button{
  font-size: 17px;
  position: relative;
  top: -147.5px;
  margin-left: 242.5px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  white-space: nowrap;
}
.note_button{
  font-size: 17px;
  position: relative;
  top: -101.5px;
  margin-left: 50px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.diary_button{
  font-size: 17px;
  position: relative;
  top: -150px;
  margin-left: -10px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.box_button{
  font-size: 17px;
  position: relative;
  top: -245px;
  margin-left: -10px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.table_button{
  font-size: 17px;
  position: relative;
  top: -293.3px;
  margin-left: 115px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.tag_button{
  font-size: 17px;
  position: relative;
  top: -341.7px;
  margin-left: 240px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.add_button{
  font-size: 17px;
  position: relative;
  top: -343.3px;
  margin-left: 139px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  white-space: nowrap;
}
.vertical_line{
  position: relative;
  top:-303px;
  margin-left: -19px;
  border-top: 3px solid #707070;
  height: 0;
  width: 110%;
}
.card{
  width: 180px;
  height: 228px;
  position: relative;
  margin-top: 13%;
  margin-left: 10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
}
.card span {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  opacity: 0.97;
  transition: width 0.5s, height 0.5s;
}
.card:hover span{
  width: 1000px;
  height: 1000px;
}
/*************************** Modal Img *******************************/


/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(185,185,185); /* Fallback color */
  background-color: rgba(185,185,185,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 10% !important;
  width: 52%;
  max-width: 340px;
}
/* Caption of Modal Image */
#caption {
  width: 80%;
  max-width: 700px;
  font-size: 25px;
  padding: 10px 0;
  height: 150px;
}

/* The Close Button */
.close {
  margin-top: 10%;
  position: absolute;
  margin-left: 93%;
  font-size: 30px !important;
}

/********************************************************************/
.product_img{
  top: 0px;
  width: 150px;
  height: 194px;
}
.table1_img{
  margin-top: 20px;
  width: 150px;
  height: 169px;
}
.dailyarc_img{
  margin-top: 0px !important;
  width: 130px;
  height: 189.33px;
}
.cake5_img_class{
  margin-top: 50px;
  width: 160px;
  height: 141.06px;
}
.pa1_img{
  margin-top: 8px;
  width: 130px;
  height: 183.42px;
}
.tag2_img{
  margin-top: 10px;
  width: 120px;
  height: 177.37px;  
}
.tag3_img{
  margin-top: 15px;
  width: 130px;
  height: 177.51px;  
}
.tag4_img{
  margin-top: 20px;
  width: 95px;
  height: 163.07px;
}
.mithra1_img{
  margin-top: 25px;
  width: 170px;
  height: 170px;
}
.product_info{
  margin-top: 4px;
  font-size: 15px;
}
.card .content1_div{
  padding: 40px;
}

.zoom_class{
  margin-left: -10px;
  letter-spacing: 1px;
  font-size: 14px;
}
.description_box{
  margin-left: -11px;
  font-size: 18px;
}
.info_box{
  margin-top: 5px;
  margin-left: -11px;
  font-size: 13px;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}


}



/******************************** 411 px ***************************************/

@media screen and (max-width:411px) {
  .topnav{
    min-height: 68px;
  }
  #AClogo{
  display: block ;
  border-radius: 3px;
  position: absolute;
  border-radius: 5px
  width: 197.82px; 
  height: 38px;
  left: 23.5%;
  top: 15px;
  overflow: visible;

}
  .form-control{
   outline: none !important;
   outline-style: none !important;
   
  }

  #TopLogo {
   display: none;
  }
  .home_head {
    display: none;
  }
  .ABOUT_US_HEAD{
    display: none;
  }
  .gallery_head{
    display: none;
  }
  .products_head{
    display: none;
  }
  .print_your_work_head{
    display: none;
  }
  .contact_us_head {
  display: none;  
  }
  .track_head {
  display: none;  
  }
  .search_head{
  display: none !important; 
  width: 150px !important;
  border-radius: 5px 0px 0px 5px ;
  left:240px;
  top:21px;
  height: 31px !important;
   

  }
  form.form_head button{
  display: none !important;  
  width: 35px;
  left:389px;
  top:21.5px; 
  height: 30px !important;

  }

  #cart_head{
  left:81%;
  width: 27px;
  height: 27px;
  top: 21px !important;
   
  }
  #login_head , .loginbtn{
  left:92%;
  width: 16.76px;
  height: 19px;
  top: 26px !important;
  }
  #bar_head{
 display: block;
 color: #4E00FF;
 position: absolute;
 padding-left: 3%;
 font-size:27px;
 cursor:pointer;
 top:13px;
}

  .sidenav {
  display: block;
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 5%;
  filter:drop-shadow(0px 0px 6px #6A6A6A) !important ;
}
/*.sidenav.responsive{
  width:35% !important;
}*/
.sidenav a {
  display: block;
  text-decoration: none;
  font-size: 20px;
  color: #000000;
  display: block;
  transition: 0.3s;
  filter:drop-shadow(1px 0px 0px rgba(0,0,0,0.19) ) !important ;
}
.home_side{
  font-size: 17px !important;
  margin-top: 15px;
  margin-left: 10%;
  margin-right: 62%;
}
.ABOUT_US_side{
  font-size: 17px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 42%;

}
.gallery_side{
  font-size: 17px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 58%;
}
.products_side{
  font-size: 17px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 51%;
}
.print_your_work_side{
  font-size: 17px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 16%;
}
.contact_us_side{
  font-size: 17px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 38%;
}
.track_side{
  font-size: 17px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 63%;
}

.sidenav a:hover {
  color: #ff0000;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 34px;
  margin-left: 50px;
}
..search_responsive{
  display: block !important;
  width:83% !important;
  top: 82px;
  border-radius: 3px 0px 0px 3px !important;
  filter:drop-shadow(0px 0px 3px rgba(100,100,100,0.38) ) !important ;
  height: 42px !important;
  overflow: visible;
  color: color: #D9D9D9 !important;
  position: absolute;
  left: 3%;
  float: left;
  outline: none !important;
  background:#FCFCFC;
  }
  form.form_responsive button{
  display: block !important;
  float: left;
  top: 82.3px;
  width: 45px;
  height: 41.8px !important;
  overflow: visible;
  border-radius: 0px 5px 5px 0px !important;  
  border:none !important;
  border-style: none !important;
  outline: none !important;
  background: #FF0000;
  color: white;
  font-size: 17px;
  position: absolute;
  left: 85%;
  border-left: none;
  cursor: pointer;
}
.slideshow-container {
  margin-top: 36% !important;
  position: relative;
  margin: auto;
}

/********************************  Logo Row 0  **********************************/

.logo_footer_851{
  margin-left: 33%;
  margin-top: 3% !important;
  height: 85px;
  width: 123.99px;
}

/*********************************  Row 1  *********************************/
.accordion{
  font-size: 14px;
}
.footer_row1{
  margin-top: 1.5%;
  line-height: 2.2;
  position: absolute;
  font-size: 12px;
  font-family: Arial;
  color: #0000FF;
  justify-content: flex-start;
}

/*********************************  Row 2  *********************************/

.footer_row2{
  margin-top: 0.5%; 
}
.subscribe_letter_851{
  font-size: 13px;
  font-family: Arial;
}
.subscribe_input_851{
  width: 37%;
  height: 36px;
  font-size: 14px;
}
.subscribe_button_851{
  width: 10%;
  position: relative;
  top:0.4px;
  height: 36px;
  font-size: 16px;
}

/*********************************  Row 3  *********************************/

.follow_footer_851{
  margin-top: 1.5%;
  font-size: 14px;
  letter-spacing: 0px;
  margin-left: 1.5%;
  font-weight: bold;
  word-spacing: 0px;

}
.facebook_img_png_851{
  width: 19px;
  margin-left: 1.5%;
}
.twitter_img_png_851{
  width: 19px;
  margin-left: 3%;
}
.instagram_img_png_851{
  width: 19px;
  margin-left: 3%;
}
.linkedin_img_png_851{
  width: 19px;
  margin-left: 3%;
}
.youtube_img_png_851{
  width: 24px;
  margin-left: 3%;
}

/*********************************  Row 4  *********************************/
div.col.footer_row4{
  min-height: 170px;
}
.footer_row4{
  margin-top: 1.5%;
}
.map_img_png_851{
  width: 16px;
}
.phone1_img_png_851{
  width: 16px;
  position: relative;
  top:38px;
}
.phone2_img_png_851{
  width: 16px;
  position: relative;
  top:43px;
}
.mail1_img_png_851{
  width: 16px;
  position: relative;
  top:47px;
}
.mail2_img_png_851{
  width: 16px;
  position: relative;
  top:51px;
}
.address_foot_851{
  display: inline-block;
  margin-left:7%;
  position: absolute;
  top:5px;
  font-size: 12px;
}
.m1_foot_851{
  display: inline-block;
  margin-left:7%;
  top:68px;
  position: absolute;
  font-size: 12px;
}
.m2_foot_851{
  display: inline-block;
  margin-left:7%;
  top:98px;
  position: absolute;
  font-size: 12px;
}
.mail1_foot_851{
  display: inline-block;
  margin-left:7%;
  top:124px;
  position: absolute;
  font-size: 12px;
}
.mail2_foot_851{
  display: inline-block;
  margin-left:7%;
  top:153px;
  position: absolute;
  font-size: 12px;
}


/*********************************  Row 5  *********************************/

.footer_row5{
  margin-top: 1.5%;
  font-size: 9.5px;
}

/*********************************  Row 6  *********************************/
.footer_row6{
  margin-top: 3%;
}
.copyright_851{
  font-size: 9px;
  font-weight: bold;
  margin-bottom: 8px;
  word-spacing: 2px;
}
.login_dropdown_content{
  margin-top: 19%;
  left:185px;
  min-width: 180px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a{
  font-size: 16px;
  padding:5.5px 10px;  
}





/********************************  Gallery CSS  ********************************/
.gallery_column{
  top: -50px !important;
  min-width: 360px !important;
  max-height: 190px;
  margin-left: 0px ;
}
.gallery_right_column{
  margin-left: -3.5px !important;  
  margin-top: -50px;
  min-width: 370px !important;
  overflow: visible !important;
}
.all_span , .monthly_span , .daily_span , .note_span , .diary_span , .box_span , .table_span , .tag_span , .add_span{
  display: none !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 16px;
  position: relative;
  top: -51px;
  margin-left: -20px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.monthly_button{
  font-size: 16px;
  position: relative;
  top: -98.3px;
  margin-left: 82px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.daily_button{
  font-size: 16px;
  position: relative;
  top: -145px;
  margin-left: 220.5px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  white-space: nowrap;
}
.note_button{
  font-size: 16px;
  position: relative;
  top: -90px;
  margin-left: 37px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.diary_button{
  font-size: 16px;
  position: relative;
  top: -137px;
  margin-left: -20px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.box_button{
  font-size: 16px;
  position: relative;
  top: -235px;
  margin-left: -20px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.table_button{
  font-size: 16px;
  position: relative;
  top: -282px;
  margin-left: 98px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.tag_button{
  font-size: 16px;
  position: relative;
  top: -329px;
  margin-left: 215.5px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  white-space: nowrap;
}
.add_button{
  font-size: 16px;
  position: relative;
  top: -325.3px;
  margin-left: 121px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  white-space: nowrap;
}
.vertical_line{
  position: relative;
  top:-283px;
  margin-left: -19px;
  border-top: 3px solid #707070;
  height: 0;
  width: 110%;
}
.card{
  width: 160px;
  height: 202.64px;
  position: relative;
  margin-top: 13%;
  margin-left: 10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
}
.card span {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  opacity: 0.97;
  transition: width 0.5s, height 0.5s;
}
.card:hover span{
  width: 1000px;
  height: 1000px;
}
/*************************** Modal Img *******************************/


/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(185,185,185); /* Fallback color */
  background-color: rgba(185,185,185,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 10% !important;
  width: 50%;
  max-width: 300px;
}
/* Caption of Modal Image */
#caption {
  width: 80%;
  max-width: 700px;
  font-size: 25px;
  padding: 10px 0;
  height: 150px;
}

/* The Close Button */
.close {
  margin-top: 10%;
  position: absolute;
  margin-left: 93%;
  font-size: 30px !important;
}

/********************************************************************/
.product_img{
  top: 0px;
  width: 130px;
  height: 168.13px;
}
.table1_img{
  margin-top: 20px;
  width: 130px;
  height: 146.47px;
}
.dailyarc_img{
  margin-top: 0px !important;
  width: 110px;
  height: 160.2px;
}
.cake5_img_class{
  margin-top: 50px;
  width: 140px;
  height: 123.42px;
}
.pa1_img{
  margin-top: 8px;
  width: 110px;
  height: 155.2px;
}
.tag2_img{
  margin-top: 10px;
  width: 100px;
  height: 147.81px;  
}
.tag3_img{
  margin-top: 15px;
  width: 110px;
  height: 150.2px;  
}
.tag4_img{
  margin-top: 20px;
  width: 85px;
  height: 145.91px;
}
.mithra1_img{
  margin-top: 25px;
  width: 150px;
  height: 150px;
}
.product_info{
  margin-top: 4px;
  font-size: 15px;
}
.card .content1_div{
  padding: 40px;
}

.zoom_class{
  margin-top: -35px;
  margin-left: -21px;
  letter-spacing: 1px;
  font-size: 13px;
}
.description_box{
  margin-top: -25px;
  margin-left: -22px;
  font-size: 17.5px;
}
.info_box{
  margin-top: -10px;
  margin-left: -21px;
  font-size: 12.5px;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}



} 




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


/********************************  Gallery CSS  ********************************/
.gallery_column{
  top: -50px !important;
  min-width: 360px !important;
  max-height: 190px;
  margin-left: 0px ;
}
.gallery_right_column{
  margin-left: -3.5px !important;  
  margin-top: -50px;
  min-width: 370px !important;
  overflow: visible !important;
}
.all_span , .monthly_span , .daily_span , .note_span , .diary_span , .box_span , .table_span , .tag_span , .add_span{
  display: none !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 16px;
  position: relative;
  top: -51px;
  margin-left: -20px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.monthly_button{
  font-size: 16px;
  position: relative;
  top: -97.5px;
  margin-left: 82px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.daily_button{
  font-size: 16px;
  position: relative;
  top: -143.5px;
  margin-left: 220.5px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  white-space: nowrap;
}
.note_button{
  font-size: 16px;
  position: relative;
  top: -92.5px;
  margin-left: 37px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.diary_button{
  font-size: 16px;
  position: relative;
  top: -139px;
  margin-left: -20px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.box_button{
  font-size: 16px;
  position: relative;
  top: -235px;
  margin-left: -20px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.table_button{
  font-size: 16px;
  position: relative;
  top: -281px;
  margin-left: 98px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.tag_button{
  font-size: 16px;
  position: relative;
  top: -327.5px;
  margin-left: 215.5px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  white-space: nowrap;
}
.add_button{
  font-size: 16px;
  position: relative;
  top: -324px;
  margin-left: 121px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  white-space: nowrap;
}
.vertical_line{
  position: relative;
  top:-283px;
  margin-left: -19px;
  border-top: 3px solid #707070;
  height: 0;
  width: 110%;
}
.card{
  width: 160px;
  height: 202.64px;
  position: relative;
  margin-top: 13%;
  margin-left: 10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
}
.card span {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  opacity: 0.97;
  transition: width 0.5s, height 0.5s;
}
.card:hover span{
  width: 1000px;
  height: 1000px;
}
/*************************** Modal Img *******************************/



/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(185,185,185); /* Fallback color */
  background-color: rgba(185,185,185,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 10% !important;
  width: 50%;
  max-width: 300px;
}
/* Caption of Modal Image */
#caption {
  width: 80%;
  max-width: 700px;
  font-size: 25px;
  padding: 10px 0;
  height: 150px;
}

/* The Close Button */
.close {
  margin-top: 10%;
  position: absolute;
  margin-left: 93%;
  font-size: 30px !important;
}

/********************************************************************/
.product_img{
  top: 0px;
  width: 130px;
  height: 168.13px;
}
.table1_img{
  margin-top: 20px;
  width: 130px;
  height: 146.47px;
}
.dailyarc_img{
  margin-top: 0px !important;
  width: 110px;
  height: 160.2px;
}
.cake5_img_class{
  margin-top: 50px;
  width: 140px;
  height: 123.42px;
}
.pa1_img{
  margin-top: 8px;
  width: 110px;
  height: 155.2px;
}
.tag2_img{
  margin-top: 10px;
  width: 100px;
  height: 147.81px;  
}
.tag3_img{
  margin-top: 15px;
  width: 110px;
  height: 150.2px;  
}
.tag4_img{
  margin-top: 20px;
  width: 85px;
  height: 145.91px;
}
.mithra1_img{
  margin-top: 25px;
  width: 150px;
  height: 150px;
}
.product_info{
  margin-top: 4px;
  font-size: 15px;
}
.card .content1_div{
  padding: 40px;
}
.zoom_class{
  margin-top: -35px;
  margin-left: -21px;
  letter-spacing: 1px;
  font-size: 13px;
}
.description_box{
  margin-top: -25px;
  margin-left: -22px;
  font-size: 17.5px;
}
.info_box{
  margin-top: -10px;
  margin-left: -21px;
  font-size: 12.5px;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}


}




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


/********************************  Gallery CSS  ********************************/
.gallery_column{
  top: -50px !important;
  min-width: 360px !important;
  max-height: 190px;
  margin-left: 0px ;
}
.gallery_right_column{
  margin-left: -3.5px !important;  
  margin-top: -50px;
  min-width: 370px !important;
  overflow: visible !important;
}
.all_span , .monthly_span , .daily_span , .note_span , .diary_span , .box_span , .table_span , .tag_span , .add_span{
  display: none !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 16px;
  position: relative;
  top: -51px;
  margin-left: -20px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.monthly_button{
  font-size: 16px;
  position: relative;
  top: -96.5px;
  margin-left: 82px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.daily_button{
  font-size: 16px;
  position: relative;
  top: -142px;
  margin-left: 220.5px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  white-space: nowrap;
}
.note_button{
  font-size: 16px;
  position: relative;
  top: -99.5px;
  margin-left: 37px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.diary_button{
  font-size: 16px;
  position: relative;
  top: -145px;
  margin-left: -20px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.box_button{
  font-size: 16px;
  position: relative;
  top: -235px;
  margin-left: -20px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.table_button{
  font-size: 16px;
  position: relative;
  top: -280.5px;
  margin-left: 98px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.tag_button{
  font-size: 16px;
  position: relative;
  top: -326px;
  margin-left: 215.5px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  white-space: nowrap;
}
.add_button{
  font-size: 16px;
  position: relative;
  top: -327.3px;
  margin-left: 121px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  white-space: nowrap;
}
.vertical_line{
  position: relative;
  top:-283px;
  margin-left: -19px;
  border-top: 3px solid #707070;
  height: 0;
  width: 110%;
}
.card{
  width: 160px;
  height: 202.64px;
  position: relative;
  margin-top: 13%;
  margin-left: 10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
}
.card span {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  opacity: 0.97;
  transition: width 0.5s, height 0.5s;
}
.card:hover span{
  width: 1000px;
  height: 1000px;
}
/*************************** Modal Img *******************************/



/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(185,185,185); /* Fallback color */
  background-color: rgba(185,185,185,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 10% !important;
  width: 50%;
  max-width: 300px;
}
/* Caption of Modal Image */
#caption {
  width: 80%;
  max-width: 700px;
  font-size: 25px;
  padding: 10px 0;
  height: 150px;
}

/* The Close Button */
.close {
  margin-top: 10%;
  position: absolute;
  margin-left: 93%;
  font-size: 30px !important;
}

/********************************************************************/
.product_img{
  top: 0px;
  width: 130px;
  height: 168.13px;
}
.table1_img{
  margin-top: 20px;
  width: 130px;
  height: 146.47px;
}
.dailyarc_img{
  margin-top: 0px !important;
  width: 110px;
  height: 160.2px;
}
.cake5_img_class{
  margin-top: 50px;
  width: 140px;
  height: 123.42px;
}
.pa1_img{
  margin-top: 8px;
  width: 110px;
  height: 155.2px;
}
.tag2_img{
  margin-top: 10px;
  width: 100px;
  height: 147.81px;  
}
.tag3_img{
  margin-top: 15px;
  width: 110px;
  height: 150.2px;  
}
.tag4_img{
  margin-top: 20px;
  width: 85px;
  height: 145.91px;
}
.mithra1_img{
  margin-top: 25px;
  width: 150px;
  height: 150px;
}
.product_info{
  margin-top: 4px;
  font-size: 15px;
}
.card .content1_div{
  padding: 40px;
}

.zoom_class{
  margin-top: -35px;
  margin-left: -21px;
  letter-spacing: 1px;
  font-size: 13px;
}
.description_box{
  margin-top: -25px;
  margin-left: -22px;
  font-size: 17.5px;
}
.info_box{
  margin-top: -10px;
  margin-left: -21px;
  font-size: 12.5px;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}


}




/******************************** 371 px ***************************************/

@media screen and (max-width:371px) {
  .topnav{
    min-height: 66px;
  }
  #AClogo{
  display: block ;
  border-radius: 3px;
  position: absolute;
  border-radius: 5px
  width: 197.82px; 
  height: 38px;
  left: 21.5%;
  top: 15px;
  overflow: visible;

}
  .form-control{
   outline: none !important;
   outline-style: none !important;
   
  }

  #TopLogo {
   display: none;
  }
  .home_head {
    display: none;
  }
  .ABOUT_US_HEAD{
    display: none;
  }
  .gallery_head{
    display: none;
  }
  .products_head{
    display: none;
  }
  .print_your_work_head{
    display: none;
  }
  .contact_us_head {
  display: none;  
  }
  .track_head {
  display: none;  
  }
  .search_head{
  display: none !important; 
  width: 150px !important;
  border-radius: 5px 0px 0px 5px ;
  left:240px;
  top:21px;
  height: 31px !important;
   

  }
  form.form_head button{
  display: none !important;  
  width: 35px;
  left:389px;
  top:21.5px; 
  height: 30px !important;

  }

  #cart_head{
  left:81%;
  width: 25px;
  height: 25px;
  top: 21px !important;
   
  }
  #login_head , .loginbtn{
  left:92%;
  width: 15.88px;
  height: 18px;
  top: 26px !important;
  }
  #bar_head{
 display: block;
 color: #4E00FF;
 position: absolute;
 padding-left: 3%;
 font-size:26px;
 cursor:pointer;
 top:15px;
}

  .sidenav {
  display: block;
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 5%;
  filter:drop-shadow(0px 0px 6px #6A6A6A) !important ;
}
/*.sidenav.responsive{
  width:35% !important;
}*/
.sidenav a {
  display: block;
  text-decoration: none;
  font-size: 20px;
  color: #000000;
  display: block;
  transition: 0.3s;
  filter:drop-shadow(1px 0px 0px rgba(0,0,0,0.19) ) !important ;
}
.home_side{
  font-size: 16px !important;
  margin-top: 15px;
  margin-left: 10%;
  margin-right: 62%;
}
.ABOUT_US_side{
  font-size: 16px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 42%;

}
.gallery_side{
  font-size: 16px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 58%;
}
.products_side{
  font-size: 16px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 51%;
}
.print_your_work_side{
  font-size: 16px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 16%;
}
.contact_us_side{
  font-size: 16px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 38%;
}
.track_side{
  font-size: 16px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 63%;
}

.sidenav a:hover {
  color: #ff0000;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 34px;
  margin-left: 50px;
}
.search_responsive{
  display: block !important;
  width:78% !important;
  top: 77px;
  border-radius: 3px 0px 0px 3px !important;
  filter:drop-shadow(0px 0px 3px rgba(100,100,100,0.38) ) !important ;
  height: 42px !important;
  overflow: visible;
  color: color: #D9D9D9 !important;
  position: absolute;
  left: 5%;
  float: left;
  outline: none !important;
  background:#FCFCFC;
  }
  form.form_responsive button{
  display: block !important;
  float: left;
  top: 77.1px;
  width: 45px;
  height: 41.7px !important;
  overflow: visible;
  border-radius: 0px 5px 5px 0px !important;  
  border:none !important;
  border-style: none !important;
  outline: none !important;
  background: #FF0000;
  color: white;
  font-size: 17px;
  position: absolute;
  left: 82%;
  border-left: none;
  cursor: pointer;
}
.slideshow-container {
  margin-top: 38% !important;
  position: relative;
  margin: auto;
}

/********************************  Logo Row 0  **********************************/

.logo_footer_851{
  margin-left: 32%;
  margin-top: 3% !important;
  height: 80px;
  width: 116.7px;
}

/*********************************  Row 1  *********************************/
.accordion{
  font-size: 13px;
}
.footer_row1{
  margin-top: 1.5%;
  line-height: 2.2;
  position: absolute;
  font-size: 11px;
  font-family: Arial;
  color: #0000FF;
  justify-content: flex-start;
}

/*********************************  Row 2  *********************************/

.footer_row2{
  margin-top: 0.5%; 
}
.subscribe_letter_851{
  font-size: 12px;
  font-family: Arial;
}
.subscribe_input_851{
  width: 39%;
  height: 34px;
  font-size: 13px;
}
.subscribe_button_851{
  width: 11%;
  position: relative;
  top:0px;
  height: 34px;
  font-size: 14px;
}

/*********************************  Row 3  *********************************/

.follow_footer_851{
  margin-top: 1.5%;
  font-size: 13px;
  letter-spacing: 0px;
  margin-left: 1.5%;
  font-weight: bold;
  word-spacing: 0px;

}
.facebook_img_png_851{
  width: 17px;
  margin-left: 1.5%;
}
.twitter_img_png_851{
  width: 17px;
  margin-left: 3%;
}
.instagram_img_png_851{
  width: 17px;
  margin-left: 3%;
}
.linkedin_img_png_851{
  width: 17px;
  margin-left: 3%;
}
.youtube_img_png_851{
  width: 22px;
  margin-left: 3%;
}

/*********************************  Row 4  *********************************/
div.col.footer_row4{
  min-height: 170px;
}
.footer_row4{
  margin-top: 1.5%;
}
.map_img_png_851{
  width: 16px;
}
.phone1_img_png_851{
  width: 16px;
  position: relative;
  top:38px;
}
.phone2_img_png_851{
  width: 16px;
  position: relative;
  top:43px;
}
.mail1_img_png_851{
  width: 16px;
  position: relative;
  top:47px;
}
.mail2_img_png_851{
  width: 16px;
  position: relative;
  top:51px;
}
.address_foot_851{
  display: inline-block;
  margin-left:7%;
  position: absolute;
  top:5px;
  font-size: 12px;
}
.m1_foot_851{
  display: inline-block;
  margin-left:7%;
  top:68px;
  position: absolute;
  font-size: 12px;
}
.m2_foot_851{
  display: inline-block;
  margin-left:7%;
  top:98px;
  position: absolute;
  font-size: 12px;
}
.mail1_foot_851{
  display: inline-block;
  margin-left:7%;
  top:124px;
  position: absolute;
  font-size: 12px;
}
.mail2_foot_851{
  display: inline-block;
  margin-left:7%;
  top:153px;
  position: absolute;
  font-size: 12px;
}


/*********************************  Row 5  *********************************/

.footer_row5{
  margin-top: 1.5%;
  font-size: 10px;
}

/*********************************  Row 6  *********************************/
.footer_row6{
  margin-top: 3%;
}
.copyright_851{
  font-size: 9px;
  font-weight: bold;
  margin-bottom: 8px;
  word-spacing: 2px;
}
.login_dropdown_content{
  margin-top: 20.2%;
  left:151px;
  min-width: 180px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a{
  font-size: 16px;
  padding:5.5px 10px;  
}





/********************************  Gallery CSS  ********************************/
.gallery_column{
  top: -50px !important;
  min-width: 330px !important;
  max-height: 165px;
  margin-left: 0px ;
}
.gallery_right_column{
  margin-left: -3.5px !important;  
  margin-top: -50px;
  min-width: 340px !important;
  overflow: visible !important;
}
.all_span , .monthly_span , .daily_span , .note_span , .diary_span , .box_span , .table_span , .tag_span , .add_span{
  display: none !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 14px;
  position: relative;
  top: -50px;
  margin-left: -20px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.monthly_button{
  font-size: 14px;
  position: relative;
  top: -91.8px;
  margin-left: 72px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.daily_button{
  font-size: 14px;
  position: relative;
  top: -133.8px;
  margin-left: 195.3px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  white-space: nowrap;
}
.note_button{
  font-size: 14px;
  position: relative;
  top: -87px;
  margin-left: 33px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.diary_button{
  font-size: 14px;
  position: relative;
  top: -129px;
  margin-left: -20px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.box_button{
  font-size: 14px;
  position: relative;
  top: -215px;
  margin-left: -20px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.table_button{
  font-size: 14px;
  position: relative;
  top: -257px;
  margin-left: 87px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.tag_button{
  font-size: 14px;
  position: relative;
  top: -298.8px;
  margin-left: 193.5px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  white-space: nowrap;
}
.add_button{
  font-size: 14px;
  position: relative;
  top: -296px;
  margin-left: 110px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  white-space: nowrap;
}
.vertical_line{
  position: relative;
  top:-253px;
  margin-left: -19px;
  border-top: 3px solid #707070;
  height: 0;
  width: 110%;
}
.card{
  width: 180px;
  height: 228px;
  position: relative;
  margin-top: 13%;
  margin-left: 70px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
}
.card span {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  opacity: 0.97;
  transition: width 0.5s, height 0.5s;
}
.card:hover span{
  width: 1000px;
  height: 1000px;
}
/*************************** Modal Img *******************************/

/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(185,185,185); /* Fallback color */
  background-color: rgba(185,185,185,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 15% !important;
  width: 48%;
  max-width: 270px;
}
/* Caption of Modal Image */
#caption {
  width: 80%;
  max-width: 700px;
  font-size: 22px;
  padding: 10px 0;
  height: 150px;
}

/* The Close Button */
.close {
  margin-top: 15%;
  position: absolute;
  margin-left: 93%;
  font-size: 30px !important;
}

/********************************************************************/
.product_img{
  top: 0px;
  width: 150px;
  height: 194px;
}
.table1_img{
  margin-top: 20px;
  width: 150px;
  height: 169px;
}
.dailyarc_img{
  margin-top: 0px !important;
  width: 130px;
  height: 189.33px;
}
.cake5_img_class{
  margin-top: 50px;
  width: 160px;
  height: 141.06px;
}
.pa1_img{
  margin-top: 8px;
  width: 130px;
  height: 183.42px;
}
.tag2_img{
  margin-top: 10px;
  width: 120px;
  height: 177.37px;  
}
.tag3_img{
  margin-top: 15px;
  width: 130px;
  height: 177.51px;  
}
.tag4_img{
  margin-top: 20px;
  width: 105px;
  height: 180.24px;
}
.mithra1_img{
  margin-top: 25px;
  width: 170px;
  height: 170px;
}
.product_info{
  margin-top: 4px;
  font-size: 15px;
}
.card .content1_div{
  padding: 40px;
}

.zoom_class{
  margin-top: -35px;
  margin-left: -11px;
  letter-spacing: 1px;
  font-size: 14.5px;
}
.description_box{
  margin-top: -25px;
  margin-left: -13px;
  font-size: 19px;
}
.info_box{
  margin-top: -10px;
  margin-left: -10px;
  font-size: 14px;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}




} 



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

/********************************  Gallery CSS  ********************************/
.gallery_column{
  top: -50px !important;
  min-width: 330px !important;
  max-height: 165px;
  margin-left: 0px ;
}
.gallery_right_column{
  margin-left: -3.5px !important;  
  margin-top: -50px;
  min-width: 340px !important;
  overflow: visible !important;
}
.all_span , .monthly_span , .daily_span , .note_span , .diary_span , .box_span , .table_span , .tag_span , .add_span{
  display: none !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 14px;
  position: relative;
  top: -51px;
  margin-left: -20px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.monthly_button{
  font-size: 14px;
  position: relative;
  top: -91.8px;
  margin-left: 72px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.daily_button{
  font-size: 14px;
  position: relative;
  top: -132.5px;
  margin-left: 195.3px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  white-space: nowrap;
}
.note_button{
  font-size: 14px;
  position: relative;
  top: -92.3px;
  margin-left: 33px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.diary_button{
  font-size: 14px;
  position: relative;
  top: -133px;
  margin-left: -20px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.box_button{
  font-size: 14px;
  position: relative;
  top: -215px;
  margin-left: -20px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.table_button{
  font-size: 14px;
  position: relative;
  top: -256px;
  margin-left: 87px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.tag_button{
  font-size: 14px;
  position: relative;
  top: -296.8px;
  margin-left: 193.5px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  white-space: nowrap;
}
.add_button{
  font-size: 14px;
  position: relative;
  top: -296.8px;
  margin-left: 110px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  white-space: nowrap;
}
.vertical_line{
  position: relative;
  top:-253px;
  margin-left: -19px;
  border-top: 3px solid #707070;
  height: 0;
  width: 110%;
}
.card{
  width: 180px;
  height: 228px;
  position: relative;
  margin-top: 13%;
  margin-left: 70px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
}
.card span {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  opacity: 0.97;
  transition: width 0.5s, height 0.5s;
}
.card:hover span{
  width: 1000px;
  height: 1000px;
}
/*************************** Modal Img *******************************/


/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(185,185,185); /* Fallback color */
  background-color: rgba(185,185,185,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 15% !important;
  width: 48%;
  max-width: 270px;
}
/* Caption of Modal Image */
#caption {
  width: 80%;
  max-width: 700px;
  font-size: 22px;
  padding: 10px 0;
  height: 150px;
}

/* The Close Button */
.close {
  margin-top: 15%;
  position: absolute;
  margin-left: 93%;
  font-size: 30px !important;
}

/********************************************************************/
.product_img{
  top: 0px;
  width: 150px;
  height: 194px;
}
.table1_img{
  margin-top: 20px;
  width: 150px;
  height: 169px;
}
.dailyarc_img{
  margin-top: 0px !important;
  width: 130px;
  height: 189.33px;
}
.cake5_img_class{
  margin-top: 50px;
  width: 160px;
  height: 141.06px;
}
.pa1_img{
  margin-top: 8px;
  width: 130px;
  height: 183.42px;
}
.tag2_img{
  margin-top: 10px;
  width: 120px;
  height: 177.37px;  
}
.tag3_img{
  margin-top: 15px;
  width: 130px;
  height: 177.51px;  
}
.tag4_img{
  margin-top: 20px;
  width: 105px;
  height: 180.24px;
}
.mithra1_img{
  margin-top: 25px;
  width: 170px;
  height: 170px;
}
.product_info{
  margin-top: 4px;
  font-size: 15px;
}
.card .content1_div{
  padding: 40px;
}

.zoom_class{
  margin-top: -35px;
  margin-left: -11px;
  letter-spacing: 1px;
  font-size: 13.5px;
}
.description_box{
  margin-top: -25px;
  margin-left: -13px;
  font-size: 18px;
}
.info_box{
  margin-top: -10px;
  margin-left: -10px;
  font-size: 13px;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}

}



/******************************** 341 px ***************************************/

@media screen and (max-width:341px) {
  .topnav{
    min-height: 65px;
  }
  #AClogo{
  display: block ;
  border-radius: 3px;
  position: absolute;
  border-radius: 5px
  width: 187.41px; 
  height: 36px;
  left: 18.5%;
  top: 15px;
  overflow: visible;

}
  .form-control{
   outline: none !important;
   outline-style: none !important;
   
  }

  #TopLogo {
   display: none;
  }
  .home_head {
    display: none;
  }
  .ABOUT_US_HEAD{
    display: none;
  }
  .gallery_head{
    display: none;
  }
  .products_head{
    display: none;
  }
  .print_your_work_head{
    display: none;
  }
  .contact_us_head {
  display: none;  
  }
  .track_head {
  display: none;  
  }
  .search_head{
  display: none !important; 
  width: 150px !important;
  border-radius: 5px 0px 0px 5px ;
  left:240px;
  top:21px;
  height: 31px !important;
   

  }
  form.form_head button{
  display: none !important;  
  width: 35px;
  left:389px;
  top:21.5px; 
  height: 30px !important;

  }

  #cart_head{
  left:81%;
  width: 25px;
  height: 25px;
  top: 21px !important;
   
  }
  #login_head , .loginbtn{
  left:92%;
  width: 15.88px;
  height: 18px;
  top: 26px !important;
  }
  #bar_head{
 display: block;
 color: #4E00FF;
 position: absolute;
 padding-left: 3%;
 font-size:26px;
 cursor:pointer;
 top:14px;
}

  .sidenav {
  display: block;
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 5%;
  filter:drop-shadow(0px 0px 6px #6A6A6A) !important ;
}

.sidenav a {
  display: block;
  text-decoration: none;
  font-size: 20px;
  color: #000000;
  display: block;
  transition: 0.3s;
  filter:drop-shadow(1px 0px 0px rgba(0,0,0,0.19) ) !important ;
}
.home_side{
  font-size: 15px !important;
  margin-top: 15px;
  margin-left: 10%;
  margin-right: 62%;
}
.ABOUT_US_side{
  font-size: 15px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 42%;

}
.gallery_side{
  font-size: 15px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 58%;
}
.products_side{
  font-size: 15px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 51%;
}
.print_your_work_side{
  font-size: 15px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 16%;
}
.contact_us_side{
  font-size: 15px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 38%;
}
.track_side{
  font-size: 15px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 63%;
}

.sidenav a:hover {
  color: #ff0000;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 34px;
  margin-left: 50px;
}
.search_responsive{
  display: block !important;
  width:78% !important;
  top: 77px;
  border-radius: 3px 0px 0px 3px !important;
  filter:drop-shadow(0px 0px 3px rgba(100,100,100,0.38) ) !important ;
  height: 42px !important;
  overflow: visible;
  color: color: #D9D9D9 !important;
  position: absolute;
  left: 5%;
  float: left;
  outline: none !important;
  background:#FCFCFC;
  }
  form.form_responsive button{
  display: block !important;
  float: left;
  top: 77.1px;
  width: 45px;
  height: 41.7px !important;
  overflow: visible;
  border-radius: 0px 5px 5px 0px !important;  
  border:none !important;
  border-style: none !important;
  outline: none !important;
  background: #FF0000;
  color: white;
  font-size: 17px;
  position: absolute;
  left: 82%;
  border-left: none;
  cursor: pointer;
}

.slideshow-container {
  margin-top: 39.5% !important;
  position: relative;
  margin: auto;
}

/********************************  Logo Row 0  **********************************/

.logo_footer_851{
  margin-left: 26%;
  margin-top: 3% !important;
  height: 80px;
  width: 116.7px;
}

/*********************************  Row 1  *********************************/
.accordion{
  font-size: 11px;
  margin-right: 10%;
}
.footer_row1{
  margin-top: 1.5%;
  line-height: 2.2;
  position: absolute;
  font-size: 11px;
  font-family: Arial;
  color: #0000FF;
  justify-content: flex-start;
}

/*********************************  Row 2  *********************************/

.footer_row2{
  margin-top: 0.5%; 
}
.subscribe_letter_851{
  font-size: 11px;
  font-family: Arial;
}
.subscribe_input_851{
  width: 42%;
  height: 30px;
  font-size: 13px;
}
.subscribe_button_851{
  width: 11%;
  position: relative;
  top:0px;
  height: 30px;
  font-size: 14px;
}

/*********************************  Row 3  *********************************/

.follow_footer_851{
  margin-top: 1.5%;
  font-size: 11px;
  letter-spacing: 0px;
  margin-left: 1.5%;
  font-weight: bold;
  word-spacing: 0px;

}
.facebook_img_png_851{
  width: 15px;
  margin-left: 1.5%;
}
.twitter_img_png_851{
  width: 15px;
  margin-left: 3%;
}
.instagram_img_png_851{
  width: 15px;
  margin-left: 3%;
}
.linkedin_img_png_851{
  width: 15px;
  margin-left: 3%;
}
.youtube_img_png_851{
  width: 20px;
  margin-left: 3%;
}

/*********************************  Row 4  *********************************/
div.col.footer_row4{
  min-height: 150px;
}
.footer_row4{
  margin-top: 0%;
}
.map_img_png_851{
  width: 15px;
}
.phone1_img_png_851{
  width: 15px;
  position: relative;
  top:30px;
}
.phone2_img_png_851{
  width: 15px;
  position: relative;
  top:30px;
}
.mail1_img_png_851{
  width: 15px;
  position: relative;
  top:31px;
}
.mail2_img_png_851{
  width: 15px;
  position: relative;
  top:30px;
}
.address_foot_851{
  display: inline-block;
  margin-left:7%;
  position: absolute;
  top:5px;
  font-size: 11.5px;
}
.m1_foot_851{
  display: inline-block;
  margin-left:7%;
  top:60px;
  position: absolute;
  font-size: 11.5px;
}
.m2_foot_851{
  display: inline-block;
  margin-left:7%;
  top:85px;
  position: absolute;
  font-size: 11.5px;
}
.mail1_foot_851{
  display: inline-block;
  margin-left:7%;
  top:108px;
  position: absolute;
  font-size: 11.5px;
}
.mail2_foot_851{
  display: inline-block;
  margin-left:7%;
  top:132px;
  position: absolute;
  font-size: 11.5px;
}


/*********************************  Row 5  *********************************/

.footer_row5{
  margin-top: 1.5%;
  margin-right: 8%;
  font-size: 9.5px;
}

/*********************************  Row 6  *********************************/
.footer_row6{
  margin-top: 3%;
}
.copyright_851{
  font-size: 8.5px;
  font-weight: bold;
  margin-bottom: 10px;
  word-spacing: 2px;
}
.login_dropdown_content{
  margin-top: 21%;
  left:130px;
  min-width: 180px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a{
  font-size: 15px;
  padding:5.5px 10px;  
}






/********************************  Gallery CSS  ********************************/
.gallery_column{
  top: -30px !important;
  min-width: 310px !important;
  max-height: 165px;
  margin-left: 0px ;
}
.gallery_right_column{
  margin-left: -3.5px !important;  
  margin-top: -50px;
  min-width: 310px !important;
  overflow: visible !important;
}
.all_span , .monthly_span , .daily_span , .note_span , .diary_span , .box_span , .table_span , .tag_span , .add_span{
  display: none !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 14px;
  position: relative;
  top: -51px;
  margin-left: -27px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.monthly_button{
  font-size: 14px;
  position: relative;
  top: -91px;
  margin-left: 62px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.daily_button{
  font-size: 14px;
  position: relative;
  top: -131px;
  margin-left: 183.3px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  white-space: nowrap;
}
.note_button{
  font-size: 14px;
  position: relative;
  top: -79.5px;
  margin-left: 23.5px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.diary_button{
  font-size: 14px;
  position: relative;
  top: -120px;
  margin-left: -27px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.box_button{
  font-size: 14px;
  position: relative;
  top: -205px;
  margin-left: -27px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.table_button{
  font-size: 14px;
  position: relative;
  top: -244.8px;
  margin-left: 77px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.tag_button{
  font-size: 14px;
  position: relative;
  top: -284.8px;
  margin-left: 180.5px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  white-space: nowrap;
}
.add_button{
  font-size: 14px;
  position: relative;
  top: -280px;
  margin-left: 97px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  white-space: nowrap;
}
.vertical_line{
  position: relative;
  top:-243px;
  margin-left: -27px;
  border-top: 3px solid #707070;
  height: 0;
  width: 121%;
}
.card{
  width: 180px;
  height: 228px;
  position: relative;
  margin-top: 13%;
  margin-left: 60px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
}
.card span {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  opacity: 0.97;
  transition: width 0.5s, height 0.5s;
}
.card:hover span{
  width: 1000px;
  height: 1000px;
}
/*************************** Modal Img *******************************/



/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(185,185,185); /* Fallback color */
  background-color: rgba(185,185,185,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 15% !important;
  width: 48%;
  max-width: 250px;
}
/* Caption of Modal Image */
#caption {
  width: 80%;
  max-width: 700px;
  font-size: 20px;
  padding: 10px 0;
  height: 150px;
}

/* The Close Button */
.close {
  margin-top: 15%;
  position: absolute;
  margin-left: 92%;
  font-size: 27px !important;
}

/********************************************************************/
.product_img{
  top: 0px;
  width: 150px;
  height: 194px;
}
.table1_img{
  margin-top: 20px;
  width: 150px;
  height: 169px;
}
.dailyarc_img{
  margin-top: 0px !important;
  width: 130px;
  height: 189.33px;
}
.cake5_img_class{
  margin-top: 50px;
  width: 160px;
  height: 141.06px;
}
.pa1_img{
  margin-top: 8px;
  width: 130px;
  height: 183.42px;
}
.tag2_img{
  margin-top: 10px;
  width: 120px;
  height: 177.37px;  
}
.tag3_img{
  margin-top: 15px;
  width: 130px;
  height: 177.51px;  
}
.tag4_img{
  margin-top: 20px;
  width: 105px;
  height: 180.24px;
}
.mithra1_img{
  margin-top: 25px;
  width: 170px;
  height: 170px;
}
.product_info{
  margin-top: 4px;
  font-size: 15px;
}
.card .content1_div{
  padding: 40px;
}

.zoom_class{
  margin-top: -35px;
  margin-left: -11px;
  letter-spacing: 1px;
  font-size: 13.5px;
}
.description_box{
  margin-top: -15px;
  margin-left: -13px;
  font-size: 18px;
}
.info_box{
  margin-top: -10px;
  margin-left: -10px;
  font-size: 13px;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}






} 



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


    /********************************  Gallery CSS  ********************************/
.gallery_column{
  top: -30px !important;
  min-width: 310px !important;
  max-height: 165px;
  margin-left: 0px ;
}
.gallery_right_column{
  margin-left: -3.5px !important;  
  margin-top: -50px;
  min-width: 310px !important;
  overflow: visible !important;
}
.all_span , .monthly_span , .daily_span , .note_span , .diary_span , .box_span , .table_span , .tag_span , .add_span{
  display: none !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 14px;
  position: relative;
  top: -51px;
  margin-left: -27px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.monthly_button{
  font-size: 14px;
  position: relative;
  top: -90.5px;
  margin-left: 62px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.daily_button{
  font-size: 14px;
  position: relative;
  top: -130.3px;
  margin-left: 183.3px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  white-space: nowrap;
}
.note_button{
  font-size: 14px;
  position: relative;
  top: -80.5px;
  margin-left: 23.5px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.diary_button{
  font-size: 14px;
  position: relative;
  top: -120px;
  margin-left: -27px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.box_button{
  font-size: 14px;
  position: relative;
  top: -205px;
  margin-left: -27px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.table_button{
  font-size: 14px;
  position: relative;
  top: -244.8px;
  margin-left: 77px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
}
.tag_button{
  font-size: 14px;
  position: relative;
  top: -284.3px;
  margin-left: 180.5px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  white-space: nowrap;
}
.add_button{
  font-size: 14px;
  position: relative;
  top: -278.5px;
  margin-left: 97px;
  border-style:solid !important;
  border-width:2px;
  border-radius:5px;
  white-space: nowrap;
}
.vertical_line{
  position: relative;
  top:-243px;
  margin-left: -27px;
  border-top: 3px solid #707070;
  height: 0;
  width: 121%;
}
.card{
  width: 180px;
  height: 228px;
  position: relative;
  margin-top: 13%;
  margin-left: 60px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
}
.card span {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  opacity: 0.97;
  transition: width 0.5s, height 0.5s;
}
.card:hover span{
  width: 1000px;
  height: 1000px;
}
/*************************** Modal Img *******************************/



/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(185,185,185); /* Fallback color */
  background-color: rgba(185,185,185,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 15% !important;
  width: 48%;
  max-width: 250px;
}
/* Caption of Modal Image */
#caption {
  width: 80%;
  max-width: 700px;
  font-size: 20px;
  padding: 10px 0;
  height: 150px;
}

/* The Close Button */
.close {
  margin-top: 15%;
  position: absolute;
  margin-left: 92%;
  font-size: 27px !important;
}

/********************************************************************/
.product_img{
  top: 0px;
  width: 150px;
  height: 194px;
}
.table1_img{
  margin-top: 20px;
  width: 150px;
  height: 169px;
}
.dailyarc_img{
  margin-top: 0px !important;
  width: 130px;
  height: 189.33px;
}
.cake5_img_class{
  margin-top: 50px;
  width: 160px;
  height: 141.06px;
}
.pa1_img{
  margin-top: 8px;
  width: 130px;
  height: 183.42px;
}
.tag2_img{
  margin-top: 10px;
  width: 120px;
  height: 177.37px;  
}
.tag3_img{
  margin-top: 15px;
  width: 130px;
  height: 177.51px;  
}
.tag4_img{
  margin-top: 20px;
  width: 105px;
  height: 180.24px;
}
.mithra1_img{
  margin-top: 25px;
  width: 170px;
  height: 170px;
}
.product_info{
  margin-top: 4px;
  font-size: 15px;
}
.card .content1_div{
  padding: 40px;
}

.zoom_class{
  margin-top: -35px;
  margin-left: -11px;
  letter-spacing: 1px;
  font-size: 13.5px;
}
.description_box{
  margin-top: -15px;
  margin-left: -13px;
  font-size: 18px;
}
.info_box{
  margin-top: -10px;
  margin-left: -10px;
  font-size: 13px;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}

}



/******************************** 316 px ***************************************/

@media screen and (max-width:316px) {
  .topnav{
    min-height: 64px;
  }
  #AClogo{
  display: block ;
  border-radius: 3px;
  position: absolute;
  border-radius: 5px
  width: 182.2px; 
  height: 35px;
  left: 18.5%;
  top: 15px;
  overflow: visible;

}
  .form-control{
   outline: none !important;
   outline-style: none !important;
   
  }

  #TopLogo {
   display: none;
  }
  .home_head {
    display: none;
  }
  .ABOUT_US_HEAD{
    display: none;
  }
  .gallery_head{
    display: none;
  }
  .products_head{
    display: none;
  }
  .print_your_work_head{
    display: none;
  }
  .contact_us_head {
  display: none;  
  }
  .track_head {
  display: none;  
  }
  .search_head{
  display: none !important; 
  width: 150px !important;
  border-radius: 5px 0px 0px 5px ;
  left:240px;
  top:21px;
  height: 31px !important;
   

  }
  form.form_head button{
  display: none !important;  
  width: 35px;
  left:389px;
  top:21.5px; 
  height: 30px !important;

  }

  #cart_head{
  left:81%;
  width: 25px;
  height: 25px;
  top: 21px !important;
   
  }
  #login_head , .loginbtn{
  left:92%;
  width: 15.88px;
  height: 18px;
  top: 26px !important;
  }
  #bar_head{
 display: block;
 color: #4E00FF;
 position: absolute;
 padding-left: 3%;
 font-size:25.5px;
 cursor:pointer;
 top:14px;
}

  .sidenav {
  display: block;
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 5%;
  filter:drop-shadow(0px 0px 6px #6A6A6A) !important ;
}
/*.sidenav.responsive{
  width:35% !important;
}*/
.sidenav a {
  display: block;
  text-decoration: none;
  font-size: 20px;
  color: #000000;
  display: block;
  transition: 0.3s;
  filter:drop-shadow(1px 0px 0px rgba(0,0,0,0.19) ) !important ;
}
.home_side{
  font-size: 14px !important;
  margin-top: 15px;
  margin-left: 10%;
  margin-right: 62%;
}
.ABOUT_US_side{
  font-size: 14px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 42%;

}
.gallery_side{
  font-size: 14px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 58%;
}
.products_side{
  font-size: 14px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 51%;
}
.print_your_work_side{
  font-size: 14px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 16%;
}
.contact_us_side{
  font-size: 14px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 38%;
}
.track_side{
  font-size: 14px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 63%;
}

.sidenav a:hover {
  color: #ff0000;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 31px;
  margin-left: 50px;
}
.search_responsive{
  display: block !important;
  width:78% !important;
  top: 77px;
  border-radius: 3px 0px 0px 3px !important;
  filter:drop-shadow(0px 0px 3px rgba(100,100,100,0.38) ) !important ;
  height: 37px !important;
  overflow: visible;
  color: color: #D9D9D9 !important;
  position: absolute;
  left: 5%;
  float: left;
  outline: none !important;
  background:#FCFCFC;
  }
  form.form_responsive button{
  display: block !important;
  float: left;
  top: 77.4px;
  width: 43px;
  height: 36.9px !important;
  overflow: visible;
  border-radius: 0px 5px 5px 0px !important;  
  border:none !important;
  border-style: none !important;
  outline: none !important;
  background: #FF0000;
  color: white;
  font-size: 17px;
  position: absolute;
  left: 82%;
  border-left: none;
  cursor: pointer;
}
.slideshow-container {
  margin-top: 40.5% !important;
  position: relative;
  margin: auto;
}

/********************************  Logo Row 0  **********************************/

.logo_footer_851{
  margin-left: 26%;
  margin-top: 3% !important;
  height: 80px;
  width: 116.7px;
}

/*********************************  Row 1  *********************************/
.accordion{
  font-size: 11px;
  margin-right: 10%;
}
.footer_row1{
  margin-top: 1.5%;
  line-height: 2.2;
  position: absolute;
  font-size: 11px;
  font-family: Arial;
  color: #0000FF;
  justify-content: flex-start;
}

/*********************************  Row 2  *********************************/

.footer_row2{
  margin-top: 0.5%; 
}
.subscribe_letter_851{
  font-size: 11px;
  font-family: Arial;
}
.subscribe_input_851{
  width: 42%;
  height: 30px;
  font-size: 13px;
}
.subscribe_button_851{
  width: 11%;
  position: relative;
  top:0px;
  height: 30px;
  font-size: 14px;
}

/*********************************  Row 3  *********************************/

.follow_footer_851{
  margin-top: 1.5%;
  font-size: 11px;
  letter-spacing: 0px;
  margin-left: 1.5%;
  font-weight: bold;
  word-spacing: 0px;

}
.facebook_img_png_851{
  width: 15px;
  margin-left: 1.5%;
}
.twitter_img_png_851{
  width: 15px;
  margin-left: 3%;
}
.instagram_img_png_851{
  width: 15px;
  margin-left: 3%;
}
.linkedin_img_png_851{
  width: 15px;
  margin-left: 3%;
}
.youtube_img_png_851{
  width: 20px;
  margin-left: 3%;
}

/*********************************  Row 4  *********************************/
div.col.footer_row4{
  min-height: 150px;
}
.footer_row4{
  margin-top: 0%;
}
.map_img_png_851{
  width: 15px;
}
.phone1_img_png_851{
  width: 15px;
  position: relative;
  top:30px;
}
.phone2_img_png_851{
  width: 15px;
  position: relative;
  top:30px;
}
.mail1_img_png_851{
  width: 15px;
  position: relative;
  top:31px;
}
.mail2_img_png_851{
  width: 15px;
  position: relative;
  top:30px;
}
.address_foot_851{
  display: inline-block;
  margin-left:7%;
  position: absolute;
  top:5px;
  font-size: 11.5px;
}
.m1_foot_851{
  display: inline-block;
  margin-left:7%;
  top:60px;
  position: absolute;
  font-size: 11.5px;
}
.m2_foot_851{
  display: inline-block;
  margin-left:7%;
  top:85px;
  position: absolute;
  font-size: 11.5px;
}
.mail1_foot_851{
  display: inline-block;
  margin-left:7%;
  top:108px;
  position: absolute;
  font-size: 11.5px;
}
.mail2_foot_851{
  display: inline-block;
  margin-left:7%;
  top:132px;
  position: absolute;
  font-size: 11.5px;
}


/*********************************  Row 5  *********************************/

.footer_row5{
  margin-top: 1.5%;
  margin-right: 8%;
  font-size: 9.5px;
}

/*********************************  Row 6  *********************************/
.footer_row6{
  margin-top: 3%;
}
.copyright_851{
  font-size: 8.5px;
  font-weight: bold;
  margin-bottom: 10px;
  word-spacing: 2px;
}
.login_dropdown_content{
  margin-top: 22.3%;
  left:110px;
  min-width: 180px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a{
  font-size: 14.5px;
  padding:5px 10px;  
}






/********************************  Gallery CSS  ********************************/
.gallery_column{
  top: -30px !important;
  min-width: 290px !important;
  max-height: 165px;
  margin-left: 0px ;
}
.gallery_right_column{
  margin-left: -3.5px !important;  
  margin-top: -50px;
  min-width: 290px !important;
  overflow: visible !important;
}
.all_span , .monthly_span , .daily_span , .note_span , .diary_span , .box_span , .table_span , .tag_span , .add_span{
  display: none !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 13px;
  position: relative;
  top: -51px;
  margin-left: -27px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
}
.monthly_button{
  font-size: 13px;
  position: relative;
  top: -87.5px;
  margin-left: 57px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
}
.daily_button{
  font-size: 13px;
  position: relative;
  top: -124.3px;
  margin-left: 170.5px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
  white-space: nowrap;
}
.note_button{
  font-size: 13px;
  position: relative;
  top: -76.8px;
  margin-left: 22px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
}
.diary_button{
  font-size: 13px;
  position: relative;
  top: -113px;
  margin-left: -27px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
}
.box_button{
  font-size: 13px;
  position: relative;
  top: -190px;
  margin-left: -27px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
}
.table_button{
  font-size: 13px;
  position: relative;
  top: -226.1px;
  margin-left: 71px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
}
.tag_button{
  font-size: 13px;
  position: relative;
  top: -262.3px;
  margin-left: 169px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
  white-space: nowrap;
}
.add_button{
  font-size: 13px;
  position: relative;
  top: -261px;
  margin-left: 92px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
  white-space: nowrap;
}
.vertical_line{
  position: relative;
  top:-223px;
  margin-left: -27px;
  border-top: 2px solid #707070;
  height: 0;
  width: 122%;
}
.card{
  width: 180px;
  height: 228px;
  position: relative;
  margin-top: 13%;
  margin-left: 50px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
}
.card span {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  opacity: 0.97;
  transition: width 0.5s, height 0.5s;
}
.card:hover span{
  width: 1000px;
  height: 1000px;
}
/*************************** Modal Img *******************************/



/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(185,185,185); /* Fallback color */
  background-color: rgba(185,185,185,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 20% !important;
  width: 48%;
  max-width: 230px;
}
/* Caption of Modal Image */
#caption {
  width: 80%;
  max-width: 700px;
  font-size: 20px;
  padding: 10px 0;
  height: 150px;
}

/* The Close Button */
.close {
  margin-top: 20%;
  position: absolute;
  margin-left: 92%;
  font-size: 27px !important;
}

/********************************************************************/
.product_img{
  top: 0px;
  width: 150px;
  height: 194px;
}
.table1_img{
  margin-top: 20px;
  width: 150px;
  height: 169px;
}
.dailyarc_img{
  margin-top: 0px !important;
  width: 130px;
  height: 189.33px;
}
.cake5_img_class{
  margin-top: 50px;
  width: 160px;
  height: 141.06px;
}
.pa1_img{
  margin-top: 8px;
  width: 130px;
  height: 183.42px;
}
.tag2_img{
  margin-top: 10px;
  width: 120px;
  height: 177.37px;  
}
.tag3_img{
  margin-top: 15px;
  width: 130px;
  height: 177.51px;  
}
.tag4_img{
  margin-top: 20px;
  width: 105px;
  height: 180.24px;
}
.mithra1_img{
  margin-top: 25px;
  width: 170px;
  height: 170px;
}
.product_info{
  margin-top: 4px;
  font-size: 15px;
}
.card .content1_div{
  padding: 40px;
}

.zoom_class{
  margin-top: -35px;
  margin-left: -11px;
  letter-spacing: 1px;
  font-size: 13.5px;
}
.description_box{
  margin-top: -15px;
  margin-left: -13px;
  font-size: 18px;
}
.info_box{
  margin-top: -10px;
  margin-left: -10px;
  font-size: 13px;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}






} 


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

    /********************************  Gallery CSS  ********************************/
.gallery_column{
  top: -30px !important;
  min-width: 290px !important;
  max-height: 165px;
  margin-left: 0px ;
}
.gallery_right_column{
  margin-left: -3.5px !important;  
  margin-top: -50px;
  min-width: 290px !important;
  overflow: visible !important;
}
.all_span , .monthly_span , .daily_span , .note_span , .diary_span , .box_span , .table_span , .tag_span , .add_span{
  display: none !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 13px;
  position: relative;
  top: -51px;
  margin-left: -27px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
}
.monthly_button{
  font-size: 13px;
  position: relative;
  top: -87.5px;
  margin-left: 57px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
}
.daily_button{
  font-size: 13px;
  position: relative;
  top: -124.3px;
  margin-left: 170.5px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
  white-space: nowrap;
}
.note_button{
  font-size: 13px;
  position: relative;
  top: -76.8px;
  margin-left: 22px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
}
.diary_button{
  font-size: 13px;
  position: relative;
  top: -113px;
  margin-left: -27px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
}
.box_button{
  font-size: 13px;
  position: relative;
  top: -190px;
  margin-left: -27px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
}
.table_button{
  font-size: 13px;
  position: relative;
  top: -226.1px;
  margin-left: 71px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
}
.tag_button{
  font-size: 13px;
  position: relative;
  top: -262.3px;
  margin-left: 169px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
  white-space: nowrap;
}
.add_button{
  font-size: 13px;
  position: relative;
  top: -256.8px;
  margin-left: 92px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
  white-space: nowrap;
}
.vertical_line{
  position: relative;
  top:-223px;
  margin-left: -27px;
  border-top: 2px solid #707070;
  height: 0;
  width: 122%;
}
.card{
  width: 180px;
  height: 228px;
  position: relative;
  margin-top: 13%;
  margin-left: 50px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
}


}






/******************************** 298 px ***************************************/

@media screen and (max-width:298px) {
  .topnav{
    min-height: 64px;
  }
  #AClogo{
  display: block ;
  border-radius: 3px;
  position: absolute;
  border-radius: 5px
  width: 171.79px; 
  height: 33px;
  left: 15%;
  top: 15px;
  overflow: visible;

}
  .form-control{
   outline: none !important;
   outline-style: none !important;
   
  }

  #TopLogo {
   display: none;
  }
  .home_head {
    display: none;
  }
  .ABOUT_US_HEAD{
    display: none;
  }
  .gallery_head{
    display: none;
  }
  .products_head{
    display: none;
  }
  .print_your_work_head{
    display: none;
  }
  .contact_us_head {
  display: none;  
  }
  .track_head {
  display: none;  
  }
  .search_head{
  display: none !important; 
  width: 150px !important;
  border-radius: 5px 0px 0px 5px ;
  left:240px;
  top:21px;
  height: 31px !important;
   

  }
  form.form_head button{
  display: none !important;  
  width: 35px;
  left:389px;
  top:21.5px; 
  height: 30px !important;

  }

  #cart_head{
  left:81%;
  width: 23px;
  height: 23px;
  top: 21px !important;
   
  }
  #login_head , .loginbtn{
  left:92%;
  width: 15px;
  height: 17px;
  top: 25.5px !important;
  }
  #bar_head{
 display: block;
 color: #4E00FF;
 position: absolute;
 padding-left: 3%;
 font-size:23.5px;
 cursor:pointer;
 top:14px;
}

  .sidenav {
  display: block;
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 5%;
  filter:drop-shadow(0px 0px 6px #6A6A6A) !important ;
}
/*.sidenav.responsive{
  width:35% !important;
}*/
.sidenav a {
  display: block;
  text-decoration: none;
  font-size: 20px;
  color: #000000;
  display: block;
  transition: 0.3s;
  filter:drop-shadow(1px 0px 0px rgba(0,0,0,0.19) ) !important ;
}
.home_side{
  font-size: 14px !important;
  margin-top: 15px;
  margin-left: 10%;
  margin-right: 62%;
}
.ABOUT_US_side{
  font-size: 14px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 42%;

}
.gallery_side{
  font-size: 14px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 58%;
}
.products_side{
  font-size: 14px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 51%;
}
.print_your_work_side{
  font-size: 14px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 9%;
}
.contact_us_side{
  font-size: 14px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 33%;
}
.track_side{
  font-size: 14px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 61%;
}

.sidenav a:hover {
  color: #ff0000;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 31px;
  margin-left: 50px;
}
.search_responsive{
  display: block !important;
  width:78% !important;
  top: 77px;
  border-radius: 3px 0px 0px 3px !important;
  filter:drop-shadow(0px 0px 3px rgba(100,100,100,0.38) ) !important ;
  height: 37px !important;
  overflow: visible;
  color: color: #D9D9D9 !important;
  position: absolute;
  left: 5%;
  float: left;
  outline: none !important;
  background:#FCFCFC;
  }
  form.form_responsive button{
  display: block !important;
  float: left;
  top: 77.4px;
  width: 43px;
  height: 36.7px !important;
  overflow: visible;
  border-radius: 0px 5px 5px 0px !important;  
  border:none !important;
  border-style: none !important;
  outline: none !important;
  background: #FF0000;
  color: white;
  font-size: 17px;
  position: absolute;
  left: 82%;
  border-left: none;
  cursor: pointer;
}
.slideshow-container {
  margin-top: 42.5% !important;
  position: relative;
  margin: auto;
}

/********************************  Logo Row 0  **********************************/

.logo_footer_851{
  margin-left: 23%;
  margin-top: 3% !important;
  height: 80px;
  width: 116.7px;
}

/*********************************  Row 1  *********************************/
.accordion{
  font-size: 11px;
  margin-right: 10%;
}
.footer_row1{
  margin-top: 1.5%;
  line-height: 2.2;
  position: absolute;
  font-size: 11px;
  font-family: Arial;
  color: #0000FF;
  justify-content: flex-start;
}

/*********************************  Row 2  *********************************/

.footer_row2{
  margin-top: 0.5%; 
}
.subscribe_letter_851{
  font-size: 11px;
  font-family: Arial;
}
.subscribe_input_851{
  width: 42%;
  height: 30px;
  font-size: 13px;
}
.subscribe_button_851{
  width: 13%;
  position: relative;
  top:0px;
  height: 30px;
  font-size: 14px;
}

/*********************************  Row 3  *********************************/

.follow_footer_851{
  margin-top: 1.5%;
  font-size: 11px;
  letter-spacing: 0px;
  margin-left: 1.5%;
  font-weight: bold;
  word-spacing: 0px;

}
.facebook_img_png_851{
  width: 15px;
  margin-left: 1.5%;
}
.twitter_img_png_851{
  width: 15px;
  margin-left: 3%;
}
.instagram_img_png_851{
  width: 15px;
  margin-left: 3%;
}
.linkedin_img_png_851{
  width: 15px;
  margin-left: 3%;
}
.youtube_img_png_851{
  width: 20px;
  margin-left: 3%;
}

/*********************************  Row 4  *********************************/
div.col.footer_row4{
  min-height: 150px;
}
.footer_row4{
  margin-top: 0%;
}
.map_img_png_851{
  width: 15px;
}
.phone1_img_png_851{
  width: 15px;
  position: relative;
  top:30px;
}
.phone2_img_png_851{
  width: 15px;
  position: relative;
  top:30px;
}
.mail1_img_png_851{
  width: 15px;
  position: relative;
  top:31px;
}
.mail2_img_png_851{
  width: 15px;
  position: relative;
  top:30px;
}
.address_foot_851{
  display: inline-block;
  margin-left:7%;
  position: absolute;
  top:5px;
  font-size: 11.5px;
}
.m1_foot_851{
  display: inline-block;
  margin-left:7%;
  top:60px;
  position: absolute;
  font-size: 11.5px;
}
.m2_foot_851{
  display: inline-block;
  margin-left:7%;
  top:85px;
  position: absolute;
  font-size: 11.5px;
}
.mail1_foot_851{
  display: inline-block;
  margin-left:7%;
  top:108px;
  position: absolute;
  font-size: 11.5px;
}
.mail2_foot_851{
  display: inline-block;
  margin-left:7%;
  top:132px;
  position: absolute;
  font-size: 11.5px;
}


/*********************************  Row 5  *********************************/

.footer_row5{
  margin-top: 1.5%;
  margin-right: 8%;
  font-size: 9.5px;
}

/*********************************  Row 6  *********************************/
.footer_row6{
  margin-top: 3%;
}
.copyright_851{
  font-size: 8.5px;
  font-weight: bold;
  margin-bottom: 10px;
  word-spacing: 2px;
}
.login_dropdown_content{
  margin-top: 24.3%;
  left:105px;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a{
  font-size: 14.5px;
  padding:5px 10px;  
}





/********************************  Gallery CSS  ********************************/
.gallery_column{
  top: -30px !important;
  min-width: 270px !important;
  max-height: 165px;
  margin-left: 0px ;
}
.gallery_right_column{
  margin-left: -3.5px !important;  
  margin-top: -50px;
  min-width: 270px !important;
  overflow: visible !important;
}
.all_span , .monthly_span , .daily_span , .note_span , .diary_span , .box_span , .table_span , .tag_span , .add_span{
  display: none !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 13px;
  position: relative;
  top: -51px;
  margin-left: -27px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
}
.monthly_button{
  font-size: 13px;
  position: relative;
  top: -85.5px;
  margin-left: 56px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
}
.daily_button{
  font-size: 13px;
  position: relative;
  top: -41.8px;
  margin-left: 124.75px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
  white-space: nowrap;
}
.note_button{
  font-size: 13px;
  position: relative;
  top: -115.5px;
  margin-left: 167px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
}
.diary_button{
  font-size: 13px;
  position: relative;
  top: -111px;
  margin-left: -27px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
}
.box_button{
  font-size: 13px;
  position: relative;
  top: -185px;
  margin-left: -27px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
}
.table_button{
  font-size: 13px;
  position: relative;
  top: -219.5px;
  margin-left: 70px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
}
.tag_button{
  font-size: 13px;
  position: relative;
  top: -294px;
  margin-left: 169px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
  white-space: nowrap;
}
.add_button{
  font-size: 13px;
  position: relative;
  top: -250px;
  margin-left: 21px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
  white-space: nowrap;
}
.vertical_line{
  position: relative;
  top:-208px;
  margin-left: -27px;
  border-top: 2px solid #707070;
  height: 0;
  width: 124%;
}
.card{
  width: 180px;
  height: 228px;
  position: relative;
  margin-top: 13%;
  margin-left: 33px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
}
.card span {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  opacity: 0.97;
  transition: width 0.5s, height 0.5s;
}
.card:hover span{
  width: 1000px;
  height: 1000px;
}
/*************************** Modal Img *******************************/


/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(185,185,185); /* Fallback color */
  background-color: rgba(185,185,185,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 20% !important;
  width: 45%;
  max-width: 210px;
}
/* Caption of Modal Image */
#caption {
  width: 80%;
  max-width: 700px;
  font-size: 20px;
  padding: 10px 0;
  height: 150px;
}

/* The Close Button */
.close {
  margin-top: 20%;
  position: absolute;
  margin-left: 92%;
  font-size: 27px !important;
}

/********************************************************************/
.product_img{
  top: 0px;
  width: 150px;
  height: 194px;
}
.table1_img{
  margin-top: 20px;
  width: 150px;
  height: 169px;
}
.dailyarc_img{
  margin-top: 0px !important;
  width: 130px;
  height: 189.33px;
}
.cake5_img_class{
  margin-top: 50px;
  width: 160px;
  height: 141.06px;
}
.pa1_img{
  margin-top: 8px;
  width: 130px;
  height: 183.42px;
}
.tag2_img{
  margin-top: 10px;
  width: 120px;
  height: 177.37px;  
}
.tag3_img{
  margin-top: 15px;
  width: 130px;
  height: 177.51px;  
}
.tag4_img{
  margin-top: 20px;
  width: 105px;
  height: 180.24px;
}
.mithra1_img{
  margin-top: 25px;
  width: 170px;
  height: 170px;
}
.product_info{
  margin-top: 4px;
  font-size: 15px;
}
.card .content1_div{
  padding: 40px;
}

.zoom_class{
  margin-top: -35px;
  margin-left: -11px;
  letter-spacing: 1px;
  font-size: 13.5px;
}
.description_box{
  margin-top: -15px;
  margin-left: -13px;
  font-size: 18px;
}
.info_box{
  margin-top: -10px;
  margin-left: -10px;
  font-size: 13px;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}




} 

/******************************** 271 px ***************************************/

@media screen and (max-width:271px) {
  .topnav{
    min-height: 62px;
  }
  #AClogo{
  display: block ;
  border-radius: 3px;
  position: absolute;
  border-radius: 5px
  width: 161.38px; 
  height: 31px;
  left: 15%;
  top: 15px;
  overflow: visible;

}
  .form-control{
   outline: none !important;
   outline-style: none !important;
   
  }

  #TopLogo {
   display: none;
  }
  .home_head {
    display: none;
  }
  .ABOUT_US_HEAD{
    display: none;
  }
  .gallery_head{
    display: none;
  }
  .products_head{
    display: none;
  }
  .print_your_work_head{
    display: none;
  }
  .contact_us_head {
  display: none;  
  }
  .track_head {
  display: none;  
  }
  .search_head{
  display: none !important;   

  }
  form.form_head button{
  display: none !important;  

  }

  #cart_head{
  left:81%;
  width: 21px;
  height: 21px;
  top: 21px !important;
   
  }
  #login_head , .loginbtn{
  left:92%;
  width: 14.12px;
  height: 16px;
  top: 25.5px !important;
  }
  #bar_head{
 display: block;
 color: #4E00FF;
 position: absolute;
 padding-left: 3%;
 font-size:22.5px;
 cursor:pointer;
 top:14px;
}

  .sidenav {
  display: block;
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 5%;
  filter:drop-shadow(0px 0px 6px #6A6A6A) !important ;
}
/*.sidenav.responsive{
  width:35% !important;
}*/
.sidenav a {
  display: block;
  text-decoration: none;
  font-size: 20px;
  color: #000000;
  display: block;
  transition: 0.3s;
  filter:drop-shadow(1px 0px 0px rgba(0,0,0,0.19) ) !important ;
}
.home_side{
  font-size: 12px !important;
  margin-top: 15px;
  margin-left: 10%;
  margin-right: 62%;
}
.ABOUT_US_side{
  font-size: 12px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 42%;

}
.gallery_side{
  font-size: 12px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 58%;
}
.products_side{
  font-size: 12px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 51%;
}
.print_your_work_side{
  font-size: 12px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 9%;
}
.contact_us_side{
  font-size: 12px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 33%;
}
.track_side{
  font-size: 12px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 61%;
}

.sidenav a:hover {
  color: #ff0000;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 29px;
  margin-left: 50px;
}
.search_responsive{
  display: block !important;
  width:76% !important;
  top: 77px;
  border-radius: 3px 0px 0px 3px !important;
  filter:drop-shadow(0px 0px 3px rgba(100,100,100,0.38) ) !important ;
  height: 33px !important;
  overflow: visible;
  color: color: #D9D9D9 !important;
  position: absolute;
  left: 5%;
  float: left;
  outline: none !important;
  background:#FCFCFC;
  }
  form.form_responsive button{
  display: block !important;
  float: left;
  top: 77.2px;
  width: 41px;
  height: 33.3px !important;
  overflow: visible;
  border-radius: 0px 5px 5px 0px !important;  
  border:none !important;
  border-style: none !important;
  outline: none !important;
  background: #FF0000;
  color: white;
  font-size: 17px;
  position: absolute;
  left: 80%;
  border-left: none;
  cursor: pointer;
}
.slideshow-container {
  margin-top: 45% !important;
  position: relative;
  margin: auto;
}

/********************************  Logo Row 0  **********************************/

.logo_footer_851{
  margin-left: 23%;
  margin-top: 3% !important;
  height: 75px;
  width: 109.4px;
}

/*********************************  Row 1  *********************************/
.accordion{
  font-size: 11px;
  margin-right: 10%;
}
.footer_row1{
  margin-top: 1.5%;
  line-height: 2.2;
  position: absolute;
  font-size: 11px;
  font-family: Arial;
  color: #0000FF;
  justify-content: flex-start;
}

/*********************************  Row 2  *********************************/

.footer_row2{
  margin-top: 0.5%; 
}
.subscribe_letter_851{
  font-size: 11px;
  font-family: Arial;
}
.subscribe_input_851{
  width: 42%;
  height: 30px;
  font-size: 13px;
}
.subscribe_button_851{
  width: 13%;
  position: relative;
  top:0px;
  height: 30px;
  font-size: 14px;
}

/*********************************  Row 3  *********************************/

.follow_footer_851{
  margin-top: 1.5%;
  font-size: 11px;
  letter-spacing: 0px;
  margin-left: 1.5%;
  font-weight: bold;
  word-spacing: 0px;

}
.facebook_img_png_851{
  width: 15px;
  margin-left: 1.5%;
}
.twitter_img_png_851{
  width: 15px;
  margin-left: 3%;
}
.instagram_img_png_851{
  width: 15px;
  margin-left: 3%;
}
.linkedin_img_png_851{
  width: 15px;
  margin-left: 3%;
}
.youtube_img_png_851{
  width: 20px;
  margin-left: 3%;
}

/*********************************  Row 4  *********************************/
div.col.footer_row4{
  min-height: 150px;
}
.footer_row4{
  margin-top: 0%;
}
.map_img_png_851{
  width: 15px;
}
.phone1_img_png_851{
  width: 15px;
  position: relative;
  top:30px;
}
.phone2_img_png_851{
  width: 15px;
  position: relative;
  top:30px;
}
.mail1_img_png_851{
  width: 15px;
  position: relative;
  top:31px;
}
.mail2_img_png_851{
  width: 15px;
  position: relative;
  top:30px;
}
.address_foot_851{
  display: inline-block;
  margin-left:7%;
  position: absolute;
  top:5px;
  font-size: 11.5px;
}
.m1_foot_851{
  display: inline-block;
  margin-left:7%;
  top:60px;
  position: absolute;
  font-size: 11.5px;
}
.m2_foot_851{
  display: inline-block;
  margin-left:7%;
  top:85px;
  position: absolute;
  font-size: 11.5px;
}
.mail1_foot_851{
  display: inline-block;
  margin-left:7%;
  top:108px;
  position: absolute;
  font-size: 11.5px;
}
.mail2_foot_851{
  display: inline-block;
  margin-left:7%;
  top:132px;
  position: absolute;
  font-size: 11.5px;
}


/*********************************  Row 5  *********************************/

.footer_row5{
  margin-top: 1.5%;
  margin-right: 8%;
  font-size: 9.5px;
}

/*********************************  Row 6  *********************************/
.footer_row6{
  margin-top: 3%;
}
.copyright_851{
  font-size: 8.5px;
  font-weight: bold;
  margin-bottom: 10px;
  word-spacing: 2px;
}
.login_dropdown_content{
  margin-top: 25.7%;
  left:85px;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a{
  font-size: 14px;
  padding:4.5px 10px;  
}





/********************************  Gallery CSS  ********************************/
.gallery_column{
  top: -30px !important;
  min-width: 250px !important;
  max-height: 140px;
  margin-left: 0px ;
}
.gallery_right_column{
  margin-left: -3.5px !important;  
  margin-top: -50px;
  min-width: 250px !important;
  overflow: visible !important;
}
.all_span , .monthly_span , .daily_span , .note_span , .diary_span , .box_span , .table_span , .tag_span , .add_span{
  display: none !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 12px;
  position: relative;
  top: -51px;
  margin-left: -27px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
}
.monthly_button{
  font-size: 12px;
  position: relative;
  top: -82.8px;
  margin-left: 51.5px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
}
.daily_button{
  font-size: 12px;
  position: relative;
  top: -41.6px;
  margin-left: 115.8px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
  white-space: nowrap;
}
.note_button{
  font-size: 12px;
  position: relative;
  top: -111px;
  margin-left: 155.5px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
}
.diary_button{
  font-size: 12px;
  position: relative;
  top: -106px;
  margin-left: -27px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
}
.box_button{
  font-size: 12px;
  position: relative;
  top: -175px;
  margin-left: -27px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
}
.table_button{
  font-size: 12px;
  position: relative;
  top: -207.5px;
  margin-left: 64.5px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
}
.tag_button{
  font-size: 12px;
  position: relative;
  top: -275.8px;
  margin-left: 157px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
  white-space: nowrap;
}
.add_button{
  font-size: 12px;
  position: relative;
  top: -234.5px;
  margin-left: 19px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
  white-space: nowrap;
}
.vertical_line{
  position: relative;
  top:-208px;
  margin-left: -27px;
  border-top: 2px solid #707070;
  height: 0;
  width: 124%;
}
.card{
  width: 160px;
  height: 202.67px;
  position: relative;
  margin-top: 13%;
  margin-left: 33px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
}
.card span {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  opacity: 0.97;
  transition: width 0.5s, height 0.5s;
}
.card:hover span{
  width: 1000px;
  height: 1000px;
}
/*************************** Modal Img *******************************/


/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(185,185,185); /* Fallback color */
  background-color: rgba(185,185,185,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 20% !important;
  width: 45%;
  max-width: 190px;
}
/* Caption of Modal Image */
#caption {
  width: 80%;
  max-width: 700px;
  font-size: 20px;
  padding: 10px 0;
  height: 150px;
}

/* The Close Button */
.close {
  margin-top: 20%;
  position: absolute;
  margin-left: 92%;
  font-size: 27px !important;
}

/********************************************************************/
.product_img{
  top: 0px;
  width: 130px;
  height: 168.13px;
}
.table1_img{
  margin-top: 20px;
  width: 130px;
  height: 146.47px;
}
.dailyarc_img{
  margin-top: 0px !important;
  width: 110px;
  height: 160.2px;
}
.cake5_img_class{
  margin-top: 50px;
  width: 140px;
  height: 123.42px;
}
.pa1_img{
  margin-top: 8px;
  width: 110px;
  height: 155.2px;
}
.tag2_img{
  margin-top: 10px;
  width: 100px;
  height: 147.81px;  
}
.tag3_img{
  margin-top: 15px;
  width: 110px;
  height: 150.2px;  
}
.tag4_img{
  margin-top: 20px;
  width: 85px;
  height: 145.91px;
}
.mithra1_img{
  margin-top: 25px;
  width: 150px;
  height: 150px;
}
.product_info{
  margin-top: 4px;
  font-size: 15px;
}
.card .content1_div{
  padding: 40px;
}

.zoom_class{
  margin-top: -70px;
  margin-left: -14.5px;
  letter-spacing: 1px;
  font-size: 13.5px;
}
.description_box{
  margin-top: -30px;
  margin-left: -20px;
  font-size: 18px;
}
.info_box{
  margin-top: -10px;
  margin-left: -21px;
  font-size: 13px;
}


div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}





} 

/******************************** 251 px ***************************************/

@media screen and (max-width:251px) {
  .topnav{
    min-height: 57px;
  }
  #AClogo{
  display: block ;
  border-radius: 3px;
  position: absolute;
  border-radius: 5px
  width: 145.76px; 
  height: 28px;
  left: 13%;
  top: 15px;
  overflow: visible;

}
  .form-control{
   outline: none !important;
   outline-style: none !important;
   
  }

  #TopLogo {
   display: none;
  }
  .home_head {
    display: none;
  }
  .ABOUT_US_HEAD{
    display: none;
  }
  .gallery_head{
    display: none;
  }
  .products_head{
    display: none;
  }
  .print_your_work_head{
    display: none;
  }
  .contact_us_head {
  display: none;  
  }
  .track_head {
  display: none;  
  }
  .search_head{
  display: none !important;   

  }
  form.form_head button{
  display: none !important;  

  }

  #cart_head{
  left:81%;
  width: 19px;
  height: 19px;
  top: 21px !important;
   
  }
  #login_head , .loginbtn{
  left:92%;
  width: 13.23px;
  height: 15px;
  top: 23.7px !important;
  }
  #bar_head{
 display: block;
 color: #4E00FF;
 position: absolute;
 padding-left: 3%;
 font-size:19px;
 cursor:pointer;
 top:15px;
}

  .sidenav {
  display: block;
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 5%;
  filter:drop-shadow(0px 0px 6px #6A6A6A) !important ;
}
/*.sidenav.responsive{
  width:35% !important;
}*/
.sidenav a {
  display: block;
  text-decoration: none;
  font-size: 20px;
  color: #000000;
  display: block;
  transition: 0.3s;
  filter:drop-shadow(1px 0px 0px rgba(0,0,0,0.19) ) !important ;
}
.home_side{
  font-size: 12px !important;
  margin-top: 15px;
  margin-left: 10%;
  margin-right: 62%;
}
.ABOUT_US_side{
  font-size: 12px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 42%;

}
.gallery_side{
  font-size: 12px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 58%;
}
.products_side{
  font-size: 12px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 51%;
}
.print_your_work_side{
  font-size: 12px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 9%;
}
.contact_us_side{
  font-size: 12px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 33%;
}
.track_side{
  font-size: 12px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 61%;
}

.sidenav a:hover {
  color: #ff0000;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 29px;
  margin-left: 50px;
}
.search_responsive{
  display: block !important;
  width:76% !important;
  top: 67px;
  border-radius: 3px 0px 0px 3px !important;
  filter:drop-shadow(0px 0px 3px rgba(100,100,100,0.38) ) !important ;
  height: 33px !important;
  overflow: visible;
  color: color: #D9D9D9 !important;
  position: absolute;
  left: 5%;
  float: left;
  outline: none !important;
  background:#FCFCFC;
  }
  form.form_responsive button{
  display: block !important;
  float: left;
  top: 67.7px;
  width: 39.5px;
  height: 32.3px !important;
  overflow: visible;
  border-radius: 0px 5px 5px 0px !important;  
  border:none !important;
  border-style: none !important;
  outline: none !important;
  background: #FF0000;
  color: white;
  font-size: 17px;
  position: absolute;
  left: 80%;
  border-left: none;
  cursor: pointer;
}
.slideshow-container {
  margin-top: 48% !important;
  position: relative;
  margin: auto;
}

/********************************  Logo Row 0  **********************************/

.logo_footer_851{
  margin-left: 23%;
  margin-top: 3% !important;
  height: 75px;
  width: 109.4px;
}

/*********************************  Row 1  *********************************/
.accordion{
  font-size: 11px;
  margin-right: 10%;
}
.footer_row1{
  margin-top: 1.5%;
  line-height: 2.2;
  position: absolute;
  font-size: 11px;
  font-family: Arial;
  color: #0000FF;
  justify-content: flex-start;
}

/*********************************  Row 2  *********************************/

.footer_row2{
  margin-top: 0.5%; 
}
.subscribe_letter_851{
  font-size: 11px;
  font-family: Arial;
}
.subscribe_input_851{
  width: 42%;
  height: 30px;
  font-size: 12px;
}
.subscribe_button_851{
  width: 15%;
  position: relative;
  top:0.8px;
  height: 30px;
  font-size: 13px;
}

/*********************************  Row 3  *********************************/

.follow_footer_851{
  margin-top: 1.5%;
  font-size: 11px;
  letter-spacing: 0px;
  margin-left: 1.5%;
  font-weight: bold;
  word-spacing: 0px;

}
.facebook_img_png_851{
  width: 15px;
  margin-left: 1.5%;
}
.twitter_img_png_851{
  width: 15px;
  margin-left: 3%;
}
.instagram_img_png_851{
  width: 15px;
  margin-left: 3%;
}
.linkedin_img_png_851{
  width: 15px;
  margin-left: 3%;
}
.youtube_img_png_851{
  width: 20px;
  margin-left: 3%;
}

/*********************************  Row 4  *********************************/
div.col.footer_row4{
  min-height: 150px;
}
.footer_row4{
  margin-top: 0%;
}
.map_img_png_851{
  width: 15px;
}
.phone1_img_png_851{
  width: 15px;
  position: relative;
  top:30px;
}
.phone2_img_png_851{
  width: 15px;
  position: relative;
  top:30px;
}
.mail1_img_png_851{
  width: 15px;
  position: relative;
  top:31px;
}
.mail2_img_png_851{
  width: 15px;
  position: relative;
  top:30px;
}
.address_foot_851{
  display: inline-block;
  margin-left:7%;
  position: absolute;
  top:5px;
  font-size: 11.5px;
}
.m1_foot_851{
  display: inline-block;
  margin-left:7%;
  top:60px;
  position: absolute;
  font-size: 11.5px;
}
.m2_foot_851{
  display: inline-block;
  margin-left:7%;
  top:85px;
  position: absolute;
  font-size: 11.5px;
}
.mail1_foot_851{
  display: inline-block;
  margin-left:7%;
  top:108px;
  position: absolute;
  font-size: 11.5px;
}
.mail2_foot_851{
  display: inline-block;
  margin-left:7%;
  top:132px;
  position: absolute;
  font-size: 11.5px;
}


/*********************************  Row 5  *********************************/

.footer_row5{
  margin-top: 1.5%;
  margin-right: 8%;
  font-size: 9.5px;
}

/*********************************  Row 6  *********************************/
.footer_row6{
  margin-top: 3%;
}
.copyright_851{
  font-size: 8.5px;
  font-weight: bold;
  margin-bottom: 10px;
  word-spacing: 2px;
}
.login_dropdown_content{
  margin-top: 25.7%;
  left:65px;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a{
  font-size: 13px;
  padding:4px 10px;  
}






/********************************  Gallery CSS  ********************************/
.gallery_column{
  top: -30px !important;
  min-width: 220px !important;
  max-height: 120px;
  margin-left: 0px ;
}
.gallery_right_column{
  margin-left: -3.5px !important;  
  margin-top: -50px;
  min-width: 230px !important;
  overflow: visible !important;
}
.all_span , .monthly_span , .daily_span , .note_span , .diary_span , .box_span , .table_span , .tag_span , .add_span{
  display: none !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 10.5px;
  position: relative;
  top: -55px;
  margin-left: -27px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
}
.monthly_button{
  font-size: 10.5px;
  position: relative;
  top: -83.8px;
  margin-left: 43px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
}
.daily_button{
  font-size: 10.5px;
  position: relative;
  top: -44.6px;
  margin-left: 100px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
  white-space: nowrap;
}
.note_button{
  font-size: 10.5px;
  position: relative;
  top: -107.5px;
  margin-left: 134.5px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
}
.diary_button{
  font-size: 10.5px;
  position: relative;
  top: -102px;
  margin-left: -27px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
}
.box_button{
  font-size: 10.5px;
  position: relative;
  top: -165px;
  margin-left: -27px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
}
.table_button{
  font-size: 10.5px;
  position: relative;
  top: -194px;
  margin-left: 54px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
}
.tag_button{
  font-size: 10.5px;
  position: relative;
  top: -256px;
  margin-left: 137px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
  white-space: nowrap;
}
.add_button{
  font-size: 10.5px;
  position: relative;
  top: -217px;
  margin-left: 14px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
  white-space: nowrap;
}
.vertical_line{
  position: relative;
  top:-188px;
  margin-left: -27px;
  border-top: 2px solid #707070;
  height: 0;
  width: 130%;
}
.card{
  width: 160px;
  height: 202.67px;
  position: relative;
  margin-top: 13%;
  margin-left: 24px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
}
.card span {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  opacity: 0.97;
  transition: width 0.5s, height 0.5s;
}
.card:hover span{
  width: 1000px;
  height: 1000px;
}
/*************************** Modal Img *******************************/



/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(185,185,185); /* Fallback color */
  background-color: rgba(185,185,185,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 20% !important;
  width: 45%;
  max-width: 180px;
}
/* Caption of Modal Image */
#caption {
  width: 80%;
  max-width: 700px;
  font-size: 20px;
  padding: 10px 0;
  height: 150px;
}

/* The Close Button */
.close {
  margin-top: 20%;
  position: absolute;
  margin-left: 92%;
  font-size: 27px !important;
}

/********************************************************************/
.product_img{
  top: 0px;
  width: 130px;
  height: 168.13px;
}
.table1_img{
  margin-top: 20px;
  width: 130px;
  height: 146.47px;
}
.dailyarc_img{
  margin-top: 0px !important;
  width: 110px;
  height: 160.2px;
}
.cake5_img_class{
  margin-top: 50px;
  width: 140px;
  height: 123.42px;
}
.pa1_img{
  margin-top: 8px;
  width: 110px;
  height: 155.2px;
}
.tag2_img{
  margin-top: 10px;
  width: 100px;
  height: 147.81px;  
}
.tag3_img{
  margin-top: 15px;
  width: 110px;
  height: 150.2px;  
}
.tag4_img{
  margin-top: 20px;
  width: 85px;
  height: 145.91px;
}
.mithra1_img{
  margin-top: 25px;
  width: 150px;
  height: 150px;
}
.product_info{
  margin-top: 4px;
  font-size: 15px;
}
.card .content1_div{
  padding: 40px;
}

.zoom_class{
  margin-top: -70px;
  margin-left: -14.5px;
  letter-spacing: 1px;
  font-size: 13.5px;
}
.description_box{
  margin-top: -25px;
  margin-left: -16px;
  font-size: 18px;
}
.info_box{
  margin-top: -10px;
  margin-left: -21px;
  font-size: 13px;
}


div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}





} 


/******************************** 231 px ***************************************/

@media screen and (max-width:231px) {
  .topnav{
    min-height: 51px;
  }
  #AClogo{
  display: block ;
  border-radius: 3px;
  position: absolute;
  border-radius: 5px
  width: 130.14px; 
  height: 25px;
  left: 13%;
  top: 13px;
  overflow: visible;

}
  .form-control{
   outline: none !important;
   outline-style: none !important;
   
  }

  #TopLogo {
   display: none;
  }
  .home_head {
    display: none;
  }
  .ABOUT_US_HEAD{
    display: none;
  }
  .gallery_head{
    display: none;
  }
  .products_head{
    display: none;
  }
  .print_your_work_head{
    display: none;
  }
  .contact_us_head {
  display: none;  
  }
  .track_head {
  display: none;  
  }
  .search_head{
  display: none !important;   

  }
  form.form_head button{
  display: none !important;  

  }

  #cart_head{
  left:81%;
  width: 17px;
  height: 17px;
  top: 18px !important;
   
  }
  #login_head , .loginbtn{
  left:92%;
  width: 12.35px;
  height: 14px;
  top: 20.7px !important;
  }
  #bar_head{
 display: block;
 color: #4E00FF;
 position: absolute;
 padding-left: 3%;
 font-size:17px;
 cursor:pointer;
 top:13px;
}

  .sidenav {
  display: block;
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 5%;
  filter:drop-shadow(0px 0px 6px #6A6A6A) !important ;
}
/*.sidenav.responsive{
  width:35% !important;
}*/
.sidenav a {
  display: block;
  text-decoration: none;
  font-size: 20px;
  color: #000000;
  display: block;
  transition: 0.3s;
  filter:drop-shadow(1px 0px 0px rgba(0,0,0,0.19) ) !important ;
}
.home_side{
  font-size: 10px !important;
  margin-top: 15px;
  margin-left: 10%;
  margin-right: 62%;
}
.ABOUT_US_side{
  font-size: 10px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 42%;

}
.gallery_side{
  font-size: 10px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 58%;
}
.products_side{
  font-size: 10px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 51%;
}
.print_your_work_side{
  font-size: 10px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 9%;
}
.contact_us_side{
  font-size: 10px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 33%;
}
.track_side{
  font-size: 10px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 61%;
}

.sidenav a:hover {
  color: #ff0000;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 08px;
  font-size: 25px;
  margin-left: 70px;
}
.search_responsive{
  display: block !important;
  width:73% !important;
  top: 57px;
  border-radius: 3px 0px 0px 3px !important;
  filter:drop-shadow(0px 0px 3px rgba(100,100,100,0.38) ) !important ;
  height: 30px !important;
  overflow: visible;
  color: color: #D9D9D9 !important;
  position: absolute;
  left: 5%;
  float: left;
  outline: none !important;
  background:#FCFCFC;
  }
  form.form_responsive button{
  display: block !important;
  float: left;
  top: 57.7px;
  width: 38.5px;
  height: 29.3px !important;
  overflow: visible;
  border-radius: 0px 5px 5px 0px !important;  
  border:none !important;
  border-style: none !important;
  outline: none !important;
  background: #FF0000;
  color: white;
  font-size: 17px;
  position: absolute;
  left: 77%;
  border-left: none;
  cursor: pointer;
}
.slideshow-container {
  margin-top: 51% !important;
  position: relative;
  margin: auto;
}

/********************************  Logo Row 0  **********************************/

.logo_footer_851{
  margin-left: 19%;
  margin-top: 3% !important;
  height: 75px;
  width: 109.4px;
}

/*********************************  Row 1  *********************************/
.accordion{
  font-size: 11px;
  margin-right: 10%;
}
.footer_row1{
  margin-top: 1.5%;
  line-height: 2.2;
  position: absolute;
  font-size: 10px;
  font-family: Arial;
  color: #0000FF;
  justify-content: flex-start;
}

/*********************************  Row 2  *********************************/

.footer_row2{
  margin-top: 0.5%; 
}
.subscribe_letter_851{
  font-size: 10px;
  font-family: Arial;
}
.subscribe_input_851{
  width: 50%;
  height: 27px;
  font-size: 11.5px;
}
.subscribe_button_851{
  width: 16%;
  position: relative;
  top:0px;
  height: 27px;
  font-size: 12px;
}

/*********************************  Row 3  *********************************/

.follow_footer_851{
  margin-top: 1.5%;
  font-size: 11px;
  letter-spacing: 0px;
  margin-left: 1.5%;
  font-weight: bold;
  word-spacing: 0px;

}
.facebook_img_png_851{
  width: 14px;
  margin-left: 1.5%;
}
.twitter_img_png_851{
  width: 14px;
  margin-left: 3%;
}
.instagram_img_png_851{
  width: 14px;
  margin-left: 3%;
}
.linkedin_img_png_851{
  width: 14px;
  margin-left: 3%;
}
.youtube_img_png_851{
  width: 19px;
  margin-left: 3%;
}

/*********************************  Row 4  *********************************/
div.col.footer_row4{
  min-height: 150px;
}
.footer_row4{
  margin-top: 0%;
}
.map_img_png_851{
  width: 14px;
}
.phone1_img_png_851{
  width: 14px;
  position: relative;
  top:30px;
}
.phone2_img_png_851{
  width: 14px;
  position: relative;
  top:30px;
}
.mail1_img_png_851{
  width: 14px;
  position: relative;
  top:31px;
}
.mail2_img_png_851{
  width: 14px;
  position: relative;
  top:30px;
}
.address_foot_851{
  display: inline-block;
  margin-left:7%;
  position: absolute;
  top:5px;
  font-size: 11px;
}
.m1_foot_851{
  display: inline-block;
  margin-left:7%;
  top:60px;
  position: absolute;
  font-size: 11px;
}
.m2_foot_851{
  display: inline-block;
  margin-left:7%;
  top:85px;
  position: absolute;
  font-size: 11px;
}
.mail1_foot_851{
  display: inline-block;
  margin-left:7%;
  top:108px;
  position: absolute;
  font-size: 11px;
}
.mail2_foot_851{
  display: inline-block;
  margin-left:7%;
  top:133px;
  position: absolute;
  font-size: 11px;
}


/*********************************  Row 5  *********************************/

.footer_row5{
  margin-top: 1.5%;
  margin-right: 8%;
  font-size: 9.5px;
}

/*********************************  Row 6  *********************************/
.footer_row6{
  margin-top: 3%;
}
.copyright_851{
  margin-top: 2%;
  font-size: 8px;
  font-weight: bold;
  margin-bottom: 12px;
  word-spacing: 2px;
}
.login_dropdown_content{
  margin-top: 25.5%;
  left:55px;
  min-width: 140px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a{
  font-size: 12.5px;
  padding:4px 10px;  
}




/********************************  Gallery CSS  ********************************/
.gallery_column{
  top: -30px !important;
  min-width: 190px !important;
  max-height: 120px;
  margin-left: 0px ;
}
.gallery_right_column{
  margin-left: -3.5px !important;  
  margin-top: -50px;
  min-width: 200px !important;
  overflow: visible !important;
}
.all_span , .monthly_span , .daily_span , .note_span , .diary_span , .box_span , .table_span , .tag_span , .add_span{
  display: none !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 10.5px;
  position: relative;
  top: -75px;
  margin-left: -21px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
}
.monthly_button{
  font-size: 10.5px;
  position: relative;
  top: -102.3px;
  margin-left: 53px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
  white-space: nowrap;
}
.daily_button{
  font-size: 10.5px;
  position: relative;
  top: -66.6px;
  margin-left: 69px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
  white-space: nowrap;
}
.note_button{
  font-size: 10.5px;
  position: relative;
  top: -61.5px;
  margin-left: 22.5px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
}
.diary_button{
  font-size: 10.5px;
  position: relative;
  top: -88.5px;
  margin-left: -21px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
}
.box_button{
  font-size: 10.5px;
  position: relative;
  top: -180px;
  margin-left: -21px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
}
.table_button{
  font-size: 10.5px;
  position: relative;
  top: -207.3px;
  margin-left: 64px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
  white-space: nowrap;
}
.tag_button{
  font-size: 10.5px;
  position: relative;
  top: -170.3px;
  margin-left: 84px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
  white-space: nowrap;
}
.add_button{
  font-size: 10.5px;
  position: relative;
  top: -229.5px;
  margin-left: -21px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
  white-space: nowrap;
}
.vertical_line{
  position: relative;
  top:-168px;
  margin-left: -27px;
  border-top: 2px solid #707070;
  height: 0;
  width: 135%;
}
.card{
  width: 140px;
  height: 177.33px;
  position: relative;
  margin-top: 13%;
  margin-left: 20px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
}
.card span {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  opacity: 0.97;
  transition: width 0.5s, height 0.5s;
}
.card:hover span{
  width: 1000px;
  height: 1000px;
}
/*************************** Modal Img *******************************/



/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(185,185,185); /* Fallback color */
  background-color: rgba(185,185,185,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 20% !important;
  width: 45%;
  max-width: 150px;
}
/* Caption of Modal Image */
#caption {
  width: 80%;
  max-width: 700px;
  font-size: 15px;
  padding: 10px 0;
  height: 150px;
}

/* The Close Button */
.close {
  margin-top: 20%;
  position: absolute;
  margin-left: 89%;
  font-size: 24px !important;
}

/********************************************************************/
.product_img{
  top: 0px;
  width: 110px;
  height: 142.27px;
}
.table1_img{
  margin-top: 20px;
  width: 110px;
  height: 123.93px;
}
.dailyarc_img{
  margin-top: 10px !important;
  width: 90px;
  height: 131.07px;
}
.cake5_img_class{
  margin-top: 40px;
  width: 120px;
  height: 105.79px;
}
.pa1_img{
  margin-top: 18px;
  width: 90px;
  height: 126.98px;
}
.tag2_img{
  margin-top: 10px;
  width: 80px;
  height: 118.25px;  
}
.tag3_img{
  margin-top: 15px;
  width: 90px;
  height: 122.89px;  
}
.tag4_img{
  margin-top: 20px;
  width: 65px;
  height: 111.58px;
}
.mithra1_img{
  margin-top: 15px;
  width: 130px;
  height: 130px;
}
.product_info{
  margin-top: 4px;
  font-size: 12px;
}
.card .content1_div{
  padding: 40px;
}

.zoom_class{
  margin-top: -70px;
  margin-left: -26px;
  letter-spacing: 1px;
  font-size: 12.5px;
}
.description_box{
  margin-top: -30px;
  margin-left: -27px;
  font-size: 15px;
}
.info_box{
  margin-top: -10px;
  margin-left: -30px;
  font-size: 12px;
}


div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}





} 

/******************************** 200 px ***************************************/

@media screen and (max-width:200px) {
  .topnav{
    min-height: 47px;
  }
  #AClogo{
  display: block ;
  border-radius: 3px;
  position: absolute;
  border-radius: 5px
  width: 104.12px; 
  height: 20px;
  left: 12%;
  top: 13px;
  overflow: visible;

}
  .form-control{
   outline: none !important;
   outline-style: none !important;
   
  }

  #TopLogo {
   display: none;
  }
  .home_head {
    display: none;
  }
  .ABOUT_US_HEAD{
    display: none;
  }
  .gallery_head{
    display: none;
  }
  .products_head{
    display: none;
  }
  .print_your_work_head{
    display: none;
  }
  .contact_us_head {
  display: none;  
  }
  .track_head {
  display: none;  
  }
  .search_head{
  display: none !important;   

  }
  form.form_head button{
  display: none !important;  

  }

  #cart_head{
  left:81%;
  width: 14px;
  height: 14px;
  top: 16px !important;
   
  }
  #login_head , .loginbtn{
  left:92%;
  width: 10.59px;
  height: 12px;
  top: 16.7px !important;
  }
  #bar_head{
 display: block;
 color: #4E00FF;
 position: absolute;
 padding-left: 3%;
 font-size:14px;
 cursor:pointer;
 top:13px;
}

  .sidenav {
  display: block;
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 5%;
  filter:drop-shadow(0px 0px 6px #6A6A6A) !important ;
}
/*.sidenav.responsive{
  width:35% !important;
}*/
.sidenav a {
  display: block;
  text-decoration: none;
  font-size: 20px;
  color: #000000;
  display: block;
  transition: 0.3s;
  filter:drop-shadow(1px 0px 0px rgba(0,0,0,0.19) ) !important ;
}
.home_side{
  font-size: 8px !important;
  margin-top: 15px;
  margin-left: 10%;
  margin-right: 60%;
}
.ABOUT_US_side{
  font-size: 8px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 37%;

}
.gallery_side{
  font-size: 8px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 53%;
}
.products_side{
  font-size: 8px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 45%;
}
.print_your_work_side{
  font-size: 8px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 5%;
}
.contact_us_side{
  font-size: 8px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 30%;
}
.track_side{
  font-size: 8px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 61%;
}

.sidenav a:hover {
  color: #ff0000;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 08px;
  font-size: 20px;
  margin-left: 70px;
}
.search_responsive{
  display: block !important;
  width:65% !important;
  top: 57px;
  border-radius: 3px 0px 0px 3px !important;
  filter:drop-shadow(0px 0px 3px rgba(100,100,100,0.38) ) !important ;
  height: 27px !important;
  overflow: visible;
  color: color: #D9D9D9 !important;
  position: absolute;
  left: 5%;
  float: left;
  outline: none !important;
  background:#FCFCFC;
  }
  form.form_responsive button{
  display: block !important;
  float: left;
  top: 57.7px;
  width: 37.5px;
  height: 26.3px !important;
  overflow: visible;
  border-radius: 0px 5px 5px 0px !important;  
  border:none !important;
  border-style: none !important;
  outline: none !important;
  background: #FF0000;
  color: white;
  font-size: 17px;
  position: absolute;
  left: 69%;
  border-left: none;
  cursor: pointer;
}
.slideshow-container {
  margin-top: 53% !important;
  position: relative;
  margin: auto;
}

/********************************  Logo Row 0  **********************************/

.logo_footer_851{
  margin-left: 10%;
  margin-top: 3% !important;
  height: 65px;
  width: 94.82px;
}

/*********************************  Row 1  *********************************/
.accordion{
  font-size: 10px;
  margin-right: 10%;
}
.footer_row1{
  margin-top: 1.5%;
  line-height: 2.2;
  position: absolute;
  font-size: 9.5px;
  font-family: Arial;
  color: #0000FF;
  justify-content: flex-start;
}

/*********************************  Row 2  *********************************/

.footer_row2{
  margin-top: 0.5%; 
}
.subscribe_letter_851{
  font-size: 9.5px;
  font-family: Arial;
}
.subscribe_input_851{
  width: 60%;
  height: 27px;
  font-size: 10px;
}
.subscribe_button_851{
  width: 20%;
  position: relative;
  top:1px;
  height: 27px;
  font-size: 11px;
}

/*********************************  Row 3  *********************************/

.follow_footer_851{
  margin-top: 1.5%;
  font-size: 10px;
  letter-spacing: 0px;
  margin-left: 1.5%;
  font-weight: bold;
  word-spacing: 0px;

}
.facebook_img_png_851{
  width: 12px;
  margin-left: 1.5%;
}
.twitter_img_png_851{
  width: 12px;
  margin-left: 3%;
}
.instagram_img_png_851{
  width: 12px;
  margin-left: 3%;
}
.linkedin_img_png_851{
  width: 12px;
  margin-left: 3%;
}
.youtube_img_png_851{
  width: 17px;
  margin-left: 3%;
}

/*********************************  Row 4  *********************************/
div.col.footer_row4{
  min-height: 150px;
}
.footer_row4{
  margin-top: 0%;
}
.map_img_png_851{
  width: 12px;
}
.phone1_img_png_851{
  width: 12px;
  position: relative;
  top:30px;
}
.phone2_img_png_851{
  width: 12px;
  position: relative;
  top:30px;
}
.mail1_img_png_851{
  width: 12px;
  position: relative;
  top:31px;
}
.mail2_img_png_851{
  width: 12px;
  position: relative;
  top:30px;
}
.address_foot_851{
  display: inline-block;
  margin-left:7%;
  position: absolute;
  top:7px;
  font-size: 9px;
}
.m1_foot_851{
  display: inline-block;
  margin-left:7%;
  top:62px;
  position: absolute;
  font-size: 9px;
}
.m2_foot_851{
  display: inline-block;
  margin-left:7%;
  top:85px;
  position: absolute;
  font-size: 9px;
}
.mail1_foot_851{
  display: inline-block;
  margin-left:7%;
  top:110px;
  position: absolute;
  font-size: 9px;
}
.mail2_foot_851{
  display: inline-block;
  margin-left:7%;
  top:134px;
  position: absolute;
  font-size: 9px;
}


/*********************************  Row 5  *********************************/

.footer_row5{
  margin-top: 1.5%;
  margin-right: 8%;
  font-size: 9.5px;
}

/*********************************  Row 6  *********************************/
.footer_row6{
  margin-top: 3%;
}
.copyright_851{
  margin-top: 2%;
  font-size: 8px;
  font-weight: bold;
  margin-bottom: 12px;
  word-spacing: 2px;
}
.login_dropdown_content{
  margin-top: 32.5%;
  left:27px;
  min-width: 120px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a{
  font-size: 11px;
  padding:4px 10px;  
}






/********************************  Gallery CSS  ********************************/
.gallery_column{
  top: -30px !important;
  min-width: 140px !important;
  max-height: 120px;
  margin-left: 0px ;
}
.gallery_right_column{
  margin-left: -10px !important;  
  margin-top: -50px;
  min-width: 149px !important;
  overflow: visible !important;
}
.all_span , .monthly_span , .daily_span , .note_span , .diary_span , .box_span , .table_span , .tag_span , .add_span{
  display: none !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 9px;
  position: relative;
  top: -75px;
  margin-left: -26px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
}
.monthly_button{
  font-size: 9px;
  position: relative;
  top: -99px;
  margin-left: 37px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
  white-space: nowrap;
}
.daily_button{
  font-size: 9px;
  position: relative;
  top: -63px;
  margin-left: 50px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
  white-space: nowrap;
}
.note_button{
  font-size: 9px;
  position: relative;
  top: -56.5px;
  margin-left: 12px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
}
.diary_button{
  font-size: 9px;
  position: relative;
  top: -80.5px;
  margin-left: -26px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
}
.box_button{
  font-size: 9px;
  position: relative;
  top: -165px;
  margin-left: -26px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
}
.table_button{
  font-size: 9px;
  position: relative;
  top: -189.3px;
  margin-left: 47px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
  white-space: nowrap;
}
.tag_button{
  font-size: 9px;
  position: relative;
  top: -152.8px;
  margin-left: 66px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
  white-space: nowrap;
}
.add_button{
  font-size: 9px;
  position: relative;
  top: -207.5px;
  margin-left: -26px;
  border-style:solid !important;
  border-width:1.5px;
  border-radius:5px;
  white-space: nowrap;
}
.vertical_line{
  position: relative;
  top:-145px;
  margin-left: -27px;
  border-top: 2px solid #707070;
  height: 0;
  width: 155%;
}
.card{
  width: 120px;
  height: 152px;
  position: relative;
  margin-top: 13%;
  margin-left: 12px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
}
.card span {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  opacity: 0.97;
  transition: width 0.5s, height 0.5s;
}
.card:hover span{
  width: 1000px;
  height: 1000px;
}
/*************************** Modal Img *******************************/


/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(185,185,185); /* Fallback color */
  background-color: rgba(185,185,185,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 20% !important;
  width: 45%;
  max-width: 120px;
}
/* Caption of Modal Image */
#caption {
  width: 80%;
  max-width: 700px;
  font-size: 13px;
  padding: 10px 0;
  height: 150px;
}

/* The Close Button */
.close {
  margin-top: 20%;
  position: absolute;
  margin-left: 91%;
  font-size: 18px !important;
}

/********************************************************************/
.product_img{
  top: 0px;
  width: 100px;
  height: 129.33px;
}
.table1_img{
  margin-top: 15px;
  width: 100px;
  height: 112.67px;
}
.dailyarc_img{
  margin-top: 10px !important;
  width: 80px;
  height: 116.51px;
}
.cake5_img_class{
  margin-top: 30px;
  width: 110px;
  height: 96.98px;
}
.pa1_img{
  margin-top: 18px;
  width: 80px;
  height: 112.87px;
}
.tag2_img{
  margin-top: 10px;
  width: 70px;
  height: 103.47px;  
}
.tag3_img{
  margin-top: 15px;
  width: 80px;
  height: 109.24px;  
}
.tag4_img{
  margin-top: 20px;
  width: 55px;
  height: 94.41px;
}
.mithra1_img{
  margin-top: 5px;
  width: 120px;
  height: 120px;
}
.product_info{
  margin-top: 2px;
  font-size: 10px;
}
.card .content1_div{
  padding: 40px;
}

.zoom_class{
  margin-top: -70px;
  margin-left: -36px;
  letter-spacing: 1px;
  font-size: 11px;
}
.description_box{
  margin-top: -30px;
  margin-left: -47px;
  font-size: 14px;
}
.info_box{
  margin-top: -10px;
  margin-left: -40px;
  font-size: 10px;
  max-width: 100px !important;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}







} 


/******************************** 151 px ***************************************/

@media screen and (max-width:151px) {
  .topnav{
    min-height: 40px;
  }
  #AClogo{
  display: block ;
  border-radius: 3px;
  position: absolute;
  border-radius: 5px
  width: 83.29px; 
  height: 16px;
  left: 12%;
  top: 12px;
  overflow: visible;

}
  .form-control{
   outline: none !important;
   outline-style: none !important;
   
  }

  #TopLogo {
   display: none;
  }
  .home_head {
    display: none;
  }
  .ABOUT_US_HEAD{
    display: none;
  }
  .gallery_head{
    display: none;
  }
  .products_head{
    display: none;
  }
  .print_your_work_head{
    display: none;
  }
  .contact_us_head {
  display: none;  
  }
  .track_head {
  display: none;  
  }
  .search_head{
  display: none !important;   

  }
  form.form_head button{
  display: none !important;  

  }

  #cart_head{
  left:80%;
  width: 10px;
  height: 10px;
  top: 16px !important;
   
  }
  #login_head , .loginbtn{
  left:90%;
  width: 7.94px;
  height: 9px;
  top: 16.7px !important;
  }
  #bar_head{
 display: block;
 color: #4E00FF;
 position: absolute;
 padding-left: 3%;
 font-size:12px;
 cursor:pointer;
 top:11px;
}

  .sidenav {
  display: block;
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 5%;
  filter:drop-shadow(0px 0px 6px #6A6A6A) !important ;
}
/*.sidenav.responsive{
  width:35% !important;
}*/
.sidenav a {
  display: block;
  text-decoration: none;
  font-size: 20px;
  color: #000000;
  display: block;
  transition: 0.3s;
  filter:drop-shadow(1px 0px 0px rgba(0,0,0,0.19) ) !important ;
}
.home_side{
  font-size: 7px !important;
  margin-top: 15px;
  margin-left: 10%;
  margin-right: 60%;
}
.ABOUT_US_side{
  font-size: 7px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 33%;

}
.gallery_side{
  font-size: 7px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 50%;
}
.products_side{
  font-size: 7px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 42%;
}
.print_your_work_side{
  font-size: 7px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 1%;
}
.contact_us_side{
  font-size: 7px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 27%;
}
.track_side{
  font-size: 7px !important;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 58%;
}

.sidenav a:hover {
  color: #ff0000;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 08px;
  font-size: 20px;
  margin-left: 70px;
}
.search_responsive{
  display: block !important;
  width:63% !important;
  top: 47px;
  border-radius: 3px 0px 0px 3px !important;
  filter:drop-shadow(0px 0px 3px rgba(100,100,100,0.38) ) !important ;
  height: 23px !important;
  overflow: visible;
  color: color: #D9D9D9 !important;
  position: absolute;
  left: 5%;
  float: left;
  outline: none !important;
  background:#FCFCFC;
  }
  form.form_responsive button{
  display: block !important;
  float: left;
  top: 47.4px;
  width: 37.5px;
  height: 22.3px !important;
  overflow: visible;
  border-radius: 0px 5px 5px 0px !important;  
  border:none !important;
  border-style: none !important;
  outline: none !important;
  background: #FF0000;
  color: white;
  font-size: 17px;
  position: absolute;
  left: 67%;
  border-left: none;
  cursor: pointer;
}
} 


/******************** Small to Large Pixel for min-width *************************/

/******************************** 2100 px ***************************************/

/*@media screen and (min-width: 1951px){
    #AClogo{
    display: none;
  }
}*/



@media screen and (min-width: 2100px) { /* ( min-width ) - greater than or equal to */
  #TopLogo {
    left:60px;
  }
  #AClogo{
    display: none !important;
  }
  .home_head{
    font-size: 29;
    left: 260px;
  }
  .ABOUT_US_HEAD{
    font-size: 29px;
    left:373px;
  }
  .gallery_head{
    font-size: 29px;
    left:530px;
  }
  .products_head{
    font-size: 29px;
    left:660px;
  }
  .print_your_work_head{
    font-size: 29px;
    left:816px;
  }
  .contact_us_head {
    font-size: 29px;
    left:1060px;
  }
  .track_head {
    font-size: 29px;
    left:1245px;
  }
  .search_head{

    left:1360px;

  }
  form.form_head button{
    
    left:1737px;
  }
  #cart_head{
   
   left:1840px;
  }
  #login_head , .loginbtn{
  
  left:1930px;
  }

/*********************************************  Footer After 2100 px  **************************************************************/

 .footer_bottom{
  min-height: 250px;
}
.logo_footer{
  margin-left: 5%;
}
.logo_footer_col{
  margin-top: 2.2% !important;
}
div.col-sm-2.logo_footer_col{
  max-width: 300px !important;
}
/*********************************  Column 1  *********************************/

.footer_col1{
  margin-top: 1.5%;
  line-height: 2.2;
  position: absolute;
  font-size: 16px;
}
div.col-sm-2.footer_col1{
  max-width: 300px !important;
}

/*********************************  Column 2  *********************************/

.footer_col2{
  margin-top: 1.5%;
  line-height: 2.2;
  font-size: 16px;
}

div.col-sm-2.footer_col2{
  max-width: 300px !important;
}

/*********************************  Column 3  *********************************/

.footer_col3{
  margin-top: 1.5%;
  
}
.subscribe_letter{
  font-size: 18px;
}
.subscribe_input{
  width: 70%;
  height: 40px;
}
.subscribe_button{
  width: 18%;
  height: 40px;
  position: relative;
  top:1.5px;
  font-size: 20px;
}

/*********************************  Column 4  *********************************/

.footer_col4{
  margin-top: 1.5%;
  margin-left: 1.5%;
}
.follow_footer{
  font-size: 18px;
  letter-spacing: 1px;
  margin-left: 11%;
  color: red;
  word-spacing: 4px;
}
.facebook_img_png{
  width: 20px;
  margin-left: 12%;
  margin-bottom: 10px;
}
.twitter_img_png{
  width: 20px;
  margin-left: 12%;
  margin-bottom: 10px;
}
.instagram_img_png{
  width: 20px;
  margin-left: 12%;
  margin-bottom: 10px;
}
.linkedin_img_png{
  width: 20px;
  margin-left: 12%;
  margin-bottom: 10px;
}
.youtube_img_png{
  width: 20px;
  margin-left: 12%;
  margin-bottom: 10px;
}

.facebook_foot{
  margin-left:7%;
  top:41px;
  font-size: 17px;
}
.twitter_foot{
  margin-left:7%;
  top:72px;
  font-size: 17px;
}
.instagram_foot{
  margin-left:7%;
  top:101px;
  font-size: 17px;
}
.linkedin_foot{
  margin-left:7%;
  top:131px;
  font-size: 17px;
}
.youtube_foot{
  margin-left:7%;
  top:161px;
  font-size: 17px;
}
div.col-sm-2.footer_col4{
  max-width: 260px !important;
}

/*********************************  Column 5  *********************************/
.footer_col5{
  margin-top: 1.5%;
}
.map_img_png{
  width: 20px;
}
.phone1_img_png{
  width: 20px;
  position: relative;
  top:45px;
}
.phone2_img_png{
  width: 20px;
  position: relative;
  top:50px;
}
.mail1_img_png{
  width: 20px;
  position: relative;
  top:53px;
}
.mail2_img_png{
  width: 20px;
  position: relative;
  top:57px;
}
.address_foot{
  margin-left:8%;
  font-size: 16px;
}
.m1_foot{
  margin-left:8%;
  top:72px;
  font-size: 16px;
}
.m2_foot{
  margin-left:8%;
  top:102px;
  font-size: 16px;
}
.mail1_foot{
  margin-left:8%;
  top:127px;;
  font-size: 16px;
}
.mail2_foot{
  margin-left:8%;
  top:155px;
  font-size: 16px;
}
.copyright{
  font-size: 17px;
  margin-left: 85%;
}
.login_dropdown_content{
  margin-top: 5.4%;
  left:1740px;
  min-width: 210px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a{
  font-size: 18px;
  padding:12px 16px;
}





/********************************  Gallery CSS  ********************************/
.gallery_right_column{
  margin-left: -70px !important;  
  overflow: visible !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 35px;
  margin-top: 15%;
  margin-left: 7%;
}
.monthly_button{
  font-size: 35px;
  margin-top: 5%;
  margin-left: 7%;
}
.daily_button{
  font-size: 35px;
  margin-top: 5%;
  margin-left: 7%;
}
.note_button{
  font-size: 35px;
  margin-top: 5%;
  margin-left: 7%;
}
.diary_button{
  font-size: 35px;
  margin-top: 5%;
  margin-left: 7%;
}
.box_button{
  font-size: 35px;
  margin-top: 5%;
  margin-left: 7%;
}
.table_button{
  font-size: 35px;
  margin-top: 5%;
  margin-left: 7%;
}
.tag_button{  
  font-size: 35px;
  margin-top: 5%;
  margin-left: 7%;
}
.add_button{
  font-size: 35px;
  margin-top: 5%;
  margin-left: 7%;
}
.vertical_line{
  position: relative;
  top:-740px;
  margin-left: 79%;
  border-left: 4px solid #707070;
  height: 810px;
}
.green_gallery{
  color: #3DD1A0 !important;
}
.card{
  width: 330px;
  height: 418px;
  margin-top: 13%;
  margin-left: 40px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
}
.card:hover span{
  width: 1300px;
  height: 1300px;
}
/*************************** Modal Img *******************************/

.zoom_class{
  letter-spacing: 1px;
  font-size: 23px;
}
/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 10% !important;
  width: 80%;
  max-width: 950px;
}
/* Caption of Modal Image */
#caption {
  max-width: 700px;
  font-size: 40px;
  padding: 10px 0;
  height: 150px;
}




/* The Close Button */
.close {
  margin-top: 10%;
  position: absolute;
  margin-left: 73%;
  font-size: 55px !important;
}


/********************************************************************/
.product_img{
  top: 0px;
  width: 270px;
  height: 349.2px;
}
.table1_img{
  margin-top: 40px;
  width: 270px;
  height: 304.2px;
}
.dailyarc_img{
  margin-top: -15px !important;
  width: 250px;
  height: 364.09px;
}
.cake5_img_class{
  margin-top: 90px;
  width: 280px;
  height: 246.85px;
}
.pa1_img{
  top: 0px;
  width: 250px;
  height: 352.73px;
}
.tag2_img{
  top: 0px;
  width: 240px;
  height: 354.74px;  
}
.tag3_img{
  top: 5px;
  width: 250px;
  height: 341.36px;  
}
.tag4_img{
  top: 0px;
  width: 215px;
  height: 369.06px;
}
.mithra1_img{
  margin-top: 80px;
  width: 270px;
  height: 270px;
}
.product_info{
  margin-top: 13px;
  font-size: 27px;
}
.content1{
  position: absolute;
  top:0;
  left: 0;
}
.card .content1_div{
  padding: 40px;
}
.description_box{
  font-size: 30px;
  text-align:center;
}
.info_box{
  font-size: 23px;
  word-wrap: break-word;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}






}


/******************************** 2200 px ***************************************/

@media screen and (min-width: 2200px) {
  #TopLogo {
    left:70px;
  }
  #AClogo{
    display: none;
  }
  .home_head{
    font-size: 30px;
    left: 250px;
  }
  .ABOUT_US_HEAD{
    font-size: 30px;
    left:363px;
  }
  .gallery_head{
    font-size: 30px;
    left:520px;
  }
  .products_head{
    font-size: 30px;
    left:650px;
  }
  .print_your_work_head{
    font-size: 30px;
    left:806px;
  }
  .contact_us_head {
    font-size: 30px;
    left:1050px;
  }
  .track_head {
    font-size: 30px;
    left:1235px;
  }
  .search_head{

    left:1350px;

  }
  form.form_head button{
    
    left:1727px;
  }
  #cart_head{
   
   left:1830px;
  }
  #login_head , .loginbtn{
  
  left:1920px;
  }
  /*********************************************  Footer After 2200 px  **************************************************************/

 .footer_bottom{
  min-height: 230px;
}
.logo_footer{
  margin-left: 5%;
  width: 240px;
}
.logo_footer_col{
  margin-top: 1.5% !important;
}
div.col-sm-2.logo_footer_col{
  max-width: 320px !important;
}
/*********************************  Column 1  *********************************/

.footer_col1{
  margin-top: 1.5%;
  line-height: 2.2;
  position: absolute;
  font-size: 17px;
}
div.col-sm-2.footer_col1{
  max-width: 300px !important;
}

/*********************************  Column 2  *********************************/

.footer_col2{
  margin-top: 1.5%;
  line-height: 2.2;
  font-size: 17px;
}

div.col-sm-2.footer_col2{
  max-width: 300px !important;
}

/*********************************  Column 3  *********************************/

.footer_col3{
  margin-top: 1.5%;
  
}
.subscribe_letter{
  font-size: 19px;
}
.subscribe_input{
  width: 70%;
  height: 42px;
  font-size: 20px;
}
.subscribe_button{
  margin-left: 1%;
  width: 18%;
  height: 42px;
  position: relative;
  top:0px;
  font-size: 20px;
}

/*********************************  Column 4  *********************************/

.footer_col4{
  margin-top: 1.5%;
  margin-left: 1.5%;
}
.follow_footer{
  font-size: 18px;
  letter-spacing: 1px;
  margin-left: 11%;
  color: red;
  word-spacing: 4px;
}
.facebook_img_png{
  width: 20px;
  margin-left: 12%;
  margin-bottom: 10px;
}
.twitter_img_png{
  width: 20px;
  margin-left: 12%;
  margin-bottom: 10px;
}
.instagram_img_png{
  width: 20px;
  margin-left: 12%;
  margin-bottom: 10px;
}
.linkedin_img_png{
  width: 20px;
  margin-left: 12%;
  margin-bottom: 10px;
}
.youtube_img_png{
  width: 20px;
  margin-left: 12%;
  margin-bottom: 10px;
}

.facebook_foot{
  margin-left:7%;
  top:41px;
  font-size: 17px;
}
.twitter_foot{
  margin-left:7%;
  top:72px;
  font-size: 17px;
}
.instagram_foot{
  margin-left:7%;
  top:101px;
  font-size: 17px;
}
.linkedin_foot{
  margin-left:7%;
  top:131px;
  font-size: 17px;
}
.youtube_foot{
  margin-left:7%;
  top:161px;
  font-size: 17px;
}
div.col-sm-2.footer_col4{
  max-width: 260px !important;
}

/*********************************  Column 5  *********************************/
.footer_col5{
  margin-top: 1.5%;
}
.map_img_png{
  width: 20px;
}
.phone1_img_png{
  width: 20px;
  position: relative;
  top:45px;
}
.phone2_img_png{
  width: 20px;
  position: relative;
  top:50px;
}
.mail1_img_png{
  width: 20px;
  position: relative;
  top:53px;
}
.mail2_img_png{
  width: 20px;
  position: relative;
  top:57px;
}
.address_foot{
  margin-left:8%;
  font-size: 16px;
}
.m1_foot{
  margin-left:8%;
  top:72px;
  font-size: 16px;
}
.m2_foot{
  margin-left:8%;
  top:102px;
  font-size: 16px;
}
.mail1_foot{
  margin-left:8%;
  top:127px;;
  font-size: 16px;
}
.mail2_foot{
  margin-left:8%;
  top:155px;
  font-size: 16px;
}
.copyright{
  font-size: 17px;
  margin-left: 85%;
}
.login_dropdown_content{
  margin-top: 5.3%;
  left:1800px;
  min-width: 240px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a{
  font-size: 22px;
  padding:12px 16px;
}






/********************************  Gallery CSS  ********************************/
.gallery_right_column{
  margin-left: -70px !important;  
  overflow: visible !important;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 40px;
  margin-top: 15%;
  margin-left: 7%;
}
.monthly_button{
  font-size: 40px;
  margin-top: 5%;
  margin-left: 7%;
}
.daily_button{
  font-size: 40px;
  margin-top: 5%;
  margin-left: 7%;
}
.note_button{
  font-size: 40px;
  margin-top: 5%;
  margin-left: 7%;
}
.diary_button{
  font-size: 40px;
  margin-top: 5%;
  margin-left: 7%;
}
.box_button{
  font-size: 40px;
  margin-top: 5%;
  margin-left: 7%;
}
.table_button{
  font-size: 40px;
  margin-top: 5%;
  margin-left: 7%;
}
.tag_button{  
  font-size: 40px;
  margin-top: 5%;
  margin-left: 7%;
}
.add_button{
  font-size: 40px;
  margin-top: 5%;
  margin-left: 7%;
}
.vertical_line{
  position: relative;
  top:-820px;
  margin-left: 79%;
  border-left: 4px solid #707070;
  height: 890px;
}
.green_gallery{
  color: #3DD1A0 !important;
}
.card{
  width: 360px;
  height: 456px;
  margin-top: 13%;
  margin-left: 40px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
}
.card:hover span{
  width: 1600px;
  height: 1600px;
}
/*************************** Modal Img *******************************/

.zoom_class{
  letter-spacing: 1px;
  font-size: 28px;
}
/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 10% !important;
  width: 80%;
  max-width: 970px;
}
/* Caption of Modal Image */
#caption {
  max-width: 850px;
  font-size: 48px;
  padding: 10px 0;
  height: 150px;
}




/* The Close Button */
.close {
  margin-top: 10%;
  position: absolute;
  margin-left: 72.5%;
  font-size: 67px !important;
}


/********************************************************************/
.product_img{
  top: 0px;
  width: 300px;
  height: 388px;
}
.table1_img{
  margin-top: 45px;
  width: 300px;
  height: 338px;
}
.dailyarc_img{
  margin-top: -25px !important;
  width: 280px;
  height: 407.78px;
}
.cake5_img_class{
  margin-top: 110px;
  width: 310px;
  height: 273.3px;
}
.pa1_img{
  top: 0px;
  width: 280px;
  height: 395.05px;
}
.tag2_img{
  margin-top: 15px;
  width: 250px;
  height: 369.52px;  
}
.tag3_img{
  top: 5px;
  width: 280px;
  height: 382.33px;  
}
.tag4_img{
  top: 0px;
  width: 225px;
  height: 386.23px;
}
.mithra1_img{
  margin-top: 80px;
  width: 300px;
  height: 300px;
}
.product_info{
  margin-top: 8px;
  font-size: 30px;
}
.content1{
  position: absolute;
  top:0;
  left: 0;
}
.card .content1_div{
  padding: 40px;
}
.description_box{
  font-size: 35px;
  text-align:center;
}
.info_box{
  font-size: 28px;
  word-wrap: break-word;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}






}

/******************************** 2300 px ***************************************/
@media screen and (min-width: 2300px) {
  #TopLogo {
    left:80px;
  }
  #AClogo{
    display: none;
  }
  .home_head{
    font-size: 31px;
    left: 270px;
  }
  .ABOUT_US_HEAD{
    font-size: 31px;
    left:393px;
  }
  .gallery_head{
    font-size: 31px;
    left:560px;
  }
  .products_head{
    font-size: 31px;
    left:700px;
  }
  .print_your_work_head{
    font-size: 31px;
    left:866px;
  }
  .contact_us_head {
    font-size: 31px;
    left:1120px;
  }
  .track_head {
    font-size: 31px;
    left:1315px;
  }
  .search_head{

    left:1440px;

  }
  form.form_head button{
    
    left:1817px;
  }
  #cart_head{
   
   left:1910px;
  }
  #login_head , .loginbtn{
  
  left:2000px;
  }

  /*********************************************  Footer After 2300 px  **************************************************************/

 .footer_bottom{
  min-height: 300px;
}
.logo_footer{
  margin-left: 5%;
  width: 270px;
}
.logo_footer_col{
  margin-top: 1.5% !important;
}
div.col-sm-2.logo_footer_col{
  max-width: 320px !important;
}
/*********************************  Column 1  *********************************/

.footer_col1{
  margin-top: 2%;
  line-height: 2.2;
  position: absolute;
  font-size: 19px;
}
div.col-sm-2.footer_col1{
  max-width: 300px !important;
}

/*********************************  Column 2  *********************************/

.footer_col2{
  margin-top: 2%;
  line-height: 2.2;
  font-size: 19px;
}

div.col-sm-2.footer_col2{
  max-width: 300px !important;
}

/*********************************  Column 3  *********************************/

.footer_col3{
  margin-top: 2%;
  
}
.subscribe_letter{
  font-size: 21px;
}
.subscribe_input{
  width: 70%;
  height: 50px;
  font-size: 20px;
}
.subscribe_button{
  margin-left: 1%;
  width: 18%;
  height: 50px;
  position: relative;
  top:0px;
  font-size: 20px;
}

/*********************************  Column 4  *********************************/

.footer_col4{
  margin-top: 2%;
  margin-left: 1.5%;
}
.follow_footer{
  font-size: 20px;
  letter-spacing: 1px;
  margin-left: 11%;
  color: red;
  word-spacing: 4px;
}
.facebook_img_png{
  width: 23px;
  margin-left: 12%;
  margin-bottom: 10px;
}
.twitter_img_png{
  width: 23px;
  margin-left: 12%;
  margin-bottom: 10px;
}
.instagram_img_png{
  width: 23px;
  margin-left: 12%;
  margin-bottom: 10px;
}
.linkedin_img_png{
  width: 23px;
  margin-left: 12%;
  margin-bottom: 10px;
}
.youtube_img_png{
  width: 23px;
  margin-left: 12%;
  margin-bottom: 10px;
}

.facebook_foot{
  margin-left:7%;
  top:42px;
  font-size: 20px;
}
.twitter_foot{
  margin-left:7%;
  top:77px;
  font-size: 20px;
}
.instagram_foot{
  margin-left:7%;
  top:107px;
  font-size: 20px;
}
.linkedin_foot{
  margin-left:7%;
  top:140px;
  font-size: 20px;
}
.youtube_foot{
  margin-left:7%;
  top:174px;
  font-size: 20px;
}
div.col-sm-2.footer_col4{
  max-width: 300px !important;
}

/*********************************  Column 5  *********************************/
.footer_col5{
  margin-top: 2%;
}
.map_img_png{
  width: 23px;
}
.phone1_img_png{
  width: 23px;
  position: relative;
  top:60px;
}
.phone2_img_png{
  width: 23px;
  position: relative;
  top:70px;
}
.mail1_img_png{
  width: 23px;
  position: relative;
  top:78px;
}
.mail2_img_png{
  width: 23px;
  position: relative;
  top:87px;
}
.address_foot{
  margin-left:8%;
  top:2px;
  font-size: 18px;
}
.m1_foot{
  margin-left:8%;
  top:88px;
  font-size: 18px;
}
.m2_foot{
  margin-left:8%;
  top:122px;
  font-size: 18px;
}
.mail1_foot{
  margin-left:8%;
  top:155px;;
  font-size: 18px;
}
.mail2_foot{
  margin-left:8%;
  top:192px;
  font-size: 18px;
}
.copyright{
  font-size: 17px;
  margin-left: 85%;
}
div.col-sm-2.footer_col5{
  max-width: 340px !important;
}
.login_dropdown_content{
  margin-top: 5%;
  left:2030px;
  min-width: 260px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a{
  font-size: 25px;
  padding:14px 16px;
}
}


/******************************** 2400 px ***************************************/
@media screen and (min-width: 2400px) {
  #TopLogo {
    left:133px;
  }  
  #AClogo{
    display: none;
  }
  .home_head{
    font-size: 35px;
    left: 352px;
  }
  .ABOUT_US_HEAD{
    font-size: 35px;
    left:493px;
  }
  .gallery_head{
    font-size: 35px;
    left:682px;
  }
  .products_head{
    font-size: 35px;
    left:843px;
  }
  .print_your_work_head{
    font-size: 35px;
    left:1033px;
  }
  .contact_us_head {
    font-size: 35px;
    left:1331px;
  }
  .track_head {
    font-size: 35px;
    left:1550px;
  }
  .search_head{
    top:36px;
    height: 42px !important;
    left:1690px;

  }
  form.form_head button{
    top:37px;
    height: 40px !important;
    left:2067px;
  }
  #cart_head{
   top: 34px !important;
   width: 42px !important;
   height: 42px !important;
   left:2160px;
  }
  #login_head , .loginbtn{
  top: 38px !important;
  height: 33.52px !important;
  left:2250px;
  }
  .login_dropdown_content{
  margin-top: 4.7%;
  left:2155px;
  min-width: 280px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a{
  font-size: 30px;
  padding:14px 16px;
} 






/********************************  Gallery CSS  ********************************/
.gallery_right_column{
  margin-left: -70px !important;  
  overflow: visible !important;
  margin-top: 50px;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 46px;
  margin-top: 15%;
  margin-left: 7%;
}
.monthly_button{
  font-size: 46px;
  margin-top: 5%;
  margin-left: 7%;
}
.daily_button{
  font-size: 46px;
  margin-top: 5%;
  margin-left: 7%;
}
.note_button{
  font-size: 46px;
  margin-top: 5%;
  margin-left: 7%;
}
.diary_button{
  font-size: 46px;
  margin-top: 5%;
  margin-left: 7%;
}
.box_button{
  font-size: 46px;
  margin-top: 5%;
  margin-left: 7%;
}
.table_button{
  font-size: 46px;
  margin-top: 5%;
  margin-left: 7%;
}
.tag_button{  
  font-size: 46px;
  margin-top: 5%;
  margin-left: 7%;
}
.add_button{
  font-size: 46px;
  margin-top: 5%;
  margin-left: 7%;
}
.vertical_line{
  position: relative;
  top:-900px;
  margin-left: 79%;
  border-left: 4px solid #707070;
  height: 960px;
}
.green_gallery{
  color: #3DD1A0 !important;
}
.card{
  width: 390px;
  height: 494px;
  margin-top: 13%;
  margin-left: 40px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
}
.card:hover span{
  width: 2000px;
  height: 2000px;
}
/*************************** Modal Img *******************************/

.zoom_class{
  letter-spacing: 1px;
  font-size: 33px;
}
/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 10% !important;
  width: 85%;
  max-width: 1000px;
}
/* Caption of Modal Image */
#caption {
  max-width: 850px;
  font-size: 55px;
  padding: 10px 0;
  height: 150px;
}




/* The Close Button */
.close {
  margin-top: 10%;
  position: absolute;
  margin-left: 71%;
  font-size: 71px !important;
}


/********************************************************************/
.product_img{
  top: 0px;
  width: 330px;
  height: 426.8px;
}
.table1_img{
  margin-top: 45px;
  width: 330px;
  height: 371.8px;
}
.dailyarc_img{
  margin-top: -25px !important;
  width: 310px;
  height: 451.47px;
}
.cake5_img_class{
  margin-top: 115px;
  width: 340px;
  height: 299.74px;
}
.pa1_img{
  top: 0px;
  width: 310px;
  height: 437.38px;
}
.tag2_img{
  margin-top: 15px;
  width: 270px;
  height: 399.09px;  
}
.tag3_img{
  top: 5px;
  width: 310px;
  height: 423.29px;  
}
.tag4_img{
  top: 0px;
  width: 245px;
  height: 420.56px;
}
.mithra1_img{
  margin-top: 80px;
  width: 330px;
  height: 330px;
}
.product_info{
  margin-top: 3px;
  font-size: 34px;
}
.content1{
  position: absolute;
  top:0;
  left: 0;
}
.card .content1_div{
  padding: 40px;
}
.description_box{
  font-size: 41px;
  text-align:center;
}
.info_box{
  font-size: 33px;
  word-wrap: break-word;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}







}

/******************************** 2700 px ***************************************/

@media screen and (min-width: 2700px) {
   .topnav {
    min-height: 120px;
   }  
   #AClogo{
    display: none;
  }
   #TopLogo {
    top: 8px;
    left:133px;
    width: 145.87px;
    height: 100px;
  }
  .home_head{
    font-size: 40px;
    left: 352px;
  }
  .ABOUT_US_HEAD{
    font-size: 40px;
    left:508px;
  }
  .gallery_head{
    font-size: 40px;
    left:720px;
  }
  .products_head{
    font-size: 40px;
    left:898px;
  }
  .print_your_work_head{
    font-size: 40px;
    left:1103px;
  }
  .contact_us_head {
    font-size: 40px;
    left:1431px;
  }
  .track_head {
    font-size: 40px;
    left:1675px;
  }
  .search_head{
    top:38px;
    height: 44px !important;
    left:1840px;

  }
  form.form_head button{
    top:39px;
    height: 42px !important;
    left:2217px;
  }
  #cart_head{
   top: 36px !important;
   width: 47px !important;
   height: 47px !important;
   left:2310px;
  }
  #login_head , .loginbtn{
  top: 40px !important;
  height: 36.52px !important;
  left:2400px;
  }
  .login_dropdown_content{
  margin-top: 4.7%;
  left:2160px;
  min-width: 300px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a{
  font-size: 32px;
  padding:16px 18px;
}





/********************************  Gallery CSS  ********************************/
.gallery_right_column{
  margin-left: -70px !important;  
  overflow: visible !important;
  margin-top: 50px;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 50px;
  margin-top: 15%;
  margin-left: 7%;
}
.monthly_button{
  font-size: 50px;
  margin-top: 5%;
  margin-left: 7%;
}
.daily_button{
  font-size: 50px;
  margin-top: 5%;
  margin-left: 7%;
}
.note_button{
  font-size: 50px;
  margin-top: 5%;
  margin-left: 7%;
}
.diary_button{
  font-size: 50px;
  margin-top: 5%;
  margin-left: 7%;
}
.box_button{
  font-size: 50px;
  margin-top: 5%;
  margin-left: 7%;
}
.table_button{
  font-size: 50px;
  margin-top: 5%;
  margin-left: 7%;
}
.tag_button{  
  font-size: 50px;
  margin-top: 5%;
  margin-left: 7%;
}
.add_button{
  font-size: 50px;
  margin-top: 5%;
  margin-left: 7%;
}
.vertical_line{
  position: relative;
  top:-1000px;
  margin-left: 79%;
  border-left: 6px solid #707070;
  height: 1090px;
}
.green_gallery{
  color: #3DD1A0 !important;
}
.card{
  width: 430px;
  height: 544.67px;
  margin-top: 13%;
  margin-left: 40px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
}
.card:hover span{
  width: 2400px;
  height: 2400px;
}
/*************************** Modal Img *******************************/

.zoom_class{
  letter-spacing: 1px;
  font-size: 37px;
}
/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 10% !important;
  width: 88%;
  max-width: 1100px;
}
/* Caption of Modal Image */
#caption {
  max-width: 950px;
  font-size: 61px;
  padding: 10px 0;
  height: 150px;
}




/* The Close Button */
.close {
  margin-top: 10%;
  position: absolute;
  margin-left: 71%;
  font-size: 90px !important;
}


/********************************************************************/
.product_img{
  top: 0px;
  width: 360px;
  height: 465.6px;
}
.table1_img{
  margin-top: 45px;
  width: 360px;
  height: 405.6px;
}
.dailyarc_img{
  margin-top: -25px !important;
  width: 340px;
  height: 495.16px;
}
.cake5_img_class{
  margin-top: 125px;
  width: 370px;
  height: 326.19px;
}
.pa1_img{
  top: 0px;
  width: 340px;
  height: 479.71px;
}
.tag2_img{
  margin-top: 15px;
  width: 300px;
  height: 443.43px;  
}
.tag3_img{
  top: 5px;
  width: 340px;
  height: 464.25px;  
}
.tag4_img{
  top: 0px;
  width: 270px;
  height: 463.47px;
}
.mithra1_img{
  margin-top: 80px;
  width: 370px;
  height: 370px;
}
.product_info{
  margin-top: 3px;
  font-size: 38px;
}
.content1{
  position: absolute;
  top:0;
  left: 0;
}
.card .content1_div{
  padding: 40px;
}
.description_box{
  font-size: 45px;
  text-align:center;
}
.info_box{
  font-size: 37px;
  word-wrap: break-word;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}






}

/******************************** 2850 px ***************************************/

@media screen and (min-width: 2850px) {
   .topnav {
    min-height: 120px;
   }
  #AClogo{
    display: none;
  }
   #TopLogo {
    top: 8px;
    left:163px;
    width: 145.87px;
    height: 100px;
  }
  .home_head{
    font-size: 40px;
    left: 392px;
  }
  .ABOUT_US_HEAD{
    font-size: 40px;
    left:548px;
  }
  .gallery_head{
    font-size: 40px;
    left:760px;
  }
  .products_head{
    font-size: 40px;
    left:938px;
  }
  .print_your_work_head{
    font-size: 40px;
    left:1143px;
  }
  .contact_us_head {
    font-size: 40px;
    left:1461px;
  }
  .track_head {
    font-size: 40px;
    left:1715px;
  }
  .search_head{
    top:38px;
    height: 44px !important;
    left:1880px;

  }
  form.form_head button{
    top:39px;
    height: 42px !important;
    left:2257px;
  }
  #cart_head{
   top: 36px !important;
   width: 47px !important;
   height: 47px !important;
   left:2350px;
  }
  #login_head , .loginbtn{
  top: 40px !important;
  height: 36.52px !important;
  left:2440px;
  }
  

 /*********************************************  Footer After 2850 px  **************************************************************/

 .footer_bottom{
  min-height: 350px;
}
.logo_footer{
  margin-left: 5%;
  width: 300px;
}
.logo_footer_col{
  margin-top: 2.5% !important;
}
div.col-sm-2.logo_footer_col{
  max-width: 400px !important;
}
/*********************************  Column 1  *********************************/

.footer_col1{
  margin-top: 2.5%;
  line-height: 2.2;
  font-size: 21px;
}
div.col-sm-2.footer_col1{
  max-width: 340px !important;
}

/*********************************  Column 2  *********************************/

.footer_col2{
  margin-top: 2.5%;
  line-height: 2.2;
  font-size: 21px;
}

div.col-sm-2.footer_col2{
  max-width: 340px !important;
}

/*********************************  Column 3  *********************************/

.footer_col3{
  margin-top: 2.5%;
  
}
.subscribe_letter{
  font-size: 23px;
}
.subscribe_input{
  width: 70%;
  height: 60px;
  font-size: 22px;
}
.subscribe_button{
  margin-left: 1%;
  width: 18%;
  height: 60px;
  position: relative;
  top:0px;
  font-size: 20px;
}

/*********************************  Column 4  *********************************/

.footer_col4{
  margin-top: 1.7%;
  margin-left: 1.5%;
}
.follow_footer{
  font-size: 21px;
  letter-spacing: 1px;
  margin-left: 11%;
  color: red;
  word-spacing: 4px;
}
.facebook_img_png{
  width: 25px;
  margin-left: 12%;
  margin-bottom: 10px;
}
.twitter_img_png{
  width: 25px;
  position: relative;
  top:10px;
  margin-left: 12%;
  margin-bottom: 10px;
}
.instagram_img_png{
  width: 25px;
  position: relative;
  top:20px;
  margin-left: 12%;
  margin-bottom: 10px;
}
.linkedin_img_png{
  width: 25px;
  position: relative;
  top:30px;
  margin-left: 12%;
  margin-bottom: 10px;
}
.youtube_img_png{
  width: 25px;
  position: relative;
  top:40px;
  margin-left: 12%;
  margin-bottom: 10px;
}

.facebook_foot{
  margin-left:7%;
  top:44px;
  font-size: 22px;
}
.twitter_foot{
  margin-left:7%;
  top:90px;
  font-size: 22px;
}
.instagram_foot{
  margin-left:7%;
  top:132px;
  font-size: 22px;
}
.linkedin_foot{
  margin-left:7%;
  top:176px;
  font-size: 22px;
}
.youtube_foot{
  margin-left:7%;
  top:222px;
  font-size: 22px;
}
div.col-sm-2.footer_col4{
  max-width: 400px !important;
}

/*********************************  Column 5  *********************************/
.footer_col5{
  margin-top: 2.5%;
}
.map_img_png{
  width: 25px;
  top:2px;
}
.phone1_img_png{
  width: 25px;
  position: relative;
  top:70px;
}
.phone2_img_png{
  width: 25px;
  position: relative;
  top:80px;
}
.mail1_img_png{
  width: 25px;
  position: relative;
  top:88px;
}
.mail2_img_png{
  width: 25px;
  position: relative;
  top:97px;
}
.address_foot{
  margin-left:8%;
  top:0px;
  font-size: 21px;
}
.m1_foot{
  margin-left:8%;
  top:98px;
  font-size: 21px;
}
.m2_foot{
  margin-left:8%;
  top:132px;
  font-size: 21px;
}
.mail1_foot{
  margin-left:8%;
  top:165px;;
  font-size: 21px;
}
.mail2_foot{
  margin-left:8%;
  top:202px;
  font-size: 21px;
}
.copyright{
  font-size: 19px;
  margin-left: 85%;
}
div.col-sm-2.footer_col5{
  max-width: 340px !important;
}
  .login_dropdown_content{
  margin-top: 4.5%;
  left:2370px;
  min-width: 330px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a{
  font-size: 35px;
  padding:16px 18px;
}
}

/******************************** 3000 px ***************************************/

@media screen and (min-width: 3000px) {
   .topnav {
    min-height: 130px;
   }
   #AClogo{
    display: none;
   }
   #TopLogo {
    top: 8px;
    left:163px;
    width: 156px;
    height: 107px;
  }
  .home_head{
    font-size: 45px;
    left: 392px;
  }
  .ABOUT_US_HEAD{
    font-size: 45px;
    left:568px;
  }
  .gallery_head{
    font-size: 45px;
    left:810px;
  }
  .products_head{
    font-size: 45px;
    left:1008px;
  }
  .print_your_work_head{
    font-size: 45px;
    left:1243px;
  }
  .contact_us_head {
    font-size: 45px;
    left:1611px;
  }
  .track_head {
    font-size: 45px;
    left:1880px;
  }
  .search_head{
    width: 420px !important;
    border-radius: 7px 0px 0px 7px;
    top: 39px;
    height: 46px !important;
    left:2060px;

  }
  form.form_head button{
    top: 40px;
    border-radius: 0px 7px 7px 0px;
    height: 44px !important;
    left:2479px;
  }
  #cart_head{
   top: 36px !important;
   width: 49px !important;
   height: 49px !important;
   left:2580px;
  }
  #login_head , .loginbtn{
  top: 40px !important;
  width: 40 !important;
  height: 40px !important;
  left:2670px;
  }
  .login_dropdown_content{
  margin-top: 5%;
  left:2600px;
  min-width: 350px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a{
  font-size: 38px;
  padding:16px 18px;
}
}

/******************************** 3200 px ***************************************/

@media screen and (min-width: 3200px) {
   .topnav {
    min-height: 150px;
   }
   #AClogo{
    display: none;
   }
   #TopLogo {
    top: 8px;
    left:163px;
    width: 174px;
    height: 119px;
  }
  .home_head{
    font-size: 50px;
    top:40px;
    left: 412px;
  }
  .ABOUT_US_HEAD{
    font-size: 50px;
    top:40px;
    left:608px;
  }
  .gallery_head{
    font-size: 50px;
    top:40px;
    left:870px;
  }
  .products_head{
    font-size: 50px;
    top:40px;
    left:1088px;
  }
  .print_your_work_head{
    font-size: 50px;
    top:40px;
    left:1343px;
  }
  .contact_us_head {
    font-size: 50px;
    top:40px;
    left:1751px;
  }
  .track_head {
    font-size: 50px;
    top:40px;
    left:2050px;
  }
  .search_head{
    width: 420px !important;
    border-radius: 7px 0px 0px 7px;
    top: 51px;
    height: 48px !important;
    left:2240px;

  }
  form.form_head button{
    top: 52px;
    border-radius: 0px 7px 7px 0px;
    height: 46px !important;
    left:2659px;
  }
  #cart_head{
   top:45px !important;
   width: 55px !important;
   height: 55px !important;
   left:2780px;
  }
  #login_head , .loginbtn{
  top: 47px !important;
  width: 50 !important;
  height: 50px !important;
  left:2920px;
  }
  .login_dropdown_content{
  margin-top: 4.7%;
  left:2600px;
  min-width: 350px;
  box-shadow: 0px 12px 20px 0px rgba(0,0,0,0.4);
}
.login_dropdown_content a{
  font-size: 40px;
  padding:16px 18px;
}
/******************************** 3400 px ***************************************/

}

@media screen and (min-width: 3400px) {
   .topnav {
    min-height: 150px;
   }
   #AClogo{
    display: none;
  }
   #TopLogo {
    top: 8px;
    left:183px;
    width: 174px;
    height: 119px;
  }
  .home_head{
    font-size: 50px;
    top:40px;
    left: 432px;
  }
  .ABOUT_US_HEAD{
    font-size: 50px;
    top:40px;
    left:628px;
  }
  .gallery_head{
    font-size: 50px;
    top:40px;
    left:890px;
  }
  .products_head{
    font-size: 50px;
    top:40px;
    left:1108px;
  }
  .print_your_work_head{
    font-size: 50px;
    top:40px;
    left:1363px;
  }
  .contact_us_head {
    font-size: 50px;
    top:40px;
    left:1771px;
  }
  .track_head {
    font-size: 50px;
    top:40px;
    left:2070px;
  }
  .search_head{
    width: 420px !important;
    border-radius: 7px 0px 0px 7px;
    top: 51px;
    height: 48px !important;
    left:2260px;

  }
  form.form_head button{
    top: 52px;
    border-radius: 0px 7px 7px 0px;
    height: 46px !important;
    left:2679px;
  }
  #cart_head{
   top:45px !important;
   width: 55px !important;
   height: 55px !important;
   left:2800px;
  }
  #login_head , .loginbtn{
  top: 47px !important;
  width: 50 !important;
  height: 50px !important;
  left:2940px;
  }

   /*********************************************  Footer After 2850 px  **************************************************************/

 .footer_bottom{
  min-height: 400px;
}
.logo_footer{
  margin-left: 5%;
  width: 340px;
}
.logo_footer_col{
  margin-top: 2.5% !important;
}
div.col-sm-2.logo_footer_col{
  max-width: 480px !important;
}
/*********************************  Column 1  *********************************/

.footer_col1{
  margin-top: 2.5%;
  line-height: 2.2;
  font-size: 25px;
}
div.col-sm-2.footer_col1{
  max-width: 400px !important;
}

/*********************************  Column 2  *********************************/

.footer_col2{
  margin-top: 2.5%;
  line-height: 2.2;
  font-size: 25px;
}

div.col-sm-2.footer_col2{
  max-width: 400px !important;
}

/*********************************  Column 3  *********************************/

.footer_col3{
  margin-top: 2.5%;
  
}
.subscribe_letter{
  font-size: 26px;
}
.subscribe_input{
  width: 70%;
  height: 70px;
  font-size: 25px;
}
.subscribe_button{
  margin-left: 1%;
  width: 18%;
  height: 70px;
  position: relative;
  top:0px;
  font-size: 23px;
}

/*********************************  Column 4  *********************************/

.footer_col4{
  margin-top: 2%;
  margin-left: 1.5%;
}
.follow_footer{
  font-size: 26px;
  letter-spacing: 1px;
  margin-left: 11%;
  color: red;
  word-spacing: 4px;
}
.facebook_img_png{
  width: 29px;
  margin-left: 12%;
  margin-bottom: 10px;
}
.twitter_img_png{
  width: 29px;
  position: relative;
  top:10px;
  margin-left: 12%;
  margin-bottom: 10px;
}
.instagram_img_png{
  width: 29px;
  position: relative;
  top:20px;
  margin-left: 12%;
  margin-bottom: 10px;
}
.linkedin_img_png{
  width: 29px;
  position: relative;
  top:30px;
  margin-left: 12%;
  margin-bottom: 10px;
}
.youtube_img_png{
  width: 29px;
  position: relative;
  top:40px;
  margin-left: 12%;
  margin-bottom: 10px;
}

.facebook_foot{
  margin-left:7%;
  top:48px;
  font-size: 25px;
}
.twitter_foot{
  margin-left:7%;
  top:98px;
  font-size: 25px;
}
.instagram_foot{
  margin-left:7%;
  top:147px;
  font-size: 25px;
}
.linkedin_foot{
  margin-left:7%;
  top:196px;
  font-size: 25px;
}
.youtube_foot{
  margin-left:7%;
  top:247px;
  font-size: 25px;
}
div.col-sm-2.footer_col4{
  max-width: 440px !important;
}

/*********************************  Column 5  *********************************/
.footer_col5{
  margin-top: 2.5%;
}
.map_img_png{
  width: 29px;
  position: relative;
  top:5px;
  top:10px;
}
.phone1_img_png{
  width: 29px;
  position: relative;
  top:90px;
}
.phone2_img_png{
  width: 29px;
  position: relative;
  top:110px;
}
.mail1_img_png{
  width: 29px;
  position: relative;
  top:125px;
}
.mail2_img_png{
  width: 29px;
  position: relative;
  top:132px;
}
.address_foot{
  margin-left:8%;
  top:0px;
  font-size: 25px;
}
.m1_foot{
  margin-left:8%;
  top:118px;
  font-size: 25px;
}
.m2_foot{
  margin-left:8%;
  top:162px;
  font-size: 25px;
}
.mail1_foot{
  margin-left:8%;
  top:205px;;
  font-size: 25px;
}
.mail2_foot{
  margin-left:8%;
  top:242px;
  font-size: 25px;
}
.copyright{
  font-size: 19px;
  margin-left: 85%;
}
div.col-sm-2.footer_col5{
  max-width: 440px !important;
}
  .login_dropdown_content{
  margin-top: 4.6%;
  left:2610px;
  min-width: 350px;
  box-shadow: 0px 12px 20px 0px rgba(0,0,0,0.4);
}
.login_dropdown_content a{
  font-size: 43px;
  padding:18px 18px;
}








/********************************  Gallery CSS  ********************************/
.gallery_right_column{
  margin-left: -70px !important;  
  overflow: visible !important;
  margin-top: 50px;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 58px;
  margin-top: 15%;
  margin-left: 7%;
}
.monthly_button{
  font-size: 58px;
  margin-top: 5%;
  margin-left: 7%;
}
.daily_button{
  font-size: 58px;
  margin-top: 5%;
  margin-left: 7%;
}
.note_button{
  font-size: 58px;
  margin-top: 5%;
  margin-left: 7%;
}
.diary_button{
  font-size: 58px;
  margin-top: 5%;
  margin-left: 7%;
}
.box_button{
  font-size: 58px;
  margin-top: 5%;
  margin-left: 7%;
}
.table_button{
  font-size: 58px;
  margin-top: 5%;
  margin-left: 7%;
}
.tag_button{  
  font-size: 58px;
  margin-top: 5%;
  margin-left: 7%;
}
.add_button{
  font-size: 58px;
  margin-top: 5%;
  margin-left: 7%;
}
.vertical_line{
  position: relative;
  top:-1160px;
  margin-left: 79%;
  border-left: 6px solid #707070;
  height: 1290px;
}
.green_gallery{
  color: #3DD1A0 !important;
}
.card{
  width: 470px;
  height: 595.33px;
  margin-top: 13%;
  margin-left: 40px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
}
.card:hover span{
  width: 2700px;
  height: 2700px;
}
/*************************** Modal Img *******************************/

.zoom_class{
  letter-spacing: 1px;
  font-size: 41px;
}
/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 10% !important;
  width: 91%;
  max-width: 1300px;
}
/* Caption of Modal Image */
#caption {
  max-width: 1050px;
  font-size: 66px;
  padding: 10px 0;
  height: 150px;
}




/* The Close Button */
.close {
  margin-top: 10%;
  position: absolute;
  margin-left: 71%;
  font-size: 96px !important;
}


/********************************************************************/
.product_img{
  top: 0px;
  width: 390px;
  height: 504.4px;
}
.table1_img{
  margin-top: 45px;
  width: 390px;
  height: 439.46px;
}
.dailyarc_img{
  margin-top: -25px !important;
  width: 370px;
  height: 538.85px;
}
.cake5_img_class{
  margin-top: 140px;
  width: 400px;
  height: 352.64px;
}
.pa1_img{
  top: 0px;
  width: 365px;
  height: 514.98px;
}
.tag2_img{
  margin-top: 15px;
  width: 330px;
  height: 487.77px;  
}
.tag3_img{
  top: 5px;
  width: 370px;
  height: 505.22px;  
}
.tag4_img{
  top: 0px;
  width: 290px;
  height: 497.81px;
}
.mithra1_img{
  margin-top: 80px;
  width: 400px;
  height: 400px;
}
.product_info{
  margin-top: 6px;
  font-size: 42px;
}
.content1{
  position: absolute;
  top:0;
  left: 0;
}
.card .content1_div{
  padding: 40px;
}
.description_box{
  font-size: 50px;
  text-align:center;
}
.info_box{
  font-size: 41px;
  word-wrap: break-word;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}







}

/******************************** 3500 px ***************************************/

@media screen and (min-width: 3500px) {
   .topnav {
    min-height: 150px;
   }  
   #AClogo{
    display: none;
  }
   #TopLogo {
    top: 8px;
    left:183px;
    width: 174px;
    height: 119px;
  }
  .home_head{
    font-size: 50px;
    top:40px;
    left: 442px;
  }
  .ABOUT_US_HEAD{
    font-size: 50px;
    top:40px;
    left:658px;
  }
  .gallery_head{
    font-size: 50px;
    top:40px;
    left:920px;
  }
  .products_head{
    font-size: 50px;
    top:40px;
    left:1138px;
  }
  .print_your_work_head{
    font-size: 50px;
    top:40px;
    left:1393px;
  }
  .contact_us_head {
    font-size: 50px;
    top:40px;
    left:1781px;
  }
  .track_head {
    font-size: 50px;
    top:40px;
    left:2100px;
  }
  .search_head{
    width: 420px !important;
    border-radius: 7px 0px 0px 7px;
    top: 51px;
    height: 48px !important;
    left:2290px;

  }
  form.form_head button{
    top: 52px;
    border-radius: 0px 7px 7px 0px;
    height: 46px !important;
    left:2709px;
  }
  #cart_head{
   top:45px !important;
   width: 55px !important;
   height: 55px !important;
   left:2830px;
  }
  #login_head , .loginbtn{
  top: 47px !important;
  width: 50 !important;
  height: 50px !important;
  left:2970px;
  }
  .login_dropdown_content{
  margin-top: 4.6%;
  left:2610px;
  min-width: 450px;
  box-shadow: 0px 12px 20px 0px rgba(0,0,0,0.4);
}
.login_dropdown_content a{
  font-size: 47px;
  padding:19px 18px;
}





/********************************  Gallery CSS  ********************************/
.gallery_column{
  margin-top: 180px;
}
.gallery_right_column{
  margin-left: -70px !important;  
  overflow: visible !important;
  margin-top: 200px;
}
.class_right_div{
  overflow: visible !important;
}
.all_button{
  font-size: 66px;
  margin-top: 15%;
  margin-left: 7%;
}
.monthly_button{
  font-size: 66px;
  margin-top: 5%;
  margin-left: 7%;
}
.daily_button{
  font-size: 66px;
  margin-top: 5%;
  margin-left: 7%;
}
.note_button{
  font-size: 66px;
  margin-top: 5%;
  margin-left: 7%;
}
.diary_button{
  font-size: 66px;
  margin-top: 5%;
  margin-left: 7%;
}
.box_button{
  font-size: 66px;
  margin-top: 5%;
  margin-left: 7%;
}
.table_button{
  font-size: 66px;
  margin-top: 5%;
  margin-left: 7%;
}
.tag_button{  
  font-size: 66px;
  margin-top: 5%;
  margin-left: 7%;
}
.add_button{
  font-size: 66px;
  margin-top: 5%;
  margin-left: 7%;
}
.vertical_line{
  position: relative;
  top:-1350px;
  margin-left: 79%;
  border-left: 6px solid #707070;
  height: 1490px;
}
.green_gallery{
  color: #3DD1A0 !important;
}
.card{
  width: 520px;
  height: 658.67px;
  margin-top: 13%;
  margin-left: 40px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
}
.card:hover span{
  width: 3000px;
  height: 3000px;
}
/*************************** Modal Img *******************************/

.zoom_class{
  letter-spacing: 1px;
  font-size: 45px;
}
/* The Modal (background) */
.modalDIV_class {
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
}

/* Modal Content (image) */
.modal-content {
  margin-top: 10% !important;
  width: 93%;
  max-width: 1500px;
}
/* Caption of Modal Image */
#caption {
  max-width: 1050px;
  font-size: 71px;
  padding: 10px 0;
  height: 150px;
}




/* The Close Button */
.close {
  margin-top: 10%;
  position: absolute;
  margin-left: 71%;
  font-size: 101px !important;
}


/********************************************************************/
.product_img{
  top: 0px;
  width: 430px;
  height: 556.13px;
}
.table1_img{
  margin-top: 45px;
  width: 430px;
  height: 484.47px;
}
.dailyarc_img{
  margin-top: -35px !important;
  width: 410px;
  height: 597.11px;
}
.cake5_img_class{
  margin-top: 155px;
  width: 440px;
  height: 387.9px;
}
.pa1_img{
  top: 0px;
  width: 405px;
  height: 571.42px;
}
.tag2_img{
  margin-top: 15px;
  width: 370px;
  height: 546.9px;  
}
.tag3_img{
  top: 5px;
  width: 410px;
  height: 559.84px;  
}
.tag4_img{
  top: 0px;
  width: 330px;
  height: 566.47px;
}
.mithra1_img{
  margin-top: 80px;
  width: 440px;
  height: 440px;
}
.product_info{
  margin-top: 6px;
  font-size: 47px;
}
.content1{
  position: absolute;
  top:0;
  left: 0;
}
.card .content1_div{
  padding: 40px;
}
.description_box{
  font-size: 56px;
  text-align:center;
}
.info_box{
  font-size: 45px;
  word-wrap: break-word;
}
div.column{
  display: none;
}
.show_gallery{
  display: block !important;
}






}

/******************************** 3600 px ***************************************/

@media screen and (min-width: 3600px) {
   .topnav {
    min-height: 160px;
   } 
   #AClogo{
    display: none;
  }
   #TopLogo {
    top: 8px;
    left:223px;
    width: 174px;
    height: 119px;
  }
  .home_head{
    font-size: 50px;
    top:40px;
    left: 482px;
  }
  .ABOUT_US_HEAD{
    font-size: 50px;
    top:40px;
    left:698px;
  }
  .gallery_head{
    font-size: 50px;
    top:40px;
    left:960px;
  }
  .products_head{
    font-size: 50px;
    top:40px;
    left:1178px;
  }
  .print_your_work_head{
    font-size: 50px;
    top:40px;
    left:1433px;
  }
  .contact_us_head {
    font-size: 50px;
    top:40px;
    left:1821px;
  }
  .track_head {
    font-size: 50px;
    top:40px;
    left:2140px;
  }
  .search_head{
    width: 420px !important;
    border-radius: 7px 0px 0px 7px;
    top: 51px;
    height: 48px !important;
    left:2330px;

  }
  form.form_head button{
    top: 52px;
    border-radius: 0px 7px 7px 0px;
    height: 46px !important;
    left:2749px;
  }
  #cart_head{
   top:45px !important;
   width: 55px !important;
   height: 55px !important;
   left:2870px;
  }
  #login_head , .loginbtn{
  top: 47px !important;
  width: 50 !important;
  height: 50px !important;
  left:3010px;
  }
  .login_dropdown_content{
  margin-top: 5%;
  left:2810px;
  min-width: 450px;
  box-shadow: 0px 12px 20px 0px rgba(0,0,0,0.4);
}
.login_dropdown_content a{
  font-size: 47px;
  padding:19px 18px;
}
}


/******************************** 3700 px ***************************************/

@media screen and (min-width: 3700px) {
   .topnav {
    min-height: 170px;
   }  
   #AClogo{
    display: none;
  }
   #TopLogo {
    top: 8px;
    left:223px;
    width: 186.59px;
    height: 128px;
  }
  .home_head{
    font-size: 55px;
    top:40px;
    left: 482px;
  }
  .ABOUT_US_HEAD{
    font-size: 55px;
    top:40px;
    left:698px;
  }
  .gallery_head{
    font-size: 55px;
    top:40px;
    left:990px;
  }
  .products_head{
    font-size: 55px;
    top:40px;
    left:1235px;
  }
  .print_your_work_head{
    font-size: 55px;
    top:40px;
    left:1517px;
  }
  .contact_us_head {
    font-size: 55px;
    top:40px;
    left:1965px;
  }
  .track_head {
    font-size: 55px;
    top:40px;
    left:2295px;
  }
  .search_head{
    width: 440px !important;
    border-radius: 9px 0px 0px 9px !important;
    top: 51px;
    height: 54px !important;
    left:2500px;

  }
  form.form_head button{
    top: 52px;
    border-radius: 0px 9px 9px 0px;
    height: 52px !important;
    left:2939px;
  }
  #cart_head{
   top:45px !important;
   width: 55px !important;
   height: 55px !important;
   left:3070px;
  }
  #login_head , .loginbtn{
  top: 47px !important;
  width: 50 !important;
  height: 50px !important;
  left:3210px;
  }
  .login_dropdown_content{
  margin-top: 5.4%;
  left:2970px;
  min-width: 450px;
  box-shadow: 0px 12px 20px 0px rgba(0,0,0,0.4);
}
.login_dropdown_content a{
  font-size: 47px;
  padding:19px 18px;
}
}

/******************************** 3800 px ***************************************/

@media screen and (min-width: 3800px) {
   .topnav {
    min-height: 195px;
   }  
   #AClogo{
    display: none;
   }
   #TopLogo {
    top: 10px;
    left:223px;
    width: 223.59px;
    height: 153px;
  }
  .home_head{
    font-size: 60px;
    top:50px;
    left: 507px;
  }
  .ABOUT_US_HEAD{
    font-size: 60px;
    top:50px;
    left:738px;
  }
  .gallery_head{
    font-size: 60px;
    top:50px;
    left:1055px;
  }
  .products_head{
    font-size: 60px;
    top:50px;
    left:1315px;
  }
  .print_your_work_head{
    font-size: 60px;
    top:50px;
    left:1617px;
  }
  .contact_us_head {
    font-size: 60px;
    top:50px;
    left:2110px;
  }
  .track_head {
    font-size: 60px;
    top:50px;
    left:2475px;
  }
  .search_head{
    width: 440px !important;
    border-radius: 9px 0px 0px 9px !important;
    top: 66px;
    height: 54px !important;
    left:2700px;

  }
  form.form_head button{
    top: 67px;
    border-radius: 0px 9px 9px 0px;
    height: 52px !important;
    left:3139px;
  }
  #cart_head{
   top:65px !important;
   width: 55px !important;
   height: 55px !important;
   left:3250px;
  }
  #login_head , .loginbtn{
  top: 67px !important;
  width: 50 !important;
  height: 50px !important;
  left:3380px;
  }

}