/*

1 Reset Css #res
2 Font Face #face 
3 Inputs #input
4 Global Styles #glob
5 Wrappers #wrap
6 Custom CSS #custom
7 Media Query #media 

*/

/*================================= 1 Reset Css ( #res ) =================================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{text-decoration:none;outline:0;margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;color:#666666;transition:all 0.5s ease 0s;}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}

img {-ms-interpolation-mode: bicubic; border: 0; height: auto; vertical-align: middle; transition:all 0.5s ease 0s;}
.ie8 img {height: auto; width: auto\9;}
.ie8 img.size-large {max-width: 60%; width: auto;}
:hover{transition:all 0.4s ease 0s;}

ul{list-style:none; margin:0; padding:0;}
li{list-style:none;}

#wp-toolbar ul:after{content:none}

.last_li , .last{margin-right:0 !important; padding-right:0 !important}
.first_li, .first{margin-left:0 !important; padding-left:0 !important}

.clearfix:after , ul:after , ol:after ,  .full_row:after, .pro-solution-wrapper:after, .form-wrapper:after, form .form-group:after
{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%}


/*================================= 3  Inputs ( #input ) =================================*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance:none; margin:0;}
::-webkit-input-placeholder {color:#000; font-style:normal;}
:-moz-placeholder {color:#000; font-style:normal;}
::-moz-placeholder {color:#000; font-style:normal;}
:-ms-input-placeholder {color: #000; font-style:normal;}

button::-moz-focus-inner {border: 0}
:focus {outline:none;}
::-moz-focus-inner {border:0;}

input[type=number] {-moz-appearance:textfield}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0}

input[type=submit]{ max-width: 370px; width: 100%;}
input:focus{outline:none;}
body textarea{resize:none; height:120px; line-height: 24px; font-size:19px; color:#000; line-height:24px; padding:15px 0 0 25px; border: 1px solid #969696; }

input[type="text"], input[type="tel"], input[type="password"], input[type="date"], input[type="email"], input[type="number"], textarea
{border: 1px solid #8a8a8a; border-radius:0; color: #000; font-size: 16px; font-weight: 300; line-height: 23px; width:100%;  padding:10px; box-shadow:none; -webkit-appearance:none}

form{padding: 25px; border: 1px solid #e6e6e6; background: #fff; max-width: 567px;}
form:before{z-index: -1!important;}
form .form-group{position: relative; margin-bottom: 30px;}
input[type="text"]{max-width: 375px;}

.form-wrapper .form-group:first-child {max-width: 270px; float: left; margin-right: 20px; width: 100%;}
.form-wrapper .form-group:last-child {max-width: 225px; float: left; width: 100%;}
form label {color: #1c1c1c;font-size: 15px;display: block;font-weight: 500;margin-bottom: 0;text-transform: none;line-height: 25px;position: absolute;top: -12px;left: 20px;background: #fff;padding: 0px 10px;}
form sup {color: #ff0000;font-size: 15px;top: 0;}
.form-group:after {content: '';width: 10px;height: 30px;background: #fff;-webkit-filter: blur(5px);filter: blur(5px);position: absolute;left: 5px;top: 5px;}
form .note{color: #8a8a8a; margin-bottom: 20px;}
form .note strong{font-weight: 900; color: #8a8a8a;}
.send-wrapper i{pointer-events: none; color: #ffd800;position: absolute;left: calc(50% + 35px);transform: translate(-50% , -50%);top: 50%;}
.send-wrapper:hover i{color: #e7aa2a;}
input:required{box-shadow:none;}

.lable-bottom label{bottom: 12px;}
.lable-top label{font-size: 13px; top:-10px;}
input.next-hop-btn{width: 100%;}

input.error{border-color:#ff0000;}
.response_msg .error, .response_msg .success {padding: 8px;border: 1px solid #ff0000;color: #ff0000;margin-top: 15px;}
label.error{display:none !important;}

.response_msg .success{border-color:#15c39a; color:#15c39a;}
/*input:required:focus{background-color: rgba(223, 73, 73, 0.2); border: 1px solid #df4949; box-shadow:none} */

*{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

/*================================= 4 Global Styles (#glob) =================================*/

/* Gobal #GAB */
.x:before 
{position:absolute; content:''}

/* Vertical Middle */
.x:before /*Parent Before*/
{content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em}

.x /* Child class */
{display: inline-block; vertical-align: middle}

/* Image Alignment */
.alignnone , a img.alignnone {margin: 5px 0 50px}
.aligncenter, div.aligncenter {display: block; margin: 5px auto 40px auto}
.alignright , a img.alignright{float:right; margin: 30px 0 40px 40px;}
.alignleft , a img.alignleft {float: left; margin: 30px 40px 40px 0; }
a img.aligncenter {display: block;  margin-left: auto; margin-right: auto}

h1 , h2 , h3 , h4 , h5 , h6{ font-weight: 700; }

h1, h2{color: #fff; font-size: 16px; font-weight: 500; line-height: 24px;}
h2{color: #8a8a8a;}
h3{color: #000000; font-size: 20px; line-height: 25px; font-weight: 500;}
h4{color: #484848; font-size: 20px; font-weight: 900; line-height: 26px; text-transform: uppercase;}
h5{color: #515151; font-size: 20px; font-weight: 900; line-height: 26px;}
h6{color: #484848; font-size: 16px; line-height: 20px; font-weight: 900; text-transform: uppercase;}

p , .content_row ul li, .content_row ol li{color: #8a8a8a; font-size: 16px; font-weight: 300; line-height: 23px; margin-bottom:20px}
p:last-child{margin-bottom:0}
p.intro{color: #454545; font-size: 20px; margin-top: 30px; line-height: 28px; font-weight: 700; margin-bottom:20px}
p a{color: #ffb400;}
p a:hover{color:#e5a306; text-decoration: underline;}
p strong{font-weight:700; color: #161616;}
.normal-band p strong{color: #666666;}
p em{font-style:italic}
p a:hover{text-decoration:underline}
.normal-band p b{color: #000000;}

.content_row ul , .content_row ol{padding-bottom:10px}
.content_row ul li, .content_row ol li{margin-bottom:5px; position:relative; color:#a2a2a2;}

.content_row ul li{padding-left:30px}
.content_row ul li:before {color: #000000; content: "•"; font-weight: bold; left: 0; position: absolute; font-size:16px;}

.content_row ul ul , .content_row ol ul , .content_row ol ol{padding:5px 0}

.content_row ol{counter-reset: section}
.content_row ol li{padding-left:30px}

.content_row ol > li:before {font-weight: 300; color:#000000; content:counter(section, decimal) "."; counter-increment:section; padding-right:5px; font-size:19px; position:absolute; left:0}

.content_row ol ul li{padding-left:30px}
.content_row ol ol li{list-style:lower-alpha outside; padding-left:30px; margin-left:20px}

.content_row ol ol li:before{content:none}
.content_row ol ol li{padding-left:10px}

a:focus, a:hover{outline:none; text-decoration:none; color: #4bcaea;}

.visible_tab{display:none}



/* ================================= 5 Wrappers #wrap ================================= */	

body{background:#fff; font-family: 'Montserrat', sans-serif; line-height: 1; color:#666666;}
img{max-width: 100%;}
.container{max-width:1305px; width:100%}
.full_row{width:100%; float:none; margin:0 auto}
.small_container{max-width:840px; margin:0 auto; float:none; padding: 0 15px;}
.site_full{max-width:1950px; margin:0 auto;  padding: 0 15px;
max-width: 1460px;
}

hr{position: relative; display:block; height: 15px; width: 100%; background: transparent;border: none; }
hr:before{content: '+  +  +  +  +  +'; position: absolute; left: 0; top: 0; font-size: 20px; color: #c1c1c1;}
hr:after{content: ''; height: 1px; width: calc(100% - 100px); background: #c1c1c1; position: absolute; right: 0; top: 9px; margin-bottom: 0; display: inline-block;}

/* ================================= 6 Custom CSS #custome ================================= */	
.hotspot-box .arrow,.hotspot-box .view-pro-area, .hotspot-box .view-pro-area p i,
.hotspot-box:hover .arrow,.hotspot-box:hover .view-pro-area,.hotspot-box:hover .view-pro-area p i,
.Image_Wrapper div, .Image_Wrapper:after, .Image_Wrapper:hover div, .Image_Wrapper:hover:after,
.Image_Wrapper .title, .Image_Wrapper:hover.title,.accordion-section-title, .accordion-section-title h6,
.accordion-section-title h6 i,  .accordion-section-title:hover,
.accordion-section-title:hover h6, .accordion-section-title:hover h6 i, 
.view-pro-area p, .hotspot-box:hover .view-pro-area p,.slider-wrapper .owl-prev:after, 
.slider-wrapper .owl-next:after,.slider-wrapper .owl-prev:hover:after,
.slider-wrapper .owl-next:hover:after,.slider-wrapper .owl-theme .owl-controls .owl-nav .owl-prev, .slider-wrapper .owl-theme .owl-controls .owl-nav .owl-next,
.slider-wrapper .owl-theme .owl-controls .owl-nav .owl-prev:hover, 
.slider-wrapper .owl-theme .owl-controls .owl-nav .owl-next:hover,.send-wrapper i,.send-wrapper:hover i, .Image_Wrapper a:after, .Image_Wrapper a:hover:after
{transition: all .6s ease; }

.section-gap{padding: 60px 0;}
.remove_top_pad{padding-top: 0;}
.hunfeld-btn{font-size: 13px;  color: #ffd800; padding: 16px 29px; border: 2px solid #ffd800; font-weight: 500; text-transform: uppercase; display: inline-block; background: transparent;}
.hunfeld-btn:hover{border-color:#e7aa2a; color: #e7aa2a;}

.two_branding, .single_img_branding, .normal-brand, .single-brand-left, .single-brand-right{position: relative; }
.two_branding:after, .two_branding:before, .single-brand-left:before, .single-brand-right:before{content: ''; background-image: url(../images/star-pattern.png); width: 100%;max-width:1500px; height: 100%;background-repeat: no-repeat;position: absolute; margin: 0 auto;left: 0; right: 0; pointer-events: none; }
.single_img_branding:before{content: '';background-image: url(../images/star-pattern.png);width: 100%;height: 100%;bottom: -80px;left: -95px; background-position: bottom left;position: absolute;background-repeat: no-repeat;z-index: 1;}
.bottom-right:after{ bottom: -80px; background-position: bottom right!important;top: auto !important; z-index: 1;}
.two_branding.small-brand-area:after, .two_branding.small-brand-area:before{max-width: 1100px;}
.two_branding:before{background-position: bottom left; bottom: -80px; z-index: 1;}
.two_branding:after{background-position: top right; top: -40px;}
.brand-right-bottom:before{background-position: bottom right; left: auto; right: -95px;}
.single-brand-left:before {top: auto;bottom: -80px;background-position: bottom left; z-index: 1;}
.single-brand-right:before{top: auto;bottom: -80px;background-position: bottom right; z-index: 1;}

.main_header.nav_up.sticky, .main_header.sticky.nav_down{background: #1c1c1c;}
.main_header.nav_up.sticky .main_nav{border: none;}	
.main_header.nav_up.sticky .main_nav:after,  .main_header.sticky.nav_down .main_nav:after{content: none;}
.main_header.nav_up.sticky .logo_col a{margin:31px 0 26px}
.main_header.nav_up.sticky .logo_col a img{max-width: 150px;}
.main_header.nav_up.sticky .nav_cover ul li a{padding: 39px 0 38px; margin: 0 12px;}

.main_header {position: fixed; top:0; left: 0;z-index: 3;width: 100%;}
.main_nav{position: relative; margin: 0 30px; border-bottom: 1px solid rgba(255,255,255,.25)}
.main_nav:after{pointer-events: none; content:''; background-image: url(../images/header-back.png);position: absolute;top: 0;width: 1920px;left: -30px;height: 200px;background-repeat: no-repeat;z-index: -1;}
.logo_col a{display: inline-block; margin: 33px 0 28px;}
.main_header .logo_col a img {max-width:184px;}
.nav_cover ul{float: right; position: relative;}

.nav_cover ul li{display: inline-block;}
.nav_cover ul li:after {content: ' '; margin-top :-10px; display: block; background-image: url(../images/mini-stars.png); width: 38px; height: 7px; margin-left: auto; margin-right: auto; opacity: 0; transition: all 250ms ease}
.nav_cover ul li a{font-size: 15px; color: #fff; font-weight: 500; display: block; padding: 45px 0 44px; margin: 0 10px; position: relative; top: 0;}

.nav_cover ul li.social a { margin: 0 10px;}
.nav_cover ul li:last-child a{margin-right: 0 !important;}
.nav_cover ul li:last-child:after { position: relative; right: -9px;}
.nav_cover ul li a i{margin-left: 3px; vertical-align: middle;}
.nav_cover ul li a:hover {
	top: -5px;
	color: #ffb400
}
.nav_cover ul li:hover:after {
	margin-top: -32px;
	opacity: 1;
}

/* Dropdown Menu */
.dropdown {
	position: relative;
	display: inline-block;
	transition: all 250ms ease;
}
.nav_cover ul li.dropdown:after {
	content: ' ';
	margin-top: -32px;
	display: block;
	background-image: url(../images/mini-stars.png);
	width: 38px;
	height: 7px;
	margin-left: auto;
	margin-right: auto;
	opacity: 1;
}

.dropdown ul {
	transition: all 250ms ease;
	opacity: 0;
	position: absolute;
	background-color: black;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	top: 105%;
	z-index: 1;
	pointer-events: none;
	padding: 10px;
	left: -27px;
}
.dropdown > a {
	cursor: default;
}
.dropdown ul li a {
	color: white;
	padding: 15px 10px !important;
	top: 0 !important;
	text-align: center;
	margin: 0px !important;
}
.dropdown ul li:after {
	display: none;
}

.dropdown:hover ul {
	opacity: 1;
	pointer-events: auto;
}

.logo_col a:hover img, .nav_cover ul li:last-child a:hover{opacity: .5; top: 0;}
.nav_cover ul li a.right-menubar { display: none}

.sidenav {height: 100%;width: 0;position: fixed;z-index: 99;top: 0;right: 0;background-color: #2e2e2e;overflow-x: hidden;transition: 0.5s;}
.sidenav.sidebar-menu{width: 515px; box-shadow: 0 20px 50px rgba(0,0,0,.35);}
.nav_listing{padding: 40px;}
.sidenav  li{opacity: 0;}
.sidenav  li:first-child a:hover{color: #fff}
.sidenav.sidebar-menu  li{opacity: 1;}
.sidenav a i{margin-right: 15px; margin-bottom: 30px;}
.sidenav a { font-size: 15px;color: #ffd800; font-weight: 500; margin: 20px 0; display: block;}
.sidenav li:first-child a{margin-top: 0;}
.sidenav a:hover {color: #786031;} 
.sidenav span{font-size: 50px; color: #fff; opacity: .06; line-height: 50px; display: block; padding-right: 135px; font-family: 'Lora', serif;}
.main_page.page-overlay{position: relative; pointer-events: none;}
.main_page.page-overlay:after{content: ''; width: 100%; height: 100%; position:absolute; top:0; left: 0; background: #1c1c1c; opacity: .7; z-index: 10;}

.main-banner{background: #1c1c1c; position: relative; z-index: 1; }
.main-banner .site_full{position: relative;}
.mob_img{display: none;}
.mob-btn-links{display: none;}
.main-banner:after, .main-banner:before{content: '';z-index: -1; pointer-events: none; background-image: url(../images/star-pattern.png);position: absolute;top: 0;width: 100%;height: 100%;display: inline-block;background-position: right center;background-repeat: no-repeat;}
.main-banner:before{ right: auto; left: 0; background-position: left center;}
.main-banner .black-overlay{position: relative; text-align: center;}
.main-banner .black-overlay:after{content: ''; width: 100%; height: 100%; background: #000; opacity: .1; position: absolute; top: 0; left: 0;}
.main-banner-desc{position: absolute;max-width: 542px;top: calc(50% + 54px);right: 0;transform: translateY(-50%);padding-right: 160px;}
.main-banner .black-overlay:before{content: '';width: 585px;height: 100%;background: #1c1c1c;opacity: .8;position: absolute;right: 0;top: 0;z-index: 0;}
.common_span{color: #000; font-size: 35px; font-weight: 300;line-height: 42px; display: block;}
.main-banner-desc .common_span{color: #fff;}
.main-banner-desc .large_text , .large_text{font-size: 150px;color: #fff;font-weight: 400;opacity: .25;font-family: 'Lora', serif;position: relative;left: -120px;letter-spacing: -.04em;}
h1, h2{margin: 25px 0;}
.list-box{position: absolute; z-index: 1; bottom: -20px; background: #fff; box-shadow: 0 0 50px rgba(0,0,0,.25); padding: 14px 42px; right: 270px;}
.list-box li{position: relative; display: inline-block; font-size: 15px; line-height: 25px; font-weight: 500; color: #000; padding-right: 30px;}
.list-box li:after{content: ''; width: 5px; height: 5px; background:#000; border-radius: 50%; position: absolute; top: 9px; right: 11px; }
.list-box li:last-child{padding-right: 0;}
.list-box li:last-child:after{content: none;}

.project-wrapper .col-md-6:first-child{padding-right: 0;}
.project-wrapper .col-md-6:last-child{padding-left: 0;}
.project-wrapper .row{display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; align-items: center;}

.providing-wrapper {padding-top: 100px; z-index: 0;}
.large_text {
	color: #808080;
	opacity: .16;
	font-size: 120px;
	left: -72px;
}
.large_text.center{left: 0;}
.brand-and-img {
	position: relative;
	max-width: 840px;
	background: #1c1c1c;
	width: 100%;
}
.project-desc-wrapper {max-width: 450px;text-align: center; margin-left: 130px;}
.brand-and-img img{max-width: 740px;}
.project-desc-wrapper.big-left{max-width: 580px;margin-left: 0;margin-right: 130px;float: right;}
.right-img{float: right; text-align: right;}
.brand-and-img:after {
	content: '';
	width: 160px;
	height: 100%;
	background: black;
	opacity: .8;
	position: absolute;
	right: 0;
	top: 0;
}
.right-img:after{left: 0; right: auto;}
.project-box{ font-size: 15px; line-height: 25px; font-weight: 500; color: #836b38; background: #fff; box-shadow: 0 0 50px rgba(0,0,0,.25); padding: 14px 67px; position: absolute; bottom: 20px; left:-156px;}
.right-img .project-box{right: -156px; left: auto;}

.hunfeld-difference{background: #1c1c1c; text-align: center;}
.hunfeld-difference .common_span{color: #fff; font-size: 40px;}
.hunfeld-difference h2{font-size: 18px; color: #fff; margin: 20px 0 80px;}
.hunfeld-difference .col-md-3 .common_span{font-size: 25px; line-height: 32px; padding: 0 22px;}
.hunfeld-difference .large_text{font-size: 80px; color: #fff; bottom: -12px;}

.branding-img-area .container{text-align: right; position: relative;}
.branding-img-area img{top: -100px; position: relative; margin-right: 90px;}
.branding-img-area .container:after{content: '';width: 330px;height: 60px;background: #f7f7f7;position: absolute;left: 145px;bottom: 0px;z-index: -1; }

.building-wrapper.main-banner:after, .building-wrapper.main-banner:before{max-width: 2300px; left: 0;right: 0;margin: 0 auto;display: table-cell;}
.building-wrapper .main-banner-desc.center{z-index: 1; text-align: center; top: 50%; padding-right: 0; max-width: 420px; margin-right: 50px;}
.building-wrapper.main-banner .black-overlay{display: table; margin: 0 auto}
.building-wrapper.main-banner .black-overlay:before{width: 510px;}
.building-wrapper.main-banner .black-overlay:after{content: ''; background: transparent url(../images/star-pattern.png); width: 100%; height: 100%; position: absolute; right: -104px; bottom: -80px; background-position: bottom right; background-repeat: no-repeat; top: auto; opacity: 1; left: auto;}
.building-wrapper h2, .building-wrapper p{color: #fff;}
.building-wrapper .large_text{font-size: 120px;}
.building-wrapper .list-box{right: 370px;}

.slider-wrapper{background: #fff; position: relative;z-index: 0;}
.quote-wrapper{position: relative; z-index: 1; margin-left: 150px; display: inline-block;margin-bottom: 30px; padding-top: 100px;}
.quote-wrapper:after{content: ''; background-image: url(../images/star-pattern.png); background-repeat: no-repeat; position: absolute;height: 160px;width: 200px;left: 50%;transform: translatex(-50%);bottom: 35px;}
.quote-wrapper:before{content: ''; width: 330px; height: 330px; background: #f7f7f7; position: absolute; left: -270px; top: -60px; z-index: -1;}
.slider-wrapper .item{text-align: center; }
.slider-wrapper .item p{color:#8a8a8a; font-size: 25px; line-height: 32px;}

.slider-wrapper .owl-nav{text-align: center; margin-top: 40px;}
.slider-wrapper .owl-theme .owl-controls .owl-nav .owl-prev, .slider-wrapper .owl-theme .owl-controls .owl-nav .owl-next{position: relative; padding: 15px 45px;border: 2px solid #ffd800;margin: 0 10px;color: transparent; float: none; margin: 0;}
.slider-wrapper .owl-theme .owl-controls .owl-nav .owl-prev:hover, .slider-wrapper .owl-theme .owl-controls .owl-nav .owl-next:hover{border-color: #e7aa2a;}
.slider-wrapper .owl-prev{border-right: 1px solid #ffd800 !important;}
.slider-wrapper .owl-next{border-left: 1px solid #ffd800 !important;}
.slider-wrapper .owl-prev:after, .slider-wrapper .owl-next:after{content: '\f30a';  font-family: 'Font Awesome 5 Free'; position: absolute; font-weight: 900; color: #ffd800; font-size: 25px; top:50%; left: 50%; transform: translate(-50% , -50%);}
.slider-wrapper .owl-next:after{content: '\f30b'}
.slider-wrapper .owl-prev:hover:after, .slider-wrapper .owl-next:hover:after{color: #e7aa2a;}
.star-img{position: relative; margin-top: -65px; right: -100px; text-align: right;}

footer{background: #000;}
.main-footer h3 {
	font-size: 25px;
	font-weight: 700;
	color: #808080;
	line-height: 32px;
}
.main-footer{padding: 20px 15px 0}
footer .large_text{left: -8px; color: #fff; opacity: .12; display: block;}
.main-footer .row:nth-child(2){margin-top: 30px; margin-bottom: 30px;}
.main-footer h4{margin-bottom: 25px; font-size: 16px; color: #fff; text-transform: uppercase; font-weight: 500;}
.main-footer   a{font-size: 16px; color: #ffd800; line-height: 23px; font-weight: 300;}
.main-footer   a:hover{color:#ffb400; text-decoration: underline;}
.main-footer p , .main-footer address{color: #abaaaa;}
.main-footer address a{display: block;}
.main-footer .col-md-3 p {margin-bottom: 0;}
.main-footer .col-md-4 img{float: right;}
.main-footer .col-md-8 p b{margin-top: 15px; display: inline-block; text-transform: uppercase;}

.signature-desc span{color: #b1b0b0; /*vertical-align: middle;*/ font-weight: 300;}
.signature-desc span span{color: #ffd800;}
.signature-desc{text-align: right; margin-top: 5px;}

.signature-desc a { display: inline-block; vertical-align: middle;}
.signature-desc img{float: none !important;}
.normal-signature{opacity: 1; position: absolute;}
.hover-signature{opacity: 0;}
.signature-desc a:hover .hover-signature{opacity: 1;}
.signature-desc a:hover .normal-signature{opacity: 0;}

.inner-page-banner{z-index: 1;}
.inner-page-banner img{height: 250px; object-fit: cover;}
.inner-page-banner .main-banner-desc{left: 0; padding: 0; max-width: 100%;}
.inner-page-banner h1{margin: 8px 0 0;}

.main-banner.inner-page-banner:after, .main-banner.inner-page-banner:before {height: 100%;display: inline-block;background-position: left bottom;background-repeat: no-repeat;max-width: 1920px;width: 100%;margin: 0 auto;right: 0;left: -205px;bottom: -80px; z-index: 2; top: auto;}
.main-banner.inner-page-banner:after{background-position: right bottom; left: 0; right:-205px; }

.normal-band .common_span{margin: 15px 0 25px 0; display: inline-block;}
h3, h6{margin-bottom: 25px; display: block;}
h4, h5{margin: 25px 0;  display: inline-block;}
.white-band{background: #fff;}
.gray-band{background: #f7f7f7;}

.hotspot-band h3{text-align: center; display: block;}
.hotspot-band .img-box{position: relative;}
.hotspot-box{position: relative; display: block; max-width: 610px; margin: 0 auto;}
.hotspot-box .img-box:after{content: '';width: 100%;height: 100%;background-image: url(../images/header-overlay.png ); position: absolute; background-repeat: no-repeat; top: 0; left: 0;}
.hotspot-box.single_img_branding:before{bottom: -110px;}

.hotspot-band .col-md-6{margin-bottom: 60px;}
.hotspot-band .col-md-4 .hotspot-box{max-width: 390px;}
.hotspot-band .col-md-4 .view-pro-area{max-width: 350px;}
.hotspot-band .col-md-6:first-child .hotspot-box,
.hotspot-band .col-md-4:first-child .hotspot-box{margin-left: 0;}
.hotspot-band .col-md-6:last-child .hotspot-box,
.hotspot-band .col-md-4:last-child .hotspot-box{margin-right: 0;}
.hotspot-box img{width: 100%;}
.hotspot-box h3{text-align: left; font-size: 15px; color: #fff; line-height: 25px;padding: 20px; position: absolute; top: 0; left: 0; margin: 0; z-index: 1;}
.hotspot-box .arrow{color: #fff; position: absolute; right: 30px; bottom: 50px; opacity: 0;}
.view-pro-area{box-shadow: 0 0 50px rgba(0,0,0,.2); max-width: 575px; width: 100%; top: -40px; z-index: 2; padding: 15px 20px; float: right; background: #fff; position: relative;}
.view-pro-area h4 {
	min-height: 60px;
	text-transform: none;
	margin: 0 0 12px;
	font-weight: 300;
	font-size: 20px;
	line-height: 28px;
	color: #8a8a8a;
}
.view-pro-area h4 span{display: block;}
.view-pro-area p{color: #ffd800; font-size: 13px; line-height: 16px; font-weight: 500; margin: 0; text-transform: uppercase;}
.view-pro-area p i{margin-left: 5px;}

.hotspot-box:hover .arrow{opacity: 1;}
.hotspot-box:hover .view-pro-area{top:-20px;}
.hotspot-box:hover .view-pro-area p i{margin-left: 40px; color: #e7aa2a;}
.hotspot-box:hover .view-pro-area p{color: #e7aa2a;} 

.connect-area .brand-and-img img{object-position: right;}
.connect-area .brand-and-img .common_span{position: absolute; z-index: 1; top: 30px; left: 30px; color: #fff; text-align: left;}
.connect-area .brand-and-img .common_span .large_text{left: -4px;color: #fff; font-size: 80px; bottom: -10px;}
.connect-area .brand-and-img i{position: absolute; right: 0; top: 0; color: #000000;}
.connect-area .right-img:after{width: 330px;}

.connect-area .col-md-4{padding-left: 40px;}
.connect-area strong {
	color: #1c1c1c;
	font-size: 16px;
}
.connect-area p{ font-size: 25px; line-height: 42px; }
.connect-area address{font-size: 16px; margin: 5px 0;}
.connect-area p a{font-size: 16px; line-height: 20px; display: block; text-transform: capitalize;}

.synopsis-area span{margin-top: 60px;}
.synopsis-area hr{margin: 50px 0 -10px;}
.synopsis-area h2{margin-bottom: 20px;}
.gallary-area{overflow: hidden;}
.Image_Wrapper.item {margin-bottom: 13px!important;}
.gallary-area .common_span{text-align: center; margin-bottom: 20px;}
.Image_Wrapper a{display:block; position: relative; text-align: center; padding: 13px;}
.Image_Wrapper a .title{margin-top: 110px; text-align: center; display: block; width: 100%; text-transform: capitalize;  color: #fff; font-size: 16px;}
.Image_Wrapper a  div{position: absolute; top: 48%;width: 100%; z-index: 1; text-transform: capitalize; /*transform: translateY(-50%);*/ font-size: 20px; color: #fff; text-align: center; opacity: 0;}
.Image_Wrapper a  div i{display: block; margin-bottom: 15px;}
.Image_Wrapper a:after{content: '';background-image: url(../images/gallary-back.png); background-size: cover; position: absolute;left: 13px
;top: 0; height: 100%; width: calc(100% - 26px); opacity: 0;}

.Image_Wrapper a:hover div, .Image_Wrapper a:hover:after, .Image_Wrapper a:hover .title {opacity: 1;}

.mfp-wrap {top: 0;left: 0;width: 100%;height: 100%;z-index: 1043;position: fixed;outline: 0!important;-webkit-backface-visibility: hidden;}
.mfp-with-zoom.mfp-ready.mfp-bg {opacity: 0.8;}
.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg {opacity: 0;-webkit-backface-visibility: hidden;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.mfp-bg {top: 0;left: 0;width: 100%;height: 100%;z-index: 1042;overflow: hidden;position: fixed;opacity: 0.98; background-color: #1c1c1c; }
.mfp-with-zoom.mfp-ready .mfp-container {opacity: 1;}

.mfp-image-holder .mfp-content {max-width: 100%;}
.mfp-content {position: relative;display: inline-block;vertical-align: middle;margin: 0 auto;text-align: left;z-index: 1045;transform: translateY(-50%); top: 50%;}

.mfp-container {text-align: center;position: absolute;width: 100%;height: 100%;left: 0;top: 0;padding: 0 8px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader {display: none;}

.mfp-arrow{position: absolute;top: 0;   background-color: #1c1c1c;height: 100%;width: 230px;color: transparent;border: none;transition: all 0.5s ease 0s;}
.mfp-arrow.mfp-arrow-right{right: 50px;}
.mfp-arrow.mfp-arrow-right:before{content: "\f061";font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #fff;font-size: 18px; transition: all 0.5s ease 0s;line-height: 0;position: absolute;left: 35px;transform: translateY(-50%);top: 50%;left: 0px; right: 0;}
.mfp-arrow.mfp-arrow-left{left: 50px;}
.mfp-arrow.mfp-arrow-left:before{content: "\f060";font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #fff;font-size: 18px; transition: all 0.5s ease 0s;line-height: 0;position: absolute;left: 35px;transform: translateY(-50%);top: 50%;left: 0px; right: 0;}
.mfp-close {position: fixed;top: -42px;right: -230px;background-color: transparent;height: 50px;width: 80px;color: #fff;border: none;transition: all 0.5s ease 0s;font-size: 22px;font-weight: 700;text-transform: uppercase;text-align: right;}

.mfp-close:before {content: "CLOSE";color: #fff;font-size: 14px;transition: all 0.5s ease 0s;line-height: 0;position: absolute;left: 35px;transform: translateY(-50%);top: 50%;left: 0;right: 30px;font-weight: 700;}
.mfp-img{box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25)}

.mfp-arrow.mfp-arrow-left {left: -230px; }
.mfp-arrow.mfp-arrow-right {right: -230px;}


.mfp-bottom-bar {position: absolute;width: 100%;bottom: -30px;}
.mfp-title {color: #fff;font-size: 14px;font-weight: 700;}
.mfp-counter{display: none;}
.mfp-arrow.mfp-arrow-left:hover, .mfp-arrow.mfp-arrow-right:hover{background-color: #1c1c1c;}

.industries-holder{position: relative;}
.industries-holder .col-md-6:last-child{float: right;}
.back-img-holder {background-image: url(../images/about-hunfeld-band.jpg);position: absolute;right: 50%;top: 0;height: 100%;background-position: right;background-size: contain;background-repeat: no-repeat;}
.industries-holder:before{content: ''; width: 48%; height: 100%; background: black; position: absolute; left: 0; top: 0;}
.back-img-holder.brand-and-img:before{z-index: 1;}
.right-industries-desc {max-width: 435px;text-align: center;margin-left:70px;padding: 30px 0 10px;}
.open{display: block!important;}
.accordian-wrapper .common_span {font-weight: 500; letter-spacing: -.03em; color: #868686;}
.accordian-wrapper .common_span span{color: #000;}
.accordian-wrapper .accordion{margin-top: 20px;}
.accordion-section-title{position: relative; border:1px solid #eeeeee; border-left: 6px solid #eeeeee; display: block; background: #fbfbfb;}
.accordion-section-title.active{border-left-color: #ffd800; background: transparent;}
.accordion-section-title.active h6 i{transform: translateY(-50%) rotate(45deg);}
.accordion-section-title:hover{border-left-color: #e7aa2a; background: transparent;}

.accordion-section-title:nth-child(even){border-top:none;border-bottom: none;}
.accordion-section-title h6{color: #8b8b8b; font-size: 18px; font-weight: 500; line-height: 26px; margin: 0; text-transform: none;     padding: 25px 45px 22px 20px; }
.accordion-section-title:hover h6{color: #e7aa2a;}
.accordion-section-title h6 i{ color: #ffd800; font-size: 16px; line-height: 24px; right: 20px; position: absolute; top: 50%;transform: translateY(-50%);}
.accordion-section-content{border-left:1px solid #eeeeee; border-right: 1px solid #eeeeee; padding: 40px 105px 55px 55px;}
.accordion .accordion-section:last-child{border-bottom: 1px solid #eeeeee;}

.accordion-section-content h2{margin: 0 0 20px; color: #2c2c2c;}
.accordion-section-content p{font-size: 18px; letter-spacing: -.03em;}

.contact-wrapper{position: relative;}
.contact-wrapper:after{content: ''; z-index: -1; width: 815px;height: 485px; background: #f8f8f8; position: absolute; left: 50%; transform: translateX(-50%); top:330px;}
.send-wrapper, .head-wrapper .hunfeld-btn{position: relative; max-width: 375px; width: 100%; text-align: center;}
.contact-wrapper .common_span{margin-bottom: 80px;}
.head-wrapper strong{color: #1c1c1c; font-size: 25px; font-weight: 500; line-height: 25px;margin-bottom: 10px; display: block;}
.head-wrapper p a{font-weight: 300; font-size: 35px; line-height: 42px; color: #000000; display: block; margin-bottom: 50px;}
.head-wrapper p a:hover{text-decoration: none;}
.head-wrapper p{margin-bottom: 30px;}
.map-img-area img{box-shadow: 0 0 50px rgba(0,0,0,.2); margin-top: 60px;}
.head-wrapper .hunfeld-btn i{margin-left: 20px;}

.cta-band .row{display: flex; display: -ms-flexbox; display: -webkit-flex; align-items: center;}
.cta-band .col-md-3{text-align: right;}
.cta-band .col-md-3:before {content: '';background: url(../images/star-pattern.png);background-repeat: no-repeat;position: absolute;width: 100%;height: 200px;left: -100px;top: -65px;z-index: -1;}
.cta-band .hunfeld-btn{background: #fff;}

.cd-top {
	position: fixed;
	bottom: 50px;
	right: 50px;
	font-size: 30px;
	font-weight: 600;
	border: none;
	outline: none;
	color: white;
	cursor: pointer;
	height: 50px;
	width: 50px;
	line-height: 50px;
	border-radius: 4px;
	background-color: #ffd800;
	text-align: center;
	opacity: 0;
	overflow: hidden;
	transition: opacity 1s ease 0s, visibility 1s ease 0s;
	visibility: hidden;
	white-space: nowrap;
	z-index: 9;
}
.cd-top i {color: #ffffff; transition:all 1s ease 0s; font-weight: 700}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition:opacity 1s ease 0s, visibility 1s ease 0s, background-color 1s ease 0s; -moz-transition:opacity 1s ease 0s, visibility 1s ease 0s, background-color 1s ease 0s; transition: opacity 1s ease 0s, visibility 1s ease 0s, background-color 1s ease 0s}
.cd-top.cd-is-visible  {visibility: visible; opacity: 1; }
.cd-top:hover {
	background-color: #e7aa2a;
}

.social-icons a {
	font-size: 22px;
	margin-bottom: 25px;
	display: inline-block;
}
.order-adjust .col-md-3:last-child p {
	text-align: center;
	margin-top: 5px;
}

@media (max-width: 1200px) {
	
}

/* ================================= 7 Media Query #media ================================= */
@media all and (max-width: 2150px) {
.main-banner.inner-page-banner:after{right: 0;}
.main-banner.inner-page-banner:before{left:0;}
}

@media all and (max-width: 1920px) {
	.main-banner .site_full{padding: 0;}
	.main_nav{margin: 0 15px;}
	.black-overlay img{height: 600px; object-fit: cover; width: 100%;}
}

@media all and (max-width: 1880px) {
	.project-wrapper .brand-right-bottom:before, .building-wrapper.main-banner .black-overlay:after{right: 0;}
	.project-wrapper .single_img_branding:before{left: 0;}
}

@media all and (max-width: 1600px) {
	.brand-and-img img{max-width: 100%;}
	.large_text{font-size: 100px;}
}

@media all and (max-width: 1480px) {
	.project-desc-wrapper{margin: 0 auto!important; padding: 0 15px;}
	.project-desc-wrapper.big-left{float: none;}
}

@media all and (max-width: 1360px) {
	.project-box{padding: 14px 15px; z-index: 1; bottom: -20px; left: 50% !important; transform: translatex(-50%); max-width: 250px; width: 100%; text-align: center;}
	.right-img .project-box{right: auto;}
}

@media all and (max-width: 1199px) {
    .main-banner:after, .main-banner:before, .two_branding:after, .two_branding:before, .single-brand-left:before, .single-brand-right:before, .single_img_branding:before, .building-wrapper.main-banner .black-overlay:after,
    .quote-wrapper:after{background-size: 160px;}
    .branding-img-area img{max-width: 160px; width: 100%; margin-right: 60px; top:-80px;}
    .star-img img{max-width: 160px; width: 100%; }

	.main_header.nav_up.sticky .nav_cover ul li a{margin: 0 10px;}
	.nav_cover ul li a{margin: 0 5px;}
	.main-banner-desc{max-width: 500px; padding-right: 70px;}
	.main-banner .black-overlay:before{width: 542px;}
	.large_text {font-size: 80px;left: -7px;bottom: -10px;}
	.hunfeld-difference .col-md-3 .common_span{padding: 0;}
	.star-img{right: 0;}
	.quote-wrapper:before{left: -100px;}

/* 	.signature-desc a {display: block; margin-top: 15px;}		 */
	.signature-desc a img{right: 15px;}

	.connect-area .right-img:after{width: 160px;}
	.right-industries-desc{margin: 0 auto;}
	.form-wrapper .form-group:first-child {max-width: 230px;}
	.form-wrapper .form-group:last-child {max-width: 180px;}
	.mfp-arrow{width: 50px;}
	.mfp-arrow.mfp-arrow-left{left: 0;}
	.mfp-arrow.mfp-arrow-right{right:0;}
	.mfp-close{right: 0;}
}

@media all and (max-width: 1024px) {

.list-box{right: 30px; left: 30px; text-align: center;}
.sidenav.sidebar-menu{width: 350px;}
.nav_listing{position: 25px;}
.connect-area .brand-and-img .common_span{top: 20px; left: 15px;}
.connect-area .col-md-4{padding-left: 15px;}
.back-img-holder{background-size: cover;}		
.accordion-section-content{padding: 25px;}
.accordion-section-content p{font-size: 16px; letter-spacing: 0;}
.contact-wrapper .common_span{margin-bottom: 30px;}
form .note{margin-bottom: 20px;}
.form-wrapper .form-group , .form-group input{max-width: 100%!important; }
.contact-wrapper:after{width: 600px; top:270px;}
.sidenav span{font-size: 30px; padding-right: 0; line-height: 35px;}

.cd-top{font-size: 20px; line-height: 35px; width: 35px; height: 35px; right: 15px; bottom: 15px;}
.mfp-zoom-out-cur{overflow: hidden;}
}


/* ================================= Common For All mobile definitions #mx ================================= */
@media all and (max-width: 767px) {

html * {max-height:1000000px}	

.x
{display:none}

p.intro{font-size:20px; line-height:30px}

.alignnone , a img.alignnone , .aligncenter, div.aligncenter ,  .alignright , a img.alignright , .alignleft , a img.alignleft{margin: 30px auto; float:none; display: block;}

.main_page{margin-top: 35px;}
.section-gap{padding: 30px 0;}
.hunfeld-btn{width: 100%; text-align: center; padding: 16px 5px;}
.two_branding:before{background-position: bottom center;}
.two_branding:after, .single_img_branding:before, .two_branding:before,
 .branding-img-area .container:after, .building-wrapper.main-banner .black-overlay:after,
 .two_branding:after, .two_branding:before, .single-brand-left:before, .single-brand-right:before{content: none;}
.branding-img-area, .star-img{display: none;}

.providing-wrapper.two_branding{padding-bottom: 60px;}
.providing-wrapper.two_branding:before, .hotspot-box.single_img_branding:before{content: '' !important;}
.hotspot-box.single_img_branding:before {bottom: -30px;left: -15px;}
.logo_col{float: left;}
.nav_cover{float: right;}
.logo_col a, .main_header.nav_up.sticky .logo_col a{margin: 6px 0 4px;}
.logo_col a img, .main_header.nav_up.sticky .logo_col a img{max-width: 100px !important;}
.nav_cover ul li a, .main_header.nav_up.sticky .nav_cover ul li a{padding: 11px 0; font-size: 13px;}
.main_nav{margin: 0; border: none;}
.nav_cover ul li:nth-child(-n+3){display: none;}
.nav_cover .right-menubar{color: transparent; position: relative; display: block!important;}
.nav_cover .right-menubar:after{    content: 'MENU';position: absolute;font-size: 14px;color: #fff;right: 16px;}
.nav_cover .right-menubar i{color: #fff;}

.main-banner .black-overlay:before, .main_nav:after, .main-banner:before, .main-banner:after, 
.industries-holder:before, .contact-wrapper:after{content: none;}
.main_header{background: #000;}
.black-overlay img{height: auto;}

.main-banner{background: transparent;}
.main-banner img{display: none;}
.main-banner .mob_img{display: block;}
.mob-btn-links{display: block; padding:15px;}
.mob-btn-links .col-md-6{width: 50%; float: left; margin: 15px 0 0; padding-right: 7px;}
.mob-btn-links .col-md-6:last-child{padding-left: 7px; padding-right: 15px;}
.list-box li{padding: 0; display: block;}
.list-box li:after{content: none;}
.list-box {position: relative; bottom: 0;top: 0px;right: 15px;left: 15px;text-align: center;width: calc(100% - 30px); margin-top: -20px; margin-bottom: -20px; z-index: 2;}

.main-banner-desc .large_text, .large_text{font-size: 75px; left: -40px;}
.large_text{left: 0; font-size: 50px; bottom: -10px;}
.main-banner-desc {padding: 40px 15px 85px 60px;position: relative;max-width: 100%;position: relative;top: 0;transform: none;background: #1c1c1c;}
.main-banner-desc .common_span, .common_span{font-size: 24px; line-height: 30px;}
h1, h2{margin: 15px 0;}
.main-banner-desc .hunfeld-btn {width: calc(100% - 30px);text-align: center;position: absolute;left: 15px;right: 15px;bottom: 30px;}

.project-wrapper .row{display: block;}
.project-wrapper{padding: 0 0 30px;}
.brand-and-img:after{content: none;}
.project-wrapper .col-md-6:first-child{padding-right: 15px;}
.project-wrapper .col-md-6:last-child{padding-left: 15px;}
.project-box {max-width: calc(100% - 30px);bottom: -30px;}
.right-img{float: none;}
.project-desc-wrapper{max-width: 100%; margin-top: 50px!important;}
.project-wrapper.opposite .row{display: flex; flex-direction: column-reverse;}
.hunfeld-difference .col-md-3 .common_span{margin-bottom: 35px; font-size: 24px;}
.hunfeld-difference .col-md-3:last-child .common_span{margin-bottom: 0;}
.hunfeld-difference .common_span{font-size: 28px; line-height: 35px;}
.hunfeld-difference h2{margin: 20px 0 40px;}

.main-banner.building-wrapper img{display: block;}
.building-wrapper .main-banner-desc.center{margin-right: 0; max-width: 100%; padding: 60px 15px 80px 15px; margin-top: -32px;}
.building-wrapper .main-banner-desc .large_text{left: 0;}
.slider-wrapper{text-align: center;}
.slider-wrapper .quote-wrapper{margin-left: 0;}
.slider-wrapper .item p{font-size: 20px; line-height: 25px;}
.quote-wrapper:after{left: 65%;}

.main-footer{padding: 0;}
.main-footer .row:nth-child(2){margin-top: 0;}
.main-footer h3{font-size: 18px; line-height: 26px;}
.main-footer .col-md-4 img{margin: auto; float: none; max-width: 200px; display: block;}
.main-footer h4{margin-bottom: 5px; margin-top: 25px;}
.main-footer .col-md-3, .signature-desc{text-align: center;}
.main-footer  p{margin-bottom: 10px;}
.signature-desc a{margin: 0 auto; display: table;}
.signature-desc a img{right: auto;}

.inner-page-banner img{height: 150px;}
.main-banner.inner-page-banner img{display: block;}
.inner-page-banner .main-banner-desc{padding: 20px 0;}
p.intro{margin-top: 0; font-size: 16px; line-height: 24px;}
.view-pro-area, .hotspot-band .col-md-4 .view-pro-area, .right-industries-desc{max-width: 100%;}
.hotspot-box{margin: 0 auto!important; display: table;}
.hotspot-band .col-md-6{margin-bottom: 0;}
.view-pro-area h4{min-height: auto;}
.connect-area .col-md-4, .map-img-area img{margin-top: 30px;}
.back-img-holder{position: relative; height: 400px; right: 0;}
.contact-wrapper form{margin-bottom: 30px; padding: 20px;}
.head-wrapper p a{margin-bottom: 0;}
.cta-band .row{display: block;}
.synopsis-area hr{margin: 30px 0 -20px;}

.order-adjust { display: flex; flex-wrap: wrap; flex-direction: column;}
.order-adjust .col-md-3:last-child { order: 0;}
.order-adjust .col-md-3:nth-child(1) { order: 1;}
.order-adjust .col-md-3:nth-child(2) { order: 2;}
.order-adjust .col-md-3:nth-child(3) { order: 3;}
.order-adjust img { max-width: 200%; margin: 20px auto 0}

li.social {
	width: 32px;
	margin: 0px !important;
}


}

/********************************* ipad portrait #ip ********************************/
@media only screen and (min-width : 768px) and (max-width: 1000px) {

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float: left}
.col-md-12 {width: 100%}
.col-md-11 {width: 91.66666667%}
.col-md-10 {width: 83.33333333%}
.col-md-9 {width: 75%}
.col-md-8 {width: 66.66666667%}
.col-md-7 {width: 58.33333333%}
.col-md-6 {width: 50%}
.col-md-5 {width: 41.66666667%}
.col-md-4 {width: 33.33333333%}
.col-md-3 {width: 25%}
.col-md-2 {width: 16.66666667%}
.col-md-1 {width: 8.33333333%}

p.intro{font-size:20px}

.hidden-tab 
{display:none}

/* Image Alignment */
.alignnone , a img.alignnone , .aligncenter, div.aligncenter ,  .alignright , a img.alignright , .alignleft , a img.alignleft{margin: 30px auto !important; float:none; display: block;}

.visible_tab{display:block !important}


}

/********************************* ipad landscape #il ********************************/
@media only screen and (min-width : 768px) and (max-width: 1024px) {
.alignright, a img.alignright {margin: 30px 0 40px 30px;}
.container, .small_container{padding: 0 30px;}
.black-overlay img{height: 500px;}
.large_text{font-size: 60px; left: -7px; bottom: -10px;}
.common_span{font-size: 28px; line-height: 32px;}
.providing-wrapper {padding-top: 70px;}
.brand-and-img img {max-width: 100%;height: 400px;object-fit: cover;}
.hunfeld-difference{margin-bottom: 45px;}
.hunfeld-difference .col-md-3 .common_span{font-size: 20px; line-height: 25px;}
.building-wrapper .main-banner-desc.center{margin-right: 40px;}
.building-wrapper.main-banner .black-overlay:before{width: 495px;}
.building-wrapper .list-box {right: 360px;left: auto;}

.main-footer h3{font-size: 20px; line-height: 25px;}
.main-footer h4{min-height: 50px; margin-bottom: 10px;}
.main-footer .col-md-3 a{display: block;}


.view-pro-area h4{min-height: 50px;  font-size: 16px; line-height: 22px; }
}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : landscape){
.main-footer h4{min-height: auto;}
}
@media screen and (min-device-width: 300px) and (max-device-width: 768px) and (orientation : landscape){
.mfp-img{max-height: 220px!important}
.mfp-arrow {width: 30px; background: transparent;height: auto;top: auto;bottom: 5px;right: 5px;width: 20px;height: 20px;}
.mfp-arrow.mfp-arrow-right:before , .mfp-arrow.mfp-arrow-left:before{font-size: 14px;}
.mfp-close:before, .mfp-title{font-size: 11px;}
.mfp-bottom-bar{bottom: -20px;}
.mfp-arrow.mfp-arrow-left{left: auto; right: 35px;}
}
@media screen and (min-device-width: 300px) and (max-device-width: 768px) and (orientation : portrait){
.mfp-img{max-height: 350px!important}	
}
/********************************* Mobile Potrait ********************************/
@media screen and (max-width: 480px) and (orientation: portrait) {
	.sidenav.sidebar-menu{width: 100%;}
	.quote-wrapper:before{content: none;}
}