.main-menu ul li a {
    font-size: 15px;
}
.hero-inner {
    margin-left: 0 !important;
}


.work-process-box::before {
        /*background: linear-gradient(180deg, rgb(211, 211, 211) 0%, #d3d3d3 100%) !important;*/
        background: linear-gradient(180deg, rgb(211 211 211 / 22%) 0%, #d3d3d326 100%) !important;
}


::-webkit-scrollbar {
	/*height: 10px !important;*/
	width: 12px;
	background: transparent;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    h1{
        font-size: 5rem;
    }
}


/*phone size code ......................*/

@media (max-width: 320px){
    .ras-text1{
        font-size: 2.5rem !important;
    }
    .ras-text2{
        font-size: 2.5rem !important;
    }
      .ras-home-section{
    padding:0px 30px;
}

}


@media only screen and (min-width: 321px) and (max-width: 425px) {
     .ras-text1{
        font-size: 2.6rem !important;
    }
    .ras-text2{
        font-size: 2.6rem !important;
    }
        .ras-home-section{
    padding:0px 30px;
}
}

@media only screen and (min-width: 425px) and (max-width: 768px) {
     .ras-text1{
        font-size: 3.6rem !important;
    }
    .ras-text2{
        font-size: 3.6rem !important;
    }
        .ras-home-section{
    padding:0px 30px;
}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
     .ras-text1{
        font-size: 5rem !important;
    }
    .ras-text2{
        font-size: 5rem !important;
    }
        .ras-home-section{
    padding:0px 30px;
}
}

@media only screen and (min-width: 1023px) and (max-width: 1150px) {
     .ras-text1{
        font-size: 5rem !important;
    }
    .ras-text2{
        font-size: 5rem !important;
    }
          .ras-home-section{
    padding:0px 30px;
}
  
}

@media only screen and (min-width: 1150px) and (max-width: 1440px) {
     .ras-text1{
        font-size: 5.7rem !important;
    }
    .ras-text2{
        font-size: 5.7rem !important;
    }
  
}

@media only screen and (min-width: 1440px) and (max-width: 2500px) {
     .ras-text1{
        font-size: 6rem !important;
    }
    .ras-text2{
        font-size: 6rem !important;
    }
   
}


/*@media only screen and (min-width: 320px) and (max-width: 375px) {*/
/*     .ras-text1{*/
/*        font-size: 2.5rem !important;*/
/*    }*/
/*    .ras-text2{*/
/*        font-size: 2.5rem !important;*/
/*    }*/
/*    .ras-home-section{*/
/*    padding:0px 30px;*/
/*}*/
/*}*/

/*@media only screen and (min-width: 375px) and (max-width: 425px) {*/
/*     .ras-text1{*/
/*        font-size: 6rem !important;*/
/*    }*/
/*       .ras-home-section{*/
/*            padding:0px 30px;*/
/*    }*/
/*}*/

/*@media only screen and (min-width: 1342px) and (max-width: 1473px) {*/
/*     .ras-text1{*/
/*        font-size: 6rem !important;*/
/*    }*/
/*    .ras-text2{*/
/*        font-size: 6rem !important;*/
/*    }*/
/*    .ras-home-section{*/
/*         padding:0px 30px;*/
/*    }*/
/*}*/

/*@media only screen and (min-width: 1764px) and (max-width: 2652px) {*/
/*     .ras-text1{*/
/*        font-size: 6rem !important;*/
/*    }*/
/*    .ras-text2{*/
/*        font-size: 6rem !important;*/
/*    }*/
/*       .ras-home-section{*/
/*    padding:0px 30px;*/
/*}*/
/*}*/
/*@media only screen and (min-width: 373px) and (max-width: 427px) {*/
/*     .ras-text1{*/
/*        font-size: 3rem !important;*/
/*    }*/
/*    .ras-text2{*/
/*        font-size: 3rem !important;*/
/*    }*/
/*       .ras-home-section{*/
/*    padding:0px 30px;*/
/*}*/
/*}*/
/*@media only screen and (min-width: 424px) and (max-width: 768px) {*/
/*     .ras-text1{*/
/*        font-size: 4rem !important;*/
/*    }*/
/*    .ras-text2{*/
/*        font-size: 4rem !important;*/
/*    }*/
/*       .ras-home-section{*/
/*    padding:0px 30px;*/
/*}*/
/*}*/


/*Start thi section code ...............................................*/


/*@media only screen and (min-width: 1220px) and (max-width: 1330px) {*/
/*     .ras-mobile-menu ul li a{*/
/*          font-size: 12px !important;*/
/*      }*/
/*}*/

/*@media only screen and (min-width: 1231px) and (max-width: 1235px) {*/
/*    .ras-mobile-menu ul li a{*/
/*          font-size: 12px !important;*/
/*      }*/

/*}*/

/*@media only screen and (min-width: 1198px) and (max-width: 1308px) {*/
/*    .ras-mobile-menu ul li a{*/
/*          font-size: 14px;*/
/*      }*/

/*}*/

/*@media only screen and (min-width: 1308px) and (max-width: 1312px) {*/
/*    .ras-mobile-menu ul li a{*/
/*          font-size: 13px !important;*/
/*      }*/

/*}*/

/*@media only screen and (min-width: 1182px) and (max-width: 1230px) {*/
/*    .ras-mobile-menu ul li a{*/
/*          font-size: 13px;*/
/*      }*/

/*}*/

/*@media only screen and (min-width: 1398px) and (max-width: 1773px) {*/
/*    .ras-mobile-menu ul li a{*/
/*          font-size: 14px;*/
/*      }*/

/*}*/

@media  (max-width: 1024px){
     .ras-mobile-menu ul li a{
         display: none !important;
     }
}
@media only screen and (min-width: 1190px) and (max-width: 1321px) {
    .ras-mobile-menu ul li a{
        font-size: 13px !important;
    }
}

@media only screen and (min-width: 1390px) and (max-width: 1800px) {
    .ras-mobile-menu ul li a{
        font-size: 13px !important;
    }
}
/*End this section code ......................*/


@media only screen and (min-width: 990px) and (max-width: 1250px) {
    .brand-wrapper {
        margin-top: 150px !important;
    }

}
@media only screen and (min-width: 1024px) and (max-width: 1440px) {
.ras-text{
    margin-top: -30px !important;
     }
}



/*header mobile screen code */

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .offcanvas-nav-wrapper .main-nav-js::before {
        font-size: 90px !important;
        display: flex;
        justify-content: center;
        align-items:center;
        text-align: center;
    }
}
/*content section code .................*/

/*@media (max-width: 450px), only screen and (min-width: 992px) and (max-width: 1199px) {*/
/*    .about-us-text p {*/
/*        margin-top: -20px !important;*/
/*    }*/
    
/*}*/

.mb-60 {
    margin-bottom: 0 !important;
}

@media (max-width: 1024px){
    .about-us-content {
        margin-top: 0 !important;
    }
    .about-us-text {
        margin-bottom: 20px !important;
    }
}


.section-spacing {
    padding-bottom: 40px;
}

@media (max-width: 575px){
    .ras-sub{
        font-size: 40px !important;
    }
}

body.theme-9 .card .card-header h5:after, body.theme-9 .card .card-header .h5:after, body.theme-9 .card .card-header .h5:after {
    background: none !important;
}

.ras-img{
    width: 60px !important;
}

/*@media only screen and (min-width: 1400px) and (max-width: 1900px){*/
/*    .ras-img{*/
/*    width: 60px !important;*/
/*}*/
/*}*/

@media (max-width: 430px){
    .brand-item {
        width: 200px;
     }
}
@media only screen and (min-width: 430px) and (max-width: 640px) {
   .brand-item {
        width: 200px !important;
     }
     
}

@media only screen and (min-width: 622px) and (max-width: 1024px) {
      .brand-item img {
        width: 80px !important;
     }
     
}
@media only screen and (min-width: 1024px) and (max-width: 1301px) {
      .brand-item img {
        width: 130px !important;
     }
}
@media only screen and (min-width: 1301px) and (max-width: 1500px) {
     .brand-item img {
        width: 130px !important;
     }
}


.section-title-spacing {
        margin-bottom: 17px !important;
}

.work-process-box .process__title {
        font-size: 21px;
}

.work-process-box{
    height:100% !important;
}

@media only screen and (min-width: 425px) and (max-width:768px){
    .about-us-content {
      margin-bottom: 70px !important;
    }
}

/*@media (min-width: 1200px) {*/
/*    .d-xl-block {*/
       
/*    }*/
/*}*/



@media only screen and (min-width: 1199px) and (max-width:1900px){
    .hero__btn{
        bottom: -80px;
    }
}

/*@media (min-width: 960px) and (max-width: 1920px) {*/
/*   .hero__btn {*/
/*   bottom: -100px !important;*/
/*}*/

/*}*/

@media (max-width: 768px){
    .hero__content{
        margin-top: -30px !important;
    }
}

.about-us-content {
    margin-bottom: 0 !important;
    margin-top: 70 !important;
}

@media (max-width: 328px){
    .desk-ras{
        padding:10px 20px !important;
        font-size:15px !important;
    }
}