/*----Header-----*/
p{
    font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1.6em;
    color: black;
    font-size: 17px;
}
.header{
  background: linear-gradient(45deg,#66ffff,#ff6699,#cc33ff);
  border-radius: 10px;
  border: 5px solid transparent;
  border-image: linear-gradient(45deg,#66ffff,#ff6699,#cc33ff);
  border-image-slice: 1;
  height: 125px;
 
}


.row1{
width: 400px;
height: 80px;
float: left;
text-align: center;
padding-top: 45px;
font-size: 30px;
text-decoration: none;
color:#fff;
transform: translateX(-110px);
}

.row1 a{
  text-decoration: none;
  color:#fff;
  
}

.row2{
  width: 200px;
  height: 130px;
  float: left;
  text-align: center;
  margin-left: 30px;
  
}

.row3{
  width: 525px;
  height: 80px;
  float: left;
  text-align: center;
  font-size: 30px;
  padding-top: 45px;
  transform: translateX(270px);
}

.row3 a{
  color: #000;
  text-decoration: none;
}

.row2 img{
  width: 200px;
  height: 150px;
  transform: translateY(-20px);
}

@media only screen and (min-width: 50px) and (max-width: 760px) {
  .header{
      background: linear-gradient(45deg,#66ffff,#ff6699,#cc33ff);
      border-radius: 10px;
      border: 5px solid transparent;
      border-image: linear-gradient(45deg,#66ffff,#ff6699,#cc33ff);
      border-image-slice: 1;
      height: 85px;
      width: 470px;
  }

  .row1{
      width: 120px;
      height: 30px;
      float: left;
      text-align: center;
      padding-top: 20px;
      font-size: 20px;
      text-decoration: none;
      color:#fff;
      transform: translateX(20px);
    }

    .row2{
      width: 40px;
      height: 90px;
      float: left;
      text-align: center;
      
  }
  .row3{
      width: 100px;
      height: 80px; 
      float: right;
      text-align: center;
      font-size: 20px;
      padding-top: 20px;
      padding-right: 10px;
      transform: translateX(-50px);
  }
  
  

  .row2 img{
      width: 100px;
      height: 105px;
      margin-top: 5px;
  }
}


 /*----Header ending-----*/ 

 /*----Header image-----*/ 


.gap{
  margin-top: 10px; 
  width: 1505px;
  
  
}
.gap img{
  width: 1505px;
  background-color: #2d0b00;
  
}

@media only screen and (min-width: 50px) and (max-width: 760px){
.gap{
    margin-top: 10px; 
    width: 480px;
  }

.gap img{
  width: 480px;
}
}

 /*----Header image ending-----*/ 


 /*----Content Start-----*/ 

.content{
  margin: 70px;
  font-family: Arial, Helvetica, sans-serif;
}

.content p{
  font-family: 'Open Sans', sans-serif;
  font-weight: 14px;
  color: #444;
  line-height: 1.6em;

}

.content a {
  color: #52c1e6;
  text-decoration: none;
}

@media only screen and (min-width: 50px) and (max-width: 760px){
  .content {
    width: 460px;
    transform: translateX(-70px);
    padding-left: 10px;
    padding-right: 10px;
  } 
  
  
  .content p{
    font-weight: 5px;
  }
}

 /*----Content end-----*/ 



 /*----Content gallery-----*/ 

.model{
  width: 1360px;
  height: 630px;
  
}

.hot1{
  float: left;
  margin-left: 200px;
  width: 220px;
  height: 306px;
  background-color: #ccc;
}
.hot1 p{
  color: #FFC107;
}

.hot2{
  float: left;
  margin-left: 10px;

}
.hot3{
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}
.hot4{
  

}
.hot5{
  float: left;
  margin-left: 200px;
  margin-top: 10px;
}
.hot6{
  margin-left: 10px;
  float: left;
  margin-top: 10px;

}
.hot7{
  margin-left: 10px;
  float: left;
  margin-right: 10px;
  margin-top: 10px;

}
.hot8{
  margin-top: 10px;

}
@media only screen and (min-width: 50px) and (max-width: 768px){
  .model{
    width: 480px;
    height: 1280px;
    transform: translateX(-10px);
  }

  .hot1{
    float: left;
    margin-left: 10px;
  }
  .hot2{
    float: left;
    margin-left: 20px;
  }
  .hot3{
    float: left;
    margin-top: 10px;
  }
  .hot4{
    float: left;
    margin-top: 10px;
    margin-left: 10px;
  }
  
  .hot5{
    float: left;
    margin-left: 10px;
  }
  .hot6{
    margin-left: 20px;
    float: left;
    margin-top: 10px;
  
  }
  .hot7{
    margin-left: 10px;
    float: left;
    margin-top: 10px;
  
  }
  .hot8{
    float: left;
    margin-top: 10px;
  margin-left: 10px;
  }
}


 /*----Content gallery- end----*/ 


 /*----Content gallery----*/
 
 .slut{
  width: 1360px;
  height: 630px;
 }

 .babe1{
  width: 300px;
 }

 .babe1 img{
  width: 250px;
  float: left;
  margin: 10px;
 }
 .babe2 img{
  width: 250px;
  float: left;
  margin: 10px;
 }

 .babe3 img{
  width: 250px;
  float: left;
  margin: 10px;
 }

 .babe4 img{
  width: 250px;
  float: left;
  margin: 10px;
  
 }

 .babe5 img{
  width: 250px;
  float: left;
  margin: 10px;
  
 }
 .babe6 img{
  width: 250px;
  float: left;
  margin: 10px;
  
 }
 .babe7 img{
  width: 250px;
  float: left;
  margin: 10px;
  
 }
 .babe8 img{
  width: 250px;
  float: left;
  margin: 10px;
  
 }
 .babe9 img{
  width: 250px;
  float: left;
  margin: 10px;
  
 }
 .babe10 img{
  width: 250px;
  float: left;
  margin: 10px;
  
 }
 .babe11 img{
  width: 250px;
  float: left;
  margin: 10px;
  
 }
 .babe12 img{
  width: 250px;
  float: left;
  margin: 10px;
  
 }
 .babe13 img{
  width: 250px;
  float: left;
  margin: 10px;
  
 }
 .babe14 img{
  width: 250px;
  float: left;
  margin: 10px;
  
 }
 .babe15 img{
  width: 250px;
  float: left;
  margin: 10px;
  
 }

 @media only screen and (min-width: 50px) and (max-width: 768px){
  .slut{
    width: 480px;
    height: 2500px;
    transform: translateX(-10px);
   }
  
   
  
   .babe1 img{
    width: 210px;
    float: left;
    margin-left: 20px;
   }
   .babe2 img{
    width: 210px;
    float: left;
    margin: 10px;
   }
  
   .babe3 img{
    width: 210px;
    float: left;
    margin-left: 20px;
   }
  
   .babe4 img{
    width: 210px;
    float: left;
    margin: 10px;
    
   }
  
   .babe5 img{
    width: 210px;
    float: left;
    margin-left: 20px;
    
   }
   .babe6 img{
    width: 210px;
    float: left;
    margin: 10px;
    
   }
   .babe7 img{
    width: 210px;
    float: left;
    margin-left: 20px;
    
   }
   .babe8 img{
    width: 210px;
    float: left;
    margin: 10px;
    
   }
   .babe9 img{
    width: 210px;
    float: left;
    margin-left: 20px;
    
   }
   .babe10 img{
    width: 210px;
    float: left;
    margin: 10px;
    
   }
   .babe11 img{
    width: 210px;
    float: left;
    margin-left: 20px;
    
   }
   .babe12 img{
    width: 210px;
    float: left;
    margin: 10px;
    
   }
   .babe13 img{
    width: 210px;
    float: left;
    margin-left: 20px;
    
   }
   .babe14 img{
    width: 210px;
    float: left;
    margin: 10px;
    
   }
   .babe15 img{
    width: 210px;
    float: left;
    margin-left: 20px;
    
   }
 }

 /*----Content gallery- end----*/ 


h1{
   
    color: brown;
    text-align: center;
    font-size: 50px;
}
@media screen and (max-width: 768px) {
    h1{
    font-size:30px;
    }
    }


h2{
    color: brown;
    text-align: center;
    font-size: 40px;
}
@media screen and (max-width: 768px) {
  h2{
  font-size:30px;
  }
  }

h3{
    color: brown;
    text-align: center;
    font-size: 30px;
}

h4{
    color: brown;
    text-align: center;
    font-size: 30px;
}

h6{
    color:#fff;
    font-size: 20px;
}




/*footer*/

footer{
    width: 100%;
    positions:absolute;
    bottom:0;
    background:linear-gradient(to right,#00093c, #2d0b00);
    color: #fff;
    padding: 30px 0 30px;
    border-top-left-radius: 125px;
    font-size: 13px;
    line-height: 20px;
    font-family: 'Open Sans', sans-serif;
}

.row{
    width:85%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    align-items:flex-start;
    justify-content: space-between;

}

.col{
    flex-basis: 25%;
    padding: 10px;

}

.logo{
    width: 80px;
    margin-bottom: 30%;
}

.col h6{
    width: fit-content;
    margin-bottom: 40px;
    position:relative;
}

.email-id{
    width: fit-content;
    border-bottom: 1px solid #ccc;
    margin: 20px 0;
}

.social-icons .fa-brands{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    color: #000;
    background: #fff;
    margin-right: 15px;
    cursor: pointer;
}
@media only screen and (min-width: 50px) and (max-width: 768px){
footer{
  width: 480px;
}
}