/*Stying for small screens*/



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







}



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



   



}



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



.hero-slide img {

        height: 320px;

    }



    .hero-content h2 {

        font-size: 28px;

    }



    .hero-content h1 {

        font-size: 42px;

    }



    .csr-text {

        font-size: 18px;

    }



    .csr-item {

        flex: 33%;

        margin-bottom: 20px;

    }



    .csr-item::after {

        display: none;

    }



    .csr-tabs {

        gap: 20px;

        flex-wrap: wrap;

    }



    .csr-card {

        padding: 20px;

    }



    .csr-right {

        border-left: none;

        margin-top: 20px;

    }



    .more-box {

        padding: 30px 25px;

    }



    .more-item img {

        height: 150px;

    }



    .footer-logo {

        text-align: center;

    }



    .footer-col h5::after {

        width: 100%;

    }





}





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

   





}















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







}







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

.csr-wrapper {
    padding: 20px 0px;
}

    .csr-tabs-section {
        margin: 0 0px;
        padding: 20px 0;
    }

  .logo-wrap {

    max-width: 80%;

    margin: 0 auto;

}



  .top-links{

    text-align: center;

  }

.csr-tabs-section-in {
    
    margin: 0 0px;
}

.csr-tabs > li {
    margin: 0 28px 30px;
}

  .csr-tabs-section {

  margin: 0 0px;

  }

.csr-tabs {
    padding-bottom: 20px;
}

  .csr-left h5 {

    text-align: center;

}



.csr-left p {

    text-align: center;

}



.csr-left ul {

    text-align: center;

}



.btn-download {

    width: 100%;

}



.more-box {

    margin: 0 0px;

}



.footer-col h5 {

    text-align: center;

}



.footer-col ul li{

  text-align: center;

}



.Footer-Copyright{

text-align: center !important;

}



}





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



.hero-slide img {

        height: 240px;

    }



    .hero-content h2 {

        font-size: 20px;

    }



    .hero-content h1 {

        font-size: 30px;

    }



    .csr-box {

        padding: 30px 20px;

    }



    .csr-text {

        font-size: 16px;

    }



    .csr-item {

        flex: 50%;

    }



    .csr-tabs {

        justify-content: center;

        gap: 15px;

    }



    .csr-tabs .nav-link {

        font-size: 13px;

    }



    .more-title {

        font-size: 18px;

    }



    .more-item img {

        height: 140px;

    }



    .more-item h5 {

        font-size: 18px;

    }



    .footer-bottom .col-md-4 {

        text-align: center !important;

        margin-bottom: 6px;

    }



}



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







}



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

    







}