
#hy
{
margin-left:580px;
padding-top:10px;
padding-bottom:10px;
padding-left:15px;
padding-right:15px;
margin-right:15px;
}
#hu p
{
    text-align: center;
}
#summary
{
margin-left:450px;
display:flex;
}
#font
{
font-family:Rubik;
}
button
{
background-color:rgb(19, 18, 18);
color:white;
border-radius:5px;
}
#submit1 button 
{
    height:45px;
    width:100px;
}
#bi
{
    margin-right: 900px;
}
input[type=button]
{
background-color:black;
}
#submit1
{
margin-left:55px;
margin-top:100px;
margin-bottom:10px;
display:flex;
}
#submit1 a
{
    color:white;
    text-decoration:none;
    font-size:17px;
}
img
{
width:20px;
height:20px;
}

#pages a:hover
{
color:red;
}
#hu hr
{
width:520px;
margin-left:400px;
}
#body
{
    background-color: #ffffff;
    width:1200px;
    margin-left: 150px;
    border-radius: 7px;
}
#cust
{
    display:flex;
    margin-left: 530px;
}
img#hover
{
box-shadow:0px 3px 5px rgba(0,0,0,0.6);
}
#money
{
    margin-left:155px;
}
#ut
{
width:200px;
height:150px;
margin-left:515px;
margin-top: 5px;
}
#serv
{
margin-right:65px;
text-align:left;
}
#dat
{
margin-left:37px;
text-align:left;
}
#sad
{
display:flex;
margin-left:450px;
}
h1
{
   text-align: center;
   margin-top:50px;
}
#submit a
{
    text-align:right;
    color:white;
    text-decoration:none;
}

.navlinks a{
    text-decoration: none;
    display: inline-block;
    margin-top: 20px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  }
  nav {
    background-color: rgb(9, 9, 9);
    position: absolute;
    left: 0px;
    right: 0px;
    top:0px;
    height:100px;
    width:1520px;
  }
  .main-nav {
    justify-content: space-between;
    position:relative;
    left: 0px;
    right: 0px;
    height: 60px;
    padding-top: 10px;
  }
  .flex {
    display: flex;
    align-items: center;
  }
  
  .company-logo {
    width: 100px;
    height:90px;
    margin-top: 20px;
  }
  
  .navlinks {
    z-index: 4;
  }
  .navlinks ul {
    justify-content: end;
    gap: 70px;
    margin-right: 40px;
    list-style: none;
    position: relative;
  }
  
  .navlink-options ul {
    list-style: none;
  }
  .hover-links {
    color: white;
  }
  .nav-toggle {
    display: none;
  } 
  .image {
    position: absolute;
    width:1532px;
    height: 200px; 
    background-image: url("/refund.jpg");
    background-size: cover;
    background-position: center;
    overflow: hidden; 
    margin-left:-20px;
    top: 100px;
  }
   h2{
    font-size: 50px;
    text-align: center;
    color: #ffffff;
    font-family:Rubik;
    margin-top: 70px;
  }
  h1
  {
     text-align: center;
      color:rgb(246, 235, 235);
      margin-top:20px;
      margin-bottom: 40px ;
  }
  #pages
  {   
      width: 1200px;
      margin-left: 150px;
      margin-bottom: 40px;
      background-color: white;
      display:flex;
      gap:50px;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  }
  #pages a 
  {
      text-decoration:none;
      color:black;
      opacity:0.6;
  }
  #pages img 
  {
      width:30px;
      height:30px;
      vertical-align:middle;
  }
  #pages 
  {
       border:1px solid rgba(198, 196, 196, 0.777); 
      border-radius: 5px;
  }
  #g,#h,#i,#j
  {
      width: 20px;
      height: 20px;
      padding-top:20px;
      padding-right:10px;
      padding-left:20px;
      padding-bottom:20px;
  }
  #r,#s,#t,#q a
  {
      font-weight:700;
  }
  #q,#r,#s,#t
  {
      margin-top: 5px;
  }
  #hu
  {
      background-color: rgb(10, 9, 9);
      position: absolute;
      left:0px;
      right:0px;
      width:1520px;
      top: 300px;
  }
h3
{
    color:rgb(17, 16, 16);
    text-align: center;
    margin-top: 10px;
    font-size: x-large;
}
.footer-left
{
  margin-top: 15px;

  width:700px;
}
footer {
background-color: #050505fb;
padding-block: 60px;
top:1500px;
height:380px;
left:0px;
right:0px;
bottom:0px;
position: absolute;
font-family: Rubik;

}
.ving
{
  width:300px;

}

.footer-container a{
text-decoration: none;
display: inline-block;
}
.container {
position: absolute;
width: 1285px;
margin-inline: auto;
padding: 20px;
overflow: hidden;
margin-left: 120px;

}

.footer-container {
display: flex;
align-items: center;
}
.footer-container {
align-items: flex-start;
gap: 130px;
}

.company-logo img {
width: 120px;
height:110px;
margin-bottom:20px;
}

.footer-companylog img{
margin-left: -15px;
}
.footer-para {
color: rgb(252, 247, 247);
margin-top: 30px;
margin-left: 0px;
}
.socialicons {
margin-top: 40px;
display: flex;
gap: 10px;
}

.link-column {
flex-direction: column;
align-items: flex-start;
margin-top: 40px;
}

.link-column2 {
width: 500px;
} 
.footer-heading {
color: white;
}

.foot-links {
margin-left: 20px;
margin-top: 0px;
}
.link {
color: white;
margin-top: 20px;


}

.contact-1 a 
{
  margin-left: 0px;
}
.fas {
margin-top: 20px;
}

.location{
margin-top: -10px;
padding-right: 15px;
}

.sub-footer-collective {
display: flex;
background-color: #000000;
width: 1480px;
margin-top: 445px;
margin-left: 0px;
}
.sub-footer-collective p
{
margin-top:3px;
}
.sub-footer {
color: white;
margin-top: 0px;
}
.sub-footer1
{
  margin-left: 120px;
}
.sub-footer2
{
  margin-left: 600px;
}
.footer-det
{
  width:800px;
  
}
.copyright {
font-size: medium;
}
.contact
{
margin-top: 20px;
}
#contact-img{
width: 40px;
height: 40px;
position: fixed;
top:660px;
margin-left: 1400px;
scroll-behavior: auto;
border-radius: 5px;
}

 
.Services {
  margin-left: 570px;
    margin-top: 1200px;
 
    color:#000000;
    width:250px;
  }
  .brands h1
  {
    color:#000000;
   
    
  }
   .scroll
  {
    margin-left: 20px;
    font-size: 30px;
    padding: 20px;
    margin-right: 55px;
   
  } 
  .footer-heading
  {
    margin-left: 20px;
  }
  .scroll1
  {
    font-size: 30px;
    padding: 0px;
    margin-right: 0px; 
    margin-left: 5px;
   
  }
  .flex {
    display: flex;
    align-items: center;
   
  }
  .logo{
    height: 100px;
    margin-right: 35px;
    margin-top: 0px;

    width:190px;
  }
  .logos {
    flex-wrap: wrap;

  }
  .foot-links
  {
    margin-left: 0px;
  }
/********************************************************************************************************************************/


@media (min-width:769px) and (max-width:1025px)
{  .image
  {
    width:2060px;
   top: 150px;
   left: 0px;
    position: absolute;
  }
  h1{
    margin-left: 270px;
    width:850px;
    margin-bottom:30px;
    margin-top: 40px;
    font-size: 44px;
  }

h2
{
  width:1200px;
  margin-left:440px;
  margin-top: 50px;
  font-size:90px;
  letter-spacing: 0.04cm;
}

#hu
{
  width:2040px;
  margin-left: 0px;
  border-radius:6px;
  font-size: xx-large;
  margin-top: 50px;
}
 
nav
{
  width: 2040px;
  height: 150px;
}
.main-nav img
{
  width: 280px;
  height:250px;
  margin-top: 80px;
}


h4
{
  margin-bottom: 20px;
}

    #ut
    {
        margin-left:630px;
    }
    #font p
    {
        width:600px;
        margin-left:450px;
    }
    #cust
    {
        margin-left:590px;
    }
    #sad
    {
        margin-left:440px;
        margin-right: 100px;
        width:935px;
    }
    #serv
    {
        width:250px;
    }
    #dat
    {
        width:500px;
    }
    h3
    {
      font-size: 50px;
    }
    #font hr
    {
        margin-left:440px;
    }
    #summary
    {
        margin-left:440px;
    }
    #money
    {
        margin-left: 235px;
    }
    #font button  
    {
width:150px;
height:60px;
    }
    #submit1 a 
    {
      font-size: 30px;
    }
   #submit1
   {
    width:1520px;
    margin-left: 130px;
   }
   h1 
   {
    margin-left: 260px;
    font-size: xx-large;
   }
   #font
   {
    margin-left:0px;
   }
   #body
   {
    width:1445px;
    margin-left: 300px;
   }
   #pages img
   {
     width: 60px;
     height:60px;
   }
    #pages
    {
      width: 1445px;
      margin-left:300px;
      height:110px;
      font-size: xx-large;
      margin-bottom: 0px;
      border: 1px solid rgb(15, 14, 14);
      margin-top: 0px;
      display: flex;
      flex-direction: row;
    }


.sub-footer-collective 
{
 margin-top: 3048px;
 background-color: #000000;
 width: 2000px;
 margin-left: 0px;
 height:180px;
}
.sub-footer-collective p 
{
font-size:28px;
margin-top: 60px;
margin-bottom: 10px;
}
.sub-footer1
{

 margin-left:30px ;
 height: 40px;
}
.sub-footer2
{
 margin-top: 0px;
 margin-left:750px ;
} 
.socialicons
{
 margin-top: 20px;
 margin-left: 30px;
 margin-bottom: 60px;
}
footer
{
  width:0px;
height:0px;
}
.footer-container
{
  margin-top:2200px;
  background-color: #090909;
  font-size: 25px;
  width: 2000px;
  margin-left:0px;
 height:800px;
 flex-direction: row;
}

.footer-container ul 
{
  margin-left: 30px;
}
.logo {
  height: 300px;
  width:400px;
}

.scroll,.scroll1 {
  font-size: 10px;
  padding: 10px;
  color: #ffffff;
}

.logos {
  flex-wrap: wrap;
margin-left: 90px;
margin-top: 0px;
padding-top: 0px;
}
.container1 {
  max-width: 1490px;
  margin-inline: auto;
  padding: 20px;
  overflow: hidden;
}
.brands
{
  
  width:890px;
  margin-top: 300px;
  margin-left: 680px;
}
.Services {
  text-align: center;
  margin-top: 1420px;
font-size: 78px;
margin-left: 0px;
width:650px;
margin-bottom: 0px;
font-family: serif;
}
h4
{
  margin-bottom: 20px;
}
.location
{
  margin-top: -80px;

}
.footer-left img
{
  width:350px;
  height:370px;
  margin-left: 5px;
  margin-top: 40px;
}
#contact-img
{
  margin-top: 0px;
  width:280px;
  height:280px;
  margin-left: 1750px;
}
.footer-para
{
  margin-top:250px;
  height: 250px;
  width:550px;
  margin-left: 30px;
  font-size: larger;
 
}
.link-column
{
  height:400px;
  width:240px;
  margin-left: 0px;
  font-size: larger;
 margin-top: 120px;
}
.link-column2
{
  height: 570px;
  width:1540px;
  margin-left: 0px;
  font-size: larger;
  
}
.footer-det
{
  height: 570px;
  width:1700px;
  margin-left: 0px;
  font-size: larger;

}
.link-column .footer-heading
{
  margin-left: 40px;
}
.footer-det .footer-heading
{
  margin-left: 0px;
}
.footer-det a
{
  margin-left: 15px;
}
.link-column li
{
  padding-bottom: 10px;
  padding-top: 10px;
}

.navlinks
{
  margin-top: 50px;
  font-size: x-large;
}
.contact-1
{
  font-size:28px;
 
}
}
/********************************************************************************************************************************/


@media (min-width:120px) and (max-width:990px) {
  .header-companylog{
    width: 100px;
  }
  }
  
  
  @media screen and (max-width: 426px) {
    .nav-toggle{
        display: inline-block;
        margin-right: 20px;
        width:100px;
        height: 60px;
        margin-top: 100px;
    }
  .fa-solid
  {
    font-size: x-large;
  }
  
     .navlinks{
        position: absolute;
        background-color: rgb(0, 0, 0);
        left: -110%;
        top: 100%;
        width: 100%;
        padding-block: 20px;
        transition: 0.4s ease-in-out;
        margin-top: 80px;
    }
    
  
    .navlinks.active{
        left: 0;
       
    }
  
    .navlinks ul {
        flex-direction: column;
       font-size: 30px;
    }
  
    
  } 
  /********************************************************************************************************************************/
  

@media (min-width:500px) and (max-width:769px)
{  .image
  {
    width:2030px;
   top: 150px;
   left: 0px;
    position: absolute;
  }
  h1{
    margin-left: 270px;
    width:850px;
    margin-bottom:30px;
    margin-top: 40px;
    font-size: 44px;
  }

h2
{
  width:1200px;
  margin-left:440px;
  margin-top: 50px;
  font-size:90px;
  letter-spacing: 0.04cm;
}

#hu
{
  width:2010px;
  margin-left: 0px;
  border-radius:6px;
  font-size: xx-large;
  margin-top: 50px;
}
 
nav
{
  width: 2010px;
  height: 150px;
}
.main-nav img
{
  width: 280px;
  height:250px;
  margin-top: 80px;
}


h4
{
  margin-bottom: 20px;
}

    #ut
    {
        margin-left:630px;
    }
    #font p
    {
        width:600px;
        margin-left:450px;
    }
    #cust
    {
        margin-left:590px;
    }
    #sad
    {
        margin-left:440px;
        margin-right: 100px;
        width:935px;
    }
    #serv
    {
        width:250px;
    }
    #dat
    {
        width:500px;
    }
    h3
    {
      font-size: 50px;
    }
    #font hr
    {
        margin-left:440px;
    }
    #summary
    {
        margin-left:440px;
    }
    #money
    {
        margin-left: 235px;
    }
    #font button  
    {
width:150px;
height:60px;
    }
    #submit1 a 
    {
      font-size: 30px;
    }
   #submit1
   {
    width:1520px;
    margin-left: 130px;
   }
   h1 
   {
    margin-left: 260px;
    font-size: xx-large;
   }
   #font
   {
    margin-left:0px;
   }
   #body
   {
    width:1445px;
    margin-left: 300px;
   }
   #pages img
   {
     width: 60px;
     height:60px;
   }
    #pages
    {
      width: 1445px;
      margin-left:300px;
      height:110px;
      font-size: xx-large;
      margin-bottom: 0px;
      border: 1px solid rgb(15, 14, 14);
      margin-top: 0px;
      display: flex;
      flex-direction: row;
    }


.sub-footer-collective 
{
 margin-top: 3048px;
 background-color: #000000;
 width: 1970px;
 margin-left: 0px;
 height:180px;
}
.sub-footer-collective p 
{
font-size:28px;
margin-top: 60px;
margin-bottom: 10px;
}
.sub-footer1
{

 margin-left:30px ;
 height: 40px;
}
.sub-footer2
{
 margin-top: 0px;
 margin-left:750px ;
} 
.socialicons
{
 margin-top: 20px;
 margin-left: 30px;
 margin-bottom: 60px;
}
footer
{
  width:0px;
height:0px;
}
.footer-container
{
  margin-top:2200px;
  background-color: #090909;
  font-size: 25px;
  width: 1970px;
  margin-left:0px;
 height:800px;
 flex-direction: row;
}

.footer-container ul 
{
  margin-left: 30px;
}
.logo {
  height: 300px;
  width:400px;
}

.scroll,.scroll1 {
  font-size: 10px;
  padding: 10px;
  color: #ffffff;
}

.logos {
  flex-wrap: wrap;
margin-left: 90px;
margin-top: 0px;
padding-top: 0px;
}
.container1 {
  max-width: 1490px;
  margin-inline: auto;
  padding: 20px;
  overflow: hidden;
}
.brands
{
  
  width:890px;
  margin-top: 300px;
  margin-left: 680px;
}
.Services {
  text-align: center;
  margin-top: 1420px;
font-size: 78px;
margin-left: 0px;
width:650px;
margin-bottom: 0px;
font-family: serif;
}
h4
{
  margin-bottom: 20px;
}
.location
{
  margin-top: -110px;
  margin-bottom: 40px;
}
.footer-left img
{
  width:350px;
  height:370px;
  margin-left: 5px;
  margin-top: 40px;
}
#contact-img
{
  margin-top: 400px;
  width:250px;
  height:250px;
  margin-left: 1740px;
}
.footer-para
{
  margin-top:250px;
  height: 250px;
  width:550px;
  margin-left: 30px;
  font-size: larger;
 
}
.link-column
{
  height:400px;
  width:250px;
  margin-left: 0px;
  font-size: larger;
 margin-top: 120px;
}
.link-column2
{
  height: 570px;
  width:1740px;
  margin-left: 0px;
  font-size: larger;
  
}
.footer-det
{
  height: 570px;
  width:1700px;
  margin-left: 0px;
  font-size: larger;

}
.link-column .footer-heading
{
  margin-left: 40px;
}
.footer-det .footer-heading
{
  margin-left: 0px;
}
.footer-det a
{
  margin-left: 15px;
}
.link-column li
{
  padding-bottom: 10px;
  padding-top: 10px;
}

.navlinks
{
  margin-top: 50px;
  font-size: x-large;
}
.contact-1
{
  font-size:28px;
 
}
}
  


/********************************************************************************************************************************/


@media (min-width:426px) and (max-width:500px)
{   .image
  {
    width:1720px;
    margin-top: 117px;
    height: 600px;
    
  }
  h1{
    margin-left: 270px;
    width:850px;
    margin-bottom:30px;
    margin-top: 40px;
    font-size: 44px;
  }

h2
{
  width:700px;
  margin-left:540px;
  margin-top: 150px;
  font-size:90px;
  letter-spacing: 0.04cm;
}

#hu
{
  width:1710px;
  margin-left: 0px;
  border-radius:6px;
  font-size: xx-large;
  margin-top: 537px;
}
.sub-footer-collective {
  display: flex;
  flex-direction:column;
  margin-top: 7660px;
  background-color: #000000;
  width: 1660px;
  margin-left: 0px;
  height:500px;
}
.sub-footer-collective p 
{
 font-size:40px;
 margin-top: 20px;

}
.sub-footer1
{
  margin-top: 70px;
  height: 40px;
  margin-left: 250px;
  width: 1200px;
 
}
.sub-footer2
{
  margin-top: 170px;
  margin-left: 520px;
}
.contact-1
{
  margin-left: 20px;
}
.socialicons
{
  margin-top: 0px;
  margin-left: 20px;
  margin-bottom: 60px;
}

footer
{
  width:0px;
height:0px;
}
.footer-container
{
  margin-top:3300px;
  background-color: #000000;
  font-size: 50px;
  width: 1660px;
  margin-left:0px;
 height:4300px;
 display: flex;
 flex-direction: column;
}
.contact-1
{
  font-size: 56px;
}
.footer-container ul 
{
  margin-left: 30px;
}
.logo {
  height: 300px;
  width:400px;
  padding-top: 50px;
}

.scroll,.scroll1 {
  font-size: 10px;
  padding: 10px;
  color: #ffffff;
}

.logos {
  flex-wrap: wrap;
margin-left: 110px;
margin-top: 0px;
padding-top: 50px;
}

.bookingdate
{
  display: flex;
  flex-direction: column;
}
h4
{
  margin-bottom: 20px;
}
.location
{
  margin-top: -100px;
 
  height:50px;

}
.footer-left img
{
  width:380px;
  height:410px;
  margin-left: 5px;
}
#contact-img
{
  margin-top: 500px;
  width:250px;
  height:250px;
  margin-left: 1440px;
}
.footer-para
{
  margin-top:350px;
  height: 500px;
  width:1350px;
  margin-left: 0px;
  font-size: larger;
  
}
.link-column
{
  height:900px;
  width:450px;
  margin-left: 0px;
  font-size: larger;


}
.link-column2
{
  height: 670px;
  width:750px;
  margin-left: 0px;
  font-size: larger;

  margin-bottom: 70px;
 
}
.footer-det
{
  height: 670px;
  width:1000px;
  margin-left: 0px;
  font-size: larger;

}
.link-column li
{
  padding-bottom: 10px;
  padding-top: 10px;
}
    #ut
    {
        margin-left:730px;
    }
    #font p
    {
        width:600px;
        margin-left:550px;
    }
    #cust
    {
        margin-left:690px;
    }
    #sad
    {
        margin-left:540px;
        margin-right: 100px;
        width:935px;
    }
    #serv
    {
        width:250px;
    }
    #dat
    {
        width:500px;
    }
    h3
    {
      font-size: 50px;
      margin-left: 550px;
      width: 500px;
    }
    #font hr
    {
        margin-left:540px;
    }
    #summary
    {
        margin-left:540px;
    }
    #money
    {
        margin-left: 235px;
    }
    #font button  
    {
width:150px;
height:60px;
    }
    #submit1 a 
    {
      font-size: 30px;
    }
   #submit1
   {
    width:1320px;
    margin-left: 240px;
   }
   h1 
   {
    margin-left: 260px;
    font-size: xx-large;
   }
   #font
   {
    margin-left:0px;
   }
   #body
   {
    width:1710px;
    margin-left: 0px;
   }
   #pages img
   {
     width: 60px;
     height:60px;
   }
    #pages
    {
      width: 1445px;
      margin-left:135px;
      height:110px;
      font-size: xx-large;
      margin-bottom: 80px;
      border: 1px solid rgb(15, 14, 14);
      margin-top: 0px;
    }
    nav
    {
      width: 1710px;
      height: 200px;
    }
    .main-nav img
    {
      width: 320px;
      height:340px;
      margin-top: 20px;
      margin-left: 120px;
      margin-bottom: 0px;
    }
    .hover-links
    {
      margin-top: 80px;
     
      font-size: xx-large;
    }
    .main-nav
    {
      
      height:170px;
    }
    .container1 {
      max-width: 1490px;
      margin-inline: auto;
      padding: 20px;
      overflow: hidden;
    }
    .brands
    {
      width:890px;
      margin-top: 2400px;
      margin-left: 540px;

    }
    .Services {
      text-align: center;
      margin-top: 0px;
    font-size: 78px;
    margin-left: 0px;
    width:700px;
    margin-bottom: 0px;
    font-family: serif;
  
    }


}


/********************************************************************************************************************************/


@media (min-width:377px) and (max-width:426px)
{   .image
  {
    width:1520px;
    margin-top: 117px;
    height: 600px;
    
  }
  h1{
    margin-left: 270px;
    width:850px;
    margin-bottom:30px;
    margin-top: 40px;
    font-size: 44px;

  }

h2
{
  width:700px;
  margin-left:450px;
  margin-top: 150px;
  font-size:90px;
  letter-spacing: 0.04cm;
}

#hu
{
  width:1510px;
  margin-left: 0px;
  border-radius:6px;
  font-size: xx-large;
  margin-top: 537px;
}
.sub-footer-collective {
  display: flex;
  flex-direction:column;
  margin-top: 7660px;
  background-color: #000000;
  width: 1460px;
  margin-left: 0px;
  height:500px;
}
.sub-footer-collective p 
{
 font-size:40px;
 margin-top: 20px;

}
.sub-footer1
{
  margin-top: 70px;
  height: 40px;
  margin-left: 150px;
  width: 1200px;
 
}
.sub-footer2
{
  margin-top: 170px;
  margin-left: 470px;
}
.contact-1
{
  margin-left: 20px;
}
.socialicons
{
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 60px;
}

footer
{
  width:0px;
height:0px;
}
.footer-container
{
  margin-top:3300px;
  background-color: #000000;
  font-size: 50px;
  width: 1460px;
  margin-left:0px;
 height:4300px;
 display: flex;
 flex-direction: column;
}
.contact-1
{
  font-size: 56px;
}
.footer-container ul 
{
  margin-left: 30px;
}
.logo {
  height: 300px;
  width:400px;
  padding-top: 50px;
}

.scroll,.scroll1 {
  font-size: 10px;
  padding: 10px;
  color: #ffffff;
}

.logos {
  flex-wrap: wrap;
margin-left: 110px;
margin-top: 0px;
padding-top: 50px;
}

.bookingdate
{
  display: flex;
  flex-direction: column;
}
h4
{
  margin-bottom: 20px;
}
.location
{
  margin-top: -40px;
 
  height:50px;

}
.footer-left img
{
  width:380px;
  height:410px;
  margin-left: 5px;
}
#contact-img
{
  margin-top: 480px;
  width:250px;
  height:250px;
  margin-left: 1240px;
}
.footer-para
{
  margin-top:350px;
  height: 500px;
  width:1350px;
  margin-left: 0px;
  font-size: larger;
  
}
.link-column
{
  height:900px;
  width:450px;
  margin-left: 0px;
  font-size: larger;


}
.link-column2
{
  height: 670px;
  width:750px;
  margin-left: 0px;
  font-size: larger;

  margin-bottom: 70px;
 
}
.footer-det
{
  height: 670px;
  width:1500px;
  margin-left: 0px;
  font-size: larger;

}
.link-column li
{
  padding-bottom: 10px;
  padding-top: 10px;
}
    #ut
    {
        margin-left:620px;
        width:330px;
        height: 270px;
    }
    #font p
    {
        width:600px;
        margin-left:510px;
    }
    #cust
    {
        margin-left:650px;
    }
    #sad
    {
        margin-left:500px;
        margin-right: 100px;
        width:935px;
    }
    #serv
    {
        width:250px;
    }
    #dat
    {
        width:500px;
    }
    h3
    {
      font-size: 50px;
      margin-left: 500px;
      width: 500px;
    }
    #font hr
    {
        margin-left:500px;
    }
    #summary
    {
        margin-left:500px;
    }
    #money
    {
        margin-left: 235px;
    }
    #font button  
    {
width:150px;
height:60px;
    }
    #submit1 a 
    {
      font-size: 30px;
    }
   #submit1
   {
    width:1220px;
    margin-left: 170px;
   }
  
   #font
   {
    margin-left:0px;
   }
   #body
   {
    width:1510px;
    margin-left: 0px;
   }
   #pages img
   {
     width: 60px;
     height:60px;
   }
    #pages
    {
      width: 1345px;
      margin-left:95px;
      height:110px;
      font-size: xx-large;
      margin-bottom: 80px;
      border: 1px solid rgb(15, 14, 14);
      margin-top: 0px;
    }
    
    nav
    {
      width: 1510px;
      height: 200px;
    }
    .main-nav img
    {
      width: 320px;
      height:340px;
      margin-top: 20px;
      margin-left: 120px;
      margin-bottom: 0px;
    }
    .hover-links
    {
      margin-top: 80px;
     
      font-size: xx-large;
    }
    .main-nav
    {
      
      height:170px;
    }
    .container1 {
      max-width: 1490px;
      margin-inline: auto;
      padding: 20px;
      overflow: hidden;
    }
    .brands
    {
      width:890px;
      margin-top: 2400px;
      margin-left: 440px;

    }
    .Services {
      text-align: center;
      margin-top: 0px;
    font-size: 78px;
    margin-left: 0px;
    width:700px;
    margin-bottom: 0px;
    font-family: serif;
  
    }


  }

/********************************************************************************************************************************/



@media (min-width:321px) and (max-width:376px)
{ 
  .image
  {
    width:1298px;
    margin-top: 117px;
    height: 600px;
    
  }
  h1{
    margin-left: 270px;
    width:850px;
    margin-bottom:30px;
    margin-top: 40px;
    font-size: 44px;

  }

h2
{
  width:700px;
  margin-left:300px;
  margin-top: 150px;
  font-size:90px;
  letter-spacing: 0.04cm;
}

#hu
{
  width:1285px;
  margin-left: 0px;
  border-radius:6px;
  font-size: xx-large;
  margin-top: 537px;
}
.sub-footer-collective {
  display: flex;
  flex-direction:column;
  margin-top: 7660px;
  background-color: #000000;
  width: 1250px;
  margin-left: 0px;
  height:500px;
}
.sub-footer-collective p 
{
 font-size:40px;
 margin-top: 20px;

}
.sub-footer1
{
  margin-top: 70px;
  height: 40px;
  margin-left: 60px;
  width: 1200px;
 
}
.sub-footer2
{
  margin-top: 170px;
  margin-left: 370px;
}
.contact-1
{
  margin-left: 20px;
}
.socialicons
{
  margin-top: 0px;
  margin-left: 20px;
  margin-bottom: 60px;
}

footer
{
  width:0px;
height:0px;
}
.footer-container
{
  margin-top:3300px;
  background-color: #000000;
  font-size: 50px;
  width: 1250px;
  margin-left:0px;
 height:4300px;
 display: flex;
 flex-direction: column;
}
.contact-1
{
  font-size: 56px;
}
.footer-container ul 
{
  margin-left: 30px;
}
.logo {
  height: 300px;
  width:400px;
  padding-top: 50px;
}

.scroll,.scroll1 {
  font-size: 10px;
  padding: 10px;
  color: #ffffff;
}

.logos {
  flex-wrap: wrap;
margin-left: 110px;
margin-top: 0px;
padding-top: 50px;
}

.bookingdate
{
  display: flex;
  flex-direction: column;
}
h4
{
  margin-bottom: 20px;
}
.location
{
  margin-top: -100px;
  
  height:50px;

}
.footer-left img
{
  width:380px;
  height:410px;
  margin-left: 5px;
}
#contact-img
{
  margin-top: 480px;
  width:250px;
  height:250px;
  margin-left: 1020px;
}
.footer-para
{
  margin-top:350px;
  height: 500px;
  width:1350px;
  margin-left: 0px;
  font-size: larger;
  
}
.link-column
{
  height:900px;
  width:450px;
  margin-left: 0px;
  font-size: larger;


}
.link-column2
{
  height: 670px;
  width:750px;
  margin-left: 0px;
  font-size: larger;

  margin-bottom: 70px;
 
}
.footer-det
{
  height: 670px;
  width:1200px;
  margin-left: 0px;
  font-size: larger;

}
.link-column li
{
  padding-bottom: 10px;
  padding-top: 10px;
}
    #ut
    {
        margin-left:520px;
        width:330px;
        height: 270px;
    }
    #font p
    {
        width:600px;
        margin-left:400px;
    }
    #cust
    {
        margin-left:500px;
    }
    #sad
    {
        margin-left:400px;
        margin-right: 100px;
        width:880px;
      
    }
    #serv
    {
        width:250px;
    }
    #dat
    {
        width:500px;
    }
    h3
    {
      font-size: 50px;
      margin-left: 390px;
      width: 500px;
    }
    #font hr
    {
        margin-left:400px;
    }
    #summary
    {
        margin-left:400px;
    }
    #money
    {
        margin-left: 235px;
    }
    #font button  
    {
width:150px;
height:60px;
    }
    #submit1 a 
    {
      font-size: 30px;
    }
   #submit1
   {
    width:1220px;
    margin-left: 40px;
  
   }
  
   #font
   {
    margin-left:0px;
   }
   #body
   {
    width:1286px;
    margin-left: 0px;
   
   }
   #pages img
   {
     width: 60px;
     height:60px;
   }
    #pages
    {
      width: 1245px;
      margin-left:20px;
      height:110px;
      font-size: xx-large;
      margin-bottom: 80px;
      border: 1px solid rgb(15, 14, 14);
      margin-top: 0px;
    }
    
    nav
    {
      width: 1285px;
      height: 200px;
    }
    .main-nav img
    {
      width: 320px;
      height:340px;
      margin-top: 20px;
      margin-left: 120px;
      margin-bottom: 0px;
    }
    .hover-links
    {
      margin-top: 80px;
     
      font-size: xx-large;
    }
    .main-nav
    {
      
      height:170px;
    }
    .container1 {
      max-width: 1490px;
      margin-inline: auto;
      padding: 20px;
      overflow: hidden;
    }
    .brands
    {
      width:890px;
      margin-top: 2400px;
      margin-left: 340px;

    }
    .Services {
      text-align: center;
      margin-top: 0px;
    font-size: 78px;
    margin-left: 0px;
    width:700px;
    margin-bottom: 0px;
    font-family: serif;
  
    }

  }

/****************************************************************************************************************************/


@media (max-width:320px)
{  
  .image
  {
    width:1298px;
    margin-top: 117px;
    height: 600px;
    
  }
  h1{
    margin-left: 270px;
    width:850px;
    margin-bottom:30px;
    margin-top: 40px;
    font-size: 44px;

  }

h2
{
  width:700px;
  margin-left:300px;
  margin-top: 150px;
  font-size:90px;
  letter-spacing: 0.04cm;
}

#hu
{
  width:1285px;
  margin-left: 0px;
  border-radius:6px;
  font-size: xx-large;
  margin-top: 537px;
}
.sub-footer-collective {
  display: flex;
  flex-direction:column;
  margin-top: 7660px;
  background-color: #000000;
  width: 1250px;
  margin-left: 0px;
  height:500px;
}
.sub-footer-collective p 
{
 font-size:40px;
 margin-top: 20px;

}
.sub-footer1
{
  margin-top: 70px;
  height: 40px;
  margin-left: 60px;
  width: 1200px;
 
}
.sub-footer2
{
  margin-top: 170px;
  margin-left: 370px;
}
.contact-1
{
  margin-left: 30px;
}
.socialicons
{
  margin-top: 0px;
  margin-left: 20px;
  margin-bottom: 60px;
}

footer
{
  width:0px;
height:0px;
}
.footer-container
{
  margin-top:3300px;
  background-color: #000000;
  font-size: 50px;
  width: 1250px;
  margin-left:0px;
 height:4300px;
 display: flex;
 flex-direction: column;
}
.contact-1
{
  font-size: 56px;
}
.footer-container ul 
{
  margin-left: 30px;
}
.logo {
  height: 300px;
  width:400px;
  padding-top: 50px;
}

.scroll,.scroll1 {
  font-size: 10px;
  padding: 10px;
  color: #ffffff;
}

.logos {
  flex-wrap: wrap;
margin-left: 110px;
margin-top: 0px;
padding-top: 50px;
}

.bookingdate
{
  display: flex;
  flex-direction: column;
}
h4
{
  margin-bottom: 20px;
}
.location
{
  margin-top: -120px;
 
  height:50px;

}
.footer-left img
{
  width:380px;
  height:410px;
  margin-left: 5px;
}
#contact-img
{
  margin-top: 880px;
  width:250px;
  height:250px;
  margin-left: 1020px;
}
.footer-para
{
  margin-top:350px;
  height: 500px;
  width:1350px;
  margin-left: 0px;
  font-size: larger;
  
}
.link-column
{
  height:900px;
  width:450px;
  margin-left: 0px;
  font-size: larger;


}
.link-column2
{
  height: 670px;
  width:750px;
  margin-left: 0px;
  font-size: larger;

  margin-bottom: 70px;
 
}
.footer-det
{
  height: 670px;
  width:1200px;
  margin-left: 0px;
  font-size: larger;

}
.link-column li
{
  padding-bottom: 10px;
  padding-top: 10px;
}
    #ut
    {
        margin-left:520px;
        width:330px;
        height: 270px;
    }
    #font p
    {
        width:600px;
        margin-left:400px;
    }
    #cust
    {
        margin-left:500px;
    }
    #sad
    {
        margin-left:400px;
        margin-right: 100px;
        width:880px;
      
    }
    #serv
    {
        width:250px;
    }
    #dat
    {
        width:500px;
    }
    h3
    {
      font-size: 50px;
      margin-left: 390px;
      width: 500px;
    }
    #font hr
    {
        margin-left:400px;
    }
    #summary
    {
        margin-left:400px;
    }
    #money
    {
        margin-left: 235px;
    }
    #font button  
    {
width:150px;
height:60px;
    }
    #submit1 a 
    {
      font-size: 30px;
    }
   #submit1
   {
    width:1220px;
    margin-left: 40px;
  
   }
  
   #font
   {
    margin-left:0px;
   }
   #body
   {
    width:1286px;
    margin-left: 0px;
   
   }
   #pages img
   {
     width: 60px;
     height:60px;
   }
    #pages
    {
      width: 1245px;
      margin-left:20px;
      height:110px;
      font-size: xx-large;
      margin-bottom: 80px;
      border: 1px solid rgb(15, 14, 14);
      margin-top: 0px;
    }
    
    nav
    {
      width: 1285px;
      height: 200px;
    }
    .main-nav img
    {
      width: 320px;
      height:340px;
      margin-top: 20px;
      margin-left: 120px;
      margin-bottom: 0px;
    }
    .hover-links
    {
      margin-top: 80px;
     
      font-size: xx-large;
    }
    .main-nav
    {
      
      height:170px;
    }
    .container1 {
      max-width: 1490px;
      margin-inline: auto;
      padding: 20px;
      overflow: hidden;
    }
    .brands
    {
      width:890px;
      margin-top: 2400px;
      margin-left: 340px;

    }
    .Services {
      text-align: center;
      margin-top: 0px;
    font-size: 78px;
    margin-left: 0px;
    width:700px;
    margin-bottom: 0px;
    font-family: serif;
  
    }
   
}



