/*
====================================
large Screen - Others
====================================
*/
@media screen and (min-width: 1400px) and (max-width: 1460px) {

.left-vw-padding {
    padding-left: 50px;
}
.right-vw-padding {
    padding-right: 50px;
}


}
/*
====================================
large Screen - Others
====================================
*/
@media screen and (min-width: 1200px) and (max-width: 1399px) {

.primary-heading {
	font-size: 49px;
}
.left-vw-padding {
    padding-left: calc((100vw - 1130px) / 2);
}
.right-vw-padding {
    padding-right: calc((100vw - 1130px) / 2);
}
.single-project-card h3 {
	font-size: 38px;
}

}

/*
====================================
Medium Screen - Others
====================================
*/
@media screen and (min-width: 992px) and (max-width: 1199px) {
.gap-x-40 {
    row-gap: 50px;
}
.main-menu ul {
	gap: 24px;
}
.main-menu ul li a {
	font-size: 17px;
}
.logo-area img {
	max-width: 193px;
}
.primary-heading {
	font-size: 42px;
}
.what-we-do-area {
	padding-top: 95px;
	padding-bottom: 105px;
}
.left-vw-padding {
    padding-left: calc((100vw - 950px) / 2);
    padding-right: 80px;
}
.right-vw-padding {
    padding-right: calc((100vw - 950px) / 2);
    padding-left: 80px;
}
.secondary-heading h3 {
	font-size: 40px;
}
.wwd-single-card h4 {
	font-size: 22px;
}
.services-area .single-service-row {
	padding-bottom: 190px;
}
.single-project-card h3 {
	font-size: 35px;
}
.single-project-card {
	padding: 55px 35px;
}
.projects-showcase-wrap .row {
	row-gap: 100px;
}
.projects-showcase-wrap {
	padding-top: 0px;
    padding-bottom: 180px;
}
.contact-row-heading {
	padding-top: 101px;
	padding-bottom: 120px;
}
.hero-area {
	padding-top: 82px;
}


}

/*
====================================
Small Screen - Tablate
====================================
*/
@media screen and (min-width: 768px) and (max-width: 991px) {
.gap-x-40 {
    row-gap: 45px;
}
.logo-area img {
	max-width: 194px;
}
.primary-heading {
	font-size: 33px;
}
.production-area {
	padding-block: 69px;
}
.what-we-do-area {
	padding-top: 72px;
	padding-bottom: 75px;
}
.secondary-heading h3 {
	font-size: 38px;
}
.left-vw-padding {
    padding-left: calc((100vw - 710px) / 2);
    padding-right: 50px;
}
.right-vw-padding {
    padding-right: calc((100vw - 710px) / 2);
    padding-left: 50px;
}
.secondary-heading h3 {
	font-size: 32px;
}
.wwd-single-card h4 {
	font-size: 22px;
}
.services-area .single-service-row {
	padding-bottom: 131px;
}
.single-project-card h3 {
	font-size: 27px;
}
.single-project-card {
	padding: 55px 35px;
}
.projects-showcase-wrap .row {
	row-gap: 78px;
}
.projects-showcase-wrap {
	padding-top: 0px;
	padding-bottom: 120px;
}
.meet-out-team .secondary-heading {
	padding-bottom: 60px;
}
.meet-out-team {
	padding-top: 110px;
	padding-bottom: 115px;
}
.contact-row-heading {
	padding-top: 75px;
	padding-bottom: 100px;
}
.map-area {
    padding-bottom: 100px;
}
.map-area iframe {
    min-height: 350px;
}
.hero-area {
	padding-top: 82px;
}
.header-nav.menu-sticky .logo-area img {
	max-width: 176px;
}



}

/*
====================================
Xtra Small Screen - Small Mobile
====================================
*/
@media screen and (max-width: 767px) {
body {
    font-size: 16px;
}
.gap-x-40 {
    row-gap: 38px;
}
.logo-area img {
	max-width: 174px;
	margin-left: -10px;
}
.primary-heading {
	font-size: 26px;
}
.production-area {
	padding-block: 45px;
}.hero-area {
	padding-top: 86px;
}
.production-inner {
	gap: 21px;
}
.secondary-heading h3 {
	font-size: 24px;
	padding-bottom: 16px;
}
.what-we-do-area {
	padding-top: 45px;
	padding-bottom: 48px;
}
.what-we-do-area .pt-90 {
	padding-top: 50px;
}
.wwd-single-card h4 {
	padding-top: 27px;
	padding-bottom: 18px;
}
.footer-area {
	padding-top: 47px;
	padding-bottom: 44px;
}
.footer-links h4 {
	font-size: 21px;
}
.left-vw-padding,
.right-vw-padding,
.service-right {
    padding-left: calc((100vw - 530px) / 2);
    padding-right: calc((100vw - 530px) / 2);
}
.wwd-single-card h4 {
	font-size: 22px;
}
.services-area .single-service-row {
	padding-bottom: 60px;
}
.single-project-card h3 {
	font-size: 33px;
}
.single-project-card {
	padding: 55px 35px;
}
.projects-showcase-wrap .row {
    row-gap: 100px;
}

.single-project-card {
	padding: 55px 35px;
}
.projects-showcase-wrap .row {
	row-gap: 60px;
}
.projects-showcase-wrap {
	padding-top: 0px;
	padding-bottom: 120px;
}
.meet-out-team {
	padding-top: 50px;
	padding-bottom: 52px;
}
.meet-out-team .secondary-heading {
	padding-bottom: 38px;
}
.contact-row-heading {
	padding-top: 45px;
	padding-bottom: 50px;
}
.map-area {
    padding-bottom: 65px;
}
.map-area iframe {
    min-height: 300px;
}

.hero-area {
	padding-top: 75px;
}
.header-nav.menu-sticky .logo-area img {
	max-width: 176px;
}
.offcanvas-header img {
	margin: 0 !important;
}


}



@media screen and (max-width: 575px) {

.left-vw-padding,
.right-vw-padding,
.service-right {
    padding-left: 16px;
    padding-right: 16px;
}
.single-project-card {
	padding: 45px 25px;
}
.projects-showcase-wrap .row {
	row-gap: 40px;
}
.projects-showcase-wrap {
	padding-top: 0px;
	padding-bottom: 80px;
}
.single-project-card h3 {
	font-size: 29px;
}
.single-project-card .content {
	padding-top: 30px;
}
.map-area {
    padding-bottom: 45px;
}
.map-area iframe {
    min-height: 220px;
}



}