/* This file contain all the responsive css rules those could not solved by bootstrap rules */
[class*=fluid-] {
  float: left;
  display: inline-block;
}

@media (min-width: 1600px) {
  .style-1 .widget-footer {
    padding-top: 450px;
  }
}
@media (min-width: 1200px) {
  .fluid-lg-1 {
    width: 8.333333%;
  }

  .fluid-lg-2 {
    width: 16.666666%;
  }

  .fluid-lg-3 {
    width: 25%;
  }

  .fluid-lg-4 {
    width: 33.333333%;
  }

  .fluid-lg-5 {
    width: 41.666666%;
  }

  .fluid-lg-6 {
    width: 50%;
  }

  .fluid-lg-7 {
    width: 58.333333%;
  }

  .fluid-lg-8 {
    width: 66.666666%;
  }

  .fluid-lg-9 {
    width: 75%;
  }

  .fluid-lg-10 {
    width: 83.333333%;
  }

  .fluid-lg-11 {
    width: 91.666666%;
  }

  .fluid-lg-12 {
    width: 100%;
  }
  
  .lg-70-mt{
    margin-top: 70px;
  }
  
  .lg-5-mt{
    margin-top: 5px;
  }
  
  .lg-120-mt{
    margin-top: 120px;
  }
  
}
@media (min-width: 992px) and (max-width: 1199px) {
  .fluid-md-1 {
    width: 8.333333%;
  }

  .fluid-md-2 {
    width: 16.666666%;
  }

  .fluid-md-3 {
    width: 25%;
  }

  .fluid-md-4 {
    width: 33.333333%;
  }

  .fluid-md-5 {
    width: 41.666666%;
  }

  .fluid-md-6 {
    width: 50%;
  }

  .fluid-md-7 {
    width: 58.333333%;
  }

  .fluid-md-8 {
    width: 66.666666%;
  }

  .fluid-md-9 {
    width: 75%;
  }

  .fluid-md-10 {
    width: 83.333333%;
  }

  .fluid-md-11 {
    width: 91.666666%;
  }

  .fluid-md-12 {
    width: 100%;
  }
  
  .md-100-mt{
    margin-top: 100px;
  }
}
@media (max-width: 1199px) {
  .link-block {
    width: 268px;
    height: 268px;
  }

  .slider-single-big .slider-item {
    height: 600px;
  }

  .service.style-2 + .service.style-2 {
    margin-left: 60px;
  }

  .style-2 .widget-footer {
    padding-top: 120px;
  }

  .blog-post .post-meta + .post-meta {
    margin-left: 25px;
  }

  .sponsors .sponsor {
    max-width: 220px;
  }

  .about-content .rules-wrap,
  .about-content .track-wrap {
    margin-top: 50px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .fluid-sm-1 {
    width: 8.333333%;
  }

  .fluid-sm-2 {
    width: 16.666666%;
  }

  .fluid-sm-3 {
    width: 25%;
  }

  .fluid-sm-4 {
    width: 33.333333%;
  }

  .fluid-sm-5 {
    width: 41.666666%;
  }

  .fluid-sm-6 {
    width: 50%;
  }

  .fluid-sm-7 {
    width: 58.333333%;
  }

  .fluid-sm-8 {
    width: 66.666666%;
  }

  .fluid-sm-9 {
    width: 75%;
  }

  .fluid-sm-10 {
    width: 83.333333%;
  }

  .fluid-sm-11 {
    width: 91.666666%;
  }

  .fluid-sm-12 {
    width: 100%;
  }

  .style-4 .member-socials a + a {
    margin-left: 5px;
  }

  .blog-posts.vertical-list {
    max-height: 820px;
  }
}
@media (max-width: 991px) {
  .display-flex {
    display: block;
  }

  h1,
  .h1 {
    font-size: 4.8rem;
  }

  h2,
  .h2 {
    font-size: 3.6rem;
  }

  h3,
  .h3 {
    font-size: 2.4rem;
  }

  h4,
  .h4 {
    font-size: 1.8rem;
  }

  h1,
  .h1,
  h2,
  .h2,
  h3,
  .h3,
  h4,
  .h4,
  h5,
  .h5,
  h6,
  .h6 {
    margin: 10px 0;
  }

  .header-bg {
    padding: 20px 0;
  }

  .page-header.style-6 {
    padding: 20px 0;
  }

  .header-title-wrap {
    padding: 20px 0;
  }
  .style-8 .header-title-wrap {
    padding: 20px 0;
  }
  .style-9 .header-title-wrap {
    padding: 25px 0 10px;
  }

  .style-4 .page-title {
    padding: 0 0 12px;
  }
  .style-5 .page-title {
    margin-bottom: 10px;
    padding-top: 0;
  }

  .breadcrumb-wrapper {
    padding: 8px 0;
  }

  .breadcrumb {
    margin-bottom: 15px;
  }
  .style-4 .breadcrumb {
    padding: 0;
  }
  .style-5 .breadcrumb {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .style-6 .breadcrumb {
    float: left;
  }

  .link-block {
    width: 210px;
    height: 210px;
  }
  .link-block + .link-block {
    margin-left: 25px;
  }

  .widget + .widget {
    margin-top: 30px;
  }

  .sm-40-m {
    margin-top: 40px;
  }

  .call-to-action {
    padding: 60px 0;
  }
  .call-to-action.style-2, .call-to-action.style-3, .call-to-action.style-4, .call-to-action.style-5 {
    padding: 50px 0;
  }
  .call-to-action .button-group {
    margin-top: 25px;
  }

  .style-2 .services {
    width: 620px;
    margin: 0 auto -30px;
    float: none;
  }
  .style-4 .services {
    margin-bottom: -60px;
  }

  .service.style-2 {
    width: 250px;
    margin: 0 30px 30px;
  }
  .service.style-2 + .service.style-2 {
    margin-left: 30px;
  }
  .service.style-4 {
    margin-bottom: 60px;
  }
  .service.style-5 li {
    padding-left: 25px;
    line-height: 1.4;
    position: relative;
  }
  .service.style-5 li + li {
    margin-top: 10px;
  }
  .service.style-5 li i {
    position: absolute;
    left: 0;
  }

  .video-wrap {
    float: left;
  }

  .custom-section .services {
    text-align: center;
  }

  .style-2 .widget-footer {
    padding-top: 80px;
  }

  .style-4 .widget-footer,
  .style-5 .widget-footer {
    padding-top: 65px;
  }

  .style-4 .footer-widgets .col-sm-6:nth-child(2n + 1) {
    clear: left;
  }

  .sponsors .sponsor {
    max-width: 200px;
  }

  .about-content .video-wrap {
    margin-top: 45px;
  }

  .sidebar {
    margin-top: 60px;
  }

  .post-pagination {
    margin-top: 60px;
  }

  .meta-side .single-meta {
    float: left;
    width: auto;
    vertical-align: middle;
    display: inline-block;
  }
  .meta-side .single-meta + .single-meta {
    margin-left: 20px;
  }
  .meta-side .single-meta.date-meta {
    margin-top: 28px !important;
    line-height: 100%;
  }
  .meta-side .single-meta.author-social {
    margin-top: 20px;
  }

  .facility-part + .facility-part {
    margin-top: 60px;
  }

  .product-info-tab {
    margin-top: 60px;
  }

  .header-slider-item,
  .header-slider.style-4 .header-slider-item {
    height: 480px;
  }

  .header-slider-caption h4 {
    margin-top: 10px;
  }
  .header-slider-caption .layer-3 {
    margin-top: 30px;
  }

  .header-slider.style-2 .header-slider-item,
  .header-slider.style-3 .header-slider-item {
    height: 520px;
  }

  .header-slider.style-shop .header-slider-item {
    height: 360px;
  }

  /*** Navigation Breakpoint ***/
  .navbar-top {
    min-height: 50px;
  }

  .navbar-top .navbar-header {
    width: 100%;
  }

  .navbar-header {
    float: none;
  }

  .navbar-left,
  .navbar-right {
    float: none !important;
  }

  .navbar-toggle {
    display: block;
    margin: 8px 0;
    border-color: #000000 !important;
    border-radius: 0;
  }
  .navbar-toggle:focus {
    background-color: transparent !important;
    border-color: #000000 !important;
  }
  .navbar-toggle:hover {
    background-color: #0093d2 !important;
    border-color: #0093d2 !important;
  }

  .navbar-default .navbar-toggle .icon-bar {
    background-color: #000000;
  }

  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }

  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }

  .navbar-collapse.collapse {
    display: none !important;
  }

  .navbar-nav {
    float: none !important;
    margin-top: 7.5px;
  }

  .navbar-nav > li {
    float: none;
  }

  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .collapse.in {
    display: block !important;
  }

  #main-collapse-nav {
    position: absolute;
    background-color: #ffffff;
    z-index: 1;
    right: 0;
    width: 100%;
    max-width: 320px;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.13);
  }
  #main-collapse-nav.in {
    max-height: 500px;
    max-height: 100vh;
    overflow-y: auto !important;
  }
  #main-collapse-nav::-webkit-scrollbar {
    width: 5px;
  }
  #main-collapse-nav::-webkit-scrollbar-track {
    direction: ltr;
    background-color: #b4dff2;
  }
  #main-collapse-nav::-webkit-scrollbar-thumb {
    background: #0093d2;
    height: 62px;
    width: 5px;
    position: relative;
  }

  .navbar-top .navbar-center {
    width: 100%;
    margin: 0;
    float: left;
    padding: 0;
    text-align: left;
  }

  .navbar-top .navbar-right > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .main-navigation > li > a:after {
    content: none !important;
  }

  .main-navigation li {
    float: left;
    width: 100%;
  }
  .main-navigation li.dropdown {
    display: block !important;
    width: 100%;
    float: left !important;
    position: relative;
  }
  .main-navigation li.dropdown:before {
    content: "\f107";
    font-family: "FontAwesome";
    display: inline-block;
    float: right;
    line-height: inherit;
    padding: 7px;
  }
  .main-navigation li.dropdown .dropdown:before {
    padding: 0 7px;
  }
  .main-navigation li .dropdown-menu {
    position: relative;
    clear: both;
    box-shadow: none;
    width: 100%;
    padding: 0 0 0 5px;
    border-left: 3px solid #d7d7d7;
    -webkit-transform: none;
            transform: none;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .main-navigation li .dropdown-menu.opened {
    max-height: none;
    visibility: visible;
    opacity: 1;
  }
  .main-navigation li .dropdown-menu .dropdown-menu {
    left: 0 !important;
  }
  .main-navigation li .dropdown-menu li a {
    line-height: 2.2;
  }
  .main-navigation li .dropdown-menu > li > a:after {
    content: none;
  }
  .main-navigation li .mega-menu {
    background-color: transparent;
  }
  .main-navigation li .menu-col {
    width: 100%;
    padding: 0;
  }

  .main-navigation > li {
    display: block !important;
    width: 100%;
    float: left !important;
    position: relative;
  }
  .main-navigation > li a {
    display: inline-block !important;
    padding-left: 0;
  }

  .navbar-top .navbar-right > li > a {
    padding-left: 0;
  }

  .navbar-top .navbar-header .secondary-nav-toggle {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .header-logo {
    height: 50px;
    line-height: 50px;
    margin: 15px auto;
  }
  .header-logo img {
    max-height: 50px;
  }

  .header-block.left-block {
    margin-top: 12px;
  }

  .header-block.right-block {
    margin-top: 25px;
  }

  .style-2 .navbar-header, .style-3 .navbar-header {
    /*width: calc(100% - 90px);*/
    width: 100%;
    float: left;
  }

  .style-2 .navbar-toggle, .style-3 .navbar-toggle {
    margin: 18px 0;
  }
  .style-4 .navbar-toggle {
    margin: 21px 0;
  }

  .style-2 #main-collapse-nav, .style-3 #main-collapse-nav {
    top: 100%;
  }

  .style-2 .main-navigation > li.active > a,
  .style-2 .main-navigation > li.active > a:focus,
  .style-2 .main-navigation > li.active > a:hover {
    color: #0093d2 !important;
  }

  .navbar-main.style-4 .header-logo {
    margin: 10px 0;
  }

  .navbar-main.style-4 .main-navigation > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .popup-nav {
    max-height: 500px;
    max-height: 100vh;
    padding-top: 50px;
    padding-bottom: 30px;
    overflow: auto;
  }

  #popup-close {
    top: 15px;
    left: 15px;
  }
  .popup-nav-right #popup-close {
    right: 15px;
    left: auto;
  }

  .popup-nav .widget + .widget {
    margin-top: 20px;
  }

  .popup-nav .menu-col {
    width: 50% !important;
  }
}
@media (max-width: 767px) {
  .section-padding-big {
    padding: 60px 0;
  }

  .section-header,
  .section-heading {
    margin-bottom: 30px;
  }

  .section-title + .section-subtitle {
    margin-top: 15px;
  }

  .link-blocks {
    padding: 0;
  }

  .link-block {
    width: 181px;
    height: 181px;
  }

  .accordion-simple .panel-title a,
  .accordion-simple-round .panel-title a {
    padding-left: 45px;
    line-height: 1.8rem;
    vertical-align: middle;
  }
  .accordion-simple .panel-title a:after,
  .accordion-simple-round .panel-title a:after {
    margin-left: -45px;
    vertical-align: middle;
  }

  .nav-tabs > li {
    width: 100%;
    margin: 0;
  }
  .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border-bottom-color: #0093d2;
  }

  .iconic-tab .nav-tabs > li {
    display: block;
  }
  .iconic-tab .nav-tabs > li > a .tab-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
  }
  .iconic-tab .nav-tabs > li > a span {
    display: inline-block;
    vertical-align: middle;
  }

  .tab-pane [class*=col-] + [class*=col-] {
    margin-top: 30px;
  }

  .xs-40-m {
    margin-top: 40px;
  }

  .pricing-item {
    float: none;
    margin: 0 auto 30px;
    max-width: 320px;
  }
  .pricing-item.style-3 {
    margin-top: 90px;
  }
  .pricing-item.style-7 {
    width: 100%;
    margin-top: 0;
  }
  .pricing-item.style-7.active {
    margin-top: 0;
    top: 0;
  }

  .pricing-table .pricing-row .pricing-column .tag {
    -webkit-transform: none;
            transform: none;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
  }

  .blog-post.style-6.featured-post {
    width: 320px;
  }

  .blog-posts .extra-posts {
    width: calc(100% - 350px);
  }

  .call-to-action {
    padding: 40px 0;
  }
  .call-to-action h3 {
    text-align: center;
    line-height: 1.3;
    display: block;
  }
  .call-to-action .button-group {
    margin-top: 15px;
  }
  .call-to-action.style-1 h3 {
    margin-bottom: 20px;
    line-height: 1.3;
    display: block;
  }
  .call-to-action.style-1 .pull-right {
    float: none !important;
  }
  .call-to-action.style-6 blockquote {
    margin-bottom: 20px;
  }

  .section_count .section_count_data {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }

  .style-2 .services {
    width: 610px;
  }

  .service.style-2 {
    width: 240px;
  }

  .bg-side-wrap,
  .bg-side-wrap.left-bg-side-wrap {
    left: 0;
    right: 0;
    background-color: #f7f7f7;
  }

  .custom-section.about-section-4 .content-wrap,
  .custom-section.about-section-6 .content-wrap {
    background-color: #f7f7f7;
    padding-left: 0;
    padding-right: 0;
  }

  .footer-widgets {
    display: block;
  }

  .copyright-social,
  .copyright,
  .copyright.right-copyright,
  .copyright-menu,
  .copyright-menu.right-copyright-menu {
    text-align: center;
  }

  .custom-section .services .service.style-2 {
    width: 234px;
  }

  footer.style-1 {
    background-size: cover;
  }

  .recent-news-posts {
    padding-left: 0;
  }

  .post-pagination > li + li > a,
  .facility-pagination > li + li > a {
    margin-left: 5px;
  }

  .meta-side .single-meta {
    display: block;
    width: 100%;
    margin-left: 0;
  }

  .meta-side .single-meta.author-meta .author-name {
    display: block;
    width: 100%;
    margin-top: 15px;
  }

  .meta-side .single-meta.date-meta {
    margin-top: 10px !important;
    margin-left: 0;
  }

  .meta-side .single-meta.author-social {
    margin-top: 0px;
    margin-left: 0;
  }

  .given-comment .comments.child-comments {
    padding-left: 30px;
  }

  .comming-soon-content {
    padding-left: 15px;
    padding-right: 15px;
  }

  .comming-soon-content .countdown .section_count + .section_count,
  .comming-soon-content .countdown-2 .section_count + .section_count,
  .comming-soon-content .countdown.countdown-2 .section_count + .section_count {
    margin-left: 42px;
  }

  .comming-soon-content .comming-soon-subscribe {
    margin-top: 42px;
  }

  .cc-number,
  .cc-expiry {
    max-width: 270px;
  }

  .navbar-top .navbar-header .secondary-nav-toggle {
    padding-left: 15px;
  }

  .navbar-nav {
    margin-left: 0;
    margin-right: 0;
  }

  .container-fluid > .navbar-collapse,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container > .navbar-header {
    margin-left: 0;
    margin-right: 0;
  }

  .navbar-top .navbar-header .secondary-nav-toggle {
    padding-left: 0px;
  }

  .style-2 .extra-nav-item, .style-3 .extra-nav-item, .style-2
  .search-item, .style-3
  .search-item {
    position: static;
  }

  .top-bar .top-left-blocks {
    float: none;
    text-align: center;
  }
  .top-bar .top-left-blocks .top-left-block + .top-left-block {
    margin-left: 20px;
  }
  .top-bar .top-right-blocks {
    text-align: center;
  }

  .top-bar .top-right-blocks .top-right-block {
    position: static;
  }

  .sponsors {
    margin-right: 0;
  }
  .sponsors .sponsor {
    margin-right: 0;
  }
}
@media (min-width: 640px) and (max-width: 767px) {
  .fluid-xs-1 {
    width: 8.333333%;
  }

  .fluid-xs-2 {
    width: 16.666666%;
  }

  .fluid-xs-3 {
    width: 25%;
  }

  .fluid-xs-4 {
    width: 33.333333%;
  }

  .fluid-xs-5 {
    width: 41.666666%;
  }

  .fluid-xs-6 {
    width: 50%;
  }

  .fluid-xs-7 {
    width: 58.333333%;
  }

  .fluid-xs-8 {
    width: 66.666666%;
  }

  .fluid-xs-9 {
    width: 75%;
  }

  .fluid-xs-10 {
    width: 83.333333%;
  }

  .fluid-xs-11 {
    width: 91.666666%;
  }

  .fluid-xs-12 {
    width: 100%;
  }
}
@media (max-width: 639px) {
  .fluid-xxs-1 {
    width: 8.333333%;
  }

  .fluid-xxs-2 {
    width: 16.666666%;
  }

  .fluid-xxs-3 {
    width: 25%;
  }

  .fluid-xxs-4 {
    width: 33.333333%;
  }

  .fluid-xxs-5 {
    width: 41.666666%;
  }

  .fluid-xxs-6 {
    width: 50%;
  }

  .fluid-xxs-7 {
    width: 58.333333%;
  }

  .fluid-xxs-8 {
    width: 66.666666%;
  }

  .fluid-xxs-9 {
    width: 75%;
  }

  .fluid-xxs-10 {
    width: 83.333333%;
  }

  .fluid-xxs-11 {
    width: 91.666666%;
  }

  .fluid-xxs-12 {
    width: 100%;
  }

  .link-blocks {
    text-align: center;
  }

  .link-block {
    width: 290px;
    height: 290px;
    float: none;
    display: block;
    margin: 0 auto 30px;
  }
  .link-block + .link-block {
    margin-left: auto;
  }
  .link-block img {
    width: 100%;
  }

  .pricing-table .pricing-title {
    font-size: 1.2rem;
    margin-top: 15px;
  }
  .pricing-table .price {
    margin-bottom: 5px;
    font-size: 1.2rem;
    line-height: 1.2;
  }
  .pricing-table .price .price-duration {
    display: block;
  }
  .pricing-table .pricing-row .pricing-column.feature-name {
    padding: 0 5px;
    font-size: 1.2rem;
  }

  .blog-post.style-6.featured-post {
    width: 100%;
  }

  .blog-posts .extra-posts {
    width: 100%;
  }

  .button-group .btn {
    clear: both;
    display: table;
    margin: 0 auto;
  }
  .button-group .btn + .btn {
    margin-left: auto;
    margin-top: 15px;
  }

  .slider-single-big .slider-item {
    height: 400px;
  }
  .slider-single-big h2 {
    line-height: 1.1;
  }

  .section_count {
    width: 50%;
    margin: -20px 0;
  }
  .section_count:nth-child(2n + 1) {
    clear: left;
  }
  .section_count .section_count_data {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }

  .style-2 .services {
    width: 100%;
    float: left;
  }

  .service.style-2 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .service.style-2 + .service.style-2 {
    margin-left: 0;
  }

  .testimonial-carousel-wrap {
    padding: 0 30px;
  }

  .testimonial-carousel .owl-prev {
    left: -40px;
  }

  .testimonial-carousel .owl-next {
    right: -40px;
  }

  .testimonial-carousel-wrap.style-4 {
    padding: 0 0 0 30px;
  }

  .style-4 .testimonial-item {
    padding-left: 0;
  }

  .style-4 .testimonial-carousel .owl-pagination {
    left: -30px;
  }

  .style-4 .testimonial-thumb {
    position: static;
    -webkit-transform: none;
            transform: none;
    margin: 0 0 20px 0;
  }

  .custom-section .services .service.style-2 {
    width: 100%;
    margin-left: 0 !important;
  }

  .custom-section.about-section-5 .counter-items .counter-item + .counter-item {
    margin-left: 15px;
  }

  .blog-post .post-meta + .post-meta {
    margin-left: 0;
    display: block;
  }

  .comming-soon-content .countdown .section_count + .section_count,
  .comming-soon-content .countdown-2 .section_count + .section_count,
  .comming-soon-content .countdown.countdown-2 .section_count + .section_count {
    margin-left: 25px;
  }

  .committee-member .committee-info {
    width: 100%;
    margin-top: 15px;
  }

  .portfolio-filter .btn {
    display: block;
    margin: 8px 0 !important;
    width: 100%;
  }

  .cc-number + .cc-cvc {
    margin-left: 0;
    display: block;
  }

  .main-header .display-flex .col-xs-4 {
    width: 100% !important;
    text-align: center;
  }

  .header-block.right-block {
    text-align: center;
    margin-bottom: 20px;
  }

  #main-collapse-nav {
    max-width: none;
  }

  .popup-nav .menu-col {
    width: 100% !important;
  }

  .event-result .table > tbody > tr > td,
  .event-result .table > tbody > tr > th,
  .table > tfoot > tr > td,
  .event-result .table > tfoot > tr > th,
  .event-result .table > thead > tr > td,
  .event-result .table > thead > tr > th {
    display: block;
  }

  .facility-part-imgs > .col-xs-4 {
    width: 100% !important;
    margin-top: 20px;
    text-align: center;
  }
}