@media screen and (min-width: 1400px) {
  .container {max-width: 90.8%;}
}

@media screen and (max-width: 1399px) {
  .banner-image { max-width: 100%; padding-left: 2rem; bottom: -5.5rem;}
  .banner-title { font-size: 9rem; line-height: 9rem;}
  .logo-area figure {  width: 50%; }
}

@media screen and (max-width: 1199px) {
  .banner-image-wrap { height: 100%; padding-top: 10rem;}
  .banner-image { position: static; padding-left: 0; margin: 0 auto -5rem;}
  .banner-area {height: 100%;}
  .banner-area-inner { position: static;transform: none;}
  .banner-content-block { padding-top: 15rem; text-align: center;}
  .banner-badge { margin: 0 auto 1.5rem;}
  .banner-short-content {margin: 0 auto 4rem; text-align: left;}

  .banner-content-block > *,
  .banner-button-wrap {
    opacity: 1;
    transform: none;
  }
  .banner-image-wrap{ 
    opacity: 1;
    transform: none;
  }

  .hogo-banner-area .banner-image-wrap{padding-top: 15rem;}
  .hogo-banner-area .banner-image{margin: 0 auto;}
  .hogo-banner-area .banner-content-block {padding-left: 0;}
  .app_buttons{justify-content: center;}
  .app_button_com { width: 45%;}

  .hogo-banner-area .banner-content-block > *,
  .hogo-banner-area .app_button_com {
    opacity: 1;
    transform: none;
  }

  .hogo-banner-area .banner-image-wrap {
    opacity: 1;
    transform: none;
  }
  .hogo-banner-area .app_buttons {
    transform: none;
  }

  .hogo-side-logo { right: -26rem;}
  .how-image-item { width: 60%;}


}

@media only screen and (min-width: 992px) and (max-width: 1080px){
  .product-details-image { max-width: 100rem;}
  .product-details-content-wrap { max-width: 95rem;}
}

@media screen and (max-width: 991px) {
  html {font-size: 62.5%;}

  .com_heading_sec .com_heading {font-size: 5rem;line-height: 6rem;margin-bottom: 2rem;}
  .com_heading_sec .com_sub_hed { font-size: 2.5rem; line-height: 3rem; margin-bottom: 1.5rem;}

  #menu-toggle, .mobile_menu_sec { display: block;}
  header nav{display: none;} 
  
  .banner-badge {font-size: 2.5rem; line-height: 3rem;}
  .banner-title { font-size: 7rem; line-height: 7rem;}
  .banner-image { max-width: 60%;}

  .home-about-area, .home-product-area {padding: 7rem 0;}

  .home-product-area .row .col-12:not(:last-of-type), .home-contact-area .row .col-12:not(:last-of-type){margin-bottom: 4rem;}
  .home-product-content {position: static; opacity: 1; visibility: visible; min-height: fit-content; padding: 3rem; background: var(--black-100);}

  .home-contact-area { padding: 5rem 0; background-size: cover;}
  .home-contact-inner { margin-left: 0;}
  .home-contact-area .com_heading_sec {max-width: 100%; text-align: center;}
  .home-contact-area .com_heading_sec .com_heading { line-height: 5rem;}
  .mail-contact , ul.footer-navigation-wrapper , .footer_top_right{justify-content: center;}
  .contact_sec_loop {margin-right: 0;}
  .contact_head {text-align: center;}
  .footer_top_nav, .footer_top_logo, .footer_top_right { width: 100%;}
  .footer_top .footer_top_inner {gap: 3rem 5rem;}
  .footer_top_right { flex-direction: column-reverse;}

  .all_page_wrp {padding: 8rem 0rem;}
  .common_content {text-align: center;}
  .common_content ul, .common_content ol { margin: 0 15% 2rem;}

  .common_content h2,.common_content h3,.common_content h4,.common_content h5,.common_content h6{font-size: 5rem;line-height: 5.5rem;}
  .common_content h3{font-size: 4.5rem;line-height: 5rem;}
  .common_content h4{font-size: 4rem;line-height: 4.5rem;}
  .common_content h5{font-size: 3.5rem;line-height: 4rem;}
  .common_content h6{font-size: 3rem;line-height: 3.5rem;}

  .common_content p{font-size: 2rem; line-height: 3rem; margin-bottom: 2rem;}

  .common_content ul li , .common_content ol li{font-size: 2rem;line-height:3rem;}
  .common_content ul li { padding-left: 2.5rem;}

  .common_content ul li::after, .com_content ul li:after { font-size: 1.6rem;}

  .tc-pp-page .common_content h2, .tc-pp-page .common_content h3, .tc-pp-page .common_content h4, .tc-pp-page .common_content h5, .tc-pp-page .common_content h6{
  font-size: 3.5rem; line-height: 4rem;}
  .tc-pp-page .common_content h3{font-size: 3rem;line-height: 3.5rem;}
  .tc-pp-page .common_content h4{font-size: 2.5rem;line-height: 3rem;}
  .tc-pp-page .common_content h5{font-size: 2rem;line-height: 2.5rem;}
  .tc-pp-page .common_content h6{font-size: 1.5rem;line-height: 2rem;}

  .loop-content-wrap, .loop-image , .loops-area .row:nth-of-type(even) .loop-content-wrap, .loops-area .row:nth-of-type(even) .loop-image{ margin: 0;}
  .loop-image { margin-top: 2rem !important;}
  .loops-area .row:not(:last-of-type) { margin-bottom: 8rem;}

  .semibanner-text { font-size: 5rem; line-height: 6rem;}

  .product-top-content .com_heading_sec { margin-bottom: 8rem;} 
  .product-top-content .com_heading_sec h2 {font-size: 5rem; line-height: 5.5rem; margin-bottom: 2rem;}

  .product-loop-image-wrap, .loops-area .row:nth-of-type(even) .product-loop-image-wrap{margin: 0; }
  .product-loop-content-wrap , .loops-area .row:nth-of-type(even) .loop-content-wrap{text-align: center;}
  .product-loop-content-wrap, .loops-area .row:nth-of-type(even) .product-loop-content-wrap {text-align: center;  margin-top: 4rem;}
  .product-loop-content-wrap .button-wrap { margin-top: 4rem;}

  .semibanner-content-image{width: 16rem;}

  .product-top-content .com_heading_sec p{font-size: 2rem; line-height: 3rem;}

  .product-details-wrap { flex-direction: column;}
  .product-details-content-wrap { width: 100%; max-width: 100%; position: static; margin-left: 0; padding: 5rem; border: 0.1rem solid var(--black-100);}
  .product-details-content-wrap .product-name{font-size: 5rem; line-height: 5.5rem; margin-bottom: 2rem; text-align: center;}
  .product-details-content-wrap .common_content ul, .product-details-content-wrap .common_content ol { margin: 0 0 2rem; }
  .product-details-content-wrap .button-wrap { text-align: center;}
  .related-product-item {width: 100%;}
  .related-next, .related-prev{display: flex; top: 42% !important;}
  .related-product-item-wrap{ align-items: inherit; justify-content: inherit; flex-wrap: nowrap; gap: 0;}
  .product-info {font-size: 1.8rem;}


  .contact-box { flex-direction: column;}
  .form-area .form-con-wrap{gap: 0;}
  .contact-wrap ,.map-area { width: 80%;}
  .map-area{margin-bottom: 6rem;}
  .contact-wrap-inner { max-width: 100%; margin: 0;}
  .contact-wrap .com_heading_sec { max-width: 100%; text-align: center;}

  .contact-wrap .com_heading_sec .com_heading {font-size: 5rem; line-height: 5.5rem; margin-bottom: 2rem;}
  .contact-wrap .com_heading_sec .com_heading_content p{font-size: 2rem; line-height: 3rem;}
  .contact-wrap .location-info, .contact-wrap .mail-contact a{font-size: 2rem; line-height: 3rem;}
  .form-area {padding-bottom: 0;}
  .form-area .form_sec { margin-bottom: 2.5rem;}

  .hogo-banner-area .banner-image-wrap , .how-it-works { padding-top: 10rem;}


  .how-work-area { padding: 5rem;}
  .how-work-head { margin-bottom: 5rem;}
  .how-it-work-content { flex-wrap: wrap;}
  .how-work-area .left-area, .how-work-area .right-area {  width: 100%;}
  .how-image-area {padding: 0;}
  .hogo-side-logo { right: -17rem; top: 70%; opacity: 0.1;}
  .how-work-area .right-area { padding-left: 2rem;}

  .benifits-area , .app-download-area { padding-top: 8rem;}
  .benifits-heading { margin-bottom: 5rem; padding: 0; align-items: center; justify-content: center; flex-wrap: wrap; gap: 2rem;}
  .benifits-heading .left-text , .right-text p {text-align: center;}
  .benifits-area::after { top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50rem; height: 50rem;}

  .app-download-area { padding-bottom: 5rem;}
  .overlay-bg { padding: 5rem;padding-bottom: 0;}
  .app-download-inner .com_heading_sec {  text-align: center;}
  .app-download-inner { margin-left: 0; margin-bottom: 5rem;}
  .app-download-inner .com_heading_sec .com_heading {  line-height: 6rem;}

  .tc-pp-page .common_content h2::after, .tc-pp-page .common_content h3::after, .tc-pp-page .common_content h4::after, .tc-pp-page .common_content h5::after, .tc-pp-page .common_content h6::after { left: 50%; transform: translateX(-50%);}








}

@media screen and (max-width: 767px) {
.site-header .custom-logo-link , .footer-logo .custom-logo-link{width: 10rem;}
.site-header .site-logo.hogo-logo .custom-logo-link { width: 10rem;}
.site-header .site-logo.hogo-plus .custom-logo-link { width: 20rem;}

.button_com , .product-btn, .contact_sec_loop input[type='submit'], .form-area input[type='submit'] {padding: 1rem 2.4rem;font-size: 1.8rem;line-height: 2.6rem;}
.com_heading_sec .com_heading { font-size: 4rem; line-height: 5rem;}
.com_heading_sec .com_heading_content p, .short-content, .home-contact-area .com_heading_sec .com_heading_content p  {font-size: 1.8rem;line-height: 2.4rem;margin-bottom: 2rem;}
.home-contact-area .com_heading_sec .com_heading_content p{margin-bottom: 0;}

.semibanner-area { margin-top: 7.2rem;}
body.page-hogo .semibanner-area, body.single-product .semibanner-area { margin-top: 7.3rem;}

.banner-badge {font-size: 2rem; line-height: 2.6rem;}
.banner-title { font-size: 5rem; line-height: 5rem;}
.banner-image { max-width: 80%;}
.logo-area { padding: 3rem; height: 15rem;}
.contact_sec_loop{padding: 3rem;}
.contact_hed_text {font-size: 4rem;line-height: 5rem; margin-bottom: 0.5rem;}
.contact_sub_hed_text{font-size: 1.6rem;line-height: 2.4rem;}
.double-input { flex-direction: column; gap: 0;}

.all_page_wrp { padding: 5rem 0rem;}

.product-top-content .com_heading_sec { margin-bottom: 5rem;}

.product-loop-image-wrap {justify-content: center;}
.product-loop-image { max-width: 30rem;}
.product-loop-image-small {max-width: 15rem;}
.hogo_logo_product{width: 6rem;}

.product-loop-content-wrap .product-name {font-size: 4rem; line-height: 4.5rem; margin-bottom: 2rem;}

.product-details-content-wrap { padding: 4rem; border-radius: 65px 20px 20px 20px;}
.product-details-content-wrap .product-name {font-size: 3.8rem; line-height: 4.5rem;}

.product-details-image .hogo_logo_product {width: 10rem;}

.related-product-heading { margin-bottom: 3rem;}
.related-product-subhead { font-size: 2.2rem; line-height: 2.5rem;}
.related-product-head {font-size: 5rem; line-height: 6rem;}
.related-next, .related-prev {  top: 30% !important; width: 4rem !important; height: 4rem !important;}
.related-prev span, .related-next span {font-size: 1.6rem;}

.related-product-content { gap: 2rem 1.5rem;}
.related-image { margin-bottom: 1.5rem;}
.related-image .hogo_logo_product { width: 5.5rem;}
.icon-block {padding: 0rem 0 0.5rem 1.5rem;}
.icon-block i {font-size: 2rem;}
.related-product-wrap .button-wrap { margin-top: 4rem;}

.hogo-banner-area::after { top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50rem; height: 50rem;}
.how-it-works .com_heading_sec .com_heading {line-height: 5rem; margin-bottom: 2rem;}
.how-work-head { margin-bottom: 2rem; font-size: 4rem; line-height: 5rem;}
.how-work-area .short-text {font-size: 1.8rem; line-height: 2.4rem; margin-bottom: 2.5rem;}
.right-area-item .bottom-text , .right-text p {font-size: 1.8rem; line-height: 2.4rem;}
.app-download-inner .com_heading_sec .com_heading { line-height: 5rem;}









}

@media screen and (max-width: 575px) {

  .common_content h2,.common_content h3,.common_content h4,.common_content h5,.common_content h6{font-size: 4rem;line-height: 5rem; margin-bottom: 1.5rem;}
  .common_content h3{font-size: 3.5rem;line-height: 4rem;}
  .common_content h4{font-size: 3rem;line-height: 3.5rem;}
  .common_content h5{font-size: 2.5rem;line-height: 3rem;}
  .common_content h6{font-size: 2rem;line-height: 2.5rem;}

  .common_content p{font-size: 1.6rem; line-height: 2.4rem; margin-bottom: 1.5rem;}

  .common_content ul li , .common_content ol li{font-size: 1.6rem;line-height:2.4rem;}
  .common_content ul li:not(:last-of-type), .common_content ol li:not(:last-of-type) { margin-bottom: 1rem;}

  .loops-area .row:not(:last-of-type) { margin-bottom: 5rem;}

  .product-top-content .com_heading_sec h2 { font-size: 4rem; line-height: 4.5rem; margin-bottom: 1.5rem;}
  .product-top-content .com_heading_sec p { font-size: 1.6rem; line-height: 2.4rem; }
  .product-loop-content-wrap .product-name { font-size: 3rem; line-height: 4rem; margin-bottom: 1.5rem;}
  .product-loop-content-wrap .button-wrap { margin-top: 2rem;}
  .product-loop-content-wrap .button_com { padding: 0.8rem 2rem;}

  .product-info { font-size: 1.6rem; line-height: 2rem;}

  .product-details-image .hogo_logo_product {width: 8rem;}

  .related-product-subhead { font-size: 1.8rem; line-height: 2rem;}
  .related-product-head {font-size: 4rem; line-height: 5rem;}

  .related-product-wrap .button-wrap { margin-top: 3rem;}
  .related-next, .related-prev {  top: 48% !important;}



  .product-details-content-wrap { padding: 3.5rem 2.5rem 2rem;}
  .product-details-content-wrap .product-name {font-size: 3.2rem; line-height: 3.5rem;}
  .product-details-content-wrap .button-wrap { margin-top: 3rem;}
  .product-details-image {margin-bottom: 4rem;}
  .product-details-wrap { margin-bottom: 5rem;}

  .form_sec .com_heading_sec h2, .form_sec .com_heading_sec h3, .contact-wrap .com_heading_sec .com_heading {font-size: 4rem; line-height: 5rem;}
  .form_sec .com_heading_sec p, .contact-wrap .com_heading_sec .com_heading_content p, .contact-wrap .location-info, .contact-wrap .mail-contact a { font-size: 1.6rem; line-height: 2.4rem;}
  .map-area iframe {height: 25rem;}

  .banner-content-block { padding-top: 12rem;}
  .banner-area.hogo-banner-area .banner-title {font-size: 4.9rem; line-height: 5rem;}
  .banner-area.hogo-banner-area .banner-short-content {  margin-bottom: 4rem;}
  .hogo-banner-area::after, .benifits-area::after { width: 30rem; height: 30rem;}
  .how-work-area { padding: 3rem;}
  .how-it-works .com_heading_sec { margin-bottom: 5rem;}
  .how-it-works { padding-top: 8rem;}
  .how-image-area .bottom-image {margin-top: -13rem;}
  .right-area-item .side-icon { width: 3.5rem;}
  .right-area-item { gap: 2rem;}
  .right-area-item .content-box {width: calc(100% - 5.5rem);}
  .right-area-item:not(:last-of-type) { margin-bottom: 3rem;}

  .thakyou-content p{ font-size: 1.6rem; line-height: 2.4rem;}
  .tc-pp-page .common_content ul li, .tc-pp-page .common_content ol li, .tc-pp-page .common_content p { font-size: 1.6rem; line-height: 2.4rem;}




}

@media screen and (max-width: 479px) {
  .button_com, .product-btn, .contact_sec_loop input[type='submit'], .form-area input[type='submit'] { padding: 0.8rem 1.6rem; font-size: 1.4rem; line-height: 2rem;}
  .com_heading_sec .com_sub_hed { font-size: 1.7rem; line-height: 2.3rem; margin-bottom: 1rem;}
  .com_heading_sec .com_heading { font-size: 3rem;line-height: 4rem; margin-bottom: 1.5rem;}
  .com_heading_sec .com_heading_content p, .short-content, .home-contact-area .com_heading_sec .com_heading_content p { font-size: 1.4rem;line-height: 2rem;margin-bottom: 2rem;}
  .com_heading_sec .com_sub_hed { font-size: 1.8rem; line-height: 2.4rem;}
  .home-contact-area .com_heading_sec .com_heading_content p{margin-bottom: 0;}

  .common_content h2,.common_content h3,.common_content h4,.common_content h5,.common_content h6{font-size: 3rem;line-height: 3.5rem;}
  .common_content h3{font-size: 2.5rem;line-height: 3rem;}
  .common_content h4{font-size: 2rem;line-height: 2.5rem;}
  .common_content h5{font-size: 1.5rem;line-height: 2rem;}
  .common_content h6{font-size: 1rem;line-height: 1.5rem;}

  .common_content p{font-size: 1.4rem; line-height: 2rem;}

  .common_content ul li , .common_content ol li{font-size: 1.4rem;line-height:2rem;}
  .common_content ul li {padding-left: 2rem;}
  .common_content ul li::after, .com_content ul li:after { font-size: 1.2rem;}
  .common_content ul, .common_content ol { margin: 0 0 2rem;}

  .tc-pp-page .common_content h2, .tc-pp-page .common_content h3, .tc-pp-page .common_content h4, .tc-pp-page .common_content h5, .tc-pp-page .common_content h6{
  font-size: 3rem; line-height: 3.5rem; margin-bottom: 1.5rem;}
  .tc-pp-page .common_content h3{font-size: 2.5rem;line-height: 3rem;}
  .tc-pp-page .common_content h4{font-size: 2rem;line-height: 2.5rem;}
  .tc-pp-page .common_content h5{font-size: 1.5rem;line-height: 2rem;}
  .tc-pp-page .common_content h6{font-size: 1rem;line-height: 1.5rem;}

  .tc-pp-page .common_content p{margin-bottom: 1.5rem;}

  .tc-pp-page .common_content ul, .tc-pp-page .common_content ol {margin-bottom: 2rem;}

  .semibanner-area { margin-top: 6.2rem; height: 20rem;}
  body.page-hogo .semibanner-area, body.single-product .semibanner-area { margin-top: 6.3rem;}
  .semibanner-text { font-size: 3.5rem; line-height: 4rem;}

  .swiper-button-prev, .swiper-button-next { width: 3.5rem !important; height: 3.5rem !important;}
  .swiper-button-prev span, .swiper-button-next span { font-size: 1.2rem;}

  .site-header .site-logo.hogo-plus .custom-logo-link { width: 15rem;}

  .site-header { padding: 1.5rem 0;}
  .menu-title .custom-logo-link{display: inline-block; width: 10rem;}
  .banner-content-block { padding-top: 10rem;}
  .banner-badge { font-size: 1.6rem; line-height: 2rem;}
  .banner-title {font-size: 3.5rem;line-height: 4rem;}
  .banner-short-content { font-size: 1.4rem; line-height: 2rem; margin: 0 auto 2rem;}
  .home-about-area, .home-product-area ,.footer_top { padding: 5rem 0;}
  .logo-area { padding: 2rem; height: 10rem;}
  .home-contact-area .com_heading_sec .com_heading {line-height: 4rem;}
  .contact_hed_text{ font-size: 3rem;line-height: 4rem;}
  .mail-contact a { width: 100%; justify-content: center;}
  .formcontrol { height: 4.5rem; font-size: 1.4rem; line-height: 2rem; padding: 1rem 2rem;}
  .formcontrol::placeholder{font-size: 1.4rem; line-height: 2rem;}
  .form-control-wrapper label {font-size: 1.6rem;line-height: 2rem; margin-bottom: 0.5rem;}
  select.formcontrol { padding-right: 3rem; background-size: 1.2rem;}
  .contact_sec_loop input[type='submit'] { display: block; width: 100%;}

  ul.footer-navigation-wrapper , ul.footer-nav { gap: 2rem 3rem;}
  ul.footer-navigation-wrapper li a , ul.footer-nav li a {font-size: 1.6rem;line-height: 2rem;}
  ul.footer-nav li:nth-of-type(2)::after {left: -1.5rem;height: 3rem;}
  .socialmenu-nav li a span {font-size: 2rem;}

  .semibanner-content-image { width: 10rem;}
  .product-top-content .com_heading_sec { margin-bottom: 4rem;}
  .product-top-content .com_heading_sec h2 { font-size: 3.5rem; line-height: 4rem; margin-bottom: 1rem;}
  .product-top-content .com_heading_sec p { font-size: 1.4rem; line-height: 2rem;}
  .product-loop-image { max-width: 100%;}
  .product-loop-image-small { max-width: 15rem; border-radius: 1rem;}
  .hogo_logo_product{bottom: 1rem;left: 1.5rem;width: 4rem;}
  .loops-area .row:nth-of-type(even) .hogo_logo_product { left: auto; right: 1.5rem;}
  .product-loop-content-wrap .product-name { font-size: 2.5rem; line-height: 3.5rem;}
  .product-loop-content-wrap, .loops-area .row:nth-of-type(even) .product-loop-content-wrap { margin-top: 2rem;}

  .product-details-content-wrap .product-name {font-size: 3rem;line-height: 3.5rem;}
  .product-details-image .hogo_logo_product {width: 6rem; bottom: 2rem; left: 2.5rem;}

  .related-product-head { font-size: 3.5rem; line-height: 4rem;}

  .form_sec .com_heading_sec h2, .form_sec .com_heading_sec h3, .contact-wrap .com_heading_sec .com_heading {font-size: 3.5rem; line-height: 4rem;}
  .form-area textarea { height: 9rem;}
  .form-area input[type='submit'] { margin: 2rem auto 0;}
  .contact-wrap, .map-area { width: 100%;}
  .contact-box{padding: 0 2rem;}

  .banner-area.hogo-banner-area .banner-title {font-size: 3.5rem; line-height: 4rem; margin-bottom: 2rem;}
  .app_buttons {gap: 1.5rem;}
  .app_button_com { padding: 1rem 1.5rem;}
  .banner-area.hogo-banner-area .banner-short-content { margin-bottom: 3rem;}
  .hogo-banner-area .banner-image-wrap, .how-it-works { padding-top: 5rem;}
  .how-it-works .com_heading_sec .com_heading { line-height: 4rem; margin-bottom: 1rem;}
  .how-work-area { padding: 2rem;}
  .how-work-head { margin-bottom: 2rem;font-size: 3rem;line-height: 4rem; margin-bottom: 1rem;}
  .how-work-area .short-text { font-size: 1.4rem; line-height: 2rem; margin-bottom: 2rem;}
  .how-image-area .bottom-image { margin-top: -10rem;}
  .how-work-area .right-area {padding-left: 1.5rem;}
  .right-area-item .side-icon {width: 3rem;}
  .right-area-item {gap: 1rem;}
  .right-area-item .content-box { width: calc(100% - 4rem);}
  .right-area-item .top-text {font-size: 2rem; line-height: 2.6rem; margin-bottom: 0.5rem;}
  .right-area-item .bottom-text, .right-text p {font-size: 1.4rem; line-height: 2rem;}
  .how-work-area .button-wrap { margin-top: 4rem;}
  .benifits-area, .app-download-area { padding-top: 5rem;}
  .app-download-inner .com_heading_sec .com_heading { line-height: 4rem;}
  .overlay-bg {padding: 2rem; padding-bottom: 0;}
  .app-download-inner .com_heading_sec .com_heading_content p { font-size: 1.4rem;}
  .app-download-inner .app_buttons { margin-top: 3rem;}

  .thakyou-content p{ font-size: 1.4rem; line-height: 2rem;}
  .tc-pp-page .common_content ul li, .tc-pp-page .common_content ol li, .tc-pp-page .common_content p { font-size: 1.4rem; line-height: 2rem;}




    
}

@media screen and (max-width: 399px) {
  .related-next, .related-prev {  top: 42% !important;}
}

@media only screen and (min-height: 280px) and (max-height: 500px) {
  .banner-content-block { padding-top: 10rem;}
  .banner-title { font-size: 5rem; line-height: 6rem;}






}

/*  Responsive
  ------------------
      M-W    Check
      1399   1200
      1199   992
      991    768
      767    576
      575    480
      479    375
      374    320 
*/