@media(min-width:992px){
    .InnerHeader{
        background-attachment: fixed
    }
}
@media(max-width:1440px){
    #header{
        background-size: 100% 100%;
    }
    .WelcomeSection{
        background-position: center top;
    }
    .Projects .ImageGallery .GImage{
        min-height: 290px
    }
    .proInfo{
        padding: 3% 10%
    }
}
@media(max-width:991px){
.navbar-brand img {
	width: 130px;
}
    .navbar-nav li a{
        font-size: 10px
    }
    .navbar-right {
	margin-top: 7px;
}
} 

 
@media (min-width: 1001px) and (max-width: 1270px) { 
    .navbar-brand img {
	width: 181px;
}
    .navbar-nav li a{
        font-size: 10px
    }
       .topPhone{
        font-size: 12px;
    }
    .SocialIcon {
	padding: 2px 0;
	margin-right: 30px;
}
    .rigtsection h3 {
	font-size: 22px;
	line-height: 30px;
}
    .regform p{
        margin-left: 12px;
    }
    .SeriviceImage{
        height: 370px
    }
    .servicefullImage{
        height: 450px
    }
    .proInfo h2{
        font-size: 28px
    }
    .learnmore2{
        margin-top: 20px
    }
    .FooInfo h2{
        font-size: 16px
    }
    .FooInfo p{
        font-size: 13px;
    }
}
@media (min-width: 768px) and (max-width: 1000px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
        .navbar-nav li a{
        font-size: 13px;
    }
    .navbar-brand img {
	max-width: 100px;
}
    .topNavBar .SocialIcon {
	display: none;
}
    .topNavBar{
        display: none;
    }
    .navbar-header{
        margin-top: 0px
    }
    #header{
        background: #e4e4e4
    }
    .navbar-toggle .icon-bar {
	background: #d9261c;
}
    .navbar-toggle {
	border: 1px solid #d9261c;
	border-radius: 0;
        margin-top: 19px
}
    .navbar-header {
	float: left;
	margin-top: 0;
	width: 100%;
}
    .navbar-brand {
	float: left;
	padding: 4px 0;
}
    .navbar-nav > li {
	float: left;
	display: list-item;
	list-style: none;
	margin: 0 0px 0 0px;
	color: gray;
	width: 100%;
}
    .WelcomeSection h2{
        font-size: 25px
    }
    .WelcomeSection h2 span{
        font-size: 20px
    }
    .rigtsection h3 {
	font-size: 17px;
	line-height: 24px;
}
    .WelcomeSection {
	background-position: center center;
}
    .SeriviceImage{
        height: 300px;
    }
    .servicefullImage{
        height: 400px;
    }
    .Projects .ImageGallery .GImage {
	min-height: 200px;
}
    .proInfo h2{
        font-size: 22px;
    }
    .proInfo h2 span{
        font-size: 18px;
    }
    .proInfo {
	padding: 3% 3%;
}
   .LeftSection {
	padding: 29px 0 0;
}
    .rigtsection {
	float: left;
	width: 100%;
	padding: 26px 0 0px 18%;
}
    .learnmore2{
        margin-top: 5px;
    }
    .FooInfo h2{
        font-size: 13px
    }
    .FooInfo p{
        font-size: 12px
    }
    .FooInfo ul li {
	display: inline-block;
	margin-right: 13px;
}
    .footerlogo img {
	width: 180px;
}
    .pageImage{
        max-width: 358px
    }
    .ContentAreaInner h2{
        font-size: 24px;
    }
    .InnerHeader h2{
        font-size: 30px
    }
}

@media(max-width:767px){
    .navbar-nav li a{
        font-size: 13px;
    }
    .navbar-brand img {
	max-width: 100px;
}
    .topNavBar .SocialIcon {
	display: none;
}
    .topNavBar{
        display: none;
    }
    .navbar-header{
        margin-top: 0px
    }
    #header{
        background: #e4e4e4
    }
    .navbar-toggle .icon-bar {
	background: #d9261c;
}
    .navbar-toggle {
	border: 1px solid #d9261c;
	border-radius: 0;
        margin-top: 19px
}
    .navbar-header {
	float: left;
	margin-top: 0;
	width: 100%;
}
    .navbar-brand {
	float: left;
	padding: 4px 0;
}
    .navbar-nav > li {
	float: left;
	display: list-item;
	list-style: none;
	margin: 0 0px 0 0px;
	color: gray;
	width: 100%;
}
    .SLideInfo h3 {
	color: #fff;
	font-size: 20px;
}
    .SLideInfo {
	padding: 15px;
}
    .learnmore {
	background: #d9261c;
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 2px;
	padding: 12px 23px;
	display: inline-block;
	border-radius: 50px;
	margin-top: 20px;
}
    .carousel-control {
	background: none !important;
	display: none;
}
    .slideOpacity {
	padding: 30% 0 0%;
}
    .WelcomeSection h2 span {
	font-size: 20px;
	font-weight: 500;
	color: #000;
}
    .WelcomeSection h2 {
	font-size: 28px;
	margin-bottom: 19px;
}
    .WelcomeSection p{
        padding-bottom: 15px;
    }
    .learnmore2 {
	color: #d9261c;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 2px;
	border: 2px solid #d9261c;
	padding: 9px 27px;
	display: inline-block;
	border-radius: 50px;
	margin-top: 20px;
}
    .rigtsection {
	float: left;
	width: 100%;
	padding: 26px 0 26px 0%;
}
    .rigtsection h3 {
	font-size: 20px;
	line-height: 32px;
}
    .regform {
	float: left;
	width: 100%;
	margin-top: 20px;
	padding-bottom: 0;
}
    .LeftSection {
	padding: 8% 0;
}
    .regform p {
	margin-left: 0;

}
    .ServiceSection h2 {
	font-size: 30px;
	margin-bottom: 8%;
}
    .SeriviceImage{
        height: 300px;
    }
    .SerivceInfo {
	padding-bottom: 40px;
}
    .servicefullImage {
	height: 300px;
	margin-top: 0;
}
    .Projects .ImageGallery {
	float: left;
	width: 100%;
}
    .proInfo {
	float: left;
	width: 100%;
}
    .Projects .ImageGallery .GImage{
        min-height: 200px
    }
    .footerlogo {
	display: none;
}
    .footerSection {
	float: left;
    background: #252525
}
    .FooInfo h2 {
	float: left;
	width: 100%;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	border-bottom: 1px solid #555555;
	text-transform: uppercase;
	padding-bottom: 20px;
	margin-bottom: 20px;
	margin-top: 30px;
}
    .proInfo h2{
        font-size:30px;
    }
    .proInfo h2 span{
        font-size: 20px
    }
    .ContentAreaInner h2 {
	margin-bottom: 20px;
        font-size: 30px;
}
    .InnerHeader h2{
        
        font-size: 22px;
    }
    .BannerOverlay{
        padding: 10%;
    }
    .col-section {
	float: left;
	width: 100%;
        border: none !impotant;
}
    .col-section:first-child, .col-section:last-child{
        border: none
    }
    .ContentAreaInner.contact-bg {
	background: linear-gradient(180deg, #d9261c 58%, #fff 42%);
}
    .ContentAreaInner h2 {
	margin-bottom: 20px;
	font-size: 22px;
}
    .map iframe {
	float: left;
	width: 100%;
	height: 300px;
}
}