/*------------------media query---------------*/
@media (min-width: 768px){
   
  
}
@media (min-width: 992px){
    .sec-content p{
        max-width: 65%;
        margin: 0 auto;
    }
    .contact-section p{
        max-width: 70%;
        margin: 0 auto;
    }
    
        
}
@media (min-width:1024px){
}

@media (max-width:1200px){
    
}

@media (max-width:991px){
    body{
        font-size: 15px;
    }
    h1 {
        font-size: 44px;
        line-height: 52px;
    }
    h2, .fs-38 {
        font-size: 24px;
        line-height: 32px;
    }
   
    .container {    max-width: 100%;  }
    
    h1 {
        font-size: 42px;
        line-height: 56px;
    }
    h2 {
        font-size: 28px;
        line-height: 36px;
    }
    h4, .fs-24 {
        font-size: 18px;
        line-height: 24px;
    }
    
    /* --------------------- */
    
    
}

@media (max-width:767px){
    .nav_area ul li a{
        font-size: 14px;
    }
    .nav_area > ul > li {
        padding: 0 8px;
    }
    
    h1, .h1 {
        font-size: 28px;
        line-height: 40px;
    }
    h2, .fs-38 {
        font-size: 20px;
        line-height: 26px;
    }
    h3, .fs-34 {
        font-size: 22px;
        line-height: 28px;
    }
    body{
        line-height: 30px;
    }
    .fs-16 {
        font-size: 16px;
        line-height: 28px;
    }
    .fs-22 {
        font-size: 20px;
        line-height: 28px;
    }
    .copyright p {
        font-size: 12px;
    }
    .footer .menu-title {
        font-size: 20px;
    }
    .footer ul li a {
        font-size: 14px;
        line-height: 20px;
    }
    .box-item{
        max-width: 65%;
        margin: 0 auto;
    }
    
    /* ----------------------- */
    

}
@media (max-width:565px){
    .box-item{
        max-width: 100%;
    }
}