@charset "utf-8";
/*************** DEFAULT CSS ***************/
:root {
    --body-font: 'Open Sans', sans-serif;
    --body-font-Size: 16px;
    --body-color: #58595b;
    --primary-color: #414042;
    --secondary-color: #000;
	--blue-color: #006fa9;
    --black: #000;
    --white: #fff;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
 	font-family: var(--body-font);
	font-size:var(--body-font-Size);
	font-style: normal;
	line-height: normal;
	font-weight:400;
	color: var(--body-color);
	text-decoration: none;
	margin:0px;
	-webkit-font-smoothing: antialiased;
	padding:0;
	
}
html{ scroll-behavior: smooth;}
* {
    -webkit-box-sizing: border-box;
    -mox-box-sizing: border-box;
    box-sizing: border-box;
}
::selection {
    background: var(--black); /* Safari */
	color:var(--white);
        }
::-moz-selection {
    background: var(--black); /* Firefox */
	color:var(--white);
}
a {
	color:var(--primary-color);
	text-decoration: none;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	}
	a:hover {
	color: var(--primary-color);
    }
p {
	margin:0 0 30px 0;
	clear:left;
	padding:0;
	line-height: 26px;
	}
/******* Headings Style *******/
h1 {font-size: 43px;}
h2 {font-size: 35px;}
h3 {font-size: 20px;}
h4 {font-size: 17px;}
h5 {font-size: 15px;}
h6 {font-size: 13px;}
h1, h2, h3, h4, h5, h6 {
	margin:0 0 20px 0;
	padding:0;
	font-weight:normal;
	}	
hr {
	margin:40px  0 60px 0;
	height:1px;
	border:0;
	border-top:1px solid #c1c1c1;
	border-bottom:1px solid #c1c1c1;
	float:left;
	width:100%;
	position:relative;
}
img{
	border:0;
}	
a img {
	border: 0;
	}

/*************** PRELOADER ***************/
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#000; /* change if the mask should have another color then white */
	z-index:999999; /* makes sure it stays on top */
}
#status {
	width:30px;
	height:30px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(../images/loading.gif); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-15px 0 0 -15px; /* is width and height divided by two */
}


/*************** COLUMS AND ROWS ***************/
main{ position:relative;	}
.row-flex{ width: 100%; display: block; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.justify-content-center { justify-content: center!important; }
.space-between{ justify-content: space-between!important; }
.justify-content-flex-end{ justify-content: flex-end!important }
.justify-content-flex-start{justify-content: flex-start !important}
.row{width:100%;display:block;margin:0 0 30px 0;padding:0;}
.clearfix{width:100%;height:100px;margin:0;padding:0;display:block;}
.container{	width:1200px;margin:0 auto;}
.fullwidth{	width:100%;display:block;}
.col-flex-wrp{ display: flex; justify-content: space-between;}
.two-col{flex:0 0 48%; }
.three-col{	flex:0 0 31%;}
.four-col{flex:0 0 22%;}
section {width: 100%; display: block;position: relative;}
aside { flex:0 0 25%; margin: 0; padding: 0;}
summary { flex:0 0 70%; margin: 0; padding: 0;}
.list{padding: 0px;margin: 0 0 25px;display: flex;width: 100%;flex-direction: column;}
.list li{list-style: none;background-image: url(../images/list.png);background-position: top 7px left;background-repeat: no-repeat;
color: #3a4455;padding-left: 22px;margin-bottom: 10px;font-family: var(--semi-bold); line-height: 24px;}
.list li a{ color: #3a4455; }
.text-center{ text-align: center !important;}
.button-style a{display: inline-block;position: relative;padding: 0 32px 0 0;border-radius: 50px;color: var(--body-color);font-size: 15px;margin-bottom: 10px;font-weight: 900;}
.button-style a:after{content: "\f178";font-family: 'Font Awesome 6 Free';font-weight: 900;right: 0;position: absolute;top: 50%;margin-top: -9px;line-height: 17px;font-size: 10px;width: 18px;height: 18px;background-color: var(--white);color: var(--body-color);border: 1px solid var(--body-color);border-radius: 50px;text-align: center;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;transform: rotate(1deg);}
.button-style a:hover{/* background-color: var(--secondary-color); *//* color: var(--white); */}
.button-style a:hover:after{background-color: var(--primary-color);transform: rotate(328deg);color: var(--white);}
.button-style-01{position: relative; padding-bottom: 10px}
.button-style-01:after{position: absolute; content: ''; width: 195px; height: 1px; left: 0px; bottom: 0px; background-color: #a5a5a5}
.button-style-02 a:after{ transform: rotate(180deg);}
.button-style-02 a:hover:after { transform: rotate(221deg);}
.uppercase{text-transform: uppercase;}

/*************** HOME PAGE CSS ***************/
header{position: absolute; left: 0px; width: 100%;top: 0px; z-index: 5;}
.menu-icon{display: flex;justify-content: flex-end; margin-right: 100px;}
.menu-icon a{width:180px;height:180px;background-color: var(--blue-color);display: flex;justify-content: center;align-items: center;color: var(--white);font-size: 30px;}
.menu-icon a img{width:180px;height:180px;}
.slider{ display: flex; height: 980px; background:url(../images/slider.jpg); background-position: center; background-repeat: no-repeat; }
.intro{padding: 260px 0px 260px;}
.heading{ font-size: 70px; margin-bottom:64px;}
.para-pad{padding: 0 100px;}
.pro-wrap{display: flex;flex-wrap: wrap;gap: 1%;}
.pro-box{flex: 0 0 32.66666666666666666666666666%;text-align: center;margin-bottom: 60px;}
.pro-box h3{text-transform: uppercase;font-size: 14px;margin-top: 20px;}
.explore{ padding: 120px 0px 120px;}
.explore-wrap{/*display: flex;align-items: flex-end;justify-content: center;gap: 65px;*/
	display: flex;
    align-items: flex-end;
    justify-content: space-between;
    /* gap: 65px; */
	padding: 60px 0px 60px;
    margin: 0 100px;
}
.explore-img{flex: 0 0 58%;}
.explore-cnt{flex: 0 0 33%;}
.explore-cnt h2{/*text-transform: uppercase;font-weight: 900;margin-bottom: 27px;*/
	font-weight: 600;
    margin-bottom: 27px;
    font-size: 51px;
    line-height: 60px;
}
.explore-cnt p{margin-bottom: 30px;font-size: 14px;}
.quick-links{ padding:60px 0px 0px;}
.engineering-ideas{background:url(../images/ei_bg.jpg) no-repeat center; margin:0px 0 140px 0;  min-height: 1005px;display: flex;align-items:  center;text-align: center;}
.engineering-ideas h3, .engineering-ideas-top h3{ text-align: center; text-transform: uppercase;font-weight: 700;font-size: 25px;margin-bottom: 0;}
.engineering-ideas-top{ background-color:var(--white); padding: 250px 0px 286px;}
.engineering-ideas-top h3{ position: relative;}
.engineering-ideas-top h3:after{position: absolute;content: '';width: 162px;height: 1px;background-color: var(--body-color);margin-top: 18px;margin-left: 20px;}
.engineering-ideas-top h3:before{position: absolute;content: '';width: 162px;height: 1px;background-color: var(--body-color);margin-left: -180px;margin-top: 18px;} 
.exp-projects{padding: 60px 0 0;}
.exp-projects .pro-wrap video{padding: 85px 0px 120px 0px;}
.exp-joinus{margin: 120px 0px;}
.exp-join-cnt{display: flex; flex-direction: column; align-items: flex-end;}
.exp-download-cnt{display: flex; flex-direction: column; align-items: flex-start;}
.exp-join-box{border: 1px solid #000; width: 45%; text-align: center; padding: 150px 50px;}
.exp-join-box h1{font-size: 55px; font-weight: 800; line-height:25px; color: #006fa9;}
.exp-join-box h2{margin-bottom: 10px;}
.exp-join-box p{font-size: 12px; margin-top: 35px;}
.exp-join-box a{padding: 0px;}
.exp-join-box a::after{content: "\f178"; font-family: 'Font Awesome 6 Free'; top: inherit;font-weight: 900; right: 15px; position: absolute; bottom: 0%; /* transform: translate(-31%); */ margin-bottom: -25px; line-height: 17px; font-size: 10px; width: 18px; height: 18px; background-color: var(--white); color: var(--body-color); border: 1px solid var(--body-color); border-radius: 50px; text-align: center; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; transform: rotate(1deg); }
.exp-download-cnt .exp-join-box a::after{right: 33px;}
.exp-our-projects{margin: 0px 0px 120px 0px;}
.exp-our-projects .exp-pro-cnt{padding-top: 108px;padding-bottom: 60px;}
.exp-project-inner{margin: 0 100px;}
.exp-project-inner .explore-cnt h2{font-weight: 800; margin-bottom: 27px; font-size: 38px; line-height: 48px;}
.exp-pro-wrap{display: flex;flex-wrap: wrap;gap: 13px;margin-bottom: 13px;justify-content: center;}
.exp-pro-cnt{display: flex;flex-wrap: wrap;padding-top: 49px;}
footer{padding:141px 0;}
.ftr-wrap{display: flex;/*padding-right: 134px;*/flex-wrap: wrap;justify-content:space-between;}
.ftr-box{text-align: center;}
.top-arrow{font-size: 25px;margin-bottom: 20px;display: inline-block;}
.ftr-box h5{font-size: 11px;margin-bottom: 10px;border-bottom: 1px solid #bfbfbf;padding: 0 5px 10px;}
.social a{display: inline-block; background-color: #616161; width: 19px; height: 19px; color: var(--white); font-size: 8px; border-radius: 4px; line-height: 21px;}
.social a:hover{background-color: var(--black);}
.footerlogo-img{margin-top:80px;}
.footer-menu-icon{margin-top:80px;}
.popup-sld-menu-box{border: 1px solid var(--secondary-color);color: var(--secondary-color);height: 250px;display: flex;align-items: center;
justify-content: center; text-transform: uppercase; width: 100%;}
.popup-menu-dtl-wrap{display: flex;flex-wrap: wrap;gap: 2%;justify-content: center;}
.popup-menu-dtl-box{border: 1px solid var(--secondary-color);color: var(--secondary-color);height: 250px;display: flex;align-items: center;justify-content: center;text-transform: uppercase;flex: 0 0 28%;margin-bottom: 20px;}
.exp-download{padding:60px 0px 160px;}
.engrng-serch{display: block;
    position: relative;
    margin: 0 100px;}
.engrng-serch form input[type=text]{
	width: 100%;
	height: 80px;
    padding: 20px 0px;
    font-size: 25px;
    border: none;
    border-bottom: 1px solid #000;
}
.engrng-serch form button{
position: absolute;
font-size: 25px;
background: none;
padding: 10px;
top: 17px;
right: 0;
border: 0;
color: #939597;
}

/*************** INNER PAGE CSS ***************/
.exp-projects-air{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.exp-projects-air-08{display: flex; flex-direction: column; justify-content: center; align-items:flex-start;margin: 0px 120px;}

.exp-pro-air-cnt{display: flex; flex-wrap: wrap; padding-top: 49px;margin-left: -70px;}
.exp-pro-air-cnt .explore-cnt h2 { font-weight: 800; margin-bottom: 27px; font-size: 40px; line-height: 44px; }
.air-outlet-prodcts{margin: 120px 0px 30px 0px;}
.exp-projects-air-bottom { display: flex; flex-direction: column; align-items: flex-end; }
.exp-pro-air-wrap .pro-wrap img{width: 100%;}
.prd-pag{padding:60px 0 200px;}
.color-center-bg{background-image: url(../images/bg1.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;min-height: 1000px;display: flex;align-items: center;text-align: center;justify-content: center;}
.color-center{padding-top: 150px}
.color-center-bg h3{font-size: 56px;font-weight: 800;color: var(--white);text-transform: uppercase; margin-bottom: 0px;     line-height: 56px;}
.right-head-cnt-wrap{display: flex;justify-content: flex-end; padding-top: 50px; }
.right-head-cnt-box{flex: 0 0 30%; position: relative; z-index: 1;}
.right-head-cnt-box h2{ font-weight: 900;  margin-bottom: 27px; text-transform: uppercase;margin-bottom: 70px}
.right-head-cnt-box p{font-size: 14px; margin-bottom: 40px} h2{ margin-bottom: 70px }
.air-filter-decorative h2{ margin-bottom: 70px }
.air-filter-decorative p{ margin-bottom:40px }
.air-filter-deco-wrap{ padding-top: 0px; margin-top: -140px; padding-bottom: 60px;}
.fresh-idea-bg{background-image: url(../images/bg2.jpg)}
.air-fltr-btm .exp-pro-cnt{ padding-top: 0px; padding-left: 0px; }
.air-fltr-btm{ padding-bottom: 110px }
.back-to-home-airfltr .exp-pro-cnt{padding: 0px;}
.back-to-home-airfltr .explore-cnt h2{text-transform: inherit;line-height: 38px;}
.back-to-home-airfltr{padding-top: 136px; padding-bottom: 50px}
.pro-dtl-pg{padding: 100px 0 0}
.pro-img-group{ display: flex;flex-wrap: wrap;gap: 1%;}
.pro-img-group-left{flex: 0 0 32.6%; gap: 2%; display: flex;flex-direction: column;}
.pro-img-group-right{flex: 0 0 66.4%;}
.pro-img-dtl{display: block;}
.pro-dtl-discr{padding: 215px 0px 350px}
.pro-disc-box{border-bottom: 2px solid #a7a7a7;padding-bottom: 100px;margin-bottom: 110px;}
.pro-disc-box h3{text-transform: uppercase;font-size: 36px;margin-bottom: 75px;}
.pro-disc-box p{font-size: 20px;width: 50%;line-height: 32px;}
.pro-disc-box:last-child{ margin-bottom: 0px; padding-bottom: 0px; border-bottom: none;  }
.fltr-clr-cntr{ padding-top: 0px ; padding-bottom:20px;}
.fltr-clr-cntr .explore-img{flex: 0 0 70%;}
.fltr-clr-cntr .explore-cnt{ flex: 0 0 24.555%;}
.down-cat-btn{display: block;text-transform: uppercase;font-weight: 900;margin-bottom: 0;font-size: 35px;margin-top: 80px;}
.air-out-exp-pro{ padding-bottom: 270px }
.subheading{font-size: 36px; text-transform: uppercase; font-weight: 700; position: relative;}
.subheading-line{padding-bottom: 80px; margin-bottom: 90px}
.subheading-line:after{position: absolute; content: ''; width: 140px; height: 1px; background-color:#a7a7a7; bottom: 0px; left: 0px; }
.ftr-top-links{}
.ftr-top-link-wrap{display: flex;flex-wrap: wrap;justify-content: space-between;border-top: 1px solid #737475;padding-top: 110px;
margin-top: 15px; padding-bottom: 243px}
.ftr-top-link-box{display: flex;flex-wrap: wrap; flex-direction: column;align-items: center;gap: 40px;}
.ftr-top-link-box a{width: 86px;text-align: center;border-bottom: 1px solid #737475;text-transform: uppercase;font-size: 14px;color: #737475;
padding-bottom: 5px;}
#tab1_menu1,#tab1_menu2,#tab1_menu3 {padding:0;margin:0; margin-bottom: 30px;}
#tab1_menu1 li,#tab1_menu2 li,#tab1_menu3 li{position: relative; list-style: none; padding: 10px 25px; text-align: center; border-bottom: 1px solid #000;}
.tab1,.tab2,.tab3{width: 300px;}
.menu-tabmain{display: flex; justify-content: space-between; margin: 0px 100px;flex-wrap: wrap;}
#menu_tab-head1 h2,#menu_tab-head2 h2,#menu_tab-head3 h2{text-align: center;font-size: 30px;margin-bottom: 30px;}



/*************** INNER BANNERS ***************/
.banner{ background-image: url(../images/banner1.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 980px;} 
.banner1{ background-image: url(../images/banner1.jpg);}


/**********forms**************/
form{margin:0;padding:0;}
*:focus {outline: none;}
.fieldset{width:100%;height: 50px;padding: 8px 15px;background-color: var(--white);display:block;border: 1px solid #c1c1c1;
margin:0 0 10px 0;color: #262626;font-size: 14px;border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-webkit-border-radius: 5px;}
textarea.fieldset, textarea{ height: 140px; }
.sendbutton{width:auto;height:auto;border:0;outline:0;margin:0 5px 0 0;float:left;color:#fff;font-size: 18px;cursor:pointer;
vertical-align:top;padding: 14px 25px 16px;text-align:center;background-color: var(--secondary-color);text-transform:uppercase;
border-radius: 50px;}
.sendbutton:hover{background-color:var(--primary-color);color:#fff;}
::-webkit-input-placeholder {color: #939597 !important;}
:-moz-placeholder {color: #939597 !important;}
::-moz-placeholder { color: #939597 !important;}
:-ms-input-placeholder { color: #939597 !important;}
.explore-cnt .font-40{font-size: 40px;font-weight: 800;line-height: 45px;}
.exp-gallery{display: flex; justify-content: flex-start; gap: 20px;margin: 0px 120px;}
.exp-glry-2colum img,.exp-glry-1colum img{width: 100%;}
.exp-glry-2colum{flex: 0 0 34%; display: flex; flex-direction: column; gap: 15px;}
.exp-glry-1colum{flex: 0 0 64%;}
.exp-gallery-bestfor{margin: 30px 120px;}
.hr-line{height: 0px; width: 160px; border-bottom: 1px solid #000; border-top: 1px solid #000;}
.exp-download-air-bottom{display: flex; flex-direction: column; align-items: flex-start;}
.exp-download-air-bottom .exp-pro-air-cnt{margin-left:0px;}
.explr-h2-left{float: left;}
.exp-gallery-bestfor h3{font-size: 30px;}
.explore-wrap-p08 {display: flex; flex-direction: column; align-items: flex-start; margin: 0 100px;}
.explore-wrap-p08 .explore-cnt{width: 50%;margin-bottom: 30px;}
.exp-download-08 .explore-cnt{display: flex; justify-content: center;}
.exp-download-08 .explore-cnt h2{font-size: 30px; font-weight: 800; border-bottom: 2px solid #000;}
/************************************* 1200px *************************************/
@media only screen and (max-width: 1200px) {
.container{ width:95%;}
.exp-pro-cnt {padding-left: 103px;}
.ftr-wrap{padding-right: 103px;}

}

/************************************* 1024px *************************************/
@media only screen and (max-width: 1098px) {
	.explore-cnt h2 {
		font-weight: 600;
		margin-bottom: 27px;
		font-size: 40px;
		line-height: 53px;
	}
	.exp-project-inner .explore-cnt h2 {
		font-weight: 800;
		margin-bottom: 27px;
		font-size: 26px;
		line-height: 35px;
	}	
}
@media only screen and (max-width: 1024px) {
.exp-pro-air-cnt{margin-left:0;}
.container{ width:90%;}
.exp-pro-box {flex: 0 0 32.3%; margin-bottom: 14px;}
.exp-pro-wrap { gap: 1.5%; }
.exp-pro-cnt{padding-left: 0px;}
.ftr-wrap{ padding-right: 0px;}
.exp-join-box {width: 50%;}
}

/************************************* 800px *************************************/
@media only screen and (max-width: 800px) {
.hr-line{display: none;}
.popup-menu-dtl-box { flex: 0 0 32%;}
.exp-join-cnt,.exp-download-cnt{align-items: center;}
.explore-wrap {display: flex;flex-direction: column;}
.explore-img,.explore-cnt{margin-bottom: 40px;}
.exp-join-box {width: 70%;}
}

/************************************* 767px *************************************/
@media only screen and (max-width: 767px) {
.explore-wrap-p08 {margin: 0 10px;}
.explore-wrap-p08 .explore-cnt {width: 100%;}
.exp-download-08 .explore-cnt h2{font-size: 20px;}
.exp-projects-air-08{margin: 0px 20px;}
.exp-gallery-bestfor {margin: 30px 25px;}
.exp-gallery{margin: 0px 20px;}
.pro-wrap {display: flex;flex-wrap: wrap;gap: 1%;justify-content: center;}	
.engrng-serch form input[type=text]	{font-size: 20px;}
.col-flex-wrp{ flex-direction: column; }
.two-col, .three-col, .four-col, aside, summary{ flex:0 0 100%; margin:0 0 25px 0; }
.slider, .banner { height: 100vh;}
.para-pad { padding: 0;}
.pro-wrap, .exp-pro-wrap{ gap:2%}
.pro-box, .exp-pro-box {flex: 0 0 49%;}
.explore-wrap { align-items: flex-start; flex-wrap: wrap;justify-content: flex-start;}
.explore-img, .explore-cnt, .fltr-clr-cntr .explore-cnt {flex: 0 0 100%; margin-bottom: 20px;}
.explore-cnt h2 br{display: none;}
.heading { font-size: 45px; margin-bottom: 40px;}
.pro-dtl-discr { padding: 80px 0px 100px;}
.pro-disc-box h3 { margin-bottom: 35px;}
.pro-disc-box { padding-bottom: 35px; margin-bottom: 60px;}
.pro-dtl-discr { padding: 80px 0px 50px;}
.air-out-exp-pro { padding-bottom: 150px;}
.ftr-top-link-wrap{padding-bottom: 0px;}
.engrng-serch {margin: 0 50px;}
}

/************************************* 575px *************************************/
@media only screen and (max-width: 575px) {
.menu-tabmain {margin: 0px 20px;}
.engrng-serch {margin: 0 0px;}
.exp-pro-air-cnt .explore-cnt h2{font-size: 28px;}
.explore-cnt .font-40{font-size: 28px;font-weight: 800;}
.engrng-serch form input[type=text] {height: 30px; padding: 12px 0px; font-size: 15px; }
.engrng-serch form button {font-size: 16px;padding: 5px; top: 0px; right: 0; }
.exp-project-inner {margin: 0 40px;}	
.exp-join-box {width: 80%;}
.heading {font-size: 36px;margin-bottom: 25px;}
.intro {padding:120px 0px 120px;}
.explore-wrap {margin: 0 30px;}
.pro-box { margin-bottom: 30px;}
.explore { padding: 40px 0px 40px;}
footer {padding: 70px 0;}
.popup-menu-dtl-box { flex: 0 0 49%; margin-bottom: 8px;}
.prd-pag {padding: 60px 0 50px;}
.color-center, .back-to-home-airfltr {padding-top: 50px;}
.color-center-bg { min-height: 500px;}
.right-head-cnt-box, .fltr-clr-cntr .explore-cnt, .pro-img-group-left, .pro-img-group-right {flex: 0 0 100%;}
.air-filter-deco-wrap{margin-top: 0px}
.air-fltr-btm{padding-bottom: 50px}
.pro-disc-box p { font-size: 16px; width: 100%; line-height: 28px;}
.pro-disc-box h3 { font-size: 26px;}
.pro-dtl-discr {padding: 80px 0px 0px;}
.pro-img-group-left{flex-direction: inherit; margin-bottom: 10px}
.fltr-clr-cntr .explore-img{    flex: 0 0 100%;}
.subheading-line { padding-bottom: 30px;  margin-bottom: 40px; font-size: 26px;}
.down-cat-btn { font-size: 24px;}
.explore-cnt h2 { font-size: 28px;}
.exp-projects { padding: 45px 0 0;}
}

/************************************* 480px *************************************/
@media only screen and (max-width: 480px) {
.exp-gallery {display: flex;flex-direction: column;}
.heading {font-size: 30px;}
.exp-join-box {width: 90%;}
.explore-wrap {padding: 30px 0px 30px;}
.exp-projects { padding: 20px 0 0; }
.exp-projects .pro-wrap video {padding: 30px 0px 45px 0px;}
.exp-our-projects .exp-pro-cnt {padding-top: 30px;padding-bottom: 60px;}
.exp-join-box h2 {margin-bottom: 10px; font-size: 25px; }
.exp-join-box h1 {font-size: 37px;line-height: 20px;}
.exp-join-box p {font-size: 10px;}
.menu-icon {display: flex;justify-content: center;margin-right: 0;}
}
@media only screen and (max-width: 440px) {
	.exp-join-box {width: 90%;padding: 120px 35px;}
	.exp-join-box h2 {margin-bottom: 10px; font-size: 25px; }
	.exp-join-box h1 {font-size: 37px;line-height: 20px;}
	.exp-join-box p {font-size: 10px;}
	.pro-box {margin-bottom: 20px;}
	.exp-project-inner {margin: 0 10px;}
}
/************************************* 360px *************************************/
@media only screen and (max-width: 360px) {
.exp-pro-box {margin-bottom: 6px;}
.popup-menu-dtl-box { flex: 0 0 100%;}
.ftr-top-link-box a { width: 70px;  font-size: 11px;}
.quick-links { padding: 30px 0px 0px;}
.pro-box h3 {font-size: 12px;margin-top: 10px;}
.pro-box {margin-bottom: 20px;}
.explore-wrap {margin: 0 15px;}
.explore-wrap {padding: 10px 0px 10px;}
}

/************************************* 320px *************************************/
@media only screen and (max-width: 320px) {

}