@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&display=swap');
  @font-face {
      font-family: Tiempos Headline Regular;
      src: url(http://thelittledetails.co.in/image/TiemposHeadline-Regular.otf)format('truetype');
  }
  
  body { margin: 0; padding: 0; overflow-x: hidden; color: #2c2c2c}
  p, li {color: #2c2c2c;font-size: 16px;line-height: 29px;margin: 0 0 15px 0;font-family: Tiempos Headline Regular;letter-spacing: .5px;}
  .main-table li {color: #2c2c2c; font-size: 15px;line-height: 25px;margin: 0 0 10px 0; font-family: Tiempos Headline Regular;}
  a {text-decoration: none !important;font-family: Tiempos Headline Regular;}
  h1, h2, h3, h4, h5, h6 {font-family:"Cormorant Garamond", serif;color: #2c2c2c}
  
  .press{
    position:relative;
    padding: 4% 0 8%;
    background: #efebe2;
  }
  .press .carousel-item{
    text-align:center;
    margin-top:30px;
  }
  .press h6{
    color: #ceb398;
    text-transform: uppercase;
    font-size: 22px;
    margin-bottom: 37px;
    font-family: sans-serif;
    font-weight: 200;
  }
  .press p{
    font-weight: 500;
    font-size: 36px;
    line-height: 52px;
    font-style: italic;
  }
  .press h5{
    color: #a08468;
    font-weight: 300;
    margin: 36px 0;
    line-height: 50px;
    font-size: 30px;
    font-family: Tiempos Headline Regular;
  }
  .ln-main{
    position: relative;
  }
  .ln-main:after{
    background: #d5b697;
    height: 2px;
    width: 120px;
    content:'';
    position:absolute;
    bottom: -10px;
    margin: 0 auto;
    left:0;
    right: 0;
  }
  .press h3{
    color: #a08264;
    margin-top: 90px;
    font-family: sans-serif;
    font-weight: 400;
  }
  .press h3 span{
    position: relative;
    margin-left: 30px;
  }
  .press .carousel-indicators{
    bottom: -75px;
  }
  .press .carousel-indicators [data-bs-target]{
    background:#BAA170;
    padding: 0 !important;
    border-radius: 50%;
    width: 10px;
    border: 2px #BAA170 solid;
    height: 10px;
  }
  .press .carousel-control-next-icon{
    border: 2px solid #BAA170;
    filter: invert(1);
    border-radius: 5px;
  }
.press .carousel-control-prev-icon{
  border: 2px solid #BAA170;
    filter: invert(1);
    border-radius: 5px;
}
  .press h3 span:before{
    background: #baa170;
    width: 3px;
    height: 3px;
    content:'';
    position:absolute;
    border-radius:50%;
    top: 15px;
    left: -20px;
  }
  img {/* filter: brightness(96%); */}
  
  .bn-text{
    background:#605c53;
  }
  .bn-text h1{
    color:#fff;
    text-align:center;
    position: relative;
    padding: 2% 0;
    font-size: 22px;
  }
  .design-philosophy .txt-hd{
    color:#fff;
  }
  .txt-hd{
    font-size: 20px;
    margin: 20px 0;
    font-weight: 900;
    color: #000;
  }



.ps-sc{
  position:relative;
  margin: 20px 45px 20px 0;
}
.ps-sc img{
  width: 200px;
  margin: 0 auto;
  position: relative;
}
.ps-sc h5{
  text-align: justify;
  color: #000;
  font-size: 19px;
  font-weight: 800;
  margin: 10px 0;
}

.ps-sc p{
  margin: 20px 0;
  min-height: 85px;
}
.ps-sc a{
  color: #a08264;
  border-radius: 5px;
  /* border-bottom: 2px #a08264 dotted; */
}

  .main-table {text-align: left;padding: 3% 0;}
  #RadDockZone2 .container-fluid { padding: 0 6% !important;}
  
  #widgetsControl_C, #widgetsControl{height: auto !important;}
  #Div_body .container-fluid { margin: 0; padding: 0;}
  
  #MenuControl .nav-item { margin: 0}
  #MenuControl .nav-item .nav-link {color: #ffffff;font-size: 15px;font-weight: 500;text-transform: capitalize;letter-spacing: .7px;/* text-shadow: 3px 3px 3px #0000009e; */}
  #MenuControl .nav-fill{ width:100%;}
  #MenuControl .bg-light {background: #fff!important;height: 100%;}
  
  #HomepagecontentControl_C { margin-top: -21px}
  
  #HeaderControl, #HeaderControl_C { height: 120px !important}
  
  #HeaderControl.RadDock_Default .rdMiddle .rdCenter,
  #HeaderControl.RadDock_Default .rdBottom .rdCenter { background-color: transparent !important;}
  #MenuControl_C .bg-light { --bs-bg-opacity: 1; background-color: transparent !important; height: 100%;}
  #MenuControl.RadDock_Default .rdMiddle .rdCenter, #MenuControl.RadDock_Default .rdBottom .rdCenter { background-color: transparent !important;}
  
  #HeaderControl, #HeaderControl_C, #MenuControl, #MenuControl_C {height:90px !important;background: #605c53;}
  
  center #form1 #HeaderControl{background: #605c53;position: relative}
  center #form1 #MenuControl{background: #605c53 !important;}
  center #form1 #MenuControl .nav-link {/* color: #2c2c2c; */text-shadow: none !important;}
  
  @media (min-width: 320px) and (max-width: 768px ){ 
    .press h5{
      font-size: 20px;
    }
    .press p{
      font-size: 18px;
      line-height: 36px;
    }
    .navbar-toggler { position: absolute; right: 15px; top: -60px; background: #fff}
    #HeaderControl, #HeaderControl_C {background: #f2ede7;}
    #MenuControl, #MenuControl_C { height: auto !important}
    .navbar-collapse {background: #605c53;margin-top: -8px;}
    .banner-section{
      margin-top:0 !important;
    }
  }
  
  @media (min-width: 769px)  {
    #HeaderControl {background: #605c53;position: absolute;width: 30%;left: 0;top: 0;}
    #MenuControl {background: #605c53;position: absolute;width: 70%;right: 0;}
    #WidgetControl4, #WidgetControl4_C {  background: transparent !important; position: absolute; z-index: 1; width: 100%}
    #WidgetControl4 { position:absolute;  width: 60%; right: 10%; top: 12px}
  }
  
  /* innr-pg-c Start */
  .otherpagecss #RadDockZone1.container { max-width: 100%;}
  .otherpagecss #RadDockZone1.container #HomepagecontentControl_C table { margin-top: 0 !important;}

.press-parallax {
    background-image: url(image/press-bg.jpg);
    background-size: cover;
    height: 800px;
    background-position: center;
    background-repeat: no-repeat;
}

  .bg-1 { background: #f2ede7 !important}
  .bg-2 { background: #605c53 !important}
  .text-color { color: #f2ede7;}
  .title {font-size: 26px;line-height: 1.4;letter-spacing: 1px;margin: 0 0 20px 0;}
  .heading {font-size: 42px;line-height: 1.3;letter-spacing: .7px;margin: 0 0 10px 0;color: #a08264;}
  .heading span {font-weight: 500;}
  .sub-heading {font-size: 22px;text-transform: uppercase;font-weight: 500;font-family: "Cormorant Garamond", serif;letter-spacing: .6px;margin: 0 0 16px 0;}
  .custom-btn {display: inline-block;border: 1px solid #2c2c2c;padding: 12px 30px;color: #2c2c2c;text-transform: uppercase;letter-spacing: 1.2px;font-size: 14px;transition: all .2s ease-in-out;}
  .custom-btn:hover { opacity: .6; color: #2c2c2c;}
  
  header {position: absolute;width: 100%;z-index: 2;height: 90px;/* margin: 0 0 0 16%; */padding-left: 20px;background: #605c53;}
  header .logo {/* padding: 10px 0; */display: flex;align-items: center;padding: 25px 95px;}
  header .logo h5{
    color:#fff;
    font-weight: 500;
    font-size: 28px;
  }
  
  center #form1 #HeaderControl header .logo:nth-child(2) {filter: brightness(0.2)}
  
  .banner-section{position:relative;background: #605c53;margin-top: 90px;}
  
  .banner-section .carousel-caption {text-align: start;left: 5%;width: 60%;bottom: 8%;text-shadow: 0px 0px 8px #00000094;z-index: 99;}
  .banner-section .carousel-caption h1 {color: #fff;font-size: 47px;line-height: 1.3;font-weight: 400;letter-spacing: 1.5px;margin: 0 0 35px 0;text-shadow: 4px 4px 4px #00000096;}
  .banner-section .carousel-caption a { display: inline-block; border: 1px solid #fff; padding: 10px 24px; color: #fff; text-transform: uppercase; letter-spacing: .8px; font-size: 15px}
  .banner-section .carousel-indicators [data-bs-target] {width: 12px;height: 12px;border-radius: 50%;margin: 0 6px;}
  .banner-section .carousel-indicators { justify-content: end; margin-right: 8%; bottom: 3rem;}
  .banner-section .carousel-control-next, .banner-section .carousel-control-prev { width: 5%; height: 5%; top: auto; bottom: 3.8rem; right: 4%; left: auto;}
  .banner-section .carousel-control-prev { margin: 0 150px}
  
  .banner-bottom { background: #f2ede7; padding: 4% 0;}
  .banner-bottom .work {margin: 30px 0 0 0;transition: all .3s ease-in-out;}
  .banner-bottom .work .pic { overflow: hidden; border-radius: 50%;}
  .banner-bottom .work .pic img { border-radius: 50%; filter: brightness(90%); transition: all .4s ease-in-out;}
  .banner-bottom .work h3 {font-size: 21px;margin: 18px 0;font-weight: 500;line-height: 1.4;letter-spacing: 1px;}
  .banner-bottom .work:hover .pic img { transform: scale(1.1);}
  
  .about-section {background: #fff;padding: 5% 0;}
  .about-section .sub-heading{
    color:#a08264;
  }
  .about-section .left-pic img {/* filter: brightness(95%); */}
  .about-section .right-content {border-left: 1px solid #2c2c2c3b;padding: 0 0 0 30px;}
  .about-section .left-content {border-right: 1px solid #2c2c2c3b;padding: 0 30px 0 0;}
  .about-section .right-content p, .about-section .left-content p {text-align: justify;line-height: 20px;}
  
  .about-founder { padding: 5% 0; background: #f2ede7;}
  .about-founder .left-pic { position: relative;}
  .about-founder .left-pic img { position: relative; z-index: 2}
  .about-founder .left-pic::after {content: '';position: absolute;width: 100%;height: 110%;background: #d5cdc3;top: -5%;right: -5%;}
  
  .project-section { padding: 5% 0; background: #605c53;}
  .project-section .project-card { margin: 40px 0 0 0; transition: all .3s ease-in-out;}
  .project-section .project-card .pic {overflow: hidden;margin: 0 0 25px 0;}
  .project-section .project-card img {/* height: 550px; */object-fit: cover;transition: all .4s ease-in-out;}
  .project-section .project-card h4 {color: #fff;font-size: 20px;letter-spacing: 2px;/* font-weight: 600; */margin: 0 0 12px 0;}
  .project-section .project-card p { color: #c2c0c0; font-size: 15px; line-height: 1.7; margin: 0 0 10px 0; letter-spacing: .3px;}
  .project-section .project-card a { color: #fff; font-size: 14px; letter-spacing: .8px; transition: all .3s ease-in-out;}
  .project-section .project-card a:hover {opacity: .8;}
  .project-section .project-card:hover .pic img { transform: scale(1.1);}
  .project-section .project-card:hover { opacity: .85;}
  
  .why-choose { padding: 5% 0; background: #f9f7f4;}
  
  .vision-section { position: relative;}
  .vision-section .content {position: relative;width: 100%;left: 0;z-index: 99;background: #605c53;padding: 3% 0;}
  .vision-section .content h4 {color: #fff;font-size: 21px;line-height: 1.5;/* font-weight: 600; */margin: 0 0 32px 0;letter-spacing: 1px;}
  .vision-section:after{
    /* background: #00000087; */
    position:absolute;
    content:'';
    top:0;
    left:0;
    width:100%;
    height:100%;
  }

  footer { margin: 4% 0 0 0; background: #f2ede7; padding: 5% 0 0 0;}
  footer h4 {font-size: 20px;font-weight: 600;margin: 0 0 20px 0;letter-spacing: 1.6px;}
  footer p, footer p a {font-size: 14px;color: #444040;line-height: 1.7;margin: 0 0 10px 0;}
  footer .footer-bottom {padding: 14px 0;margin: 3% 0 0 0;border-top: 1px solid #2c2c2c3b;}
  footer p a:hover { color: #444040; opacity: .7}
  footer p i { opacity: .7px; margin: 0 5px 0 0; font-size: 13px;}


.content-detail h5{
      font-size: 24px;
      font-weight:800;
      color: #c9ab8de6;
}
.jrn-sc{margin-top: 30px;position: relative;width: 100%;max-width: 100%;/* overflow: hidden; */}
.jrn-sc img{
  width:100%;
}
.jrn-sc:hover .content-detail{
  opacity:1;
}
.jrn-sc:before{
     background: rgba(0, 0, 0, 0.7);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    left:0;
    transition: all 0.4s ease-in-out 0s;
  opacity:0;
  content:'';
}
.jrn-sc:hover:before{
  opacity:1;
}

.content-detail{
      position: absolute;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.inn-jr{
  padding: 20px 0;
}
.inn-jr p{
  margin: 15px 0 30px;
  min-height: 55px;
  color: #a08264;
}
.inn-jr h6{
  font-size: 26px;
}
.inn-jr a{
  color: #a08264;
  font-size: 14px;
  position: relative;
  text-transform: uppercase;
  font-family: sans-serif;
  font-weight: 600;
}
.inn-jr a:after{
  background:#a08264;
  height: 2px;
  width: 50px;
  position:absolute;
  content:'';
  bottom: 8px;
  left: 55px;
}





  .portfolio-parallax {
      background-image: url(image/portfolio-bg.jpg);
      background-size: cover;
      height: 680px;
  }
  .journal-parallax {
      background-image: url(image/banner1.jpg);
      background-size: cover;
      height: 880px;
  }
  .publication-parallax {
      background-image: url(image/publication-bg.jpg);
      background-size: cover;
      height: 680px;
  }

.in-jr-parallax {
    background-image: url(image/banner4.jpg);
    background-size: cover;
    height: 880px;
}

  .innerpage-heading {padding: 5px 0;background: #f9f7f4;}
  .innerpage-heading h1 {margin: 0;font-size: 52px;/* font-weight: 700; */letter-spacing: 1px;}
  
  .about-parallax {background-image: url('image/banner2.jpg');background-size: cover;height: 880px;}
  
  .about-page { padding: 5% 0; background: #f2ede7;}
  
  .design-philosophy { padding: 5% 0; background: #605c53;}
  .design-philosophy p { color: #f2ede7; text-align: justify;}
  
  .service-page { padding: 10% 0 0 0; background-image: url(image/ser-bg.jpg); background-attachment: fixed; background-size: cover; background-position: bottom;}
  .service-page .service-card {background: #f9f7f4e6;backdrop-filter: blur(1px);padding: 70px;margin: 0 0 -8% 0;}
  .service-page .service-card h2 { text-align: center; font-size: 25px; margin: 0 0 30px 0; color: #252524}
  .service-page .service-card p { font-size: 17px; text-align: center; color: #252524}
  
  .work-section {background: #605c53;padding: 9% 0 5% 0;}
  .work-section .work .pic img { border-radius: 50%; filter: brightness(90%); }
  .work-section .work h3 {font-size: 20px;margin: 18px 0;/* font-weight: 600; */line-height: 1.4;color: #f2ede7;letter-spacing: 1.5px;}
  
  .contact-page { padding: 5% 0; background: #605c53;}
  .contact-page .contact-form { background: #f9f7f4; padding: 50px; border: 2px solid #3f3c37;}
  .contact-page .contact-form label {font-size: 14px; text-transform: uppercase; font-family: Tiempos Headline Regular;letter-spacing: .6px;margin: 12px 0 3px 0; font-weight: 500;}
  .contact-page .contact-form .form-control { padding: 8px;}
  .contact-page .contact-form input[type='button'] {display: inline-block;border: 1px solid #2c2c2c;padding: 12px 30px;color: #2c2c2c;text-transform: uppercase;letter-spacing: 1.2px;font-size: 14px;transition: all .2s ease-in-out; background: transparent; font-weight: 600; margin: 20px 0 0 0;}
  .contact-page .contact-info .icon {width: 18%;}
  .contact-page .contact-info .text { width: 80%;}
  .contact-page .contact-info h4 { font-size: 17px; color: #fff; text-transform: uppercase; font-family: "Cormorant Garamond", serif, sans-serif;letter-spacing: .8px;margin: 0 0 8px 0; font-weight: 500;}
  .contact-page .contact-info p, .contact-page .contact-info p a { color: #f2ede7; letter-spacing: .7px; font-size: 15px; line-height: 1.8;}
  .contact-page .contact-info { margin: 30px 0;}
  .contact-page .contact-info .icon i {width: 56px;height: 56px;display: inline-block;background: #f9f7f4;border: 1px solid #3f3c37;border-radius: 4px;color: #605c53;font-size: 19px;text-align: center;line-height: 2.7;}
  
  .project-page { background: #f9f7f4;}
  .project-page .project-card { transition: all .3s ease-in-out;}
  .project-page .project-card .pic { overflow: hidden;}
  .project-page .project-card img { transition: all .4s ease-in-out}
  .project-page .project-card h4 {font-size: 19px;font-weight: 400;letter-spacing: 1.5px;}
  .project-page .project-card p { font-size: 14px; letter-spacing: .3px; line-height: 1.9; color: #2c2c2ce6;}
  .project-page .project-card .custom-btn { font-size: 13px; padding: 8px 18px}
  .project-page .project-card:hover img { transform: scale(1.1);}
  .project-page .project-card:hover { opacity: .85;}
  
  
  @media (min-width: 320px) and ( max-width: 1024px) { 
    .bn-text h1 {
    padding: 2% 0;
    font-size: 14px;
}
    .txt-hd {
    font-size: 16px;
    margin: 20px 0;
    font-weight: 900;
    color: #000;
}
    p, li { font-size: 14px; line-height: 25px;margin: 0 0 12px 0;}
    .main-table li { font-size: 14px;line-height: 23px;}
  
    .title { font-size: 18px; font-weight: 600;}
    .heading {font-size: 18px;letter-spacing: .5px;margin: 0 0 20px 0;}
    .sub-heading {font-size: 18px; margin: 0 0 12px 0;}
    .custom-btn { padding: 10px 20px; letter-spacing: 1px;font-size: 12px;}
  
    header {position: absolute;width: 100%;z-index: 2;margin: 0;padding: 0;}
    header .logo:first-child {/* width: 175px; *//* padding: 10px 0; *//* margin: 0 0 0 6%; */padding: 30px 0;text-align: center;justify-content: center;}
    header .logo:nth-child(2) {filter: brightness(0.2)}
  
    .banner-section .carousel-item img {height: 250px;object-fit: cover;}
    .banner-section .carousel-caption {left: 5%;width: 80%;bottom: 8%;}
    .banner-section .carousel-caption h1 { font-size: 24px; margin: 0 0 25px 0; text-shadow: 4px 4px 8px #000000bb;}
    .banner-section .carousel-caption a { padding: 10px 16px; font-size: 14px}
    .banner-section .carousel-indicators [data-bs-target] {width: 10px; height: 10px; border-radius: 50%; margin: 0 5px;}
    .banner-section .carousel-indicators { margin-right: 10%; bottom: 2%;}
    .banner-section .carousel-control-next, .banner-section .carousel-control-prev { width: 5%; height: 5%; top: auto; bottom: 7.5%; right: 4%;}
    .banner-section .carousel-control-prev { margin: 0 120px}
  
    .banner-bottom { padding: 5% 0;}
    .banner-bottom .work {margin: 10px 0;}
    .banner-bottom .work h3 { font-size: 17px; margin: 10px 0 20px 0;}
  
    .about-section { padding: 7% 0;}
    .about-section .right-content {border-left: 0;padding: 0 10px; margin: 20px 0 0 0;}
    .about-section .left-content {border-right: 0;padding: 0;}
  
    .about-founder .left-pic { margin: 40px 0;}
  
    .project-section { padding: 7% 0;}
    .project-section .project-card { margin: 20px 0 0 0;}
    .project-section .project-card img {/* height: 450px; */}
    .project-section .project-card h4 { font-size: 18px; margin: 0 0 8px 0;}
    .project-section .project-card p { font-size: 14px; line-height: 1.6; margin: 0 0 8px 0;}
  
    .why-choose { padding: 5% 0; background: #f9f7f4;}
  
    .vision-section img { min-height: 350px; object-fit: cover;}
    .vision-section .content { width: 90%; left: 6%; bottom: 6%;}
    .vision-section .content h4 { font-size: 16px; margin: 0 0 0px 0;}
    .vision-section .content a { display: none;}
  
    footer { margin: 5% 0 0 0; padding: 6% 0 0 0;}
    footer h4 { font-size: 18px; margin: 20px 0 10px 0}
    footer p, footer p a {font-size: 13px;line-height: 1.6;}
    footer .footer-bottom {padding: 13px 0;}
  
    .innerpage-heading {padding: 7% 0;}
    .innerpage-heading h1 { font-size: 32px;}
  
    .about-parallax { background-size: cover; height: 300px;}
  
    .service-page { padding: 20% 0 0 0;}
    .service-page .service-card { padding: 30px;}
    .service-page .service-card h2 { font-size: 17px;}
    .service-page .service-card p { font-size: 13px;}
  
    .work-section { padding: 15% 0 5% 0;}
    .work-section .work h3 { font-size: 16px; margin: 10px 0 20px 0;}
  
    .contact-page .contact-form { padding: 30px;}
    
    .project-page .project-card { margin: 0 0 20px 0;}
    .project-page .project-card img { height: 400px; width: 100%; object-fit: cover;}
    .project-page .project-card h4 {font-size: 18px;}
  }
  
  @media (min-width: 1025px) and ( max-width: 1440px) { 
    p, li {font-size: 14px;line-height: 25px; margin: 0 0 12px 0; letter-spacing: .3px;}
    .main-table li { font-size: 14px; line-height: 23px;}
  
    .container-fluid {/* padding: 0 4% !important; */}
  
    .title {font-size: 21px;margin-bottom: 5px !important;}
    .heading {font-size: 27px;margin: 0 0 20px 0;}
    .sub-heading {font-size: 27px;text-transform: capitalize;font-weight: 500;margin: 0 0 12px 0;}
    .custom-btn { font-size: 13px;}
  
    header .logo:first-child {/* width: 85px; *//* height: 85px; *//* padding: 10px 0; */padding: 25px 45px;}
  
    .banner-section .carousel-caption { width: 60%;bottom: 5%;}
    .banner-section .carousel-caption h1 { font-size: 40px;line-height: 1.3;font-weight: 600;margin: 0 0 35px 0; text-shadow: 2px 2px 8px #000000bd;}
    .banner-section .carousel-indicators [data-bs-target] {width: 10px;height: 10px; margin: 0 5px;}
    .banner-section .carousel-control-next, .banner-section .carousel-control-prev { bottom: 3.9rem;}
    .banner-section .carousel-control-prev { margin: 0 120px}
  
    .banner-bottom .work h3 { font-size: 18px; margin: 18px 0;}
  
    .project-section .project-card { margin: 30px 0 0 0;}
    .project-section .project-card .pic { overflow: hidden; margin: 0 0 25px 0;}
    .project-section .project-card img {/* height: 450px; */object-fit: cover;transition: all .4s ease-in-out;}
    .project-section .project-card h4 { font-size: 18px; margin: 0 0 10px 0;}
  
    .vision-section .content h4 {color: #fff;font-size: 18px;line-height: 1.5;font-weight: 600;margin: 0 0 25px 0;}
  
   .innerpage-heading h1 { font-size: 40px;}
  
    .service-page .service-card {padding: 50px;}
    .service-page .service-card h2 { font-size: 20px; margin: 0 0 20px 0;}
    .service-page .service-card p { font-size: 15px;}
  
    .work-section .work h3 { font-size: 16px; margin: 18px 0; font-weight: 600; line-height: 1.4; color: #f2ede7; letter-spacing: .8px;}
  
    .contact-page { padding: 5% 0; background: #605c53;}
    .contact-page .contact-form {background: #f9f7f4;padding: 30px;border: 2px solid #3f3c37;}
    .contact-page .contact-form label {font-size: 12px;text-transform: uppercase;font-family: "Noto Sans Ol Chiki", sans-serif;letter-spacing: .6px;margin: 7px 0 3px 0;font-weight: 500;}
    .contact-page .contact-form .form-control { padding: 8px;}
    .contact-page .contact-form input[type='button'] {display: inline-block;border: 1px solid #2c2c2c;padding: 12px 30px;color: #2c2c2c;text-transform: uppercase;letter-spacing: 1.2px;font-size: 14px;transition: all .2s ease-in-out; background: transparent; font-weight: 600; margin: 20px 0 0 0;}
    .contact-page .contact-info .icon {width: 18%;}
    .contact-page .contact-info .text { width: 80%;}
    .contact-page .contact-info h4 { font-size: 17px; color: #fff; text-transform: uppercase; font-family: "Cormorant Garamond", serif;letter-spacing: .8px;margin: 0 0 8px 0; font-weight: 500;}
    .contact-page .contact-info p, .contact-page .contact-info p a { color: #f2ede7; letter-spacing: .7px; font-size: 15px; line-height: 1.8;}
    .contact-page .contact-info { margin: 30px 0;}
    .contact-page .contact-info .icon i {width: 56px;height: 56px;display: inline-block;background: #f9f7f4;border: 1px solid #3f3c37;border-radius: 4px;color: #605c53;font-size: 19px;text-align: center;line-height: 2.7;}
    
    .project-page { background: #f9f7f4;}
    .project-page .row {border-top: 1px solid #2c2c2c3b;padding: 5% 0;}
    .project-page .project-card { transition: all .3s ease-in-out;}
    .project-page .project-card .pic { overflow: hidden;}
    .project-page .project-card img { transition: all .4s ease-in-out}
    .project-page .project-card h4 {font-size: 18px;font-weight: 700;letter-spacing: .5px;min-height: 50px;}
    .project-page .project-card p {font-size: 14px;letter-spacing: .3px;line-height: 1.9;color: #2c2c2ce6;min-height: 165px;}
    .project-page .project-card .custom-btn { font-size: 13px; padding: 8px 18px}
    .project-page .project-card:hover img { transform: scale(1.1);}
    .project-page .project-card:hover { opacity: .85;}
  
  }

@media(min-width:769px) and (max-width:1196px){
  header .logo h5{
    font-size:24px;
  }
  header .logo{
    padding:30px;
  }
}