@media only screen and (min-width:1000px) and (max-width:1200px){ 
.stellarnav > ul > li > a { font-size: 13px; padding: 25px 7px;}  
 

}
@media only screen and (min-width:768px) and (max-width:999px){
 
.stellarnav > ul > li.menuapply{ display:block;}  
.stellarnav > ul > li > a { padding: 16px 8px; font-size:13px;text-transform: capitalize;} 
header .logo { 	padding-top: 8px; }
.stellarnav.light.left .menu-toggle, .stellarnav.light.right .menu-toggle { float: right;}
 
} 

@media only screen and (min-width:480px) and (max-width:767px){ 
        .snap-section {  min-height:auto;  }
        body {font-size: 16px;}
        header .logo { 	padding-top: 13px; }
        .banner-title, .exposer, .real-expo, .why-osfira, #use-case, .data-febric, .platformbox, #outcome {padding:40px 0;}
        .banner-title h1, .exposer h2,  #solution h2, .why-osfira h2, #use-case h2, .platformbox h2, #outcome h2, .plateform-for h3 { font-size: 24.7px;  } 
        .exposer img, .why-osfira img{max-height: 150px;} 
        .text-wraper-problem h2, #solution h3 {line-height: 25.7px; margin-top: 3%; } 
        #solution .responsive-table table tbody td{font-size: 14px;}
        .why-osfira ul li { margin-bottom:40px;}
        .stellarnav.light.left .menu-toggle, .stellarnav.light.right .menu-toggle { float: right;} 
        footer {padding: 30px 0 0;} 
        footer .footerlink {line-height:40px;} 
        .list_order ul li, p{font-size: 16px !important;}
        .contact_info{max-width:100%; width: 100%;}
        
}

@media only screen and (max-width:479px){  
        .snap-section {  min-height:auto;  }
        body {font-size: 16px;}
        header .logo { 	padding-top: 13px; }
        .banner-title, .exposer, .real-expo, .why-osfira, #use-case, .data-febric, .platformbox, #outcome {padding:40px 0;}
        .banner-title h1, .exposer h2,  #solution h2, .why-osfira h2, #use-case h2, .platformbox h2, #outcome h2, .plateform-for h3 { font-size: 24.7px;  } 
        .exposer img, .why-osfira img{max-height: 150px;} 
        .text-wraper-problem h2, #solution h3 {line-height: 25.7px; margin-top: 3%; } 
        .why-osfira ul li {margin-bottom:40px;}
        .stellarnav.light.left .menu-toggle, .stellarnav.light.right .menu-toggle { float: right;}
        footer .footerlink {line-height:24px;}
        .data-febric img, .ai-asst img{max-height: 100px;}
        .data-febric ul li:nth-child(even) figure, .ai-asst ul li:nth-child(even) figure{order:0;}
        .list_order ul li, p{font-size: 16px !important;}
        .contact_form{max-width:100%; width: 100%;}
}