.show-mobile {
  display: none;
}

@media (min-width: 1300px) {
  .container {
    max-width: 1240px;
  }

  .container-full-width {
    width: 100% !important;
    max-width: 100% !important;
  }

  .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1200px !important;
  }

  .fullcontainer .container,
  .fullcontainer .container-lg,
  .fullcontainer .container-md,
  .fullcontainer .container-sm,
  .fullcontainer .container-xl {
    max-width: 1600px;
  }

  #ajax-search-output {
    min-height: 800px;
  }

  /* boxed layout */
  body.boxed #page-content-wrapper {
    max-width: 1300px;
    margin: auto auto;
    min-width: 1140px !important;
    padding: 0px 15px;
    background: #fff;
  }

  body.boxed #sidebar-wrapper {
    display: none !important;
  }

  /* slim layout */
  body.slim {
    font-size: 14px;
  }

  body.slim #page-content-wrapper {
    max-width: 1000px;
    margin: auto auto;
    min-width: auto !important;
  }

  body.slim #sidebar-wrapper {
    margin-left: -350px !important;
  }

  body.slim .toggled #sidebar-wrapper {
    margin-left: -0px !important;
  }

  body.body-shadow #page-content-wrapper {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  }

  body.body-border #page-content-wrapper {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
  }

  /* logo */
  .header9 .navbar-brand img {
    max-width: none !important;
  }

  /* header */
  .topbar-info.main-header li {
    margin-right: 25px;
    padding-right: 30px;
  }

  .elementor_mainmenu .search {
    width: 400px;
  }

  /* hero */
  .hero-full {
    height: 100vh;
  }

  .w-lg-100 {
    width: 100% !important;
  }

  /* Hidden Content */
  .hide-desktop,
  .show-mobile {
    display: none !important;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  /* logo */
  .textlogo {
    font-size: 25px;
  }

  .logo-lg .textlogo {
    font-size: 35px !important;
  }

  .header9 .navbar-brand img {
    max-width: none !important;
  }

  /* buttons */
  .btn-lg {
    text-transform: uppercase;
    padding: 15px 30px;
    letter-spacing: 1px;
    font-size: 14px;
    min-width: 150px;
    font-weight: 500;
  }

  .btn-xl {
    text-transform: uppercase;
    padding: 13px 22px !important;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: 500;
  }

  /*sections
	section h2 {    font-size: 40px; 	}
	*/

  /* account */
  .card-account-sidebar .sidebar-userphoto img {
    min-width: 150px;
    min-height: 100px;
  }

  /* cards */
  .card-small-wide img {
    max-width: 130% !important;
    width: 130% !important;
    max-height: 200px;
  }

  .card-search.list figure img {
    min-height: 150px;
  }

  .card-search h3 {
    font-size: 16px !important;
  }

  /* hero */
  .hero_content h1 {
    font-size: 24px;
  }

  .hero-full .hero_content h1 {
    font-size: 24px;
    line-height: 90px;
  }

  .hero-full .hero_content {
    top: 45%;
  }

  /* image grids */
  .textsize-xl {
    font-size: 30px !important;
  }

  /* basics */
  .w-lg-100 {
    width: 100% !important;
  }

  /* Hidden Content */
  .hide-desktop,
  .show-mobile {
    display: none !important;
  }

  /* OPTC Testimonials */
  .testmonial-3-author .testmonial-3-author-name {
    min-width: 314px;
    min-height: 73px;
  }

  /* OPTC Block Image */
  .new-search:not(.img-user):not(.no-resize) figure a img {
    height: auto !important;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  /* logo */
  .textlogo {
    font-size: 25px;
  }

  /* hero */
  .hero-full {
    height: 70vh !important;
  }

  .hero-slider .text-xl h1 {
    font-size: 40px !important;
  }

  /* Hidden Content */
  .hide-desktop,
  .show-mobile {
    display: none !important;
  }

  /* buttons */
  .btn-lg {
    text-transform: uppercase;
    padding: 15px 30px;
    letter-spacing: 1px;
    font-size: 14px;
    min-width: 150px;
    font-weight: 500;
  }

  .btn-xl {
    text-transform: uppercase;
    padding: 13px 22px !important;
    letter-spacing: 1px;
    font-size: 16px;
    min-width: 200px;
    font-weight: 500;
  }

  /* account */
  .card-account-sidebar .sidebar-userphoto img {
    min-width: 100px;
  }

  /* image grids */
  .textsize-xl {
    font-size: 30px !important;
  }

  .textsize-xxl {
    font-size: 30px !important;
  }

  /* basics */
  .w-lg-100 {
    width: 100% !important;
  }

  /* single */
  .features-list-small a {
    width: 50% !important;
  }
}

/* ipad */
@media (min-width: 576px) and (max-width: 991.98px) {
  /* basics */
  section .btn {
    padding: 8px 10px !important;
  }

  body:not(.theme-cp) section .btn:not(.prev):not(.next):not(.btn-system) i {
    display: none;
  }

  .mb-4 {
    margin-bottom: 20px !important;
  }

  .mb-5 {
    margin-bottom: 20px !important;
  }

  .mt-5 {
    margin-top: 20px !important;
  }

  .mt-4 {
    margin-top: 20px !important;
  }

  /* Hidden Content */
  .hide-ipad,
  .show-mobile {
    display: none !important;
  }

  /* hero */
  .hero-full {
    height: 70vh !important;
  }

  .hero-slider .text-xl h1 {
    font-size: 40px !important;
  }

  /* hero */
  .hero-slider .hero-content {
    top: 10%;
  }

  .hero-slider .hero-content h1 {
    font-size: 30px !important;
  }

  .hero-slider .hero-content p {
    font-size: 16px !important;
  }

  .hero-slider .single-slide-item p {
    margin-bottom: 10px !important;
  }

  .hero-slider .carousel-control-prev,
  .hero-slider .carousel-control-next,
  .hero-slider .carousel-indicators {
    display: none;
  }

  /* image grids */
  .grid .btn {
    padding: 5px 10px !important;
  }

  figure.effect-1 .wrapper {
    border: 20px solid transparent !important;
  }

  figure.effect-4 figcaption {
    padding: 20px !important;
  }

  .textsize-xl {
    font-size: 20px !important;
  }

  .textsize-xxl {
    font-size: 20px !important;
  }

  /* sidebar */
  .card-blog,
  .filters_col {
    padding: 0px !important;
    border: 0px !important;
    background: none !important;
  }

  /* buttons */
  .btn-lg {
    text-transform: uppercase;
    padding: 15px 30px;
    letter-spacing: 1px;
    font-size: 14px;
    min-width: 150px;
    font-weight: 500;
  }

  .btn-xl {
    text-transform: uppercase;
    padding: 13px 22px !important;
    letter-spacing: 1px;
    font-size: 16px;
    min-width: 200px;
    font-weight: 500;
  }

  /* single */

  .features-list-small a {
    width: 50% !important;
  }
}

/* mobile */
@media (max-width: 575.98px) {
  #page-content-wrapper {
    overflow: hidden !important;
  }

  #page-content-wrapper.with-mobilemenu {
    margin-bottom: 80px;
  }

  .body-hide-footer footer {
    display: none;
  }

  .show-mobile {
    display: block !important;
  }

  a.show-mobile {
    display: inline-block !important;
  }

  /* sections */
  .section-120,
  .section-100,
  .section-80,
  .section-60,
  .section-40 {
    padding: 40px 0px !important;
  }

  .pb-0 {
    padding-bottom: 0px !important;
  }

  .mobile-nopadding {
    padding: 0px !important;
  }

  .mb-4 {
    margin-bottom: 10px !important;
  }

  .mb-5 {
    /* margin-bottom: 10px !important; */
  }

  .mt-5:not(.btn) {
    margin-top: 10px !important;
  }

  .mt-4:not(.btn) {
    margin-top: 10px !important;
  }

  .mobile-mt-4 {
    margin-top: 40px;
  }

  .mobile-mb-4 {
    margin-bottom: 40px;
  }

  .mobile-mb-6 {
    margin-bottom: 60px;
  }

  .mobile-pt-4 {
    padding-top: 40px;
  }

  .mobile-pb-4 {
    padding-bottom: 40px;
  }

  /* buttons */
  section .btn:not(.prev):not(.next) i {
    display: none;
  }

  .btn2 {
    margin-left: 0px !important;
  }

  .btn-lg {
    font-size: 16px !important;
  }

  /* image grids */
  .grid .btn {
    padding: 5px 10px !important;
  }

  .textsize-xl {
    font-size: 20px !important;
  }

  .textsize-xxl {
    font-size: 20px !important;
  }

  .block-cat-text img {
    margin-top: 20px;
  }

  /* search card */
  #ajax-search-output .col-6:nth-child(odd) {
    padding-right: 10px;
  }

  #ajax-search-output .col-6:nth-child(even) {
    padding-left: 10px;
  }

  .card-search h3,
  .card-search h5,
  .card-search h6 {
    font-size: 14px !important;
  }

  .card-search h4 {
    font-size: 12px !important;
    height: 40px;
    overflow: hidden;
  }

  .filter_sortby a {
    font-size: 12px !important;
  }

  .card-search .excerpt {
    font-size: 12px !important;
  }

  .card-search .btn {
    padding: 5px 0px !important;
  }

  .card-search .card-body {
    padding: 10px !important;
  }

  .card-search .pricetag {
    font-size: 14px !important;
  }

  .card-search.list-small i {
    display: none !important;
  }

  .card-search .card-middle {
    font-size: 12px;
  }

  .card-search .h5-mobile-small {
    font-size: 12px;
    color: #999999;
  }

  .codedata .txt {
    padding: 10px 0px !important;
  }

  /* count down */
  .ppt_countdown {
    font-size: 12px !important;
  }

  /* menu */
  .elementor_header {
    border-bottom: 1px solid #dee2e6 !important;
  }

  .elementor_header .navbar-brand {
    margin-left: 10px;
  }

  .navbar-brand img {
    max-width: 150px;
    padding-left: 15px;
  }

  #sidebar-wrapper .sidebar-logo .textlogo {
    font-size: 20px !important;
  }

  .navbar-light .navbar-toggler {
    color: #000000 !important;
  }

  /* logo */
  .textlogo {
    font-size: 20px !important;
  }

  /* hero */
  .hero-default {
    text-align: center;
  }

  .hero-default .overlay-inner {
    opacity: 0.9;
  }

  .hero-default {
    height: auto !important;
  }

  .hero-default .hero_content {
    position: relative !important;
    transform: none !important;
    padding: 50px 0px !important;
  }

  .hero-default:not(.hero-demo) .hero_content .text-light:not(.btn),
  .hero-default:not(.hero-demo) .hero_content .text-white:not(.btn),
  .hero-default:not(.hero-demo) .btn-outline-light.text-light {
    /*color: #000000 !important;*/
    /*background-color: #f8f9fa;*/
    /*border-color: #f8f9fa;*/
  }

  .hero-default:not(.hero-demo) .hero_content p {
    color: #000000 !important;
  }

  .hero-default:not(.hero-demo) .btn {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
    font-weight: bold !important;
    width: 100% !important;
  }

  .hero-search .form-input {
    margin-bottom: 20px;
  }

  figure.effect-2 figcaption::before {
    border: 0px !important;
  }

  .hero-medium.hero-search2 {
    height: auto !important;
    min-height: 500px;
    text-align: left !important;
  }

  .hero-medium.hero-search2 .col-md-6 {
    padding: 0px !important;
  }

  .hero-medium.hero-search2 h4 {
    font-size: 25px !important;
  }

  /* hero slider */
  .hero-slider .carousel-inner {
    min-height: 300px;
    overflow: hidden;
  }

  .hero-slider .carousel-inner img {
    width: 400%;
  }

  .hero-slider {
    padding: 0px !important;
  }

  .hero-slider .hero-content {
    top: 0px;
    background: #000000;
    color: #fff !important;
    min-height: 300px;
    left: 0;
  }

  .hero-slider .hero-content h1 {
    margin-top: 50px;
  }

  .hero-slider .single-slide-item p {
    margin-bottom: 15px !important;
    font-size: 14px !important;
  }

  .hero-slider .carousel-control-prev,
  .hero-slider .carousel-control-next,
  .hero-slider .carousel-indicators {
    display: none;
  }

  .hero-slider .btn-outline-dark {
    color: #ffffff !important;
    border-color: #ffffff !important;
  }

  #hero_transparent .single-slide-item .row {
    min-height: 100% !important;
  }

  #hero_transparent .hero-content {
    top: 0% !important;
  }

  /* hero box */
  .hero_box {
    background: none !important;
  }

  .hero_box_wrap {
    border: 0px !important;
  }

  /* boxed layout */
  .boxed .hero-default .hero_content {
    left: 0px !important;
  }

  /* set stage */
  #main {
    background: #fff !important;
  }

  /* typography */
  h1 {
    /*font-size: 30px !important;*/
  }

  h2 {
    font-size: 20px !important;
  }

  h3 {
    font-size: 16px !important;
  }

  h4 {
    font-size: 16px !important;
  }

  h5 {
    font-size: 16px !important;
  }

  h6 {
    font-size: 16px !important;
  }

  .lead {
    font-size: 14px !important;
  }

  .home p {
    font-size: 12px !important;
  }

  /* Hidden Content */
  .hide-mobile {
    display: none !important;
  }

  .show-mobile {
    display: inline-block;
  }

  /* single page */
  .gallery-items .slick-arrow.left {
    left: -10px;
  }

  .gallery-items .slick-arrow.right {
    right: -10px;
  }

  .theme-dl .features-list li {
    width: 50% !important;
    margin-bottom: 30px !important;
  }

  /* blog */
  .card-blog-post h3 {
    font-size: 20px !important;
  }

  /* sidebar */
  .card-blog,
  .filters_col {
    padding: 0px !important;
    border: 0px !important;
    background: none !important;
  }

  /* comments */
  .comment-single {
    margin-top: 40px !important;
  }

  .comment-single .comment-area {
    padding: 0px 0px !important;
    background: #ffffff !important;
    border-radius: 0px !important;
    font-size: 14px !important;
  }

  /* SINGLE PAGE */

  .single-page .nav.nav-tabs > li {
    width: 100% !important;
    flex: none !important;
    float: none;
    display: block;
  }

  .single-title-block {
    margin-top: 30px !important;
  }

  .hero-single {
    min-height: 50px !important;
  }

  .hero-single-big {
    height: auto !important;
  }

  .hero-single h1 {
    font-size: 25px !important;
  }

  .card-blog,
  .card-blog-post,
  .card-listing {
    margin-bottom: 10px !important;
  }

  .hero-single:not(.hero-single-big) h1,
  .hero-single:not(.hero-single-big) a,
  .hero-single .fa-angle-right:before,
  .single .text-light .text-muted {
    color: #212529 !important;
  }

  .hero-single .bg-content {
    position: relative !important;
  }

  .hero-single a,
  .hero-single ul {
    font-size: 12px;
  }

  .hero-single ul {
    margin-bottom: 0px !important;
  }

  .single .section-60 {
    padding: 0px 0px !important;
  }

  #single-top1 {
    background: #f8f9fa !important;
    padding-bottom: 10px;
  }

  .mobile-top-30 .section-60 {
    padding-top: 30px !important;
  }

  .card-listing .card-header,
  .card-listing .card-header:hover {
    background: #fff !important;
    color: #000 !important;
  }

  .card-listing .card-header a {
    color: #000 !important;
  }

  .card-listing {
    border-radius: 10px;
    margin-bottom: 20px !important;
  }

  .card-listing .card-body {
    padding: 0px 20px 20px 20px !important;
    font-size: 14px !important;
  }

  .card-listing .card-body .post-body {
    line-height: 25px !important;
  }

  .card-listing .card-body .btn-system {
    height: 40px !important;
    line-height: 30px !important;
  }

  .single .reportbuttons {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  #sec-photos {
    margin-bottom: 20px !important;
  }

  #singlemapbox {
    height: 250px;
  }

  /* slide slider */
  .single-images-slider2-nav .slick-arrow.left {
    left: -30px !important;
  }

  .single-images-slider2-nav .slick-arrow.right {
    right: -30px !important;
  }

  /* carousel block */
  .block-listings3 {
    padding-bottom: 0px !important;
  }

  /* single box */
  .iconbox2 i {
    margin-right: 10px !important;
    font-size: 20px;
    margin-top: 5px;
  }

  .iconbox2 .title,
  .iconbox2 .desc {
    display: block !important;
    max-width: 90px;
    font-size: 11px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .features-list-small {
    display: block;
    clear: both;
    float: left;
    padding: 0px !important;
  }

  .features-list-small a {
    width: 50% !important;
    float: left;
    margin-bottom: 10px !important;
    display: block !important;
    font-size: 12px !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  /* MOBILE STYLES */
  body.single,
  .search footer {
    margin-bottom: 40px;
  }

  #sec-map .card-body {
    padding: 0px;
  }

  .search .bg-light {
    background: #fafafa !important;
  }

  .filter_sortby.t1 {
    margin-bottom: 20px;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .mobile-filters-bar {
    margin-bottom: 20px;
  }

  .mobile-filters-bar .btn {
    font-size: 14px !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    line-height: 30px;
  }

  #filters-extra.show .filters_sidebar {
    display: block !important;
  }

  .filters_sidebar {
    display: none;
  }

  .filter_sortby a {
    font-size: 10px !important;
    text-transform: uppercase !important;
  }

  .filter_sortby a i {
    display: none;
  }

  .pagination-md .page-link {
    padding: 8px 15px !important;
    font-size: 14px !important;
  }

  .lni {
    display: inline-block;
    speak: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .lni-cog::before {
    content: "\ea6f";
  }

  .lni-heart::before {
    content: "\eae1";
  }

  .lni-home::before {
    content: "\eae7";
  }

  .lni-life-ring::before {
    content: "\eb0b";
  }

  .lni-shopping-basket::before {
    content: "\eb87";
  }

  .suha-footer-nav ul {
    width: 100%;
  }

  .suha-footer-nav ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    position: relative;
    z-index: 1;
  }

  .suha-footer-nav ul li a {
    position: relative;
    display: block;
    font-size: 12px;
    text-align: center;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1;
    color: #23282d;
    z-index: 1;
    text-decoration: none;
  }

  .suha-footer-nav ul li a i {
    display: block;
    font-size: 18px;
    margin-bottom: 4px;
  }

  .suha-footer-nav ul li a:hover,
  .suha-footer-nav ul li a:focus {
    color: #23282d;
    text-decoration: none;
  }

  .suha-footer-nav ul li.active a {
    color: #23282d;
    text-decoration: none;
  }

  /* blog */
  .card-blog-post p {
    font-size: 14px;
  }

  .card-blog-post p a {
    display: none;
  }

  /* OPTC Hero */
  #page-content-wrapper
    > section
    > div.hero_content.z-10
    > div
    > div
    > div
    > div {
    top: 0;
  }
}

/* lg and smaller */
@media screen and (max-width: 991px) {
  .footer-nav-area:not(.hide-mobile) {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    background-color: #ffffff;
    width: 100%;
    height: auto;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    -webkit-box-shadow: 0 -6px 12px rgba(15, 15, 15, 0.15);
    box-shadow: 0 -6px 12px rgba(15, 15, 15, 0.15);
    display: block !important;
  }

  .hero-default:not(.hero-demo) .bg-image {
    opacity: 0.1 !important;
  }
}