/* Media Queries */

@media (max-width:400px) {
    .services-section {
        height: 540px !important;
    }
    .searchtitle {
        margin-bottom: 15px;
    }
}

/* mobile related css upto 576px */
@media (max-width:576px) {
    .video_modal .modal-content {
        width: 320px;
        height: 500px;

    }
}



/* mobile related css upto 991px */
@media (max-width: 991px) {

    .cits-nav .navbar-nav .nav-item.responsive_search {
        position: relative;
        background-color: initial;
    }

    .cits-nav .navbar-nav .nav-item.responsive_search .search-icon {
        width: calc(100% - 70px);
        position: absolute;
        right: auto;
        left: 40px;
        top: 0px;
        height: 40px;
    }

    .cits-nav .navbar-nav .nav-item.responsive_search .search-icon input {
        width: 98%;
        position: static;
    }

    .banner-carousel .bg-img {
        padding-top: 110px;
    }

    .banner-carousel .owl-nav {
        bottom: -40px;
    }

    .about-shape-1 img {
        top: -90px;
    }

    .video_modal .modal-content {
        width: 700px;

    }

    .banner-carousel {
        height: 600px;
    }

    /*search icon hover related css*/
    .cits-header .navbar-light .navbar-nav .nav-item.responsive_search.active,
    .cits-header .navbar-light .navbar-nav .nav-item.responsive_search.hover {
        color: inherit;
        background: initial;
    }

    /*search icon hover related css*/
    .cits-header .navbar-light .navbar-nav .nav-item.active {
        color: #fff;
        background: #6fb4e4;
    }

    .cits-header .navbar-light .navbar-nav .nav-item .nav-link {
        color: #000;
    }

    .cits-header .navbar-light .navbar-nav .nav-item:hover:not(.responsive_search) .nav-link,
    .cits-header .navbar-light .navbar-nav .nav-item.active:not(.responsive_search) .nav-link {
        color: #fff;
    }

    .cits-nav ul.navbar-nav {
        background: #fff;
        margin-top: 20px;
    }

    .cits-nav ul.navbar-nav li {
        padding: 1px 22px;
    }

    .cits-nav ul.navbar-nav li:hover {
        background: #6fb4e4;
    }

    .cits-nav ul.navbar-nav li:hover>a {
        color: #fff;
    }

    .cits-nav ul li a.nav-link.active {
        color: #fff !important;
    }

    .banner-carousel .owl-nav {
        bottom: -40px !important;
    }

    .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0px;
        z-index: 1000;
        display: none;
        min-width: 20rem;
        padding: 0;
        margin: 0 -22px;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #EEe;
        background-clip: padding-box;
        border: 0;
        border-radius: 0;
    }

    li.sub-nav-item:hover,
    li.sub-nav-item.active,
    .cits-nav ul.navbar-nav lisub-nav-item:hover {
        background: #d4d4d4;
    }

    li.sub-nav-item .dropdown-item:focus,
    li.sub-nav-item .dropdown-item:hover {
        color: #fff;
        background: transparent;
    }

    .cits-slider-text h6 {
        font-size: 14px;
        margin-bottom: 8px;
    }

    .cits-slider-text h1 {
        font-size: 22px;
    }

    .cits-slider-text h2 {
        font-size: 18px;
    }

    .cits-slider-text h4 {
        font-size: 16px;
        margin-bottom: 8px;
        line-height: 1.6;
    }

    .cits-slider-text p {
        font-size: 12px;
        line-height: 1.6;
    }

    .btn2 {
        margin-top: 30px;
    }

    .btn2 a {
        width: 110px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
        text-decoration: none;
    }

    .slide-one,
    .slide-two,
    .slide-three,
    .slide-four {
        height: 520px;
    }

    .slider-img1 img {
        margin-left: 20px;
    }

    .about-widget {
        margin-top: 90px;
    }

    .about-focus {
        left: -30px;
    }

    .about-sh {
        font-size: 16px;
    }

    .st-hover-cont h4 {
        margin-bottom: 20px;
        font-size: 20px;
        margin-top: 20px;
    }

    .st-main-cont h1 {
        font-size: 40px;
    }

    .wtc-cont h4 {
        margin-bottom: 15px;
        font-size: 20px;
    }

    .wtc-cont p {
        font-size: 14px;
    }

    .video-content p {
        width: 350px;
    }

    .primary-footer .col-sm-12 {
        width: 100%;
    }

    .footer-links {
        margin: 30px;
    }

    .about-content.rellax {
        margin-top: 110px;
        margin-left: 0px;
    }

    /* services inner page */
    .inner-banner {
        padding: 120px 50px 50px;
    }

    .inner-banner h1 {
        font-size: 28px;
    }

    .inner-banner h6 {
        font-size: 16px;
        width: 100%;
    }

    .inner-banner p {
        font-size: 14px;
        width: 100%;
    }

    /* Contact page */
    .ciw-icon {
        margin-bottom: 20px;
    }

    /* abput inner page */
    .about-innerpage .about-focus {
        top: -16%;
        right: 0px;
        max-width: 120px;
        padding: 10px;
    }

    .foucs-icon {
        margin: 0 auto;
        width: 80px;
    }

    .ex-title {
        font-size: 14px;
    }

    .about-innerpage .section-title {
        margin: 10px 70px 10px 0;
    }

    .about-dots {
        display: none;
    }

    /* Career inner page */
    .searchtitle {
        font-size: 14px;
    }
}

/* css from 992px upto 1024.98px */
@media (min-width: 992px) and (max-width: 1024.98px) {

    .slider-img1 img {
        margin-left: 0;
    }

    .owl-carousel .owl-nav button>span {
        bottom: 80px;
    }

    .portfolio .owl-carousel .owl-stage-outer {
        height: 580px !important;
    }

    .service-widget .row {
        margin-right: 0;
    }

    .about-widget {
        top: 160px;
    }

    .about-focus {
        left: -30px;
    }

    .about-shape-2 {
        right: 40px;
    }

    .parallex {
        margin-top: 250px !important;
    }

    .wtc-cont {
        padding: 40px 30px 56px 30px;
    }

    .portfolio {
        height: 500px;
    }

    .project-tab .owl-theme .owl-dots {
        bottom: 355px;
    }

    /* 
    .sponsors-section .owl-carousel .owl-stage-outer {
        height: 0;
    } */

    /* About inner page styles start */
    .about-parallex.parallex {
        margin-top: 60px !important;
    }

    /* Contact Page */
    .ciw-details a,
    .ciw-details a:visited,
    .ciw-details {
        font-size: 14px;
    }

    .inner-banner {
        padding: 120px 50px 50px;
    }
}

/* css from 0px upto 1399px */
@media (max-width: 1399px) {
    .banner-carousel .owl-nav {
        bottom: -60px;
    }

    .parallex {
        margin-top: 163px;
    }

    .video_modal .modal-content {
        width: 700px;
        height: 520px;

    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .navbar-collapse {
        width: auto;
    }

    .cits-header.sticky {
        position: fixed;
        background: #091142;
        z-index: 9;
    }
}

/* Large devices (desktops, 1499px and up) */
@media (min-width: 1499px) {
    .owl-slide.bg-img {
        background-size: cover;
    }

    #video-play {
        background-size: cover;
    }

    /* Portfolio inner page */
    .portfolio_inner_page .portfolio {
        background: none;
    }

}

/* mobile related css upto 767px */
@media (max-width: 767px) {
    .banner-carousel .bg-img{
        padding-top: 0;
    }
    .parallax-play {
        min-height: auto;
        padding: 50px 0px;
    }

    .parallax-play .content-box {
        padding: 0px 0px 20px 0px;
    }

    .banner-carousel {
        height: 860px;
    }

    .cits-slider-text {
        padding-left: 0px;
        margin-top: 20px !important;
    }

    .slider-img1 img {
        margin-left: 0px;
        /* width: 50% !important; */
    }

    .slide-one,
    .slide-two,
    .slide-three,
    .slide-four {
        height: 830px;
    }

    .owl-nav button.owl-next>span,
    .owl-nav button.owl-prev>span {
        bottom: 60px;
    }

    .cits-header .navbar-light .navbar-nav .nav-link {
        font-size: 14px;
    }

    .cits-header .dropdown-menu li a {
        font-size: 14px;
    }

    /* service blocks responsive css */
    .service-intro {
        font-size: 16px;
    }

    .service-heading {
        font-size: 26px;
    }

    .service-desc {
        font-size: 14px;
    }

    .service-widget {
        padding: 40px 20px;
    }

    .service-blocks {
        padding: 40px 20px;
    }

    .services-section {
        padding: 60px 0px 0px;
        height: 650px;
    }

    .service-heading {
        margin-top: 8px;
    }

    .service-desc {
        line-height: 1.6;
    }

    .sw-count {
        font-size: 40px;
        margin: 10px auto 10px;
    }

    .sw-title {
        font-size: 16px;
        text-align: center;
    }

    .sw-content {
        font-size: 14px;
        line-height: 1.6;
        text-align: center;
        margin-bottom: 15px;
    }

    .btn-grey {
        font-size: 12px;
        padding: 10px 10px;
    }

    /* about section responsive css */

    .about-focus {
        left: 0px;
        padding: 25px 13px 25px 13px;
    }

    .about-img-2 {
        display: none;
    }


    .ex-year {
        font-size: 26px;
        line-height: 1.6;
    }

    .ex-title {
        font-size: 14px;
        line-height: 1.6;
    }

    .section-intro {
        font-size: 16px;
    }

    .section-title {
        font-size: 20px;
        margin: 8px 80px 20px 0;

    }

    .about-info {
        font-size: 14px;
    }

    .about-content .mt-50 {
        margin-top: 20px;
    }

    .theme-btn {
        font-size: 12px;
        padding: 10px 16px;
    }

    .about-content.rellax {
        margin-top: 20px;
        margin-left: 0px;
    }

    .about-shape-2 {
        display: none;
    }

    /* parallex section responsive css */

    .parallex {
        margin-bottom: 30px;
    }

    .ph-icon {
        margin: 0 auto;
    }

    .strategy {
        top: 0;
    }

    .st-img {
        background-size: cover;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .parallex h4 {
        font-size: 16px;
        line-height: 1.6;
    }

    .ph-content p {
        font-size: 14px;
        line-height: 1.6;
        padding: 10px;
    }

    .st-hover p {
        font-size: 14px;
        padding: 30px;
    }

    /* we take care section css */
    .wtc-img::before {
        left: 0px;
        background: none;
    }

    .wtc-cont {
        padding: 18px 30px 20px 30px;
    }
/* 
    .wtc-img img {
        padding: 30px 0 0 50px;
    } */

    /* video section responsive css */

    .video_modal .modal-content {
        width: 350px !important;
        height: 350px;
    }

    .video-content h4 {
        font-size: 18px;
        line-height: 1.6;
    }

    .video-content p {
        width: auto;
        font-size: 14px;
    }

    .video-content .mt-50,
    .video-content.mt-80 {
        margin-top: 30px;
    }

    /* portofolio section responsive css */
    .portfolio-header-deatures .d-sm-flex {
        flex-direction: column;
    }

    .sec-title h2 {
        font-size: 22px;
    }

    .product-tab-btns {
        padding: 0px;
    }

    .project-tab .product-tab-btns .p-tab-btn {
        font-size: 14px;
        line-height: 1.6;
        letter-spacing: 0;
    }

    .project-tab .product-tab-btns .p-tab-btn sup {
        right: -14px;
        top: -6px;
        font-size: 12px;
    }

    .gallery-item .cap-box .cat {
        font-size: 12px;
    }

    .gallery-item .cap-box h5 a {
        font-size: 14px;
    }

    /* Sponsors section */
    .sponsors-outer .slide-item{
        margin-left: 100px ;
    }

    /* Testimonal content */
    .testimonials-section .section-intro {
        font-size: 14px
    }

    .testimonials-section .section-title {
        max-width: 10px 20px 10px 0;
        font-size: 16px;

    }

    .testimonial-content {
        font-size: 14px;
    }

    .tu-name {
        font-size: 16px;
    }

    .tu-role {
        font-size: 12px;
    }

    /* footer section responsive css */
    .connect h4 {
        font-size: 16px;
    }

    .connect p {
        font-size: 14px;
    }

    .connect .btn2 a span {
        font-size: 12px;
    }

    .connect .btn2 {
        position: static;
        margin: 0 auto 20px auto;
        transform: none;
    }

    .connect .btn2 a {
        margin: 0 auto;
    }

    footer .primary-footer .footer-links ul li a {
        line-height: 2;
    }

    .sc-media {
        margin-top: 30px;
    }

    /* services inner page */
    .services-section.services-inner-pg {
        height: auto;
    }

    .services-banner.inner-banner h1 {
        font-size: 26px;
    }

    .services-banner.inner-banner h6 {
        font-size: 14px;
        width: 100%;
    }

    .services-banner.inner-banner p {
        font-size: 12px;
        width: 100%;
    }

    .service-widget-box {
        margin-bottom: 40px;
    }

    /* About inner page */
    .leadership-block {
        padding: 0;
        margin-bottom: 30px;
    }

    .about-innerpage .about-focus {
        display: none;
    }

    .about-innerpage .about-content {
        margin: 30px 0 0 10px;
    }

    .about-innerpage .section-title {
        font-size: 16px;
        margin: 10px 0px 10px 0;
    }

    .about-parallex p {
        font-size: 14px;
        line-height: 1.6;
        padding: 0 30px;
    }

    .vision-img {
        margin-bottom: 10px;
    }

    .about-parallex.parallex h4 {
        width: 100%;
        font-size: 20px;
    }

    .leadership-content {
        padding: 60px 0 30px 0;
    }

    .leadership-content h2,
    .vision-content h2 {
        font-size: 22px;
        margin-bottom: 30px;
    }

    .leadership-content p,
    .vision-content p {
        font-size: 14px;
        line-height: 1.6;
    }

    /* portfolio inner page styles */
    .m-100 {
        margin-top: -100px;
    }

    .portfolio_inner_page .project-tab .p-tabs-content {
        margin: 0px 50px;
    }

    .portfolio_inner_page .gallery-item .inner-box {
        margin-bottom: 10px;
    }

    .inner-banner {
        height: auto;
        padding: 120px 30px 50px;
    }

    /* contact inner page */
    .parallex-contact {
        padding: 130px 20px 20px 20px;
    }

    .ptb-120 {
        padding-top: 70px;
        padding-bottom: 70px;
    }


}