/************************************************* Header *********************************/
header strong { font-size:12px;font-family: 'Libre Baskerville', serif; color:#939393;}
header p { font-size:14px;font-family: 'Libre Baskerville', serif;}
/******* Home Banner ********/
.carousel-caption { left:0; right:0; bottom:10%;  z-index:1;}
.carousel-caption h1 { font-size:70px; line-height:75px;font-family: 'Libre Caslon Display', serif; border:4px solid #fff;}
.carousel-caption p { font-size:20px; font-weight:400; line-height:20px;}
/******* Contents ***************/
.welcome h2 { font-size:90px;}
.welcome h2 small { font-size:16px;font-family: 'Libre Baskerville', serif;}
.basic { background:#f7f7f7;}
.basic h2 { font-size:120px; line-height:90px;}
.basic h2 small { font-size:90px;}
.basic  li { line-height:90px;font-family: 'Libre Caslon Display', serif; font-size:24px;}
.basic  li:not(:last-child) { border-bottom:1px solid #e7e7e7;}
.gallery h2 { font-size:72px;}
.blog { background:#f7f7f7;}
.blog h3 {font-family: 'Libre Baskerville', serif; font-size:20px;}
.blog .dated { font-size:12px;}


.gallery .image {
  position: relative;
  padding-bottom: 335px;
  --clip-start: polygon(50% 50%,  50% 50%,  50% 50%, 50% 50%); 
  --clip-end: polygon(-50% 50%, 50% -50%, 150% 50%, 50% 150%);
}
.gallery .image img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
  position: absolute;
  top: 0;
}
.gallery .image img:nth-of-type(1) {
  filter: grayscale(1) brightness(40%);
}
.gallery .image img:nth-of-type(2) {
  -webkit-clip-path: var(--clip-start);
          clip-path: var(--clip-start);
  transition: -webkit-clip-path 0.5s;
  transition: clip-path 0.5s;
  transition: clip-path 0.5s, -webkit-clip-path 0.5s;
}
.gallery .image:hover img:nth-of-type(2) {
  -webkit-clip-path: var(--clip-end);
          clip-path: var(--clip-end);
}

.services .col-lg-6 {
  background: #040e27;
  color: #fff;
  border: 1px solid;
  padding: 27px;
}

/********** Footer *************/
footer.bg-dark{ background-color:#040e27 !important;}
footer h3 {font-size:16px; letter-spacing:3px;}
footer p { font-size:14px; line-height:40px;}
footer li a { color:#fff;}
footer li a:hover { color:#b59938;}
footer li { list-style:none; font-size:14px; line-height:40px;}
.copyright p {font-size:13px; line-height:18px; letter-spacing:1.5px; font-weight:400;}
footer .social-square li a { background:#fff; width:45px; height:45px; line-height:45px; color:#000; font-size:15px;}
footer .social-square li a:hover { background:#b59938; color:#fff;}
/*************************************************************************************************************/
@media (min-width: 767.98px) {}
@media (min-width: 1920px) {}
@media (min-width: 1200px) {}
@media (max-width: 1459.98px) {
}
@media (min-width: 1199.98px) and (max-width: 1359.98px) {}
@media (min-width: 991.98px) and (max-width: 1199.98px) {}
@media (max-width: 1199.98px) {
.carousel-caption h1 {font-size: 50px;}
.gallery .image img {position: relative;}
.gallery .image {--clip-start: polygon(0)!important; --clip-end: polygon(0)!important;}
.gallery .image {padding-bottom: 20px !important;}
header p {font-size: 11px;}
.welcome h2 {font-size: 60px;}
.basic h2 {font-size: 60px; line-height: 60px}
.basic h2 small {font-size: 40px;}
.gallery h2 {font-size: 60px;}
.basic li {font-size: 20px;}
}
@media (min-width: 768px) and (max-width: 991.98px) {}
@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {
 	





	
}
/******************************* width-ipad ***************************************/
@media (max-width:768px) {
.cus-wdth { width:100% !important;}
.MainBanner .carousel-caption {position:static; background:#000; bottom:0; transform:translateY(0); padding:50px 30px;}
.gallery .image img {position: relative;}
.gallery .image {--clip-start: polygon(0)!important; --clip-end: polygon(0)!important;}
.gallery .image {padding-bottom: 20px !important;}
}
@media (max-width: 479px) {
.carousel-caption h1 {font-size: 25px; line-height:25px;}
.welcome h2 {font-size: 40px;}
.welcome h2 small { font-size:10px;}
.basic h2 {font-size: 40px; line-height: 40px}
.basic h2 small {font-size: 20px;}
.gallery h2 {font-size: 40px;}
footer { text-align:center;}
}
@media (max-width: 320px) {}