/*responsive start */
 @media only screen and (min-width: 2400px) {}

 @media only screen and (min-width: 1921px) {
     .apidtopbgbanner video {
         width: 91% !important;
     }
 }

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

     _:-ms-fullscreen,
     :root .apidservicelisting {
         width: 50%;
     }

     _:-ms-lang(x),
     .apidservicelisting {
         width: 50%;
     }

     _:-ms-fullscreen,
     :root .apidservicesleftcontent .apidh2 {
         font-size: 40px;
         line-height: 50px;
     }

     _:-ms-lang(x),
     .apidservicesleftcontent .apidh2 {
         font-size: 40px;
         line-height: 50px;
     }
 }
@media only screen and (min-width:1441px) {
    .waterproofenquireform-apid form {padding: 20px 0 0 0;}
    .waterproofenquireform-apid .form-group-apid{margin-bottom: 9px;}
}

 @media only screen and (max-width: 1440px) {
     .waterproofbannerform-apid {
         max-width: 350px;
         left: -55px;
     }

     .waterproofenquireform-apid {
         padding: 30px 30px;
         height: 422px;
     }

     .apidh2 {
         font-size: 40px;
         line-height: 50px;
         padding-bottom: 20px;
     }

     .apidwhyinterior p {
         font-size: 18px;
         line-height: 24px;
     }

     h3.apidh3 {
         font-size: 30px;
         line-height: 40px;
     }

     .apidservicesbox .row .col-sm-6 {
         padding: 0 80px;
     }

     .apidservicesbox .row {
         margin-top: -50px;
     }

     .apidservicesbox .row:first-child {
         margin-top: -110px;
     }

     .apidservices-slider .apidnav-container h2 {
         font-size: 37px;
         line-height: 39px;
     }

     .apidtopbanner h1.apidh1 {
         font-size: 40px;
         line-height: 45px;
     }

     .waterproofbannerform-apid {
         max-width: 313px;
         left: -46px;
         width: 100%;
     }

     .waterproofenquireform-apid .form-group-apid {
         margin-bottom: 13px;
     }

     .waterproofenquireform-apid h3 {
         font-size: 27px;
         line-height: 32px;
     }

     .apidservices-slider .apidnav-container {
         max-width: 34%;
     }

     .apidmain-container {
         max-width: 65%;
     }

     .apidservices-slider .apidnav-container .apidslider-nav .apidverticalwrap p {
         font-size: 14px;
     }

     .apidservices-slider .apidnav-container .apidslider-nav .apidverticalwrap {
         padding: 0px 36px 0 0;
     }

     .apidservices-slider .apidnav-container .apidslider-nav .apidverticalwrap:before {
         right: 10px;
     }

     .apidservices-slider .apidnav-container .apidslider-nav {
         height: 340px;
         margin-bottom: 20px;
     }

     .apidnumber span.circle:after {
         top: 7px;
         left: 2px;
         width: 96px;
         height: 96px;
     }
     .apidvideowrap img{height: 320px;}
 }

 @media only screen and (max-width: 1366px) {
     .custommodal {
         top: 58%;
     }
 }

 @media only screen and (max-width: 1280px) {}

 @media only screen and (max-width: 1024px) {
     .apidservicelistitem img {
         margin: 0px auto;
     }

     .apidservicesbox .row {
         margin-top: -50px;
     }

     .apidcommontab .slick-prev {
         right: 10%;
     }

     .apidvideowrap .apidplayIcon {
         background: rgba(78, 48, 16, 0.9);
         border-radius: 50%;
     }

     .apidtestimonialauthor ul li.apidtestcurrent span img {
         width: 60px;
         height: 60px;
     }

     .waterproofbannerform-apid {
         left: 0;
     }

     h1.apidh1 {
         font-size: 40px;
         line-height: 50px;
     }

     .waterproofenquireform-apid .form-group-apid {
         margin-bottom: 23px;
     }

     .waterproofbannerform-apid {
         margin-left: -75px;
     }

     .apidservices-slider .apidnav-container .apidslider-nav {
         margin-bottom: 20px;
         height: 335px;
         padding: 30px 0 20px 0px;
     }
     .apidmainnav ul li{padding: 0 30px;}
     .apidmainnav ul{padding-top: 6px;}
 }

 @media only screen and (max-width: 991px) {
     .apidmain .container {
         width: 100%;
     }

     .waterproofbannerform-apid {
         width: 55%;
         right: 0;
         left: 0;
         margin: 0px auto;
         top: 74%;
     }

     .waterproofenquireform-apid .form-group-apid {
         margin-bottom: 30px;
     }

     .waterproofenquireform-apid h3 {
         font-size: 24px;
     }

     .waterproofenquireform-apid {
         margin: 0 15px;
     }

     .apidtopbanner h1.apidh1 {
         bottom: auto;
         left: 0;
         top: 40px;
         right: 0;
         text-align: center;
         font-size: 30px;
         line-height: 40px;
         transform: none;
     }

     .apidtopbanner {
         height: 70vh;
     }

     .apidtopbanner .col-sm-4 {
         position: absolute;
         top: 100%;
     }

     .apidbanner img {
         width: 100%;
         height: 135px;
     }

     .waterproofenquireform-apid .apidbtn {
         padding: 12px 10px 12px 15px !important;
         min-width: 122px !important;
     }

     .apidbanner .waterproofbannerform-apid {
         width: 450px;
         top: -20%;
         z-index: 1;
         max-width: 100%;
     }

     .apidofferings {
         background: linear-gradient(180deg, #fff 7%, #e1e1e1 7%);
         position: relative;
         top: 135px;
     }

     a.link--arrowed {
         bottom: -127px;
         width: 40px;
     }

     .apidhidemob {
         display: none;
     }

     .apidshowmob {
         display: block;
     }

     .apidofferingtitle {
         padding-top: 0px;
     }

     .apidh2 {
         font-size: 30px;
         line-height: 40px;
     }

     .apidofferingwrap .col-sm-4 {
         width: 100%;
     }

     .apidofferingwrap .col-sm-8 {
         display: none;
     }

     ul.apidaccordian {
         height: auto;
     }

     .offeringstype {
         background-color: transparent;
         padding-top: 20px;
         margin-right: 0;
         padding-right: 0;
     }

     .apidofferingtitle .apidh2 {
         text-align: left;
     }

     .apidaccordian-container {
         display: block;
     }

     .mobofferingshow {
         display: block;
     }

     .apidaccordian .newoffering {
         padding-right: 0px;
     }

     ul.apidaccordian li.newoffering:before {
         width: 0;
     }

     ul.apidaccordian li {
         text-align: left;
     }

     ul.apidaccordian li img {
         margin-bottom: 20px;
     }

     .apidaccordian-container .apidbtn {
         padding: 12px 20px 12px 25px !important;
         min-width: 140px !important;
         font-size: 16px !important;
         margin: 10px 0 !important;
         background-color: #fff !important;
         color: #4e3010 !important;
     }

     .apidaccordian-container .apidbtn:hover {
         color: #fff !important;
     }

     .apidaccordian-container .apidbtn:before {
         left: -14px;
         width: 20px;
     }

     .apidaccordian-container .apidbtn:hover:before {
         margin-left: 3px;
     }

     ul.apidaccordian li {
         padding: 15px 0;
     }

     ul.apidaccordian li:nth-child(even) {
         text-align: right;
     }

     .apidservices {
         display: block;
         flex-wrap: initial;
         height: auto;
         padding: 100px 0 0 0;
     }

     .apidservicesleft {
         height: auto;
     }

     .apidservicesleftcontent {
         top: 0;
         transform: none;
         position: relative;
         left: 0;
         padding-bottom: 20px;
         padding-top: 60px;
     }

     .apidservices .col-sm-7 .apidservicesleft {
         padding: 0 15px;
         background-image: linear-gradient(#fafafa, #d6d6d6);
     }

     .apidservicesleftcontent .apidh2 {
         font-size: 24px;
         line-height: 32px;
     }

     .apidservicelistitem p {
         font-size: 14px;
         padding: 0px;
     }

     .apidservicelisting {
         display: inline-block;
         flex-wrap: wrap;
         margin: 0 0 0 0px;
         width: 100%;
     }

     .apidservicelistitem {
         padding: 15px 0px;
         width: 30%;
         display: inline-block;
         vertical-align: middle;
     }

     .apidservicelistitem img {
         padding-bottom: 20px;
         margin: 0px auto;
         width: 40px;
     }

     .apidservices .col-sm-7,
     .apidservices .col-sm-5 {
         height: auto;
         width: 100%;
     }

     .apidservicesleft img.apidshowmob {
         position: relative;
         top: 30px;
         margin: 0px auto;
         z-index: 1;
     }

     .apidwork {
         text-align: left;
     }

     .apidhowitwrap {
         display: block;
         margin-top: -30px;
     }

     .apidsteps {
         width: 100%;
         padding: 57px 0;
         position: relative;
     }

     .apidnumber:after {
         top: 100%;
         left: 50%;
         width: 1px;
         height: 135px;
         border-right: 1px dashed #cdcfcc;
         transform: translateX(-50%);
     }

     .apidnumber:before {
         width: 0;
     }

     .apidsteps p {
         font-size: 16px;
         line-height: 24px;
         text-align: right;
         width: 45%;
         position: absolute;
         top: 81%;
         transform: translateY(-50%);
     }

     .apidsteps p span,
     .apidsteps p a.apidphone {
         font-size: 20px;
     }

     .apidsteps:nth-child(even) p {
         right: 0;
         text-align: left;
     }

     .apidwork .apidbtn {
         display: none;
     }

     .apidhowitwrap .apidsteps:nth-child(4) .apidnumber:after {
         height: 0;
     }

     .apidwhyinterior {
         background: #ebebea;
     }

     .apidwhyinterior .apidh2 {
         padding-bottom: 20px;
     }

     .apidwhyinterior .col-sm-6 {
         padding: 0px;
     }

     .apidwhyservices.parallax {
         height: 350px;
     }

     h3.apidh3 {
         font-size: 24px;
         line-height: 32px;
     }

     .apidservicesbox .row .col-sm-6 {
         padding: 0 30px;
         width: 100%;
     }

     .apidimgreveal {
         width: 60%;
     }

     .designexpertswrap h3.apidh3 {
         font-family: 'Abhaya Libre';
         padding-bottom: 5px;
     }

     .apidimgreveal img {
         margin-bottom: 15px;
     }

     .designexpertswrap p {
         text-align: left;
     }

     .apidwhyinterior p {
         font-size: 18px;
     }

     .designexpertswrap {
         padding: 0 0 0 30px;
         top: 0;
         transform: none;
     }

     .designexpertswrap:before {
         background-color: #ae8e5b;
         width: 1px;
         height: 60px;
         content: "";
         position: absolute;
         top: -36px;
         left: 13px;
     }

     .apidservicesbox .row {
         display: block;
         margin-top: 0px;
     }

     .apidservicesbox .row:first-child {
         margin-top: -196px;
     }

     .apidservicesbox .row:nth-child(even) .col-sm-6 .apidimgreveal {
         margin: 0 0 0 auto;
     }

     .apidservicesbox .row {
         margin-bottom: 30px;
     }

     .apidservicesbox .row:nth-child(even) .col-sm-6 .designexpertswrap {
         padding: 0 30px 0 0;
     }

     .apidservicesbox .row:nth-child(even) .col-sm-6 .designexpertswrap p {
         text-align: right;
     }

     .apidservicesbox .row:nth-child(even) .col-sm-6 .designexpertswrap:before {
         right: 13px;
         left: auto;
     }

     .apidinspiration {
         margin-top: 0px;
     }

     .apidinspiration>img {
         height: 200px;
         object-fit: cover;
         width: 100%;
     }

     .apidinspirationtab {
         position: relative;
         bottom: auto;
         top: 0px;
         margin-top: 0px;
     }

     .apidinspiretab {
         display: none;
     }

     .apidcommontab {
         height: auto;
         opacity: 1;
         padding-bottom: 0px;
         width: 100%;
     }

     .livingtabshow {
         display: block;
     }

     .apidtabitem {
         display: inline-block;
         overflow: hidden;
     }

     .apidtabitem.slick-slide {
         height: auto;
         width: 280px;
     }

     .apidtabitem {
         padding: 0 0px;
         margin: 0 10px;
     }

     .apidinspirationtab .container {
         padding: 0px 0 0 30px;
     }

     .apidinspirationtab .apidh2 {
         margin: 10px 0 0 -15px;
         display: inline-block;
     }

     .inspiretabcontainer .apidh3 {
         color: #4e3010;
         text-align: left;
         padding-right: 10px;
         line-height: 24px;
         font-size: 18px;
         display: inline-block;
     }

     .inspiretabcontainer .apidh3.livingroomwhite {
         color: #fff;
     }

     .apidtabitem.slick-slide .apidtaboverlay {
         background: rgba(0, 0, 0, 0.4);
         width: 100%;
         height: 100%;
         position: absolute;
         top: 0;
         left: 0;
     }

     .apidtabitem.slick-slide.slick-current.slick-active .apidtaboverlay {
         background: rgba(0, 0, 0, 0);
     }

     .apidtabitem.slick-slide.slick-active .apidtaboverlay {
         background: rgba(0, 0, 0, 0);
     }

     .pagingInfo {
         display: inline-block;
         font-size: 13px;
         color: #4d3010;
     }

     .pageinfowhite {
         color: #fff;
     }

     .apidtestimonial {
         background: none;
         padding: 60px 0 60px 0;
         overflow-x: hidden;
     }

     .apidvideowrap img {
         height: 250px;
     }

     .apidtestimonialauthor {
         position: relative;
         top: 20px;
     }

     .apidtestimonialauthor ul li {
         margin-left: 15px;
         display: inline-block;
     }

     .apidtestimonialauthor li.apidtestcurrent span:before,
     .apidtestimonialauthor li:hover span:before {
         right: 42px;
         top: -40px;
         transform: rotate(90deg);
         width: 30px;
         height: 2px;
     }

     .apidtestimonialauthor ul li {
         margin: 10px 0 0 15px;
     }

     .apidtestimonialauthor li span {
         position: relative;
         left: 0;
         right: auto;
     }

     .apidtestimonialauthor ul li.apidtestcurrent img {
         width: 50px;
         height: 50px;
     }

     .apidtestimonialauthor ul li img {
         width: 40px;
         height: 40px;
     }

     .apidtestimonialauthor ul li abbr {
         padding: 0 0px 15px 15px;
         display: inline-block;
     }

     .apidtestimonialauthor ul li.apidtestcurrent abbr {
         color: #4e3010;
     }

     .apidtestimonialauthor li span:before {
         transition: none;
     }

     .warrantycommonslide {
         height: auto;
         opacity: 1;
         padding-top: 40px;
     }

     .warrantytabs {
         display: none;
     }

     .apidwarrantydetails {
         position: relative;
         opacity: 1;
         bottom: 0;
     }

     .apidwarrantydescription {
         margin: 10px -10px 30px -10px;
         padding-right: 50px;
     }

     .whiteknomore {
         width: 90%;
         padding: 20px;
     }

     .apidwarrantywrap .warrantytabcontainer {
         padding: 0 20px;
     }

     .apidwarrantydetails .apidh3 {
         font-size: 20px;
         line-height: 30px;
         padding-top: 15px;
         padding-bottom: 0;
     }

     .apidwarrantywrap {
         margin-top: 0px;
     }

     .apidknowwrap img {
         height: 350px;
         object-fit: cover;
         width: 100%;
     }

     .whiteknomore p {
         font-size: 18px;
         line-height: 24px;
     }

     .apidtopbanner .col-sm-8,
     .apidtopbanner .col-sm-4 {
         width: 100%;
     }

     .apidtestwrap .col-sm-9 {
         width: 100%;
     }

     .apidwarrantywrap .col-sm-9 {
         width: 100%;
     }

     .warrantycommonslide .col-sm-5,
     .warrantycommonslide .col-sm-4 {
         width: 50%;
     }

     .apidwarrantywrap .col-sm-8 {
         width: 100%;
     }

     .apidservicesbox .row:nth-child(even) h3.apidh3:before,
     h3.apidh3:before {
         width: 0;
     }

     .apidwarranty {
         overflow-x: hidden;
     }

     .warrantycommonslide .row {
         display: block;
     }

     h2.apidmobileHeading {
         display: block;
         text-align: left;
         font-size: 30px;
         line-height: 40px;
         color: #ae8e5b;
         padding: 0 15px 20px 15px;
     }

     .apidservices-slider .apidnav-container {
         display: none;
     }

     .apidmain-container {
         max-width: 100%;
         padding-bottom: 0px;
     }

     .apidmain-container .apidslider-main img {
         width: 100%;
         padding: 0 15px;
     }

     .apidmainslidercontent {
         display: block;
         padding: 15px 0px;
     }

     .apidmainslidercontent h3 {
         font-family: 'Abhaya Libre';
         font-weight: 700;
         padding-bottom: 10px;
         color: #ae8e5b;
         font-size: 20px;
         line-height: 30px;
         padding: 0 15px;
     }

     .apidmainslidercontent p {
         color: #4e3010;
         font-size: 16px;
         font-family: 'Abhaya Libre';
         line-height: 20px;
     }

     .apidofferparacontents {
         height: auto;
         opacity: 1;
         padding: 0 15px;
     }

     .apidslider-main>div {
         margin-bottom: 20px;
     }

     .apidslider-main>div:nth-child(odd) .apidmainslidercontent {
         text-align: left;
     }

     .warrantyslidernav {
         display: none;
     }

     .warrantyslidermain .row {
         display: block;
     }

     .warrantyslidermain .warrantymainitems {
         padding-top: 20px;
     }

     .apidwarranty .apidh2 {
         padding-bottom: 0px;
     }

     .warrantyslidermain {
         padding: 0 20px;
     }

     .apidwarranty .col-sm-8 {
         width: 100%;
     }

     .warrantymainitems .col-sm-5,
     .warrantymainitems .col-sm-4 {
         width: 50%;
     }

     .apidservicesbox .row:nth-child(odd) .col-sm-6:nth-child(2) {
         padding: 0 50px 0 30px;
     }

     .apidservicesbox .row:nth-child(even) .col-sm-6:nth-child(2) {
         padding: 0 30px 0 50px;
     }

     .apidbtn {
         padding: 9px 20px 9px 25px !important;
         font-size: 13px !important;
         min-width: 130px;
     }

     .apidbanner {
         background-attachment: scroll;
         background-position: 0% 100%;
         background: url('/content/dam/asianpaints/ids-page/01aa_APIDS_NewDesign_Mobile_25thJuly.png') no-repeat;
         background-size: contain;
     }

     .apidtopbgbanner {
         background: url('/content/dam/asianpaints/ids-page/apidvideoimgmobile.jpg') no-repeat center 30%;
         background-size: cover;
         transform: none;
         position: relative;
     }

     .apidwork h2.apidh2 {
         padding-bottom: 0px;
     }

     .apidinspiration>img {
         display: none;
     }

     .apidinspirationtab h2.apidh2 {
         display: none;
     }

     .apidinspirationtab .container {
         padding: 0px;
     }

     .inspiretabcontainer h3.apidh3 {
         display: none;
     }

     .apidlivingtabcontainer {
         padding: 50px 0 50px 30px;
         background: linear-gradient(180deg, #fff 70%, #ae8e5b 70%);
         position: relative;
     }

     .apidlivingtabcontainertop {
         background: url('/content/dam/asianpaints/ids-page/inspirationpattern.png') no-repeat 0% 150%, linear-gradient(180deg, #fff 70%, #ae8e5b 70%);
         position: relative;
         padding: 50px 0 50px 30px;
     }

     .apidlivingtabcontainer h4.apidh4 {
         color: #fff;
         font-size: 20px;
         font-family: 'Abhaya Libre';
         line-height: 26px;
         font-weight: 700;
         padding-left: 30px;
         position: relative;
         display: block;
         top: 9px;
     }

     .apidcommontab .slick-track {
         padding-bottom: 20px;
     }

     .apidlivingtabcontainer h4.apidh4:before {
         content: "";
         position: absolute;
         top: -47px;
         left: 14px;
         width: 1px;
         height: 65px;
         background-color: #fff;
     }

     .apidlivingtabcontainertop h2.apidh2 {
         display: block;
         color: #ae8e5b;
         padding-bottom: 40px;
     }

     .apidtestslider .col-sm-6 {
         width: 100%;
         height: auto;
     }

     .apidtestwrap {
         width: 100%;
     }

     .apidtestslider .slick-dots li button {
         background-color: #bdbdbd;
         border-radius: 50%;
         width: 5px;
         height: 5px;
         margin: 0px auto;
     }

     .apidtestslider .slick-dots li {
         margin: 0px;
     }

     .apidtestslider .slick-dots li button:before {
         font-size: 0px;
     }

     .apidtestslider .slick-dots {
         bottom: 7px;
         right: 15px;
         left: auto;
         text-align: right;
     }

     .apidtestslider .slick-dots li.slick-active button {
         background-color: #ae8e5b;
     }

     .apidclient span {
         margin-right: 10px;
         margin-left: 40px;
     }

     .apidclient span:before {
         top: -5px;
         transform: rotate(90deg);
         left: -80%;
         height: 1px;
         width: 51px;
     }

     .apidtestimonialvideo a.apidvideobtn {
         width: 100%;
     }

     .apidlivingtabcontainer .apidcommontab {
         top: 20px;
     }

     .apidlivingtabcontainertop .apidcommontab {
         top: 0px;
     }

     .apidlivingtabcontainertop h4.apidh4 {
         top: 0;
     }

     .apidtopbgbanner video {
         display: none;
     }

     .apidofferparacontents .apidbtn {
         padding: 7px 0px 0px 0px !important;
         min-width: auto !important;
         font-size: 12px !important;
         margin: 10px 0 5px 0 !important;
         border-bottom: 1px solid #ae8e5b !important;
         border-right: 0px !important;
         border-left: 0px !important;
         border-top: 0px !important;
         background-color: transparent !important;
         color: #ae8e5b !important;
         font-weight: 700;
     }

     .apidofferparacontents .apidbtn:hover:after {
         width: 0px;
     }

     .apidofferparacontents .apidbtn:hover {
         color: #4e3010 !important;
         border-bottom: 1px solid #4e3010 !important;
     }

     .jpx-is-wrapper>.jpx-is-container {
         height: 250px;
     }

     .apidknowmore .jpx-is-wrapper {
         height: 450px;
     }

     .apidknowmore .jpx-is-wrapper>.jpx-is-container {
         height: 450px;
     }

     .apidwarrantydetails p:last-child {
         padding: 0 20px;
     }

     .apidcommontab .apidtabitem:last-child {
         padding: 0 5px;
     }

     .apidslider-main>div:last-child {
         margin-bottom: 0px;
     }

     .apidnumber span.circle:after {
         top: 7px;
         left: 2px;
         width: 96px;
         height: 96px;
     }

     .waterproofenquireform-apid .form-group-apid {
         height: 38px;
     }
     .apidboxcontainer{bottom: -125px;}
     /* apid header starts*/
     .apidheader .container{width: 100%;}
     .apidheadlogo{width: 150px; margin-left: 25px;}
     .apidmobileheader{
       display: block;
       width: 300px;
       position: fixed;
       top: 62px;
       background-color: #fff;
       height: calc(100vh - 62px);
       z-index: 3;
       margin-left: -300px;
       transition: all 0.25s linear;
     }
     .apidmobileheader.apidshowmobileheader{margin-left: 0px;}
     .apidmainnav{display: none;}
     .apidmobileheader ul li a{font-size: 14px; color: #4c4c4c;font-family:'Open Sans';text-align: left; padding: 15px 0;display: block;}
     .apidmobileheader ul li{margin: 0 10px;border-bottom: 1px solid #CCC;}
     .apidmobileheader ul{padding-top: 10px;}
     .apidtogglenav{display: inline-block;z-index: 9;}
     .apidtogglenav span{
       display: block;
       height: 3px;
       width: 100%;
       background: #7350ac;
       opacity: 1;
       -webkit-transition: .25s ease-in-out;
       -moz-transition: .25s ease-in-out;
       -o-transition: .25s ease-in-out;
       transition: .25s ease-in-out;
       width: 25px;
       margin: 0px 0px 5px 0;
       position: relative;
     }
     .apidactivetoggle span:last-child{display: none;}
     .apidactivetoggle span:nth-child(1){transform: rotate(45deg); transition: all 0.25s ease-in-out; top: -2px;}
     .apidactivetoggle span:nth-child(2){transform: rotate(-45deg); transition: all 0.25s ease-in-out; top: -10px;}
     .apidmobileheader ul li a.apidactive{ color: #7350ac; }
     .bodycampaign{padding-top: 60px !important;}
     .apidbodyscrollhide{
       position: fixed;
       width: 100%;
       height: 100%;
       background-color: rgba(0, 0, 0, 0.8);
       opacity: 0;
       top: 0px;
       left: 0px;
       z-index: 2;
       visibility: hidden;
       display: block;
     }
     .apidbodyscrollhide.open{
      opacity: 1;
      visibility: visible;
     }
     .bodycampaign.apidbodyoverflowhide{overflow-y: hidden; position: fixed;}
     .apidheader{padding: 15px 0;}
     .apidmobileheader ul li:last-child{border-bottom: 0px;}
     .apidinnerfooter p{font-size: 14px;}
     .apidmain{margin-top: 0;}
     /*.apidtopbanner{height: 74vh;}*/
     #email-error{bottom: 0px;}
     .apidboxcontainer{bottom: -95px !important;}
     .apidtopbanner{height: 90vh !important;}
     /* apid header ends*/
 }

 @media only screen and (max-width: 767px) {
     a.link--arrowed {
         bottom: -99px;
         border-radius: 50%;
     }

     .apidsteps p {
         top: 160px;
         transform: none;
     }
 }

 @media only screen and (max-width: 520px) {
     .apidbanner .waterproofbannerform-apid {
         width: 320px;
         top: -29%;
         z-index: 1;
     }

     .apidtopbanner h1.apidh1 {
         bottom: auto;
         left: 0;
         top: 20px;
         right: 0;
         text-align: center;
         font-size: 24px;
         line-height: 30px;
     }

     .apidimgreveal {
         width: 70%;
     }

     .warrantycommonslide .col-sm-5,
     .warrantycommonslide .col-sm-4 {
         width: 100%;
     }

     .apidtabitem.slick-slide.slick-active .apidtaboverlay {
         background: rgba(0, 0, 0, 0.4);
     }

     .warrantymainitems .col-sm-5,
     .warrantymainitems .col-sm-4 {
         width: 100%;
     }

     .waterproofenquireform-apid .form-group-apid {
         margin-bottom: 15px;
     }

     .waterproofenquireform-apid h3 {
         font-size: 20px;
         line-height: 25px;
     }

     .wpformdata p {
         font-size: 12px;
         line-height: 16px;
     }

     .waterproofenquireform-apid form {
         padding: 5px 0 0 0;
     }

     a.link--arrowed {
         bottom: -104px;
     }

     .custommodal {
         padding: 0 15px;
         width: 100%;
         height: 250px;
     }

     .modalclose {
         top: -16px;
         right: 0;
     }

     .apidwhyservices.parallax {
         height: 150px;
     }

     .waterproofenquireform-apid {
         height: auto;
     }

     .waterproofenquireform-apid {
         padding: 15px 30px;
     }

     .apidnumber span.circle:after {
         top: 7px;
         left: 2px;
         width: 96px;
         height: 96px;
     }

     .waterproofenquireform-apid .form-group-apid {
         height: 45px;
     }

     .apidboxcontainer {
         bottom: -95px !important;
         width: 100%;
         right: 0;
     }
 }

 @media only screen and (max-width: 320px) {
     .waterproofbannerform-apid {
         width: 320px;
         z-index: 2;
         top: 87%;
     }

     .waterproofenquireform-apid {
         padding: 15px 20px 15px 30px;
     }

     .apidbanner .waterproofbannerform-apid {
         top: -29%;
     }

     a.link--arrowed {
         bottom: -91px;
     }
 }

/* ids page responsive */
@media only screen and (max-width:1024px){
   .apidmain .container{width: 100%;}
   .apidhowitwrap {
        display: block;
        margin-top: -30px;
    }
    .apidsteps{width: 100%;}
   .apidnumber{
        width: 100px;
        margin: 0 15px 0 0;
        display: inline-block;
   }
   .apid-para{
        width: 70%;
        display: inline-block;
        text-align: left;
        position: relative;
        top: 100px;
        left: -29px;
   }
   .apidsteps{
        display: flex;
        padding: 60px 0;
   }
   .apidsteps p{
        top: 0;
        width: 100%;
        position: relative;
        text-align: left;
        transform:none;
   }
   .apid-para h3{
        font-size: 20px;
        line-height: 25px;
   }
   .apidnumber:before{
        content: "";
        position: absolute;
        top: -50%;
        right: 100%;
        width: 2px;
        height: 106px;
        border-left: 1px dashed #cdcfcc;
        transform: translate(-50%, -50%);
        left: 50%;
   }
   .apidnumber:after{
        top: 100%;
        left: 50%;
        width: 1px;
        height: 106px;
        border-right: 1px dashed #cdcfcc;
        transform: translateX(-50%);
   }
   .apidhowitwrap .apidsteps:nth-child(1) .apidnumber:before{height: 0; width: 0;}
   .apidhowitwrap .apidsteps:nth-child(4) .apidnumber:after{height: 206px;}
   .apidwork{
        text-align: center;
   }
   .apidwork .apidbtn{
        position: relative;
        top: 40px;
        left: 0;
        right: 0;
        display: inline-block;
   }
   .apidwork h2.apidh2{
        text-align: left;
   }
   .apidnotification{
        /* justify-content: flex-start;
        align-items: flex-start;
        padding: 15px 0;
        top: 40px;
        flex-wrap: wrap;
        position: relative; */
   }
   .apidnotification p{
        margin-right: 0px;
        /* margin-left: 40px; */
        text-align: left;
        /* margin-top: 20px; */
        width: 100%;
        font-size: 14px;
        line-height: 24px;
   }
   .apidbanner .waterproofenquireform-apid{height:auto;}
   .apidnotification p.receivenotification:before{left: 0px;}
}

@media only screen and (max-width: 520px){
   .apidbanner .waterproofbannerform-apid{top:-37%;}
}

@media only screen and (max-width:480px){
   .apidnumber{width: 100px;}
   .apidhowitwrap .apidsteps:nth-child(6) .apidnumber:after{height: 240px;}
   .apidnumber:after{height: 220px;}
   .apidnumber:before{height: 220px;}
}
@media only screen and (max-width:380px){
   .apidnumber{width: 106px;}
}
@media only screen and (max-width:320px){
   .apidnumber {
        width: 116px;
    }
    .apidnumber:before{
         top: -100%;
    }
    .apidnumber:after{
        height: 252px;
    }
    .apidhowitwrap .apidsteps:nth-child(4) .apidnumber:after{
         height: 251px;
    }
    .apidhowitwrap .apidsteps:nth-child(6) .apidnumber:after{
        height: 300px;
    }
}
@media only screen and (max-width:1440px){
  .apidservices-slider .apidnav-container .apidslider-nav{
       height: 352px;
  }
}

@media only screen and (max-width:991px) and (orientation : landscape){
  .apidtopbanner {
       height: 100vh;
   }
   .apidtopbanner .col-sm-8, .apidtopbanner .col-sm-4{
       flex: 100%;
       max-width: 100%;
   }
   .apidbanner .waterproofbannerform-apid{
       top: 37px;
   }
   .apidofferings{
       top: 250px;
   }
   .apidservices{
        padding: 200px 0 0 0;
   }
   .apidservices .col-sm-7, .apidservices .col-sm-5{max-width: 100%; flex: 100%;}
   .apidservicesbox .row .col-sm-6{max-width: 100%; flex: 100%;}
   .apidwarranty .col-sm-8{max-width: 100%; flex: 100%;}
   .warrantymainitems .col-sm-5, .warrantymainitems .col-sm-4{max-width: 100%; flex: 100%;}
   .warrantymainitems .col-sm-5, .warrantymainitems .col-sm-4{width: 100%;}
   .apidmain .container{max-width: 100%;}
   .apidnumber:after{border-left: 1px dashed #cdcfcc; border-right: 0px;}
   .apidhowitwrap .apidsteps:nth-child(4) .apidnumber:after{border-left: 1px dashed #cdcfcc; border-right: 0px; width: 0; height: 106px;}
   #email-error{bottom: 0px;}
}
/* ids page responsive */