@media(max-width:1600px) { .main-navigation .inity-right-menu .inity-button .inity-header-button a {
padding: 12px 20px;
}
header.header-two .sticky-menu.sticky {
padding: 0 80px;
}
header .sticky-menu #inity-menu {
margin-right: 15px;
}
header .sticky-menu #inity-menu ul.navbar-nav>li>a {
padding: 25px 10px;
font-size: 16px;
}
header.header-two.site-header {
padding: 0px;
}
header.site-header .container-fluid {
padding: 0px 30px;
}
}
@media screen and (min-width:1300px) {
.wp-block-columns.alignfull, .wp-block-columns.alignfull .wp-block-column {
padding: 0 15px;
}
body .container .post-wrapper .wp-block-gallery.alignfull {
position: relative;
margin-top: calc(2 * 1rem);
margin-bottom: calc(2 * 1rem);
left: calc((1270px - 100vw)/2);
width: 100vw;
max-width: 100vw;
z-index: 0;
}
body .container .post-wrapper .wp-block-gallery.alignwide {
left: calc((1270px - 1300px)/2);
width: 1300px;
max-width: 1300px;
z-index: 0;
padding: 0 15px;
}
}
@media(max-width:1366px) {
.arrow-position-top .owl-carousel .owl-nav {
right: 110px;
} .owl-carousel.testimonial-style-02 .owl-nav {
display: none;
}
.testimonial-style-04 .owl-nav {
position: absolute;
left: 50%;
} .single-team .team-title-wrap {
background: #ffffff;
margin-left: -200px;
padding: 40px;
}
.single-team .team-title-wrap .team-social-call .social-media {
left: -600px;
} .inity-scrolling-title {
font-size: 150px;
line-height: 135px;
}
.inity-tab ul.ui-tabs-nav li {
margin-right: 20px;
}
.inity-tab ul.ui-tabs-nav li a {
padding: 20px 30px;
} .slider-social-media .inity-social-media.inity-social-vertical {
margin-top: 100px;
}
}
@media(max-width:1199px) {
header.site-header .container-fluid {
padding: 0 15px;
}
.navigation-in {
overflow: hidden !important;
} .toggled-on .menu-toggle .icon-bars, .menu-toggle .icon-close, .toggled-on .sticky-menu-toggle .icon-bars, .sticky-menu-toggle .icon-close {
display: none;
}
.toggled-on .menu-toggle .icon-close, .toggled-on .sticky-menu-toggle .icon-close {
display: inline-flex;
color: #232434;
}
header .menu-toggle, header .sticky-menu-toggle {
display: flex;
border: 0;
font-size: 28px;
background: #021629;
position: absolute;
z-index: 9;
top: 30%;
right: 15px;
padding: 0;
}
header .menu-toggle {
background: none;
}
header .toggled-on .menu-toggle {
color: #232434;
right: 30px;
top: 40%;
font-size: 24px;
}
header .main-navigation > div > ul {
background: #fff;
position: fixed;
right: 0;
top: 0;
-webkit-box-shadow: -20px 0px 20px 0px rgba(0, 0, 0, 0.1);
box-shadow: -20px 0px 20px 0px rgba(0, 0, 0, 0.1);
height: 100vh;
overflow: auto;
z-index: 1;
width: 100%;
max-width: 360px;
display: block;
padding: 110px 30px 50px 30px;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
transform: translateX(120%);
}
header .main-navigation.toggled-on > div > ul {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(0);
transform: translateX(0);
z-index: 1;
}
header ul.navbar-nav li a {
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
header .main-navigation ul, .main-navigation .menu-item-has-children > a > .icon, .main-navigation .page_item_has_children > a > .icon, .main-navigation ul a > .icon {
display: none;
}
header nav ul.navbar-nav li a, header ul.navbar-nav li ul.sub-menu a, header.sticky nav ul.navbar-nav li a, header.header-two ul.navbar-nav li a {
padding: 12px 0px;
color: #232434;
}
.menu-toggle .icon, .sticky-menu-toggle .icon {
margin-right: 0px;
top: 0px;
}
.main-navigation ul ul.toggled-on, header .menu-toggle, header .toggle-dropdown {
display: flex;
color: #232434;
}
header nav ul.navbar-nav li:hover a:before {
display: none;
}
.toggle-dropdown {
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
color: #232434;
display: block;
font-size: 22px;
right: 0px;
line-height: 1.5;
margin: 0 auto;
padding: 0;
position: absolute;
text-shadow: none;
top: 14px;
} header.site-header .main-navigation .sidebar-menu {
display: none;
} .navbar-nav .toggled-on li:hover .sub-menu {
transform: scaleY(0);
}
header .navbar-nav .sub-menu {
padding: 0 0 0 15px;
}
header.header-two .site-branding-text {
padding: 15px 0;
}
.main-navigation ul ul.sub-menu.toggled-on {
transform: inherit;
top: 0;
position: initial;
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.navbar-nav li:hover .sub-menu, .navbar-nav .toggled-on li:hover .sub-menu, .navbar-nav .sub-menu li ul, ul.sub-menu li:hover ul.sub-menu, .navbar-nav .sub-menu li ul, .navbar-nav .sub-menu li ul ul.sub-menu, ul.sub-menu li:hover ul.sub-menu li:hover>ul.sub-menu {
transform: inherit !important;
}
header .navbar-nav .sub-menu li:last-child {
border: none;
}
header ul.navbar-nav li ul.sub-menu li.menu-item:hover > a:before, header ul.navbar-nav li ul.sub-menu li.current-menu-item > a:before {
width: 0;
}
header .sticky-menu #inity-menu ul.navbar-nav>li>a {
padding: 12px 15px;
}
header .navbar-nav .sub-menu {
box-shadow: none;
}
.main-navigation .inity-right-menu ul.top-right-menu {
display: none;
}
header .sticky-menu .sticky-righet-menu {
align-items: center;
} header.header-transparent .menu-toggle {
color: #ffffff;
}
header.header-transparent.sticky .menu-toggle {
color: #232434;
} header.header-two.site-header {
background: #ffffff;
}
header.header-two .header-top, header.header-two .main-header .header-top-right-menu {
display: none;
}
header.header-two .main-header {
margin: 0;
}
header.header-two .sticky-menu.sticky {
display: none;
}
header.header-two.header-transparent .menu-toggle {
color: #232434;
}
header.header-two .site-branding-text a .logo {
display: none;
}
header.header-two .site-branding-text a .sticky-logo {
display: block;
height: 60px;
} .comment-respond .comment-form-email {
margin-right: 0;
}
.comment-respond .comment-form-url {
width: 100%;
}
.comments-area .comment-respond form .comment-form-cookies-consent label {
display: initial;
} .arrow-position-top .owl-carousel .owl-nav {
right: 115px;
} .inity-feature-box.inity-feature-box-style-2 .inity-feature-box-inner .inity-feature-box-info {
top: 0;
margin-bottom: 20px;
}
.inity-feature-box.inity-feature-box-style-2 .inity-feature-box-inner .inity-feature-box-containt {
top: 0;
}
.inity-feature-box.inity-feature-box-style-2:hover .inity-feature-box-inner .inity-feature-box-containt {
top: -70px;
}
.inity-feature-box.inity-feature-box-style-2 .inity-feature-box-title {
font-size: 22px;
} .inity-portfolio.portfolio-style2.grid-2 .inity-item {
width: 46.6%;
}
.inity-portfolio.portfolio-style2.grid-3 .inity-item {
width: 31%;
}
.service-box.inity-servicebox-style-1:hover .service-head {
height: 90%;
} .slider-social-media .inity-social-media.inity-social-vertical {
margin-top: 170px;
margin-right: 15px;
}
.slider-social-media .inity-social-media .social-title {
font-size: 18px;
}
.slider-social-media .inity-social li a {
width: 25px;
height: 25px;
font-size: 16px;
}
}
@media(max-width:1024px) {
header .custom-header .site-branding-text a .logo {
height: 40px;
}
.position-shape::before {
display: none;
}
.inity-video .section-buttton {
left: 380px;
}
.re-pb-8 {
padding-bottom: 80px !important;
}
.inity-heading.text-center {
padding: 0 100px !important;
}
footer.site-footer ul.contact-info li a {
display: inline-block;
}
.inity-testimonial.inity-testimonial-style3 .testimonial-details:before {
left: 80px;
}
.owl-carousel.testimonial-style-03 .owl-dots {
left: -30px;
} .inity-service-overlay {
position: inherit !important;
}
.single-team .team-title-wrap .team-social-call .social-media {
left: -630px;
padding: 20px 20px 10px 20px;
} .inity-portfolio.portfolio-style2.grid-3 .inity-item {
width: 30.22%;
}
}
@media(max-width:991px) { .site-main {
padding: 60px 0;
}
.sidebar {
margin-top: 40px;
}
.widget_calendar .calendar_wrap table th, .widget_calendar .calendar_wrap table td {
padding: 2px;
}
.single-portfolio .site-main {
padding-top: 60px;
} footer .main-footer {
padding-bottom: 20px;
padding-top: 50px;
} .inity-tab.inity-tab-style-2 .inity-tab-info p {
margin-top: 20px;
}
.inity-tab-details {
margin-top: 20px;
margin-bottom: 20px;
}
.inity-tab-info {
margin-top: 10px;
}
.tab-content {
margin-top: 20px;
} .screenshots-slider .owl-carousel .owl-nav, .screenshots-slider .owl-carousel .owl-nav button.owl-prev, .screenshots-slider .owl-carousel .owl-nav button.owl-next {
position: initial;
margin: 5px;
justify-content: center;
}
.screenshots-slider .owl-carousel .owl-nav {
margin-top: 80px;
}
.footer-top .inity-action-box {
padding: 50px;
}
.footer-top .inity-action-box .inity-section-title {
margin-bottom: 35px;
} .inity-accordion.inity-pricing-accordion .inity-accordion-header .accordion-pricing-tilte {
font-size: 24px;
} .inity-tab.inity-tab-style-3 .tab-content {
margin-left: 0;
}
.inity-tab.inity-tab-style-3 .tab-content>.tab-pane div {
display: flex;
flex-wrap: wrap;
justify-content: center;
} .inity-newsletter .section-heading {
margin-bottom: 0;
} .grid-5 {
grid-template-columns: repeat(3, 3fr);
}
.inity-tab ul.ui-tabs-nav {
flex-wrap: wrap;
margin-bottom: 20px;
}
.inity-tab ul.ui-tabs-nav li {
max-width: 30%;
margin-bottom: 15px;
} .single-team .team-details-page {
padding: 80px 0;
}
.single-team .team-title-wrap {
background: #ffffff;
margin-left: 0px;
padding: 40px 0;
padding-bottom: 0;
}
.single-team .team-title-wrap .team-title h4 {
font-size: 40px;
line-height: 30px;
}
.single-team .team-title-wrap .team-social-call .social-media {
padding: 20px 20px 10px 20px;
position: inherit;
display: inline-flex;
}
.inity-portfolio.portfolio-style2.grid-2 .inity-item {
width: 46.6%;
} .inity-scrolling-title {
font-size: 100px;
line-height: 75px;
}
.inity-single-project-details {
margin-top: 80px;
}
.inity-single-project-details .inity-portfolio-info {
margin-bottom: 30px;
}
.service-box.inity-servicebox-style-1:hover .service-head {
height: 36%;
}
}
@media(max-width:768px) { .site-main {
padding: 40px 0;
}
h1 {
font-size: 44px;
line-height: 54px;
}
h2 {
font-size: 38px;
line-height: 42px;
}
h3 {
font-size: 32px;
line-height: 38px;
}
.single-portfolio .site-main {
padding-top: 40px;
}
.comment-respond .comment-form-author, .comment-respond .comment-form-email, .comment-respond .comment-form-url {
width: 100%;
}
.comment-respond .section-field:nth-child(2n) {
margin-right: 0px;
} header nav ul.navbar-nav li.menu-item.current-menu-item a::before, header nav ul.navbar-nav li a::before {
background: transparent;
}
header nav ul.navbar-nav li.menu-item.current-menu-item a::before, header nav ul.navbar-nav li.menu-item.current-menu-ancestor a::before {
background: none;
width: 0;
}
.admin-bar header.sticky {
top: 46px;
}
header .header-top {
display: none;
}
header.header-two .site-branding-text a .sticky-logo {
height: 40px;
}
.footer-top h2 {
font-size: 24px;
} body .page-header {
height: 350px;
} .owl-carousel .owl-nav {
display: flex;
align-items: center;
justify-content: center;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
position: inherit;
top: inherit;
margin: 8px;
} .inity-accordion.inity-accordion-style-1 .inity-accordion-item {
border-radius: 45px;
}
.inity-accordion .inity-accordion-header .plusminus {
right: 20px;
} .inity-tab .tab-content {
padding: 30px 15px;
} .inity-portfolio.portfolio-style2.grid-2 .inity-item, .inity-portfolio.portfolio-style2.grid-3 .inity-item {
width: 100%;
}
.inity-gallery.gallery-style1 .inity-item:hover .case-info {
padding: 15px;
}
.inity-gallery.gallery-style1 .inity-item .section-title, .inity-gallery.gallery-style1 .inity-item .section-category h3 {
font-size: 24px;
margin-bottom: 0;
} .inity-counter .inity-counter-containt .inity-counter-title {
font-size: 34px;
line-height: 40px;
}
.inity-counter .inity-counter-containt .counter-title span {
font-size: 34px;
line-height: 44px;
} .footer-top .footer-top-info input[type="email"] {
width: 100%;
}
.footer-top .footer-top-info {
flex-direction: column;
}
.footer-top .footer-top-info .widget_inity_widget_subscribe {
margin-top: 30px;
}
.site-footer .widget_inity_widget_social_media {
flex-direction: row;
margin-top: 10px;
}
.footer-top .footer-top-info .widget {
margin-bottom: 30px;
}
.footer-top .footer-top-info .widget:last-child {
margin-bottom: 0;
}
.timeline .timeline-item {
margin-bottom: 50px;
}
.inity-step .inity-step-info .section-more {
font-size: 18px;
}
.inity-tab ul.ui-tabs-nav li {
max-width: 100%;
margin-right: 0;
} .timeline::before, .timeline .timeline-dot {
left: 20px;
}
.timeline .timeline-content {
max-width: 100%;
width: auto;
margin-left: 40px;
}
.timeline .timeline-item:nth-child(even) .timeline-content {
margin-left: 40px;
}
.service-box.inity-servicebox-style-1:hover .service-head {
height: 53%;
}
}
@media only screen and (max-width:479px) { .inity-gallery.gallery-style1 .inity-item .section-title, .inity-gallery.gallery-style1 .inity-item .section-category h3, p {
font-size: 14px;
}
}
@media only screen and (max-width:575px) {
h1 {
font-size: 38px;
line-height: 44px;
}
h2 {
font-size: 34px;
line-height: 38px;
}
h3 {
font-size: 30px;
line-height: 34px;
}
h4 {
font-size: 23px;
line-height: 30px;
}
ol li>ol, ul li>ul {
padding-left: 15px;
}
header .main-navigation > div > ul {
max-width: 100%;
} header.header-two .sticky-menu.sticky {
top: 0;
}
header.sticky .site-branding-text a .sticky-logo {
height: 40px;
}
.admin-bar header.sticky {
top: 0;
} body .page-header {
height: 280px;
} .comments-area .comment-form {
padding: 15px 20px;
}
.comments-area, .comment-respond {
margin-top: 25px;
}
.post .post-details .post-category {
margin-bottom: 10px;
}
.post .post-details .post-category-wrap {
margin-bottom: 30px;
flex-direction: column;
align-items: baseline;
margin-bottom: 20px;
}
.post .post-details .inity-blog-meta {
margin-left: inherit;
}
.post .post-details .post-box {
margin-top: 0;
}
.post .post-details .inity-blog-meta>:not(:last-child)::after {
margin-right: 7px;
margin-left: 7px;
}
.post .post-details .post-date a, .post .post-details .post-comment a, .post .post-category a, .post .post-details .post-date span, .post .post-details .post-author a {
font-size: 14px;
}
.blog .post .post-details, .search .post-wrapper .post-details {
padding: 20px;
}
.post.type-post.tag-password-2.tag-template input[type=submit] {
margin-top: 15px;
} .comment-list li.comment .comment-body {
flex-wrap: wrap;
}
.comment-avtar img {
margin-bottom: 10px;
} .inity-post .post-wrapper .post-date-time {
right: 15px;
top: 15px;
}
.inity-post .post-details .post-category-wrap {
margin-bottom: 10px;
}
.inity-post.inity-post-style-1 .post-details {
padding: 15px;
}
.inity-post .post-details {
padding: 15px;
}
.inity-post .post-details .post-meta a {
font-size: 14px;
}
.inity-post .post-details .post-meta>:not(:last-child)::after {
margin-left: 10px;
margin-right: 10px;
} .inity-testimonial .client-info-wrapper .client-info .testimonial-title {
font-size: 20px;
margin-bottom: 5px;
}
.inity-testimonial.inity-testimonial-style3 {
padding: 15px;
}
.inity-testimonial.inity-testimonial-style3:before {
font-size: 110px;
line-height: 98px;
}
.owl-carousel .owl-nav, .owl-carousel .owl-dots {
margin-top: 15px;
} .inity-team.inity-team-style-1 {
min-height: 358px;
}
.inity-team.inity-team-style-1 .inity-team-img img {
padding: 0;
} .inity-newsletter .newsletter-form .submit-btn {
padding: 0 15px;
position: inherit;
margin-top: 10px;
}
.inity-newsletter .newsletter-form {
flex-wrap: wrap;
} .inity-feature-box-style-1.inity-feature-box-bg {
padding: 30px 20px;
}
.inity-feature-box-image.inity-feature-icon-sm .inity-feature-box-icon {
height: 50px;
width: 50px;
}
.inity-feature-box.inity-icon-left .inity-feature-box-icon {
margin-right: 15px;
}
.inity-feature-box.inity-feature-box-style-2 .inity-feature-box-img img {
width: 600px;
height: 250px;
}
.inity-feature-box.inity-feature-box-style-2.text-center {
padding: 40px;
} .widget {
padding: 30px;
} .countdown li {
margin: 0 5px;
margin-bottom: 10px;
flex: 0 0 20%;
} .grid-4 {
grid-template-columns: repeat(1, 3fr);
}
.grid-5 {
grid-template-columns: repeat(2, 3fr);
}
.pagination .page-numbers li>a.prev, .pagination .page-numbers li>a.next {
display: none;
} .inity-accordion .inity-accordion-header {
padding: 15px 15px 15px 30px;
}
.inity-accordion .inity-accordion-header .accordion-tilte .accordion-number {
margin-right: 15px;
}
.inity-accordion .inity-accordion-header .accordion-tilte {
font-size: 18px;
margin-right: 15px;
}
.inity-accordion .inity-accordion-content {
padding: 20px 20px 20px 30px;
} .single-team .team-details-page {
padding: 50px 0;
} .inity-gallery.gallery-style1 {
height: auto;
flex-wrap: wrap;
}
.inity-gallery.gallery-style1 .inity-item .section-title, .inity-gallery.gallery-style1 .inity-item .section-category h3 {
font-size: 21px
}
.inity-single-project-details {
margin-top: 50px;
}
.inity-gallery.gallery-style1 .inity-item {
width: 100%;
height: 200px;
position: relative;
}
.inity-gallery.gallery-style1 .inity-item:hover {
width: 100%;
} footer .site-info .copyright {
flex-direction: column;
}
footer .site-info .copyright .copyright-right {
margin-top: 15px;
margin-left: inherit;
}
.inity-scrolling-title {
font-size: 55px;
line-height: 45px;
}
.service-box.inity-servicebox-style-1:hover .service-head {
height: 100%;
}
}