/*Responsive*/

@media (max-width: 1400px) {
  .single-post-video-banner .single-post-banner-video iframe {
    width: 100%;
  }
}

@media (max-width: 1260px) {
  .banner-home .banner-form form input[type="email"] {
    width: calc(80% - 20px);
  }
  .banner-home .banner-form form input[type="submit"] {
    width: 40% !important;
  }
  .single-post-banner .container {
    padding: 15px 30px;
  }

  /*All Posts*/
  .allposts-posts .allposts-left .posts-grid .grid-item {
    flex-direction: column;
  }
  .allposts-posts .allposts-left .posts-grid .grid-item .post-thumbnail img {
    max-width: 100%;
    width: 100%;
  }
  /*All Posts*/
}

@media (max-width: 1024px) {
  h1 {
    font-size: 50px;
    line-height: 65px;
    margin-bottom: 20px;
  }

  h2 {
    font-size: 34px;
    line-height: 56px;
    margin-bottom: 20px;
  }

  h3 {
    font-size: 32px;
    line-height: 48px;
    margin-bottom: 20px;
  }

  h4 {
    font-size: 27px;
    line-height: 38px;
  }

  h5 {
    font-size: 24px;
    line-height: 34px;
  }

  h6 {
    font-size: 20px;
    line-height: 34px;
  }

  .header-global .logo-morning img {
    max-width: 300px;
    height: auto;
  }

  .header-global .navigation-items > ul > li:first-child {
    margin-right: 10px;
    padding-right: 10px;
  }

  .header-global .navigation-items ul li a {
    font-size: 16px;
  }

  .banner {
    padding-left: 50px;
    padding-right: 50px;
  }

  .about-section {
    padding-left: 50px;
    padding-right: 50px;
  }

  .banner-home .banner-form form input[type="email"] {
    width: 80%;
  }

  .banner-home .banner-form form {
    width: calc(100% - 16px);
  }

  .newsletter-section .container .news-right {
    padding: 35px 30px;
  }

  .about-section .container {
    padding: 50px 30px;
  }

  .about-section .about-right img {
    width: 100%;
  }

  .about-section .about-left {
    padding-right: 0;
  }

  .stock-content-section {
    padding: 0px 50px;
  }

  .newsletter-section {
    padding-left: 50px;
    padding-right: 50px;
  }

  .newsletter-section .container .news-left img {
    width: 100%;
    height: 100%;
  }

  .newsletter-section .news-right form input[type="email"] {
    width: 90%;
  }

  .newsletter-section .news-right form {
    flex-direction: column;
  }

  .website-footer {
    padding: 80px 50px 30px;
  }

  /**/

  .banner-home {
    padding: 30px 30px 0px;
  }
  .banner-home .container {
    
    gap: 20px;
    align-items: center;
  }
  .banner-home .banner-graphic img {
    width: 200px;
  }
  .banner-content {
    padding-right: 0;
    width: 100%;
  }
  .banner-home .banner-content h1 {
    text-align: center;
  }
  .banner-home .container .banner-content p {
    width: 100%;
    text-align: center;
  }
  .banner-home .banner-bar {
    margin-top: 50px;
    margin-left: -50px;
    margin-right: -50px;
  }
  .posts-container {
    padding: 80px 50px 30px;
  }
  .posts-container .left-posts .post-grid p {
    width: 100%;
  }
  .posts-container .right-posts {
    padding-left: 0;
    width: 100%;
  }
  .posts-container .container {
    flex-direction: column-reverse;
  }
  .posts-container .left-posts {
    width: 100%;
    padding-right: 0;
    border-right: 0;
    margin-top: 50px;
  }
  .global-website-footer .footer-bottom .footer-left {
    width: 100%;
  }
  .global-website-footer .footer-bottom {
    flex-wrap: wrap;
  }
  .global-website-footer .footer-bottom .footer-column.column-wide h3 {
    text-align: center;
  }
  .global-website-footer .footer-bottom .footer-column p {
    text-align: center;
    margin: 0 !important;
  }
  .global-website-footer .footer-bottom .footer-right {
    width: 100%;
    padding-right: 0;
  }
  .global-website-footer .footer-copyright p {
    text-align: center;
  }

  /**/
	.single-post-banner-content .single-post-banner-categories {
		text-align: center;
	}

  .single-post-banner .container .single-post-banner-content h1 {
    font-size: 50px;
    line-height: 65px;
    margin-bottom: 20px;
		text-align: center;
  }
  .single-post-banner .container {
    flex-direction: column;
  }
  .single-post-banner .single-post-banner-video iframe {
    width: 100%;
  }

	.single-post-banner .meta-data {
		justify-content: center;
	}



	.single-post-banner .container .single-post-banner-img {
		min-height: auto;
		text-align: center;
	}

  .single-post-banner .single-post-banner-img img {
		margin: 0 auto;
    max-width: 100%!important;
    height: auto!important;
  }

	

  /*Archive Page*/

  .archive-posts .container {
    flex-direction: column;
  }

  .archive-posts .container .archive-left {
    padding-right: 0;
    border-right: 0;
  }

  .archive-posts .container .archive-right {
    padding-left: 0;
    max-width: 100%;
    margin-top: 80px;
		text-align: center;
		width: auto;
  }

	.archive-banner {
		padding: 20px 0;
		
		& .container {
			padding: 0 30px;
			
			h1 {
				text-align: center;
			}
		}

		body.author & {
			& .container {
				.banner-content {
					align-items: center;
				}
			}
		}
	}

  .archive-banner .container .banner-content {
		flex-direction: column;
    justify-content: center;
  }

  .archive-posts .archive-left .archive-pagination {
    font-size: 16px;
  }

  .archive-posts .archive-left .archive-pagination .page-numbers {
    padding: 9px 12px;
  }

  .archive-posts .archive-left .archive-pagination .next,
  .archive-posts .archive-left .archive-pagination .prev {
    padding: 9px 9px !important;
  }

  /*Archive*/

  /*All Posts*/
  .allposts-posts .container {
    flex-direction: column;
    padding: 80px 50px 50px;
  }
  .allposts-posts .container .allposts-left {
    padding-right: 0;
    border-right: 0;
  }
  .allposts-posts .container .allposts-right {
    padding-left: 0;
    max-width: 100%;
    margin-top: 80px;
		text-align: center;
		width: auto;
  }
  .allposts-posts .allposts-left .posts-grid .grid-item .post-thumbnail {
    width: 100%;
  }
  .allposts-posts .allposts-left .posts-grid .grid-item {
    flex-direction: column;
    align-items: baseline;
  }

  .allposts-posts .allposts-left .allposts-pagination {
    font-size: 16px;
  }

  .allposts-posts .allposts-left .allposts-pagination .page-numbers {
    padding: 9px 12px;
  }

  .allposts-posts .allposts-left .allposts-pagination .next,
  .allposts-posts .allposts-left .allposts-pagination .prev {
    padding: 9px 9px !important;
  }

  /*All Posts*/
}

@media (min-width: 767px) {
  .hide-desktop {
    display: none;
  }
}

@media (max-width: 767px) {
  h1 {
    font-size: 30px;
    line-height: 38px;
    margin-bottom: 15px;
  }
  h2 {
    font-size: 25px;
    line-height: 38px;
    margin-bottom: 15px;
  }
  h3 {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 15px;
  }
  h4 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 15px;
  }
  h5 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 15px;
  }
  h6 {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 15px;
  }
  p {
    
    
    line-height: 1.5;
  }
  form input {
    font-size: 16px !important;
  }
  .hide-mobile {
    display: none;
  }

  .header-menu .logo-morning {
    width: 330px;
  }
  .banner {
    padding: 50px 30px;
  }
  .banner p {
    font-size: 22px;
    line-height: 38px;
    font-weight: 400;
    margin: 0;
  }
  .about-section {
    padding: 40px 30px;
  }
  .about-section .container {
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    padding: 30px 30px;
    gap: 20px;
  }
  .about-section .about-left p {
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
  }
  .about-section .about-right {
    width: 100%;
  }
  .about-section .about-right img {
    width: 100%;
  }
  .stock-content-section {
    padding: 0px 30px;
  }
  .stock-content-section .container p {
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -0.3px;
  }
  .newsletter-section {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
  }
  .newsletter-section .container {
    flex-direction: column;
  }
  .newsletter-section .news-left img {
    width: 100% !important;
    height: auto !important;
    border-radius: 22px 22px 0px 0px;
  }
  .newsletter-section .news-right {
    padding: 30px;
    border: 1px solid var(--grey-200);
    border-radius: 0px 0px 22px 22px;
    width: calc(100% - 60px);
  }
  .newsletter-section .news-right ul li {
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -0.3px;
  }
  .newsletter-section .news-right form input[type="email"] {
    width: calc(100% - 28px);
    font-size: 16px;
  }
  .newsletter-section .news-right form input[type="submit"] {
    width: 100%;
    font-size: 16px;
  }
  .stock-content-section ul li {
    font-size: 16px;
    line-height: 25px;
  }
  .stock-content-section ul {
    margin-bottom: 15px;
  }
  .stock-content-section svg {
    margin-bottom: 10px;
    width: 250px;
    height: 23px;
  }
  .stock-content-section ul li svg {
    margin-bottom: 0;
    max-width: 20px;
  }
  .website-footer {
    padding: 50px 30px 30px;
    margin-top: 40px;
  }
  .website-footer .footer-top .footer-logo-content p {
    font-size: 16px;
    line-height: 25px;
  }
  .website-footer .footer-copyright p {
    font-weight: 600;
  }

  /**/
 
  .header-global .logo-morning {
    width: 75%;
  }
  .header-global .logo-morning svg {
    width: 100%;
  }
  .header-global .mobile-menu {
    right: 20px;
  }
  .banner-home {
    padding: 10px 30px 0px;
  }
  .banner-home .container {
    gap: 0;
  }

  .banner-home .banner-bar {
    margin-left: -30px;
    margin-right: -30px;
  }
  .banner-home .banner-bar a {
    font-size: 16px;
  }
  .banner-home .container .banner-content .banner-form form input[type="submit"] {
    width: 100% !important;
  }
  
  .banner-home .container .banner-content .banner-form form input[type="email"] {
    flex: none;
    width: 100%;
  }
  .posts-container {
    padding: 50px 30px 30px;
  }
  .posts-container .left-posts .meta-data {
    margin: 20px 0px 20px;
  }
  .posts-container .left-posts .post-grid .meta-data span,
  .posts-container .left-posts .post-grid .meta-data a {
    font-size: 14px;
  }
  .posts-container .right-posts .col-ver {
    flex-direction: column;
    gap: 10px;
  }
  .posts-container .right-posts .col-ver .post-img {
    width: 100%;
  }
  .posts-container .right-posts .col-ver .post-content {
    width: 100%;
  }
  .posts-container .right-posts .col-ver .meta-data span {
    font-size: 14px;
  }
  .posts-container .right-posts .pagination a {
    font-size: 16px;
  }
  .global-website-footer {
    padding: 64px 20px 30px;
  }
  .global-website-footer .footer-bottom .footer-right {
    flex-direction: column;
    row-gap: 30px;
  }
  .global-website-footer
    .footer-top
    .footer-logo-content
    .newsletter-form
    form {
    flex-direction: column;
    align-items: center;
  }
  .global-website-footer
    .footer-top
    .footer-logo-content
    .newsletter-form
    input[type="email"] {
    width: 94%;
    align-items: center;
  }
  .global-website-footer
    .footer-top
    .footer-logo-content
    .newsletter-form
    input[type="submit"] {
    width: 100%;
  }
  .global-website-footer .footer-bottom .footer-column h3 {
    text-align: center;
    font-size: 22px;
  }
  .global-website-footer .footer-bottom .footer-column ul li a {
    justify-content: center;
  }
  .global-website-footer .footer-copyright p {
    font-size: 14px !important;
  }

  /**/
  .single-post-banner .container  .single-post-banner-content h1 {
    font-size: 30px;
    line-height: 38px;
    margin-bottom: 15px;
  }
  .single-post-video-banner .container .single-post-banner-content h1 {
    text-align: left;
    font-size: 30px;
    line-height: 38px;
    margin-bottom: 15px;
  }
  .single-post-banner .single-post-banner-video {
    margin-bottom: 0;
    padding: 0;
  }
  .single-post-banner .single-post-banner-video iframe {
    width: 100%;
    min-width: 100%;
    height: auto;
    min-height: 300px;
  }
  .single-post-video-banner {
    margin-bottom: 0;
  }
  .single-post-banner .container {
    padding: 15px 30px;
    gap: 20px;
  }
 
  .single-post-content .social-share {
    flex-direction: column;
    margin-bottom: 30px;
  }
  .related-posts .related-div .rel-post {
    width: calc(100% - 30px);
  }
  .single-post-content .single-call-to-action {
    padding: 50px 30px;
    margin-left: -30px;
    margin-right: -30px;
    margin-bottom: 40px;
    margin-top: 40px;
  }
  .single-post-content .bottom-social-share {
    flex-direction: column;
    gap: 10px !important;
  }
  .single-post-content .bottom-social {
    justify-content: space-between;
    margin-top: 50px;
  }
  .newsletter-block {
    padding-top: 10px !important;
  }
  .single-post-content .social-share {
    gap: 10px;
  }
  .related-posts .container {
    padding: 0px 30px 50px;
  }
  .single-post-banner .meta-data {
    align-items: baseline;
    flex-direction: column;
  }
  .single-post-banner .author img {
    width: 28px;
  }
  .single-post-banner .date {
    gap: 20px;
  }
  .single-post-content .single-call-to-action {
    border-radius: 0;
  }
  .single-call-to-action {
    margin: 0 30px 50px;
    padding: 30px 20px;
  }

  /*Archive*/
  .archive-posts .container {
    padding: 50px 30px 20px;
  }
  .allposts-posts .allposts-left .posts-grid .grid-item {
    padding-bottom: 5px;
  }
  .allposts-banner .container .banner-content {
    justify-content: center;
  }
  .allposts-posts .container {
    padding: 50px 30px;
  }
  .allposts-posts .allposts-left .posts-grid .grid-item {
    gap: 10px;
  }
  .allposts-posts .allposts-left .posts-grid .grid-item {
    gap: 10px;
  }
  .allposts-posts .allposts-left .meta-data {
    font-size: 14px;
  }

  /*404*/
  .banner-error .container .error-grid {
    flex-direction: column;
    gap: 0;
    padding: 50px;
  }
  .banner-error .banner-graphic-error img {
    width: 60%;
  }
  /*404*/
}