/* #### Generated By: http://www.cufonfonts.com #### */

@font-face {
font-family: 'Optima';
font-style: normal;
font-weight: normal;
src: local('Optima'), url('../fonts/OPTIMA.woff') format('woff');
}


@font-face {
font-family: 'Optima Italic';
font-style: normal;
font-weight: normal;
src: local('Optima Italic'), url('../fonts/Optima_Italic.woff') format('woff');
}


@font-face {
font-family: 'Optima Medium';
font-style: normal;
font-weight: normal;
src: local('Optima Medium'), url('../fonts/Optima%20Medium.woff') format('woff');
}


@font-face {
font-family: 'Optima Bold';
font-style: normal;
font-weight: normal;
src: local('Optima Bold'), url('../fonts/OPTIMA_B.woff') format('woff');
}
ol,ul,li{ margin:0; padding:0; list-style:none; }
body{
    font-family: 'Optima';
    color: #383a39;
    overflow-x: hidden;
    font-size: 14px;
}

/*header   */
header{ padding:20px 0 }
header .logo{    display: inline-block;width: 16%;}
.mainmenu{display: inline-block;
    float: right;}
.menus{ text-align:right; margin-top:30px }
.menus ul li{ display:inline-block; padding:0 25px; }
.menus ul li:last-child{ padding-right:0 }
.menus ul li a{ color:#383a39; font-size: 20px; font-weight:600 }
.menus ul li a i{padding: 0px 0;}
.menus ul li a.visit{ background:#3c3636; padding:8px 40px;  display:inline-block; color:#fff; border-radius:25px; }
.menubtn, .menus button{ display:none; }
/*headings*/
.heading{ text-align:center; margin-bottom:40px }
.heading h2{ font-size: 36px; color: #b08176}

#banner{ background:#a29995; min-height:500px }
/*Projects*/
.projects{padding: 50px 0 1px; background:#edf0f3 url("../img/bgimg.webp") no-repeat right; }
.projectSection{ background:#fff; box-shadow:0 0 10px rgba(0, 0, 0, 0.1); margin-top: 60px; margin-bottom:120px; position:relative; z-index:1; padding:0 15px }
.projectSection .projectImg{ position:relative; }
.projectSection .projectImgSkew1:before{ content: ""; z-index: -1; position:absolute; transform: skew(-10deg); height: 25px; right: 40px; top:-25px; background:#c9cac5; width:50% }
.projectSection .projectImgSkew1:after{ content: ""; z-index: -1; position:absolute; transform: skew(-10deg); height: 25px; left: 40px; bottom:-25px; background:#c9cac5; width:70% }

.projectSection .projectImgSkew2:before{ content: ""; z-index: -1; position:absolute; transform: skew(10deg); height: 25px; left: 40px; top:-25px; background:#c9cac5; width:50% }
.projectSection .projectImgSkew2:after{ content: ""; z-index: -1; position:absolute; transform: skew(10deg); height: 25px; right: 40px; bottom:-25px; background:#c9cac5; width:70% }

.projectText{ padding: 0 30px; padding-top:15px; }
/*.projectText1{padding-right:30px;}
.projectText2{margin-left:30px}*/
.projectHeading{ border-bottom:3px double #663e3e; margin-bottom:20px }
.projectFeaturearea{ margin-top:21px; }
.projectFeature{ display:flex; }
.projectFeature h4{  color:#663e3e; margin-bottom:0; font-size:20px }
.pro_left_icon{ width:50px; flex:1 }
.projectFeaturearea .col-6{margin: 5px 0 5px 0;} 
.pro_left_txt{  flex:2; width:calc(100% - 50px); }

.projectbtn{ position:absolute; width: 70%; margin:0 auto; left: 0; right: 0; text-align: center; bottom:-25px; background:#3c3636; font-size: 20px; color:#fff!important; text-decoration: none!important; padding:10px 30px; display:inline-block; }


.spacialSection{ padding:50px 0 20px; background:#b08176 }
.special{ padding-left:70px; padding-top:80px; }
.spacialHeading{ margin-bottom:20px }
.spacialHeading h2{ color:#fff; text-transform:uppercase; font-size:40px; position:relative; padding-bottom:20px }
.spacialHeading h2:before{ position:absolute; content:""; background:#fff; height:4px;  width:60px; border-radius: 4px; left:0; bottom:0 }
.spacialHeading h2:after{ position:absolute; content:""; background:#000; height:4px;  width:30px; border-radius: 4px; left:70px; bottom:0 }
.spacialDes p{ color:#f6e1de; font-size:20px }
.spacialDes a{ border:2px solid #ce806d; border-radius: 5px; margin-top: 40px; padding:15px 40px; color:#f6e1de!important; text-decoration:none!important; font-size:20px; display:inline-block; }
.special_centerimg p,.special_rightboxs p{ color:#fff; margin:0; padding: 0; position:relative; }
/*.special_rightboxs p:before{ position:absolute; right:  }*/
.special_rightboxs{ margin-right:-15px }
.spa_bottomtxt{ display: flex; padding: 10px 0 31px;}
.spatxt{flex: 1; }
.spatxt p{  }
.arrowline{ flex: 1; position: relative; width: 100%}
.arrowline:before{ position:absolute; content:""; bottom:0; top:0; left:10px; right: 0; height:1px; background:#fde9e8;  margin:auto 0; }
.arrowline:after{ position:absolute; content:""; bottom:0; top:0; left:10px; right: 0; height:5px; width: 5px; border-radius: 50%; background:#fde9e8;  margin:auto 0; }

.spaOver{ position:relative; }
.spacialViewMore{ position:absolute; opacity: 0; top:0; bottom:0; right:0; left:0; z-index:1; background:rgba(0, 0, 0, 0.7); transition:.3s; }
.spaOver:hover .spacialViewMore{opacity: 1;}
.spacialViewMore a{ position:absolute; top:50%; left:50%; transform: translate(-60%, -50%); display: inline-block; padding: 7px 20px; font-size: 15px; border:2px solid #ac7964; color: #fff; text-decoration: none!important; border-radius: 2px;}


.featureSection{ padding:50px 0 }
.featureSection .heading h2{ color:#5C3227;  }
#feature .owl-item{ position:relative; }

.featureViewMore{ position:absolute; opacity: 0; top:0; bottom:0; right:0; left:0; z-index:1; background:rgba(0, 0, 0, 0.7); transition:.3s; }
#feature .owl-item:hover .featureViewMore{opacity: 1;}
.featureViewMore a{ position:absolute; top:50%; left:50%; transform: translate(-60%, -50%); display: inline-block; padding: 7px 20px; font-size: 15px; border:2px solid #ac7964; color: #fff; text-decoration: none!important; border-radius: 2px;}
.blogSection{ padding:50px 0; background:#f3fcff }
#blogs .owl-item .blogboxx{ background:#fff }
.BlogDes{ padding:20px; position:relative; }
.BlogDes h3{ font-size:24px; }
.BlogDes a{ color:#db7b65; text-decoration:underline;  }
.blogDate{ position:absolute; left:15px; background:#b5654d; padding:15px; color:#fff; width:80px; }

#clients .owl-item:first-child{ border-right:1px solid #dfdfdf; } 
.clientSection{ padding:50px 0 }
.clintbox{ display:flex; margin-top:20px; }
.clientPic{ width:80px; }
.clientName{ width:calc(100% - 80px); padding-left:15px; padding-top:15px }
.clientName h3{ font-size:20px; margin-bottom:0 }
.clientName{ font-size:14px; }

footer{ background:#363636;}
.footerDes{ padding:50px 0 0}
.footermenu{ padding:50px 0 }
.footermenu ul li{ border-bottom:1px solid #666; padding:15px 0 }
.footermenu ul li:last-child{ border-bottom:none; }
.footermenu ul li a{ color:#eee; text-decoration:none!important; }
.footertxt{ margin-top:20px }

.footertxt h2{ color: #BABABA; border-bottom: 1px solid #838383; padding-bottom: 10px; font-size: 22px; margin-top:20px }
.footertxt p{ color:#838383 }

.footerSub{ /*background:#252525;*/ height:100%; padding:95px 40px }
.footerSub h2 { color:#fff; font-size:24px; margin-bottom:20px }
.subform{ display:flex; }
.sub_left{ width:calc(100% - 120px) }
.sub_left input{ width:100%; padding: 0 15px; background: transparent; border: 1px solid #a7a7a7; border-radius: 5px; height: 34px; outline: none; color: #fff;}
.sub_right{ width:120px; padding-left:15px; }
.sub_right button{ width:100%; height:34px; outline: none; border: none; color: #fff; background:#7e6757; border-radius:5px; }
.socialMedia{ margin-top:80px }
.socialMedia ul li{ color:#fff; display:inline-block; }
.socialMedia ul li:first-child{ padding-right:20px }
.socialMedia ul li a{ color:#fff; background:#545454; border-radius:50%; display:inline-block; width:30px; line-height: 30px; height:30px; text-align:center; }

.copyright{ background:#000; color:#838383; padding:20px 0 }
.copymenu{ text-align:center; }
.copyright p{ margin:0; padding:0 }
.copymenu ul li{ display:inline-block; }
.copymenu ul li a{color:#838383; text-decoration:none!important; padding: 0 30px}

.bottomSection{ position:relative; }
.bottomText{ position:absolute; bottom:100px; z-index:1; left:0; width:100%; }
.bottomTextbox{ background:rgba(181, 101, 77, 0.7); color:#fff; padding:20px; }
.bottomTextbox p{ font-size:18px;  text-align:center; }
header,section,footer{ overflow-x:hidden; }
.other_page_banner{  height:calc(100vh - 142px); position:relative; }
.banner_1{ background:url('../img/banner_2_img.webp') center; position:relative; height: calc(63vh - 142px) !important;}
.banner_1:after{
    position: absolute; bottom: 0; left: 0; right: 0; top: 0; z-index: 1;
    content: "";
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+64,0.3+72,0.65+100 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 55%,rgba(0,0,0,0.5) 60%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.banner_lead{ background:url('../img/banner_lead_gen.webp') center; position:relative; height: calc(43vh - 142px);}
.banner_lead:after{
    position: absolute; bottom: 0; left: 0; right: 0; top: 0; z-index: 1;
    content: "";
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+64,0.3+72,0.65+100 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 55%,rgba(0,0,0,0.5) 60%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

.ma_abbout{overflow: visible;}
.bannerData{ position:absolute; bottom:50px; left:0; right:0; z-index:2 }
.bannerTxt h1{ color:#fff; font-size:46px }
.sections{ padding:50px 0 }
.sections h2{ color:#5c3227; font-size:50px }
.main_form{ padding: 30px 30px; margin-bottom: 10px; border-radius: 10px; text-align: right; background: rgba(0, 0, 0, 0.5);   }
.main_form form input{ border-radius:50px; padding:5px 20px; margin:15px 0; }
.main_form form input:focus{ border:none; box-shadow:none; }
.main_form form input::placeholder{ color:#909090; }
.main_form form select{ border-radius:50px; padding:5px 20px; color:#909090;}
.main_form form select option{ color:#909090; }
.main_form form .get_btn{ border-radius:50px; background: #B6654E; color:#fff; border:none; }
.enq_btm{ position: relative; background:transparent; border:none; outline:none; padding: 0 0 10px; color:#fff; text-transform:uppercase; font-size:20px }
.enq_btm:before{ position:absolute; left:0; right:0; bottom: 0; content:""; border-bottom:1px solid #fff }
.enq_btm:after{ position:absolute; width: 12px; height: 12px; right:0; bottom: -6px; transform: rotate(45deg); content:""; border-top:1px solid #fff; border-right:1px solid #fff }
.sec_logo{ height:100%;  text-align:center; }
.detail_about_data p, .aboutfeatures h3{ color:#5c3227 }
.aboutfeatures h3{ font-size:18px; font-weight: 600; margin-top:10px }
.borleft{ border-left:1px solid #5c3227; }

.map_section{ color:#fff }
.map_section .map_sec_box{ position:relative; padding:30px 0 }
.map_section .map_sec_box:before{ position:absolute; left:0; right:40px; top:0; bottom:0; content:""; background:#b08277;  }
.map_heading{ color:#fff; position:relative; padding-bottom:30px }
.map_heading strong{ color:#f3cba2 }
.map_heading:after{ position:absolute; content:""; width:70%; bottom: 0; border-bottom:1px solid #5c3227; }
.map_about_data h3{ text-transform:uppercase; }
.map_icon_text{ text-align:center; }
.map_button {text-align: right; padding-right: 50px; padding-bottom: 20px;}
.map_button button, .floorknowmore{ background:#fff;  outline:none; text-transform: uppercase; border-radius:10px; border:none; padding:5px 30px; font-weight:700; font-size:20px }
.facilites{ padding:50px 0 }
.facilities_icon img{ max-width:50px }
.facilities_txt h3{ text-align:center; font-size:13px; font-weight: 600; text-transform:uppercase;  margin-top: 10px}
.facilites h2, .highlight h2, .floor_sec h2{ text-align:center; margin-bottom: 30px}
.hightxt{ padding-top:10px; }
.hightxt h3{ font-size:15px; font-weight: 600; padding-left:30px; padding-bottom: 20px; background:url('../img/dots.webp') no-repeat; background-size:15px }
.faceibor{ border-right:1px solid #d7c0bb }
.highlight{ padding:50px 0; background-color:#f7f7f7; }
.floor_sec{ padding:50px 0 }
.floortxt{ height:100%; background:#; padding:0 15px }
.floortxt a{ display: block; text-align: center; font-weight: 600; font-size:18px; transition: ease-in-out 0.5s; margin: 10px 0; color: #BA773E; text-decoration: none; text-transform:uppercase; border: 2px solid #ddd; border-radius: 5px; padding:10px 0 }
.floortxt .active{ background:#ddd !important; color:#BA773E; }
.floortxt a:hover{background: #ddd; color: #fff; }
.floortxt .active::after{content: "";
    position: absolute;
    height: 0;
    width: 0;
    right: 0px;
    border: 12px solid transparent;
    border-left: 20px solid #ddd;
    z-index: 999999;}
.floor_right .row{ border-bottom:1px solid #c3c2bd }
.floor_right .row:last-child{ border-bottom:none; }
.floor_right p{ color:#b08277; margin:0 }
.floorknowmore{ border:1px solid #A9928D; color: #5C3227;  font-size:14px }
.bottomNumber{ background:#b08176; color:#fff; padding:30px 0 }
.bottomNumber h3{ margin:0; padding:0; text-transform:uppercase; font-weight:700 }
.banner_2{ background:url('../img/about_img.webp') center; position:relative;}
/*.banner_2:after{
    position: absolute; bottom: 0; left: 0; right: 0; top: 0; z-index: 1;
    content: "";
    background: rgba(255, 255, 255, 0.3);
   
}*/
.aboutFeature{ padding:70px 0 50px; text-align:center; position:relative;  z-index:1;  }
.aboutbg{ max-width:1250px; background:#fff; margin:-50px auto 0; position:relative; z-index:1; border-radius:15px }
.aboutFeature h3{ font-size: 20px; position: relative; z-index: 1}
.aboutFeatureBox{ position:relative; }
.featurebgtxt{ position:absolute; font-size:6rem; color:#f2eae8; left:0; right:0; margin:0 auto; top:50%; transform:translateY(-50%); }
.aboutfirst,.projectfirst{ padding:50px 0 }
.about_page_txt h2,.project_page_txt h2, .choose_heading h2{ color:#7d5147; font-size:50px; text-transform: uppercase;}
.about_page_txt p{ color:#7d5147; letter-spacing:8px; text-transform:uppercase; }
.main_about_content h2{ color:#7d5147; font-size:50px; text-transform:uppercase; }
.main_about_content p{ color:#7d5147; letter-spacing:8px; text-transform:uppercase; }
.aboutkeys{ margin-top:30px }
.ma_abbout{ position:relative; padding:50px 0 }
.main_about_leftimg{ width:49%; display: inline-block; }
.ma_abbout_container{ width:100%; /*position:absolute; */ left:0; transform:translateY(-50%); top:50% }
.longabout{ padding:50px 0 }
.bg_gray{background: #ddd;}
.longabout p{ font-size:20px; text-align:center; }
.sortabout{ text-align:center; background:#edebf8; padding:50px 0 }
.sortabout p{  color:#7d5147}
.sortabout h2{ margin-bottom:40px }
.sortabout h3{ margin-bottom:30px }
.sortabout h3 span{ display:block; font-size:16px; }
.banner_3{ background:url('../img/project_banner.webp') center; background-size: cover; position:relative;  }
.project_pages_top{ padding:50px 0; text-align:center; }
.project_pages_top_heading h2{ margin-bottom:30px; font-size:50px; text-transform:uppercase; color:#7d5147 }
.projects_page_tabs button{ width:100%; border-radius:10px 10px 0 0; color:#7d5147; border: 1px solid #7d5147; background: transparent; padding:5px 0;  }
.projects_page_tabs button.active{ background:#7d5147; color:#fff }
.project_pages_top_bar{ background:#ececec; height:10px; /*margin-top:50px;*/ position:relative;width: 68%;
    margin: 30px auto; }
/*.project_pages_top_bar:after{ position:absolute; content:""; left:0; right:0; width:33%; margin:0 auto; top:0; bottom:0; background:#be7c69; z-index:1 }*/
.project_page_txt p{color:#7d5147; }


.about_let{width: 49% !important; display: inline-block !important;
    /* position: absolute; */
    left: 0;
    transform: translateY(-40%);
    top: 50%;
}

.chose_sec{ padding:50px 0; text-align:center; }
.choose_heading{ margin-bottom:30px }
.choose_heading p{ font-size:20px; text-transform:uppercase; }
.cards p{ margin-top:10px; margin-bottom:30px }
.main_project_content h2{ color:#7d5147; font-size:40px; text-transform:uppercase; }
.main_project_content p{ color:#7d5147;  text-transform:uppercase; }
.main_project_leftimg{ width:60% }
.main_project_leftimg_right{ float:right; width:60% }
.project_page_content{ position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); text-align:center; }
.project_page_content h1{ font-size:6rem; color:#fff; text-transform:uppercase; }
.project_page_content p{ font-size:1.3rem; color:#fff; text-transform:uppercase; }
.banner_circle{ width:50px; height:50px; border:2px solid #fff; border-radius:50%; margin:0 auto;  position:absolute; bottom:20px; left:0; right:0 }
.banner_circle:before{position: absolute; content: ""; bottom: 20px; left: 0; right: 0; height:60px; width:2px; background:#fff; margin:0 auto; }
.banner_circle:after{position: absolute; content: ""; bottom: 20px; left: 0; right: 0; height:15px; width:15px; border-left: 2px solid #fff;border-bottom: 2px solid #fff; margin:0 auto; transform:rotate(-45deg); }
.knowmore_btn{ text-decoration:none; border:1px solid #7d5147; color:#7d5147; border-radius:10px; display:inline-block; padding:8px 20px; text-transform:uppercase; }
.knowmore_btn:hover {background-color: #7d5147; color: #fff;}
a.tellink {color: #fff;}
.tab {overflow: hidden; text-align: center;display: flex;justify-content: space-around;}
/* Style the buttons inside the tab */
.tab button {background-color: inherit;border-top-right-radius: 25px;border: 1px solid #ccc; outline: none;cursor: pointer;padding: 8px 20px;transition: 0.3s;font-size: 17px;border-top-left-radius: 25px;
    border-top-color: #936051;
    border-top-width: 5px;
    margin: 0 5px 0 5px;}
 .active-tab{background-color: #936051 !important; color: #fff;}   
/* Change background color of buttons on hover */
.tab button:hover {background-color: #936051;}
/* Create an active/current tablink class */
.tab button.active {background-color: #B08277; border-radius: 5px;}
/* Style the tab content */
.tabcontent {display: none;padding: 6px 12px;
}

.project_pages_top_bar .bar_1{    position: absolute; content: "";left: 0;width: 33%;top: 0;bottom: 0;  background: #be7c69; z-index: 1;}
.project_pages_top_bar .bar_2{    position: absolute; content: "";left:33%;width: 33%;top: 0;bottom: 0;  background: #be7c69; z-index: 1;}

.project_pages_top_bar .bar_3{    position: absolute; content: "";right: 0;width: 33%;top: 0;bottom: 0;  background: #be7c69; z-index: 1;}

.ma_abbout .top_align{transform: translateY(-20%);}
.ma_abbout .top_align .main_project_leftimg{width: 100% !important;}
.ma_abbout .top_align .main_project_leftimg_right{width: 100%;}

.who_we_are{ padding: 50px 0 30px; text-align:center; background: #FEF9F0; }
/*.who_we_are .who_we_are_heading h1{ font-size:40px; text-transform:uppercase; color:#B6654E;  }*/
.who_we_are .heading p{ font-size:20px; padding:20px 100px 0; }

.fill_form{ padding: 100px 0 40px 0px; }
.fill_form_heading h2{ padding-bottom:20px;  }
.fill_form_heading form input{ margin:20px 0; background:#F4EEE4; }
.fill_form_heading form input:focus{ background:#F4EEE4; box-shadow:none; }
.fill_form_heading form textarea{ margin:20px 0; background:#F4EEE4;}
.fill_form_heading form button{ text-align:center; color:#fff; font-size: 20px; font-weight: 600; background:#B6654E; border: none;  border-radius: 5px;}
.fill_form_address{ padding:6px 0; }
.fill_form_address h6{ color:#9F783C; font-size:22px; }
.fill_form_address i{ font-size:25px; color:#818181; }
.fill_form_address a{ color:#A3A3A3; text-decoration:none;font-size:18px; }
.fill_form_address p{ color:#a3a3a3; font-size:18px }

#tutorQueryForm{ display: none; background:rgba(0, 0, 0, 0); position:fixed; z-index:100; left:0; top:0; right:0; bottom:0; }
.tutorQueryFormPop{ background:#000; max-width:400px; border-radius: 20px; padding: 0px; margin: 0 auto; position:absolute; left: 15px; right: 15px; top:50%; transform:translateY(-50%); }
#popQueryForm .popformhead{ position:relative; }
#popup-form-section .form{ margin-bottom:0 }
#popQueryForm .popformhead h2{ font-size:22px; margin-bottom:0px; font-weight:700; color:#252525 }
#popQueryForm .popformhead p{ font-size:30px; margin-bottom:15px; font-weight:700; color:#00c458 }
.popFormRow{ margin-bottom:15px;  }
.popFormRownumber{ display:flex; }
.popFormRow input,.popFormRow select{ height:48px; width:100%; padding:0 15px!important; font-size: 14px!important; font-family: 'Optima'!important; border:1px solid rgba(0,0,0,0.1) }
.popFormRow textarea{ width:100%; border: 1px solid rgba(0,0,0,0.1); padding:10px 15px;}
.popFormRow button{width: 100%;
    box-shadow: 0px 12px 19px rgb(0 196 88 / 30%);
    height: 60px;
    background-color: #00c458;
    border-color: none;
    font-size: 20px;
    border: none;
    border-radius: 5px;
    font-weight: bold;
    color: #fff;
}
.closepopupbtnnew{ cursor: pointer; position:absolute; right:-15px; border: 1px solid #000; top:-15px; width:30px; height:30px; color:#000; text-align:center; line-height:30px; background:#fff; border-radius:50% }
.closepopupbtnnew a{ display:block; color:#000; text-decoration: none; line-height:32px; }
.privacy_policy p {font-size: 14px; margin-top: 18px;}
.privacy_policy p:last-child {margin-bottom: 30px;}
.privacy_policy h4 {margin-top: 34px; font-weight: bold;}
.privacy_policy h6 {font-weight: bold;}
.privacy_policy ul.disclaimer_list li {margin-bottom: 20px;}
.privacy_policy ul.disclaimer_list {margin-bottom: 40px;}
.privacy_policy ul.privacy-policy-ul {margin-bottom: 20px;}
.clientDes p {margin-right: 5px;}
.clientSection .owl-item p {margin-right: 24px !important;}
.home-villa-bellissimo {margin-top: 20px !important;}


@media screen and (max-width: 1200px) {
    .menus{ margin-top:20px; }
    .menus ul li{ padding:0 40px }
    .heading h2{ font-size:30px }
    .projectText{ padding-top:30px }
    .projectbtn{ font-size:16px; }
    .special{ padding-left:0; padding-top:0 }
    .spacialHeading h2{ font-size:30px; }
    .spacialDes p{ font-size:18px; }
    .spa_bottomtxt{ padding:5px 0 15px }
    .featureSection{ padding:40px 0 }
    .heading{ margin-bottom:30px }
    .blogSection{ padding:40px 0 }
    .BlogDes h3{ font-size:20px }
}
@media screen and (max-width: 990px) {
    .menus{ margin-top:14px; }
    .menus ul li{ padding:0 10px; }
    .menus ul li a{ color:#383a39; font-size: 16px; }
    #banner{ min-height:350px }
    .heading h2{ font-size:24px; }
    .projects{ padding:30px 0 1px }
    .projectText{ padding:0 15px; padding-top:15px;  }
    .projectHeading{ margin-bottom:10px }
    .projectHeading h3{ font-size:16px; }
    .projectFeaturearea{ margin-top:14px }
    .projectFeature h4{ font-size:16px; }
    .projectbtn{ font-size:14px; }
    .spacialHeading h2{ font-size:24px; }
    .spacialDes p{ font-size:14px }
    .spacialDes a{ margin-top:0; font-size:15px; padding:8px 30px; }
    .spatxt{ flex:2 }
    .spa_bottomtxt{ padding:5px 0 10px }
    .spacialSection{ padding:30px 0 10px }
    .featureSection{ padding:30px 0 }
    .heading{ margin-bottom:18px; }
    .blogSection{ padding:30px 0 }
    .BlogDes h3{ font-size:18px }
    .clientSection{ padding:30px 0 }
    .who_we_are .who_we_are_heading h1{ font-size:35px; text-transform:uppercase; color:#B6654E;  }
    .who_we_are .heading p{ font-size:16px; padding:10px 50px }
    .footerlogo{ max-width:130px }
    .footerSub h2{ font-size:16px }
    .socialMedia ul li:first-child{ display:block; margin-bottom:5px }
    .copymenu ul li a{ padding:0 15px }
    header,section,footer{ overflow-x:hidden; }
}

@media screen and (max-width: 767px) {
  header{ padding:5px 0 }
	header .logo {display: inline-block; width: 100%;		text-align: center;}
	header .logo img{width: 40%;}
.mainmenu {position: absolute;top: 0px;right: 20px;z-index: 9999;}
	#banner .img-fluid { max-width: 160%;}
  .logo{ padding:14px 0; }
  .menubtn{ display:block; text-align:right; margin-top:10px; }
  .menubtn a{ color:#867468; font-size:34px; }
  .menus{  position: fixed;z-index: 5;background: #3c3636;top: 0px; bottom: 0; width:200px; right:-200px; transition: .3s; margin-top:0 }
  .menus.active{   right:0;  }
  .menus ul li a{ color:#fff }
  .menus ul li{ padding:5px 15px; text-align:left; display:block; }
  .menus ul li a.visit{ background:#fff; color:#3c3636 }
  .menus button{ display:inline-block; outline:none; border:none; background:none; padding:10px; font-size:20px; margin-right:10px; }
    .menus button i {color:#fff}
  #banner{ background:#a29995; min-height:300px }
.other_page_banner{  height:calc(60vh - 0px); position:relative; }
.main_form{ margin-top:30px; padding:20px 20px; }
  .heading h2{ font-size:22px }
  .projects{ padding:20px 0 1px }
  .heading{ margin-bottom:20px }
  .projectText{ padding:50px 15px 50px; }
  .projectHeading h3{ font-size:20px }
  .projectbtn{ font-size:15px }
  .spacialHeading h2{ font-size:28px }
  .spacialDes a{ margin-top:4px; }
  .spacialDes a{ font-size:16px; padding:5px 10px; margin-bottom:20px }
  .special_rightboxs{ margin-right:0 }
  .bannerTxt{ padding-top:200px; }
  .bannerTxt h1{ color:#fff; font-size:35px; padding-top:200px }
  .subform{ display:block; }
  .sub_left{ width:100% }
  .sub_right{ width:100%; padding-left:0; margin-top:5px }
  .hightxt h3{font-weight: 400}
  .who_we_are .who_we_are_heading h1{ font-size:30px; text-transform:uppercase; color:#B6654E;  }
  .who_we_are .heading p{ font-size:14px; padding:10px 20px; }

  .fill_form_address a{ color:#a3a3a3; font-size:14px }
  .fill_form_address p{ color:#a3a3a3; font-size:14px }
  .footerSub{ padding:30px }
  .footerSub h2{ font-size:18px }
  .copyright p{ text-align:center; }
  header,section,footer{ overflow-x:hidden; }
  .bottomText{ position:relative; bottom:0; margin:0 -15px; width:auto; }
    .project_page_content p {font-size: 1rem;}
    .project_page_content h1 {font-size: 2rem;}
    .project_pages_top_heading h2 {font-size: 40px;}
    .project_pages_top {padding-bottom: 0;}
    .aboutfirst, .projectfirst {padding: 20px 0;}
    .about_page_img_right {margin-top: 40px;}
    .about_page_txt h2, .project_page_txt h2, .choose_heading h2 {font-size: 30px;}
    .main_project_content h2 {margin-top: 20px;}
    .ma_abbout .top_align .main_project_leftimg_right {margin-top: 25px;}
    .ma_abbout {padding-bottom:0}
    .tab {flex-wrap: wrap;}
    .tab button {margin: 5px;}
    .footermenu {padding: 10px 0;}
    .footerDes {padding: 20px 0 0;}
    .bottomNumber {text-align: center !important;}
    .bottomNumber .text-right {text-align: center !important;}
    .sec_logo img {max-width: 120px;}
    .sections h2 {font-size: 40px;padding: 20px 0 10px;}
    .aboutfeatures {text-align: center;}
    .aboutfeatures .col-sm-6 {margin:12px 0}
    .map_section .map_sec_box::before {width: 100%;}
    .map_heading {padding-bottom: 10px;}
    .map_button {padding-right: 0;}
    .faceibor {padding: 10px 50px;}
    .featurebgtxt {font-size: 3rem;top:60%;}
    .aboutFeatureBox {height: 100px;}
    .ma_abbout {display: grid;grid-template-columns: 100%;}
    .ma_abbout .main_about_leftimg {width: 100%;display: inline-block;margin-bottom: 30px;}
    .ma_abbout .about_let {width: 100% !important;transform: translateY(0) !important;}
    .main_about_content h2 {font-size: 30px;text-align: center;}
    .main_about_content h2 br {display:none}
    .longabout p {font-size: 16px;}
    .fill_form {padding: 40px 0 40px 0px;}
    .fill_form_address .row {display: grid;grid-template-columns: auto auto;justify-content: start;}
    .fill_form_address {margin-top: 12px;}
    .fill_form_heading h2 {padding-bottom: 10px;text-align: center;}
    .project_pages_top_bar {display: none;}
    .bottomNumber h3 {font-size: 18px;}
    .footerlogo {margin: 0 auto;}
    .bannerTxt h1 {font-size: 26px;padding-top: 0}
    .map_heading {text-align: center;width: 100%;}
    .map_heading::after {width: 100%;left: 0;}
    .map_about_data h3, .map_about_data p {text-align: center;}
    .floortxt .active::after {display: none;}
    .about_page_txt h2, .project_page_txt h2, .choose_heading h2 {text-align: center;}
    .about_page_txt h2 br, .project_page_txt h2 br, .choose_heading h2 br {display:none}
    .about_page_txt p, .main_about_content p {text-align: center;}
    .borleft {border-left: 0;}
    .flex-2-col {display: grid;grid-template-columns: 32% 32% 32%;justify-content: space-between;}
    .aboutFeature {padding-top: 35px}
    .footer-row {}
    .footer-row .footer-row-left {order: 2;}
    .footer-row .footer-row-right {}
    .footer-row .footer-row-right .footer-row-right-1 {order: 2;}
    .footer-row .footer-row-right .footer-row-right-2 {order: 1;}
    .main_project_content h2 {font-size: 30px;}
}

@media(max-width:767px) and (orientation:landscape) {
    header .logo img{width: 25%;}
    .other_page_banner {height: calc(100vh - 0px);}
    .tab button {padding: 8px 20px;}
    .longabout p {font-size: 16px;}
    
}

#clients .owl-dots {text-align: center;}
#clients .owl-dots button {height: 10px;width: 10px;border-radius: 50%;background: #ccc;margin: 2px;}
#clients .owl-dots button.active {background: #000;}