/*xs*/
@media only screen and (max-width:767px){
.res-state{width:10px;}
.splash-page .languages {width:100%;}
.button{width:100%; max-width:230px; margin:10px 0;}

}

/*sm*/
@media (min-width: 768px) and (max-width: 991px) { 
.res-state{width:20px;}


}

/*md*/
@media (min-width: 992px) and (max-width: 1199px) {
.res-state{width:30px;}

}

/*lg*/
@media (min-width: 1200px) {
.res-state{width:40px;}

}


/* laptops */
@media (min-width: 1025px) and (max-width: 1366px) {
.res-state{width:35px;}


/* Landscape view of all tablet devices */
@media (min-width: 768px) and (max-width: 1024px) and (orientation : landscape){ 
.res-state{width:25px;}

}