@charset "utf-8";
/* CSS Document */
@media screen and (max-width:2560px){
.btn.btn-warning {
    top: 50%;
    left: 18%;
}
.materials-for p{
    padding-top: 10%;
}
.specialist-materials p{
    padding-top: 2%;
}
.materials-tabs p {
    padding-bottom: 40%;
}
}
@media screen and (max-width:1920px){
.btn.btn-warning {
    top: 50%;
    left: 17%;
}
}
@media screen and (max-width:1600px){

}
@media screen and (max-width:1440px){

}
@media screen and (max-width:1240px){

}
@media screen and (max-width:1024px){

}
@media screen and (max-width:800px){
.btn.btn-warning {
    top: 54%;
    left: 20%;
}
}
@media screen and (max-width:768px){
.btn.btn-warning {
    top: 47%;
    left: 22%;
}
}
@media screen and (max-width:480px){
.quality-img01{
	margin-top: 22%;
    margin-bottom: 20%;	
}
.quality-img02{
    margin-bottom: 20%;
}
.quality-img03{
    margin-bottom: 2%;
}
.compound-type-selector{
	 margin-top: 5%;
    margin-bottom: 20%;
}

}	
@media screen and (max-width:414px){
.compound-type-selector-caption {
    padding-top: 10%;
}
.compound-type-selector {
   margin-top: 15%;
    margin-bottom: 20%;
}
}
@media screen and (max-width:384px){
.compound-type-selector-caption {
    padding-top: 15%;
}
.btn.btn-warning {
    top: 53%;
    left: 22%;
}
.compound-type-selector {
    margin-top: -5%;
    margin-bottom: 20%;
}
}
@media screen and (max-width:360px){
.btn.btn-warning {
    top: 48%;
    left: 23%;
}
.compound-type-selector-caption {
    padding-top: 15%;
    padding-bottom: 10%;
}


}