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);
}

* {box-sizing: border-box}
.mySlides {
  display: none;
  margin-top: 6%;
}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  position: relative;
  margin: auto;
  margin-top: 6.5% !important;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: #717171;
  opacity:40%;
}


/* The dots/bullets/indicators */
.dot1 {
  cursor: pointer;
  position:absolute;
  height: 3px;
  width: 35px;
  top:95%;
  margin-left:45%;
  background-color: #bbb;
  border-radius: 10%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.dot2 {
  cursor: pointer;
  position:absolute;
  height: 3px;
  width: 35px;
  top:95%;
  margin-left:47%;
  background-color: #bbb;
  border-radius: 10%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.dot3 {
  cursor: pointer;
  position:absolute;
  height: 3px;
  width: 35px;
  top:95%;
  margin-left:49%;
  background-color: #bbb;
  border-radius: 10%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot1:hover {
  background-color: #717171;
}
.active, .dot2:hover {
  background-color: #717171;
}
.active, .dot3:hover {
  background-color: #717171;
}

/* Fading animation */
.abc_fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity:0.4;} 
  to {opacity: 1;}
}

@keyframes fade {
  from {opacity:0.4;} 
  to {opacity: 1;}
}


.topnav {
  overflow: hidden;
  background-image: linear-gradient(#3FFF8A,#63FDA0,#C6FFDD) ;  /* 1 -  #48FF8F,#73FFAA,#CAFFDF    2 -   #48FF8F,#70FFA8,#CAFFDF   3 -  (#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;
}
#myCarousel{
 max-height: 500px;
}

.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;
}
.We_Are{
    margin-top: 6.5%;
    position: relative;
    font-family: Arial;
    font-size: 30px;
    color: rgba(255,0,0,1);
    filter:drop-shadow(0px 2px 2px rgba(255,16,16,0.38) ) !important ;
}

.machine_icon{
  margin-top: 3%;
  width:37%;
  
}
.cal_icon{
  margin-top: 3%;
  width:27.5%;

}
.notebook_icon{
  margin-top: 3.3%;
  width: 27.5%;
}
.print_h3{
  filter:drop-shadow(0px 2px 3px rgba(0,0,0,0.50) );

}
.cal_h3{
   filter:drop-shadow(0px 2px 3px rgba(0,0,0,0.50) );
   margin-top: 6.5%;
}
.note_h3{
  filter:drop-shadow(0px 2px 3px rgba(0,0,0,0.50) );
   margin-top: 6.5%;
}
.print_explain{
  margin-top: 2.5%;
  margin-left: 2%;
  word-spacing: 3px;
  line-height: 1.8;
  font-size: 30px;
  font-family: Helvetica;
  filter:drop-shadow(0px 2px 3px rgba(0,0,0,0.50) );
  justify-content: left;
  margin-right: 2%;
}
.cal_explain{
  margin-top: 2.7%;
  margin-left: 2%;
  word-spacing: 3px;
  line-height: 1.8;
  font-size: 30px;
  font-family: Helvetica;
  filter:drop-shadow(0px 2px 3px rgba(0,0,0,0.50) );
  justify-content: left;
  margin-right: 2%;
}
.note_explain{
  margin-top: 2.7%;
  margin-left: 2%;
  word-spacing: 3px;
  line-height: 1.8;
  font-size: 30px;
  font-family: Helvetica;
  filter:drop-shadow(0px 2px 3px rgba(0,0,0,0.50) );
  justify-content: left;
  margin-right: 2%;
}


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

.footer_bottom{
  overflow: hidden;
  background-image: linear-gradient(#C6FFDD,#72FFAA,#53FF96) ; /*  Original - (#B8FFD5,#4CEE8C,#1AEC6C) New 1 - (#BDFFD7,#59FF9B,#39FF86) Reverse Top - (#C6FFDD,#63FDA0,#3FFF8A) **/
  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));
}

/******************************** New Content *****************************/

#TopContainerID{
  margin-top: 7%;
  background-color: #F5F5F5;
  /*box-shadow: 10px 10px 50px 10px #d0c1ff;*/
}
#NameContent {
  margin-left: 2%;
}
.AnnaiHead{
  margin-top: 23%;
  font-family: Helvetica;
  font-size: 54px;
  /*color: #FF355E;*/
  color: #168BFF;
  margin-left: 20%;

}
.AnnaiPara {
  margin-left: 3%;
  font-size: 40px;
}
#IDlogoSVG{
  margin-left: 50%;
}
#ExplainID{
  margin-top: -1%;
  margin-bottom: -3%;  
}
#ImageMoveID {
  background-color: #f5f5f5;
}
#eZ6zv2j7YF01 {          /** Logo SVG **/
  margin-top: -38%;
  margin-left: 17%;
  margin-bottom: 4%;
  max-height: 65%;
  max-width: 65%;
}
#elr4hAGMQxH1 {           /** Mask SVG **/
 margin-top: 6%;
 margin-left: 6%;
 max-width: 80%;
 max-height: 80%;
}
#e5B962bxgvj1 {          /** Image Move ***/ 
  
}
#eK6aLG20JwN1 {         /** PYW SVG Image **/
  margin-top: 2.5%;
  margin-left: 15%;
  max-height: 95%;
  max-width: 95%;
}
#ServicesContent {
  margin-top: 5%;
}
#PYWContent {
  background-color: #f5f5f5;
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
#PYWExplainContent {
  margin-top: 4%;
}

.PYWhead {
  font-size: 46px;
  color: #7d1cff; /* #27e8b7 */
  font-weight: bold;
}

#eClBJY07uXR1 {    /** Calendar SVG Image  **/
  margin-top: 3%;
  margin-left: 18%;
  max-height: 70%;
  max-width: 70%;
}
#CALsvgImage {
  margin-bottom: -10%;
}
#CALContent {
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
.CALhead {
  font-size: 46px;
  color: #7d1cff; 
  font-weight: bold;
}
#CALExplainContent {
  margin-top: 8%;
}
#DIARYContent{
  margin-bottom: -10%;
  background-color: #f5f5f5;
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
#e4gCa1d95bX1 {           /** Diary Image SVG **/
  margin-top: 1%;
  margin-left: 11.5%;
  max-height: 85%;
  max-width: 85%;
}
#DIARYExplainContent {
  margin-top: 9%;
}
.DIARYhead {
  font-size: 46px;
  color: #7d1cff; 
  font-weight: bold;
}

/************************  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: -1%;
  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 , .logout{
  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;
}




/******************************** 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: -0.5%;
  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%;  
}

/******************************** New Content *****************************/

#TopContainerID{
  margin-top: 7.3%;
}
#PYWExplainContent {
  margin-top: 3%;
}

#CALExplainContent {
  margin-top: 6%;
}

#DIARYExplainContent {
  margin-top: 6%;
}
.login_dropdown_content{
  margin-top: -0.5%;
  left:1520px;
  min-width: 210px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
} 

/******************************** 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;
  }



/******************************** New Content *****************************/

#TopContainerID{
  margin-top: 7.8%;
  background-color: #F5F5F5;
  /*box-shadow: 10px 10px 50px 10px #d0c1ff;*/
}
#NameContent {
  margin-left: 0%;
}
.AnnaiHead{
  margin-top: 23%;
  font-family: Helvetica;
  font-size: 50px;
  /*color: #FF355E;*/
  color: #168BFF;
  margin-left: 20%;

}
.AnnaiPara {
  margin-left: 3%;
  font-size: 38px;
}
#IDlogoSVG{
  margin-left: 50%;
}
#ExplainID{
  margin-top: -1%;
  margin-bottom: -3%;  
}
#ImageMoveID {
  background-color: #f5f5f5;
}
#eZ6zv2j7YF01 {          /** Logo SVG **/
  margin-top: -38%;
  margin-left: 18%;
  margin-bottom: 4%;
  max-height: 65%;
  max-width: 65%;
}
#elr4hAGMQxH1 {           /** Mask SVG **/
 margin-top: 6%;
 margin-left: 6%;
 max-width: 80%;
 max-height: 80%;
}
#e5B962bxgvj1 {          /** Image Move ***/ 
  
}
#eK6aLG20JwN1 {         /** PYW SVG Image **/
  margin-top: 2.5%;
  margin-left: 15%;
  max-height: 95%;
  max-width: 95%;
}
.We_Are {
  margin-top: 5%;
  font-size: 29px;
}
#ServicesContent {
  margin-top: 5%;
}
#PYWContent {
  background-color: #f5f5f5;
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
#PYWExplainContent {
  margin-top: 3%;
}
.print_explain, .cal_explain, .note_explain{
  font-size: 28px;
}
.PYWhead {
  font-size: 46px;
  color: #7d1cff; /* #27e8b7 */
  font-weight: bold;
}

#eClBJY07uXR1 {    /** Calendar SVG Image  **/
  margin-top: 3%;
  margin-left: 18%;
  max-height: 70%;
  max-width: 70%;
}
#CALsvgImage {
  margin-bottom: -10%;
}
#CALContent {
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
.CALhead {
  font-size: 46px;
  color: #7d1cff; 
  font-weight: bold;
}
#CALExplainContent {
  margin-top: 6%;
}
#DIARYContent{
  margin-bottom: -10%;
  background-color: #f5f5f5;
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
#e4gCa1d95bX1 {           /** Diary Image SVG **/
  margin-top: 1%;
  margin-left: 11.5%;
  max-height: 85%;
  max-width: 85%;
}
#DIARYExplainContent {
  margin-top: 6%;
}
.DIARYhead {
  font-size: 46px;
  color: #7d1cff; 
  font-weight: bold;
}
.login_dropdown_content{
  margin-top: -0.5%;
  left:1460px;
  min-width: 210px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}


} 

/******************************** 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;
}


/******************************** New Content *****************************/

#TopContainerID{
  margin-top: 8.3%;
  background-color: #F5F5F5;
  /*box-shadow: 10px 10px 50px 10px #d0c1ff;*/
}
#NameContent {
  margin-left: 0%;
}
.AnnaiHead{
  margin-top: 21%;
  font-family: Helvetica;
  font-size: 50px;
  /*color: #FF355E;*/
  color: #168BFF;
  margin-left: 19%;

}
.AnnaiPara {
  margin-left: 2%;
  font-size: 38px;
}
#IDlogoSVG{
  margin-left: 50%;
}
#ExplainID{
  margin-top: -1%;
  margin-bottom: 1%;  
}
#ImageMoveID {
  background-color: #f5f5f5;
}
#eZ6zv2j7YF01 {          /** Logo SVG **/
  margin-top: -38%;
  margin-left: 18%;
  margin-bottom: 5%;
  max-height: 65%;
  max-width: 65%;
}
#elr4hAGMQxH1 {           /** Mask SVG **/
 margin-top: 10%;
 margin-left: 6%;
 max-width: 80%;
 max-height: 80%;
}
#e5B962bxgvj1 {          /** Image Move ***/ 
  
}
#eK6aLG20JwN1 {         /** PYW SVG Image **/
  margin-top: 4%;
  margin-left: 15%;
  max-height: 95%;
  max-width: 95%;
}
.We_Are {
  margin-top: 5%;
  font-size: 29px;
}
#ServicesContent {
  margin-top: 5%;
}
#PYWContent {
  background-color: #f5f5f5;
  box-shadow: 10px 10px 35px 10px #d0c1ff;
}
#PYWExplainContent {
  margin-top: 3%;
  margin-bottom: 3%;
}
.print_explain, .cal_explain, .note_explain{
  font-size: 28px;
}
.PYWhead {
  font-size: 46px;
  color: #7d1cff; /* #27e8b7 */
  font-weight: bold;
}

#eClBJY07uXR1 {    /** Calendar SVG Image  **/
  margin-top: 3%;
  margin-left: 18%;
  max-height: 70%;
  max-width: 70%;
}
#CALsvgImage {
  margin-bottom: -10%;
}
#CALContent {
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
.CALhead {
  font-size: 46px;
  color: #7d1cff; 
  font-weight: bold;
}
#CALExplainContent {
  margin-top: 4%;
  margin-bottom: 1%;
}
#DIARYContent{
  margin-bottom: -10%;
  background-color: #f5f5f5;
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
#e4gCa1d95bX1 {           /** Diary Image SVG **/
  margin-top: 1%;
  margin-left: 11.5%;
  max-height: 85%;
  max-width: 85%;
}
#DIARYExplainContent {
  margin-top: 5%;
  margin-bottom: 7%;
}
.DIARYhead {
  font-size: 46px;
  color: #7d1cff; 
  font-weight: bold;
}
.login_dropdown_content{
  margin-top: -0.7%;
  left:1360px;
  min-width: 210px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}


} 

/******************************** 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%;
  }



/******************************** New Content *****************************/

#TopContainerID{
  margin-top: 8.8%;
  background-color: #F5F5F5;
  /*box-shadow: 10px 10px 50px 10px #d0c1ff;*/
}
#NameContent {
  margin-left: 0%;
}
.AnnaiHead{
  margin-top: 21%;
  font-family: Helvetica;
  font-size: 47px;
  /*color: #FF355E;*/
  color: #168BFF;
  margin-left: 19%;

}
.AnnaiPara {
  margin-left: 2%;
  font-size: 35px;
}
#IDlogoSVG{
  margin-left: 50%;
}
#ExplainID{
  margin-top: -1%;
  margin-bottom: 1%;  
}
#ImageMoveID {
  background-color: #f5f5f5;
}
#eZ6zv2j7YF01 {          /** Logo SVG **/
  margin-top: -38%;
  margin-left: 18%;
  margin-bottom: 5%;
  max-height: 65%;
  max-width: 65%;
}
#elr4hAGMQxH1 {           /** Mask SVG **/
 margin-top: 10%;
 margin-left: 6%;
 max-width: 80%;
 max-height: 80%;
}
#e5B962bxgvj1 {          /** Image Move ***/ 
  
}
#eK6aLG20JwN1 {         /** PYW SVG Image **/
  margin-top: 4%;
  margin-left: 15%;
  max-height: 95%;
  max-width: 95%;
}
.We_Are {
  margin-top: 5%;
  font-size: 29px;
}
#ServicesContent {
  margin-top: 5%;
}
#PYWContent {
  background-color: #f5f5f5;
  box-shadow: 10px 10px 35px 10px #d0c1ff;
}
#PYWExplainContent {
  margin-top: 3%;
  margin-bottom: 4%;
}
.print_explain, .cal_explain, .note_explain{
  font-size: 26px;
}
.PYWhead {
  font-size: 44px;
  color: #7d1cff; /* #27e8b7 */
  font-weight: bold;
}

#eClBJY07uXR1 {    /** Calendar SVG Image  **/
  margin-top: 3%;
  margin-left: 18%;
  max-height: 70%;
  max-width: 70%;
}
#CALsvgImage {
  margin-bottom: -10%;
}
#CALContent {
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
.CALhead {
  font-size: 44px;
  color: #7d1cff; 
  font-weight: bold;
}
#CALExplainContent {
  margin-top: 4%;
  margin-bottom: 1%;
}
#DIARYContent{
  margin-bottom: -10%;
  background-color: #f5f5f5;
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
#e4gCa1d95bX1 {           /** Diary Image SVG **/
  margin-top: 1%;
  margin-left: 11.5%;
  max-height: 85%;
  max-width: 85%;
}
#DIARYExplainContent {
  margin-top: 5%;
  margin-bottom: 7%;
}
.DIARYhead {
  font-size: 44px;
  color: #7d1cff; 
  font-weight: bold;
}
.login_dropdown_content{
  margin-top: -0.7%;
  left:1265px;
  min-width: 210px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}  



} 

/******************************** 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;
}


/******************************** New Content *****************************/

#TopContainerID{
  margin-top: 8.8%;
  background-color: #F5F5F5;
  /*box-shadow: 10px 10px 50px 10px #d0c1ff;*/
}
#NameContent {
  margin-left: 0%;
}
.AnnaiHead{
  margin-top: 22%;
  font-family: Helvetica;
  font-size: 45px;
  /*color: #FF355E;*/
  color: #168BFF;
  margin-left: 19%;

}
.AnnaiPara {
  margin-left: 2%;
  font-size: 32px;
}
#IDlogoSVG{
  margin-left: 50%;
}
#ExplainID{
  margin-top: -1%;
  margin-bottom: 2%;  
}
#ImageMoveID {
  background-color: #f5f5f5;
}
#eZ6zv2j7YF01 {          /** Logo SVG **/
  margin-top: -39%;
  margin-left: 20%;
  margin-bottom: 5%;
  max-height: 65%;
  max-width: 65%;
}
#elr4hAGMQxH1 {           /** Mask SVG **/
 margin-top: 10%;
 margin-left: 6%;
 max-width: 80%;
 max-height: 80%;
}
#e5B962bxgvj1 {          /** Image Move ***/ 
  
}
#eK6aLG20JwN1 {         /** PYW SVG Image **/
  margin-top: 5%;
  margin-left: 15%;
  max-height: 95%;
  max-width: 95%;
}
.We_Are {
  margin-top: 5%;
  font-size: 27px;
}
#ServicesContent {
  margin-top: 5%;
}
#PYWContent {
  background-color: #f5f5f5;
  box-shadow: 10px 10px 30px 10px #d0c1ff;
}
#PYWExplainContent {
  margin-top: 4%;
  margin-bottom: 5%;
}
.print_explain, .cal_explain, .note_explain{
  font-size: 24px;
}
.PYWhead {
  font-size: 42px;
  color: #7d1cff; /* #27e8b7 */
  font-weight: bold;
}

#eClBJY07uXR1 {    /** Calendar SVG Image  **/
  margin-top: 4%;
  margin-left: 18%;
  max-height: 70%;
  max-width: 70%;
}
#CALsvgImage {
  margin-bottom: -10%;
}
#CALContent {
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
.CALhead {
  font-size: 42px;
  color: #7d1cff; 
  font-weight: bold;
}
#CALExplainContent {
  margin-top: 5%;
  margin-bottom: 3%;
}
#DIARYContent{
  margin-bottom: -10%;
  background-color: #f5f5f5;
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
#e4gCa1d95bX1 {           /** Diary Image SVG **/
  margin-top: 1%;
  margin-left: 11.5%;
  max-height: 85%;
  max-width: 85%;
}
#DIARYExplainContent {
  margin-top: 5%;
  margin-bottom: 7%;
}
.DIARYhead {
  font-size: 42px;
  color: #7d1cff; 
  font-weight: bold;
}
 .login_dropdown_content{
  margin-top: -0.4%;
  left:1170px;
  min-width: 210px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}


} 

/******************************** 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;
  }
  .service_h1{
    font-size: 31px;
  }
  .service_hr{
    border-top: 4px solid black !important;
  }
  


/******************************** New Content *****************************/

#TopContainerID{
  margin-top: 10%;
  background-color: #F5F5F5;
  /*box-shadow: 10px 10px 50px 10px #d0c1ff;*/
}
#NameContent {
  margin-left: 0%;
}
.AnnaiHead{
  margin-top: 22%;
  font-family: Helvetica;
  font-size: 43px;
  /*color: #FF355E;*/
  color: #168BFF;
  margin-left: 20%;

}
.AnnaiPara {
  margin-left: 2%;
  font-size: 30px;
}
#IDlogoSVG{
  margin-left: 50%;
}
#ExplainID{
  margin-top: -1%;
  margin-bottom: 2%;  
}
#ImageMoveID {
  background-color: #f5f5f5;
}
#eZ6zv2j7YF01 {          /** Logo SVG **/
  margin-top: -39%;
  margin-left: 20%;
  margin-bottom: 5%;
  max-height: 65%;
  max-width: 65%;
}
#elr4hAGMQxH1 {           /** Mask SVG **/
 margin-top: 10%;
 margin-left: 6%;
 max-width: 80%;
 max-height: 80%;
}
#e5B962bxgvj1 {          /** Image Move ***/ 
  
}
#eK6aLG20JwN1 {         /** PYW SVG Image **/
  margin-top: 5%;
  margin-left: 15%;
  max-height: 95%;
  max-width: 95%;
}
.We_Are {
  margin-top: 5%;
  font-size: 25px;
}
#ServicesContent {
  margin-top: 5%;
}
#PYWContent {
  background-color: #f5f5f5;
  box-shadow: 10px 10px 30px 10px #d0c1ff;
}
#PYWExplainContent {
  margin-top: 4%;
  margin-bottom: 5%;
}
.print_explain, .cal_explain, .note_explain{
  font-size: 24px;
}
.PYWhead {
  font-size: 42px;
  color: #7d1cff; /* #27e8b7 */
  font-weight: bold;
}

#eClBJY07uXR1 {    /** Calendar SVG Image  **/
  margin-top: 4%;
  margin-left: 18%;
  max-height: 70%;
  max-width: 70%;
}
#CALsvgImage {
  margin-bottom: -10%;
}
#CALContent {
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
.CALhead {
  font-size: 42px;
  color: #7d1cff; 
  font-weight: bold;
}
#CALExplainContent {
  margin-top: 5%;
  margin-bottom: 3%;
}
#DIARYContent{
  margin-bottom: -9%;
  background-color: #f5f5f5;
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
#e4gCa1d95bX1 {           /** Diary Image SVG **/
  margin-top: 1%;
  margin-left: 11.5%;
  max-height: 85%;
  max-width: 85%;
}
#DIARYExplainContent {
  margin-top: 5%;
  margin-bottom: 7%;
}
.DIARYhead {
  font-size: 42px;
  color: #7d1cff; 
  font-weight: bold;
}
  .login_dropdown_content{
  margin-top: -0.4%;
  left:1090px;
  min-width: 190px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a , .logout{
  font-size: 17px;
  padding:10px 16px;  
} 

  
} 

/******************************** 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;
}



/******************************** New Content *****************************/

#TopContainerID{
  margin-top: 10%;
  background-color: #F5F5F5;
  /*box-shadow: 10px 10px 50px 10px #d0c1ff;*/
}
#NameContent {
  margin-left: 0%;
}
.AnnaiHead{
  margin-top: 22%;
  font-family: Helvetica;
  font-size: 41px;
  /*color: #FF355E;*/
  color: #168BFF;
  margin-left: 20%;

}
.AnnaiPara {
  margin-left: 1%;
  font-size: 28px;
}
#IDlogoSVG{
  margin-left: 50%;
}
#ExplainID{
  margin-top: -1%;
  margin-bottom: 2%;  
}
#ImageMoveID {
  background-color: #f5f5f5;
}
#eZ6zv2j7YF01 {          /** Logo SVG **/
  margin-top: -39%;
  margin-left: 20%;
  margin-bottom: 5%;
  max-height: 65%;
  max-width: 65%;
}
#elr4hAGMQxH1 {           /** Mask SVG **/
 margin-top: 10%;
 margin-left: 6%;
 max-width: 80%;
 max-height: 80%;
}
#e5B962bxgvj1 {          /** Image Move ***/ 
  
}
#eK6aLG20JwN1 {         /** PYW SVG Image **/
  margin-top: 5%;
  margin-left: 15%;
  max-height: 95%;
  max-width: 95%;
}
.We_Are {
  margin-top: 5%;
  font-size: 23px;
}
#ServicesContent {
  margin-top: 5%;
}
#PYWContent {
  background-color: #f5f5f5;
  box-shadow: 10px 10px 30px 10px #d0c1ff;
}
#PYWExplainContent {
  margin-top: 4%;
  margin-bottom: 5%;
}
.print_explain, .cal_explain, .note_explain{
  font-size: 22px;
}
.PYWhead {
  font-size: 40px;
  color: #7d1cff; /* #27e8b7 */
  font-weight: bold;
}

#eClBJY07uXR1 {    /** Calendar SVG Image  **/
  margin-top: 4%;
  margin-left: 18%;
  max-height: 70%;
  max-width: 70%;
}
#CALsvgImage {
  margin-bottom: -10%;
}
#CALContent {
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
.CALhead {
  font-size: 40px;
  color: #7d1cff; 
  font-weight: bold;
}
#CALExplainContent {
  margin-top: 5%;
  margin-bottom: 3%;
}
#DIARYContent{
  margin-bottom: -9%;
  background-color: #f5f5f5;
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
#e4gCa1d95bX1 {           /** Diary Image SVG **/
  margin-top: 1%;
  margin-left: 11.5%;
  max-height: 85%;
  max-width: 85%;
}
#DIARYExplainContent {
  margin-top: 5%;
  margin-bottom: 7%;
}
.DIARYhead {
  font-size: 40px;
  color: #7d1cff; 
  font-weight: bold;
}
.login_dropdown_content{
  margin-top: -0.4%;
  left:990px;
  min-width: 190px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a , .logout{
  font-size: 17px;
  padding:10px 16px;  
}


} 

/******************************** 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: -0.4%;
  left:935px;
  min-width: 190px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a , .logout{
  font-size: 17px;
  padding:10px 16px;  
}  

} 

/******************************** 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;
  }



/******************************** New Content *****************************/

#TopContainerID{
  margin-top: 10%;
  background-color: #F5F5F5;
  /*box-shadow: 10px 10px 50px 10px #d0c1ff;*/
}
#NameContent {
  margin-left: 0%;
}
.AnnaiHead{
  margin-top: 22%;
  font-family: Helvetica;
  font-size: 37px;
  /*color: #FF355E;*/
  color: #168BFF;
  margin-left: 20%;

}
.AnnaiPara {
  margin-left: 1%;
  font-size: 25px;
}
#IDlogoSVG{
  margin-left: 50%;
}
#ExplainID{
  margin-top: -1%;
  margin-bottom: 2%;  
}
#ImageMoveID {
  background-color: #f5f5f5;
}
#eZ6zv2j7YF01 {          /** Logo SVG **/
  margin-top: -39%;
  margin-left: 20%;
  margin-bottom: 5%;
  max-height: 65%;
  max-width: 65%;
}
#elr4hAGMQxH1 {           /** Mask SVG **/
 margin-top: 10%;
 margin-left: 6%;
 max-width: 80%;
 max-height: 80%;
}
#e5B962bxgvj1 {          /** Image Move ***/ 
  
}
#eK6aLG20JwN1 {         /** PYW SVG Image **/
  margin-top: 9%;
  margin-left: 15%;
  max-height: 95%;
  max-width: 95%;
}
.We_Are {
  margin-top: 5%;
  font-size: 21px;
}
#ServicesContent {
  margin-top: 5%;
}
#PYWContent {
  background-color: #f5f5f5;
  box-shadow: 10px 10px 25px 10px #d0c1ff;
}
#PYWExplainContent {
  margin-top: 4%;
  margin-bottom: 5%;
}
.print_explain, .cal_explain, .note_explain{
  font-size: 20px;
}
.PYWhead {
  font-size: 36px;
  color: #7d1cff; /* #27e8b7 */
  font-weight: bold;
}

#eClBJY07uXR1 {    /** Calendar SVG Image  **/
  margin-top: 4%;
  margin-left: 18%;
  max-height: 70%;
  max-width: 70%;
}
#CALsvgImage {
  margin-bottom: -10%;
}
#CALContent {
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
.CALhead {
  font-size: 36px;
  color: #7d1cff; 
  font-weight: bold;
}
#CALExplainContent {
  margin-top: 7%;
  margin-bottom: 5%;
}
#DIARYContent{
  margin-bottom: -9%;
  background-color: #f5f5f5;
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
#e4gCa1d95bX1 {           /** Diary Image SVG **/
  margin-top: 2%;
  margin-left: 11.5%;
  max-height: 85%;
  max-width: 85%;
}
#DIARYExplainContent {
  margin-top: 6%;
  margin-bottom: 7%;
}
.DIARYhead {
  font-size: 36px;
  color: #7d1cff; 
  font-weight: bold;
}

    .login_dropdown_content{
  margin-top: -0.4%;
  left:900px;
  min-width: 190px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a , .logout{
  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;
  }
  .We_Are{
    margin-top: 3%;
    font-size: 30px;
  }
  .service_h1{
    font-size: 29px;
  }
  .service_hr{
    border-top: 4px solid black !important;
  }



/******************************** New Content *****************************/

#TopContainerID{
  margin-top: 10%;
  background-color: #F5F5F5;
  /*box-shadow: 10px 10px 50px 10px #d0c1ff;*/
}
#NameContent {
  margin-left: 0%;
}
.AnnaiHead{
  margin-top: 22%;
  font-family: Helvetica;
  font-size: 35px;
  /*color: #FF355E;*/
  color: #168BFF;
  margin-left: 20%;

}
.AnnaiPara {
  margin-left: 1%;
  font-size: 23px;
}
#IDlogoSVG{
  margin-left: 50%;
}
#ExplainID{
  margin-top: -1%;
  margin-bottom: 2%;  
}
#ImageMoveID {
  background-color: #f5f5f5;
}
#eZ6zv2j7YF01 {          /** Logo SVG **/
  margin-top: -39%;
  margin-left: 20%;
  margin-bottom: 5%;
  max-height: 65%;
  max-width: 65%;
}
#elr4hAGMQxH1 {           /** Mask SVG **/
 margin-top: 10%;
 margin-left: 6%;
 max-width: 78%;
 max-height: 78%;
}
#e5B962bxgvj1 {          /** Image Move ***/ 
  
}
#eK6aLG20JwN1 {         /** PYW SVG Image **/
  margin-top: 9%;
  margin-left: 15%;
  max-height: 95%;
  max-width: 95%;
}
.We_Are {
  margin-top: 5%;
  font-size: 19px;
}
#ServicesContent {
  margin-top: 5%;
}
#PYWContent {
  background-color: #f5f5f5;
  box-shadow: 10px 10px 25px 10px #d0c1ff;
}
#PYWExplainContent {
  margin-top: 4%;
  margin-bottom: 5%;
}
.print_explain, .cal_explain, .note_explain{
  font-size: 18px;
}
.PYWhead {
  font-size: 34px;
  color: #7d1cff; /* #27e8b7 */
  font-weight: bold;
}

#eClBJY07uXR1 {    /** Calendar SVG Image  **/
  margin-top: 4%;
  margin-left: 18%;
  max-height: 70%;
  max-width: 70%;
}
#CALsvgImage {
  margin-bottom: -10%;
}
#CALContent {
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
.CALhead {
  font-size: 34px;
  color: #7d1cff; 
  font-weight: bold;
}
#CALExplainContent {
  margin-top: 7%;
  margin-bottom: 5%;
}
#DIARYContent{
  margin-bottom: -9%;
  background-color: #f5f5f5;
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
#e4gCa1d95bX1 {           /** Diary Image SVG **/
  margin-top: 2%;
  margin-left: 11.5%;
  max-height: 85%;
  max-width: 85%;
}
#DIARYExplainContent {
  margin-top: 6%;
  margin-bottom: -1%;
}
.DIARYhead {
  font-size: 34px;
  color: #7d1cff; 
  font-weight: bold;
}
#DIARYsvgImage{
  margin-bottom: -1%;
}

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

  
} 

/******************************** 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: -0.5%;
  left:825px;
  min-width: 190px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a , .logout{
  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;
  
}


/******************************** New Content *****************************/

#TopContainerID{
  margin-top: 9.3%;
  background-color: #F5F5F5;
  /*box-shadow: 10px 10px 50px 10px #d0c1ff;*/
}
#NameContent {
  margin-left: 0%;
}
.AnnaiHead{
  margin-top: 22%;
  font-family: Helvetica;
  font-size: 35px;
  /*color: #FF355E;*/
  color: #168BFF;
  margin-left: 20%;

}
.AnnaiPara {
  margin-left: 1%;
  font-size: 23px;
}
#IDlogoSVG{
  margin-left: 50%;
}
#ExplainID{
  margin-top: -1%;
  margin-bottom: 2%;  
}
#ImageMoveID {
  background-color: #f5f5f5;
}
#eZ6zv2j7YF01 {          /** Logo SVG **/
  margin-top: -40%;
  margin-left: 20%;
  margin-bottom: 7%;
  max-height: 70%;
  max-width: 70%;
}
#elr4hAGMQxH1 {           /** Mask SVG **/
 margin-top: 10%;
 margin-left: 6%;
 max-width: 78%;
 max-height: 78%;
}
#e5B962bxgvj1 {          /** Image Move ***/ 
  
}
#eK6aLG20JwN1 {         /** PYW SVG Image **/
  margin-top: 9%;
  margin-left: 15%;
  max-height: 95%;
  max-width: 95%;
}
.We_Are {
  margin-top: 5%;
  font-size: 19px;
}
#ServicesContent {
  margin-top: 5%;
}
#PYWContent {
  background-color: #f5f5f5;
  box-shadow: 10px 10px 25px 10px #d0c1ff;
}
#PYWExplainContent {
  margin-top: 4%;
  margin-bottom: 5%;
}
.print_explain, .cal_explain, .note_explain{
  font-size: 18px;
}
.PYWhead {
  font-size: 34px;
  color: #7d1cff; /* #27e8b7 */
  font-weight: bold;
}

#eClBJY07uXR1 {    /** Calendar SVG Image  **/
  margin-top: 4%;
  margin-left: 18%;
  max-height: 70%;
  max-width: 70%;
}
#CALsvgImage {
  margin-bottom: -10%;
}
#CALContent {
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
.CALhead {
  font-size: 34px;
  color: #7d1cff; 
  font-weight: bold;
}
#CALExplainContent {
  margin-top: 7%;
  margin-bottom: 5%;
}
#DIARYContent{
  margin-bottom: -9%;
  background-color: #f5f5f5;
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
#e4gCa1d95bX1 {           /** Diary Image SVG **/
  margin-top: 2%;
  margin-left: 11.5%;
  max-height: 85%;
  max-width: 85%;
}
#DIARYExplainContent {
  margin-top: 5%;
  margin-bottom: -1%;
}
.DIARYhead {
  font-size: 34px;
  color: #7d1cff; 
  font-weight: bold;
}
#DIARYsvgImage{
  margin-bottom: -1%;
}


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

} 

/******************************** 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;
  }



/******************************** New Content *****************************/

#TopContainerID{
  margin-top: 9.3%;
  background-color: #F5F5F5;
  /*box-shadow: 10px 10px 50px 10px #d0c1ff;*/
}
#NameContent {
  margin-left: 0%;
}
.AnnaiHead{
  margin-top: 22%;
  font-family: Helvetica;
  font-size: 33px;
  /*color: #FF355E;*/
  color: #168BFF;
  margin-left: 20%;

}
.AnnaiPara {
  margin-left: 1%;
  font-size: 21px;
}
#IDlogoSVG{
  margin-left: 50%;
}
#ExplainID{
  margin-top: -1%;
  margin-bottom: 2%;  
}
#ImageMoveID {
  background-color: #f5f5f5;
}
#eZ6zv2j7YF01 {          /** Logo SVG **/
  margin-top: -40%;
  margin-left: 20%;
  margin-bottom: 7%;
  max-height: 70%;
  max-width: 70%;
}
#elr4hAGMQxH1 {           /** Mask SVG **/
 margin-top: 10%;
 margin-left: 6%;
 max-width: 78%;
 max-height: 78%;
}
#e5B962bxgvj1 {          /** Image Move ***/ 
  
}
#eK6aLG20JwN1 {         /** PYW SVG Image **/
  margin-top: 9%;
  margin-left: 15%;
  max-height: 95%;
  max-width: 95%;
}
.We_Are {
  margin-top: 3%;
  font-size: 19px;
}
#ServicesContent {
  margin-top: 5%;
}
#PYWContent {
  background-color: #f5f5f5;
  box-shadow: 10px 10px 25px 10px #d0c1ff;
}
#PYWExplainContent {
  margin-top: 4%;
  margin-bottom: 5%;
}
.print_explain, .cal_explain, .note_explain{
  font-size: 18px;
}
.PYWhead {
  font-size: 34px;
  color: #7d1cff; /* #27e8b7 */
  font-weight: bold;
}

#eClBJY07uXR1 {    /** Calendar SVG Image  **/
  margin-top: 4%;
  margin-left: 18%;
  max-height: 70%;
  max-width: 70%;
}
#CALsvgImage {
  margin-bottom: -10%;
}
#CALContent {
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
.CALhead {
  font-size: 34px;
  color: #7d1cff; 
  font-weight: bold;
}
#CALExplainContent {
  margin-top: 7%;
  margin-bottom: 5%;
}
#DIARYContent{
  margin-bottom: -9%;
  background-color: #f5f5f5;
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
#e4gCa1d95bX1 {           /** Diary Image SVG **/
  margin-top: 2%;
  margin-left: 11.5%;
  max-height: 85%;
  max-width: 85%;
}
#DIARYExplainContent {
  margin-top: 4%;
  margin-bottom: -1%;
}
.DIARYhead {
  font-size: 34px;
  color: #7d1cff; 
  font-weight: bold;
}
#DIARYsvgImage{
  margin-bottom: -1%;
}


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


} 


/******************************** 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: -0.5%;
  left:710px;
  min-width: 190px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a , .logout{
  font-size: 17px;
  padding:8px 10px;  
}
} 

/******************************** 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;
}



/******************************** New Content *****************************/

#TopContainerID{
  margin-top: 10%;
  background-color: #F5F5F5;
  /*box-shadow: 10px 10px 50px 10px #d0c1ff;*/
}
#NameContent {
  margin-left: 0%;
}
.AnnaiHead{
  margin-top: 22%;
  font-family: Helvetica;
  font-size: 33px;
  /*color: #FF355E;*/
  color: #168BFF;
  margin-left: 20%;

}
.AnnaiPara {
  margin-left: 1%;
  font-size: 21px;
}
#IDlogoSVG{
  margin-left: 50%;
}
#ExplainID{
  margin-top: -1%;
  margin-bottom: 2%;  
}
#ImageMoveID {
  background-color: #f5f5f5;
}
#eZ6zv2j7YF01 {          /** Logo SVG **/
  margin-top: -40%;
  margin-left: 20%;
  margin-bottom: 7%;
  max-height: 70%;
  max-width: 70%;
}
#elr4hAGMQxH1 {           /** Mask SVG **/
 margin-top: 17%;
 margin-left: 6%;
 max-width: 78%;
 max-height: 78%;
}
#e5B962bxgvj1 {          /** Image Move ***/ 
  
}
#eK6aLG20JwN1 {         /** PYW SVG Image **/
  margin-top: 4%;
  margin-left: 5%;
  min-height: 85%;
  min-width: 85%;
  max-height: 100%;
  max-width: 100%;
}
.We_Are {
  margin-top: 5%;
  margin-bottom: 2%;
  font-size: 19px;
}
#ServicesContent {
  margin-top: 5%;
}
#PYWContent {
  background-color: #f5f5f5;
  box-shadow: 10px 10px 25px 10px #d0c1ff;
}
#PYWExplainContent {
  margin-top: 4%;
  margin-bottom: 5%;
}
.print_explain, .cal_explain, .note_explain{
  font-size: 18px;
}
.PYWhead {
  font-size: 34px;
  color: #7d1cff; /* #27e8b7 */
  font-weight: bold;
}

#eClBJY07uXR1 {    /** Calendar SVG Image  **/
  margin-top: 8%;
  margin-left: 18%;
  max-height: 70%;
  max-width: 70%;
}
#CALsvgImage {
  margin-bottom: -10%;
}
#CALContent {
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
.CALhead {
  font-size: 34px;
  color: #7d1cff; 
  font-weight: bold;
}
#CALExplainContent {
  margin-top: 7%;
  margin-bottom: 5%;
}
#DIARYContent{
  margin-bottom: -9%;
  background-color: #f5f5f5;
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
#e4gCa1d95bX1 {           /** Diary Image SVG **/
  margin-top: 2%;
  margin-left: 11.5%;
  min-height: 95%;
  min-width: 95%;
  max-height: 100%;
  max-width: 100%;
}
#DIARYExplainContent {
  margin-top: 4%;
  margin-bottom: -1%;
}
.DIARYhead {
  font-size: 34px;
  color: #7d1cff; 
  font-weight: bold;
}
#DIARYsvgImage{
  margin-bottom: -1%;
}
.login_dropdown_content{
  margin-top: -0.5%;
  left:700px;
  min-width: 190px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a , .logout{
  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;
  }
  .service_h1{
    font-size: 28px;
  }
  .service_hr{
    border-top: 3.5px solid black !important;
  }
  .print_h3{
    font-size: 25px;
  }
  .cal_h3{
    font-size: 25px;
  }
  .note_h3{
    font-size: 25px;
  }



/******************************** New Content *****************************/

#TopContainerID{
  margin-top: 10%;
  background-color: #F5F5F5;
  /*box-shadow: 10px 10px 50px 10px #d0c1ff;*/
}
#NameContent {
  margin-left: 0%;
}
.AnnaiHead{
  margin-top: 26%;
  font-family: Helvetica;
  font-size: 35px;
  /*color: #FF355E;*/
  color: #168BFF;
  margin-left: 17%;

}
.AnnaiPara {
  margin-left: 1%;
  font-size: 23px;
  text-align: center;
}
#IDlogoSVG{
  margin-left: 50%;
}
#ExplainID{
  margin-top: -1%;
  margin-bottom: 2%;  
}
#ImageMoveID {
  background-color: #f5f5f5;
}
#eZ6zv2j7YF01 {          /** Logo SVG **/
  margin-top: -54%;
  margin-left: 13%;
  margin-bottom: 7%;
  max-height: 80%;
  max-width: 80%;
}
#elr4hAGMQxH1 {           /** Mask SVG **/
 margin-top: 17%;
 margin-left: 6%;
 max-width: 78%;
 max-height: 78%;
}
#e5B962bxgvj1 {          /** Image Move ***/ 
  
}
#eK6aLG20JwN1 {         /** PYW SVG Image **/
  margin-top: 4%;
  margin-left: 5%;
  min-height: 85%;
  min-width: 85%;
  max-height: 100%;
  max-width: 100%;
}
.We_Are {
  margin-top: 5%;
  margin-bottom: 2%;
  font-size: 19px;
}
#ServicesContent {
  margin-top: 5%;
}
#PYWContent {
  background-color: #f5f5f5;
  box-shadow: 10px 10px 25px 10px #d0c1ff;
}
#PYWExplainContent {
  margin-top: 4%;
  margin-bottom: 5%;
}
.print_explain, .cal_explain, .note_explain{
  font-size: 18px;
}
.PYWhead {
  font-size: 32px;
  color: #7d1cff; /* #27e8b7 */
  font-weight: bold;
}

#eClBJY07uXR1 {    /** Calendar SVG Image  **/
  margin-top: 8%;
  margin-left: 18%;
  max-height: 75%;
  max-width: 75%;
}
#CALsvgImage {
  margin-bottom: -10%;
}
#CALContent {
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
.CALhead {
  font-size: 32px;
  color: #7d1cff; 
  font-weight: bold;
}
#CALExplainContent {
  margin-top: 7%;
  margin-bottom: 5%;
}
#DIARYContent{
  margin-bottom: -9%;
  background-color: #f5f5f5;
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
#e4gCa1d95bX1 {           /** Diary Image SVG **/
  margin-top: 2%;
  margin-left: 11.5%;
  margin-bottom: 5%;
  min-height: 95%;
  min-width: 95%;
  max-height: 100%;
  max-width: 100%;
}
#DIARYExplainContent {
  margin-top: 4%;
  margin-bottom: -1%;
}
.DIARYhead {
  font-size: 32px;
  color: #7d1cff; 
  font-weight: bold;
}
#DIARYsvgImage{
  margin-bottom: -1%;
}
.login_dropdown_content{
  margin-top: -0.5%;
  left:650px;
  min-width: 190px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a , .logout{
  font-size: 17px;
  padding:8px 10px;  
}


}
/******************************** 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));
}





/******************************** New Content *****************************/

#TopContainerID{
  margin-top: 11.5%;
  background-color: #F5F5F5;
  /*box-shadow: 10px 10px 50px 10px #d0c1ff;*/
}
#NameContent {
  margin-left: -3%;
}
.AnnaiHead{
  margin-top: 28%;
  font-family: Helvetica;
  font-size: 35px;
  /*color: #FF355E;*/
  color: #168BFF;
  margin-left: 15%;

}
.AnnaiPara {
  margin-left: 5%;
  font-size: 23px;
  text-align: center;
}
#IDlogoSVG{
  margin-left: 50%;
}
#ExplainID{
  margin-top: -1%;
  margin-bottom: 2%;  
}
#ImageMoveID {
  background-color: #f5f5f5;
}
#eZ6zv2j7YF01 {          /** Logo SVG **/
  margin-top: -60%;
  margin-left: 13%;
  margin-bottom: 7%;
  max-height: 85%;
  max-width: 85%;
}
#elr4hAGMQxH1 {           /** Mask SVG **/
 margin-top: 23%;
 margin-left: 11%;
 max-width: 82%;
 max-height: 82%;
}
#e5B962bxgvj1 {          /** Image Move ***/ 
  
}
#eK6aLG20JwN1 {         /** PYW SVG Image **/
  margin-top: 4%;
  margin-left: 5%;
  min-height: 90%;
  min-width: 90%;
  max-height: 100%;
  max-width: 100%;
}
.We_Are {
  margin-top: 5%;
  margin-bottom: 2%;
  font-size: 18px;
}
#ServicesContent {
  margin-top: 5%;
}
#PYWContent {
  background-color: #f5f5f5;
  box-shadow: 10px 10px 25px 10px #d0c1ff;
}
#PYWExplainContent {
  margin-top: 4%;
  margin-bottom: 5%;
}
.print_explain, .cal_explain, .note_explain{
  font-size: 18px;
  word-spacing: 2px;
  line-height: 1.7;
}
.PYWhead {
  font-size: 32px;
  color: #7d1cff; /* #27e8b7 */
  font-weight: bold;
}

#eClBJY07uXR1 {    /** Calendar SVG Image  **/
  margin-top: 11%;
  margin-left: 18%;
  max-height: 75%;
  max-width: 75%;
}
#CALsvgImage {
  margin-bottom: -10%;
}
#CALContent {
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
.CALhead {
  font-size: 32px;
  color: #7d1cff; 
  font-weight: bold;
}
#CALExplainContent {
  margin-top: 7%;
  margin-bottom: 5%;
}
#DIARYContent{
  margin-bottom: -9%;
  background-color: #f5f5f5;
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
#e4gCa1d95bX1 {           /** Diary Image SVG **/
  margin-top: 2%;
  margin-left: 11.5%;
  margin-bottom: 8%;
  min-height: 98%;
  min-width: 98%;
  max-height: 100%;
  max-width: 100%;
}
#DIARYExplainContent {
  margin-top: 4%;
  margin-bottom: 5%;
}
.DIARYhead {
  font-size: 32px;
  color: #7d1cff; 
  font-weight: bold;
}
#DIARYsvgImage{
  margin-bottom: -1%;
}
.login_dropdown_content{
  margin-top: -0.5%;
  left:565px;
  min-width: 190px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a , .logout{
  font-size: 17px;
  padding:8px 10px;  
}




} 

/******************************** 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;
}

  .service_h1{
    font-size: 26px;
  }
  .service_hr{
    border-top: 3.5px solid black !important;
  }

  .print_h3{
    font-size: 24px;
  }
  .cal_h3{
    font-size: 24px;
  }
  .note_h3{
    font-size: 24px;
  }
  .machine_icon{
   width: 40%;   
  }
  .cal_icon{
   width: 29.5%;
  }
  .notebook_icon{
   width: 29.5%;
  }




/******************************** New Content *****************************/

#TopContainerID{
  margin-top: 12.3%;
  background-color: #F5F5F5;
  /*box-shadow: 10px 10px 50px 10px #d0c1ff;*/
}
#NameContent {
  margin-left: -3%;
}
.AnnaiHead{
  margin-top: 28%;
  font-family: Helvetica;
  font-size: 34px;
  /*color: #FF355E;*/
  color: #168BFF;
  margin-left: 12.5%;

}
.AnnaiPara {
  margin-left: 5%;
  font-size: 23px;
  text-align: center;
}
#IDlogoSVG{
  margin-left: 50%;
}
#ExplainID{
  margin-top: -1%;
  margin-bottom: 2%;  
}
#ImageMoveID {
  background-color: #f5f5f5;
}
#eZ6zv2j7YF01 {          /** Logo SVG **/
  margin-top: -60%;
  margin-left: 13%;
  margin-bottom: 10%;
  max-height: 85%;
  max-width: 85%;
}
#elr4hAGMQxH1 {           /** Mask SVG **/
 margin-top: 28%;
 margin-left: 11%;
 max-width: 82%;
 max-height: 82%;
}
#e5B962bxgvj1 {          /** Image Move ***/ 
  
}
#eK6aLG20JwN1 {         /** PYW SVG Image **/
  margin-top: 4%;
  margin-left: 5%;
  min-height: 90%;
  min-width: 90%;
  max-height: 100%;
  max-width: 100%;
}
.We_Are {
  margin-top: 5%;
  margin-bottom: 2%;
  font-size: 18px;
}
#ServicesContent {
  margin-top: 5%;
}
#PYWContent {
  background-color: #f5f5f5;
  box-shadow: 10px 10px 25px 10px #d0c1ff;
}
#PYWExplainContent {
  margin-top: 4%;
  margin-bottom: 5%;
}
.print_explain, .cal_explain, .note_explain{
  font-size: 18px;
  word-spacing: 2px;
  line-height: 1.7;
}
.PYWhead {
  font-size: 28px;
  color: #7d1cff; /* #27e8b7 */
  font-weight: bold;
}

#eClBJY07uXR1 {    /** Calendar SVG Image  **/
  margin-top: 7%;
  margin-left: 5%;
  min-width: 80%;
  min-height: 80%;
  max-height: 95%;
  max-width: 95%;
}
#CALsvgImage {
  margin-bottom: -10%;
}
#CALContent {
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
.CALhead {
  font-size: 28px;
  color: #7d1cff; 
  font-weight: bold;
}
#CALExplainContent {
  margin-top: 7%;
  margin-bottom: 5%;
}
#DIARYContent{
  margin-bottom: -9%;
  background-color: #f5f5f5;
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
#e4gCa1d95bX1 {           /** Diary Image SVG **/
  margin-top: 2%;
  margin-left: 11.5%;
  margin-bottom: 8%;
  min-height: 98%;
  min-width: 98%;
  max-height: 100%;
  max-width: 100%;
}
#DIARYExplainContent {
  margin-top: 4%;
  margin-bottom: 5%;
}
.DIARYhead {
  font-size: 28px;
  color: #7d1cff; 
  font-weight: bold;
}
#DIARYsvgImage{
  margin-bottom: -1%;
}
.login_dropdown_content{
  margin-top: -0.5%;
  left:490px;
  min-width: 190px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a , .logout{
  font-size: 17px;
  padding:8px 10px;  
}




} 

/******************************** 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;
}

  .service_h1{
    font-size: 24px;
  }
  .service_hr{
    border-top: 3px solid black !important;
  }
 



/******************************** New Content *****************************/

#TopContainerID{
  margin-top: 12.3%;
  background-color: #F5F5F5;
  /*box-shadow: 10px 10px 50px 10px #d0c1ff;*/
}
#NameContent {
  margin-left: -3%;
}
.AnnaiHead{
  margin-top: 28%;
  font-family: Helvetica;
  font-size: 34px;
  /*color: #FF355E;*/
  color: #168BFF;
  margin-left: 12.5%;

}
.AnnaiPara {
  margin-left: 5%;
  font-size: 23px;
  text-align: center;
}
#IDlogoSVG{
  margin-left: 50%;
}
#ExplainID{
  margin-top: -1%;
  margin-bottom: 2%;  
}
#ImageMoveID {
  background-color: #f5f5f5;
}
#eZ6zv2j7YF01 {          /** Logo SVG **/
  margin-top: -63%;
  margin-left: 13%;
  margin-bottom: 10%;
  max-height: 85%;
  max-width: 85%;
}
.MaskSVGclass{
  min-width: 500px;
  margin-bottom: -7%;
}
#elr4hAGMQxH1 {           /** Mask SVG **/
 margin-top: 6%;
 margin-left: 20%;
 max-width: 75%;
 max-height: 75%;
}
#e5B962bxgvj1 {          /** Image Move ***/ 
  
}
#eK6aLG20JwN1 {         /** PYW SVG Image **/
  margin-top: 4%;
  margin-left: 5%;
  min-height: 95%;
  min-width: 95%;
  max-height: 100%;
  max-width: 100%;
}
.We_Are {
  margin-top: 0%;
  margin-bottom: 2%;
  font-size: 20px;
  min-width: 450px;
}
#ServicesContent {
  margin-top: 5%;
}
#PYWsvgImage {
  min-width: 500px;
  margin-top: 4%;
}
#PYWContent {
  background-color: #f5f5f5;
  box-shadow: 10px 10px 25px 10px #d0c1ff;
}
#PYWExplainContent {
  margin-top: 4%;
  margin-bottom: 6%;
  min-width: 625px;

}
.print_explain, .cal_explain, .note_explain{
  font-size: 20px;
  word-spacing: 2px;
  line-height: 1.7;
  min-width: 600px;
}
.PYWhead {
  font-size: 32px;
  color: #7d1cff; /* #27e8b7 */
  font-weight: bold;
  margin-left: 4%;
}

#eClBJY07uXR1 {    /** Calendar SVG Image  **/
  margin-top: 4%;
  margin-left: 32%;
  min-width: 70%;
  min-height: 70%;
  max-height: 95%;
  max-width: 95%;
}
#CALsvgImage {
  margin-bottom: 0%;
  margin-top: 3%;
  min-width: 500px;
}
#CALContent {
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
.CALhead {
  font-size: 32px;
  color: #7d1cff; 
  font-weight: bold;
  margin-left: 4%;
}
#CALExplainContent {
  margin-top: 7%;
  margin-bottom: 5%;
  min-width: 625px;
}
#DIARYContent{
  margin-bottom: -12%;
  background-color: #f5f5f5;
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
#e4gCa1d95bX1 {           /** Diary Image SVG **/
  margin-top: -4%;
  margin-left: 24%;
  margin-bottom: 0%;
  min-height: 95%;
  min-width: 95%;
  max-height: 100%;
  max-width: 100%;
}
#DIARYExplainContent {
  margin-top: 0%;
  margin-bottom: 5%;  
  min-width: 625px;
}
.DIARYhead {
  font-size: 32px;
  color: #7d1cff; 
  font-weight: bold;
  margin-left: 4%;
}
#DIARYsvgImage{
  margin-bottom: -5%;
  min-width: 500px;
}
.login_dropdown_content{
  margin-top: -0.5%;
  left:460px;
  min-width: 190px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a , .logout{
  font-size: 17px;
  padding:8px 10px;  
}


} 

/******************************** 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: 0%;
  left:445px;
  min-width: 190px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a , .logout{
  font-size: 17px;
  padding:8px 10px;  
}

} 

/******************************** 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;
}
 
  .service_h1{
    font-size: 23px;
  }
  .service_hr{
    border-top: 3px solid black !important;
  }
  
  .print_h3{
    font-size: 19.5px;
  }
  .cal_h3{
    font-size: 19.5px;
  }
  .note_h3{
    font-size: 19.5px;
  }
  .machine_icon{
   width: 42%;   
  }
  .cal_icon{
   width: 31.5%;
  }
  .notebook_icon{
   width: 31.5%;
  }



/******************************** New Content *****************************/

#TopContainerID{
  margin-top: 14%;
  background-color: #F5F5F5;
  /*box-shadow: 10px 10px 50px 10px #d0c1ff;*/
}
#NameContent {
  margin-left: 5%;   
  min-width: 550px;
}
.AnnaiHead{
  margin-top: 13%;
  font-family: Helvetica;
  font-size: 38px;
  /*color: #FF355E;*/
  color: #168BFF;
  margin-left: 19%;

}
.AnnaiPara {
  margin-left: 5%;
  font-size: 23px;
  text-align: center;
}
#IDlogoSVG{
  margin-left: 3%;   
  min-width: 550px;
}
#ExplainID{
  margin-top: -1%;
  margin-bottom: 2%;  
}
#ImageMoveID {
  background-color: #f5f5f5;
}
#eZ6zv2j7YF01 {          /** Logo SVG **/
  margin-top: 0%;
  margin-left: 16%;
  margin-bottom: 10%;
  max-height: 70%;
  max-width: 70%;
}
.MaskSVGclass{
  min-width: 500px;
  margin-bottom: -7%;
}
#elr4hAGMQxH1 {           /** Mask SVG **/
 margin-top: 6%;
 margin-left: 20%;
 max-width: 75%;
 max-height: 75%;
}
#e5B962bxgvj1 {          /** Image Move ***/ 
  
}
#eK6aLG20JwN1 {         /** PYW SVG Image **/
  margin-top: 4%;
  margin-left: 13%;
  min-height: 95%;
  min-width: 95%;
  max-height: 100%;
  max-width: 100%;
}
.We_Are {
  margin-top: 0%;
  margin-bottom: 2%;
  font-size: 20px;
  min-width: 450px;
}
#ServicesContent {
  margin-top: 5%;
}
#PYWsvgImage {
  min-width: 500px;
  margin-top: 4%;
}
#PYWContent {
  background-color: #f5f5f5;
  box-shadow: 10px 10px 25px 10px #d0c1ff;
}
#PYWExplainContent {
  margin-top: 4%;
  margin-bottom: 6%;
  min-width: 575px;

}
.print_explain, .cal_explain, .note_explain{
  font-size: 20px;
  word-spacing: 2px;
  line-height: 1.7;
  min-width: 550px;
}
.PYWhead {
  font-size: 32px;
  color: #7d1cff; /* #27e8b7 */
  font-weight: bold;
  margin-left: 5%;
}

#eClBJY07uXR1 {    /** Calendar SVG Image  **/
  margin-top: 4%;
  margin-left: 25%;
  min-width: 70%;
  min-height: 70%;
  max-height: 95%;
  max-width: 95%;
}
#CALsvgImage {
  margin-bottom: 0%;
  margin-top: 3%;
  min-width: 500px;
}
#CALContent {
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
.CALhead {
  font-size: 32px;
  color: #7d1cff; 
  font-weight: bold;
  margin-left: 5%;
}
#CALExplainContent {
  margin-top: 7%;
  margin-bottom: 5%;
  min-width: 575px;
}
#DIARYContent{
  margin-bottom: -12%;
  background-color: #f5f5f5;
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
#e4gCa1d95bX1 {           /** Diary Image SVG **/
  margin-top: -4%;
  margin-left: 18%;
  margin-bottom: 0%;
  min-height: 95%;
  min-width: 95%;
  max-height: 100%;
  max-width: 100%;
}
#DIARYExplainContent {
  margin-top: 0%;
  margin-bottom: 5%;  
  min-width: 575px;
}
.DIARYhead {
  font-size: 32px;
  color: #7d1cff; 
  font-weight: bold;
  margin-left: 4%;
}
#DIARYsvgImage{
  margin-bottom: -5%;
  min-width: 500px;
}
.login_dropdown_content{
  margin-top: 0%;
  left:395px;
  min-width: 190px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a , .logout{
  font-size: 17px;
  padding:8px 10px;  
}


} 

/******************************** 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;
}




/******************************** New Content *****************************/

#TopContainerID{
  margin-top: 15%;
  background-color: #F5F5F5;
  /*box-shadow: 10px 10px 50px 10px #d0c1ff;*/
}
#NameContent {
  margin-left: 1%;   
  min-width: 500px;
}
.AnnaiHead{
  margin-top: 13%;
  font-family: Helvetica;
  font-size: 38px;
  /*color: #FF355E;*/
  color: #168BFF;
  margin-left: 19%;

}
.AnnaiPara {
  margin-left: 5%;
  font-size: 23px;
  text-align: center;
}
#IDlogoSVG{
  margin-left: 3%;   
  min-width: 500px;
}
#ExplainID{
  margin-top: -1%;
  margin-bottom: 2%;  
}
#ImageMoveID {
  background-color: #f5f5f5;
}
#eZ6zv2j7YF01 {          /** Logo SVG **/
  margin-top: 0%;
  margin-left: 13%;
  margin-bottom: 10%;
  max-height: 70%;
  max-width: 70%;
}
.MaskSVGclass{
  min-width: 450px;
  margin-bottom: -7%;
}
#elr4hAGMQxH1 {           /** Mask SVG **/
 margin-top: 6%;
 margin-left: 20%;
 max-width: 75%;
 max-height: 75%;
}
#e5B962bxgvj1 {          /** Image Move ***/ 
  
}
#eK6aLG20JwN1 {         /** PYW SVG Image **/
  margin-top: 4%;
  margin-left: 8%;
  min-height: 80%;
  min-width: 80%;
  max-height: 100%;
  max-width: 100%;
}
.We_Are {
  margin-top: 0%;
  margin-bottom: 2%;
  font-size: 20px;
  min-width: 450px;
}
#ServicesContent {
  margin-top: 5%;
}
#PYWsvgImage {
  min-width: 450px;
  margin-top: 4%;
}
#PYWContent {
  background-color: #f5f5f5;
  box-shadow: 10px 10px 25px 10px #d0c1ff;
}
#PYWExplainContent {
  margin-top: 4%;
  margin-bottom: 6%;
  min-width: 525px;

}
.print_explain, .cal_explain, .note_explain{
  font-size: 20px;
  word-spacing: 2px;
  line-height: 1.7;
  min-width: 500px;
}
.PYWhead {
  font-size: 32px;
  color: #7d1cff; /* #27e8b7 */
  font-weight: bold;
  margin-left: 5%;
}

#eClBJY07uXR1 {    /** Calendar SVG Image  **/
  margin-top: 4%;
  margin-left: 15%;
  min-width: 70%;
  min-height: 70%;
  max-height: 75%;
  max-width: 75%;
}
#CALsvgImage {
  margin-bottom: -12%;
  margin-top: 4%;
  min-width: 450px;
}
#CALContent {
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
.CALhead {
  font-size: 32px;
  color: #7d1cff; 
  font-weight: bold;
  margin-left: 3%;
}
#CALExplainContent {
  margin-top: 0%;
  margin-bottom: 8%;
  min-width: 525px;
}
#DIARYContent{
  margin-bottom: -14%;
  background-color: #f5f5f5;
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
#e4gCa1d95bX1 {           /** Diary Image SVG **/
  margin-top: -3%;
  margin-left: 10%;
  margin-bottom: 0%;
  min-height: 90%;
  min-width: 90%;
  max-height: 95%;
  max-width: 95%;
}
#DIARYExplainContent {
  margin-top: 0%;
  margin-bottom: 6%;  
  min-width: 525px;
}
.DIARYhead {
  font-size: 32px;
  color: #7d1cff; 
  font-weight: bold;
  margin-left: 3%;
}
#DIARYsvgImage{
  margin-bottom: -5%;
  min-width: 450px;
}
.login_dropdown_content{
  margin-top: 0%;
  left:360px;
  min-width: 180px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a , .logout{
  font-size: 16.5px;
  padding:8px 10px;  
}







} 


/******************************** 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;
}
 .We_Are{
    margin-top: 3%;
    font-size: 21px;
  }
  .service_h1{
    font-size: 23px;
  }
  .service_hr{
    border-top: 3px solid black !important;
  }
  .print_explain{
    font-size: 14.5px;
  }
  .cal_explain{
    font-size: 14.5px;
  }
  .note_explain{
    font-size: 14.5px;
  }
  .print_h3{
    font-size: 19.5px;
  }
  .cal_h3{
    font-size: 19.5px;
  }
  .note_h3{
    font-size: 19.5px;
  }
  .machine_icon{
   width: 33%;   
  }
  .cal_icon{
   width: 22.5%;
  }
  .notebook_icon{
   width: 22.5%;
  }



/******************************** New Content *****************************/

#TopContainerID{
  margin-top: 15.5%;
  background-color: #F5F5F5;
  /*box-shadow: 10px 10px 50px 10px #d0c1ff;*/
}
#NameContent {
  margin-left: 1%;   
  min-width: 500px;
}
.AnnaiHead{
  margin-top: 13%;
  font-family: Helvetica;
  font-size: 38px;
  /*color: #FF355E;*/
  color: #168BFF;
  margin-left: 19%;

}
.AnnaiPara {
  margin-left: 5%;
  font-size: 23px;
  text-align: center;
}
#IDlogoSVG{
  margin-left: 3%;   
  min-width: 500px;
}
#ExplainID{
  margin-top: -1%;
  margin-bottom: 2%;  
}
#ImageMoveID {
  background-color: #f5f5f5;
}
#eZ6zv2j7YF01 {          /** Logo SVG **/
  margin-top: 0%;
  margin-left: 13%;
  margin-bottom: 10%;
  max-height: 70%;
  max-width: 70%;
}
.MaskSVGclass{
  min-width: 450px;
  margin-bottom: -7%;
}
#elr4hAGMQxH1 {           /** Mask SVG **/
 margin-top: 6%;
 margin-left: 19%;
 max-width: 75%;
 max-height: 75%;
}
#e5B962bxgvj1 {          /** Image Move ***/ 
  
}
#eK6aLG20JwN1 {         /** PYW SVG Image **/
  margin-top: 4%;
  margin-left: 12%;
  min-height: 80%;
  min-width: 80%;
  max-height: 90%;
  max-width: 90%;
}
.We_Are {
  margin-top: 0%;
  margin-bottom: 2%;
  font-size: 20px;
  min-width: 450px;
}
#ServicesContent {
  margin-top: 5%;
}
#PYWsvgImage {
  min-width: 450px;
  margin-top: 4%;
}
#PYWContent {
  background-color: #f5f5f5;
  box-shadow: 10px 10px 25px 10px #d0c1ff;
}
#PYWExplainContent {
  margin-top: 4%;
  margin-bottom: 6%;
  min-width: 525px;

}
.print_explain, .cal_explain, .note_explain{
  font-size: 20px;
  word-spacing: 2px;
  line-height: 1.7;
  min-width: 480px;
}
.PYWhead {
  font-size: 32px;
  color: #7d1cff; /* #27e8b7 */
  font-weight: bold;
  margin-left: 3%;
}

#eClBJY07uXR1 {    /** Calendar SVG Image  **/
  margin-top: 4%;
  margin-left: 16%;
  min-width: 70%;
  min-height: 70%;
  max-height: 75%;
  max-width: 75%;
}
#CALsvgImage {
  margin-bottom: -14%;
  margin-top: 4%;
  min-width: 450px;
}
#CALContent {
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
.CALhead {
  font-size: 32px;
  color: #7d1cff; 
  font-weight: bold;
  margin-left: 2%;
}
#CALExplainContent {
  margin-top: 0%;
  margin-bottom: 8%;
  min-width: 525px;
}
#DIARYContent{
  margin-bottom: -15%;
  background-color: #f5f5f5;
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
#e4gCa1d95bX1 {           /** Diary Image SVG **/
  margin-top: -3%;
  margin-left: 10%;
  margin-bottom: 0%;
  min-height: 90%;
  min-width: 90%;
  max-height: 95%;
  max-width: 95%;
}
#DIARYExplainContent {
  margin-top: 0%;
  margin-bottom: 6%;  
  min-width: 525px;
}
.DIARYhead {
  font-size: 32px;
  color: #7d1cff; 
  font-weight: bold;
  margin-left: 3%;
}
#DIARYsvgImage{
  margin-bottom: -6%;
  min-width: 450px;
}
.login_dropdown_content{
  margin-top: 0%;
  left:340px;
  min-width: 180px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a , .logout{
  font-size: 16.5px;
  padding:6px 10px;  
}


} 
     
/******************************** 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;
}



/******************************** New Content *****************************/

#TopContainerID{
  margin-top: 26%;
  background-color: #F5F5F5;
  /*box-shadow: 10px 10px 50px 10px #d0c1ff;*/
}
#NameContent {
  margin-left: 0%;   
  min-width: 495px;
}
.AnnaiHead{
  margin-top: 13%;
  font-family: Helvetica;
  font-size: 38px;
  /*color: #FF355E;*/
  color: #168BFF;
  margin-left: 18%;

}
.AnnaiPara {
  margin-left: 2%;
  font-size: 23px;
  text-align: center;
}
#IDlogoSVG{
  margin-left: -2%;   
  min-width: 500px;
}
#ExplainID{
  margin-top: -1%;
  margin-bottom: 2%;  
}
#ImageMoveID {
  background-color: #f5f5f5;
}
#eZ6zv2j7YF01 {          /** Logo SVG **/
  margin-top: 0%;
  margin-left: 16%;
  margin-bottom: 10%;
  max-height: 70%;
  max-width: 70%;
}
.MaskSVGclass{
  min-width: 440px;
  margin-bottom: -7%;
}
#elr4hAGMQxH1 {           /** Mask SVG **/
 margin-top: 6%;
 margin-left: 19%;
 max-width: 75%;
 max-height: 75%;
}
#e5B962bxgvj1 {          /** Image Move ***/ 
  
}
#eK6aLG20JwN1 {         /** PYW SVG Image **/
  margin-top: 4%;
  margin-left: 12%;
  min-height: 80%;
  min-width: 80%;
  max-height: 90%;
  max-width: 90%;
}
.We_Are {
  margin-top: 0%;
  margin-bottom: 2%;
  font-size: 20px;
  min-width: 440px;
}
#ServicesContent {
  margin-top: 5%;
}
#PYWsvgImage {
  min-width: 450px;
  margin-top: 4%;
}
#PYWContent {
  background-color: #f5f5f5;
  box-shadow: 10px 10px 25px 10px #d0c1ff;
}
#PYWExplainContent {
  margin-top: 4%;
  margin-bottom: 6%;
  min-width: 495px;

}
.print_explain, .cal_explain, .note_explain{
  font-size: 20px;
  word-spacing: 2px;
  line-height: 1.7;
  min-width: 460px;
}
.PYWhead {
  font-size: 32px;
  color: #7d1cff; /* #27e8b7 */
  font-weight: bold;
  margin-left: 3%;
}

#eClBJY07uXR1 {    /** Calendar SVG Image  **/
  margin-top: 4%;
  margin-left: 16%;
  min-width: 70%;
  min-height: 70%;
  max-height: 75%;
  max-width: 75%;
}
#CALsvgImage {
  margin-bottom: -14%;
  margin-top: 4%;
  min-width: 450px;
}
#CALContent {
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
.CALhead {
  font-size: 32px;
  color: #7d1cff; 
  font-weight: bold;
  margin-left: 2%;
}
#CALExplainContent {
  margin-top: 0%;
  margin-bottom: 8%;
  min-width: 495px;
}
#DIARYContent{
  margin-bottom: -15%;
  background-color: #f5f5f5;
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
#e4gCa1d95bX1 {           /** Diary Image SVG **/
  margin-top: -3%;
  margin-left: 10%;
  margin-bottom: 0%;
  min-height: 90%;
  min-width: 90%;
  max-height: 95%;
  max-width: 95%;
}
#DIARYExplainContent {
  margin-top: 0%;
  margin-bottom: 6%;  
  min-width: 495px;
}
.DIARYhead {
  font-size: 32px;
  color: #7d1cff; 
  font-weight: bold;
  margin-left: 3%;
}
#DIARYsvgImage{
  margin-bottom: -6%;
  min-width: 450px;
}
.login_dropdown_content{
  margin-top: -10.5%;
  left:320px;
  min-width: 180px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a , .logout{
  font-size: 16.5px;
  padding:6px 10px;  
}



} 


/******************************** 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;
}


/******************************** New Content *****************************/

#TopContainerID{
  margin-top: 28%;
  background-color: #F5F5F5;
  /*box-shadow: 10px 10px 50px 10px #d0c1ff;*/
}
#NameContent {
  margin-left: 0%;   
  min-width: 445px;
}
.AnnaiHead{
  margin-top: 13%;
  font-family: Helvetica;
  font-size: 36px;
  /*color: #FF355E;*/
  color: #168BFF;
  margin-left: 18.5%;

}
.AnnaiPara {
  margin-left: 0%;
  font-size: 23px;
  text-align: center;
}
#IDlogoSVG{
  margin-left: -2%;   
  min-width: 450px;
}
#ExplainID{
  margin-top: -1%;
  margin-bottom: 2%;  
}
#ImageMoveID {
  background-color: #f5f5f5;
}
#eZ6zv2j7YF01 {          /** Logo SVG **/
  margin-top: 0%;
  margin-left: 19%;
  margin-bottom: 10%;
  max-height: 70%;
  max-width: 70%;
}
.MaskSVGclass{
  min-width: 400px;
  margin-bottom: -7%;
}
#elr4hAGMQxH1 {           /** Mask SVG **/
 margin-top: 6%;
 margin-left: 16%;
 max-width: 78%;
 max-height: 78%;
}
#e5B962bxgvj1 {          /** Image Move ***/ 
  
}
#eK6aLG20JwN1 {         /** PYW SVG Image **/
  margin-top: 4%;
  margin-left: 12%;
  min-height: 80%;
  min-width: 80%;
  max-height: 90%;
  max-width: 90%;
}
.We_Are {
  margin-top: 0%;
  margin-bottom: 2%;
  font-size: 18px;
  min-width: 400px;
}
#ServicesContent {
  margin-top: 5%;
}
#PYWsvgImage {
  min-width: 400px;
  margin-top: 4%;
}
#PYWContent {
  background-color: #f5f5f5;
  box-shadow: 10px 10px 25px 10px #d0c1ff;
}
#PYWExplainContent {
  margin-top: 4%;
  margin-bottom: 6%;
  min-width: 445px;

}
.print_explain, .cal_explain, .note_explain{
  font-size: 18px;
  word-spacing: 2px;
  line-height: 1.7;
  min-width: 410px;
}
.PYWhead {
  font-size: 30px;
  color: #7d1cff; /* #27e8b7 */
  font-weight: bold;
  margin-left: 3%;
}

#eClBJY07uXR1 {    /** Calendar SVG Image  **/
  margin-top: 4%;
  margin-left: 16%;
  min-width: 70%;
  min-height: 70%;
  max-height: 75%;
  max-width: 75%;
}
#CALsvgImage {
  margin-bottom: -14%;
  margin-top: 4%;
  min-width: 400px;
}
#CALContent {
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
.CALhead {
  font-size: 30px;
  color: #7d1cff; 
  font-weight: bold;
  margin-left: 0%;
}
#CALExplainContent {
  margin-top: 0%;
  margin-bottom: 8%;
  min-width: 445px;
}
#DIARYContent{
  margin-bottom: -16%;
  background-color: #f5f5f5;
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
#e4gCa1d95bX1 {           /** Diary Image SVG **/
  margin-top: -3%;
  margin-left: 11%;
  margin-bottom: 0%;
  min-height: 90%;
  min-width: 90%;
  max-height: 95%;
  max-width: 95%;
}
#DIARYExplainContent {
  margin-top: 0%;
  margin-bottom: 7%;  
  min-width: 445px;
}
.DIARYhead {
  font-size: 30px;
  color: #7d1cff; 
  font-weight: bold;
  margin-left: 3%;
}
#DIARYsvgImage{
  margin-bottom: -6%;
  min-width: 400px;
}
.login_dropdown_content{
  margin-top: -12%;
  left:285px;
  min-width: 180px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a , .logout{
  font-size: 16.5px;
  padding:6px 10px;  
}


} 

/******************************** 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;
}
 .We_Are{
    margin-top: 3%;
    font-size: 19px;
  }
  .service_h1{
    font-size: 21px;
  }
  .service_hr{
    border-top: 2px solid black !important;
  }
  .print_explain{
    font-size: 14px;
  }
  .cal_explain{
    font-size: 14px;
  }
  .note_explain{
    font-size: 14px;
  }
  .print_h3{
    font-size: 19px;
  }
  .cal_h3{
    font-size: 19px;
  }
  .note_h3{
    font-size: 19px;
  }
  .machine_icon{
   width: 31%;   
  }
  .cal_icon{
   width: 20.5%;
  }
  .notebook_icon{
   width: 20.5%;
  }



/******************************** New Content *****************************/

#TopContainerID{
  margin-top: 30%;
  background-color: #F5F5F5;
  /*box-shadow: 10px 10px 50px 10px #d0c1ff;*/
}
#NameContent {
  margin-left: 0%;   
  min-width: 400px;
}
.AnnaiHead{
  margin-top: 13%;
  font-family: Helvetica;
  font-size: 34px;
  /*color: #FF355E;*/
  color: #168BFF;
  margin-left: 17.5%;

}
.AnnaiPara {
  margin-left: 0%;
  font-size: 21px;
  text-align: center;
}
#IDlogoSVG{
  margin-left: -2%;   
  min-width: 400px;
}
#ExplainID{
  margin-top: -1%;
  margin-bottom: 2%;  
}
#ImageMoveID {
  background-color: #f5f5f5;
}
#eZ6zv2j7YF01 {          /** Logo SVG **/
  margin-top: 1%;
  margin-left: 16%;
  margin-bottom: 10%;
  max-height: 75%;
  max-width: 75%;
}
.MaskSVGclass{
  min-width: 360px;
  margin-bottom: -7%;
}
#elr4hAGMQxH1 {           /** Mask SVG **/
 margin-top: 6%;
 margin-left: 16%;
 max-width: 80%;
 max-height: 80%;
}
#e5B962bxgvj1 {          /** Image Move ***/ 
  
}
#eK6aLG20JwN1 {         /** PYW SVG Image **/
  margin-top: 4%;
  margin-left: 12%;
  min-height: 80%;
  min-width: 80%;
  max-height: 90%;
  max-width: 90%;
}
.We_Are {
  margin-top: 0%;
  margin-bottom: 2%;
  font-size: 18px;
  min-width: 360px;
}
#ServicesContent {
  margin-top: 5%;
}
#PYWsvgImage {
  min-width: 360px;
  margin-top: 4%;
}
#PYWContent {
  background-color: #f5f5f5;
  box-shadow: 10px 10px 25px 10px #d0c1ff;
}
#PYWExplainContent {
  margin-top: 4%;
  margin-bottom: 6%;
  min-width: 400px;

}
.print_explain, .cal_explain, .note_explain{
  font-size: 18px;
  word-spacing: 2px;
  line-height: 1.7;
  min-width: 360px;
}
.PYWhead {
  font-size: 30px;
  color: #7d1cff; /* #27e8b7 */
  font-weight: bold;
  margin-left: 2%;
}

#eClBJY07uXR1 {    /** Calendar SVG Image  **/
  margin-top: 4%;
  margin-left: 16%;
  min-width: 70%;
  min-height: 70%;
  max-height: 75%;
  max-width: 75%;
}
#CALsvgImage {
  margin-bottom: -14%;
  margin-top: 4%;
  min-width: 360px;
}
#CALContent {
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
.CALhead {
  font-size: 30px;
  color: #7d1cff; 
  font-weight: bold;
  margin-left: 0%;
}
#CALExplainContent {
  margin-top: 0%;
  margin-bottom: 8%;
  min-width: 360px;
}
#DIARYContent{
  margin-bottom: -18%;
  background-color: #f5f5f5;
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
#e4gCa1d95bX1 {           /** Diary Image SVG **/
  margin-top: -3%;
  margin-left: 11%;
  margin-bottom: 0%;
  min-height: 90%;
  min-width: 90%;
  max-height: 95%;
  max-width: 95%;
}
#DIARYExplainContent {
  margin-top: 0%;
  margin-bottom: 8%;  
  min-width: 400px;
}
.DIARYhead {
  font-size: 30px;
  color: #7d1cff; 
  font-weight: bold;
  margin-left: 3%;
}
#DIARYsvgImage{
  margin-bottom: -6%;
  min-width: 360px;
}

.login_dropdown_content{
  margin-top: -13%;
  left:245px;
  min-width: 180px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a , .logout{
  font-size: 16.5px;
  padding:6px 10px;  
}


} 

/******************************** 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;
}




/******************************** New Content *****************************/

#TopContainerID{
  margin-top: 33%;
  background-color: #F5F5F5;
  /*box-shadow: 10px 10px 50px 10px #d0c1ff;*/
}
#NameContent {
  margin-left: 0%;   
  min-width: 360px;
}
.AnnaiHead{
  margin-top: 13%;
  font-family: Helvetica;
  font-size: 34px;
  /*color: #FF355E;*/
  color: #168BFF;
  margin-left: 15.25%;

}
.AnnaiPara {
  margin-left: 0%;
  font-size: 21px;
  text-align: center;
}
#IDlogoSVG{
  margin-left: -2%;   
  min-width: 330px;
}
#ExplainID{
  margin-top: -1%;
  margin-bottom: 2%;  
}
#ImageMoveID {
  background-color: #f5f5f5;
}
#eZ6zv2j7YF01 {          /** Logo SVG **/
  margin-top: 1%;
  margin-left: 14%;
  margin-bottom: 14%;
  max-height: 80%;
  max-width: 80%;
}
.MaskSVGclass{
  min-width: 330px;
  margin-bottom: -7%;
}
#elr4hAGMQxH1 {           /** Mask SVG **/
 margin-top: 8%;
 margin-left: 9%;
 max-width: 85%;
 max-height: 85%;
}
#e5B962bxgvj1 {          /** Image Move ***/ 
  
}
#eK6aLG20JwN1 {         /** PYW SVG Image **/
  margin-top: 5%;
  margin-left: 13%;
  min-height: 85%;
  min-width: 85%;
  max-height: 100%;
  max-width: 100%;
}
.We_Are {
  margin-top: 8%;
  margin-bottom: 8%;
  font-size: 18px;
  min-width: 360px;
}
#ServicesContent {
  margin-top: 5%;
}
#PYWsvgImage {
  min-width: 360px;
  margin-top: 4%;
}
#PYWContent {
  background-color: #f5f5f5;
  box-shadow: 5px 5px 25px 5px #d0c1ff;
}
#PYWExplainContent {
  margin-top: 10%;
  margin-bottom: 10%;
  min-width: 360px;

}
.print_explain, .cal_explain, .note_explain{
  font-size: 18px;
  word-spacing: 2px;
  line-height: 1.7;
  min-width: 370px;
}
.PYWhead {
  font-size: 30px;
  color: #7d1cff; /* #27e8b7 */
  font-weight: bold;
  margin-left: 2%;
}

#eClBJY07uXR1 {    /** Calendar SVG Image  **/
  margin-top: 5%;
  margin-left: 13.5%;
  min-width: 75%;
  min-height: 75%;
  max-height: 80%;
  max-width: 80%;
}
#CALsvgImage {
  margin-bottom: -14%;
  margin-top: 4%;
  min-width: 360px;
}
#CALContent {
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
.CALhead {
  font-size: 30px;
  color: #7d1cff; 
  font-weight: bold;
  margin-left: 0%;
}
#CALExplainContent {
  margin-top: 7%;
  margin-bottom: 10%;
  min-width: 330px;
}
#DIARYContent{
  margin-bottom: -19%;
  background-color: #f5f5f5;
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
#e4gCa1d95bX1 {           /** Diary Image SVG **/
  margin-top: 0%;
  margin-left: 7%;
  margin-bottom: 0%;
  min-height: 95%;
  min-width: 95%;
  max-height: 100%;
  max-width: 100%;
}
#DIARYExplainContent {
  margin-top: 0%;
  margin-bottom: 10%;  
  min-width: 400px;
}
.DIARYhead {
  font-size: 30px;
  color: #7d1cff; 
  font-weight: bold;
  margin-left: 3%;
}
#DIARYsvgImage{
  margin-bottom: -6%;
  min-width: 330px;
}
.login_dropdown_content{
  margin-top: -14.5%;
  left:220px;
  min-width: 180px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a , .logout{
  font-size: 16.5px;
  padding:6px 10px;  
}





} 


/******************************** 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;
}
 .We_Are{
    margin-top: 3%;
    font-size: 17px;
  }
  .service_h1{
    font-size: 20px;
  }
  .service_hr{
    border-top: 2px solid black !important;
  }
  .print_explain{
    font-size: 13px;
  }
  .cal_explain{
    font-size: 13px;
  }
  .note_explain{
    font-size: 13px;
  }
  .print_h3{
    font-size: 18px;
  }
  .cal_h3{
    font-size: 18px;
  }
  .note_h3{
    font-size: 18px;
  }
  .machine_icon{
   width: 29%;   
  }
  .cal_icon{
   width: 18.5%;
  }
  .notebook_icon{
   width: 18.5%;
  }



/******************************** New Content *****************************/

#TopContainerID{
  margin-top: 36%;
  background-color: #F5F5F5;
  /*box-shadow: 10px 10px 50px 10px #d0c1ff;*/
}
#NameContent {
  margin-left: 0%;   
  min-width: 320px;
}
.AnnaiHead{
  margin-top: 13%;
  font-family: Helvetica;
  font-size: 28px;
  /*color: #FF355E;*/
  color: #168BFF;
  margin-left: 17%;

}
.AnnaiPara {
  margin-left: 0%;
  font-size: 18px;
  text-align: center;
}
#IDlogoSVG{
  margin-left: -2%;   
  min-width: 300px;
}
#ExplainID{
  margin-top: -1%;
  margin-bottom: 2%;  
}
#ImageMoveID {
  background-color: #f5f5f5;
}
#eZ6zv2j7YF01 {          /** Logo SVG **/
  margin-top: 1%;
  margin-left: 13%;
  margin-bottom: 14%;
  max-height: 80%;
  max-width: 80%;
}
.MaskSVGclass{
  min-width: 300px;
  margin-bottom: -7%;
}
#elr4hAGMQxH1 {           /** Mask SVG **/
 margin-top: 8%;
 margin-left: 14%;
 max-width: 80%;
 max-height: 80%;
}
#e5B962bxgvj1 {          /** Image Move ***/ 
  
}
#eK6aLG20JwN1 {         /** PYW SVG Image **/
  margin-top: 5%;
  margin-left: 13%;
  min-height: 85%;
  min-width: 85%;
  max-height: 100%;
  max-width: 100%;
}
.We_Are {
  margin-top: 8%;
  margin-bottom: 10%;
  font-size: 16px;
  min-width: 330px;
}
#ServicesContent {
  margin-top: 5%;
}
#PYWsvgImage {
  min-width: 330px;
  margin-top: 4%;
}
#PYWContent {
  background-color: #f5f5f5;
  box-shadow: 5px 5px 25px 5px #d0c1ff;
}
#PYWExplainContent {
  margin-top: 10%;
  margin-bottom: 10%;
  min-width: 330px;

}
.print_explain, .cal_explain, .note_explain{
  font-size: 16px;
  word-spacing: 1.8px;
  line-height: 1.6;
  min-width: 330px;
}
.PYWhead {
  font-size: 24px;
  color: #7d1cff; /* #27e8b7 */
  font-weight: bold;
  margin-left: 2%;
}

#eClBJY07uXR1 {    /** Calendar SVG Image  **/
  margin-top: 5%;
  margin-left: 13.5%;
  min-width: 75%;
  min-height: 75%;
  max-height: 80%;
  max-width: 80%;
}
#CALsvgImage {
  margin-bottom: -14%;
  margin-top: 4%;
  min-width: 330px;
}
#CALContent {
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
.CALhead {
  font-size: 24px;
  color: #7d1cff; 
  font-weight: bold;
  margin-left: 0%;
}
#CALExplainContent {
  margin-top: 7%;
  margin-bottom: 10%;
  min-width: 330px;
}
#DIARYContent{
  margin-bottom: -22%;
  background-color: #f5f5f5;
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
#e4gCa1d95bX1 {           /** Diary Image SVG **/
  margin-top: 0%;
  margin-left: 7%;
  margin-bottom: 0%;
  min-height: 95%;
  min-width: 95%;
  max-height: 100%;
  max-width: 100%;
}
#DIARYExplainContent {
  margin-top: 8%;
  margin-bottom: 10%;  
  min-width: 350px;
}
.DIARYhead {
  font-size: 24px;
  color: #7d1cff; 
  font-weight: bold;
  margin-left: 1%;
}
#DIARYsvgImage{
  margin-bottom: -6%;
  min-width: 330px;
}
.login_dropdown_content{
  margin-top: -15.5%;
  left:185px;
  min-width: 180px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a , .logout{
  font-size: 16px;
  padding:5.5px 10px;  
}



} 


/******************************** 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;
}




/******************************** New Content *****************************/

#TopContainerID{
  margin-top: 38%;
  background-color: #F5F5F5;
  /*box-shadow: 10px 10px 50px 10px #d0c1ff;*/
}
#NameContent {
  margin-left: 0%;   
  min-width: 300px;
}
.AnnaiHead{
  margin-top: 13%;
  font-family: Helvetica;
  font-size: 28px;
  /*color: #FF355E;*/
  color: #168BFF;
  margin-left: 15%;

}
.AnnaiPara {
  margin-left: 0%;
  font-size: 18px;
  text-align: center;
}
#IDlogoSVG{
  margin-left: -2%;   
  min-width: 300px;
}
#ExplainID{
  margin-top: -1%;
  margin-bottom: 2%;  
}
#ImageMoveID {
  background-color: #f5f5f5;
}
#eZ6zv2j7YF01 {          /** Logo SVG **/
  margin-top: 2%;
  margin-left: 13%;
  margin-bottom: 14%;
  max-height: 80%;
  max-width: 80%;
}
.MaskSVGclass{
  min-width: 300px;
  margin-bottom: -7%;
}
#elr4hAGMQxH1 {           /** Mask SVG **/
 margin-top: 8%;
 margin-left: 14%;
 max-width: 80%;
 max-height: 80%;
}
#e5B962bxgvj1 {          /** Image Move ***/ 
  
}
#eK6aLG20JwN1 {         /** PYW SVG Image **/
  margin-top: 5%;
  margin-left: 13%;
  min-height: 85%;
  min-width: 85%;
  max-height: 100%;
  max-width: 100%;
}
.We_Are {
  margin-top: 8%;
  margin-bottom: 10%;
  font-size: 16px;
  min-width: 300px;
}
#ServicesContent {
  margin-top: 5%;
}
#PYWsvgImage {
  min-width: 300px;
  margin-top: 4%;
}
#PYWContent {
  background-color: #f5f5f5;
  box-shadow: 5px 5px 25px 5px #d0c1ff;
}
#PYWExplainContent {
  margin-top: 10%;
  margin-bottom: 10%;
  min-width: 300px;

}
.print_explain, .cal_explain, .note_explain{
  font-size: 16px;
  word-spacing: 1.8px;
  line-height: 1.6;
  min-width: 300px;
}
.PYWhead {
  font-size: 24px;
  color: #7d1cff; /* #27e8b7 */
  font-weight: bold;
  margin-left: 2%;
}

#eClBJY07uXR1 {    /** Calendar SVG Image  **/
  margin-top: 5%;
  margin-left: 13.5%;
  min-width: 75%;
  min-height: 75%;
  max-height: 80%;
  max-width: 80%;
}
#CALsvgImage {
  margin-bottom: -14%;
  margin-top: 4%;
  min-width: 300px;
}
#CALContent {
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
.CALhead {
  font-size: 24px;
  color: #7d1cff; 
  font-weight: bold;
  margin-left: 0%;
}
#CALExplainContent {
  margin-top: 7%;
  margin-bottom: 10%;
  min-width: 300px;
}
#DIARYContent{
  margin-bottom: -24%;
  background-color: #f5f5f5;
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
#e4gCa1d95bX1 {           /** Diary Image SVG **/
  margin-top: 0%;
  margin-left: 7%;
  margin-bottom: 0%;
  min-height: 95%;
  min-width: 95%;
  max-height: 100%;
  max-width: 100%;
}
#DIARYExplainContent {
  margin-top: 8%;
  margin-bottom: 12%;  
  min-width: 320px;
}
.DIARYhead {
  font-size: 24px;
  color: #7d1cff; 
  font-weight: bold;
  margin-left: 1%;
}
#DIARYsvgImage{
  margin-bottom: -6%;
  min-width: 300px;
}

.login_dropdown_content{
  margin-top: -16.5%;
  left:151px;
  min-width: 180px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a , .logout{
  font-size: 16px;
  padding:5.5px 10px;  
}






} 

/******************************** 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;
}
.We_Are{
    margin-top: 3%;
    font-size: 16px;
  }
  .service_h1{
    font-size: 18.5px;
  }
  .service_hr{
    border-top: 2px solid black !important;
  }
  .print_explain{
    font-size: 12.5px;
  }
  .cal_explain{
    font-size: 12.5px;
  }
  .note_explain{
    font-size: 12.5px;
  }
  .print_h3{
    font-size: 17.5px;
  }
  .cal_h3{
    font-size: 17.5px;
  }
  .note_h3{
    font-size: 17.5px;
  }
  .machine_icon{
   width: 29%;   
  }
  .cal_icon{
   width: 18.5%;
  }
  .notebook_icon{
   width: 18.5%;
  }




/******************************** New Content *****************************/

#TopContainerID{
  margin-top: 39%;
  background-color: #F5F5F5;
  /*box-shadow: 10px 10px 50px 10px #d0c1ff;*/
}
#NameContent {
  margin-left: 0%;   
  min-width: 300px;
}
.AnnaiHead{
  margin-top: 13%;
  font-family: Helvetica;
  font-size: 28px;
  /*color: #FF355E;*/
  color: #168BFF;
  margin-left: 15%;

}
.AnnaiPara {
  margin-left: 0%;
  font-size: 18px;
  text-align: center;
}
#IDlogoSVG{
  margin-left: -2%;   
  min-width: 300px;
}
#ExplainID{
  margin-top: -1%;
  margin-bottom: 2%;  
}
#ImageMoveID {
  background-color: #f5f5f5;
}
#eZ6zv2j7YF01 {          /** Logo SVG **/
  margin-top: 2%;
  margin-left: 13%;
  margin-bottom: 14%;
  max-height: 80%;
  max-width: 80%;
}
.MaskSVGclass{
  min-width: 300px;
  margin-bottom: -7%;
}
#elr4hAGMQxH1 {           /** Mask SVG **/
 margin-top: 8%;
 margin-left: 14%;
 max-width: 80%;
 max-height: 80%;
}
#e5B962bxgvj1 {          /** Image Move ***/ 
  
}
#eK6aLG20JwN1 {         /** PYW SVG Image **/
  margin-top: 5%;
  margin-left: 13%;
  min-height: 85%;
  min-width: 85%;
  max-height: 100%;
  max-width: 100%;
}
.We_Are {
  margin-top: 8%;
  margin-bottom: 10%;
  font-size: 14px;
  min-width: 300px;
}
#ServicesContent {
  margin-top: 5%;
}
#PYWsvgImage {
  min-width: 300px;
  margin-top: 4%;
}
#PYWContent {
  background-color: #f5f5f5;
  box-shadow: 5px 5px 25px 5px #d0c1ff;
}
#PYWExplainContent {
  margin-top: 10%;
  margin-bottom: 10%;
  min-width: 300px;

}
.print_explain, .cal_explain, .note_explain{
  font-size: 14px;
  word-spacing: 1.8px;
  line-height: 1.6;
  min-width: 270px;
}
.PYWhead {
  font-size: 22px;
  color: #7d1cff; /* #27e8b7 */
  font-weight: bold;
  margin-left: 2%;
}

#eClBJY07uXR1 {    /** Calendar SVG Image  **/
  margin-top: 5%;
  margin-left: 13.5%;
  min-width: 75%;
  min-height: 75%;
  max-height: 80%;
  max-width: 80%;
}
#CALsvgImage {
  margin-bottom: -14%;
  margin-top: 4%;
  min-width: 280px;
}
#CALContent {
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
.CALhead {
  font-size: 22px;
  color: #7d1cff; 
  font-weight: bold;
  margin-left: 0%;
}
#CALExplainContent {
  margin-top: 7%;
  margin-bottom: 10%;
  min-width: 280px;
}
#DIARYContent{
  margin-bottom: -26%;
  background-color: #f5f5f5;
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
#e4gCa1d95bX1 {           /** Diary Image SVG **/
  margin-top: 0%;
  margin-left: 7%;
  margin-bottom: 0%;
  min-height: 95%;
  min-width: 95%;
  max-height: 100%;
  max-width: 100%;
}
#DIARYExplainContent {
  margin-top: 8%;
  margin-bottom: 13%;  
  min-width: 300px;
}
.DIARYhead {
  font-size: 22px;
  color: #7d1cff; 
  font-weight: bold;
  margin-left: 1%;
}
#DIARYsvgImage{
  margin-bottom: -6%;
  min-width: 300px;
}
.login_dropdown_content{
  margin-top: -16.5%;
  left:150px;
  min-width: 180px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a , .logout{
  font-size: 15px;
  padding:5.5px 10px;  
}




} 


/******************************** 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;
}


/******************************** New Content *****************************/

#TopContainerID{
  margin-top: 39%;
  background-color: #F5F5F5;
  /*box-shadow: 10px 10px 50px 10px #d0c1ff;*/
}
#NameContent {
  margin-left: 0%;   
  min-width: 250px;
}
.AnnaiHead{
  margin-top: 13%;
  font-family: Helvetica;
  font-size: 24px;
  /*color: #FF355E;*/
  color: #168BFF;
  margin-left: 12%;

}
.AnnaiPara {
  margin-left: 0%;
  font-size: 16px;
  text-align: center;
}
#IDlogoSVG{
  margin-left: -2%;   
  min-width: 250px;
}
#ExplainID{
  margin-top: -1%;
  margin-bottom: 2%;  
}
#ImageMoveID {
  background-color: #f5f5f5;
}
#eZ6zv2j7YF01 {          /** Logo SVG **/
  margin-top: 2%;
  margin-left: 13%;
  margin-bottom: 14%;
  max-height: 80%;
  max-width: 80%;
}
.MaskSVGclass{
  min-width: 250px;
  margin-bottom: -7%;
}
#elr4hAGMQxH1 {           /** Mask SVG **/
 margin-top: 8%;
 margin-left: 14%;
 max-width: 80%;
 max-height: 80%;
}
#e5B962bxgvj1 {          /** Image Move ***/ 
  
}
#eK6aLG20JwN1 {         /** PYW SVG Image **/
  margin-top: 5%;
  margin-left: 13%;
  min-height: 85%;
  min-width: 85%;
  max-height: 100%;
  max-width: 100%;
}
.We_Are {
  margin-top: 8%;
  margin-bottom: 10%;
  font-size: 14px;
  min-width: 250px;
}
#ServicesContent {
  margin-top: 5%;
}
#PYWsvgImage {
  min-width: 250px;
  margin-top: 4%;
}
#PYWContent {
  background-color: #f5f5f5;
  box-shadow: 5px 5px 25px 5px #d0c1ff;
}
#PYWExplainContent {
  margin-top: 10%;
  margin-bottom: 10%;
  min-width: 250px;

}
.print_explain, .cal_explain, .note_explain{
  font-size: 14px;
  word-spacing: 1.8px;
  line-height: 1.6;
  min-width: 220px;
}
.PYWhead {
  font-size: 22px;
  color: #7d1cff; /* #27e8b7 */
  font-weight: bold;
  margin-left: 2%;
}

#eClBJY07uXR1 {    /** Calendar SVG Image  **/
  margin-top: 5%;
  margin-left: 13.5%;
  min-width: 75%;
  min-height: 75%;
  max-height: 80%;
  max-width: 80%;
}
#CALsvgImage {
  margin-bottom: -14%;
  margin-top: 4%;
  min-width: 230px;
}
#CALContent {
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
.CALhead {
  font-size: 22px;
  color: #7d1cff; 
  font-weight: bold;
  margin-left: 0%;
}
#CALExplainContent {
  margin-top: 7%;
  margin-bottom: 10%;
  min-width: 230px;
}
#DIARYContent{
  margin-bottom: -26%;
  background-color: #f5f5f5;
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
#e4gCa1d95bX1 {           /** Diary Image SVG **/
  margin-top: 0%;
  margin-left: 7%;
  margin-bottom: 0%;
  min-height: 95%;
  min-width: 95%;
  max-height: 100%;
  max-width: 100%;
}
#DIARYExplainContent {
  margin-top: 8%;
  margin-bottom: 13%;  
  min-width: 250px;
}
.DIARYhead {
  font-size: 22px;
  color: #7d1cff; 
  font-weight: bold;
  margin-left: 1%;
}
#DIARYsvgImage{
  margin-bottom: -6%;
  min-width: 250px;
}

.login_dropdown_content{
  margin-top: -16.5%;
  left:110px;
  min-width: 180px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a , .logout{
  font-size: 14.5px;
  padding:5px 10px;  
}

} 

/******************************** 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;
}
.We_Are{
    margin-top: 3%;
    font-size: 15px;
  }
  .service_h1{
    font-size: 17.5px;
  }
  .service_hr{
    border-top: 2px solid black !important;
  }
  .print_explain{
    font-size: 12.5px;
  }
  .cal_explain{
    font-size: 12.5px;
  }
  .note_explain{
    font-size: 12.5px;
  }
  .print_h3{
    font-size: 16.5px;
  }
  .cal_h3{
    font-size: 16.5px;
  }
  .note_h3{
    font-size: 16.5px;
  }
  .machine_icon{
   width: 29%;   
  }
  .cal_icon{
   width: 18.5%;
  }
  .notebook_icon{
   width: 18.5%;
  }
.login_dropdown_content{
  margin-top: -14%;
  left:105px;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a , .logout{
  font-size: 14.5px;
  padding:5px 10px;  
}
} 

/******************************** 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;
}


/******************************** New Content *****************************/

#TopContainerID{
  margin-top: 46%;
  background-color: #F5F5F5;
  /*box-shadow: 10px 10px 50px 10px #d0c1ff;*/
}
#NameContent {
  margin-left: 0%;   
  min-width: 200px;
}
.AnnaiHead{
  margin-top: 13%;
  font-family: Helvetica;
  font-size: 20px;
  /*color: #FF355E;*/
  color: #168BFF;
  margin-left: 12%;

}
.AnnaiPara {
  margin-left: 0%;
  font-size: 13px;
  text-align: center;
}
#IDlogoSVG{
  margin-left: -2%;   
  min-width: 200px;
}
#ExplainID{
  margin-top: -1%;
  margin-bottom: 2%;  
}
#ImageMoveID {
  background-color: #f5f5f5;
}
#eZ6zv2j7YF01 {          /** Logo SVG **/
  margin-top: 2%;
  margin-left: 13%;
  margin-bottom: 14%;
  max-height: 80%;
  max-width: 80%;
}
.MaskSVGclass{
  min-width: 200px;
  margin-bottom: -7%;
}
#elr4hAGMQxH1 {           /** Mask SVG **/
 margin-top: 8%;
 margin-left: 14%;
 max-width: 80%;
 max-height: 80%;
}
#e5B962bxgvj1 {          /** Image Move ***/ 
  
}
#eK6aLG20JwN1 {         /** PYW SVG Image **/
  margin-top: 5%;
  margin-left: 13%;
  min-height: 85%;
  min-width: 85%;
  max-height: 100%;
  max-width: 100%;
}
.We_Are {
  margin-top: 8%;
  margin-bottom: 10%;
  font-size: 12px;
  min-width: 200px;
}
#ServicesContent {
  margin-top: 5%;
}
#PYWsvgImage {
  min-width: 200px;
  margin-top: 4%;
}
#PYWContent {
  background-color: #f5f5f5;
  box-shadow: 5px 5px 25px 5px #d0c1ff;
}
#PYWExplainContent {
  margin-top: 10%;
  margin-bottom: 10%;
  min-width: 200px;

}
.print_explain, .cal_explain, .note_explain{
  font-size: 12px;
  word-spacing: 1.8px;
  line-height: 1.6;
  min-width: 170px;
}
.PYWhead {
  font-size: 18px;
  color: #7d1cff; /* #27e8b7 */
  font-weight: bold;
  margin-left: 2%;
}

#eClBJY07uXR1 {    /** Calendar SVG Image  **/
  margin-top: 5%;
  margin-left: 13.5%;
  min-width: 75%;
  min-height: 75%;
  max-height: 80%;
  max-width: 80%;
}
#CALsvgImage {
  margin-bottom: -14%;
  margin-top: 4%;
  min-width: 180px;
}
#CALContent {
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
.CALhead {
  font-size: 18px;
  color: #7d1cff; 
  font-weight: bold;
  margin-left: 0%;
}
#CALExplainContent {
  margin-top: 7%;
  margin-bottom: 10%;
  min-width: 180px;
}
#DIARYContent{
  margin-bottom: -37%;
  background-color: #f5f5f5;
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
#e4gCa1d95bX1 {           /** Diary Image SVG **/
  margin-top: 0%;
  margin-left: 7%;
  margin-bottom: 0%;
  min-height: 95%;
  min-width: 95%;
  max-height: 100%;
  max-width: 100%;
}
#DIARYExplainContent {
  margin-top: 8%;
  margin-bottom: 15%;  
  min-width: 200px;
}
.DIARYhead {
  font-size: 18px;
  color: #7d1cff; 
  font-weight: bold;
  margin-left: 1%;
}
#DIARYsvgImage{
  margin-bottom: -6%;
  min-width: 200px;
}

.login_dropdown_content{
  margin-top: -16.5%;
  left:85px;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a , .logout{
  font-size: 14px;
  padding:4.5px 10px;  
}

} 

/******************************** 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: -17%;
  left:65px;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a , .logout{
  font-size: 13px;
  padding:4px 10px;  
}

} 


/******************************** 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;
}



/******************************** New Content *****************************/

#TopContainerID{
  margin-top: 46%;
  background-color: #F5F5F5;
  /*box-shadow: 10px 10px 50px 10px #d0c1ff;*/
}
#NameContent {
  margin-left: 0%;   
  min-width: 150px;
}
.AnnaiHead{
  margin-top: 13%;
  font-family: Helvetica;
  font-size: 18px;
  /*color: #FF355E;*/
  color: #168BFF;
  margin-left: 8%;

}
.AnnaiPara {
  margin-left: 0%;
  font-size: 11px;
  text-align: center;
}
#IDlogoSVG{
  margin-left: -2%;   
  min-width: 160px;
}
#ExplainID{
  margin-top: -1%;
  margin-bottom: 2%;  
}
#ImageMoveID {
  background-color: #f5f5f5;
}
#eZ6zv2j7YF01 {          /** Logo SVG **/
  margin-top: 2%;
  margin-left: 13%;
  margin-bottom: 14%;
  max-height: 80%;
  max-width: 80%;
}
.MaskSVGclass{
  min-width: 160px;
  margin-bottom: -7%;
}
#elr4hAGMQxH1 {           /** Mask SVG **/
 margin-top: 8%;
 margin-left: 14%;
 max-width: 80%;
 max-height: 80%;
}
#e5B962bxgvj1 {          /** Image Move ***/ 
  
}
#eK6aLG20JwN1 {         /** PYW SVG Image **/
  margin-top: 5%;
  margin-left: 13%;
  min-height: 85%;
  min-width: 85%;
  max-height: 100%;
  max-width: 100%;
}
.We_Are {
  margin-top: 8%;
  margin-bottom: 10%;
  font-size: 10px;
  min-width: 150px;
}
#ServicesContent {
  margin-top: 5%;
}
#PYWsvgImage {
  min-width: 150px;
  margin-top: 4%;
}
#PYWContent {
  background-color: #f5f5f5;
  box-shadow: 5px 5px 25px 5px #d0c1ff;
}
#PYWExplainContent {
  margin-top: 10%;
  margin-bottom: 10%;
  min-width: 150px;

}
.print_explain, .cal_explain, .note_explain{
  font-size: 10px;
  word-spacing: 1.8px;
  line-height: 1.6;
  min-width: 130px;
}
.PYWhead {
  font-size: 15px;
  color: #7d1cff; /* #27e8b7 */
  font-weight: bold;
  margin-left: 2%;
}

#eClBJY07uXR1 {    /** Calendar SVG Image  **/
  margin-top: 5%;
  margin-left: 13.5%;
  min-width: 75%;
  min-height: 75%;
  max-height: 80%;
  max-width: 80%;
}
#CALsvgImage {
  margin-bottom: -14%;
  margin-top: 4%;
  min-width: 150px;
}
#CALContent {
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
.CALhead {
  font-size: 15px;
  color: #7d1cff; 
  font-weight: bold;
  margin-left: 0%;
}
#CALExplainContent {
  margin-top: 7%;
  margin-bottom: 10%;
  min-width: 150px;
}
#DIARYContent{
  margin-bottom: -43%;
  background-color: #f5f5f5;
  box-shadow: 10px 10px 50px 10px #d0c1ff;
}
#e4gCa1d95bX1 {           /** Diary Image SVG **/
  margin-top: 0%;
  margin-left: 7%;
  margin-bottom: 0%;
  min-height: 95%;
  min-width: 95%;
  max-height: 100%;
  max-width: 100%;
}
#DIARYExplainContent {
  margin-top: 8%;
  margin-bottom: 15%;  
  min-width: 160px;
}
.DIARYhead {
  font-size: 15px;
  color: #7d1cff; 
  font-weight: bold;
  margin-left: 1%;
}
#DIARYsvgImage{
  margin-bottom: -6%;
  min-width: 170px;
}

.login_dropdown_content{
  margin-top: -17%;
  left:70px;
  min-width: 140px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a , .logout{
  font-size: 12.5px;
  padding:4px 10px;  
}


} 

/******************************** 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: -17%;
  left: 70px;
  min-width: 120px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.login_dropdown_content a , .logout{
  font-size: 11px;
  padding:4px 10px;  
}
} 


/******************************** 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%;
}
  .We_Are{
    margin-top: 3%;
    font-size: 37px;
  }
  .service_h1{
    font-size: 36px;
  }
  .service_hr{
    border-top: 4px solid black !important;
  }
  .print_explain{
    font-size: 23px;
  }
  .cal_explain{
    font-size: 23px;
  }
  .note_explain{
    font-size: 23px;
  }
  .machine_icon{
    width: 39%;
  }
  .cal_icon{
    width: 29.5%;
  }
  .notebook_icon{
    width: 29.5%;
  }
  .print_h3{
   font-size: 31px;
  }
  .cal_h3{
   font-size: 31px;
  }
  .note_h3{
   font-size: 31px;    
  }
.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 , .logout{
  font-size: 18px;
  padding:12px 16px;
}  
}


/******************************** 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 , .logout{
  font-size: 22px;
  padding:12px 16px;
}
}

/******************************** 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;
}
  .We_Are{
    margin-top: 3%;
    font-size: 38px;
  }
  .service_h1{
    font-size: 37px;
  }
  .service_hr{
    border-top: 4px solid black !important;
  }
  .print_explain{
    font-size: 24px;
  }
  .cal_explain{
    font-size: 24px;
  }
  .note_explain{
    font-size: 24px;
  }
  .machine_icon{
    width: 40%;
  }
  .cal_icon{
    width: 30.5%;
  }
  .notebook_icon{
    width: 30.5%;
  }
  .print_h3{
   font-size: 33px;
  }
  .cal_h3{
   font-size: 33px;
  }
  .note_h3{
   font-size: 33px;    
  }

.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 , .logout{
  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 , .logout{
  font-size: 30px;
  padding:14px 16px;
}  
}

/******************************** 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;
  }
  .We_Are{
    margin-top: 3%;
    font-size: 42px;
  }
  .service_h1{
    font-size: 41px;
  }
  .service_hr{
    border-top: 4.5px solid black !important;
  }
  .print_explain{
    font-size: 25px;
  }
  .cal_explain{
    font-size: 25px;
  }
  .note_explain{
    font-size: 25px;
  }
  .machine_icon{
    width: 41%;
  }
  .cal_icon{
    width: 31.5%;
  }
  .notebook_icon{
    width: 31.5%;
  }
  .print_h3{
   font-size: 34px;
  }
  .cal_h3{
   font-size: 34px;
  }
  .note_h3{
   font-size: 34px;    
  }

  .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 , .logout{
  font-size: 32px;
  padding:16px 18px;
}

}

/******************************** 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 , .logout{
  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 , .logout{
  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;
  }
  .We_Are{
    margin-top: 3%;
    font-size: 45px;
  }
  .service_h1{
    font-size: 44px;
  }
  .service_hr{
    border-top: 4.5px solid black !important;
  }
  .print_explain{
    font-size: 28px;
  }
  .cal_explain{
    font-size: 28px;
  }
  .note_explain{
    font-size: 28px;
  }
  .machine_icon{
    width: 41%;
  }
  .cal_icon{
    width: 31.5%;
  }
  .notebook_icon{
    width: 31.5%;
  }
  .print_h3{
   font-size: 38px;
  }
  .cal_h3{
   font-size: 38px;
  }
  .note_h3{
   font-size: 38px;    
  }
  .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 , .logout{
  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 3400 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 , .logout{
  font-size: 43px;
  padding:18px 18px;
}
}

/******************************** 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;
  }
  .We_Are{
    margin-top: 3%;
    font-size: 47px;
  }
  .service_h1{
    font-size: 46px;
  }
  .service_hr{
    border-top: 4.5px solid black !important;
  }
  .print_explain{
    font-size: 30px;
  }
  .cal_explain{
    font-size: 30px;
  }
  .note_explain{
    font-size: 30px;
  }
  .machine_icon{
    width: 41%;
  }
  .cal_icon{
    width: 31.5%;
  }
  .notebook_icon{
    width: 31.5%;
  }
  .print_h3{
   font-size: 40px;
  }
  .cal_h3{
   font-size: 40px;
  }
  .note_h3{
   font-size: 40px;    
  }
  .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 , .logout{
  font-size: 47px;
  padding:19px 18px;
}
}

/******************************** 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;
  }
  .We_Are{
    margin-top: 3%;
    font-size: 50px;
  }
  .service_h1{
    font-size: 49px;
  }
  .service_hr{
    border-top: 4.5px solid black !important;
  }
  .print_explain{
    font-size: 32px;
  }
  .cal_explain{
    font-size: 32px;
  }
  .note_explain{
    font-size: 32px;
  }
  .machine_icon{
    width: 41%;
  }
  .cal_icon{
    width: 31.5%;
  }
  .notebook_icon{
    width: 31.5%;
  }
  .print_h3{
   font-size: 42px;
  }
  .cal_h3{
   font-size: 42px;
  }
  .note_h3{
   font-size: 42px;    
  }

  .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 , .logout{
  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;
  }
  .We_Are{
    margin-top: 3%;
    font-size: 56px;
  }
  .service_h1{
    font-size: 55px;
  }
  .service_hr{
    border-top: 5px solid black !important;
  }
  .print_explain{
    font-size: 36px;
  }
  .cal_explain{
    font-size: 36px;
  }
  .note_explain{
    font-size: 36px;
  }
  .machine_icon{
    width: 42%;
  }
  .cal_icon{
    width: 32.5%;
  }
  .notebook_icon{
    width: 32.5%;
  }
  .print_h3{
   font-size: 44px;
  }
  .cal_h3{
   font-size: 44px;
  }
  .note_h3{
   font-size: 44px;    
  }
  .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 , .logout{
  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;
  }
    .We_Are{
    margin-top: 3%;
    font-size: 61px;
  }
  .service_h1{
    font-size: 60px;
  }
  .service_hr{
    border-top: 5px solid black !important;
  }
  .print_explain{
    font-size: 40px;
  }
  .cal_explain{
    font-size: 40px;
  }
  .note_explain{
    font-size: 40px;
  }
  .machine_icon{
    width: 45%;
  }
  .cal_icon{
    width: 35.5%;
  }
  .notebook_icon{
    width: 35.5%;
  }
  .print_h3{
   font-size: 47px;
  }
  .cal_h3{
   font-size: 47px;
  }
  .note_h3{
   font-size: 47px;    
  }

}