/*===========================================*/
/*	DESKTOP LAYOUT 
/*===========================================*/
@media (min-width: 992px) and (max-width: 1199px) {
  /*== Profile info ===============*/
  .main-header .about-info {
    display: none;
  }
}
@media (min-width: 783px) and (max-width: 1024px) {
  .admin-bar .main-header {
    top: 32px !important;
  }
}
/*===========================================*/
/*	MOBILE & TABLET COMMON
/*===========================================*/
@media (min-width: 200px) and (max-width: 1024px) {
  .admin-bar .main-header {
    top: 46px;
    position: absolute;
  }
  /* Header
    /******************************/
  .main-header {
    /*== Profile info ===============*/
    /*== Menu ===============*/
  }
  .main-header .theme-logo {
    width: 50px;
    height: 50px;
  }
  .main-header .profile-info-wrp {
    padding: 6px 10px;
    border: none;
  }
  .main-header .profile-info-wrp .main-title {
    font-size: 14px;
  }
  .main-header .profile-info-wrp p {
    font-size: 12px;
  }
  .main-header .about-info {
    display: none;
  }
  .main-header .menu-wrp {
    display: flex;
  }
  .main-header .menu-wrp .iconbox {
    position: relative;
    display: inline-flex;
  }
  .main-header .main-menu {
    position: absolute;
    width: 100%;
    height: auto;
    overflow-y: scroll;
    left: 0px;
    padding: 30px;
    margin: 0px;
    max-height: calc(100vh - 50px);
  }
  .main-header .main-menu.off {
    top: 50px;
    display: none;
  }
  .main-header .main-menu.on {
    top: 50px;
    display: block;
  }
  .main-header .main-menu .about-info {
    display: block;
  }
  .menu-handle,
  .search-handle,
  .widget-handle {
    width: 35px;
    height: 100%;
  }
  .menu-handle i,
  .search-handle i,
  .widget-handle i {
    font-size: 14px;
  }
  .menu-handle.on i,
  .search-handle.on i,
  .widget-handle.on i {
    font-size: 30px;
  }
  .side-header {
    width: 0px;
    height: calc(100% - 50px);
    top: 50px;
  }
  .side-header > .iconbox {
    display: none;
  }
  .side-header .sticky-sidebar {
    left: 0px;
  }
  .side-header .sticky-sidebar > aside {
    padding: 25px;
  }
  .side-header .sticky-sidebar .sidebar-info {
    display: block;
  }
  .side-header > .social-profile {
    display: none;
  }
  /* Mobile menu
    /******************************/
  .m-nav {
    display: block !important;
    padding: 0;
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }
  .m-nav .sub-handler,
  .m-nav .inline-grid,
  .m-nav .menu-item {
    display: block;
  }
  .m-nav .menu-item a,
  .m-nav .menu-item span {
    padding: 10px 0 10px 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  .m-nav .menu-item .sub:not([class*="pd-"]),
  .m-nav .menu-item .dropdown {
    position: static;
    padding: 0px;
    border: none;
    margin-left: 20px;
    border-left: 1px dotted rgba(255, 255, 255, 0.3);
  }
  .m-nav .menu-item .sub:not([class*="pd-"]) a,
  .m-nav .menu-item .dropdown a,
  .m-nav .menu-item .sub:not([class*="pd-"]) span,
  .m-nav .menu-item .dropdown span {
    padding-left: 20px !important;
  }
  .m-nav .has-dropdown > .dropdown {
    border-top: none !important;
  }
  .m-nav .menu-item.active:hover > a,
  .m-nav .menu-item > a:hover,
  .m-nav .menu-item.active:hover > span,
  .m-nav .menu-item > span:hover {
    border-radius: 0px;
    background-color: transparent !important;
  }
  .m-nav .has-dropdown > a:after,
  .m-nav .has-dropdown > span:after {
    display: none;
  }
  .m-nav .has-dropdown > .mega-menu {
    width: 100% !important;
    min-width: 100% !important;
    padding: 20px;
    margin: 0px;
  }
  /* Layout changes
    /******************************/
  .main-container {
    padding: 50px 0 0 0;
  }
  .section {
    padding: 20px;
  }
  .section > .container {
    padding: 0px;
  }
  .page-header {
    padding: 20px 0;
    margin-bottom: 30px;
    text-align: center;
  }
  .page-header .page-title {
    font-size: 20px;
  }
  .site-footer {
    padding: 20px;
    text-align: center;
  }
  .site-footer .footer-links {
    text-align: center;
  }
  .site-footer .footer-links-list {
    display: block;
  }
  /* Typograpy
    /******************************/
  .section-title {
    margin-bottom: 20px;
    font-size: 20px;
  }
  /* Blog
    /******************************/
  .ckav-postbox1 {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
  .ckav-postbox1 figure,
  .ckav-postbox1 .carousel-widget {
    margin-bottom: 20px;
  }
  .ckav-postbox1 .ckav-post-meta {
    margin-bottom: 15px;
  }
  .ckav-postbox1 .post-date {
    width: 100%;
    border: none;
    margin-bottom: 5px;
  }
  .ckav-postbox1 .post-date .dd {
    font-size: inherit;
    display: inline-flex;
    margin-right: 5px;
  }
  .ckav-post-meta [class*="col-"]:after {
    content: '|';
    border-bottom: none;
    display: inline-flex;
    width: 10px;
    vertical-align: inherit;
    margin: 0 5px;
  }
  .ckav-post-meta [class*="col-"]:last-child:after {
    display: none;
  }
  .single-post-header .page-title {
    font-size: 20px;
  }
  .single-post-header .ckav-post-meta {
    margin-bottom: 20px;
  }
  .single-post-header .post-pager {
    align-self: flex-start;
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
  }
  .comment-container {
    width: 100%;
    margin: auto;
  }
  .comment-list .comment-box {
    margin-bottom: 5px;
  }
  .comment-list .comment-box .info {
    padding: 15px;
  }
  .comment-list .comment-box .img {
    min-width: 40px;
    width: 40px;
    height: 40px;
    border: 2px solid #fff;
    margin-top: 10px;
  }
  .comment-list .comment-box.info-obj.img-l.g10 .info {
    margin-left: -10px;
  }
  .comment-list .comment-box .comment-permalink {
    margin-bottom: 10px;
  }
  .comment-list .children {
    padding-left: 0;
    margin-left: 20px;
  }
  .comment-respond .required-notice {
    float: none;
    margin-bottom: 10px;
  }
  .post-pagination .prev,
  .post-pagination .next {
    text-align: center;
    padding: 20px;
  }
  /*== Post grid customization ===============*/
  .blogpost-grid.eq1 .ckav-postbox2 {
    margin-bottom: 30px;
  }
  .blogpost-grid.eq1 .ckav-postbox2 figure {
    min-height: 300px;
  }
  .blogpost-grid.eq1 .ckav-postbox3 {
    margin-bottom: 30px;
  }
  .blogpost-grid.eq1 .ckav-postbox3 figure {
    min-height: 300px;
  }
  /* Elementor widgets
    /******************************/
  .exp-list {
    border: none;
  }
  .exp-list .exp-item {
    border-bottom: none;
    margin-bottom: 30px;
  }
  .exp-list .year-info {
    max-width: inherit;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0;
    text-align: left;
  }
  .exp-list .exp-info {
    padding: 20px 0px;
    min-width: 100%;
  }
  .exp-list .exp-info .exp-title {
    display: block;
  }
  .exp-list .exp-info .exp-title .content-title,
  .exp-list .exp-info .exp-title p {
    display: block;
  }
  .exp-list .exp-info .exp-title .sep {
    display: none;
  }
  .exp-list .exp-info .exp-title .pop-label {
    position: relative;
    top: 0;
    margin-bottom: 10px;
  }
  .price-pack {
    padding: 30px;
    margin-bottom: 30px;
  }
  .testimonial-wrp .row {
    margin: 0 0 15px 0;
  }
  .testimonial-wrp .img {
    margin: 0 15px 0 0;
    width: 60px;
    height: 60px;
  }
  .testimonial-wrp .desc {
    padding: 20px 0;
    font-size: 16px;
  }
  .elementor-image-gallery .gallery-item {
    width: 50%;
  }
  /* Portfolio 
    /******************************/
  header.portfolio-single {
    padding: 0px;
  }
  .portfolio-info {
    padding: 30px 10px;
  }
  .filter-wrp .filter-btn {
    padding: 0;
    border: none;
    margin: 5px;
  }
  .filter-wrp .filter-btn::before {
    display: none;
  }
}
/*===========================================*/
/*	TABLET
/*===========================================*/
/*===========================================*/
/*	MOBILE
/*===========================================*/
@media (min-width: 200px) and (max-width: 320px) {
  .main-header .theme-logo {
    display: none;
  }
}