@charset "utf-8";
 * {
     outline: none;
     margin: 0px;
     padding: 0px;
     border: none;
     text-decoration: none;
      font-family: 'Poppins';
     box-sizing:border-box;
}
 body {
     text-decoration: none;
     background:#fff;
      font-family: 'Poppins';
     font-size:16px;
     
     color:#505050;
}
html {
  scroll-behavior: smooth;
}
 .c1 {
     background-color:#fff !important;
     color:#333 !important;
}
 .fa-rotate-90 {
     -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
     transform: rotate(90deg);
}
  
@font-face {
    font-family: 'Merriweather';
    src: url('../fonts/Merriweather-Bold.eot');
    src: url('../fonts/Merriweather-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Merriweather-Bold.woff2') format('woff2'),
        url('../fonts/Merriweather-Bold.woff') format('woff'),
        url('../fonts/Merriweather-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather';
    src: url('../fonts/Merriweather-Regular.eot');
    src: url('../fonts/Merriweather-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Merriweather-Regular.woff2') format('woff2'),
        url('../fonts/Merriweather-Regular.woff') format('woff'),
        url('../fonts/Merriweather-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold.eot');
    src: url('../fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Bold.woff2') format('woff2'),
        url('../fonts/Poppins-Bold.woff') format('woff'),
        url('../fonts/Poppins-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.eot');
    src: url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-SemiBold.woff2') format('woff2'),
        url('../fonts/Poppins-SemiBold.woff') format('woff'),
        url('../fonts/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Light.eot');
    src: url('../fonts/Poppins-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Light.woff2') format('woff2'),
        url('../fonts/Poppins-Light.woff') format('woff'),
        url('../fonts/Poppins-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.eot');
    src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Regular.woff2') format('woff2'),
        url('../fonts/Poppins-Regular.woff') format('woff'),
        url('../fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Medium.eot');
    src: url('../fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Medium.woff2') format('woff2'),
        url('../fonts/Poppins-Medium.woff') format('woff'),
        url('../fonts/Poppins-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


 @font-face {
     font-family: 'Poppins';
     src: url('../fonts/Poppins-SemiBold.eot');
     src: url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-SemiBold.woff2') format('woff2'), url('../fonts/Poppins-SemiBold.woff') format('woff'), url('../fonts/Poppins-SemiBold.ttf') format('truetype');
     font-weight: 600;
     font-style: normal;
}
 @font-face {
     font-family: 'Poppins';
     src: url('../fonts/Poppins-Regular.eot');
     src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Regular.woff2') format('woff2'), url('../fonts/Poppins-Regular.woff') format('woff'), url('../fonts/Poppins-Regular.ttf') format('truetype');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'Poppins';
     src: url('../fonts/Poppins-Medium.eot');
     src: url('../fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Medium.woff2') format('woff2'), url('../fonts/Poppins-Medium.woff') format('woff'), url('../fonts/Poppins-Medium.ttf') format('truetype');
     font-weight: 500;
     font-style: normal;
}
@font-face {
    font-family: 'Brockmann';
    src: url('../fonts/Brockmann-Medium.eot');
    src: url('../fonts/Brockmann-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Brockmann-Medium.woff2') format('woff2'),
        url('../fonts/Brockmann-Medium.woff') format('woff'),
        url('../fonts/Brockmann-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Singolare';
    src: url('../fonts/FONTSPRINGDEMO-SingolareBlackRegular.eot');
    src: url('../fonts/FONTSPRINGDEMO-SingolareBlackRegular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FONTSPRINGDEMO-SingolareBlackRegular.woff2') format('woff2'),
        url('../fonts/FONTSPRINGDEMO-SingolareBlackRegular.woff') format('woff'),
        url('../fonts/FONTSPRINGDEMO-SingolareBlackRegular.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}



 .clear {
     clear: both 
}
 audio, ::selection {
     background:#8cc248;
     color: #fff;
}

 .grecaptcha-badge{
     display:none !important;
}
 .img-full{
     width: 100%;
     height:auto;
     display: block 
}
 .img-responsive {
     max-width: 100%;
     height:auto;
}

 .logo1{
     display:none 
}

li.header-phone img{
/*margin-right: 10px;*/
}
.nav-menu > li:nth-last-child(1) a
{
  display: flex;align-items: center; 
   padding: 45px 12px;
}

 .banner-wraper{
     width:100%;
     height:auto;
     position:relative;
     z-index:1;
}
 
 .footer-container{
     width:100%;
     height:auto;
     padding-top:2em;
     padding-bottom:2em;
}
.footer-top-for{ display: flex; align-items: center;}
.footer-top-for img{ max-width: 35px; margin-left: 10px;}
 .top-wraper{
     width:100%;
     height: auto;
}
 .top-container{
     width:100%;
     padding-left:4%;
     padding-right:4%;
}
 .tophead{
     width:100%;
     height:40px;
     position:relative;
         padding-top: 1em;
    padding-bottom: 0;
}
 .top-header{
     width:100%;
     height:auto;
     position:relative;
     z-index:99 
}
 .top-contact{
     width: auto;
     height:40px;
     float:right;
     clear: both;
     padding-top:10px;
}
 .logo-container{
     width:auto;
     height:auto;
     position:absolute;
     left:0;
     top:0;
     padding-top:10px;
}
 .menu-container{
     width: auto;
     height: auto;
     float:right;
     margin-top:1em 
}
 .logo{
     width:auto;
     height:auto;
     float:left;
}
.mt-2
{
    margin-top: 2em;
}
.mt-5
{
    margin-top: 5em;
}
.mb-2
{
    margin-bottom: 2em;
}
.mb-5
{
    margin-bottom: 5em;
}

 .top-quickwraper{
     width:100%;
     height:auto;
    
}
.sexy-menu.detached .nav-menu > li > a{
        padding: 20px 20px !important;
}
 .header-contact{
     width:auto;
     height:auto;
     float:right;
}
.css_prefix-btn-container {
    position: absolute;
    bottom: 25%;
}

.css_prefix-button2{
     background-color: #d10400;
}

span.text-btn {
    font-family: 'Poppins';
    font-weight: 500;
    font-style: normal;
}
.css_prefix-button:hover{
   color:#288500 !important;
}
.css_prefix-button2:hover{
   color:#d10400 !important;
}
.nav-brand img{

    width: 100%;
}
.sexy-menu.detached .nav-menu > li.header-phone > a
{
    padding: 16px 20px !important;
}


.header-call {
    width: auto;
    height: auto;
    float: left;
}
 .header-call i{
    color: #66bb47 
}
.header-call a {
    color: #333;background: #fff;
    position: relative;    font-family: 'Albert-Sans-Medium';
    font-weight: 500;    margin-right: 5px;
}
.header-call a:first-child{
   display: flex;
    align-items: center;margin-right: 20px
}
.header-call a:last-child{
    margin-right: 0
}
.header-call svg {
    height: 45px;
    width: 45px;
    line-height: 45px;
    /*background: #f5f5f5;*/
    padding: 8px;margin-right: 10px;
}

 .header-call a:hover{
     color:#66bb47;
}
 
 .cart-items-count div {
    position: absolute;
    top: -26px;
    right: 11px;
    width: 17px;
    height: 17px;
    line-height: 17px;
    border-radius: 50%;
    text-align: center;
    font-size: .8em;
    background: #288500;
    color: #fff;
}

body.faq .cart-items-count div
{
top: -5px;
}

 .desk-view{
     display:block;
     width: 100%; 
}
 .mob-view{
     display:none !important
}
 .nav-menu > li:nth-last-child(1) a{
     padding-right:0%;
}
a.right.carousel-control i, a.left.carousel-control i {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}
#button {
  display: inline-block;
  background-color: #333;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 100%;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 1em;
  line-height: 50px;
  color: #fff;
}
#button:hover {
  cursor: pointer;
  background-color: #333;
}
#button:active {
  background-color: #555;
}
#button.show {
  opacity: 1;
  visibility: visible;
}



/* Dropdown styles */
.dropdown {
  max-width: 13em;
  position: relative;
  width: max-content;
  float: left;
  margin-right: 10px;
}

.dropdown-btn {
  background: #288500;
  font-size: 1em;
  width: 100%;margin-right: 10px;
  border: none;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.55em 0.5em;
  cursor: pointer;
     
}
.dropdown-btn span{
     font-family: 'Poppins';
    font-weight: 500;
    letter-spacing: .25rem;
}

.arrow {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #fff;
  transition: transform ease-in-out 0.3s;
}

.dropdown-content {
  list-style: none;
  position: absolute;
  width: 100%;
  visibility: hidden;
/*   overflow: hidden; */    z-index: 999;
  transform: translateY(-1em);
  transition: transform ease 0.3s;
}

input[type="checkbox"]:checked ~ .dropdown-content {
  visibility: visible;
  transform: translateY(0);
}

.dropdown-content li {
  background: #2f3238;padding: 0.2em 0.5em;
}

input[type="checkbox"]:checked + label > .arrow {
  transform: rotate(180deg);
}

input[type="checkbox"] {
  opacity: 0;
  position: absolute;
}


.dropdown-content li:hover {
  background: #1d1f24;
}

.dropdown-content li a {
  display: block;
  padding:0;
  color: #fff;
  margin: 0.1em 0;
  text-decoration: none;
}

/* Dropdown styles */
 .footer-wraper {
     width:100%;
     height:auto;
     background: #c63a3f;
}
 .copy-right {
     width:auto;
     height:auto;
     float:left;
     color:#fff;
     font-family:inherit;
     font-size:1em;
     font-weight:400;
     line-height:55px 
}
 .designed {
     width: auto;
     height: auto;
     float: right 
}
 .designed-ido {
     float: right;
     height: auto;
     padding-left: 8px;
     padding-top:15px;
     width: auto;
     color:#fff 
}
 .designed p {
     width: auto;
     height: auto;
     float: right;
     color:#fff;
     font-family:'Poppins';
     font-size:1em;
     font-weight:300;
     line-height:55px;
     margin: 0
}
 .designed p a {
     text-decoration: none;
     color:#fff;
     font-family:'Poppins';
     font-size:1em;
     font-weight:300 
}
 .designed p a:hover {
     text-decoration: none;
     color:#231f20;
     font-family:inherit;
     font-size:1em 
}
 .footer-top-wraper {
     width:100%;
     height:auto;
    padding: 70px 0 60px;   
    border: 1px solid #d9d9dd;
     background: url('../images/footer-bg.jpg');    background-size: cover;
}

.bottom-wraper{
    width: 100%;
    height: auto;
    position: relative;
    bottom: -2em;

    overflow: initial;
}
.bottom-pic{
    width: 100%;
    height: auto;
}
 .whats-app{
    position:fixed;
    bottom:10vh;
    right:0;
    margin-right:4%;
    width:30px;
    z-index:120000
}
.whats-app img{
    animation-name:floating;
    animation-duration:3s;
    animation-iteration-count:infinite;
    animation-timing-function:ease-in-out;
    margin-left:30px;
    margin-top:5px;
    opacity:1;
    max-width:40px
}
.whats-app:hover img{
    opacity:1
}
@keyframes floating{
    from{
        transform:translate(0,0)
    }
    65%{
        transform:translate(0,15px)
    }
    to{
        transform:translate(0,0)
    }
}
.pay {
    float: left;
    margin-right: 5px;
}
.footer-content:nth-child(1){
    margin-top: -50px;
}
 .footer-content {
        margin-right: 10%;
    height: auto;
    float: left;
    width: auto;
    z-index: 9;
}
.footer-payment p{
    line-height: 2;
}

 .footer-content-icon {
     width:50px;
     float:left 

}
 .footer-content-details {
     width:88%;
     height:auto;
     float:left 
}
 .footer-content-details p {
     width:100%;
     height:auto;
     font-family:inherit;
     line-height:1.7;
     color:#333;text-transform: capitalize;
     font-size:1em 
}
 .footer-content-details p a {
     font-family:inherit;
     line-height:1.7;
     color:#333;
     font-size:1em 
}
 .footer-logo {
     width:100%;
     height:auto;

}
.footer-logo img {
    width: 100%;
}
.footer-logo img {
        width: 80%    
}
/*.address:nth-child(1) {
    align-items: flex-start;
}*/
.address {
    height: auto;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
.address p,.address span
{
    font-family: 'Brockmann';
    font-weight: 500;
    color: #000;margin: 0
}
.address img
{
        height: 50px;
    width: 50px;
    line-height: 50px;  margin-right: 6%;
}

 .footer-top-title {
     width:100%;
     height:auto;
     text-align:left;
     color:#0c203b;
     font-size:1em;
     padding-bottom:25px;
     font-weight: bold;
     font-style: normal;
     font-display: swap;
     text-transform: uppercase;
     font-family: 'Merienda';
}
 .footer-content ul {
     margin:0px;
     padding:0px;
     list-style-type:none;
}
.footer-content-title {
    width: fit-content;
    height: auto;
    font-size: 1em;
    font-family: 'Brockmann';
    font-weight: 500;
    text-transform: uppercase;
    color: #a82024;
    margin-bottom: 30px;
    position: relative;
}

 .footer-content ul li {
       font-family: 'Brockmann';
    font-weight: 500;
     font-size:1em;
     line-height:37px;
     margin-right: 20px;
}

 .footer-content ul li a {
     font-family: 'Brockmann';
     font-size:1em;
     color:#000;
     -webkit-transition: padding .2s;
     -moz-transition: padding .2s;
     -o-transition: padding .2s;
     transition: padding .2s;
     font-weight: normal 
}
 .footer-content ul li a:hover {
    
     color:#c63b41;
  
    
}
 .footer-social-links {
     width: auto;
     height: auto 
}
 .footer-social-links ul {
     margin: 0px;
     padding: 0px;
     list-style-type: none;
}
 .footer-social-links ul li{
     float: left;
     margin-right:25px !important;
}
 .footer-social-links ul li a{
    color: #e54744;
     font-size:1.3em;
     display: flex;
     justify-content: center;
     align-items: center;
}
.footer-social-links ul li a:hover{
     color:#333;
}
 .main-wraper{
     width: 100%;
     height: auto;
     position: relative;
     background: url(../images/main-bg.jpg) repeat-y;
     padding-bottom: 3em;
     margin-bottom: -2em;
}
.main-container{
    width: 100%;
    height: auto;
    padding-top: 60px;
}
.welcome-container {
    position: relative;
    overflow: hidden;
}
.fac-container{
    padding: 100px 0
}
.fac-card {
        filter: drop-shadow(10px 0px 16px #cccc);
    transition: 0.3s;
      background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
        padding: 15px;
            min-height: 600px;
    margin-bottom: 30px;
}
.fac-card h6{
    font-size: 1.2em;
    font-weight: bold;
    font-style: normal;
     font-family: 'Marcellus';
    text-align: center;
    margin-bottom: 0;
    padding: 10px 0;
}

.fac-card p {
    text-align: center;
}

.single-event-one {
    position: relative;
    display: block;
    padding: 14px;
    border: 1px solid #e8e3e1;background: #fff;
    margin-bottom: 40px;
}

.single-event-one__inner {
    position: relative;
    display: block;
    background: #ffffff;
    box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 10%);
}
.single-event-one .img-holder {
    position: relative;
    display: block;
    overflow: hidden;
}
.single-event-one .img-holder::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgb(18, 18, 18);
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.13489145658263302) 50%, rgba(18, 18, 18, 0.896796218487395) 100%);
    z-index: 1;
}
.single-event-one .img-holder img {
    width: 100%;
    transform: scale(1.0);
    transition: all 0.3s ease-in-out 0.1s opacity .2s ease-in;
}
.single-event-one .img-holder .overlay-content {
    position: absolute;
    left: 30px;
    bottom: 0;
    right: 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    z-index: 3;
}
.single-event-one .img-holder .overlay-content .date-box {
    position: relative;
    display: flex;
    align-items: flex-end;
    padding-bottom: 20px;
}

.single-event-one .img-holder .overlay-content .date-box:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 4px;
    background: #ed2227;
}
.single-event-one .img-holder .overlay-content .date-box h2 {
    color: #ffffff;
     font-family: 'Poppins';
  
    font-weight: normal;
    font-size: 3em;
    line-height: 40px;
}
.single-event-one .img-holder .overlay-content .date-box h4 {
    position: relative;
    top: -2px;
    display: inline-block;
    padding-left: 10px;
    color: #ffffff;
     font-family: 'Poppins';
    letter-spacing: 2px;
    font-weight: normal;
    font-size: 1em;
    line-height: 16px;
    text-transform: uppercase;
}
.single-event-one .text-holder {
    position: relative;
    display: block;
    padding: 24px 30px 26px;
}
.single-event-one:hover .img-holder img {
  transition: all 0.3s ease-in-out 0.1s;
    transform: scale(1.1) rotate(1deg);
}
.single-event-one .text-holder h3 a {
   font-family: 'Merriweather';
    font-weight: bold;
    color: #000;
    font-style: normal;
    font-size: 1.1em;
    line-height: 30px;
}
.single-event-one .text-holder .text {
    position: relative;
    display: block;
    padding: 15px 0 16px;
}

a.read-more {
    font-weight: 300;
    font-family: 'Poppins';
    font-size: 1em;color: #107f50;
    line-height: 16px;    border-bottom: 1px solid #e4dfdf;
}
.sidebar__post {
    position: relative;
    display: block;
    padding: 45px 30px 29px;
    background-color: #fff;
    overflow: hidden;
    z-index: 1;
}
.sidebar__title {
    margin: 0;
    font-size: 1.333em;
    text-transform: uppercase;
        margin-left: 20px;
    margin-bottom: 20px;
    font-family: 'Merriweather';
    font-weight: bold
}
.sidebar__post-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 19px 20px 18px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
        background: #fff;
    margin-bottom: 15px;
        border: 1px solid #e8e3e1;
}
.sidebar__post-image>img {
    width: 70px;
}
.sidebar__post-image {
    margin-right: 20px;
}
.sidebar__post-content h3 a {
 font-family: 'Merriweather';
    font-weight: normal;
    font-style: normal;color: #333;
}
.sidebar__post-content h3  {
    
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    display: block;
    font-size: .9em;
   
        line-height: 35px;
}

a.view-detail-btn.gal-btn {
    top: 50px;
    left: 35px;
}

.gallery-container{
    padding: 100px 0
}
img.abt-shape {
    position: absolute;
    right: 0%;
    /* transform: translate(-50%,-50%); */
    top: 31%;
    width: 250px;
}
.welcome-container{
    padding: 100px 0px;z-index: 9;
  }
img.welcome-img2 {
    position: absolute;
    right: 0;
    top: 13%;
}
img.welcome-img1 {
  width: 90%
} 

.welcome-detail.abt-content{
    margin-right: 0px;
    text-align: center;
}
.welcome-detail.abt-content p{
    text-align: center;
}
.abt-container {
  margin-top: 5em;
    position: relative;
        overflow: hidden;
}
.pro-container{
     margin-top: 3em;
     margin-bottom: 5em;
}


.init-text{
    font-size:3.457em;
    font-style: normal; font-weight: 500;
    font-display: swap;
   font-family: 'Brockmann';
    color: #fff;
    text-transform: math-auto;
    line-height:75.21px;
}
.featured-text{
    font-size: 1.667em;
    font-style: normal;
    font-display: swap;
        font-family: 'Brockmann';
    font-weight: 500;
    color: #fff;    margin-bottom: 25px;
    text-transform: math-auto;
    line-height: 40px;   
}

        .inner-banner-caption.slide-title .init-text{
     font-size:2.519em;font-family: 'Brockmann';
    font-style: normal; font-weight: 500;
}
.inner-banner-caption.slide-title .featured-text{
     font-size:1.424em;font-family: 'Brockmann';
    font-style: normal; font-weight: 500;
}

.page-hero .hero-text-area {
     position: absolute;
    z-index: 1;
    display: inline-block;
    max-height: 100%;
    white-space: normal;
    top: 36%;
    right: 16%;
    text-align: left;
  }
  .title-wraper{
    width: 100%;
    height: auto;
  }
 .inner-bottom{    margin-bottom: 60px;
    position: unset !important;
 }
 .welcome-detail-title.inner-bottom h1{
        line-height: 25px;
 }
 .welcome-detail-title.inner-bottom span{
    font-size: 2.000em;color: #838e6f;
           line-height: 23.01px;
    margin: 0;
    font-weight: bold;
    font-family: 'Brockmann';
    margin-left: -84px;
 }
  .welcome-detail-title h1{
    width: 100%;
    height: auto;
    text-align: center;
    color:#333 ;
    font-size: 2.000em;
        line-height: 38.72px;
            margin: 0;
    font-weight: 500;
      font-family: 'Brockmann';
    text-transform: capitalize;
    font-style: normal;   
    font-display: swap;
  }
   .welcome-detail-title h1 span{
        color:#2d2d2d ;
   }
      .welcome-detail-title p{
     font-family: 'Brockmann';
    font-size: 1em;
     font-weight: normal;
    font-style: italic;
      }

.year{
    position: absolute;top: -85px;
    right: -58px;
}
.service-container
{
    padding: 60px 0
}
.modular-bg{
    margin-bottom: 30px;padding-right: 7%;
    background-size: cover;
    background-image: url('../images/modular-bg.jpg');
}
.traditional-bg{
        margin-bottom: 30px;padding-left: 7%;
    background-size: cover;
    background-image: url('../images/traditional-bg.jpg');
}
.wood-bg{
     margin-bottom: 30px;background-size: cover;padding-right: 7%;
    background-image: url('../images/wood-bg.jpg');
}
.factory-bg{
    background-size: cover;padding-left: 7%;
    background-image: url('../images/factory-bg.jpg');
}
img.welcome-img {
    position: relative;
}
img.shape1 {
    position: absolute;
    bottom: 35px;
    left: 0;
}
.cs-hobble .cs-card_info {
    margin-bottom: 70px;
    position: relative;
    width: 100%;
    display: inline-block;
    background: url('../images/green-bg.jpg');
    padding: 65px 50px 50px 50px;
    transition: all .25s ease;
    min-height: 480px;
    -webkit-transition: .5s;
    transition: .5s;
}
.fet-title {
    margin-bottom: 80px;
}
.cs-hobble .cs-card_title {
    position: relative;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    z-index: 9;
    font-size: 1.333em;
}
.mission-title h1{
    font-size: 1.667em;
    color: #0d529c;
    line-height: 1.5em;
    font-family: 'Brockmann';
    font-weight: bold; text-transform: uppercase;
}

.mission-container{
    position: relative;z-index: 9;
        margin-bottom: 100px; overflow: hidden;
}
.mission-div:nth-child(1) {
    padding: 50px 50px 10px 0px;
}
.mission-div:nth-child(2) {
    padding: 50px 0px 50px 50px;
}
.mission-div:nth-child(3) {
    padding: 50px 50px 10px 50px;clear: both;
}
.mission-div:nth-child(4) {
    padding: 50px 50px 10px 0px;
}
.mission-div:nth-child(5) {
    padding: 50px 0px 50px 50px;
}
.mission-div{
    text-align: justify;
}
img.mission-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}
.products-container{
    padding: 0 140px;
    margin: 100px 0;
    text-align: justify;
}
.features {
    border: 1px solid #e9e9e9;
    border-radius: 25px;
    padding: 50px; background-position: bottom;
    background-size: cover;
        min-height: 500px;
}
.features img{
    display: flex;
    align-items: center;
    margin: 0 auto
}
.center-fet {
    background: url(../images/center-fet.png);
    background-size: cover;    background-position: center;
    width: 400px;
    height: 400px;    z-index: 9;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}
.center-fet h1{
    font-size: 1.667em;
        text-align: center;
    font-weight: 500;
    font-family: 'Brockmann';
        display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 100%;
}
span.num.y{
    background: url('../images/01.png');background-size: cover;
}
span.num.two{
     background: url('../images/02.png');  right: 0;
    left: unset;background-size: cover;
}
span.num.three{
     background: url('../images/03.png');    top: unset;
    bottom: 0;background-size: cover;
}
span.num.four{
    background: url('../images/04.png');   top: unset;
    bottom: 0; left: unset; right: 0;background-size: cover;
}
span.num
{
    font-family: 'Poppins';
    font-weight: bold;
    font-size: 1.667em;
    color: #fff;    position: absolute;
    left: 0;
    top: 0;background-size: cover;
    /*border-radius: 100%;*/border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    height: 150px;
    width: 150px;
    line-height: 150px;
    display: block;
    text-align: center;
}
.br-right:after{
    content: " ";
    background-color: #dfdfdf;
    width: 74%;
    height: 1px;
    position: absolute;
    left: 64%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.br-right{
    position: relative;
}
.pd-title h1{
    font-size: 1.333em;
    text-transform: uppercase;
    color: #3f3f3f;
    line-height: 1.5em;
    font-family: 'Brockmann';
    font-weight: normal;
}
.fets
{
        border-bottom: 1px solid #dfdfdf;
    padding-bottom: 50px;
    margin-bottom: 50px;
}
.fets img{
     box-shadow: 0 0px 10px 0px rgb(0 0 0 / 20%);
}
.key-title{
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 15px;
    margin-bottom: 50px;
    font-size: 1.667em;
    color: #c63b41;
    line-height: 1.5em;
    margin-top: 70px;
    font-family: 'Brockmann';
    font-weight: bold;
    text-transform: capitalize;
}
.pd-detail{
    padding-left: 5%;
}
.cs-hobble .cs-card_info p {
    color: #e8e8e8;
    text-align: justify;
    line-height: 36px;
}
.cs-hobble img {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 9;
    height: 150px;
    width: 150px;
    padding: 20px;
}
.fet-title p{text-align: center;}
.fet-title h1{
    width: 100%;
    height: auto;
    text-align: center;
    color: #0d529c;
    font-size: 2.122em;
    line-height: 47.99px;
    margin: 0;
    text-transform: capitalize;
    font-weight: bold;
    font-family: 'Brockmann';
    font-style: normal;
    font-display: swap;
    margin-bottom: 20px;
}
.abt-title{
   transform: rotate(90deg);
    position: absolute;
    right: -45px;
    z-index: 9;
    top: 33%;
}
.year2 {
    position: absolute;
    top: 0;
    right: 8%;
    transform: rotate(333deg);
}
.text-center {
    text-align: center !important;
}
 .m-bottom{
    margin-bottom: 40px !important
 }
 /*.features*/
 .fet-container{
    margin-top: 5em;
    margin-bottom: 5em; position: relative;
 }
 .features h1{
    font-size: 1.111em;
    color: #333; text-align: center;
    font-weight: 500;
    font-family: 'Brockmann';
 }
 .features p{ text-align: center; }

 .padding-abt{
    padding: 0 100px
 }
 .p30 {
    padding: 0 30px !important;
}
  .welcome-detail-title2 {
    margin-bottom: 20px;
}
.welcome-detail-title2 h4
{
font-size: 1.33em; color: #c63a3f;font-weight: 500;    
    font-family: 'Brockmann'; 
    margin-top: 5px;

}
.welcome-detail-title2 span{
font-size: 1.667em;    color: #333;font-weight: 500;    
    font-family: 'Brockmann'; 
}
.welcome-detail-title2 h1 span{
    color: #c63a3f;font-weight: 500;    
    font-family: 'Brockmann'; 
    font-style: normal;font-size: 1em;
}
.welcome-detail-title2 h1{
    width: 100%;
    height: auto;
    text-align: left;
    color:#333;letter-spacing: -1px;
    font-size: 2.667em;
        line-height: 47.99px;
            margin: 0;
    text-transform: capitalize;
      font-weight: 500;    
    font-family: 'Brockmann';
    font-style: normal;
    font-display: swap;
    margin-bottom: 20px;
  }
  .welcome-shape{
    position: absolute;
  }
.more-btn
{
    background: #c63b41; text-transform: uppercase;
       font-family: 'Brockmann';
    font-weight: 500;
    font-size: 0.778em;
    padding: 15px 30px; letter-spacing: 2px;
   color: #fff; transition: all 0.6s ease-in-out;
}
.more-btn:hover{
   background: #333;color: #fff;  
}
  
  /*product page*/
  .inner-product {
    background: #fff;    border-radius: 15px;
    box-shadow: 0 0px 10px 0px rgb(0 0 0 / 10%);
    min-height: 580px;    margin-bottom: 15px;
    overflow: hidden;
    position: relative;
}
/*.inner-product:hover img{
    transform: scale(1.05);
}*/
.product-container{
    padding: 100px 0
}

.inner-product img{
      border-top-left-radius: 15px;
      border-top-right-radius: 15px;
      transform: scale(1);
    transition: all 0.6s ease-in-out;
    width: 100%;
}

span.pro-code {
    font-family: 'Brockmann';
    font-weight: normal;
    color: #000;
    font-size: 1.333em;
    text-align: center;    width: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    padding: 6px 40px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #c9c9c9;
}
.colors {
    display: flex;
    align-items: center;
    justify-content: center;
        position: relative;
    top: 31px;
}
.size {
    display: flex;
    align-items: center;
    justify-content: center;
     margin-top: 40px;
    padding-bottom: 15px;
}
.size h1{
 font-size:1em;
    font-family: 'Brockmann';
    font-weight: normal;
    color: #000;margin-right: 10px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
}
.size span
{font-size: 0.889em;
    font-family: 'Brockmann';
    font-weight: normal;
    color: #000;
    padding: 8px 15px;
    margin: 2px;
    text-align: center;
    background: #f2f2f2;

}
.colors span{
    font-size: 0.889em;    line-height: 16px;
    font-family: 'Brockmann';
    font-weight: normal;
    color: #000;
    padding: 10px 20px;
    margin: 2px;
    width: auto;
    text-align: center;
    height: 50px;
    display: flex;
    align-items: center;
}
.colors span.golden{
    background-color: #efb919;
}
.colors span.olive{
    background-color: #a1a864;
}
 .colors span.taupe{
    background-color: #b0a197;
}
.colors span.charcoal{
    background-color: #36454f;color: #fff !important
}
.colors span.lightgray{
    background-color: #b6b6b6;
}
.colors span.whitestone{
    background-color: #c9cece;
}
.colors span.chocolate{
     background-color: #664f48;color: #fff !important
}
.colors span.black{
     background-color: #000;color: #fff !important
}
.colors span.bluestone{
  background-color: #31607e;color: #fff !important
}
.colors span.cement{
    background: url(../images/cement.jpg);
    background-size: cover;
}
.single-services {
    position: relative;
    z-index: 1;text-align: center;
    background-size: cover;
    padding: 20px 30px;
    min-height: 370px;   border-radius: 15px;
}
.col-md-3.spec {
    padding:9px;
}
.col-md-3.spec:nth-child(1) .single-services{
   background-image: url('../images/s-bg1.png'); 
}
.col-md-3.spec:nth-child(2) .single-services{
  background-image: url('../images/s-bg2.png'); 
}
.col-md-3.spec:nth-child(3) .single-services{
  background-image: url('../images/s-bg3.png'); 
}
.col-md-3.spec:nth-child(4) .single-services{
  background-image: url('../images/s-bg4.png'); 
}

.col-md-3.spec:nth-child(5) .single-services{
  background-image: url('../images/s-bg5.png'); 
}
.col-md-3.spec:nth-child(6) .single-services{
  background-image: url('../images/s-bg6.png'); 
}
.col-md-3.spec:nth-child(7) .single-services{
  background-image: url('../images/s-bg7.png'); 
}
.col-md-3.spec:nth-child(8) .single-services{
  background-image: url('../images/s-bg8.png'); 
}
.welcome-detail-title4  span {
    color: #000;
    font-size: 2.047em;
    line-height: 47.99px;
    margin: 0;
    font-weight: bold;
    font-family: 'Brockmann';
}
.welcome-detail-title4 h1 {
    text-align: left;
    color: #000;
    font-size: 4.397em;
    line-height: 61.99px;
    margin: 0;
    text-transform: capitalize;
    font-weight: bold;
    font-family: 'Brockmann';
    font-style: normal;
    font-display: swap;
    margin-bottom: 20px;
}

  .single-services .icon img {
    display: inline-block;
    text-align: center;
     -webkit-transition: .5s;
    transition: .5s;   
}
.col-md-3.spec:nth-child(5){
clear: both;
}
.icon-div h1{
    font-size: 1em;
    font-family: 'Poppins';
    font-weight: normal;
    color: #000;
    line-height: 30px;
    text-align: center;    margin-top: 0;
}
.icon-div {
    display: block;margin-left: -50px;    margin-bottom: 30px;
}
.icon-div img {
    text-align: center;    display: flex;
    margin: 0 auto;
}
.unbeatable-detail {
    width: 100%;
    border-right: 1px solid #9e9e9e;
    padding: 0 70px;
    text-align: justify;
}
.unbeat-container {
    padding: 50px 0;    overflow: hidden;
}
    section.adv-div{
        background: #1a1a1a;
        padding: 70px 100px
    }
.single-services h3 {
    text-align: center;
    text-transform: uppercase;
    color: #000;
    font-size: 1em;
    line-height: 25px;
    font-family: 'Poppins';
    font-weight: 500;
    font-style: normal;
    margin: 0;
    -webkit-transition: .5s;
    transition: .5s;    margin-bottom: 10px;
}

span.adv-title {
    font-family: 'Poppins';
    text-transform: capitalize;
    font-weight: bold;
    font-size: 0.808em;
}

.p6{
    padding: 6px !important
}

.product-col:nth-child(1),
.product-col:nth-child(2),
.product-col:nth-child(3)
{
    margin-bottom: 10px;
}

.pro-pos{
        z-index: 9;
        margin-top: -150px;
    position: relative;
    bottom: -100px;
}
h1.right-conent {
    font-family: 'Brockmann';
    font-weight: 500;margin: 0;
    font-size: 1em;
    color: #fff;line-height: 30px;
}
 .pro-content{
    display: flex;align-items: center;
    position: absolute;
    bottom: 0;
    transform: translate(-50%,-50%);
    left: 50%;
    background: #e59a11;
    padding: 12px 20px;
    width: 70%;
    text-align: center;
    justify-content: center;
 }
 span.arrow-right {
    font-size: 2em;
    margin-left: 1em;
}

 .box-link img{
     width: 100%;
     height: auto;
     display:block;
     transform: scale(1);
     transition: all 0.6s ease-in-out;
}

 .box-link .box-content{
     width: 100%;
     height: 100%;
     background:rgb(56 53 53 / 89%);
     text-align: center;
     position: absolute;
     top: 0;
     left: 0;
     opacity: 0;
     transform: rotateY(180deg) scale(0.5);
     transition: all 0.45s ease-out 0s;
     display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
 .box-link:hover .box-content{
     opacity: 1; transition: all 0.6s ease-in-out;
     transform: rotateY(0deg) scale(1);
}
.box-content h2 {
    color: #fff !important;
    background: url('../images/box-content.png');
    background-size: cover;
    font-family: 'Brockmann';
    font-weight: 500;
    text-align: center;
    font-size: 1em;
    width: fit-content;
    padding: 12px 60px;
    bottom: 2%;
    left: 0;
    position: absolute;
}
 .box-content h3{
    color: #fff !important;
    background: #e59a11;
    margin: 3px;
    font-family: 'Brockmann';
    font-weight: 500;
    text-align: center;
    font-size: 1em;
        width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    padding: 12px 60px;
 }
 .box-content span {
    font-weight: 300 !important;
    /* color: #c9c4c4 !important; */
    color: #fff;
    background: #78826c;
    height: 40px;
    width: 40px;
    line-height: 40px;
    display: flex;
    border-radius: 100%;
    text-align: center;
    align-items: center;
    justify-content: center;
    margin: 10px auto;
}

 .view-det {
    display: block;
    color: #fff;    letter-spacing: 1px;
    border: 1px solid #fff;
    padding: 7px 20px 6px;
    width: fit-content;
    margin: 15px auto 0;
    font-family: 'Merriweather';
    font-style: normal;font-size: .8em;
    }
   .box-link:hover .view-det{
        background: #298601;    border: 0;
    }
.box-link:hover .price-for, .box-link:hover .fac-content 
{
  opacity: 0;
  max-height: 0;
  transition: max-height 300ms, opacity 200ms;
}

 .box-link .icon{
     display: inline-block;
     padding: 0;
     margin: 0;
     list-style: none;
     position: relative;
    /*top: 40%;
    */
}
 .box-link .icon li{
     display: inline-block;
}
  .box-link .icon li i{
     display: block;
     width: 50px;
     height: 50px;
     line-height: 50px;
     border-radius: 50%;
     font-size: 1.5em;
     transition: all 0.5s ease 0s;
     background:#fff;
     color:#000;
}
.box-link .icon li i:hover{
     background:#8a0000;
     color:#fff;
}
 .box-link .content{
     padding: 10px;
     text-align: left;
     position: absolute;
     bottom: 5%;
     left: 5%;
}
 .box-link .title{
     font-size: 20px;
     font-weight: bold;
     color: #fff;
     text-transform: uppercase;
     margin: 0 0 5px;
}
 .box-link .post{
     display: block;
     font-size: 14px;
     color: #fff;
}
 .box-title {
     font-size:1em;
     font-family: inherit;
     font-weight:normal;
     width:100%;
     text-align: center;
     z-index:2;
     color:#333;
     padding-top:0.5em;
}
#fac-slider,#fac-slider2 {
    margin-top: 10px;
    height: unset !important;
}
/*colors section*/
.pc,.dc{
      width: 19%;
    margin: 1px;
    float: left;
    padding: 20px;
    font-family: 'Brockmann';
    font-weight: normal;
    font-size: 0.889em;    text-align: center;
}
.primary-colors h1,.developed-colors h1,
.br-colors h1
{  font-family: 'Brockmann';
    font-weight: 500;
    font-size: 1.333em; 
    margin-bottom: 10px;
}
.developed-colors h1 span ,.br-colors h1 span{
    border: 1px solid #cad8c3;
    height: 70px;
    width: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 100%;
    display: block;
    font-size: 0.667em;
    margin-left: 20px;
}
.brcolor {
    width: 19%;
    margin: 1px;
    float: left;
}
.brcolor span{

font-family: 'Brockmann';
    font-weight: normal;
    font-size: 0.889em;
    line-height: 22px;
    display: block;
    text-align: left;
    margin-top: 5px;
 
}
 .br-colors .br{  width: auto;
    height: 65px;
}
.br-colors .brcolor:nth-child(1) .br {
   background: linear-gradient(to right bottom, #c9cece 50%, #cb6843 50.3%);
}
.br-colors .brcolor:nth-child(2) .br{
      background: linear-gradient(to right bottom, #cb6843 50%, #36454f 50.3%);
}
.br-colors .brcolor:nth-child(3) .br{
      background: linear-gradient(to right bottom, #f6bb04 50%, #36454f 50.3%);
}
.developed-colors h1,.br-colors h1 {
    display: flex;
    align-items: center;
}
.developed-colors .dc:nth-child(1){
     background-color: #a1a864;
    color: #000;
}
.developed-colors .dc:nth-child(2){
     background-color: #916eb2;
    color: #fff;
}
.developed-colors .dc:nth-child(3){
     background-color: #f6bb04;
    color: #000;
}

.pc-colors .pc:nth-child(1){
    background-color: #c9cece;
    color: #000;
}
.pc-colors .pc:nth-child(2){
    background-color: #b6b6b6;
    color: #000;
}
.pc-colors .pc:nth-child(3){
    background-color: #202020;
    color: #fff;
}
.pc-colors .pc:nth-child(4){
    background-color: #36454f;
    color: #fff;
}
.pc-colors .pc:nth-child(5){
    background-color: #3e2113;
    color: #fff;
}
.pc-colors .pc:nth-child(6){
    background-color: #31607e;
    color: #fff;
}
.pc-colors .pc:nth-child(7){
    background-color: #b0a197;
    color: #000;
}
.pc-colors .pc:nth-child(8){
    background-color: #cb6843;
    color: #fff;
}
.primary-colors,.developed-colors{
    margin-bottom: 30px;
}
.welcome-detail-title3 h1 span{
    color: #c63b41;
}
.welcome-detail-title3 h1{
    text-align: left;
    color: #333;
    font-size: 2.000em;
    line-height: 47.99px;
    margin: 0;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Brockmann';
    font-style: normal;
    font-display: swap;
    margin-bottom: 20px;
}
a.know-btn {
    background: #2a2a2a;
    color: #fff;
    font-family: 'Brockmann';
    font-weight: 500;
    font-size: 1em;
    padding: 10px 40px;
    border-radius: 25px;
}
a.know-btn:hover {
background:#64755e;
color: #fff;
}
.protech-bg{
        background-size: cover;
   background-image: url(../images/protech-bg.jpg); 
}
img.protech {
    position: absolute;
  left: -30px;
    top: 5px;
    width: 45%;
}
.welcome-detail.protech-bg {
    padding: 130px 130px 130px 350px;
}
 /*offers*/

.offer-div img{
    border-radius: 25px
}
h1.offer-conent {
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    bottom: 0;z-index: 9;
    font-family: 'Brockmann';
    font-weight: 500;
    font-size: 1em;
    color: #fff;
    text-transform: uppercase;
        width: 100%;
    text-align: center;
}

.offer-sec {
    padding: 100px 0;overflow: hidden;
}
.offer-col:nth-child(2) {
    margin-top: -100px;
}
.offer-col:nth-child(6) {
    margin-top: -100px;
}
.offer-col:nth-child(10) {
    margin-top: -100px;
}
.ofr-price{
        position: relative;
        left: -65px;
    top: 35px;
}
.ofr-price h1 {
    position: absolute;
    top: 30%;
    transform: translate(-50%,-50%);
    left: 50%;
    color: #fff;
    line-height: 56.34px;
    font-size: 3.130em;
    font-family: 'Brockmann';
    font-weight: 500
}
.price h1 {
    color: #fff;
    line-height: 56.34px;
    font-size: 2.864em;
    font-family: 'Brockmann';
    font-weight: 500;margin-bottom: 0;
}
.price span {
    color: #fff;
    line-height: 56.34px;
    font-size: 1.333em;
    font-family: 'Brockmann';
    font-weight: 500
}
.offers {
    position: relative;
}
img.ofrimg {
    position: absolute;
    left: auto;
    top: 5%;
    width: 100%;
}
.price {
    display: flex;align-items: center;justify-content: center;

    background: #363636;
    border: 5px solid #f2a61c;
    border-radius: 100%;
    height: 230px;
    width: 230px;
    text-align: center;
    position: absolute;
    bottom: -72px;
    right: 20%;
}
.offer-divs .offers:nth-child(2n) .price h1{
    font-size: 2.253em;

}
.offer-divs .offers:nth-child(2n){
    margin-top: 11em
}
.offer-divs .offers:nth-child(2n) img.ofrimg
{
    top: -16%;
}
.offer-divs .offers:nth-child(2n) .price
{
           right: 16%;
    bottom: 34px;
}

.offer-divs .offers:nth-child(2n) .ofr-price
{
        right: -65px;
    top: -68px;
    left: unset;
}
.offer-divs .offers .row {
    padding-right:50px; padding-left:0px;
}
.offer-divs .offers:nth-child(2n)  .row {
    padding-left:50px; padding-right:0px;
}
.offer-div{
    position: relative;
}

.offer-div:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;border-radius: 25px;
    z-index: 1;
    background: linear-gradient(177deg, #ffffff00, #0000007d 100%);
}
/*offers*/
.facility-div{
   position: relative;
   padding: 0 300px;
   background-image: url('../images/pro-bg.jpg');
   background-size: cover;
}
.fac-content h3,.fac-content h3 a {
    color: #333;
       margin: 0;
    font-family: 'Poppins';
    font-weight: 500;
    text-align: center;
    font-size: 1em;
    position: relative;
}

.fac-li span{
      color: #7d7c7c;
       margin: 0;
    font-family: 'Poppins';
    font-weight: 500;
    text-align: center;font-size: .9em;
}
.client-div {
    position: relative;
}
.color-container{

    padding-bottom: 50px
}
.wrapper {
  margin: 0 auto;
  width: 80%;
  text-align: center;
}

.image-gallery {
  margin: 0 auto;
  display: table;
}
.prod-div {
    width: 100%;
    height: auto;
    float: left;
     position: relative;
     clear: both;
}
.prod-div:hover .box-link:before, 
.prod-div:hover .box-link:after {
    opacity: 1;
    transition: all 0.4s ease-in 0s;
     visibility: visible; 
    width: 0;
}
.box-link:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: rgba(245, 246, 247, 0.5);
    opacity: 0;
    visibility: hidden;
    right: 0;
    left: auto;
}

.box-link:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;z-index: 9;
    width: 50%;
    height: 100%;
    background: rgba(245, 246, 247, 0.5);
    opacity: 0;
    visibility: hidden;
}
.col-md-3.fac-li{
      /* width: 23%;
    margin: 10px;*/
    padding: 10px;
    /*border: 1px solid #29860138;*/
    /*padding: 0;
    background: #fbfafa;
    padding: 5px;*/
}

.fac-content{
     /*background: #fff;*/
     padding-top: 20px;
     padding-bottom: 10px;
     text-align: center;
     position: relative;
}
img.fac-shape {
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.lSAction > a{opacity: 1 !important}
.lSAction > .lSPrev{
    top: 100%!important;
    right: 46%!important;
}
.lSAction > .lSNext{
    top: 100%!important;
    right: 43%!important;

}

/* Style the tab */
.tab {
      width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    position: relative;
}

/* Style the buttons inside the tab */
.tab button {
  position: relative;
    display: inline-block;
    padding: 5px 50px 5px 50px;
    font-size: 1em;
    cursor: pointer;
    margin: 15px 5px;
    background: transparent;
    color: #000;
    font-size: 1.5em;border: 1px solid #9e9e9e;
    font-family: 'Albert-Sans-Medium';
    font-weight: 500;
    text-transform: capitalize;
    width: fit-content;
    text-align: center;
    justify-content: center;
    margin-bottom: 20px;
}

.tab button.active{
    color: #fff;background-color: #8a0000;
}
.videos:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background: linear-gradient(177deg, #ffffff00, #000000b8 100%);
}

/* Style the tab content */
.tabcontent {
    padding: 6px 12px;
    border-top: none;
    position: relative;
}
.tab-div{
    margin-top: 5em !important;
}
img.tbimg3 {
    position: absolute;
    left: -130px;
}


.view-detail-btn {
    background: #6e8767;
    color: #fff;
    height: 150px;
    width: 150px;
    box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 8%);
    border-radius: 100%;
    z-index: 9;
    display: block;
    position: relative;
    top: -50px;
    font-family: 'Poppins';
    text-transform: uppercase;
    font-size: 0.778em;
    line-height: 150px;
    text-align: center;
      animation: fadeIn 3s;
  -webkit-animation: fadeIn 3s;
  -moz-animation: fadeIn 3s;
  -o-animation: fadeIn 3s;
  -ms-animation: fadeIn 3s;
}
.view-detail-btn:hover{
    background: #333;
    color: #fff;
}

  .welcome-detail p{
    width: 100%;
    height: auto;
    font-size: 1em;
    color: #333;
    line-height: 1.7;
    font-family: inherit;
    font-weight: normal;
    text-align: justify;
  }

  
 
.room-box
{
    margin-bottom: 30px;
}
 .room-box .room-img-wrap {
    overflow: hidden;
    width: 100%;
    height: 100%;
    min-height: 310px;
}
 .room-box .room-img-wrap .room-img {
    height: 100%;
    width: 100%;
    transition: all .4s ease-out 0s;
    background-size: cover;
    background-position: 50%;
}
.room-box .room-desc {
    background-color: #fff;
    /*font-size: 14px;*/
    padding: 50px 20px 50px 40px;
    position: relative;
        height: 100%;
}
.room-box .room-desc p {
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    font-family: 'Poppins';
    line-height: 1.7;
    font-size: 1em;
}
.room-box .room-desc .icons {
    background-color: #fff;
    padding: 15px;
    box-shadow: 0 8px 16px 0 hsl(0deg 0% 54% / 4%);
    display: inline-block;
    margin-bottom: 25px;
}
.room-box .room-desc .icons li {
    display: inline-block;
    margin: 0 10px;
    color: #222;
}
.room-box .room-desc .icons li img {
    height: 30px;
}
.room-box .room-desc h4 {
       color: #6e8767;
    font-size: 1.667em;
    font-family: 'Poppins';
    position: relative;
    margin-bottom: 15px;
}
.room-box .room-desc h5 {
       color: #8c8c8c;
    font-size: 1.4em;
    font-family: 'Poppins';
    position: relative;
    margin-bottom: 10px;
    margin-top: 15px;
}
.room-box .room-desc .price {
    font-size: 2em;
    color: #7ac45f;
    line-height: 1;
    display: block;
    font-family: 'Poppins';
    font-weight: 600;
}
.bg-shape{
        position: relative;
    padding: 60px 80px 40px 50px !important;
    z-index: 9;
}
.bg-shape:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    transition: all .4s ease-in-out;
    border-radius: 65px 0 0 65px;
    background: url(../images/bg.png);
    background-size: cover;
    background-position: center;
    z-index: -1;
    transform: rotate(180deg);
}
.room-desc.bg-shape.rev:before{
     transform: unset;
}
.room-desc.bg-shape.rev {
    padding: 90px 50px 40px 100px !important;
}
.mb-3{
    margin-bottom: 3em
}
.room-desc .price span {
    font-size: .6em;
    display: block;
    font-weight: 300;
    color: #333;
    line-height: 40px;
}
 .room-box:hover .room-img {
    transform: scale(1.1);
}
body.facilities .room-box .room-img-wrap
{
        height: 380px;
}
body.facilities .room-box:nth-child(1) .room-img-wrap
{
        height: 100%;
}
body.facilities .room-box:nth-child(1) .room-img-wrap .room-img img{
    height: 100%;
    object-fit: cover;
}
.book-btn {
    background: #6e8767;
    color: #fff;
    padding: 15px 30px;
    width: fit-content;
    box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 8%);
    border-radius: 25px;
    z-index: 9;
    display: block;
    position: relative;
    font-family: 'Poppins';
    text-transform: uppercase;
    font-size: 1em;
    text-align: center;
  
}
.book-btn:hover {
background: #333;
color: #fff;
  animation: fadeIn 3s;
    -webkit-animation: fadeIn 3s;
    -moz-animation: fadeIn 3s;
    -o-animation: fadeIn 3s;
    -ms-animation: fadeIn 3s;
}
.d-flex{
    display: flex;
}

.whyneed img.ser-img{
width: 90%;
}
.s-img{
        position: absolute;
   top: 50%;
    right: -5%;
    transform: translate(-50%, -50%);
    z-index: 9;
    background: #f2f2f2;
    border-radius: 100%;
    border: 10px solid #fff;
}
.whyneed {
    display: flex;    margin-bottom: 50px;
    align-items: center;
}
.service-lst .whyneed:nth-child(2n) .s-img {
    left: 8%;
    right: auto;
}

.service-lst .whyneed:nth-child(even) .whyneed-item{
     padding-left: 0;   margin-right: -50px;       margin-left: 0;
        /*box-shadow: 20px -4px 20px 10px rgb(0 0 0 / 6%)*/
}
.service-lst .whyneed:nth-child(odd) .ser-img{
-webkit-box-shadow: 200px 32px 159px -119px rgba(0,0,0,0.52);
-moz-box-shadow: 200px 32px 159px -119px rgba(0,0,0,0.52);
box-shadow: 200px 32px 159px -119px rgba(0,0,0,0.52);
}
.service-lst .whyneed:nth-child(even) .ser-img{
-webkit-box-shadow: -200px 32px 159px -119px rgba(0,0,0,0.52);
-moz-box-shadow: -200px 32px 159px -119px rgba(0,0,0,0.52);
box-shadow: -200px 32px 159px -119px rgba(0,0,0,0.52);
}
.service-lst .whyneed:last-child .whyneed-item{
-webkit-box-shadow: 200px 32px 159px -119px rgba(0,0,0,0.52);
-moz-box-shadow: 200px 32px 159px -119px rgba(0,0,0,0.52);
box-shadow: 200px 32px 159px -119px rgba(0,0,0,0.52);
}
.service-lst {
     margin-top: 50px; 
}

/*.service-lst .whyneed:nth-child(1n) .whyneed-item:before {
    top: 40px;
    left: 0;
    width: 50px;
    height: 2px;
    content: "";
    position: absolute;
    background: url('../images/shadow.png');
}*/

.whyneed-item {
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-align: justify;
    margin-bottom: 30px;
    padding: 40px 80px 30px;
    background: #fff;margin-left: -100px;
}
.whyneed-item .inner-text h3 {
    position: relative;
    font-family: 'Brockmann';
    font-weight: normal; text-transform: uppercase;
    font-size: 1.333em;color: #000;
    padding-bottom: 25px;
}
.whyneed-item .inner-text h3:before {
    top: 40px;
    left: 0;
    width: 50px;
    height: 2px;
    content: "";
    border-radius: 10px;
    position: absolute;
    background: #c63b41;
}




/*testimonial*/

.owl-carousel .owl-wrapper:after
{
  content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
  .owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
  .owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0,0,0)}
  .owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel .owl-item{float:left}.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.grabbing{cursor:url(grabbing.png) 8 8,move}.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}


.owl-theme .owl-controls{margin-top:10px;text-align:center}
.owl-theme .owl-controls .owl-buttons .owl-prev{
    position: absolute;
        top: 35%;
    left: 35%;
    color: #808080;
        font-size: 40px;
    }
    .owl-theme .owl-controls .owl-buttons .owl-next{
    position: absolute;
       top: 35%;
    right: 15%;
    color: #808080;
        font-size: 40px;
    }
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#186db8}.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-item.loading{min-height:150px;background:url(AjaxLoader.gif) no-repeat center center}
 
.slick-dots li button {
    color:#eaeaea;
    display:inline-block;
    zoom:1;
    margin:0 5px;
       height: 20px;
    width: 20px;
    -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;
    background:#eaeaea;
    /* more CSS */
}
.slick-dots li{
    display: inline;
}
.owl-theme .owl-controls{
    display: block !important;
}
ul.slick-dots {
    display: flex;
    align-items: center;
    margin: 30px auto 0;
    justify-content: center;
}

   .testimonial-content img.user {
    height: 100px;
    border-radius: 100%;
    background: #fff;
    /* padding: 10px; */
    -webkit-box-shadow: 2px 5px 20px 0px #eee;
    box-shadow: 4px 6px 0px 0px #6e8767;
}

span.qoute img {
    position: absolute;
       top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
}
.testimonial-content .name {
    color: #000;
    margin-top: 20px;
    font-family: 'Poppins';
    text-transform: capitalize;
    font-weight: bold;
    font-size: 1.111em;
    text-align: center;
}
.testimonial-content .content p {
    text-align: center;
    line-height: 30px;
}
.testimonial-content .content {
    z-index: 0;
    position: relative;
}
.testimonial-content {
    text-align: center;
    position: relative;
    align-items: center;
    -moz-box-shadow: -1px 1px 8px 0px rgb(2 2 2 / 15%);
    -webkit-box-shadow:-1px 1px 8px 0px rgb(2 2 2 / 15%);
    box-shadow: -1px 1px 8px 0px rgb(2 2 2 / 15%);
    background: #fff;
    padding: 50px;
    margin:65px 5px 20px 150px;
}
.mar0{
    margin: 0
}
/*end*/
.facility-wraper {
    padding: 60px 0;
}

.

/*contact*/

.contact-container {
    width: 100%;
    height: auto;
    margin-top: 1.5em;
        display: flex;
    align-items: center;
}

.contact-left {
    position: absolute;
   left: -45px;
    top: 0;
    width: 302px;
}
.contact-form .col-md-6:nth-child(1), .contact-form .col-md-6:nth-child(3) {
    padding-right: 0;
}
.contact-form {
    display: flex;
    flex-wrap: wrap;
}
.ofr-text {
    position: absolute;
    top: 26%;
    transform: translate(-50%,-50%);
    right: -70%;
    z-index: 9;
}
.ofr-text span{
font-size: 2.333em;
color: #fff;
font-family: 'Singolare';
text-transform: uppercase;
top: 10px;
    left: -45px;
    position: relative;
    z-index: 9;
}
.ofr-text h1{
font-size: 6.064em;
    color: #e59a11;
    font-family: 'Singolare';
    text-transform: uppercase;
    margin: 0;
    line-height: 25px;
}
img.arrow-img
{
     position: absolute;
    bottom: -136px;
    right: 35%;
}
.enq-container
{
    background: #1a1a1a;
    padding: 100px 0 0;overflow: hidden;
}
.enq-form {
    display: flex;
    flex-wrap: wrap;
   padding: 100px 50px 50px 250px;
    margin-left:11%;
   background: url(../images/enq-bg.jpg);
    margin-right: 10%
  
}
img.offer-img {
    z-index: 9;
    position: relative;
    width: 150%;
    top: -100px;
}
/*.offer-txt {
    position: absolute;
    top: 30%;
    right: 0;
    z-index: 9;
}

.offer-txt span{
   color: #fff;
}*/


.enq-form .form-group{
margin-bottom: 35px !important;
}
.enq-form input[type="text"],
.enq-form textarea{
   background: transparent;
   border-bottom: 1px solid #9e9e9e;
    color: #333;
    width: 100%;    padding-bottom: 5px;
}
/*video-bg*/
div#video img {
    box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 64%);
}
  .home-video{
    background-image: url(../images/video-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;padding: 100px 0;
    margin-top: -180px;
}
.playbtn {
    position: absolute;
    display: block;
    background: url(../images/play-icon.png) no-repeat center;
    background-size: contain;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 50px;
    width: 50px;
    z-index: 9;
}

.welcome-detail-title4 h1{
    width: 100%;
    height: auto;
    text-align: left;
    color: #000;
    font-size: 3.793em;
    line-height: 47.99px;
    text-transform: capitalize;
    font-weight: bold;
    font-family: 'Brockmann';
    font-style: normal;
    margin-bottom: 20px;
}
.welcome-detail-title5 h1{
    width: 100%;
    height: auto;
    text-align: left;
    color: #000;
    font-size: 2.793em;
    line-height: 47.99px;
    text-transform: capitalize;
    font-weight: bold;
    font-family: 'Brockmann';
    font-style: normal;
    margin-bottom: 20px;
}
.reach-padding{
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    padding: 50px 60px 95px;   background: #f5f5f5;
}
.contact-form-img {
    margin-bottom: 42px;
    text-align: center;
        width: 100%;
}

form#contact_form {
    width: 100%;
}
.contact-form .form-group {
    margin-bottom: 25px;
}
.contact-form input[type="text"],.contact-form select,.contact-form input [type="date"]{
    background: #efefef;
    color: #333;
    width: 100%;
    height: 65px;
    padding: 0 30px;
    border: 0;
}

.contact-form textarea {
    background: #efefef;
    color: #333;
    width: 100%;
    padding: 30px 30px 0;
}

.contact-container.row {
   display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

}
section.location-sec
{
    position: relative;
}
.location-sec iframe{
        margin-bottom: -30px;
    border-radius: 15px;-webkit-box-shadow: 0px 1px 5px 1px rgba(117,117,117,0.32);
-moz-box-shadow: 0px 1px 5px 1px rgba(117,117,117,0.32);
box-shadow: 0px 1px 5px 1px rgba(117,117,117,0.32);
}
span.locateus {
    position: absolute;
    top: 50%;
    left: 2%;
    transform: rotate(270deg);
    background: #f5f5f5;
    padding: 15px 30px;
    font-family: 'Brockmann';
    font-weight: bold;
    font-size: 2em;
}
.submit-btn{
   background: #c63b41; text-transform: uppercase;
       font-family: 'Brockmann';
    font-weight: 500;
    font-size: 0.778em;
    padding: 15px 60px; letter-spacing: 2px;
   color: #fff; transition: all 0.6s ease-in-out;
}
.submit-btn:hover{
    background: #333;
    color: #fff;
}
h2.css_prefix-title {
    color: #fff;
    font-size: 2.2em;    line-height: 50px;
    font-family: 'Brockmann';
    font-weight: bold;
    text-transform: capitalize;
    display: block;
    justify-content: center;
    text-align: center;
}

.bg-image {
        height: 660px;
        align-content: center;
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    position: relative;
    width: 100%;
    flex-wrap: wrap;
    background: url(../images/bg-img-12.jpg);
}

section.contact-wrapper {
    padding: 50px 0px 90px;
position: relative;overflow: hidden;
}
.contact-box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
}
.reachus {
    padding: 27px 28px 15px 40px;
    position: relative;
    margin-left: 12px;
    z-index: 1;
    background: #fff;
    border-radius: 15px;    margin-top: 8%;
}
.reach-social-links {
    display: flex;
    align-items: center;
    margin: -30px auto;
    text-align: center;
    justify-content: center;
    padding-top: 50px;
}
.reach-social-links ul li a {
    color: #fff;
    background:#1f9e6a;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
        width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 100%;
}
.reach-social-links ul li {
    float: left;
    margin-right: 25px;
}
.contact-details-section-outer {
    background: #edf7f8;
    padding: 156px 0 117px;
    position: relative;
    overflow: hidden;
}

.map-section {
    padding: 88px 0;
}
.contact-details-section-outer .design-img {
    position: absolute;
    top: 22px;
    left: -315px;
}
.contact-details-section-outer .design-img2 {
    position: absolute;
    top: 22px;
    right: -315px;
}
.map-section iframe {
    border: 5px solid #ffffff !important;
    border-radius: 50px;
}

.story-card-content {
    width: 590px;
    z-index: 1;
    padding: 74px 50px 77px;
    border-radius: 0 0 100px 0;
    top: 100px;
    left: -100px;
        position: absolute;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
    transition: 0.3s;
    background: #fff;
}
.story-card-img {
    margin-bottom: 30px;text-align: center;
}
.story-card-content p {
    text-align: center;
    text-transform: uppercase;
}
 .story-card-content h3 {
    font-size: 1.33em;
    margin-bottom: 20px;text-align: center;
}
.story-card-content .banner-btn {
    text-align: center;
    margin-top: 20px;
}
 .banner-btn a {
    color: #288500;
    background: transparent;
    border-radius: 72px;
    padding: 15px 30px 16px 30px;
    display: inline-block;
    position: relative;
    font-weight: 400;
    transition: transform ease 300ms;
    line-height: 20px;
    word-spacing: 2px;
    font-size: 1em;
    transition: ease-in-out 0.3s;
    border: 2px solid #288500;
}
.banner-btn a:hover {
    transform: translateY(-5px);
    background: #288500;
    color: #fff;
    border: 2px solid var(--e-global-color-accent);
    transition: ease-in-out 0.3s;
}
.banner-btn a i{
    margin-right: 15px;
}
.contact-box figure svg {
    height: 55px;
    width: 55px;
}
.contact-box figure {
    margin-right: 30px;
    text-align: center;    margin: 0 auto;
    margin-bottom: 15px;
}
.contact-det{
    border-bottom: 1px solid #d3d0d0;
    margin-bottom: 3em;
}
.welcome-detail-title {
    border-bottom: 1px solid #d3d0d0;
    margin-bottom: 2em;
    padding-bottom: 20px;    width: 100%;
}
.pt-0{
    padding-top: 0px !important
}
.pb-0{
    padding-bottom: 0px !important
}
.iframe-div {
    position: relative;
}
.iframe-div iframe{
    position: relative;
      display: block;
    z-index: 1;
}
.iframe-div::before {
    background-color: rgba(255,255,255,.5);
    content: '';
    position: absolute;
    z-index: 2;
-webkit-box-shadow: inset -2px 1px 20px 0px rgba(138,126,138,1);
-moz-box-shadow: inset -2px 1px 20px 0px rgba(138,126,138,1);
box-shadow: inset -2px 1px 20px 0px rgba(138,126,138,1);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
}


.contact-box figure .icon {
    width: 60px;
    height: 60px;
    margin-right: 15px;
    display: inline-block;
    text-align: center;
    line-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}
.contact-box figure img {
    display: inline-block;

}
.contact-box .content {
    display: inline-block;
    text-align: left;    width: 100%;
}

.contact-box .content p {
    margin: 0;
    font-family: 'Brockmann'; font-weight: 500;
    font-size: 1em;
    color: #7d7c7c;
    text-align: left;
}
.contact-box .content h6 {
        text-align: left;
    display: block;
    color: #212529;
        font-size:1.333em;
    line-height: 47.99px;
    text-transform: capitalize;
    font-weight: bold;
    font-family: 'Brockmann';
    margin-bottom: 0px;margin-top: 0px;
}

 .about-content-img {
    position: relative;
}
 .about-section-f1 {
    position: absolute;
    top: 125px;
}
.about-content-img h2 {
    margin-bottom: 29px;
    font-family: 'Merriweather';
    text-transform: capitalize;
    font-weight: bold;
    line-height: 60px;    font-size: 2em;
}
.about-content-img h2 span{
    color: #6e8767; font-family: 'Poppins';
    text-transform: capitalize;
}
.about-content-img p {
    font-size: 1.33em;
    line-height: 40px;
    font-weight: 300;
    color: #777777;
    padding-right: 0px;
    margin-bottom: 28px;
}
.about-content-img h6 {
    margin-bottom: 16px;
   font-family: 'Poppins';
    text-transform: capitalize;
    font-weight: 500;
    font-size: 1.33em;
}

.reserv{
    padding: 90px 90px;
}
/*......................*/

a.date {
    font-size: 1em;
    transition: all .4s ease-in-out;
    font-family: 'Poppins';
    font-weight: 500;
    font-style: normal;
    letter-spacing: 3px;
}
.css_prefix-blog-details {
    padding: 30px;
    background: #fff;
}
.css_prefix .css_prefix-blog-box {
    box-shadow: 0 24px 84px 0 rgb(0 0 0 / 8%);
    -webkit-box-shadow: 0 24px 84px 0 rgb(0 0 0 / 8%);
    -moz-box-shadow: 0 24px 84px 0 rgba(0,0,0,.08);
}
h3.blog-text.css_prefix-heading-title {
    transition: all .4s ease-in-out;
   font-family: 'Merriweather';
    font-weight: bold;
    font-style: normal;
    color: #333;
    font-size: 1.2em;
    line-height: 35px;margin-top: 5px;
}
.profile-container-menu ul li a.active{
    color: #288500;
}
.pull-right{
    float: right;
}
.center{
    margin:0 auto;
    align-items: center;
        display: flex;
        justify-content: center;
}
 
  .home-facility-wraper{
    width: 100%;
    height: auto;
    padding-top: 100px;
        padding-bottom: 100px;
  }


.view-all {
    right: 2%;
    position: absolute;
    top: 6%;
}


.enquiry-wrapper{
    padding: 60px 0
}
.gallery-item{
   width: 32%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    height: auto;
    float: left;
    margin-left: 0.5em;
    margin-bottom: 0.5em;
    position: relative;
}
.gallery-item:nth-child(3n){
margin-right: 0
}


.gallery-item:nth-child(4){
clear: both;
}
.booking-wraper {
    width: 100%;
    height: auto;
    position: relative;
    bottom: 3em;
    overflow: initial;
        height: 600px;
}
img.booking {
    width: 35%;
    opacity: .08;
    /* z-index: -1; */
    position: absolute;
    bottom: -8%;
}

.img2, .img2 img {
    height: 385px;
    object-fit: cover;
}
.img1, .img2 {
    margin-bottom: 5px;
}
.mtop{
    margin-top: 1em
}

.mtop1{
    margin-top: 50px
}
.facilitybg{
    position: absolute;
    width: auto;
    left: 0;
    right: 0;
    top: 7%;
        z-index: -1;
            height: 100%;
            width: 100%;
}
.home-facility-wraper{
    position: relative;
}
.box-group{
    text-align: center;
    overflow: hidden;
    position: relative;
}

.box-group .icon img{
height: auto !important;
width: 70%
    }
.box-group img{
    max-width: 100%;
    max-height: 100%;
    transform: scale3d(1, 1, 1);
    transition: all 0.6s ease-in-out;
    display:block;
    width: 100%;
    object-fit: cover;
}
.box-group:hover img{
    transform: scale3d(1.15, 1.15, 1);
}
.box-group .box-content{
    width: 100%;
    height: 100%;
   
    padding-top: 35%;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    z-index: 2;
    transition: all 0.3s ease 0s;
}
.box-group:hover .box-content{
    background-color: rgba(0,0,0,0.6);
}
.box-group .box-content:before, .box-group .box-content:after{
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    bottom: 15px;
    right: 15px;
    opacity: 0;
    z-index: -1;
    transform: scale(1.5);
    transition: all 0.6s ease 0.2s;
}
.box-group .box-content:before{
    border-top: none;
    border-bottom: none;
    left: 30px;
    right: 30px;
}
.box-group .box-content:after{
    border-left: none;
    border-right: none;
    top: 30px;
    bottom: 30px;
}
.box-group:hover .box-content:before, .box-group:hover .box-content:after{
    opacity: 1;
    transform: scale(1);
}
.box-group .content-inner{
    opacity: 0;
    transform: scale(0);
    transition: all 0.3s ease 0s;
}
.box-group:hover .content-inner{
    opacity: 1;
    transform: scale(1);
}
.box-group .title{
    font-size: 22px;
    font-weight: 700;
    color:#ffcc00;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 10px;
}
.box-group .post{
    display: block;
    font-size: 15px;
    font-weight: 600;
    font-style: italic;
    margin-bottom: 15px;
}
.box-group-icon {
    position: absolute;
    bottom: 0;
    left: 0px;
    color: rgba(255,255,255,1) !important;
    font-size: 1.5em;
    font-family: inherit;
    width: 100%;
    text-align: left;
    z-index: 2;
    font-weight:500;
    padding-left: 2%;
    padding-right: 2%;
    top: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
a:hover .box-group-icon{
    display:none !important;
}
.group-link{
    position: absolute;
   top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.group-link img{
    height: 60px !important;
    width: 60px !important;
}
.box-group:hover .group-link img
{
    transform: none !important;
}
.box-content-down.group-link {
    background: #fff;
    padding: 20px;
    border-radius: 100%;
}
.box-group .icon{
    list-style: none;
    padding: 0;
    position: absolute;
    top:0;
    left:0;
    text-align: center;
    opacity: 0;
    transition: all 0.5s ease 0s;
    bottom:0;
    right:0;
    margin:auto;
}
.box-group:hover .icon{
    left: 0px;
    opacity: 1;
    transition-delay: 0.3s;
}
.box-group .icon li{
    display: inline-block;
}
 .box-group .icon li {
       width: 180px;
    height: 180px;
    line-height: 180px;
    background: #fff;
    font-size:18px;
    color: #fff;
    transition: all 0.5s ease 0s;
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    margin:auto;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
}


a:hover .box-title{
    color:#3aaa35;
}
a:hover .box-title-sub{
    color:#3aaa35;
}
.box-group:hover .cs-post_overlay2{
    opacity: .7;
}
.cs-post_overlay2{
        position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0;
    background-image: linear-gradient(to bottom, rgb(255 255 255 / 0%), rgb(3 3 3 / 100%));
    opacity: 0;
}
.container {
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
}
/*process*/

.process-div{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;    justify-content: center;
}
.process-list{
    width: 16%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16%;
    flex: 0 0 16%;
    max-width: 16%;
    margin-right: 5%;
    float: left;
     box-shadow: 0px 0px 9px 1px rgb(0 0 0 / 10%);
     background: #fff;padding: 10px 10px 3px;
    margin-bottom: 3%;
    position: relative;

}
 .process-list:nth-child(18):after{
display: none;
    }


.process-list:after {
      content: " ";
    background-size: cover;
    background-image: url(../images/p-shape.png);
    width: 100px;
    height: 150px;
    position: absolute;
    left: 100%;
    top: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.process-content {
    min-height: 50px;
    display: flex;
    align-items: center;
}
.ml-5{
    margin-left: 5% !important
}
.process-content h1 {
    width: 100%;
    height: auto;
    text-align: center;
    color: #333;
    font-size: 1em;
    line-height: 20.99px;
    margin-top: 13px;
    text-transform: capitalize;
    font-weight: normal;
    font-family: 'Brockmann';
    font-style: normal;
    font-display: swap;
}

/************************************************** START LOCATION **************************************************/
 .inner-wraper-main{
     width:100%;
     height:auto;
     background-color:#ebede5;
     padding-bottom:90px;
}
 .inner-banner-caption-wrap{
     width:100%;
     height:auto;
     position:absolute;
     bottom:25%;
     right:0;
     left:0;
     display:flex;
     align-items:center;
     font-size: 0.65em
}
 .inner-banner{
     width:100%;
     height:auto;
}
 .inner-banner-wrap{
     width:100%;
     height:auto;
     position:relative;
}
 .inner-caption{
     width:100%;
     height:auto;
     position:absolute;
     left:0;
     bottom:25%;
}
 .bredcum-wraper{
     width:100%;
     height:auto;
     padding-top: 30px;
}
 .bredcum-container{
     width:auto;
     height:auto;
     float:right;
}
 .bred-home{
     width:auto;
     height:auto;
     float:left;
     font-family:inherit;
     font-weight: normal;
     font-size:1em;
     color:#333;
     line-height:30px;
     text-transform: capitalize;
}
 .bred-home a{
     width:auto;
     height:auto;
     float:left;
     font-family:'Brockmann';
     font-weight: normal;
     font-size:1.111em;
     color:#333;
     line-height:30px;
     text-transform:capitalize; 
}
 .bred-home a:hover{
     width:auto;
     height:auto;
     float:left;
     color:#c63b41;
}
 .bred-arrow{
     width:auto;
     height:auto;
     float:left;font-family:'Brockmann';
     font-weight: normal;
     font-size:0.85em;
     color:#999;
     line-height:32px;
     padding-left:8px;
     padding-right:8px;
}
 .bred-next{
     width:auto;
     height:auto;
     float:left;
     font-family:'Brockmann';
     font-weight: normal;
     font-size:1em;
     color:#c63b41;
     line-height:30px;
     text-transform:capitalize; 
}
 .inner-wrap{
     width:100%;
     height:auto;
     margin-top:50px;
}

.inner-banner-title{
position: absolute;
    z-index: 1;
    display: inline-block;
    max-height: 100%;
    white-space: normal;
    bottom: 18%;
    left: 5%;
}
.inner-featured-text {
    font-size: 3.506em;line-height: 70px;
    font-weight: bold;
    font-style: normal;
    font-display: swap;
    font-family: 'Brockmann';
    color: #000;
    text-transform: none;
}
.inner-featured-text span{line-height: 85px;
  color: #0d529c;font-weight: bold;font-family: 'Brockmann';
    }
    .inner-init-text span{
  color: #c63b41 ;font-weight: bold;font-family: 'Brockmann';
    }
.inner-init-text {
    font-size: 3.506em;line-height: 70px;
    font-weight: bold;
    font-style: normal;
    font-display: swap;
    font-family: 'Brockmann';
    color: #000;
    text-transform: none;
}
.amp{
    font-family: 'Poppins';display: contents;
    font-weight: bold;line-height: 70px;
}

/************************************************** START CONTACT **************************************************/
.hide-menu{ display: none;}

 @media (min-width: 1023px)
 {

      

.process-list:nth-child(5n){
    margin-right: 0;
    }
    .process-list:nth-child(6){
   clear: both;
    }
}

 @media (min-width: 1023px) and (max-width: 1279px) {
     body {
         font-size:13px !important;
    }
     .d-container{
         width:100%;
         padding-left:5%;
         padding-right:5% 
    }
     .top-container {
         width: 100%;
         padding-left: 2%;
         padding-right:2%;
    }
    .sexy-menu.detached .nav-brand img {
       margin-top: 0px !important;
    width: 100px !important;
}
.inner-banner-caption.slide-title .init-text{
    font-size: 2em; line-height: 30px;
}
.ofr-price{
        left: -33px;
}
.ofr-price h1{
    left: 60%;
    font-size: 2.2em;    line-height: 30px;
}
.offer-divs .offers .row {
    padding-right: 50px;
    padding-left: 0px;
}
.offer-divs .offers .row {
    padding-right: 20px;
    padding-left: 0px;
}
.offer-divs .offers:nth-child(2n) .row{
    padding-right: 0px;
    padding-left: 20px;
}
.price span{line-height: 30px}
.price h1{
     font-size: 2em;     line-height: 19px
}
.offer-divs .offers:nth-child(2n) .price h1 {
    font-size: 1.8em;    line-height: 19px
}
.offer-divs .offers:nth-child(2n) .ofr-price{
    right: 0;
}
.offer-divs .offers .ofr-price img {
    width: 250px;
}
.price{
    height: 130px;
    width: 130px;
}

img.arrow-img{
        height: 60px;    bottom: -88px;
}
.ofr-text{
      right:-78%; top: 30%;
}
.ofr-text span{
   left: -31px;
    font-size: 1.8em;
    top: 13px;
}
.ofr-text h1{
    font-size: 5em; 
}
.contact-box figure .icon,.contact-box figure .icon img{
    height: 30px;
    width: 30px
}
.contact-det .col-md-4
{
    padding: 0;
}

   .modular-bg img.b-img,.traditional-bg img.b-img,.wood-bg img.b-img
{
width: 130px;
}
img.welcome-img{
    width: 100%;
}
img.welcome-img2{
        width: 100px;
}

.enq-form{
        padding: 45px 50px 10px 200px;   
    margin-left: 0%;    margin-right: 9%;
    }
    .enq-container
    {
        padding: 70px 0 100px;
    }
     
    img.offer-img
    {
   width: 150%;
    top: -30px;
    }
.fet-title {
    margin-bottom: 40px;
}
.welcome-detail-title5 h1
{
        font-size: 2.393em;margin: 0;
}
.location-sec iframe{
    height:500px;
}
span.locateus
{
        font-size: 1.802em;       left: 0;
    padding: 7px 20px;
}
.reach-padding{
    padding: 40px 30px 35px
}
.contact-left
{display: none;}
  body.services .inner-init-text{
    line-height: 45px;
    }
body.services .inner-featured-text span{
    line-height: 35px;
}
.page-hero-inner .hero-text-area{
    bottom: 23%;
}
.process-content h1
{
        margin-top: 5px; margin-bottom: 5px
}
.process-content
{
    min-height: 35px;
}
.process-list{
    padding: 7px 7px 3px
}
.process-list:after{
        left: 93%;
}

.products-container {
    padding: 0 50px;
    }
    .br-right:after{
            width: 56%;
    left: 74%;
    }


.inner-init-text,.inner-featured-text{
    font-size: 2.6em;    line-height: 5px;
}
.process-one__icon img
{
    height: 150px;
    width: 150px;
}
.process-one__icon-box{
    height: 170px;
    width: 170px;
}
.process-one__single--two .process-one__icon-box:after{
       width: 35%;
    left: -60px;
}

.process-one__single--one .process-one__icon-box:after{
        width: 35%;
    left: -47px
}
.contact-det{
    margin-bottom: 1em
}
.colors span{
    height: 35px;
    padding: 10px 15px;
}
.inner-product{
    min-height: 380px
}
      .featured-text {
             font-size: 1.5em;
            line-height: 40px;
        }
        .init-text{
            font-size: 2.8em;
            line-height: 45px;
        }
        .featured-text img{
            
        }
       
.header-call svg {
    height: 35px;
    width: 35px;
}

    .bg-image{
        height: 480px;
    }
    h2.css_prefix-title{
        font-size: 1.6em;
        line-height: 40px;
    }
    .pattern-1 img,.pattern-2 img{
width: 200px;
}
.contact-box figure svg{
    height: 40px;
    width: 40px;
}
    .bg-shape {
    padding: 20px 40px 20px 20px !important;
    }
    body.facilities .room-box .room-img-wrap{
           min-height: auto;
    height: auto;
    }
    .footer-content:nth-child(2):after {
    top: 7px;
    }
    .footer-content:after{
        left: -13px;
    top: -17px;
    height: 60px;
    }
    .footer-content:nth-child(5):after {
   left: -17px;
    }

.story-card-content {
    width: 415px;padding: 44px 30px 37px;
}
    .fac-container,.gallery-container {
    padding: 50px 0;
}
.contact-details-section-outer{
    padding: 100px 0 140px
}
section.contact-wrapper{
        padding: 20px 20px 50px;
}
.facility-div{
    padding: 10px 0 80px 
}
.welcome-detail-title h1{
    font-size: 1.8em
}
.welcome-detail-title{
        left: 20px;
    top: 60px;
}

.p30 {
    padding: 0 20px !important;
}
.about-content-img h2{
        line-height: 40px;font-size: 2em;
        margin-bottom: 10px;
}
.about-content-img p{
    line-height: 30px;
}
.contact-form input[type="text"]{
    height: 50px;
}
.contact-form .form-group {
    margin-bottom: 10px;
}
.contact-form-img{
        margin-bottom: 15px;
}
.about-section-f1 {
    top: 0;
}

.contact-box .content h6{
        line-height: 26.99px;
}
.footer-social-links ul li a i{
    font-size: .9em
}
     .nav-menu > li > a{ font-size: .7em !important}
     .navigation{
        height: 40px!important;
     }
     .sexy-menu.detached{padding: 0 !important}
     .nav-menu>li>a{
            padding:25px 10px!important;
            height: unset!important;
     }
     li.header-phone img {
    height: 20px;
    }
         .fac-card
    {
        min-height: 460px
    }
    
     .box-group .icon li {
    width: 120px;
    height: 120px;
    line-height: 120px;
    }
    .box-group .icon img{
        width: 80%;
    }
   
    .footer-content-icon img {
    height: 30px;
    }
.footer-content{
            margin-right:7%
     }
    
    .footer-container{
        padding-bottom: 1em
    }
   .welcome-detail{
    padding-top: 50px;
   }
   .welcome-detail.abt-content{
    padding-top: 0
   }
.welcome-detail.ser-det{
    padding-top: 30px;
    padding-bottom: 30px
}
.factory-bg img.welcome-img{
margin-bottom:-110px;
}
.traditional-bg img.welcome-img{
margin-top: -90px;
}
.modular-bg,.wood-bg{
        padding-right: 4%;
    }
.factory-bg,.traditional-bg{
padding-left: 4%;
}
img.b-img{
    height: 100px;
}

       .title-wraper.text-center {
        margin-bottom: 160px;
    }


   
.nav-brand img {
       width: 40%;
    margin-top: 5px !important;
}

.sexy-menu.detached .nav-menu > li > a {
    padding: 20px 10px !important;
}
.welcome-detail-title4 h1{
        font-size: 3em;
    line-height: 35.99px;
}
.m-bottom {
    margin-bottom: 30px !important;
}
.contact-box figure .icon {
    width: 50px;
    height: 50px;
    margin-right: 0;
}
.icon-div img{
    width: 80px;
}

.single-services{
    min-height: 300px;padding: 10px 20px;
}
section.adv-div {
    padding: 60px 50px;
}

.welcome-detail-title2 h1
{
    line-height: 30px;
    font-size: 2.2em;  

}
.abt-title{
    top: 39%;right: -40px;
}
 .year2{
        right: 5%;
    width: 35%;
 }
 .single-services .icon img{
width: 60px;
 }
 .abt-container {
    padding-top: 50px;
    padding-bottom: 50px;
}
.cs-hobble .cs-card_info{
    padding: 65px 30px 30px 30px;
}
.mission-div:nth-child(2),
.mission-div:nth-child(3),.mission-div:nth-child(5) {
    padding: 20px 0px 30px 30px;
}
.mission-div:nth-child(1),
.mission-div:nth-child(4){
        padding: 20px 30px 10px 0px;
}
 .welcome-detail.protech-bg {
    padding: 50px 50px 50px 180px;
}
img.client-img {
    width: 86%;
}
.address img {
    height: 35px;
    width: 35px;}
.footer-logo img {
    width: 50%;
}
.footer-content.product-links ul li:before{
    top: 10px;
}
.footer-content.product-links ul li {
    line-height: 25px;
    margin-bottom: 5px;
}
.address
{
    margin-bottom: 20px;
}
.footer-bg {
    padding: 60px 0 50px;
}
.developed-colors h1 span, .br-colors h1 span
{
        height: 50px;
    width: 50px;
    line-height: 50px;
}
.primary-colors, .developed-colors {
    margin-bottom: 20px;
}
body.about .welcome-container{
    padding: 50px;
}
 .enq-form textarea{
  height: 40px;  
}
div#video img{
    height: 300px;object-fit: cover
}
.footer-content-title{
        margin-bottom: 10px;
}
.footer-content:nth-child(1){
         margin-top: -20px;
}
.product-container{
    padding: 50px 0;
}
.welcome-detail-title.inner-bottom span
{
    margin-left: -50px;
}
.process-one__title{margin-bottom: 0}
.group-link img {
    height: 40px !important;
    width: 40px !important;
}

 a.book:after{
    left: 45px;
    top: 14px;
 }
 .testimonial-content
 {
        padding: 15px;    margin: 63px 5px 11px 74px;
 }
 .footer-content ul li{
    line-height: 27px
 }
 a.view-detail-btn.gal-btn {
    top: 30px;
    left: 25px;
}
 .view-detail-btn{
    height: 100px;
    width: 100px;line-height: 100px;
 }
.home-facility-wraper{
    padding-top: 50px;
    padding-bottom: 50px;
}

}
 @media (min-width: 1280px) and (max-width: 1359px) {
     body {
         font-size:15px !important;
    }
     .d-container{
         width:100%;
         padding-left:5%;
         padding-right:5% 
    }
    .enq-form{
        padding: 45px 50px 10px 240px;   
    margin-left: 0%;    margin-right: 9%;
    }
    .contact-det{
    margin-bottom: 1em
}
.ofr-price{
        left: -33px;
}
.ofr-price h1{
    left: 55%;
    font-size: 2.2em;    line-height: 30px;
}
.offer-divs .offers .row {
    padding-right: 50px;
    padding-left: 0px;
}
.offer-divs .offers .row {
    padding-right: 20px;
    padding-left: 0px;
}
.offer-divs .offers:nth-child(2n) .row{
    padding-right: 0px;
    padding-left: 20px;
}
.price span{line-height: 30px}
.price h1{
     font-size: 2em;     line-height: 19px
}
.offer-divs .offers:nth-child(2n) .price h1 {
    font-size: 1.8em;    line-height: 19px
}
.offer-divs .offers:nth-child(2n) .ofr-price{
    right: 0;
}
.offer-divs .offers .ofr-price img {
    width: 280px;
}
.price{
    height: 150px;
    width: 150px;
}

img.arrow-img{
        height: 60px;    bottom: -88px;
}
.ofr-text{
      right:-70%; top: 30%;
}
.ofr-text span{
   left: -31px;
    font-size: 1.8em;
    top: 13px;
}
.ofr-text h1{
    font-size: 5em; 
}
.welcome-detail.ser-det{
    padding-top: 30px;
    padding-bottom: 30px
}
.factory-bg img.welcome-img{
margin-bottom:-40px;
}
.traditional-bg img.welcome-img{
margin-top: -40px;
}
.modular-bg,.wood-bg{
        padding-right: 4%;
    }
.factory-bg,.traditional-bg{
padding-left: 4%;
}
.contact-box figure .icon,.contact-box figure .icon img{
    height: 30px;
    width: 30px
}
.contact-det .col-md-4
{
    padding: 0;
}
img.b-img{
    height: 100px;
}
    .enq-container
    {
        padding: 70px 0 100px;
    }
     
    img.offer-img
    {
   width: 150%;
    top: -30px;
    }
    .welcome-detail-title5 h1
{
        font-size: 2.393em;margin: 0;
}
    .welcome-detail-title2 h1{
            font-size: 2.367em;
    line-height: 41px;
    letter-spacing: -2px
    }
    .products-container {
    padding: 0 80px;
    }
    .br-right:after{
             width: 65%;
    left: 69%;
    }

.contact-left {
    left: -14px;
    top: 115px;
    width: 200px;
}
.reach-padding{
    padding: 40px 30px 35px;
}
.reachus{
    padding: 30px 35px 25px 30px
}
.icon-div {
    margin-left: -150px;
}
    .contact-container.row
    {
        padding: 50px
    }
    .colors span{
    height: 35px;
    padding: 10px 15px;
}
.inner-product{
    min-height: 450px
}
.process-one__icon img
{
    height: 160px;
    width: 160px;
}
.process-one__icon-box{
    height: 180px;
    width: 180px;
}
.process-one__single--two .process-one__icon-box:after{
     
    width: 70%;
    left: -126px;

}

.process-one__single--one .process-one__icon-box:after{
       
    width: 70%;
    left: -117px;

}
    .single-services .icon img{
width: 60px;
 }
 .welcome-detail.protech-bg {
    padding: 70px 70px 70px 230px;
}
img.client-img {
    width: 80%;
}

.footer-logo img {
    width: 50%;
}
.footer-bg {
    padding: 60px 0 50px;
}
.developed-colors h1 span, .br-colors h1 span
{
        height: 50px;
    width: 50px;
    line-height: 50px;
}
.pc, .dc{
        padding: 9px;
}
.br-colors .br{
    height: 40px;
}
img.protech{
        left: -56px;
    top: 22px;
    width: 40%;
}
.primary-colors, .developed-colors {
    margin-bottom: 20px;
}
   
    h2.css_prefix-title{
        font-size: 1.6em;
        line-height: 40px;
    }
     .top-container {
         width: 100%;
         padding-left: 3%;
         padding-right:3%;
    }
    
     .init-text{
        font-size: 3em;
        line-height: 55px;
     }
     .featured-text{
        line-height: 45px;
        font-size: 1.6em;    margin-bottom: 5px;
     }

.welcome-detail-title h1{
    font-size: 1.8em
}
.welcome-detail-title{
        left: 20px;
    top: 60px;
}
.facility-div{
    padding: 0 150px; margin-bottom: 50px;
}
.pro-content{
    padding: 12px 10px
}
.p30 {
    padding: 0 20px !important;
}
div#video img{
    height: 300px;object-fit: cover
}
.home-video{
        padding: 60px 0;
}
.footer-content-title{
        margin-bottom: 15px;
}
.footer-content:nth-child(1) {
    margin-top: -15px;
}
.welcome-detail-title4 h1{
        font-size: 2.6em;
    line-height: 35.99px;
}
.icon-div img{
    width: 80px;
}

.single-services{
    min-height: 300px;padding: 10px 20px;
}
section.adv-div {
    padding: 60px 50px;
}

     body.facilities .room-box .room-img-wrap {
    height: 365px;
}
img.welcome-img
{
    width:  100%;
  
}
.features{
    min-height: 400px;
}
.center-fet{
    width: 300px;
    height: 300px;
}
.inner-banner-caption.slide-title .init-text{
    font-size: 2.119em;    line-height: 30px;
}
.single-services{
    padding: 10px;
}
 .footer-social-links ul li a i{
    font-size: .9em
}
     .nav-menu > li > a{ font-size: .8em !important}
     .navigation{
        height: 40px!important;
     }
     .nav-menu>li>a{
            padding:40px 13px!important;
            height: unset!important;
     }
     .nav-menu > li:nth-last-child(1) a{
         padding:31px 13px!important;
     }
     
     .box-group .icon li {
    width: 120px;
    height: 120px;
    line-height: 120px;
    }
    .box-group .icon img{
        width: 80%;
    }
   
    .footer-content-icon img {
    height: 30px;
    }

       .title-wraper.text-center {
        margin-bottom: 160px;
    }


   .footer-content{
            margin-right:7%;
     }
    
.nav-brand img {
    width: 50%!important;    margin-top: 7px !important;
}
.sexy-menu.detached .nav-brand img
{
    width: 100px !important
}
.product-container{
    padding: 50px 0
}
     .nav-menu > li > a{ font-size: .9em !important}

     .nav-menu>li>a{
            padding: 40px 15px!important;
            height: unset!important;
     }
     .sexy-menu.detached .nav-menu > li > a {
    padding: 20px 15px !important;
}
       .title-wraper.text-center {
        margin-bottom: 160px;
    }
    
    .home-feat-wraper{
        padding-top: 80px;
        padding-bottom: 80px;
        padding-left:60px;
        padding-right: 60px;
        position: relative;
    }
 
    .shape1{
            top: 22%;
                width: 30%;
    }
    .shape4 {
    top: 24%;
    right: 22%;
        width: 30%;
    }
    .shape2{
    top: 60%;
    left: -3%;
        width: 30%;
    }
   .shape3{
    top: 71%;
    left: 22%;
        width: 30%;
    }
    .shape5 {
        top: 63%;
    right: 2%;
        width: 30%;
    }
    .edu-btn{
        margin-top: 0
    }
    .address img{
    height: 40px;
    width: 40px;
    line-height: 40px;
    }
    .about-wrap.style2 {
    padding: 60px 0 80px;
    }
    .about-wrap.style2 .about-img-wrap .ab-img-5
    {
        width: 200px;
    }
    .about-cat img
    {
            width: 100%;
    }
    .highlight-wrap {
    padding: 0px 0 100px;
    }
    
   
    .inner-init-text,.inner-featured-text {
    font-size: 3em;line-height: 20px;
    }
    body.services .inner-init-text{
       font-size: 3em;
    line-height: 55px;
    }
body.services .inner-featured-text span{
    line-height: 55px;
}

    .inner-banner-title{
        bottom: 18%;
    }

    .booking-wraper .contact-form1
    {
        height: 55%;
    }

    
    .bottom-pic img{
        height: 450px
    }
    
    .contact-form1
    {
        width: 70%;
            padding: 30px 40px 30px;
    }
        .fac-container,.gallery-container {
    padding: 50px 0;
}
.contact-details-section-outer{
    padding: 100px 0 140px
}
section.contact-wrapper{
        padding: 50px 20px 50px;
}
span.locateus
{
            font-size: 1.402em;
    left: 13px;
    padding: 7px 20px;
}
.location-sec iframe
{
    height: 500px !important;
}
.contact-form input[type="text"]{
    height: 50px;
}
.contact-form .form-group {
    margin-bottom: 10px;
}
.footer-social-links ul li a i{
    font-size: .9em
}
    .footer-container{
        width: 100%;
            padding-bottom: 10px;
    }
    .footer-content-icon img {
    height: 30px;
}


}
 @media (min-width: 1360px) and (max-width: 1399px) {
     body {
         font-size:16px !important;
    }
    .nav-menu>li>a
    {
        font-size: .9em !important
    }
    img.welcome-img
{
    width:  100%;
  
}

     .d-container{
         width:100%;
         padding-left:3%;
         padding-right:3% 
    }
     .top-container {
         width: 100%;
         padding-left: 3%;
         padding-right:3%;
    }
    span.locateus
{
        font-size: 1.802em;left: -18px;
    padding: 7px 20px;
}
div#video img{
    height: 300px;object-fit: cover
}
.home-video{
        padding: 60px 0;
}
.footer-content-title{
        margin-bottom: 15px;
}
.footer-content:nth-child(1) {
    margin-top: -15px;
}

.welcome-detail-title4 h1
{font-size: 3em}

.reach-padding{
    padding: 28px 40px 75px;
}
.reachus{
    padding: 30px 35px 25px 30px
}
    .single-services
    {
        padding: 10px 20px;min-height: 360px;
    }
    .process-one__single--two .process-one__icon-box:after{
        width: 50%;
    left: -100px
}

.process-one__single--one .process-one__icon-box:after{
        width: 50%;
    left: -90px
}
    .br-colors .br
    {
        height: 45px;
    }
    
    .welcome-container{
        padding-bottom: 70px
    }
    .welcome-detail.protech-bg {
    padding: 80px 30px 80px 250px;
}
.pc, .dc{
        padding: 9px;
}
    body.facilities .room-box:nth-child(1) .room-img-wrap .room-img img{
        height: 96%;
    }
   .fac-card
    {
        min-height: 530px
    }
    .contact-form1{
        width: 60%;
        padding: 30px 50px 30px;
    }
   


  .submit-btn
    {
        height: unset;
    }
    .bottom-pic img {
    height: 500px;
    }
    
    .footer-container{
        width: 100%;
        padding-bottom: 0
    }
    
 .footer-content{
            margin-right:7%
     }
     .footer-logo img{
            margin-top: -30px;
    margin-bottom: 25px;
     }
     .img2, .img2 img {
    height: 310px;
}
.nav-brand img {
    width: 70%
}
.sexy-menu.detached .nav-brand img{
    width: 140px !important;    margin-top: -10px !important
}

section.contact-wrapper
{
    padding: 70px 0 50px
}
}
 @media (min-width: 1400px) and (max-width: 1441px) {
     body {
         font-size:16px !important;
    }
     .d-container{
         width:100%;
         padding-left:5%;
         padding-right:5% 
    }
    div#video img{
    height: 300px;object-fit: cover
}
  img.welcome-img
{
    width:  100%;
  
}
.footer-content:nth-child(1) {
    margin-top: -20px;
}

    .enq-form{
        padding: 60px 50px 50px 240px;   
    margin-left: 0%;    margin-right: 7%;
    }
    .enq-container
    {
        padding: 100px 0 100px;
    }
    .enq-form .form-group {
    margin-bottom: 20px !important;
    }   
    img.offer-img
    {
   width: 140%;
    top: -30px;
    }
    .process-one__single--two .process-one__icon-box:after{
        width: 50%;
    left: -100px
}

.process-one__single--one .process-one__icon-box:after{
        width: 50%;
    left: -90px
}
     .br-colors .br
    {
        height: 45px;
    }
   
      span.locateus
{
        font-size: 1.802em;left: 7px;
    padding: 7px 20px;
}
.contact-left
{
   width: 200px;
    top: 122px;
    left: -25px;
}
.welcome-detail-title4 h1
{font-size: 3.5em}

.reach-padding{
    padding: 30px 40px 76px;
}
.reachus{
    padding: 30px 35px 25px 30px
}
  
.pc, .dc{
        padding: 9px;
}
    body.facilities .room-box:nth-child(1) .room-img-wrap .room-img img{
        height: 96%;
    }
   .fac-card
    {
        min-height: 530px
    }
    .contact-form1{
        width: 60%;
        padding: 30px 50px 30px;
    }
   


  .submit-btn
    {
        height: unset;
    }
    .bottom-pic img {
    height: 500px;
    }
    
    .footer-container{
        width: 100%;
        padding-bottom: 0
    }
   
 .footer-content{
            margin-right:9%
     }
     .footer-logo img{
            margin-top: -30px;
    margin-bottom: 25px;
     }
     .img2, .img2 img {
    height: 310px;
}
.nav-brand img {
    width: 80%
}
.unbeatable-detail{
    padding-left: 0;
    padding-right: 70px;
    margin-left: -10%;
}
}
 @media (min-width: 1441px) and (max-width: 1599px) {
     body {
         font-size:16px !important;
    }
     .d-container{
         width:100%;
         padding-left:5%;
         padding-right:5% 
    }
      img.welcome-img
{
    width:  100%;
  
}
    .fac-card
{
    min-height: 550px
}
.nav-brand img{
    width: 70%;
}
  .br-colors .br
    {
        height: 45px;
    }
  
    .welcome-container{
        padding-bottom: 30px
    }
    .welcome-detail.protech-bg {
    padding: 80px 30px 80px 250px;
}
.pc, .dc{
        padding: 9px;
}
    body.facilities .room-box:nth-child(1) .room-img-wrap .room-img img{
        height: 96%;
    }
   .fac-card
    {
        min-height: 530px
    }
    .contact-form1{
        width: 60%;
        padding: 30px 50px 30px;
    }
   


  .submit-btn
    {
        height: unset;
    }
    .bottom-pic img {
    height: 500px;
    }
    
    .footer-container{
        width: 100%;
        padding-bottom: 0
    }

     .footer-logo img{
            margin-top: -30px;
    margin-bottom: 25px;
     }
     .img2, .img2 img {
    height: 310px;
}
.nav-brand img {
    width: 40%
}

.unbeatable-detail{
    padding: 0;
    padding-right: 50px;
    margin-left: -50px;
}

}
 @media (min-width:1600px) and (max-width:1680px) {
     body {
         font-size:17px !important;
    }
     .d-container{
         width:100%;
         padding-left:5%;
         padding-right:5% 
    }
      img.welcome-img
{
    width:  100%;
  
}
     span.locateus
{
        font-size: 1.802em;left: 7px;
    padding: 7px 20px;
}
.contact-left
{
       width: 225px;
    top: 122px;
    left: -43px;
}
.contact-form
{
        padding: 40px
}

    .process-one__single--two .process-one__icon-box:after {
    width: 60%;
    left: -125px;
}
.process-one__single--one .process-one__icon-box:after{
      width: 60%;
    left: -120px;
}
      .br-colors .br
    {
        height: 45px;
    }
    
    .welcome-container{
        padding-bottom: 30px
    }
    .welcome-detail.protech-bg {
    padding: 80px 70px 80px 300px;
}
.pc, .dc{
        padding: 9px;
}
    body.facilities .room-box:nth-child(1) .room-img-wrap .room-img img{
        height: 96%;
    }
   .fac-card
    {
        min-height: 530px
    }
    .contact-form1{
        width: 60%;
        padding: 30px 50px 30px;
    }
   


  .submit-btn
    {
        height: unset;
    }
    .bottom-pic img {
    height: 500px;
    }
    
    .footer-container{
        width: 100%;
        padding-bottom: 0
    }

     .footer-logo img{
            margin-top: -30px;
    margin-bottom: 25px;
     }
     .img2, .img2 img {
    height: 310px;
}
.nav-brand img {
    width: 50%
}

.unbeatable-detail{
    padding: 0;
    padding-right: 50px;
    margin-left: -50px;
}


}
 @media (min-width:1681px){
     body {
         font-size:18px !important;
    }
   .d-container {
    width: 100%;
    padding-left: 6%;
    padding-right: 6%;
}


}
 @media (min-width:1360px) and (max-width:1680px) {

.ofr-price{
        left: -33px;
}
.ofr-price h1{
    left: 60%;
    font-size: 2.5em;    line-height: 40px;
}
.price h1{
     font-size: 2em;     line-height: 19px
}
.offer-divs .offers:nth-child(2n) .price h1 {
    font-size: 1.8em;    line-height: 19px
}
.offer-divs .offers:nth-child(2n) .ofr-price{
    right: 0;
}
.offer-divs .offers .ofr-price img {
    width: 350px;
}
.price{
    height: 180px;
    width: 180px;
}

img.arrow-img{
        height: 70px;    bottom: -110px;
}
.ofr-text{
      right: -67%; top: 30%;
}
.ofr-text span{
    font-size: 2em;
}
.ofr-text h1{
    font-size: 5.4em; 
}
.factory-bg img.welcome-img{
margin-bottom: -62px;
}
.traditional-bg img.welcome-img{
margin-top: -62px;
}
.contact-box figure .icon,.contact-box figure .icon img{
    height: 40px;
    width: 40px
}
.inner-banner-caption.slide-title .init-text{
    font-size: 2.2em; line-height: 35px;
}

.welcome-detail.ser-det{
    padding-top: 50px;
    padding-bottom: 50px
}
img.b-img{
    height: 100px;
}
.contact-det{
    margin-bottom: 1em;
}
 .enq-form{
        padding: 45px 50px 40px 240px;   
    margin-left: 0%;    margin-right: 7%;
    }
    .enq-container
    {
        padding: 100px 0 100px;
    }
    .enq-form .form-group {
    margin-bottom: 25px !important;
    }   
    img.offer-img
    {
   width: 140%;
    top: -30px;
    }

.welcome-detail-title2 h1{
    font-size: 2.326em;
    line-height: 43.99px;
}

.welcome-detail-title5 h1{
    font-size: 2.326em;
}
  .products-container {
    padding: 0 100px;
    }
    .br-right:after{
             width: 65%;
    left: 69%;
    }
.year2 {
    top: -12px;
    right: 5%;
}
.init-text{
       font-size: 3em;
}
section.adv-div {
    padding: 70px 50px;
}
.facility-div{
        padding: 0 150px;
}
.welcome-container{
margin-top: 50px;
}
img.abt-shape {
width: 200px;
    top: 34%;

    }
    img.welcome-img2{
        height: 150px;
    }
.contact-container.row
{
   padding: 60px 50px;
}
.size span{
    padding: 8px 6px;
}
.inner-product
{
    min-height: 500px;
}
.colors span
{
    height: 45px;
}

.line-shape{
    top: 30px
}

.fac-container,.gallery-container {
    padding: 50px 0;
}
.contact-details-section-outer{
    padding: 100px 0 140px
}

.welcome-detail
{
    padding-top: 50px;
}
.welcome-detail.abt-content{
    padding-top: 0
}
.footer-content ul li{
        margin-right: 13px;
}
.footer-content-icon img {
    height: 30px;
}
  
     .title-wraper.text-center {
        margin-bottom: 160px;
    }
 
    .about-wrap.style2 .about-img-wrap .ab-img-5
    {
            width: 250px;
    }
    .about-wrap.style2 .about-cat img{
        width: 90%
    }
    .inner-featured-text{
         font-size: 3em;
            line-height: 40px;
    }
    .inner-init-text
    {
        font-size: 3em;line-height: 35px;
    }
    body.services .inner-init-text{
    line-height: 45px;
    }
body.services .inner-featured-text span{
    line-height: 65px;
    }

    }

 @media (max-width:420px) {

  .init-text {
    font-size: 1.6em;
    line-height: 18px;
}.featured-text {
    font-size: 1.2em;margin-bottom: 10px;
}.featured-text img {
    width: 20%;
}
    .feat-img {
        height: 90px
    }
    .feat-img:nth-child(4) {
        height: 90px
    }
     body {
         font-size:14px !important;
    }
     .d-container{
         width:100%;
         padding-left:3%;
         padding-right:3% 
    }
     .top-container{
         width:100%;
         padding-left:2%;
         padding-right:2%;
    }
     .desk-view{
         display: none !important 
    }
     .mob-view{
         display: block !important 
    }
    .footer-wraper{     padding-top: 5px;
    padding-bottom: 80px;}
    .footer-container{ display: inherit;}
    .bottom-container{ width: 100%; padding: 0px; display: inherit;}
    
    .footer-social-links ul li {width: 30px;height: 30px; margin-right: 10px;}
    .footer-content:nth-child(1){ width: 100%;}
    .banner-caption-mid{ letter-spacing: -1px;}
    .whats-app img {margin-left: 0px;      }
   
    
}
 @media (min-width:421px) and (max-width:460px){

     .init-text {
    font-size: 1.7em;
    line-height: 30px;
}.featured-text {
    font-size: 1.2em;margin-bottom: 10px;    line-height: 25px;
}.featured-text img {
    width: 20%;
}
.center-column .inner-box{
        padding: 0px 10px 0px 10px;
}

 .footer-content ul li{ width: 100%; float: left;}
    .feat-img {
        height: 120px
    }
    .feat-img:nth-child(4) {
        height: 120px
    }

     body {
         font-size:14px !important;
    }
     .d-container{
         width:100%;
         padding-left:3%;
         padding-right:3% 
    }
     .desk-view{
         display: none !important 
    }
     .mob-view{
         display: block !important 
    }


    .footer-wraper{ padding-top:5px ; padding-bottom: 80px;}
    .footer-container{ display: inherit;}
    .bottom-container{ width: 100%; padding: 0px; display: inherit;}
    .footer-content:nth-child(1){ width: 100%;}
}

 @media  (max-width:460px){
.footer-content
{
    margin-bottom: 5%;
}

 @media (min-width:461px) and (max-width:560px){

.footer-content:nth-child(1){
    width: 60%;
}
.footer-content:nth-child(4){
    width: 40%;
}
.init-text {
    font-size: 1.8em;
    line-height: 30px;
}.featured-text {
    font-size: 1.3em;margin-bottom: 10px;    line-height: 25px;
}.featured-text img {
    width: 20%;
}
.footer-social-links ul li {
    margin-right:10px !important;
}
     body {
         font-size:14px !important;
    }
     .d-container{
         width:100%;
         padding-left:3%;
         padding-right:3% 
    }
     .top-container{
         width:100%;
         padding-left:1%;
         padding-right:1%;
    }
     .desk-view{
         display: none 
    }
     .mob-view{
         display: block !important
    }

    .designed p{ line-height: 30px;}
    .footer-wraper{ padding-top:5px ; padding-bottom: 80px;}
    .footer-container{ display: inherit;}
   
   
}


@media (max-width:560px){
.footer-content:nth-child(1){
    margin-top: 0
}
.footer-top-wraper {
    padding-top: 40px;
    padding-bottom: 10px !important;
}
.footer-content:nth-child(4){
    margin-bottom: 0;
}
.footer-content.qlinks,
.footer-content.product-links {
    display: none;
}

img.ofrimg{
    display: none;
}
h1.offer-conent{
    font-size: .8em
}
.offer-div img,.offer-div:before{
    border-radius: 10px;
}
.offer-col:nth-child(2){
    margin-top: 0px;
}
.offer-col:nth-child(6){
    margin-top: 0
}
.offer-divs .offers:nth-child(2n) .offer-col:nth-child(6){
          margin-top: 0px; 
}
.offer-col:nth-child(8),.offer-col:nth-child(5){
      margin-top: 0px;  
}
.offer-col:nth-child(10){
      margin-top:0px;  
}
.offer-sec {
    padding: 50px 0 50px; overflow: hidden;
}

.col-md-3.price-col{
padding: 50px 0;margin-bottom: 1em;
}

.offer-divs .offers:nth-child(2n) .price {
    right: 23%;    bottom: 14px;
}
.ofr-price{
       position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    top: 10%;
}
.ofr-price h1{
    left: 53%;
    font-size: 1.5em;    line-height: 22px;
}
.offer-divs .offers .row {
    padding-right: 50px;
    padding-left: 0px;
}
.offer-divs .offers .row {
    padding-right: 5px;
    padding-left: 5px;
}
.offer-divs .offers:nth-child(2n) .row{
    padding-right: 5px;
    padding-left: 5px;
}
.offer-divs .offers:nth-child(2n) .row{
display: flex;
    flex-direction: column-reverse;
}
.offer-divs .offers:nth-child(2n) .col-md-9 .row{
    display: block;
    flex-direction: unset;
}
.price span{ font-size: 1em;  line-height: 22px}
.price h1{
     font-size: 1.2em;     line-height: 19px
}
.col-md-3.p6.offer-col {
    padding: 3px !important;width: 50%;
    float: left;
}
.offer-divs .offers:nth-child(2n) .price h1 {
    font-size: 1.2em;    line-height: 19px
}
.offer-divs .offers:nth-child(2n) .ofr-price{
    left: 50%;    right: unset; 
}
.offer-divs .offers:nth-child(2n) .col-md-3.price-col{
    padding: 50px 0 0;margin-bottom: 0em;
}
.offer-divs .offers .ofr-price img {
    width: 150px;
}

.price{
    height: 90px;
    width: 90px;bottom: -9px; right: 23%;
    border: 2px solid #f2a61c;
}
.ofr-text{
         right: -12%;
    top: 42%;
}
.ofr-text span{
   left: -31px;
    font-size: 1.3em;
    top: 13px;
}
.ofr-text h1{
    font-size: 3.8em; 
}

    .product-col:nth-child(3),.product-col:nth-child(4), .product-col:nth-child(5), .product-col:nth-child(6)
{
display: none;
}
  img.mob-view.home-img{
     object-position: top !important;
        height: 90vh!important;
}
.pro-container {
    margin-top: 2em; overflow: hidden;
    margin-bottom: 3em; padding: 0 10px;
}
.service-container {
    padding: 20px 0;
}
.modular-bg,.traditional-bg,.wood-bg,.factory-bg
{
    padding: 20px;    margin-bottom: 10px;
}
.modular-bg img,.traditional-bg img,.wood-bg img,.factory-bg img{
    display: none;
}
.center-fet h1{
        font-size: 1.4em;
}
.center-fet
{
    top: 0;
    width: 210px;
    height: 210px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0 auto;
}
.features img{
        height: 60px;
}
span.num{
    height: 100px;
    width: 100px;
    line-height: 100px;
}
span.num.y{
background-size: cover;
}
.fet-container .col-md-6:nth-child(1) .features{
    padding: 100px 40px;
}
.features{
    min-height: unset;    padding:50px 40px;
}
.welcome-detail-title2 h4{
    font-size: 1em;
}
.abt-container{
margin-top: 2em;
}
.padding-abt{

    padding: 0 10px;
}
.inner-area.hero-text-area{
        top: 60% !important;
    left: 60% !important;
}
.inner-banner-caption.slide-title .init-text{
    font-size: 1.4em;    line-height: 25px;
}
.inner-banner-caption.slide-title .featured-text
{
     font-size: 1.1em;    line-height: 15px;
}
.box-content h3
{
    font-size: .9em;
        padding: 8px 30px;
}
.footer-social-links ul li{
    width: unset;
}
.home-video
{
    margin-top: 0;padding: 60px 0;
}
.enq-container
{
        padding: 10px 0 0;
}
img.offer-img{
    top: 30px;
}
.welcome-shape {
    width: 30%;
}
    .welcome-detail-title2 span{
        font-size: 1.3em;
    }
img.abt-shape{
    display: none;
}
.pro-content
{
    width: 60%;padding: 8px 10px;
}
.product-col:nth-child(1) .box-link img,
.product-col:nth-child(3) .box-link img,
.product-col:nth-child(5) .box-link img{
    border-top: 7px solid #fff;
    border-bottom: 7px solid #fff;
}
.more-btn{
        padding: 10px 20px;
}
img.welcome-img1{
    display: none;
}
img.offer-img{
        width: 95%;
}
div#video img{
    width: 100%;
}
.enq-form{
    padding: 50px 50px 20px 50px;display: block;
    margin-left: 2%; margin-right: 2%;
}
.location-sec iframe{
    height: 200px;
}
span.locateus{
        font-size: 1em;    left: -20px;
    padding: 10px 20px;
}

.contact-form .form-group {
    margin-bottom: 10px;
}
.contact-container .col-md-6{
    width: 100%;
}
.reach-social-links ul li a{
        width: 40px;
    height: 40px;
    line-height: 40px;
}
.contact-box .content p{
    font-size: 1em;
}
.contact-box figure .icon {
    width: 40px;
    height: 40px;
}
.reachus
{
    padding: 17px 8px 20px 0px
}
.contact-left, .contact-right{
    display: none;
}
.welcome-detail-title5 h1
{
    font-size: 1.6em;    margin: 0;
    line-height: 40px;
}
.reach-padding
{
    padding: 30px 15px 25px
}

.process-list:nth-child(2n){
    margin-right: 0
}
.process-content{
        min-height: 34px;
}
.process-list
{
        width: 40%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
    margin-right: 10%;
    padding: 5px 5px 3px;
}

.process-list:after
{
        width: 80px;
    height: 100px;
}
.products-container
{
    padding: 0 20px;
    margin: 30px 0;
}
.service-lst .whyneed .s-img{
    display: none;
}
.whyneed{margin-bottom: 0}
.service-lst .whyneed:nth-child(even) .whyneed-item{
    margin-right: 0px;padding: 0 30px;
}
.whyneed-item .inner-text h3{
        font-size: 1.2em;text-align: left;
}
.whyneed-item{ margin-bottom: 0;padding: 0px 30px 20px;   margin-left: 0px;}
.service-lst {
    margin-top: 0;
}

.amp{
    line-height: 25px;
}
h1.right-conent br{
    display: none;
}
.prod-div{
    margin-bottom: 10px
}
.mission-title h1
{
    font-size: 1.37em;
}
.mission-div:nth-child(1),
.mission-div:nth-child(2),
.mission-div:nth-child(4),
.mission-div:nth-child(5) {
    padding: 0 30px;
}
.mission-container{margin-bottom: 40px}
.mission-div img,img.mission-bg{
display: none;
}
.abt-container .col-md-6:nth-child(3) .cs-hobble .cs-card_info{
    margin-bottom: 0
}
.cs-hobble .cs-card_info p {
    color: #e8e8e8;
    text-align: left;
    line-height: 30px;
}

.cs-hobble .cs-card_title{
    font-size: 1.2em
}
.cs-hobble .cs-card_info{
    padding: 35px 30px 30px 30px;    margin-bottom: 50px;
}
.abt-container+.abt-container{
    padding-top: 0
}
.fet-title{padding: 0 10px; margin-bottom: 30px}
.fet-title h1{
        font-size: 1.3em;
    line-height: 30px;
}
.abt-title{
    transform: unset;position: unset;
}
.cs-hobble img{
        height: 100px;
    width: 100px;
}
body.about .abt-container img.img-full,.year2{display: none;}
.inner-init-text,.inner-featured-text{
    font-size: 1.3em; line-height: 20px;
}
.inner-featured-text span{
    line-height: 20px
}
.page-hero-inner .hero-text-area{
        bottom: 20%;
}
.box-link img{
    height: 300px; object-fit: cover;
}
    .footer-content.product-links{
        margin-bottom: 0
    }
.footer-content.product-links{
    width: 50%;
}
.footer-content:nth-child(5){
     width: 40%;
}

.footer-content.product-links ul li{
        line-height: 25px;
}
.footer-content.qlinks ul li
{
    width: 43%;
    float: left;
}
.footer-content-title:after{
        height: 3px;bottom: -5px
}
.footer-content
{
    margin-right: 0
}
.address
{
        margin-bottom: 10px;
}
.group-link img {
    height: 40px !important;
    width: 40px !important;
}
.icon-div {
    margin-left: 0;
    margin-bottom: 0px;
    width: 50%;
    float: left;
}
.icon-div h1{
    line-height: 21px;
    font-size: .9em
}
.icon-div img{
    height: 70px;
}
.welcome-detail-title4 h1
{
        font-size: 2em;
    line-height: 30px;
}
.unbeatable-detail{
    text-align: left;    padding: 0 30px;
}
.welcome-detail-title4 span
{
        font-size: 1.047em;    line-height: 30px;
}
.m-bottom {
    margin-bottom: 20px !important;
}
.welcome-detail-title3 h1
{  
        font-size: 1.6em;line-height: 40px;
}
.welcome-detail {
    margin-left: 0;
    padding-top: 0;
}
.year{display: none;}
h1.right-conent
{
    line-height:20px;     margin-top: 5px;   font-size: 1em;
}

.product-col:nth-child(2),.product-col:nth-child(4){
    top: 0
}
.welcome-detail-title
{
    top: 0;
}
.sexy-menu.detached .nav-brand img {
    margin-top: -20px !important;
    width: 85px !important;
}

.nav-brand img {
    width: 80%;
}

.icon-box-title{
    font-size: 1.1em;
    margin-bottom: 10px;
}
.icon-box-style-4{
    margin-bottom: 20px;
}
.footer-content ul li
{
    line-height: 30px;
}
.address img{
    height: 40px; width: 40px;margin-right: 3%;
}
.footer-content-title{
    margin-bottom: 10px;margin-right: 7%;
}
h3.deal-product-title a{
    font-size: .8em;
}
.deal-product-list{
     font-size: .8em;    margin-bottom: 5px;
}
section.adv-div{
    padding: 30px 30px 0;
}
figure.grid-img img{
    display: none;
}
.deal-product-card
{
    display: block;
}
.single-services
{
    padding: 15px 20px;min-height:unset;
    margin-bottom: 10px;
}

.single-services .icon,
.single-services .icon img{
        width: 55px;
    height: 55px;
    line-height: 55px;margin: 0 auto;
}
.page-hero .hero-text-area{
  left: 76%;
    right: unset;
    width:max-content;
    transform: translate(-50%, -50%);
    top: 80%;
}
.top-quickwraper{
    display: none;
}

.sexy-menu.detached{
    padding: 0 !important
}
.facility-div {
    padding: 0 50px
}
.col-md-3.spec {
    padding: 0;
}
.welcome-container {
    padding: 120px 0 40px;
}
.welcome-detail-title h1,
.welcome-detail-title2 h1{
font-size: 1.333em;line-height: 25px;
}
.lSAction{
    display: none!important;
}
#fac-slider, #fac-slider2 {
    margin-top: 10px;
}

.bg-color,img.welcome-img2
{
    display: none;
}
a.book
{
    margin: 15px auto 0;
    padding: 6px 15px 6px;font-size: .8em
}
.sexy-menu.detached{
    background: #fff !important;
}

 .footer-content-icon img{
        width: 30px;height: auto; 
    }
body.location .map-section{
    padding-top:  0 !important
}
.nav-menu>li:hover>a:before,.nav-menu>li:hover>a:after{
    display: none;
}
.fac-container,.gallery-container{
    padding-top: 10px !important
}
    .bred-home a{
        font-size: .9em
    }
    .love-story__flowers img{
        display: none;
    }

    .mob-view {
    width: 100%;
    display: block;
    object-position: center;
    object-fit: cover;
}
.contact-form-img{
    display: none;
}
.contact-container .col-md-8{
        padding-right: 3px;
    padding-left: 3px;
}
  .contact-form .col-md-6:nth-child(1), .contact-form .col-md-6:nth-child(3){
    padding-right: 15px;
  }
.about-section-f1 {
    top: 20px;
}
.about-section-f1 img{
    height: 60px;
}
.about-content-img p{
    font-size: 1em;    line-height: 25px;    margin-bottom: 20px;
}
.about-content-img h2{
    font-size: 1.33em;
        line-height: 27px;
    margin-bottom: 10px;
    text-align: center;
}
.contact-details-section-outer
{
    padding: 56px 0 45px;overflow: hidden;
}
.contact-box .content {
    width: 100%;
    }
.contact-details-section-outer .design-img2,.contact-details-section-outer .design-img{
    display: none;
}
.gallery-container {
    padding: 30px 0;overflow: hidden;
}
.map-section iframe{
    height: 200px;
}

.map-section {
    padding: 30px 0;overflow: hidden;
}
.story-card-content{
    position: unset;width: 100%;padding: 14px 20px 37px;
}
.story-card-img img{
    height: 40px;
}
.story-card-content h3 {
    margin-bottom: 10px;
}
.banner-btn a{
    padding: 7px 15px 7px 15px;
}
img.title-shape{
    width: 75%;
}

.welcome-detail.sec2 p{
padding-left: 10px;
}
.welcome-detail.abt-content p,.welcome-detail p{
    text-align: left !important;
}
.sexy-menu {
    padding-bottom: 0px !important;
}

.whats-app img {
    margin-left: 0px;
}
.booking-wraper  .contact-form1{
    position: unset;
    transform: none;
}
.contact-form,.contact-container.row
{
      width: 100%;
display: block;
    margin: 0;
}

.contact-box figure img{
    width: 33px;
}
.contact-box figure {
   width: 38px;margin-right: 15px;
    height: 38px;margin-bottom: 0;
}
.bg-image{
    display: none;
}
.contact-box
{
        margin-bottom: 10px;
}
.contact-box .content h6{
    font-size: 1em;
}

.center{
    display: block;
}

.booking-wraper{
       height: unset;    bottom: 0;
}

.padding-restaurant {
    padding: 0px;
}
.about-wrap.style2 {
    padding:20px 0 30px;
}

.bredcum-wraper{
    padding-top: 20px;
        padding-bottom: 0px;
}
.facility-inner {
    width: 49%;
}


body.restaurant .welcome-detail-title, body.about .welcome-detail-title, body.facilities .welcome-detail-title {
    font-size: 1.2em;
}
.recognition-wraper {
    padding-top: 40px;
}
.abt-pic,.rec-pic{
    display: none;
}
.abt-detail,.rec-detail{
    width: 100%;
    padding-left: 0%;
}
.main-container{
    padding-top: 30px;
}


.whats-app{
      bottom: 25vh;
}
.nav-menu>li>a{
    font-size: .9em !important
}
 .copy-right{ width: 22%; text-align: left; line-height: 30px;}
 .designed {
    width: 78%;
    text-align: right;
    line-height: 30px;
}
.designed p{
      line-height: 30px;
}
.footer-wraper{
    display: flex;
}
.back-to-top{
    display: none !important;
}
.footer-content:nth-child(3) ul{
    width: 100%;
}

.footer-content-for{
  padding-bottom: 0.5em;
}
.footer-top-title{
    padding-bottom: 10px;
}

.title-wraper{
    text-align: center;
    justify-content: center;
    margin: 0 auto;
}
.copy-right span {
    display: none;
}

.bottom-pic img{
    height: 500px;    object-fit: cover;
}

.bottom-wraper{
         margin-top: 45px;
    margin-bottom: 20px;
}
.contact-form1{
    width: 90%;
    padding: 30px 20px 30px;
    background-position: center;
    margin: 20px auto 0;
    top: 48%;
    height: 80%;
}
.contact-form1 .form-group
{
    width: 100%;
    float: none;
}
.contact-form1 .form-group input, .contact-form1 .form-group textarea, .contact-form1 .form-group select
{
    height: auto;
    padding: 10px 30px;
}
.edu-btn
{
    padding: 8px 20px;
        font-size: .9em;
}
.flex-div{
    display: block;
}
.view-all
{
    margin-top: 0;
    margin-bottom: 10px;
}
.view-all a
{
    font-size: .8em;
}
.left-tree {
    z-index: 1;
    width: 100px;
}
.right-tree {
    z-index: 1;
    width: 100px;
}

.welcome-title
 {
    font-size: 1em;
        line-height: 20px;
 }
 .welcome-title-middle{
    font-size: 1.6em
 }
.home-facility-wraper,.home-feat-wraper
{
        padding-top: 30px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 40px;
}
.facility
{
    width: 48%;
}
.facility:nth-child(1) {
    width: 100%;
}
.box-title
{
    font-size: .9em;
}
.box-title-sub{
    font-size: .8em;
}
.title-wraper.text-center {
    margin-bottom: 20px;
    }
   
    .shape1,.shape2,.shape3,.shape4,.shape5
    {
      display: none;
    }
    
    
    
    .carousel-control{
        display: none;
    }
}


 @media (min-width:561px) and (max-width:680px){


h1.offer-conent{
    font-size: .8em
}
.offer-div img,.offer-div:before{
    border-radius: 10px;
}
.offer-col:nth-child(2){
    margin-top: -50px;
}
.offer-col:nth-child(6){
    margin-top: 0
}
.offer-divs .offers:nth-child(2n) .offer-col:nth-child(6){
          margin-top: -50px; 
}
.offer-col:nth-child(8),.offer-col:nth-child(5){
      margin-top: -50px;  
}
.offer-col:nth-child(10){
      margin-top: -5px;  
}
.offer-sec {
    padding: 50px 0;
}
.offers .col-md-9{
width: 75%;
float: left;
}
.col-md-3.price-col{
    width: 25%;
float: left;
    top: -72px;
}
.offer-divs .offers:nth-child(2n) .col-md-3.price-col{
float: right;  
    right: 60px;
    top: 10px
}

.offer-divs .offers:nth-child(2n) .price {
    right:-12%;
}
.ofr-price{
        left: -23px;
}
.ofr-price h1{
    left: 60%;
    font-size: 1.5em;    line-height: 22px;
}
.offer-divs .offers .row {
    padding-right: 50px;
    padding-left: 0px;
}
.offer-divs .offers .row {
    padding-right: 10px;
    padding-left: 0px;
}
.offer-divs .offers:nth-child(2n) .row{
    padding-right: 0px;
    padding-left: 10px;
}
.price span{ font-size: 1em;  line-height: 30px}
.price h1{
     font-size: 1.3em;     line-height: 19px
}
.col-md-3.p6.offer-col {
    padding: 3px !important;width: 33%;
    float: left;
}
.offer-divs .offers:nth-child(2n) .price h1 {
    font-size: 1.2em;    line-height: 19px
}
.offer-divs .offers:nth-child(2n) .ofr-price{
    right: -31px;
}
.offer-divs .offers .ofr-price img {
    width: 150px;
}
.offer-divs .offers:nth-child(2n) {
    margin-top: 8em;
}
.price{
    height: 90px;
    width: 90px;bottom: -75px;
    border: 2px solid #f2a61c;
}

.ofr-text{
   right: 0%;
    top: 36%;
}
.ofr-text span{
   left: -31px;
    font-size: 1.8em;
    top: 13px;
}
.ofr-text h1{
    font-size: 4.5em; 
}

  .welcome-detail.abt-content p, .welcome-detail p {
    text-align: left !important;
}
img.mob-view.home-img{
     object-position: 100% 84%!important;
        height: 90vh!important;
}
.pro-container .col-md-4{
    width: 50%;float: left;
}
.pro-container {
    margin-top: 2em; overflow: hidden;
    margin-bottom: 3em; padding: 0 10px;
}
.service-container {
    padding: 20px 0;
}
.service-container {
    padding: 20px 0;
}
.modular-bg,.traditional-bg,.wood-bg,.factory-bg
{
    padding: 20px;    margin-bottom: 10px;
}
.modular-bg img,.traditional-bg img,.wood-bg img,.factory-bg img{
    display: none;
}
.fet-container {
    margin-bottom: 3em;
}
.center-fet h1{
        font-size: 1.4em;
}
.center-fet
{
    top: 0;
    width: 210px;
    height: 210px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0 auto;
}
.features img{
        height: 60px;
}
span.num{
    height: 100px;
    width: 100px;
    line-height: 100px;
}
span.num.y{
background-size: cover;
}
.features{
    min-height: unset;    padding:40px 20px;
}
.welcome-detail-title2 h4{
    font-size: 1.1em;
}
.abt-container{
margin-top: 2em;
}
.padding-abt{

    padding: 0 10px;
}
.inner-area.hero-text-area{
       top: 50% !important;
    left: 30% !important;
}
.inner-banner-caption.slide-title .init-text{
    font-size: 1.3em;    line-height: 25px;
}
.inner-banner-caption.slide-title .featured-text
{
     font-size: 1em;    line-height: 15px;
}
.footer-content:nth-child(3){
    clear: both;
}
.footer-content:nth-child(1){
    margin-top: 0 !important
}
.footer-social-links ul li{
    width: unset;
}
.home-video
{
    margin-top: 0;padding: 60px 0;
}
.enq-container
{
        padding: 50px 0 0;
}
img.offer-img{
    top: 0;
}
.welcome-shape {
    width: 30%;
}
    .welcome-detail-title2 span{
        font-size: 1.5em;
    }
img.abt-shape{
    display: none;
}
.pro-content
{
    width: 60%;padding: 8px 10px;
}
.more-btn{
        padding: 10px 20px;
}
img.welcome-img1{
    display: none;
}
img.offer-img{
        width: 95%;
}
div#video img{
    width: 100%;
}
.enq-form{
    padding: 50px 50px 20px 50px;display: block;
    margin-left: 2%; margin-right: 2%;
}
.nav-brand img{
    width: 60%;
}
.location-sec iframe{
    height: 300px;
}
span.locateus{
        font-size: 1em;    left: -20px;
    padding: 10px 20px;
}

.contact-form .form-group {
    margin-bottom: 10px;
}
.contact-container .col-md-6{
    width: 100%;
}
.reach-social-links ul li a{
        width: 40px;
    height: 40px;
    line-height: 40px;
}
.contact-box .content p{
    font-size: 1em;
}
.contact-box figure .icon {
    width: 40px;
    height: 40px;
}
.reachus
{
    padding: 17px 18px 10px 20px;
    margin-top: 0;
}
.reach-padding{
    padding: 30px 18px 10px 20px
}
.welcome-detail-title5 h1{
    font-size: 1.893em;
    line-height: 40.99px;
}
.contact-left, .contact-right{
    display: none;
}
body.gallery .col-md-3{
padding: 0 5px;
    width: 50%;float: left;
}
.process-list:nth-child(2n){
    margin-right: 0
}
.box-content h3
{
    font-size: .9em;
        padding: 8px 30px;
}
.process-content{
        min-height: 34px;
}
.process-list
{
        width: 40%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
    margin-right: 10%;
    padding: 5px 5px 3px;
}

.process-list:after
{
        width: 80px;
    height: 100px;
}
.products-container
{
    padding: 0 20px;
    margin: 30px 0;
}
.service-lst .whyneed .s-img{
    display: none;
}
.whyneed{margin-bottom: 0}
.service-lst .whyneed:nth-child(even) .whyneed-item{
    margin-right: 0px;padding: 0 30px;
}
.whyneed-item .inner-text h3{
        font-size: 1.2em;text-align: left;
}
.whyneed-item{ margin-bottom: 0;padding: 0px 30px 20px;   margin-left: 0px;}
.service-lst {
    margin-top: 0;
}

.service-lst .whyneed .s-img{
    display: none;
}
.whyneed{margin-bottom: 0}
.service-lst .whyneed:nth-child(even) .whyneed-item{
    margin-right: 0px;padding: 0 30px;
}
.whyneed-item .inner-text h3{
        font-size: 1.2em;text-align: left;
}
.whyneed-item{ margin-bottom: 0;padding: 20px 30px 20px;   margin-left: 0px;}
.service-lst {
    margin-top: 0;
}

.amp{
    line-height: 25px;
}
h1.right-conent br{
    display: none;
}

.abt-container .col-md-6:nth-child(3) .cs-hobble .cs-card_info{
    margin-bottom: 0
}
.cs-hobble .cs-card_info p {
    color: #e8e8e8;
    text-align: left;
    line-height: 30px;
}

.cs-hobble .cs-card_title{
    font-size: 1.2em
}
.cs-hobble .cs-card_info{
    min-height: unset;
    padding: 35px 30px 30px 30px;    margin-bottom: 50px;
}
.abt-container+.abt-container{
    padding-top: 0
}
.fet-title{padding: 0 10px; margin-bottom: 60px}
.fet-title h1{
        font-size: 1.4em;
    line-height: 30px;
}
.abt-title{
    transform: unset;position: unset;
}
.cs-hobble img{
        height: 130px;
    width: 130px;
}
body.about .abt-container{
    padding-top: 0 !important
}
body.about .abt-container img.img-full,.year2,img.shape1{display: none;}
.inner-init-text,.inner-featured-text{
    font-size: 1.5em; line-height: 27px;
}
.inner-featured-text span{
    line-height: 20px
}
.page-hero-inner .hero-text-area{
        bottom: 20%;
}
.product-col{
    width: 50%;float: left;
}
.p30 {
    padding: 0 10px !important;
}
    .footer-content.product-links{
        margin-bottom: 0
    }
.footer-content.product-links{
    /*width: 100%;*/
}
.footer-social-links ul li{margin-right: 0 !important}
.footer-content.product-links ul li{
        line-height: 25px; width: 100% !important
}
.footer-content.qlinks ul li
{
    width: 43%;
    float: left;
}
.footer-content-title:after{
        height: 3px;bottom: -5px
}
.footer-content
{
    margin-bottom: 5%;margin-right: 0
}
.address
{
        margin-bottom: 10px;
}
.group-link img {
    height: 40px !important;
    width: 40px !important;
}
.icon-div {
    margin-left: 0;
    margin-bottom: 0px;
    width: 50%;
    float: left;
}
.icon-div h1{
    line-height: 21px;
    font-size: .9em
}
.icon-div img{
    height: 70px;
}
.welcome-detail-title4 h1
{
        font-size: 2.5em;
    line-height: 30px;
}
.unbeatable-detail{
    text-align: left;    padding: 0 30px;
}
.welcome-detail-title4 span
{
        font-size: 1.047em;    line-height: 30px;
}
.m-bottom {
    margin-bottom: 20px !important;
}
.welcome-detail-title3 h1
{    
        font-size: 1.6em;line-height: 40px;
}
.welcome-detail {
    margin-left: 0;
    padding-top: 0;
}
.year{display: none;}
h1.right-conent
{
    line-height:20px;     margin-top: 5px;   font-size: 1em;
}
.product-col {
    margin-bottom: 10px;
}
.welcome-detail-title
{
    top: 0;
}
.page-hero .hero-text-area{
    left: 24%;    width: 100%;
}
.featured-text img {
    width: 20%;
}
.single-event-one .text-holder h3 a
{
    font-size: .8em;
}
.single-event-one .text-holder{
    padding: 15px 24px 10px;
}
.sidebar__post-list li{
    padding: 15px 10px 15px;
}
.sidebar__post-content h3{
        font-size: .8em;
    line-height: 22px;
}
.col-md-3.fac-li{
    width: 50%;
    float: left;
}

.topcart-cart{
    right: 22px;
    top: -10px;
}
.order_table {
    margin-top: 30px;
}
.primary{
    height: 200px;
}
.clear-both{
    clear: both;
}
.product__details__text h3{
    font-size: 1.333em;
}
.product__details__text {
    padding-left: 3%;
    padding-top: 2%;
}
.product__details__text p{
    margin-bottom: 0;
}
.center{
    display: block;
}
section.contact-details-section{
    padding-top: 20px;
}
section.contact-details-section{
    overflow: hidden;
}
.contact-box figure svg {
    height: 35px;
    width: 35px;
}
.enquiry-wrapper {
    padding: 30px 0;
}
.icon-box-title{
    font-size: 1.1em;
    margin-bottom: 10px;
}
.icon-box-style-4{
    margin-bottom: 20px;
}
.facility-div {
    padding: 40px 0;
}
.welcome-detail-title h1{
        font-size: 1.333em;
}
.welcome-detail-title2 h1{
      font-size: 1.7em; line-height: 30px
}
#fac-slider, #fac-slider2{
    margin-top: 20px;
}
.welcome-container{
    padding: 100px 0px 40px
}
.welcome-container .col-md-7{
    padding: 0
}
.deal-product-details{
    margin: 10px 0;
}
.lSAction,.bg-color,img.welcome-img2{
    display: none !important;
}

.sexy-menu.detached .nav-brand img {
    width: 110px !important;
    margin-top: -10px !important;
}
.address img{
    height: 35px; width: 35px
}
.footer-content-title{
    margin-bottom: 15px;
}
h3.deal-product-title a{
    font-size: .8em;
}
.deal-product-list{
     font-size: .8em;    margin-bottom: 5px;
}
section.adv-div{
    padding: 30px 30px 0;
}
figure.grid-img img{
    display: none;
}
.deal-product-card
{
    display: block;
}
.single-services
{
    padding: 30px; min-height:unset;
    margin-bottom: 10px;
}

.single-services .icon,
.single-services .icon img{
        margin: 0 auto
}

.top-quickwraper{
    display: none;
}

.sexy-menu.detached{
    padding: 0 !important
}

.footer-content-details p{
    font-size: .9em
}
    .mob-view {
    width: 100%;
    height:50vh ;
    display: block;
    object-position: center;
    object-fit: cover;
}
    .contact-form .col-md-6{
            width: 50%;
    float: left;
    }
   .about-section-f1 {
    top: 20px;
}
.about-section-f1 img{
    height: 60px;
}

.about-content-img p{
    font-size: 1em;    line-height: 25px;    margin-bottom: 20px;
}
.about-content-img h2{
    font-size: 1.4em;
        line-height: 27px;
    text-align: center;
        margin-bottom: 5px;
}
.contact-details-section-outer
{
    padding: 56px 0 45px;
}
.reach-social-links
{
    padding-top: 0;
}
.contact-det .col-md-4 {
    float: left;
}
.contact-box{
    margin-bottom: 0;
}
.contact-details-section-outer .design-img2,.contact-details-section-outer .design-img{
    display: none;
}
.contact-container.row,.contact-container .col-md-7{
       margin: 0;
       padding: 0
}
body.gallery .col-md-4{
    width: 50%;
     float: left;
}
.gallery-container {
    padding: 40px 0;
}
.map-section iframe{
    height: 250px;
}

.map-section {
    padding: 30px 0;
}
.story-card-content{
    position: unset;width: 100%;padding: 14px 20px 37px;
}
.story-card-img img{
    height: 40px;
}
.story-card-content h3 {
    margin-bottom: 10px;
}
.banner-btn a{
    padding: 7px 15px 7px 15px;
}

.footer-top-wraper{
    padding-top: 40px !important;
}

.footer-content ul{
    display: block;
}
.footer-content {
    margin-bottom: 15px;
    width: 45%;margin-right: 5%
}
.footer-content:nth-child(3) ul li{
    width: 100%;
}

.sexy-menu {
    padding-bottom: 0px !important;
}
.banner-wraper{
        margin-top: 0px;
}
.visitor-info {
    width: 500px;
    margin: 70px auto 0;
}
.center-column .inner-box{
        padding: 0px 10px 0px 10px;
}
    .contact-left,
.contact-right{
    width: 100%
}

.contact-box figure img{
    width: 25px;
}
.contact-box figure {
    width: 50px;
    height: 50px;
    margin-bottom: 0
}
.bg-image{
    display: none;
}
.contact-box .content h6{
    font-size: 1em;
}
.contact-box:nth-child(3){
    margin-bottom: 50px;
}
.contact-container.center
{
    display: block;
}

    .booking-wraper{
       height: unset;    bottom: 0;
}

.gallery-item{
        width: 32%;
    -ms-flex: 0 0 32%;
    flex: 0 0 32%;
    max-width: 32%;
    }  
  

.highlight-wrap {
    padding: 30px 0 30px;
}
.border-box ul li{
    padding-left: 10px;
}

.about-wrap.style2 {
    padding:20px 0 30px;
}

.padding-restaurant {
    padding: 0px;
}
.facility-inner {
    width: 49%;
}


body.restaurant .welcome-detail-title, body.about .welcome-detail-title, body.facilities .welcome-detail-title {
    font-size: 1.2em;
}
.recognition-wraper {
    padding-top: 40px;
}
.abt-pic,.rec-pic{
    display: none;
}
.abt-detail,.rec-detail{
    width: 100%;
    padding-left: 0%;
}
.main-container{
    padding-top: 30px;
}

    .whats-app{
            bottom: 25vh;
        right: 26px;
    }
  
.footer-content ul li {
    width: 46%;
    float: left;line-height: 30px;
}
.footer-content.qlinks ul li {
    width: 40%;
    float: left;
}
.footer-social-links ul li{
    width: 21px;
}
.footer-social-links ul li a{
    font-size: 1.1em;
}

.nav-menu>li>a{
    font-size: .9em !important
}
.designed p{
      line-height: 30px;
}
.footer-wraper{
    display: flex;
}
.back-to-top{
    display: none !important;
}
.footer-content:nth-child(3) ul{
    width: 100%;
}

.footer-content-for{
  padding-bottom: 0.5em;
}
.footer-top-title{
    padding-bottom: 10px;
}
.footer-content{
    margin-bottom: 20px;
}
.title-wraper{
    text-align: center;
    justify-content: center;
    margin: 0 auto;
}
.bottom-pic img{
    height: 500px;    object-fit: cover;
}

.bottom-wraper{
    margin-bottom: 20px;
}
.contact-form1{
    width: 90%;
    padding: 30px 20px 30px;
    background-position: center;
    margin: 20px auto 0;
    top: 48%;
    height: 80%;
}
.contact-form1 .form-group
{
    width: 100%;
    float: none;
}
.contact-form1 .form-group input, .contact-form1 .form-group textarea, .contact-form1 .form-group select
{
    height: auto;
    padding: 10px 30px;
}
.edu-btn
{
    padding: 8px 20px;
        font-size: .9em;
}

.feature-title
{
    font-size: 1.3em;
    text-align: center;
}
.feature-title-middle{
     font-size: 2em;
     line-height: 35px;
}
.fet-title h1{
     font-size: 1.333em;
      line-height: 16px;
}
.view-all
{
    margin-top: 0;
    margin-bottom: 10px;
}
.view-all a
{
    font-size: .8em;
}
.welcome-title
 {
    font-size: 1em;
        line-height: 20px;
 }
 .welcome-title-middle{
    font-size: 1.6em
 }

.box-title
{
    font-size: .9em;
}
.box-title-sub{
    font-size: .8em;
}
    img.mob-view.home-img{
        height: 84vh !important
    }
    .sexy-menu.detached{
        background: #fff !important
    }
   
  
    .init-text
    {
        font-size: 2.1em;
        line-height: 35px;
    }
    .featured-text
    {
        font-size: 1.3em;
        line-height: 35px;
    }
        
     .inner-banner-caption.slide-title .featured-text{
          font-size: 1.2em;line-height: 25px;
    }
    .inner-banner-caption.slide-title .init-text {
     font-size: 1.8em;    line-height: 30px;
    }

    body {
        font-size:14px !important;
   }
    .d-container{
        width:100%;
        padding-left:3%;
        padding-right:3% 
   }
    .top-container{
        width:100%;
        padding-left:1%;
        padding-right:1%;
   }
    .desk-view{
        display: none !important
   }
    .mob-view{
        display: block !important
   }

   .copy-right{  line-height: 30px;}
   .designed p{ line-height: 30px;}
   .footer-wraper{ padding-top: 5px;
    padding-bottom: 80px;}
   .footer-container{ display: inherit;}
  
}

 @media (max-width: 680px){

.contact-wrapper+.contact-wrapper{
margin-top: 2em;
}
.welcome-detail-title2 ,.welcome-detail-title{
    margin-bottom: 10px;
}
.contact-det{
        margin-bottom: 2em;
}
.sexy-menu.detached .nav-menu > li > a {
    padding: 12px 15px 12px 26px !important;
}
#button{
    display: none;
}
   
.pattern-layer {
    display: none;
}
    .contact-form-img{
        display: none;
    }
.fac-card{
    min-height: unset;margin-bottom: 15px;
}
.box-group .icon li {
    width: 80px;
    height: 80px;
    line-height: 80px;
    }  
    .fac-container {
    padding: 30px 0;overflow: hidden;
}

     .footer-logo{ display: none;}
        img.welcome-img{
            display: none;
        }
        
        body.about .welcome-detail span{
            padding-top: 10px;        text-align: left;
    justify-content: left;
    display: flex;
}
      }


@media (min-width:600px) and (max-width:768px) and (orientation:landscape) {
 
.navigation-portrait .nav-menu{
    overflow-y: scroll !important;    height: 400px !important;
}

}
 @media (min-width:681px) and (max-width: 768px){

h1.offer-conent{
    font-size: .8em
}
.offer-div img,.offer-div:before{
    border-radius: 10px;
}
.offer-col:nth-child(2),
.offer-col:nth-child(6),
.offer-col:nth-child(10){
    margin-top: -50px;
}
.offer-sec {
    padding: 50px 0;
}
.offers .col-md-9{
width: 75%;
float: left;
}
.col-md-3.price-col{
    width: 25%;
float: left;
    top: -72px;
}
.offer-divs .offers:nth-child(2n) .col-md-3.price-col{
float: right;  
    right: 60px;
    top: 10px
}

.offer-divs .offers:nth-child(2n) .price {
    right:4%;
}
.ofr-price{
        left: -33px;
}
.ofr-price h1{
    left: 60%;
    font-size: 1.6em;    line-height: 25px;
}
.offer-divs .offers .row {
    padding-right: 50px;
    padding-left: 0px;
}
.offer-divs .offers .row {
    padding-right: 20px;
    padding-left: 0px;
}
.offer-divs .offers:nth-child(2n) .row{
    padding-right: 0px;
    padding-left: 20px;
}
.price span{ font-size: 1em;  line-height: 30px}
.price h1{
     font-size: 1.3em;     line-height: 19px
}
.col-md-3.p6.offer-col {
    padding: 3px !important;width: 25%;
    float: left;
}
.offer-divs .offers:nth-child(2n) .price h1 {
    font-size: 1.2em;    line-height: 19px
}
.offer-divs .offers:nth-child(2n) .ofr-price{
    right: -45px;
}
.offer-divs .offers .ofr-price img {
    width: 165px;
}
.offer-divs .offers:nth-child(2n) {
    margin-top: 8em;
}
.price{
    height: 100px;
    width: 100px;bottom:-80px;
}
.ofr-text{
   right: -30%;
    top: 33%;
}
.ofr-text span{
   left: -31px;
    font-size: 1.3em;
    top: 13px;
}
.ofr-text h1{
    font-size: 3.5em; 
}
img.b-img{
    height: 100px;
}
.welcome-detail.abt-content p, .welcome-detail p {
    text-align: left !important;
}
.pro-container .col-md-4{
    width: 50%;float: left;
}
.pro-container {
    margin-top: 2em; overflow: hidden;
    margin-bottom: 3em; padding: 0 10px;
}
.service-container {
    padding: 20px 0;
}
.service-container {
    padding: 20px 0;
}
.service-container {
    padding: 20px 0;
}
.modular-bg,.traditional-bg,.wood-bg,.factory-bg
{
    padding: 20px;    margin-bottom: 10px;
}

.fet-container .col-md-6{
width: 50%;
float: left;
}
.fet-container {
    margin-top: 0em;
    margin-bottom: 3em;
}
.center-fet h1{
        font-size: 1.4em;
}
.center-fet
{
    width: 210px;
    height: 210px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0 auto;
}
.features img{
        height: 60px;
}
span.num{
    height: 100px;
    width: 100px;
    line-height: 100px;
}
span.num.y{
background-size: cover;
}
.features{
    min-height: 380px;
       padding:45px 30px;
}
.welcome-detail-title2 h4{
    font-size: 1.1em;
}
.abt-container{
margin-top: 2em;
}
.padding-abt{

    padding: 0 10px;
}
.inner-area.hero-text-area{
          top: 50% !important;
    left: unset !important;
    right: 5%;
}
.inner-banner-caption.slide-title .init-text{
    font-size: 1.3em;    line-height: 25px;
}
.inner-banner-caption.slide-title .featured-text
{
     font-size: 1em;    line-height: 15px;
}
 .enq-form textarea{
    height: 50px;
 }
.enq-container .col-md-4{
width: 45%;    float: left;
}
.enq-container .col-md-8{
width: 55%;    float: left;
}
.footer-content:nth-child(1){
    margin-top: 0 !important
}
.footer-social-links ul li{
    width: unset;
}
.home-video
{
    margin-top: 0;padding: 60px 0;
}
.enq-container
{
        padding: 50px 0 0;
}
img.offer-img{
    top: 0;
}
.welcome-shape {
    width: 30%;
}
    .welcome-detail-title2 span{
        font-size: 1.5em;
    }
img.abt-shape{
    display: none;
}
.pro-content
{
    width: 80%;padding: 8px 10px;
}
.more-btn{
        padding: 10px 20px;
}
img.welcome-img1{
    display: none;
}
img.offer-img{
        width: 110%;
}
div#video img{
          width: 50%;
    margin: 0 auto;
    display: flex;
}
.enq-form{
    padding: 50px 50px 20px 50px;display: block;
    margin-left: 2%; margin-right: 2%;
}
#button{
        bottom: 130px;
}
.contact-det .col-md-4{
width: 33%;float: left;
}
.contact-det {
    margin-bottom: 0em;
}
.location-sec iframe{
    height: 300px;
}
span.locateus{
    top: 40%;
        font-size: 1em;    left: -15px;
    padding: 10px 20px;
}

.contact-form .form-group {
    margin-bottom: 10px;
}
.contact-container .col-md-6{
    width: 100%;
}
.reach-social-links ul li a{
        width: 40px;
    height: 40px;
    line-height: 40px;
}
.contact-box .content p{
    font-size: 1em;
}
.contact-box figure .icon {
    width: 40px;
    height: 40px;
}
.reachus
{
    padding: 17px 18px 10px 20px;
    margin-top: 0;
}
.reach-padding{
    padding: 30px 18px 40px 20px;
    margin-bottom: 20px;
}
.welcome-detail-title5 h1{
    font-size: 1.893em;
    line-height: 40.99px;
}
.contact-left, .contact-right{
    display: none;
}
body.gallery .col-md-3{
padding: 0 5px;
    width: 50%;float: left;
}
.process-list:nth-child(3n){
    margin-right: 0
}
.process-content{
        min-height: 34px;
}
.ml-5 {
    margin-left: 0% !important;
}
.process-list
{
        width:25%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    margin-right: 10%;
    padding: 5px 5px 3px;
}

.process-list:after
{
        width: 80px;
    height: 100px;
}
.products-container
{
    padding: 0 20px;
    margin: 30px 0;
}
.service-lst .whyneed .s-img{
    display: none;
}
.whyneed{margin-bottom: 0}
.service-lst .whyneed:nth-child(even) .whyneed-item{
    margin-right: 0px;padding: 0 30px;
}
.whyneed-item .inner-text h3{
        font-size: 1.2em;text-align: left;
}
.whyneed-item{ margin-bottom: 0;padding: 0px 30px 20px;   margin-left: 0px;}
.service-lst {
    margin-top: 0;
}

.service-lst .whyneed .s-img{
    display: none;
}
.whyneed{margin-bottom: 0}
.service-lst .whyneed:nth-child(even) .whyneed-item{
    margin-right: 0px;padding: 0 30px;
}
.whyneed-item .inner-text h3{
        font-size: 1.2em;text-align: left;
}
.whyneed-item{ margin-bottom: 0;padding: 20px 30px 20px;   margin-left: 0px;}
.service-lst {
    margin-top: 0;
}

.amp{
    line-height: 25px;
}

span.arrow-right {
    font-size: 2em;
    margin-left: 1em;
    top: -25px;
    right: -80px;
    position: relative;
}
.pro-content {
    display: block;
}
.row.center{
    display: block;
}
.mission-title h1
{
    font-size: 1.37em;
}
.mission-div:nth-child(2),.mission-div:nth-child(5){
      padding: 20px 30px;
}
.mission-div:nth-child(1),
.mission-div:nth-child(4)
 {
    padding: 20px 30px;    width: 50%;
    float: left;
}
.mission-container{margin-bottom: 40px}
.mission-div img{
display: none;
}
.abt-container .col-md-6:nth-child(3) .cs-hobble .cs-card_info{
    margin-bottom: 0
}
.cs-hobble .cs-card_info p {
    color: #e8e8e8;
    text-align: left;
    line-height: 30px;
}

.cs-hobble .cs-card_title{
    font-size: 1.2em
}
.cs-hobble .cs-card_info{
    min-height: unset;
    padding: 35px 30px 30px 30px;    margin-bottom: 50px;
}
.abt-container+.abt-container{
    padding-top: 0
}
.fet-title{padding: 0 10px; margin-bottom: 60px}
.fet-title h1{
        font-size: 1.4em;
    line-height: 30px;
}
.abt-title{
    transform: unset;position: unset;
}
.cs-hobble img{
        height: 130px;
    width: 130px;
}
body.about .abt-container{
    padding-top: 0 !important
}
body.about .abt-container img.img-full,.year2,img.shape1{display: none;}
.inner-init-text,.inner-featured-text{
    font-size: 1.8em; line-height: 35px;
}
.inner-featured-text span{
    line-height: 20px
}
.page-hero-inner .hero-text-area{
        bottom: 30%;
}
.footer-content.product-links ul li br {
    display: none;
}
.box-group img{
    height: 200px;
}
.unbeat-container .col-md-5{
width: 70%;
}
.unbeat-container .col-md-3{
width: 30%;
}
.single-services
{
    padding: 15px;
    margin-bottom: 10px;  min-height: 330px
}
.col-md-3.spec{
    width: 50%;
    float: left;
}

.product-col{
    width: 33%;float: left;
}
.p30 {
    padding: 0 10px !important;
}
    .footer-content.product-links{
        margin-bottom: 0
    }
.footer-content.product-links{
    /*width: 100%;*/
}
.footer-social-links ul li{margin-right: 0 !important}
.footer-content.product-links ul li{
        line-height: 25px; width: 100% !important
}

.footer-content-title:after{
        height: 3px;bottom: -5px
}
.footer-content
{margin-right: 4%
}
.address
{
        margin-bottom: 10px;
}
.group-link img {
    height: 40px !important;
    width: 40px !important;
}
.icon-div {
    margin-left: 0;
    margin-bottom: 0px;
}
.icon-div h1{
    line-height: 21px;
    font-size: .9em
}
.icon-div img{
    height: 70px;
}
.welcome-detail-title4 h1
{
        font-size: 2.5em;
    line-height: 30px;
}
.unbeatable-detail{
    text-align: left;    padding: 0 20px;
}
.welcome-detail-title4 span
{
        font-size: 1.047em;    line-height: 30px;
}
.m-bottom {
    margin-bottom: 20px !important;
}
.welcome-detail-title3 h1
{          font-size: 1.8em;line-height: 40px;
}

.welcome-detail {
    margin-left: 0;
    padding-top: 0;
}
.year{display: none;}
h1.right-conent
{
    line-height:20px;     margin-top: 5px;   font-size: 1em;
}

.welcome-detail-title
{
    top: 50px; left: 0
}
.page-hero .hero-text-area{
    left: 24%;        width: max-content;
}
.single-event-one .text-holder h3 a
{
    font-size: .8em;
}
.clear-both{
    clear: both;
}
.product__details__text h3{
    font-size: 1.5em;
}
.product__details__text {
    padding-left: 3%;
    padding-top: 2%;
}
.product__details__text p{
    margin-bottom: 0;
}
.thumbnail-image{
        height: 70px;
}
.thumbnails a {
    width: 22%;
}

.pattern-1 img,.pattern-2 img{
    width: 20%;
}
.contact-box figure svg {
    height: 35px;
    width: 35px;
}
.bg-image{
    display: none;
}

.enquiry-wrapper {
    padding: 30px 0;
}
.col-md-3.fac-li {
    width: 50%;
    float: left;
}
.icon-box-title{
    font-size: 1.1em;
    margin-bottom: 10px;
}
.icon-box-style-4{
    margin-bottom: 20px;
}

.adv-div .grid-box:nth-child(4) {
    clear: both;
}
.adv-div .grid-box{
    width: 33%;
    float: left;
}

.facility-div {
    padding: 0px 0 40px;
}
.welcome-detail-title h1{
        font-size: 1.333em;
}
.welcome-detail-title2 h1{
      font-size: 1.7em; line-height: 30px;
}
#fac-slider, #fac-slider2{
    margin-top: 20px;
}
.welcome-container{
    padding: 100px 0px 40px
}
.welcome-container .col-md-7{
    padding: 0
}
.deal-product-details{
    margin: 10px 0;
}
.lSAction,.bg-color,img.welcome-img2{
    display: none !important;
}

.nav-brand img {
    width: 70%!important;    margin-top: 10px !important;
}

.address img{
    height: 35px; width: 35px;
}
.footer-content-title{
    margin-bottom: 15px;
}
h3.deal-product-title a{
    font-size: .8em;
}
.deal-product-list{
     font-size: .8em;    margin-bottom: 5px;
}
section.adv-div{
    padding: 30px 30px 0;
}
.deal-product-card{
    padding: 10px
}

figure.grid-img img{
    height: 280px
}
.single-services .icon,
.single-services .icon img{
       margin: 0 auto
       }

.top-quickwraper{
    display: none;
}

.sexy-menu.detached{
    padding: 0 !important
}

.footer-content-details p{
    font-size: .9em
}
    .mob-view {
    width: 100%;
    height:70vh !important;
    display: block;
    object-position: center;
    object-fit: cover;
}
.footer-content-icon img {
    height: 30px;
}
 .box-group .icon li {
    width: 120px;
    height: 120px;
    line-height: 120px;
    }
.contact-form-img{
    display: none;
}

 .contact-form .col-md-6{
            width: 50%;
    float: left;
    }
    .contact-details-section .col-md-4{
    width: 33%;
    float: left;
    }
.about-section-f1 {
    display: none;
}
.about-content-img h2
{
    font-size: 1.5em;
    margin-bottom: 0
}
.about-content-img p {
    font-size: 1em;
    margin-bottom: 0px;
    }

.contact-details-section-outer
{
        padding: 56px 0 107px;
}
    .about-content-img {
    padding-top: 10px;text-align: center;
}
 .about-content-img  .footer-social-links {
    
    text-align: center;
    justify-content: center;
    margin: 0 auto;
    display: flex;
}
.gallery-container {
    padding: 50px 0;
}
body.gallery .col-md-4{
    width: 50%;
     float: left;
}
.map-section iframe{
    height: 300px;
}

.map-section {
    padding: 30px 0;
}

.banner-btn a{
    padding: 7px 15px 7px 15px;
}
    .sexy-menu.detached .nav-brand img {margin-top: -5px !important;
    width: 35% !important; }
    .welcome-detail.abt-content p {
        text-align: justify;
    }
    
    .abt-container {
    padding-top: 50px;
    padding-bottom: 30px;
    }
    .abt-container::before{
        background-size: contain;
        width: 103px;
    height: 106px;
    }
  
.fac-container {
    padding: 50px 0;
}
.fac-card{
    min-height: 470px;
}

.footer-content:nth-child(3):after {
    top: 0;
}

img.welcome-img{
    display: none;
}

.footer-top-wraper{
    padding-top: 40px !important;
}
.center-column .inner-box{
        padding: 0px 10px 0px 10px;
}
.contact-form
{
padding: 30px;
    margin-bottom: 20px;
width: 100%;display: block;
}
body.checkout .contact-form .row{
    width: 100%;
}
.profile .col-lg-4.col-md-4.col-sm-6 {
    width: 33%;
    float: left;
    padding: 5px;
}
.acc-adress{
    margin-top: 5em
}
.shoping__cart__table table thead th{
    font-size: 1.1em;
}
.profile .contact-form .row{
    width: 100%;
}
.profile .col-lg-6.col-md-6.col-sm-6{
    width: 50%;
    float: left;
}
a.css_prefix-button.pull-right.add_addr.cart_btn {
    clear: both;
    margin-top: -50px;
}
.contact-box figure img{
    width: 25px;
}
.contact-box figure {
    width: 40px;
    height: 40px;justify-content: center;
    margin: 0 auto 10px;    top: 0;
}
.reach-social-links ul{
display: flex;
}
.reach-social-links{
    clear: both;    padding-top: 0;
}
.contact-box .content{
    width: 100%;
    text-align: center;
    margin-left: 0
}

.contact-box .content h6{
    font-size: 1em;
}
.contact-box:nth-child(3){
    margin-bottom: 50px;
}

.highlight-wrap {
    padding: 30px 0 30px;
}
.border-box ul li{
    padding-left: 10px;
}

.padding-restaurant {
    padding: 0px 40px;
}
.about-wrap.style2 {
    padding:20px 0 30px;
}

.bredcum-wraper{
        padding-bottom: 20px;
}


body.restaurant .welcome-detail-title, body.about .welcome-detail-title, body.facilities .welcome-detail-title {
    font-size: 1.4em;
}
.recognition-wraper {
    padding-top: 40px;
}
.abt-pic,.rec-pic{
    display: none;
}
.abt-detail,.rec-detail{
    width: 100%;
    padding-left: 0%;
}
.main-container{
    padding-top: 40px;
}

.whats-app{
        bottom: 25vh;
    right: 26px;
}

.footer-social-links ul li{
    width: auto;
}

.footer-social-links ul li a {
    width: 30px;
    height: 30px;
}

.nav-menu>li>a{
    font-size: .9em !important
}
 .copy-right{ width: 50%; text-align: left; line-height: 30px;}
 .designed {
    width: 50%;
    text-align: right;
    line-height: 30px;
}
.designed p{
      line-height: 30px;
}
.footer-wraper{
    display: flex;
}
.back-to-top{
    display: none !important;
}
.footer-content:nth-child(3) ul{
    width: 100%;
}

.footer-content-for{
  padding-bottom: 0.5em;
}
.footer-top-title{
    padding-bottom: 10px;
}
.footer-content{
    margin-bottom: 15px;
}
.title-wraper{
    text-align: center;
    justify-content: center;
    margin: 0 auto;
}

.contact-form1{
    width: 90%;
    padding: 30px 20px 30px;
    background-position: center;
   top: 52%;
    height: 70%;
}
.bottom-pic img {
    height: 400px;
}

.contact-form1 .form-group input, .contact-form1 .form-group textarea, .contact-form1 .form-group select
{
    height: auto;
    padding: 10px 30px;
}
.edu-btn
{
    padding: 8px 20px;
        font-size: .9em;
}

.feature-title
{
    font-size: 1.55em;
    text-align: center;
}
.feature-title-middle{
     font-size: 2.55em;
     line-height: 35px;
}
.fet-title{
     font-size: 1.333em;
      line-height: 16px;
}

.view-all a
{
    font-size: .8em;
}
.left-tree {
    z-index: 1;
    width: 100px;
}
.right-tree {
    z-index: 1;
    width: 100px;
}

.welcome-detail span{
    margin-top: 20px;text-align: left;
    justify-content: left;
    display: flex;
}

.welcome-title
 {
    font-size: 1em;
        line-height: 20px;
 }
 .welcome-title-middle{
    font-size: 1.6em
 }
.home-facility-wraper,.home-feat-wraper
{
        padding-top: 30px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 50px;
}

.box-title
{
    font-size: .9em;
}
.box-title-sub{
    font-size: .8em;
}
   .featured-text img{
    width:150px;
   }
   .featured-text
    {
    font-size: 1.4em;
    line-height: 35px;
    margin-bottom: 10px;

    }

    .init-text
    {
        font-size: 2.3em;
        line-height: 40px;
    }
    .inner-banner-caption.slide-title .featured-text{
          font-size: 1.1em;line-height: 30px;
    }
    .inner-banner-caption.slide-title .init-text {
     font-size: 1.9em;    line-height: 30px;
    }

    body {
        font-size:14px !important;
   }
    .d-container{
        width:100%;
        padding-left:3%;
        padding-right:3% 
   }
    .top-container{
        width:100%;
        padding-left:1%;
        padding-right:1%;
   }
    .desk-view{
        display: none !important
   }
    .mob-view{
        display: block  !important
   }

   .copy-right{  line-height: 30px;}
   .designed p{ line-height: 30px;}
   .footer-wraper{ padding-top: 5px;
    padding-bottom: 80px;}
   .footer-container{ display: inherit;}
   .sexy-menu.detached{
    background: #fff !important
   }
  
}

 @media (max-width: 768px){
img.cont-img{
    display: none;
}
.desk-view{
    display: none!important;
}
img.mob-view.home-img{
    display: block!important;
}


.nav-brand img
{
    /*background: #fff;*/
    margin: 0 auto !important;display: flex;
}
.location-sec iframe{
        margin-bottom: 40px;
}
.logo{
    top: 70% !important;
    left: 50%;
    transform: translate(-50%, -50%);
}

 .topcart-cart {
    font-size: 0.8em;
    color: #fff;
    font-family: inherit;
    width: 22px;
    height: 22px;
    background-color: #8a0000;
    position: absolute;
   
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.nav-menu>li:hover>a:after,.nav-menu>li a:after{
    display: none !important;
}
.shoping__cart__table {
    width: 100%;
    overflow-x: scroll;
}
.shoping__cart__table table {
width: 800px;
}
.col-md-3.fac-li {
    padding: 0 10px;
}
.icon-box-style-4
{
    padding: 20px 20px 35px 20px
}
  .mission-div{
      padding: 40px;
  }  
.deal-product-thumb img{
    height: 200px;
    object-fit: cover;
}

.submit-btn
{
    padding: 10px 30px;    margin: 0;
}
.contact-form input[type="text"]
{
    height: 50px;
}
section.contact-wrapper {
    padding: 30px 0px 30px;overflow: hidden;
}
section.contact-details-section{
    padding-top: 20px;
}
section.contact-details-section{
    overflow: hidden;
}
    .nav-menu>li>a
    {
        color: #fff !important
    }

     .nav-toggle, .navigation-hidden .nav-header {display: block !important;}

    
    .banner-wrp{height: calc(100vh - 75px) !important; overflow: hidden !important }
    .carousel-inner {height: 100% !important;}
   

 .nav-header{ width: 100%; }
 
 .bottom-menu{ width: 45px; height:45px; border-radius: 50%; display: flex !important; justify-content: center; align-items: center; border:1px solid #e7e7e7}
 .fine-arts-bg{ display: none;}
 .fine-arts-container{ padding-top: 0px;}

 .footer-container{ width: 100%; padding-top: 0;   padding-bottom: 0;}
 .footer-top-wraper {  padding-bottom: 30px;}
 .job-opportunity{ float: left;}
 #quick_view_bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: auto;
  background-color: #fff ;
 }

.sexy-menu.detached{
    opacity: 1 !important
}
.hide-menu{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 99999;
        padding: 10px 20px 10px 0;
        display: block;
}
.hide-menu img {
    display: block;
    justify-content: center;
    margin: 0 auto;
    width: 38px;
}
    .hide-menu a {
        width: 27%;
    line-height: 1;
    font-size: .9em;
    display: inline-block;
    float: left;
    text-align: center;
}
.hide-menu img {
    display: block;
    justify-content: center;
    margin: 0 auto;
}

.nav-toggle{
display: flex!important;
    align-items: center;
    width: 25px;
    height: 20px;
    cursor: pointer;
    /* border-top: 3px solid #000; */
    border-bottom: 3px solid #000;
    text-align: center;
    justify-content: center;
    position: absolute;
    bottom: 25px;
        right: 23px !important;
    }
   .nav-toggle:before {
    position: absolute;
    content: "";
    width: 40px;
    border-bottom: 3px solid #000;
    right: 0;
}

.nav-toggle:after {
    content: "";
    width: 33px;
    border-bottom: 3px solid #000;
    position: absolute;
    top: -2px;
    right: 0;
}

body.contact .mob-view{
    object-position: top;
}
.sexy-menu{
    position: fixed;
}
    }
 @media (min-width:769px) and (max-width:991px){

h1.offer-conent{
    font-size: .8em
}
.offer-div img,.offer-div:before{
    border-radius: 10px;
}
.offer-col:nth-child(2),
.offer-col:nth-child(6),
.offer-col:nth-child(10){
    margin-top: -50px;
}
.offer-sec {
    padding: 50px 0;
}
.offers .col-md-9{
width: 75%;
float: left;
}
.col-md-3.price-col{
    width: 25%;
float: left;
    top: -72px;
}
.offer-divs .offers:nth-child(2n) .col-md-3.price-col{
float: right;  
    right: 60px;
    top: 10px
}

.offer-divs .offers:nth-child(2n) .price {
    right:4%;
}
.ofr-price{
        left: -33px;
}
.ofr-price h1{
    left: 60%;
    font-size: 1.6em;    line-height: 25px;
}
.offer-divs .offers .row {
    padding-right: 50px;
    padding-left: 0px;
}
.offer-divs .offers .row {
    padding-right: 20px;
    padding-left: 0px;
}
.offer-divs .offers:nth-child(2n) .row{
    padding-right: 0px;
    padding-left: 20px;
}
.price span{ font-size: 1em;  line-height: 30px}
.price h1{
     font-size: 1.3em;     line-height: 19px
}
.col-md-3.p6.offer-col {
    padding: 3px !important;width: 25%;
    float: left;
}
.offer-divs .offers:nth-child(2n) .price h1 {
    font-size: 1.2em;    line-height: 19px
}
.offer-divs .offers:nth-child(2n) .ofr-price{
    right: -45px;
}
.offer-divs .offers .ofr-price img {
    width: 190px;
}
.offer-divs .offers:nth-child(2n) {
    margin-top: 8em;
}
.price{
    height: 100px;
    width: 100px;bottom: -62px;
}
.ofr-text{
   right: -34%;
    top: 36%;
}
.ofr-text span{
   left: -31px;
    font-size: 1.3em;
    top: 13px;
}
.ofr-text h1{
    font-size: 3.7em; 
}
img.cont-img{
    display: none;
}
.contact-det .col-md-4{
width: 33%;float: left;
}
.contact-det {
    margin-bottom: 0em;
}
.pro-container .col-md-4{
    width: 50%;float: left;
}
.pro-container {
    margin-top: 2em; overflow: hidden;
    margin-bottom: 3em; padding: 0 10px;
}
.service-container {
    padding: 20px 0;
}
.service-container {
    padding: 20px 0;
}


.modular-bg img,.traditional-bg img,.wood-bg img,.factory-bg img
{
width: 150px;
}
.service-container {
    padding: 20px 0;
}
.modular-bg,.traditional-bg,.wood-bg,.factory-bg
{
    padding: 20px;    margin-bottom: 10px;
}

.fet-container .col-md-6{
width: 50%;
float: left;
}
.fet-container {
    margin-top: 0em;
    margin-bottom: 3em;
}

.fet-container .col-md-6{
width: 50%;
float: left;
}
.fet-container {
    margin-top: 0em;
    margin-bottom: 3em;
}
.center-fet h1{
        font-size: 1.4em;
}
.center-fet
{
    width: 210px;
    height: 210px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0 auto;
}
.features img{
        height: 60px;
}
span.num{
    height: 100px;
    width: 100px;
    line-height: 100px;
}
span.num.y{
background-size: cover;
}
.features{
    min-height: 380px;
       padding:45px 30px;
}
.welcome-detail-title2 h4{
    font-size: 1.1em;
}
.abt-container{
margin-top: 2em;
}
.padding-abt{

    padding: 0 10px;
}
.inner-area.hero-text-area{
          top: 45% !important;
    left: unset !important;
    right: 5%; width: unset !important;
}
.inner-banner-caption.slide-title .init-text{
    font-size: 1.3em;    line-height: 25px;
}
.inner-banner-caption.slide-title .featured-text
{
     font-size: 1em;    line-height: 15px;
}
 .enq-form textarea{
    height: 50px;
 }
.enq-container .col-md-4{
width: 45%;    float: left;
}
.enq-container .col-md-8{
width: 55%;    float: left;
}
.footer-content:nth-child(1){
    margin-top: 0 !important
}
.footer-social-links ul li{
    width: unset;
}
.home-video
{
    margin-top: 0;padding: 60px 0;
}
.enq-container
{
        padding: 50px 0 0;
}
img.offer-img{
    top: 0;
}
.welcome-shape {
    width: 30%;
}
    .welcome-detail-title2 span{
        font-size: 1.5em;
    }
img.abt-shape{
    display: none;
}
.pro-content
{
    width: 80%;padding: 8px 10px;
}
.more-btn{
        padding: 10px 20px;
}
img.welcome-img1{
    display: none;
}
img.offer-img{
        width: 110%;
}
div#video img{
          width: 50%;
    margin: 0 auto;
    display: flex;
}
.enq-form{
    padding: 50px 50px 20px 50px;display: block;
    margin-left: 2%; margin-right: 2%;
}
.contact-left{
    display: none;
}
.welcome-detail-title5 h1{
        font-size: 1.93em;
    line-height: 47.99px;
}
.reach-padding{
    padding: 30px 30px 35px
}
body.gallery .col-md-3{
padding: 0 5px;
    width: 33%;float: left;
}
.process-list:nth-child(3n){
    margin-right: 0
}
.process-content{
        min-height: 34px;
}
.ml-5 {
    margin-left: 0% !important;
}
.process-list
{
        width:25%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    margin-right: 10%;
    padding: 5px 5px 3px;
}


.products-container
{
    padding: 0 20px;
    margin: 30px 0;
}
.service-lst .whyneed .s-img{
    display: none;
}
.whyneed{margin-bottom: 0}
.service-lst .whyneed:nth-child(even) .whyneed-item{
    margin-right: 0px;padding: 0 30px;
}
.whyneed-item .inner-text h3{
        font-size: 1.2em;text-align: left;
}
.whyneed-item{ margin-bottom: 0;padding: 0px 30px 20px;   margin-left: 0px;}
.service-lst {
    margin-top: 0;
}

.service-lst .whyneed .s-img{
    display: none;
}
.whyneed{margin-bottom: 0}
.service-lst .whyneed:nth-child(even) .whyneed-item{
    margin-right: 0px;padding: 0 30px;
}
.whyneed-item .inner-text h3{
        font-size: 1.2em;text-align: left;
}
.whyneed-item{ margin-bottom: 0;padding: 20px 30px 20px;   margin-left: 0px;}
.service-lst {
    margin-top: 0;
}

.service-lst .whyneed .s-img{
    display: none;
}
.whyneed{margin-bottom: 0}
.service-lst .whyneed:nth-child(even) .whyneed-item{
    margin-right: 0px;padding: 0 30px;
}
.whyneed-item .inner-text h3{
        font-size: 1.2em;text-align: left;
}
.whyneed-item{ margin-bottom: 0;padding: 20px 30px 20px;   margin-left: 0px;}
.service-lst {
    margin-top: 0;
}

.amp{
    line-height: 25px;
}

span.arrow-right {
    font-size: 2em;
    margin-left: 1em;
    top: -25px;
    right: -80px;
    position: relative;
}
.pro-content {
    display: block;
}
.row.center{
    display: block;
}
.mission-title h1
{
    font-size: 1.37em;
}
.mission-div:nth-child(2),.mission-div:nth-child(5){
      padding: 20px 30px;
}
.mission-div:nth-child(1),
.mission-div:nth-child(4)
 {
    padding: 20px 30px;    width: 50%;
    float: left;
}
.mission-container{margin-bottom: 40px}
.mission-div img{
display: none;
}
.row.center{
    display: block;
}
.mission-title h1
{
    font-size: 1.37em;
}
.mission-div:nth-child(2),.mission-div:nth-child(5){
      padding: 0px 30px;
}
.mission-div:nth-child(1),
.mission-div:nth-child(4)
 {
    padding: 0px 30px 30px;    width: 50%;
    float: left;
}
.mission-container{margin-bottom: 40px}
.mission-div img{
display: none;
}
.abt-container .col-md-6:nth-child(3) .cs-hobble .cs-card_info{
    margin-bottom: 0
}
.cs-hobble .cs-card_info p {
    color: #e8e8e8;
    text-align: left;
    line-height: 30px;
}

.cs-hobble .cs-card_title{
    font-size: 1.2em
}
.cs-hobble .cs-card_info{
    min-height: unset;
    padding: 35px 30px 30px 30px;    margin-bottom: 50px;
}
.abt-container+.abt-container{
    padding-top: 0
}
.fet-title{padding: 0 10px; margin-bottom: 60px}
.fet-title h1{
        font-size: 1.4em;
    line-height: 30px;
}
.abt-title{
    transform: unset;position: unset;
}
.cs-hobble img{
        height: 130px;
    width: 130px;
}
body.about .abt-container{
    padding-top: 0 !important
}
body.about .abt-container img.img-full,.year2,img.shape1{display: none;}
.footer-content.product-links ul li:before{
    top: 8px;
}

.footer-top-wraper .top-container{
    padding-left: 5%;
    padding-right: 5%;
}
li.header-phone img {
    height: 20px;
}

.single-services
{
    padding: 15px;
    margin-bottom: 10px;  min-height: 330px
}
.col-md-3.spec{
    width: 50%;
    float: left;
}

.product-col{
    width: 25%;float: left;
}
.p30 {
    padding: 0 3px !important;
}
    .footer-content.product-links{
        margin-bottom: 0
    }
.footer-content.product-links{
    /*width: 100%;*/
}
.footer-social-links ul li{margin-right: 10px !important}


.footer-content-title:after{
        height: 3px;bottom: -5px
}
.footer-content
{
  margin-right:4%
}
.footer-content ul li a,.footer-content ul li,
.address p, .address span{
    font-size: .92em;
    line-height: 23px;
}
.footer-content.product-links ul li{
     line-height: 23px;
}
.address
{
        margin-bottom: 10px;
}
.group-link img {
    height: 40px !important;
    width: 40px !important;
}
.icon-div {
    margin-left: 0;
    margin-bottom: 0px;
}
.icon-div h1{
    line-height: 21px;
    font-size: .9em
}
.icon-div img{
    height: 70px;
}
.welcome-detail-title4 h1
{
        font-size: 2.5em;
    line-height: 30px;
}
.unbeatable-detail{
    text-align: left;    padding: 0 20px;
}
.welcome-detail-title4 span
{
        font-size: 1.047em;    line-height: 30px;
}
.m-bottom {
    margin-bottom: 20px !important;
}
.welcome-detail-title3 h1
{    margin-bottom: 10px;
        font-size: 1.6em;line-height: 40px;
}
.welcome-detail {
    margin-left: 0;
    padding-top: 0;
}
.year{display: none;}
h1.right-conent
{
    line-height:20px;     margin-top: 5px;   font-size: .9em;
}

.welcome-detail-title
{
    top: 50px;    left: 0;
}
.page-hero .hero-text-area{
    left: 35%;    width: 100%;
}
.product-col {
    width: 33%;
    float: left;
}
.clear-both{
    clear: both;
}


.pattern-1 img,.pattern-2 img{
    width: 20%;
}
.pattern-1 img,.pattern-2 img{
    width: 20%;
}
.contact-box figure svg {
    height: 35px;
    width: 35px;
}
.bg-image{
    display: none;
}
.col-md-3.fac-li {
    width: 50%;
    float: left;
}


.mission-div{
    padding: 40px;
}
.mission-div .col-md-6 {
    width: 50%;
    float: left;
}
.adv-div .grid-box:nth-child(4) {
    clear: both;
}
.adv-div .grid-box{
    width: 33%;
    float: left;
}

.facility-div {
    padding: 40px 0;
}
.welcome-detail-title h1{
        font-size: 1.333em;
}
.welcome-detail-title2 h1{
      font-size: 1.8em; line-height: 33px;
}
#fac-slider, #fac-slider2{
    margin-top: 20px;
}
.welcome-container{
    padding: 100px 0px 40px
}
.welcome-container .col-md-7{
    padding: 0
}
.deal-product-details{
    margin: 10px 0;
}
.lSAction,.bg-color,img.welcome-img2{
    display: none !important;
}
.address img{
    height: 35px;width: 35px;
}
.footer-content-title{
    margin-bottom: 15px;
}
h3.deal-product-title a{
    font-size: .8em;
}
.deal-product-list{
     font-size: .8em;    margin-bottom: 5px;
}
section.adv-div{
    padding: 30px 30px 0;
}

.deal-product-card
{
    display: block;
}
.single-services
{
    padding: 10px;height:unset;
    margin-bottom: 10px;   min-height: 280px
}
figure.grid-img img{
    height: 305px
}
.single-services .icon,
.single-services .icon img{
        margin: 0 auto
}

.sexy-menu.detached{
    padding: 0 !important
}

.contact-box figure img{
    width: 25px;
}
.contact-container.row .col-md-6{
    width: 50%;
}

.contact-form .form-group {
    margin-bottom: 10px;
}
.contact-box .content p{
    font-size: 1em
}
.contact-box .content{
    width: 100%;
    text-align: center;
    margin-left: 0
}

.about-section-f1 {
    top: 25px;
}
.about-content-img h2
{
    font-size: 1.8em;
    margin-bottom: 0;
    text-align: center;
}


.map-section iframe{
    height: 300px;
}

.map-section {
    padding: 30px 0;
}
.story-card-content{
    position: unset;width: 100%;padding: 14px 20px 37px;
}
.story-card-img img{
    height: 40px;
}
.story-card-content h3 {
    margin-bottom: 10px;
}
.banner-btn a{
    padding: 7px 15px 7px 15px;
}
img.title-shape{
    width: auto
}
.footer-content-icon img{
    height:35%;
}

.footer-logo img {
    width: 90%;
}
.footer-content:after
{
        height: 70px;  
}

.header-call svg{
    padding: 12px 0;
}
.sexy-menu.detached .nav-menu > li > a {
    padding: 20px 9px!important ;
}
.nav-brand img {
   margin-top: 0px !important;
    width: 45% !important;
}
img.welcome-img{
    display: none;
}

.footer-content.qlinks,.footer-content:nth-child(5) {
    padding-left: 10px;
}

.contact-form
{
padding: 30px;
width: 95%;
}
.contact-box figure img{
    width: 35px;
}
.reachus {margin: 0;
    padding: 0px 18px 15px 0px;
    }
.contact-box figure {
    width: 50px;
    height: 50px;margin-right: 20px;
}
.contact-box .content h6{
    font-size: 1em;
}
.submit-btn
{
    padding: 10px 20px;
}
.contact-form input[type="text"]
{
    height: 50px;
}
section.contact-wrapper {
    padding: 30px 0px 40px;
}

.highlight-wrap {
    padding: 30px 0 30px;
}
.border-box ul li{
    padding-left: 10px;
}


.padding-restaurant {
    padding: 0px 40px;
}

.about-wrap.style2 {
    padding:20px 0 30px;
}

.bredcum-wraper{
        padding-bottom: 20px;
}
    body.restaurant .welcome-detail-title, body.about .welcome-detail-title, body.facilities .welcome-detail-title {
    font-size: 1.4em;
}
.recognition-wraper {
    padding-top: 40px;
}
.abt-pic,.rec-pic{
    display: none;
}
.abt-detail,.rec-detail{
    width: 100%;
    padding-left: 0%;
}
.main-container{
    padding-top: 40px;
}

.inner-init-text,.inner-featured-text{
    font-size: 1.8em;line-height: 25px;
}
.inner-featured-text span{
    line-height: 35px;
}

 body {
        font-size:14px !important;
   }
    .d-container{
        width:100%;
        padding-left:3%;
        padding-right:3% 
   }
    .top-container{
        width:100%;
        padding-left:1%;
        padding-right:1%;
   }

   .footer-logo img{
    width: 50%;
   }
   
.navigation{
height: unset !important; 
}
.tophead{
    padding-top: .3em !important
}
 .nav-menu>li>a{
        padding:20px 9px!important;
        height: unset !important; 
    }   

.sexy-menu.detached .nav-brand img {
   margin-top: 5px!important;
    width: 40%!important;
}
.whats-app{
        bottom: 25vh;
    right: 26px;
}
.footer-container{
    width: 100%;    padding-bottom: 0;    align-items: center;
    justify-content: center;
}
.footer-social-links ul li {
    font-size: .9em;
        width: auto;
}

.footer-top-wraper{
        padding-bottom: 30px;
        padding-top: 50px;
}
.nav-menu>li>a{
    font-size: .66em !important
}
 .copy-right{ width: 50%; text-align: left; line-height: 35px;}
 .designed {
    width: 50%;
    text-align: right;
    line-height: 35px;
}
.designed p{
      line-height: 35px;
}
.footer-wraper{
    display: flex;
}
.back-to-top{
    display: none;
}

.footer-content-for{
  padding-bottom: 0.5em;
}
.footer-top-title{
    padding-bottom: 10px;
}

.title-wraper{
    text-align: center;
    justify-content: center;
    margin: 0 auto;
}


.contact-form1{
    width: 70%;

    padding: 30px 20px 30px;
    background-position: center;
    top: 51%;
}
.bottom-pic img {
    height: 400px;
}

.contact-form1 .form-group input, .contact-form1 .form-group textarea, .contact-form1 .form-group select
{
    height: auto;
    padding: 10px 30px;
}
.edu-btn
{
    padding: 8px 20px;
        font-size: .9em;
            margin: 0;
}

.view-all a
{
    font-size: .8em;
}
.left-tree {
    z-index: 1;
    width: 100px;
}
.right-tree {
    z-index: 1;
    width: 100px;
}
.welcome-detail {
margin-right: 30px;
}
.welcome-title
 {
    font-size: 1.333em;
        line-height: 20px;
 }
 .welcome-title-middle{
    font-size: 2.6em
 }
.home-facility-wraper,.home-feat-wraper
{
        padding-top: 30px;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 10px;
}

.box-title
{
    font-size: 1em;
}
.box-title-sub{
    font-size: 1em;
}
    
    img.mob-view.home-img{
        height: 85vh
    }
    .featured-text
    {
        font-size: 1.4em; line-height: 40px;
        margin-bottom: 10px;
    }
  
    .init-text
    {
        font-size: 2.5em; line-height: 40px;
    }
     .inner-banner-caption.slide-title .featured-text{
          font-size: 1.2em;line-height: 20px;
    }
    .inner-banner-caption.slide-title .init-text {
     font-size: 2em;    line-height: 30px;
    }
    .love-story__flowers img {
    width: 70%;
    }
    .welcome-detail.abt-content p {
        text-align: justify;
    }
    
    .abt-container {
    padding-top: 50px;
    padding-bottom: 30px;
    }
    .abt-container::before{
        background-size: contain;
        width: 103px;
    height: 106px;
    }
}
 @media (min-width:992px) and (max-width:1022px){

.ofr-price{
        left: -33px;
}
.ofr-price h1{
    left: 55%;
    font-size: 2.2em;    line-height: 30px;
}
.offer-divs .offers .row {
    padding-right: 50px;
    padding-left: 0px;
}
.offer-divs .offers .row {
    padding-right: 20px;
    padding-left: 0px;
}
.offer-divs .offers:nth-child(2n) .row{
    padding-right: 0px;
    padding-left: 20px;
}
.price span{line-height: 30px}
.price h1{
     font-size: 1.8em;     line-height: 19px
}
.col-md-3.p6.offer-col {
    padding: 3px !important;
}
.offer-divs .offers:nth-child(2n) .price h1 {
    font-size: 1.5em;    line-height: 19px
}
.offer-divs .offers:nth-child(2n) .ofr-price{
    right: 0;
}
.offer-divs .offers .ofr-price img {
    width: 230px;
}
.price{
    height: 130px;
    width: 130px;
}

.ofr-text{
   right: -32%;
    top: 36%;
}
.ofr-text span{
   left: -31px;
    font-size: 1.8em;
    top: 13px;
}
.ofr-text h1{
    font-size: 4.5em; 
}
.contact-det{
    margin-bottom: 1em;
}
.contact-container .col-md-4 .cont-img {
    display: none;
}
.contact-container .col-md-8
{
    width:100%;
}

    .modular-bg img.b-img,.traditional-bg img.b-img,.wood-bg img.b-img
{
width: 150px;
}
.service-container {
    padding: 20px 0;
}
.modular-bg,.traditional-bg,.wood-bg
{
    padding: 20px;    margin-bottom: 10px;
}

.fet-container .col-md-6{
width: 50%;
float: left;
}
.fet-container {
    margin-top: 0em;
    margin-bottom: 3em;
}

.fet-container .col-md-6{
width: 50%;
float: left;
}
.fet-container {
    margin-top: 0em;
    margin-bottom: 3em;
}
.enq-form textarea{
    height: 50px;
 }
 .center-fet
{
    width: 300px;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0 auto;
}
.features{
    min-height: 440px;
}
.enq-container .col-md-4{
width: 45%;    float: left;
}
.enq-container .col-md-8{
width: 55%;    float: left;
}
.footer-content:nth-child(1){
    margin-top: -20px !important
}
.footer-social-links ul li{
    width: unset;
}
.home-video
{
    margin-top: 0;padding: 60px 0;
}
.enq-container
{
        padding: 50px 0 0;
}
img.offer-img{
    top: 0;
}
.welcome-shape {
    width: 30%;
}
    .welcome-detail-title2 span{
        font-size: 1.6em;
    }
img.abt-shape{
    display: none;
}
.pro-content
{
    width: 80%;padding: 8px 10px;
}
.more-btn{
        padding: 10px 20px;
}
img.welcome-img2{
    width: 100px;
}
img.offer-img{
    width: 110%;
}
div#video img{
          width: 50%;
    margin: 0 auto;
    display: flex;
}
.enq-form{
    padding: 50px 50px 20px 50px;display: block;
    margin-left: 2%; margin-right: 2%;
}
.welcome-detail-title5 h1{
        font-size: 1.93em;
    line-height: 47.99px;
}
.reach-padding{
    padding: 30px 30px 35px
}
.reachus
{
    margin-top: 0;
    padding: 27px 18px 15px 30px
}
.contact-left{
    display: none;
}
.reach-padding .col-md-8{
width: 100%;
}
.fet-title {
    margin-bottom: 40px;
}
.products-container
{
    padding: 0 0px;
    margin: 60px 0;
}
.service-lst .whyneed:nth-child(2n) .s-img {
    left: 17%;
}
.s-img{
    height: 90px;right: 5%;
       width: 90px;
}
.whyneed-item{
    padding: 20px 40px 20px
}
.abt-title{
        right: -27px;
}
.year2{
    width: 32%;
}
.abt-container{
      margin-top: 3em;
}
.padding-abt{
    padding: 0 50px
}


.footer-content.product-links ul li:before{
    top: 8px;
}

li.header-phone img {
    height: 20px;
}
.
.box-group img{
    height: 200px;
}
.unbeat-container .col-md-5{
width: 70%;
}
.unbeat-container .col-md-3{
width: 30%;
}
.single-services
{
    padding: 15px;
    margin-bottom: 10px;  min-height: 330px
}

.product-col{
    width: 25%;float: left;
}
.p30 {
    padding: 0 3px !important;
}
    .footer-content.product-links{
        margin-bottom: 0
    }

.footer-social-links ul li{margin-right: 10px !important}
.footer-content.product-links ul li{
        line-height: 25px; width: 100% !important
}

.footer-content-title:after{
        height: 3px;bottom: -5px
}
.footer-content
{
    margin-bottom: 5%;margin-right: 0
}
.address
{
        margin-bottom: 10px;
}
.group-link img {
    height: 40px !important;
    width: 40px !important;
}
.icon-div {
    margin-left: 0;
    margin-bottom: 0px;
}
.icon-div h1{
    line-height: 21px;
    font-size: .9em
}
.icon-div img{
    height: 70px;
}
.welcome-detail-title4 h1
{
        font-size: 2.5em;
    line-height: 30px;
}
.unbeatable-detail{
    text-align: left;    padding: 0 20px;
}
.welcome-detail-title4 span
{
        font-size: 1.047em;    line-height: 30px;
}
.m-bottom {
    margin-bottom: 20px !important;
}
.welcome-detail-title3 h1
{    margin-bottom: 10px;
        font-size: 2em;line-height: 40px;
}

.year{display: none;}
h1.right-conent
{
    line-height:20px;     margin-top: 5px;   
}

.welcome-detail-title
{
    top: 50px;    left: 0;
}
.blog__item{padding: 0}

.pattern-1 img,.pattern-2 img{
    width: 20%;
}
.contact-box figure svg {
    height: 35px;
    width: 35px;
}
.bg-image {
    height: 460px;
    top: 107px;padding: 30px;
    }
    h2.css_prefix-title{
    font-size: 1.6em;
    line-height: 30px;
    }
.year{
    margin: 5px 0;
}

img.welcome-img{
    width: 100%;
}
.adv-div .grid-box:nth-child(4) {
    clear: both;
}
.adv-div .grid-box{
    width: 33%;
    float: left;
}

.facility-div {
    padding: 40px 0;
}
.welcome-detail-title h1{
        font-size: 1.8em;
}
.welcome-detail-title2 h1{
      font-size: 2em; line-height: 40px
}
#fac-slider, #fac-slider2{
    margin-top: 20px;
}
.lSAction{
    display: none !important;
}
.welcome-container{
    padding: 220px 0px 50px
}
.welcome-container .col-md-7{
    padding: 0
}


.prod-div{
    height: 320px
}

.address img{
    height: 35px; width: 35px;
}
.footer-content-title{
    margin-bottom: 15px;
}
h3.deal-product-title a{
    font-size: .8em;
}
.deal-product-list{
     font-size: .8em;    margin-bottom: 5px;
}
section.adv-div{
    padding: 50px 50px;
}


.single-services
{
    padding: 15px;
    margin-bottom: 0px;   min-height: 300px
}
.col-md-3.spec{
    width: 50%;
    float: left;
}

figure.grid-img img{
    height: 305px
}
.single-services .icon,
.single-services .icon img{
      margin: 0 auto;
}

.sexy-menu.detached{
    padding: 0 !important
}
.contact-box{
    margin: 0;
  padding: 10px 16px 10px !important  
}
span.locateus{
        font-size:1.4em;    left: -17px;
}
.location-sec iframe{
    height:400px;
}
.contact-form .form-group {
    margin-bottom: 15px;
}
.contact-box .content{
    width: 100%;
}

.contact-details-section-outer
{
        padding: 56px 0 107px;
}
.contact-form{
    padding: 20px;
}
.story-card-content {
    width: 415px;padding: 44px 30px 37px;
}
.welcome-detail span{
    margin-top: 30px;
}
img.title-shape{
    width: auto
}
.footer-content-icon img{
    height: 30px;
}

.footer-logo img {
    width: 80%;
}

.nav-brand img {
    width: 55% !important;margin-top:0px !important;
}
.sexy-menu.detached .nav-brand img {
     width: 130px !important;
    margin-top: -4px !important;
}

.booking-wraper{
   height: 430px
}
section.contact-wrapper {
    padding: 20px 30px 30px;
}

.highlight-wrap {
    padding: 30px 0 30px;
}
.border-box ul li{
    padding-left: 10px;
}
.padding-restaurant {
    padding: 0px 70px;
}
.about-wrap.style2 {
    padding:40px 0 80px;
}
.about-wrap.style2 .about-img-wrap .ab-img-5{
    width: 200px
}
.about-wrap.style2 .about-img-wrap .ab-img-6
{
        max-width: 120px;
}
.about-cat img{
    width: 200px;
}
.about-wrap.style2 .about-bg-five
{
        max-width: 100%;
}
.bredcum-wraper{
        padding-bottom: 20px;
}

.sexy-menu.detached .nav-menu > li > a{
    padding: 20px 12px !important
}
img.abt-pic1,img.abt-pic2
{
    width: 60%
}
.abt-title {
    margin-bottom: 65% !important;
}
.page-hero-inner .hero-text-area{
    bottom: 20%;
}
.inner-init-text,.inner-featured-text{
    font-size: 2.35em;    line-height: 40px;
}
.inner-featured-text span{  line-height: 25px; }

    body {
        font-size:14px !important;
   }
    .d-container{
        width:100%;
        padding-left:3%;
        padding-right:3% 
   }
    .top-container{
        width:100%;
        padding-left:1%;
        padding-right:1%;
   }
  
.navigation{
height: unset !important; 
}
.tophead{
    padding-top: .3em !important
}
 .nav-menu>li>a{
        padding: 30px 15px !important;
        height: unset !important; 
    }   

.whats-app{
        bottom: 25vh;
    right: 26px;
}
.footer-container{
    width: 100%;
    padding-bottom: 0
}

.footer-social-links ul li{
    width: unset;  
}
.footer-social-links ul li a{
    width: 30px;
    height: 30px;
    line-height: 30px;
}
.footer-content ul li{
    margin-right: 5px;    line-height: 29px;
}
.footer-top-wraper{
        padding-bottom: 0;
        padding-top: 50px;
}
.nav-menu>li>a{
    font-size: .8em !important
}
 .copy-right{ width: 22%; text-align: left; line-height: 50px;}
 .designed {
    width: 78%;
    text-align: right;
    line-height: 50px;
}
.designed p{
      line-height: 50px;
}
.footer-wraper{
    display: flex;
}
.back-to-top{
    display: none;
}

.footer-content-for{
  padding-bottom: 0.5em;
}
.footer-top-title{
    padding-bottom: 10px;
}
.footer-content{
    margin-bottom: 15px;    margin-right: 7%;
}
.title-wraper{
    text-align: center;
    justify-content: center;
    margin: 0 auto;
}

.contact-form1{
    width: 70%;

    padding: 30px 20px 30px;
    background-position: center;
    top: 51%;
}
.bottom-pic img {
    height: 400px;
}

.contact-form1 .form-group input, .contact-form1 .form-group textarea, .contact-form1 .form-group select
{
    height: auto;
    padding: 10px 30px;
}
.edu-btn
{
    padding: 8px 20px;
        font-size: .9em;
            margin: 0;
}


.title-wraper.text-center
{
        margin-bottom: 150px;
}
.feature-title
{
    font-size: 1.8em;
}
.feature-title-middle{
     font-size: 2.8;
     line-height: 45px;
}
.fet-title h1{
     font-size: 2em;
      line-height: 20px;
}

.mission-div:nth-child(2) {
    padding: 30px 0px 30px 30px;
}
.mission-div:nth-child(1) {
    padding: 30px 30px 10px 0px;
}
.cs-hobble .cs-card_info{
    min-height: 555px;    margin-bottom: 0;
    padding: 50px 30px 30px 30px
}
.view-all a
{
    font-size: .8em;
}
.left-tree {
    z-index: 1;
    width: 100px;
}
.right-tree {
    z-index: 1;
    width: 100px;
}

.welcome-title
 {
    font-size: 1.333em;
        line-height: 20px;
 }
 .welcome-title-middle{
    font-size: 2.6em
 }
.home-facility-wraper,.home-feat-wraper
{
        padding-top: 60px;
 /*   padding-left: 30px;
    padding-right: 30px;*/
    padding-bottom: 60px;
}
.visitor-info{
        width: 760px;
        margin: 70px auto 0;
}
.box-title
{
    font-size: 1.33em;
}
.box-title-sub{
    font-size: 1.33em;
}
    .shape1{
        top: 27%;
    }
    .shape2 {
          top: 65%;
    left: -3%;
    }
    .shape4 {
    top: 30%;
    right: 23%;
    }
   .shape5 {
   top: 65%;
    right: 4%;
}
    img.mob-view.home-img{
        height: 85vh
    }
    .shape1,.shape2,.shape3,.shape4,.shape5
    {
      width: 25%;
    }
    .featured-text
    {
        font-size: 1.4em;line-height: 40px;margin-bottom: 10px;
    }
    .init-text
    {
        font-size: 2.8em;line-height: 40px
    }
    .inner-banner-caption.slide-title .featured-text {
    font-size: 1.3em;
    line-height: 30px;
    }
    .inner-banner-caption.slide-title .init-text {
       font-size: 2.5em;line-height: 40px
    }
}
@media (max-width:992px) {

}