@media only screen and (min-width: 1441px) {
  /* CSS rules specific for extra large screens */
  
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  
}
body {
color: ;
line-height: 2;
margin: 7px 12px 0px 12px ;
font-size:62.5%;
 background-color: ;
 font-family: Arial Narrow, sans-serif;

}
.navdrop, .searchbox, .burger {display:none;}
.container { display:grid; 
grid-template-columns: repeat(1, 1fr 1fr 1fr 1fr 1fr 1fr) ;

grid-template-rows:  40px 60px 60px 400px 40px 210px 210px 40px 210px 240px 400px;
row-gap: 1%; 
 column-gap: 1%;

 
 }


.firstlayer {  grid-column:1/7; 
 grid-row:1/2;
 background-color:#f1f0ee; 
 border:px solid; }

.logo {  grid-column:1/2; 
 grid-row:2/3;
 background-color:; 
 border:px solid; }

.searchgrid{grid-column:2/5; 
 grid-row:2/3;
 background-color:; 
 border:px solid; }

.log {grid-column:6/7;
  grid-row:2/3; 
  background-color: ;
  border:px solid;}

  nav{grid-column:1/7;
  grid-row:3/4; 
  background-color: #DC143C;
  border:px solid;}

  .selectfield{ 
    grid-column:1/3;
  grid-row:4/5; 
  background-color: ;
  border:px solid;
   }
   .slidead{ border:px solid; 
   grid-column:3/7;
   grid-row:4/5;  }

   .mainhr{ 
  grid-column:1/7;
   grid-row:5/6; 
   border:px solid; font-size: 1.5em;}

.t1{ 
  grid-column:1/2;
   grid-row:6/7; 
   border:px solid; }
.thumb1 { border:solid px ;
  text-align: center; 
  width: 88%;
   height: 85%;
    margin: auto auto; }
.thumb1 img {width: 80%; height:80%;}
.thumb1 a{font-size: 1.3em; font-weight: bold; text-decoration: none;}
.t2{ 
  grid-column:2/3;
   grid-row:6/7; 
   border:px solid; }
.thumb1 { text-align: center;}


.t3{ 
  grid-column:3/4;
   grid-row:6/7; 
   border:px solid; }
.thumb1 { text-align: center;}

.t4{ 
  grid-column:4/5;
   grid-row:6/7; 
   border:px solid; }
.thumb1 { text-align: center;}

.t5{ 
  grid-column:5/6;
   grid-row:6/7; 
   border:px solid; }
.thumb1 { text-align: center;}

.t6{ 
  grid-column:6/7;
   grid-row:6/7; 
   border:px solid; }
.thumb1 { text-align: center;}



.t7{ 
  grid-column:1/2;
   grid-row:7/8; 
   border:px solid; }
.thumb1 { text-align: center;}

.t8{ 
  grid-column:2/3;
   grid-row:7/8; 
   border:px solid; }
.thumb1 { text-align: center;}
.t9{ 
  grid-column:3/4;
   grid-row:7/8; 
   border:px solid; }
.thumb1 { text-align: center;}

.t10{ 
  grid-column:4/5;
   grid-row:7/8; 
   border:px solid; }
.thumb1 { text-align: center;}

.t11{ 
  grid-column:5/6;
   grid-row:7/8; 
   border:px solid; }
.thumb1 { text-align: center;}


.t12{ 
  grid-column:6/7;
   grid-row:7/8; 
   border:px solid; }
.thumb1 { text-align: center;}

.accesshr  
{ grid-column:1/7; 
 grid-row: 8/9;
  border:px solid; font-size: 1.5em;}

  .t13 {
   grid-column:1/2;
   grid-row: 9/10;
    border:px solid ;}


.t14  { grid-column:2/3; 
  grid-row:9/10;
   border:px solid;  }


.t15{ grid-column:3/4; 
  grid-row:9/10;
  border:px solid;  }
.t16 
{ grid-column:4/5; 
  grid-row:9/10;
   border:px solid;  }
.t17{
 grid-column:5/6; 
  grid-row:9/10; 
  border:px solid;  }
.t18 
{ 
  grid-column:6/7; 
   grid-row:9/10; 
   border:px solid;  }

.recently 
{
  grid-column:1/7;
  grid-row:10/11;
   border:1px solid; }

 .footer 
{
  grid-column:1/7; 
   grid-row:11/12; 
   border:1px solid;
    }

/* Grid End */





/* Elements styling  */

 .marq1{font-size: 1.6em; font-weight: bold; display: inline; padding-right:200px;}
.marq2{font-size: 1.6em; font-weight: bold; display: inline; }


.logo a{font-size: 2.8em ;
  color:  #1b4f72;
  text-decoration: none;
margin: auto;
font-family: Arial Narrow, sans-serif;
}
.searchgrid input[type="text"] 
{   
width:75%;
padding:1.2%;
margin: 2% 0% 0% 12%; 
float: left;
border: 1px solid;
border-radius: 5px;
}

.searchsectionform button
{ border: 1px solid grey; 
 border-radius: 4px;
background-color: ; 
width: 6%; 
padding: 1%;  
float:left; 
border-left: none; 
margin: 1.9% 0% 0% 0%;
cursor: pointer; 
color: #1F4068;}

.sign{display:flex; justify-content: ;}
.signin{border: px solid; flex:1 1 50% ;}
.loginbut{ border: 1px solid;
  border-radius:12px;
cursor: pointer; 
padding:8px;
font-size: 1.5em;
width: 80%;
margin:  9% 0% 0% 0%;
float: right;
}
.logingbut:hover{
  border-bottom:
 solid 1px;}
.loggedinicon{margin:  0% 6% 0% 0%;
 cursor: pointer; 
 float:right; 
 border: none;}
.loggedinicon:hover{
  border-bottom:
 solid 1px;}
.cartbox{border:px solid;flex: 1 1 50%;}
.sc{ padding: ; background:;
 margin:10% 0% 0% 6%; float:left; border: none;cursor: pointer;}
.ullist 
{display: flex;
justify-content:space-evenly;
gap: 1%;
text-align:justify;
}   
.ullist > li {
  list-style: none;
} 
.nav a
  {
font-size:1.8em;
text-decoration:none;  
color: white; 
}  
.nav a:hover{border-bottom: solid 1px;}

.nav{margin-top: 0.8%;}

.selectform
{border:solid px; 
  margin-top:px; }

   select
    {width:82%; 
     padding:2.5%;
      font-size:1.4em;
       margin:5px 10px; cursor:pointer;}
   option
   {padding:2%;}

legend
 {width:82%; background-color:   #1b4f72;  
  color: white;margin-left: 10px; font-size: 1.5em; text-align: center;}

.selectform > button{
  padding: 1.5%;
 margin:0.5% 0 0 2.5%;
  font-size: 1.5em; 
  cursor:pointer; 
  background-color: #1b4f72; 
  color:white; 
  border: 1px solid; 
  border-radius:5px; width: 20%;}

 /* Slideshow container */
.slideshow-container {
  border:solid px;
  
 height: 100%;
  
  
}

.mySlides {display: none; height: 100%;}
.mySlides img{height:100%; width: 100%;}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* .thumb1 { text-align: center; width: 100%; height: 100%;}
.thumb1 {width: 100%; height: 100%;} */

/* Mediaqueries end */









}






/* Large Screens (Desktops) */
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  /* CSS rules specific for large screens */
  * {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  
}
body {
color: ;
line-height: 2;
margin: 7px 7px 5px 7px ;
font-size:62.5%;
 background-color: ;
 font-family: Arial Narrow, sans-serif;

}
.navdrop, .searchbox, .burger {display:none;}

.container { display:grid; 
grid-template-columns: repeat(1, 1fr 1fr 1fr 1fr 1fr 1fr) ;

grid-template-rows:  30px 50px 40px 340px 38px 195px 195px 38px 195px 210px 300px;
row-gap: 1%; 
 column-gap: 1%;
 
 
 }
.firstlayer {  grid-column:1/7; 
 grid-row:1/2;
 background-color:#f1f0ee; 
 border:px solid; }

.logo {  grid-column:1/2; 
 grid-row:2/3;
 background-color:; 
 border:px solid; }

.searchgrid{grid-column:2/5; 
 grid-row:2/3;
 background-color:; 
 border:px solid; }

.log {grid-column:6/7;
  grid-row:2/3; 
  background-color: ;
  border:px solid;}

  nav{grid-column:1/7;
  grid-row:3/4; 
  background-color: #DC143C;
  border:px solid;}

  .selectfield{ 
    grid-column:1/3;
  grid-row:4/5; 
  background-color: ;
  border:px solid;
   }
   .slidead{ border:px solid; 
   grid-column:3/7;
   grid-row:4/5;  }

   .mainhr{ 
  grid-column:1/7;
   grid-row:5/6; 
   border:px solid; font-size: 1.5em;}

.t1{ 
  grid-column:1/2;
   grid-row:6/7; 
   border:px solid; }
.thumb1 { border:solid px ;
  text-align: center; 
  width: 88%;
   height: 85%;
    margin: auto auto; }
.thumb1 img {width: 80%; height:80%;}
.thumb1 a{font-size: 1.3em; font-weight: bold; text-decoration: none;}
.t2{ 
  grid-column:2/3;
   grid-row:6/7; 
   border:px solid; }
.thumb1 { text-align: center;}


.t3{ 
  grid-column:3/4;
   grid-row:6/7; 
   border:px solid; }
.thumb1 { text-align: center;}

.t4{ 
  grid-column:4/5;
   grid-row:6/7; 
   border:px solid; }
.thumb1 { text-align: center;}

.t5{ 
  grid-column:5/6;
   grid-row:6/7; 
   border:px solid; }
.thumb1 { text-align: center;}

.t6{ 
  grid-column:6/7;
   grid-row:6/7; 
   border:px solid; }
.thumb1 { text-align: center;}



.t7{ 
  grid-column:1/2;
   grid-row:7/8; 
   border:px solid; }
.thumb1 { text-align: center;}

.t8{ 
  grid-column:2/3;
   grid-row:7/8; 
   border:px solid; }
.thumb1 { text-align: center;}
.t9{ 
  grid-column:3/4;
   grid-row:7/8; 
   border:px solid; }
.thumb1 { text-align: center;}

.t10{ 
  grid-column:4/5;
   grid-row:7/8; 
   border:px solid; }
.thumb1 { text-align: center;}

.t11{ 
  grid-column:5/6;
   grid-row:7/8; 
   border:px solid; }
.thumb1 { text-align: center;}


.t12{ 
  grid-column:6/7;
   grid-row:7/8; 
   border:px solid; }
.thumb1 { text-align: center;}

.accesshr  
{ grid-column:1/7; 
 grid-row: 8/9;
  border:px solid; font-size: 1.5em;}

  .t13 {
   grid-column:1/2;
   grid-row: 9/10;
    border:px solid ;}


.t14  { grid-column:2/3; 
  grid-row:9/10;
   border:px solid;  }


.t15{ grid-column:3/4; 
  grid-row:9/10;
  border:px solid;  }
.t16 
{ grid-column:4/5; 
  grid-row:9/10;
   border:px solid;  }
.t17{
 grid-column:5/6; 
  grid-row:9/10; 
  border:px solid;  }
.t18 
{ 
  grid-column:6/7; 
   grid-row:9/10; 
   border:px solid;  }

.recently 
{
  grid-column:1/7;
  grid-row:10/11;
   border:1px solid; }

 .footer 
{
  grid-column:1/7; 
   grid-row:11/12; 
   border:1px solid;
    }

/* Grid End */





/* Elements styling  */

.marq1{font-size: 1.6em; font-weight: bold; display: inline; padding-right:200px;}
.marq2{font-size: 1.6em; font-weight: bold; display: inline;}
.logo a{font-size: 2.8em ;
  color:  #1b4f72;
  text-decoration: none;
margin: auto;
font-family: Arial Narrow, sans-serif;
}
.searchgrid input[type="text"] 
{   
width:75%;
padding:1.2%;
margin: 2% 0% 0% 12%; 
float: left;
border: 1px solid;
border-radius: 5px;
}

.searchsectionform button
{ border: 1px solid grey; 
 border-radius: 4px;
background-color: ; 
width: 6%; 
padding: 1%;  
float:left; 
border-left: none; 
margin: 1.9% 0% 0% 0%;
cursor: pointer; 
color: #1F4068;}

.sign{display:flex; justify-content: ;}
.signin{border: px solid; flex:1 1 50% ;}
.loginbut{ border: 1px solid;
  border-radius:12px;
cursor: pointer; 
padding:8px;
font-size: 1.5em;
width: 80%;
margin:  9% 0% 0% 0%;
float: right;
}
.logingbut:hover{
  border-bottom:
 solid 1px;}
.loggedinicon{margin:  0% 6% 0% 0%;
 cursor: pointer; 
 float:right; 
 border: none;}
.loggedinicon:hover{
  border-bottom:
 solid 1px;}
.cartbox{border:px solid;flex: 1 1 50%;}
.sc{ padding: ; background:;
 margin:10% 0% 0% 6%; float:left; border: none;cursor: pointer;}
.ullist 
{display: flex;
justify-content:space-evenly;
gap: 1%;
text-align:justify;
}   
.ullist > li {
  list-style: none;
} 
.nav a
  {
font-size:1.8em;
text-decoration:none;  
color: white; 
}  
.nav a:hover{border-bottom: solid 1px;}

.nav{margin-top: 0.8%;}

.selectform
{border:solid px; 
  margin-top:px; }

   select
    {width:82%; 
     padding:2.5%;
      font-size:1.4em;
       margin:5px 10px; cursor:pointer;}
   option
   {padding:2%;}

legend
 {width:82%; background-color:   #1b4f72;  
  color: white;margin-left: 10px; font-size: 1.5em; text-align: center;}

.selectform > button{
  padding: 1.5%;
 margin:0.5% 0 0 2.5%;
  font-size: 1.5em; 
  cursor:pointer; 
  background-color: #1b4f72; 
  color:white; 
  border: 1px solid; 
  border-radius:5px; width: 20%;}

 /* Slideshow container */
.slideshow-container {
  border:solid px;
  
 height: 100%;
  
  
}

.mySlides {display: none; height: 100%;}
.mySlides img{height:100%; width: 100%;}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* .thumb1 { text-align: center; width: 100%; height: 100%;}
.thumb1 {width: 100%; height: 100%;} */

/* Mediaqueries end */
}







@media only screen and (min-width: 769px) and (max-width: 1024px) {

  .burger,.searchbox{display: none;}
 * {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  
}
body {
color: ;
line-height: 2;
margin: 7px 7px 5px 7px ;
font-size:62.5%;
  font-family: Arial Narrow, sans-serif;

}

/* Grid Beginning */
  .container { display:grid; 
grid-template-columns: repeat(1, 1fr 1fr 1fr 1fr) ;

grid-template-rows: 30px 
60px 50px 330px  
30px 190px  190px 190px 30px 
190px 210px 300px ;
row-gap: 4px; 
 column-gap: 1%;
 }

.firstlayer {  grid-column:1/5; 
 grid-row:1/2;
 background-color:#f1f0ee; 
 border:px solid; }

.logo {  grid-column:1/2; 
 grid-row:2/3;
 background-color:; 
 border:px solid; }

.searchgrid{grid-column:2/4; 
 grid-row:2/3;
 background-color:; 
 border:px solid; }

.log {grid-column:4/5;
  grid-row:2/3; 
  background-color: ;
  border:px solid;}

nav {grid-column:1/5;
  grid-row:3/4; 
  background-color:#DC143C;
  border:px solid;}


.selectfield{ 
    grid-column:1/3;
  grid-row:4/5; 
  background-color: ;
  border:px solid;
   }
   .slidead{ border:px solid; 
   grid-column:3/5;
   grid-row:4/5; }

.mainhr{ 
  grid-column:1/5;
   grid-row:5/6; 
   border:px solid;font-size: 1.5em; }


   .t1 {
  grid-column:1/2; grid-row:6/7; 
border:px solid;  } 
.thumb1 { text-align: center;}


.t2  { grid-column:2/3; grid-row:6/7; border:px solid;  }
.thumb1 img {}
.thumb1 a{font-size: 1.3em; font-weight: bold;
 text-decoration: none;}
.t3{ grid-column:3/4; grid-row:6/7; border:px solid;  }

.t4 { grid-column:4/5; grid-row:6/7; border:px solid;  }

.t5{ grid-column:1/2; grid-row:7/8; border:px solid;  }

.t6 { grid-column:2/3; grid-row:7/8; border:px solid;  }

.t7{ grid-column:3/4; grid-row:7/8; border: px solid;  }

.t8 { grid-column:4/5;  grid-row:7/8;  border:px solid;  }
.t9{ grid-column:1/2;  grid-row:8/9;  border:px solid;  }

.t10{ grid-column:2/3;  grid-row:8/9;  border:px solid;  }

.t11{ grid-column:3/4;  grid-row:8/9;  border:px solid;  }

.t12{ grid-column:4/5;  grid-row:8/9;  border:px solid;  }
.accesshr  { grid-column:1/5;  grid-row: 9/10; border:px solid;font-size: 1.5em;}

.t13  { grid-column:1/2; grid-row :10/11; border:px solid ;}


.t14  { grid-column:2/3; grid-row :10/11; border:px solid;  }
.thumb2 { text-align: center;}
.thumb2 a {text-decoration: none;}
.t15{ grid-column:3/4; grid-row :10/11;border:px solid;  }
.t16 { grid-column:4/5; grid-row :10/11; border:px solid;  }

.t17, .t18 
{ 
  display:none; }

  .recently{grid-column:1/5; grid-row :11/12; border:1px solid;}
    .footer{grid-column:1/5; grid-row :12/13; border:1px solid;}


 /* Grid End */

/* Elements styling  */
 .marq1{font-size: 1.6em; font-weight: bold; display: inline; padding-right:200px;}
.marq2{font-size: 1.6em; font-weight: bold; display: inline; }


.logo a{font-size: 2.8em ;
  color:  #1b4f72;
  text-decoration: none;
margin: auto;
font-family: Arial Narrow, sans-serif;
}

.searchgrid input[type="text"] 
{   
width:80%;
padding:1.2%;
margin: 3% 0% 0% 8%; 
float: left;
border: 1px solid;
border-radius: 5px;
}

.searchsectionform button
{ border: 1px solid grey; 
 border-radius: 4px;
background-color: ; 
width: 6.5%; 
padding: 1%;  
float:left; 
border-left: none; 
margin: 2.9% 0% 0% 0%;
cursor: pointer; 
color: #1F4068;}


.sign{display:flex; justify-content: ;}
.signin{border: px solid; flex:1 1 50% ;}
.loginbut{ border: 1px solid;
  border-radius:12px;
cursor: pointer; 
padding:8px;
font-size: 1.5em;
width: 80%;
margin:  9% 0% 0% 0%;
float: right;
}
.logingbut:hover{
  border-bottom:
 solid 1px;}
.loggedinicon{margin:  0% 6% 0% 0%;
 cursor: pointer; 
 float:right; 
 border: none;}
.loggedinicon:hover{
  border-bottom:
 solid 1px;}
.cartbox{border:px solid;flex: 1 1 50%;}
.sc{ padding: ; background:;
 margin:10% 0% 0% 16%; float:left; border: none;cursor: pointer;}


.ullist 
{display: flex;
justify-content:space-evenly;
gap: 1%;
text-align:justify;
}   
.ullist > li {
  list-style: none;
} 
.nav a
  {
font-size:1.6em;
text-decoration:none;  
color: white; 
}  
.nav a:hover{border-bottom: solid 1px;}

.nav{margin-top: 0.8%;}
.Bodyp{display: none}

.selectform
{border:solid px; 
  margin-top:px; }

   select
    {width:80%; 
     padding:2%;
      font-size:1.3em;
       margin:5px 10px; cursor:pointer;}
   option
   {padding:2%;}

legend
 {width:80%; background-color:   #1b4f72;  
  color: white;margin-left: 10px; font-size: 1.5em; text-align: center;}

.selectform > button{
  padding: 1.5%;
 margin:0.5% 0 0 2.3%;
  font-size: 1.5em; 
  cursor:pointer; 
  background-color: #1b4f72; 
  color:white; 
  border: 1px solid; 
  border-radius:5px; width: 20%;}



 /* Slideshow container */
.slideshow-container {
  border:solid px;
  
 height: 100%;
  
  
}

.mySlides {display: none; height: 100%;}
.mySlides img{height:100%; width: 100%;}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}





}










/* Small Screens (Tablets) */

@media only screen and (min-width: 577px) and (max-width: 768px) {
  /* CSS rules specific for small screens */

.smalllogo, .smalllog{display: none;}

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  
}
body {
color: ;
line-height: 2;
margin: 7px 7px 5px 7px ;
font-size:62.5%;
 background-color: ;
 font-family: Arial Narrow, sans-serif;

}



 .container { display:grid; 
grid-template-columns: repeat(1, 1fr 1fr 1fr ) ;

grid-template-rows: 30px 60px 
50px  360px 30px 190px
 190px 190px 190px 30px 190px 
    190px 200px 300px;
row-gap: 4px; 
 column-gap: 1%;
 }
.firstlayer {  grid-column:1/4; 
 grid-row:1/2;
 background-color:#f1f0ee; 
 border:px solid; }

.logo {  grid-column:1/2; 
 grid-row:2/3;
 background-color:; 
 border:px solid; }

.searchgrid{display:none;}

.log {grid-column:3/4;
  grid-row:2/3; 
  background-color: ;
  border:px solid;}

nav{display:none;}

.burger{grid-column:1/4;
  grid-row:3/4; 
  background-color: #DC143C;
  border:px solid;}

  .selectfield{
    grid-column:1/4;
  grid-row:4/5; 
  background-color: ;
  border:px solid;
  }
  .slidead{display: none;}

  .mainhr{ 
  grid-column:1/4;
   grid-row:5/6; 
   border:px solid;font-size:1.5em; }
.t1 {
  grid-column:1/2; grid-row:6/7; 
border:px solid;  } 
.thumb1 { text-align: center;}
.thumb1 a{font-size: 1.3em; font-weight: bold;
 text-decoration: none;}

.t2 {
  grid-column:2/3; grid-row:6/7; 
border:px solid;  } 
.thumb1 { text-align: center;}

.t3 {
  grid-column:3/4; grid-row:6/7; 
border:px solid;  } 
.thumb1 { text-align: center;}
 
 .t4 {
  grid-column:1/2; grid-row:7/8; 
border:px solid;  } 
.thumb1 { text-align: center;}

.t5 {
  grid-column:2/3; grid-row:7/8; 
border:px solid;  } 
.thumb1 { text-align: center;}

.t6 {
  grid-column:3/4; grid-row:7/8; 
border:px solid;  } 
.thumb1 { text-align: center;}

.t7 {
  grid-column:1/2; grid-row:8/9; 
border:px solid;  } 
.thumb8 { text-align: center;}

.t8 {
  grid-column:2/3; grid-row:8/9; 
border:px solid;  } 
.thumb1 { text-align: center;}

.t9 {
  grid-column:3/4; grid-row:8/9; 
border:px solid;  } 
.thumb1 { text-align: center;}

.t10 {
  grid-column:1/2; grid-row:9/10; 
border:px solid;  } 
.thumb8 { text-align: center;}

.t11 {
  grid-column:2/3; grid-row:9/10; 
border:px solid;  } 
.thumb1 { text-align: center;}

.t12 {
  grid-column:3/4; grid-row:9/10; 
border:px solid;  } 
.thumb1 { text-align: center;}
.accesshr {
  grid-column:1/4; grid-row:10/11; 
border:px solid; font-size:1.5em;  } 
.thumb1 { text-align: center;}

.t13 {
  grid-column:1/2; grid-row:11/12; 
border:px solid;  } 
.thumb1 { text-align: center;}   

.t14 {
  grid-column:2/3; grid-row:11/12; 
border:px solid;  } 
.thumb1 { text-align: center;}  

.t15 {
  grid-column:3/4; grid-row:11/12; }

  .t16 {
  grid-column:1/2; grid-row:12/13; 
border:px solid;  } 
.thumb1 { text-align: center;}   

.t17 {
  grid-column:2/3; grid-row:12/13; 
border:px solid;  } 
.thumb1 { text-align: center;}  

.t18 {
  grid-column:3/4; grid-row:12/13; 
border:px solid;  } 
.thumb1 { text-align: center;} 
 

 .recently {
  grid-column:1/4; grid-row:13/14; 
border:1px solid;  } 


.footer {
  grid-column:1/4; grid-row:14/15; 
border:1px solid;  } 
/* Grid End */


 .marq1{font-size: 1.6em; font-weight: bold; display: inline; padding-right:200px;}
.marq2{font-size: 1.6em; font-weight: bold; display: inline; }



.logo a{font-size: 2.8em ;
  color:  #1b4f72;
  text-decoration: none;
margin: auto;
font-family: Arial Narrow, sans-serif;
}



.sign{display:flex; justify-content: ;}
.signin{border: px solid; flex:1 1 50% ;}
.loginbut{ border: 1px solid;
  border-radius:12px;
cursor: pointer; 
padding:8px;
font-size: 1.5em;
width: 80%;
margin:  9% 0% 0% 0%;
float: right;
}

.logingbut:hover{
  border-bottom:
 solid 1px;}
.loggedinicon{margin:  0% 6% 0% 0%;
 cursor: pointer; 
 float:right; 
 border: none;}
.loggedinicon:hover{
  border-bottom:
 solid 1px;}
.cartbox{border:px solid;flex: 1 1 50%;}
.sc{ padding: ; background:;
 margin:10% 0% 0% 20%; float:left; border: none;cursor: pointer;}



.hamb
{border: px solid;

  margin-top: 1%;
  background:  ;
  margin-left: 1%;
 position: absolute;
}


.hamb a{ text-decoration: none;
  display:block;
  font-size: 2em;
  margin: ;
background-color:#DC143C;
z-index: 1;
width: ;
  color: white;
  margin-left: 2%;
  border: px solid;
margin: 0% 0% 0% 0%;
   text-align:center ;

 }
 #myLinks {
  display: none;
border: px solid;
width: 170%;
margin: 2.3% 0% 0% 0%;

}
.hamb a.icon {
 color:white;
  display: block;
font-size:2em;
 background: ;
  position: relative;
  left: 0;
  top: 0;
   text-align: left;
   border: px solid;
   margin: 0% 0% 0% 0%;
 

}
.hamb a:hover {
  background-color: #DC143C;
  color: black;
}
.hamb a.icon:hover {background-color:#DC143C;}

.searchbox{ 
  float: right; 
  width: 60%;
   border: px solid;}

.searchbox input[type="text"] 
{   
width:70%;
padding:2%;
margin: 3% 0% 0% 12%; 
float: left;
border: 1px solid;
border-radius: 5px;
}

.searchboxform button
{ border: 1px solid grey; 
 border-radius: 4px;
background-color: ; 
width: 9%; 
padding: 1.1%;  
float:left; 
border-left: none; 
margin: 3.4% 0% 0% 0%;
cursor: pointer; 
color: #1F4068;}



.selectform
{border:solid px; 
  margin-top:1%;
  margin-left:15%; }

select
    {width:60%; 
     padding:2%;
      font-size:1.3em;
       margin:5px 10px; cursor:pointer;}
   option{padding:2%;}

legend{width:60%; background-color: #1b4f72;  
  color: white;
  margin-left: 10px; 
  font-size: 1.5em; text-align: center;}

.selectform > button{
  padding: 1.5%;
 margin:0.5% 0 0 1.5%;
  font-size: 1.5em; 
  cursor:pointer; 
  background-color: #1b4f72; 
  color:white; 
  border: 1px solid; 
  border-radius:5px; width: 20%;}




}


@media only screen and (max-width: 576px) {
  nav{display:none;}
  .smalllogo,.smalllog{display: none;}
   .searchbox,.searchgrid{display: none;}
   .slidead {display: none;}
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  font-family:  Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif ;
}
body {
color: ;
line-height: 2;
margin: 7px 7px 5px 7px ;
font-size:62.5%;
  background-color: ;

}




.container { display:grid; 
grid-template-columns: repeat(1, 1fr 1fr ) ;

grid-template-rows: 40px 40px 40px 
 360px 30px 190px
 190px 190px 190px 190px 190px 
    30px 190px 190px 190px 200px 300px;
row-gap: 4px; 
 column-gap: 4px;
 }
 .firstlayer{grid-column:1/3;
  grid-row:1/2; 
  background-color: #f1f0ee ;
  border:px solid;}


 .logo{grid-column:1/2;
  grid-row:2/3; 
  background-color: ;
  border:px solid;}

  .log{grid-column:2/3;
  grid-row:2/3; 
  background-color: ;
  border:px solid;}

.burger {grid-column:1/3;
  grid-row:3/4; 
  background-color:#DC143C ;
  border:px solid;}

 .selectfield{
  grid-column:1/3;
  grid-row:4/5;
  border:px solid;
}
.mainhr{ grid-column:1/3;
  grid-row:5/6;
  border:px solid; font-size: 1.3em}

  .t1{ grid-column:1/2;
  grid-row:6/7;
  border:px solid;}

.thumb1{text-align: center;}
.thumb1 a{font-size: 1.3em; font-weight: bold; text-decoration: none;}
  .t2{ grid-column:2/3;
  grid-row:6/7;
  border:px solid;}


.t3{ grid-column:1/2;
  grid-row:7/8;
  border:px solid;}

  .t4{ grid-column:2/3;
  grid-row:7/8;
  border:px solid;}

   .t5{ grid-column:1/2;
  grid-row:8/9;
  border:px solid;}

  .t6{ grid-column:2/3;
  grid-row:8/9;
  border:px solid;}

  .t7{ grid-column:1/2;
  grid-row:9/10;
  border:px solid;}

  .t8{ grid-column:2/3;
  grid-row:9/10;
  border:px solid;}

   .t9{ grid-column:1/2;
  grid-row:10/11;
  border:px solid;}

  .t10{ grid-column:2/3;
  grid-row:10/11;
  border:px solid;}

  .t11{ grid-column:1/2;
  grid-row:11/12;
  border:px solid;}

  .t12{ grid-column:2/3;
  grid-row:11/12;
  border:px solid;}

.accesshr{grid-column:1/3;
  grid-row:12/13;
  border:px solid; font-size: 1.3em}

    .t13{ grid-column:1/2;
  grid-row:13/14;
  border:px solid;}

  .t14{ grid-column:2/3;
  grid-row:13/14;
  border:px solid;}

   .t15{ grid-column:1/2;
  grid-row:14/15;
  border:px solid;}
  .t16{ grid-column:2/3;
  grid-row:14/15;
  border:px solid;}

  .t17{ grid-column:1/2;
  grid-row:15/16;
  border:px solid;}
  .t18{ grid-column:2/3;
  grid-row:15/16;
  border:px solid;}

  .recently{ grid-column:1/3;
  grid-row:16/17;
  border:1px solid; }

  .footer{grid-column:1/3;
  grid-row:17/18;
  border:1px solid;}
/* Grid End */

.marq1{font-size: 1.6em; font-weight: bold; display: inline; padding-right:200px;}
.marq2{font-size: 1.6em; font-weight: bold; display: inline;}

.logo a{font-size: 2.5em ;
  color:  #1b4f72;
  text-decoration: none;
margin: auto;
font-family: Arial Narrow, sans-serif;
}




.sign{display:flex; justify-content:; }
.signin{border: px solid; flex:1 1 20% ;}
.loginbut{ border: 1px solid;
  border-radius:12px;
cursor: pointer; 
padding:8px;
font-size: 1.3em;
width: 62%;
margin:  2% 0% 0% 0%;
float: right;
}

.logingbut:hover{
  border-bottom:
 solid px;}
.loggedinicon{margin:  0% 6% 0% 0%;
 cursor: pointer; 
 float:right; 
 border: none;}
.loggedinicon:hover{
  border-bottom:
 solid px;}
.cartbox{border:px solid;flex: 1 1 20%;}
.sc{ padding: ; background:;
 margin:6% 0% 0% 20%; float:left; border: none;cursor: pointer;}




.hamb
{border: px solid;

  margin-top: %;
  background:  ;
  margin-left: 1%;
 position: absolute;
}
 
.hamb a{ text-decoration: none;
  display:block;
  font-size: 2.1em;
  margin: ;
background-color:#1b4f72;
z-index: 1;
width: ;
  color: white;
  margin-left: 2%;
  border: px solid;
margin: 0% 0% 0% 0%;
   text-align:center ;

 }

 #myLinks {
  display: none;
border: px solid;
width: 230%;
margin: 2.3% 0% 0% 0%;

}
.hamb a.icon {
 color:white;
  display: block;
font-size:2em;
 background:#DC143C ;
  position: relative;
  left: 0;
  top: 0;
   text-align: left;
   border: px solid;
   margin: 0% 0% 0% 0%;
 

}
.hamb a:hover {
  background-color:#DC143C ;
  color: white;
  border: 1px solid ;
}
.hamb a.icon:hover {background-color:; border: none;}

.searchbox{ 
  float: right; 
  width: 60%;
   border: px solid;}




.selectform
{border:solid px; 
  margin-top:3%;
  margin-left:15%; }

   select
    {width:75%; 
     padding:3%;
      font-size:1.3em;
       margin:5px 10px; cursor:pointer;}
   option
   {padding:3%;}

legend
 {width:75%; background-color:   #1b4f72;  
  color: white;margin-left: 10px; font-size: 1.6em; text-align: center;}

.selectform > button{
  padding: 1.5%;
 margin:0.5% 0 0 1.7%;
  font-size: 1.5em; 
  cursor:pointer; 
  background-color: #1b4f72; 
  color:white; 
  border: 1px solid; 
  border-radius:5px; width: 20%;}







  
}