/*
* For Extra Large Desktop
* Resolation 1920px
*/
@media only screen and (min-width: 1920px) {
video {
width: 100%;
height: auto;
}
} /* end extra large desktop responsive media query */
/*
* For Large Desktop
* Resolation 1366px
*/
@media only screen and (min-width: 1200px) and (max-width: 1919px) {
video {
width: auto;
height: 100%;
}
} /* end large desktop responsive media query */
/*
* For Medium Desktop
* Resolation 970px
*/
@media only screen and (min-width: 992px) and (max-width: 1199px){
video {
width: auto;
height: 100%;
}
.mainmenu-area ul.nav.navbar-nav > li {
margin-left: 20px;
}
.purchase-text {
margin-top: 30px;
}
/* Portfolio CSS */
.portfolio-content > .portfolio-meta h3 {
font-size: 20px;
line-height: 51px;
}
.portfolio-content > .portfolio-study h3 {
margin-bottom: 10px;
}
.index-layout-2 .purchase-text {
margin-top: 100px;
text-align: center;
}
.index-layout-2 .purchase-text blockquote{
text-align: left;
width: 100%;
}
.single-items {
padding-bottom: 60px;
padding-top: 70px;
}
.single-items > .icon {
font-size: 50px;
width: 80px;
}
.single-items > .details {
padding-left: 100px;
}
.single-work-item {
margin-left: 126px;
}
.single-facts > .icon {
font-size: 19px;
height: 50px;
line-height: 50px;
width: 50px;
}
.single-facts > h2 {
padding-left: 65px;
}
.single-facts > h2 span {
margin-top: 0;
}
.single-price > div.price-head h1 {
font-size: 30px;
}
} /* end medium desktop responsive media query */
/*
* For Tablet
* Resolation 768px
*/
@media only screen and (min-width: 768px) and (max-width: 991px){
header + #fullscreen-banner {
margin-top: -170px;
}
.navbar-header {
width: 100%;
}
a.navbar-brand {
float: none;
display: block;
text-align: center;;
width: 100%;
}
a.navbar-brand img {
display: initial;
}
.mainmenu-area ul.nav.navbar-nav {
margin-left: -15px;
}
.mainmenu-area ul.nav.navbar-nav > li {
margin-left: 17px;
}
.mainmenu-area ul.nav.navbar-nav > li:first-of-type {
margin-left: 0px;
}
.videoPlayer-wrapper.showcontrols {
height: 100%;
}
video {
width: auto;
height: 100%;
}
.purchase-text {
margin-top: 0px;
}
.purchase-text h3 {
font-size: 18px;
padding-right: 0;
}
.purchase-text a.btn {
margin-top: 0px;
}
.single-facts {
overflow: hidden;
}
.single-facts, .single-price, .single-service {
margin-bottom: 15px;
margin-top: 15px;
}
.author-details {
overflow: hidden;
padding: 0 15%;
}
.single-hw-content {
padding: 0px;
}
.hw-work-menu > ul > li > a > i.hw-icon::before {
right: -150%;
width: 150%;
}
.single-member .member-img > .member-links a {
padding: 15px 4px;
}
.header-area {
height: 170px;
}
header + #homeSliderArea {
top: -170px;
}
header + #homeSliderArea .displayTable {
padding-top: 170px;
}
#homeSlider .slick-arrow {
top: calc(50% + 85px);
}
/* Index Layout 2 CSS */
.index-layout-2 header + #homeSliderArea {
top: 0px;
}
.index-layout-2 .mainmenu-area {
z-index: 999;
}
.index-layout-2 #navMenu.collapse.navbar-collapse {
padding: 0px 15px;
}
.index-layout-2 .mainmenu-area ul.nav.navbar-nav > li {
margin-left: 11px;
}
header.header-two-area p.text-left, header.header-two-area p.text-right {
line-height: 70px;
}
.single-work-item {
margin-left: 65px;
}
.index-layout-2 .single-work {
width: 33.3333%;
}
.index-layout-2 .purchase-text {
margin-top: 100px;
text-align: center;
}
.index-layout-2 .purchase-text blockquote{
text-align: left;
width: 100%;
}
.single-items {
width: 50%;
border-right: 1px solid #ddd;
}
.list-items div:nth-child(3n+3) {
border-right: 1px solid #ddd;
}
.list-items div:nth-child(even) {
border-right: none;
}
/* Portfolio CSS */
.light-theme .header-area {
height: 170px;
}
.portfolio-content > .portfolio-meta h3 {
font-size: 16px;
line-height: 51px;
}
.portfolio-content > .portfolio-study h3 {
margin-bottom: 10px;
}
.single .post-meta ul li {
margin-right: 10px;
}
.about-us-skill {
display: none;
}
.index-layout-2 .purchase-text {
margin-top: 50px;
}
.index-layout-2 .video-area .videoPlayer-wrapper {
height: 100%;
}
.index-layout-2 .video-area video {
width: auto;
}
} /* end tablet responsive media query */
/*
* For Mobile
* Resolation 0 to 768px
*/
@media only screen and (max-width: 767px){
.mainmenu-area ul.nav.navbar-nav > li {
margin-left: 15px;
margin-right: 15px;
}
video {
height: 100%;
width: auto;
}
.videoPlayer-wrapper {
height: 100%;
}
.hw-work-menu > ul > li > a > i.hw-icon::before, .accordion-img {
display: none;
}
.hw-work-menu > ul > li {
width: 50%;
}
.welcome-text h1 {
padding-top: 25px;
}
.welcome-text h1 span {
display: block;
margin-left: -25px;
margin-top: 25px;
}
.single-service, .hw-work-menu > ul > li, .single-member, .single-facts, .single-price {
margin-bottom: 30px;
}
.purchase-text {
margin-bottom: 60px;
}
.hw-work-content {
padding-bottom: 0px;
}
.about-img, .special-img {
height: 300px;
position: static;
width: 100%;
margin-bottom: 30px;
}
.special-area::before {
width: 100%;
z-index: -1;
}
.about-area, .special-area {
padding-top: 0px;
padding-bottom: 30px;
}
.about-area::after, .single-work > img, .member-img img {
width: 100%;
}
.single-hw-content {
padding: 0px;
}
/* Index Layout 2 CSS */
.index-layout-2 #homeSlider, .index-layout-2 .banner-area {
height: 100%;
}
.index-layout-2 .about-area {
padding-top: 115px;
}
.about-us-skill {
bottom: 65px;
position: relative;
}
.chart-trigger {
width: 50%;
margin-bottom: 30px;
}
.chart-trigger:last-of-type {
width: 100%;
margin-bottom: 0px;
}
.chart {
margin: 0 auto;
}
.index-layout-2 .purchase-text {
margin-top: 100px;
text-align: center;
}
.index-layout-2 .purchase-text blockquote{
text-align: left;
width: 100%;
}
.single-items {
padding: 50px 25px 40px;
width: 100%;
border-right: 0px none;
}
.single-items > .icon {
font-size: 36px;
width: 50px;
}
.single-items > .details {
padding-left: 70px;
}
.list-items div:nth-child(3n+3) {
border-right: 0px none;
}
.list-items div:nth-child(even) {
border-right: none;
}
.index-layout-2 .video-area video {
width: auto;
}
.index-layout-2 .how-we-work::before {
display: none;
}
.single-work-item {
margin-left: 6px;
}
.index-layout-2 .single-work {
width: 100%;
}
.single-creative-member {
margin-bottom: 70px;
width: 100%;
}
.single-creative-member:last-of-type {
margin-bottom: 0px;
}
.fun-facts-area.section-padding {
padding-bottom: 65px;
}
/* BLOG POST CSS */
.recent-post-img img {
width: 100%;
}
.blog .pagination-list {
margin-bottom: 40px;
}
.widgets {
margin-bottom: 70px;
}
.single .widgets {
margin-bottom: 0px;
}
.single .post-meta ul li {
display: block;
margin-right: 0px;
margin-top: 5px;
margin-bottom: 5px;
}
/* PORTOFOLIO CSS */
.portfolio-content > .portfolio-meta a.live-work, .social-links, .social-links > a, .quick-contact > p {
float: none;
}
.portfolio-content > .portfolio-meta a.live-work {
margin-top: 10px;
}
.quick-contact, .social-links {
text-align: center;
}
.social-links {
border-left: 0px none;
}
.social-links > a {
display: inline-block;
border: none;
}
.quick-contact > p {
display: inline-block;
}
.index-layout-2 #homeSlider .slick-arrow, #homeSlider .slick-arrow {
top: auto;
bottom: 30px;
opacity: 1;
}
#homeSlider .slick-arrow.PrevArrow {
left: 50%;
margin-left: -46px;
}
#homeSlider .slick-arrow.NextArrow {
right: 50%;
margin-right: -46px;
}
.slide-text h1 {
font-size: 40px;
}
a.learn-more {
padding: 18px 32px;
}
.quick-contact > p:first-of-type {
padding-right: 0px;
border-right: 0px;
}
.quick-contact > p {
margin-left: 0px;
}
.index-layout-2 .video-area .videoPlayer-wrapper {
height: 100%;
}
.index-layout-2 .video-area video {
width: auto;
}
.mobile-menu-area {
display: block;
}
} /* end small mobile responsive media query */
/*
* For Wide Mobile
* Resolation 480px to 768px
*/
@media only screen and (min-width: 480px) and (max-width: 767px){
.container {
width: 450px;
margin: 0 auto;
}
/* Index Layout 2 CSS */
.index-layout-2 .single-work {
width: 50%;
}
.single-items {
width: 50%;
border-right: 1px solid #ddd;
}
.list-items div:nth-child(3n+3) {
border-right: 1px solid #ddd;
}
.list-items div:nth-child(even) {
border-right: none;
}
} /* end wide mobile responsive media query */