﻿
/*  
@media screen and (max-width:1100px) {#main{background:yellow;} }
@media screen and (max-width:1000px) {#main{background:red;} }
@media screen and (max-width:801px) {#main{background:pink;} }
@media screen and (max-width:751px) {#main{background:purple;} }
@media screen and (max-width:701px) {#main{background:blue;} }

@media screen and (max-width:601px) {#main{background:cyan;} }
@media screen and (max-width:501px) {#main{background:lime;} }
@media screen and (max-width:401px) {#main{background:green;} }
@media screen and (max-width:300px) {#main{background:orange;} }
*/
@media screen and (max-width:1100px) { /*yellow*/

}   /* end max-width:1100px */

@media screen and (max-width:959px) {  /* red */
#wdb-sliderApp{width:96%;}                             
#wdb-container{height:380px;}
.wdb-slide img{height:350px;}
.app-label{font-size:.8rem;}
.wdb-marker-container span {font-size:2.9rem;}
#arrows{top:120px;}
#arrows img{height:25px;}
}  /* end max-width:959px */

@media screen and (max-width:801px) { /* pink */ 
#wdb-container{height:300px;}
.wdb-slide img{height:270px;}
.app-label{font-size:.7rem !important;}
.wdb-marker-container span{font-size:2.2rem;}
#arrows{top:100px;}
#arrows img{height:20px;}
}  /* end max-width:801px */

@media screen and (max-width:751px) {  /* purple */
}  /* end max-width:751px */


@media screen and (max-width:601px) {  /* blue */
#wdb-sliderApp{width:100% !important;}
#arrows{top:80px;}
#arrows img{height:25px;}
#wdb-sliderAppTop{height:20px;}
.wdb-marker-container{margin:0px;margin-top:-7px;}
.app-label{font-size:.8rem !important;}
 }  /* end max-width:601px */

@media screen and (max-width:501px) { /* cyan */
#wdb-container{height:280px;}
#wdb-sliderAppTop{height:20px;}

.wdb-slide img{height:250px;}
.app-label{font-size:.8rem !important;}
#arrows{top:70px;}
#arrows img{height:25px;}
.wdb-marker-container{margin-left:2px !important;}
.wdb-marker-container span{font-size:1.7rem;} 
}  /* end max-width:501px */

@media screen and (max-width:401px) {  /* green */
#imain{background: green;} 

#wdb-sliderApp{display:block;}
#wdb-container{height:240px;width:94%;background:transparent;margin:0px;padding:0px;margin-left:10px;}
.wdb-slide img{height:220px;}
.app-label{font-size:.75rem !important;}
#arrows{top:75px;}
#arrows img{height:25px;padding:5px;}
}  /* end max-width:401px */

@media screen and (max-width:300px) {
.wdb-marker-container span{font-size:1rem;} 
}  /* end max-width:301px */