body{

  direction: rtl;
  text-align: right;
  background-color: #f8faf9 !important;

}

.container-fluid{

  /*  max-width: 1350px;*/  
  
}


a:hover{
    text-decoration: none;
}


.my-shadow{
    box-shadow: 0 1px 2px 0 rgba(0 , 0 , 0 , 0.1);
}

.my-shadow1{
    box-shadow: 0 1px 2px 0 rgba(0 , 0 , 0 , 0.5);
}



.main-row{

  padding: 0px 5px;
}


  

.main-row-doc{
    
  padding:0px 5px;
    
}

.main-col{
    
  padding:20px 0px !important;
    
}



@media (min-width: 365px) {
    
    
    
    
    
}


@media (min-width: 576px) {

  .main-row{
      
    padding: 10px 30px;
    
  }

.main-col{

  padding: 0px 20px !important;
  
}
  
  
.main-row-doc{
    
  padding:0px 30px;
  
}


.main-col{
    
  padding:25px 20px !important;
  
}


}



@media (min-width: 768px) {

  .main-row{

    padding: 20px 40px;
  }

  
  

}



@media (min-width: 992px) {



 .main-row{

    padding: 30px 80px;
 }

.main-col{

  padding: 0px 33px !important;
}
  

.main-row-doc{
    
  padding:0px 80px;
    
}



}

@media (min-width: 1200px) {

  .main-row{

    padding: 50px 70px;
  }

.main-row-doc{
    
  padding:0px 200px;
    
}


}


@media (min-width: 1300px) {

  .main-row{

    padding: 50px 100px;
  }





}


@media (min-width: 1400px) {

  .main-row{

    padding: 50px 170px; 
 }
 
.main-row-doc{
    
  padding:0px 230px;
    
}


}

@media (min-width: 1500px) {

  .main-row{

    padding: 50px 200px; 
 }

 
 
 .main-row-doc{
    
  padding:0px 300px;
    
 }



 
}