/* responsive */

h3.mb-30.share-padding{
  padding-left:0px !important;
 }
 .content-box4.footer-gallery.footer.pt-10{
       padding-top:10px !important;
 }
 .share-blog-post .share-left span{
  margin-right:15px;
  margin-left:0px;
 }
 
 @media (min-width: 337px) and (max-width: 3000px){
 .subscribe-now.card {
     width: 100% !important;
 }
 .subscribe-now-bottom p{
  text-align:center;
 }
 }
 @media screen and (max-width: 1730px) {
   .home .ft-posts .post-author {
     row-gap: 5px !important;
     padding: 12px 0px;
     align-items: self-start !important;
   }
   .testimonials-cards.container.owl-carousel.owl-theme.arrow.owl-loaded.owl-drag .owl-nav [class*=owl-]{
     display:block !important;
  }
  .testimonials-cards.container.owl-carousel.owl-theme.circle.owl-loaded.owl-drag .owl-dots{
      display: inherit !important;
  }
  .testimonials-cards.container.owl-carousel.owl-theme.circle.owl-loaded.owl-drag .owl-dots .owl-dot{
      display: initial !important;
  }
  .paragraph-404{
     width:30% !important;;
     margin:0 auto;
    }
   .paragraph-search{
     width:33% !important;;
     margin:0 auto; 
   }
 }
 
 @media screen and (min-width: 1201px) and (max-width:1400px){ 
     div#side-bar .card-inner{
         padding:0px 20px 20px 20px !important;
     }
 }
 
 @media screen and (min-width: 1401px) and (max-width:1600px){ 
     .standard-video .play-img {
      position: absolute;
      top: 20%;
      left: 40%;
     }
 }
 
 @media screen and (max-width: 1400px) {
   html {
     font-size: 95%;
   }
   #blog .card:not(:last-child):after{                   
     left:20px !important;
   }
   .cat-btn{
     margin: 10px 0px 0px 20px !important;
 }
   .home .ft-posts .post-cards,
    .suggested-post .post-cards {
     display: unset;
     grid-template-columns: 64% 32%;
     gap: 2%;
     row-gap: 100px;
 }
   .home .ft-posts .left-area,
   .suggested-post .left-area {
      grid-template-columns: repeat(4, 1fr);
   }
   .container {
     min-width: 90%;
   }
   .footer-gallery .popup-gallery {
     grid-template-columns: repeat(6, 1fr) !important;
   }
   .home .ft-posts .post-author {
     align-items: unset;
     flex-direction: row;
   }
   .gallery_content p {
     overflow: hidden;
     text-overflow: ellipsis;
   }
 
   .home .card-inner {
     padding-left: 20px;
   }
   .home .ft-posts .profile-card img {
     max-width: 80%;
   }
   .instagram-gallery img {
     max-width: 28%;
   }
 
   .popular-post .post-author {
     flex-direction: column;
   }
 
   .home-2 .grid-cards .side-bar {
     display: grid;
     gap: 30px;
     grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
     flex: 1 1 350px;
   }
 
   .home-blog .large-card .card-inner {
     padding: 20px 10% 75px;
   }
   .home-blog .large-card .card-inner {
     padding: 20px 10% 75px;
   }
   
   .footer-content {
     justify-content: space-between;
     gap: 1%;
     row-gap: 4rem;
   }
   
   .footer-content .post-heading span {
     margin: 0 auto 0 0;
   }
   .home-footer .content-box1 {
     flex: 0 1 331px;
   }
   .home-footer .content-box2 {
     flex: 0 0 49%;
   }
   .home-footer .content-box3 {
     flex: 0 0 49%;
   }
   .home-footer .content-box4 {
     flex: 0 0 49%;
   }
   .home-footer .content-box5 {
     flex: 0 1 49%;
   }
   .footer-gallery-img img {
     width: 15%;
   }
   .content-box4.footer-gallery.footer.pt-10{
       padding-top:10px !important;
   }
   .paragraph-404{
     width:35% !important;;
     margin:0 auto;
    }
    .paragraph-search{
     width:33% !important;;
     margin:0 auto; 
   }
   .half-container{
     width: 50%;
   }
 }
 @media screen and (max-width: 1300px) {
   button.owl-prev{
       margin-left:20px !important;
   }
   button.owl-next{
      margin-right:20px !important;  
   }
   .owl-theme .owl-nav button{
      height:40px !important;
      width:40px !important;
   }
   .paragraph-search{
     width:37% !important;;
     margin:0 auto; 
   }
 }
 @media screen and (max-width: 1200px) {
  
    .half-container{
     width: 70%;
    }
     
   .home .ft-posts .left-area,
   .suggested-post .left-area {
     grid-template-columns: repeat(3, 1fr) !important;
   }
   .gallery-cards{
       grid-template-columns: 50% 50%;
       column-gap:10px !important;
       row-gap:10px !important;
   }
   .home .ft-posts .post-author {
     flex-direction: unset !important;
     row-gap: 5px !important;
     padding: 12px 0px;
     align-items: self-start !important;
   }
   
   .home .hero-slider .img-overlay.io-1 {
     width: 387px;
   }
     button.owl-prev{
       margin-left:10px !important;
   }
   button.owl-next{
      margin-right:10px !important;  
   }
   html {
     font-size: 100%;
   }
   .home .ft-posts .post-cards .post-author {
     flex-direction: unset;
   }
   
   .instagram-gallery img {
     max-width: 25%;   
   }
   .popular-post .post-column {
     flex-direction: unset;
   }
   .popular-post .post-author {
     flex-direction: row !important;
   }
   .editor-choice .post-cards {
     grid-template-columns: 2fr 1fr;
   }
   .editor-right-area {
     grid-template-columns: 1fr;
   }
 
   .home-blog .large-card .card-inner {
     padding: 20px 5% 75px 5%;
   }
   .home-blog .grid-cards {
     display: unset;
   }
   .home-2 .grid-cards .side-bar,
   .home-blog .grid-cards .side-bar {
     display: grid !important;
     gap: 30px;
     grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
     flex: 1 1 260px;
   }
 
   .home-demo .post-cards {
     grid-column: 1 / 9;
   }
   .home-demo .side-bar {
     grid-column: 9 / 16;
   }
 
   .home-footer .content-box5 {
     flex: 0 1 100%;
   }
   .home-blog .side-bar {
     display: unset;
     margin-top: 100px;
   }
   .contact-body {
     grid-template-columns: 1fr !important;
   }
   .contact-us {
     grid-template-columns: 1fr 1fr 1fr;
   }
   .contact-us .container {
     grid-template-columns: 1fr;
     row-gap: 30px;
   }
   .subscribe-now.card{
     width:250px;
   }
   #gallery-1 img{
     width:100%;
  }
  .paragraph-404{
     width:40% !important;;
     margin:0 auto;
  }
   .paragraph-search{
     width:40% !important;;
     margin:0 auto; 
  }
 }
 @media screen and (max-width: 1025px) {
     .footer-content{
      flex-direction:unset;
      padding:0 64px;
   }
 }
 
 @media screen and (max-width: 1150px){
    nav.hero-nav ul{
        gap:5%;
        
    }
 }
 
 @media screen and (max-width: 992px) {
   .gallery-cards {
     display: grid;
     grid-template-columns: 1fr;
 }
 span.danger-text {
     font-size: 14px !important;
 }
 
  .gallery-cards{
       grid-template-columns: 50% 50%;
        column-gap:10px !important;
       row-gap:10px !important;
   }
   .home .ft-posts .left-area,
   .suggested-post .left-area {
      grid-template-columns: repeat(2, 1fr)  !important;
   }
   .container {
     width: 90%;
   }
   .home .ft-posts .right-area{
     columns: 2;
     margin-top: 100px;
     column-gap: 30px;
     padding-bottom: 100px;
   }
   .suggested-post .popular-post.card {
     max-width: 50%;
     
 }
   #menu-bars {
     display: contents;
   }
   #menu-bars.fas.fa-bars.fa-times{
         display:block;
   }
   .subscribe-overlay .closebtn {
     display: none;
   }
   .hero-nav {
     background: var(--white);
     position: fixed;
     width: 60% !important;
     height: 100%;
     top: 0;
     right: 0;
     display: unset !important;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     transform: translateX(110%);
     transition: all 0.5s linear;
     z-index: 100;
   }
   .hero-nav.active {
     transform: unset !important;
   }
   nav.hero-nav ul {
     flex-direction: column;
     justify-content: center;
     margin:0 10px;
   }
   .hero-nav ul {
     flex-direction: column;
     width: 97%;
   }
   .hero-nav ul li {
     margin: 0;
     padding: 1.5rem 3.5rem;
     width: 85%;
     transition: all 0.3s linear;
     border-bottom: 1px solid #67676763;
   }
   .hero-nav ul li:hover::after {
     display: none;
   }
 
   .hero-nav li a {
     margin: 0;
     color: var(--secondary);
     font-size: 2rem;
   }
   .hero-nav .subscribe-btn {
     margin-left: unset;
   }
 
   .navbar-right {
     align-items: center;
     flex-direction: column;
     gap: 20px;
     margin-top: 30px;
   }
   .navbar-right .white-btn.search-btn {
     font-size: 2rem;
   }
   .hero-nav .subscribe-btn {
     font-size: 1.3em !important;
   }
 
   .home .ft-posts .post-author {
     flex-direction: row;
   }
   .home .slider .post-author {
     flex-direction: row;
   }
  
   .home .ft-posts .post-cards,
   .suggested-post .post-cards {
     display: unset;
   }
   .home .post-cards .middle-area {
     columns: 2;
   }
   .home .post-cards .side-bar {
     display: unset;
     columns: 2;
   }
 
   .home .post-cards .middle-area .card,
   .home .post-cards .middle-area .audio {
     break-inside: avoid;
     margin-bottom: 30px;
   }
 
   .home .hl-post .post-author {
     flex-direction: row;
   }
   .editor-choice .post-cards {
     grid-template-columns: 1fr;
    
   }
   .mini-card .post-author {
     flex-direction: unset;
   }
   .editor-right-area {
     grid-template-columns: 1fr 1fr;
   }
   .home .hero-slider .img-overlay.io-1 {
     width: 350px;
     background-position: center;
     min-height: 500px;
   }
   .home .hero-slider .img-overlay {
     min-height: 500px !important;
   }
   .owl-theme .owl-nav .owl-prev {
     display: none;
   }
   .owl-theme .owl-nav .owl-next {
     display: none;
   }
   html {
     font-size: 80%;
   }
 
   .home-blog .post-author {
     flex-direction: unset;
   }
   .home-demo .grid-cards {
     display: unset;
   }
   .home-demo .grid-cards .side-bar {
     display: unset;
     display: grid !important;
     grid-template-columns: 48% 48%;
     gap: 30px;
   }
 
   .profile-img img {
     max-width: 70%;
     height: auto;
   }
   .home-demo .instagram-gallery img {
     width: 30%;
   }
 
   .home4-posts .post-author {
     display: grid;
     grid-template-columns: 1fr 1fr;
     row-gap: 1rem !important;
   }
   .home-footer .content-box5 {
     flex: 0 1 60%;
   }
   .footer-gallery-img img {
     width: 30%;
   }
   .quick-access.container .post-cards {
     grid-template-columns: 1fr 1fr !important;
   }
   .subscribe-now.card{
     width:300px;
   }
   #gallery-1 img{
     width:100%;
 }
 .paragraph-404{
     width:50% !important;;
     margin:0 auto;
    }
  .paragraph-search{
     width:60% !important;;
     margin:0 auto; 
  }
  .navbar-right.navbar-right-mobile{
      margin-top : 120px;  
    }
    nav.hero-nav {
     align-items: center;
     overflow: scroll;
    }
    a#escape-menu {
     width: fit-content;
     margin: 0 0 0 auto;
     padding-right:5px;
     position:sticky;
     top:0;
    }
 }
 
 @media screen and (max-width: 800px) {
 span.danger-text {
     font-size: 14px !important;
 }
 #gallery-1 img{
     width:100%;
 }
 .paragraph-404{
     width:60% !important;;
     margin:0 auto;
  }
  .paragraph-search{
     width:70% !important;;
     margin:0 auto; 
  }
  .navbar-right.navbar-right-mobile{
      margin-top : 120px;  
    }
 }
 
 @media screen and (max-width: 768px) {
   .half-container{
      width: 90%;
   }
   .gallery-cards {
     display: grid;
     grid-template-columns: 1fr 1fr;
   }
   .gallery-cards{
       grid-template-columns: 50% 50%;
       column-gap:10px !important;
       row-gap:10px !important;
   }
   .home .ft-posts .left-area,
   .suggested-post .left-area {
    grid-template-columns: repeat(2 , 1fr) !important;
   }
   html {
     font-size: 100%;
   }
   .card-img-top {
     
     height: 100%;
 }
 .home-blog .large-card .card-inner {
   padding: 20px 5% 30px 5%;
 }
   .home .ft-posts .post-author {
     row-gap: 5px !important;
     padding: 12px 0px;
   }
   .footer-gallery .popup-gallery {
     grid-template-columns: repeat(3, 1fr) !important;
   }
 
   .gallery-cards {
     flex-wrap: wrap;
   }
   .gallery-header {
     flex-direction: column !important;
     row-gap: 15px;
   }
   
   .home-2 .instagram-gallery img {
     width: 30%;
   }
 
   .home .post-author {
     flex-direction: unset;
   }
   .home .hl-post .post-author {
     flex-direction: unset;
   }
   .home-demo .social-icons span,
   .home-demo .single-category-items li {
     font-size: 100%;
   }
   .home-demo.home-3 .full-width-slider .img-overlay {
     height: 50%;
   }
   .img-overlay {
     min-height: 400px !important;
   }
   .home-blog .post-author {
     gap: 1rem;
     display: grid;
     grid-template-columns: 1fr 1fr;
   }
   .post-author.author-name {
 display: unset;
   }
   .home-blog .share-blog-post {
     flex-flow: column;
     row-gap: 20px;
   }
   .contact-us {
     grid-template-columns: 1fr;
     row-gap: 30px;
   }
   
    h3.mb-30.share-padding{
     padding-left:0px !important;
   }
   
   .paragraph-404{
     width:80% !important;;
     margin:0 auto;
    }
    .paragraph-search{
     width:70% !important;;
     margin:0 auto; 
    }
    .paragraph-search{
     width:70% !important;;
     margin:0 auto; 
    }
    .navbar-right.navbar-right-mobile{
      margin-top : 120px;  
    }
    .footer-content {
     flex-direction: unset;
     padding: 0 10px;
   }
 
 }
 @media screen and (max-width: 539px) {
   .half-container{
     width: 90%;
   }
   .container {
     width: 90%;
   }
   html {
     font-size: 70%;
   }
   p.comment-form-cookies-consent {
    	font-size: 14px;
   }
   .comment-form .comment-btn {
     font-size: 14px;
   }
   .home .ft-posts .right-area{
     columns: 1;
   }
   .home .ft-posts .post-author {
     flex-direction: unset !important;
     
   }
   .home .ft-posts .left-area,
   .suggested-post .left-area{
     grid-template-columns:  1fr !important ;
   }
   .block-1 {
     flex-direction: column;
   }
   .block-3 {
     columns: unset !important;
   }
   .right-area {
     flex-wrap: wrap;
   }
   .navbar-brand img {
     max-width: 50%;
   }
 
   .card-inner {
     padding: 15px;
   }
 
   .hero-slider .img-overlay.io-1,
   .hero-slider .img-overlay.io-2,
   .hero-slider .img-overlay.io-3 {
     min-height: 350px !important;
   }
 
   .home .post-author {
     display: flex;
 
     align-items: unset;
   }
 
   .social-profile span {
     font-size: 14px;
   }
   .gallery_cards {
     flex-direction: column;
     row-gap: 15px;
   }
 
   .editor-choice .post-cards,
   .editor-left-top,
   .editor-left-area,
   .editor-right-block1,
   .editor-right-block2 {
     display: unset !important;
   }
   .editor-right-area{
     grid-template-columns: 1fr !important;
   }
   
   .editor-choice .mini-card {
     margin-bottom: 30px !important;
   }
   .subscription.card {
     margin-bottom: 30px;
   }
   .home .post-excerpt {
     min-height: unset !important;
   }
 
   /* home-2  */
 
   .home-2 .grid-cards .post-cards {
     grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
     padding-bottom: 0px !important;
   }
   .container.home2-posts {
     padding-top: 30px;
   }
   .home-2 .grid-cards .side-bar {
     grid-template-columns: 1fr;
   }
 
   /* home-demo  */
   .large-card .post-author {
     display: grid;
   }
   .tags .tags-btn .primary-btn {
     justify-content: unset;
   }
   .home-demo .grid-cards .side-bar {
     grid-template-columns: 1fr;
   }
   .home-demo .full-width-slider .img-overlay {
     height: unset;
   }
   .home-demo .instagram-gallery img {
     width: 30%;
   }
   .home-demo.home-3 .author-quote .card-inner {
     flex-flow: column;
     text-align: center;
   }
 
   .home-blog .grid-cards .side-bar {
     grid-template-columns: 1fr;
   }
   .home-blog .share-blog-post .share-left {
     gap: 1rem;
     flex-flow: column;
   }
   .home-blog .share-blog-post .share-right {
     width: unset;
     padding: 15px 11px;
     gap: 5px;
   }
   .home-blog .post-excerpt {
     margin-top: 20px !important;
   }
   .home-blog .blog-qoute-content {
     padding: 10px;
   }
   .home-blog .our-secvice-offer {
     padding: 8%;
   }
 
   .share-blog-post .share-left span {
     margin-left: unset;
   }
 
   .blogger-details {
     padding: 10px;
     flex-direction: column;
     align-items: center;
   }
   .blogger-info {
     text-align: center;
   }
   .blog-tab-section {
     flex-direction: column;
   }
   .tab button {
     padding: 5px 5px;
 
     font-size: 14px;
   }
 
   .blog-comment .authors {
     padding: unset;
     row-gap: 2em;
   }
   .comment-grid {
     grid-template-columns: 1fr;
     row-gap: 30px;
   }
   .gallery-cards {
     grid-template-columns: 1fr;
     row-gap: 30px;
   }
   .gallery_content p {
     max-height: 85px;
     font-size: 12px;
   }
 
   /* home-blog end  */
   
   .footer-content {
      line-height: 40px;
   }
 
   .home-footer .footer-top {
     padding-bottom: unset;
   }
 
   .home-footer .content-box1 .content-heading {
     text-align: left;
   }
   .home-footer .content-box1 {
     flex: 0 0 100%;
   }
   .home-footer .content-box2 {
     flex: 0 0 100%;
   }
   .home-footer .content-box3 {
     flex: 0 0 100%;
   }
   .home-footer .content-box4 {
     flex: 0 0 100%;
   }
   .home-footer .content-box5 {
     flex: 0 0 100%;
   }
   
 
   .owl-theme .owl-nav .owl-prev {
     display: none;
   }
   .owl-theme .owl-nav .owl-next {
     display: none;
   }
   .quick-access.container .post-cards {
     grid-template-columns: 1fr !important;
   }
   .suggested-post .popular-post.card {
     max-width: 100%;
 }
    h3.mb-30.share-padding{
     padding-left:0px !important;
   }
   .danger-text{
       font-size:14px !important;
   }
   p.pt-15{
       font-size:14px !important;
   }
   .heading-two-typography.heading-404{
     font-size:120px !important;
   }
   .paragraph-404{
     width:95% !important;
     margin:0 auto;
    }
    .primary-btn.subscribe-btn.btn-404{
      font-size:14px !important;  
    }
    .paragraph-search{
     width:95% !important;;
     margin:0 auto; 
    }
    .navbar-right.navbar-right-mobile{
      margin-top : 120px;  
    }
    
     .card-inner li, .card-inner pre, .card-inner th, .card-inner td, .card-inner dd, .card-inner dt, .card-inner legend,
     #single-page .post-contents input, .post-contents p select,  #single-page p, p span{
        font-size:16px !important;
    }
    .gallery-card{
        margin-bottom:20px;
    }
    .gallery-header {
     align-items: left !important;
    }
    #menu-bars{
        font-size:32px;
    }
    a#logo{
        font-size:18px;
    }
    h4.post-title a {
     font-size:16px;
    }
    
    .footer-bottom p.paragraph-style{
     font-size:14px;
    }
    .post-heading.content-heading span {
     font-size: 20px !important;
    }
    .logged-in-as {
     padding-bottom: 20px;
     font-size:14px;
   }
   a#closebtn{
       font-size:32px;
   }
   .post-author, .post-footer, #gallery-content a{
       font-size:14px;
   }
   p{
       font-size:1.4em !important;
   }
   span, div.menu ul li a, .popup-gallery h2, .popup-gallery {
       font-size:14px !important;
   }
   #single-page p{
       text-align:left;
   }
   #single-page .post-contents{
       text-align:left !important;
   }
   input[type="file" i]{
       max-width: 237px;
   }
   span, span a, span a:hover{
       font-size:14px !important;
   }
   h3 span{
       font-size:1.953rem !important;
   }
   .tags-btn a{
       font-size:14px;
   }
   h6, h6 a{
       font-size:1.3rem !important;
   }
 }