@media only screen and (max-width: 479px) {
    .header-row-2 .navbar img {
        width: 100px;
    }
    .header-row-1 {
        display: none;
    }

    .hr1-left a {
        font-size: 11px;
    }

    .carousel-caption.carousel-caption-2 {
        left: 50%;
        right: 10%;
        transform: translate(-50%, -50%);
        top: 30%;
        width: 57%;
        text-align: right;
    }

    .carousel-caption.carousel-caption-2 h5 {
        font-size: 19px;
        text-align: left;
        font-weight: 700;
        color: #fdc500;
        margin-bottom: 10px;
        -webkit-animation-name: fadeInLeft;
        animation-name: fadeInLeft;
        -webkit-animation-duration: 1s;
        animation-duration: 1.2s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .carousel-caption.carousel-caption-2 p {
        font-size: 11px;
        margin-bottom: 5px;
    }

    .carousel-caption.carousel-caption-2 a {
        background: #fdc500;
        font-size: 11px;
        color: #000;
        margin-top: -10px;
        font-weight: 500;
        margin-right: 70px;
        padding: 7px 18px;
    }

    .carousel-caption.carousel-caption-1 {
        right: inherit;
        left: 50%;
        right: 10%;
        transform: translate(-50%, -50%);
        top: 30%;
        width: 55%;
        text-align: left;
    }

    .carousel-caption.carousel-caption-1 h5 {
        font-size: 19px;
    }

    .carousel-caption.carousel-caption-1 p {
        font-size: 11px;
        margin-bottom: 5px;
    }

    .carousel-caption.carousel-caption-1 a {
        background: #fdc500;
        font-size: 11px;
        padding: 7px 18px;
        margin-top: -10px;
    }

    .section-pad {
        padding-top: 26px;
        padding-bottom: 90px;
    }

    .choose_left {
        border: 5px solid #f9c739;
        padding: 46px 21px 46px 33px;
        width: 100%;
    }

    .section-title h2 {
        font-size: 23px;
    }

    .single-services {
        margin: 20px;
    }

    .col-md-offset-1 {
        margin-left: 0px;
    }
    #particle-canvas {
        width: 100%;
        height: 129px;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }
    #particle-canvas canvas {
        width: 100%;
        height: 129px;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }

    /* about */
    .page-banner-content h2 {
        font-size: 30px;
    }

    .choose-us-content {
        margin-right: 0px;
    }

    .round {
        margin: 20px;
    }

    .sec_title {
        font-size: 35px;
    }

    .com_history .sec_desc {
        margin-bottom: 60px;
    }

    .singleHistory {
        margin-bottom: 30px;
    }

    .ptb-100 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .page-banner-area::before {
        background-color: rgba(255, 255, 255, 0.7);
    }

    /* about */
    /* contact */
    .contact-row .inner-box-3 {
        margin: 20px;
    }

    .tp-contact-big-title {
        font-size: 30px;
    }

    .bank h4 {
        font-size: 16px;
    }

    .bank p {
        font-size: 13px;
    }

    .ar5-row {
        padding-right: 0px;
    }
    .con-details iframe{
        margin-top:0;
    }

    /* contact */
    /* registration */
    .heading-lg {
        font-size: 25px;
        color: #e2ab3f;
    }

    .h1 {
        font-size: 35px;
    }

    .business .heading-lg {
        font-size: 26px;
        padding: 0 0 30px;
    }

    .business .service-details-card .thumbnail img {
        height: 29px;
        width: 110px;
    }

    .PF-Contribution .heading-lg {
        padding-top: 30px;
    }

    .PF-Contribution .single-service-step {
        margin-bottom: 30px;
    }

    .servicelist--style2 .service--style2 {
        margin: 0 0 30px;

    }

    .servicelist--style2 {
        padding-bottom: 50px;
    }

    .call-action .cta-sameline {
        padding-right: 0;
        text-align: center;
    }

    .call-action .cta-sameline h2:first-child,
    .call-action .cta-sameline h3:first-child {
        margin-top: -10px;
    }

    .call-action .cta-sameline .btn,
    .call-action .cta-sameline .cta-num {
        position: static;
        margin-top: 20px;
    }

    .call-action .cta-sameline .btn {
        /* transition: none; */
        position: static;
        margin-top: 20px;
        transform: translate(0, 0);
    }

    .call-action .cta-sameline p {
        text-align: center;
    }



    /* registration */
    /* digital signature */
    .section-pad .h1 {
        font-size: 30px;
    }

    .registration h2 {
        font-size: 30px;
    }

    .registration .heading-lg {
        font-size: 25px;
        padding: 30px 0;
    }

    .epfo-info h2 {
        font-size: 30px;
    }

    /* digital signature */
    /* tax compiance */
    .how-we-work-area .inner-content .heading h3 {
        color: #2b3032;
        font-size: 17px;
        line-height: 20px;
        text-transform: uppercase;
    }

    /* tax compiance */
    /* digital signature */
    .xs-mb30{
        padding-bottom: 30px;
    }
    /* digital signature */
    /* utility services */
    .trust-row {
        padding: 20px 0px;
    }
    .service-detials-step-3 .title{
        padding-top: 30px;
    }
    .mt--70 {
        margin-bottom: 50px !important;
    }
    .trust-services {
        padding: 0px 0;
        padding-top:50px;
    }
    /* utility services */

    .page-banner-area #particle-canvas {
        width: 100%;
        height: 192px !important;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }
    .page-banner-area #particle-canvas canvas {
        width: 100%;
        height: 192px !important;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }
    .PF-Contribution .single-service-step {
        height: auto;
    }



}

@media only screen and (min-width: 480px) and (max-width: 557px) {
    #particle-canvas {
        width: 100%;
        height: 166px;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }
    #particle-canvas canvas {
        width: 100%;
        height: 166px;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }
}
@media only screen and (min-width: 558px) and (max-width: 767px) {
    #particle-canvas {
        width: 100%;
        height: 193px;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }
    #particle-canvas canvas {
        width: 100%;
        height: 193px;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .header-row-2 .navbar img {
        width: 100px;
    }
    .header-row-1 {
        display: none;
    }

    .hr1-left a {
        font-size: 11px;
    }

    .carousel-caption.carousel-caption-2 {
        left: 50%;
        right: 10%;
        transform: translate(-50%, -50%);
        top: 35%;
        width: 57%;
        text-align: right;
    }

    .carousel-caption.carousel-caption-2 h5 {
        font-size: 25px;
        text-align: left;
        font-weight: 700;
        color: #fdc500;
        margin-bottom: 10px;
        -webkit-animation-name: fadeInLeft;
        animation-name: fadeInLeft;
        -webkit-animation-duration: 1s;
        animation-duration: 1.2s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .carousel-caption.carousel-caption-2 p {
        font-size: 12px;
        margin-bottom: 5px;
    }

    .carousel-caption.carousel-caption-2 a {
        background: #fdc500;
        font-size: 12px;
        color: #000;
        margin-top: -10px;
        font-weight: 500;
        margin-right: 70px;
        padding: 7px 18px;
    }

    .carousel-caption.carousel-caption-1 {
        right: inherit;
        left: 50%;
        right: 10%;
        transform: translate(-50%, -50%);
        top: 35%;
        width: 55%;
        text-align: left;
    }

    .carousel-caption.carousel-caption-1 h5 {
        font-size: 25px;
    }

    .carousel-caption.carousel-caption-1 p {
        font-size: 12px;
        margin-bottom: 9px;
    }

    .carousel-caption.carousel-caption-1 a {
        background: #fdc500;
        font-size: 11px;
        padding: 7px 18px;
        margin-top: -10px;
    }

    .section-pad {
        padding-top: 26px;
        padding-bottom: 90px;
    }

    .choose_left {
        border: 5px solid #f9c739;
        padding: 46px 21px 46px 33px;
        width: 100%;
    }

    .section-title h2 {
        font-size: 28px;
    }

    .single-services {
        margin: 20px;
    }

    .col-md-offset-1 {
        margin-left: 0px;
    }
    

    /* about */
    .page-banner-content h2 {
        font-size: 30px;
    }

    .choose-us-content {
        margin-right: 0px;
    }

    .round {
        margin: 20px;
    }

    .sec_title {
        font-size: 35px;
    }

    .com_history .sec_desc {
        margin-bottom: 60px;
    }

    .singleHistory {
        margin-bottom: 30px;
    }

    .ptb-100 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .page-banner-area::before {
        background-color: rgba(255, 255, 255, 0.7);
    }

    /* about */
    /* contact */
    .contact-row .inner-box-3 {
        margin: 20px;
    }

    .tp-contact-big-title {
        font-size: 30px;
    }

    .bank h4 {
        font-size: 20px;
    }

    .bank p {
        font-size: 16px;
    }

    .ar5-row {
        padding-right: 0px;
    }
    .con-details iframe{
        margin-top:0;
    }

    /* contact */
    /* registration */
    .heading-lg {
        font-size: 25px;
        color: #e2ab3f;
    }

    .h1 {
        font-size: 35px;
    }

    .business .heading-lg {
        font-size: 26px;
        padding: 0 0 30px;
    }

    .business .service-details-card .thumbnail img {
        height: 29px;
        width: 110px;
    }

    .PF-Contribution .heading-lg {
        padding-top: 30px;
    }

    .PF-Contribution .single-service-step {
        margin-bottom: 30px;
    }

    .servicelist--style2 .service--style2 {
        margin: 0 0 30px;

    }

    .servicelist--style2 {
        padding-bottom: 50px;
    }

    .call-action .cta-sameline {
        padding-right: 0;
        text-align: center;
    }

    .call-action .cta-sameline h2:first-child,
    .call-action .cta-sameline h3:first-child {
        margin-top: -10px;
    }

    .call-action .cta-sameline .btn,
    .call-action .cta-sameline .cta-num {
        position: static;
        margin-top: 20px;
    }

    .call-action .cta-sameline .btn {
        /* transition: none; */
        position: static;
        margin-top: 20px;
        transform: translate(0, 0);
    }

    .call-action .cta-sameline p {
        text-align: center;
    }

    .column {
        max-width: 100%;
    }



    /* registration */
    /* digital signature */
    .section-pad .h1 {
        font-size: 30px;
    }

    .registration h2 {
        font-size: 30px;
    }

    .registration .heading-lg {
        font-size: 25px;
        padding: 30px 0;
    }

    .epfo-info h2 {
        font-size: 30px;
    }

    /* digital signature */
    .xs-mb30{
        padding-bottom: 30px;
    }
    /* digital signature */
    /* utility services */
    .trust-row {
        padding: 20px 0px;
    }
    .service-detials-step-3 .title{
        padding-top: 30px;
    }
    .mt--70 {
        margin-bottom: 50px !important;
    }
    .trust-services {
        padding: 0px 0;
        padding-top:50px;
    }
    /* utility services */
    .page-banner-area #particle-canvas {
        width: 100%;
        height: 192px !important;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }
    .page-banner-area #particle-canvas canvas {
        width: 100%;
        height: 192px !important;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }
    .PF-Contribution .single-service-step {
        height: auto;
    }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-row-2 .navbar img {
        width: 100px;
    }

    .hr1-left a {
        font-size: 11px;
    }
    .header-row-1 {
        display: none;
    }

    .carousel-caption.carousel-caption-2 {
        left: 50%;
        right: 10%;
        transform: translate(-50%, -50%);
        top: 50%;
        width: 57%;
        text-align: right;
    }

    .carousel-caption.carousel-caption-2 h5 {
        font-size: 35px;
        text-align: left;
        font-weight: 700;
        color: #fdc500;
        margin-bottom: 10px;
        -webkit-animation-name: fadeInLeft;
        animation-name: fadeInLeft;
        -webkit-animation-duration: 1s;
        animation-duration: 1.2s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .carousel-caption.carousel-caption-2 p {
        font-size: 15px;

    }

    .carousel-caption.carousel-caption-2 a {
        background: #fdc500;
        font-size: 12px;
        color: #000;
        margin-top: -10px;
        font-weight: 500;
        margin-right: 70px;
        padding: 7px 18px;
        margin: auto 169px;
    }

    .carousel-caption.carousel-caption-1 {
        right: inherit;
        left: 50%;
        right: 10%;
        transform: translate(-50%, -50%);
        top: 50%;
        width: 55%;
        text-align: left;
    }

    .carousel-caption.carousel-caption-1 h5 {
        font-size: 35px;
    }

    .carousel-caption.carousel-caption-1 p {
        font-size: 15px;
    }

    .carousel-caption.carousel-caption-1 a {
        background: #fdc500;
        font-size: 11px;
        padding: 7px 18px;
        margin-top: -10px;
        margin: auto 162px;
    }

    .feature-row:first-child,
    .feature-row.mgfix {
        z-index: 1;
        position: relative;
        flex-direction: column;
    }

    .feature-inner-row {
        max-width: 100%;
    }

    .ar3-inner {
        flex-direction: column;
    }

    .ar3-inner-row {
        max-width: 100%;
    }

    .ar4-inner {
        flex-direction: column;
    }

    .ar4-inner-row {
        max-width: 100%;
    }

    .section-pad {
        padding-top: 26px;
        padding-bottom: 90px;
    }

    .choose_left {
        border: 5px solid #f9c739;
        padding: 46px 21px 46px 33px;
        width: 100%;
    }

    .section-title h2 {
        font-size: 28px;
    }

    .single-services {
        margin: 20px;
    }

    .col-md-offset-1 {
        margin-left: 0px;
    }

    .clearfix {
        flex-direction: column;
    }

    .footer-inner-row {
        max-width: 100%;
    }
    #particle-canvas {
        width: 100%;
        height: 264px;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }
    #particle-canvas canvas {
        width: 100%;
        height: 264px;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }

    /* about */

    .choose-us-content {
        margin-right: 0px;
    }

    .abt-inner {
        flex-direction: column;
    }

    .res-s-bttm {
        max-width: 100%;

    }

    .round {
        margin-bottom: 30px;
    }

    .ptb-100 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .page-banner-content h2 {
        font-size: 32px;
    }

    .page-banner-area::before {
        background-color: rgba(255, 255, 255, 0.7);
    }

    /* about */
    /* contact */
    .contact-inner-row {
        max-width: 100%;
    }

    .contact-inner {
        flex-direction: column;
    }

    .contact-row .inner-box-3 {
        margin: 20px 125px
    }

    .contact-row .inner-box-2 {
        margin: 20px 122px;
    }
    .con-details iframe{
        margin-top:0;
    }


    /* contact */
    /* registration */
    .business-inner {
        flex-direction: column;
    }

    .business-inner-row {
        max-width: 100%;
    }

    .epf-inner {
        flex-direction: column;
    }

    .epf-inner-row {
        max-width: 100%;
    }

    .PF-Contribution .heading-lg {
        padding-top: 50px;
    }

    .PF-Contribution-inner {
        max-width: 100%;
        margin-bottom: 30px;
    }

    .PF-Contribution-inner-row {
        flex-direction: column;
    }

    .PF-Contribution .single-service-step p.disc {
        text-align: center;
    }

    /* registration */
    .column {
        max-width: 100%;
    }

    /* digital signature */
    .section-pad .h1 {
        font-size: 30px;
    }

    .registration h2 {
        font-size: 30px;
    }

    .registration .heading-lg {
        font-size: 25px;
        padding: 30px 0;
    }

    .epfo-info h2 {
        font-size: 30px;
    }

    
    /* digital signature */
    .financial-company-area .company-content .custom .col-one p,
    .financial-company-area .company-content .custom .col-two p {
        font-size: 22px;
    }
    
    .xs-mb30{
        padding-bottom: 30px;
    }

    /* digital signature */ 
    /* utility services */
    .trust-services-row{
        flex-direction: column;
    }
    .trust-services-inner-row{
        max-width: 100%;
    }
    .payroll-services-inner{
        flex-direction: column;
    }
    .payroll-services-inner-row{
        max-width: 100%;
    }
    .payroll-services h3 {
        text-align: left;
    }
    .trust-row {
        padding: 20px 0px;
    }
    .service-detials-step-3 .title{
        padding-top: 30px;
    }
    .other-services h6{
        text-align: left;
    }
    .other-services-inner{
        flex-direction: column;
    }
    .other-services-inner-row{
        max-width: 100%;
    }
    /* utility services */
    .page-banner-area #particle-canvas {
        width: 100%;
        height: 195px !important;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }
    .page-banner-area #particle-canvas canvas {
        width: 100%;
        height: 195px !important;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }
    .PF-Contribution .single-service-step {
        height: auto;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {

    .carousel-caption.carousel-caption-2 h5 {
        font-size: 37px;
    }

    .carousel-caption.carousel-caption-1 h5 {
        font-size: 37px;
    }

    .contact-row .inner-box .inner-content i.fa {
        font-size: 34px;
        float: left;
        width: 21%;
        color: #fbc83a;
    }
    #particle-canvas {
        width: 100%;
        height: 345px;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }
    #particle-canvas canvas {
        width: 100%;
        height: 345px;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }

}
@media only screen and (min-width: 1400px) and (max-width: 1440px){
    
    #particle-canvas {
        width: 100%;
        height: 483px;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }
    #particle-canvas canvas {
        width: 100%;
        height: 483px;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }
    
    
}
@media only screen and (min-width: 1441px) and (max-width: 1490px){
    
    #particle-canvas {
        width: 100%;
        height: 500px;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }
    #particle-canvas canvas {
        width: 100%;
        height: 500px;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }
    
    
}
@media only screen and (min-width: 1491px) and (max-width: 1540px){
    
    #particle-canvas {
        width: 100%;
        height: 511px;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }
    #particle-canvas canvas {
        width: 100%;
        height: 511px;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }
    
    
}
@media only screen and (min-width: 1541px) and (max-width: 1599px){
    
    #particle-canvas {
        width: 100%;
        height: 532px;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }
    #particle-canvas canvas {
        width: 100%;
        height: 532px;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }
    
    
}
@media only screen and (min-width: 1600px) and (max-width: 1650px){
    
    #particle-canvas {
        width: 100%;
        height: 551px;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }
    #particle-canvas canvas {
        width: 100%;
        height: 551px;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }
    
    
}
@media only screen and (min-width: 1651px) and (max-width: 1699px){
    
    #particle-canvas {
        width: 100%;
        height: 568px;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }
    #particle-canvas canvas {
        width: 100%;
        height: 568px;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }
    
    
}
@media only screen and (min-width: 1700px) and (max-width: 1750px){
    
    #particle-canvas {
        width: 100%;
        height: 585px;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }
    #particle-canvas canvas {
        width: 100%;
        height: 585px;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }
    
    
}
@media only screen and (min-width: 1751px) and (max-width: 1799px){
    
    #particle-canvas {
        width: 100%;
        height: 605px;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }
    #particle-canvas canvas {
        width: 100%;
        height: 605px;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }
    
    
}
@media only screen and (min-width: 1800px) and (max-width: 1849px){
    
    #particle-canvas {
        width: 100%;
        height: 623px;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }
    #particle-canvas canvas {
        width: 100%;
        height: 623px;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }
    
    
}
@media only screen and (min-width: 1850px) and (max-width: 1899px){
    
    #particle-canvas {
        width: 100%;
        height: 640px;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }
    #particle-canvas canvas {
        width: 100%;
        height: 640px;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }
    
    
}
@media only screen and (min-width: 1108px) and (max-width: 1157px){
    
    #particle-canvas {
        width: 100%;
        height: 381px;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }
    #particle-canvas canvas {
        width: 100%;
        height: 381px;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }
    .carousel-caption.carousel-caption-2 h5 {
        font-size: 40px;
    }
    .carousel-caption.carousel-caption-1 h5 {
        font-size: 40px;
    }

    
    


}
@media only screen and (min-width: 1158px) and (max-width: 1207px){
    
    #particle-canvas {
        width: 100%;
        height: 400px;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }
    #particle-canvas canvas {
        width: 100%;
        height: 400px;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }
    .carousel-caption.carousel-caption-2 h5{
        font-size: 43px;
    }
    .carousel-caption.carousel-caption-1 h5{
        font-size: 43px;
    }



}
@media only screen and (min-width: 1208px) and (max-width: 1257px){
    
    .carousel-caption.carousel-caption-2 h5{
        font-size: 42px;
    }
    .carousel-caption.carousel-caption-1 h5{
        font-size: 42px;
    } 
    #particle-canvas {
        width: 100%;
        height: 417px;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }
    #particle-canvas canvas {
        width: 100%;
        height: 417px;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }


}
@media only screen and (min-width: 1258px) and (max-width: 1306px){
    
    .carousel-caption.carousel-caption-2 h5{
        font-size: 42px;
    }
    .carousel-caption.carousel-caption-1 h5{
        font-size: 42px;
    } 
    #particle-canvas {
        width: 100%;
        height: 433px;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }
    #particle-canvas canvas {
        width: 100%;
        height: 433px;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }


}
@media only screen and (min-width: 1307px) and (max-width: 1356px){
    
    .carousel-caption.carousel-caption-2 h5{
        font-size: 45px;
    }
    .carousel-caption.carousel-caption-1 h5{
        font-size: 45px;
    } 
    #particle-canvas {
        width: 100%;
        height: 450px;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }
    #particle-canvas canvas {
        width: 100%;
        height: 450px;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }


}
@media only screen and (min-width: 1357px) and (max-width: 1399px){
    
    .carousel-caption.carousel-caption-2 h5{
        font-size: 45px;
    }
    .carousel-caption.carousel-caption-1 h5{
        font-size: 45px;
    } 
    #particle-canvas {
        width: 100%;
        height: 470px;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }
    #particle-canvas canvas {
        width: 100%;
        height: 470px;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }


}
@media only screen and (min-width: 1058px) and (max-width: 1107px){
    
    #particle-canvas {
        width: 100%;
        height: 365px;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }
    #particle-canvas canvas{
        width: 100%;
        height: 365px;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }
    .carousel-caption.carousel-caption-2 h5 {
        font-size: 38px;
    }
    .carousel-caption.carousel-caption-1 h5 {
        font-size: 38px;
    }


}
@media only screen and (min-width: 1025px) and (max-width: 1057px){
    
    #particle-canvas {
        width: 100%;
        height: 354px;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }
    #particle-canvas canvas {
        width: 100%;
        height: 354px;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }
    .carousel-caption.carousel-caption-2 h5{
        font-size: 39px;
    }
    .carousel-caption.carousel-caption-1 h5{
        font-size: 39px;
    }


}