@media (min-width: 981px) and (max-width: 1024px) {
.container {max-width: 960px;}
nav ul li {font-size: 14px;}
nav ul li > a {padding: 17px 14px;}
.header-btn {argin-left: 8px;}
.banner-text h1 {font-size: 38px; line-height: 50px;}
.banner-btns a {width: 210px; padding: 16px 30px;}
.feature-box h4 {font-size: 20px; line-height: 30px; margin-top: 25px;}
.feature-box {padding: 55px 25px;}
.sec-heading h2 {font-size: 30px; line-height: 50px;}
.feature-meta > a {padding: 0px 28px; margin-right: 18px;}
ul.social-media-icons li.twitter > a {left: -18%;}
.feature-item {padding: 60px 10px 22px 10px;}
.testi-item {padding: 85px 30px 35px 30px;}
.price-table a.theme-btn {padding: 18px 18px;}
.table-list {padding: 25px 30px 55px 30px;}
.news-meta li {float: none; margin-right: 0; margin-bottom: 5px;}
.news-list .news-meta li, .blog-content .news-meta li {float: left; margin-right: 20px;}
.insta-images li {width: 28%;}
blockquote p {font-size: 13px;}
.post-tags li {margin-bottom: 5px;}
.about-author {padding: 35px 30px;}
.coming-soon-logo {display: block; padding: 58px 0;}
.coming-soon-logo::before {display: none;}
.banner-name {display: block; padding-left: 0;}
#timer > div {padding: 0 40px;}
.news-content h4 {font-size: 16px; line-height: 30px;}
.coming-soon-page {padding: 15% 8%;}
}

@media (max-width: 980px) {
.container {max-width: 720px;}
nav ul li {font-size: 13px;}
nav ul li > a {padding: 17px 6px;}
.header-btn {padding: 10px 18px; font-size: 13px; margin-left: 8px;}
.banner-text h1 {font-size: 30px; line-height: 45px;}
.banner-btns a {width: 170px; padding: 16px 16px; margin-right: 5px;}
.banner-img > img {display: block; width: 100%;}
.sec-heading h2 {font-size: 30px;}
.feature-box {padding: 35px 10px;}
.feature-box h4 {font-size: 18px; line-height: 28px; margin-top: 18px; margin-bottom: 8px;}
.feature-box p {font-size: 12px;}
.social-media-integration {padding-right: 0;}
ul.social-media-icons li.skype > a {right: -14px;}
ul.social-media-icons li.drible > a {right: -23px;}
.sec-heading.style2 h2 {line-height: 50px;}
.feature-meta > a {padding: 0px 12px; margin-right: 10px;}
.sec-feature-content {margin-top: 0;}
.feature {width: 100%;}
.video-img > span {top: 8px;}
.feature-item {margin-bottom: 20px;}
.testi-item {padding: 85px 20px 35px 20px;}
.price-value h1 {font-size: 50px;}
.price-value h1 > span {font-size: 30px;}
.price-value .lower-text {margin-top: 30px; margin-left: -45px;}
.table-list {padding: 25px 15px 55px 15px;}
.table-list li {font-size: 13px;}
.table-body .theme-btn {padding: 18px 30px; width: 100%;}
.team-item {margin-bottom: 20px;}
.member-overlay {width: 94%;}
.team-item:hover .member-overlay {height: 94%;}
#top-page {right: 20px;}
.download-app-sec p {width: 70%;}
.news-content h4 {font-size: 15px; line-height: 26px;}
.news-meta li {float: none; margin-right: 0; margin-bottom: 5px;}
.news-list .news-meta li, .blog-content .news-meta li {float: left; margin-right: 20px;}
.sidebar {padding-left: 0;}
.popular-post-item h5 {font-size: 12px; line-height: 20px;}
.popular-post-item span {font-size: 12px;}
.category-widget ul li {font-size: 14px;}
.widget {margin-bottom: 40px;}
.insta-images li {width: 28%;}
blockquote p {font-size: 15px;}
.post-tags li {margin-bottom: 5px;}
.about-author {padding: 35px 50px;}
.coming-soon-logo {display: block; padding: 58px 0;}
.coming-soon-logo::before {display: none;}
.banner-name {display: block; padding-left: 0;}
#timer > div {padding: 0 20px;}
#timer > div {font-size: 70px;}
.coming-soon-page .lower-text p {font-size: 20px;}
#timer > div > span {font-size: 20px;}
#timer {margin-top: 50px;}
.comment-content {padding: 30px 40px;}
.comments-thread > ul > li > ul .comment-content {padding: 30px 18px 30px 40px;}
}

@media (max-width: 767px) {
.container { max-width: 600px;}
header {display: none;}
#responsive-header {display: block; z-index: 2; position: relative;}
.header-btn {padding: 13px 39px;}
.banner-bg {padding: 100px 0 155px 0;}
.banner-img {margin-top: 30px;}
.feature-box {margin-bottom: 20px;}
.social-media-integration {float: none; margin-top: 30px;}
ul.social-media-icons li {margin-bottom: 30px;}
ul.social-media-icons li > a {display: block; position: relative !important; top: 0 !important; left: 0 !important; bottom: 0 !important; right: 0 !important;}
ul.social-media-icons {float: left;}
.social-media-integration {float: left; margin-top: 30px;}
.feature-meta > a {padding: 0px 30px;}
.video-img > span {top: -2px;}
.price-table {margin-bottom: 50px;}
.table-list {padding: 25px 50px 55px 50px;}
.member-overlay {width: 100%; top: 0; left: 0;}
.team-item:hover .member-overlay {height: 100%;}
.news-item {margin-bottom: 25px;}
.download-app-sec p {width: 80%;}
.widget {margin-bottom: 30px;}
.upper-footer {padding-bottom: 50px;}
.testi-item {width: 100%;}
.slider-navigation {left: 1%;}
.popular-post-item h5 {font-size: 18px; line-height: 26px;}
.page-navigation {margin-bottom: 30px;}
.news-content h4 {font-size: 14px;}
.about-author {padding: 35px 20px;}
.author-content {width: 65%;}
.author-img {width: 34%;}
.comment-content {padding: 30px 38px;}
.banner-name h3 {font-size: 50px;}
#timer > div {font-size: 60px;}
.coming-soon-page .lower-text p {font-size: 18px; line-height: 40px;}
#comming-sub-form button {padding: 25px 35px;}
.feature-box {padding: 35px 25px;}
.feature-box p {font-size: 14px;}
.table-body .theme-btn {width: auto; padding: 18px 40px;}
}

@media (max-width: 480px) {
.container {max-width: 540px;}
.banner-btns a {margin-bottom: 5px;}
.sec-heading h2 {font-size: 26px;}
.feature-meta > a {margin-right: 10px;}
ul.social-media-icons li {float: left;}
.video-sec-content > span {font-size: 40px;}
.video-img span img {display: none;}
.video-sec-img {top: 151%;}
.sec-heading h2 {line-height: 45px;}
.slider-navigation {display: none;}
.news-list .news-content h4 {font-size: 22px; line-height: 38px;}
.page-item:first-child .page-link, .page-item:last-child .page-link {width: 80px;}
.pagination li {margin-right: 5px;}
.author-content {width: 100%; padding-right: 0; text-align: left;}
.author-img {width: 100%; margin-top: 20px;}
.comment-content {margin-left: 0;}
.comment > img {float: none;}
.blog-detail {margin-bottom: 30px;}
.banner-name h3 {font-size: 35px;}
.coming-soon-logo img {display: block; width: 100%;}
.coming-soon-page .lower-text p {font-size: 15px; padding: 0 10px;}
#comming-sub-form input {font-size: 15px; padding: 12px 25px;}
#comming-sub-form button {font-size: 14px; padding: 25px 15px;}
#timer > div > span {font-size: 20px;}
#timer > div {font-size: 50px; line-height: 60px;}
.coming-soon-page .lower-text p {line-height: 30px;}
.feature-meta > a {margin-bottom: 10px;}
}

@media (max-width: 360px) {
.table-body .theme-btn {padding: 18px 22px;}

}

@media (max-width: 320px) {
.page-item:first-child .page-link, .page-item:last-child .page-link {width: 65px;}
.banner-name h3 {font-size: 30px;}
#timer > div > span {font-size: 15px;}
.feature-meta > a {margin-bottom: 20px;}
.news-list .news-content h4 {font-size: 18px; line-height: 30px;}
.pagination li {font-size: 12px;}
.popular-post-item h5 {font-size: 16px; line-height: 24px;}
.links-widget > li, .latest-app-widget > li, .contact-widget > li, .copy-right p {font-size: 15px;}
.blog-content > h4 {font-size: 18px; line-height: 30px;}
blockquote {padding: 55px 15px;}
blockquote p {font-size: 13px; line-height: 30px;}
.comments-thread > ul > li > ul {padding: 0;}
.comments-thread > ul > li > ul .comment-content {padding: 30px;}
.comment-content {padding: 30px;}
.sec-heading h2 {font-size: 23px; line-height: 35px;}
}
@media (max-width: 360px){
 .logo h2{
    font-family: inherit;
    font-weight: 700;
    margin-left: -14px;
    font-size: revert;
 }

}

@media (max-width: 600px){
    .logo h2{
        font-family: inherit;
        font-weight: 700;
        margin-left: 10px;
    }
}

@media (max-width: 400px){
    .card img {
        margin: -16px -16px 0 -16px;
        height: 190px;
    }
}