@charset "utf-8";

/*===== Common CSS =====*/
/*===== Header CSS =====*/
/*===== Footer CSS =====*/
/*===== QuickContact Button CSS =====*/
/*===== HomePage CSS =====*/
/*===== AboutUsPage CSS =====*/
/*===== ClientsPage CSS =====*/
/*===== ContactUsPage CSS =====*/
/*===== LouvrePage CSS =====*/
/*===== ProjectGalleryPage CSS =====*/

/*===== Responsive CSS =====*/

/*===============================
  ===============================*/

/*===== Common CSS =====*/
body { overflow: hidden; padding: 0; margin: 0; font-size: 22px; color: #373737; font-family: 'Acumin Pro Condensed', sans-serif; line-height: 1.4em; position: relative; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale; }

.loader { position: fixed; left:0; right:0; top:0; bottom:0; background: #fff; opacity: 1; z-index: 1000; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); transition:0.5s ease-in-out; -webkit-transition:0.5s ease-in-out; -moz-transition:0.5s ease-in-out; }
.loader img, .loader svg { position: fixed; left:0; right:0; top:0; bottom:0; margin:auto; }
.loader img { z-index: 10; background: #fff; width:100px; height:100px; object-fit: contain; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }

.page-load { overflow: auto; }
.page-load .loader { opacity: 0; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); }

h1, h2, h3, h4, h5, h6, p, ul { padding: 0; margin: 0; }
h1 { font-size: inherit; display: block; }
h2 { font-size: 50px; color:#fff; line-height: 55px; font-weight:bold; font-style: italic; text-transform: uppercase; }
h3 { font-size: 50px; color: #000; font-weight:bold; line-height: 50px; text-transform: uppercase; }
p + h3 {margin-top: 40px;}
h4 { font-size: 32px; color:#fff; font-weight:600; margin:0; }
h5 { font-family: 'Acumin Pro Condensed', sans-serif; font-size: 50px; color:#000; line-height:50px; margin-bottom: 20px; }
h6 { font-size: inherit; display: block; }

li { list-style: none; }
img { border: 0; }

*:hover { -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s; }

*:focus, .btn-default-focus { box-shadow: none !important; outline:none !important; }

* { box-sizing:border-box; }

a { cursor: pointer; color:#000; font-weight: 600; outline: none !important; text-decoration: none; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
a:hover, a:focus { text-decoration: none; color:#e02926; }
a, input, button, textarea, a:focus, select:focus { outline: none; }
a:hover, a:focus, select:focus, button:focus { outline: none; text-decoration: none; }

ul li { list-style: none; }

img, svg { border: none; vertical-align: middle; max-width: 100%; }

button, input, textarea { outline: none; -webkit-appearance: none; -moz-appearance: none; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

input::-webkit-placeholder, textarea::-webkit-placeholder, input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; }

header, main, section, footer { display: block; }

.btn { font-size: 20px; color: #fff; font-weight:bold; text-transform: uppercase; padding:3px 40px 0; line-height: 52px; background: #c9252c; border:none; box-shadow: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
.btn:hover, .btn:focus, .btn:active { background: #b72126; color:#fff; }

.grey-btn { display: inline-block; padding:2px 30px 0; font-size: 16px; color:#fff; background: rgba(0,0,0,0.6); line-height: 38px; text-transform: uppercase; border:0px; }
.grey-btn:hover, .grey-btn:focus, .grey-btn:active { color:#fff; background: rgba(0,0,0,0.9); }

.form-control { height:55px; border:2px solid rgba(0,0,0,0.1); padding:0 15px; font-size: 18px; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; }
textarea.form-control { height:120px !important; resize: none; padding:10px 15px; }

.form-control:focus { border:2px solid #e02926; }
/*
form { width:100%; float:left; text-align: center; }
.form-group { text-align: left; position:relative; }
label { margin-bottom: 0.5rem !important; color: #001041; }
.form-group .form-control, .dataTables_filter input, select.form-control { width:100%; max-width:100%; height:47px !important; background:#fff; box-sizing: border-box; display: block; font-weight: 600; font-size:14px; color:#001041; padding:0 12px; line-height:38px; border:1px solid rgba(0,0,0,0,0.1); outline:none; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2) !important; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; }
.form-group .form-control:focus { border:1px solid #001041; }

.checkbox { margin:0px; }
.checkbox input[type="checkbox"] { display:none; }
.checkbox input[type="checkbox"] + label { color:#001041; cursor: pointer; margin:0px; }
.checkbox input[type="checkbox"] + label span { display:inline-block; width:28px; height:26px; margin:-1px 5px 0 0; vertical-align:middle; background:url("../images/FrontStyle/checkbox.png") left top no-repeat; }
.checkbox input[type="checkbox"]:checked + label span { background:url("../images/FrontStyle/checkbox.png") left bottom no-repeat; }
.checkbox input[type="checkbox"]:checked + label { color:#001041; }
*/

.red-bg{background: rgb(201,37,44);
background: -moz-linear-gradient(-45deg, rgba(201,37,44,1) 0%, rgba(160,34,37,1) 100%);
background: -webkit-linear-gradient(-45deg, rgba(201,37,44,1) 0%,rgba(160,34,37,1) 100%);
background: linear-gradient(135deg, rgba(201,37,44,1) 0%,rgba(160,34,37,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9252c', endColorstr='#a02225',GradientType=1 );}
.red-bg h4 {color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,.5);}
.red-bg p {color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,.5); text-align: center; margin-top: 10px; }


main, section { position: relative; }
.container { max-width: 1410px; }

/*===== Header CSS =====*/
header { position: absolute; left:0; right:0; top:0; z-index: 11; display: flex; justify-content: space-between; align-items: flex-start; }
.logo, #nav-icon, .contact-number { position: relative; z-index: 12; }
.logo { width:230px; padding:19px 31px; background: rgba(14,14,14,0.9); position: relative; z-index: 12; text-align: center; }
.logo a { display: block; }
.logo a img { height:42px; }

.menu-contact { display: flex; justify-content: space-between; align-items: flex-start; }
.contact-number { padding:16px 25px; font-size: 28px; text-align: center;line-height: 24px; background-color: rgba(14,14,14,0.9); border-right: 1px solid rgba(255,255,255,0.3); color: #e02926; }
.contact-number span { display: block; color:#e02926; font-size: 18px; font-weight: 300; color:rgba(255,255,255,0.6);  }
.contact-number:hover { background: #e02926; color:#fff; }
.contact-number:hover span { color:#fff; }


#nav-icon { width: 80px; height: 80px; background: rgba(14,14,14,.90); cursor: pointer; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; }
#nav-icon span { display: block; position: absolute; height: 4px; width: 39px; background: #fff; opacity: 1; left: 0; right:0; margin:auto; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }

#nav-icon span:nth-child(1) { top: 24px; }
#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) { top: 38px; }
#nav-icon span:nth-child(4) { top: 52px; }
#nav-icon.open span:nth-child(1) { top: 24px; width: 0%; left: 50%; }
#nav-icon.open span:nth-child(2) {  -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
#nav-icon.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
#nav-icon.open span:nth-child(4) { top: 24px; width: 0%; left: 50%; }

nav { display: table; position: fixed; width: 100%; height: 100%; left: 0; top: -100%; opacity: 0; background:#0e0e0e url("../images/menu-bg.png")no-repeat center center; padding:80px 80px 20px; z-index: 11; transition:0.3s ease-in-out; -webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; }
nav ul { display: table-cell; vertical-align: middle; }
nav ul li { text-align: center; }
nav ul li a { display: block; color:#fff; font-size: 46px; text-transform: uppercase; line-height: 80px; font-style: italic; padding:0px; }

nav ul:hover li a { color:#5a5757; }
nav ul:hover li:hover a { color:#fff; }
#nav-icon:hover { background: #e02926; }

.menu-open { overflow: hidden; }
.menu-open nav { top:0; opacity: 1; }
header.sticky-header { position: fixed; }
header.sticky-header:before { content:""; display: block; position: absolute; left:230px; right:80px; top:0px; height:80px; background: rgba(14,14,14,0.9); }
/************************/


/*===== Footer CSS =====*/
footer { padding:50px 0 55px; background: rgba(0,0,0,0.8);
border-top: 1px solid #666666; }
footer h6 img { height:42px; }
footer .container { display: flex; justify-content: space-between; align-items: flex-start; }
.copyright-text { color:rgba(255,255,255,0.6); margin-top: 10px; }
/************************/


/*===== QuickContact Button CSS =====*/
.quick-contact { width:300px; position: fixed; bottom:0; right:0px;  z-index: 10; }

.quick-contact a#ContactForm{-webkit-border-radius: 30px;
border-radius: 30px; width: 180px; background-color: #fff;
color: #000; box-shadow: 0 5px 10px 5px rgba(0,0,0,.2); background-color: #f5f5f5;}
.quick-contact h4 { color:#373737; margin-bottom: 10px; }
.quick-contact .form-group { margin-bottom: 15px; }

.quick-contact .btn { position: absolute; right:30px; bottom:30px; z-index: 10; }
.quick-contact .btn .hide-btn, .quick-contact .btn img, .expand-form .btn .show-btn { display: none; }

.hidden-form { background: #fff; padding:20px 20px 65px; position: absolute; bottom: -550px; left: 0; right: 0; z-index: 1; opacity: 0; transition:0.3s ease-in-out; -webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; }
.expand-form .hidden-form { bottom:0; opacity: 1; }
.expand-form .btn .hide-btn { display: block; }
/************************/


/*===== HomePage CSS =====*/
/*Banner CSS*/
.owl-carousel .owl-item img { width:100%; height:100vh; object-fit: cover; object-position: center center; }
.owl-carousel .owl-item .text { position: absolute; left:60px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); }
.owl-carousel .owl-item .text h2 { max-height:170px; overflow: hidden; }
.owl-carousel .owl-item .text .btn { margin-top:40px; }
.owl-nav { display: none; }
#mmg-service .owl-nav { display: block; position: absolute; height: 100%; width: 100%; top: 0px;}
#mmg-service .owl-nav .owl-prev { position: absolute; top: 50%; transform: translateY(-50%); left:10px; font-size: 2em; color:white;}
#mmg-service .owl-nav .owl-next { position: absolute; top: 50%; transform: translateY(-50%); right:10px; font-size: 2em; color:white;}

/*.owl-dots { position: absolute; bottom: 25px; right: 50px; }*/
.owl-dots { position: absolute; bottom: 45px; text-align:center; }
.owl-dots .owl-dot { display: inline-block; margin:0 7px; }
.owl-dots .owl-dot span { cursor: pointer; display: block; width:15px; height:15px; border:2px solid #fff; background: transparent; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.owl-dots .owl-dot.active span { background: #fff; }

/*Welcome CSS*/
.welcome-content { display: flex; justify-content: space-between; align-items: center; }
.welcome-content .owl-dots { display: none; }
.welcome-content .img, .welcome-content .text { width:50%; }
.welcome-content .img img { width:100%;/* height:calc(100vh - 80px); min-height: 500px; */object-fit: cover; object-position: center center; }
.welcome-content .text { padding:100px; text-align: left; }
.welcome-content .text span { font-size: 30px; color:#e02926; }
.welcome-content .text p { margin:30px 0 35px; }

/*Service Section CSS*/
.service-listing { padding:80px 0 65px; text-align: center; background:url(../images/our-services-bg.jpg) center top / cover; }
.service-listing h3 { color:#fff; margin-bottom: .5em; }
.service-listing .btn { padding-left:40px; padding-right:40px; margin-top: 30px; }

.single-service { display: block; position: relative; overflow: hidden; margin:15px auto; max-width: 400px; }
.single-service img { width:100%; height:350px; object-fit: cover; object-position: center center; transform:scale(1), rotate(0deg); transition:0.2s ease-in-out; -webkit-transition:0.2s ease-in-out; -moz-transition:0.2s ease-in-out; }
.single-service h4 { position: absolute; left:0; right:0; bottom:0; text-align: left; padding:0 20px; line-height: 90px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 75%, rgba(0,0,0,0.85) 90%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 75%,rgba(0,0,0,0.85) 90%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 75%,rgba(0,0,0,0.85) 90%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d9000000',GradientType=0 ); transition:0.2s ease-in-out; -webkit-transition:0.2s ease-in-out; -moz-transition:0.2s ease-in-out; 
text-shadow: 1px 1px 1px #000000;
}

.single-service:hover h4 {/* background: rgba(175,31,40,0.9);*/ }
.single-service:hover img { transform: scale(1.1); -webkit-transform : scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); }

/*ContactUs CSS*/
.contact-action { background: #f5f5f5; }
.contact-action p{font-size: 30px; margin-top: 1em; line-height: 1.3em; }
.contact-block { padding:40px 0 0; background: url("../images/contact-bg.jpg")no-repeat center center / cover; text-align: left; position: relative; }
.contact-block:after { content:""; display: block; position: absolute; left:0; right:0; top:0; bottom:0; background: rgba(255,255,255,0.8); }
.contact-block .img, .contact-block .text { position: relative; z-index: 1; }
.contact-block .text { margin-top:150px; }
/************************/


/*===== AboutUsPage CSS =====*/
.inner-banner { position: relative; height:500px; background: url("../images/inner-banner-bg.jpg")no-repeat center center / cover; }
.inner-banner.mwg-service-header { background: url("../images/header/modern-welding-services.jpg")no-repeat center center / cover; }
.inner-banner.mwg-about-header { background: url("../images/header/modern-welding-about.jpg")no-repeat center center / cover; }
.inner-banner.mwg-project-header { background: url("../images/header/modern-welding-project-gallery.jpg")no-repeat center center / cover; }
.inner-banner.mwg-clients-header { background: url("../images/header/modern-welding-clients.jpg")no-repeat center center / cover; }
.inner-banner.mwg-louvre-header { background: url("../images/header/modern-welding-louvre.jpg")no-repeat center center / cover; }
.inner-banner.mwg-contact-header { background: url("../images/header/modern-welding-contact.jpg")no-repeat center center / cover; }

.inner-banner .container { height:100%; }
.inner-banner .text { text-align: center; padding:0 15px; position: absolute; left:0; right:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); }
.inner-banner .text span { font-size:20px; color:#fff; font-style: italic; text-transform: uppercase; font-weight: bold; }

.about-text { padding:45px 0; }
.about-text h4 { font-size: 24px; color:#393939; text-align: center; /*font-style: italic; */ font-weight: bold; }

.intro-content { background: #f5f5f5; }
.intro-content h3.intro-title { font-size: 36px; text-transform: capitalize; }
.intro-content .text p { margin:0px 0 40px; }
/************************/


/*===== ClientsPage CSS =====*/
.clients-img ul { max-width: 1200px; margin:20px auto; text-align: center; }
.clients-img ul li { width:24%; display: inline-block; vertical-align: middle; text-align: center; margin:20px 0; }
/************************/


/*===== ContactUsPage CSS =====*/
.contact-us { padding:45px 0; text-align: center; }
.contact-us h4 { font-size: 24px; color:#393939; font-style: italic; font-weight: bold; margin-bottom: 10px; }

form { max-width:600px; margin:30px auto; text-align: left; padding:30px; background: #f5f5f5; }

.contact-detail { margin-top: 40px; }
.contact-detail h5 { font-size: 30px; font-weight: bold; margin-bottom: 10px; }
.contact-detail ul { display: flex; justify-content: space-between; align-items: flex-start; max-width: 800px; margin:auto; }
.contact-detail ul li { width:33.33%; }
.contact-detail ul li label { opacity: 0.5; }
/************************/


/*===== LouvrePage CSS =====*/
.louvre-banner { position: relative; height:100vh !important; min-height:500px; background: url("../images/louvre-banner.jpg")no-repeat center center / cover; }
.louvre-banner .text { max-width: 800px; background: rgba(14,14,14,0.9); margin:auto; padding:30px; left:15px; right:15px; }
.louvre-banner .text p { color:#fff; opacity: 0.8; margin-bottom: 20px; }

.product-listing { margin:70px 0; }
.product-listing .container { max-width: 1200px; }
.product-detail { background: #f5f5f5; height:100%; }
.product-detail img { width:100%; height:250px; object-fit: cover; object-position: center center; }
.product-detail .text { padding:25px 30px; }
.product-detail .text h4 { color:#373737; margin: .5em 0; }
/************************/


/*===== ProjectGalleryPage CSS =====*/
/* PORTFOLIO STYLES */
.column-clear{ clear:both;}
.goto{float:right;width:130px;margin:-80px 30px 0px 0px;}

.portfolio-categ{margin-bottom:30px;}
.portfolio-categ li{display:inline;margin-right:10px;}
.image-block{ display:block;position: relative;}
.image-block img{border: 1px solid #d5d5d5; border-radius: 4px 4px 4px 4px;background:#FFFFFF;padding:10px;}
/*.image-block img:hover{border: 1px solid #A9CF54;box-shadow:0 0 5px #A9CF54;}*/
/*.portfolio-area li{float: left;margin: 0 12px 20px 0;overflow: hidden;width: 245px;padding:5px;}*/
.home-portfolio-text{margin-top:10px;}
li.active a{ text-decoration:underline;}
/* END PORTFOLIO STYLES */

.portfolio-content { width:auto; padding:70px 100px; }
.portfolio-categ { display: flex; justify-content: space-between; }
.portfolio-categ li { display: inline-block; margin:0px; }
.portfolio-categ li a { display: block; color:#393939; font-size: 22px; padding:10px 35px; text-align: center; }
.portfolio-categ li.active a, .portfolio-categ li a:hover { background: #ae1927; color: #fff; text-decoration: none; }

.portfolio-area li { width:23.5% !important; float:left; margin:0 2% 15px 0 !important; position: relative; overflow: hidden; border:5px solid rgba(0,0,0,0.1); padding:0px; }
.portfolio-area li img { width:100%; height:280px; object-fit: cover; object-position: center center;  padding: 0; border:none; border-radius: 0px; transition:0.3s ease-in-out; -webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; }
.portfolio-area li:hover { border:5px solid #ae1927; }
.portfolio-area li:nth-child(4n + 4) { margin:0 0 15px 0 !important; }

.pp_description, .pp_play { display: none !important; }
a.pp_arrow_previous, a.pp_arrow_next { margin-top:8px; }
.pp_top .pp_right, .pp_bottom .pp_right, .pp_bottom .pp_left, .pp_top .pp_left { background: #fff !important; }
/************************/


/*===== Responsive CSS =====*/
@media screen and (max-width: 1599px) {
    body { font-size: 20px; }
    h2, h3 { font-size: 46px; }
	.inner-banner  h2{font-size: 60px; text-shadow: 1px 1px 5px #000;}
    h4 { font-size: 26px; }
    h5 { font-size: 40px; }
    .btn { line-height: 47px; padding:3px 30px 0; }
    
    /* Header CSS */
    .logo { width:205px; padding:19px 15px; }
    header.sticky-header:before { left:205px; }
    nav ul li a { font-size: 40px; line-height: 70px; }
    
    /* Footer CSS */
    footer { padding:25px 0 35px; }
    
    /* HomePage CSS */
    .owl-carousel .owl-item .text .btn { margin-top:25px; }
    .owl-dots { left:3.5%; }
    .welcome-content .text span { font-size: 26px; }
    .welcome-content .text p { margin: 10px 0 1.8em; }
    .service-listing {/* padding:50px 0; */}
    .single-service img { height:300px; }
    .contact-block .img img { max-width: 80%; }
    .contact-block .text { margin-top:120px; }
    
    /* AboutUsPage CSS */
    .inner-banner { height:400px; }
    .intro-content h3.intro-title { font-size: 32px; }
    .intro-content .text { padding:20px 50px; }
    .intro-content .text p { margin:0 0 20px; }
        
    /* ProjectGalleryPage CSS */
    .portfolio-categ li a { padding:10px 30px; }
    
        
}

@media screen and (max-width: 1200px) {
    h2, h3 { font-size: 40px; line-height: 40px; }
    h5 { font-size: 36px; line-height: 40px; }
    .btn { font-size: 18px; padding:3px 20px 0; }
    
    /* Header CSS */
    .logo { padding:14px 5px ; }
    .contact-number { padding: 11px 25px; font-size: 24px; }
    .contact-number span { font-size: 16px; }
    header.sticky-header:before { height:70px; }
    #nav-icon { width:75px; height:70px; }
    #nav-icon span { width:35px; }
    #nav-icon span:nth-child(1) { top:18px; }
    #nav-icon span:nth-child(2), #nav-icon span:nth-child(3) { top:32px; }
    #nav-icon span:nth-child(4) { top:46px; }
    
    nav ul li a { font-size: 36px; line-height: 60px; }
    
    /* HomePage CSS */
    .owl-carousel .owl-item .text { left:30px; }
    .welcome-content .img img { height:calc(100vh - 70px); }
    .welcome-content .text span { font-size: 22px; }
    .welcome-content .text { padding:50px; }
    .contact-block .text { margin-top:30px; }
    
    /* ClientsPage CSS */
    .clients-img ul li img { max-width:70%; }
    
    
        
}

@media screen and (max-width: 991px) {
    h2, h3 { font-size: 36px; }
    h4 { font-size: 24px; }
    h5 { font-size: 32px; line-height: 36px; }
    .btn { font-size: 16px; line-height: 40px; }
    .form-control { height:50px; }
    
    /* Header CSS */
    nav { background: #0e0e0e url("../images/menu-bg.png")no-repeat center center / 100%; }
    nav ul li a { font-size: 32px; line-height: 50px; }
    
    /* Footer CSS */
    .copyright-text { font-size: 16px; }
    
    /* QuickContact Button CSS */
    .quick-contact { right:15px; }
    .hidden-form { padding:15px 15px 55px; }
    .hidden-form .form-control { height:50px; font-size: 16px !important; }
    .hidden-form textarea.form-control { height:100px !important; }
    
    /* HomePage CSS */
    .welcome-content { display: block; padding-bottom: 30px; }
    .welcome-content .img, .welcome-content .text { width:100%; padding:15px; }
    .welcome-content .img img { height:300px; min-height: inherit; }
    .single-service img { height: 250px; }
    .single-service h4 { line-height: 55px; }
    .contact-block { padding:30px 0 0; text-align: center; }
    .contact-block .img img { width: 350px; margin-top:50px; }
    
    /* AboutUsPage CSS */
    .inner-banner { height:300px; }
    .intro-content h3.intro-title { font-size: 28px; }
    .about-text { padding: 30px 0; }
    .about-text h4, .contact-us h4 { font-size: 22px; }
    .about-text h4 br, .contact-us h4 br { display: none; }
    
    /* ContactUsPage CSS */
    .contact-us .text p br { display: none; }
    .contact-detail h5 { font-size: 26px; }
    
    /* LouvrePage CSS */
    .product-detail { height:auto; margin: 15px auto; max-width: 400px; }
        
    /* ProjectGalleryPage CSS */
    .portfolio-content { padding:50px 0; }
    .portfolio-area li { width:32% !important; }
    .portfolio-area li:nth-child(4n + 4) { margin:0 2% 15px 0 !important; }
    .portfolio-area li:nth-child(3n + 3) { margin:0 0 15px 0 !important; }
    .portfolio-categ li a { font-size: 20px; padding:10px 20px; }
    .portfolio-area li img { height:250px; }
    
    
}


@media screen and (max-width: 767px) {
    body { font-size:16px; line-height: 24px; }
    h2, h3 { font-size: 32px; }
    h4 { font-size: 24px; }
    h5 { font-size: 28px; }
    h2 br, h5 br { display: none; }
    
    /* Header CSS */
    .logo { width:160px; }
    .logo a img { height:32px; }
    .contact-number { display: none; }
    
    #nav-icon { width:60px; height:60px; }
    #nav-icon span { width:32px; }
    #nav-icon span:nth-child(1) { top:15px; }
    #nav-icon span:nth-child(2), #nav-icon span:nth-child(3) { top:27px; }
    #nav-icon span:nth-child(4) { top:39px; }
    
    nav { padding:60px 15px 0; }
    header.sticky-header:before { height:60px; left: 160px; right: 60px; }
    
    /* Footer CSS */
    footer { padding:20px 0 15px; text-align: center; }
    footer .container { display: block; }
    footer h6 img { height:32px; }
    .copyright-text { font-size: 14px; margin-top: 10px; }
    
    /* QuickContact Button CSS */
    .quick-contact { width:auto; max-width:400px; left:15px; }
    .quick-contact .btn { left: auto; width:60px; height:50px; padding:8px 12px; }
    .quick-contact .btn img { width:40px; }
    .quick-contact .btn img.comment-icon, .expand-form .btn img.close-icon { display: block; }
    .hidden-form { padding: 15px 15px 10px; }
    
    .quick-contact .btn .show-btn, .quick-contact .btn .hide-btn, .expand-form .btn .hide-btn, .expand-form .btn img.comment-icon  { display: none; }
    .quick-contact a#ContactForm {background-color:black; width: auto;}
	
    /* HomePage CSS */
    .owl-carousel .owl-item .text { left:15px; right:15px; }
    .owl-carousel .owl-item .text h2 { max-height: 150px; }
    .owl-dots { right: 20px; bottom: 10px; }
    .owl-dots .owl-dot { margin:0 5px; }
    .welcome-content .img, .welcome-content .text { padding:15px; }
    .welcome-content .img img { height:250px; }
    .service-listing .btn { margin-top:20px; }
    .contact-block .img img { margin-top:30px; }
    
    /* AboutUsPage CSS */
    .about-text h4 , .contact-us h4{ font-size: 20px; }
    
    /* ClientsPage CSS */
    .clients-img ul li { width:49%; }
    
    /* LouvrePage CSS */
    .louvre-banner .text { padding:20px; }
    .louvre-banner .text p { max-height: 120px; overflow: hidden; }
    .product-listing { margin: 15px 0; }
    .product-detail img { height:200px; }
    .product-detail .text { padding:20px; }
    
    /* ProjectGalleryPage CSS */
    .portfolio-categ { display:block; text-align: center; margin-bottom: 15px; }
    .portfolio-categ li a { font-size: 18px; padding: 10px; }
    .portfolio-area li, .portfolio-area li:nth-child(3n + 3) { width:49% !important; margin:0 2% 15px 0 !important; }
    .portfolio-area li:nth-child(2n + 2) { margin:0 0 15px 0 !important; }
    .portfolio-area li img { height:200px; }
       
}

@media screen and (max-width: 576px) {
    
    /* ContactUsPage CSS */
    .contact-detail h5 { font-size: 24px; }
    .contact-detail ul { display: block; }
    .contact-detail ul li { width:100%; margin-bottom: 20px; }
    .contact-detail ul li:last-child, .contact-detail ul li label { margin-bottom:0; }
    
    /* ProjectGalleryPage CSS */
    .portfolio-categ { display:block; text-align: center; margin-bottom: 15px; }
    .portfolio-categ li a { padding:8px 20px; margin:5px; }
           
}

@media screen and (max-width: 480px) {
    
    /* ProjectGalleryPage CSS */
    .portfolio-categ li a { padding: 8px 10px; margin: 5px 0; }
    .portfolio-area li, .portfolio-area li:nth-child(3n + 3) { width:100% !important; margin:0 0 15px !important; }
    
    
}

@media screen and (max-width: 359px) {
    h2, h3 { font-size: 30px; }
    h4 { font-size: 22px; }
    h5 { font-size: 24px; }
    nav ul li a { font-size: 28px; }
    .welcome-content .img img, .single-service img { height:200px; }
    .quick-contact h4 { display: none; }
    .hidden-form { max-height: 300px; overflow: auto; }
    .intro-content .text ul li { font-size: 22px; padding:10px 0 10px 40px; }
    .intro-content .text ul li:before { top:4px; background: url("../images/star-icon.png")no-repeat center center / 20px; }
    .louvre-banner .text p { display: none; }
    
}