/* =============== RESPONSIVE STYLE =============== */
@media only screen and (max-width: 1920px) {
.jsn-homepage #jsn-header-top {
padding: 100px 0 !important;
}
}
@media only screen and (max-width: 1440px) {
.jsn-homepage #jsn-header-top {
padding: 50px 0 !important;
}
.jsn-homepage .galleria-container img {
height: 500px !important;
width: 750px !important;
}
}
@media only screen and (max-width: 1366px) {
.jsn-homepage #jsn-header-top {
padding: 0 !important;
}
.jsn-homepage .galleria-container img {
height: 300px !important;
width: 450px !important;
}
}
@media only screen and (max-width: 480px), (max-device-width: 480px) {
.jsn-homepage #jsn-header-top {
background-size: auto 100% !important;
padding: 70px 0 !important;
}
.demo-mainsection-intro {
padding: 30px 0;
}
.demo-mainsection-intro.recent-works {
padding: 30px 0 0;
}
#demo-services .grid-layout {
margin: 0 0 30px;
}
.demo-mainsection-intro {
padding: 20px 0;
}
.main-heading {
height: 60px;
}
.main-heading > span {
font-size: 1em;
line-height: 54px;
height: 60px;
padding: 0 15px;
}
body.jsn-textstyle-news .main-heading > span {
font-size: 1em;
}
body.jsn-textstyle-news .demo-mainsection-intro .main-heading-desc {
font-size: 1.5em;
}
.main-heading .main-heading-icon {
height: 32px;
width: 32px;
background-size: 32px auto !important;
margin-right: 10px;
}
.main-heading .icon-maplocation {
background-size: auto 32px !important;
}
.jsn-homepage #jsn-content-bottom:before,
.jsn-homepage #jsn-content-bottom:after {
height: 300px;
}
.jsn-homepage .jsn-themegrid-box {
margin: 10px 0 !important;
}
.jsn-homepage .jsn-themegrid-box,
.jsn-homepage .jsn-themegrid-image img {
max-width: 100% !important;
height: auto !important;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.jsn-homepage .galleria-container img {
max-height: 100% !important;
width: auto !important;
}
}
@media only screen and (min-width: 769px) and (max-width: 960px), (min-device-width: 769px) and (max-device-width: 960px) {
.demo-mainsection-intro {
padding: 30px 0;
}
.demo-mainsection-intro.recent-works {
padding: 30px 0 0;
}
.jsn-homepage .jsn-themegrid-box {
width: 44.5% !important;
}
.jsn-homepage .galleria-container img {
height: 500px !important;
width: 750px !important;
}
}
@media only screen and (min-width: 641px) and (max-width: 768px), (min-device-width: 641px) and (max-device-width: 768px) and (orientation:portrait) {
h1 {
font-size: 1.6em;
}
.jsn-homepage #jsn-header-top {
padding: 50px 0;
}
.jsn-homepage .jsn-themegrid-box {
width: 44% !important;
}
.jsn-homepage .galleria-container img {
max-height: 100% !important;
width: auto !important;
height: auto !!important;
max-width: 100% !important;
}
#demo-services .service-content h3,
#our-team-member .member-name h4 {
font-size: 1.4em;
}
}
@media only screen and (min-width: 481px) and (max-width: 568px), (min-device-width: 481px) and (max-device-width: 568px) and (orientation:portrait) {
h1 {
font-size: 1.6em;
}
.jsn-homepage #jsn-header-top {
padding: 50px 0;
}
.jsn-homepage .jsn-themegrid-box {
width: 42% !important;
}
.jsn-homepage .galleria-container img {
max-height: 100% !important;
width: auto !important;
height: auto !!important;
max-width: 100% !important;
}
#demo-services .service-content h3,
#our-team-member .member-name h4 {
font-size: 1.4em;
}
#our-team-member .grid-layout:after,
#demo-services .grid-layout:after {
clear: inherit;
}
div.grid-layout3 div.grid-col {
width: 48%;
}
#our-team-member div.grid-layout div.grid-col div.grid-col_inner {
margin: 25px 17px !important;
}
}
@media only screen and (min-width: 569px) and (max-width: 640px), (min-device-width: 569px) and (max-device-width: 640px) and (orientation:landscape) {
h1 {
font-size: 1.6em;
}
.jsn-homepage #jsn-header-top {
padding: 50px 0;
}
.jsn-homepage .jsn-themegrid-box {
width: 42% !important;
}
.jsn-homepage .galleria-container img {
max-height: 100% !important;
width: auto !important;
height: auto !!important;
max-width: 100% !important;
}
#demo-services .service-content h3,
#our-team-member .member-name h4 {
font-size: 1.4em;
}
#our-team-member .grid-layout:after,
#demo-services .grid-layout:after {
clear: inherit;
}
div.grid-layout3 div.grid-col {
width: 48%;
}
#our-team-member div.grid-layout div.grid-col div.grid-col_inner {
margin: 25px 17px !important;
}
}