/* Navmenu - Desktop */
@media (min-width: 1200px) {
  .navmenu {padding: 0;}
  .navmenu ul {margin: 0;padding: 0;display: flex;list-style: none;align-items: center;}
  .navmenu li {position: relative;}
  .navmenu a,
  .navmenu a:focus {color: var(--nav-color);padding: 18px 22px;font-size: 18px;font-family: var(--nav-font);font-weight: 500;display: flex;align-items: center;justify-content: space-between;white-space: nowrap;transition: 0.3s;}
  .navmenu a i,
  .navmenu a:focus i {font-size: 12px;line-height: 0;margin-left: 5px;transition: 0.3s;}
  .navmenu li:last-child a {padding-right: 0;}
  .navmenu li:hover>a,
  .navmenu .active,
  .navmenu .active:focus {color: #0bc9c0;}
}
 
/* Navmenu - Mobile */
@media (max-width: 1199px) {
  .mobile-nav-toggle {color: var(--nav-color);font-size: 28px;line-height: 0;margin-right: 10px;cursor: pointer;transition: color 0.3s;}
  .navmenu {padding: 0;z-index: 9997;}
  .navmenu ul {display: none;position: absolute;inset: 60px 20px 20px 20px;padding: 16px;margin: 0;border-radius: 6px;background-color: var(--nav-mobile-background-color);overflow-y: auto;transition: 0.3s;z-index: 9998;box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);}
  .navmenu a,
  .navmenu a:focus {color: var(--nav-dropdown-color);padding: 10px 20px 10px 10px;font-family: var(--nav-font);font-size: 17px;font-weight: 500;display: flex;align-items: center;justify-content: space-between;white-space: nowrap;transition: 0.3s;}
  .navmenu a i,
  .navmenu a:focus i {font-size: 12px;line-height: 0;margin-left: 5px;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;border-radius: 50%;transition: 0.3s;background-color: color-mix(in srgb, var(--accent-color), transparent 90%);}
  .navmenu a i:hover,
  .navmenu a:focus i:hover {background-color: var(--accent-color);color: var(--contrast-color);}
  .navmenu a:hover,
  .navmenu .active,
  .navmenu .active:focus {color: #0bc9c0;}
  .navmenu .active i,
  .navmenu .active:focus i {background-color: var(--accent-color);color: var(--contrast-color);transform: rotate(180deg);}
  .mobile-nav-active {overflow: hidden;}
  .mobile-nav-active .mobile-nav-toggle {color: #fff;position: absolute;font-size: 32px;top: 15px;right: 15px;margin-right: 0;z-index: 9999;}
  .mobile-nav-active .navmenu {position: fixed;overflow: hidden;inset: 0;background: rgba(33, 37, 41, 0.8);transition: 0.3s;}
  .mobile-nav-active .navmenu>ul {display: block; list-style-type: none;}
}

/* max-width: 321px */
@media screen and (min-width: 0px) and (max-width: 321px){
.hero, .hero-mobile{min-height: 54vh !important;}
.hero h1{font-size: 22px !important; line-height: 30px !important;padding-top: 210px !important; margin-top: 64px !important;}
section, .section{padding:20px 0px !important;}
.about h2, .section-title h2{font-size: 24px;}
.about h3, .section-title p{font-size: 28px;}
.about p.abt-content{font-size: 18px;}
.daily h2{padding-left: 0;}
.info-item{margin: -16px 0px;}
.contact .info-item i{width: 40px; height: 40px;}
.info-wrap{margin: 20px 0px;}
}

/* max-width: 376px */
@media screen and (min-width: 322px) and (max-width: 376px){
.hero, .hero-mobile{min-height: 64vh !important;}
.hero h1{font-size: 22px !important; line-height: 30px !important;padding-top: 160px !important; margin-top: 165px !important;}
section, .section{padding:20px 0px !important;}
.about h2, .section-title h2{font-size: 24px;}
.about h3, .section-title p{font-size: 28px;}
.about p.abt-content{font-size: 18px;}
.daily h2{padding-left: 0;}
.info-item{margin: -16px 0px;}
.contact .info-item i{width: 40px; height: 40px;}
.info-wrap{margin: 20px 0px;}
}

/* max-width: 426px */
@media screen and (min-width: 377px) and (max-width: 426px){
.hero, .hero-mobile{min-height: 72vh !important;}
.hero h1{font-size: 26px !important; line-height: 38px !important;padding-top: 206px !important; margin-top: 165px !important;}
section, .section{padding:20px 0px !important;}
.about h2, .section-title h2{font-size: 24px;}
.about h3, .section-title p{font-size: 28px;}
.about p.abt-content{font-size: 18px;}
.daily h2{padding-left: 0;}
.info-item{margin: -16px 0px;}
.contact .info-item i{width: 40px; height: 40px;}
.info-wrap{margin: 20px 0px;}
}

/* max-width: 768px */
@media screen and (min-width: 426px) and (max-width: 768px){
.hero, .hero-mobile{min-height: 40vh !important;}
.hero h1{font-size: 30px !important; line-height: 40px !important;margin-top: 60px !important;}
section, .section{padding:20px 0px !important;}
.btn-email{margin-top: 20px;}
.email-field{text-align: left;}
.btn-email{margin: 15px 0 0 0;}
.daily h2{padding-left: 1%;}
}

@media screen and (min-width: 580px) and (max-width: 590px){
.hero-mobile {width: 100%;min-height: 28vh !important;position: relative;padding: 60px 0;display: flex;align-items: center;background: url("../img/hero-bg.jpg") top left !important;background-size: contain !important;background-repeat: no-repeat !important; background-position: center center;}
.hero h1 {font-size: 24px !important;line-height: 36px !important;margin-top: 66px !important;}
}
/* max-width: 1024px */
@media screen and (min-width: 769px) and (max-width: 1024px){
.hero, .hero-mobile{min-height: 52vh !important;}
.hero h1{font-size: 30px !important; line-height: 40px !important;margin-top: 80px !important;}
section, .section{padding:20px 0px !important;}
.section-title h2{margin-top: 10%;}
.about h2, .section-title h2 {font-size: 26px;}
.about h3, .section-title p{font-size: 36px;}
.about p.abt-content{font-size: 16px;}
.offerring-header p{font-size: 15px;}
.offerring-header h3{margin-bottom: 20px;}
.advantages-header p{padding: 0px 20px 20px 20px;}
.daily h2{padding-left: 2%;}
}

/* max-width: 1440px */
@media screen and (min-width: 1025px) and (max-width: 1440px){
.daily h2{padding-left: 14%;}
}

/* max-width: 1024px */
@media screen and (min-width: 1025px) and (max-width: 1440px){
.hero, .hero-mobile{min-height: 72vh !important;}
.hero h1{margin: 140px 0px 0px 0px;}
}
@media screen and (min-width: 0px) and (max-width: 426px){
.hero, .hero-mobile {min-height: 64vh;}
}
@media screen and (max-width: 767px) {
  .hero-mobile{background: url("../img/hero-bg-mobile.jpg") top left; background-size: contain;background-repeat: no-repeat;}
  .footer-heading img {
    width: 130px;
    margin: 0 6px;
}
.section-title-daily{padding: 0px;}
.daily.section h2{text-align: center;}
.email-field {
    padding: 20px;
}
.btn-email{margin: 20px 0 0 0;}
}
@media screen and (max-width: 425px) {
  .hero, .hero-mobile{min-height: 72vh;}
}
@media (max-width: 1199px) {
  section,.section {scroll-margin-top: 60px;}
  .offerring-img img{ margin-top: -80px;width: 100px;}
}