/**
 * C2o Responsive CSS
*/

@media screen and (max-width:1649px) {
  .owl-carousel .owl-nav button.owl-prev {
    left: -35px;
  }
  .owl-carousel .owl-nav button.owl-next {
    right: -35px;
  }
}

@media screen and (max-width:1579px) {
  .gallery-title-spacer {
    padding-left: 35px;
  }
  .gallery-main-item .owl-carousel, .owl-carousel.responsive-carousel {
    padding: 0 30px;
  }
  .owl-carousel .owl-nav button.owl-prev {
    left: -5px;
  }
  .owl-carousel .owl-nav button.owl-next {
    right: -5px;
  }
}

@media screen and (max-width:1540px) {
  .blog-detail-info {
    padding: 35px 50px;
  }
  .list-main-info {
    padding-left: 25px;
  }
}

@media screen and (max-width:1509px) {
  .c2o-header-inner .input-group {
    min-width: 500px;
  }
}

@media screen and (max-width:1299px) {
  .c2o-header-inner .input-group {
    min-width: 10px;
  }
  .footer-call-link {
    font-size: 22px;
  }
}

@media screen and (max-width:1399px) {
  .team-modal .modal-dialog {
    padding: 0 20px;
  }
}

@media screen and (max-width:1199px) {
  h1 {
    font-size: 34px;
  }
  h2 {
    font-size: 28px;
  }
  .footer-wrap-icon i {
    font-size: 100px;
  }
  .footer-wrap h2 {
    font-size: 34px;
  }
  .c2o-footer h3 {
    margin-bottom: 25px;
    font-size: 18px;
  }
  .c2o-footer p {
    font-size: 15px;
    line-height: 28px;
  }
  .footer-item-info i {
    font-size: 32px;
  }
  .c2o-footer .get-item p, .c2o-footer .get-item p a {
    font-size: 15px;
  }
  .get-item i {
    font-size: 20px;
    margin-right: 10px;
  }
  .footer-wrap {
    padding-bottom: 50px;
  }
  .sipc-topbar {
    display: none;
  }
  .sipc-topbar ul li a {
    padding: 9px 10px;
  }
  .sipc-topbar ul li a, .sipc-topbar ul li:first-child a {
    border: none;
  }
  .sipc-topbar ul li a:hover, .sipc-topbar ul li:first-child a:hover {
    background-color: transparent;
  }
  .sipc-inner-header {
    padding: 10px 0;
  }
  .sipc-toggle {
    display: inline-block;
  }
  .sipc-nav {
    position: fixed;
    left: 0;
    width: 300px;
    height: 100%;
    background: #fff;
    top: 0;
    text-align: left;
    transition: all ease 0.4s;
    transform: translateX(-100%);
    z-index: 5;
  }
  .sipc-nav.open {
    transform: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  }
  .sipc-inner-header ul li {
    display: block;
  }
  .sipc-inner-header ul li a {
    display: block;
    padding: 10px 20px;
    border-radius: 0;
    border-bottom: 1px solid #d2d2d2;
  }
  .sipc-address br {
    display: none;
  }
  .menu-item-color a {
    font-size: 16px;
  }
  .sidemenu {
    display: none;
  }
  .c2o-header .text-end ul {
    display: none;
  }
  .c2o-toggle {
    display: inline-block;
  }
  .c2o-navigation ul li {
    display: block;
    padding: 0;
  }
  .c2o-navigation ul li a {
    display: block;
  }
  .nav-dropdown {
    display: block;
  }
  .c2o-navigation {
    position: fixed;
    height: 100vh !important;
    z-index: 999;
    left: 0;
    top: 100px;
    bottom: 0;
    padding: 0;
    transition: all ease .4s;
    transform: translateX(-100%);
    width: 280px;
  }
  .navigation-open {
    overflow: hidden;
  }
  .navigation-open .c2o-navigation {
    transform: none;
  }
  .c2o-navigation ul.dropdown-menu {
    min-width: 100%;
  }
  .c2o-navigation ul li a:after, .nav-dropdown::after {
    float: right;
    margin-top: 1px;
  }
  .c2o-navigation nav > ul > li > a {
    border-top: none;
  }
  .c2o-navigation .container {
    padding: 0;
  }
  .job-detail-inner {
    padding-right: 0;
  }
  .job-detail-right {
    padding: 40px 0 0;
    border-left: none;
  }
  .contact-info {
    padding: 30px 25px;
  }
  .our-contact {
    padding: 40px 30px;
  }
  .contact-left-itemes {
    padding: 40px;
  }
  .gallery-main-image {
    height: 200px;
  }
  .list-main-image img {
    height: 500px;
  }
  .list-item-image img {
    height: 300px;
  }
  .related-post {
    padding: 0 0 10px;
    border-left: none;
  }
  .related-post {
    padding-top: 30px;
  }
  .list-main-info {
    padding-left: 0;
    padding-right: 15px;
  }
  .blog-list-main .owl-dots {
    left: 60%;
  bottom: 20px;
  }
  .blog-list-item {
    margin-bottom: 30px;
  }
  .blog-detail-info {
    padding: 30px 20px;
  }
  .job-right-wrap {
    padding-left: 30px;
    margin-left: 5px;
  }
  .job-right-item ul {
    font-size: 15px;
  }
  .news-details-right {
    height: auto;
    padding-left: 0;
    border-left: none;
  }
  .gallery-categories {
    height: auto;
    padding-left: 0;
    margin-left: 0;
    border-left: none;
  }
  .col-half {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    width: 100%;
}
}

@media screen and (max-width:991px) {
  h2 {
    font-size: 26px;
  }
  p {
    font-size: 16px;
  line-height: 30px;
  }
  .footer-wrap {
    padding-bottom: 20px;
  }
  .c2o-footer h3 {
    margin-bottom: 15px;
    padding-top: 30px;
  }
  .footer-wrap-icon i {
    font-size: 80px;
  }
  .footer-wrap h2 {
    font-size: 30px;
  }
  .footer-wrap h5 {
    font-size: 16px;
    margin: 0 0 10px;
  }
  .blog-details-inner ol, .blog-details-inner ul {
    font-size: 16px;
  line-height: 30px;
  }
  .footer-title {
    padding: 20px 0 0;
  }
  .c2o-footer {
    padding-top: 30px;
  }
  .job-right-wrap {
    margin: 0;
  padding: 10px 0 0;
  }
  .job-right-wrap:before {
    display: none;
  }
  .c2o-job-details {
    padding: 40px 0;
  }
  .job-right-item {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
  .map-image img {
    height: 350px;
  }
  .c2o-blog-list {
    padding-top: 0;
  }
  .list-main-image img {
    height: 400px;
    width: 100% !important;
  }
  .list-main-info {
    padding: 30px 25px 50px;
  }
  .blog-list-main .owl-dots {
    left: 0;
    right: 0;
  }
  .c2o-blog-details {
    padding: 0;
  }
  .blog-details-image img {
    width: 100%;
    height: 400px;
  }
  .c2o-news {
    padding-top: 0;
  }
  .news-details-image img {
    height: 450px;
  }
  .list-item-info {
    padding-left: 0;
  }
  .blog-categorys-text {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .blog-details-image img {
    height: 280px;
  }
  .job-detail-inner ul:not(.job-meta-list), .job-detail-right ul:not(.job-meta-list), .team-bio {
    font-size: 16px;
  line-height: 30px;
  }
}

@media screen and (max-width:767px) {
  h1 {
    font-size: 28px;
  }
  h2 {
    font-size: 24px;
  }
  h3 {
    font-size: 20px;
  }
  h4 {
    font-size: 18px;
  }
  .sipc-topbar {
    padding: 15px 0;
    font-size: 15px;
  }
  .sipc-topbar ul {
    padding: 10px 0 0;
  }
  .sipc-topbar ul li a {
    padding: 0 10px;
    font-size: 15px;
  }
  .sipc-topbar ul li:nth-child(2) {
    display: block;
    padding: 6px 0;
  }
  .call-link, .social-link {
    display: none;
  }
  .gallery-popup-item .full-iframe, .owl-carousel .owl-item .gallery-popup-item img, .gallery-popup-item img {
    height: 300px;
  }
  .owl-height {
    min-height: 416px !important;
  }
  .gallery-popup-item {
    min-height: 416px;
  }
  .jobs-submit {
    text-align: center;
  }
  .jobs-submit-icon {
    float: none;
  }
  .jobs-submit-info {
    padding: 15px 0 0;
  }
  .c2o-header-inner {
    padding: 15px 0;
  }
  .c2o-logo img {
    width: 200px;
  }
  .c2o-navigation {
    top: 74px;
  }
  .c2o-toggle {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
  }
  .navigation-inner .dropdown-menu {
    top: 80px !important;
    left: 0 !important;
  }
  .c2o-blog {
    padding: 40px 0 20px;
  }
  .section-title {
    padding-bottom: 10px;
  }
  .footer-newsletter {
    padding-top: 5px;
  }
  .c2o-footer .footer-title {
    padding-top: 15px;
  }
  .c2o-copyright ul {
    padding: 0;
  }
  .team-title {
    padding: 0 0 10px;
  }
  .team-title h2 {
    margin-bottom: 5px;
  }
  .team-modal .modal-body {
    padding: 15px;
  }
  .team-social {
    padding: 10px 0 0;
  }
  .c2o-careers {
    padding: 30px 0 20px;
  }
  .job-item, .job-right-item {
    margin-bottom: 25px;
  }
  .job-detail-inner h2 span {
    display: block;
  padding-bottom: 15px;
  }
  .job-detail-inner .job-meta-list {
    padding: 15px 0;
  }
  .c2o-contact {
    padding: 40px 0 20px;
  }
  .contact-icon {
    width: 72px;
    height: 75px;
    line-height: 72px;
  }
  .contact-icon img {
    width: 35px;
  }
  .contact-left-itemes {
    padding: 25px;
  }
  .contact-item-info ul {
    line-height: 28px;
    font-size: 16px;
  }
  .our-contact-inner {
    padding-bottom: 25px;
    margin-bottom: 25px;
  }
  .our-contact {
    padding: 25px;
    border-left: none;
  }
  .contact-info form {
    padding-top: 0;
  }
  .contact-info p br {
    display: none;
  }
  .gallery-main-item {
    padding: 30px 0;
  }
  .gallery-main-item .owl-carousel, .owl-carousel.responsive-carousel {
    padding: 0 20px;
  }
  .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    width: 19px;
  height: 41px;
    background-size: 19px auto;
  }
  .blog-list-item {
    margin-bottom: 30px;
  }
  .list-main-image img {
    height: 300px;
  }
  .list-item-image img {
    height: 250px;
  }
  .list-item-info {
    padding-top: 15px;
  }
  .blog-detail-info {
    padding: 25px 20px;
  }
  .move-arrow {
    margin-top: 10px;
  }
  .blog-details {
    padding: 10px 0;
  }
  .news-info {
    padding: 20px 15px;
  }
  .news-details-image img {
    height: 250px;
  }
  .c2o-job-details {
    padding: 20px 0 35px;
  }
  .job-detail-right .job-item {
    padding: 20px;
  }
  .job-bottom-btn p {
    padding-bottom: 15px;
  }
  .gallery-title-spacer {
    padding-left: 25px;
  }
}

@media screen and (max-width:575px) {
  .jobs-submit-icon img {
    width: 120px;
  }
  .jobs-submit-info br {
    display: none;
  }
  .section-title-link {
    float: none;
    display: block;
  }
  .footer-inner-links {
    display: block;
  }
  .team-modal .modal-dialog {
    padding: 0;
  }
  .job-meta h3 span {
    display: block;
  padding-bottom: 15px;
  }
  .contact-info {
    padding: 25px 15px;
  }
  .bottom-item .news-info {
    padding: 20px 0 0;
  }
  .bottom-item .news-image {
    float: none;
  }
  .big-image {
    height: 345px;
  }
  .bottom-item .news-image img {
    width: 100%;
  }
  .gallery-main-image {
    width: 100% !important;
  }
}

@media screen and (max-width:479px) {
  p {
    font-size: 15px;
    line-height: 28px;
  }
  h1 {
    font-size: 24px;
  }
  h2 {
    font-size: 22px;
  }
  h3 {
    font-size: 20px;
  }
  h4 {
    font-size: 16px;
  }
  h5 {
    font-size: 16px;
    line-height: 28px;
  }
  h6 {
    font-size: 14px;
  }
  .news-details-inner h5 {
    line-height: 28px;
  }
  .news-details-info p {
    font-size: 16px;
    line-height: 28px;
  }
  .job-detail-inner .normal-btn {
    min-width: 100%;
  }
  .jobs-submit-info h5 {
    font-size: 18px;
  }
  .normal-btn {
    min-width: 250px;
  }
  .share-social-link a {
    display: block;
    margin: 10px 0 0;
  }
  .footer-newsletter .normal-btn {
    min-width: 100%;
  }
  .c2o-navigation {
    top: 69px;
  }
  .sidemenu i {
    width: 35px;
  height: 35px;
  }
  .c2o-logo img {
    width: 180px;
  }
  .subscribe-btn {
    min-width: 100%;
  }
  .c2o-careers .normal-btn-small {
    min-width: 100%;
  }
  .job-meta {
    padding: 15px;
  }
  .job-meta-list li {
    padding-right: 15px;
  }
  .job-item-info {
    padding: 15px 15px 10px;
  }
  .job-detail-right > h4 {
    margin-bottom: 10px;
  }
  .job-detail-right .job-meta-list {
    padding-top: 15px;
  }
  .contact-item-info {
    display: block;
    padding: 20px 0 0;
  }
  .contact-info .normal-btn {
    min-width: 100%;
  }
  .list-main-info {
    padding: 20px 15px 50px;
  }
  .list-main-info p {
    margin-bottom: 0;
  }
  .blog-details-image img {
    height: 250px;
  }
  .blog-details-inner {
    padding-top: 0;
  }
  .related-post-image img {
    width: 100px;
    height: 90px;
  }
  .related-post-item {
    margin-bottom: 25px;
  }
  .related-post {
    padding-top: 10px;
  }
  .related-post-tags {
    padding-bottom: 10px;
  }
  .blog-detail-info {
    padding: 20px 15px;
  }
  .related-post-tags a {
    font-size: 12px;
  }
  .news-details-info {
    padding-top: 10px;
  }
  .blog-details-image img {
    height: 230px;
  }
  .job-detail-inner ul:not(.job-meta-list), .job-detail-right ul:not(.job-meta-list), .team-bio {
    font-size: 15px;
    line-height: 28px;
  }
}

@media screen and (max-width:359px) {
  h2 {
    font-size: 22px;
  }
  .sipc-nav {
    width: 270px;
  }
}