/*************************8      header css           ****************************************************/
.logo-nav{padding:10px 0px;}
.bottom-nav{border-top:solid 2px #ec972c;}


/*.main-nav .logo{margin-top:-17px;}*/
#Navigation{margin:0px;}
.navbar .nav-item{margin:0px 1px;background-color:#f1f1f1;font-size:12px;text-transform:uppercase;font-weight:500;letter-spacing:0.07em;}
.navbar .nav-item:last-child{margin-right:0px;}
.navbar .nav-item .nav-link{color:#2e2d2d;padding:6px;}
.navbar .nav-item.active .nav-link,.navbar .nav-item .nav-link:hover{color:#ec972c;}
.input-group.rounded #p {
    height: 44px;
    width: 360px;
}
/**********                Home page css       *******************************/

.banner .text-block{position:absolute;top:15%;}
.banner h1{font-size:72px;}
.banner h2{font-size:48px;}
.banner .carousel-control-next, .carousel-control-prev {width:50px;}

.projects h5{bottom:20px;left:20px;}

.about{position:relative; background:#000; display:block; min-height:700px; z-index:1;display:flex; align-items:center;}
.about:after {content:''; background:url(../images/about.jpg) no-repeat top center; opacity:0.74; position:absolute; z-index: -1; top:0; bottom:0; left:0; right:0;} 

/********** ContactForm **************************************************************************************************/
.ContactForm .form-group {margin-bottom:16px;}
.ContactForm .form-control{font-size:16px !important;border-color:#ced4da; height:55px !important; color:#6c757d; font-weight:400; font-family: 'Lato', sans-serif; padding-left:15px;}
.ContactForm .form-control::placeholder{color:#6c757d;}
.ContactForm textarea.form-control{padding:15px; height:150px !important;}
textarea:focus ,textarea.form-control:focus {outline:none !important;outline-width: 0 !important;box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;}

/**************              Footer                 ******************************/

.footer{font-size:13px;color:#272727}
.footer a{color:#272727;}
.footer a:hover{color:#000;}

.footer a {
        padding: 0px;
}
h2.woocommerce-loop-product__title {
    color: #000;
}
.input-group.rounded #p {
	height: 44px;
}
.input-group.rounded .input-group-append {
	height: 44px;
}
/********************     Media query       ***************************************/

@media (min-width: 1920px){
	.container-fluid {max-width: 1920px;}
	.container {max-width: 1745px !important;}
	
	
	.bottom-nav .d-flex{width:85%;}
	.fancy span:before,.fancy span:after {width: 425% !important;}
	.fancy2 span:before,.fancy2 span:after {width: 133% !important;}
}

@media (min-width: 1600px){
	.container {max-width: 1675px;}
	
	.gutter-lg {margin-left:-30px!important;margin-right:-30px!important;}
	.gutter-lg div[class^="col"]{padding-left:30px!important;padding-right:30px!important;}

	.navbar .nav-item .nav-link{padding:30px;}
	
	.fancy span:before,.fancy span:after {width:390%;}
	.fancy2 span:before,.fancy2 span:after {width:120%;}
}
@media (min-width: 1400px) and (max-width: 1599.98px){

	.container {
    max-width: 1412px !important;
}
}
@media (min-width: 1200px) and (max-width: 1399.98px){
	.container {
    max-width: 1270px !important;
}
}


@media (min-width: 991.98px) and (max-width: 1199.98px) {   /**                       FOR IPAD   ***********************/
	.navbar .nav-item {font-size:13px;}
	.fancy span:before,.fancy span:after {width:195%;}
	.fancy2 span:before,.fancy2 span:after {width:55%;}
.main-logoo img {
    width: 300px;
}
}


@media (min-width: 768px) and (max-width: 991.98px) { 
	.py-100,.py-60,.py-80{padding-top:50px;padding-bottom:50px;}
	.hd{font-size:35px; }
	h1,h2.h1{font-size:30px; }
	
	.navbar-toggler.x {border: none; background:none; padding:0px;}
	.navbar-toggler.x:focus {outline: none;box-shadow:none !important;}
	.navbar-toggler.x[aria-expanded="true"] .icon-bar:nth-of-type(1) {-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 10% 10%; -ms-transform-origin: 10% 10%; transform-origin: 10% 10%;}
	.navbar-toggler.x[aria-expanded="true"] .icon-bar:nth-of-type(2) {opacity: 0; filter: alpha(opacity=0);}
	.navbar-toggler.x[aria-expanded="true"] .icon-bar:nth-of-type(3) {-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 10% 90%; -ms-transform-origin: 10% 90%; transform-origin: 10% 90%;}
	.navbar-toggler.x .icon-bar {background-color: #000;width: 22px; display: block; height: 2px;  -webkit-transition: all 0.2s; transition: all 0.2s;}
	.navbar-toggler.x .icon-bar + .icon-bar {margin-top: 4px;}
	.navbar-toggler.x .icon-bar:nth-of-type(1) {-webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0);}
	.navbar-toggler.x .icon-bar:nth-of-type(2) {opacity: 1; filter: alpha(opacity=100);}
	.navbar-toggler.x .icon-bar:nth-of-type(3) {-webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0);}
	
	.navbar-collapse { top:100px; z-index:999;border-top:1px solid #585757; background:rgba(0,0,0,0.9); text-align:left; position:absolute;left:100%; padding-left:0px; padding-right:0px; padding-bottom:0px;transition:all 0.4s ease; display:block;}
    .navbar-collapse.collapsing {height:auto !important; margin-left:50%; left:100%; transition:all 0.2s ease;}
    .navbar-collapse.show {left:-12px;right:-12px;}
	.navbar .nav-item .nav-link, .navbar .nav-item .nav-link:hover {color: #000;padding:10px 15px;border-bottom:1px solid #585757;}
	.navbar-nav {background:#000;}
	.navbar .nav-item{margin:0px;}
	
	.logo-nav{padding:15px 0px;}
	
	.banner h1{font-size:50px;}
	.banner h2{font-size:35px;}
	.btn-lg{padding:12px 30px;font-size:20px;}
	
	.fancy span:before,.fancy span:after,.fancy2 span:before,.fancy2 span:after {display:none;}
	.about{min-height:auto;}
}

@media (max-width: 767.98px){
	.container {max-width:100% !important;}
	.py-100,.py-60,.py-80{padding-top:50px;padding-bottom:50px;}
	
	.navbar-toggler.x {border: none; background:none; padding:0px;}
	.navbar-toggler.x:focus {outline: none;box-shadow:none !important;}
	.navbar-toggler.x[aria-expanded="true"] .icon-bar:nth-of-type(1) {-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 10% 10%; -ms-transform-origin: 10% 10%; transform-origin: 10% 10%;}
	.navbar-toggler.x[aria-expanded="true"] .icon-bar:nth-of-type(2) {opacity: 0; filter: alpha(opacity=0);}
	.navbar-toggler.x[aria-expanded="true"] .icon-bar:nth-of-type(3) {-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 10% 90%; -ms-transform-origin: 10% 90%; transform-origin: 10% 90%;}
	.navbar-toggler.x .icon-bar {background-color: #000;width: 22px; display: block; height: 2px;  -webkit-transition: all 0.2s; transition: all 0.2s;}
	.navbar-toggler.x .icon-bar + .icon-bar {margin-top: 4px;}
	.navbar-toggler.x .icon-bar:nth-of-type(1) {-webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0);}
	.navbar-toggler.x .icon-bar:nth-of-type(2) {opacity: 1; filter: alpha(opacity=100);}
	.navbar-toggler.x .icon-bar:nth-of-type(3) {-webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0);}
	
	.navbar-collapse { top:100px; z-index:999;border-top:1px solid #585757; background:rgba(0,0,0,0.9); text-align:left; position:absolute;left:100%; padding-left:0px; padding-right:0px; padding-bottom:0px;transition:all 0.4s ease; display:block;}
    .navbar-collapse.collapsing {height:auto !important; margin-left:50%; left:100%; transition:all 0.2s ease;}
    .navbar-collapse.show {left:-12px;right:-12px;}
	.navbar .nav-item .nav-link, .navbar .nav-item .nav-link:hover {color: #000;padding:10px 15px;border-bottom:1px solid #585757;}
	.navbar-nav {background:#000;}
	.navbar .nav-item{margin:0px;}
		
	.hd{font-size:35px; }
	h1,h2.h1{font-size:30px; }
	
	.banner h1{font-size:50px;}
	.banner h2{font-size:35px;}
	.btn-lg{padding:12px 30px;font-size:20px;}
	
	.fancy,.fancy2 {line-height:1;}
	.fancy span:before,.fancy span:after,.fancy2 span:before,.fancy2 span:after {display:none;}
	
	.about{min-height:auto;}
	#menu-header .nav-link br {
    display: none;
}
}


@media (max-width: 575.98px){
	.banner .img-op {height:400px;width: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;}
}

/**********************

@media (min-width: 767.98px) { }
@media (min-width: 1920px) { .container{width:1820px; margin:auto;} }
@media (min-width: 1200px) {}
@media (min-width: 1359.98px) and (max-width: 1459.98px) { }
@media (min-width: 1199.98px) and (max-width: 1359.98px) { }
@media (min-width: 991.98px) and (max-width: 1199.98px) {	}
@media (min-width: 768px) and (max-width: 991.98px) { }
@media (max-width: 767.98px) { }
@media (max-width: 479px) { }
@media (max-width: 320px) { }


***************************/