@media only screen and (min-width:2300px){
    .contact-section { min-height: 120.3rem; padding-top: 20rem;}
}
@media only screen and (min-width:2000px ) and (max-width: 2290px) {
    .contact-section { min-height: 108.3rem;}
}
@media only screen and (max-width:1500px){
    .about-us-section .scroll-down-txt { width: 16.5rem;}
    .about-us-section .scroll-down-txt .inner-part a { margin-top: 13rem; margin-left: -7rem;}
    .about-us-section .scroll-down-txt .inner-part { padding-top: -8rem;}
}

@media only screen and (max-width:1400px){
    .about-us-section .about-inner .left { margin-left: 7.1rem;}
    .about-us-section:before { width: 41.4%;}
    .hs-error-msgs { font-size: 10px;}


}


@media only screen and (max-height:800px){
    .banner-part .right { background-size: 90%; background-position-x: right; background-repeat: no-repeat;}
    .banner-part .right.second{background-size: 90%; background-position-x: right; background-repeat: no-repeat; }

}


@media only screen and (max-width:1349px){
    html { font-size: 52.5%;}
}

@media only screen and (max-width:1199px){
    html { font-size: 52.5%;}
    .contact-section .contact-section-inner .left-part { max-width: 55rem;}
    .contact-section .contact-section-inner .right-part { max-width: 38.3rem;}
    .our-clients-bx .client-inner-bx .client-logo-slider ul { width: 85%; margin: auto;}
    .banner-part .right { background-size: 90%; background-position-x: right; background-repeat: no-repeat;}
    .banner-part .right.second { background-size: 90%; background-position-x: right; background-repeat: no-repeat;}
    .banner-part .left { height: 75rem;}
    .hs-error-msgs { bottom: auto; font-size: 9px;}



}


@media only screen and (max-width:991px){
    html { font-size: 47.5%;}
    .header-main .header-inner .left { max-width: 21.7rem;}
    .header-main .header-inner .left img { max-width: 100%;}
    .footer-main .footer-inner .footer-top .left { max-width: 21.7rem;}
    .footer-main .footer-inner .footer-top .left img { max-width: 100%;}
    .about-us-section .scroll-down-txt { display: none;}
    .about-us-section .about-inner { padding: 17rem 0 5rem;}
    .tab-part { padding: 0 0rem;}
    .contact-section .contact-section-inner .left-part { max-width: 45rem;}
    .footer-main .footer-inner .footer-bottom { flex-wrap: wrap; padding-bottom: 5rem;}
    .footer-main .footer-inner .copyright-txt { width: 100%; order: 2; margin-top: 2rem;}
    .footer-main .footer-inner .footer-links { order: 1;}
    .hs-form-74d4a2bd-62cf-498d-b78e-4d5d4d36050e_d99d022e-2132-4d26-a098-770d888f1c74 fieldset.form-columns-2 .hs-form-field { width: 100%;}
    .hs-form-field { width: 100%!important;}
    .hs-error-msgs { font-size: 10px; bottom: -15px;}
    .header-main .header-inner .right ul li a { padding: 0.9rem 0.5rem;}

    .call-to-action-bx .inner-bx .heading-txt { font-size: 4rem;}

   
    .footer-main .footer-inner .footer-bottom { text-align: center;}
    .footer-main .footer-inner .footer-links { display: block; width: 100%;}
    .footer-main .footer-inner .footer-top .right .award-logo { width: 60px;}

    .promote-bx { width: 100px;}
    .promote-bx img { width: 100%; height: auto;}
    .promote-bx a { margin-top: 0;}




}

@media only screen and (max-width:767px){
    html { font-size: 62.5%;}
    .banner-part .left { position: relative; order: 2; padding-left: 4.6rem;  padding-right: 4.6rem; height: auto; padding-top: 8.4rem; padding-bottom: 8.5rem; background: #fff;  text-align: center; max-width: 100%;}
    .banner-part:before { width: 19.5rem; height: 14.5rem; background-size: 64.5rem;  z-index: 10;  } 
    .banner-part .right { background-size: 155%; background-position-x: right; position: relative; height: 36rem;}
    .banner-part .right.second {  background-size: 155%; background-position-x: right; position: relative; height: 36rem; background-position-y: -115px;}
    .banner-part:after { width: 4rem; height: 23.7rem; top: 96px; z-index: 10; background-size: 67.5rem; background-position-x: -7.3rem; background-position-y: -16.9rem;}
    .banner-part-inner .container { max-width: 100%; width: 100%;}
    .banner-part .slick-dots { bottom: auto; top: 40rem;}
    .banner-part .left .gen-heading { font-size: 2.2rem; line-height: 1.5;}
    .banner-part .left .gen-txt { margin-top: 1.5rem; max-width: 100%;  font-size: 1.3rem;}
    .banner-part .left .gen-txt:after { left: 0; right: 0; margin: auto;}
    .about-us-section:before { width: 60%; height: 39.5rem;}
    .about-us-section .about-inner { flex-wrap: wrap; padding: 10rem 0 5rem;}
    .about-us-section .about-inner .right { width: 100%; padding-left: 0; padding-top: 5rem;}
    .about-us-section .about-inner .left { width: 15.7rem; margin-left: 45%;}
    .gen-heading { font-size: 2.2rem; margin-bottom: 2.3rem;}
    .about-us-section .about-inner .right .gen-txt { font-size: 1.3rem;}
    .porfolio-section { margin-top: 2rem;}
    .porfolio-section .gen-line-heading:before { top: 1.4rem;}

    .porfolio-section .sub-part:nth-child(even) { padding-right: calc(var(--bs-gutter-x) * 0.5);}
    .porfolio-section .sub-part:nth-child(odd) { padding-left: calc(var(--bs-gutter-x) * 0.5);}
    .porfolio-section .sub-part .content-bx .website-category { font-size: 1.3rem; margin-bottom: 1rem;}
    .porfolio-section .sub-part .content-bx { margin-top: 2rem;}
    .porfolio-section .sub-part .content-bx .website-heading { font-size: 1.5rem; margin-bottom: 1rem;}
    .porfolio-section .sub-part .content-bx .website-txt { font-size: 1.3rem;}
    .porfolio-section .sub-part { margin-bottom: 5rem;}

    .what-we-offer-section { padding: 5rem 0 0;}
    /* .what-we-offer-section .we-offer-inner .heading-part { text-align: left;} */

    .tab-part .tab-heading ul { display: flex; overflow-x: auto;}
    .tab-part .tab-heading ul li a { line-height: 5rem; font-size: 1.3rem;  padding: 0 1.8rem;}
    .tab-part .tab-heading ul li { margin: 0 1rem;}
    .tab-part .tab-heading ul li a.active:before { bottom: -1.6rem; display: none;}

    .services-bx ul li { width: 100%; margin-bottom: 2rem; padding: 4.6rem 3.6rem 5.6rem;}
    .services-bx ul li .sub-heading { font-size: 1.5rem;}
    .services-bx ul li p { font-size: 1.3rem;}
    .services-bx ul li:nth-child(4) { margin-bottom: 2rem;}
    .services-bx ul li:nth-child(5) { margin-bottom: 2rem;}
    .services-bx ul li:nth-child(6) { margin-bottom: 2rem;}
    .services-bx ul { margin-bottom: 0;}

    .our-clients-bx { padding: 4.5rem 0 3rem 0;}
    .our-clients-bx .client-inner-bx .gen-heading { text-align: left; margin-bottom: 2rem;}
    .our-clients-bx .client-inner-bx .gen-txt { font-size: 1.3rem;}
    .our-clients-bx .client-inner-bx .client-logo-slider { margin-top: 2rem;}
    .contact-section { margin: 0rem 0 3rem;}
    .contact-section .contact-section-inner { margin-top: 4rem; }
    .form-control {  height: 4.2rem; font-size: 1.3rem;}
    .contact-section .contact-section-inner .left-part { max-width: 100%;}
    .submit-btn { width: 13rem; height: 4.2rem; font-size: 1.3rem; padding: 0 2.4rem; background-size: 1.6rem; float:right;}
    .submit-btn:hover { background-size: 1.6rem;}

    .contact-section .contact-section-inner .right-part { max-width: 100%; border-top: 1px solid #DADADA; margin-top: 4rem; text-align: center;}
    .contact-section .contact-section-inner .right-part .ad-bx .bx-inner .sub-heading { font-size: 1.5rem; margin-bottom: 1rem;}
    .contact-section .contact-section-inner .right-part .ad-bx .bx-inner p { font-size: 1.3rem;}
    .contact-section .contact-section-inner .right-part .ad-bx .bx-inner { margin-bottom: 3rem;}

    .footer-main .footer-inner .footer-top { flex-wrap: wrap; justify-content: center;}
    .footer-main .footer-inner .footer-top .right { width: 100%; margin-top: 3rem; display: flex; justify-content: center;}
    .footer-main .footer-inner .footer-bottom { border-top: 0; margin-top: 0;}
    .social-links ul li a { width: 4.9rem; height: 4.9rem;}
    .social-links ul li a img { transform: scale(0.8);}
    .footer-main .footer-inner .footer-top {  flex-wrap: wrap; justify-content: center;}
    .footer-main .footer-inner .footer-top .right { width: 100%;  margin-top: 3rem; display: flex; justify-content: center;}
    .footer-main .footer-inner .footer-bottom { border-top: 0; margin-top: 0;  text-align: center; padding-bottom:0;}
    .social-links ul li a { width: 4.9rem;  height: 4.9rem;}
    .social-links ul li a img { transform: scale(0.8);}
    .footer-main .footer-inner .footer-links ul li a { font-size: 1.3rem;}
    .footer-main .footer-inner .footer-links ul li { padding: 0 1.2rem;}
    .footer-main .footer-inner .footer-links { display: inline-block; width: 100%;}
    .footer-main .footer-inner .copyright-txt { border-top: 1px solid #DADADA;  padding: 2rem 0; font-size: 1rem;}
    .services-bx ul li:hover { transform: translateY(-0.5rem);}

    .header-main .header-inner .right { position: fixed; width: 100%; height: 100vh;  left: 0; background: #fff;  overflow: hidden;     top: -100vh;
        transition: .5s ease-in-out;}
    .header-main { z-index: 99;}
    .header-main .header-inner .right ul { display: block; text-align: center; margin-top: 7rem;}
    .header-main .header-inner .right ul li { display: block; width: 90%; margin: auto; border-bottom: 1px solid #DADADA; text-align: center; padding: 3rem 0;}
    .header-main .header-inner .right ul li a {display: inline-block; font-size: 1.7rem;}
    .header-main .header-inner .right .cross-icon { position: absolute; bottom: 90px; left: 0; right: 0; margin: auto; width: 21px;}
    a.cross-icon {display:block;}
    a.hamburger-icon {display:block}
    .header-main .header-inner .right.show-menu {  top: 0; transition: .5s ease-in-out;}
    .container{width:85%;}

    .social-links ul li:first-child a { background: #1DA1F2;}

    .social-links ul li:nth-child(2) a { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4d30d6+0,522ed6+3,532ed3+3,542ed1+6,572cd1+6,592ccf+7,5b2cca+12,602aca+12,602aca+14,5f27c6+14,6027c4+15,6525c2+20,6625bf+20,6725bd+23,6a23bd+23,6a23bd+24,6c21ba+24,6d22ba+27,6e22b6+27,6e22b6+28,7321b4+28,7722b3+32,7a21af+32,7d20ac+36,7f1da8+36,8220ab+37,831fa6+37,851ea3+41,891ea2+41,891ea2+42,8c1d9f+43,941c97+49,961c93+49,991c94+52,9b1b92+52,9b1b92+53,9c1b8f+53,9e1e8f+55,a01d8d+56,a21c8b+58,a41c88+58,a61e8a+59,a71e86+61,aa1e87+63,ac1e82+64,ae2084+66,b12180+70,b3227d+70,b4237e+73,b5227b+73,b8257d+74,b8257d+75,ba247b+75,bb257c+79,bb2678+79,bc2778+83,be2776+83,bf2875+88,c12a77+88,c12a77+91,c22a73+91,c22c73+100 */
        background: rgb(77,48,214); /* Old browsers */
        background: -moz-linear-gradient(-45deg,  rgba(77,48,214,1) 0%, rgba(82,46,214,1) 3%, rgba(83,46,211,1) 3%, rgba(84,46,209,1) 6%, rgba(87,44,209,1) 6%, rgba(89,44,207,1) 7%, rgba(91,44,202,1) 12%, rgba(96,42,202,1) 12%, rgba(96,42,202,1) 14%, rgba(95,39,198,1) 14%, rgba(96,39,196,1) 15%, rgba(101,37,194,1) 20%, rgba(102,37,191,1) 20%, rgba(103,37,189,1) 23%, rgba(106,35,189,1) 23%, rgba(106,35,189,1) 24%, rgba(108,33,186,1) 24%, rgba(109,34,186,1) 27%, rgba(110,34,182,1) 27%, rgba(110,34,182,1) 28%, rgba(115,33,180,1) 28%, rgba(119,34,179,1) 32%, rgba(122,33,175,1) 32%, rgba(125,32,172,1) 36%, rgba(127,29,168,1) 36%, rgba(130,32,171,1) 37%, rgba(131,31,166,1) 37%, rgba(133,30,163,1) 41%, rgba(137,30,162,1) 41%, rgba(137,30,162,1) 42%, rgba(140,29,159,1) 43%, rgba(148,28,151,1) 49%, rgba(150,28,147,1) 49%, rgba(153,28,148,1) 52%, rgba(155,27,146,1) 52%, rgba(155,27,146,1) 53%, rgba(156,27,143,1) 53%, rgba(158,30,143,1) 55%, rgba(160,29,141,1) 56%, rgba(162,28,139,1) 58%, rgba(164,28,136,1) 58%, rgba(166,30,138,1) 59%, rgba(167,30,134,1) 61%, rgba(170,30,135,1) 63%, rgba(172,30,130,1) 64%, rgba(174,32,132,1) 66%, rgba(177,33,128,1) 70%, rgba(179,34,125,1) 70%, rgba(180,35,126,1) 73%, rgba(181,34,123,1) 73%, rgba(184,37,125,1) 74%, rgba(184,37,125,1) 75%, rgba(186,36,123,1) 75%, rgba(187,37,124,1) 79%, rgba(187,38,120,1) 79%, rgba(188,39,120,1) 83%, rgba(190,39,118,1) 83%, rgba(191,40,117,1) 88%, rgba(193,42,119,1) 88%, rgba(193,42,119,1) 91%, rgba(194,42,115,1) 91%, rgba(194,44,115,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(-45deg,  rgba(77,48,214,1) 0%,rgba(82,46,214,1) 3%,rgba(83,46,211,1) 3%,rgba(84,46,209,1) 6%,rgba(87,44,209,1) 6%,rgba(89,44,207,1) 7%,rgba(91,44,202,1) 12%,rgba(96,42,202,1) 12%,rgba(96,42,202,1) 14%,rgba(95,39,198,1) 14%,rgba(96,39,196,1) 15%,rgba(101,37,194,1) 20%,rgba(102,37,191,1) 20%,rgba(103,37,189,1) 23%,rgba(106,35,189,1) 23%,rgba(106,35,189,1) 24%,rgba(108,33,186,1) 24%,rgba(109,34,186,1) 27%,rgba(110,34,182,1) 27%,rgba(110,34,182,1) 28%,rgba(115,33,180,1) 28%,rgba(119,34,179,1) 32%,rgba(122,33,175,1) 32%,rgba(125,32,172,1) 36%,rgba(127,29,168,1) 36%,rgba(130,32,171,1) 37%,rgba(131,31,166,1) 37%,rgba(133,30,163,1) 41%,rgba(137,30,162,1) 41%,rgba(137,30,162,1) 42%,rgba(140,29,159,1) 43%,rgba(148,28,151,1) 49%,rgba(150,28,147,1) 49%,rgba(153,28,148,1) 52%,rgba(155,27,146,1) 52%,rgba(155,27,146,1) 53%,rgba(156,27,143,1) 53%,rgba(158,30,143,1) 55%,rgba(160,29,141,1) 56%,rgba(162,28,139,1) 58%,rgba(164,28,136,1) 58%,rgba(166,30,138,1) 59%,rgba(167,30,134,1) 61%,rgba(170,30,135,1) 63%,rgba(172,30,130,1) 64%,rgba(174,32,132,1) 66%,rgba(177,33,128,1) 70%,rgba(179,34,125,1) 70%,rgba(180,35,126,1) 73%,rgba(181,34,123,1) 73%,rgba(184,37,125,1) 74%,rgba(184,37,125,1) 75%,rgba(186,36,123,1) 75%,rgba(187,37,124,1) 79%,rgba(187,38,120,1) 79%,rgba(188,39,120,1) 83%,rgba(190,39,118,1) 83%,rgba(191,40,117,1) 88%,rgba(193,42,119,1) 88%,rgba(193,42,119,1) 91%,rgba(194,42,115,1) 91%,rgba(194,44,115,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(135deg,  rgba(77,48,214,1) 0%,rgba(82,46,214,1) 3%,rgba(83,46,211,1) 3%,rgba(84,46,209,1) 6%,rgba(87,44,209,1) 6%,rgba(89,44,207,1) 7%,rgba(91,44,202,1) 12%,rgba(96,42,202,1) 12%,rgba(96,42,202,1) 14%,rgba(95,39,198,1) 14%,rgba(96,39,196,1) 15%,rgba(101,37,194,1) 20%,rgba(102,37,191,1) 20%,rgba(103,37,189,1) 23%,rgba(106,35,189,1) 23%,rgba(106,35,189,1) 24%,rgba(108,33,186,1) 24%,rgba(109,34,186,1) 27%,rgba(110,34,182,1) 27%,rgba(110,34,182,1) 28%,rgba(115,33,180,1) 28%,rgba(119,34,179,1) 32%,rgba(122,33,175,1) 32%,rgba(125,32,172,1) 36%,rgba(127,29,168,1) 36%,rgba(130,32,171,1) 37%,rgba(131,31,166,1) 37%,rgba(133,30,163,1) 41%,rgba(137,30,162,1) 41%,rgba(137,30,162,1) 42%,rgba(140,29,159,1) 43%,rgba(148,28,151,1) 49%,rgba(150,28,147,1) 49%,rgba(153,28,148,1) 52%,rgba(155,27,146,1) 52%,rgba(155,27,146,1) 53%,rgba(156,27,143,1) 53%,rgba(158,30,143,1) 55%,rgba(160,29,141,1) 56%,rgba(162,28,139,1) 58%,rgba(164,28,136,1) 58%,rgba(166,30,138,1) 59%,rgba(167,30,134,1) 61%,rgba(170,30,135,1) 63%,rgba(172,30,130,1) 64%,rgba(174,32,132,1) 66%,rgba(177,33,128,1) 70%,rgba(179,34,125,1) 70%,rgba(180,35,126,1) 73%,rgba(181,34,123,1) 73%,rgba(184,37,125,1) 74%,rgba(184,37,125,1) 75%,rgba(186,36,123,1) 75%,rgba(187,37,124,1) 79%,rgba(187,38,120,1) 79%,rgba(188,39,120,1) 83%,rgba(190,39,118,1) 83%,rgba(191,40,117,1) 88%,rgba(193,42,119,1) 88%,rgba(193,42,119,1) 91%,rgba(194,42,115,1) 91%,rgba(194,44,115,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d30d6', endColorstr='#c22c73',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    }
    .social-links ul li:nth-child(3) a { background: #3b5998;}
    .footer-logo { width: 15.7rem;}   
    .tab-part .tab-heading ul::-webkit-scrollbar { display: none;}
    .banner-part:after { display: none;}
    
    .hbspt-form form fieldset input, select, textarea { height: 4.2rem; font-size: 1.3rem;}
    .hs-button { font-size: 1.3rem; width: 22rem; height: 4.2rem; background-size: 1.6rem;}
    .hs-button:hover { background-size: 1.6rem;}
    .hs-form-field .hs-input { width: 100%!important;}

    .header-main .header-inner .right { display: block;}
    .appointment-btn { text-align: center; margin-top: 3rem;}

    .call-to-action-bx .inner-bx .heading-txt { font-size: 2.2rem; margin-bottom: 3rem;}
    .call-to-action-bx .inner-bx .heading-txt br { display: none;}
    .call-to-action-bx { padding: 5rem 0;}
    .call-to-action-bx .inner-bx .number-bx a { font-size: 1.3rem; width: 22rem; height: 5.2rem; background-size: 1.6rem;}
    .call-to-action-bx .inner-bx .number-bx a .icon-bx svg { width: 2rem;  height: 2rem;}

    .header-main .header-inner .right ul li a { padding: 0.9rem 1.5rem;}
    
    .footer-main .footer-inner .footer-top .right .award-logo { width: 70px;}
    .promote-bx { margin-top: 10px;}
    



}




@media only screen and (max-width:575px){
    .banner-part .right.second { background-position-y: -30px;}
    .about-us-section .about-inner .left { margin-left: 40%;}
    .our-clients-bx .client-inner-bx .client-logo-slider { width: 90%; margin: auto;}
    #scroll-top { width: 4.9rem; height: 4.9rem;}
    #scroll-top .arrow { margin-top: 1.3rem;}


}


@media only screen and (max-width:479px){
    .header-main .header-inner .left {  max-width: 20.7rem;}
    .banner-part .right.second { background-position-y: bottom;}
    .banner-part .left { padding-left: 3.6rem; padding-right: 3.6rem; padding-bottom: 6.5rem;}
    .about-us-section .about-inner .left { margin-left: 30%;}
    .footer-main .footer-inner .footer-links ul li { padding: 0 0.2rem; }
    .footer-main .footer-inner .footer-bottom { padding-top: 2.3rem;}
    .footer-main .footer-inner .copyright-txt { margin-top: 4rem;}


}