@media only screen and (max-width: 1920px) {
.banner{margin-top:70px;}
}

@media only screen and (max-width: 1280px) {
header .navbar-expand-lg .navbar-nav .nav-link{font-size:16px;}
.banner{height:100%;border-bottom: 5px solid #a2123e;}
}

@media only screen and (max-width: 1024px) {
header .navbar-expand-lg .navbar-nav .nav-link{font-size:14px; margin:0px 0px;}
.terms-content { max-width: 900px; margin-top: 38px; }
.terms-intro { padding: 32px; }
.terms-intro h1 { font-size: 38px; }
.terms-section { padding: 24px 26px; }
}

@media(max-width:991px){
.navbar-nav{margin-top:20px;}
.navbar-nav .nav-item{margin:5px 0;}
header .navbar-expand-lg .navbar-nav li:last-child.nav-item{border-bottom:none;}
}

@media only screen and (max-width: 800px) {
  body { overflow-x: hidden; }
  header .navbar-collapse { max-height: calc(100vh - 60px); overflow-y: auto; }
  header .navbar-expand-lg .navbar-nav .nav-link { float: none; display: block; padding: 2px 12px; margin: 0; font-size: 16px !important; }
  header .navbar .dropdown ul.dropdown-menu { width: 100%; }
  .terms-content { margin: 26px auto 10px; padding-inline: 8px; }
  .terms-intro { margin-bottom: 20px; padding: 28px 24px; border-radius: 12px; }
  .terms-intro::after { right: -90px; bottom: -110px; }
  .terms-intro h1 { font-size: 32px; line-height: 1.15; }
  .terms-intro h2 { font-size: 17px; line-height: 1.45; }
  .terms-content .company-name { font-size: 16px; }
  .terms-section { margin-bottom: 14px; padding: 22px 20px; }
  .terms-section h3 { font-size: 21px; line-height: 1.3; }
  .terms-content .terms-section p,
  .terms-content .terms-section li { font-size: 15px; line-height: 1.65; }
  .terms-grid-list { grid-template-columns: 1fr; gap: 2px; }
  footer ul { display: flex; flex-wrap: wrap; row-gap: 8px; }
  footer ul.social-icons { flex-wrap: nowrap; }
header .navbar-expand-lg .navbar-nav {margin: 20px 0px;}
header .navbar-expand-lg .navbar-nav li.nav-item{border-bottom:1px solid #ffffff6b;}
header .navbar-brand img{width:200px;}
.banner{height:auto;margin-top:60px;}
footer {background-image: url(../images/footer-bg-mobile.png);padding: 100px 0px 70px 0px;}
footer h1 {font-size: 20px;margin: 0px 0px 10px 0px;padding: 0px 0px 0px 0px;text-align: left;}
footer ul:after {height: 5px;width: 65%;top: 30px;}
footer ul li{font-size:15px;}
footer .col-md-4.col-sm-12.col-xs-12.pull-left{margin-top:40px;}
footer .col-md-4.col-sm-12.col-xs-12.pull-left a{color:#fff;text-decoration:none;}
footer ul.social-icons li{margin: 0px 4px;padding: 0px 10px;width: 30px;height: 30px;}
footer .col-md-4.col-sm-12.col-xs-12.pull-left ul:after{top: 40px;}

}

@media only screen and (max-width: 768px) {
.desktop{display:none;}
.mobile{display:block;}
.content {margin: 20px 0px 0px 0px;}
.content p{font-size:15px;}
.terms-content { margin-top: 24px; }
}

@media only screen and (max-width: 575px) {
footer .col-md-8.col-sm-12.col-xs-12.pull-left, footer .col-md-4.col-sm-12.col-xs-12.pull-left{width:100%;}
footer{padding: 100px 0px 50px 0px;}
.container { padding-right: 14px; padding-left: 14px; }
.terms-content { padding-inline: 0; }
.terms-intro { padding: 24px 18px; }
.terms-label { font-size: 11px; letter-spacing: 1.2px; }
.terms-intro h1 { font-size: clamp(27px, 9vw, 32px); }
.terms-intro h2 { font-size: 15px; }
.terms-content .company-name { margin-top: 14px; font-size: 14px; }
.terms-section { padding: 19px 16px; border-left-width: 3px; }
.terms-section h3 { margin-bottom: 11px; font-size: 19px; }
.terms-section ul { padding-left: 20px; }
footer ul li { font-size: 14px; }
}


@media only screen and (max-width: 480px) {
.terms-intro { padding: 21px 15px; }
.terms-intro h1 { font-size: 26px; }
.terms-section { padding: 17px 14px; }
.terms-content .terms-section p,
.terms-content .terms-section li { font-size: 14px; }
footer ul.social-icons li { margin-inline: 2px; }
header .navbar-brand img{width:150px;}
.banner{margin-top:50px;}
.footstrip{font-size:9px; padding:5px 0px;}
footer{background-size:cover;}
}