/*   Theme Responsive Design*/@media (max-width:1024px) {}
/* ---- Start of max-width 992px CSS ---- */@media (max-width:992px) {.sm-padding {padding:15px;}
    .header-section.navbar-fixed-top {position:inherit;}
    .header-section .navbar-brand {height:80px;padding:0;display:flex;align-items:center;}
    .top-bar .social-links {display:none;}
    .header-section .navbar {padding:5px 0;}
    .menu-btn,.js #mainmenu {display:none;}
    .header-right .search-form input {width:260px;}
    .project-2 .project-item,.js .slicknav_menu {display:block;}
    .slide-wrap {width:100%;}
    .main-slide .slide-wrap:first-child {padding-right:0;margin-bottom:5px;}
    .about-content h2 {font-size:24px;line-height:36px;}
    .year-box {padding-left:0;}
    .error-content .error-info {padding-left:10px;}
    .counter-content {text-align:left;padding-left:70px;}
    .counter-wrap .col-lg-4:last-child {margin-top:50px;}
}
/* ---- End of max-width 992px CSS ---- *//* ---- Start of min-width 480px and max-width 768px CSS ---- */@media all and (min-width:480px) and (max-width:768px) {}
/* ---- End of min-width 480px and max-width 768px CSS ---- *//* ---- Start of max-width 767px CSS ---- */@media all and (max-width:767px) {body,p {font-size:12px;line-height:22px;}
    h1 {font-size:30px;}
    h2 {font-size:22px;}
    h3 {font-size:16px;}
    p br {display:none;}
    .padding {padding:60px 0;}
    .xs-padding {padding:15px;}
    .top-bar {height:auto;padding:10px 0;}
    .topbar-wrap {display:block;}
    .top-bar-content {display:none;}
    .mid-header .mid-header-inner {justify-content:center;}
    .mid-header .header-banner {display:none;}
    .hero-section {height:350px;}
    .hero-section .scroll-down {display:none;}
    .hero-section h1 {font-size:40px;line-height:1;margin:0 0 10px;}
    .page-header {height:250px;}
    .page-content h2 {font-size:30px;margin:0;}
    .about-content h2 {font-size:24px;line-height:36px;}
    .cta-content h2 {font-size:28px;line-height:1.2;}
    .error-content {display:block;}
    .error-content .error-info h2 {font-size:120px;line-height:120px;margin-bottom:30px;}
    .error-content .error-info a {display:block;}
    .contact-form .form-group .col-sm-6:first-child {margin-bottom:15px;}
    .contact-info h2 {line-height:28px;}
    .sidebar-wrap {padding-left:0;}
    .blog-single-content h2 a {font-size:22px;line-height:28px;}
    .blog-single-content h2 {line-height:28px;}
    blockquote p {line-height:32px;}
    .tech-post .list-post .post-card,.post-list-container .list-post,.post-list-container .big-post {width:100%;}
    .post-list-container .big-post {padding-right:0;padding-bottom:20px;}
    .post-list-container .big-post .post-card {min-height:320px;}
    .tech-post .list-post .post-card:nth-child(3) {margin-bottom:15px;}
    .tech-post .list-post .post-card:nth-child(2n + 1) {padding-right:0;}
    .tittle-heading:before {width:50%;}
    .tittle-heading:after {left:42%;}
}
/* ---- End of max-width 767px CSS ---- *//* ---- Start of max-width 580px CSS ---- */@media all and (max-width:580px) {.slide-wrap {height:auto;}
    .slide-wrap-inner {height:235px;}
    .mini-block {width:100%;}
    .slide-wrap .mini-block:nth-child(2n + 1) {padding-right:0;}
    .slide-content h3 {font-size:18px;line-height:25px;}
    .subscribe-form {width:100%;}
    .counter-wrap .col-lg-4:first-child {margin-bottom:50px;}
    .video-post .big-post {padding-bottom:0;}
    .video-post .list-post .no-padding:not(:last-of-type) {padding-right:0;padding-bottom:25px;}
}
/* ---- End of max-width 580px CSS ---- *//* ---- Start of max-width 420px CSS ---- */@media all and (max-width:420px) {}
/* ---- End of max-width 420px CSS ---- *//* ---- Start of max-width 380px CSS ---- */@media all and (max-width:380px) {}
/* ---- End of max-width 380px CSS ---- */