@media (max-width:1550px){
.hero-slider .main-title {padding: 50px 20px 50px 0px; margin-left: 200px;}
.hero-slider div.main-title h3 { font-size: 45px;}
.services-item img {min-height: auto;}	
.main-section {padding: 95px 0px;}	
.main-title.text-white.left-shape.pt-5.mt-5.mb-5 { padding-top: 0px !important;}	
.menu{margin-top:65px;}
.header-social { bottom: 110px;}	
	
} 
 
 
 

@media (max-width:1199px){ 
.container { max-width: 100%; padding: 0px 50px 0px 150px;}
.hero-slider .main-title {padding: 50px 20px 50px 0px; margin-left: 150px;}
.main-section { padding: 50px 0px;}	
.txt-overlay {padding: 20px;}
.Project-overview { height: 100%;  display: flex;  align-items: center;}	
div#portfolio .col-lg-5 {  max-width: 100%;    flex: auto;}	
div#contact img { height: auto;}	
.get-in-touch { position: relative;  transform: translate(-100%, -10px);}	
.main-title p br {display: none;}	
.main-section.left-cal {margin-left: calc(65px - 0px);}
.services-item {padding: 0px;} 	
.txt-overlay {left: 0px;  width: 100%;right:0px;}	
	
	
	
	
}
 

@media (max-width: 991px){ 

.mb-100 { margin-bottom: 50px;}
.pr-100 {padding-right: 15px;}	
.counter {padding: 20px;}
.services-item img { width: 100%;}
.services-item { margin-bottom: 30px;}	
.txt-overlay h3 {  font-size: 21px;     margin-bottom: 10px;    line-height: normal;}	
a.btn.ml-3 {margin-left: 0px !important;  margin-top: 25px;}
div#services .row.pt-5 {padding-top: 0px !important;}	
.Project-overview {padding-bottom: 50px;}	
.sm-pr-0 {padding-right: 0px !important;}
.sm-pl-150 {padding-left: 150px;}
.sm-pr-50 { padding-right: 50px;}
.get-in-touch { transform: none;}	
.copyright-txt {position: relative;  padding-top: 20px;}
.hero-section ul.slick-dots { position: absolute;  width: 100%;   right: 0; top: auto;  transform: none;  bottom: 20px;}
.abt-img { padding-bottom: 50px;}
.site-menu { bottom: 50px;  right: 0px;  left: 50px;  padding: 80px 0px 50px;   max-width: 85%;   background: #fff;    margin: 0;
    position: relative;} 
.flyout-nav li {font-size: 30px;}	
.cont-txt {padding-top: 25px;}	
.flyout-menu {background: #fff; overflow-y: auto;}
.header-social {  position: relative; bottom: auto;}	
.menu {margin-bottom: 25px;}
.contact-img{background:transparent !important;}
div#contact img { display: block;}	
div#contact .plr-50 {padding-left: 150px !important;}
	
	
}

 

@media (max-width:767px){ 
.container,
.left-cal .container { padding: 0px 15px 0px 15px;}
.main-section.left-cal { margin-left: 0px;}	
	
	
.hero-slider {height: 500px;}	
.slider {height: auto;}
.counter {padding: 0px;}
.counter-section-row {margin: 50px 0px 0px;}
.hero-slider div.main-title{text-align:center;}	
.hero-slider div.main-title h3 { font-size: 30px;}
.header {position: fixed;  width: 100%; height: auto;  display: flex;   align-items: center; padding: 0px 10px 0px;}	
.header-social {  position: relative;    left: auto;    bottom: auto;    width: auto; text-align: center;}	
.header div { display: inline-block;  width: auto; -ms-flex-preferred-size: 0;    flex-basis: 0;
    -webkit-box-flex: 1;    -ms-flex-positive: 1;    flex-grow: 1;    max-width: 100%;	}	
.header-social ul li { display: inline-block;}	
.header-social{background:transparent; border: none; padding: 0px 10px;}	
.menu{margin: 12px 21px 0px 15px; max-width: 45px !important;}	
.portfolio-toggle { position: relative;  bottom: auto;  left: auto;padding: 0px;     width: 55px !important; margin-left: 15px;
	    max-width: 55px !important; padding-top: 20px;}	
.site-logo { margin: 0px 15px 0px 0px; max-width: 80px !important;}
.header-social ul li a {margin-bottom: 0px;}
body {padding-top: 74px;}	
.services-item img {  width: auto;}	
.services-item {  width: auto;    margin: auto;    display: inline-block;    margin-bottom: 30px;}
div#services { text-align: center;}	
div#services .row.pt-5 strong { display: block;}	
.pl-100 { padding-left: 15px;}	
.sm-pr-0 { padding-left: 0px;}	
.sm-pr-50 {padding-right: 15px;}	
.sm-pl-150 { padding-left: 15px;}	
.hero-slider .main-title { padding: 50px;    margin-left: 0px;}
h1 {font-size: 30px;}	
h2 {font-size: 28px;}	
h2 {font-size: 26px;}	
h2 {font-size: 24px;}	
div#contact .plr-50 {padding: 0px 15px 0px!important;}	
.portfolio-itme .txt-overlay {  opacity: 1;   background: hsla(0, 0%, 0%, 0.54);}
.hero-slider div.main-title:after{display:none !important;}

}
 
@media (max-width:575px){ 
.site-menu { padding: 0px 0px 50px;   max-width: 100%;  left:0px;  margin: 0;   width: 100%;  margin-top: 80px;}
.hero-slider .main-title { padding: 15px;}
.hero-slider div.main-title h3 { font-size: 25px;}	
.hero-slider {height: 350px;}
.flyout-menu {padding: 50px 15px;}	
.flyout-nav li {font-size: 25px;}	
.get-in-touch {padding: 15px;}	
.get-in-touch  p { font-size: 16px;}	
.portfolio-toggle {    display: none !important;}	
	
}
@media (max-width:460px){ 
.site-logo {max-width: 60px !important;}
	
	
}

@media (max-width:440px){ 
.site-logo {max-width: 55px !important; margin-right: 5px;}	
.menu {margin: 12px 5px 0px 5px;max-width: 35px !important;}
.portfolio-toggle {margin-left: 0px}
.header-social ul li a { width: 21px;  height: 31px;border: none;}
 
}

@media (max-width:359px){ 
 .hero-slider div.main-title h3 { font-size: 21px;}	

}