@media only screen and (min-width: 1400px) {
#header .container {
	width: 1400px;
}
}
@media only screen and (max-width: 1200px) {
.container {
	width: 1050px;
}
.logo {
	width: 420px;
}
section h3 {

	font-size: 40px;

}
}
@media only screen and (max-width: 1100px) {
.container {
	width: 950px;
}
.header-menu a {
	padding: 8px;
	font-size: 12px;
}
.logo {
	width: 400px;
}
.header-menu {
	padding-top: 8px;
}
#header {
	height: 120px;

}
section h3 {
	font-size: 37px;
}

.service-box {
	padding: 30px 40px;

}
#footer .logo {
	width: 275px;
}
.single-info i {
	padding-right: 3px;
	width: 17px;
}
#footer {
	line-height: 28px;
	font-size: 14px;
}
.footer-menu a {
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	line-height: 32px;
}
.project-img {

	height: 260px;

}
.contact-details {
	padding: 42px;
}
#contact-form,#services,#project {
	padding: 125px 0;
}
#banner.headingTop {
	height: 355px;
	padding-top: 105px;
}
}


@media only screen and (max-width: 1000px) {
  .container {
	width: 850px;
}  
.logo {
	width: 317px;
}
#header {
	height: 105px;
}
section h3 {
	font-size: 33px;
}
.all-portfolio .project{
	height: 300px;;
}
.service-img {
	width: 50px;

}
#footer .logo {
	width: 225px;
}
.gallery-img {
	height: 70px;
}.col-me-3 {
	width: calc((100% / 12) * 3);
}
.col-me-3-5 {
	width: calc((100% / 12) * 3.5);
}
.contact-details h3 {

	font-size: 30px;
	line-height: 41px;
}
.contact-details i {
	font-size: 23px;
}
.contact-details h4 {
	font-size: 20px;
	padding-left: 20px;
}
.contact-details {
	color: #fff;
	font-size: 16px;
	line-height: 31px;
}
.form-header {
	padding: 30px;

}
}

@media only screen and (max-width: 900px) {
    
      .container {
	width: 750px;
} 
.header-menu {
	display: none;
}
.breadcrumb {
	display: block;
}
section h3 {
	font-size: 29px;
}
.project-img {
	height: 240px;
}
#services .col {
	width: 100%;
}
#footer .col {
	width: 40%;
}

#footer .col-0-5 {
	width:10%;
}
.contact-details h3 {
	font-size: 25px;
	line-height: 36px;
}
.contact-details {
	padding: 35px;
}

}

@media only screen and (max-width: 800px) {
    
          .container {
	width: 650px;
} 

.project-img {
	height: 200px;
}
#contact-form, #services, #project {
	padding: 90px 0;
}
#about .col {
	width: 100%;
}
#about h3 {
	text-align: left;
	padding-bottom: 50px;
}


#whyUs .col {
	width: 100%;
}
#contact-form .col {
	width: 100%;
}
.single-input {
	padding: 8px;
}
#form .col-6 {
	width: 50%;
}
}

@media only screen and (max-width: 700px) {
        
          .container {
	width: 550px;
} 
.projects.pro-gallery .col {
	width: 50%;
}
.projects span {
	font-size: 63px;
	padding-bottom: 80px;

}
#banner.headingTop {
	height: 320px;

}
.page-header h3 {
	font-size: 45px;

}
#footer .col {
	width: 100%;
}
.gallery-img {
	height: 120px;
}
.navigation-buttons button {

	font-size: 16px;

	height: 40px;
	width: 40px;

}
.navigation-buttons {
	padding: 0 35px;

}
.tab-content {
	column-count: 1;
}
.filter-bar button{
	width: 100%;
	margin-bottom: 10px;
}
.item{
	height: auto;
}
.owl-carousel .owl-item img {
	width: auto;
	max-height: 368px;

}
}

@media only screen and (max-width: 600px) {
             .container {
	width: 450px;
} 
.projects span {
	font-size: 40px;

}
.popup img {
	border: 18px solid white;

}
.navigation-buttons {

	padding: 0 27px;

}


}

@media only screen and (max-width: 500px) {
                 .container {
	width: 350px;
}
.logo {
	width: 255px;
}
#header {
	height: 85px;
}
#banner.headingTop {
	height: auto;
	padding-top: 115px;
	padding-bottom: 50px;
}
.single-input input, .single-input textarea {

	padding: 11px;

}
#form .col-6 {
	width: 100%;
}
.form-header {
	padding: 20px;

}
#contact-form, #services, #project {
	padding: 60px 0;
}
.contact-details {
	font-size: 15px;

}
.breadcrumb ul {

	height: calc(100vh - 85px);

	top: 85px;
	padding: 40px;

}
.breadcrumb ul a {

	padding: 15px 0;

	font-size: 14px;

}
#services .col {
	width: 100%;
	padding: 0;
	margin-bottom: 30px;
}
.g-recaptcha {
    transform:scale(0.80);
    transform-origin:0 0;
}
.projects span {
	font-size: 35px;
	padding-bottom: 66px;
}
.single-slider img ,.single-slider {
	height: 78vh;

}
}
@media only screen and (max-width: 400px) {
.container, #services h3 {
	width: 290px;
	margin: auto;
}
.service-box {
	padding: 20px 25px;
}
.gallery-img {
	height: 95px;
}
.logo {
	width: 250px;
}
.g-recaptcha {
    transform:scale(0.77);

}
.filter-bar button {
	padding: 11px 14px;
	font-size: 10px;
}
.project-img {
	height: 170px;
}

}