/**--------------------------------------------------------------------------
                           Responsive-Properties
-----------------------------------------------------------------------------**/

  @media (min-width: 0px) and (max-width : 575.98px){ 
.container, .container-sm {
  max-width: 100%;
}
}
  @media (min-width: 576px) and (max-width : 767.98px){ 
.container, .container-md, .container-sm {
  max-width: 540px;
}
}
  @media (min-width: 768px) and (max-width : 991.98px){  
.container, .container-lg, .container-md, .container-sm {
  max-width: 720px;
}
}
  @media (min-width: 992px) and (max-width : 1199.98px){ 
.container, .container-lg, .container-md, .container-sm, .container-xl {
  max-width: 960px;
}
}
  @media (min-width: 1200px) and (max-width : 1399.98px){
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  max-width: 1140px;
}  
}
  @media (min-width: 1400px) and (max-width :1619.98px){  
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  max-width: 1320px;
}     
}
@media (min-width: 1620px) and (max-width :26000px){  
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .container-xxxl {
  max-width: 1600px !important;
}
}





/**--------------------------------------------------------------------------
                      html-root   h1 to h6 & p - font-size
-----------------------------------------------------------------------------**/

   @media (min-width: 0px) and (max-width : 575.98px){ 
    html {
    font-size: 14px !important;
    }   
    .h1, h1 {
    font-size:2.2rem !important;
    font-weight: 700;
    }
    .h2, h2 {
    font-size:1.4rem !important;
    font-weight: 700;
    }    
    .h3, h3 {
    font-size:1.1rem !important;
    font-weight: 700;
    }   
    .h4, h4 {
    font-size:1.03rem !important;
    font-weight: 600;   
    }
    .h5, h5 {
    font-size:1.02rem !important;
    font-weight: 600;
    }       
    .h6, h6 {
    font-size:1rem !important;
    font-weight: 500;
    }          
    .p, p {
    font-size: 1rem !important;
    font-weight: 400;
    }       
}

   @media (min-width: 576px) and (max-width : 767.98px){  
    html {
    font-size: 14px !important;
    }    
    .h1, h1 {
    font-size:2.25rem !important;
    font-weight: 700;
    }
    .h2, h2 {
    font-size:1.45rem !important;
    font-weight: 700;
    }    
    .h3, h3 {
    font-size:1.15rem !important;
    font-weight: 700;
    }   
    .h4, h4 {
    font-size:1.06rem !important;
    font-weight: 600;   
    }
    .h5, h5 {
    font-size:1.04rem !important;
    font-weight: 600;
    }       
    .h6, h6 {
    font-size:0.4rem !important;
    font-weight: 500;
    }              
    .p, p {
    font-size: 1rem !important;
    font-weight: 400;
    }       
}
   @media (min-width: 768px) and (max-width : 991.98px){ 
    html {
    font-size: 16px !important;
    } 
    .h1, h1 {
    font-size:2.3rem !important;
    font-weight: 700;
    }
    .h2, h2 {
    font-size:1.5rem !important;
    font-weight: 700;
    }    
    .h3, h3 {
    font-size:1.2rem !important;
    font-weight: 700;
    }   
    .h4, h4 {
    font-size:1.1rem !important;
    font-weight: 600;   
    }
    .h5, h5 {
    font-size:1.06rem !important;
    font-weight: 600;
    }       
    .h6, h6 {
    font-size:1rem !important;
    font-weight: 500;
    }              
    .p, p {
    font-size: 1rem !important;
    font-weight: 400;
    }       
}
    @media (min-width: 992px) and (max-width : 1199.98px){ 
    html {
    font-size: 16px !important;
    }     
    .h1, h1 {
    font-size:2.35rem !important;
    font-weight: 700;
    }
    .h2, h2 {
    font-size:1.6rem !important;
    font-weight: 700;
    }    
    .h3, h3 {
    font-size:1.25rem !important;
    font-weight: 700;
    }   
    .h4, h4 {
    font-size:1.12rem !important;
    font-weight: 600;   
    }
    .h5, h5 {
    font-size:1.1rem !important;
    font-weight: 600;
    }       
    .h6, h6 {
    font-size:1rem !important;
    font-weight: 500;
    }              
    .p, p {
    font-size: 1rem !important;
    font-weight: 400;
    }       
}
    @media (min-width: 1200px) and (max-width : 1399.98px){ 
    html {
    font-size: 16px !important;
    }     
    .h1, h1 {
    font-size:2.4rem !important;
    font-weight: 700;
    }
    .h2, h2 {
    font-size:1.7rem !important;
    font-weight: 700;
    }    
    .h3, h3 {
    font-size:1.3rem !important;
    font-weight: 700;
    }   
    .h4, h4 {
    font-size:1.15rem !important;
    font-weight: 600;   
    }
    .h5, h5 {
    font-size:1.1rem !important;
    font-weight: 600;
    }       
    .h6, h6 {
    font-size:1rem !important;
    font-weight: 500;
    }              
    .p, p {
    font-size: 1rem !important;
    font-weight: 400;
    }       
}

    @media (min-width: 1400px) and (max-width : 1619.99px){ 
    html {
    font-size: 18px !important;
    }     
    .h1, h1 {
    font-size:2.5rem !important;
    font-weight: 700;
    }
    .h2, h2 {
    font-size:1.685rem !important;
    font-weight: 700;
    }    
    .h3, h3 {
    font-size:1.35rem !important;
    font-weight: 700;
    }   
    .h4, h4 {
    font-size:1.2rem !important;
    font-weight: 600;   
    }
    .h5, h5 {
    font-size:1.12rem !important;
    font-weight: 600;
    }       
    .h6, h6 {
    font-size:1rem !important;
    font-weight: 500;
    }              
    .p, p {
    font-size: 1rem !important;
    font-weight: 400;
    }       
}

    @media (min-width: 1620px) and (max-width : 1899.98px){
    html {
    font-size: 20px !important;
    }     
    .h1, h1 {
    font-size:2.6rem !important;
    font-weight: 700;
    }
    .h2, h2 {
    font-size:1.85rem !important;
    font-weight: 700;
    }    
    .h3, h3 {
    font-size:1.4rem !important;
    font-weight: 700;
    }   
    .h4, h4 {
    font-size:1.25rem !important;
    font-weight: 600;   
    }
    .h5, h5 {
    font-size:1.15rem !important;
    font-weight: 600;
    }       
    .h6, h6 {
    font-size:1rem !important;
    font-weight: 500;
    }              
    .p, p {
    font-size: 1rem !important;
    font-weight: 400;
    }       
}

    @media (min-width: 1900px) { 
    html {
    font-size: 20px !important;
    }     
    .h1, h1 {
    font-size:2.8rem !important;
    font-weight: 700;
    }
    .h2, h2 {
    font-size:2rem !important;
    font-weight: 700;
    }    
    .h3, h3 {
    font-size:1.5rem !important;
    font-weight: 700;
    }   
    .h4, h4 {
    font-size:1.3rem !important;
    font-weight: 600;   
    }
    .h5, h5 {
    font-size:1.15rem !important;
    font-weight: 600;
    }       
    .h6, h6 {
    font-size:1rem !important;
    font-weight: 500;
    }              
    .p, p {
    font-size: 1rem !important;
    font-weight: 400;
    }       
}





 body {
   font-family: 'iransansx',byekan, tahoma,sans-serif !important;
   font-size:16rem;
}


 h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {
   font-family: 'iranyekanx', sans-serif;
   color: #282b2d;
}         
 .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: iranyekanx;
}     





@media (min-width: 1400px) and (max-width : 1920px) {
.sp-menu-full.container {
   width: 1340px !important;
}
}