@media (max-width:1640px) {
  body {
    font-size: 13px;
    line-height: 22px
  }

  .qual-cont {
    width: 100%
  }

  .navbar {
    width: 8%
  }

  .parallaximg,
  .parallaximg2 {
    height: 400px
  }

  .aboutus h4 {
    font-size: 28px;
    line-height: 36px
  }

  .heading h4 {
    margin-top: 25px;
    font-size: 24px;
    line-height: 34px;
    padding: 0 20px
  }

  .content01right h4 {
    font-size: 28px;
    line-height: 15px
  }

  .content01left h1,
  .content01left h4 {
    font-size: 26px;
    line-height: 30px
  }

  .content01left p {
    font-size: 17px;
    line-height: 22px
  }

  .pro-box.slideanim.slide.innerpro {
    width: 32%
  }

  .aboutus.parallaximg {
    height: 550px
  }

  .navbar .nav-toggle {
    top: 40px
  }

  .men-bar ul li {
    width: 200px;
    padding-bottom: 25px
  }

  .delblecont span {
    font-size: 16px
  }

  .pro-dtl h3,
  .pro-dtl h2 {
    font-size: 19px;
    padding: 8px 0;
    line-height: 22px
  }

  .prodtl {
    width: 100%
  }

  .topstr ul li:last-child a {
    padding: 3px;
    width: 22px;
    height: 22px;
    line-height: 15px
  }

  .topstr ul li {
    font-size: 12px;
    line-height: 18px;
    padding: 0 10px;
    max-height: 20px
  }

  .bathtabs ul li {
    font-size: 15px;
    line-height: 22px;
    padding: 5px 0
  }

  .dealership p {
    padding: 0 120px
  }

  .ftrfrm ul.dlrenry li {
    margin: 10px 5%
  }

  .owl-theme .owl-controls .owl-buttons div {
    width: 30px
  }

  ul.adddtl li label {
    font-size: 13px;
    line-height: 19px
  }

  ul.adddtl li img {
    width: 35px
  }

  .lct-lft {
    width: 84%;
    margin: 0 8%
  }

  .innerabout.storeloc .heading.text-center h3 {
    font-size: 24px;
    letter-spacing: 2px
  }

  .innerabout.storeloc .heading.text-center {
    padding-top: 40px
  }

  .chosen-container {
    width: 300px !important
  }

  .chosen-container-single .chosen-single span {
    font-size: 16px
  }

  .lct .lct-slct {
    padding-bottom: 40px
  }

  .lct-box ul li label {
    font-size: 15px
  }

  .owl-prev {
    left: -40px
  }

  .owl-next {
    right: -40px
  }

  .ftrfrm ul li input[type=reset],
  .ftrfrm ul li input[type=submit] {
    padding: 0;
    width: 100px;
    height: 40px;
    font-size: 14px
  }

  ul.pdficondesn {
    padding: 25px 0
  }

  .owl-wrapper-outer {
    padding: 30px 0
  }

  ul.pdficondesn li a {
    font-size: 14px;
    padding: 5px 15px
  }

  .prohdng {
    font-size: 22px;
    line-height: 30px
  }

  .why_aquini-dtl ul li span {
    font-size: 14px;
    letter-spacing: .5px;
    line-height: 22px
  }

  .dtlbtn a.btn-2 {
    width: 220px
  }

  .dtlbtn a.btn-2 span {
    font-size: 14px;
    line-height: 22px
  }

  .why_aquini-dtl ul li label {
    font-size: 17px
  }

  ul.pdficondesn li a {
    font-size: 14px
  }

  a.plus-btn {
    font-size: 13px
  }

  .collection.collection-inner {
    padding-top: 90px
  }

  .container {
    max-width: 90%
  }

  a.plus-btn span {
    width: 24px;
    height: 24px;
    line-height: 20px;
    padding: 0;
    margin: 0
  }

  .contentslide h4 {
    font-size: 28px;
    line-height: 32px;
    border-left: 4px solid #c71a41
  }

  .whyaquini h2 {
    font-size: 46px
  }

  .logo img {
    width: 70%
  }

  .prodtl p {
    margin-bottom: 0;
    min-height: 138px;
    line-height: 19px;
    font-size: 13px
  }

  .prodtl .btn-2 span {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 12px;
    line-height: 34px
  }

  .prodtl img {
    top: 8px
  }

  .why-aqui ul li label {
    font-size: 17px;
    margin-bottom: 5px
  }

  .why-aqui ul li {
    font-size: 11px;
    line-height: 20px;
    letter-spacing: .5px
  }

  .why-aqui ul li:after {
    height: 1px
  }

  .sap-stn {
    padding: 10px 0
  }

  .sap-stn ul.smdia li:nth-child(1) label,
  .sap-stn ul.strfnd li:nth-child(1) label,
  ul.colorcode li:first-child {
    padding: 0
  }

  ul.colorcode li {
    height: 24px;
    width: 24px
  }

  .sap-stn label {
    font-size: 16px;
    margin: 0
  }

  ul.strfnd li img {
    width: 22px;
    margin-right: 10px
  }

  .input {
    font-size: 13px
  }

  .inabt-cont p {
    padding-right: 10px
  }

  .delblebox {
    padding: 15px
  }

  .delblecont {
    min-height: 185px
  }

  .delblecont h3,
  .delblecont h4 {
    font-size: 16px;
    line-height: 20px
  }

  .navbar .nav-toggle span:nth-child(2) {
    top: 11px
  }

  .navbar .nav-toggle span:nth-child(3) {
    top: 23px
  }

  .navbar .nav-toggle span:nth-child(1) {
    top: 0
  }

  .bannerdis h1 {
    font-size: 40px;
    letter-spacing: 2px;
    padding-left: 150px
  }

  .bannerdis {
    top: 63vh
  }

  .heading h1,
  .heading h2,
  .heading h3 {
    font-size: 28px;
    line-height: 40px
  }

  .qual-cont h4 {
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 5px
  }

  .qual-cont p {
    margin-bottom: 0;
    width: 100%
  }

  .heading {
    margin-bottom: 25px
  }

  .abtcont h4,
  .quality h2 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 10px
  }

  .delblecont p,
  p {
    font-size: 14px;
    line-height: 22px
  }

  .btn-2 span {
    padding: 9px 10px;
    font-size: 11px;
    letter-spacing: .5px
  }

  .frmdtl h2,
  .ftrfrm h4 {
    font-size: 20px
  }

  .abtcont p {
    padding: 0 170px
  }

  a.back-btn {
    padding: 0 15px;
    font-size: 12px
  }

  .inabt-right {
    min-height: 320px
  }

  .label-active {
    top: -5px
  }

  .label-txt {
    font-size: 14px
  }

  .probox {
    padding: 25px 0
  }

  .navbar .nav-toggle.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 8px;
    left: 7px
  }

  ul.navbarmenu li {
    font-size: 19px;
    line-height: 50px
  }

  .cat-hdg {
    font-size: 28px;
    letter-spacing: 1px;
    line-height: 40px
  }

  .swiper-button-next,
  .swiper-button-prev {
    width: 50px;
    height: 50px
  }

  .copyright {
    margin-top: 30px;
    padding-top: 25px
  }

  .copyright p {
    margin: 0
  }

  .inabt-right h3 {
    font-size: 34px;
    line-height: 42px
  }

  .navbar .nav-toggle.open span:nth-child(3) {
    top: 24px;
    left: 7px
  }

  .qual-cont ul li {
    font-size: 15px;
    padding: 12px 0;
    line-height: 20px
  }

  .qual-cont ul li:after {
    left: 0
  }

  .product-name {
    bottom: 100px;
    left: -100px
  }

  .product-name h3 {
    font-size: 44px;
    line-height: 50px
  }

  .product-name span {
    font-size: 10px;
    position: relative;
    left: -15px
  }

  .bredcum {
    font-size: 11px;
    line-height: 16px
  }

  .bredcum font {
    padding: 0 5px
  }

  a.cloud-zoom-gallery {
    margin: 5px
  }

  .zoom-desc span,
  .zoomboxleft span {
    font-size: 13px;
    margin-bottom: 5px;
    margin-top: 0
  }

  .zoom-desc p {
    width: 80%;
    line-height: 20px
  }

  .zoom-desc p.ad-frvt {
    margin-bottom: 25px
  }

  .zoom-desc .cat_name,
  .zoom-desc h3 {
    font-size: 20px;
    line-height: 26px
  }

  .space {
    padding: 50px 0
  }

  .py-50 {
    padding: 25px 0
  }

  .downarrow {
    bottom: 8%
  }

  .contentslide {
    top: 70px;
    left: 20%
  }

  .subheading h2,
  .subheading h4 {
    font-size: 20px;
    line-height: 46px;
    padding: 0 40px;
    letter-spacing: .7px
  }

  .zoom-desc .addonwrp ul li {
    color: #ddd;
    font-size: 13px;
    line-height: 22px
  }

  .zoom-desc .addonwrp ul:after {
    position: absolute;
    left: 10%;
    bottom: -25px
  }

  .heading h1,
  .heading h2,
  .heading h3 {
    font-size: 28px;
    line-height: 40px;
    letter-spacing: 1.5px;
    border: none
  }

  .navbar .nav-toggle.open span:nth-child(1) {
    top: 6px;
    left: 7px
  }

  .socialmedia {
    right: 6%
  }

  ul.navbarmenu li:first-child {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 5px
  }

  ul.navbarmenu li {
    font-size: 26px;
    line-height: 60px
  }

  .socialmedia span {
    line-height: 24px
  }

  .subheading {
    margin: 15px 0 40px
  }

  .inabt-right h3,
  .subheadings h4 {
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 15px;
    padding-left: 15px
  }

  .inabt-right h3:before,
  .subheadings h4:before {
    content: '';
    width: 9px
  }

  .zoom-desc p.snt_stnd {
    width: 100%;
    font-size: 10px
  }

  .warranty-cont {
    width: 75%
  }

  .warty_box {
    padding-top: 15px;
    margin-top: 15px
  }
}

@media all and (max-width:1450px) {
  ul.navbarmenu li:last-child img {
    width: 150px
  }

  .detble.quality:after {
    top: 57%
  }

  .warty_box h3 {
    font-size: 20px
  }

  .leftdtn h4 {
    width: 100%
  }

  .rightstn {
    width: 50%
  }

  .leftdtn {
    width: 50%
  }

  .warrentu_banner .btn-2 span {
    font-size: 16px
  }

  .warty_stn p {
    line-height: 22px
  }

  .warty_stn h1 {
    font-size: 24px
  }

  .web-container {
    width: 82%
  }

  .swiper-container {
    height: calc(100vh - 30px)
  }

  .inabt-left img {
    width: 70%;
    float: left
  }

  .bredcum {
    margin-bottom: 25px
  }

  .qual-cont p {
    padding-right: 90px
  }

  .heading.int-heading h3 {
    font-size: 22px;
    letter-spacing: .5px
  }

  .ftrcont h4 {
    font-size: 17px;
    line-height: 21px
  }

  .subheading {
    margin: 15px 0 25px 0
  }

  .subheading h2,
  .subheading h4 {
    font-size: 17px;
    line-height: 40px;
    padding: 0 30px
  }

  .inabt-right h3,
  .subheadings h4 {
    font-size: 34px;
    line-height: 36px
  }

  .ftrimg img {
    padding-right: 10px
  }

  .featurerow .row.col-md-12 {
    margin: 0
  }

  .ftrcont ul li span {
    font-size: 14px;
    letter-spacing: .5px;
    line-height: 18px
  }

  .proimg.smgimg {
    height: 320px
  }

  .slider-cont .web-container {
    width: 1000px
  }

  .banner img {
    width: 100%;
    height: 100%
  }

  .product {
    width: 80%
  }

  .downarrow img {
    width: auto;
    height: auto
  }

  .sap-stn ul.smdia li label img {
    margin-top: -2px;
    width: 20px
  }

  .prodtl {
    top: -10px
  }

  .prodtl p {
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .5px
  }

  .ftrcont ul li {
    margin-bottom: 5px
  }

  .zoom-desc .addonwrp ul {
    padding: 4px 10px
  }

  .ftrcont ul li:before {
    top: 8px
  }
}

@media all and (max-width:1390px) {
  .procont p {
    font-size: 11px;
    line-height: 20px
  }

  .topstr ul li:last-child a {
    line-height: 10px
  }

  .topstr ul li:last-child a i {
    font-size: 10px
  }

  .sap-stn ul.smdia li,
  .sap-stn ul.smdia li label {
    font-size: 20px
  }

  .prodtl .btn-2 span {
    padding-top: 8px;
    padding-bottom: 8px
  }

  .proimg.smgimg {
    height: 292px
  }

  .why_aquini {
    margin-bottom: 50px
  }

  .proslide {
    height: 80vh
  }

  .innerabout.storeloc .heading.text-center h3 {
    font-size: 20px;
    margin-bottom: 10px;
    letter-spacing: 1.5px
  }

  .chosen-container-single .chosen-single span {
    font-size: 15px;
    letter-spacing: 1px
  }

  .chosen-container-single .chosen-single {
    height: 40px;
    line-height: 40px
  }

  .lct-box ul li label {
    font-size: 14px
  }

  .lct-box ul {
    padding: 12px
  }

  .lct-box ul li:nth-child(1) label {
    border-bottom: solid 2px #c61a40
  }

  .men-bar ul li a {
    font-size: 16px;
    letter-spacing: 4px
  }

  .men-bar ul li {
    width: 160px
  }

  .logo {
    line-height: 90px
  }

  .header.fixed img {
    width: 160px
  }

  .socialmedias ul li {
    width: 20px;
    height: 20px
  }

  .men-bar ul li img {
    width: 90% !important
  }

  .navbar .nav-toggle {
    top: 35px
  }

  .locatorbtn a {
    padding: 4px 10px;
    font-size: 12px;
    letter-spacing: 1px
  }
}

@media all and (max-width:1280px) {
  .product {
    width: 90%
  }

  .bathtabs ul li {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 18px
  }

  .bathtabs {
    padding: 0
  }

  .zoom-desc {
    width: 45%
  }
}

@media all and (max-width:1024px) {
  .men-bar ul li {
    width: 95px
  }

  .qual-cont p {
    padding-right: 0
  }

  .men-bar ul li a {
    font-size: 11px;
    line-height: 30px
  }

  .footer .web-container {
    width: 100%
  }

  .slider-cont .web-container {
    width: 550px
  }

  .product {
    width: 100%
  }
}

@media all and (max-width:780px) {
  .header.downloads .white-logo {
    margin-top: 20px;
    margin-left: 10px;
  }

  .downloadrow .pro-box {
    width: 100%
  }

  .downloadrow:last-child .pro-box {
    width: 100%
  }

  .downloadrow.dsant {
    padding: 40px 0;
  }

  .pledge_wrapper {
    position: fixed;
    top: 38%;
    z-index: 99;
    right: 0
  }

  .pledge_wrapper img {
    width: 70px
  }

  .pro-box,
  .proimg {
    min-height: unset
  }

  .lct .lct-slct li select,
  .lct-lft {
    width: 100%;
    float: left;
    margin: 7px 0;
    border-color: #fff;
    color: #fff;
    font-size: 15px
  }

  ul.pdficondesn li a img {
    margin-left: 0
  }

  .lct-box ul {
    float: right;
    width: 100%
  }

  #contentcontainer {
    width: 90%
  }

  .mobilebtn {
    width: auto;
    float: left;
    position: fixed;
    bottom: 0;
    left: 2%;
    right: 2%;
    z-index: 999;
    border-radius: 3px
  }

  .mobilebtn a span {
    width: 49%;
    color: #fff;
    border: none;
    font-size: 14px;
    cursor: pointer;
    background: #58595b;
    line-height: 40px;
    text-transform: uppercase;
    letter-spacing: .5px;
    text-align: center;
    opacity: 0
  }

  .delblecont {
    min-height: inherit
  }

  ul.adddtl li:last-child img {
    position: static
  }

  h4.mob-clr {
    background-image: linear-gradient(to right, #c71a41, #da3358 50%, #fff 50%)
  }

  .copyright {
    margin-top: 0;
    padding-bottom: 50px;
  }

  .pro-box.slideanim.slide.innerpro {
    width: 50%;
    float: left
  }

  .delblecont {
    width: 100%
  }

  .delblecont span {
    position: relative;
    top: 20px;
    font-size: 15px
  }

  .delbleimg {
    width: 100%;
    border: none;
    text-align: left;
    border-bottom: solid 1px #bcbcbc;
    margin-bottom: 10px;
    padding-bottom: 10px
  }

  .header.fixed .navbar .menu.open {
    top: 0;
    margin: 0;
    width: 100%
  }

  a.nav-toggle.open span {
    background: #fff
  }

  div#cloud-zoom-big {
    display: none !important
  }

  .cat_stn {
    padding: 35px 0 0 0
  }

  .desktop-show {
    display: none
  }

  .mobile-show {
    display: block
  }

  .why-aqui {
    width: 100%;
    float: left;
    margin: 25px 0
  }

  .why-aqui ul {
    padding: 0
  }

  .why-aqui ul li {
    text-align: left
  }

  .why-aqui ul li:after {
    left: 0;
    width: 30px
  }

  .frmdtl,
  .ftrfrm,
  .inabt-left,
  .inabt-left img,
  .inabt-right,
  .proboxlft,
  .proboxright,
  .web-container {
    width: 100%
  }

  .quality {
    padding-bottom: 0
  }

  .inabt-right {
    min-height: inherit
  }

  .product-name {
    bottom: 100px;
    right: 0;
    width: 100%;
    left: 0;
    text-align: right
  }

  .inabt-right h3 {
    margin: 50px 0
  }

  .proboxright {
    padding: 15px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .3)
  }

  .abtcont p,
  .inabt-cont p {
    padding: 0
  }

  .prodtl {
    position: static;
    transform: inherit
  }

  .bannerdis h1 {
    font-size: 45px;
    line-height: 45px;
    text-align: left;
    margin: 0;
    color: #fff;
    padding: 0
  }

  .bannerdis,
  .pro-box {
    top: 50vh;
    width: 50%
  }

  .psant .pro-box {
    width: 100%
  }

  body {
    width: 96%;
    margin: 0 auto
  }

  .navbar .nav-toggle {
    top: 25px
  }

  .qual-cont {
    padding: 15px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .3);
    width: 100%
  }

  .cat-hdg {
    margin-bottom: 25px
  }

  .product,
  .qual-cont p,
  .qual-img img {
    width: 100%
  }

  .abtcont {
    width: 90%;
    margin: 0 auto
  }

  .header.home-clr.fixed nav.menu.open {
    width: 100%;
    margin: 0
  }

  .footerfrm {
    text-align: center;
    padding: 30px
  }

  .ftrfrm ul li a {
    text-align: center;
    float: none
  }

  ul.navbarmenu {
    padding-left: 0
  }

  .bredcum {
    padding-top: 20px;
    padding-left: 0
  }

  .product-name h3 {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 10px
  }

  .product-name {
    bottom: 50px
  }

  .aboutus,
  .collection,
  .deals,
  .footer,
  .innerabout,
  .pro_downstn,
  .products,
  .quality,
  .space,
  .thanks,
  .why_aquini,
  .whyaquini {
    padding: 30px 0
  }

  ul.adddtl {
    display: inherit;
    border: none
  }

  ul.adddtl li {
    margin: 20px 0;
    padding: 0;
    width: 100%;
    float: left;
    text-align: center;
    border-right: none;
    border-bottom: solid 1px #717273;
    padding-bottom: 20px
  }

  .footer {
    padding-top: 0
  }

  ul.adddtl li img {
    float: none;
    position: relative;
    top: 0
  }

  ul.adddtl li:last-child img {
    top: -10px
  }

  .ftrfrm ul li,
  .ftrfrm ul.dlrenry li,
  .ftrfrm ul.dlrenry li:last-child,
  .ftrfrm ul.dlrenry li:nth-child(5) {
    width: 100%;
    margin: 15px 0
  }

  ul.adddtl li label {
    font-size: 15px;
    line-height: 22px;
    width: 100%;
    float: none;
    text-align: center
  }

  .container {
    max-width: 100%
  }

  .delblecont p {
    width: 100%
  }

  .logo {
    text-align: left
  }

  .header.fixed {
    width: 97%;
    margin-left: 1.5%
  }

  .header {
    padding: 13px 0
  }

  .swiper-container {
    height: 82vh
  }

  .contentslide h4 {
    font-size: 24px;
    line-height: 24px;
    border-left: solid 4px #c71a41;
    padding-left: 6px
  }

  .contentslide {
    width: 100%;
    position: static
  }

  .slider-cont {
    top: 15%
  }

  .bredcum {
    margin-left: 15px
  }

  .selbox {
    width: 100%;
    float: left;
    position: relative
  }

  .selbox:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-top: 8px dashed;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    position: absolute;
    right: 5%;
    top: 50%;
    color: #fff;
    transform: translateY(-50%)
  }

  select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
  }

  .logo .black-logo {
    top: 0
  }

  .innerabout.storeloc .heading.text-center h1,
  .innerabout.storeloc .heading.text-center h3 {
    font-size: 16px;
    padding: 0 30px;
    line-height: 30px;
    letter-spacing: 1px
  }
}

@media all and (max-width:680px) {
  .banner.parallaximg2 .content01right {
    align-items: flex-start;
    display: flex;
    float: left;
    justify-content: center;
    margin-bottom: 10px;
    position: relative;
    width: 100%;
    letter-spacing: 4px;
  }

  .abtcont h4,
  .qual-cont h4,
  .quality h2 {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 5px
  }

  select#locatorType option {
    color: #000
  }

  .lct .lct-slct li {
    width: 100%
  }

  select#locatorType {
    position: relative
  }

  .innerabout.storeloc .heading.text-center {
    padding-top: 25px
  }

  .lct-box ul li label {
    color: #000
  }

  .lct-box {
    margin-top: 25px
  }

  .innerabout.storeloc .heading.text-center h3 {
    font-size: 21px;
    line-height: 30px;
    margin-bottom: 10px;
    text-align: left;
    padding: 0 20px
  }

  .chosen-container {
    width: 100% !important;
    margin: 10px 0
  }

  .col-md-12.text-center.btmfrm {
    align-items: baseline
  }

  .col-md-12.text-center.btmfrm label {
    float: left;
    text-align: left;
    font-size: 15px;
    line-height: 20px
  }

  button.btn-2.outline.white-color span {
    padding: 0 15px
  }

  .qual-cont p {
    padding: 0
  }

  .intwrap {
    padding: 25px 0
  }

  .heading.int-heading h3 {
    font-size: 22px;
    line-height: 30px;
    padding: 0 20px
  }

  .intelligent-cont ul li {
    font-size: 15px
  }

  .col-md-12.text-center.disccont.mb-50 {
    margin: 0
  }

  .detble.quality .delblebox .delblecont .delblecnt p {
    height: auto
  }

  .detble.quality .delblebox:nth-child(5) {
    border-bottom: solid 1px #bcbcbc;
    border-right: 0
  }

  .detble.quality:after {
    background: 0 0
  }

  .subheading {
    margin: 15px 0
  }

  .detble.quality .subheadings {
    display: inline-block
  }

  .featurerow {
    width: 94%;
    float: left;
    margin: 0 3% 25px
  }

  .aboutus,
  .aboutuscont,
  .collection,
  .deals,
  .footer,
  .innerabout,
  .pro_downstn,
  .products,
  .quality,
  .space,
  .thanks,
  .why_aquini {
    padding: 25px 0
  }

  .disccont p {
    padding: 10px 0;
    text-align: left
  }

  .ftrcont {
    width: 100%
  }

  .featurerow .row {
    margin: 0
  }

  .featurerow img {
    float: left
  }

  .detble.quality {
    margin: 0;
    padding: 0
  }

  .quality .subheadings {
    margin-bottom: 15px;
    display: inline-block
  }

  .quality .col-md-12.subheadings.m-0 {
    display: inline-block
  }

  .featurebox {
    width: 92%;
    margin: 0 4% 50px 4%;
    display: inline-block
  }

  .ftrimg {
    width: 100%;
    margin: 0 0 20px 0
  }

  .featurerow .row.col-md-12 {
    margin: 0;
    padding: 0
  }

  .featurebox:nth-child(3n-3) {
    float: left
  }

  ul.pdficondesn li {
    width: 100%;
    margin: 4px 0
  }

  .logo {
    line-height: initial;
  }

  .navbar .nav-toggle {
    top: 12px
  }

  .zoomboxleft {
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    border-bottom: solid 1px #ddd;
    padding-bottom: 25px;
    margin-bottom: 25px
  }

  .header {
    box-shadow: 0 4px 0 rgba(0, 0, 0, .1)
  }

  .zoom-desc {
    width: 100%
  }

  a.back-btn {
    margin-top: 25px
  }

  .delblecnt {
    transform: inherit;
    position: static
  }

  .navbar .menu:after {
    width: 25%
  }

  .navbar .nav-toggle img.mobile-show {
    position: absolute;
    right: 100%;
    margin-right: 20px;
    top: -3px
  }

  .detble.quality .subheadings {
    display: inline-block
  }

  .detble.quality .subheadings {
    width: 92%;
    margin: 0 4%
  }

  .detble.quality .delblebox {
    width: 100%;
    border-right: none;
    border-bottom: solid 1px #bcbcbc;
    margin-bottom: 15px;
    padding-bottom: 20px
  }

  .detble.quality .delblebox .delbleimg {
    height: auto;
    text-align: center
  }

  .pro-dtl h3,
  .pro-dtl h2 {
    white-space: inherit;
    height: 60px
  }

  .proimg.smgimg img {
    width: 65%
  }

  .zoom-desc .addonwrp ul:after {
    bottom: -25px
  }

  ul.pdficondesn {
    padding: 15px 0
  }

  .bredcum {
    margin-bottom: 20px
  }

  .warranty-cont {
    width: 100%
  }

  .warty_stn {
    padding: 20px 0 0 10px
  }

  .warty_stn h1 {
    font-size: 17px;
    line-height: 26px
  }

  .leftdtn,
  .rightstn {
    width: 100%
  }

  .warrentu_banner {
    display: inline-block;
    padding: 25px;
    width: 100%
  }

  .lifetime .container {
    padding: 0
  }

  .col-md-12.text-center {
    margin: 0;
    padding: 0
  }

  .col-md-12.text-center a.btn-2.outline {
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
  }

  .warrentu_banner .btn-2 span {
    font-size: 13px;
    width: 100%
  }

  .col-lg-9.text-right.col-sm-6.overflow {
    width: 50%
  }

  .header .col-lg-3.col-sm-6 {
    width: 65%;
    padding-left: 0
  }

  .header .container .row {
    display: flex;
    flex-wrap: inherit
  }

  .covid-banner {
    width: 90%;
    height: auto;
    margin: 100px 5%
  }

  .swiper-container-horizontal>.swiper-pagination-bullets,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    bottom: 5px
  }

  .locatorbtn a {
    font-size: 12px;
    padding: 4px 10px
  }

  .swiper-pagination-bullet {
    width: 6px !important;
    height: 6px !important;
    margin: 0 2px !important
  }

  .covid-banner .crosspox {
    width: 25px;
    padding: 5px
  }
}

@media all and (max-width:520px) {
  .header .col-lg-6 {
    width: 50%;
    padding: 0
  }

  .detble.quality .delblebox .delblecont .delblecnt h3 {
    line-height: 20px
  }

  .clcimg {
    width: 60%;
    float: left;
    text-align: center;
    position: absolute
  }

  .clcimg img {
    width: auto;
    position: absolute;
    top: 0;
    right: 0;
    height: 34px;
  }

  .clcimg:before {
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    right: 23%;
    top: 0;
    background: rgb(249 249 249 / 50%)
  }

  .parallaximg,
  .parallaximg2 {
    height: 220px
  }

  .owl-wrapper-outer {
    padding: 0
  }

  .relatpro .container {
    max-width: 90%
  }

  .why_aquini-dtl ul {
    width: 90%;
    margin: 0 5%
  }

  .bannerdis {
    top: 40vh;
    width: 100%
  }

  .owl-prev {
    left: -20px
  }

  .header .container .row .col-lg-4.col-sm-6 {
    width: 40%;
    float: left;
    padding: 0
  }

  .header {
    padding: 10px;
    height: 61px;
    padding-bottom: 0
  }

  .navbar {
    width: 100%
  }

  .header .container .row .col-lg-8.text-right.col-sm-6.overflow {
    width: 40%;
    float: right;
    padding-right: 0
  }

  .copyright p {
    width: 100%
  }

  .owl-next {
    right: -20px
  }

  .copyright {
    display: block;
    width: 100%;
    text-align: center
  }

  .copyright p {
    text-align: center !important;
    margin: 5px 0
  }

  .leftmenu {
    width: 60%;
    margin: 0 5%;
    left: 0
  }

  .rightmenu {
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0
  }

  ul.socialmedia {
    position: static
  }

  ul.navbarmenu li {
    font-size: 20px;
    line-height: 50px;
    float: left;
    width: 100%
  }

  ul.navbarmenu {
    padding: 0;
    float: left;
    width: 100%
  }

  .heading h1,
  .heading h2,
  .heading h3 {
    font-size: 32px
  }

  .inabt-right h3 {
    margin: 25px 0;
    font-size: 36px
  }

  .logo img {
    width: 120px
  }

  .navbar .nav-toggle {
    margin: 0;
    top: 5px;
  }

  .product,
  .thankyou {
    width: 100%
  }

  .why_aquini-dtl ul li {
    width: 100%;
    border-right: 0;
    border-bottom: solid 1px #a1a1a2 !important;
    margin: 0 0 15px 0;
    padding: 0 0 15px 0;
    text-align: center
  }

  .why_aquini-dtl ul {
    margin-top: 25px
  }

  .dtlbtn a.btn-2 {
    margin: 10px 0
  }

  .slideimg {
    width: 100%
  }

  .dealership p {
    padding: 0
  }

  .header.fixed img {
    width: 120px;
    bottom: 10px
  }

  .aboutus.parallaximg {
    height: 400px
  }

  .delblecont h3,
  .delblecont h4 {
    font-size: 16px;
    line-height: 26px;
    width: 80%
  }

  ul.navbarmenu li:first-child {
    font-size: 14px
  }

  .navbar .nav-toggle.open span:nth-child(3) {
    left: 6px;
    top: 25px
  }

  .header.fixed .clcimg img {
    width: auto;
  }

  .swiper-btn {
    top: auto;
    bottom: 18%;
    width: 28%;
    right: 0
  }

  .socialmedia {
    top: 65vh
  }

  .swiper-btn .swiper-button-next,
  .swiper-btn .swiper-button-prev {
    top: 50px;
    width: 35px;
    height: 35px;
    background-size: 100%
  }

  .heading {
    margin-bottom: 15px
  }

  .delblebox {
    margin: 20px 0
  }

  .detble,
  .inabt-cont {
    margin: 15px 0
  }

  .subheading h2,
  .subheading h4 {
    font-size: 15px;
    line-height: 36px;
    padding: 0 20px
  }

  .footerfrm {
    padding: 15px
  }

  ul.adddtl li:last-child {
    padding-left: 0
  }

  .socialmedia.ftrmedia {
    display: flex;
    margin: 12px 0;
    align-items: center;
    justify-content: center
  }

  #footer .heading {
    margin-bottom: 25px
  }

  ul.adddtl {
    margin-bottom: 25px
  }

  .footer {
    padding-bottom: 0
  }

  .header.fixed svg path {
    fill: #000
  }

  .aboutus h4 {
    right: 5%;
    font-size: 20px;
    line-height: 30px;
    top: 20%
  }

  .fixed .clcimg:before {
    background: #000
  }

  .ftrfrm ul li:last-child button.btn-2.outline.white-color.bgcolor {
    float: none;
    display: inherit;
    margin: 5px auto 15px;
    height: 38px
  }

  span.showimg {
    left: 0;
    top: 100%;
    width: 100%
  }

  .prodtl .btn-2 span {
    font-size: 11px
  }

  .probox img.blkbtn,
  .probox img.whtbtn {
    width: 40px
  }

  .content01left p {
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 5px
  }

  .content01right h4 {
    font-size: 20px;
    line-height: 30px
  }

  .content01left h1,
  .content01left h4 {
    font-size: 20px;
    line-height: 30px;
    margin: 0
  }

  .bannercontent {
    left: 2%;
    right: 2%;
    width: auto
  }

  .collection {
    padding-top: 0
  }

  .proinfo {
    padding: 25px;
  }
}

@media all and (max-width:420px) {
  .bannerdis h1 {
    font-size: 32px;
    line-hight: 32px
  }

  .quality .col-md-6 {
    padding: 0
  }

  ul.navbarmenu li:last-child img {
    width: 80px
  }

  .heading h1,
  .heading h2,
  .heading h3 {
    font-size: 28px;
    letter-spacing: 1px
  }

  .btn-2 {
    margin: 10px 0 0 0
  }

  .cat-hdg {
    font-size: 26px;
    letter-spacing: .5px;
    line-height: 30px
  }

  .logo {
    line-height: 40px
  }

  .navbar .nav-toggle {
    top: 6px
  }

  .pro-box.slideanim.slide.innerpro {
    width: 100%
  }

  .delblecont p,
  p {
    font-size: 15px;
    line-height: 22px
  }

  .bathtabs ul {
    display: block
  }

  .bathtabs ul li {
    font-size: 15px;
    margin: 10px 0;
    line-height: 24px
  }

  a.cloud-zoom-gallery {
    width: 60px;
    height: 60px
  }

  .zoom-tiny-image {
    padding: 5px
  }

  .copyright p,
  .zoom-small-image {
    width: 100%
  }

  .inabt-right h3,
  .subheadings h4 {
    font-size: 28px;
    line-height: 36px;
    margin: 15px 0
  }

  ul.adddtl li img {
    left: 0
  }

  .inabt-right {
    padding: 0 10px
  }

  .ftrfrm ul li,
  .ftrfrm ul.dlrenry li,
  .ftrfrm ul.dlrenry li:last-child,
  .ftrfrm ul.dlrenry li:nth-child(5) {
    margin: 10px 0
  }

  .copyright {
    padding-bottom: 50px
  }

  ul.adddtl li {
    margin-top: 0
  }

  ul.adddtl {
    margin-bottom: 25px
  }

  .chosen-container-single .chosen-single {
    width: 100%;
    margin: 0
  }

  .padw {
    text-align: center;
    width: 100%
  }

  .padw input#lcbtn {
    width: 50%;
    margin-top: 15px
  }

  .clcimg a svg {
    width: 3em;
    height: 3em
  }

  .header.fixed img {
    bottom: 3px
  }

  .content01left h1,
  .content01left h4 {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 2px
  }

  .content01right h4 {
    font-size: 17px;
    line-height: 24px;
    margin: 0
  }

  .lct .lct-slct {
    padding: 0 20px
  }

  .selectwrap {
    width: 100%;
    float: left
  }

  .footer {
    padding-bottom: 0
  }
}

@media (max-width:376px) {
  .header .col-lg-3.col-sm-6 {
    width: 50%;
    padding: 0
  }

  .cat-hdg {
    font-size: 24px;
    line-height: 36px
  }

  .inabt-right h3:before,
  .subheadings h4:before {
    width: 6px;
    top: 8px;
    height: 87%
  }

  #footer .heading {
    margin-bottom: 15px
  }

  .proslide {
    height: 100vh
  }

  .header {
    padding: 10px
  }

  .aboutus.parallaximg {
    height: 350px
  }

  .footerfrm {
    text-align: center;
    padding: 15px
  }

  body {
    width: 94%;
    margin: 0 auto
  }

  .header.fixed {
    width: 95%;
    margin-left: 2.5%
  }

  .inabt-right h3 {
    margin-top: 0
  }

  .clcimg a svg {
    width: 2.5em;
    height: 2.5em
  }

  .content01right h4 {
    font-size: 14px;
    line-height: 20px
  }

  .content01left h1,
  .content01left h4 {
    font-size: 15px;
    line-height: 20px
  }

  .content01left p {
    font-size: 11px;
    line-height: 17px
  }
}

@media all and (max-width:350px) {
  .leftdtn h4 {
    font-size: 40px;
    line-height: 50px
  }

  .warrentu_banner {
    padding: 35px 10px
  }

  .aboutus,
  .collection,
  .deals,
  .footer,
  .innerabout,
  .pro_downstn,
  .products,
  .quality,
  .space,
  .thanks,
  .why_aquini,
  .whyaquini {
    padding: 10px 0
  }

  .probox {
    padding: 10px 0
  }

  .swiper-container {
    height: 88vh
  }

  .bredcum {
    margin-top: 10px
  }

  .aboutuscont {
    margin: 20px 0
  }

  .delblecont p,
  p {
    font-size: 13px;
    line-height: 20px
  }

  .inabt-right h3,
  .subheadings h4 {
    font-size: 24px;
    line-height: 30px
  }

  .footer {
    padding-bottom: 25px
  }
}