@media screen and (min-width: 768px){
	.hide-navs{
		display: none;
	}
	
}
@media screen and (max-width: 768px){
.we-talk h2 {
font-size: 50px;
text-align: center;
}
.osmo-ro-mid {
flex-wrap: wrap;
}
.osmo-why ul {
min-width: AUTO;
/* max-width: 570px; */
}
ul.certified {
flex-wrap: wrap;
}
.osmo-why img {
width: 100%;
}
.hide-secondnav{
	display: none;
}

}

@media screen and (min-width: 320px) and (max-width: 767px){
	
header{ margin-bottom:0; background-position:right bottom}
.mail{ float:none; text-align:center}
.banner-container {

    padding: 10px 0;
    height: auto;
}
.banner-content h1{ font-size:15px; line-height:30px;}
.header-top span{ font-size:17px;}	
.link.bottom-container{ background-position: left top, right bottom; margin-bottom:0;}
.banner-content{ margin:0; width:100%; padding:15px 30px;}
#video_placeholder1{ width:100%;}
.logo{ text-align:center;}
.footer-logo.spacial{ margin-bottom:50px;}
section.link p{ font-size:16px; line-height:25px;}
section.link.top-container{ padding-top:0;}
.link.middle-container p{ font-size:20px; line-height:30px;}
.link.middle-container span {
    font-size: 29px;
}
.left-sep{ bottom:0;}
.right-sep{top:0;}
.banner-content h1 span {
    font-weight: lighter;
    font-size: 15px;
}

}

@media screen and (min-width: 480px) and (max-width: 767px){
.banner-container{ background-size:100%; background-position:top center; padding:50px 0;}
.banner-content{ width:80%;}
.banner-content h1{ font-size:20px; line-height:30px;}	
}