/*
Template: IT Solutions and Technology WordPress Theme
Version: 1.0
*/
@media(max-width:1600px) {

    /*Min Header */
    .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;
    }

    /*Testimonial*/
    .owl-carousel.testimonial-style-02 .owl-nav {
        display: none;
    }

    .testimonial-style-04 .owl-nav {
        position: absolute;
        left: 50%;
    }

    /*Single Team*/
    .single-team .team-title-wrap {
        background: #ffffff;
        margin-left: -200px;
        padding: 40px;
    }

    .single-team .team-title-wrap .team-social-call .social-media {
        left: -600px;
    }

    /*Scrolling Title*/
    .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*/
    .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;
    }

    /* Menu toggle */
    .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;
    }

    /*Sidebar Menu*/
    header.site-header .main-navigation .sidebar-menu {
        display: none;
    }

    /*Sub Menu*/
    .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 Transparent*/
    header.header-transparent .menu-toggle {
        color: #ffffff;
    }

    header.header-transparent.sticky .menu-toggle {
        color: #232434;
    }

    /*Header Two*/
    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;
    }

    /*Unit test data*/
    .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;
    }

    /*Owal Carousel*/
    .arrow-position-top .owl-carousel .owl-nav {
        right: 115px;
    }

    /*feature box*/
    .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;
    }

    /*Portfolio*/
    .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*/
    .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;
    }

    /*Service Overlay*/
    .inity-service-overlay {
        position: inherit !important;
    }

    .single-team .team-title-wrap .team-social-call .social-media {
        left: -630px;
        padding: 20px 20px 10px 20px;
    }

    /*Portfolio*/
    .inity-portfolio.portfolio-style2.grid-3 .inity-item {
        width: 30.22%;
    }

}

@media(max-width:991px) {

    /*Default CSS*/
    .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*/
    footer .main-footer {
        padding-bottom: 20px;
        padding-top: 50px;
    }

    /* tab */
    .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*/
    .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;
    }

    /*pricing accordion*/
    .inity-accordion.inity-pricing-accordion .inity-accordion-header .accordion-pricing-tilte {
        font-size: 24px;
    }

    /*Tab*/
    .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;
    }

    /*Newsletter*/
    .inity-newsletter .section-heading {
        margin-bottom: 0;
    }

    /*client logo*/
    .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*/
    .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%;
    }

    /*Scrolling Title*/
    .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) {

    /*Default CSS*/
    .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*/
    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;
    }

    /*Page Header*/
    body .page-header {
        height: 350px;
    }

    /* testimonial */
    .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;
    }

    /* Accordion */
    .inity-accordion.inity-accordion-style-1 .inity-accordion-item {
        border-radius: 45px;
    }

    .inity-accordion .inity-accordion-header .plusminus {
        right: 20px;
    }

    /* Tab */
    .inity-tab .tab-content {
        padding: 30px 15px;
    }

    /*Portfolio*/
    .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;
    }

    /*counter*/
    .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 .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*/
    .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) {

    /*Gallery*/
    .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 sticky*/
    header.header-two .sticky-menu.sticky {
        top: 0;
    }

    header.sticky .site-branding-text a .sticky-logo {
        height: 40px;
    }

    .admin-bar header.sticky {
        top: 0;
    }

    /*Page Header*/
    body .page-header {
        height: 280px;
    }

    /*Unit test data*/
    .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;
    }

    /*template-comments*/
    .comment-list li.comment .comment-body {
        flex-wrap: wrap;
    }

    .comment-avtar img {
        margin-bottom: 10px;
    }

    /* blog  */
    .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;
    }

    /* testimonial */
    .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;
    }

    /* team */
    .inity-team.inity-team-style-1 {
        min-height: 358px;
    }

    .inity-team.inity-team-style-1 .inity-team-img img {
        padding: 0;
    }

    /*Newsletter*/
    .inity-newsletter .newsletter-form .submit-btn {
        padding: 0 15px;
        position: inherit;
        margin-top: 10px;
    }

    .inity-newsletter .newsletter-form {
        flex-wrap: wrap;
    }

    /*Feature Box*/
    .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*/
    .widget {
        padding: 30px;
    }

    /*countdown*/
    .countdown li {
        margin: 0 5px;
        margin-bottom: 10px;
        flex: 0 0 20%;
    }

    /* Client Logo */
    .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;
    }

    /*Accordion*/
    .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*/
    .single-team .team-details-page {
        padding: 50px 0;
    }

    /*Gallery*/
    .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 Top*/
    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%;
    }

}